SOURCE CODE: Uize.Widgets.SegmentDisplay.Seven.Html (view docs)

Uize.module ({
  name:'Uize.Widgets.SegmentDisplay.Seven.Html',
  builder:function () {
    'use strict';

    return Uize.package ({
      process:function (i) {
        function _cssClass (_class) {return m.cssClass (_class)}
        function _resolveNonStringToPixel (_value) {return typeof _value == "string" ? _value : +_value + "px"}
        var
          m = this,
          i = arguments [0],
          _idPrefix = i.idPrefix,
          _fragment0 = '" class="',
          _fragment1 = '" style="',
          _fragment2 = '"></div>\r\n    <div id="',
          _fragment3 = _cssClass ('segmentEnd'),
          _fragment4 = _cssClass ('segment'),
          _fragment5 = ' ',
          _fragment6 = _cssClass ('segmentOff'),
          _fragment7 = '">\r\n    <div id="',
          _fragment8 = _cssClass ('segmentBar'),
          _fragment9 = '"></div>\r\n  </div>\r\n  <div id="',
          _fragment10 = _cssClass ('vertSegment'),
          _fragment11 = _cssClass ('vertSegmentRight'),
          _fragment12 = 'width:' + _resolveNonStringToPixel (i['segmentThickness']) + ';',
          _fragment13 = _cssClass ('horzSegment'),
          _fragment14 = 'height:' + _resolveNonStringToPixel (i['segmentThickness']) + ';',
          _fragment15 = 'border-right-color:' + _resolveNonStringToPixel (i['segmentBgStyle']) + ';' + 'left:' + _resolveNonStringToPixel (i['horzSegmentEndPos']) + ';' + 'border-width:' + _resolveNonStringToPixel (i['segmentThicknessDiv2']) + ';',
          _fragment16 = 'background:' + _resolveNonStringToPixel (i['segmentBgStyle']) + ';' + 'left:' + _resolveNonStringToPixel (i['horzSegmentBarPos']) + ';' + 'right:' + _resolveNonStringToPixel (i['horzSegmentBarPos']) + ';',
          _fragment17 = 'border-left-color:' + _resolveNonStringToPixel (i['segmentBgStyle']) + ';' + 'right:' + _resolveNonStringToPixel (i['horzSegmentEndPos']) + ';' + 'border-width:' + _resolveNonStringToPixel (i['segmentThicknessDiv2']) + ';',
          _fragment18 = _cssClass ('vertSegmentBottom'),
          _fragment19 = 'border-bottom-color:' + _resolveNonStringToPixel (i['segmentBgStyle']) + ';' + 'border-width:' + _resolveNonStringToPixel (i['segmentThicknessDiv2']) + ';' + 'top:' + _resolveNonStringToPixel (i['vertSegmentMiddleEndPos']) + ';',
          _fragment20 = 'background:' + _resolveNonStringToPixel (i['segmentBgStyle']) + ';' + 'bottom:' + _resolveNonStringToPixel (i['vertSegmentBottomBarPos']) + ';' + 'top:' + _resolveNonStringToPixel (i['vertSegmentMiddleBarPos']) + ';',
          _fragment21 = 'border-top-color:' + _resolveNonStringToPixel (i['segmentBgStyle']) + ';' + 'bottom:' + _resolveNonStringToPixel (i['vertSegmentBottomEndPos']) + ';' + 'border-width:' + _resolveNonStringToPixel (i['segmentThicknessDiv2']) + ';',
          _fragment22 = _cssClass ('vertSegmentLeft'),
          _fragment23 = _cssClass ('vertSegmentTop'),
          _fragment24 = 'border-bottom-color:' + _resolveNonStringToPixel (i['segmentBgStyle']) + ';' + 'top:' + _resolveNonStringToPixel (i['vertSegmentTopEndPos']) + ';' + 'border-width:' + _resolveNonStringToPixel (i['segmentThicknessDiv2']) + ';',
          _fragment25 = 'background:' + _resolveNonStringToPixel (i['segmentBgStyle']) + ';' + 'top:' + _resolveNonStringToPixel (i['vertSegmentTopBarPos']) + ';' + 'bottom:' + _resolveNonStringToPixel (i['vertSegmentMiddleBarPos']) + ';',
          _fragment26 = 'border-top-color:' + _resolveNonStringToPixel (i['segmentBgStyle']) + ';' + 'border-width:' + _resolveNonStringToPixel (i['segmentThicknessDiv2']) + ';' + 'bottom:' + _resolveNonStringToPixel (i['vertSegmentMiddleEndPos']) + ';'
        ;
        return (
          '<div id="' + _idPrefix + _fragment0 + i['mCssBindings_rootNodeClasses'] + _fragment1 + 'width:' + _resolveNonStringToPixel (i['width']) + ';' + 'height:' + _resolveNonStringToPixel (i['height']) + ';' + '">\r\n  <div id="' + _idPrefix + '-segmentA' + _fragment0 + _fragment4 + _fragment5 + _fragment13 + _fragment5 + _cssClass ('horzSegmentTop') + _fragment5 + _fragment6 + _fragment1 + _fragment14 + _fragment7 + _idPrefix + '-segmentAEndA' + _fragment0 + _fragment3 + _fragment1 + _fragment15 + _fragment2 + _idPrefix + '-segmentABar' + _fragment0 + _fragment8 + _fragment1 + _fragment16 + _fragment2 + _idPrefix + '-segmentAEndB' + _fragment0 + _fragment3 + _fragment1 + _fragment17 + _fragment9 + _idPrefix + '-segmentB' + _fragment0 + _fragment4 + _fragment5 + _fragment10 + _fragment5 + _fragment11 + _fragment5 + _fragment23 + _fragment5 + _fragment6 + _fragment1 + _fragment12 + _fragment7 + _idPrefix + '-segmentBEndA' + _fragment0 + _fragment3 + _fragment1 + _fragment24 + _fragment2 + _idPrefix + '-segmentBBar' + _fragment0 + _fragment8 + _fragment1 + _fragment25 + _fragment2 + _idPrefix + '-segmentBEndB' + _fragment0 + _fragment3 + _fragment1 + _fragment26 + _fragment9 + _idPrefix + '-segmentC' + _fragment0 + _fragment4 + _fragment5 + _fragment10 + _fragment5 + _fragment11 + _fragment5 + _fragment18 + _fragment5 + _fragment6 + _fragment1 + _fragment12 + _fragment7 + _idPrefix + '-segmentCEndA' + _fragment0 + _fragment3 + _fragment1 + _fragment19 + _fragment2 + _idPrefix + '-segmentCBar' + _fragment0 + _fragment8 + _fragment1 + _fragment20 + _fragment2 + _idPrefix + '-segmentCEndB' + _fragment0 + _fragment3 + _fragment1 + _fragment21 + _fragment9 + _idPrefix + '-segmentD' + _fragment0 + _fragment4 + _fragment5 + _fragment13 + _fragment5 + _cssClass ('horzSegmentBottom') + _fragment5 + _fragment6 + _fragment1 + _fragment14 + _fragment7 + _idPrefix + '-segmentDEndA' + _fragment0 + _fragment3 + _fragment1 + _fragment15 + _fragment2 + _idPrefix + '-segmentDBar' + _fragment0 + _fragment8 + _fragment1 + _fragment16 + _fragment2 + _idPrefix + '-segmentDEndB' + _fragment0 + _fragment3 + _fragment1 + _fragment17 + _fragment9 + _idPrefix + '-segmentE' + _fragment0 + _fragment4 + _fragment5 + _fragment10 + _fragment5 + _fragment22 + _fragment5 + _fragment18 + _fragment5 + _fragment6 + _fragment1 + _fragment12 + _fragment7 + _idPrefix + '-segmentEEndA' + _fragment0 + _fragment3 + _fragment1 + _fragment19 + _fragment2 + _idPrefix + '-segmentEBar' + _fragment0 + _fragment8 + _fragment1 + _fragment20 + _fragment2 + _idPrefix + '-segmentEEndB' + _fragment0 + _fragment3 + _fragment1 + _fragment21 + _fragment9 + _idPrefix + '-segmentF' + _fragment0 + _fragment4 + _fragment5 + _fragment10 + _fragment5 + _fragment22 + _fragment5 + _fragment23 + _fragment5 + _fragment6 + _fragment1 + _fragment12 + _fragment7 + _idPrefix + '-segmentFEndA' + _fragment0 + _fragment3 + _fragment1 + _fragment24 + _fragment2 + _idPrefix + '-segmentFBar' + _fragment0 + _fragment8 + _fragment1 + _fragment25 + _fragment2 + _idPrefix + '-segmentFEndB' + _fragment0 + _fragment3 + _fragment1 + _fragment26 + _fragment9 + _idPrefix + '-segmentG' + _fragment0 + _fragment4 + _fragment5 + _fragment13 + _fragment5 + _cssClass ('horzSegmentMiddle') + _fragment5 + _fragment6 + _fragment1 + 'height:' + _resolveNonStringToPixel (i['segmentThickness']) + ';' + 'top:' + _resolveNonStringToPixel (i['segmentGTop']) + ';' + _fragment7 + _idPrefix + '-segmentGEndA' + _fragment0 + _fragment3 + _fragment1 + _fragment15 + _fragment2 + _idPrefix + '-segmentGBar' + _fragment0 + _fragment8 + _fragment1 + _fragment16 + _fragment2 + _idPrefix + '-segmentGEndB' + _fragment0 + _fragment3 + _fragment1 + _fragment17 + '"></div>\r\n  </div>\r\n</div>\r\n\r\n'
        );

      }
    });
  }
});