{"_id":"@budibase/colorpicker","_rev":"19-b68320ee0e4d553fe20372a5c01269a6","name":"@budibase/colorpicker","dist-tags":{"latest":"1.1.2"},"versions":{"1.0.0":{"name":"@budibase/colorpicker","version":"1.0.0","keywords":["budibase","colorpicker","svelte","javascript","Conor-Mack"],"author":{"name":"Conor-Mack"},"license":"ISC","_id":"@budibase/colorpicker@1.0.0","maintainers":[{"name":"cmack101","email":"cmckeown101@gmail.com"},{"name":"kevmodrome","email":"npm@kevmodro.me"},{"name":"shogunpurple","email":"martin@budibase.com"},{"name":"mjashanks","email":"mike@budibase.com"}],"homepage":"https://github.com/Budibase/Colorpicker#readme","bugs":{"url":"https://github.com/Budibase/Colorpicker/issues"},"dist":{"shasum":"d9e451b1e3284f77f046ce5473eeba77958d717c","tarball":"https://registry.npmjs.org/@budibase/colorpicker/-/colorpicker-1.0.0.tgz","fileCount":19,"integrity":"sha512-IjFlyPJVoHCICoAQkjidYYSlqCYGK/Cp9SxpqZhctPe1aCsZNn9Xf6lmGPTZr/MBE5h+m9EKso6fjNKYjS0DGw==","signatures":[{"sig":"MEYCIQCBzoQDKUS4z4AcOxsHtFBgQdjpwEd9WyYjPQNead49PAIhAKrEcvsH65igvS+VSZ9CwyhpB5c+vKcdKHWDImegVVIL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60718,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDsooCRA9TVsSAnZWagAAXqIP/iFUP7tJVIhykJPpjOP9\nYD/aJNB/3y0u6GWDpaQaakFCHQfJcUwBunLWQ5Iji/xW73i0liljxuv5TfTc\nkMYXpZg9A5Behwn+FeOq+zBd6qB4hunFtYYp+mAg8YD0lRPPD7IMumBYbI6O\naDB09lO1kJveDxyRK7YD66pcMXcybIs/7dujbZaRwlCtHUi9OS6XTsndlw/H\n/Pd9s5danCUYd3qN3LFOYF0PFXR6COjqasSdIjYSP0soTCFscg3x5kn4kD2y\nyizvQelXMsQ/eU1oPurU7xkILV5CqqHNLbMTASKjLoeXk5APEQWX5LXoB2n9\nEK6ekbPvNvugGtASAcuv3Apbds2CDRrJrXn0PpUNmOBdU2iZxAuECnDFsnZC\nOnCd0j5RYXYhtryX42fwZS8q07jC21jcc+7XAjeCrr1lwelsfqVePtxOsxQQ\nzKEbDJN9IOM7LF/GeFAXt/gs9uKzO7/1fjhduPG+4uvywM0egbCIiQ2BzziU\nxySSfQKB1N+IVAH/KMhHNIEjan3nHpHdbsPov9EPqQBBtC+FAq/rthaOdCDc\ne/ne3TXGSzbHCdJW2l5B8f47HajG1UcgO1Xgyb3nZI2GsBNqmZDdiDILTiKu\nPvP+qV/GVV2b6Q+9Ep+ciB1ufjXPVfmfRSuq8Uj0L8couckayu/bX2Rnbyc8\n/Nbp\r\n=k3FZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","gitHead":"208a57dbd723e40082f5b21929e785189235b983","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"cmack101","email":"cmckeown101@gmail.com"},"repository":{"url":"git+https://github.com/Budibase/Colorpicker.git","type":"git"},"_npmVersion":"6.14.5","description":"A multi format Colorpicker component built with Svelte","directories":{},"_nodeVersion":"12.18.2","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/colorpicker_1.0.0_1594804776269_0.08788080538212761","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@budibase/colorpicker","version":"1.0.1","keywords":["budibase","colorpicker","svelte","javascript","Conor-Mack"],"author":{"name":"Conor-Mack"},"license":"ISC","_id":"@budibase/colorpicker@1.0.1","maintainers":[{"name":"cmack101","email":"cmckeown101@gmail.com"},{"name":"kevmodrome","email":"npm@kevmodro.me"},{"name":"mjashanks","email":"mike@budibase.com"},{"name":"shogunpurple","email":"martin@budibase.com"}],"homepage":"https://github.com/Budibase/Colorpicker#readme","bugs":{"url":"https://github.com/Budibase/Colorpicker/issues"},"dist":{"shasum":"940c180e7ebba0cb0756c4c8ef13f5dfab58e810","tarball":"https://registry.npmjs.org/@budibase/colorpicker/-/colorpicker-1.0.1.tgz","fileCount":20,"integrity":"sha512-+DTHYhU0sTi5RfCyd7AAvMsLFwyF/wgs0owf7KyQU+ZILRW+YsWa7OQMz+hKQfgVAmvzwrNz8ATiBlG3Ac6Asg==","signatures":[{"sig":"MEUCICvO5wC/ru2SdlqHkdI4RuDIWRH28DjFbdRr+B7eY3JwAiEA7/3Y85N0cQ1PuF8OVEo+MAWaKTwRjFvEFKMYbPMY/fo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":64168,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDsv6CRA9TVsSAnZWagAAj9AP/RgVZU3atTHnvpAkNMif\nJQOyJeOj6Ag/1utv7ZIVipVbMSpZlnOKX4ktLAplVCRE5ONn3hb0PyUaSyW2\n18KMPp47zQFYCoXi0Z2/607buGZJQoKfIEIy2hZXjgKqvZh8gGu2SfHRwAFR\n2NausiUU9RwuZReP7P7gSlIQrXPlQcGrgIRe9jFWk4zI5ZnLarQ9tbFZurhe\n8UZlOYyAWkVR1R1J22ZcJDk8wAix8V9ijDxyk1+sfh4yBJNE4U4P7aObWyUE\nEJL5Jm7RmyQcS/JdBCIVZdwA55HT3A9LSAPUFS0T6Ics3hJtkp/TR7inu65U\nV2rvdcL6gMBffQA4QCtS/rvPPLrcGpQLEWfllh3SmsyHi76e2MsegbR2qt6D\n11CI3rB3q+h56YdeILNKqtsMS1mGTetKj/nl2/GmMOFUTc13jXvTxPMVzC0t\nQYmKEtl4foi/s+ZSx0eBj0PxzG7wF8btgEDgAG6JY3c3g1f3TwHYDbq/Y8+A\nBtpg75rkVxxzxFta616YBIaMB6t49YRPt5dc1fONIlBc5fr99kqUDSxAsGYR\nuzqP8diwnGQlmuRE8sfS2KPJQWQuIblARwQFahnxLEwMMbet/bB2cRt/T/sn\n3FkmrdZzexkv7+w3TmUXSP4TE7PpR8X/QxEY5HsOCeSqF7XFYpO3wkk3yhjd\nPvNN\r\n=GJa2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","gitHead":"12e57b7a0ef8a5f4c003b7ad364a075015c803cc","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"cmack101","email":"cmckeown101@gmail.com"},"repository":{"url":"git+https://github.com/Budibase/Colorpicker.git","type":"git"},"_npmVersion":"6.14.5","description":"A multi format Colorpicker component built with Svelte","directories":{},"_nodeVersion":"12.18.2","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/colorpicker_1.0.1_1594805241658_0.5084416956740954","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@budibase/colorpicker","version":"1.1.0","keywords":[],"author":{"name":"Keviin Åberg Kultalahti","email":"kevin.aberg@gmail.com"},"license":"MIT","_id":"@budibase/colorpicker@1.1.0","maintainers":[{"name":"mike_chuckles","email":"me@michaeldrury.co.uk"},{"name":"mjashanks","email":"mike@budibase.com"},{"name":"shogunpurple","email":"martin@budibase.com"},{"name":"kevmodrome","email":"npm@kevmodro.me"},{"name":"cmack101","email":"cmckeown101@gmail.com"}],"homepage":"https://github.com/Budibase/Colorpicker#readme","bugs":{"url":"https://github.com/Budibase/Colorpicker/issues"},"dist":{"shasum":"25fc799689aeb3b4d925dda1bc488149bd28e131","tarball":"https://registry.npmjs.org/@budibase/colorpicker/-/colorpicker-1.1.0.tgz","fileCount":23,"integrity":"sha512-GguvGKGP5NQ3yla81mOhWpFdr65DPEUIXD/bJ7I5T5GqgLN3HDN3J5ExlqublRqYDAp33/NEYWIxzMEaKyxW3g==","signatures":[{"sig":"MEUCIQCLvpPzJ0sDGfYZlLRi3edNixvW2S8uqR7GmOEdfelj5AIgMUGM1/g5Gx3UoFdlPp8WAqbNaYqAKdg65e2kBoTt5g0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":76455,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgRi1fCRA9TVsSAnZWagAAtqUP/jxKV84rp5WE023l0J4k\nDFpqujRDJ0c5b+zeeMhFOHfRk3/eWHyp2cbWnUbuii0Pwtw9H6VLqN/U01Px\nH8iz/tWDAb95z+LEMK28cx8aJ6STFnzzThUaQLkTwbSvnnSrKpJs6AqBldUH\n9jbxVwVb4hJ8KbuxBhZ9p2c+01j2lNaGkh8HzNMDSbX8qhOI0NhajfkPZPyV\n5UP0f0eYv4Z3RhzwITesxDuAatNyzLRTOU5KZoRdQRxJql08UUyAZ7adY3vT\nP/HZag6bkj0vtgIXor829KQTYiuFEd5hTHKeXeHaJKyNVxY1J8zJFteTCMei\nTrnf5WOOjvg+sqWyrwUkZYAN+ArO8UX3eqKwADaPvG0w1y8VO1TgUzy0yGc5\niq9SuM38Y7JPA4cJo7Nmm8kJRrSojiKGcInxyIYUs/r98r8c46EZGG6WuZF9\nbRN0FT74omMtWC3heKjNcxY6dCbzl4+94fqBb908NpmnrlAhSUHHx0KAYY/o\n3KOtp69YxHWtBZzU7o7CczIdd6sW+P3MZ/7Q0FlxePJS/fCX5Z1RB3faB/36\nd8toZle6gta44waVuroCaY7NfHKvYRjSYDPZcTAiC8N+f9PQyfsVOZgSUtb8\nQx24YPLYrTe5jFdDeDFqHDjdlJVk4IorELXWgb+DyqepLdbcKWmD2Q+cpmn1\nRN6Y\r\n=bHf1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/index.js","gitHead":"b4744330ef750fe460f320eecb9ad43b4513e32c","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"kevmodrome","email":"npm@kevmodro.me"},"repository":{"url":"git+ssh://git@github.com/Budibase/Colorpicker.git","type":"git"},"_npmVersion":"7.6.0","description":"","directories":{},"_nodeVersion":"14.15.4","_hasShrinkwrap":false,"devDependencies":{"vite":"^2.0.5","svelte":"^3.35.0","svench":"^0.2.0-8","svelte-portal":"^2.1.1","rollup-plugin-svelte-hot":"^1.0.0-3"},"_npmOperationalInternal":{"tmp":"tmp/colorpicker_1.1.0_1615211870849_0.05768663092192594","host":"s3://npm-registry-packages"}},"1.1.1":{"name":"@budibase/colorpicker","version":"1.1.1","keywords":[],"author":{"name":"Budibase","email":"hello@budibase.com"},"license":"MIT","_id":"@budibase/colorpicker@1.1.1","maintainers":[{"name":"mike_chuckles","email":"me@michaeldrury.co.uk"},{"name":"mjashanks","email":"mike@budibase.com"},{"name":"shogunpurple","email":"martin@budibase.com"},{"name":"kevmodrome","email":"npm@kevmodro.me"},{"name":"cmack101","email":"cmckeown101@gmail.com"}],"homepage":"https://github.com/Budibase/Colorpicker#readme","bugs":{"url":"https://github.com/Budibase/Colorpicker/issues"},"dist":{"shasum":"a039c1e2f2b877555c092d5c0b20c773a8ad6f7a","tarball":"https://registry.npmjs.org/@budibase/colorpicker/-/colorpicker-1.1.1.tgz","fileCount":20,"integrity":"sha512-nuelTcgxbUQXJRXBR4e4FK9rY8vGbCfMaJUZCEUKN5yQIpACmTog+wpLUrFSJrYGp7EYYTrb2qbqpYm2ajkP8Q==","signatures":[{"sig":"MEYCIQDZ2GSbSPUbrwq5Ytl6bJUcnfNOhk8C06aYv182mCpUxgIhAIJTnQDjH9jG64E0qsvNUrjEBYPY2wR/AsTvFz8MD8B3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":78013,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgRj37CRA9TVsSAnZWagAARGwP/RfvSAba6VlFd0DuX/MX\nGyxCMDj7xoK8U1l+jfgCeQh85YhLSLHoOPY+tTXV2UcysjfJ6fPdfvWtNDzg\nG4jaXv8GbPhei7o13IDv6FHRDMFMs5C2zj9/adZMZEmkb6ky4jRP23ofmM2E\nTPzuMqvJmaMNn99q78EkBLo1g00wLJfvjJ6SQilhdPp9YpFcx6gfTP4FW18o\nHF5orMjfSZhM/4ShzMAA2VMFfzyCFJDnqlTyZjDvPJAels1LV5Z0f6A6hONi\nO8/0c/8SP23/oLbjn4Gt9KLXH7jN3lN2suwlYosA7ph5btnO050BiZNMXMey\nloDuvfXoWMlAue7G+i49fR9OpxSZfpYx2Y17JCagkHbHQEQ5hhlptX/mkJce\nsLSMdiJen5/lzj/P9o6d7l3QiNSvMu0ziNb2GKArIvs2BG1AAEUTvX386KW9\nFWjJHYrUpVRa211nGo5qXatzaGCdyZd1Xiz6EnlaAiViyDzT/pO0d/uPL5Ta\nl0AjilRSqG/+GQrhoWvp2/jS/6m0lWEaeyZI4g2MICCI00Fpc0UDffbBZKXJ\nukbXIKhnBEuI0dpb0Oc08EHTP1jqmvvDFDCyGR8jL9qDcB5/4U72fyP0v/V8\nnGK01hkcpbeq9+LgCK6E0zhZm0uMMcCIUKMPRTFXECM+zptv7Cbb8tRAHI06\nzoZP\r\n=QfcQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/index.js","gitHead":"a6202c4e84d2734fbad52b994f81bcce34063288","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"kevmodrome","email":"npm@kevmodro.me"},"repository":{"url":"git+ssh://git@github.com/Budibase/Colorpicker.git","type":"git"},"_npmVersion":"7.6.0","description":"A multi format Colorpicker built with Svelte. The Colorpicker accepts and sets hex(a), rgb(a) and hsl(a) colors.","directories":{},"_nodeVersion":"14.15.4","_hasShrinkwrap":false,"devDependencies":{"vite":"^2.0.5","svelte":"^3.35.0","svench":"^0.2.0-8","svelte-portal":"^2.1.1","rollup-plugin-svelte-hot":"^1.0.0-3"},"_npmOperationalInternal":{"tmp":"tmp/colorpicker_1.1.1_1615216123378_0.3215597484565291","host":"s3://npm-registry-packages"}},"1.1.2":{"name":"@budibase/colorpicker","version":"1.1.2","keywords":[],"author":{"name":"Budibase","email":"hello@budibase.com"},"license":"MIT","_id":"@budibase/colorpicker@1.1.2","maintainers":[{"name":"mike_chuckles","email":"me@michaeldrury.co.uk"},{"name":"mjashanks","email":"mike@budibase.com"},{"name":"shogunpurple","email":"martin@budibase.com"},{"name":"kevmodrome","email":"npm@kevmodro.me"},{"name":"cmack101","email":"cmckeown101@gmail.com"}],"homepage":"https://github.com/Budibase/Colorpicker#readme","bugs":{"url":"https://github.com/Budibase/Colorpicker/issues"},"dist":{"shasum":"f7436924ee746d7be9b2009c2fa193e710c30f89","tarball":"https://registry.npmjs.org/@budibase/colorpicker/-/colorpicker-1.1.2.tgz","fileCount":20,"integrity":"sha512-2PlZBVkATDqDC4b4Ri8Xi8X3OxhuHOGfmZwtXbZL38lNIeofaQT3Qyc1ECzEY5N+HrdGrWhY9EnliF6QM+LIuA==","signatures":[{"sig":"MEQCIBcZZGpilsRLg1kkK3LI5UjLk9zWfAqpjQ/BfCHLDd27AiBIGFfOQYn/QDdZts3qXXP7ohfhNafvHOfkX+ZdyE92kg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":77786,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgRklMCRA9TVsSAnZWagAAfX8P/Rq0YDlBDV2cHgBc3SvX\nbPqB+pWxuWmlpxxq3TdmiBFAhizcGuWLw8H1gjWtlHctf5TkjlitGCrZeMUN\n1lO8nVGbMpCzIHGxww5bELSQ1IHmKkjnMc4bI7RNRzIz1cJZPDHlldRR3hF+\n1qtfoyFOOelqhAZz/mZVcLtbaBa2lR9HTlZy+hQKeyiIMIDy504BfsGarIyh\nnSeohiqDp4J1piUlsh7lrdOG8yCG/uWJU0cu0ZRzk8cDqPXNVyjjrQdJoxpe\nNo+RTOO56OKp2i7xTkSHXRdxtNNEht35Ffcxqx3Y9RsbzvDngEwEBTJ2n7k3\nfV4/wOW7Xtha2lXlFAlmshaWb4K35ngj5RoSG8iGDISWeeWjWcwXgeTcTv+C\nngm43F+uFCXjpMsQcdFlYPqug15SCGjKdDKrM+6rVBtm6qQxkLjQlPMnlFEY\nbLAgWthQ7Rc/O+Ui9T1SR3Pi0E/nbf/50mNUiGXrVDm7CRg9WbYCuvMoz0V6\nD9gjQOHsi62QhYHh8eGFiEcR/YUxo9Ft9uPETCBH89uWFxqsQ9jyMYZyak4t\n2Rqm3fxxfVmmtvAwZTKyFhUijYYMKGe5AEHeKzRTPuXaA+JnbFbLokoVpM2z\nloJw8/fDq7cIGcuBzni6OnPbYf099Lidj2uEuuF9xrC9t/CVGbEWMHfu/Api\nHCRt\r\n=794q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/index.js","gitHead":"2719ce274448963be6007a81ae282ecb58820759","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"kevmodrome","email":"npm@kevmodro.me"},"repository":{"url":"git+ssh://git@github.com/Budibase/Colorpicker.git","type":"git"},"_npmVersion":"7.6.0","description":"A multi format Colorpicker built with Svelte. The Colorpicker accepts and sets hex(a), rgb(a) and hsl(a) colors.","directories":{},"_nodeVersion":"14.15.4","_hasShrinkwrap":false,"devDependencies":{"vite":"^2.0.5","svelte":"^3.35.0","svench":"^0.2.0-8","svelte-portal":"^2.1.1","rollup-plugin-svelte-hot":"^1.0.0-3"},"_npmOperationalInternal":{"tmp":"tmp/colorpicker_1.1.2_1615219020198_0.9817202178295374","host":"s3://npm-registry-packages"}}},"time":{"created":"2020-07-15T09:19:36.010Z","modified":"2026-08-17T10:37:49.148Z","1.0.0":"2020-07-15T09:19:36.376Z","1.0.1":"2020-07-15T09:27:21.791Z","1.1.0":"2021-03-08T13:57:51.007Z","1.1.1":"2021-03-08T15:08:43.499Z","1.1.2":"2021-03-08T15:57:00.366Z"},"bugs":{"url":"https://github.com/Budibase/Colorpicker/issues"},"author":{"name":"Budibase","email":"hello@budibase.com"},"license":"MIT","homepage":"https://github.com/Budibase/Colorpicker#readme","keywords":[],"repository":{"url":"git+ssh://git@github.com/Budibase/Colorpicker.git","type":"git"},"description":"A multi format Colorpicker built with Svelte. The Colorpicker accepts and sets hex(a), rgb(a) and hsl(a) colors.","maintainers":[{"email":"mel@budibase.com","name":"melbudibase"},{"email":"joe@budibase.com","name":"joranamo"},{"email":"christos@budibase.com","name":"christos-budibase"},{"email":"adria@budibase.com","name":"adri.bb"}],"readme":"# Colorpicker 🎨\n\nA multi format Colorpicker built with Svelte. The Colorpicker accepts and sets hex(a), rgb(a) and hsl(a) colors.\n\n![Image](./img/colorpicker.png)\n\n### Features\n\n- Choose your color by clicking or dragging on a palette.\n- Set the hue and opacity of your chosen color using Slider controls.\n- Convert your selected color to your preferred color format (hexa, rgba, hsla).\n- Set your color by typing into an input.\n- A swatch panel for keeping track of recent colours or for passing favourite colors so they can be easily set again.\n- Handy keyboard events to tab through control panel, set colors and close the Colorpicker.\n- Colorpicker anchors to its preview element which displays the selected color and acts as a button to display the Colorpicker.\n- Viewport positional awareness - the colorpicker centers by default but will adapt and position itself appropriately based on available space.\n- Colorpicker renders outside the dom structure which prevents problems with overflow clipping in scrolling containers.\n\n### Installation\n\n1. Navigate to your project in the terminal.\n2. Run `yarn add @budibase/colorpicker`.\n3. Or use npm `npm i @budibase/colorpicker`.\n\n### Usage\n\n```javascript\nimport Colorpicker from \"@budibase/colorpicker\"\n\n {}}\n //remove swatch - invoked when swatch has been removed\n on:removeswatch={removedSwatch => {})}\n //add swatch event - invoked when a swatch has been added\n on:addswatch={addedSwatch => {}}\n />\n```\n\n### Events\n\nThe Colorpicker exposes the following events. In each case, the color will be provided as the first parameter to the bound function.\n\n**Change Event**\n`on:change={selectedColor: string => {}}`\nThe on change event will be invoked whenever a color has been set in the Colorpicker via the palette, the hue slider, the alpha slider or by typing into the input.\n\n**Add Swatch**\n`on:addswatch={addedSwatch: string => {}}`\nThe add swatch event will be invoked when a user adds a swatch by clicking the add button.\n\n**Remove Swatch**\n`on:removeswatch={removedSwatch: string => {}}`\nThe remove swatch will be invoked when a user clicks the delete button that appears when hovering over a swatch.\n\n### Swatches\n\n- By default, added swatches are saved to local storage so that they can be displayed across all Colorpickers in your application.\n- Only 12 or less swatches can be displayed in the Coloricker at any any one time.\n- If more than 12 have been passed the Colorpicker will display the first 12 and warn in the console.\n- An array of swatches can be passed to the Colorpicker to set up a dedicated panel of swatches. This will use provided swatches instead of locally stored swatches. Swatches added will still be saved to local storage.\n- You can disable swatch functionality by passing the `disableSwatches={true}` property to the Colorpicker.\n\n## Development\n\nTo work with the Colorpicker locally clone, ` yarn``` and `yarn svench`. Follow the URL in the terminal.\n","readmeFilename":"README.md"}