primevue 3.8.2 → 3.11.0

package/colorpicker/colorpicker.js

@@ -8,7 +8,7 @@ this.primevue.colorpicker = (function (utils, OverlayEventBus, vue) {
 
     var script = {
         name: 'ColorPicker',
-        emits: ['update:modelValue'],
+        emits: ['update:modelValue', 'change', 'show', 'hide'],
         props: {
             modelValue: {
                 type: null,
@@ -120,6 +120,7 @@ this.primevue.colorpicker = (function (utils, OverlayEventBus, vue) {
                 this.updateColorHandle();
                 this.updateInput();
                 this.updateModel();
+                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);
@@ -134,6 +135,7 @@ this.primevue.colorpicker = (function (utils, OverlayEventBus, vue) {
                 this.updateHue();
                 this.updateModel();
                 this.updateInput();
+                this.$emit('change', {event: event, value: this.modelValue});
             },
             updateModel() {
                 switch(this.format) {
@@ -326,12 +328,15 @@ this.primevue.colorpicker = (function (utils, OverlayEventBus, vue) {
                 if (this.autoZIndex) {
                     utils.ZIndexUtils.set('overlay', el, this.$primevue.config.zIndex.overlay);
                 }
+                
+                this.$emit('show');
             },
             onOverlayLeave() {
                 this.unbindOutsideClickListener();
                 this.unbindScrollListener();
                 this.unbindResizeListener();
                 this.clearRefs();
+                this.$emit('hide');
             },
             onOverlayAfterLeave(el) {
                 if (this.autoZIndex) {
@@ -524,7 +529,7 @@ this.primevue.colorpicker = (function (utils, OverlayEventBus, vue) {
                 this.hueHandle = null;
             },
             onOverlayClick(event) {
-                OverlayEventBus__default['default'].emit('overlay-click', {
+                OverlayEventBus__default["default"].emit('overlay-click', {
                     originalEvent: event,
                     target: this.$el
                 });
@@ -666,4 +671,4 @@ this.primevue.colorpicker = (function (utils, OverlayEventBus, vue) {
 
     return script;
 
-}(primevue.utils, primevue.overlayeventbus, Vue));
+})(primevue.utils, primevue.overlayeventbus, Vue);

package/colorpicker/colorpicker.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.colorpicker=function(e,t,i){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(t),r={name:"ColorPicker",emits:["update:modelValue"],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},ariaLabelledBy:{type:String,default:null},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),r=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:r}),this.selfUpdate=!0,this.updateColorHandle(),this.updateInput(),this.updateModel()},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()},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 r=o,l=(255-n)*o/255,s=i%60*(r-l)/60;360===i&&(i=0),i<60?(t.r=r,t.b=l,t.g=l+s):i<120?(t.g=r,t.b=l,t.r=r-s):i<180?(t.g=r,t.r=l,t.b=l+s):i<240?(t.b=r,t.r=l,t.g=r-s):i<300?(t.b=r,t.g=l,t.r=l+s):i<360?(t.r=r,t.g=l,t.b=r-s):(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)},onOverlayLeave(){this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener(),this.clearRefs()},onOverlayAfterLeave(t){this.autoZIndex&&e.ZIndexUtils.clear(t)},alignOverlay(){this.appendDisabled?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&&(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){o.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}]},appendDisabled(){return"self"===this.appendTo||this.inline},appendTarget(){return this.appendDisabled?null:this.appendTo}}};const l={class:"p-colorpicker-content"},s={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"),r.render=function(e,t,n,o,r,a){return i.openBlock(),i.createBlock("div",{ref:"container",class:a.containerClass},[n.inline?i.createCommentVNode("",!0):(i.openBlock(),i.createBlock("input",{key:0,ref:"input",type:"text",class:a.inputClass,readonly:"readonly",tabindex:n.tabindex,disabled:n.disabled,onClick:t[1]||(t[1]=(...e)=>a.onInputClick&&a.onInputClick(...e)),onKeydown:t[2]||(t[2]=(...e)=>a.onInputKeydown&&a.onInputKeydown(...e)),"aria-labelledby":n.ariaLabelledBy},null,42,["tabindex","disabled","aria-labelledby"])),(i.openBlock(),i.createBlock(i.Teleport,{to:a.appendTarget,disabled:a.appendDisabled},[i.createVNode(i.Transition,{name:"p-connected-overlay",onEnter:a.onOverlayEnter,onLeave:a.onOverlayLeave,onAfterLeave:a.onOverlayAfterLeave},{default:i.withCtx((()=>[n.inline||r.overlayVisible?(i.openBlock(),i.createBlock("div",{key:0,ref:a.pickerRef,class:a.pickerClass,onClick:t[11]||(t[11]=(...e)=>a.onOverlayClick&&a.onOverlayClick(...e))},[i.createVNode("div",l,[i.createVNode("div",{ref:a.colorSelectorRef,class:"p-colorpicker-color-selector",onMousedown:t[3]||(t[3]=e=>a.onColorMousedown(e)),onTouchstart:t[4]||(t[4]=e=>a.onColorDragStart(e)),onTouchmove:t[5]||(t[5]=e=>a.onDrag(e)),onTouchend:t[6]||(t[6]=e=>a.onDragEnd())},[i.createVNode("div",s,[i.createVNode("div",{ref:a.colorHandleRef,class:"p-colorpicker-color-handle"},null,512)])],544),i.createVNode("div",{ref:a.hueViewRef,class:"p-colorpicker-hue",onMousedown:t[7]||(t[7]=e=>a.onHueMousedown(e)),onTouchstart:t[8]||(t[8]=e=>a.onHueDragStart(e)),onTouchmove:t[9]||(t[9]=e=>a.onDrag(e)),onTouchend:t[10]||(t[10]=e=>a.onDragEnd())},[i.createVNode("div",{ref:a.hueHandleRef,class:"p-colorpicker-hue-handle"},null,512)],544)])],2)):i.createCommentVNode("",!0)])),_:1},8,["onEnter","onLeave","onAfterLeave"])],8,["to","disabled"]))],2)},r}(primevue.utils,primevue.overlayeventbus,Vue);
+this.primevue=this.primevue||{},this.primevue.colorpicker=function(e,t,i){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(t),s={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},ariaLabelledBy:{type:String,default:null},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(){this.appendDisabled?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&&(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){o.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}]},appendDisabled(){return"self"===this.appendTo||this.inline},appendTarget(){return this.appendDisabled?null:this.appendTo}}};const l={class:"p-colorpicker-content"},r={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"),s.render=function(e,t,n,o,s,a){return i.openBlock(),i.createBlock("div",{ref:"container",class:a.containerClass},[n.inline?i.createCommentVNode("",!0):(i.openBlock(),i.createBlock("input",{key:0,ref:"input",type:"text",class:a.inputClass,readonly:"readonly",tabindex:n.tabindex,disabled:n.disabled,onClick:t[1]||(t[1]=(...e)=>a.onInputClick&&a.onInputClick(...e)),onKeydown:t[2]||(t[2]=(...e)=>a.onInputKeydown&&a.onInputKeydown(...e)),"aria-labelledby":n.ariaLabelledBy},null,42,["tabindex","disabled","aria-labelledby"])),(i.openBlock(),i.createBlock(i.Teleport,{to:a.appendTarget,disabled:a.appendDisabled},[i.createVNode(i.Transition,{name:"p-connected-overlay",onEnter:a.onOverlayEnter,onLeave:a.onOverlayLeave,onAfterLeave:a.onOverlayAfterLeave},{default:i.withCtx((()=>[n.inline||s.overlayVisible?(i.openBlock(),i.createBlock("div",{key:0,ref:a.pickerRef,class:a.pickerClass,onClick:t[11]||(t[11]=(...e)=>a.onOverlayClick&&a.onOverlayClick(...e))},[i.createVNode("div",l,[i.createVNode("div",{ref:a.colorSelectorRef,class:"p-colorpicker-color-selector",onMousedown:t[3]||(t[3]=e=>a.onColorMousedown(e)),onTouchstart:t[4]||(t[4]=e=>a.onColorDragStart(e)),onTouchmove:t[5]||(t[5]=e=>a.onDrag(e)),onTouchend:t[6]||(t[6]=e=>a.onDragEnd())},[i.createVNode("div",r,[i.createVNode("div",{ref:a.colorHandleRef,class:"p-colorpicker-color-handle"},null,512)])],544),i.createVNode("div",{ref:a.hueViewRef,class:"p-colorpicker-hue",onMousedown:t[7]||(t[7]=e=>a.onHueMousedown(e)),onTouchstart:t[8]||(t[8]=e=>a.onHueDragStart(e)),onTouchmove:t[9]||(t[9]=e=>a.onDrag(e)),onTouchend:t[10]||(t[10]=e=>a.onDragEnd())},[i.createVNode("div",{ref:a.hueHandleRef,class:"p-colorpicker-hue-handle"},null,512)],544)])],2)):i.createCommentVNode("",!0)])),_:1},8,["onEnter","onLeave","onAfterLeave"])],8,["to","disabled"]))],2)},s}(primevue.utils,primevue.overlayeventbus,Vue);

package/column/Column.d.ts

@@ -1,94 +1,464 @@
-interface ColumnProps {
-    columnKey?: any;
-    field?: string | ((item: any) => any);
-    sortField?: string | ((item: any) => any);
-    filterField?: string | ((item: any) => any);
-    dataType?: string;
-    sortable?: boolean;
-    header?: any;
-    footer?: any;
-    style?: object;
-    class?: string;
-    headerStyle?: object;
-    headerClass?: string;
-    bodyStyle?: object;
-    bodyClass?: string;
-    footerStyle?: object;
-    footerClass?: string;
-    showFilterMenu?: boolean;
-    showFilterOperator?: boolean;
-    showClearButton?: boolean;
-    showApplyButton?: boolean;
-    showFilterMatchModes?: boolean;
-    showAddButton?: boolean;
-    filterMatchModeOptions?: any[];
-    maxConstraints?: number;
-    excludeGlobalFilter?: boolean;
-    filterHeaderStyle?: object;
-    filterHeaderClass?: string;
-    filterMenuStyle?: object;
-    filterMenuClass?: string;
-    selectionMode?: string;
-    expander?: boolean;
-    colspan?: number;
-    rowspan?: number;
-    rowReorder?: boolean;
-    rowReorderIcon?: string;
-    reorderableColumn?: boolean;
-    rowEditor?: boolean;
-    frozen?: boolean;
-    alignFrozen?: string;
-    exportable?: boolean;
-    filterMatchMode?: string;
-    hidden?: boolean;
+import { VNode } from 'vue';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { VirtualScrollerLoaderOptions } from '../virtualscroller';
+
+type ColumnFieldType = string | ((item: any) => string) | undefined;
+
+type ColumnSelectionModeType = 'single' | 'multiple' | undefined;
+
+type ColumnAlignFrozenType = 'left' | 'right' | undefined;
+
+export interface ColumnFilterModelType {
+    /**
+     * Value of filterModel.
+     */
+    value: any;
+    /**
+     * Match mode of filterModel.
+     */
+    matchMode: string;
 }
 
-interface ColumnBodySlotInterface {
-    data: any;
-    column: any;
-    field: string;
-    index: number;
-    frozenRow: boolean;
+export interface ColumnFilterMatchModeOptions {
+    [key: string]: string;
 }
 
-interface ColumnHeaderSlotInterface {
-    column: any;
+export interface ColumnLoadingOptions extends VirtualScrollerLoaderOptions {
+    /**
+     * Cell index
+     */
+    cellIndex: number;
+    /**
+     * Whether the cell is first.
+     */
+    cellFirst: boolean;
+    /**
+     * Whether the cell is last.
+     */
+    cellLast: boolean;
+    /**
+     * Whether the cell is even.
+     */
+    cellEven: boolean;
+    /**
+     * Whether the item is odd.
+     */
+    cellOdd: boolean;
+    /**
+     * Column instance
+     */
+    column: Column;
+    /**
+     * Column field
+     */
+    field: string;
 }
 
-interface ColumnFooterSlotInterface {
-    column: any;
+export interface ColumnProps {
+    /**
+     * Identifier of a column if field property is not defined.
+     */
+    columnKey?: string | undefined;
+    /**
+     * Property represented by the column.
+     * @see ColumnFieldType
+     */
+    field?: ColumnFieldType;
+    /**
+     * Property name to use in sorting, defaults to field.
+     * @see ColumnFieldType
+     */
+    sortField?: ColumnFieldType;
+    /**
+     * Property name to use in filtering, defaults to field.
+     * @see ColumnFieldType
+     */
+    filterField?: ColumnFieldType;
+    /**
+     * Type of data. It's value is related to PrimeVue.filterMatchModeOptions config.
+     */
+    dataType?: string | undefined;
+    /**
+     * Defines if a column is sortable.
+     */
+    sortable?: boolean | undefined;
+    /**
+     * Header content of the column.
+     */
+    header?: string | undefined;
+    /**
+     * Footer content of the column.
+     */
+    footer?: string | undefined;
+    /**
+     * Inline style of header, body and footer cells.
+     */
+    style?: any;
+    /**
+     * Style class of header, body and footer cells.
+     */
+    class?: any;
+    /**
+     * Inline style of the column header.
+     */
+    headerStyle?: any;
+    /**
+     * Style class of the column header.
+     */
+    headerClass?: any;
+    /**
+     * Inline style of the column body.
+     */
+    bodyStyle?: any;
+    /**
+     * Style class of the column body.
+     */
+    bodyClass?: any;
+    /**
+     * Inline style of the column footer.
+     */
+    footerStyle?: any;
+    /**
+     * Style class of the column footer.
+     */
+    footerClass?: any;
+    /**
+     * Whether to display the filter overlay.
+     * Default value is true.
+     */
+    showFilterMenu?: boolean | undefined;
+    /**
+     * When enabled, match all and match any operator selector is displayed.
+     * Default value is true.
+     */
+    showFilterOperator?: boolean | undefined;
+    /**
+     * Displays a button to clear the column filtering.
+     * Default value is true.
+     */
+    showClearButton?: boolean | undefined;
+    /**
+     * Displays a button to apply the column filtering.
+     * Default value is true.
+     */
+    showApplyButton?: boolean | undefined;
+    /**
+     * Whether to show the match modes selector.
+     * Default value is true.
+     */
+    showFilterMatchModes?: boolean | undefined;
+    /**
+     * When enabled, a button is displayed to add more rules.
+     * Default value is true.
+     */
+    showAddButton?: boolean | undefined;
+    /**
+     * An array of label-value pairs to override the global match mode options.
+     */
+    filterMatchModeOptions?: ColumnFilterMatchModeOptions[];
+    /**
+     * Maximum number of constraints for a column filter.
+     * Default value is 2.
+     */
+    maxConstraints?: number | undefined;
+    /**
+     * Whether to exclude from global filtering or not.
+     */
+    excludeGlobalFilter?: boolean | undefined;
+    /**
+     * Inline style of the column filter header in row filter display.
+     */
+    filterHeaderStyle?: any;
+    /**
+     * Style class of the column filter header in row filter display.
+     */
+    filterHeaderClass?: any;
+    /**
+     * Inline style of the column filter overlay.
+     */
+    filterMenuStyle?: any;
+    /**
+     * Style class of the column filter overlay.
+     */
+    filterMenuClass?: any;
+    /**
+     * Defines column based selection mode, options are 'single' and 'multiple'.
+     * @see ColumnSelectionModeType
+     */
+    selectionMode?: ColumnSelectionModeType;
+    /**
+     * Displays an icon to toggle row expansion.
+     */
+    expander?: boolean | undefined;
+    /**
+     * Number of columns to span for grouping.
+     */
+    colspan?: number | undefined;
+    /**
+     * Number of rows to span for grouping.
+     */
+    rowspan?: number | undefined;
+    /**
+     * Whether this column displays an icon to reorder the rows.
+     */
+    rowReorder?: boolean | undefined;
+    /**
+     * Icon of the drag handle to reorder rows.
+     * Default value is 'pi pi-bars'.
+     */
+    rowReorderIcon?: string | undefined;
+    /**
+     * Defines if the column itself can be reordered with dragging.
+     */
+    reorderableColumn?: boolean | undefined;
+    /**
+     * When enabled, column displays row editor controls.
+     */
+    rowEditor?: boolean | undefined;
+    /**
+     * Whether the column is fixed in horizontal scrolling.
+     */
+    frozen?: boolean | undefined;
+    /**
+     * Position of a frozen column, valid values are left and right.
+     * @see ColumnAlignFrozenType
+     * Default value is 'left'.
+     */
+    alignFrozen?: ColumnAlignFrozenType;
+    /**
+     * Whether the column is included in data export.
+     */
+    exportable?: boolean | undefined;
+    /**
+     * Defines the filtering algorithm to use when searching the options.
+     */
+    filterMatchMode?: string | undefined;
+    /**
+     * Whether the column is rendered.
+     */
+    hidden?: boolean | undefined;
 }
 
-interface ColumnEditorSlotInterface {
-    data: any;
-    column: any;
-    field: string;
-    index: number;
-    frozenRow: boolean;
+export interface ColumnSlots {
+    /**
+     * Custom body template.
+     * @param {Object} scope - body slot's params.
+     */
+    body: (scope: {
+        /**
+         * Row data.
+         */
+        data: any;
+        /**
+         * Column node.
+         */
+        column: Column;
+        /**
+         * Column field.
+         */
+        field: string;
+        /**
+         * Row index.
+         */
+        index: number;
+        /**
+         * Whether the row is frozen.
+         */
+        frozenRow: boolean;
+    }) => VNode[];
+    /**
+     * Custom header template.
+     * @param {Object} scope - header slot's params.
+     */
+    header: (scope: {
+        /**
+         * Column node.
+         */
+        column: Column;
+    }) => VNode[];
+     /**
+     * Custom footer template.
+     * @param {Object} scope - footer slot's params.
+     */
+    footer: (scope: {
+        /**
+         * Column node.
+         */
+        column: Column;
+    }) => VNode[];
+    /**
+     * Custom editor template.
+     * @param {Object} scope - editor slot's params.
+     */
+    editor: (scope: {
+        /**
+         * Row data.
+         */
+        data: any;
+        /**
+         * Column node.
+         */
+        column: Column;
+        /**
+         * Column field.
+         */
+        field: string;
+        /**
+         * Row index.
+         */
+        index: number;
+        /**
+         * Whether the row is frozen.
+         */
+        frozenRow: boolean;
+    }) => VNode[];
+     /**
+     * Custom filter template.
+     * @param {Object} scope - filter slot's params.
+     */
+    filter: (scope: {
+        /**
+         * Column field.
+         */
+        field: string;
+        /**
+         * Filter metadata
+         * @see ColumnFilterModelType
+         */
+        filterModel: ColumnFilterModelType;
+        /**
+         * Callback function
+         */
+        filterCallback: () => void;
+    }) => VNode[];
+    /**
+     * Custom filter header template.
+     * @param {Object} scope - filter header slot's params.
+     */
+    filterheader: (scope: {
+        /**
+         * Column field.
+         */
+        field: string;
+        /**
+         * Filter metadata
+         * @see ColumnFilterModelType
+         */
+        filterModel: ColumnFilterModelType;
+        /**
+         * Callback function
+         */
+        filterCallback: () => void;
+    }) => VNode[];
+     /**
+     * Custom filter footer template.
+     * @param {Object} scope - filter footer slot's params.
+     */
+    filterfooter: (scope: {
+        /**
+         * Column field.
+         */
+        field: string;
+        /**
+         * Filter metadata
+         * @see ColumnFilterModelType
+         */
+        filterModel: ColumnFilterModelType;
+        /**
+         * Callback function
+         */
+        filterCallback: () => void;
+    }) => VNode[];
+    /**
+     * Custom filter clear template.
+     * @param {Object} scope - filter clear slot's params.
+     */
+    filterclear: (scope: {
+        /**
+         * Column field.
+         */
+        field: string;
+        /**
+         * Filter metadata
+         * @see ColumnFilterModelType
+         */
+        filterModel: ColumnFilterModelType;
+        /**
+         * Callback function
+         */
+        filterCallback: () => void;
+    }) => VNode[];
+    /**
+     * Custom filter apply template.
+     * @param {Object} scope - filter apply slot's params.
+     */
+    filterapply: (scope: {
+        /**
+         * Column field.
+         */
+        field: string;
+        /**
+         * Filter metadata
+         * @see ColumnFilterModelType
+         */
+        filterModel: ColumnFilterModelType;
+        /**
+         * Callback function
+         */
+        filterCallback: () => void;
+    }) => VNode[];
+    /**
+     * Custom loading template.
+     * @param {Object} scope - loading slot's params.
+     */
+    loading: (scope: {
+        /**
+         * Row data.
+         */
+        data: any;
+        /**
+         * Column node.
+         */
+        column: Column;
+        /**
+         * Column field.
+         */
+        field: string;
+        /**
+         * Row index.
+         */
+        index: number;
+        /**
+         * Whether the row is frozen.
+         */
+        frozenRow: boolean;
+        /**
+         * Loading options.
+         * @see ColumnLoadingOptions
+         */
+        loadingOptions: ColumnLoadingOptions;
+    }) => VNode[];
 }
 
-interface ColumnFilterSlotInterface {
-    field: string;
-    filterModel: {
-        value: any;
-        matchMode: string;
-    };
-    filterCallback: any;
+export declare type ColumnEmits = {
 }
 
-declare class Column {
-    $props: ColumnProps;
-    $slots: {
-        body: ColumnBodySlotInterface;
-        header: ColumnHeaderSlotInterface;
-        footer: ColumnFooterSlotInterface;
-        editor: ColumnEditorSlotInterface;
-        filter: ColumnFilterSlotInterface;
-        filterheader: ColumnFilterSlotInterface;
-        filterfooter: ColumnFilterSlotInterface;
-        filterclear: ColumnFilterSlotInterface;
-        filterapply: ColumnFilterSlotInterface;
+declare class Column extends ClassComponent<ColumnProps, ColumnSlots, ColumnEmits> { }
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        Column: GlobalComponentConstructor<Column>
     }
 }
 
+/**
+ *
+ * Column is a helper component for DataTable and TreeTable.
+ *
+ * Demos:
+ *
+ * - [DataTable](https://www.primefaces.org/primevue/showcase/#/datatable)
+ * - [TreeTable](https://www.primefaces.org/primevue/showcase/#/treetable)
+ *
+ */
 export default Column;

package/column/column.esm.js

@@ -175,4 +175,4 @@ var script = {
     }
 };
 
-export default script;
+export { script as default };

package/column/column.esm.min.js

@@ -1 +1 @@
-var e={name:"Column",props:{columnKey:{type:null,default:null},field:{type:String,default:null},sortField:{type:[String,Function],default:null},filterField:{type:String,default:null},dataType:{type:String,default:"text"},sortable:{type:Boolean,default:!1},header:{type:null,default:null},footer:{type:null,default:null},style:{type:null,default:null},class:{type:String,default:null},headerStyle:{type:null,default:null},headerClass:{type:String,default:null},bodyStyle:{type:null,default:null},bodyClass:{type:String,default:null},footerStyle:{type:null,default:null},footerClass:{type:String,default:null},showFilterMenu:{type:Boolean,default:!0},showFilterOperator:{type:Boolean,default:!0},showClearButton:{type:Boolean,default:!0},showApplyButton:{type:Boolean,default:!0},showFilterMatchModes:{type:Boolean,default:!0},showAddButton:{type:Boolean,default:!0},filterMatchModeOptions:{type:Array,default:null},maxConstraints:{type:Number,default:2},excludeGlobalFilter:{type:Boolean,default:!1},filterHeaderClass:{type:String,default:null},filterHeaderStyle:{type:null,default:null},filterMenuClass:{type:String,default:null},filterMenuStyle:{type:null,default:null},selectionMode:{type:String,default:null},expander:{type:Boolean,default:!1},colspan:{type:Number,default:null},rowspan:{type:Number,default:null},rowReorder:{type:Boolean,default:!1},rowReorderIcon:{type:String,default:"pi pi-bars"},reorderableColumn:{type:Boolean,default:!0},rowEditor:{type:Boolean,default:!1},frozen:{type:Boolean,default:!1},alignFrozen:{type:String,default:"left"},exportable:{type:Boolean,default:!0},filterMatchMode:{type:String,default:null},hidden:{type:Boolean,default:!1}},render:()=>null};export default e;
+var e={name:"Column",props:{columnKey:{type:null,default:null},field:{type:String,default:null},sortField:{type:[String,Function],default:null},filterField:{type:String,default:null},dataType:{type:String,default:"text"},sortable:{type:Boolean,default:!1},header:{type:null,default:null},footer:{type:null,default:null},style:{type:null,default:null},class:{type:String,default:null},headerStyle:{type:null,default:null},headerClass:{type:String,default:null},bodyStyle:{type:null,default:null},bodyClass:{type:String,default:null},footerStyle:{type:null,default:null},footerClass:{type:String,default:null},showFilterMenu:{type:Boolean,default:!0},showFilterOperator:{type:Boolean,default:!0},showClearButton:{type:Boolean,default:!0},showApplyButton:{type:Boolean,default:!0},showFilterMatchModes:{type:Boolean,default:!0},showAddButton:{type:Boolean,default:!0},filterMatchModeOptions:{type:Array,default:null},maxConstraints:{type:Number,default:2},excludeGlobalFilter:{type:Boolean,default:!1},filterHeaderClass:{type:String,default:null},filterHeaderStyle:{type:null,default:null},filterMenuClass:{type:String,default:null},filterMenuStyle:{type:null,default:null},selectionMode:{type:String,default:null},expander:{type:Boolean,default:!1},colspan:{type:Number,default:null},rowspan:{type:Number,default:null},rowReorder:{type:Boolean,default:!1},rowReorderIcon:{type:String,default:"pi pi-bars"},reorderableColumn:{type:Boolean,default:!0},rowEditor:{type:Boolean,default:!1},frozen:{type:Boolean,default:!1},alignFrozen:{type:String,default:"left"},exportable:{type:Boolean,default:!0},filterMatchMode:{type:String,default:null},hidden:{type:Boolean,default:!1}},render:()=>null};export{e as default};

package/column/column.js

@@ -181,4 +181,4 @@ this.primevue.column = (function () {
 
     return script;
 
-}());
+})();