npmpackage.info

Gathering detailed insights and metrics for ember-picker

Other packages similar to ember-picker

flatpickr

4.6.13

A lightweight, powerful javascript datetime picker

@duetds/date-picker

1.4.0

Duet Date Picker is an open source version of Duet Design System’s accessible date picker.

conventional-changelog-ember

5.0.0

Ember preset for conventional-changelog.

ember-spectrum-color-picker

0.10.1

Simple Ember component wrapper for the Spectrum.js color picker.

Gathering detailed insights and metrics for ember-picker

ember-picker

Ember addon for vanilla-picker color picker library.

2.0.0

MIT

JavaScript

13,098 2.6

Installations

npm install ember-picker

Score

30.9

Supply Chain

48.5

Quality

66.7

Maintenance

100

Vulnerability

94.8

License

Pull Requests

Open

5

Total

20

Closed

12

Merged

3

Issues

Open

0

Total

2

Closed

2

Releases

Unable to fetch releases

Contributors

View all 3 contributors

Developer

sinankeskin

Developer Guide

BETA

Module System

ESM

Min. Node Version

Typescript Support

No

Node Version

16.20.0

NPM Version

9.6.5 Statistics

4 Stars

160 Commits

2 Forks

1 Watching

6 Branches

3 Contributors

Updated on 11 Mar 2022

Languages

JavaScript (81.61%)

HTML (11.17%)

Handlebars (6.51%)

CSS (0.71%)

Total Downloads

Cumulative downloads

Total Downloads

13,098

Last day

-33.3%

Compared to previous day

Last week

171.4%

Compared to previous week

Last month

-67.3%

Compared to previous month

Last year

-37.9%

2,134

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

ember-picker

Ember addon for vanilla-picker color picker library.

Compatibility

Ember.js v3.28 or above
Ember CLI v3.28 or above
Node.js v14 or above

Installation

ember install ember-picker

Usage

You can change all global configuration settings via config/environment.js file.

Please check vanilla-picker site for more configuration details.

1ENV['ember-picker'] = {
2  parent: undefined,
3  popup: 'right',
4  template: undefined,
5  layout: 'default',
6  alpha: true,
7  editor: true,
8  editorFormat: 'hex',
9  cancelButton: false,
10  color: undefined,
11  onChange: undefined,
12  onDone: undefined,
13  onOpen: undefined,
14  onClose: undefined,
15};

Example as a component

1<Picker @color={{this.color}} @onDone={{this.onDone}} />

1<Picker
2  @color={{this.color}}
3  @onDone={{this.onDone}}
4  style='{{if
5    this.color
6    (concat "width: 32px;height: 32px;background:" this.color ";")
7    "width: 32px;height: 32px;"
8  }}'
9>
10  Block
11</Picker>

Example as a modifer

1<div
2  class='ember-picker'
3  style='{{if
4    this.color
5    (concat "width: 32px;height: 32px;background:" this.color ";")
6    "width: 32px;height: 32px;"
7  }}'
8  {{picker color=this.color onDone=this.onDone}}
9>
10  Modifier
11</div>

If you would like access to the picker instance in order to call some methods directly, for example to hide or show programmatically, pass an action to registerAPI

1<Input
2  {{picker registerAPI=this.saveApi color=this.color onDone=this.onDone}}
3/>

1// save the picker instance to use later
2@action
3saveApi(picker) {
4  this.picker = picker;
5}
6
7// programmatically open the picker
8@action
9openPicker() {
10  this.picker.show();
11}

Contributing

See the Contributing guide for details.

License

This project is licensed under the MIT License.

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

2

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.6

/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

Other packages similar to ember-picker

ember-picker

Installations

Score

Pull Requests

5

20

12

3

Issues

0

2

2

Releases

Unable to fetch releases

Contributors

Developer

sinankeskin

Developer Guide

ESM

No

16.20.0

9.6.5

Statistics

Languages

Total Downloads

13,098

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

ember-picker

Compatibility

Installation

Usage

Contributing

License

10

10

10

2

0

0

0

0

0

0

0

0

0

2.6

/10

Other packages similar to ember-picker