NumberInput.js

var compose = require('ksf/utils/compose');
var _Destroyable = require('ksf/base/_Destroyable');
var Elmt = require('./Element');
var _ContentDelegate = require('./_ContentDelegate');

module.exports = compose(_Destroyable, _ContentDelegate, function(args) {
	this._content = new Elmt('input').styleProp('font', 'inherit');
	this._content.prop('type', 'number');
	this._asYouType = args && args.asYouType;
}, {
	value: function(value) {
		if (arguments.length) {
			if (value !== undefined) {
				this._content.prop('valueAsNumber', value);
			}
			return this;
		} else {
			return this._content.prop('valueAsNumber');
		}
	},
	onInput: function(cb, key) {
		var self = this;
		this._content.on(this._asYouType ? 'input' : 'change', function() {
			cb(self.value());
		});
		this._own(cb, key);
		return this;
	},
	offInput: function(key) {
		var cb = this._owned[key];
		this._unown(key);
		this._content.off(this._asYouType ? 'input' : 'change', cb);
		return this;
	},
	placeholder: function(placeholder) {
		this._content.prop('placeholder', placeholder);
		return this;
	},
});