@zklogic/draw.io/dist/mxgraph/shapes/mockup/mxMockupButtons.js

Draw.IO - Graph Editor integration in Angular-cli

function mxShapeMockupMultiButton(t,o,e,p){mxShape.call(this),this.bounds=t,this.fill=o,this.stroke=e,this.strokewidth=null!=p?p:1}function mxShapeMockupButton(t,o,e,p){mxShape.call(this),this.bounds=t,this.fill=o,this.stroke=e,this.strokewidth=null!=p?p:1}function mxShapeMockupHorButtonBar(t,o,e,p){mxShape.call(this),this.bounds=t,this.fill=o,this.stroke=e,this.strokewidth=null!=p?p:1}function mxShapeMockupVerButtonBar(t,o,e,p){mxShape.call(this),this.bounds=t,this.fill=o,this.stroke=e,this.strokewidth=null!=p?p:1}function mxShapeMockupOnOffButton(t,o,e,p){mxShape.call(this),this.bounds=t,this.fill=o,this.stroke=e,this.strokewidth=null!=p?p:1}function mxShapeMockupRRect(t,o,e,p){mxShape.call(this),this.bounds=t,this.fill=o,this.stroke=e,this.strokewidth=null!=p?p:1}function mxShapeMockupAnchor(t,o,e,p){mxShape.call(this),this.bounds=t}function mxShapeMockupTopButton(t,o,e,p){mxShape.call(this),this.bounds=t,this.fill=o,this.stroke=e,this.strokewidth=null!=p?p:1}function mxShapeMockupBottomButton(t,o,e,p){mxShape.call(this),this.bounds=t,this.fill=o,this.stroke=e,this.strokewidth=null!=p?p:1}function mxShapeMockupRightButton(t,o,e,p){mxShape.call(this),this.bounds=t,this.fill=o,this.stroke=e,this.strokewidth=null!=p?p:1}function mxShapeMockupLeftButton(t,o,e,p){mxShape.call(this),this.bounds=t,this.fill=o,this.stroke=e,this.strokewidth=null!=p?p:1}mxUtils.extend(mxShapeMockupMultiButton,mxShape),mxShapeMockupMultiButton.prototype.cst={MAIN_TEXT:"mainText",SHAPE_MULTILINE_BUTTON:"mxgraph.mockup.buttons.multiButton",SUB_TEXT:"subText",TEXT_COLOR:"textColor",TEXT_SIZE:"textSize",BUTTON_STYLE:"buttonStyle",ROUND:"round",CHEVRON:"chevron"},mxShapeMockupMultiButton.prototype.customProperties=[{name:"buttonStyle",dispName:"Style",type:"enum",defVal:"round",enumList:[{val:"round",dispName:"Round"},{val:"chevron",dispName:"Chevron"}]}],mxShapeMockupMultiButton.prototype.paintVertexShape=function(t,o,e,p,n){var r=mxUtils.getValue(this.style,mxShapeMockupMultiButton.prototype.cst.MAIN_TEXT,"Main Text"),a=mxUtils.getValue(this.style,mxShapeMockupMultiButton.prototype.cst.SUB_TEXT,"Sub Text"),s=mxUtils.getValue(this.style,mxShapeMockupMultiButton.prototype.cst.TEXT_COLOR,"#666666"),i=mxUtils.getValue(this.style,mxShapeMockupMultiButton.prototype.cst.TEXT_SIZE,"17");t.translate(o,e),this.background(t,o,e,p,n),t.setShadow(!1),t.setFontStyle(mxConstants.FONT_BOLD),this.mainText(t,o,e,p,n,r,i,s),this.subText(t,o,e,p,n,a,i/1.4,s)},mxShapeMockupMultiButton.prototype.background=function(t,o,e,p,n){var r=mxUtils.getValue(this.style,mxShapeMockupMultiButton.prototype.cst.BUTTON_STYLE,mxShapeMockupMultiButton.prototype.cst.ROUND).toString(),a=10;t.begin(),r===mxShapeMockupMultiButton.prototype.cst.ROUND?(t.moveTo(0,a),t.arcTo(a,a,0,0,1,a,0),t.lineTo(p-a,0),t.arcTo(a,a,0,0,1,p,a),t.lineTo(p,n-a),t.arcTo(a,a,0,0,1,p-a,n),t.lineTo(a,n),t.arcTo(a,a,0,0,1,0,n-a)):r===mxShapeMockupMultiButton.prototype.cst.CHEVRON&&(t.moveTo(0,.1*n),t.arcTo(.0372*p,.1111*n,0,0,1,.0334*p,0),t.lineTo(.768*p,0),t.arcTo(.0722*p,.216*n,0,0,1,.8014*p,.0399*n),t.lineTo(.99*p,.4585*n),t.arcTo(.09*p,.1*n,0,0,1,.99*p,.5415*n),t.lineTo(.8014*p,.9568*n),t.arcTo(.0722*p,.216*n,0,0,1,.768*p,n),t.lineTo(.0334*p,n),t.arcTo(.0372*p,.1111*n,0,0,1,0,.9*n)),t.close(),t.fillAndStroke()},mxShapeMockupMultiButton.prototype.mainText=function(t,o,e,p,n,r,a,s){t.begin(),t.setFontSize(a),t.setFontColor(s),t.text(.5*p,.4*n,0,0,r,mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0)},mxShapeMockupMultiButton.prototype.subText=function(t,o,e,p,n,r,a,s){t.begin(),t.setFontSize(a),t.text(.5*p,.7*n,0,0,r,mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0)},mxCellRenderer.registerShape(mxShapeMockupMultiButton.prototype.cst.SHAPE_MULTILINE_BUTTON,mxShapeMockupMultiButton),mxUtils.extend(mxShapeMockupButton,mxShape),mxShapeMockupButton.prototype.cst={MAIN_TEXT:"mainText",SHAPE_BUTTON:"mxgraph.mockup.buttons.button",TEXT_COLOR:"textColor",TEXT_SIZE:"textSize",BUTTON_STYLE:"buttonStyle",ROUND:"round",CHEVRON:"chevron"},mxShapeMockupButton.prototype.customProperties=[{name:"buttonStyle",dispName:"Style",type:"enum",defVal:"round",enumList:[{val:"round",dispName:"Round"},{val:"chevron",dispName:"Chevron"}]}],mxShapeMockupButton.prototype.paintVertexShape=function(t,o,e,p,n){var r=mxUtils.getValue(this.style,mxShapeMockupButton.prototype.cst.MAIN_TEXT,"Main Text"),a=mxUtils.getValue(this.style,mxShapeMockupButton.prototype.cst.TEXT_COLOR,"#666666").toString(),s=mxUtils.getValue(this.style,mxShapeMockupButton.prototype.cst.TEXT_SIZE,"17").toString();t.translate(o,e),this.background(t,o,e,p,n),t.setShadow(!1),this.mainText(t,o,e,p,n,r,s,a)},mxShapeMockupButton.prototype.background=function(t,o,e,p,n){var r=mxUtils.getValue(this.style,mxShapeMockupButton.prototype.cst.BUTTON_STYLE,mxShapeMockupButton.prototype.cst.ROUND).toString(),a=10;t.begin(),r===mxShapeMockupButton.prototype.cst.ROUND?(t.moveTo(0,a),t.arcTo(a,a,0,0,1,a,0),t.lineTo(p-a,0),t.arcTo(a,a,0,0,1,p,a),t.lineTo(p,n-a),t.arcTo(a,a,0,0,1,p-a,n),t.lineTo(a,n),t.arcTo(a,a,0,0,1,0,n-a)):r===mxShapeMockupButton.prototype.cst.CHEVRON&&(t.moveTo(0,.1*n),t.arcTo(.0372*p,.1111*n,0,0,1,.0334*p,0),t.lineTo(.768*p,0),t.arcTo(.0722*p,.216*n,0,0,1,.8014*p,.0399*n),t.lineTo(.99*p,.4585*n),t.arcTo(.09*p,.1*n,0,0,1,.99*p,.5415*n),t.lineTo(.8014*p,.9568*n),t.arcTo(.0722*p,.216*n,0,0,1,.768*p,n),t.lineTo(.0334*p,n),t.arcTo(.0372*p,.1111*n,0,0,1,0,.9*n)),t.close(),t.fillAndStroke()},mxShapeMockupButton.prototype.mainText=function(t,o,e,p,n,r,a,s){t.begin(),t.setFontSize(a),t.setFontColor(s),t.setFontStyle(mxConstants.FONT_BOLD),t.text(p/2,n/2,0,0,r,mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0)},mxCellRenderer.registerShape(mxShapeMockupButton.prototype.cst.SHAPE_BUTTON,mxShapeMockupButton),mxUtils.extend(mxShapeMockupHorButtonBar,mxShape),mxShapeMockupHorButtonBar.prototype.cst={MAIN_TEXT:"mainText",SHAPE_HOR_BUTTON_BAR:"mxgraph.mockup.buttons.horButtonBar",TEXT_COLOR:"textColor",TEXT_COLOR2:"textColor2",STROKE_COLOR2:"strokeColor2",FILL_COLOR2:"fillColor2",SELECTED:"+",TEXT_SIZE:"textSize"},mxShapeMockupHorButtonBar.prototype.paintVertexShape=function(t,o,e,p,n){for(var r=mxUtils.getValue(this.style,mxShapeMockupHorButtonBar.prototype.cst.MAIN_TEXT,"+Button 1, Button 2, Button 3").toString().split(","),a=mxUtils.getValue(this.style,mxShapeMockupHorButtonBar.prototype.cst.TEXT_COLOR,"#666666"),s=mxUtils.getValue(this.style,mxShapeMockupHorButtonBar.prototype.cst.TEXT_COLOR2,"#ffffff"),i=mxUtils.getValue(this.style,mxShapeMockupHorButtonBar.prototype.cst.TEXT_SIZE,"17").toString(),u=mxUtils.getValue(this.style,mxConstants.STYLE_STROKECOLOR,"#666666"),l=mxUtils.getValue(this.style,mxShapeMockupHorButtonBar.prototype.cst.STROKE_COLOR2,"#c4c4c4"),c=mxUtils.getValue(this.style,mxConstants.STYLE_FILLCOLOR,"#ffffff"),m=mxUtils.getValue(this.style,mxShapeMockupHorButtonBar.prototype.cst.FILL_COLOR2,"#008cff"),T=r.length,h=new Array(T),x=0,S=-1,B=0;B<T;B++){var k=r[B];k.charAt(0)===mxShapeMockupHorButtonBar.prototype.cst.SELECTED&&(k=r[B].substring(1),S=B),h[B]=mxUtils.getSizeForString(k,i,mxConstants.DEFAULT_FONTFAMILY).width,x+=h[B]}var f=Math.max(n,1.5*i,20),M=10*T+x,O=Math.max(p,M);t.translate(o,e),this.background(t,O,f,10,T,h,5,M,u,l,c,m,S),t.setShadow(!1),t.setFontStyle(mxConstants.FONT_BOLD);var y=0;for(B=0;B<T;B++)B===S?t.setFontColor(s):t.setFontColor(a),y+=5,this.buttonText(t,y,f,r[B],h[B],i,M,O),y=y+h[B]+5},mxShapeMockupHorButtonBar.prototype.background=function(t,o,e,p,n,r,a,s,i,u,l,c,m){t.begin(),t.setStrokeColor(i),t.setFillColor(l),t.moveTo(0,p),t.arcTo(p,p,0,0,1,p,0),t.lineTo(o-p,0),t.arcTo(p,p,0,0,1,o,p),t.lineTo(o,e-p),t.arcTo(p,p,0,0,1,o-p,e),t.lineTo(p,e),t.arcTo(p,p,0,0,1,0,e-p),t.close(),t.fillAndStroke(),t.setStrokeColor(u),t.begin();for(var T=1;T<n;T++)if(T!==m&&T!==m+1){for(var h=0,x=0;x<T;x++)h+=r[x]+2*a;h=h*o/s,t.moveTo(h,0),t.lineTo(h,e)}t.stroke();var S=0;for(t.setFillColor(c),T=0;T<m;T++)S+=r[T]+2*a;S=S*o/s;var B=(r[m]+2*a)*o/s;B+=S,0===m?(t.begin(),t.moveTo(0,p),t.arcTo(p,p,0,0,1,p,0),t.lineTo(B,0),t.lineTo(B,e),t.lineTo(p,e),t.arcTo(p,p,0,0,1,0,e-p),t.close(),t.fill()):m===n-1?(t.begin(),t.moveTo(S,0),t.lineTo(B-p,0),t.arcTo(p,p,0,0,1,B,p),t.lineTo(B,e-p),t.arcTo(p,p,0,0,1,B-p,e),t.lineTo(S,e),t.close(),t.fill()):-1!==m&&(t.begin(),t.moveTo(S,0),t.lineTo(B,0),t.lineTo(B,e),t.lineTo(S,e),t.close(),t.fill()),t.setStrokeColor(i),t.setFillColor(l),t.begin(),t.moveTo(0,p),t.arcTo(p,p,0,0,1,p,0),t.lineTo(o-p,0),t.arcTo(p,p,0,0,1,o,p),t.lineTo(o,e-p),t.arcTo(p,p,0,0,1,o-p,e),t.lineTo(p,e),t.arcTo(p,p,0,0,1,0,e-p),t.close(),t.stroke()},mxShapeMockupHorButtonBar.prototype.buttonText=function(t,o,e,p,n,r,a,s){p.charAt(0)===mxShapeMockupHorButtonBar.prototype.cst.SELECTED&&(p=p.substring(1)),t.begin(),t.setFontSize(r),t.text((o+.5*n)*s/a,.5*e,0,0,p,mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0)},mxCellRenderer.registerShape(mxShapeMockupHorButtonBar.prototype.cst.SHAPE_HOR_BUTTON_BAR,mxShapeMockupHorButtonBar),mxUtils.extend(mxShapeMockupVerButtonBar,mxShape),mxShapeMockupVerButtonBar.prototype.cst={MAIN_TEXT:"mainText",SHAPE_VER_BUTTON_BAR:"mxgraph.mockup.buttons.verButtonBar",TEXT_COLOR:"textColor",TEXT_COLOR2:"textColor2",STROKE_COLOR2:"strokeColor2",FILL_COLOR2:"fillColor2",SELECTED:"+",TEXT_SIZE:"textSize"},mxShapeMockupVerButtonBar.prototype.paintVertexShape=function(t,o,e,p,n){for(var r=mxUtils.getValue(this.style,mxShapeMockupVerButtonBar.prototype.cst.MAIN_TEXT,"+Button 1, Button 2, Button 3").toString().split(","),a=mxUtils.getValue(this.style,mxShapeMockupVerButtonBar.prototype.cst.TEXT_COLOR,"#666666"),s=mxUtils.getValue(this.style,mxShapeMockupVerButtonBar.prototype.cst.TEXT_COLOR2,"#ffffff"),i=mxUtils.getValue(this.style,mxShapeMockupVerButtonBar.prototype.cst.TEXT_SIZE,"17").toString(),u=mxUtils.getValue(this.style,mxConstants.STYLE_STROKECOLOR,"#666666"),l=mxUtils.getValue(this.style,mxShapeMockupVerButtonBar.prototype.cst.STROKE_COLOR2,"#c4c4c4"),c=mxUtils.getValue(this.style,mxConstants.STYLE_FILLCOLOR,"#ffffff"),m=mxUtils.getValue(this.style,mxShapeMockupVerButtonBar.prototype.cst.FILL_COLOR2,"#008cff"),T=r.length,h=0,x=-1,S=0;S<T;S++){var B=r[S];B.charAt(0)===mxShapeMockupVerButtonBar.prototype.cst.SELECTED&&(B=r[S].substring(1),x=S),(E=mxUtils.getSizeForString(B,i,mxConstants.DEFAULT_FONTFAMILY).width)>h&&(h=E)}var k=1.5*i,f=T*k,M=Math.max(n,f),O=10+h,y=Math.max(p,O);t.translate(o,e),this.background(t,y,M,10,T,5,T*k,u,l,c,m,x,k),t.setShadow(!1);var E=0;for(t.setFontStyle(mxConstants.FONT_BOLD),S=0;S<T;S++){S===x?t.setFontColor(s):t.setFontColor(a),E+=5;var _=(S*k+.5*k)*M/f;this.buttonText(t,y,_,r[S],i)}},mxShapeMockupVerButtonBar.prototype.background=function(t,o,e,p,n,r,a,s,i,u,l,c,m){t.begin(),t.setStrokeColor(s),t.setFillColor(u),t.moveTo(0,p),t.arcTo(p,p,0,0,1,p,0),t.lineTo(o-p,0),t.arcTo(p,p,0,0,1,o,p),t.lineTo(o,e-p),t.arcTo(p,p,0,0,1,o-p,e),t.lineTo(p,e),t.arcTo(p,p,0,0,1,0,e-p),t.close(),t.fillAndStroke(),t.setStrokeColor(i),t.begin();for(var T=1;T<n;T++)if(T!==c&&T!==c+1){var h=T*m*e/a;t.moveTo(0,h),t.lineTo(o,h)}if(t.stroke(),t.setFillColor(l),0===c){t.begin();var x=m*e/a;t.moveTo(0,p),t.arcTo(p,p,0,0,1,p,0),t.lineTo(o-p,0),t.arcTo(p,p,0,0,1,o,p),t.lineTo(o,x),t.lineTo(0,x),t.close(),t.fill()}else if(c===n-1){t.begin();var S=e-m*e/a;t.moveTo(0,S),t.lineTo(o,S),t.lineTo(o,e-p),t.arcTo(p,p,0,0,1,o-p,e),t.lineTo(p,e),t.arcTo(p,p,0,0,1,0,e-p),t.close(),t.fill()}else-1!==c&&(t.begin(),S=m*c*e/a,x=m*(c+1)*e/a,t.moveTo(0,S),t.lineTo(o,S),t.lineTo(o,x),t.lineTo(0,x),t.close(),t.fill());t.begin(),t.setStrokeColor(s),t.setFillColor(u),t.moveTo(0,p),t.arcTo(p,p,0,0,1,p,0),t.lineTo(o-p,0),t.arcTo(p,p,0,0,1,o,p),t.lineTo(o,e-p),t.arcTo(p,p,0,0,1,o-p,e),t.lineTo(p,e),t.arcTo(p,p,0,0,1,0,e-p),t.close(),t.stroke()},mxShapeMockupVerButtonBar.prototype.buttonText=function(t,o,e,p,n){p.charAt(0)===mxShapeMockupVerButtonBar.prototype.cst.SELECTED&&(p=p.substring(1)),t.begin(),t.setFontSize(n),t.text(.5*o,e,0,0,p,mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0)},mxCellRenderer.registerShape(mxShapeMockupVerButtonBar.prototype.cst.SHAPE_VER_BUTTON_BAR,mxShapeMockupVerButtonBar),mxUtils.extend(mxShapeMockupOnOffButton,mxShape),mxShapeMockupOnOffButton.prototype.cst={SHAPE_ON_OFF_BUTTON:"mxgraph.mockup.buttons.onOffButton",BUTTON_STATE:"buttonState",STATE_ON:"on",STATE_OFF:"off",FILL_COLOR2:"fillColor2",MAIN_TEXT:"mainText",TEXT_COLOR:"textColor",TEXT_SIZE:"textSize"},mxShapeMockupOnOffButton.prototype.customProperties=[{name:"buttonState",dispName:"Button State",type:"enum",enumList:[{val:"on",dispName:"On"},{val:"off",dispName:"Off"}]}],mxShapeMockupOnOffButton.prototype.paintVertexShape=function(t,o,e,p,n){t.translate(o,e),p=Math.max(p,10),n=Math.max(n,10),this.background(t,o,e,p,n),t.setShadow(!1),this.foreground(t,o,e,p,n)},mxShapeMockupOnOffButton.prototype.background=function(t,o,e,p,n){t.roundrect(0,0,p,n,10,10),t.fillAndStroke()},mxShapeMockupOnOffButton.prototype.foreground=function(t,o,e,p,n){var r=mxUtils.getValue(this.style,mxShapeMockupOnOffButton.prototype.cst.BUTTON_STATE,mxShapeMockupOnOffButton.prototype.cst.STATE_ON),a=mxUtils.getValue(this.style,mxShapeMockupOnOffButton.prototype.cst.FILL_COLOR2,"#008cff"),s=mxUtils.getValue(this.style,mxShapeMockupOnOffButton.prototype.cst.TEXT_COLOR,"#ffffff,#999999").toString().split(","),i=mxUtils.getValue(this.style,mxShapeMockupOnOffButton.prototype.cst.MAIN_TEXT,"ON,OFF").toString().split(","),u=mxUtils.getValue(this.style,mxShapeMockupOnOffButton.prototype.cst.TEXT_SIZE,"17");r===mxShapeMockupOnOffButton.prototype.cst.STATE_ON?(t.setFillColor(a),t.setFontColor(s[0]),t.roundrect(0,0,.75*p,n,10,10)):(t.setFontColor(s[1]),t.roundrect(.25*p,0,.75*p,n,10,10)),t.fillAndStroke(),t.setFontSize(u),t.setFontStyle(mxConstants.FONT_BOLD),r===mxShapeMockupOnOffButton.prototype.cst.STATE_ON?t.text(.375*p,.5*n,0,0,i[0],mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0):r===mxShapeMockupOnOffButton.prototype.cst.STATE_OFF&&t.text(.625*p,.5*n,0,0,i[1],mxConstants.ALIGN_CENTER,mxConstants.ALIGN_MIDDLE,0,null,0,0,0)},mxCellRenderer.registerShape(mxShapeMockupOnOffButton.prototype.cst.SHAPE_ON_OFF_BUTTON,mxShapeMockupOnOffButton),mxUtils.extend(mxShapeMockupRRect,mxShape),mxShapeMockupRRect.prototype.cst={RRECT:"mxgraph.mockup.rrect",R_SIZE:"rSize"},mxShapeMockupRRect.prototype.customProperties=[{name:"rSize",dispName:"Arc Size",type:"float",min:0,defVal:10}],mxShapeMockupRRect.prototype.paintVertexShape=function(t,o,e,p,n){t.translate(o,e);var r=parseInt(mxUtils.getValue(this.style,mxShapeMockupRRect.prototype.cst.R_SIZE,"10"));t.roundrect(0,0,p,n,r),t.fillAndStroke()},mxCellRenderer.registerShape(mxShapeMockupRRect.prototype.cst.RRECT,mxShapeMockupRRect),mxUtils.extend(mxShapeMockupAnchor,mxShape),mxShapeMockupAnchor.prototype.cst={ANCHOR:"mxgraph.mockup.anchor"},mxShapeMockupAnchor.prototype.customProperties=[{name:"rSize",dispName:"Arc Size",type:"float",min:0,defVal:10}],mxShapeMockupAnchor.prototype.paintVertexShape=function(t,o,e,p,n){},mxCellRenderer.registerShape(mxShapeMockupAnchor.prototype.cst.ANCHOR,mxShapeMockupAnchor),mxUtils.extend(mxShapeMockupTopButton,mxShape),mxShapeMockupTopButton.prototype.cst={TOP_BUTTON:"mxgraph.mockup.topButton",R_SIZE:"rSize"},mxShapeMockupTopButton.prototype.customProperties=[{name:"rSize",dispName:"Arc Size",type:"float",min:0,defVal:10}],mxShapeMockupTopButton.prototype.paintVertexShape=function(t,o,e,p,n){t.translate(o,e);var r=parseInt(mxUtils.getValue(this.style,mxShapeMockupTopButton.prototype.cst.R_SIZE,"10"));t.begin(),t.moveTo(0,r),t.arcTo(r,r,0,0,1,r,0),t.lineTo(p-r,0),t.arcTo(r,r,0,0,1,p,r),t.lineTo(p,n),t.lineTo(0,n),t.close(),t.fillAndStroke()},mxCellRenderer.registerShape(mxShapeMockupTopButton.prototype.cst.TOP_BUTTON,mxShapeMockupTopButton),mxUtils.extend(mxShapeMockupBottomButton,mxShape),mxShapeMockupBottomButton.prototype.cst={BOTTOM_BUTTON:"mxgraph.mockup.bottomButton",R_SIZE:"rSize"},mxShapeMockupBottomButton.prototype.customProperties=[{name:"rSize",dispName:"Arc Size",type:"float",min:0,defVal:10}],mxShapeMockupBottomButton.prototype.paintVertexShape=function(t,o,e,p,n){t.translate(o,e);var r=parseInt(mxUtils.getValue(this.style,mxShapeMockupBottomButton.prototype.cst.R_SIZE,"10"));t.begin(),t.moveTo(0,0),t.lineTo(p,0),t.lineTo(p,n-r),t.arcTo(r,r,0,0,1,p-r,n),t.lineTo(r,n),t.arcTo(r,r,0,0,1,0,n-r),t.close(),t.fillAndStroke()},mxCellRenderer.registerShape(mxShapeMockupBottomButton.prototype.cst.BOTTOM_BUTTON,mxShapeMockupBottomButton),mxUtils.extend(mxShapeMockupRightButton,mxShape),mxShapeMockupRightButton.prototype.cst={RIGHT_BUTTON:"mxgraph.mockup.rightButton",R_SIZE:"rSize"},mxShapeMockupRightButton.prototype.customProperties=[{name:"rSize",dispName:"Arc Size",type:"float",min:0,defVal:10}],mxShapeMockupRightButton.prototype.paintVertexShape=function(t,o,e,p,n){t.translate(o,e);var r=parseInt(mxUtils.getValue(this.style,mxShapeMockupRightButton.prototype.cst.R_SIZE,"10"));t.begin(),t.moveTo(0,0),t.lineTo(p-r,0),t.arcTo(r,r,0,0,1,p,r),t.lineTo(p,n-r),t.arcTo(r,r,0,0,1,p-r,n),t.lineTo(0,n),t.close(),t.fillAndStroke()},mxCellRenderer.registerShape(mxShapeMockupRightButton.prototype.cst.RIGHT_BUTTON,mxShapeMockupRightButton),mxUtils.extend(mxShapeMockupLeftButton,mxShape),mxShapeMockupLeftButton.prototype.cst={LEFT_BUTTON:"mxgraph.mockup.leftButton",R_SIZE:"rSize"},mxShapeMockupLeftButton.prototype.customProperties=[{name:"rSize",dispName:"Arc Size",type:"float",min:0,defVal:10}],mxShapeMockupLeftButton.prototype.paintVertexShape=function(t,o,e,p,n){t.translate(o,e);var r=parseInt(mxUtils.getValue(this.style,mxShapeMockupLeftButton.prototype.cst.R_SIZE,"10"));t.begin(),t.moveTo(p,0),t.lineTo(p,n),t.lineTo(r,n),t.arcTo(r,r,0,0,1,0,n-r),t.lineTo(0,r),t.arcTo(r,r,0,0,1,r,0),t.close(),t.fillAndStroke()},mxCellRenderer.registerShape(mxShapeMockupLeftButton.prototype.cst.LEFT_BUTTON,mxShapeMockupLeftButton);