# Source: ui/base/abstract-text-area.js

    /*global require, exports, document, Error*/
    var Component = require("../component").Component,
        deprecate = require('../../core/deprecate');

    var CLASS_PREFIX = "montage-TextArea";

    /**
     * @class AbstractTextArea
     * @extends Component
     */
    var AbstractTextArea = exports.AbstractTextArea = Component.specialize(
    /** @lends AbstractTextArea# */
    {

        constructor: {
            value: function AbstractTextArea() {
                if(this.constructor === AbstractTextArea) {
                    throw new Error("AbstractTextArea cannot be instantiated.");
                }

                this.defineBindings({
                    // classList management
                    "classList.has('montage--disabled')": {
                        "<-": "!enabled"
                    }
                });
            }
        },

        hasTemplate: {
            value: false
        },

        enabled: {
            value: true
        },

        _placeholder: {
            value: null
        },

        placeholderValue: {
            set: function (value) {
                deprecate.deprecationWarning("placeholderValue", "placeholder");
                this.placeholder = value;
            },
            get: function () {
                return this.placeholder;
            }
        },

        placeholder: {
            set: function (value) {
                this._placeholder = value;
                this.needsDraw = true;
            },
            get: function () {
                return this._placeholder;
            }
        },

        _value: {
            value: null
        },

        value: {
            set: function (value) {
                this._value = value;
                this.needsDraw = true;
            },
            get: function () {
                return this._value;
            }
        },

        enterDocument: {
            value: function (firstTime) {
                if (firstTime) {
                    this.element.addEventListener("input", this, false);
                    this.element.addEventListener("change", this, false);
                }
            }
        },

        draw: {
            value: function () {
                var value = this.value;
                this.element.value = value || false === value ? value.toString() : "";
                if (this._placeholder) {
                    this.element.setAttribute("placeholder", this._placeholder);
                }
                this.element.disabled = !this.enabled;
            }
        },

        handleChange: {
            value: function () {
                this._updateValueFromDom();
            }
        },

        handleInput: {
            value: function (event) {
                this._updateValueFromDom();
            }
        },

        _updateValueFromDom: {
            value: function () {
                if (this._value !== this.element.value) {
                    this._value = this.element.value;
                    this.dispatchOwnPropertyChange("value", this._value);
                }
            }
        }

    });