{"_id":"@jaames/iro","_rev":"69-8aa71ddb0f278b6ca74d648f58fb5a3e","name":"@jaames/iro","dist-tags":{"latest":"5.5.2","beta":"5.0.0-5"},"versions":{"3.3.0":{"name":"@jaames/iro","version":"3.3.0","description":"A sleek and lightweight JS color picker - with zero dependencies","main":"dist/iro.js","devDependencies":{"babel-cli":"^6.16.0","babel-core":"^6.17.0","babel-loader":"^7.1.0","babel-preset-env":"^1.6.1","babel-preset-stage-2":"^6.22.0","chai":"^3.5.0","dotenv":"^2.0.0","isparta":"^4.0.0","istanbul":"^0.4.5","jsdom":"9.6.0","jsdom-global":"2.1.0","mocha":"^3.1.2","webpack":"2","webpack-dev-server":"2"},"scripts":{"build":"webpack --env=dev --progress --colors && webpack --env=prod --progress --colors && \\cp -r dist/ www/themes/iro/source/js","dev":"webpack-dev-server --env=dev --hot --progress --colors","test":"mocha --compilers js:babel-core/register --colors ./tests/*.spec.js"},"files":["dist/iro.js"],"keywords":["color","colour","picker","wheel","stylesheet","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MIT","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://rakujira.jp/projects/iro/","gitHead":"3018aecc788bfcae544c4696e54cf535fbd2fc35","_id":"@jaames/iro@3.3.0","_npmVersion":"5.6.0","_nodeVersion":"6.9.1","_npmUser":{"name":"jaames","email":"whale@rakujira.jp"},"dist":{"integrity":"sha512-ENlry9mWRT7Vf5NFW6J4KkvAKnRCkD30nZWElCBdyBxHN/IIeH/KpZFU6Dn/qvuJGVD1XOq2MCMyEAKuV7770w==","shasum":"7d2107904ac318a4f88cfa3dd66efb341f4cc175","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-3.3.0.tgz","fileCount":5,"unpackedSize":58228,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCWF/jnsPeqNuPp/JVBD3a29bWlXaRy2NQP7UcgFxHYyAIhAMPoWeGbQMyytEbyja1TBLfuraJjBS5t8BBN2UU0lgYQ"}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_3.3.0_1518385796792_0.7165285655789884"},"_hasShrinkwrap":false},"3.4.0":{"name":"@jaames/iro","version":"3.4.0","description":"A sleek and lightweight JS color picker - with zero dependencies","main":"dist/iro.js","devDependencies":{"babel-cli":"^6.16.0","babel-core":"^6.17.0","babel-loader":"^7.1.0","babel-preset-env":"^1.6.1","babel-preset-stage-2":"^6.22.0","chai":"^3.5.0","dotenv":"^2.0.0","isparta":"^4.0.0","istanbul":"^0.4.5","jsdom":"9.6.0","jsdom-global":"2.1.0","mocha":"^3.1.2","webpack":"2","webpack-dev-server":"2"},"scripts":{"build":"webpack --env=dev --progress --colors && webpack --env=prod --progress --colors && \\cp -r dist/ www/themes/iro/source/js","dev":"webpack-dev-server --env=dev --hot --progress --colors","test":"mocha --compilers js:babel-core/register --colors ./tests/*.spec.js"},"files":["dist/iro.js"],"keywords":["color","colour","picker","wheel","stylesheet","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MIT","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://rakujira.jp/projects/iro/","gitHead":"83a1789e454c2c098ced9d636a5ca4b4fa2d44e1","_id":"@jaames/iro@3.4.0","_npmVersion":"5.7.1","_nodeVersion":"6.9.1","_npmUser":{"name":"jaames","email":"whale@rakujira.jp"},"dist":{"integrity":"sha512-I92li8M6lo8peHhXER+rqCt5A+gtWLiAqUwa8NoX/5FzhLjq7GCSBMLXSxu5VOgbt+FUjc7C16U05TwjGq8EUg==","shasum":"a4ee92a9c684211c967b3ffd14f7ac1fe3c4c89b","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-3.4.0.tgz","fileCount":5,"unpackedSize":58693,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDoaN21hKxOm2Jgn0ZV4ORQzcFcyVfw3EahhkC6J2M/hwIhAIxlYYfcFzd3xsyNbaberk/Flo9mI1J78SQ6Ri+uXehb"}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_3.4.0_1521578362274_0.39624036539565854"},"_hasShrinkwrap":false},"3.4.1":{"name":"@jaames/iro","version":"3.4.1","description":"A sleek and lightweight JS color picker - with zero dependencies","main":"dist/iro.js","devDependencies":{"babel-cli":"^6.16.0","babel-core":"^6.17.0","babel-loader":"^7.1.0","babel-preset-env":"^1.6.1","babel-preset-stage-2":"^6.22.0","chai":"^3.5.0","dotenv":"^2.0.0","isparta":"^4.0.0","istanbul":"^0.4.5","jsdom":"9.6.0","jsdom-global":"2.1.0","mocha":"^3.1.2","webpack":"2","webpack-dev-server":"2"},"scripts":{"build":"webpack --env=dev --progress --colors && webpack --env=prod --progress --colors && \\cp -r dist/ www/themes/iro/source/js","dev":"webpack-dev-server --env=dev --hot --progress --colors","test":"mocha --compilers js:babel-core/register --colors ./tests/*.spec.js"},"files":["dist/iro.js"],"keywords":["color","colour","picker","wheel","stylesheet","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MIT","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://rakujira.jp/projects/iro/","gitHead":"f07d7d7a520b7b28593b3f9e16feb1ac414705ca","_id":"@jaames/iro@3.4.1","_npmVersion":"5.7.1","_nodeVersion":"6.9.1","_npmUser":{"name":"jaames","email":"whale@rakujira.jp"},"dist":{"integrity":"sha512-m93AHC7zBp1jA1Crc6GB4Q592GoqMdYCraMhknJ5g+lVXUrwO8l5CWT0vGTLEsfYdB7TkKF2mjoqlfIMf+0aLg==","shasum":"bbc4b4c462b418dbb0d85f4b8ca18fc9ac81e191","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-3.4.1.tgz","fileCount":5,"unpackedSize":58338,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC6xxXwfdKRm1U6kZw8BNz7z5E011zX7CzObG9LxI4knAIgaWmB5BcUZ3t8yWgLjxNugkelvLuupyP/NRrjlG6a1bw="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_3.4.1_1521723555848_0.7657838535292909"},"_hasShrinkwrap":false},"3.4.2":{"name":"@jaames/iro","version":"3.4.2","description":"A sleek and lightweight JS color picker - with zero dependencies","main":"dist/iro.js","devDependencies":{"babel-cli":"^6.16.0","babel-core":"^6.17.0","babel-loader":"^7.1.0","babel-preset-env":"^1.6.1","babel-preset-stage-2":"^6.22.0","chai":"^3.5.0","dotenv":"^2.0.0","isparta":"^4.0.0","istanbul":"^0.4.5","jsdom":"9.6.0","jsdom-global":"2.1.0","mocha":"^3.1.2","webpack":"2","webpack-dev-server":"2"},"scripts":{"build":"webpack --env=dev --progress --colors && webpack --env=prod --progress --colors && \\cp -r dist/ www/themes/iro/source/js","dev":"webpack-dev-server --env=dev --hot --progress --colors","test":"mocha --compilers js:babel-core/register --colors ./tests/*.spec.js"},"files":["dist/iro.js"],"keywords":["color","colour","picker","wheel","stylesheet","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MIT","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://rakujira.jp/projects/iro/","gitHead":"511051313e8a246d7c04552fb1b5f51611ee5af5","_id":"@jaames/iro@3.4.2","_npmVersion":"6.0.0","_nodeVersion":"9.11.1","_npmUser":{"name":"jaames","email":"whale@rakujira.jp"},"dist":{"integrity":"sha512-9jtXYtPekJ7TbZHs+Y2Q7dRfNRRlalthWWgDmRocd/Pw8Pz/r+YbiMVo2p9k4xIWoYXjm8O9kiwNpKYdDP8dpQ==","shasum":"85642e7d1720b78092bc89a4cffc6e1b2b88f26e","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-3.4.2.tgz","fileCount":5,"unpackedSize":58661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbaiVRCRA9TVsSAnZWagAATD0P/RlA+YCt+1BjeMtiBJ9y\nX0sw/3gVoP+t7AexLbEmvZF6ofI4LjdZnpR4Z5MvWp4tL5LcS8KJR7SsoBMf\nosVo5+eWJ/qMTRteN+LtMwY6CrrDUmN26+BMCH5Vys1uLkhEMt+PSrDOgrH9\n5AvWpsS0H2CJMMN/mHGBa6xXj4+AVKnK2ocfRJe15B3/SlY+CLRpL+thygfz\noamohZE7DZmy5MRLYBPkNZPLQLGJR3XyuTZpF+26+7spLoyaX1XK+FE4Uq96\nmj75wWj72vdCJQeI6PEey/s1LeEUHjxwA39xkKR0nsj0CJYzKyW1T36QyRnT\nNUuOlwyz3KFeVKhnJvBQs5TllVrOySTTCVcopSCLhCWqjKCh3dzWZd2pRc0x\nNU8vScSdT4sL1NUy4qUSw9rnT3qmdsF/mbyVDugjmhXgAcheJ38gPmCh3AsZ\nsFqgvwYp3CvQGjt4Bfich9Jp3GFyVeMK9Fl+BtSN4FM+dvpqQf0kN5uqacQ0\n7bS7EednU42tLZsdjQDqmEy9WP7Mo/GoVNw0Hk5rqg3hSP43t/YotdxHJBF9\ndNjNan9IbJ3mCv45bFzMl60WuNMjAJHWWQTne7XzZlpX3YP+UQjFGrybChCV\npjgjen9nxRC39eROk2adsDF8ySpIVNoRI9v8KnobD1RqjL+6G8xggAUfh11H\nS/sH\r\n=6v3e\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFnVx4SoUc/KQbSGjRjGaevTcLrmolg6ijr3Q8zyby8NAiEA8/vYGdOvCQDLrg486PlapRX3anJ1LxGgjZuH1hB1nmE="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_3.4.2_1533683025158_0.9673185990385624"},"_hasShrinkwrap":false},"3.4.3":{"name":"@jaames/iro","version":"3.4.3","description":"A sleek and lightweight JS color picker - with zero dependencies","main":"dist/iro.js","devDependencies":{"babel-cli":"^6.16.0","babel-core":"^6.17.0","babel-loader":"^7.1.0","babel-preset-env":"^1.6.1","babel-preset-stage-2":"^6.22.0","chai":"^3.5.0","dotenv":"^2.0.0","isparta":"^4.0.0","istanbul":"^0.4.5","jsdom":"9.6.0","jsdom-global":"2.1.0","mocha":"^3.1.2","webpack":"2","webpack-dev-server":"2"},"scripts":{"build":"webpack --env=dev --progress --colors && webpack --env=prod --progress --colors && \\cp -r dist/ www/themes/iro/source/js","dev":"webpack-dev-server --env=dev --hot --progress --colors","test":"mocha --compilers js:babel-core/register --colors ./tests/*.spec.js"},"files":["dist/iro.js"],"keywords":["color","colour","picker","wheel","stylesheet","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MIT","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://rakujira.jp/projects/iro/","gitHead":"511051313e8a246d7c04552fb1b5f51611ee5af5","_id":"@jaames/iro@3.4.3","_npmVersion":"6.0.0","_nodeVersion":"9.11.1","_npmUser":{"name":"jaames","email":"whale@rakujira.jp"},"dist":{"integrity":"sha512-SBDHQlGmPV1l/OsUxJjRAJ9OdPeGH3DM6cFx6MsS81jBEjehgGbO1zwns64JeNRj3m45vFU/BS7gxVAOymaj3g==","shasum":"b7ea322f25fc13b4e5f9364f959e82cc6d571d67","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-3.4.3.tgz","fileCount":5,"unpackedSize":58963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbb37eCRA9TVsSAnZWagAAWMcP/i1tUmRNd7Or59zyVs/q\nYjjQx2zHdxqZQcRhpcp83Y15Ym41YaUbraUQE0ieaPnj0qTT5I62q4dHPiPH\nD6+0XcJdkKlAtgua7ix4q6VZcIVvUXJwPHIZtxYz2Exve209W12036TtWx7j\n/rElrqIJqd6OBJpJaUUwgcYEXYtohjjfKCJUlODIyR7QooZBGl63mH+gfGXH\nMSwIbPgVg2gJdzWsqpFq/XjuOt5j5QCg0CzgGDOph9mZNIa/UYRLrnWbpvnC\n2Y/qw/NAZLwfvBUAj++mQRupwSKJ8FZRor1Gbx8Sq2mlqMglw/EzBAGnZyeS\nBUZOjOiObwr62/ogPBUzh7FWNKGuug2flhYTCZ0+m16LcYXZYZjThSgiE5+w\nyeoE+tpV0tIHqU34a6xjSn7Du1vgT7p9F4CC71mEultrxjhZIRV2JdAcXvqi\nca9WGrkXSAYvM3h/bbM4V5EPD6q+V5U4UMreYWEUNVq8aA5pegZt+H1cbSOA\nS+ljstgZnaaUgVZSA71ATcp8jzKAMUfIlTMBOe50UPYf8AKXWuz1ZPix9wZU\nXCxLwq2WufcLF3O3SLMImumyq++X3zP0Vrd+NXWiESSb79EvJIor5uXCfc87\nzds7gZ1amhGG3t/h2TsH7Dw5LDdkAddJ/ZEPbhgwlBWiklFzWaR0/97SjJzx\ncsP5\r\n=pshG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCxDtkUfLcp7GvR7Y5gdN5dJDe5VxhGN7aQdzEumO2ICQIgc9P981IV+rGIqMbg8+NKOXuw8OZg9JBT3+ExRm2CuCQ="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_3.4.3_1534033629690_0.5557076285391973"},"_hasShrinkwrap":false},"3.5.0":{"name":"@jaames/iro","version":"3.5.0","description":"A sleek and lightweight JS color picker - with zero dependencies","main":"dist/iro.js","devDependencies":{"bili":"^3.0.13","concurrently":"^3.5.1","node-static":"^0.7.10"},"scripts":{"build":"bili","dev":"concurrently 'npm run serve' 'bili --watch --no-logUpdate'","serve":"static -c 0 -a 0.0.0.0 -p 4000","test":""},"files":["dist/iro.js"],"keywords":["color","colour","picker","wheel","stylesheet","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MIT","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://rakujira.jp/projects/iro/","gitHead":"42ad25c60fc363f966d502720ad818efee38e951","_id":"@jaames/iro@3.5.0","_npmVersion":"6.0.0","_nodeVersion":"9.11.1","_npmUser":{"name":"jaames","email":"whale@rakujira.jp"},"dist":{"integrity":"sha512-mfIbTaFdfCyZ3ACC8f60DwS+wRtTc0o45QtZUEiA557v95ujID3DrI4h+5BomzYXVX+ZZP2q3bkTZykhrqsu+g==","shasum":"ad43ab76e5f3409fa3b40a2756e8eadcea450adf","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-3.5.0.tgz","fileCount":5,"unpackedSize":54396,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbdr0/CRA9TVsSAnZWagAAklsP/jk29N+YhyJWGmCnJIOx\nA6mO3BSOyCuFobiqXgvnoXMuq6ujrW9r7PNYnz4javrNknwKzDzodOhkeJjx\nK0ytIkXbCYh/Spwv6DbJoO2dKYl8X344bL+kMO4l0eDEeUapuu9sqt9T57/Z\n8tET/elXpIJHA4JjHSZy69tV+N0LsVMhg+rknPqpadr8UXDKVnEaIMG/iHH3\nWuZJC6aQcEU0XVF32dMtG3mH2+dYV+YgS1nQUDmRaL21jT05k1qqe83zcNUF\nUtkzXniEtu7Kq0ShCnjLvYkwILNuCZOOJxC42ZPwpubpq84yPGFZWc3iGUGo\n03JoB9GDFbbAwNrtKkbiXbTAnclRxwK4MjRL62bi1GtMs159MiNbr6O6zUAW\nOwgP3fHtjtafdtVpxwYIYE2diw3Dj1M4lJGb3H8Mqq7Oy/LdSC5JJSavYv2I\ns4X695CvD2mbdQrHP2F1cVaA2tdihh4Ou2Iy0Yz+cgvffvuM9PR2sNgVQO6E\ncyj32CbUpx3cYWDyN2WBMhO11+TCvWebpZfDN4mPemW94IdJZkgrb5FHQYjv\nqly0Wn+yxsm0c9lawwFIuMyRvrFL0SSrM8yNEe52xdLNEyNmtivK68NjSk/D\nrXeENmtYPwRIlQzVQJymAmYAZUSYb+1Ab1cKwJhsnEytbyXsMaZbdTEa3VnJ\nnk81\r\n=EYow\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDf4yhWNNFaQAoLg5lH0UWb1zHjLEJI/fWdopnE2zJtzwIhAJEbvP4c7CjLrVZvejvo6+iG4igOX5zj/JlDKXHyLP9K"}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_3.5.0_1534508350514_0.3538208321537164"},"_hasShrinkwrap":false},"3.5.1":{"name":"@jaames/iro","version":"3.5.1","description":"A sleek and lightweight JS color picker - with zero dependencies","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"bili":"^3.0.13","concurrently":"^3.5.1","node-static":"^0.7.10"},"scripts":{"build":"bili","dev":"concurrently 'npm run serve' 'bili --watch --no-logUpdate'","serve":"static -c 0 -a 0.0.0.0 -p 4000","test":""},"files":["dist/iro.js","dist/iro.es.js"],"keywords":["color","colour","picker","wheel","stylesheet","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MIT","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://rakujira.jp/projects/iro/","gitHead":"42ad25c60fc363f966d502720ad818efee38e951","_id":"@jaames/iro@3.5.1","_npmVersion":"6.0.0","_nodeVersion":"9.11.1","_npmUser":{"name":"jaames","email":"whale@rakujira.jp"},"dist":{"integrity":"sha512-PvtvFV5srcy1Bj/+vS75ciaTi5OVtxCYiOC6Zh1eGWxuB1d+Zi8cRG3m6mCO/A25w5InSTYvgPWILAz3K8tiYQ==","shasum":"d4fa0c6300b4462fbb0ab98ac341d3ecb5d5b88b","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-3.5.1.tgz","fileCount":6,"unpackedSize":94189,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbd16dCRA9TVsSAnZWagAAShIQAJNs8dN/w4TkoXE/g+WJ\nbuQGfnNnJEBd1ooopwRYXtsu/jz4W1cqfoOuo/d2EqN1i32vQxVM4B4V/j7p\nsduBGiNFt4vVg4xbzG+4k2JoIDGa54GmfPw0Kg7NJ193HqCS54KTuLpTbPqk\nuFscz53WpJwF02OKGvp1X2A4rhx49/ft81GSxT/09ToM53oyN/W0LRKZQ7v5\n3QkuBjjQxco9TDVX/A+6QfwdMntkHF8OtkLb4eV6pOaX3tDDbCjiMsljidta\nhmh6AtpG/PL89KELYHSUhsQeBRCVuB3yWT171IQuNHfQ7m5YnNfs3r5hQKgQ\n5NEHnMYbE5CeJjPVe4O95sdQgDCZeMldBAUAHQ02wqIn+18FYOD+XUUfb1wE\nAEYK+hlIYHuH9/W8qGigVwgJBjZaHzLker5CXaf6oaC6rRrqYSfuKGJEEU1G\nwDKmTTlM9Q3pWhVwvEOqljp8flwesCH23eXTcUvG8YVB9OpEw8kSljlDNjBz\nthq1v07d0eS6xUU9VHnFF+SvVRC0C0CpYIYBxYY827BaWdeZ4VbBQ/p1XCh8\ni5/JUQS1zyqui/pe3bhhDfDB31tlBjOLAAqOFzImyzTte23UHCBathbF9kfk\nct77PEidM9NoGqfaKqd29tO9X6kECxGZi75XsSPLTbppu5Utno7pIFgBwJ/U\nwRPl\r\n=6Gxh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDzZx+SOmZrA0Sg/21l/bO9ptu4noPwytiNrJ4yPFguzAIgFBybakKnNOFubTJhswOqSzunrct+OqkVoHPAvS7DCsk="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_3.5.1_1534549660600_0.312330266578406"},"_hasShrinkwrap":false},"3.5.2":{"name":"@jaames/iro","version":"3.5.2","description":"A sleek and lightweight JS color picker - with zero dependencies","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"bili":"^3.0.13","concurrently":"^3.5.1","foundation-sites":"^6.5.0-rc.2","node-sass":"^4.9.3","node-static":"^0.7.10","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"build":"bili && \\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","dev":"concurrently 'npm run serve' 'bili --watch --no-logUpdate'","serve":"static -c 0 -a 0.0.0.0 -p 4000","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs","test":""},"keywords":["color","colour","picker","wheel","stylesheet","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MIT","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://rakujira.jp/projects/iro/","gitHead":"0a625e03fb68c832ec80906fcbe0d674a586231a","_id":"@jaames/iro@3.5.2","_npmVersion":"6.0.0","_nodeVersion":"9.11.1","_npmUser":{"name":"jaames","email":"whale@rakujira.jp"},"dist":{"integrity":"sha512-WBDQ4Js9ooKfT6UUraATVlVEdvSV04Y1KAMH8hEuMW/810FgtPLYu4ncFIxNbUV+E/Tv0GQkku6ryDwkauU+hA==","shasum":"779264667989d5a52d23c7241fecd1ac20626ebe","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-3.5.2.tgz","fileCount":6,"unpackedSize":94657,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbp8h4CRA9TVsSAnZWagAApJ4P/0yp4VQYiG8x1bHwHzSH\nWBeX3L42BP+cG/uH6S34LlpSLiJ0peJwawsgju2efx9LTb5bqT0lBQVGxJpR\nSi+4ENetv7B1iEp5XolTdoCSTvIQbT8hu6TU4wc3gj2TkYI5u89UIDrLush/\nDbKjvBfgn2Bk0yg1Qd7OzHdR2jlNsddBfWfAKRqr87g50GzX163A9c/lX69O\ns36SV2TKUJkmZ9bLBIWIO58rRjeXZfVnLgM77t22ldRm/FbbdLAZyCkC2TaM\nCiRASq8etKtkROUN6W6yh3860OVwy9g+K+ZsKYpF7CR8QeO5zPAGw2jp3rjR\n7QsQR10OHxq/Tg3HAS343u1B1OF7ao45WwGVGagX3X/djKydCI9Vx3cgY8Mg\nIAofb/f6XRxXT//HBTlEpwROtvrBIg+TbtVdJtoEK6+52sb02qxzovfTckpL\n8zzntu2MkOS4shLWP8KI0BCzKLqWNVsJDQ4J3WnlFZ3kxa21ElhMlnExoSrG\nWDD9XGsLuLeTdGIPdg3s35JFxzv61uiI0abZDVCEIhQ0aoIQd6jDSK++KmwL\nBtCP5rjeK9xHLsAgS9ufBVFbmTNAT0twmPXMo9Pm7FE2BVu0WX73Dyc7VbVW\nQhsf5Pin80luYaESC9hiq13XZBP0DPRwVl90s4VXoTS/ZpT47fXv4umxAfYM\n+GX5\r\n=tUc0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH0AwTIXBlN0WbkgkvUTlHCRm2Om1FFdVlhrp6KRZ+cvAiBptn+hiuFOHm+kX6gs/SoPkFXJMcTzqEiYkBskh00lkg=="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_3.5.2_1537722488191_0.4806569966201768"},"_hasShrinkwrap":false},"3.5.3":{"name":"@jaames/iro","version":"3.5.3","description":"A sleek and lightweight JS color picker - with zero dependencies","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"bili":"^3.0.13","concurrently":"^3.5.1","foundation-sites":"^6.5.0-rc.2","node-sass":"^4.9.3","node-static":"^0.7.10","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"build":"bili && \\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","dev":"concurrently 'npm run serve' 'bili --watch --no-logUpdate'","serve":"static -c 0 -a 0.0.0.0 -p 4000","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs","test":""},"keywords":["color","colour","picker","wheel","stylesheet","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MIT","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://rakujira.jp/projects/iro/","gitHead":"debe9ec4a15b38d94db0d83632abba5e1691ceab","_id":"@jaames/iro@3.5.3","_npmVersion":"6.0.0","_nodeVersion":"9.11.1","_npmUser":{"name":"jaames","email":"whale@rakujira.jp"},"dist":{"integrity":"sha512-cQqgNbvErgiaQIGVKwv6o3H0T8j0bXg+YXFO5YTiZhOEGTbvhLYRvnrGQLSHWh45jT6OP3K8iE0p9oXoH4NjGA==","shasum":"76d4e20981a99568051786102f53df57afb0a869","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-3.5.3.tgz","fileCount":6,"unpackedSize":95365,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbskz3CRA9TVsSAnZWagAAWBoP/3Ogfk7lQj94hLuS3O4j\n8cXJk1/Lgw/7LLAHKUCY6PorALIhckYE0/WJmWZRVTMGe06GibY23YRicB2H\noF+WgMyXhwKgTeydL/R+kQ+K4gijxxrNDwaata1TK19esTBC1dsJ6tEtJ5C/\nxYtnx6akp01IbjYTHp0n21WZ4yr144aWiOkRryYe/EOR/jtHbc3lLPVrZuo+\n41KUmsO9oQqpNOt1gPjGnyO93wLOpQrEtSZRgf6nYQ1kmVrP9CXFoFbW4kIf\n9dGMT67WzJ4hkgAtq1aXUPoTZSTJGNigeOkAGXmna8dQZ10kXJidXy5/mzC7\nNrlRzRsF0u7z/Qfi5/ir/51M0YCM+hkiMcmvBriRRkcM3XdX2snKI3AdVwEE\nNgmNqQkuqFu6uOk2bSEnwXAVKgD7I+BmfkiQzCJghWGYMEx61kHjsPmOuzI4\n+SewxGXfG3XQfnvw7oS+kAAsdNBz0ofnY3/DphXiSVzM0Y45YpwAyaj4M4mE\n0sTGZ2rW29PU186ViJhMNOm2fpiIz3q/VnQkfV+GXiWFVbwI1tGTdSzupShR\nzrH+EEnFafhhmosDqNpVCoeyeHTEn2yM93/OGigCvtS3ftWRp8tT1WtW4bh/\nHCXUsk9nznDwjdf2dQYic+OwBuHagPQHd3g+M8gFFJBmbTwELDWa3RIXgxeD\nT7GK\r\n=rulP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFh/xhJlP6mCsq/FpLrpNyyhH2Tv9v1cTPBBkP4u8opWAiEA1NCjcqFGWQRekzz5zhV3wU9gixjqG1veByy4tW5PjIA="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_3.5.3_1538411766763_0.15320780831792957"},"_hasShrinkwrap":false},"3.5.4":{"name":"@jaames/iro","version":"3.5.4","description":"A sleek and lightweight JS color picker - with zero dependencies","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"bili":"^3.0.13","concurrently":"^3.5.1","node-sass":"^4.9.3","node-static":"^0.7.10","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"build":"bili && \\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","dev":"concurrently 'npm run serve' 'bili --watch --no-logUpdate'","serve":"static -c 0 -a 0.0.0.0 -p 4000","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs","test":""},"keywords":["color","colour","picker","wheel","stylesheet","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MIT","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://rakujira.jp/projects/iro/","dependencies":{"css-reset-and-normalize":"^1.0.1"},"gitHead":"4ce24c695149c3c42822f908e9f28be8200da12c","_id":"@jaames/iro@3.5.4","_npmVersion":"6.0.0","_nodeVersion":"9.11.1","_npmUser":{"name":"jaames","email":"whale@rakujira.jp"},"dist":{"integrity":"sha512-TQArLbHE90G10pYRgoRbO+/As9lyz/m+HII9F++QYmpN3/jSIy5gOrizX3PeJ9nyu3U4rh/SWwKfO/4+m+4gOw==","shasum":"561a5ffecabf5891fce8950410a76fca2b7863a4","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-3.5.4.tgz","fileCount":6,"unpackedSize":95433,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcHiZdCRA9TVsSAnZWagAAzqgP/23muWBHu3FI2B8HisL0\nKOLzh8URfha89dO7QTld9Q3PvozUad+KjDVzgPC55zA1NODuLAqw1kKG9QK2\n3DH2oai1aqyLzJNmKiqKycrrQEOC3Pj82BkxUyayOlEkV055flnpTDMlJVQp\ntwvXglRq/7VJmNCMriLRFVHDs9tPrsjV4eN6J2dxlVq+tqdax6bfwpoCtrlp\nvxm2/Hj6ntzxcRMmJV2dShSpTAufmER1CINMHO5Jezcp4thPimXwpjtF/19x\n4PD51arbGNSEY0W3KUiPbNgL8Z85tmw49J7p6qJUh/ZnSnY2F721il8onvZQ\nTbYI9nclGch/fBLjpphslDWlaaWmjUmeAQ06tCJSmLqXTy6CtHkRQhZBtwWW\nkvZRC+kbQ7h7sThF0EWxT9a7vJ5TcLdn+qCRmJ4nb+A4Uppd/Mvn4BzUfGhd\n7/TeLb7plLio4kbZ//Btvtgg6hPCA+g/DQep0uO5bQy2zG5mvotF6ste6UaY\nfYSzJd7qPjI+FCB7WpEs5puWienA620bjLvsEI3rMP4FOzdqmJYu8G5Siow3\nxmTGd6QriPxnCXD177z7bMnW8yLI9BjSYTwsPDufIAs0qaS5wTF8zlXBlDsr\nAcl81HL1xX0ue4S/51zumHyMYLDCk8jtwJozg0Qspx3UsQE/lRbEY8KVP2m+\nWef2\r\n=L7FV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDitFBUQKhGoofZC3jcK3aCuZIfPP6nx2WPGIl1z57MIwIgb10LVSXyE+JrpqxpOTfA1HLpi7uKvTqLoqS7Jwr8hIU="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_3.5.4_1545479772810_0.16387928436165877"},"_hasShrinkwrap":false},"4.0.0-beta.0":{"name":"@jaames/iro","version":"4.0.0-beta.0","description":"A sleek, customizable color picker widget with zero dependencies and a small footprint","module":"dist/iro.es.js","main":"dist/iro.js","dependencies":{"preact":"^8.4.2"},"devDependencies":{"foundation-sites":"^6.5.0-rc.2","html-webpack-plugin":"^3.2.0","node-sass":"^4.9.3","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://rakujira.jp/projects/iro/","readme":"<h1 align=\"center\"><img height=\"200\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/screenshot.png\"/><br/>iro.js</h1>\n\n<p align=\"center\">\n  <b>A highly customizable svg-based color picker with zero external dependencies | <a href=\"//iro.js.org\">iro.js.org</a></b>\n</p>\n\n<p align=\"center\">\n  <a href=\"https://github.com/jaames/iro.js/blob/master/LICENSE.txt\">\n    <img src=\"https://badgen.net/github/license/jaames/iro.js?color=BB5FD1\" alt=\"license\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/v/@jaames/iro?color=6C8FF2\" alt=\"version\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/dt/@jaames/iro?color=6AD4E0\" alt=\"downloads\" />\n  </a>\n  <a href=\"https://bundlephobia.com/result?p=@jaames/iro\">\n    <img src=\"https://badgen.net/bundlephobia/minzip/@jaames/iro?color=6FDF89\" alt=\"minzip size\" />\n  </a>\n  <a href=\"\">\n    <img src=\"https://badgen.net/badge/dependencies/none/F8AE55\" alt=\"dependencies\" />\n  </a>\n  <a href=\"https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=XS9R3QTLZYAXQ&source=url\">\n    <img src=\"https://badgen.net/badge/donate/paypal/ED5151\" alt=\"donate\" />\n  </a>\n</p>\n\n## Features\n\n * **Simple** Easy-to-use API, with support for hex, rgb, hsl and hsv color formats\n * **Extendable**: Tweak iro.js exactly to your requirements with [Plugins](#Plugins) and custom UI elements\n * **Consistent behavior**: Works across all modern browsers and is responsive on touchscreen devices\n * **Small footprint**: Around [~7kb](https://bundlephobia.com/result?p=@jaames/iro) minified and gzipped, with absolutely no external dependencies, extra stylesheets/images, or jQuery in sight\n * **Licenced under MPL 2.0**: 100% free for personal and commercial use\n\n## Getting started\n\n### Install\n\n```bash\n$ npm install @jaames/iro --save\n```\n\nOr download manually\n\n### Import\n\n#### With ES6 modules\n\n```javascript\nimport iro from '@jaames/iro';\n```\n\n#### With CommonJS\n\n```javascript\nconst iro = require('@jaames/iro');\n```\n\n## Plugins\n\nTODO\n\n## Documentation\n\n* [Introduction](https://iro.js.org/introduction.html)\n* [Getting Started](https://iro.js.org/guide.html#getting-started)\n* [Color Picker Options](https://iro.js.org/guide.html#color-picker-options)\n* [Using the Selected Color](https://iro.js.org/guide.html#using-the-selected-color)\n* [Events](https://iro.js.org/guide.html#events)\n* [ColorPicker API](https://iro.js.org/colorPicker_api.html)\n* [Color API](https://iro.js.org/color_api.html)\n\nBuilt by [James Daniel](//github.com/jaames)\n\n[Website](//iro.js.org) | [Documentation](//iro.js.org/introduction.html) | [Codepen Demo](//codepen.io/rakujira/pen/WZOeNq?editors=0010) | [Contribution Guide](CONTRIBUTE.md) | [Changelog](CHANGELOG.md) | [License](LICENSE.txt)\n","readmeFilename":"README.md","gitHead":"1572c64e86360e570c3e99579d9f29861cb617a7","_id":"@jaames/iro@4.0.0-beta.0","_npmVersion":"6.0.0","_nodeVersion":"9.11.1","_npmUser":{"name":"jaames","email":"whale@rakujira.jp"},"dist":{"integrity":"sha512-dW2pKI9eljngu/rxBys9Lz0eb94y2PL2UpG6MukK/l/PlyCb23/G9acNS7ZXm5kUAqBct1angncn8WpjFJzKGw==","shasum":"53c1777cdf3a7b7c8d19b130e78e3f9dc39ca294","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.0.0-beta.0.tgz","fileCount":7,"unpackedSize":148899,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcSLmQCRA9TVsSAnZWagAAUj8P/3KiOdr50UdUFWqRbyPR\nOAWaOwMdAyU9ShaBYa/ulleVwAbM0dSzyINPAkGnVIq+OU0Q3lj5T3Qk+eTh\nOPctEudt11SNSbpLtbHRXo3aje7eNGyqxyG7xCU/L6gazOQaDwKIt/V/nORL\nxFhuahpqk8rv2d31l8V/SWlP/SwZQ1j29eysPFSW93VQMek4v8duLnHFrseW\n+eMEhLVcaPJWYWBp2fLDmiUYVXy1NmzHvmOh5QgtdL2Mk2OqNZHuGna8G3ow\niU1481XqPRzEhTt05JmDraGyCoOeGSFNJYqovEZLtW7GGVs/MTkTm6K+Xs9j\npmOl3xsMj3hfIiGB8RuQmh2GErcSag0YWOokL0/jbaFifCsRuMGUN6NVvrCs\nrkrpUBk5rgBwxMh8Ss7Zb9eO3YDEvU4g4AazQXftLnByTMWoXZ0DxQwvTuGT\nanruMqQPNjbO/xWyaWSY6VMItih3R9rHkz4Y134LM0cw9xLC9fzTC0te9dfT\nP4mceek64X0kuto3X2twLwPDoCAW5MCaUnaGmTDRshcLFQmBSo1LMLOkQhii\nsdk6xhfMkHiqMRToiWY/KiumROMTlcatBoOkU2uYY5cb16duE3jgVPn4K9vU\nDFuapLg0+KoCFaLLmREAZ+fKTG54Mn6D7Zq97t/Evvkeq4L0TVhb0BvDvlgx\ncgIh\r\n=eowR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBHMgni0R/MZ2OaFfZ35LLE7l0mRbD7kw1gNxROzlqAxAiEAkCootY+XNr7ERRKstpkoVJnnVrcF/bknjqhOVcKVdUc="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.0.0-beta.0_1548269968353_0.6618069982636041"},"_hasShrinkwrap":false},"4.0.0-beta.1":{"name":"@jaames/iro","version":"4.0.0-beta.1","description":"A sleek, customizable color picker widget with zero dependencies and a small footprint","module":"dist/iro.es.js","main":"dist/iro.js","dependencies":{"preact":"^8.4.2"},"devDependencies":{"foundation-sites":"^6.5.0-rc.2","html-webpack-plugin":"^3.2.0","node-sass":"^4.9.3","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","readme":"> :warning: This readme is for the beta release of iro.js v4. Some parts are currently incomplete or lacking detail. Please read [this issue thread](https://github.com/jaames/iro.js/issues/30) for more info!\n\n<h1 align=\"center\"><a href=\"//iro.js.org\"><img height=\"340\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/screenshot.png\"/><br/>iro.js</a></h1>\n\n<p align=\"center\">\n  <b>A highly customizable svg-based color picker with zero external dependencies | <a href=\"//iro.js.org\">iro.js.org</a></b>\n</p>\n\n<p align=\"center\">\n  <a href=\"https://github.com/jaames/iro.js/blob/master/LICENSE.txt\">\n    <img src=\"https://badgen.net/github/license/jaames/iro.js?color=BB5FD1\" alt=\"license\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/v/@jaames/iro?color=6C8FF2\" alt=\"version\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/dt/@jaames/iro?color=6AD4E0\" alt=\"downloads\" />\n  </a>\n  <a href=\"https://bundlephobia.com/result?p=@jaames/iro@beta\">\n    <img src=\"https://badgen.net/bundlephobia/minzip/@jaames/iro@beta?color=6FDF89\" alt=\"minzip size\" />\n  </a>\n  <a href=\"\">\n    <img src=\"https://badgen.net/badge/dependencies/none/F8AE55\" alt=\"dependencies\" />\n  </a>\n  <a href=\"https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=XS9R3QTLZYAXQ&source=url\">\n    <img src=\"https://badgen.net/badge/donate/paypal/ED5151\" alt=\"donate\" />\n  </a>\n</p>\n\n## Features\n\n * **Simple**: Easy-to-use API, with support for hex, rgb, hsl and hsv color formats.\n * **Extendable**: Tweak the library to your requirements with [Plugins](#plugins) and custom UI elements.\n * **Consistent behavior**: Works across all modern browsers and is responsive on touchscreen devices.\n * **Small footprint**: Around [~7kb](https://bundlephobia.com/result?p=@jaames/iro@beta) minified and gzipped, with absolutely no external dependencies, extra stylesheets/images, or jQuery in sight.\n * **Licenced under MPL 2.0**: 100% free for personal and commercial use.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Installation\n\n### Install with NPM\n\n```bash\n$ npm install @jaames/iro@beta --save\n```\n\nIf you are using a module bundler like Webpack or Rollup, import iro.js into your project: \n\n```javascript\n// Using ES6 module syntax\nimport iro from '@jaames/iro';\n\n// Using CommonJS modules\nconst iro = require('@jaames/iro');\n```\n\n### Download and host yourself\n\n**[Development version](https://raw.githubusercontent.com/jaames/iro.js/v4/dist/iro.js)**<br/>\nUncompressed at around 50kB, with source comments included\n\n**[Production version](https://raw.githubusercontent.com/jaames/iro.js/v4/dist/iro.min.js)**<br/>\nMinified to 19kB\n\nThen add it to the `<head>` of your page with a `<script>` tag:\n\n```html\n<html>\n  <head>\n    <!-- ... -->\n    <script src=\"./path/to/iro.min.js\"></script>\n  </head>\n  <!-- ... -->\n</html>\n```\n\nWhen manually inluding the library like this, it will be globally available as `window.iro`.\n\n### Using the unpkg CDN\n\n```html\n<script src=\"https://unpkg.com/@jaames/iro@beta/dist/iro.min.js\"></script>\n```\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Demo\n\nComing soon!\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Usage\n\n### Getting Started\n\nCreate a HTML element with a unique identifier (such as an `id` attribute) to act as a container for the color picker:\n\n```html\n<div id=\"color-picker-container\"></div>\n```\n\nThen use JavaScript to create a new `iro.ColorPicker` and provide a CSS selector that matches the container element:\n\n```js\nvar colorPicker = new iro.ColorPicker('#color-picker-container');\n```\n\nYou can use a DOM object instead of a CSS selector -- this might be more suitable if you're integrating iro.js into an application built with Vue, React, Angular, etc.\n\n### Color Picker Options\n\nThe the color picker can be configured by passing a set of options to the second `iro.ColorPicker` parameter:\n\n```js\nvar colorPicker = new iro.ColorPicker(\"#color-picker-container\", {\n  // Set the size of the color picker\n  width: 320,\n  // Set the initial color to red\n  color: \"#f00\"\n});\n```\n\n#### Available Options\n\n| Name             | Purpose | Default Value |\n|:-----------------|:--------|:--------------|\n| `color`          | The initial color value. This can be any [supported color format](#supported-color-formats). | `\"#fff\"` |\n| `width`          | Total width of the control UI. | `300` |\n| `padding`        | Padding around the control handles. | `6` |\n| `handleRadius`   | Radius of the control handles. | `8` |\n| `handleUrl`      | SVG reference for custom handles. TODO: document this in more detail | `null` |\n| `handleOrigin`   | Custom handle origin point. | `{ x: 0, y: 0 }` |\n| `wheelLightness` | If set to 'false', the color wheel will not fade to black as the color's lightness decreases. | `true` |\n| `sliderHeight`   | Slider control height. By default this will be calculated automatically | `undefined` |\n| `sliderMargin`   | Distance between the wheel and the slider controls. | `12` |\n| `borderWidth`    | Width of the border around the controls. Defaults to 0 (no border). | `0` |\n| `borderColor`    | Color of the border. Any valid CSS color is supported. | `\"#fff\"` |\n| `display`        | CSS display value for the color picker root element. | `\"block\"` |\n\n### Color API\n\nEach color picker instance has a `color` object which stores the currently selected color. \n\n#### Color Properties\n\nThe color object has a few properties which can be used to both get and set the selected color in different formats. When the color is set this way, the UI will update and the [`color:change`](#color-picker-events) event will fire.\n\n| Name        | Example Format     |\n|:------------|:-------------------|\n| `hexString` | `#ff0000` |\n| `rgb`       | `{ r: 255, g: 0, b: 0 }` |\n| `rgbString` | `\"rgb(255, 0, 0)\"` |\n| `hsl`       | `{ h: 360, s: 100, l: 50 }` |\n| `hslString` | `\"hsl(360, 100%, 50%)\"` |\n| `hsv`       | `{ h: 360, s: 100, v: 100 }` |\n\nFor example, to get the current color as a hex string:\n\n```js\nvar hex = colorPicker.color.hexString;\nconsole.log(hex); // hex = \"#ff0000\"\n```\n\nOr to set the selected color from a hsl object:\n\n```js\ncolorPicker.color.hsl = { h: 180, s: 100, l: 50 };\n// colorPicker UI updates\n```\n\n#### Supported Color Formats\n\nThe following color formats are supported by the color picker's `color` config option, as well as the `color.set()` method:\n\n* **hex string**: `\"#ff0000\"`\n* **shorthand hex string**: `\"#f00\"`\n* **rgb(a) string**: `\"rgb(255, 0, 0)\"`\n* **percentage rgb(a) string**: `\"rgb(100%, 0%, 0%)\"`\n* **rgb object**: `{r: 255, g: 0, b: 0}`\n* **hsl(a) string**: `hsl(360, 50%, 100%)`\n* **hsl object**: `{h: 360, s: 50, l: 100}`\n* **hsv object**: `{h: 360, s: 100, v: 50}`\n\n### Color Picker Events\n\nThe color picker's `on` method can be used to register callbacks for color picker events, such as when the selected color changes or when the user begins interacting with the picker. These callbacks can also be removed with the `off` method.\n\n**`color:change`**\n\nFired whenever the color changes -- either when the user interacts with the controls, or when it is set via code. This event's callback function gets passed two values:\n\n* `color`: the [currently selected color](#color-api)\n* `changes`: an object showing which HSV channels have changed since the last time the event was fired\n\nFor example: \n\n```js\ncolorPicker.on('color:change', function(color, changes) {\n  // Log the color's hex RGB value to the dev console\n  console.log(color.hexString);\n  // If the \"H\" channel has changed, log the color's HSV value too\n  if (changes.h) {\n    console.log(color.hsv);\n  }\n})\n```\n\nCheck out the [Color API](#color-api) documentation for more details on the color object.\n\n**`input:start`**\n\nFired whenever the users starts interacting with the color picker controls. The colorPicker's color object is passed to this event's callback function.\n\n**`input:end`**\n\nFired whenever the user stops interacting with the color picker controls. The colorPicker's color object is passed to this event's callback function.\n\n**`mount`**\n\nFired when the colorPicker's UI has been mounted to the DOM and is ready for user interaction. A reference to the colorPicker object is passed to this event's callback function.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Documentation\n\n> :warning: Full v4 documentation is currently being written\n\n* [Introduction](https://iro.js.org/introduction.html)\n* [Getting Started](https://iro.js.org/guide.html#getting-started)\n* [Color Picker Options](https://iro.js.org/guide.html#color-picker-options)\n* [Using the Selected Color](https://iro.js.org/guide.html#using-the-selected-color)\n* [Events](https://iro.js.org/guide.html#events)\n* [ColorPicker API](https://iro.js.org/colorPicker_api.html)\n* [Color API](https://iro.js.org/color_api.html)\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Plugins\n\nComing soon!\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n[Website](//iro.js.org) | [Documentation](//iro.js.org/introduction.html) | [Codepen Demo](//codepen.io/rakujira/pen/WZOeNq?editors=0010) | [Contribution Guide](CONTRIBUTE.md) | [Changelog](CHANGELOG.md) | [License](LICENSE.txt)\n\n&copy; [James Daniel](//github.com/jaames)","readmeFilename":"README.md","gitHead":"9192c5d94989b094778887f85188772315beab07","_id":"@jaames/iro@4.0.0-beta.1","_npmVersion":"6.0.0","_nodeVersion":"9.11.1","_npmUser":{"name":"jaames","email":"whale@rakujira.jp"},"dist":{"integrity":"sha512-+AFAruSJC5+wDGqNznUmMPY6kKGB+MSEVhT1pUE861wk3f9H4ciSh/LTw3fmOrR1mqtPO0i0LAneVetmIDIDRA==","shasum":"9998e24c55d92b733a2cae08df259a922f39910a","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.0.0-beta.1.tgz","fileCount":7,"unpackedSize":156428,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcSb1tCRA9TVsSAnZWagAAns4P/3goxnUDNF3MH1DhIMcD\nijNhQV6ewjQpSmoV6jn200/4k51nASshPD9rfUszP+QIj4E/llNxXH0qLRiN\nWg8lXoSiJHFfpj4BlV2O8kXY9siqOkfh4Its+rZFPINkPJ0WEqAVfUDKk/at\n32iTjLYwVe29CaHuvHx2zRAvefc+XDFshwtoiNl1xVrCTnjvobV6fPKJTmSy\np8+nRy1IMrk6vmpOnKwcGBikWvJtlOPOe4BpqqsEpad6s+EP7X/23+VekmrY\nJHHJ0rjWKBUefiBAWtc3x574qEHdGr99vkga9PSYqpmD+tyN+3hD6WzJfnME\n1NCiZ2sSTQPPNb+1DnTIRJagNdvjyQj4tguee4W/BoyeBmTHt/hqN/g2b8PI\nhSIOsS/jr/na0blU0xA6eOzTrqgtRH0Ys61VLZIXfe9K8beVumcrJA7f1qJd\nx06UmKZnxa0YeLfGQ6pZ9f/2GUMNkGkfrxQ7j+XneVLQJ8+lvoBUb4NZ4p0X\n/HGUlr5uYMK/TAq8zQVis7RFlLdqSDVbjYLH7o4A+okY42ROWoVWXRyiGiSa\nzsxhrHmQJxEC7LRhqbAg8TBeft5j5fwB5cxKp4yapJxvitdvXZeGHdAgEkO6\n2a7D80YB8gyk01np4G1gFUrBdy2JkQyOnjMo9LEh0ZNVYN6JipHm8gCsuC/7\nHrpq\r\n=iZQI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA/PIPe8VUDLsCml7A11xMhkGDnXT8G/OjA/sJZKM4svAiEAsMggewwoUh8M3W2dw70ltICyhxfN7uZz2lcrOJiiUqI="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.0.0-beta.1_1548336492630_0.6763639455309842"},"_hasShrinkwrap":false},"4.0.0-beta.2":{"name":"@jaames/iro","version":"4.0.0-beta.2","description":"A sleek, customizable color picker widget with zero dependencies and a small footprint","module":"dist/iro.es.js","main":"dist/iro.js","dependencies":{"preact":"^8.4.2"},"devDependencies":{"css-reset-and-normalize":"^1.2.0","node-sass":"^4.9.3","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","readme":"> :warning: This readme is for the beta release of iro.js v4. Some parts are currently incomplete or lacking detail. Please read [this issue thread](https://github.com/jaames/iro.js/issues/30) for more info!\n\n<h1 align=\"center\"><a href=\"//iro.js.org\"><img height=\"340\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/screenshot.png\"/><br/>iro.js</a></h1>\n\n<p align=\"center\">\n  <b>A highly customizable svg-based color picker with zero external dependencies | <a href=\"//iro.js.org\">iro.js.org</a></b>\n</p>\n\n<p align=\"center\">\n  <a href=\"https://github.com/jaames/iro.js/blob/master/LICENSE.txt\">\n    <img src=\"https://badgen.net/github/license/jaames/iro.js?color=BB5FD1\" alt=\"license\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/v/@jaames/iro?color=6C8FF2\" alt=\"version\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/dt/@jaames/iro?color=6AD4E0\" alt=\"downloads\" />\n  </a>\n  <a href=\"https://bundlephobia.com/result?p=@jaames/iro@beta\">\n    <img src=\"https://badgen.net/bundlephobia/minzip/@jaames/iro@beta?color=6FDF89\" alt=\"minzip size\" />\n  </a>\n  <a href=\"\">\n    <img src=\"https://badgen.net/badge/dependencies/none/F8AE55\" alt=\"dependencies\" />\n  </a>\n  <a href=\"https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=XS9R3QTLZYAXQ&source=url\">\n    <img src=\"https://badgen.net/badge/donate/paypal/ED5151\" alt=\"donate\" />\n  </a>\n</p>\n\n## Features\n\n * **Simple**: Easy-to-use API, with support for hex, rgb, hsl and hsv color formats.\n * **Extendable**: Tweak the library to your requirements with [Plugins](#plugins) and custom UI elements.\n * **Consistent behavior**: Works across all modern browsers and is responsive on touchscreen devices.\n * **Small footprint**: Around [~7kb](https://bundlephobia.com/result?p=@jaames/iro@beta) minified and gzipped, with absolutely no external dependencies, extra stylesheets/images, or jQuery in sight.\n * **Licenced under MPL 2.0**: 100% free for personal and commercial use.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Installation\n\n### Install with NPM\n\n```bash\n$ npm install @jaames/iro@beta --save\n```\n\nIf you are using a module bundler like Webpack or Rollup, import iro.js into your project: \n\n```javascript\n// Using ES6 module syntax\nimport iro from '@jaames/iro';\n\n// Using CommonJS modules\nconst iro = require('@jaames/iro');\n```\n\n### Download and host yourself\n\n**[Development version](https://raw.githubusercontent.com/jaames/iro.js/v4/dist/iro.js)**<br/>\nUncompressed at around 50kB, with source comments included\n\n**[Production version](https://raw.githubusercontent.com/jaames/iro.js/v4/dist/iro.min.js)**<br/>\nMinified to 19kB\n\nThen add it to the `<head>` of your page with a `<script>` tag:\n\n```html\n<html>\n  <head>\n    <!-- ... -->\n    <script src=\"./path/to/iro.min.js\"></script>\n  </head>\n  <!-- ... -->\n</html>\n```\n\nWhen manually inluding the library like this, it will be globally available as `window.iro`.\n\n### Using the unpkg CDN\n\n```html\n<script src=\"https://unpkg.com/@jaames/iro@beta/dist/iro.min.js\"></script>\n```\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Demo\n\nComing soon!\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Usage\n\n### Getting Started\n\nCreate a HTML element with a unique identifier (such as an `id` attribute) to act as a container for the color picker:\n\n```html\n<div id=\"color-picker-container\"></div>\n```\n\nThen use JavaScript to create a new `iro.ColorPicker` and provide a CSS selector that matches the container element:\n\n```js\nvar colorPicker = new iro.ColorPicker('#color-picker-container');\n```\n\nYou can use a DOM object instead of a CSS selector -- this might be more suitable if you're integrating iro.js into an application built with Vue, React, Angular, etc.\n\n### Color Picker Options\n\nThe the color picker can be configured by passing a set of options to the second `iro.ColorPicker` parameter:\n\n```js\nvar colorPicker = new iro.ColorPicker(\"#color-picker-container\", {\n  // Set the size of the color picker\n  width: 320,\n  // Set the initial color to red\n  color: \"#f00\"\n});\n```\n\n#### Available Options\n\n| Name             | Purpose | Default Value |\n|:-----------------|:--------|:--------------|\n| `color`          | The initial color value. This can be any [supported color format](#supported-color-formats). | `\"#fff\"` |\n| `width`          | Total width of the control UI. | `300` |\n| `padding`        | Padding around the control handles. | `6` |\n| `handleRadius`   | Radius of the control handles. | `8` |\n| `handleUrl`      | SVG reference for custom handles. TODO: document this in more detail | `null` |\n| `handleOrigin`   | Custom handle origin point. | `{ x: 0, y: 0 }` |\n| `wheelLightness` | If set to 'false', the color wheel will not fade to black as the color's lightness decreases. | `true` |\n| `sliderHeight`   | Slider control height. By default this will be calculated automatically | `undefined` |\n| `sliderMargin`   | Distance between the wheel and the slider controls. | `12` |\n| `borderWidth`    | Width of the border around the controls. Defaults to 0 (no border). | `0` |\n| `borderColor`    | Color of the border. Any valid CSS color is supported. | `\"#fff\"` |\n| `display`        | CSS display value for the color picker root element. | `\"block\"` |\n\n### Color API\n\nEach color picker instance has a `color` object which stores the currently selected color. \n\n#### Color Properties\n\nThe color object has a few properties which can be used to both get and set the selected color in different formats. When the color is set this way, the UI will update and the [`color:change`](#color-picker-events) event will fire.\n\n| Name        | Example Format     |\n|:------------|:-------------------|\n| `hexString` | `#ff0000` |\n| `rgb`       | `{ r: 255, g: 0, b: 0 }` |\n| `rgbString` | `\"rgb(255, 0, 0)\"` |\n| `hsl`       | `{ h: 360, s: 100, l: 50 }` |\n| `hslString` | `\"hsl(360, 100%, 50%)\"` |\n| `hsv`       | `{ h: 360, s: 100, v: 100 }` |\n\nFor example, to get the current color as a hex string:\n\n```js\nvar hex = colorPicker.color.hexString;\nconsole.log(hex); // hex = \"#ff0000\"\n```\n\nOr to set the selected color from a hsl object:\n\n```js\ncolorPicker.color.hsl = { h: 180, s: 100, l: 50 };\n// colorPicker UI updates\n```\n\n#### Supported Color Formats\n\nThe following color formats are supported by the color picker's `color` config option, as well as the `color.set()` method:\n\n* **hex string**: `\"#ff0000\"`\n* **shorthand hex string**: `\"#f00\"`\n* **rgb(a) string**: `\"rgb(255, 0, 0)\"`\n* **percentage rgb(a) string**: `\"rgb(100%, 0%, 0%)\"`\n* **rgb object**: `{r: 255, g: 0, b: 0}`\n* **hsl(a) string**: `hsl(360, 50%, 100%)`\n* **hsl object**: `{h: 360, s: 50, l: 100}`\n* **hsv object**: `{h: 360, s: 100, v: 50}`\n\n### Color Picker Events\n\nThe color picker's `on` method can be used to register callbacks for color picker events, such as when the selected color changes or when the user begins interacting with the picker. These callbacks can also be removed with the `off` method.\n\n**`color:change`**\n\nFired whenever the color changes -- either when the user interacts with the controls, or when it is set via code. This event's callback function gets passed two values:\n\n* `color`: the [currently selected color](#color-api)\n* `changes`: an object showing which HSV channels have changed since the last time the event was fired\n\nFor example: \n\n```js\ncolorPicker.on('color:change', function(color, changes) {\n  // Log the color's hex RGB value to the dev console\n  console.log(color.hexString);\n  // If the \"H\" channel has changed, log the color's HSV value too\n  if (changes.h) {\n    console.log(color.hsv);\n  }\n})\n```\n\nCheck out the [Color API](#color-api) documentation for more details on the color object.\n\n**`input:start`**\n\nFired whenever the users starts interacting with the color picker controls. The colorPicker's color object is passed to this event's callback function.\n\n**`input:end`**\n\nFired whenever the user stops interacting with the color picker controls. The colorPicker's color object is passed to this event's callback function.\n\n**`mount`**\n\nFired when the colorPicker's UI has been mounted to the DOM and is ready for user interaction. A reference to the colorPicker object is passed to this event's callback function.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Documentation\n\n> :warning: Full v4 documentation is currently being written\n\n* [Introduction](https://iro.js.org/introduction.html)\n* [Getting Started](https://iro.js.org/guide.html#getting-started)\n* [Color Picker Options](https://iro.js.org/guide.html#color-picker-options)\n* [Using the Selected Color](https://iro.js.org/guide.html#using-the-selected-color)\n* [Events](https://iro.js.org/guide.html#events)\n* [ColorPicker API](https://iro.js.org/colorPicker_api.html)\n* [Color API](https://iro.js.org/color_api.html)\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Plugins\n\nComing soon!\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n[Website](//iro.js.org) | [Documentation](//iro.js.org/introduction.html) | [Codepen Demo](//codepen.io/rakujira/pen/WZOeNq?editors=0010) | [Contribution Guide](CONTRIBUTE.md) | [Changelog](CHANGELOG.md) | [License](LICENSE.txt)\n\n&copy; [James Daniel](//github.com/jaames)","readmeFilename":"README.md","gitHead":"9192c5d94989b094778887f85188772315beab07","_id":"@jaames/iro@4.0.0-beta.2","_npmVersion":"6.0.0","_nodeVersion":"9.11.1","_npmUser":{"name":"jaames","email":"whale@rakujira.jp"},"dist":{"integrity":"sha512-jfUHNAA0ftWNlM18FHwxYCSNTZAZXuEjp140xiVszisWQgu4LOol6m6WHizjIpcVRu7k7ti95+Gv3abZUTm4xQ==","shasum":"0208f53297be0a05b1ceabdad2194e4bfd60bc69","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.0.0-beta.2.tgz","fileCount":7,"unpackedSize":156502,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcSdwLCRA9TVsSAnZWagAAAb0P/0sQxUYGmvX8c4S1yg/F\nesl8zAOQOOltIx6Ekj6Af4TAc30mcMyfSSLi4eezVVAgmzsNUJBvirJJQzMY\nCnikxUEQZRPqr7TSPJx7ooXSuPYdWAxJ8Ort011HDOZVuYmzul7S/xB+IC+7\ndw+jWjcYHwYKdiy78rJDnHSLUvJ4oIdiw6k/JfjuYy6MepVYviQBaZCJbfRU\nWZfGK3FwoW4RFyWj4X+lH17tVyf50N/SriqE3VMXKG2e3A6LBLKaBqlzUU+1\nYaB4eyI6pn6S4/S05yRKx0/+934/A3oDe6FAkYYlJCkikfWF1fmkXYMQWNbo\npRCWASSyliL7+z3AHPpjREC+tXgSr2fhzLM9cWNuUOEB9VncSd6LALUqmv2u\n2CyseKovelLGt0Pc+KGMtDg6SAoUFdPuupXCXBz8s/hAwTJ6bt2qzyYRzOnk\nB3NDz533A7jSVgXQexDk3PMkBswdTA2O1vAJ46GqXKi3Y3keiTAT1GYD3GpD\nwexy6UzEea1V1oTE5+ynWZq64fOI0nGXlOiix00GaQV7CpVnUzlCV3L5/0Sq\n4QM1XYJn4bl9xZcqcVDSnsyfuF4FeDzagMUJ4r9y/kvUKKvzesaeVs6zJjLL\nsE5Nfc0xIJLxJ9wqOKmeRPFFq3OZg/9mQUNbdBQg+l5eoh46Wlrs+Qh6JLOm\nqjyg\r\n=xLuf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGNh+Qp71qssSTXjp1MzazJArxN0dyXxMeetQtMTHutuAiBMUmAMOCtdzdxlBGIvDYyUbBt+aAr5BYdxUefRblSBvQ=="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.0.0-beta.2_1548344330589_0.02189192332878709"},"_hasShrinkwrap":false},"4.0.0-beta.3":{"name":"@jaames/iro","version":"4.0.0-beta.3","description":"A sleek, customizable color picker widget with zero dependencies and a small footprint","module":"dist/iro.es.js","main":"dist/iro.js","dependencies":{"preact":"^8.4.2"},"devDependencies":{"css-reset-and-normalize":"^1.2.0","node-sass":"^4.9.3","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","readme":"> :warning: This readme is for the beta release of iro.js v4. Some parts are currently incomplete or lacking detail. Please read [this issue thread](https://github.com/jaames/iro.js/issues/30) for more info!\n\n<h1 align=\"center\"><a href=\"//iro.js.org\"><img height=\"340\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/screenshot.png\"/><br/>iro.js</a></h1>\n\n<p align=\"center\">\n  <b>A highly customizable svg-based color picker with zero external dependencies | <a href=\"//iro.js.org\">iro.js.org</a></b>\n</p>\n\n<p align=\"center\">\n  <a href=\"https://github.com/jaames/iro.js/blob/master/LICENSE.txt\">\n    <img src=\"https://badgen.net/github/license/jaames/iro.js?color=BB5FD1\" alt=\"license\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/v/@jaames/iro?color=6C8FF2\" alt=\"version\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/dt/@jaames/iro?color=6AD4E0\" alt=\"downloads\" />\n  </a>\n  <a href=\"https://bundlephobia.com/result?p=@jaames/iro@beta\">\n    <img src=\"https://badgen.net/bundlephobia/minzip/@jaames/iro@beta?color=6FDF89\" alt=\"minzip size\" />\n  </a>\n  <a href=\"\">\n    <img src=\"https://badgen.net/badge/dependencies/none/F8AE55\" alt=\"dependencies\" />\n  </a>\n  <a href=\"https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=XS9R3QTLZYAXQ&source=url\">\n    <img src=\"https://badgen.net/badge/donate/paypal/ED5151\" alt=\"donate\" />\n  </a>\n</p>\n\n## Features\n\n * **Simple**: Easy-to-use API, with support for hex, rgb, hsl and hsv color formats.\n * **Extendable**: Tweak the library to your requirements with [Plugins](#plugins) and custom UI elements.\n * **Consistent behavior**: Works across all modern browsers and is responsive on touchscreen devices.\n * **Small footprint**: Around [~7kb](https://bundlephobia.com/result?p=@jaames/iro@beta) minified and gzipped, with absolutely no external dependencies, extra stylesheets/images, or jQuery in sight.\n * **Licenced under MPL 2.0**: 100% free for personal and commercial use.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Installation\n\n### Install with NPM\n\n```bash\n$ npm install @jaames/iro@beta --save\n```\n\nIf you are using a module bundler like Webpack or Rollup, import iro.js into your project: \n\n```javascript\n// Using ES6 module syntax\nimport iro from '@jaames/iro';\n\n// Using CommonJS modules\nconst iro = require('@jaames/iro');\n```\n\n### Download and host yourself\n\n**[Development version](https://raw.githubusercontent.com/jaames/iro.js/v4/dist/iro.js)**<br/>\nUncompressed at around 50kB, with source comments included\n\n**[Production version](https://raw.githubusercontent.com/jaames/iro.js/v4/dist/iro.min.js)**<br/>\nMinified to 19kB\n\nThen add it to the `<head>` of your page with a `<script>` tag:\n\n```html\n<html>\n  <head>\n    <!-- ... -->\n    <script src=\"./path/to/iro.min.js\"></script>\n  </head>\n  <!-- ... -->\n</html>\n```\n\nWhen manually inluding the library like this, it will be globally available as `window.iro`.\n\n### Using the unpkg CDN\n\n```html\n<script src=\"https://unpkg.com/@jaames/iro@beta/dist/iro.min.js\"></script>\n```\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Demo\n\nComing soon!\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Usage\n\n### Getting Started\n\nCreate a HTML element with a unique identifier (such as an `id` attribute) to act as a container for the color picker:\n\n```html\n<div id=\"color-picker-container\"></div>\n```\n\nThen use JavaScript to create a new `iro.ColorPicker` and provide a CSS selector that matches the container element:\n\n```js\nvar colorPicker = new iro.ColorPicker('#color-picker-container');\n```\n\nYou can use a DOM object instead of a CSS selector -- this might be more suitable if you're integrating iro.js into an application built with Vue, React, Angular, etc.\n\n### Color Picker Options\n\nThe the color picker can be configured by passing a set of options to the second `iro.ColorPicker` parameter:\n\n```js\nvar colorPicker = new iro.ColorPicker(\"#color-picker-container\", {\n  // Set the size of the color picker\n  width: 320,\n  // Set the initial color to red\n  color: \"#f00\"\n});\n```\n\n#### Available Options\n\n| Name             | Purpose | Default Value |\n|:-----------------|:--------|:--------------|\n| `color`          | The initial color value. This can be any [supported color format](#supported-color-formats). | `\"#fff\"` |\n| `width`          | Total width of the control UI. | `300` |\n| `padding`        | Padding around the control handles. | `6` |\n| `handleRadius`   | Radius of the control handles. | `8` |\n| `handleUrl`      | SVG reference for custom handles. TODO: document this in more detail | `null` |\n| `handleOrigin`   | Custom handle origin point. | `{ x: 0, y: 0 }` |\n| `wheelLightness` | If set to 'false', the color wheel will not fade to black as the color's lightness decreases. | `true` |\n| `sliderHeight`   | Slider control height. By default this will be calculated automatically | `undefined` |\n| `sliderMargin`   | Distance between the wheel and the slider controls. | `12` |\n| `borderWidth`    | Width of the border around the controls. Defaults to 0 (no border). | `0` |\n| `borderColor`    | Color of the border. Any valid CSS color is supported. | `\"#fff\"` |\n| `display`        | CSS display value for the color picker root element. | `\"block\"` |\n\n### Color API\n\nEach color picker instance has a `color` object which stores the currently selected color. \n\n#### Color Properties\n\nThe color object has a few properties which can be used to both get and set the selected color in different formats. When the color is set this way, the UI will update and the [`color:change`](#color-picker-events) event will fire.\n\n| Name        | Example Format     |\n|:------------|:-------------------|\n| `hexString` | `#ff0000` |\n| `rgb`       | `{ r: 255, g: 0, b: 0 }` |\n| `rgbString` | `\"rgb(255, 0, 0)\"` |\n| `hsl`       | `{ h: 360, s: 100, l: 50 }` |\n| `hslString` | `\"hsl(360, 100%, 50%)\"` |\n| `hsv`       | `{ h: 360, s: 100, v: 100 }` |\n\nFor example, to get the current color as a hex string:\n\n```js\nvar hex = colorPicker.color.hexString;\nconsole.log(hex); // hex = \"#ff0000\"\n```\n\nOr to set the selected color from a hsl object:\n\n```js\ncolorPicker.color.hsl = { h: 180, s: 100, l: 50 };\n// colorPicker UI updates\n```\n\n#### Supported Color Formats\n\nThe following color formats are supported by the color picker's `color` config option, as well as the `color.set()` method:\n\n* **hex string**: `\"#ff0000\"`\n* **shorthand hex string**: `\"#f00\"`\n* **rgb(a) string**: `\"rgb(255, 0, 0)\"`\n* **percentage rgb(a) string**: `\"rgb(100%, 0%, 0%)\"`\n* **rgb object**: `{r: 255, g: 0, b: 0}`\n* **hsl(a) string**: `hsl(360, 50%, 100%)`\n* **hsl object**: `{h: 360, s: 50, l: 100}`\n* **hsv object**: `{h: 360, s: 100, v: 50}`\n\n### Color Picker Events\n\nThe color picker's `on` method can be used to register callbacks for color picker events, such as when the selected color changes or when the user begins interacting with the picker. These callbacks can also be removed with the `off` method.\n\n**`color:change`**\n\nFired whenever the color changes -- either when the user interacts with the controls, or when it is set via code. This event's callback function gets passed two values:\n\n* `color`: the [currently selected color](#color-api)\n* `changes`: an object showing which HSV channels have changed since the last time the event was fired\n\nFor example: \n\n```js\ncolorPicker.on('color:change', function(color, changes) {\n  // Log the color's hex RGB value to the dev console\n  console.log(color.hexString);\n  // If the \"H\" channel has changed, log the color's HSV value too\n  if (changes.h) {\n    console.log(color.hsv);\n  }\n})\n```\n\nCheck out the [Color API](#color-api) documentation for more details on the color object.\n\n**`input:start`**\n\nFired whenever the users starts interacting with the color picker controls. The colorPicker's color object is passed to this event's callback function.\n\n**`input:end`**\n\nFired whenever the user stops interacting with the color picker controls. The colorPicker's color object is passed to this event's callback function.\n\n**`mount`**\n\nFired when the colorPicker's UI has been mounted to the DOM and is ready for user interaction. A reference to the colorPicker object is passed to this event's callback function.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Documentation\n\n> :warning: Full v4 documentation is currently being written\n\n* [Introduction](https://iro.js.org/introduction.html)\n* [Getting Started](https://iro.js.org/guide.html#getting-started)\n* [Color Picker Options](https://iro.js.org/guide.html#color-picker-options)\n* [Using the Selected Color](https://iro.js.org/guide.html#using-the-selected-color)\n* [Events](https://iro.js.org/guide.html#events)\n* [ColorPicker API](https://iro.js.org/colorPicker_api.html)\n* [Color API](https://iro.js.org/color_api.html)\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Plugins\n\nComing soon!\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n[Website](//iro.js.org) | [Documentation](//iro.js.org/introduction.html) | [Codepen Demo](//codepen.io/rakujira/pen/WZOeNq?editors=0010) | [Contribution Guide](CONTRIBUTE.md) | [Changelog](CHANGELOG.md) | [License](LICENSE.txt)\n\n&copy; [James Daniel](//github.com/jaames)","readmeFilename":"README.md","gitHead":"ce8bf4122267e4dd009925f4ffb08ae7c3376ec4","_id":"@jaames/iro@4.0.0-beta.3","_npmVersion":"6.0.0","_nodeVersion":"9.11.1","_npmUser":{"name":"jaames","email":"whale@rakujira.jp"},"dist":{"integrity":"sha512-XUahCsu9TcmA6bDQthvZm9hS+bI1sVWxkr4M2cIC9VOnXII3J97b/S2cHoh65g7Fc3hAY/JukC+rr4qy5zUFXg==","shasum":"e1da7bab51eaca24e80b44fee4b09c8c559fb5b9","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.0.0-beta.3.tgz","fileCount":7,"unpackedSize":156529,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcSev8CRA9TVsSAnZWagAAxBUP/0Af0BxxM8ndiqwK6Yqq\nHNmtJnxeVMx4COsheb0x+ikhh649FiV0GGcJJHkSB9zOoP4djkuxl70N0V+/\n1CdzptBOeGY5DcyPRwknMQabWnrboyZTgddr7CmBJkwfRocBHBQbIijnPxuP\nvOxhYXGrFYtzwviXvboJSFY6Q+mHBwAPyWHxcDbHL4B+LpTHphsXDHWQBvPJ\nHHaG5VAqVBwPVB8PTgQRg2QaDFCNVt9YUN2HjW1A73I4o1cXT43WlPwq9zn2\nEBcPbw2vn9fbMg8d8xTudhpx1bUZ/yN9D7XiV0g8frLTBWNEHR5UzWiqHqHK\n5H+++0tVGovktXNdX5pPnm4zWG5eHp2aLMkMiX4GN/UClJ6ePdiCYWe4+COo\nXuX4JwnLdJVOHaZUCqHCjo5xIPEXbv3waA32Ms03VF34IkVy+wJfM9TbeaoO\nhWi2tGmY1Zt47h9Pe0QyjENGZ4KsXZ7WhAPRQ+DyghuA/Jfu5EzHruxYuK2m\np0BRsBKdSCFLOlv3DyRo4IGaDSc/bSrO6BIlG17KVGIe6x6OKFN5/UNFYZ8Y\nFTkjiVT7KG4lB58zupqHpziAf+g5U/NQ7MmibrkH/XDBmFuFcteBk0DDonsm\n3XNsUaS/Wg7A8ouq9UXSy7V0qSuugZk4uMEWMy5BGxpAAeTys2B8QGEJyYrU\nUaiF\r\n=vMM7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDLdbrUWmOJ+7oVK/guSy07z5pP+tVJ8Cu4VTV6gYSg1AIhAK0vfZM2Fy2373hWU3JKbU/WRiBLoBNWsgyT78ooVsRG"}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.0.0-beta.3_1548348412002_0.441673829236221"},"_hasShrinkwrap":false},"4.0.0-beta.4":{"name":"@jaames/iro","version":"4.0.0-beta.4","description":"A sleek, customizable color picker widget with zero dependencies and a small footprint","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"preact":"^8.4.2","css-reset-and-normalize":"^1.2.0","node-sass":"^4.9.3","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","readme":"> :warning: This readme is for the beta release of iro.js v4. Some parts are currently incomplete or lacking detail. Please read [this issue thread](https://github.com/jaames/iro.js/issues/30) for more info!\n\n<h1 align=\"center\"><a href=\"//iro.js.org\"><img height=\"340\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/screenshot.png\"/><br/>iro.js</a></h1>\n\n<p align=\"center\">\n  <b>A highly customizable svg-based color picker with zero external dependencies | <a href=\"//iro.js.org\">iro.js.org</a></b>\n</p>\n\n<p align=\"center\">\n  <a href=\"https://github.com/jaames/iro.js/blob/master/LICENSE.txt\">\n    <img src=\"https://badgen.net/github/license/jaames/iro.js?color=BB5FD1\" alt=\"license\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/v/@jaames/iro?color=6C8FF2\" alt=\"version\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/dt/@jaames/iro?color=6AD4E0\" alt=\"downloads\" />\n  </a>\n  <a href=\"https://bundlephobia.com/result?p=@jaames/iro@beta\">\n    <img src=\"https://badgen.net/bundlephobia/minzip/@jaames/iro@beta?color=6FDF89\" alt=\"minzip size\" />\n  </a>\n  <a href=\"\">\n    <img src=\"https://badgen.net/badge/dependencies/none/F8AE55\" alt=\"dependencies\" />\n  </a>\n  <a href=\"https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=XS9R3QTLZYAXQ&source=url\">\n    <img src=\"https://badgen.net/badge/donate/paypal/ED5151\" alt=\"donate\" />\n  </a>\n</p>\n\n## Features\n\n * **Simple**: Easy-to-use API, with support for hex, rgb, hsl and hsv color formats.\n * **Extendable**: Tweak the library to your requirements with [Plugins](#plugins) and custom UI elements.\n * **Consistent behavior**: Works across all modern browsers and is responsive on touchscreen devices.\n * **Small footprint**: Around [~7kb](https://bundlephobia.com/result?p=@jaames/iro@beta) minified and gzipped, with absolutely no external dependencies, extra stylesheets/images, or jQuery in sight.\n * **Licenced under MPL 2.0**: 100% free for personal and commercial use.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Installation\n\n### Install with NPM\n\n```bash\n$ npm install @jaames/iro@beta --save\n```\n\nIf you are using a module bundler like Webpack or Rollup, import iro.js into your project: \n\n```javascript\n// Using ES6 module syntax\nimport iro from '@jaames/iro';\n\n// Using CommonJS modules\nconst iro = require('@jaames/iro');\n```\n\n### Download and host yourself\n\n**[Development version](https://raw.githubusercontent.com/jaames/iro.js/v4/dist/iro.js)**<br/>\nUncompressed at around 50kB, with source comments included\n\n**[Production version](https://raw.githubusercontent.com/jaames/iro.js/v4/dist/iro.min.js)**<br/>\nMinified to 19kB\n\nThen add it to the `<head>` of your page with a `<script>` tag:\n\n```html\n<html>\n  <head>\n    <!-- ... -->\n    <script src=\"./path/to/iro.min.js\"></script>\n  </head>\n  <!-- ... -->\n</html>\n```\n\nWhen manually including the library like this, it will be globally available as `window.iro`.\n\n### Using the unpkg CDN\n\n```html\n<script src=\"https://unpkg.com/@jaames/iro@beta/dist/iro.min.js\"></script>\n```\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Demo\n\nComing soon!\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Usage\n\n### Getting Started\n\nCreate a HTML element with a unique identifier (such as an `id` attribute) to act as a container for the color picker:\n\n```html\n<div id=\"color-picker-container\"></div>\n```\n\nThen use JavaScript to create a new `iro.ColorPicker` and provide a CSS selector that matches the container element:\n\n```js\nvar colorPicker = new iro.ColorPicker('#color-picker-container');\n```\n\nYou can use a DOM object instead of a CSS selector -- this might be more suitable if you're integrating iro.js into an application built with Vue, React, Angular, etc.\n\n### Color Picker Options\n\nThe the color picker can be configured by passing a set of options to the second `iro.ColorPicker` parameter:\n\n```js\nvar colorPicker = new iro.ColorPicker(\"#color-picker-container\", {\n  // Set the size of the color picker\n  width: 320,\n  // Set the initial color to red\n  color: \"#f00\"\n});\n```\n\n#### Available Options\n\n| Name             | Purpose | Default Value |\n|:-----------------|:--------|:--------------|\n| `color`          | The initial color value. This can be any [supported color format](#supported-color-formats). | `\"#fff\"` |\n| `width`          | Total width of the control UI. | `300` |\n| `padding`        | Padding around the control handles. | `6` |\n| `handleRadius`   | Radius of the control handles. | `8` |\n| `handleUrl`      | SVG reference for custom handles. TODO: document this in more detail | `null` |\n| `handleOrigin`   | Custom handle origin point. | `{ x: 0, y: 0 }` |\n| `wheelLightness` | If set to 'false', the color wheel will not fade to black as the color's lightness decreases. | `true` |\n| `sliderHeight`   | Slider control height. By default this will be calculated automatically | `undefined` |\n| `sliderMargin`   | Distance between the wheel and the slider controls. | `12` |\n| `borderWidth`    | Width of the border around the controls. Defaults to 0 (no border). | `0` |\n| `borderColor`    | Color of the border. Any valid CSS color is supported. | `\"#fff\"` |\n| `display`        | CSS display value for the color picker root element. | `\"block\"` |\n\n### Color API\n\nEach color picker instance has a `color` object which stores the currently selected color. \n\n#### Color Properties\n\nThe color object has a few properties which can be used to both get and set the selected color in different formats. When the color is set this way, the UI will update and the [`color:change`](#color-picker-events) event will fire.\n\n| Name        | Example Format     |\n|:------------|:-------------------|\n| `hexString` | `#ff0000` |\n| `rgb`       | `{ r: 255, g: 0, b: 0 }` |\n| `rgbString` | `\"rgb(255, 0, 0)\"` |\n| `hsl`       | `{ h: 360, s: 100, l: 50 }` |\n| `hslString` | `\"hsl(360, 100%, 50%)\"` |\n| `hsv`       | `{ h: 360, s: 100, v: 100 }` |\n\nFor example, to get the current color as a hex string:\n\n```js\nvar hex = colorPicker.color.hexString;\nconsole.log(hex); // hex = \"#ff0000\"\n```\n\nOr to set the selected color from a hsl object:\n\n```js\ncolorPicker.color.hsl = { h: 180, s: 100, l: 50 };\n// colorPicker UI updates\n```\n\n#### Supported Color Formats\n\nThe following color formats are supported by the color picker's `color` config option, as well as the `color.set()` method:\n\n* **hex string**: `\"#ff0000\"`\n* **shorthand hex string**: `\"#f00\"`\n* **rgb(a) string**: `\"rgb(255, 0, 0)\"`\n* **percentage rgb(a) string**: `\"rgb(100%, 0%, 0%)\"`\n* **rgb object**: `{r: 255, g: 0, b: 0}`\n* **hsl(a) string**: `\"hsl(360, 50%, 100%)\"`\n* **hsl object**: `{h: 360, s: 50, l: 100}`\n* **hsv object**: `{h: 360, s: 100, v: 50}`\n\n### Color Picker Events\n\nThe color picker's `on` method can be used to register callbacks for color picker events, such as when the selected color changes or when the user begins interacting with the picker. These callbacks can also be removed with the `off` method.\n\n**`color:change`**\n\nFired whenever the color changes -- either when the user interacts with the controls, or when it is set via code. This event's callback function gets passed two values:\n\n* `color`: the [currently selected color](#color-api)\n* `changes`: an object showing which HSV channels have changed since the last time the event was fired\n\nFor example: \n\n```js\ncolorPicker.on('color:change', function(color, changes) {\n  // Log the color's hex RGB value to the dev console\n  console.log(color.hexString);\n  // If the \"H\" channel has changed, log the color's HSV value too\n  if (changes.h) {\n    console.log(color.hsv);\n  }\n})\n```\n\nCheck out the [Color API](#color-api) documentation for more details on the color object.\n\n**`input:start`**\n\nFired whenever the users starts interacting with the color picker controls. The colorPicker's color object is passed to this event's callback function.\n\n**`input:end`**\n\nFired whenever the user stops interacting with the color picker controls. The colorPicker's color object is passed to this event's callback function.\n\n**`mount`**\n\nFired when the colorPicker's UI has been mounted to the DOM and is ready for user interaction. A reference to the colorPicker object is passed to this event's callback function.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Documentation\n\n> :warning: Full v4 documentation is currently being written\n\n* [Introduction](https://iro.js.org/introduction.html)\n* [Getting Started](https://iro.js.org/guide.html#getting-started)\n* [Color Picker Options](https://iro.js.org/guide.html#color-picker-options)\n* [Using the Selected Color](https://iro.js.org/guide.html#using-the-selected-color)\n* [Events](https://iro.js.org/guide.html#events)\n* [ColorPicker API](https://iro.js.org/colorPicker_api.html)\n* [Color API](https://iro.js.org/color_api.html)\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Plugins\n\nComing soon!\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n[Website](//iro.js.org) | [Documentation](//iro.js.org/introduction.html) | [Codepen Demo](//codepen.io/rakujira/pen/WZOeNq?editors=0010) | [Contribution Guide](CONTRIBUTE.md) | [Changelog](CHANGELOG.md) | [License](LICENSE.txt)\n\n&copy; [James Daniel](//github.com/jaames)","readmeFilename":"README.md","gitHead":"ce8bf4122267e4dd009925f4ffb08ae7c3376ec4","_id":"@jaames/iro@4.0.0-beta.4","_nodeVersion":"9.11.1","_npmVersion":"6.7.0","dist":{"integrity":"sha512-MPetNJKZ5vG86LVykC7nZ4Jtsja01cbIU/u2hpwn+gm0dprso0xtkRHAzih436hVVlxu+MYvQPTveTQzOdS/vg==","shasum":"770bc272b105ffe62d2e08100b39924cef7d77a5","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.0.0-beta.4.tgz","fileCount":7,"unpackedSize":156508,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcTF7ZCRA9TVsSAnZWagAAu14QAJ+CWQT8/KGEzwNZaJ1M\n7ggLTqKEmsGLhowpGSwcGsdvkv0fPBZtdDdIRd3HH3XV7kvPQ8fwRWcsyRiB\n497xoxsBBQn4EQZHoqV91h8A6nD+qTVSB1a2fgPf1loqA2vFm0EHX52TA06i\nfSJy8rsdYLxmkL0KvfSJDs2oYaaFVzzEe8E+TKbc/hcwZUXrTO6TOkYWcAoA\ngFBbLxbKjgM74wA2s3gR8d+5Aqh7i7eaw0THCYao1EChGy+A1XUXOdFXaTKE\nP54Obx2Fgj40kLl9cCLXbJznpHflMvpaMgl5eDuc5I/8Lop9IOMQEjX1nhaw\nW7vr4XadNzMPRer5N6R9doYbDD4nkkesMCgjHo6qVp3Gzh74UGD9m25FOyil\na6ROFf10FjCv3sjRIH3grF/VEUDq2dM9SCEFcwmvP9/fliZchOlKl/ybO1/h\nix0Iwvr7/fROnhZLmPQn0oLy/bI0jJNBmSu87kjG6SC3VJnl7RRa1CGV++du\nxytNt/Fs0PKG6dAQJq9qRETMBh9lvsvGsYHuWxWzjVMoy98HKYrRb5shZytx\nLHNyWlydv8Nbsh/8M8RPThKbe482gRNCEIae6XuvIuNvX44PJmYAL0KZdDkB\nt00N5mGYebNf+X5DvdXRrFD0P+3EOyJjj67LMPscpp2SkasarrXPfcKOZq/D\nWuQW\r\n=FMUh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCyGL3vYMj8ss57TmX48zuUtYm8mE2gu1GD6TxB5ecbbwIhAJo7eirr1XJFUUu5BdJ7/pNYU8viBrKsXu97M7GOQmye"}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"whale@rakujira.jp"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.0.0-beta.4_1548508889131_0.0840482146125685"},"_hasShrinkwrap":false},"4.0.0-beta.5":{"name":"@jaames/iro","version":"4.0.0-beta.5","description":"A sleek, customizable color picker widget with zero dependencies and a small footprint","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"preact":"^8.4.2","css-reset-and-normalize":"^1.2.0","node-sass":"^4.9.3","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","readme":"> :warning: This readme is for the beta release of iro.js v4. Some parts are currently incomplete or lacking detail. Please read [this issue thread](https://github.com/jaames/iro.js/issues/30) for more info!\n\n<h1 align=\"center\"><a href=\"//iro.js.org\"><img height=\"340\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/screenshot.png\"/><br/>iro.js</a></h1>\n\n<p align=\"center\">\n  <b>A highly customizable svg-based color picker with zero external dependencies | <a href=\"//iro.js.org\">iro.js.org</a></b>\n</p>\n\n<p align=\"center\">\n  <a href=\"https://github.com/jaames/iro.js/blob/master/LICENSE.txt\">\n    <img src=\"https://badgen.net/github/license/jaames/iro.js?color=BB5FD1\" alt=\"license\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/v/@jaames/iro?color=6C8FF2\" alt=\"version\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/dt/@jaames/iro?color=6AD4E0\" alt=\"downloads\" />\n  </a>\n  <a href=\"https://bundlephobia.com/result?p=@jaames/iro@beta\">\n    <img src=\"https://badgen.net/bundlephobia/minzip/@jaames/iro@beta?color=6FDF89\" alt=\"minzip size\" />\n  </a>\n  <a href=\"\">\n    <img src=\"https://badgen.net/badge/dependencies/none/F8AE55\" alt=\"dependencies\" />\n  </a>\n  <a href=\"https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=XS9R3QTLZYAXQ&source=url\">\n    <img src=\"https://badgen.net/badge/donate/paypal/ED5151\" alt=\"donate\" />\n  </a>\n</p>\n\n<p align=\"center\">\n  <a href=\"#features\">Features</a> | <a href=\"#installation\">Installation</a> | <a href=\"#demo\">Demo</a> | <a href=\"#usage\">Usage</a> | <a href=\"#plugins\">Plugins</a>\n</p>\n\n<br/>\n\n## Features\n\n * **Simple**: Easy-to-use API, with support for hex, rgb, hsl and hsv color formats.\n * **Extendable**: Tweak the library to your requirements with [Plugins](#plugins) and custom UI elements.\n * **Consistent behavior**: Works across all modern browsers and is responsive on touchscreen devices.\n * **Small footprint**: Around [~7kb](https://bundlephobia.com/result?p=@jaames/iro@beta) minified and gzipped, with absolutely no external dependencies, extra stylesheets/images, or jQuery in sight.\n * **Licenced under MPL 2.0**: 100% free for personal and commercial use.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n<br/>\n\n## Installation\n\n### Install with NPM\n\n```bash\n$ npm install @jaames/iro@beta --save\n```\n\nIf you are using a module bundler like Webpack or Rollup, import iro.js into your project: \n\n```javascript\n// Using ES6 module syntax\nimport iro from '@jaames/iro';\n\n// Using CommonJS modules\nconst iro = require('@jaames/iro');\n```\n\n### Download and host yourself\n\n**[Development version](https://raw.githubusercontent.com/jaames/iro.js/v4/dist/iro.js)**<br/>\nUncompressed at around 50kB, with source comments included\n\n**[Production version](https://raw.githubusercontent.com/jaames/iro.js/v4/dist/iro.min.js)**<br/>\nMinified to 19kB\n\nThen add it to the `<head>` of your page with a `<script>` tag:\n\n```html\n<html>\n  <head>\n    <!-- ... -->\n    <script src=\"./path/to/iro.min.js\"></script>\n  </head>\n  <!-- ... -->\n</html>\n```\n\nWhen manually including the library like this, it will be globally available as `window.iro`.\n\n### Using the unpkg CDN\n\n```html\n<script src=\"https://unpkg.com/@jaames/iro@beta/dist/iro.min.js\"></script>\n```\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n<br/>\n\n## Demo\n\nComing soon!\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n<br/>\n\n## Usage\n\n### Getting Started\n\nCreate a HTML element with a unique identifier (such as an `id` attribute) to act as a container for the color picker:\n\n```html\n<div id=\"color-picker-container\"></div>\n```\n\nThen use JavaScript to create a new `iro.ColorPicker` and provide a CSS selector that matches the container element:\n\n```js\nvar colorPicker = new iro.ColorPicker('#color-picker-container');\n```\n\nYou can also use a DOM object instead of a CSS selector if necessary -- this might be more suitable if you're integrating iro.js into an application built with Vue, React, Angular, etc.\n\n### Color Picker Options\n\nThe the color picker can be configured by passing a set of options to the second `iro.ColorPicker` parameter:\n\n```js\nvar colorPicker = new iro.ColorPicker(\"#color-picker-container\", {\n  // Set the size of the color picker\n  width: 320,\n  // Set the initial color to red\n  color: \"#f00\"\n});\n```\n\n#### Available Options\n\n| Name             | Purpose | Default Value |\n|:-----------------|:--------|:--------------|\n| `color`          | The initial color value. This can be any [supported color format](#supported-color-formats). | `\"#fff\"` |\n| `width`          | Total width of the control UI. | `300` |\n| `padding`        | Padding around the control handles. | `6` |\n| `handleRadius`   | Radius of the control handles. | `8` |\n| `handleUrl`      | SVG reference for custom handles. TODO: document this in more detail | `null` |\n| `handleOrigin`   | Custom handle origin point. | `{ x: 0, y: 0 }` |\n| `wheelLightness` | If set to 'false', the color wheel will not fade to black as the color's lightness decreases. | `true` |\n| `sliderHeight`   | Slider control height. By default this will be calculated automatically | `undefined` |\n| `sliderMargin`   | Distance between the wheel and the slider controls. | `12` |\n| `borderWidth`    | Width of the border around the controls. Defaults to 0 (no border). | `0` |\n| `borderColor`    | Color of the border. Any valid CSS color is supported. | `\"#fff\"` |\n| `display`        | CSS display value for the color picker root element. | `\"block\"` |\n\n### Color API\n\nEach color picker instance has a `color` object which stores the currently selected color. \n\n#### Color Properties\n\nThe color object has a few properties which can be used to both get and set the selected color in different formats. When the color is set this way, the UI will update and the [`color:change`](#color-picker-events) event will fire.\n\n| Name        | Example Format     |\n|:------------|:-------------------|\n| `hexString` | `#ff0000` |\n| `rgb`       | `{ r: 255, g: 0, b: 0 }` |\n| `rgbString` | `\"rgb(255, 0, 0)\"` |\n| `hsl`       | `{ h: 360, s: 100, l: 50 }` |\n| `hslString` | `\"hsl(360, 100%, 50%)\"` |\n| `hsv`       | `{ h: 360, s: 100, v: 100 }` |\n\nFor example, to get the current color as a hex string:\n\n```js\nvar hex = colorPicker.color.hexString;\nconsole.log(hex); // hex = \"#ff0000\"\n```\n\nOr to set the selected color from a hsl object:\n\n```js\ncolorPicker.color.hsl = { h: 180, s: 100, l: 50 };\n// colorPicker UI updates\n```\n\n#### Supported Color Formats\n\nThe following color formats are supported by the color picker's `color` config option, as well as the `color.set()` method:\n\n* **hex string**: `\"#ff0000\"`\n* **shorthand hex string**: `\"#f00\"`\n* **rgb(a) string**: `\"rgb(255, 0, 0)\"`\n* **percentage rgb(a) string**: `\"rgb(100%, 0%, 0%)\"`\n* **rgb object**: `{r: 255, g: 0, b: 0}`\n* **hsl(a) string**: `\"hsl(360, 50%, 100%)\"`\n* **hsl object**: `{h: 360, s: 50, l: 100}`\n* **hsv object**: `{h: 360, s: 100, v: 50}`\n\n### Color Picker Events\n\nThe color picker's `on` method can be used to register callbacks for color picker events, such as when the selected color changes or when the user begins interacting with the picker. These callbacks can also be removed with the `off` method.\n\n**`color:change`**\n\nFired whenever the color changes -- either when the user interacts with the controls, or when it is set via code. This event's callback function gets passed two values:\n\n* `color`: the [currently selected color](#color-api)\n* `changes`: an object showing which HSV channels have changed since the last time the event was fired\n\nFor example: \n\n```js\ncolorPicker.on('color:change', function(color, changes) {\n  // Log the color's hex RGB value to the dev console\n  console.log(color.hexString);\n  // If the \"H\" channel has changed, log the color's HSV value too\n  if (changes.h) {\n    console.log(color.hsv);\n  }\n})\n```\n\nCheck out the [Color API](#color-api) documentation for more details on the color object.\n\n**`input:start`**\n\nFired whenever the users starts interacting with the color picker controls. The colorPicker's color object is passed to this event's callback function.\n\n**`input:end`**\n\nFired whenever the user stops interacting with the color picker controls. The colorPicker's color object is passed to this event's callback function.\n\n**`mount`**\n\nFired when the colorPicker's UI has been mounted to the DOM and is ready for user interaction. A reference to the colorPicker object is passed to this event's callback function.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n<br/>\n\n## Documentation\n\n> :warning: Full v4 documentation is currently being written\n\n* [Introduction](https://iro.js.org/introduction.html)\n* [Getting Started](https://iro.js.org/guide.html#getting-started)\n* [Color Picker Options](https://iro.js.org/guide.html#color-picker-options)\n* [Using the Selected Color](https://iro.js.org/guide.html#using-the-selected-color)\n* [Events](https://iro.js.org/guide.html#events)\n* [ColorPicker API](https://iro.js.org/colorPicker_api.html)\n* [Color API](https://iro.js.org/color_api.html)\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n<br/>\n\n## Plugins\n\nComing soon!\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n<br/>\n\n[Website](//iro.js.org) | [Documentation](//iro.js.org/introduction.html) | [Codepen Demo](//codepen.io/rakujira/pen/WZOeNq?editors=0010) | [Contribution Guide](CONTRIBUTE.md) | [Changelog](CHANGELOG.md) | [License](LICENSE.txt)\n\n&copy; [James Daniel](//github.com/jaames)","readmeFilename":"README.md","gitHead":"54e48823422d9fa816c785d04531e979d2e2e50c","_id":"@jaames/iro@4.0.0-beta.5","_nodeVersion":"9.11.1","_npmVersion":"6.7.0","dist":{"integrity":"sha512-sZ2UV4L3zwxZQdZxrQrQemvHR+h8d7I8dXk8gN0lDKpPynZG5ORT4towUWoDhyVjf7tNkI0qnRgOVAjDf0JU/A==","shasum":"ee59aa1a97ad93df6a907a8447d0e8a261581277","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.0.0-beta.5.tgz","fileCount":7,"unpackedSize":159659,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcTh56CRA9TVsSAnZWagAALt8P/A3/XtfoMjGi2YmWsnGt\nAy+aGyZUrNvGJTETveUXrYIAryH6PHFrVh5A9rx/j1dao+lB6FdDY/qIkZTn\nH424NsBb13gzkDgmuaSOuWUOsGiIIhgVcvxY5jq1E/3zpjLuvkannWLRKBl3\nYVTGoutEFsOTBqoRSZURfzZrDaLNb4C74xWc4RX8pMza//TPtMprZ680/idv\ntyFF+C/i4VoMGpItlIPduE2fKPNRE8G+UU7kyMw1LVBY+/UftyF26IPeZi4b\nmCGM6YQzUwLO5rA8FJfQKz+WpXiE7ya7w96eLR7C6YW68u6jqwTz1yieGer+\nEY93X7J6Y6mvG2F5BKOLcXhJo0iHnuqgD3YSC/8WV/TXHOlr2xtU6zqb6SxJ\nDbWrNzIcUGfrHv7NXovYWDdNK+gNfU1UvyyrksR+mtFa3406lesxf89HMlQ2\n5fGC6cJU4jzczQaX/JTmLk73ytQxLUTx9OIhG/+Iratd2DucIsy1j8/kz6z6\n9Uf2/qhkC1iMBFr101yZr0r7+FKeYPYKuQNZK5qDyM6pBG06Dpl5u2CD7oSV\nl06IGDr2R4CL38U98Es52vZOYfx4waK6FPz09Pjdldp2DwLFWgH4nb2P0SYL\nvVdxfCRbKCnXWiJqyr27H7571A6ZOPfAr0+OzrWVESlZXSGz4sXRn2ULX6Ux\nJEy7\r\n=AQ9h\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIECubNy+ImGALtXtUboVg1G1/O9SA47BmNSeJPs2AFsNAiEA8uJFguLev3SQt5gZwpCrsNU7Bw1aTcbdCcpgzuMn5IU="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"whale@rakujira.jp"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.0.0-beta.5_1548623481949_0.8003765855738467"},"_hasShrinkwrap":false},"3.5.5":{"name":"@jaames/iro","version":"3.5.5","description":"A sleek and lightweight JS color picker - with zero dependencies","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"bili":"^3.0.13","concurrently":"^3.5.1","node-sass":"^4.9.3","node-static":"^0.7.10","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"build":"bili && \\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","dev":"concurrently 'npm run serve' 'bili --watch --no-logUpdate'","serve":"static -c 0 -a 0.0.0.0 -p 4000","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs","test":""},"keywords":["color","colour","picker","wheel","stylesheet","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MIT","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://rakujira.jp/projects/iro/","dependencies":{"css-reset-and-normalize":"^1.0.1"},"gitHead":"4ce24c695149c3c42822f908e9f28be8200da12c","_id":"@jaames/iro@3.5.5","_nodeVersion":"9.11.1","_npmVersion":"6.7.0","dist":{"integrity":"sha512-6xidBoRac+nY0h9Ee2En5JxLo78SqO5f6wVIp4AH+JwqNxg6wWXMVyrm7/Hmt0pkcawkVCFMZrB5pxjdeoVCMA==","shasum":"6b85db451677586c606b4da6a4de2e9be3061a87","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-3.5.5.tgz","fileCount":6,"unpackedSize":95680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcTud9CRA9TVsSAnZWagAAs2oP/iYmw0QCnWL7UuWHg4EW\n0NFbdZ1eGxKb1PkjuWd3GDEraNIOglDbYIAD3P3+6tFoSraLrD7QDUd2VP6J\nlKZJ9/YXCGn2uAfoDcPdH5vACE409M/lZmBVpo6YoN0d+WLS1wsIIn/4Rw/G\nyHTWo5P8tCuynzEGaTWr2iy7TivZx46OpIPTbe+eQ0Ax4pZSqYMbFLhoxHZu\n91fBcsPzwE5EVg9cJzKcwK3nb68v6jymQlKvhGpBPLwUPhXt4vXKKswWOF4g\nCSLjb9T+OF4IUHV8Y0bidesoJwyNMR83sSHFIsj1JAWsdmgZNwJ+s0seH3tk\nc6btcmvPy+LYR9BbJIXBfOylJrEZ64NuTmW7Xej1El+FZAqCiX2unnzaLkFL\nBSnce4oR1P7Xeu0RNgBhpD2THRTwQRhpqCSfZs6jcwiYzFrcA7lkUPqIaAS8\nXbCQsa67OVsxFjkfCKwd7/U5QaNz0573++aZBvIen0fgkI+p363w22WhPd1F\nyPVVYr/JK83STpx9z+7fenHowdHvENzA++at/39F+L9aGvnIwQv0a+XL6LeS\n5cnMscbqH7OscLuvRCTy2qlOLeQXGVyDNmpxoSogEX1/PH29F3cvVHkc4JYe\nJZB1x0mxaU9QJchPzhdJgZIkaF0ZNGS5esjciw/IYFSeXxQtMXixw0m3LloX\nMXR8\r\n=4Uqt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAIlZAnQRTuHFQ9Wu6yF9I4nxafbHom9EdsKny3l3YHaAiBsO4ZwnJF2phruw/1/oBLQATv9iOnhKHT9XE/+OVv2dA=="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"whale@rakujira.jp"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_3.5.5_1548674940969_0.4144116470057959"},"_hasShrinkwrap":false},"4.0.0-beta.6":{"name":"@jaames/iro","version":"4.0.0-beta.6","description":"A sleek, customizable color picker widget with zero dependencies and a small footprint","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"preact":"^8.4.2","css-reset-and-normalize":"^1.2.0","node-sass":"^4.9.3","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","readme":"> :warning: This readme is for the beta release of iro.js v4. Some parts are currently incomplete or lacking detail. Please read [this issue thread](https://github.com/jaames/iro.js/issues/30) for more info!\n\n<h1 align=\"center\"><a href=\"//iro.js.org\"><img height=\"340\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/screenshot.png\"/><br/>iro.js</a></h1>\n\n<p align=\"center\">\n  <b>A highly customizable svg-based color picker with zero external dependencies | <a href=\"//iro.js.org\">iro.js.org</a></b>\n</p>\n\n<p align=\"center\">\n  <a href=\"https://github.com/jaames/iro.js/blob/master/LICENSE.txt\">\n    <img src=\"https://badgen.net/github/license/jaames/iro.js?color=BB5FD1\" alt=\"license\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/v/@jaames/iro?color=6C8FF2\" alt=\"version\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/dt/@jaames/iro?color=6AD4E0\" alt=\"downloads\" />\n  </a>\n  <a href=\"https://bundlephobia.com/result?p=@jaames/iro@beta\">\n    <img src=\"https://badgen.net/bundlephobia/minzip/@jaames/iro@beta?color=6FDF89\" alt=\"minzip size\" />\n  </a>\n  <a href=\"\">\n    <img src=\"https://badgen.net/badge/dependencies/none/F8AE55\" alt=\"dependencies\" />\n  </a>\n  <a href=\"https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=XS9R3QTLZYAXQ&source=url\">\n    <img src=\"https://badgen.net/badge/donate/paypal/ED5151\" alt=\"donate\" />\n  </a>\n</p>\n\n## Features\n\n * **Simple**: Easy-to-use API, with support for hex, rgb, hsl and hsv color formats.\n * **Extendable**: Tweak the library to your requirements with [Plugins](#plugins) and custom UI elements.\n * **Consistent behavior**: Works across all modern browsers and is responsive on touchscreen devices.\n * **Small footprint**: Around [~7kb](https://bundlephobia.com/result?p=@jaames/iro@beta) minified and gzipped, with absolutely no external dependencies, extra stylesheets/images, or jQuery in sight.\n * **Licenced under MPL 2.0**: 100% free for personal and commercial use.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Installation\n\n### Install with NPM\n\n```bash\n$ npm install @jaames/iro@beta --save\n```\n\nIf you are using a module bundler like Webpack or Rollup, import iro.js into your project: \n\n```javascript\n// Using ES6 module syntax\nimport iro from '@jaames/iro';\n\n// Using CommonJS modules\nconst iro = require('@jaames/iro');\n```\n\n### Download and host yourself\n\n**[Development version](https://raw.githubusercontent.com/jaames/iro.js/v4/dist/iro.js)**<br/>\nUncompressed at around 50kB, with source comments included\n\n**[Production version](https://raw.githubusercontent.com/jaames/iro.js/v4/dist/iro.min.js)**<br/>\nMinified to 19kB\n\nThen add it to the `<head>` of your page with a `<script>` tag:\n\n```html\n<html>\n  <head>\n    <!-- ... -->\n    <script src=\"./path/to/iro.min.js\"></script>\n  </head>\n  <!-- ... -->\n</html>\n```\n\nWhen manually inluding the library like this, it will be globally available as `window.iro`.\n\n### Using the unpkg CDN\n\n```html\n<script src=\"https://unpkg.com/@jaames/iro@beta/dist/iro.min.js\"></script>\n```\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Demo\n\nComing soon!\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Usage\n\n### Getting Started\n\nCreate a HTML element with a unique identifier (such as an `id` attribute) to act as a container for the color picker:\n\n```html\n<div id=\"color-picker-container\"></div>\n```\n\nThen use JavaScript to create a new `iro.ColorPicker` and provide a CSS selector that matches the container element:\n\n```js\nvar colorPicker = new iro.ColorPicker('#color-picker-container');\n```\n\nYou can use a DOM object instead of a CSS selector -- this might be more suitable if you're integrating iro.js into an application built with Vue, React, Angular, etc.\n\n### Color Picker Options\n\nThe the color picker can be configured by passing a set of options to the second `iro.ColorPicker` parameter:\n\n```js\nvar colorPicker = new iro.ColorPicker(\"#color-picker-container\", {\n  // Set the size of the color picker\n  width: 320,\n  // Set the initial color to red\n  color: \"#f00\"\n});\n```\n\n#### Available Options\n\n| Name             | Purpose | Default Value |\n|:-----------------|:--------|:--------------|\n| `color`          | The initial color value. This can be any [supported color format](#supported-color-formats). | `\"#fff\"` |\n| `width`          | Total width of the control UI. | `300` |\n| `padding`        | Padding around the control handles. | `6` |\n| `handleRadius`   | Radius of the control handles. | `8` |\n| `handleUrl`      | SVG reference for custom handles. TODO: document this in more detail | `null` |\n| `handleOrigin`   | Custom handle origin point. | `{ x: 0, y: 0 }` |\n| `wheelLightness` | If set to 'false', the color wheel will not fade to black as the color's lightness decreases. | `true` |\n| `sliderHeight`   | Slider control height. By default this will be calculated automatically | `undefined` |\n| `sliderMargin`   | Distance between the wheel and the slider controls. | `12` |\n| `borderWidth`    | Width of the border around the controls. Defaults to 0 (no border). | `0` |\n| `borderColor`    | Color of the border. Any valid CSS color is supported. | `\"#fff\"` |\n| `display`        | CSS display value for the color picker root element. | `\"block\"` |\n\n### Color API\n\nEach color picker instance has a `color` object which stores the currently selected color. \n\n#### Color Properties\n\nThe color object has a few properties which can be used to both get and set the selected color in different formats. When the color is set this way, the UI will update and the [`color:change`](#color-picker-events) event will fire.\n\n| Name        | Example Format     |\n|:------------|:-------------------|\n| `hexString` | `#ff0000` |\n| `rgb`       | `{ r: 255, g: 0, b: 0 }` |\n| `rgbString` | `\"rgb(255, 0, 0)\"` |\n| `hsl`       | `{ h: 360, s: 100, l: 50 }` |\n| `hslString` | `\"hsl(360, 100%, 50%)\"` |\n| `hsv`       | `{ h: 360, s: 100, v: 100 }` |\n\nFor example, to get the current color as a hex string:\n\n```js\nvar hex = colorPicker.color.hexString;\nconsole.log(hex); // hex = \"#ff0000\"\n```\n\nOr to set the selected color from a hsl object:\n\n```js\ncolorPicker.color.hsl = { h: 180, s: 100, l: 50 };\n// colorPicker UI updates\n```\n\n#### Supported Color Formats\n\nThe following color formats are supported by the color picker's `color` config option, as well as the `color.set()` method:\n\n* **hex string**: `\"#ff0000\"`\n* **shorthand hex string**: `\"#f00\"`\n* **rgb(a) string**: `\"rgb(255, 0, 0)\"`\n* **percentage rgb(a) string**: `\"rgb(100%, 0%, 0%)\"`\n* **rgb object**: `{r: 255, g: 0, b: 0}`\n* **hsl(a) string**: `hsl(360, 50%, 100%)`\n* **hsl object**: `{h: 360, s: 50, l: 100}`\n* **hsv object**: `{h: 360, s: 100, v: 50}`\n\n### Color Picker Events\n\nThe color picker's `on` method can be used to register callbacks for color picker events, such as when the selected color changes or when the user begins interacting with the picker. These callbacks can also be removed with the `off` method.\n\n**`color:change`**\n\nFired whenever the color changes -- either when the user interacts with the controls, or when it is set via code. This event's callback function gets passed two values:\n\n* `color`: the [currently selected color](#color-api)\n* `changes`: an object showing which HSV channels have changed since the last time the event was fired\n\nFor example: \n\n```js\ncolorPicker.on('color:change', function(color, changes) {\n  // Log the color's hex RGB value to the dev console\n  console.log(color.hexString);\n  // If the \"H\" channel has changed, log the color's HSV value too\n  if (changes.h) {\n    console.log(color.hsv);\n  }\n})\n```\n\nCheck out the [Color API](#color-api) documentation for more details on the color object.\n\n**`input:start`**\n\nFired whenever the users starts interacting with the color picker controls. The colorPicker's color object is passed to this event's callback function.\n\n**`input:end`**\n\nFired whenever the user stops interacting with the color picker controls. The colorPicker's color object is passed to this event's callback function.\n\n**`mount`**\n\nFired when the colorPicker's UI has been mounted to the DOM and is ready for user interaction. A reference to the colorPicker object is passed to this event's callback function.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Documentation\n\n> :warning: Full v4 documentation is currently being written\n\n* [Introduction](https://iro.js.org/introduction.html)\n* [Getting Started](https://iro.js.org/guide.html#getting-started)\n* [Color Picker Options](https://iro.js.org/guide.html#color-picker-options)\n* [Using the Selected Color](https://iro.js.org/guide.html#using-the-selected-color)\n* [Events](https://iro.js.org/guide.html#events)\n* [ColorPicker API](https://iro.js.org/colorPicker_api.html)\n* [Color API](https://iro.js.org/color_api.html)\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Plugins\n\nComing soon!\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n[Website](//iro.js.org) | [Documentation](//iro.js.org/introduction.html) | [Codepen Demo](//codepen.io/rakujira/pen/WZOeNq?editors=0010) | [Contribution Guide](CONTRIBUTE.md) | [Changelog](CHANGELOG.md) | [License](LICENSE.txt)\n\n&copy; [James Daniel](//github.com/jaames)","readmeFilename":"README.md","gitHead":"d505bb3846a706c73b55e19e9bfcae3246479d04","_id":"@jaames/iro@4.0.0-beta.6","_nodeVersion":"9.11.1","_npmVersion":"6.7.0","dist":{"integrity":"sha512-1tebY4CMHZZ7a/jfjRu0qZRWb/LtRnivMZwDO6wjBFKY2HB0GJm1AGoU/T/u9+hD6h6aQbYy9VgwdImLwjXbOQ==","shasum":"76174efe3ea633cc56cca65179a0bee91da4fc35","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.0.0-beta.6.tgz","fileCount":7,"unpackedSize":159586,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcT1WpCRA9TVsSAnZWagAADlgQAJK2vC6kKOGYL3Ex6gzV\nb8QmIRAc2DDabY2EIH3rFdKSqjHKRHKDI7e7oZ4BKa369zlHka71M0/0gagV\nNptpfouzZpr9hoeQCNi/yCas6rj0vIT4IkpiXs7nh2wpsb5deGRCQTcvsm/H\n9CrUhnSS96HAaInVjcQ2e/oajo4m+eowb31BfuG1w1iyQx0mmvYLMJ2YDOQw\nvuIx1J+KY4EK5cZi1SrzfNE2IO1j184Qn/Gkbk6Hk8YwXMWPhyIUxZt35rkN\nMwyIgbPCklKU4UgNsBo29L0xbj12Ip0SHjVB7bQWVGMV/drK6D0Q4x0ygqtq\ne+8gN90Tj5FSfui3iXbEK/7y6nnjQcTBkyAyBBk04wVlx3AxgkokbzYXEDnj\nWayTVGYs7uBjvNoyywmdECd9IapB5pgeMkkkKhY8pMOOjedMEX1RLgCCIUlN\nKwSrTGNMt91HmlX1b/WEigXzYGiI03f2VdLbz/fon9sTDR0DGPMPUvaDOMs9\nGzNI+eeEpNwFYH1ldo3FFUJZY2x7bFkvvkfJrQPjF3gXPy36k3H/HhoYVv9M\nNziODttCLMwyuASwRgLT1kAjm6YEPrzhAZq2aEmxLEtLLT8egIefc23/zuMw\nBNvOLpML1SJ4Z2LVpk4nMy4jWbud7if+5tyI/LQUa+/qcdgEUsj/MRLNZJfc\nsct6\r\n=gg8b\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDktnb6itO46tOqjfnnl4FJpU+2m6sRwocbaSSwG6DANAIgIDezik46zu+bOaoBgSziIqh1lDLc67WoRN5k02+DL/0="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"whale@rakujira.jp"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.0.0-beta.6_1548703145282_0.6396967485690626"},"_hasShrinkwrap":false},"4.0.0-beta.7":{"name":"@jaames/iro","version":"4.0.0-beta.7","description":"A sleek, customizable color picker widget with zero dependencies and a small footprint","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"@babel/core":"^7.2.2","@babel/preset-env":"^7.3.1","@babel/preset-react":"^7.0.0","babel-jest":"^24.0.0","babel-plugin-module-resolver":"^3.1.3","babel-plugin-transform-define":"^1.3.1","css-reset-and-normalize":"^1.2.0","jest":"^24.0.0","node-sass":"^4.9.3","preact":"^8.4.2","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"babel":{"presets":[["@babel/preset-env",{"targets":{"node":"current"}}],["@babel/preset-react",{"pragma":"h"}]],"plugins":[["module-resolver",{"alias":{"ui":"./src/ui/","util":"./src/util/"}}],["transform-define",{"VERSION":"TEST"}]]},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","readme":"> :warning: This readme is for the beta release of iro.js v4. Some parts are currently incomplete or lacking detail. Please read [this issue thread](https://github.com/jaames/iro.js/issues/30) for more info!\n\n<h1 align=\"center\"><a href=\"//iro.js.org\"><img height=\"340\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/screenshot.png\"/><br/>iro.js</a></h1>\n\n<p align=\"center\">\n  <b>A highly customizable svg-based color picker with zero external dependencies | <a href=\"//iro.js.org\">iro.js.org</a></b>\n</p>\n\n<p align=\"center\">\n  <a href=\"https://github.com/jaames/iro.js/blob/master/LICENSE.txt\">\n    <img src=\"https://badgen.net/github/license/jaames/iro.js?color=BB5FD1\" alt=\"license\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/v/@jaames/iro?color=6C8FF2\" alt=\"version\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/dt/@jaames/iro?color=6AD4E0\" alt=\"downloads\" />\n  </a>\n  <a href=\"https://bundlephobia.com/result?p=@jaames/iro@beta\">\n    <img src=\"https://badgen.net/bundlephobia/minzip/@jaames/iro@beta?color=6FDF89\" alt=\"minzip size\" />\n  </a>\n  <a href=\"\">\n    <img src=\"https://badgen.net/badge/dependencies/none/F8AE55\" alt=\"dependencies\" />\n  </a>\n  <a href=\"https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=XS9R3QTLZYAXQ&source=url\">\n    <img src=\"https://badgen.net/badge/donate/paypal/ED5151\" alt=\"donate\" />\n  </a>\n</p>\n\n## Features\n\n * **Simple**: Easy-to-use API, with support for hex, rgb, hsl and hsv color formats.\n * **Extendable**: Tweak the library to your requirements with [Plugins](#plugins) and custom UI elements.\n * **Consistent behavior**: Works across all modern browsers and is responsive on touchscreen devices.\n * **Small footprint**: Around [~7kb](https://bundlephobia.com/result?p=@jaames/iro@beta) minified and gzipped, with absolutely no external dependencies, extra stylesheets/images, or jQuery in sight.\n * **Licenced under MPL 2.0**: 100% free for personal and commercial use.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Installation\n\n### Install with NPM\n\n```bash\n$ npm install @jaames/iro@beta --save\n```\n\nIf you are using a module bundler like Webpack or Rollup, import iro.js into your project: \n\n```javascript\n// Using ES6 module syntax\nimport iro from '@jaames/iro';\n\n// Using CommonJS modules\nconst iro = require('@jaames/iro');\n```\n\n### Download and host yourself\n\n**[Development version](https://raw.githubusercontent.com/jaames/iro.js/v4/dist/iro.js)**<br/>\nUncompressed at around 50kB, with source comments included\n\n**[Production version](https://raw.githubusercontent.com/jaames/iro.js/v4/dist/iro.min.js)**<br/>\nMinified to 19kB\n\nThen add it to the `<head>` of your page with a `<script>` tag:\n\n```html\n<html>\n  <head>\n    <!-- ... -->\n    <script src=\"./path/to/iro.min.js\"></script>\n  </head>\n  <!-- ... -->\n</html>\n```\n\nWhen manually inluding the library like this, it will be globally available as `window.iro`.\n\n### Using the unpkg CDN\n\n```html\n<script src=\"https://unpkg.com/@jaames/iro@beta/dist/iro.min.js\"></script>\n```\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Demo\n\nComing soon!\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Usage\n\n### Getting Started\n\nCreate a HTML element with a unique identifier (such as an `id` attribute) to act as a container for the color picker:\n\n```html\n<div id=\"color-picker-container\"></div>\n```\n\nThen use JavaScript to create a new `iro.ColorPicker` and provide a CSS selector that matches the container element:\n\n```js\nvar colorPicker = new iro.ColorPicker('#color-picker-container');\n```\n\nYou can use a DOM object instead of a CSS selector -- this might be more suitable if you're integrating iro.js into an application built with Vue, React, Angular, etc.\n\n### Color Picker Options\n\nThe the color picker can be configured by passing a set of options to the second `iro.ColorPicker` parameter:\n\n```js\nvar colorPicker = new iro.ColorPicker(\"#color-picker-container\", {\n  // Set the size of the color picker\n  width: 320,\n  // Set the initial color to red\n  color: \"#f00\"\n});\n```\n\n#### Available Options\n\n| Name             | Purpose | Default Value |\n|:-----------------|:--------|:--------------|\n| `color`          | The initial color value. This can be any [supported color format](#supported-color-formats). | `\"#fff\"` |\n| `width`          | Total width of the control UI. | `300` |\n| `padding`        | Padding around the control handles. | `6` |\n| `handleRadius`   | Radius of the control handles. | `8` |\n| `handleUrl`      | SVG reference for custom handles. TODO: document this in more detail | `null` |\n| `handleOrigin`   | Custom handle origin point. | `{ x: 0, y: 0 }` |\n| `wheelLightness` | If set to 'false', the color wheel will not fade to black as the color's lightness decreases. | `true` |\n| `sliderHeight`   | Slider control height. By default this will be calculated automatically | `undefined` |\n| `sliderMargin`   | Distance between the wheel and the slider controls. | `12` |\n| `borderWidth`    | Width of the border around the controls. Defaults to 0 (no border). | `0` |\n| `borderColor`    | Color of the border. Any valid CSS color is supported. | `\"#fff\"` |\n| `display`        | CSS display value for the color picker root element. | `\"block\"` |\n\n### Color API\n\nEach color picker instance has a `color` object which stores the currently selected color. \n\n#### Color Properties\n\nThe color object has a few properties which can be used to both get and set the selected color in different formats. When the color is set this way, the UI will update and the [`color:change`](#color-picker-events) event will fire.\n\n| Name        | Example Format     |\n|:------------|:-------------------|\n| `hexString` | `#ff0000` |\n| `rgb`       | `{ r: 255, g: 0, b: 0 }` |\n| `rgbString` | `\"rgb(255, 0, 0)\"` |\n| `hsl`       | `{ h: 360, s: 100, l: 50 }` |\n| `hslString` | `\"hsl(360, 100%, 50%)\"` |\n| `hsv`       | `{ h: 360, s: 100, v: 100 }` |\n\nFor example, to get the current color as a hex string:\n\n```js\nvar hex = colorPicker.color.hexString;\nconsole.log(hex); // hex = \"#ff0000\"\n```\n\nOr to set the selected color from a hsl object:\n\n```js\ncolorPicker.color.hsl = { h: 180, s: 100, l: 50 };\n// colorPicker UI updates\n```\n\n#### Supported Color Formats\n\nThe following color formats are supported by the color picker's `color` config option, as well as the `color.set()` method:\n\n* **hex string**: `\"#ff0000\"`\n* **shorthand hex string**: `\"#f00\"`\n* **rgb(a) string**: `\"rgb(255, 0, 0)\"`\n* **percentage rgb(a) string**: `\"rgb(100%, 0%, 0%)\"`\n* **rgb object**: `{r: 255, g: 0, b: 0}`\n* **hsl(a) string**: `hsl(360, 50%, 100%)`\n* **hsl object**: `{h: 360, s: 50, l: 100}`\n* **hsv object**: `{h: 360, s: 100, v: 50}`\n\n### Color Picker Events\n\nThe color picker's `on` method can be used to register callbacks for color picker events, such as when the selected color changes or when the user begins interacting with the picker. These callbacks can also be removed with the `off` method.\n\n**`color:change`**\n\nFired whenever the color changes -- either when the user interacts with the controls, or when it is set via code. This event's callback function gets passed two values:\n\n* `color`: the [currently selected color](#color-api)\n* `changes`: an object showing which HSV channels have changed since the last time the event was fired\n\nFor example: \n\n```js\ncolorPicker.on('color:change', function(color, changes) {\n  // Log the color's hex RGB value to the dev console\n  console.log(color.hexString);\n  // If the \"H\" channel has changed, log the color's HSV value too\n  if (changes.h) {\n    console.log(color.hsv);\n  }\n})\n```\n\nCheck out the [Color API](#color-api) documentation for more details on the color object.\n\n**`input:start`**\n\nFired whenever the users starts interacting with the color picker controls. The colorPicker's color object is passed to this event's callback function.\n\n**`input:end`**\n\nFired whenever the user stops interacting with the color picker controls. The colorPicker's color object is passed to this event's callback function.\n\n**`mount`**\n\nFired when the colorPicker's UI has been mounted to the DOM and is ready for user interaction. A reference to the colorPicker object is passed to this event's callback function.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Documentation\n\n> :warning: Full v4 documentation is currently being written\n\n* [Introduction](https://iro.js.org/introduction.html)\n* [Getting Started](https://iro.js.org/guide.html#getting-started)\n* [Color Picker Options](https://iro.js.org/guide.html#color-picker-options)\n* [Using the Selected Color](https://iro.js.org/guide.html#using-the-selected-color)\n* [Events](https://iro.js.org/guide.html#events)\n* [ColorPicker API](https://iro.js.org/colorPicker_api.html)\n* [Color API](https://iro.js.org/color_api.html)\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Plugins\n\nComing soon!\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n[Website](//iro.js.org) | [Documentation](//iro.js.org/introduction.html) | [Codepen Demo](//codepen.io/rakujira/pen/WZOeNq?editors=0010) | [Contribution Guide](CONTRIBUTE.md) | [Changelog](CHANGELOG.md) | [License](LICENSE.txt)\n\n&copy; [James Daniel](//github.com/jaames)","readmeFilename":"README.md","gitHead":"277c1a0fcfab25bed33885845ab6bad5ee5173dd","_id":"@jaames/iro@4.0.0-beta.7","_nodeVersion":"9.11.1","_npmVersion":"6.7.0","dist":{"integrity":"sha512-UPO5qt1r+q7+uuUsY19yA1WZPkqT8sKIMYcs43gC7XD0YhewI8f4Cqq1jPYVRM6b6lHY1HRWPBFu/37WhaD3dw==","shasum":"7aa13f9ed0f538f9c14fa20af1054ec5dca21767","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.0.0-beta.7.tgz","fileCount":7,"unpackedSize":160832,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcVD9JCRA9TVsSAnZWagAAD/cP/3j5L+hoyEXzdWrHM6cC\nyTOP7tfppvkb2apJym/fyVXGQ1y1v6cwyvNNNlBLWC6hVaFg1iOaNoVaYqRm\nhgRcNvF/YAcGmJNHJ1bw0eKVMHVOE6aOgKtvWFWQnrinS9ADxQKsEuSuXuLk\nY/6mTpUkNIyW917tF1pe+HuLGLtJ9yQaybHVkffZbDDOnjTeql8GKLSfFdcF\nX6rtJkuKVvT1Uc0Kw2HHToBvclG15DIzP+p9edzCdTdvTWEJEa3D3fMYw3fc\noE4jL47bSDkpBdw/sApeYU5vWsXGQymLu0QGjj4U8JTrblH08Tw4yAMEl/+I\nhY2PCbdH7b6Mb1FXiSM8qQZDMdqA/HbtZK4FGi1atjhDxhCDOzO6+h5OlfaW\nbxzPdlJbO6pYEBnJtW28WqAt0/5qAP2WJzXzzBei0MHDcU1hgnvSUfKFxKda\nNmlr0QNWbfkYxXpoahBpI+FhYzWTt5xl2A767MK5fNAAZc5+jodkgzna7sL5\n5v6Jykt8WVuIfQvCXXOp6IK28F8Q9an8rQcheZ13F1EmUxGmT/hxLA0Hkqjr\nMnkmLUSB9ykXHNGL5lCB+/YdUyH6AOnOUxlUoLUTM0QqAhxOQeB7mGr9uQ5q\n5JiugMyriSsduIK/Zv6toWf3477QtQhXKvUxvP3MKmfSypuBIX+tYpiace87\ndQZj\r\n=OCCZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHIO/iRbUtZi60NrfZdxCn0oFBgCbWjywDDyZfkO7fBcAiEAt+OkPQBeb56Mb3D2ElJneopNzd4m+MKJvB7ORtVinTM="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"whale@rakujira.jp"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.0.0-beta.7_1549025097273_0.9027998931361498"},"_hasShrinkwrap":false},"4.0.0-beta.8":{"name":"@jaames/iro","version":"4.0.0-beta.8","description":"A sleek, customizable color picker widget with zero dependencies and a small footprint","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"@babel/core":"^7.2.2","@babel/preset-env":"^7.3.1","@babel/preset-react":"^7.0.0","babel-jest":"^24.0.0","babel-plugin-module-resolver":"^3.1.3","babel-plugin-transform-define":"^1.3.1","css-reset-and-normalize":"^1.2.0","jest":"^24.0.0","node-sass":"^4.9.3","preact":"^8.4.2","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"babel":{"presets":[["@babel/preset-env",{"targets":{"node":"current"}}],["@babel/preset-react",{"pragma":"h"}]],"plugins":[["module-resolver",{"alias":{"ui":"./src/ui/","util":"./src/util/"}}],["transform-define",{"VERSION":"TEST"}]]},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","readme":"> :warning: This readme is for the beta release of iro.js v4. Some parts are currently incomplete or lacking detail. Please read [this issue thread](https://github.com/jaames/iro.js/issues/30) for more info!\n\n<h1 align=\"center\"><a href=\"//iro.js.org\"><img height=\"340\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/screenshot.png\"/><br/>iro.js</a></h1>\n\n<p align=\"center\">\n  <b>A highly customizable svg-based color picker with zero external dependencies | <a href=\"//iro.js.org\">iro.js.org</a></b>\n</p>\n\n<p align=\"center\">\n  <a href=\"https://github.com/jaames/iro.js/blob/master/LICENSE.txt\">\n    <img src=\"https://badgen.net/github/license/jaames/iro.js?color=BB5FD1\" alt=\"license\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/v/@jaames/iro?color=6C8FF2\" alt=\"version\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/dt/@jaames/iro?color=6AD4E0\" alt=\"downloads\" />\n  </a>\n  <a href=\"https://bundlephobia.com/result?p=@jaames/iro@beta\">\n    <img src=\"https://badgen.net/bundlephobia/minzip/@jaames/iro@beta?color=6FDF89\" alt=\"minzip size\" />\n  </a>\n  <a href=\"\">\n    <img src=\"https://badgen.net/badge/dependencies/none/F8AE55\" alt=\"dependencies\" />\n  </a>\n  <a href=\"https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=XS9R3QTLZYAXQ&source=url\">\n    <img src=\"https://badgen.net/badge/donate/paypal/ED5151\" alt=\"donate\" />\n  </a>\n</p>\n\n## Features\n\n * **Simple**: Easy-to-use API, with support for hex, rgb, hsl and hsv color formats.\n * **Extendable**: Tweak the library to your requirements with [Plugins](#plugins) and custom UI elements.\n * **Consistent behavior**: Works across all modern browsers and is responsive on touchscreen devices.\n * **Small footprint**: Around [~7kb](https://bundlephobia.com/result?p=@jaames/iro@beta) minified and gzipped, with absolutely no external dependencies, extra stylesheets/images, or jQuery in sight.\n * **Licenced under MPL 2.0**: 100% free for personal and commercial use.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Installation\n\n### Install with NPM\n\n```bash\n$ npm install @jaames/iro@beta --save\n```\n\nIf you are using a module bundler like Webpack or Rollup, import iro.js into your project: \n\n```javascript\n// Using ES6 module syntax\nimport iro from '@jaames/iro';\n\n// Using CommonJS modules\nconst iro = require('@jaames/iro');\n```\n\n### Download and host yourself\n\n**[Development version](https://raw.githubusercontent.com/jaames/iro.js/v4/dist/iro.js)**<br/>\nUncompressed at around 50kB, with source comments included\n\n**[Production version](https://raw.githubusercontent.com/jaames/iro.js/v4/dist/iro.min.js)**<br/>\nMinified to 19kB\n\nThen add it to the `<head>` of your page with a `<script>` tag:\n\n```html\n<html>\n  <head>\n    <!-- ... -->\n    <script src=\"./path/to/iro.min.js\"></script>\n  </head>\n  <!-- ... -->\n</html>\n```\n\nWhen manually inluding the library like this, it will be globally available as `window.iro`.\n\n### Using the unpkg CDN\n\n```html\n<script src=\"https://unpkg.com/@jaames/iro@beta/dist/iro.min.js\"></script>\n```\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Demo\n\nComing soon!\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Usage\n\n### Getting Started\n\nCreate a HTML element with a unique identifier (such as an `id` attribute) to act as a container for the color picker:\n\n```html\n<div id=\"color-picker-container\"></div>\n```\n\nThen use JavaScript to create a new `iro.ColorPicker` and provide a CSS selector that matches the container element:\n\n```js\nvar colorPicker = new iro.ColorPicker('#color-picker-container');\n```\n\nYou can use a DOM object instead of a CSS selector -- this might be more suitable if you're integrating iro.js into an application built with Vue, React, Angular, etc.\n\n### Color Picker Options\n\nThe the color picker can be configured by passing a set of options to the second `iro.ColorPicker` parameter:\n\n```js\nvar colorPicker = new iro.ColorPicker(\"#color-picker-container\", {\n  // Set the size of the color picker\n  width: 320,\n  // Set the initial color to red\n  color: \"#f00\"\n});\n```\n\n#### Available Options\n\n| Name             | Purpose | Default Value |\n|:-----------------|:--------|:--------------|\n| `color`          | The initial color value. This can be any [supported color format](#supported-color-formats). | `\"#fff\"` |\n| `width`          | Total width of the control UI. | `300` |\n| `padding`        | Padding around the control handles. | `6` |\n| `handleRadius`   | Radius of the control handles. | `8` |\n| `handleUrl`      | SVG reference for custom handles. TODO: document this in more detail | `null` |\n| `handleOrigin`   | Custom handle origin point. | `{ x: 0, y: 0 }` |\n| `wheelLightness` | If set to 'false', the color wheel will not fade to black as the color's lightness decreases. | `true` |\n| `sliderHeight`   | Slider control height. By default this will be calculated automatically | `undefined` |\n| `sliderMargin`   | Distance between the wheel and the slider controls. | `12` |\n| `borderWidth`    | Width of the border around the controls. Defaults to 0 (no border). | `0` |\n| `borderColor`    | Color of the border. Any valid CSS color is supported. | `\"#fff\"` |\n| `display`        | CSS display value for the color picker root element. | `\"block\"` |\n\n### Color API\n\nEach color picker instance has a `color` object which stores the currently selected color. \n\n#### Color Properties\n\nThe color object has a few properties which can be used to both get and set the selected color in different formats. When the color is set this way, the UI will update and the [`color:change`](#color-picker-events) event will fire.\n\n| Name        | Example Format     |\n|:------------|:-------------------|\n| `hexString` | `#ff0000` |\n| `rgb`       | `{ r: 255, g: 0, b: 0 }` |\n| `rgbString` | `\"rgb(255, 0, 0)\"` |\n| `hsl`       | `{ h: 360, s: 100, l: 50 }` |\n| `hslString` | `\"hsl(360, 100%, 50%)\"` |\n| `hsv`       | `{ h: 360, s: 100, v: 100 }` |\n\nFor example, to get the current color as a hex string:\n\n```js\nvar hex = colorPicker.color.hexString;\nconsole.log(hex); // hex = \"#ff0000\"\n```\n\nOr to set the selected color from a hsl object:\n\n```js\ncolorPicker.color.hsl = { h: 180, s: 100, l: 50 };\n// colorPicker UI updates\n```\n\n#### Supported Color Formats\n\nThe following color formats are supported by the color picker's `color` config option, as well as the `color.set()` method:\n\n* **hex string**: `\"#ff0000\"`\n* **shorthand hex string**: `\"#f00\"`\n* **rgb(a) string**: `\"rgb(255, 0, 0)\"`\n* **percentage rgb(a) string**: `\"rgb(100%, 0%, 0%)\"`\n* **rgb object**: `{r: 255, g: 0, b: 0}`\n* **hsl(a) string**: `hsl(360, 50%, 100%)`\n* **hsl object**: `{h: 360, s: 50, l: 100}`\n* **hsv object**: `{h: 360, s: 100, v: 50}`\n\n### Color Picker Events\n\nThe color picker's `on` method can be used to register callbacks for color picker events, such as when the selected color changes or when the user begins interacting with the picker. These callbacks can also be removed with the `off` method.\n\n**`color:change`**\n\nFired whenever the color changes -- either when the user interacts with the controls, or when it is set via code. This event's callback function gets passed two values:\n\n* `color`: the [currently selected color](#color-api)\n* `changes`: an object showing which HSV channels have changed since the last time the event was fired\n\nFor example: \n\n```js\ncolorPicker.on('color:change', function(color, changes) {\n  // Log the color's hex RGB value to the dev console\n  console.log(color.hexString);\n  // If the \"H\" channel has changed, log the color's HSV value too\n  if (changes.h) {\n    console.log(color.hsv);\n  }\n})\n```\n\nCheck out the [Color API](#color-api) documentation for more details on the color object.\n\n**`input:start`**\n\nFired whenever the users starts interacting with the color picker controls. The colorPicker's color object is passed to this event's callback function.\n\n**`input:end`**\n\nFired whenever the user stops interacting with the color picker controls. The colorPicker's color object is passed to this event's callback function.\n\n**`mount`**\n\nFired when the colorPicker's UI has been mounted to the DOM and is ready for user interaction. A reference to the colorPicker object is passed to this event's callback function.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Documentation\n\n> :warning: Full v4 documentation is currently being written\n\n* [Introduction](https://iro.js.org/introduction.html)\n* [Getting Started](https://iro.js.org/guide.html#getting-started)\n* [Color Picker Options](https://iro.js.org/guide.html#color-picker-options)\n* [Using the Selected Color](https://iro.js.org/guide.html#using-the-selected-color)\n* [Events](https://iro.js.org/guide.html#events)\n* [ColorPicker API](https://iro.js.org/colorPicker_api.html)\n* [Color API](https://iro.js.org/color_api.html)\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Plugins\n\nComing soon!\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n[Website](//iro.js.org) | [Documentation](//iro.js.org/introduction.html) | [Codepen Demo](//codepen.io/rakujira/pen/WZOeNq?editors=0010) | [Contribution Guide](CONTRIBUTE.md) | [Changelog](CHANGELOG.md) | [License](LICENSE.txt)\n\n&copy; [James Daniel](//github.com/jaames)","readmeFilename":"README.md","gitHead":"8328d98746e32c7ed71e84f1f8e6826338934d18","_id":"@jaames/iro@4.0.0-beta.8","_nodeVersion":"9.11.1","_npmVersion":"6.7.0","dist":{"integrity":"sha512-nqGVEphNJ+PaRjrssYAwzO0guy1PYM1jmp/v9qCY2++EEIRNt8UFUS2lSOijZrId789dnmTBGlAl5ZrX/PUWLQ==","shasum":"1bbe13c9308d61adbeb83c5f7feeedc0cf22c88c","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.0.0-beta.8.tgz","fileCount":7,"unpackedSize":161163,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcVFXQCRA9TVsSAnZWagAA1O8P/iTe1TMw88cSYAL2VI/5\nXnXl714ui2Rq4zzmWN6fWF8cV6ynU8atr/jt5WsaArKXxxF+LjQ/f6XCPc26\npecMl9GL0FGOhK6oZ0USWqCP3cOag/RgxW0cBUlAJFV7GQ7xRJPC8ituTKn4\ngkpCUN92QY6w/eCrz0hDwASH26GARxdXdkF8SIKXRQjRvwfXMR+WXOIixadH\ngmYfy/zkPotZIEGi2wD+3HzgbJ2g1q3NqOoU0OGkgBJy00M6Hj8eH7zhITZ2\nx7k3NVgcHUmywozGDEFkY856BK+I2XiVC+oJdYlD9VHB7aCV5wJLBusHEO34\nLQMbSn2xgDVKPRrrujr8JPqfw5eH3i7wWeVBQSrUS4GjHtcggc8qi/TdjMMH\nTa7aYG9AyS6Ipa8O2x/blu77SnkE+/4zej9oSwvpdpOm1W0n/rmcZDaPpp3/\nZL3KqJYYu5Ca/KMMIm+qDbTdK9rxX9zPkUGu34IdMnL6VTrxnKNKDuanXU2m\nBsHfL8GwFJ7QwPnhwSuNm6xctMJaY39MQcRak9yDe23kaa4I8JBQ91RXTJmC\nvsyrVRNa+s1FcDW+qC+Y2jAKAAu9+CTz3B+vZzFq79GcXyyl6rXnvNVGo3J9\nX1gsdv9t7yYpuoqJ3itePFxruaA2PYHADyq2ziA+/DwF0R4efAvA5dnEGpFG\nyxju\r\n=12m8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCFDpHePnBKha73Lf535D/NQfaInVVxJ37DH1npi2Mw8QIgV5ZsxSvOAO7eAZrmuldr2aOt3y1J9EMg/PUeAtv5QTw="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"whale@rakujira.jp"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.0.0-beta.8_1549030863482_0.227235360311262"},"_hasShrinkwrap":false},"3.5.6":{"name":"@jaames/iro","version":"3.5.6","description":"A sleek and lightweight JS color picker - with zero dependencies","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"bili":"^3.0.13","concurrently":"^3.5.1","node-sass":"^4.9.3","node-static":"^0.7.10","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"build":"bili && \\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","dev":"concurrently 'npm run serve' 'bili --watch --no-logUpdate'","serve":"static -c 0 -a 0.0.0.0 -p 4000","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs","test":""},"keywords":["color","colour","picker","wheel","stylesheet","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MIT","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://rakujira.jp/projects/iro/","dependencies":{"css-reset-and-normalize":"^1.0.1"},"gitHead":"df182b60fd8da16576afa060cfd60217f10cf9d1","_id":"@jaames/iro@3.5.6","_nodeVersion":"9.11.1","_npmVersion":"6.7.0","dist":{"integrity":"sha512-m5lrlRfeAyqHCG/fX0/11QWKpQEtetvZgNwNybvxdyWociyMzehxJyHMJ5hXAY7uTKv09oyD/Ei33kDvcRUEHg==","shasum":"245ba939d53a00fdabf591fcf2e1c3bbfacd5843","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-3.5.6.tgz","fileCount":6,"unpackedSize":95917,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcVLPqCRA9TVsSAnZWagAASxUP/1wITQzuPhTel+SBtbKF\nNr9zoUlfugasv/SScfUy7idE4efBhmprWIm8zUsAg4V2NnozuRptkxenYdJp\n6T6pZP5juz2u6wVpLPQl7JIKdloQzQRVD6gBb+Bj3puDlVRUJ7SVedPQg/ae\nGoku9A4QA5j1GpCEa9P5qnaBJ3LXxeW/AmslJl0i+u0Iw5uToiGQ8bg+L0zw\nfloqDMKHzs4/STnhsHInhmxDoCSbbq1C2tTnWC7OqH4Fa82Ws+IkV/Vjo91h\nM1C1rs3v4HeiscBumcDB60vqP7ErkEO9jT7lkqKakn1J1GK2m9ri+EX3dYjp\ntU8oP7ERGtspILKCOyTB930Bg+w9Fz3Tqoulra0S+Wj9W1eurlUUcoR3NL0l\nM12mi9TicDk/q60xVMt6CzPYPcGUMg4dnsM8SwnjynK0yR212fLKSITV/tZm\nG83YOBayBcjjL+ukgwH+Obpff62/IOQzMhXSC6D+vdQpcO9W+XK+rFHF1cLg\nRctbYykJjxKIly60cOx/NZUlzyZzWUyRBOn8fgP+L2QVggh4ik2Z3nfrmUA6\nK3SyzKWxoXUcO4cv/VvpMTApcsXem1uJnmoKpG/A6KZbwJEpOqb20LnZJqfm\nXfkV5vCW1T17zPm8Kr5F20itU/H5QYHV4xUQc8yr3hhAPX/8GMBAOnQkf8sA\n+gJ2\r\n=QdFI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGKfxPKf5grqeX6vL3SlDXbX7G1YyZP9qVuILfJ/n1RsAiEAkn4Hv2VdEm94VBR+8/dFaGZiWjq1KG3Hmk3poRtl9aA="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"whale@rakujira.jp"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_3.5.6_1549054953729_0.08713580188980674"},"_hasShrinkwrap":false},"4.0.0-beta.9":{"name":"@jaames/iro","version":"4.0.0-beta.9","description":"A sleek, customizable color picker widget with zero dependencies and a small footprint","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"@babel/core":"^7.2.2","@babel/preset-env":"^7.3.1","@babel/preset-react":"^7.0.0","babel-jest":"^24.0.0","babel-plugin-module-resolver":"^3.1.3","babel-plugin-transform-define":"^1.3.1","css-reset-and-normalize":"^1.2.0","jest":"^24.0.0","node-sass":"^4.9.3","preact":"^8.4.2","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"babel":{"presets":[["@babel/preset-env",{"targets":{"node":"current"}}],["@babel/preset-react",{"pragma":"h"}]],"plugins":[["module-resolver",{"alias":{"ui":"./src/ui/","util":"./src/util/"}}],["transform-define",{"VERSION":"TEST"}]]},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","readme":"> :warning: This readme is for the beta release of iro.js v4. Some parts are currently incomplete or lacking detail. Please read [this issue thread](https://github.com/jaames/iro.js/issues/30) for more info!\n\n<h1 align=\"center\"><a href=\"//iro.js.org\"><img height=\"340\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/screenshot.png\"/><br/>iro.js</a></h1>\n\n<p align=\"center\">\n  <b>A highly customizable svg-based color picker with zero external dependencies | <a href=\"//iro.js.org\">iro.js.org</a></b>\n</p>\n\n<p align=\"center\">\n  <a href=\"https://github.com/jaames/iro.js/blob/master/LICENSE.txt\">\n    <img src=\"https://badgen.net/github/license/jaames/iro.js?color=BB5FD1\" alt=\"license\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/v/@jaames/iro?color=6C8FF2\" alt=\"version\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/dt/@jaames/iro?color=6AD4E0\" alt=\"downloads\" />\n  </a>\n  <a href=\"https://bundlephobia.com/result?p=@jaames/iro@beta\">\n    <img src=\"https://badgen.net/bundlephobia/minzip/@jaames/iro@beta?color=6FDF89\" alt=\"minzip size\" />\n  </a>\n  <a href=\"\">\n    <img src=\"https://badgen.net/badge/dependencies/none/F8AE55\" alt=\"dependencies\" />\n  </a>\n  <a href=\"https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=XS9R3QTLZYAXQ&source=url\">\n    <img src=\"https://badgen.net/badge/donate/paypal/ED5151\" alt=\"donate\" />\n  </a>\n</p>\n\n## Features\n\n * **Simple**: Easy-to-use API, with support for hex, rgb, hsl and hsv color formats.\n * **Extendable**: Tweak the library to your requirements with [Plugins](#plugins) and custom UI elements.\n * **Consistent behavior**: Works across all modern browsers and is responsive on touchscreen devices.\n * **Small footprint**: Around [~7kb](https://bundlephobia.com/result?p=@jaames/iro@beta) minified and gzipped, with absolutely no external dependencies, extra stylesheets/images, or jQuery in sight.\n * **Licenced under MPL 2.0**: 100% free for personal and commercial use.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Installation\n\n### Install with NPM\n\n```bash\n$ npm install @jaames/iro@beta --save\n```\n\nIf you are using a module bundler like Webpack or Rollup, import iro.js into your project: \n\n```javascript\n// Using ES6 module syntax\nimport iro from '@jaames/iro';\n\n// Using CommonJS modules\nconst iro = require('@jaames/iro');\n```\n\n### Download and host yourself\n\n**[Development version](https://raw.githubusercontent.com/jaames/iro.js/v4/dist/iro.js)**<br/>\nUncompressed at around 50kB, with source comments included\n\n**[Production version](https://raw.githubusercontent.com/jaames/iro.js/v4/dist/iro.min.js)**<br/>\nMinified to 19kB\n\nThen add it to the `<head>` of your page with a `<script>` tag:\n\n```html\n<html>\n  <head>\n    <!-- ... -->\n    <script src=\"./path/to/iro.min.js\"></script>\n  </head>\n  <!-- ... -->\n</html>\n```\n\nWhen manually inluding the library like this, it will be globally available as `window.iro`.\n\n### Using the unpkg CDN\n\n```html\n<script src=\"https://unpkg.com/@jaames/iro@beta/dist/iro.min.js\"></script>\n```\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Demo\n\nComing soon!\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Usage\n\n### Getting Started\n\nCreate a HTML element with a unique identifier (such as an `id` attribute) to act as a container for the color picker:\n\n```html\n<div id=\"color-picker-container\"></div>\n```\n\nThen use JavaScript to create a new `iro.ColorPicker` and provide a CSS selector that matches the container element:\n\n```js\nvar colorPicker = new iro.ColorPicker('#color-picker-container');\n```\n\nYou can use a DOM object instead of a CSS selector -- this might be more suitable if you're integrating iro.js into an application built with Vue, React, Angular, etc.\n\n### Color Picker Options\n\nThe the color picker can be configured by passing a set of options to the second `iro.ColorPicker` parameter:\n\n```js\nvar colorPicker = new iro.ColorPicker(\"#color-picker-container\", {\n  // Set the size of the color picker\n  width: 320,\n  // Set the initial color to red\n  color: \"#f00\"\n});\n```\n\n#### Available Options\n\n| Name             | Purpose | Default Value |\n|:-----------------|:--------|:--------------|\n| `color`          | The initial color value. This can be any [supported color format](#supported-color-formats). | `\"#fff\"` |\n| `width`          | Total width of the control UI. | `300` |\n| `padding`        | Padding around the control handles. | `6` |\n| `handleRadius`   | Radius of the control handles. | `8` |\n| `handleUrl`      | SVG reference for custom handles. TODO: document this in more detail | `null` |\n| `handleOrigin`   | Custom handle origin point. | `{ x: 0, y: 0 }` |\n| `wheelLightness` | If set to 'false', the color wheel will not fade to black as the color's lightness decreases. | `true` |\n| `sliderHeight`   | Slider control height. By default this will be calculated automatically | `undefined` |\n| `sliderMargin`   | Distance between the wheel and the slider controls. | `12` |\n| `borderWidth`    | Width of the border around the controls. Defaults to 0 (no border). | `0` |\n| `borderColor`    | Color of the border. Any valid CSS color is supported. | `\"#fff\"` |\n| `display`        | CSS display value for the color picker root element. | `\"block\"` |\n\n### Color API\n\nEach color picker instance has a `color` object which stores the currently selected color. \n\n#### Color Properties\n\nThe color object has a few properties which can be used to both get and set the selected color in different formats. When the color is set this way, the UI will update and the [`color:change`](#color-picker-events) event will fire.\n\n| Name        | Example Format     |\n|:------------|:-------------------|\n| `hexString` | `#ff0000` |\n| `rgb`       | `{ r: 255, g: 0, b: 0 }` |\n| `rgbString` | `\"rgb(255, 0, 0)\"` |\n| `hsl`       | `{ h: 360, s: 100, l: 50 }` |\n| `hslString` | `\"hsl(360, 100%, 50%)\"` |\n| `hsv`       | `{ h: 360, s: 100, v: 100 }` |\n\nFor example, to get the current color as a hex string:\n\n```js\nvar hex = colorPicker.color.hexString;\nconsole.log(hex); // hex = \"#ff0000\"\n```\n\nOr to set the selected color from a hsl object:\n\n```js\ncolorPicker.color.hsl = { h: 180, s: 100, l: 50 };\n// colorPicker UI updates\n```\n\n#### Supported Color Formats\n\nThe following color formats are supported by the color picker's `color` config option, as well as the `color.set()` method:\n\n* **hex string**: `\"#ff0000\"`\n* **shorthand hex string**: `\"#f00\"`\n* **rgb(a) string**: `\"rgb(255, 0, 0)\"`\n* **percentage rgb(a) string**: `\"rgb(100%, 0%, 0%)\"`\n* **rgb object**: `{r: 255, g: 0, b: 0}`\n* **hsl(a) string**: `hsl(360, 50%, 100%)`\n* **hsl object**: `{h: 360, s: 50, l: 100}`\n* **hsv object**: `{h: 360, s: 100, v: 50}`\n\n### Color Picker Events\n\nThe color picker's `on` method can be used to register callbacks for color picker events, such as when the selected color changes or when the user begins interacting with the picker. These callbacks can also be removed with the `off` method.\n\n**`color:change`**\n\nFired whenever the color changes -- either when the user interacts with the controls, or when it is set via code. This event's callback function gets passed two values:\n\n* `color`: the [currently selected color](#color-api)\n* `changes`: an object showing which HSV channels have changed since the last time the event was fired\n\nFor example: \n\n```js\ncolorPicker.on('color:change', function(color, changes) {\n  // Log the color's hex RGB value to the dev console\n  console.log(color.hexString);\n  // If the \"H\" channel has changed, log the color's HSV value too\n  if (changes.h) {\n    console.log(color.hsv);\n  }\n})\n```\n\nCheck out the [Color API](#color-api) documentation for more details on the color object.\n\n**`input:start`**\n\nFired whenever the users starts interacting with the color picker controls. The colorPicker's color object is passed to this event's callback function.\n\n**`input:end`**\n\nFired whenever the user stops interacting with the color picker controls. The colorPicker's color object is passed to this event's callback function.\n\n**`mount`**\n\nFired when the colorPicker's UI has been mounted to the DOM and is ready for user interaction. A reference to the colorPicker object is passed to this event's callback function.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Documentation\n\n> :warning: Full v4 documentation is currently being written\n\n* [Introduction](https://iro.js.org/introduction.html)\n* [Getting Started](https://iro.js.org/guide.html#getting-started)\n* [Color Picker Options](https://iro.js.org/guide.html#color-picker-options)\n* [Using the Selected Color](https://iro.js.org/guide.html#using-the-selected-color)\n* [Events](https://iro.js.org/guide.html#events)\n* [ColorPicker API](https://iro.js.org/colorPicker_api.html)\n* [Color API](https://iro.js.org/color_api.html)\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n## Plugins\n\nComing soon!\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/v4/assets/break.png\"/>\n\n[Website](//iro.js.org) | [Documentation](//iro.js.org/introduction.html) | [Codepen Demo](//codepen.io/rakujira/pen/WZOeNq?editors=0010) | [Contribution Guide](CONTRIBUTE.md) | [Changelog](CHANGELOG.md) | [License](LICENSE.txt)\n\n&copy; [James Daniel](//github.com/jaames)","readmeFilename":"README.md","gitHead":"b135fae27dd0592e7985d6a896a8d405e535ad6e","_id":"@jaames/iro@4.0.0-beta.9","_nodeVersion":"9.11.1","_npmVersion":"6.7.0","dist":{"integrity":"sha512-ElfPSrU5sWXT/kv+ySQoPnXAuDUgIxU8Y5FLXFnfvG7Rs2jguAe/87Bszb/4nL5Qsu4jthdDIsZ3SU4QE7GdGg==","shasum":"67c0fa8e00ce1958a7e8a1d82a7e997fc41331c8","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.0.0-beta.9.tgz","fileCount":7,"unpackedSize":161342,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcVMTzCRA9TVsSAnZWagAAydMP/0DI1YyDYi1ZgBKeYx3H\n8iTRlF86kzyGPTZWw8C9kPEfL3k5iDSLhYH8QxJ8GltrFfFPxFUeoIGyGslU\nvVY2g7lJ7rLPGA24gLKPPCXOFGrwgqoT5xLuvvhd9tDyp7OSTDUUClge8UlV\n2sH5PMCL19N6saCDgGKEg6hMd7oJmslkvB3VmqUmOlbhhHIe/k1iVD7amm2u\nKWfGjnMJlijSn6gT5PDYkUWzRuGQCAb2Abp/euRIffN2GPopOtqAhNjxR2oi\n5xTcb4TReQkBjqGqrI+TTg8774XSRyERKxHa07QC1pwiPJakdnrEvui+TLnf\nDe2mcuIt51wQSWYUKGMyK+QlYQCjSaCAXl2cZU3RVSO+0OckVc5RyjQLZfQE\nDqiLcscjvtQk5+V424JWgmcWQRwyewo0R8Lk+AWW55Q3hQVp7Y1dEtxMQWlc\ne6VmMcpxJOkcLk86OyYr/Ppxgq5m1nwcP4RQzGzZPDp4lC3okybj6HAYlUUw\nSzsbL4zXSMIxgJFTQ+MJQV7E/8A/jg4wbKUyqrkUZLLS7KeD7klTOnrJjOum\nmxV81PTsFNgKNNOZHyxQipfVAV03hbkZZiljkenupRoFu5e0EmbzU5sTp6HF\nh8KYxONdU/IFMSzshvY27NZJTS5ZhD7FnCI87VlHoWBjtLxwj5obgSa1rF8Y\nS6e5\r\n=4HJU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDFWiiOQC4chVp61Sfc++uVRqSyvN7DzJ6xdsMvJ/4k/AIgVfdDWWERU8oTKE1o/DrmJV1lSjFX4jU+UO4nRfc0afo="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"whale@rakujira.jp"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.0.0-beta.9_1549059315064_0.35900855189183933"},"_hasShrinkwrap":false},"4.0.1":{"name":"@jaames/iro","version":"4.0.1","description":"A sleek, customizable color picker widget with zero dependencies and a small footprint","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"iro-dynamic-css":"^1.0.3","@babel/core":"^7.2.2","@babel/preset-env":"^7.3.1","@babel/preset-react":"^7.0.0","babel-jest":"^24.0.0","babel-plugin-module-resolver":"^3.1.3","babel-plugin-transform-define":"^1.3.1","css-reset-and-normalize":"^1.2.0","jest":"^24.0.0","node-sass":"^4.9.3","preact":"^8.4.2","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"babel":{"presets":[["@babel/preset-env",{"targets":{"node":"current"}}],["@babel/preset-react",{"pragma":"h"}]],"plugins":[["module-resolver",{"alias":{"ui":"./src/ui/","util":"./src/util/"}}],["transform-define",{"VERSION":"TEST"}]]},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"9a32ce0cf4bbe59dcfbc042e2b970d0ab1aa2875","_id":"@jaames/iro@4.0.1","_nodeVersion":"9.11.1","_npmVersion":"6.7.0","dist":{"integrity":"sha512-Q4DcB7poRpH3Gok74isb5PD/FTBlxPbZ5RMovM7bUIJ7q8kDyJow1qUJ4qIywmWnUNZyXCa6dpvNXnQ24WP5TQ==","shasum":"a88ba50453238e46950726215b985f71979d4b3b","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.0.1.tgz","fileCount":7,"unpackedSize":166098,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJccIY9CRA9TVsSAnZWagAA5LsP/2EDCX62c+dx97tZ4Wfv\n+s90S5ZbCFAND4BjcjkG/YOKhQiF8jf13QGgeKavHKjbj3gAqpd8fzvG0Ru9\nT2L4P/tYEGaKpPoAhiqENRaG8KWAGh8cIdBttsL2XXbNhoEESFS319LegRAR\n9jqzd0hd2BixP1QBf5BDaQYHNCYdV9LPGqvNCHzS8Um2NsFTnWRQPBFVGqIw\nZrm7l02wxqLW/C+JtUl4NBfvTpCyISHvrfxcyTcxTdxqcgNpnNtnYZiR6pjA\nxNOu7ypTQ3Cg7d6Valvg82LrtL68YHYrBB5Wd1Gxb0AFvEuUeJX6HroM+3NF\n0FFhh64cqh10ZP5gAj45picvOcYKH/xHV5AZZXBc0pi5QxIe33gcUP/0KjFQ\nWA32+g7aG8yyT/yILVraI/VWO7ZNLUVKSx1ISAPx+07T7CmL9yXluvJw6PSa\n2zrjSaW4B0W3dcmr37tLXeWOsZZCXAFxLTB2OO4rE24pEErIyDV9C/9VIEEM\nBXSfMpB/w0mi0YLR3Ldmrxxgn7bazsV7i7inHkbxxwvEZ+kUJt2bFgki9h4R\nC/JMupLssUqyghf5455VlboEINBrSbKCyOVYB9oiGbKz7XHaBm7F1K+5jqFu\nmj28VI5/lqJctNB+8iZm2nQKLHrm2uKr3GuVS3R6lAfABCFmc99+easLYzm8\nUFAY\r\n=/d6G\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBfZjQsbJumTuiCM6Y9s4M0CKpXVAlMzwpaIeNfaIzh7AiBmpOPTt/bI4B4fU8CIVeKbiX6NNmYKjjAkbwpOhNyVvA=="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"jamesdaniel2197@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.0.1_1550878268299_0.47385846336672244"},"_hasShrinkwrap":false},"4.0.2":{"name":"@jaames/iro","version":"4.0.2","description":"A sleek, customizable color picker widget with zero dependencies and a small footprint","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"iro-dynamic-css":"^1.0.3","@babel/core":"^7.2.2","@babel/preset-env":"^7.3.1","@babel/preset-react":"^7.0.0","babel-jest":"^24.0.0","babel-plugin-module-resolver":"^3.1.3","babel-plugin-transform-define":"^1.3.1","css-reset-and-normalize":"^1.2.0","jest":"^24.0.0","node-sass":"^4.9.3","preact":"^8.4.2","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"babel":{"presets":[["@babel/preset-env",{"targets":{"node":"current"}}],["@babel/preset-react",{"pragma":"h"}]],"plugins":[["module-resolver",{"alias":{"ui":"./src/ui/","util":"./src/util/"}}],["transform-define",{"VERSION":"TEST"}]]},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"f5914bbebda757de15e4ffb44321b6fc3b33caa8","_id":"@jaames/iro@4.0.2","_nodeVersion":"9.11.1","_npmVersion":"6.7.0","dist":{"integrity":"sha512-cde4nJp13exZ4tBVeaVpDneUxsTDhGY2HWU3d/f/FVXVU2PxlbwzDpPwu18c3NmU/33bKSdg38cULf3fSKKUuQ==","shasum":"1102519ba195f1fb6de3d35dbaadde44b875190c","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.0.2.tgz","fileCount":7,"unpackedSize":166658,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJceabkCRA9TVsSAnZWagAAu3wP/3ku3DYATzhWM83Kp+WY\nu9kF5z576bnuHGPRPmza3L660meTQIHFJg/HaHohlzMQ2MS2Pgerq90JTWyH\nzbIdoLxoDGtKJKKB/GVscj1wz2kxtR91jfHgAakOBF26Uh5T/H8GyOFvXAyC\ndpEDzHDD4XImkYeZbhiCETY+MAq/XWxfC+ETfOybwTGyxIPm+NbFEqA8PC8N\ns+fAJt3VPbFkgBuPEnu1nqDUoiVgyE0iaqFzXJ9HWf+pazT15LuPRDITiCPX\nhdzKacsVOzjC0GyWjwK21/JNdNeynQAWjD8mT+Vr5ED/yYrT8Cp1ZzzqmGFZ\nl3daA64HjD5wl8laOdKUdJYmjkD3+sArr0s/SMV/Vg1t2Wp5UzqBMrA+L8t/\nKwjshSEIkRdeE2iaQoN1JMLMVPFnVPB9RYVx3SpWQONXjC96aaqrj0d56GjE\nIF9MIaupqEGu74qSz5CXLI+sAy2mXLipTn/HYTVBYKtgZ/v7pPEzAtzCtDfW\nMj5hTdkzuhfNlnQECzuVek63zXE4/WMd9kqCKVwMtt8Fk84OWv0JRkUuyPXU\nc5SwYtlLWdwpP2mh3rhq0YD2DGtyzmR64PA3C417ravA8PPZ5i6pwcYZEBe9\n9tc93yZruVrrcRa2RSqUsaJqytg7qTBbXsaHFVsc6rQESaphlbto+a1dMqop\nFqf4\r\n=dY94\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZ50VjsuwfkCqE6jHM73B0g2BglQYjgbA8Q4C9inwVdwIhAOAij/g+a/tSmCsqcSYOjie7zHhNmcistInAYkilIDY+"}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"jamesdaniel2197@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.0.2_1551476452037_0.8028815307100254"},"_hasShrinkwrap":false},"4.0.3":{"name":"@jaames/iro","version":"4.0.3","description":"A sleek, customizable color picker widget with zero dependencies and a small footprint","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"iro-dynamic-css":"^1.0.3","@babel/core":"^7.2.2","@babel/preset-env":"^7.3.1","@babel/preset-react":"^7.0.0","babel-jest":"^24.0.0","babel-plugin-module-resolver":"^3.1.3","babel-plugin-transform-define":"^1.3.1","css-reset-and-normalize":"^1.2.0","jest":"^24.0.0","node-sass":"^4.9.3","preact":"^8.4.2","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"babel":{"presets":[["@babel/preset-env",{"targets":{"node":"current"}}],["@babel/preset-react",{"pragma":"h"}]],"plugins":[["module-resolver",{"alias":{"ui":"./src/ui/","util":"./src/util/"}}],["transform-define",{"VERSION":"TEST"}]]},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"b14efcee74f1c593a8388d80ad695a8777baecd0","_id":"@jaames/iro@4.0.3","_nodeVersion":"9.11.1","_npmVersion":"6.7.0","dist":{"integrity":"sha512-rdiKTnzWSiviR960SfNvC1tvK+K549TvOuEXOLzTolFzBQYlX3Ec1PaMM7+mTvpzMzv6zIfDYth/5gG1fY/92w==","shasum":"bf612dc81c5bc5c7079484bfbf69df994f26a1af","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.0.3.tgz","fileCount":7,"unpackedSize":166962,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcgQvECRA9TVsSAnZWagAAIUkQAJGkn3FFgG4Mb4/0b4bO\nRbw5TEqxciZ5RZkGH9S3hsRxax/WTnv7uKndLDPm46K9sOya6tMA/4uj/o76\nB/hcEpv94JbSd+4sjuCfphIouoyuv5VucqFF82F/jLkkEMh4+e8sk84LYSFm\nlxE4rI+DIFm1+D6JkbqMfloxxANRTQi0qwTQhVjfMmsayMSxAwSqINKOA1zb\nY7BMSGf1miD0kEF6n23IMIQ5tCEQRAj9c1aLc7v/ZnorAukfApDPE6oYXgWh\nWysSpzL3T/i0yTuTN3GHejpMH9QAktCL+mWIhaTlwpKuUBMFQy3Powta5/J5\nNXlyGg8hA6g7DKNlOut4VrB6Ni9WMugTi/eN1VhUYhQJ1ZGIo6ni+kEuIPF0\nWBWg2lRHIRfOaJBY2ntSL91FtvrKaJW5QRGfyGHFpLkAFUjC5pFJxHPqZwo6\n5Xo0NzYfa9E4tUl22D/PLYdIft0JoKa8uNZ+llHMmY1EYDGPKHvmFq0PJlOK\n6m4PaRgM9j3oP/GPjQDj7Wg+xCc4R3WnPxmj7Z8rDEpSKvn8orfo5boQYDGn\nQFWulgkBkhhXtBGTTGtI30t/nGyLXg4Zsz2yeGPcLplmmY56ZSP46oVbel8d\nKGwOOwlUvU20Br4Y3V9Jv2UWV3aiLty2AjI2tFyaxHFk69YVfiSGPc5oXYf6\nC2Te\r\n=v4+o\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDkWP/5BAaaqFXJA4FzYCn0Iq0DLQV4Uf9EakqBhsDs9QIgaVNAZ4tbeLYUktN0xnDXgPEQDuCkBNmMAQQ9cFwZV3A="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"jamesdaniel2197@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.0.3_1551961027716_0.6590596653896916"},"_hasShrinkwrap":false},"4.1.0":{"name":"@jaames/iro","version":"4.1.0","description":"A sleek, customizable color picker widget with zero dependencies and a small footprint","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"iro-dynamic-css":"^1.0.3","@babel/core":"^7.2.2","@babel/preset-env":"^7.3.1","@babel/preset-react":"^7.0.0","babel-jest":"^24.0.0","babel-plugin-module-resolver":"^3.1.3","babel-plugin-transform-define":"^1.3.1","css-reset-and-normalize":"^1.2.0","jest":"^24.0.0","node-sass":"^4.9.3","preact":"^8.4.2","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"babel":{"presets":[["@babel/preset-env",{"targets":{"node":"current"}}],["@babel/preset-react",{"pragma":"h"}]],"plugins":[["module-resolver",{"alias":{"ui":"./src/ui/","util":"./src/util/"}}],["transform-define",{"VERSION":"TEST"}]]},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"f9ea49372966bcf2cd397840491cd9d9e2cb1369","_id":"@jaames/iro@4.1.0","_nodeVersion":"9.11.1","_npmVersion":"6.7.0","dist":{"integrity":"sha512-1J9Xj3l+W/OH47OmDn+Cfd/otsPZ+mqBnDQk7byd6TIl/4XZj1NbZQ5/GGxZxx6h/1y4Rkwxbx3di+ohQDrW1w==","shasum":"1cc3336792624e5b28ce069d30d4d14920597cd8","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.1.0.tgz","fileCount":7,"unpackedSize":167170,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcgUuSCRA9TVsSAnZWagAA4A0P/2Rk6yy9y555CQ6K1qLJ\ngjZRFakEsxh0/jdK631YWVwaf/jgvzW0qJ2m/r9HMbDTlikgRXv7+Muu/Ya8\nYJZw5sprrFH7dUFutylG06ukUJy70Xqf58D36JqiMxcuvhBtvYT2LjVhat//\nOO+o7vNANojw4DbHEZAvGc5rU3PYng6HunGOgAjkOvEXjQ9hXcJX7l8mRSgB\nvbDiggqOaAHW6VxIAe9IkdWJTeaRY7WzXcCyEx/RUbmko4HHvZYf0eEw8Nkk\n0Pyl/mwJGEf5ya/ega0mP8iSwJndI3grlI7j90yYPvxl6MZiMPlVYZmPX4yt\nf5/wvR0K4//iIjv+8F2dsOqc93iJDO2SOYm+7+ilJjuKwRyopAxslr1p0uEJ\nDVxNMQvpSwhBxIHEZsf34ZFYfRX3hK7Hd9iNYHozkAgvY8JpOXQCrMoPWNkE\ndp1tPpMLf7ee+X/ubUoggy4NaoARvkgWWcCehfgpCtC3yKkZYapPUVR7QhqI\nhdPBzpAr2tfu8z115dCN/rluCDa7eExXD8fb1BKfBXQ/iOwZqU4pLljund8r\nYOiWjqBP0P/vYddtG3hiFxIv1Pi0kfWhQSGk/LQuNNrxXN7OmqZXexhRgcZi\naI7TxhXC5J05TtUHP6KR8gWEDL1znc91zHRKBzhbmtdkJtzI+TYtr4LvP8uC\nQ4rm\r\n=CKSv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDqE2QBZRCOle8rCuFY7t+uNNdq26ohK3j55hYDhdD2kQIhAKBkmKjSYimRr0mT27vXg1N2P1KCIZLzqfc0MSPHWF0k"}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"jamesdaniel2197@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.1.0_1551977361573_0.9870970115714768"},"_hasShrinkwrap":false},"4.2.0":{"name":"@jaames/iro","version":"4.2.0","description":"An HSV color picker widget for JavaScript, with a modern SVG-based user interface","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"iro-dynamic-css":"^1.0.3","@babel/core":"^7.2.2","@babel/preset-env":"^7.3.1","@babel/preset-react":"^7.0.0","babel-jest":"^24.0.0","babel-plugin-module-resolver":"^3.1.3","babel-plugin-transform-define":"^1.3.1","css-reset-and-normalize":"^1.2.0","jest":"^24.0.0","node-sass":"^4.9.3","preact":"^8.4.2","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"babel":{"presets":[["@babel/preset-env",{"targets":{"node":"current"}}],["@babel/preset-react",{"pragma":"h"}]],"plugins":[["module-resolver",{"alias":{"ui":"./src/ui/","util":"./src/util/"}}],["transform-define",{"VERSION":"TEST"}]]},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"bfeed692bd857c8243f791ba0b4f1c1799c34d09","_id":"@jaames/iro@4.2.0","_nodeVersion":"9.11.1","_npmVersion":"6.7.0","dist":{"integrity":"sha512-PJnK+jMG8UhzMepeln8UfMp8wMe4GWsq1+iYHUDsIHl5TOB7vah+o5VBPNmg/Qx/azZTJud9F64x5BZ6Rp/7GQ==","shasum":"ae3f6ae19a1a01329cd4cdde1637b5de97dbc435","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.2.0.tgz","fileCount":7,"unpackedSize":172525,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJch7eXCRA9TVsSAnZWagAAHF8P/iyOTgwMP5LGoQcVQ6Ix\n5FJZb1tq+jzdkciXhfvnr/lmu11b2zN9NjWQVun7VNmmekELKRIIv/KpvBWo\n3g7RtrJJDR6saTRXs665wqPPhCMA+CXs4It0tdKKpCuxrbj0gVeQsVws3/v8\nRP87qz4F4O4J6fc/bKQJgt2HWgnBn1TlP7r/dpTgYdoleRXgWcHGnWpBmks+\nt/oRXlPxHPARXp0pUOKAb4PgtsIBtnTpxzxmKshOHnJv85kx+D73RnquD5ak\nR+KkPClwcL1Mp5Dvpwt3HmZZdRObLS77atmtQ30i6GhuQjgGq+8OYMMaehru\nhoclzgGz7cGbaxxQ5RaghvJCFhiIiSN0dxLJ3Uvz24RRsu/EGA68X3R6JlsO\nzmbqBflOGQdaJrP85/cQhN7D6ojJGJNYrG2ADinoo9ikuAgSWxhzt9jMVm7g\nfXdd0sPaA6wRleYBOtuL2jc1rHcqg7RfZSIpu6xbPOzJZbwDQy8SeeP4r4nA\nsAQVbLh/97yA7BBy5NWxCsrElCcEr1/Gi1/mnZsbV70ljGZBtDP3hp6PLlCz\nWI+FWWgGKGz+W1ZWW1G1TC1mZY0YpxrjaDxdi0S6+lgSg3nPJQ/3n4AP8bbu\nyHwM2hXjasS1FzCizyGPpynPP1KFct2s3XPRykx2+UoR5ftkjMqQIJ2dZcXz\nUcAj\r\n=v/32\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDhjqSze8tWbLQXnOvp0Z6PHDAmywQUgIpkguricMYY0AIgClnlYtbXBnXAHntjIrWC2ARpp55ykxs9wUoKYVqOHoM="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"jamesdaniel2197@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.2.0_1552398230827_0.043997918038221284"},"_hasShrinkwrap":false},"4.2.1":{"name":"@jaames/iro","version":"4.2.1","description":"An HSV color picker widget for JavaScript, with a modern SVG-based user interface","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"iro-dynamic-css":"^1.0.3","@babel/core":"^7.2.2","@babel/preset-env":"^7.3.1","@babel/preset-react":"^7.0.0","babel-jest":"^24.0.0","babel-plugin-module-resolver":"^3.1.3","babel-plugin-transform-define":"^1.3.1","css-reset-and-normalize":"^1.2.0","jest":"^24.0.0","node-sass":"^4.9.3","preact":"^8.4.2","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"babel":{"presets":[["@babel/preset-env",{"targets":{"node":"current"}}],["@babel/preset-react",{"pragma":"h"}]],"plugins":[["module-resolver",{"alias":{"ui":"./src/ui/","util":"./src/util/"}}],["transform-define",{"VERSION":"TEST"}]]},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"dad58a23cb9d8e9f7a5487fb01295f87935b1cb4","_id":"@jaames/iro@4.2.1","_nodeVersion":"9.11.1","_npmVersion":"6.7.0","dist":{"integrity":"sha512-FzSeIWkmWBRmeNJf/lQibomBlXDcAh8R9fPwOXMM+qRlRFRYCIvt0jSw3IeUKb0QaPJWO3Lkig0YlQ68fgUo2g==","shasum":"302d6952aa18e5d1f4ba456d61469d244ae6977c","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.2.1.tgz","fileCount":7,"unpackedSize":172723,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcj+kdCRA9TVsSAnZWagAAu6IP/jNiCd03reMmpp9myyBs\nuqCnvVEedws/UNIVP+bzzHBZHG38GXS8ZmrellPEEQTiEgT9XrMCt2lTSiDG\nsMmVKN6G3SAWNlKs6mQu2xQzhxVPVyoC4J87iNbeix1jNZtMy2fwjR6BJRcg\n5cE7aREzQwAAUw2JT0IaK+pkjPoy3JpcYgrqPzMBy+NQFADEtA9FrCUd2iZS\nJhzX4M8LTxkIKYgahOs6tglsMpZCLLA4a/dIqI2yKoWbiVdN+qDnYwsK1mTQ\nCrdvsRQG8H/w4BW7j1Pt/MEvcH+95FBJ/xCVO88gKeWilMTvOaXZpWHWgZcN\njYghUqDzWp59txbzAI5MzLTUa315J6RiidO5o6uyjZDnB0LWHU5Wi7y7f4KT\nXNLYOE8npJxPchToQPER8tUko12uSxiAuISRb6a0447fSAlrNotU34PQ6SyZ\n79YdHKfVQvHydJswqFqjVwAfBBXzX4+6TByGIq0KxvFawwc1XNYvAQ6dy7Mq\n/Vk/ePrWbuzjhUIE/+tR6GG4X1HUX9MAZb/BhInFItcbY1iEopG1FPiydqwh\ni+0dpd53ts4L0v+BuPoGaAJKhHRTsITWMLyzKzHDAIg3EAuaK6dfgynWdmbU\n4Y7iR2VngQA3DCXppOLRnqlGqWG+T2kxGnQy5L2MFD37OEcPnqTXtPOetNu1\nJ4BH\r\n=Sf7w\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZRrhEoqOQQHcmtYPJ8l2K+zJGjspvhY72sBvC/5sHWwIhANJKYn8ARyj2kLGZiPZ6SXk9QrA+9BqOWMRlDk7IbzZZ"}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"jamesdaniel2197@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.2.1_1552935194523_0.960503404669669"},"_hasShrinkwrap":false},"4.2.2":{"name":"@jaames/iro","version":"4.2.2","description":"An HSV color picker widget for JavaScript, with a modern SVG-based user interface","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"iro-dynamic-css":"^1.0.3","@babel/core":"^7.2.2","@babel/preset-env":"^7.3.1","@babel/preset-react":"^7.0.0","babel-jest":"^24.0.0","babel-plugin-module-resolver":"^3.1.3","babel-plugin-transform-define":"^1.3.1","css-reset-and-normalize":"^1.2.0","jest":"^24.0.0","node-sass":"^4.9.3","preact":"^8.4.2","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"babel":{"presets":[["@babel/preset-env",{"targets":{"node":"current"}}],["@babel/preset-react",{"pragma":"h"}]],"plugins":[["module-resolver",{"alias":{"ui":"./src/ui/","util":"./src/util/"}}],["transform-define",{"VERSION":"TEST"}]]},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"52227c63c3bc033712a0e31a240ad34060f25dd0","_id":"@jaames/iro@4.2.2","_nodeVersion":"9.11.1","_npmVersion":"6.7.0","dist":{"integrity":"sha512-R48NYEzJ/WuJgX3h0gYvV8bIWv7AFlBAISOgKE3qW0NmDZLeOLwJ3J8gKdUZwGfxHv7U6pxArt6s6eo/BgRkbA==","shasum":"eacfdc4bd4bd8d2c884a7870bec8ac877ffd2aaa","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.2.2.tgz","fileCount":7,"unpackedSize":173327,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcmldtCRA9TVsSAnZWagAAkrAP/itZInFVexuebTbureNJ\ntku05nZCVt/mWczCELHm5CQbsukllo8cz8fXwUVpAnKJu9QXU+i1uQsJOdPo\n/GFSr7/uzc05Mg270FCzkP0NB6ZgBjSd9lnh6I2RPElBwkBZRc59yh3vVDcP\nBZ9ek1qtDVRYE+L1ANNneqpUVa82Iw/pTMxoR/hrTtqMtDPnWZlzUE1rZNLA\n5r3FhWWblVBIjM/kwjK2riaALNhdHtlfONjpBAjXqR3uNZkfel9Vhm9LMxyT\nzkdu1P2S41C64S+ppjLLiZbOfILre2cGVQuDCOl0J2wEyRB9TltHnar1tpAc\nSFqvosUtCnb0BEvTGHU+ftaqsLH57WznUQ5VKkaRho1VRzppYm8d6moU0bKM\npN2cp662lqNyjehRio/CFSZOQHKszH5YCDm9cssgHAJUB34NL6jhB1Oivv8y\nIpsenuNX02NiQWHA78SraWOvwDU86bRh7tT6JQ58o9xVilC4RnUddjcVfTub\nPOaWxKdwqIfojZ1zJREtk70VePUyGRY42E9eD/QsHhbqpvZQtgBOQ6RTLyHD\nLV+b4FTDDFKJ0rrU7QDAID9WFBXOX4U9j3vGo7D5aHPAeDhbhcc0u54Sngjo\n4m19mWWhtsLnaS9kl4tDrBNc3gw6t43+NrB/vXtA/bRX1SvToKpdrNXM07Tb\nhp/S\r\n=bhr/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDhzBRyRYY977NP5/3rtE7Rt/GcTFj+kaEScDfxUxzItgIhAKXyldsn2lVPLjteMf7kFQdpZEZhnM6JvLOGFg6KXaFF"}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"jamesdaniel2197@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.2.2_1553618796666_0.5991988653488443"},"_hasShrinkwrap":false},"4.3.0":{"name":"@jaames/iro","version":"4.3.0","description":"An HSV color picker widget for JavaScript, with a modern SVG-based user interface","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"iro-dynamic-css":"^1.0.3","@babel/core":"^7.2.2","@babel/preset-env":"^7.3.1","@babel/preset-react":"^7.0.0","babel-jest":"^24.0.0","babel-plugin-module-resolver":"^3.1.3","babel-plugin-transform-define":"^1.3.1","css-reset-and-normalize":"^1.2.0","jest":"^24.0.0","node-sass":"^4.9.3","preact":"^8.4.2","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"babel":{"presets":[["@babel/preset-env",{"targets":{"node":"current"}}],["@babel/preset-react",{"pragma":"h"}]],"plugins":[["module-resolver",{"alias":{"ui":"./src/ui/","util":"./src/util/"}}],["transform-define",{"VERSION":"TEST"}]]},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"6c9dcaf91887e49b466cfcf494dd8ab6f73c243a","_id":"@jaames/iro@4.3.0","_nodeVersion":"9.11.1","_npmVersion":"6.7.0","dist":{"integrity":"sha512-m9WdJRLEmg7J1m3y3rjWGpQbeIg+eoYIoi8oeCS4DPC7UKXifu5RnppPY6TTF0CDgdYxwBlzIFzmVoWVR3XT5A==","shasum":"c3900bbbf25da784dbeb9f964ed0b34776926f6d","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.3.0.tgz","fileCount":7,"unpackedSize":178284,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcqpO7CRA9TVsSAnZWagAAG5gP/3Dq2Q9dUUxzEqj5RpQW\nkwh4xBA4B5wNb1bVZCPsI1uYG4O4jABjQX6wPKnTmqKvPkW1ciKQuSC0GO1y\nEbsU+Q1aw0mtMEkpH2iDLMC50v7s3c3x1QreoOFsgHVjKjPff6x5JGN1meG0\nmx6oPDLkTKx6hEyV0ifZYSzIH8o1J1Rn679W2b5E8aPhpPE8oSkM4cWmVlLW\n3udFa57Dt5NrECDXWvm/8gRQUMK8UPgjBIwFakli69UxaQEnKBMoWDNucedy\nMCiDeo4eo+8adVaSftjZzd0ikNZErWkSVH52nIpuZWg1ixfI9uYblwZRr2v9\nnuKoCQLILM88FgHfneVgtW5gIBwAA3QRI8QVzWgHgI+52GjtftCQqf543ntq\npSNcZNjvvLmM4YmawjMeYY3NsqZTvLbdDhEvRHV9pNMh+nZ39PD7EeOuEqX/\nWYlJHu0xQGOuvn1g/A2HaQZOoPOd7AIpaqvXo2USEQYUgugDxH9/UrjiLnzV\n11dGXnVmCn0F0dZ/O6r1Q75O/KfIEgK86GveG7KxK1vyVFgpL18dHPHUgCIR\nAFYhgS+lx8TiIUbKvHNnOcngTv35O9JIJEgUSv6SxTbbJgUScluZqCmEzAGU\n14vWoMlHfj6PVcaYKtp1iN/JDVlDIqdvr76BH/JU43jI2CYG53MT+5h5zJ3B\nH2bm\r\n=eRSF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICbLB8apCeJv8Td0XmX9K4Z6+hQxkUMfuQ/qV/cxi04FAiEAxpNK2bjOeUyGEqitjO/3qwwz93c37l3tT+VAf0p88pc="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"jamesdaniel2197@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.3.0_1554682809987_0.9681185306062869"},"_hasShrinkwrap":false},"4.3.1":{"name":"@jaames/iro","version":"4.3.1","description":"An HSV color picker widget for JavaScript, with a modern SVG-based user interface","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"iro-dynamic-css":"^1.0.3","@babel/core":"^7.2.2","@babel/preset-env":"^7.3.1","@babel/preset-react":"^7.0.0","babel-jest":"^24.0.0","babel-plugin-module-resolver":"^3.1.3","babel-plugin-transform-define":"^1.3.1","css-reset-and-normalize":"^1.2.0","jest":"^24.0.0","node-sass":"^4.9.3","preact":"^8.4.2","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"babel":{"presets":[["@babel/preset-env",{"targets":{"node":"current"}}],["@babel/preset-react",{"pragma":"h"}]],"plugins":[["module-resolver",{"alias":{"ui":"./src/ui/","util":"./src/util/"}}],["transform-define",{"VERSION":"TEST"}]]},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"3ba5b849ba38466659090c40294bde8ca0c65826","_id":"@jaames/iro@4.3.1","_nodeVersion":"9.11.1","_npmVersion":"6.7.0","dist":{"integrity":"sha512-47vfaj7T93j3nPpwR9/grZPjPeJ7/caw72r5zj5GbciUqubv1wO0pN6SBPUTtND0ylbIYWb/GyUH4AnrPy276Q==","shasum":"1a7b6f6d65ef47c8aa24243d89519bc5f61d1d5f","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.3.1.tgz","fileCount":7,"unpackedSize":179170,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcq1PfCRA9TVsSAnZWagAAX30P/0hKkz12g/QfSHTzaWuU\naOYIkCl+t+rEWqVQU3W5wzhxyoHFM9q+4Y0WQ8GQI6NnlNXPX5XY0gKpelYF\nzAY6fWstipk4iU1NDvPHmRFYsbMT31WZBQw/TmRHAJZWWmqnXnV4/TFb/3qo\n8VRzaP4owfuCwur1OoSWbq7rHZ7a9rd/7Vj96J2ooFWPvG97lI2ugjHDGMgr\nLjyKnpt2cYXovDztnKkh192MhvAdz/5LiN8WYYeFcXU7IOWMr+6Y+TB82m0W\nZy8jkCXwlMgOQmHElcYNJ99Pm9uwju8mrWxFBGZZpS5YMTMEAMrfu3V14RrH\n7UeshKHbDQHYu29xfpxoz1Eri3J8GUY8jyJhYSV7g8mqtiW1I8Q0farr4zo+\nkfy0YpqEF53i+n6V8KCxW/kEoAEQ4DY0cWkrw1AQc6CGR0NnMhKPN81zVzIh\nhyKeT5/HZplNdOmCGeOkPL1i9hZVBr2Y0+1DKJvGLliNsyRh1JxceaKrxNMd\nXgKBJBrXbChgKDBy0cl2hsV9j470XmrWhzqsW88U/aXRNLLrROxEBy6NAfWL\nSNt+snn4otV8GikBaGp6/NoWzY9rkCcoTxIbE/ofDogBjV3LMWJuPXnJUww7\nOMPvbOt/MAYN9hqufoqkqnZUca4PtVKfiTyMamfkgG4DSUpcNEqudD6o1+WS\nj25o\r\n=VPCa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDG55dfewOylfA+WMuo1u9DQKmZll35NrjqUK6eUg+VkQIgC3SUtwwIpnmNoyeBzkpBGHxGHi4aYcx0tZMCoatf4/o="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"jamesdaniel2197@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.3.1_1554731997886_0.1762466155366098"},"_hasShrinkwrap":false},"4.3.2":{"name":"@jaames/iro","version":"4.3.2","description":"An HSV color picker widget for JavaScript, with a modern SVG-based user interface","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"iro-dynamic-css":"^1.0.3","@babel/core":"^7.2.2","@babel/preset-env":"^7.3.1","@babel/preset-react":"^7.0.0","babel-jest":"^24.0.0","babel-plugin-module-resolver":"^3.1.3","babel-plugin-transform-define":"^1.3.1","css-reset-and-normalize":"^1.2.0","jest":"^24.0.0","node-sass":"^4.9.3","preact":"^8.4.2","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"babel":{"presets":[["@babel/preset-env",{"targets":{"node":"current"}}],["@babel/preset-react",{"pragma":"h"}]],"plugins":[["module-resolver",{"alias":{"ui":"./src/ui/","util":"./src/util/"}}],["transform-define",{"VERSION":"TEST"}]]},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"32fb84d861b0f76738135dba621a282e264f8121","_id":"@jaames/iro@4.3.2","_nodeVersion":"9.11.1","_npmVersion":"6.7.0","dist":{"integrity":"sha512-GoWjv1PWaRi7PqEZd9r0xHePbOEg3AWaoQcAhyfCsTJtGzY3EY2nFIRoqNZ2hPCFGQuH4eJWz2OQ7Xf7WiL4rA==","shasum":"8840b93e7647b1cc984dfb55d3bd20f97b48d6ca","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.3.2.tgz","fileCount":7,"unpackedSize":179527,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcr2/8CRA9TVsSAnZWagAA+ucQAI/JCOndJYMmvzI/8MhF\n/ADaRFaWo5RKCG16aWgcOQT5bHTkhqLAoLW59euY5Q1mwoJrgTZgWYwm6qyD\nSsqlO4kwcX4UGF6LIoUxYVxtjzKKbo0aMRf3TTDYBV6kPmbOoRFF1VjEY7qk\nQmPqZ7tqQ5Aum8KU9kAsU4o6ssAHm9OsDOrSzYqy8YMQRa5DX/iVyUF2Ns/n\nz0alQOgrBcUgK2yQ0Xy0YMlnqS1CuvDrllHu3OtJCkRWOH++xfyaTzUtf2WY\nCKafth8Hx6KcnXyzxKawsMDJqVbBKjV3JETssGxa1bMCfoiIr8xeGODKTgGt\ncovPr6ZOVQPv0C5Dp1I5RVMEcaqXvyidj6ND6QtTJ7WGOXDIJekT3adI/xUr\n2VCFA0Xnm55Swad0gOG870AIMOK8QgtssPhs9zKWSYYA7d2QQKqU25q6adoE\nKFAtjCVy3lf2Svu41Cw0AgdAxt0XU5PcWU8MPLvZobLCBg0PcQXe3HmDXXe2\nQ65l/OY6wt8sgYq3WBCYssHMh1acaCuaG9mXU+27b3cbfqRTSk0yu/yGmsEE\nJSXMJg1ZYBan3XtdnLIk+NBAgADINDBpbxcqCmFdAycDHSgEyijDgeae62/a\nVOY2hO/pzJ4/Iz6wBrAcEIeg2W5dAj+1XDChIy99RpZEj4/rPbcD1zqCDuNk\n1yQd\r\n=oHDV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICg8SACoKGJV8a+hzcj+1HUVxVXSZvJNyIapNmN5vZ13AiEA6z2GxubtI/Rbq1Cxe4/lGn1CfOZ7my2gPMM3Q65zE4g="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"jamesdaniel2197@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.3.2_1555001339404_0.36851358635680675"},"_hasShrinkwrap":false},"4.3.3":{"name":"@jaames/iro","version":"4.3.3","description":"An HSV color picker widget for JavaScript, with a modern SVG-based user interface","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"iro-dynamic-css":"^1.0.3","@babel/core":"^7.2.2","@babel/preset-env":"^7.3.1","@babel/preset-react":"^7.0.0","babel-jest":"^24.0.0","babel-plugin-module-resolver":"^3.1.3","babel-plugin-transform-define":"^1.3.1","css-reset-and-normalize":"^1.2.0","jest":"^24.0.0","node-sass":"^4.9.3","preact":"^8.4.2","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"babel":{"presets":[["@babel/preset-env",{"targets":{"node":"current"}}],["@babel/preset-react",{"pragma":"h"}]],"plugins":[["module-resolver",{"alias":{"ui":"./src/ui/","util":"./src/util/"}}],["transform-define",{"VERSION":"TEST"}]]},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"f100deca9f8adb3a5935b15d4b5f3e43093de1e4","_id":"@jaames/iro@4.3.3","_nodeVersion":"9.11.1","_npmVersion":"6.7.0","dist":{"integrity":"sha512-2AAvgLzOK6KRTx8BYDaUFdOByQIfqK1jfemPxPe5n8UIFalISK5JzhLlcfYAPR/wWq4IB33KMnvHGpNa23qS8A==","shasum":"d34192cb86c4e6f46627e4c7d9c5d147d0b8a3cd","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.3.3.tgz","fileCount":7,"unpackedSize":179792,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcshEtCRA9TVsSAnZWagAAdocP/RsxngtxK9nYyxAuRdzh\nyXVTHf/GK90XD4jBLbulQgiDbXvLBQdGToBqphI49NAHC8ON/lCHnFooVo00\nctvNC/myZkRqAAJytYMKnZHx3n6EGgfhzhr2NufemYd6KA5aJmTI8GeFnIvS\nM0xRxNPS3WmS71MlW7nLTHH+/fmisufoxyx3PZR9xS6kbWe7lRnrAIUtLoxL\ns/8d5AsSASVx755U4DSCbpOjPyJnUyO2U3ptzJnWxCXHwBEDc4JwpD42WiqU\n0+o3IrcAEbc0lFK2l6F7z3mvzwvBgsyclLbXYD+CuTtrgHz40ZGEvqErHcZU\n8o0O+kfS9uy6wvGRx6QcDvx0vl9cCj9w7dtEsWOnkgwvXRt2nr22cWQXfkqB\n8v1tfkh1VUcUFbNtKh5esS9P+Gk3OMMGLrAuZQSskchwnSNf1wWXjnnhO5WL\nVBTUOSz3lAjdMKKZuNThvMBF5PkTODAHdCA4oRCd87XteFfO7+oF78TeiVLl\nLVZygIY9/q1AkH2X5/RmNgniVrNsMUVDa5F0y+aozOKvIllWH5ZPuvwffbk9\n6vXE3Hu3nqdEnCMDU+CURjhCsKhv+Bv06nIdiIwfdIq5hF1k0b8zbzJHUKH0\nBI6WS6V2pOMG2CA8UWT2IrLW5kJB0w+4ft9mwj6w+qCAYIUZGh5bjwxF0x5x\nBBwR\r\n=9fs8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnUfJaSG2H35hSUBH7ri59ISSDaKB5i4t+xZan1mTXUwIgdt71NHDOHRnQxU0KObg5tXliON4RPyI8kzCDodqvf1I="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"jamesdaniel2197@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.3.3_1555173676727_0.7829717375939009"},"_hasShrinkwrap":false},"4.4.0":{"name":"@jaames/iro","version":"4.4.0","description":"An HSV color picker widget for JavaScript, with a modern SVG-based user interface","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"iro-dynamic-css":"^1.0.3","@babel/core":"^7.2.2","@babel/preset-env":"^7.3.1","@babel/preset-react":"^7.0.0","babel-jest":"^24.0.0","babel-plugin-module-resolver":"^3.1.3","babel-plugin-transform-define":"^1.3.1","css-reset-and-normalize":"^1.2.0","jest":"^24.0.0","node-sass":"^4.9.3","preact":"^8.4.2","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"babel":{"presets":[["@babel/preset-env",{"targets":{"node":"current"}}],["@babel/preset-react",{"pragma":"h"}]],"plugins":[["module-resolver",{"alias":{"ui":"./src/ui/","util":"./src/util/"}}],["transform-define",{"VERSION":"TEST"}]]},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"40c7b623bd4335d8e43aa10176cc41fe7c4e3f67","_id":"@jaames/iro@4.4.0","_nodeVersion":"9.11.1","_npmVersion":"6.7.0","dist":{"integrity":"sha512-EybLSquCyi1o1C441PDAoKpvlWkG1iH32oLSbSRKPUxHeRq/ZK9fKzcBgj8tbcz3QcWOJ+ytj+/dt6EoyY29Cg==","shasum":"55f59ca290c51887b29d4296751a82383ea0480b","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.4.0.tgz","fileCount":7,"unpackedSize":182225,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc1Wx+CRA9TVsSAnZWagAAV7kP/jW+db9bzyHjUhFZk+lE\nNNilGXroFV+9uaohTCyikm5CuQQkjJs3PgoRbIfY4nUvKCEnWYoIWCHsFkwi\n39F2gdX8gYxgiqN6koIwidS12KPpIjmy9eFMQ6C6/4tbcaoGNSp0qqX72StK\nLmkpakGWL9/uXiVZ1j9vh+8RfZezAu3yFwVVFkGkR1vaVFh0uqBvS9u5UHyx\nheoNC6CequPyAaXD8x8s+LQpaoIRsHawL+bmw8Ay9Zw9a0As5JUsEgHmoiJn\nXpW4fExx52kfbqNUwpdO209AMU3As51+sLbndEUxNbR7qDwhBPKi+7e4v5qq\n/KOfFipWTagLV6odSNMTnrtfVBzjmfGpRDZmL7p6TEG7+39dDW8gDHW9FBvt\nh2sqixD3M4vAstdax8BgTYDcGQMhl6KwACoZ6UgmQ6qGY+bgCJQShU6k8tWF\nQiBqViMaX2dy/EdSxF+DGjw3p52FbcPwKsg9N4pDWeauwYAyyL3/nmLH3uln\nq1Ihwfz/ZoSTc+XSpBJJJpSauCxt7BSUGtA7cEBbVlFpl68hWve40G9f6r4I\nqWrzQbHgslx8hc5pvlxABCAOrN589nJjw6+Wzso76Ft7wfORhnEahpaBmXLB\nDm8iRJqRUjXKBGh078Jc3zYmTgLbrBiHVvj43AC96Jz5C+hYvKpbWMt8l9ZQ\npo91\r\n=98ml\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQClwfzXp/LtcycoC607HA9GfUbwuMGaaVD2LSuAFrF0mAIhAL1OZ6JVuA3ZbDwwh9e3cB+mH7gIvvRiv9gfroGwYUId"}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"jamesdaniel2197@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.4.0_1557490813670_0.16388550473090402"},"_hasShrinkwrap":false},"4.5.0":{"name":"@jaames/iro","version":"4.5.0","description":"An HSV color picker widget for JavaScript, with a modern SVG-based user interface","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"iro-dynamic-css":"^1.0.3","@babel/core":"^7.2.2","@babel/preset-env":"^7.3.1","@babel/preset-react":"^7.0.0","babel-jest":"^24.0.0","babel-plugin-module-resolver":"^3.1.3","babel-plugin-transform-define":"^1.3.1","css-reset-and-normalize":"^1.2.0","jest":"^24.0.0","node-sass":"^4.9.3","preact":"^8.4.2","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"babel":{"presets":[["@babel/preset-env",{"targets":{"node":"current"}}],["@babel/preset-react",{"pragma":"h"}]],"plugins":[["module-resolver",{"alias":{"ui":"./src/ui/","util":"./src/util/"}}],["transform-define",{"VERSION":"TEST"}]]},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"86034e98059719d4f7636d98ebbf7bd70ca111dc","_id":"@jaames/iro@4.5.0","_nodeVersion":"12.3.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-HiimFPCW4tJVoDg1oIMN5s6J2QOOjcu9Ok9jJuni9cCWcEDkl9/MOpfZNZKEi/vnmuKl8hKfnF2Eh0MQp61VRg==","shasum":"103500df34a81b73b33a1adcab2614e46211c5fa","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.5.0.tgz","fileCount":7,"unpackedSize":182795,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc8XfGCRA9TVsSAnZWagAA2GIP/i+YTtBxexiTeA/5vVA9\nIg/yb1QSZea6aUjShOrNb7hYPxzt7o0tNYoSH18A91j8cXaCdskmteaxpGfY\nJ2b+B/eqfswopc2pr8+4tAHOqNTGnYpZCm9ikeb3IU15SKiky18/hytZtf16\nyrxwhL0/bh83rx2IHKRY4LbWexY3x8xzBNsNDkdegIX7ahzmU7zywc4tgARc\n4otI9TbwFIrZSeXdgD+P9JG86yRZfsXftWe+gt4/quM181X5oMAU2mi2BXRR\nFVl+Pa97xX8qayaNWi9alGYlXlCwwPw+Z5p6HE6MZNn4Oui4fla3gBCNIrZk\nco8fgHX7tKvxi0YNSnz/9+8u2/tJp/l9bCYc45MToWvjCHArHlCdhXBAWvlT\nNnuWTOuTtapN61peASLYtTOrstQA0S1JrvOXQg3IH/WyL+ypx6gq78j/brNf\nBkGUueoqlaj5dVTzKtJras6q5HN4Z/VC6cWMWA71qEfMjOiXHSxFourJTN5r\nHb6z6tnoo+BRL/sWqB7/2NlUaAyg9nraa8qN/2tI5FYU9dieOIWIP7+OAKoX\nPF9DfN2DTfXz9JdYVYR1iYx4oKvwLLGEOGy8xu8L3HeYM1iFLnTTYzG6C1hB\n7nQyu9qJwDbWkpF4HKWsgNLfrfu0DyUBPhIcWb6BTH5VXJ1j7FO3azxnXc1a\n6tYw\r\n=fET7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCpxcxD84So5uVuNahk9G09sxE3LkuojNWOyG9exQjuVAIhAM/m+a0X/z4WLV/ytRhCtQNfajwkRfW1RMP7+R/plKS8"}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"jamesdaniel2197@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.5.0_1559328709325_0.25255531859143043"},"_hasShrinkwrap":false},"4.5.1":{"name":"@jaames/iro","version":"4.5.1","description":"An HSV color picker widget for JavaScript, with a modern SVG-based user interface","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"iro-dynamic-css":"^1.0.3","@babel/core":"^7.2.2","@babel/preset-env":"^7.3.1","@babel/preset-react":"^7.0.0","babel-jest":"^24.0.0","babel-plugin-module-resolver":"^3.1.3","babel-plugin-transform-define":"^1.3.1","css-reset-and-normalize":"^1.2.0","jest":"^24.0.0","node-sass":"^4.9.3","preact":"^8.4.2","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"babel":{"presets":[["@babel/preset-env",{"targets":{"node":"current"}}],["@babel/preset-react",{"pragma":"h"}]],"plugins":[["module-resolver",{"alias":{"ui":"./src/ui/","util":"./src/util/"}}],["transform-define",{"VERSION":"TEST"}]]},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"2ed8ad3c550fa45f11e8da208cb57c0ba3f5fd2b","_id":"@jaames/iro@4.5.1","_nodeVersion":"12.3.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-k5xVmnp2EI2lm8XyCUWGO+t4mlzda8lrrtnsJiVymIAHgS9ZuTNnIE1Qx7WYsUhUXxUh7ApkQh5bOhviyJdOQA==","shasum":"07ee4e55bd2f0f52701fd98a4b9bf49936fd0549","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.5.1.tgz","fileCount":7,"unpackedSize":182820,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc+8+CCRA9TVsSAnZWagAAXmgP/ifQ0NlI7acGhfvDqf6m\nrNfB4gIRA8LS6oAvrIE1c/a83QpJf0znpanpy6a51E7FKgm1Y+lg0gKlo+3q\nnnQ5vdjq/8huYqUIrDG7GT+hSRKXn4TskqKm7Tv2+0ZP4CkJbJj8PV2u+Gdx\ncvy8pZe7a6Dy8fm3EV2mjSx1KcoK4HoLpKOvjsK0ZnnxD7Dkc8Xu5+EPl3Cp\nr6XYVSmkAbvt+uyLvy80EXrP15Miv3GNaRP6stNppRHj9aGfWwIC+TVznr5N\nOp3IxoV1dvIn45o0kZZ07JfcmeSoYUjasTB1oUZ39/WNPxTIkv/VwJs+6fZP\ngOdShl4r4vDCYrgtDYLhkFj+HUvQKZ5tOsI0SODfeMNr604hFV5Cs5LYnPv0\nuQV9rPfN9io8SRH+waSsu1Msg1CXy3iw5jgAUfqLuQsNFtcVQAyVElcNJAXu\ngaZxLTPArTncMK49RGr0DwCDM1MGXnEJO29M+dZ9PdzXIM9KhrH4u1uo/Ve8\nWfSNawdsJZhB8XrUS85Won0X3VHGNwpUezmko5F4sZnKr/ipaKy0w9emZ0IY\nvL0nFyiKRNoZX7oDU3YxAYu12zFHe7psOxf2u/g11P2nNKon+ufKAq1TcGOF\nYB+S836KiJbx5YJrHcoQe44vJ65dNbvkBs9yUb7mBQtPqh3wegw0ssw2E+Jm\n3kAQ\r\n=MJ4Q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDnzFFJGSGsJakUbyYZ+7T/aq2ND177BRvfLTFs6OG1/AiAKKkWCLHlzUVjOfsemZ3Tndpkvh6dMRyTIJmi0v07rNg=="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"jamesdaniel2197@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.5.1_1560006529715_0.4322597900160119"},"_hasShrinkwrap":false},"4.5.2":{"name":"@jaames/iro","version":"4.5.2","description":"An HSV color picker widget for JavaScript, with a modern SVG-based user interface","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"iro-dynamic-css":"^1.0.3","@babel/core":"^7.2.2","@babel/preset-env":"^7.3.1","@babel/preset-react":"^7.0.0","babel-jest":"^24.0.0","babel-plugin-module-resolver":"^3.1.3","babel-plugin-transform-define":"^1.3.1","css-reset-and-normalize":"^1.2.0","jest":"^24.0.0","node-sass":"^4.9.3","preact":"^8.4.2","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"babel":{"presets":[["@babel/preset-env",{"targets":{"node":"current"}}],["@babel/preset-react",{"pragma":"h"}]],"plugins":[["module-resolver",{"alias":{"ui":"./src/ui/","util":"./src/util/"}}],["transform-define",{"VERSION":"TEST"}]]},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"8dc2b921e6f41624bad824f20dd34088fdde6fd5","_id":"@jaames/iro@4.5.2","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-5CXYj7QbrzhOls5R6XLRCnpBpwCx6gL/wHQDa/YrS387lXeybX17Z3zPIYL1Gkb65E89QaiiOGu7HABMJzCDYg==","shasum":"6b2cf3b7b04cd44ab33f8070378d8f947293a260","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.5.2.tgz","fileCount":7,"unpackedSize":183956,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqekZCRA9TVsSAnZWagAAwWkP/2dAYSi2ooBTYVxNAaIh\nvVzvSnLOoLmg4SadSna5rA5A75mM4+w7VykrPrxvu7usflIgOdLJRbqjCB/P\nZJnOl/Z6vZOEyb2zlxWRhdLUWM/6WQNgR1mtMmlrsk242juKCd21QMw9ggH7\ny5ViNvLT/FFOh68ohIw+BJUtZxds0EVS8Y7dg+lsXshpRGwbSc1Ewi7jzIsG\nSLxc/Qn9qq2ofoc1HhMFtITDtOgvDjUVfwzASyHQKNzDT+ch16FUwUl/czzu\nK8RE7QYegKl5YjeYdoUODKSt6F94VpgMh15W/S80edKZYb4ISZCT7BbTFAIn\n9k7zyI/oqCCDxdcuHEoWCcsXhldRpD2XSphZr07PWGgcZ4xloMlVFlgoeF81\ngiUHud0JehdzMN5oz+/O1+dGsXXtEQ+GhqtuEyPzHXPNd0nSNLprp1mTHDMf\n4qprNAhNN53VXenrysUs6oLJZQUuF1kbQK3CiIhUwDLhwJ33kLkMQLAayi+8\naKxWGqDilXaLWqdIWRxJ+zmIV6jfao5fR4j9EwjLM6+NWrvpamSkY2gD+XR+\nAt95KXYz34/ag9vArysX0VvIMLoWDOu8sJePYO6y/p4jCEurmpaDxaAWKDCc\nL5tfKsvjfvle03cQMbQgaSn9AxM0fnq/OO1O/NtuegICZn7qhRKGiKJOSqp2\nrxsO\r\n=O8to\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCRsDQNsMRt7nmPa2Sr0Who8Uq6oeDSCgiC2hdWNnCV9wIhAOxQOZ2zQln3g88tiEGWWf9wazG7YK9gzbollaUuK7X3"}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.5.2_1571416343985_0.4463372281811755"},"_hasShrinkwrap":false},"4.5.3":{"name":"@jaames/iro","version":"4.5.3","description":"An HSV color picker widget for JavaScript, with a modern SVG-based user interface","module":"dist/iro.es.js","main":"dist/iro.js","devDependencies":{"iro-dynamic-css":"^1.0.3","@babel/core":"^7.2.2","@babel/preset-env":"^7.3.1","@babel/preset-react":"^7.0.0","babel-jest":"^24.0.0","babel-plugin-module-resolver":"^3.1.3","babel-plugin-transform-define":"^1.3.1","css-reset-and-normalize":"^1.2.0","jest":"^24.0.0","node-sass":"^4.9.3","preact":"^8.4.2","rollup":"^0.67.3","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-livereload":"^0.6.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^0.6.0","rollup-plugin-uglify":"^6.0.0","sass-loader":"^7.1.0","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2"},"scripts":{"test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"babel":{"presets":[["@babel/preset-env",{"targets":{"node":"current"}}],["@babel/preset-react",{"pragma":"h"}]],"plugins":[["module-resolver",{"alias":{"ui":"./src/ui/","util":"./src/util/"}}],["transform-define",{"VERSION":"TEST"}]]},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"james@rakujira.jp"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"c6796c0e85a04ccb1d6919654e840982ee0eaf82","_id":"@jaames/iro@4.5.3","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-knBqezLEprrpHCb9hHZbQLApzCZyI/AuWg3mqQVkgTtQX3MNX3W2uVkX1hFwS6pmEUHbA022rid9fRqV0IshMA==","shasum":"4fbeabaf119b9f53ef5b88e262dbfc3477fa9e9a","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-4.5.3.tgz","fileCount":7,"unpackedSize":183947,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrgemCRA9TVsSAnZWagAA+/0P/36TLBkFe9D2TEUbVS5H\n7Sr53xVNt9cs0/h2PGg0NVxVeH0XkMQlGIHMhR8omtI2ScMy2LHRwruEmyio\nv08VAluvuIIfA99OonWRXXQ7ersWRoNf174o0BqpgDttwA127/lDQdu8QZYH\ndWW9kkR5ILwPlunVrCnuYmkiygJGOuu4rfXBFVkuTA1XAb2k80rt2tvYtmJl\nPctwLPBcy70owkLrQMYfJ0quAtJ4CuvThWvkJxo4Jt6XH94cjWLzUatMfpX2\nCMwhCxzosAVOcI7T0oCkSLi3sSMY7ZHVXYLdXnjJOrbKm0Xk6ws6s1Lyt8nE\n+XdUZ2zmxdmiMaCoYLpSy1RKAARZOfJBc5L+Zfwgze7qS+QTzGDuCDTLhbw2\nZhzuK2plbiFnnJ603esLdwT8Dpg71U5YuLtx1XZEpwU/AJQsK2pxddk9tMOw\nHHgL0cdDOvhdFrqi6ZzybIx9c/vISg1Xs4w3U1vQlJT1NtVRjC3hfm8g+uz7\nPcehv9U+6OrVP2J6wS7At5snwAZTd/shP0n71Tcgbba0s3B5DXma9pZ1WGX3\n/5rvVfUzs8mYLcEjoL2x8jwKkUNoF+z8KjLQPfAWwq91ap3aHu55Q4efttoH\njarYKgfbLvIBZgtkMvvQYC4+KpzXuZ+ilyux29XO75S1D0R6gED9xaUSWzCF\ngPuZ\r\n=vjei\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICkP+jtPSDcm6EXiGfD70ZPU6VVZ3G+a1KmdSMR1+MeZAiAknqsyKohBSlKB+zKnWL9pyvp8+FhGxQf54iAG79Iydg=="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_4.5.3_1571686309592_0.7399551806280171"},"_hasShrinkwrap":false},"5.0.0":{"name":"@jaames/iro","version":"5.0.0","description":"A moden, SVG-based color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"preact":"^10.0.0","@irojs/iro-core":"0.0.4"},"devDependencies":{"css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.9.3","rollup":"^1.24.0","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.8","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-livereload":"^1.0.4","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.24.3","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.6.4","vue-svg-loader":"^0.5.0","vuepress":"^0.14.2","webpack":"^4.31.0","webpack-cli":"^3.3.2"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"mail@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"8485f8d3f1a1c3bf1193a665ee76643aa0e93ddc","_id":"@jaames/iro@5.0.0","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-4LCzPHPetpKyDsc/LXeY5xQWTjt4S27NyZSjoZtP3FnakuZOKVPdhRKxP9UDoHfrLqUzb30lBAZtX6Xm39fU8Q==","shasum":"df5d1a901ec0898f0e01633343b1273cda71409d","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.0.0.tgz","fileCount":7,"unpackedSize":157560,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJduMsCCRA9TVsSAnZWagAAUe8QAIZasg5u9qu0MwKBQS7I\nGsS8dMtv1KAF1Hnl7/Igsxbpuo76Yqy1Hh4yXyWOIK4BzJiVubikW9kOd86v\nmURjU1hsqTU4XCxhftK6AFE/k5/6HntJWlUVs3dL+eO6C/OzgSk90Zp/Mlc3\n70GmJbE+GM6UuzcXNXppGK148UCAc4S4g7JXAQ1ZAwIwSWx1adL2WVwtlFn8\nWsnElzbDIu+ZFru3OaQcUQ5ojmW2a1O1XSD8Pk5SWyyaK6icgHyUp6k9sXZ3\nxSgANUWPIWV23db2jxUTbcI0r66cU26lsZumkL46/xftbwQ4R3TueIEpsgrE\nFMkgq8eMclQpXg1+lBNOIrJOMOmF7GMw+x2pTREn1D9oVyjMs4O+iIUl1mMT\nTyT/Nt6m98kKy/xvzhWTiOqRxhaD24PV0UnRSYQ4NctH5JkfuMWoO+Vmycub\nHONAf+jKv19d5iqzG5MOdNGs5GKEKjZeyKodB01YXiSEUn+eqJE+9P4XwHP5\nvzFamQOgATMBVU+HVzHT2XBEHBbZtqf8pSAXRcZTRd0exqYaofdaH0ztIKFr\nO7Jflk+xB9Yjb0WlRgroboTEl1CgEXKzYZLYWx4miogaoDA01PSLB+i/ugT/\n4TluZFvqUMsY/KJsqCi0PEok0opr1YOqPyWAV0YH5I0eZTp3DYHmgnCHQXp1\n2CJA\r\n=zso4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE09n5DjaO3xLQTltLR2beZarEhq9gWl1Kkid/PHGFEjAiEAyeSEOpN6T6B6Xs/bXIy8kLMW8N/MBMCqc+2eXUL0IEA="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.0.0_1572391681938_0.6055974022029589"},"_hasShrinkwrap":false},"5.0.0-2":{"name":"@jaames/iro","version":"5.0.0-2","description":"A moden, SVG-based color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"@irojs/iro-core":"0.0.5","preact":"^10.0.0"},"devDependencies":{"css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.9.3","rollup":"^1.24.0","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.8","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-livereload":"^1.0.4","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.24.3","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.6.4","vue-svg-loader":"^0.5.0","vuepress":"^1.2.0","vue":"^2.6.10","vue-template-compiler":"^2.6.10"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"mail@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","readme":"<h1 align=\"center\"><a href=\"//iro.js.org\" target=\"blank\"><img height=\"340\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/screenshot.png\"/><br/>iro.js</a></h1>\n\n<p align=\"center\">\n  <b>An HSV color picker widget for JavaScript, with a modern SVG-based user interface | <a href=\"//iro.js.org\" target=\"blank\">iro.js.org</a></b>\n</p>\n\n<p align=\"center\">\n  <a href=\"https://github.com/jaames/iro.js/blob/master/LICENSE.txt\">\n    <img src=\"https://badgen.net/github/license/jaames/iro.js?color=BB5FD1\" alt=\"license\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/v/@jaames/iro?color=6C8FF2\" alt=\"version\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/dt/@jaames/iro?color=6AD4E0\" alt=\"downloads\" />\n  </a>\n  <a href=\"https://bundlephobia.com/result?p=@jaames/iro\">\n    <img src=\"https://badgen.net/bundlephobia/minzip/@jaames/iro?color=6FDF89\" alt=\"minzip size\" />\n  </a>\n  <a href=\"\">\n    <img src=\"https://badgen.net/badge/jQuery/none/F8AE55\" alt=\"no jQuery\" />\n  </a>\n  <a href=\"https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=XS9R3QTLZYAXQ&source=url\">\n    <img src=\"https://badgen.net/badge/donate/paypal/ED5151\" alt=\"donate\" />\n  </a>\n</p>\n\n<p align=\"center\">\n  <a href=\"#features\">Features</a> | <a href=\"#demo\">Demo</a> | <a href=\"#installation\">Installation</a> | <a href=\"#usage\">Usage</a> | <a href=\"#plugins\">Plugins</a> | <a href=\"#documentation\">Documentation</a>\n</p>\n\n<br/>\n\n## Features\n\n * **Simple**: Low friction API, with robust support for hex, rgb, hsl and hsv color formats.\n * **Extendable**: Tweak the library to your requirements with [Plugins](#plugins) and custom UI elements\n * **Consistent behaviour**: Works across all modern browsers and devices, including touchscreens.\n * **Small footprint**: [7kb](https://bundlephobia.com/result?p=@jaames/iro) minified and gzipped, with absolutely no jQuery or extra css/images in sight.\n * **Great design**: The controls are designed to be intuitive and responsive, plus they're built with SVG so they look super crisp at any resolution.\n * **Transparency support**: Optional transparency slider with the [transparency plugin](https://github.com/jaames/iro-transparency-plugin).\n * **Licenced under MPL 2.0**: 100% free for personal and commercial use.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n## Demo\n\nAn [interactive demo](https://codepen.io/rakujira/pen/WZOeNq?editors=0010) is available on Codepen.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n## Installation\n\n### Install with NPM\n\n```bash\n$ npm install @jaames/iro --save\n```\n\nIf you are using a module bundler like Webpack or Rollup, import iro.js into your project: \n\n```javascript\n// Using ES6 module syntax\nimport iro from '@jaames/iro';\n\n// Using CommonJS modules\nconst iro = require('@jaames/iro');\n```\n\n### Download and host yourself\n\n**[Development version](https://raw.githubusercontent.com/jaames/iro.js/master/dist/iro.js)**<br/>\nUncompressed at around 52kB, with source comments included\n\n**[Production version](https://raw.githubusercontent.com/jaames/iro.js/master/dist/iro.min.js)**<br/>\nMinified to 20kB\n\nThen add it to the `<head>` of your page with a `<script>` tag:\n\n```html\n<html>\n  <head>\n    <!-- ... -->\n    <script src=\"./path/to/iro.min.js\"></script>\n  </head>\n  <!-- ... -->\n</html>\n```\n\nWhen manually including the library like this, it will be globally available as `window.iro`.\n\n### Using the jsDelivr CDN\n\n```html\n<script src=\"https://cdn.jsdelivr.net/npm/@jaames/iro/dist/iro.min.js\"></script>\n```\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n## Usage\n\n### Getting Started\n\nCreate a HTML element with a unique identifier (such as an `id` attribute) to act as a container for the color picker:\n\n```html\n<div id=\"color-picker-container\"></div>\n```\n\nThen use JavaScript to create a new `iro.ColorPicker` with a CSS selector that matches your chosen container element:\n\n```js\nvar colorPicker = new iro.ColorPicker('#color-picker-container');\n```\n\nYou can also use a DOM object instead of a CSS selector here -- this might be more suitable if you're integrating iro.js into an application built with Vue, React, Angular, etc.\n\n### Color Picker Options\n\nThe color picker can be configured by passing a set of options to the second `iro.ColorPicker` parameter:\n\n```js\nvar colorPicker = new iro.ColorPicker(\"#color-picker-container\", {\n  // Set the size of the color picker\n  width: 320,\n  // Set the initial color to pure red\n  color: \"#f00\"\n});\n```\n\n#### Available Options\n\n| Option           | Purpose | Default |\n|:-----------------|:--------|:--------|\n| `width`          | Total width of the control UI. | `300` |\n| `color`          | The initial color value. This can be any [supported color format](https://iro.js.org/color_api.html#supported-color-formats). | `\"#ffffff\"` |\n| `borderWidth`    | Width of the border around the controls. Set to `0` for no border. | `0` |\n| `borderColor`    | Color of the border. Any valid CSS color is supported. | `\"#ffffff\"` |\n| `padding`        | Padding around the control handles. | `6` |\n| `handleRadius`   | Radius of the control handles. | `8` |\n| `handleSvg`      | Custom handle SVG, used for [Custom Handles](https://iro.js.org/guide.html#custom-handles) | `null` |\n| `handleOrigin`   | Custom handle origin point, used for [Custom Handles](https://iro.js.org/guide.html#custom-handles). | `{x:0,y:0}` |\n| `wheelLightness` | If set to `false`, the color wheel will not fade to black when the lightness decreases. | `true` |\n| `wheelAngle`     | Starting angle of the color wheel's hue gradient, measured in degrees. | `0` |\n| `wheelDirection` | Direction of the color wheel's hue gradient, either `\"clockwise\"` or `\"anticlockwise\"` | `\"anticlockwise\"` |\n| `sliderHeight`   | Slider control height. By default this will be calculated automatically | `undefined` |\n| `sliderMargin`   | Distance between the wheel and the slider controls. | `12` |\n| `display`        | CSS display value for the color picker root element. | `\"block\"` |\n| `id`             | HTML ID for the color picker root element. | `null` |\n| `layout`         | Used for [Custom Layouts](https://iro.js.org/guide.html#custom-layouts) | `null` |\n\nMore details about color picker options, properties, and methods can be found on the [Color Picker API documentation](https://iro.js.org/colorPicker_api.html).\n\n### Selected Color API\n\nEach color picker instance has a `color` object which stores the currently selected color. This color object is tied to the color picker, so any changes to its values will be reflected by the picker and vice versa.\n\n#### Color Properties\n\nThe color object has a few \"magic\" properties which can be used to both get and set the selected color in different formats. Whenever one of these properties is set, the color picker controls will update and the [`color:change`](#color-picker-events) event will fire.\n\nFor example, to get the current color as a hex string:\n\n```js\nvar hex = colorPicker.color.hexString;\nconsole.log(hex); // hex = \"#ff0000\"\n```\n\nOr to set the selected color from a hsl object:\n\n```js\ncolorPicker.color.hsl = { h: 180, s: 100, l: 50 };\n// Color picker updates to match hsl(180, 100, 50)\n```\n\nThe color object has properties which cover all of the most common web color formats (hex, rgb, and hsl) in the same manner, in addition to hsv:\n\n| Property    | Example Format     |\n|:------------|:-------------------|\n| `hexString` | `\"#ff0000\"` |\n| `rgb`       | `{ r: 255, g: 0, b: 0 }` |\n| `rgbString` | `\"rgb(255, 0, 0)\"` |\n| `hsl`       | `{ h: 360, s: 100, l: 50 }` |\n| `hslString` | `\"hsl(360, 100%, 50%)\"` |\n| `hsv`       | `{ h: 360, s: 100, v: 100 }` |\n\nFor more details about the color object, check out the [Color API documentation](https://iro.js.org/color_api.html).\n\n\n### Color Picker Events\n\nEvents let you listen for specific color picker events such as changes to the selected color, the start of user input, or when the color picker has mounted.\n\nThe color picker's [`on`](https://iro.js.org/colorPicker_api.html#on) method can be used to add callback functions which get called whenever the given event is fired. These callbacks can also be removed at any time by passing the same function to the color picker's [`off`](https://iro.js.org/colorPicker_api.html#off) method. In this example we add and remove a callback for the `color:change` event:\n\n```js\n// color:change event callback\n// color:change callbacks receive the current color and a changes object\nfunction onColorChange(color, changes) {\n  // print the color's new hex value to the developer console\n  console.log(color.hexString);\n}\n\n// listen to a color picker's color:change event\ncolorPicker.on('color:change', onColorChange);\n\n// later, if we want to stop listening to color:change...\n// remove the color:change callback\ncolorPicker.off('color:change', onColorChange);\n```\n\n#### Available Events\n\n##### `color:change`\n\nFired whenever the selected color changes -- either when the user interacts with the color picker, or when the color is set via code. It is safe to modify the `color` object within callbacks for this event, and callbacks get passed two values:\n\n* `color`: the [currently selected color](#selected-color-api)\n* `changes`: an object showing which HSV channels have changed since the last time the event was fired\n\n##### `color:init`\n\nSame as `color:change`, but only fired once with the initial color value provided to the color picker.\n\n##### `input:change`\n\nSimilar to `color:change`, except this is only fired whenever the color is changed with *direct user input*. Callbacks for this event recieve exactly the same parameters as `color:change`, and it is also safe to modify the `color` object within callbacks for this event.\n\n##### `input:start`\n\nFired whenever the users starts interacting with the color picker controls. The [currently selected color](#selected-color-api) is passed to this event's callback function.\n\n##### `input:move`\n\nFired when the user moves their pointer/mouse after beginning interaction. The [currently selected color](#selected-color-api) is passed to this event's callback function.\n\n##### `input:end`\n\nFired whenever the user stops interacting with the color picker controls. The [currently selected color](#selected-color-api) is passed to this event's callback function.\n\n##### `mount`\n\nFired when the colorPicker's UI has been mounted to the DOM and is ready for user interaction. The colorPicker object is passed to this event's callback function.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n## Plugins\n\n* [**iro-dynamic-css**](https://github.com/jaames/iro-dynamic-css): Allows you to dynamically update CSS rules whenever the selected color changes.\n* [**iro-transparency-plugin**](https://github.com/jaames/iro-transparency-plugin): Adds optional transparency slider to the color picker and support for color-with-alpha color formats.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n## Documentation\n\n* [Usage](https://iro.js.org/guide.html)\n  * [Installation](https://iro.js.org/guide.html#installation)\n  * [Getting Started](https://iro.js.org/guide.html#getting-started)\n  * [Color Picker Options](https://iro.js.org/guide.html#color-picker-options)\n  * [Selected Color API](https://iro.js.org/guide.html#selected-color-api)\n  * [Color Picker Events](https://iro.js.org/guide.html#color-picker-events)\n  * [Custom Layouts](https://iro.js.org/guide.html#custom-layouts)\n  * [Custom Handles](https://iro.js.org/guide.html#custom-handles)\n* [Plugins](https://iro.js.org/plugins.html)\n  * [Available Plugins](https://iro.js.org/plugins.html#available-plugins)\n  * [Using Plugins](https://iro.js.org/plugins.html#using-plugins)\n* [ColorPicker API](https://iro.js.org/colorPicker_api.html)\n  * [Constructor](https://iro.js.org/colorPicker_api.html#constructor)\n  * [Options](https://iro.js.org/colorPicker_api.html#options)\n  * [Properties](https://iro.js.org/colorPicker_api.html#properties)\n  * [Methods](https://iro.js.org/colorPicker_api.html#methods)\n  * [Static Methods](https://iro.js.org/colorPicker_api.html#static-methods)\n  * [Events](https://iro.js.org/colorPicker_api.html#events)\n  * [Plugin Hooks](https://iro.js.org/colorPicker_api.html#plugin-hooks)\n* [Color API](https://iro.js.org/color_api.html)\n  * [Constructor](https://iro.js.org/color_api.html#constructor)\n  * [Supported Color Formats](https://iro.js.org/color_api.html#supported-color-formats)\n  * [Properties](https://iro.js.org/color_api.html#properties)\n  * [Methods](https://iro.js.org/color_api.html#methods)\n  * [Static Methods](https://iro.js.org/color_api.html#static-methods)\n* [Migration Guide](https://iro.js.org/migrating.html)\n  * [Migrating from v3](https://iro.js.org/migrating.html#migrating-from-v3)\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n[Website](//iro.js.org) | [Codepen Demo](//codepen.io/rakujira/pen/WZOeNq?editors=0010) | [Contribution Guide](CONTRIBUTE.md) | [Donate](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=XS9R3QTLZYAXQ&source=url) | [Changelog](CHANGELOG.md) | [License](LICENSE.txt)\n\n&copy; [James Daniel](//github.com/jaames)\n","readmeFilename":"README.md","gitHead":"8e61503aa23985996297786eb687abc08fd41458","_id":"@jaames/iro@5.0.0-2","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-DlNfOvjNbGaMvBKBsTymzHsaZJwWZ6W46zb0h7R5p5yzyjnfUqKH80d1qfzj7cJUi4+yD85AfzCEABWwAehQNQ==","shasum":"f4c616a8b09ee20c35e48609184932d5ec9ec037","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.0.0-2.tgz","fileCount":7,"unpackedSize":157447,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvbjJCRA9TVsSAnZWagAAXZYP/3Kmr5FZml+LqmY/BPEa\nHZNZsGAXNK+FnNuDg3nzahHHCcvCpMp9abpEHV6cvJ7Tn1tvEYWMhksmi3OP\n4EevAOsDX6kVYSfqkDHlsyvzn0ZT/q0WHHelLQFiiae1WAd6G+HEHQTStSXS\nQdITyINmSTHQ+o4jmFYtBfnKaP9SnQADBZvL8saeoVYr8xCVltSX5QLUxw+3\nV1Ck/7T2+GGoKxNRVzgppZBjwT8nU3GP0EJYdJaE2BDUFFZS50MSvLWx3dnk\np5H0Cf1TKLyRDozs/BENNphTHju2soar/B/YBnMffnronQhCGFxSoa6wy4E3\nIYHnbcnH3cfxL7UV5O86Lz2of3AWC8dJaasbw2Zf5T59ZQoLwyabBM+iS9Gk\nr3YF2siodqwqX2cJb16cjCk2uS092SzE9pXt2cJNZ+EKt+jf8rkWRt0PvRwc\n2aih3k/tUXngP3BHHLBuaEl9ifEJyY+IlREWzxOzAla35fWUOqTilgvGXBqs\nJdli5S8tdXmekLWC00vQArrvRkP3fB4kG1OuBxuAhMuNdsZAt7hKSXYmz810\njRDi8SOqKRPUSuP0EBMXuRHxOjf0qxrPqOTCNnORYqzLjLrZB4k8uDDWmrOG\n5ifeNC3hEk9aJw55xxz1wlf5cIzApdRk7JBSEHe96Xq9yYK5k4i9RemifQUA\npoqO\r\n=sXWJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCOqNY821ktpQJmQd5gyD3485N6Lhwwmr+2qycR5ev/5wIhAInygdnlhlpJjoIEG57tTUFVgkaVQT3aHy7VOZc3HgM6"}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.0.0-2_1572714696941_0.1486347930257732"},"_hasShrinkwrap":false},"5.0.0-3":{"name":"@jaames/iro","version":"5.0.0-3","description":"A moden, SVG-based color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"@irojs/iro-core":"0.0.5","preact":"^10.0.0"},"devDependencies":{"css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.9.3","rollup":"^1.24.0","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.8","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-livereload":"^1.0.4","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.24.3","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.6.4","vue-svg-loader":"^0.5.0","vuepress":"^1.2.0","vue":"^2.6.10","vue-template-compiler":"^2.6.10"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"mail@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"74debeffa1b2886d5636082b494f7c9f121b6e25","readme":"<h1 align=\"center\"><a href=\"//iro.js.org\" target=\"blank\"><img height=\"340\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/screenshot.png\"/><br/>iro.js</a></h1>\n\n<p align=\"center\">\n  <b>An HSV color picker widget for JavaScript, with a modern SVG-based user interface | <a href=\"//iro.js.org\" target=\"blank\">iro.js.org</a></b>\n</p>\n\n<p align=\"center\">\n  <a href=\"https://github.com/jaames/iro.js/blob/master/LICENSE.txt\">\n    <img src=\"https://badgen.net/github/license/jaames/iro.js?color=BB5FD1\" alt=\"license\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/v/@jaames/iro?color=6C8FF2\" alt=\"version\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/dt/@jaames/iro?color=6AD4E0\" alt=\"downloads\" />\n  </a>\n  <a href=\"https://bundlephobia.com/result?p=@jaames/iro\">\n    <img src=\"https://badgen.net/bundlephobia/minzip/@jaames/iro?color=6FDF89\" alt=\"minzip size\" />\n  </a>\n  <a href=\"\">\n    <img src=\"https://badgen.net/badge/jQuery/none/F8AE55\" alt=\"no jQuery\" />\n  </a>\n  <a href=\"https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=XS9R3QTLZYAXQ&source=url\">\n    <img src=\"https://badgen.net/badge/donate/paypal/ED5151\" alt=\"donate\" />\n  </a>\n</p>\n\n<p align=\"center\">\n  <a href=\"#features\">Features</a> | <a href=\"#demo\">Demo</a> | <a href=\"#installation\">Installation</a> | <a href=\"#usage\">Usage</a> | <a href=\"#plugins\">Plugins</a> | <a href=\"#documentation\">Documentation</a>\n</p>\n\n<br/>\n\n## Features\n\n * **Simple**: Low friction API, with robust support for hex, rgb, hsl and hsv color formats.\n * **Extendable**: Tweak the library to your requirements with [Plugins](#plugins) and custom UI elements\n * **Consistent behaviour**: Works across all modern browsers and devices, including touchscreens.\n * **Small footprint**: [7kb](https://bundlephobia.com/result?p=@jaames/iro) minified and gzipped, with absolutely no jQuery or extra css/images in sight.\n * **Great design**: The controls are designed to be intuitive and responsive, plus they're built with SVG so they look super crisp at any resolution.\n * **Transparency support**: Optional transparency slider with the [transparency plugin](https://github.com/jaames/iro-transparency-plugin).\n * **Licenced under MPL 2.0**: 100% free for personal and commercial use.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n## Demo\n\nAn [interactive demo](https://codepen.io/rakujira/pen/WZOeNq?editors=0010) is available on Codepen.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n## Installation\n\n### Install with NPM\n\n```bash\n$ npm install @jaames/iro --save\n```\n\nIf you are using a module bundler like Webpack or Rollup, import iro.js into your project: \n\n```javascript\n// Using ES6 module syntax\nimport iro from '@jaames/iro';\n\n// Using CommonJS modules\nconst iro = require('@jaames/iro');\n```\n\n### Download and host yourself\n\n**[Development version](https://raw.githubusercontent.com/jaames/iro.js/master/dist/iro.js)**<br/>\nUncompressed at around 52kB, with source comments included\n\n**[Production version](https://raw.githubusercontent.com/jaames/iro.js/master/dist/iro.min.js)**<br/>\nMinified to 20kB\n\nThen add it to the `<head>` of your page with a `<script>` tag:\n\n```html\n<html>\n  <head>\n    <!-- ... -->\n    <script src=\"./path/to/iro.min.js\"></script>\n  </head>\n  <!-- ... -->\n</html>\n```\n\nWhen manually including the library like this, it will be globally available as `window.iro`.\n\n### Using the jsDelivr CDN\n\n```html\n<script src=\"https://cdn.jsdelivr.net/npm/@jaames/iro/dist/iro.min.js\"></script>\n```\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n## Usage\n\n### Getting Started\n\nCreate a HTML element with a unique identifier (such as an `id` attribute) to act as a container for the color picker:\n\n```html\n<div id=\"color-picker-container\"></div>\n```\n\nThen use JavaScript to create a new `iro.ColorPicker` with a CSS selector that matches your chosen container element:\n\n```js\nvar colorPicker = new iro.ColorPicker('#color-picker-container');\n```\n\nYou can also use a DOM object instead of a CSS selector here -- this might be more suitable if you're integrating iro.js into an application built with Vue, React, Angular, etc.\n\n### Color Picker Options\n\nThe color picker can be configured by passing a set of options to the second `iro.ColorPicker` parameter:\n\n```js\nvar colorPicker = new iro.ColorPicker(\"#color-picker-container\", {\n  // Set the size of the color picker\n  width: 320,\n  // Set the initial color to pure red\n  color: \"#f00\"\n});\n```\n\n#### Available Options\n\n| Option           | Purpose | Default |\n|:-----------------|:--------|:--------|\n| `width`          | Total width of the control UI. | `300` |\n| `color`          | The initial color value. This can be any [supported color format](https://iro.js.org/color_api.html#supported-color-formats). | `\"#ffffff\"` |\n| `borderWidth`    | Width of the border around the controls. Set to `0` for no border. | `0` |\n| `borderColor`    | Color of the border. Any valid CSS color is supported. | `\"#ffffff\"` |\n| `padding`        | Padding around the control handles. | `6` |\n| `handleRadius`   | Radius of the control handles. | `8` |\n| `handleSvg`      | Custom handle SVG, used for [Custom Handles](https://iro.js.org/guide.html#custom-handles) | `null` |\n| `handleOrigin`   | Custom handle origin point, used for [Custom Handles](https://iro.js.org/guide.html#custom-handles). | `{x:0,y:0}` |\n| `wheelLightness` | If set to `false`, the color wheel will not fade to black when the lightness decreases. | `true` |\n| `wheelAngle`     | Starting angle of the color wheel's hue gradient, measured in degrees. | `0` |\n| `wheelDirection` | Direction of the color wheel's hue gradient, either `\"clockwise\"` or `\"anticlockwise\"` | `\"anticlockwise\"` |\n| `sliderHeight`   | Slider control height. By default this will be calculated automatically | `undefined` |\n| `sliderMargin`   | Distance between the wheel and the slider controls. | `12` |\n| `display`        | CSS display value for the color picker root element. | `\"block\"` |\n| `id`             | HTML ID for the color picker root element. | `null` |\n| `layout`         | Used for [Custom Layouts](https://iro.js.org/guide.html#custom-layouts) | `null` |\n\nMore details about color picker options, properties, and methods can be found on the [Color Picker API documentation](https://iro.js.org/colorPicker_api.html).\n\n### Selected Color API\n\nEach color picker instance has a `color` object which stores the currently selected color. This color object is tied to the color picker, so any changes to its values will be reflected by the picker and vice versa.\n\n#### Color Properties\n\nThe color object has a few \"magic\" properties which can be used to both get and set the selected color in different formats. Whenever one of these properties is set, the color picker controls will update and the [`color:change`](#color-picker-events) event will fire.\n\nFor example, to get the current color as a hex string:\n\n```js\nvar hex = colorPicker.color.hexString;\nconsole.log(hex); // hex = \"#ff0000\"\n```\n\nOr to set the selected color from a hsl object:\n\n```js\ncolorPicker.color.hsl = { h: 180, s: 100, l: 50 };\n// Color picker updates to match hsl(180, 100, 50)\n```\n\nThe color object has properties which cover all of the most common web color formats (hex, rgb, and hsl) in the same manner, in addition to hsv:\n\n| Property    | Example Format     |\n|:------------|:-------------------|\n| `hexString` | `\"#ff0000\"` |\n| `rgb`       | `{ r: 255, g: 0, b: 0 }` |\n| `rgbString` | `\"rgb(255, 0, 0)\"` |\n| `hsl`       | `{ h: 360, s: 100, l: 50 }` |\n| `hslString` | `\"hsl(360, 100%, 50%)\"` |\n| `hsv`       | `{ h: 360, s: 100, v: 100 }` |\n\nFor more details about the color object, check out the [Color API documentation](https://iro.js.org/color_api.html).\n\n\n### Color Picker Events\n\nEvents let you listen for specific color picker events such as changes to the selected color, the start of user input, or when the color picker has mounted.\n\nThe color picker's [`on`](https://iro.js.org/colorPicker_api.html#on) method can be used to add callback functions which get called whenever the given event is fired. These callbacks can also be removed at any time by passing the same function to the color picker's [`off`](https://iro.js.org/colorPicker_api.html#off) method. In this example we add and remove a callback for the `color:change` event:\n\n```js\n// color:change event callback\n// color:change callbacks receive the current color and a changes object\nfunction onColorChange(color, changes) {\n  // print the color's new hex value to the developer console\n  console.log(color.hexString);\n}\n\n// listen to a color picker's color:change event\ncolorPicker.on('color:change', onColorChange);\n\n// later, if we want to stop listening to color:change...\n// remove the color:change callback\ncolorPicker.off('color:change', onColorChange);\n```\n\n#### Available Events\n\n##### `color:change`\n\nFired whenever the selected color changes -- either when the user interacts with the color picker, or when the color is set via code. It is safe to modify the `color` object within callbacks for this event, and callbacks get passed two values:\n\n* `color`: the [currently selected color](#selected-color-api)\n* `changes`: an object showing which HSV channels have changed since the last time the event was fired\n\n##### `color:init`\n\nSame as `color:change`, but only fired once with the initial color value provided to the color picker.\n\n##### `input:change`\n\nSimilar to `color:change`, except this is only fired whenever the color is changed with *direct user input*. Callbacks for this event recieve exactly the same parameters as `color:change`, and it is also safe to modify the `color` object within callbacks for this event.\n\n##### `input:start`\n\nFired whenever the users starts interacting with the color picker controls. The [currently selected color](#selected-color-api) is passed to this event's callback function.\n\n##### `input:move`\n\nFired when the user moves their pointer/mouse after beginning interaction. The [currently selected color](#selected-color-api) is passed to this event's callback function.\n\n##### `input:end`\n\nFired whenever the user stops interacting with the color picker controls. The [currently selected color](#selected-color-api) is passed to this event's callback function.\n\n##### `mount`\n\nFired when the colorPicker's UI has been mounted to the DOM and is ready for user interaction. The colorPicker object is passed to this event's callback function.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n## Plugins\n\n* [**iro-dynamic-css**](https://github.com/jaames/iro-dynamic-css): Allows you to dynamically update CSS rules whenever the selected color changes.\n* [**iro-transparency-plugin**](https://github.com/jaames/iro-transparency-plugin): Adds optional transparency slider to the color picker and support for color-with-alpha color formats.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n## Documentation\n\n* [Usage](https://iro.js.org/guide.html)\n  * [Installation](https://iro.js.org/guide.html#installation)\n  * [Getting Started](https://iro.js.org/guide.html#getting-started)\n  * [Color Picker Options](https://iro.js.org/guide.html#color-picker-options)\n  * [Selected Color API](https://iro.js.org/guide.html#selected-color-api)\n  * [Color Picker Events](https://iro.js.org/guide.html#color-picker-events)\n  * [Custom Layouts](https://iro.js.org/guide.html#custom-layouts)\n  * [Custom Handles](https://iro.js.org/guide.html#custom-handles)\n* [Plugins](https://iro.js.org/plugins.html)\n  * [Available Plugins](https://iro.js.org/plugins.html#available-plugins)\n  * [Using Plugins](https://iro.js.org/plugins.html#using-plugins)\n* [ColorPicker API](https://iro.js.org/colorPicker_api.html)\n  * [Constructor](https://iro.js.org/colorPicker_api.html#constructor)\n  * [Options](https://iro.js.org/colorPicker_api.html#options)\n  * [Properties](https://iro.js.org/colorPicker_api.html#properties)\n  * [Methods](https://iro.js.org/colorPicker_api.html#methods)\n  * [Static Methods](https://iro.js.org/colorPicker_api.html#static-methods)\n  * [Events](https://iro.js.org/colorPicker_api.html#events)\n  * [Plugin Hooks](https://iro.js.org/colorPicker_api.html#plugin-hooks)\n* [Color API](https://iro.js.org/color_api.html)\n  * [Constructor](https://iro.js.org/color_api.html#constructor)\n  * [Supported Color Formats](https://iro.js.org/color_api.html#supported-color-formats)\n  * [Properties](https://iro.js.org/color_api.html#properties)\n  * [Methods](https://iro.js.org/color_api.html#methods)\n  * [Static Methods](https://iro.js.org/color_api.html#static-methods)\n* [Migration Guide](https://iro.js.org/migrating.html)\n  * [Migrating from v3](https://iro.js.org/migrating.html#migrating-from-v3)\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n[Website](//iro.js.org) | [Codepen Demo](//codepen.io/rakujira/pen/WZOeNq?editors=0010) | [Contribution Guide](CONTRIBUTE.md) | [Donate](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=XS9R3QTLZYAXQ&source=url) | [Changelog](CHANGELOG.md) | [License](LICENSE.txt)\n\n&copy; [James Daniel](//github.com/jaames)\n","readmeFilename":"README.md","_id":"@jaames/iro@5.0.0-3","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-F81WPL0+gWIUM7kMoQkv44HSRrJj7Aoi+rZxrqDjcdGvYuEpHJ8B0hMw7u+M3r5+GidG1IUyykcSHGTeqo36Ug==","shasum":"3c0cdde8b634e25c771f9e2bdf395baa72018aa3","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.0.0-3.tgz","fileCount":7,"unpackedSize":157447,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvbv1CRA9TVsSAnZWagAAkIAP/icbjQUXeGbLw2Rzr/rc\nfTuPIaRxJIdIpdMCu6KAq+X986oLUq8MhXhs480GZV//VDnDHU8Vh3Yzk6sw\nXTwkNQkCw/iBl1RWkUXbZhmdCEei/ydXObmAqkII+e9WEURSXRrkZZlXHLFn\nQBZVfzPKADCECmVeNxKbS9eikSktUi+HQ/Qi2PjGYJqNRThuJH+xSLPbguFc\na5nsG3Ch5GM0omOAN/wJNHyIQh5x8TZoFzmMSxdWSt9woOjKUWfnP9YPg4e3\nKhJEGMC2zzkayvrpPVugBgqz51scrrqDiN46ynIBpAadJydyHZh11zFtgRos\ncgBl5oqFBhdFbRH9mXpcx9iF4pa+pr08UUmd69TZseTf4uG+umN7I5qN1/vP\nNSgAQVzhk/zQB4R4JoWOAlZauz3bAxg9nOo27KpUKs6bpzyaGLUYD05wtw+d\n/UeifoRNlyTBCkk3JB3mIE1EgLE9tNlYRrexCBK486yGj1hH5wgXpwuZ9rC/\ndRZOPkn4YxcLXznBroWuS7diLYQfYYvX8YASmXpD77NCxE6gStvcFob9VKdV\nWAefYuThnmujoBAb+DjCIEIv0gPzFAJywLpSncDFy8NdzC+QJricFuuXGZ9E\nCDCVwtCRQpbhLHQqZ3qMpA51FkKyFwk5JTT2Un1z1RjUXpd7lwy8Apl8jCy4\nWLAE\r\n=bYMb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCuLAtgM27TVU3UkK8GlGd9qBdl+zCviR3/GBBPNiWHxwIhALSuHs0x8htzqRWQ5vo4y1eveP8ERrftb62S4VgquW6X"}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.0.0-3_1572715509350_0.7909834614149802"},"_hasShrinkwrap":false},"5.0.0-5":{"name":"@jaames/iro","version":"5.0.0-5","description":"A moden, SVG-based color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"@irojs/iro-core":"0.0.6","preact":"^10.0.0"},"devDependencies":{"css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.9.3","rollup":"^1.24.0","rollup-plugin-alias":"^1.4.0","rollup-plugin-buble":"^0.19.8","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-livereload":"^1.0.4","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-replace":"^2.1.0","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.24.3","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.6.4","vue-svg-loader":"^0.5.0","vuepress":"^1.2.0","vue":"^2.6.10","vue-template-compiler":"^2.6.10"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"mail@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","readme":"<h1 align=\"center\"><a href=\"//iro.js.org\" target=\"blank\"><img height=\"340\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/screenshot.png\"/><br/>iro.js</a></h1>\n\n<p align=\"center\">\n  <b>An HSV color picker widget for JavaScript, with a modern SVG-based user interface | <a href=\"//iro.js.org\" target=\"blank\">iro.js.org</a></b>\n</p>\n\n<p align=\"center\">\n  <a href=\"https://github.com/jaames/iro.js/blob/master/LICENSE.txt\">\n    <img src=\"https://badgen.net/github/license/jaames/iro.js?color=BB5FD1\" alt=\"license\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/v/@jaames/iro?color=6C8FF2\" alt=\"version\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/dt/@jaames/iro?color=6AD4E0\" alt=\"downloads\" />\n  </a>\n  <a href=\"https://bundlephobia.com/result?p=@jaames/iro\">\n    <img src=\"https://badgen.net/bundlephobia/minzip/@jaames/iro?color=6FDF89\" alt=\"minzip size\" />\n  </a>\n  <a href=\"\">\n    <img src=\"https://badgen.net/badge/jQuery/none/F8AE55\" alt=\"no jQuery\" />\n  </a>\n  <a href=\"https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=XS9R3QTLZYAXQ&source=url\">\n    <img src=\"https://badgen.net/badge/donate/paypal/ED5151\" alt=\"donate\" />\n  </a>\n</p>\n\n<p align=\"center\">\n  <a href=\"#features\">Features</a> | <a href=\"#demo\">Demo</a> | <a href=\"#installation\">Installation</a> | <a href=\"#usage\">Usage</a> | <a href=\"#plugins\">Plugins</a> | <a href=\"#documentation\">Documentation</a>\n</p>\n\n<br/>\n\n## Features\n\n * **Simple**: Low friction API, with robust support for hex, rgb, hsl and hsv color formats.\n * **Extendable**: Tweak the library to your requirements with [Plugins](#plugins) and custom UI elements\n * **Consistent behaviour**: Works across all modern browsers and devices, including touchscreens.\n * **Small footprint**: [7kb](https://bundlephobia.com/result?p=@jaames/iro) minified and gzipped, with absolutely no jQuery or extra css/images in sight.\n * **Great design**: The controls are designed to be intuitive and responsive, plus they're built with SVG so they look super crisp at any resolution.\n * **Transparency support**: Optional transparency slider with the [transparency plugin](https://github.com/jaames/iro-transparency-plugin).\n * **Licenced under MPL 2.0**: 100% free for personal and commercial use.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n## Demo\n\nAn [interactive demo](https://codepen.io/rakujira/pen/WZOeNq?editors=0010) is available on Codepen.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n## Installation\n\n### Install with NPM\n\n```bash\n$ npm install @jaames/iro --save\n```\n\nIf you are using a module bundler like Webpack or Rollup, import iro.js into your project: \n\n```javascript\n// Using ES6 module syntax\nimport iro from '@jaames/iro';\n\n// Using CommonJS modules\nconst iro = require('@jaames/iro');\n```\n\n### Download and host yourself\n\n**[Development version](https://raw.githubusercontent.com/jaames/iro.js/master/dist/iro.js)**<br/>\nUncompressed at around 52kB, with source comments included\n\n**[Production version](https://raw.githubusercontent.com/jaames/iro.js/master/dist/iro.min.js)**<br/>\nMinified to 20kB\n\nThen add it to the `<head>` of your page with a `<script>` tag:\n\n```html\n<html>\n  <head>\n    <!-- ... -->\n    <script src=\"./path/to/iro.min.js\"></script>\n  </head>\n  <!-- ... -->\n</html>\n```\n\nWhen manually including the library like this, it will be globally available as `window.iro`.\n\n### Using the jsDelivr CDN\n\n```html\n<script src=\"https://cdn.jsdelivr.net/npm/@jaames/iro/dist/iro.min.js\"></script>\n```\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n## Usage\n\n### Getting Started\n\nCreate a HTML element with a unique identifier (such as an `id` attribute) to act as a container for the color picker:\n\n```html\n<div id=\"color-picker-container\"></div>\n```\n\nThen use JavaScript to create a new `iro.ColorPicker` with a CSS selector that matches your chosen container element:\n\n```js\nvar colorPicker = new iro.ColorPicker('#color-picker-container');\n```\n\nYou can also use a DOM object instead of a CSS selector here -- this might be more suitable if you're integrating iro.js into an application built with Vue, React, Angular, etc.\n\n### Color Picker Options\n\nThe color picker can be configured by passing a set of options to the second `iro.ColorPicker` parameter:\n\n```js\nvar colorPicker = new iro.ColorPicker(\"#color-picker-container\", {\n  // Set the size of the color picker\n  width: 320,\n  // Set the initial color to pure red\n  color: \"#f00\"\n});\n```\n\n#### Available Options\n\n| Option           | Purpose | Default |\n|:-----------------|:--------|:--------|\n| `width`          | Total width of the control UI. | `300` |\n| `color`          | The initial color value. This can be any [supported color format](https://iro.js.org/color_api.html#supported-color-formats). | `\"#ffffff\"` |\n| `borderWidth`    | Width of the border around the controls. Set to `0` for no border. | `0` |\n| `borderColor`    | Color of the border. Any valid CSS color is supported. | `\"#ffffff\"` |\n| `padding`        | Padding around the control handles. | `6` |\n| `handleRadius`   | Radius of the control handles. | `8` |\n| `handleSvg`      | Custom handle SVG, used for [Custom Handles](https://iro.js.org/guide.html#custom-handles) | `null` |\n| `handleOrigin`   | Custom handle origin point, used for [Custom Handles](https://iro.js.org/guide.html#custom-handles). | `{x:0,y:0}` |\n| `wheelLightness` | If set to `false`, the color wheel will not fade to black when the lightness decreases. | `true` |\n| `wheelAngle`     | Starting angle of the color wheel's hue gradient, measured in degrees. | `0` |\n| `wheelDirection` | Direction of the color wheel's hue gradient, either `\"clockwise\"` or `\"anticlockwise\"` | `\"anticlockwise\"` |\n| `sliderHeight`   | Slider control height. By default this will be calculated automatically | `undefined` |\n| `sliderMargin`   | Distance between the wheel and the slider controls. | `12` |\n| `display`        | CSS display value for the color picker root element. | `\"block\"` |\n| `id`             | HTML ID for the color picker root element. | `null` |\n| `layout`         | Used for [Custom Layouts](https://iro.js.org/guide.html#custom-layouts) | `null` |\n\nMore details about color picker options, properties, and methods can be found on the [Color Picker API documentation](https://iro.js.org/colorPicker_api.html).\n\n### Selected Color API\n\nEach color picker instance has a `color` object which stores the currently selected color. This color object is tied to the color picker, so any changes to its values will be reflected by the picker and vice versa.\n\n#### Color Properties\n\nThe color object has a few \"magic\" properties which can be used to both get and set the selected color in different formats. Whenever one of these properties is set, the color picker controls will update and the [`color:change`](#color-picker-events) event will fire.\n\nFor example, to get the current color as a hex string:\n\n```js\nvar hex = colorPicker.color.hexString;\nconsole.log(hex); // hex = \"#ff0000\"\n```\n\nOr to set the selected color from a hsl object:\n\n```js\ncolorPicker.color.hsl = { h: 180, s: 100, l: 50 };\n// Color picker updates to match hsl(180, 100, 50)\n```\n\nThe color object has properties which cover all of the most common web color formats (hex, rgb, and hsl) in the same manner, in addition to hsv:\n\n| Property    | Example Format     |\n|:------------|:-------------------|\n| `hexString` | `\"#ff0000\"` |\n| `rgb`       | `{ r: 255, g: 0, b: 0 }` |\n| `rgbString` | `\"rgb(255, 0, 0)\"` |\n| `hsl`       | `{ h: 360, s: 100, l: 50 }` |\n| `hslString` | `\"hsl(360, 100%, 50%)\"` |\n| `hsv`       | `{ h: 360, s: 100, v: 100 }` |\n\nFor more details about the color object, check out the [Color API documentation](https://iro.js.org/color_api.html).\n\n\n### Color Picker Events\n\nEvents let you listen for specific color picker events such as changes to the selected color, the start of user input, or when the color picker has mounted.\n\nThe color picker's [`on`](https://iro.js.org/colorPicker_api.html#on) method can be used to add callback functions which get called whenever the given event is fired. These callbacks can also be removed at any time by passing the same function to the color picker's [`off`](https://iro.js.org/colorPicker_api.html#off) method. In this example we add and remove a callback for the `color:change` event:\n\n```js\n// color:change event callback\n// color:change callbacks receive the current color and a changes object\nfunction onColorChange(color, changes) {\n  // print the color's new hex value to the developer console\n  console.log(color.hexString);\n}\n\n// listen to a color picker's color:change event\ncolorPicker.on('color:change', onColorChange);\n\n// later, if we want to stop listening to color:change...\n// remove the color:change callback\ncolorPicker.off('color:change', onColorChange);\n```\n\n#### Available Events\n\n##### `color:change`\n\nFired whenever the selected color changes -- either when the user interacts with the color picker, or when the color is set via code. It is safe to modify the `color` object within callbacks for this event, and callbacks get passed two values:\n\n* `color`: the [currently selected color](#selected-color-api)\n* `changes`: an object showing which HSV channels have changed since the last time the event was fired\n\n##### `color:init`\n\nSame as `color:change`, but only fired once with the initial color value provided to the color picker.\n\n##### `input:change`\n\nSimilar to `color:change`, except this is only fired whenever the color is changed with *direct user input*. Callbacks for this event recieve exactly the same parameters as `color:change`, and it is also safe to modify the `color` object within callbacks for this event.\n\n##### `input:start`\n\nFired whenever the users starts interacting with the color picker controls. The [currently selected color](#selected-color-api) is passed to this event's callback function.\n\n##### `input:move`\n\nFired when the user moves their pointer/mouse after beginning interaction. The [currently selected color](#selected-color-api) is passed to this event's callback function.\n\n##### `input:end`\n\nFired whenever the user stops interacting with the color picker controls. The [currently selected color](#selected-color-api) is passed to this event's callback function.\n\n##### `mount`\n\nFired when the colorPicker's UI has been mounted to the DOM and is ready for user interaction. The colorPicker object is passed to this event's callback function.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n## Plugins\n\n* [**iro-dynamic-css**](https://github.com/jaames/iro-dynamic-css): Allows you to dynamically update CSS rules whenever the selected color changes.\n* [**iro-transparency-plugin**](https://github.com/jaames/iro-transparency-plugin): Adds optional transparency slider to the color picker and support for color-with-alpha color formats.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n## Documentation\n\n* [Usage](https://iro.js.org/guide.html)\n  * [Installation](https://iro.js.org/guide.html#installation)\n  * [Getting Started](https://iro.js.org/guide.html#getting-started)\n  * [Color Picker Options](https://iro.js.org/guide.html#color-picker-options)\n  * [Selected Color API](https://iro.js.org/guide.html#selected-color-api)\n  * [Color Picker Events](https://iro.js.org/guide.html#color-picker-events)\n  * [Custom Layouts](https://iro.js.org/guide.html#custom-layouts)\n  * [Custom Handles](https://iro.js.org/guide.html#custom-handles)\n* [Plugins](https://iro.js.org/plugins.html)\n  * [Available Plugins](https://iro.js.org/plugins.html#available-plugins)\n  * [Using Plugins](https://iro.js.org/plugins.html#using-plugins)\n* [ColorPicker API](https://iro.js.org/colorPicker_api.html)\n  * [Constructor](https://iro.js.org/colorPicker_api.html#constructor)\n  * [Options](https://iro.js.org/colorPicker_api.html#options)\n  * [Properties](https://iro.js.org/colorPicker_api.html#properties)\n  * [Methods](https://iro.js.org/colorPicker_api.html#methods)\n  * [Static Methods](https://iro.js.org/colorPicker_api.html#static-methods)\n  * [Events](https://iro.js.org/colorPicker_api.html#events)\n  * [Plugin Hooks](https://iro.js.org/colorPicker_api.html#plugin-hooks)\n* [Color API](https://iro.js.org/color_api.html)\n  * [Constructor](https://iro.js.org/color_api.html#constructor)\n  * [Supported Color Formats](https://iro.js.org/color_api.html#supported-color-formats)\n  * [Properties](https://iro.js.org/color_api.html#properties)\n  * [Methods](https://iro.js.org/color_api.html#methods)\n  * [Static Methods](https://iro.js.org/color_api.html#static-methods)\n* [Migration Guide](https://iro.js.org/migrating.html)\n  * [Migrating from v3](https://iro.js.org/migrating.html#migrating-from-v3)\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n[Website](//iro.js.org) | [Codepen Demo](//codepen.io/rakujira/pen/WZOeNq?editors=0010) | [Contribution Guide](CONTRIBUTE.md) | [Donate](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=XS9R3QTLZYAXQ&source=url) | [Changelog](CHANGELOG.md) | [License](LICENSE.txt)\n\n&copy; [James Daniel](//github.com/jaames)\n","readmeFilename":"README.md","gitHead":"e648b030e27b77faef077fda86a854b8f2b8a76a","_id":"@jaames/iro@5.0.0-5","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-+vz7vE84WVo9J8lCdM0tHFY4vgzz2PS3XlxdOO6UBPs81RrVGYqTtO0mMgsQVdG1KmB6i3bjPKVH1N8RPxVQYQ==","shasum":"ca278fedbc7c51a62db6ea1c9891fa9ae9df7bf9","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.0.0-5.tgz","fileCount":7,"unpackedSize":168375,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeGg2ACRA9TVsSAnZWagAAisMQAJAZwsRlVxKFEoqrY1Nj\nFtZ4M+o3hQFtmBKufICMS3UJ9oQ/1nwxYGijZHKszruNa7D+isxR/Yxnlekp\nGa1Q6XjRsUdzS3Ruo2u/0kEtbsnTGIquY8fK9JUbjpeI2FJK1Q8M9Kd7HYtZ\nHs6tYHw06jSRMd3Na44hvM4ELHs8D89J225I5XrY32RvQ6CjzMKT9W8HYN1P\nWzIbIZaH7CikUBVqXpVZcM7JgfxbbHCMRcTlYI/BzGCMLq9mrSHXV1kzHIYv\nKsOCB8IL778R1jCfZU01KietwEDHLkbu4L8EG3d7g/odRRQuReuJnIQku6uZ\nKTaclu+hWpQDlJwJ/72VdCtQqdvFGbVsWROzeUeVLG/aQLUIz8trt3fvjvD8\nWTF2p7s/EYUXM26mTdUu4Ut52sXZXqao/VetifMmVTH1m0T/nR6lIfskghec\nvnaYVkU/XHU8D0iNfhXhBzytaIErN5UiPd2I2D5CyV/8ITp4xhn6TblNdrJH\nk+K5A3MH8AtJVUuLZdTey3ySqH2s21Oi888TolvThcrzg5nW6Rpip7rr5CfX\nWiQKBpmGFYS6X8EFg029GrbiQ24uIk9my58u5UY8ENp3LNxCoV7hG0hn7Exg\nm2Bf5vwijm1Ti07p+bqv7POaq4ezxd6hEFugcr96MJji7iymgQZlJBIhKNb6\nWiJV\r\n=lnfY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICqNX8KQa76AQG5in+xSdcxrwZnn1NH1qEdLRnDbrMG7AiEAtZoWOQNaNTNnuHFj4IXMxtE1zEjQrJxmZkO1a2ia6uI="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.0.0-5_1578765696267_0.4358012511377751"},"_hasShrinkwrap":false},"5.1.0":{"name":"@jaames/iro","version":"5.1.0","description":"A moden, SVG-based color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"@irojs/iro-core":"^1.0.0","preact":"^10.0.0"},"devDependencies":{"@rollup/plugin-alias":"^3.0.1","@rollup/plugin-buble":"^0.21.1","@rollup/plugin-node-resolve":"^7.1.1","@rollup/plugin-replace":"^2.3.1","axios":"^0.19.2","css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.9.3","rollup":"^1.24.0","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-livereload":"^1.0.4","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.26.0","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.8.2","vue":"^2.6.11","vue-svg-inline-loader":"^1.4.5","vue-template-compiler":"^2.6.11","vuepress":"^1.3.1"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"irojs@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"5391a954c4b14fc8373dcd614187ad252b44d35a","_id":"@jaames/iro@5.1.0","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-MuBqvETA1DHkLXXBiW3azWn+WOtUe8puRRq72tb+L8oWjgjGFAW0lzbyjRE2RY2rN/eru8xXXWP2LUGLvGhKug==","shasum":"bccad995c2d2a0b147dc917e03be4f7a2761d8ca","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.1.0.tgz","fileCount":7,"unpackedSize":202745,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUvnMCRA9TVsSAnZWagAAYsQP/1Snz4E8SOucKpIDEw02\ndqJL/MgKptmIY9e/tDln9zVRzCI/r/wqq/0ZTUX7/ICpMxC9MiNFb5Oaskcq\nnNlwywWy2aPjMFKTraLZpaBKbK7XKQSgt9z5+nyGfmJR8fvIHrRm+veDCdDj\nVoJ6TPpIxK8yVsgWJahdPz8gAFsq2t0Qzm5ms7iiSWrHPSLofo3IUhfs8bJi\n8cKIDD0GsYFT36bujIbeesij72mx3lxQh4WbUEWBxDA04jRu7ce48dGJlmVC\nqL++TvfXy183SISimrst+Ln2r88ihZyN45zrRVOo6PT6sIsXJ7Ficr1aZbhk\n0oDg8nVLdP3G0XVS2im457ak1KNiWyvdaeLwWKRDB+0jCvhqpprbDA3PDndl\na6D9EApSg2mUwhAZU0RXyFRN3iqpPdbXjTwcyqbuU7pTYDJMsGSSiQjzn0Xc\nvaZFJ2WDE/5yYIO2/4jlMcbQKRaCCIGumNdLFn8QcKpxxCpY8ue+7hqhJWFm\n71TjhzcJndIaR/HqVAyiGkp1o/VSq2sIpfcflHIfAYf8xZEljInTQOYt3bls\nTBsa6vCaAXgAElKTC26cEwF93LOIU8kqTuSyp0mTAKgUehjmwabo7CAwbrJ9\nZ6KsCcvF1cI20vpadgnYX3ZmWFf491iJEkkeUN3s0P/JE9dIOK98rwF/xxWb\nXokK\r\n=h601\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDlMa6Sb1QxgQU6Pjo32UviPSPAEZrwaqaX7JbXfJ/biwIhALN6IEJvjc2rz7i3taf/rnDiAzxrWvnu8rWLfOrQtQZn"}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.1.0_1582496204211_0.5144731481309084"},"_hasShrinkwrap":false},"5.1.1":{"name":"@jaames/iro","version":"5.1.1","description":"A moden, SVG-based color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"@irojs/iro-core":"^1.0.0","preact":"^10.0.0"},"devDependencies":{"@rollup/plugin-alias":"^3.0.1","@rollup/plugin-buble":"^0.21.1","@rollup/plugin-node-resolve":"^7.1.1","@rollup/plugin-replace":"^2.3.1","axios":"^0.19.2","css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.9.3","rollup":"^1.24.0","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-livereload":"^1.0.4","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.26.0","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.8.2","vue":"^2.6.11","vue-svg-inline-loader":"^1.4.5","vue-template-compiler":"^2.6.11","vuepress":"^1.3.1"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"irojs@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"62c65b4ed21b3c6b4e19e1d0304f357cd61409c8","_id":"@jaames/iro@5.1.1","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-0O8hhdGAGKJaXJC7vcHKktcj2Ci7FaisyZFvO4QKgXDCx5AOnk8IZc7YgHdYAO8FtRxydDNzuS8oLvB7We0Q+Q==","shasum":"c532f4fe72c68c30c425c8cfae253b6a167b36fe","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.1.1.tgz","fileCount":7,"unpackedSize":209759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVCzECRA9TVsSAnZWagAAszMP/Rpyg2imecloYxiJ5x/Y\nMu3QHallmpZHHQdJ3RhjnwpBNTD52C4CWa8cS/aiUBu0z3Z7KfeIUPItxH7U\nRQTuUe5uIGHSwqDx43i6aXbrZUlZxK7TNYcwFG/zE8ezDFsFZNFYsaCIRSzp\nf656U+JYq8ogPaWnajEap8NWucKviM181b53fg0nLl4k3i1n+5XVUcznfuIS\nZxNPGC9GoM3evAF1RxN8TmbvvbyYZjtQIxpNJeei5G0k5bYuwGdRnV+ELkrc\njolERcRTLYKcCUNDYmPIfkVR/alDFiXnerpoPtjTQdBIqoCbTd9QMDJZyWP8\nVJeslm7u4RHhpf1i8LLDZjatSY6H3LqvsmoVuyIyF/h82NZodIhgMjTCRE68\nKVUw2Q6l6xf6L0KmnKTkY8A10pPtiC6yTxhKH3EBlmKBrymFylB7AG/nvjiZ\nUYCNMjtMuf9uJZvVVVo+kPHpwSAWNTwXbpFVgZLDRPfbG6YKVl6hSePY/sHZ\nw1ymFG5rsxXQh3igkBddbqmDfTVfXjvlB1Sig35PABdAnYQksMwi6tpHNHK/\nBQRwD1Ad7O71fL9wTZCFEuZk2g3kbv56fFDEBXaw0dRrqTI3csnDiUrTlZR/\nXR17ny6nXIhnzgqIiOvs7gl+IpMm73sgmbIXsXNoWzapTqix1b4V9r/sWzoO\nxxYO\r\n=hHru\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICAwGOT4+nlfx3C9ukQSuB5vBRq3Fhf/0V9j6FN0G+O6AiBVPnXT3sE8oDFuUah3oZ/H9lasOkZ9aXIY0o4EGxrvdw=="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.1.1_1582574787465_0.6249608928074277"},"_hasShrinkwrap":false},"5.1.2":{"name":"@jaames/iro","version":"5.1.2","description":"A moden, SVG-based color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"@irojs/iro-core":"^1.0.0","preact":"^10.0.0"},"devDependencies":{"@rollup/plugin-alias":"^3.0.1","@rollup/plugin-buble":"^0.21.1","@rollup/plugin-node-resolve":"^7.1.1","@rollup/plugin-replace":"^2.3.1","@vuepress/plugin-google-analytics":"^1.3.1","axios":"^0.19.2","css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.9.3","rollup":"^1.24.0","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-livereload":"^1.0.4","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.26.0","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.8.2","vue":"^2.6.11","vue-svg-inline-loader":"^1.4.5","vue-template-compiler":"^2.6.11","vuepress":"^1.3.1"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"irojs@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"13e688bc09671e923c16a006a88a5562e7d0c2e8","_id":"@jaames/iro@5.1.2","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-j7re1SYRatNlSYvgv9cp+jjmH+z3Fi49H91JHkiOd3Bqvku//Rs/4FNeHyf22hH/PLr4BLUYH+NGWIqR7XTn7A==","shasum":"4611daf000218f19869d4c617531d1dbcca369fb","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.1.2.tgz","fileCount":7,"unpackedSize":207003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVXY4CRA9TVsSAnZWagAAsiMP/An1fHjPe3LRK56lfD1N\nPGf+BNUTGE3na3L5TlAj5og8pwQgvtLLTp+8ucLcsJ5XUw/PEU+3k6Ocf/Ln\n6kyaiI/4ddTQ4Sqx4adrLmXkH7rnz3wCg1IoXGu50CdJEHzUtOABwNKeHeAZ\nJnXFQmP2fgBBftE9twaVArxA/OR65ws1IZQn3tvyFwZFxRpcn2rbxEQjzrF9\nHk7y9rkphPZYOnZRKndmiAwcpH9afIWTOMSmdQlgQhpyKcs1+EsN52ceucMa\nm4GDn/y+W9p/+unynzGRQPzkuTHBwa14aJiAXGKfBWR3daiuY6Ly3S2zzl1W\n4itzWaDXK/W4/l6oV/gk9K2j92fSacrC4B2tQ2hBxs8zP1qJPa/RBEsCVSpS\nmCgJXEtpSB0MAO1rrUjfERQGmzMhPIYJgaDXV3L2ASuDXEHuUdWFYToheZ6E\nMqJrJKDwIsc0LAk36Nma4273W7Mt5puXrFLceMOMGCDmQMw9nSE+rC3iY4DP\nLUQ4IzynibMTeYXM/FbXpIgrB4B4loLmZx0YAGscuTLxTFzYxErWXxVOIpZ2\n51IzLm/FsmZ8ADUgEjmqKPiKsJ44ZVyQ9GYMNBX8plU8Qn8dRQgfVvWulljR\n7sUdGsPgQ0KwsJ8XZNUzpzqJa8EMU386GKJSgzkIHv2CTj6+Mr+23mXwYQGv\n7++S\r\n=brAd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHiGCDgffkzWYNkKtnClGvCktVu0/rz53xpRUAHfbL6oAiEAhk6Jx8cGF0ng3P8U8bn+DsuA04eghSPFLg5z24J9Vzw="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.1.2_1582659127272_0.8261403502373739"},"_hasShrinkwrap":false},"5.1.3":{"name":"@jaames/iro","version":"5.1.3","description":"A moden, SVG-based color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"@irojs/iro-core":"^1.0.0","preact":"^10.0.0"},"devDependencies":{"@rollup/plugin-alias":"^3.0.1","@rollup/plugin-buble":"^0.21.1","@rollup/plugin-node-resolve":"^7.1.1","@rollup/plugin-replace":"^2.3.1","@vuepress/plugin-google-analytics":"^1.3.1","axios":"^0.19.2","css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.9.3","rollup":"^1.24.0","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-livereload":"^1.0.4","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.26.0","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.8.2","vue":"^2.6.11","vue-svg-inline-loader":"^1.4.5","vue-template-compiler":"^2.6.11","vuepress":"^1.3.1"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"irojs@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"3680162773d674be2a24c42c84840ae4636dca24","_id":"@jaames/iro@5.1.3","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-VCnbveFiDwoYOdFgeKdxwilrr87zr16efwusUQh5ILAXQSoDc0jB8cJLOm5MR8S69ERvWaLHhUjSI7HXpY49GQ==","shasum":"a47791fc8be0e65ee60d57470d99ae39114a6503","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.1.3.tgz","fileCount":7,"unpackedSize":209022,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeWQNvCRA9TVsSAnZWagAApmQP/R6NO3yuolM3K7IIQoGK\nLZrGOYVP9GM0xrZ8hkFFPFVe5txXAfxJG4XnPaH8j8TTyZy82Pr3vsJwfX6E\npAcqSNm+jrtpZHhT5OuAp+CqpIegvCFB8RCOM6/lIzXTp4h3dwZJhytRaZWX\nmHcrFbxvNXIHicsBHR4pubQeT5Qsph1IciYEj8eV1pf1lYQKfu8Nycuu6eIl\nMTS1aW8YyIRn7K6DkKtUzj9Me/m+F0v5io4D1TQJRkqxQVFkIpdf+6SvrTGy\nQbkvCJnfK9hg0PZXUdk6WWXclxKI1T+0TJemWRBV9KRVgIypArMAUKfnjseY\nLER+wYWeWlqomHWO7ZJkoZ2BeJhHnUH2MBx5WbXhb6b8E5h243PMty5mFXeq\nADtCvKoRvL0DNjSbcpC2QpMrqg1N0OIKFwEDrmBhd+ZKknRzpu65T3FK0wIU\nwMRf9iJRLuiZhQiukLrT6ZQCzhAfmW+SxSBUQjH8YOUy3kinEJyKSeJo3mLV\nzs9pEKIw+aL+deaB0nBK+U6or6qmPlZOeRQxwHzqox6CfMzPpyNr/aIhKfgP\nmBZLBf6TZL2xyyY+MaPy2Af79WSu8moLEs7GG5UqZzE6GspJOnUHfA96C6I7\ncLyMZlqb+Tceb/SPU7O2s8Qj9AIICKWBUguJ0GqpLxzIjpKgETZnB6AY6lC3\naBgj\r\n=jp8O\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFdytlNoIB84saSZaJlTQW29B/W5B134G4v8Vxw6UN/7AiEAyhf9GDa+bI3xI39JszVwi8mvYOe+usivgBJJpaudFpY="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.1.3_1582891886492_0.46869258467531205"},"_hasShrinkwrap":false},"5.1.4":{"name":"@jaames/iro","version":"5.1.4","description":"A moden, SVG-based color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"@irojs/iro-core":"^1.0.0","preact":"^10.0.0"},"devDependencies":{"@rollup/plugin-alias":"^3.0.1","@rollup/plugin-buble":"^0.21.1","@rollup/plugin-node-resolve":"^7.1.1","@rollup/plugin-replace":"^2.3.1","@vuepress/plugin-google-analytics":"^1.3.1","axios":"^0.19.2","css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.9.3","rollup":"^1.24.0","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-livereload":"^1.0.4","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.26.0","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.8.2","vue":"^2.6.11","vue-svg-inline-loader":"^1.4.5","vue-template-compiler":"^2.6.11","vuepress":"^1.3.1"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"irojs@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"ca56ff77e3e078e40beed3415c691a3682aa9049","_id":"@jaames/iro@5.1.4","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Ju64UdwRsuLwVNFlZhP9kMKwtJ+3z3/2aeDGsiLyC9dVycDLf38HEzWDm1OiQbPnqYfERDOVK4+Eaevza6TW6w==","shasum":"1d80e26f218b7916786014e094d9782f4847b3ca","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.1.4.tgz","fileCount":7,"unpackedSize":208663,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeWsYICRA9TVsSAnZWagAArIcP+wWPuQXxjCj0EOi8TgG/\nSvJf6EsHYIPhgEKnCgXafc+riNsDakond5uDDyBkhmSctzOAIrLW8UstHBse\ncJJEbKIvmUDRBTXchs3uzoek5c+uWFFLZPdUznuufq3LdGpYP95FZsVudFCm\nKEm9fcq/UAZhfIMOBWlg68dh7Y85rEyjbxIvkxoSYbsGZtnPsqkOYWak1m6L\nJUudzzL6iYNbrfROF8QGchtFTVVFQke1t9STN0oK4SMFMeduHc7eibawpvmd\nLMTh6B4n0PwwqHq+bNUEwvi2IF8qN0/aGRZCS7qwiLZAokV/ivFFfooRaH35\nDTbFgyX7zXgnv5wsm89/+gMNJ4FloDrSmiRzEmSD325y4jwOVALIOA3VA+dW\ngGYyDR/8f4UDYJf/0Nst7z76kvESJFu/UPXKwNXFK2/bT+zUGCZAn8d6MRFm\nm/jIaUuFBwfPPtWM51kGhMA1l2YDj37V6gMRT/iUnzgiXnRNPCEd/lKhpWWE\nPLOppAuI/9itYrc2zqQX4drrcjGi3GrMO27eRh4AN6WdnJNZ4tbMpV/Qf2op\nyz0VzYiaL7zGntbM9butR/SxhkjlHSSetROfPqP16qoP2qCrWTJi3Aljb1uU\ng+rnQXF4psLr4hp3K0BApaOe7bz/A8F/A3TKvwmaZBfNpX8y6juHKJHnXdz2\nUx9y\r\n=2UQ4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCQzvzhw0/NSUFE5v2aD2nAaiQImax2Bcf/ir7+9aJLcAIgKlUhqzBmSeFZshw7ixqrwuo9hUEWPlxprAcoJ7VU+SI="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.1.4_1583007239969_0.3690726471905208"},"_hasShrinkwrap":false},"5.1.5":{"name":"@jaames/iro","version":"5.1.5","description":"A moden, SVG-based color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"@irojs/iro-core":"^1.0.0","preact":"^10.0.0"},"devDependencies":{"@rollup/plugin-alias":"^3.0.1","@rollup/plugin-buble":"^0.21.1","@rollup/plugin-node-resolve":"^7.1.1","@rollup/plugin-replace":"^2.3.1","@vuepress/plugin-google-analytics":"^1.3.1","axios":"^0.19.2","css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.9.3","rollup":"^1.24.0","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-livereload":"^1.0.4","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.26.0","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.8.2","vue":"^2.6.11","vue-svg-inline-loader":"^1.4.5","vue-template-compiler":"^2.6.11","vuepress":"^1.3.1"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"irojs@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"2d401079dcfb531cf180545e1973114119f2ac2e","_id":"@jaames/iro@5.1.5","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-mV9rofbS2sClVbWFRI0wf4EE9QGGK1Fo5Vj7sQNJQNYHOhDzfByYI1RP5XSJsdm/ZBlJFJqiWXhiAFLyb2AODg==","shasum":"ce02b41a02b819e5b17b9393e7328f9a9375740a","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.1.5.tgz","fileCount":7,"unpackedSize":208146,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXFAVCRA9TVsSAnZWagAAzMEQAKJtHI/MrOeSOnkOVCZA\njZEhbmz116sL7sPt0ow+B63m+aLa9HG8O9b2+Etqnn/vxy+yAs9YTuRXz+o8\nu92vhsAlB+VZwLPIZYdV5eShYUTOFGRjRCx/hj+voA+1dCCELy7f84G12wG1\nS5JUA3BR9EMpXVIZuDdgJAymQilIt4n5bOn8qZAmKhvZncqwJybsPbM6TO7X\nk6Go9ODEdlpAhfZAGK1evLJijO3uWU2H0oSfkcI3D6kbJsTo0SP3+efu0gMQ\nE7CySfRtfIHCFj8ejeMxjLpnYnhymXOdy14T3qW9XB+QVrPSLqx5GtnaBXze\nZ5ka6sObVPqxgDYnewXnYWP+l0u4rKFh+1NmeRxPYoCMK8w7T/26fqq/lxIL\nVe1shiteKV99WHG46wj4JPTSoccE7CbOj+uJXWE4rXiia2gVSnisUAPlNS0G\nKWB4ZjBsvKByWmgFEFvcSCzQohkuAXrsXQYbWy90yBFmGfaymT7Rigvty8oN\nOjHxxfkrCpG0qwitP8BCccQc0/hLroHRHhuG6jTN70rP7hhSh1ltBngYrESU\n0bGoX7y7rcrKJck7yzM5YQTDzNSPFzWLpcbSVJq7saCzt3KPt5dKQST73yYC\ncjMAtX89DeAK3uV4Uf/bb8A/wcTJsPZh56bJtQTxrWa9hMedbTgkyZpdrHKF\nj6zg\r\n=zrXT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID2lDcAAqCaCzRvqB9XvOxkfYmSlh1b0JJ10tTjLz7w6AiEAgvXMTcrB0Xu0JRx+sN9JhPKlKM2vppkkNoHKISVGpWc="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.1.5_1583108116586_0.9380354850190675"},"_hasShrinkwrap":false},"5.1.6":{"name":"@jaames/iro","version":"5.1.6","description":"A moden, SVG-based color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"@irojs/iro-core":"^1.0.0","preact":"^10.0.0"},"devDependencies":{"@rollup/plugin-alias":"^3.0.1","@rollup/plugin-buble":"^0.21.1","@rollup/plugin-node-resolve":"^7.1.1","@rollup/plugin-replace":"^2.3.1","@vuepress/plugin-google-analytics":"^1.3.1","axios":"^0.19.2","css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.9.3","rollup":"^1.24.0","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-livereload":"^1.0.4","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.26.0","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.8.2","vue":"^2.6.11","vue-svg-inline-loader":"^1.4.5","vue-template-compiler":"^2.6.11","vuepress":"^1.3.1"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"irojs@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"362babecc09b7d033f00692b35dbd98100987333","_id":"@jaames/iro@5.1.6","_nodeVersion":"10.16.0","_npmVersion":"6.13.7","dist":{"integrity":"sha512-n2ejz7j3QzMSoGitEPNlO5IicrkeYl9EZkPRYN3fSN8zBfqUsvM6Ch2wldpTEdroSOEPxmBu0nnzps8EqPbI6w==","shasum":"b8b7901f0eb0e2917f6aee7317c1b4d997279fc1","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.1.6.tgz","fileCount":16,"unpackedSize":215545,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemjBoCRA9TVsSAnZWagAAyXAP/3dzffQBkrRKm5Qs2Ajw\nB8K6kvwmbXGe8pMpoGiYJ4fuqT5zc88dLqL1zBynTEvm7na4gFmv2lsKuH9p\nJI6ukNihbnwNgYIfrmpa5uiHN2mRs8dpA+oWEzo/Gjb2GKFVxDy/Jj+QDzkn\nQImTrYkGqT0nvP4d8pjYIJWPlxZGTA6jPL0HjbSAhxzOtV2Iezbvts3jB9Nu\nD20uvnUveg/NoQHePXX+JxrD9+dRIP0OA65o59q9rJDtH6ysHDY3r0ljsaMZ\nD8n+gr3NCrhOodyiUKeVAHqGz2KnpOVsHhi5oGr3D0bsVhXtyNfg8aRLpuHy\nGXsJfLcITVlLr47sKW9oEhBi4HwTO/xU//P8NOsdQ4t4rr4eGtGzgHLy7bAq\nGZVQqrHCZnk8QarvXW5kB/RSIw1eiUVgKlAfT28Le7chaQgA8HCf5mavFvYl\nyKOe/8D7xRhhsZFNvwrb7nm6jW1Jv3SPb35OmiNMbZdFZwP7nj9mAeBJJ8Wa\n2110SvnZmeu99fTXvpJGNpxwt3bXGSIyFoqyFhc2MbSKRwQBXE2NZEAbpMjt\n4vXQ4K97s5H+fXUyGfrvRo5sCtcHWUnmv7E/jz1f0Nkac4F1fDR2wCso/6Gs\ns0RKIsN26Po/rPKeqKuhoVmYPC5jmMZzshL4JPAGDedZ/ILpX08A7N07Lozg\n2ajW\r\n=IOls\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCYlC9qxBsFj8gybWdhOrWUw5XGVcog0TNMlCRcpSaCpwIgSoSfWeFVjKCt9xvGm7E8iC0U1m5RKJYZIPKVkPUIXNg="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.1.6_1587163240104_0.11017586678872782"},"_hasShrinkwrap":false},"5.1.7":{"name":"@jaames/iro","version":"5.1.7","description":"A moden, SVG-based color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"@irojs/iro-core":"^1.0.0","preact":"^10.0.0"},"devDependencies":{"@rollup/plugin-alias":"^3.0.1","@rollup/plugin-buble":"^0.21.1","@rollup/plugin-node-resolve":"^7.1.1","@rollup/plugin-replace":"^2.3.1","@vuepress/plugin-google-analytics":"^1.3.1","axios":"^0.19.2","css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.9.3","rollup":"^1.24.0","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-livereload":"^1.0.4","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.26.0","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.8.2","vue":"^2.6.11","vue-svg-inline-loader":"^1.4.5","vue-template-compiler":"^2.6.11","vuepress":"^1.3.1"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"irojs@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"ed6934d8e597113ad74d4630adb17a81b6495ddc","_id":"@jaames/iro@5.1.7","_nodeVersion":"10.16.0","_npmVersion":"6.13.7","dist":{"integrity":"sha512-uHFsCQf8Nf4hdABy3mJENYHlxVfS2nXPttF516kUNtlBXBLY31Q2sQBUXO1103YcqAuB70InL3tv0i9ndTAARA==","shasum":"729389297014e9621afa684b7c4235a3c47fea87","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.1.7.tgz","fileCount":16,"unpackedSize":215678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeo2gGCRA9TVsSAnZWagAAlpoP/1KuETHlLbPb+JuRW7mI\ns6lxUOMIXgXmPBvXsYr2tSKyH6dZ7rlABktzrSJQPwWJEwsikofgvkzpk9G5\n39AaY36yFlAwYAasM0TkpiQ0kR5DaotxEbPAIZW2LhQEcr9HBUdiBo2HkT6M\nwcacVeG6OURlm11sC3PVBAQe/W7iOKRA/sUhb/RjlTAYETFQC+OfySiwB/gY\nkw9K8XxntOSyIuBpzBbUWpWzkX0UTYbU51Yt5xEM2tOi5UJMahQkbcwnyoKz\nXEizbUfdQNlzOX/DmZqBIE8YQbxamJkbBUZ7EQyuZKh6kxtdoAlureQZbwtX\nW42Imh2v6Y7yXHrQRC8D6E87+/K+uBa1chTIJrNOuZDHqKxngzbyLyA/yajo\nxM3xNzZCsiwXGIya1hY5u0i/yQe8TcdJbz+42q8gvRhRWyPtBcQGTyTGEmHs\nsF5aLaX22f+zSB+G69y6UDEN5oMhaYoOwqbZZxMbXuUItYAvG+Oqd7OFp2Dz\nQcCwN8AP0huqbONf4FAmDZWBPc5EhAC0r0ogWSUVTaPoITaSOGBTzXjRK455\ndcBshbOUL/tk6gwMCt/HbkQLPCPDa0kth0GpQWTNrdkM6YHHbmVBgXoPsCEA\nTrUW9f4m3M9+mCo7i6dRUdCsV2gw79pO8sSHIV1EnyXOifhOqgVuL0XbiLXr\n0SBe\r\n=C5f0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCmOaf/lDu8mZ1bm7d20jyhdRGcJ7C4Bt9nbw15MOU+gAIgRSYrtYE+zgv6M8u1r0DmhCn5GB5lfFUUdZgSKhY9KH4="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.1.7_1587767301707_0.8618071559439211"},"_hasShrinkwrap":false},"5.1.8":{"name":"@jaames/iro","version":"5.1.8","description":"A moden, SVG-based color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"@irojs/iro-core":"^1.0.0","preact":"^10.0.0"},"devDependencies":{"@rollup/plugin-alias":"^3.0.1","@rollup/plugin-buble":"^0.21.1","@rollup/plugin-node-resolve":"^7.1.1","@rollup/plugin-replace":"^2.3.1","@vuepress/plugin-google-analytics":"^1.3.1","axios":"^0.19.2","css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.9.3","rollup":"^1.24.0","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-livereload":"^1.0.4","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.26.0","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.8.2","vue":"^2.6.11","vue-svg-inline-loader":"^1.4.5","vue-template-compiler":"^2.6.11","vuepress":"^1.3.1"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"irojs@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"97eb523f1a732a22a5a0e6231993bc860ed017a8","_id":"@jaames/iro@5.1.8","_nodeVersion":"10.16.0","_npmVersion":"6.13.7","dist":{"integrity":"sha512-jsFNYbbSVDQojo9WFf54HD9QxF41FQiPDvDx3wDTLJQSydlbhCzTiGpOSrPNsCfWaqHVuq8QEStrbsXGQOhDlA==","shasum":"60f5e8a4e56931f0b195fab8c8baef6f73fc10cd","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.1.8.tgz","fileCount":15,"unpackedSize":215979,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqaetCRA9TVsSAnZWagAAVNkP/jQ7hwk34wHIh5HGlRVj\nbT7cPHvPIEtw+dSb6eEilQJaYxKd00AEc5g7uE4bY/ubzflRbrxHMCLzMyKH\ngLzl3PmlbRip+rTTVg6/2DMcta6RL66wYlUXCVJ+Ep36e18RObHJW887dGoL\ndxB8bbqEyj/WoVNwY4IAvxFe6jERG1+W9qYyuf+FqwnAcW52l04bNMQZIfci\ncL8BE3x/eJenO2iTtJg9fknjdnVKjy6GFULlRglC8OmW2WNe3zpzrF0woE/b\nz2Ia/MkjgsLt1w6H9l0agJqt1RXVt0RCQFSoNQdPHCrdnoPukgUZM4Wg/K8S\nL6b5w4PTDpnU5TeKhbCVcI8eEk7vlM0CqtvCY/cKd4INLvg7+sIR2twWmVPe\nuf9vgd4mV3kSJJiNxfD6rBQcdXhyHBty+pR02FmT6/yvX3EJ8jWCrO8dJTkx\ndLwMfg492rYv0CoXW1uFo/LXiVbbuQGEwSeVKbrr5zse2wBg/mCGLzJIysHs\nmYr577L+TKwdGFYdPeJkue8jsFgMf7iTzB1q9MuJMtekX90b+pCZwBA62Xkk\nfuLNRGs38pcLBjYOitxESBI8Gsc0NnD8udyTF0Qn1jnAE9dJXaLq2sCx1Kaj\n2o2chR2qg0t7sYX7WlRPv11CST65JKHwlSNpx8CrPlWHCCYziZciKI41pHJd\nl0J9\r\n=b/PJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDYa3/9bAwjWInGRfzJdDFt5Zftm5V0KyP6+4Q86h2H9AiEAhPDHECM/AtGjHGnezYUSaLR5zFoqjOIZJOOtpCWhcLA="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.1.8_1588176813009_0.1882817121542808"},"_hasShrinkwrap":false},"5.1.9":{"name":"@jaames/iro","version":"5.1.9","description":"A moden, SVG-based color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"@irojs/iro-core":"^1.0.0","preact":"^10.0.0"},"devDependencies":{"@rollup/plugin-alias":"^3.0.1","@rollup/plugin-buble":"^0.21.1","@rollup/plugin-node-resolve":"^7.1.1","@rollup/plugin-replace":"^2.3.1","@vuepress/plugin-google-analytics":"^1.3.1","axios":"^0.19.2","css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.14.1","rollup":"^1.24.0","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-livereload":"^1.0.4","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.26.0","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.8.2","vue":"^2.6.11","vue-svg-inline-loader":"^1.4.5","vue-template-compiler":"^2.6.11","vuepress":"^1.3.1"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"irojs@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"ddfa68972c69b91cd7b21b94589499b13eed189c","_id":"@jaames/iro@5.1.9","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-ELG3/YJtmylQ/i1JZ35CBni9OVgWh+yz3RUR2bkr8xArYEK82cvg5pAXI7RUiUUulZ2vg9K8lJ7Vgjxqzx1gbQ==","shasum":"a48a1a9ce8c905687806df8d7793541d7b329135","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.1.9.tgz","fileCount":15,"unpackedSize":216792,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJIg8CRA9TVsSAnZWagAAmOoP/RrP7ot8ccp2b09Ztyj4\nHvVDnT2p2ioPoK/5ICYCOqkmA1fcajOvog16y6QwLX388m5PrNQLTHj3RWO2\nLl7eTk6gp8IAVvhgmjWTk81KyVx0PEI9h+0W7952x6Bx/tcpy8TvYkUXmwMs\nUbKlO1nwTsHew21WEf4HcArIzN7t9OD0a97kXbqM//ESh/++hATLkFmTzNhJ\nRaOdpM2ats5krhWFpw6CdYt/oB6tSCFb9b4QO6Gt3g3eEJLs+zNJbmp6X42f\nWYhJOj20zQVsCqwTCE7IjktTR4IQ++6YYcIn95OCedQ/UOzk7Jzf/XpsXzAC\nTdB4+lTCdQOWfSqLOo8FetNB9DOyk0aqe4f1WD3gTcIFs1tz2JtEe874qxJr\nxYSeK3tGf6qXGvqdoUIYg5PMdII0PpfZfTy3Lp+rVMAdh3Notjuyre/xaLs+\n68dHWTJBsFdbmGx52uE0rcXxF9Uq/eqrJUcv5qDZIxfx961B46vO7jwetiOw\nvpQjobF6/yn8iR81Rrhyhs0TIYWfTwmHMvi3q/+bcUX92rGi+y04wcmhiUJ6\nH4JhxWfu6DJYMoFJMu6k1OKOWo7xpbbCec9cseBII9/BfQs64AivmmsFJveD\n3iboQptYaPEgCR5hIHlE3qxe+3gw5ihlu42XTqGwD/LagcvAgJOXQIS9vrEG\nBJcB\r\n=UDv/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDvlchwoXc4U200uLVLGUBX59XCJod+ZPhvpJmCtrys0wIgLwYiwFwDBrgmi/OhRNPZZpf+SP9I6qKTN4ivjE4pM9o="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.1.9_1596229692032_0.5473165324166667"},"_hasShrinkwrap":false},"5.1.10":{"name":"@jaames/iro","version":"5.1.10","description":"A moden, SVG-based color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"@irojs/iro-core":"^1.0.1","preact":"^10.0.0"},"devDependencies":{"@rollup/plugin-alias":"^3.0.1","@rollup/plugin-buble":"^0.21.1","@rollup/plugin-node-resolve":"^7.1.1","@rollup/plugin-replace":"^2.3.1","@vuepress/plugin-google-analytics":"^1.3.1","axios":"^0.19.2","css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.14.1","rollup":"^1.24.0","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-livereload":"^1.0.4","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.26.0","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.8.2","vue":"^2.6.11","vue-click-outside":"^1.1.0","vue-svg-inline-loader":"^1.4.5","vue-template-compiler":"^2.6.11","vuepress":"^1.3.1"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"irojs@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"3fe3ce13588d8a01bd7aa33a38b896be774504f7","_id":"@jaames/iro@5.1.10","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-FGCOq+kiJyE2y+LxjFEL+Eh/REg4eIIPpObedl2EmMst00KO0eWZLnoWvi/yI/fUl43outGeYyfmdmm0+CVwnw==","shasum":"11b17e4e13fdccfd8ee235daa779cbfcf4201c36","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.1.10.tgz","fileCount":15,"unpackedSize":218518,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNvZfCRA9TVsSAnZWagAAHsAP/38C3yL3ItIItbhzA0Je\n9S+2OA+GL3WGe9tigwoCIS0bbnxVVEXg/2UE8rXMin+sAZPtTJGcxiqAIFW2\n+f2XeX6pmYgSFt/SFY5gPLlLyt3kYZ/W3tEulqTmXC4BoQst51rKg//tOS/E\nCZUIY3Q4Pb8YAj139/wodwjC/PeYmZxZGyINLrRkVRtddccRYSPC6ugYV+ep\njRmaELwRdmcxP6BBxGh2UbkcMSfSsIyEkDeltqGOduoXcCPiANCE/q1i8F9D\niTBZ2xGEhr+o3TzFcFob32ql/Mwa7vCZngxWG09au8728MmNyQ5iJltDYwDP\n6qSQceC+se90gKlRUG7esdf8R8EvdGc0Oxh45Dku5qqIrjCIvTK27wN5vb9T\nAAmurphfPH/OgN7Gg87AdfCZKKllCPU6mklY3uSOsDug8zepIJ3GXQj/Z0QI\nu9FUMOD3/VlO4cNkeIZwkUAPo7w5BWL5YVF6aWB+sY7fNwAPgyQy1U8XluCs\nbQ0+unpKmGIO9xMRmC6wgcZhCIsh1KHd7njL0QY3z3CO75Nx0bPjPFutBYup\ny9L0PHaOiaQsZdYI250MBfhwPVRr7BpAv8r8oXFsKscLcxaYPW1uD1G7xG1O\nO/reBLyMyw2ZdZy958nAylpkFegpfrbcSy7+Y2OV9ZSPBwytNGUQRUdPUSxs\nHtMn\r\n=+q4y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCgOXQE3ZK9nkb5nEz3IjDm+IQtpY3Tyv5CfidPFDOA6QIhAIUhYc6iTghznqom4dd8qWgVbRBwdH33X42HeCAquSMd"}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.1.10_1597437535160_0.46275918098346436"},"_hasShrinkwrap":false},"5.2.0":{"name":"@jaames/iro","version":"5.2.0","description":"A moden, SVG-based color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"@irojs/iro-core":"^1.0.2","preact":"^10.0.0"},"devDependencies":{"@rollup/plugin-alias":"^3.0.1","@rollup/plugin-buble":"^0.21.1","@rollup/plugin-node-resolve":"^7.1.1","@rollup/plugin-replace":"^2.3.1","@vuepress/plugin-google-analytics":"^1.3.1","axios":"^0.19.2","css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.14.1","rollup":"^1.24.0","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-livereload":"^1.0.4","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.26.0","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.8.2","vue":"^2.6.11","vue-click-outside":"^1.1.0","vue-svg-inline-loader":"^1.4.5","vue-template-compiler":"^2.6.11","vuepress":"^1.3.1"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"irojs@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"f897c8412e585b9e542817a6132c58468e126b0f","_id":"@jaames/iro@5.2.0","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-j4t8EwXBS3gBY/rnPQoyB1pkylpkOIKOivvzSmRvDMg+8+iXZ4+cbgrD/B74VqxFbyePs/atLi5ugBuEm72M6Q==","shasum":"fd1acb711fdc70f3387f6d6c930dd0617f0113bc","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.2.0.tgz","fileCount":15,"unpackedSize":222280,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOELnCRA9TVsSAnZWagAAaegQAIrCA+PNFiZGIAxAp7Gt\nc0ehcDr5OE5C0k/sMvzpoIVSLenn/5W/iumZj+d+arjKVilNwRCLmgpNd6w2\nipLJcA5BkXt3sSMQg8LkFUEcNXttkmpaOM8IcCsHPK8Q5DPfVsuLh2U8lX4B\nZl1upPzZwX20tcSO6Mbsv0do/PmjBBA5amQmxybHVkBTVdvBtpJek0chxJoc\nVIOaeKBVYtK4UkavopkS5WZN7EPuzNPpeLX/rSj/MWnkMMfKl9bnKXi+vg+m\nhDxfW080yfSvLyRp+A7x36rvwjgoU/BaxSRNRU9w2RcfIG4AxPVM9ov8H2YC\nrDVX64HmGy6Jc5EMPuePLh+nhsVgk0lKZZM+kqX7jSmIJEnEDyLqTgHwynTW\nkLV9wouNV0GHzq1pKId2hY13KviVEPGZk9CvFAf6fK0mXGms/d6TzT8nypTg\njf4FISaI8Wh/2CLMESNX9jq86eqxtsNQraFjFGBGkBpKNEUWf/U5FlkFVfcj\nhTsIopvyYJ4eqbPlW7NBsGC+bv6wOr67oIpTKBEfwNQ0CMZNPLH1ZRkQcMfB\nUyKxhspGGvx9/8mAZW9QV/yz6YTx6lP3/0Wt3jcfTQXyf0UAMI8X38zDNDZc\nfO8y05cN5eNzo/6+zt2BtAHWP82OVwWXl6sP8ffIfTYxC/YeNsJPsFSoWsxl\n1PUx\r\n=JUGZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC7yfTFEuAS/UAVdZrcjg2ASv7zdW9PTb10SXOYHKYgQgIhAMNvxV/nDAPoD8J0leY7pFzSUHL+FUExTTjMlBqAUsJM"}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.2.0_1597522663531_0.08621166523610624"},"_hasShrinkwrap":false},"5.2.1":{"name":"@jaames/iro","version":"5.2.1","description":"A moden, SVG-based color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"@irojs/iro-core":"^1.0.2","preact":"^10.0.0"},"devDependencies":{"@rollup/plugin-alias":"^3.0.1","@rollup/plugin-buble":"^0.21.1","@rollup/plugin-node-resolve":"^7.1.1","@rollup/plugin-replace":"^2.3.1","@vuepress/plugin-google-analytics":"^1.3.1","axios":"^0.19.2","css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.14.1","rollup":"^1.24.0","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-livereload":"^1.0.4","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.26.0","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.8.2","vue":"^2.6.11","vue-click-outside":"^1.1.0","vue-svg-inline-loader":"^1.4.5","vue-template-compiler":"^2.6.11","vuepress":"^1.3.1"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"irojs@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"ad3dfea03b9f1de2f4014c9bba8c75cb55424596","_id":"@jaames/iro@5.2.1","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-nbc0w4VKne8DvSZ9MBnheWi4ouBbcHCC05VaJOr0IvUkRjnlzoY/E4ymaj+Uhbfjxyj1NxvgL/ajowuvT6H2iQ==","shasum":"393922280fd0e42965ff97cbe67b731765ddf7b1","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.2.1.tgz","fileCount":15,"unpackedSize":222678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRlv5CRA9TVsSAnZWagAARUUP/i/m8gGgt5hEcSzncQbp\ngREcvuXc/F5TR//USOtfg8tnB17j6kgZ8z6nMG0RMP0uErt7TSpTv9fNvn5Q\nIbx6SKNCZUkv+QxW6D7Tsi5IelTinDq/nAC9uK9gLxGc+1s9aznoT+pJgblR\nJsA+LJa7Kc1S2IPTfWWIQT8/3QEWgeSuIW1sIU81r3SCfmaJxfTSh0sna7mY\nWIxUQgSYacul50mGG3nmYp8iRXXijXR6bYN15x1VjriGY45id4ZaDtMGwKnm\nQw4vpEipFACBYsYuEyAryeqIMfGmFcBBab4rPhpFasjk0yIZQXHRuJBHqgbj\naTlIfcRpOF/fwmYMAh8yXFVjKfDXRs3atwd8BsKkCaPS8xvPbyqaO82Fuh25\nmEoNAHAjdkD/LQokKayx0v0l6gjquhQIkwLcfTMOWSY6kGNVlk79iQMdoI6S\nqvX98CrYP15OCAkUfK47LqOU2XZNKRc06KnVyfGSfFu3odnNwcI5sAT6gfS5\nTIZcXBan3vClVKuZyteemVSk7Sld+5im87196+CdMCOojgL9YGpX5CK9TxlS\nzAOYswYWPIqMCv+SzWdIj6MU/ZCe306e6M0/PzxlCk1bqhUnLpE9hJF71kNy\nErULwg9X5wk42lMNp/7nxQJOCqvU+fpvva1T7tSeJuAo3A4E4yHWf/G25Hp4\nqNSg\r\n=Lkz7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDEUePxcQmJwdXn25PoES6/7O1qoujV/d3Hlf9Xo9WkTAiBDKUBdDM9em5fej1PBgF5S5LlnJjTiZtBAeGTRyoBiiQ=="}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.2.1_1598446585140_0.25308698592025425"},"_hasShrinkwrap":false},"5.2.2":{"name":"@jaames/iro","version":"5.2.2","description":"A moden, SVG-based color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"@irojs/iro-core":"^1.0.2","preact":"^10.0.0"},"devDependencies":{"@rollup/plugin-alias":"^3.0.1","@rollup/plugin-buble":"^0.21.1","@rollup/plugin-node-resolve":"^7.1.1","@rollup/plugin-replace":"^2.3.1","@vuepress/plugin-google-analytics":"^1.3.1","axios":"^0.19.2","css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.14.1","rollup":"^1.24.0","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-livereload":"^1.0.4","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.26.0","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.8.2","vue":"^2.6.11","vue-click-outside":"^1.1.0","vue-svg-inline-loader":"^1.4.5","vue-template-compiler":"^2.6.11","vuepress":"^1.3.1"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"irojs@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"eaf701c9a9e550a0c196a2f3d4413be54284e334","_id":"@jaames/iro@5.2.2","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-0t+6vHCu64A+4XsNTjIwBq8RjnCEHvOT5p7haFRPKpyZ6Z2kO5ZobWxN45OxqM+Qif6iyLdMlYXJx6xE7RN5aA==","shasum":"8f0d024e41fd92320f4c8c5086cce25faaf2645b","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.2.2.tgz","fileCount":15,"unpackedSize":222741,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRts1CRA9TVsSAnZWagAAnKEP/3YHkyD5QovA5nhbiQ/0\nOwTc1JWfVcACI0idfYMEwlPB8TxXjCFN1BEhQ/pgNnwBL3qJSnhCRJF0Y4xq\n2RerVhAzGxFiYXc/pKi3D5x41tuj7KW6Lqjw8zDTkO540a6UUIv+mi4Bx3YZ\nQCaAyUqh2GgZv464/r5WolGwLdK7A4tAcuZ7fMdunnbOaMapBhIOytcK3mJR\nJYGPW3XqmzW2V5kNxNAfp5L0nmClEgZjCwEg/RZT3C+OrVU09S4ImqhKfik6\nEikmGk13wBnnHu8vWrFCxLh71fSZ9hGMPbhB/Xtg6VGPwcnI2jDPUEp0sNaa\nXEaZrdH4jweXhfKE9uUNPeQbljVpUvAFs0GJm0vaCZkI3OgkKgozQ02flaqN\nRpKf2rteB+8N7jRBjOUvV+HjPCTPNVfTLKV549c2//XzShD6YYMySyfZ8GhX\neu0dZ27VN9eiJqhqpyJraqogNfbtGiXbWKLGzfe23v7/otX++mJc7d/0blH3\nfv860C9YfYWDPcfI3D1UCF6FKjaiwUyPynjrtDTC/Z2T70hWYzz3EBATA7jN\nasWaAEGWsjb8SR/OFi0DOjr8QxXjbzzFwMXWTGs5adas0H2wvan58gp1gCSs\n0V6Ns9DLfpcsyDwl1f6IycEa0kOh/NA9w0t/VSUlaudtDV9OrCUVR4Bt85Hj\n4Po+\r\n=+Vpk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDTheFu0gAz8OreY5zbp+X+L8jmyrM9sAABM8HXvzbR0gIhAJmhkDh6B2ciuq5SA8X2ydINmPVOF9UK1ExWlTRgVY0I"}]},"maintainers":[{"name":"jaames","email":"whale@rakujira.jp"}],"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.2.2_1598479156713_0.5923538079485327"},"_hasShrinkwrap":false},"5.2.3":{"name":"@jaames/iro","version":"5.2.3","description":"A moden, SVG-based color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"@irojs/iro-core":"^1.0.3","preact":"^10.0.0"},"devDependencies":{"@rollup/plugin-alias":"^3.0.1","@rollup/plugin-buble":"^0.21.1","@rollup/plugin-node-resolve":"^7.1.1","@rollup/plugin-replace":"^2.3.1","@vuepress/plugin-google-analytics":"^1.3.1","axios":"^0.19.2","css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.14.1","rollup":"^1.24.0","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-livereload":"^1.0.4","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.26.0","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.8.2","vue":"^2.6.11","vue-click-outside":"^1.1.0","vue-svg-inline-loader":"^1.4.5","vue-template-compiler":"^2.6.11","vuepress":"^1.3.1"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"irojs@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"25921cd190338887cc6403226dd30ee437c6f1bd","_id":"@jaames/iro@5.2.3","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-vMPMsaHaEFRyV8dGlVAeoDfpQZhFDkdI5S2HmucETsMX+F0P7FIW3sojH7Vr3/ABc4IWRpb6GL0rVHkvhajFog==","shasum":"d5991044d8ea084f5e80925f8d0b968ec79d6520","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.2.3.tgz","fileCount":15,"unpackedSize":222955,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfVpAtCRA9TVsSAnZWagAAcpwP/2D9XS78W7l2RhgVJ6NB\nRcdi7qXvMMrImyAWLzqjOaPnaOMZ8qFi3suYRTcOvmfVtKV97Tn3Ghok+jNL\n7qqcPAAYzODJcaBLKlDKP1+EtNdeXsewNOckmkALRf5CNH1hjZJZiV3wTtOz\ndZmM9H+5GExoSVD6Rh8KASMSyDmJUCeX8sFilcWKIaFqtHolOBs3M7EeNzHv\nJPYh0KE/EUroPYGeLuQK7+RTNZFBOpLk7dIeK36MNRZTDjEesljMOoqdspTM\nuenlHlruEvsk6cIrsfHd+Bi8xR1xalBXNnct474KCdqzYdtUKPIyTA6fWg2Y\nTEb42HjIE3WajAvAOQYSHGx0FyofJVElF0LjA3P9xGjKiDt6xrsrBhsuJ/LP\nSy9r7i+2G4Arj6F/R6Enk1I1y18qKoWNHuooIZXEGJDfdT4iItca4WhM/ezC\ndWHdnsNVvlKCQ3ZOQTBDd15fxPXplPzzC0RxoPUNzI4hJyo5zagF8kN30pRq\ntCAfx1Qc/Wkl56ou+QzW7yUP32W0T3tR1z1PoWe2oinXrucYWlrpoPg58Wsb\nPV1yXZNn48nuzExMqH3jVpLaAUuZQOs/fI6Htuy2Hkld5Y2zQZwJcgRbov8l\n/Ywmn9JyYslB/f9seqlX2xFZOUVrxmQd6DTuIh/L6KZh5oMbRjO5NvcfP+SZ\no9ay\r\n=dOI6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFoWj1Z+QiXq6Lu0H1Rgph8re+iJa7i8pIhTo56Nq85QAiBMGi0tWdZ3BLxvU678sLHCaRLtqzpHQ47aiMXgg2gDzg=="}]},"maintainers":[{"name":"jaames","email":"mail@jamesdaniel.dev"}],"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.2.3_1599508525381_0.6219813684857778"},"_hasShrinkwrap":false},"5.3.0":{"name":"@jaames/iro","version":"5.3.0","description":"A moden, SVG-based color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"@irojs/iro-core":"^1.0.4","preact":"^10.0.0"},"devDependencies":{"@rollup/plugin-alias":"^3.0.1","@rollup/plugin-buble":"^0.21.1","@rollup/plugin-node-resolve":"^7.1.1","@rollup/plugin-replace":"^2.3.1","@vuepress/plugin-google-analytics":"^1.3.1","axios":"^0.19.2","css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.14.1","rollup":"^1.24.0","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-livereload":"^1.0.4","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.26.0","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.8.2","vue":"^2.6.11","vue-click-outside":"^1.1.0","vue-svg-inline-loader":"^1.4.5","vue-template-compiler":"^2.6.11","vuepress":"^1.3.1"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"irojs@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"9b69398bbb019c34810258565fd1931648b36e25","_id":"@jaames/iro@5.3.0","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-hbLku51Tup0pydXkfxx/nTYd1EQRSILW3NjxRU+xL43XDveG7788rDdnLNBvLNjOKZU0meUBOe0pLxetZG/Qkg==","shasum":"71c3826277755e2c719715aff3a9a5c45d8861e4","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.3.0.tgz","fileCount":17,"unpackedSize":224065,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvE5MCRA9TVsSAnZWagAA3HEP/jfNMwQDndpU+FXr78pT\n5+7oO8cIzC5JzPvOAM28pbNtcKVY+f0VMtVvp/MsUabtRNQjugyZH9/aq2Uk\nIV+6xRph+IhB+QrSoje53RbTkw88MbdSh9rKRCrqKnyYoFhqLIJhRnngR4c+\n+ZQ4TLR2kh08ZPKfheIPjzzrCJd39xVbvJ2ZfFwXNkAhdlXkrObMIfN+zFX+\nqQzv0iI41blCD9Pfwd1MVeVJ4GHU/bRkuPams1vQFFe7z7hQ7v1q1KxdVcrX\ncUu5qmecrsowRDQCRlVZMVosi4r7a/kIoAPax6LU39oTPFW4F1pZmIbOKtEu\ncVKgXiAbOUT2UumPf27KGE08KjSSFoEXqPROs7XgvjK1XcCToRBaVe4/ULDc\nOJKvu9muNEwf3htkFlXzMzmemBYAMbqTL9ml5dfsXDMi3ZiVTYHBolao4iR+\nJr5Peq9mkdOItLSI5c5lPLpX9/gCZjBMb/88MgLVdQk65giveK681CFVGEtK\nbF/FDgvxTqx3X4DaNoCCSDiqf+UxQUcHXRoLOS+pkF3IwL7TidRk6qMtxRdI\nRDh9iqxCl9ZCCLrN7O94eYofgaUbZLRmQ5Crc5pqzNZqOZXes5nb9msaP92w\ngqY98Kr0AZb3nMud0R4T+drQqXvbObg23rFAh30XKJYw+NHVu1q9aLyy6AhW\nOdUo\r\n=h5NK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDn/j1LmVEG8l9ZoQzp+OQtqBknFNwVtELMXHDGOkAeAgIgOKe9ibbbYLS5cU6/GGCRjYsl0MiOLy7lJ0jjHkRlqBk="}]},"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"maintainers":[{"name":"jaames","email":"mail@jamesdaniel.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.3.0_1606176331616_0.80970844680357"},"_hasShrinkwrap":false},"5.3.1":{"name":"@jaames/iro","version":"5.3.1","description":"A moden, SVG-based color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"@irojs/iro-core":"^1.0.5","preact":"^10.0.0"},"devDependencies":{"@rollup/plugin-alias":"^3.0.1","@rollup/plugin-buble":"^0.21.1","@rollup/plugin-node-resolve":"^7.1.1","@rollup/plugin-replace":"^2.3.1","@vuepress/plugin-google-analytics":"^1.3.1","axios":"^0.19.2","css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.14.1","rollup":"^1.24.0","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-livereload":"^1.0.4","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.26.0","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.8.2","vue":"^2.6.11","vue-click-outside":"^1.1.0","vue-svg-inline-loader":"^1.4.5","vue-template-compiler":"^2.6.11","vuepress":"^1.3.1"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"irojs@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"76bc707c5ac8d864aad386b94f5b69c6fa8312a9","_id":"@jaames/iro@5.3.1","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-2mR6IeAYR4a7CWeFrVdvBRH84UdHXtTll/qbpeqfNsL9LROJBxGAK+8d5jXXcjmr+gTYK3AiYDSM1QKP2DkyuQ==","shasum":"b640f4a8bd392c9c1758aba99002ddda94bd6cdf","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.3.1.tgz","fileCount":17,"unpackedSize":227901,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvs6eCRA9TVsSAnZWagAAuN4QAIrYa2QGwaZ7YrriCMvv\n2Px2xUYVK7csArueRNvgB1SRv35K5fpqZKMbqHZ1Btt5wbHbplMVSitkXNsU\nQ6yR1ZuOgwGa/RvU2cjg0S51eTtd1LrAJ2rqHM1mo7Sha9vcHxeJT5aVEZb5\noyvJE8ezCs4C5fD1/bLSHTFFK5Ma+9l1rKGpyZ0AYkEXnvpm0yTjPKbzqj9y\nY6WQlut6DdEDT8gy4VFlpVyQpf7fpuEHxIt3KsGpV8/as1UHWYfFdsEdVHeI\n4Ow40yhfbfxRM3ISm6Sbq/cg5F9HzxJjNTMjHQEWORi4gUNa/o9v54Q4ntLN\n/G0GyAiWtSRBP2XEuaTrFL4/WCXQTSBHi2jxjPebaC+zjY+A3wmReITzqfWF\nTEUfOlK+jgJcxZsV325BbOfah5MaQ1lk4HmX3RgouwfLd2ZucYvOKi8Xw/g8\nhL3h7qFr/xRespfdrDofVjK8pmgS398EDlykowWrsdEboEX72jEkSAVuO9XU\nO8+4ug+pPi1gOGcmH+knN2j9HbZWdyr3CPVUNdsAqoNeYr4AbGzBSXzqpgOF\niL084cJ6jSDqdFEBcg68PBzCMqmchH7uq6efREE/2E6HjNlHEU+AM+KiREAP\noWL6YEhlq4SR+FWkgp+AZE8hJOl9yHkVkxD7tFAZ9lmfWpbuLOQYyqoLMyRt\n/Bec\r\n=4BCp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC9jXI6XdED8J/imaFqEmM0xSPceL8mAtsFnsUEx15mfQIhAMBTPYXxrfa1TtulpvocSdW6Yw1myUUPDwwdXD6TpFr+"}]},"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"maintainers":[{"name":"jaames","email":"mail@jamesdaniel.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.3.1_1606340253681_0.27716638350412404"},"_hasShrinkwrap":false},"5.3.2":{"name":"@jaames/iro","version":"5.3.2","description":"A moden, SVG-based color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"@irojs/iro-core":"^1.0.5","preact":"^10.0.0"},"devDependencies":{"@rollup/plugin-alias":"^3.0.1","@rollup/plugin-buble":"^0.21.1","@rollup/plugin-node-resolve":"^7.1.1","@rollup/plugin-replace":"^2.3.1","@vuepress/plugin-google-analytics":"^1.3.1","axios":"^0.19.2","css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.14.1","rollup":"^1.24.0","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-livereload":"^1.0.4","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.26.0","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.8.2","vue":"^2.6.11","vue-click-outside":"^1.1.0","vue-svg-inline-loader":"^1.4.5","vue-template-compiler":"^2.6.11","vuepress":"^1.3.1"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","svg","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"irojs@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"03a580801e6f376f37f7d8717898d991cc963d16","_id":"@jaames/iro@5.3.2","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-b8/ITsVLEkoNQU7AVsvdn96PSC4mKAqmzAYvcELMr1GMq+G2niUe7dwAn3p5For7l+VG1J7UPJlZdwMlBIl6gw==","shasum":"762e2472d867c236d5c5e9a5fee1f9c0b79216ff","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.3.2.tgz","fileCount":17,"unpackedSize":228527,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLvHxCRA9TVsSAnZWagAAkzYQAI76d3s8VDI5Urf7it4x\nDt1dkeajLNqssivDR+iTFG+2I5KRLcsmJXaJVZ4aS3WbUUBwxHK39x2gz18N\n93s8a9bPlYj1PHYqP9jx4UtR5MfdVAsB2smAqw7rOostTb30ZDs9N8nCIeJ4\nCg2hfobDuumd4crIarmNn5R8bilPr/4SXefRFhu17ICpPD9c2rtFE69DKWRX\nmYQWLhD7xc/6p44bgHAheisPgObjGwv+/Crn/vlB0P3EWA2XL40H8JFuY5av\nRJ2W6OdYlHRRokOBVlsIxRr1hwRQlza9Mc6IMQVBvACEALCCGxagFfDTilL+\nyRJXmLOLoCtzN84w0iOBVQcuO2senO+/Y95rSvvVoH/GnCmRuPZ/fgJJTBpZ\n/2q+aXbqxjEBM7pcIZ4s89q5oqDW49EFr9LTEHTIb6XzqM2Ls7eNIHWqe/kQ\nGHvbbpF5kld4S2TRELHUxHH2HIrk3kln+0nMavLie+s7q5+2mF1oQstqzg8Y\nnfKbpsPWe3oB2KnME5gj6jc6yQsQL94hG8n+6yi/CPyx7fOOQA8lHBIH49X6\nZlTwu0xgkrCTMbAepsNhMBJEDACydTG1qh+/Nrgqcz3t4Ivy8FVCqFDMritS\niA0DLjDx1RcgEDs2vtJujLtfvRSG0nJZTfSVzgoLKdE4RHL7cMdiJvCpFXcw\nwXcD\r\n=8whb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBAyQpCXBNC8wOVRjDDP7bGMW7nBh+NSnpA8NTJbrHSAAiEAmwDAyJLaiwRnTIXdQaa3KhtqZqwATbOUuCZtMKB/y/0="}]},"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"maintainers":[{"name":"jaames","email":"mail@jamesdaniel.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.3.2_1613689328425_0.9393478989152617"},"_hasShrinkwrap":false},"5.4.0":{"name":"@jaames/iro","version":"5.4.0","description":"Modular, design-conscious color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"@irojs/iro-core":"^1.1.0","preact":"^10.0.0"},"devDependencies":{"@rollup/plugin-alias":"^3.0.1","@rollup/plugin-buble":"^0.21.1","@rollup/plugin-node-resolve":"^7.1.1","@rollup/plugin-replace":"^2.3.1","@vuepress/plugin-google-analytics":"^1.3.1","axios":"^0.19.2","css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.14.1","rollup":"^1.24.0","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-livereload":"^1.0.4","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.26.0","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.8.2","vue":"^2.6.11","vue-click-outside":"^1.1.0","vue-svg-inline-loader":"^1.4.5","vue-template-compiler":"^2.6.11","vuepress":"^1.3.1"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","modular","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"irojs@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"03a580801e6f376f37f7d8717898d991cc963d16","_id":"@jaames/iro@5.4.0","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-8FQGoItiJU+sa3kqP+qoBDFKXq67eIeLslk6M8qglONna4LgkABOpr5Z3mlCiR72DPirHsgpJz2o7hFWxfgkJA==","shasum":"e88a8fcc36aeafd9bcca906d7520b2acb32a902a","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.4.0.tgz","fileCount":17,"unpackedSize":225459,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVqL+CRA9TVsSAnZWagAA66UQAICFkVHiqBoBnfo7L/yE\nUBBI8l0mCUHdzi4TwbTOZu+TDN92f6WXrf0NRkaVDcgufp0JThA4p+i4Xc5J\n5prdlNyYgujP8CVl3NZ0eKXu7v4Tkf+LbZ9MfFxyiuLZWEQmiRoGtl9h4B9r\nEYIpYbsfyL/U8+GABFJZwM14UxWQ6plxdSzW9ypee1rHT0g0ngYS8PgjISsI\naq5aCdG7V4oenkCrosfvVjktqgjBGrVu4GMsIPehvlfN0U3xa2Rfu7dck131\ny0nHW6BSAM6Mq4QfFxMoy7q0At1C2pTju0keS/Hw9X6P39ZkGW7x55DZg71A\nW0CanO9xZRCcGKM9WHC4hbyYd6dLzhT+o7dQNzUTxnz/pIgi9l9VrrHMJFRf\nRHXen6W3bSoX9NEIsAJQNR6yXHg2+FsUfk6oagaPMg35bvuoBKkPhKrHWlz2\nrpdpFPUDWfpZNVPzudNBCPPBENPAIvZRQIbudOBdD366stah03XaGAjQMjxx\n0HSpXo45KvX/fZqzEUxTH/WVkJal5zPvEvt3LfRTylCLhv5dlJ+rv6sO2TDD\nVqrYwu5XJ9UZbUlE9ONTPBc+XK6WEOcKj+ViN3sMUs6IComoJRGROsqaol2J\nQr4AgJD7VyMAHn7lJIodFpy1NuE7pKpW9XgDDWr1HSwQQIkSxi+gfTyrKM0u\n87lw\r\n=uO55\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQChpi0lwkOkFCkevNzgiMqEYYSRPAaQPmatX9miEVoSVwIhAN945cu3/udv3VWoAdUsFGhKYujFiI/uumb3oVKUiLWa"}]},"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"maintainers":[{"name":"jaames","email":"mail@jamesdaniel.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.4.0_1616290557625_0.6614259868596577"},"_hasShrinkwrap":false},"5.5.0":{"name":"@jaames/iro","version":"5.5.0","description":"Modular, design-conscious color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"@irojs/iro-core":"^1.2.0","preact":"^10.0.0"},"devDependencies":{"@rollup/plugin-alias":"^3.0.1","@rollup/plugin-buble":"^0.21.1","@rollup/plugin-node-resolve":"^7.1.1","@rollup/plugin-replace":"^2.3.1","@vuepress/plugin-google-analytics":"^1.3.1","axios":"^0.19.2","css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.14.1","rollup":"^1.24.0","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-livereload":"^1.0.4","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.26.0","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.8.2","vue":"^2.6.11","vue-click-outside":"^1.1.0","vue-svg-inline-loader":"^1.4.5","vue-template-compiler":"^2.6.11","vuepress":"^1.3.1"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","modular","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"irojs@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"aaebd26df760c6dbc5695277cc51a291a0bd8516","_id":"@jaames/iro@5.5.0","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-vhSMttBS7dcQ4ZKoZjG8NLxMw3k+48NCVtkfzRoPR4+FnlPmClVxtyYY7CJSZoyXxOkxuUsX+I/w8FbbYekh4A==","shasum":"96acd4fbe4506d29f42895344fe1cb23ca5924a9","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.5.0.tgz","fileCount":17,"unpackedSize":228530,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgXx3PCRA9TVsSAnZWagAAv1cP/2tOsfFkkwewBnjZX8Fo\nZQDPPLmWB+I6gKmJezbj12nUWSEHwhKCm5Rx2ZUbtSI2mZ+neSwEjKGA+E+r\nSrzCAi1roT6h7NGkM8At5RkANt181OGmS98PZPTtIsy0aFD4Tc5xLRYXSeYm\nzIbHIUMWo5lUWSmAlSne+JNb+iS6ZHSNKmhnQp/ofCQU7KMtH54bYHwrl16a\nScjmpsZpQZHYS4kXKDFNx1W4jlgLLF/9JMX82qUKhijf7q998ZWV8Sx7sp6m\nYKfB92dnT47pBwxmWLB5aNbVHr4xQtb0ysgdR37t6wdhQbW+22Ufc2YlnYDl\nP7adk/doLGSZxzKLcZJLoEWOUqm+u5HUMAEOg5RK3RHEQ6KqE+0SmYNv02cf\n+Vk5NyRyCHDwCSyo2V9wz4yQpr3ENAG+Vq26j2Z39NUGc2REL2V+4C8vRi/d\n7kzw4WAq+pT03+cRevdvg3slnYTeuSaClQrTPbpCHC5Wf27Ta20JO443sVxx\n+HxFQOuCXg62trCiR4GGCflviiD0zv8rL8HJbhUCoXklT/b4N8ixl0YBmFvG\n4uSFni+k8W5+9/ggE3daUasaoFs0LQR46yHhPmcWwT7IHfqWcYkLgReotRZb\nX6TMqI6qgxzBBsyG/3jafLasZuGxIhRAZXKgHzW7UaZfy8dL+VrvuXZh3yjT\nvOek\r\n=VzSv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEMCIGwn/hyzplfM6fNkTgonbHyrM6k8UsZkFCdhm92RyS7cAh9fmnWWphXrMI3xEnj48CW8Bv3468fLDVOp0z3og+RC"}]},"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"maintainers":[{"name":"jaames","email":"mail@jamesdaniel.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.5.0_1616846287028_0.31012053660347494"},"_hasShrinkwrap":false},"5.5.1":{"name":"@jaames/iro","version":"5.5.1","description":"Modular, design-conscious color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"@irojs/iro-core":"^1.2.0","preact":"^10.0.0"},"devDependencies":{"@rollup/plugin-alias":"^3.0.1","@rollup/plugin-buble":"^0.21.1","@rollup/plugin-node-resolve":"^7.1.1","@rollup/plugin-replace":"^2.3.1","@vuepress/plugin-google-analytics":"^1.3.1","axios":"^0.19.2","css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.14.1","rollup":"^1.24.0","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-livereload":"^1.0.4","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.26.0","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.8.2","vue":"^2.6.11","vue-click-outside":"^1.1.0","vue-svg-inline-loader":"^1.4.5","vue-template-compiler":"^2.6.11","vuepress":"^1.3.1"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","modular","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"irojs@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"c6dfa1acc6eea3443c103a8f94d7919abb1d4fbb","_id":"@jaames/iro@5.5.1","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-HR2phfXjEINFKXxEdbGqp9/MfHfQ/xP+nLi2gjNV4RHB3tBOgHMpS1WFMU7fp1vl//vWXxKxVKa91D+5JoFgMA==","shasum":"1935713fe3cca8c4eadcfc6013b6f846ac8be097","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.5.1.tgz","fileCount":17,"unpackedSize":229582,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcZc6CRA9TVsSAnZWagAA7bAP/ju7YMLVwflZQ9gGYaKG\nj7oJSF8rD/EJ53sDq2gEpXGjwKyVeRznQpgZhqr3bNBvALb+McxXAYf9DruU\nHCzPygBu6H7+oI3gF2UFCfrfnbUbj94ajLbuEnH5tNwAifTGT6h/p0X9XFPu\nOyf5oNS/qqCQeHPfdIf978UqSRLcd1REpMPsqk91a4+jqwapbhpf3nLASdP3\n6WGvgyXv6c0epzFSVR+NxAoIGtN3k+0XY+O/GKhwo11EHyQ2vsWYPc9/ZTlh\nw6VccloFxK2BgYM4caltMvKfP6ZpUch7IwyS1xn+RIVrWvs14aeuchek0GWY\nToopRg21qAaTea9B/nwLwAO4WlcxgbA8c0AQE0x98NFfysDDJVBvEl7ZVO+h\nLwK6xDzQq7z0Tis2/ZuC95od7wFhXnxWmoyGGkcraxtlYclUzFakEqH0LaR8\ncY+GEuoUecEYmXFPlCi0pTIu1UVWnKS+wbhKWx3xSKAotbCAHg1/0Cy4lK/p\nIci3Ql/u/7yEKwW82nI9CDH38fjSkRfXyIZljP77jLT6gJoX21p2eYzyPSq9\n4pTCwwEVPpnNDucDffscNdloOAGDSbCf0RR8g6k9XaV9SipVxf4ge5v9ZTxf\nAqxYHzFn9sAd2S+i5v5sjtNtlJCfBySC9gwLP2lNcSitiV2PKGzzlZ1WgyEe\nKJoc\r\n=YeM3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFsbLuZrUkL4FwYEaaTP/aNd2QoU1eJglHUgUkDQq6VeAiBdl6pOs3OYNR9bE+/Ylw7mM0uasw7UJYESRuViAZeUMQ=="}]},"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"maintainers":[{"name":"jaames","email":"mail@jamesdaniel.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.5.1_1618057017408_0.1657057815105245"},"_hasShrinkwrap":false},"5.5.2":{"name":"@jaames/iro","version":"5.5.2","description":"Modular, design-conscious color picker widget for JavaScript","module":"dist/iro.es.js","main":"dist/iro.js","types":"dist/index.d.ts","dependencies":{"@irojs/iro-core":"^1.2.1","preact":"^10.0.0"},"devDependencies":{"@rollup/plugin-alias":"^3.0.1","@rollup/plugin-buble":"^0.21.1","@rollup/plugin-node-resolve":"^7.1.1","@rollup/plugin-replace":"^2.3.1","@vuepress/plugin-google-analytics":"^1.3.1","axios":"^0.19.2","css-reset-and-normalize":"^1.2.0","iro-dynamic-css":"^1.0.3","jest":"^24.0.0","node-sass":"^4.14.1","rollup":"^1.24.0","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-livereload":"^1.0.4","rollup-plugin-serve":"^1.0.1","rollup-plugin-typescript2":"^0.26.0","rollup-plugin-uglify":"^6.0.3","sass-loader":"^7.1.0","typescript":"^3.8.2","vue":"^2.6.11","vue-click-outside":"^1.1.0","vue-svg-inline-loader":"^1.4.5","vue-template-compiler":"^2.6.11","vuepress":"^1.3.1"},"scripts":{"prepublishOnly":"npm run build","test":"jest --verbose","start":"rollup -c --watch --environment DEV_SERVER,BUILD:development","dev":"rollup -c --environment BUILD:development","build":"npm run dev && npm run build:es && npm run build:min && npm run docs:copyscript","build:min":"rollup -c --environment BUILD:production","build:es":"rollup -c --environment ES_MODULE,BUILD:production","docs:copyscript":"\\cp dist/iro.es.js docs/.vuepress/theme/js/iro.es.js","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"keywords":["color","colour","picker","colorpicker","wheel","iro","widget","modular","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"irojs@jamesdaniel.dev"},"license":"MPL-2.0","bugs":{"url":"https://github.com/jaames/iro.js/issues"},"homepage":"https://iro.js.org","gitHead":"1825363da88e1971befb6c6b827951594f388798","_id":"@jaames/iro@5.5.2","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Fbi5U4Vdkw6UsF+R3oMlPONqkvUDMkwzh+mX718gQsDFt3+1r1jvGsrfCbedmXAAy0WsjDHOrefK0BkDk99TQg==","shasum":"15301c19080b985aede06c5f07867aa20d06e679","tarball":"https://registry.npmjs.org/@jaames/iro/-/iro-5.5.2.tgz","fileCount":17,"unpackedSize":236920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg42jiCRA9TVsSAnZWagAAGM0P/j9mwkUs2lvYu6CItHfC\nEgCxClbFndzS1UaFEw+omzhxIcASXWE57Lj+o7Gu3ViqrBRN/bq36q4p8c48\nHrMqcOB26YqUZTLzW7pdoMSvxbnUzA4bFHZ0JszX8dYEOs0yS1TuaIgwAk75\nqvzRn/B+lm8cH0YbMZoc04YCTSxGhjME9wtIxMAu7VXNKb6QjbIuVUWkLl5f\nZyEdFMG7jCmeV+gkjsl5FdcnCCBn0AGuyume++IQvJYwGGJYrUlghtkqDeRP\nHHvpcUm8fMm6ltRahbKGVfAHMkdK9odW+aXX8tN45kmIHbXMZn2UjrIsL0gG\njiK/V6UTPOeuX5Tl+E43/h7n6u6TomzJbn7jI4++SqjVqg9Kb7OUAHTM5Fss\nL1jFX8OxMdxwX/UmA87kcq51H5Et9jQWACsQLYHdDK722Xw6PxXnpjDp/Tg0\nP/2QWUOWvyQaTE2nLm5dSKecps7FXIo/lvpxiBcgy6WC5eEU9/inTyOeg1YQ\n/1AzCQCLzooAzA7gJvqMkyCjSHWe23GCCBi/J44VllXONzyyV/glbTEGTvv+\nXorGv4Ro2DrSPmZgytYKnbAfQf/wlzC3w/LtfQteJbLBlcPWKPc9qqIAysOe\nvuPCUfwHIvjBxoBPbcCPKsZyH7fz5hEdoq7uCTp2DMJpu6yirMqw6UvJu0LR\njWHc\r\n=gEqK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGd4JlmFgRIsm6qssc3vuH0Xe3RvRaxNEr0CMVSmREAxAiBbi6gas4rsdVIkV4nz378xjVxjr2orVbH9MvQOtPe/Kg=="}]},"_npmUser":{"name":"jaames","email":"mail@jamesdaniel.dev"},"directories":{},"maintainers":[{"name":"jaames","email":"mail@jamesdaniel.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iro_5.5.2_1625516258115_0.8540757222412136"},"_hasShrinkwrap":false}},"time":{"created":"2018-02-11T21:49:56.480Z","3.3.0":"2018-02-11T21:49:57.787Z","modified":"2022-04-05T21:30:50.925Z","3.4.0":"2018-03-20T20:39:22.338Z","3.4.1":"2018-03-22T12:59:15.918Z","3.4.2":"2018-08-07T23:03:45.248Z","3.4.3":"2018-08-12T00:27:09.786Z","3.5.0":"2018-08-17T12:19:10.656Z","3.5.1":"2018-08-17T23:47:40.736Z","3.5.2":"2018-09-23T17:08:08.357Z","3.5.3":"2018-10-01T16:36:06.887Z","3.5.4":"2018-12-22T11:56:12.986Z","4.0.0-beta.0":"2019-01-23T18:59:28.504Z","4.0.0-beta.1":"2019-01-24T13:28:12.743Z","4.0.0-beta.2":"2019-01-24T15:38:50.734Z","4.0.0-beta.3":"2019-01-24T16:46:52.118Z","4.0.0-beta.4":"2019-01-26T13:21:29.264Z","4.0.0-beta.5":"2019-01-27T21:11:22.192Z","3.5.5":"2019-01-28T11:29:01.080Z","4.0.0-beta.6":"2019-01-28T19:19:05.385Z","4.0.0-beta.7":"2019-02-01T12:44:57.368Z","4.0.0-beta.8":"2019-02-01T14:21:03.588Z","3.5.6":"2019-02-01T21:02:33.924Z","4.0.0-beta.9":"2019-02-01T22:15:15.216Z","4.0.0":"2019-02-22T22:24:28.653Z","4.0.1":"2019-02-22T23:31:08.569Z","4.0.2":"2019-03-01T21:40:52.381Z","4.0.3":"2019-03-07T12:17:07.849Z","4.1.0":"2019-03-07T16:49:21.689Z","4.2.0":"2019-03-12T13:43:51.008Z","4.2.1":"2019-03-18T18:53:14.924Z","4.2.2":"2019-03-26T16:46:36.848Z","4.3.0":"2019-04-08T00:20:10.158Z","4.3.1":"2019-04-08T13:59:58.026Z","4.3.2":"2019-04-11T16:48:59.677Z","4.3.3":"2019-04-13T16:41:16.900Z","4.4.0":"2019-05-10T12:20:13.786Z","4.5.0":"2019-05-31T18:51:49.514Z","4.5.1":"2019-06-08T15:08:49.864Z","4.5.2":"2019-10-18T16:32:24.132Z","4.5.3":"2019-10-21T19:31:49.757Z","5.0.0":"2019-10-29T23:28:02.096Z","5.0.0-2":"2019-11-02T17:11:37.042Z","5.0.0-3":"2019-11-02T17:25:09.481Z","5.0.0-4":"2020-01-11T17:57:29.181Z","5.0.0-5":"2020-01-11T18:01:36.545Z","5.1.0":"2020-02-23T22:16:44.332Z","5.1.1":"2020-02-24T20:06:27.655Z","5.1.2":"2020-02-25T19:32:07.490Z","5.1.3":"2020-02-28T12:11:26.666Z","5.1.4":"2020-02-29T20:14:00.146Z","5.1.5":"2020-03-02T00:15:16.851Z","5.1.6":"2020-04-17T22:40:40.353Z","5.1.7":"2020-04-24T22:28:21.828Z","5.1.8":"2020-04-29T16:13:33.194Z","5.1.9":"2020-07-31T21:08:12.189Z","5.1.10":"2020-08-14T20:38:55.368Z","5.2.0":"2020-08-15T20:17:43.641Z","5.2.1":"2020-08-26T12:56:25.277Z","5.2.2":"2020-08-26T21:59:16.811Z","5.2.3":"2020-09-07T19:55:25.526Z","5.3.0":"2020-11-24T00:05:31.818Z","5.3.1":"2020-11-25T21:37:33.864Z","5.3.2":"2021-02-18T23:02:08.614Z","5.4.0":"2021-03-21T01:35:57.830Z","5.5.0":"2021-03-27T11:58:07.172Z","5.5.1":"2021-04-10T12:16:57.577Z","5.5.2":"2021-07-05T20:17:38.470Z"},"maintainers":[{"name":"jaames","email":"mail@jamesdaniel.dev"}],"description":"Modular, design-conscious color picker widget for JavaScript","homepage":"https://iro.js.org","keywords":["color","colour","picker","colorpicker","wheel","iro","widget","modular","ui","rgb","hsl","hsv"],"repository":{"type":"git","url":"git+https://github.com/jaames/iro.js.git"},"author":{"name":"James Daniel","email":"irojs@jamesdaniel.dev"},"bugs":{"url":"https://github.com/jaames/iro.js/issues"},"license":"MPL-2.0","readme":"<h1 align=\"center\"><a href=\"//iro.js.org\" target=\"blank\"><img height=\"340\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/screenshot.png\"/><br/>iro.js</a></h1>\n\n<p align=\"center\">\n  <b>Modular, design-conscious color picker widget for JavaScript - with support for a bunch of color formats | <a href=\"//iro.js.org\" target=\"blank\">iro.js.org</a></b>\n</p>\n\n<p align=\"center\">\n  <a href=\"https://github.com/jaames/iro.js/blob/master/LICENSE.txt\">\n    <img src=\"https://badgen.net/github/license/jaames/iro.js?color=BB5FD1\" alt=\"license\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/v/@jaames/iro?color=6C8FF2\" alt=\"version\" />\n  </a>\n  <a href=\"https://npmjs.org/package/@jaames/iro\">\n    <img src=\"https://badgen.net/npm/dt/@jaames/iro?color=6AD4E0\" alt=\"downloads\" />\n  </a>\n  <a href=\"https://bundlephobia.com/result?p=@jaames/iro\">\n    <img src=\"https://badgen.net/bundlephobia/minzip/@jaames/iro?color=6FDF89\" alt=\"minzip size\" />\n  </a>\n  <a href=\"\">\n    <img src=\"https://badgen.net/badge/jQuery/none/F8AE55\" alt=\"no jQuery\" />\n  </a>\n</p>\n\n<p align=\"center\">\n  <a href=\"#features\">Features</a> | <a href=\"#demo\">Demo</a> | <a href=\"#installation\">Installation</a> | <a href=\"#usage\">Usage</a> | <a href=\"#plugins\">Plugins</a> | <a href=\"https://iro.js.org/guide.html\">Documentation</a> | <a href=\"#special-thanks\">Special Thanks</a> | <a href=\"https://github.com/jaames/iro.js/discussions\">Forum</a>\n</p>\n\n<br/>\n\n## Features\n\n * Work with colors in hex, RGB, HSV and HSL formats (plus kelvin temperatures!) in one simple, frictionless API\n * Add multiple colors to the same color picker for selecting color harmonies and themes\n * Create the perfect color picker from a selection of pre-built UI components\n * All of iro.js can run from a single script - no extra CSS, images, or third-party libraries required!\n * [~9kb](https://bundlephobia.com/result?p=@jaames/iro) minified and gzipped\n * Licenced under MPL 2.0 - 100% free for personal and commercial use\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n## Codepen Demos\n\n * [Basic introduction](https://codepen.io/rakujira/pen/WZOeNq)\n * [Multicolor](https://codepen.io/rakujira/pen/bGddRyq)\n * [Components / alternate layouts](https://codepen.io/rakujira/pen/XWbgwYm)\n * [Custom handle SVGs](https://codepen.io/rakujira/pen/vbeENp)\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n## Installation\n\n### Install with NPM\n\n<!-- MARKDOWN-AUTO-DOCS:START (CODE:src=./examples/readme/install.sh) -->\n<!-- The below code snippet is automatically added from ./examples/readme/install.sh -->\n```sh\nnpm install @jaames/iro --save\n```\n<!-- MARKDOWN-AUTO-DOCS:END -->\n\nIf you are using a module bundler like Webpack or Rollup, import iro.js into your project: \n<!-- MARKDOWN-AUTO-DOCS:START (CODE:src=./examples/readme/install.js) -->\n<!-- The below code snippet is automatically added from ./examples/readme/install.js -->\n```js\n// Using ES6 module syntax\nimport iro from '@jaames/iro';\n\n// Using CommonJS modules\nconst iro = require('@jaames/iro');\n```\n<!-- MARKDOWN-AUTO-DOCS:END -->\n\n### Using the jsDelivr CDN\n\n<!-- MARKDOWN-AUTO-DOCS:START (CODE:src=./examples/readme/install.html) -->\n<!-- The below code snippet is automatically added from ./examples/readme/install.html -->\n```html\n<script src=\"https://cdn.jsdelivr.net/npm/@jaames/iro@5\"></script>\n```\n<!-- MARKDOWN-AUTO-DOCS:END -->\n\nWhen you manually include the library like this, iro.js will be made globally available on window.iro.\n\n### Download and host yourself\n\n**[Development version](https://raw.githubusercontent.com/jaames/iro.js/master/dist/iro.js)**<br/>\nUncompressed, with source comments included. Intended for debugging.\n\n**[Production version](https://raw.githubusercontent.com/jaames/iro.js/master/dist/iro.min.js)**<br/>\nMinified and optimized version.\n\nThen add it to the `<head>` of your page with a `<script>` tag:\n\n```html\n<html>\n  <head>\n    <!-- ... -->\n    <script src=\"./path/to/iro.min.js\"></script>\n  </head>\n  <!-- ... -->\n</html>\n```\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n## Usage\n\n### Getting Started\n\nFirst, we need a HTML element with a unique identifier (like an `id` attribute) to act as a container for the color picker:\n\n```html\n<div id=\"picker\"></div>\n```\n\nThen use JavaScript to create a new iro.ColorPicker with a CSS selector that matches your container element:\n\n```js\nvar colorPicker = new iro.ColorPicker('#picker');\n```\n\nYou can also use a DOM object instead of a CSS selector here -- this might be more suitable if you're integrating iro.js into an application built with a framework such as Vue, React, etc.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n## Color Picker Options\n\nThe color picker can be customized by passing a set of options to the second `iro.ColorPicker` parameter:\n\n<!-- MARKDOWN-AUTO-DOCS:START (CODE:src=./examples/readme/colorPickerOptions.js) -->\n<!-- The below code snippet is automatically added from ./examples/readme/colorPickerOptions.js -->\n```js\nvar colorPicker = new iro.ColorPicker(\"#picker\", {\n    // Set the size of the color picker\n    width: 320,\n    // Set the initial color to pure red\n    color: \"#f00\"\n});\n```\n<!-- MARKDOWN-AUTO-DOCS:END -->\n\n### Available Options\n\n<!-- MARKDOWN-AUTO-DOCS:START (JSON_TO_HTML_TABLE:src=./examples/readme/availableOptions.json) -->\n<table class=\"JSON-TO-HTML-TABLE\"><thead><tr><th class=\"option-th\">Option</th><th class=\"purpose-th\">Purpose</th><th class=\"default-value-th\">Default Value</th></tr></thead><tbody ><tr ><td class=\"option-td td_text\"><code>width</code></td><td class=\"purpose-td td_text\">Total width of the control UI.</td><td class=\"default-value-td td_text\"><code>300</code></td></tr>\n<tr ><td class=\"option-td td_text\"><code>color</code></td><td class=\"purpose-td td_text\">The initial color value. This can be any [supported color format](https://iro.js.org/color_api.html#supported-color-formats).</td><td class=\"default-value-td td_text\"><code>#ffffff</code></td></tr>\n<tr ><td class=\"option-td td_text\"><code>colors</code></td><td class=\"purpose-td td_text\">Initial color values used for [multi-color selections](https://iro.js.org/advanced.html#multi-color-selections).</td><td class=\"default-value-td td_text\">null</td></tr>\n<tr ><td class=\"option-td td_text\"><code>display</code></td><td class=\"purpose-td td_text\">CSS display value for the color picker root element.</td><td class=\"default-value-td td_text\"><code>block</code></td></tr>\n<tr ><td class=\"option-td td_text\"><code>id</code></td><td class=\"purpose-td td_text\">HTML ID for the color picker root element.</td><td class=\"default-value-td td_text\"><code>null</code></td></tr>\n<tr ><td class=\"option-td td_text\"><code>layout</code></td><td class=\"purpose-td td_text\">Used for customising the [UI component layout](https://iro.js.org/advanced.html#custom-ui-layouts).</td><td class=\"default-value-td td_text\"><code>null</code></td></tr>\n<tr ><td class=\"option-td td_text\"><code>layoutDirection</code></td><td class=\"purpose-td td_text\">UI component stacking direction; either <code>vertical</code> or <code>horizontal</code>.</td><td class=\"default-value-td td_text\"><code>vertical</code></td></tr>\n<tr ><td class=\"option-td td_text\"><code>padding</code></td><td class=\"purpose-td td_text\">Padding around the control handles.</td><td class=\"default-value-td td_text\"><code>6</code></td></tr>\n<tr ><td class=\"option-td td_text\"><code>margin</code></td><td class=\"purpose-td td_text\">Gap between individual components.</td><td class=\"default-value-td td_text\"><code>12</code></td></tr>\n<tr ><td class=\"option-td td_text\"><code>borderWidth</code></td><td class=\"purpose-td td_text\">Width of the border around the controls. Set to <code>0</code> for no border.</td><td class=\"default-value-td td_text\"><code>0</code></td></tr>\n<tr ><td class=\"option-td td_text\"><code>borderColor</code></td><td class=\"purpose-td td_text\">Color of the border. Any valid CSS color is supported.</td><td class=\"default-value-td td_text\"><code>#ffffff</code></td></tr>\n<tr ><td class=\"option-td td_text\"><code>handleRadius</code></td><td class=\"purpose-td td_text\">Radius of the control handles.</td><td class=\"default-value-td td_text\"><code>8</code></td></tr>\n<tr ><td class=\"option-td td_text\"><code>handleSvg</code></td><td class=\"purpose-td td_text\">Custom handle SVG, used for [custom handles](https://iro.js.org/advanced.html#custom-handles).</td><td class=\"default-value-td td_text\"><code>null</code></td></tr>\n<tr ><td class=\"option-td td_text\"><code>handleProps</code></td><td class=\"purpose-td td_text\">Custom handle properties, used for [custom handles](https://iro.js.org/advanced.html#custom-handles).</td><td class=\"default-value-td td_text\"><code>{x:0, y:0}</code></td></tr>\n<tr ><td class=\"option-td td_text\"><code>wheelLightness</code></td><td class=\"purpose-td td_text\">If set to <code>false</code>, the color wheel will not fade to black when the lightness decreases.</td><td class=\"default-value-td td_text\"><code>true</code></td></tr>\n<tr ><td class=\"option-td td_text\"><code>wheelAngle</code></td><td class=\"purpose-td td_text\">Starting angle of the color wheel's hue gradient, measured in degrees.</td><td class=\"default-value-td td_text\"><code>0</code></td></tr>\n<tr ><td class=\"option-td td_text\"><code>wheelDirection</code></td><td class=\"purpose-td td_text\">Direction of the color wheel's hue gradient; either <code>clockwise</code> or <code>anticlockwise</code>.</td><td class=\"default-value-td td_text\"><code>anticlockwise</code></td></tr>\n<tr ><td class=\"option-td td_text\"><code>sliderSize</code></td><td class=\"purpose-td td_text\">Slider control size. By default this will be calculated automatically.</td><td class=\"default-value-td td_text\"><code>undefined</code></td></tr>\n<tr ><td class=\"option-td td_text\"><code>boxHeight</code></td><td class=\"purpose-td td_text\">Box control height. By default this will be the same as the <code>width</code>.</td><td class=\"default-value-td td_text\"><code>undefined</code></td></tr></tbody></table>\n<!-- MARKDOWN-AUTO-DOCS:END -->\n\nMore details about color picker options, properties, and methods can be found on the [colorPicker API documentation](https://iro.js.org/colorPicker_api.html).\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n## Working with Colors\n\nEach color picker has a `color` object which stores the currently selected color. This color object is tied to the color picker, so any changes to its values will be reflected by the picker, and vice versa.\n\n### Color Properties\n\nThe color object has some \"magic\" properties which can be used to both **get** and **set** the selected color in different formats. Whenever one of these properties is set, the color picker controls will update and the [`color:change`](#color-picker-events) event will fire.\n\nFor example, to get the current color as a hex string:\n\n```js\nvar hex = colorPicker.color.hexString;\nconsole.log(hex); // hex = \"#ff0000\"\n```\n\nOr to set the selected color from a hsl object:\n\n```js\ncolorPicker.color.hsl = { h: 180, s: 100, l: 50 };\n// Color picker updates to match hsl(180, 100, 50)\n```\n\nThe color object has properties which cover all of the most common web color formats (HEX, RGB, HSL and HSV), as well as some extras:\n\n<!-- MARKDOWN-AUTO-DOCS:START (JSON_TO_HTML_TABLE:src=./examples/readme/colorProperties.json) -->\n<table class=\"JSON-TO-HTML-TABLE\"><thead><tr><th class=\"property-th\">Property</th><th class=\"example-format-th\">Example Format</th></tr></thead><tbody ><tr ><td class=\"property-td td_text\"><code>hexString</code></td><td class=\"example-format-td td_text\"><code>#ff0000</code></td></tr>\n<tr ><td class=\"property-td td_text\"><code>hex8String</code></td><td class=\"example-format-td td_text\"><code>#ff0000ff</code></td></tr>\n<tr ><td class=\"property-td td_text\"><code>rgb</code></td><td class=\"example-format-td td_text\"><code>{ r: 255, g: 0, b: 0 }</code></td></tr>\n<tr ><td class=\"property-td td_text\"><code>rgba</code></td><td class=\"example-format-td td_text\"><code>{ r: 255, g: 0, b: 0, a: 1 }</code></td></tr>\n<tr ><td class=\"property-td td_text\"><code>rgbString</code></td><td class=\"example-format-td td_text\"><code>rgb(255, 0, 0)</code></td></tr>\n<tr ><td class=\"property-td td_text\"><code>rgbaString</code></td><td class=\"example-format-td td_text\"><code>rgb(255, 0, 0, 1)</code></td></tr>\n<tr ><td class=\"property-td td_text\"><code>hsl</code></td><td class=\"example-format-td td_text\"><code>{ h: 360, s: 100, l: 50 }</code></td></tr>\n<tr ><td class=\"property-td td_text\"><code>hsla</code></td><td class=\"example-format-td td_text\"><code>{ h: 360, s: 100, l: 50, a: 1 }</code></td></tr>\n<tr ><td class=\"property-td td_text\"><code>hslString</code></td><td class=\"example-format-td td_text\"><code>hsl(360, 100%, 50%)</code></td></tr>\n<tr ><td class=\"property-td td_text\"><code>hslaString</code></td><td class=\"example-format-td td_text\"><code>hsla(360, 100%, 50%, 1)</code></td></tr>\n<tr ><td class=\"property-td td_text\"><code>hsv</code></td><td class=\"example-format-td td_text\"><code>{ h: 360, s: 100, v: 100 }</code></td></tr>\n<tr ><td class=\"property-td td_text\"><code>hsva</code></td><td class=\"example-format-td td_text\"><code>{ h: 360, s: 100, v: 100, a: 1 }</code></td></tr>\n<tr ><td class=\"property-td td_text\"><code>red</code></td><td class=\"example-format-td td_text\"><code>0</code> to <code>255</code></td></tr>\n<tr ><td class=\"property-td td_text\"><code>green</code></td><td class=\"example-format-td td_text\"><code>0</code> to <code>255</code></td></tr>\n<tr ><td class=\"property-td td_text\"><code>blue</code></td><td class=\"example-format-td td_text\"><code>0</code> to <code>255</code></td></tr>\n<tr ><td class=\"property-td td_text\"><code>alpha</code></td><td class=\"example-format-td td_text\"><code>0</code> to <code>1</code></td></tr>\n<tr ><td class=\"property-td td_text\"><code>hue</code></td><td class=\"example-format-td td_text\"><code>0</code> to <code>360</code></td></tr>\n<tr ><td class=\"property-td td_text\"><code>saturation</code></td><td class=\"example-format-td td_text\"><code>0</code> to <code>100</code></td></tr>\n<tr ><td class=\"property-td td_text\"><code>value</code></td><td class=\"example-format-td td_text\"><code>0</code> to <code>100</code></td></tr>\n<tr ><td class=\"property-td td_text\"><code>kelvin</code></td><td class=\"example-format-td td_text\"><code>1000</code> to <code>40000</code></td></tr></tbody></table>\n<!-- MARKDOWN-AUTO-DOCS:END -->\n\nFor more details about color objects, check out the [Color API documentation](https://iro.js.org/color_api.html).\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n## Color Picker Events\n\nEvents let you to run your own code after certain things have happened, like when the selected color has changed or when the user has interacted with the color picker.\n\nThe color picker's [`on`](https://iro.js.org/colorPicker_api.html#on) method can be used to attach functions that will be called whenever a particular event is fired. In this example, we add a listener for the `color:change` event:\n\n<!-- MARKDOWN-AUTO-DOCS:START (CODE:src=./examples/readme/colorPickerEventsExample1.js) -->\n<!-- The below code snippet is automatically added from ./examples/readme/colorPickerEventsExample1.js -->\n```js\n// listen to a color picker's color:change event\n// color:change callbacks receive the current color\ncolorPicker.on('color:change', function(color) {\n    // log the current color as a HEX string\n    console.log(color.hexString);\n});\n```\n<!-- MARKDOWN-AUTO-DOCS:END -->\n\nThe [`on`](https://iro.js.org/colorPicker_api.html#on) method can also take an array of event names, in case you want to listen to multiple events with one function:\n\n<!-- MARKDOWN-AUTO-DOCS:START (CODE:src=./examples/readme/colorPickerEventsExample2.js) -->\n<!-- The below code snippet is automatically added from ./examples/readme/colorPickerEventsExample2.js -->\n```js\n// listen to a color picker's color:init and color:change events\ncolorPicker.on(['color:init', 'color:change'], function(color) {\n    // log the current color as a HEX string\n    console.log(color.hexString);\n});\n```\n<!-- MARKDOWN-AUTO-DOCS:END -->\n\nEvent listeners can also be removed at any time by passing the same function to the color picker's [`off`](https://iro.js.org/colorPicker_api.html#off) method:\n\n<!-- MARKDOWN-AUTO-DOCS:START (CODE:src=./examples/readme/colorPickerEventsExample3.js) -->\n<!-- The below code snippet is automatically added from ./examples/readme/colorPickerEventsExample3.js -->\n```js\n// create a callback function\nfunction onColorChange(color) {\n    console.log(color.hexString);\n}\n  \n// add color:change listener\ncolorPicker.on('color:change', onColorChange);\n  \n// later, if we want to stop listening to color:change...\ncolorPicker.off('color:change', onColorChange);\n```\n<!-- MARKDOWN-AUTO-DOCS:END -->\n\n### Available Events\n\n##### `color:change`\n\nFired whenever the selected color changes -- either when the user interacts with the color picker, or when the color is updated by your own code. This event's callback functions will recieve two values:\n\n* `color`: the [currently selected color](#working-with-colors)\n* `changes`: an object showing which HSV channels have changed since the last time the event was fired\n\nIt is safe to modify the `color` object within callbacks for this event. This can be helpful if you want to limit the range or a certain color channel, for example:\n\n<!-- MARKDOWN-AUTO-DOCS:START (CODE:src=./examples/readme/colorChange.js) -->\n<!-- The below code snippet is automatically added from ./examples/readme/colorChange.js -->\n```js\ncolorPicker.on('color:change', function(color) {\n    // don't let the color saturation fall below 50!\n    if (color.saturation < 50) {\n      color.saturation = 50;\n    }\n});\n```\n<!-- MARKDOWN-AUTO-DOCS:END -->\n\n##### `input:change`\n\nSimilar to `color:change`, except this event is only fired when the color is changed with the user's **mouse or touch input**. \n\nCallbacks for this event recieve the same values as `color:change`, and it is also safe to modify the `color` object within callbacks for this event.\n\n##### `input:start`\n\nFired whenever the users starts interacting with the color picker controls. The [currently selected color](#working-with-colors) is passed to this event's callback function.\n\n##### `input:move`\n\nFired when the user moves their pointer/mouse after beginning interaction. The [currently selected color](#working-with-colors) is passed to this event's callback function.\n\n##### `input:end`\n\nFired whenever the user stops interacting with the color picker controls. The [currently selected color](#working-with-colors) is passed to this event's callback function.\n\n##### `color:init`\n\nFired whenever a color is added. This event's callbacks will recieve the newly added color object.\n\n##### `color:remove`\n\nFired when a color is removed from the color picker. This event's callbacks will receive the removed color object.\n\n##### `color:setActive`\n\nFired whenever the 'active' color is switched. This event's callbacks will receive the active color object.\n\n##### `mount`\n\nFired when the colorPicker's UI has been mounted to the DOM and is ready for user interaction. The colorPicker object is passed to this event's callback function.\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n## Special Thanks\n\nThank you to the following people for their support and contributions!\n\n- @KaanMol and @mksglu for starting the Typescript port\n- @asonix for vertical slider implementation\n\n**Sponsored by [Ship Shape](https://shipshape.io)**\n\n<img width=\"400\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/sponsor_shipshape.png\">\n\n<img height=\"16\" height=\"888\" src=\"https://raw.githubusercontent.com/jaames/iro.js/master/assets/break.png\"/>\n\n[Website](//iro.js.org) |  [Forum](https://github.com/jaames/iro.js/discussions) | [Codepen Demo](//codepen.io/rakujira/pen/WZOeNq?editors=0010) | [Contribution Guide](CONTRIBUTE.md) | [Donate](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=XS9R3QTLZYAXQ&source=url) | [Changelog](CHANGELOG.md) | [License](LICENSE.txt)\n\n&copy; [James Daniel](//github.com/jaames)\n","readmeFilename":"README.md"}