Uize.module ({ name:'Uize.Widgets.ColorSliders.Vert.Combo.Html', builder:function () { 'use strict'; return Uize.package ({ process:function (i) { function _cssClass (_class) {return m.cssClass (_class)} function _childHtml (_properties) {return m.childHtml (_properties)} function _resolveNonStringToPixel (_value) {return typeof _value == "string" ? _value : +_value + "px"} var m = this, i = arguments [0], _idPrefix = i.idPrefix, _fragment0 = '" class="', _fragment1 = _cssClass ('verticalSpacer'), _fragment2 = '" style="' ; return ( '<table id="' + _idPrefix + _fragment0 + i['mCssBindings_rootNodeClasses'] + '">\n <tr>\n <td>' + _childHtml ({name:'hslButton',extraClasses:_cssClass ('button') + ' ' + _cssClass ('buttingRight')}) + '</td>\n <td>' + _childHtml ({name:'rgbButton',extraClasses:_cssClass ('button') + ' ' + _cssClass ('buttingLeft')}) + '</td>\n </tr>\n <tr>\n <td colspan="5" class="' + _fragment1 + '"></td>\n </tr>\n <tr>\n <td colspan="2"><div id="' + _idPrefix + '-swatch' + _fragment0 + _cssClass ('swatch') + _fragment2 + 'background-color:' + _resolveNonStringToPixel (i['valueAsRgbHex']) + ';' + '"></div></td>\n </tr>\n <tr>\n <td colspan="5" class="' + _fragment1 + '"></td>\n </tr>\n <tr>\n <td colspan="2">\n <div id="' + _idPrefix + '-rgb' + _fragment2 + 'display:' + (i['rgbSelected'] ? '' : 'none') + ';' + '">' + _childHtml ({name:'rgb'}) + '</div>\n <div id="' + _idPrefix + '-hsl' + _fragment2 + 'display:' + (i['hslSelected'] ? '' : 'none') + ';' + '">' + _childHtml ({name:'hsl'}) + '</div>\n </td>\n </tr>\n</table>\n' ); } }); } });