primevue 3.16.2 → 3.18.0

package/panelmenu/panelmenu.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.panelmenu=function(e,t){"use strict";var n={name:"PanelMenuSub",emits:["item-toggle"],props:{model:{type:null,default:null},template:{type:Function,default:null},expandedKeys:{type:null,default:null},exact:{type:Boolean,default:!0}},data:()=>({activeItem:null}),methods:{onItemClick(e,t,n){this.isActive(t)&&null===this.activeItem&&(this.activeItem=t),this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),this.activeItem&&this.activeItem===t?this.activeItem=null:this.activeItem=t,this.$emit("item-toggle",{item:t,expanded:null!=this.activeItem}),t.to&&n&&n(e))},onItemKeydown(e,t){13===e.which&&this.onItemClick(e,t)},getItemClass:e=>["p-menuitem",e.className],linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},isActive(e){return this.expandedKeys?this.expandedKeys[e.key]:e===this.activeItem},getSubmenuIcon(e){const t=this.isActive(e);return["p-panelmenu-icon pi pi-fw",{"pi-angle-right":!t,"pi-angle-down":t}]},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label}};const l={class:"p-submenu-list",role:"tree"},a=["href","onClick","aria-expanded"],i={class:"p-menuitem-text"},o=["href","target","onClick","onKeydown","aria-expanded","tabindex"],s={class:"p-menuitem-text"},c={class:"p-toggleable-content"};n.render=function(t,n,m,r,d,p){const u=e.resolveComponent("router-link"),k=e.resolveComponent("PanelMenuSub",!0);return e.openBlock(),e.createElementBlock("ul",l,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.model,((l,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:p.label(l)+r.toString()},[p.visible(l)&&!l.separator?(e.openBlock(),e.createElementBlock("li",{key:0,role:"none",class:e.normalizeClass(p.getItemClass(l)),style:e.normalizeStyle(l.style)},[m.template?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m.template),{key:1,item:l},null,8,["item"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[l.to&&!p.disabled(l)?(e.openBlock(),e.createBlock(u,{key:0,to:l.to,custom:""},{default:e.withCtx((({navigate:t,href:n,isActive:o,isExactActive:s})=>[e.createElementVNode("a",{href:n,class:e.normalizeClass(p.linkClass(l,{isActive:o,isExactActive:s})),onClick:e=>p.onItemClick(e,l,t),role:"treeitem","aria-expanded":p.isActive(l)},[e.createElementVNode("span",{class:e.normalizeClass(["p-menuitem-icon",l.icon])},null,2),e.createElementVNode("span",i,e.toDisplayString(p.label(l)),1)],10,a)])),_:2},1032,["to"])):(e.openBlock(),e.createElementBlock("a",{key:1,href:l.url,class:e.normalizeClass(p.linkClass(l)),target:l.target,onClick:e=>p.onItemClick(e,l),onKeydown:e=>p.onItemKeydown(e,l),role:"treeitem","aria-expanded":p.isActive(l),tabindex:p.disabled(l)?null:"0"},[l.items?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(p.getSubmenuIcon(l))},null,2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(["p-menuitem-icon",l.icon])},null,2),e.createElementVNode("span",s,e.toDisplayString(p.label(l)),1)],42,o))],64)),e.createVNode(e.Transition,{name:"p-toggleable-content"},{default:e.withCtx((()=>[e.withDirectives(e.createElementVNode("div",c,[p.visible(l)&&l.items?(e.openBlock(),e.createBlock(k,{model:l.items,key:p.label(l)+"_sub_",template:m.template,expandedKeys:m.expandedKeys,onItemToggle:n[0]||(n[0]=e=>t.$emit("item-toggle",e)),exact:m.exact},null,8,["model","template","expandedKeys","exact"])):e.createCommentVNode("",!0)],512),[[e.vShow,p.isActive(l)]])])),_:2},1024)],6)):e.createCommentVNode("",!0),p.visible(l)&&l.separator?(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["p-menu-separator",l.class]),style:e.normalizeStyle(l.style),key:"separator"+r.toString()},null,6)):e.createCommentVNode("",!0)],64)))),128))])};var m={name:"PanelMenu",emits:["update:expandedKeys"],props:{model:{type:Array,default:null},expandedKeys:{type:null,default:null},exact:{type:Boolean,default:!0}},data:()=>({activeItem:null}),methods:{onItemClick(e,t,n){this.isActive(t)&&null===this.activeItem&&(this.activeItem=t),this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),this.activeItem&&this.activeItem===t?this.activeItem=null:this.activeItem=t,this.updateExpandedKeys({item:t,expanded:null!=this.activeItem}),t.to&&n&&n(e))},onItemKeydown(e,t){13===e.which&&this.onItemClick(e,t)},updateExpandedKeys(e){if(this.expandedKeys){let t=e.item,n={...this.expandedKeys};e.expanded?n[t.key]=!0:delete n[t.key],this.$emit("update:expandedKeys",n)}},getPanelClass:e=>["p-panelmenu-panel",e.class],getPanelToggleIcon(e){const t=this.isActive(e);return["p-panelmenu-icon pi",{"pi-chevron-right":!t," pi-chevron-down":t}]},getPanelIcon:e=>["p-menuitem-icon",e.icon],getHeaderLinkClass(e,t){return["p-panelmenu-header-link",{"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},isActive(e){return this.expandedKeys?this.expandedKeys[e.key]:e===this.activeItem},getHeaderClass(e){return["p-component p-panelmenu-header",{"p-highlight":this.isActive(e),"p-disabled":this.disabled(e)}]},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label},components:{PanelMenuSub:n},computed:{ariaId:()=>t.UniqueComponentId()}};const r={class:"p-panelmenu p-component"},d=["href","onClick"],p={class:"p-menuitem-text"},u=["href","onClick","onKeydown","tabindex","aria-expanded","id","aria-controls"],k={class:"p-menuitem-text"},y=["id","aria-labelledby"],v={key:0,class:"p-panelmenu-content"};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-panelmenu .p-panelmenu-header-link {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    cursor: pointer;\n    position: relative;\n    text-decoration: none;\n}\n.p-panelmenu .p-panelmenu-header-link:focus {\n    z-index: 1;\n}\n.p-panelmenu .p-submenu-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-panelmenu .p-menuitem-link {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    cursor: pointer;\n    text-decoration: none;\n}\n.p-panelmenu .p-menuitem-text {\n    line-height: 1;\n}\n"),m.render=function(t,n,l,a,i,o){const s=e.resolveComponent("router-link"),c=e.resolveComponent("PanelMenuSub");return e.openBlock(),e.createElementBlock("div",r,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.model,((n,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:o.label(n)+"_"+a},[o.visible(n)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(o.getPanelClass(n)),style:e.normalizeStyle(n.style)},[e.createElementVNode("div",{class:e.normalizeClass(o.getHeaderClass(n)),style:e.normalizeStyle(n.style)},[t.$slots.item?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.$slots.item),{key:1,item:n},null,8,["item"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.to&&!o.disabled(n)?(e.openBlock(),e.createBlock(s,{key:0,to:n.to,custom:""},{default:e.withCtx((({navigate:t,href:l,isActive:a,isExactActive:i})=>[e.createElementVNode("a",{href:l,class:e.normalizeClass(o.getHeaderLinkClass(n,{isActive:a,isExactActive:i})),onClick:e=>o.onItemClick(e,n,t),role:"treeitem"},[n.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(o.getPanelIcon(n))},null,2)):e.createCommentVNode("",!0),e.createElementVNode("span",p,e.toDisplayString(o.label(n)),1)],10,d)])),_:2},1032,["to"])):(e.openBlock(),e.createElementBlock("a",{key:1,href:n.url,class:e.normalizeClass(o.getHeaderLinkClass(n)),onClick:e=>o.onItemClick(e,n),onKeydown:e=>o.onItemKeydown(e,n),tabindex:o.disabled(n)?null:"0","aria-expanded":o.isActive(n),id:o.ariaId+"_header_"+a,"aria-controls":o.ariaId+"_content_"+a},[n.items?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(o.getPanelToggleIcon(n))},null,2)):e.createCommentVNode("",!0),n.icon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(o.getPanelIcon(n))},null,2)):e.createCommentVNode("",!0),e.createElementVNode("span",k,e.toDisplayString(o.label(n)),1)],42,u))],64))],6),e.createVNode(e.Transition,{name:"p-toggleable-content"},{default:e.withCtx((()=>[e.withDirectives(e.createElementVNode("div",{class:"p-toggleable-content",role:"region",id:o.ariaId+"_content_"+a,"aria-labelledby":o.ariaId+"_header_"+a},[n.items?(e.openBlock(),e.createElementBlock("div",v,[e.createVNode(c,{model:n.items,class:"p-panelmenu-root-submenu",template:t.$slots.item,expandedKeys:l.expandedKeys,onItemToggle:o.updateExpandedKeys,exact:l.exact},null,8,["model","template","expandedKeys","onItemToggle","exact"])])):e.createCommentVNode("",!0)],8,y),[[e.vShow,o.isActive(n)]])])),_:2},1024)],6)):e.createCommentVNode("",!0)],64)))),128))])},m}(Vue,primevue.utils);
+this.primevue=this.primevue||{},this.primevue.panelmenu=function(e,t,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s={innerWidth(e){if(e){let t=e.offsetWidth,n=getComputedStyle(e);return t+=parseFloat(n.paddingLeft)+parseFloat(n.paddingRight),t}return 0},width(e){if(e){let t=e.offsetWidth,n=getComputedStyle(e);return t-=parseFloat(n.paddingLeft)+parseFloat(n.paddingRight),t}return 0},getWindowScrollTop(){let e=document.documentElement;return(window.pageYOffset||e.scrollTop)-(e.clientTop||0)},getWindowScrollLeft(){let e=document.documentElement;return(window.pageXOffset||e.scrollLeft)-(e.clientLeft||0)},getOuterWidth(e,t){if(e){let n=e.offsetWidth;if(t){let t=getComputedStyle(e);n+=parseFloat(t.marginLeft)+parseFloat(t.marginRight)}return n}return 0},getOuterHeight(e,t){if(e){let n=e.offsetHeight;if(t){let t=getComputedStyle(e);n+=parseFloat(t.marginTop)+parseFloat(t.marginBottom)}return n}return 0},getClientHeight(e,t){if(e){let n=e.clientHeight;if(t){let t=getComputedStyle(e);n+=parseFloat(t.marginTop)+parseFloat(t.marginBottom)}return n}return 0},getViewport(){let e=window,t=document,n=t.documentElement,i=t.getElementsByTagName("body")[0];return{width:e.innerWidth||n.clientWidth||i.clientWidth,height:e.innerHeight||n.clientHeight||i.clientHeight}},getOffset(e){if(e){let t=e.getBoundingClientRect();return{top:t.top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0),left:t.left+(window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0)}}return{top:"auto",left:"auto"}},index(e){if(e){let t=e.parentNode.childNodes,n=0;for(let i=0;i<t.length;i++){if(t[i]===e)return n;1===t[i].nodeType&&n++}}return-1},addMultipleClasses(e,t){if(e&&t)if(e.classList){let n=t.split(" ");for(let t=0;t<n.length;t++)e.classList.add(n[t])}else{let n=t.split(" ");for(let t=0;t<n.length;t++)e.className+=" "+n[t]}},addClass(e,t){e&&t&&(e.classList?e.classList.add(t):e.className+=" "+t)},removeClass(e,t){e&&t&&(e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(^|\\b)"+t.split(" ").join("|")+"(\\b|$)","gi")," "))},hasClass:(e,t)=>!!e&&(e.classList?e.classList.contains(t):new RegExp("(^| )"+t+"( |$)","gi").test(e.className)),find:(e,t)=>e?e.querySelectorAll(t):[],findSingle:(e,t)=>e?e.querySelector(t):null,getHeight(e){if(e){let t=e.offsetHeight,n=getComputedStyle(e);return t-=parseFloat(n.paddingTop)+parseFloat(n.paddingBottom)+parseFloat(n.borderTopWidth)+parseFloat(n.borderBottomWidth),t}return 0},getWidth(e){if(e){let t=e.offsetWidth,n=getComputedStyle(e);return t-=parseFloat(n.paddingLeft)+parseFloat(n.paddingRight)+parseFloat(n.borderLeftWidth)+parseFloat(n.borderRightWidth),t}return 0},absolutePosition(e,t){if(e){let n,i,s=e.offsetParent?{width:e.offsetWidth,height:e.offsetHeight}:this.getHiddenElementDimensions(e),o=s.height,l=s.width,a=t.offsetHeight,r=t.offsetWidth,d=t.getBoundingClientRect(),c=this.getWindowScrollTop(),m=this.getWindowScrollLeft(),p=this.getViewport();d.top+a+o>p.height?(n=d.top+c-o,e.style.transformOrigin="bottom",n<0&&(n=c)):(n=a+d.top+c,e.style.transformOrigin="top"),i=d.left+l>p.width?Math.max(0,d.left+m+r-l):d.left+m,e.style.top=n+"px",e.style.left=i+"px"}},relativePosition(e,t){if(e){let n=e.offsetParent?{width:e.offsetWidth,height:e.offsetHeight}:this.getHiddenElementDimensions(e);const i=t.offsetHeight,s=t.getBoundingClientRect(),o=this.getViewport();let l,a;s.top+i+n.height>o.height?(l=-1*n.height,e.style.transformOrigin="bottom",s.top+l<0&&(l=-1*s.top)):(l=i,e.style.transformOrigin="top"),a=n.width>o.width?-1*s.left:s.left+n.width>o.width?-1*(s.left+n.width-o.width):0,e.style.top=l+"px",e.style.left=a+"px"}},getParents(e,t=[]){return null===e.parentNode?t:this.getParents(e.parentNode,t.concat([e.parentNode]))},getScrollableParents(e){let t=[];if(e){let n=this.getParents(e);const i=/(auto|scroll)/,s=e=>{let t=window.getComputedStyle(e,null);return i.test(t.getPropertyValue("overflow"))||i.test(t.getPropertyValue("overflowX"))||i.test(t.getPropertyValue("overflowY"))};for(let e of n){let n=1===e.nodeType&&e.dataset.scrollselectors;if(n){let i=n.split(",");for(let n of i){let i=this.findSingle(e,n);i&&s(i)&&t.push(i)}}9!==e.nodeType&&s(e)&&t.push(e)}}return t},getHiddenElementOuterHeight(e){if(e){e.style.visibility="hidden",e.style.display="block";let t=e.offsetHeight;return e.style.display="none",e.style.visibility="visible",t}return 0},getHiddenElementOuterWidth(e){if(e){e.style.visibility="hidden",e.style.display="block";let t=e.offsetWidth;return e.style.display="none",e.style.visibility="visible",t}return 0},getHiddenElementDimensions(e){if(e){let t={};return e.style.visibility="hidden",e.style.display="block",t.width=e.offsetWidth,t.height=e.offsetHeight,e.style.display="none",e.style.visibility="visible",t}return 0},fadeIn(e,t){if(e){e.style.opacity=0;let n=+new Date,i=0,s=function(){i=+e.style.opacity+((new Date).getTime()-n)/t,e.style.opacity=i,n=+new Date,+i<1&&(window.requestAnimationFrame&&requestAnimationFrame(s)||setTimeout(s,16))};s()}},fadeOut(e,t){if(e){let n=1,i=50,s=i/t,o=setInterval((()=>{n-=s,n<=0&&(n=0,clearInterval(o)),e.style.opacity=n}),i)}},getUserAgent:()=>navigator.userAgent,appendChild(e,t){if(this.isElement(t))t.appendChild(e);else{if(!t.el||!t.elElement)throw new Error("Cannot append "+t+" to "+e);t.elElement.appendChild(e)}},scrollInView(e,t){let n=getComputedStyle(e).getPropertyValue("borderTopWidth"),i=n?parseFloat(n):0,s=getComputedStyle(e).getPropertyValue("paddingTop"),o=s?parseFloat(s):0,l=e.getBoundingClientRect(),a=t.getBoundingClientRect().top+document.body.scrollTop-(l.top+document.body.scrollTop)-i-o,r=e.scrollTop,d=e.clientHeight,c=this.getOuterHeight(t);a<0?e.scrollTop=r+a:a+c>d&&(e.scrollTop=r+a-d+c)},clearSelection(){if(window.getSelection)window.getSelection().empty?window.getSelection().empty():window.getSelection().removeAllRanges&&window.getSelection().rangeCount>0&&window.getSelection().getRangeAt(0).getClientRects().length>0&&window.getSelection().removeAllRanges();else if(document.selection&&document.selection.empty)try{document.selection.empty()}catch(e){}},getSelection:()=>window.getSelection?window.getSelection().toString():document.getSelection?document.getSelection().toString():document.selection?document.selection.createRange().text:null,calculateScrollbarWidth(){if(null!=this.calculatedScrollbarWidth)return this.calculatedScrollbarWidth;let e=document.createElement("div");e.className="p-scrollbar-measure",document.body.appendChild(e);let t=e.offsetWidth-e.clientWidth;return document.body.removeChild(e),this.calculatedScrollbarWidth=t,t},getBrowser(){if(!this.browser){let e=this.resolveUserAgent();this.browser={},e.browser&&(this.browser[e.browser]=!0,this.browser.version=e.version),this.browser.chrome?this.browser.webkit=!0:this.browser.webkit&&(this.browser.safari=!0)}return this.browser},resolveUserAgent(){let e=navigator.userAgent.toLowerCase(),t=/(chrome)[ ]([\w.]+)/.exec(e)||/(webkit)[ ]([\w.]+)/.exec(e)||/(opera)(?:.*version|)[ ]([\w.]+)/.exec(e)||/(msie) ([\w.]+)/.exec(e)||e.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(e)||[];return{browser:t[1]||"",version:t[2]||"0"}},isVisible:e=>e&&null!=e.offsetParent,invokeElementMethod(e,t,n){e[t].apply(e,n)},isExist:e=>null!=e&&e.nodeName&&e.parentNode,isClient:()=>!("undefined"==typeof window||!window.document||!window.document.createElement),focus(e,t){e&&document.activeElement!==e&&e.focus(t)},getFocusableElements(e,t=""){let n=this.find(e,`button:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${t},\n                [href][clientHeight][clientWidth]:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${t},\n                input:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${t},\n                select:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${t},\n                textarea:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${t},\n                [tabIndex]:not([tabIndex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${t},\n                [contenteditable]:not([tabIndex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${t}`),i=[];for(let e of n)"none"!=getComputedStyle(e).display&&"hidden"!=getComputedStyle(e).visibility&&i.push(e);return i},getFirstFocusableElement(e,t){const n=this.getFocusableElements(e,t);return n.length>0?n[0]:null},isClickable(e){const t=e.nodeName,n=e.parentElement&&e.parentElement.nodeName;return"INPUT"==t||"BUTTON"==t||"A"==t||"INPUT"==n||"BUTTON"==n||"A"==n||this.hasClass(e,"p-button")||this.hasClass(e.parentElement,"p-button")||this.hasClass(e.parentElement,"p-checkbox")||this.hasClass(e.parentElement,"p-radiobutton")},applyStyle(e,t){if("string"==typeof t)e.style.cssText=t;else for(let n in t)e.style[n]=t[n]},isIOS:()=>/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream,isAndroid:()=>/(android)/i.test(navigator.userAgent),isTouchDevice:()=>"ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0,exportCSV(e,t){let n=new Blob([e],{type:"application/csv;charset=utf-8;"});if(window.navigator.msSaveOrOpenBlob)navigator.msSaveOrOpenBlob(n,t+".csv");else{let i=document.createElement("a");void 0!==i.download?(i.setAttribute("href",URL.createObjectURL(n)),i.setAttribute("download",t+".csv"),i.style.display="none",document.body.appendChild(i),i.click(),document.body.removeChild(i)):(e="data:text/csv;charset=utf-8,"+e,window.open(encodeURI(e)))}}},o={name:"PanelMenuSub",emits:["item-toggle"],props:{panelId:{type:String,default:null},focusedItemId:{type:String,default:null},items:{type:Array,default:null},level:{type:Number,default:0},template:{type:Function,default:null},activeItemPath:{type:Object,default:null},exact:{type:Boolean,default:!0}},methods:{getItemId(e){return`${this.panelId}_${e.key}`},getItemKey(e){return this.getItemId(e)},getItemProp:(t,n)=>t&&t.item?e.ObjectUtils.getItemValue(t.item[n]):void 0,getItemLabel(e){return this.getItemProp(e,"label")},isItemActive(e){return this.activeItemPath.some((t=>t.key===e.key))},isItemVisible(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled(e){return this.getItemProp(e,"disabled")},isItemFocused(e){return this.focusedItemId===this.getItemId(e)},isItemGroup:t=>e.ObjectUtils.isNotEmpty(t.items),onItemClick(e,t){const n=this.getItemProp(t,"command");n&&n({originalEvent:e,item:t.item}),this.$emit("item-toggle",{processedItem:t,expanded:!this.isItemActive(t)})},onItemToggle(e){this.$emit("item-toggle",e)},onItemActionClick(e,t){t&&t(e)},getAriaSetSize(){return this.items.filter((e=>this.isItemVisible(e)&&!this.getItemProp(e,"separator"))).length},getAriaPosInset(e){return e-this.items.slice(0,e).filter((e=>this.isItemVisible(e)&&this.getItemProp(e,"separator"))).length+1},getItemClass(e){return["p-menuitem",this.getItemProp(e,"class"),{"p-focus":this.isItemFocused(e),"p-disabled":this.isItemDisabled(e)}]},getItemActionClass(e,t){return["p-menuitem-link",{"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},getItemIconClass(e){return["p-menuitem-icon",this.getItemProp(e,"icon")]},getItemToggleIconClass(e){return["p-submenu-icon",this.isItemActive(e)?"pi pi-fw pi-chevron-down":"pi pi-fw pi-chevron-right"]},getSeparatorItemClass(e){return["p-menuitem-separator",this.getItemProp(e,"class")]}},directives:{ripple:i(t).default}};const l={class:"p-submenu-list"},a=["id","aria-label","aria-expanded","aria-level","aria-setsize","aria-posinset"],r=["onClick"],d=["href","onClick"],c={class:"p-menuitem-text"},m=["href","target"],p={class:"p-menuitem-text"},u={class:"p-toggleable-content"};o.render=function(e,t,i,s,o,h){const g=n.resolveComponent("router-link"),f=n.resolveComponent("PanelMenuSub",!0),I=n.resolveDirective("ripple");return n.openBlock(),n.createElementBlock("ul",l,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(i.items,((e,t)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:h.getItemKey(e)},[h.isItemVisible(e)&&!h.getItemProp(e,"separator")?(n.openBlock(),n.createElementBlock("li",{key:0,id:h.getItemId(e),style:n.normalizeStyle(h.getItemProp(e,"style")),class:n.normalizeClass(h.getItemClass(e)),role:"treeitem","aria-label":h.getItemLabel(e),"aria-expanded":h.isItemGroup(e)?h.isItemActive(e):void 0,"aria-level":i.level+1,"aria-setsize":h.getAriaSetSize(),"aria-posinset":h.getAriaPosInset(t)},[n.createElementVNode("div",{class:"p-menuitem-content",onClick:t=>h.onItemClick(t,e)},[i.template?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.template),{key:1,item:e.item},null,8,["item"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[h.getItemProp(e,"to")&&!h.isItemDisabled(e)?(n.openBlock(),n.createBlock(g,{key:0,to:h.getItemProp(e,"to"),custom:""},{default:n.withCtx((({navigate:t,href:i,isActive:s,isExactActive:o})=>[n.withDirectives((n.openBlock(),n.createElementBlock("a",{href:i,class:n.normalizeClass(h.getItemActionClass(e,{isActive:s,isExactActive:o})),tabindex:"-1","aria-hidden":"true",onClick:e=>h.onItemActionClick(e,t)},[h.getItemProp(e,"icon")?(n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(h.getItemIconClass(e))},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",c,n.toDisplayString(h.getItemLabel(e)),1)],10,d)),[[I]])])),_:2},1032,["to"])):n.withDirectives((n.openBlock(),n.createElementBlock("a",{key:1,href:h.getItemProp(e,"url"),class:n.normalizeClass(h.getItemActionClass(e)),target:h.getItemProp(e,"target"),tabindex:"-1","aria-hidden":"true"},[h.isItemGroup(e)?(n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(h.getItemToggleIconClass(e))},null,2)):n.createCommentVNode("",!0),h.getItemProp(e,"icon")?(n.openBlock(),n.createElementBlock("span",{key:1,class:n.normalizeClass(h.getItemIconClass(e))},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",p,n.toDisplayString(h.getItemLabel(e)),1)],10,m)),[[I]])],64))],8,r),n.createVNode(n.Transition,{name:"p-toggleable-content"},{default:n.withCtx((()=>[n.withDirectives(n.createElementVNode("div",u,[h.isItemVisible(e)&&h.isItemGroup(e)?(n.openBlock(),n.createBlock(f,{key:0,id:h.getItemId(e)+"_list",role:"group",panelId:i.panelId,focusedItemId:i.focusedItemId,items:e.items,level:i.level+1,template:i.template,activeItemPath:i.activeItemPath,exact:i.exact,onItemToggle:h.onItemToggle},null,8,["id","panelId","focusedItemId","items","level","template","activeItemPath","exact","onItemToggle"])):n.createCommentVNode("",!0)],512),[[n.vShow,h.isItemActive(e)]])])),_:2},1024)],14,a)):n.createCommentVNode("",!0),h.isItemVisible(e)&&h.getItemProp(e,"separator")?(n.openBlock(),n.createElementBlock("li",{key:1,style:n.normalizeStyle(h.getItemProp(e,"style")),class:n.normalizeClass(h.getSeparatorItemClass(e)),role:"separator"},null,6)):n.createCommentVNode("",!0)],64)))),128))])};var h={name:"PanelMenuList",emits:["item-toggle","header-focus"],props:{panelId:{type:String,default:null},items:{type:Array,default:null},template:{type:Function,default:null},expandedKeys:{type:Object,default:null},exact:{type:Boolean,default:!0}},data:()=>({focused:!1,focusedItem:null,activeItemPath:[]}),watch:{expandedKeys(e){this.autoUpdateActiveItemPath(e)}},mounted(){this.autoUpdateActiveItemPath(this.expandedKeys)},methods:{getItemProp:(t,n)=>t&&t.item?e.ObjectUtils.getItemValue(t.item[n]):void 0,isItemVisible(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled(e){return this.getItemProp(e,"disabled")},isItemActive(e){return this.activeItemPath.some((t=>t.key===e.parentKey))},isItemGroup:t=>e.ObjectUtils.isNotEmpty(t.items),onFocus(e){this.focused=!0,this.focusedItem=this.focusedItem||(this.isElementInPanel(e,e.relatedTarget)?this.findFirstItem():this.findLastItem())},onBlur(){this.focused=!1,this.focusedItem=null},onKeyDown(e){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":this.onEnterKey(e)}},onArrowDownKey(t){const n=e.ObjectUtils.isNotEmpty(this.focusedItem)?this.findNextItem(this.focusedItem):this.findFirstItem();this.changeFocusedItem({originalEvent:t,processedItem:n,focusOnNext:!0}),t.preventDefault()},onArrowUpKey(t){const n=e.ObjectUtils.isNotEmpty(this.focusedItem)?this.findPrevItem(this.focusedItem):this.findLastItem();this.changeFocusedItem({originalEvent:t,processedItem:n,selfCheck:!0}),t.preventDefault()},onArrowLeftKey(t){if(e.ObjectUtils.isNotEmpty(this.focusedItem)){this.activeItemPath.some((e=>e.key===this.focusedItem.key))?this.activeItemPath=this.activeItemPath.filter((e=>e.key!==this.focusedItem.key)):this.focusedItem=e.ObjectUtils.isNotEmpty(this.focusedItem.parent)?this.focusedItem.parent:this.focusedItem,t.preventDefault()}},onArrowRightKey(t){if(e.ObjectUtils.isNotEmpty(this.focusedItem)){if(this.isItemGroup(this.focusedItem)){this.activeItemPath.some((e=>e.key===this.focusedItem.key))?this.onArrowDownKey(t):(this.activeItemPath=this.activeItemPath.filter((e=>e.parentKey!==this.focusedItem.parentKey)),this.activeItemPath.push(this.focusedItem))}t.preventDefault()}},onHomeKey(e){this.changeFocusedItem({originalEvent:e,processedItem:this.findFirstItem(),allowHeaderFocus:!1}),e.preventDefault()},onEndKey(e){this.changeFocusedItem({originalEvent:e,processedItem:this.findLastItem(),focusOnNext:!0,allowHeaderFocus:!1}),e.preventDefault()},onEnterKey(t){if(e.ObjectUtils.isNotEmpty(this.focusedItem)){const e=s.findSingle(this.$el,`li[id="${this.focusedItemId}"]`),t=e&&s.findSingle(e,".p-menuitem-link");t?t.click():e&&e.click()}t.preventDefault()},onSpaceKey(e){this.onEnterKey(e)},onItemToggle(e){const{processedItem:t,expanded:n}=e;this.expandedKeys?this.$emit("item-toggle",{item:t.item,expanded:n}):(this.activeItemPath=this.activeItemPath.filter((e=>e.parentKey!==t.parentKey)),n&&this.activeItemPath.push(t)),this.focusedItem=t,s.focus(this.$el)},isElementInPanel(e,t){const n=e.currentTarget.closest(".p-panelmenu-panel");return n&&n.contains(t)},isVisibleItem(e){return!!e&&(0===e.level||this.isItemActive(e))&&this.isItemVisible(e)},isValidItem(e){return!!e&&!this.isItemDisabled(e)},findFirstItem(){return this.visibleItems.find((e=>this.isValidItem(e)))},findLastItem(){return e.ObjectUtils.findLast(this.visibleItems,(e=>this.isValidItem(e)))},findNextItem(e){const t=this.visibleItems.findIndex((t=>t.key===e.key));return(t<this.visibleItems.length-1?this.visibleItems.slice(t+1).find((e=>this.isValidItem(e))):void 0)||e},findPrevItem(t){const n=this.visibleItems.findIndex((e=>e.key===t.key));return(n>0?e.ObjectUtils.findLast(this.visibleItems.slice(0,n),(e=>this.isValidItem(e))):void 0)||t},changeFocusedItem(t){const{originalEvent:n,processedItem:i,focusOnNext:s,selfCheck:o,allowHeaderFocus:l=!0}=t;e.ObjectUtils.isNotEmpty(this.focusedItem)&&this.focusedItem.key!==i.key?(this.focusedItem=i,this.scrollInView()):l&&this.$emit("header-focus",{originalEvent:n,focusOnNext:s,selfCheck:o})},scrollInView(){const e=s.findSingle(this.$el,`li[id="${this.focusedItemId}"]`);e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},autoUpdateActiveItemPath(e){this.activeItemPath=Object.entries(e||{}).reduce(((e,[t,n])=>{if(n){const n=this.findProcessedItemByItemKey(t);n&&e.push(n)}return e}),[])},findProcessedItemByItemKey(e,t,n=0){if(!(t=t||0===n&&this.processedItems))return null;for(let i=0;i<t.length;i++){const s=t[i];if(this.getItemProp(s,"key")===e)return s;const o=this.findProcessedItemByItemKey(e,s.items,n+1);if(o)return o}},createProcessedItems(e,t=0,n={},i=""){const s=[];return e&&e.forEach(((e,o)=>{const l=(""!==i?i+"_":"")+o,a={item:e,index:o,level:t,key:l,parent:n,parentKey:i};a.items=this.createProcessedItems(e.items,t+1,a,l),s.push(a)})),s},flatItems(e,t=[]){return e&&e.forEach((e=>{this.isVisibleItem(e)&&(t.push(e),this.flatItems(e.items,t))})),t}},computed:{processedItems(){return this.createProcessedItems(this.items||[])},visibleItems(){return this.flatItems(this.processedItems)},focusedItemId(){return e.ObjectUtils.isNotEmpty(this.focusedItem)?`${this.panelId}_${this.focusedItem.key}`:null}},components:{PanelMenuSub:o}};h.render=function(e,t,i,s,o,l){const a=n.resolveComponent("PanelMenuSub");return n.openBlock(),n.createBlock(a,{id:i.panelId+"_list",class:"p-panelmenu-root-list",role:"tree",tabindex:-1,"aria-activedescendant":o.focused?l.focusedItemId:void 0,panelId:i.panelId,focusedItemId:o.focused?l.focusedItemId:void 0,items:l.processedItems,template:i.template,activeItemPath:o.activeItemPath,exact:i.exact,onFocus:l.onFocus,onBlur:l.onBlur,onKeydown:l.onKeyDown,onItemToggle:l.onItemToggle},null,8,["id","aria-activedescendant","panelId","focusedItemId","items","template","activeItemPath","exact","onFocus","onBlur","onKeydown","onItemToggle"])};var g={name:"PanelMenu",emits:["update:expandedKeys","panel-open","panel-close"],props:{model:{type:Array,default:null},expandedKeys:{type:Object,default:null},exact:{type:Boolean,default:!0},tabindex:{type:Number,default:0}},data:()=>({activeItem:null}),methods:{getItemProp:(t,n)=>t?e.ObjectUtils.getItemValue(t[n]):void 0,getItemLabel(e){return this.getItemProp(e,"label")},isItemActive(e){return this.expandedKeys?this.expandedKeys[this.getItemProp(e,"key")]:e===this.activeItem},isItemVisible(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled(e){return this.getItemProp(e,"disabled")},getPanelId(e){return`${this.id}_${e}`},getPanelKey(e){return this.getPanelId(e)},getHeaderId(e){return`${this.getPanelId(e)}_header`},getContentId(e){return`${this.getPanelId(e)}_content`},onHeaderClick(t,n){this.isItemDisabled(n)?t.preventDefault():(n.command&&n.command({originalEvent:t,item:n}),this.changeActiveItem(t,n),e.DomHandler.focus(t.currentTarget))},onHeaderKeyDown(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"Space":this.onHeaderEnterKey(e,t)}},onHeaderArrowDownKey(t){const n=e.DomHandler.hasClass(t.currentTarget,"p-highlight")?e.DomHandler.findSingle(t.currentTarget.nextElementSibling,".p-panelmenu-root-list"):null;n?e.DomHandler.focus(n):this.updateFocusedHeader({originalEvent:t,focusOnNext:!0}),t.preventDefault()},onHeaderArrowUpKey(t){const n=this.findPrevHeader(t.currentTarget.parentElement)||this.findLastHeader(),i=e.DomHandler.hasClass(n,"p-highlight")?e.DomHandler.findSingle(n.nextElementSibling,".p-panelmenu-root-list"):null;i?e.DomHandler.focus(i):this.updateFocusedHeader({originalEvent:t,focusOnNext:!1}),t.preventDefault()},onHeaderHomeKey(e){this.changeFocusedHeader(e,this.findFirstHeader()),e.preventDefault()},onHeaderEndKey(e){this.changeFocusedHeader(e,this.findLastHeader()),e.preventDefault()},onHeaderEnterKey(t,n){const i=e.DomHandler.findSingle(t.currentTarget,".p-panelmenu-header-action");i?i.click():this.onHeaderClick(t,n),t.preventDefault()},onHeaderActionClick(e,t){t&&t(e)},findNextHeader(t,n=!1){const i=n?t:t.nextElementSibling,s=e.DomHandler.findSingle(i,".p-panelmenu-header");return s?e.DomHandler.hasClass(s,"p-disabled")?this.findNextHeader(s.parentElement):s:null},findPrevHeader(t,n=!1){const i=n?t:t.previousElementSibling,s=e.DomHandler.findSingle(i,".p-panelmenu-header");return s?e.DomHandler.hasClass(s,"p-disabled")?this.findPrevHeader(s.parentElement):s:null},findFirstHeader(){return this.findNextHeader(this.$el.firstElementChild,!0)},findLastHeader(){return this.findPrevHeader(this.$el.lastElementChild,!0)},updateFocusedHeader(t){const{originalEvent:n,focusOnNext:i,selfCheck:s}=t,o=n.currentTarget.closest(".p-panelmenu-panel"),l=s?e.DomHandler.findSingle(o,".p-panelmenu-header"):i?this.findNextHeader(o):this.findPrevHeader(o);l?this.changeFocusedHeader(n,l):i?this.onHeaderHomeKey(n):this.onHeaderEndKey(n)},changeActiveItem(e,t,n=!1){if(!this.isItemDisabled(t)){this.activeItem=n?t:this.activeItem&&this.activeItem===t?null:t;const i=this.isItemActive(t),s=i?"panel-open":"panel-close";this.changeExpandedKeys({item:t,expanded:!i}),this.$emit(s,{originalEvent:e,item:t})}},changeExpandedKeys({item:e,expanded:t=!1}){if(this.expandedKeys){let n={...this.expandedKeys};t?n[e.key]=!0:delete n[e.key],this.$emit("update:expandedKeys",n)}},changeFocusedHeader(t,n){n&&e.DomHandler.focus(n)},getPanelClass(e){return["p-panelmenu-panel",this.getItemProp(e,"class")]},getHeaderClass(e){return["p-panelmenu-header",this.getItemProp(e,"headerClass"),{"p-highlight":this.isItemActive(e),"p-disabled":this.isItemDisabled(e)}]},getHeaderActionClass(e,t){return["p-panelmenu-header-action",{"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},getHeaderIconClass(e){return["p-menuitem-icon",this.getItemProp(e,"icon")]},getHeaderToggleIconClass(e){return["p-submenu-icon",this.isItemActive(e)?"pi pi-chevron-down":"pi pi-chevron-right"]}},computed:{id(){return this.$attrs.id||e.UniqueComponentId()}},components:{PanelMenuList:h}};const f=["id"],I=["id","tabindex","aria-label","aria-expanded","aria-controls","aria-disabled","onClick","onKeydown"],y={class:"p-panelmenu-header-content"},b=["href","onClick"],v={class:"p-menuitem-text"},w=["href"],k={class:"p-menuitem-text"},C=["id","aria-labelledby"],x={key:0,class:"p-panelmenu-content"};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===n&&i.firstChild?i.insertBefore(s,i.firstChild):i.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-panelmenu .p-panelmenu-header-action {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    cursor: pointer;\n    position: relative;\n    text-decoration: none;\n}\n.p-panelmenu .p-panelmenu-header-action:focus {\n    z-index: 1;\n}\n.p-panelmenu .p-submenu-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-panelmenu .p-menuitem-link {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    cursor: pointer;\n    text-decoration: none;\n    position: relative;\n    overflow: hidden;\n}\n.p-panelmenu .p-menuitem-text {\n    line-height: 1;\n}\n"),g.render=function(e,t,i,s,o,l){const a=n.resolveComponent("router-link"),r=n.resolveComponent("PanelMenuList");return n.openBlock(),n.createElementBlock("div",{id:l.id,class:"p-panelmenu p-component"},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(i.model,((t,s)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:l.getPanelKey(s)},[l.isItemVisible(t)?(n.openBlock(),n.createElementBlock("div",{key:0,style:n.normalizeStyle(l.getItemProp(t,"style")),class:n.normalizeClass(l.getPanelClass(t))},[n.createElementVNode("div",{id:l.getHeaderId(s),class:n.normalizeClass(l.getHeaderClass(t)),tabindex:l.isItemDisabled(t)?-1:i.tabindex,role:"button","aria-label":l.getItemLabel(t),"aria-expanded":l.isItemActive(t),"aria-controls":l.getContentId(s),"aria-disabled":l.isItemDisabled(t),onClick:e=>l.onHeaderClick(e,t),onKeydown:e=>l.onHeaderKeyDown(e,t)},[n.createElementVNode("div",y,[e.$slots.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.item),{key:1,item:t},null,8,["item"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[l.getItemProp(t,"to")&&!l.isItemDisabled(t)?(n.openBlock(),n.createBlock(a,{key:0,to:l.getItemProp(t,"to"),custom:""},{default:n.withCtx((({navigate:e,href:i,isActive:s,isExactActive:o})=>[n.createElementVNode("a",{href:i,class:n.normalizeClass(l.getHeaderActionClass(t,{isActive:s,isExactActive:o})),tabindex:-1,onClick:t=>l.onHeaderActionClick(t,e)},[l.getItemProp(t,"icon")?(n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(l.getHeaderIconClass(t))},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",v,n.toDisplayString(l.getItemLabel(t)),1)],10,b)])),_:2},1032,["to"])):(n.openBlock(),n.createElementBlock("a",{key:1,href:l.getItemProp(t,"url"),class:n.normalizeClass(l.getHeaderActionClass(t)),tabindex:-1},[l.getItemProp(t,"items")?(n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(l.getHeaderToggleIconClass(t))},null,2)):n.createCommentVNode("",!0),l.getItemProp(t,"icon")?(n.openBlock(),n.createElementBlock("span",{key:1,class:n.normalizeClass(l.getHeaderIconClass(t))},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",k,n.toDisplayString(l.getItemLabel(t)),1)],10,w))],64))])],42,I),n.createVNode(n.Transition,{name:"p-toggleable-content"},{default:n.withCtx((()=>[n.withDirectives(n.createElementVNode("div",{id:l.getContentId(s),class:"p-toggleable-content",role:"region","aria-labelledby":l.getHeaderId(s)},[l.getItemProp(t,"items")?(n.openBlock(),n.createElementBlock("div",x,[n.createVNode(r,{panelId:l.getPanelId(s),items:l.getItemProp(t,"items"),template:e.$slots.item,expandedKeys:i.expandedKeys,onItemToggle:l.changeExpandedKeys,onHeaderFocus:l.updateFocusedHeader,exact:i.exact},null,8,["panelId","items","template","expandedKeys","onItemToggle","onHeaderFocus","exact"])])):n.createCommentVNode("",!0)],8,C),[[n.vShow,l.isItemActive(t)]])])),_:2},1024)],6)):n.createCommentVNode("",!0)],64)))),128))],8,f)},g}(primevue.utils,primevue.ripple,Vue);

package/password/Password.d.ts

@@ -1,4 +1,4 @@
-import { VNode, InputHTMLAttributes } from 'vue';
+import { VNode, InputHTMLAttributes, HTMLAttributes } from 'vue';
 import { ClassComponent, GlobalComponentConstructor, Nullable } from '../ts-helpers';
 
 type PasswordAppendToType = 'body' | 'self' | string | undefined | HTMLElement;
@@ -67,6 +67,11 @@ export interface PasswordProps extends InputHTMLAttributes {
      * Placeholder text for the input.
      */
     placeholder?: string | undefined;
+    /**
+     * When present, it specifies that an input field must be filled out before submitting the form.
+     * Default value is false.
+     */
+    required?: boolean | undefined;
     /**
      * Identifier of the underlying input element.
      */
@@ -82,7 +87,7 @@ export interface PasswordProps extends InputHTMLAttributes {
     /**
      * Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.
      */
-    inputProps?: HTMLInputElement | undefined;
+    inputProps?: InputHTMLAttributes | undefined;
     /**
      * Identifier of the underlying overlay panel element.
      */
@@ -98,7 +103,7 @@ export interface PasswordProps extends InputHTMLAttributes {
     /**
      * Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component.
      */
-    panelProps?: HTMLDivElement | undefined;
+    panelProps?: HTMLAttributes | undefined;
     /**
      * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
      */
@@ -130,13 +135,13 @@ export declare type PasswordEmits = {
      * @param {string} value - New value.
      */
     'update:modelValue': (value: string) => void;
-}
+};
 
-declare class Password extends ClassComponent<PasswordProps, PasswordSlots, PasswordEmits> { }
+declare class Password extends ClassComponent<PasswordProps, PasswordSlots, PasswordEmits> {}
 
 declare module '@vue/runtime-core' {
     interface GlobalComponents {
-        Password: GlobalComponentConstructor<Password>
+        Password: GlobalComponentConstructor<Password>;
     }
 }
 
@@ -146,7 +151,7 @@ declare module '@vue/runtime-core' {
  *
  * Demos:
  *
- * - [Password](https://www.primefaces.org/primevue/showcase/#/password)
+ * - [Password](https://www.primefaces.org/primevue/password)
  *
  */
 export default Password;

package/password/Password.vue

@@ -1,21 +1,39 @@
 <template>
     <div :class="containerClass">
-        <PInputText ref="input" :id="inputId" :type="inputType" :class="inputClass" :style="inputStyle" :value="modelValue" :aria-labelledby="ariaLabelledby" :aria-label="ariaLabel"
-            :aria-controls="(panelProps&&panelProps.id)||panelId||panelUniqueId" :aria-expanded="overlayVisible" :aria-haspopup="true" :placeholder="placeholder"
-            @input="onInput" @focus="onFocus" @blur="onBlur" @keyup="onKeyUp" v-bind="inputProps" />
+        <PInputText
+            ref="input"
+            :id="inputId"
+            :type="inputType"
+            :class="inputFieldClass"
+            :style="inputStyle"
+            :value="modelValue"
+            :aria-labelledby="ariaLabelledby"
+            :aria-label="ariaLabel"
+            :aria-controls="(panelProps && panelProps.id) || panelId || panelUniqueId"
+            :aria-expanded="overlayVisible"
+            :aria-haspopup="true"
+            :placeholder="placeholder"
+            :required="required"
+            @input="onInput"
+            @focus="onFocus"
+            @blur="onBlur"
+            @keyup="onKeyUp"
+            @invalid="onInvalid"
+            v-bind="inputProps"
+        />
         <i v-if="toggleMask" :class="toggleIconClass" @click="onMaskToggle" />
         <span class="p-hidden-accessible" aria-live="polite">
-            {{infoText}}
+            {{ infoText }}
         </span>
         <Portal :appendTo="appendTo">
             <transition name="p-connected-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave" @after-leave="onOverlayAfterLeave">
-                <div :ref="overlayRef" :id="panelId||panelUniqueId" :class="panelStyleClass" :style="panelStyle" v-if="overlayVisible" @click="onOverlayClick" v-bind="panelProps">
+                <div v-if="overlayVisible" :ref="overlayRef" :id="panelId || panelUniqueId" :class="panelStyleClass" :style="panelStyle" @click="onOverlayClick" v-bind="panelProps">
                     <slot name="header"></slot>
                     <slot name="content">
                         <div class="p-password-meter">
-                            <div :class="strengthClass" :style="{'width': meter ? meter.width : ''}"></div>
+                            <div :class="strengthClass" :style="{ width: meter ? meter.width : '' }"></div>
                         </div>
-                        <div class="p-password-info">{{infoText}}</div>
+                        <div class="p-password-info">{{ infoText }}</div>
                     </slot>
                     <slot name="footer"></slot>
                 </div>
@@ -25,14 +43,14 @@
 </template>
 
 <script>
-import {ConnectedOverlayScrollHandler,DomHandler,ZIndexUtils,UniqueComponentId} from 'primevue/utils';
-import OverlayEventBus from 'primevue/overlayeventbus';
 import InputText from 'primevue/inputtext';
+import OverlayEventBus from 'primevue/overlayeventbus';
 import Portal from 'primevue/portal';
+import { ConnectedOverlayScrollHandler, DomHandler, UniqueComponentId, ZIndexUtils } from 'primevue/utils';
 
 export default {
     name: 'Password',
-    emits: ['update:modelValue', 'change', 'focus', 'blur'],
+    emits: ['update:modelValue', 'change', 'focus', 'blur', 'invalid'],
     props: {
         modelValue: String,
         promptLabel: {
@@ -87,17 +105,45 @@ export default {
             type: String,
             default: null
         },
-        inputId: null,
-        inputClass: null,
-        inputStyle: null,
-        inputProps: null,
-        panelId: null,
-        panelClass: null,
-        panelStyle: null,
-        panelProps: null,
+        required: {
+            type: Boolean,
+            default: false
+        },
+        inputId: {
+            type: String,
+            default: null
+        },
+        inputClass: {
+            type: String,
+            default: null
+        },
+        inputStyle: {
+            type: null,
+            default: null
+        },
+        inputProps: {
+            type: null,
+            default: null
+        },
+        panelId: {
+            type: String,
+            default: null
+        },
+        panelClass: {
+            type: String,
+            default: null
+        },
+        panelStyle: {
+            type: null,
+            default: null
+        },
+        panelProps: {
+            type: null,
+            default: null
+        },
         'aria-labelledby': {
             type: String,
-			default: null
+            default: null
         },
         'aria-label': {
             type: String,
@@ -125,6 +171,7 @@ export default {
     },
     beforeUnmount() {
         this.unbindResizeListener();
+
         if (this.scrollHandler) {
             this.scrollHandler.destroy();
             this.scrollHandler = null;
@@ -153,8 +200,7 @@ export default {
         alignOverlay() {
             if (this.appendTo === 'self') {
                 DomHandler.relativePosition(this.overlay, this.$refs.input.$el);
-            }
-            else {
+            } else {
                 this.overlay.style.minWidth = DomHandler.getOuterWidth(this.$refs.input.$el) + 'px';
                 DomHandler.absolutePosition(this.overlay, this.$refs.input.$el);
             }
@@ -162,21 +208,20 @@ export default {
         testStrength(str) {
             let level = 0;
 
-            if (this.strongCheckRegExp.test(str))
-                level = 3;
-            else if (this.mediumCheckRegExp.test(str))
-                level = 2;
-            else if (str.length)
-                level = 1;
+            if (this.strongCheckRegExp.test(str)) level = 3;
+            else if (this.mediumCheckRegExp.test(str)) level = 2;
+            else if (str.length) level = 1;
 
             return level;
         },
-        onInput(event)  {
-            this.$emit('update:modelValue', event.target.value)
+        onInput(event) {
+            this.$emit('update:modelValue', event.target.value);
         },
         onFocus(event) {
             this.focused = true;
+
             if (this.feedback) {
+                this.setPasswordMeter(this.modelValue);
                 this.overlayVisible = true;
             }
 
@@ -184,6 +229,7 @@ export default {
         },
         onBlur(event) {
             this.focused = false;
+
             if (this.feedback) {
                 this.overlayVisible = false;
             }
@@ -193,46 +239,14 @@ export default {
         onKeyUp(event) {
             if (this.feedback) {
                 const value = event.target.value;
-                let label = null;
-                let meter = null;
-
-                switch (this.testStrength(value)) {
-                    case 1:
-                        label = this.weakText;
-                        meter = {
-                            strength: 'weak',
-                            width: '33.33%'
-                        };
-                        break;
-
-                    case 2:
-                        label = this.mediumText;
-                        meter = {
-                            strength: 'medium',
-                            width: '66.66%'
-                        };
-                        break;
-
-                    case 3:
-                        label = this.strongText;
-                        meter = {
-                            strength: 'strong',
-                            width: '100%'
-                        };
-                        break;
-
-                    default:
-                        label = this.promptText;
-                        meter = null;
-                        break;
-                }
+                const { meter, label } = this.checkPasswordStrength(value);
 
                 this.meter = meter;
                 this.infoText = label;
 
-                //escape
-                if (event.which === 27) {
+                if (event.code === 'Escape') {
                     this.overlayVisible && (this.overlayVisible = false);
+
                     return;
                 }
 
@@ -241,6 +255,58 @@ export default {
                 }
             }
         },
+        setPasswordMeter() {
+            if (!this.modelValue) return;
+
+            const { meter, label } = this.checkPasswordStrength(this.modelValue);
+
+            this.meter = meter;
+            this.infoText = label;
+
+            if (!this.overlayVisible) {
+                this.overlayVisible = true;
+            }
+        },
+        checkPasswordStrength(value) {
+            let label = null;
+            let meter = null;
+
+            switch (this.testStrength(value)) {
+                case 1:
+                    label = this.weakText;
+                    meter = {
+                        strength: 'weak',
+                        width: '33.33%'
+                    };
+                    break;
+
+                case 2:
+                    label = this.mediumText;
+                    meter = {
+                        strength: 'medium',
+                        width: '66.66%'
+                    };
+                    break;
+
+                case 3:
+                    label = this.strongText;
+                    meter = {
+                        strength: 'strong',
+                        width: '100%'
+                    };
+                    break;
+
+                default:
+                    label = this.promptText;
+                    meter = null;
+                    break;
+            }
+
+            return { label, meter };
+        },
+        onInvalid(event) {
+            this.$emit('invalid', event);
+        },
         bindScrollListener() {
             if (!this.scrollHandler) {
                 this.scrollHandler = new ConnectedOverlayScrollHandler(this.$refs.input.$el, () => {
@@ -264,6 +330,7 @@ export default {
                         this.overlayVisible = false;
                     }
                 };
+
                 window.addEventListener('resize', this.resizeListener);
             }
         },
@@ -288,22 +355,33 @@ export default {
     },
     computed: {
         containerClass() {
-            return ['p-password p-component p-inputwrapper', {
-                'p-inputwrapper-filled': this.filled,
-                'p-inputwrapper-focus': this.focused,
-                'p-input-icon-right': this.toggleMask
-            }];
+            return [
+                'p-password p-component p-inputwrapper',
+                {
+                    'p-inputwrapper-filled': this.filled,
+                    'p-inputwrapper-focus': this.focused,
+                    'p-input-icon-right': this.toggleMask
+                }
+            ];
         },
         inputFieldClass() {
-            return ['p-password-input', {
-                'p-disabled': this.disabled
-            }];
+            return [
+                'p-password-input',
+                this.inputClass,
+                {
+                    'p-disabled': this.disabled
+                }
+            ];
         },
         panelStyleClass() {
-            return ['p-password-panel p-component', this.panelClass, {
-                'p-input-filled': this.$primevue.config.inputStyle === 'filled',
-                'p-ripple-disabled': this.$primevue.config.ripple === false
-            }];
+            return [
+                'p-password-panel p-component',
+                this.panelClass,
+                {
+                    'p-input-filled': this.$primevue.config.inputStyle === 'filled',
+                    'p-ripple-disabled': this.$primevue.config.ripple === false
+                }
+            ];
         },
         toggleIconClass() {
             return this.unmasked ? this.hideIcon : this.showIcon;
@@ -315,7 +393,7 @@ export default {
             return this.unmasked ? 'text' : 'password';
         },
         filled() {
-            return (this.modelValue != null && this.modelValue.toString().length > 0)
+            return this.modelValue != null && this.modelValue.toString().length > 0;
         },
         weakText() {
             return this.weakLabel || this.$primevue.config.locale.weak;
@@ -334,10 +412,10 @@ export default {
         }
     },
     components: {
-        'PInputText': InputText,
-        'Portal': Portal
+        PInputText: InputText,
+        Portal: Portal
     }
-}
+};
 </script>
 
 <style>