{"_id":"stencil-colorpicker","_rev":"59-90513fd8b031e3e23392fed7096d1201","name":"stencil-colorpicker","description":"Stencil Component Starter","dist-tags":{"latest":"1.1.6-deprecated","one":"1.0.2-2"},"versions":{"0.0.1":{"name":"stencil-colorpicker","version":"0.0.1","description":"Stencil Color Picker Web Component","main":"dist/collection/index.js","types":"dist/collection/index.d.ts","collection":"dist/collection/collection-manifest.json","files":["dist/"],"browser":"dist/index.js","scripts":{"build":"stencil build --prerender","dev":"sd concurrent \"stencil build --dev --watch\" \"stencil-dev-server\" ","serve":"stencil-dev-server","start":"npm run dev","test":"jest --no-cache","test.watch":"jest --watch --no-cache"},"dependencies":{"@stencil/core":"next","@stencil/router":"latest"},"devDependencies":{"@stencil/dev-server":"latest","@stencil/utils":"latest","@types/jest":"^21.1.1","jest":"^21.2.1"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","jest":{"transform":{"^.+\\.(ts|tsx)$":"/node_modules/@stencil/core/testing/jest.preprocessor.js"},"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","moduleFileExtensions":["ts","tsx","js","json","jsx"]},"gitHead":"c42a36313677127c51dca221e914527ff8f1f484","_id":"stencil-colorpicker@0.0.1","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"dist":{"integrity":"sha512-mKWwGQZ+4QqaGkn1Ap3g7JGJSXgQTFlgZCbucBw0nnkB9wcjbO9/yBoT/jLwT0MPnoaOPUPGmAKicOls/mMbXA==","shasum":"ae37161ce112bf331cdde3736efec9e5e99bf688","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-0.0.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDj3cA9s+WJ67PHsKedzYlUJAGO6VQlq8Juneap2fnrQwIhAJ+bs8AOeb4ZMe+Ldpv3r+3/bMM3h7uBDeh0Cc6ci+vR"}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker-0.0.1.tgz_1510866296459_0.33434550929814577"},"directories":{},"deprecated":"visit @jeepq/core for new releases"},"0.0.2":{"name":"stencil-colorpicker","version":"0.0.2","description":"Stencil Color Picker Web Component","main":"dist/collection/index.js","types":"dist/collection/index.d.ts","collection":"dist/collection/collection-manifest.json","files":["dist/"],"browser":"dist/index.js","scripts":{"build":"stencil build --prerender","dev":"sd concurrent \"stencil build --dev --watch\" \"stencil-dev-server\" ","serve":"stencil-dev-server","start":"npm run dev","test":"jest --no-cache","test.watch":"jest --watch --no-cache"},"dependencies":{"@stencil/core":"next","@stencil/router":"latest"},"devDependencies":{"@stencil/dev-server":"latest","@stencil/utils":"latest","@types/jest":"^21.1.1","jest":"^21.2.1"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","jest":{"transform":{"^.+\\.(ts|tsx)$":"/node_modules/@stencil/core/testing/jest.preprocessor.js"},"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","moduleFileExtensions":["ts","tsx","js","json","jsx"]},"gitHead":"e684efaf4e56de7a0888a1bb51506e1427009bb1","_id":"stencil-colorpicker@0.0.2","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"dist":{"integrity":"sha512-Ktb/VtLNVtfuASfueWSvVV4a8iQKWLsTm5fl7woOPiasOzjL758bnQO/Ukmyt4OxGBgwd38KmpvhpMRP5zAyWg==","shasum":"c80089ee32ab1e6bced8d634a059c8c76c10b440","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-0.0.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDhSE84moH5VX4JDkV+LfYGASM53uyDDrvu/jO1Bc2AUgIgWl3E7NJS9/2yPMVPRtvmym2srZ/PGsJWEauFz/01Cqs="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker-0.0.2.tgz_1510871458144_0.13029377395287156"},"directories":{},"deprecated":"visit @jeepq/core for new releases"},"0.0.3":{"name":"stencil-colorpicker","version":"0.0.3","description":"Stencil Color Picker Web Component","main":"dist/collection/index.js","types":"dist/collection/index.d.ts","collection":"dist/collection/collection-manifest.json","files":["dist/"],"browser":"dist/jeepcolorpicker.js","scripts":{"build":"stencil build --prerender","dev":"sd concurrent \"stencil build --dev --watch\" \"stencil-dev-server\" ","serve":"stencil-dev-server","start":"npm run dev","test":"jest --no-cache","test.watch":"jest --watch --no-cache"},"dependencies":{"@stencil/core":"next","@stencil/router":"latest"},"devDependencies":{"@stencil/dev-server":"latest","@stencil/utils":"latest","@types/jest":"^21.1.1","jest":"^21.2.1"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","jest":{"transform":{"^.+\\.(ts|tsx)$":"/node_modules/@stencil/core/testing/jest.preprocessor.js"},"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","moduleFileExtensions":["ts","tsx","js","json","jsx"]},"gitHead":"0fc8c897cb66325e624200a680605c8e644e223f","_id":"stencil-colorpicker@0.0.3","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"dist":{"integrity":"sha512-beouFdy7x2P9UnXMUnPUh0asAYoxHPsGHzcu/fAgmD9uA0QJQ/B2FmSvVZmxTT+nO+Xexux++duaB/FvksbZVg==","shasum":"f8e6a6f84d04bd776996fd3a5c6acbc2c5bb8fe4","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-0.0.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDM/U890MsxNtGXIF4bA8lkN+oqcYJx/qWYvkIixl1xAQIhANYW3E1WqKNsPRNJpI3BJ5UZD3/dqZdkyvqLZOXkjDpP"}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker-0.0.3.tgz_1511089259354_0.8208020303864032"},"directories":{},"deprecated":"visit @jeepq/core for new releases"},"0.0.5":{"name":"stencil-colorpicker","version":"0.0.5","description":"Stencil Color Picker Web Component","main":"dist/jeepcolorpicker.js","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","files":["dist/"],"browser":"dist/jeepcolorpicker.js","scripts":{"build":"stencil build","dev":"sd concurrent \"stencil build --dev --watch\" \"stencil-dev-server\" ","serve":"stencil-dev-server","start":"npm run dev","test":"jest --no-cache","test.watch":"jest --watch --no-cache"},"dependencies":{"@stencil/core":"^0.6.1"},"devDependencies":{"@stencil/dev-server":"latest","@stencil/sass":"0.0.2","@stencil/utils":"latest","@types/jest":"^21.1.1","jest":"^21.2.1"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","jest":{"transform":{"^.+\\.(ts|tsx)$":"/node_modules/@stencil/core/testing/jest.preprocessor.js"},"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","moduleFileExtensions":["ts","tsx","js","json","jsx"]},"gitHead":"00fbdf8cca9dbddfb2de42c80ef9e543782e3c57","_id":"stencil-colorpicker@0.0.5","_npmVersion":"5.6.0","_nodeVersion":"8.9.2","_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"dist":{"integrity":"sha512-X0x0SitXiMwvXL6jJKorFgyTDtjE2nt3Ia0nY8GdOIJSY4b/4R0EL2wkoQVq5U5MPVdJhptNR6VoHVfu2dpTjw==","shasum":"36157cc8fda701f13ae03ef7d4509fbaa23c7d50","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-0.0.5.tgz","fileCount":21,"unpackedSize":201774,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICi/1ElCzSSeFvWObXrkCPWvdAnW1ShapHL81vQX5AoZAiEA5NYijfwzMQLQ4hrGWKVMBPIkFuRkOtCFdRcscMc7ZQI="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_0.0.5_1519118417279_0.004284208585667804"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"0.0.6":{"name":"stencil-colorpicker","version":"0.0.6","description":"Stencil Color Picker Web Component","main":"dist/jeepcolorpicker.js","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","files":["dist/"],"browser":"dist/jeepcolorpicker.js","scripts":{"build":"stencil build","dev":"sd concurrent \"stencil build --dev --watch\" \"stencil-dev-server\" ","serve":"stencil-dev-server","start":"npm run dev","test":"jest --no-cache","test.watch":"jest --watch --no-cache"},"dependencies":{"@stencil/core":"^0.7.8"},"devDependencies":{"@stencil/dev-server":"latest","@stencil/sass":"0.0.2","@stencil/utils":"latest","@types/jest":"^21.1.1","jest":"^21.2.1"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","jest":{"transform":{"^.+\\.(ts|tsx)$":"/node_modules/@stencil/core/testing/jest.preprocessor.js"},"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","moduleFileExtensions":["ts","tsx","js","json","jsx"]},"gitHead":"00fbdf8cca9dbddfb2de42c80ef9e543782e3c57","_id":"stencil-colorpicker@0.0.6","_npmVersion":"5.8.0","_nodeVersion":"8.9.2","_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"dist":{"integrity":"sha512-pZ9nr2d3NIGD7ugxeQ333hMmkYpPtyyi894YsB5pcMjXnfZRorKUVYBbqBi17wrEHaoAja6vkU/4swRH+aR+pg==","shasum":"0dac6ef9b2c88ead4bd34d96efb95fefb1b9cbc6","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-0.0.6.tgz","fileCount":23,"unpackedSize":218334,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAWiz2Jlx/3zO8ad/7g2OqbFrQT8tjcHYupxH63zepVXAiEA9qsizSc6YZgRwJEAeLQA4qOq2/N6ZrwhtCbevYNs9Ek="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_0.0.6_1522333445290_0.6528498792371271"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"0.0.7":{"name":"stencil-colorpicker","version":"0.0.7","description":"Stencil Color Picker Web Component","main":"dist/jeepcolorpicker.js","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","files":["dist/"],"browser":"dist/jeepcolorpicker.js","scripts":{"build":"stencil build","dev":"sd concurrent \"stencil build --dev --watch\" \"stencil-dev-server\" ","serve":"stencil-dev-server","start":"npm run dev","test":"jest --no-cache","test.watch":"jest --watch --no-cache"},"dependencies":{"@stencil/core":"^0.7.8"},"devDependencies":{"@stencil/dev-server":"latest","@stencil/sass":"0.0.2","@stencil/utils":"latest","@types/jest":"^21.1.1","jest":"^21.2.1"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","jest":{"transform":{"^.+\\.(ts|tsx)$":"/node_modules/@stencil/core/testing/jest.preprocessor.js"},"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","moduleFileExtensions":["ts","tsx","js","json","jsx"]},"gitHead":"04b0d8eaa27bff895ffb7b4e760fa1cdaaab694d","_id":"stencil-colorpicker@0.0.7","_npmVersion":"5.8.0","_nodeVersion":"8.9.2","_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"dist":{"integrity":"sha512-WpaBVkAHJlYaLfJorNJ30jyCalsk+Zf591VFJPjfjWsEKScae2oc7Qt3BrIxLma4XYCpkHsN8ugMrLH9YCtNzw==","shasum":"dce84a0ae22a505fc61ff6814279c936d7082bbd","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-0.0.7.tgz","fileCount":23,"unpackedSize":218343,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCCbeDnY60/pX1BFHag2V7mHu7P92QTAGa5g2//MhmmvgIhAPqEecKjFtgd5K2+Nu7gYaeeeM+SFJf35TEnlP+4ea6g"}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_0.0.7_1522334496667_0.20485789566104562"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"0.0.7-1":{"name":"stencil-colorpicker","version":"0.0.7-1","description":"Stencil Color Picker Web Component","main":"dist/jeepcolorpicker.js","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","files":["dist/"],"browser":"dist/jeepcolorpicker.js","scripts":{"build":"stencil build","dev":"sd concurrent \"stencil build --dev --watch\" \"stencil-dev-server\" ","serve":"stencil-dev-server","start":"npm run dev","test":"jest --no-cache","test.watch":"jest --watch --no-cache"},"dependencies":{"@stencil/core":"^0.7.8"},"devDependencies":{"@stencil/dev-server":"latest","@stencil/sass":"0.0.2","@stencil/utils":"latest","@types/jest":"^21.1.1","jest":"^21.2.1"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","jest":{"transform":{"^.+\\.(ts|tsx)$":"/node_modules/@stencil/core/testing/jest.preprocessor.js"},"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","moduleFileExtensions":["ts","tsx","js","json","jsx"]},"gitHead":"e3018559c2ec08850501b456acd812fcd878808a","_id":"stencil-colorpicker@0.0.7-1","_npmVersion":"5.8.0","_nodeVersion":"8.9.2","_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"dist":{"integrity":"sha512-Bz7DAdHQcez67ftHZcHxX3q2FPJYe7JMciU3isjHIoL2YS7lW+6oiHiXDJVWl1W3k/Q0xhZGtfbeLrlkDnoQUw==","shasum":"cd4ef96c4cb6b8f8c0a0508b0516fbde99f1bb7e","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-0.0.7-1.tgz","fileCount":23,"unpackedSize":218376,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE9bRCSenXCeHFF0Rmn8vTKaH/8MgZfdiBpUoi03COrZAiB9vYnI+MfXJoaWhqaREjxNgkZo9+kmbrB9+lvILc1ldQ=="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_0.0.7-1_1522336508650_0.39565430444699756"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"0.0.7-2":{"name":"stencil-colorpicker","version":"0.0.7-2","description":"Stencil Color Picker Web Component","main":"dist/jeepcolorpicker.js","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","files":["dist/"],"browser":"dist/jeepcolorpicker.js","scripts":{"build":"stencil build","dev":"sd concurrent \"stencil build --dev --watch --docs\" \"stencil-dev-server\" ","serve":"stencil-dev-server","start":"npm run dev","test":"jest --no-cache","test.watch":"jest --watch --no-cache"},"dependencies":{"@stencil/core":"^0.7.20"},"devDependencies":{"@stencil/dev-server":"latest","@stencil/sass":"0.0.2","@stencil/utils":"latest","@types/jest":"^21.1.1","jest":"^21.2.1"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","jest":{"transform":{"^.+\\.(ts|tsx)$":"/node_modules/@stencil/core/testing/jest.preprocessor.js"},"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","moduleFileExtensions":["ts","tsx","js","json","jsx"]},"gitHead":"2ad75c4b28756a1935069f18c4c5ade31a3d75e7","_id":"stencil-colorpicker@0.0.7-2","_npmVersion":"5.8.0","_nodeVersion":"8.9.2","_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"dist":{"integrity":"sha512-J5Vm50wsA88bxbRwKMXWC5pspt1ZiyXQC9ljlIVdmGhfyzKrQSUCb6WF6mtjoqHnzqyALxTnZxevqymQCaDAfA==","shasum":"2face4ba519d4973f0fc9b36ee0576c3b6155d23","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-0.0.7-2.tgz","fileCount":23,"unpackedSize":218893,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCzM/ocdzayfip1Gx3FWzehsnYlfmqFlDnJUevWB8cqFgIhAOl0dgzA7dn78/u3aOzq/MRk7ygRnQ+dLLJ3NH07J08R"}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_0.0.7-2_1523532433291_0.2562161604667854"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"0.0.7-3":{"name":"stencil-colorpicker","version":"0.0.7-3","description":"Stencil Color Picker Web Component","main":"dist/jeepcolorpicker.js","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","files":["dist/"],"browser":"dist/jeepcolorpicker.js","scripts":{"build":"stencil build","dev":"sd concurrent \"stencil build --dev --watch --docs\" \"stencil-dev-server\" ","serve":"stencil-dev-server","start":"npm run dev","test":"jest --no-cache","test.watch":"jest --watch --no-cache"},"dependencies":{"@stencil/core":"^0.7.20"},"devDependencies":{"@stencil/dev-server":"latest","@stencil/sass":"0.0.2","@stencil/utils":"latest","@types/jest":"^21.1.1","jest":"^21.2.1"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","jest":{"transform":{"^.+\\.(ts|tsx)$":"/node_modules/@stencil/core/testing/jest.preprocessor.js"},"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","moduleFileExtensions":["ts","tsx","js","json","jsx"]},"gitHead":"90c31ef00ce782fa2189e680808cc79b9c775a5f","_id":"stencil-colorpicker@0.0.7-3","_npmVersion":"5.8.0","_nodeVersion":"8.9.2","_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"dist":{"integrity":"sha512-NKPWWr1/ZuA/pVlerxBfPbSdQPtDXh7BiLTMgp34AR+TSb0KuMz68eDLp+zeQRRg0fpiDi20m6wSEZeAfaPIdQ==","shasum":"b23a359ee39761702a12620324eb470268c4772b","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-0.0.7-3.tgz","fileCount":23,"unpackedSize":218923,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDGHnty9TJw59YkDjdxmLevM8VDagxK3hJvesxHgs6XWwIga1f81OLIw0+QNgCKdy/1AHObPhNZYm52q7AMCvTjnbw="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_0.0.7-3_1523545888305_0.7981642236574626"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"0.0.7-4":{"name":"stencil-colorpicker","version":"0.0.7-4","description":"Stencil Color Picker Web Component","main":"dist/jeepcolorpicker.js","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","files":["dist/"],"browser":"dist/jeepcolorpicker.js","scripts":{"build":"stencil build","dev":"sd concurrent \"stencil build --dev --watch --docs\" \"stencil-dev-server\" ","serve":"stencil-dev-server","start":"npm run dev","test":"jest --no-cache","test.watch":"jest --watch --no-cache"},"dependencies":{},"devDependencies":{"@stencil/core":"^0.7.24","@stencil/dev-server":"latest","@stencil/sass":"0.0.2","@stencil/utils":"latest","@types/jest":"^21.1.1","jest":"^21.2.1"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","jest":{"transform":{"^.+\\.(ts|tsx)$":"/node_modules/@stencil/core/testing/jest.preprocessor.js"},"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","moduleFileExtensions":["ts","tsx","js","json","jsx"]},"gitHead":"6b1630f84862f8f30decc1ccc850cf26e0028f5f","_id":"stencil-colorpicker@0.0.7-4","_npmVersion":"5.8.0","_nodeVersion":"8.9.2","_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"dist":{"integrity":"sha512-ePsdKS1iKc/q7UYTS755lLjKkGyWWll6HTNDmXvf3+hKEwWNZTBh7tIfa41gvpnWe8oMwWuXXAQ9qQlZHtG54Q==","shasum":"6273e5929f2091128aa8091d6501d582b71f7b17","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-0.0.7-4.tgz","fileCount":23,"unpackedSize":219868,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa0g8ICRA9TVsSAnZWagAA9kgP/2KNOIK0JIOPLFly9UNC\nui3DEOv/u3TKTQIqmZTNVF0fK5yNYt1lmATTNdB3JzkUGaf4AnBi1hjJfZva\nSgkmSABqXPsf5pB5MZDoNLMY/oN12dCNBWnZOqPCysEox/JdVJYuSP2YbIT7\nVvZeaQfJkmGIm7JeGoWKkCCbiaMHjTAoF9QD6SY6AyncI9QeXzz39a1Vaxg1\niviFKqCAy66OUMS1fWNnIJPhlo3u34eNDHqqk2kYwxcg4Ejp29g+QESHTTae\nhM8djfa1KMjpUGlnmPznGrS7140NBI/qocvoUKRa50ntYDE7/qhgtCZ/UsKF\nULfgZ0eX1NT5z8gh/vymjbCoOM0wYUOjPBV83bI4RwRUSRASnlb3HAisbrLV\nrFDKAtfcm0thKdbm6Ee/CNzTfx7bYri/0ZOTLvdYvHpiN1rxXxI3ZUbXDaX9\ndv8JEhrxcGzC9orAKbEL7Y1CyU1JkCObxuzOqTohxx+csv44ZiIvZNDH3gbh\n9D18SVhfz331rf6XKelL3T9zEtJW5YoOMlddrS41bAbbeRk0rhqzUOGNjccD\nQz1alayY2qBY25SK0geymhVNwac2hZF1ABrA1S1Np0VH5mcRFUw9rpgIqZL5\n3xrIqqZ3s8W9p8oK4dkKelklpa6WfH0VqMeeRe2CubqVAH8u+9gYUfMRyisX\nrD2V\r\n=5F/Z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDy5QqVCFWHfxPGicFW20Qle7C0yZ7VsdiMNEe1BtmBUAIgLaf/eA4tr+oTFDBirUhqExpOLVf74RbiyhZVTtrHBtI="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_0.0.7-4_1523715848322_0.8868651915719081"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"0.0.7-5":{"name":"stencil-colorpicker","version":"0.0.7-5","description":"Stencil Color Picker Web Component","main":"dist/jeepcolorpicker.js","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","files":["dist/"],"browser":"dist/jeepcolorpicker.js","scripts":{"build":"stencil build","dev":"sd concurrent \"stencil build --dev --watch --docs\" \"stencil-dev-server\" ","serve":"stencil-dev-server","start":"npm run dev","test":"jest --no-cache","test.watch":"jest --watch --no-cache"},"dependencies":{},"devDependencies":{"@stencil/core":"^0.7.24","@stencil/dev-server":"latest","@stencil/sass":"0.0.2","@stencil/utils":"latest","@types/jest":"^21.1.1","jest":"^21.2.1"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","jest":{"transform":{"^.+\\.(ts|tsx)$":"/node_modules/@stencil/core/testing/jest.preprocessor.js"},"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","moduleFileExtensions":["ts","tsx","js","json","jsx"]},"gitHead":"86cd87921e5d74f763857058fa18b567a59533d0","_id":"stencil-colorpicker@0.0.7-5","_npmVersion":"5.8.0","_nodeVersion":"8.9.2","_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"dist":{"integrity":"sha512-VBXhxxLTUyNjUb4JwGCRPdM/LX5EWb1NX1HOBDlm0z9RqLB3Cwm++pHEjXLoIVjtfI5BNiM1HZPnzwxrKN9rdw==","shasum":"7203621e1a34d9d47a44abb13e9faa06efce1828","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-0.0.7-5.tgz","fileCount":23,"unpackedSize":219036,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa0v3xCRA9TVsSAnZWagAAsOUP/jwX8N6d4KvDouYds7Q0\npIdeDa8CW1RDRZAXZoxrd2vgCE7fnPWMwUUUL6atUQEV6t3ni5UKKdjDKV9D\nzT9VBE6CFl6WGbgyDASOLEO73eTwhbhBwkGjUx6ufzrZNkNcif1ve8Xm/+Cx\nau/7/m9RZQWgeJPqJBaL1KGMb4KGGUXNaMq9MZaF8OB8JB9bRgY9WTA4Yzfn\n+eE2k/1HCSV4CFlSKKBKSRFEylESkb1QrE69tgjEOL5iGbA6C/K3RudkpIsS\n2jT9IUlD6Enazf8po27FcbCIErpRY+7L3uktLS7zrqaXPyuRftxLYTaiYGHX\nKqZ+J5TATfMWZHRd8mgf0/kW3edz3DULMrrtSP8t2RWzkI7OXLkzDPAPGI/c\nnidOeDQZFma2eMgIkYbfWwjTpNFFRvuOBEtEgBaZ5SbJSgLGoW5EdXLX0Lx5\nUQgk9Fd/0MyxArMv7hIA7kmuD0yIHuUdxqYLIUMKIITbtBijCTEcVNFzDNBO\nkApRUtm5NHqTCAG5badItJm+xmT3J/ZoDOcCE9bA0HMazXBrywCKy5+lVmn+\nA2aePZPJ3aCceKZoGj6p08h/OJaNiTr17Dnud2hPcQsL34KizJlh1uE9omei\nedkDaQV73ed9oPCWnpiXxhccDkgFob9GqUhWkHPWbg7lQSbr64X8Y0Zjil9a\nm0LX\r\n=pvpN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCueyYCO8gTgLLGY0kSLRAsr2Hv7JZdfAbdhG1MSHPY3AIhAOmkhgP1lJHUBNSK0u2nmBYQqxv1IXMD9UPAl3u1e2Wl"}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_0.0.7-5_1523777008658_0.15387163781820856"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"0.0.8":{"name":"stencil-colorpicker","version":"0.0.8","description":"Stencil Color Picker Web Component","main":"dist/jeepcolorpicker.js","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","files":["dist/"],"browser":"dist/jeepcolorpicker.js","scripts":{"build":"stencil build","dev":"sd concurrent \"stencil build --dev --watch --docs\" \"stencil-dev-server\" ","serve":"stencil-dev-server","start":"npm run dev","test":"jest --no-cache","test.watch":"jest --watch --no-cache"},"dependencies":{},"devDependencies":{"@stencil/core":"^0.8.0","@stencil/dev-server":"latest","@stencil/sass":"0.0.2","@stencil/utils":"latest","@types/jest":"^21.1.1","jest":"^21.2.1"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","jest":{"transform":{"^.+\\.(ts|tsx)$":"/node_modules/@stencil/core/testing/jest.preprocessor.js"},"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","moduleFileExtensions":["ts","tsx","js","json","jsx"]},"gitHead":"b65408da5df1ccaa77b80732b271b71d8b42daa7","_id":"stencil-colorpicker@0.0.8","_npmVersion":"5.8.0","_nodeVersion":"8.9.2","_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"dist":{"integrity":"sha512-8qWw3wSmCF8/DBMN4487Qaozm9hOJDl0FMJl6IVMKdAy96XiiA/JgrIgzUQJFoeGOqOZcSzf3MbcTNWmHcBK6A==","shasum":"3f4279a01635593854933ca12e4b9c0290d520b8","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-0.0.8.tgz","fileCount":23,"unpackedSize":255179,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa8BsaCRA9TVsSAnZWagAAywQP+wdN3RTj+oyadTd1BBT6\nlkEL78dPg66vAjG03VbsfNFN91NZ3BgkaJUeleigYpQrw5Yp0Ld4bGHU15P7\nCi3R1R3c+3CrFV+vHnkCy0Sm+/O0EeBxtg1vhhLwVdHJjv30cKJnJ1FnB5Yy\nodTDcpAMMTMfziQTwwGr8xJNn3fPn76zV1exADmxkUbbUOeahLOJKWn9Oixq\nmxk9K+kH6EY0GUZNzs97wWMAmg+/jjr97XxYKoNSCYGszCci2Isj5PfyJ/2F\nZ9j2cWMamCm8Boe6uJWgWV6T3hkptTsa+QwX1yH2yVzawDNO4EIHxGH2CP8E\nSq8pfL99GS8mKLW1VEFpDwKZSEa9m0AV3VYf7UnxS9VaZQycxWgOfQ4gTwqt\nIck1WE4vXRoem1363IXgoc9d7wdRT5YQYKfagRSmJPZnM1RD+THbt1UAeAck\nGbAGSs4oMaYx4n+JnhnvPnCu4u72MWUWvCx1bZ6g5yUfu108pZ2PFfMHKawp\nKFtSW4X1EuYS0YACSmhAabylhoLVVuOcqQdBVj/WUcVOPkANiIhKr0qpgtWH\nDic/XiAXTNpI6PCz/KKmSPNHeuJNk14QfI4OqF/9AP5i2cc8wNvHGBKlVRXl\n0IrnNd6uVEneC2LjsY4HgZFqurQtY65nrJVtF1VoFSgV43sK0xOuHkQeVcXC\nSooM\r\n=K3M/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIERu3S4XxaPGzy89XJQ/UwwK6uz7S74gINIH9j/BziJ0AiEAsql0OO+5j1OeFnDFQmmHGKh81QCrpAYWFjt+HwkiIkI="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_0.0.8_1525685018251_0.4054784143335266"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"0.1.0":{"name":"stencil-colorpicker","version":"0.1.0","description":"Stencil Color Picker Web Component","module":"dist/esm/index.js","main":"dist/index.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","files":["dist/"],"scripts":{"build":"stencil build","dev":"sd concurrent \"stencil build --dev --watch --docs\" \"stencil-dev-server\" ","serve":"stencil-dev-server","start":"npm run dev","test":"jest","test.watch":"jest --watch"},"dependencies":{},"devDependencies":{"@stencil/core":"^0.9.7","@stencil/dev-server":"latest","@stencil/sass":"0.0.5","@stencil/utils":"latest","@types/jest":"^21.1.1","jest":"^21.2.1"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","jest":{"transform":{"^.+\\.(ts|tsx)$":"/node_modules/@stencil/core/testing/jest.preprocessor.js"},"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","moduleFileExtensions":["ts","tsx","js","json","jsx"]},"gitHead":"e32eece6cf7b80f85795c815c95127ebe4369c89","_id":"stencil-colorpicker@0.1.0","_npmVersion":"6.1.0","_nodeVersion":"8.9.2","_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"dist":{"integrity":"sha512-Q5/3kseplfdxc7DdM1KUIofu6w/ypSxkXQE1nVdygkhaD5tw/rQamuvO6rKoaN568H2QuT+xPdoHnITJCrSjLA==","shasum":"e1cfa90a34ced476052979108267b073cedaf906","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-0.1.0.tgz","fileCount":38,"unpackedSize":310413,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbFqt5CRA9TVsSAnZWagAA0BkP/3hI2qVDd4Oc9KHQl/Gv\n6n9ORzvLjaL2kugjklR5faBuZ16wzCtXZL96rBltOsBqtCu+3u6xoiOPk0NR\n0Ql0MLguDzsYaZmxL7ONkhyiIm4dyXA0SP03JskzFvL+PktCPPly+adOALqM\nn/SIEEsq+NtRQD71ES2fFDgigCWbRveNr3N9h0Bnh/IAMWFCQG44sGoZo07m\nCFLaxpJ4ZUW0Ye7ZTOGFh7DvqG6n3F3HiDrYneKDPPuMmp9MgHQ+7PzW9ayl\n+O936sIFwtBdtoeBRX41f+KjTfP71bSspyQGna0JCEZcLOvqC/lLYNGBit6Y\nDq9+DedYo5Qa3e1m4exAf8GV4BBjtj2PhujjskmXVljvOnMkS0KRKAqSyNLO\nS7BPZhvIGK4J2HFKnWqBpl/VyO7tp0Q/TnsflHXxCjCihJoqhebPhWjyqci/\nl2j64GxX3wak4cGFlXvUBcM0/s15AAmGSqxwGWvqflSobMyn4ZuXoXlZqjb6\ngAivnZs2vdv95f/CX7IAXDdCDhZsuNjhwNMIEZD5niDg1noVzgcUIwscpRM8\ng0Wq5HsdXSpsJjWDp1Rbi6Rm793MSqv7LJVeHpYyptvkF5gqpGz8CeeB+K5b\nvEzi2nD+39WC509O2nGT14kyHZVj0ryV8y/ZRuHILOXgdV5vF55J2YjYsJRn\n9tOg\r\n=35/b\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF/5DUVb2ttWxy0YCQxfroZKVGxFTqoF97eVFERWYGyOAiB/bz6toVcTOR/duUnq1hY204qZQf02zNmu4SDwzaiAgA=="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_0.1.0_1528212344947_0.018273297253823984"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"0.1.1":{"name":"stencil-colorpicker","version":"0.1.1","description":"Stencil Color Picker Web Component","module":"dist/esm/index.js","main":"dist/index.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec","test.watch":"stencil test --spec --watchAll","testAll":"stencil test --spec --e2e","testAll.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e"},"dependencies":{},"devDependencies":{"@stencil/core":"^0.14.1","@types/jest":"23.3.5","@types/puppeteer":"1.9.0","jest":"23.6.0","jest-cli":"23.6.0","jest-environment-node":"23.4.0","pixelmatch":"4.0.2","puppeteer":"1.8.0"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","gitHead":"87c118786f3e4bed82ff65c42173a3e14a59118a","_id":"stencil-colorpicker@0.1.1","_npmVersion":"6.4.1","_nodeVersion":"10.9.0","_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"dist":{"integrity":"sha512-YeopFH1jBdQbEY+He+IbULEIm6NBYz/DdKV2TaaGvjtsYUOL0QD737UflDVpNNOMPIXdKtBzkbLT7n99K/PKPQ==","shasum":"2b3fce9cb094f5dcccd3b7a4007d3124b1d69d58","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-0.1.1.tgz","fileCount":51,"unpackedSize":519096,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbzJaeCRA9TVsSAnZWagAA9McQAKI3TY7OIz2+idx+i7Oj\noJBWNtWMgy8NnAwgsV/8upm5IYMBYgz3B0R0H7RUp/++6zxtuznjPIe7RCOd\nW5fueLkp+WLeiaIG613KYeGO/aqTZJdDryGmcMe6OvQfkeFa7GBrbkRtMPY4\ndZl+/zycHExx9FFadjnQN7bDQFk/krWlp8YZCvDRYQgKKrQ4GEApFePgOkQE\nQ06GrcNouAHa+2YB7VdI8nkyjsQGI70zFjZ/2/R1LymVZuTL2LTbxaMzM+rq\nF1jCoxVtRIFc/E9VhwUXuM9nLsIqooal83MT5KdEMOC6KJOe+90qxTzVjkKa\ni/JxJdtuAFx2YxWKgp9IJKWOdSayKxs+9xoDGMZ9Cj3tjRrRM41Fm0jw7nbn\nFKO1jPf9CvomcruY4z/M3fcMG9VtcTNl3P6CMxACq8Z8T02fnXJXk8xu+gU7\nIC4EKcMJ7FGkqLQcIprrbQuLU4bnEim1RPqyTUh+4zslrptjqPbQFgUPG+yD\nli+QE+LKnZq8x2R6iz91SOy5OnK9k7gBPt5a9fgIrFBiDK7K6y5yQnYSxhvP\nu+h69u/F0zyv+cMad2znCryMw2MofNrInDG4pxh0VVlhtajM8zHkzQcu62KQ\nyskaWm2K8hOCsqyN8of+df3uwhNNoPeZOYMo6YIJ7hYtCXsCc/Rp0/ofiIP2\nopKf\r\n=P+B/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB+hxTgqAIaSv70cuYfRuP8tOW1rJrIdZ1e7kEOEpTcrAiAEPIcX3EYhmDsQ6koywV4R9C/2vgJ9EwjTSTTheO6UFQ=="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_0.1.1_1540134557294_0.14054321380372548"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"0.1.2":{"name":"stencil-colorpicker","version":"0.1.2","description":"Stencil Color Picker Web Component","module":"dist/esm/index.js","main":"dist/index.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec","test.watch":"stencil test --spec --watchAll","testAll":"stencil test --spec --e2e","testAll.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e"},"dependencies":{},"devDependencies":{"@stencil/core":"^0.15.2","@types/jest":"23.3.5","@types/puppeteer":"1.9.0","jest":"23.6.0","jest-cli":"23.6.0","jest-environment-node":"23.4.0","pixelmatch":"4.0.2","puppeteer":"1.8.0"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","gitHead":"35b70bcc326da5ec075a42ee92bba3d9d6d879f7","_id":"stencil-colorpicker@0.1.2","_npmVersion":"6.4.1","_nodeVersion":"10.9.0","_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"dist":{"integrity":"sha512-h8PyCXrih7EzoRY0wlqcvzpXMY0SgYJOOi+gqq6Y2YYQ4o8SY9YHj8t57C26omFq5HloWBlXptWS+jFgs9gaVA==","shasum":"60110cf9c144414bc6918a1e8bb73b33df44beca","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-0.1.2.tgz","fileCount":51,"unpackedSize":520706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb4bcnCRA9TVsSAnZWagAADloQAJJnoIrBoVU8qeirc7sR\nZljMm2+0jhKUv5N0ZDiRY3M98+IvfiRg/t+oYjKYmJLaXVhYbPyptJtMrNhu\n2UIc8BphQpwhIYEtAcMSG+njGdZGLXAHC73KYuxvcy1+0ZB7M9Q2y96eJUag\nC+ptC+95zFUbI0NsC2Esv3fKHHRYTqn81gjq9wGgd8jVdRFxXpvr9gyI33gm\n6ZUVEHOR5er0WspqIsjj03ybMVQ9R4GJ3cm4GZNDKGzty2/4wt9Y7wUED6Yx\noQa8aL2QqZvOOU7MTrJOusjWwM/59PF6Vzm7yvC4kNmrpMUYNAyOgwpwKN2L\nhha3rjXdSjCl9dX2zUjz4wHBwOi7vDM+GpBtLv9708s8KIhHyR8UvNWfrP8v\nj0hW/YPKK4MKhie2Ox/Mgl55M5d0k5r4OEm6gWgQI3P3+TWC+DkD9ChTMTJc\nHsQq/DBcVEKqR5d5xLYHxHU4oXhWh4vYi+ZgIoqCqnM8knF/cDhGMUXaIVG3\nrC6eGFUrIWQA1x1JqZc/Z3z1xwC+9kKnqf8XrDlSJgwB3eQMRM1dVkL8o/8E\nx+mTYFpPcakHgintbxdAiZvDWyUSG4I+QTm/qc4sFl2s+N096srMhILresjn\nQwekHVU+53Ft/pcdLDDL+Sj8heiay3abdfcNfv86jqOGr6SmQizLeDO3OLT6\ntqEj\r\n=mTfu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDGZjKaFN/7/b/8VL6jq3/wcrlbkwVNZMvjr5tIAPMIogIhAIf9ChPzJ3sEvmEAKIyyMIh5AavK31J2k/XB9VH9K6g7"}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_0.1.2_1541519143304_0.7721951463874808"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"0.1.3":{"name":"stencil-colorpicker","version":"0.1.3","description":"Stencil Color Picker Web Component","module":"dist/esm/index.js","main":"dist/index.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec","test.watch":"stencil test --spec --watchAll","testAll":"stencil test --spec --e2e","testAll.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e"},"dependencies":{},"devDependencies":{"@stencil/core":"^0.15.2","@types/jest":"23.3.5","@types/puppeteer":"1.9.0","jest":"23.6.0","jest-cli":"23.6.0","jest-environment-node":"23.4.0","pixelmatch":"4.0.2","puppeteer":"1.8.0"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","gitHead":"75f4eef2ad1fab424b04d566fd2f054562e424bb","_id":"stencil-colorpicker@0.1.3","_npmVersion":"6.4.1","_nodeVersion":"10.9.0","_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"dist":{"integrity":"sha512-KVIC4epDmuFJZjjaH7UF7abZDh7XWob4n/Vwq1c4EZbY++CRGHb1faFuYEz/yQoL3sTfn//kcJmwnlylhiAFew==","shasum":"d1f191f03d21c73b25c1d2ddc02f5742cfadc831","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-0.1.3.tgz","fileCount":51,"unpackedSize":522205,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb6/zRCRA9TVsSAnZWagAAWb8P/2OjlG37cKI0AnENLeeJ\nDRoU7Ps2JDXoXGCTcg/7xDbNURNpJrLjL/W9L8H+acvP5/SDa6dB0oHp2BEi\nioBNeoodkZFX1A2LDMswOYSe3qOlBQuDFbFVKc0isEM/tb5hdALMKkTmfn2h\niED9Jbrv3oFU/rArBi4fa0tG1deKo4PBfujRvOgKN9stJCw/neuRRfQE7gP/\nCH9gMvBEkvkTFnHdpXg+ezvmatJb6x+CF8I5dsiZ7W2AvkNORHM9bPNqc0nF\nMO10QeZpwAlmnYNue1JdGX5nCK4/sEcO6W4fd06MKfmV/NGZ5s5zg4ZJWOk5\n2/Ur/NZwuljDux9uAx1ceIdSwrv+NxCRTl6siafZ9I9PBlKpL2kSPdMRQips\n3NsePSnKN7Y84eNtG8WTDy1xfA3lAJLHrB2SdH2l36Rff0/DUQx8rF6H+yte\nuBackd3fscF1+Wvx61zBOyiSOXKEg9DDRZO5x36/4Rell5+f8x48EznnBs0G\n2lvImG2d3yisUljG4utBJqRD3QVyz4EsUU9re4zAaRR4MW7a23tbB97gBPXk\naUX/kXuldM7st6lNOVBFAB7LqmtxlVTbCBbyo1lfBWSOp9f7I7eNjrS/55D4\n3hFq/8w+RWaBrnNgHbOhKRlgoJ/35v40crFRCc9nHE7EOKaR4Mnly6gB4R+o\ntVEv\r\n=45ac\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCxn5/2CIzXSS8jwpT1klFWMkESfq5g6OzXymMWDtY6bAIhAKCz0RJNyW8//8VpRFC+L/ZaeYtH1XUqW4Os4/2E6eY8"}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_0.1.3_1542192336719_0.5052494216735623"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"0.1.4":{"name":"stencil-colorpicker","version":"0.1.4","description":"Stencil Color Picker Web Component","module":"dist/esm/index.js","main":"dist/index.js","unpkg":"dist/ionic.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec","test.watch":"stencil test --spec --watchAll","testAll":"stencil test --spec --e2e","testAll.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e"},"dependencies":{},"devDependencies":{"@stencil/core":"^0.16.1","@types/jest":"23.3.5","@types/puppeteer":"1.9.0","jest":"23.6.0","jest-cli":"23.6.0","jest-environment-node":"23.4.0","pixelmatch":"4.0.2","puppeteer":"1.8.0"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","gitHead":"687f36e8813dbc46d3379307a7d3aaa088fc1458","_id":"stencil-colorpicker@0.1.4","_npmVersion":"6.4.1","_nodeVersion":"10.9.0","_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"dist":{"integrity":"sha512-K1AagmlFozc6yUOMyiAj67fQQ5N2b0yLhMQLLZCOH1MZUYo2hac+ezHfRdWVZWUrl0ZHq8BCgGtrJPTtfucDFg==","shasum":"7eea462507040b0403c1433614ba32586a385404","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-0.1.4.tgz","fileCount":54,"unpackedSize":526964,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcFK2wCRA9TVsSAnZWagAA9YcP/At2aWC1lPezslAAqpFK\nL5mG7QofeGjtMP7tRWij7EwQrGcwQLSAtlauGB9r3VF7EgcnuAuos8X2lmPE\nLcv0ish1r9fOArGC3g6ZxLl39YMRFqB0tyPbEB7ZJXHUPurbrBPpAL4vKNoj\nzqCfhDI3gwu4ObFfDdUrkAvZz0i2b92rRCSfjhvAMZpEWHrWHcCIPoZ09RYM\nGTc4XabNjeesCMH12jO79uoD0rcs0jc+mxDCmIPLNpcBn6c/DHxASfRnUONd\nNsL19g0ei0zQ1uQp7c8gtSpS2payrTAcKuX/trYYHF1KjeLnAMUo+C/ja/GQ\nGLlqsncTeRLePEK4SwaKoT8jLClkh4yYuqN8WYorqeTP6UjK8xyNFI69b9CQ\nwW9hyX44PNG08HCtKfNhDlmMHk2N/KJg0hIPiu05/XxqfwzV1F4r7VR4lIF8\nbhxUx6oyRdFCAhhVk2nqiNHhjXHIZluJ3mxEfUjnDTGHdfxuN0BxaV8OocWZ\nPYzBBiAg36ZENM9dIQLUiom1ogV9v7Pr4d8e6+nXH2JKF9oAmPG+JQ6KCqK/\nvSMh9k2DG/ZVcdNGylmg2e3zmXwOjW9uGXzeUVAnoymN2LjPrqblqBhoLRRN\nevjvI57Es0ob7khzi3c+mt6XVaKNQFZ3oLqLuI25fwrYz43f/Av/QJcnLhQK\nUY5L\r\n=nDPb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCd+pepPpxqXGqGQ84G7hSkP3+GJtJqJzCeM1QmV3/xSwIgZtTbxplDf1vKKQlpqDq8U/KN+x4nq1cTiAbjSFwZIbM="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_0.1.4_1544859055699_0.05297423211646746"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"0.1.5":{"name":"stencil-colorpicker","version":"0.1.5","description":"Stencil Color Picker Web Component","module":"dist/esm/index.js","main":"dist/index.js","unpkg":"dist/ionic.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec","test.watch":"stencil test --spec --watchAll","testAll":"stencil test --spec --e2e","testAll.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e"},"dependencies":{},"devDependencies":{"@stencil/core":"^0.17.0","@types/jest":"23.3.5","@types/puppeteer":"1.9.0","jest":"23.6.0","jest-cli":"23.6.0","jest-environment-node":"23.4.0","pixelmatch":"4.0.2","puppeteer":"1.8.0"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","gitHead":"0524a50d25561540a3f6081fd4011313faab5289","_id":"stencil-colorpicker@0.1.5","_nodeVersion":"10.9.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-O9J+UnqBtrjJmyc6x3g3zsVvAQOUeInRAhD3bqbSgzhasWPq2jUaWv8OLi8NK626wI4jguHVxgsCZGXglKJizQ==","shasum":"55150f20ac8edb1b413b36d055f527e61be5ea5c","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-0.1.5.tgz","fileCount":55,"unpackedSize":530369,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcTBooCRA9TVsSAnZWagAAHe0P/3tFaMpMu7sUF9XzkyEq\nQcU6Fedb1mH7Vg9mCat+SltIWuh3Bc9jZX+tMfemyLPA+yMn4eMce6n1tofY\n7OL13zD4wpSP7BZGG64YSflxVLIoKiu0MKKyvFqqWZTPsZupFZE1sE85udcL\nmE8yo/bSKABG/5WG7eNIND8v0RuaJhMoxz/CSxU1vyAhmUQLWOs8sQqsjga5\nEHkXitYqwpy3G9YskEn91QXNulAc1t/sjE0WTbGylz4j9+1JqROcGAYb95k7\n7S+3avK38AnOSAKSIIuNlYjGXJvYDnvv4EwJm9HIJft2XfLf3J6fEDPNjlR/\n8Y0hzySNpM8be7H3Ac8730tYz898StbLO1kve+4EzBE+v6hVp/EclmIk1eOi\nvzvGuJoQ8KsSG9KmEAdcPU0xV6nuwD/aJvvRidh1r7dIyo5lrjGT9HL7h6KS\n/jYpMhZjbjVinrEX7KVLNWdLMcDyH3+upUG5QB9YOCC3r/H/4pnC2Mxpo8Y6\nOVYeIf5AR+CMHQq3owo0Npc2FOxajfORUNqo3Jycw3d4Yahjbo2VTls3hm8E\nN/XTALGhbBnDu7DjZcWa9pZIQA9BaeTeVpoiG5dqPwpM2ZT4l04aaWBM51FJ\n5FFvWsNtWbHgl5c2idj5wL9qdv7j52m3wU7Aztsn3dnwbQ1Xajzb/Mwy1Qws\naskh\r\n=emQe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG+sT2D0gv800Iophult4YWbdguEDg37U9aGDOxliDKaAiABDZkSB08dchJwUDVkQk8xlZHsxb5RhGmDW94y1tqX+Q=="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_0.1.5_1548491304224_0.16157837458731739"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"0.1.6":{"name":"stencil-colorpicker","version":"0.1.6","description":"Stencil Color Picker Web Component","module":"dist/esm/index.js","main":"dist/index.js","unpkg":"dist/ionic.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"^0.17.2","@types/jest":"23.3.13","@types/puppeteer":"1.11.2","jest":"23.6.0","jest-cli":"23.6.0","jest-environment-node":"23.4.0","puppeteer":"1.11.0"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","gitHead":"09ca0c43d5e8d3ee2c7fd7b8056a50210e79d87f","_id":"stencil-colorpicker@0.1.6","_nodeVersion":"10.9.0","_npmVersion":"6.8.0","dist":{"integrity":"sha512-7dPvDyXHNTiDSKqqzYbtywbiAADedGaPP6iypQLkXGnk1jQv2GhPIkpUX0Fzs1H3eDAknfdVIeCcBIKVwYNXtA==","shasum":"5070daaed65445f72cc68c889e93301c475253be","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-0.1.6.tgz","fileCount":54,"unpackedSize":527770,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcZRR5CRA9TVsSAnZWagAAC3IP/jRcQx702OyPuhlJ9L4Y\n6SBYswK36xrPW5QKQIIh5apV6ty7Ki2rQYTZOXUa3MeaflPTvBqGY973O4R2\nlN+kY2ooLZKXOjMmekBl9OjimzeCZ8TI39cinDFEVOWB4e24d92Fssj5rvap\nqVdXAxbRa/weTzonrn4CvFM8LKheDoVN4ZWjZUIEdYCL+7vr7xTuZb+BFIF+\n9EsfOz82eR7DjF6KP+9Y1ApRIfJoX9+f4BTtjUxrnadDHLR/O1D53AItM0/6\nK+/mbr4A5PVFhQLc8yh3yPbywzFn1RqgB3nEg4McDCaVR3Ma6Ot0JNYlZ4Cn\nO7UeOb8IHPiF6A7tBbDFH0xS3pjnXBCETkYQoDV3yy3KX6DmdFPVbUHvvY6x\nXh4Pd9ROLwbGZTpQIfK+ckHo8FbUwUtT5ONVm+huZIl1ZZ/kYtrrj1aotyCp\nCOTHc80PnaS2PhBPKjbk9GcOs1gi5GXUniAABBB8MgGW+slt9lfaqx7mJya6\nU/IQ+KhqU7TR3vewSwYzQC+oxhUK82rySAXyAeCUICkNSx+c6Xi3I3yHcO2B\n/1QJGFrMcI3L1/Vfu7gEah3WeaJKuq9C6/5CKuJneG8uZdD94/zOgSmqFM/a\nR7fI5lJsvW2SvQP2LSD8lxWVWuxZ9GSDisxNgZ2W16VH/T5sZh/1Hi2sW8AC\nWCb6\r\n=sp/Z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH2emCpyvMdfwgQ0t4UeCrUBKbpVK2UHItVOCWX+LXMaAiEAjX9fJMGaL8SPaYQuTWiRJXY/K2oDpaj5EAjEP9KKiXQ="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_0.1.6_1550128249036_0.5613248023613961"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"0.1.7":{"name":"stencil-colorpicker","version":"0.1.7","description":"Stencil Color Picker Web Component","module":"dist/esm/index.js","main":"dist/index.js","unpkg":"dist/ionic.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"^0.18.1","@types/jest":"23.3.14","@types/puppeteer":"1.12.3","jest":"23.6.0","jest-cli":"23.6.0","puppeteer":"1.11.0"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","gitHead":"774e028a69161871f5ba8483ae78ad53489a22ec","_id":"stencil-colorpicker@0.1.7","_nodeVersion":"10.9.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-77Z6d5htpc3dXMNhXChfRBCfZWtWSyOqDzlC17Qi9mKSXuNsuY+MqYjkMl16f3bZUQtYxkP0Vd2aT4f7vAK3PQ==","shasum":"a82fd13a83d675b4e80d05256cf2776541f58ed4","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-0.1.7.tgz","fileCount":47,"unpackedSize":420741,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcwWHuCRA9TVsSAnZWagAA2N8QAIWPlmNR6Daw7+m2qEq/\nGX7p8H9eQwIjncAgdoEnmg5TzoPoNDK85+BsMpm8lc9boA9H+rDNv8oZMlPL\nvMMvipwEOKO29LcHY+hWjs1l+qdqm60meKP181ZS4pgHAVUsEDcipweFZek6\n6I0XeFA0DGjzgPfuZd8wQAKzQfB7WMGsR/QsoQfAcHLA8fRvo3+56PGiRv4J\ncpvqHP2mAnqM3dj7FUoP4erY2ZrvLqYY8ON/Ik4g57TYunwSRy90OoneeXL/\nMG7Jbg7eOuh3jvLMwYNQjT/NSTkUAufXfDFVhIY4OJOw4Ygj+y+TZisakC35\nuGmIlmka7KRSg/Xy7DiFHqwV4KaZK5hpZ8r1cN+zDrfc7XIbm+eOxb8XEL8F\nRdAmGecjUvIpZiqvxD9xtjcAKSCyXMfICnWCOfN4ekGjDn59+49Ilp37OUkT\nohgpQvby7E9eomoMPzU8h1drCqfKYrAE52g5MG1T9Xh6d1AGkwOZ3EhzLzBq\nav94p6g4a6vHFHx14Zsa/mV/nksqSRwgdfksS/PceGDM5tDuOLT10A9ef+bH\nNigJUdTvU0tPolwkg6z+QWspmLse/MI6LzoJueJqRk5no1X4QxvtSQNWLykv\nQhBEFByYQAzqwKYhmc159yGtecyEHhO0lJcnWk2W0rbShUyrSwgldzDHbPZV\nFnlV\r\n=k/8D\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDkV7rHVl0HGpF4jJg+8HMVR9u49iy4LE7+gRyXWsSelQIhANK4rEreePPvI4mivmIBt5tesZrdiFwW68nchjvmNh9n"}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_0.1.7_1556177389335_0.039983043609165714"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"0.1.8":{"name":"stencil-colorpicker","version":"0.1.8","description":"Stencil Color Picker Web Component","module":"dist/esm/index.js","main":"dist/index.js","unpkg":"dist/ionic.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"^0.18.1","@types/jest":"23.3.14","@types/puppeteer":"1.12.3","jest":"23.6.0","jest-cli":"23.6.0","puppeteer":"1.11.0"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","gitHead":"774e028a69161871f5ba8483ae78ad53489a22ec","_id":"stencil-colorpicker@0.1.8","_nodeVersion":"10.9.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-dJfVhLBqI+gx+45LTbx218ouQJ50BipFu9vWsiVZWNGQIaKH2GT/NtTcfP4xzw6nxJJ1M+8Lvb5fu0xjG6/xhQ==","shasum":"ca51a8dbd93ec13502eb7f2080d5ba97161b768f","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-0.1.8.tgz","fileCount":71,"unpackedSize":705752,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcwWJjCRA9TVsSAnZWagAAeywP/1NUb3SRRzAyrsosGn5K\niCCANkD0xQZlwAuqai/fwYLfGZL0F7MdwCnYfGZXwXECitplK2Q9Ufne95AS\n99GEwlxBUanySOIgIzSW5lSY96raNPdj98IVeETImnWRZj2bTpCcgzKp/cbb\nqhj87hcGk3enpDDsB9YzmDvnrYjGr+NbKo/BDtsvUCckw5UQOvBfb4ihaI0l\nrzPgZAlU6aMJ1fbuobb604VzfOnAPHWf22XgyXJagfaROo9HAR9Hcq3a00J6\nYLg/9sEt3mgL0s2KHV7zdsR74w7nWo4mmOD06FHfuIXrTdGuN0HxIShTuGwX\nfoGQ/EU9MlZdy6fJLgtq7tyIpCriCdo9hxsPpXuoBzsmksgaxbJRLbX+E98V\n0T/L+g9kJwYO8aZKDKjVp5P61mhkfkGkWDsQ2JrAfbjsKzHwVRvK8VVckUzk\nGJpiMhk+mn0puaOc0RQErFId36VJ5mGCollkggqm/6rgo7kw5/J2rPTUq8aS\nydeOKL52Yw0dqPyKeM7+Qt2h/2V1/Q8ME1buSQcgfnKzeAFPZoJhqjyEMBZX\nSuV+1hNZl0UpgxSwY7s+5ZtB0PxH0ySwxMEgj2u1FUEhAV6DPYcw3qkFdwMl\nGNslHeY0G7kvTxR/fRTPMyzonRnE11Ua29/QxZ/up5cIfQs53a8K625pKHcM\n29XW\r\n=b7JH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEiPuR256z+djwpk4SByfrkjipPvbqezua0q5G1XiP52AiB9mIl+jC1JyKSgtKHXH10b3CRosF7nkDr4OH9U3fuRrA=="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_0.1.8_1556177506678_0.5162146807872643"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.0.0-beta.0":{"name":"stencil-colorpicker","version":"1.0.0-beta.0","description":"Stencil Component Starter","module":"dist/index.mjs","main":"dist/index.js","es2015":"dist/esm/index.mjs.js","es2017":"dist/esm/index.mjs.js","jsnext:main":"dist/esm/index.mjs.js","unpkg":"dist/ionic.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"one","@types/jest":"23.3.14","@types/puppeteer":"1.12.4","jest":"23.6.0","jest-cli":"23.6.0","puppeteer":"1.14.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","readme":"![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n\n\n# Stencil Color Picker Web Component\n\n ColorPicker is a Web Component to select a color \n \n ColorPicker owns a child Web Component Cpicker \n which is rendered when the ColorPicker open Method is called \n \n Color selection is done by \n - clicking and/or dragging a cursor inside a picker area (Brightness and Saturation)\n - clicking and/or dragging the slider handle (Hue and Opacity)\n \n Cpicker consists of :\n - a background\n - a header : clickable area to toggle the text color format HEXA,RGBA,HSLA,HSBA\n -> left part: selected color\n -> right part: selected hue\n -> text: selected color text\n - a picker area: to select the Saturation and/or Brightness color component\n - an opacity slider: to select the Opacity color component\n - a hue slider: to select the Hue color component\n - a Okay button: to exit the web component with the selected color\n - a Cancel button: to exit the web component with null (no color)\n## ViewMe\n[colorpicker ViewMe](https://jeepcomponentsviewme.firebaseapp.com/colorpicker)\n\n## Usage\n \n ```html\n\n - using default values\n color : #ff0000 \n opacity : 1\n backgroundcolor : #242424\n top: 10\n left: 10\n \n \n - with a preselected color in hex format\n \n \n - with a preselected opacity\n \n \n - with a defined background color\n \n \n - with a defined top position in pixel\n \n \n - with a defined left position in pixel\n \n \n - with all \n \n\n ```\n### Output\n \n return a Color Object\n {\n hsb : {\n hex: \"#1d9aca\", \n hexa: \"#1d9acab9\"\n }\n rgb : {\n r: 29, \n g: 154, \n b: 202, \n rgb: \"RGB(29,154,202)\", \n rgba: \"RGBA(29,154,202,0.725)\"\n }\n hsl : {\n h: 196.647, \n s: 74.892, \n l: 45.294, \n hsl: \"HSL(197,75%,45%)\", \n hsla: \"HSLA(197,75%,45%,0.725)\"\n }\n hsb : {\n h: 196.79999999999998, \n s: 85.55555555555556, \n b: 79.33333333333333, \n hsb: \"HSB(197,86%,79%)\", \n hsba: \"HSBA(197,86%,79%,0.725)\"\n }\n opacity : 0.725\n }\n\n## To use the Web Component as script tag\n Put the following script tag in the head of your index.html file\n\n ```\n \n ```\n \n## To use the Web Component in a stencil-app-starter app\n\n```bash\nnpm install stencil-colorpicker@latest --save\n```\n\nAdd in the app-root.tsx\n```\nimport 'stencil-colorpicker';\n\n```\nThen you can use the element anywhere in your template, JSX, html etc\n\nStencil App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/stencil-app-color-picker)\n\n## To use the Web Component in a Ionic4 Project\n\n```bash\nnpm install stencil-colorpicker@latest --save\n```\nFollow the instruction given in https://stenciljs.com/docs/angular .\n\nIonic4 App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/ionic-test-stencil-color-picker)\n\n## To use the Web Component in a Vue.js Project\n\n```bash\nnpm install stencil-colorpicker@latest --save\n```\nFollow the instruction given in https://stenciljs.com/docs/vue .\n\n```in main.js\nimport { defineCustomElements as colorpicker } from \"stencil-colorpicker/dist/loader\";\n...\nVue.config.ignoredElements = [/jeep-\\w*/];\n...\ncolorpicker(window);\n\n```\n\nVue App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/vue-test-stencil-color-picker)\n\n\n\n## To use the Web Component in your Project\n```bash\nnpm install stencil-colorpicker\n```\n\n## To start this Project\n\nclone this repo to a new directory:\n\n```bash\ngit clone https://github.com/jepiqueau/stencil-color-picker.git my-app\ncd my-app\ngit remote rm origin\nnpm install\n```\n\nand\n\n```bash\nnpm start\n```\n\n\nTo run the unit and end-to-end tests once, run:\n\n ```bash\n npm test\n ```\n\nTo run the unit tests once, run:\n\n ```bash\n npm run test.spec\n ```\n\nTo run end-to-end tests once, run:\n\n ```bash\n npm run test.e2e\n ```\n\n","readmeFilename":"readme.md","gitHead":"fa35bd50b9ede000be015d495f0afa6b66d0848e","_id":"stencil-colorpicker@1.0.0-beta.0","_nodeVersion":"10.15.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-+YURMi8sqp9rPQYsvpxRO7bZChWAF/oh72whPwHxvLEmC7OGjskrlZikfpc/t0wnPjB5ZbZkyRcLsOnGt+owzw==","shasum":"763ed016ac9c6ac4667269128f53d21b3c916db6","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.0.0-beta.0.tgz","fileCount":71,"unpackedSize":931202,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc3dDLCRA9TVsSAnZWagAAEr0QAIbYpAwmvvKNSrafG4u5\nwTR3C1jGFBfNri5Ob01EcvnzlEiXvQ8vtvXt4x8fgGEf+fhqZb4OKJeUQbdQ\nPzo8n2wv8se3s6meF687yeFn3aibA77ZCGnsq/8CTfZFIpDmbV/Gaf3mA87P\nxw3rgQwPJCEhauhoizMlxRuSIj/PExolTAIByc7GyqNLfhxIG5txd44TkiOc\n3FqptPmix76L0uW24Kc1jDfkKtatfw9rN5f+9y0uLleua5D5hIInoIVKNBqb\nSRW4vmofTdVvGdBFdU6/Up0H35Rix65Mq9lTplz+nP8juxD7gjlQrIefdlIT\noeCyZP5grdXZO9rFeV93O1V28p1894vDUBhrB23urU5lHzsmknZqGchVZAaN\nDsPQ7jyb2NweJ+kmzv/lhkrWZOUE+Mq6kf64TRSO72iIhwUy3qKRpbOZx3Ux\npRBZeg9wiYIiD2lBBUpn54yN9BKO+aOL9vjeQGojO8VVsZPC6aD2Vj/7wgve\nrBCASDjw1TyKRwWOmJWjkT6Jvy81uUqH3eZvVN77FuSyYS7STo8mP2BhRbFj\nHE/uXCCQCokDCJ4DNrSoZaCYdtk908RHJFE/qvigKaCXiBVVVrZExR0CgkRH\naqySfSHESYMEwzVBUKCjmcbHy3zGrRqj+nvUrsBdS36tk/hdDiXRSl1VgnC9\n6B8l\r\n=09p6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCU2GhR/glXT8JdNhYZs/0KfyIh62TZc5To9ArRA0aNjgIgLA3sspzEj3qK3GnvAVdmA9fgN9y7hVB6/5I1fTdVMoY="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.0.0-beta.0_1558040778401_0.5221611358931608"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.0.0-beta.1":{"name":"stencil-colorpicker","version":"1.0.0-beta.1","description":"Stencil Component Starter","module":"dist/index.mjs","main":"dist/index.js","es2015":"dist/esm/index.mjs.js","es2017":"dist/esm/index.mjs.js","jsnext:main":"dist/esm/index.mjs.js","unpkg":"dist/ionic.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"^1.0.0-beta.1","@types/jest":"23.3.14","@types/puppeteer":"1.12.4","jest":"23.6.0","jest-cli":"23.6.0","puppeteer":"1.14.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","readme":"![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n\n\n# Stencil Color Picker Web Component\n\n ColorPicker is a Web Component to select a color \n \n ColorPicker owns a child Web Component Cpicker \n which is rendered when the ColorPicker open Method is called \n \n Color selection is done by \n - clicking and/or dragging a cursor inside a picker area (Brightness and Saturation)\n - clicking and/or dragging the slider handle (Hue and Opacity)\n \n Cpicker consists of :\n - a background\n - a header : clickable area to toggle the text color format HEXA,RGBA,HSLA,HSBA\n -> left part: selected color\n -> right part: selected hue\n -> text: selected color text\n - a picker area: to select the Saturation and/or Brightness color component\n - an opacity slider: to select the Opacity color component\n - a hue slider: to select the Hue color component\n - a Okay button: to exit the web component with the selected color\n - a Cancel button: to exit the web component with null (no color)\n\n Global and Local custom CSS variables have been implemented to help in the customization\n\n## Global custom CSS variables\n\n| Variable | \n| ----------------------------------------- | \n| --gcolorpicker-top | \n| --gcolorpicker-left | \n| --gcolorpicker-width | \n| --gcolorpicker-height | \n| --gcolorpicker-background-color | \n| --gcolorpicker-button-font-size | \n| --gcolorpicker-button-margin-top |\n| --gcolorpicker-button-margin-left |\n \n\n## Local custom CSS variables\n\n| Variable | Default |\n| --------------------------------- | ------------ | \n| --colorpicker-top | 10vh |\n| --colorpicker-left | 10vw |\n| --colorpicker-width | 70vmin |\n| --colorpicker-height | 50vmin |\n| --colorpicker-background-color | #242424 |\n| --colorpicker-button-font-size | 12px | \n| --colorpicker-button-margin-top | 10px |\n| --colorpicker-button-margin-left | 10px |\n \n\n## Color Button\n\n## ViewMe\nNot yet available\n\n## Usage\n \n ```html\n\n - using default values\n color : #ff0000 \n opacity : 1\n \n \n - with a preselected color in hex format\n \n \n - with a preselected opacity\n \n \n - with all \n \n\n ```\n### Usage with preselected color and opacity and local custom CSS variables\n\n ```html\n \n \n ``` \n\n### Output\n \n return a Color Object\n {\n hsb : {\n hex: \"#1d9aca\", \n hexa: \"#1d9acab9\"\n }\n rgb : {\n r: 29, \n g: 154, \n b: 202, \n rgb: \"RGB(29,154,202)\", \n rgba: \"RGBA(29,154,202,0.725)\"\n }\n hsl : {\n h: 196.647, \n s: 74.892, \n l: 45.294, \n hsl: \"HSL(197,75%,45%)\", \n hsla: \"HSLA(197,75%,45%,0.725)\"\n }\n hsb : {\n h: 196.79999999999998, \n s: 85.55555555555556, \n b: 79.33333333333333, \n hsb: \"HSB(197,86%,79%)\", \n hsba: \"HSBA(197,86%,79%,0.725)\"\n }\n opacity : 0.725\n }\n\n## To use the Web Component as script tag\n Put the following script tag in the head of your index.html file\n\n ```html\n \n\n ```\n\n Have a look at the usage project folder: https://github.com/jepiqueau/stencil-color-picker/tree/stencilone/usage\n \n## To use the Web Component in a stencil-app-starter app\n\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\nAdd in the app-root.tsx\n```\nimport 'stencil-colorpicker';\n\n```\nThen you can use the element anywhere in your template, JSX, html etc\n\nStencil App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/stencil-app-color-picker/tree/stencilone)\n\n## To use the Web Component in a Ionic4 Project\n\nnot yet available\n\n## To use the Web Component in a Vue.js Project\n\nnot yet available\n\n## To use the Web Component in your Project\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\n## To start this Project\n\nclone this repo to a new directory:\n\n```bash\ngit clone -b stencilone https://github.com/jepiqueau/stencil-color-picker.git my-app\ncd my-app\ngit remote rm origin\nnpm install\n```\n\nand\n\n```bash\nnpm start\n```\n\n\nTo run the unit and end-to-end tests once, run:\n\n ```bash\n npm test\n ```\n\nTo run the unit tests once, run:\n\n ```bash\n npm run test.spec\n ```\n\nTo run end-to-end tests once, run:\n\n ```bash\n npm run test.e2e\n ```\n\n","readmeFilename":"readme.md","gitHead":"7783044f4f724a64a082a2e534f8cf1d65d60c9f","_id":"stencil-colorpicker@1.0.0-beta.1","_nodeVersion":"10.15.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-9BETaNUEStc8+BCuWbmBQQsBr0CQ1fnlzy508DO+sZOdE0v3I2yicXkiSD2rlZwdwSzgc2bYGdS1NUze0CcPtg==","shasum":"6b93581ea38b8f2e3bc5ca0d93c673acffd93996","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.0.0-beta.1.tgz","fileCount":71,"unpackedSize":892036,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc4QL+CRA9TVsSAnZWagAAkb8P/03m9SSgHeTpzRWD3oVC\nnWBKTSonUzwdxSnDDhbaIXpCwP07NUrtFktxg/RRSRmpegA6cePIRy/bNBSA\n3qH3gOOZ1Zf3BsYd+wEA8QibocZBlSw49klE4CApXiM2u18HXdyl5WpB9zl7\nGV63ANVykTOURhp2sgpt0ZpTeTuFlpQoPNIshc28AHLGCtl94lmgHxjoxrIP\nQVIR4B9kcHB3V5l5UO76/WBBjCt1N4FTtnFwetSVS1dp/1/pHF9jF6hwLecY\nwxPBQRcwYCqgH9t/uyFrgvTUipz2vmzpR27k9DE86+aCmgSwtCpcVs1xU56x\nWV1BGXskO1UOWJgplmZyLMXK7BeEWgIfCm2BzgjwytasLcpkptkVNb528Bie\nW3iKCxZmPAB2bOZFM+2am53dSWhifDhBQvxFoK+E78XB9jUrdIc/O9eKJv/U\nu5893hlQJtz4y0Wxw0bq0AqBxK8hXZl8w7fw1wQKxNb2BIdHHOrJBj3x45S9\n5Rv7bViq6NkDpcYIzmG0HvDQOhCXdvHtq3saLGantBsLsgCgzIKEVWO0Ux3i\nwbKVMUhyGj2GY5IWtOnwa0a4+fK5zkdBnu8FOmyCBXebCvXc/0LpE8yv3/s/\nApQUHMi7Zq3fpu5mUIu/0dGaxfjb6tZNePYE3vmhdJ1PJrwNMdhJMlK0mPWO\nR7ZI\r\n=wahs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBDhkPBL6cMGDsy9pL1vo53qFKbL3wbEzV50qsoXmmXtAiBGmatgipYows8evEVqbvZm0XluPZyNnA8PojNjmIy5BQ=="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.0.0-beta.1_1558250237513_0.8555144710312892"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.0.0-beta.2":{"name":"stencil-colorpicker","version":"1.0.0-beta.2","description":"Stencil Component Starter","module":"dist/index.mjs","main":"dist/index.js","es2015":"dist/esm/index.mjs.js","es2017":"dist/esm/index.mjs.js","jsnext:main":"dist/esm/index.mjs.js","unpkg":"dist/ionic.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"^1.0.0-beta.1","@types/jest":"23.3.14","@types/puppeteer":"1.12.4","jest":"23.6.0","jest-cli":"23.6.0","puppeteer":"1.14.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","readme":"![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n\n\n# Stencil Color Picker Web Component\n\n ColorPicker is a Web Component to select a color \n \n ColorPicker owns a child Web Component Cpicker \n which is rendered when the ColorPicker open Method is called \n \n Color selection is done by \n - clicking and/or dragging a cursor inside a picker area (Brightness and Saturation)\n - clicking and/or dragging the slider handle (Hue and Opacity)\n \n Cpicker consists of :\n - a background\n - a header : clickable area to toggle the text color format HEXA,RGBA,HSLA,HSBA\n -> left part: selected color\n -> right part: selected hue\n -> text: selected color text\n - a picker area: to select the Saturation and/or Brightness color component\n - an opacity slider: to select the Opacity color component\n - a hue slider: to select the Hue color component\n - a Okay button: to exit the web component with the selected color\n - a Cancel button: to exit the web component with null (no color)\n\n Global and Local custom CSS variables have been implemented to help in the customization\n\n## Global custom CSS variables\n\n| Variable | \n| ----------------------------------------- | \n| --gcolorpicker-top | \n| --gcolorpicker-left | \n| --gcolorpicker-width | \n| --gcolorpicker-height | \n| --gcolorpicker-background-color | \n| --gcolorpicker-button-font-size | \n| --gcolorpicker-button-margin-top |\n| --gcolorpicker-button-margin-left |\n \n\n## Local custom CSS variables\n\n| Variable | Default |\n| --------------------------------- | ------------ | \n| --colorpicker-top | 10vh |\n| --colorpicker-left | 10vw |\n| --colorpicker-width | 70vmin |\n| --colorpicker-height | 50vmin |\n| --colorpicker-background-color | #242424 |\n| --colorpicker-button-font-size | 12px | \n| --colorpicker-button-margin-top | 10px |\n| --colorpicker-button-margin-left | 10px |\n \n\n## Color Button\n\n## ViewMe\nNot yet available\n\n## Usage\n \n ```html\n\n - using default values\n color : #ff0000 \n opacity : 1\n \n \n - with a preselected color in hex format\n \n \n - with a preselected opacity\n \n \n - with all \n \n\n ```\n### Usage with preselected color and opacity and local custom CSS variables\n\n ```html\n \n \n ``` \n\n### Output\n \n return a Color Object\n {\n hsb : {\n hex: \"#1d9aca\", \n hexa: \"#1d9acab9\"\n }\n rgb : {\n r: 29, \n g: 154, \n b: 202, \n rgb: \"RGB(29,154,202)\", \n rgba: \"RGBA(29,154,202,0.725)\"\n }\n hsl : {\n h: 196.647, \n s: 74.892, \n l: 45.294, \n hsl: \"HSL(197,75%,45%)\", \n hsla: \"HSLA(197,75%,45%,0.725)\"\n }\n hsb : {\n h: 196.79999999999998, \n s: 85.55555555555556, \n b: 79.33333333333333, \n hsb: \"HSB(197,86%,79%)\", \n hsba: \"HSBA(197,86%,79%,0.725)\"\n }\n opacity : 0.725\n }\n\n## To use the Web Component as script tag\n Put the following script tag in the head of your index.html file\n\n ```html\n \n\n ```\n\n Have a look at the usage project folder: https://github.com/jepiqueau/stencil-color-picker/tree/stencilone/usage\n \n## To use the Web Component in a stencil-app-starter app\n\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\nAdd in the app-root.tsx\n```\nimport 'stencil-colorpicker';\n\n```\nThen you can use the element anywhere in your template, JSX, html etc\n\nStencil App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/stencil-app-color-picker/tree/stencilone)\n\n## To use the Web Component in a Ionic4 Project\n\nnot yet available\n\n## To use the Web Component in a Vue.js Project\n\nnot yet available\n\n## To use the Web Component in your Project\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\n## To start this Project\n\nclone this repo to a new directory:\n\n```bash\ngit clone -b stencilone https://github.com/jepiqueau/stencil-color-picker.git my-app\ncd my-app\ngit remote rm origin\nnpm install\n```\n\nand\n\n```bash\nnpm start\n```\n\n\nTo run the unit and end-to-end tests once, run:\n\n ```bash\n npm test\n ```\n\nTo run the unit tests once, run:\n\n ```bash\n npm run test.spec\n ```\n\nTo run end-to-end tests once, run:\n\n ```bash\n npm run test.e2e\n ```\n\n","readmeFilename":"readme.md","gitHead":"51cf4366b02b2b32158841e2030676a1f1d3f2af","_id":"stencil-colorpicker@1.0.0-beta.2","_nodeVersion":"10.15.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Auezp2WKLm9tDX23+LMTV3Q2T32fyRBsBuAOkwhmtURJQTOpIcZn+thzq2dugkePxLYvcHIrBGmah1wrJlF53g==","shasum":"893993d9b6365481d166ea16770a80b68415510e","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.0.0-beta.2.tgz","fileCount":71,"unpackedSize":892012,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc4QZWCRA9TVsSAnZWagAAEgcP/0nXWUzNhmws/53TwLx+\nN3Uc+rfeD+Z5buBYbHOCKTM3+5IzIlQC+U8+/iGy02K4tY0PzQRYtNb65bL2\nwfRvuIy3nLKSzTWwycClUmf8wI8yRMHJV3gM21L34nOZ3GHUlpksLvQvie7S\nibX6mbJJZSW3KL8jJftQrvHbO/enOtOwjLXdm1dBj+kqAHVrsg9/28U6FYsU\nrSTcg5ejcSgZbr2bvB68p6tvYe3vID1qAiyx2eaOfg+YmdnpPT4+ovmAY+Ej\nawXK777lYUMy9RMZxts55b5ztbeXXOU4Xb+x7JFjGOzLd8BVFQFZpYf9AC9x\n3fRzX8qNBSD15Ux7xR2PUFGiuyfuMLM8IImQ0H3xuXchBPanpe83V2xhPd67\nAnBlEREXeff1IozbuHfDC8vbAsQrUWoecLplDWQAWqfeshvDSS4r51yfPDlq\n2V00IrvmcFY1T7Qryko+XuZeWRq4hK+OAFte5lfJZGiZ3Ibr5SAmtvcNo9l0\nCP7a3o6UBXcbkmwhiUROn9ByFvBL6MpssMOOf4FzQAJGYLyAD+N/F0idQ7hf\nAkEXTgqhdZBIN/K5UeVhdtrxF7hemH32le3d3hYejLQsKnHBSWt3EsAYjogv\nUELIZYM2Ga0f2CnZ/rlFqfHyp3ewUWhG5j3tY64KyI2Ft06KXiY08ODOACsg\nLtYM\r\n=MTk6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHbIYLzqbPjY6AnSn9E9kvi2JQac3cx9zXZ7+b0St2jRAiA5VRq5MIRcTwFuks4oqcT/vsO6d9G96N3jccrPZ8Bqhg=="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.0.0-beta.2_1558251093421_0.9067340775893549"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.0.0-beta.2.1":{"name":"stencil-colorpicker","version":"1.0.0-beta.2.1","description":"Stencil Component Starter","module":"dist/index.mjs","main":"dist/index.js","es2015":"dist/esm/index.mjs.js","es2017":"dist/esm/index.mjs.js","jsnext:main":"dist/esm/index.mjs.js","unpkg":"dist/ionic.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"^1.0.0-beta.0","@types/jest":"23.3.14","@types/puppeteer":"1.12.4","jest":"23.6.0","jest-cli":"23.6.0","puppeteer":"1.14.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","readme":"![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n\n\n# Stencil Color Picker Web Component\n\n ColorPicker is a Web Component to select a color \n \n ColorPicker owns a child Web Component Cpicker \n which is rendered when the ColorPicker open Method is called \n \n Color selection is done by \n - clicking and/or dragging a cursor inside a picker area (Brightness and Saturation)\n - clicking and/or dragging the slider handle (Hue and Opacity)\n \n Cpicker consists of :\n - a background\n - a header : clickable area to toggle the text color format HEXA,RGBA,HSLA,HSBA\n -> left part: selected color\n -> right part: selected hue\n -> text: selected color text\n - a picker area: to select the Saturation and/or Brightness color component\n - an opacity slider: to select the Opacity color component\n - a hue slider: to select the Hue color component\n - a Okay button: to exit the web component with the selected color\n - a Cancel button: to exit the web component with null (no color)\n\n Global and Local custom CSS variables have been implemented to help in the customization\n\n## Global custom CSS variables\n\n| Variable | \n| ----------------------------------------- | \n| --gcolorpicker-top | \n| --gcolorpicker-left | \n| --gcolorpicker-width | \n| --gcolorpicker-height | \n| --gcolorpicker-background-color | \n| --gcolorpicker-button-font-size | \n| --gcolorpicker-button-margin-top |\n| --gcolorpicker-button-margin-left |\n \n\n## Local custom CSS variables\n\n| Variable | Default |\n| --------------------------------- | ------------ | \n| --colorpicker-top | 10vh |\n| --colorpicker-left | 10vw |\n| --colorpicker-width | 70vmin |\n| --colorpicker-height | 50vmin |\n| --colorpicker-background-color | #242424 |\n| --colorpicker-button-font-size | 12px | \n| --colorpicker-button-margin-top | 10px |\n| --colorpicker-button-margin-left | 10px |\n \n\n## Color Button\n\n## ViewMe\nNot yet available\n\n## Usage\n \n ```html\n\n - using default values\n color : #ff0000 \n opacity : 1\n \n \n - with a preselected color in hex format\n \n \n - with a preselected opacity\n \n \n - with all \n \n\n ```\n### Usage with preselected color and opacity and local custom CSS variables\n\n ```html\n \n \n ``` \n\n### Output\n \n return a Color Object\n {\n hsb : {\n hex: \"#1d9aca\", \n hexa: \"#1d9acab9\"\n }\n rgb : {\n r: 29, \n g: 154, \n b: 202, \n rgb: \"RGB(29,154,202)\", \n rgba: \"RGBA(29,154,202,0.725)\"\n }\n hsl : {\n h: 196.647, \n s: 74.892, \n l: 45.294, \n hsl: \"HSL(197,75%,45%)\", \n hsla: \"HSLA(197,75%,45%,0.725)\"\n }\n hsb : {\n h: 196.79999999999998, \n s: 85.55555555555556, \n b: 79.33333333333333, \n hsb: \"HSB(197,86%,79%)\", \n hsba: \"HSBA(197,86%,79%,0.725)\"\n }\n opacity : 0.725\n }\n\n## To use the Web Component as script tag\n Put the following script tag in the head of your index.html file\n\n ```html\n \n\n ```\n\n Have a look at the usage project folder: https://github.com/jepiqueau/stencil-color-picker/tree/stencilone/usage\n \n## To use the Web Component in a stencil-app-starter app\n\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\nAdd in the app-root.tsx\n```\nimport 'stencil-colorpicker';\n\n```\nThen you can use the element anywhere in your template, JSX, html etc\n\nStencil App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/stencil-app-color-picker/tree/stencilone)\n\n## To use the Web Component in a Ionic4 Project\n\nnot yet available\n\n## To use the Web Component in a Vue.js Project\n\nnot yet available\n\n## To use the Web Component in your Project\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\n## To start this Project\n\nclone this repo to a new directory:\n\n```bash\ngit clone -b stencilone https://github.com/jepiqueau/stencil-color-picker.git my-app\ncd my-app\ngit remote rm origin\nnpm install\n```\n\nand\n\n```bash\nnpm start\n```\n\n\nTo run the unit and end-to-end tests once, run:\n\n ```bash\n npm test\n ```\n\nTo run the unit tests once, run:\n\n ```bash\n npm run test.spec\n ```\n\nTo run end-to-end tests once, run:\n\n ```bash\n npm run test.e2e\n ```\n\n","readmeFilename":"readme.md","gitHead":"51cf4366b02b2b32158841e2030676a1f1d3f2af","_id":"stencil-colorpicker@1.0.0-beta.2.1","_nodeVersion":"10.15.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-aIabncjpQuSVBqGjhKfecQOO92HDYSjHtu33zRAndPi6IVYpegJSo2FXdmHlwd9cNPBgtR0cjfzjvKJgDyGXpw==","shasum":"a68fbf2cd16427e36f9bf28f95f51f40080e0cb0","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.0.0-beta.2.1.tgz","fileCount":71,"unpackedSize":891041,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc4Qg6CRA9TVsSAnZWagAARPoP/Au1d0dLwkzHV3jcMeG+\nt5naiVfjCGQg6vjUTAzlSfY99qEA6ptds8B9G33cTh1wYGNz5Fxvy5wo9r0x\n9BZFTwTTMUoIJxx/1iB+KrtRElp32/sib1305EyYulbk/KQyhkl1xiKFcHQQ\nb2M7PefLlopvCQcjJ2zPllhY9QhFnjjHeiLafUjRiofhzDaZ6j1qtoXoiK7L\nGqK1Xi55U6o27Jq0rkoQ0XE+xOn4FDNRJsNCugkk18BvFVwlOsERgVVd6tQD\ni+Vgydsjsaa3xf79VAnJsps8ixjt6tmaoUvXG2d5PW8o/1ZkeULwuU2Qiwy/\n+h5jTVyYkzE9Vfj0r0vNg+FE/E4wTKGh7zx8ctL41CYN9tRmPVNDLN5gdRCB\n5Q1YAJNv0F/Go5QOOV6UMGtCH580wPa9zetfJswEm0s+1dXa3+aJ3dsfQ57S\nGeExvvu2UHWeFQvlqBPaxkgzU55JwFZeuv5BQILjooVuDxnwpB85DUNAysms\nY+/7n6uWt87cRswr0xVRY+qKfwIG9wxv6fXdsxg4F1+8BYKtl3ZV8l1CFQn5\nVmZDMhn1VoTwNjj5S756BQaszAc1Rr2CDhbV4Oa3yCVHCDVpv/8NG4CtKD5r\nL50ZVJu5jlHqofdT3WPDHlDQlbFCtQvIkI2KrUDmBfbrRhrrHmbAHbJMI6cL\nbBYz\r\n=lo5f\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDbrh9C0C/tCV03Kh39WSGUaExufhEqeL9wxR+N7ktpnQIgIzgtTu1Tt/KFp1uTNUMOofkW5L6uohxvEmuzTmF4qQ4="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.0.0-beta.2.1_1558251577687_0.28900721969281196"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.0.0-beta.2.2":{"name":"stencil-colorpicker","version":"1.0.0-beta.2.2","description":"Stencil Component Starter","module":"dist/index.mjs","main":"dist/index.js","es2015":"dist/esm/index.mjs.js","es2017":"dist/esm/index.mjs.js","jsnext:main":"dist/esm/index.mjs.js","unpkg":"dist/ionic.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"^1.0.0-beta.1","@types/jest":"23.3.14","@types/puppeteer":"1.12.4","jest":"23.6.0","jest-cli":"23.6.0","puppeteer":"1.14.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","readme":"![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n\n\n# Stencil Color Picker Web Component\n\n ColorPicker is a Web Component to select a color \n \n ColorPicker owns a child Web Component Cpicker \n which is rendered when the ColorPicker open Method is called \n \n Color selection is done by \n - clicking and/or dragging a cursor inside a picker area (Brightness and Saturation)\n - clicking and/or dragging the slider handle (Hue and Opacity)\n \n Cpicker consists of :\n - a background\n - a header : clickable area to toggle the text color format HEXA,RGBA,HSLA,HSBA\n -> left part: selected color\n -> right part: selected hue\n -> text: selected color text\n - a picker area: to select the Saturation and/or Brightness color component\n - an opacity slider: to select the Opacity color component\n - a hue slider: to select the Hue color component\n - a Okay button: to exit the web component with the selected color\n - a Cancel button: to exit the web component with null (no color)\n\n Global and Local custom CSS variables have been implemented to help in the customization\n\n## Global custom CSS variables\n\n| Variable | \n| ----------------------------------------- | \n| --gcolorpicker-top | \n| --gcolorpicker-left | \n| --gcolorpicker-width | \n| --gcolorpicker-height | \n| --gcolorpicker-background-color | \n| --gcolorpicker-button-font-size | \n| --gcolorpicker-button-margin-top |\n| --gcolorpicker-button-margin-left |\n \n\n## Local custom CSS variables\n\n| Variable | Default |\n| --------------------------------- | ------------ | \n| --colorpicker-top | 10vh |\n| --colorpicker-left | 10vw |\n| --colorpicker-width | 70vmin |\n| --colorpicker-height | 50vmin |\n| --colorpicker-background-color | #242424 |\n| --colorpicker-button-font-size | 12px | \n| --colorpicker-button-margin-top | 10px |\n| --colorpicker-button-margin-left | 10px |\n \n\n## Color Button\n\n## ViewMe\nNot yet available\n\n## Usage\n \n ```html\n\n - using default values\n color : #ff0000 \n opacity : 1\n \n \n - with a preselected color in hex format\n \n \n - with a preselected opacity\n \n \n - with all \n \n\n ```\n### Usage with preselected color and opacity and local custom CSS variables\n\n ```html\n \n \n ``` \n\n### Output\n \n return a Color Object\n {\n hsb : {\n hex: \"#1d9aca\", \n hexa: \"#1d9acab9\"\n }\n rgb : {\n r: 29, \n g: 154, \n b: 202, \n rgb: \"RGB(29,154,202)\", \n rgba: \"RGBA(29,154,202,0.725)\"\n }\n hsl : {\n h: 196.647, \n s: 74.892, \n l: 45.294, \n hsl: \"HSL(197,75%,45%)\", \n hsla: \"HSLA(197,75%,45%,0.725)\"\n }\n hsb : {\n h: 196.79999999999998, \n s: 85.55555555555556, \n b: 79.33333333333333, \n hsb: \"HSB(197,86%,79%)\", \n hsba: \"HSBA(197,86%,79%,0.725)\"\n }\n opacity : 0.725\n }\n\n## To use the Web Component as script tag\n Put the following script tag in the head of your index.html file\n\n ```html\n \n\n ```\n\n Have a look at the usage project folder: https://github.com/jepiqueau/stencil-color-picker/tree/stencilone/usage\n \n## To use the Web Component in a stencil-app-starter app\n\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\nAdd in the app-root.tsx\n```\nimport 'stencil-colorpicker';\n\n```\nThen you can use the element anywhere in your template, JSX, html etc\n\nStencil App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/stencil-app-color-picker/tree/stencilone)\n\n## To use the Web Component in a Ionic4 Project\n\nnot yet available\n\n## To use the Web Component in a Vue.js Project\n\nnot yet available\n\n## To use the Web Component in your Project\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\n## To start this Project\n\nclone this repo to a new directory:\n\n```bash\ngit clone -b stencilone https://github.com/jepiqueau/stencil-color-picker.git my-app\ncd my-app\ngit remote rm origin\nnpm install\n```\n\nand\n\n```bash\nnpm start\n```\n\n\nTo run the unit and end-to-end tests once, run:\n\n ```bash\n npm test\n ```\n\nTo run the unit tests once, run:\n\n ```bash\n npm run test.spec\n ```\n\nTo run end-to-end tests once, run:\n\n ```bash\n npm run test.e2e\n ```\n\n","readmeFilename":"readme.md","gitHead":"93544cfb9afe133426a6d43ea69c6da133002a6c","_id":"stencil-colorpicker@1.0.0-beta.2.2","_nodeVersion":"10.15.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-abYyvtQeK3Vy1qoxRvo3aInCbY2IBl4s430q/hnGEs/azEnvEJ/WEFOKMk2sNtqe4oL+gCfqGgaeQmg20ANWZQ==","shasum":"b4e6565f5c0fdfedf93f24b25564c8c6d634e776","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.0.0-beta.2.2.tgz","fileCount":71,"unpackedSize":892014,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc4UwhCRA9TVsSAnZWagAAiuAP/0bfdDYKB969qmbD0cHR\ndfdCErvbv2hPHRe6p7xLtLGuhAiCtfaiqL1qQvT+Vt8WUu/A4VMHKO7V1CkY\noPDRjOmfpAhFbj69ZJI59NL4mjf14E1iLAAhp3O4Z9/liUtxfbqOwblIvHGO\njN2nDMdC9nIKvweG5RVAQRepf1x5Kn225tuTL3TyIp4yqYzeAC1jwcRGuKFX\nuYmUup6P1bBaofyE2VIJOIbJq5pBjPszbW0kjZT3eaHk9thHSgKO9KmVsq8Q\nq5jrByLGdDvSnxd8UCC6VDsQ6dsJsAeLg3NuLI8tWGsYnrAwPDPs1DvqZwd8\nfIw0RJrYzFhDu8BWX4PeQZC8legMVG2Dw+ChL4hHWUC5Poomp6E6cBwsvOIt\nXskpL51MAVPcgHbbmhdwpp90S0VqcGMxBizTxVdS8HfBR0XaDWsaqcNGmZjJ\nhWDlOD/GXt3SRSHHqjbculxH9dXljaN+CO32x5GWhJqFh9ppXPD6BwEtbzi6\ntxkngQ0DG1QlDpqifPSj6tsHB5qHU8PKshhcjZaZPqqdUQGgP5qN5js+8opC\nBtVo+3j1n2Vh7yacIVejhlEar1J8RHsBMThEariIrOKZHDottV8Q4SjCu4F9\nQpl2mt8DsTkFXeuvO7l+UXJSzDX2tKg5PV96cl1SytWlkFSbvNI8pjn0K6ml\ng6FB\r\n=CCWh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDRMPXeeokqZMFqSbem6Rt1czA4HIJpvl+Y3u7cRgqyAAIgT+l7P9Mx7ZA+D3Zj8ilL8ZZwtIfceuKk55DxjYrnRDU="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.0.0-beta.2.2_1558268960344_0.9816666095754132"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.0.0-beta.2.3":{"name":"stencil-colorpicker","version":"1.0.0-beta.2.3","description":"Stencil Component Starter","module":"dist/index.mjs","main":"dist/index.js","es2015":"dist/esm/index.mjs.js","es2017":"dist/esm/index.mjs.js","jsnext:main":"dist/esm/index.mjs.js","unpkg":"dist/ionic.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"one","@types/jest":"23.3.14","@types/puppeteer":"1.12.4","jest":"23.6.0","jest-cli":"23.6.0","puppeteer":"1.14.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","readme":"![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n\n\n# Stencil Color Picker Web Component\n\n ColorPicker is a Web Component to select a color \n \n ColorPicker owns a child Web Component Cpicker \n which is rendered when the ColorPicker open Method is called \n \n Color selection is done by \n - clicking and/or dragging a cursor inside a picker area (Brightness and Saturation)\n - clicking and/or dragging the slider handle (Hue and Opacity)\n \n Cpicker consists of :\n - a background\n - a header : clickable area to toggle the text color format HEXA,RGBA,HSLA,HSBA\n -> left part: selected color\n -> right part: selected hue\n -> text: selected color text\n - a picker area: to select the Saturation and/or Brightness color component\n - an opacity slider: to select the Opacity color component\n - a hue slider: to select the Hue color component\n - a Okay button: to exit the web component with the selected color\n - a Cancel button: to exit the web component with null (no color)\n\n Global and Local custom CSS variables have been implemented to help in the customization\n\n## Global custom CSS variables\n\n| Variable | \n| ----------------------------------------- | \n| --gcolorpicker-top | \n| --gcolorpicker-left | \n| --gcolorpicker-width | \n| --gcolorpicker-height | \n| --gcolorpicker-background-color | \n| --gcolorpicker-button-font-size | \n| --gcolorpicker-button-margin-top |\n| --gcolorpicker-button-margin-left |\n \n\n## Local custom CSS variables\n\n| Variable | Default |\n| --------------------------------- | ------------ | \n| --colorpicker-top | 10vh |\n| --colorpicker-left | 10vw |\n| --colorpicker-width | 70vmin |\n| --colorpicker-height | 50vmin |\n| --colorpicker-background-color | #242424 |\n| --colorpicker-button-font-size | 12px | \n| --colorpicker-button-margin-top | 10px |\n| --colorpicker-button-margin-left | 10px |\n \n\n## Color Button\n\n## ViewMe\nNot yet available\n\n## Usage\n \n ```html\n\n - using default values\n color : #ff0000 \n opacity : 1\n \n \n - with a preselected color in hex format\n \n \n - with a preselected opacity\n \n \n - with all \n \n\n ```\n### Usage with preselected color and opacity and local custom CSS variables\n\n ```html\n \n \n ``` \n\n### Output\n \n return a Color Object\n {\n hsb : {\n hex: \"#1d9aca\", \n hexa: \"#1d9acab9\"\n }\n rgb : {\n r: 29, \n g: 154, \n b: 202, \n rgb: \"RGB(29,154,202)\", \n rgba: \"RGBA(29,154,202,0.725)\"\n }\n hsl : {\n h: 196.647, \n s: 74.892, \n l: 45.294, \n hsl: \"HSL(197,75%,45%)\", \n hsla: \"HSLA(197,75%,45%,0.725)\"\n }\n hsb : {\n h: 196.79999999999998, \n s: 85.55555555555556, \n b: 79.33333333333333, \n hsb: \"HSB(197,86%,79%)\", \n hsba: \"HSBA(197,86%,79%,0.725)\"\n }\n opacity : 0.725\n }\n\n## To use the Web Component as script tag\n Put the following script tag in the head of your index.html file\n\n ```html\n \n\n ```\n\n Have a look at the usage project folder: https://github.com/jepiqueau/stencil-color-picker/tree/stencilone/usage\n \n## To use the Web Component in a stencil-app-starter app\n\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\nAdd in the app-root.tsx\n```\nimport 'stencil-colorpicker';\n\n```\nThen you can use the element anywhere in your template, JSX, html etc\n\nStencil App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/stencil-app-color-picker/tree/stencilone)\n\n## To use the Web Component in a Ionic4 Project\n\nnot yet available\n\n## To use the Web Component in a Vue.js Project\n\nnot yet available\n\n## To use the Web Component in your Project\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\n## To start this Project\n\nclone this repo to a new directory:\n\n```bash\ngit clone -b stencilone https://github.com/jepiqueau/stencil-color-picker.git my-app\ncd my-app\ngit remote rm origin\nnpm install\n```\n\nand\n\n```bash\nnpm start\n```\n\n\nTo run the unit and end-to-end tests once, run:\n\n ```bash\n npm test\n ```\n\nTo run the unit tests once, run:\n\n ```bash\n npm run test.spec\n ```\n\nTo run end-to-end tests once, run:\n\n ```bash\n npm run test.e2e\n ```\n\n","readmeFilename":"readme.md","gitHead":"072b2715fc3fb42512f2ddab5de7b676f6a218aa","_id":"stencil-colorpicker@1.0.0-beta.2.3","_nodeVersion":"10.15.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-vhKJ4TyMHWC+HtJOXamdEkA9AEnE9Z1araX3yqjFsTZZLKzRO6lCJoBO80js7XqER8KQsiDRDtArA8FGjODxPQ==","shasum":"69a0e89d41a16f2de5d6ef231771ba2aac4845f8","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.0.0-beta.2.3.tgz","fileCount":71,"unpackedSize":892918,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc44ptCRA9TVsSAnZWagAAbhsP/3PQW3RSVgYgFidRIhIg\nyT6OINS+va7XTxARjg4DHiLzYkxTaOIR/USwq9iknHARzZXlqdowjlUWx3d9\nfWZpUOORBZiFmDux8P8nnjA4sPBOEEzrPykZM6M4dIK31ylUZR9ED4LmEA+D\n5SgHzLKpaqJKb9mhW0Oq5E0JyMPgDJjkJhBc5VX75SBJAsFIZvYu9mtepAik\nW3+w3NjgtLoKTGUMeKXg+8nsCwBrQhqfKspMTxLiPi7Jz6UV+Gzw3PFZSARj\nlg9EvFa+EISF9MfBqAsqFhnT6leW28k85+e40GlWJtPcTB+5y4B+Uky+Spcy\nbrq2KbkTdxkzCmoe3RH1e3cP0WFq8ECAQGzxiegUqBaYkwMT55veItHouTLL\ncAwY39Dk3CE8dyJ6m7NH5vTurcX/NA7APpVT7/Y0vEHLsdtoBXsg3oUPB8jA\nkrLkJUuYu/kuw6tA9iBKimmjc28unugg9xIVlkm7CI56afZ0OobC6HU+TV8I\nTFH23NGqpn+1NmXbfSaZjaTzzUY9ocO7uYekdDmgLytMBZSjHnntrIjqgZMc\nS8U1zUA6L5Cd/jRfm4Qjaj8qlhmY7FTPItiGo1rHnbxl0xbc5IdkpLzxiVkU\nI58i6160x/5ljZoUPB7OAdxAOnLOjcoopjFpCWHLaUjPf3n60fyHm3ku5rJr\nrfN9\r\n=ASuD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDvD6nhzMlmi0t1WuEYQbjq5RDozsAizKT6ipdcZvAZaAiEAmgYpchAsce9bWpEvsqAmmAzAANmmd3uu6PyLJ/MRZEU="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.0.0-beta.2.3_1558415980984_0.4007879317736047"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.0.0-beta.2.4":{"name":"stencil-colorpicker","version":"1.0.0-beta.2.4","description":"Stencil Component Starter","module":"dist/index.mjs","main":"dist/index.js","es2015":"dist/esm/index.mjs.js","es2017":"dist/esm/index.mjs.js","jsnext:main":"dist/esm/index.mjs.js","unpkg":"dist/ionic.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"one","@types/jest":"23.3.14","@types/puppeteer":"1.12.4","jest":"23.6.0","jest-cli":"23.6.0","puppeteer":"1.14.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","readme":"![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n\n\n# Stencil Color Picker Web Component\n\n ColorPicker is a Web Component to select a color \n \n ColorPicker owns a child Web Component Cpicker \n which is rendered when the ColorPicker open Method is called \n \n Color selection is done by \n - clicking and/or dragging a cursor inside a picker area (Brightness and Saturation)\n - clicking and/or dragging the slider handle (Hue and Opacity)\n \n Cpicker consists of :\n - a background\n - a header : clickable area to toggle the text color format HEXA,RGBA,HSLA,HSBA\n -> left part: selected color\n -> right part: selected hue\n -> text: selected color text\n - a picker area: to select the Saturation and/or Brightness color component\n - an opacity slider: to select the Opacity color component\n - a hue slider: to select the Hue color component\n - a Okay button: to exit the web component with the selected color\n - a Cancel button: to exit the web component with null (no color)\n\n Global and Local custom CSS variables have been implemented to help in the customization\n\n## Global custom CSS variables\n\n| Variable | \n| ----------------------------------------- | \n| --gcolorpicker-top | \n| --gcolorpicker-left | \n| --gcolorpicker-width | \n| --gcolorpicker-height | \n| --gcolorpicker-background-color | \n| --gcolorpicker-button-font-size | \n| --gcolorpicker-button-margin-top |\n| --gcolorpicker-button-margin-left |\n \n\n## Local custom CSS variables\n\n| Variable | Default |\n| --------------------------------- | ------------ | \n| --colorpicker-top | 10vh |\n| --colorpicker-left | 10vw |\n| --colorpicker-width | 70vmin |\n| --colorpicker-height | 50vmin |\n| --colorpicker-background-color | #242424 |\n| --colorpicker-button-font-size | 12px | \n| --colorpicker-button-margin-top | 10px |\n| --colorpicker-button-margin-left | 10px |\n \n\n## Color Button\n\n## ViewMe\nNot yet available\n\n## Usage\n \n ```html\n\n - using default values\n color : #ff0000 \n opacity : 1\n \n \n - with a preselected color in hex format\n \n \n - with a preselected opacity\n \n \n - with all \n \n\n ```\n### Usage with preselected color and opacity and local custom CSS variables\n\n ```html\n \n \n ``` \n\n### Output\n \n return a Color Object\n {\n hsb : {\n hex: \"#1d9aca\", \n hexa: \"#1d9acab9\"\n }\n rgb : {\n r: 29, \n g: 154, \n b: 202, \n rgb: \"RGB(29,154,202)\", \n rgba: \"RGBA(29,154,202,0.725)\"\n }\n hsl : {\n h: 196.647, \n s: 74.892, \n l: 45.294, \n hsl: \"HSL(197,75%,45%)\", \n hsla: \"HSLA(197,75%,45%,0.725)\"\n }\n hsb : {\n h: 196.79999999999998, \n s: 85.55555555555556, \n b: 79.33333333333333, \n hsb: \"HSB(197,86%,79%)\", \n hsba: \"HSBA(197,86%,79%,0.725)\"\n }\n opacity : 0.725\n }\n\n## To use the Web Component as script tag\n Put the following script tag in the head of your index.html file\n\n ```html\n \n\n ```\n\n Have a look at the usage project folder: https://github.com/jepiqueau/stencil-color-picker/tree/stencilone/usage\n \n## To use the Web Component in a stencil-app-starter app\n\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\nAdd in the app-root.tsx\n```\nimport 'stencil-colorpicker';\n\n```\nThen you can use the element anywhere in your template, JSX, html etc\n\nStencil App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/stencil-app-color-picker/tree/stencilone)\n\n## To use the Web Component in a Ionic4 Project\n\nIonic4 App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/ionic-test-stencil-color-picker.git)\n\n## To use the Web Component in a Vue.js Project\nVue App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/vue-test-stencil-color-picker)\n\n## to use the Web Component in a React Project\nReact App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/react-test-stencil-color-picker)\n\n## To use the Web Component in your Project\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\n## To start this Project\n\nclone this repo to a new directory:\n\n```bash\ngit clone -b stencilone https://github.com/jepiqueau/stencil-color-picker.git my-app\ncd my-app\ngit remote rm origin\nnpm install\n```\n\nand\n\n```bash\nnpm start\n```\n\n\nTo run the unit and end-to-end tests once, run:\n\n ```bash\n npm test\n ```\n\nTo run the unit tests once, run:\n\n ```bash\n npm run test.spec\n ```\n\nTo run end-to-end tests once, run:\n\n ```bash\n npm run test.e2e\n ```\n\n","readmeFilename":"readme.md","gitHead":"21d34c705b7cbf483214456419dccf73b901a26b","_id":"stencil-colorpicker@1.0.0-beta.2.4","_nodeVersion":"10.15.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Y0f7HR7foNcWxRWP54M5uQwr34M2G82BCQRPG/XH37DKsapmZuyd5D72Gm2d5S/ewvFS7JlvEq2hveveasn5+w==","shasum":"60c4981c3bf4b50f2c131edad23ac1be11fe68c0","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.0.0-beta.2.4.tgz","fileCount":71,"unpackedSize":893341,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc490kCRA9TVsSAnZWagAA2woP/RM879o000V0kYELsY3L\nYiYtSFgAyetspw30poMuC7rG6NGmctx+iO7JhFWXy7Z/fvu9x2EgSmj1KhNO\nRF2tSI3Zm95Ab/lSQAeyqCU8Hh1XZaTBJkwkYn4zBZiFof+C1BoQp4/jH3u8\nS+4Ncz2z5HuMVPUj/cMdESRZodvMSk8ZI2injg76GGFGmZZwgDAv4R9zKzD5\nIv+pN5lk4RKcixS7fRwU6PyUbG/FQGeKPMuUco0PUwvRWKIcxBeMfmcxQRMg\naPoUeeawHniR1V29hwQWokPt+d7r6RpoGzks2GxwbDePupCY+g1Lf5/QZPK6\ntH/7NB8W9JcyEWzOBMTpvI67xXzmVI62foL9ELxXKr9cUydZPGbd4AmIsjXi\nb0OWbYUHGUghRouZ1x5+hadaZGF84ncsBkP5qMnS8CqIiIPLGYtIRVjdvUyN\norTpdXNDoZOnE04qx2nZ/hiWvp5XpOX4miUa9Zn5dc+9eewbUfqyQAaaQHLL\nyZirjk8KOkQVakA56naYMzKte7+pAHM5U7zOYn3WuXoC/CGzwhwH/sERD41V\nz1rulahfePHRXqQ17NPQ5jBlWlUhjivNszaF2QRUZmSfPNpwdD3aKfXl57Ts\nw0roUcfMeYOsfMThru7PsLKvylHzq2ZbCcp1tuQO5DTeEjzG2XT0QqbSnm0X\nJH5t\r\n=i3Sk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEakT1MXwov1fiuzTtSDlkip02CoanMiuaDp8uczA4wcAiB+nGEzB5/CxGG9k084EjrP7OGkFWUoqGFL1+p02Kw8GQ=="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.0.0-beta.2.4_1558437155784_0.14233740406458595"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.0.0-beta.2.5":{"name":"stencil-colorpicker","version":"1.0.0-beta.2.5","description":"Stencil Component Starter","module":"dist/index.mjs","main":"dist/index.js","es2015":"dist/esm/index.mjs.js","es2017":"dist/esm/index.mjs.js","jsnext:main":"dist/esm/index.mjs.js","unpkg":"dist/ionic.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"one","@types/jest":"23.3.14","@types/puppeteer":"1.12.4","jest":"23.6.0","jest-cli":"23.6.0","puppeteer":"1.14.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","readme":"![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n\n\n# Stencil Color Picker Web Component\n\n ColorPicker is a Web Component to select a color \n \n ColorPicker owns a child Web Component Cpicker \n which is rendered when the ColorPicker open Method is called \n \n Color selection is done by \n - clicking and/or dragging a cursor inside a picker area (Brightness and Saturation)\n - clicking and/or dragging the slider handle (Hue and Opacity)\n \n Cpicker consists of :\n - a background\n - a header : clickable area to toggle the text color format HEXA,RGBA,HSLA,HSBA\n -> left part: selected color\n -> right part: selected hue\n -> text: selected color text\n - a picker area: to select the Saturation and/or Brightness color component\n - an opacity slider: to select the Opacity color component\n - a hue slider: to select the Hue color component\n - a Okay button: to exit the web component with the selected color\n - a Cancel button: to exit the web component with null (no color)\n\n Global and Local custom CSS variables have been implemented to help in the customization\n\n## Global custom CSS variables\n\n| Variable | \n| ----------------------------------------- | \n| --gcolorpicker-top | \n| --gcolorpicker-left | \n| --gcolorpicker-width | \n| --gcolorpicker-height | \n| --gcolorpicker-background-color | \n| --gcolorpicker-button-font-size | \n| --gcolorpicker-button-margin-top |\n| --gcolorpicker-button-margin-left |\n \n\n## Local custom CSS variables\n\n| Variable | Default |\n| --------------------------------- | ------------ | \n| --colorpicker-top | 10vh |\n| --colorpicker-left | 10vw |\n| --colorpicker-width | 70vmin |\n| --colorpicker-height | 50vmin |\n| --colorpicker-background-color | #242424 |\n| --colorpicker-button-font-size | 12px | \n| --colorpicker-button-margin-top | 10px |\n| --colorpicker-button-margin-left | 10px |\n \n\n## Color Button\n\n## ViewMe\nNot yet available\n\n## Usage\n \n ```html\n\n - using default values\n color : #ff0000 \n opacity : 1\n \n \n - with a preselected color in hex format\n \n \n - with a preselected opacity\n \n\n - with the first button text given\n \n \n - with the two first button texts given\n \n\n - with the three button texts given\n \n\n - with the text header hidden\n \n\n - with the buttons hidden\n \n\n after the color selection click on the container footer\n\n - with the opacity slider hidden\n \n\n - with all \n \n\n ```\n### Usage with preselected color and opacity and local custom CSS variables\n\n ```html\n \n \n ``` \n\n### Output\n \n return a Color Object\n {\n hsb : {\n hex: \"#1d9aca\", \n hexa: \"#1d9acab9\"\n }\n rgb : {\n r: 29, \n g: 154, \n b: 202, \n rgb: \"RGB(29,154,202)\", \n rgba: \"RGBA(29,154,202,0.725)\"\n }\n hsl : {\n h: 196.647, \n s: 74.892, \n l: 45.294, \n hsl: \"HSL(197,75%,45%)\", \n hsla: \"HSLA(197,75%,45%,0.725)\"\n }\n hsb : {\n h: 196.79999999999998, \n s: 85.55555555555556, \n b: 79.33333333333333, \n hsb: \"HSB(197,86%,79%)\", \n hsba: \"HSBA(197,86%,79%,0.725)\"\n }\n opacity : 0.725\n }\n\n## To use the Web Component as script tag\n Put the following script tag in the head of your index.html file\n\n ```html\n \n\n ```\n\n Have a look at the usage project folder: https://github.com/jepiqueau/stencil-color-picker/tree/stencilone/usage\n \n## To use the Web Component in a stencil-app-starter app\n\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\nAdd in the app-root.tsx\n```\nimport 'stencil-colorpicker';\n\n```\nThen you can use the element anywhere in your template, JSX, html etc\n\nStencil App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/stencil-app-color-picker/tree/stencilone)\n\n## To use the Web Component in a Ionic4 Project\n\nIonic4 App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/ionic-test-stencil-color-picker.git)\n\n## To use the Web Component in a Vue.js Project\nVue App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/vue-test-stencil-color-picker)\n\n## to use the Web Component in a React Project\nReact App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/react-test-stencil-color-picker)\n\n## To use the Web Component in your Project\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\n## To start this Project\n\nclone this repo to a new directory:\n\n```bash\ngit clone -b stencilone https://github.com/jepiqueau/stencil-color-picker.git my-app\ncd my-app\ngit remote rm origin\nnpm install\n```\n\nand\n\n```bash\nnpm start\n```\n\n\nTo run the unit and end-to-end tests once, run:\n\n ```bash\n npm test\n ```\n\nTo run the unit tests once, run:\n\n ```bash\n npm run test.spec\n ```\n\nTo run end-to-end tests once, run:\n\n ```bash\n npm run test.e2e\n ```\n\n","readmeFilename":"readme.md","gitHead":"21d34c705b7cbf483214456419dccf73b901a26b","_id":"stencil-colorpicker@1.0.0-beta.2.5","_nodeVersion":"10.15.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-wWJdezbVbvTadblLz5vKL2xkL8od6evR1ptb7U8dD6V1l9V79s9Yp116V40kwOmgu3F34c5hOjgPB+njBgDGHQ==","shasum":"96bbeafeed6a16bf12bc115001f2d3159b0c28b7","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.0.0-beta.2.5.tgz","fileCount":73,"unpackedSize":933117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc5SsRCRA9TVsSAnZWagAA1W4P/3K3l+frNda4Uv0VbS/7\nhW/KTi3mUs5Hab8YzQ8fUEnaPqWwxcQUe8Zs52DzUJrrNDIZ3V9M1R6mCwXp\nwIthyetGJ3C4nRdVSQp0SVSYMv87xkEL4UBiGLivofzRiWyGEO2UdBFExIQT\nyJjMVGXx03etiPYGKVJNGoUCnfHE9CH5J5eSuzjACkLuLzx3VF312usat3lo\n+JvyIgabSrJd00VlJya6Z0/Hrm9ZstXA+38zUQd2AjTk4kqH8vuChQ0gcZd7\ntKYNSIJ4SesVFLiTRAJLMun7ozFAQKsFOZob9T/mrvPX7teLwO6MqRiZNFOf\n412L6ijQch8kRZXRN+bCDgC7qr+ZPkmg7gJk704zCNIysF0ggpAyrJp9aOzh\n/HdZ1UYkNqgkebdoge2dCV6pB9cmh/e50EQLKVIaCPRKwBoKh7NLDAMC4lvS\nzrYF5Ky5goDFaw0fIUrOURlSuBEtpXZxM1tXxQCyKGq7Wjd8u9hOOs2oUESy\ncVMxwulARUy1fR0j1FowUL3XSVTzQkk/6/BsFuj/WEbJpi4nY3VmuFRjHiJw\nu42vZERukCxoBc/jFn6zDr1H/OkE3+T6FHVPs2QSMz17b+jzP1p6GUIvAtHG\nGvMFvwOhCjO1VKUoFwwwZ2y+zbThEmSKU1o64plJmE9n28n/mlT4cWKbEWVy\nAGZU\r\n=O/Fb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCfiMn/Sce0ccm2aOh0ydnPMMBimm2M8gPI1x9C8jeaaQIhAJolzPWTdYR/s0Z2rhnIZhGThUybtpvW0L9IQfOxEpuo"}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.0.0-beta.2.5_1558522641123_0.5361447964519885"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.0.0-beta.2.6":{"name":"stencil-colorpicker","version":"1.0.0-beta.2.6","description":"Stencil Component Starter","module":"dist/index.mjs","main":"dist/index.js","es2015":"dist/esm/index.mjs.js","es2017":"dist/esm/index.mjs.js","jsnext:main":"dist/esm/index.mjs.js","unpkg":"dist/ionic.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"one","@types/jest":"23.3.14","@types/puppeteer":"1.12.4","jest":"23.6.0","jest-cli":"23.6.0","puppeteer":"1.14.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","readme":"![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n\n\n# Stencil Color Picker Web Component\n\n ColorPicker is a Web Component to select a color \n \n ColorPicker owns a child Web Component Cpicker \n which is rendered when the ColorPicker open Method is called \n \n Color selection is done by \n - clicking and/or dragging a cursor inside a picker area (Brightness and Saturation)\n - clicking and/or dragging the slider handle (Hue and Opacity)\n \n Cpicker consists of :\n - a background\n - a header : clickable area to toggle the text color format HEXA,RGBA,HSLA,HSBA\n -> left part: selected color\n -> right part: selected hue\n -> text: selected color text\n - a picker area: to select the Saturation and/or Brightness color component\n - an opacity slider: to select the Opacity color component\n - a hue slider: to select the Hue color component\n - a Okay button: to exit the web component with the selected color\n - a Cancel button: to exit the web component with null (no color)\n\n Global and Local custom CSS variables have been implemented to help in the customization\n\n## Global custom CSS variables\n\n| Variable | \n| ----------------------------------------- | \n| --gcolorpicker-top | \n| --gcolorpicker-left | \n| --gcolorpicker-width | \n| --gcolorpicker-height | \n| --gcolorpicker-background-color | \n| --gcolorpicker-button-font-size | \n| --gcolorpicker-button-margin-top |\n| --gcolorpicker-button-margin-left |\n \n\n## Local custom CSS variables\n\n| Variable | Default |\n| --------------------------------- | ------------ | \n| --colorpicker-top | 10vh |\n| --colorpicker-left | 10vw |\n| --colorpicker-width | 70vmin |\n| --colorpicker-height | 50vmin |\n| --colorpicker-background-color | #242424 |\n| --colorpicker-button-font-size | 12px | \n| --colorpicker-button-margin-top | 10px |\n| --colorpicker-button-margin-left | 10px |\n \n\n## Color Button\n\n## ViewMe\nNot yet available\n\n## Usage\n \n ```html\n\n - using default values\n color : #ff0000 \n opacity : 1\n \n \n - with a preselected color in hex format\n \n \n - with a preselected opacity\n \n\n - with the first button text given\n \n \n - with the two first button texts given\n \n\n - with the three button texts given\n \n\n - with the text header hidden\n \n\n - with the buttons hidden\n \n\n after the color selection click on the container footer\n\n - with the opacity slider hidden\n \n\n - with all \n \n\n ```\n### Usage with preselected color and opacity and local custom CSS variables\n\n ```html\n \n \n ``` \n\n### Output\n \n return a Color Object\n {\n hsb : {\n hex: \"#1d9aca\", \n hexa: \"#1d9acab9\"\n }\n rgb : {\n r: 29, \n g: 154, \n b: 202, \n rgb: \"RGB(29,154,202)\", \n rgba: \"RGBA(29,154,202,0.725)\"\n }\n hsl : {\n h: 196.647, \n s: 74.892, \n l: 45.294, \n hsl: \"HSL(197,75%,45%)\", \n hsla: \"HSLA(197,75%,45%,0.725)\"\n }\n hsb : {\n h: 196.79999999999998, \n s: 85.55555555555556, \n b: 79.33333333333333, \n hsb: \"HSB(197,86%,79%)\", \n hsba: \"HSBA(197,86%,79%,0.725)\"\n }\n opacity : 0.725\n }\n\n## To use the Web Component as script tag\n Put the following script tag in the head of your index.html file\n\n ```html\n \n\n ```\n\n Have a look at the usage project folder: https://github.com/jepiqueau/stencil-color-picker/tree/stencilone/usage\n \n## To use the Web Component in a stencil-app-starter app\n\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\nAdd in the app-root.tsx\n```\nimport 'stencil-colorpicker';\n\n```\nThen you can use the element anywhere in your template, JSX, html etc\n\nStencil App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/stencil-app-color-picker/tree/stencilone)\n\n## To use the Web Component in a Ionic4 Project\n\nIonic4 App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/ionic-test-stencil-color-picker.git)\n\n## To use the Web Component in a Vue.js Project\nVue App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/vue-test-stencil-color-picker)\n\n## to use the Web Component in a React Project\nReact App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/react-test-stencil-color-picker)\n\n## To use the Web Component in your Project\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\n## To start this Project\n\nclone this repo to a new directory:\n\n```bash\ngit clone -b stencilone https://github.com/jepiqueau/stencil-color-picker.git my-app\ncd my-app\ngit remote rm origin\nnpm install\n```\n\nand\n\n```bash\nnpm start\n```\n\n\nTo run the unit and end-to-end tests once, run:\n\n ```bash\n npm test\n ```\n\nTo run the unit tests once, run:\n\n ```bash\n npm run test.spec\n ```\n\nTo run end-to-end tests once, run:\n\n ```bash\n npm run test.e2e\n ```\n\n","readmeFilename":"readme.md","gitHead":"21d34c705b7cbf483214456419dccf73b901a26b","_id":"stencil-colorpicker@1.0.0-beta.2.6","_nodeVersion":"10.15.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-TyyGsuG3yn5a3OWO6YGkiznlhn2tOZ+wl+84FAG2S70C1oP4U0Gm5zNjvzHMBmyHhFqOB+uopmihzgP0W1Fkeg==","shasum":"7d5eced96d73749e3c5c4f0c09d2bd9cdd5cd2fa","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.0.0-beta.2.6.tgz","fileCount":73,"unpackedSize":933628,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc5ZZvCRA9TVsSAnZWagAAtW4P+wdzUOFXgHjyYWj/qu6D\niaC+Q8cdY2OwwvUMnvB187NirqbjgxGsqxXrCdxGpf8h/93fkbh115/W6A5r\nk70II1pnHkBUur/WRNXtp44rv8wzaxwkdT9Lwj/mdYJ9hvVUh7FdDVby3nrF\nB5pUQ0SEy0lL8BCBqjA6tOsUINfgckH4EO/zLbT+pe+TrqWevA6sFgkfUidr\nWF2VHCD2KnONLe5SbYP/qk+AO9s8MFK6mrTvstobo+5ryTSvhtdZLUMSp44r\nDkiCBhRZazx8BGSsqggf3zw5dhQJnhaaOVnvzT72XBRAkg38BBbCV0Z3FNDK\nUmaBpx4FpXacDlp7kVnXtX98ErpByLgTGnW+xOsNTfBONcLjUEQixUhRvFIP\ncnx0KVPVWCrDuBh5c4QlhzVPcDmTiVAjWXqSy6V+t5k9JhbsNL//emmveVw6\np6R69bNYtey1xbSU9Yjxg3g/bAfAsTlEbIdA8hngMaTho2YZg9bSTC3scXOY\n0JXtNXueW6P/JvLp0ISOHYPFFLo2y55xX1Hq1UWO1+dVxr097eZOq6HCRmQM\n8zAwktK14oXQT2XWGu6JFJtuzIvnxoCq9SfWNnu6qpnot1qmxTNUMzLP5gXq\ncQkqe1PAgMl7OLPU/Qi2SkiY9WDjMbu2PKXEROmqa7c/zcj+apnoxqblNZqr\nypb5\r\n=D9Bt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH4QYBdABrLC+NPe/jb0Iqzv1NEXkcRdMWTIWaqALLGsAiBJ3dYteJ6IXajTcesyTbaCY+NDhfJyI0WvV05JAIrm3Q=="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.0.0-beta.2.6_1558550126699_0.9178698927257829"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.0.0-beta.5":{"name":"stencil-colorpicker","version":"1.0.0-beta.5","description":"Stencil Component Starter","module":"dist/index.mjs","main":"dist/index.js","es2015":"dist/esm/index.mjs.js","es2017":"dist/esm/index.mjs.js","jsnext:main":"dist/esm/index.mjs.js","unpkg":"dist/ionic.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"one","@types/jest":"23.3.14","@types/puppeteer":"1.12.4","jest":"23.6.0","jest-cli":"23.6.0","puppeteer":"1.14.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","readme":"![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n\n\n# Stencil Color Picker Web Component\n\n ColorPicker is a Web Component to select a color \n \n ColorPicker owns a child Web Component Cpicker \n which is rendered when the ColorPicker open Method is called \n \n Color selection is done by \n - clicking and/or dragging a cursor inside a picker area (Brightness and Saturation)\n - clicking and/or dragging the slider handle (Hue and Opacity)\n \n Cpicker consists of :\n - a background\n - a header : clickable area to toggle the text color format HEXA,RGBA,HSLA,HSBA\n -> left part: selected color\n -> right part: selected hue\n -> text: selected color text\n - a picker area: to select the Saturation and/or Brightness color component\n - an opacity slider: to select the Opacity color component\n - a hue slider: to select the Hue color component\n - a Okay button: to exit the web component with the selected color\n - a Cancel button: to exit the web component with null (no color)\n\n Global and Local custom CSS variables have been implemented to help in the customization\n\n## Global custom CSS variables\n\n| Variable | \n| ----------------------------------------- | \n| --gcolorpicker-top | \n| --gcolorpicker-left | \n| --gcolorpicker-width | \n| --gcolorpicker-height | \n| --gcolorpicker-background-color | \n| --gcolorpicker-button-font-size | \n| --gcolorpicker-button-margin-top |\n| --gcolorpicker-button-margin-left |\n \n\n## Local custom CSS variables\n\n| Variable | Default |\n| --------------------------------- | ------------ | \n| --colorpicker-top | 10vh |\n| --colorpicker-left | 10vw |\n| --colorpicker-width | 70vmin |\n| --colorpicker-height | 50vmin |\n| --colorpicker-background-color | #242424 |\n| --colorpicker-button-font-size | 12px | \n| --colorpicker-button-margin-top | 10px |\n| --colorpicker-button-margin-left | 10px |\n \n\n## Color Button\n\n## ViewMe\nNot yet available\n\n## Usage\n \n ```html\n\n - using default values\n color : #ff0000 \n opacity : 1\n \n \n - with a preselected color in hex format\n \n \n - with a preselected opacity\n \n\n - with the first button text given\n \n \n - with the two first button texts given\n \n\n - with the three button texts given\n \n\n - with the text header hidden\n \n\n - with the buttons hidden\n \n\n after the color selection click on the container footer\n\n - with the opacity slider hidden\n \n\n - with all \n \n\n ```\n### Usage with preselected color and opacity and local custom CSS variables\n\n ```html\n \n \n ``` \n\n### Output\n \n return a Color Object\n {\n hsb : {\n hex: \"#1d9aca\", \n hexa: \"#1d9acab9\"\n }\n rgb : {\n r: 29, \n g: 154, \n b: 202, \n rgb: \"RGB(29,154,202)\", \n rgba: \"RGBA(29,154,202,0.725)\"\n }\n hsl : {\n h: 196.647, \n s: 74.892, \n l: 45.294, \n hsl: \"HSL(197,75%,45%)\", \n hsla: \"HSLA(197,75%,45%,0.725)\"\n }\n hsb : {\n h: 196.79999999999998, \n s: 85.55555555555556, \n b: 79.33333333333333, \n hsb: \"HSB(197,86%,79%)\", \n hsba: \"HSBA(197,86%,79%,0.725)\"\n }\n opacity : 0.725\n }\n\n## To use the Web Component as script tag\n Put the following script tag in the head of your index.html file\n\n ```html\n \n\n ```\n\n Have a look at the usage project folder: https://github.com/jepiqueau/stencil-color-picker/tree/stencilone/usage\n \n## To use the Web Component in a stencil-app-starter app\n\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\nAdd in the app-root.tsx\n```\nimport 'stencil-colorpicker';\n\n```\nThen you can use the element anywhere in your template, JSX, html etc\n\nStencil App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/stencil-app-color-picker/tree/stencilone)\n\n## To use the Web Component in a Ionic4 Project\n\nIonic4 App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/ionic-test-stencil-color-picker.git)\n\n## To use the Web Component in a Vue.js Project\nVue App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/vue-test-stencil-color-picker)\n\n## to use the Web Component in a React Project\nReact App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/react-test-stencil-color-picker)\n\n## To use the Web Component in your Project\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\n## To start this Project\n\nclone this repo to a new directory:\n\n```bash\ngit clone -b stencilone https://github.com/jepiqueau/stencil-color-picker.git my-app\ncd my-app\ngit remote rm origin\nnpm install\n```\n\nand\n\n```bash\nnpm start\n```\n\n\nTo run the unit and end-to-end tests once, run:\n\n ```bash\n npm test\n ```\n\nTo run the unit tests once, run:\n\n ```bash\n npm run test.spec\n ```\n\nTo run end-to-end tests once, run:\n\n ```bash\n npm run test.e2e\n ```\n\n","readmeFilename":"readme.md","gitHead":"21d34c705b7cbf483214456419dccf73b901a26b","_id":"stencil-colorpicker@1.0.0-beta.5","_nodeVersion":"10.15.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-3p7+ikTlerbnPGhvd1OaV1cH/OVPmd8UikfMFvHXrmamqsJIAE+xEKB5rzWXrhnnCREomoHmmCITXR7X6T19QA==","shasum":"259300508e2e1d6080e52b70dda876d0e74086be","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.0.0-beta.5.tgz","fileCount":74,"unpackedSize":926659,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc5iMOCRA9TVsSAnZWagAA/VMP/3eOcUzXSIf+2ufrpFyr\n1fSE3ilQD/8l6Bulv4khRIQgtZlsFMLiwQDVtJvv+8XC0cvUhXpkXFUg6o7o\nrBuNmkN4OLknDvq0Z0APa4irHUHX+QzgyLgfPDt4j+ri0NaeKz2sUcY6JVIN\nRM9uUwZZKtsj4YFQ4ZQpow61Y8mYgFPX79AI++00LcpWMGu2iAvsfrbciknf\noyU5uodIGc7u3zYsGX0X3+wg436jdj1fxe8QjHs1gZuRlVH25HBETOQoTk84\nH6vLG+egq5ZzPsjBsXyMm9xOXSj+Rzhj5u+R3KkNJeKF09am9n4bSMRyQYM1\nV3mZDZ0i8DRcNlwltazaGb//sn7KL9Fm2wG/X0hLQGvuhPlcgdIVQFu8gQ7I\nSaQ04QHs7IJD0LfdaAd5soKjOkQRInmMwMC8qj5gMXk9lZMkR/yTuGwHTJuY\nl2b/E1ktYrO7OOpXvkGaUnOT8F/ON20DoUYAyg8hVE2Ny17Swuecq2rbC/VN\nDLA5LTnPmPd1nP16zdPwu/G9ytt3WvQy8Wlgry9BkyLLSsCrPm3VKzN2sZqg\ngjOthFwdNCduf+PdwKQGJZEoa6YqfMjwuDddOZmp9OVKcMYRDOPyxjzdBymr\nsxsqdNYaGoUM/ZGGdo9xvvDI/Ju590wnbLBiGj2qF4dULiNGTX8tDhiw1ssV\n32Za\r\n=U7aT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDxxb0pC3EqWS80d0rXaSX7JfMaxazaAJ8pf389o4WSjQIhANGmL1mvcI30EDE67a5rxcic228AnnXAf+07xD22ny5E"}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.0.0-beta.5_1558586126170_0.4127058643556283"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.0.0":{"name":"stencil-colorpicker","version":"1.0.0","description":"Stencil Component Starter","module":"dist/index.mjs","main":"dist/index.js","es2015":"dist/esm/index.mjs.js","es2017":"dist/esm/index.mjs.js","jsnext:main":"dist/esm/index.mjs.js","unpkg":"dist/ionic.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"one","@types/jest":"23.3.14","@types/puppeteer":"1.12.4","jest":"23.6.0","jest-cli":"23.6.0","puppeteer":"1.14.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","readme":"![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n\n\n# Stencil Color Picker Web Component\n\n ColorPicker is a Web Component to select a color \n \n ColorPicker owns a child Web Component Cpicker \n which is rendered when the ColorPicker button is clicked which will fire the \"JeepColorpickerOpen\" event\n \n Color selection is done by \n - clicking and/or dragging a cursor inside a picker area (Brightness and Saturation)\n - clicking and/or dragging the slider handle (Hue and Opacity)\n Each click on Brightness/Saturation or Hue and Opacity Areas will fire the \"JeepColorpickerGetColor\" event \n Each move on the Brightness/Saturation cursor or on the Hue, Opacity handlers Areas fire the \"JeepColorpickerGetColor\" event \n \n Cpicker consists of :\n - a background\n - a header : clickable area to toggle the text color format HEXA,RGBA,HSLA,HSBA\n -> left part: selected color\n -> right part: selected hue\n -> text: selected color text\n - a picker area: to select the Saturation and/or Brightness color component\n - an opacity slider: to select the Opacity color component\n - a hue slider: to select the Hue color component\n - a Okay button: to exit the Cpicker web component with the selected color\n - a Cancel button: to exit the Cpicker web component with the initial color\n\n Global and Local custom CSS variables have been implemented to help in the customization\n\n## Global custom CSS variables\n\n| Variable | \n| ----------------------------------------- | \n| --gcolorpicker-top | \n| --gcolorpicker-left | \n| --gcolorpicker-width | \n| --gcolorpicker-height | \n| --gcolorpicker-background-color | \n| --gcolorpicker-button-font-size | \n| --gcolorpicker-button-margin-top |\n| --gcolorpicker-button-margin-left |\n| --gcolorpicker-button-border |\n| --gcolorpicker-button-border-color |\n| --gcolorpicker-button-border-radius |\n| --gcolorpicker-button-color |\n| --gcolorpicker-button-background-color |\n \n\n## Local custom CSS variables\n\n| Variable | Default |\n| -------------------------------------- | ------------ | \n| --colorpicker-top | 10vh |\n| --colorpicker-left | 10vw |\n| --colorpicker-width | 70vmin |\n| --colorpicker-height | 50vmin |\n| --colorpicker-background-color | #242424 |\n| --colorpicker-button-font-size | 12px | \n| --colorpicker-button-margin-top | 10px |\n| --colorpicker-button-margin-left | 10px |\n| --colorpicker-button-border | 2px solid) |\n| --colorpicker-button-border-color | black |\n| --colorpicker-button-border-radius | 5px 5px |\n| --colorpicker-button-color | black |\n| --colorpicker-button-background-color | white |\n \n\n \n## ViewMe\nNot yet available\n\n## Usage\n \n ```html\n\n - using default values\n color : #ff0000 \n opacity : 1\n \n \n - with a preselected color in hex format\n \n \n - with a preselected opacity\n \n\n - with the first button text given\n \n \n - with the two first button texts given\n \n\n - with the three button texts given\n \n\n - with the three button texts given and the two last with one character\n \n\n - with the text header hidden\n \n\n - with the buttons hidden\n \n\n after the color selection click on the container footer to close the color picker component and send the \"JeepColorpickerGetColor\" event\n\n - with the opacity slider hidden\n \n\n - with all \n \n\n ```\n### Usage with preselected color and opacity and local custom CSS variables\n\n ```html\n \n \n ``` \n\n### Output\n \n return a Color Object\n {\n hsb : {\n hex: \"#1d9aca\", \n hexa: \"#1d9acab9\"\n }\n rgb : {\n r: 29, \n g: 154, \n b: 202, \n rgb: \"RGB(29,154,202)\", \n rgba: \"RGBA(29,154,202,0.725)\"\n }\n hsl : {\n h: 196.647, \n s: 74.892, \n l: 45.294, \n hsl: \"HSL(197,75%,45%)\", \n hsla: \"HSLA(197,75%,45%,0.725)\"\n }\n hsb : {\n h: 196.79999999999998, \n s: 85.55555555555556, \n b: 79.33333333333333, \n hsb: \"HSB(197,86%,79%)\", \n hsba: \"HSBA(197,86%,79%,0.725)\"\n }\n opacity : 0.725\n }\n\n## To use the Web Component as script tag\n Put the following script tag in the head of your index.html file\n\n ```html\n \n\n ```\n\n Have a look at the usage project folder: https://github.com/jepiqueau/stencil-color-picker/tree/stencilone/usage\n \n## To use the Web Component in a stencil-app-starter app\n\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\nAdd in the app-root.tsx\n```\nimport 'stencil-colorpicker';\n\n```\nThen you can use the element anywhere in your template, JSX, html etc\n\nStencil App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/stencil-app-color-picker/tree/stencilone)\n\n## To use the Web Component in a Ionic4 Project\n\nIonic4 App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/ionic-test-stencil-color-picker.git)\n\n## To use the Web Component in a Vue.js Project\nVue App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/vue-test-stencil-color-picker)\n\n## to use the Web Component in a React Project\nReact App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/react-test-stencil-color-picker)\n\n## To use the Web Component in your Project\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\n## To start this Project\n\nclone this repo to a new directory:\n\n```bash\ngit clone -b stencilone https://github.com/jepiqueau/stencil-color-picker.git my-app\ncd my-app\ngit remote rm origin\nnpm install\n```\n\nand\n\n```bash\nnpm start\n```\n\n\nTo run the unit and end-to-end tests once, run:\n\n ```bash\n npm test\n ```\n\nTo run the unit tests once, run:\n\n ```bash\n npm run test.spec\n ```\n\nTo run end-to-end tests once, run:\n\n ```bash\n npm run test.e2e\n ```\n\n","readmeFilename":"readme.md","gitHead":"21d34c705b7cbf483214456419dccf73b901a26b","_id":"stencil-colorpicker@1.0.0","_nodeVersion":"10.15.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-xKhWt4dmmQuCnq/UpEQ3LM3TM6+93rkVYwDbkLLeRZMgB9MoHl8gfyJIF8kcqfG3khWkUZkU0LLOQeOSi/jTbA==","shasum":"cc069177ab0c256ee8a6fc34fe3bc5b089cbbb8e","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.0.0.tgz","fileCount":66,"unpackedSize":1219818,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc/SAuCRA9TVsSAnZWagAAANkP/iHezzZCSBwiBsP7j7Y/\n6LxdbS5XeYDH39DEIA8HEAzbWhNYffi/pMHW1nhQWeoojgeEsSx75oF5TJVs\nDSiuvdOeh52xttrWjBefWEuGxcEXYvCFf7k8RX4WFhT02pxP7GxSl77b5qN/\nTK9rTtoHBv0eT7m6i3d0Y7JPoYUeHFkxYD+ayeubvMIUDRkBsktV5Pq7DQas\n6GYgo6AxO1i8PLLXbfdHxNs3T/uzmvGBgcpzEljByRBQpEGtB8u2tfBze3UU\nYzggtf3EoSFSC3HspIxU6UvAgoa2C8iB/MKtrxo2Rh8CadoLdnrKVL5Dz5de\nyIFgu5nB+o4rIMf31oWaOVL0Zv9Vo8TCTM4RGFp0/JRgCQkpReCVfDzsqDfw\nsU7sSp5G3+rDqEaF52DxAWh7QgZ2VSdnavgqGOAlq+XMIynA/5xcO0sneJTS\n2kLiJD6ABjhmILEshV0VNQ9VTlbbpLQZoXs9M093XOQEKwn0KLl1aCJO3e5E\nlGny3NEjclL4rEq3WvNBmqelScvh31Qy/QGrqwfztrBS25LwUJZ5gbhqpVnW\nU5o4MJN0HJSFKZMSQqjLBBmndfnTm5Z8/CEjP4W6tjJtmbEUSmtaf1+jjvkq\nl6ZQf0jwuOTY40lKxgrIY9tYUuKtx6SG8Ta87OfzMNYr7XLbV5wV3nvNzopr\n5cl3\r\n=FW5q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCmL4itg+SeTMIsHw5ozaXPKxJzDkdrbxRt8+noDRUVeQIgP1eXmLy6aehXk7qJFqSztPdFrIZc3LPl+k6kG+eDLUs="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.0.0_1560092718261_0.441208548947956"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.0.0-1":{"name":"stencil-colorpicker","version":"1.0.0-1","description":"Stencil Component Starter","module":"dist/index.mjs","main":"dist/index.js","es2015":"dist/esm/index.mjs.js","es2017":"dist/esm/index.mjs.js","jsnext:main":"dist/esm/index.mjs.js","unpkg":"dist/ionic.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"one","@types/jest":"23.3.14","@types/puppeteer":"1.12.4","jest":"23.6.0","jest-cli":"23.6.0","puppeteer":"1.14.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","readme":"![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n\n\n# Stencil Color Picker Web Component\n\n ColorPicker is a Web Component to select a color \n \n ColorPicker owns a child Web Component Cpicker \n which is rendered when the ColorPicker button is clicked which will fire the \"JeepColorpickerOpen\" event\n \n Color selection is done by \n - clicking and/or dragging a cursor inside a picker area (Brightness and Saturation)\n - clicking and/or dragging the slider handle (Hue and Opacity)\n Each click on Brightness/Saturation or Hue and Opacity Areas will fire the \"JeepColorpickerGetColor\" event \n Each move on the Brightness/Saturation cursor or on the Hue, Opacity handlers Areas fire the \"JeepColorpickerGetColor\" event \n \n Cpicker consists of :\n - a background\n - a header : clickable area to toggle the text color format HEXA,RGBA,HSLA,HSBA\n -> left part: selected color\n -> right part: selected hue\n -> text: selected color text\n - a picker area: to select the Saturation and/or Brightness color component\n - an opacity slider: to select the Opacity color component\n - a hue slider: to select the Hue color component\n - a Okay button: to exit the Cpicker web component with the selected color\n - a Cancel button: to exit the Cpicker web component with the initial color\n\n Global and Local custom CSS variables have been implemented to help in the customization\n\n## Global custom CSS variables\n\n| Variable | \n| ----------------------------------------- | \n| --gcolorpicker-top | \n| --gcolorpicker-left | \n| --gcolorpicker-width | \n| --gcolorpicker-height | \n| --gcolorpicker-background-color | \n| --gcolorpicker-button-font-size | \n| --gcolorpicker-button-margin-top |\n| --gcolorpicker-button-margin-left |\n| --gcolorpicker-button-border |\n| --gcolorpicker-button-border-color |\n| --gcolorpicker-button-border-radius |\n| --gcolorpicker-button-color |\n| --gcolorpicker-button-background-color |\n \n\n## Local custom CSS variables\n\n| Variable | Default |\n| -------------------------------------- | ------------ | \n| --colorpicker-top | 10vh |\n| --colorpicker-left | 10vw |\n| --colorpicker-width | 70vmin |\n| --colorpicker-height | 50vmin |\n| --colorpicker-background-color | #242424 |\n| --colorpicker-button-font-size | 12px | \n| --colorpicker-button-margin-top | 10px |\n| --colorpicker-button-margin-left | 10px |\n| --colorpicker-button-border | 2px solid) |\n| --colorpicker-button-border-color | black |\n| --colorpicker-button-border-radius | 5px 5px |\n| --colorpicker-button-color | black |\n| --colorpicker-button-background-color | white |\n \n\n \n## ViewMe\nNot yet available\n\n## Usage\n \n ```html\n\n - using default values\n color : #ff0000 \n opacity : 1\n \n \n - with a preselected color in hex format\n \n \n - with a preselected opacity\n \n\n - with the first button text given\n \n \n - with the two first button texts given\n \n\n - with the three button texts given\n \n\n - with the three button texts given and the two last with one character\n \n\n - with the text header hidden\n \n\n - with the buttons hidden\n \n\n after the color selection click on the container footer to close the color picker component and send the \"JeepColorpickerGetColor\" event\n\n - with the opacity slider hidden\n \n\n - with all \n \n\n ```\n### Usage with preselected color and opacity and local custom CSS variables\n\n ```html\n \n \n ``` \n\n### Output\n \n return a Color Object\n {\n hsb : {\n hex: \"#1d9aca\", \n hexa: \"#1d9acab9\"\n }\n rgb : {\n r: 29, \n g: 154, \n b: 202, \n rgb: \"RGB(29,154,202)\", \n rgba: \"RGBA(29,154,202,0.725)\"\n }\n hsl : {\n h: 196.647, \n s: 74.892, \n l: 45.294, \n hsl: \"HSL(197,75%,45%)\", \n hsla: \"HSLA(197,75%,45%,0.725)\"\n }\n hsb : {\n h: 196.79999999999998, \n s: 85.55555555555556, \n b: 79.33333333333333, \n hsb: \"HSB(197,86%,79%)\", \n hsba: \"HSBA(197,86%,79%,0.725)\"\n }\n opacity : 0.725\n }\n\n## To use the Web Component as script tag\n Put the following script tag in the head of your index.html file\n\n ```html\n \n\n ```\n\n Have a look at the usage project folder: https://github.com/jepiqueau/stencil-color-picker/tree/stencilone/usage\n \n## To use the Web Component in a stencil-app-starter app\n\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\nAdd in the app-root.tsx\n```\nimport 'stencil-colorpicker';\n\n```\nThen you can use the element anywhere in your template, JSX, html etc\n\nStencil App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/stencil-app-color-picker/tree/stencilone)\n\n## To use the Web Component in a Ionic4 Project\n\nIonic4 App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/ionic-test-stencil-color-picker.git)\n\n## To use the Web Component in a Vue.js Project\nVue App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/vue-test-stencil-color-picker)\n\n## to use the Web Component in a React Project\nReact App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/react-test-stencil-color-picker)\n\n## To use the Web Component in your Project\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\n## To start this Project\n\nclone this repo to a new directory:\n\n```bash\ngit clone -b stencilone https://github.com/jepiqueau/stencil-color-picker.git my-app\ncd my-app\ngit remote rm origin\nnpm install\n```\n\nand\n\n```bash\nnpm start\n```\n\n\nTo run the unit and end-to-end tests once, run:\n\n ```bash\n npm test\n ```\n\nTo run the unit tests once, run:\n\n ```bash\n npm run test.spec\n ```\n\nTo run end-to-end tests once, run:\n\n ```bash\n npm run test.e2e\n ```\n\n","readmeFilename":"readme.md","gitHead":"4dc4417d12cd7597d69b239a92d0f207cb80e1fb","_id":"stencil-colorpicker@1.0.0-1","_nodeVersion":"10.15.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-rWj4/GIf9DPVCvMhorkfEKSB8UhRfDgV1K2pTBbpYPK7lmapnhbx/mSUDnnkMJC0w4JcWRm5L2nbiycv4qp2Qw==","shasum":"35233e1122239b3c5919b26d44f2a56bd5337b3f","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.0.0-1.tgz","fileCount":66,"unpackedSize":1219820,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc/1PACRA9TVsSAnZWagAA0WUP/1nA2kTC95C4taSYPTU4\nVhmkS8cJqi/0E4yZmNr5PRd1otLst5GYXxozDhndnJjU/aRPp8bbJdytPrXH\nV1TW+r4qLqFwzqBAABAhqzQ9GnPdDuqfC/1tWtpbcOLjXRBoRWf4HpKXhWTH\niRixuiJiCYm944KM4wIOYgpQrpBNLxv5bi34hsiQjr4/Kbh2aLWeTgoQ7mLL\naswE/58izpJ+TpsZ8jXXtys4M7vtMfxw+m4RG+BsFYi15TmVpQ5I+qts3cC5\nd9Us57sdsVOTweLHU6Fz/rscU6g7jE8LFlFWvLBAzSR6raOfJuI2Xg4NJa45\nYgwTE8JdTXZez1JwX764zC2vZ8qFcsWXrbTaeS//5p0Qwa3Ai4OOWChQmRw0\n+YgSvQ6H/3Fpx41RU3Nr6OZcLTzCjVOZABj0chpVbprEnpfFlBvXpl/oDipY\nl42Ki9ynnlvZn/DVarn/18ZbkoYZL3U0lludGVk+MLIEhRK3b7jfRGsq+JBL\nhJEKi6m6yvc0leLFuAQRZZSaUTiWoNnIwt0QHRjpgC8FCnbTTvFwVyJz2pnR\nWL1wNesBmCLU1Q+ioHQVeKwRkMbKRIKy8WRT2iNXLBAvyEO4fiv6rWM7lBgD\ngwG6dhIjjg8vYjhcnoZBRihJ2e6vDTNXAxbrGlhAcZoetQrOxc5DLfqEzUa8\nbsIz\r\n=tWAx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCUs6yaizOAVrG6zIiwUhihDVtQGH+1LH06aCf2MDOVGwIhALaPXws4QrwXcIOyTJMwnix6ORZSRvFU/buF8AvTakWb"}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.0.0-1_1560236991345_0.8137101373214166"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.0.2":{"name":"stencil-colorpicker","version":"1.0.2","description":"Stencil Component Starter","module":"dist/index.mjs","main":"dist/index.js","es2015":"dist/esm/index.mjs.js","es2017":"dist/esm/index.mjs.js","jsnext:main":"dist/esm/index.mjs.js","unpkg":"dist/ionic.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"^1.0.2","@types/jest":"24.0.14","@types/puppeteer":"1.12.4","jest":"24.8.0","jest-cli":"24.8.0","puppeteer":"1.17.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","readme":"![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n\n\n# Stencil Color Picker Web Component\n\n ColorPicker is a Web Component to select a color \n \n ColorPicker owns a child Web Component Cpicker \n which is rendered when the ColorPicker button is clicked which will fire the \"JeepColorpickerOpen\" event\n \n Color selection is done by \n - clicking and/or dragging a cursor inside a picker area (Brightness and Saturation)\n - clicking and/or dragging the slider handle (Hue and Opacity)\n Each click on Brightness/Saturation or Hue and Opacity Areas will fire the \"JeepColorpickerGetColor\" event \n Each move on the Brightness/Saturation cursor or on the Hue, Opacity handlers Areas fire the \"JeepColorpickerGetColor\" event \n \n Cpicker consists of :\n - a background\n - a header : clickable area to toggle the text color format HEXA,RGBA,HSLA,HSBA\n -> left part: selected color\n -> right part: selected hue\n -> text: selected color text\n - a picker area: to select the Saturation and/or Brightness color component\n - an opacity slider: to select the Opacity color component\n - a hue slider: to select the Hue color component\n - a Okay button: to exit the Cpicker web component with the selected color\n - a Cancel button: to exit the Cpicker web component with the initial color\n\n Global and Local custom CSS variables have been implemented to help in the customization\n\n## Global custom CSS variables\n\n| Variable | \n| ----------------------------------------- | \n| --gcolorpicker-top | \n| --gcolorpicker-left | \n| --gcolorpicker-width | \n| --gcolorpicker-height | \n| --gcolorpicker-background-color | \n| --gcolorpicker-button-font-size | \n| --gcolorpicker-button-margin-top |\n| --gcolorpicker-button-margin-left |\n| --gcolorpicker-button-border |\n| --gcolorpicker-button-border-color |\n| --gcolorpicker-button-border-radius |\n| --gcolorpicker-button-color |\n| --gcolorpicker-button-background-color |\n \n\n## Local custom CSS variables\n\n| Variable | Default |\n| -------------------------------------- | ------------ | \n| --colorpicker-top | 10vh |\n| --colorpicker-left | 10vw |\n| --colorpicker-width | 70vmin |\n| --colorpicker-height | 50vmin |\n| --colorpicker-background-color | #242424 |\n| --colorpicker-button-font-size | 12px | \n| --colorpicker-button-margin-top | 10px |\n| --colorpicker-button-margin-left | 10px |\n| --colorpicker-button-border | 2px solid) |\n| --colorpicker-button-border-color | black |\n| --colorpicker-button-border-radius | 5px 5px |\n| --colorpicker-button-color | black |\n| --colorpicker-button-background-color | white |\n \n\n \n## ViewMe\nNot yet available\n\n## Usage\n \n ```html\n\n - using default values\n color : #ff0000 \n opacity : 1\n \n \n - with a preselected color in hex format\n \n \n - with a preselected opacity\n \n\n - with the first button text given\n \n \n - with the two first button texts given\n \n\n - with the three button texts given\n \n\n - with the three button texts given and the two last with one character\n \n\n - with the text header hidden\n \n\n - with the buttons hidden\n \n\n after the color selection click on the container footer to close the color picker component and send the \"JeepColorpickerGetColor\" event\n\n - with the opacity slider hidden\n \n\n - with all \n \n\n ```\n### Usage with preselected color and opacity and local custom CSS variables\n\n ```html\n \n \n ``` \n\n### Output\n \n return a Color Object\n {\n hsb : {\n hex: \"#1d9aca\", \n hexa: \"#1d9acab9\"\n }\n rgb : {\n r: 29, \n g: 154, \n b: 202, \n rgb: \"RGB(29,154,202)\", \n rgba: \"RGBA(29,154,202,0.725)\"\n }\n hsl : {\n h: 196.647, \n s: 74.892, \n l: 45.294, \n hsl: \"HSL(197,75%,45%)\", \n hsla: \"HSLA(197,75%,45%,0.725)\"\n }\n hsb : {\n h: 196.79999999999998, \n s: 85.55555555555556, \n b: 79.33333333333333, \n hsb: \"HSB(197,86%,79%)\", \n hsba: \"HSBA(197,86%,79%,0.725)\"\n }\n opacity : 0.725\n }\n\n## To use the Web Component as script tag\n Put the following script tag in the head of your index.html file\n\n ```html\n \n\n ```\n\n Have a look at the usage project folder: https://github.com/jepiqueau/stencil-color-picker/tree/stencilone/usage\n \n## To use the Web Component in a stencil-app-starter app\n\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\nAdd in the app-root.tsx\n```\nimport 'stencil-colorpicker';\n\n```\nThen you can use the element anywhere in your template, JSX, html etc\n\nStencil App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/stencil-app-color-picker/tree/stencilone)\n\n## To use the Web Component in a Ionic4 Project\n\nIonic4 App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/ionic-test-stencil-color-picker.git)\n\n## To use the Web Component in a Vue.js Project\nVue App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/vue-test-stencil-color-picker)\n\n## to use the Web Component in a React Project\nReact App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/react-test-stencil-color-picker)\n\n## To use the Web Component in your Project\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\n## To start this Project\n\nclone this repo to a new directory:\n\n```bash\ngit clone -b stencilone https://github.com/jepiqueau/stencil-color-picker.git my-app\ncd my-app\ngit remote rm origin\nnpm install\n```\n\nand\n\n```bash\nnpm start\n```\n\n\nTo run the unit and end-to-end tests once, run:\n\n ```bash\n npm test\n ```\n\nTo run the unit tests once, run:\n\n ```bash\n npm run test.spec\n ```\n\nTo run end-to-end tests once, run:\n\n ```bash\n npm run test.e2e\n ```\n\n","readmeFilename":"readme.md","gitHead":"bee92c21ed1d9c471fbcc979958000d9fef8055a","_id":"stencil-colorpicker@1.0.2","_nodeVersion":"10.15.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-YlG7HZuev/jCD+hFvo4gsPfwzakKCcv6lTcxkxFbwe7qhx5hoLbcA229B6NFSKam+iKXFbACSfxSgzPn4e9yrw==","shasum":"89463b1cddf5777f8b3d67ab59789b67677914d9","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.0.2.tgz","fileCount":66,"unpackedSize":1247163,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdAi+oCRA9TVsSAnZWagAARYAP/1Odl0jqmvYsAU3Dkv0c\nw3gqoOznA43RJMmxnuZY0Fx/DAFcZyJrDBBwCxl7UZwIn7QE4yMACFmCvi1V\nPZYjJK+stK/QIim5Rby6sM5W2CZ8lPmrFAiHTo/X3tiCV3U7idWXIcou9FJS\n0uXZNZGcJSVuADf9Tr+BUTBDmgfqMZil9u2ywKAH0mQj8NVJqH18jmqcJv90\nDmrnRvB5HUz917CsluRCg9bU968yMTGAhY8DrkUeA1wR61F5Lh2n3k6ZdBje\nBrCPBCC9hTUVsCUSxmMmnM0HexZsAlpBF5sjGOf4RoKbPtZtP/Z3YdCJhJWX\nn5PEcTfX2HHN6rZ3LmqZjGsAkqUpf/LwssdGusT6PjfUHPmPpOanFFqmdSIA\ne/T80pLZzg3NvhJlKvkX7wTu5oxw0lVUnNyKiVkr5ZJeB+1EUzP3UtiftN2T\nGuv0XO1e3Zcf0vt8XpQp0WWMpAX9sHYE+E9fijAJ7/5a452bqnNIGumbTz4h\nazgbEQP6Tj0IDbzRKCEklvIk969vg0ZF65zNsxWVhLDbgxCjFPaCRrtqQSK9\nrC+EdshXgLqoMGlyS1cLinEoPgYxdj5VzloH7A/FTX5rxPhvbnvxF8jHfPJz\ngaT5j2IKrk9Y9PrzQux56RxDNxY4lE2PDRMkLLiP0msZZSSAAcLzGPNRAxzz\ntwVG\r\n=PnCF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHgfeBm5UFi/eFi8v8WLaWFEEbxfQeC9ZWqR+aND7QLoAiBib8yg6YfLISNDwX9c3ZpiR9cPQQ5s2jbfli6/Sh/LTw=="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.0.2_1560424359360_0.7945754265953813"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.0.2-1":{"name":"stencil-colorpicker","version":"1.0.2-1","description":"Stencil Component Starter","module":"dist/index.mjs","main":"dist/index.js","es2015":"dist/esm/index.mjs.js","es2017":"dist/esm/index.mjs.js","jsnext:main":"dist/esm/index.mjs.js","unpkg":"dist/ionic.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"^1.0.2","@types/jest":"24.0.14","@types/puppeteer":"1.12.4","jest":"24.8.0","jest-cli":"24.8.0","puppeteer":"1.17.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","readme":"![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n\n\n# Stencil Color Picker Web Component\n\n ColorPicker is a Web Component to select a color \n \n ColorPicker owns a child Web Component Cpicker \n which is rendered when the ColorPicker button is clicked which will fire the \"JeepColorpickerOpen\" event\n \n Color selection is done by \n - clicking and/or dragging a cursor inside a picker area (Brightness and Saturation)\n - clicking and/or dragging the slider handle (Hue and Opacity)\n Each click on Brightness/Saturation or Hue and Opacity Areas will fire the \"JeepColorpickerGetColor\" event \n Each move on the Brightness/Saturation cursor or on the Hue, Opacity handlers Areas fire the \"JeepColorpickerGetColor\" event \n \n Cpicker consists of :\n - a background\n - a header : clickable area to toggle the text color format HEXA,RGBA,HSLA,HSBA\n -> left part: selected color\n -> right part: selected hue\n -> text: selected color text\n - a picker area: to select the Saturation and/or Brightness color component\n - an opacity slider: to select the Opacity color component\n - a hue slider: to select the Hue color component\n - a Okay button: to exit the Cpicker web component with the selected color\n - a Cancel button: to exit the Cpicker web component with the initial color\n\n Global and Local custom CSS variables have been implemented to help in the customization\n\n## Global custom CSS variables\n\n| Variable | \n| ----------------------------------------- | \n| --gcolorpicker-top | \n| --gcolorpicker-left | \n| --gcolorpicker-width | \n| --gcolorpicker-height | \n| --gcolorpicker-background-color | \n| --gcolorpicker-button-font-size | \n| --gcolorpicker-button-margin-top |\n| --gcolorpicker-button-margin-left |\n| --gcolorpicker-button-border |\n| --gcolorpicker-button-border-color |\n| --gcolorpicker-button-border-radius |\n| --gcolorpicker-button-color |\n| --gcolorpicker-button-background-color |\n \n\n## Local custom CSS variables\n\n| Variable | Default |\n| -------------------------------------- | ------------ | \n| --colorpicker-top | 10vh |\n| --colorpicker-left | 10vw |\n| --colorpicker-width | 70vmin |\n| --colorpicker-height | 50vmin |\n| --colorpicker-background-color | #242424 |\n| --colorpicker-button-font-size | 12px | \n| --colorpicker-button-margin-top | 10px |\n| --colorpicker-button-margin-left | 10px |\n| --colorpicker-button-border | 2px solid) |\n| --colorpicker-button-border-color | black |\n| --colorpicker-button-border-radius | 5px 5px |\n| --colorpicker-button-color | black |\n| --colorpicker-button-background-color | white |\n \n\n \n## ViewMe\nNot yet available\n\n## Usage\n \n ```html\n\n - using default values\n color : #ff0000 \n opacity : 1\n \n \n - with a preselected color in hex format\n \n \n - with a preselected opacity\n \n\n - with the first button text given\n \n \n - with the two first button texts given\n \n\n - with the three button texts given\n \n\n - with the three button texts given and the two last with one character\n \n\n - with the text header hidden\n \n\n - with the buttons hidden\n \n\n after the color selection click on the container footer to close the color picker component and send the \"JeepColorpickerGetColor\" event\n\n - with the opacity slider hidden\n \n\n - with all \n \n\n ```\n### Usage with preselected color and opacity and local custom CSS variables\n\n ```html\n \n \n ``` \n\n### Output\n \n return a Color Object\n {\n hsb : {\n hex: \"#1d9aca\", \n hexa: \"#1d9acab9\"\n }\n rgb : {\n r: 29, \n g: 154, \n b: 202, \n rgb: \"RGB(29,154,202)\", \n rgba: \"RGBA(29,154,202,0.725)\"\n }\n hsl : {\n h: 196.647, \n s: 74.892, \n l: 45.294, \n hsl: \"HSL(197,75%,45%)\", \n hsla: \"HSLA(197,75%,45%,0.725)\"\n }\n hsb : {\n h: 196.79999999999998, \n s: 85.55555555555556, \n b: 79.33333333333333, \n hsb: \"HSB(197,86%,79%)\", \n hsba: \"HSBA(197,86%,79%,0.725)\"\n }\n opacity : 0.725\n }\n\n## To use the Web Component as script tag\n Put the following script tag in the head of your index.html file\n\n ```html\n \n\n ```\n\n Have a look at the usage project folder: https://github.com/jepiqueau/stencil-color-picker/tree/stencilone/usage\n \n## To use the Web Component in a stencil-app-starter app\n\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\nAdd in the app-root.tsx\n```\nimport 'stencil-colorpicker';\n\n```\nThen you can use the element anywhere in your template, JSX, html etc\n\nStencil App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/stencil-app-color-picker/tree/stencilone)\n\n## To use the Web Component in a Ionic4 Project\n\nIonic4 App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/ionic-test-stencil-color-picker.git)\n\n## To use the Web Component in a Vue.js Project\nVue App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/vue-test-stencil-color-picker)\n\n## to use the Web Component in a React Project\nReact App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/react-test-stencil-color-picker)\n\n## To use the Web Component in your Project\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\n## To start this Project\n\nclone this repo to a new directory:\n\n```bash\ngit clone -b stencilone https://github.com/jepiqueau/stencil-color-picker.git my-app\ncd my-app\ngit remote rm origin\nnpm install\n```\n\nand\n\n```bash\nnpm start\n```\n\n\nTo run the unit and end-to-end tests once, run:\n\n ```bash\n npm test\n ```\n\nTo run the unit tests once, run:\n\n ```bash\n npm run test.spec\n ```\n\nTo run end-to-end tests once, run:\n\n ```bash\n npm run test.e2e\n ```\n\n","readmeFilename":"readme.md","gitHead":"bee92c21ed1d9c471fbcc979958000d9fef8055a","_id":"stencil-colorpicker@1.0.2-1","_nodeVersion":"10.15.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-+7OZOy7E2TDWDd5ikm4uw/BCiS9cYCUOYuftWKyjEaERAP9pBmPF/vJrEEedKyfg4q3r8uts5qCcs9mwAwjivA==","shasum":"c4ed2de7a84af989512e68ad9bd7c0364678bb3a","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.0.2-1.tgz","fileCount":66,"unpackedSize":1247401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdAjokCRA9TVsSAnZWagAAXfIP/0T3Z4nTp0BPClHsmO9Y\nJ1H9HG+FGa57dZd5ZzB9kpzjbkJuSuS9P6Xwo05bFtSmsjBfpFv/Ps3lpfKr\ngbydUag7tHKqFX+Wb5IrgTmTUa3pi3Plo2O2CQLLtLFKHmqPGgQvMVYK+81x\nazB4FfoCPFsLvm4KdWKqaqi41HyhJKo0w56146NL3v5X0DQoivWW5xsVstOP\nE9lv3z3lJcgDdUNYQnsFXEvfJ+fSTjzYboNuZeqCCh9UEiDgNBWH8A+y2lys\nPP397OJu3Mz9DDOU5JAqwFKsFBMunIAmNiRh1eXhF87RjmDnn3IneWwc5G31\nnWKAXaeHJnFwwCNCBIu/MrOwsZUATLTvheMVQDTFoBEqjwSxeeo3f45VPVoM\nGxJ8Nd3pzZ7NJxt2WH2nNn2erBwpSC1U0B5IBWSa8bbGfDXDPBbWGAliiEFw\nDzSxJ0ZjkfITnzSIDhClZ/c8c6+dr4Y1FUqkPhdE48mu96FzbWVoD6xOEzKm\nzITvSQYNN6wCVHjrOkOpoQ7KZPIRwA6NgRrnkQBmyIF9Wed7e90lNGypZw/f\nODJ2gVmGXnPnS31QtDtufcbB+DIwOJdtX2KcPI1Y7Xc49doHHejPLD9R0+no\nC5TtPUGe4IeeDoISXPlilWkGXM9/uIYKGdXWkEvkwZFOJNud92BlU+U2vx9Y\nFzVq\r\n=x0m5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDm02SXuSEJav1caLYDaAOuP3q8KKGmuGYk2zXXZ4H1YgIhAJNAXYD7wJfjpDbdGvem7+C/cRzSwf+w3MCv0m778vae"}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.0.2-1_1560427043871_0.8982892701633618"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.0.2-2":{"name":"stencil-colorpicker","version":"1.0.2-2","description":"Stencil Component Starter","module":"dist/index.mjs","main":"dist/index.js","es2015":"dist/esm/index.mjs.js","es2017":"dist/esm/index.mjs.js","jsnext:main":"dist/esm/index.mjs.js","unpkg":"dist/ionic.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"^1.0.2","@types/jest":"24.0.14","@types/puppeteer":"1.12.4","jest":"24.8.0","jest-cli":"24.8.0","puppeteer":"1.17.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","readme":"![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n\n\n# Stencil Color Picker Web Component\n\n ColorPicker is a Web Component to select a color \n \n ColorPicker owns a child Web Component Cpicker \n which is rendered when the ColorPicker button is clicked which will fire the \"JeepColorpickerOpen\" event\n \n Color selection is done by \n - clicking and/or dragging a cursor inside a picker area (Brightness and Saturation)\n - clicking and/or dragging the slider handle (Hue and Opacity)\n Each click on Brightness/Saturation or Hue and Opacity Areas will fire the \"JeepColorpickerGetColor\" event \n Each move on the Brightness/Saturation cursor or on the Hue, Opacity handlers Areas fire the \"JeepColorpickerGetColor\" event \n \n Cpicker consists of :\n - a background\n - a header : clickable area to toggle the text color format HEXA,RGBA,HSLA,HSBA\n -> left part: selected color\n -> right part: selected hue\n -> text: selected color text\n - a picker area: to select the Saturation and/or Brightness color component\n - an opacity slider: to select the Opacity color component\n - a hue slider: to select the Hue color component\n - a Okay button: to exit the Cpicker web component with the selected color\n - a Cancel button: to exit the Cpicker web component with the initial color\n\n Global and Local custom CSS variables have been implemented to help in the customization\n\n## Global custom CSS variables\n\n| Variable | \n| ----------------------------------------- | \n| --gcolorpicker-top | \n| --gcolorpicker-left | \n| --gcolorpicker-width | \n| --gcolorpicker-height | \n| --gcolorpicker-background-color | \n| --gcolorpicker-button-font-size | \n| --gcolorpicker-button-margin-top |\n| --gcolorpicker-button-margin-left |\n| --gcolorpicker-button-border |\n| --gcolorpicker-button-border-color |\n| --gcolorpicker-button-border-radius |\n| --gcolorpicker-button-color |\n| --gcolorpicker-button-background-color |\n \n\n## Local custom CSS variables\n\n| Variable | Default |\n| -------------------------------------- | ------------ | \n| --colorpicker-top | 10vh |\n| --colorpicker-left | 10vw |\n| --colorpicker-width | 70vmin |\n| --colorpicker-height | 50vmin |\n| --colorpicker-background-color | #242424 |\n| --colorpicker-button-font-size | 12px | \n| --colorpicker-button-margin-top | 10px |\n| --colorpicker-button-margin-left | 10px |\n| --colorpicker-button-border | 2px solid) |\n| --colorpicker-button-border-color | black |\n| --colorpicker-button-border-radius | 5px 5px |\n| --colorpicker-button-color | black |\n| --colorpicker-button-background-color | white |\n \n\n \n## ViewMe\nNot yet available\n\n## Usage\n \n ```html\n\n - using default values\n color : #ff0000 \n opacity : 1\n \n \n - with a preselected color in hex format\n \n \n - with a preselected opacity\n \n\n - with the first button text given\n \n \n - with the two first button texts given\n \n\n - with the three button texts given\n \n\n - with the three button texts given and the two last with one character\n \n\n - with the text header hidden\n \n\n - with the buttons hidden\n \n\n after the color selection click on the container footer to close the color picker component and send the \"JeepColorpickerGetColor\" event\n\n - with the opacity slider hidden\n \n\n - with all \n \n\n ```\n### Usage with preselected color and opacity and local custom CSS variables\n\n ```html\n \n \n ``` \n\n### Output\n \n - the \"JeepColorpickerGetColor\" event return a Color Object\n {\n hsb : {\n hex: \"#1d9aca\", \n hexa: \"#1d9acab9\"\n }\n rgb : {\n r: 29, \n g: 154, \n b: 202, \n rgb: \"RGB(29,154,202)\", \n rgba: \"RGBA(29,154,202,0.725)\"\n }\n hsl : {\n h: 196.647, \n s: 74.892, \n l: 45.294, \n hsl: \"HSL(197,75%,45%)\", \n hsla: \"HSLA(197,75%,45%,0.725)\"\n }\n hsb : {\n h: 196.79999999999998, \n s: 85.55555555555556, \n b: 79.33333333333333, \n hsb: \"HSB(197,86%,79%)\", \n hsba: \"HSBA(197,86%,79%,0.725)\"\n }\n opacity : 0.725\n }\n\n - the \"JeepColorpickerClose\" event return a CloseData Object\n { color :\n {\n hsb : {\n hex: \"#1d9aca\", \n hexa: \"#1d9acab9\"\n }\n rgb : {\n r: 29, \n g: 154, \n b: 202, \n rgb: \"RGB(29,154,202)\", \n rgba: \"RGBA(29,154,202,0.725)\"\n }\n hsl : {\n h: 196.647, \n s: 74.892, \n l: 45.294, \n hsl: \"HSL(197,75%,45%)\", \n hsla: \"HSLA(197,75%,45%,0.725)\"\n }\n hsb : {\n h: 196.79999999999998, \n s: 85.55555555555556, \n b: 79.33333333333333, \n hsb: \"HSB(197,86%,79%)\", \n hsba: \"HSBA(197,86%,79%,0.725)\"\n }\n opacity : 0.725\n },\n button : number // 1 when \"Okay\" button has been clicked \n or 2 when the \"Cancel\" button has been clicked\n }\n\n## To use the Web Component as script tag\n Put the following script tag in the head of your index.html file\n\n ```html\n \n\n ```\n\n Have a look at the usage project folder: https://github.com/jepiqueau/stencil-color-picker/tree/stencilone/usage\n \n## To use the Web Component in a stencil-app-starter app\n\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\nAdd in the app-root.tsx\n```\nimport 'stencil-colorpicker';\n\n```\nThen you can use the element anywhere in your template, JSX, html etc\n\nStencil App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/stencil-app-color-picker/tree/stencilone)\n\n## To use the Web Component in a Ionic4 Project\n\nIonic4 App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/ionic-test-stencil-color-picker.git)\n\n## To use the Web Component in a Vue.js Project\nVue App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/vue-test-stencil-color-picker)\n\n## to use the Web Component in a React Project\nReact App that shows an integration of [stencil-colorpicker web component](https://github.com/jepiqueau/react-test-stencil-color-picker)\n\n## To use the Web Component in your Project\n```bash\nnpm install stencil-colorpicker@one --save\n```\n\n## To start this Project\n\nclone this repo to a new directory:\n\n```bash\ngit clone -b stencilone https://github.com/jepiqueau/stencil-color-picker.git my-app\ncd my-app\ngit remote rm origin\nnpm install\n```\n\nand\n\n```bash\nnpm start\n```\n\n\nTo run the unit and end-to-end tests once, run:\n\n ```bash\n npm test\n ```\n\nTo run the unit tests once, run:\n\n ```bash\n npm run test.spec\n ```\n\nTo run end-to-end tests once, run:\n\n ```bash\n npm run test.e2e\n ```\n\n","readmeFilename":"readme.md","gitHead":"bee92c21ed1d9c471fbcc979958000d9fef8055a","_id":"stencil-colorpicker@1.0.2-2","_nodeVersion":"10.15.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Q7ihMMZr0ADhZHgaWs9d5Q34y7aKlpYoDRZ8CnW+POBrvb2qlV/ZAySniEWLYWH6inpuKHRcgo09O/0btQSt0w==","shasum":"4df69647d7f483a2cb80bd27d2af2e7fd0e3b645","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.0.2-2.tgz","fileCount":66,"unpackedSize":1248415,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdA0tYCRA9TVsSAnZWagAAcdcP/0hABqp7Eg1vcSaJZuwC\neW9q8dngvjSiLZ2j8BjG25ZrDBNKIXJ18OxJ+j69Dz4qbCAIGyOKSGw9Vloa\n+cVHXk0tYA6NzNKSVbgR9PCJqHTbQmJGSNZuNDmcm+ZmSMImL+Vuxu/g85b5\ngf0z5AxHaqdI3/kKsUh/M0ZpKfMxkkqvCoWCVIXjHyx4zq1iQBnjCK0G3SHz\nJyu62fYc9ASLleSjTlYqgOYWwEs0hIWTahXJak6ZvfED6aGa2RolDEg8P7Vf\nWDU0QJyiO1c+T9ou+z96HmUk8NZ+iW3c/yao6xA+UW1qOnD2RjAZ6JeCPy2k\nOLfVfdcxv8bMp4e2TKnqWaU3kBVnOqC5PEUAlSIqLPeBgxfFvacPDtbgXrNF\nTeGIoBOxtk5ZFXw7Os3a/iuUp7lO7AFk378I12gnGZzLFhpWBbjda4kPLZS8\ns48ShFqg4vMTuASoDOM2OKaoKXhnzvPNQuayKhYoeHx24Bq80oosVhAilvRV\nqow2NtdaQL2i41Q0HcT+aP/i2ZLteODRwhCBIEws3f+QHPOiekvEUIxGIszh\nuoCuPNwjZFShBbuu+18SE6H9DP193VKovHiyqfvSYu/1N0euSAI1QnW1IIGG\ncJbLDiF1D4sjMVppekr9RUObhAx5p+HxwS8BGKQ2ORgbs+J3OkKSXJ8RTLrv\npyqK\r\n=q1BK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBEl4jPhawfGHBBK1++s2gYztsTF9r2NgpDU1ZrykmGiAiEArPFnOoPiP4nqwH2kN4mqb5ErHI/VH9tycsH61L6LPRM="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.0.2-2_1560496983706_0.6336568371814093"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.0.3":{"name":"stencil-colorpicker","version":"1.0.3","description":"Stencil Component Starter","module":"dist/index.mjs","main":"dist/index.js","es2015":"dist/esm/index.mjs.js","es2017":"dist/esm/index.mjs.js","jsnext:main":"dist/esm/index.mjs.js","unpkg":"dist/ionic.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"^1.0.7","@types/jest":"24.0.14","@types/puppeteer":"1.12.4","jest":"24.8.0","jest-cli":"24.8.0","puppeteer":"1.17.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","gitHead":"fa23ea9c9895d07d47f667103fb88e308cc70c87","_id":"stencil-colorpicker@1.0.3","_nodeVersion":"10.15.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-IvtkmSSIx4zIJC6co/5mwYfwz8X9t/gGL+v+ZGkirzLpePSWYHD21JIHQyP+gpv6nkmmwlZyPmUJHESbExDKgg==","shasum":"a6107f1c2e8424c81c0cc0246a706dc51a41d3dd","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.0.3.tgz","fileCount":66,"unpackedSize":1216903,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdEHf8CRA9TVsSAnZWagAABqsP/Rm0WgH0zF2JcnxeNYFv\nGzg4zb9vVNpOIKCLFEHfnXgTHcQlr8TI+iv+48f/zsdjhO2XbabPNpzFck9H\nZ7W5vR4VTWueyvlHW2aWaClk+rdgSSuLnMdjv6T2Dd4uz8w6nrrN3t38SLbI\n3EbzaGmo3eSceNgVROFJqG2bQ+8QTWWzEVo2FzQ0L+vTKLa2Irg9tWZEGNUr\nnI9nRAX3LUuHEgjqd5Qk6X0M/L3jnhsgmhx559BvDvFcOq5Y1z++DkIbmXhp\nKdWNs8I/gIloQny1QVaQMFUXCnRnHyc/DeJ/Dn8OlUxvo7Lf8GcmZcSWYp/m\neM7QDDJY7KEfJecuiKNH2fXy9ZVNIYfbEjs62YRKFE0Olu6EXIiqhpWXpA5/\nI6LW1fGqu17hT1K5NmB7OozOZ/f0kU6XdNL7tKISVZabS3lp6UwHIPzBKns4\n6MwrqrgS12WOzE1z9bHLRbmI2hWN42DBnVQvXXPxXsF5Xc/9ODusEtGbt5LH\nwOgDrXVpLd+hVEyFigPVCONrWnPuf2irTUjuYtVOBJ8F00Sx33YPwE0ibMM0\nzGwMdjchYDB3zs0lwffRDJriTsu6a3yuPEQZ+mFxqt/MuwWthkwGWLmx63F1\nQzXl/dCiFx2xupLsW2/yleOSyfxV8haII6eNSHEeqPbFESDQdrjUCbxN9L8W\nHkJO\r\n=jVPC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEiQAGdRS5bnAxCFMkR5rb/HPh1FyDPwPSDVzGAfv9WwAiAxspza0U288cQI14kRIo+S7hMW9oYS5P0V1mdtJUNcsw=="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.0.3_1561360379790_0.6177779358695332"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.0.5":{"name":"stencil-colorpicker","version":"1.0.5","description":"Stencil Component Starter","module":"dist/index.mjs","main":"dist/index.js","es2015":"dist/esm/index.mjs.js","es2017":"dist/esm/index.mjs.js","jsnext:main":"dist/esm/index.mjs.js","unpkg":"dist/ionic.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"^1.2.3","@types/jest":"24.0.16","@types/puppeteer":"1.19.0","jest":"24.8.0","jest-cli":"24.8.0","puppeteer":"1.17.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","gitHead":"830b861e624c051c413ce7c6b6ff2321d498b60f","_id":"stencil-colorpicker@1.0.5","_nodeVersion":"10.15.3","_npmVersion":"6.10.2","dist":{"integrity":"sha512-/0GfxNpPNNR/sFYSxwKRAfXtpeeyc7638NV3e3kwXMnJk9ksTBnl5JZwqkk8eNqrzxqvTrveb8UWVfZu/ufkyw==","shasum":"f50813899d1931ce1d40dcd0eafbc723fe47e3bc","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.0.5.tgz","fileCount":69,"unpackedSize":1107714,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdSCpPCRA9TVsSAnZWagAAnWgQAIF9mvepeqNyyCnO1+yW\nHcsy3dAvzhFejjirLXv5Jju9RucD7O3/sODpwEH8eW99nGPe9nTzPWRb+vIU\nBYoVMgQn/arTl8saRRZDrpOHd926ViKUeByKhxQbfF9cLKxef5LOTiv/kX36\ntQMU0GjL/aLUd9qt2d0O/vRZSFGoiJbMst8aXXn4Eay82YKpceeNWhuG5dHF\nW7PwsyS4eDYI+Zl+vPDzLRPZIht3lKbvnoM5P55JqQI5n7d3XS3wYCQ6A9dv\nY7kFv1/ph1XW3U4qpVeLkbq/o/rHiiOHRLiH4Rtgk226Dzn+vV3Sg86u/gBT\nXPY/QRCHJrOkz8bBKhT4h0baP4XENX+G8Qf8g2+t1OA3WAhoOPC9FWNUDQkY\nedA/heGznpP7Z3dDrv5S5sbDSrMXACBTlm1Cxertve7w1YOanl1gnY1QDlFD\nYAnrW3XLLMblgtdFDbLdcbqUd8y1Gi7O94W8bSM5I+ra6GK5kyRdEAX5kgze\nIF5IFO2kA/mdt5rGvoFZBXB+42i8vUYYfiP74XHR1RstcNKv1wZh2Ehegy5G\njufeta6qwVNOBzSaaUDAoQLIb9qWQ0RrBWbPp3QJYyeJlbaBcGRcBdCS4bIv\n8zLC0Ob7QkH/ODVIwDSqb2x5PoWo8i1GZDIm1sl5fGdqVaG1CGKfUQb4rdXo\nuImA\r\n=iTfh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDWH3Ug4nKPyMqxCQHdaeNsGA0aVdub6VxtUnSEo9qSGAIhAN2pElZP9lpDq5tYbyUh8c38EWYMsX/JWPAC2+Jth58K"}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.0.5_1565010510511_0.6659668372308627"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.0.6":{"name":"stencil-colorpicker","version":"1.0.6","description":"Stencil Component Starter","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/jeepcolorpicker/jeepcolorpicker.js","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"^1.2.3","@types/jest":"24.0.16","@types/puppeteer":"1.19.0","jest":"24.8.0","jest-cli":"24.8.0","puppeteer":"1.17.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","gitHead":"c2d465c416f34951bdda617eebb3a9a64a6fc687","_id":"stencil-colorpicker@1.0.6","_nodeVersion":"10.15.3","_npmVersion":"6.10.2","dist":{"integrity":"sha512-w1stCyfctGhzVkwp9em7V0DVglx4isyxLHX0Cw4SZ96LkT7SCqA4Amj5opbQpUu0LeHUtuS6dpfmifgk2cfOEQ==","shasum":"ddae2eeff9def3797f01d3436dc886d1129f75ab","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.0.6.tgz","fileCount":69,"unpackedSize":1107791,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdSDdrCRA9TVsSAnZWagAAxcEP/R+T2t9OYSXcaX8wBotE\nE+pMgHZ8+Z7mEuVwGLVyE61RpJW+IiKwXsgxI/FmchORFJu7v0eKkI3Oli4N\nmnPMHuw8gZBuRkvygFAZu8wY5V2BWh4N74lJ3v3D4dtaWC1HihMPx/uRXSOa\nQbhttWTWheUtPk6VZPAe9ASAntmg/0OFLRQsyBsk5qZMQZ3vEC4oan8Ccqma\nO4MApLQiUivZOJ13RQkemLWSv+J4sbgx8IChAK4YXyXmHiZjdK1qaNzBLIpo\n2FstMs7g9cgVVK86jr3K8dH8BQ3ZlLh3qF3OYn/lNnQ2UmZRJN0fQD3ImRPO\nnS+32ZbvtAqgBCrfaLQoB5s58vbdsCCqPw3EsaK/LPCCqetfWczj64Ycsoek\nZL7H/5WtHcLtUg9VYHsxLqNrvmWdNR3jf81s9/Z6x51EeF9igYSgeMjho6mM\nSFFOtGZg2i0X4b819vxJjPNXz+acBV3zm1s9bDdZutrbsgpLALV+kINF46Ug\nMXioiF/R16mROCHH6G+E50OYu0offWq4za9PWfzyWHh3OsPfC0OktJum5rT/\nRXPkmjJNz4DrrCza36hkt+glDdfuFdF2m2ZT89CGtAngXYSBiil3D2DWOUHH\n62YWjVQudNxlx6PvM1EJ0yLVcZC1W4GA/lbuxNk/Jta3hIRUEoHg51hEs4+R\n0N3y\r\n=qGlz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDd98fRX/RjUcLxdQ+HqUKUka2Qi9dMgNFGB1uUtPYSQQIhAIGMw1xBzcwDEQIbO+B461cSm/evstmOmMJ5mrHQe4RJ"}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.0.6_1565013866749_0.0007970387597928674"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.0.7":{"name":"stencil-colorpicker","version":"1.0.7","description":"Stencil Component Starter","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/jeepcolorpicker/jeepcolorpicker.js","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"^1.2.4","@types/jest":"24.0.16","@types/puppeteer":"1.19.0","jest":"24.8.0","jest-cli":"24.8.0","puppeteer":"1.17.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","gitHead":"16b6fcb2667714454e65970b3debf9540ba0080c","_id":"stencil-colorpicker@1.0.7","_nodeVersion":"10.15.3","_npmVersion":"6.10.2","dist":{"integrity":"sha512-dMfCbISq2WTW1HCs7YSCce0vh5E8a2hGrY6AE1e+7wzlF919aYCO7LkRFGKelDOc7hshUvz+wuILlWDUoo41AA==","shasum":"2937950a980e2c5cb5374f3bd5b6d7f68e1a63d3","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.0.7.tgz","fileCount":69,"unpackedSize":1107623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdTTAbCRA9TVsSAnZWagAAPzMP/ino5V+zygcDTMrtRaUN\nuM/2kLSiG9UpWMUES7fkuldq/yBfI11ztFp0n1f69L21NHDLmwa/dDRgq8Uh\npFB45xageBhx7ah3OZMnlNC+rT1WrDiNcizXdjIdq1Y0jtMIymKZjlU+0CQx\n+SUygCoqwuwZMmlpOx4anb5MoIzFsOMwpn3ItN/y/mOFDIM7PiaFrW1L63Hi\nyP5qtG+Hotkfwv/+t+G1OvAgVt06WfCJvrlEbmygDg0efyvuh7MzBHJAQvCT\neXrOOwULGgLUpm2L7t43sEmUDGrrNNVBsYtk7jL1yy2R74aKQDOYLzQh63ym\ndrYxSlvkOrvi1NRLR3xYxkJK/BNWVd7SOCzNEyrhvO0tNQmtBtveXBk3C3lp\n9CeOKko9r8W5Og3C/0dPfzfFeRDx1oM40o5yaOPrx6rEs7JtVHY1BuHjXEEy\nKOZXY2wTxbeNLW9MJTQYNcB3i8m5FVYQINqwZnSMtduJaqnqAmLeU55gvonU\n9SYp9qPwqiITxOjD6DYWU9uD8IsD5GkJy147B+Wol6zQMyARLHqsg0f6QH3I\nmu5Q90g27fjKjju2LPZl6DLMYdFusc9En9G/jvj5UCBmkYTGAodjQQ9pErlv\n1Lb4Q8FL1HTJWLFcurfnWfEbMRx1Ttqfhw+/83ldmY6xA7ovRpjxDjkWDHY4\nYQV0\r\n=n+WS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDBsY2BVvKnk49GjypYLeuw9e7KVM88NyzomOgXol3PtAIhAOGz53gB3dqJ83HbMddu/xNBCh0uChJnelxdrM1kyghc"}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.0.7_1565339674757_0.6836190679455425"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.0.8":{"name":"stencil-colorpicker","version":"1.0.8","description":"Stencil Component Starter","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/jeepcolorpicker/jeepcolorpicker.js","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"^1.3.0","@types/jest":"24.0.18","@types/puppeteer":"1.19.1","jest":"24.8.0","jest-cli":"24.8.0","puppeteer":"1.19.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","gitHead":"d257f145c4f75847542c409064049e6d8659d010","_id":"stencil-colorpicker@1.0.8","_nodeVersion":"10.15.3","_npmVersion":"6.11.1","dist":{"integrity":"sha512-JMbG/94dJ2ZRInUpE5umJhPY5x9psXYJOWDx9C3dtLFXmwnDzIfVWpkXmN3AlO8wDQG4Rp6F8JKq8RdTvVEWnA==","shasum":"252f27d2594d62ac946a07e05b4a44b0ff6d359a","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.0.8.tgz","fileCount":69,"unpackedSize":1105470,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdXptWCRA9TVsSAnZWagAAJKAP/A5sZDlVLonnYfWbkHzi\nlbOq0TPw8b95ElECFn/APUNh+fWFVAKd5aO2+f4Mr31XraUmviANRTCRtBFZ\nV4l9e73p91aGwLV4IIqxkdVrutpx6F9NkScMMNIdMtVwv4UqF9WI015yIfqX\npmfiDf7xG+HwYrBdta0j8CQ+JlAIC3TANSfP+iBjmJsqUxYalZP7tdt204IJ\nDvOk4r2eDHydGF0de6E0p7rfRxUq9AyOlWYqoTcz9FBh9nMawB0dk4Fij5Hw\nlFjOLIqr6dsEdDLKzdOGc5ro+1XPlL+uURr9468t71JcY76n5onqjZAIaHvO\nywsUaRletp2u3V2YSv2kuN7aEI3+W+gaRigrCU9tg44SvqkRegMJAYMRQNvf\n9uA+m76ZVqM1ct56qexa6R3OifpRgqD35T8oe8bIdJYtFfDlDrKwH89JhV/e\nHIgE+Mw0JGnpDYOer1rZCoNKnJpRjN5ad1ZIIAZBk4vsPgjyRKsKNRqvVb04\nncXmrNJjssNx9SbQkZXyqGKrU/w1U1ilNiokFaq/FjrNrVEp6nyrG9VPQdFf\ntKDVBiERWx2/YmigPvUx4G7h2QTiBHqrZ6Wyebv6kCi4thPOpqPEuBEHLI1s\neZwwYzFQCOZd/zFkO/8RFQfJdK+oe9CRbsfQn+TjvXgU91S1TaDX/67Ve64w\n+gjg\r\n=2tZi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF/k583GQJ7JiqN63sF9GT6vuAQm7oxxFNMzo1NMkyXIAiEA4g+jb8o8F/bAXCwYFy+clv+TFu3B/klvNEt+ZzIawaM="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.0.8_1566481237689_0.9129422683939699"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.0.9":{"name":"stencil-colorpicker","version":"1.0.9","description":"Stencil Component Starter","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/jeepcolorpicker/jeepcolorpicker.js","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"^1.3.2","@types/jest":"24.0.18","@types/puppeteer":"1.19.1","jest":"24.8.0","jest-cli":"24.8.0","puppeteer":"1.19.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","gitHead":"d257f145c4f75847542c409064049e6d8659d010","_id":"stencil-colorpicker@1.0.9","_nodeVersion":"10.15.3","_npmVersion":"6.11.1","dist":{"integrity":"sha512-Tcbx1shZwz3ZJXx2elgF1ntPTzaFfuTMdq7ubPoTCOBklki9+pLFN6A+mX5skV4i+puZP/dGtxLKorsvN+kSbQ==","shasum":"0ae1a239b9b0cf8646cc692c201aa1c0befd0118","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.0.9.tgz","fileCount":69,"unpackedSize":1105380,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdZlSVCRA9TVsSAnZWagAAkQUP/A3UfR1xu3bHYbPJ594X\nczj+Yvtl3GbWqzXvrucYmOoIRbtK8m884BjLv5HB8mD7bmjYHH/wGxd2xBrf\n84QNBRFMU9UDcbY1Gevem0eCu7LhwBH8ZPeKOIyxEY9jxXdeEov5W3GQWWum\nJ7lLtMC61hyRkOg/YfeJam6ziM5gRT5ztpKD2dlIsvFTKOCstFAcivMSNskm\ngzOp2GgTFpKGK9OIKuzFSI72lEaZXJmTahzH6UDutAwkuZVJq+6AiOVY4G3a\n1lD5RAcsFkKVVGix0Wna5n0SruEbzfWQLvVdhjDmFZhY6XWxwY5QUxLzk6x+\nh/Sf5SYl0a6FFdKg2/2T3Q75o2CUe1nUoTwCQoNNgB/vj9NPmcx52NDNNW+d\nio29fsF/92tC3USmtB1OYbhims/7GjnnUVnz3n+R1XW7mzd72eHNcTdCFpqn\nKLGpx+5lEQG0wyxlNOv2VT4uBNYE15Zq7CS8HqJVDD4haV+zodHqYtkO1z6d\nzT3cklunLgAH/4z+Je9pK/ENwzoHLZ7UGuz4vLK0MNxklpcATLo8H7FRasNq\nnnF6dP3v0SCcVoBToI36XWI9eAZRMOnJtL1l8j7AD4AIYP5Sbt4wx+wtG6ER\n6R9xnGd8J7UkPrc9XnE8sxlErtSILqjpSLGaZliwLyb+uoEfEQXZmBfzBZO2\nPZgn\r\n=SrJY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEKwYiGPHNauxu+0pfG5APPkW40OI2HRROBh+MmISGBfAiAw2iIz2kxHgJzl910kFz0xgiB2UIH8DB4j8cWjsXL1JA=="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.0.9_1566987412591_0.7827110042635366"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.1.0":{"name":"stencil-colorpicker","version":"1.1.0","description":"Stencil Component Starter","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/jeepcolorpicker/jeepcolorpicker.js","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"^1.3.2","@types/jest":"24.0.18","@types/puppeteer":"1.19.1","jest":"24.8.0","jest-cli":"24.8.0","puppeteer":"1.19.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","gitHead":"b8460a8bbc85d2b3a00c6df5cccc0c7084d86e9e","_id":"stencil-colorpicker@1.1.0","_nodeVersion":"10.15.3","_npmVersion":"6.11.1","dist":{"integrity":"sha512-+o7Py4E8lQTp/Wg1pO4SZX+xVw0Q793HG/MEJze3TnVSOZeHqkP1HnrfjWSHCALurJHy+EG4QIkEh/K4+hwvXg==","shasum":"3f5dcd8ea0fefcdc12592ab1855126eb4c544583","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.1.0.tgz","fileCount":69,"unpackedSize":1105652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdZmrpCRA9TVsSAnZWagAAOowP/Rga1Vg3g9aOqA5a/ido\nTlRmwCBhK6YTYySqP1lwPT6Xbg5W7TNWrp5iIP5lvfN3sXw09JU7FA5nns/H\nBm9nwpmYL/vsr5UQ0ITZMYwDAl2BfiX3subojWEO2Upas+KcbCFzwM2zRAos\nl4EvGV8i1ntNA9oYD8MdXEd3oyde7UQh3nO0G5QUeyA9moucTg83md1vFB1T\n5QY6l1b8+SC2hRnUjjWGUKuFxfPffYahUxYfH3cUUD4NJ7Jrke+OckhB2YMP\n9hxBy095VMYamyOZlpZmBf9PeNUp2ydloKYfed/oVn1FhLwB9Y6f0Br+5ZTK\neYbcN9sOwet1dyZC6kj973s/SRZfCU71G8S1zHZTCGvF5Aq5LmD3jCO71X9v\nElwKs9plTePUMayz3lQ8SgMXWfOZRC2gy2oYgmaa3IoEXTyAn2LJPPJvKbLo\nbgOk4N0btzGmBXfIhp/ytyFmGXi9Cb9ceeL0P9/D5TX71Gvy9dl8cTK4UMdj\n++dfHjWIpUPISA0R4LzbjEPr4yeFcp8m2mcxPejxNV4u+fUS9zRjd6V6esyF\nkWPxC6Q7IXDVl1kkP6Co2pxC+6eMlISxmbEDOXtojv/4q3Koos9HBD26c61a\nUVauA0AZnR8ilw4e8qUP2843eu8TcSc6+mOISxpGeaut5Au07FwEQm5F931/\n5ltX\r\n=iGuW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDd1Lov11qpKwxYDTqCE9Ccyte84O0QC2WchoXashVAXwIhAOCN5DOxtPtly0z4ZXDaymGxy9yeVagfRDYfJw79+lGl"}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.1.0_1566993128818_0.8862786947707639"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.1.1":{"name":"stencil-colorpicker","version":"1.1.1","description":"Stencil Component Starter","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/jeepcolorpicker/jeepcolorpicker.js","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"^1.3.3","@types/jest":"24.0.18","@types/puppeteer":"1.19.1","jest":"24.8.0","jest-cli":"24.8.0","puppeteer":"1.19.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","gitHead":"b8460a8bbc85d2b3a00c6df5cccc0c7084d86e9e","_id":"stencil-colorpicker@1.1.1","_nodeVersion":"10.15.3","_npmVersion":"6.11.1","dist":{"integrity":"sha512-fiPJ2UgERBjSsvSI6/5iE6XP9VbINJeA8zD6ifiYgxfgwZwB0ctC6V8CdA4s0hq44ihJHiM1yrHDQy3mAs/qhQ==","shasum":"051e4eb46174773373b45c8a789af7b9030d5c4c","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.1.1.tgz","fileCount":69,"unpackedSize":1105652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJddl9bCRA9TVsSAnZWagAAQPEQAIv3nvkM6Kvx7EjReade\nCg6+EqVd35Z1kXJl6/533qsEHkYvTGgzOkYWNW5yhnXraLzDGttrcrtTeMOb\ntzSNNcvZem1xfTqLmrWokCUWoflXrGkQZvCO4ULVS5unUNhu2a1WvZlpqT8r\n1WfXQOAdaVYRVABW1Rlc5x5F8KJddfowqSQpSoDv+MGuA6du/HmsFdvNsGHR\nJHiBPm5/3GrBJks74gncH90mWqMWcvrmeSk2DBVNIeCYebRQEGHNBDdFdbuB\nXrG7xAoYUfIwqaVw982xyYWU7t9HFVn3xBjSgWgYL381tVm1Ecu+U2mCc+jF\nZunLzyGw20tevfFDLALZAK2PFOZa2GXaiHqrpKsULqyCarZhffLetOng/ted\nMZAPN8+oFUtQoFTu8m8LY8pOg35gzWj07icnh1Ax1y3tyDwka66r4TLsZ8su\nkoGXic7etUkBs+f2ryDRxqSWC7iKkrRx8yakGRdNVQyYEA2v/X2TxFByvpMk\n9QvehZ8q4NoPITHYPB1tcmUp+MZlMTwzqoO0wjH3/F2AQgfbwSXNsOY8WDoJ\nwWD/MEtUGI8TG7vNy89rGHW34SIrKxEMiTxZuxZRG/7BZSAvL4IEBg1Jitmt\nJ2bTx3wjY8gApydHElJeyi1/kBFiKFFzcwJtnMn3ppozGFqRxwekFT/dc+Px\nIBzc\r\n=vO9Z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDT3pkXLFqLF5Y55dtTFFonMwpWz4EJwFkiEnqjxOSZ/gIhANYtK7tq0tjBY5O49rnRqGgzrHcPJ6dZNhzo5l0axVE2"}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.1.1_1568038746781_0.6359854253906212"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.1.2":{"name":"stencil-colorpicker","version":"1.1.2","description":"Stencil Component Starter","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/jeepcolorpicker/jeepcolorpicker.js","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"^1.7.1","@types/jest":"24.0.18","@types/puppeteer":"1.20.2","jest":"24.8.0","jest-cli":"24.8.0","puppeteer":"1.20.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","gitHead":"2abc47ed9a432f9c427a57c86037a144cdb3e8dd","_id":"stencil-colorpicker@1.1.2","_nodeVersion":"10.15.3","_npmVersion":"6.11.3","dist":{"integrity":"sha512-nz00yDkvWn436MmHEfR1w/GgeD3uhdnAD+J0V0ibxCjfM2RP2WK19DVfUjm9sy6dBchQecYFVnPvZZYgKAyb2w==","shasum":"08541975e53b1f6e53cb02a7b10e73540fc5dcd8","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.1.2.tgz","fileCount":71,"unpackedSize":1125974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdovYCCRA9TVsSAnZWagAAkF8P/RHEVrgd6C128ip2+KPu\nxhuqNTX2f5W0/+Bdfzaz+ebs/dLn+yXn84F4uMXDn68ndlV+GaamChb6qtA6\n57LFpcNp0PuGLR4dNjkhH1Vss2hG0dmOEsbCM2CeGm4FHMalyMkYDa+OMQdq\nBSsuuQsniXwynfH9S0thuHwTWC5jVXT58QjAonUqE5YFQ82FYWYhpTBD8oJ6\n2IApXItth7uts7iTWjngX1ndQW+2QCOH98lkqqHXhMrCXBTQEKj1LWjMqAlH\n1DHg+PMZFp9ZlRgY3l+vKDA55muIeORpPgFOlFyfnWwbRqONRXni0Y+rsmr8\nzDr41N3vyUikfTXeNvyZinbi5fJPIbJsm5Nbg49+yPqIx9E/Mtg1020GZfnz\ntX23XlktHE5QZlgAFrD4ddPm51AdQq65h97HNGrHeMcAZPEK+YW3ZiiHdaNA\nSPNogTkyd+KucQXL9kyF8/9qiX7K2e02ZNwiKm8T5Wtxi9xA+aGejg7aliU4\nQx6TS0Ywck1gFfCmHuKqqmwipiBPcuhiBSQc56kYDb7CEymZnXVLUxFcYxkR\nhKAtZliQytGzpjBk3ZhBAr4WQjL2lbUN68X9pgZwDlF3C/ghO2I3Mq8RddPE\n1pCx/lyRBk3VsAwd1zcb8tXkXC/Bu3OO93cdXrzzgV3A7tmUm4nAWt4l5UpB\nQtAB\r\n=FOWB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCKaJek9Ivy5jdK6GiFhu3tHuc+dsa8uCXKwUJgCpjUDgIgaz98cnu2AUyTNzbcRXRsS2hcBY8oJT74iRc9GfJHjQA="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.1.2_1570960898163_0.8545969676291802"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.1.3":{"name":"stencil-colorpicker","version":"1.1.3","description":"Stencil Component Starter","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/jeepcolorpicker/jeepcolorpicker.js","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"^1.7.1","@types/jest":"24.0.18","@types/puppeteer":"1.20.2","jest":"24.8.0","jest-cli":"24.8.0","puppeteer":"1.20.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","gitHead":"2abc47ed9a432f9c427a57c86037a144cdb3e8dd","_id":"stencil-colorpicker@1.1.3","_nodeVersion":"10.15.3","_npmVersion":"6.11.3","dist":{"integrity":"sha512-DC5d86m7Pv2uHLG2OHBc6BTfdq8h6UbXWXK0adOueEEfrfKo4B/kKaLRps7zJzMZyP9JuoQ7MGSb6ejJaHsohg==","shasum":"285dcd4efcd41d8b881d36c059d618deb7fa00a5","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.1.3.tgz","fileCount":73,"unpackedSize":1129740,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdo0GXCRA9TVsSAnZWagAAiMMQAJjVSAE4qtzfT46ORiGh\naeED04uu+w/OzQ2Mn26ZJR0a7YGZe82GaoXY7tGKLiofloV9HJ6f6fABSPYW\nZcadbMxnLxKh3qa8J8GjpcZ8tF1YGFOfhpPIvw7y5puKB3ALgvxX0vtDNXvk\nQI91F8P24wlzE/zIVqVkXQBIpft2r4j02c/t/2Q5CCDdOC8DL+0IOMOTLjQI\ni9SiHDfbqveyjIrfCZzILnDdu4o1MjhDXOWTmbHFOr1jTJl51NvWUUzpBusk\nxxssac2kBQKCXXBDTJPsrfkuPqSzUsuExBSTVXmW309NkIf6but20sa8VJeE\nq1Pwe9pmdeLZk3ZKLgTwNmqFx4uNh/zsXDy1Ktsu1uMF3p122r9dF7XTfWi5\nCyhu2KX1v+veOnY+7vPqObnJRpbVz522kWo/211CaNhWvkA1PQfLCBAHCwAf\npEz+IalEKKeUyAQL0PSGskaScRlh3LBWkhtGWL3SSS9oawBoOOrCaDW/yIIm\ncjpB/4lKLygJMrTD0trqBpklTMklVKPadR0KFTwagzxVzjadzClBbiAVDGvo\nJFNhIRVuj9uC+3XZgUb0VRCih5Y4wGryjGJtWH5EGS6lMS6XwDyAx3lS90ov\n+cjd3iQ8vrDcc0RYBbtimG9jQPOnb5uPeN9+jNqSH04u8H17Ir0YWDiAffG+\nz1LO\r\n=jA+c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAXLn4jkS/pJrRRSEDuekFqLc0xWB+q1CSnNdSqifnz6AiAcY9LKxliWTwuciT2y6p667vdHiXi+b3QEy7pgvXPUMQ=="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.1.3_1570980247253_0.7938329545616565"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.1.3-1":{"name":"stencil-colorpicker","version":"1.1.3-1","description":"Stencil Component Starter","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/jeepcolorpicker/jeepcolorpicker.js","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"^1.7.1","@types/jest":"24.0.18","@types/puppeteer":"1.20.2","jest":"24.8.0","jest-cli":"24.8.0","puppeteer":"1.20.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","gitHead":"2abc47ed9a432f9c427a57c86037a144cdb3e8dd","_id":"stencil-colorpicker@1.1.3-1","_nodeVersion":"10.15.3","_npmVersion":"6.11.3","dist":{"integrity":"sha512-2aEsAEfwxIVVr4EE9GfW1QX8HxTmN/LHmaUB4IbC7CW0Q9R72s+R5S8UnEZQecBeaRrnuhbGw+fFKDA4ntqs+Q==","shasum":"f968945982abd9fa8b9e6581112bdf23b52e999e","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.1.3-1.tgz","fileCount":73,"unpackedSize":1132104,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdo0oICRA9TVsSAnZWagAAMK0P+wYw7zOj+8NinTjC79E0\n0fj0qRJTPSCuV37G9ko5Q7NcY5T/0VP9R8OebH46EhzTQXCbaupxReX1Ev0k\n1KSMQFbC5XjHFGIQ8tjn92n5+6jhftcG57+SD9odX8af3SdZ5FQ1wT9K1yZI\ndCptLzBNFRLhzKpjyWyQzJ3xChC1v6LcC3lL56z85NKXCfuEtgdXY2+GdHYJ\n/xZasEUdMRQhZ1Rbyd8p+o3j2rfk+W20u8chVN+C+WSeDf2UZvWSW5b+7gKI\nFK4suu3Cmj4nlj3C6ZNVPC4dKNl9XzzgROJyovWe0LhaOg6HG8IKAhcAtumT\npNSmIVyHoS3nYyhOOYWIcRlWSBmvtslo4s9IjoCci7q6z9pUD/JxI4i6mU6b\nuXwsG+iJnM/4Z9jcDH1tSuqOMdSLMmEMg6OCkEkzxcV68uLR4aaZfX1TAH0y\nBZk/jl5XNqlHFLW2JuCSxhq859rPcAOk9pEYAnwfTpZ3aYGVAoBJQ/RhEAgp\nRq5Okq+h3S/ToUzOtLGpZE9py+X8e5SJrJF99baFYnhhMg4TyU2ay8xniwiR\n8Vx4eD5eSMAmxi9+r35VaMzZySKDXL4qBRiYfdtwrTocb26veGxLoNxXqRdC\ni+FExqsswps7qDW4BQ19Wjd4cazMGHcfi2IYJKG+dNUdzwylsB0Ucc7uDQ38\n7cXV\r\n=t8EO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDp7EVnOFslcQCn/AKodmg/lOKtL4FDlc91iFOizvTCkwIhAIw8VJCF/mLyxyOspmKe/BwB4a7idOrA3cKti22Si7fJ"}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.1.3-1_1570982407351_0.5180651736998543"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.1.4":{"name":"stencil-colorpicker","version":"1.1.4","description":"Stencil Component Starter","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/jeepcolorpicker/jeepcolorpicker.js","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"^1.7.1","@types/jest":"24.0.18","@types/puppeteer":"1.20.2","jest":"24.8.0","jest-cli":"24.8.0","puppeteer":"1.20.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","gitHead":"2abc47ed9a432f9c427a57c86037a144cdb3e8dd","_id":"stencil-colorpicker@1.1.4","_nodeVersion":"10.15.3","_npmVersion":"6.11.3","dist":{"integrity":"sha512-g31/Iww0zl7DbqIYArRDsAKsjRNUYuT0dmhNdNVprVRHscpGynlJARFuOZNyabGwxg/T0gSIzy+LZTq2fSfCSA==","shasum":"0787e8411e6e23da24d1a01747bf5d79c1f617fd","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.1.4.tgz","fileCount":73,"unpackedSize":1130834,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdo1muCRA9TVsSAnZWagAA0CIP/jvgQajgr0/KXotWuGkb\nVaXVg/cO8jHDIYKBYw1yLAx7KP+FkLGKI4u8a1ikWHgnOF3LkEnHpkMQ+ERk\nrjXXWmkpdXGwH90hdVLHY0elEcqXaZ+ZCdsxCayWNj3hAlrm1y82ZMtsFQ94\nY25a9q7pVUsejacYFn80QSOVwb7bqKVy1nBT3MTSvuJcDf5amZjS2A7jmXcr\nmClxsXT2/5QM4ZClrGwpOiVxZKlbcT41zFkyoP28R2CfA4k/D+mC3uadvmDd\n3+3XQSnIZelQtImVHKp7xMPbW+mrOl9PVtastFzXUA+d5E/HmasV6/U62kyC\ncuUG9X75eMkflBrvpfy2hK79crcvhiEXEpcAfKEOy8SYW2qK/aVnvGM2xrgX\nkCi3Yqw/TTrbx37f7KoLVeu3VQK/vnUEO6eo7EsSQNMKbE73S8p+THMXZtyS\n8x8sqz2OYxhBtD46D2gNjoLtiX48eHPz03O+Nbs+13RZAQT6sQypRgc2sUFe\nUj+xK4aQAvzfESBSRQt0N8fBx+O0ujjoUKSXpBXnZte3YUCrTs9AXbQ0SN3/\nuRZ+UmHTnsI+7C6h/JJ1oiAcgxTbM1yPZTM4MCiZVoKbghdszWY7MWOWp5sU\nCtPfalezPTvozlNW5f5xBXh4N9BT4swxBG8Gfber9SAAxpoVEgZt6lE/Lcp4\nK4Jf\r\n=JvZQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDRJ4/yvqroDcnas7HG5mTIeOYvSHJClrZUE5ic0NfFOgIgOLz/C7lO9jdKQ/xUCzsbJCrEW52XQHOlKVkP4q3Cte4="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.1.4_1570986413855_0.01151381601920387"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.1.5":{"name":"stencil-colorpicker","version":"1.1.5","description":"Stencil Component Starter","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/jeepcolorpicker/jeepcolorpicker.js","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"^1.7.4","@types/jest":"24.0.18","@types/puppeteer":"1.20.2","jest":"24.8.0","jest-cli":"24.8.0","puppeteer":"1.20.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","gitHead":"2481382ee1bef3b6f409ecb0fe600ff0746081c9","_id":"stencil-colorpicker@1.1.5","_nodeVersion":"10.15.3","_npmVersion":"6.12.0","dist":{"integrity":"sha512-U/JOfhQ5kH2S8hla5Sk1K4nKwuL8GYUlBnugd4LrfaSyRU8NimSzWbO2p3cyj3oFBljMF5eo992LMixhW+FNTA==","shasum":"bccbb3e3a14764062447c6b215a2919ad2999086","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.1.5.tgz","fileCount":73,"unpackedSize":1130855,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdtTV2CRA9TVsSAnZWagAATfsP/jDt9CTLkJynNjb6jteJ\nB0vO5lrhzhNoBCBtFzr/7hPJur9TVhbIZOr7k4J8nKqhwcOm0C6qrScTDw42\nCQRHK0AlhQM8fQkx8FJGrqmHbBVMqQdDC52x/DAm664TtFfshvKvs550UV/m\n2AJ659LcNYSEQZazyODB818vOqzbRtYqJJIvWrV/UEMxfdNSvoBSw5DrYC1X\ndezQgH7GQnYx0L8eOibx9zmy9dtvu8qk3bUJNbkSJ3PutRta/cj6G21hiut6\noEHsJGJdIfcBCF7Scwo9k2P1O8EpSQYkpP0kP2L8mvDKfnwfeW34qFpF0wny\nOpCikvVRgccwBAFZIokQrl6dtpIC2DG+exwTQsBtL1crRIby8kEfShJ25B86\nZkgpiVjkWC8xlvEQhAXvW/a8JJXRph55fLtjDYTUGLZeYLJQLn5/KDJQLOdF\nnxcR0d7xF1fjEaUZRj7Oy2IuRvd6+INucQy2uiz1p5Hi0bb9zAPhnjc9Idd5\nsZ/6/ne10Yt+gBgl5DTiLC/8fAwiCrQZsIVkl7E+qenrDaCZsLNPQNOEH0x2\n69PkPBo4WX+CIeaSVaJGKSeCoweeUlk9KsFR7tsWzhzS3Pl3qDUATK12HZ5x\nOQOazEiTM8GQKX7qKPzqm1RaWxL7ckg5WH1/gYNrb2CH0mzGyfYkRfWL26n+\n7KDx\r\n=uCLr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB+eAET5FOWqSBOul49tOcV1LVSlY7Tm3lnCAO/wxA4iAiBX3smaIRtBpqK/l8C6jCclhEvYWOgJbC88L1Dwg9HOmA=="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.1.5_1572156789907_0.736947722868029"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.1.6":{"name":"stencil-colorpicker","version":"1.1.6","description":"Stencil Component Starter","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/jeepcolorpicker/jeepcolorpicker.js","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"^1.7.4","@types/jest":"24.0.18","@types/puppeteer":"1.20.2","jest":"24.8.0","jest-cli":"24.8.0","puppeteer":"1.20.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","gitHead":"2576a117343a379c194e7f374855814b09a938fa","_id":"stencil-colorpicker@1.1.6","_nodeVersion":"10.15.3","_npmVersion":"6.12.0","dist":{"integrity":"sha512-u67lK2ITg+xMGuahgUzjX6IBAL6TfdNshoqnDxs+zAKqyV7poYBuBmr6wbWMGEoRTMHhYqQ4kco0rt3NkoGIWg==","shasum":"aab894190226dee499da067812d78dfaa5fa260d","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.1.6.tgz","fileCount":73,"unpackedSize":1134284,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdtWT5CRA9TVsSAnZWagAA0TIP/0LmIr2s0gv9pNNY9I+3\nWLLa0jDuD5GaU6SqOiuRT/vzYrO5MbLGYVQepZDVLoJtnZIziYbnf6NDF1m5\netLZ8x5kqexeykU+mWQER3DV7r4kEzCkL08RYr9dwSzooxexIEUb4PDI9yEx\ngXwukjitmVsuYY6j8e/LxOhAJxqh+16C0tLCJLUSei1ZC4BbMvHfwlnQOmEx\n5a/Q9g1h5X4iczO+QiuKlYJHpAi1WGUYIz6FYPEnyO/0DM2ieifqp9aBCb/K\nqZxWKoLBr7PuLbHxo5TKkB1eBiynC2EJGamuLdVaQGJNJZxR3Ay1yM0Gd8XX\n7yYh9bicq20fANc0E4p4v8CRZpLFoLL1bzBUstkmeoMD0H/oboK8S6nrX1dP\nXisJkXAnWrpwt7cqK8kSxXpIU0wJgk2awrhg3dpQJThblQtXLlkXqdh7PxgE\neAW5ggV4JXRnDn1+RZiLxMRnYtPBedRtG8dbOyPMbl/mMnSL1qhSCwzo8psF\n4ZXIq8zinGSUTTGV6ZjuPwx/KkdKiBveSc1uc6tHBY7NzVsbgQR3wf3J6h/g\nTChQpNHIM8Mf8p02UpoTkNTz26t6zzitOq/DNFiBW1h5Z+WOS7qdpA0zpeln\nBotSeqtt+xECkkfvHIoW67CIo/RHNxgeiQQ+T7DS5BBK4GemLYXKHl5iRP1L\nDlm4\r\n=Cje7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFDdDZucJLlLnINTeWeeCNQYC+ilTZpToGdwY4ZTuNByAiEAuDGEJDP/+EneNVqUA1JbTfiNa+8/ZQFe03vyvyxsVc0="}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.1.6_1572168953393_0.8185965053354087"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"},"1.1.6-deprecated":{"name":"stencil-colorpicker","version":"1.1.6-deprecated","description":"Stencil Component Starter","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/jeepcolorpicker/jeepcolorpicker.js","keywords":["stencil","web component","color","color picker"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","test.e2e":"stencil test --e2e","test.spec":"stencil test --spec"},"dependencies":{},"devDependencies":{"@stencil/core":"^1.7.4","@types/jest":"24.0.18","@types/puppeteer":"1.20.2","jest":"24.8.0","jest-cli":"24.8.0","puppeteer":"1.20.0"},"jest":{"preset":"@stencil/core/testing"},"repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"license":"MIT","bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","gitHead":"a2eb94c7ff51eb9c6d5f653456363bb1e04d5ec0","_id":"stencil-colorpicker@1.1.6-deprecated","_nodeVersion":"10.15.3","_npmVersion":"6.13.4","dist":{"integrity":"sha512-U5aq0ctFV7qxNiZRkKs1E03nh8DiOri5tFTVxNjB2FlPNuI/iQIo6JNIlm+ftQrFW49Bo1P/wiAIaR9c9eU2YQ==","shasum":"c9545554ec0fb58a2fa586df6912a02985eadfb6","tarball":"https://registry.npmjs.org/stencil-colorpicker/-/stencil-colorpicker-1.1.6-deprecated.tgz","fileCount":73,"unpackedSize":1125755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFGdMCRA9TVsSAnZWagAAt6wP/izdfSs/uHbGKxCRBnQ2\nSPGo2WUq+6nOSZRxIZSIGXCB10bHWOAx8dxH3WVe952ht60iVHTORs0i0azp\nWd8SVT4G39DFiDcBdYm79M39yd4qi2c3nrd4beFayEQz16ybnPH8wVnevSSN\nvP/l9qjBE9Rei6HUR0rkwVH/zGHP7R3kBASSadUynmBQ29oic0LNexYiXtQk\nk++vI2pgGynmwcbmQHtF1tyzmiovrKjOnqSmkYEqMnUKvnq8cqTRWWxEXpjv\nlknp+nAJSB8Uk56dV9pXCrJew+J6gXI84LT9YcA/BFDC13uo5SnRzb3lsQ8g\nz4/AnTPYDnC728HK4LbyXSFknmY0WzVxXCoazFxiVFa51XlkhTBTfI1UGlpb\ne0c2ii7azTgiYx2QljyzQN/2w6GzihMGSBpq2xAetDIjfSELh7xE0JBQ1zAW\n5/f49tYCU7OfQG3RfaLRCKD9bPBy4awLe4sGJCbSSyxyA4XwVMHxUSHy4LqN\nYVfQULKHo9MulTsr7zNPl+78V2I8idCxSXwokf5Ihz2VuskhcLMWhZllollh\nXZVqHV/SOVzePD7tA8BRvLUZNxFVBW4qA0xZrqoke1Tfm1nwOyxpW1+YFE49\ny5e1uBa2BBKA70lFOBYFyr9Z9s6QwZ9uztTSRKkFZyuM13v3zpmriI3DOqGh\nqhij\r\n=UqPD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDWl5tJpG3l3FOnMiTJ8HowU7fkIwTQXJ50QVjLltZZvgIhAIZAcaI6ji+ehdJwRHQ6eLgdzj22L9psSLFJ/wj3tuPc"}]},"maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"_npmUser":{"name":"jeepq","email":"jeanpierre.queau@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stencil-colorpicker_1.1.6-deprecated_1578395468482_0.554324863077555"},"_hasShrinkwrap":false,"deprecated":"visit @jeepq/core for new releases"}},"readme":"![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n\n\n# Stencil Color Picker Web Component\n\n ColorPicker is a Web Component to select a color \n\n ************************************************\n * *\n * This component has been deprecated *\n * *\n * and added to the Web Component Library *\n * *\n * @jeepq/core *\n * *\n * which can be used with several frameworks *\n * *\n * Angular, React, Vue, PWA, Vanilla Javascript *\n * *\n ************************************************\n\n Development will continue from there\n\n","maintainers":[{"name":"jeepq","email":"jeanpierre.queau@gmail.com"}],"time":{"modified":"2022-05-18T17:28:52.617Z","created":"2017-11-16T21:04:56.523Z","0.0.1":"2017-11-16T21:04:56.523Z","0.0.2":"2017-11-16T22:30:59.197Z","0.0.3":"2017-11-19T11:01:00.435Z","0.0.5":"2018-02-20T09:20:17.530Z","0.0.6":"2018-03-29T14:24:05.413Z","0.0.7":"2018-03-29T14:41:36.845Z","0.0.7-1":"2018-03-29T15:15:08.741Z","0.0.7-2":"2018-04-12T11:27:13.375Z","0.0.7-3":"2018-04-12T15:11:28.486Z","0.0.7-4":"2018-04-14T14:24:08.410Z","0.0.7-5":"2018-04-15T07:23:28.734Z","0.0.8":"2018-05-07T09:23:38.311Z","0.1.0":"2018-06-05T15:25:45.128Z","0.1.1":"2018-10-21T15:09:17.437Z","0.1.2":"2018-11-06T15:45:43.430Z","0.1.3":"2018-11-14T10:45:36.873Z","0.1.4":"2018-12-15T07:30:55.892Z","0.1.5":"2019-01-26T08:28:24.330Z","0.1.6":"2019-02-14T07:10:49.216Z","0.1.7":"2019-04-25T07:29:49.559Z","0.1.8":"2019-04-25T07:31:46.860Z","1.0.0-beta.0":"2019-05-16T21:06:18.578Z","1.0.0-beta.1":"2019-05-19T07:17:17.682Z","1.0.0-beta.2":"2019-05-19T07:31:33.624Z","1.0.0-beta.2.1":"2019-05-19T07:39:37.850Z","1.0.0-beta.2.2":"2019-05-19T12:29:20.555Z","1.0.0-beta.2.3":"2019-05-21T05:19:41.128Z","1.0.0-beta.2.4":"2019-05-21T11:12:35.975Z","1.0.0-beta.2.5":"2019-05-22T10:57:21.237Z","1.0.0-beta.2.6":"2019-05-22T18:35:26.903Z","1.0.0-beta.5":"2019-05-23T04:35:26.468Z","1.0.0":"2019-06-09T15:05:18.364Z","1.0.0-1":"2019-06-11T07:09:51.575Z","1.0.2":"2019-06-13T11:12:39.511Z","1.0.2-1":"2019-06-13T11:57:24.062Z","1.0.2-2":"2019-06-14T07:23:03.883Z","1.0.3":"2019-06-24T07:13:00.086Z","1.0.5":"2019-08-05T13:08:30.674Z","1.0.6":"2019-08-05T14:04:27.001Z","1.0.7":"2019-08-09T08:34:34.906Z","1.0.8":"2019-08-22T13:40:37.803Z","1.0.9":"2019-08-28T10:16:52.814Z","1.1.0":"2019-08-28T11:52:09.020Z","1.1.1":"2019-09-09T14:19:06.927Z","1.1.2":"2019-10-13T10:01:38.406Z","1.1.3":"2019-10-13T15:24:07.391Z","1.1.3-1":"2019-10-13T16:00:07.559Z","1.1.4":"2019-10-13T17:06:53.994Z","1.1.5":"2019-10-27T06:13:10.113Z","1.1.6":"2019-10-27T09:35:53.523Z","1.1.6-deprecated":"2020-01-07T11:11:08.692Z"},"homepage":"https://github.com/jepiqueau/stencil-color-picker#readme","repository":{"type":"git","url":"git+https://github.com/jepiqueau/stencil-color-picker.git"},"author":{"name":"Jean Pierre Queau"},"bugs":{"url":"https://github.com/jepiqueau/stencil-color-picker/issues"},"license":"MIT","readmeFilename":"readme.md","keywords":["stencil","web component","color","color picker"]}