primevue 3.7.2 → 3.9.0

package/message/Message.d.ts

@@ -5,6 +5,7 @@ interface MessageProps {
     closable?: boolean;
     sticky?: boolean;
     life?: number;
+    icon?: string;
 }
 
 declare class Message {

package/message/Message.vue

@@ -36,7 +36,11 @@ export default {
         life: {
             type: Number,
             default: 3000
-        }
+        },
+        icon: {
+            type: String,
+            default: null
+        },
     },
     timeout: null,
     data() {
@@ -62,7 +66,7 @@ export default {
             return 'p-message p-component p-message-' + this.severity;
         },
         iconClass() {
-            return ['p-message-icon pi', {
+            return ['p-message-icon pi', this.icon ? this.icon : {
                 'pi-info-circle': this.severity === 'info',
                 'pi-check': this.severity === 'success',
                 'pi-exclamation-triangle': this.severity === 'warn',

package/message/message.cjs.js

@@ -26,7 +26,11 @@ var script = {
         life: {
             type: Number,
             default: 3000
-        }
+        },
+        icon: {
+            type: String,
+            default: null
+        },
     },
     timeout: null,
     data() {
@@ -52,7 +56,7 @@ var script = {
             return 'p-message p-component p-message-' + this.severity;
         },
         iconClass() {
-            return ['p-message-icon pi', {
+            return ['p-message-icon pi', this.icon ? this.icon : {
                 'pi-info-circle': this.severity === 'info',
                 'pi-check': this.severity === 'success',
                 'pi-exclamation-triangle': this.severity === 'warn',

package/message/message.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/ripple"),t=require("vue");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"Message",emits:["close"],props:{severity:{type:String,default:"info"},closable:{type:Boolean,default:!0},sticky:{type:Boolean,default:!0},life:{type:Number,default:3e3}},timeout:null,data:()=>({visible:!0}),mounted(){this.sticky||setTimeout((()=>{this.visible=!1}),this.life)},methods:{close(e){this.visible=!1,this.$emit("close",e)}},computed:{containerClass(){return"p-message p-component p-message-"+this.severity},iconClass(){return["p-message-icon pi",{"pi-info-circle":"info"===this.severity,"pi-check":"success"===this.severity,"pi-exclamation-triangle":"warn"===this.severity,"pi-times-circle":"error"===this.severity}]}},directives:{ripple:s(e).default}};const n={class:"p-message-wrapper"},a={class:"p-message-text"},o=t.createVNode("i",{class:"p-message-close-icon pi pi-times"},null,-1);!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-message-wrapper {\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}\n.p-message-close {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-message-close.p-link {\n    margin-left: auto;\n    overflow: hidden;\n    position: relative;\n}\n.p-message-enter-from {\n    opacity: 0;\n}\n.p-message-enter-active {\n    -webkit-transition: opacity .3s;\n    transition: opacity .3s;\n}\n.p-message.p-message-leave-from {\n    max-height: 1000px;\n}\n.p-message.p-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin: 0 !important;\n}\n.p-message-leave-active {\n    overflow: hidden;\n    -webkit-transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .15s;\n    transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .15s;\n}\n.p-message-leave-active .p-message-close {\n    display: none;\n}\n"),i.render=function(e,s,i,l,r,c){const p=t.resolveDirective("ripple");return t.openBlock(),t.createBlock(t.Transition,{name:"p-message",appear:""},{default:t.withCtx((()=>[t.withDirectives(t.createVNode("div",{class:c.containerClass,role:"alert"},[t.createVNode("div",n,[t.createVNode("span",{class:c.iconClass},null,2),t.createVNode("div",a,[t.renderSlot(e.$slots,"default")]),i.closable?t.withDirectives((t.openBlock(),t.createBlock("button",{key:0,class:"p-message-close p-link",onClick:s[1]||(s[1]=e=>c.close(e)),type:"button"},[o],512)),[[p]]):t.createCommentVNode("",!0)])],2),[[t.vShow,r.visible]])])),_:3})},module.exports=i;
+"use strict";var e=require("primevue/ripple"),t=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s={name:"Message",emits:["close"],props:{severity:{type:String,default:"info"},closable:{type:Boolean,default:!0},sticky:{type:Boolean,default:!0},life:{type:Number,default:3e3},icon:{type:String,default:null}},timeout:null,data:()=>({visible:!0}),mounted(){this.sticky||setTimeout((()=>{this.visible=!1}),this.life)},methods:{close(e){this.visible=!1,this.$emit("close",e)}},computed:{containerClass(){return"p-message p-component p-message-"+this.severity},iconClass(){return["p-message-icon pi",this.icon?this.icon:{"pi-info-circle":"info"===this.severity,"pi-check":"success"===this.severity,"pi-exclamation-triangle":"warn"===this.severity,"pi-times-circle":"error"===this.severity}]}},directives:{ripple:i(e).default}};const n={class:"p-message-wrapper"},a={class:"p-message-text"},o=t.createVNode("i",{class:"p-message-close-icon pi pi-times"},null,-1);!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&s.firstChild?s.insertBefore(n,s.firstChild):s.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-message-wrapper {\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}\n.p-message-close {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-message-close.p-link {\n    margin-left: auto;\n    overflow: hidden;\n    position: relative;\n}\n.p-message-enter-from {\n    opacity: 0;\n}\n.p-message-enter-active {\n    -webkit-transition: opacity .3s;\n    transition: opacity .3s;\n}\n.p-message.p-message-leave-from {\n    max-height: 1000px;\n}\n.p-message.p-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin: 0 !important;\n}\n.p-message-leave-active {\n    overflow: hidden;\n    -webkit-transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .15s;\n    transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .15s;\n}\n.p-message-leave-active .p-message-close {\n    display: none;\n}\n"),s.render=function(e,i,s,l,r,c){const p=t.resolveDirective("ripple");return t.openBlock(),t.createBlock(t.Transition,{name:"p-message",appear:""},{default:t.withCtx((()=>[t.withDirectives(t.createVNode("div",{class:c.containerClass,role:"alert"},[t.createVNode("div",n,[t.createVNode("span",{class:c.iconClass},null,2),t.createVNode("div",a,[t.renderSlot(e.$slots,"default")]),s.closable?t.withDirectives((t.openBlock(),t.createBlock("button",{key:0,class:"p-message-close p-link",onClick:i[1]||(i[1]=e=>c.close(e)),type:"button"},[o],512)),[[p]]):t.createCommentVNode("",!0)])],2),[[t.vShow,r.visible]])])),_:3})},module.exports=s;

package/message/message.esm.js

@@ -20,7 +20,11 @@ var script = {
         life: {
             type: Number,
             default: 3000
-        }
+        },
+        icon: {
+            type: String,
+            default: null
+        },
     },
     timeout: null,
     data() {
@@ -46,7 +50,7 @@ var script = {
             return 'p-message p-component p-message-' + this.severity;
         },
         iconClass() {
-            return ['p-message-icon pi', {
+            return ['p-message-icon pi', this.icon ? this.icon : {
                 'pi-info-circle': this.severity === 'info',
                 'pi-check': this.severity === 'success',
                 'pi-exclamation-triangle': this.severity === 'warn',

package/message/message.esm.min.js

@@ -1 +1 @@
-import e from"primevue/ripple";import{resolveDirective as s,openBlock as t,createBlock as i,Transition as n,withCtx as a,withDirectives as l,createVNode as o,renderSlot as p,createCommentVNode as r,vShow as c}from"vue";var m={name:"Message",emits:["close"],props:{severity:{type:String,default:"info"},closable:{type:Boolean,default:!0},sticky:{type:Boolean,default:!0},life:{type:Number,default:3e3}},timeout:null,data:()=>({visible:!0}),mounted(){this.sticky||setTimeout((()=>{this.visible=!1}),this.life)},methods:{close(e){this.visible=!1,this.$emit("close",e)}},computed:{containerClass(){return"p-message p-component p-message-"+this.severity},iconClass(){return["p-message-icon pi",{"pi-info-circle":"info"===this.severity,"pi-check":"success"===this.severity,"pi-exclamation-triangle":"warn"===this.severity,"pi-times-circle":"error"===this.severity}]}},directives:{ripple:e}};const d={class:"p-message-wrapper"},g={class:"p-message-text"},f=o("i",{class:"p-message-close-icon pi pi-times"},null,-1);!function(e,s){void 0===s&&(s={});var t=s.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===t&&i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-message-wrapper {\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}\n.p-message-close {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-message-close.p-link {\n    margin-left: auto;\n    overflow: hidden;\n    position: relative;\n}\n.p-message-enter-from {\n    opacity: 0;\n}\n.p-message-enter-active {\n    -webkit-transition: opacity .3s;\n    transition: opacity .3s;\n}\n.p-message.p-message-leave-from {\n    max-height: 1000px;\n}\n.p-message.p-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin: 0 !important;\n}\n.p-message-leave-active {\n    overflow: hidden;\n    -webkit-transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .15s;\n    transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .15s;\n}\n.p-message-leave-active .p-message-close {\n    display: none;\n}\n"),m.render=function(e,m,u,y,h,v){const b=s("ripple");return t(),i(n,{name:"p-message",appear:""},{default:a((()=>[l(o("div",{class:v.containerClass,role:"alert"},[o("div",d,[o("span",{class:v.iconClass},null,2),o("div",g,[p(e.$slots,"default")]),u.closable?l((t(),i("button",{key:0,class:"p-message-close p-link",onClick:m[1]||(m[1]=e=>v.close(e)),type:"button"},[f],512)),[[b]]):r("",!0)])],2),[[c,h.visible]])])),_:3})};export default m;
+import e from"primevue/ripple";import{resolveDirective as s,openBlock as t,createBlock as i,Transition as n,withCtx as a,withDirectives as l,createVNode as o,renderSlot as p,createCommentVNode as r,vShow as c}from"vue";var m={name:"Message",emits:["close"],props:{severity:{type:String,default:"info"},closable:{type:Boolean,default:!0},sticky:{type:Boolean,default:!0},life:{type:Number,default:3e3},icon:{type:String,default:null}},timeout:null,data:()=>({visible:!0}),mounted(){this.sticky||setTimeout((()=>{this.visible=!1}),this.life)},methods:{close(e){this.visible=!1,this.$emit("close",e)}},computed:{containerClass(){return"p-message p-component p-message-"+this.severity},iconClass(){return["p-message-icon pi",this.icon?this.icon:{"pi-info-circle":"info"===this.severity,"pi-check":"success"===this.severity,"pi-exclamation-triangle":"warn"===this.severity,"pi-times-circle":"error"===this.severity}]}},directives:{ripple:e}};const d={class:"p-message-wrapper"},g={class:"p-message-text"},u=o("i",{class:"p-message-close-icon pi pi-times"},null,-1);!function(e,s){void 0===s&&(s={});var t=s.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===t&&i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-message-wrapper {\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}\n.p-message-close {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-message-close.p-link {\n    margin-left: auto;\n    overflow: hidden;\n    position: relative;\n}\n.p-message-enter-from {\n    opacity: 0;\n}\n.p-message-enter-active {\n    -webkit-transition: opacity .3s;\n    transition: opacity .3s;\n}\n.p-message.p-message-leave-from {\n    max-height: 1000px;\n}\n.p-message.p-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin: 0 !important;\n}\n.p-message-leave-active {\n    overflow: hidden;\n    -webkit-transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .15s;\n    transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .15s;\n}\n.p-message-leave-active .p-message-close {\n    display: none;\n}\n"),m.render=function(e,m,f,y,h,v){const b=s("ripple");return t(),i(n,{name:"p-message",appear:""},{default:a((()=>[l(o("div",{class:v.containerClass,role:"alert"},[o("div",d,[o("span",{class:v.iconClass},null,2),o("div",g,[p(e.$slots,"default")]),f.closable?l((t(),i("button",{key:0,class:"p-message-close p-link",onClick:m[1]||(m[1]=e=>v.close(e)),type:"button"},[u],512)),[[b]]):r("",!0)])],2),[[c,h.visible]])])),_:3})};export default m;

package/message/message.js

@@ -25,7 +25,11 @@ this.primevue.message = (function (Ripple, vue) {
             life: {
                 type: Number,
                 default: 3000
-            }
+            },
+            icon: {
+                type: String,
+                default: null
+            },
         },
         timeout: null,
         data() {
@@ -51,7 +55,7 @@ this.primevue.message = (function (Ripple, vue) {
                 return 'p-message p-component p-message-' + this.severity;
             },
             iconClass() {
-                return ['p-message-icon pi', {
+                return ['p-message-icon pi', this.icon ? this.icon : {
                     'pi-info-circle': this.severity === 'info',
                     'pi-check': this.severity === 'success',
                     'pi-exclamation-triangle': this.severity === 'warn',

package/message/message.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.message=function(e,t){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"Message",emits:["close"],props:{severity:{type:String,default:"info"},closable:{type:Boolean,default:!0},sticky:{type:Boolean,default:!0},life:{type:Number,default:3e3}},timeout:null,data:()=>({visible:!0}),mounted(){this.sticky||setTimeout((()=>{this.visible=!1}),this.life)},methods:{close(e){this.visible=!1,this.$emit("close",e)}},computed:{containerClass(){return"p-message p-component p-message-"+this.severity},iconClass(){return["p-message-icon pi",{"pi-info-circle":"info"===this.severity,"pi-check":"success"===this.severity,"pi-exclamation-triangle":"warn"===this.severity,"pi-times-circle":"error"===this.severity}]}},directives:{ripple:s(e).default}};const n={class:"p-message-wrapper"},a={class:"p-message-text"},o=t.createVNode("i",{class:"p-message-close-icon pi pi-times"},null,-1);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-message-wrapper {\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}\n.p-message-close {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-message-close.p-link {\n    margin-left: auto;\n    overflow: hidden;\n    position: relative;\n}\n.p-message-enter-from {\n    opacity: 0;\n}\n.p-message-enter-active {\n    -webkit-transition: opacity .3s;\n    transition: opacity .3s;\n}\n.p-message.p-message-leave-from {\n    max-height: 1000px;\n}\n.p-message.p-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin: 0 !important;\n}\n.p-message-leave-active {\n    overflow: hidden;\n    -webkit-transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .15s;\n    transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .15s;\n}\n.p-message-leave-active .p-message-close {\n    display: none;\n}\n"),i.render=function(e,s,i,l,r,c){const p=t.resolveDirective("ripple");return t.openBlock(),t.createBlock(t.Transition,{name:"p-message",appear:""},{default:t.withCtx((()=>[t.withDirectives(t.createVNode("div",{class:c.containerClass,role:"alert"},[t.createVNode("div",n,[t.createVNode("span",{class:c.iconClass},null,2),t.createVNode("div",a,[t.renderSlot(e.$slots,"default")]),i.closable?t.withDirectives((t.openBlock(),t.createBlock("button",{key:0,class:"p-message-close p-link",onClick:s[1]||(s[1]=e=>c.close(e)),type:"button"},[o],512)),[[p]]):t.createCommentVNode("",!0)])],2),[[t.vShow,r.visible]])])),_:3})},i}(primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.message=function(e,t){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s={name:"Message",emits:["close"],props:{severity:{type:String,default:"info"},closable:{type:Boolean,default:!0},sticky:{type:Boolean,default:!0},life:{type:Number,default:3e3},icon:{type:String,default:null}},timeout:null,data:()=>({visible:!0}),mounted(){this.sticky||setTimeout((()=>{this.visible=!1}),this.life)},methods:{close(e){this.visible=!1,this.$emit("close",e)}},computed:{containerClass(){return"p-message p-component p-message-"+this.severity},iconClass(){return["p-message-icon pi",this.icon?this.icon:{"pi-info-circle":"info"===this.severity,"pi-check":"success"===this.severity,"pi-exclamation-triangle":"warn"===this.severity,"pi-times-circle":"error"===this.severity}]}},directives:{ripple:i(e).default}};const n={class:"p-message-wrapper"},a={class:"p-message-text"},o=t.createVNode("i",{class:"p-message-close-icon pi pi-times"},null,-1);return function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&s.firstChild?s.insertBefore(n,s.firstChild):s.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-message-wrapper {\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}\n.p-message-close {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-message-close.p-link {\n    margin-left: auto;\n    overflow: hidden;\n    position: relative;\n}\n.p-message-enter-from {\n    opacity: 0;\n}\n.p-message-enter-active {\n    -webkit-transition: opacity .3s;\n    transition: opacity .3s;\n}\n.p-message.p-message-leave-from {\n    max-height: 1000px;\n}\n.p-message.p-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin: 0 !important;\n}\n.p-message-leave-active {\n    overflow: hidden;\n    -webkit-transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .15s;\n    transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .15s;\n}\n.p-message-leave-active .p-message-close {\n    display: none;\n}\n"),s.render=function(e,i,s,l,r,c){const p=t.resolveDirective("ripple");return t.openBlock(),t.createBlock(t.Transition,{name:"p-message",appear:""},{default:t.withCtx((()=>[t.withDirectives(t.createVNode("div",{class:c.containerClass,role:"alert"},[t.createVNode("div",n,[t.createVNode("span",{class:c.iconClass},null,2),t.createVNode("div",a,[t.renderSlot(e.$slots,"default")]),s.closable?t.withDirectives((t.openBlock(),t.createBlock("button",{key:0,class:"p-message-close p-link",onClick:i[1]||(i[1]=e=>c.close(e)),type:"button"},[o],512)),[[p]]):t.createCommentVNode("",!0)])],2),[[t.vShow,r.visible]])])),_:3})},s}(primevue.ripple,Vue);

package/multiselect/MultiSelect.d.ts

@@ -1,14 +1,19 @@
 import { VNode } from 'vue';
-import { VirtualScrollerProps } from '../virtualscroller';
+import VirtualScrollerProps from '../virtualscroller';
+
+type MultiSelectOptionLabelType = string | ((data: any) => string) | undefined;
+type MultiSelectOptionValueType = string | ((data: any) => any) | undefined;
+type MultiSelectOptionDisabledType = string | ((data: any) => boolean) | undefined;
+type MultiSelectOptionChildrenType = string | ((data: any) => any[]) | undefined;
 
 interface MultiSelectProps {
     modelValue?: any;
     options?: any[];
-    optionLabel?: string;
-    optionValue?: any;
-    optionDisabled?: boolean;
-    optionGroupLabel?: string;
-    optionGroupChildren?: string;
+    optionLabel?: MultiSelectOptionLabelType;
+    optionValue?: MultiSelectOptionValueType;
+    optionDisabled?: MultiSelectOptionDisabledType;
+    optionGroupLabel?: MultiSelectOptionLabelType;
+    optionGroupChildren?: MultiSelectOptionChildrenType;
     scrollHeight?: string;
     placeholder?: string;
     disabled?: boolean;
@@ -36,6 +41,46 @@ interface MultiSelectProps {
     selectAll?: boolean;
 }
 
+interface MultiSelectValueSlotInterface {
+    value: any;
+    placeholder: string;
+}
+
+interface MultiSelectHeaderSlotInterface {
+    value: any;
+    options: any[];
+}
+
+interface MultiSelectFooterSlotInterface {
+    value: any;
+    options: any[];
+}
+
+interface MultiSelectOptionSlotInterface {
+    option: any;
+    index: number;
+}
+
+interface MultiSelectOptionGroupSlotInterface {
+    option: any;
+    index: number;
+}
+
+interface MultiSelectChipSlotContent {
+    value: any;
+}
+
+interface MultiSelectContentInterface {
+    items: any;
+    styleClass: string;
+    contentRef: string;
+    getItemOptions: any;
+}
+
+interface MultiSelectLoaderSlotInterface {
+    options: any[];
+}
+
 declare class MultiSelect {
     $props: MultiSelectProps;
     $emit(eventName: 'update:modelValue', value: any): this;
@@ -46,17 +91,19 @@ declare class MultiSelect {
     $emit(eventName: 'hide'): this;
     $emit(eventName: 'filter', e: { originalEvent: Event, value: string }): this;
     $emit(eventName: 'selectall-change', e: { originalEvent: Event, checked: boolean }): this;
+    show(): void;
+    hide(): void;
     $slots: {
-        value: VNode[];
-        header: VNode[];
-        footer: VNode[];
+        value: MultiSelectValueSlotInterface;
+        header: MultiSelectHeaderSlotInterface;
+        footer: MultiSelectFooterSlotInterface;
         emptyfilter: VNode[];
         empty: VNode[];
-        option: VNode[];
-        optiongroup: VNode[];
-        chip: VNode[];
-        content: VNode[];
-        loader: VNode[];
+        option: MultiSelectOptionSlotInterface;
+        optiongroup: MultiSelectOptionGroupSlotInterface;
+        chip: MultiSelectChipSlotContent;
+        content: MultiSelectContentInterface;
+        loader: MultiSelectLoaderSlotInterface;
         indicator: VNode[];
     }
 }

package/orderlist/OrderList.d.ts

@@ -10,6 +10,11 @@ interface OrderListProps {
     breakpoint?: string;
 }
 
+interface OrderListItemSlotInterface {
+    item: any;
+    index: number;
+}
+
 declare class OrderList {
     $props: OrderListProps;
     $emit(eventName: 'update:modelValue', value: any[]): this;
@@ -18,7 +23,9 @@ declare class OrderList {
     $emit(eventName: 'selection-change', e: { originalEvent: Event, value: any[]}): this;
     $slots: {
         header: VNode[];
-        item: VNode[];
+        item: OrderListItemSlotInterface;
+        controlsstart: VNode[];
+        controlsend: VNode[];
     }
 }
 

package/orderlist/OrderList.vue

@@ -1,10 +1,12 @@
 <template>
     <div class="p-orderlist p-component">
         <div class="p-orderlist-controls">
+            <slot name="controlsstart"></slot>
             <OLButton type="button" icon="pi pi-angle-up" @click="moveUp"></OLButton>
             <OLButton type="button" icon="pi pi-angle-double-up" @click="moveTop"></OLButton>
             <OLButton type="button" icon="pi pi-angle-down" @click="moveDown"></OLButton>
             <OLButton type="button" icon="pi pi-angle-double-down" @click="moveBottom"></OLButton>
+            <slot name="controlsend"></slot>
         </div>
         <div class="p-orderlist-list-container">
             <div class="p-orderlist-header" v-if="$slots.header">

package/orderlist/orderlist.cjs.js

@@ -352,6 +352,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
   return (vue.openBlock(), vue.createBlock("div", _hoisted_1, [
     vue.createVNode("div", _hoisted_2, [
+      vue.renderSlot(_ctx.$slots, "controlsstart"),
       vue.createVNode(_component_OLButton, {
         type: "button",
         icon: "pi pi-angle-up",
@@ -371,7 +372,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         type: "button",
         icon: "pi pi-angle-double-down",
         onClick: $options.moveBottom
-      }, null, 8, ["onClick"])
+      }, null, 8, ["onClick"]),
+      vue.renderSlot(_ctx.$slots, "controlsend")
     ]),
     vue.createVNode("div", _hoisted_3, [
       (_ctx.$slots.header)

package/orderlist/orderlist.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/button"),t=require("primevue/utils"),i=require("primevue/ripple"),l=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e),r=n(i),s={name:"OrderList",emits:["update:modelValue","reorder","update:selection","selection-change"],props:{modelValue:{type:Array,default:null},selection:{type:Array,default:null},dataKey:{type:String,default:null},listStyle:{type:null,default:null},metaKeySelection:{type:Boolean,default:!0},responsive:{type:Boolean,default:!0},breakpoint:{type:String,default:"960px"}},itemTouched:!1,reorderDirection:null,styleElement:null,data(){return{d_selection:this.selection}},beforeUnmount(){this.destroyStyle()},updated(){this.reorderDirection&&(this.updateListScroll(),this.reorderDirection=null)},mounted(){this.responsive&&this.createStyle()},methods:{getItemKey(e,i){return this.dataKey?t.ObjectUtils.resolveFieldData(e,this.dataKey):i},isSelected(e){return-1!=t.ObjectUtils.findIndexInList(e,this.d_selection)},moveUp(){if(this.d_selection){let e=[...this.modelValue];for(let i=0;i<this.d_selection.length;i++){let l=this.d_selection[i],n=t.ObjectUtils.findIndexInList(l,e);if(0===n)break;{let t=e[n],i=e[n-1];e[n-1]=t,e[n]=i}}this.reorderDirection="up",this.$emit("update:modelValue",e),this.$emit("reorder",{originalEvent:event,value:e,direction:this.reorderDirection})}},moveTop(){if(this.d_selection){let e=[...this.modelValue];for(let i=0;i<this.d_selection.length;i++){let l=this.d_selection[i],n=t.ObjectUtils.findIndexInList(l,e);if(0===n)break;{let t=e.splice(n,1)[0];e.unshift(t)}}this.reorderDirection="top",this.$emit("update:modelValue",e),this.$emit("reorder",{originalEvent:event,value:e,direction:this.reorderDirection})}},moveDown(){if(this.d_selection){let e=[...this.modelValue];for(let i=this.d_selection.length-1;i>=0;i--){let l=this.d_selection[i],n=t.ObjectUtils.findIndexInList(l,e);if(n===e.length-1)break;{let t=e[n],i=e[n+1];e[n+1]=t,e[n]=i}}this.reorderDirection="down",this.$emit("update:modelValue",e),this.$emit("reorder",{originalEvent:event,value:e,direction:this.reorderDirection})}},moveBottom(){if(this.d_selection){let e=[...this.modelValue];for(let i=this.d_selection.length-1;i>=0;i--){let l=this.d_selection[i],n=t.ObjectUtils.findIndexInList(l,e);if(n===e.length-1)break;{let t=e.splice(n,1)[0];e.push(t)}}this.reorderDirection="bottom",this.$emit("update:modelValue",e),this.$emit("reorder",{originalEvent:event,value:e,direction:this.reorderDirection})}},onItemClick(e,i,l){this.itemTouched=!1;let n=t.ObjectUtils.findIndexInList(i,this.d_selection),o=-1!=n;if(!this.itemTouched&&this.metaKeySelection){let r=e.metaKey||e.ctrlKey;o&&r?this.d_selection=this.d_selection.filter(((e,t)=>t!==n)):(this.d_selection=r&&this.d_selection?[...this.d_selection]:[],t.ObjectUtils.insertIntoOrderedArray(i,l,this.d_selection,this.modelValue))}else o?this.d_selection=this.d_selection.filter(((e,t)=>t!==n)):(this.d_selection=this.d_selection?[...this.d_selection]:[],t.ObjectUtils.insertIntoOrderedArray(i,l,this.d_selection,this.modelValue));this.$emit("update:selection",this.d_selection),this.$emit("selection-change",{originalEvent:e,value:this.d_selection})},onItemTouchEnd(){this.itemTouched=!0},onItemKeyDown(e,t,i){let l=e.currentTarget;switch(e.which){case 40:var n=this.findNextItem(l);n&&n.focus(),e.preventDefault();break;case 38:var o=this.findPrevItem(l);o&&o.focus(),e.preventDefault();break;case 13:this.onItemClick(e,t,i),e.preventDefault()}},findNextItem(e){let i=e.nextElementSibling;return i?t.DomHandler.hasClass(i,"p-orderlist-item")?i:this.findNextItem(i):null},findPrevItem(e){let i=e.previousElementSibling;return i?t.DomHandler.hasClass(i,"p-orderlist-item")?i:this.findPrevItem(i):null},updateListScroll(){const e=t.DomHandler.find(this.$refs.list.$el,".p-orderlist-item.p-highlight");if(e&&e.length)switch(this.reorderDirection){case"up":t.DomHandler.scrollInView(this.$refs.list.$el,e[0]);break;case"top":this.$refs.list.$el.scrollTop=0;break;case"down":t.DomHandler.scrollInView(this.$refs.list.$el,e[e.length-1]);break;case"bottom":this.$refs.list.$el.scrollTop=this.$refs.list.$el.scrollHeight}},createStyle(){if(!this.styleElement){this.$el.setAttribute(this.attributeSelector,""),this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e=`\n@media screen and (max-width: ${this.breakpoint}) {\n    .p-orderlist[${this.attributeSelector}] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[${this.attributeSelector}] .p-orderlist-controls {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-orderlist[${this.attributeSelector}] .p-orderlist-controls .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-orderlist[${this.attributeSelector}] .p-orderlist-controls .p-button:last-child {\n        margin-right: 0;\n    }\n}\n`;this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)}},computed:{attributeSelector:()=>t.UniqueComponentId()},components:{OLButton:o.default},directives:{ripple:r.default}};const d={class:"p-orderlist p-component"},c={class:"p-orderlist-controls"},a={class:"p-orderlist-list-container"},h={key:0,class:"p-orderlist-header"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-orderlist {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-orderlist-controls {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-orderlist-list-container {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-orderlist-list {\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n    overflow: auto;\n    min-height: 12rem;\n    max-height: 24rem;\n}\n.p-orderlist-item {\n    cursor: pointer;\n    overflow: hidden;\n    position: relative;\n}\n.p-orderlist.p-state-disabled .p-orderlist-item,\n.p-orderlist.p-state-disabled .p-button {\n    cursor: default;\n}\n.p-orderlist.p-state-disabled .p-orderlist-list {\n    overflow: hidden;\n}\n"),s.render=function(e,t,i,n,o,r){const s=l.resolveComponent("OLButton"),u=l.resolveDirective("ripple");return l.openBlock(),l.createBlock("div",d,[l.createVNode("div",c,[l.createVNode(s,{type:"button",icon:"pi pi-angle-up",onClick:r.moveUp},null,8,["onClick"]),l.createVNode(s,{type:"button",icon:"pi pi-angle-double-up",onClick:r.moveTop},null,8,["onClick"]),l.createVNode(s,{type:"button",icon:"pi pi-angle-down",onClick:r.moveDown},null,8,["onClick"]),l.createVNode(s,{type:"button",icon:"pi pi-angle-double-down",onClick:r.moveBottom},null,8,["onClick"])]),l.createVNode("div",a,[e.$slots.header?(l.openBlock(),l.createBlock("div",h,[l.renderSlot(e.$slots,"header")])):l.createCommentVNode("",!0),l.createVNode(l.TransitionGroup,{ref:"list",name:"p-orderlist-flip",tag:"ul",class:"p-orderlist-list",style:i.listStyle,role:"listbox","aria-multiselectable":"multiple"},{default:l.withCtx((()=>[(l.openBlock(!0),l.createBlock(l.Fragment,null,l.renderList(i.modelValue,((i,n)=>l.withDirectives((l.openBlock(),l.createBlock("li",{key:r.getItemKey(i,n),tabindex:"0",class:["p-orderlist-item",{"p-highlight":r.isSelected(i)}],onClick:e=>r.onItemClick(e,i,n),onKeydown:e=>r.onItemKeyDown(e,i,n),onTouchend:t[1]||(t[1]=(...e)=>r.onItemTouchEnd&&r.onItemTouchEnd(...e)),role:"option","aria-selected":r.isSelected(i)},[l.renderSlot(e.$slots,"item",{item:i,index:n})],42,["onClick","onKeydown","aria-selected"])),[[u]]))),128))])),_:3},8,["style"])])])},module.exports=s;
+"use strict";var e=require("primevue/button"),t=require("primevue/utils"),i=require("primevue/ripple"),l=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e),r=n(i),s={name:"OrderList",emits:["update:modelValue","reorder","update:selection","selection-change"],props:{modelValue:{type:Array,default:null},selection:{type:Array,default:null},dataKey:{type:String,default:null},listStyle:{type:null,default:null},metaKeySelection:{type:Boolean,default:!0},responsive:{type:Boolean,default:!0},breakpoint:{type:String,default:"960px"}},itemTouched:!1,reorderDirection:null,styleElement:null,data(){return{d_selection:this.selection}},beforeUnmount(){this.destroyStyle()},updated(){this.reorderDirection&&(this.updateListScroll(),this.reorderDirection=null)},mounted(){this.responsive&&this.createStyle()},methods:{getItemKey(e,i){return this.dataKey?t.ObjectUtils.resolveFieldData(e,this.dataKey):i},isSelected(e){return-1!=t.ObjectUtils.findIndexInList(e,this.d_selection)},moveUp(){if(this.d_selection){let e=[...this.modelValue];for(let i=0;i<this.d_selection.length;i++){let l=this.d_selection[i],n=t.ObjectUtils.findIndexInList(l,e);if(0===n)break;{let t=e[n],i=e[n-1];e[n-1]=t,e[n]=i}}this.reorderDirection="up",this.$emit("update:modelValue",e),this.$emit("reorder",{originalEvent:event,value:e,direction:this.reorderDirection})}},moveTop(){if(this.d_selection){let e=[...this.modelValue];for(let i=0;i<this.d_selection.length;i++){let l=this.d_selection[i],n=t.ObjectUtils.findIndexInList(l,e);if(0===n)break;{let t=e.splice(n,1)[0];e.unshift(t)}}this.reorderDirection="top",this.$emit("update:modelValue",e),this.$emit("reorder",{originalEvent:event,value:e,direction:this.reorderDirection})}},moveDown(){if(this.d_selection){let e=[...this.modelValue];for(let i=this.d_selection.length-1;i>=0;i--){let l=this.d_selection[i],n=t.ObjectUtils.findIndexInList(l,e);if(n===e.length-1)break;{let t=e[n],i=e[n+1];e[n+1]=t,e[n]=i}}this.reorderDirection="down",this.$emit("update:modelValue",e),this.$emit("reorder",{originalEvent:event,value:e,direction:this.reorderDirection})}},moveBottom(){if(this.d_selection){let e=[...this.modelValue];for(let i=this.d_selection.length-1;i>=0;i--){let l=this.d_selection[i],n=t.ObjectUtils.findIndexInList(l,e);if(n===e.length-1)break;{let t=e.splice(n,1)[0];e.push(t)}}this.reorderDirection="bottom",this.$emit("update:modelValue",e),this.$emit("reorder",{originalEvent:event,value:e,direction:this.reorderDirection})}},onItemClick(e,i,l){this.itemTouched=!1;let n=t.ObjectUtils.findIndexInList(i,this.d_selection),o=-1!=n;if(!this.itemTouched&&this.metaKeySelection){let r=e.metaKey||e.ctrlKey;o&&r?this.d_selection=this.d_selection.filter(((e,t)=>t!==n)):(this.d_selection=r&&this.d_selection?[...this.d_selection]:[],t.ObjectUtils.insertIntoOrderedArray(i,l,this.d_selection,this.modelValue))}else o?this.d_selection=this.d_selection.filter(((e,t)=>t!==n)):(this.d_selection=this.d_selection?[...this.d_selection]:[],t.ObjectUtils.insertIntoOrderedArray(i,l,this.d_selection,this.modelValue));this.$emit("update:selection",this.d_selection),this.$emit("selection-change",{originalEvent:e,value:this.d_selection})},onItemTouchEnd(){this.itemTouched=!0},onItemKeyDown(e,t,i){let l=e.currentTarget;switch(e.which){case 40:var n=this.findNextItem(l);n&&n.focus(),e.preventDefault();break;case 38:var o=this.findPrevItem(l);o&&o.focus(),e.preventDefault();break;case 13:this.onItemClick(e,t,i),e.preventDefault()}},findNextItem(e){let i=e.nextElementSibling;return i?t.DomHandler.hasClass(i,"p-orderlist-item")?i:this.findNextItem(i):null},findPrevItem(e){let i=e.previousElementSibling;return i?t.DomHandler.hasClass(i,"p-orderlist-item")?i:this.findPrevItem(i):null},updateListScroll(){const e=t.DomHandler.find(this.$refs.list.$el,".p-orderlist-item.p-highlight");if(e&&e.length)switch(this.reorderDirection){case"up":t.DomHandler.scrollInView(this.$refs.list.$el,e[0]);break;case"top":this.$refs.list.$el.scrollTop=0;break;case"down":t.DomHandler.scrollInView(this.$refs.list.$el,e[e.length-1]);break;case"bottom":this.$refs.list.$el.scrollTop=this.$refs.list.$el.scrollHeight}},createStyle(){if(!this.styleElement){this.$el.setAttribute(this.attributeSelector,""),this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e=`\n@media screen and (max-width: ${this.breakpoint}) {\n    .p-orderlist[${this.attributeSelector}] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[${this.attributeSelector}] .p-orderlist-controls {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-orderlist[${this.attributeSelector}] .p-orderlist-controls .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-orderlist[${this.attributeSelector}] .p-orderlist-controls .p-button:last-child {\n        margin-right: 0;\n    }\n}\n`;this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)}},computed:{attributeSelector:()=>t.UniqueComponentId()},components:{OLButton:o.default},directives:{ripple:r.default}};const d={class:"p-orderlist p-component"},c={class:"p-orderlist-controls"},a={class:"p-orderlist-list-container"},h={key:0,class:"p-orderlist-header"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-orderlist {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-orderlist-controls {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-orderlist-list-container {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-orderlist-list {\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n    overflow: auto;\n    min-height: 12rem;\n    max-height: 24rem;\n}\n.p-orderlist-item {\n    cursor: pointer;\n    overflow: hidden;\n    position: relative;\n}\n.p-orderlist.p-state-disabled .p-orderlist-item,\n.p-orderlist.p-state-disabled .p-button {\n    cursor: default;\n}\n.p-orderlist.p-state-disabled .p-orderlist-list {\n    overflow: hidden;\n}\n"),s.render=function(e,t,i,n,o,r){const s=l.resolveComponent("OLButton"),u=l.resolveDirective("ripple");return l.openBlock(),l.createBlock("div",d,[l.createVNode("div",c,[l.renderSlot(e.$slots,"controlsstart"),l.createVNode(s,{type:"button",icon:"pi pi-angle-up",onClick:r.moveUp},null,8,["onClick"]),l.createVNode(s,{type:"button",icon:"pi pi-angle-double-up",onClick:r.moveTop},null,8,["onClick"]),l.createVNode(s,{type:"button",icon:"pi pi-angle-down",onClick:r.moveDown},null,8,["onClick"]),l.createVNode(s,{type:"button",icon:"pi pi-angle-double-down",onClick:r.moveBottom},null,8,["onClick"]),l.renderSlot(e.$slots,"controlsend")]),l.createVNode("div",a,[e.$slots.header?(l.openBlock(),l.createBlock("div",h,[l.renderSlot(e.$slots,"header")])):l.createCommentVNode("",!0),l.createVNode(l.TransitionGroup,{ref:"list",name:"p-orderlist-flip",tag:"ul",class:"p-orderlist-list",style:i.listStyle,role:"listbox","aria-multiselectable":"multiple"},{default:l.withCtx((()=>[(l.openBlock(!0),l.createBlock(l.Fragment,null,l.renderList(i.modelValue,((i,n)=>l.withDirectives((l.openBlock(),l.createBlock("li",{key:r.getItemKey(i,n),tabindex:"0",class:["p-orderlist-item",{"p-highlight":r.isSelected(i)}],onClick:e=>r.onItemClick(e,i,n),onKeydown:e=>r.onItemKeyDown(e,i,n),onTouchend:t[1]||(t[1]=(...e)=>r.onItemTouchEnd&&r.onItemTouchEnd(...e)),role:"option","aria-selected":r.isSelected(i)},[l.renderSlot(e.$slots,"item",{item:i,index:n})],42,["onClick","onKeydown","aria-selected"])),[[u]]))),128))])),_:3},8,["style"])])])},module.exports=s;

package/orderlist/orderlist.esm.js

@@ -345,6 +345,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
   return (openBlock(), createBlock("div", _hoisted_1, [
     createVNode("div", _hoisted_2, [
+      renderSlot(_ctx.$slots, "controlsstart"),
       createVNode(_component_OLButton, {
         type: "button",
         icon: "pi pi-angle-up",
@@ -364,7 +365,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         type: "button",
         icon: "pi pi-angle-double-down",
         onClick: $options.moveBottom
-      }, null, 8, ["onClick"])
+      }, null, 8, ["onClick"]),
+      renderSlot(_ctx.$slots, "controlsend")
     ]),
     createVNode("div", _hoisted_3, [
       (_ctx.$slots.header)

package/orderlist/orderlist.esm.min.js

@@ -1 +1 @@
-import e from"primevue/button";import{ObjectUtils as t,DomHandler as i,UniqueComponentId as l}from"primevue/utils";import n from"primevue/ripple";import{resolveComponent as o,resolveDirective as s,openBlock as r,createBlock as d,createVNode as a,renderSlot as c,createCommentVNode as h,TransitionGroup as p,withCtx as m,Fragment as u,renderList as f,withDirectives as y}from"vue";var v={name:"OrderList",emits:["update:modelValue","reorder","update:selection","selection-change"],props:{modelValue:{type:Array,default:null},selection:{type:Array,default:null},dataKey:{type:String,default:null},listStyle:{type:null,default:null},metaKeySelection:{type:Boolean,default:!0},responsive:{type:Boolean,default:!0},breakpoint:{type:String,default:"960px"}},itemTouched:!1,reorderDirection:null,styleElement:null,data(){return{d_selection:this.selection}},beforeUnmount(){this.destroyStyle()},updated(){this.reorderDirection&&(this.updateListScroll(),this.reorderDirection=null)},mounted(){this.responsive&&this.createStyle()},methods:{getItemKey(e,i){return this.dataKey?t.resolveFieldData(e,this.dataKey):i},isSelected(e){return-1!=t.findIndexInList(e,this.d_selection)},moveUp(){if(this.d_selection){let e=[...this.modelValue];for(let i=0;i<this.d_selection.length;i++){let l=this.d_selection[i],n=t.findIndexInList(l,e);if(0===n)break;{let t=e[n],i=e[n-1];e[n-1]=t,e[n]=i}}this.reorderDirection="up",this.$emit("update:modelValue",e),this.$emit("reorder",{originalEvent:event,value:e,direction:this.reorderDirection})}},moveTop(){if(this.d_selection){let e=[...this.modelValue];for(let i=0;i<this.d_selection.length;i++){let l=this.d_selection[i],n=t.findIndexInList(l,e);if(0===n)break;{let t=e.splice(n,1)[0];e.unshift(t)}}this.reorderDirection="top",this.$emit("update:modelValue",e),this.$emit("reorder",{originalEvent:event,value:e,direction:this.reorderDirection})}},moveDown(){if(this.d_selection){let e=[...this.modelValue];for(let i=this.d_selection.length-1;i>=0;i--){let l=this.d_selection[i],n=t.findIndexInList(l,e);if(n===e.length-1)break;{let t=e[n],i=e[n+1];e[n+1]=t,e[n]=i}}this.reorderDirection="down",this.$emit("update:modelValue",e),this.$emit("reorder",{originalEvent:event,value:e,direction:this.reorderDirection})}},moveBottom(){if(this.d_selection){let e=[...this.modelValue];for(let i=this.d_selection.length-1;i>=0;i--){let l=this.d_selection[i],n=t.findIndexInList(l,e);if(n===e.length-1)break;{let t=e.splice(n,1)[0];e.push(t)}}this.reorderDirection="bottom",this.$emit("update:modelValue",e),this.$emit("reorder",{originalEvent:event,value:e,direction:this.reorderDirection})}},onItemClick(e,i,l){this.itemTouched=!1;let n=t.findIndexInList(i,this.d_selection),o=-1!=n;if(!this.itemTouched&&this.metaKeySelection){let s=e.metaKey||e.ctrlKey;o&&s?this.d_selection=this.d_selection.filter(((e,t)=>t!==n)):(this.d_selection=s&&this.d_selection?[...this.d_selection]:[],t.insertIntoOrderedArray(i,l,this.d_selection,this.modelValue))}else o?this.d_selection=this.d_selection.filter(((e,t)=>t!==n)):(this.d_selection=this.d_selection?[...this.d_selection]:[],t.insertIntoOrderedArray(i,l,this.d_selection,this.modelValue));this.$emit("update:selection",this.d_selection),this.$emit("selection-change",{originalEvent:e,value:this.d_selection})},onItemTouchEnd(){this.itemTouched=!0},onItemKeyDown(e,t,i){let l=e.currentTarget;switch(e.which){case 40:var n=this.findNextItem(l);n&&n.focus(),e.preventDefault();break;case 38:var o=this.findPrevItem(l);o&&o.focus(),e.preventDefault();break;case 13:this.onItemClick(e,t,i),e.preventDefault()}},findNextItem(e){let t=e.nextElementSibling;return t?i.hasClass(t,"p-orderlist-item")?t:this.findNextItem(t):null},findPrevItem(e){let t=e.previousElementSibling;return t?i.hasClass(t,"p-orderlist-item")?t:this.findPrevItem(t):null},updateListScroll(){const e=i.find(this.$refs.list.$el,".p-orderlist-item.p-highlight");if(e&&e.length)switch(this.reorderDirection){case"up":i.scrollInView(this.$refs.list.$el,e[0]);break;case"top":this.$refs.list.$el.scrollTop=0;break;case"down":i.scrollInView(this.$refs.list.$el,e[e.length-1]);break;case"bottom":this.$refs.list.$el.scrollTop=this.$refs.list.$el.scrollHeight}},createStyle(){if(!this.styleElement){this.$el.setAttribute(this.attributeSelector,""),this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e=`\n@media screen and (max-width: ${this.breakpoint}) {\n    .p-orderlist[${this.attributeSelector}] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[${this.attributeSelector}] .p-orderlist-controls {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-orderlist[${this.attributeSelector}] .p-orderlist-controls .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-orderlist[${this.attributeSelector}] .p-orderlist-controls .p-button:last-child {\n        margin-right: 0;\n    }\n}\n`;this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)}},computed:{attributeSelector:()=>l()},components:{OLButton:e},directives:{ripple:n}};const b={class:"p-orderlist p-component"},g={class:"p-orderlist-controls"},x={class:"p-orderlist-list-container"},k={key:0,class:"p-orderlist-header"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-orderlist {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-orderlist-controls {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-orderlist-list-container {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-orderlist-list {\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n    overflow: auto;\n    min-height: 12rem;\n    max-height: 24rem;\n}\n.p-orderlist-item {\n    cursor: pointer;\n    overflow: hidden;\n    position: relative;\n}\n.p-orderlist.p-state-disabled .p-orderlist-item,\n.p-orderlist.p-state-disabled .p-button {\n    cursor: default;\n}\n.p-orderlist.p-state-disabled .p-orderlist-list {\n    overflow: hidden;\n}\n"),v.render=function(e,t,i,l,n,v){const I=o("OLButton"),$=s("ripple");return r(),d("div",b,[a("div",g,[a(I,{type:"button",icon:"pi pi-angle-up",onClick:v.moveUp},null,8,["onClick"]),a(I,{type:"button",icon:"pi pi-angle-double-up",onClick:v.moveTop},null,8,["onClick"]),a(I,{type:"button",icon:"pi pi-angle-down",onClick:v.moveDown},null,8,["onClick"]),a(I,{type:"button",icon:"pi pi-angle-double-down",onClick:v.moveBottom},null,8,["onClick"])]),a("div",x,[e.$slots.header?(r(),d("div",k,[c(e.$slots,"header")])):h("",!0),a(p,{ref:"list",name:"p-orderlist-flip",tag:"ul",class:"p-orderlist-list",style:i.listStyle,role:"listbox","aria-multiselectable":"multiple"},{default:m((()=>[(r(!0),d(u,null,f(i.modelValue,((i,l)=>y((r(),d("li",{key:v.getItemKey(i,l),tabindex:"0",class:["p-orderlist-item",{"p-highlight":v.isSelected(i)}],onClick:e=>v.onItemClick(e,i,l),onKeydown:e=>v.onItemKeyDown(e,i,l),onTouchend:t[1]||(t[1]=(...e)=>v.onItemTouchEnd&&v.onItemTouchEnd(...e)),role:"option","aria-selected":v.isSelected(i)},[c(e.$slots,"item",{item:i,index:l})],42,["onClick","onKeydown","aria-selected"])),[[$]]))),128))])),_:3},8,["style"])])])};export default v;
+import e from"primevue/button";import{ObjectUtils as t,DomHandler as i,UniqueComponentId as l}from"primevue/utils";import n from"primevue/ripple";import{resolveComponent as o,resolveDirective as s,openBlock as r,createBlock as d,createVNode as a,renderSlot as c,createCommentVNode as h,TransitionGroup as p,withCtx as m,Fragment as u,renderList as f,withDirectives as y}from"vue";var v={name:"OrderList",emits:["update:modelValue","reorder","update:selection","selection-change"],props:{modelValue:{type:Array,default:null},selection:{type:Array,default:null},dataKey:{type:String,default:null},listStyle:{type:null,default:null},metaKeySelection:{type:Boolean,default:!0},responsive:{type:Boolean,default:!0},breakpoint:{type:String,default:"960px"}},itemTouched:!1,reorderDirection:null,styleElement:null,data(){return{d_selection:this.selection}},beforeUnmount(){this.destroyStyle()},updated(){this.reorderDirection&&(this.updateListScroll(),this.reorderDirection=null)},mounted(){this.responsive&&this.createStyle()},methods:{getItemKey(e,i){return this.dataKey?t.resolveFieldData(e,this.dataKey):i},isSelected(e){return-1!=t.findIndexInList(e,this.d_selection)},moveUp(){if(this.d_selection){let e=[...this.modelValue];for(let i=0;i<this.d_selection.length;i++){let l=this.d_selection[i],n=t.findIndexInList(l,e);if(0===n)break;{let t=e[n],i=e[n-1];e[n-1]=t,e[n]=i}}this.reorderDirection="up",this.$emit("update:modelValue",e),this.$emit("reorder",{originalEvent:event,value:e,direction:this.reorderDirection})}},moveTop(){if(this.d_selection){let e=[...this.modelValue];for(let i=0;i<this.d_selection.length;i++){let l=this.d_selection[i],n=t.findIndexInList(l,e);if(0===n)break;{let t=e.splice(n,1)[0];e.unshift(t)}}this.reorderDirection="top",this.$emit("update:modelValue",e),this.$emit("reorder",{originalEvent:event,value:e,direction:this.reorderDirection})}},moveDown(){if(this.d_selection){let e=[...this.modelValue];for(let i=this.d_selection.length-1;i>=0;i--){let l=this.d_selection[i],n=t.findIndexInList(l,e);if(n===e.length-1)break;{let t=e[n],i=e[n+1];e[n+1]=t,e[n]=i}}this.reorderDirection="down",this.$emit("update:modelValue",e),this.$emit("reorder",{originalEvent:event,value:e,direction:this.reorderDirection})}},moveBottom(){if(this.d_selection){let e=[...this.modelValue];for(let i=this.d_selection.length-1;i>=0;i--){let l=this.d_selection[i],n=t.findIndexInList(l,e);if(n===e.length-1)break;{let t=e.splice(n,1)[0];e.push(t)}}this.reorderDirection="bottom",this.$emit("update:modelValue",e),this.$emit("reorder",{originalEvent:event,value:e,direction:this.reorderDirection})}},onItemClick(e,i,l){this.itemTouched=!1;let n=t.findIndexInList(i,this.d_selection),o=-1!=n;if(!this.itemTouched&&this.metaKeySelection){let s=e.metaKey||e.ctrlKey;o&&s?this.d_selection=this.d_selection.filter(((e,t)=>t!==n)):(this.d_selection=s&&this.d_selection?[...this.d_selection]:[],t.insertIntoOrderedArray(i,l,this.d_selection,this.modelValue))}else o?this.d_selection=this.d_selection.filter(((e,t)=>t!==n)):(this.d_selection=this.d_selection?[...this.d_selection]:[],t.insertIntoOrderedArray(i,l,this.d_selection,this.modelValue));this.$emit("update:selection",this.d_selection),this.$emit("selection-change",{originalEvent:e,value:this.d_selection})},onItemTouchEnd(){this.itemTouched=!0},onItemKeyDown(e,t,i){let l=e.currentTarget;switch(e.which){case 40:var n=this.findNextItem(l);n&&n.focus(),e.preventDefault();break;case 38:var o=this.findPrevItem(l);o&&o.focus(),e.preventDefault();break;case 13:this.onItemClick(e,t,i),e.preventDefault()}},findNextItem(e){let t=e.nextElementSibling;return t?i.hasClass(t,"p-orderlist-item")?t:this.findNextItem(t):null},findPrevItem(e){let t=e.previousElementSibling;return t?i.hasClass(t,"p-orderlist-item")?t:this.findPrevItem(t):null},updateListScroll(){const e=i.find(this.$refs.list.$el,".p-orderlist-item.p-highlight");if(e&&e.length)switch(this.reorderDirection){case"up":i.scrollInView(this.$refs.list.$el,e[0]);break;case"top":this.$refs.list.$el.scrollTop=0;break;case"down":i.scrollInView(this.$refs.list.$el,e[e.length-1]);break;case"bottom":this.$refs.list.$el.scrollTop=this.$refs.list.$el.scrollHeight}},createStyle(){if(!this.styleElement){this.$el.setAttribute(this.attributeSelector,""),this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e=`\n@media screen and (max-width: ${this.breakpoint}) {\n    .p-orderlist[${this.attributeSelector}] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[${this.attributeSelector}] .p-orderlist-controls {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-orderlist[${this.attributeSelector}] .p-orderlist-controls .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-orderlist[${this.attributeSelector}] .p-orderlist-controls .p-button:last-child {\n        margin-right: 0;\n    }\n}\n`;this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)}},computed:{attributeSelector:()=>l()},components:{OLButton:e},directives:{ripple:n}};const b={class:"p-orderlist p-component"},g={class:"p-orderlist-controls"},x={class:"p-orderlist-list-container"},k={key:0,class:"p-orderlist-header"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-orderlist {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-orderlist-controls {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-orderlist-list-container {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-orderlist-list {\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n    overflow: auto;\n    min-height: 12rem;\n    max-height: 24rem;\n}\n.p-orderlist-item {\n    cursor: pointer;\n    overflow: hidden;\n    position: relative;\n}\n.p-orderlist.p-state-disabled .p-orderlist-item,\n.p-orderlist.p-state-disabled .p-button {\n    cursor: default;\n}\n.p-orderlist.p-state-disabled .p-orderlist-list {\n    overflow: hidden;\n}\n"),v.render=function(e,t,i,l,n,v){const $=o("OLButton"),I=s("ripple");return r(),d("div",b,[a("div",g,[c(e.$slots,"controlsstart"),a($,{type:"button",icon:"pi pi-angle-up",onClick:v.moveUp},null,8,["onClick"]),a($,{type:"button",icon:"pi pi-angle-double-up",onClick:v.moveTop},null,8,["onClick"]),a($,{type:"button",icon:"pi pi-angle-down",onClick:v.moveDown},null,8,["onClick"]),a($,{type:"button",icon:"pi pi-angle-double-down",onClick:v.moveBottom},null,8,["onClick"]),c(e.$slots,"controlsend")]),a("div",x,[e.$slots.header?(r(),d("div",k,[c(e.$slots,"header")])):h("",!0),a(p,{ref:"list",name:"p-orderlist-flip",tag:"ul",class:"p-orderlist-list",style:i.listStyle,role:"listbox","aria-multiselectable":"multiple"},{default:m((()=>[(r(!0),d(u,null,f(i.modelValue,((i,l)=>y((r(),d("li",{key:v.getItemKey(i,l),tabindex:"0",class:["p-orderlist-item",{"p-highlight":v.isSelected(i)}],onClick:e=>v.onItemClick(e,i,l),onKeydown:e=>v.onItemKeyDown(e,i,l),onTouchend:t[1]||(t[1]=(...e)=>v.onItemTouchEnd&&v.onItemTouchEnd(...e)),role:"option","aria-selected":v.isSelected(i)},[c(e.$slots,"item",{item:i,index:l})],42,["onClick","onKeydown","aria-selected"])),[[I]]))),128))])),_:3},8,["style"])])])};export default v;

package/orderlist/orderlist.js

@@ -349,6 +349,7 @@ this.primevue.orderlist = (function (Button, utils, Ripple, vue) {
 
       return (vue.openBlock(), vue.createBlock("div", _hoisted_1, [
         vue.createVNode("div", _hoisted_2, [
+          vue.renderSlot(_ctx.$slots, "controlsstart"),
           vue.createVNode(_component_OLButton, {
             type: "button",
             icon: "pi pi-angle-up",
@@ -368,7 +369,8 @@ this.primevue.orderlist = (function (Button, utils, Ripple, vue) {
             type: "button",
             icon: "pi pi-angle-double-down",
             onClick: $options.moveBottom
-          }, null, 8, ["onClick"])
+          }, null, 8, ["onClick"]),
+          vue.renderSlot(_ctx.$slots, "controlsend")
         ]),
         vue.createVNode("div", _hoisted_3, [
           (_ctx.$slots.header)

package/orderlist/orderlist.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.orderlist=function(e,t,i,l){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e),s=n(i),r={name:"OrderList",emits:["update:modelValue","reorder","update:selection","selection-change"],props:{modelValue:{type:Array,default:null},selection:{type:Array,default:null},dataKey:{type:String,default:null},listStyle:{type:null,default:null},metaKeySelection:{type:Boolean,default:!0},responsive:{type:Boolean,default:!0},breakpoint:{type:String,default:"960px"}},itemTouched:!1,reorderDirection:null,styleElement:null,data(){return{d_selection:this.selection}},beforeUnmount(){this.destroyStyle()},updated(){this.reorderDirection&&(this.updateListScroll(),this.reorderDirection=null)},mounted(){this.responsive&&this.createStyle()},methods:{getItemKey(e,i){return this.dataKey?t.ObjectUtils.resolveFieldData(e,this.dataKey):i},isSelected(e){return-1!=t.ObjectUtils.findIndexInList(e,this.d_selection)},moveUp(){if(this.d_selection){let e=[...this.modelValue];for(let i=0;i<this.d_selection.length;i++){let l=this.d_selection[i],n=t.ObjectUtils.findIndexInList(l,e);if(0===n)break;{let t=e[n],i=e[n-1];e[n-1]=t,e[n]=i}}this.reorderDirection="up",this.$emit("update:modelValue",e),this.$emit("reorder",{originalEvent:event,value:e,direction:this.reorderDirection})}},moveTop(){if(this.d_selection){let e=[...this.modelValue];for(let i=0;i<this.d_selection.length;i++){let l=this.d_selection[i],n=t.ObjectUtils.findIndexInList(l,e);if(0===n)break;{let t=e.splice(n,1)[0];e.unshift(t)}}this.reorderDirection="top",this.$emit("update:modelValue",e),this.$emit("reorder",{originalEvent:event,value:e,direction:this.reorderDirection})}},moveDown(){if(this.d_selection){let e=[...this.modelValue];for(let i=this.d_selection.length-1;i>=0;i--){let l=this.d_selection[i],n=t.ObjectUtils.findIndexInList(l,e);if(n===e.length-1)break;{let t=e[n],i=e[n+1];e[n+1]=t,e[n]=i}}this.reorderDirection="down",this.$emit("update:modelValue",e),this.$emit("reorder",{originalEvent:event,value:e,direction:this.reorderDirection})}},moveBottom(){if(this.d_selection){let e=[...this.modelValue];for(let i=this.d_selection.length-1;i>=0;i--){let l=this.d_selection[i],n=t.ObjectUtils.findIndexInList(l,e);if(n===e.length-1)break;{let t=e.splice(n,1)[0];e.push(t)}}this.reorderDirection="bottom",this.$emit("update:modelValue",e),this.$emit("reorder",{originalEvent:event,value:e,direction:this.reorderDirection})}},onItemClick(e,i,l){this.itemTouched=!1;let n=t.ObjectUtils.findIndexInList(i,this.d_selection),o=-1!=n;if(!this.itemTouched&&this.metaKeySelection){let s=e.metaKey||e.ctrlKey;o&&s?this.d_selection=this.d_selection.filter(((e,t)=>t!==n)):(this.d_selection=s&&this.d_selection?[...this.d_selection]:[],t.ObjectUtils.insertIntoOrderedArray(i,l,this.d_selection,this.modelValue))}else o?this.d_selection=this.d_selection.filter(((e,t)=>t!==n)):(this.d_selection=this.d_selection?[...this.d_selection]:[],t.ObjectUtils.insertIntoOrderedArray(i,l,this.d_selection,this.modelValue));this.$emit("update:selection",this.d_selection),this.$emit("selection-change",{originalEvent:e,value:this.d_selection})},onItemTouchEnd(){this.itemTouched=!0},onItemKeyDown(e,t,i){let l=e.currentTarget;switch(e.which){case 40:var n=this.findNextItem(l);n&&n.focus(),e.preventDefault();break;case 38:var o=this.findPrevItem(l);o&&o.focus(),e.preventDefault();break;case 13:this.onItemClick(e,t,i),e.preventDefault()}},findNextItem(e){let i=e.nextElementSibling;return i?t.DomHandler.hasClass(i,"p-orderlist-item")?i:this.findNextItem(i):null},findPrevItem(e){let i=e.previousElementSibling;return i?t.DomHandler.hasClass(i,"p-orderlist-item")?i:this.findPrevItem(i):null},updateListScroll(){const e=t.DomHandler.find(this.$refs.list.$el,".p-orderlist-item.p-highlight");if(e&&e.length)switch(this.reorderDirection){case"up":t.DomHandler.scrollInView(this.$refs.list.$el,e[0]);break;case"top":this.$refs.list.$el.scrollTop=0;break;case"down":t.DomHandler.scrollInView(this.$refs.list.$el,e[e.length-1]);break;case"bottom":this.$refs.list.$el.scrollTop=this.$refs.list.$el.scrollHeight}},createStyle(){if(!this.styleElement){this.$el.setAttribute(this.attributeSelector,""),this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e=`\n@media screen and (max-width: ${this.breakpoint}) {\n    .p-orderlist[${this.attributeSelector}] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[${this.attributeSelector}] .p-orderlist-controls {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-orderlist[${this.attributeSelector}] .p-orderlist-controls .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-orderlist[${this.attributeSelector}] .p-orderlist-controls .p-button:last-child {\n        margin-right: 0;\n    }\n}\n`;this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)}},computed:{attributeSelector:()=>t.UniqueComponentId()},components:{OLButton:o.default},directives:{ripple:s.default}};const d={class:"p-orderlist p-component"},c={class:"p-orderlist-controls"},a={class:"p-orderlist-list-container"},h={key:0,class:"p-orderlist-header"};return function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-orderlist {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-orderlist-controls {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-orderlist-list-container {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-orderlist-list {\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n    overflow: auto;\n    min-height: 12rem;\n    max-height: 24rem;\n}\n.p-orderlist-item {\n    cursor: pointer;\n    overflow: hidden;\n    position: relative;\n}\n.p-orderlist.p-state-disabled .p-orderlist-item,\n.p-orderlist.p-state-disabled .p-button {\n    cursor: default;\n}\n.p-orderlist.p-state-disabled .p-orderlist-list {\n    overflow: hidden;\n}\n"),r.render=function(e,t,i,n,o,s){const r=l.resolveComponent("OLButton"),u=l.resolveDirective("ripple");return l.openBlock(),l.createBlock("div",d,[l.createVNode("div",c,[l.createVNode(r,{type:"button",icon:"pi pi-angle-up",onClick:s.moveUp},null,8,["onClick"]),l.createVNode(r,{type:"button",icon:"pi pi-angle-double-up",onClick:s.moveTop},null,8,["onClick"]),l.createVNode(r,{type:"button",icon:"pi pi-angle-down",onClick:s.moveDown},null,8,["onClick"]),l.createVNode(r,{type:"button",icon:"pi pi-angle-double-down",onClick:s.moveBottom},null,8,["onClick"])]),l.createVNode("div",a,[e.$slots.header?(l.openBlock(),l.createBlock("div",h,[l.renderSlot(e.$slots,"header")])):l.createCommentVNode("",!0),l.createVNode(l.TransitionGroup,{ref:"list",name:"p-orderlist-flip",tag:"ul",class:"p-orderlist-list",style:i.listStyle,role:"listbox","aria-multiselectable":"multiple"},{default:l.withCtx((()=>[(l.openBlock(!0),l.createBlock(l.Fragment,null,l.renderList(i.modelValue,((i,n)=>l.withDirectives((l.openBlock(),l.createBlock("li",{key:s.getItemKey(i,n),tabindex:"0",class:["p-orderlist-item",{"p-highlight":s.isSelected(i)}],onClick:e=>s.onItemClick(e,i,n),onKeydown:e=>s.onItemKeyDown(e,i,n),onTouchend:t[1]||(t[1]=(...e)=>s.onItemTouchEnd&&s.onItemTouchEnd(...e)),role:"option","aria-selected":s.isSelected(i)},[l.renderSlot(e.$slots,"item",{item:i,index:n})],42,["onClick","onKeydown","aria-selected"])),[[u]]))),128))])),_:3},8,["style"])])])},r}(primevue.button,primevue.utils,primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.orderlist=function(e,t,i,l){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e),s=n(i),r={name:"OrderList",emits:["update:modelValue","reorder","update:selection","selection-change"],props:{modelValue:{type:Array,default:null},selection:{type:Array,default:null},dataKey:{type:String,default:null},listStyle:{type:null,default:null},metaKeySelection:{type:Boolean,default:!0},responsive:{type:Boolean,default:!0},breakpoint:{type:String,default:"960px"}},itemTouched:!1,reorderDirection:null,styleElement:null,data(){return{d_selection:this.selection}},beforeUnmount(){this.destroyStyle()},updated(){this.reorderDirection&&(this.updateListScroll(),this.reorderDirection=null)},mounted(){this.responsive&&this.createStyle()},methods:{getItemKey(e,i){return this.dataKey?t.ObjectUtils.resolveFieldData(e,this.dataKey):i},isSelected(e){return-1!=t.ObjectUtils.findIndexInList(e,this.d_selection)},moveUp(){if(this.d_selection){let e=[...this.modelValue];for(let i=0;i<this.d_selection.length;i++){let l=this.d_selection[i],n=t.ObjectUtils.findIndexInList(l,e);if(0===n)break;{let t=e[n],i=e[n-1];e[n-1]=t,e[n]=i}}this.reorderDirection="up",this.$emit("update:modelValue",e),this.$emit("reorder",{originalEvent:event,value:e,direction:this.reorderDirection})}},moveTop(){if(this.d_selection){let e=[...this.modelValue];for(let i=0;i<this.d_selection.length;i++){let l=this.d_selection[i],n=t.ObjectUtils.findIndexInList(l,e);if(0===n)break;{let t=e.splice(n,1)[0];e.unshift(t)}}this.reorderDirection="top",this.$emit("update:modelValue",e),this.$emit("reorder",{originalEvent:event,value:e,direction:this.reorderDirection})}},moveDown(){if(this.d_selection){let e=[...this.modelValue];for(let i=this.d_selection.length-1;i>=0;i--){let l=this.d_selection[i],n=t.ObjectUtils.findIndexInList(l,e);if(n===e.length-1)break;{let t=e[n],i=e[n+1];e[n+1]=t,e[n]=i}}this.reorderDirection="down",this.$emit("update:modelValue",e),this.$emit("reorder",{originalEvent:event,value:e,direction:this.reorderDirection})}},moveBottom(){if(this.d_selection){let e=[...this.modelValue];for(let i=this.d_selection.length-1;i>=0;i--){let l=this.d_selection[i],n=t.ObjectUtils.findIndexInList(l,e);if(n===e.length-1)break;{let t=e.splice(n,1)[0];e.push(t)}}this.reorderDirection="bottom",this.$emit("update:modelValue",e),this.$emit("reorder",{originalEvent:event,value:e,direction:this.reorderDirection})}},onItemClick(e,i,l){this.itemTouched=!1;let n=t.ObjectUtils.findIndexInList(i,this.d_selection),o=-1!=n;if(!this.itemTouched&&this.metaKeySelection){let s=e.metaKey||e.ctrlKey;o&&s?this.d_selection=this.d_selection.filter(((e,t)=>t!==n)):(this.d_selection=s&&this.d_selection?[...this.d_selection]:[],t.ObjectUtils.insertIntoOrderedArray(i,l,this.d_selection,this.modelValue))}else o?this.d_selection=this.d_selection.filter(((e,t)=>t!==n)):(this.d_selection=this.d_selection?[...this.d_selection]:[],t.ObjectUtils.insertIntoOrderedArray(i,l,this.d_selection,this.modelValue));this.$emit("update:selection",this.d_selection),this.$emit("selection-change",{originalEvent:e,value:this.d_selection})},onItemTouchEnd(){this.itemTouched=!0},onItemKeyDown(e,t,i){let l=e.currentTarget;switch(e.which){case 40:var n=this.findNextItem(l);n&&n.focus(),e.preventDefault();break;case 38:var o=this.findPrevItem(l);o&&o.focus(),e.preventDefault();break;case 13:this.onItemClick(e,t,i),e.preventDefault()}},findNextItem(e){let i=e.nextElementSibling;return i?t.DomHandler.hasClass(i,"p-orderlist-item")?i:this.findNextItem(i):null},findPrevItem(e){let i=e.previousElementSibling;return i?t.DomHandler.hasClass(i,"p-orderlist-item")?i:this.findPrevItem(i):null},updateListScroll(){const e=t.DomHandler.find(this.$refs.list.$el,".p-orderlist-item.p-highlight");if(e&&e.length)switch(this.reorderDirection){case"up":t.DomHandler.scrollInView(this.$refs.list.$el,e[0]);break;case"top":this.$refs.list.$el.scrollTop=0;break;case"down":t.DomHandler.scrollInView(this.$refs.list.$el,e[e.length-1]);break;case"bottom":this.$refs.list.$el.scrollTop=this.$refs.list.$el.scrollHeight}},createStyle(){if(!this.styleElement){this.$el.setAttribute(this.attributeSelector,""),this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e=`\n@media screen and (max-width: ${this.breakpoint}) {\n    .p-orderlist[${this.attributeSelector}] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[${this.attributeSelector}] .p-orderlist-controls {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-orderlist[${this.attributeSelector}] .p-orderlist-controls .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-orderlist[${this.attributeSelector}] .p-orderlist-controls .p-button:last-child {\n        margin-right: 0;\n    }\n}\n`;this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)}},computed:{attributeSelector:()=>t.UniqueComponentId()},components:{OLButton:o.default},directives:{ripple:s.default}};const d={class:"p-orderlist p-component"},c={class:"p-orderlist-controls"},a={class:"p-orderlist-list-container"},h={key:0,class:"p-orderlist-header"};return function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-orderlist {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-orderlist-controls {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-orderlist-list-container {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-orderlist-list {\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n    overflow: auto;\n    min-height: 12rem;\n    max-height: 24rem;\n}\n.p-orderlist-item {\n    cursor: pointer;\n    overflow: hidden;\n    position: relative;\n}\n.p-orderlist.p-state-disabled .p-orderlist-item,\n.p-orderlist.p-state-disabled .p-button {\n    cursor: default;\n}\n.p-orderlist.p-state-disabled .p-orderlist-list {\n    overflow: hidden;\n}\n"),r.render=function(e,t,i,n,o,s){const r=l.resolveComponent("OLButton"),u=l.resolveDirective("ripple");return l.openBlock(),l.createBlock("div",d,[l.createVNode("div",c,[l.renderSlot(e.$slots,"controlsstart"),l.createVNode(r,{type:"button",icon:"pi pi-angle-up",onClick:s.moveUp},null,8,["onClick"]),l.createVNode(r,{type:"button",icon:"pi pi-angle-double-up",onClick:s.moveTop},null,8,["onClick"]),l.createVNode(r,{type:"button",icon:"pi pi-angle-down",onClick:s.moveDown},null,8,["onClick"]),l.createVNode(r,{type:"button",icon:"pi pi-angle-double-down",onClick:s.moveBottom},null,8,["onClick"]),l.renderSlot(e.$slots,"controlsend")]),l.createVNode("div",a,[e.$slots.header?(l.openBlock(),l.createBlock("div",h,[l.renderSlot(e.$slots,"header")])):l.createCommentVNode("",!0),l.createVNode(l.TransitionGroup,{ref:"list",name:"p-orderlist-flip",tag:"ul",class:"p-orderlist-list",style:i.listStyle,role:"listbox","aria-multiselectable":"multiple"},{default:l.withCtx((()=>[(l.openBlock(!0),l.createBlock(l.Fragment,null,l.renderList(i.modelValue,((i,n)=>l.withDirectives((l.openBlock(),l.createBlock("li",{key:s.getItemKey(i,n),tabindex:"0",class:["p-orderlist-item",{"p-highlight":s.isSelected(i)}],onClick:e=>s.onItemClick(e,i,n),onKeydown:e=>s.onItemKeyDown(e,i,n),onTouchend:t[1]||(t[1]=(...e)=>s.onItemTouchEnd&&s.onItemTouchEnd(...e)),role:"option","aria-selected":s.isSelected(i)},[l.renderSlot(e.$slots,"item",{item:i,index:n})],42,["onClick","onKeydown","aria-selected"])),[[u]]))),128))])),_:3},8,["style"])])])},r}(primevue.button,primevue.utils,primevue.ripple,Vue);

package/overlaypanel/OverlayPanel.vue

@@ -51,6 +51,7 @@ export default {
             default: null
         }
     },
+    emits: ['show', 'hide'],
     data() {
         return {
             visible: false

package/overlaypanel/overlaypanel.cjs.js

@@ -43,6 +43,7 @@ var script = {
             default: null
         }
     },
+    emits: ['show', 'hide'],
     data() {
         return {
             visible: false

package/overlaypanel/overlaypanel.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),t=require("primevue/overlayeventbus"),n=require("primevue/ripple"),i=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=l(t),s={name:"OverlayPanel",inheritAttrs:!1,props:{dismissable:{type:Boolean,default:!0},showCloseIcon:{type:Boolean,default:!1},appendTo:{type:String,default:"body"},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0},ariaCloseLabel:{type:String,default:"close"},breakpoints:{type:Object,default:null}},data:()=>({visible:!1}),selfClick:!1,target:null,eventTarget:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,styleElement:null,overlayEventListener:null,beforeUnmount(){this.dismissable&&this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.destroyStyle(),this.unbindResizeListener(),this.target=null,this.container&&this.autoZIndex&&e.ZIndexUtils.clear(this.container),this.overlayEventListener&&(r.default.off("overlay-click",this.overlayEventListener),this.overlayEventListener=null),this.container=null},mounted(){this.breakpoints&&this.createStyle()},methods:{toggle(e,t){this.visible?this.hide():this.show(e,t)},show(e,t){this.visible=!0,this.eventTarget=e.currentTarget,this.target=t||e.currentTarget},hide(){this.visible=!1},onContentClick(){this.selfClick=!0},onEnter(t){this.container.setAttribute(this.attributeSelector,""),this.alignOverlay(),this.dismissable&&this.bindOutsideClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.autoZIndex&&e.ZIndexUtils.set("overlay",t,this.baseZIndex+this.$primevue.config.zIndex.overlay),this.overlayEventListener=e=>{this.container.contains(e.target)&&(this.selfClick=!0)},r.default.on("overlay-click",this.overlayEventListener),this.$emit("show")},onLeave(){this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener(),r.default.off("overlay-click",this.overlayEventListener),this.overlayEventListener=null,this.$emit("hide")},onAfterLeave(t){this.autoZIndex&&e.ZIndexUtils.clear(t)},alignOverlay(){e.DomHandler.absolutePosition(this.container,this.target);const t=e.DomHandler.getOffset(this.container),n=e.DomHandler.getOffset(this.target);let i=0;t.left<n.left&&(i=n.left-t.left),this.container.style.setProperty("--overlayArrowLeft",`${i}px`),t.top<n.top&&e.DomHandler.addClass(this.container,"p-overlaypanel-flipped")},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{!this.visible||this.selfClick||this.isTargetClicked(e)||(this.visible=!1),this.selfClick=!1},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null,this.selfClick=!1)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new e.ConnectedOverlayScrollHandler(this.target,(()=>{this.visible&&(this.visible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&!e.DomHandler.isAndroid()&&(this.visible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},isTargetClicked(e){return this.eventTarget&&(this.eventTarget===e.target||this.eventTarget.contains(e.target))},containerRef(e){this.container=e},createStyle(){if(!this.styleElement){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";for(let t in this.breakpoints)e+=`\n                        @media screen and (max-width: ${t}) {\n                            .p-overlaypanel[${this.attributeSelector}] {\n                                width: ${this.breakpoints[t]} !important;\n                            }\n                        }\n                    `;this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)},onOverlayClick(e){r.default.emit("overlay-click",{originalEvent:e,target:this.target})}},computed:{containerClass(){return["p-overlaypanel p-component",{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},attributeSelector:()=>e.UniqueComponentId()},directives:{ripple:l(n).default}};const o=i.createVNode("span",{class:"p-overlaypanel-close-icon pi pi-times"},null,-1);!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}('\n.p-overlaypanel {\n    position: absolute;\n    margin-top: 10px;\n    top: 0;\n    left: 0;\n}\n.p-overlaypanel-flipped {\n    margin-top: 0;\n    margin-bottom: 10px;\n}\n.p-overlaypanel-close {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n    position: relative;\n}\n\n/* Animation */\n.p-overlaypanel-enter-from {\n    opacity: 0;\n    -webkit-transform: scaleY(0.8);\n            transform: scaleY(0.8);\n}\n.p-overlaypanel-leave-to {\n    opacity: 0;\n}\n.p-overlaypanel-enter-active {\n    -webkit-transition: opacity .12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .12s cubic-bezier(0, 0, 0.2, 1);\n    transition: opacity .12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .12s cubic-bezier(0, 0, 0.2, 1);\n    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .12s cubic-bezier(0, 0, 0.2, 1);\n}\n.p-overlaypanel-leave-active {\n    -webkit-transition: opacity .1s linear;\n    transition: opacity .1s linear;\n}\n.p-overlaypanel:after, .p-overlaypanel:before {\n\tbottom: 100%;\n\tleft: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n\tcontent: " ";\n\theight: 0;\n\twidth: 0;\n\tposition: absolute;\n\tpointer-events: none;\n}\n.p-overlaypanel:after {\n\tborder-width: 8px;\n\tmargin-left: -8px;\n}\n.p-overlaypanel:before {\n\tborder-width: 10px;\n\tmargin-left: -10px;\n}\n.p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before {\n    bottom: auto;\n    top: 100%;\n}\n.p-overlaypanel.p-overlaypanel-flipped:after {\n    border-bottom-color: transparent;\n}\n.p-overlaypanel.p-overlaypanel-flipped:before {\n    border-bottom-color: transparent\n}\n'),s.render=function(e,t,n,l,r,s){const a=i.resolveDirective("ripple");return i.openBlock(),i.createBlock(i.Teleport,{to:n.appendTo},[i.createVNode(i.Transition,{name:"p-overlaypanel",onEnter:s.onEnter,onLeave:s.onLeave,onAfterLeave:s.onAfterLeave},{default:i.withCtx((()=>[r.visible?(i.openBlock(),i.createBlock("div",i.mergeProps({key:0,class:s.containerClass,ref:s.containerRef},e.$attrs,{onClick:t[4]||(t[4]=(...e)=>s.onOverlayClick&&s.onOverlayClick(...e))}),[i.createVNode("div",{class:"p-overlaypanel-content",onClick:t[1]||(t[1]=(...e)=>s.onContentClick&&s.onContentClick(...e)),onMousedown:t[2]||(t[2]=(...e)=>s.onContentClick&&s.onContentClick(...e))},[i.renderSlot(e.$slots,"default")],32),n.showCloseIcon?i.withDirectives((i.openBlock(),i.createBlock("button",{key:0,class:"p-overlaypanel-close p-link",onClick:t[3]||(t[3]=(...e)=>s.hide&&s.hide(...e)),"aria-label":n.ariaCloseLabel,type:"button"},[o],8,["aria-label"])),[[a]]):i.createCommentVNode("",!0)],16)):i.createCommentVNode("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])],8,["to"])},module.exports=s;
+"use strict";var e=require("primevue/utils"),t=require("primevue/overlayeventbus"),n=require("primevue/ripple"),i=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=l(t),s={name:"OverlayPanel",inheritAttrs:!1,props:{dismissable:{type:Boolean,default:!0},showCloseIcon:{type:Boolean,default:!1},appendTo:{type:String,default:"body"},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0},ariaCloseLabel:{type:String,default:"close"},breakpoints:{type:Object,default:null}},emits:["show","hide"],data:()=>({visible:!1}),selfClick:!1,target:null,eventTarget:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,styleElement:null,overlayEventListener:null,beforeUnmount(){this.dismissable&&this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.destroyStyle(),this.unbindResizeListener(),this.target=null,this.container&&this.autoZIndex&&e.ZIndexUtils.clear(this.container),this.overlayEventListener&&(r.default.off("overlay-click",this.overlayEventListener),this.overlayEventListener=null),this.container=null},mounted(){this.breakpoints&&this.createStyle()},methods:{toggle(e,t){this.visible?this.hide():this.show(e,t)},show(e,t){this.visible=!0,this.eventTarget=e.currentTarget,this.target=t||e.currentTarget},hide(){this.visible=!1},onContentClick(){this.selfClick=!0},onEnter(t){this.container.setAttribute(this.attributeSelector,""),this.alignOverlay(),this.dismissable&&this.bindOutsideClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.autoZIndex&&e.ZIndexUtils.set("overlay",t,this.baseZIndex+this.$primevue.config.zIndex.overlay),this.overlayEventListener=e=>{this.container.contains(e.target)&&(this.selfClick=!0)},r.default.on("overlay-click",this.overlayEventListener),this.$emit("show")},onLeave(){this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener(),r.default.off("overlay-click",this.overlayEventListener),this.overlayEventListener=null,this.$emit("hide")},onAfterLeave(t){this.autoZIndex&&e.ZIndexUtils.clear(t)},alignOverlay(){e.DomHandler.absolutePosition(this.container,this.target);const t=e.DomHandler.getOffset(this.container),n=e.DomHandler.getOffset(this.target);let i=0;t.left<n.left&&(i=n.left-t.left),this.container.style.setProperty("--overlayArrowLeft",`${i}px`),t.top<n.top&&e.DomHandler.addClass(this.container,"p-overlaypanel-flipped")},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{!this.visible||this.selfClick||this.isTargetClicked(e)||(this.visible=!1),this.selfClick=!1},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null,this.selfClick=!1)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new e.ConnectedOverlayScrollHandler(this.target,(()=>{this.visible&&(this.visible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&!e.DomHandler.isAndroid()&&(this.visible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},isTargetClicked(e){return this.eventTarget&&(this.eventTarget===e.target||this.eventTarget.contains(e.target))},containerRef(e){this.container=e},createStyle(){if(!this.styleElement){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";for(let t in this.breakpoints)e+=`\n                        @media screen and (max-width: ${t}) {\n                            .p-overlaypanel[${this.attributeSelector}] {\n                                width: ${this.breakpoints[t]} !important;\n                            }\n                        }\n                    `;this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)},onOverlayClick(e){r.default.emit("overlay-click",{originalEvent:e,target:this.target})}},computed:{containerClass(){return["p-overlaypanel p-component",{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},attributeSelector:()=>e.UniqueComponentId()},directives:{ripple:l(n).default}};const o=i.createVNode("span",{class:"p-overlaypanel-close-icon pi pi-times"},null,-1);!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}('\n.p-overlaypanel {\n    position: absolute;\n    margin-top: 10px;\n    top: 0;\n    left: 0;\n}\n.p-overlaypanel-flipped {\n    margin-top: 0;\n    margin-bottom: 10px;\n}\n.p-overlaypanel-close {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n    position: relative;\n}\n\n/* Animation */\n.p-overlaypanel-enter-from {\n    opacity: 0;\n    -webkit-transform: scaleY(0.8);\n            transform: scaleY(0.8);\n}\n.p-overlaypanel-leave-to {\n    opacity: 0;\n}\n.p-overlaypanel-enter-active {\n    -webkit-transition: opacity .12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .12s cubic-bezier(0, 0, 0.2, 1);\n    transition: opacity .12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .12s cubic-bezier(0, 0, 0.2, 1);\n    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .12s cubic-bezier(0, 0, 0.2, 1);\n}\n.p-overlaypanel-leave-active {\n    -webkit-transition: opacity .1s linear;\n    transition: opacity .1s linear;\n}\n.p-overlaypanel:after, .p-overlaypanel:before {\n\tbottom: 100%;\n\tleft: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n\tcontent: " ";\n\theight: 0;\n\twidth: 0;\n\tposition: absolute;\n\tpointer-events: none;\n}\n.p-overlaypanel:after {\n\tborder-width: 8px;\n\tmargin-left: -8px;\n}\n.p-overlaypanel:before {\n\tborder-width: 10px;\n\tmargin-left: -10px;\n}\n.p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before {\n    bottom: auto;\n    top: 100%;\n}\n.p-overlaypanel.p-overlaypanel-flipped:after {\n    border-bottom-color: transparent;\n}\n.p-overlaypanel.p-overlaypanel-flipped:before {\n    border-bottom-color: transparent\n}\n'),s.render=function(e,t,n,l,r,s){const a=i.resolveDirective("ripple");return i.openBlock(),i.createBlock(i.Teleport,{to:n.appendTo},[i.createVNode(i.Transition,{name:"p-overlaypanel",onEnter:s.onEnter,onLeave:s.onLeave,onAfterLeave:s.onAfterLeave},{default:i.withCtx((()=>[r.visible?(i.openBlock(),i.createBlock("div",i.mergeProps({key:0,class:s.containerClass,ref:s.containerRef},e.$attrs,{onClick:t[4]||(t[4]=(...e)=>s.onOverlayClick&&s.onOverlayClick(...e))}),[i.createVNode("div",{class:"p-overlaypanel-content",onClick:t[1]||(t[1]=(...e)=>s.onContentClick&&s.onContentClick(...e)),onMousedown:t[2]||(t[2]=(...e)=>s.onContentClick&&s.onContentClick(...e))},[i.renderSlot(e.$slots,"default")],32),n.showCloseIcon?i.withDirectives((i.openBlock(),i.createBlock("button",{key:0,class:"p-overlaypanel-close p-link",onClick:t[3]||(t[3]=(...e)=>s.hide&&s.hide(...e)),"aria-label":n.ariaCloseLabel,type:"button"},[o],8,["aria-label"])),[[a]]):i.createCommentVNode("",!0)],16)):i.createCommentVNode("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])],8,["to"])},module.exports=s;

package/overlaypanel/overlaypanel.esm.js

@@ -36,6 +36,7 @@ var script = {
             default: null
         }
     },
+    emits: ['show', 'hide'],
     data() {
         return {
             visible: false

package/overlaypanel/overlaypanel.esm.min.js

@@ -1 +1 @@
-import{ZIndexUtils as e,DomHandler as t,ConnectedOverlayScrollHandler as i,UniqueComponentId as n}from"primevue/utils";import l from"primevue/overlayeventbus";import s from"primevue/ripple";import{resolveDirective as r,openBlock as o,createBlock as a,Teleport as c,createVNode as p,Transition as d,withCtx as h,mergeProps as v,renderSlot as u,withDirectives as b,createCommentVNode as y}from"vue";var f={name:"OverlayPanel",inheritAttrs:!1,props:{dismissable:{type:Boolean,default:!0},showCloseIcon:{type:Boolean,default:!1},appendTo:{type:String,default:"body"},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0},ariaCloseLabel:{type:String,default:"close"},breakpoints:{type:Object,default:null}},data:()=>({visible:!1}),selfClick:!1,target:null,eventTarget:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,styleElement:null,overlayEventListener:null,beforeUnmount(){this.dismissable&&this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.destroyStyle(),this.unbindResizeListener(),this.target=null,this.container&&this.autoZIndex&&e.clear(this.container),this.overlayEventListener&&(l.off("overlay-click",this.overlayEventListener),this.overlayEventListener=null),this.container=null},mounted(){this.breakpoints&&this.createStyle()},methods:{toggle(e,t){this.visible?this.hide():this.show(e,t)},show(e,t){this.visible=!0,this.eventTarget=e.currentTarget,this.target=t||e.currentTarget},hide(){this.visible=!1},onContentClick(){this.selfClick=!0},onEnter(t){this.container.setAttribute(this.attributeSelector,""),this.alignOverlay(),this.dismissable&&this.bindOutsideClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.autoZIndex&&e.set("overlay",t,this.baseZIndex+this.$primevue.config.zIndex.overlay),this.overlayEventListener=e=>{this.container.contains(e.target)&&(this.selfClick=!0)},l.on("overlay-click",this.overlayEventListener),this.$emit("show")},onLeave(){this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener(),l.off("overlay-click",this.overlayEventListener),this.overlayEventListener=null,this.$emit("hide")},onAfterLeave(t){this.autoZIndex&&e.clear(t)},alignOverlay(){t.absolutePosition(this.container,this.target);const e=t.getOffset(this.container),i=t.getOffset(this.target);let n=0;e.left<i.left&&(n=i.left-e.left),this.container.style.setProperty("--overlayArrowLeft",`${n}px`),e.top<i.top&&t.addClass(this.container,"p-overlaypanel-flipped")},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{!this.visible||this.selfClick||this.isTargetClicked(e)||(this.visible=!1),this.selfClick=!1},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null,this.selfClick=!1)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new i(this.target,(()=>{this.visible&&(this.visible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&!t.isAndroid()&&(this.visible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},isTargetClicked(e){return this.eventTarget&&(this.eventTarget===e.target||this.eventTarget.contains(e.target))},containerRef(e){this.container=e},createStyle(){if(!this.styleElement){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";for(let t in this.breakpoints)e+=`\n                        @media screen and (max-width: ${t}) {\n                            .p-overlaypanel[${this.attributeSelector}] {\n                                width: ${this.breakpoints[t]} !important;\n                            }\n                        }\n                    `;this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)},onOverlayClick(e){l.emit("overlay-click",{originalEvent:e,target:this.target})}},computed:{containerClass(){return["p-overlaypanel p-component",{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},attributeSelector:()=>n()},directives:{ripple:s}};const m=p("span",{class:"p-overlaypanel-close-icon pi pi-times"},null,-1);!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===i&&n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}('\n.p-overlaypanel {\n    position: absolute;\n    margin-top: 10px;\n    top: 0;\n    left: 0;\n}\n.p-overlaypanel-flipped {\n    margin-top: 0;\n    margin-bottom: 10px;\n}\n.p-overlaypanel-close {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n    position: relative;\n}\n\n/* Animation */\n.p-overlaypanel-enter-from {\n    opacity: 0;\n    -webkit-transform: scaleY(0.8);\n            transform: scaleY(0.8);\n}\n.p-overlaypanel-leave-to {\n    opacity: 0;\n}\n.p-overlaypanel-enter-active {\n    -webkit-transition: opacity .12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .12s cubic-bezier(0, 0, 0.2, 1);\n    transition: opacity .12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .12s cubic-bezier(0, 0, 0.2, 1);\n    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .12s cubic-bezier(0, 0, 0.2, 1);\n}\n.p-overlaypanel-leave-active {\n    -webkit-transition: opacity .1s linear;\n    transition: opacity .1s linear;\n}\n.p-overlaypanel:after, .p-overlaypanel:before {\n\tbottom: 100%;\n\tleft: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n\tcontent: " ";\n\theight: 0;\n\twidth: 0;\n\tposition: absolute;\n\tpointer-events: none;\n}\n.p-overlaypanel:after {\n\tborder-width: 8px;\n\tmargin-left: -8px;\n}\n.p-overlaypanel:before {\n\tborder-width: 10px;\n\tmargin-left: -10px;\n}\n.p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before {\n    bottom: auto;\n    top: 100%;\n}\n.p-overlaypanel.p-overlaypanel-flipped:after {\n    border-bottom-color: transparent;\n}\n.p-overlaypanel.p-overlaypanel-flipped:before {\n    border-bottom-color: transparent\n}\n'),f.render=function(e,t,i,n,l,s){const f=r("ripple");return o(),a(c,{to:i.appendTo},[p(d,{name:"p-overlaypanel",onEnter:s.onEnter,onLeave:s.onLeave,onAfterLeave:s.onAfterLeave},{default:h((()=>[l.visible?(o(),a("div",v({key:0,class:s.containerClass,ref:s.containerRef},e.$attrs,{onClick:t[4]||(t[4]=(...e)=>s.onOverlayClick&&s.onOverlayClick(...e))}),[p("div",{class:"p-overlaypanel-content",onClick:t[1]||(t[1]=(...e)=>s.onContentClick&&s.onContentClick(...e)),onMousedown:t[2]||(t[2]=(...e)=>s.onContentClick&&s.onContentClick(...e))},[u(e.$slots,"default")],32),i.showCloseIcon?b((o(),a("button",{key:0,class:"p-overlaypanel-close p-link",onClick:t[3]||(t[3]=(...e)=>s.hide&&s.hide(...e)),"aria-label":i.ariaCloseLabel,type:"button"},[m],8,["aria-label"])),[[f]]):y("",!0)],16)):y("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])],8,["to"])};export default f;
+import{ZIndexUtils as e,DomHandler as t,ConnectedOverlayScrollHandler as i,UniqueComponentId as n}from"primevue/utils";import l from"primevue/overlayeventbus";import s from"primevue/ripple";import{resolveDirective as r,openBlock as o,createBlock as a,Teleport as c,createVNode as p,Transition as d,withCtx as h,mergeProps as v,renderSlot as u,withDirectives as b,createCommentVNode as y}from"vue";var f={name:"OverlayPanel",inheritAttrs:!1,props:{dismissable:{type:Boolean,default:!0},showCloseIcon:{type:Boolean,default:!1},appendTo:{type:String,default:"body"},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0},ariaCloseLabel:{type:String,default:"close"},breakpoints:{type:Object,default:null}},emits:["show","hide"],data:()=>({visible:!1}),selfClick:!1,target:null,eventTarget:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,styleElement:null,overlayEventListener:null,beforeUnmount(){this.dismissable&&this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.destroyStyle(),this.unbindResizeListener(),this.target=null,this.container&&this.autoZIndex&&e.clear(this.container),this.overlayEventListener&&(l.off("overlay-click",this.overlayEventListener),this.overlayEventListener=null),this.container=null},mounted(){this.breakpoints&&this.createStyle()},methods:{toggle(e,t){this.visible?this.hide():this.show(e,t)},show(e,t){this.visible=!0,this.eventTarget=e.currentTarget,this.target=t||e.currentTarget},hide(){this.visible=!1},onContentClick(){this.selfClick=!0},onEnter(t){this.container.setAttribute(this.attributeSelector,""),this.alignOverlay(),this.dismissable&&this.bindOutsideClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.autoZIndex&&e.set("overlay",t,this.baseZIndex+this.$primevue.config.zIndex.overlay),this.overlayEventListener=e=>{this.container.contains(e.target)&&(this.selfClick=!0)},l.on("overlay-click",this.overlayEventListener),this.$emit("show")},onLeave(){this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener(),l.off("overlay-click",this.overlayEventListener),this.overlayEventListener=null,this.$emit("hide")},onAfterLeave(t){this.autoZIndex&&e.clear(t)},alignOverlay(){t.absolutePosition(this.container,this.target);const e=t.getOffset(this.container),i=t.getOffset(this.target);let n=0;e.left<i.left&&(n=i.left-e.left),this.container.style.setProperty("--overlayArrowLeft",`${n}px`),e.top<i.top&&t.addClass(this.container,"p-overlaypanel-flipped")},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{!this.visible||this.selfClick||this.isTargetClicked(e)||(this.visible=!1),this.selfClick=!1},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null,this.selfClick=!1)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new i(this.target,(()=>{this.visible&&(this.visible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&!t.isAndroid()&&(this.visible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},isTargetClicked(e){return this.eventTarget&&(this.eventTarget===e.target||this.eventTarget.contains(e.target))},containerRef(e){this.container=e},createStyle(){if(!this.styleElement){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";for(let t in this.breakpoints)e+=`\n                        @media screen and (max-width: ${t}) {\n                            .p-overlaypanel[${this.attributeSelector}] {\n                                width: ${this.breakpoints[t]} !important;\n                            }\n                        }\n                    `;this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)},onOverlayClick(e){l.emit("overlay-click",{originalEvent:e,target:this.target})}},computed:{containerClass(){return["p-overlaypanel p-component",{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},attributeSelector:()=>n()},directives:{ripple:s}};const m=p("span",{class:"p-overlaypanel-close-icon pi pi-times"},null,-1);!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===i&&n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}('\n.p-overlaypanel {\n    position: absolute;\n    margin-top: 10px;\n    top: 0;\n    left: 0;\n}\n.p-overlaypanel-flipped {\n    margin-top: 0;\n    margin-bottom: 10px;\n}\n.p-overlaypanel-close {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n    position: relative;\n}\n\n/* Animation */\n.p-overlaypanel-enter-from {\n    opacity: 0;\n    -webkit-transform: scaleY(0.8);\n            transform: scaleY(0.8);\n}\n.p-overlaypanel-leave-to {\n    opacity: 0;\n}\n.p-overlaypanel-enter-active {\n    -webkit-transition: opacity .12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .12s cubic-bezier(0, 0, 0.2, 1);\n    transition: opacity .12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .12s cubic-bezier(0, 0, 0.2, 1);\n    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .12s cubic-bezier(0, 0, 0.2, 1);\n}\n.p-overlaypanel-leave-active {\n    -webkit-transition: opacity .1s linear;\n    transition: opacity .1s linear;\n}\n.p-overlaypanel:after, .p-overlaypanel:before {\n\tbottom: 100%;\n\tleft: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n\tcontent: " ";\n\theight: 0;\n\twidth: 0;\n\tposition: absolute;\n\tpointer-events: none;\n}\n.p-overlaypanel:after {\n\tborder-width: 8px;\n\tmargin-left: -8px;\n}\n.p-overlaypanel:before {\n\tborder-width: 10px;\n\tmargin-left: -10px;\n}\n.p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before {\n    bottom: auto;\n    top: 100%;\n}\n.p-overlaypanel.p-overlaypanel-flipped:after {\n    border-bottom-color: transparent;\n}\n.p-overlaypanel.p-overlaypanel-flipped:before {\n    border-bottom-color: transparent\n}\n'),f.render=function(e,t,i,n,l,s){const f=r("ripple");return o(),a(c,{to:i.appendTo},[p(d,{name:"p-overlaypanel",onEnter:s.onEnter,onLeave:s.onLeave,onAfterLeave:s.onAfterLeave},{default:h((()=>[l.visible?(o(),a("div",v({key:0,class:s.containerClass,ref:s.containerRef},e.$attrs,{onClick:t[4]||(t[4]=(...e)=>s.onOverlayClick&&s.onOverlayClick(...e))}),[p("div",{class:"p-overlaypanel-content",onClick:t[1]||(t[1]=(...e)=>s.onContentClick&&s.onContentClick(...e)),onMousedown:t[2]||(t[2]=(...e)=>s.onContentClick&&s.onContentClick(...e))},[u(e.$slots,"default")],32),i.showCloseIcon?b((o(),a("button",{key:0,class:"p-overlaypanel-close p-link",onClick:t[3]||(t[3]=(...e)=>s.hide&&s.hide(...e)),"aria-label":i.ariaCloseLabel,type:"button"},[m],8,["aria-label"])),[[f]]):y("",!0)],16)):y("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])],8,["to"])};export default f;

package/overlaypanel/overlaypanel.js

@@ -40,6 +40,7 @@ this.primevue.overlaypanel = (function (utils, OverlayEventBus, Ripple, vue) {
                 default: null
             }
         },
+        emits: ['show', 'hide'],
         data() {
             return {
                 visible: false