primereact 8.7.2 → 9.0.0-beta.1

package/colorpicker/colorpicker.cjs.js

@@ -38,14 +38,12 @@ function _extends() {
   _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);
@@ -56,42 +54,40 @@ function _arrayWithHoles(arr) {
 }
 
 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;
 }
 
@@ -114,9 +110,11 @@ function _slicedToArray(arr, i) {
 
 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,
@@ -135,10 +133,10 @@ var ColorPickerPanel = /*#__PURE__*/React__namespace.forwardRef(function (props,
     }, /*#__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,
@@ -149,10 +147,9 @@ ColorPickerPanel.displayName = 'ColorPickerPanel';
 
 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);
@@ -163,44 +160,40 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   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', {
@@ -209,26 +202,21 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       });
     }
   };
-
   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({
@@ -240,56 +228,46 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     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);
@@ -305,36 +283,29 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     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;
@@ -342,14 +313,11 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     } 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({
@@ -364,7 +332,6 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       });
     }
   };
-
   var updateColorSelector = function updateColorSelector() {
     if (colorSelectorRef.current) {
       var newHsbValue = validateHSB({
@@ -375,61 +342,49 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       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
@@ -437,15 +392,14 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
         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)),
@@ -453,7 +407,6 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       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 {
@@ -462,11 +415,9 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       b: hexValue & 0x0000ff
     };
   };
-
   var HEXtoHSB = function HEXtoHSB(hex) {
     return RGBtoHSB(HEXtoRGB(hex));
   };
-
   var RGBtoHSB = function RGBtoHSB(rgb) {
     var hsb = {
       h: 0,
@@ -478,7 +429,6 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     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;
@@ -490,18 +440,14 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     } 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,
@@ -511,7 +457,6 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     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,
@@ -523,7 +468,6 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       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;
@@ -554,48 +498,43 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
         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;
       },
@@ -625,7 +564,6 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   hooks.useUnmountEffect(function () {
     utils.ZIndexUtils.clear(overlayRef.current);
   });
-
   var createColorSelector = function createColorSelector() {
     return /*#__PURE__*/React__namespace.createElement("div", {
       ref: colorSelectorRef,
@@ -641,7 +579,6 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       className: "p-colorpicker-color-handle"
     })));
   };
-
   var createHue = function createHue() {
     return /*#__PURE__*/React__namespace.createElement("div", {
       ref: hueViewRef,
@@ -655,7 +592,6 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       className: "p-colorpicker-hue-handle"
     }));
   };
-
   var createContent = function createContent() {
     var colorSelector = createColorSelector();
     var hue = createHue();
@@ -663,7 +599,6 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       className: "p-colorpicker-content"
     }, colorSelector, hue);
   };
-
   var createInput = function createInput() {
     if (!props.inline) {
       var inputClassName = utils.classNames('p-colorpicker-preview p-inputtext', {
@@ -682,10 +617,8 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
         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', {
@@ -703,6 +636,8 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     appendTo: props.appendTo,
     inline: props.inline,
     disabled: props.disabled,
+    panelStyle: props.panelStyle,
+    panelClassName: props.panelClassName,
     onClick: onPanelClick,
     "in": props.inline || overlayVisibleState,
     onEnter: onOverlayEnter,
@@ -718,24 +653,26 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
 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.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/hooks"),r=require("primereact/overlayservice"),o=require("primereact/tooltip"),i=require("primereact/utils"),a=require("primereact/csstransition"),u=require("primereact/portal");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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 s=c(e),f=l(n);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 p(e){if(Array.isArray(e))return e}function m(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i=[],a=!0,u=!1;try{for(t=t.call(e);!(a=(r=t.next()).done)&&(i.push(r.value),!n||i.length!==n);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==t.return||t.return()}finally{if(u)throw o}}return i}}function h(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 b(e,n){if(e){if("string"==typeof e)return h(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)?h(e,n):void 0}}function g(){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 v(e,n){return p(e)||m(e,n)||b(e,n)||g()}var y=s.forwardRef((function(e,n){var t,r=(t=i.classNames("p-colorpicker-panel",{"p-colorpicker-overlay-panel":!e.inline,"p-disabled":e.disabled}),s.createElement(a.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},s.createElement("div",{ref:n,className:t,onClick:e.onClick},e.children)));return e.inline?r:s.createElement(u.Portal,{element:r,appendTo:e.appendTo})}));y.displayName="ColorPickerPanel";var E=s.memo(s.forwardRef((function(e,n){var a=v(s.useState(!1),2),u=a[0],l=a[1],c=s.useRef(null),p=s.useRef(null),m=s.useRef(e.inputRef),h=s.useRef(null),b=s.useRef(null),g=s.useRef(null),x=s.useRef(null),M=s.useRef(!1),k=s.useRef(null),O=s.useRef(!1),w=v(t.useOverlayListener({target:c,overlay:p,listener:function(e,n){n.valid&&W()},when:u}),2),T=w[0],C=w[1],R=v(t.useEventListener({type:"mousemove",listener:function(e){O.current&&K(e),M.current&&H(e)}}),2),j=R[0],N=R[1],S=v(t.useEventListener({type:"mouseup",listener:function(){O.current=M.current=!1,i.DomHandler.removeClass(c.current,"p-colorpicker-dragging"),N(),I()}}),2),D=S[0],I=S[1],P=function(n){e.disabled||(L(),U(n))},U=function(n){e.disabled||(M.current=!0,H(n),i.DomHandler.addClass(c.current,"p-colorpicker-dragging"))},H=function(e){var n=x.current.getBoundingClientRect().top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0);k.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}),$(),J(),z()},q=function(n){e.disabled||(L(),Y(n))},Y=function(n){e.disabled||(O.current=!0,K(n),i.DomHandler.addClass(c.current,"p-colorpicker-dragging"),n.preventDefault())},A=function(e){O.current&&(K(e),e.preventDefault()),M.current&&(H(e),e.preventDefault())},_=function(){O.current=!1,M.current=!1,i.DomHandler.removeClass(c.current,"p-colorpicker-dragging"),Z()},L=function(){j(),D()},Z=function(){N(),I()},K=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),i=Math.floor(100*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-t)))/150);k.current=re({h:k.current.h,s:o,b:i}),G(),Q(),z()},z=function(){switch(e.format){case"hex":F(ce(k.current));break;case"rgb":F(ue(k.current));break;case"hsb":F(k.current)}},B=function(n){var t;if(n)switch(e.format){case"hex":t=ie(n);break;case"rgb":t=ae(n);break;case"hsb":t=n}else t=ie(e.defaultColor);return t},X=function(e){k.current=B(e)},F=function(n){e.onChange&&e.onChange({value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})},$=function(){if(h.current){var e=re({h:k.current.h,s:100,b:100});h.current.style.backgroundColor="#"+ce(e)}},G=function(){b.current&&(b.current.style.left=Math.floor(150*k.current.s/100)+"px",b.current.style.top=Math.floor(150*(100-k.current.b)/100)+"px")},J=function(){g.current&&(g.current.style.top=Math.floor(150-150*k.current.h/360)+"px")},Q=function(){m.current&&(m.current.style.backgroundColor="#"+ce(k.current))},V=function(){l(!0)},W=function(){l(!1)},ee=function(){ne()},ne=function(){u?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}},ie=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},ue=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 i=o,a=(255-r)*o/255,u=t%60*(i-a)/60;360===t&&(t=0),t<60?(n.r=i,n.b=a,n.g=a+u):t<120?(n.g=i,n.b=a,n.r=i-u):t<180?(n.g=i,n.r=a,n.b=a+u):t<240?(n.b=i,n.r=a,n.g=i-u):t<300?(n.b=i,n.g=a,n.r=a+u):t<360?(n.r=i,n.g=a,n.b=i-u):(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("")},ce=function(e){return le(ue(e))},se=function(){J(),G(),Q(),$()},fe=function(){m.current&&i.DomHandler.alignOverlay(p.current,m.current.parentElement,e.appendTo||f.default.appendTo)};s.useImperativeHandle(n,(function(){return{props:e,show:V,hide:W,getElement:function(){return c.current},getOverlay:function(){return p.current},getInput:function(){return m.current}}})),s.useEffect((function(){i.ObjectUtils.combinedRefs(m,e.inputRef)}),[m,e.inputRef]),t.useMountEffect((function(){X(e.value),se()})),t.useUpdateEffect((function(){O.current||M.current||X(e.value)}),[e.value]),t.useUpdateEffect((function(){se()})),t.useUnmountEffect((function(){i.ZIndexUtils.clear(p.current)}));var de=i.ObjectUtils.isNotEmpty(e.tooltip),pe=i.ObjectUtils.findDiffKeys(e,E.defaultProps),me=i.classNames("p-colorpicker p-component",{"p-colorpicker-overlay":!e.inline},e.className),he=s.createElement("div",{className:"p-colorpicker-content"},s.createElement("div",{ref:h,className:"p-colorpicker-color-selector",onMouseDown:q,onTouchStart:Y,onTouchMove:A,onTouchEnd:_},s.createElement("div",{className:"p-colorpicker-color"},s.createElement("div",{ref:b,className:"p-colorpicker-color-handle"}))),s.createElement("div",{ref:x,className:"p-colorpicker-hue",onMouseDown:P,onTouchStart:U,onTouchMove:A,onTouchEnd:_},s.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,E.defaultProps);return s.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 s.createElement(s.Fragment,null,s.createElement("div",d({ref:c,id:e.id,style:e.style,className:me},pe),be,s.createElement(y,{ref:p,appendTo:e.appendTo,inline:e.inline,disabled:e.disabled,onClick:function(n){e.inline||r.OverlayService.emit("overlay-click",{originalEvent:n,target:c.current})},in:e.inline||u,onEnter:function(){i.ZIndexUtils.set("overlay",p.current,f.default.autoZIndex,f.default.zIndex.overlay),fe()},onEntered:function(){T(),e.onShow&&e.onShow()},onExit:function(){C()},onExited:function(){i.ZIndexUtils.clear(p.current),e.onHide&&e.onHide()},transitionOptions:e.transitionOptions},he)),de&&s.createElement(o.Tooltip,d({target:c,content:e.tooltip},e.tooltipOptions)))})));E.displayName="ColorPicker",E.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},exports.ColorPicker=E;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/hooks"),r=require("primereact/overlayservice"),o=require("primereact/tooltip"),l=require("primereact/utils"),a=require("primereact/csstransition"),i=require("primereact/portal");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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 s=c(e),f=u(n);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 d(e){if(Array.isArray(e))return e}function m(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l,a,i=[],u=!0,c=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=l.call(t)).done)&&(i.push(r.value),i.length!==n);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw o}}return i}}function h(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 b(e,n){if(e){if("string"==typeof e)return h(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)?h(e,n):void 0}}function g(){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 v(e,n){return d(e)||m(e,n)||b(e,n)||g()}var y=s.forwardRef((function(e,n){var t,r=(t=l.classNames("p-colorpicker-panel",e.panelClassName,{"p-colorpicker-overlay-panel":!e.inline,"p-disabled":e.disabled,"p-input-filled":"filled"===f.default.inputStyle,"p-ripple-disabled":!1===f.default.ripple}),s.createElement(a.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},s.createElement("div",{ref:n,className:t,style:e.panelStyle,onClick:e.onClick},e.children)));return e.inline?r:s.createElement(i.Portal,{element:r,appendTo:e.appendTo})}));y.displayName="ColorPickerPanel";var E=s.memo(s.forwardRef((function(e,n){var a=v(s.useState(!1),2),i=a[0],u=a[1],c=s.useRef(null),d=s.useRef(null),m=s.useRef(e.inputRef),h=s.useRef(null),b=s.useRef(null),g=s.useRef(null),x=s.useRef(null),M=s.useRef(!1),O=s.useRef(null),k=s.useRef(!1),C=v(t.useOverlayListener({target:c,overlay:d,listener:function(e,n){n.valid&&W()},when:i}),2),w=C[0],T=C[1],N=v(t.useEventListener({type:"mousemove",listener:function(e){k.current&&K(e),M.current&&H(e)}}),2),S=N[0],j=N[1],R=v(t.useEventListener({type:"mouseup",listener:function(){k.current=M.current=!1,l.DomHandler.removeClass(c.current,"p-colorpicker-dragging"),j(),I()}}),2),D=R[0],I=R[1],P=function(n){e.disabled||(L(),U(n))},U=function(n){e.disabled||(M.current=!0,H(n),l.DomHandler.addClass(c.current,"p-colorpicker-dragging"))},H=function(e){var n=x.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}),$(),J(),z()},q=function(n){e.disabled||(L(),Y(n))},Y=function(n){e.disabled||(k.current=!0,K(n),l.DomHandler.addClass(c.current,"p-colorpicker-dragging"),n.preventDefault())},A=function(e){k.current&&(K(e),e.preventDefault()),M.current&&(H(e),e.preventDefault())},_=function(){k.current=!1,M.current=!1,l.DomHandler.removeClass(c.current,"p-colorpicker-dragging"),Z()},L=function(){S(),D()},Z=function(){j(),I()},K=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(),z()},z=function(){switch(e.format){case"hex":F(ce(O.current));break;case"rgb":F(ie(O.current));break;case"hsb":F(O.current)}},B=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},X=function(e){O.current=B(e)},F=function(n){e.onChange&&e.onChange({value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})},$=function(){if(h.current){var e=re({h:O.current.h,s:100,b:100});h.current.style.backgroundColor="#"+ce(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="#"+ce(O.current))},V=function(){u(!0)},W=function(){u(!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)}},ue=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("")},ce=function(e){return ue(ie(e))},se=function(){J(),G(),Q(),$()},fe=function(){m.current&&l.DomHandler.alignOverlay(d.current,m.current.parentElement,e.appendTo||f.default.appendTo)};s.useImperativeHandle(n,(function(){return{props:e,show:V,hide:W,focus:function(){return l.DomHandler.focus(m.current)},getElement:function(){return c.current},getOverlay:function(){return d.current},getInput:function(){return m.current}}})),s.useEffect((function(){l.ObjectUtils.combinedRefs(m,e.inputRef)}),[m,e.inputRef]),t.useMountEffect((function(){X(e.value),se()})),t.useUpdateEffect((function(){k.current||M.current||X(e.value)}),[e.value]),t.useUpdateEffect((function(){se()})),t.useUnmountEffect((function(){l.ZIndexUtils.clear(d.current)}));var pe=l.ObjectUtils.isNotEmpty(e.tooltip),de=l.ObjectUtils.findDiffKeys(e,E.defaultProps),me=l.classNames("p-colorpicker p-component",{"p-colorpicker-overlay":!e.inline},e.className),he=s.createElement("div",{className:"p-colorpicker-content"},s.createElement("div",{ref:h,className:"p-colorpicker-color-selector",onMouseDown:q,onTouchStart:Y,onTouchMove:A,onTouchEnd:_},s.createElement("div",{className:"p-colorpicker-color"},s.createElement("div",{ref:b,className:"p-colorpicker-color-handle"}))),s.createElement("div",{ref:x,className:"p-colorpicker-hue",onMouseDown:P,onTouchStart:U,onTouchMove:A,onTouchEnd:_},s.createElement("div",{ref:g,className:"p-colorpicker-hue-handle"}))),be=function(){if(!e.inline){var n=l.classNames("p-colorpicker-preview p-inputtext",{"p-disabled":e.disabled}),t=l.ObjectUtils.findDiffKeys(e,E.defaultProps);return s.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 s.createElement(s.Fragment,null,s.createElement("div",p({ref:c,id:e.id,style:e.style,className:me},de),be,s.createElement(y,{ref:d,appendTo:e.appendTo,inline:e.inline,disabled:e.disabled,panelStyle:e.panelStyle,panelClassName:e.panelClassName,onClick:function(n){e.inline||r.OverlayService.emit("overlay-click",{originalEvent:n,target:c.current})},in:e.inline||i,onEnter:function(){l.ZIndexUtils.set("overlay",d.current,f.default.autoZIndex,f.default.zIndex.overlay),fe()},onEntered:function(){w(),e.onShow&&e.onShow()},onExit:function(){T()},onExited:function(){l.ZIndexUtils.clear(d.current),e.onHide&&e.onHide()},transitionOptions:e.transitionOptions},he)),pe&&s.createElement(o.Tooltip,p({target:c,content:e.tooltip},e.tooltipOptions)))})));E.displayName="ColorPicker",E.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},exports.ColorPicker=E;