|
|
|
@ -11,7 +11,8 @@ export default Input.extend({ |
|
|
|
'change select': 'handleUnitChange', |
|
|
|
'click [data-arrow-up]': 'upArrowClick', |
|
|
|
'click [data-arrow-down]': 'downArrowClick', |
|
|
|
'mousedown [data-arrows]': 'downIncrement' |
|
|
|
'mousedown [data-arrows]': 'downIncrement', |
|
|
|
keydown: 'handleKeyDown' |
|
|
|
}, |
|
|
|
|
|
|
|
template() { |
|
|
|
@ -81,6 +82,21 @@ export default Input.extend({ |
|
|
|
this.elementUpdated(); |
|
|
|
}, |
|
|
|
|
|
|
|
/** |
|
|
|
* Handled when user uses keyboard |
|
|
|
*/ |
|
|
|
handleKeyDown(e) { |
|
|
|
if (e.key === 'ArrowUp') { |
|
|
|
e.preventDefault(); |
|
|
|
this.upArrowClick(); |
|
|
|
} |
|
|
|
|
|
|
|
if (e.key === 'ArrowDown') { |
|
|
|
e.preventDefault(); |
|
|
|
this.downArrowClick(); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
/** |
|
|
|
* Fired when the element of the property is updated |
|
|
|
*/ |
|
|
|
|