{"_id":"@csr/coloris","_rev":"1-5927ff9c28ad4dabbcf5178a5400157b","name":"@csr/coloris","dist-tags":{"latest":"0.21.2"},"versions":{"0.21.1":{"name":"@csr/coloris","version":"0.21.1","description":"A lightweight and elegant color picker.","author":{"name":"Momo Bassit"},"contributors":[{"name":"Melloware","email":"mellowaredev@gmail.com","url":"http://melloware.com"},{"name":"Andre Wachsmuth","email":"sensenmann5@gmail.com","url":"https://github.com/blutorange"}],"license":"MIT","main":"dist/umd/coloris.js","module":"dist/esm/coloris.js","exports":{".":{"import":"./dist/esm/coloris.js","require":"./dist/umd/coloris.js","types":"./dist/coloris.d.ts"},"./dist/coloris.css":{"import":"./dist/coloris.css","require":"./dist/coloris.css"}},"types":"dist/coloris.d.ts","repository":{"type":"git","url":"git+https://github.com/melloware/coloris-npm.git"},"bugs":{"url":"https://github.com/mdbassit/Coloris/issues"},"homepage":"https://coloris.js.org","keywords":["color","picker","color picker","color-picker","colorpicker","accessible","accessibility","aria","a11y","wai-aria"],"devDependencies":{"@babel/core":"^7.16.0","@babel/preset-env":"^7.16.0","@babel/register":"^7.16.0","gulp":"^4.0.2","gulp-babel":"^8.0.0","gulp-clean-css":"^4.3.0","gulp-rename":"^2.0.0","gulp-replace":"^1.1.3","gulp-uglify":"^3.0.2","gulp-wrap":"^0.15.0"},"scripts":{"build":"gulp build","start":"gulp","prepack":"gulp build","test-npm":"gulp build && node test-npm/harness/esm/run-tests.js"},"browserslist":"> 0.25%, not dead","babel":{"presets":[["@babel/preset-env",{"loose":true}]]},"gitHead":"c3d7a451e0c75c67f827050e9c7cb8127959dd34","_id":"@csr/coloris@0.21.1","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-KkSRNXP6shHUzVOopNPJwYMr00kU8xPW26w2dhgzeG06gveErlA9kn0dIMBl1mqaBMQ+X+2kCvSHzhzPt/B/Vg==","shasum":"5be8401d692f13b59aca214a16da822d446525b1","tarball":"https://registry.npmjs.org/@csr/coloris/-/coloris-0.21.1.tgz","fileCount":3,"unpackedSize":6788,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCUho481gN74eqFJ8iVHHKHKYTUf/kcQ9Fy4RGUUXda7QIgQxxxRu4ir3eM0FMwJtsc6hPGO/86wFa33UAWyAuSFdE="}]},"_npmUser":{"name":"csr","email":"383911973@qq.com"},"directories":{},"maintainers":[{"name":"csr","email":"383911973@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/coloris_0.21.1_1699064670514_0.3657353344132128"},"_hasShrinkwrap":false},"0.21.2":{"name":"@csr/coloris","version":"0.21.2","description":"A lightweight and elegant color picker.","author":{"name":"Momo Bassit"},"contributors":[{"name":"Melloware","email":"mellowaredev@gmail.com","url":"http://melloware.com"},{"name":"Andre Wachsmuth","email":"sensenmann5@gmail.com","url":"https://github.com/blutorange"}],"license":"MIT","main":"dist/umd/coloris.js","module":"dist/esm/coloris.js","exports":{".":{"import":"./dist/esm/coloris.js","require":"./dist/umd/coloris.js","types":"./dist/coloris.d.ts"},"./dist/coloris.css":{"import":"./dist/coloris.css","require":"./dist/coloris.css"}},"types":"dist/coloris.d.ts","repository":{"type":"git","url":"git+https://github.com/melloware/coloris-npm.git"},"bugs":{"url":"https://github.com/mdbassit/Coloris/issues"},"homepage":"https://coloris.js.org","keywords":["color","picker","color picker","color-picker","colorpicker","accessible","accessibility","aria","a11y","wai-aria"],"devDependencies":{"@babel/core":"^7.16.0","@babel/preset-env":"^7.16.0","@babel/register":"^7.16.0","gulp":"^4.0.2","gulp-babel":"^8.0.0","gulp-clean-css":"^4.3.0","gulp-rename":"^2.0.0","gulp-replace":"^1.1.3","gulp-uglify":"^3.0.2","gulp-wrap":"^0.15.0"},"scripts":{"build":"gulp build","start":"gulp","prepack":"gulp build","test-npm":"gulp build && node test-npm/harness/esm/run-tests.js"},"browserslist":"> 0.25%, not dead","babel":{"presets":[["@babel/preset-env",{"loose":true}]]},"gitHead":"50c734368d175b912ba25adea7a25b4054e9b0b0","_id":"@csr/coloris@0.21.2","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-NDTJ9H+Hj3hH+MWPHsZi1qJ0w30hEpMqdnrDO/vnUYYPMqR8XyCkkXYIMcUW74MenbF7oJZqH99C2nmo7mHF4g==","shasum":"b0d94435805cfb308911b26e28abf185a44397f9","tarball":"https://registry.npmjs.org/@csr/coloris/-/coloris-0.21.2.tgz","fileCount":12,"unpackedSize":150929,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDrz8mUxxrHYci3u7SBDI+yWLised+5o8hNvqbje+7XXQIhAONme/mjPAp/7KSTqOK2chUj5L2vhQt4NrOkx9NYvUBR"}]},"_npmUser":{"name":"csr","email":"383911973@qq.com"},"directories":{},"maintainers":[{"name":"csr","email":"383911973@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/coloris_0.21.2_1699065063988_0.5660858171326661"},"_hasShrinkwrap":false}},"time":{"created":"2023-11-04T02:24:30.350Z","0.21.1":"2023-11-04T02:24:30.688Z","modified":"2023-11-04T02:31:04.393Z","0.21.2":"2023-11-04T02:31:04.216Z"},"maintainers":[{"name":"csr","email":"383911973@qq.com"}],"description":"A lightweight and elegant color picker.","homepage":"https://coloris.js.org","keywords":["color","picker","color picker","color-picker","colorpicker","accessible","accessibility","aria","a11y","wai-aria"],"repository":{"type":"git","url":"git+https://github.com/melloware/coloris-npm.git"},"contributors":[{"name":"Melloware","email":"mellowaredev@gmail.com","url":"http://melloware.com"},{"name":"Andre Wachsmuth","email":"sensenmann5@gmail.com","url":"https://github.com/blutorange"}],"author":{"name":"Momo Bassit"},"bugs":{"url":"https://github.com/mdbassit/Coloris/issues"},"license":"MIT","readme":"[](https://opensource.org/licenses/MIT)\n[](https://badge.fury.io/js/@melloware%2Fcoloris)\n\n[](https://snyk.io/advisor/npm-package/@melloware/coloris)\n\n\n# 说明\n\n由于原库使用了 fieldest 标签，fieldest 标签在 chorome 79 版本不支持 flex 布局，所以fork一份，修改一下容器\n\n# Coloris NPM\n\nA lightweight and elegant JavaScript color picker written in vanilla ES6. \nConvert any text input field into a color field.\n\nForked from https://github.com/mdbassit/Coloris so we could provide TypeScript and NPM support. Head over to Momo Bassit's original repo for user documentation.\n\n## Bundlers\n\nSee [the tests directory](./test-npm) for examples with different bundlers.\n\n## NPM\n\nYou can download the color picker from NPM:\n\n```bash\n# using NPM\nnpm install @melloware/coloris\n# using Yarn\nyarn add @melloware/coloris\n```\n\nAnd then use it within a module environment, e.g. with browserify, rollup,\nwebpack etc. In this case, you must initialize the color picker before its\nfirst use (which has several side-effects such as adding DOM elements):\n\n```javascript\nimport \"@melloware/coloris/dist/coloris.css\";\nimport Coloris from \"@melloware/coloris\";\nColoris.init();\nColoris({el: \"#coloris\"});\n```\n\nSince default exports can be tricky, if this does not work with your bundler, use named imports instead:\n\n```javascript\nimport \"@melloware/coloris/dist/coloris.css\";\nimport { coloris, init } from \"@melloware/coloris\";\ninit();\ncoloris({el: \"#coloris\"});\n```\n\n## AMD\n\nThe color picker also works with AMD / require.js:\n\n```javascript\nrequirejs(['path/to/coloris'], function (Coloris) {\n Coloris.init();\n Coloris({\n el: \"#coloris\",\n });\n});\n```\n\n## Java / Maven\n\nThe colorpicker can also be downloaded from [Maven Central](https://central.sonatype.dev/search?q=coloris)\nas a Java JAR for use in Java web applicatons:\n\n```xml\n\n org.webjars.npm\n melloware__coloris\n ...\n\n```\n\n## TypeScript\n\nThis package includes TypeScript declarations. When you use it in a module\nenvironment, just import it:\n\n```typescript\nimport \"@melloware/coloris/dist/coloris.css\";\nimport * as Color from \"@melloware/coloris\";\n\nColoris.init();\nColoris.coloris({el: \"#coloris\"});\nColoris.close();\n```\n\nIf you have `allowSyntheticDefaultImports` enabled, you could also use:\n\n```typescript\nimport \"@melloware/coloris/dist/coloris.css\";\nimport Coloris from \"@melloware/coloris\";\n\nColoris.init();\nColoris({el: \"#coloris\"});\nColoris.close();\n```\n\nIf you wish to write a global script file, use a triple slash reference:\n\n```typescript\n/// \nColoris({\n el: \"#coloris\",\n});\n```\n\n## Building from source\n\nFirst of all, again, please note that this is a fork of the original repo!\n\nClone the git repo:\n```bash\ngit clone git@github.com:melloware/coloris-npm\n```\n\nEnter the Coloris directory and install the development dependencies:\n```bash\ncd coloris-npm && npm install\n```\n\nRun the build script:\n```bash\nnpm run build\n```\nThe built version will be in the `dist` directory in both minified and full copies.\n\nAlternatively, you can start a gulp watch task to automatically build when the source files are modified:\n```bash\nnpm run start\n```\n\n## Publishing\n\nAdjust the version in the `package.json` if necessary, then\n\n```bash\nnpm login\n# This will run npm run build automatically\nnpm publish --access public\n```\n\nThen upload code to github, create tag & release.\n\n## License\n\nCopyright (c) 2021 Momo Bassit.\n**Coloris** is licensed under the [MIT license](https://github.com/melloware/coloris-npm/blob/main/LICENSE).\n","readmeFilename":"README.md"}