oxjs/source/Ox.UI/js/Form/Ox.Label.js

'use strict';

/*@
Ox.Label <f:Ox.Element> Label Object
    ([options[, self]]) -> <o> Label Object
    options <o> Options object
@*/
Ox.Label = function(options, self) {

    self = self || {};
    var that = Ox.Element({}, self)
            .defaults({
                disabled: false,
                id: '',
                overlap: 'none',
                textAlign: 'left',
                style: 'rounded',
                title: '',
                width: 'auto'
            })
            .options(options || {})
            .addClass(
                'OxLabel Ox' + Ox.toTitleCase(self.options.style) 
                + (self.options.disabled ? ' OxDisabled' : '')
                + (
                    self.options.overlap != 'none'
                    ?
                    ' OxOverlap' + Ox.toTitleCase(self.options.overlap) : ''
                )
            )
            .css(Ox.extend(self.options.width == 'auto' ? {} : {
                width: self.options.width - (
                    self.options.style == 'rounded' ? 14 : 8
                ) + 'px'
            }, {
                textAlign: self.options.textAlign
            }))
            .html(self.options.title);

	self.setOption = function(key, value) {
		if (key == 'title') {
			that.html(value);
		} else if (key == 'width') {
		    that.css({
		        width: self.options.width - (
		            self.options.style == 'rounded' ? 14 : 8
		        ) + 'px'
		    });
		}
	};

    return that;

};