primereact 7.0.1 → 7.1.0

package/colorpicker/colorpicker.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/csstransition"),o=require("primereact/portal"),i=require("primereact/tooltip"),r=require("primereact/overlayservice"),s=require("primereact/api");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=u(e),l=u(s);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},c.apply(this,arguments)}function h(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function p(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function d(e,t,n){return t&&p(e.prototype,t),n&&p(e,n),e}function f(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function v(e,t){return v=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},v(e,t)}function y(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&v(e,t)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function m(e,t){if(t&&("object"===b(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return f(e)}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}function k(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function M(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var E=function(i){y(l,e.Component);var r,s,u=(r=l,s=M(),function(){var e,t=g(r);if(s){var n=g(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return m(this,e)});function l(){return h(this,l),u.apply(this,arguments)}return d(l,[{key:"renderElement",value:function(){var e=t.classNames("p-colorpicker-panel",{"p-colorpicker-overlay-panel":!this.props.inline,"p-disabled":this.props.disabled});return a.default.createElement(n.CSSTransition,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.props.onEnter,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},a.default.createElement("div",{ref:this.props.forwardRef,className:e,onClick:this.props.onClick},this.props.children))}},{key:"render",value:function(){var e=this.renderElement();return this.props.inline?e:a.default.createElement(o.Portal,{element:e,appendTo:this.props.appendTo})}}]),l}();k(E,"defaultProps",{appendTo:null,inline:!1,disabled:!1,onClick:null});var H=a.default.forwardRef((function(e,t){return a.default.createElement(E,c({forwardRef:t},e))}));function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function O(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var S=function(n){y(p,e.Component);var o,s,u=(o=p,s=O(),function(){var e,t=g(o);if(s){var n=g(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return m(this,e)});function p(t){var n;return h(this,p),(n=u.call(this,t)).state={overlayVisible:!1},n.onInputClick=n.onInputClick.bind(f(n)),n.onInputKeydown=n.onInputKeydown.bind(f(n)),n.onOverlayEnter=n.onOverlayEnter.bind(f(n)),n.onOverlayEntered=n.onOverlayEntered.bind(f(n)),n.onOverlayExit=n.onOverlayExit.bind(f(n)),n.onOverlayExited=n.onOverlayExited.bind(f(n)),n.onPanelClick=n.onPanelClick.bind(f(n)),n.onColorMousedown=n.onColorMousedown.bind(f(n)),n.onHueMousedown=n.onHueMousedown.bind(f(n)),n.onColorDragStart=n.onColorDragStart.bind(f(n)),n.onHueDragStart=n.onHueDragStart.bind(f(n)),n.onDrag=n.onDrag.bind(f(n)),n.onDragEnd=n.onDragEnd.bind(f(n)),n.overlayRef=e.createRef(),n.inputRef=e.createRef(n.props.inputRef),n}return d(p,[{key:"onPanelClick",value:function(e){this.props.inline||r.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onHueMousedown",value:function(e){this.props.disabled||(this.bindDragListeners(),this.onHueDragStart(e))}},{key:"onHueDragStart",value:function(e){this.props.disabled||(this.hueDragging=!0,this.pickHue(e),t.DomHandler.addClass(this.container,"p-colorpicker-dragging"))}},{key:"pickHue",value:function(e){var 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.updateColorSelector(),this.updateHue(),this.updateModel()}},{key:"onColorMousedown",value:function(e){this.props.disabled||(this.bindDragListeners(),this.onColorDragStart(e))}},{key:"onColorDragStart",value:function(e){this.props.disabled||(this.colorDragging=!0,this.pickColor(e),t.DomHandler.addClass(this.container,"p-colorpicker-dragging"),e.preventDefault())}},{key:"onDrag",value:function(e){this.colorDragging&&(this.pickColor(e),e.preventDefault()),this.hueDragging&&(this.pickHue(e),e.preventDefault())}},{key:"onDragEnd",value:function(){this.colorDragging=!1,this.hueDragging=!1,t.DomHandler.removeClass(this.container,"p-colorpicker-dragging"),this.unbindDragListeners()}},{key:"bindDragListeners",value:function(){this.bindDocumentMouseMoveListener(),this.bindDocumentMouseUpListener()}},{key:"unbindDragListeners",value:function(){this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener()}},{key:"pickColor",value:function(e){var t=this.colorSelector.getBoundingClientRect(),n=t.top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0),o=t.left+document.body.scrollLeft,i=Math.floor(100*Math.max(0,Math.min(150,(e.pageX||e.changedTouches[0].pageX)-o))/150),r=Math.floor(100*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-n)))/150);this.hsbValue=this.validateHSB({h:this.hsbValue.h,s:i,b:r}),this.updateColorHandle(),this.updateInput(),this.updateModel()}},{key:"updateModel",value:function(){switch(this.props.format){case"hex":this.onChange(this.HSBtoHEX(this.hsbValue));break;case"rgb":this.onChange(this.HSBtoRGB(this.hsbValue));break;case"hsb":this.onChange(this.hsbValue)}}},{key:"toHSB",value:function(e){var t;if(e)switch(this.props.format){case"hex":t=this.HEXtoHSB(e);break;case"rgb":t=this.RGBtoHSB(e);break;case"hsb":t=e}else t=this.HEXtoHSB(this.props.defaultColor);return t}},{key:"updateHSBValue",value:function(e){this.hsbValue=this.toHSB(e)}},{key:"areHSBEqual",value:function(e,t){return e.h===t.h&&e.s===t.s&&e.b===t.b}},{key:"onChange",value:function(e){this.props.onChange&&this.props.onChange({value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:e}})}},{key:"updateColorSelector",value:function(){if(this.colorSelector){var e=this.validateHSB({h:this.hsbValue.h,s:100,b:100});this.colorSelector.style.backgroundColor="#"+this.HSBtoHEX(e)}}},{key:"updateColorHandle",value:function(){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")}},{key:"updateHue",value:function(){this.hueHandle&&(this.hueHandle.style.top=Math.floor(150-150*this.hsbValue.h/360)+"px")}},{key:"updateInput",value:function(){this.inputRef&&this.inputRef.current&&(this.inputRef.current.style.backgroundColor="#"+this.HSBtoHEX(this.hsbValue))}},{key:"show",value:function(){this.setState({overlayVisible:!0})}},{key:"hide",value:function(){this.setState({overlayVisible:!1})}},{key:"onOverlayEnter",value:function(){t.ZIndexUtils.set("overlay",this.overlayRef.current,l.default.autoZIndex,l.default.zIndex.overlay),this.alignOverlay()}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){t.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"onInputClick",value:function(){this.togglePanel()}},{key:"togglePanel",value:function(){this.state.overlayVisible?this.hide():this.show()}},{key:"onInputKeydown",value:function(e){switch(e.which){case 32:this.togglePanel(),e.preventDefault();break;case 27:case 9:this.hide()}}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new t.ConnectedOverlayScrollHandler(this.container,(function(){e.state.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!t.DomHandler.isAndroid()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.container.contains(e.target)||this.overlayRef&&this.overlayRef.current.contains(e.target))}},{key:"bindDocumentMouseMoveListener",value:function(){this.documentMouseMoveListener||(this.documentMouseMoveListener=this.onDocumentMouseMove.bind(this),document.addEventListener("mousemove",this.documentMouseMoveListener))}},{key:"onDocumentMouseMove",value:function(e){this.colorDragging&&this.pickColor(e),this.hueDragging&&this.pickHue(e)}},{key:"unbindDocumentMouseMoveListener",value:function(){this.documentMouseMoveListener&&(document.removeEventListener("mousemove",this.documentMouseMoveListener),this.documentMouseMoveListener=null)}},{key:"bindDocumentMouseUpListener",value:function(){this.documentMouseUpListener||(this.documentMouseUpListener=this.onDocumentMouseUp.bind(this),document.addEventListener("mouseup",this.documentMouseUpListener))}},{key:"onDocumentMouseUp",value:function(){this.colorDragging=!1,this.hueDragging=!1,t.DomHandler.removeClass(this.container,"p-colorpicker-dragging"),this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener()}},{key:"unbindDocumentMouseUpListener",value:function(){this.documentMouseUpListener&&(document.removeEventListener("mouseup",this.documentMouseUpListener),this.documentMouseUpListener=null)}},{key:"validateHSB",value:function(e){return{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))}}},{key:"validateRGB",value:function(e){return{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))}}},{key:"validateHEX",value:function(e){var t=6-e.length;if(t>0){for(var n=[],o=0;o<t;o++)n.push("0");n.push(e),e=n.join("")}return e}},{key:"HEXtoRGB",value:function(e){var t=parseInt(e.indexOf("#")>-1?e.substring(1):e,16);return{r:t>>16,g:(65280&t)>>8,b:255&t}}},{key:"HEXtoHSB",value:function(e){return this.RGBtoHSB(this.HEXtoRGB(e))}},{key:"RGBtoHSB",value:function(e){var t={h:0,s:0,b:0},n=Math.min(e.r,e.g,e.b),o=Math.max(e.r,e.g,e.b),i=o-n;return t.b=o,t.s=0!==o?255*i/o:0,t.h=0!==t.s?e.r===o?(e.g-e.b)/i:e.g===o?2+(e.b-e.r)/i:4+(e.r-e.g)/i:-1,t.h*=60,t.h<0&&(t.h+=360),t.s*=100/255,t.b*=100/255,t}},{key:"HSBtoRGB",value:function(e){var t={r:null,g:null,b:null},n=Math.round(e.h),o=Math.round(255*e.s/100),i=Math.round(255*e.b/100);if(0===o)t={r:i,g:i,b:i};else{var r=i,s=(255-o)*i/255,u=n%60*(r-s)/60;360===n&&(n=0),n<60?(t.r=r,t.b=s,t.g=s+u):n<120?(t.g=r,t.b=s,t.r=r-u):n<180?(t.g=r,t.r=s,t.b=s+u):n<240?(t.b=r,t.r=s,t.g=r-u):n<300?(t.b=r,t.g=s,t.r=s+u):n<360?(t.r=r,t.g=s,t.b=r-u):(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)}}},{key:"RGBtoHEX",value:function(e){var t=[e.r.toString(16),e.g.toString(16),e.b.toString(16)];for(var n in t)1===t[n].length&&(t[n]="0"+t[n]);return t.join("")}},{key:"HSBtoHEX",value:function(e){return this.RGBtoHEX(this.HSBtoRGB(e))}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.updateHSBValue(this.props.value),this.updateUI(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){this.colorDragging||this.hueDragging||this.props.value===e.value||this.updateHSBValue(this.props.value),this.updateUI(),e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(C({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),t.ZIndexUtils.clear(this.overlayRef.current)}},{key:"updateUI",value:function(){this.updateHue(),this.updateColorHandle(),this.updateInput(),this.updateColorSelector()}},{key:"alignOverlay",value:function(){this.inputRef&&this.inputRef.current&&t.DomHandler.alignOverlay(this.overlayRef.current,this.inputRef.current.parentElement,this.props.appendTo||l.default.appendTo)}},{key:"renderTooltip",value:function(){this.tooltip=i.tip({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderColorSelector",value:function(){var e=this;return a.default.createElement("div",{ref:function(t){return e.colorSelector=t},className:"p-colorpicker-color-selector",onMouseDown:this.onColorMousedown,onTouchStart:this.onColorDragStart,onTouchMove:this.onDrag,onTouchEnd:this.onDragEnd},a.default.createElement("div",{className:"p-colorpicker-color"},a.default.createElement("div",{ref:function(t){return e.colorHandle=t},className:"p-colorpicker-color-handle"})))}},{key:"renderHue",value:function(){var e=this;return a.default.createElement("div",{ref:function(t){return e.hueView=t},className:"p-colorpicker-hue",onMouseDown:this.onHueMousedown,onTouchStart:this.onHueDragStart,onTouchMove:this.onDrag,onTouchEnd:this.onDragEnd},a.default.createElement("div",{ref:function(t){return e.hueHandle=t},className:"p-colorpicker-hue-handle"}))}},{key:"renderContent",value:function(){var e=this.renderColorSelector(),t=this.renderHue();return a.default.createElement("div",{className:"p-colorpicker-content"},e,t)}},{key:"renderInput",value:function(){if(!this.props.inline){var e=t.classNames("p-colorpicker-preview p-inputtext",{"p-disabled":this.props.disabled}),n=t.ObjectUtils.findDiffKeys(this.props,p.defaultProps);return a.default.createElement("input",c({ref:this.inputRef,type:"text",className:e,readOnly:!0,id:this.props.inputId,tabIndex:this.props.tabIndex,disabled:this.props.disabled,onClick:this.onInputClick,onKeyDown:this.onInputKeydown},n))}return null}},{key:"render",value:function(){var e=this,n=t.classNames("p-colorpicker p-component",{"p-colorpicker-overlay":!this.props.inline},this.props.className),o=this.renderContent(),i=this.renderInput();return a.default.createElement("div",{ref:function(t){return e.container=t},id:this.props.id,style:this.props.style,className:n},i,a.default.createElement(H,{ref:this.overlayRef,appendTo:this.props.appendTo,inline:this.props.inline,disabled:this.props.disabled,onClick:this.onPanelClick,in:this.props.inline||this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited,transitionOptions:this.props.transitionOptions},o))}}]),p}();k(S,"defaultProps",{id:null,inputRef:null,value:null,style:null,className:null,defaultColor:"ff0000",inline:!1,format:"hex",appendTo:null,disabled:!1,tabIndex:null,inputId:null,tooltip:null,tooltipOptions:null,transitionOptions:null,onChange:null,onShow:null,onHide:null}),exports.ColorPicker=S;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/csstransition"),o=require("primereact/portal"),i=require("primereact/tooltip"),r=require("primereact/overlayservice"),s=require("primereact/api");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=u(e),l=u(s);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},c.apply(this,arguments)}function h(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function p(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function d(e,t,n){return t&&p(e.prototype,t),n&&p(e,n),e}function f(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function v(e,t){return v=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},v(e,t)}function y(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&v(e,t)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function m(e,t){if(t&&("object"===b(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return f(e)}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}function k(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function M(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var E=function(i){y(l,e.Component);var r,s,u=(r=l,s=M(),function(){var e,t=g(r);if(s){var n=g(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return m(this,e)});function l(){return h(this,l),u.apply(this,arguments)}return d(l,[{key:"renderElement",value:function(){var e=t.classNames("p-colorpicker-panel",{"p-colorpicker-overlay-panel":!this.props.inline,"p-disabled":this.props.disabled});return a.default.createElement(n.CSSTransition,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.props.onEnter,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},a.default.createElement("div",{ref:this.props.forwardRef,className:e,onClick:this.props.onClick},this.props.children))}},{key:"render",value:function(){var e=this.renderElement();return this.props.inline?e:a.default.createElement(o.Portal,{element:e,appendTo:this.props.appendTo})}}]),l}();k(E,"defaultProps",{appendTo:null,inline:!1,disabled:!1,onClick:null});var D=a.default.forwardRef((function(e,t){return a.default.createElement(E,c({forwardRef:t},e))}));function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function O(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var S=function(n){y(p,e.Component);var o,s,u=(o=p,s=O(),function(){var e,t=g(o);if(s){var n=g(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return m(this,e)});function p(t){var n;return h(this,p),(n=u.call(this,t)).state={overlayVisible:!1},n.onInputClick=n.onInputClick.bind(f(n)),n.onInputKeydown=n.onInputKeydown.bind(f(n)),n.onOverlayEnter=n.onOverlayEnter.bind(f(n)),n.onOverlayEntered=n.onOverlayEntered.bind(f(n)),n.onOverlayExit=n.onOverlayExit.bind(f(n)),n.onOverlayExited=n.onOverlayExited.bind(f(n)),n.onPanelClick=n.onPanelClick.bind(f(n)),n.onColorMousedown=n.onColorMousedown.bind(f(n)),n.onHueMousedown=n.onHueMousedown.bind(f(n)),n.onColorDragStart=n.onColorDragStart.bind(f(n)),n.onHueDragStart=n.onHueDragStart.bind(f(n)),n.onDrag=n.onDrag.bind(f(n)),n.onDragEnd=n.onDragEnd.bind(f(n)),n.overlayRef=e.createRef(),n.inputRef=e.createRef(n.props.inputRef),n}return d(p,[{key:"onPanelClick",value:function(e){this.props.inline||r.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onHueMousedown",value:function(e){this.props.disabled||(this.bindDragListeners(),this.onHueDragStart(e))}},{key:"onHueDragStart",value:function(e){this.props.disabled||(this.hueDragging=!0,this.pickHue(e),t.DomHandler.addClass(this.container,"p-colorpicker-dragging"))}},{key:"pickHue",value:function(e){var 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.updateColorSelector(),this.updateHue(),this.updateModel()}},{key:"onColorMousedown",value:function(e){this.props.disabled||(this.bindDragListeners(),this.onColorDragStart(e))}},{key:"onColorDragStart",value:function(e){this.props.disabled||(this.colorDragging=!0,this.pickColor(e),t.DomHandler.addClass(this.container,"p-colorpicker-dragging"),e.preventDefault())}},{key:"onDrag",value:function(e){this.colorDragging&&(this.pickColor(e),e.preventDefault()),this.hueDragging&&(this.pickHue(e),e.preventDefault())}},{key:"onDragEnd",value:function(){this.colorDragging=!1,this.hueDragging=!1,t.DomHandler.removeClass(this.container,"p-colorpicker-dragging"),this.unbindDragListeners()}},{key:"bindDragListeners",value:function(){this.bindDocumentMouseMoveListener(),this.bindDocumentMouseUpListener()}},{key:"unbindDragListeners",value:function(){this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener()}},{key:"pickColor",value:function(e){var t=this.colorSelector.getBoundingClientRect(),n=t.top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0),o=t.left+document.body.scrollLeft,i=Math.floor(100*Math.max(0,Math.min(150,(e.pageX||e.changedTouches[0].pageX)-o))/150),r=Math.floor(100*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-n)))/150);this.hsbValue=this.validateHSB({h:this.hsbValue.h,s:i,b:r}),this.updateColorHandle(),this.updateInput(),this.updateModel()}},{key:"updateModel",value:function(){switch(this.props.format){case"hex":this.onChange(this.HSBtoHEX(this.hsbValue));break;case"rgb":this.onChange(this.HSBtoRGB(this.hsbValue));break;case"hsb":this.onChange(this.hsbValue)}}},{key:"toHSB",value:function(e){var t;if(e)switch(this.props.format){case"hex":t=this.HEXtoHSB(e);break;case"rgb":t=this.RGBtoHSB(e);break;case"hsb":t=e}else t=this.HEXtoHSB(this.props.defaultColor);return t}},{key:"updateHSBValue",value:function(e){this.hsbValue=this.toHSB(e)}},{key:"areHSBEqual",value:function(e,t){return e.h===t.h&&e.s===t.s&&e.b===t.b}},{key:"onChange",value:function(e){this.props.onChange&&this.props.onChange({value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:e}})}},{key:"updateColorSelector",value:function(){if(this.colorSelector){var e=this.validateHSB({h:this.hsbValue.h,s:100,b:100});this.colorSelector.style.backgroundColor="#"+this.HSBtoHEX(e)}}},{key:"updateColorHandle",value:function(){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")}},{key:"updateHue",value:function(){this.hueHandle&&(this.hueHandle.style.top=Math.floor(150-150*this.hsbValue.h/360)+"px")}},{key:"updateInput",value:function(){this.inputRef&&this.inputRef.current&&(this.inputRef.current.style.backgroundColor="#"+this.HSBtoHEX(this.hsbValue))}},{key:"show",value:function(){this.setState({overlayVisible:!0})}},{key:"hide",value:function(){this.setState({overlayVisible:!1})}},{key:"onOverlayEnter",value:function(){t.ZIndexUtils.set("overlay",this.overlayRef.current,l.default.autoZIndex,l.default.zIndex.overlay),this.alignOverlay()}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){t.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"onInputClick",value:function(){this.togglePanel()}},{key:"togglePanel",value:function(){this.state.overlayVisible?this.hide():this.show()}},{key:"onInputKeydown",value:function(e){switch(e.which){case 32:this.togglePanel(),e.preventDefault();break;case 27:case 9:this.hide()}}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new t.ConnectedOverlayScrollHandler(this.container,(function(){e.state.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!t.DomHandler.isTouchDevice()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.container.contains(e.target)||this.overlayRef&&this.overlayRef.current.contains(e.target))}},{key:"bindDocumentMouseMoveListener",value:function(){this.documentMouseMoveListener||(this.documentMouseMoveListener=this.onDocumentMouseMove.bind(this),document.addEventListener("mousemove",this.documentMouseMoveListener))}},{key:"onDocumentMouseMove",value:function(e){this.colorDragging&&this.pickColor(e),this.hueDragging&&this.pickHue(e)}},{key:"unbindDocumentMouseMoveListener",value:function(){this.documentMouseMoveListener&&(document.removeEventListener("mousemove",this.documentMouseMoveListener),this.documentMouseMoveListener=null)}},{key:"bindDocumentMouseUpListener",value:function(){this.documentMouseUpListener||(this.documentMouseUpListener=this.onDocumentMouseUp.bind(this),document.addEventListener("mouseup",this.documentMouseUpListener))}},{key:"onDocumentMouseUp",value:function(){this.colorDragging=!1,this.hueDragging=!1,t.DomHandler.removeClass(this.container,"p-colorpicker-dragging"),this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener()}},{key:"unbindDocumentMouseUpListener",value:function(){this.documentMouseUpListener&&(document.removeEventListener("mouseup",this.documentMouseUpListener),this.documentMouseUpListener=null)}},{key:"validateHSB",value:function(e){return{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))}}},{key:"validateRGB",value:function(e){return{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))}}},{key:"validateHEX",value:function(e){var t=6-e.length;if(t>0){for(var n=[],o=0;o<t;o++)n.push("0");n.push(e),e=n.join("")}return e}},{key:"HEXtoRGB",value:function(e){var t=parseInt(e.indexOf("#")>-1?e.substring(1):e,16);return{r:t>>16,g:(65280&t)>>8,b:255&t}}},{key:"HEXtoHSB",value:function(e){return this.RGBtoHSB(this.HEXtoRGB(e))}},{key:"RGBtoHSB",value:function(e){var t={h:0,s:0,b:0},n=Math.min(e.r,e.g,e.b),o=Math.max(e.r,e.g,e.b),i=o-n;return t.b=o,t.s=0!==o?255*i/o:0,t.h=0!==t.s?e.r===o?(e.g-e.b)/i:e.g===o?2+(e.b-e.r)/i:4+(e.r-e.g)/i:-1,t.h*=60,t.h<0&&(t.h+=360),t.s*=100/255,t.b*=100/255,t}},{key:"HSBtoRGB",value:function(e){var t={r:null,g:null,b:null},n=Math.round(e.h),o=Math.round(255*e.s/100),i=Math.round(255*e.b/100);if(0===o)t={r:i,g:i,b:i};else{var r=i,s=(255-o)*i/255,u=n%60*(r-s)/60;360===n&&(n=0),n<60?(t.r=r,t.b=s,t.g=s+u):n<120?(t.g=r,t.b=s,t.r=r-u):n<180?(t.g=r,t.r=s,t.b=s+u):n<240?(t.b=r,t.r=s,t.g=r-u):n<300?(t.b=r,t.g=s,t.r=s+u):n<360?(t.r=r,t.g=s,t.b=r-u):(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)}}},{key:"RGBtoHEX",value:function(e){var t=[e.r.toString(16),e.g.toString(16),e.b.toString(16)];for(var n in t)1===t[n].length&&(t[n]="0"+t[n]);return t.join("")}},{key:"HSBtoHEX",value:function(e){return this.RGBtoHEX(this.HSBtoRGB(e))}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.updateHSBValue(this.props.value),this.updateUI(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){this.colorDragging||this.hueDragging||this.props.value===e.value||this.updateHSBValue(this.props.value),this.updateUI(),e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(C({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),t.ZIndexUtils.clear(this.overlayRef.current)}},{key:"updateUI",value:function(){this.updateHue(),this.updateColorHandle(),this.updateInput(),this.updateColorSelector()}},{key:"alignOverlay",value:function(){this.inputRef&&this.inputRef.current&&t.DomHandler.alignOverlay(this.overlayRef.current,this.inputRef.current.parentElement,this.props.appendTo||l.default.appendTo)}},{key:"renderTooltip",value:function(){this.tooltip=i.tip({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderColorSelector",value:function(){var e=this;return a.default.createElement("div",{ref:function(t){return e.colorSelector=t},className:"p-colorpicker-color-selector",onMouseDown:this.onColorMousedown,onTouchStart:this.onColorDragStart,onTouchMove:this.onDrag,onTouchEnd:this.onDragEnd},a.default.createElement("div",{className:"p-colorpicker-color"},a.default.createElement("div",{ref:function(t){return e.colorHandle=t},className:"p-colorpicker-color-handle"})))}},{key:"renderHue",value:function(){var e=this;return a.default.createElement("div",{ref:function(t){return e.hueView=t},className:"p-colorpicker-hue",onMouseDown:this.onHueMousedown,onTouchStart:this.onHueDragStart,onTouchMove:this.onDrag,onTouchEnd:this.onDragEnd},a.default.createElement("div",{ref:function(t){return e.hueHandle=t},className:"p-colorpicker-hue-handle"}))}},{key:"renderContent",value:function(){var e=this.renderColorSelector(),t=this.renderHue();return a.default.createElement("div",{className:"p-colorpicker-content"},e,t)}},{key:"renderInput",value:function(){if(!this.props.inline){var e=t.classNames("p-colorpicker-preview p-inputtext",{"p-disabled":this.props.disabled}),n=t.ObjectUtils.findDiffKeys(this.props,p.defaultProps);return a.default.createElement("input",c({ref:this.inputRef,type:"text",className:e,readOnly:!0,id:this.props.inputId,tabIndex:this.props.tabIndex,disabled:this.props.disabled,onClick:this.onInputClick,onKeyDown:this.onInputKeydown},n))}return null}},{key:"render",value:function(){var e=this,n=t.classNames("p-colorpicker p-component",{"p-colorpicker-overlay":!this.props.inline},this.props.className),o=this.renderContent(),i=this.renderInput();return a.default.createElement("div",{ref:function(t){return e.container=t},id:this.props.id,style:this.props.style,className:n},i,a.default.createElement(D,{ref:this.overlayRef,appendTo:this.props.appendTo,inline:this.props.inline,disabled:this.props.disabled,onClick:this.onPanelClick,in:this.props.inline||this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited,transitionOptions:this.props.transitionOptions},o))}}]),p}();k(S,"defaultProps",{id:null,inputRef:null,value:null,style:null,className:null,defaultColor:"ff0000",inline:!1,format:"hex",appendTo:null,disabled:!1,tabIndex:null,inputId:null,tooltip:null,tooltipOptions:null,transitionOptions:null,onChange:null,onShow:null,onHide:null}),exports.ColorPicker=S;

package/colorpicker/colorpicker.d.ts

@@ -1,19 +1,33 @@
 import * as React from 'react';
 import TooltipOptions from '../tooltip/tooltipoptions';
-import Omit from '../util';
+import { CSSTransitionProps } from '../csstransition';
 
 type ColorPickerAppendToType = 'self' | HTMLElement | undefined | null;
 
 type ColorPickerFormatType = 'hex' | 'rgb' | 'hsb';
 
+type ColorPickerValueType = string | ColorPickerRGBType | ColorPickerHSBType | undefined;
+
+interface ColorPickerRGBType {
+    r: number;
+    g: number;
+    b: number;
+}
+
+interface ColorPickerHSBType {
+    h: number;
+    s: number;
+    b: number;
+}
+
 interface ColorPickerChangeTargetOptions {
     name: string;
     id: string;
-    value: string;
+    value: ColorPickerValueType;
 }
 
 interface ColorPickerChangeParams {
-    value: string;
+    value: ColorPickerValueType;
     stopPropagation(): void;
     preventDefault(): void;
     target: ColorPickerChangeTargetOptions;
@@ -21,7 +35,7 @@ interface ColorPickerChangeParams {
 
 export interface ColorPickerProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'onChange' | 'value' | 'ref'> {
     inputRef?: React.Ref<HTMLInputElement>;
-    value?: any;
+    value?: ColorPickerValueType;
     defaultColor?: string;
     inline?: boolean;
     format?: string;
@@ -29,7 +43,7 @@ export interface ColorPickerProps extends Omit<React.DetailedHTMLProps<React.Inp
     inputId?: string;
     tooltip?: string;
     tooltipOptions?: TooltipOptions;
-    transitionOptions?: object;
+    transitionOptions?: CSSTransitionProps;
     onChange?(e: ColorPickerChangeParams): void;
     onShow?(): void;
     onHide?(): void;

package/colorpicker/colorpicker.esm.js

@@ -572,7 +572,7 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
 
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this4.state.overlayVisible && !DomHandler.isAndroid()) {
+          if (_this4.state.overlayVisible && !DomHandler.isTouchDevice()) {
             _this4.hide();
           }
         };

package/colorpicker/colorpicker.esm.min.js

@@ -1 +1 @@
-import e,{Component as t,createRef as n}from"react";import{classNames as o,DomHandler as i,ZIndexUtils as r,ConnectedOverlayScrollHandler as s,ObjectUtils as u}from"primereact/utils";import{CSSTransition as a}from"primereact/csstransition";import{Portal as l}from"primereact/portal";import{tip as c}from"primereact/tooltip";import{OverlayService as h}from"primereact/overlayservice";import p from"primereact/api";function d(){return d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},d.apply(this,arguments)}function f(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function v(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function y(e,t,n){return t&&v(e.prototype,t),n&&v(e,n),e}function b(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function m(e,t){return m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},m(e,t)}function g(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&m(e,t)}function k(e){return k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},k(e)}function M(e,t){if(t&&("object"===k(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return b(e)}function E(e){return E=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},E(e)}function D(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function H(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var O=function(n){g(u,t);var i,r,s=(i=u,r=H(),function(){var e,t=E(i);if(r){var n=E(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return M(this,e)});function u(){return f(this,u),s.apply(this,arguments)}return y(u,[{key:"renderElement",value:function(){var t=o("p-colorpicker-panel",{"p-colorpicker-overlay-panel":!this.props.inline,"p-disabled":this.props.disabled});return e.createElement(a,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.props.onEnter,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},e.createElement("div",{ref:this.props.forwardRef,className:t,onClick:this.props.onClick},this.props.children))}},{key:"render",value:function(){var t=this.renderElement();return this.props.inline?t:e.createElement(l,{element:t,appendTo:this.props.appendTo})}}]),u}();D(O,"defaultProps",{appendTo:null,inline:!1,disabled:!1,onClick:null});var C=e.forwardRef((function(t,n){return e.createElement(O,d({forwardRef:n},t))}));function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var R=function(a){g(k,t);var l,v,m=(l=k,v=w(),function(){var e,t=E(l);if(v){var n=E(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return M(this,e)});function k(e){var t;return f(this,k),(t=m.call(this,e)).state={overlayVisible:!1},t.onInputClick=t.onInputClick.bind(b(t)),t.onInputKeydown=t.onInputKeydown.bind(b(t)),t.onOverlayEnter=t.onOverlayEnter.bind(b(t)),t.onOverlayEntered=t.onOverlayEntered.bind(b(t)),t.onOverlayExit=t.onOverlayExit.bind(b(t)),t.onOverlayExited=t.onOverlayExited.bind(b(t)),t.onPanelClick=t.onPanelClick.bind(b(t)),t.onColorMousedown=t.onColorMousedown.bind(b(t)),t.onHueMousedown=t.onHueMousedown.bind(b(t)),t.onColorDragStart=t.onColorDragStart.bind(b(t)),t.onHueDragStart=t.onHueDragStart.bind(b(t)),t.onDrag=t.onDrag.bind(b(t)),t.onDragEnd=t.onDragEnd.bind(b(t)),t.overlayRef=n(),t.inputRef=n(t.props.inputRef),t}return y(k,[{key:"onPanelClick",value:function(e){this.props.inline||h.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onHueMousedown",value:function(e){this.props.disabled||(this.bindDragListeners(),this.onHueDragStart(e))}},{key:"onHueDragStart",value:function(e){this.props.disabled||(this.hueDragging=!0,this.pickHue(e),i.addClass(this.container,"p-colorpicker-dragging"))}},{key:"pickHue",value:function(e){var 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.updateColorSelector(),this.updateHue(),this.updateModel()}},{key:"onColorMousedown",value:function(e){this.props.disabled||(this.bindDragListeners(),this.onColorDragStart(e))}},{key:"onColorDragStart",value:function(e){this.props.disabled||(this.colorDragging=!0,this.pickColor(e),i.addClass(this.container,"p-colorpicker-dragging"),e.preventDefault())}},{key:"onDrag",value:function(e){this.colorDragging&&(this.pickColor(e),e.preventDefault()),this.hueDragging&&(this.pickHue(e),e.preventDefault())}},{key:"onDragEnd",value:function(){this.colorDragging=!1,this.hueDragging=!1,i.removeClass(this.container,"p-colorpicker-dragging"),this.unbindDragListeners()}},{key:"bindDragListeners",value:function(){this.bindDocumentMouseMoveListener(),this.bindDocumentMouseUpListener()}},{key:"unbindDragListeners",value:function(){this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener()}},{key:"pickColor",value:function(e){var t=this.colorSelector.getBoundingClientRect(),n=t.top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0),o=t.left+document.body.scrollLeft,i=Math.floor(100*Math.max(0,Math.min(150,(e.pageX||e.changedTouches[0].pageX)-o))/150),r=Math.floor(100*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-n)))/150);this.hsbValue=this.validateHSB({h:this.hsbValue.h,s:i,b:r}),this.updateColorHandle(),this.updateInput(),this.updateModel()}},{key:"updateModel",value:function(){switch(this.props.format){case"hex":this.onChange(this.HSBtoHEX(this.hsbValue));break;case"rgb":this.onChange(this.HSBtoRGB(this.hsbValue));break;case"hsb":this.onChange(this.hsbValue)}}},{key:"toHSB",value:function(e){var t;if(e)switch(this.props.format){case"hex":t=this.HEXtoHSB(e);break;case"rgb":t=this.RGBtoHSB(e);break;case"hsb":t=e}else t=this.HEXtoHSB(this.props.defaultColor);return t}},{key:"updateHSBValue",value:function(e){this.hsbValue=this.toHSB(e)}},{key:"areHSBEqual",value:function(e,t){return e.h===t.h&&e.s===t.s&&e.b===t.b}},{key:"onChange",value:function(e){this.props.onChange&&this.props.onChange({value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:e}})}},{key:"updateColorSelector",value:function(){if(this.colorSelector){var e=this.validateHSB({h:this.hsbValue.h,s:100,b:100});this.colorSelector.style.backgroundColor="#"+this.HSBtoHEX(e)}}},{key:"updateColorHandle",value:function(){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")}},{key:"updateHue",value:function(){this.hueHandle&&(this.hueHandle.style.top=Math.floor(150-150*this.hsbValue.h/360)+"px")}},{key:"updateInput",value:function(){this.inputRef&&this.inputRef.current&&(this.inputRef.current.style.backgroundColor="#"+this.HSBtoHEX(this.hsbValue))}},{key:"show",value:function(){this.setState({overlayVisible:!0})}},{key:"hide",value:function(){this.setState({overlayVisible:!1})}},{key:"onOverlayEnter",value:function(){r.set("overlay",this.overlayRef.current,p.autoZIndex,p.zIndex.overlay),this.alignOverlay()}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){r.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"onInputClick",value:function(){this.togglePanel()}},{key:"togglePanel",value:function(){this.state.overlayVisible?this.hide():this.show()}},{key:"onInputKeydown",value:function(e){switch(e.which){case 32:this.togglePanel(),e.preventDefault();break;case 27:case 9:this.hide()}}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new s(this.container,(function(){e.state.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!i.isAndroid()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.container.contains(e.target)||this.overlayRef&&this.overlayRef.current.contains(e.target))}},{key:"bindDocumentMouseMoveListener",value:function(){this.documentMouseMoveListener||(this.documentMouseMoveListener=this.onDocumentMouseMove.bind(this),document.addEventListener("mousemove",this.documentMouseMoveListener))}},{key:"onDocumentMouseMove",value:function(e){this.colorDragging&&this.pickColor(e),this.hueDragging&&this.pickHue(e)}},{key:"unbindDocumentMouseMoveListener",value:function(){this.documentMouseMoveListener&&(document.removeEventListener("mousemove",this.documentMouseMoveListener),this.documentMouseMoveListener=null)}},{key:"bindDocumentMouseUpListener",value:function(){this.documentMouseUpListener||(this.documentMouseUpListener=this.onDocumentMouseUp.bind(this),document.addEventListener("mouseup",this.documentMouseUpListener))}},{key:"onDocumentMouseUp",value:function(){this.colorDragging=!1,this.hueDragging=!1,i.removeClass(this.container,"p-colorpicker-dragging"),this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener()}},{key:"unbindDocumentMouseUpListener",value:function(){this.documentMouseUpListener&&(document.removeEventListener("mouseup",this.documentMouseUpListener),this.documentMouseUpListener=null)}},{key:"validateHSB",value:function(e){return{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))}}},{key:"validateRGB",value:function(e){return{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))}}},{key:"validateHEX",value:function(e){var t=6-e.length;if(t>0){for(var n=[],o=0;o<t;o++)n.push("0");n.push(e),e=n.join("")}return e}},{key:"HEXtoRGB",value:function(e){var t=parseInt(e.indexOf("#")>-1?e.substring(1):e,16);return{r:t>>16,g:(65280&t)>>8,b:255&t}}},{key:"HEXtoHSB",value:function(e){return this.RGBtoHSB(this.HEXtoRGB(e))}},{key:"RGBtoHSB",value:function(e){var t={h:0,s:0,b:0},n=Math.min(e.r,e.g,e.b),o=Math.max(e.r,e.g,e.b),i=o-n;return t.b=o,t.s=0!==o?255*i/o:0,t.h=0!==t.s?e.r===o?(e.g-e.b)/i:e.g===o?2+(e.b-e.r)/i:4+(e.r-e.g)/i:-1,t.h*=60,t.h<0&&(t.h+=360),t.s*=100/255,t.b*=100/255,t}},{key:"HSBtoRGB",value:function(e){var t={r:null,g:null,b:null},n=Math.round(e.h),o=Math.round(255*e.s/100),i=Math.round(255*e.b/100);if(0===o)t={r:i,g:i,b:i};else{var r=i,s=(255-o)*i/255,u=n%60*(r-s)/60;360===n&&(n=0),n<60?(t.r=r,t.b=s,t.g=s+u):n<120?(t.g=r,t.b=s,t.r=r-u):n<180?(t.g=r,t.r=s,t.b=s+u):n<240?(t.b=r,t.r=s,t.g=r-u):n<300?(t.b=r,t.g=s,t.r=s+u):n<360?(t.r=r,t.g=s,t.b=r-u):(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)}}},{key:"RGBtoHEX",value:function(e){var t=[e.r.toString(16),e.g.toString(16),e.b.toString(16)];for(var n in t)1===t[n].length&&(t[n]="0"+t[n]);return t.join("")}},{key:"HSBtoHEX",value:function(e){return this.RGBtoHEX(this.HSBtoRGB(e))}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.updateHSBValue(this.props.value),this.updateUI(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){this.colorDragging||this.hueDragging||this.props.value===e.value||this.updateHSBValue(this.props.value),this.updateUI(),e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(L({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),r.clear(this.overlayRef.current)}},{key:"updateUI",value:function(){this.updateHue(),this.updateColorHandle(),this.updateInput(),this.updateColorSelector()}},{key:"alignOverlay",value:function(){this.inputRef&&this.inputRef.current&&i.alignOverlay(this.overlayRef.current,this.inputRef.current.parentElement,this.props.appendTo||p.appendTo)}},{key:"renderTooltip",value:function(){this.tooltip=c({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderColorSelector",value:function(){var t=this;return e.createElement("div",{ref:function(e){return t.colorSelector=e},className:"p-colorpicker-color-selector",onMouseDown:this.onColorMousedown,onTouchStart:this.onColorDragStart,onTouchMove:this.onDrag,onTouchEnd:this.onDragEnd},e.createElement("div",{className:"p-colorpicker-color"},e.createElement("div",{ref:function(e){return t.colorHandle=e},className:"p-colorpicker-color-handle"})))}},{key:"renderHue",value:function(){var t=this;return e.createElement("div",{ref:function(e){return t.hueView=e},className:"p-colorpicker-hue",onMouseDown:this.onHueMousedown,onTouchStart:this.onHueDragStart,onTouchMove:this.onDrag,onTouchEnd:this.onDragEnd},e.createElement("div",{ref:function(e){return t.hueHandle=e},className:"p-colorpicker-hue-handle"}))}},{key:"renderContent",value:function(){var t=this.renderColorSelector(),n=this.renderHue();return e.createElement("div",{className:"p-colorpicker-content"},t,n)}},{key:"renderInput",value:function(){if(!this.props.inline){var t=o("p-colorpicker-preview p-inputtext",{"p-disabled":this.props.disabled}),n=u.findDiffKeys(this.props,k.defaultProps);return e.createElement("input",d({ref:this.inputRef,type:"text",className:t,readOnly:!0,id:this.props.inputId,tabIndex:this.props.tabIndex,disabled:this.props.disabled,onClick:this.onInputClick,onKeyDown:this.onInputKeydown},n))}return null}},{key:"render",value:function(){var t=this,n=o("p-colorpicker p-component",{"p-colorpicker-overlay":!this.props.inline},this.props.className),i=this.renderContent(),r=this.renderInput();return e.createElement("div",{ref:function(e){return t.container=e},id:this.props.id,style:this.props.style,className:n},r,e.createElement(C,{ref:this.overlayRef,appendTo:this.props.appendTo,inline:this.props.inline,disabled:this.props.disabled,onClick:this.onPanelClick,in:this.props.inline||this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited,transitionOptions:this.props.transitionOptions},i))}}]),k}();D(R,"defaultProps",{id:null,inputRef:null,value:null,style:null,className:null,defaultColor:"ff0000",inline:!1,format:"hex",appendTo:null,disabled:!1,tabIndex:null,inputId:null,tooltip:null,tooltipOptions:null,transitionOptions:null,onChange:null,onShow:null,onHide:null});export{R as ColorPicker};
+import e,{Component as t,createRef as n}from"react";import{classNames as o,DomHandler as i,ZIndexUtils as r,ConnectedOverlayScrollHandler as s,ObjectUtils as u}from"primereact/utils";import{CSSTransition as a}from"primereact/csstransition";import{Portal as l}from"primereact/portal";import{tip as c}from"primereact/tooltip";import{OverlayService as h}from"primereact/overlayservice";import p from"primereact/api";function d(){return d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},d.apply(this,arguments)}function f(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function v(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function y(e,t,n){return t&&v(e.prototype,t),n&&v(e,n),e}function b(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function m(e,t){return m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},m(e,t)}function g(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&m(e,t)}function k(e){return k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},k(e)}function M(e,t){if(t&&("object"===k(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return b(e)}function E(e){return E=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},E(e)}function D(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function H(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var O=function(n){g(u,t);var i,r,s=(i=u,r=H(),function(){var e,t=E(i);if(r){var n=E(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return M(this,e)});function u(){return f(this,u),s.apply(this,arguments)}return y(u,[{key:"renderElement",value:function(){var t=o("p-colorpicker-panel",{"p-colorpicker-overlay-panel":!this.props.inline,"p-disabled":this.props.disabled});return e.createElement(a,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.props.onEnter,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},e.createElement("div",{ref:this.props.forwardRef,className:t,onClick:this.props.onClick},this.props.children))}},{key:"render",value:function(){var t=this.renderElement();return this.props.inline?t:e.createElement(l,{element:t,appendTo:this.props.appendTo})}}]),u}();D(O,"defaultProps",{appendTo:null,inline:!1,disabled:!1,onClick:null});var C=e.forwardRef((function(t,n){return e.createElement(O,d({forwardRef:n},t))}));function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var R=function(a){g(k,t);var l,v,m=(l=k,v=w(),function(){var e,t=E(l);if(v){var n=E(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return M(this,e)});function k(e){var t;return f(this,k),(t=m.call(this,e)).state={overlayVisible:!1},t.onInputClick=t.onInputClick.bind(b(t)),t.onInputKeydown=t.onInputKeydown.bind(b(t)),t.onOverlayEnter=t.onOverlayEnter.bind(b(t)),t.onOverlayEntered=t.onOverlayEntered.bind(b(t)),t.onOverlayExit=t.onOverlayExit.bind(b(t)),t.onOverlayExited=t.onOverlayExited.bind(b(t)),t.onPanelClick=t.onPanelClick.bind(b(t)),t.onColorMousedown=t.onColorMousedown.bind(b(t)),t.onHueMousedown=t.onHueMousedown.bind(b(t)),t.onColorDragStart=t.onColorDragStart.bind(b(t)),t.onHueDragStart=t.onHueDragStart.bind(b(t)),t.onDrag=t.onDrag.bind(b(t)),t.onDragEnd=t.onDragEnd.bind(b(t)),t.overlayRef=n(),t.inputRef=n(t.props.inputRef),t}return y(k,[{key:"onPanelClick",value:function(e){this.props.inline||h.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onHueMousedown",value:function(e){this.props.disabled||(this.bindDragListeners(),this.onHueDragStart(e))}},{key:"onHueDragStart",value:function(e){this.props.disabled||(this.hueDragging=!0,this.pickHue(e),i.addClass(this.container,"p-colorpicker-dragging"))}},{key:"pickHue",value:function(e){var 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.updateColorSelector(),this.updateHue(),this.updateModel()}},{key:"onColorMousedown",value:function(e){this.props.disabled||(this.bindDragListeners(),this.onColorDragStart(e))}},{key:"onColorDragStart",value:function(e){this.props.disabled||(this.colorDragging=!0,this.pickColor(e),i.addClass(this.container,"p-colorpicker-dragging"),e.preventDefault())}},{key:"onDrag",value:function(e){this.colorDragging&&(this.pickColor(e),e.preventDefault()),this.hueDragging&&(this.pickHue(e),e.preventDefault())}},{key:"onDragEnd",value:function(){this.colorDragging=!1,this.hueDragging=!1,i.removeClass(this.container,"p-colorpicker-dragging"),this.unbindDragListeners()}},{key:"bindDragListeners",value:function(){this.bindDocumentMouseMoveListener(),this.bindDocumentMouseUpListener()}},{key:"unbindDragListeners",value:function(){this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener()}},{key:"pickColor",value:function(e){var t=this.colorSelector.getBoundingClientRect(),n=t.top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0),o=t.left+document.body.scrollLeft,i=Math.floor(100*Math.max(0,Math.min(150,(e.pageX||e.changedTouches[0].pageX)-o))/150),r=Math.floor(100*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-n)))/150);this.hsbValue=this.validateHSB({h:this.hsbValue.h,s:i,b:r}),this.updateColorHandle(),this.updateInput(),this.updateModel()}},{key:"updateModel",value:function(){switch(this.props.format){case"hex":this.onChange(this.HSBtoHEX(this.hsbValue));break;case"rgb":this.onChange(this.HSBtoRGB(this.hsbValue));break;case"hsb":this.onChange(this.hsbValue)}}},{key:"toHSB",value:function(e){var t;if(e)switch(this.props.format){case"hex":t=this.HEXtoHSB(e);break;case"rgb":t=this.RGBtoHSB(e);break;case"hsb":t=e}else t=this.HEXtoHSB(this.props.defaultColor);return t}},{key:"updateHSBValue",value:function(e){this.hsbValue=this.toHSB(e)}},{key:"areHSBEqual",value:function(e,t){return e.h===t.h&&e.s===t.s&&e.b===t.b}},{key:"onChange",value:function(e){this.props.onChange&&this.props.onChange({value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:e}})}},{key:"updateColorSelector",value:function(){if(this.colorSelector){var e=this.validateHSB({h:this.hsbValue.h,s:100,b:100});this.colorSelector.style.backgroundColor="#"+this.HSBtoHEX(e)}}},{key:"updateColorHandle",value:function(){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")}},{key:"updateHue",value:function(){this.hueHandle&&(this.hueHandle.style.top=Math.floor(150-150*this.hsbValue.h/360)+"px")}},{key:"updateInput",value:function(){this.inputRef&&this.inputRef.current&&(this.inputRef.current.style.backgroundColor="#"+this.HSBtoHEX(this.hsbValue))}},{key:"show",value:function(){this.setState({overlayVisible:!0})}},{key:"hide",value:function(){this.setState({overlayVisible:!1})}},{key:"onOverlayEnter",value:function(){r.set("overlay",this.overlayRef.current,p.autoZIndex,p.zIndex.overlay),this.alignOverlay()}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){r.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"onInputClick",value:function(){this.togglePanel()}},{key:"togglePanel",value:function(){this.state.overlayVisible?this.hide():this.show()}},{key:"onInputKeydown",value:function(e){switch(e.which){case 32:this.togglePanel(),e.preventDefault();break;case 27:case 9:this.hide()}}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new s(this.container,(function(){e.state.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!i.isTouchDevice()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.container.contains(e.target)||this.overlayRef&&this.overlayRef.current.contains(e.target))}},{key:"bindDocumentMouseMoveListener",value:function(){this.documentMouseMoveListener||(this.documentMouseMoveListener=this.onDocumentMouseMove.bind(this),document.addEventListener("mousemove",this.documentMouseMoveListener))}},{key:"onDocumentMouseMove",value:function(e){this.colorDragging&&this.pickColor(e),this.hueDragging&&this.pickHue(e)}},{key:"unbindDocumentMouseMoveListener",value:function(){this.documentMouseMoveListener&&(document.removeEventListener("mousemove",this.documentMouseMoveListener),this.documentMouseMoveListener=null)}},{key:"bindDocumentMouseUpListener",value:function(){this.documentMouseUpListener||(this.documentMouseUpListener=this.onDocumentMouseUp.bind(this),document.addEventListener("mouseup",this.documentMouseUpListener))}},{key:"onDocumentMouseUp",value:function(){this.colorDragging=!1,this.hueDragging=!1,i.removeClass(this.container,"p-colorpicker-dragging"),this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener()}},{key:"unbindDocumentMouseUpListener",value:function(){this.documentMouseUpListener&&(document.removeEventListener("mouseup",this.documentMouseUpListener),this.documentMouseUpListener=null)}},{key:"validateHSB",value:function(e){return{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))}}},{key:"validateRGB",value:function(e){return{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))}}},{key:"validateHEX",value:function(e){var t=6-e.length;if(t>0){for(var n=[],o=0;o<t;o++)n.push("0");n.push(e),e=n.join("")}return e}},{key:"HEXtoRGB",value:function(e){var t=parseInt(e.indexOf("#")>-1?e.substring(1):e,16);return{r:t>>16,g:(65280&t)>>8,b:255&t}}},{key:"HEXtoHSB",value:function(e){return this.RGBtoHSB(this.HEXtoRGB(e))}},{key:"RGBtoHSB",value:function(e){var t={h:0,s:0,b:0},n=Math.min(e.r,e.g,e.b),o=Math.max(e.r,e.g,e.b),i=o-n;return t.b=o,t.s=0!==o?255*i/o:0,t.h=0!==t.s?e.r===o?(e.g-e.b)/i:e.g===o?2+(e.b-e.r)/i:4+(e.r-e.g)/i:-1,t.h*=60,t.h<0&&(t.h+=360),t.s*=100/255,t.b*=100/255,t}},{key:"HSBtoRGB",value:function(e){var t={r:null,g:null,b:null},n=Math.round(e.h),o=Math.round(255*e.s/100),i=Math.round(255*e.b/100);if(0===o)t={r:i,g:i,b:i};else{var r=i,s=(255-o)*i/255,u=n%60*(r-s)/60;360===n&&(n=0),n<60?(t.r=r,t.b=s,t.g=s+u):n<120?(t.g=r,t.b=s,t.r=r-u):n<180?(t.g=r,t.r=s,t.b=s+u):n<240?(t.b=r,t.r=s,t.g=r-u):n<300?(t.b=r,t.g=s,t.r=s+u):n<360?(t.r=r,t.g=s,t.b=r-u):(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)}}},{key:"RGBtoHEX",value:function(e){var t=[e.r.toString(16),e.g.toString(16),e.b.toString(16)];for(var n in t)1===t[n].length&&(t[n]="0"+t[n]);return t.join("")}},{key:"HSBtoHEX",value:function(e){return this.RGBtoHEX(this.HSBtoRGB(e))}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.updateHSBValue(this.props.value),this.updateUI(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){this.colorDragging||this.hueDragging||this.props.value===e.value||this.updateHSBValue(this.props.value),this.updateUI(),e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(L({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),r.clear(this.overlayRef.current)}},{key:"updateUI",value:function(){this.updateHue(),this.updateColorHandle(),this.updateInput(),this.updateColorSelector()}},{key:"alignOverlay",value:function(){this.inputRef&&this.inputRef.current&&i.alignOverlay(this.overlayRef.current,this.inputRef.current.parentElement,this.props.appendTo||p.appendTo)}},{key:"renderTooltip",value:function(){this.tooltip=c({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderColorSelector",value:function(){var t=this;return e.createElement("div",{ref:function(e){return t.colorSelector=e},className:"p-colorpicker-color-selector",onMouseDown:this.onColorMousedown,onTouchStart:this.onColorDragStart,onTouchMove:this.onDrag,onTouchEnd:this.onDragEnd},e.createElement("div",{className:"p-colorpicker-color"},e.createElement("div",{ref:function(e){return t.colorHandle=e},className:"p-colorpicker-color-handle"})))}},{key:"renderHue",value:function(){var t=this;return e.createElement("div",{ref:function(e){return t.hueView=e},className:"p-colorpicker-hue",onMouseDown:this.onHueMousedown,onTouchStart:this.onHueDragStart,onTouchMove:this.onDrag,onTouchEnd:this.onDragEnd},e.createElement("div",{ref:function(e){return t.hueHandle=e},className:"p-colorpicker-hue-handle"}))}},{key:"renderContent",value:function(){var t=this.renderColorSelector(),n=this.renderHue();return e.createElement("div",{className:"p-colorpicker-content"},t,n)}},{key:"renderInput",value:function(){if(!this.props.inline){var t=o("p-colorpicker-preview p-inputtext",{"p-disabled":this.props.disabled}),n=u.findDiffKeys(this.props,k.defaultProps);return e.createElement("input",d({ref:this.inputRef,type:"text",className:t,readOnly:!0,id:this.props.inputId,tabIndex:this.props.tabIndex,disabled:this.props.disabled,onClick:this.onInputClick,onKeyDown:this.onInputKeydown},n))}return null}},{key:"render",value:function(){var t=this,n=o("p-colorpicker p-component",{"p-colorpicker-overlay":!this.props.inline},this.props.className),i=this.renderContent(),r=this.renderInput();return e.createElement("div",{ref:function(e){return t.container=e},id:this.props.id,style:this.props.style,className:n},r,e.createElement(C,{ref:this.overlayRef,appendTo:this.props.appendTo,inline:this.props.inline,disabled:this.props.disabled,onClick:this.onPanelClick,in:this.props.inline||this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited,transitionOptions:this.props.transitionOptions},i))}}]),k}();D(R,"defaultProps",{id:null,inputRef:null,value:null,style:null,className:null,defaultColor:"ff0000",inline:!1,format:"hex",appendTo:null,disabled:!1,tabIndex:null,inputId:null,tooltip:null,tooltipOptions:null,transitionOptions:null,onChange:null,onShow:null,onHide:null});export{R as ColorPicker};

package/colorpicker/colorpicker.js

@@ -573,7 +573,7 @@ this.primereact.colorpicker = (function (exports, React, utils, csstransition, p
 
         if (!this.resizeListener) {
           this.resizeListener = function () {
-            if (_this4.state.overlayVisible && !utils.DomHandler.isAndroid()) {
+            if (_this4.state.overlayVisible && !utils.DomHandler.isTouchDevice()) {
               _this4.hide();
             }
           };

package/colorpicker/colorpicker.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.colorpicker=function(e,t,n,o,i,r,s,a){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=u(t),c=u(a);function h(){return h=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},h.apply(this,arguments)}function p(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function f(e,t,n){return t&&d(e.prototype,t),n&&d(e,n),e}function v(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function y(e,t){return y=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},y(e,t)}function b(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&y(e,t)}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function g(e,t){if(t&&("object"===m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return v(e)}function k(e){return k=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},k(e)}function M(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var H=function(e){b(a,e);var t,r,s=(t=a,r=E(),function(){var e,n=k(t);if(r){var o=k(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return g(this,e)});function a(){return p(this,a),s.apply(this,arguments)}return f(a,[{key:"renderElement",value:function(){var e=n.classNames("p-colorpicker-panel",{"p-colorpicker-overlay-panel":!this.props.inline,"p-disabled":this.props.disabled});return l.default.createElement(o.CSSTransition,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.props.onEnter,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},l.default.createElement("div",{ref:this.props.forwardRef,className:e,onClick:this.props.onClick},this.props.children))}},{key:"render",value:function(){var e=this.renderElement();return this.props.inline?e:l.default.createElement(i.Portal,{element:e,appendTo:this.props.appendTo})}}]),a}(t.Component);M(H,"defaultProps",{appendTo:null,inline:!1,disabled:!1,onClick:null});var D=l.default.forwardRef((function(e,t){return l.default.createElement(H,h({forwardRef:t},e))}));function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){M(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function S(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var L=function(e){b(u,e);var o,i,a=(o=u,i=S(),function(){var e,t=k(o);if(i){var n=k(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return g(this,e)});function u(e){var n;return p(this,u),(n=a.call(this,e)).state={overlayVisible:!1},n.onInputClick=n.onInputClick.bind(v(n)),n.onInputKeydown=n.onInputKeydown.bind(v(n)),n.onOverlayEnter=n.onOverlayEnter.bind(v(n)),n.onOverlayEntered=n.onOverlayEntered.bind(v(n)),n.onOverlayExit=n.onOverlayExit.bind(v(n)),n.onOverlayExited=n.onOverlayExited.bind(v(n)),n.onPanelClick=n.onPanelClick.bind(v(n)),n.onColorMousedown=n.onColorMousedown.bind(v(n)),n.onHueMousedown=n.onHueMousedown.bind(v(n)),n.onColorDragStart=n.onColorDragStart.bind(v(n)),n.onHueDragStart=n.onHueDragStart.bind(v(n)),n.onDrag=n.onDrag.bind(v(n)),n.onDragEnd=n.onDragEnd.bind(v(n)),n.overlayRef=t.createRef(),n.inputRef=t.createRef(n.props.inputRef),n}return f(u,[{key:"onPanelClick",value:function(e){this.props.inline||s.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onHueMousedown",value:function(e){this.props.disabled||(this.bindDragListeners(),this.onHueDragStart(e))}},{key:"onHueDragStart",value:function(e){this.props.disabled||(this.hueDragging=!0,this.pickHue(e),n.DomHandler.addClass(this.container,"p-colorpicker-dragging"))}},{key:"pickHue",value:function(e){var 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.updateColorSelector(),this.updateHue(),this.updateModel()}},{key:"onColorMousedown",value:function(e){this.props.disabled||(this.bindDragListeners(),this.onColorDragStart(e))}},{key:"onColorDragStart",value:function(e){this.props.disabled||(this.colorDragging=!0,this.pickColor(e),n.DomHandler.addClass(this.container,"p-colorpicker-dragging"),e.preventDefault())}},{key:"onDrag",value:function(e){this.colorDragging&&(this.pickColor(e),e.preventDefault()),this.hueDragging&&(this.pickHue(e),e.preventDefault())}},{key:"onDragEnd",value:function(){this.colorDragging=!1,this.hueDragging=!1,n.DomHandler.removeClass(this.container,"p-colorpicker-dragging"),this.unbindDragListeners()}},{key:"bindDragListeners",value:function(){this.bindDocumentMouseMoveListener(),this.bindDocumentMouseUpListener()}},{key:"unbindDragListeners",value:function(){this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener()}},{key:"pickColor",value:function(e){var t=this.colorSelector.getBoundingClientRect(),n=t.top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0),o=t.left+document.body.scrollLeft,i=Math.floor(100*Math.max(0,Math.min(150,(e.pageX||e.changedTouches[0].pageX)-o))/150),r=Math.floor(100*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-n)))/150);this.hsbValue=this.validateHSB({h:this.hsbValue.h,s:i,b:r}),this.updateColorHandle(),this.updateInput(),this.updateModel()}},{key:"updateModel",value:function(){switch(this.props.format){case"hex":this.onChange(this.HSBtoHEX(this.hsbValue));break;case"rgb":this.onChange(this.HSBtoRGB(this.hsbValue));break;case"hsb":this.onChange(this.hsbValue)}}},{key:"toHSB",value:function(e){var t;if(e)switch(this.props.format){case"hex":t=this.HEXtoHSB(e);break;case"rgb":t=this.RGBtoHSB(e);break;case"hsb":t=e}else t=this.HEXtoHSB(this.props.defaultColor);return t}},{key:"updateHSBValue",value:function(e){this.hsbValue=this.toHSB(e)}},{key:"areHSBEqual",value:function(e,t){return e.h===t.h&&e.s===t.s&&e.b===t.b}},{key:"onChange",value:function(e){this.props.onChange&&this.props.onChange({value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:e}})}},{key:"updateColorSelector",value:function(){if(this.colorSelector){var e=this.validateHSB({h:this.hsbValue.h,s:100,b:100});this.colorSelector.style.backgroundColor="#"+this.HSBtoHEX(e)}}},{key:"updateColorHandle",value:function(){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")}},{key:"updateHue",value:function(){this.hueHandle&&(this.hueHandle.style.top=Math.floor(150-150*this.hsbValue.h/360)+"px")}},{key:"updateInput",value:function(){this.inputRef&&this.inputRef.current&&(this.inputRef.current.style.backgroundColor="#"+this.HSBtoHEX(this.hsbValue))}},{key:"show",value:function(){this.setState({overlayVisible:!0})}},{key:"hide",value:function(){this.setState({overlayVisible:!1})}},{key:"onOverlayEnter",value:function(){n.ZIndexUtils.set("overlay",this.overlayRef.current,c.default.autoZIndex,c.default.zIndex.overlay),this.alignOverlay()}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){n.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"onInputClick",value:function(){this.togglePanel()}},{key:"togglePanel",value:function(){this.state.overlayVisible?this.hide():this.show()}},{key:"onInputKeydown",value:function(e){switch(e.which){case 32:this.togglePanel(),e.preventDefault();break;case 27:case 9:this.hide()}}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new n.ConnectedOverlayScrollHandler(this.container,(function(){e.state.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!n.DomHandler.isAndroid()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.container.contains(e.target)||this.overlayRef&&this.overlayRef.current.contains(e.target))}},{key:"bindDocumentMouseMoveListener",value:function(){this.documentMouseMoveListener||(this.documentMouseMoveListener=this.onDocumentMouseMove.bind(this),document.addEventListener("mousemove",this.documentMouseMoveListener))}},{key:"onDocumentMouseMove",value:function(e){this.colorDragging&&this.pickColor(e),this.hueDragging&&this.pickHue(e)}},{key:"unbindDocumentMouseMoveListener",value:function(){this.documentMouseMoveListener&&(document.removeEventListener("mousemove",this.documentMouseMoveListener),this.documentMouseMoveListener=null)}},{key:"bindDocumentMouseUpListener",value:function(){this.documentMouseUpListener||(this.documentMouseUpListener=this.onDocumentMouseUp.bind(this),document.addEventListener("mouseup",this.documentMouseUpListener))}},{key:"onDocumentMouseUp",value:function(){this.colorDragging=!1,this.hueDragging=!1,n.DomHandler.removeClass(this.container,"p-colorpicker-dragging"),this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener()}},{key:"unbindDocumentMouseUpListener",value:function(){this.documentMouseUpListener&&(document.removeEventListener("mouseup",this.documentMouseUpListener),this.documentMouseUpListener=null)}},{key:"validateHSB",value:function(e){return{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))}}},{key:"validateRGB",value:function(e){return{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))}}},{key:"validateHEX",value:function(e){var t=6-e.length;if(t>0){for(var n=[],o=0;o<t;o++)n.push("0");n.push(e),e=n.join("")}return e}},{key:"HEXtoRGB",value:function(e){var t=parseInt(e.indexOf("#")>-1?e.substring(1):e,16);return{r:t>>16,g:(65280&t)>>8,b:255&t}}},{key:"HEXtoHSB",value:function(e){return this.RGBtoHSB(this.HEXtoRGB(e))}},{key:"RGBtoHSB",value:function(e){var t={h:0,s:0,b:0},n=Math.min(e.r,e.g,e.b),o=Math.max(e.r,e.g,e.b),i=o-n;return t.b=o,t.s=0!==o?255*i/o:0,t.h=0!==t.s?e.r===o?(e.g-e.b)/i:e.g===o?2+(e.b-e.r)/i:4+(e.r-e.g)/i:-1,t.h*=60,t.h<0&&(t.h+=360),t.s*=100/255,t.b*=100/255,t}},{key:"HSBtoRGB",value:function(e){var t={r:null,g:null,b:null},n=Math.round(e.h),o=Math.round(255*e.s/100),i=Math.round(255*e.b/100);if(0===o)t={r:i,g:i,b:i};else{var r=i,s=(255-o)*i/255,a=n%60*(r-s)/60;360===n&&(n=0),n<60?(t.r=r,t.b=s,t.g=s+a):n<120?(t.g=r,t.b=s,t.r=r-a):n<180?(t.g=r,t.r=s,t.b=s+a):n<240?(t.b=r,t.r=s,t.g=r-a):n<300?(t.b=r,t.g=s,t.r=s+a):n<360?(t.r=r,t.g=s,t.b=r-a):(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)}}},{key:"RGBtoHEX",value:function(e){var t=[e.r.toString(16),e.g.toString(16),e.b.toString(16)];for(var n in t)1===t[n].length&&(t[n]="0"+t[n]);return t.join("")}},{key:"HSBtoHEX",value:function(e){return this.RGBtoHEX(this.HSBtoRGB(e))}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.updateHSBValue(this.props.value),this.updateUI(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){this.colorDragging||this.hueDragging||this.props.value===e.value||this.updateHSBValue(this.props.value),this.updateUI(),e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(O({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),n.ZIndexUtils.clear(this.overlayRef.current)}},{key:"updateUI",value:function(){this.updateHue(),this.updateColorHandle(),this.updateInput(),this.updateColorSelector()}},{key:"alignOverlay",value:function(){this.inputRef&&this.inputRef.current&&n.DomHandler.alignOverlay(this.overlayRef.current,this.inputRef.current.parentElement,this.props.appendTo||c.default.appendTo)}},{key:"renderTooltip",value:function(){this.tooltip=r.tip({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderColorSelector",value:function(){var e=this;return l.default.createElement("div",{ref:function(t){return e.colorSelector=t},className:"p-colorpicker-color-selector",onMouseDown:this.onColorMousedown,onTouchStart:this.onColorDragStart,onTouchMove:this.onDrag,onTouchEnd:this.onDragEnd},l.default.createElement("div",{className:"p-colorpicker-color"},l.default.createElement("div",{ref:function(t){return e.colorHandle=t},className:"p-colorpicker-color-handle"})))}},{key:"renderHue",value:function(){var e=this;return l.default.createElement("div",{ref:function(t){return e.hueView=t},className:"p-colorpicker-hue",onMouseDown:this.onHueMousedown,onTouchStart:this.onHueDragStart,onTouchMove:this.onDrag,onTouchEnd:this.onDragEnd},l.default.createElement("div",{ref:function(t){return e.hueHandle=t},className:"p-colorpicker-hue-handle"}))}},{key:"renderContent",value:function(){var e=this.renderColorSelector(),t=this.renderHue();return l.default.createElement("div",{className:"p-colorpicker-content"},e,t)}},{key:"renderInput",value:function(){if(!this.props.inline){var e=n.classNames("p-colorpicker-preview p-inputtext",{"p-disabled":this.props.disabled}),t=n.ObjectUtils.findDiffKeys(this.props,u.defaultProps);return l.default.createElement("input",h({ref:this.inputRef,type:"text",className:e,readOnly:!0,id:this.props.inputId,tabIndex:this.props.tabIndex,disabled:this.props.disabled,onClick:this.onInputClick,onKeyDown:this.onInputKeydown},t))}return null}},{key:"render",value:function(){var e=this,t=n.classNames("p-colorpicker p-component",{"p-colorpicker-overlay":!this.props.inline},this.props.className),o=this.renderContent(),i=this.renderInput();return l.default.createElement("div",{ref:function(t){return e.container=t},id:this.props.id,style:this.props.style,className:t},i,l.default.createElement(D,{ref:this.overlayRef,appendTo:this.props.appendTo,inline:this.props.inline,disabled:this.props.disabled,onClick:this.onPanelClick,in:this.props.inline||this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited,transitionOptions:this.props.transitionOptions},o))}}]),u}(t.Component);return M(L,"defaultProps",{id:null,inputRef:null,value:null,style:null,className:null,defaultColor:"ff0000",inline:!1,format:"hex",appendTo:null,disabled:!1,tabIndex:null,inputId:null,tooltip:null,tooltipOptions:null,transitionOptions:null,onChange:null,onShow:null,onHide:null}),e.ColorPicker=L,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.csstransition,primereact.portal,primereact.tooltip,primereact.overlayservice,primereact.api);
+this.primereact=this.primereact||{},this.primereact.colorpicker=function(e,t,n,o,i,r,s,a){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=u(t),c=u(a);function h(){return h=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},h.apply(this,arguments)}function p(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function f(e,t,n){return t&&d(e.prototype,t),n&&d(e,n),e}function v(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function y(e,t){return y=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},y(e,t)}function b(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&y(e,t)}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function g(e,t){if(t&&("object"===m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return v(e)}function k(e){return k=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},k(e)}function M(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var D=function(e){b(a,e);var t,r,s=(t=a,r=E(),function(){var e,n=k(t);if(r){var o=k(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return g(this,e)});function a(){return p(this,a),s.apply(this,arguments)}return f(a,[{key:"renderElement",value:function(){var e=n.classNames("p-colorpicker-panel",{"p-colorpicker-overlay-panel":!this.props.inline,"p-disabled":this.props.disabled});return l.default.createElement(o.CSSTransition,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.props.onEnter,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},l.default.createElement("div",{ref:this.props.forwardRef,className:e,onClick:this.props.onClick},this.props.children))}},{key:"render",value:function(){var e=this.renderElement();return this.props.inline?e:l.default.createElement(i.Portal,{element:e,appendTo:this.props.appendTo})}}]),a}(t.Component);M(D,"defaultProps",{appendTo:null,inline:!1,disabled:!1,onClick:null});var H=l.default.forwardRef((function(e,t){return l.default.createElement(D,h({forwardRef:t},e))}));function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){M(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function S(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var L=function(e){b(u,e);var o,i,a=(o=u,i=S(),function(){var e,t=k(o);if(i){var n=k(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return g(this,e)});function u(e){var n;return p(this,u),(n=a.call(this,e)).state={overlayVisible:!1},n.onInputClick=n.onInputClick.bind(v(n)),n.onInputKeydown=n.onInputKeydown.bind(v(n)),n.onOverlayEnter=n.onOverlayEnter.bind(v(n)),n.onOverlayEntered=n.onOverlayEntered.bind(v(n)),n.onOverlayExit=n.onOverlayExit.bind(v(n)),n.onOverlayExited=n.onOverlayExited.bind(v(n)),n.onPanelClick=n.onPanelClick.bind(v(n)),n.onColorMousedown=n.onColorMousedown.bind(v(n)),n.onHueMousedown=n.onHueMousedown.bind(v(n)),n.onColorDragStart=n.onColorDragStart.bind(v(n)),n.onHueDragStart=n.onHueDragStart.bind(v(n)),n.onDrag=n.onDrag.bind(v(n)),n.onDragEnd=n.onDragEnd.bind(v(n)),n.overlayRef=t.createRef(),n.inputRef=t.createRef(n.props.inputRef),n}return f(u,[{key:"onPanelClick",value:function(e){this.props.inline||s.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onHueMousedown",value:function(e){this.props.disabled||(this.bindDragListeners(),this.onHueDragStart(e))}},{key:"onHueDragStart",value:function(e){this.props.disabled||(this.hueDragging=!0,this.pickHue(e),n.DomHandler.addClass(this.container,"p-colorpicker-dragging"))}},{key:"pickHue",value:function(e){var 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.updateColorSelector(),this.updateHue(),this.updateModel()}},{key:"onColorMousedown",value:function(e){this.props.disabled||(this.bindDragListeners(),this.onColorDragStart(e))}},{key:"onColorDragStart",value:function(e){this.props.disabled||(this.colorDragging=!0,this.pickColor(e),n.DomHandler.addClass(this.container,"p-colorpicker-dragging"),e.preventDefault())}},{key:"onDrag",value:function(e){this.colorDragging&&(this.pickColor(e),e.preventDefault()),this.hueDragging&&(this.pickHue(e),e.preventDefault())}},{key:"onDragEnd",value:function(){this.colorDragging=!1,this.hueDragging=!1,n.DomHandler.removeClass(this.container,"p-colorpicker-dragging"),this.unbindDragListeners()}},{key:"bindDragListeners",value:function(){this.bindDocumentMouseMoveListener(),this.bindDocumentMouseUpListener()}},{key:"unbindDragListeners",value:function(){this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener()}},{key:"pickColor",value:function(e){var t=this.colorSelector.getBoundingClientRect(),n=t.top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0),o=t.left+document.body.scrollLeft,i=Math.floor(100*Math.max(0,Math.min(150,(e.pageX||e.changedTouches[0].pageX)-o))/150),r=Math.floor(100*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-n)))/150);this.hsbValue=this.validateHSB({h:this.hsbValue.h,s:i,b:r}),this.updateColorHandle(),this.updateInput(),this.updateModel()}},{key:"updateModel",value:function(){switch(this.props.format){case"hex":this.onChange(this.HSBtoHEX(this.hsbValue));break;case"rgb":this.onChange(this.HSBtoRGB(this.hsbValue));break;case"hsb":this.onChange(this.hsbValue)}}},{key:"toHSB",value:function(e){var t;if(e)switch(this.props.format){case"hex":t=this.HEXtoHSB(e);break;case"rgb":t=this.RGBtoHSB(e);break;case"hsb":t=e}else t=this.HEXtoHSB(this.props.defaultColor);return t}},{key:"updateHSBValue",value:function(e){this.hsbValue=this.toHSB(e)}},{key:"areHSBEqual",value:function(e,t){return e.h===t.h&&e.s===t.s&&e.b===t.b}},{key:"onChange",value:function(e){this.props.onChange&&this.props.onChange({value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:e}})}},{key:"updateColorSelector",value:function(){if(this.colorSelector){var e=this.validateHSB({h:this.hsbValue.h,s:100,b:100});this.colorSelector.style.backgroundColor="#"+this.HSBtoHEX(e)}}},{key:"updateColorHandle",value:function(){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")}},{key:"updateHue",value:function(){this.hueHandle&&(this.hueHandle.style.top=Math.floor(150-150*this.hsbValue.h/360)+"px")}},{key:"updateInput",value:function(){this.inputRef&&this.inputRef.current&&(this.inputRef.current.style.backgroundColor="#"+this.HSBtoHEX(this.hsbValue))}},{key:"show",value:function(){this.setState({overlayVisible:!0})}},{key:"hide",value:function(){this.setState({overlayVisible:!1})}},{key:"onOverlayEnter",value:function(){n.ZIndexUtils.set("overlay",this.overlayRef.current,c.default.autoZIndex,c.default.zIndex.overlay),this.alignOverlay()}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){n.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"onInputClick",value:function(){this.togglePanel()}},{key:"togglePanel",value:function(){this.state.overlayVisible?this.hide():this.show()}},{key:"onInputKeydown",value:function(e){switch(e.which){case 32:this.togglePanel(),e.preventDefault();break;case 27:case 9:this.hide()}}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new n.ConnectedOverlayScrollHandler(this.container,(function(){e.state.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!n.DomHandler.isTouchDevice()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.container.contains(e.target)||this.overlayRef&&this.overlayRef.current.contains(e.target))}},{key:"bindDocumentMouseMoveListener",value:function(){this.documentMouseMoveListener||(this.documentMouseMoveListener=this.onDocumentMouseMove.bind(this),document.addEventListener("mousemove",this.documentMouseMoveListener))}},{key:"onDocumentMouseMove",value:function(e){this.colorDragging&&this.pickColor(e),this.hueDragging&&this.pickHue(e)}},{key:"unbindDocumentMouseMoveListener",value:function(){this.documentMouseMoveListener&&(document.removeEventListener("mousemove",this.documentMouseMoveListener),this.documentMouseMoveListener=null)}},{key:"bindDocumentMouseUpListener",value:function(){this.documentMouseUpListener||(this.documentMouseUpListener=this.onDocumentMouseUp.bind(this),document.addEventListener("mouseup",this.documentMouseUpListener))}},{key:"onDocumentMouseUp",value:function(){this.colorDragging=!1,this.hueDragging=!1,n.DomHandler.removeClass(this.container,"p-colorpicker-dragging"),this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener()}},{key:"unbindDocumentMouseUpListener",value:function(){this.documentMouseUpListener&&(document.removeEventListener("mouseup",this.documentMouseUpListener),this.documentMouseUpListener=null)}},{key:"validateHSB",value:function(e){return{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))}}},{key:"validateRGB",value:function(e){return{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))}}},{key:"validateHEX",value:function(e){var t=6-e.length;if(t>0){for(var n=[],o=0;o<t;o++)n.push("0");n.push(e),e=n.join("")}return e}},{key:"HEXtoRGB",value:function(e){var t=parseInt(e.indexOf("#")>-1?e.substring(1):e,16);return{r:t>>16,g:(65280&t)>>8,b:255&t}}},{key:"HEXtoHSB",value:function(e){return this.RGBtoHSB(this.HEXtoRGB(e))}},{key:"RGBtoHSB",value:function(e){var t={h:0,s:0,b:0},n=Math.min(e.r,e.g,e.b),o=Math.max(e.r,e.g,e.b),i=o-n;return t.b=o,t.s=0!==o?255*i/o:0,t.h=0!==t.s?e.r===o?(e.g-e.b)/i:e.g===o?2+(e.b-e.r)/i:4+(e.r-e.g)/i:-1,t.h*=60,t.h<0&&(t.h+=360),t.s*=100/255,t.b*=100/255,t}},{key:"HSBtoRGB",value:function(e){var t={r:null,g:null,b:null},n=Math.round(e.h),o=Math.round(255*e.s/100),i=Math.round(255*e.b/100);if(0===o)t={r:i,g:i,b:i};else{var r=i,s=(255-o)*i/255,a=n%60*(r-s)/60;360===n&&(n=0),n<60?(t.r=r,t.b=s,t.g=s+a):n<120?(t.g=r,t.b=s,t.r=r-a):n<180?(t.g=r,t.r=s,t.b=s+a):n<240?(t.b=r,t.r=s,t.g=r-a):n<300?(t.b=r,t.g=s,t.r=s+a):n<360?(t.r=r,t.g=s,t.b=r-a):(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)}}},{key:"RGBtoHEX",value:function(e){var t=[e.r.toString(16),e.g.toString(16),e.b.toString(16)];for(var n in t)1===t[n].length&&(t[n]="0"+t[n]);return t.join("")}},{key:"HSBtoHEX",value:function(e){return this.RGBtoHEX(this.HSBtoRGB(e))}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.updateHSBValue(this.props.value),this.updateUI(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){this.colorDragging||this.hueDragging||this.props.value===e.value||this.updateHSBValue(this.props.value),this.updateUI(),e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(O({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),n.ZIndexUtils.clear(this.overlayRef.current)}},{key:"updateUI",value:function(){this.updateHue(),this.updateColorHandle(),this.updateInput(),this.updateColorSelector()}},{key:"alignOverlay",value:function(){this.inputRef&&this.inputRef.current&&n.DomHandler.alignOverlay(this.overlayRef.current,this.inputRef.current.parentElement,this.props.appendTo||c.default.appendTo)}},{key:"renderTooltip",value:function(){this.tooltip=r.tip({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderColorSelector",value:function(){var e=this;return l.default.createElement("div",{ref:function(t){return e.colorSelector=t},className:"p-colorpicker-color-selector",onMouseDown:this.onColorMousedown,onTouchStart:this.onColorDragStart,onTouchMove:this.onDrag,onTouchEnd:this.onDragEnd},l.default.createElement("div",{className:"p-colorpicker-color"},l.default.createElement("div",{ref:function(t){return e.colorHandle=t},className:"p-colorpicker-color-handle"})))}},{key:"renderHue",value:function(){var e=this;return l.default.createElement("div",{ref:function(t){return e.hueView=t},className:"p-colorpicker-hue",onMouseDown:this.onHueMousedown,onTouchStart:this.onHueDragStart,onTouchMove:this.onDrag,onTouchEnd:this.onDragEnd},l.default.createElement("div",{ref:function(t){return e.hueHandle=t},className:"p-colorpicker-hue-handle"}))}},{key:"renderContent",value:function(){var e=this.renderColorSelector(),t=this.renderHue();return l.default.createElement("div",{className:"p-colorpicker-content"},e,t)}},{key:"renderInput",value:function(){if(!this.props.inline){var e=n.classNames("p-colorpicker-preview p-inputtext",{"p-disabled":this.props.disabled}),t=n.ObjectUtils.findDiffKeys(this.props,u.defaultProps);return l.default.createElement("input",h({ref:this.inputRef,type:"text",className:e,readOnly:!0,id:this.props.inputId,tabIndex:this.props.tabIndex,disabled:this.props.disabled,onClick:this.onInputClick,onKeyDown:this.onInputKeydown},t))}return null}},{key:"render",value:function(){var e=this,t=n.classNames("p-colorpicker p-component",{"p-colorpicker-overlay":!this.props.inline},this.props.className),o=this.renderContent(),i=this.renderInput();return l.default.createElement("div",{ref:function(t){return e.container=t},id:this.props.id,style:this.props.style,className:t},i,l.default.createElement(H,{ref:this.overlayRef,appendTo:this.props.appendTo,inline:this.props.inline,disabled:this.props.disabled,onClick:this.onPanelClick,in:this.props.inline||this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited,transitionOptions:this.props.transitionOptions},o))}}]),u}(t.Component);return M(L,"defaultProps",{id:null,inputRef:null,value:null,style:null,className:null,defaultColor:"ff0000",inline:!1,format:"hex",appendTo:null,disabled:!1,tabIndex:null,inputId:null,tooltip:null,tooltipOptions:null,transitionOptions:null,onChange:null,onShow:null,onHide:null}),e.ColorPicker=L,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.csstransition,primereact.portal,primereact.tooltip,primereact.overlayservice,primereact.api);

package/column/column.d.ts

@@ -146,7 +146,7 @@ interface ColumnFilterOperatorChangeParams {
 
 interface ColumnFilterConstraintAddParams {
     field: string;
-    constraing: ColumnFilterMetaData;
+    constraint: ColumnFilterMetaData;
 }
 
 interface ColumnFilterConstraintRemoveParams extends ColumnFilterConstraintAddParams {}

package/confirmdialog/confirmdialog.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { DialogProps } from '../dialog';
-import {IconType} from "../utils/Utils";
+import {IconType} from "../utils";
 
 type ConfirmDialogTemplateType = React.ReactNode | ((options: ConfirmDialogOptions) => React.ReactNode);
 

package/confirmpopup/confirmpopup.cjs.js

@@ -257,7 +257,7 @@ var ConfirmPopup = /*#__PURE__*/function (_Component) {
 
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this4.state.visible && !utils.DomHandler.isAndroid()) {
+          if (_this4.state.visible && !utils.DomHandler.isTouchDevice()) {
             _this4.hide();
           }
         };
@@ -519,7 +519,7 @@ var ConfirmPopup = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/React__default["default"].createElement(portal.Portal, {
         element: element,
         appendTo: this.props.appendTo,
-        visible: true
+        visible: this.props.visible
       });
     }
   }]);

package/confirmpopup/confirmpopup.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-dom"),n=require("primereact/utils"),r=require("primereact/button"),i=require("primereact/csstransition"),o=require("primereact/api"),s=require("primereact/overlayservice"),l=require("primereact/portal");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=c(e),u=c(t),p=c(o);function f(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function h(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function v(e,t){return v=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},v(e,t)}function y(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&v(e,t)}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function b(e,t){if(t&&("object"===m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return h(e)}function k(e){return k=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},k(e)}function E(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function L(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=function(t){y(C,e.Component);var c,u,v,m,E,j=(c=C,u=L(),function(){var e,t=k(c);if(u){var n=k(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return b(this,e)});function C(e){var t;return f(this,C),(t=j.call(this,e)).state={visible:!1},t.reject=t.reject.bind(h(t)),t.accept=t.accept.bind(h(t)),t.hide=t.hide.bind(h(t)),t.onCloseClick=t.onCloseClick.bind(h(t)),t.onPanelClick=t.onPanelClick.bind(h(t)),t.onEnter=t.onEnter.bind(h(t)),t.onEntered=t.onEntered.bind(h(t)),t.onExit=t.onExit.bind(h(t)),t.onExited=t.onExited.bind(h(t)),t.overlayRef=a.default.createRef(),t.acceptBtnRef=a.default.createRef(),t}return v=C,(m=[{key:"acceptLabel",value:function(){return this.props.acceptLabel||o.localeOption("accept")}},{key:"rejectLabel",value:function(){return this.props.rejectLabel||o.localeOption("reject")}},{key:"bindDocumentClickListener",value:function(){var e=this;!this.documentClickListener&&this.props.dismissable&&(this.documentClickListener=function(t){!e.isPanelClicked&&e.isOutsideClicked(t.target)&&e.hide(),e.isPanelClicked=!1},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new n.ConnectedOverlayScrollHandler(this.props.target,(function(){e.state.visible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.visible&&!n.DomHandler.isAndroid()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.overlayRef&&this.overlayRef.current&&!(this.overlayRef.current.isSameNode(e)||this.overlayRef.current.contains(e))}},{key:"onCloseClick",value:function(e){this.hide(),e.preventDefault()}},{key:"onPanelClick",value:function(e){this.isPanelClicked=!0,s.OverlayService.emit("overlay-click",{originalEvent:e,target:this.props.target})}},{key:"accept",value:function(){this.props.accept&&this.props.accept(),this.hide("accept")}},{key:"reject",value:function(){this.props.reject&&this.props.reject(),this.hide("reject")}},{key:"show",value:function(){var e=this;this.setState({visible:!0},(function(){e.overlayEventListener=function(t){e.isOutsideClicked(t.target)||(e.isPanelClicked=!0)},s.OverlayService.on("overlay-click",e.overlayEventListener)}))}},{key:"hide",value:function(e){var t=this;this.setState({visible:!1},(function(){s.OverlayService.off("overlay-click",t.overlayEventListener),t.overlayEventListener=null,t.props.onHide&&t.props.onHide(e)}))}},{key:"onEnter",value:function(){n.ZIndexUtils.set("overlay",this.overlayRef.current,p.default.autoZIndex,p.default.zIndex.overlay),this.align()}},{key:"onEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.acceptBtnRef&&this.acceptBtnRef.current&&this.acceptBtnRef.current.focus(),this.props.onShow&&this.props.onShow()}},{key:"onExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onExited",value:function(){n.ZIndexUtils.clear(this.overlayRef.current)}},{key:"align",value:function(){if(this.props.target){n.DomHandler.absolutePosition(this.overlayRef.current,this.props.target);var e=n.DomHandler.getOffset(this.overlayRef.current),t=n.DomHandler.getOffset(this.props.target),r=0;e.left<t.left&&(r=t.left-e.left),this.overlayRef.current.style.setProperty("--overlayArrowLeft","".concat(r,"px")),e.top<t.top&&n.DomHandler.addClass(this.overlayRef.current,"p-confirm-popup-flipped")}}},{key:"componentDidMount",value:function(){this.props.visible&&this.setState({visible:!0})}},{key:"componentDidUpdate",value:function(e){e.visible!==this.props.visible&&this.setState({visible:this.props.visible})}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.overlayEventListener&&(s.OverlayService.off("overlay-click",this.overlayEventListener),this.overlayEventListener=null),n.ZIndexUtils.clear(this.overlayRef.current)}},{key:"renderContent",value:function(){var e=n.ObjectUtils.getJSXElement(this.props.message,this.props);return a.default.createElement("div",{className:"p-confirm-popup-content"},n.IconUtils.getJSXIcon(this.props.icon,{className:"p-confirm-popup-icon"},{props:this.props}),a.default.createElement("span",{className:"p-confirm-popup-message"},e))}},{key:"renderFooter",value:function(){var e=n.classNames("p-confirm-popup-accept p-button-sm",this.props.acceptClassName),t=n.classNames("p-confirm-popup-reject p-button-sm",{"p-button-text":!this.props.rejectClassName},this.props.rejectClassName),i=a.default.createElement("div",{className:"p-confirm-popup-footer"},a.default.createElement(r.Button,{label:this.rejectLabel(),icon:this.props.rejectIcon,className:t,onClick:this.reject}),a.default.createElement(r.Button,{ref:this.acceptBtnRef,label:this.acceptLabel(),icon:this.props.acceptIcon,className:e,onClick:this.accept}));if(this.props.footer){var o={accept:this.accept,reject:this.reject,className:"p-confirm-popup-footer",acceptClassName:e,rejectClassName:t,acceptLabel:this.acceptLabel(),rejectLabel:this.rejectLabel(),element:i,props:this.props};return n.ObjectUtils.getJSXElement(this.props.footer,o)}return i}},{key:"renderElement",value:function(){var e=n.classNames("p-confirm-popup p-component",this.props.className),t=this.renderContent(),r=this.renderFooter();return a.default.createElement(i.CSSTransition,{nodeRef:this.overlayRef,classNames:"p-connected-overlay",in:this.state.visible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},a.default.createElement("div",{ref:this.overlayRef,id:this.props.id,className:e,style:this.props.style,onClick:this.onPanelClick},t,r))}},{key:"render",value:function(){var e=this.renderElement();return a.default.createElement(l.Portal,{element:e,appendTo:this.props.appendTo,visible:!0})}}])&&d(v.prototype,m),E&&d(v,E),C}();E(O,"defaultProps",{target:null,visible:!1,message:null,rejectLabel:null,acceptLabel:null,icon:null,rejectIcon:null,acceptIcon:null,rejectClassName:null,acceptClassName:null,className:null,style:null,appendTo:null,dismissable:!0,footer:null,onShow:null,onHide:null,accept:null,reject:null,transitionOptions:null}),exports.ConfirmPopup=O,exports.confirmPopup=function(e){var t=e.appendTo||document.body,r=document.createDocumentFragment();n.DomHandler.appendChild(r,t),e=C(C({},e),{visible:void 0===e.visible||e.visible});var i=a.default.createElement(O,e);u.default.render(i,r);var o=function(t){e=C(C({},e),t),u.default.render(a.default.cloneElement(i,e),r)};return{_destroy:function(){u.default.unmountComponentAtNode(r)},show:function(){o({visible:!0,onHide:function(){o({visible:!1})}})},hide:function(){o({visible:!1})},update:function(e){o(e)}}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-dom"),n=require("primereact/utils"),r=require("primereact/button"),i=require("primereact/csstransition"),o=require("primereact/api"),s=require("primereact/overlayservice"),l=require("primereact/portal");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=c(e),u=c(t),p=c(o);function f(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function h(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function v(e,t){return v=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},v(e,t)}function y(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&v(e,t)}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function b(e,t){if(t&&("object"===m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return h(e)}function k(e){return k=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},k(e)}function E(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function L(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=function(t){y(C,e.Component);var c,u,v,m,E,j=(c=C,u=L(),function(){var e,t=k(c);if(u){var n=k(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return b(this,e)});function C(e){var t;return f(this,C),(t=j.call(this,e)).state={visible:!1},t.reject=t.reject.bind(h(t)),t.accept=t.accept.bind(h(t)),t.hide=t.hide.bind(h(t)),t.onCloseClick=t.onCloseClick.bind(h(t)),t.onPanelClick=t.onPanelClick.bind(h(t)),t.onEnter=t.onEnter.bind(h(t)),t.onEntered=t.onEntered.bind(h(t)),t.onExit=t.onExit.bind(h(t)),t.onExited=t.onExited.bind(h(t)),t.overlayRef=a.default.createRef(),t.acceptBtnRef=a.default.createRef(),t}return v=C,(m=[{key:"acceptLabel",value:function(){return this.props.acceptLabel||o.localeOption("accept")}},{key:"rejectLabel",value:function(){return this.props.rejectLabel||o.localeOption("reject")}},{key:"bindDocumentClickListener",value:function(){var e=this;!this.documentClickListener&&this.props.dismissable&&(this.documentClickListener=function(t){!e.isPanelClicked&&e.isOutsideClicked(t.target)&&e.hide(),e.isPanelClicked=!1},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new n.ConnectedOverlayScrollHandler(this.props.target,(function(){e.state.visible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.visible&&!n.DomHandler.isTouchDevice()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.overlayRef&&this.overlayRef.current&&!(this.overlayRef.current.isSameNode(e)||this.overlayRef.current.contains(e))}},{key:"onCloseClick",value:function(e){this.hide(),e.preventDefault()}},{key:"onPanelClick",value:function(e){this.isPanelClicked=!0,s.OverlayService.emit("overlay-click",{originalEvent:e,target:this.props.target})}},{key:"accept",value:function(){this.props.accept&&this.props.accept(),this.hide("accept")}},{key:"reject",value:function(){this.props.reject&&this.props.reject(),this.hide("reject")}},{key:"show",value:function(){var e=this;this.setState({visible:!0},(function(){e.overlayEventListener=function(t){e.isOutsideClicked(t.target)||(e.isPanelClicked=!0)},s.OverlayService.on("overlay-click",e.overlayEventListener)}))}},{key:"hide",value:function(e){var t=this;this.setState({visible:!1},(function(){s.OverlayService.off("overlay-click",t.overlayEventListener),t.overlayEventListener=null,t.props.onHide&&t.props.onHide(e)}))}},{key:"onEnter",value:function(){n.ZIndexUtils.set("overlay",this.overlayRef.current,p.default.autoZIndex,p.default.zIndex.overlay),this.align()}},{key:"onEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.acceptBtnRef&&this.acceptBtnRef.current&&this.acceptBtnRef.current.focus(),this.props.onShow&&this.props.onShow()}},{key:"onExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onExited",value:function(){n.ZIndexUtils.clear(this.overlayRef.current)}},{key:"align",value:function(){if(this.props.target){n.DomHandler.absolutePosition(this.overlayRef.current,this.props.target);var e=n.DomHandler.getOffset(this.overlayRef.current),t=n.DomHandler.getOffset(this.props.target),r=0;e.left<t.left&&(r=t.left-e.left),this.overlayRef.current.style.setProperty("--overlayArrowLeft","".concat(r,"px")),e.top<t.top&&n.DomHandler.addClass(this.overlayRef.current,"p-confirm-popup-flipped")}}},{key:"componentDidMount",value:function(){this.props.visible&&this.setState({visible:!0})}},{key:"componentDidUpdate",value:function(e){e.visible!==this.props.visible&&this.setState({visible:this.props.visible})}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.overlayEventListener&&(s.OverlayService.off("overlay-click",this.overlayEventListener),this.overlayEventListener=null),n.ZIndexUtils.clear(this.overlayRef.current)}},{key:"renderContent",value:function(){var e=n.ObjectUtils.getJSXElement(this.props.message,this.props);return a.default.createElement("div",{className:"p-confirm-popup-content"},n.IconUtils.getJSXIcon(this.props.icon,{className:"p-confirm-popup-icon"},{props:this.props}),a.default.createElement("span",{className:"p-confirm-popup-message"},e))}},{key:"renderFooter",value:function(){var e=n.classNames("p-confirm-popup-accept p-button-sm",this.props.acceptClassName),t=n.classNames("p-confirm-popup-reject p-button-sm",{"p-button-text":!this.props.rejectClassName},this.props.rejectClassName),i=a.default.createElement("div",{className:"p-confirm-popup-footer"},a.default.createElement(r.Button,{label:this.rejectLabel(),icon:this.props.rejectIcon,className:t,onClick:this.reject}),a.default.createElement(r.Button,{ref:this.acceptBtnRef,label:this.acceptLabel(),icon:this.props.acceptIcon,className:e,onClick:this.accept}));if(this.props.footer){var o={accept:this.accept,reject:this.reject,className:"p-confirm-popup-footer",acceptClassName:e,rejectClassName:t,acceptLabel:this.acceptLabel(),rejectLabel:this.rejectLabel(),element:i,props:this.props};return n.ObjectUtils.getJSXElement(this.props.footer,o)}return i}},{key:"renderElement",value:function(){var e=n.classNames("p-confirm-popup p-component",this.props.className),t=this.renderContent(),r=this.renderFooter();return a.default.createElement(i.CSSTransition,{nodeRef:this.overlayRef,classNames:"p-connected-overlay",in:this.state.visible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},a.default.createElement("div",{ref:this.overlayRef,id:this.props.id,className:e,style:this.props.style,onClick:this.onPanelClick},t,r))}},{key:"render",value:function(){var e=this.renderElement();return a.default.createElement(l.Portal,{element:e,appendTo:this.props.appendTo,visible:this.props.visible})}}])&&d(v.prototype,m),E&&d(v,E),C}();E(O,"defaultProps",{target:null,visible:!1,message:null,rejectLabel:null,acceptLabel:null,icon:null,rejectIcon:null,acceptIcon:null,rejectClassName:null,acceptClassName:null,className:null,style:null,appendTo:null,dismissable:!0,footer:null,onShow:null,onHide:null,accept:null,reject:null,transitionOptions:null}),exports.ConfirmPopup=O,exports.confirmPopup=function(e){var t=e.appendTo||document.body,r=document.createDocumentFragment();n.DomHandler.appendChild(r,t),e=C(C({},e),{visible:void 0===e.visible||e.visible});var i=a.default.createElement(O,e);u.default.render(i,r);var o=function(t){e=C(C({},e),t),u.default.render(a.default.cloneElement(i,e),r)};return{_destroy:function(){u.default.unmountComponentAtNode(r)},show:function(){o({visible:!0,onHide:function(){o({visible:!1})}})},hide:function(){o({visible:!1})},update:function(e){o(e)}}};

package/confirmpopup/confirmpopup.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import {IconType} from "../utils/Utils";
+import { CSSTransitionProps } from '../csstransition';
+import { IconType } from "../utils";
 
 type ConfirmPopupTemplateType = React.ReactNode | ((options: ConfirmPopupOptions) => React.ReactNode);
 
@@ -34,7 +35,7 @@ export interface ConfirmPopupProps {
     appendTo?: ConfirmPopupAppendToType;
     dismissable?: boolean;
     footer?: ConfirmPopupTemplateType;
-    transitionOptions?: object;
+    transitionOptions?: CSSTransitionProps;
     onShow?(): void;
     onHide?(result: string): void;
     accept?(): void;

package/confirmpopup/confirmpopup.esm.js

@@ -247,7 +247,7 @@ var ConfirmPopup = /*#__PURE__*/function (_Component) {
 
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this4.state.visible && !DomHandler.isAndroid()) {
+          if (_this4.state.visible && !DomHandler.isTouchDevice()) {
             _this4.hide();
           }
         };
@@ -509,7 +509,7 @@ var ConfirmPopup = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/React.createElement(Portal, {
         element: element,
         appendTo: this.props.appendTo,
-        visible: true
+        visible: this.props.visible
       });
     }
   }]);

package/confirmpopup/confirmpopup.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import n from"react-dom";import{DomHandler as i,ConnectedOverlayScrollHandler as r,ZIndexUtils as o,ObjectUtils as s,IconUtils as c,classNames as l}from"primereact/utils";import{Button as a}from"primereact/button";import{CSSTransition as u}from"primereact/csstransition";import p,{localeOption as f}from"primereact/api";import{OverlayService as h}from"primereact/overlayservice";import{Portal as d}from"primereact/portal";function v(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function m(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function y(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function b(e,t){return b=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},b(e,t)}function k(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&b(e,t)}function E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function L(e,t){if(t&&("object"===E(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return y(e)}function j(e){return j=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},j(e)}function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(t){var r=t.appendTo||document.body,o=document.createDocumentFragment();i.appendChild(o,r),t=R(R({},t),{visible:void 0===t.visible||t.visible});var s=e.createElement(P,t);n.render(s,o);var c=function(i){t=R(R({},t),i),n.render(e.cloneElement(s,t),o)};return{_destroy:function(){n.unmountComponentAtNode(o)},show:function(){c({visible:!0,onHide:function(){c({visible:!1})}})},hide:function(){c({visible:!1})},update:function(e){c(e)}}}var P=function(n){k(P,t);var b,E,C,g,R,w=(b=P,E=O(),function(){var e,t=j(b);if(E){var n=j(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return L(this,e)});function P(t){var n;return v(this,P),(n=w.call(this,t)).state={visible:!1},n.reject=n.reject.bind(y(n)),n.accept=n.accept.bind(y(n)),n.hide=n.hide.bind(y(n)),n.onCloseClick=n.onCloseClick.bind(y(n)),n.onPanelClick=n.onPanelClick.bind(y(n)),n.onEnter=n.onEnter.bind(y(n)),n.onEntered=n.onEntered.bind(y(n)),n.onExit=n.onExit.bind(y(n)),n.onExited=n.onExited.bind(y(n)),n.overlayRef=e.createRef(),n.acceptBtnRef=e.createRef(),n}return C=P,(g=[{key:"acceptLabel",value:function(){return this.props.acceptLabel||f("accept")}},{key:"rejectLabel",value:function(){return this.props.rejectLabel||f("reject")}},{key:"bindDocumentClickListener",value:function(){var e=this;!this.documentClickListener&&this.props.dismissable&&(this.documentClickListener=function(t){!e.isPanelClicked&&e.isOutsideClicked(t.target)&&e.hide(),e.isPanelClicked=!1},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new r(this.props.target,(function(){e.state.visible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.visible&&!i.isAndroid()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.overlayRef&&this.overlayRef.current&&!(this.overlayRef.current.isSameNode(e)||this.overlayRef.current.contains(e))}},{key:"onCloseClick",value:function(e){this.hide(),e.preventDefault()}},{key:"onPanelClick",value:function(e){this.isPanelClicked=!0,h.emit("overlay-click",{originalEvent:e,target:this.props.target})}},{key:"accept",value:function(){this.props.accept&&this.props.accept(),this.hide("accept")}},{key:"reject",value:function(){this.props.reject&&this.props.reject(),this.hide("reject")}},{key:"show",value:function(){var e=this;this.setState({visible:!0},(function(){e.overlayEventListener=function(t){e.isOutsideClicked(t.target)||(e.isPanelClicked=!0)},h.on("overlay-click",e.overlayEventListener)}))}},{key:"hide",value:function(e){var t=this;this.setState({visible:!1},(function(){h.off("overlay-click",t.overlayEventListener),t.overlayEventListener=null,t.props.onHide&&t.props.onHide(e)}))}},{key:"onEnter",value:function(){o.set("overlay",this.overlayRef.current,p.autoZIndex,p.zIndex.overlay),this.align()}},{key:"onEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.acceptBtnRef&&this.acceptBtnRef.current&&this.acceptBtnRef.current.focus(),this.props.onShow&&this.props.onShow()}},{key:"onExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onExited",value:function(){o.clear(this.overlayRef.current)}},{key:"align",value:function(){if(this.props.target){i.absolutePosition(this.overlayRef.current,this.props.target);var e=i.getOffset(this.overlayRef.current),t=i.getOffset(this.props.target),n=0;e.left<t.left&&(n=t.left-e.left),this.overlayRef.current.style.setProperty("--overlayArrowLeft","".concat(n,"px")),e.top<t.top&&i.addClass(this.overlayRef.current,"p-confirm-popup-flipped")}}},{key:"componentDidMount",value:function(){this.props.visible&&this.setState({visible:!0})}},{key:"componentDidUpdate",value:function(e){e.visible!==this.props.visible&&this.setState({visible:this.props.visible})}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.overlayEventListener&&(h.off("overlay-click",this.overlayEventListener),this.overlayEventListener=null),o.clear(this.overlayRef.current)}},{key:"renderContent",value:function(){var t=s.getJSXElement(this.props.message,this.props);return e.createElement("div",{className:"p-confirm-popup-content"},c.getJSXIcon(this.props.icon,{className:"p-confirm-popup-icon"},{props:this.props}),e.createElement("span",{className:"p-confirm-popup-message"},t))}},{key:"renderFooter",value:function(){var t=l("p-confirm-popup-accept p-button-sm",this.props.acceptClassName),n=l("p-confirm-popup-reject p-button-sm",{"p-button-text":!this.props.rejectClassName},this.props.rejectClassName),i=e.createElement("div",{className:"p-confirm-popup-footer"},e.createElement(a,{label:this.rejectLabel(),icon:this.props.rejectIcon,className:n,onClick:this.reject}),e.createElement(a,{ref:this.acceptBtnRef,label:this.acceptLabel(),icon:this.props.acceptIcon,className:t,onClick:this.accept}));if(this.props.footer){var r={accept:this.accept,reject:this.reject,className:"p-confirm-popup-footer",acceptClassName:t,rejectClassName:n,acceptLabel:this.acceptLabel(),rejectLabel:this.rejectLabel(),element:i,props:this.props};return s.getJSXElement(this.props.footer,r)}return i}},{key:"renderElement",value:function(){var t=l("p-confirm-popup p-component",this.props.className),n=this.renderContent(),i=this.renderFooter();return e.createElement(u,{nodeRef:this.overlayRef,classNames:"p-connected-overlay",in:this.state.visible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},e.createElement("div",{ref:this.overlayRef,id:this.props.id,className:t,style:this.props.style,onClick:this.onPanelClick},n,i))}},{key:"render",value:function(){var t=this.renderElement();return e.createElement(d,{element:t,appendTo:this.props.appendTo,visible:!0})}}])&&m(C.prototype,g),R&&m(C,R),P}();C(P,"defaultProps",{target:null,visible:!1,message:null,rejectLabel:null,acceptLabel:null,icon:null,rejectIcon:null,acceptIcon:null,rejectClassName:null,acceptClassName:null,className:null,style:null,appendTo:null,dismissable:!0,footer:null,onShow:null,onHide:null,accept:null,reject:null,transitionOptions:null});export{P as ConfirmPopup,w as confirmPopup};
+import e,{Component as t}from"react";import n from"react-dom";import{DomHandler as i,ConnectedOverlayScrollHandler as r,ZIndexUtils as o,ObjectUtils as s,IconUtils as c,classNames as l}from"primereact/utils";import{Button as a}from"primereact/button";import{CSSTransition as u}from"primereact/csstransition";import p,{localeOption as f}from"primereact/api";import{OverlayService as h}from"primereact/overlayservice";import{Portal as d}from"primereact/portal";function v(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function m(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function y(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function b(e,t){return b=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},b(e,t)}function k(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&b(e,t)}function E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function L(e,t){if(t&&("object"===E(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return y(e)}function j(e){return j=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},j(e)}function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(t){var r=t.appendTo||document.body,o=document.createDocumentFragment();i.appendChild(o,r),t=R(R({},t),{visible:void 0===t.visible||t.visible});var s=e.createElement(P,t);n.render(s,o);var c=function(i){t=R(R({},t),i),n.render(e.cloneElement(s,t),o)};return{_destroy:function(){n.unmountComponentAtNode(o)},show:function(){c({visible:!0,onHide:function(){c({visible:!1})}})},hide:function(){c({visible:!1})},update:function(e){c(e)}}}var P=function(n){k(P,t);var b,E,C,g,R,w=(b=P,E=O(),function(){var e,t=j(b);if(E){var n=j(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return L(this,e)});function P(t){var n;return v(this,P),(n=w.call(this,t)).state={visible:!1},n.reject=n.reject.bind(y(n)),n.accept=n.accept.bind(y(n)),n.hide=n.hide.bind(y(n)),n.onCloseClick=n.onCloseClick.bind(y(n)),n.onPanelClick=n.onPanelClick.bind(y(n)),n.onEnter=n.onEnter.bind(y(n)),n.onEntered=n.onEntered.bind(y(n)),n.onExit=n.onExit.bind(y(n)),n.onExited=n.onExited.bind(y(n)),n.overlayRef=e.createRef(),n.acceptBtnRef=e.createRef(),n}return C=P,(g=[{key:"acceptLabel",value:function(){return this.props.acceptLabel||f("accept")}},{key:"rejectLabel",value:function(){return this.props.rejectLabel||f("reject")}},{key:"bindDocumentClickListener",value:function(){var e=this;!this.documentClickListener&&this.props.dismissable&&(this.documentClickListener=function(t){!e.isPanelClicked&&e.isOutsideClicked(t.target)&&e.hide(),e.isPanelClicked=!1},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new r(this.props.target,(function(){e.state.visible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.visible&&!i.isTouchDevice()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.overlayRef&&this.overlayRef.current&&!(this.overlayRef.current.isSameNode(e)||this.overlayRef.current.contains(e))}},{key:"onCloseClick",value:function(e){this.hide(),e.preventDefault()}},{key:"onPanelClick",value:function(e){this.isPanelClicked=!0,h.emit("overlay-click",{originalEvent:e,target:this.props.target})}},{key:"accept",value:function(){this.props.accept&&this.props.accept(),this.hide("accept")}},{key:"reject",value:function(){this.props.reject&&this.props.reject(),this.hide("reject")}},{key:"show",value:function(){var e=this;this.setState({visible:!0},(function(){e.overlayEventListener=function(t){e.isOutsideClicked(t.target)||(e.isPanelClicked=!0)},h.on("overlay-click",e.overlayEventListener)}))}},{key:"hide",value:function(e){var t=this;this.setState({visible:!1},(function(){h.off("overlay-click",t.overlayEventListener),t.overlayEventListener=null,t.props.onHide&&t.props.onHide(e)}))}},{key:"onEnter",value:function(){o.set("overlay",this.overlayRef.current,p.autoZIndex,p.zIndex.overlay),this.align()}},{key:"onEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.acceptBtnRef&&this.acceptBtnRef.current&&this.acceptBtnRef.current.focus(),this.props.onShow&&this.props.onShow()}},{key:"onExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onExited",value:function(){o.clear(this.overlayRef.current)}},{key:"align",value:function(){if(this.props.target){i.absolutePosition(this.overlayRef.current,this.props.target);var e=i.getOffset(this.overlayRef.current),t=i.getOffset(this.props.target),n=0;e.left<t.left&&(n=t.left-e.left),this.overlayRef.current.style.setProperty("--overlayArrowLeft","".concat(n,"px")),e.top<t.top&&i.addClass(this.overlayRef.current,"p-confirm-popup-flipped")}}},{key:"componentDidMount",value:function(){this.props.visible&&this.setState({visible:!0})}},{key:"componentDidUpdate",value:function(e){e.visible!==this.props.visible&&this.setState({visible:this.props.visible})}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.overlayEventListener&&(h.off("overlay-click",this.overlayEventListener),this.overlayEventListener=null),o.clear(this.overlayRef.current)}},{key:"renderContent",value:function(){var t=s.getJSXElement(this.props.message,this.props);return e.createElement("div",{className:"p-confirm-popup-content"},c.getJSXIcon(this.props.icon,{className:"p-confirm-popup-icon"},{props:this.props}),e.createElement("span",{className:"p-confirm-popup-message"},t))}},{key:"renderFooter",value:function(){var t=l("p-confirm-popup-accept p-button-sm",this.props.acceptClassName),n=l("p-confirm-popup-reject p-button-sm",{"p-button-text":!this.props.rejectClassName},this.props.rejectClassName),i=e.createElement("div",{className:"p-confirm-popup-footer"},e.createElement(a,{label:this.rejectLabel(),icon:this.props.rejectIcon,className:n,onClick:this.reject}),e.createElement(a,{ref:this.acceptBtnRef,label:this.acceptLabel(),icon:this.props.acceptIcon,className:t,onClick:this.accept}));if(this.props.footer){var r={accept:this.accept,reject:this.reject,className:"p-confirm-popup-footer",acceptClassName:t,rejectClassName:n,acceptLabel:this.acceptLabel(),rejectLabel:this.rejectLabel(),element:i,props:this.props};return s.getJSXElement(this.props.footer,r)}return i}},{key:"renderElement",value:function(){var t=l("p-confirm-popup p-component",this.props.className),n=this.renderContent(),i=this.renderFooter();return e.createElement(u,{nodeRef:this.overlayRef,classNames:"p-connected-overlay",in:this.state.visible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},e.createElement("div",{ref:this.overlayRef,id:this.props.id,className:t,style:this.props.style,onClick:this.onPanelClick},n,i))}},{key:"render",value:function(){var t=this.renderElement();return e.createElement(d,{element:t,appendTo:this.props.appendTo,visible:this.props.visible})}}])&&m(C.prototype,g),R&&m(C,R),P}();C(P,"defaultProps",{target:null,visible:!1,message:null,rejectLabel:null,acceptLabel:null,icon:null,rejectIcon:null,acceptIcon:null,rejectClassName:null,acceptClassName:null,className:null,style:null,appendTo:null,dismissable:!0,footer:null,onShow:null,onHide:null,accept:null,reject:null,transitionOptions:null});export{P as ConfirmPopup,w as confirmPopup};

package/confirmpopup/confirmpopup.js

@@ -248,7 +248,7 @@ this.primereact.confirmpopup = (function (exports, React, ReactDOM, utils, butto
 
         if (!this.resizeListener) {
           this.resizeListener = function () {
-            if (_this4.state.visible && !utils.DomHandler.isAndroid()) {
+            if (_this4.state.visible && !utils.DomHandler.isTouchDevice()) {
               _this4.hide();
             }
           };
@@ -510,7 +510,7 @@ this.primereact.confirmpopup = (function (exports, React, ReactDOM, utils, butto
         return /*#__PURE__*/React__default["default"].createElement(portal.Portal, {
           element: element,
           appendTo: this.props.appendTo,
-          visible: true
+          visible: this.props.visible
         });
       }
     }]);