*The conversion of this to an Ember CLI addon has been documented in this blog post: "Building Ember CLI Addons Simply"

Ember Super Number is a component that lets you intelligently deal with increment and decrement controls on a given input. It handles all sorts of configurations, and user input sanitization. You can see a demo below. Let me know what you think!

This is mostly feature compatible with Shane Riley's super number plugin with some minor differences around precision.

• here in a gist
• here in jsbin

npm install ember-cli-super-number --save-dev

{{super-number id="standard"}}

{{super-number id="min" min=1}}

{{super-number id="max" max=1}}

{{super-number id="step" step=5}}

{{super-number id="precision" precision=3}}

{{super-number id="scale" scale=2}}

{{super-number id="loop" loop=true min=1 max=9}}

{{super-number id="max-hold" max=3}}

Options can be composed interchangeably. They are:

• Min - The lowest number you'd like to be reachable
• Max - The largest number you'd like to be reachable
• Loop (requisites min,max) - Behavior that states when value reaches min or max will cycle around to its opposite.
• Precision - Total number of digits you'd like to represent your value as.
  • examples:
    • 30000 is a precision of 5
    • 12 is a precision of 2
    • 0001 is a precision of 4
• Scale - number of digits to the right of the decimal to represent in value
  • examples:
    • 2.00 is a scale of 2
    • 3.1091 is a scale of 4
• Step - Sets the number to add or subtract to value each time increment action is triggered (on click or arrow keys)
• Value - The intial value. You will likely set this something property on your context controller to do meaningful actions with. (defaults to 0)

Thanks!

If you'd like to contribute just open a PR. :)))