Gathering detailed insights and metrics for ember-spectrum-color-picker
Gathering detailed insights and metrics for ember-spectrum-color-picker
Installations
npm install ember-spectrum-color-pickerScore
43.1
Supply Chain
78.6
Quality
69.2
Maintenance
100
Vulnerability
96.2
License
Releases
Unable to fetch releases
Developer
rsschermer
Developer Guide
BETA
Module System
Unable to determine the module system for this package.
Min. Node Version
8.* || >= 10.*
Typescript Support
No
Node Version
10.16.3
NPM Version
6.9.0
Statistics
20 Stars
92 Commits
26 Forks
2 Watching
18 Branches
18 Contributors
Updated on 03 Nov 2020
Languages
JavaScript (86.89%)
HTML (13.11%)
Total Downloads
Cumulative downloads
Total Downloads
1,970,887
Last day
31.4%
678
Compared to previous day
Last week
31.1%
3,150
Compared to previous week
Last month
6.9%
12,093
Compared to previous month
Last year
-30.7%
251,617
Compared to previous year
Daily Downloads
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
2
Dev Dependencies
28
@ember/jquery@ember/optional-featuresbroccoli-asset-revbroccoli-funnelbroccoli-merge-treesbroccoli-stewember-cliember-cli-dependency-checkerember-cli-eslintember-cli-htmlbarsember-cli-htmlbars-inline-precompileember-cli-inject-live-reloadember-cli-sriember-cli-template-lintember-cli-uglifyember-disable-prototype-extensionsember-export-application-globalember-load-initializersember-maybe-import-regeneratorember-qunitember-resolverember-sourceember-source-channel-urlember-tryeslint-plugin-embereslint-plugin-nodeloader.jsqunit-dom
Versions
ember-spectrum-color-picker
Simple Ember color picker component based on spectrum.js.
Compatibility
- Ember.js v3.4 or above
- Ember CLI v2.13 or above
- Node.js v8 or above
Installation
ember install ember-spectrum-color-picker
Usage
Example:
1{{spectrum-color-picker color=teamColor}}
The color property should be set and will be updated through Ember's two-way bindings.
It's also possible to bind actions to the onChange, onMove, onShow, and onHide attributes. The action handler will receive the new color as a
parameter:
1{{spectrum-color-picker 2 color=teamColor 3 onChange=(action "colorChanged") 4 onShow=(action "pickerOpened") 5 onHide=(action "pickerClosed") 6 onMove=(action "userMovedColorPicker") 7}}
The following properties can be set to customize a particular color picker:
allowEmpty(default:false): whether or not the color value may be null.disabled(default:false): when set to true, the color picker is disabled.showInput(default:false): whether or not to show an input field in the color picker with the current color value.preferredFormat(default:null): the preferred format for the color values displayed in the input. Values can be"hex","hex3","hsl","rgb"or"name". When set to null, the format will adapt to a previously entered format.showAlpha(default:false): whether or not to allow setting the alpha value in the color picker.showInitial(default:false): whether or not to show a box with the original color for comparison.showButtons(default:true): whether or not to show the 'choose' and 'cancel' buttons.showPalette(default:false): whether or not to show a color palette.showPaletteOnly(default:false): when set to true, only a color palette is shown.palette(default:[]): array of color values to show in the palette. Can be an array of arrays, where each array is a row in the palette. Pass this as a JSON string in the HBS file, likepalette='[["red","lime"],["yellow","blue"]]'.togglePaletteOnly(default:false): initialy shows only the palette, but a 'more' button can be clicked for custom colors.showSelectionPalette(default:false): shows a palette with the colors that were picked previously by the user.hideAfterPaletteSelect(default:false): when set to true, the palette will close when a color is selected.maxSelectionSize(default: 7): sets the maximum number of colors shown on the palette.moveFiresChange(default:false): when set to true, the color value will be updated in real time, instead of only once the user clicks the 'choose' button.clickoutFiresChange(default:false): when set to true, the color value will also update when the user clicks outside the widget, instead of only once the user clicks the 'choose' button.chooseText(default:'Choose'): the text displayed on the 'choose' button.cancelText(default:'Cancel'): the text displayed on the 'cancel' button.togglePaletteMoreText(default:'More'): the text displayed on the 'more' button whentogglePaletteOnlyis set to true.togglePaletteLessText(default:'Less'): the text displayed on the 'less' button whentogglePaletteOnlyis set to true.appendTo(default:'body'): the element the color picker widget is appended to. Changing this can help resolve issues with opening the colorpicker in a modal dialog or fixed position container, for instance.localStorageKey(default:'spectrum-color-picker'): the key used for local storage whenshowSelectionPaletteis set to true.flatMode(default:false): when set to true, the color picker is always shown fully expanded.
For a more detailed documentation on these options, see the spectrum.js documentation.
If you want to set different defaults for all color pickers in your application, extend the component and override the defaults with your own:
1// app/components/spectrum-color-picker.js 2import SpectrumColorPickerComponent from 'ember-spectrum-color-picker/components/spectrum-color-picker'; 3 4export default SpectrumColorPickerComponent.extend({ 5 showInput: true, 6 7 showAlpha: true 8});
Contributing
See the Contributing guide for details.
License
This project is licensed under the MIT License.
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
- Info: project has a license file: LICENSE.md:0
- Info: FSF or OSI recognized license: MIT License: LICENSE.md:0
Reason
Found 9/29 approved changesets -- score normalized to 3
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 10 are checked with a SAST tool
Reason
68 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
- Warn: Project is vulnerable to: GHSA-6chw-6frg-f759
- Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw
- Warn: Project is vulnerable to: GHSA-whgm-jr23-g3j9
- Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
- Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25
- Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7
- Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
- Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5
- Warn: Project is vulnerable to: GHSA-wxhq-pm8v-cw75
- Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x
- Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
- Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c
- Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
- Warn: Project is vulnerable to: GHSA-ff7x-qrg7-qggm
- Warn: Project is vulnerable to: GHSA-j4f2-536g-r55m
- Warn: Project is vulnerable to: GHSA-r7qp-cfhv-p84w
- Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc
- Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx
- Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q
- Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c
- Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc
- Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp
- Warn: Project is vulnerable to: GHSA-pfrx-2q88-qq97
- Warn: Project is vulnerable to: GHSA-765h-qjxv-5f44
- Warn: Project is vulnerable to: GHSA-f2jv-r9rf-7988
- Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj
- Warn: Project is vulnerable to: GHSA-rc47-6667-2j5j
- Warn: Project is vulnerable to: GHSA-6x33-pw7p-hmpq
- Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37
- Warn: Project is vulnerable to: GHSA-gxr4-xjj5-5px2
- Warn: Project is vulnerable to: GHSA-jpcq-cgw6-v4j6
- Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
- Warn: Project is vulnerable to: GHSA-6c8f-qphg-qjgp
- Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw
- Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9
- Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
- Warn: Project is vulnerable to: GHSA-6vfc-qv3f-vr6c
- Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
- Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
- Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m / GHSA-xvch-5gv4-984h
- Warn: Project is vulnerable to: GHSA-pc58-wgmc-hfjr
- Warn: Project is vulnerable to: GHSA-vvv8-xw5f-3f88
- Warn: Project is vulnerable to: GHSA-5fw9-fq32-wv5p
- Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9
- Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j
- Warn: Project is vulnerable to: GHSA-xfhp-gmh8-r8v2
- Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
- Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
- Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
- Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p
- Warn: Project is vulnerable to: GHSA-fxwf-4rqh-v8g3
- Warn: Project is vulnerable to: GHSA-25hc-qcg6-38wj
- Warn: Project is vulnerable to: GHSA-xfhh-g9f5-x4m4
- Warn: Project is vulnerable to: GHSA-qm95-pgcg-qqfq
- Warn: Project is vulnerable to: GHSA-cqmj-92xf-r6r9
- Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc
- Warn: Project is vulnerable to: GHSA-jgrx-mgxx-jf9v
- Warn: Project is vulnerable to: GHSA-cf4h-3jhx-xvhq
- Warn: Project is vulnerable to: GHSA-g78m-2chm-r7qv
- Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7
- Warn: Project is vulnerable to: GHSA-6fc8-4gx4-v693
- Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
- Warn: Project is vulnerable to: GHSA-h6q6-9hqw-rwfv
- Warn: Project is vulnerable to: GHSA-5fg8-2547-mr8q
- Warn: Project is vulnerable to: GHSA-crh6-fp67-6883
- Warn: Project is vulnerable to: GHSA-72mh-269x-7mh5
- Warn: Project is vulnerable to: GHSA-h4j5-c7cj-74xg
Score
2.1
/10
Last Scanned on 2024-11-18
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More