/**
@module @ember/component
*/
import { hasDOM } from 'ember-browser-environment';
import { computed } from 'ember-metal';
import { TextSupport } from 'ember-views';
import Component from '../component';
import layout from '../templates/empty';
const inputTypes = Object.create(null);
function canSetTypeOfInput(type) {
    if (type in inputTypes) {
        return inputTypes[type];
    }
    // if running in outside of a browser always return the
    // original type
    if (!hasDOM) {
        inputTypes[type] = type;
        return type;
    }
    let inputTypeTestElement = document.createElement('input');
    try {
        inputTypeTestElement.type = type;
    }
    catch (e) {
        // ignored
    }
    return (inputTypes[type] = inputTypeTestElement.type === type);
}
/**

  The internal class used to create text inputs when the `{{input}}`
  helper is used with `type` of `text`.

  See [Ember.Templates.helpers.input](/api/ember/release/classes/Ember.Templates.helpers/methods/input?anchor=input)  for usage details.

  ## Layout and LayoutName properties

  Because HTML `input` elements are self closing `layout` and `layoutName`
  properties will not be applied.

  @class TextField
  @extends Component
  @uses Ember.TextSupport
  @public
*/
const TextField = Component.extend(TextSupport, {
    layout,
    classNames: ['ember-text-field'],
    tagName: 'input',
    attributeBindings: [
        'accept',
        'autocomplete',
        'autosave',
        'dir',
        'formaction',
        'formenctype',
        'formmethod',
        'formnovalidate',
        'formtarget',
        'height',
        'inputmode',
        'lang',
        'list',
        'type',
        'max',
        'min',
        'multiple',
        'name',
        'pattern',
        'size',
        'step',
        'value',
        'width',
    ],
    /**
      The `value` attribute of the input element. As the user inputs text, this
      property is updated live.
  
      @property value
      @type String
      @default ""
      @public
    */
    value: '',
    /**
      The `type` attribute of the input element.
  
      @property type
      @type String
      @default "text"
      @public
    */
    type: computed({
        get() {
            return 'text';
        },
        set(_key, value) {
            let type = 'text';
            if (canSetTypeOfInput(value)) {
                type = value;
            }
            return type;
        },
    }),
    /**
      The `size` of the text field in characters.
  
      @property size
      @type String
      @default null
      @public
    */
    size: null,
    /**
      The `pattern` attribute of input element.
  
      @property pattern
      @type String
      @default null
      @public
    */
    pattern: null,
    /**
      The `min` attribute of input element used with `type="number"` or `type="range"`.
  
      @property min
      @type String
      @default null
      @since 1.4.0
      @public
    */
    min: null,
    /**
      The `max` attribute of input element used with `type="number"` or `type="range"`.
  
      @property max
      @type String
      @default null
      @since 1.4.0
      @public
    */
    max: null,
});
TextField.toString = () => '@ember/component/text-field';
export default TextField;