primevue 3.15.0 → 3.16.2

package/confirmdialog/confirmdialog.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.confirmdialog=function(t,e,i,o){"use strict";function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var c=n(t),s=n(e),r=n(i),a={name:"ConfirmDialog",props:{group:String,breakpoints:{type:Object,default:null}},confirmListener:null,closeListener:null,data:()=>({visible:!1,confirmation:null}),mounted(){this.confirmListener=t=>{t&&t.group===this.group&&(this.confirmation=t,this.visible=!0)},this.closeListener=()=>{this.visible=!1,this.confirmation=null},c.default.on("confirm",this.confirmListener),c.default.on("close",this.closeListener)},beforeUnmount(){c.default.off("confirm",this.confirmListener),c.default.off("close",this.closeListener)},methods:{accept(){this.confirmation.accept&&this.confirmation.accept(),this.visible=!1},reject(){this.confirmation.reject&&this.confirmation.reject(),this.visible=!1}},computed:{header(){return this.confirmation?this.confirmation.header:null},message(){return this.confirmation?this.confirmation.message:null},blockScroll(){return!this.confirmation||this.confirmation.blockScroll},position(){return this.confirmation?this.confirmation.position:null},iconClass(){return["p-confirm-dialog-icon",this.confirmation?this.confirmation.icon:null]},acceptLabel(){return this.confirmation?this.confirmation.acceptLabel||this.$primevue.config.locale.accept:null},rejectLabel(){return this.confirmation?this.confirmation.rejectLabel||this.$primevue.config.locale.reject:null},acceptIcon(){return this.confirmation?this.confirmation.acceptIcon:null},rejectIcon(){return this.confirmation?this.confirmation.rejectIcon:null},acceptClass(){return["p-confirm-dialog-accept",this.confirmation?this.confirmation.acceptClass:null]},rejectClass(){return["p-confirm-dialog-reject",this.confirmation?this.confirmation.rejectClass||"p-button-text":null]},autoFocusAccept(){return void 0===this.confirmation.defaultFocus||"accept"===this.confirmation.defaultFocus},autoFocusReject(){return"reject"===this.confirmation.defaultFocus}},components:{CDialog:s.default,CDButton:r.default}};const l={class:"p-confirm-dialog-message"};return a.render=function(t,e,i,n,c,s){const r=o.resolveComponent("CDButton"),a=o.resolveComponent("CDialog");return o.openBlock(),o.createBlock(a,{visible:c.visible,"onUpdate:visible":e[2]||(e[2]=t=>c.visible=t),modal:!0,header:s.header,blockScroll:s.blockScroll,position:s.position,class:"p-confirm-dialog",breakpoints:i.breakpoints},{footer:o.withCtx((()=>[o.createVNode(r,{label:s.rejectLabel,icon:s.rejectIcon,class:o.normalizeClass(s.rejectClass),onClick:e[0]||(e[0]=t=>s.reject()),autofocus:s.autoFocusReject},null,8,["label","icon","class","autofocus"]),o.createVNode(r,{label:s.acceptLabel,icon:s.acceptIcon,class:o.normalizeClass(s.acceptClass),onClick:e[1]||(e[1]=t=>s.accept()),autofocus:s.autoFocusAccept},null,8,["label","icon","class","autofocus"])])),default:o.withCtx((()=>[o.createElementVNode("i",{class:o.normalizeClass(s.iconClass)},null,2),o.createElementVNode("span",l,o.toDisplayString(s.message),1)])),_:1},8,["visible","header","blockScroll","position","breakpoints"])},a}(primevue.confirmationeventbus,primevue.dialog,primevue.button,Vue);
+this.primevue=this.primevue||{},this.primevue.confirmdialog=function(e,t,i,o){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=n(e),s=n(t),r=n(i),a={name:"ConfirmDialog",props:{group:String,breakpoints:{type:Object,default:null}},confirmListener:null,closeListener:null,data:()=>({visible:!1,confirmation:null}),mounted(){this.confirmListener=e=>{e&&e.group===this.group&&(this.confirmation=e,this.visible=!0)},this.closeListener=()=>{this.visible=!1,this.confirmation=null},c.default.on("confirm",this.confirmListener),c.default.on("close",this.closeListener)},beforeUnmount(){c.default.off("confirm",this.confirmListener),c.default.off("close",this.closeListener)},methods:{accept(){this.confirmation.accept&&this.confirmation.accept(),this.visible=!1},reject(){this.confirmation.reject&&this.confirmation.reject(),this.visible=!1}},computed:{header(){return this.confirmation?this.confirmation.header:null},message(){return this.confirmation?this.confirmation.message:null},blockScroll(){return!this.confirmation||this.confirmation.blockScroll},position(){return this.confirmation?this.confirmation.position:null},iconClass(){return["p-confirm-dialog-icon",this.confirmation?this.confirmation.icon:null]},acceptLabel(){return this.confirmation?this.confirmation.acceptLabel||this.$primevue.config.locale.accept:null},rejectLabel(){return this.confirmation?this.confirmation.rejectLabel||this.$primevue.config.locale.reject:null},acceptIcon(){return this.confirmation?this.confirmation.acceptIcon:null},rejectIcon(){return this.confirmation?this.confirmation.rejectIcon:null},acceptClass(){return["p-confirm-dialog-accept",this.confirmation?this.confirmation.acceptClass:null]},rejectClass(){return["p-confirm-dialog-reject",this.confirmation?this.confirmation.rejectClass||"p-button-text":null]},autoFocusAccept(){return void 0===this.confirmation.defaultFocus||"accept"===this.confirmation.defaultFocus},autoFocusReject(){return"reject"===this.confirmation.defaultFocus},closeOnEscape(){return!this.confirmation||this.confirmation.closeOnEscape}},components:{CDialog:s.default,CDButton:r.default}};const l={class:"p-confirm-dialog-message"};return a.render=function(e,t,i,n,c,s){const r=o.resolveComponent("CDButton"),a=o.resolveComponent("CDialog");return o.openBlock(),o.createBlock(a,{visible:c.visible,"onUpdate:visible":t[2]||(t[2]=e=>c.visible=e),modal:!0,header:s.header,blockScroll:s.blockScroll,position:s.position,class:"p-confirm-dialog",breakpoints:i.breakpoints,closeOnEscape:s.closeOnEscape},{footer:o.withCtx((()=>[o.createVNode(r,{label:s.rejectLabel,icon:s.rejectIcon,class:o.normalizeClass(s.rejectClass),onClick:t[0]||(t[0]=e=>s.reject()),autofocus:s.autoFocusReject},null,8,["label","icon","class","autofocus"]),o.createVNode(r,{label:s.acceptLabel,icon:s.acceptIcon,class:o.normalizeClass(s.acceptClass),onClick:t[1]||(t[1]=e=>s.accept()),autofocus:s.autoFocusAccept},null,8,["label","icon","class","autofocus"])])),default:o.withCtx((()=>[o.createElementVNode("i",{class:o.normalizeClass(s.iconClass)},null,2),o.createElementVNode("span",l,o.toDisplayString(s.message),1)])),_:1},8,["visible","header","blockScroll","position","breakpoints","closeOnEscape"])},a}(primevue.confirmationeventbus,primevue.dialog,primevue.button,Vue);

package/contextmenu/ContextMenu.d.ts

@@ -2,7 +2,7 @@ import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 import { MenuItem } from '../menuitem';
 
-type ContextMenuAppendTo = 'body' | 'self' | string | undefined;
+type ContextMenuAppendTo = 'body' | 'self' | string | undefined | HTMLElement;
 
 export interface ContextMenuProps {
     /**

package/contextmenu/ContextMenuSub.vue

@@ -7,13 +7,13 @@
                     <template v-if="!template">
                         <router-link v-if="item.to && !disabled(item)" :to="item.to" custom v-slot="{navigate, href, isActive, isExactActive}">
                             <a :href="href" @click="onItemClick($event, item, navigate)" :class="linkClass(item, {isActive, isExactActive})" v-ripple role="menuitem">
-                                <span :class="['p-menuitem-icon', item.icon]"></span>
+                                <span :class="['p-menuitem-icon', item.icon]" v-if="item.icon"></span>
                                 <span class="p-menuitem-text">{{label(item)}}</span>
                             </a>
                         </router-link>
                         <a v-else :href="item.url" :class="linkClass(item)" :target="item.target" @click="onItemClick($event, item)" v-ripple
                             :aria-haspopup="item.items != null" :aria-expanded="item === activeItem" role="menuitem" :tabindex="disabled(item) ? null : '0'">
-                            <span :class="['p-menuitem-icon', item.icon]"></span>
+                            <span :class="['p-menuitem-icon', item.icon]" v-if="item.icon"></span>
                             <span class="p-menuitem-text">{{label(item)}}</span>
                             <span class="p-submenu-icon pi pi-angle-right" v-if="item.items"></span>
                         </a>
@@ -95,7 +95,7 @@ export default {
                 if (this.activeItem && item === this.activeItem)
                     this.activeItem = null;
                 else
-                   this.activeItem = item;
+                    this.activeItem = item;
             }
 
             if (!item.items) {

package/contextmenu/contextmenu.cjs.js

@@ -73,7 +73,7 @@ var script$1 = {
                 if (this.activeItem && item === this.activeItem)
                     this.activeItem = null;
                 else
-                   this.activeItem = item;
+                    this.activeItem = item;
             }
 
             if (!item.items) {
@@ -147,7 +147,7 @@ const _hoisted_3 = { class: "p-menuitem-text" };
 const _hoisted_4 = ["href", "target", "onClick", "aria-haspopup", "aria-expanded", "tabindex"];
 const _hoisted_5 = { class: "p-menuitem-text" };
 const _hoisted_6 = {
-  key: 0,
+  key: 1,
   class: "p-submenu-icon pi pi-angle-right"
 };
 
@@ -195,9 +195,12 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                                       class: vue.normalizeClass($options.linkClass(item, {isActive, isExactActive})),
                                       role: "menuitem"
                                     }, [
-                                      vue.createElementVNode("span", {
-                                        class: vue.normalizeClass(['p-menuitem-icon', item.icon])
-                                      }, null, 2),
+                                      (item.icon)
+                                        ? (vue.openBlock(), vue.createElementBlock("span", {
+                                            key: 0,
+                                            class: vue.normalizeClass(['p-menuitem-icon', item.icon])
+                                          }, null, 2))
+                                        : vue.createCommentVNode("", true),
                                       vue.createElementVNode("span", _hoisted_3, vue.toDisplayString($options.label(item)), 1)
                                     ], 10, _hoisted_2)), [
                                       [_directive_ripple]
@@ -216,9 +219,12 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                                   role: "menuitem",
                                   tabindex: $options.disabled(item) ? null : '0'
                                 }, [
-                                  vue.createElementVNode("span", {
-                                    class: vue.normalizeClass(['p-menuitem-icon', item.icon])
-                                  }, null, 2),
+                                  (item.icon)
+                                    ? (vue.openBlock(), vue.createElementBlock("span", {
+                                        key: 0,
+                                        class: vue.normalizeClass(['p-menuitem-icon', item.icon])
+                                      }, null, 2))
+                                    : vue.createCommentVNode("", true),
                                   vue.createElementVNode("span", _hoisted_5, vue.toDisplayString($options.label(item)), 1),
                                   (item.items)
                                     ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6))

package/contextmenu/contextmenu.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),t=require("primevue/ripple"),n=require("vue"),i=require("primevue/portal");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(t),l=o(i),a={name:"ContextMenuSub",emits:["leaf-click"],props:{model:{type:Array,default:null},root:{type:Boolean,default:!1},parentActive:{type:Boolean,default:!1},template:{type:Function,default:null},exact:{type:Boolean,default:!0}},watch:{parentActive(e){e||(this.activeItem=null)}},data:()=>({activeItem:null}),methods:{onItemMouseEnter(e,t){this.disabled(t)?e.preventDefault():this.activeItem=t},onItemClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&t===this.activeItem?this.activeItem=null:this.activeItem=t),t.items||this.onLeafClick(),t.to&&n&&n(e))},onLeafClick(){this.activeItem=null,this.$emit("leaf-click")},onEnter(){this.position()},position(){const t=this.$refs.container.parentElement,n=e.DomHandler.getOffset(this.$refs.container.parentElement),i=e.DomHandler.getViewport(),o=this.$refs.container.offsetParent?this.$refs.container.offsetWidth:e.DomHandler.getHiddenElementOuterWidth(this.$refs.container),s=e.DomHandler.getOuterWidth(t.children[0]);this.$refs.container.style.top="0px",parseInt(n.left,10)+s+o>i.width-e.DomHandler.calculateScrollbarWidth()?this.$refs.container.style.left=-1*o+"px":this.$refs.container.style.left=s+"px"},getItemClass(e){return["p-menuitem",e.class,{"p-menuitem-active":this.activeItem===e}]},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}]},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},computed:{containerClass(){return{"p-submenu-list":!this.root}}},directives:{ripple:s.default}};const r=["onMouseenter"],c=["href","onClick"],m={class:"p-menuitem-text"},u=["href","target","onClick","aria-haspopup","aria-expanded","tabindex"],d={class:"p-menuitem-text"},p={key:0,class:"p-submenu-icon pi pi-angle-right"};a.render=function(e,t,i,o,s,l){const a=n.resolveComponent("router-link"),h=n.resolveComponent("ContextMenuSub",!0),f=n.resolveDirective("ripple");return n.openBlock(),n.createBlock(n.Transition,{name:"p-contextmenusub",onEnter:l.onEnter},{default:n.withCtx((()=>[i.root||i.parentActive?(n.openBlock(),n.createElementBlock("ul",{key:0,ref:"container",class:n.normalizeClass(l.containerClass),role:"menu"},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(i.model,((e,t)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:l.label(e)+t.toString()},[l.visible(e)&&!e.separator?(n.openBlock(),n.createElementBlock("li",{key:0,role:"none",class:n.normalizeClass(l.getItemClass(e)),style:n.normalizeStyle(e.style),onMouseenter:t=>l.onItemMouseEnter(t,e)},[i.template?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.template),{key:1,item:e},null,8,["item"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[e.to&&!l.disabled(e)?(n.openBlock(),n.createBlock(a,{key:0,to:e.to,custom:""},{default:n.withCtx((({navigate:t,href:i,isActive:o,isExactActive:s})=>[n.withDirectives((n.openBlock(),n.createElementBlock("a",{href:i,onClick:n=>l.onItemClick(n,e,t),class:n.normalizeClass(l.linkClass(e,{isActive:o,isExactActive:s})),role:"menuitem"},[n.createElementVNode("span",{class:n.normalizeClass(["p-menuitem-icon",e.icon])},null,2),n.createElementVNode("span",m,n.toDisplayString(l.label(e)),1)],10,c)),[[f]])])),_:2},1032,["to"])):n.withDirectives((n.openBlock(),n.createElementBlock("a",{key:1,href:e.url,class:n.normalizeClass(l.linkClass(e)),target:e.target,onClick:t=>l.onItemClick(t,e),"aria-haspopup":null!=e.items,"aria-expanded":e===s.activeItem,role:"menuitem",tabindex:l.disabled(e)?null:"0"},[n.createElementVNode("span",{class:n.normalizeClass(["p-menuitem-icon",e.icon])},null,2),n.createElementVNode("span",d,n.toDisplayString(l.label(e)),1),e.items?(n.openBlock(),n.createElementBlock("span",p)):n.createCommentVNode("",!0)],10,u)),[[f]])],64)),l.visible(e)&&e.items?(n.openBlock(),n.createBlock(h,{model:e.items,key:l.label(e)+"_sub_",template:i.template,onLeafClick:l.onLeafClick,parentActive:e===s.activeItem,exact:i.exact},null,8,["model","template","onLeafClick","parentActive","exact"])):n.createCommentVNode("",!0)],46,r)):n.createCommentVNode("",!0),l.visible(e)&&e.separator?(n.openBlock(),n.createElementBlock("li",{class:n.normalizeClass(["p-menu-separator",e.class]),style:n.normalizeStyle(e.style),key:"separator"+t.toString(),role:"separator"},null,6)):n.createCommentVNode("",!0)],64)))),128))],2)):n.createCommentVNode("",!0)])),_:1},8,["onEnter"])};var h={name:"ContextMenu",inheritAttrs:!1,props:{model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},global:{type:Boolean,default:!1},exact:{type:Boolean,default:!0}},target:null,outsideClickListener:null,resizeListener:null,documentContextMenuListener:null,pageX:null,pageY:null,container:null,data:()=>({visible:!1}),beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.unbindDocumentContextMenuListener(),this.container&&this.autoZIndex&&e.ZIndexUtils.clear(this.container),this.container=null},mounted(){this.global&&this.bindDocumentContextMenuListener()},methods:{itemClick(e){const t=e.item;t.command&&(t.command(e),e.originalEvent.preventDefault()),this.hide()},toggle(e){this.visible?this.hide():this.show(e)},onLeafClick(){this.hide()},show(e){this.pageX=e.pageX,this.pageY=e.pageY,this.visible?this.position():this.visible=!0,e.stopPropagation(),e.preventDefault()},hide(){this.visible=!1},onEnter(t){this.position(),this.bindOutsideClickListener(),this.bindResizeListener(),this.autoZIndex&&e.ZIndexUtils.set("menu",t,this.baseZIndex+this.$primevue.config.zIndex.menu)},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener()},onAfterLeave(t){this.autoZIndex&&e.ZIndexUtils.clear(t)},position(){let t=this.pageX+1,n=this.pageY+1,i=this.container.offsetParent?this.container.offsetWidth:e.DomHandler.getHiddenElementOuterWidth(this.container),o=this.container.offsetParent?this.container.offsetHeight:e.DomHandler.getHiddenElementOuterHeight(this.container),s=e.DomHandler.getViewport();t+i-document.body.scrollLeft>s.width&&(t-=i),n+o-document.body.scrollTop>s.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),this.container.style.left=t+"px",this.container.style.top=n+"px"},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.visible&&this.container&&!this.container.contains(e.target)&&!e.ctrlKey&&this.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&!e.DomHandler.isTouchDevice()&&this.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},bindDocumentContextMenuListener(){this.documentContextMenuListener||(this.documentContextMenuListener=e=>{this.show(e)},document.addEventListener("contextmenu",this.documentContextMenuListener))},unbindDocumentContextMenuListener(){this.documentContextMenuListener&&(document.removeEventListener("contextmenu",this.documentContextMenuListener),this.documentContextMenuListener=null)},containerRef(e){this.container=e}},computed:{containerClass(){return["p-contextmenu p-component",{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{ContextMenuSub:a,Portal:l.default}};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-contextmenu {\n    position: absolute;\n}\n.p-contextmenu ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-contextmenu .p-submenu-list {\n    position: absolute;\n    min-width: 100%;\n    z-index: 1;\n}\n.p-contextmenu .p-menuitem-link {\n    cursor: pointer;\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    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-contextmenu .p-menuitem-text {\n    line-height: 1;\n}\n.p-contextmenu .p-menuitem {\n    position: relative;\n}\n.p-contextmenu .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-contextmenu-enter-from {\n    opacity: 0;\n}\n.p-contextmenu-enter-active {\n    -webkit-transition: opacity 250ms;\n    transition: opacity 250ms;\n}\n"),h.render=function(e,t,i,o,s,l){const a=n.resolveComponent("ContextMenuSub"),r=n.resolveComponent("Portal");return n.openBlock(),n.createBlock(r,{appendTo:i.appendTo},{default:n.withCtx((()=>[n.createVNode(n.Transition,{name:"p-contextmenu",onEnter:l.onEnter,onLeave:l.onLeave,onAfterLeave:l.onAfterLeave},{default:n.withCtx((()=>[s.visible?(n.openBlock(),n.createElementBlock("div",n.mergeProps({key:0,ref:l.containerRef,class:l.containerClass},e.$attrs),[n.createVNode(a,{model:i.model,root:!0,onLeafClick:l.onLeafClick,template:e.$slots.item,exact:i.exact},null,8,["model","onLeafClick","template","exact"])],16)):n.createCommentVNode("",!0)])),_:1},8,["onEnter","onLeave","onAfterLeave"])])),_:1},8,["appendTo"])},module.exports=h;
+"use strict";var e=require("primevue/utils"),t=require("primevue/ripple"),n=require("vue"),i=require("primevue/portal");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(t),s=o(i),a={name:"ContextMenuSub",emits:["leaf-click"],props:{model:{type:Array,default:null},root:{type:Boolean,default:!1},parentActive:{type:Boolean,default:!1},template:{type:Function,default:null},exact:{type:Boolean,default:!0}},watch:{parentActive(e){e||(this.activeItem=null)}},data:()=>({activeItem:null}),methods:{onItemMouseEnter(e,t){this.disabled(t)?e.preventDefault():this.activeItem=t},onItemClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&t===this.activeItem?this.activeItem=null:this.activeItem=t),t.items||this.onLeafClick(),t.to&&n&&n(e))},onLeafClick(){this.activeItem=null,this.$emit("leaf-click")},onEnter(){this.position()},position(){const t=this.$refs.container.parentElement,n=e.DomHandler.getOffset(this.$refs.container.parentElement),i=e.DomHandler.getViewport(),o=this.$refs.container.offsetParent?this.$refs.container.offsetWidth:e.DomHandler.getHiddenElementOuterWidth(this.$refs.container),l=e.DomHandler.getOuterWidth(t.children[0]);this.$refs.container.style.top="0px",parseInt(n.left,10)+l+o>i.width-e.DomHandler.calculateScrollbarWidth()?this.$refs.container.style.left=-1*o+"px":this.$refs.container.style.left=l+"px"},getItemClass(e){return["p-menuitem",e.class,{"p-menuitem-active":this.activeItem===e}]},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}]},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},computed:{containerClass(){return{"p-submenu-list":!this.root}}},directives:{ripple:l.default}};const r=["onMouseenter"],c=["href","onClick"],m={class:"p-menuitem-text"},u=["href","target","onClick","aria-haspopup","aria-expanded","tabindex"],d={class:"p-menuitem-text"},p={key:1,class:"p-submenu-icon pi pi-angle-right"};a.render=function(e,t,i,o,l,s){const a=n.resolveComponent("router-link"),h=n.resolveComponent("ContextMenuSub",!0),f=n.resolveDirective("ripple");return n.openBlock(),n.createBlock(n.Transition,{name:"p-contextmenusub",onEnter:s.onEnter},{default:n.withCtx((()=>[i.root||i.parentActive?(n.openBlock(),n.createElementBlock("ul",{key:0,ref:"container",class:n.normalizeClass(s.containerClass),role:"menu"},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(i.model,((e,t)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:s.label(e)+t.toString()},[s.visible(e)&&!e.separator?(n.openBlock(),n.createElementBlock("li",{key:0,role:"none",class:n.normalizeClass(s.getItemClass(e)),style:n.normalizeStyle(e.style),onMouseenter:t=>s.onItemMouseEnter(t,e)},[i.template?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.template),{key:1,item:e},null,8,["item"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[e.to&&!s.disabled(e)?(n.openBlock(),n.createBlock(a,{key:0,to:e.to,custom:""},{default:n.withCtx((({navigate:t,href:i,isActive:o,isExactActive:l})=>[n.withDirectives((n.openBlock(),n.createElementBlock("a",{href:i,onClick:n=>s.onItemClick(n,e,t),class:n.normalizeClass(s.linkClass(e,{isActive:o,isExactActive:l})),role:"menuitem"},[e.icon?(n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(["p-menuitem-icon",e.icon])},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",m,n.toDisplayString(s.label(e)),1)],10,c)),[[f]])])),_:2},1032,["to"])):n.withDirectives((n.openBlock(),n.createElementBlock("a",{key:1,href:e.url,class:n.normalizeClass(s.linkClass(e)),target:e.target,onClick:t=>s.onItemClick(t,e),"aria-haspopup":null!=e.items,"aria-expanded":e===l.activeItem,role:"menuitem",tabindex:s.disabled(e)?null:"0"},[e.icon?(n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(["p-menuitem-icon",e.icon])},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",d,n.toDisplayString(s.label(e)),1),e.items?(n.openBlock(),n.createElementBlock("span",p)):n.createCommentVNode("",!0)],10,u)),[[f]])],64)),s.visible(e)&&e.items?(n.openBlock(),n.createBlock(h,{model:e.items,key:s.label(e)+"_sub_",template:i.template,onLeafClick:s.onLeafClick,parentActive:e===l.activeItem,exact:i.exact},null,8,["model","template","onLeafClick","parentActive","exact"])):n.createCommentVNode("",!0)],46,r)):n.createCommentVNode("",!0),s.visible(e)&&e.separator?(n.openBlock(),n.createElementBlock("li",{class:n.normalizeClass(["p-menu-separator",e.class]),style:n.normalizeStyle(e.style),key:"separator"+t.toString(),role:"separator"},null,6)):n.createCommentVNode("",!0)],64)))),128))],2)):n.createCommentVNode("",!0)])),_:1},8,["onEnter"])};var h={name:"ContextMenu",inheritAttrs:!1,props:{model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},global:{type:Boolean,default:!1},exact:{type:Boolean,default:!0}},target:null,outsideClickListener:null,resizeListener:null,documentContextMenuListener:null,pageX:null,pageY:null,container:null,data:()=>({visible:!1}),beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.unbindDocumentContextMenuListener(),this.container&&this.autoZIndex&&e.ZIndexUtils.clear(this.container),this.container=null},mounted(){this.global&&this.bindDocumentContextMenuListener()},methods:{itemClick(e){const t=e.item;t.command&&(t.command(e),e.originalEvent.preventDefault()),this.hide()},toggle(e){this.visible?this.hide():this.show(e)},onLeafClick(){this.hide()},show(e){this.pageX=e.pageX,this.pageY=e.pageY,this.visible?this.position():this.visible=!0,e.stopPropagation(),e.preventDefault()},hide(){this.visible=!1},onEnter(t){this.position(),this.bindOutsideClickListener(),this.bindResizeListener(),this.autoZIndex&&e.ZIndexUtils.set("menu",t,this.baseZIndex+this.$primevue.config.zIndex.menu)},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener()},onAfterLeave(t){this.autoZIndex&&e.ZIndexUtils.clear(t)},position(){let t=this.pageX+1,n=this.pageY+1,i=this.container.offsetParent?this.container.offsetWidth:e.DomHandler.getHiddenElementOuterWidth(this.container),o=this.container.offsetParent?this.container.offsetHeight:e.DomHandler.getHiddenElementOuterHeight(this.container),l=e.DomHandler.getViewport();t+i-document.body.scrollLeft>l.width&&(t-=i),n+o-document.body.scrollTop>l.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),this.container.style.left=t+"px",this.container.style.top=n+"px"},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.visible&&this.container&&!this.container.contains(e.target)&&!e.ctrlKey&&this.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&!e.DomHandler.isTouchDevice()&&this.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},bindDocumentContextMenuListener(){this.documentContextMenuListener||(this.documentContextMenuListener=e=>{this.show(e)},document.addEventListener("contextmenu",this.documentContextMenuListener))},unbindDocumentContextMenuListener(){this.documentContextMenuListener&&(document.removeEventListener("contextmenu",this.documentContextMenuListener),this.documentContextMenuListener=null)},containerRef(e){this.container=e}},computed:{containerClass(){return["p-contextmenu p-component",{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{ContextMenuSub:a,Portal:s.default}};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-contextmenu {\n    position: absolute;\n}\n.p-contextmenu ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-contextmenu .p-submenu-list {\n    position: absolute;\n    min-width: 100%;\n    z-index: 1;\n}\n.p-contextmenu .p-menuitem-link {\n    cursor: pointer;\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    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-contextmenu .p-menuitem-text {\n    line-height: 1;\n}\n.p-contextmenu .p-menuitem {\n    position: relative;\n}\n.p-contextmenu .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-contextmenu-enter-from {\n    opacity: 0;\n}\n.p-contextmenu-enter-active {\n    -webkit-transition: opacity 250ms;\n    transition: opacity 250ms;\n}\n"),h.render=function(e,t,i,o,l,s){const a=n.resolveComponent("ContextMenuSub"),r=n.resolveComponent("Portal");return n.openBlock(),n.createBlock(r,{appendTo:i.appendTo},{default:n.withCtx((()=>[n.createVNode(n.Transition,{name:"p-contextmenu",onEnter:s.onEnter,onLeave:s.onLeave,onAfterLeave:s.onAfterLeave},{default:n.withCtx((()=>[l.visible?(n.openBlock(),n.createElementBlock("div",n.mergeProps({key:0,ref:s.containerRef,class:s.containerClass},e.$attrs),[n.createVNode(a,{model:i.model,root:!0,onLeafClick:s.onLeafClick,template:e.$slots.item,exact:i.exact},null,8,["model","onLeafClick","template","exact"])],16)):n.createCommentVNode("",!0)])),_:1},8,["onEnter","onLeave","onAfterLeave"])])),_:1},8,["appendTo"])},module.exports=h;

package/contextmenu/contextmenu.esm.js

@@ -1,6 +1,6 @@
 import { DomHandler, ZIndexUtils } from 'primevue/utils';
 import Ripple from 'primevue/ripple';
-import { resolveComponent, resolveDirective, openBlock, createBlock, Transition, withCtx, createElementBlock, normalizeClass, Fragment, renderList, normalizeStyle, withDirectives, createElementVNode, toDisplayString, createCommentVNode, resolveDynamicComponent, createVNode, mergeProps } from 'vue';
+import { resolveComponent, resolveDirective, openBlock, createBlock, Transition, withCtx, createElementBlock, normalizeClass, Fragment, renderList, normalizeStyle, withDirectives, createCommentVNode, createElementVNode, toDisplayString, resolveDynamicComponent, createVNode, mergeProps } from 'vue';
 import Portal from 'primevue/portal';
 
 var script$1 = {
@@ -66,7 +66,7 @@ var script$1 = {
                 if (this.activeItem && item === this.activeItem)
                     this.activeItem = null;
                 else
-                   this.activeItem = item;
+                    this.activeItem = item;
             }
 
             if (!item.items) {
@@ -140,7 +140,7 @@ const _hoisted_3 = { class: "p-menuitem-text" };
 const _hoisted_4 = ["href", "target", "onClick", "aria-haspopup", "aria-expanded", "tabindex"];
 const _hoisted_5 = { class: "p-menuitem-text" };
 const _hoisted_6 = {
-  key: 0,
+  key: 1,
   class: "p-submenu-icon pi pi-angle-right"
 };
 
@@ -188,9 +188,12 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                                       class: normalizeClass($options.linkClass(item, {isActive, isExactActive})),
                                       role: "menuitem"
                                     }, [
-                                      createElementVNode("span", {
-                                        class: normalizeClass(['p-menuitem-icon', item.icon])
-                                      }, null, 2),
+                                      (item.icon)
+                                        ? (openBlock(), createElementBlock("span", {
+                                            key: 0,
+                                            class: normalizeClass(['p-menuitem-icon', item.icon])
+                                          }, null, 2))
+                                        : createCommentVNode("", true),
                                       createElementVNode("span", _hoisted_3, toDisplayString($options.label(item)), 1)
                                     ], 10, _hoisted_2)), [
                                       [_directive_ripple]
@@ -209,9 +212,12 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                                   role: "menuitem",
                                   tabindex: $options.disabled(item) ? null : '0'
                                 }, [
-                                  createElementVNode("span", {
-                                    class: normalizeClass(['p-menuitem-icon', item.icon])
-                                  }, null, 2),
+                                  (item.icon)
+                                    ? (openBlock(), createElementBlock("span", {
+                                        key: 0,
+                                        class: normalizeClass(['p-menuitem-icon', item.icon])
+                                      }, null, 2))
+                                    : createCommentVNode("", true),
                                   createElementVNode("span", _hoisted_5, toDisplayString($options.label(item)), 1),
                                   (item.items)
                                     ? (openBlock(), createElementBlock("span", _hoisted_6))

package/contextmenu/contextmenu.esm.min.js

@@ -1 +1 @@
-import{DomHandler as e,ZIndexUtils as t}from"primevue/utils";import n from"primevue/ripple";import{resolveComponent as i,resolveDirective as s,openBlock as o,createBlock as l,Transition as a,withCtx as r,createElementBlock as c,normalizeClass as u,Fragment as d,renderList as m,normalizeStyle as p,withDirectives as h,createElementVNode as f,toDisplayString as v,createCommentVNode as b,resolveDynamicComponent as x,createVNode as L,mergeProps as y}from"vue";import C from"primevue/portal";var k={name:"ContextMenuSub",emits:["leaf-click"],props:{model:{type:Array,default:null},root:{type:Boolean,default:!1},parentActive:{type:Boolean,default:!1},template:{type:Function,default:null},exact:{type:Boolean,default:!0}},watch:{parentActive(e){e||(this.activeItem=null)}},data:()=>({activeItem:null}),methods:{onItemMouseEnter(e,t){this.disabled(t)?e.preventDefault():this.activeItem=t},onItemClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&t===this.activeItem?this.activeItem=null:this.activeItem=t),t.items||this.onLeafClick(),t.to&&n&&n(e))},onLeafClick(){this.activeItem=null,this.$emit("leaf-click")},onEnter(){this.position()},position(){const t=this.$refs.container.parentElement,n=e.getOffset(this.$refs.container.parentElement),i=e.getViewport(),s=this.$refs.container.offsetParent?this.$refs.container.offsetWidth:e.getHiddenElementOuterWidth(this.$refs.container),o=e.getOuterWidth(t.children[0]);this.$refs.container.style.top="0px",parseInt(n.left,10)+o+s>i.width-e.calculateScrollbarWidth()?this.$refs.container.style.left=-1*s+"px":this.$refs.container.style.left=o+"px"},getItemClass(e){return["p-menuitem",e.class,{"p-menuitem-active":this.activeItem===e}]},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}]},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},computed:{containerClass(){return{"p-submenu-list":!this.root}}},directives:{ripple:n}};const g=["onMouseenter"],E=["href","onClick"],I={class:"p-menuitem-text"},M=["href","target","onClick","aria-haspopup","aria-expanded","tabindex"],A={class:"p-menuitem-text"},w={key:0,class:"p-submenu-icon pi pi-angle-right"};k.render=function(e,t,n,L,y,C){const k=i("router-link"),z=i("ContextMenuSub",!0),$=s("ripple");return o(),l(a,{name:"p-contextmenusub",onEnter:C.onEnter},{default:r((()=>[n.root||n.parentActive?(o(),c("ul",{key:0,ref:"container",class:u(C.containerClass),role:"menu"},[(o(!0),c(d,null,m(n.model,((e,t)=>(o(),c(d,{key:C.label(e)+t.toString()},[C.visible(e)&&!e.separator?(o(),c("li",{key:0,role:"none",class:u(C.getItemClass(e)),style:p(e.style),onMouseenter:t=>C.onItemMouseEnter(t,e)},[n.template?(o(),l(x(n.template),{key:1,item:e},null,8,["item"])):(o(),c(d,{key:0},[e.to&&!C.disabled(e)?(o(),l(k,{key:0,to:e.to,custom:""},{default:r((({navigate:t,href:n,isActive:i,isExactActive:s})=>[h((o(),c("a",{href:n,onClick:n=>C.onItemClick(n,e,t),class:u(C.linkClass(e,{isActive:i,isExactActive:s})),role:"menuitem"},[f("span",{class:u(["p-menuitem-icon",e.icon])},null,2),f("span",I,v(C.label(e)),1)],10,E)),[[$]])])),_:2},1032,["to"])):h((o(),c("a",{key:1,href:e.url,class:u(C.linkClass(e)),target:e.target,onClick:t=>C.onItemClick(t,e),"aria-haspopup":null!=e.items,"aria-expanded":e===y.activeItem,role:"menuitem",tabindex:C.disabled(e)?null:"0"},[f("span",{class:u(["p-menuitem-icon",e.icon])},null,2),f("span",A,v(C.label(e)),1),e.items?(o(),c("span",w)):b("",!0)],10,M)),[[$]])],64)),C.visible(e)&&e.items?(o(),l(z,{model:e.items,key:C.label(e)+"_sub_",template:n.template,onLeafClick:C.onLeafClick,parentActive:e===y.activeItem,exact:n.exact},null,8,["model","template","onLeafClick","parentActive","exact"])):b("",!0)],46,g)):b("",!0),C.visible(e)&&e.separator?(o(),c("li",{class:u(["p-menu-separator",e.class]),style:p(e.style),key:"separator"+t.toString(),role:"separator"},null,6)):b("",!0)],64)))),128))],2)):b("",!0)])),_:1},8,["onEnter"])};var z={name:"ContextMenu",inheritAttrs:!1,props:{model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},global:{type:Boolean,default:!1},exact:{type:Boolean,default:!0}},target:null,outsideClickListener:null,resizeListener:null,documentContextMenuListener:null,pageX:null,pageY:null,container:null,data:()=>({visible:!1}),beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.unbindDocumentContextMenuListener(),this.container&&this.autoZIndex&&t.clear(this.container),this.container=null},mounted(){this.global&&this.bindDocumentContextMenuListener()},methods:{itemClick(e){const t=e.item;t.command&&(t.command(e),e.originalEvent.preventDefault()),this.hide()},toggle(e){this.visible?this.hide():this.show(e)},onLeafClick(){this.hide()},show(e){this.pageX=e.pageX,this.pageY=e.pageY,this.visible?this.position():this.visible=!0,e.stopPropagation(),e.preventDefault()},hide(){this.visible=!1},onEnter(e){this.position(),this.bindOutsideClickListener(),this.bindResizeListener(),this.autoZIndex&&t.set("menu",e,this.baseZIndex+this.$primevue.config.zIndex.menu)},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener()},onAfterLeave(e){this.autoZIndex&&t.clear(e)},position(){let t=this.pageX+1,n=this.pageY+1,i=this.container.offsetParent?this.container.offsetWidth:e.getHiddenElementOuterWidth(this.container),s=this.container.offsetParent?this.container.offsetHeight:e.getHiddenElementOuterHeight(this.container),o=e.getViewport();t+i-document.body.scrollLeft>o.width&&(t-=i),n+s-document.body.scrollTop>o.height&&(n-=s),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),this.container.style.left=t+"px",this.container.style.top=n+"px"},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.visible&&this.container&&!this.container.contains(e.target)&&!e.ctrlKey&&this.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&!e.isTouchDevice()&&this.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},bindDocumentContextMenuListener(){this.documentContextMenuListener||(this.documentContextMenuListener=e=>{this.show(e)},document.addEventListener("contextmenu",this.documentContextMenuListener))},unbindDocumentContextMenuListener(){this.documentContextMenuListener&&(document.removeEventListener("contextmenu",this.documentContextMenuListener),this.documentContextMenuListener=null)},containerRef(e){this.container=e}},computed:{containerClass(){return["p-contextmenu p-component",{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{ContextMenuSub:k,Portal:C}};!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-contextmenu {\n    position: absolute;\n}\n.p-contextmenu ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-contextmenu .p-submenu-list {\n    position: absolute;\n    min-width: 100%;\n    z-index: 1;\n}\n.p-contextmenu .p-menuitem-link {\n    cursor: pointer;\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    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-contextmenu .p-menuitem-text {\n    line-height: 1;\n}\n.p-contextmenu .p-menuitem {\n    position: relative;\n}\n.p-contextmenu .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-contextmenu-enter-from {\n    opacity: 0;\n}\n.p-contextmenu-enter-active {\n    -webkit-transition: opacity 250ms;\n    transition: opacity 250ms;\n}\n"),z.render=function(e,t,n,s,u,d){const m=i("ContextMenuSub"),p=i("Portal");return o(),l(p,{appendTo:n.appendTo},{default:r((()=>[L(a,{name:"p-contextmenu",onEnter:d.onEnter,onLeave:d.onLeave,onAfterLeave:d.onAfterLeave},{default:r((()=>[u.visible?(o(),c("div",y({key:0,ref:d.containerRef,class:d.containerClass},e.$attrs),[L(m,{model:n.model,root:!0,onLeafClick:d.onLeafClick,template:e.$slots.item,exact:n.exact},null,8,["model","onLeafClick","template","exact"])],16)):b("",!0)])),_:1},8,["onEnter","onLeave","onAfterLeave"])])),_:1},8,["appendTo"])};export{z as default};
+import{DomHandler as e,ZIndexUtils as t}from"primevue/utils";import n from"primevue/ripple";import{resolveComponent as i,resolveDirective as s,openBlock as o,createBlock as l,Transition as a,withCtx as r,createElementBlock as c,normalizeClass as u,Fragment as d,renderList as m,normalizeStyle as p,withDirectives as h,createCommentVNode as f,createElementVNode as v,toDisplayString as b,resolveDynamicComponent as x,createVNode as L,mergeProps as y}from"vue";import k from"primevue/portal";var C={name:"ContextMenuSub",emits:["leaf-click"],props:{model:{type:Array,default:null},root:{type:Boolean,default:!1},parentActive:{type:Boolean,default:!1},template:{type:Function,default:null},exact:{type:Boolean,default:!0}},watch:{parentActive(e){e||(this.activeItem=null)}},data:()=>({activeItem:null}),methods:{onItemMouseEnter(e,t){this.disabled(t)?e.preventDefault():this.activeItem=t},onItemClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&t===this.activeItem?this.activeItem=null:this.activeItem=t),t.items||this.onLeafClick(),t.to&&n&&n(e))},onLeafClick(){this.activeItem=null,this.$emit("leaf-click")},onEnter(){this.position()},position(){const t=this.$refs.container.parentElement,n=e.getOffset(this.$refs.container.parentElement),i=e.getViewport(),s=this.$refs.container.offsetParent?this.$refs.container.offsetWidth:e.getHiddenElementOuterWidth(this.$refs.container),o=e.getOuterWidth(t.children[0]);this.$refs.container.style.top="0px",parseInt(n.left,10)+o+s>i.width-e.calculateScrollbarWidth()?this.$refs.container.style.left=-1*s+"px":this.$refs.container.style.left=o+"px"},getItemClass(e){return["p-menuitem",e.class,{"p-menuitem-active":this.activeItem===e}]},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}]},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},computed:{containerClass(){return{"p-submenu-list":!this.root}}},directives:{ripple:n}};const g=["onMouseenter"],E=["href","onClick"],I={class:"p-menuitem-text"},M=["href","target","onClick","aria-haspopup","aria-expanded","tabindex"],A={class:"p-menuitem-text"},w={key:1,class:"p-submenu-icon pi pi-angle-right"};C.render=function(e,t,n,L,y,k){const C=i("router-link"),z=i("ContextMenuSub",!0),$=s("ripple");return o(),l(a,{name:"p-contextmenusub",onEnter:k.onEnter},{default:r((()=>[n.root||n.parentActive?(o(),c("ul",{key:0,ref:"container",class:u(k.containerClass),role:"menu"},[(o(!0),c(d,null,m(n.model,((e,t)=>(o(),c(d,{key:k.label(e)+t.toString()},[k.visible(e)&&!e.separator?(o(),c("li",{key:0,role:"none",class:u(k.getItemClass(e)),style:p(e.style),onMouseenter:t=>k.onItemMouseEnter(t,e)},[n.template?(o(),l(x(n.template),{key:1,item:e},null,8,["item"])):(o(),c(d,{key:0},[e.to&&!k.disabled(e)?(o(),l(C,{key:0,to:e.to,custom:""},{default:r((({navigate:t,href:n,isActive:i,isExactActive:s})=>[h((o(),c("a",{href:n,onClick:n=>k.onItemClick(n,e,t),class:u(k.linkClass(e,{isActive:i,isExactActive:s})),role:"menuitem"},[e.icon?(o(),c("span",{key:0,class:u(["p-menuitem-icon",e.icon])},null,2)):f("",!0),v("span",I,b(k.label(e)),1)],10,E)),[[$]])])),_:2},1032,["to"])):h((o(),c("a",{key:1,href:e.url,class:u(k.linkClass(e)),target:e.target,onClick:t=>k.onItemClick(t,e),"aria-haspopup":null!=e.items,"aria-expanded":e===y.activeItem,role:"menuitem",tabindex:k.disabled(e)?null:"0"},[e.icon?(o(),c("span",{key:0,class:u(["p-menuitem-icon",e.icon])},null,2)):f("",!0),v("span",A,b(k.label(e)),1),e.items?(o(),c("span",w)):f("",!0)],10,M)),[[$]])],64)),k.visible(e)&&e.items?(o(),l(z,{model:e.items,key:k.label(e)+"_sub_",template:n.template,onLeafClick:k.onLeafClick,parentActive:e===y.activeItem,exact:n.exact},null,8,["model","template","onLeafClick","parentActive","exact"])):f("",!0)],46,g)):f("",!0),k.visible(e)&&e.separator?(o(),c("li",{class:u(["p-menu-separator",e.class]),style:p(e.style),key:"separator"+t.toString(),role:"separator"},null,6)):f("",!0)],64)))),128))],2)):f("",!0)])),_:1},8,["onEnter"])};var z={name:"ContextMenu",inheritAttrs:!1,props:{model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},global:{type:Boolean,default:!1},exact:{type:Boolean,default:!0}},target:null,outsideClickListener:null,resizeListener:null,documentContextMenuListener:null,pageX:null,pageY:null,container:null,data:()=>({visible:!1}),beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.unbindDocumentContextMenuListener(),this.container&&this.autoZIndex&&t.clear(this.container),this.container=null},mounted(){this.global&&this.bindDocumentContextMenuListener()},methods:{itemClick(e){const t=e.item;t.command&&(t.command(e),e.originalEvent.preventDefault()),this.hide()},toggle(e){this.visible?this.hide():this.show(e)},onLeafClick(){this.hide()},show(e){this.pageX=e.pageX,this.pageY=e.pageY,this.visible?this.position():this.visible=!0,e.stopPropagation(),e.preventDefault()},hide(){this.visible=!1},onEnter(e){this.position(),this.bindOutsideClickListener(),this.bindResizeListener(),this.autoZIndex&&t.set("menu",e,this.baseZIndex+this.$primevue.config.zIndex.menu)},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener()},onAfterLeave(e){this.autoZIndex&&t.clear(e)},position(){let t=this.pageX+1,n=this.pageY+1,i=this.container.offsetParent?this.container.offsetWidth:e.getHiddenElementOuterWidth(this.container),s=this.container.offsetParent?this.container.offsetHeight:e.getHiddenElementOuterHeight(this.container),o=e.getViewport();t+i-document.body.scrollLeft>o.width&&(t-=i),n+s-document.body.scrollTop>o.height&&(n-=s),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),this.container.style.left=t+"px",this.container.style.top=n+"px"},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.visible&&this.container&&!this.container.contains(e.target)&&!e.ctrlKey&&this.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&!e.isTouchDevice()&&this.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},bindDocumentContextMenuListener(){this.documentContextMenuListener||(this.documentContextMenuListener=e=>{this.show(e)},document.addEventListener("contextmenu",this.documentContextMenuListener))},unbindDocumentContextMenuListener(){this.documentContextMenuListener&&(document.removeEventListener("contextmenu",this.documentContextMenuListener),this.documentContextMenuListener=null)},containerRef(e){this.container=e}},computed:{containerClass(){return["p-contextmenu p-component",{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{ContextMenuSub:C,Portal:k}};!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-contextmenu {\n    position: absolute;\n}\n.p-contextmenu ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-contextmenu .p-submenu-list {\n    position: absolute;\n    min-width: 100%;\n    z-index: 1;\n}\n.p-contextmenu .p-menuitem-link {\n    cursor: pointer;\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    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-contextmenu .p-menuitem-text {\n    line-height: 1;\n}\n.p-contextmenu .p-menuitem {\n    position: relative;\n}\n.p-contextmenu .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-contextmenu-enter-from {\n    opacity: 0;\n}\n.p-contextmenu-enter-active {\n    -webkit-transition: opacity 250ms;\n    transition: opacity 250ms;\n}\n"),z.render=function(e,t,n,s,u,d){const m=i("ContextMenuSub"),p=i("Portal");return o(),l(p,{appendTo:n.appendTo},{default:r((()=>[L(a,{name:"p-contextmenu",onEnter:d.onEnter,onLeave:d.onLeave,onAfterLeave:d.onAfterLeave},{default:r((()=>[u.visible?(o(),c("div",y({key:0,ref:d.containerRef,class:d.containerClass},e.$attrs),[L(m,{model:n.model,root:!0,onLeafClick:d.onLeafClick,template:e.$slots.item,exact:n.exact},null,8,["model","onLeafClick","template","exact"])],16)):f("",!0)])),_:1},8,["onEnter","onLeave","onAfterLeave"])])),_:1},8,["appendTo"])};export{z as default};

package/contextmenu/contextmenu.js

@@ -70,7 +70,7 @@ this.primevue.contextmenu = (function (utils, Ripple, vue, Portal) {
                     if (this.activeItem && item === this.activeItem)
                         this.activeItem = null;
                     else
-                       this.activeItem = item;
+                        this.activeItem = item;
                 }
 
                 if (!item.items) {
@@ -144,7 +144,7 @@ this.primevue.contextmenu = (function (utils, Ripple, vue, Portal) {
     const _hoisted_4 = ["href", "target", "onClick", "aria-haspopup", "aria-expanded", "tabindex"];
     const _hoisted_5 = { class: "p-menuitem-text" };
     const _hoisted_6 = {
-      key: 0,
+      key: 1,
       class: "p-submenu-icon pi pi-angle-right"
     };
 
@@ -192,9 +192,12 @@ this.primevue.contextmenu = (function (utils, Ripple, vue, Portal) {
                                           class: vue.normalizeClass($options.linkClass(item, {isActive, isExactActive})),
                                           role: "menuitem"
                                         }, [
-                                          vue.createElementVNode("span", {
-                                            class: vue.normalizeClass(['p-menuitem-icon', item.icon])
-                                          }, null, 2),
+                                          (item.icon)
+                                            ? (vue.openBlock(), vue.createElementBlock("span", {
+                                                key: 0,
+                                                class: vue.normalizeClass(['p-menuitem-icon', item.icon])
+                                              }, null, 2))
+                                            : vue.createCommentVNode("", true),
                                           vue.createElementVNode("span", _hoisted_3, vue.toDisplayString($options.label(item)), 1)
                                         ], 10, _hoisted_2)), [
                                           [_directive_ripple]
@@ -213,9 +216,12 @@ this.primevue.contextmenu = (function (utils, Ripple, vue, Portal) {
                                       role: "menuitem",
                                       tabindex: $options.disabled(item) ? null : '0'
                                     }, [
-                                      vue.createElementVNode("span", {
-                                        class: vue.normalizeClass(['p-menuitem-icon', item.icon])
-                                      }, null, 2),
+                                      (item.icon)
+                                        ? (vue.openBlock(), vue.createElementBlock("span", {
+                                            key: 0,
+                                            class: vue.normalizeClass(['p-menuitem-icon', item.icon])
+                                          }, null, 2))
+                                        : vue.createCommentVNode("", true),
                                       vue.createElementVNode("span", _hoisted_5, vue.toDisplayString($options.label(item)), 1),
                                       (item.items)
                                         ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6))

package/contextmenu/contextmenu.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.contextmenu=function(e,t,n,i){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(t),l=o(i),a={name:"ContextMenuSub",emits:["leaf-click"],props:{model:{type:Array,default:null},root:{type:Boolean,default:!1},parentActive:{type:Boolean,default:!1},template:{type:Function,default:null},exact:{type:Boolean,default:!0}},watch:{parentActive(e){e||(this.activeItem=null)}},data:()=>({activeItem:null}),methods:{onItemMouseEnter(e,t){this.disabled(t)?e.preventDefault():this.activeItem=t},onItemClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&t===this.activeItem?this.activeItem=null:this.activeItem=t),t.items||this.onLeafClick(),t.to&&n&&n(e))},onLeafClick(){this.activeItem=null,this.$emit("leaf-click")},onEnter(){this.position()},position(){const t=this.$refs.container.parentElement,n=e.DomHandler.getOffset(this.$refs.container.parentElement),i=e.DomHandler.getViewport(),o=this.$refs.container.offsetParent?this.$refs.container.offsetWidth:e.DomHandler.getHiddenElementOuterWidth(this.$refs.container),s=e.DomHandler.getOuterWidth(t.children[0]);this.$refs.container.style.top="0px",parseInt(n.left,10)+s+o>i.width-e.DomHandler.calculateScrollbarWidth()?this.$refs.container.style.left=-1*o+"px":this.$refs.container.style.left=s+"px"},getItemClass(e){return["p-menuitem",e.class,{"p-menuitem-active":this.activeItem===e}]},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}]},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},computed:{containerClass(){return{"p-submenu-list":!this.root}}},directives:{ripple:s.default}};const r=["onMouseenter"],c=["href","onClick"],m={class:"p-menuitem-text"},u=["href","target","onClick","aria-haspopup","aria-expanded","tabindex"],d={class:"p-menuitem-text"},p={key:0,class:"p-submenu-icon pi pi-angle-right"};a.render=function(e,t,i,o,s,l){const a=n.resolveComponent("router-link"),h=n.resolveComponent("ContextMenuSub",!0),f=n.resolveDirective("ripple");return n.openBlock(),n.createBlock(n.Transition,{name:"p-contextmenusub",onEnter:l.onEnter},{default:n.withCtx((()=>[i.root||i.parentActive?(n.openBlock(),n.createElementBlock("ul",{key:0,ref:"container",class:n.normalizeClass(l.containerClass),role:"menu"},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(i.model,((e,t)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:l.label(e)+t.toString()},[l.visible(e)&&!e.separator?(n.openBlock(),n.createElementBlock("li",{key:0,role:"none",class:n.normalizeClass(l.getItemClass(e)),style:n.normalizeStyle(e.style),onMouseenter:t=>l.onItemMouseEnter(t,e)},[i.template?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.template),{key:1,item:e},null,8,["item"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[e.to&&!l.disabled(e)?(n.openBlock(),n.createBlock(a,{key:0,to:e.to,custom:""},{default:n.withCtx((({navigate:t,href:i,isActive:o,isExactActive:s})=>[n.withDirectives((n.openBlock(),n.createElementBlock("a",{href:i,onClick:n=>l.onItemClick(n,e,t),class:n.normalizeClass(l.linkClass(e,{isActive:o,isExactActive:s})),role:"menuitem"},[n.createElementVNode("span",{class:n.normalizeClass(["p-menuitem-icon",e.icon])},null,2),n.createElementVNode("span",m,n.toDisplayString(l.label(e)),1)],10,c)),[[f]])])),_:2},1032,["to"])):n.withDirectives((n.openBlock(),n.createElementBlock("a",{key:1,href:e.url,class:n.normalizeClass(l.linkClass(e)),target:e.target,onClick:t=>l.onItemClick(t,e),"aria-haspopup":null!=e.items,"aria-expanded":e===s.activeItem,role:"menuitem",tabindex:l.disabled(e)?null:"0"},[n.createElementVNode("span",{class:n.normalizeClass(["p-menuitem-icon",e.icon])},null,2),n.createElementVNode("span",d,n.toDisplayString(l.label(e)),1),e.items?(n.openBlock(),n.createElementBlock("span",p)):n.createCommentVNode("",!0)],10,u)),[[f]])],64)),l.visible(e)&&e.items?(n.openBlock(),n.createBlock(h,{model:e.items,key:l.label(e)+"_sub_",template:i.template,onLeafClick:l.onLeafClick,parentActive:e===s.activeItem,exact:i.exact},null,8,["model","template","onLeafClick","parentActive","exact"])):n.createCommentVNode("",!0)],46,r)):n.createCommentVNode("",!0),l.visible(e)&&e.separator?(n.openBlock(),n.createElementBlock("li",{class:n.normalizeClass(["p-menu-separator",e.class]),style:n.normalizeStyle(e.style),key:"separator"+t.toString(),role:"separator"},null,6)):n.createCommentVNode("",!0)],64)))),128))],2)):n.createCommentVNode("",!0)])),_:1},8,["onEnter"])};var h={name:"ContextMenu",inheritAttrs:!1,props:{model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},global:{type:Boolean,default:!1},exact:{type:Boolean,default:!0}},target:null,outsideClickListener:null,resizeListener:null,documentContextMenuListener:null,pageX:null,pageY:null,container:null,data:()=>({visible:!1}),beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.unbindDocumentContextMenuListener(),this.container&&this.autoZIndex&&e.ZIndexUtils.clear(this.container),this.container=null},mounted(){this.global&&this.bindDocumentContextMenuListener()},methods:{itemClick(e){const t=e.item;t.command&&(t.command(e),e.originalEvent.preventDefault()),this.hide()},toggle(e){this.visible?this.hide():this.show(e)},onLeafClick(){this.hide()},show(e){this.pageX=e.pageX,this.pageY=e.pageY,this.visible?this.position():this.visible=!0,e.stopPropagation(),e.preventDefault()},hide(){this.visible=!1},onEnter(t){this.position(),this.bindOutsideClickListener(),this.bindResizeListener(),this.autoZIndex&&e.ZIndexUtils.set("menu",t,this.baseZIndex+this.$primevue.config.zIndex.menu)},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener()},onAfterLeave(t){this.autoZIndex&&e.ZIndexUtils.clear(t)},position(){let t=this.pageX+1,n=this.pageY+1,i=this.container.offsetParent?this.container.offsetWidth:e.DomHandler.getHiddenElementOuterWidth(this.container),o=this.container.offsetParent?this.container.offsetHeight:e.DomHandler.getHiddenElementOuterHeight(this.container),s=e.DomHandler.getViewport();t+i-document.body.scrollLeft>s.width&&(t-=i),n+o-document.body.scrollTop>s.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),this.container.style.left=t+"px",this.container.style.top=n+"px"},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.visible&&this.container&&!this.container.contains(e.target)&&!e.ctrlKey&&this.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&!e.DomHandler.isTouchDevice()&&this.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},bindDocumentContextMenuListener(){this.documentContextMenuListener||(this.documentContextMenuListener=e=>{this.show(e)},document.addEventListener("contextmenu",this.documentContextMenuListener))},unbindDocumentContextMenuListener(){this.documentContextMenuListener&&(document.removeEventListener("contextmenu",this.documentContextMenuListener),this.documentContextMenuListener=null)},containerRef(e){this.container=e}},computed:{containerClass(){return["p-contextmenu p-component",{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{ContextMenuSub:a,Portal:l.default}};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],o=document.createElement("style");o.type="text/css","top"===n&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-contextmenu {\n    position: absolute;\n}\n.p-contextmenu ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-contextmenu .p-submenu-list {\n    position: absolute;\n    min-width: 100%;\n    z-index: 1;\n}\n.p-contextmenu .p-menuitem-link {\n    cursor: pointer;\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    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-contextmenu .p-menuitem-text {\n    line-height: 1;\n}\n.p-contextmenu .p-menuitem {\n    position: relative;\n}\n.p-contextmenu .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-contextmenu-enter-from {\n    opacity: 0;\n}\n.p-contextmenu-enter-active {\n    -webkit-transition: opacity 250ms;\n    transition: opacity 250ms;\n}\n"),h.render=function(e,t,i,o,s,l){const a=n.resolveComponent("ContextMenuSub"),r=n.resolveComponent("Portal");return n.openBlock(),n.createBlock(r,{appendTo:i.appendTo},{default:n.withCtx((()=>[n.createVNode(n.Transition,{name:"p-contextmenu",onEnter:l.onEnter,onLeave:l.onLeave,onAfterLeave:l.onAfterLeave},{default:n.withCtx((()=>[s.visible?(n.openBlock(),n.createElementBlock("div",n.mergeProps({key:0,ref:l.containerRef,class:l.containerClass},e.$attrs),[n.createVNode(a,{model:i.model,root:!0,onLeafClick:l.onLeafClick,template:e.$slots.item,exact:i.exact},null,8,["model","onLeafClick","template","exact"])],16)):n.createCommentVNode("",!0)])),_:1},8,["onEnter","onLeave","onAfterLeave"])])),_:1},8,["appendTo"])},h}(primevue.utils,primevue.ripple,Vue,primevue.portal);
+this.primevue=this.primevue||{},this.primevue.contextmenu=function(e,t,n,i){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(t),s=o(i),a={name:"ContextMenuSub",emits:["leaf-click"],props:{model:{type:Array,default:null},root:{type:Boolean,default:!1},parentActive:{type:Boolean,default:!1},template:{type:Function,default:null},exact:{type:Boolean,default:!0}},watch:{parentActive(e){e||(this.activeItem=null)}},data:()=>({activeItem:null}),methods:{onItemMouseEnter(e,t){this.disabled(t)?e.preventDefault():this.activeItem=t},onItemClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&t===this.activeItem?this.activeItem=null:this.activeItem=t),t.items||this.onLeafClick(),t.to&&n&&n(e))},onLeafClick(){this.activeItem=null,this.$emit("leaf-click")},onEnter(){this.position()},position(){const t=this.$refs.container.parentElement,n=e.DomHandler.getOffset(this.$refs.container.parentElement),i=e.DomHandler.getViewport(),o=this.$refs.container.offsetParent?this.$refs.container.offsetWidth:e.DomHandler.getHiddenElementOuterWidth(this.$refs.container),l=e.DomHandler.getOuterWidth(t.children[0]);this.$refs.container.style.top="0px",parseInt(n.left,10)+l+o>i.width-e.DomHandler.calculateScrollbarWidth()?this.$refs.container.style.left=-1*o+"px":this.$refs.container.style.left=l+"px"},getItemClass(e){return["p-menuitem",e.class,{"p-menuitem-active":this.activeItem===e}]},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}]},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},computed:{containerClass(){return{"p-submenu-list":!this.root}}},directives:{ripple:l.default}};const r=["onMouseenter"],c=["href","onClick"],m={class:"p-menuitem-text"},u=["href","target","onClick","aria-haspopup","aria-expanded","tabindex"],d={class:"p-menuitem-text"},p={key:1,class:"p-submenu-icon pi pi-angle-right"};a.render=function(e,t,i,o,l,s){const a=n.resolveComponent("router-link"),h=n.resolveComponent("ContextMenuSub",!0),f=n.resolveDirective("ripple");return n.openBlock(),n.createBlock(n.Transition,{name:"p-contextmenusub",onEnter:s.onEnter},{default:n.withCtx((()=>[i.root||i.parentActive?(n.openBlock(),n.createElementBlock("ul",{key:0,ref:"container",class:n.normalizeClass(s.containerClass),role:"menu"},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(i.model,((e,t)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:s.label(e)+t.toString()},[s.visible(e)&&!e.separator?(n.openBlock(),n.createElementBlock("li",{key:0,role:"none",class:n.normalizeClass(s.getItemClass(e)),style:n.normalizeStyle(e.style),onMouseenter:t=>s.onItemMouseEnter(t,e)},[i.template?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.template),{key:1,item:e},null,8,["item"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[e.to&&!s.disabled(e)?(n.openBlock(),n.createBlock(a,{key:0,to:e.to,custom:""},{default:n.withCtx((({navigate:t,href:i,isActive:o,isExactActive:l})=>[n.withDirectives((n.openBlock(),n.createElementBlock("a",{href:i,onClick:n=>s.onItemClick(n,e,t),class:n.normalizeClass(s.linkClass(e,{isActive:o,isExactActive:l})),role:"menuitem"},[e.icon?(n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(["p-menuitem-icon",e.icon])},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",m,n.toDisplayString(s.label(e)),1)],10,c)),[[f]])])),_:2},1032,["to"])):n.withDirectives((n.openBlock(),n.createElementBlock("a",{key:1,href:e.url,class:n.normalizeClass(s.linkClass(e)),target:e.target,onClick:t=>s.onItemClick(t,e),"aria-haspopup":null!=e.items,"aria-expanded":e===l.activeItem,role:"menuitem",tabindex:s.disabled(e)?null:"0"},[e.icon?(n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(["p-menuitem-icon",e.icon])},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",d,n.toDisplayString(s.label(e)),1),e.items?(n.openBlock(),n.createElementBlock("span",p)):n.createCommentVNode("",!0)],10,u)),[[f]])],64)),s.visible(e)&&e.items?(n.openBlock(),n.createBlock(h,{model:e.items,key:s.label(e)+"_sub_",template:i.template,onLeafClick:s.onLeafClick,parentActive:e===l.activeItem,exact:i.exact},null,8,["model","template","onLeafClick","parentActive","exact"])):n.createCommentVNode("",!0)],46,r)):n.createCommentVNode("",!0),s.visible(e)&&e.separator?(n.openBlock(),n.createElementBlock("li",{class:n.normalizeClass(["p-menu-separator",e.class]),style:n.normalizeStyle(e.style),key:"separator"+t.toString(),role:"separator"},null,6)):n.createCommentVNode("",!0)],64)))),128))],2)):n.createCommentVNode("",!0)])),_:1},8,["onEnter"])};var h={name:"ContextMenu",inheritAttrs:!1,props:{model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},global:{type:Boolean,default:!1},exact:{type:Boolean,default:!0}},target:null,outsideClickListener:null,resizeListener:null,documentContextMenuListener:null,pageX:null,pageY:null,container:null,data:()=>({visible:!1}),beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.unbindDocumentContextMenuListener(),this.container&&this.autoZIndex&&e.ZIndexUtils.clear(this.container),this.container=null},mounted(){this.global&&this.bindDocumentContextMenuListener()},methods:{itemClick(e){const t=e.item;t.command&&(t.command(e),e.originalEvent.preventDefault()),this.hide()},toggle(e){this.visible?this.hide():this.show(e)},onLeafClick(){this.hide()},show(e){this.pageX=e.pageX,this.pageY=e.pageY,this.visible?this.position():this.visible=!0,e.stopPropagation(),e.preventDefault()},hide(){this.visible=!1},onEnter(t){this.position(),this.bindOutsideClickListener(),this.bindResizeListener(),this.autoZIndex&&e.ZIndexUtils.set("menu",t,this.baseZIndex+this.$primevue.config.zIndex.menu)},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener()},onAfterLeave(t){this.autoZIndex&&e.ZIndexUtils.clear(t)},position(){let t=this.pageX+1,n=this.pageY+1,i=this.container.offsetParent?this.container.offsetWidth:e.DomHandler.getHiddenElementOuterWidth(this.container),o=this.container.offsetParent?this.container.offsetHeight:e.DomHandler.getHiddenElementOuterHeight(this.container),l=e.DomHandler.getViewport();t+i-document.body.scrollLeft>l.width&&(t-=i),n+o-document.body.scrollTop>l.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),this.container.style.left=t+"px",this.container.style.top=n+"px"},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.visible&&this.container&&!this.container.contains(e.target)&&!e.ctrlKey&&this.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&!e.DomHandler.isTouchDevice()&&this.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},bindDocumentContextMenuListener(){this.documentContextMenuListener||(this.documentContextMenuListener=e=>{this.show(e)},document.addEventListener("contextmenu",this.documentContextMenuListener))},unbindDocumentContextMenuListener(){this.documentContextMenuListener&&(document.removeEventListener("contextmenu",this.documentContextMenuListener),this.documentContextMenuListener=null)},containerRef(e){this.container=e}},computed:{containerClass(){return["p-contextmenu p-component",{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{ContextMenuSub:a,Portal:s.default}};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],o=document.createElement("style");o.type="text/css","top"===n&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-contextmenu {\n    position: absolute;\n}\n.p-contextmenu ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-contextmenu .p-submenu-list {\n    position: absolute;\n    min-width: 100%;\n    z-index: 1;\n}\n.p-contextmenu .p-menuitem-link {\n    cursor: pointer;\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    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-contextmenu .p-menuitem-text {\n    line-height: 1;\n}\n.p-contextmenu .p-menuitem {\n    position: relative;\n}\n.p-contextmenu .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-contextmenu-enter-from {\n    opacity: 0;\n}\n.p-contextmenu-enter-active {\n    -webkit-transition: opacity 250ms;\n    transition: opacity 250ms;\n}\n"),h.render=function(e,t,i,o,l,s){const a=n.resolveComponent("ContextMenuSub"),r=n.resolveComponent("Portal");return n.openBlock(),n.createBlock(r,{appendTo:i.appendTo},{default:n.withCtx((()=>[n.createVNode(n.Transition,{name:"p-contextmenu",onEnter:s.onEnter,onLeave:s.onLeave,onAfterLeave:s.onAfterLeave},{default:n.withCtx((()=>[l.visible?(n.openBlock(),n.createElementBlock("div",n.mergeProps({key:0,ref:s.containerRef,class:s.containerClass},e.$attrs),[n.createVNode(a,{model:i.model,root:!0,onLeafClick:s.onLeafClick,template:e.$slots.item,exact:i.exact},null,8,["model","onLeafClick","template","exact"])],16)):n.createCommentVNode("",!0)])),_:1},8,["onEnter","onLeave","onAfterLeave"])])),_:1},8,["appendTo"])},h}(primevue.utils,primevue.ripple,Vue,primevue.portal);