/**
 * A base class for form fields that contain and manage an `<input>` element.  This class
 * is intended to be extended, not directly instantiated.
 */
Ext.define('Ext.field.Input', {
    extend: 'Ext.field.Field',
    xtype: 'inputfield',
 
    isInputField: true,
 
    /**
     * @property {String} tag
     * The tag name to use for this field's input element. Subclasses should override this
     * property on their class body.  Not intended for instance-level use.
     * @protected
     */
    tag: 'input',
 
    config: {
        /**
         * @cfg {String} [inputType='text'] The type attribute for input fields -- e.g. text,
         * password, date, url, email, etc.
         */
        inputType: {
            cached: true,
            $value: 'text'
        },
 
        /**
         * @cfg {Boolean} [readOnly=false]
         * `true` to set the field DOM element `readonly` attribute to `"true"`.
         *
         * Mutation of {@link Ext.field.Text text fields} through triggers is also disabled.
         *
         * To simply prevent typing into the field while still allowing mutation through
         * triggers, set {@link Ext.field.Text#cfg!editable} to `false`.
         * @accessor
         */
        readOnly: false,
 
        /**
         * @private
         */
        inputValue: null
    },
 
    focusEl: 'inputElement',
    ariaEl: 'inputElement',
    inputTabIndex: 0,
 
    getBodyTemplate: function() {
        return [this.getInputTemplate()];
    },
 
    getInputTemplate: function() {
        return {
            tag: this.tag,
            reference: 'inputElement',
            tabindex: this.inputTabIndex,
            cls: Ext.baseCSSPrefix + 'input-el'
        };
    },
 
    initElement: function() {
        this.callParent();
 
        this.labelElement.dom.setAttribute('for', this.inputElement.id);
    },
 
    updateDisabled: function(disabled, oldDisabled) {
        this.callParent([disabled, oldDisabled]);
 
        this.inputElement.dom.disabled = !!disabled;
    },
 
    updateInputType: function(newInputType) {
        this.setInputAttribute('type', newInputType);
    },
 
    updateName: function(name, oldName) {
        this.callParent([name, oldName]);
 
        this.setInputAttribute('name', name);
    },
 
    updateReadOnly: function(readOnly) {
        this.setInputAttribute('readonly', readOnly ? true : null);
    },
 
    updateValue: function(value, oldValue) {
        // This is to prevent formatting from updating the current
        // value while typing
        if (this.canSetInputValue()) {
            this.setInputValue(value);
        }
 
        this.callParent([value, oldValue]);
    },
 
    applyInputValue: function(value) {
        return (value != null) ? (value + '') : '';
    },
 
    completeEdit: function() {
        var me = this,
            value = me.getInputValue(),
            parsedValue = me.parseValue(value);
 
        if (parsedValue !== null) {
            me.setInputValue(me.getValue());
        }
    },
 
    updateInputValue: function(value) {
        var inputElement = this.inputElement.dom;
 
        if (inputElement.value !== value) {
            inputElement.value = value;
        }
    },
 
    reset: function() {
        var me = this,
            original = me.originalValue;
        
        if (me.isEqual(original, me.getValue())) {
            me.setInputValue(original);
 
            if (!me.isValid()) {
                me.validate();
            }
        }
        else {
            me.setValue(original);
        }
 
        return me;
    },
 
    privates: {
        canSetInputValue: function() {
            return true;
        },
 
        /**
         * Helper method to update or remove an attribute on the `inputElement`
         * @private
         */
        setInputAttribute: function(attribute, newValue) {
            var inputElement = this.inputElement.dom;
 
            if (!Ext.isEmpty(newValue, true)) {
                inputElement.setAttribute(attribute, newValue);
            }
            else {
                inputElement.removeAttribute(attribute);
            }
        }
    },
 
    deprecated: {
        '6.5': {
            configs: {
                // TODO: should we resurrect this?  is there an equivalent element to place
                // the cls on?  inputWrap perhaps?
                /**
                 * @cfg {String} inputCls
                 * @deprecated 6.5.0 There is no longer an input component to which to add a class.
                 */
                inputCls: null
            }
        }
    }
});