primereact 8.7.2 → 9.0.0-beta.1

package/colorpicker/colorpicker.js

@@ -29,14 +29,12 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);
@@ -47,42 +45,40 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
   }
 
   function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    var _s, _e;
-
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
       try {
-        if (!_n && _i["return"] != null) _i["return"]();
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+          ;
+        }
+      } catch (err) {
+        _d = !0, _e = err;
       } finally {
-        if (_d) throw _e;
+        try {
+          if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
       }
+      return _arr;
     }
-
-    return _arr;
   }
 
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-
     for (var i = 0, arr2 = new Array(len); i < len; i++) {
       arr2[i] = arr[i];
     }
-
     return arr2;
   }
 
@@ -105,9 +101,11 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
 
   var ColorPickerPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var createElement = function createElement() {
-      var className = utils.classNames('p-colorpicker-panel', {
+      var className = utils.classNames('p-colorpicker-panel', props.panelClassName, {
         'p-colorpicker-overlay-panel': !props.inline,
-        'p-disabled': props.disabled
+        'p-disabled': props.disabled,
+        'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
+        'p-ripple-disabled': PrimeReact__default["default"].ripple === false
       });
       return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
         nodeRef: ref,
@@ -126,10 +124,10 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
       }, /*#__PURE__*/React__namespace.createElement("div", {
         ref: ref,
         className: className,
+        style: props.panelStyle,
         onClick: props.onClick
       }, props.children));
     };
-
     var element = createElement();
     return props.inline ? element : /*#__PURE__*/React__namespace.createElement(portal.Portal, {
       element: element,
@@ -140,10 +138,9 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
 
   var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(false),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        overlayVisibleState = _React$useState2[0],
-        setOverlayVisibleState = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      overlayVisibleState = _React$useState2[0],
+      setOverlayVisibleState = _React$useState2[1];
     var elementRef = React__namespace.useRef(null);
     var overlayRef = React__namespace.useRef(null);
     var inputRef = React__namespace.useRef(props.inputRef);
@@ -154,44 +151,40 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
     var hueDragging = React__namespace.useRef(false);
     var hsbValue = React__namespace.useRef(null);
     var colorDragging = React__namespace.useRef(false);
-
     var _useOverlayListener = hooks.useOverlayListener({
-      target: elementRef,
-      overlay: overlayRef,
-      listener: function listener(event, _ref) {
-        var valid = _ref.valid;
-        valid && hide();
-      },
-      when: overlayVisibleState
-    }),
-        _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
-        bindOverlayListener = _useOverlayListener2[0],
-        unbindOverlayListener = _useOverlayListener2[1];
-
+        target: elementRef,
+        overlay: overlayRef,
+        listener: function listener(event, _ref) {
+          var valid = _ref.valid;
+          valid && hide();
+        },
+        when: overlayVisibleState
+      }),
+      _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
+      bindOverlayListener = _useOverlayListener2[0],
+      unbindOverlayListener = _useOverlayListener2[1];
     var _useEventListener = hooks.useEventListener({
-      type: 'mousemove',
-      listener: function listener(event) {
-        colorDragging.current && pickColor(event);
-        hueDragging.current && pickHue(event);
-      }
-    }),
-        _useEventListener2 = _slicedToArray(_useEventListener, 2),
-        bindDocumentMouseMoveListener = _useEventListener2[0],
-        unbindDocumentMouseMoveListener = _useEventListener2[1];
-
+        type: 'mousemove',
+        listener: function listener(event) {
+          colorDragging.current && pickColor(event);
+          hueDragging.current && pickHue(event);
+        }
+      }),
+      _useEventListener2 = _slicedToArray(_useEventListener, 2),
+      bindDocumentMouseMoveListener = _useEventListener2[0],
+      unbindDocumentMouseMoveListener = _useEventListener2[1];
     var _useEventListener3 = hooks.useEventListener({
-      type: 'mouseup',
-      listener: function listener() {
-        colorDragging.current = hueDragging.current = false;
-        utils.DomHandler.removeClass(elementRef.current, 'p-colorpicker-dragging');
-        unbindDocumentMouseMoveListener();
-        unbindDocumentMouseUpListener();
-      }
-    }),
-        _useEventListener4 = _slicedToArray(_useEventListener3, 2),
-        bindDocumentMouseUpListener = _useEventListener4[0],
-        unbindDocumentMouseUpListener = _useEventListener4[1];
-
+        type: 'mouseup',
+        listener: function listener() {
+          colorDragging.current = hueDragging.current = false;
+          utils.DomHandler.removeClass(elementRef.current, 'p-colorpicker-dragging');
+          unbindDocumentMouseMoveListener();
+          unbindDocumentMouseUpListener();
+        }
+      }),
+      _useEventListener4 = _slicedToArray(_useEventListener3, 2),
+      bindDocumentMouseUpListener = _useEventListener4[0],
+      unbindDocumentMouseUpListener = _useEventListener4[1];
     var onPanelClick = function onPanelClick(event) {
       if (!props.inline) {
         overlayservice.OverlayService.emit('overlay-click', {
@@ -200,26 +193,21 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
         });
       }
     };
-
     var onHueMousedown = function onHueMousedown(event) {
       if (props.disabled) {
         return;
       }
-
       bindDragListeners();
       onHueDragStart(event);
     };
-
     var onHueDragStart = function onHueDragStart(event) {
       if (props.disabled) {
         return;
       }
-
       hueDragging.current = true;
       pickHue(event);
       utils.DomHandler.addClass(elementRef.current, 'p-colorpicker-dragging');
     };
-
     var pickHue = function pickHue(event) {
       var top = hueViewRef.current.getBoundingClientRect().top + (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0);
       hsbValue.current = validateHSB({
@@ -231,56 +219,46 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
       updateHue();
       updateModel();
     };
-
     var onColorMousedown = function onColorMousedown(event) {
       if (props.disabled) {
         return;
       }
-
       bindDragListeners();
       onColorDragStart(event);
     };
-
     var onColorDragStart = function onColorDragStart(event) {
       if (props.disabled) {
         return;
       }
-
       colorDragging.current = true;
       pickColor(event);
       utils.DomHandler.addClass(elementRef.current, 'p-colorpicker-dragging');
       event.preventDefault();
     };
-
     var onDrag = function onDrag(event) {
       if (colorDragging.current) {
         pickColor(event);
         event.preventDefault();
       }
-
       if (hueDragging.current) {
         pickHue(event);
         event.preventDefault();
       }
     };
-
     var onDragEnd = function onDragEnd() {
       colorDragging.current = false;
       hueDragging.current = false;
       utils.DomHandler.removeClass(elementRef.current, 'p-colorpicker-dragging');
       unbindDragListeners();
     };
-
     var bindDragListeners = function bindDragListeners() {
       bindDocumentMouseMoveListener();
       bindDocumentMouseUpListener();
     };
-
     var unbindDragListeners = function unbindDragListeners() {
       unbindDocumentMouseMoveListener();
       unbindDocumentMouseUpListener();
     };
-
     var pickColor = function pickColor(event) {
       var rect = colorSelectorRef.current.getBoundingClientRect();
       var top = rect.top + (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0);
@@ -296,36 +274,29 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
       updateInput();
       updateModel();
     };
-
     var updateModel = function updateModel() {
       switch (props.format) {
         case 'hex':
           onChange(HSBtoHEX(hsbValue.current));
           break;
-
         case 'rgb':
           onChange(HSBtoRGB(hsbValue.current));
           break;
-
         case 'hsb':
           onChange(hsbValue.current);
           break;
       }
     };
-
     var toHSB = function toHSB(value) {
       var hsb;
-
       if (value) {
         switch (props.format) {
           case 'hex':
             hsb = HEXtoHSB(value);
             break;
-
           case 'rgb':
             hsb = RGBtoHSB(value);
             break;
-
           case 'hsb':
             hsb = value;
             break;
@@ -333,14 +304,11 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
       } else {
         hsb = HEXtoHSB(props.defaultColor);
       }
-
       return hsb;
     };
-
     var updateHSBValue = function updateHSBValue(value) {
       hsbValue.current = toHSB(value);
     };
-
     var onChange = function onChange(value) {
       if (props.onChange) {
         props.onChange({
@@ -355,7 +323,6 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
         });
       }
     };
-
     var updateColorSelector = function updateColorSelector() {
       if (colorSelectorRef.current) {
         var newHsbValue = validateHSB({
@@ -366,61 +333,49 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
         colorSelectorRef.current.style.backgroundColor = '#' + HSBtoHEX(newHsbValue);
       }
     };
-
     var updateColorHandle = function updateColorHandle() {
       if (colorHandleRef.current) {
         colorHandleRef.current.style.left = Math.floor(150 * hsbValue.current.s / 100) + 'px';
         colorHandleRef.current.style.top = Math.floor(150 * (100 - hsbValue.current.b) / 100) + 'px';
       }
     };
-
     var updateHue = function updateHue() {
       if (hueHandleRef.current) {
         hueHandleRef.current.style.top = Math.floor(150 - 150 * hsbValue.current.h / 360) + 'px';
       }
     };
-
     var updateInput = function updateInput() {
       if (inputRef.current) {
         inputRef.current.style.backgroundColor = '#' + HSBtoHEX(hsbValue.current);
       }
     };
-
     var show = function show() {
       setOverlayVisibleState(true);
     };
-
     var hide = function hide() {
       setOverlayVisibleState(false);
     };
-
     var onOverlayEnter = function onOverlayEnter() {
       utils.ZIndexUtils.set('overlay', overlayRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
       alignOverlay();
     };
-
     var onOverlayEntered = function onOverlayEntered() {
       bindOverlayListener();
       props.onShow && props.onShow();
     };
-
     var onOverlayExit = function onOverlayExit() {
       unbindOverlayListener();
     };
-
     var onOverlayExited = function onOverlayExited() {
       utils.ZIndexUtils.clear(overlayRef.current);
       props.onHide && props.onHide();
     };
-
     var onInputClick = function onInputClick() {
       togglePanel();
     };
-
     var togglePanel = function togglePanel() {
       overlayVisibleState ? hide() : show();
     };
-
     var onInputKeydown = function onInputKeydown(event) {
       switch (event.which) {
         //space
@@ -428,15 +383,14 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
           togglePanel();
           event.preventDefault();
           break;
-        //escape and tab
 
+        //escape and tab
         case 27:
         case 9:
           hide();
           break;
       }
     };
-
     var validateHSB = function validateHSB(hsb) {
       return {
         h: Math.min(360, Math.max(0, hsb.h)),
@@ -444,7 +398,6 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
         b: Math.min(100, Math.max(0, hsb.b))
       };
     };
-
     var HEXtoRGB = function HEXtoRGB(hex) {
       var hexValue = parseInt(hex.indexOf('#') > -1 ? hex.substring(1) : hex, 16);
       return {
@@ -453,11 +406,9 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
         b: hexValue & 0x0000ff
       };
     };
-
     var HEXtoHSB = function HEXtoHSB(hex) {
       return RGBtoHSB(HEXtoRGB(hex));
     };
-
     var RGBtoHSB = function RGBtoHSB(rgb) {
       var hsb = {
         h: 0,
@@ -469,7 +420,6 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
       var delta = max - min;
       hsb.b = max;
       hsb.s = max !== 0 ? 255 * delta / max : 0;
-
       if (hsb.s !== 0) {
         if (rgb.r === max) {
           hsb.h = (rgb.g - rgb.b) / delta;
@@ -481,18 +431,14 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
       } else {
         hsb.h = -1;
       }
-
       hsb.h *= 60;
-
       if (hsb.h < 0) {
         hsb.h += 360;
       }
-
       hsb.s *= 100 / 255;
       hsb.b *= 100 / 255;
       return hsb;
     };
-
     var HSBtoRGB = function HSBtoRGB(hsb) {
       var rgb = {
         r: null,
@@ -502,7 +448,6 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
       var h = Math.round(hsb.h);
       var s = Math.round(hsb.s * 255 / 100);
       var v = Math.round(hsb.b * 255 / 100);
-
       if (s === 0) {
         rgb = {
           r: v,
@@ -514,7 +459,6 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
         var t2 = (255 - s) * v / 255;
         var t3 = (t1 - t2) * (h % 60) / 60;
         if (h === 360) h = 0;
-
         if (h < 60) {
           rgb.r = t1;
           rgb.b = t2;
@@ -545,48 +489,43 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
           rgb.b = 0;
         }
       }
-
       return {
         r: Math.round(rgb.r),
         g: Math.round(rgb.g),
         b: Math.round(rgb.b)
       };
     };
-
     var RGBtoHEX = function RGBtoHEX(rgb) {
       var hex = [rgb.r.toString(16), rgb.g.toString(16), rgb.b.toString(16)];
-
       for (var key in hex) {
         if (hex[key].length === 1) {
           hex[key] = '0' + hex[key];
         }
       }
-
       return hex.join('');
     };
-
     var HSBtoHEX = function HSBtoHEX(hsb) {
       return RGBtoHEX(HSBtoRGB(hsb));
     };
-
     var updateUI = function updateUI() {
       updateHue();
       updateColorHandle();
       updateInput();
       updateColorSelector();
     };
-
     var alignOverlay = function alignOverlay() {
       if (inputRef.current) {
         utils.DomHandler.alignOverlay(overlayRef.current, inputRef.current.parentElement, props.appendTo || PrimeReact__default["default"].appendTo);
       }
     };
-
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
         show: show,
         hide: hide,
+        focus: function focus() {
+          return utils.DomHandler.focus(inputRef.current);
+        },
         getElement: function getElement() {
           return elementRef.current;
         },
@@ -616,7 +555,6 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
     hooks.useUnmountEffect(function () {
       utils.ZIndexUtils.clear(overlayRef.current);
     });
-
     var createColorSelector = function createColorSelector() {
       return /*#__PURE__*/React__namespace.createElement("div", {
         ref: colorSelectorRef,
@@ -632,7 +570,6 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
         className: "p-colorpicker-color-handle"
       })));
     };
-
     var createHue = function createHue() {
       return /*#__PURE__*/React__namespace.createElement("div", {
         ref: hueViewRef,
@@ -646,7 +583,6 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
         className: "p-colorpicker-hue-handle"
       }));
     };
-
     var createContent = function createContent() {
       var colorSelector = createColorSelector();
       var hue = createHue();
@@ -654,7 +590,6 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
         className: "p-colorpicker-content"
       }, colorSelector, hue);
     };
-
     var createInput = function createInput() {
       if (!props.inline) {
         var inputClassName = utils.classNames('p-colorpicker-preview p-inputtext', {
@@ -673,10 +608,8 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
           onKeyDown: onInputKeydown
         }, inputProps));
       }
-
       return null;
     };
-
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = utils.ObjectUtils.findDiffKeys(props, ColorPicker.defaultProps);
     var className = utils.classNames('p-colorpicker p-component', {
@@ -694,6 +627,8 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
       appendTo: props.appendTo,
       inline: props.inline,
       disabled: props.disabled,
+      panelStyle: props.panelStyle,
+      panelClassName: props.panelClassName,
       onClick: onPanelClick,
       "in": props.inline || overlayVisibleState,
       onEnter: onOverlayEnter,
@@ -709,24 +644,26 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
   ColorPicker.displayName = 'ColorPicker';
   ColorPicker.defaultProps = {
     __TYPE: 'ColorPicker',
-    id: null,
-    inputRef: null,
-    value: null,
-    style: null,
+    appendTo: null,
     className: null,
     defaultColor: 'ff0000',
-    inline: false,
-    format: 'hex',
-    appendTo: null,
     disabled: false,
-    tabIndex: null,
+    format: 'hex',
+    id: null,
+    inline: false,
     inputId: null,
+    inputRef: null,
+    onChange: null,
+    onHide: null,
+    onShow: null,
+    panelClassName: null,
+    panelStyle: null,
+    style: null,
+    tabIndex: null,
     tooltip: null,
     tooltipOptions: null,
     transitionOptions: null,
-    onChange: null,
-    onShow: null,
-    onHide: null
+    value: null
   };
 
   exports.ColorPicker = ColorPicker;

package/colorpicker/colorpicker.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.colorpicker=function(e,n,t,r,o,a,i,c,l){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var f=s(n),d=u(t);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},p.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,a=[],i=!0,c=!1;try{for(t=t.call(e);!(i=(r=t.next()).done)&&(a.push(r.value),!n||a.length!==n);i=!0);}catch(e){c=!0,o=e}finally{try{i||null==t.return||t.return()}finally{if(c)throw o}}return a}}function b(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function g(e,n){if(e){if("string"==typeof e)return b(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?b(e,n):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,n){return m(e)||h(e,n)||g(e,n)||v()}var E=f.forwardRef((function(e,n){var t,r=(t=i.classNames("p-colorpicker-panel",{"p-colorpicker-overlay-panel":!e.inline,"p-disabled":e.disabled}),f.createElement(c.CSSTransition,{nodeRef:n,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},f.createElement("div",{ref:n,className:t,onClick:e.onClick},e.children)));return e.inline?r:f.createElement(l.Portal,{element:r,appendTo:e.appendTo})}));E.displayName="ColorPickerPanel";var k=f.memo(f.forwardRef((function(e,n){var t=y(f.useState(!1),2),c=t[0],l=t[1],u=f.useRef(null),s=f.useRef(null),m=f.useRef(e.inputRef),h=f.useRef(null),b=f.useRef(null),g=f.useRef(null),v=f.useRef(null),M=f.useRef(!1),x=f.useRef(null),O=f.useRef(!1),w=y(r.useOverlayListener({target:u,overlay:s,listener:function(e,n){n.valid&&W()},when:c}),2),T=w[0],C=w[1],R=y(r.useEventListener({type:"mousemove",listener:function(e){O.current&&z(e),M.current&&H(e)}}),2),j=R[0],N=R[1],S=y(r.useEventListener({type:"mouseup",listener:function(){O.current=M.current=!1,i.DomHandler.removeClass(u.current,"p-colorpicker-dragging"),N(),I()}}),2),D=S[0],I=S[1],P=function(n){e.disabled||(Z(),U(n))},U=function(n){e.disabled||(M.current=!0,H(n),i.DomHandler.addClass(u.current,"p-colorpicker-dragging"))},H=function(e){var n=v.current.getBoundingClientRect().top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0);x.current=re({h:Math.floor(360*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-n)))/150),s:100,b:100}),q(),J(),B()},Y=function(n){e.disabled||(Z(),A(n))},A=function(n){e.disabled||(O.current=!0,z(n),i.DomHandler.addClass(u.current,"p-colorpicker-dragging"),n.preventDefault())},_=function(e){O.current&&(z(e),e.preventDefault()),M.current&&(H(e),e.preventDefault())},L=function(){O.current=!1,M.current=!1,i.DomHandler.removeClass(u.current,"p-colorpicker-dragging"),K()},Z=function(){j(),D()},K=function(){N(),I()},z=function(e){var n=h.current.getBoundingClientRect(),t=n.top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0),r=n.left+document.body.scrollLeft,o=Math.floor(100*Math.max(0,Math.min(150,(e.pageX||e.changedTouches[0].pageX)-r))/150),a=Math.floor(100*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-t)))/150);x.current=re({h:x.current.h,s:o,b:a}),G(),Q(),B()},B=function(){switch(e.format){case"hex":$(ue(x.current));break;case"rgb":$(ce(x.current));break;case"hsb":$(x.current)}},X=function(n){var t;if(n)switch(e.format){case"hex":t=ae(n);break;case"rgb":t=ie(n);break;case"hsb":t=n}else t=ae(e.defaultColor);return t},F=function(e){x.current=X(e)},$=function(n){e.onChange&&e.onChange({value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})},q=function(){if(h.current){var e=re({h:x.current.h,s:100,b:100});h.current.style.backgroundColor="#"+ue(e)}},G=function(){b.current&&(b.current.style.left=Math.floor(150*x.current.s/100)+"px",b.current.style.top=Math.floor(150*(100-x.current.b)/100)+"px")},J=function(){g.current&&(g.current.style.top=Math.floor(150-150*x.current.h/360)+"px")},Q=function(){m.current&&(m.current.style.backgroundColor="#"+ue(x.current))},V=function(){l(!0)},W=function(){l(!1)},ee=function(){ne()},ne=function(){c?W():V()},te=function(e){switch(e.which){case 32:ne(),e.preventDefault();break;case 27:case 9:W()}},re=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))}},oe=function(e){var n=parseInt(e.indexOf("#")>-1?e.substring(1):e,16);return{r:n>>16,g:(65280&n)>>8,b:255&n}},ae=function(e){return ie(oe(e))},ie=function(e){var n={h:0,s:0,b:0},t=Math.min(e.r,e.g,e.b),r=Math.max(e.r,e.g,e.b),o=r-t;return n.b=r,n.s=0!==r?255*o/r:0,n.h=0!==n.s?e.r===r?(e.g-e.b)/o:e.g===r?2+(e.b-e.r)/o:4+(e.r-e.g)/o:-1,n.h*=60,n.h<0&&(n.h+=360),n.s*=100/255,n.b*=100/255,n},ce=function(e){var n={r:null,g:null,b:null},t=Math.round(e.h),r=Math.round(255*e.s/100),o=Math.round(255*e.b/100);if(0===r)n={r:o,g:o,b:o};else{var a=o,i=(255-r)*o/255,c=t%60*(a-i)/60;360===t&&(t=0),t<60?(n.r=a,n.b=i,n.g=i+c):t<120?(n.g=a,n.b=i,n.r=a-c):t<180?(n.g=a,n.r=i,n.b=i+c):t<240?(n.b=a,n.r=i,n.g=a-c):t<300?(n.b=a,n.g=i,n.r=i+c):t<360?(n.r=a,n.g=i,n.b=a-c):(n.r=0,n.g=0,n.b=0)}return{r:Math.round(n.r),g:Math.round(n.g),b:Math.round(n.b)}},le=function(e){var n=[e.r.toString(16),e.g.toString(16),e.b.toString(16)];for(var t in n)1===n[t].length&&(n[t]="0"+n[t]);return n.join("")},ue=function(e){return le(ce(e))},se=function(){J(),G(),Q(),q()},fe=function(){m.current&&i.DomHandler.alignOverlay(s.current,m.current.parentElement,e.appendTo||d.default.appendTo)};f.useImperativeHandle(n,(function(){return{props:e,show:V,hide:W,getElement:function(){return u.current},getOverlay:function(){return s.current},getInput:function(){return m.current}}})),f.useEffect((function(){i.ObjectUtils.combinedRefs(m,e.inputRef)}),[m,e.inputRef]),r.useMountEffect((function(){F(e.value),se()})),r.useUpdateEffect((function(){O.current||M.current||F(e.value)}),[e.value]),r.useUpdateEffect((function(){se()})),r.useUnmountEffect((function(){i.ZIndexUtils.clear(s.current)}));var de=i.ObjectUtils.isNotEmpty(e.tooltip),pe=i.ObjectUtils.findDiffKeys(e,k.defaultProps),me=i.classNames("p-colorpicker p-component",{"p-colorpicker-overlay":!e.inline},e.className),he=f.createElement("div",{className:"p-colorpicker-content"},f.createElement("div",{ref:h,className:"p-colorpicker-color-selector",onMouseDown:Y,onTouchStart:A,onTouchMove:_,onTouchEnd:L},f.createElement("div",{className:"p-colorpicker-color"},f.createElement("div",{ref:b,className:"p-colorpicker-color-handle"}))),f.createElement("div",{ref:v,className:"p-colorpicker-hue",onMouseDown:P,onTouchStart:U,onTouchMove:_,onTouchEnd:L},f.createElement("div",{ref:g,className:"p-colorpicker-hue-handle"}))),be=function(){if(!e.inline){var n=i.classNames("p-colorpicker-preview p-inputtext",{"p-disabled":e.disabled}),t=i.ObjectUtils.findDiffKeys(e,k.defaultProps);return f.createElement("input",p({ref:m,type:"text",className:n,readOnly:!0,id:e.inputId,tabIndex:e.tabIndex,disabled:e.disabled,onClick:ee,onKeyDown:te},t))}return null}();return f.createElement(f.Fragment,null,f.createElement("div",p({ref:u,id:e.id,style:e.style,className:me},pe),be,f.createElement(E,{ref:s,appendTo:e.appendTo,inline:e.inline,disabled:e.disabled,onClick:function(n){e.inline||o.OverlayService.emit("overlay-click",{originalEvent:n,target:u.current})},in:e.inline||c,onEnter:function(){i.ZIndexUtils.set("overlay",s.current,d.default.autoZIndex,d.default.zIndex.overlay),fe()},onEntered:function(){T(),e.onShow&&e.onShow()},onExit:function(){C()},onExited:function(){i.ZIndexUtils.clear(s.current),e.onHide&&e.onHide()},transitionOptions:e.transitionOptions},he)),de&&f.createElement(a.Tooltip,p({target:u,content:e.tooltip},e.tooltipOptions)))})));return k.displayName="ColorPicker",k.defaultProps={__TYPE:"ColorPicker",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=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal);
+this.primereact=this.primereact||{},this.primereact.colorpicker=function(e,n,t,r,o,l,a,i,c){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var f=s(n),p=u(t);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},d.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l,a,i=[],c=!0,u=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=l.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function b(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function g(e,n){if(e){if("string"==typeof e)return b(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?b(e,n):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,n){return m(e)||h(e,n)||g(e,n)||v()}var E=f.forwardRef((function(e,n){var t,r=(t=a.classNames("p-colorpicker-panel",e.panelClassName,{"p-colorpicker-overlay-panel":!e.inline,"p-disabled":e.disabled,"p-input-filled":"filled"===p.default.inputStyle,"p-ripple-disabled":!1===p.default.ripple}),f.createElement(i.CSSTransition,{nodeRef:n,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},f.createElement("div",{ref:n,className:t,style:e.panelStyle,onClick:e.onClick},e.children)));return e.inline?r:f.createElement(c.Portal,{element:r,appendTo:e.appendTo})}));E.displayName="ColorPickerPanel";var k=f.memo(f.forwardRef((function(e,n){var t=y(f.useState(!1),2),i=t[0],c=t[1],u=f.useRef(null),s=f.useRef(null),m=f.useRef(e.inputRef),h=f.useRef(null),b=f.useRef(null),g=f.useRef(null),v=f.useRef(null),M=f.useRef(!1),O=f.useRef(null),x=f.useRef(!1),C=y(r.useOverlayListener({target:u,overlay:s,listener:function(e,n){n.valid&&W()},when:i}),2),w=C[0],T=C[1],N=y(r.useEventListener({type:"mousemove",listener:function(e){x.current&&z(e),M.current&&H(e)}}),2),S=N[0],R=N[1],j=y(r.useEventListener({type:"mouseup",listener:function(){x.current=M.current=!1,a.DomHandler.removeClass(u.current,"p-colorpicker-dragging"),R(),I()}}),2),D=j[0],I=j[1],P=function(n){e.disabled||(Z(),U(n))},U=function(n){e.disabled||(M.current=!0,H(n),a.DomHandler.addClass(u.current,"p-colorpicker-dragging"))},H=function(e){var n=v.current.getBoundingClientRect().top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0);O.current=re({h:Math.floor(360*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-n)))/150),s:100,b:100}),q(),J(),B()},Y=function(n){e.disabled||(Z(),A(n))},A=function(n){e.disabled||(x.current=!0,z(n),a.DomHandler.addClass(u.current,"p-colorpicker-dragging"),n.preventDefault())},_=function(e){x.current&&(z(e),e.preventDefault()),M.current&&(H(e),e.preventDefault())},L=function(){x.current=!1,M.current=!1,a.DomHandler.removeClass(u.current,"p-colorpicker-dragging"),K()},Z=function(){S(),D()},K=function(){R(),I()},z=function(e){var n=h.current.getBoundingClientRect(),t=n.top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0),r=n.left+document.body.scrollLeft,o=Math.floor(100*Math.max(0,Math.min(150,(e.pageX||e.changedTouches[0].pageX)-r))/150),l=Math.floor(100*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-t)))/150);O.current=re({h:O.current.h,s:o,b:l}),G(),Q(),B()},B=function(){switch(e.format){case"hex":$(ue(O.current));break;case"rgb":$(ie(O.current));break;case"hsb":$(O.current)}},X=function(n){var t;if(n)switch(e.format){case"hex":t=le(n);break;case"rgb":t=ae(n);break;case"hsb":t=n}else t=le(e.defaultColor);return t},F=function(e){O.current=X(e)},$=function(n){e.onChange&&e.onChange({value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})},q=function(){if(h.current){var e=re({h:O.current.h,s:100,b:100});h.current.style.backgroundColor="#"+ue(e)}},G=function(){b.current&&(b.current.style.left=Math.floor(150*O.current.s/100)+"px",b.current.style.top=Math.floor(150*(100-O.current.b)/100)+"px")},J=function(){g.current&&(g.current.style.top=Math.floor(150-150*O.current.h/360)+"px")},Q=function(){m.current&&(m.current.style.backgroundColor="#"+ue(O.current))},V=function(){c(!0)},W=function(){c(!1)},ee=function(){ne()},ne=function(){i?W():V()},te=function(e){switch(e.which){case 32:ne(),e.preventDefault();break;case 27:case 9:W()}},re=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))}},oe=function(e){var n=parseInt(e.indexOf("#")>-1?e.substring(1):e,16);return{r:n>>16,g:(65280&n)>>8,b:255&n}},le=function(e){return ae(oe(e))},ae=function(e){var n={h:0,s:0,b:0},t=Math.min(e.r,e.g,e.b),r=Math.max(e.r,e.g,e.b),o=r-t;return n.b=r,n.s=0!==r?255*o/r:0,n.h=0!==n.s?e.r===r?(e.g-e.b)/o:e.g===r?2+(e.b-e.r)/o:4+(e.r-e.g)/o:-1,n.h*=60,n.h<0&&(n.h+=360),n.s*=100/255,n.b*=100/255,n},ie=function(e){var n={r:null,g:null,b:null},t=Math.round(e.h),r=Math.round(255*e.s/100),o=Math.round(255*e.b/100);if(0===r)n={r:o,g:o,b:o};else{var l=o,a=(255-r)*o/255,i=t%60*(l-a)/60;360===t&&(t=0),t<60?(n.r=l,n.b=a,n.g=a+i):t<120?(n.g=l,n.b=a,n.r=l-i):t<180?(n.g=l,n.r=a,n.b=a+i):t<240?(n.b=l,n.r=a,n.g=l-i):t<300?(n.b=l,n.g=a,n.r=a+i):t<360?(n.r=l,n.g=a,n.b=l-i):(n.r=0,n.g=0,n.b=0)}return{r:Math.round(n.r),g:Math.round(n.g),b:Math.round(n.b)}},ce=function(e){var n=[e.r.toString(16),e.g.toString(16),e.b.toString(16)];for(var t in n)1===n[t].length&&(n[t]="0"+n[t]);return n.join("")},ue=function(e){return ce(ie(e))},se=function(){J(),G(),Q(),q()},fe=function(){m.current&&a.DomHandler.alignOverlay(s.current,m.current.parentElement,e.appendTo||p.default.appendTo)};f.useImperativeHandle(n,(function(){return{props:e,show:V,hide:W,focus:function(){return a.DomHandler.focus(m.current)},getElement:function(){return u.current},getOverlay:function(){return s.current},getInput:function(){return m.current}}})),f.useEffect((function(){a.ObjectUtils.combinedRefs(m,e.inputRef)}),[m,e.inputRef]),r.useMountEffect((function(){F(e.value),se()})),r.useUpdateEffect((function(){x.current||M.current||F(e.value)}),[e.value]),r.useUpdateEffect((function(){se()})),r.useUnmountEffect((function(){a.ZIndexUtils.clear(s.current)}));var pe=a.ObjectUtils.isNotEmpty(e.tooltip),de=a.ObjectUtils.findDiffKeys(e,k.defaultProps),me=a.classNames("p-colorpicker p-component",{"p-colorpicker-overlay":!e.inline},e.className),he=f.createElement("div",{className:"p-colorpicker-content"},f.createElement("div",{ref:h,className:"p-colorpicker-color-selector",onMouseDown:Y,onTouchStart:A,onTouchMove:_,onTouchEnd:L},f.createElement("div",{className:"p-colorpicker-color"},f.createElement("div",{ref:b,className:"p-colorpicker-color-handle"}))),f.createElement("div",{ref:v,className:"p-colorpicker-hue",onMouseDown:P,onTouchStart:U,onTouchMove:_,onTouchEnd:L},f.createElement("div",{ref:g,className:"p-colorpicker-hue-handle"}))),be=function(){if(!e.inline){var n=a.classNames("p-colorpicker-preview p-inputtext",{"p-disabled":e.disabled}),t=a.ObjectUtils.findDiffKeys(e,k.defaultProps);return f.createElement("input",d({ref:m,type:"text",className:n,readOnly:!0,id:e.inputId,tabIndex:e.tabIndex,disabled:e.disabled,onClick:ee,onKeyDown:te},t))}return null}();return f.createElement(f.Fragment,null,f.createElement("div",d({ref:u,id:e.id,style:e.style,className:me},de),be,f.createElement(E,{ref:s,appendTo:e.appendTo,inline:e.inline,disabled:e.disabled,panelStyle:e.panelStyle,panelClassName:e.panelClassName,onClick:function(n){e.inline||o.OverlayService.emit("overlay-click",{originalEvent:n,target:u.current})},in:e.inline||i,onEnter:function(){a.ZIndexUtils.set("overlay",s.current,p.default.autoZIndex,p.default.zIndex.overlay),fe()},onEntered:function(){w(),e.onShow&&e.onShow()},onExit:function(){T()},onExited:function(){a.ZIndexUtils.clear(s.current),e.onHide&&e.onHide()},transitionOptions:e.transitionOptions},he)),pe&&f.createElement(l.Tooltip,d({target:u,content:e.tooltip},e.tooltipOptions)))})));return k.displayName="ColorPicker",k.defaultProps={__TYPE:"ColorPicker",appendTo:null,className:null,defaultColor:"ff0000",disabled:!1,format:"hex",id:null,inline:!1,inputId:null,inputRef:null,onChange:null,onHide:null,onShow:null,panelClassName:null,panelStyle:null,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null},e.ColorPicker=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal);