Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
js.joint.clean.min.js Maven / Gradle / Ivy
/*! JointJS v0.9.2 - JavaScript diagramming library 2014-09-16
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at http://mozilla.org/MPL/2.0/.
*/
if("object"==typeof exports)var _=require("lodash");var joint={version:"0.9.2",dia:{},ui:{},layout:{},shapes:{},format:{},connectors:{},routers:{},util:{hashCode:function(t){var e=0;if(0==t.length)return e;for(var n=0;t.length>n;n++){var i=t.charCodeAt(n);e=(e<<5)-e+i,e&=e}return e},getByPath:function(t,e,n){n=n||".";for(var i,r=e.split(n);r.length;){if(i=r.shift(),!(i in t))return void 0;t=t[i]}return t},setByPath:function(t,e,n,i){i=i||".";var r=e.split(i),o=t,s=0;if(e.indexOf(i)>-1){for(var a=r.length;a-1>s;s++)o=o[r[s]]||(o[r[s]]={});o[r[a-1]]=n}else t[e]=n;return t},unsetByPath:function(t,e,n){n=n||".";var i=e.lastIndexOf(n);if(i>-1){var r=joint.util.getByPath(t,e.substr(0,i),n);r&&delete r[e.slice(i+1)]}else delete t[e];return t},flattenObject:function(t,e,n){e=e||".";var i={};for(var r in t)if(t.hasOwnProperty(r)){var o="object"==typeof t[r];if(o&&n&&n(t[r])&&(o=!1),o){var s=this.flattenObject(t[r],e,n);for(var a in s)s.hasOwnProperty(a)&&(i[r+e+a]=s[a])}else i[r]=t[r]}return i},uuid:function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(t){var e=0|16*Math.random(),n="x"==t?e:8|3&e;return n.toString(16)})},guid:function(t){return this.guid.id=this.guid.id||1,t.id=void 0===t.id?"j_"+this.guid.id++:t.id,t.id},mixin:function(){for(var t=arguments[0],e=1,n=arguments.length;n>e;e++){var i=arguments[e];(Object(i)===i||_.isFunction(i)||null!==i&&void 0!==i)&&_.each(i,function(e,n){return this.mixin.deep&&Object(e)===e?(t[n]||(t[n]=_.isArray(e)?[]:{}),this.mixin(t[n],e),void 0):(t[n]!==e&&(this.mixin.supplement&&t.hasOwnProperty(n)||(t[n]=e)),void 0)},this)}return t},supplement:function(){this.mixin.supplement=!0;var t=this.mixin.apply(this,arguments);return this.mixin.supplement=!1,t},deepMixin:function(){this.mixin.deep=!0;var t=this.mixin.apply(this,arguments);return this.mixin.deep=!1,t},deepSupplement:function(){this.mixin.deep=this.mixin.supplement=!0;var t=this.mixin.apply(this,arguments);return this.mixin.deep=this.mixin.supplement=!1,t},normalizeEvent:function(t){return t.originalEvent&&t.originalEvent.changedTouches&&t.originalEvent.changedTouches.length?t.originalEvent.changedTouches[0]:t},nextFrame:function(){var t,e="undefined"!=typeof window;if(e&&(t=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame),!t){var n=0;t=function(t){var e=(new Date).getTime(),i=Math.max(0,16-(e-n)),r=setTimeout(function(){t(e+i)},i);return n=e+i,r}}return e?_.bind(t,window):t}(),cancelFrame:function(){var t,e="undefined"!=typeof window;return e&&(t=window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.webkitCancelRequestAnimationFrame||window.msCancelAnimationFrame||window.msCancelRequestAnimationFrame||window.oCancelAnimationFrame||window.oCancelRequestAnimationFrame||window.mozCancelAnimationFrame||window.mozCancelRequestAnimationFrame),t=t||clearTimeout,e?_.bind(t,window):t}(),breakText:function(t,e,n,i){i=i||{};var r=e.width,o=e.height,s=i.svgDocument||V("svg").node,a=V("'," "].join(""),toolMarkup:['','','Remove link. "," ",'','Link options. "," "," "].join(""),vertexMarkup:['','',"Remove vertex. "," "," "].join(""),arrowheadMarkup:['',' "].join(""),defaults:{type:"link"},disconnect:function(){return this.set({source:g.point(0,0),target:g.point(0,0)})
},label:function(t,e){t=t||0;var n=this.get("labels")||[];if(0===arguments.length||1===arguments.length)return n[t];var i=_.merge({},n[t],e),r=n.slice();return r[t]=i,this.set({labels:r})},translate:function(t,e,n){var i={},r=this.get("source"),o=this.get("target"),s=this.get("vertices");return r.id||(i.source={x:r.x+t,y:r.y+e}),o.id||(i.target={x:o.x+t,y:o.y+e}),s&&s.length&&(i.vertices=_.map(s,function(n){return{x:n.x+t,y:n.y+e}})),this.set(i,n)}}),joint.dia.LinkView=joint.dia.CellView.extend({className:function(){return _.unique(this.model.get("type").split(".").concat("link")).join(" ")},options:{shortLinkLength:100},initialize:function(){joint.dia.CellView.prototype.initialize.apply(this,arguments),"function"!=typeof this.constructor.prototype.watchSource&&(this.constructor.prototype.watchSource=this._createWatcher("source"),this.constructor.prototype.watchTarget=this._createWatcher("target")),this._labelCache={},this._markerCache={},this.startListening()},startListening:function(){this.listenTo(this.model,"change:markup",this.render),this.listenTo(this.model,"change:smooth change:manhattan change:router change:connector",this.update),this.listenTo(this.model,"change:toolMarkup",function(){this.renderTools().updateToolsPosition()}),this.listenTo(this.model,"change:labels change:labelMarkup",function(){this.renderLabels().updateLabelPositions()}),this.listenTo(this.model,"change:vertices change:vertexMarkup",function(){this.renderVertexMarkers().update()}),this.listenTo(this.model,"change:source",function(t,e){this.watchSource(t,e).update()}),this.listenTo(this.model,"change:target",function(t,e){this.watchTarget(t,e).update()})},render:function(){this.$el.empty();var t=V(this.model.get("markup")||this.model.markup);if(_.isArray(t)||(t=[t]),this._V={},_.each(t,function(t){var e=t.attr("class");e&&(this._V[$.camelCase(e)]=t)},this),!this._V.connection)throw Error("link: no connection path in the markup");return this.renderTools(),this.renderVertexMarkers(),this.renderArrowheadMarkers(),V(this.el).append(t),this.renderLabels(),this.watchSource(this.model,this.model.get("source")).watchTarget(this.model,this.model.get("target")).update(),this},renderLabels:function(){if(!this._V.labels)return this;this._labelCache={};var t=$(this._V.labels.node).empty(),e=this.model.get("labels")||[];if(!e.length)return this;var n=_.template(this.model.get("labelMarkup")||this.model.labelMarkup),i=V(n());return _.each(e,function(e,n){var r=i.clone().node;this._labelCache[n]=V(r);var o=$(r).find("text"),s=$(r).find("rect"),a=_.extend({"text-anchor":"middle","font-size":14},joint.util.getByPath(e,"attrs/text","/"));o.attr(_.omit(a,"text")),_.isUndefined(a.text)||V(o[0]).text(a.text+""),t.append(r);var l=V(o[0]).bbox(!0,t[0]);V(o[0]).translate(0,-l.height/2);var c=_.extend({fill:"white",rx:3,ry:3},joint.util.getByPath(e,"attrs/rect","/"));s.attr(_.extend(c,{x:l.x,y:l.y-l.height/2,width:l.width,height:l.height}))},this),this},renderTools:function(){if(!this._V.linkTools)return this;var t=$(this._V.linkTools.node).empty(),e=_.template(this.model.get("toolMarkup")||this.model.toolMarkup),n=V(e());return t.append(n.node),this._toolCache=n,this},renderVertexMarkers:function(){if(!this._V.markerVertices)return this;var t=$(this._V.markerVertices.node).empty(),e=_.template(this.model.get("vertexMarkup")||this.model.vertexMarkup);return _.each(this.model.get("vertices"),function(n,i){t.append(V(e(_.extend({idx:i},n))).node)}),this},renderArrowheadMarkers:function(){if(!this._V.markerArrowheads)return this;var t=$(this._V.markerArrowheads.node);t.empty();var e=_.template(this.model.get("arrowheadMarkup")||this.model.arrowheadMarkup);return this._V.sourceArrowhead=V(e({end:"source"})),this._V.targetArrowhead=V(e({end:"target"})),t.append(this._V.sourceArrowhead.node,this._V.targetArrowhead.node),this},update:function(){_.each(this.model.get("attrs"),function(t,e){_.isObject(t.filter)?(this.findBySelector(e).attr(_.omit(t,"filter")),this.applyFilter(e,t.filter)):this.findBySelector(e).attr(t)},this);var t=this.route=this.findRoute(this.model.get("vertices")||[]);this._findConnectionPoints(t);var e=this.getPathData(t);return this._V.connection.attr("d",e),this._V.connectionWrap&&this._V.connectionWrap.attr("d",e),this._translateAndAutoOrientArrows(this._V.markerSource,this._V.markerTarget),this.updateLabelPositions(),this.updateToolsPosition(),this.updateArrowheadMarkers(),delete this.options.perpendicular,this},_findConnectionPoints:function(t){var e,n,i,r,o=_.first(t);e=this.getConnectionPoint("source",this.model.get("source"),o||this.model.get("target")).round();var s=_.last(t);n=this.getConnectionPoint("target",this.model.get("target"),s||e).round();var a=this._markerCache;this._V.markerSource&&(a.sourceBBox=a.sourceBBox||this._V.markerSource.bbox(!0),i=g.point(e).move(o||n,-1*a.sourceBBox.width*this._V.markerSource.scale().sx).round()),this._V.markerTarget&&(a.targetBBox=a.targetBBox||this._V.markerTarget.bbox(!0),r=g.point(n).move(s||e,-1*a.targetBBox.width*this._V.markerTarget.scale().sx).round()),a.sourcePoint=i||e,a.targetPoint=r||n,this.sourcePoint=e,this.targetPoint=n},updateLabelPositions:function(){if(!this._V.labels)return this;var t=this.model.get("labels")||[];if(!t.length)return this;var e=this._V.connection.node,n=e.getTotalLength();return _.each(t,function(t,i){var r=t.position;r=r>n?n:r,r=0>r?n+r:r,r=r>1?r:n*r;var o=e.getPointAtLength(r);this._labelCache[i].attr("transform","translate("+o.x+", "+o.y+")")},this),this},updateToolsPosition:function(){if(!this._V.linkTools)return this;var t="",e=40;this.getConnectionLength()s);)n=i.slice();return-1===a&&(a=0,n.splice(a,0,t)),this.model.set("vertices",n),a},sendToken:function(t,e,n){e=e||1e3,V(this.paper.viewport).append(t),V(t).animateAlongPath({dur:e+"ms",repeatCount:1},this._V.connection.node),_.delay(function(){V(t).remove(),n&&n()},e)},findRoute:function(t){var e=this.model.get("router");if(!e){if(!this.model.get("manhattan"))return t;e={name:"orthogonal"}}var n=joint.routers[e.name];if(!_.isFunction(n))throw"unknown router: "+e.name;var i=n.call(this,t||[],e.args||{},this);return i},getPathData:function(t){var e=this.model.get("connector");if(e||(e=this.model.get("smooth")?{name:"smooth"}:{name:"normal"}),!_.isFunction(joint.connectors[e.name]))throw"unknown connector: "+e.name;var n=joint.connectors[e.name].call(this,this._markerCache.sourcePoint,this._markerCache.targetPoint,t||this.model.get("vertices")||{},e.args||{},this);return n},getConnectionPoint:function(t,e,n){var i;if(e=e||{x:0,y:0},n=n||{x:0,y:0},this._isPoint(e))i=g.point(e);else{var r,o="source"===t?this.sourceBBox:this.targetBBox;if(this._isPoint(n))r=g.point(n);else{var s="source"===t?this.targetBBox:this.sourceBBox;r=g.rect(s).intersectionWithLineFromCenterToPoint(g.rect(o).center()),r=r||g.rect(s).center()}if(this.paper.options.perpendicularLinks||this.options.perpendicular){var a,l=g.rect(0,r.y,this.paper.options.width,1),c=g.rect(r.x,0,1,this.paper.options.height);if(l.intersect(g.rect(o)))switch(a=g.rect(o).sideNearestToPoint(r)){case"left":i=g.point(o.x,r.y);break;case"right":i=g.point(o.x+o.width,r.y);break;default:i=g.rect(o).center()}else if(c.intersect(g.rect(o)))switch(a=g.rect(o).sideNearestToPoint(r)){case"top":i=g.point(r.x,o.y);break;case"bottom":i=g.point(r.x,o.y+o.height);break;default:i=g.rect(o).center()}else i=g.rect(o).intersectionWithLineFromCenterToPoint(r),i=i||g.rect(o).center()}else if(this.paper.options.linkConnectionPoint){var u="target"===t?this.targetView:this.sourceView,h="target"===t?this.targetMagnet:this.sourceMagnet;i=this.paper.options.linkConnectionPoint(this,u,h,r)}else i=g.rect(o).intersectionWithLineFromCenterToPoint(r),i=i||g.rect(o).center()}return i},_isModel:function(t){return t&&t.id},_isPoint:function(t){return!this._isModel(t)},_makeSelector:function(t){var e='[model-id="'+t.id+'"]';return t.port?e+=' [port="'+t.port+'"]':t.selector&&(e+=" "+t.selector),e},getConnectionLength:function(){return this._V.connection.node.getTotalLength()},getPointAtLength:function(t){return this._V.connection.node.getPointAtLength(t)},_beforeArrowheadMove:function(){this.model.trigger("batch:start"),this._z=this.model.get("z"),this.model.set("z",Number.MAX_VALUE),this.el.style.pointerEvents="none",this.paper.options.markAvailable&&this._markAvailableMagnets()},_afterArrowheadMove:function(){this._z&&(this.model.set("z",this._z),delete this._z),this.el.style.pointerEvents="visiblePainted",this.paper.options.markAvailable&&this._unmarkAvailableMagnets(),this.model.trigger("batch:stop")},_createValidateConnectionArgs:function(t){function e(t,e){return n[o]=t,n[o+1]=t.el===e?void 0:e,n}var n=[];n[4]=t,n[5]=this;var i,r=0,o=0;"source"===t?(r=2,i="target"):(o=2,i="source");var s=this.model.get(i);return s.id&&(n[r]=this.paper.findViewByModel(s.id),n[r+1]=s.selector&&n[r].el.querySelector(s.selector)),e},_markAvailableMagnets:function(){var t=this.paper.model.getElements(),e=this.paper.options.validateConnection;_.chain(t).map(this.paper.findViewByModel,this.paper).each(function(t){var n="false"!==t.el.getAttribute("magnet")&&e.apply(this.paper,this._validateConnectionArgs(t,null)),i=_.filter(t.el.querySelectorAll("[magnet]"),function(n){return e.apply(this.paper,this._validateConnectionArgs(t,n))},this);n&&V(t.el).addClass("available-magnet"),_.each(i,function(t){V(t).addClass("available-magnet")}),(n||i.length)&&V(t.el).addClass("available-cell")},this)},_unmarkAvailableMagnets:function(){_.each(this.paper.el.querySelectorAll(".available-cell, .available-magnet"),function(t){V(t).removeClass("available-magnet").removeClass("available-cell")})},startArrowheadMove:function(t){this._action="arrowhead-move",this._arrowhead=t,this._validateConnectionArgs=this._createValidateConnectionArgs(this._arrowhead),this._beforeArrowheadMove()},pointerdown:function(t,e,n){function i(t){return _.isObject(r)&&r[t]===!1?!1:!0}joint.dia.CellView.prototype.pointerdown.apply(this,arguments),this._dx=e,this._dy=n;var r=_.isFunction(this.options.interactive)?this.options.interactive(this,"pointerdown"):this.options.interactive;if(r!==!1){var o=t.target.getAttribute("class");switch(o){case"marker-vertex":i("vertexMove")&&(this._action="vertex-move",this._vertexIdx=t.target.getAttribute("idx"));break;case"marker-vertex-remove":case"marker-vertex-remove-area":i("vertexRemove")&&this.removeVertex(t.target.getAttribute("idx"));break;case"marker-arrowhead":i("arrowheadMove")&&this.startArrowheadMove(t.target.getAttribute("end"));break;default:var s=t.target.parentNode.getAttribute("event");s?"remove"===s?this.model.remove():this.paper.trigger(s,t,this,e,n):i("vertexAdd")&&(this._vertexIdx=this.addVertex({x:e,y:n}),this._action="vertex-move")}this.paper.trigger("link:pointerdown",t,this,e,n)}},pointermove:function(t,e,n){switch(joint.dia.CellView.prototype.pointermove.apply(this,arguments),this._action){case"vertex-move":var i=_.clone(this.model.get("vertices"));i[this._vertexIdx]={x:e,y:n},this.model.set("vertices",i);break;case"arrowhead-move":if(this.paper.options.snapLinks){var r=this.paper.options.snapLinks.radius||50,o=this.paper.findViewsInArea({x:e-r,y:n-r,width:2*r,height:2*r});this._closestView&&this._closestView.unhighlight(this._closestEnd.selector),this._closestView=this._closestEnd=null;var s,a=g.point(e,n),l=Number.MAX_VALUE;_.each(o,function(t){"false"!==t.el.getAttribute("magnet")&&(s=t.model.getBBox().center().distance(a),r>s&&l>s&&this.paper.options.validateConnection.apply(this.paper,this._validateConnectionArgs(t,null))&&(l=s,this._closestView=t,this._closestEnd={id:t.model.id})),t.$("[magnet]").each(_.bind(function(e,n){var i=V(n).bbox(!1,this.paper.viewport);s=a.distance({x:i.x+i.width/2,y:i.y+i.height/2}),r>s&&l>s&&this.paper.options.validateConnection.apply(this.paper,this._validateConnectionArgs(t,n))&&(l=s,this._closestView=t,this._closestEnd={id:t.model.id,selector:t.getSelector(n),port:n.getAttribute("port")})},this))},this),this._closestView&&this._closestView.highlight(this._closestEnd.selector),this.model.set(this._arrowhead,this._closestEnd||{x:e,y:n})}else{var c="mousemove"===t.type?t.target:document.elementFromPoint(t.clientX,t.clientY);this._targetEvent!==c&&(this._magnetUnderPointer&&this._viewUnderPointer.unhighlight(this._magnetUnderPointer),this._viewUnderPointer=this.paper.findView(c),this._viewUnderPointer?(this._magnetUnderPointer=this._viewUnderPointer.findMagnet(c),this._magnetUnderPointer&&this.paper.options.validateConnection.apply(this.paper,this._validateConnectionArgs(this._viewUnderPointer,this._magnetUnderPointer))?this._magnetUnderPointer&&this._viewUnderPointer.highlight(this._magnetUnderPointer):this._magnetUnderPointer=null):this._magnetUnderPointer=null),this._targetEvent=c,this.model.set(this._arrowhead,{x:e,y:n})}}this._dx=e,this._dy=n},pointerup:function(){joint.dia.CellView.prototype.pointerup.apply(this,arguments),"arrowhead-move"===this._action&&(this.paper.options.snapLinks?(this._closestView&&this._closestView.unhighlight(this._closestEnd.selector),this._closestView=this._closestEnd=null):(this._magnetUnderPointer&&(this._viewUnderPointer.unhighlight(this._magnetUnderPointer),this.model.set(this._arrowhead,{id:this._viewUnderPointer.model.id,selector:this._viewUnderPointer.getSelector(this._magnetUnderPointer),port:$(this._magnetUnderPointer).attr("port")})),delete this._viewUnderPointer,delete this._magnetUnderPointer,delete this._staticView,delete this._staticMagnet),this._afterArrowheadMove()),delete this._action}}),"object"==typeof exports&&(module.exports.Link=joint.dia.Link,module.exports.LinkView=joint.dia.LinkView),joint.dia.Paper=Backbone.View.extend({className:"paper",options:{width:800,height:600,origin:{x:0,y:0},gridSize:50,perpendicularLinks:!1,elementView:joint.dia.ElementView,linkView:joint.dia.LinkView,snapLinks:!1,markAvailable:!1,defaultLink:new joint.dia.Link,validateMagnet:function(t,e){return"passive"!==e.getAttribute("magnet")},validateConnection:function(t,e,n,i,r){return("target"===r?n:t)instanceof joint.dia.ElementView}},events:{mousedown:"pointerdown",dblclick:"mousedblclick",click:"mouseclick",touchstart:"pointerdown",mousemove:"pointermove",touchmove:"pointermove"},constructor:function(t){this._configure(t),Backbone.View.apply(this,arguments)},_configure:function(t){this.options&&(t=_.extend({},_.result(this,"options"),t)),this.options=t},initialize:function(){_.bindAll(this,"addCell","sortCells","resetCells","pointerup","asyncRenderCells"),this.svg=V("svg").node,this.viewport=V("g").node,V(this.svg).append(V("defs").node),V(this.viewport).attr({"class":"viewport"}),V(this.svg).append(this.viewport),this.$el.append(this.svg),this.setOrigin(),this.setDimensions(),this.listenTo(this.model,"add",this.onAddCell),this.listenTo(this.model,"reset",this.resetCells),this.listenTo(this.model,"sort",this.sortCells),$(document).on("mouseup touchend",this.pointerup),this._mousemoved=!1},remove:function(){$(document).off("mouseup touchend",this.pointerup),Backbone.View.prototype.remove.call(this)},setDimensions:function(t,e){t=this.options.width=t||this.options.width,e=this.options.height=e||this.options.height,V(this.svg).attr({width:t,height:e}),this.trigger("resize",t,e)},setOrigin:function(t,e){this.options.origin.x=t||0,this.options.origin.y=e||0,V(this.viewport).translate(t,e,{absolute:!0}),this.trigger("translate",t,e)},fitToContent:function(t,e,n,i){_.isObject(t)?(i=t,t=i.gridWidth||1,e=i.gridHeight||1,n=i.padding||0):(i=i||{},t=t||1,e=e||1,n=n||0);var r=V(this.viewport).bbox(!0,this.svg),o=V(this.viewport).scale();r.x*=o.sx,r.y*=o.sy,r.width*=o.sx,r.height*=o.sy;var s=Math.max(Math.ceil((r.width+r.x)/t),1)*t,a=Math.max(Math.ceil((r.height+r.y)/e),1)*e,l=0,c=0;("negative"==i.allowNewOrigin&&0>r.x||"positive"==i.allowNewOrigin&&r.x>=0||"any"==i.allowNewOrigin)&&(l=Math.ceil(-r.x/t)*t,l+=n,s+=l),("negative"==i.allowNewOrigin&&0>r.y||"positive"==i.allowNewOrigin&&r.y>=0||"any"==i.allowNewOrigin)&&(c=Math.ceil(-r.y/e)*e,c+=n,a+=c),s+=n,a+=n;var u=s!=this.options.width||a!=this.options.height,h=l!=this.options.origin.x||c!=this.options.origin.y;h&&this.setOrigin(l,c),u&&this.setDimensions(s,a)},scaleContentToFit:function(t){var e=this.getContentBBox();if(e.width&&e.height){t=t||{},_.defaults(t,{padding:0,preserveAspectRatio:!0,scaleGrid:null,minScale:0,maxScale:Number.MAX_VALUE});var n=t.padding,i=t.minScaleX||t.minScale,r=t.maxScaleX||t.maxScale,o=t.minScaleY||t.minScale,s=t.maxScaleY||t.maxScale,a=t.fittingBBox||{x:this.options.origin.x,y:this.options.origin.y,width:this.options.width,height:this.options.height};a=g.rect(a).moveAndExpand({x:n,y:n,width:-2*n,height:-2*n});var l=V(this.viewport).scale(),c=a.width/e.width*l.sx,u=a.height/e.height*l.sy;if(t.preserveAspectRatio&&(c=u=Math.min(c,u)),t.scaleGrid){var h=t.scaleGrid;c=h*Math.floor(c/h),u=h*Math.floor(u/h)}c=Math.min(r,Math.max(i,c)),u=Math.min(s,Math.max(o,u)),this.scale(c,u);var f=this.getContentBBox(),d=a.x-f.x,p=a.y-f.y;this.setOrigin(d,p)}},getContentBBox:function(){var t=this.viewport.getBoundingClientRect(),e=this.viewport.getScreenCTM(),n=this.viewport.getCTM(),i=g.rect({x:t.left-e.e+n.e,y:t.top-e.f+n.f,width:t.width,height:t.height});return i},createViewForModel:function(t){var e,n=t.get("type"),i=n.split(".")[0],r=n.split(".")[1];return e=joint.shapes[i]&&joint.shapes[i][r+"View"]?new joint.shapes[i][r+"View"]({model:t,interactive:this.options.interactive}):t instanceof joint.dia.Element?new this.options.elementView({model:t,interactive:this.options.interactive}):new this.options.linkView({model:t,interactive:this.options.interactive})},onAddCell:function(t,e,n){if(this.options.async&&n.async!==!1&&_.isNumber(n.position)){if(this._asyncCells=this._asyncCells||[],this._asyncCells.push(t),0==n.position){if(this._frameId)throw"another asynchronous rendering in progress";this.asyncRenderCells(this._asyncCells),delete this._asyncCells}}else this.addCell(t)},addCell:function(t){var e=this.createViewForModel(t);V(this.viewport).append(e.el),e.paper=this,e.render(),$(e.el).find("image").on("dragstart",function(){return!1})},resetCells:function(t){$(this.viewport).empty();var e=t.models.slice();e.sort(function(t){return t instanceof joint.dia.Link?1:-1}),this._frameId&&(joint.util.cancelFrame(this._frameId),delete this._frameId),this.options.async?this.asyncRenderCells(e):(_.each(e,this.addCell,this),this.sortCells())},asyncRenderCells:function(t){var e=!1;this._frameId&&_.each(_.range(this.options.async&&this.options.async.batchSize||50),function(){var n=t.shift();e=!n,e||this.addCell(n)},this),e?(delete this._frameId,this.sortCells(),this.trigger("render:done")):this._frameId=joint.util.nextFrame(_.bind(function(){this.asyncRenderCells(t)},this))},sortCells:function(){var t=$(this.viewport).children("[model-id]"),e=this.model.get("cells");this.sortElements(t,function(t,n){var i=e.get($(t).attr("model-id")),r=e.get($(n).attr("model-id"));return(i.get("z")||0)>(r.get("z")||0)?1:-1})},sortElements:function(t,e){var n=$(t),i=n.map(function(){var t=this,e=t.parentNode,n=e.insertBefore(document.createTextNode(""),t.nextSibling);return function(){if(e===this)throw Error("You can't sort elements if any one is a descendant of another.");e.insertBefore(this,n),e.removeChild(n)}});return Array.prototype.sort.call(n,e).each(function(t){i[t].call(this)})},scale:function(t,e,n,i){e=e||t,_.isUndefined(n)&&(n=0,i=0),V(this.viewport).attr("transform","");var r=this.options.origin.x,o=this.options.origin.y;if(n||i||r||o){var s=r-n*(t-1),a=o-i*(e-1);this.setOrigin(s,a)}return V(this.viewport).scale(t,e),this.trigger("scale",t,e,n,i),this},rotate:function(t,e,n){if(_.isUndefined(e)){var i=this.viewport.getBBox();e=i.width/2,n=i.height/2}V(this.viewport).rotate(t,e,n)},findView:function(t){var e=this.$(t);return 0===e.length||e[0]===this.el?void 0:e.data("view")?e.data("view"):this.findView(e.parent())},findViewByModel:function(t){var e=_.isString(t)?t:t.id,n=this.$('[model-id="'+e+'"]');return n.length?n.data("view"):void 0},findViewsFromPoint:function(t){t=g.point(t);var e=_.map(this.model.getElements(),this.findViewByModel);return _.filter(e,function(e){return g.rect(V(e.el).bbox(!1,this.viewport)).containsPoint(t)},this)},findViewsInArea:function(t){t=g.rect(t);var e=_.map(this.model.getElements(),this.findViewByModel);return _.filter(e,function(e){return t.intersect(g.rect(V(e.el).bbox(!1,this.viewport)))},this)},getModelById:function(t){return this.model.getCell(t)},snapToGrid:function(t){var e=V(this.viewport).toLocalPoint(t.x,t.y);return{x:g.snapToGrid(e.x,this.options.gridSize),y:g.snapToGrid(e.y,this.options.gridSize)}},getDefaultLink:function(t,e){return _.isFunction(this.options.defaultLink)?this.options.defaultLink.call(this,t,e):this.options.defaultLink.clone()},mousedblclick:function(t){t.preventDefault(),t=joint.util.normalizeEvent(t);var e=this.findView(t.target),n=this.snapToGrid({x:t.clientX,y:t.clientY});e?e.pointerdblclick(t,n.x,n.y):this.trigger("blank:pointerdblclick",t,n.x,n.y)},mouseclick:function(t){if(!this._mousemoved){t=joint.util.normalizeEvent(t);var e=this.findView(t.target),n=this.snapToGrid({x:t.clientX,y:t.clientY});e?e.pointerclick(t,n.x,n.y):this.trigger("blank:pointerclick",t,n.x,n.y)}this._mousemoved=!1},pointerdown:function(t){t=joint.util.normalizeEvent(t);var e=this.findView(t.target),n=this.snapToGrid({x:t.clientX,y:t.clientY});e?(this.sourceView=e,e.pointerdown(t,n.x,n.y)):this.trigger("blank:pointerdown",t,n.x,n.y)},pointermove:function(t){if(t.preventDefault(),t=joint.util.normalizeEvent(t),this.sourceView){this._mousemoved=!0;var e=this.snapToGrid({x:t.clientX,y:t.clientY});this.sourceView.pointermove(t,e.x,e.y)}},pointerup:function(t){t=joint.util.normalizeEvent(t);var e=this.snapToGrid({x:t.clientX,y:t.clientY});this.sourceView?(this.sourceView.pointerup(t,e.x,e.y),this.sourceView=null):this.trigger("blank:pointerup",t,e.x,e.y)}}),"object"==typeof exports)var joint={util:require("../src/core").util,shapes:{},dia:{Element:require("../src/joint.dia.element").Element,ElementView:require("../src/joint.dia.element").ElementView}},_=require("lodash");joint.shapes.basic={},joint.shapes.basic.Generic=joint.dia.Element.extend({defaults:joint.util.deepSupplement({type:"basic.Generic",attrs:{".":{fill:"#FFFFFF",stroke:"none"}}},joint.dia.Element.prototype.defaults)}),joint.shapes.basic.Rect=joint.shapes.basic.Generic.extend({markup:'','','
'," ",' e.y&&t.x===e.x?"up":t.xe.y?["up","right"]:t.ye.x?t.y>e.y?["up","left"]:t.ye.y?["up"]:["down"],_.contains(i,n))return n;var r=_.first(i);switch(n){case"down":if("up"===r)return _.last(i);break;case"up":if("down"===r)return _.last(i);break;case"left":if("right"===r)return _.last(i);break;case"right":if("left"===r)return _.last(i)}return r}function n(t,n,i){var r=e(t,n,i);return"down"===r||"up"===r?{x:t.x,y:n.y,d:r}:{x:n.x,y:t.y,d:r}}function i(e){e=(e||[]).slice();var i=[],s=r.center(),a=o.center();e.length||(Math.abs(s.x-a.x)f;f++){u=e[f],h=e[f+1],c=_.last(i),f>0&&(l=u,l.d=c?t(c,u):"top",i.push(l),c=l);var d=c&&c.d;l=n(u,h,d),g.point(l).equals(g.point(u))||g.point(l).equals(g.point(h))||i.push(l)
}return i}var r,o;return function(t){return r=this.sourceBBox,o=this.targetBBox,i(t)}}(),joint.routers.manhattan=function(){"use strict";function t(t,e){for(var n,i=[],r={x:0,y:0},o=e;n=t[o];){var s=n.difference(o);s.equals(r)||(i.unshift(o),r=s),o=n}return i.unshift(o),i}function e(t,e,n){var i=n.step,r=t.center(),o=_.chain(n.directionMap).pick(e).map(function(e){var n=e.x*t.width/2,o=e.y*t.height/2,s=g.point(r).offset(n,o).snapToGrid(i);return t.containsPoint(s)&&s.offset(e.x*i,e.y*i),s}).value();return o}function n(t,e,n){var i=360/n,r=Math.floor(t.theta(e)/i);return n-r}function i(i,r,o,s){var a=s.reversed?s.endDirections:s.startDirections,l=s.reversed?s.startDirections:s.endDirections,c=i instanceof g.rect?e(i,a,s):[i],u=r instanceof g.rect?e(r,l,s):[r],h=c.length>1?i.center():c[0],f=u.length>1?r.center():u[0],d=_.filter(u,function(t){var e=""+g.point(t).snapToGrid(s.mapGridSize),n=_.every(o[e],function(e){return!e.containsPoint(t)});return n});if(d.length)for(var p=s.step,m=s.penalties,v=_.chain(d).invoke("snapToGrid",p).min(function(t){return s.estimateCost(h,t)}).value(),y={},x={},b={},w=s.directions,k=w.length,C=k/2,j=s.previousDirIndexes||{},T={},V={},A=_.chain(c).invoke("snapToGrid",p).each(function(t){var e=""+t;x[e]=0,b[e]=s.estimateCost(t,v),j[e]=j[e]||n(h,t,k),V[e]=!0}).map(function(t){return""+t}).sortBy(function(t){return b[t]}).value(),M=s.maximumLoops,S=s.maxAllowedDirectionChange;A.length&&M--;){var E=A[0],P=g.point(E);if(v.equals(P))return s.previousDirIndexes=_.pick(j,E),t(y,P);A.splice(0,1),V[z]=null,T[z]=!0;for(var B=j[E],F=x[E],L=0;k>L;L++){var N=Math.abs(L-B);if(N>C&&(N=k-N),!(N>S)){var $=w[L],O=g.point(P).offset($.offsetX,$.offsetY),z=""+O;if(!T[z]){var q=""+g.point(O).snapToGrid(s.mapGridSize),D=_.every(o[q],function(t){return!t.containsPoint(O)});if(D){var R=_.has(V,z),I=F+$.cost;if((!R||x[z]>I)&&(y[z]=P,j[z]=L,x[z]=I,b[z]=I+s.estimateCost(O,v)+m[N],!R)){var G=_.sortedIndex(A,z,function(t){return b[t]});A.splice(G,0,z),V[z]=!0}}}}}}return s.fallbackRoute(h,f,s)}function r(t,e){e.directions=_.result(e,"directions"),e.penalties=_.result(e,"penalties"),e.paddingBox=_.result(e,"paddingBox"),this.options.perpendicular=!!e.perpendicular;var n=e.reversed="source"===this.lastEndChange,r=n?g.rect(this.targetBBox):g.rect(this.sourceBBox),o=n?g.rect(this.sourceBBox):g.rect(this.targetBBox);r.moveAndExpand(e.paddingBox),o.moveAndExpand(e.paddingBox);for(var s=this.model,a=this.paper.model,l=_.chain(e.excludeEnds).map(s.get,s).pluck("id").map(a.getCell,a).value(),c=e.mapGridSize,u=_.chain(a.getElements()).difference(l).reject(function(t){return _.contains(e.excludeTypes,t.get("type"))}).invoke("getBBox").invoke("moveAndExpand",e.paddingBox).foldl(function(t,e){for(var n=e.origin().snapToGrid(c),i=e.corner().snapToGrid(c),r=n.x;i.x>=r;r+=c)for(var o=n.y;i.y>=o;o+=c){var s=r+"@"+o;t[s]=t[s]||[],t[s].push(e)}return t},{}).value(),h=[],f=_.map(t,g.point),d=r.center(),p=0,m=f.length;m>=p;p++){var v=null,y=x||r,x=f[p];if(!x){x=o;var b=!this.model.get("source").id||!this.model.get("target").id;if(b&&_.isFunction(e.draggingRoute)){var w=y instanceof g.rect?y.center():y;v=e.draggingRoute(w,x.origin(),e)}}v=v||i(y,x,u,e);var k=_.first(v);k&&k.equals(d)&&v.shift(),d=_.last(v)||d,h=h.concat(v)}return n?h.reverse():h}var o={step:10,perpendicular:!0,mapGridSize:100,excludeEnds:[],excludeTypes:["basic.Text"],maximumLoops:500,startDirections:["left","right","top","bottom"],endDirections:["left","right","top","bottom"],directionMap:{right:{x:1,y:0},bottom:{x:0,y:1},left:{x:-1,y:0},top:{x:0,y:-1}},maxAllowedDirectionChange:1,paddingBox:function(){var t=this.step;return{x:-t,y:-t,width:2*t,height:2*t}},directions:function(){var t=this.step;return[{offsetX:t,offsetY:0,cost:t},{offsetX:0,offsetY:t,cost:t},{offsetX:-t,offsetY:0,cost:t},{offsetX:0,offsetY:-t,cost:t}]},penalties:function(){return[0,this.step/2,this.step]},estimateCost:function(t,e){return t.manhattanDistance(e)},fallbackRoute:function(t,e,n){var i=n.prevDirIndexes||{},r=(i[t]||0)%2?g.point(t.x,e.y):g.point(e.x,t.y);return[r,e]},draggingRoute:null};return function(t,e,n){return r.call(n,t,_.extend({},o,e))}}(),joint.routers.metro=function(){if(!_.isFunction(joint.routers.manhattan))throw"Metro requires the manhattan router.";var t={diagonalCost:null,directions:function(){var t=this.step,e=this.diagonalCost||Math.ceil(Math.sqrt(t*t<<1));return[{offsetX:t,offsetY:0,cost:t},{offsetX:t,offsetY:t,cost:e},{offsetX:0,offsetY:t,cost:t},{offsetX:-t,offsetY:t,cost:e},{offsetX:-t,offsetY:0,cost:t},{offsetX:-t,offsetY:-t,cost:e},{offsetX:0,offsetY:-t,cost:t},{offsetX:t,offsetY:-t,cost:e}]},fallbackRoute:function(t,e){var n=t.theta(e),i={x:e.x,y:t.y},r={x:t.x,y:e.y};if(n%180>90){var o=i;i=r,r=o}var s=45>n%90?i:r,a=g.line(t,s),l=90*Math.ceil(n/90),c=g.point.fromPolar(a.squaredLength(),g.toRad(l+135),s),u=g.line(e,c),h=a.intersection(u);return h?[h.round(),e]:[e]}};return function(e,n,i){return joint.routers.manhattan(e,_.extend({},t,n),i)}}(),joint.connectors.normal=function(t,e,n){var i=["M",t.x,t.y];return _.each(n,function(t){i.push(t.x,t.y)}),i.push(e.x,e.y),i.join(" ")},joint.connectors.rounded=function(t,e,n,i){var r,o,s,a,l,c,u=i.radius||10,h=["M",t.x,t.y];return _.each(n,function(i,f){l=n[f-1]||t,c=n[f+1]||e,s=a||g.point(i).distance(l)/2,a=g.point(i).distance(c)/2,r=g.point(i).move(l,-Math.min(u,s)).round(),o=g.point(i).move(c,-Math.min(u,a)).round(),h.push(r.x,r.y,"S",i.x,i.y,o.x,o.y,"L")}),h.push(e.x,e.y),h.join(" ")},joint.connectors.smooth=function(t,e,n){var i;if(n.length)i=g.bezier.curveThroughPoints([t].concat(n).concat([e]));else{var r=t.x
