primevue 3.46.0 → 3.47.0

package/panelmenu/panelmenu.esm.min.js

@@ -1 +1 @@
-import e from"primevue/icons/chevrondown";import t from"primevue/icons/chevronright";import{ObjectUtils as i,DomHandler as n,UniqueComponentId as s}from"primevue/utils";import{mergeProps as r,resolveComponent as a,resolveDirective as o,openBlock as c,createElementBlock as l,normalizeClass as u,Fragment as d,renderList as m,createElementVNode as h,withDirectives as p,createBlock as f,resolveDynamicComponent as I,createCommentVNode as g,toDisplayString as v,createVNode as y,Transition as b,withCtx as P,vShow as x,renderSlot as k}from"vue";import K from"primevue/basecomponent";import w from"primevue/panelmenu/style";import E from"primevue/ripple";var A={name:"BasePanelMenu",extends:K,props:{model:{type:Array,default:null},expandedKeys:{type:Object,default:null},multiple:{type:Boolean,default:!1},tabindex:{type:Number,default:0}},style:w,provide:function(){return{$parentInstance:this}}},O={name:"PanelMenuSub",hostName:"PanelMenu",extends:K,emits:["item-toggle"],props:{panelId:{type:String,default:null},focusedItemId:{type:String,default:null},items:{type:Array,default:null},level:{type:Number,default:0},templates:{type:Object,default:null},activeItemPath:{type:Object,default:null},tabindex:{type:Number,default:-1}},methods:{getItemId:function(e){return"".concat(this.panelId,"_").concat(e.key)},getItemKey:function(e){return this.getItemId(e)},getItemProp:function(e,t,n){return e&&e.item?i.getItemValue(e.item[t],n):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},getPTOptions:function(e,t,i){return this.ptm(e,{context:{item:t,index:i,active:this.isItemActive(t),focused:this.isItemFocused(t),disabled:this.isItemDisabled(t)}})},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)},onItemClick:function(e,t){this.getItemProp(t,"command",{originalEvent:e,item:t.item}),this.$emit("item-toggle",{processedItem:t,expanded:!this.isItemActive(t)})},onItemToggle:function(e){this.$emit("item-toggle",e)},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:r({class:this.cx("action"),tabindex:-1,"aria-hidden":!0},this.getPTOptions("action",e,t)),icon:r({class:[this.cx("icon"),this.getItemProp(e,"icon")]},this.getPTOptions("icon",e,t)),label:r({class:this.cx("label")},this.getPTOptions("label",e,t)),submenuicon:r({class:this.cx("submenuIcon")},this.getPTOptions("submenuicon",e,t))}}},components:{ChevronRightIcon:t,ChevronDownIcon:e},directives:{ripple:E}},H=["tabindex"],S=["id","aria-label","aria-expanded","aria-level","aria-setsize","aria-posinset","data-p-focused","data-p-disabled"],T=["onClick"],D=["href","target"];function C(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function F(e,t){if(e){if("string"==typeof e)return L(e,t);var i=Object.prototype.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?L(e,t):void 0}}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,n=new Array(t);i<t;i++)n[i]=e[i];return n}function N(e,t){var i=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=i){var n,s,r,a,o=[],c=!0,l=!1;try{if(r=(i=i.call(e)).next,0===t){if(Object(i)!==i)return;c=!1}else for(;!(c=(n=r.call(i)).done)&&(o.push(n.value),o.length!==t);c=!0);}catch(e){l=!0,s=e}finally{try{if(!c&&null!=i.return&&(a=i.return(),Object(a)!==a))return}finally{if(l)throw s}}return o}}function V(e){if(Array.isArray(e))return e}O.render=function(e,t,i,n,s,k){var K=a("PanelMenuSub",!0),w=o("ripple");return c(),l("ul",{class:u(e.cx("submenu")),tabindex:i.tabindex},[(c(!0),l(d,null,m(i.items,(function(t,n){return c(),l(d,{key:k.getItemKey(t)},[k.isItemVisible(t)&&!k.getItemProp(t,"separator")?(c(),l("li",r({key:0,id:k.getItemId(t),class:[e.cx("menuitem",{processedItem:t}),k.getItemProp(t,"class")],style:k.getItemProp(t,"style"),role:"treeitem","aria-label":k.getItemLabel(t),"aria-expanded":k.isItemGroup(t)?k.isItemActive(t):void 0,"aria-level":i.level+1,"aria-setsize":k.getAriaSetSize(),"aria-posinset":k.getAriaPosInset(n)},k.getPTOptions("menuitem",t,n),{"data-p-focused":k.isItemFocused(t),"data-p-disabled":k.isItemDisabled(t)}),[h("div",r({class:e.cx("content"),onClick:function(e){return k.onItemClick(e,t)}},k.getPTOptions("content",t,n)),[i.templates.item?(c(),f(I(i.templates.item),{key:1,item:t.item,root:!1,active:k.isItemActive(t),hasSubmenu:k.isItemGroup(t),label:k.getItemLabel(t),props:k.getMenuItemProps(t,n)},null,8,["item","active","hasSubmenu","label","props"])):p((c(),l("a",r({key:0,href:k.getItemProp(t,"url"),class:e.cx("action"),target:k.getItemProp(t,"target"),tabindex:"-1","aria-hidden":"true"},k.getPTOptions("action",t,n)),[k.isItemGroup(t)?(c(),l(d,{key:0},[i.templates.submenuicon?(c(),f(I(i.templates.submenuicon),r({key:0,class:e.cx("submenuIcon"),active:k.isItemActive(t)},k.getPTOptions("submenuIcon",t,n)),null,16,["class","active"])):(c(),f(I(k.isItemActive(t)?"ChevronDownIcon":"ChevronRightIcon"),r({key:1,class:e.cx("submenuIcon")},k.getPTOptions("submenuIcon",t,n)),null,16,["class"]))],64)):g("",!0),i.templates.itemicon?(c(),f(I(i.templates.itemicon),{key:1,item:t.item,class:u([e.cx("icon"),k.getItemProp(t,"icon")])},null,8,["item","class"])):k.getItemProp(t,"icon")?(c(),l("span",r({key:2,class:[e.cx("icon"),k.getItemProp(t,"icon")]},k.getPTOptions("icon",t,n)),null,16)):g("",!0),h("span",r({class:e.cx("label")},k.getPTOptions("label",t,n)),v(k.getItemLabel(t)),17)],16,D)),[[w]])],16,T),y(b,r({name:"p-toggleable-content"},e.ptm("transition")),{default:P((function(){return[p(h("div",r({class:e.cx("toggleableContent")},e.ptm("toggleableContent")),[k.isItemVisible(t)&&k.isItemGroup(t)?(c(),f(K,r({key:0,id:k.getItemId(t)+"_list",role:"group",panelId:i.panelId,focusedItemId:i.focusedItemId,items:t.items,level:i.level+1,templates:i.templates,activeItemPath:i.activeItemPath,onItemToggle:k.onItemToggle,pt:e.pt,unstyled:e.unstyled},e.ptm("submenu")),null,16,["id","panelId","focusedItemId","items","level","templates","activeItemPath","onItemToggle","pt","unstyled"])):g("",!0)],16),[[x,k.isItemActive(t)]])]})),_:2},1040)],16,S)):g("",!0),k.isItemVisible(t)&&k.getItemProp(t,"separator")?(c(),l("li",r({key:1,style:k.getItemProp(t,"style"),class:[e.cx("separator"),k.getItemProp(t,"class")],role:"separator"},e.ptm("separator")),null,16)):g("",!0)],64)})),128))],10,H)};var j={name:"PanelMenuList",hostName:"PanelMenu",extends:K,emits:["item-toggle","header-focus"],props:{panelId:{type:String,default:null},items:{type:Array,default:null},templates:{type:Object,default:null},expandedKeys:{type:Object,default:null}},searchTimeout:null,searchValue:null,data:function(){return{focused:!1,focusedItem:null,activeItemPath:[]}},watch:{expandedKeys:function(e){this.autoUpdateActiveItemPath(e)}},mounted:function(){this.autoUpdateActiveItemPath(this.expandedKeys)},methods:{getItemProp:function(e,t){return e&&e.item?i.getItemValue(e.item[t]):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},isItemVisible:function(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemActive:function(e){return this.activeItemPath.some((function(t){return t.key===e.parentKey}))},isItemGroup:function(e){return i.isNotEmpty(e.items)},onFocus:function(e){this.focused=!0,this.focusedItem=this.focusedItem||(this.isElementInPanel(e,e.relatedTarget)?this.findFirstItem():this.findLastItem())},onBlur:function(){this.focused=!1,this.focusedItem=null,this.searchValue=""},onKeyDown:function(e){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":case"Tab":case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!t&&i.isPrintableCharacter(e.key)&&this.searchItems(e,e.key)}},onArrowDownKey:function(e){var t=i.isNotEmpty(this.focusedItem)?this.findNextItem(this.focusedItem):this.findFirstItem();this.changeFocusedItem({originalEvent:e,processedItem:t,focusOnNext:!0}),e.preventDefault()},onArrowUpKey:function(e){var t=i.isNotEmpty(this.focusedItem)?this.findPrevItem(this.focusedItem):this.findLastItem();this.changeFocusedItem({originalEvent:e,processedItem:t,selfCheck:!0}),e.preventDefault()},onArrowLeftKey:function(e){var t=this;i.isNotEmpty(this.focusedItem)&&(this.activeItemPath.some((function(e){return e.key===t.focusedItem.key}))?this.activeItemPath=this.activeItemPath.filter((function(e){return e.key!==t.focusedItem.key})):this.focusedItem=i.isNotEmpty(this.focusedItem.parent)?this.focusedItem.parent:this.focusedItem,e.preventDefault())},onArrowRightKey:function(e){var t=this;if(i.isNotEmpty(this.focusedItem)){if(this.isItemGroup(this.focusedItem))this.activeItemPath.some((function(e){return e.key===t.focusedItem.key}))?this.onArrowDownKey(e):(this.activeItemPath=this.activeItemPath.filter((function(e){return e.parentKey!==t.focusedItem.parentKey})),this.activeItemPath.push(this.focusedItem));e.preventDefault()}},onHomeKey:function(e){this.changeFocusedItem({originalEvent:e,processedItem:this.findFirstItem(),allowHeaderFocus:!1}),e.preventDefault()},onEndKey:function(e){this.changeFocusedItem({originalEvent:e,processedItem:this.findLastItem(),focusOnNext:!0,allowHeaderFocus:!1}),e.preventDefault()},onEnterKey:function(e){if(i.isNotEmpty(this.focusedItem)){var t=n.findSingle(this.$el,'li[id="'.concat("".concat(this.focusedItemId),'"]')),s=t&&(n.findSingle(t,'[data-pc-section="action"]')||n.findSingle(t,"a,button"));s?s.click():t&&t.click()}e.preventDefault()},onSpaceKey:function(e){this.onEnterKey(e)},onItemToggle:function(e){var t=e.processedItem,i=e.expanded;this.expandedKeys?this.$emit("item-toggle",{item:t.item,expanded:i}):(this.activeItemPath=this.activeItemPath.filter((function(e){return e.parentKey!==t.parentKey})),i&&this.activeItemPath.push(t)),this.focusedItem=t,n.focus(this.$el)},isElementInPanel:function(e,t){var i=e.currentTarget.closest('[data-pc-section="panel"]');return i&&i.contains(t)},isItemMatched:function(e){return this.isValidItem(e)&&this.getItemLabel(e).toLocaleLowerCase(this.searchLocale).startsWith(this.searchValue.toLocaleLowerCase(this.searchLocale))},isVisibleItem:function(e){return!!e&&(0===e.level||this.isItemActive(e))&&this.isItemVisible(e)},isValidItem:function(e){return!!e&&!this.isItemDisabled(e)&&!this.getItemProp(e,"separator")},findFirstItem:function(){var e=this;return this.visibleItems.find((function(t){return e.isValidItem(t)}))},findLastItem:function(){var e=this;return i.findLast(this.visibleItems,(function(t){return e.isValidItem(t)}))},findNextItem:function(e){var t=this,i=this.visibleItems.findIndex((function(t){return t.key===e.key}));return(i<this.visibleItems.length-1?this.visibleItems.slice(i+1).find((function(e){return t.isValidItem(e)})):void 0)||e},findPrevItem:function(e){var t=this,n=this.visibleItems.findIndex((function(t){return t.key===e.key}));return(n>0?i.findLast(this.visibleItems.slice(0,n),(function(e){return t.isValidItem(e)})):void 0)||e},searchItems:function(e,t){var n=this;this.searchValue=(this.searchValue||"")+t;var s=null,r=!1;if(i.isNotEmpty(this.focusedItem)){var a=this.visibleItems.findIndex((function(e){return e.key===n.focusedItem.key}));s=this.visibleItems.slice(a).find((function(e){return n.isItemMatched(e)})),s=i.isEmpty(s)?this.visibleItems.slice(0,a).find((function(e){return n.isItemMatched(e)})):s}else s=this.visibleItems.find((function(e){return n.isItemMatched(e)}));return i.isNotEmpty(s)&&(r=!0),i.isEmpty(s)&&i.isEmpty(this.focusedItem)&&(s=this.findFirstItem()),i.isNotEmpty(s)&&this.changeFocusedItem({originalEvent:e,processedItem:s,allowHeaderFocus:!1}),this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((function(){n.searchValue="",n.searchTimeout=null}),500),r},changeFocusedItem:function(e){var t=e.originalEvent,n=e.processedItem,s=e.focusOnNext,r=e.selfCheck,a=e.allowHeaderFocus,o=void 0===a||a;i.isNotEmpty(this.focusedItem)&&this.focusedItem.key!==n.key?(this.focusedItem=n,this.scrollInView()):o&&this.$emit("header-focus",{originalEvent:t,focusOnNext:s,selfCheck:r})},scrollInView:function(){var e=n.findSingle(this.$el,'li[id="'.concat("".concat(this.focusedItemId),'"]'));e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},autoUpdateActiveItemPath:function(e){var t=this;this.activeItemPath=Object.entries(e||{}).reduce((function(e,i){var n,s,r=(s=2,V(n=i)||N(n,s)||F(n,s)||C());if(r[1]){var a=t.findProcessedItemByItemKey(r[0]);a&&e.push(a)}return e}),[])},findProcessedItemByItemKey:function(e,t){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if(!(t=t||0===i&&this.processedItems))return null;for(var n=0;n<t.length;n++){var s=t[n];if(this.getItemProp(s,"key")===e)return s;var r=this.findProcessedItemByItemKey(e,s.items,i+1);if(r)return r}},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,a){var o=(""!==s?s+"_":"")+a,c={item:e,index:a,level:i,key:o,parent:n,parentKey:s};c.items=t.createProcessedItems(e.items,i+1,c,o),r.push(c)})),r},flatItems:function(e){var t=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return e&&e.forEach((function(e){t.isVisibleItem(e)&&(i.push(e),t.flatItems(e.items,i))})),i}},computed:{processedItems:function(){return this.createProcessedItems(this.items||[])},visibleItems:function(){return this.flatItems(this.processedItems)},focusedItemId:function(){return i.isNotEmpty(this.focusedItem)?"".concat(this.panelId,"_").concat(this.focusedItem.key):null}},components:{PanelMenuSub:O}};function $(e){return $="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},$(e)}function M(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 U(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?M(Object(i),!0).forEach((function(t){B(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):M(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function B(e,t,i){var n;return(t="symbol"==$(n=_(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,t){if("object"!=$(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var n=i.call(e,t||"default");if("object"!=$(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}j.render=function(e,t,i,n,s,o){var l=a("PanelMenuSub");return c(),f(l,r({id:i.panelId+"_list",class:e.cx("menu"),role:"tree",tabindex:-1,"aria-activedescendant":s.focused?o.focusedItemId:void 0,panelId:i.panelId,focusedItemId:s.focused?o.focusedItemId:void 0,items:o.processedItems,templates:i.templates,activeItemPath:s.activeItemPath,onFocus:o.onFocus,onBlur:o.onBlur,onKeydown:o.onKeyDown,onItemToggle:o.onItemToggle,pt:e.pt,unstyled:e.unstyled},e.ptm("menu")),null,16,["id","class","aria-activedescendant","panelId","focusedItemId","items","templates","activeItemPath","onFocus","onBlur","onKeydown","onItemToggle","pt","unstyled"])};var R={name:"PanelMenu",extends:A,emits:["update:expandedKeys","panel-open","panel-close"],data:function(){return{id:this.$attrs.id,activeItem:null,activeItems:[]}},watch:{"$attrs.id":function(e){this.id=e||s()}},mounted:function(){this.id=this.id||s()},methods:{getItemProp:function(e,t){return e?i.getItemValue(e[t]):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},getPTOptions:function(e,t,i){return this.ptm(e,{context:{index:i,active:this.isItemActive(t),focused:this.isItemFocused(t),disabled:this.isItemDisabled(t)}})},isItemActive:function(e){return this.expandedKeys?this.expandedKeys[this.getItemProp(e,"key")]:this.multiple?this.activeItems.some((function(t){return i.equals(e,t)})):i.equals(e,this.activeItem)},isItemVisible:function(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemFocused:function(e){return i.equals(e,this.activeItem)},getPanelId:function(e){return"".concat(this.id,"_").concat(e)},getPanelKey:function(e){return this.getPanelId(e)},getHeaderId:function(e){return"".concat(this.getPanelId(e),"_header")},getContentId:function(e){return"".concat(this.getPanelId(e),"_content")},onHeaderClick:function(e,t){this.isItemDisabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),this.changeActiveItem(e,t),n.focus(e.currentTarget))},onHeaderKeyDown:function(e,t){switch(e.code){case"ArrowDown":this.onHeaderArrowDownKey(e);break;case"ArrowUp":this.onHeaderArrowUpKey(e);break;case"Home":this.onHeaderHomeKey(e);break;case"End":this.onHeaderEndKey(e);break;case"Enter":case"NumpadEnter":case"Space":this.onHeaderEnterKey(e,t)}},onHeaderArrowDownKey:function(e){var t=!0===n.getAttribute(e.currentTarget,"data-p-highlight")?n.findSingle(e.currentTarget.nextElementSibling,'[data-pc-section="menu"]'):null;t?n.focus(t):this.updateFocusedHeader({originalEvent:e,focusOnNext:!0}),e.preventDefault()},onHeaderArrowUpKey:function(e){var t=this.findPrevHeader(e.currentTarget.parentElement)||this.findLastHeader(),i=!0===n.getAttribute(t,"data-p-highlight")?n.findSingle(t.nextElementSibling,'[data-pc-section="menu"]'):null;i?n.focus(i):this.updateFocusedHeader({originalEvent:e,focusOnNext:!1}),e.preventDefault()},onHeaderHomeKey:function(e){this.changeFocusedHeader(e,this.findFirstHeader()),e.preventDefault()},onHeaderEndKey:function(e){this.changeFocusedHeader(e,this.findLastHeader()),e.preventDefault()},onHeaderEnterKey:function(e,t){var i=n.findSingle(e.currentTarget,'[data-pc-section="headeraction"]');i?i.click():this.onHeaderClick(e,t),e.preventDefault()},findNextHeader:function(e){var t=n.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling,'[data-pc-section="header"]');return t?n.getAttribute(t,"data-p-disabled")?this.findNextHeader(t.parentElement):t:null},findPrevHeader:function(e){var t=n.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling,'[data-pc-section="header"]');return t?n.getAttribute(t,"data-p-disabled")?this.findPrevHeader(t.parentElement):t:null},findFirstHeader:function(){return this.findNextHeader(this.$el.firstElementChild,!0)},findLastHeader:function(){return this.findPrevHeader(this.$el.lastElementChild,!0)},updateFocusedHeader:function(e){var t=e.originalEvent,i=e.focusOnNext,s=e.selfCheck,r=t.currentTarget.closest('[data-pc-section="panel"]'),a=s?n.findSingle(r,'[data-pc-section="header"]'):i?this.findNextHeader(r):this.findPrevHeader(r);a?this.changeFocusedHeader(t,a):i?this.onHeaderHomeKey(t):this.onHeaderEndKey(t)},changeActiveItem:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(!this.isItemDisabled(t)){var s=this.isItemActive(t),r=s?"panel-close":"panel-open";this.activeItem=n?t:this.activeItem&&i.equals(t,this.activeItem)?null:t,this.multiple&&(this.activeItems.some((function(e){return i.equals(t,e)}))?this.activeItems=this.activeItems.filter((function(e){return!i.equals(t,e)})):this.activeItems.push(t)),this.changeExpandedKeys({item:t,expanded:!s}),this.$emit(r,{originalEvent:e,item:t})}},changeExpandedKeys:function(e){var t=e.item,i=e.expanded,n=void 0!==i&&i;if(this.expandedKeys){var s=U({},this.expandedKeys);n?s[t.key]=!0:delete s[t.key],this.$emit("update:expandedKeys",s)}},changeFocusedHeader:function(e,t){t&&n.focus(t)},getMenuItemProps:function(e,t){return{icon:r({class:[this.cx("headerIcon"),this.getItemProp(e,"icon")]},this.getPTOptions("headerIcon",e,t)),label:r({class:this.cx("headerLabel")},this.getPTOptions("headerLabel",e,t))}}},components:{PanelMenuList:j,ChevronRightIcon:t,ChevronDownIcon:e}},G=["id"],q=["id","tabindex","aria-label","aria-expanded","aria-controls","aria-disabled","onClick","onKeydown","data-p-highlight","data-p-disabled"],z=["href"],W=["id","aria-labelledby"];R.render=function(e,t,i,n,s,o){var K=a("PanelMenuList");return c(),l("div",r({id:s.id,class:e.cx("root")},e.ptm("root"),{"data-pc-name":"panelmenu"}),[(c(!0),l(d,null,m(e.model,(function(t,i){return c(),l(d,{key:o.getPanelKey(i)},[o.isItemVisible(t)?(c(),l("div",r({key:0,style:o.getItemProp(t,"style"),class:[e.cx("panel"),o.getItemProp(t,"class")]},e.ptm("panel")),[h("div",r({id:o.getHeaderId(i),class:[e.cx("header",{item:t}),o.getItemProp(t,"headerClass")],tabindex:o.isItemDisabled(t)?-1:e.tabindex,role:"button","aria-label":o.getItemLabel(t),"aria-expanded":o.isItemActive(t),"aria-controls":o.getContentId(i),"aria-disabled":o.isItemDisabled(t),onClick:function(e){return o.onHeaderClick(e,t)},onKeydown:function(e){return o.onHeaderKeyDown(e,t)}},o.getPTOptions("header",t,i),{"data-p-highlight":o.isItemActive(t),"data-p-disabled":o.isItemDisabled(t)}),[h("div",r({class:e.cx("headerContent")},o.getPTOptions("headerContent",t,i)),[e.$slots.item?(c(),f(I(e.$slots.item),{key:1,item:t,root:!0,active:o.isItemActive(t),hasSubmenu:o.getItemProp(t,"items"),label:o.getItemLabel(t),props:o.getMenuItemProps(t,i)},null,8,["item","active","hasSubmenu","label","props"])):(c(),l("a",r({key:0,href:o.getItemProp(t,"url"),class:e.cx("headerAction"),tabindex:-1},o.getPTOptions("headerAction",t,i)),[o.getItemProp(t,"items")?k(e.$slots,"submenuicon",{key:0,active:o.isItemActive(t)},(function(){return[(c(),f(I(o.isItemActive(t)?"ChevronDownIcon":"ChevronRightIcon"),r({class:e.cx("submenuIcon")},o.getPTOptions("submenuIcon",t,i)),null,16,["class"]))]})):g("",!0),e.$slots.headericon?(c(),f(I(e.$slots.headericon),{key:1,item:t,class:u([e.cx("headerIcon"),o.getItemProp(t,"icon")])},null,8,["item","class"])):o.getItemProp(t,"icon")?(c(),l("span",r({key:2,class:[e.cx("headerIcon"),o.getItemProp(t,"icon")]},o.getPTOptions("headerIcon",t,i)),null,16)):g("",!0),h("span",r({class:e.cx("headerLabel")},o.getPTOptions("headerLabel",t,i)),v(o.getItemLabel(t)),17)],16,z))],16)],16,q),y(b,r({name:"p-toggleable-content"},e.ptm("transition")),{default:P((function(){return[p(h("div",r({id:o.getContentId(i),class:e.cx("toggleableContent"),role:"region","aria-labelledby":o.getHeaderId(i)},e.ptm("toggleableContent")),[o.getItemProp(t,"items")?(c(),l("div",r({key:0,class:e.cx("menuContent")},e.ptm("menuContent")),[y(K,{panelId:o.getPanelId(i),items:o.getItemProp(t,"items"),templates:e.$slots,expandedKeys:e.expandedKeys,onItemToggle:o.changeExpandedKeys,onHeaderFocus:o.updateFocusedHeader,pt:e.pt,unstyled:e.unstyled},null,8,["panelId","items","templates","expandedKeys","onItemToggle","onHeaderFocus","pt","unstyled"])],16)):g("",!0)],16,W),[[x,o.isItemActive(t)]])]})),_:2},1040)],16)):g("",!0)],64)})),128))],16,G)};export{R as default};
+import e from"primevue/icons/chevrondown";import t from"primevue/icons/chevronright";import{ObjectUtils as i,DomHandler as n,UniqueComponentId as s}from"primevue/utils";import{mergeProps as r,resolveComponent as a,resolveDirective as o,openBlock as c,createElementBlock as l,normalizeClass as u,Fragment as d,renderList as m,createElementVNode as h,withDirectives as p,createBlock as f,resolveDynamicComponent as I,createCommentVNode as g,toDisplayString as v,createVNode as y,Transition as b,withCtx as P,vShow as x,renderSlot as k}from"vue";import K from"primevue/basecomponent";import w from"primevue/panelmenu/style";import E from"primevue/ripple";var A={name:"BasePanelMenu",extends:K,props:{model:{type:Array,default:null},expandedKeys:{type:Object,default:null},multiple:{type:Boolean,default:!1},tabindex:{type:Number,default:0}},style:w,provide:function(){return{$parentInstance:this}}},O={name:"PanelMenuSub",hostName:"PanelMenu",extends:K,emits:["item-toggle"],props:{panelId:{type:String,default:null},focusedItemId:{type:String,default:null},items:{type:Array,default:null},level:{type:Number,default:0},templates:{type:Object,default:null},activeItemPath:{type:Object,default:null},tabindex:{type:Number,default:-1}},methods:{getItemId:function(e){return"".concat(this.panelId,"_").concat(e.key)},getItemKey:function(e){return this.getItemId(e)},getItemProp:function(e,t,n){return e&&e.item?i.getItemValue(e.item[t],n):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},getPTOptions:function(e,t,i){return this.ptm(e,{context:{item:t,index:i,active:this.isItemActive(t),focused:this.isItemFocused(t),disabled:this.isItemDisabled(t)}})},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)},onItemClick:function(e,t){this.getItemProp(t,"command",{originalEvent:e,item:t.item}),this.$emit("item-toggle",{processedItem:t,expanded:!this.isItemActive(t)})},onItemToggle:function(e){this.$emit("item-toggle",e)},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:r({class:this.cx("action"),tabindex:-1,"aria-hidden":!0},this.getPTOptions("action",e,t)),icon:r({class:[this.cx("icon"),this.getItemProp(e,"icon")]},this.getPTOptions("icon",e,t)),label:r({class:this.cx("label")},this.getPTOptions("label",e,t)),submenuicon:r({class:this.cx("submenuIcon")},this.getPTOptions("submenuicon",e,t))}}},components:{ChevronRightIcon:t,ChevronDownIcon:e},directives:{ripple:E}},H=["tabindex"],S=["id","aria-label","aria-expanded","aria-level","aria-setsize","aria-posinset","data-p-focused","data-p-disabled"],T=["onClick"],D=["href","target"];function C(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function F(e,t){if(e){if("string"==typeof e)return L(e,t);var i=Object.prototype.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?L(e,t):void 0}}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,n=new Array(t);i<t;i++)n[i]=e[i];return n}function N(e,t){var i=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=i){var n,s,r,a,o=[],c=!0,l=!1;try{if(r=(i=i.call(e)).next,0===t){if(Object(i)!==i)return;c=!1}else for(;!(c=(n=r.call(i)).done)&&(o.push(n.value),o.length!==t);c=!0);}catch(e){l=!0,s=e}finally{try{if(!c&&null!=i.return&&(a=i.return(),Object(a)!==a))return}finally{if(l)throw s}}return o}}function V(e){if(Array.isArray(e))return e}O.render=function(e,t,i,n,s,k){var K=a("PanelMenuSub",!0),w=o("ripple");return c(),l("ul",{class:u(e.cx("submenu")),tabindex:i.tabindex},[(c(!0),l(d,null,m(i.items,(function(t,n){return c(),l(d,{key:k.getItemKey(t)},[k.isItemVisible(t)&&!k.getItemProp(t,"separator")?(c(),l("li",r({key:0,id:k.getItemId(t),class:[e.cx("menuitem",{processedItem:t}),k.getItemProp(t,"class")],style:k.getItemProp(t,"style"),role:"treeitem","aria-label":k.getItemLabel(t),"aria-expanded":k.isItemGroup(t)?k.isItemActive(t):void 0,"aria-level":i.level+1,"aria-setsize":k.getAriaSetSize(),"aria-posinset":k.getAriaPosInset(n)},k.getPTOptions("menuitem",t,n),{"data-p-focused":k.isItemFocused(t),"data-p-disabled":k.isItemDisabled(t)}),[h("div",r({class:e.cx("content"),onClick:function(e){return k.onItemClick(e,t)}},k.getPTOptions("content",t,n)),[i.templates.item?(c(),f(I(i.templates.item),{key:1,item:t.item,root:!1,active:k.isItemActive(t),hasSubmenu:k.isItemGroup(t),label:k.getItemLabel(t),props:k.getMenuItemProps(t,n)},null,8,["item","active","hasSubmenu","label","props"])):p((c(),l("a",r({key:0,href:k.getItemProp(t,"url"),class:e.cx("action"),target:k.getItemProp(t,"target"),tabindex:"-1","aria-hidden":"true"},k.getPTOptions("action",t,n)),[k.isItemGroup(t)?(c(),l(d,{key:0},[i.templates.submenuicon?(c(),f(I(i.templates.submenuicon),r({key:0,class:e.cx("submenuIcon"),active:k.isItemActive(t)},k.getPTOptions("submenuIcon",t,n)),null,16,["class","active"])):(c(),f(I(k.isItemActive(t)?"ChevronDownIcon":"ChevronRightIcon"),r({key:1,class:e.cx("submenuIcon")},k.getPTOptions("submenuIcon",t,n)),null,16,["class"]))],64)):g("",!0),i.templates.itemicon?(c(),f(I(i.templates.itemicon),{key:1,item:t.item,class:u([e.cx("icon"),k.getItemProp(t,"icon")])},null,8,["item","class"])):k.getItemProp(t,"icon")?(c(),l("span",r({key:2,class:[e.cx("icon"),k.getItemProp(t,"icon")]},k.getPTOptions("icon",t,n)),null,16)):g("",!0),h("span",r({class:e.cx("label")},k.getPTOptions("label",t,n)),v(k.getItemLabel(t)),17)],16,D)),[[w]])],16,T),y(b,r({name:"p-toggleable-content"},e.ptm("transition")),{default:P((function(){return[p(h("div",r({class:e.cx("toggleableContent")},e.ptm("toggleableContent")),[k.isItemVisible(t)&&k.isItemGroup(t)?(c(),f(K,r({key:0,id:k.getItemId(t)+"_list",role:"group",panelId:i.panelId,focusedItemId:i.focusedItemId,items:t.items,level:i.level+1,templates:i.templates,activeItemPath:i.activeItemPath,onItemToggle:k.onItemToggle,pt:e.pt,unstyled:e.unstyled},e.ptm("submenu")),null,16,["id","panelId","focusedItemId","items","level","templates","activeItemPath","onItemToggle","pt","unstyled"])):g("",!0)],16),[[x,k.isItemActive(t)]])]})),_:2},1040)],16,S)):g("",!0),k.isItemVisible(t)&&k.getItemProp(t,"separator")?(c(),l("li",r({key:1,style:k.getItemProp(t,"style"),class:[e.cx("separator"),k.getItemProp(t,"class")],role:"separator"},e.ptm("separator")),null,16)):g("",!0)],64)})),128))],10,H)};var j={name:"PanelMenuList",hostName:"PanelMenu",extends:K,emits:["item-toggle","header-focus"],props:{panelId:{type:String,default:null},items:{type:Array,default:null},templates:{type:Object,default:null},expandedKeys:{type:Object,default:null}},searchTimeout:null,searchValue:null,data:function(){return{focused:!1,focusedItem:null,activeItemPath:[]}},watch:{expandedKeys:function(e){this.autoUpdateActiveItemPath(e)}},mounted:function(){this.autoUpdateActiveItemPath(this.expandedKeys)},methods:{getItemProp:function(e,t){return e&&e.item?i.getItemValue(e.item[t]):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},isItemVisible:function(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemActive:function(e){return this.activeItemPath.some((function(t){return t.key===e.parentKey}))},isItemGroup:function(e){return i.isNotEmpty(e.items)},onFocus:function(e){this.focused=!0,this.focusedItem=this.focusedItem||(this.isElementInPanel(e,e.relatedTarget)?this.findFirstItem():this.findLastItem())},onBlur:function(){this.focused=!1,this.focusedItem=null,this.searchValue=""},onKeyDown:function(e){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":case"Tab":case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!t&&i.isPrintableCharacter(e.key)&&this.searchItems(e,e.key)}},onArrowDownKey:function(e){var t=i.isNotEmpty(this.focusedItem)?this.findNextItem(this.focusedItem):this.findFirstItem();this.changeFocusedItem({originalEvent:e,processedItem:t,focusOnNext:!0}),e.preventDefault()},onArrowUpKey:function(e){var t=i.isNotEmpty(this.focusedItem)?this.findPrevItem(this.focusedItem):this.findLastItem();this.changeFocusedItem({originalEvent:e,processedItem:t,selfCheck:!0}),e.preventDefault()},onArrowLeftKey:function(e){var t=this;i.isNotEmpty(this.focusedItem)&&(this.activeItemPath.some((function(e){return e.key===t.focusedItem.key}))?this.activeItemPath=this.activeItemPath.filter((function(e){return e.key!==t.focusedItem.key})):this.focusedItem=i.isNotEmpty(this.focusedItem.parent)?this.focusedItem.parent:this.focusedItem,e.preventDefault())},onArrowRightKey:function(e){var t=this;if(i.isNotEmpty(this.focusedItem)){if(this.isItemGroup(this.focusedItem))this.activeItemPath.some((function(e){return e.key===t.focusedItem.key}))?this.onArrowDownKey(e):(this.activeItemPath=this.activeItemPath.filter((function(e){return e.parentKey!==t.focusedItem.parentKey})),this.activeItemPath.push(this.focusedItem));e.preventDefault()}},onHomeKey:function(e){this.changeFocusedItem({originalEvent:e,processedItem:this.findFirstItem(),allowHeaderFocus:!1}),e.preventDefault()},onEndKey:function(e){this.changeFocusedItem({originalEvent:e,processedItem:this.findLastItem(),focusOnNext:!0,allowHeaderFocus:!1}),e.preventDefault()},onEnterKey:function(e){if(i.isNotEmpty(this.focusedItem)){var t=n.findSingle(this.$el,'li[id="'.concat("".concat(this.focusedItemId),'"]')),s=t&&(n.findSingle(t,'[data-pc-section="action"]')||n.findSingle(t,"a,button"));s?s.click():t&&t.click()}e.preventDefault()},onSpaceKey:function(e){this.onEnterKey(e)},onItemToggle:function(e){var t=e.processedItem,i=e.expanded;this.expandedKeys?this.$emit("item-toggle",{item:t.item,expanded:i}):(this.activeItemPath=this.activeItemPath.filter((function(e){return e.parentKey!==t.parentKey})),i&&this.activeItemPath.push(t)),this.focusedItem=t,n.focus(this.$el)},isElementInPanel:function(e,t){var i=e.currentTarget.closest('[data-pc-section="panel"]');return i&&i.contains(t)},isItemMatched:function(e){var t;return this.isValidItem(e)&&(null===(t=this.getItemLabel(e))||void 0===t?void 0:t.toLocaleLowerCase(this.searchLocale).startsWith(this.searchValue.toLocaleLowerCase(this.searchLocale)))},isVisibleItem:function(e){return!!e&&(0===e.level||this.isItemActive(e))&&this.isItemVisible(e)},isValidItem:function(e){return!!e&&!this.isItemDisabled(e)&&!this.getItemProp(e,"separator")},findFirstItem:function(){var e=this;return this.visibleItems.find((function(t){return e.isValidItem(t)}))},findLastItem:function(){var e=this;return i.findLast(this.visibleItems,(function(t){return e.isValidItem(t)}))},findNextItem:function(e){var t=this,i=this.visibleItems.findIndex((function(t){return t.key===e.key}));return(i<this.visibleItems.length-1?this.visibleItems.slice(i+1).find((function(e){return t.isValidItem(e)})):void 0)||e},findPrevItem:function(e){var t=this,n=this.visibleItems.findIndex((function(t){return t.key===e.key}));return(n>0?i.findLast(this.visibleItems.slice(0,n),(function(e){return t.isValidItem(e)})):void 0)||e},searchItems:function(e,t){var n=this;this.searchValue=(this.searchValue||"")+t;var s=null,r=!1;if(i.isNotEmpty(this.focusedItem)){var a=this.visibleItems.findIndex((function(e){return e.key===n.focusedItem.key}));s=this.visibleItems.slice(a).find((function(e){return n.isItemMatched(e)})),s=i.isEmpty(s)?this.visibleItems.slice(0,a).find((function(e){return n.isItemMatched(e)})):s}else s=this.visibleItems.find((function(e){return n.isItemMatched(e)}));return i.isNotEmpty(s)&&(r=!0),i.isEmpty(s)&&i.isEmpty(this.focusedItem)&&(s=this.findFirstItem()),i.isNotEmpty(s)&&this.changeFocusedItem({originalEvent:e,processedItem:s,allowHeaderFocus:!1}),this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((function(){n.searchValue="",n.searchTimeout=null}),500),r},changeFocusedItem:function(e){var t=e.originalEvent,n=e.processedItem,s=e.focusOnNext,r=e.selfCheck,a=e.allowHeaderFocus,o=void 0===a||a;i.isNotEmpty(this.focusedItem)&&this.focusedItem.key!==n.key?(this.focusedItem=n,this.scrollInView()):o&&this.$emit("header-focus",{originalEvent:t,focusOnNext:s,selfCheck:r})},scrollInView:function(){var e=n.findSingle(this.$el,'li[id="'.concat("".concat(this.focusedItemId),'"]'));e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},autoUpdateActiveItemPath:function(e){var t=this;this.activeItemPath=Object.entries(e||{}).reduce((function(e,i){var n,s,r=(s=2,V(n=i)||N(n,s)||F(n,s)||C());if(r[1]){var a=t.findProcessedItemByItemKey(r[0]);a&&e.push(a)}return e}),[])},findProcessedItemByItemKey:function(e,t){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if(!(t=t||0===i&&this.processedItems))return null;for(var n=0;n<t.length;n++){var s=t[n];if(this.getItemProp(s,"key")===e)return s;var r=this.findProcessedItemByItemKey(e,s.items,i+1);if(r)return r}},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,a){var o=(""!==s?s+"_":"")+a,c={item:e,index:a,level:i,key:o,parent:n,parentKey:s};c.items=t.createProcessedItems(e.items,i+1,c,o),r.push(c)})),r},flatItems:function(e){var t=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return e&&e.forEach((function(e){t.isVisibleItem(e)&&(i.push(e),t.flatItems(e.items,i))})),i}},computed:{processedItems:function(){return this.createProcessedItems(this.items||[])},visibleItems:function(){return this.flatItems(this.processedItems)},focusedItemId:function(){return i.isNotEmpty(this.focusedItem)?"".concat(this.panelId,"_").concat(this.focusedItem.key):null}},components:{PanelMenuSub:O}};function $(e){return $="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},$(e)}function M(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 U(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?M(Object(i),!0).forEach((function(t){B(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):M(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function B(e,t,i){var n;return(t="symbol"==$(n=_(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,t){if("object"!=$(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var n=i.call(e,t||"default");if("object"!=$(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}j.render=function(e,t,i,n,s,o){var l=a("PanelMenuSub");return c(),f(l,r({id:i.panelId+"_list",class:e.cx("menu"),role:"tree",tabindex:-1,"aria-activedescendant":s.focused?o.focusedItemId:void 0,panelId:i.panelId,focusedItemId:s.focused?o.focusedItemId:void 0,items:o.processedItems,templates:i.templates,activeItemPath:s.activeItemPath,onFocus:o.onFocus,onBlur:o.onBlur,onKeydown:o.onKeyDown,onItemToggle:o.onItemToggle,pt:e.pt,unstyled:e.unstyled},e.ptm("menu")),null,16,["id","class","aria-activedescendant","panelId","focusedItemId","items","templates","activeItemPath","onFocus","onBlur","onKeydown","onItemToggle","pt","unstyled"])};var R={name:"PanelMenu",extends:A,emits:["update:expandedKeys","panel-open","panel-close"],data:function(){return{id:this.$attrs.id,activeItem:null,activeItems:[]}},watch:{"$attrs.id":function(e){this.id=e||s()}},mounted:function(){this.id=this.id||s()},methods:{getItemProp:function(e,t){return e?i.getItemValue(e[t]):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},getPTOptions:function(e,t,i){return this.ptm(e,{context:{index:i,active:this.isItemActive(t),focused:this.isItemFocused(t),disabled:this.isItemDisabled(t)}})},isItemActive:function(e){return this.expandedKeys?this.expandedKeys[this.getItemProp(e,"key")]:this.multiple?this.activeItems.some((function(t){return i.equals(e,t)})):i.equals(e,this.activeItem)},isItemVisible:function(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemFocused:function(e){return i.equals(e,this.activeItem)},getPanelId:function(e){return"".concat(this.id,"_").concat(e)},getPanelKey:function(e){return this.getPanelId(e)},getHeaderId:function(e){return"".concat(this.getPanelId(e),"_header")},getContentId:function(e){return"".concat(this.getPanelId(e),"_content")},onHeaderClick:function(e,t){this.isItemDisabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),this.changeActiveItem(e,t),n.focus(e.currentTarget))},onHeaderKeyDown:function(e,t){switch(e.code){case"ArrowDown":this.onHeaderArrowDownKey(e);break;case"ArrowUp":this.onHeaderArrowUpKey(e);break;case"Home":this.onHeaderHomeKey(e);break;case"End":this.onHeaderEndKey(e);break;case"Enter":case"NumpadEnter":case"Space":this.onHeaderEnterKey(e,t)}},onHeaderArrowDownKey:function(e){var t=!0===n.getAttribute(e.currentTarget,"data-p-highlight")?n.findSingle(e.currentTarget.nextElementSibling,'[data-pc-section="menu"]'):null;t?n.focus(t):this.updateFocusedHeader({originalEvent:e,focusOnNext:!0}),e.preventDefault()},onHeaderArrowUpKey:function(e){var t=this.findPrevHeader(e.currentTarget.parentElement)||this.findLastHeader(),i=!0===n.getAttribute(t,"data-p-highlight")?n.findSingle(t.nextElementSibling,'[data-pc-section="menu"]'):null;i?n.focus(i):this.updateFocusedHeader({originalEvent:e,focusOnNext:!1}),e.preventDefault()},onHeaderHomeKey:function(e){this.changeFocusedHeader(e,this.findFirstHeader()),e.preventDefault()},onHeaderEndKey:function(e){this.changeFocusedHeader(e,this.findLastHeader()),e.preventDefault()},onHeaderEnterKey:function(e,t){var i=n.findSingle(e.currentTarget,'[data-pc-section="headeraction"]');i?i.click():this.onHeaderClick(e,t),e.preventDefault()},findNextHeader:function(e){var t=n.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling,'[data-pc-section="header"]');return t?n.getAttribute(t,"data-p-disabled")?this.findNextHeader(t.parentElement):t:null},findPrevHeader:function(e){var t=n.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling,'[data-pc-section="header"]');return t?n.getAttribute(t,"data-p-disabled")?this.findPrevHeader(t.parentElement):t:null},findFirstHeader:function(){return this.findNextHeader(this.$el.firstElementChild,!0)},findLastHeader:function(){return this.findPrevHeader(this.$el.lastElementChild,!0)},updateFocusedHeader:function(e){var t=e.originalEvent,i=e.focusOnNext,s=e.selfCheck,r=t.currentTarget.closest('[data-pc-section="panel"]'),a=s?n.findSingle(r,'[data-pc-section="header"]'):i?this.findNextHeader(r):this.findPrevHeader(r);a?this.changeFocusedHeader(t,a):i?this.onHeaderHomeKey(t):this.onHeaderEndKey(t)},changeActiveItem:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(!this.isItemDisabled(t)){var s=this.isItemActive(t),r=s?"panel-close":"panel-open";this.activeItem=n?t:this.activeItem&&i.equals(t,this.activeItem)?null:t,this.multiple&&(this.activeItems.some((function(e){return i.equals(t,e)}))?this.activeItems=this.activeItems.filter((function(e){return!i.equals(t,e)})):this.activeItems.push(t)),this.changeExpandedKeys({item:t,expanded:!s}),this.$emit(r,{originalEvent:e,item:t})}},changeExpandedKeys:function(e){var t=e.item,i=e.expanded,n=void 0!==i&&i;if(this.expandedKeys){var s=U({},this.expandedKeys);n?s[t.key]=!0:delete s[t.key],this.$emit("update:expandedKeys",s)}},changeFocusedHeader:function(e,t){t&&n.focus(t)},getMenuItemProps:function(e,t){return{icon:r({class:[this.cx("headerIcon"),this.getItemProp(e,"icon")]},this.getPTOptions("headerIcon",e,t)),label:r({class:this.cx("headerLabel")},this.getPTOptions("headerLabel",e,t))}}},components:{PanelMenuList:j,ChevronRightIcon:t,ChevronDownIcon:e}},G=["id"],q=["id","tabindex","aria-label","aria-expanded","aria-controls","aria-disabled","onClick","onKeydown","data-p-highlight","data-p-disabled"],z=["href"],W=["id","aria-labelledby"];R.render=function(e,t,i,n,s,o){var K=a("PanelMenuList");return c(),l("div",r({id:s.id,class:e.cx("root")},e.ptm("root"),{"data-pc-name":"panelmenu"}),[(c(!0),l(d,null,m(e.model,(function(t,i){return c(),l(d,{key:o.getPanelKey(i)},[o.isItemVisible(t)?(c(),l("div",r({key:0,style:o.getItemProp(t,"style"),class:[e.cx("panel"),o.getItemProp(t,"class")]},e.ptm("panel")),[h("div",r({id:o.getHeaderId(i),class:[e.cx("header",{item:t}),o.getItemProp(t,"headerClass")],tabindex:o.isItemDisabled(t)?-1:e.tabindex,role:"button","aria-label":o.getItemLabel(t),"aria-expanded":o.isItemActive(t),"aria-controls":o.getContentId(i),"aria-disabled":o.isItemDisabled(t),onClick:function(e){return o.onHeaderClick(e,t)},onKeydown:function(e){return o.onHeaderKeyDown(e,t)}},o.getPTOptions("header",t,i),{"data-p-highlight":o.isItemActive(t),"data-p-disabled":o.isItemDisabled(t)}),[h("div",r({class:e.cx("headerContent")},o.getPTOptions("headerContent",t,i)),[e.$slots.item?(c(),f(I(e.$slots.item),{key:1,item:t,root:!0,active:o.isItemActive(t),hasSubmenu:o.getItemProp(t,"items"),label:o.getItemLabel(t),props:o.getMenuItemProps(t,i)},null,8,["item","active","hasSubmenu","label","props"])):(c(),l("a",r({key:0,href:o.getItemProp(t,"url"),class:e.cx("headerAction"),tabindex:-1},o.getPTOptions("headerAction",t,i)),[o.getItemProp(t,"items")?k(e.$slots,"submenuicon",{key:0,active:o.isItemActive(t)},(function(){return[(c(),f(I(o.isItemActive(t)?"ChevronDownIcon":"ChevronRightIcon"),r({class:e.cx("submenuIcon")},o.getPTOptions("submenuIcon",t,i)),null,16,["class"]))]})):g("",!0),e.$slots.headericon?(c(),f(I(e.$slots.headericon),{key:1,item:t,class:u([e.cx("headerIcon"),o.getItemProp(t,"icon")])},null,8,["item","class"])):o.getItemProp(t,"icon")?(c(),l("span",r({key:2,class:[e.cx("headerIcon"),o.getItemProp(t,"icon")]},o.getPTOptions("headerIcon",t,i)),null,16)):g("",!0),h("span",r({class:e.cx("headerLabel")},o.getPTOptions("headerLabel",t,i)),v(o.getItemLabel(t)),17)],16,z))],16)],16,q),y(b,r({name:"p-toggleable-content"},e.ptm("transition")),{default:P((function(){return[p(h("div",r({id:o.getContentId(i),class:e.cx("toggleableContent"),role:"region","aria-labelledby":o.getHeaderId(i)},e.ptm("toggleableContent")),[o.getItemProp(t,"items")?(c(),l("div",r({key:0,class:e.cx("menuContent")},e.ptm("menuContent")),[y(K,{panelId:o.getPanelId(i),items:o.getItemProp(t,"items"),templates:e.$slots,expandedKeys:e.expandedKeys,onItemToggle:o.changeExpandedKeys,onHeaderFocus:o.updateFocusedHeader,pt:e.pt,unstyled:e.unstyled},null,8,["panelId","items","templates","expandedKeys","onItemToggle","onHeaderFocus","pt","unstyled"])],16)):g("",!0)],16,W),[[x,o.isItemActive(t)]])]})),_:2},1040)],16)):g("",!0)],64)})),128))],16,G)};export{R as default};

package/panelmenu/panelmenu.js

@@ -492,7 +492,8 @@ this.primevue.panelmenu = (function (ChevronDownIcon, ChevronRightIcon, utils, v
           return panel && panel.contains(element);
         },
         isItemMatched: function isItemMatched(processedItem) {
-          return this.isValidItem(processedItem) && this.getItemLabel(processedItem).toLocaleLowerCase(this.searchLocale).startsWith(this.searchValue.toLocaleLowerCase(this.searchLocale));
+          var _this$getItemLabel;
+          return this.isValidItem(processedItem) && ((_this$getItemLabel = this.getItemLabel(processedItem)) === null || _this$getItemLabel === void 0 ? void 0 : _this$getItemLabel.toLocaleLowerCase(this.searchLocale).startsWith(this.searchValue.toLocaleLowerCase(this.searchLocale)));
         },
         isVisibleItem: function isVisibleItem(processedItem) {
           return !!processedItem && (processedItem.level === 0 || this.isItemActive(processedItem)) && this.isItemVisible(processedItem);

package/panelmenu/panelmenu.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.panelmenu=function(e,t,n,i,s,o,r){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(e),l=a(t),m=a(s),u={name:"BasePanelMenu",extends:m.default,props:{model:{type:Array,default:null},expandedKeys:{type:Object,default:null},multiple:{type:Boolean,default:!1},tabindex:{type:Number,default:0}},style:a(o).default,provide:function(){return{$parentInstance:this}}},d={name:"PanelMenuSub",hostName:"PanelMenu",extends:m.default,emits:["item-toggle"],props:{panelId:{type:String,default:null},focusedItemId:{type:String,default:null},items:{type:Array,default:null},level:{type:Number,default:0},templates:{type:Object,default:null},activeItemPath:{type:Object,default:null},tabindex:{type:Number,default:-1}},methods:{getItemId:function(e){return"".concat(this.panelId,"_").concat(e.key)},getItemKey:function(e){return this.getItemId(e)},getItemProp:function(e,t,i){return e&&e.item?n.ObjectUtils.getItemValue(e.item[t],i):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},getPTOptions:function(e,t,n){return this.ptm(e,{context:{item:t,index:n,active:this.isItemActive(t),focused:this.isItemFocused(t),disabled:this.isItemDisabled(t)}})},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 n.ObjectUtils.isNotEmpty(e.items)},onItemClick:function(e,t){this.getItemProp(t,"command",{originalEvent:e,item:t.item}),this.$emit("item-toggle",{processedItem:t,expanded:!this.isItemActive(t)})},onItemToggle:function(e){this.$emit("item-toggle",e)},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:i.mergeProps({class:this.cx("action"),tabindex:-1,"aria-hidden":!0},this.getPTOptions("action",e,t)),icon:i.mergeProps({class:[this.cx("icon"),this.getItemProp(e,"icon")]},this.getPTOptions("icon",e,t)),label:i.mergeProps({class:this.cx("label")},this.getPTOptions("label",e,t)),submenuicon:i.mergeProps({class:this.cx("submenuIcon")},this.getPTOptions("submenuicon",e,t))}}},components:{ChevronRightIcon:l.default,ChevronDownIcon:c.default},directives:{ripple:a(r).default}},p=["tabindex"],h=["id","aria-label","aria-expanded","aria-level","aria-setsize","aria-posinset","data-p-focused","data-p-disabled"],f=["onClick"],I=["href","target"];function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var i,s,o,r,a=[],c=!0,l=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(i=o.call(n)).done)&&(a.push(i.value),a.length!==t);c=!0);}catch(e){l=!0,s=e}finally{try{if(!c&&null!=n.return&&(r=n.return(),Object(r)!==r))return}finally{if(l)throw s}}return a}}function P(e){if(Array.isArray(e))return e}d.render=function(e,t,n,s,o,r){var a=i.resolveComponent("PanelMenuSub",!0),c=i.resolveDirective("ripple");return i.openBlock(),i.createElementBlock("ul",{class:i.normalizeClass(e.cx("submenu")),tabindex:n.tabindex},[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(n.items,(function(t,s){return i.openBlock(),i.createElementBlock(i.Fragment,{key:r.getItemKey(t)},[r.isItemVisible(t)&&!r.getItemProp(t,"separator")?(i.openBlock(),i.createElementBlock("li",i.mergeProps({key:0,id:r.getItemId(t),class:[e.cx("menuitem",{processedItem:t}),r.getItemProp(t,"class")],style:r.getItemProp(t,"style"),role:"treeitem","aria-label":r.getItemLabel(t),"aria-expanded":r.isItemGroup(t)?r.isItemActive(t):void 0,"aria-level":n.level+1,"aria-setsize":r.getAriaSetSize(),"aria-posinset":r.getAriaPosInset(s)},r.getPTOptions("menuitem",t,s),{"data-p-focused":r.isItemFocused(t),"data-p-disabled":r.isItemDisabled(t)}),[i.createElementVNode("div",i.mergeProps({class:e.cx("content"),onClick:function(e){return r.onItemClick(e,t)}},r.getPTOptions("content",t,s)),[n.templates.item?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.templates.item),{key:1,item:t.item,root:!1,active:r.isItemActive(t),hasSubmenu:r.isItemGroup(t),label:r.getItemLabel(t),props:r.getMenuItemProps(t,s)},null,8,["item","active","hasSubmenu","label","props"])):i.withDirectives((i.openBlock(),i.createElementBlock("a",i.mergeProps({key:0,href:r.getItemProp(t,"url"),class:e.cx("action"),target:r.getItemProp(t,"target"),tabindex:"-1","aria-hidden":"true"},r.getPTOptions("action",t,s)),[r.isItemGroup(t)?(i.openBlock(),i.createElementBlock(i.Fragment,{key:0},[n.templates.submenuicon?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.templates.submenuicon),i.mergeProps({key:0,class:e.cx("submenuIcon"),active:r.isItemActive(t)},r.getPTOptions("submenuIcon",t,s)),null,16,["class","active"])):(i.openBlock(),i.createBlock(i.resolveDynamicComponent(r.isItemActive(t)?"ChevronDownIcon":"ChevronRightIcon"),i.mergeProps({key:1,class:e.cx("submenuIcon")},r.getPTOptions("submenuIcon",t,s)),null,16,["class"]))],64)):i.createCommentVNode("",!0),n.templates.itemicon?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.templates.itemicon),{key:1,item:t.item,class:i.normalizeClass([e.cx("icon"),r.getItemProp(t,"icon")])},null,8,["item","class"])):r.getItemProp(t,"icon")?(i.openBlock(),i.createElementBlock("span",i.mergeProps({key:2,class:[e.cx("icon"),r.getItemProp(t,"icon")]},r.getPTOptions("icon",t,s)),null,16)):i.createCommentVNode("",!0),i.createElementVNode("span",i.mergeProps({class:e.cx("label")},r.getPTOptions("label",t,s)),i.toDisplayString(r.getItemLabel(t)),17)],16,I)),[[c]])],16,f),i.createVNode(i.Transition,i.mergeProps({name:"p-toggleable-content"},e.ptm("transition")),{default:i.withCtx((function(){return[i.withDirectives(i.createElementVNode("div",i.mergeProps({class:e.cx("toggleableContent")},e.ptm("toggleableContent")),[r.isItemVisible(t)&&r.isItemGroup(t)?(i.openBlock(),i.createBlock(a,i.mergeProps({key:0,id:r.getItemId(t)+"_list",role:"group",panelId:n.panelId,focusedItemId:n.focusedItemId,items:t.items,level:n.level+1,templates:n.templates,activeItemPath:n.activeItemPath,onItemToggle:r.onItemToggle,pt:e.pt,unstyled:e.unstyled},e.ptm("submenu")),null,16,["id","panelId","focusedItemId","items","level","templates","activeItemPath","onItemToggle","pt","unstyled"])):i.createCommentVNode("",!0)],16),[[i.vShow,r.isItemActive(t)]])]})),_:2},1040)],16,h)):i.createCommentVNode("",!0),r.isItemVisible(t)&&r.getItemProp(t,"separator")?(i.openBlock(),i.createElementBlock("li",i.mergeProps({key:1,style:r.getItemProp(t,"style"),class:[e.cx("separator"),r.getItemProp(t,"class")],role:"separator"},e.ptm("separator")),null,16)):i.createCommentVNode("",!0)],64)})),128))],10,p)};var k={name:"PanelMenuList",hostName:"PanelMenu",extends:m.default,emits:["item-toggle","header-focus"],props:{panelId:{type:String,default:null},items:{type:Array,default:null},templates:{type:Object,default:null},expandedKeys:{type:Object,default:null}},searchTimeout:null,searchValue:null,data:function(){return{focused:!1,focusedItem:null,activeItemPath:[]}},watch:{expandedKeys:function(e){this.autoUpdateActiveItemPath(e)}},mounted:function(){this.autoUpdateActiveItemPath(this.expandedKeys)},methods:{getItemProp:function(e,t){return e&&e.item?n.ObjectUtils.getItemValue(e.item[t]):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},isItemVisible:function(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemActive:function(e){return this.activeItemPath.some((function(t){return t.key===e.parentKey}))},isItemGroup:function(e){return n.ObjectUtils.isNotEmpty(e.items)},onFocus:function(e){this.focused=!0,this.focusedItem=this.focusedItem||(this.isElementInPanel(e,e.relatedTarget)?this.findFirstItem():this.findLastItem())},onBlur:function(){this.focused=!1,this.focusedItem=null,this.searchValue=""},onKeyDown:function(e){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":case"Tab":case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!t&&n.ObjectUtils.isPrintableCharacter(e.key)&&this.searchItems(e,e.key)}},onArrowDownKey:function(e){var t=n.ObjectUtils.isNotEmpty(this.focusedItem)?this.findNextItem(this.focusedItem):this.findFirstItem();this.changeFocusedItem({originalEvent:e,processedItem:t,focusOnNext:!0}),e.preventDefault()},onArrowUpKey:function(e){var t=n.ObjectUtils.isNotEmpty(this.focusedItem)?this.findPrevItem(this.focusedItem):this.findLastItem();this.changeFocusedItem({originalEvent:e,processedItem:t,selfCheck:!0}),e.preventDefault()},onArrowLeftKey:function(e){var t=this;n.ObjectUtils.isNotEmpty(this.focusedItem)&&(this.activeItemPath.some((function(e){return e.key===t.focusedItem.key}))?this.activeItemPath=this.activeItemPath.filter((function(e){return e.key!==t.focusedItem.key})):this.focusedItem=n.ObjectUtils.isNotEmpty(this.focusedItem.parent)?this.focusedItem.parent:this.focusedItem,e.preventDefault())},onArrowRightKey:function(e){var t=this;if(n.ObjectUtils.isNotEmpty(this.focusedItem)){if(this.isItemGroup(this.focusedItem))this.activeItemPath.some((function(e){return e.key===t.focusedItem.key}))?this.onArrowDownKey(e):(this.activeItemPath=this.activeItemPath.filter((function(e){return e.parentKey!==t.focusedItem.parentKey})),this.activeItemPath.push(this.focusedItem));e.preventDefault()}},onHomeKey:function(e){this.changeFocusedItem({originalEvent:e,processedItem:this.findFirstItem(),allowHeaderFocus:!1}),e.preventDefault()},onEndKey:function(e){this.changeFocusedItem({originalEvent:e,processedItem:this.findLastItem(),focusOnNext:!0,allowHeaderFocus:!1}),e.preventDefault()},onEnterKey:function(e){if(n.ObjectUtils.isNotEmpty(this.focusedItem)){var t=n.DomHandler.findSingle(this.$el,'li[id="'.concat("".concat(this.focusedItemId),'"]')),i=t&&(n.DomHandler.findSingle(t,'[data-pc-section="action"]')||n.DomHandler.findSingle(t,"a,button"));i?i.click():t&&t.click()}e.preventDefault()},onSpaceKey:function(e){this.onEnterKey(e)},onItemToggle:function(e){var t=e.processedItem,i=e.expanded;this.expandedKeys?this.$emit("item-toggle",{item:t.item,expanded:i}):(this.activeItemPath=this.activeItemPath.filter((function(e){return e.parentKey!==t.parentKey})),i&&this.activeItemPath.push(t)),this.focusedItem=t,n.DomHandler.focus(this.$el)},isElementInPanel:function(e,t){var n=e.currentTarget.closest('[data-pc-section="panel"]');return n&&n.contains(t)},isItemMatched:function(e){return this.isValidItem(e)&&this.getItemLabel(e).toLocaleLowerCase(this.searchLocale).startsWith(this.searchValue.toLocaleLowerCase(this.searchLocale))},isVisibleItem:function(e){return!!e&&(0===e.level||this.isItemActive(e))&&this.isItemVisible(e)},isValidItem:function(e){return!!e&&!this.isItemDisabled(e)&&!this.getItemProp(e,"separator")},findFirstItem:function(){var e=this;return this.visibleItems.find((function(t){return e.isValidItem(t)}))},findLastItem:function(){var e=this;return n.ObjectUtils.findLast(this.visibleItems,(function(t){return e.isValidItem(t)}))},findNextItem:function(e){var t=this,n=this.visibleItems.findIndex((function(t){return t.key===e.key}));return(n<this.visibleItems.length-1?this.visibleItems.slice(n+1).find((function(e){return t.isValidItem(e)})):void 0)||e},findPrevItem:function(e){var t=this,i=this.visibleItems.findIndex((function(t){return t.key===e.key}));return(i>0?n.ObjectUtils.findLast(this.visibleItems.slice(0,i),(function(e){return t.isValidItem(e)})):void 0)||e},searchItems:function(e,t){var i=this;this.searchValue=(this.searchValue||"")+t;var s=null,o=!1;if(n.ObjectUtils.isNotEmpty(this.focusedItem)){var r=this.visibleItems.findIndex((function(e){return e.key===i.focusedItem.key}));s=this.visibleItems.slice(r).find((function(e){return i.isItemMatched(e)})),s=n.ObjectUtils.isEmpty(s)?this.visibleItems.slice(0,r).find((function(e){return i.isItemMatched(e)})):s}else s=this.visibleItems.find((function(e){return i.isItemMatched(e)}));return n.ObjectUtils.isNotEmpty(s)&&(o=!0),n.ObjectUtils.isEmpty(s)&&n.ObjectUtils.isEmpty(this.focusedItem)&&(s=this.findFirstItem()),n.ObjectUtils.isNotEmpty(s)&&this.changeFocusedItem({originalEvent:e,processedItem:s,allowHeaderFocus:!1}),this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((function(){i.searchValue="",i.searchTimeout=null}),500),o},changeFocusedItem:function(e){var t=e.originalEvent,i=e.processedItem,s=e.focusOnNext,o=e.selfCheck,r=e.allowHeaderFocus,a=void 0===r||r;n.ObjectUtils.isNotEmpty(this.focusedItem)&&this.focusedItem.key!==i.key?(this.focusedItem=i,this.scrollInView()):a&&this.$emit("header-focus",{originalEvent:t,focusOnNext:s,selfCheck:o})},scrollInView:function(){var e=n.DomHandler.findSingle(this.$el,'li[id="'.concat("".concat(this.focusedItemId),'"]'));e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},autoUpdateActiveItemPath:function(e){var t=this;this.activeItemPath=Object.entries(e||{}).reduce((function(e,n){var i,s,o=(s=2,P(i=n)||y(i,s)||v(i,s)||g());if(o[1]){var r=t.findProcessedItemByItemKey(o[0]);r&&e.push(r)}return e}),[])},findProcessedItemByItemKey:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if(!(t=t||0===n&&this.processedItems))return null;for(var i=0;i<t.length;i++){var s=t[i];if(this.getItemProp(s,"key")===e)return s;var o=this.findProcessedItemByItemKey(e,s.items,n+1);if(o)return o}},createProcessedItems:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=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:n,key:a,parent:i,parentKey:s};c.items=t.createProcessedItems(e.items,n+1,c,a),o.push(c)})),o},flatItems:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return e&&e.forEach((function(e){t.isVisibleItem(e)&&(n.push(e),t.flatItems(e.items,n))})),n}},computed:{processedItems:function(){return this.createProcessedItems(this.items||[])},visibleItems:function(){return this.flatItems(this.processedItems)},focusedItemId:function(){return n.ObjectUtils.isNotEmpty(this.focusedItem)?"".concat(this.panelId,"_").concat(this.focusedItem.key):null}},components:{PanelMenuSub:d}};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 E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function D(e,t,n){var i;return(t="symbol"==x(i=w(t,"string"))?i:String(i))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e,t){if("object"!=x(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=x(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}k.render=function(e,t,n,s,o,r){var a=i.resolveComponent("PanelMenuSub");return i.openBlock(),i.createBlock(a,i.mergeProps({id:n.panelId+"_list",class:e.cx("menu"),role:"tree",tabindex:-1,"aria-activedescendant":o.focused?r.focusedItemId:void 0,panelId:n.panelId,focusedItemId:o.focused?r.focusedItemId:void 0,items:r.processedItems,templates:n.templates,activeItemPath:o.activeItemPath,onFocus:r.onFocus,onBlur:r.onBlur,onKeydown:r.onKeyDown,onItemToggle:r.onItemToggle,pt:e.pt,unstyled:e.unstyled},e.ptm("menu")),null,16,["id","class","aria-activedescendant","panelId","focusedItemId","items","templates","activeItemPath","onFocus","onBlur","onKeydown","onItemToggle","pt","unstyled"])};var H={name:"PanelMenu",extends:u,emits:["update:expandedKeys","panel-open","panel-close"],data:function(){return{id:this.$attrs.id,activeItem:null,activeItems:[]}},watch:{"$attrs.id":function(e){this.id=e||n.UniqueComponentId()}},mounted:function(){this.id=this.id||n.UniqueComponentId()},methods:{getItemProp:function(e,t){return e?n.ObjectUtils.getItemValue(e[t]):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},getPTOptions:function(e,t,n){return this.ptm(e,{context:{index:n,active:this.isItemActive(t),focused:this.isItemFocused(t),disabled:this.isItemDisabled(t)}})},isItemActive:function(e){return this.expandedKeys?this.expandedKeys[this.getItemProp(e,"key")]:this.multiple?this.activeItems.some((function(t){return n.ObjectUtils.equals(e,t)})):n.ObjectUtils.equals(e,this.activeItem)},isItemVisible:function(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemFocused:function(e){return n.ObjectUtils.equals(e,this.activeItem)},getPanelId:function(e){return"".concat(this.id,"_").concat(e)},getPanelKey:function(e){return this.getPanelId(e)},getHeaderId:function(e){return"".concat(this.getPanelId(e),"_header")},getContentId:function(e){return"".concat(this.getPanelId(e),"_content")},onHeaderClick:function(e,t){this.isItemDisabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),this.changeActiveItem(e,t),n.DomHandler.focus(e.currentTarget))},onHeaderKeyDown:function(e,t){switch(e.code){case"ArrowDown":this.onHeaderArrowDownKey(e);break;case"ArrowUp":this.onHeaderArrowUpKey(e);break;case"Home":this.onHeaderHomeKey(e);break;case"End":this.onHeaderEndKey(e);break;case"Enter":case"NumpadEnter":case"Space":this.onHeaderEnterKey(e,t)}},onHeaderArrowDownKey:function(e){var t=!0===n.DomHandler.getAttribute(e.currentTarget,"data-p-highlight")?n.DomHandler.findSingle(e.currentTarget.nextElementSibling,'[data-pc-section="menu"]'):null;t?n.DomHandler.focus(t):this.updateFocusedHeader({originalEvent:e,focusOnNext:!0}),e.preventDefault()},onHeaderArrowUpKey:function(e){var t=this.findPrevHeader(e.currentTarget.parentElement)||this.findLastHeader(),i=!0===n.DomHandler.getAttribute(t,"data-p-highlight")?n.DomHandler.findSingle(t.nextElementSibling,'[data-pc-section="menu"]'):null;i?n.DomHandler.focus(i):this.updateFocusedHeader({originalEvent:e,focusOnNext:!1}),e.preventDefault()},onHeaderHomeKey:function(e){this.changeFocusedHeader(e,this.findFirstHeader()),e.preventDefault()},onHeaderEndKey:function(e){this.changeFocusedHeader(e,this.findLastHeader()),e.preventDefault()},onHeaderEnterKey:function(e,t){var i=n.DomHandler.findSingle(e.currentTarget,'[data-pc-section="headeraction"]');i?i.click():this.onHeaderClick(e,t),e.preventDefault()},findNextHeader:function(e){var t=n.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling,'[data-pc-section="header"]');return t?n.DomHandler.getAttribute(t,"data-p-disabled")?this.findNextHeader(t.parentElement):t:null},findPrevHeader:function(e){var t=n.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling,'[data-pc-section="header"]');return t?n.DomHandler.getAttribute(t,"data-p-disabled")?this.findPrevHeader(t.parentElement):t:null},findFirstHeader:function(){return this.findNextHeader(this.$el.firstElementChild,!0)},findLastHeader:function(){return this.findPrevHeader(this.$el.lastElementChild,!0)},updateFocusedHeader:function(e){var t=e.originalEvent,i=e.focusOnNext,s=e.selfCheck,o=t.currentTarget.closest('[data-pc-section="panel"]'),r=s?n.DomHandler.findSingle(o,'[data-pc-section="header"]'):i?this.findNextHeader(o):this.findPrevHeader(o);r?this.changeFocusedHeader(t,r):i?this.onHeaderHomeKey(t):this.onHeaderEndKey(t)},changeActiveItem:function(e,t){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(!this.isItemDisabled(t)){var s=this.isItemActive(t),o=s?"panel-close":"panel-open";this.activeItem=i?t:this.activeItem&&n.ObjectUtils.equals(t,this.activeItem)?null:t,this.multiple&&(this.activeItems.some((function(e){return n.ObjectUtils.equals(t,e)}))?this.activeItems=this.activeItems.filter((function(e){return!n.ObjectUtils.equals(t,e)})):this.activeItems.push(t)),this.changeExpandedKeys({item:t,expanded:!s}),this.$emit(o,{originalEvent:e,item:t})}},changeExpandedKeys:function(e){var t=e.item,n=e.expanded,i=void 0!==n&&n;if(this.expandedKeys){var s=O({},this.expandedKeys);i?s[t.key]=!0:delete s[t.key],this.$emit("update:expandedKeys",s)}},changeFocusedHeader:function(e,t){t&&n.DomHandler.focus(t)},getMenuItemProps:function(e,t){return{icon:i.mergeProps({class:[this.cx("headerIcon"),this.getItemProp(e,"icon")]},this.getPTOptions("headerIcon",e,t)),label:i.mergeProps({class:this.cx("headerLabel")},this.getPTOptions("headerLabel",e,t))}}},components:{PanelMenuList:k,ChevronRightIcon:l.default,ChevronDownIcon:c.default}},K=["id"],C=["id","tabindex","aria-label","aria-expanded","aria-controls","aria-disabled","onClick","onKeydown","data-p-highlight","data-p-disabled"],A=["href"],B=["id","aria-labelledby"];return H.render=function(e,t,n,s,o,r){var a=i.resolveComponent("PanelMenuList");return i.openBlock(),i.createElementBlock("div",i.mergeProps({id:o.id,class:e.cx("root")},e.ptm("root"),{"data-pc-name":"panelmenu"}),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.model,(function(t,n){return i.openBlock(),i.createElementBlock(i.Fragment,{key:r.getPanelKey(n)},[r.isItemVisible(t)?(i.openBlock(),i.createElementBlock("div",i.mergeProps({key:0,style:r.getItemProp(t,"style"),class:[e.cx("panel"),r.getItemProp(t,"class")]},e.ptm("panel")),[i.createElementVNode("div",i.mergeProps({id:r.getHeaderId(n),class:[e.cx("header",{item:t}),r.getItemProp(t,"headerClass")],tabindex:r.isItemDisabled(t)?-1:e.tabindex,role:"button","aria-label":r.getItemLabel(t),"aria-expanded":r.isItemActive(t),"aria-controls":r.getContentId(n),"aria-disabled":r.isItemDisabled(t),onClick:function(e){return r.onHeaderClick(e,t)},onKeydown:function(e){return r.onHeaderKeyDown(e,t)}},r.getPTOptions("header",t,n),{"data-p-highlight":r.isItemActive(t),"data-p-disabled":r.isItemDisabled(t)}),[i.createElementVNode("div",i.mergeProps({class:e.cx("headerContent")},r.getPTOptions("headerContent",t,n)),[e.$slots.item?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$slots.item),{key:1,item:t,root:!0,active:r.isItemActive(t),hasSubmenu:r.getItemProp(t,"items"),label:r.getItemLabel(t),props:r.getMenuItemProps(t,n)},null,8,["item","active","hasSubmenu","label","props"])):(i.openBlock(),i.createElementBlock("a",i.mergeProps({key:0,href:r.getItemProp(t,"url"),class:e.cx("headerAction"),tabindex:-1},r.getPTOptions("headerAction",t,n)),[r.getItemProp(t,"items")?i.renderSlot(e.$slots,"submenuicon",{key:0,active:r.isItemActive(t)},(function(){return[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(r.isItemActive(t)?"ChevronDownIcon":"ChevronRightIcon"),i.mergeProps({class:e.cx("submenuIcon")},r.getPTOptions("submenuIcon",t,n)),null,16,["class"]))]})):i.createCommentVNode("",!0),e.$slots.headericon?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$slots.headericon),{key:1,item:t,class:i.normalizeClass([e.cx("headerIcon"),r.getItemProp(t,"icon")])},null,8,["item","class"])):r.getItemProp(t,"icon")?(i.openBlock(),i.createElementBlock("span",i.mergeProps({key:2,class:[e.cx("headerIcon"),r.getItemProp(t,"icon")]},r.getPTOptions("headerIcon",t,n)),null,16)):i.createCommentVNode("",!0),i.createElementVNode("span",i.mergeProps({class:e.cx("headerLabel")},r.getPTOptions("headerLabel",t,n)),i.toDisplayString(r.getItemLabel(t)),17)],16,A))],16)],16,C),i.createVNode(i.Transition,i.mergeProps({name:"p-toggleable-content"},e.ptm("transition")),{default:i.withCtx((function(){return[i.withDirectives(i.createElementVNode("div",i.mergeProps({id:r.getContentId(n),class:e.cx("toggleableContent"),role:"region","aria-labelledby":r.getHeaderId(n)},e.ptm("toggleableContent")),[r.getItemProp(t,"items")?(i.openBlock(),i.createElementBlock("div",i.mergeProps({key:0,class:e.cx("menuContent")},e.ptm("menuContent")),[i.createVNode(a,{panelId:r.getPanelId(n),items:r.getItemProp(t,"items"),templates:e.$slots,expandedKeys:e.expandedKeys,onItemToggle:r.changeExpandedKeys,onHeaderFocus:r.updateFocusedHeader,pt:e.pt,unstyled:e.unstyled},null,8,["panelId","items","templates","expandedKeys","onItemToggle","onHeaderFocus","pt","unstyled"])],16)):i.createCommentVNode("",!0)],16,B),[[i.vShow,r.isItemActive(t)]])]})),_:2},1040)],16)):i.createCommentVNode("",!0)],64)})),128))],16,K)},H}(primevue.icons.chevrondown,primevue.icons.chevronright,primevue.utils,Vue,primevue.basecomponent,primevue.panelmenu.style,primevue.ripple);
+this.primevue=this.primevue||{},this.primevue.panelmenu=function(e,t,n,i,s,o,r){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(e),l=a(t),m=a(s),u={name:"BasePanelMenu",extends:m.default,props:{model:{type:Array,default:null},expandedKeys:{type:Object,default:null},multiple:{type:Boolean,default:!1},tabindex:{type:Number,default:0}},style:a(o).default,provide:function(){return{$parentInstance:this}}},d={name:"PanelMenuSub",hostName:"PanelMenu",extends:m.default,emits:["item-toggle"],props:{panelId:{type:String,default:null},focusedItemId:{type:String,default:null},items:{type:Array,default:null},level:{type:Number,default:0},templates:{type:Object,default:null},activeItemPath:{type:Object,default:null},tabindex:{type:Number,default:-1}},methods:{getItemId:function(e){return"".concat(this.panelId,"_").concat(e.key)},getItemKey:function(e){return this.getItemId(e)},getItemProp:function(e,t,i){return e&&e.item?n.ObjectUtils.getItemValue(e.item[t],i):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},getPTOptions:function(e,t,n){return this.ptm(e,{context:{item:t,index:n,active:this.isItemActive(t),focused:this.isItemFocused(t),disabled:this.isItemDisabled(t)}})},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 n.ObjectUtils.isNotEmpty(e.items)},onItemClick:function(e,t){this.getItemProp(t,"command",{originalEvent:e,item:t.item}),this.$emit("item-toggle",{processedItem:t,expanded:!this.isItemActive(t)})},onItemToggle:function(e){this.$emit("item-toggle",e)},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:i.mergeProps({class:this.cx("action"),tabindex:-1,"aria-hidden":!0},this.getPTOptions("action",e,t)),icon:i.mergeProps({class:[this.cx("icon"),this.getItemProp(e,"icon")]},this.getPTOptions("icon",e,t)),label:i.mergeProps({class:this.cx("label")},this.getPTOptions("label",e,t)),submenuicon:i.mergeProps({class:this.cx("submenuIcon")},this.getPTOptions("submenuicon",e,t))}}},components:{ChevronRightIcon:l.default,ChevronDownIcon:c.default},directives:{ripple:a(r).default}},p=["tabindex"],h=["id","aria-label","aria-expanded","aria-level","aria-setsize","aria-posinset","data-p-focused","data-p-disabled"],f=["onClick"],I=["href","target"];function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var i,s,o,r,a=[],c=!0,l=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(i=o.call(n)).done)&&(a.push(i.value),a.length!==t);c=!0);}catch(e){l=!0,s=e}finally{try{if(!c&&null!=n.return&&(r=n.return(),Object(r)!==r))return}finally{if(l)throw s}}return a}}function P(e){if(Array.isArray(e))return e}d.render=function(e,t,n,s,o,r){var a=i.resolveComponent("PanelMenuSub",!0),c=i.resolveDirective("ripple");return i.openBlock(),i.createElementBlock("ul",{class:i.normalizeClass(e.cx("submenu")),tabindex:n.tabindex},[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(n.items,(function(t,s){return i.openBlock(),i.createElementBlock(i.Fragment,{key:r.getItemKey(t)},[r.isItemVisible(t)&&!r.getItemProp(t,"separator")?(i.openBlock(),i.createElementBlock("li",i.mergeProps({key:0,id:r.getItemId(t),class:[e.cx("menuitem",{processedItem:t}),r.getItemProp(t,"class")],style:r.getItemProp(t,"style"),role:"treeitem","aria-label":r.getItemLabel(t),"aria-expanded":r.isItemGroup(t)?r.isItemActive(t):void 0,"aria-level":n.level+1,"aria-setsize":r.getAriaSetSize(),"aria-posinset":r.getAriaPosInset(s)},r.getPTOptions("menuitem",t,s),{"data-p-focused":r.isItemFocused(t),"data-p-disabled":r.isItemDisabled(t)}),[i.createElementVNode("div",i.mergeProps({class:e.cx("content"),onClick:function(e){return r.onItemClick(e,t)}},r.getPTOptions("content",t,s)),[n.templates.item?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.templates.item),{key:1,item:t.item,root:!1,active:r.isItemActive(t),hasSubmenu:r.isItemGroup(t),label:r.getItemLabel(t),props:r.getMenuItemProps(t,s)},null,8,["item","active","hasSubmenu","label","props"])):i.withDirectives((i.openBlock(),i.createElementBlock("a",i.mergeProps({key:0,href:r.getItemProp(t,"url"),class:e.cx("action"),target:r.getItemProp(t,"target"),tabindex:"-1","aria-hidden":"true"},r.getPTOptions("action",t,s)),[r.isItemGroup(t)?(i.openBlock(),i.createElementBlock(i.Fragment,{key:0},[n.templates.submenuicon?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.templates.submenuicon),i.mergeProps({key:0,class:e.cx("submenuIcon"),active:r.isItemActive(t)},r.getPTOptions("submenuIcon",t,s)),null,16,["class","active"])):(i.openBlock(),i.createBlock(i.resolveDynamicComponent(r.isItemActive(t)?"ChevronDownIcon":"ChevronRightIcon"),i.mergeProps({key:1,class:e.cx("submenuIcon")},r.getPTOptions("submenuIcon",t,s)),null,16,["class"]))],64)):i.createCommentVNode("",!0),n.templates.itemicon?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.templates.itemicon),{key:1,item:t.item,class:i.normalizeClass([e.cx("icon"),r.getItemProp(t,"icon")])},null,8,["item","class"])):r.getItemProp(t,"icon")?(i.openBlock(),i.createElementBlock("span",i.mergeProps({key:2,class:[e.cx("icon"),r.getItemProp(t,"icon")]},r.getPTOptions("icon",t,s)),null,16)):i.createCommentVNode("",!0),i.createElementVNode("span",i.mergeProps({class:e.cx("label")},r.getPTOptions("label",t,s)),i.toDisplayString(r.getItemLabel(t)),17)],16,I)),[[c]])],16,f),i.createVNode(i.Transition,i.mergeProps({name:"p-toggleable-content"},e.ptm("transition")),{default:i.withCtx((function(){return[i.withDirectives(i.createElementVNode("div",i.mergeProps({class:e.cx("toggleableContent")},e.ptm("toggleableContent")),[r.isItemVisible(t)&&r.isItemGroup(t)?(i.openBlock(),i.createBlock(a,i.mergeProps({key:0,id:r.getItemId(t)+"_list",role:"group",panelId:n.panelId,focusedItemId:n.focusedItemId,items:t.items,level:n.level+1,templates:n.templates,activeItemPath:n.activeItemPath,onItemToggle:r.onItemToggle,pt:e.pt,unstyled:e.unstyled},e.ptm("submenu")),null,16,["id","panelId","focusedItemId","items","level","templates","activeItemPath","onItemToggle","pt","unstyled"])):i.createCommentVNode("",!0)],16),[[i.vShow,r.isItemActive(t)]])]})),_:2},1040)],16,h)):i.createCommentVNode("",!0),r.isItemVisible(t)&&r.getItemProp(t,"separator")?(i.openBlock(),i.createElementBlock("li",i.mergeProps({key:1,style:r.getItemProp(t,"style"),class:[e.cx("separator"),r.getItemProp(t,"class")],role:"separator"},e.ptm("separator")),null,16)):i.createCommentVNode("",!0)],64)})),128))],10,p)};var k={name:"PanelMenuList",hostName:"PanelMenu",extends:m.default,emits:["item-toggle","header-focus"],props:{panelId:{type:String,default:null},items:{type:Array,default:null},templates:{type:Object,default:null},expandedKeys:{type:Object,default:null}},searchTimeout:null,searchValue:null,data:function(){return{focused:!1,focusedItem:null,activeItemPath:[]}},watch:{expandedKeys:function(e){this.autoUpdateActiveItemPath(e)}},mounted:function(){this.autoUpdateActiveItemPath(this.expandedKeys)},methods:{getItemProp:function(e,t){return e&&e.item?n.ObjectUtils.getItemValue(e.item[t]):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},isItemVisible:function(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemActive:function(e){return this.activeItemPath.some((function(t){return t.key===e.parentKey}))},isItemGroup:function(e){return n.ObjectUtils.isNotEmpty(e.items)},onFocus:function(e){this.focused=!0,this.focusedItem=this.focusedItem||(this.isElementInPanel(e,e.relatedTarget)?this.findFirstItem():this.findLastItem())},onBlur:function(){this.focused=!1,this.focusedItem=null,this.searchValue=""},onKeyDown:function(e){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":case"Tab":case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!t&&n.ObjectUtils.isPrintableCharacter(e.key)&&this.searchItems(e,e.key)}},onArrowDownKey:function(e){var t=n.ObjectUtils.isNotEmpty(this.focusedItem)?this.findNextItem(this.focusedItem):this.findFirstItem();this.changeFocusedItem({originalEvent:e,processedItem:t,focusOnNext:!0}),e.preventDefault()},onArrowUpKey:function(e){var t=n.ObjectUtils.isNotEmpty(this.focusedItem)?this.findPrevItem(this.focusedItem):this.findLastItem();this.changeFocusedItem({originalEvent:e,processedItem:t,selfCheck:!0}),e.preventDefault()},onArrowLeftKey:function(e){var t=this;n.ObjectUtils.isNotEmpty(this.focusedItem)&&(this.activeItemPath.some((function(e){return e.key===t.focusedItem.key}))?this.activeItemPath=this.activeItemPath.filter((function(e){return e.key!==t.focusedItem.key})):this.focusedItem=n.ObjectUtils.isNotEmpty(this.focusedItem.parent)?this.focusedItem.parent:this.focusedItem,e.preventDefault())},onArrowRightKey:function(e){var t=this;if(n.ObjectUtils.isNotEmpty(this.focusedItem)){if(this.isItemGroup(this.focusedItem))this.activeItemPath.some((function(e){return e.key===t.focusedItem.key}))?this.onArrowDownKey(e):(this.activeItemPath=this.activeItemPath.filter((function(e){return e.parentKey!==t.focusedItem.parentKey})),this.activeItemPath.push(this.focusedItem));e.preventDefault()}},onHomeKey:function(e){this.changeFocusedItem({originalEvent:e,processedItem:this.findFirstItem(),allowHeaderFocus:!1}),e.preventDefault()},onEndKey:function(e){this.changeFocusedItem({originalEvent:e,processedItem:this.findLastItem(),focusOnNext:!0,allowHeaderFocus:!1}),e.preventDefault()},onEnterKey:function(e){if(n.ObjectUtils.isNotEmpty(this.focusedItem)){var t=n.DomHandler.findSingle(this.$el,'li[id="'.concat("".concat(this.focusedItemId),'"]')),i=t&&(n.DomHandler.findSingle(t,'[data-pc-section="action"]')||n.DomHandler.findSingle(t,"a,button"));i?i.click():t&&t.click()}e.preventDefault()},onSpaceKey:function(e){this.onEnterKey(e)},onItemToggle:function(e){var t=e.processedItem,i=e.expanded;this.expandedKeys?this.$emit("item-toggle",{item:t.item,expanded:i}):(this.activeItemPath=this.activeItemPath.filter((function(e){return e.parentKey!==t.parentKey})),i&&this.activeItemPath.push(t)),this.focusedItem=t,n.DomHandler.focus(this.$el)},isElementInPanel:function(e,t){var n=e.currentTarget.closest('[data-pc-section="panel"]');return n&&n.contains(t)},isItemMatched:function(e){var t;return this.isValidItem(e)&&(null===(t=this.getItemLabel(e))||void 0===t?void 0:t.toLocaleLowerCase(this.searchLocale).startsWith(this.searchValue.toLocaleLowerCase(this.searchLocale)))},isVisibleItem:function(e){return!!e&&(0===e.level||this.isItemActive(e))&&this.isItemVisible(e)},isValidItem:function(e){return!!e&&!this.isItemDisabled(e)&&!this.getItemProp(e,"separator")},findFirstItem:function(){var e=this;return this.visibleItems.find((function(t){return e.isValidItem(t)}))},findLastItem:function(){var e=this;return n.ObjectUtils.findLast(this.visibleItems,(function(t){return e.isValidItem(t)}))},findNextItem:function(e){var t=this,n=this.visibleItems.findIndex((function(t){return t.key===e.key}));return(n<this.visibleItems.length-1?this.visibleItems.slice(n+1).find((function(e){return t.isValidItem(e)})):void 0)||e},findPrevItem:function(e){var t=this,i=this.visibleItems.findIndex((function(t){return t.key===e.key}));return(i>0?n.ObjectUtils.findLast(this.visibleItems.slice(0,i),(function(e){return t.isValidItem(e)})):void 0)||e},searchItems:function(e,t){var i=this;this.searchValue=(this.searchValue||"")+t;var s=null,o=!1;if(n.ObjectUtils.isNotEmpty(this.focusedItem)){var r=this.visibleItems.findIndex((function(e){return e.key===i.focusedItem.key}));s=this.visibleItems.slice(r).find((function(e){return i.isItemMatched(e)})),s=n.ObjectUtils.isEmpty(s)?this.visibleItems.slice(0,r).find((function(e){return i.isItemMatched(e)})):s}else s=this.visibleItems.find((function(e){return i.isItemMatched(e)}));return n.ObjectUtils.isNotEmpty(s)&&(o=!0),n.ObjectUtils.isEmpty(s)&&n.ObjectUtils.isEmpty(this.focusedItem)&&(s=this.findFirstItem()),n.ObjectUtils.isNotEmpty(s)&&this.changeFocusedItem({originalEvent:e,processedItem:s,allowHeaderFocus:!1}),this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((function(){i.searchValue="",i.searchTimeout=null}),500),o},changeFocusedItem:function(e){var t=e.originalEvent,i=e.processedItem,s=e.focusOnNext,o=e.selfCheck,r=e.allowHeaderFocus,a=void 0===r||r;n.ObjectUtils.isNotEmpty(this.focusedItem)&&this.focusedItem.key!==i.key?(this.focusedItem=i,this.scrollInView()):a&&this.$emit("header-focus",{originalEvent:t,focusOnNext:s,selfCheck:o})},scrollInView:function(){var e=n.DomHandler.findSingle(this.$el,'li[id="'.concat("".concat(this.focusedItemId),'"]'));e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},autoUpdateActiveItemPath:function(e){var t=this;this.activeItemPath=Object.entries(e||{}).reduce((function(e,n){var i,s,o=(s=2,P(i=n)||y(i,s)||v(i,s)||g());if(o[1]){var r=t.findProcessedItemByItemKey(o[0]);r&&e.push(r)}return e}),[])},findProcessedItemByItemKey:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if(!(t=t||0===n&&this.processedItems))return null;for(var i=0;i<t.length;i++){var s=t[i];if(this.getItemProp(s,"key")===e)return s;var o=this.findProcessedItemByItemKey(e,s.items,n+1);if(o)return o}},createProcessedItems:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=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:n,key:a,parent:i,parentKey:s};c.items=t.createProcessedItems(e.items,n+1,c,a),o.push(c)})),o},flatItems:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return e&&e.forEach((function(e){t.isVisibleItem(e)&&(n.push(e),t.flatItems(e.items,n))})),n}},computed:{processedItems:function(){return this.createProcessedItems(this.items||[])},visibleItems:function(){return this.flatItems(this.processedItems)},focusedItemId:function(){return n.ObjectUtils.isNotEmpty(this.focusedItem)?"".concat(this.panelId,"_").concat(this.focusedItem.key):null}},components:{PanelMenuSub:d}};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 E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function D(e,t,n){var i;return(t="symbol"==x(i=w(t,"string"))?i:String(i))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e,t){if("object"!=x(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=x(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}k.render=function(e,t,n,s,o,r){var a=i.resolveComponent("PanelMenuSub");return i.openBlock(),i.createBlock(a,i.mergeProps({id:n.panelId+"_list",class:e.cx("menu"),role:"tree",tabindex:-1,"aria-activedescendant":o.focused?r.focusedItemId:void 0,panelId:n.panelId,focusedItemId:o.focused?r.focusedItemId:void 0,items:r.processedItems,templates:n.templates,activeItemPath:o.activeItemPath,onFocus:r.onFocus,onBlur:r.onBlur,onKeydown:r.onKeyDown,onItemToggle:r.onItemToggle,pt:e.pt,unstyled:e.unstyled},e.ptm("menu")),null,16,["id","class","aria-activedescendant","panelId","focusedItemId","items","templates","activeItemPath","onFocus","onBlur","onKeydown","onItemToggle","pt","unstyled"])};var H={name:"PanelMenu",extends:u,emits:["update:expandedKeys","panel-open","panel-close"],data:function(){return{id:this.$attrs.id,activeItem:null,activeItems:[]}},watch:{"$attrs.id":function(e){this.id=e||n.UniqueComponentId()}},mounted:function(){this.id=this.id||n.UniqueComponentId()},methods:{getItemProp:function(e,t){return e?n.ObjectUtils.getItemValue(e[t]):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},getPTOptions:function(e,t,n){return this.ptm(e,{context:{index:n,active:this.isItemActive(t),focused:this.isItemFocused(t),disabled:this.isItemDisabled(t)}})},isItemActive:function(e){return this.expandedKeys?this.expandedKeys[this.getItemProp(e,"key")]:this.multiple?this.activeItems.some((function(t){return n.ObjectUtils.equals(e,t)})):n.ObjectUtils.equals(e,this.activeItem)},isItemVisible:function(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemFocused:function(e){return n.ObjectUtils.equals(e,this.activeItem)},getPanelId:function(e){return"".concat(this.id,"_").concat(e)},getPanelKey:function(e){return this.getPanelId(e)},getHeaderId:function(e){return"".concat(this.getPanelId(e),"_header")},getContentId:function(e){return"".concat(this.getPanelId(e),"_content")},onHeaderClick:function(e,t){this.isItemDisabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),this.changeActiveItem(e,t),n.DomHandler.focus(e.currentTarget))},onHeaderKeyDown:function(e,t){switch(e.code){case"ArrowDown":this.onHeaderArrowDownKey(e);break;case"ArrowUp":this.onHeaderArrowUpKey(e);break;case"Home":this.onHeaderHomeKey(e);break;case"End":this.onHeaderEndKey(e);break;case"Enter":case"NumpadEnter":case"Space":this.onHeaderEnterKey(e,t)}},onHeaderArrowDownKey:function(e){var t=!0===n.DomHandler.getAttribute(e.currentTarget,"data-p-highlight")?n.DomHandler.findSingle(e.currentTarget.nextElementSibling,'[data-pc-section="menu"]'):null;t?n.DomHandler.focus(t):this.updateFocusedHeader({originalEvent:e,focusOnNext:!0}),e.preventDefault()},onHeaderArrowUpKey:function(e){var t=this.findPrevHeader(e.currentTarget.parentElement)||this.findLastHeader(),i=!0===n.DomHandler.getAttribute(t,"data-p-highlight")?n.DomHandler.findSingle(t.nextElementSibling,'[data-pc-section="menu"]'):null;i?n.DomHandler.focus(i):this.updateFocusedHeader({originalEvent:e,focusOnNext:!1}),e.preventDefault()},onHeaderHomeKey:function(e){this.changeFocusedHeader(e,this.findFirstHeader()),e.preventDefault()},onHeaderEndKey:function(e){this.changeFocusedHeader(e,this.findLastHeader()),e.preventDefault()},onHeaderEnterKey:function(e,t){var i=n.DomHandler.findSingle(e.currentTarget,'[data-pc-section="headeraction"]');i?i.click():this.onHeaderClick(e,t),e.preventDefault()},findNextHeader:function(e){var t=n.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling,'[data-pc-section="header"]');return t?n.DomHandler.getAttribute(t,"data-p-disabled")?this.findNextHeader(t.parentElement):t:null},findPrevHeader:function(e){var t=n.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling,'[data-pc-section="header"]');return t?n.DomHandler.getAttribute(t,"data-p-disabled")?this.findPrevHeader(t.parentElement):t:null},findFirstHeader:function(){return this.findNextHeader(this.$el.firstElementChild,!0)},findLastHeader:function(){return this.findPrevHeader(this.$el.lastElementChild,!0)},updateFocusedHeader:function(e){var t=e.originalEvent,i=e.focusOnNext,s=e.selfCheck,o=t.currentTarget.closest('[data-pc-section="panel"]'),r=s?n.DomHandler.findSingle(o,'[data-pc-section="header"]'):i?this.findNextHeader(o):this.findPrevHeader(o);r?this.changeFocusedHeader(t,r):i?this.onHeaderHomeKey(t):this.onHeaderEndKey(t)},changeActiveItem:function(e,t){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(!this.isItemDisabled(t)){var s=this.isItemActive(t),o=s?"panel-close":"panel-open";this.activeItem=i?t:this.activeItem&&n.ObjectUtils.equals(t,this.activeItem)?null:t,this.multiple&&(this.activeItems.some((function(e){return n.ObjectUtils.equals(t,e)}))?this.activeItems=this.activeItems.filter((function(e){return!n.ObjectUtils.equals(t,e)})):this.activeItems.push(t)),this.changeExpandedKeys({item:t,expanded:!s}),this.$emit(o,{originalEvent:e,item:t})}},changeExpandedKeys:function(e){var t=e.item,n=e.expanded,i=void 0!==n&&n;if(this.expandedKeys){var s=O({},this.expandedKeys);i?s[t.key]=!0:delete s[t.key],this.$emit("update:expandedKeys",s)}},changeFocusedHeader:function(e,t){t&&n.DomHandler.focus(t)},getMenuItemProps:function(e,t){return{icon:i.mergeProps({class:[this.cx("headerIcon"),this.getItemProp(e,"icon")]},this.getPTOptions("headerIcon",e,t)),label:i.mergeProps({class:this.cx("headerLabel")},this.getPTOptions("headerLabel",e,t))}}},components:{PanelMenuList:k,ChevronRightIcon:l.default,ChevronDownIcon:c.default}},K=["id"],C=["id","tabindex","aria-label","aria-expanded","aria-controls","aria-disabled","onClick","onKeydown","data-p-highlight","data-p-disabled"],A=["href"],B=["id","aria-labelledby"];return H.render=function(e,t,n,s,o,r){var a=i.resolveComponent("PanelMenuList");return i.openBlock(),i.createElementBlock("div",i.mergeProps({id:o.id,class:e.cx("root")},e.ptm("root"),{"data-pc-name":"panelmenu"}),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.model,(function(t,n){return i.openBlock(),i.createElementBlock(i.Fragment,{key:r.getPanelKey(n)},[r.isItemVisible(t)?(i.openBlock(),i.createElementBlock("div",i.mergeProps({key:0,style:r.getItemProp(t,"style"),class:[e.cx("panel"),r.getItemProp(t,"class")]},e.ptm("panel")),[i.createElementVNode("div",i.mergeProps({id:r.getHeaderId(n),class:[e.cx("header",{item:t}),r.getItemProp(t,"headerClass")],tabindex:r.isItemDisabled(t)?-1:e.tabindex,role:"button","aria-label":r.getItemLabel(t),"aria-expanded":r.isItemActive(t),"aria-controls":r.getContentId(n),"aria-disabled":r.isItemDisabled(t),onClick:function(e){return r.onHeaderClick(e,t)},onKeydown:function(e){return r.onHeaderKeyDown(e,t)}},r.getPTOptions("header",t,n),{"data-p-highlight":r.isItemActive(t),"data-p-disabled":r.isItemDisabled(t)}),[i.createElementVNode("div",i.mergeProps({class:e.cx("headerContent")},r.getPTOptions("headerContent",t,n)),[e.$slots.item?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$slots.item),{key:1,item:t,root:!0,active:r.isItemActive(t),hasSubmenu:r.getItemProp(t,"items"),label:r.getItemLabel(t),props:r.getMenuItemProps(t,n)},null,8,["item","active","hasSubmenu","label","props"])):(i.openBlock(),i.createElementBlock("a",i.mergeProps({key:0,href:r.getItemProp(t,"url"),class:e.cx("headerAction"),tabindex:-1},r.getPTOptions("headerAction",t,n)),[r.getItemProp(t,"items")?i.renderSlot(e.$slots,"submenuicon",{key:0,active:r.isItemActive(t)},(function(){return[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(r.isItemActive(t)?"ChevronDownIcon":"ChevronRightIcon"),i.mergeProps({class:e.cx("submenuIcon")},r.getPTOptions("submenuIcon",t,n)),null,16,["class"]))]})):i.createCommentVNode("",!0),e.$slots.headericon?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$slots.headericon),{key:1,item:t,class:i.normalizeClass([e.cx("headerIcon"),r.getItemProp(t,"icon")])},null,8,["item","class"])):r.getItemProp(t,"icon")?(i.openBlock(),i.createElementBlock("span",i.mergeProps({key:2,class:[e.cx("headerIcon"),r.getItemProp(t,"icon")]},r.getPTOptions("headerIcon",t,n)),null,16)):i.createCommentVNode("",!0),i.createElementVNode("span",i.mergeProps({class:e.cx("headerLabel")},r.getPTOptions("headerLabel",t,n)),i.toDisplayString(r.getItemLabel(t)),17)],16,A))],16)],16,C),i.createVNode(i.Transition,i.mergeProps({name:"p-toggleable-content"},e.ptm("transition")),{default:i.withCtx((function(){return[i.withDirectives(i.createElementVNode("div",i.mergeProps({id:r.getContentId(n),class:e.cx("toggleableContent"),role:"region","aria-labelledby":r.getHeaderId(n)},e.ptm("toggleableContent")),[r.getItemProp(t,"items")?(i.openBlock(),i.createElementBlock("div",i.mergeProps({key:0,class:e.cx("menuContent")},e.ptm("menuContent")),[i.createVNode(a,{panelId:r.getPanelId(n),items:r.getItemProp(t,"items"),templates:e.$slots,expandedKeys:e.expandedKeys,onItemToggle:r.changeExpandedKeys,onHeaderFocus:r.updateFocusedHeader,pt:e.pt,unstyled:e.unstyled},null,8,["panelId","items","templates","expandedKeys","onItemToggle","onHeaderFocus","pt","unstyled"])],16)):i.createCommentVNode("",!0)],16,B),[[i.vShow,r.isItemActive(t)]])]})),_:2},1040)],16)):i.createCommentVNode("",!0)],64)})),128))],16,K)},H}(primevue.icons.chevrondown,primevue.icons.chevronright,primevue.utils,Vue,primevue.basecomponent,primevue.panelmenu.style,primevue.ripple);

package/picklist/BasePickList.vue

@@ -26,6 +26,14 @@ export default {
             type: Boolean,
             default: false
         },
+        autoOptionFocus: {
+            type: Boolean,
+            default: true
+        },
+        focusOnHover: {
+            type: Boolean,
+            default: true
+        },
         responsive: {
             type: Boolean,
             default: true

package/picklist/PickList.d.ts

@@ -335,6 +335,16 @@ export interface PickListProps {
      * @defaultValue false
      */
     metaKeySelection?: boolean | undefined;
+    /**
+     * Whether to focus on the first visible or selected element.
+     * @defaultValue true
+     */
+    autoOptionFocus?: boolean | undefined;
+    /**
+     * When enabled, the focus is placed on the hovered option.
+     * @defaultValue true
+     */
+    focusOnHover?: boolean | undefined;
     /**
      * Inline style of the the list element.
      */

package/picklist/PickList.vue

@@ -70,7 +70,8 @@
                         @click="onItemClick($event, item, i, 0)"
                         @dblclick="onItemDblClick($event, item, 0)"
                         @touchend="onItemTouchEnd"
-                        @mousedown="onOptionMouseDown(i, 'sourceList')"
+                        @mousedown="onOptionMouseDown($event, i, 'sourceList')"
+                        @mousemove="onOptionMouseMove(i, 'sourceList')"
                         role="option"
                         :aria-selected="isSelected(item, 0)"
                         v-bind="getPTOptions(item, 'item', `${idSource}_${i}`, 0)"
@@ -161,7 +162,8 @@
                         @click="onItemClick($event, item, i, 1)"
                         @dblclick="onItemDblClick($event, item, 1)"
                         @keydown="onItemKeyDown($event, 'targetList')"
-                        @mousedown="onOptionMouseDown(i, 'targetList')"
+                        @mousedown="onOptionMouseDown($event, i, 'targetList')"
+                        @mousemove="onOptionMouseMove(i, 'targetList')"
                         @touchend="onItemTouchEnd"
                         role="option"
                         :aria-selected="isSelected(item, 1)"
@@ -260,7 +262,7 @@ export default {
         selection(newValue) {
             this.d_selection = newValue;
         },
-        breakpoint(newValue) {
+        breakpoint() {
             this.destroyMedia();
             this.initMedia();
         }
@@ -300,27 +302,24 @@ export default {
             return ObjectUtils.findIndexInList(item, this.d_selection[listIndex]) != -1;
         },
         onListFocus(event, listType) {
-            const selectedFirstItem = DomHandler.findSingle(this.$refs[listType].$el, '[data-p-highlight="true"]') || DomHandler.findSingle(this.$refs[listType].$el, '[data-pc-section="item"]');
-
-            if (selectedFirstItem) {
-                const findIndex = ObjectUtils.findIndexInList(selectedFirstItem, this.$refs[listType].$el.children);
-
-                this.focused[listType] = true;
-
-                const index = this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : selectedFirstItem ? findIndex : -1;
-
-                this.changeFocusedOptionIndex(index, listType);
-                this.$emit('focus', event);
-            }
+            this.focused[listType] = true;
+            this.findCurrentFocusedIndex(listType);
+            this.$emit('focus', event);
         },
         onListBlur(event, listType) {
             this.focused[listType] = false;
             this.focusedOptionIndex = -1;
             this.$emit('blur', event);
         },
-        onOptionMouseDown(index, listType) {
+        onOptionMouseDown(event, index, listType) {
             this.focused[listType] = true;
             this.focusedOptionIndex = index;
+            event.preventDefault();
+        },
+        onOptionMouseMove(index, listType) {
+            if (this.focusOnHover && this.focused[listType]) {
+                this.changeFocusedOptionIndex(index, listType);
+            }
         },
         moveUp(event, listIndex) {
             if (this.d_selection && this.d_selection[listIndex]) {
@@ -663,7 +662,7 @@ export default {
             }
         },
         onArrowDownKey(event, listType) {
-            const optionIndex = this.findNextOptionIndex(this.focusedOptionIndex, listType);
+            const optionIndex = this.focusedOptionIndex !== -1 ? this.findNextOptionIndex(listType) : this.findFirstSelectedOptionIndex(listType);
 
             this.changeFocusedOptionIndex(optionIndex, listType);
 
@@ -674,7 +673,7 @@ export default {
             event.preventDefault();
         },
         onArrowUpKey(event, listType) {
-            const optionIndex = this.findPrevOptionIndex(this.focusedOptionIndex, listType);
+            const optionIndex = this.focusedOptionIndex !== -1 ? this.findPrevOptionIndex(listType) : this.findLastSelectedOptionIndex(listType);
 
             this.changeFocusedOptionIndex(optionIndex, listType);
 
@@ -685,10 +684,8 @@ export default {
             event.preventDefault();
         },
         onEnterKey(event, listType) {
-            const items = DomHandler.find(this.$refs[listType].$el, '[data-pc-section="item"]');
-            const focusedItem = DomHandler.findSingle(this.$refs[listType].$el, `[data-pc-section="item"][id=${this.focusedOptionIndex}]`);
-            const matchedOptionIndex = [...items].findIndex((item) => item === focusedItem);
             const listId = listType === 'sourceList' ? 0 : 1;
+            const matchedOptionIndex = this.findMatchedOptionIndex(listType);
 
             this.onItemClick(event, this.modelValue[listId][matchedOptionIndex], matchedOptionIndex, listId);
 
@@ -699,10 +696,8 @@ export default {
 
             if (event.shiftKey && this.d_selection && this.d_selection.length > 0) {
                 const listId = listType === 'sourceList' ? 0 : 1;
-                const items = DomHandler.find(this.$refs[listType].$el, '[data-pc-section="item"]');
                 const selectedItemIndex = ObjectUtils.findIndexInList(this.d_selection[listId][0], [...this.modelValue[listId]]);
-                const focusedItem = DomHandler.findSingle(this.$refs[listType].$el, `[data-pc-section="item"][id=${this.focusedOptionIndex}]`);
-                const matchedOptionIndex = [...items].findIndex((item) => item === focusedItem);
+                const matchedOptionIndex = this.findMatchedOptionIndex(listType);
 
                 this.d_selection[listId] = [...this.modelValue[listId]].slice(Math.min(selectedItemIndex, matchedOptionIndex), Math.max(selectedItemIndex, matchedOptionIndex) + 1);
                 this.$emit('update:selection', this.d_selection);
@@ -717,9 +712,7 @@ export default {
         onHomeKey(event, listType) {
             if (event.ctrlKey && event.shiftKey) {
                 const listId = listType === 'sourceList' ? 0 : 1;
-                const items = DomHandler.find(this.$refs[listType].$el, '[data-pc-section="item"]');
-                const focusedItem = DomHandler.findSingle(this.$refs[listType].$el, `[data-pc-section="item"][id=${this.focusedOptionIndex}]`);
-                const matchedOptionIndex = [...items].findIndex((item) => item === focusedItem);
+                const matchedOptionIndex = this.findMatchedOptionIndex(listType);
 
                 this.d_selection[listId] = [...this.modelValue[listId]].slice(0, matchedOptionIndex + 1);
                 this.$emit('update:selection', this.d_selection);
@@ -734,12 +727,11 @@ export default {
             event.preventDefault();
         },
         onEndKey(event, listType) {
-            const items = DomHandler.find(this.$refs[listType].$el, '[data-pc-section="item"]');
+            const items = this.findAllItems(listType);
 
             if (event.ctrlKey && event.shiftKey) {
                 const listId = listType === 'sourceList' ? 0 : 1;
-                const focusedItem = DomHandler.findSingle(this.$refs[listType].$el, `[data-pc-section="item"][id=${this.focusedOptionIndex}]`);
-                const matchedOptionIndex = [...items].findIndex((item) => item === focusedItem);
+                const matchedOptionIndex = this.findMatchedOptionIndex(listType);
 
                 this.d_selection[listId] = [...this.modelValue[listId]].slice(matchedOptionIndex, items.length);
                 this.$emit('update:selection', this.d_selection);
@@ -753,21 +745,61 @@ export default {
 
             event.preventDefault();
         },
-        findNextOptionIndex(index, listType) {
-            const items = DomHandler.find(this.$refs[listType].$el, '[data-pc-section="item"]');
+        findAllItems(listType) {
+            return DomHandler.find(this.$refs[listType].$el, '[data-pc-section="item"]');
+        },
+        findFocusedItem(listType) {
+            return DomHandler.findSingle(this.$refs[listType].$el, `[data-pc-section="item"][id=${this.focusedOptionIndex}]`);
+        },
+        findCurrentFocusedIndex(listType) {
+            this.focusedOptionIndex = this.findFirstSelectedOptionIndex(listType);
 
-            const matchedOptionIndex = [...items].findIndex((link) => link.id === index);
+            if (this.autoOptionFocus && this.focusedOptionIndex === -1) {
+                this.focusedOptionIndex = this.findFirstFocusedOptionIndex(listType);
+            }
+
+            this.scrollInView(this.focusedOptionIndex, listType);
+        },
+        findFirstFocusedOptionIndex(listType) {
+            const firstFocusableItem = DomHandler.findSingle(this.$refs[listType].$el, '[data-pc-section="item"]');
+
+            return DomHandler.getAttribute(firstFocusableItem, 'id');
+        },
+        findFirstSelectedOptionIndex(listType) {
+            if (this.hasSelectedOption(listType)) {
+                const selectedFirstItem = DomHandler.findSingle(this.$refs[listType].$el, '[data-p-highlight="true"]');
+
+                return DomHandler.getAttribute(selectedFirstItem, 'id');
+            }
+
+            return -1;
+        },
+        findLastSelectedOptionIndex(listType) {
+            if (this.hasSelectedOption(listType)) {
+                const selectedItems = DomHandler.find(this.$refs[listType].$el, '[data-p-highlight="true"]');
+
+                return ObjectUtils.findIndexInList(selectedItems[selectedItems.length - 1], this.list.children);
+            }
+
+            return -1;
+        },
+        findMatchedOptionIndex(listType, id = this.focusedOptionIndex) {
+            const items = this.findAllItems(listType);
+
+            return [...items].findIndex((link) => link.id === id);
+        },
+        findNextOptionIndex(listType) {
+            const matchedOptionIndex = this.findMatchedOptionIndex(listType);
 
             return matchedOptionIndex > -1 ? matchedOptionIndex + 1 : 0;
         },
-        findPrevOptionIndex(index, listType) {
-            const items = DomHandler.find(this.$refs[listType].$el, '[data-pc-section="item"]');
-            const matchedOptionIndex = [...items].findIndex((link) => link.id === index);
+        findPrevOptionIndex(listType) {
+            const matchedOptionIndex = this.findMatchedOptionIndex(listType);
 
             return matchedOptionIndex > -1 ? matchedOptionIndex - 1 : 0;
         },
         changeFocusedOptionIndex(index, listType) {
-            const items = DomHandler.find(this.$refs[listType].$el, '[data-pc-section="item"]');
+            const items = this.findAllItems(listType);
 
             let order = index >= items.length ? items.length - 1 : index < 0 ? 0 : index;
 
@@ -876,6 +908,9 @@ export default {
         },
         moveAllDisabled(list) {
             return ObjectUtils.isEmpty(this[list]);
+        },
+        hasSelectedOption(listType) {
+            return listType === 'sourceList' ? ObjectUtils.isNotEmpty(this.d_selection[0]) : ObjectUtils.isNotEmpty(this.d_selection[1]);
         }
     },
     computed: {