{"version":3,"sources":["jsdelivr-header.js","/npm/react-color-eye-dropper@1.0.1/lib/index.js"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OCNO,OAAS,aAAgB,eACzB,WAAY,8BACV,gBAAmB,gBACrB,gBAAiB,cAExB,MAAM,WAAa,EACjB,WACA,kBAEA,MAAO,EAAc,GAAmB,SAAS,KAC1C,EAAS,GAAc,UAAS,GAyBvC,OAAoB,MAAM,cAAc,MAAO,KAAmB,MAAM,cAAc,MAAO,CAC3F,MAAO,EACP,QAzBe,IAAM,YAAY,SAAS,MAAM,MAAK,IACrD,MAAM,EAAgB,SAAS,cAAc,UACvC,EAAuB,EAAc,WAAW,MAGhD,EAAgC,EAApB,OAAO,WACnB,EAAkC,EAArB,OAAO,YAC1B,EAAc,MAAQ,EACtB,EAAc,OAAS,EACvB,EAAqB,UAAU,EALN,EADD,GAOxB,EAAgB,GAChB,GAAW,EAAK,KAeF,MAAM,cAAc,YAAa,OAAQ,GAAwB,MAAM,cAAc,OAAQ,CAC3G,GAAI,gBACU,MAAM,cAAc,MAAO,CACzC,MAAO,CACL,SAAU,WACV,KAAM,EACN,IAAK,EACL,OAAQ,IACR,MAAO,OAAO,WACd,OAAQ,OAAO,YACf,OAAQ,QAEV,QAAS,GAxBQ,KACjB,EAAE,kBACF,MAAM,EAAiB,EAAZ,EAAE,QACP,EAAiB,EAAZ,EAAE,SACN,EAAG,EAAG,GAAK,EAAa,aAAa,EAAI,EAAI,EAAG,GAAG,KAC1D,EAAS,QAAQ,MAAM,MAAM,SAC7B,GAAW,EAAM,EAkBH,CAAW,MACvB,iBAGS","file":"/npm/react-color-eye-dropper@1.0.1/lib/index.js","sourceRoot":"","sourcesContent":["/**\n * Minified by jsDelivr using Terser v5.39.0.\n * Original file: /npm/react-color-eye-dropper@1.0.1/lib/index.js\n *\n * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files\n */\n","import React, { useState } from 'react';\nimport Portal from 'robofox-react-portal';\nimport { DropperIcon } from './icon';\nimport html2canvas from 'html2canvas';\n\nconst EyeDropper = ({\n  onSelect,\n  buttonStyle\n}) => {\n  const [pickerCanvas, setPickerCanvas] = useState('');\n  const [coverUp, setCoverUp] = useState(false);\n\n  const takePick = () => html2canvas(document.body).then(canvas => {\n    const croppedCanvas = document.createElement('canvas');\n    const croppedCanvasContext = croppedCanvas.getContext('2d');\n    const cropPositionTop = 0;\n    const cropPositionLeft = 0;\n    const cropWidth = window.innerWidth * 2;\n    const cropHeight = window.innerHeight * 2;\n    croppedCanvas.width = cropWidth;\n    croppedCanvas.height = cropHeight;\n    croppedCanvasContext.drawImage(canvas, cropPositionLeft, cropPositionTop);\n    setPickerCanvas(croppedCanvasContext);\n    setCoverUp(true);\n  });\n\n  const getEyeDrop = e => {\n    e.stopPropagation();\n    const x1 = e.clientX * 2;\n    const y1 = e.clientY * 2;\n    const [r, g, b] = pickerCanvas.getImageData(x1, y1, 1, 1).data;\n    onSelect(`rgba(${r}, ${g}, ${b}, 1)`);\n    setCoverUp(false);\n  };\n\n  return /*#__PURE__*/React.createElement(\"div\", null, /*#__PURE__*/React.createElement(\"div\", {\n    style: buttonStyle,\n    onClick: takePick\n  }, /*#__PURE__*/React.createElement(DropperIcon, null)), coverUp && /*#__PURE__*/React.createElement(Portal, {\n    id: \"eyeDropCover\"\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    style: {\n      position: 'absolute',\n      left: 0,\n      top: 0,\n      zIndex: 100000000,\n      width: window.innerWidth,\n      height: window.innerHeight,\n      cursor: 'copy'\n    },\n    onClick: e => getEyeDrop(e)\n  })));\n};\n\nexport default EyeDropper;"]}