2020-06-19 05:07:51 +00:00
|
|
|
<label data-test-stepper-label class="stepper-input-label">{{yield}}</label>
|
2020-06-18 20:19:47 +00:00
|
|
|
<input
|
2020-06-19 05:07:51 +00:00
|
|
|
data-test-stepper-input
|
2020-06-18 20:19:47 +00:00
|
|
|
type="number"
|
|
|
|
min={{min}}
|
|
|
|
max={{max}}
|
|
|
|
value={{internalValue}}
|
2020-06-19 03:13:36 +00:00
|
|
|
class="stepper-input-input"
|
2020-06-18 20:19:47 +00:00
|
|
|
onKeyDown={{action "resetTextInput"}}
|
|
|
|
onChange={{action "setValue"}}>
|
|
|
|
<button
|
2020-06-19 05:07:51 +00:00
|
|
|
data-test-stepper-decrement
|
2020-06-18 20:19:47 +00:00
|
|
|
role="button"
|
2020-06-19 03:13:36 +00:00
|
|
|
class="stepper-input-stepper button {{class}}"
|
2020-06-18 20:19:47 +00:00
|
|
|
disabled={{lte internalValue min}}
|
|
|
|
onclick={{action "decrement"}}>
|
|
|
|
{{x-icon "minus-plain"}}
|
|
|
|
</button>
|
|
|
|
<button
|
2020-06-19 05:07:51 +00:00
|
|
|
data-test-stepper-increment
|
2020-06-18 20:19:47 +00:00
|
|
|
role="button"
|
2020-06-19 03:13:36 +00:00
|
|
|
class="stepper-input-stepper button {{class}}"
|
2020-06-18 20:19:47 +00:00
|
|
|
disabled={{gte internalValue max}}
|
|
|
|
onclick={{action "increment"}}>
|
|
|
|
{{x-icon "plus-plain"}}
|
|
|
|
</button>
|