{"_id":"a-color-picker","_rev":"21-812b483b2a6317fd6aadd8093716b117","name":"a-color-picker","description":"a color pikcer for web app","dist-tags":{"latest":"1.2.1","alpha":"1.0.4","vision":"1.1.2","chrome":"1.1.6"},"versions":{"1.0.0":{"name":"a-color-picker","version":"1.0.0","description":"a color pikcer for web app","main":"./dist/acolorpicker.js","scripts":{"build":"webpack --config webpack.prod.js","build:dev":"webpack --display-used-exports --display-reasons --config webpack.dev.js","start":"webpack-dev-server --open-page demo.html --config webpack.dev.js"},"repository":{"type":"git","url":"git+https://github.com/narsenico/a-color-picker.git"},"keywords":["javascript","color","picker","color-picker"],"author":{"name":"narsenico"},"license":"MIT","bugs":{"url":"https://github.com/narsenico/a-color-picker/issues"},"homepage":"https://github.com/narsenico/a-color-picker#readme","devDependencies":{"babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-preset-env":"^1.6.1","clean-webpack-plugin":"^0.1.17","css-loader":"^0.28.7","file-loader":"^1.1.5","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","style-loader":"^0.19.0","uglifyjs-webpack-plugin":"^0.4.6","webpack":"^3.8.1","webpack-dev-server":"^2.9.1","webpack-merge":"^4.1.0"},"gitHead":"7cc0974880f735d2a05ccc0a559178952fb392a4","_id":"a-color-picker@1.0.0","_npmVersion":"5.4.2","_nodeVersion":"7.9.0","_npmUser":{"name":"narsen","email":"not_amon-dev@yahoo.it"},"dist":{"integrity":"sha512-oTw5Cb7u4r0lpUVlYajP3U/RHXeVKUsWkkP18OyVD3NcLr77HQ2+QVauNmiVU/wCwW7yaDRgz57GLFgnrgAMZQ==","shasum":"d5dd740f6595eeda2c548ff6096b61ccc642cfc2","tarball":"https://registry.npmjs.org/a-color-picker/-/a-color-picker-1.0.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFGYbKOv+HUyNn64t5xry6rsdCuFbjeXzsekhp0Tif9CAiEAkKSQNBGMXs0ZYb79s2S1TReUVzgbcYRLzTPIDbzLsA8="}]},"maintainers":[{"name":"narsen","email":"not_amon-dev@yahoo.it"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/a-color-picker-1.0.0.tgz_1509294427739_0.6777640385553241"},"directories":{}},"1.0.1":{"name":"a-color-picker","version":"1.0.1","description":"a color pikcer for web app","main":"./dist/acolorpicker.js","scripts":{"build":"webpack --config webpack.prod.js","build:dev":"webpack --display-used-exports --display-reasons --config webpack.dev.js","start":"webpack-dev-server --open-page demo.html --config webpack.dev.js"},"repository":{"type":"git","url":"git+https://github.com/narsenico/a-color-picker.git"},"keywords":["javascript","color","picker","color-picker"],"author":{"name":"narsenico"},"license":"MIT","bugs":{"url":"https://github.com/narsenico/a-color-picker/issues"},"homepage":"https://github.com/narsenico/a-color-picker#readme","devDependencies":{"babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-preset-env":"^1.6.1","clean-webpack-plugin":"^0.1.17","css-loader":"^0.28.7","file-loader":"^1.1.5","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","style-loader":"^0.19.0","uglifyjs-webpack-plugin":"^0.4.6","webpack":"^3.8.1","webpack-dev-server":"^2.9.1","webpack-merge":"^4.1.0"},"gitHead":"ab4faeb80747372c2ada7025280ad130bffb2bf5","_id":"a-color-picker@1.0.1","_npmVersion":"5.5.1","_nodeVersion":"7.9.0","_npmUser":{"name":"narsen","email":"not_amon-dev@yahoo.it"},"dist":{"integrity":"sha512-ju+AxeTK81u0n7/d8L55t/r/VypVfRb7O3JKYcK2AudVYSFEoJ9PdqmAzxmpfEz16S7XvMdlJiiApUQ57VHyhA==","shasum":"dd471fbe48eb247a5b740132b3069956093ba04d","tarball":"https://registry.npmjs.org/a-color-picker/-/a-color-picker-1.0.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBAH3YyOKbaJ9aQlmJ4vqHJfV10fE0JPf9eb9/ozSaBuAiBjV+0uYE62Nh+qcG2ndEBR+CWgGHUA40qmk9B1UI5qrQ=="}]},"maintainers":[{"name":"narsen","email":"not_amon-dev@yahoo.it"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/a-color-picker-1.0.1.tgz_1509297622697_0.682245169300586"},"directories":{}},"1.0.2":{"name":"a-color-picker","version":"1.0.2","description":"a color pikcer for web app","main":"./dist/acolorpicker.js","scripts":{"build":"webpack --config webpack.prod.js","build:dev":"webpack --display-used-exports --display-reasons --config webpack.dev.js","start":"webpack-dev-server --open-page demo.html --port 3000 --config webpack.dev.js"},"repository":{"type":"git","url":"git+https://github.com/narsenico/a-color-picker.git"},"keywords":["javascript","color","picker","color-picker"],"author":{"name":"narsenico"},"license":"MIT","bugs":{"url":"https://github.com/narsenico/a-color-picker/issues"},"homepage":"https://github.com/narsenico/a-color-picker#readme","devDependencies":{"babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-preset-env":"^1.6.1","clean-webpack-plugin":"^0.1.17","css-loader":"^0.28.7","file-loader":"^1.1.5","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","style-loader":"^0.19.0","uglifyjs-webpack-plugin":"^0.4.6","webpack":"^3.8.1","webpack-dev-server":"^2.9.1","webpack-merge":"^4.1.0"},"gitHead":"ab50f3fcfa03e268bf8f28d44b4808f80fda6ea9","_id":"a-color-picker@1.0.2","_npmVersion":"5.5.1","_nodeVersion":"7.9.0","_npmUser":{"name":"narsen","email":"not_amon-dev@yahoo.it"},"dist":{"integrity":"sha512-9CvHquhLFdZmN9uhs9DfbG/UxMBBLSIvwkTvTG5dzfpjg2kutJP2ikOqCbRelRmDrrcpijlBF7F6VsSUNgz6zg==","shasum":"f2c92bccbbb5471ca45108d670e1d09554a02d09","tarball":"https://registry.npmjs.org/a-color-picker/-/a-color-picker-1.0.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD3ZNS28s/WmfqoxC2Jq8bPTLo5RF6o7SCgHgnSu4+mrwIhAIXh+0sFDJfK19dqw1y/9ICuKa1KojnpWeLQkQO+o5gU"}]},"maintainers":[{"name":"narsen","email":"not_amon-dev@yahoo.it"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/a-color-picker-1.0.2.tgz_1509530592974_0.4471599271055311"},"directories":{}},"1.0.3":{"name":"a-color-picker","version":"1.0.3","description":"a color pikcer for web app","main":"./dist/acolorpicker.js","scripts":{"build":"webpack --config webpack.prod.js","build:dev":"webpack --display-used-exports --display-reasons --config webpack.dev.js","start":"webpack-dev-server --open-page demo.html --port 3000 --config webpack.dev.js"},"repository":{"type":"git","url":"git+https://github.com/narsenico/a-color-picker.git"},"keywords":["javascript","color","picker","color-picker"],"author":{"name":"narsenico"},"license":"MIT","bugs":{"url":"https://github.com/narsenico/a-color-picker/issues"},"homepage":"https://github.com/narsenico/a-color-picker#readme","devDependencies":{"babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-preset-env":"^1.6.1","clean-webpack-plugin":"^0.1.17","css-loader":"^0.28.7","file-loader":"^1.1.5","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","style-loader":"^0.19.0","uglifyjs-webpack-plugin":"^0.4.6","webpack":"^3.8.1","webpack-dev-server":"^2.9.1","webpack-merge":"^4.1.0"},"gitHead":"ab25c5641328143f09dc5e785e49366dffef1a89","_id":"a-color-picker@1.0.3","_npmVersion":"5.5.1","_nodeVersion":"7.9.0","_npmUser":{"name":"narsen","email":"not_amon-dev@yahoo.it"},"dist":{"integrity":"sha512-FrP6JAfOpOoU1BK7sPT6aRlDZg1ZMEyuRzqebFQ5yHDK123MEfElh8Jz5MPKdvx6TOtAzLQ1go7F4hbl9j63Lw==","shasum":"0179a99cf1952e93fd89df57174c79a341463581","tarball":"https://registry.npmjs.org/a-color-picker/-/a-color-picker-1.0.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHqa769Hya1qXD2ys7ZSVOKnpgRv2PuvD9XpCJ+b02cgAiEAiCYdzlqcRR5yVCPvkshqTzYK26ucN6SSlrNoc1Qs930="}]},"maintainers":[{"name":"narsen","email":"not_amon-dev@yahoo.it"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/a-color-picker-1.0.3.tgz_1510173871822_0.299275339813903"},"directories":{}},"1.0.4":{"name":"a-color-picker","version":"1.0.4","description":"a color pikcer for web app","main":"./dist/acolorpicker.js","scripts":{"build":"webpack --config webpack.prod.js","build:dev":"webpack --display-used-exports --display-reasons --config webpack.dev.js","start":"webpack-dev-server --open-page demo.html --port 3000 --config webpack.dev.js"},"repository":{"type":"git","url":"git+https://github.com/narsenico/a-color-picker.git"},"keywords":["javascript","color","picker","color-picker"],"author":{"name":"narsenico"},"license":"MIT","bugs":{"url":"https://github.com/narsenico/a-color-picker/issues"},"homepage":"https://github.com/narsenico/a-color-picker#readme","devDependencies":{"babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-preset-env":"^1.6.1","clean-webpack-plugin":"^0.1.17","css-loader":"^0.28.7","file-loader":"^1.1.5","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","style-loader":"^0.19.0","uglifyjs-webpack-plugin":"^0.4.6","webpack":"^3.8.1","webpack-dev-server":"^2.9.1","webpack-merge":"^4.1.0"},"gitHead":"22659709d5fe01fb5d58edaf61935d8e418a44a9","_id":"a-color-picker@1.0.4","_npmVersion":"5.5.1","_nodeVersion":"7.9.0","_npmUser":{"name":"narsen","email":"not_amon-dev@yahoo.it"},"dist":{"integrity":"sha512-m2gsKu5pnkWTP2NwcbE7uGzJzSB/EZCG40Ne5TB0l+UJqeF85wYdo8cudCKm6bDk1obXKWLXLRWZvF78ooz/yA==","shasum":"8d7e48a372b6578fb99e2f838b27c693a368f584","tarball":"https://registry.npmjs.org/a-color-picker/-/a-color-picker-1.0.4.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCWakZ3o6yODYjqoUW860BsC8X3S16qyogLXgpdmmftCgIgVCLBuKBsjBZskbeFJDY7+sHH+fSduVYt68Wh6f9wGis="}]},"maintainers":[{"name":"narsen","email":"not_amon-dev@yahoo.it"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/a-color-picker-1.0.4.tgz_1511390756303_0.6682692540343851"},"directories":{}},"1.0.5":{"name":"a-color-picker","version":"1.0.5","description":"a color pikcer for web app","main":"./dist/acolorpicker.js","scripts":{"build":"webpack --config webpack.prod.js","build:dev":"webpack --display-used-exports --display-reasons --config webpack.dev.js","start":"webpack-dev-server --open --open-page demo.html --port 3000 --config webpack.dev.js"},"repository":{"type":"git","url":"git+https://github.com/narsenico/a-color-picker.git"},"keywords":["javascript","color","picker","color-picker"],"author":{"name":"narsenico"},"license":"MIT","bugs":{"url":"https://github.com/narsenico/a-color-picker/issues"},"homepage":"https://github.com/narsenico/a-color-picker#readme","devDependencies":{"babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-preset-env":"^1.6.1","clean-webpack-plugin":"^0.1.17","css-loader":"^0.28.7","file-loader":"^1.1.5","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","style-loader":"^0.19.0","uglifyjs-webpack-plugin":"^0.4.6","webpack":"^3.8.1","webpack-dev-server":"^2.9.1","webpack-merge":"^4.1.0"},"gitHead":"23acb861d8186505525ebbbbe2aeeba2e45f4c28","_id":"a-color-picker@1.0.5","_npmVersion":"5.5.1","_nodeVersion":"7.9.0","_npmUser":{"name":"narsen","email":"not_amon-dev@yahoo.it"},"dist":{"integrity":"sha512-A0h1WO/cAZGV+5OyLveIOyhCbycfFIWfVAOR9BE0WL/Jd1T4bbY2ioEsuxLGXgaeLvk5zo0Crp9yZlYxUmjXrA==","shasum":"acb06f57b76a65b1b1aa5d78e2f000b306d15203","tarball":"https://registry.npmjs.org/a-color-picker/-/a-color-picker-1.0.5.tgz","fileCount":20,"unpackedSize":297723,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCeNh4c1I5OQDkLz2hxWDClh1Z5YRM1aaLSVVhP+o5ttwIgckOWf6gnz7+xmBht+S6uPgBRbM39snH4aU5Sz97IT1w="}]},"maintainers":[{"name":"narsen","email":"not_amon-dev@yahoo.it"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/a-color-picker_1.0.5_1521187950368_0.9236131104037302"},"_hasShrinkwrap":false},"1.0.6":{"name":"a-color-picker","version":"1.0.6","description":"a color pikcer for web app","main":"./dist/acolorpicker.js","scripts":{"build":"webpack --config webpack.prod.js","build:dev":"webpack --display-used-exports --display-reasons --config webpack.dev.js","start":"webpack-dev-server --open --open-page demo.html --port 3000 --config webpack.dev.js"},"repository":{"type":"git","url":"git+https://github.com/narsenico/a-color-picker.git"},"keywords":["javascript","color","picker","color-picker"],"author":{"name":"narsenico"},"license":"MIT","bugs":{"url":"https://github.com/narsenico/a-color-picker/issues"},"homepage":"https://github.com/narsenico/a-color-picker#readme","devDependencies":{"babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-preset-env":"^1.6.1","clean-webpack-plugin":"^0.1.17","css-loader":"^0.28.7","file-loader":"^1.1.5","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","style-loader":"^0.19.0","uglifyjs-webpack-plugin":"^0.4.6","webpack":"^3.8.1","webpack-dev-server":"^2.9.1","webpack-merge":"^4.1.0"},"gitHead":"73baf75790d45ff64f764652f14495c632e9d367","_id":"a-color-picker@1.0.6","_npmVersion":"5.5.1","_nodeVersion":"7.9.0","_npmUser":{"name":"narsen","email":"not_amon-dev@yahoo.it"},"dist":{"integrity":"sha512-YXPogm53dTKomdlngOgTO/pr6pt7W9amur7HVBRhgZzPOvwraueHkeYKGrvGxvGZ4aSghmrb2JdQoPGe7WPS0w==","shasum":"b17c8b57b92c717411bed2079fbe0f79c2b3e0f9","tarball":"https://registry.npmjs.org/a-color-picker/-/a-color-picker-1.0.6.tgz","fileCount":21,"unpackedSize":298081,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbJUglCRA9TVsSAnZWagAAI7wP/iid0n0e3zMRO7rjD6BX\nCOr9pzVuSWPggDrMaJ2xtuBWUGe68C0qW4OT5mGmHA4kLU8Si4r/m77EU+pV\nGEQwMuo0WlPKLUbmVOnfsjuyue6kYtRI7bHUifwzQxEcQGeF+Wmu916LvpLR\nKHROEXp5QTASs3+USfCNqYkVjPEa4QRvxzyQb4MGFKG6VlBbcJgmyFWv7a5U\ntSmWjBUudr416EeIdZHKopGbVAy3A5+ODdXEpKMIU4+kfvF5mC0NuJ+/ICxX\nYmqm80wSUjSJ7JuUfFH/KVHjy06AdbYLmodAeBsPcezMCzjKIXBGx6C2xf3n\n6T35KgoyYEdZ3liCHp2NVnrBRslHXnFCIseO/arduop0LgqQP/qOpMqZ9L8A\nF2w4kfpr5ok31v2aoftCgreB8vbZxELfankyj3fT2BVm7Zn2JUiFeFrDXPek\nFA2N7WwtF2y6u9ktxLBsOZ3rGOPy3HDWKw8oWMHIm5yIrUbjEIPSmvtVH1la\nYHqB5j39wOcs5tYAfRA6STQ48IXlBrk85W76ddbyhxNC2VIH73+npD/9zNZ+\nAs3ZVdFLtSjLDVjzKVstDeFGUvdhIkuPbmxAlDiSxXYwyQLAmtLZeGU9wYBK\n71BPzvTsFTkmOqBWIvEYzt5J+NQQPrTgcGfhliDCp5+qgKzJvMaGKaqKg/x2\nihD8\r\n=2ZMt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCS4U8+C/fUuFy7x/noWohT/YujGs34SL4ANUFaScZ6PQIgaGTVNPHwcbUrN119jezK/Vfgo2Pu7MX1vO29EtLDbN8="}]},"maintainers":[{"name":"narsen","email":"not_amon-dev@yahoo.it"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/a-color-picker_1.0.6_1529169955811_0.8652759778404231"},"_hasShrinkwrap":false},"1.1.0":{"name":"a-color-picker","version":"1.1.0","description":"a color pikcer for web app","main":"./dist/acolorpicker.js","types":"./dist/acolorpicker.d.ts","scripts":{"build":"webpack --config webpack.prod.js","build:dev":"webpack --display-used-exports --display-reasons --config webpack.dev.js","build:docs":"webpack --config webpack.docs.js","start:docs":"webpack-dev-server --open --open-page index.html --port 3000 --config webpack.docs.js","test":"webpack-dev-server --open --open-page test.html --port 3000 --config webpack.dev.js"},"repository":{"type":"git","url":"git+https://github.com/narsenico/a-color-picker.git"},"keywords":["javascript","color","picker","color-picker"],"author":{"name":"narsenico"},"license":"MIT","bugs":{"url":"https://github.com/narsenico/a-color-picker/issues"},"homepage":"https://github.com/narsenico/a-color-picker#readme","devDependencies":{"babel-core":"^6.26.3","babel-loader":"^7.1.2","babel-preset-env":"^1.7.0","clean-webpack-plugin":"^0.1.17","copy-webpack-plugin":"^4.5.1","css-loader":"^0.28.7","file-loader":"^1.1.5","html-loader":"^0.5.1","html-webpack-plugin":"^3.2.0","style-loader":"^0.21.0","svg-url-loader":"^2.3.2","text-loader":"0.0.1","to-string-loader":"^1.1.5","uglifyjs-webpack-plugin":"^1.2.5","url-loader":"^1.0.1","webpack":"^4.12.0","webpack-cli":"^3.0.8","webpack-dev-server":"^3.1.4","webpack-merge":"^4.1.0"},"dependencies":{"is-plain-object":"^2.0.4"},"readme":"\n\nA color picker for web app\n\n[](https://badge.fury.io/js/a-color-picker) [](LICENSE) [](https://codepen.io/narsenico/pen/xPxNeE)\n\n\n\n\n## Usage\n1. Include `acolorpicker.js`\n ```html\n \n ```\n or require `a-color-picker`\n ```js\n const AColorPicker = require('a-color-picker');\n ```\n2. Call this JavaScript function\n ```js\n AColorPicker.createPicker('div.container');\n ```\n\n## How to\n### Create a color picker\nCall AColorPicker.createPicker() function.\n```js\n// passing a valid css selector \nAColorPicker.createPicker('div.container');\n\n// or HTML element\nAColorPicker.createPicker(document.querySelector('div.container'));\n\n// or options\nAColorPicker.createPicker({\n\tattachTo: 'div.container',\n\tcolor: 'green'\n});\n```\nOptions:\n- `attachTo`: (*String|Object*) Where to attach the picker top element. Can be HTMLElement or css selector. Default **body**.\n- `showHSL`: (*Boolean*) If falsy hide the HSL inputs. Default **true**.\n- `showRGB`: (*Boolean*) If falsy hide the RGB inputs. Default **true**.\n- `showHEX`: (*Boolean*) If falsy hide the RGB HEX inputs. Default **true**.\n- `color`: (*Boolean*) Initial color. Default **#ff0000**.\n- `palette`: (*Array*) Array of predefined colors. Default **null**.\n- `paletteEditable`: (*Boolean*) If truly make the palette editable. Default **false**.\n- `showAlpha`: (*Boolean*) If truly show control to change opacity. Default **false**.\n\n### Listen for color change\nSet onchange property with a handler function.\n```js\nAColorPicker.createPicker('div.container')\n\t.onchange = (picker) => {\n\t\talert(picker.color);\n\t};\n```\nThe single argument passed to the specified function is the picker.\n\n### Get current color\nUsing the properties of the picker.\n```js\nconst picker = AColorPicker.createPicker({\n\tattachTo: 'div.container',\n\tcolor: 'green'\n});\n// rgb array\npicker.rgb; // return [0, 128, 0]\n// rgba array\npicker.rgba; // return [0, 128, 0, 1]\n// hsl array\npicker.hsl; // return [120, 100 ,25]\n// hsla array\npicker.hsla; // return [120, 100 ,25, 1]\n// rgb hex format\npicker.color; // return '#008000'\n// with alpha < 1\npicker.color; // return 'rgba(0, 0, 139, 0.37)'\n\n```\n\n### Set current color\nUsing the properties of the picker.\n```js\nconst picker = AColorPicker.createPicker({\n\tattachTo: 'div.container',\n\tcolor: 'green'\n});\n// rgb array\npicker.rgb = [0, 128, 0];\n// rgba array\npicker.rgba = [0, 128, 0, 1];\n// hsl array\npicker.hsl = [120, 100 ,25];\n// hsla array\npicker.hsla = [120, 100 ,25, 1];\n// rgb hex format\npicker.color = '#008000';\npicker.color = '#fd0';\n// rgba format\npicker.color = 'rgba(0, 0, 139, 0.37)';\n// color name\npicker.color = 'green';\n```\n\n### Set up a palette of predefined colors\n\n\nUsing a default palette.\n```js\nconst picker = AColorPicker.createPicker({\n attachTo: 'div.container',\n palette: AColorPicker.PALETTE_MATERIAL_CHROME\n // palette: AColorPicker.PALETTE_MATERIAL_500\n});\n```\nOr a custon one.\n```js\nconst picker = AColorPicker.createPicker({\n attachTo: 'div.container',\n // color format: name, css hex, rgb array\n palette: ['lightgreen', '#fafafa', '#fdo', [255, 23, 46]]\n});\n```\nWith editable palette.\n\n\n```js\nconst picker = AColorPicker.createPicker({\n attachTo: 'div.container',\n // color format: name, css hex, rgb array\n palette: ['lightgreen', '#fafafa', '#fdo', [255, 23, 46]],\n // click on + icon to add current color to palette\n // shift+click on color to remove it from palette\n // shift+click on + icon to remove all colors from palette\n paletteEditable: true\n});\npicker.oncoloradd = (picker, color) => {\n // fired when color is added on palette\n}\npicker.oncolorremove = (picker, color) => {\n // fired when color is removed from palette\n}\n// readonly property, return an array of hex colors\npicker.palette;\n```\n\n## Utilities\n`COLOR_NAMES`: Object where key is the color name, and value is the rgb hex value.\n```js\nAColorPicker.COLOR_NAMES['seagreen']; // return #2E8B57\n```\n`hslToRgb(h, s, l)`: h is a number between 0 and 360; s and l between 0 and 100.\n```js\nAColorPicker.hslToRgb(106, 60, 48); // return [83, 196, 49]\n```\n`rgbToHsl(r, g, b)`: r, g and b are number between 0 and 255.\n```js\nAColorPicker.rgbToHsl(83, 196, 49); // return [106, 60, 48]\n```\n`rgbToHex(r, g, b)`: r, g and b are number between 0 and 255.\n```js\nAColorPicker.rgbToHex(83, 196, 49); // return '#53c431'\n```\n`rgbToInt(r, g, b)`: r, g and b are number between 0 and 255.\n```js\nAColorPicker.rgbToInt(83, 196, 49); // return 5489713\n```\n`intToRgb(int)`: int is a number between 0 and 16777215.\n```js\nAColorPicker.intToRgb(5489713); // return [83, 196, 49]\n```\n`getLuminance(r, g, b)`: r, g and b are number between 0 and 255.\n```js\nAColorPicker.getLuminance(83, 196, 49); // return 0.41540606322787504\n```\n","readmeFilename":"README.md","gitHead":"7d6066112828c814c15febc3316100f1edeb19ed","_id":"a-color-picker@1.1.0","_npmVersion":"6.1.0","_nodeVersion":"8.11.3","_npmUser":{"name":"narsen","email":"not_amon-dev@yahoo.it"},"dist":{"integrity":"sha512-omO6hQuJ+utoTukkl3+LIS8m3AWNgQ/09DTiEB8zn6jVdcZ9Haj3Pe8wEPNjwkgFzWksmsa3PXnxcUJqK2HbDA==","shasum":"611d4d7e2697d8d30ca8152ab4ab4caa9c3cde95","tarball":"https://registry.npmjs.org/a-color-picker/-/a-color-picker-1.1.0.tgz","fileCount":31,"unpackedSize":511875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbZLnPCRA9TVsSAnZWagAAmOEP/3PxjY34q///X0ilBYzX\nmSO8wDLyITDIN5kckcnEOBSpKnzYrMVmFXBbzrbZOCb0aDW3JFNjWZfe+vrN\nKh4PznT/8N1r6YjyS3JP5lYOsd511ncRe1QZs9hYxV12ayLVC24cgEj3N9ce\nVR2ZjlaEQ4MlPH/wW6mFIBdWpbxqxNniPsPxbN7cKAd7iihJ64VwDmyEzd6h\nxANmdLSX8SetSKevUh0x09iVpyooa2mpQ474bGTwzNC+CR3ciuEZdX4F490B\n6R6qrQlNRYnYs+BrIbfNanaTSnLPxGiP/XwStPB2Cj6ZOun6J836mA10HC0x\nqjwPei6nReBBJHl3t7u1+fhrlaROjhMyxD2leWgoLcXDlCsFYThOz9UTbwoP\n24b56phzNpx+LtgPhH9l465/TNayWRq4EHISeCZkEvnZEdyQlWncuXk1Jxjj\nrKYVixol1k+6U4WoAsxZnHL7Yx76KW1fWTkh5oQXbhjcjQPx3CFcVFEUmV8q\nBcTXux6stQxiFWhoS7fJQf1BCSozC15P91GT/jNfxq73v1cyG+EM82lBNDLm\nS8dMwCwgbrC/pFkE0Gc4xUNw5yxe3YG+0fm/ki6UJD3sYMFP20bxzFJsb8Sm\nJ2G4DQ4mGpysUVp3D6v6cE3UrPJvslZOmz7V4w94DflYTpYucwum8rdrKxMz\nNesC\r\n=ciDz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC7vAQ1ZSOiT+CUkz2u1rNzV950Ll8gKwBCqAOLRC3GFgIgbPJOWEFc6VPuPVUdXFw1nAOWm0uV6sJOGlTVIsMENVI="}]},"maintainers":[{"name":"narsen","email":"not_amon-dev@yahoo.it"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/a-color-picker_1.1.0_1533327822533_0.6164386685699628"},"_hasShrinkwrap":false},"1.1.1":{"name":"a-color-picker","version":"1.1.1","description":"a color pikcer for web app","main":"./dist/acolorpicker.js","types":"./dist/acolorpicker.d.ts","scripts":{"build":"webpack --config webpack.prod.js","build:dev":"webpack --display-used-exports --display-reasons --config webpack.dev.js","build:docs":"webpack --config webpack.docs.js","start:docs":"webpack-dev-server --open --open-page index.html --port 3000 --config webpack.docs.js","test":"webpack-dev-server --open --open-page test.html --port 3000 --config webpack.dev.js"},"repository":{"type":"git","url":"git+https://github.com/narsenico/a-color-picker.git"},"keywords":["javascript","color","picker","color-picker"],"author":{"name":"narsenico"},"license":"MIT","bugs":{"url":"https://github.com/narsenico/a-color-picker/issues"},"homepage":"https://github.com/narsenico/a-color-picker#readme","devDependencies":{"babel-core":"^6.26.3","babel-loader":"^7.1.2","babel-preset-env":"^1.7.0","clean-webpack-plugin":"^0.1.17","copy-webpack-plugin":"^4.5.1","css-loader":"^0.28.7","file-loader":"^1.1.5","html-loader":"^0.5.1","html-webpack-plugin":"^3.2.0","style-loader":"^0.21.0","svg-url-loader":"^2.3.2","text-loader":"0.0.1","to-string-loader":"^1.1.5","uglifyjs-webpack-plugin":"^1.2.5","url-loader":"^1.0.1","webpack":"^4.12.0","webpack-cli":"^3.0.8","webpack-dev-server":"^3.1.4","webpack-merge":"^4.1.0"},"dependencies":{"is-plain-object":"^2.0.4"},"readme":"\n\nA color picker for web app\n\n[](https://badge.fury.io/js/a-color-picker) [](LICENSE) [](https://codepen.io/narsenico/pen/xPxNeE)\n\n\n\n\n## Usage\n1. Include `acolorpicker.js`\n ```html\n \n ```\n or require `a-color-picker`\n ```js\n const AColorPicker = require('a-color-picker');\n ```\n2. Call this JavaScript function\n ```js\n AColorPicker.createPicker('div.container');\n ```\n\n## How to\n### Create a color picker\nCall AColorPicker.createPicker() function.\n```js\n// passing a valid css selector \nAColorPicker.createPicker('div.container');\n\n// or HTML element\nAColorPicker.createPicker(document.querySelector('div.container'));\n\n// or options\nAColorPicker.createPicker({\n\tattachTo: 'div.container',\n\tcolor: 'green'\n});\n```\nOptions:\n- `attachTo`: (*String|Object*) Where to attach the picker top element. Can be HTMLElement or css selector. Default **body**.\n- `showHSL`: (*Boolean*) If falsy hide the HSL inputs. Default **true**.\n- `showRGB`: (*Boolean*) If falsy hide the RGB inputs. Default **true**.\n- `showHEX`: (*Boolean*) If falsy hide the RGB HEX inputs. Default **true**.\n- `color`: (*Boolean*) Initial color. Default **#ff0000**.\n- `palette`: (*Array*) Array of predefined colors. Default **null**.\n- `paletteEditable`: (*Boolean*) If truly make the palette editable. Default **false**.\n- `showAlpha`: (*Boolean*) If truly show control to change opacity. Default **false**.\n\n### Listen for color change\nSet onchange property with a handler function.\n```js\nAColorPicker.createPicker('div.container')\n\t.onchange = (picker) => {\n\t\talert(picker.color);\n\t};\n```\nThe single argument passed to the specified function is the picker.\n\n### Get current color\nUsing the properties of the picker.\n```js\nconst picker = AColorPicker.createPicker({\n\tattachTo: 'div.container',\n\tcolor: 'green'\n});\n// rgb array\npicker.rgb; // return [0, 128, 0]\n// rgba array\npicker.rgba; // return [0, 128, 0, 1]\n// hsl array\npicker.hsl; // return [120, 100 ,25]\n// hsla array\npicker.hsla; // return [120, 100 ,25, 1]\n// rgb hex format\npicker.color; // return '#008000'\n// with alpha < 1\npicker.color; // return 'rgba(0, 0, 139, 0.37)'\n\n```\n\n### Set current color\nUsing the properties of the picker.\n```js\nconst picker = AColorPicker.createPicker({\n\tattachTo: 'div.container',\n\tcolor: 'green'\n});\n// rgb array\npicker.rgb = [0, 128, 0];\n// rgba array\npicker.rgba = [0, 128, 0, 1];\n// hsl array\npicker.hsl = [120, 100 ,25];\n// hsla array\npicker.hsla = [120, 100 ,25, 1];\n// rgb hex format\npicker.color = '#008000';\npicker.color = '#fd0';\n// rgba format\npicker.color = 'rgba(0, 0, 139, 0.37)';\n// color name\npicker.color = 'green';\n```\n\n### Set up a palette of predefined colors\n\n\nUsing a default palette.\n```js\nconst picker = AColorPicker.createPicker({\n attachTo: 'div.container',\n palette: AColorPicker.PALETTE_MATERIAL_CHROME\n // palette: AColorPicker.PALETTE_MATERIAL_500\n});\n```\nOr a custon one.\n```js\nconst picker = AColorPicker.createPicker({\n attachTo: 'div.container',\n // color format: name, css hex, rgb array\n palette: ['lightgreen', '#fafafa', '#fdo', [255, 23, 46]]\n});\n```\nWith editable palette.\n\n\n```js\nconst picker = AColorPicker.createPicker({\n attachTo: 'div.container',\n // color format: name, css hex, rgb array\n palette: ['lightgreen', '#fafafa', '#fdo', [255, 23, 46]],\n // click on + icon to add current color to palette\n // shift+click on color to remove it from palette\n // shift+click on + icon to remove all colors from palette\n paletteEditable: true\n});\npicker.oncoloradd = (picker, color) => {\n // fired when color is added on palette\n}\npicker.oncolorremove = (picker, color) => {\n // fired when color is removed from palette\n}\n// readonly property, return an array of hex colors\npicker.palette;\n```\n\n## Utilities\n`COLOR_NAMES`: Object where key is the color name, and value is the rgb hex value.\n```js\nAColorPicker.COLOR_NAMES['seagreen']; // return #2E8B57\n```\n`hslToRgb(h, s, l)`: h is a number between 0 and 360; s and l between 0 and 100.\n```js\nAColorPicker.hslToRgb(106, 60, 48); // return [83, 196, 49]\n```\n`rgbToHsl(r, g, b)`: r, g and b are number between 0 and 255.\n```js\nAColorPicker.rgbToHsl(83, 196, 49); // return [106, 60, 48]\n```\n`rgbToHex(r, g, b)`: r, g and b are number between 0 and 255.\n```js\nAColorPicker.rgbToHex(83, 196, 49); // return '#53c431'\n```\n`rgbToInt(r, g, b)`: r, g and b are number between 0 and 255.\n```js\nAColorPicker.rgbToInt(83, 196, 49); // return 5489713\n```\n`intToRgb(int)`: int is a number between 0 and 16777215.\n```js\nAColorPicker.intToRgb(5489713); // return [83, 196, 49]\n```\n`getLuminance(r, g, b)`: r, g and b are number between 0 and 255.\n```js\nAColorPicker.getLuminance(83, 196, 49); // return 0.41540606322787504\n```\n","readmeFilename":"README.md","gitHead":"3b9bda5a4b287bd2dd801ce4d802ac9e104508a1","_id":"a-color-picker@1.1.1","_npmVersion":"6.1.0","_nodeVersion":"8.11.3","_npmUser":{"name":"narsen","email":"not_amon-dev@yahoo.it"},"dist":{"integrity":"sha512-7sTDAqgHEI9uIp7YL/d6sca9RFsesLswi5bZFdQh+xmboZN7iRnnUhZ4kGWzkYGHMy8j3HtQZGmPBIkEvI4Zmg==","shasum":"fd1fa5b0ff088020df324ce9b1ed282600e905e5","tarball":"https://registry.npmjs.org/a-color-picker/-/a-color-picker-1.1.1.tgz","fileCount":31,"unpackedSize":512017,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbZMBzCRA9TVsSAnZWagAA+jIP/jWs3Tg2Cr9s0fXxciBF\nSBZJYwJZYefH1Zpmvin7jVI/iT4SiKpKzPW5hZAuIrCMVJGyzXN60tDLntgP\n0Sg5JdzKmOHVlZaIRdwtkG2CFlE0nP5IP/9yDyYZy87fuJNuvTo/Fr6SwHD/\n+jElzvRT10PRmChbolsR2+5CCu9kJzvY7ZZng/2S3wdj4Y3BM3OcyB8cu0Uk\n8XL+jILDlHvHUfQlE9s8u5OMKpnzDy7jhoEgNt5RSXmfXURdRPCgDFPTAX8y\n2ijGGDM5yjFxl7i2MekPt7nchCs6Gl4Vi34Lov5rlitmfMAedM1jtHuUdIQG\njdrCudOIVUY1swQB9BZAVeitk8BOt3NEG/ZgXYFdb8NgcLWVasGzilthjU3V\n1kix820tKv9AjnUIwbOGeV4LGOox+El44LUS+JbDT1qxfNHhmLh+xHlE/S+h\ndRanZhCWpS6FOGSctFQ5OvP0R5dTDz8keupV79p8/snMKBgaBE5G9GHXQEi1\nD95Xxj2QNnAPpdQbOa4vuKDB5akwVfYOd8X5WAgy644ytz4xk+OhPkzSqYg0\n57M/In4T1G8GzFHv4VBHLzgB7urQSzabDJ6LufzmlZ3Wk89gdEWJR1FPUhig\nPPAwW53AQ9fc2Jz3ObOx2Ji/O4VlEPookp6F2jridxgbGiHwhELLhgf1zDYS\nY3gw\r\n=RNOc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDDAtjU02uaDZurD8RGktyWfbJ4ex0Ueix+JklvZTRNpwIgGhBy4aNeuLXrz+JW1cNwTu7U2wYx/3ndgdOg1ltz/VY="}]},"maintainers":[{"name":"narsen","email":"not_amon-dev@yahoo.it"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/a-color-picker_1.1.1_1533329523020_0.9525581462805717"},"_hasShrinkwrap":false},"1.1.2":{"name":"a-color-picker","version":"1.1.2","description":"a color pikcer for web app","main":"./dist/acolorpicker.js","types":"./dist/acolorpicker.d.ts","scripts":{"build":"webpack --config webpack.prod.js","build:dev":"webpack --display-used-exports --display-reasons --config webpack.dev.js","build:docs":"webpack --config webpack.docs.js","start:docs":"webpack-dev-server --open --open-page index.html --port 3000 --config webpack.docs.js","test":"webpack-dev-server --open --open-page test.html --port 3000 --config webpack.dev.js"},"repository":{"type":"git","url":"git+https://github.com/narsenico/a-color-picker.git"},"keywords":["javascript","color","picker","color-picker"],"author":{"name":"narsenico"},"license":"MIT","bugs":{"url":"https://github.com/narsenico/a-color-picker/issues"},"homepage":"https://github.com/narsenico/a-color-picker#readme","devDependencies":{"babel-core":"^6.26.3","babel-loader":"^7.1.2","babel-preset-env":"^1.7.0","clean-webpack-plugin":"^0.1.17","copy-webpack-plugin":"^4.5.1","css-loader":"^0.28.7","file-loader":"^1.1.5","html-loader":"^0.5.1","html-webpack-plugin":"^3.2.0","style-loader":"^0.21.0","svg-url-loader":"^2.3.2","text-loader":"0.0.1","to-string-loader":"^1.1.5","uglifyjs-webpack-plugin":"^1.2.5","url-loader":"^1.0.1","webpack":"^4.12.0","webpack-cli":"^3.0.8","webpack-dev-server":"^3.1.4","webpack-merge":"^4.1.0"},"dependencies":{"is-plain-object":"^2.0.4"},"readme":"\n\nA color picker for web app\n\n[](https://badge.fury.io/js/a-color-picker) [](LICENSE) [](https://codepen.io/narsenico/pen/xPxNeE)\n\n\n\n\n## Usage\n1. Include `acolorpicker.js`\n ```html\n \n ```\n or require `a-color-picker`\n ```js\n const AColorPicker = require('a-color-picker');\n ```\n2. Call this JavaScript function\n ```js\n AColorPicker.createPicker('div.container');\n ```\n\n## How to\n### Create a color picker\nCall AColorPicker.createPicker() function.\n```js\n// passing a valid css selector \nAColorPicker.createPicker('div.container');\n\n// or HTML element\nAColorPicker.createPicker(document.querySelector('div.container'));\n\n// or options\nAColorPicker.createPicker({\n\tattachTo: 'div.container',\n\tcolor: 'green'\n});\n```\nOptions:\n- `attachTo`: (*String|Object*) Where to attach the picker top element. Can be HTMLElement or css selector. Default **body**.\n- `showHSL`: (*Boolean*) If falsy hide the HSL inputs. Default **true**.\n- `showRGB`: (*Boolean*) If falsy hide the RGB inputs. Default **true**.\n- `showHEX`: (*Boolean*) If falsy hide the RGB HEX inputs. Default **true**.\n- `color`: (*Boolean*) Initial color. Default **#ff0000**.\n- `palette`: (*Array*) Array of predefined colors. Default **null**.\n- `paletteEditable`: (*Boolean*) If truly make the palette editable. Default **false**.\n- `showAlpha`: (*Boolean*) If truly show control to change opacity. Default **false**.\n- **_NEW!_** `useAlphaInPalette`: (*String|Boolean*) If truly enable alpha channel in palette colors. If 'auto' depends on the value of 'showAlpha'. Default **auto**.\n\n### Listen for color change\nSet onchange property with a handler function.\n```js\nAColorPicker.createPicker('div.container')\n\t.onchange = (picker) => {\n\t\talert(picker.color);\n\t};\n```\nThe single argument passed to the specified function is the picker.\n\n### Get current color\nUsing the properties of the picker.\n```js\nconst picker = AColorPicker.createPicker({\n\tattachTo: 'div.container',\n\tcolor: 'green'\n});\n// rgb array\npicker.rgb; // return [0, 128, 0]\n// rgba array\npicker.rgba; // return [0, 128, 0, 1]\n// hsl array\npicker.hsl; // return [120, 100 ,25]\n// hsla array\npicker.hsla; // return [120, 100 ,25, 1]\n// rgb hex format\npicker.color; // return '#008000'\n// with alpha < 1\npicker.color; // return 'rgba(0, 0, 139, 0.37)'\n\n```\n\n### Set current color\nUsing the properties of the picker.\n```js\nconst picker = AColorPicker.createPicker({\n\tattachTo: 'div.container',\n\tcolor: 'green'\n});\n// rgb array\npicker.rgb = [0, 128, 0];\n// rgba array\npicker.rgba = [0, 128, 0, 1];\n// hsl array\npicker.hsl = [120, 100 ,25];\n// hsla array\npicker.hsla = [120, 100 ,25, 1];\n// rgb hex format\npicker.color = '#008000';\npicker.color = '#fd0';\n// rgba format\npicker.color = 'rgba(0, 0, 139, 0.37)';\n// color name\npicker.color = 'green';\n```\n\n### Set up a palette of predefined colors\n\n\nUsing a default palette.\n```js\nconst picker = AColorPicker.createPicker({\n attachTo: 'div.container',\n palette: AColorPicker.PALETTE_MATERIAL_CHROME\n // palette: AColorPicker.PALETTE_MATERIAL_500\n});\n```\nOr a custon one.\n```js\nconst picker = AColorPicker.createPicker({\n attachTo: 'div.container',\n // color format: name, css hex, rgb array\n palette: ['lightgreen', '#fafafa', '#fdo', [255, 23, 46]]\n});\n```\nWith editable palette.\n\n\n```js\nconst picker = AColorPicker.createPicker({\n attachTo: 'div.container',\n // color format: name, css hex, rgb array\n palette: ['lightgreen', '#fafafa', '#fdo', [255, 23, 46]],\n // click on + icon to add current color to palette\n // shift+click on color to remove it from palette\n // shift+click on + icon to remove all colors from palette\n paletteEditable: true\n});\npicker.oncoloradd = (picker, color) => {\n // fired when color is added on palette\n}\npicker.oncolorremove = (picker, color) => {\n // fired when color is removed from palette\n}\n// readonly property, return an array of colors\npicker.palette;\n```\n\n## Utilities\n`COLOR_NAMES`: Object where key is the color name, and value is the rgb hex value.\n```js\nAColorPicker.COLOR_NAMES['seagreen']; // return #2E8B57\n```\n`hslToRgb(h, s, l)`: h is a number between 0 and 360; s and l between 0 and 100.\n```js\nAColorPicker.hslToRgb(106, 60, 48); // return [83, 196, 49]\n```\n`rgbToHsl(r, g, b)`: r, g and b are number between 0 and 255.\n```js\nAColorPicker.rgbToHsl(83, 196, 49); // return [106, 60, 48]\n```\n`rgbToHex(r, g, b)`: r, g and b are number between 0 and 255.\n```js\nAColorPicker.rgbToHex(83, 196, 49); // return '#53c431'\n```\n`rgbToInt(r, g, b)`: r, g and b are number between 0 and 255.\n```js\nAColorPicker.rgbToInt(83, 196, 49); // return 5489713\n```\n`intToRgb(int)`: int is a number between 0 and 16777215.\n```js\nAColorPicker.intToRgb(5489713); // return [83, 196, 49]\n```\n`getLuminance(r, g, b)`: r, g and b are number between 0 and 255.\n```js\nAColorPicker.getLuminance(83, 196, 49); // return 0.41540606322787504\n```\n","readmeFilename":"README.md","gitHead":"54f6b15e33d7503d609e2c151990eea2f616f572","_id":"a-color-picker@1.1.2","_npmVersion":"6.4.1","_nodeVersion":"8.11.4","_npmUser":{"name":"narsen","email":"not_amon-dev@yahoo.it"},"dist":{"integrity":"sha512-0612ARvgz9eJYHHS8SwjzXFrFJ8Z39LDkDDoMtKSJnpd0XAPZlPUIOQZCXjfH/Qlz4OCik8178Q+R77riFaJvw==","shasum":"5f6b11d7c5459a511093d77985ef0f8457a0ec5a","tarball":"https://registry.npmjs.org/a-color-picker/-/a-color-picker-1.1.2.tgz","fileCount":31,"unpackedSize":514465,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbpSrXCRA9TVsSAnZWagAAIWUP/jie+6vv5rlcnLCoiNFA\nkjlt9oL+Rrz9cAj+jk+CD+W8P1uB+xlj3G1NvqzVyclrxbvpqGaWbYQ6P4Rg\n9WweLwtDsPu33LibA863lSOdiPVLmZ2wuo+87Ls/Rbll/Mr4QGpE7OIkXCiV\n4tfJkVxNDm3h4pAKoAWdWsKQgf5F9CvqJ7QPga71YWBN+7bE1D1uovjPDRvc\nkCTXCu7XN8MOd6OmS5FENn655JOQmaDIPNGxzt6Prap6NiHLpHKQCJQZNJhY\nWS0kU9GEtAaRmwYaod/4dWlmzrAQQd1eyPB3bBVC+dGk0lufYTkVB3k4LdGy\n5SEPMKsock+dFemu6+/kVbh6PhzF7VXemvO5C5tyRSAnlLsltimhmcGkydWx\nMCHtSSWBglH6c7kRhr69vrCOlKhrbi+jJ5bxMp74zMu3ZDtu+UT4BrqkVgF8\nVgelBw0HYGhE9qndd65KdtiKsJ+n3GZ35TN8mnI9BqWCabW1Gr+IbefGCju8\nqLWsEf3Q4rLFwvigqrq81NOLkeI8ICoSaCqXuS/Oxm2D4oVIZiPGjlEHFNL/\nPg9N1W5UyCOttTJ6hNL6BEEGJA+0phx0qeeFyOx+CB2fT2zVU88nfHTHusA2\nIb4kUdv4TAyrkmnjqoqA1+lGUu4WIqkUiAUImokrH1F+vQMFuo8Gj0XgEo8n\nxiLD\r\n=e0uv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDhBlP+DM4OhsoKrkyxlG9OWkS7xXyiZKamjRVOpM31oAIhAKpsD+XtVgLeHq1+1ZWy8Ec+vEOnd2jpy11sfxP/rqX0"}]},"maintainers":[{"name":"narsen","email":"not_amon-dev@yahoo.it"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/a-color-picker_1.1.2_1537551062591_0.7615482437117753"},"_hasShrinkwrap":false},"1.1.3":{"name":"a-color-picker","version":"1.1.3","description":"a color pikcer for web app","main":"./dist/acolorpicker.js","types":"./dist/acolorpicker.d.ts","scripts":{"build":"webpack --config webpack.prod.js","build:dev":"webpack --display-used-exports --display-reasons --config webpack.dev.js","build:docs":"webpack --config webpack.docs.js","start:docs":"webpack-dev-server --open --open-page index.html --port 3000 --config webpack.docs.js","test":"webpack-dev-server --open --open-page test.html --port 3000 --config webpack.dev.js"},"repository":{"type":"git","url":"git+https://github.com/narsenico/a-color-picker.git"},"keywords":["javascript","color","picker","color-picker"],"author":{"name":"narsenico"},"license":"MIT","bugs":{"url":"https://github.com/narsenico/a-color-picker/issues"},"homepage":"https://github.com/narsenico/a-color-picker#readme","devDependencies":{"babel-core":"^6.26.3","babel-loader":"^7.1.2","babel-preset-env":"^1.7.0","clean-webpack-plugin":"^0.1.17","copy-webpack-plugin":"^4.5.1","css-loader":"^0.28.7","file-loader":"^1.1.5","html-loader":"^0.5.1","html-webpack-plugin":"^3.2.0","style-loader":"^0.21.0","svg-url-loader":"^2.3.2","text-loader":"0.0.1","to-string-loader":"^1.1.5","uglifyjs-webpack-plugin":"^1.2.5","url-loader":"^1.0.1","webpack":"^4.12.0","webpack-cli":"^3.0.8","webpack-dev-server":"^3.1.4","webpack-merge":"^4.1.0"},"dependencies":{"is-plain-object":"^2.0.4"},"gitHead":"ee5a03d2957da0f25400178a1e5e60a7c2918e10","_id":"a-color-picker@1.1.3","_npmVersion":"6.4.1","_nodeVersion":"8.11.4","_npmUser":{"name":"narsen","email":"not_amon-dev@yahoo.it"},"dist":{"integrity":"sha512-hCl1iKhC4GKYWcD4TF+tTLu+PFk1bql9Nas8NteOW4+oIR3IwN+t5awGyGIwky5xELBifJPPU1k75YKBxoCYHA==","shasum":"f80a42f4d104a2f76079cc9b9453341ae08a7a51","tarball":"https://registry.npmjs.org/a-color-picker/-/a-color-picker-1.1.3.tgz","fileCount":31,"unpackedSize":516348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbv0YvCRA9TVsSAnZWagAA8QMP/ikVSnEyxbgHSPaGDqJo\n1P+ljwwmX1y6TzgfpJnEmSd6W1zoI9UP3kZvQOQLg2cnQcHfFGmHT7c+b7HH\nb6bNjpQfPx40IoA5HSkPHpe6W3HM/cMxsrgyp3ffP5n8Fn8aK9+fKbKirC3m\nQP2Iz1OZn96exqJbeqR+zKC3wJnZSiNEgfyvZl8vCuyEAY1mQwq9he+6Rr96\npuIjB3MWqxOKryRHbHHWiTGNbpSXUUfDGsrnlQvPzOp3LAwhKrcUFSlyeYvc\nuz/6LzKyU8wDyW+JFt0TCnkhZ9cYgJWERKcCxVkyFOt60eWnXywwr4hzripJ\nOYxZmOPn6N2jvGLVIS2WJq463rR9of7gJUPcdVaz5mwY1A0N1aXE2PaeRGmw\nlTZl+imBEHMgj9pbXOwysqD6c3cznztzf6oEASxOExmVP5zEH9w1MjT7Zz8G\n5QQz+iSi97aP10G+h+Q8B1eadRhKS6WOTBTftP0r2sOmZ0E1Ips73IUu0npG\n6y30HBWNyVzckVJp+kxyXdIxidFy4+oXlQpmaNEJsHHZAnQN/BSk4Wc8ITZR\nJpE8lSKJVBUnvT8iv0vMcnTHEYgoUjq8dgK4s1YzXYi0/51qGkcajosbMU1Q\n8y4ymU3Kco+w4LLTqEAU431xj0dYnSBarNMmnTzCxUpkDM1hBf6c3lqQOTLY\nSh7W\r\n=ts/n\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICt/DosG9puJfjfzs24Ow/3D49M8hQg9+76AuZsUqfhpAiEA8hsy1SLDR4PF/cn2bnbJvtG+U+3veo8vTiTOheDVzYc="}]},"maintainers":[{"name":"narsen","email":"not_amon-dev@yahoo.it"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/a-color-picker_1.1.3_1539261998871_0.4289778368845838"},"_hasShrinkwrap":false},"1.1.4":{"name":"a-color-picker","version":"1.1.4","description":"a color pikcer for web app","main":"./dist/acolorpicker.js","types":"./dist/acolorpicker.d.ts","scripts":{"build":"webpack --config webpack.prod.js","build:dev":"webpack --display-used-exports --display-reasons --config webpack.dev.js","build:docs":"webpack --config webpack.docs.js","start:docs":"webpack-dev-server --open --open-page index.html --port 3000 --config webpack.docs.js","test":"webpack-dev-server --open --open-page test.html --port 3000 --config webpack.dev.js"},"repository":{"type":"git","url":"git+https://github.com/narsenico/a-color-picker.git"},"keywords":["javascript","color","picker","color-picker"],"author":{"name":"narsenico"},"license":"MIT","bugs":{"url":"https://github.com/narsenico/a-color-picker/issues"},"homepage":"https://narsenico.github.io/a-color-picker/","devDependencies":{"babel-core":"^6.26.3","babel-loader":"^7.1.2","babel-preset-env":"^1.7.0","clean-webpack-plugin":"^0.1.17","copy-webpack-plugin":"^4.5.1","css-loader":"^0.28.7","file-loader":"^1.1.5","html-loader":"^0.5.1","html-webpack-plugin":"^3.2.0","style-loader":"^0.21.0","svg-url-loader":"^2.3.2","text-loader":"0.0.1","to-string-loader":"^1.1.5","uglifyjs-webpack-plugin":"^1.2.5","url-loader":"^1.0.1","webpack":"^4.12.0","webpack-cli":"^3.0.8","webpack-dev-server":"^3.1.4","webpack-merge":"^4.1.0"},"dependencies":{"is-plain-object":"^2.0.4"},"gitHead":"b2055272da27a27b0b98f177d41005918c6b70de","_id":"a-color-picker@1.1.4","_npmVersion":"6.4.1","_nodeVersion":"8.11.4","_npmUser":{"name":"narsen","email":"not_amon-dev@yahoo.it"},"dist":{"integrity":"sha512-K3JE6B0Ej1u05FjZ0frLvS4LksIGjd+F55eDZA6glDHr6aLbEa1UVI0PCXeQa9X+LspbfFsDpqi6WWBJjsQVVw==","shasum":"52b2b934260f2dac969ee5c91f02d6eaebcd6216","tarball":"https://registry.npmjs.org/a-color-picker/-/a-color-picker-1.1.4.tgz","fileCount":31,"unpackedSize":525948,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb5TkWCRA9TVsSAnZWagAAI3AQAKB+Ddqg8OWZMWnuNQGA\nPll1KdQ5ziVdOnOJwNqQUFdIH1PU9ZU5NswSldr+wBdrqJl4snqGBFRF27uD\n2D/YtGb3ieamYp+++dM5r0Dtc0yTMCnDp2o3B4sQY6xQvyZDTk3WsvJUZulC\nyVLmOYXDPiaOCRXHUs0baO1RPYB2VLAEV+B7uvmbWFBQUP2Jb7im5+eGho8R\nylwFwUYfOBmWVhpiY6aonFXluU+4x+Q5VaWX2lrU/11nl+PCU/Hd3puVqiw0\n7Oa8i1UtkliQYoppTnSp6NiCzNOFQ4q7gKxYmT/bI058w8b+NTB4tkZe0EQ4\nBHiz0chvnEjdl1MjHTAwglHbpDq/FxJHFBUew6r+JdGvkBMtwBQB99Vw+Oe4\n08N/TZe+4MpbwLwyWvVPmDsN/UByj3HeQGyM3HX0HnlkCenNlHzfgNcXvaQ0\nRfntjsqeB8EbcE38tcgguRUovKGxnopWYKLsiFR/DfKh2bm0NAB4RhHOqvrO\n+GVsp0hy0Dh2srj+4Dp4wU8mhbojJKP6KV1GoTSv8a63I6TUQ8k2VVQNhU4p\nIfm0kCNQ+HWCItfhXt/l7K+VmnmlDEYJHPKnBff014L8oZzHcfiP+U7Do8Cd\nWG7YA06ukaTtRYPEyNtaJvi2Z+XndVmjEZqcGlMZ+HUvhO3I/JzuN90ODfst\nWh1b\r\n=nIrf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDNSH5+EKcAaRgEKx3TYAmlyUZcBBhIcTbgGnc8VNlKNgIhAIxC1YG53hmwKpKsRBCvPP5D0uHy8I8HyZH8GhqUvILG"}]},"maintainers":[{"name":"narsen","email":"not_amon-dev@yahoo.it"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/a-color-picker_1.1.4_1541749013702_0.41555054722377105"},"_hasShrinkwrap":false},"1.1.5":{"name":"a-color-picker","version":"1.1.5","description":"a color pikcer for web app","main":"./dist/acolorpicker.js","types":"./dist/acolorpicker.d.ts","scripts":{"build":"webpack --config webpack.prod.js","build:dev":"webpack --display-used-exports --display-reasons --config webpack.dev.js","build:docs":"webpack --config webpack.docs.js","start:docs":"webpack-dev-server --open --open-page index.html --port 3000 --config webpack.docs.js","test":"webpack-dev-server --open --open-page test.html --port 3000 --config webpack.dev.js"},"repository":{"type":"git","url":"git+https://github.com/narsenico/a-color-picker.git"},"keywords":["javascript","color","picker","color-picker"],"author":{"name":"narsenico"},"license":"MIT","bugs":{"url":"https://github.com/narsenico/a-color-picker/issues"},"homepage":"https://narsenico.github.io/a-color-picker/","devDependencies":{"babel-core":"^6.26.3","babel-loader":"^7.1.2","babel-preset-env":"^1.7.0","clean-webpack-plugin":"^0.1.17","copy-webpack-plugin":"^4.5.1","css-loader":"^0.28.7","file-loader":"^1.1.5","html-loader":"^0.5.1","html-webpack-plugin":"^3.2.0","style-loader":"^0.21.0","svg-url-loader":"^2.3.2","text-loader":"0.0.1","to-string-loader":"^1.1.5","uglifyjs-webpack-plugin":"^1.2.5","url-loader":"^1.0.1","webpack":"^4.12.0","webpack-cli":"^3.0.8","webpack-dev-server":"^3.1.4","webpack-merge":"^4.1.0"},"dependencies":{"is-plain-object":"^2.0.4"},"readme":"\n\nA color picker for web app\n\n[](https://badge.fury.io/js/a-color-picker) [](LICENSE) [](https://codepen.io/narsenico/pen/xPxNeE)\n\n\n\n\nSee [api and demo](https://narsenico.github.io/a-color-picker/)\n\n## Usage\n1. Include `acolorpicker.js`\n ```html\n \n ```\n or require `a-color-picker`\n ```js\n const AColorPicker = require('a-color-picker');\n ```\n2. Call this JavaScript function\n ```js\n AColorPicker.createPicker('div.container');\n ```\n\n## How to\n### Create a color picker\nCall AColorPicker.createPicker() function.\n```js\n// passing a valid css selector \nAColorPicker.createPicker('div.container');\n\n// or HTML element\nAColorPicker.createPicker(document.querySelector('div.container'));\n\n// or options\nAColorPicker.createPicker({\n\tattachTo: 'div.container',\n\tcolor: 'green'\n});\n```\nOptions:\n- `attachTo`: (*String|Object*) Where to attach the picker top element. Can be HTMLElement or css selector. Default **body**.\n- `showHSL`: (*Boolean*) If falsy hide the HSL inputs. Default **true**.\n- `showRGB`: (*Boolean*) If falsy hide the RGB inputs. Default **true**.\n- `showHEX`: (*Boolean*) If falsy hide the RGB HEX inputs. Default **true**.\n- `color`: (*Boolean*) Initial color. Default **#ff0000**.\n- `palette`: (*Array*) Array of predefined colors. Default **null**.\n- `paletteEditable`: (*Boolean*) If truly make the palette editable. Default **false**.\n- `showAlpha`: (*Boolean*) If truly show control to change opacity. Default **false**.\n- **_NEW!_** `useAlphaInPalette`: (*String|Boolean*) If truly enable alpha channel in palette colors. If 'auto' depends on the value of 'showAlpha'. Default **auto**.\n\n### Listen for color change\nSet onchange property with a handler function.\n```js\nAColorPicker.createPicker('div.container')\n\t.onchange = (picker) => {\n\t\talert(picker.color);\n\t};\n```\nThe single argument passed to the specified function is the picker.\n\n### Get current color\nUsing the properties of the picker.\n```js\nconst picker = AColorPicker.createPicker({\n\tattachTo: 'div.container',\n\tcolor: 'green'\n});\n// rgb array\npicker.rgb; // return [0, 128, 0]\n// rgba array\npicker.rgba; // return [0, 128, 0, 1]\n// hsl array\npicker.hsl; // return [120, 100 ,25]\n// hsla array\npicker.hsla; // return [120, 100 ,25, 1]\n// rgb hex format\npicker.color; // return '#008000'\n// with alpha < 1\npicker.color; // return 'rgba(0, 0, 139, 0.37)'\n\n```\n\n### Set current color\nUsing the properties of the picker.\n```js\nconst picker = AColorPicker.createPicker({\n\tattachTo: 'div.container',\n\tcolor: 'green'\n});\n// rgb array\npicker.rgb = [0, 128, 0];\n// rgba array\npicker.rgba = [0, 128, 0, 1];\n// hsl array\npicker.hsl = [120, 100 ,25];\n// hsla array\npicker.hsla = [120, 100 ,25, 1];\n// rgb hex format\npicker.color = '#008000';\npicker.color = '#fd0';\n// rgba format\npicker.color = 'rgba(0, 0, 139, 0.37)';\n// color name\npicker.color = 'green';\n```\n\n### Set up a palette of predefined colors\n\n\nUsing a default palette.\n```js\nconst picker = AColorPicker.createPicker({\n attachTo: 'div.container',\n palette: AColorPicker.PALETTE_MATERIAL_CHROME\n // palette: AColorPicker.PALETTE_MATERIAL_500\n});\n```\nOr a custon one.\n```js\nconst picker = AColorPicker.createPicker({\n attachTo: 'div.container',\n // color format: name, css hex, rgb array\n palette: ['lightgreen', '#fafafa', '#fdo', [255, 23, 46]]\n});\n```\nWith editable palette.\n\n\n```js\nconst picker = AColorPicker.createPicker({\n attachTo: 'div.container',\n // color format: name, css hex, rgb array\n palette: ['lightgreen', '#fafafa', '#fdo', [255, 23, 46]],\n // click on + icon to add current color to palette\n // shift+click on color to remove it from palette\n // shift+click on + icon to remove all colors from palette\n paletteEditable: true\n});\npicker.oncoloradd = (picker, color) => {\n // fired when color is added on palette\n}\npicker.oncolorremove = (picker, color) => {\n // fired when color is removed from palette\n}\n// readonly property, return an array of colors\npicker.palette;\n```\n\n## Utilities\n`COLOR_NAMES`: Object where key is the color name, and value is the rgb hex value.\n```js\nAColorPicker.COLOR_NAMES['seagreen']; // return #2E8B57\n```\n`hslToRgb(h, s, l)`: h is a number between 0 and 360; s and l between 0 and 100.\n```js\nAColorPicker.hslToRgb(106, 60, 48); // return [83, 196, 49]\n```\n`rgbToHsl(r, g, b)`: r, g and b are number between 0 and 255.\n```js\nAColorPicker.rgbToHsl(83, 196, 49); // return [106, 60, 48]\n```\n`rgbToHex(r, g, b)`: r, g and b are number between 0 and 255.\n```js\nAColorPicker.rgbToHex(83, 196, 49); // return '#53c431'\n```\n`rgbToInt(r, g, b)`: r, g and b are number between 0 and 255.\n```js\nAColorPicker.rgbToInt(83, 196, 49); // return 5489713\n```\n`intToRgb(int)`: int is a number between 0 and 16777215.\n```js\nAColorPicker.intToRgb(5489713); // return [83, 196, 49]\n```\n`getLuminance(r, g, b)`: r, g and b are number between 0 and 255.\n```js\nAColorPicker.getLuminance(83, 196, 49); // return 0.41540606322787504\n```\n","readmeFilename":"README.md","gitHead":"ece1293ffbef59f7d06ea64043cc82800d617472","_id":"a-color-picker@1.1.5","_npmVersion":"6.4.1","_nodeVersion":"8.11.4","_npmUser":{"name":"narsen","email":"not_amon-dev@yahoo.it"},"dist":{"integrity":"sha512-Wnbzt+2Eg0o7QWwDY8cCvBMpEqghKABoF2Lkq6LLPPrZ9e5WqCPcBdNwayDtdcJiws2PSwvYb/eucMiebXN20Q==","shasum":"3782e159ea6ce26288762a82d53a409daa17e191","tarball":"https://registry.npmjs.org/a-color-picker/-/a-color-picker-1.1.5.tgz","fileCount":31,"unpackedSize":530025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb/vKjCRA9TVsSAnZWagAAdsIP/iXOFsUF0wbO2tDpvyfh\nR8w8LTDOVJ6bKjptfQ+MZvSEf5XropxeFomnbxPHYKiueBXI92t7tfV2kB3D\n+mGvVW4TRA/BOF4tlkyiScXCCPIEFDP86YgT+WSSbco587az1vcAvV79qw9K\nu+E0f2DyMdu9ZhhsojnOsUq9mDZdSh2PnsJmjfwbT/91CQSew0q+9EZp1swy\nbYWUdSWIYvBtSuIjjmxTnAyOjO7mmXILvwUYpOToPk6+MapoZsaheJEVySAc\nZUzoQ/Ad9J9ZVZTUzoTku/hziyPVydVkiQufbQUkTMPz7dGb2o+ankJDLADx\nbFQjjQkKYhUk/GV7BIA+haHsHoIYwvNV2pHEv5Y1DfwX7/K+pS4JcmlPnlev\nvuczpAmYlq/PxCUKbJIz5yGnoI5MU9Vi38ySND1MlsPO+waCjfTOYFnVUwt/\nfOfSL179StyE6lj/kCwG0eOIWSSioBWjPQJBoNyEf508hdvDStNTgKu7dk+y\npoF8pJAzyyBpxnXpbJoYfXibzHrIvTfjoqyOf93AUh3rl1kD2/fApENgwcCj\nsfgnQZxkLcZqxDU9mdzXQUOYGmGsL2PreW/2i+voPQLH2hirKMONujj3Cd9M\nv7sYy4o7v6e5HQqcZUU8ydRBuSA1h8At6eoQIQ2ngnt+ltzkH61aZvlbF5tJ\nj/YQ\r\n=GPxi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDFP2hciOMEJb1teotMljq6nHqR9PGs+0qodE2qpC7nbAIgbfP3x7dXxnODVyF4+u9hi9xeDxuTVdI7VuH8C5mrFXs="}]},"maintainers":[{"name":"narsen","email":"not_amon-dev@yahoo.it"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/a-color-picker_1.1.5_1543434914905_0.9513380348388654"},"_hasShrinkwrap":false},"1.1.6":{"name":"a-color-picker","version":"1.1.6","description":"a color pikcer for web app","main":"./dist/acolorpicker.js","types":"./dist/acolorpicker.d.ts","scripts":{"build":"webpack --config webpack.prod.js","build:dev":"webpack --display-used-exports --display-reasons --config webpack.dev.js","build:docs":"webpack --config webpack.docs.js","start:docs":"webpack-dev-server --open --open-page index.html --port 3000 --config webpack.docs.js","test":"webpack-dev-server --open --open-page test.html --port 3000 --config webpack.dev.js"},"repository":{"type":"git","url":"git+https://github.com/narsenico/a-color-picker.git"},"keywords":["javascript","color","picker","color-picker"],"author":{"name":"narsenico"},"license":"MIT","bugs":{"url":"https://github.com/narsenico/a-color-picker/issues"},"homepage":"https://narsenico.github.io/a-color-picker/","devDependencies":{"babel-core":"^6.26.3","babel-loader":"^7.1.2","babel-preset-env":"^1.7.0","clean-webpack-plugin":"^0.1.17","copy-webpack-plugin":"^4.5.1","css-loader":"^0.28.7","file-loader":"^1.1.5","html-loader":"^0.5.1","html-webpack-plugin":"^3.2.0","style-loader":"^0.21.0","svg-url-loader":"^2.3.2","text-loader":"0.0.1","to-string-loader":"^1.1.5","uglifyjs-webpack-plugin":"^1.2.5","url-loader":"^1.0.1","webpack":"^4.12.0","webpack-cli":"^3.0.8","webpack-dev-server":"^3.1.4","webpack-merge":"^4.1.0"},"dependencies":{"is-plain-object":"^2.0.4"},"readme":"\n\nA color picker for web app\n\n[](https://badge.fury.io/js/a-color-picker) [](LICENSE) [](https://codepen.io/narsenico/pen/xPxNeE)\n\n\n\n\nSee [api and demo](https://narsenico.github.io/a-color-picker/)\n\n## Usage\n1. Include `acolorpicker.js`\n ```html\n \n ```\n or require `a-color-picker`\n ```js\n const AColorPicker = require('a-color-picker');\n ```\n2. Call this JavaScript function\n ```js\n AColorPicker.createPicker('div.container');\n ```\n\n## How to\n### Create a color picker\nCall AColorPicker.createPicker() function.\n```js\n// passing a valid css selector \nAColorPicker.createPicker('div.container');\n\n// or HTML element\nAColorPicker.createPicker(document.querySelector('div.container'));\n\n// or options\nAColorPicker.createPicker({\n\tattachTo: 'div.container',\n\tcolor: 'green'\n});\n```\nOptions:\n- `attachTo`: (*String|Object*) Where to attach the picker top element. Can be HTMLElement or css selector. Default **body**.\n- `showHSL`: (*Boolean*) If falsy hide the HSL inputs. Default **true**.\n- `showRGB`: (*Boolean*) If falsy hide the RGB inputs. Default **true**.\n- `showHEX`: (*Boolean*) If falsy hide the RGB HEX inputs. Default **true**.\n- `color`: (*Boolean*) Initial color. Default **#ff0000**.\n- `palette`: (*Array*) Array of predefined colors. Default **null**.\n- `paletteEditable`: (*Boolean*) If truly make the palette editable. Default **false**.\n- `showAlpha`: (*Boolean*) If truly show control to change opacity. Default **false**.\n- **_NEW!_** `useAlphaInPalette`: (*String|Boolean*) If truly enable alpha channel in palette colors. If 'auto' depends on the value of 'showAlpha'. Default **auto**.\n\n### Listen for color change\nSet onchange property with a handler function.\n```js\nAColorPicker.createPicker('div.container')\n\t.onchange = (picker) => {\n\t\talert(picker.color);\n\t};\n```\nThe single argument passed to the specified function is the picker.\n\n### Get current color\nUsing the properties of the picker.\n```js\nconst picker = AColorPicker.createPicker({\n\tattachTo: 'div.container',\n\tcolor: 'green'\n});\n// rgb array\npicker.rgb; // return [0, 128, 0]\n// rgba array\npicker.rgba; // return [0, 128, 0, 1]\n// hsl array\npicker.hsl; // return [120, 100 ,25]\n// hsla array\npicker.hsla; // return [120, 100 ,25, 1]\n// rgb hex format\npicker.color; // return '#008000'\n// with alpha < 1\npicker.color; // return 'rgba(0, 0, 139, 0.37)'\n\n```\n\n### Set current color\nUsing the properties of the picker.\n```js\nconst picker = AColorPicker.createPicker({\n\tattachTo: 'div.container',\n\tcolor: 'green'\n});\n// rgb array\npicker.rgb = [0, 128, 0];\n// rgba array\npicker.rgba = [0, 128, 0, 1];\n// hsl array\npicker.hsl = [120, 100 ,25];\n// hsla array\npicker.hsla = [120, 100 ,25, 1];\n// rgb hex format\npicker.color = '#008000';\npicker.color = '#fd0';\n// rgba format\npicker.color = 'rgba(0, 0, 139, 0.37)';\n// color name\npicker.color = 'green';\n```\n\n### Set up a palette of predefined colors\n\n\nUsing a default palette.\n```js\nconst picker = AColorPicker.createPicker({\n attachTo: 'div.container',\n palette: AColorPicker.PALETTE_MATERIAL_CHROME\n // palette: AColorPicker.PALETTE_MATERIAL_500\n});\n```\nOr a custon one.\n```js\nconst picker = AColorPicker.createPicker({\n attachTo: 'div.container',\n // color format: name, css hex, rgb array\n palette: ['lightgreen', '#fafafa', '#fdo', [255, 23, 46]]\n});\n```\nWith editable palette.\n\n\n```js\nconst picker = AColorPicker.createPicker({\n attachTo: 'div.container',\n // color format: name, css hex, rgb array\n palette: ['lightgreen', '#fafafa', '#fdo', [255, 23, 46]],\n // click on + icon to add current color to palette\n // shift+click on color to remove it from palette\n // shift+click on + icon to remove all colors from palette\n paletteEditable: true\n});\npicker.oncoloradd = (picker, color) => {\n // fired when color is added on palette\n}\npicker.oncolorremove = (picker, color) => {\n // fired when color is removed from palette\n}\n// readonly property, return an array of colors\npicker.palette;\n```\n\n## Utilities\n`COLOR_NAMES`: Object where key is the color name, and value is the rgb hex value.\n```js\nAColorPicker.COLOR_NAMES['seagreen']; // return #2E8B57\n```\n`hslToRgb(h, s, l)`: h is a number between 0 and 360; s and l between 0 and 100.\n```js\nAColorPicker.hslToRgb(106, 60, 48); // return [83, 196, 49]\n```\n`rgbToHsl(r, g, b)`: r, g and b are number between 0 and 255.\n```js\nAColorPicker.rgbToHsl(83, 196, 49); // return [106, 60, 48]\n```\n`rgbToHex(r, g, b)`: r, g and b are number between 0 and 255.\n```js\nAColorPicker.rgbToHex(83, 196, 49); // return '#53c431'\n```\n`rgbToInt(r, g, b)`: r, g and b are number between 0 and 255.\n```js\nAColorPicker.rgbToInt(83, 196, 49); // return 5489713\n```\n`intToRgb(int)`: int is a number between 0 and 16777215.\n```js\nAColorPicker.intToRgb(5489713); // return [83, 196, 49]\n```\n`getLuminance(r, g, b)`: r, g and b are number between 0 and 255.\n```js\nAColorPicker.getLuminance(83, 196, 49); // return 0.41540606322787504\n```\n","readmeFilename":"README.md","gitHead":"c8a681534eded413eb630385cbb32dc4c7eae15f","_id":"a-color-picker@1.1.6","_npmVersion":"6.4.1","_nodeVersion":"8.11.4","_npmUser":{"name":"narsen","email":"not_amon-dev@yahoo.it"},"dist":{"integrity":"sha512-aVx4n+lYNePIYZ3cYFivKSNbtI4sV+BGuz5G3B22YaaUgcM6lNHjGOzNin9kroHWJymDlrggwAm5bBwLP4MfVA==","shasum":"b8de5ced6cd53d248a1f1a86197f9cbd51cdb8ce","tarball":"https://registry.npmjs.org/a-color-picker/-/a-color-picker-1.1.6.tgz","fileCount":31,"unpackedSize":529988,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcAlTrCRA9TVsSAnZWagAAohoP/00tG5nc7SNHvNXPplgV\nw/n493lL6Vz1VReZ4fe2s6SVj4gtvctI6G8HlsKdfEYCW+yDqjHH7h47uiV2\n40mhnx1iTjtj9ZjxFjcsil1ESstBD9MPCRhPM6Od3XfbhX+Gw94raYDt7HK9\ny5V3awCPO8imrl3WTA6XVLAlyQr2gIDLQB3nR7aeuYlV5yOFCVA/84bSTIfY\n8xmaxrIFxP/+cVsh3h8nPZ8Qze197xVqYJnanfSfG1z55MvDMJy552NcD/Ap\n56udTPKEu1aaz9YTtzH9eOtPyTpCmbVopE+CTODqyk5aV9w6UyVkRPp2QdYw\ndg/2Fhd80nZIT45H5FG9HP6sU7xQ1Jo0dOkarIqO7JRMSg+DrQNBFjKHQvYD\nlTw9Ou+1wa2cuSnUDKeSdXMziBJKYhSnTsWD9jdi6JrizyPrXUpPbPP+eQxi\nV5kqQOHRmaGJAscdo3VKdZAIbD/fI5U+eWhW2lFPPUArPEialcvlNYwdSJhM\nNzdYtp67B2ROH1x3JYahnYzmDeilpXEjQTt6NVAna6PbcqRUziJdV+mwWQn6\nP0UZg788ClQCpyR9Y87tqQfTcuSU4sZftxGwhQ2aoH7hez2uM+JArpD6gWS9\nEM9r07bGqO94SWIOqSHtSh2cRlFRnyBTB85hRffvKmoRYh/9zEXCTI6713R7\nKxGV\r\n=s+9/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC64sBPnOMsZrl7wtibzicM53s+LKAR4DXvo2Zl9PFQBAIgaw6HOMjAu4qrqV9RJtwg45ualsyB7r76VQZKnRm7i64="}]},"maintainers":[{"name":"narsen","email":"not_amon-dev@yahoo.it"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/a-color-picker_1.1.6_1543656682703_0.48044406277785523"},"_hasShrinkwrap":false},"1.1.7":{"name":"a-color-picker","version":"1.1.7","description":"a color pikcer for web app","main":"./dist/acolorpicker.js","types":"./dist/acolorpicker.d.ts","scripts":{"build":"webpack --config webpack.prod.js","build:dev":"webpack --display-used-exports --display-reasons --config webpack.dev.js","build:docs":"webpack --config webpack.docs.js","start:docs":"webpack-dev-server --open --open-page index.html --port 3000 --config webpack.docs.js","test":"webpack-dev-server --open --open-page test.html --port 3000 --config webpack.dev.js"},"repository":{"type":"git","url":"git+https://github.com/narsenico/a-color-picker.git"},"keywords":["javascript","color","picker","color-picker"],"author":{"name":"narsenico"},"license":"MIT","bugs":{"url":"https://github.com/narsenico/a-color-picker/issues"},"homepage":"https://narsenico.github.io/a-color-picker/","devDependencies":{"babel-core":"^6.26.3","babel-loader":"^7.1.2","babel-preset-env":"^1.7.0","clean-webpack-plugin":"^0.1.17","copy-webpack-plugin":"^4.5.1","css-loader":"^0.28.7","file-loader":"^1.1.5","html-loader":"^0.5.1","html-webpack-plugin":"^3.2.0","style-loader":"^0.21.0","svg-url-loader":"^2.3.2","text-loader":"0.0.1","to-string-loader":"^1.1.5","uglifyjs-webpack-plugin":"^1.2.5","url-loader":"^1.0.1","webpack":"^4.12.0","webpack-cli":"^3.0.8","webpack-dev-server":"^3.1.4","webpack-merge":"^4.1.0"},"dependencies":{"is-plain-object":"^2.0.4"},"gitHead":"151b7ed94151e1fdcd7d3c25b933b5207e388b71","_id":"a-color-picker@1.1.7","_npmVersion":"6.4.1","_nodeVersion":"8.11.4","_npmUser":{"name":"narsen","email":"not_amon-dev@yahoo.it"},"dist":{"integrity":"sha512-7YI2A7gd5oxiMqxX526QepzfZwSaKCNv0/KrfNvFg27e0GtZ95mdWvpzaMiWnk0MxrTbpMZzfVYanUsd9tVEtg==","shasum":"4984da94008ffedd10a00f6d318dd04b33443066","tarball":"https://registry.npmjs.org/a-color-picker/-/a-color-picker-1.1.7.tgz","fileCount":32,"unpackedSize":625007,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCX08CRA9TVsSAnZWagAALo4P+wRlBbMnkn8uGplToL1g\nuq7SFsFnc7K79ArORfCVDFx9fesBHOuvsIuFqcfD7bvY72ex1Nn+sbuiSj9E\nIXYqiw8Msd+Q9p3DG46fwA9vuvuIrareT06dscvdPsHP+ZkkAOR04B+p6zcz\ncR/oRL24k/qBdTuJ17a0o0ry8HalgV4g339Oe6KvWfON6jFVDB19wvDYCwqa\nnQcxYQ7IvhgsfJp5SwskJRp+WJ00/JqhbHKjxYnf+ACjtAU1tP4D74ShUKZa\nXg0Xi2/1oMDZX2dctp3juAdY0Vj+imJuPTYA7KaMUK4AgSOlwfV1JUPolYYX\nDuJ6vzKxxtvLwzgj8gc4O6SsvGvq2sbhw9j7YlyA6luAp/o8P1NjutQXJCdC\ntKZ46+o6Ob0oy37PSjCd1I2KKH1QdeOxwJnRl5pHBs6H1628qcJyMeUNOOSw\nVvdFLFBmEZ55sWuO5nAqPoh8ke4OAVZyAWLRhiPvhz49/rl4NRTXrMQck1/W\n09Sm5sCP/mZpsy3K+XfCUtn8pqFdf0XNYO2E76q3tu/EZj5ilBfuTdfPM2F3\nQ6QCUtqyBqDX+HmvSey4ddUJqL4VIOI5PZDpawjE/71nBPSNKEhPM8yma6B5\nb3clmIdt007Ha9JIH1RNoU24N3GfjeG8yaG1zfk4KsJRfYh+31+3FGhajZAx\nMLb9\r\n=JGyM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDYFurm+rOsqa/5NATf8At96u1g0Nj1wIn7C98gDZyNSwIhAIEGqlgSlTBW5aWR9ScAIzh+d4WcQdjBGuNUl53WE2AN"}]},"maintainers":[{"name":"narsen","email":"not_amon-dev@yahoo.it"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/a-color-picker_1.1.7_1544125756053_0.098989194186063"},"_hasShrinkwrap":false},"1.1.8":{"name":"a-color-picker","version":"1.1.8","description":"a color pikcer for web app","main":"./dist/acolorpicker.js","types":"./dist/acolorpicker.d.ts","scripts":{"build":"webpack --config webpack.prod.js","build:dev":"webpack --display-used-exports --display-reasons --config webpack.dev.js","build:docs":"webpack --config webpack.docs.js","start:docs":"webpack-dev-server --open --open-page index.html --port 3000 --config webpack.docs.js","test":"webpack-dev-server --open --open-page test.html --port 3000 --config webpack.dev.js"},"repository":{"type":"git","url":"git+https://github.com/narsenico/a-color-picker.git"},"keywords":["javascript","color","picker","color-picker"],"author":{"name":"narsenico"},"license":"MIT","bugs":{"url":"https://github.com/narsenico/a-color-picker/issues"},"homepage":"https://narsenico.github.io/a-color-picker/","devDependencies":{"babel-core":"^6.26.3","babel-loader":"^7.1.5","babel-preset-env":"^1.7.0","clean-webpack-plugin":"^0.1.19","copy-webpack-plugin":"^4.6.0","css-loader":"^0.28.11","file-loader":"^1.1.11","html-loader":"^0.5.5","html-webpack-plugin":"^3.2.0","style-loader":"^0.21.0","svg-url-loader":"^2.3.2","text-loader":"0.0.1","to-string-loader":"^1.1.5","uglifyjs-webpack-plugin":"^1.3.0","url-loader":"^1.1.2","webpack":"^4.33.0","webpack-cli":"^3.3.3","webpack-dev-server":"^3.7.1","webpack-merge":"^4.2.1"},"dependencies":{"is-plain-object":"^2.0.4"},"gitHead":"41fc663ecc7e0931aa21aeaed136d23a532e2fb0","_id":"a-color-picker@1.1.8","_nodeVersion":"8.11.4","_npmVersion":"6.9.0","dist":{"integrity":"sha512-PGKDLFV3Qp190YKVd+TF+7ib0jvaVkq6ezaCnnFUhLVmnKLCEzUAH8CumLkP+kfeBukRcJtE9RMwbiR2Z40FbA==","shasum":"5e0ef5c8d99f5d2471682e2f76fe5562e7cb74d0","tarball":"https://registry.npmjs.org/a-color-picker/-/a-color-picker-1.1.8.tgz","fileCount":33,"unpackedSize":609607,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdFyHuCRA9TVsSAnZWagAAx8sQAIiyv4zwlJlHgsugROIL\njRLqlfvRMYqa19vif5s9MDpydgf5LccLNlDqGT2IVG0FgWObtWv8Xf6H7NQf\n6P+Td8Sf0uUyBfMtafTb//Mt4yVgmt5+pTuuCuPo8pWTvEXXJkII8TftBACP\n6cpu71ENDfbFeHQEXXZpdMHeVmJSDm0NxyV02hcX7T3oO3AMfyOSj/0XyXzy\ncV44oAyzSbRNilcARCvnba8CvwrupAD2jMO9Ls3/uRetn9mQfgL7+fdwblj6\nI5j6NV8LMJBmowa7R/OgtBZfOjH6gOmDXY3ASKdMHJRCizQi+jwmlPR5YleS\nOUWSGEdJzL6Awq2a2UsO2P2oFWEROBedXk93zhNoVj1l3y8jtcdsqlKh1sh1\nfp0zBtA4yHApQy4cenDw3QRxBZtW2L66DVwpJbTkwzll7WRlvihriKpEqBxy\nDRqOOk/EjROxncvgGmerGdRKdUF/MZqQshKZ5CXFGsh8izNIbottTS1JC69L\npJC7FOk1J4wSI2HPdgGEC0kagtB5/zrInhT++iqS66wzy5JbfMeLhUamoBy1\nV/67SXjUei2EMDvjE9BN4RfwGo5cwFmpSvsSwhE/44ZIxRDVACIsZJoQsv8Y\nQLsc3G0NoUijYXphyaccZoq892hkM57w8YiKJATtiCFRW1INYPLRVDsBfDy9\n4MqY\r\n=Cppk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA0+H0ZWAele/JCdBHoLa3uurI6Jnhna56YkYVbBLbA7AiB16UzwjXj5WQB+ec0+yyTusDpXtPM8VjJkWwejth/0BA=="}]},"maintainers":[{"name":"narsen","email":"not_amon-dev@yahoo.it"}],"_npmUser":{"name":"narsen","email":"not_amon-dev@yahoo.it"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/a-color-picker_1.1.8_1561797101264_0.47607694118067245"},"_hasShrinkwrap":false},"1.1.9":{"name":"a-color-picker","version":"1.1.9","description":"a color pikcer for web app","main":"./dist/acolorpicker.js","types":"./dist/acolorpicker.d.ts","scripts":{"build":"webpack --config webpack.prod.js","build:dev":"webpack --display-used-exports --display-reasons --config webpack.dev.js","build:docs":"webpack --config webpack.docs.js","start:docs":"webpack-dev-server --open --open-page index.html --port 3000 --config webpack.docs.js","test":"webpack-dev-server --open --open-page test.html --port 3000 --config webpack.dev.js"},"repository":{"type":"git","url":"git+https://github.com/narsenico/a-color-picker.git"},"keywords":["javascript","color","picker","color-picker"],"author":{"name":"narsenico"},"license":"MIT","bugs":{"url":"https://github.com/narsenico/a-color-picker/issues"},"homepage":"https://narsenico.github.io/a-color-picker/","devDependencies":{"babel-core":"^6.26.3","babel-loader":"^7.1.5","babel-preset-env":"^1.7.0","clean-webpack-plugin":"^0.1.19","copy-webpack-plugin":"^4.6.0","css-loader":"^0.28.11","file-loader":"^1.1.11","html-loader":"^0.5.5","html-webpack-plugin":"^3.2.0","style-loader":"^0.21.0","svg-url-loader":"^2.3.2","text-loader":"0.0.1","to-string-loader":"^1.1.5","uglifyjs-webpack-plugin":"^1.3.0","url-loader":"^1.1.2","webpack":"^4.33.0","webpack-cli":"^3.3.3","webpack-dev-server":"^3.7.1","webpack-merge":"^4.2.1"},"dependencies":{"is-plain-object":"^2.0.4"},"gitHead":"23ab3ee276a8a0f747089bc966c84382282c16ce","_id":"a-color-picker@1.1.9","_nodeVersion":"8.11.4","_npmVersion":"6.10.2","dist":{"integrity":"sha512-DC9EsI5GZf6L2tT7mKDXvfD3HZN0SVD5HQcM5gc/bUBXRxbhXvUvU5lPA+n96BL6znwl1wMUmyOLJ0huG85RnA==","shasum":"5b8e63214b4c77fa1325ced3c01b84cb4ab10a76","tarball":"https://registry.npmjs.org/a-color-picker/-/a-color-picker-1.1.9.tgz","fileCount":33,"unpackedSize":615040,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdbAHRCRA9TVsSAnZWagAA3FAQAJ0mxKQzTH5vxVkJYcEV\nQjbgzvxAZw959GQCoLFcVJW0nSl3fh/lySAo0Eno6lFtcj0uw/WiMg41cbyZ\ncHsf7+2XFGMAg4c50d3RUWDKuBigBEy2zCUOp4jbSg8bss8Oa/LSTai+acoI\nZPPH5wKfH2E6Mh6hFSBXqQRKekY7SbHD/x+g+cMkqDFseVF3L4uKop95yuz7\ngQn8gFJmHbPudFTk/QcK1OMSgLwduHCCc60abj/753k8ucSlyFC9VUdSSFO6\nanXgI6jP+vpn4aV7dxhIMbox2px27YrkggS23vQRFaPVPnXx+x1y3NvIZ/x+\nccsJFtW9u24UnDIOJ7KaQ8eQfwzeEQzInO5plOUFHCVB85xjNkm+ohQ3hHE8\nEHmofYGvLS7To/GP2u4+RLMMV71Ee+ztgbNOjbEIGbC3ly57OgG4elxvWtU1\ntUFF8T+RoVIRxDyAhsG6Uj6l9KjnwllsMeEYqgpfWFgQFdddWYJMf2dryTgD\nJjqxyXRhm3SL1vZHf9UUKbHvrcP5QsVf0yBoVXeUQMsSZIAvLwQhd59FSgjr\nGKqc7ERdms+Nt3sUTzv2JentdECBlcZ+PLBt46dOpufOeGz5puBlppujlZfN\nRBxq8eECvxqLoBhZiYM6jNbylCdJEqkpiHiHI8eDryzjn29Wz7GF/IMMBmwL\nOGy+\r\n=/tVZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC1n4yspEns3B0AFzWIG/dH4hlLt90iL/DnqRwEqdtD/QIhAIOrtpZxgvGW/cHMw0joiIo1UxchPWGVOyRaJIHIxORI"}]},"maintainers":[{"name":"narsen","email":"not_amon-dev@yahoo.it"}],"_npmUser":{"name":"narsen","email":"not_amon-dev@yahoo.it"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/a-color-picker_1.1.9_1567359441244_0.8906865163580149"},"_hasShrinkwrap":false},"1.2.0":{"name":"a-color-picker","version":"1.2.0","description":"a color pikcer for web app","main":"./dist/acolorpicker.js","types":"./dist/acolorpicker.d.ts","scripts":{"build":"webpack --config webpack.prod.js","build:dev":"webpack --display-used-exports --display-reasons --config webpack.dev.js","build:docs":"webpack --config webpack.docs.js","start:docs":"webpack-dev-server --open --open-page index.html --port 3000 --config webpack.docs.js","test":"webpack-dev-server --open --open-page test.html --port 3000 --config webpack.dev.js"},"repository":{"type":"git","url":"git+https://github.com/narsenico/a-color-picker.git"},"keywords":["javascript","color","picker","color-picker"],"author":{"name":"narsenico"},"license":"MIT","bugs":{"url":"https://github.com/narsenico/a-color-picker/issues"},"homepage":"https://narsenico.github.io/a-color-picker/","devDependencies":{"babel-core":"^6.26.3","babel-loader":"^7.1.5","babel-preset-env":"^1.7.0","clean-webpack-plugin":"^0.1.19","copy-webpack-plugin":"^4.6.0","css-loader":"^0.28.11","file-loader":"^1.1.11","html-loader":"^0.5.5","html-webpack-plugin":"^3.2.0","style-loader":"^0.21.0","svg-url-loader":"^2.3.2","text-loader":"0.0.1","to-string-loader":"^1.1.5","uglifyjs-webpack-plugin":"^1.3.0","url-loader":"^1.1.2","webpack":"^4.33.0","webpack-cli":"^3.3.3","webpack-dev-server":"^3.7.1","webpack-merge":"^4.2.1"},"dependencies":{"is-plain-object":"^2.0.4"},"gitHead":"843dc07ee1b3f71e1e905328c88f8fce08cb6648","_id":"a-color-picker@1.2.0","_nodeVersion":"8.11.4","_npmVersion":"6.10.2","dist":{"integrity":"sha512-MjjDfEt98ikwRKnQJyRmNcTVQ7SNYWQxPcMG3bWCr3vkCcOW6uup4D4WTYyBgYhT6wjHZ+Wvkeym5ZIvrn7xbA==","shasum":"5ae2c016dcfd80e96afcecf847009036d07ad81a","tarball":"https://registry.npmjs.org/a-color-picker/-/a-color-picker-1.2.0.tgz","fileCount":33,"unpackedSize":621496,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdkNwPCRA9TVsSAnZWagAAJ5IQAJNqEe+6C60JFk3dIQd4\nlkH4b0Mvlp/mpOqYjsca3ZeaQjA1J2jl0GQ3HpWIBuNyfoi9xJHDQD0pgqy2\ndr8xJagfAw6vPpbcqOYu/pQCtXsENQIi3XpU2byIXiYTXXIdAygHgnnLYH/9\n1D5gc1+5tjyfdCnIUcBDn00ON9bKNq+p13zqJnpb4Mc5xsJ67ERsG0027jyI\nrv0wbFCIoXZx7YHqDWySxYCZJKE/1hz3HuJx59WNpuBZG0/pXd3DOHBvR2H/\nHWiVvr0rvpDeibOgc/9PKxa7AMtGvhjr/CekGc7u9jAqIqNByELgMqpgou0Y\nI6ED6XksBbZ2y2JTUe4tP+lVnEQY5gRL1GLjPkkIh7AXfWr1Pfuf+djZvLSE\ns4MtDL1cDI2ybnCNrzxwfumGawsMUbNV+GKIpgpaqbYrnlh7BNAQ6pVdMMH3\n32maoyYj9NJsO8e5zY4rd0M5vV42TzDv/nzOaN7brV1hnxfzXbrC0WKCvbHn\nUvBcAraQDdMBDnDmebBaZCu3JDe/Sz7/LR6mZ9juk4MwbkiKJe6FMgCaX6au\n6jE5kiE0Yc2Yhq9ArbKGbeseT1+IgCI1qZsFs3e3nvlAULPe9iLRBX338ONG\nqmcLujGPk4TKAktdkR6FIhYhkgdq87vxu7sWttkrZLyDG5vtjo+DYjPtf7AR\nDzG/\r\n=uRLP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEjHs2XyvxhXRE+qrVSfEhoLlN/awW4kXnuiTWcVAeSHAiEAxt7wc+ezGi8HSu5Eq9SELGpKsl2ZjhmiWzwoWfNENBc="}]},"maintainers":[{"name":"narsen","email":"not_amon-dev@yahoo.it"}],"_npmUser":{"name":"narsen","email":"not_amon-dev@yahoo.it"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/a-color-picker_1.2.0_1569774606519_0.1412903585104126"},"_hasShrinkwrap":false},"1.2.1":{"name":"a-color-picker","version":"1.2.1","description":"a color pikcer for web app","main":"./dist/acolorpicker.js","types":"./dist/acolorpicker.d.ts","scripts":{"build":"webpack --config webpack.prod.js","build:dev":"webpack --display-used-exports --display-reasons --config webpack.dev.js","build:docs":"webpack --config webpack.docs.js","start:docs":"webpack-dev-server --open --open-page index.html --port 3000 --config webpack.docs.js","test":"webpack-dev-server --open --open-page test.html --port 3000 --config webpack.dev.js"},"repository":{"type":"git","url":"git+https://github.com/narsenico/a-color-picker.git"},"keywords":["javascript","color","picker","color-picker"],"author":{"name":"narsenico"},"license":"MIT","bugs":{"url":"https://github.com/narsenico/a-color-picker/issues"},"homepage":"https://narsenico.github.io/a-color-picker/","devDependencies":{"babel-core":"^6.26.3","babel-loader":"^7.1.5","babel-preset-env":"^1.7.0","clean-webpack-plugin":"^0.1.19","copy-webpack-plugin":"^4.6.0","css-loader":"^0.28.11","file-loader":"^1.1.11","html-loader":"^0.5.5","html-webpack-plugin":"^3.2.0","style-loader":"^0.21.0","svg-url-loader":"^2.3.2","text-loader":"0.0.1","to-string-loader":"^1.1.5","uglifyjs-webpack-plugin":"^1.3.0","url-loader":"^1.1.2","webpack":"^4.33.0","webpack-cli":"^3.3.3","webpack-dev-server":"^3.7.1","webpack-merge":"^4.2.1"},"dependencies":{"is-plain-object":"^2.0.4"},"gitHead":"291144bc5ae1819f12f953a352464ab99f4f0058","_id":"a-color-picker@1.2.1","_nodeVersion":"8.11.4","_npmVersion":"6.10.2","dist":{"integrity":"sha512-aMCUKd2zTDWK2YWnjz0k3YhFc9XL0jZlPIywF6XkP6i3wdq2iHTEnl1BFPZkOVDV89M12t+zeZ8m23cfzn57/Q==","shasum":"690c9b66595cb906b6a3ceec040cf0ad1f815608","tarball":"https://registry.npmjs.org/a-color-picker/-/a-color-picker-1.2.1.tgz","fileCount":33,"unpackedSize":627170,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdl0w0CRA9TVsSAnZWagAAnP8P/RCtOiglzfPcrlX7Y6Wp\nco7lOL6dmJ4ucFhw2GDwXrhCVwhmUhlrPaOmwoDLBReKJlADoVoHoAx/dZYl\nrYQFwxu1KuVlav1MBFE1W/LFtf96QXzRWLBmiFp9Yro207ZoNAhPT3mTygcH\nCs1H/6HgYq7+Hv7+y3LVU4F0iirbnX2Q+pDkbUtMxiiU4pQgXVHKfcs0/tmu\nKdn5MmreOnX11gcN9uiOB/fWGBNnTAOk1rp2AxJwISOFn8Gw+AhAAw+zBgro\nP7clXtdyfUIybszVmPbwNnOB70D7Pa1pn7WGprwpliQPcBQVaC3ipWDkdOzw\npESHSgvDTaKiSED8dIoIn8DT/qc382sj86z68KrldHbwzi79UFBID9stBg9n\nA5y63cq1CzOgFfsGRZmH3Sq31r3Bgky6UMIoMt5LaLeYFUn3s3N7CaRbM2KD\noK/+n6DA0UmlQRa9xnpz8ezSMdPmDIumnoM+CIsj7ov+lbhF0o/Vcb+jrtnB\nMehInmo5rYY8TjURjI4Vdy0SzI2hsfSNo++8MXNYusRHyp2ZKdCYVQaE+gSs\nQQAgRavyBKl5OMYnKxGPy8zL7cv2fwyvOBaUWA152zQEqDJ0DAIuwhvhHTZV\n7ecnjWSASCog/1QUesR3yfZXTEKDlHVmlgdxS8YJQy6bgQFr0F5iAVfhVKyn\nKrcN\r\n=7Y08\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDP6DCaZVNZqdS0PsKr85FUuNS9p76h+a8Q5RRCNnB8UQIhAOTQv6AVHLr4m1td3Dcpz7BZfVrhwrhCCpGJ+Tj9zRbc"}]},"maintainers":[{"name":"narsen","email":"not_amon-dev@yahoo.it"}],"_npmUser":{"name":"narsen","email":"not_amon-dev@yahoo.it"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/a-color-picker_1.2.1_1570196531893_0.16497154959981164"},"_hasShrinkwrap":false}},"readme":"\n[](https://badge.fury.io/js/a-color-picker) [](LICENSE) [](https://codepen.io/narsenico/pen/xPxNeE) [](https://www.jsdelivr.com/package/npm/a-color-picker)\n\n\n\nSee [api and demo](https://narsenico.github.io/a-color-picker/)\n\n\n\n## Usage\n1. Include `acolorpicker.js`\n ```html\n \n ```\n or require `a-color-picker`\n ```js\n const AColorPicker = require('a-color-picker');\n ```\n2. Call this JavaScript function\n ```js\n AColorPicker.from('div.container');\n ```","maintainers":[{"name":"narsen","email":"not_amon-dev@yahoo.it"}],"time":{"modified":"2022-04-11T12:17:35.583Z","created":"2017-10-29T16:27:08.767Z","1.0.0":"2017-10-29T16:27:08.767Z","1.0.1":"2017-10-29T17:20:23.692Z","1.0.2":"2017-11-01T10:03:14.032Z","1.0.3":"2017-11-08T20:44:33.042Z","1.0.4":"2017-11-22T22:45:56.476Z","1.0.5":"2018-03-16T08:12:30.507Z","1.0.6":"2018-06-16T17:25:55.986Z","1.1.0":"2018-08-03T20:23:42.665Z","1.1.1":"2018-08-03T20:52:03.144Z","1.1.2":"2018-09-21T17:31:02.838Z","1.1.3":"2018-10-11T12:46:39.112Z","1.1.4":"2018-11-09T07:36:53.899Z","1.1.5":"2018-11-28T19:55:15.091Z","1.1.6":"2018-12-01T09:31:22.889Z","1.1.7":"2018-12-06T19:49:16.394Z","1.1.8":"2019-06-29T08:31:41.428Z","1.1.9":"2019-09-01T17:37:21.361Z","1.2.0":"2019-09-29T16:30:06.744Z","1.2.1":"2019-10-04T13:42:12.024Z"},"homepage":"https://narsenico.github.io/a-color-picker/","keywords":["javascript","color","picker","color-picker"],"repository":{"type":"git","url":"git+https://github.com/narsenico/a-color-picker.git"},"author":{"name":"narsenico"},"bugs":{"url":"https://github.com/narsenico/a-color-picker/issues"},"license":"MIT","readmeFilename":"README.md","users":{"ksyrytczyk":true}}