primevue 3.16.2 → 3.18.0

package/colorpicker/colorpicker.js

@@ -68,6 +68,17 @@ this.primevue.colorpicker = (function (utils, OverlayEventBus, Portal, vue) {
         colorHandle: null,
         hueView: null,
         hueHandle: null,
+        watch: {
+            modelValue: {
+                immediate: true,
+                handler(newValue) {
+                    this.hsbValue = this.toHSB(newValue);
+
+                    if (this.selfUpdate) this.selfUpdate = false;
+                    else this.updateUI();
+                }
+            }
+        },
         beforeUnmount() {
             this.unbindOutsideClickListener();
             this.unbindDragListeners();
@@ -87,26 +98,14 @@ this.primevue.colorpicker = (function (utils, OverlayEventBus, Portal, vue) {
         mounted() {
             this.updateUI();
         },
-        watch: {
-            modelValue: {
-                immediate: true,
-                handler(newValue) {
-                    this.hsbValue = this.toHSB(newValue);
-
-                    if (this.selfUpdate)
-                        this.selfUpdate = false;
-                    else
-                        this.updateUI();
-                }
-            }
-        },
         methods: {
             pickColor(event) {
                 let rect = this.colorSelector.getBoundingClientRect();
                 let top = rect.top + (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0);
                 let left = rect.left + document.body.scrollLeft;
-                let saturation = Math.floor(100 * (Math.max(0, Math.min(150, ((event.pageX || event.changedTouches[0].pageX)- left)))) / 150);
-                let brightness = Math.floor(100 * (150 - Math.max(0, Math.min(150, ((event.pageY || event.changedTouches[0].pageY) - top)))) / 150);
+                let saturation = Math.floor((100 * Math.max(0, Math.min(150, (event.pageX || event.changedTouches[0].pageX) - left))) / 150);
+                let brightness = Math.floor((100 * (150 - Math.max(0, Math.min(150, (event.pageY || event.changedTouches[0].pageY) - top)))) / 150);
+
                 this.hsbValue = this.validateHSB({
                     h: this.hsbValue.h,
                     s: saturation,
@@ -117,12 +116,13 @@ this.primevue.colorpicker = (function (utils, OverlayEventBus, Portal, vue) {
                 this.updateColorHandle();
                 this.updateInput();
                 this.updateModel();
-                this.$emit('change', {event: event, value: this.modelValue});
+                this.$emit('change', { event: event, value: this.modelValue });
             },
             pickHue(event) {
                 let top = this.hueView.getBoundingClientRect().top + (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0);
+
                 this.hsbValue = this.validateHSB({
-                    h: Math.floor(360 * (150 - Math.max(0, Math.min(150, ((event.pageY || event.changedTouches[0].pageY) - top)))) / 150),
+                    h: Math.floor((360 * (150 - Math.max(0, Math.min(150, (event.pageY || event.changedTouches[0].pageY) - top)))) / 150),
                     s: 100,
                     b: 100
                 });
@@ -132,21 +132,21 @@ this.primevue.colorpicker = (function (utils, OverlayEventBus, Portal, vue) {
                 this.updateHue();
                 this.updateModel();
                 this.updateInput();
-                this.$emit('change', {event: event, value: this.modelValue});
+                this.$emit('change', { event: event, value: this.modelValue });
             },
             updateModel() {
-                switch(this.format) {
+                switch (this.format) {
                     case 'hex':
                         this.$emit('update:modelValue', this.HSBtoHEX(this.hsbValue));
-                    break;
+                        break;
 
                     case 'rgb':
                         this.$emit('update:modelValue', this.HSBtoRGB(this.hsbValue));
-                    break;
+                        break;
 
                     case 'hsb':
                         this.$emit('update:modelValue', this.hsbValue);
-                    break;
+                        break;
                 }
             },
             updateColorSelector() {
@@ -156,18 +156,19 @@ this.primevue.colorpicker = (function (utils, OverlayEventBus, Portal, vue) {
                         s: 100,
                         b: 100
                     });
+
                     this.colorSelector.style.backgroundColor = '#' + this.HSBtoHEX(hsbValue);
                 }
             },
             updateColorHandle() {
                 if (this.colorHandle) {
-                    this.colorHandle.style.left = Math.floor(150 * this.hsbValue.s / 100) + 'px';
-                    this.colorHandle.style.top = Math.floor(150 * (100 - this.hsbValue.b) / 100) + 'px';
+                    this.colorHandle.style.left = Math.floor((150 * this.hsbValue.s) / 100) + 'px';
+                    this.colorHandle.style.top = Math.floor((150 * (100 - this.hsbValue.b)) / 100) + 'px';
                 }
             },
             updateHue() {
                 if (this.hueHandle) {
-                    this.hueHandle.style.top = Math.floor(150 - (150 * this.hsbValue.h / 360)) + 'px';
+                    this.hueHandle.style.top = Math.floor(150 - (150 * this.hsbValue.h) / 360) + 'px';
                 }
             },
             updateInput() {
@@ -197,19 +198,24 @@ this.primevue.colorpicker = (function (utils, OverlayEventBus, Portal, vue) {
             },
             validateHEX(hex) {
                 var len = 6 - hex.length;
+
                 if (len > 0) {
                     var o = [];
-                    for (var i=0; i<len; i++) {
+
+                    for (var i = 0; i < len; i++) {
                         o.push('0');
                     }
+
                     o.push(hex);
                     hex = o.join('');
                 }
+
                 return hex;
             },
             HEXtoRGB(hex) {
-                let hexValue = parseInt(((hex.indexOf('#') > -1) ? hex.substring(1) : hex), 16);
-                return {r: hexValue >> 16, g: (hexValue & 0x00FF00) >> 8, b: (hexValue & 0x0000FF)};
+                let hexValue = parseInt(hex.indexOf('#') > -1 ? hex.substring(1) : hex, 16);
+
+                return { r: hexValue >> 16, g: (hexValue & 0x00ff00) >> 8, b: hexValue & 0x0000ff };
             },
             HEXtoHSB(hex) {
                 return this.RGBtoHSB(this.HEXtoRGB(hex));
@@ -223,8 +229,10 @@ this.primevue.colorpicker = (function (utils, OverlayEventBus, Portal, vue) {
                 var min = Math.min(rgb.r, rgb.g, rgb.b);
                 var max = Math.max(rgb.r, rgb.g, rgb.b);
                 var delta = max - min;
+
                 hsb.b = max;
-                hsb.s = max !== 0 ? 255 * delta / max : 0;
+                hsb.s = max !== 0 ? (255 * delta) / max : 0;
+
                 if (hsb.s !== 0) {
                     if (rgb.r === max) {
                         hsb.h = (rgb.g - rgb.b) / delta;
@@ -236,49 +244,76 @@ this.primevue.colorpicker = (function (utils, OverlayEventBus, Portal, vue) {
                 } else {
                     hsb.h = -1;
                 }
+
                 hsb.h *= 60;
+
                 if (hsb.h < 0) {
                     hsb.h += 360;
                 }
-                hsb.s *= 100/255;
-                hsb.b *= 100/255;
+
+                hsb.s *= 100 / 255;
+                hsb.b *= 100 / 255;
+
                 return hsb;
             },
             HSBtoRGB(hsb) {
                 var rgb = {
-                    r: null, g: null, b: null
+                    r: null,
+                    g: null,
+                    b: null
                 };
                 var h = Math.round(hsb.h);
-                var s = Math.round(hsb.s*255/100);
-                var v = Math.round(hsb.b*255/100);
+                var s = Math.round((hsb.s * 255) / 100);
+                var v = Math.round((hsb.b * 255) / 100);
+
                 if (s === 0) {
                     rgb = {
                         r: v,
                         g: v,
                         b: v
                     };
-                }
-                else {
+                } else {
                     var t1 = v;
-                    var t2 = (255-s)*v/255;
-                    var t3 = (t1-t2)*(h%60)/60;
-                    if (h===360) h = 0;
-                    if (h<60) {rgb.r=t1;	rgb.b=t2; rgb.g=t2+t3;}
-                    else if (h<120) {rgb.g=t1; rgb.b=t2;	rgb.r=t1-t3;}
-                    else if (h<180) {rgb.g=t1; rgb.r=t2;	rgb.b=t2+t3;}
-                    else if (h<240) {rgb.b=t1; rgb.r=t2;	rgb.g=t1-t3;}
-                    else if (h<300) {rgb.b=t1; rgb.g=t2;	rgb.r=t2+t3;}
-                    else if (h<360) {rgb.r=t1; rgb.g=t2;	rgb.b=t1-t3;}
-                    else {rgb.r=0; rgb.g=0;	rgb.b=0;}
-                }
-                return {r:Math.round(rgb.r), g:Math.round(rgb.g), b:Math.round(rgb.b)};
+                    var t2 = ((255 - s) * v) / 255;
+                    var t3 = ((t1 - t2) * (h % 60)) / 60;
+
+                    if (h === 360) h = 0;
+
+                    if (h < 60) {
+                        rgb.r = t1;
+                        rgb.b = t2;
+                        rgb.g = t2 + t3;
+                    } else if (h < 120) {
+                        rgb.g = t1;
+                        rgb.b = t2;
+                        rgb.r = t1 - t3;
+                    } else if (h < 180) {
+                        rgb.g = t1;
+                        rgb.r = t2;
+                        rgb.b = t2 + t3;
+                    } else if (h < 240) {
+                        rgb.b = t1;
+                        rgb.r = t2;
+                        rgb.g = t1 - t3;
+                    } else if (h < 300) {
+                        rgb.b = t1;
+                        rgb.g = t2;
+                        rgb.r = t2 + t3;
+                    } else if (h < 360) {
+                        rgb.r = t1;
+                        rgb.g = t2;
+                        rgb.b = t1 - t3;
+                    } else {
+                        rgb.r = 0;
+                        rgb.g = 0;
+                        rgb.b = 0;
+                    }
+                }
+
+                return { r: Math.round(rgb.r), g: Math.round(rgb.g), b: Math.round(rgb.b) };
             },
             RGBtoHEX(rgb) {
-                var hex = [
-                    rgb.r.toString(16),
-                    rgb.g.toString(16),
-                    rgb.b.toString(16)
-                ];
+                var hex = [rgb.r.toString(16), rgb.g.toString(16), rgb.b.toString(16)];
 
                 for (var key in hex) {
                     if (hex[key].length === 1) {
@@ -298,18 +333,17 @@ this.primevue.colorpicker = (function (utils, OverlayEventBus, Portal, vue) {
                     switch (this.format) {
                         case 'hex':
                             hsb = this.HEXtoHSB(value);
-                        break;
+                            break;
 
                         case 'rgb':
                             hsb = this.RGBtoHSB(value);
-                        break;
+                            break;
 
                         case 'hsb':
                             hsb = value;
-                        break;
+                            break;
                     }
-                }
-                else {
+                } else {
                     hsb = this.HEXtoHSB(this.defaultColor);
                 }
 
@@ -341,10 +375,8 @@ this.primevue.colorpicker = (function (utils, OverlayEventBus, Portal, vue) {
                 }
             },
             alignOverlay() {
-                if (this.appendTo === 'self')
-                    utils.DomHandler.relativePosition(this.picker, this.$refs.input);
-                else
-                    utils.DomHandler.absolutePosition(this.picker, this.$refs.input);
+                if (this.appendTo === 'self') utils.DomHandler.relativePosition(this.picker, this.$refs.input);
+                else utils.DomHandler.absolutePosition(this.picker, this.$refs.input);
             },
             onInputClick() {
                 if (this.disabled) {
@@ -354,18 +386,18 @@ this.primevue.colorpicker = (function (utils, OverlayEventBus, Portal, vue) {
                 this.overlayVisible = !this.overlayVisible;
             },
             onInputKeydown(event) {
-                switch(event.which) {
+                switch (event.which) {
                     //space
                     case 32:
                         this.overlayVisible = !this.overlayVisible;
                         event.preventDefault();
-                    break;
+                        break;
 
                     //escape and tab
                     case 27:
                     case 9:
                         this.overlayVisible = false;
-                    break;
+                        break;
                 }
             },
             onColorMousedown(event) {
@@ -438,6 +470,7 @@ this.primevue.colorpicker = (function (utils, OverlayEventBus, Portal, vue) {
                             this.overlayVisible = false;
                         }
                     };
+
                     document.addEventListener('click', this.outsideClickListener);
                 }
             },
@@ -470,6 +503,7 @@ this.primevue.colorpicker = (function (utils, OverlayEventBus, Portal, vue) {
                             this.overlayVisible = false;
                         }
                     };
+
                     window.addEventListener('resize', this.resizeListener);
                 }
             },
@@ -534,21 +568,26 @@ this.primevue.colorpicker = (function (utils, OverlayEventBus, Portal, vue) {
         },
         computed: {
             containerClass() {
-                return ['p-colorpicker p-component', {'p-colorpicker-overlay': !this.inline}];
+                return ['p-colorpicker p-component', { 'p-colorpicker-overlay': !this.inline }];
             },
             inputClass() {
-                return ['p-colorpicker-preview p-inputtext', {'p-disabled': this.disabled}];
+                return ['p-colorpicker-preview p-inputtext', { 'p-disabled': this.disabled }];
             },
             pickerClass() {
-                return ['p-colorpicker-panel', this.panelClass, {
-                    'p-colorpicker-overlay-panel': !this.inline, 'p-disabled': this.disabled,
-                    'p-input-filled': this.$primevue.config.inputStyle === 'filled',
-                    'p-ripple-disabled': this.$primevue.config.ripple === false
-                }];
+                return [
+                    'p-colorpicker-panel',
+                    this.panelClass,
+                    {
+                        'p-colorpicker-overlay-panel': !this.inline,
+                        'p-disabled': this.disabled,
+                        'p-input-filled': this.$primevue.config.inputStyle === 'filled',
+                        'p-ripple-disabled': this.$primevue.config.ripple === false
+                    }
+                ];
             }
         },
         components: {
-            'Portal': Portal__default["default"]
+            Portal: Portal__default["default"]
         }
     };
 
@@ -663,7 +702,7 @@ this.primevue.colorpicker = (function (utils, OverlayEventBus, Portal, vue) {
       }
     }
 
-    var css_248z = "\n.p-colorpicker {\n    display: inline-block;\n}\n.p-colorpicker-dragging {\n    cursor: pointer;\n}\n.p-colorpicker-overlay {\n    position: relative;\n}\n.p-colorpicker-panel {\n    position: relative;\n    width: 193px;\n    height: 166px;\n}\n.p-colorpicker-overlay-panel {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-colorpicker-preview {\n    cursor: pointer;\n}\n.p-colorpicker-panel .p-colorpicker-content {\n    position: relative;\n}\n.p-colorpicker-panel .p-colorpicker-color-selector {\n    width: 150px;\n    height: 150px;\n    top: 8px;\n    left: 8px;\n    position: absolute;\n}\n.p-colorpicker-panel .p-colorpicker-color {\n     width: 150px;\n     height: 150px;\n}\n.p-colorpicker-panel .p-colorpicker-color-handle {\n     position: absolute;\n     top: 0px;\n     left: 150px;\n     border-radius: 100%;\n     width: 10px;\n     height: 10px;\n     border-width: 1px;\n     border-style: solid;\n     margin: -5px 0 0 -5px;\n     cursor: pointer;\n     opacity: .85;\n}\n.p-colorpicker-panel .p-colorpicker-hue {\n    width: 17px;\n    height: 150px;\n    top: 8px;\n    left: 167px;\n    position: absolute;\n    opacity: .85;\n}\n.p-colorpicker-panel .p-colorpicker-hue-handle {\n     position: absolute;\n     top: 150px;\n     left: 0px;\n     width: 21px;\n     margin-left: -2px;\n     margin-top: -5px;\n     height: 10px;\n     border-width: 2px;\n     border-style: solid;\n     opacity: .85;\n     cursor: pointer;\n}\n";
+    var css_248z = "\n.p-colorpicker {\n    display: inline-block;\n}\n.p-colorpicker-dragging {\n    cursor: pointer;\n}\n.p-colorpicker-overlay {\n    position: relative;\n}\n.p-colorpicker-panel {\n    position: relative;\n    width: 193px;\n    height: 166px;\n}\n.p-colorpicker-overlay-panel {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-colorpicker-preview {\n    cursor: pointer;\n}\n.p-colorpicker-panel .p-colorpicker-content {\n    position: relative;\n}\n.p-colorpicker-panel .p-colorpicker-color-selector {\n    width: 150px;\n    height: 150px;\n    top: 8px;\n    left: 8px;\n    position: absolute;\n}\n.p-colorpicker-panel .p-colorpicker-color {\n    width: 150px;\n    height: 150px;\n}\n.p-colorpicker-panel .p-colorpicker-color-handle {\n    position: absolute;\n    top: 0px;\n    left: 150px;\n    border-radius: 100%;\n    width: 10px;\n    height: 10px;\n    border-width: 1px;\n    border-style: solid;\n    margin: -5px 0 0 -5px;\n    cursor: pointer;\n    opacity: 0.85;\n}\n.p-colorpicker-panel .p-colorpicker-hue {\n    width: 17px;\n    height: 150px;\n    top: 8px;\n    left: 167px;\n    position: absolute;\n    opacity: 0.85;\n}\n.p-colorpicker-panel .p-colorpicker-hue-handle {\n    position: absolute;\n    top: 150px;\n    left: 0px;\n    width: 21px;\n    margin-left: -2px;\n    margin-top: -5px;\n    height: 10px;\n    border-width: 2px;\n    border-style: solid;\n    opacity: 0.85;\n    cursor: pointer;\n}\n";
     styleInject(css_248z);
 
     script.render = render;

package/colorpicker/colorpicker.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.colorpicker=function(e,t,i,n){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(t),l={name:"ColorPicker",emits:["update:modelValue","change","show","hide"],props:{modelValue:{type:null,default:null},defaultColor:{type:null,default:"ff0000"},inline:{type:Boolean,default:!1},format:{type:String,default:"hex"},disabled:{type:Boolean,default:!1},tabindex:{type:String,default:null},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},appendTo:{type:String,default:"body"},panelClass:null},data:()=>({overlayVisible:!1}),hsbValue:null,outsideClickListener:null,documentMouseMoveListener:null,documentMouseUpListener:null,scrollHandler:null,resizeListener:null,hueDragging:null,colorDragging:null,selfUpdate:null,picker:null,colorSelector:null,colorHandle:null,hueView:null,hueHandle:null,beforeUnmount(){this.unbindOutsideClickListener(),this.unbindDragListeners(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.picker&&this.autoZIndex&&e.ZIndexUtils.clear(this.picker),this.clearRefs()},mounted(){this.updateUI()},watch:{modelValue:{immediate:!0,handler(e){this.hsbValue=this.toHSB(e),this.selfUpdate?this.selfUpdate=!1:this.updateUI()}}},methods:{pickColor(e){let t=this.colorSelector.getBoundingClientRect(),i=t.top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0),n=t.left+document.body.scrollLeft,o=Math.floor(100*Math.max(0,Math.min(150,(e.pageX||e.changedTouches[0].pageX)-n))/150),s=Math.floor(100*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-i)))/150);this.hsbValue=this.validateHSB({h:this.hsbValue.h,s:o,b:s}),this.selfUpdate=!0,this.updateColorHandle(),this.updateInput(),this.updateModel(),this.$emit("change",{event:e,value:this.modelValue})},pickHue(e){let t=this.hueView.getBoundingClientRect().top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0);this.hsbValue=this.validateHSB({h:Math.floor(360*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-t)))/150),s:100,b:100}),this.selfUpdate=!0,this.updateColorSelector(),this.updateHue(),this.updateModel(),this.updateInput(),this.$emit("change",{event:e,value:this.modelValue})},updateModel(){switch(this.format){case"hex":this.$emit("update:modelValue",this.HSBtoHEX(this.hsbValue));break;case"rgb":this.$emit("update:modelValue",this.HSBtoRGB(this.hsbValue));break;case"hsb":this.$emit("update:modelValue",this.hsbValue)}},updateColorSelector(){if(this.colorSelector){let e=this.validateHSB({h:this.hsbValue.h,s:100,b:100});this.colorSelector.style.backgroundColor="#"+this.HSBtoHEX(e)}},updateColorHandle(){this.colorHandle&&(this.colorHandle.style.left=Math.floor(150*this.hsbValue.s/100)+"px",this.colorHandle.style.top=Math.floor(150*(100-this.hsbValue.b)/100)+"px")},updateHue(){this.hueHandle&&(this.hueHandle.style.top=Math.floor(150-150*this.hsbValue.h/360)+"px")},updateInput(){this.$refs.input&&(this.$refs.input.style.backgroundColor="#"+this.HSBtoHEX(this.hsbValue))},updateUI(){this.updateHue(),this.updateColorHandle(),this.updateInput(),this.updateColorSelector()},validateHSB:e=>({h:Math.min(360,Math.max(0,e.h)),s:Math.min(100,Math.max(0,e.s)),b:Math.min(100,Math.max(0,e.b))}),validateRGB:e=>({r:Math.min(255,Math.max(0,e.r)),g:Math.min(255,Math.max(0,e.g)),b:Math.min(255,Math.max(0,e.b))}),validateHEX(e){var t=6-e.length;if(t>0){for(var i=[],n=0;n<t;n++)i.push("0");i.push(e),e=i.join("")}return e},HEXtoRGB(e){let t=parseInt(e.indexOf("#")>-1?e.substring(1):e,16);return{r:t>>16,g:(65280&t)>>8,b:255&t}},HEXtoHSB(e){return this.RGBtoHSB(this.HEXtoRGB(e))},RGBtoHSB(e){var t={h:0,s:0,b:0},i=Math.min(e.r,e.g,e.b),n=Math.max(e.r,e.g,e.b),o=n-i;return t.b=n,t.s=0!==n?255*o/n:0,0!==t.s?e.r===n?t.h=(e.g-e.b)/o:e.g===n?t.h=2+(e.b-e.r)/o:t.h=4+(e.r-e.g)/o:t.h=-1,t.h*=60,t.h<0&&(t.h+=360),t.s*=100/255,t.b*=100/255,t},HSBtoRGB(e){var t={r:null,g:null,b:null},i=Math.round(e.h),n=Math.round(255*e.s/100),o=Math.round(255*e.b/100);if(0===n)t={r:o,g:o,b:o};else{var s=o,l=(255-n)*o/255,r=i%60*(s-l)/60;360===i&&(i=0),i<60?(t.r=s,t.b=l,t.g=l+r):i<120?(t.g=s,t.b=l,t.r=s-r):i<180?(t.g=s,t.r=l,t.b=l+r):i<240?(t.b=s,t.r=l,t.g=s-r):i<300?(t.b=s,t.g=l,t.r=l+r):i<360?(t.r=s,t.g=l,t.b=s-r):(t.r=0,t.g=0,t.b=0)}return{r:Math.round(t.r),g:Math.round(t.g),b:Math.round(t.b)}},RGBtoHEX(e){var t=[e.r.toString(16),e.g.toString(16),e.b.toString(16)];for(var i in t)1===t[i].length&&(t[i]="0"+t[i]);return t.join("")},HSBtoHEX(e){return this.RGBtoHEX(this.HSBtoRGB(e))},toHSB(e){let t;if(e)switch(this.format){case"hex":t=this.HEXtoHSB(e);break;case"rgb":t=this.RGBtoHSB(e);break;case"hsb":t=e}else t=this.HEXtoHSB(this.defaultColor);return t},onOverlayEnter(t){this.updateUI(),this.alignOverlay(),this.bindOutsideClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.autoZIndex&&e.ZIndexUtils.set("overlay",t,this.$primevue.config.zIndex.overlay),this.$emit("show")},onOverlayLeave(){this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener(),this.clearRefs(),this.$emit("hide")},onOverlayAfterLeave(t){this.autoZIndex&&e.ZIndexUtils.clear(t)},alignOverlay(){"self"===this.appendTo?e.DomHandler.relativePosition(this.picker,this.$refs.input):e.DomHandler.absolutePosition(this.picker,this.$refs.input)},onInputClick(){this.disabled||(this.overlayVisible=!this.overlayVisible)},onInputKeydown(e){switch(e.which){case 32:this.overlayVisible=!this.overlayVisible,e.preventDefault();break;case 27:case 9:this.overlayVisible=!1}},onColorMousedown(e){this.disabled||(this.bindDragListeners(),this.onColorDragStart(e))},onColorDragStart(t){this.disabled||(this.colorDragging=!0,this.pickColor(t),e.DomHandler.addClass(this.$el,"p-colorpicker-dragging"),t.preventDefault())},onDrag(e){this.colorDragging&&(this.pickColor(e),e.preventDefault()),this.hueDragging&&(this.pickHue(e),e.preventDefault())},onDragEnd(){this.colorDragging=!1,this.hueDragging=!1,e.DomHandler.removeClass(this.$el,"p-colorpicker-dragging"),this.unbindDragListeners()},onHueMousedown(e){this.disabled||(this.bindDragListeners(),this.onHueDragStart(e))},onHueDragStart(t){this.disabled||(this.hueDragging=!0,this.pickHue(t),e.DomHandler.addClass(this.$el,"p-colorpicker-dragging"))},isInputClicked(e){return this.$refs.input&&this.$refs.input.isSameNode(e.target)},bindDragListeners(){this.bindDocumentMouseMoveListener(),this.bindDocumentMouseUpListener()},unbindDragListeners(){this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener()},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.overlayVisible&&this.picker&&!this.picker.contains(e.target)&&!this.isInputClicked(e)&&(this.overlayVisible=!1)},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new e.ConnectedOverlayScrollHandler(this.$refs.container,(()=>{this.overlayVisible&&(this.overlayVisible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.overlayVisible&&!e.DomHandler.isTouchDevice()&&(this.overlayVisible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},bindDocumentMouseMoveListener(){this.documentMouseMoveListener||(this.documentMouseMoveListener=this.onDrag.bind(this),document.addEventListener("mousemove",this.documentMouseMoveListener))},unbindDocumentMouseMoveListener(){this.documentMouseMoveListener&&(document.removeEventListener("mousemove",this.documentMouseMoveListener),this.documentMouseMoveListener=null)},bindDocumentMouseUpListener(){this.documentMouseUpListener||(this.documentMouseUpListener=this.onDragEnd.bind(this),document.addEventListener("mouseup",this.documentMouseUpListener))},unbindDocumentMouseUpListener(){this.documentMouseUpListener&&(document.removeEventListener("mouseup",this.documentMouseUpListener),this.documentMouseUpListener=null)},pickerRef(e){this.picker=e},colorSelectorRef(e){this.colorSelector=e},colorHandleRef(e){this.colorHandle=e},hueViewRef(e){this.hueView=e},hueHandleRef(e){this.hueHandle=e},clearRefs(){this.picker=null,this.colorSelector=null,this.colorHandle=null,this.hueView=null,this.hueHandle=null},onOverlayClick(e){s.default.emit("overlay-click",{originalEvent:e,target:this.$el})}},computed:{containerClass(){return["p-colorpicker p-component",{"p-colorpicker-overlay":!this.inline}]},inputClass(){return["p-colorpicker-preview p-inputtext",{"p-disabled":this.disabled}]},pickerClass(){return["p-colorpicker-panel",this.panelClass,{"p-colorpicker-overlay-panel":!this.inline,"p-disabled":this.disabled,"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{Portal:o(i).default}};const r=["tabindex","disabled"],a={class:"p-colorpicker-content"},d={class:"p-colorpicker-color"};return function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===i&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-colorpicker {\n    display: inline-block;\n}\n.p-colorpicker-dragging {\n    cursor: pointer;\n}\n.p-colorpicker-overlay {\n    position: relative;\n}\n.p-colorpicker-panel {\n    position: relative;\n    width: 193px;\n    height: 166px;\n}\n.p-colorpicker-overlay-panel {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-colorpicker-preview {\n    cursor: pointer;\n}\n.p-colorpicker-panel .p-colorpicker-content {\n    position: relative;\n}\n.p-colorpicker-panel .p-colorpicker-color-selector {\n    width: 150px;\n    height: 150px;\n    top: 8px;\n    left: 8px;\n    position: absolute;\n}\n.p-colorpicker-panel .p-colorpicker-color {\n     width: 150px;\n     height: 150px;\n}\n.p-colorpicker-panel .p-colorpicker-color-handle {\n     position: absolute;\n     top: 0px;\n     left: 150px;\n     border-radius: 100%;\n     width: 10px;\n     height: 10px;\n     border-width: 1px;\n     border-style: solid;\n     margin: -5px 0 0 -5px;\n     cursor: pointer;\n     opacity: .85;\n}\n.p-colorpicker-panel .p-colorpicker-hue {\n    width: 17px;\n    height: 150px;\n    top: 8px;\n    left: 167px;\n    position: absolute;\n    opacity: .85;\n}\n.p-colorpicker-panel .p-colorpicker-hue-handle {\n     position: absolute;\n     top: 150px;\n     left: 0px;\n     width: 21px;\n     margin-left: -2px;\n     margin-top: -5px;\n     height: 10px;\n     border-width: 2px;\n     border-style: solid;\n     opacity: .85;\n     cursor: pointer;\n}\n"),l.render=function(e,t,i,o,s,l){const h=n.resolveComponent("Portal");return n.openBlock(),n.createElementBlock("div",{ref:"container",class:n.normalizeClass(l.containerClass)},[i.inline?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("input",{key:0,ref:"input",type:"text",class:n.normalizeClass(l.inputClass),readonly:"readonly",tabindex:i.tabindex,disabled:i.disabled,onClick:t[0]||(t[0]=(...e)=>l.onInputClick&&l.onInputClick(...e)),onKeydown:t[1]||(t[1]=(...e)=>l.onInputKeydown&&l.onInputKeydown(...e))},null,42,r)),n.createVNode(h,{appendTo:i.appendTo,disabled:i.inline},{default:n.withCtx((()=>[n.createVNode(n.Transition,{name:"p-connected-overlay",onEnter:l.onOverlayEnter,onLeave:l.onOverlayLeave,onAfterLeave:l.onOverlayAfterLeave},{default:n.withCtx((()=>[i.inline||s.overlayVisible?(n.openBlock(),n.createElementBlock("div",{key:0,ref:l.pickerRef,class:n.normalizeClass(l.pickerClass),onClick:t[10]||(t[10]=(...e)=>l.onOverlayClick&&l.onOverlayClick(...e))},[n.createElementVNode("div",a,[n.createElementVNode("div",{ref:l.colorSelectorRef,class:"p-colorpicker-color-selector",onMousedown:t[2]||(t[2]=e=>l.onColorMousedown(e)),onTouchstart:t[3]||(t[3]=e=>l.onColorDragStart(e)),onTouchmove:t[4]||(t[4]=e=>l.onDrag(e)),onTouchend:t[5]||(t[5]=e=>l.onDragEnd())},[n.createElementVNode("div",d,[n.createElementVNode("div",{ref:l.colorHandleRef,class:"p-colorpicker-color-handle"},null,512)])],544),n.createElementVNode("div",{ref:l.hueViewRef,class:"p-colorpicker-hue",onMousedown:t[6]||(t[6]=e=>l.onHueMousedown(e)),onTouchstart:t[7]||(t[7]=e=>l.onHueDragStart(e)),onTouchmove:t[8]||(t[8]=e=>l.onDrag(e)),onTouchend:t[9]||(t[9]=e=>l.onDragEnd())},[n.createElementVNode("div",{ref:l.hueHandleRef,class:"p-colorpicker-hue-handle"},null,512)],544)])],2)):n.createCommentVNode("",!0)])),_:1},8,["onEnter","onLeave","onAfterLeave"])])),_:1},8,["appendTo","disabled"])],2)},l}(primevue.utils,primevue.overlayeventbus,primevue.portal,Vue);
+this.primevue=this.primevue||{},this.primevue.colorpicker=function(e,t,i,n){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(t),l={name:"ColorPicker",emits:["update:modelValue","change","show","hide"],props:{modelValue:{type:null,default:null},defaultColor:{type:null,default:"ff0000"},inline:{type:Boolean,default:!1},format:{type:String,default:"hex"},disabled:{type:Boolean,default:!1},tabindex:{type:String,default:null},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},appendTo:{type:String,default:"body"},panelClass:null},data:()=>({overlayVisible:!1}),hsbValue:null,outsideClickListener:null,documentMouseMoveListener:null,documentMouseUpListener:null,scrollHandler:null,resizeListener:null,hueDragging:null,colorDragging:null,selfUpdate:null,picker:null,colorSelector:null,colorHandle:null,hueView:null,hueHandle:null,watch:{modelValue:{immediate:!0,handler(e){this.hsbValue=this.toHSB(e),this.selfUpdate?this.selfUpdate=!1:this.updateUI()}}},beforeUnmount(){this.unbindOutsideClickListener(),this.unbindDragListeners(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.picker&&this.autoZIndex&&e.ZIndexUtils.clear(this.picker),this.clearRefs()},mounted(){this.updateUI()},methods:{pickColor(e){let t=this.colorSelector.getBoundingClientRect(),i=t.top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0),n=t.left+document.body.scrollLeft,o=Math.floor(100*Math.max(0,Math.min(150,(e.pageX||e.changedTouches[0].pageX)-n))/150),s=Math.floor(100*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-i)))/150);this.hsbValue=this.validateHSB({h:this.hsbValue.h,s:o,b:s}),this.selfUpdate=!0,this.updateColorHandle(),this.updateInput(),this.updateModel(),this.$emit("change",{event:e,value:this.modelValue})},pickHue(e){let t=this.hueView.getBoundingClientRect().top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0);this.hsbValue=this.validateHSB({h:Math.floor(360*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-t)))/150),s:100,b:100}),this.selfUpdate=!0,this.updateColorSelector(),this.updateHue(),this.updateModel(),this.updateInput(),this.$emit("change",{event:e,value:this.modelValue})},updateModel(){switch(this.format){case"hex":this.$emit("update:modelValue",this.HSBtoHEX(this.hsbValue));break;case"rgb":this.$emit("update:modelValue",this.HSBtoRGB(this.hsbValue));break;case"hsb":this.$emit("update:modelValue",this.hsbValue)}},updateColorSelector(){if(this.colorSelector){let e=this.validateHSB({h:this.hsbValue.h,s:100,b:100});this.colorSelector.style.backgroundColor="#"+this.HSBtoHEX(e)}},updateColorHandle(){this.colorHandle&&(this.colorHandle.style.left=Math.floor(150*this.hsbValue.s/100)+"px",this.colorHandle.style.top=Math.floor(150*(100-this.hsbValue.b)/100)+"px")},updateHue(){this.hueHandle&&(this.hueHandle.style.top=Math.floor(150-150*this.hsbValue.h/360)+"px")},updateInput(){this.$refs.input&&(this.$refs.input.style.backgroundColor="#"+this.HSBtoHEX(this.hsbValue))},updateUI(){this.updateHue(),this.updateColorHandle(),this.updateInput(),this.updateColorSelector()},validateHSB:e=>({h:Math.min(360,Math.max(0,e.h)),s:Math.min(100,Math.max(0,e.s)),b:Math.min(100,Math.max(0,e.b))}),validateRGB:e=>({r:Math.min(255,Math.max(0,e.r)),g:Math.min(255,Math.max(0,e.g)),b:Math.min(255,Math.max(0,e.b))}),validateHEX(e){var t=6-e.length;if(t>0){for(var i=[],n=0;n<t;n++)i.push("0");i.push(e),e=i.join("")}return e},HEXtoRGB(e){let t=parseInt(e.indexOf("#")>-1?e.substring(1):e,16);return{r:t>>16,g:(65280&t)>>8,b:255&t}},HEXtoHSB(e){return this.RGBtoHSB(this.HEXtoRGB(e))},RGBtoHSB(e){var t={h:0,s:0,b:0},i=Math.min(e.r,e.g,e.b),n=Math.max(e.r,e.g,e.b),o=n-i;return t.b=n,t.s=0!==n?255*o/n:0,0!==t.s?e.r===n?t.h=(e.g-e.b)/o:e.g===n?t.h=2+(e.b-e.r)/o:t.h=4+(e.r-e.g)/o:t.h=-1,t.h*=60,t.h<0&&(t.h+=360),t.s*=100/255,t.b*=100/255,t},HSBtoRGB(e){var t={r:null,g:null,b:null},i=Math.round(e.h),n=Math.round(255*e.s/100),o=Math.round(255*e.b/100);if(0===n)t={r:o,g:o,b:o};else{var s=o,l=(255-n)*o/255,r=i%60*(s-l)/60;360===i&&(i=0),i<60?(t.r=s,t.b=l,t.g=l+r):i<120?(t.g=s,t.b=l,t.r=s-r):i<180?(t.g=s,t.r=l,t.b=l+r):i<240?(t.b=s,t.r=l,t.g=s-r):i<300?(t.b=s,t.g=l,t.r=l+r):i<360?(t.r=s,t.g=l,t.b=s-r):(t.r=0,t.g=0,t.b=0)}return{r:Math.round(t.r),g:Math.round(t.g),b:Math.round(t.b)}},RGBtoHEX(e){var t=[e.r.toString(16),e.g.toString(16),e.b.toString(16)];for(var i in t)1===t[i].length&&(t[i]="0"+t[i]);return t.join("")},HSBtoHEX(e){return this.RGBtoHEX(this.HSBtoRGB(e))},toHSB(e){let t;if(e)switch(this.format){case"hex":t=this.HEXtoHSB(e);break;case"rgb":t=this.RGBtoHSB(e);break;case"hsb":t=e}else t=this.HEXtoHSB(this.defaultColor);return t},onOverlayEnter(t){this.updateUI(),this.alignOverlay(),this.bindOutsideClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.autoZIndex&&e.ZIndexUtils.set("overlay",t,this.$primevue.config.zIndex.overlay),this.$emit("show")},onOverlayLeave(){this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener(),this.clearRefs(),this.$emit("hide")},onOverlayAfterLeave(t){this.autoZIndex&&e.ZIndexUtils.clear(t)},alignOverlay(){"self"===this.appendTo?e.DomHandler.relativePosition(this.picker,this.$refs.input):e.DomHandler.absolutePosition(this.picker,this.$refs.input)},onInputClick(){this.disabled||(this.overlayVisible=!this.overlayVisible)},onInputKeydown(e){switch(e.which){case 32:this.overlayVisible=!this.overlayVisible,e.preventDefault();break;case 27:case 9:this.overlayVisible=!1}},onColorMousedown(e){this.disabled||(this.bindDragListeners(),this.onColorDragStart(e))},onColorDragStart(t){this.disabled||(this.colorDragging=!0,this.pickColor(t),e.DomHandler.addClass(this.$el,"p-colorpicker-dragging"),t.preventDefault())},onDrag(e){this.colorDragging&&(this.pickColor(e),e.preventDefault()),this.hueDragging&&(this.pickHue(e),e.preventDefault())},onDragEnd(){this.colorDragging=!1,this.hueDragging=!1,e.DomHandler.removeClass(this.$el,"p-colorpicker-dragging"),this.unbindDragListeners()},onHueMousedown(e){this.disabled||(this.bindDragListeners(),this.onHueDragStart(e))},onHueDragStart(t){this.disabled||(this.hueDragging=!0,this.pickHue(t),e.DomHandler.addClass(this.$el,"p-colorpicker-dragging"))},isInputClicked(e){return this.$refs.input&&this.$refs.input.isSameNode(e.target)},bindDragListeners(){this.bindDocumentMouseMoveListener(),this.bindDocumentMouseUpListener()},unbindDragListeners(){this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener()},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.overlayVisible&&this.picker&&!this.picker.contains(e.target)&&!this.isInputClicked(e)&&(this.overlayVisible=!1)},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new e.ConnectedOverlayScrollHandler(this.$refs.container,(()=>{this.overlayVisible&&(this.overlayVisible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.overlayVisible&&!e.DomHandler.isTouchDevice()&&(this.overlayVisible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},bindDocumentMouseMoveListener(){this.documentMouseMoveListener||(this.documentMouseMoveListener=this.onDrag.bind(this),document.addEventListener("mousemove",this.documentMouseMoveListener))},unbindDocumentMouseMoveListener(){this.documentMouseMoveListener&&(document.removeEventListener("mousemove",this.documentMouseMoveListener),this.documentMouseMoveListener=null)},bindDocumentMouseUpListener(){this.documentMouseUpListener||(this.documentMouseUpListener=this.onDragEnd.bind(this),document.addEventListener("mouseup",this.documentMouseUpListener))},unbindDocumentMouseUpListener(){this.documentMouseUpListener&&(document.removeEventListener("mouseup",this.documentMouseUpListener),this.documentMouseUpListener=null)},pickerRef(e){this.picker=e},colorSelectorRef(e){this.colorSelector=e},colorHandleRef(e){this.colorHandle=e},hueViewRef(e){this.hueView=e},hueHandleRef(e){this.hueHandle=e},clearRefs(){this.picker=null,this.colorSelector=null,this.colorHandle=null,this.hueView=null,this.hueHandle=null},onOverlayClick(e){s.default.emit("overlay-click",{originalEvent:e,target:this.$el})}},computed:{containerClass(){return["p-colorpicker p-component",{"p-colorpicker-overlay":!this.inline}]},inputClass(){return["p-colorpicker-preview p-inputtext",{"p-disabled":this.disabled}]},pickerClass(){return["p-colorpicker-panel",this.panelClass,{"p-colorpicker-overlay-panel":!this.inline,"p-disabled":this.disabled,"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{Portal:o(i).default}};const r=["tabindex","disabled"],a={class:"p-colorpicker-content"},d={class:"p-colorpicker-color"};return function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===i&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-colorpicker {\n    display: inline-block;\n}\n.p-colorpicker-dragging {\n    cursor: pointer;\n}\n.p-colorpicker-overlay {\n    position: relative;\n}\n.p-colorpicker-panel {\n    position: relative;\n    width: 193px;\n    height: 166px;\n}\n.p-colorpicker-overlay-panel {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-colorpicker-preview {\n    cursor: pointer;\n}\n.p-colorpicker-panel .p-colorpicker-content {\n    position: relative;\n}\n.p-colorpicker-panel .p-colorpicker-color-selector {\n    width: 150px;\n    height: 150px;\n    top: 8px;\n    left: 8px;\n    position: absolute;\n}\n.p-colorpicker-panel .p-colorpicker-color {\n    width: 150px;\n    height: 150px;\n}\n.p-colorpicker-panel .p-colorpicker-color-handle {\n    position: absolute;\n    top: 0px;\n    left: 150px;\n    border-radius: 100%;\n    width: 10px;\n    height: 10px;\n    border-width: 1px;\n    border-style: solid;\n    margin: -5px 0 0 -5px;\n    cursor: pointer;\n    opacity: 0.85;\n}\n.p-colorpicker-panel .p-colorpicker-hue {\n    width: 17px;\n    height: 150px;\n    top: 8px;\n    left: 167px;\n    position: absolute;\n    opacity: 0.85;\n}\n.p-colorpicker-panel .p-colorpicker-hue-handle {\n    position: absolute;\n    top: 150px;\n    left: 0px;\n    width: 21px;\n    margin-left: -2px;\n    margin-top: -5px;\n    height: 10px;\n    border-width: 2px;\n    border-style: solid;\n    opacity: 0.85;\n    cursor: pointer;\n}\n"),l.render=function(e,t,i,o,s,l){const h=n.resolveComponent("Portal");return n.openBlock(),n.createElementBlock("div",{ref:"container",class:n.normalizeClass(l.containerClass)},[i.inline?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("input",{key:0,ref:"input",type:"text",class:n.normalizeClass(l.inputClass),readonly:"readonly",tabindex:i.tabindex,disabled:i.disabled,onClick:t[0]||(t[0]=(...e)=>l.onInputClick&&l.onInputClick(...e)),onKeydown:t[1]||(t[1]=(...e)=>l.onInputKeydown&&l.onInputKeydown(...e))},null,42,r)),n.createVNode(h,{appendTo:i.appendTo,disabled:i.inline},{default:n.withCtx((()=>[n.createVNode(n.Transition,{name:"p-connected-overlay",onEnter:l.onOverlayEnter,onLeave:l.onOverlayLeave,onAfterLeave:l.onOverlayAfterLeave},{default:n.withCtx((()=>[i.inline||s.overlayVisible?(n.openBlock(),n.createElementBlock("div",{key:0,ref:l.pickerRef,class:n.normalizeClass(l.pickerClass),onClick:t[10]||(t[10]=(...e)=>l.onOverlayClick&&l.onOverlayClick(...e))},[n.createElementVNode("div",a,[n.createElementVNode("div",{ref:l.colorSelectorRef,class:"p-colorpicker-color-selector",onMousedown:t[2]||(t[2]=e=>l.onColorMousedown(e)),onTouchstart:t[3]||(t[3]=e=>l.onColorDragStart(e)),onTouchmove:t[4]||(t[4]=e=>l.onDrag(e)),onTouchend:t[5]||(t[5]=e=>l.onDragEnd())},[n.createElementVNode("div",d,[n.createElementVNode("div",{ref:l.colorHandleRef,class:"p-colorpicker-color-handle"},null,512)])],544),n.createElementVNode("div",{ref:l.hueViewRef,class:"p-colorpicker-hue",onMousedown:t[6]||(t[6]=e=>l.onHueMousedown(e)),onTouchstart:t[7]||(t[7]=e=>l.onHueDragStart(e)),onTouchmove:t[8]||(t[8]=e=>l.onDrag(e)),onTouchend:t[9]||(t[9]=e=>l.onDragEnd())},[n.createElementVNode("div",{ref:l.hueHandleRef,class:"p-colorpicker-hue-handle"},null,512)],544)])],2)):n.createCommentVNode("",!0)])),_:1},8,["onEnter","onLeave","onAfterLeave"])])),_:1},8,["appendTo","disabled"])],2)},l}(primevue.utils,primevue.overlayeventbus,primevue.portal,Vue);

package/column/Column.d.ts

@@ -464,14 +464,13 @@ export interface ColumnSlots {
     }) => VNode[];
 }
 
-export declare type ColumnEmits = {
-}
+export declare type ColumnEmits = {};
 
-declare class Column extends ClassComponent<ColumnProps, ColumnSlots, ColumnEmits> { }
+declare class Column extends ClassComponent<ColumnProps, ColumnSlots, ColumnEmits> {}
 
 declare module '@vue/runtime-core' {
     interface GlobalComponents {
-        Column: GlobalComponentConstructor<Column>
+        Column: GlobalComponentConstructor<Column>;
     }
 }
 
@@ -481,8 +480,8 @@ declare module '@vue/runtime-core' {
  *
  * Demos:
  *
- * - [DataTable](https://www.primefaces.org/primevue/showcase/#/datatable)
- * - [TreeTable](https://www.primefaces.org/primevue/showcase/#/treetable)
+ * - [DataTable](https://www.primefaces.org/primevue/datatable)
+ * - [TreeTable](https://www.primefaces.org/primevue/treetable)
  *
  */
 export default Column;

package/column/Column.vue

@@ -182,5 +182,5 @@ export default {
     render() {
         return null;
     }
-}
+};
 </script>

package/columngroup/ColumnGroup.d.ts

@@ -9,17 +9,15 @@ export interface ColumnGroupProps {
     type?: ColumnGroupType;
 }
 
-export interface ColumnGroupSlots {
-}
+export interface ColumnGroupSlots {}
 
-export declare type ColumnGroupEmits = {
-}
+export declare type ColumnGroupEmits = {};
 
-declare class ColumnGroup extends ClassComponent<ColumnGroupProps, ColumnGroupSlots, ColumnGroupEmits> { }
+declare class ColumnGroup extends ClassComponent<ColumnGroupProps, ColumnGroupSlots, ColumnGroupEmits> {}
 
 declare module '@vue/runtime-core' {
     interface GlobalComponents {
-        ColumnGroup: GlobalComponentConstructor<ColumnGroup>
+        ColumnGroup: GlobalComponentConstructor<ColumnGroup>;
     }
 }
 
@@ -29,7 +27,7 @@ declare module '@vue/runtime-core' {
  *
  * Demos:
  *
- * - [ColumnGroup](https://www.primefaces.org/primevue/showcase/#/datatable/colgroup)
+ * - [ColumnGroup](https://www.primefaces.org/primevue/datatable/colgroup)
  *
  */
 export default ColumnGroup;

package/columngroup/ColumnGroup.vue

@@ -10,5 +10,5 @@ export default {
     render() {
         return null;
     }
-}
+};
 </script>

package/config/PrimeVue.d.ts

@@ -1,4 +1,4 @@
-import Vue, { Plugin } from 'vue';
+import { Plugin } from 'vue';
 
 interface PrimeVueConfiguration {
     ripple?: boolean;
@@ -24,6 +24,9 @@ interface PrimeVueLocaleAriaOptions {
     selectAll?: string;
     unselectAll?: string;
     close?: string;
+    previous?: string;
+    next?: string;
+    navigation?: string;
 }
 
 interface PrimeVueLocaleOptions {
@@ -53,6 +56,8 @@ interface PrimeVueLocaleOptions {
     choose?: string;
     upload?: string;
     cancel?: string;
+    completed?: string;
+    pending?: string;
     dayNames: string[];
     dayNamesShort: string[];
     dayNamesMin: string[];
@@ -101,7 +106,7 @@ declare module 'vue/types/vue' {
     interface Vue {
         $primevue: {
             config: PrimeVueConfiguration;
-        }
+        };
     }
 }
 
@@ -109,6 +114,6 @@ declare module '@vue/runtime-core' {
     interface ComponentCustomProperties {
         $primevue: {
             config: PrimeVueConfiguration;
-        }
+        };
     }
 }

package/config/config.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
 var api = require('primevue/api');
+var vue = require('vue');
 
 const defaultOptions = {
     ripple: false,
@@ -35,11 +35,13 @@ const defaultOptions = {
         choose: 'Choose',
         upload: 'Upload',
         cancel: 'Cancel',
-        dayNames: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
-        dayNamesShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
-        dayNamesMin: ["Su","Mo","Tu","We","Th","Fr","Sa"],
-        monthNames: ["January","February","March","April","May","June","July","August","September","October","November","December"],
-        monthNamesShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun","Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+        completed: 'Completed',
+        pending: 'Pending',
+        dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+        dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+        dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+        monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+        monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
         chooseYear: 'Choose Year',
         chooseMonth: 'Choose Month',
         chooseDate: 'Choose Date',
@@ -79,32 +81,16 @@ const defaultOptions = {
             stars: '{star} stars',
             selectAll: 'All items selected',
             unselectAll: 'All items unselected',
-            close: 'Close'
+            close: 'Close',
+            previous: 'Previous',
+            next: 'Next',
+            navigation: 'Navigation'
         }
     },
     filterMatchModeOptions: {
-        text: [
-            api.FilterMatchMode.STARTS_WITH,
-            api.FilterMatchMode.CONTAINS,
-            api.FilterMatchMode.NOT_CONTAINS,
-            api.FilterMatchMode.ENDS_WITH,
-            api.FilterMatchMode.EQUALS,
-            api.FilterMatchMode.NOT_EQUALS
-        ],
-        numeric: [
-            api.FilterMatchMode.EQUALS,
-            api.FilterMatchMode.NOT_EQUALS,
-            api.FilterMatchMode.LESS_THAN,
-            api.FilterMatchMode.LESS_THAN_OR_EQUAL_TO,
-            api.FilterMatchMode.GREATER_THAN,
-            api.FilterMatchMode.GREATER_THAN_OR_EQUAL_TO
-        ],
-        date: [
-            api.FilterMatchMode.DATE_IS,
-            api.FilterMatchMode.DATE_IS_NOT,
-            api.FilterMatchMode.DATE_BEFORE,
-            api.FilterMatchMode.DATE_AFTER
-        ]
+        text: [api.FilterMatchMode.STARTS_WITH, api.FilterMatchMode.CONTAINS, api.FilterMatchMode.NOT_CONTAINS, api.FilterMatchMode.ENDS_WITH, api.FilterMatchMode.EQUALS, api.FilterMatchMode.NOT_EQUALS],
+        numeric: [api.FilterMatchMode.EQUALS, api.FilterMatchMode.NOT_EQUALS, api.FilterMatchMode.LESS_THAN, api.FilterMatchMode.LESS_THAN_OR_EQUAL_TO, api.FilterMatchMode.GREATER_THAN, api.FilterMatchMode.GREATER_THAN_OR_EQUAL_TO],
+        date: [api.FilterMatchMode.DATE_IS, api.FilterMatchMode.DATE_IS_NOT, api.FilterMatchMode.DATE_BEFORE, api.FilterMatchMode.DATE_AFTER]
     },
     zIndex: {
         modal: 1100,
@@ -118,6 +104,7 @@ const PrimeVueSymbol = Symbol();
 
 function usePrimeVue() {
     const PrimeVue = vue.inject(PrimeVueSymbol);
+
     if (!PrimeVue) {
         throw new Error('PrimeVue is not installed!');
     }
@@ -127,10 +114,11 @@ function usePrimeVue() {
 
 var PrimeVue = {
     install: (app, options) => {
-        let configOptions = options ? {...defaultOptions, ...options} : {...defaultOptions};
+        let configOptions = options ? { ...defaultOptions, ...options } : { ...defaultOptions };
         const PrimeVue = {
             config: vue.reactive(configOptions)
         };
+
         app.config.globalProperties.$primevue = PrimeVue;
         app.provide(PrimeVueSymbol, PrimeVue);
     }