{"_id":"@3kles/kles-material-color-picker","_rev":"6-b9b056e9c0ec85e4f57fa8279a26ae9d","name":"@3kles/kles-material-color-picker","dist-tags":{"latest":"22.0.1"},"versions":{"21.0.0":{"name":"@3kles/kles-material-color-picker","version":"21.0.0","keywords":["3KLES","Angular","Material","color-picker","alpha","eyedropper"],"license":"MIT","_id":"@3kles/kles-material-color-picker@21.0.0","maintainers":[{"name":"jchaut","email":"j.chaut@3kles-consulting.com"},{"name":"cdasilvacosta","email":"c.dasilvacosta@3kles-consulting.com"},{"name":"freazgo","email":"r.nguyen@3kles-consulting.com"},{"name":"3kles-lab","email":"3kles-lab@3kles-consulting.com"}],"homepage":"https://github.com/3kles-lab/klesmaterialcolorpicker#readme","bugs":{"url":"https://github.com/3kles-lab/klesmaterialcolorpicker/issues"},"dist":{"shasum":"dcebb6e3f5e93c5b1094854684466380750dc9e3","tarball":"https://registry.npmjs.org/@3kles/kles-material-color-picker/-/kles-material-color-picker-21.0.0.tgz","fileCount":6,"integrity":"sha512-USknq/ByHd9L3vTQHLSCEbnCY2NeFbEso1ij1KKw+FINVnCC3f8J3PkfGTpye6dIHo/t2lXWcBhoiYa17oeeYQ==","signatures":[{"sig":"MEYCIQCNInrcZ3H6r9y3htpsAEpgSSHsK73rfwxdr7+MwrocEgIhAMCRAEJF+2rr7jQLxfxA9U4p9FGbHNgU+IbDsgN2SD+3","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":104920},"type":"module","module":"fesm2022/3kles-kles-material-color-picker.mjs","exports":{".":{"types":"./types/3kles-kles-material-color-picker.d.ts","default":"./fesm2022/3kles-kles-material-color-picker.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"00bc8d7de528d907e8d5e20cf6f84851b12fe5a4","typings":"types/3kles-kles-material-color-picker.d.ts","_npmUser":{"name":"3kles-lab","email":"3kles-lab@3kles-consulting.com"},"repository":{"url":"git+https://github.com/3kles-lab/klesmaterialcolorpicker.git","type":"git"},"_npmVersion":"11.17.0","description":"Color picker Angular Material 21 avec canal alpha et signal inputs.","directories":{},"sideEffects":false,"_nodeVersion":"24.19.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"rxjs":">=7.8.0 <8.0.0","@angular/cdk":"^21.0.0","@angular/core":"^21.0.0","@angular/forms":"^21.0.0","@angular/common":"^21.0.0","@angular/material":"^21.0.0"},"_npmOperationalInternal":{"tmp":"tmp/kles-material-color-picker_21.0.0_1787003445327_0.5795220405591441","host":"s3://npm-registry-packages-npm-production"}},"21.1.0":{"name":"@3kles/kles-material-color-picker","version":"21.1.0","keywords":["3KLES","Angular","Material","color-picker","alpha","eyedropper"],"license":"MIT","_id":"@3kles/kles-material-color-picker@21.1.0","maintainers":[{"name":"jchaut","email":"j.chaut@3kles-consulting.com"},{"name":"cdasilvacosta","email":"c.dasilvacosta@3kles-consulting.com"},{"name":"freazgo","email":"r.nguyen@3kles-consulting.com"},{"name":"3kles-lab","email":"3kles-lab@3kles-consulting.com"}],"homepage":"https://github.com/3kles-lab/klesmaterialcolorpicker#readme","bugs":{"url":"https://github.com/3kles-lab/klesmaterialcolorpicker/issues"},"dist":{"shasum":"0aea5132b1c7e45db140a2d72589e916f7fb0bce","tarball":"https://registry.npmjs.org/@3kles/kles-material-color-picker/-/kles-material-color-picker-21.1.0.tgz","fileCount":6,"integrity":"sha512-zqAhZldYBDBza8gPasBjChJBK/t7eQEECIUk6SpnFh0WOEKDqlO8zZFqLW5Mcq1josHRjZ9AIksSau9s+kYZCg==","signatures":[{"sig":"MEQCICV/yD5YIjawjU4n94pUElK3WIdSp6dMI1gPwvy8bkZSAiA1WLxssgWQQ8PZ9Qp4350dKGCGYLonOi4jlbl8aeg0zg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":142112},"type":"module","module":"fesm2022/3kles-kles-material-color-picker.mjs","exports":{".":{"types":"./types/3kles-kles-material-color-picker.d.ts","default":"./fesm2022/3kles-kles-material-color-picker.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"a8d6529fe6bb04d58115524e5b07e989ec7c6f64","typings":"types/3kles-kles-material-color-picker.d.ts","_npmUser":{"name":"3kles-lab","email":"3kles-lab@3kles-consulting.com"},"repository":{"url":"git+https://github.com/3kles-lab/klesmaterialcolorpicker.git","type":"git"},"_npmVersion":"11.17.0","description":"Color picker Angular Material 21 avec canal alpha et signal inputs.","directories":{},"sideEffects":false,"_nodeVersion":"24.19.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"rxjs":">=7.8.0 <8.0.0","@angular/cdk":"^21.0.0","@angular/core":"^21.0.0","@angular/forms":"^21.0.0","@angular/common":"^21.0.0","@angular/material":"^21.0.0"},"_npmOperationalInternal":{"tmp":"tmp/kles-material-color-picker_21.1.0_1787006374061_0.004201894835846209","host":"s3://npm-registry-packages-npm-production"}},"21.2.0":{"name":"@3kles/kles-material-color-picker","version":"21.2.0","keywords":["3KLES","Angular","Material","color-picker","alpha","eyedropper"],"license":"MIT","_id":"@3kles/kles-material-color-picker@21.2.0","maintainers":[{"name":"jchaut","email":"j.chaut@3kles-consulting.com"},{"name":"cdasilvacosta","email":"c.dasilvacosta@3kles-consulting.com"},{"name":"freazgo","email":"r.nguyen@3kles-consulting.com"},{"name":"3kles-lab","email":"3kles-lab@3kles-consulting.com"}],"homepage":"https://github.com/3kles-lab/klesmaterialcolorpicker#readme","bugs":{"url":"https://github.com/3kles-lab/klesmaterialcolorpicker/issues"},"dist":{"shasum":"7a275d271e189c0b8d3dfe7446c45f1eefe5f154","tarball":"https://registry.npmjs.org/@3kles/kles-material-color-picker/-/kles-material-color-picker-21.2.0.tgz","fileCount":6,"integrity":"sha512-b+EPIBA+M7Q169Z5OTEyXzj+VlgYcL2WiqW0VAP5ySYfjVfpQ/o8jrtnNqBKCorbepKcQk2+qzC/X0RyziL5Ag==","signatures":[{"sig":"MEQCIAaGjj0JxV4kSTXhdsJqLLrgblZeQfpVsGF3h5vU+qRLAiBiWpFo8ljCBqFVBo+j0IvQN4gRZkPQiW44t/UDpTc4Qg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":152829},"type":"module","module":"fesm2022/3kles-kles-material-color-picker.mjs","exports":{".":{"types":"./types/3kles-kles-material-color-picker.d.ts","default":"./fesm2022/3kles-kles-material-color-picker.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"29736e36b4f386628fb188c3f10e4ddd1963eb8d","typings":"types/3kles-kles-material-color-picker.d.ts","_npmUser":{"name":"3kles-lab","email":"3kles-lab@3kles-consulting.com"},"repository":{"url":"git+https://github.com/3kles-lab/klesmaterialcolorpicker.git","type":"git"},"_npmVersion":"11.17.0","description":"Color picker Angular Material 21 avec canal alpha et signal inputs.","directories":{},"sideEffects":false,"_nodeVersion":"24.19.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"rxjs":">=7.8.0 <8.0.0","@angular/cdk":"^21.0.0","@angular/core":"^21.0.0","@angular/forms":"^21.0.0","@angular/common":"^21.0.0","@angular/material":"^21.0.0"},"_npmOperationalInternal":{"tmp":"tmp/kles-material-color-picker_21.2.0_1787008629108_0.08442019534514511","host":"s3://npm-registry-packages-npm-production"}},"21.2.1":{"name":"@3kles/kles-material-color-picker","version":"21.2.1","keywords":["3KLES","Angular","Material","color-picker","alpha","eyedropper"],"license":"MIT","_id":"@3kles/kles-material-color-picker@21.2.1","maintainers":[{"name":"jchaut","email":"j.chaut@3kles-consulting.com"},{"name":"cdasilvacosta","email":"c.dasilvacosta@3kles-consulting.com"},{"name":"freazgo","email":"r.nguyen@3kles-consulting.com"},{"name":"3kles-lab","email":"3kles-lab@3kles-consulting.com"}],"homepage":"https://github.com/3kles-lab/klesmaterialcolorpicker#readme","bugs":{"url":"https://github.com/3kles-lab/klesmaterialcolorpicker/issues"},"dist":{"shasum":"9d2f76c555242410462dc285d04f93d532b8c6c3","tarball":"https://registry.npmjs.org/@3kles/kles-material-color-picker/-/kles-material-color-picker-21.2.1.tgz","fileCount":6,"integrity":"sha512-pq/0WmVd20lk8T48JJ0lo3xl3k3H61Fj4Eg4o8MzvWNUAajTa6nRfAjPE8P1LYouDBYVX89A8mUY6MeO2mkOhg==","signatures":[{"sig":"MEUCIDlb9fTsUpeoEnKYhh8dl5q2Ozwqr4avZBjI5MTVxnwCAiEA5zrG2WEPDsgixOaC93UIivQayb7+MuBs6aiyZjx22I4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":152157},"type":"module","module":"fesm2022/3kles-kles-material-color-picker.mjs","exports":{".":{"types":"./types/3kles-kles-material-color-picker.d.ts","default":"./fesm2022/3kles-kles-material-color-picker.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"29568ee5b6361b6e4731eef5653f377a47f2f13c","typings":"types/3kles-kles-material-color-picker.d.ts","_npmUser":{"name":"3kles-lab","email":"3kles-lab@3kles-consulting.com"},"repository":{"url":"git+https://github.com/3kles-lab/klesmaterialcolorpicker.git","type":"git"},"_npmVersion":"11.17.0","description":"Color picker Angular Material 21 avec canal alpha et signal inputs.","directories":{},"sideEffects":false,"_nodeVersion":"24.19.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"rxjs":">=7.8.0 <8.0.0","@angular/cdk":"^21.0.0","@angular/core":"^21.0.0","@angular/forms":"^21.0.0","@angular/common":"^21.0.0","@angular/material":"^21.0.0"},"_npmOperationalInternal":{"tmp":"tmp/kles-material-color-picker_21.2.1_1787042388348_0.13425744096703607","host":"s3://npm-registry-packages-npm-production"}},"22.0.0":{"name":"@3kles/kles-material-color-picker","version":"22.0.0","keywords":["3KLES","Angular","Material","color-picker","alpha","eyedropper"],"license":"MIT","_id":"@3kles/kles-material-color-picker@22.0.0","maintainers":[{"name":"jchaut","email":"j.chaut@3kles-consulting.com"},{"name":"cdasilvacosta","email":"c.dasilvacosta@3kles-consulting.com"},{"name":"freazgo","email":"r.nguyen@3kles-consulting.com"},{"name":"3kles-lab","email":"3kles-lab@3kles-consulting.com"}],"homepage":"https://github.com/3kles-lab/klesmaterialcolorpicker#readme","bugs":{"url":"https://github.com/3kles-lab/klesmaterialcolorpicker/issues"},"dist":{"shasum":"cf57f8b0f897be016c9a36458f9a0e194cfb99a1","tarball":"https://registry.npmjs.org/@3kles/kles-material-color-picker/-/kles-material-color-picker-22.0.0.tgz","fileCount":6,"integrity":"sha512-E7BOBcaJEqGzyqDhcZo62XuwBYHaXGsBgCm57wtb4h6gsgFrksP5QPjdBJjSQkYSmUr8ZGa9AgjCL7+roPTOyg==","signatures":[{"sig":"MEYCIQD6MQR+iC16hOCk25TJ3EXphxbrBPpzSyTBZAN5m56zEwIhALPOV6OrE/Am/qin8gYlLlSbQvwLPEtmrwHAa1tRE/WM","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEUCIHkUJGlfA35ClNtquQV20m3KEY+TRDIFLeMSKIIttirZAiEAlbT0SxUz2QhIv1bgZ1i3p/zYFwsmPTy+2O2sAj0IRmY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":152463},"type":"module","module":"fesm2022/3kles-kles-material-color-picker.mjs","exports":{".":{"types":"./types/3kles-kles-material-color-picker.d.ts","default":"./fesm2022/3kles-kles-material-color-picker.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"c1fe0c4d2163329ccc0e740d24f382d1149aefd6","typings":"types/3kles-kles-material-color-picker.d.ts","_npmUser":{"name":"3kles-lab","email":"3kles-lab@3kles-consulting.com"},"repository":{"url":"git+https://github.com/3kles-lab/klesmaterialcolorpicker.git","type":"git"},"_npmVersion":"11.19.0","description":"Color picker Angular Material 21 avec canal alpha et signal inputs.","directories":{},"sideEffects":false,"_nodeVersion":"24.20.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"rxjs":">=7.8.0 <8.0.0","@angular/cdk":"^21.0.0","@angular/core":"^21.0.0","@angular/forms":"^21.0.0","@angular/common":"^21.0.0","@angular/material":"^21.0.0"},"_npmOperationalInternal":{"tmp":"tmp/kles-material-color-picker_22.0.0_1788256632119_0.4862402749161605","host":"s3://npm-registry-packages-npm-production"}},"22.0.1":{"_id":"@3kles/kles-material-color-picker@22.0.1","bugs":{"url":"https://github.com/3kles-lab/klesmaterialcolorpicker/issues"},"dist":{"shasum":"31cc5f24cd8486f4d2e09975224efda56b7b9f70","tarball":"https://registry.npmjs.org/@3kles/kles-material-color-picker/-/kles-material-color-picker-22.0.1.tgz","fileCount":6,"integrity":"sha512-77i8xvyhyMkZMzr7hSxnD/mTSvX1HC3fNXlSTaPp9y35dAJYVz7XtyRXDUEyw2ri+oRVbqRaJ+KvIwlMKuOmQg==","signatures":[{"sig":"MEYCIQDegKwKGV0ZU7W2C9TcOBOe0RFXAeEuMbua4MBE4mu/IgIhALPUaHKOAAq/r4b1Z3rClrcHzQ2kZzqmevm2t8jYAG75","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIAgDQ+FqkQVuX0Ppeo+F2zFOyXuBYd5iM/pwHOlKRnX9AiB55LJnKq1YRkq0K7hQ8+stiFfiFmzUlxMivoMRGh9kuw=="}],"unpackedSize":152463},"name":"@3kles/kles-material-color-picker","type":"module","module":"fesm2022/3kles-kles-material-color-picker.mjs","exports":{".":{"types":"./types/3kles-kles-material-color-picker.d.ts","default":"./fesm2022/3kles-kles-material-color-picker.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"9c27493122eae4f5d493397df11da618fbb277e8","license":"MIT","typings":"types/3kles-kles-material-color-picker.d.ts","version":"22.0.1","_npmUser":{"name":"3kles-lab","email":"3kles-lab@3kles-consulting.com"},"homepage":"https://github.com/3kles-lab/klesmaterialcolorpicker#readme","keywords":["3KLES","Angular","Material","color-picker","alpha","eyedropper"],"repository":{"url":"git+https://github.com/3kles-lab/klesmaterialcolorpicker.git","type":"git"},"_npmVersion":"11.19.0","description":"Color picker Angular Material 21 avec canal alpha et signal inputs.","directories":{},"maintainers":[{"name":"jchaut","email":"j.chaut@3kles-consulting.com"},{"name":"cdasilvacosta","email":"c.dasilvacosta@3kles-consulting.com"},{"name":"freazgo","email":"r.nguyen@3kles-consulting.com"},{"name":"3kles-lab","email":"3kles-lab@3kles-consulting.com"}],"sideEffects":false,"_nodeVersion":"24.20.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"rxjs":">=7.8.0 <8.0.0","@angular/cdk":"^22.0.0","@angular/core":"^22.0.0","@angular/forms":"^22.0.0","@angular/common":"^22.0.0","@angular/material":"^22.0.0"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/kles-material-color-picker_22.0.1_1788256981882_0.10773752916085622"}}},"time":{"created":"2026-08-17T21:50:45.149Z","modified":"2026-09-01T10:03:02.320Z","21.0.0":"2026-08-17T21:50:45.457Z","21.1.0":"2026-08-17T22:39:34.205Z","21.2.0":"2026-08-17T23:17:09.253Z","21.2.1":"2026-08-18T08:39:48.495Z","22.0.0":"2026-09-01T09:57:12.209Z","22.0.1":"2026-09-01T10:03:01.987Z"},"bugs":{"url":"https://github.com/3kles-lab/klesmaterialcolorpicker/issues"},"license":"MIT","homepage":"https://github.com/3kles-lab/klesmaterialcolorpicker#readme","keywords":["3KLES","Angular","Material","color-picker","alpha","eyedropper"],"repository":{"url":"git+https://github.com/3kles-lab/klesmaterialcolorpicker.git","type":"git"},"description":"Color picker Angular Material 21 avec canal alpha et signal inputs.","maintainers":[{"name":"jchaut","email":"j.chaut@3kles-consulting.com"},{"name":"cdasilvacosta","email":"c.dasilvacosta@3kles-consulting.com"},{"name":"freazgo","email":"r.nguyen@3kles-consulting.com"},{"name":"3kles-lab","email":"3kles-lab@3kles-consulting.com"}],"readme":"# @3kles/kles-material-color-picker\n\nColor picker standalone pour Angular Material 21 avec canal alpha, pipette de\nprélèvement à l'écran et Reactive Forms.\n\n```ts\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { MaterialColorPickerComponent } from '@3kles/kles-material-color-picker';\n\nreadonly color = new FormControl('#6750a4cc', { nonNullable: true });\n```\n\n```html\n<kles-material-color-picker\n    label=\"Couleur\"\n    outputFormat=\"hex8\"\n    alpha\n    eyeDropper\n    [formControl]=\"color\"\n/>\n```\n\nLes inputs publics utilisent `input()` et les événements utilisent `output()`.\nLe composant reconnaît `#RGB`, `#RGBA`, `#RRGGBB`, `#RRGGBBAA`, `rgb()` et\n`rgba()`.\n\nLes textes nécessaires sont fournis par `MaterialColorPickerIntl`. Surcharge ce\nservice au niveau de l'application pour choisir la langue ; la librairie utilise\nl'anglais par défaut et le signal input `label` est vide par défaut.\n","readmeFilename":"README.md"}