primevue 3.29.2 → 3.30.0

package/panelmenu/panelmenu.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.panelmenu=function(e,t,s,i,n,o){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(e),r=a(t),c=a(s),m=a(n),d={name:"PanelMenuSub",extends:l.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},exact:{type:Boolean,default:!0}},methods:{getItemId(e){return`${this.panelId}_${e.key}`},getItemKey(e){return this.getItemId(e)},getItemProp:(e,t,s)=>e&&e.item?i.ObjectUtils.getItemValue(e.item[t],s):void 0,getItemLabel(e){return this.getItemProp(e,"label")},getPTOptions(e,t){return this.ptm(t,{context:{active:this.isItemActive(e),focused:this.isItemFocused(e)}})},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:e=>i.ObjectUtils.isNotEmpty(e.items),onItemClick(e,t){this.getItemProp(t,"command",{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")]},getSeparatorItemClass(e){return["p-menuitem-separator",this.getItemProp(e,"class")]}},components:{ChevronRightIcon:c.default,ChevronDownIcon:r.default},directives:{ripple:m.default}};const p=["id","aria-label","aria-expanded","aria-level","aria-setsize","aria-posinset"],u=["onClick"],h=["href","onClick"],I=["href","target"];d.render=function(e,t,s,i,n,a){const l=o.resolveComponent("router-link"),r=o.resolveComponent("PanelMenuSub",!0),c=o.resolveDirective("ripple");return o.openBlock(),o.createElementBlock("ul",o.mergeProps({class:"p-submenu-list"},e.ptm("menu")),[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.items,((t,i)=>(o.openBlock(),o.createElementBlock(o.Fragment,{key:a.getItemKey(t)},[a.isItemVisible(t)&&!a.getItemProp(t,"separator")?(o.openBlock(),o.createElementBlock("li",o.mergeProps({key:0,id:a.getItemId(t),style:a.getItemProp(t,"style"),class:a.getItemClass(t),role:"treeitem","aria-label":a.getItemLabel(t),"aria-expanded":a.isItemGroup(t)?a.isItemActive(t):void 0,"aria-level":s.level+1,"aria-setsize":a.getAriaSetSize(),"aria-posinset":a.getAriaPosInset(i)},a.getPTOptions(t,"menuitem")),[o.createElementVNode("div",o.mergeProps({class:"p-menuitem-content",onClick:e=>a.onItemClick(e,t)},a.getPTOptions(t,"content")),[s.templates.item?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(s.templates.item),{key:1,item:t.item},null,8,["item"])):(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[a.getItemProp(t,"to")&&!a.isItemDisabled(t)?(o.openBlock(),o.createBlock(l,{key:0,to:a.getItemProp(t,"to"),custom:""},{default:o.withCtx((({navigate:e,href:i,isActive:n,isExactActive:l})=>[o.withDirectives((o.openBlock(),o.createElementBlock("a",o.mergeProps({href:i,class:a.getItemActionClass(t,{isActive:n,isExactActive:l}),tabindex:"-1","aria-hidden":"true",onClick:t=>a.onItemActionClick(t,e)},a.getPTOptions(t,"action")),[s.templates.itemicon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(s.templates.itemicon),{key:0,item:t.item,class:o.normalizeClass(a.getItemIconClass(t))},null,8,["item","class"])):a.getItemProp(t,"icon")?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:1,class:a.getItemIconClass(t)},a.getPTOptions(t,"icon")),null,16)):o.createCommentVNode("",!0),o.createElementVNode("span",o.mergeProps({class:"p-menuitem-text"},a.getPTOptions(t,"label")),o.toDisplayString(a.getItemLabel(t)),17)],16,h)),[[c]])])),_:2},1032,["to"])):o.withDirectives((o.openBlock(),o.createElementBlock("a",o.mergeProps({key:1,href:a.getItemProp(t,"url"),class:a.getItemActionClass(t),target:a.getItemProp(t,"target"),tabindex:"-1","aria-hidden":"true"},a.getPTOptions(t,"action")),[a.isItemGroup(t)?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[s.templates.submenuicon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(s.templates.submenuicon),o.mergeProps({key:0,class:"p-submenu-icon",active:a.isItemActive(t)},a.getPTOptions(t,"submenuIcon")),null,16,["active"])):(o.openBlock(),o.createBlock(o.resolveDynamicComponent(a.isItemActive(t)?"ChevronDownIcon":"ChevronRightIcon"),o.mergeProps({key:1,class:"p-submenu-icon"},a.getPTOptions(t,"submenuIcon")),null,16))],64)):o.createCommentVNode("",!0),s.templates.itemicon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(s.templates.itemicon),{key:1,item:t.item,class:o.normalizeClass(a.getItemIconClass(t))},null,8,["item","class"])):a.getItemProp(t,"icon")?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:2,class:a.getItemIconClass(t)},a.getPTOptions(t,"icon")),null,16)):o.createCommentVNode("",!0),o.createElementVNode("span",o.mergeProps({class:"p-menuitem-text"},a.getPTOptions(t,"label")),o.toDisplayString(a.getItemLabel(t)),17)],16,I)),[[c]])],64))],16,u),o.createVNode(o.Transition,{name:"p-toggleable-content"},{default:o.withCtx((()=>[o.withDirectives(o.createElementVNode("div",o.mergeProps({class:"p-toggleable-content"},e.ptm("toggleableContent")),[a.isItemVisible(t)&&a.isItemGroup(t)?(o.openBlock(),o.createBlock(r,{key:0,id:a.getItemId(t)+"_list",role:"group",panelId:s.panelId,focusedItemId:s.focusedItemId,items:t.items,level:s.level+1,templates:s.templates,activeItemPath:s.activeItemPath,exact:s.exact,onItemToggle:a.onItemToggle,pt:e.pt},null,8,["id","panelId","focusedItemId","items","level","templates","activeItemPath","exact","onItemToggle","pt"])):o.createCommentVNode("",!0)],16),[[o.vShow,a.isItemActive(t)]])])),_:2},1024)],16,p)):o.createCommentVNode("",!0),a.isItemVisible(t)&&a.getItemProp(t,"separator")?(o.openBlock(),o.createElementBlock("li",o.mergeProps({key:1,style:a.getItemProp(t,"style"),class:a.getSeparatorItemClass(t),role:"separator"},e.ptm("separator")),null,16)):o.createCommentVNode("",!0)],64)))),128))],16)};var g={name:"PanelMenuList",extends:l.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},exact:{type:Boolean,default:!0}},searchTimeout:null,searchValue:null,data:()=>({focused:!1,focusedItem:null,activeItemPath:[]}),watch:{expandedKeys(e){this.autoUpdateActiveItemPath(e)}},mounted(){this.autoUpdateActiveItemPath(this.expandedKeys)},methods:{getItemProp:(e,t)=>e&&e.item?i.ObjectUtils.getItemValue(e.item[t]):void 0,getItemLabel(e){return this.getItemProp(e,"label")},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:e=>i.ObjectUtils.isNotEmpty(e.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,this.searchValue=""},onKeyDown(e){const 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":this.onEnterKey(e);break;case"Escape":case"Tab":case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!t&&i.ObjectUtils.isPrintableCharacter(e.key)&&this.searchItems(e,e.key)}},onArrowDownKey(e){const t=i.ObjectUtils.isNotEmpty(this.focusedItem)?this.findNextItem(this.focusedItem):this.findFirstItem();this.changeFocusedItem({originalEvent:e,processedItem:t,focusOnNext:!0}),e.preventDefault()},onArrowUpKey(e){const t=i.ObjectUtils.isNotEmpty(this.focusedItem)?this.findPrevItem(this.focusedItem):this.findLastItem();this.changeFocusedItem({originalEvent:e,processedItem:t,selfCheck:!0}),e.preventDefault()},onArrowLeftKey(e){if(i.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=i.ObjectUtils.isNotEmpty(this.focusedItem.parent)?this.focusedItem.parent:this.focusedItem,e.preventDefault()}},onArrowRightKey(e){if(i.ObjectUtils.isNotEmpty(this.focusedItem)){if(this.isItemGroup(this.focusedItem)){this.activeItemPath.some((e=>e.key===this.focusedItem.key))?this.onArrowDownKey(e):(this.activeItemPath=this.activeItemPath.filter((e=>e.parentKey!==this.focusedItem.parentKey)),this.activeItemPath.push(this.focusedItem))}e.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(e){if(i.ObjectUtils.isNotEmpty(this.focusedItem)){const e=i.DomHandler.findSingle(this.$el,`li[id="${this.focusedItemId}"]`),t=e&&(i.DomHandler.findSingle(e,".p-menuitem-link")||i.DomHandler.findSingle(e,"a,button"));t?t.click():e&&e.click()}e.preventDefault()},onSpaceKey(e){this.onEnterKey(e)},onItemToggle(e){const{processedItem:t,expanded:s}=e;this.expandedKeys?this.$emit("item-toggle",{item:t.item,expanded:s}):(this.activeItemPath=this.activeItemPath.filter((e=>e.parentKey!==t.parentKey)),s&&this.activeItemPath.push(t)),this.focusedItem=t,i.DomHandler.focus(this.$el)},isElementInPanel(e,t){const s=e.currentTarget.closest(".p-panelmenu-panel");return s&&s.contains(t)},isItemMatched(e){return this.isValidItem(e)&&this.getItemLabel(e).toLocaleLowerCase(this.searchLocale).startsWith(this.searchValue.toLocaleLowerCase(this.searchLocale))},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 i.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(e){const t=this.visibleItems.findIndex((t=>t.key===e.key));return(t>0?i.ObjectUtils.findLast(this.visibleItems.slice(0,t),(e=>this.isValidItem(e))):void 0)||e},searchItems(e,t){this.searchValue=(this.searchValue||"")+t;let s=null,n=!1;if(i.ObjectUtils.isNotEmpty(this.focusedItem)){const e=this.visibleItems.findIndex((e=>e.key===this.focusedItem.key));s=this.visibleItems.slice(e).find((e=>this.isItemMatched(e))),s=i.ObjectUtils.isEmpty(s)?this.visibleItems.slice(0,e).find((e=>this.isItemMatched(e))):s}else s=this.visibleItems.find((e=>this.isItemMatched(e)));return i.ObjectUtils.isNotEmpty(s)&&(n=!0),i.ObjectUtils.isEmpty(s)&&i.ObjectUtils.isEmpty(this.focusedItem)&&(s=this.findFirstItem()),i.ObjectUtils.isNotEmpty(s)&&this.changeFocusedItem({originalEvent:e,processedItem:s,allowHeaderFocus:!1}),this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((()=>{this.searchValue="",this.searchTimeout=null}),500),n},changeFocusedItem(e){const{originalEvent:t,processedItem:s,focusOnNext:n,selfCheck:o,allowHeaderFocus:a=!0}=e;i.ObjectUtils.isNotEmpty(this.focusedItem)&&this.focusedItem.key!==s.key?(this.focusedItem=s,this.scrollInView()):a&&this.$emit("header-focus",{originalEvent:t,focusOnNext:n,selfCheck:o})},scrollInView(){const e=i.DomHandler.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,s])=>{if(s){const s=this.findProcessedItemByItemKey(t);s&&e.push(s)}return e}),[])},findProcessedItemByItemKey(e,t,s=0){if(!(t=t||0===s&&this.processedItems))return null;for(let i=0;i<t.length;i++){const n=t[i];if(this.getItemProp(n,"key")===e)return n;const o=this.findProcessedItemByItemKey(e,n.items,s+1);if(o)return o}},createProcessedItems(e,t=0,s={},i=""){const n=[];return e&&e.forEach(((e,o)=>{const a=(""!==i?i+"_":"")+o,l={item:e,index:o,level:t,key:a,parent:s,parentKey:i};l.items=this.createProcessedItems(e.items,t+1,l,a),n.push(l)})),n},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 i.ObjectUtils.isNotEmpty(this.focusedItem)?`${this.panelId}_${this.focusedItem.key}`:null}},components:{PanelMenuSub:d}};g.render=function(e,t,s,i,n,a){const l=o.resolveComponent("PanelMenuSub");return o.openBlock(),o.createBlock(l,{id:s.panelId+"_list",class:"p-panelmenu-root-list",role:"tree",tabindex:-1,"aria-activedescendant":n.focused?a.focusedItemId:void 0,panelId:s.panelId,focusedItemId:n.focused?a.focusedItemId:void 0,items:a.processedItems,templates:s.templates,activeItemPath:n.activeItemPath,exact:s.exact,onFocus:a.onFocus,onBlur:a.onBlur,onKeydown:a.onKeyDown,onItemToggle:a.onItemToggle,pt:e.pt},null,8,["id","aria-activedescendant","panelId","focusedItemId","items","templates","activeItemPath","exact","onFocus","onBlur","onKeydown","onItemToggle","pt"])};var f={name:"PanelMenu",extends:l.default,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(){return{id:this.$attrs.id,activeItem:null}},watch:{"$attrs.id":function(e){this.id=e||i.UniqueComponentId()}},mounted(){this.id=this.id||i.UniqueComponentId()},methods:{getItemProp:(e,t)=>e?i.ObjectUtils.getItemValue(e[t]):void 0,getItemLabel(e){return this.getItemProp(e,"label")},getPTOptions(e,t){return this.ptm(t,{options:{active:this.isItemActive(e),focused:this.isItemFocused(e)}})},isItemActive(e){return this.expandedKeys?this.expandedKeys[this.getItemProp(e,"key")]:i.ObjectUtils.equals(e,this.activeItem)},isItemVisible(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled(e){return this.getItemProp(e,"disabled")},isItemFocused(e){return i.ObjectUtils.equals(e,this.activeItem)},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(e,t){this.isItemDisabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),this.changeActiveItem(e,t),i.DomHandler.focus(e.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(e){const t=i.DomHandler.hasClass(e.currentTarget,"p-highlight")?i.DomHandler.findSingle(e.currentTarget.nextElementSibling,".p-panelmenu-root-list"):null;t?i.DomHandler.focus(t):this.updateFocusedHeader({originalEvent:e,focusOnNext:!0}),e.preventDefault()},onHeaderArrowUpKey(e){const t=this.findPrevHeader(e.currentTarget.parentElement)||this.findLastHeader(),s=i.DomHandler.hasClass(t,"p-highlight")?i.DomHandler.findSingle(t.nextElementSibling,".p-panelmenu-root-list"):null;s?i.DomHandler.focus(s):this.updateFocusedHeader({originalEvent:e,focusOnNext:!1}),e.preventDefault()},onHeaderHomeKey(e){this.changeFocusedHeader(e,this.findFirstHeader()),e.preventDefault()},onHeaderEndKey(e){this.changeFocusedHeader(e,this.findLastHeader()),e.preventDefault()},onHeaderEnterKey(e,t){const s=i.DomHandler.findSingle(e.currentTarget,".p-panelmenu-header-action");s?s.click():this.onHeaderClick(e,t),e.preventDefault()},onHeaderActionClick(e,t){t&&t(e)},findNextHeader(e,t=!1){const s=t?e:e.nextElementSibling,n=i.DomHandler.findSingle(s,".p-panelmenu-header");return n?i.DomHandler.hasClass(n,"p-disabled")?this.findNextHeader(n.parentElement):n:null},findPrevHeader(e,t=!1){const s=t?e:e.previousElementSibling,n=i.DomHandler.findSingle(s,".p-panelmenu-header");return n?i.DomHandler.hasClass(n,"p-disabled")?this.findPrevHeader(n.parentElement):n:null},findFirstHeader(){return this.findNextHeader(this.$el.firstElementChild,!0)},findLastHeader(){return this.findPrevHeader(this.$el.lastElementChild,!0)},updateFocusedHeader(e){const{originalEvent:t,focusOnNext:s,selfCheck:n}=e,o=t.currentTarget.closest(".p-panelmenu-panel"),a=n?i.DomHandler.findSingle(o,".p-panelmenu-header"):s?this.findNextHeader(o):this.findPrevHeader(o);a?this.changeFocusedHeader(t,a):s?this.onHeaderHomeKey(t):this.onHeaderEndKey(t)},changeActiveItem(e,t,s=!1){if(!this.isItemDisabled(t)){const n=this.isItemActive(t),o=n?"panel-close":"panel-open";this.activeItem=s?t:this.activeItem&&i.ObjectUtils.equals(t,this.activeItem)?null:t,this.changeExpandedKeys({item:t,expanded:!n}),this.$emit(o,{originalEvent:e,item:t})}},changeExpandedKeys({item:e,expanded:t=!1}){if(this.expandedKeys){let s={...this.expandedKeys};t?s[e.key]=!0:delete s[e.key],this.$emit("update:expandedKeys",s)}},changeFocusedHeader(e,t){t&&i.DomHandler.focus(t)},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")]}},components:{PanelMenuList:g,ChevronRightIcon:c.default,ChevronDownIcon:r.default}};const v=["id"],y=["id","tabindex","aria-label","aria-expanded","aria-controls","aria-disabled","onClick","onKeydown"],k=["href","onClick"],b=["href"],P=["id","aria-labelledby"];return function(e,t){void 0===t&&(t={});var s=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===s&&i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-panelmenu .p-panelmenu-header-action {\n    display: flex;\n    align-items: center;\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: flex;\n    align-items: center;\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"),f.render=function(e,t,s,i,n,a){const l=o.resolveComponent("router-link"),r=o.resolveComponent("PanelMenuList");return o.openBlock(),o.createElementBlock("div",o.mergeProps({id:n.id,class:"p-panelmenu p-component"},e.ptm("root")),[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.model,((t,i)=>(o.openBlock(),o.createElementBlock(o.Fragment,{key:a.getPanelKey(i)},[a.isItemVisible(t)?(o.openBlock(),o.createElementBlock("div",o.mergeProps({key:0,style:a.getItemProp(t,"style"),class:a.getPanelClass(t)},e.ptm("panel")),[o.createElementVNode("div",o.mergeProps({id:a.getHeaderId(i),class:a.getHeaderClass(t),tabindex:a.isItemDisabled(t)?-1:s.tabindex,role:"button","aria-label":a.getItemLabel(t),"aria-expanded":a.isItemActive(t),"aria-controls":a.getContentId(i),"aria-disabled":a.isItemDisabled(t),onClick:e=>a.onHeaderClick(e,t),onKeydown:e=>a.onHeaderKeyDown(e,t)},a.getPTOptions(t,"header")),[o.createElementVNode("div",o.mergeProps({class:"p-panelmenu-header-content"},a.getPTOptions(t,"headerContent")),[e.$slots.item?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.$slots.item),{key:1,item:t},null,8,["item"])):(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[a.getItemProp(t,"to")&&!a.isItemDisabled(t)?(o.openBlock(),o.createBlock(l,{key:0,to:a.getItemProp(t,"to"),custom:""},{default:o.withCtx((({navigate:s,href:i,isActive:n,isExactActive:l})=>[o.createElementVNode("a",o.mergeProps({href:i,class:a.getHeaderActionClass(t,{isActive:n,isExactActive:l}),tabindex:-1,onClick:e=>a.onHeaderActionClick(e,s)},a.getPTOptions(t,"headerAction")),[e.$slots.headericon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.$slots.headericon),{key:0,item:t,class:o.normalizeClass(a.getHeaderIconClass(t))},null,8,["item","class"])):a.getItemProp(t,"icon")?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:1,class:a.getHeaderIconClass(t)},a.getPTOptions(t,"headerIcon")),null,16)):o.createCommentVNode("",!0),o.createElementVNode("span",o.mergeProps({class:"p-menuitem-text"},a.getPTOptions(t,"headerLabel")),o.toDisplayString(a.getItemLabel(t)),17)],16,k)])),_:2},1032,["to"])):(o.openBlock(),o.createElementBlock("a",o.mergeProps({key:1,href:a.getItemProp(t,"url"),class:a.getHeaderActionClass(t),tabindex:-1},a.getPTOptions(t,"headerAction")),[a.getItemProp(t,"items")?o.renderSlot(e.$slots,"submenuicon",{key:0,active:a.isItemActive(t)},(()=>[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(a.isItemActive(t)?"ChevronDownIcon":"ChevronRightIcon"),o.mergeProps({class:"p-submenu-icon"},a.getPTOptions(t,"submenuIcon")),null,16))])):o.createCommentVNode("",!0),e.$slots.headericon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.$slots.headericon),{key:1,item:t,class:o.normalizeClass(a.getHeaderIconClass(t))},null,8,["item","class"])):a.getItemProp(t,"icon")?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:2,class:a.getHeaderIconClass(t)},a.getPTOptions(t,"headerIcon")),null,16)):o.createCommentVNode("",!0),o.createElementVNode("span",o.mergeProps({class:"p-menuitem-text"},a.getPTOptions(t,"headerLabel")),o.toDisplayString(a.getItemLabel(t)),17)],16,b))],64))],16)],16,y),o.createVNode(o.Transition,{name:"p-toggleable-content"},{default:o.withCtx((()=>[o.withDirectives(o.createElementVNode("div",o.mergeProps({id:a.getContentId(i),class:"p-toggleable-content",role:"region","aria-labelledby":a.getHeaderId(i)},e.ptm("toggleableContent")),[a.getItemProp(t,"items")?(o.openBlock(),o.createElementBlock("div",o.mergeProps({key:0,class:"p-panelmenu-content"},e.ptm("menuContent")),[o.createVNode(r,{panelId:a.getPanelId(i),items:a.getItemProp(t,"items"),templates:e.$slots,expandedKeys:s.expandedKeys,onItemToggle:a.changeExpandedKeys,onHeaderFocus:a.updateFocusedHeader,exact:s.exact,pt:e.pt},null,8,["panelId","items","templates","expandedKeys","onItemToggle","onHeaderFocus","exact","pt"])],16)):o.createCommentVNode("",!0)],16,P),[[o.vShow,a.isItemActive(t)]])])),_:2},1024)],16)):o.createCommentVNode("",!0)],64)))),128))],16,v)},f}(primevue.basecomponent,primevue.icons.chevrondown,primevue.icons.chevronright,primevue.utils,primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.panelmenu=function(e,t,n,i,o,r,s){"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(i),u=a(r),d=o.useStyle("\n.p-panelmenu .p-panelmenu-header-action {\n    display: flex;\n    align-items: center;\n    user-select: none;\n    cursor: pointer;\n    position: relative;\n    text-decoration: none;\n}\n\n.p-panelmenu .p-panelmenu-header-action:focus {\n    z-index: 1;\n}\n\n.p-panelmenu .p-submenu-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.p-panelmenu .p-menuitem-link {\n    display: flex;\n    align-items: center;\n    user-select: none;\n    cursor: pointer;\n    text-decoration: none;\n    position: relative;\n    overflow: hidden;\n}\n\n.p-panelmenu .p-menuitem-text {\n    line-height: 1;\n}\n",{name:"panelmenu",manual:!0}),p={name:"BasePanelMenu",extends:m.default,props:{model:{type:Array,default:null},expandedKeys:{type:Object,default:null},exact:{type:Boolean,default:!0},tabindex:{type:Number,default:0}},css:{classes:{root:"p-panelmenu p-component",panel:"p-panelmenu-panel",header:function(e){var t=e.instance,n=e.item;return["p-panelmenu-header",{"p-highlight":t.isItemActive(n),"p-disabled":t.isItemDisabled(n)}]},headerContent:"p-panelmenu-header-content",headerAction:function(e){return["p-panelmenu-header-action",{"router-link-active":e.isActive,"router-link-active-exact":e.instance.exact&&e.isExactActive}]},headerIcon:"p-menuitem-icon",headerLabel:"p-menuitem-text",toggleableContent:"p-toggleable-content",menuContent:"p-panelmenu-content",menu:"p-panelmenu-root-list",menuitem:function(e){var t=e.instance,n=e.processedItem;return["p-menuitem",{"p-focus":t.isItemFocused(n),"p-disabled":t.isItemDisabled(n)}]},content:"p-menuitem-content",action:function(e){return["p-menuitem-link",{"router-link-active":e.isActive,"router-link-active-exact":e.props.exact&&e.isExactActive}]},icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",submenu:"p-submenu-list",separator:"p-menuitem-separator"},loadStyle:d.load},provide:function(){return{$parentInstance:this}}},h={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},exact:{type:Boolean,default:!0},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){return this.ptm(t,{context:{active:this.isItemActive(e),focused:this.isItemFocused(e)}})},isItemActive:function(e){return this.activeItemPath.some((function(t){return t.key===e.key}))},isItemVisible:function(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemFocused:function(e){return this.focusedItemId===this.getItemId(e)},isItemGroup:function(e){return 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)},onItemActionClick:function(e,t){t&&t(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}},components:{ChevronRightIcon:l.default,ChevronDownIcon:c.default},directives:{ripple:u.default}},f=["tabindex"],I=["id","aria-label","aria-expanded","aria-level","aria-setsize","aria-posinset","data-p-focused","data-p-disabled"],g=["onClick"],v=["href","onClick"],y=["href","target"];function b(){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 P(e,t){if(e){if("string"==typeof e)return k(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)?k(e,t):void 0}}function k(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 x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var i,o,r,s,a=[],c=!0,l=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(i=r.call(n)).done)&&(a.push(i.value),a.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(l)throw o}}return a}}function E(e){if(Array.isArray(e))return e}h.render=function(e,t,n,i,o,r){var a=s.resolveComponent("router-link"),c=s.resolveComponent("PanelMenuSub",!0),l=s.resolveDirective("ripple");return s.openBlock(),s.createElementBlock("ul",{class:s.normalizeClass(e.cx("submenu")),tabindex:n.tabindex},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(n.items,(function(t,i){return s.openBlock(),s.createElementBlock(s.Fragment,{key:r.getItemKey(t)},[r.isItemVisible(t)&&!r.getItemProp(t,"separator")?(s.openBlock(),s.createElementBlock("li",s.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(i)},r.getPTOptions(t,"menuitem"),{"data-p-focused":r.isItemFocused(t),"data-p-disabled":r.isItemDisabled(t)}),[s.createElementVNode("div",s.mergeProps({class:e.cx("content"),onClick:function(e){return r.onItemClick(e,t)}},r.getPTOptions(t,"content")),[n.templates.item?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(n.templates.item),{key:1,item:t.item},null,8,["item"])):(s.openBlock(),s.createElementBlock(s.Fragment,{key:0},[r.getItemProp(t,"to")&&!r.isItemDisabled(t)?(s.openBlock(),s.createBlock(a,{key:0,to:r.getItemProp(t,"to"),custom:""},{default:s.withCtx((function(i){var o=i.navigate,a=i.href,c=i.isActive,m=i.isExactActive;return[s.withDirectives((s.openBlock(),s.createElementBlock("a",s.mergeProps({href:a,class:e.cx("action",{isActive:c,isExactActive:m}),tabindex:"-1","aria-hidden":"true",onClick:function(e){return r.onItemActionClick(e,o)}},r.getPTOptions(t,"action")),[n.templates.itemicon?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(n.templates.itemicon),{key:0,item:t.item,class:s.normalizeClass([e.cx("icon"),r.getItemProp(t,"icon")])},null,8,["item","class"])):r.getItemProp(t,"icon")?(s.openBlock(),s.createElementBlock("span",s.mergeProps({key:1,class:[e.cx("icon"),r.getItemProp(t,"icon")]},r.getPTOptions(t,"icon")),null,16)):s.createCommentVNode("",!0),s.createElementVNode("span",s.mergeProps({class:e.cx("label")},r.getPTOptions(t,"label")),s.toDisplayString(r.getItemLabel(t)),17)],16,v)),[[l]])]})),_:2},1032,["to"])):s.withDirectives((s.openBlock(),s.createElementBlock("a",s.mergeProps({key:1,href:r.getItemProp(t,"url"),class:e.cx("action"),target:r.getItemProp(t,"target"),tabindex:"-1","aria-hidden":"true"},r.getPTOptions(t,"action")),[r.isItemGroup(t)?(s.openBlock(),s.createElementBlock(s.Fragment,{key:0},[n.templates.submenuicon?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(n.templates.submenuicon),s.mergeProps({key:0,class:e.cx("submenuIcon"),active:r.isItemActive(t)},r.getPTOptions(t,"submenuIcon")),null,16,["class","active"])):(s.openBlock(),s.createBlock(s.resolveDynamicComponent(r.isItemActive(t)?"ChevronDownIcon":"ChevronRightIcon"),s.mergeProps({key:1,class:e.cx("submenuIcon")},r.getPTOptions(t,"submenuIcon")),null,16,["class"]))],64)):s.createCommentVNode("",!0),n.templates.itemicon?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(n.templates.itemicon),{key:1,item:t.item,class:s.normalizeClass([e.cx("icon"),r.getItemProp(t,"icon")])},null,8,["item","class"])):r.getItemProp(t,"icon")?(s.openBlock(),s.createElementBlock("span",s.mergeProps({key:2,class:[e.cx("icon"),r.getItemProp(t,"icon")]},r.getPTOptions(t,"icon")),null,16)):s.createCommentVNode("",!0),s.createElementVNode("span",s.mergeProps({class:e.cx("label")},r.getPTOptions(t,"label")),s.toDisplayString(r.getItemLabel(t)),17)],16,y)),[[l]])],64))],16,g),s.createVNode(s.Transition,{name:"p-toggleable-content"},{default:s.withCtx((function(){return[s.withDirectives(s.createElementVNode("div",s.mergeProps({class:e.cx("toggleableContent")},e.ptm("toggleableContent")),[r.isItemVisible(t)&&r.isItemGroup(t)?(s.openBlock(),s.createBlock(c,s.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,exact:n.exact,onItemToggle:r.onItemToggle,pt:e.pt},e.ptm("submenu")),null,16,["id","panelId","focusedItemId","items","level","templates","activeItemPath","exact","onItemToggle","pt"])):s.createCommentVNode("",!0)],16),[[s.vShow,r.isItemActive(t)]])]})),_:2},1024)],16,I)):s.createCommentVNode("",!0),r.isItemVisible(t)&&r.getItemProp(t,"separator")?(s.openBlock(),s.createElementBlock("li",s.mergeProps({key:1,style:r.getItemProp(t,"style"),class:[e.cx("separator"),r.getItemProp(t,"class")],role:"separator"},e.ptm("separator")),null,16)):s.createCommentVNode("",!0)],64)})),128))],10,f)};var C={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},exact:{type:Boolean,default:!0}},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":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)},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 o=null,r=!1;if(n.ObjectUtils.isNotEmpty(this.focusedItem)){var s=this.visibleItems.findIndex((function(e){return e.key===i.focusedItem.key}));o=this.visibleItems.slice(s).find((function(e){return i.isItemMatched(e)})),o=n.ObjectUtils.isEmpty(o)?this.visibleItems.slice(0,s).find((function(e){return i.isItemMatched(e)})):o}else o=this.visibleItems.find((function(e){return i.isItemMatched(e)}));return n.ObjectUtils.isNotEmpty(o)&&(r=!0),n.ObjectUtils.isEmpty(o)&&n.ObjectUtils.isEmpty(this.focusedItem)&&(o=this.findFirstItem()),n.ObjectUtils.isNotEmpty(o)&&this.changeFocusedItem({originalEvent:e,processedItem:o,allowHeaderFocus:!1}),this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((function(){i.searchValue="",i.searchTimeout=null}),500),r},changeFocusedItem:function(e){var t=e.originalEvent,i=e.processedItem,o=e.focusOnNext,r=e.selfCheck,s=e.allowHeaderFocus,a=void 0===s||s;n.ObjectUtils.isNotEmpty(this.focusedItem)&&this.focusedItem.key!==i.key?(this.focusedItem=i,this.scrollInView()):a&&this.$emit("header-focus",{originalEvent:t,focusOnNext:o,selfCheck:r})},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,o,r=(o=2,E(i=n)||x(i,o)||P(i,o)||b());if(r[1]){var s=t.findProcessedItemByItemKey(r[0]);s&&e.push(s)}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 o=t[i];if(this.getItemProp(o,"key")===e)return o;var r=this.findProcessedItemByItemKey(e,o.items,n+1);if(r)return r}},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]:{},o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",r=[];return e&&e.forEach((function(e,s){var a=(""!==o?o+"_":"")+s,c={item:e,index:s,level:n,key:a,parent:i,parentKey:o};c.items=t.createProcessedItems(e.items,n+1,c,a),r.push(c)})),r},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:h}};function D(e){return D="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},D(e)}function O(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 A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(e,t,n){return(t=B(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function B(e){var t=H(e,"string");return"symbol"===D(t)?t:String(t)}function H(e,t){if("object"!==D(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==D(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}C.render=function(e,t,n,i,o,r){var a=s.resolveComponent("PanelMenuSub");return s.openBlock(),s.createBlock(a,s.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,exact:n.exact,onFocus:r.onFocus,onBlur:r.onBlur,onKeydown:r.onKeyDown,onItemToggle:r.onItemToggle,pt:e.pt},e.ptm("menu")),null,16,["id","class","aria-activedescendant","panelId","focusedItemId","items","templates","activeItemPath","exact","onFocus","onBlur","onKeydown","onItemToggle","pt"])};var K={name:"PanelMenu",extends:p,emits:["update:expandedKeys","panel-open","panel-close"],data:function(){return{id:this.$attrs.id,activeItem:null}},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){return this.ptm(t,{options:{active:this.isItemActive(e),focused:this.isItemFocused(e)}})},isItemActive:function(e){return this.expandedKeys?this.expandedKeys[this.getItemProp(e,"key")]: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"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()},onHeaderActionClick:function(e,t){t&&t(e)},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,o=e.selfCheck,r=t.currentTarget.closest('[data-pc-section="panel"]'),s=o?n.DomHandler.findSingle(r,'[data-pc-section="header"]'):i?this.findNextHeader(r):this.findPrevHeader(r);s?this.changeFocusedHeader(t,s):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 o=this.isItemActive(t),r=o?"panel-close":"panel-open";this.activeItem=i?t:this.activeItem&&n.ObjectUtils.equals(t,this.activeItem)?null:t,this.changeExpandedKeys({item:t,expanded:!o}),this.$emit(r,{originalEvent:e,item:t})}},changeExpandedKeys:function(e){var t=e.item,n=e.expanded,i=void 0!==n&&n;if(this.expandedKeys){var o=A({},this.expandedKeys);i?o[t.key]=!0:delete o[t.key],this.$emit("update:expandedKeys",o)}},changeFocusedHeader:function(e,t){t&&n.DomHandler.focus(t)}},components:{PanelMenuList:C,ChevronRightIcon:l.default,ChevronDownIcon:c.default}},N=["id"],V=["id","tabindex","aria-label","aria-expanded","aria-controls","aria-disabled","onClick","onKeydown","data-p-highlight","data-p-disabled"],S=["href","onClick"],j=["href"],T=["id","aria-labelledby"];return K.render=function(e,t,n,i,o,r){var a=s.resolveComponent("router-link"),c=s.resolveComponent("PanelMenuList");return s.openBlock(),s.createElementBlock("div",s.mergeProps({id:o.id,class:e.cx("root")},e.ptm("root"),{"data-pc-name":"panelmenu"}),[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.model,(function(t,n){return s.openBlock(),s.createElementBlock(s.Fragment,{key:r.getPanelKey(n)},[r.isItemVisible(t)?(s.openBlock(),s.createElementBlock("div",s.mergeProps({key:0,style:r.getItemProp(t,"style"),class:[e.cx("panel"),r.getItemProp(t,"class")]},e.ptm("panel")),[s.createElementVNode("div",s.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(t,"header"),{"data-p-highlight":r.isItemActive(t),"data-p-disabled":r.isItemDisabled(t)}),[s.createElementVNode("div",s.mergeProps({class:e.cx("headerContent")},r.getPTOptions(t,"headerContent")),[e.$slots.item?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(e.$slots.item),{key:1,item:t},null,8,["item"])):(s.openBlock(),s.createElementBlock(s.Fragment,{key:0},[r.getItemProp(t,"to")&&!r.isItemDisabled(t)?(s.openBlock(),s.createBlock(a,{key:0,to:r.getItemProp(t,"to"),custom:""},{default:s.withCtx((function(n){var i=n.navigate;return[s.createElementVNode("a",s.mergeProps({href:n.href,class:e.cx("headerAction",{isActive:n.isActive,isExactActive:n.isExactActive}),tabindex:-1,onClick:function(e){return r.onHeaderActionClick(e,i)}},r.getPTOptions(t,"headerAction")),[e.$slots.headericon?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(e.$slots.headericon),{key:0,item:t,class:s.normalizeClass([e.cx("headerIcon"),r.getItemProp(t,"icon")])},null,8,["item","class"])):r.getItemProp(t,"icon")?(s.openBlock(),s.createElementBlock("span",s.mergeProps({key:1,class:[e.cx("headerIcon"),r.getItemProp(t,"icon")]},r.getPTOptions(t,"headerIcon")),null,16)):s.createCommentVNode("",!0),s.createElementVNode("span",s.mergeProps({class:e.cx("headerLabel")},r.getPTOptions(t,"headerLabel")),s.toDisplayString(r.getItemLabel(t)),17)],16,S)]})),_:2},1032,["to"])):(s.openBlock(),s.createElementBlock("a",s.mergeProps({key:1,href:r.getItemProp(t,"url"),class:e.cx("headerAction"),tabindex:-1},r.getPTOptions(t,"headerAction")),[r.getItemProp(t,"items")?s.renderSlot(e.$slots,"submenuicon",{key:0,active:r.isItemActive(t)},(function(){return[(s.openBlock(),s.createBlock(s.resolveDynamicComponent(r.isItemActive(t)?"ChevronDownIcon":"ChevronRightIcon"),s.mergeProps({class:e.cx("submenuIcon")},r.getPTOptions(t,"submenuIcon")),null,16,["class"]))]})):s.createCommentVNode("",!0),e.$slots.headericon?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(e.$slots.headericon),{key:1,item:t,class:s.normalizeClass([e.cx("headerIcon"),r.getItemProp(t,"icon")])},null,8,["item","class"])):r.getItemProp(t,"icon")?(s.openBlock(),s.createElementBlock("span",s.mergeProps({key:2,class:[e.cx("headerIcon"),r.getItemProp(t,"icon")]},r.getPTOptions(t,"headerIcon")),null,16)):s.createCommentVNode("",!0),s.createElementVNode("span",s.mergeProps({class:e.cx("headerLabel")},r.getPTOptions(t,"headerLabel")),s.toDisplayString(r.getItemLabel(t)),17)],16,j))],64))],16)],16,V),s.createVNode(s.Transition,{name:"p-toggleable-content"},{default:s.withCtx((function(){return[s.withDirectives(s.createElementVNode("div",s.mergeProps({id:r.getContentId(n),class:e.cx("toggleableContent"),role:"region","aria-labelledby":r.getHeaderId(n)},e.ptm("toggleableContent")),[r.getItemProp(t,"items")?(s.openBlock(),s.createElementBlock("div",s.mergeProps({key:0,class:e.cx("menuContent")},e.ptm("menuContent")),[s.createVNode(c,{panelId:r.getPanelId(n),items:r.getItemProp(t,"items"),templates:e.$slots,expandedKeys:e.expandedKeys,onItemToggle:r.changeExpandedKeys,onHeaderFocus:r.updateFocusedHeader,exact:e.exact,pt:e.pt},null,8,["panelId","items","templates","expandedKeys","onItemToggle","onHeaderFocus","exact","pt"])],16)):s.createCommentVNode("",!0)],16,T),[[s.vShow,r.isItemActive(t)]])]})),_:2},1024)],16)):s.createCommentVNode("",!0)],64)})),128))],16,N)},K}(primevue.icons.chevrondown,primevue.icons.chevronright,primevue.utils,primevue.basecomponent,primevue.usestyle,primevue.ripple,Vue);

package/password/BasePassword.vue

@@ -0,0 +1,180 @@
+<script>
+import BaseComponent from 'primevue/basecomponent';
+import { useStyle } from 'primevue/usestyle';
+
+const styles = `
+.p-password {
+    display: inline-flex;
+}
+
+.p-password .p-password-panel {
+    min-width: 100%;
+}
+
+.p-password-meter {
+    height: 10px;
+}
+
+.p-password-strength {
+    height: 100%;
+    width: 0;
+    transition: width 1s ease-in-out;
+}
+
+.p-fluid .p-password {
+    display: flex;
+}
+
+.p-password-input::-ms-reveal,
+.p-password-input::-ms-clear {
+    display: none;
+}
+`;
+
+const inlineStyles = {
+    root: ({ props }) => ({ position: props.appendTo === 'self' ? 'relative' : undefined })
+};
+
+const classes = {
+    root: ({ instance, props }) => [
+        'p-password p-component p-inputwrapper',
+        {
+            'p-inputwrapper-filled': instance.filled,
+            'p-inputwrapper-focus': instance.focused,
+            'p-input-icon-right': props.toggleMask
+        }
+    ],
+    input: ({ props }) => [
+        'p-password-input',
+        {
+            'p-disabled': props.disabled
+        }
+    ],
+    panel: ({ instance }) => [
+        'p-password-panel p-component',
+        {
+            'p-input-filled': instance.$primevue.config.inputStyle === 'filled',
+            'p-ripple-disabled': instance.$primevue.config.ripple === false
+        }
+    ],
+    meter: 'p-password-meter',
+    meterLabel: ({ instance }) => `p-password-strength ${instance.meter ? instance.meter.strength : ''}`,
+    info: 'p-password-info'
+};
+
+const { load: loadStyle } = useStyle(styles, { name: 'password', manual: true });
+
+export default {
+    name: 'BasePassword',
+    extends: BaseComponent,
+    props: {
+        modelValue: String,
+        promptLabel: {
+            type: String,
+            default: null
+        },
+        mediumRegex: {
+            type: String,
+            default: '^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})' // eslint-disable-line
+        },
+        strongRegex: {
+            type: String,
+            default: '^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})' // eslint-disable-line
+        },
+        weakLabel: {
+            type: String,
+            default: null
+        },
+        mediumLabel: {
+            type: String,
+            default: null
+        },
+        strongLabel: {
+            type: String,
+            default: null
+        },
+        feedback: {
+            type: Boolean,
+            default: true
+        },
+        appendTo: {
+            type: String,
+            default: 'body'
+        },
+        toggleMask: {
+            type: Boolean,
+            default: false
+        },
+        hideIcon: {
+            type: String,
+            default: undefined
+        },
+        showIcon: {
+            type: String,
+            default: undefined
+        },
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        placeholder: {
+            type: String,
+            default: null
+        },
+        required: {
+            type: Boolean,
+            default: false
+        },
+        inputId: {
+            type: String,
+            default: null
+        },
+        inputClass: {
+            type: [String, Object],
+            default: null
+        },
+        inputStyle: {
+            type: Object,
+            default: null
+        },
+        inputProps: {
+            type: null,
+            default: null
+        },
+        panelId: {
+            type: String,
+            default: null
+        },
+        panelClass: {
+            type: [String, Object],
+            default: null
+        },
+        panelStyle: {
+            type: Object,
+            default: null
+        },
+        panelProps: {
+            type: null,
+            default: null
+        },
+        'aria-labelledby': {
+            type: String,
+            default: null
+        },
+        'aria-label': {
+            type: String,
+            default: null
+        }
+    },
+    css: {
+        classes,
+        inlineStyles,
+        loadStyle
+    },
+    provide() {
+        return {
+            $parentInstance: this
+        };
+    }
+};
+</script>

package/password/Password.d.ts

@@ -8,6 +8,7 @@
  *
  */
 import { HTMLAttributes, InputHTMLAttributes, VNode } from 'vue';
+import { ComponentHooks } from '../basecomponent';
 import { InputTextPassThroughOptionType } from '../inputtext';
 import { ClassComponent, GlobalComponentConstructor, Nullable } from '../ts-helpers';
 
@@ -17,6 +18,7 @@ export declare type PasswordPassThroughOptionType = PasswordPassThroughAttribute
  * Custom passthrough(pt) option method.
  */
 export interface PasswordPassThroughMethodOptions {
+    instance: any;
     props: PasswordProps;
     state: PasswordState;
 }
@@ -51,6 +53,10 @@ export interface PasswordPassThroughOptions {
      * Uses to pass attributes to the meter's DOM element.
      */
     meter?: PasswordPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the meter label's DOM element.
+     */
+    meterLabel?: PasswordPassThroughOptionType;
     /**
      * Uses to pass attributes to the info's DOM element.
      */
@@ -59,6 +65,11 @@ export interface PasswordPassThroughOptions {
      * Uses to pass attributes to the hidden accessible DOM element.
      */
     hiddenAccesible?: PasswordPassThroughOptionType;
+    /**
+     * Uses to manage all lifecycle hooks
+     * @see {@link BaseComponent.ComponentHooks}
+     */
+    hooks?: ComponentHooks;
 }
 
 /**
@@ -227,6 +238,11 @@ export interface PasswordProps extends InputHTMLAttributes {
      * @type {PasswordPassThroughOptions}
      */
     pt?: PasswordPassThroughOptions;
+    /**
+     * When enabled, it removes component related styles in the core.
+     * @defaultValue false
+     */
+    unstyled?: boolean;
 }
 
 /**

package/password/Password.vue

@@ -1,10 +1,10 @@
 <template>
-    <div :class="containerClass" v-bind="ptm('root')">
+    <div :class="cx('root')" :style="sx('root')" v-bind="ptm('root')" data-pc-name="password">
         <PInputText
             ref="input"
             :id="inputId"
             :type="inputType"
-            :class="inputFieldClass"
+            :class="[cx('input'), inputClass]"
             :style="inputStyle"
             :value="modelValue"
             :aria-labelledby="ariaLabelledby"
@@ -20,6 +20,7 @@
             @keyup="onKeyUp"
             @invalid="onInvalid"
             v-bind="{ ...inputProps, ...ptm('input') }"
+            :unstyled="unstyled"
         />
         <slot v-if="toggleMask && unmasked" name="hideicon" :onClick="onMaskToggle">
             <component :is="hideIcon ? 'i' : 'EyeSlashIcon'" :class="hideIcon" @click="onMaskToggle" v-bind="ptm('hideIcon')" />
@@ -27,18 +28,18 @@
         <slot v-if="toggleMask && !unmasked" name="showicon" :onClick="onMaskToggle">
             <component :is="showIcon ? 'i' : 'EyeIcon'" :class="showIcon" @click="onMaskToggle" v-bind="ptm('showIcon')" />
         </slot>
-        <span class="p-hidden-accessible" aria-live="polite" v-bind="ptm('hiddenAccesible')">
+        <span class="p-hidden-accessible" aria-live="polite" v-bind="ptm('hiddenAccesible')" :data-p-hidden-accessible="true">
             {{ infoText }}
         </span>
         <Portal :appendTo="appendTo">
             <transition name="p-connected-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave" @after-leave="onOverlayAfterLeave">
-                <div v-if="overlayVisible" :ref="overlayRef" :id="panelId || panelUniqueId" :class="panelStyleClass" :style="panelStyle" @click="onOverlayClick" v-bind="{ ...panelProps, ...ptm('panel') }">
+                <div v-if="overlayVisible" :ref="overlayRef" :id="panelId || panelUniqueId" :class="[cx('panel'), panelClass]" :style="panelStyle" @click="onOverlayClick" v-bind="{ ...panelProps, ...ptm('panel') }">
                     <slot name="header"></slot>
                     <slot name="content">
-                        <div class="p-password-meter" v-bind="ptm('meter')">
-                            <div :class="strengthClass" :style="{ width: meter ? meter.width : '' }" v-bind="ptm('meterLabel')"></div>
+                        <div :class="cx('meter')" v-bind="ptm('meter')">
+                            <div :class="cx('meterLabel')" :style="{ width: meter ? meter.width : '' }" v-bind="ptm('meterLabel')"></div>
                         </div>
-                        <div class="p-password-info" v-bind="ptm('info')">{{ infoText }}</div>
+                        <div :class="cx('info')" v-bind="ptm('info')">{{ infoText }}</div>
                     </slot>
                     <slot name="footer"></slot>
                 </div>
@@ -48,117 +49,18 @@
 </template>
 
 <script>
-import BaseComponent from 'primevue/basecomponent';
 import EyeIcon from 'primevue/icons/eye';
 import EyeSlashIcon from 'primevue/icons/eyeslash';
 import InputText from 'primevue/inputtext';
 import OverlayEventBus from 'primevue/overlayeventbus';
 import Portal from 'primevue/portal';
 import { ConnectedOverlayScrollHandler, DomHandler, UniqueComponentId, ZIndexUtils } from 'primevue/utils';
+import BasePassword from './BasePassword.vue';
 
 export default {
     name: 'Password',
-    extends: BaseComponent,
+    extends: BasePassword,
     emits: ['update:modelValue', 'change', 'focus', 'blur', 'invalid'],
-    props: {
-        modelValue: String,
-        promptLabel: {
-            type: String,
-            default: null
-        },
-        mediumRegex: {
-            type: String,
-            default: '^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})' // eslint-disable-line
-        },
-        strongRegex: {
-            type: String,
-            default: '^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})' // eslint-disable-line
-        },
-        weakLabel: {
-            type: String,
-            default: null
-        },
-        mediumLabel: {
-            type: String,
-            default: null
-        },
-        strongLabel: {
-            type: String,
-            default: null
-        },
-        feedback: {
-            type: Boolean,
-            default: true
-        },
-        appendTo: {
-            type: String,
-            default: 'body'
-        },
-        toggleMask: {
-            type: Boolean,
-            default: false
-        },
-        hideIcon: {
-            type: String,
-            default: undefined
-        },
-        showIcon: {
-            type: String,
-            default: undefined
-        },
-        disabled: {
-            type: Boolean,
-            default: false
-        },
-        placeholder: {
-            type: String,
-            default: null
-        },
-        required: {
-            type: Boolean,
-            default: false
-        },
-        inputId: {
-            type: String,
-            default: null
-        },
-        inputClass: {
-            type: [String, Object],
-            default: null
-        },
-        inputStyle: {
-            type: Object,
-            default: null
-        },
-        inputProps: {
-            type: null,
-            default: null
-        },
-        panelId: {
-            type: String,
-            default: null
-        },
-        panelClass: {
-            type: [String, Object],
-            default: null
-        },
-        panelStyle: {
-            type: Object,
-            default: null
-        },
-        panelProps: {
-            type: null,
-            default: null
-        },
-        'aria-labelledby': {
-            type: String,
-            default: null
-        },
-        'aria-label': {
-            type: String,
-            default: null
-        }
-    },
     data() {
         return {
             overlayVisible: false,
@@ -194,6 +96,8 @@ export default {
     methods: {
         onOverlayEnter(el) {
             ZIndexUtils.set('overlay', el, this.$primevue.config.zIndex.overlay);
+
+            DomHandler.addStyles(el, { position: 'absolute', top: '0', left: '0' });
             this.alignOverlay();
             this.bindScrollListener();
             this.bindResizeListener();
@@ -363,38 +267,6 @@ 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
-                }
-            ];
-        },
-        inputFieldClass() {
-            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
-                }
-            ];
-        },
-        strengthClass() {
-            return `p-password-strength ${this.meter ? this.meter.strength : ''}`;
-        },
         inputType() {
             return this.unmasked ? 'text' : 'password';
         },
@@ -425,39 +297,3 @@ export default {
     }
 };
 </script>
-
-<style>
-.p-password {
-    position: relative;
-    display: inline-flex;
-}
-
-.p-password-panel {
-    position: absolute;
-    top: 0;
-    left: 0;
-}
-
-.p-password .p-password-panel {
-    min-width: 100%;
-}
-
-.p-password-meter {
-    height: 10px;
-}
-
-.p-password-strength {
-    height: 100%;
-    width: 0;
-    transition: width 1s ease-in-out;
-}
-
-.p-fluid .p-password {
-    display: flex;
-}
-
-.p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
-    display: none;
-}
-</style>