@zklogic/draw.io
Version:
Draw.IO - Graph Editor integration in Angular-cli
1 lines • 45.5 kB
JavaScript
function mxShapeMockupCheckboxGroup(t,e,o,p){mxShape.call(this),this.bounds=t,this.fill=e,this.stroke=o,this.strokewidth=null!=p?p:1}function mxShapeMockupRadioGroup(t,e,o,p){mxShape.call(this),this.bounds=t,this.fill=e,this.stroke=o,this.strokewidth=null!=p?p:1}function mxShapeMockupColorPicker(t,e,o,p){mxShape.call(this),this.bounds=t,this.fill=e,this.stroke=o,this.strokewidth=null!=p?p:1}function mxShapeMockupComboBox(t,e,o,p){mxShape.call(this),this.bounds=t,this.fill=e,this.stroke=o,this.strokewidth=null!=p?p:1}function mxShapeMockupSpinner(t,e,o,p){mxShape.call(this),this.bounds=t,this.fill=e,this.stroke=o,this.strokewidth=null!=p?p:1}function mxShapeMockupMenuBar(t,e,o,p){mxShape.call(this),this.bounds=t,this.fill=e,this.stroke=o,this.strokewidth=null!=p?p:1}function mxShapeMockupHorSlider(t,e,o,p){mxShape.call(this),this.bounds=t,this.fill=e,this.stroke=o,this.strokewidth=null!=p?p:1}function mxShapeMockupListBox(t,e,o,p){mxShape.call(this),this.bounds=t,this.fill=e,this.stroke=o,this.strokewidth=null!=p?p:1}function mxShapeMockupPwField(t,e,o,p){mxShape.call(this),this.bounds=t,this.fill=e,this.stroke=o,this.strokewidth=null!=p?p:1}function mxShapeMockupSplitter(t,e,o,p){mxShape.call(this),this.bounds=t,this.fill=e,this.stroke=o,this.strokewidth=null!=p?p:1}function mxShapeMockupWedgeBar(t,e,o,p){mxShape.call(this),this.bounds=t,this.fill=e,this.stroke=o,this.strokewidth=null!=p?p:1}function mxShapeMockupSearchBox(t,e,o,p){mxShape.call(this),this.bounds=t,this.fill=e,this.stroke=o,this.strokewidth=null!=p?p:1}function mxShapeMockupSignIn(t,e,o,p){mxShape.call(this),this.bounds=t,this.fill=e,this.stroke=o,this.strokewidth=null!=p?p:1}function mxShapeMockupCalendar(t,e,o,p){mxShape.call(this),this.bounds=t,this.fill=e,this.stroke=o,this.strokewidth=null!=p?p:1}function mxShapeMockupEmailForm(t,e,o,p){mxShape.call(this),this.bounds=t,this.fill=e,this.stroke=o,this.strokewidth=null!=p?p:1}function mxShapeMockupFormsRRect(t,e,o,p){mxShape.call(this),this.bounds=t,this.fill=e,this.stroke=o,this.strokewidth=null!=p?p:1}function mxShapeMockupFormsAnchor(t,e,o,p){mxShape.call(this),this.bounds=t}function mxShapeMockupFormsCheckbox(t,e,o,p){mxShape.call(this),this.bounds=t,this.fill=e,this.stroke=o,this.strokewidth=null!=p?p:1}function mxShapeMockupFormsURect(t,e,o,p){mxShape.call(this),this.bounds=t,this.fill=e,this.stroke=o,this.strokewidth=null!=p?p:1}mxUtils.extend(mxShapeMockupCheckboxGroup,mxShape),mxShapeMockupCheckboxGroup.prototype.cst={MAIN_TEXT:"mainText",TEXT_SIZE:"textSize",TEXT_COLOR:"textColor",SELECTED:"+",SHAPE_CHECKBOX_GROUP:"mxgraph.mockup.forms.checkboxGroup"},mxShapeMockupCheckboxGroup.prototype.paintVertexShape=function(t,e,o,p,r){t.translate(e,o);for(var s=mxUtils.getValue(this.style,mxShapeMockupCheckboxGroup.prototype.cst.TEXT_COLOR,"#666666,#008cff").toString().split(","),n=mxUtils.getValue(this.style,mxShapeMockupCheckboxGroup.prototype.cst.TEXT_SIZE,"17").toString(),l=mxUtils.getValue(this.style,mxShapeMockupCheckboxGroup.prototype.cst.MAIN_TEXT,"Option 1").toString().split(","),i=l.length,a=15,S=Math.max(1.5*n,a),m=0,c=-1,x=i*S,h=Math.max(r,x),u=0;u<i;u++){(C=l[u]).charAt(0)===mxShapeMockupCheckboxGroup.prototype.cst.SELECTED&&(C=l[u].substring(1),c=u);var T=mxUtils.getSizeForString(C,n,mxConstants.DEFAULT_FONTFAMILY).width;T>m&&(m=T)}var k=5+m+30,M=Math.max(p,k);for(t.rect(0,0,M,h),t.fillAndStroke(),t.setShadow(!1),t.setFontSize(n),u=0;u<i;u++){var C,L=(u*S+.5*S)*h/x;(C=l[u]).charAt(0)===mxShapeMockupCheckboxGroup.prototype.cst.SELECTED?(t.setFontColor(s[1]),C=l[u].substring(1),c=u):t.setFontColor(s[0]),t.text(32.5,L,0,0,C,mxConstants.ALIGN_LEFT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0);var E=7.5,A=L-7.5;t.setFillColor("#dddddd"),t.setStrokeColor("#999999"),c===u?(t.setGradient("#aaaaaa","#666666",E,A,a,a,mxConstants.DIRECTION_SOUTH,1,1),t.rect(E,A,a,a),t.fillAndStroke(),t.setStrokeColor("#333333"),t.begin(),t.moveTo(11.25,A+7.5),t.lineTo(15,A+11.25),t.lineTo(18.75,A+3.75),t.stroke()):(t.setGradient("#eeeeee","#cccccc",E,A,a,a,mxConstants.DIRECTION_SOUTH,1,1),t.rect(E,A,a,a),t.fillAndStroke()),c=-1}},mxCellRenderer.registerShape(mxShapeMockupCheckboxGroup.prototype.cst.SHAPE_CHECKBOX_GROUP,mxShapeMockupCheckboxGroup),mxUtils.extend(mxShapeMockupRadioGroup,mxShape),mxShapeMockupRadioGroup.prototype.cst={MAIN_TEXT:"mainText",TEXT_SIZE:"textSize",TEXT_COLOR:"textColor",SELECTED:"+",SHAPE_RADIO_GROUP:"mxgraph.mockup.forms.radioGroup"},mxShapeMockupRadioGroup.prototype.paintVertexShape=function(t,e,o,p,r){t.translate(e,o);for(var s=mxUtils.getValue(this.style,mxShapeMockupRadioGroup.prototype.cst.TEXT_COLOR,"#666666,#008cff").toString().split(","),n=mxUtils.getValue(this.style,mxShapeMockupRadioGroup.prototype.cst.TEXT_SIZE,"17").toString(),l=mxUtils.getValue(this.style,mxShapeMockupRadioGroup.prototype.cst.MAIN_TEXT,"Option 1").toString().split(","),i=l.length,a=15,S=Math.max(1.5*n,a),m=0,c=-1,x=i*S,h=Math.max(r,x),u=0;u<i;u++){(C=l[u]).charAt(0)===mxShapeMockupRadioGroup.prototype.cst.SELECTED&&(C=l[u].substring(1),c=u);var T=mxUtils.getSizeForString(C,n,mxConstants.DEFAULT_FONTFAMILY).width;T>m&&(m=T)}var k=5+m+30,M=Math.max(p,k);for(t.rect(0,0,M,h),t.fillAndStroke(),t.setShadow(!1),t.setFontSize(n),u=0;u<i;u++){var C,L=(u*S+.5*S)*h/x;(C=l[u]).charAt(0)===mxShapeMockupRadioGroup.prototype.cst.SELECTED?(t.setFontColor(s[1]),C=l[u].substring(1),c=u):t.setFontColor(s[0]),t.text(32.5,L,0,0,C,mxConstants.ALIGN_LEFT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0);var E=7.5,A=L-7.5;t.setStrokeColor("#999999"),c===u?(t.setGradient("#aaaaaa","#666666",E,A,a,a,mxConstants.DIRECTION_SOUTH,1,1),t.ellipse(E,A,a,a),t.fillAndStroke(),t.setFillColor("#333333"),t.setStrokeColor("#333333"),t.ellipse(11.25,A+3.75,7.5,7.5),t.fillAndStroke()):(t.setGradient("#eeeeee","#cccccc",E,A,a,a,mxConstants.DIRECTION_SOUTH,1,1),t.ellipse(E,A,a,a),t.fillAndStroke())}},mxCellRenderer.registerShape(mxShapeMockupRadioGroup.prototype.cst.SHAPE_RADIO_GROUP,mxShapeMockupRadioGroup),mxUtils.extend(mxShapeMockupColorPicker,mxShape),mxShapeMockupColorPicker.prototype.cst={COLOR:"chosenColor",SHAPE_COLOR_PICKER:"mxgraph.mockup.forms.colorPicker"},mxShapeMockupColorPicker.prototype.customProperties=[{name:"chosenColor",dispName:"Current Color",type:"color"}],mxShapeMockupColorPicker.prototype.paintVertexShape=function(t,e,o,p,r){var s=mxUtils.getValue(this.style,mxShapeMockupColorPicker.prototype.cst.COLOR,"#aaddff");t.translate(e,o),t.setStrokeColor("#999999"),t.roundrect(0,0,p,r,.05*p,.05*r),t.fillAndStroke(),t.setShadow(!1),t.setFillColor(s),t.rect(.1*p,.1*r,.8*p,.8*r),t.fill(),t.setFillColor("#ffffff"),t.begin(),t.moveTo(.75*p,.75*r),t.lineTo(.75*p,r),t.lineTo(.95*p,r),t.arcTo(.05*p,.05*r,0,0,0,p,.95*r),t.lineTo(p,.75*r),t.close(),t.fill(),t.setFillColor("#999999"),t.begin(),t.moveTo(.77*p,.77*r),t.lineTo(.875*p,.98*r),t.lineTo(.98*p,.77*r),t.close(),t.fill(),t.roundrect(0,0,p,r,.05*p,.05*r),t.stroke()},mxCellRenderer.registerShape(mxShapeMockupColorPicker.prototype.cst.SHAPE_COLOR_PICKER,mxShapeMockupColorPicker),mxUtils.extend(mxShapeMockupComboBox,mxShape),mxShapeMockupComboBox.prototype.cst={MAIN_TEXT:"mainText",FILL_COLOR2:"fillColor2",TEXT_COLOR:"textColor",TEXT_SIZE:"textSize",SHAPE_COMBO_BOX:"mxgraph.mockup.forms.comboBox"},mxShapeMockupComboBox.prototype.customProperties=[{name:"fillColor2",dispName:"Fill2 Color",type:"color"}],mxShapeMockupComboBox.prototype.paintVertexShape=function(t,e,o,p,r){t.translate(e,o),this.background(t,e,o,p,r),t.setShadow(!1),this.foreground(t,e,o,p,r),this.mainText(t,e,o,p,r)},mxShapeMockupComboBox.prototype.background=function(t,e,o,p,r){t.setFillColor("#ffffff"),t.roundrect(0,0,p,r,5,5),t.fillAndStroke()},mxShapeMockupComboBox.prototype.foreground=function(t,e,o,p,r){var s=mxUtils.getValue(this.style,mxConstants.STYLE_FILLCOLOR,"").toString(),n=mxUtils.getValue(this.style,mxShapeMockupComboBox.prototype.cst.FILL_COLOR2,"").toString();t.setGradient(s,n,p-30,0,30,r,mxConstants.DIRECTION_SOUTH,1,1),t.begin(),t.moveTo(p-30,0),t.lineTo(p-5,0),t.arcTo(5,5,0,0,1,p,5),t.lineTo(p,r-5),t.arcTo(5,5,0,0,1,p-5,r),t.lineTo(p-30,r),t.close(),t.fillAndStroke(),t.setFillColor("#ffffff"),t.begin(),t.moveTo(p-22,.5*r-5),t.lineTo(p-15,.5*r+5),t.lineTo(p-8,.5*r-5),t.fill()},mxShapeMockupComboBox.prototype.mainText=function(t,e,o,p,r){var s=mxUtils.getValue(this.style,mxShapeMockupComboBox.prototype.cst.MAIN_TEXT,"Main Text"),n=mxUtils.getValue(this.style,mxShapeMockupComboBox.prototype.cst.TEXT_COLOR,"#666666").toString(),l=mxUtils.getValue(this.style,mxShapeMockupComboBox.prototype.cst.TEXT_SIZE,"17").toString();t.begin(),t.setFontSize(l),t.setFontColor(n),t.text(5,.5*r,0,0,s,mxConstants.ALIGN_LEFT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0)},mxCellRenderer.registerShape(mxShapeMockupComboBox.prototype.cst.SHAPE_COMBO_BOX,mxShapeMockupComboBox),mxUtils.extend(mxShapeMockupSpinner,mxShape),mxShapeMockupSpinner.prototype.cst={LAYOUT:"spinLayout",SPINNER_STYLE:"spinStyle",ADJ_STYLE:"adjStyle",LAYOUT_RIGHT:"right",LAYOUT_LEFT:"left",LAYOUT_TOP:"top",LAYOUT_BOTTOM:"bottom",LAYOUT_VERTICAL:"vertical",LAYOUT_HORIZONTAL:"horizontal",SPINNER_MERGED:"merged",SPINNER_NORMAL:"normal",ADJ_TRIANGLE:"triangle",ADJ_PLUSMINUS:"plusMinus",ADJ_ARROW:"arrow",MAIN_TEXT:"mainText",TEXT_COLOR:"textColor",TEXT_SIZE:"textSize",SHAPE_SPINNER:"mxgraph.mockup.forms.spinner"},mxShapeMockupSpinner.prototype.customProperties=[{name:"spinLayout",dispName:"Layout",type:"enum",enumList:[{val:"right",dispName:"Right"},{val:"left",dispName:"Left"},{val:"top",dispName:"Top"},{val:"bottom",dispName:"Bottom"},{val:"vertical",dispName:"Vertical"},{val:"horizontal",dispName:"Horizontal"}]},{name:"spinStyle",dispName:"Spinner Style",type:"enum",enumList:[{val:"merged",dispName:"Merged"},{val:"normal",dispName:"Normal"}]},{name:"adjStyle",dispName:"Button Style",type:"enum",enumList:[{val:"triangle",dispName:"Triangle"},{val:"plusMinus",dispName:"+/-"},{val:"arrow",dispName:"Arrow"}]}],mxShapeMockupSpinner.prototype.paintVertexShape=function(t,e,o,p,r){var s=mxUtils.getValue(this.style,mxShapeMockupSpinner.prototype.cst.LAYOUT,mxShapeMockupSpinner.prototype.cst.LAYOUT_RIGHT);t.translate(e,o),this.background(t,p,r),t.setShadow(!1),this.foreground(t,p,r,s),this.mainText(t,p,r,s)},mxShapeMockupSpinner.prototype.background=function(t,e,o){t.setFillColor("#ffffff"),t.roundrect(0,0,e,o,10,10),t.fillAndStroke()},mxShapeMockupSpinner.prototype.foreground=function(t,e,o,p){var r=mxUtils.getValue(this.style,mxShapeMockupSpinner.prototype.cst.SPINNER_STYLE,mxShapeMockupSpinner.prototype.cst.SPINNER_NORMAL),s=mxUtils.getValue(this.style,mxShapeMockupSpinner.prototype.cst.ADJ_STYLE,mxShapeMockupSpinner.prototype.cst.ADJ_TRIANGLE),n=mxUtils.getValue(this.style,mxConstants.STYLE_FILLCOLOR,"#ffffff");t.setFillColor(n),r===mxShapeMockupSpinner.prototype.cst.SPINNER_NORMAL&&(p===mxShapeMockupSpinner.prototype.cst.LAYOUT_RIGHT?(t.begin(),t.moveTo(e-20,0),t.lineTo(e-20,o),t.moveTo(e-20,.5*o),t.lineTo(e,.5*o),t.stroke()):p===mxShapeMockupSpinner.prototype.cst.LAYOUT_LEFT?(t.begin(),t.moveTo(20,0),t.lineTo(20,o),t.moveTo(20,.5*o),t.lineTo(0,.5*o),t.stroke()):p===mxShapeMockupSpinner.prototype.cst.LAYOUT_TOP?(t.begin(),t.moveTo(0,15),t.lineTo(e,15),t.moveTo(.5*e,15),t.lineTo(.5*e,0),t.stroke()):p===mxShapeMockupSpinner.prototype.cst.LAYOUT_BOTTOM?(t.begin(),t.moveTo(0,o-15),t.lineTo(e,o-15),t.moveTo(.5*e,o-15),t.lineTo(.5*e,o),t.stroke()):p===mxShapeMockupSpinner.prototype.cst.LAYOUT_VERTICAL?(t.begin(),t.moveTo(0,15),t.lineTo(e,15),t.moveTo(0,o-15),t.lineTo(e,o-15),t.stroke()):p===mxShapeMockupSpinner.prototype.cst.LAYOUT_HORIZONTAL&&(t.begin(),t.moveTo(20,0),t.lineTo(20,o),t.moveTo(e-20,0),t.lineTo(e-20,o),t.stroke())),t.setStrokeColor(n),p===mxShapeMockupSpinner.prototype.cst.LAYOUT_RIGHT?s===mxShapeMockupSpinner.prototype.cst.ADJ_TRIANGLE?(t.begin(),t.moveTo(e-14,.25*o+4.5),t.lineTo(e-10,.25*o-2.5),t.lineTo(e-6,.25*o+4.5),t.close(),t.fillAndStroke()):s===mxShapeMockupSpinner.prototype.cst.ADJ_PLUSMINUS?(t.begin(),t.moveTo(e-10,.25*o-4),t.lineTo(e-10,.25*o+4),t.moveTo(e-14,.25*o),t.lineTo(e-6,.25*o),t.stroke()):s===mxShapeMockupSpinner.prototype.cst.ADJ_ARROW&&(t.begin(),t.moveTo(e-14,.25*o+1.5),t.lineTo(e-10,.25*o-2.5),t.lineTo(e-6,.25*o+1.5),t.close(),t.moveTo(e-10,.25*o+4.5),t.lineTo(e-10,.25*o-2.5),t.fillAndStroke()):p===mxShapeMockupSpinner.prototype.cst.LAYOUT_LEFT?s===mxShapeMockupSpinner.prototype.cst.ADJ_TRIANGLE?(t.begin(),t.moveTo(14,.25*o+4.5),t.lineTo(10,.25*o-2.5),t.lineTo(6,.25*o+4.5),t.close(),t.fillAndStroke()):s===mxShapeMockupSpinner.prototype.cst.ADJ_PLUSMINUS?(t.begin(),t.moveTo(10,.25*o-4),t.lineTo(10,.25*o+4),t.moveTo(14,.25*o),t.lineTo(6,.25*o),t.stroke()):s===mxShapeMockupSpinner.prototype.cst.ADJ_ARROW&&(t.begin(),t.moveTo(14,.25*o+1.5),t.lineTo(10,.25*o-2.5),t.lineTo(6,.25*o+1.5),t.close(),t.moveTo(10,.25*o+4.5),t.lineTo(10,.25*o-2.5),t.fillAndStroke()):p===mxShapeMockupSpinner.prototype.cst.LAYOUT_TOP?s===mxShapeMockupSpinner.prototype.cst.ADJ_TRIANGLE?(t.begin(),t.moveTo(.75*e+4,12),t.lineTo(.75*e,5),t.lineTo(.75*e-4,12),t.close(),t.fillAndStroke()):s===mxShapeMockupSpinner.prototype.cst.ADJ_PLUSMINUS?(t.begin(),t.moveTo(.75*e,3.5),t.lineTo(.75*e,11.5),t.moveTo(.75*e+4,7.5),t.lineTo(.75*e-4,7.5),t.stroke()):s===mxShapeMockupSpinner.prototype.cst.ADJ_ARROW&&(t.begin(),t.moveTo(.75*e+4,9),t.lineTo(.75*e,5),t.lineTo(.75*e-4,9),t.close(),t.moveTo(.75*e,12),t.lineTo(.75*e,5),t.fillAndStroke()):p===mxShapeMockupSpinner.prototype.cst.LAYOUT_BOTTOM?s===mxShapeMockupSpinner.prototype.cst.ADJ_TRIANGLE?(t.begin(),t.moveTo(.75*e+4,o-5),t.lineTo(.75*e,o-12),t.lineTo(.75*e-4,o-5),t.close(),t.fillAndStroke()):s===mxShapeMockupSpinner.prototype.cst.ADJ_PLUSMINUS?(t.begin(),t.moveTo(.75*e,o-3.5),t.lineTo(.75*e,o-11.5),t.moveTo(.75*e+4,o-7.5),t.lineTo(.75*e-4,o-7.5),t.stroke()):s===mxShapeMockupSpinner.prototype.cst.ADJ_ARROW&&(t.begin(),t.moveTo(.75*e+4,o-6),t.lineTo(.75*e,o-10),t.lineTo(.75*e-4,o-6),t.close(),t.moveTo(.75*e,o-3),t.lineTo(.75*e,o-10),t.fillAndStroke()):p===mxShapeMockupSpinner.prototype.cst.LAYOUT_VERTICAL?s===mxShapeMockupSpinner.prototype.cst.ADJ_TRIANGLE?(t.begin(),t.moveTo(.5*e+4,12),t.lineTo(.5*e,5),t.lineTo(.5*e-4,12),t.close(),t.fillAndStroke()):s===mxShapeMockupSpinner.prototype.cst.ADJ_PLUSMINUS?(t.begin(),t.moveTo(.5*e,3.5),t.lineTo(.5*e,11.5),t.moveTo(.5*e+4,7.5),t.lineTo(.5*e-4,7.5),t.stroke()):s===mxShapeMockupSpinner.prototype.cst.ADJ_ARROW&&(t.begin(),t.moveTo(.5*e+4,9),t.lineTo(.5*e,5),t.lineTo(.5*e-4,9),t.close(),t.moveTo(.5*e,12),t.lineTo(.5*e,5),t.fillAndStroke()):p===mxShapeMockupSpinner.prototype.cst.LAYOUT_HORIZONTAL&&(s===mxShapeMockupSpinner.prototype.cst.ADJ_TRIANGLE?(t.begin(),t.moveTo(e-6,.5*o+4.5),t.lineTo(e-10,.5*o-2.5),t.lineTo(e-14,.5*o+4.5),t.close(),t.fillAndStroke()):s===mxShapeMockupSpinner.prototype.cst.ADJ_PLUSMINUS?(t.begin(),t.moveTo(e-10,.5*o-4),t.lineTo(e-10,.5*o+4),t.moveTo(e-14,.5*o),t.lineTo(e-6,.5*o),t.stroke()):s===mxShapeMockupSpinner.prototype.cst.ADJ_ARROW&&(t.begin(),t.moveTo(e-14,.5*o+1.5),t.lineTo(e-10,.5*o-2.5),t.lineTo(e-6,.5*o+1.5),t.close(),t.moveTo(e-10,.5*o+4.5),t.lineTo(e-10,.5*o-2.5),t.fillAndStroke())),p===mxShapeMockupSpinner.prototype.cst.LAYOUT_RIGHT?s===mxShapeMockupSpinner.prototype.cst.ADJ_TRIANGLE?(t.begin(),t.moveTo(e-14,.75*o-4.5),t.lineTo(e-10,.75*o+2.5),t.lineTo(e-6,.75*o-4.5),t.close(),t.fillAndStroke()):s===mxShapeMockupSpinner.prototype.cst.ADJ_PLUSMINUS?(t.begin(),t.moveTo(e-14,.75*o),t.lineTo(e-6,.75*o),t.stroke()):s===mxShapeMockupSpinner.prototype.cst.ADJ_ARROW&&(t.begin(),t.moveTo(e-14,.75*o-1.5),t.lineTo(e-10,.75*o+2.5),t.lineTo(e-6,.75*o-1.5),t.close(),t.moveTo(e-10,.75*o-4.5),t.lineTo(e-10,.75*o+2.5),t.fillAndStroke()):p===mxShapeMockupSpinner.prototype.cst.LAYOUT_LEFT?s===mxShapeMockupSpinner.prototype.cst.ADJ_TRIANGLE?(t.begin(),t.moveTo(14,.75*o-4.5),t.lineTo(10,.75*o+2.5),t.lineTo(6,.75*o-4.5),t.close(),t.fillAndStroke()):s===mxShapeMockupSpinner.prototype.cst.ADJ_PLUSMINUS?(t.begin(),t.moveTo(14,.75*o),t.lineTo(6,.75*o),t.stroke()):s===mxShapeMockupSpinner.prototype.cst.ADJ_ARROW&&(t.begin(),t.moveTo(14,.75*o-1.5),t.lineTo(10,.75*o+2.5),t.lineTo(6,.75*o-1.5),t.close(),t.moveTo(10,.75*o-4.5),t.lineTo(10,.75*o+2.5),t.fillAndStroke()):p===mxShapeMockupSpinner.prototype.cst.LAYOUT_TOP?s===mxShapeMockupSpinner.prototype.cst.ADJ_TRIANGLE?(t.begin(),t.moveTo(.25*e+4,5),t.lineTo(.25*e,12),t.lineTo(.25*e-4,5),t.close(),t.fillAndStroke()):s===mxShapeMockupSpinner.prototype.cst.ADJ_PLUSMINUS?(t.begin(),t.moveTo(.25*e+4,7.5),t.lineTo(.25*e-4,7.5),t.stroke()):s===mxShapeMockupSpinner.prototype.cst.ADJ_ARROW&&(t.begin(),t.moveTo(.25*e+4,6),t.lineTo(.25*e,10),t.lineTo(.25*e-4,6),t.close(),t.moveTo(.25*e,3),t.lineTo(.25*e,10),t.fillAndStroke()):p===mxShapeMockupSpinner.prototype.cst.LAYOUT_BOTTOM?s===mxShapeMockupSpinner.prototype.cst.ADJ_TRIANGLE?(t.begin(),t.moveTo(.25*e+4,o-12),t.lineTo(.25*e,o-5),t.lineTo(.25*e-4,o-12),t.close(),t.fillAndStroke()):s===mxShapeMockupSpinner.prototype.cst.ADJ_PLUSMINUS?(t.begin(),t.moveTo(.25*e+4,o-7.5),t.lineTo(.25*e-4,o-7.5),t.stroke()):s===mxShapeMockupSpinner.prototype.cst.ADJ_ARROW&&(t.begin(),t.moveTo(.25*e+4,o-9),t.lineTo(.25*e,o-5),t.lineTo(.25*e-4,o-9),t.close(),t.moveTo(.25*e,o-12),t.lineTo(.25*e,o-5),t.fillAndStroke()):p===mxShapeMockupSpinner.prototype.cst.LAYOUT_VERTICAL?s===mxShapeMockupSpinner.prototype.cst.ADJ_TRIANGLE?(t.begin(),t.moveTo(.5*e+4,o-12),t.lineTo(.5*e,o-5),t.lineTo(.5*e-4,o-12),t.close(),t.fillAndStroke()):s===mxShapeMockupSpinner.prototype.cst.ADJ_PLUSMINUS?(t.begin(),t.moveTo(.5*e+4,o-7.5),t.lineTo(.5*e-4,o-7.5),t.stroke()):s===mxShapeMockupSpinner.prototype.cst.ADJ_ARROW&&(t.begin(),t.moveTo(.5*e+4,o-9),t.lineTo(.5*e,o-5),t.lineTo(.5*e-4,o-9),t.close(),t.moveTo(.5*e,o-12),t.lineTo(.5*e,o-5),t.fillAndStroke()):p===mxShapeMockupSpinner.prototype.cst.LAYOUT_HORIZONTAL&&(s===mxShapeMockupSpinner.prototype.cst.ADJ_TRIANGLE?(t.begin(),t.moveTo(6,.5*o-4.5),t.lineTo(10,.5*o+2.5),t.lineTo(14,.5*o-4.5),t.close(),t.fillAndStroke()):s===mxShapeMockupSpinner.prototype.cst.ADJ_PLUSMINUS?(t.begin(),t.moveTo(14,.5*o),t.lineTo(6,.5*o),t.stroke()):s===mxShapeMockupSpinner.prototype.cst.ADJ_ARROW&&(t.begin(),t.moveTo(14,.5*o-1.5),t.lineTo(10,.5*o+2.5),t.lineTo(6,.5*o-1.5),t.close(),t.moveTo(10,.5*o-4.5),t.lineTo(10,.5*o+2.5),t.fillAndStroke()))},mxShapeMockupSpinner.prototype.mainText=function(t,e,o,p){var r=mxUtils.getValue(this.style,mxShapeMockupSpinner.prototype.cst.MAIN_TEXT,"100").toString(),s=mxUtils.getValue(this.style,mxShapeMockupSpinner.prototype.cst.TEXT_SIZE,"17"),n=mxUtils.getValue(this.style,mxShapeMockupSpinner.prototype.cst.TEXT_COLOR,"#666666");t.setFontSize(s),t.setFontColor(n),p===mxShapeMockupSpinner.prototype.cst.LAYOUT_RIGHT?t.text(.5*(e-20),.5*o,0,0,r,mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0):p===mxShapeMockupSpinner.prototype.cst.LAYOUT_LEFT?t.text(.5*(e+20),.5*o,0,0,r,mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0):p===mxShapeMockupSpinner.prototype.cst.LAYOUT_TOP?t.text(.5*e,.5*(o+15),0,0,r,mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0):p===mxShapeMockupSpinner.prototype.cst.LAYOUT_BOTTOM?t.text(.5*e,.5*(o-15),0,0,r,mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0):(p===mxShapeMockupSpinner.prototype.cst.LAYOUT_VERTICAL||p===mxShapeMockupSpinner.prototype.cst.LAYOUT_HORIZONTAL)&&t.text(.5*e,.5*o,0,0,r,mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0)},mxCellRenderer.registerShape(mxShapeMockupSpinner.prototype.cst.SHAPE_SPINNER,mxShapeMockupSpinner),mxUtils.extend(mxShapeMockupMenuBar,mxShape),mxShapeMockupMenuBar.prototype.cst={MAIN_TEXT:"mainText",SHAPE_MENU_BAR:"mxgraph.mockup.forms.menuBar",TEXT_COLOR:"textColor",TEXT_COLOR2:"textColor2",STROKE_COLOR2:"strokeColor2",FILL_COLOR2:"fillColor2",SELECTED:"+",TEXT_SIZE:"textSize"},mxShapeMockupMenuBar.prototype.paintVertexShape=function(t,e,o,p,r){for(var s=mxUtils.getValue(this.style,mxShapeMockupMenuBar.prototype.cst.MAIN_TEXT,"+Menu 1, Menu 2, Menu 3").toString().split(","),n=mxUtils.getValue(this.style,mxShapeMockupMenuBar.prototype.cst.TEXT_COLOR,"#666666"),l=mxUtils.getValue(this.style,mxShapeMockupMenuBar.prototype.cst.TEXT_COLOR2,"#ffffff"),i=mxUtils.getValue(this.style,mxShapeMockupMenuBar.prototype.cst.TEXT_SIZE,"17").toString(),a=mxUtils.getValue(this.style,mxConstants.STYLE_STROKECOLOR,"#666666"),S=mxUtils.getValue(this.style,mxShapeMockupMenuBar.prototype.cst.STROKE_COLOR2,"#c4c4c4"),m=mxUtils.getValue(this.style,mxConstants.STYLE_FILLCOLOR,"#ffffff"),c=mxUtils.getValue(this.style,mxShapeMockupMenuBar.prototype.cst.FILL_COLOR2,"#008cff"),x=s.length,h=new Array(x),u=0,T=-1,k=0;k<x;k++){var M=s[k];M.charAt(0)===mxShapeMockupMenuBar.prototype.cst.SELECTED&&(M=s[k].substring(1),T=k),h[k]=mxUtils.getSizeForString(M,i,mxConstants.DEFAULT_FONTFAMILY).width,u+=h[k]}var C=Math.max(r,1.5*i,20),L=10*x+u,E=Math.max(p,L);t.translate(e,o),this.background(t,E,C,10,x,h,5,L,a,S,m,c,T),t.setShadow(!1);var A=0;for(k=0;k<x;k++)k===T?t.setFontColor(l):t.setFontColor(n),A+=5,this.buttonText(t,A,C,s[k],h[k],i,L,E),A=A+h[k]+5},mxShapeMockupMenuBar.prototype.background=function(t,e,o,p,r,s,n,l,i,a,S,m,c){t.setStrokeColor(i),t.setFillColor(S),t.rect(0,0,e,o),t.fillAndStroke(),t.setStrokeColor(a),t.begin();for(var x=1;x<r;x++)if(x!==c&&x!==c+1){for(var h=0,u=0;u<x;u++)h+=s[u]+2*n;h=h*e/l,t.moveTo(h,0),t.lineTo(h,o)}if(t.stroke(),-1!==c){var T=0;for(t.setFillColor(m),x=0;x<c;x++)T+=s[x]+2*n;T=T*e/l;var k=(s[c]+2*n)*e/l;k+=T,t.rect(T,0,k-T,o),t.fill()}t.setStrokeColor(i),t.setFillColor(S),t.rect(0,0,e,o),t.stroke()},mxShapeMockupMenuBar.prototype.buttonText=function(t,e,o,p,r,s,n,l){p.charAt(0)===mxShapeMockupMenuBar.prototype.cst.SELECTED&&(p=p.substring(1)),t.setFontSize(s),t.text((e+.5*r)*l/n,.5*o,0,0,p,mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0)},mxCellRenderer.registerShape(mxShapeMockupMenuBar.prototype.cst.SHAPE_MENU_BAR,mxShapeMockupMenuBar),mxUtils.extend(mxShapeMockupHorSlider,mxShape),mxShapeMockupHorSlider.prototype.cst={STYLE:"sliderStyle",SLIDER_BASIC:"basic",SLIDER_FANCY:"fancy",SLIDER_POS:"sliderPos",HANDLE_TRIANGLE:"triangle",HANDLE_CIRCLE:"circle",HANDLE_HANDLE:"handle",HANDLE_STYLE:"handleStyle",FILL_COLOR2:"fillColor2",SHAPE_HOR_SLIDER:"mxgraph.mockup.forms.horSlider"},mxShapeMockupHorSlider.prototype.customProperties=[{name:"sliderStyle",dispName:"Slider Style",type:"enum",enumList:[{val:"basic",dispName:"Basic"},{val:"fancy",dispName:"Fancy"}]},{name:"handleStyle",dispName:"Handle Style",type:"enum",enumList:[{val:"triangle",dispName:"Triangle"},{val:"circle",dispName:"Circle"},{val:"handle",dispName:"Handle"}]},{name:"sliderPos",dispName:"Handle Position",type:"float"},{name:"fillColor2",dispName:"Fill2 Color",type:"color"}],mxShapeMockupHorSlider.prototype.paintVertexShape=function(t,e,o,p,r){var s=mxUtils.getValue(this.style,mxShapeMockupHorSlider.prototype.cst.STYLE,mxShapeMockupHorSlider.prototype.cst.SLIDER_BASIC);t.translate(e,o),this.background(t,p,r,5,s),t.setShadow(!1),this.foreground(t,p,r,5,s),this.sliderPos=20},mxShapeMockupHorSlider.prototype.background=function(t,e,o,p,r){r===mxShapeMockupHorSlider.prototype.cst.SLIDER_BASIC?(t.begin(),t.moveTo(0,.5*o),t.lineTo(e,.5*o),t.stroke()):r===mxShapeMockupHorSlider.prototype.cst.SLIDER_FANCY&&(t.roundrect(0,.5*o-p,e,2*p,p,p),t.fillAndStroke())},mxShapeMockupHorSlider.prototype.foreground=function(t,e,o,p,r){var s=mxUtils.getValue(this.style,mxShapeMockupHorSlider.prototype.cst.SLIDER_POS,"20"),n=mxUtils.getValue(this.style,mxShapeMockupHorSlider.prototype.cst.HANDLE_STYLE,mxShapeMockupHorSlider.prototype.cst.HANDLE_CIRCLE),l=mxUtils.getValue(this.style,mxConstants.STYLE_FILLCOLOR,"#ffffff"),i=mxUtils.getValue(this.style,mxShapeMockupHorSlider.prototype.cst.FILL_COLOR2,"#ddeeff"),a=mxUtils.getValue(this.style,mxConstants.STYLE_STROKECOLOR,"#999999");if(s=Math.min(100,s),s=Math.max(0,s),r===mxShapeMockupHorSlider.prototype.cst.SLIDER_BASIC){t.setStrokeColor(i);var S=e*s/100;t.begin(),t.moveTo(0,.5*o),t.lineTo(S,.5*o),t.stroke(),t.setStrokeColor(a)}else r===mxShapeMockupHorSlider.prototype.cst.SLIDER_FANCY&&(S=10+(e-10)*s/100,t.setFillColor(i),t.roundrect(0,.5*o-p,S,2*p,p,p),t.fillAndStroke(),t.setFillColor(l));var m=5+(e-10)*s/100;n===mxShapeMockupHorSlider.prototype.cst.HANDLE_CIRCLE?(t.ellipse(m-10,.5*o-10,20,20),t.fillAndStroke()):n===mxShapeMockupHorSlider.prototype.cst.HANDLE_TRIANGLE?(t.begin(),t.moveTo(m-10,.5*o+10),t.lineTo(m,.5*o-10),t.lineTo(m+10,.5*o+10),t.close(),t.fillAndStroke()):n===mxShapeMockupHorSlider.prototype.cst.HANDLE_HANDLE&&(t.begin(),t.moveTo(m-7,.5*o+10),t.lineTo(m-7,.5*o),t.lineTo(m,.5*o-10),t.lineTo(m+7,.5*o),t.lineTo(m+7,.5*o+10),t.close(),t.fillAndStroke())},mxCellRenderer.registerShape(mxShapeMockupHorSlider.prototype.cst.SHAPE_HOR_SLIDER,mxShapeMockupHorSlider),Graph.handleFactory[mxShapeMockupHorSlider.prototype.cst.SHAPE_HOR_SLIDER]=function(t){return[Graph.createHandle(t,["sliderPos"],(function(t){var e=Math.max(0,Math.min(100,parseFloat(mxUtils.getValue(this.state.style,"sliderPos",this.sliderPos))));return new mxPoint(t.x+(t.width-10)*e/t.width/100*t.width+5,t.y+t.height/2)}),(function(t,e){this.state.style.sliderPos=Math.round(1e3*Math.max(0,Math.min(100,100*(e.x-t.x)/t.width)))/1e3}))]},mxUtils.extend(mxShapeMockupListBox,mxShape),mxShapeMockupListBox.prototype.cst={MAIN_TEXT:"mainText",SUB_TEXT:"subText",BUTTON_TEXT:"buttonText",TEXT_SIZE:"textSize",TEXT_COLOR:"textColor",STROKE_COLOR2:"strokeColor2",STROKE_COLOR3:"strokeColor3",SELECTED_COLOR:"selectedColor",SELECTED:"+",SHAPE_LIST_BOX:"mxgraph.mockup.forms.listBox"},mxShapeMockupListBox.prototype.paintVertexShape=function(t,e,o,p,r){for(var s=mxUtils.getValue(this.style,mxConstants.STYLE_FILLCOLOR,"#ffffff"),n=mxUtils.getValue(this.style,mxConstants.STYLE_STROKECOLOR,"#666666"),l=mxUtils.getValue(this.style,mxShapeMockupListBox.prototype.cst.TEXT_SIZE,"17").toString(),i=-1,a=p,S=mxUtils.getValue(this.style,mxShapeMockupListBox.prototype.cst.SUB_TEXT,"Sub Text").toString().split(","),m=0;m<S.length;m++){var c=S[m];c.charAt(0)===mxShapeMockupListBox.prototype.cst.SELECTED&&(c=S[m].substring(1),i=m);var x=mxUtils.getSizeForString(c,l,mxConstants.DEFAULT_FONTFAMILY).width;x>a&&(a=x)}t.translate(e,o),p=Math.min(p,a),r=Math.max(r,30+S.length*l*1.5),this.background(t,p,r,s,n),t.setShadow(!1),this.foreground(t,p,r,n,i,S,l)},mxShapeMockupListBox.prototype.background=function(t,e,o,p,r){t.setFillColor(p),t.setStrokeColor(r),t.rect(0,0,e,o),t.fillAndStroke()},mxShapeMockupListBox.prototype.foreground=function(t,e,o,p,r,s,n){mxUtils.getValue(this.style,mxConstants.STYLE_STROKEWIDTH,"1");var l=mxUtils.getValue(this.style,mxShapeMockupListBox.prototype.cst.SELECTED_COLOR,"#ddeeff");-1!==r&&(t.setFillColor(l),t.rect(0,30+r*n*1.5,e,1.5*n),t.fill()),t.begin(),t.moveTo(0,30),t.lineTo(e,30),t.stroke();var i=mxUtils.getValue(this.style,mxShapeMockupListBox.prototype.cst.MAIN_TEXT,"Window Title").toString(),a=mxUtils.getValue(this.style,mxShapeMockupListBox.prototype.cst.TEXT_COLOR,"#666666,#008cff").toString().split(",");t.setFontColor(a[1]),t.setFontSize(n),t.text(10,15,0,0,i,mxConstants.ALIGN_LEFT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0),t.setFontColor(a[0]);for(var S=0;S<s.length;S++){var m=s[S];m.charAt(0)===mxShapeMockupListBox.prototype.cst.SELECTED&&(m=s[S].substring(1)),t.text(10,30+n*(1.5*S+.75),0,0,m,mxConstants.ALIGN_LEFT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0)}t.rect(0,0,e,o),t.stroke()},mxCellRenderer.registerShape(mxShapeMockupListBox.prototype.cst.SHAPE_LIST_BOX,mxShapeMockupListBox),mxUtils.extend(mxShapeMockupPwField,mxShape),mxShapeMockupPwField.prototype.cst={MAIN_TEXT:"mainText",TEXT_COLOR:"textColor",TEXT_SIZE:"textSize",SHAPE_PW_FIELD:"mxgraph.mockup.forms.pwField"},mxShapeMockupPwField.prototype.paintVertexShape=function(t,e,o,p,r){t.translate(e,o),this.background(t,p,r),t.setShadow(!1),this.foreground(t,p,r)},mxShapeMockupPwField.prototype.background=function(t,e,o){t.rect(0,0,e,o),t.fillAndStroke()},mxShapeMockupPwField.prototype.foreground=function(t,e,o){var p=mxUtils.getValue(this.style,mxShapeMockupPwField.prototype.cst.MAIN_TEXT,"******"),r=mxUtils.getValue(this.style,mxShapeMockupPwField.prototype.cst.TEXT_COLOR,"#666666"),s=mxUtils.getValue(this.style,mxShapeMockupPwField.prototype.cst.TEXT_SIZE,"17");t.setFontColor(r),t.setFontSize(s),t.text(5,.5*o,0,0,p,mxConstants.ALIGN_LEFT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0)},mxCellRenderer.registerShape(mxShapeMockupPwField.prototype.cst.SHAPE_PW_FIELD,mxShapeMockupPwField),mxUtils.extend(mxShapeMockupSplitter,mxShape),mxShapeMockupSplitter.prototype.cst={MAIN_TEXT:"mainText",TEXT_COLOR:"textColor",TEXT_SIZE:"textSize",SHAPE_SPLITTER:"mxgraph.mockup.forms.splitter"},mxShapeMockupSplitter.prototype.paintVertexShape=function(t,e,o,p,r){p=Math.max(p,35),t.translate(e,o),this.background(t,p,r),t.setShadow(!1),this.foreground(t,p,r)},mxShapeMockupSplitter.prototype.background=function(t,e,o){t.begin(),t.moveTo(0,.5*o-5),t.lineTo(e,.5*o-5),t.lineTo(e,.5*o+5),t.lineTo(0,.5*o+5),t.close(),t.fill()},mxShapeMockupSplitter.prototype.foreground=function(t,e,o){var p=mxUtils.getValue(this.style,mxConstants.STYLE_STROKECOLOR,"#999999");t.begin(),t.moveTo(0,.5*o-5),t.lineTo(e,.5*o-5),t.moveTo(e,.5*o+5),t.lineTo(0,.5*o+5),t.stroke(),t.setFillColor(p),t.ellipse(.5*e-17,.5*o-2,4,4),t.fill(),t.ellipse(.5*e-2,.5*o-2,4,4),t.fill(),t.ellipse(.5*e+13,.5*o-2,4,4),t.fill()},mxCellRenderer.registerShape(mxShapeMockupSplitter.prototype.cst.SHAPE_SPLITTER,mxShapeMockupSplitter),mxUtils.extend(mxShapeMockupWedgeBar,mxShape),mxShapeMockupWedgeBar.prototype.cst={BLOCK:"block",CONE:"cone",HALF_CONE:"halfCone",ROUND:"round",TEXT_SIZE:"textSize",TAB_NAMES:"tabs",TAB_STYLE:"tabStyle",STYLE_FILLCOLOR2:"fillColor2",TEXT_COLOR:"textColor",SEL_TEXT_COLOR:"textColor2",SHAPE_WEDGE_BAR:"mxgraph.mockup.forms.wedgeBar"},mxShapeMockupWedgeBar.prototype.paintVertexShape=function(t,e,o,p,r){for(var s=mxUtils.getValue(this.style,mxShapeMockupWedgeBar.prototype.cst.TEXT_SIZE,"17").toString(),n=mxUtils.getValue(this.style,mxShapeMockupWedgeBar.prototype.cst.TAB_NAMES,"Tab 1,+Tab 2,Tab 3").toString().split(","),l=1.5*s,i=n.length,a=20+5*(i-1)+2*i*10,S=new Array,m=-1,c=0;c<i;c++){var x=n[c];"+"===x.charAt(0)&&(x=x.substring(1),m=c);var h=mxUtils.getSizeForString(x,s,mxConstants.DEFAULT_FONTFAMILY).width;S[c]=0===h?42:h,a+=S[c]}p=Math.max(p,a),r=Math.max(r,l+5),t.translate(e,o),t.setShadow(!1),this.backTabs(t,p,r,5,l,10,5,10,i,S,m),this.focusTab(t,p,r,5,l,10,5,10,i,S,m),this.tabText(t,p,r,5,l,10,5,10,i,S,m,n)},mxShapeMockupWedgeBar.prototype.backTabs=function(t,e,o,p,r,s,n,l,i,a,S){for(var m=mxUtils.getValue(this.style,mxShapeMockupWedgeBar.prototype.cst.TAB_STYLE,mxShapeMockupWedgeBar.prototype.cst.BLOCK),c=s,x=0;x<i;x++){var h=a[x]+2*l;S!==x&&(m===mxShapeMockupWedgeBar.prototype.cst.BLOCK?(t.begin(),t.moveTo(c,r),t.lineTo(c,0),t.lineTo(c+h,0),t.lineTo(c+h,r)):m===mxShapeMockupWedgeBar.prototype.cst.CONE?(t.begin(),t.moveTo(c,r),t.lineTo(c+.5*l,0),t.lineTo(c+h-.5*l,0),t.lineTo(c+h,r)):m===mxShapeMockupWedgeBar.prototype.cst.HALF_CONE?(t.begin(),t.moveTo(c,r),t.lineTo(c+.5*l,0),t.lineTo(c+h,0),t.lineTo(c+h,r)):m===mxShapeMockupWedgeBar.prototype.cst.ROUND&&(t.begin(),t.moveTo(c-p,r),t.arcTo(p,p,0,0,0,c,r-p),t.lineTo(c,p),t.arcTo(p,p,0,0,1,c+p,0),t.lineTo(c+h-p,0),t.arcTo(p,p,0,0,1,c+h,p),t.lineTo(c+h,r-p),t.arcTo(p,p,0,0,0,c+h+p,r)),t.fillAndStroke()),c=c+h+n}},mxShapeMockupWedgeBar.prototype.focusTab=function(t,e,o,p,r,s,n,l,i,a,S){var m=mxUtils.getValue(this.style,mxShapeMockupWedgeBar.prototype.cst.TAB_STYLE,mxShapeMockupWedgeBar.prototype.cst.BLOCK),c=mxUtils.getValue(this.style,mxShapeMockupWedgeBar.prototype.cst.STYLE_FILLCOLOR2,"#008cff"),x=s;t.setStrokeColor(c),t.setFillColor(c);for(var h=0;h<=S;h++){var u=a[h]+2*l;S===h&&(m===mxShapeMockupWedgeBar.prototype.cst.BLOCK?(t.begin(),t.moveTo(x,r),t.lineTo(x,0),t.lineTo(x+u,0),t.lineTo(x+u,r)):m===mxShapeMockupWedgeBar.prototype.cst.CONE?(t.begin(),t.moveTo(x,r),t.lineTo(x+.5*l,0),t.lineTo(x+u-.5*l,0),t.lineTo(x+u,r)):m===mxShapeMockupWedgeBar.prototype.cst.HALF_CONE?(t.begin(),t.moveTo(x,r),t.lineTo(x+.5*l,0),t.lineTo(x+u,0),t.lineTo(x+u,r)):m===mxShapeMockupWedgeBar.prototype.cst.ROUND&&(t.begin(),t.moveTo(x-p,r),t.arcTo(p,p,0,0,0,x,r-p),t.lineTo(x,p),t.arcTo(p,p,0,0,1,x+p,0),t.lineTo(x+u-p,0),t.arcTo(p,p,0,0,1,x+u,p),t.lineTo(x+u,r-p),t.arcTo(p,p,0,0,0,x+u+p,r)),t.fillAndStroke()),x=x+u+n}},mxShapeMockupWedgeBar.prototype.tabText=function(t,e,o,p,r,s,n,l,i,a,S,m){var c=mxUtils.getValue(this.style,mxShapeMockupWedgeBar.prototype.cst.TEXT_COLOR,"#666666"),x=mxUtils.getValue(this.style,mxShapeMockupWedgeBar.prototype.cst.SEL_TEXT_COLOR,"#ffffff"),h=mxUtils.getValue(this.style,mxShapeMockupWedgeBar.prototype.cst.TEXT_SIZE,"17").toString();t.setFontColor(c),t.setFontSize(h);for(var u=s,T=0;T<i;T++){var k=m[T];T===S&&t.setFontColor(x),"+"===k.charAt(0)&&(k=k.substring(1));var M=a[T]+2*l;t.text(u+l,.5*r,0,0,k,mxConstants.ALIGN_LEFT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0),u=u+M+n,T===S&&t.setFontColor(c)}},mxCellRenderer.registerShape(mxShapeMockupWedgeBar.prototype.cst.SHAPE_WEDGE_BAR,mxShapeMockupWedgeBar),mxUtils.extend(mxShapeMockupSearchBox,mxShape),mxShapeMockupSearchBox.prototype.cst={MAIN_TEXT:"mainText",TEXT_COLOR:"textColor",TEXT_SIZE:"textSize",STROKE_COLOR2:"strokeColor2",SHAPE_SEARCH_BOX:"mxgraph.mockup.forms.searchBox"},mxShapeMockupSearchBox.prototype.customProperties=[{name:"strokeColor2",dispName:"Icon Color",type:"color"}],mxShapeMockupSearchBox.prototype.paintVertexShape=function(t,e,o,p,r){t.translate(e,o),this.background(t,p,r),t.setShadow(!1),this.foreground(t,p,r)},mxShapeMockupSearchBox.prototype.background=function(t,e,o){t.rect(0,0,e,o),t.fillAndStroke()},mxShapeMockupSearchBox.prototype.foreground=function(t,e,o){var p=mxUtils.getValue(this.style,mxShapeMockupSearchBox.prototype.cst.MAIN_TEXT,"Search"),r=mxUtils.getValue(this.style,mxShapeMockupSearchBox.prototype.cst.TEXT_COLOR,"#666666"),s=mxUtils.getValue(this.style,mxShapeMockupSearchBox.prototype.cst.STROKE_COLOR2,"#008cff"),n=mxUtils.getValue(this.style,mxShapeMockupSearchBox.prototype.cst.TEXT_SIZE,"17");t.setFontColor(r),t.setFontSize(n),t.text(5,.5*o,0,0,p,mxConstants.ALIGN_LEFT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0),t.setStrokeColor(s),t.ellipse(e-15,.5*o-8,10,10),t.stroke(),t.begin(),t.moveTo(e-19,.5*o+9),t.lineTo(e-13,.5*o+1),t.stroke()},mxCellRenderer.registerShape(mxShapeMockupSearchBox.prototype.cst.SHAPE_SEARCH_BOX,mxShapeMockupSearchBox),mxUtils.extend(mxShapeMockupSignIn,mxShape),mxShapeMockupSignIn.prototype.cst={MAIN_TEXT:"mainText",TEXT_COLOR:"textColor",TEXT_COLOR2:"textColor2",TEXT_SIZE:"textSize",TEXT_SIZE2:"textSize2",STROKE_COLOR2:"strokeColor2",FILL_COLOR2:"fillColor2",SHAPE_SIGN_IN:"mxgraph.mockup.forms.signIn"},mxShapeMockupSignIn.prototype.paintVertexShape=function(t,e,o,p,r){t.translate(e,o),this.background(t,p,r),t.setShadow(!1),this.foreground(t,p,r)},mxShapeMockupSignIn.prototype.background=function(t,e,o){t.rect(0,0,e,o),t.fillAndStroke()},mxShapeMockupSignIn.prototype.foreground=function(t,e,o){var p=mxUtils.getValue(this.style,mxShapeMockupSignIn.prototype.cst.MAIN_TEXT,"Sign In,User Name:,johndoe,Password:,********,Forgot Password?,New User,SIGN IN,SIGN UP").toString().split(","),r=mxUtils.getValue(this.style,mxShapeMockupSignIn.prototype.cst.TEXT_COLOR,"#666666"),s=mxUtils.getValue(this.style,mxShapeMockupSignIn.prototype.cst.TEXT_COLOR2,"#ffffff"),n=mxUtils.getValue(this.style,mxShapeMockupSignIn.prototype.cst.TEXT_SIZE,"12"),l=mxUtils.getValue(this.style,mxShapeMockupSignIn.prototype.cst.TEXT_SIZE2,"15"),i=mxUtils.getValue(this.style,mxShapeMockupSignIn.prototype.cst.STROKE_COLOR2,"#ddeeff"),a=mxUtils.getValue(this.style,mxShapeMockupSignIn.prototype.cst.FILL_COLOR2,"#66bbff");t.setFillColor(a),t.roundrect(.09*e,.52*o,.36*e,.09*o,5,5),t.fill(),t.roundrect(.09*e,.84*o,.36*e,.09*o,5,5),t.fill(),t.rect(.05*e,.22*o,.75*e,.08*o),t.stroke(),t.rect(.05*e,.4*o,.75*e,.08*o),t.stroke(),t.setStrokeColor(i),t.setStrokeWidth(2),t.begin(),t.moveTo(.05*e,.12*o),t.lineTo(.95*e,.12*o),t.moveTo(.05*e,.72*o),t.lineTo(.95*e,.72*o),t.stroke(),t.setFontColor(r),t.setFontSize(n),t.text(.05*e,.1*o,0,0,p[0],mxConstants.ALIGN_LEFT,mxConstants.ALIGN_BOTTOM,0,null,0,0,0),t.text(.05*e,.2*o,0,0,p[1],mxConstants.ALIGN_LEFT,mxConstants.ALIGN_BOTTOM,0,null,0,0,0),t.text(.075*e,.26*o,0,0,p[2],mxConstants.ALIGN_LEFT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0),t.text(.05*e,.38*o,0,0,p[3],mxConstants.ALIGN_LEFT,mxConstants.ALIGN_BOTTOM,0,null,0,0,0),t.text(.075*e,.44*o,0,0,p[4],mxConstants.ALIGN_LEFT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0),t.text(.05*e,.8*o,0,0,p[6],mxConstants.ALIGN_LEFT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0),t.setStrokeWidth(1),t.setFontColor("#9999ff"),t.setStrokeColor("#9999ff");var S=mxUtils.getSizeForString(p[5],n,mxConstants.DEFAULT_FONTFAMILY).width;t.text(.05*e,.7*o,0,0,p[5],mxConstants.ALIGN_LEFT,mxConstants.ALIGN_BOTTOM,0,null,0,0,0),t.begin(),t.moveTo(.05*e,.7*o),t.lineTo(.05*e+S,.7*o),t.stroke(),t.setFontColor(s),t.setFontStyle(mxConstants.FONT_BOLD),t.setFontSize(l),t.text(.27*e,.565*o,0,0,p[7],mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0),t.text(.27*e,.885*o,0,0,p[8],mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0)},mxCellRenderer.registerShape(mxShapeMockupSignIn.prototype.cst.SHAPE_SIGN_IN,mxShapeMockupSignIn),mxUtils.extend(mxShapeMockupCalendar,mxShape),mxShapeMockupCalendar.prototype.cst={SHAPE_CALENDAR:"mxgraph.mockup.forms.calendar",DAYS:"days",SELECTED_DAY:"selDay",PREV_DAYS:"prevDays",FIRST_DAY:"firstDay",START_ON:"startOn",DAY_NAMES:"dayNames",MAIN_TEXT:"mainText",TEXT_SIZE:"textSize",TEXT_COLOR:"textColor",TEXT_COLOR2:"textColor2",STROKE_COLOR2:"strokeColor2",FILL_COLOR2:"fillColor2"},mxShapeMockupCalendar.prototype.paintVertexShape=function(t,e,o,p,r){t.translate(e,o),this.background(t,p,r),t.setShadow(!1),this.foreground(t,p,r)},mxShapeMockupCalendar.prototype.background=function(t,e,o){t.roundrect(0,0,e,o,.0312*e,.0286*o),t.fillAndStroke()},mxShapeMockupCalendar.prototype.foreground=function(t,e,o){var p=mxUtils.getValue(this.style,mxConstants.STYLE_STROKECOLOR,"#999999"),r=mxUtils.getValue(this.style,mxConstants.STYLE_FILLCOLOR,"#ffffff"),s=mxUtils.getValue(this.style,mxShapeMockupCalendar.prototype.cst.STROKE_COLOR2,"#008cff"),n=mxUtils.getValue(this.style,mxShapeMockupCalendar.prototype.cst.FILL_COLOR2,"#ddeeff"),l=mxUtils.getValue(this.style,mxShapeMockupCalendar.prototype.cst.MAIN_TEXT,""),i=mxUtils.getValue(this.style,mxShapeMockupCalendar.prototype.cst.TEXT_SIZE,"15"),a=mxUtils.getValue(this.style,mxShapeMockupCalendar.prototype.cst.TEXT_COLOR,"#999999"),S=mxUtils.getValue(this.style,mxShapeMockupCalendar.prototype.cst.TEXT_COLOR2,"#ffffff"),m=parseInt(mxUtils.getValue(this.style,mxShapeMockupCalendar.prototype.cst.DAYS,"30"),10),c=parseInt(mxUtils.getValue(this.style,mxShapeMockupCalendar.prototype.cst.PREV_DAYS,"31"),10),x=parseInt(mxUtils.getValue(this.style,mxShapeMockupCalendar.prototype.cst.FIRST_DAY,"0"),10),h=parseInt(mxUtils.getValue(this.style,mxShapeMockupCalendar.prototype.cst.START_ON,"6",10)),u=mxUtils.getValue(this.style,mxShapeMockupCalendar.prototype.cst.DAY_NAMES,"Mo,Tu,We,Th,Fr,Sa,Su").toString().split(","),T=parseInt(mxUtils.getValue(this.style,mxShapeMockupCalendar.prototype.cst.SELECTED_DAY,"24"),10);fistDay=Math.max(x,0),h=Math.max(h,0),fistDay=Math.min(x,6),h=Math.min(h,6),t.roundrect(.05*e,.0457*o,.1438*e,.1029*o,.025*e,.0229*o),t.stroke(),t.roundrect(.8125*e,.0457*o,.1438*e,.1029*o,.025*e,.0229*o),t.stroke(),t.setStrokeWidth(2),t.setStrokeColor(s),t.begin(),t.moveTo(.1438*e,.0743*o),t.lineTo(.1*e,.0971*o),t.lineTo(.1438*e,.12*o),t.moveTo(.8625*e,.0743*o),t.lineTo(.9062*e,.0971*o),t.lineTo(.8625*e,.12*o),t.stroke(),t.setFontSize(i),t.setFontColor(a),t.text(.5*e,.0971*o,0,0,l,mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0);for(var k=.875*e/7,M=0;M<7;M++){var C=.0625*e+.5*k+M*k,L=M+h;L>6&&(L-=7),t.text(C,.2114*o,0,0,u[L],mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0)}t.setStrokeWidth(1);var E=0,A=-1,d=-1;if(x!==h){t.setStrokeColor(p),t.setFillColor(n);var _=x-h;for(_<0&&(_+=7),M=0;M<_;M++){C=.0625*e+M*k,t.rect(C,.2686*o,k,.1143*o),t.fillAndStroke();var y=c-_+M+1;t.text(C+.5*k,.2686*o+.5*k,0,0,y.toString(),mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0)}E=_}t.setFillColor(r),t.setStrokeColor(p);var f=0;for(M=0;M<m;M++){var g=M+1,I=(C=.0625*e+E*k,.2686*o+f*o*.1143);g===T?(A=C,d=I):(t.rect(C,I,k,.1143*o),t.fillAndStroke(),t.text(C+.5*k,I+.5*k,0,0,g.toString(),mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0)),E<6?E++:(E=0,f++)}for(M=1,t.setFillColor(n);f<6;)C=.0625*e+E*k,I=.2686*o+f*o*.1143,t.rect(C,I,k,.1143*o),t.fillAndStroke(),t.text(C+.5*k,I+.5*k,0,0,M.toString(),mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0),E<6?E++:(E=0,f++),M++;A>=0&&(t.setStrokeColor("#ff0000"),t.setStrokeWidth(2),t.setFillColor(s),t.setFontColor(S),t.rect(A,d,k,.1143*o),t.fillAndStroke(),t.text(A+.5*k,d+.5*k,0,0,T.toString(),mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0))},mxCellRenderer.registerShape(mxShapeMockupCalendar.prototype.cst.SHAPE_CALENDAR,mxShapeMockupCalendar),mxUtils.extend(mxShapeMockupEmailForm,mxShape),mxShapeMockupEmailForm.prototype.cst={MAIN_TEXT:"mainText",TEXT_COLOR:"textColor",SHOW_CC:"showCC",SHOW_BCC:"showBCC",TEXT_SIZE:"textSize",SHAPE_EMAIL_FORM:"mxgraph.mockup.forms.emailForm"},mxShapeMockupEmailForm.prototype.paintVertexShape=function(t,e,o,p,r){var s=mxUtils.getValue(this.style,mxShapeMockupEmailForm.prototype.cst.TEXT_SIZE,"12"),n=mxUtils.getValue(this.style,mxShapeMockupEmailForm.prototype.cst.SHOW_CC,"true"),l=mxUtils.getValue(this.style,mxShapeMockupEmailForm.prototype.cst.SHOW_BCC,"true"),i=4*s,a=0;"true"===n&&a++,"true"===l&&a++,p=Math.max(p,5*s),r=Math.max(r,10.5*s+a*s*3),t.translate(e,o),this.background(t,p,r,s,i,n,l),t.setShadow(!1),this.foreground(t,p,r,s,i,n,l)},mxShapeMockupEmailForm.prototype.background=function(t,e,o,p,r,s,n){var l=9*p;"true"===s&&(l+=3*p,t.rect(r,9*p,e-r,1.5*p),t.fillAndStroke()),"true"===n&&(t.rect(r,l,e-r,1.5*p),l+=3*p,t.fillAndStroke()),t.rect(r,0,e-r,1.5*p),t.fillAndStroke(),t.rect(r,3*p,e-r,1.5*p),t.fillAndStroke(),t.rect(r,6*p,e-r,1.5*p),t.fillAndStroke(),t.rect(0,l,e,o-l),t.fillAndStroke()},mxShapeMockupEmailForm.prototype.foreground=function(t,e,o,p,r,s,n){var l=mxUtils.getValue(this.style,mxShapeMockupEmailForm.prototype.cst.MAIN_TEXT,"john@jgraph.com,Greeting,fred@jgraph.com,,,Lorem ipsum").toString().split(","),i=mxUtils.getValue(this.style,mxShapeMockupEmailForm.prototype.cst.TEXT_COLOR,"#666666");t.setFontColor(i),t.setFontSize(p),t.text(r-.5*p,.75*p,0,0,"From",mxConstants.ALIGN_RIGHT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0),t.text(r-.5*p,3.75*p,0,0,"Subject",mxConstants.ALIGN_RIGHT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0),t.text(r-.5*p,6.75*p,0,0,"To",mxConstants.ALIGN_RIGHT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0),t.text(r+.5*p,.75*p,0,0,l[0],mxConstants.ALIGN_LEFT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0),t.text(r+.5*p,3.75*p,0,0,l[1],mxConstants.ALIGN_LEFT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0),t.text(r+.5*p,6.75*p,0,0,l[2],mxConstants.ALIGN_LEFT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0);var a=9*p;"true"===s&&(a+=3*p,t.text(r-.5*p,9.75*p,0,0,"CC",mxConstants.ALIGN_RIGHT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0),t.text(r+.5*p,9.75*p,0,0,l[3],mxConstants.ALIGN_LEFT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0)),"true"===n&&(t.text(r-.5*p,a+.75*p,0,0,"BCC",mxConstants.ALIGN_RIGHT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0),t.text(r+.5*p,a+.75*p,0,0,l[4],mxConstants.ALIGN_LEFT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0),a+=3*p),t.text(.5*p,a+.75*p,0,0,l[5],mxConstants.ALIGN_LEFT,mxConstants.ALIGN_MIDDLE,0,null,0,0,0)},mxCellRenderer.registerShape(mxShapeMockupEmailForm.prototype.cst.SHAPE_EMAIL_FORM,mxShapeMockupEmailForm),mxUtils.extend(mxShapeMockupFormsRRect,mxShape),mxShapeMockupFormsRRect.prototype.cst={RRECT:"mxgraph.mockup.forms.rrect",R_SIZE:"rSize"},mxShapeMockupFormsRRect.prototype.customProperties=[{name:"rSize",dispName:"Arc Size",type:"float",min:0,defVal:10}],mxShapeMockupFormsRRect.prototype.paintVertexShape=function(t,e,o,p,r){t.translate(e,o);var s=parseInt(mxUtils.getValue(this.style,mxShapeMockupFormsRRect.prototype.cst.R_SIZE,"10"));t.roundrect(0,0,p,r,s),t.fillAndStroke()},mxCellRenderer.registerShape(mxShapeMockupFormsRRect.prototype.cst.RRECT,mxShapeMockupFormsRRect),mxUtils.extend(mxShapeMockupFormsAnchor,mxShape),mxShapeMockupFormsAnchor.prototype.cst={ANCHOR:"mxgraph.mockup.forms.anchor"},mxShapeMockupFormsAnchor.prototype.paintVertexShape=function(t,e,o,p,r){},mxCellRenderer.registerShape(mxShapeMockupFormsAnchor.prototype.cst.ANCHOR,mxShapeMockupFormsAnchor),mxUtils.extend(mxShapeMockupFormsCheckbox,mxShape),mxShapeMockupFormsCheckbox.prototype.cst={CHECKBOX:"mxgraph.mockup.forms.checkbox"},mxShapeMockupFormsCheckbox.prototype.paintVertexShape=function(t,e,o,p,r){t.translate(e,o),t.rect(0,0,p,r),t.fillAndStroke(),t.begin(),t.moveTo(.8*p,.2*r),t.lineTo(.4*p,.8*r),t.lineTo(.25*p,.6*r),t.stroke()},mxCellRenderer.registerShape(mxShapeMockupFormsCheckbox.prototype.cst.CHECKBOX,mxShapeMockupFormsCheckbox),mxUtils.extend(mxShapeMockupFormsURect,mxShape),mxShapeMockupFormsURect.prototype.cst={U_RECT:"mxgraph.mockup.forms.uRect"},mxShapeMockupFormsURect.prototype.paintVertexShape=function(t,e,o,p,r){t.translate(e,o),t.begin(),t.moveTo(0,r),t.lineTo(0,0),t.lineTo(p,0),t.lineTo(p,r),t.fillAndStroke()},mxCellRenderer.registerShape(mxShapeMockupFormsURect.prototype.cst.U_RECT,mxShapeMockupFormsURect);