SOURCE CODE: Uize.Widgets.RgbSliders.Html (view docs)

Uize.module ({
  name:'Uize.Widgets.RgbSliders.Html',
  required:[
    'Uize.Util.Html.Encode'
  ],
  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 _encodeAttributeValue (_value) {return Uize.Util.Html.Encode.encode (_value)}
        function _resolveNonStringToPixel (_value) {return typeof _value == "string" ? _value : +_value + "px"}
        var
          m = this,
          i = arguments [0],
          _idPrefix = i.idPrefix,
          _fragment0 = '" class="',
          _fragment1 = '" style="',
          _fragment2 = 'height:' + _resolveNonStringToPixel (i['sliderHeight']) + ';',
          _fragment3 = '</td>\r\n    <td class="',
          _fragment4 = _cssClass ('horizontalSpacer'),
          _fragment5 = '"></td>\r\n    <td id="',
          _fragment6 = '">',
          _fragment7 = _cssClass ('verticalSpacer'),
          _fragment8 = _cssClass ('channelLabel'),
          _fragment9 = '</div></td>\r\n    <td width="3"></td>\r\n    <td><div id="'
        ;
        return (
          '<table id="' + _idPrefix + _fragment0 + i['mCssBindings_rootNodeClasses'] + '">\r\n  <tr>\r\n    <td colspan="5">\r\n      <div id="' + _idPrefix + '-swatch' + _fragment0 + _cssClass ('swatch') + _fragment1 + 'background:' + _resolveNonStringToPixel (i['valueAsHexRgb']) + ';' + _fragment6 + i['valueAsHexRgb'] + '</div>\r\n    </td>\r\n  </tr>\r\n  <tr>\r\n    <td colspan="5" class="' + _fragment7 + '"></td>\r\n  </tr>\r\n  <tr>\r\n    <td id="' + _idPrefix + '-channel0' + _fragment1 + _fragment2 + _fragment6 + _childHtml ({name:'channel0'}) + _fragment3 + _fragment4 + _fragment5 + _idPrefix + '-channel1' + _fragment1 + _fragment2 + _fragment6 + _childHtml ({name:'channel1'}) + _fragment3 + _fragment4 + _fragment5 + _idPrefix + '-channel2' + _fragment1 + _fragment2 + _fragment6 + _childHtml ({name:'channel2'}) + '</td>\r\n  </tr>\r\n  <tr>\r\n    <td colspan="5" class="' + _fragment7 + '"></td>\r\n  </tr>\r\n  <tr>\r\n    <td><div id="' + _idPrefix + '-channel0Label' + _fragment0 + _fragment8 + _fragment6 + _encodeAttributeValue (i['loc_channel0Label']) + _fragment9 + _idPrefix + '-channel1Label' + _fragment0 + _fragment8 + _fragment6 + _encodeAttributeValue (i['loc_channel1Label']) + _fragment9 + _idPrefix + '-channel2Label' + _fragment0 + _fragment8 + _fragment6 + _encodeAttributeValue (i['loc_channel2Label']) + '</div></td>\r\n  </tr>\r\n</table>\r\n\r\n'
        );

      }
    });
  }
});