{"_id":"@acrodata/color-picker","_rev":"7-15e01b69c1f92ecb8506e55dc8d78930","name":"@acrodata/color-picker","dist-tags":{"latest":"1.5.0"},"versions":{"1.0.0":{"name":"@acrodata/color-picker","version":"1.0.0","keywords":["angular","typescript","color-picker","colorpicker","eyedropper","ngx-color-picker","ngx-color"],"author":{"name":"nzbin","email":"nzb329@163.com"},"license":"MIT","_id":"@acrodata/color-picker@1.0.0","maintainers":[{"name":"nzbin","email":"nzb329@163.com"}],"homepage":"https://acrodata.github.io/color-picker/","bugs":{"url":"https://github.com/acrodata/color-picker/issues"},"dist":{"shasum":"e6e8d3ee90f5f5cd93605b163aa282733f07d921","tarball":"https://registry.npmjs.org/@acrodata/color-picker/-/color-picker-1.0.0.tgz","fileCount":16,"integrity":"sha512-U/M4sz41lxEGzaUKXG6jspt/8QirjsieonV/uKCY0nYiGvsSVwLt01+vo3KR79nwYe8vd1YGhknNU5l7Xeggcw==","signatures":[{"sig":"MEUCIDPiZg0f8RLvb6ZfrYQS1ODnIaOsQqOXCs971CUeqUNHAiEAsdNKO98oF3cnVvJYZJ4HHOr3nWLENEpPl1Vv9Dr4I+A=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":124841},"module":"fesm2022/acrodata-color-picker.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/acrodata-color-picker.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"4a291044e56627c764ab2ad8b4ca8337ba476d8a","typings":"index.d.ts","_npmUser":{"name":"nzbin","email":"nzb329@163.com"},"repository":{"url":"git+https://github.com/acrodata/color-picker.git","type":"git"},"_npmVersion":"10.9.2","description":"Another beautiful color picker.","directories":{},"sideEffects":false,"_nodeVersion":"22.16.0","dependencies":{"tslib":"^2.3.0","@ctrl/tinycolor":"^4.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=17.0.0","@angular/forms":">=17.0.0","@angular/common":">=17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/color-picker_1.0.0_1766227692680_0.2800965308011891","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@acrodata/color-picker","version":"1.0.1","keywords":["angular","typescript","color-picker","colorpicker","eyedropper","ngx-color-picker","ngx-color"],"author":{"name":"nzbin","email":"nzb329@163.com"},"license":"MIT","_id":"@acrodata/color-picker@1.0.1","maintainers":[{"name":"nzbin","email":"nzb329@163.com"}],"homepage":"https://acrodata.github.io/color-picker/","bugs":{"url":"https://github.com/acrodata/color-picker/issues"},"dist":{"shasum":"9a4fbf5c9bc1b5b2dcfdf64af2b4a59f8db1f504","tarball":"https://registry.npmjs.org/@acrodata/color-picker/-/color-picker-1.0.1.tgz","fileCount":16,"integrity":"sha512-zSZqjYMKXkple8hiNZ8XNQW6Ef0EhSTsxswPbwurd4UbyVHShiDpscVcaYKjl/a0s6Rln4xHwebR1GbOG31TEQ==","signatures":[{"sig":"MEQCIDWwJnuIkPuvwx9R3kWLGtyAkGNCyUlI8cWSWbqgSBWjAiBGC0jhca+8BUc8j0o3QnN+QIy/ebvPCTP+AexCL95Rsw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":124841},"module":"fesm2022/acrodata-color-picker.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/acrodata-color-picker.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"c2c40399bb8dc575c805e9b13c23313eea53066e","typings":"index.d.ts","_npmUser":{"name":"nzbin","email":"nzb329@163.com"},"repository":{"url":"git+https://github.com/acrodata/color-picker.git","type":"git"},"_npmVersion":"10.9.2","description":"Another beautiful color picker.","directories":{},"sideEffects":false,"_nodeVersion":"22.16.0","dependencies":{"tslib":"^2.3.0","@ctrl/tinycolor":"^4.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=17.0.0","@angular/forms":">=17.0.0","@angular/common":">=17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/color-picker_1.0.1_1766237488288_0.27723009208247307","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@acrodata/color-picker","version":"1.1.0","keywords":["angular","typescript","color-picker","colorpicker","eyedropper","ngx-color-picker","ngx-color"],"author":{"name":"nzbin","email":"nzb329@163.com"},"license":"MIT","_id":"@acrodata/color-picker@1.1.0","maintainers":[{"name":"nzbin","email":"nzb329@163.com"}],"homepage":"https://acrodata.github.io/color-picker/","bugs":{"url":"https://github.com/acrodata/color-picker/issues"},"dist":{"shasum":"db2a8f374b3321daff3b0b94ed160042977849de","tarball":"https://registry.npmjs.org/@acrodata/color-picker/-/color-picker-1.1.0.tgz","fileCount":16,"integrity":"sha512-6jAlEIMKU4+EcKVvHqYklvA+fvocX/4OuxF7xegCF/hnRjWa9YLjzs6gyO5KQ6StnewWhc8B4EDvPHswM8Fx0g==","signatures":[{"sig":"MEYCIQDPiwQvh3OlSvtdF8OZSI6Rb+n41K8I3ukf1b2gWgnkMwIhANx4hF97GG58JK8XNap3qSXFn1hWfBIlsmhXh04x6WK+","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":125296},"module":"fesm2022/acrodata-color-picker.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/acrodata-color-picker.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"82d22a18f2fdd9a73141eb6cbd7176f7331ca684","typings":"index.d.ts","_npmUser":{"name":"nzbin","email":"nzb329@163.com"},"repository":{"url":"git+https://github.com/acrodata/color-picker.git","type":"git"},"_npmVersion":"10.9.2","description":"Another beautiful color picker.","directories":{},"sideEffects":false,"_nodeVersion":"22.16.0","dependencies":{"tslib":"^2.3.0","@ctrl/tinycolor":"^4.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=17.0.0","@angular/forms":">=17.0.0","@angular/common":">=17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/color-picker_1.1.0_1766291489695_0.31922101752558607","host":"s3://npm-registry-packages-npm-production"}},"1.2.0":{"name":"@acrodata/color-picker","version":"1.2.0","keywords":["angular","typescript","color-picker","colorpicker","eyedropper","ngx-color-picker","ngx-color"],"author":{"name":"nzbin","email":"nzb329@163.com"},"license":"MIT","_id":"@acrodata/color-picker@1.2.0","maintainers":[{"name":"nzbin","email":"nzb329@163.com"}],"homepage":"https://acrodata.github.io/color-picker/","bugs":{"url":"https://github.com/acrodata/color-picker/issues"},"dist":{"shasum":"867b4cbb5958a93d0c19b4c842ab070551ae8cbc","tarball":"https://registry.npmjs.org/@acrodata/color-picker/-/color-picker-1.2.0.tgz","fileCount":16,"integrity":"sha512-x53Lv7fNRHg3OxnbOFeybCn6iTCh9O60KyB+/nkNXmdBSOC4G048u64mV4KrNo4ZuQcgVDMRfTWi+U8fKVW1GQ==","signatures":[{"sig":"MEYCIQD5Was9dtwuoGfpVamBG6ubToZBFbFcAi2QkIluHe2ZHgIhAK9D5RzWAtgrvzdFa+IRNrg9x/nBIfkNofu46p9Fdqp/","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":123306},"module":"fesm2022/acrodata-color-picker.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/acrodata-color-picker.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"2056647b5588095bb47df6ab1378d10de3b76e51","typings":"index.d.ts","_npmUser":{"name":"nzbin","email":"nzb329@163.com"},"repository":{"url":"git+https://github.com/acrodata/color-picker.git","type":"git"},"_npmVersion":"10.9.2","description":"Another beautiful color picker.","directories":{},"sideEffects":false,"_nodeVersion":"22.16.0","dependencies":{"tslib":"^2.3.0","@ctrl/tinycolor":"^4.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=17.0.0","@angular/forms":">=17.0.0","@angular/common":">=17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/color-picker_1.2.0_1766407693955_0.2641813625258662","host":"s3://npm-registry-packages-npm-production"}},"1.3.0":{"name":"@acrodata/color-picker","version":"1.3.0","keywords":["angular","typescript","color-picker","colorpicker","eyedropper","ngx-color-picker","ngx-color"],"author":{"name":"nzbin","email":"nzb329@163.com"},"license":"MIT","_id":"@acrodata/color-picker@1.3.0","maintainers":[{"name":"nzbin","email":"nzb329@163.com"}],"homepage":"https://acrodata.github.io/color-picker/","bugs":{"url":"https://github.com/acrodata/color-picker/issues"},"dist":{"shasum":"80b616dc1ef463259b397b6b7fc4c7aa35378b48","tarball":"https://registry.npmjs.org/@acrodata/color-picker/-/color-picker-1.3.0.tgz","fileCount":16,"integrity":"sha512-Ee6gLthLvcPTne6poeSnhiQj+tBH05tp/nnF1ruuPcJknja1ab2WFjha6B9u1D4blYijRJWztepuXIdAsmDxcw==","signatures":[{"sig":"MEUCIF3082Cf39ZcjwklNNuq8U7VYSRLkL1/+GCN+DJI1RcdAiEAu4pGWr6Z/vNZX9+BhJeqMN8oOFZjR+oIhfOQdeJ3rQ8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":136910},"module":"fesm2022/acrodata-color-picker.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/acrodata-color-picker.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"c62747ef77148b7a15f316441e386cb78488a6f5","typings":"index.d.ts","_npmUser":{"name":"nzbin","email":"nzb329@163.com"},"repository":{"url":"git+https://github.com/acrodata/color-picker.git","type":"git"},"_npmVersion":"10.9.2","description":"Another beautiful color picker.","directories":{},"sideEffects":false,"_nodeVersion":"22.16.0","dependencies":{"tslib":"^2.3.0","@ctrl/tinycolor":"^4.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=17.0.0","@angular/forms":">=17.0.0","@angular/common":">=17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/color-picker_1.3.0_1766664554066_0.7984108782184989","host":"s3://npm-registry-packages-npm-production"}},"1.4.0":{"name":"@acrodata/color-picker","version":"1.4.0","keywords":["angular","typescript","color-picker","colorpicker","eyedropper","ngx-color-picker","ngx-color"],"author":{"name":"nzbin","email":"nzb329@163.com"},"license":"MIT","_id":"@acrodata/color-picker@1.4.0","maintainers":[{"name":"nzbin","email":"nzb329@163.com"}],"homepage":"https://acrodata.github.io/color-picker/","bugs":{"url":"https://github.com/acrodata/color-picker/issues"},"dist":{"shasum":"eb5b5f6ea6951ab5c02cc6a232a2f4ed4ca1a7d7","tarball":"https://registry.npmjs.org/@acrodata/color-picker/-/color-picker-1.4.0.tgz","fileCount":16,"integrity":"sha512-Tn0YhEePMuf4EP9uK1WAfn3Jm43g3s5wFsarbCq7/oMtvgo+BPdzPMnVepPmf8C/J/pmZp64cmaEw0lgqYgJsg==","signatures":[{"sig":"MEUCIQDFyMeBFYRgKBUJO1z1GM8lII7Lee3e8HPY2I2o/xe6HAIge/Ke3t3HkpAtj4UZ4yVGWLS8fEzuLJBpRFyy47SHeK8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":134957},"module":"fesm2022/acrodata-color-picker.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/acrodata-color-picker.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"83ad73d592093bf0dc1cf32e7e515e47b2cb7d2f","typings":"index.d.ts","_npmUser":{"name":"nzbin","email":"nzb329@163.com"},"repository":{"url":"git+https://github.com/acrodata/color-picker.git","type":"git"},"_npmVersion":"10.9.2","description":"Another beautiful color picker.","directories":{},"sideEffects":false,"_nodeVersion":"22.16.0","dependencies":{"tslib":"^2.3.0","@ctrl/tinycolor":"^4.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=17.0.0","@angular/forms":">=17.0.0","@angular/common":">=17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/color-picker_1.4.0_1772026875490_0.9066932582224401","host":"s3://npm-registry-packages-npm-production"}},"1.5.0":{"name":"@acrodata/color-picker","version":"1.5.0","description":"Another beautiful color picker.","publishConfig":{"access":"public"},"author":{"name":"nzbin","email":"nzb329@163.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/acrodata/color-picker.git"},"homepage":"https://acrodata.github.io/color-picker/","keywords":["angular","typescript","color-picker","colorpicker","eyedropper","ngx-color-picker","ngx-color"],"peerDependencies":{"@angular/common":">=17.0.0","@angular/core":">=17.0.0","@angular/forms":">=17.0.0"},"dependencies":{"@ctrl/tinycolor":"^4.2.0","tslib":"^2.3.0"},"sideEffects":false,"module":"fesm2022/acrodata-color-picker.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","default":"./fesm2022/acrodata-color-picker.mjs"}},"gitHead":"8ecc9eea52f853130cd4f784d9d8465fdcf1ab9c","_id":"@acrodata/color-picker@1.5.0","bugs":{"url":"https://github.com/acrodata/color-picker/issues"},"_nodeVersion":"24.18.0","_npmVersion":"11.16.0","dist":{"integrity":"sha512-3iJobPSBCu4EpZE9F+IqzwSIOgswiNNr6Ep9wGb2dZMQuUnE7xopQbOtW1Xs+EAbPUrenVZWXKYqypeb2/iQTw==","shasum":"f069ec22bab6e4fee5685188ace31c7d189e1cbc","tarball":"https://registry.npmjs.org/@acrodata/color-picker/-/color-picker-1.5.0.tgz","fileCount":5,"unpackedSize":138930,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCdQhX+1F8EMCBONLf8bXdS5D/BRmgjQD0EbGzDgwEojQIgMTlevpXW7sMxHFntFiP8bGPLx+2rfk/WunZ9NPHhcIw="}]},"_npmUser":{"name":"nzbin","email":"nzb329@163.com"},"directories":{},"maintainers":[{"name":"nzbin","email":"nzb329@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/color-picker_1.5.0_1786848489157_0.7690664793207362"},"_hasShrinkwrap":false}},"time":{"created":"2025-12-20T10:48:12.566Z","modified":"2026-08-16T02:48:09.510Z","1.0.0":"2025-12-20T10:48:12.865Z","1.0.1":"2025-12-20T13:31:28.447Z","1.1.0":"2025-12-21T04:31:29.845Z","1.2.0":"2025-12-22T12:48:14.111Z","1.3.0":"2025-12-25T12:09:14.216Z","1.4.0":"2026-02-25T13:41:15.642Z","1.5.0":"2026-08-16T02:48:09.308Z"},"bugs":{"url":"https://github.com/acrodata/color-picker/issues"},"author":{"name":"nzbin","email":"nzb329@163.com"},"license":"MIT","homepage":"https://acrodata.github.io/color-picker/","keywords":["angular","typescript","color-picker","colorpicker","eyedropper","ngx-color-picker","ngx-color"],"repository":{"type":"git","url":"git+https://github.com/acrodata/color-picker.git"},"description":"Another beautiful color picker.","maintainers":[{"name":"nzbin","email":"nzb329@163.com"}],"readme":"# Color Picker\n\n[![npm](https://img.shields.io/npm/v/@acrodata/color-picker.svg)](https://www.npmjs.com/package/@acrodata/color-picker)\n[![license](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/acrodata/color-picker/blob/main/LICENSE)\n\n
\n \"color-picker\"\n
\n\nAnother beautiful color picker\n\n#### Quick links\n\n[Documentation](https://github.com/acrodata/color-picker?tab=readme-ov-file#color-picker) |\n[Playground](https://acrodata.github.io/color-picker/)\n\n## Compatibility\n\n| Angular | @acrodata/color-picker |\n| ------- | ---------------------- |\n| >=17 | 1.x |\n\n## Installation\n\n```bash\nnpm install @acrodata/color-picker --save\n```\n\n## Usage\n\n```ts\nimport { Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { ColorPicker } from '@acrodata/color-picker';\n\n@Component({\n selector: 'your-app',\n template: `\n \n \n `,\n imports: [FormsModule, ColorPicker],\n})\nexport class YourAppComponent {\n color = '#ff0000';\n}\n```\n\n## API\n\n| Name | Type | Default | Description |\n| --------------------- | --------------------------- | ----------- | ----------------------------------------------- |\n| [value] | string | `#000` | The initial color string. |\n| [format] | ColorFormat | `undefined` | The output format of the color picker. |\n| [hideAlpha] | boolean | `false` | Whether to hide the alpha channel. |\n| (formatChange) | EventEmitter\\ | `-` | Event emitted when the color format is changed. |\n| (valueChange) | EventEmitter\\ | `-` | Event emitted when the value changes. |\n| (valueChangeComplete) | EventEmitter\\ | `-` | Event emitted when the value changes complete. |\n| (colorChange) | EventEmitter\\ | `-` | Event emitted when the color changes. |\n| (colorChangeComplete) | EventEmitter\\ | `-` | Event emitted when the color changes complete. |\n\n## CSS Variables\n\n```css\n--cp-container-width\n--cp-container-shape\n--cp-container-padding\n--cp-container-margin\n--cp-container-elevation-shadow\n--cp-container-background-color\n--cp-container-text-color\n\n--cp-input-shape\n--cp-input-background-color\n--cp-input-outline-color\n--cp-input-hover-outline-color\n--cp-input-focus-outline-color\n--cp-input-text-font\n\n--cp-icon-button-shape\n--cp-icon-button-text-color\n--cp-icon-button-background-color\n--cp-icon-button-hover-background-color\n--cp-icon-button-active-background-color\n--cp-icon-button-focus-background-color\n--cp-icon-button-focus-outline-color\n\n--cp-saturation-picker-shape\n--cp-saturation-picker-thumb-size\n--cp-saturation-picker-thumb-shape\n--cp-saturation-picker-thumb-shadow\n--cp-saturation-picker-thumb-outline-color\n--cp-saturation-picker-thumb-focus-outline-color\n\n--cp-slider-width\n--cp-slider-height\n--cp-slider-shape\n--cp-slider-thumb-width\n--cp-slider-thumb-height\n--cp-slider-thumb-shape\n--cp-slider-thumb-background-color\n--cp-slider-thumb-shadow\n--cp-slider-thumb-outline-color\n--cp-slider-thumb-focus-outline-color\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md"}