@zklogic/draw.io
Version:
Draw.IO - Graph Editor integration in Angular-cli
1 lines • 131 kB
JavaScript
var mxMockupC={BAR_HEIGHT:"barHeight",BAR_POS:"barPos",BG_STYLE:"bgStyle",BG_FLAT_GREEN:"bgGreen",BG_FLAT_WHITE:"bgWhite",BG_FLAT_GRAY:"bgGray",BG_FLAT_CUSTOM:"bgFlat",BG_MAP:"bgMap",BG_STRIPED:"bgStriped",BUTTON_STYLE:"buttonStyle",BUTTON_TEXT:"buttonText",BUTTON_STATE:"buttonState",CHEVRON:"chevron",GRID_SIZE:"gridSize",POINTER_BOTTOM:"bottom",POINTER_POS:"pointerPos",POINTER_TOP:"top",ROUND:"round",SELECTED:"+",STATE_ON:"on",STATE_OFF:"off",SUB_TEXT:"subText",SHAPE_IADD_ICON:"mxgraph.ios.iAddIcon",SHAPE_IALERT_BOX:"mxgraph.ios.iAlertBox",SHAPE_IALPHA_LIST:"mxgraph.ios.iAlphaList",SHAPE_IAPP_BAR:"mxgraph.ios.iAppBar",SHAPE_IARROW_ICON:"mxgraph.ios.iArrowIcon",SHAPE_IBG_FLAT:"mxgraph.ios.iBgFlat",SHAPE_IBG_MAP:"mxgraph.ios.iBgMap",SHAPE_IBG_STRIPED:"mxgraph.ios.iBgStriped",SHAPE_IBUTTON:"mxgraph.ios.iButton",SHAPE_IBUTTON_BACK:"mxgraph.ios.iButtonBack",SHAPE_IBUTTON_FORWARD:"mxgraph.ios.iButtonFw",SHAPE_IBUTTON_BAR:"mxgraph.ios.iButtonBar",SHAPE_ICALL_BUTTONS:"mxgraph.ios.iCallButtons",SHAPE_ICALL_DIALOG:"mxgraph.ios.iCallDialog",SHAPE_ICHECKBOX_GROUP:"mxgraph.ios.iCheckboxGroup",SHAPE_ICHECK_ICON:"mxgraph.ios.iCheckIcon",SHAPE_ICLOUD_PROGRESS_BAR:"mxgraph.ios.iCloudProgressBar",SHAPE_ICOMBO_BOX:"mxgraph.ios.iComboBox",SHAPE_ICOPY:"mxgraph.ios.iCopy",SHAPE_ICOPY_AREA:"mxgraph.ios.iCopyArea",SHAPE_IICON_GRID:"mxgraph.ios.iIconGrid",SHAPE_IDELETE_APP:"mxgraph.ios.iDeleteApp",SHAPE_IDELETE_ICON:"mxgraph.ios.iDeleteIcon",SHAPE_IDOWNLOAD_BAR:"mxgraph.ios.iDownloadBar",SHAPE_IDIALOG_BOX:"mxgraph.ios.iDialogBox",SHAPE_IDIRECTION:"mxgraph.ios.iDir",SHAPE_IHOME_PAGE_CONTROL:"mxgraph.ios.iHomePageControl",SHAPE_IKEYB_LETTERS:"mxgraph.ios.iKeybLett",SHAPE_IKEYB_NUMBERS:"mxgraph.ios.iKeybNumb",SHAPE_IKEYB_SYMBOLS:"mxgraph.ios.iKeybSymb",SHAPE_ILOCATION_BAR:"mxgraph.ios.iLocBar",SHAPE_ILOCK_BUTTON:"mxgraph.ios.iLockButton",SHAPE_IHOR_BUTTON_BAR:"mxgraph.ios.iHorButtonBar",SHAPE_IINFO_ICON:"mxgraph.ios.iInfoIcon",SHAPE_ION_OFF_BUTTON:"mxgraph.ios.iOnOffButton",SHAPE_IOPTION:"mxgraph.ios.iOption",SHAPE_IPAGE_CONTROL:"mxgraph.ios.iPageControl",SHAPE_IPAD:"mxgraph.ios.iPad",SHAPE_IPHONE:"mxgraph.ios.iPhone",SHAPE_IPIN:"mxgraph.ios.iPin",SHAPE_IPREV_NEXT:"mxgraph.ios.iPrevNext",SHAPE_IPROGRESS_BAR:"mxgraph.ios.iProgressBar",SHAPE_IRADIO_GROUP:"mxgraph.ios.iRadioGroup",SHAPE_ISLIDER:"mxgraph.ios.iSlider",SHAPE_ISORT_FIND_ICON:"mxgraph.ios.iSortFindIcon",SHAPE_ITEXT_INPUT:"mxgraph.ios.iTextInput",SHAPE_ITOP_BAR:"mxgraph.ios.iTopBar",SHAPE_ITOP_BAR_LOCKED:"mxgraph.ios.iTopBarLocked",SHAPE_IURL_BAR:"mxgraph.ios.iURLBar",SHAPE_IVIDEO_CONTROLS:"mxgraph.ios.iVideoControls",SHAPE_ISCREEN_NAME_BAR:"mxgraph.ios.iScreenNameBar",STYLE_FILLCOLOR2:"fillColor2",STYLE_FILLCOLOR3:"fillColor3",STYLE_TEXTCOLOR:"textColor",STYLE_TEXTCOLOR2:"textColor2",STYLE_STROKECOLOR2:"strokeColor2",STYLE_STROKECOLOR3:"strokeColor3"};function mxShapeMockupiPhone(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiBgFlat(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiBgStriped(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiBgMap(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiButtonBar(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiAppBar(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiTopBar(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiTopBar2(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiTopBarLocked(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiButton(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiButtonBack(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiButtonForward(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiPrevNextButton(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiTextInput(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiRadioGroup(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiCheckboxGroup(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiComboBox(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiOnOffButton(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiAlertBox(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiDialogBox(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiLockButton(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiArrowIcon(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiDeleteIcon(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiAddIcon(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiInfoIcon(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiSortFindIcon(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiCheckIcon(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiKeybLetters(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiKeybNumbers(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiKeybSymbols(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiDeleteApp(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiDirection(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiLocationBar(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiCallDialog(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiCallButtons(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiOption(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiAlphaList(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiHorButtonBar(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiPin(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiVideoControls(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiURLBar(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiSlider(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiProgressBar(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiCloudProgressBar(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiDownloadBar(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiScreenNameBar(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiIconGrid(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiCopy(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiCopyArea(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiHomePageControl(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiPageControl(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupiPad(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupRRect(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeIosTopButton(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeIosBottomButton(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeIosAnchor(e,t,o,n){mxShape.call(this),this.bounds=e}function mxShapeIosCheckbox(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}function mxShapeMockupFancyRRect(e,t,o,n){mxShape.call(this),this.bounds=e,this.fill=t,this.stroke=o,this.strokewidth=null!=n?n:1}mxUtils.extend(mxShapeMockupiPhone,mxShape),mxShapeMockupiPhone.prototype.customProperties=[{name:"bgStyle",dispName:"Background",type:"enum",enumList:[{val:"bgGreen",dispName:"Green"},{val:"bgWhite",dispName:"White"},{val:"bgGray",dispName:"Gray"},{val:"bgFlat",dispName:"Flat"},{val:"bgMap",dispName:"Map"},{val:"bgStriped",dispName:"Striped"}]}],mxShapeMockupiPhone.prototype.paintVertexShape=function(e,t,o,n,i){e.translate(t,o),this.background(e,t,o,n,i,25),e.setShadow(!1),this.foreground(e,t,o,n,i,25)},mxShapeMockupiPhone.prototype.background=function(e,t,o,n,i,l){e.setFillColor("#000000"),e.setStrokeColor("#000000"),e.roundrect(0,0,n,i,l,l),e.fillAndStroke()},mxShapeMockupiPhone.prototype.foreground=function(e,t,o,n,i,l){e.setStrokeWidth(1.5),e.begin(),e.setGradient("#808080","#000000",.325*n,0,.675*n,.5*i,mxConstants.DIRECTION_SOUTH,1,1),e.moveTo(.325*n,0),e.lineTo(n-l,0),e.arcTo(l,l,0,0,1,n,l),e.lineTo(n,.5*i),e.lineTo(.7*n,.5*i),e.close(),e.fill();var s=mxUtils.getValue(this.style,mxConstants.STYLE_FILLCOLOR,""),r=mxUtils.getValue(this.style,mxMockupC.BG_STYLE,mxMockupC.BG_FLAT_GREEN);if(e.setStrokeWidth(1),r===mxMockupC.BG_FLAT_WHITE)e.setFillColor("#ffffff"),e.rect(.0625*n,.15*i,.875*n,.7*i),e.fill();else if(r===mxMockupC.BG_FLAT_GREEN)e.setFillColor("#1f2923"),e.rect(.0625*n,.15*i,.875*n,.7*i),e.fill();else if(r===mxMockupC.BG_FLAT_GRAY)e.setFillColor("#dddddd"),e.rect(.0625*n,.15*i,.875*n,.7*i),e.fill();else if(r===mxMockupC.BG_FLAT_CUSTOM)e.setFillColor(s),e.rect(.0625*n,.15*i,.875*n,.7*i),e.fill();else if(r===mxMockupC.BG_STRIPED){var a=n,T=i;e.translate(.0625*n,.15*i),n*=.875,i*=.7,e.setFillColor("#5D7585"),e.rect(0,0,n,i),e.fillAndStroke();var m="#18211b",p="#657E8F";e.setStrokeColor(p);var x=5;for(e.begin();x<n;)e.moveTo(x,0),e.lineTo(x,i),x+=5;e.stroke(),e.setStrokeColor(m),e.begin(),e.rect(0,0,n,i),e.stroke(),n=a,i=T,e.translate(.0625*-n,.15*-i)}else r===mxMockupC.BG_MAP&&(a=n,T=i,e.translate(.0625*n,.15*i),n*=.875,i*=.7,e.setFillColor("#ffffff"),e.rect(0,0,n,i),e.fillAndStroke(),m="#18211b",p="#008cff",e.setFillColor("#96D1FF"),e.setStrokeColor(p),e.setStrokeWidth(1),e.begin(),e.moveTo(0,0),e.lineTo(.1171*n,0),e.lineTo(.1136*n,.0438*i),e.lineTo(.0993*n,.054*i),e.lineTo(0,.0446*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.1993*n,0),e.lineTo(.1914*n,.03884*i),e.lineTo(.1536*n,.0362*i),e.lineTo(.1586*n,0),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.24*n,0),e.lineTo(.2257*n,.054*i),e.lineTo(.2414*n,.0674*i),e.lineTo(.4707*n,.0835*i),e.lineTo(.5264*n,.0906*i),e.lineTo(.6429*n,.0929*i),e.arcTo(.0857*n,.0536*i,0,0,0,.7193*n,.0621*i),e.arcTo(.48*n,.2143*i,0,0,0,.7286*n,0),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.8*n,0),e.lineTo(.7886*n,.04554*i),e.arcTo(.0857*n,.0536*i,0,0,0,.8164*n,.0875*i),e.arcTo(.1429*n,.0893*i,0,0,0,.88*n,.1036*i),e.lineTo(n,.1112*i),e.lineTo(n,0),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(0,.0933*i),e.lineTo(.08*n,.1036*i),e.lineTo(.1021*n,.1246*i),e.lineTo(.1007*n,.1768*i),e.lineTo(.0471*n,.2241*i),e.lineTo(0,.2527*i),e.close(),e.fillAndStroke(),e.ellipse(.1214*n,.0603*i,.0843*n,.0576*i),e.fillAndStroke(),e.begin(),e.moveTo(.1293*n,.1924*i),e.lineTo(.1729*n,.142*i),e.lineTo(.1407*n,.1411*i),e.lineTo(.14*n,.1777*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.4586*n,.1241*i),e.lineTo(.455*n,.1835*i),e.lineTo(.3893*n,.2246*i),e.lineTo(.2171*n,.1362*i),e.lineTo(.2171*n,.1308*i),e.lineTo(.2293*n,.1214*i),e.lineTo(.2857*n,.1174*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.5079*n,.1134*i),e.lineTo(.7307*n,.1223*i),e.lineTo(.7279*n,.1625*i),e.lineTo(.715*n,.1772*i),e.lineTo(.6929*n,.1688*i),e.lineTo(.625*n,.1795*i),e.lineTo(.4779*n,.2835*i),e.lineTo(.395*n,.2299*i),e.lineTo(.4657*n,.1826*i),e.lineTo(.4707*n,.1223*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(n,.1362*i),e.lineTo(.7643*n,.1237*i),e.lineTo(.7543*n,.1562*i),e.lineTo(.7643*n,.1585*i),e.lineTo(.9186*n,.2366*i),e.lineTo(n,.1732*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.2079*n,.1545*i),e.lineTo(.3886*n,.2536*i),e.lineTo(.3414*n,.2933*i),e.lineTo(.1743*n,.1969*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.1579*n,.2134*i),e.lineTo(.3221*n,.3067*i),e.lineTo(.2957*n,.3237*i),e.lineTo(.1157*n,.2424*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.405*n,.2656*i),e.lineTo(.31*n,.3353*i),e.lineTo(.3693*n,.3661*i),e.lineTo(.4571*n,.2982*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.7121*n,.1848*i),e.lineTo(.6879*n,.1754*i),e.lineTo(.6329*n,.1844*i),e.lineTo(.61*n,.2018*i),e.lineTo(.6207*n,.2085*i),e.lineTo(.4986*n,.2982*i),e.lineTo(.535*n,.3237*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.5557*n,.3379*i),e.lineTo(.7464*n,.1826*i),e.lineTo(.8036*n,.2076*i),e.lineTo(.595*n,.3616*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.8293*n,.2188*i),e.lineTo(.8979*n,.2509*i),e.lineTo(.6936*n,.4125*i),e.lineTo(.6171*n,.3737*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(n,.2138*i),e.lineTo(.6821*n,.4603*i),e.lineTo(.815*n,.5277*i),e.lineTo(n,.4*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(0,.317*i),e.lineTo(.0971*n,.2554*i),e.lineTo(.4121*n,.4143*i),e.lineTo(.3736*n,.4415*i),e.lineTo(.315*n,.4076*i),e.lineTo(.3093*n,.4116*i),e.lineTo(.3686*n,.4455*i),e.lineTo(.285*n,.5045*i),e.lineTo(.1114*n,.4134*i),e.lineTo(.025*n,.4603*i),e.lineTo(.0371*n,.4723*i),e.lineTo(.1114*n,.4371*i),e.lineTo(.2871*n,.5312*i),e.lineTo(.1929*n,.6058*i),e.lineTo(.2271*n,.6705*i),e.lineTo(.17*n,.7147*i),e.lineTo(.0314*n,.6321*i),e.lineTo(0,.6246*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.48*n,.3121*i),e.lineTo(.5157*n,.3375*i),e.lineTo(.4314*n,.3982*i),e.lineTo(.3929*n,.3786*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.3086*n,.5179*i),e.lineTo(.53*n,.3518*i),e.lineTo(.5757*n,.3745*i),e.lineTo(.3479*n,.5411*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.5964*n,.3884*i),e.lineTo(.6736*n,.4277*i),e.lineTo(.445*n,.5991*i),e.lineTo(.3664*n,.5531*i),e.lineTo(.5057*n,.4545*i),e.lineTo(.5507*n,.4754*i),e.lineTo(.5571*n,.4723*i),e.lineTo(.5114*n,.4504*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.4793*n,.6161*i),e.lineTo(.6771*n,.4643*i),e.lineTo(.8086*n,.5326*i),e.lineTo(.7471*n,.5817*i),e.lineTo(.7214*n,.567*i),e.lineTo(.715*n,.571*i),e.lineTo(.7421*n,.5871*i),e.lineTo(.6014*n,.6933*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(n,.4371*i),e.lineTo(.8443*n,.546*i),e.lineTo(.9071*n,.5701*i),e.lineTo(n,.5022*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.8407*n,.5504*i),e.lineTo(.8993*n,.5759*i),e.lineTo(.6757*n,.7416*i),e.lineTo(.6286*n,.7139*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(n,.5321*i),e.lineTo(.6979*n,.7549*i),e.lineTo(.7457*n,.7781*i),e.lineTo(.9814*n,.6094*i),e.lineTo(n,.6067*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(n,.6254*i),e.lineTo(.7664*n,.792*i),e.lineTo(.9586*n,.9062*i),e.lineTo(n,.8786*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.3093*n,.5464*i),e.lineTo(.4271*n,.6152*i),e.lineTo(.245*n,.7643*i),e.lineTo(.185*n,.7228*i),e.lineTo(.2493*n,.6728*i),e.lineTo(.2214*n,.6143*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(0,.65*i),e.lineTo(.2179*n,.7826*i),e.lineTo(.1136*n,.8424*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(0,.7272*i),e.lineTo(.0821*n,.859*i),e.lineTo(0,.9085*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.4529*n,.6366*i),e.lineTo(.575*n,.7143*i),e.lineTo(.39*n,.8621*i),e.lineTo(.2657*n,.7902*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(0,.9415*i),e.lineTo(.1036*n,.8821*i),e.lineTo(.2343*n,.959*i),e.lineTo(.1721*n,i),e.lineTo(0,i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.2586*n,.7951*i),e.lineTo(.3829*n,.8674*i),e.lineTo(.2543*n,.9451*i),e.lineTo(.1279*n,.8692*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.2836*n,.9639*i),e.lineTo(.4207*n,.8772*i),e.lineTo(.605*n,.7321*i),e.lineTo(.6521*n,.7634*i),e.lineTo(.3486*n,i),e.lineTo(.3393*n,i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.3879*n,i),e.lineTo(.6721*n,.7759*i),e.lineTo(.7171*n,.7982*i),e.lineTo(.4564*n,i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.4986*n,i),e.lineTo(.7386*n,.8125*i),e.lineTo(.9307*n,.925*i),e.lineTo(.8264*n,i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.8671*n,i),e.lineTo(.9464*n,.9491*i),e.lineTo(n,.975*i),e.lineTo(n,i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.2295*n,i),e.lineTo(.2648*n,.9792*i),e.lineTo(.2981*n,i),e.close(),e.fillAndStroke(),n=a,i=T,e.translate(.0625*-n,.15*-i));e.setStrokeWidth(1),e.setStrokeColor("#18211b"),e.rect(.0625*n,.15*i,.875*n,.7*i),e.stroke(),e.setStrokeWidth(1.5),e.setAlpha(.8),e.setStrokeColor("#dddddd"),e.roundrect(0,0,n,i,l,l),e.stroke(),l=22.5,e.begin(),e.setStrokeColor("#666666"),e.roundrect(5,5,n-10,i-10,l,l),e.stroke(),e.setAlpha(1),e.ellipse(.4875*n,.04125*i,.025*n,.0125*i),e.setStrokeWidth(2.5),e.setStrokeColor("#000000"),e.setFillColor("#000099"),e.fillAndStroke(),e.begin(),e.setStrokeWidth(1.5),e.setFillColor("#444444"),e.setStrokeColor("#333333"),l=4,e.roundrect(.375*n,.075*i,.25*n,.01875*i,.02*n,.01*i),e.fillAndStroke(),e.setGradient("#bbbbbb","#000000",.4*n,.875*i,.2*n,.1*i,mxConstants.DIRECTION_SOUTH,1,1),e.ellipse(.4*n,.875*i,.2*n,.1*i),e.fill(),e.setAlpha(.5),e.ellipse(.404*n,.876*i,.19*n,.095*i),e.stroke(),e.begin(),e.setAlpha(.85),e.setFillColor("#000000"),e.moveTo(.4025*n,.925*i),e.arcTo(.0975*n,.04625*i,0,0,1,.5975*n,.925*i),e.arcTo(.2*n,.1*i,0,0,1,.4025*n,.925*i),e.close(),e.fillAndStroke(),e.begin(),e.setAlpha(.7),e.setStrokeWidth(1.5),e.setStrokeColor("#dddddd"),l=4,e.roundrect(.4575*n,.905*i,.0875*n,.04375*i,.00625*i,.00625*i),e.stroke()},mxCellRenderer.registerShape(mxMockupC.SHAPE_IPHONE,mxShapeMockupiPhone),mxUtils.extend(mxShapeMockupiBgFlat,mxShape),mxShapeMockupiBgFlat.prototype.paintVertexShape=function(e,t,o,n,i){e.translate(t,o),this.background(e,t,o,n,i)},mxShapeMockupiBgFlat.prototype.background=function(e,t,o,n,i){e.begin(),e.rect(0,0,n,i),e.fillAndStroke()},mxCellRenderer.registerShape(mxMockupC.SHAPE_IBG_FLAT,mxShapeMockupiBgFlat),mxUtils.extend(mxShapeMockupiBgStriped,mxShape),mxShapeMockupiBgStriped.prototype.paintVertexShape=function(e,t,o,n,i){e.translate(t,o),this.background(e,t,o,n,i),e.setShadow(!1),this.foreground(e,t,o,n,i)},mxShapeMockupiBgStriped.prototype.background=function(e,t,o,n,i){e.setStrokeWidth(1),e.begin(),e.rect(0,0,n,i),e.fillAndStroke()},mxShapeMockupiBgStriped.prototype.foreground=function(e,t,o,n,i){var l=mxUtils.getValue(this.style,mxConstants.STYLE_STROKECOLOR,""),s=mxUtils.getValue(this.style,mxMockupC.STYLE_STROKECOLOR2,"");e.setStrokeColor(s);var r=5;for(e.begin();r<n;)e.moveTo(r,0),e.lineTo(r,i),r+=5;e.stroke(),e.setStrokeColor(l),e.begin(),e.rect(0,0,n,i),e.stroke()},mxCellRenderer.registerShape(mxMockupC.SHAPE_IBG_STRIPED,mxShapeMockupiBgStriped),mxUtils.extend(mxShapeMockupiBgMap,mxShape),mxShapeMockupiBgMap.prototype.paintVertexShape=function(e,t,o,n,i){e.translate(t,o),this.background(e,t,o,n,i),e.setShadow(!1),this.foreground(e,t,o,n,i)},mxShapeMockupiBgMap.prototype.background=function(e,t,o,n,i){e.begin(),e.rect(0,0,n,i),e.fillAndStroke()},mxShapeMockupiBgMap.prototype.foreground=function(e,t,o,n,i){var l=mxUtils.getValue(this.style,mxMockupC.STYLE_FILLCOLOR2,""),s=mxUtils.getValue(this.style,mxConstants.STYLE_STROKECOLOR,""),r=mxUtils.getValue(this.style,mxMockupC.STYLE_STROKECOLOR2,"");e.setFillColor(l),e.setStrokeColor(r),e.setStrokeWidth(.5),e.begin(),e.moveTo(0,0),e.lineTo(.1171*n,0),e.lineTo(.1136*n,.0438*i),e.lineTo(.0993*n,.054*i),e.lineTo(0,.0446*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.1993*n,0),e.lineTo(.1914*n,.03884*i),e.lineTo(.1536*n,.0362*i),e.lineTo(.1586*n,0),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.24*n,0),e.lineTo(.2257*n,.054*i),e.lineTo(.2414*n,.0674*i),e.lineTo(.4707*n,.0835*i),e.lineTo(.5264*n,.0906*i),e.lineTo(.6429*n,.0929*i),e.arcTo(.0857*n,.0536*i,0,0,0,.7193*n,.0621*i),e.arcTo(.48*n,.2143*i,0,0,0,.7286*n,0),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.8*n,0),e.lineTo(.7886*n,.04554*i),e.arcTo(.0857*n,.0536*i,0,0,0,.8164*n,.0875*i),e.arcTo(.1429*n,.0893*i,0,0,0,.88*n,.1036*i),e.lineTo(n,.1112*i),e.lineTo(n,0),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(0,.0933*i),e.lineTo(.08*n,.1036*i),e.lineTo(.1021*n,.1246*i),e.lineTo(.1007*n,.1768*i),e.lineTo(.0471*n,.2241*i),e.lineTo(0,.2527*i),e.close(),e.fillAndStroke(),e.ellipse(.1214*n,.0603*i,.0843*n,.0576*i),e.fillAndStroke(),e.begin(),e.moveTo(.1293*n,.1924*i),e.lineTo(.1729*n,.142*i),e.lineTo(.1407*n,.1411*i),e.lineTo(.14*n,.1777*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.4586*n,.1241*i),e.lineTo(.455*n,.1835*i),e.lineTo(.3893*n,.2246*i),e.lineTo(.2171*n,.1362*i),e.lineTo(.2171*n,.1308*i),e.lineTo(.2293*n,.1214*i),e.lineTo(.2857*n,.1174*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.5079*n,.1134*i),e.lineTo(.7307*n,.1223*i),e.lineTo(.7279*n,.1625*i),e.lineTo(.715*n,.1772*i),e.lineTo(.6929*n,.1688*i),e.lineTo(.625*n,.1795*i),e.lineTo(.4779*n,.2835*i),e.lineTo(.395*n,.2299*i),e.lineTo(.4657*n,.1826*i),e.lineTo(.4707*n,.1223*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(n,.1362*i),e.lineTo(.7643*n,.1237*i),e.lineTo(.7543*n,.1562*i),e.lineTo(.7643*n,.1585*i),e.lineTo(.9186*n,.2366*i),e.lineTo(n,.1732*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.2079*n,.1545*i),e.lineTo(.3886*n,.2536*i),e.lineTo(.3414*n,.2933*i),e.lineTo(.1743*n,.1969*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.1579*n,.2134*i),e.lineTo(.3221*n,.3067*i),e.lineTo(.2957*n,.3237*i),e.lineTo(.1157*n,.2424*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.405*n,.2656*i),e.lineTo(.31*n,.3353*i),e.lineTo(.3693*n,.3661*i),e.lineTo(.4571*n,.2982*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.7121*n,.1848*i),e.lineTo(.6879*n,.1754*i),e.lineTo(.6329*n,.1844*i),e.lineTo(.61*n,.2018*i),e.lineTo(.6207*n,.2085*i),e.lineTo(.4986*n,.2982*i),e.lineTo(.535*n,.3237*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.5557*n,.3379*i),e.lineTo(.7464*n,.1826*i),e.lineTo(.8036*n,.2076*i),e.lineTo(.595*n,.3616*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.8293*n,.2188*i),e.lineTo(.8979*n,.2509*i),e.lineTo(.6936*n,.4125*i),e.lineTo(.6171*n,.3737*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(n,.2138*i),e.lineTo(.6821*n,.4603*i),e.lineTo(.815*n,.5277*i),e.lineTo(n,.4*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(0,.317*i),e.lineTo(.0971*n,.2554*i),e.lineTo(.4121*n,.4143*i),e.lineTo(.3736*n,.4415*i),e.lineTo(.315*n,.4076*i),e.lineTo(.3093*n,.4116*i),e.lineTo(.3686*n,.4455*i),e.lineTo(.285*n,.5045*i),e.lineTo(.1114*n,.4134*i),e.lineTo(.025*n,.4603*i),e.lineTo(.0371*n,.4723*i),e.lineTo(.1114*n,.4371*i),e.lineTo(.2871*n,.5312*i),e.lineTo(.1929*n,.6058*i),e.lineTo(.2271*n,.6705*i),e.lineTo(.17*n,.7147*i),e.lineTo(.0314*n,.6321*i),e.lineTo(0,.6246*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.48*n,.3121*i),e.lineTo(.5157*n,.3375*i),e.lineTo(.4314*n,.3982*i),e.lineTo(.3929*n,.3786*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.3086*n,.5179*i),e.lineTo(.53*n,.3518*i),e.lineTo(.5757*n,.3745*i),e.lineTo(.3479*n,.5411*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.5964*n,.3884*i),e.lineTo(.6736*n,.4277*i),e.lineTo(.445*n,.5991*i),e.lineTo(.3664*n,.5531*i),e.lineTo(.5057*n,.4545*i),e.lineTo(.5507*n,.4754*i),e.lineTo(.5571*n,.4723*i),e.lineTo(.5114*n,.4504*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.4793*n,.6161*i),e.lineTo(.6771*n,.4643*i),e.lineTo(.8086*n,.5326*i),e.lineTo(.7471*n,.5817*i),e.lineTo(.7214*n,.567*i),e.lineTo(.715*n,.571*i),e.lineTo(.7421*n,.5871*i),e.lineTo(.6014*n,.6933*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(n,.4371*i),e.lineTo(.8443*n,.546*i),e.lineTo(.9071*n,.5701*i),e.lineTo(n,.5022*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.8407*n,.5504*i),e.lineTo(.8993*n,.5759*i),e.lineTo(.6757*n,.7416*i),e.lineTo(.6286*n,.7139*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(n,.5321*i),e.lineTo(.6979*n,.7549*i),e.lineTo(.7457*n,.7781*i),e.lineTo(.9814*n,.6094*i),e.lineTo(n,.6067*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(n,.6254*i),e.lineTo(.7664*n,.792*i),e.lineTo(.9586*n,.9062*i),e.lineTo(n,.8786*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.3093*n,.5464*i),e.lineTo(.4271*n,.6152*i),e.lineTo(.245*n,.7643*i),e.lineTo(.185*n,.7228*i),e.lineTo(.2493*n,.6728*i),e.lineTo(.2214*n,.6143*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(0,.65*i),e.lineTo(.2179*n,.7826*i),e.lineTo(.1136*n,.8424*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(0,.7272*i),e.lineTo(.0821*n,.859*i),e.lineTo(0,.9085*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.4529*n,.6366*i),e.lineTo(.575*n,.7143*i),e.lineTo(.39*n,.8621*i),e.lineTo(.2657*n,.7902*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(0,.9415*i),e.lineTo(.1036*n,.8821*i),e.lineTo(.2343*n,.959*i),e.lineTo(.1721*n,i),e.lineTo(0,i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.2586*n,.7951*i),e.lineTo(.3829*n,.8674*i),e.lineTo(.2543*n,.9451*i),e.lineTo(.1279*n,.8692*i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.2836*n,.9639*i),e.lineTo(.4207*n,.8772*i),e.lineTo(.605*n,.7321*i),e.lineTo(.6521*n,.7634*i),e.lineTo(.3486*n,i),e.lineTo(.3393*n,i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.3879*n,i),e.lineTo(.6721*n,.7759*i),e.lineTo(.7171*n,.7982*i),e.lineTo(.4564*n,i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.4986*n,i),e.lineTo(.7386*n,.8125*i),e.lineTo(.9307*n,.925*i),e.lineTo(.8264*n,i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.8671*n,i),e.lineTo(.9464*n,.9491*i),e.lineTo(n,.975*i),e.lineTo(n,i),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(.2295*n,i),e.lineTo(.2648*n,.9792*i),e.lineTo(.2981*n,i),e.close(),e.fillAndStroke(),e.setStrokeWidth(1),e.setStrokeColor(s),e.begin(),e.rect(0,0,n,i),e.stroke()},mxCellRenderer.registerShape(mxMockupC.SHAPE_IBG_MAP,mxShapeMockupiBgMap),mxUtils.extend(mxShapeMockupiButtonBar,mxShape),mxShapeMockupiButtonBar.prototype.customProperties=[{name:"buttonText",dispName:"Labels",type:"string"},{name:"textColor",dispName:"Text Color",type:"color"},{name:"textColor2",dispName:"Text2 Color",type:"color"},{name:"strokeColor2",dispName:"Stroke2 Color",type:"color"}],mxShapeMockupiButtonBar.prototype.paintVertexShape=function(e,t,o,n,i){for(var l=mxUtils.getValue(this.style,mxMockupC.BUTTON_TEXT,"+Button 1, Button 2, Button 3").toString().split(","),s=mxUtils.getValue(this.style,mxMockupC.STYLE_TEXTCOLOR,"#666666"),r=mxUtils.getValue(this.style,mxMockupC.STYLE_TEXTCOLOR2,"#ffffff"),a=mxUtils.getValue(this.style,mxConstants.STYLE_FONTSIZE,"17").toString(),T=mxUtils.getValue(this.style,mxConstants.STYLE_STROKECOLOR,"#666666"),m=mxUtils.getValue(this.style,mxMockupC.STYLE_STROKECOLOR2,"#c4c4c4"),p=mxUtils.getValue(this.style,mxConstants.STYLE_FILLCOLOR,"#ffffff"),x=l.length,S=0,c=-1,u=0;u<x;u++){var h=l[u];h.charAt(0)===mxMockupC.SELECTED&&(h=l[u].substring(1),c=u),(I=mxUtils.getSizeForString(h,a,mxConstants.DEFAULT_FONTFAMILY).width)>S&&(S=I)}var C=1.5*a,f=x*C,d=Math.max(i,f),k=5+S,E=Math.max(n,k);e.translate(t,o),this.background(e,E,d,2.5,x,2.5,x*C,T,m,p,c,C),e.setShadow(!1),this.foreground(e,E,d,2.5,x,2.5,x*C,T,m,p,c,C);var I=0;for(u=0;u<x;u++){u===c?e.setFontColor(r):e.setFontColor(s),I+=2.5;var L=(u*C+.5*C)*d/f;this.buttonText(e,E,L,l[u],a,m)}},mxShapeMockupiButtonBar.prototype.background=function(e,t,o,n,i,l,s,r,a,T,m,p){e.begin(),e.setStrokeWidth(1),e.setStrokeColor(r),e.setFillColor(T),e.moveTo(0,n),e.arcTo(n,n,0,0,1,n,0),e.lineTo(t-n,0),e.arcTo(n,n,0,0,1,t,n),e.lineTo(t,o-n),e.arcTo(n,n,0,0,1,t-n,o),e.lineTo(n,o),e.arcTo(n,n,0,0,1,0,o-n),e.close(),e.fillAndStroke()},mxShapeMockupiButtonBar.prototype.foreground=function(e,t,o,n,i,l,s,r,a,T,m,p){var x=mxUtils.getValue(this.style,mxConstants.STYLE_STROKEWIDTH,"1");e.setStrokeWidth(x),e.setStrokeColor(a),e.begin();for(var S=1;S<i;S++)if(S!==m&&S!==m+1){var c=S*p*o/s;e.moveTo(0,c),e.lineTo(t,c)}if(e.stroke(),e.setStrokeColor(mxConstants.NONE),0===m){e.begin();var u=p*o/s;e.setGradient("#5D7585","#008cff",0,0,t,u,mxConstants.DIRECTION_SOUTH,1,1),e.moveTo(0,n),e.arcTo(n,n,0,0,1,n,0),e.lineTo(t-n,0),e.arcTo(n,n,0,0,1,t,n),e.lineTo(t,u),e.lineTo(0,u),e.close(),e.fill()}else if(m===i-1){e.begin();var h=o-p*o/s;e.setGradient("#5D7585","#008cff",0,h,t,o-h,mxConstants.DIRECTION_SOUTH,1,1),e.moveTo(0,h),e.lineTo(t,h),e.lineTo(t,o-n),e.arcTo(n,n,0,0,1,t-n,o),e.lineTo(n,o),e.arcTo(n,n,0,0,1,0,o-n),e.close(),e.fill()}else-1!==m&&(e.begin(),h=p*m*o/s,u=p*(m+1)*o/s,e.setGradient("#5D7585","#008cff",0,h,t,u-h,mxConstants.DIRECTION_SOUTH,1,1),e.moveTo(0,h),e.lineTo(t,h),e.lineTo(t,u),e.lineTo(0,u),e.close(),e.fill());e.begin(),e.setStrokeColor(r),e.setFillColor(T),e.moveTo(0,n),e.arcTo(n,n,0,0,1,n,0),e.lineTo(t-n,0),e.arcTo(n,n,0,0,1,t,n),e.lineTo(t,o-n),e.arcTo(n,n,0,0,1,t-n,o),e.lineTo(n,o),e.arcTo(n,n,0,0,1,0,o-n),e.close(),e.stroke()},mxShapeMockupiButtonBar.prototype.buttonText=function(e,t,o,n,i,l){n.charAt(0)===mxMockupC.SELECTED&&(n=n.substring(1)),e.setFontSize(i),e.text(10,o,0,0,n,mxConstants.ALIGN_LEFT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0);var s=.5*i;e.setStrokeWidth(.3*i),e.setStrokeColor(l),e.begin(),e.moveTo(t-20-s,o-s),e.lineTo(t-20,o),e.lineTo(t-20-s,o+s),e.stroke()},mxCellRenderer.registerShape(mxMockupC.SHAPE_IBUTTON_BAR,mxShapeMockupiButtonBar),mxUtils.extend(mxShapeMockupiAppBar,mxShape),mxShapeMockupiAppBar.prototype.paintVertexShape=function(e,t,o,n,i){e.translate(t,o),this.background(e,t,o,n,i),e.setShadow(!1),this.foreground(e,t,o,n,i)},mxShapeMockupiAppBar.prototype.background=function(e,t,o,n,i){e.setGradient("#eeeeee","#999999",0,0,n,i,mxConstants.DIRECTION_SOUTH,1,1),e.rect(0,0,n,i),e.fill()},mxShapeMockupiAppBar.prototype.foreground=function(e,t,o,n,i){e.setFillColor("#0099ff"),e.rect(5,.5*i+1.75,1.5,2.5),e.fill(),e.rect(7,.5*i+.75,1.5,3.5),e.fill(),e.rect(9,.5*i-.25,1.5,4.5),e.fill(),e.rect(11,.5*i-1.25,1.5,5.5),e.fill(),e.rect(13,.5*i-2.25,1.5,6.5),e.fill(),e.rect(15,.5*i-3.25,1.5,7.5),e.fill(),e.setFillColor("#999999"),e.ellipse(n-56.5,.5*i-4,8,8),e.fill(),e.setStrokeColor("#cccccc"),e.begin(),e.moveTo(n-52.5,.5*i-3),e.lineTo(n-52.5,.5*i),e.lineTo(n-54.5,.5*i),e.stroke(),e.setStrokeWidth(.5),e.setStrokeColor("#333333"),e.setFillColor("#990000"),e.begin(),e.moveTo(n-45.5,.5*i),e.lineTo(n-37.5,.5*i-5),e.lineTo(n-41.5,.5*i+4),e.lineTo(n-42,.5*i+.5),e.close(),e.fillAndStroke(),e.setFillColor("#999999"),e.setStrokeColor("#999999"),e.begin(),e.moveTo(n-28.5,.5*i+3.5),e.arcTo(3.5,3.5,0,1,1,n-26.5,.5*i+1),e.stroke(),e.begin(),e.moveTo(n-27.25,.5*i+.25),e.lineTo(n-25.75,.5*i+.25),e.lineTo(n-26.5,.5*i+1.5),e.close(),e.fillAndStroke(),e.begin(),e.moveTo(n-31,.5*i-.5),e.arcTo(1,1.5,0,0,1,n-29,.5*i-.5),e.stroke(),e.rect(n-31.5,.5*i-.5,3,2),e.fillAndStroke(),e.setGradient("#eeeeee","#444444",n-20,.5*i-3,16.5,6,mxConstants.DIRECTION_NORTH,1,1),e.begin(),e.moveTo(n-20,.5*i-3),e.lineTo(n-5,.5*i-3),e.lineTo(n-5,.5*i-1),e.lineTo(n-3.5,.5*i-1),e.lineTo(n-3.5,.5*i+1),e.lineTo(n-5,.5*i+1),e.lineTo(n-5,.5*i+3),e.lineTo(n-20,.5*i+3),e.close(),e.fill(),e.setGradient("#E2FFEB","#008215",n-20,.5*i-3,10,6,mxConstants.DIRECTION_SOUTH,1,1),e.begin(),e.moveTo(n-20,.5*i-3),e.lineTo(n-10,.5*i-3),e.lineTo(n-10,.5*i+3),e.lineTo(n-20,.5*i+3),e.close(),e.fill(),e.setStrokeColor("#666666"),e.begin(),e.moveTo(n-20,.5*i-3),e.lineTo(n-5,.5*i-3),e.lineTo(n-5,.5*i-1),e.lineTo(n-3.5,.5*i-1),e.lineTo(n-3.5,.5*i+1),e.lineTo(n-5,.5*i+1),e.lineTo(n-5,.5*i+3),e.lineTo(n-20,.5*i+3),e.close(),e.stroke()},mxCellRenderer.registerShape(mxMockupC.SHAPE_IAPP_BAR,mxShapeMockupiAppBar),mxUtils.extend(mxShapeMockupiTopBar,mxShape),mxShapeMockupiTopBar.prototype.paintVertexShape=function(e,t,o,n,i){e.translate(t,o),this.background(e,t,o,n,i),e.setShadow(!1),this.foreground(e,t,o,n,i)},mxShapeMockupiTopBar.prototype.background=function(e,t,o,n,i){e.setAlpha(.5),e.setFillColor("#999999"),e.rect(0,0,n,i),e.fill()},mxShapeMockupiTopBar.prototype.foreground=function(e,t,o,n,i){e.setFillColor("#cccccc"),e.setStrokeColor("#cccccc"),e.setFontColor("#cccccc"),e.setFontSize(7.5),e.rect(5,.5*i+1.75,1.5,2.5),e.fill(),e.rect(7,.5*i+.75,1.5,3.5),e.fill(),e.rect(9,.5*i-.25,1.5,4.5),e.fill(),e.rect(11,.5*i-1.25,1.5,5.5),e.fill(),e.rect(13,.5*i-2.25,1.5,6.5),e.fill(),e.rect(15,.5*i-3.25,1.5,7.5),e.fill(),e.text(18,.5*i,0,0,"CARRIER",mxConstants.ALIGN_LEFT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0),e.text(.5*n,.5*i,0,0,"11:15AM",mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0),e.begin(),e.moveTo(n-19,.5*i-2),e.lineTo(n-10,.5*i-2),e.lineTo(n-10,.5*i+2),e.lineTo(n-19,.5*i+2),e.close(),e.fill(),e.begin(),e.moveTo(n-20,.5*i-3),e.lineTo(n-5,.5*i-3),e.lineTo(n-5,.5*i-1),e.lineTo(n-3.5,.5*i-1),e.lineTo(n-3.5,.5*i+1),e.lineTo(n-5,.5*i+1),e.lineTo(n-5,.5*i+3),e.lineTo(n-20,.5*i+3),e.close(),e.stroke()},mxCellRenderer.registerShape(mxMockupC.SHAPE_ITOP_BAR,mxShapeMockupiTopBar),mxUtils.extend(mxShapeMockupiTopBar2,mxShape),mxShapeMockupiTopBar2.prototype.cst={SHAPE_ITOP_BAR2:"mxgraph.ios.iTopBar2"},mxShapeMockupiTopBar2.prototype.paintVertexShape=function(e,t,o,n,i){e.translate(t,o),this.background(e,t,o,n,i),e.setShadow(!1),this.foreground(e,t,o,n,i)},mxShapeMockupiTopBar2.prototype.background=function(e,t,o,n,i){e.rect(0,0,n,i),e.fill()},mxShapeMockupiTopBar2.prototype.foreground=function(e,t,o,n,i){var l=mxUtils.getValue(this.style,mxConstants.STYLE_STROKECOLOR,"#000000");e.setFillColor(l),e.setStrokeColor(l),e.rect(5,.5*i+1.75,1.5,2.5),e.fill(),e.rect(7,.5*i+.75,1.5,3.5),e.fill(),e.rect(9,.5*i-.25,1.5,4.5),e.fill(),e.rect(11,.5*i-1.25,1.5,5.5),e.fill(),e.rect(13,.5*i-2.25,1.5,6.5),e.fill(),e.rect(15,.5*i-3.25,1.5,7.5),e.fill(),e.begin(),e.moveTo(n-19,.5*i-2),e.lineTo(n-10,.5*i-2),e.lineTo(n-10,.5*i+2),e.lineTo(n-19,.5*i+2),e.close(),e.fill(),e.begin(),e.moveTo(n-20,.5*i-3),e.lineTo(n-5,.5*i-3),e.lineTo(n-5,.5*i-1),e.lineTo(n-3.5,.5*i-1),e.lineTo(n-3.5,.5*i+1),e.lineTo(n-5,.5*i+1),e.lineTo(n-5,.5*i+3),e.lineTo(n-20,.5*i+3),e.close(),e.stroke()},mxCellRenderer.registerShape(mxShapeMockupiTopBar2.prototype.cst.SHAPE_ITOP_BAR2,mxShapeMockupiTopBar2),mxUtils.extend(mxShapeMockupiTopBarLocked,mxShape),mxShapeMockupiTopBarLocked.prototype.paintVertexShape=function(e,t,o,n,i){e.translate(t,o),this.background(e,t,o,n,i),e.setShadow(!1),this.foreground(e,t,o,n,i)},mxShapeMockupiTopBarLocked.prototype.background=function(e,t,o,n,i){e.setFillColor("#000000"),e.rect(0,0,n,i),e.fill()},mxShapeMockupiTopBarLocked.prototype.foreground=function(e,t,o,n,i){e.setFillColor("#cccccc"),e.setStrokeColor("#cccccc"),e.rect(5,.5*i+1.75,1.5,2.5),e.fill(),e.rect(7,.5*i+.75,1.5,3.5),e.fill(),e.rect(9,.5*i-.25,1.5,4.5),e.fill(),e.rect(11,.5*i-1.25,1.5,5.5),e.fill(),e.rect(13,.5*i-2.25,1.5,6.5),e.fill(),e.rect(15,.5*i-3.25,1.5,7.5),e.fill(),e.begin(),e.moveTo(.5*n-2,.5*i-1),e.arcTo(2,3,0,0,1,.5*n+2,.5*i-1),e.stroke(),e.rect(.5*n-3,.5*i-1,6,4),e.fillAndStroke(),e.begin(),e.moveTo(n-19,.5*i-2),e.lineTo(n-10,.5*i-2),e.lineTo(n-10,.5*i+2),e.lineTo(n-19,.5*i+2),e.close(),e.fill(),e.begin(),e.moveTo(n-20,.5*i-3),e.lineTo(n-5,.5*i-3),e.lineTo(n-5,.5*i-1),e.lineTo(n-3.5,.5*i-1),e.lineTo(n-3.5,.5*i+1),e.lineTo(n-5,.5*i+1),e.lineTo(n-5,.5*i+3),e.lineTo(n-20,.5*i+3),e.close(),e.stroke()},mxCellRenderer.registerShape(mxMockupC.SHAPE_ITOP_BAR_LOCKED,mxShapeMockupiTopBarLocked),mxUtils.extend(mxShapeMockupiButton,mxShape),mxShapeMockupiButton.prototype.paintVertexShape=function(e,t,o,n,i){var l=mxUtils.getValue(this.style,mxMockupC.BUTTON_TEXT,"Main Text"),s=mxUtils.getValue(this.style,mxMockupC.STYLE_TEXTCOLOR2,"#666666").toString(),r=mxUtils.getValue(this.style,mxConstants.STYLE_FONTSIZE,"8.5").toString();e.translate(t,o),this.background(e,t,o,n,i),e.setShadow(!1),this.mainText(e,t,o,n,i,l,r,s)},mxShapeMockupiButton.prototype.background=function(e,t,o,n,i){var l=mxUtils.getValue(this.style,mxConstants.STYLE_FILLCOLOR,"").toString(),s=mxUtils.getValue(this.style,mxMockupC.STYLE_FILLCOLOR2,"").toString();e.setGradient(l,s,0,0,n,i,mxConstants.DIRECTION_SOUTH,1,1),e.roundrect(0,0,n,i,2.5,2.5),e.fill()},mxShapeMockupiButton.prototype.mainText=function(e,t,o,n,i,l,s,r){e.begin(),e.setFontSize(s),e.setFontColor(r),e.text(n/2,i/2,0,0,l,mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0)},mxCellRenderer.registerShape(mxMockupC.SHAPE_IBUTTON,mxShapeMockupiButton),mxUtils.extend(mxShapeMockupiButtonBack,mxShape),mxShapeMockupiButtonBack.prototype.paintVertexShape=function(e,t,o,n,i){var l=mxUtils.getValue(this.style,mxMockupC.BUTTON_TEXT,"Main Text"),s=mxUtils.getValue(this.style,mxMockupC.STYLE_TEXTCOLOR2,"#666666").toString(),r=mxUtils.getValue(this.style,mxConstants.STYLE_FONTSIZE,"17").toString();e.translate(t,o),this.background(e,t,o,n,i),e.setShadow(!1),this.mainText(e,t,o,n,i,l,r,s)},mxShapeMockupiButtonBack.prototype.background=function(e,t,o,n,i){var l=mxUtils.getValue(this.style,mxConstants.STYLE_FILLCOLOR,"").toString(),s=mxUtils.getValue(this.style,mxMockupC.STYLE_FILLCOLOR2,"").toString();e.setGradient(l,s,0,0,n,i,mxConstants.DIRECTION_SOUTH,1,1),rSize=2.5,e.begin(),e.moveTo(n,rSize),e.arcTo(rSize,rSize,0,0,0,n-rSize,0),e.lineTo(10,0),e.lineTo(.87,.5*i-.75),e.arcTo(rSize,rSize,0,0,0,.87,.5*i+.75),e.lineTo(10,i),e.lineTo(n-rSize,i),e.arcTo(rSize,rSize,0,0,0,n,i-rSize),e.close(),e.fill()},mxShapeMockupiButtonBack.prototype.mainText=function(e,t,o,n,i,l,s,r){e.begin(),e.setFontSize(s),e.setFontColor(r),e.text(.5*n+2.5,.5*i,0,0,l,mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0)},mxCellRenderer.registerShape(mxMockupC.SHAPE_IBUTTON_BACK,mxShapeMockupiButtonBack),mxUtils.extend(mxShapeMockupiButtonForward,mxShape),mxShapeMockupiButtonForward.prototype.paintVertexShape=function(e,t,o,n,i){var l=mxUtils.getValue(this.style,mxMockupC.BUTTON_TEXT,"Main Text"),s=mxUtils.getValue(this.style,mxMockupC.STYLE_TEXTCOLOR2,"#666666").toString(),r=mxUtils.getValue(this.style,mxConstants.STYLE_FONTSIZE,"17").toString();e.translate(t,o),this.background(e,t,o,n,i),e.setShadow(!1),this.mainText(e,t,o,n,i,l,r,s)},mxShapeMockupiButtonForward.prototype.background=function(e,t,o,n,i){var l=mxUtils.getValue(this.style,mxConstants.STYLE_FILLCOLOR,"").toString(),s=mxUtils.getValue(this.style,mxMockupC.STYLE_FILLCOLOR2,"").toString();e.setGradient(l,s,0,0,n,i,mxConstants.DIRECTION_SOUTH,1,1),rSize=2.5,e.begin(),e.moveTo(0,rSize),e.arcTo(rSize,rSize,0,0,1,rSize,0),e.lineTo(n-10,0),e.lineTo(n-.87,.5*i-.75),e.arcTo(rSize,rSize,0,0,1,n-.87,.5*i+.75),e.lineTo(n-10,i),e.lineTo(rSize,i),e.arcTo(rSize,rSize,0,0,1,0,i-rSize),e.close(),e.fill()},mxShapeMockupiButtonForward.prototype.mainText=function(e,t,o,n,i,l,s,r){e.begin(),e.setFontSize(s),e.setFontColor(r),e.text(.5*n-2.5,.5*i,0,0,l,mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0)},mxCellRenderer.registerShape(mxMockupC.SHAPE_IBUTTON_FORWARD,mxShapeMockupiButtonForward),mxUtils.extend(mxShapeMockupiPrevNextButton,mxShape),mxShapeMockupiPrevNextButton.prototype.paintVertexShape=function(e,t,o,n,i){e.translate(t,o),this.background(e,t,o,n,i),e.setShadow(!1),this.foreground(e,t,o,n,i)},mxShapeMockupiPrevNextButton.prototype.background=function(e,t,o,n,i){var l=mxUtils.getValue(this.style,mxConstants.STYLE_FILLCOLOR,"").toString(),s=mxUtils.getValue(this.style,mxMockupC.STYLE_FILLCOLOR2,"").toString();e.setGradient(l,s,0,0,n,i,mxConstants.DIRECTION_SOUTH,1,1),e.roundrect(0,0,n,i,5,5),e.fill(),e.begin(),e.moveTo(.5*n,0),e.lineTo(.5*n,i),e.stroke()},mxShapeMockupiPrevNextButton.prototype.foreground=function(e,t,o,n,i){var l=mxUtils.getValue(this.style,mxMockupC.STYLE_FILLCOLOR3,"").toString();e.setFillColor(l),e.begin(),e.moveTo(.25*n,.25*i),e.lineTo(.35*n,.75*i),e.lineTo(.15*n,.75*i),e.close(),e.fill(),e.begin(),e.moveTo(.75*n,.75*i),e.lineTo(.85*n,.25*i),e.lineTo(.65*n,.25*i),e.close(),e.fill()},mxCellRenderer.registerShape(mxMockupC.SHAPE_IPREV_NEXT,mxShapeMockupiPrevNextButton),mxUtils.extend(mxShapeMockupiTextInput,mxShape),mxShapeMockupiTextInput.prototype.paintVertexShape=function(e,t,o,n,i){var l=mxUtils.getValue(this.style,mxMockupC.BUTTON_TEXT,"Main Text"),s=mxUtils.getValue(this.style,mxMockupC.STYLE_TEXTCOLOR2,"#000000").toString(),r=mxUtils.getValue(this.style,mxConstants.STYLE_FONTSIZE,"8").toString();e.translate(t,o),this.background(e,t,o,n,i),e.setShadow(!1),this.mainText(e,t,o,n,i,l,r,s)},mxShapeMockupiTextInput.prototype.background=function(e,t,o,n,i){e.roundrect(0,0,n,i,2.5,2.5),e.fillAndStroke()},mxShapeMockupiTextInput.prototype.mainText=function(e,t,o,n,i,l,s,r){e.begin(),e.setFontSize(s),e.setFontColor(r),e.text(2,.5*i,0,0,l,mxConstants.ALIGN_LEFT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0)},mxCellRenderer.registerShape(mxMockupC.SHAPE_ITEXT_INPUT,mxShapeMockupiTextInput),mxUtils.extend(mxShapeMockupiRadioGroup,mxShape),mxShapeMockupiRadioGroup.prototype.paintVertexShape=function(e,t,o,n,i){e.translate(t,o);for(var l=mxUtils.getValue(this.style,mxMockupC.STYLE_TEXTCOLOR2,"#666666").toString(),s=mxUtils.getValue(this.style,mxConstants.STYLE_FONTSIZE,"8").toString(),r=mxUtils.getValue(this.style,mxMockupC.BUTTON_TEXT,"Option 1").toString().split(","),a=r.length,T=Math.max(1.5*s,5),m=0,p=-1,x=a*T,S=Math.max(i,x),c=0;c<a;c++){(f=r[c]).charAt(0)===mxMockupC.SELECTED&&(f=r[c].substring(1),p=c);var u=mxUtils.getSizeForString(f,s,mxConstants.DEFAULT_FONTFAMILY).width;u>m&&(m=u)}var h=5+m+10,C=Math.max(n,h);for(e.roundrect(0,0,C,S,2.5,2.5),e.fillAndStroke(),e.setShadow(!1),e.setFontSize(s),e.setFontColor(l),c=0;c<a;c++){var f,d=(c*T+.5*T)*S/x;(f=r[c]).charAt(0)===mxMockupC.SELECTED&&(f=r[c].substring(1),p=c),e.text(12.5,d,0,0,f,mxConstants.ALIGN_LEFT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0);var k=2.5,E=d-2.5;e.setFillColor("#dddddd"),e.setStrokeColor("#000000"),p===c?(e.setGradient("#aaaaaa","#666666",k,E,5,5,mxConstants.DIRECTION_SOUTH,1,1),e.ellipse(k,E,5,5),e.fillAndStroke(),e.setFillColor("#333333"),e.setStrokeColor("#333333"),e.ellipse(3.75,E+1.25,2.5,2.5),e.fillAndStroke()):(e.setGradient("#eeeeee","#cccccc",k,E,5,5,mxConstants.DIRECTION_SOUTH,1,1),e.ellipse(k,E,5,5),e.fillAndStroke())}},mxCellRenderer.registerShape(mxMockupC.SHAPE_IRADIO_GROUP,mxShapeMockupiRadioGroup),mxUtils.extend(mxShapeMockupiCheckboxGroup,mxShape),mxShapeMockupiCheckboxGroup.prototype.paintVertexShape=function(e,t,o,n,i){e.translate(t,o);for(var l=mxUtils.getValue(this.style,mxMockupC.STYLE_TEXTCOLOR2,"#666666").toString(),s=mxUtils.getValue(this.style,mxConstants.STYLE_FONTSIZE,"8").toString(),r=mxUtils.getValue(this.style,mxMockupC.BUTTON_TEXT,"Option 1").toString().split(","),a=r.length,T=Math.max(1.5*s,5),m=0,p=-1,x=a*T,S=Math.max(i,x),c=0;c<a;c++){(f=r[c]).charAt(0)===mxMockupC.SELECTED&&(f=r[c].substring(1),p=c);var u=mxUtils.getSizeForString(f,s,mxConstants.DEFAULT_FONTFAMILY).width;u>m&&(m=u)}var h=5+m+10,C=Math.max(n,h);for(e.roundrect(0,0,C,S,2.5,2.5),e.fillAndStroke(),e.setShadow(!1),e.setFontSize(s),e.setFontColor(l),c=0;c<a;c++){var f,d=(c*T+.5*T)*S/x;(f=r[c]).charAt(0)===mxMockupC.SELECTED&&(f=r[c].substring(1),p=c),e.text(12.5,d,0,0,f,mxConstants.ALIGN_LEFT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0);var k=2.5,E=d-2.5;e.setFillColor("#dddddd"),e.setStrokeColor("#000000"),p===c?(e.setGradient("#aaaaaa","#666666",k,E,5,5,mxConstants.DIRECTION_SOUTH,1,1),e.rect(k,E,5,5),e.fillAndStroke(),e.setStrokeColor("#333333"),e.begin(),e.moveTo(3.75,E+2.5),e.lineTo(5,E+3.75),e.lineTo(6.25,E+1.25),e.stroke()):(e.setGradient("#eeeeee","#cccccc",k,E,5,5,mxConstants.DIRECTION_SOUTH,1,1),e.rect(k,E,5,5),e.fillAndStroke()),p=-1}},mxCellRenderer.registerShape(mxMockupC.SHAPE_ICHECKBOX_GROUP,mxShapeMockupiCheckboxGroup),mxUtils.extend(mxShapeMockupiComboBox,mxShape),mxShapeMockupiComboBox.prototype.paintVertexShape=function(e,t,o,n,i){var l=mxUtils.getValue(this.style,mxMockupC.BUTTON_TEXT,"Main Text"),s=mxUtils.getValue(this.style,mxMockupC.STYLE_TEXTCOLOR2,"#666666").toString(),r=mxUtils.getValue(this.style,mxConstants.STYLE_FONTSIZE,"8.5").toString();e.translate(t,o),this.background(e,t,o,n,i),e.setShadow(!1),this.foreground(e,t,o,n,i),this.mainText(e,t,o,n,i,l,r,s)},mxShapeMockupiComboBox.prototype.background=function(e,t,o,n,i){e.setFillColor("#ffffff"),e.roundrect(0,0,n,i,2.5,2.5),e.fillAndStroke()},mxShapeMockupiComboBox.prototype.foreground=function(e,t,o,n,i){var l=mxUtils.getValue(this.style,mxConstants.STYLE_FILLCOLOR,"").toString(),s=mxUtils.getValue(this.style,mxMockupC.STYLE_FILLCOLOR2,"").toString();e.setGradient(l,s,n-30,0,30,i,mxConstants.DIRECTION_SOUTH,1,1),e.begin(),e.moveTo(n-15,0),e.lineTo(n-2.5,0),e.arcTo(2.5,2.5,0,0,1,n,2.5),e.lineTo(n,i-2.5),e.arcTo(2.5,2.5,0,0,1,n-2.5,i),e.lineTo(n-15,i),e.close(),e.fillAndStroke(),e.setFillColor("#ffffff"),e.begin(),e.moveTo(n-11,5),e.lineTo(n-7.5,10),e.lineTo(n-4,5),e.fill()},mxShapeMockupiComboBox.prototype.mainText=function(e,t,o,n,i,l,s,r){e.begin(),e.setFontSize(s),e.setFontColor(r),e.text(2.5,.5*i,0,0,l,mxConstants.ALIGN_LEFT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0)},mxCellRenderer.registerShape(mxMockupC.SHAPE_ICOMBO_BOX,mxShapeMockupiComboBox),mxUtils.extend(mxShapeMockupiOnOffButton,mxShape),mxShapeMockupiOnOffButton.prototype.customProperties=[{name:"buttonState",dispName:"State",type:"enum",enumList:[{val:"on",dispName:"On"},{val:"off",dispName:"Off"}]}],mxShapeMockupiOnOffButton.prototype.paintVertexShape=function(e,t,o,n,i){e.translate(t,o),n=Math.max(n,2*i);var l=mxUtils.getValue(this.style,mxMockupC.BUTTON_STATE,mxMockupC.STATE_ON);this.background(e,t,o,n,i,l),e.setShadow(!1),this.foreground(e,t,o,n,i,l),this.mainText(e,t,o,n,i,l)},mxShapeMockupiOnOffButton.prototype.background=function(e,t,o,n,i,l){l===mxMockupC.STATE_ON?(e.setGradient("#E2FFEB","#008215",0,0,n,i,mxConstants.DIRECTION_SOUTH,1,1),e.roundrect(0,0,n,i,.5*i,.5*i),e.fillAndStroke()):l===mxMockupC.STATE_OFF&&(e.setGradient("#cc9999","#881100",0,0,n,i,mxConstants.DIRECTION_SOUTH,1,1),e.roundrect(0,0,n,i,.5*i,.5*i),e.fillAndStroke())},mxShapeMockupiOnOffButton.prototype.foreground=function(e,t,o,n,i,l){l===mxMockupC.STATE_ON?(e.setGradient("#ffffff","#888888",n-i,0,i,i,mxConstants.DIRECTION_SOUTH,1,1),e.ellipse(n-i,0,i,i),e.fillAndStroke()):(e.setGradient("#ffffff","#888888",0,0,i,i,mxConstants.DIRECTION_SOUTH,1,1),e.ellipse(0,0,i,i),e.fillAndStroke())},mxShapeMockupiOnOffButton.prototype.mainText=function(e,t,o,n,i,l){var s=mxUtils.getValue(this.style,"mainText",null);e.setFontColor("#ffffff"),e.setFontSize(8.5),""!=s&&(l===mxMockupC.STATE_ON?e.text(.5*n-.4*i,.5*i,0,0,s||"ON",mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0):l===mxMockupC.STATE_OFF&&e.text(.5*n+.4*i,.5*i,0,0,s||"OFF",mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0))},mxCellRenderer.registerShape(mxMockupC.SHAPE_ION_OFF_BUTTON,mxShapeMockupiOnOffButton),mxUtils.extend(mxShapeMockupiAlertBox,mxShape),mxShapeMockupiAlertBox.prototype.paintVertexShape=function(e,t,o,n,i){n=Math.max(n,15),i=Math.max(i,15),e.translate(t,o),rSize=7.5,this.background(e,t,o,n,i,rSize),e.setShadow(!1),this.foreground(e,t,o,n,i,rSize)},mxShapeMockupiAlertBox.prototype.background=function(e,t,o,n,i,l){e.setGradient("#497198","#193168",0,0,n,i,mxConstants.DIRECTION_SOUTH,1,1),e.setAlpha(.8),e.setStrokeWidth(1),e.roundrect(0,0,n,i,l,l),e.fillAndStroke()},mxShapeMockupiAlertBox.prototype.foreground=function(e,t,o,n,i,l){var s=mxUtils.getValue(this.style,mxMockupC.BUTTON_TEXT,"Main Text").toString().split(",");e.setStrokeColor("#497198"),e.setGradient("#497198","#c5cee1",0,0,n,22.5,mxConstants.DIRECTION_SOUTH,1,1),e.setAlpha(.5),e.begin(),e.moveTo(n-l,0),e.arcTo(l,l,0,0,1,n,l),e.lineTo(n,17.5),e.arcTo(1.67*n,2.5*i,0,0,1,0,17.5),e.lineTo(0,l),e.arcTo(l,l,0,0,1,l,0),e.close(),e.fillAndStroke(),e.setAlpha(.8),e.setStrokeColor("#ffffff"),e.setStrokeWidth(1),e.roundrect(0,0,n,i,l,l),e.stroke(),e.setGradient("#497198","#c5cee1",5,i-50,n-20,20,mxConstants.DIRECTION_SOUTH,1,1),e.roundrect(5,i-25,n-10,20,2.5,2.5),e.fillAndStroke(),e.setAlpha(.9),e.setFontSize(9.5),e.setFontColor("#ffffff"),e.text(.5*n,.15*i,0,0,s[0],mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0),e.setFontSize(8),e.text(.5*n,.4*i,0,0,s[2],mxConstants.ALIGN_CENT