{"version":3,"file":"Pointer.cjs","sources":["../../../../../../.yarn/__virtual__/@uiw-react-color-saturation-virtual-169eabbf5b/4/.yarn/berry/cache/@uiw-react-color-saturation-npm-2.9.2-7e714926e7-10c0.zip/node_modules/@uiw/react-color-saturation/esm/Pointer.js"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport var Pointer = _ref => {\n  var {\n    className,\n    color,\n    left,\n    top,\n    prefixCls\n  } = _ref;\n  var style = {\n    position: 'absolute',\n    top,\n    left\n  };\n  var stylePointer = {\n    '--saturation-pointer-box-shadow': 'rgb(255 255 255) 0px 0px 0px 1.5px, rgb(0 0 0 / 30%) 0px 0px 1px 1px inset, rgb(0 0 0 / 40%) 0px 0px 1px 2px',\n    width: 6,\n    height: 6,\n    transform: 'translate(-3px, -3px)',\n    boxShadow: 'var(--saturation-pointer-box-shadow)',\n    borderRadius: '50%',\n    backgroundColor: color\n  };\n  return useMemo(() => /*#__PURE__*/_jsx(\"div\", {\n    className: prefixCls + \"-pointer \" + (className || ''),\n    style: style,\n    children: /*#__PURE__*/_jsx(\"div\", {\n      className: prefixCls + \"-fill\",\n      style: stylePointer\n    })\n  }), [top, left, color, className, prefixCls]);\n};"],"names":["useMemo","_jsx"],"mappings":";;;;AAEU,IAAC,UAAU,UAAQ;AAC3B,MAAI;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAM;AACJ,MAAI,QAAQ;AAAA,IACV,UAAU;AAAA,IACV;AAAA,IACA;AAAA,EACJ;AACE,MAAI,eAAe;AAAA,IACjB,mCAAmC;AAAA,IACnC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,iBAAiB;AAAA,EACrB;AACE,SAAOA,MAAAA,QAAQ,MAAmBC,2BAAAA,kBAAAA,IAAK,OAAO;AAAA,IAC5C,WAAW,YAAY,eAAe,aAAa;AAAA,IACnD;AAAA,IACA,UAAuBA,2BAAAA,kBAAAA,IAAK,OAAO;AAAA,MACjC,WAAW,YAAY;AAAA,MACvB,OAAO;AAAA,IACb,CAAK;AAAA,EACL,CAAG,GAAG,CAAC,KAAK,MAAM,OAAO,WAAW,SAAS,CAAC;AAC9C;;","x_google_ignoreList":[0]}