import Component from '@ember/component'; import { inject as service } from '@ember/service'; const ENTER = 13; export default Component.extend({ tagName: '', keyboardAccess: false, dom: service('dom'), init: function () { this._super(...arguments); this.name = this.dom.guid(this); }, actions: { keydown: function (e) { if (e.keyCode === ENTER) { e.target.dispatchEvent(new MouseEvent('click')); } }, change: function (e) { this.onchange( this.dom.setEventTargetProperty(e, 'value', (value) => (value === '' ? undefined : value)) ); }, }, });