primereact 10.0.0 → 10.0.2

package/chips/chips.esm.mjs

@@ -1,500 +0,0 @@
-'use client';
-import * as React from 'react';
-import { PrimeReactContext } from 'primereact/api';
-import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useMountEffect } from 'primereact/hooks';
-import { TimesCircleIcon } from 'primereact/icons/timescircle';
-import { KeyFilter } from 'primereact/keyfilter';
-import { Tooltip } from 'primereact/tooltip';
-import { classNames, ObjectUtils, DomHandler, mergeProps, IconUtils } from 'primereact/utils';
-
-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);
-}
-
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
-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;
-}
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-
-function _nonIterableRest() {
-  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 _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-var styles = "\n@layer primereact {\n    .p-chips {\n        display: inline-flex;\n    }\n    \n    .p-chips-multiple-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        cursor: text;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n    \n    .p-chips-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-chips-input-token {\n        flex: 1 1 auto;\n        display: inline-flex;\n    }\n    \n    .p-chips-token-icon {\n        cursor: pointer;\n    }\n    \n    .p-chips-input-token input {\n        border: 0 none;\n        outline: 0 none;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        box-shadow: none;\n        border-radius: 0;\n        width: 100%;\n    }\n    \n    .p-fluid .p-chips {\n        display: flex;\n    }\n    \n    .p-chips-icon-left,\n    .p-chips-icon-right {\n        position: relative;\n        display: inline-block;\n    }\n    \n    .p-chips-icon-left > i,\n    .p-chips-icon-right > i,\n    .p-chips-icon-left > svg,\n    .p-chips-icon-right > svg,\n    .p-chips-icon-left > .p-chips-prefix,\n    .p-chips-icon-right > .p-chips-suffix {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n    \n    .p-fluid .p-chips-icon-left,\n    .p-fluid .p-chips-icon-right {\n        display: block;\n        width: 100%;\n    }\n}\n";
-var classes = {
-  removeTokenIcon: 'p-chips-token-icon',
-  label: 'p-chips-token-label',
-  token: 'p-chips-token p-highlight',
-  inputToken: 'p-chips-input-token',
-  container: function container(_ref) {
-    var props = _ref.props,
-      focusedState = _ref.focusedState;
-    return classNames('p-inputtext p-chips-multiple-container', {
-      'p-disabled': props.disabled,
-      'p-focus': focusedState
-    });
-  },
-  root: function root(_ref2) {
-    var isFilled = _ref2.isFilled,
-      focusedState = _ref2.focusedState;
-    return classNames('p-chips p-component p-inputwrapper', {
-      'p-inputwrapper-filled': isFilled,
-      'p-inputwrapper-focus': focusedState
-    });
-  }
-};
-var ChipsBase = ComponentBase.extend({
-  defaultProps: {
-    __TYPE: 'Chips',
-    addOnBlur: null,
-    allowDuplicate: true,
-    ariaLabelledBy: null,
-    autoFocus: false,
-    className: null,
-    disabled: null,
-    id: null,
-    inputId: null,
-    inputRef: null,
-    itemTemplate: null,
-    keyfilter: null,
-    max: null,
-    name: null,
-    onAdd: null,
-    onBlur: null,
-    onChange: null,
-    onFocus: null,
-    onKeyDown: null,
-    onRemove: null,
-    placeholder: null,
-    readOnly: false,
-    removable: true,
-    removeIcon: null,
-    separator: null,
-    style: null,
-    tooltip: null,
-    tooltipOptions: null,
-    value: null,
-    children: undefined
-  },
-  css: {
-    classes: classes,
-    styles: styles
-  }
-});
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var context = React.useContext(PrimeReactContext);
-  var props = ChipsBase.getProps(inProps, context);
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    focusedState = _React$useState2[0],
-    setFocusedState = _React$useState2[1];
-  var _ChipsBase$setMetaDat = ChipsBase.setMetaData({
-      props: props,
-      state: {
-        focused: focusedState
-      }
-    }),
-    ptm = _ChipsBase$setMetaDat.ptm,
-    cx = _ChipsBase$setMetaDat.cx,
-    isUnstyled = _ChipsBase$setMetaDat.isUnstyled;
-  useHandleStyle(ChipsBase.css.styles, isUnstyled, {
-    name: 'chips'
-  });
-  var elementRef = React.useRef(null);
-  var listRef = React.useRef(null);
-  var inputRef = React.useRef(props.inputRef);
-  var removeItem = function removeItem(event, index) {
-    if (props.disabled && props.readOnly) {
-      return;
-    }
-    var values = _toConsumableArray(props.value);
-    var removedItem = values.splice(index, 1);
-    if (!isRemovable(removedItem, index)) {
-      return;
-    }
-    if (props.onRemove) {
-      props.onRemove({
-        originalEvent: event,
-        value: removedItem
-      });
-    }
-    if (props.onChange) {
-      props.onChange({
-        originalEvent: event,
-        value: values,
-        stopPropagation: function stopPropagation() {
-          event.stopPropagation();
-        },
-        preventDefault: function preventDefault() {
-          event.preventDefault();
-        },
-        target: {
-          name: props.name,
-          id: props.id,
-          value: values
-        }
-      });
-    }
-  };
-  var addItem = function addItem(event, item, preventDefault) {
-    if (item && item.trim().length) {
-      var values = props.value ? _toConsumableArray(props.value) : [];
-      if (props.allowDuplicate || values.indexOf(item) === -1) {
-        var allowAddition = true;
-        if (props.onAdd) {
-          allowAddition = props.onAdd({
-            originalEvent: event,
-            value: item
-          });
-        }
-        if (allowAddition !== false) {
-          values.push(item);
-        }
-      }
-      updateInput(event, values, preventDefault);
-    }
-  };
-  var onWrapperClick = function onWrapperClick() {
-    DomHandler.focus(inputRef.current);
-  };
-  var _onKeyDown = function onKeyDown(event) {
-    var inputValue = event.target.value;
-    var values = props.value || [];
-    props.onKeyDown && props.onKeyDown(event);
-
-    // do not continue if the user defined keydown wants to prevent
-    if (event.defaultPrevented) {
-      return;
-    }
-    switch (event.key) {
-      case 'Backspace':
-        if (inputRef.current.value.length === 0 && values.length > 0) {
-          removeItem(event, values.length - 1);
-        }
-        break;
-      case 'Enter':
-        if (inputValue && inputValue.trim().length && (!props.max || props.max > values.length)) {
-          addItem(event, inputValue, true);
-        }
-        break;
-      default:
-        if (props.keyfilter) {
-          KeyFilter.onKeyPress(event, props.keyfilter);
-        }
-        if (isMaxedOut()) {
-          event.preventDefault();
-        } else if (props.separator === ',') {
-          // GitHub #3885 Android Opera gives strange code 229 for comma
-          if (event.key === props.separator || DomHandler.isAndroid() && event.which === 229) {
-            addItem(event, inputValue, true);
-          }
-        }
-        break;
-    }
-  };
-  var updateInput = function updateInput(event, items, preventDefault) {
-    if (props.onChange) {
-      props.onChange({
-        originalEvent: event,
-        value: items,
-        stopPropagation: function stopPropagation() {
-          event.stopPropagation();
-        },
-        preventDefault: function preventDefault() {
-          event.preventDefault();
-        },
-        target: {
-          name: props.name,
-          id: props.id,
-          value: items
-        }
-      });
-    }
-    inputRef.current.value = '';
-    preventDefault && event.preventDefault();
-  };
-  var _onPaste = function onPaste(event) {
-    if (props.separator) {
-      var pastedData = (event.clipboardData || window['clipboardData']).getData('Text');
-      if (props.keyfilter) {
-        KeyFilter.onPaste(event, props.keyfilter);
-      }
-      if (pastedData) {
-        var values = props.value || [];
-        var pastedValues = pastedData.split(props.separator);
-        pastedValues = pastedValues.filter(function (val) {
-          return (props.allowDuplicate || values.indexOf(val) === -1) && val.trim().length;
-        });
-        values = [].concat(_toConsumableArray(values), _toConsumableArray(pastedValues));
-        updateInput(event, values, true);
-      }
-    }
-  };
-  var _onFocus = function onFocus(event) {
-    setFocusedState(true);
-    props.onFocus && props.onFocus(event);
-  };
-  var _onBlur = function onBlur(event) {
-    if (props.addOnBlur) {
-      var inputValue = event.target.value;
-      var values = props.value || [];
-      if (inputValue && inputValue.trim().length && (!props.max || props.max > values.length)) {
-        addItem(event, inputValue, true);
-      }
-    }
-    setFocusedState(false);
-    props.onBlur && props.onBlur(event);
-  };
-  var isMaxedOut = function isMaxedOut() {
-    return props.max && props.value && props.max === props.value.length;
-  };
-  var currentValue = inputRef.current && inputRef.current.value;
-  var isFilled = React.useMemo(function () {
-    return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(currentValue);
-  }, [props.value, currentValue]);
-  var isRemovable = function isRemovable(value, index) {
-    return ObjectUtils.getPropValue(props.removable, {
-      value: value,
-      index: index,
-      props: props
-    });
-  };
-  React.useImperativeHandle(ref, function () {
-    return {
-      props: props,
-      focus: function focus() {
-        return DomHandler.focus(inputRef.current);
-      },
-      getElement: function getElement() {
-        return elementRef.current;
-      },
-      getInput: function getInput() {
-        return inputRef.current;
-      }
-    };
-  });
-  React.useEffect(function () {
-    ObjectUtils.combinedRefs(inputRef, props.inputRef);
-  }, [inputRef, props.inputRef]);
-  useMountEffect(function () {
-    if (props.autoFocus) {
-      DomHandler.focus(inputRef.current, props.autoFocus);
-    }
-  });
-  var createRemoveIcon = function createRemoveIcon(value, index) {
-    var iconProps = mergeProps({
-      className: cx('removeTokenIcon'),
-      onClick: function onClick(event) {
-        return removeItem(event, index);
-      }
-    }, ptm('removeTokenIcon'));
-    var icon = props.removeIcon || /*#__PURE__*/React.createElement(TimesCircleIcon, iconProps);
-    var removeIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
-      props: props
-    });
-    if (!props.disabled && !props.readOnly && isRemovable(value, index)) {
-      return removeIcon;
-    }
-    return null;
-  };
-  var createItem = function createItem(value, index) {
-    var content = props.itemTemplate ? props.itemTemplate(value) : value;
-    var labelProps = mergeProps({
-      className: cx('label')
-    }, ptm('label'));
-    var label = /*#__PURE__*/React.createElement("span", labelProps, content);
-    var icon = createRemoveIcon(value, index);
-    var tokenProps = mergeProps({
-      key: index,
-      className: cx('token'),
-      'data-p-highlight': true
-    }, ptm('token'));
-    return /*#__PURE__*/React.createElement("li", tokenProps, label, icon);
-  };
-  var createInput = function createInput() {
-    var inputTokenProps = mergeProps({
-      className: cx('inputToken')
-    }, ptm('inputToken'));
-    var inputProps = mergeProps(_objectSpread({
-      id: props.inputId,
-      ref: inputRef,
-      placeholder: props.placeholder,
-      type: 'text',
-      name: props.name,
-      disabled: props.disabled || isMaxedOut(),
-      onKeyDown: function onKeyDown(e) {
-        return _onKeyDown(e);
-      },
-      onPaste: function onPaste(e) {
-        return _onPaste(e);
-      },
-      onFocus: function onFocus(e) {
-        return _onFocus(e);
-      },
-      onBlur: function onBlur(e) {
-        return _onBlur(e);
-      },
-      readOnly: props.readOnly
-    }, ariaProps), ptm('input'));
-    return /*#__PURE__*/React.createElement("li", inputTokenProps, /*#__PURE__*/React.createElement("input", inputProps));
-  };
-  var createItems = function createItems() {
-    return props.value ? props.value.map(createItem) : null;
-  };
-  var createList = function createList() {
-    var items = createItems();
-    var input = createInput();
-    var containerProps = mergeProps({
-      ref: listRef,
-      className: cx('container', {
-        focusedState: focusedState
-      }),
-      onClick: function onClick(e) {
-        return onWrapperClick();
-      },
-      'data-p-disabled': props.disabled,
-      'data-p-focus': focusedState
-    }, ptm('container'));
-    return /*#__PURE__*/React.createElement("ul", containerProps, items, input);
-  };
-  var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
-  var otherProps = ChipsBase.getOtherProps(props);
-  var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
-  var list = createList();
-  var rootProps = mergeProps({
-    id: props.id,
-    ref: elementRef,
-    className: classNames(props.className, cx('root', {
-      isFilled: isFilled,
-      focusedState: focusedState
-    })),
-    style: props.style
-  }, ptm('root'));
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, list), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
-    target: inputRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
-    pt: ptm('tooltip')
-  })));
-}));
-Chips.displayName = 'Chips';
-
-export { Chips };

package/colorpicker/colorpicker.esm.min.mjs

@@ -1 +0,0 @@
-import*as e from"react";import n,{PrimeReactContext as r}from"primereact/api";import{useOverlayListener as t,useEventListener as o,useMountEffect as i,useUpdateEffect as l,useUnmountEffect as c}from"primereact/hooks";import{OverlayService as a}from"primereact/overlayservice";import{Tooltip as u}from"primereact/tooltip";import{classNames as p,mergeProps as s,DomHandler as f,ObjectUtils as d,ZIndexUtils as m}from"primereact/utils";import{ComponentBase as h,useHandleStyle as b}from"primereact/componentbase";import{CSSTransition as g}from"primereact/csstransition";import{Portal as y}from"primereact/portal";function v(e){return v="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},v(e)}function x(e,n){if("object"!==v(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!==v(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function k(e){var n=x(e,"string");return"symbol"===v(n)?n:String(n)}function w(){return w=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},w.apply(this,arguments)}function E(e){if(Array.isArray(e))return e}function O(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,o,i,l,c=[],a=!0,u=!1;try{if(i=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;a=!1}else for(;!(a=(t=i.call(r)).done)&&(c.push(t.value),c.length!==n);a=!0);}catch(e){u=!0,o=e}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return c}}function S(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function M(e,n){if(e){if("string"==typeof e)return S(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?S(e,n):void 0}}function C(){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 N(e,n){return E(e)||O(e,n)||M(e,n)||C()}var P=h.extend({defaultProps:{__TYPE:"ColorPicker",appendTo:null,autoFocus:!1,children:void 0,className:null,defaultColor:"ff0000",disabled:!1,format:"hex",id:null,inline:!1,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,onChange:null,onHide:null,onShow:null,panelClassName:null,panelStyle:null,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null},css:{classes:{root:function(e){var n=e.props;return p("p-colorpicker p-component",{"p-colorpicker-overlay":!n.inline},n.className)},input:function(e){var n=e.props;return p("p-colorpicker-preview p-inputtext",n.inputClassName,{"p-disabled":n.disabled})},panel:function(e){var r=e.panelProps,t=e.context;return p("p-colorpicker-panel",r.panelClassName,{"p-colorpicker-overlay-panel":!r.inline,"p-disabled":r.disabled,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},content:"p-colorpicker-content",hueHandle:"p-colorpicker-hue-handle",hue:"p-colorpicker-hue",colorHandle:"p-colorpicker-color-handle",color:"p-colorpicker-color",selector:"p-colorpicker-color-selector",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-colorpicker {\n        display: inline-block;\n    }\n    \n    .p-colorpicker-dragging {\n        cursor: pointer;\n    }\n    \n    .p-colorpicker-overlay {\n        position: relative;\n    }\n    \n    .p-colorpicker-panel {\n        position: relative;\n        width: 193px;\n        height: 166px;\n    }\n    \n    .p-colorpicker-overlay-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-colorpicker-preview {\n        cursor: pointer;\n    }\n    \n    .p-colorpicker-panel .p-colorpicker-content {\n        position: relative;\n    }\n    \n    .p-colorpicker-panel .p-colorpicker-color-selector {\n        width: 150px;\n        height: 150px;\n        top: 8px;\n        left: 8px;\n        position: absolute;\n    }\n    \n    .p-colorpicker-panel .p-colorpicker-color {\n        width: 150px;\n        height: 150px;\n    }\n    \n    .p-colorpicker-panel .p-colorpicker-color-handle {\n        position: absolute;\n        top: 0px;\n        left: 150px;\n        border-radius: 100%;\n        width: 10px;\n        height: 10px;\n        border-width: 1px;\n        border-style: solid;\n        margin: -5px 0 0 -5px;\n        cursor: pointer;\n        opacity: 0.85;\n    }\n    \n    .p-colorpicker-panel .p-colorpicker-hue {\n        width: 17px;\n        height: 150px;\n        top: 8px;\n        left: 167px;\n        position: absolute;\n        opacity: 0.85;\n    }\n    \n    .p-colorpicker-panel .p-colorpicker-hue-handle {\n        position: absolute;\n        top: 150px;\n        left: 0px;\n        width: 21px;\n        margin-left: -2px;\n        margin-top: -5px;\n        height: 10px;\n        border-width: 2px;\n        border-style: solid;\n        opacity: 0.85;\n        cursor: pointer;\n    }\n    \n    .p-colorpicker-panel .p-colorpicker-color {\n        background: linear-gradient(to top, #000 0%, rgb(0 0 0 / 0) 100%), linear-gradient(to right, #fff 0%, rgb(255 255 255 / 0) 100%)\n    }\n    .p-colorpicker-panel .p-colorpicker-hue {\n        background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red)\n    }\n}\n"}}),T=e.forwardRef((function(n,t){var o,i,l=e.useContext(r),c=n.ptm,a=n.cx,u=(o=s({className:a("panel",{panelProps:n,context:l}),style:n.panelStyle,onClick:n.onClick},c("panel",{hostName:n.hostName})),i=s({classNames:a("transition"),in:n.in,timeout:{enter:120,exit:100},options:n.transitionOptions,unmountOnExit:!0,onEnter:n.onEnter,onEntered:n.onEntered,onExit:n.onExit,onExited:n.onExited},c("transition",{hostName:n.hostName})),e.createElement(g,w({nodeRef:t},i),e.createElement("div",w({ref:t},o),n.children)));return n.inline?u:e.createElement(y,{element:u,appendTo:n.appendTo})}));function j(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function R(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?j(Object(r),!0).forEach((function(n){var t,o,i;t=e,i=r[n],(o=k(o=n))in t?Object.defineProperty(t,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}T.displayName="ColorPickerPanel";var I=e.memo(e.forwardRef((function(p,h){var g=e.useContext(r),y=P.getProps(p,g),v=N(e.useState(!1),2),x=v[0],k=v[1],E=P.setMetaData({props:y,state:{overlayVisible:x}}),O=E.ptm,S=E.cx,M=E.isUnstyled;b(P.css.styles,M,{name:"colorpicker"});var C=e.useRef(null),j=e.useRef(null),I=e.useRef(y.inputRef),D=e.useRef(null),H=e.useRef(null),Y=e.useRef(null),A=e.useRef(null),F=e.useRef(!1),z=e.useRef(null),B=e.useRef(!1),U=N(t({target:C,overlay:j,listener:function(e,n){n.valid&&de()},when:x}),2),X=U[0],Z=U[1],_=N(o({type:"mousemove",listener:function(e){B.current&&te(e),F.current&&J(e)}}),2),K=_[0],L=_[1],V=N(o({type:"mouseup",listener:function(){B.current=F.current=!1,f.removeClass(C.current,"p-colorpicker-dragging"),L(),q()}}),2),$=V[0],q=V[1],G=function(e){y.disabled||(F.current=!0,J(e),!M&&f.addClass(C.current,"p-colorpicker-dragging"))},J=function(e){var n=A.current.getBoundingClientRect().top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0);z.current=ge({h:Math.floor(360*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-n)))/150),s:100,b:100}),ae(),pe(),oe()},Q=function(e){y.disabled||(B.current=!0,te(e),!M&&f.addClass(C.current,"p-colorpicker-dragging"),e.preventDefault())},W=function(e){B.current&&(te(e),e.preventDefault()),F.current&&(J(e),e.preventDefault())},ee=function(){B.current=!1,F.current=!1,!M&&f.removeClass(C.current,"p-colorpicker-dragging"),re()},ne=function(){K(),$()},re=function(){L(),q()},te=function(e){var n=D.current.getBoundingClientRect(),r=n.top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0),t=n.left+document.body.scrollLeft,o=Math.floor(100*Math.max(0,Math.min(150,(e.pageX||e.changedTouches[0].pageX)-t))/150),i=Math.floor(100*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-r)))/150);z.current=ge({h:z.current.h,s:o,b:i}),ue(),se(),oe()},oe=function(){switch(y.format){case"hex":ce(Ee(z.current));break;case"rgb":ce(ke(z.current));break;case"hsb":ce(z.current)}},ie=function(e){var n;if(e)switch(y.format){case"hex":n=ve(e);break;case"rgb":n=xe(e);break;case"hsb":n=e}else n=ve(y.defaultColor);return n},le=function(e){z.current=ie(e)},ce=function(e){y.onChange&&y.onChange({value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:y.name,id:y.id,value:e}})},ae=function(){if(D.current){var e=ge({h:z.current.h,s:100,b:100});D.current.style.backgroundColor="#"+Ee(e)}},ue=function(){H.current&&(H.current.style.left=Math.floor(150*z.current.s/100)+"px",H.current.style.top=Math.floor(150*(100-z.current.b)/100)+"px")},pe=function(){Y.current&&(Y.current.style.top=Math.floor(150-150*z.current.h/360)+"px")},se=function(){I.current&&(I.current.style.backgroundColor="#"+Ee(z.current))},fe=function(){k(!0)},de=function(){k(!1)},me=function(){he()},he=function(){x?de():fe()},be=function(e){switch(e.which){case 32:he(),e.preventDefault();break;case 27:case 9:de()}},ge=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))}},ye=function(e){var n=parseInt(e.indexOf("#")>-1?e.substring(1):e,16);return{r:n>>16,g:(65280&n)>>8,b:255&n}},ve=function(e){return xe(ye(e))},xe=function(e){var n={h:0,s:0,b:0},r=Math.min(e.r,e.g,e.b),t=Math.max(e.r,e.g,e.b),o=t-r;return n.b=t,n.s=0!==t?255*o/t:0,n.h=0!==n.s?e.r===t?(e.g-e.b)/o:e.g===t?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},ke=function(e){var n={r:null,g:null,b:null},r=Math.round(e.h),t=Math.round(255*e.s/100),o=Math.round(255*e.b/100);if(0===t)n={r:o,g:o,b:o};else{var i=o,l=(255-t)*o/255,c=r%60*(i-l)/60;360===r&&(r=0),r<60?(n.r=i,n.b=l,n.g=l+c):r<120?(n.g=i,n.b=l,n.r=i-c):r<180?(n.g=i,n.r=l,n.b=l+c):r<240?(n.b=i,n.r=l,n.g=i-c):r<300?(n.b=i,n.g=l,n.r=l+c):r<360?(n.r=i,n.g=l,n.b=i-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)}},we=function(e){var n=[e.r.toString(16),e.g.toString(16),e.b.toString(16)];for(var r in n)1===n[r].length&&(n[r]="0"+n[r]);return n.join("")},Ee=function(e){return we(ke(e))},Oe=function(){pe(),ue(),se(),ae()},Se=function(){I.current&&f.alignOverlay(j.current,I.current.parentElement,y.appendTo||g&&g.appendTo||n.appendTo)};e.useImperativeHandle(h,(function(){return{props:y,show:fe,hide:de,focus:function(){return f.focus(I.current)},getElement:function(){return C.current},getOverlay:function(){return j.current},getInput:function(){return I.current}}})),e.useEffect((function(){d.combinedRefs(I,y.inputRef)}),[I,y.inputRef]),i((function(){le(y.value),Oe(),y.autoFocus&&f.focus(I.current,y.autoFocus)})),l((function(){B.current||F.current||le(y.value)}),[y.value]),l((function(){Oe()})),c((function(){m.clear(j.current)}));var Me,Ce,Ne,Pe,Te,je,Re,Ie,De=d.isNotEmpty(y.tooltip),He=(Me=s({ref:D,className:S("selector"),onMouseDown:function(e){return n=e,void(y.disabled||(ne(),Q(n)));var n},onTouchStart:function(e){return Q(e)},onTouchMove:function(e){return W(e)},onTouchEnd:ee},O("selector")),Ce=s({className:S("color")},O("color")),Ne=s({ref:H,className:S("colorHandle")},O("colorHandle")),je=e.createElement("div",Me,e.createElement("div",Ce,e.createElement("div",Ne))),Pe=s({className:S("hue"),onMouseDown:function(e){return n=e,void(y.disabled||(ne(),G(n)));var n},onTouchStart:function(e){return G(e)},onTouchMove:function(e){return W(e)},onTouchEnd:ee},O("hue")),Te=s({className:S("hueHandle")},O("hueHandle")),Re=e.createElement("div",w({ref:A},Pe),e.createElement("div",w({ref:Y},Te))),Ie=s({className:S("content")},O("content")),e.createElement("div",Ie,je,Re)),Ye=function(){if(!y.inline){var n=P.getOtherProps(y),r=s(R({ref:I,type:"text",readOnly:!0,className:S("input"),style:y.inputStyle,id:y.inputId,tabIndex:y.tabIndex,disabled:y.disabled,onClick:me,onKeyDown:be},n),O("input"));return e.createElement("input",r)}return null}(),Ae=s({id:y.id,ref:C,style:y.style,className:S("root")},P.getOtherProps(y),O("root"));return e.createElement(e.Fragment,null,e.createElement("div",Ae,Ye,e.createElement(T,{hostName:"ColorPicker",ref:j,appendTo:y.appendTo,inline:y.inline,disabled:y.disabled,panelStyle:y.panelStyle,panelClassName:y.panelClassName,onClick:function(e){y.inline||a.emit("overlay-click",{originalEvent:e,target:C.current})},in:y.inline||x,onEnter:function(){var e=y.inline?void 0:{position:"absolute",top:"0",left:"0"};m.set("overlay",j.current,g&&g.autoZIndex||n.autoZIndex,g&&g.zIndex.overlay||n.zIndex.overlay),f.addStyles(j.current,e),Se()},onEntered:function(){X(),y.onShow&&y.onShow()},onExit:function(){Z()},onExited:function(){m.clear(j.current),y.onHide&&y.onHide()},transitionOptions:y.transitionOptions,ptm:O,cx:S},He)),De&&e.createElement(u,w({target:C,content:y.tooltip},y.tooltipOptions,{pt:O("tooltip")})))})));I.displayName="ColorPicker";export{I as ColorPicker};