dbjs-dom/input/_controls/textarea.js

dbjs DOM bindings

'use strict';

var copy        = require('es5-ext/object/copy')
  , assign      = require('es5-ext/object/assign')
  , d           = require('d')
  , dispatchEvt = require('dom-ext/html-element/#/dispatch-event-2')
  , DOMInput    = require('./input')
  , eventOpts   = require('../_event-options')

  , getInputValue = Object.getOwnPropertyDescriptor(DOMInput.prototype, 'inputValue').get
  , castControlAttribute = DOMInput.prototype.castControlAttribute
  , Input;

module.exports = Input = function (document, type/*, options*/) {
	DOMInput.apply(this, arguments);
	this.dom.addEventListener('input', this.onChange, false);
};

Input.prototype = Object.create(DOMInput.prototype, {
	constructor: d(Input),
	controlAttributes: d(assign(copy(DOMInput.prototype.controlAttributes),
		{ cols: true, inputmode: true, maxlength: true, placeholder: true,
			readonly: true, required: true, rows: true, wrap: true })),
	dbAttributes: d(assign(copy(DOMInput.prototype.dbAttributes),
		{ inputRows: 'rows', inputCols: 'cols', max: 'maxlength', inputPlaceholder: 'placeholder',
			required: true })),
	numberAttributes: d({ maxlength: true }),
	_render: d(function () {
		this.control = this.dom = this.document.createElement('textarea');
		this.dom.appendChild(this.document.createTextNode(''));
	}),
	castControlAttribute: d(function (name, value) {
		if (this.numberAttributes[name]) {
			if (value && value.toDOMAttr) {
				value.toDOMAttr(this.control, name, { bare: true });
				return;
			}
			if (!isFinite(value)) value = null;
		}
		castControlAttribute.call(this, name, value);
	}),
	inputValue: d.gs(getInputValue, function (nu) {
		var old = this.inputValue;
		if (this._value !== nu) {
			if (!this.control.firstChild) {
				console.error("No text node for textarea found, applied workaround");
				this.control.appendChild(this.document.createTextNode(''));
			}
			this.control.firstChild.data = this._value = nu;
		}
		if (nu !== old) {
			this.control.value = nu;
			try {
				dispatchEvt.call(this.control, 'change', eventOpts);
			} catch (ignore) {}
		} else {
			this.onChange();
		}
	})
});