diff --git a/libs/le5le-topology/0.0.1/topology.bundle.js b/libs/le5le-topology/0.0.1/topology.bundle.js
new file mode 100644
index 000000000..58373ad57
--- /dev/null
+++ b/libs/le5le-topology/0.0.1/topology.bundle.js
@@ -0,0 +1 @@
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.MA=e():t.MA=e()}(window,(function(){return function(t){var e={};function i(n){if(e[n])return e[n].exports;var r=e[n]={i:n,l:!1,exports:{}};return t[n].call(r.exports,r,r.exports,i),r.l=!0,r.exports}return i.m=t,i.c=e,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)i.d(n,r,function(e){return t[e]}.bind(null,r));return n},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s=15)}([function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(){function t(t,e,i,n,r){this.x=t,this.y=e,this.x=this.x<<0,this.y=this.y<<0,this.direction=i,this.anchorIndex=n,this.id=r}return t.prototype.clone=function(){return new t(this.x,this.y,this.direction,this.anchorIndex,this.id)},t.prototype.hit=function(t,e){return void 0===e&&(e=5),t.x>this.x-e&&t.x<this.x+e&&t.y>this.y-e&&t.y<this.y+e},t.prototype.rotate=function(t,e){if(!t||360===t)return this;t*=Math.PI/180;var i=(this.x-e.x)*Math.cos(t)-(this.y-e.y)*Math.sin(t)+e.x,n=(this.x-e.x)*Math.sin(t)+(this.y-e.y)*Math.cos(t)+e.y;return this.x=i,this.y=n,this},t}();e.Point=n},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),function(t){t[t.Up=1]="Up",t[t.Right=2]="Right",t[t.Bottom=3]="Bottom",t[t.Left=4]="Left"}(e.Direction||(e.Direction={}))},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),r=i(11),h=function(){function t(t,e,i,r){this.x=t,this.y=e,this.width=i,this.height=r,this.center=new n.Point(0,0),this.x=this.x<<0,this.y=this.y<<0,this.width=this.width<<0,this.height=this.height<<0,this.ex=this.x+this.width,this.ey=this.y+this.height,this.calceCenter()}return t.prototype.clone=function(){return new t(this.x,this.y,this.width,this.height)},t.prototype.hit=function(t,e){return void 0===e&&(e=0),t.x>this.x-e&&t.x<this.ex+e&&t.y>this.y-e&&t.y<this.ey+e},t.prototype.hitRect=function(t){return t.x>this.x&&t.x<this.ex&&t.y>this.y&&t.y<this.ey||t.ex>this.x&&t.ex<this.ex&&t.y>this.y&&t.y<this.ey||t.ex>this.x&&t.ex<this.ex&&t.ey>this.y&&t.ey<this.ey||t.x>this.x&&t.x<this.ex&&t.ey>this.y&&t.ey<this.ey},t.prototype.hitRotate=function(t,e,i){for(var n=this.toPoints(),h=0,o=n;h<o.length;h++){o[h].rotate(e,i)}return r.pointInRect(t,n)},t.prototype.calceCenter=function(){this.center.x=this.x+this.width/2<<0,this.center.y=this.y+this.height/2<<0},t.prototype.toPoints=function(){return[new n.Point(this.x,this.y),new n.Point(this.ex,this.y),new n.Point(this.ex,this.ey),new n.Point(this.x,this.ey)]},t}();e.Rect=h},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(){function t(t,e,i,n,r){this.x=t,this.y=e,this.x=this.x<<0,this.y=this.y<<0,this.direction=i,this.anchorIndex=n,this.id=r}return t.prototype.clone=function(){var e=new t(this.x,this.y,this.direction,this.anchorIndex,this.id);return this.data&&(e.data=this.data),e},t.prototype.hit=function(t,e){return void 0===e&&(e=5),t.x>this.x-e&&t.x<this.x+e&&t.y>this.y-e&&t.y<this.y+e},t.prototype.rotate=function(t,e){if(!t||360===t)return this;t*=Math.PI/180;var i=(this.x-e.x)*Math.cos(t)-(this.y-e.y)*Math.sin(t)+e.x,n=(this.x-e.x)*Math.sin(t)+(this.y-e.y)*Math.cos(t)+e.y;return this.x=i,this.y=n,this},t}();e.Point=n},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(5),r=i(12),h=function(){function t(t,e,i,r){this.x=t,this.y=e,this.width=i,this.height=r,this.center=new n.Point(0,0),this.x=this.x<<0,this.y=this.y<<0,this.width=this.width<<0,this.height=this.height<<0,this.ex=this.x+this.width,this.ey=this.y+this.height,this.calceCenter()}return t.prototype.clone=function(){return new t(this.x,this.y,this.width,this.height)},t.prototype.hit=function(t,e){return void 0===e&&(e=0),t.x>this.x-e&&t.x<this.ex+e&&t.y>this.y-e&&t.y<this.ey+e},t.prototype.hitRect=function(t){return t.x>this.x&&t.x<this.ex&&t.y>this.y&&t.y<this.ey||t.ex>this.x&&t.ex<this.ex&&t.y>this.y&&t.y<this.ey||t.ex>this.x&&t.ex<this.ex&&t.ey>this.y&&t.ey<this.ey||t.x>this.x&&t.x<this.ex&&t.ey>this.y&&t.ey<this.ey},t.prototype.hitRotate=function(t,e,i){for(var n=this.toPoints(),h=0,o=n;h<o.length;h++){o[h].rotate(e,i)}return r.pointInRect(t,n)},t.prototype.calceCenter=function(){this.center.x=this.x+this.width/2<<0,this.center.y=this.y+this.height/2<<0},t.prototype.toPoints=function(){return[new n.Point(this.x,this.y),new n.Point(this.ex,this.y),new n.Point(this.ex,this.ey),new n.Point(this.x,this.ey)]},t}();e.Rect=h},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(){function t(t,e,i,n,r){this.x=t,this.y=e,this.x=this.x<<0,this.y=this.y<<0,this.direction=i,this.anchorIndex=n,this.id=r}return t.prototype.clone=function(){var e=new t(this.x,this.y,this.direction,this.anchorIndex,this.id);return this.data&&(e.data=this.data),e},t.prototype.hit=function(t,e){return void 0===e&&(e=5),t.x>this.x-e&&t.x<this.x+e&&t.y>this.y-e&&t.y<this.y+e},t.prototype.rotate=function(t,e){if(!t||360===t)return this;t*=Math.PI/180;var i=(this.x-e.x)*Math.cos(t)-(this.y-e.y)*Math.sin(t)+e.x,n=(this.x-e.x)*Math.sin(t)+(this.y-e.y)*Math.cos(t)+e.y;return this.x=i,this.y=n,this},t}();e.Point=n},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),function(t){t[t.Up=1]="Up",t[t.Right=2]="Right",t[t.Bottom=3]="Bottom",t[t.Left=4]="Left"}(e.Direction||(e.Direction={}))},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),function(t){t[t.Up=1]="Up",t[t.Right=2]="Right",t[t.Bottom=3]="Bottom",t[t.Left=4]="Left"}(e.Direction||(e.Direction={}))},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),r=i(14),h=function(){function t(t,e,i,r){this.x=t,this.y=e,this.width=i,this.height=r,this.center=new n.Point(0,0),this.x=this.x<<0,this.y=this.y<<0,this.width=this.width<<0,this.height=this.height<<0,this.ex=this.x+this.width,this.ey=this.y+this.height,this.calceCenter()}return t.prototype.clone=function(){return new t(this.x,this.y,this.width,this.height)},t.prototype.hit=function(t,e){return void 0===e&&(e=0),t.x>this.x-e&&t.x<this.ex+e&&t.y>this.y-e&&t.y<this.ey+e},t.prototype.hitRect=function(t){return t.x>this.x&&t.x<this.ex&&t.y>this.y&&t.y<this.ey||t.ex>this.x&&t.ex<this.ex&&t.y>this.y&&t.y<this.ey||t.ex>this.x&&t.ex<this.ex&&t.ey>this.y&&t.ey<this.ey||t.x>this.x&&t.x<this.ex&&t.ey>this.y&&t.ey<this.ey},t.prototype.hitRotate=function(t,e,i){for(var n=this.toPoints(),h=0,o=n;h<o.length;h++){o[h].rotate(e,i)}return r.pointInRect(t,n)},t.prototype.calceCenter=function(){this.center.x=this.x+this.width/2<<0,this.center.y=this.y+this.height/2<<0},t.prototype.toPoints=function(){return[new n.Point(this.x,this.y),new n.Point(this.ex,this.y),new n.Point(this.ex,this.ey),new n.Point(this.x,this.ey)]},t}();e.Rect=h},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(10),r=i(13),h=function(){function t(t,e,i,r){this.x=t,this.y=e,this.width=i,this.height=r,this.center=new n.Point(0,0),this.x=this.x<<0,this.y=this.y<<0,this.width=this.width<<0,this.height=this.height<<0,this.ex=this.x+this.width,this.ey=this.y+this.height,this.calceCenter()}return t.prototype.clone=function(){return new t(this.x,this.y,this.width,this.height)},t.prototype.hit=function(t,e){return void 0===e&&(e=0),t.x>this.x-e&&t.x<this.ex+e&&t.y>this.y-e&&t.y<this.ey+e},t.prototype.hitRect=function(t){return t.x>this.x&&t.x<this.ex&&t.y>this.y&&t.y<this.ey||t.ex>this.x&&t.ex<this.ex&&t.y>this.y&&t.y<this.ey||t.ex>this.x&&t.ex<this.ex&&t.ey>this.y&&t.ey<this.ey||t.x>this.x&&t.x<this.ex&&t.ey>this.y&&t.ey<this.ey},t.prototype.hitRotate=function(t,e,i){for(var n=this.toPoints(),h=0,o=n;h<o.length;h++){o[h].rotate(e,i)}return r.pointInRect(t,n)},t.prototype.calceCenter=function(){this.center.x=this.x+this.width/2<<0,this.center.y=this.y+this.height/2<<0},t.prototype.toPoints=function(){return[new n.Point(this.x,this.y),new n.Point(this.ex,this.y),new n.Point(this.ex,this.ey),new n.Point(this.x,this.ey)]},t}();e.Rect=h},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(){function t(t,e,i,n,r){this.x=t,this.y=e,this.x=this.x<<0,this.y=this.y<<0,this.direction=i,this.anchorIndex=n,this.id=r}return t.prototype.clone=function(){var e=new t(this.x,this.y,this.direction,this.anchorIndex,this.id);return this.data&&(e.data=this.data),e},t.prototype.hit=function(t,e){return void 0===e&&(e=5),t.x>this.x-e&&t.x<this.x+e&&t.y>this.y-e&&t.y<this.y+e},t.prototype.rotate=function(t,e){if(!t||360===t)return this;t*=Math.PI/180;var i=(this.x-e.x)*Math.cos(t)-(this.y-e.y)*Math.sin(t)+e.x,n=(this.x-e.x)*Math.sin(t)+(this.y-e.y)*Math.cos(t)+e.y;return this.x=i,this.y=n,this},t}();e.Point=n},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(0);function r(t,e){if(e.length<3)return!1;for(var i=!1,n=e[e.length-1],r=0,h=e;r<h.length;r++){var o=h[r];(o.y<t.y&&n.y>=t.y||o.y>=t.y&&n.y<t.y)&&o.x+(t.y-o.y)*(n.x-o.x)/(n.y-o.y)>t.x&&(i=!i),n=o}return i}e.pointInRect=r,e.pointInLine=function(t,e,i){return r(t,[new n.Point(e.x-8,e.y-8),new n.Point(i.x-8,i.y-8),new n.Point(i.x+8,i.y+8),new n.Point(e.x+8,e.y+8)])},e.lineLen=function(t,e){return 0|Math.sqrt(Math.pow(Math.abs(t.x-e.x),2)+Math.pow(Math.abs(t.y-e.y),2))},e.curveLen=function(t,e,i,n){var r=document.createElementNS("http://www.w3.org/2000/svg","path");return r.setAttribute("d","M"+t.x+" "+t.y+" C"+e.x+" "+e.y+" "+i.x+" "+i.y+" "+n.x+" "+n.y),0|r.getTotalLength()},e.pSBC=function(t,e,i,n){var r,h,o,s,c,a,l,y="string"==typeof i,d=parseInt,x=Math.round;if("number"!=typeof t||t<-1||t>1||"string"!=typeof e||"r"!==e[0]&&"#"!==e[0]||i&&!y)return null;var f=function(t){var e,i=t.length,n={};if(i>9){if(e=t=t.split(","),r=e[0],h=e[1],o=e[2],y=e[3],(i=t.length)<3||i>4)return null;n.r=d("a"===r[3]?r.slice(5):r.slice(4)),n.g=d(h),n.b=d(o),n.a=y?parseFloat(y):-1}else{if(8===i||6===i||i<4)return null;i<6&&(t="#"+t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+(i>4?t[4]+t[4]:"")),t=d(t.slice(1),16),9===i||5===i?(n.r=t>>24&255,n.g=t>>16&255,n.b=t>>8&255,n.a=x((255&t)/.255)/1e3):(n.r=t>>16,n.g=t>>8&255,n.b=255&t,n.a=-1)}return n};return l=e.length>9,l=y?i.length>9||"c"===i&&!l:l,c=f(e),s=t<0,a=i&&"c"!==i?f(i):s?{r:0,g:0,b:0,a:-1}:{r:255,g:255,b:255,a:-1},s=1-(t=s?-1*t:t),c&&a?(n?(r=x(s*c.r+t*a.r),h=x(s*c.g+t*a.g),o=x(s*c.b+t*a.b)):(r=x(Math.pow(s*Math.pow(c.r,2)+t*Math.pow(a.r,2),.5)),h=x(Math.pow(s*Math.pow(c.g,2)+t*Math.pow(a.g,2),.5)),o=x(Math.pow(s*Math.pow(c.b,2)+t*Math.pow(a.b,2),.5))),y=c.a,a=a.a,y=(c=y>=0||a>=0)?y<0?a:a<0?y:y*s+a*t:0,l?"rgb"+(c?"a(":"(")+r+","+h+","+o+(c?","+x(1e3*y)/1e3:"")+")":"#"+(4294967296+16777216*r+65536*h+256*o+(c?x(255*y):0)).toString(16).slice(1,c?void 0:-2)):null}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(5);function r(t,e){if(e.length<3)return!1;for(var i=!1,n=e[e.length-1],r=0,h=e;r<h.length;r++){var o=h[r];(o.y<t.y&&n.y>=t.y||o.y>=t.y&&n.y<t.y)&&o.x+(t.y-o.y)*(n.x-o.x)/(n.y-o.y)>t.x&&(i=!i),n=o}return i}e.pointInRect=r,e.pointInLine=function(t,e,i){return r(t,[new n.Point(e.x-8,e.y-8),new n.Point(i.x-8,i.y-8),new n.Point(i.x+8,i.y+8),new n.Point(e.x+8,e.y+8)])},e.lineLen=function(t,e){return 0|Math.sqrt(Math.pow(Math.abs(t.x-e.x),2)+Math.pow(Math.abs(t.y-e.y),2))},e.curveLen=function(t,e,i,n){var r=document.createElementNS("http://www.w3.org/2000/svg","path");return r.setAttribute("d","M"+t.x+" "+t.y+" C"+e.x+" "+e.y+" "+i.x+" "+i.y+" "+n.x+" "+n.y),0|r.getTotalLength()},e.pSBC=function(t,e,i,n){var r,h,o,s,c,a,l,y="string"==typeof i,d=parseInt,x=Math.round;if("number"!=typeof t||t<-1||t>1||"string"!=typeof e||"r"!==e[0]&&"#"!==e[0]||i&&!y)return null;var f=function(t){var e,i=t.length,n={};if(i>9){if(e=t=t.split(","),r=e[0],h=e[1],o=e[2],y=e[3],(i=t.length)<3||i>4)return null;n.r=d("a"===r[3]?r.slice(5):r.slice(4)),n.g=d(h),n.b=d(o),n.a=y?parseFloat(y):-1}else{if(8===i||6===i||i<4)return null;i<6&&(t="#"+t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+(i>4?t[4]+t[4]:"")),t=d(t.slice(1),16),9===i||5===i?(n.r=t>>24&255,n.g=t>>16&255,n.b=t>>8&255,n.a=x((255&t)/.255)/1e3):(n.r=t>>16,n.g=t>>8&255,n.b=255&t,n.a=-1)}return n};return l=e.length>9,l=y?i.length>9||"c"===i&&!l:l,c=f(e),s=t<0,a=i&&"c"!==i?f(i):s?{r:0,g:0,b:0,a:-1}:{r:255,g:255,b:255,a:-1},s=1-(t=s?-1*t:t),c&&a?(n?(r=x(s*c.r+t*a.r),h=x(s*c.g+t*a.g),o=x(s*c.b+t*a.b)):(r=x(Math.pow(s*Math.pow(c.r,2)+t*Math.pow(a.r,2),.5)),h=x(Math.pow(s*Math.pow(c.g,2)+t*Math.pow(a.g,2),.5)),o=x(Math.pow(s*Math.pow(c.b,2)+t*Math.pow(a.b,2),.5))),y=c.a,a=a.a,y=(c=y>=0||a>=0)?y<0?a:a<0?y:y*s+a*t:0,l?"rgb"+(c?"a(":"(")+r+","+h+","+o+(c?","+x(1e3*y)/1e3:"")+")":"#"+(4294967296+16777216*r+65536*h+256*o+(c?x(255*y):0)).toString(16).slice(1,c?void 0:-2)):null}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(10);function r(t,e){if(e.length<3)return!1;for(var i=!1,n=e[e.length-1],r=0,h=e;r<h.length;r++){var o=h[r];(o.y<t.y&&n.y>=t.y||o.y>=t.y&&n.y<t.y)&&o.x+(t.y-o.y)*(n.x-o.x)/(n.y-o.y)>t.x&&(i=!i),n=o}return i}e.pointInRect=r,e.pointInLine=function(t,e,i){return r(t,[new n.Point(e.x-8,e.y-8),new n.Point(i.x-8,i.y-8),new n.Point(i.x+8,i.y+8),new n.Point(e.x+8,e.y+8)])},e.lineLen=function(t,e){return 0|Math.sqrt(Math.pow(Math.abs(t.x-e.x),2)+Math.pow(Math.abs(t.y-e.y),2))},e.curveLen=function(t,e,i,n){var r=document.createElementNS("http://www.w3.org/2000/svg","path");return r.setAttribute("d","M"+t.x+" "+t.y+" C"+e.x+" "+e.y+" "+i.x+" "+i.y+" "+n.x+" "+n.y),0|r.getTotalLength()},e.pSBC=function(t,e,i,n){var r,h,o,s,c,a,l,y="string"==typeof i,d=parseInt,x=Math.round;if("number"!=typeof t||t<-1||t>1||"string"!=typeof e||"r"!==e[0]&&"#"!==e[0]||i&&!y)return null;var f=function(t){var e,i=t.length,n={};if(i>9){if(e=t=t.split(","),r=e[0],h=e[1],o=e[2],y=e[3],(i=t.length)<3||i>4)return null;n.r=d("a"===r[3]?r.slice(5):r.slice(4)),n.g=d(h),n.b=d(o),n.a=y?parseFloat(y):-1}else{if(8===i||6===i||i<4)return null;i<6&&(t="#"+t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+(i>4?t[4]+t[4]:"")),t=d(t.slice(1),16),9===i||5===i?(n.r=t>>24&255,n.g=t>>16&255,n.b=t>>8&255,n.a=x((255&t)/.255)/1e3):(n.r=t>>16,n.g=t>>8&255,n.b=255&t,n.a=-1)}return n};return l=e.length>9,l=y?i.length>9||"c"===i&&!l:l,c=f(e),s=t<0,a=i&&"c"!==i?f(i):s?{r:0,g:0,b:0,a:-1}:{r:255,g:255,b:255,a:-1},s=1-(t=s?-1*t:t),c&&a?(n?(r=x(s*c.r+t*a.r),h=x(s*c.g+t*a.g),o=x(s*c.b+t*a.b)):(r=x(Math.pow(s*Math.pow(c.r,2)+t*Math.pow(a.r,2),.5)),h=x(Math.pow(s*Math.pow(c.g,2)+t*Math.pow(a.g,2),.5)),o=x(Math.pow(s*Math.pow(c.b,2)+t*Math.pow(a.b,2),.5))),y=c.a,a=a.a,y=(c=y>=0||a>=0)?y<0?a:a<0?y:y*s+a*t:0,l?"rgb"+(c?"a(":"(")+r+","+h+","+o+(c?","+x(1e3*y)/1e3:"")+")":"#"+(4294967296+16777216*r+65536*h+256*o+(c?x(255*y):0)).toString(16).slice(1,c?void 0:-2)):null}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(3);function r(t,e){if(e.length<3)return!1;for(var i=!1,n=e[e.length-1],r=0,h=e;r<h.length;r++){var o=h[r];(o.y<t.y&&n.y>=t.y||o.y>=t.y&&n.y<t.y)&&o.x+(t.y-o.y)*(n.x-o.x)/(n.y-o.y)>t.x&&(i=!i),n=o}return i}e.pointInRect=r,e.pointInLine=function(t,e,i){return r(t,[new n.Point(e.x-8,e.y-8),new n.Point(i.x-8,i.y-8),new n.Point(i.x+8,i.y+8),new n.Point(e.x+8,e.y+8)])},e.lineLen=function(t,e){return 0|Math.sqrt(Math.pow(Math.abs(t.x-e.x),2)+Math.pow(Math.abs(t.y-e.y),2))},e.curveLen=function(t,e,i,n){var r=document.createElementNS("http://www.w3.org/2000/svg","path");return r.setAttribute("d","M"+t.x+" "+t.y+" C"+e.x+" "+e.y+" "+i.x+" "+i.y+" "+n.x+" "+n.y),0|r.getTotalLength()},e.pSBC=function(t,e,i,n){var r,h,o,s,c,a,l,y="string"==typeof i,d=parseInt,x=Math.round;if("number"!=typeof t||t<-1||t>1||"string"!=typeof e||"r"!==e[0]&&"#"!==e[0]||i&&!y)return null;var f=function(t){var e,i=t.length,n={};if(i>9){if(e=t=t.split(","),r=e[0],h=e[1],o=e[2],y=e[3],(i=t.length)<3||i>4)return null;n.r=d("a"===r[3]?r.slice(5):r.slice(4)),n.g=d(h),n.b=d(o),n.a=y?parseFloat(y):-1}else{if(8===i||6===i||i<4)return null;i<6&&(t="#"+t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+(i>4?t[4]+t[4]:"")),t=d(t.slice(1),16),9===i||5===i?(n.r=t>>24&255,n.g=t>>16&255,n.b=t>>8&255,n.a=x((255&t)/.255)/1e3):(n.r=t>>16,n.g=t>>8&255,n.b=255&t,n.a=-1)}return n};return l=e.length>9,l=y?i.length>9||"c"===i&&!l:l,c=f(e),s=t<0,a=i&&"c"!==i?f(i):s?{r:0,g:0,b:0,a:-1}:{r:255,g:255,b:255,a:-1},s=1-(t=s?-1*t:t),c&&a?(n?(r=x(s*c.r+t*a.r),h=x(s*c.g+t*a.g),o=x(s*c.b+t*a.b)):(r=x(Math.pow(s*Math.pow(c.r,2)+t*Math.pow(a.r,2),.5)),h=x(Math.pow(s*Math.pow(c.g,2)+t*Math.pow(a.g,2),.5)),o=x(Math.pow(s*Math.pow(c.b,2)+t*Math.pow(a.b,2),.5))),y=c.a,a=a.a,y=(c=y>=0||a>=0)?y<0?a:a<0?y:y*s+a*t:0,l?"rgb"+(c?"a(":"(")+r+","+h+","+o+(c?","+x(1e3*y)/1e3:"")+")":"#"+(4294967296+16777216*r+65536*h+256*o+(c?x(255*y):0)).toString(16).slice(1,c?void 0:-2)):null}},function(t,e,i){"use strict";function n(){return(65536*(1+Math.random())|0).toString(16).substring(1)}function r(){return n()+n()}i.r(e);class h{constructor(t,e,i,n,r){this.x=t,this.y=e,this.x=this.x,this.y=this.y,this.direction=i,this.anchorIndex=n,this.id=r}clone(){const t=new h(this.x,this.y,this.direction,this.anchorIndex,this.id);return this.data&&(t.data=this.data),t}hit(t,e=5){return t.x>this.x-e&&t.x<this.x+e&&t.y>this.y-e&&t.y<this.y+e}rotate(t,e){if(!t||360===t)return this;t*=Math.PI/180;const i=(this.x-e.x)*Math.cos(t)-(this.y-e.y)*Math.sin(t)+e.x,n=(this.x-e.x)*Math.sin(t)+(this.y-e.y)*Math.cos(t)+e.y;return this.x=i,this.y=n,this}}function o(t,e){if(e.length<3)return!1;let i=!1,n=e[e.length-1];for(const r of e)(r.y<t.y&&n.y>=t.y||r.y>=t.y&&n.y<t.y)&&r.x+(t.y-r.y)*(n.x-r.x)/(n.y-r.y)>t.x&&(i=!i),n=r;return i}function s(t,e,i){return o(t,[new h(e.x-8,e.y-8),new h(i.x-8,i.y-8),new h(i.x+8,i.y+8),new h(e.x+8,e.y+8)])}function c(t,e){return 0|Math.sqrt(Math.pow(Math.abs(t.x-e.x),2)+Math.pow(Math.abs(t.y-e.y),2))}function a(t,e,i,n){let r,h,o,s,c,a,l,y="string"==typeof i;const d=parseInt,x=Math.round;if("number"!=typeof t||t<-1||t>1||"string"!=typeof e||"r"!==e[0]&&"#"!==e[0]||i&&!y)return null;const f=t=>{let e=t.length;const i={};if(e>9){if([r,h,o,y]=t=t.split(","),(e=t.length)<3||e>4)return null;i.r=d("a"===r[3]?r.slice(5):r.slice(4)),i.g=d(h),i.b=d(o),i.a=y?parseFloat(y):-1}else{if(8===e||6===e||e<4)return null;e<6&&(t="#"+t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+(e>4?t[4]+t[4]:"")),t=d(t.slice(1),16),9===e||5===e?(i.r=t>>24&255,i.g=t>>16&255,i.b=t>>8&255,i.a=x((255&t)/.255)/1e3):(i.r=t>>16,i.g=t>>8&255,i.b=255&t,i.a=-1)}return i};return l=e.length>9,l=y?i.length>9||"c"===i&&!l:l,c=f(e),s=t<0,a=i&&"c"!==i?f(i):s?{r:0,g:0,b:0,a:-1}:{r:255,g:255,b:255,a:-1},s=1-(t=s?-1*t:t),c&&a?(n?(r=x(s*c.r+t*a.r),h=x(s*c.g+t*a.g),o=x(s*c.b+t*a.b)):(r=x((s*c.r**2+t*a.r**2)**.5),h=x((s*c.g**2+t*a.g**2)**.5),o=x((s*c.b**2+t*a.b**2)**.5)),y=c.a,a=a.a,y=(c=y>=0||a>=0)?y<0?a:a<0?y:y*s+a*t:0,l?"rgb"+(c?"a(":"(")+r+","+h+","+o+(c?","+x(1e3*y)/1e3:"")+")":"#"+(4294967296+16777216*r+65536*h+256*o+(c?x(255*y):0)).toString(16).slice(1,c?void 0:-2)):null}class l{constructor(t,e,i,n){this.x=t,this.y=e,this.width=i,this.height=n,this.center=new h(0,0),this.ex=this.x+this.width,this.ey=this.y+this.height,this.calceCenter()}clone(){return new l(this.x,this.y,this.width,this.height)}hit(t,e=0){return t.x>this.x-e&&t.x<this.ex+e&&t.y>this.y-e&&t.y<this.ey+e}hitRect(t){return t.x>this.x&&t.x<this.ex&&t.y>this.y&&t.y<this.ey||t.ex>this.x&&t.ex<this.ex&&t.y>this.y&&t.y<this.ey||t.ex>this.x&&t.ex<this.ex&&t.ey>this.y&&t.ey<this.ey||t.x>this.x&&t.x<this.ex&&t.ey>this.y&&t.ey<this.ey}hitRotate(t,e,i){const n=this.toPoints();for(const t of n)t.rotate(e,i);return o(t,n)}calceCenter(){this.center.x=this.x+this.width/2,this.center.y=this.y+this.height/2}toPoints(){return[new h(this.x,this.y),new h(this.ex,this.y),new h(this.ex,this.ey),new h(this.x,this.ey)]}scale(t,e){e||(e=this.center),this.x=e.x-(e.x-this.x)*t,this.y=e.y-(e.y-this.y)*t,this.width*=t,this.height*=t,this.ex=this.x+this.width,this.ey=this.y+this.height,this.calceCenter()}}class y{constructor(t){this.id="",this.name="",this.rect=new l(0,0,0,0),this.lineWidth=1,this.rotate=0,this.offsetRotate=0,this.globalAlpha=1,this.dash=0,this.strokeStyle="",this.fillStyle="",this.font={color:"",fontFamily:'"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial',fontSize:12,lineHeight:1.5,fontStyle:"normal",fontWeight:"normal",textAlign:"center",textBaseline:"middle"},this.animateStart=0,this.animateCycleIndex=0,t?(this.id=t.id||r(),this.name=t.name||"",t.rect&&(this.rect=new l(t.rect.x,t.rect.y,t.rect.width,t.rect.height)),this.dash=t.dash||0,this.lineWidth=t.lineWidth||1,this.strokeStyle=t.strokeStyle||"",this.fillStyle=t.fillStyle||"",this.globalAlpha=t.globalAlpha||1,this.rotate=t.rotate||0,this.offsetRotate=t.offsetRotate||0,t.font&&Object.assign(this.font,t.font),this.animateCycle=t.animateCycle,this.data=t.data||""):this.id=r()}render(t){switch(t.save(),(this.rotate||this.offsetRotate)&&(t.translate(this.rect.center.x,this.rect.center.y),t.rotate((this.rotate+this.offsetRotate)*Math.PI/180),t.translate(-this.rect.center.x,-this.rect.center.y)),this.lineWidth>1&&(t.lineWidth=this.lineWidth),this.strokeStyle?t.strokeStyle=this.strokeStyle:t.strokeStyle="#333",this.fillStyle?t.fillStyle=this.fillStyle:t.fillStyle="transparent",this.globalAlpha<1&&(t.globalAlpha=this.globalAlpha),this.dash){case 1:t.setLineDash([5,5]);break;case 2:t.setLineDash([10,10]);break;case 3:t.setLineDash([10,10,2,10])}if(this.draw(t),t.restore(),this.children)for(const e of this.children)e.render(t)}hit(t,e=0){if(!this.rotate)return this.rect.hit(t,e);const i=this.rect.toPoints();for(const t of i)t.rotate(this.rotate,this.rect.center);return o(t,i)}}function d(t,e){const i=e.rect.width*e.borderRadius,n=e.rect.height*e.borderRadius;let r=i<n?i:n;e.rect.width<2*r&&(r=e.rect.width/2),e.rect.height<2*r&&(r=e.rect.height/2),t.beginPath(),t.moveTo(e.rect.x+r,e.rect.y),t.arcTo(e.rect.x+e.rect.width,e.rect.y,e.rect.x+e.rect.width,e.rect.y+e.rect.height,r),t.arcTo(e.rect.x+e.rect.width,e.rect.y+e.rect.height,e.rect.x,e.rect.y+e.rect.height,r),t.arcTo(e.rect.x,e.rect.y+e.rect.height,e.rect.x,e.rect.y,r),t.arcTo(e.rect.x,e.rect.y,e.rect.x+e.rect.width,e.rect.y,r),t.closePath(),t.fill(),t.stroke()}function x(t,e){t.beginPath(),t.ellipse(e.rect.x+e.rect.width/2,e.rect.y+e.rect.height/2,e.rect.width/2,e.rect.height/2,0,0,2*Math.PI),t.fill(),t.stroke()}function f(t,e){t.beginPath(),t.moveTo(e.rect.x+e.rect.width/2,e.rect.y),t.lineTo(e.rect.x+e.rect.width,e.rect.y+e.rect.height),t.lineTo(e.rect.x,e.rect.y+e.rect.height),t.closePath(),t.fill(),t.stroke()}function u(t,e){t.beginPath(),t.moveTo(e.rect.x+e.rect.width/2,e.rect.y),t.lineTo(e.rect.x+e.rect.width,e.rect.y+e.rect.height/2),t.lineTo(e.rect.x+e.rect.width/2,e.rect.y+e.rect.height),t.lineTo(e.rect.x,e.rect.y+e.rect.height/2),t.closePath(),t.fill(),t.stroke()}function g(t,e){t.beginPath(),t.moveTo(e.rect.x,e.rect.y+e.rect.height/2),t.lineTo(e.rect.x+e.rect.height/2,e.rect.y),t.lineTo(e.rect.x+e.rect.height/2,e.rect.y+e.rect.height/3),t.lineTo(e.rect.x+e.rect.width,e.rect.y+e.rect.height/3),t.lineTo(e.rect.x+e.rect.width,e.rect.y+2*e.rect.height/3),t.lineTo(e.rect.x+(e.rect.width-e.rect.height/2),e.rect.y+2*e.rect.height/3),t.lineTo(e.rect.x+e.rect.height/2,e.rect.y+2*e.rect.height/3),t.lineTo(e.rect.x+e.rect.height/2,e.rect.y+e.rect.height),t.closePath(),t.fill(),t.stroke()}function w(t,e){t.beginPath(),t.moveTo(e.rect.x,e.rect.y+e.rect.height/3),t.lineTo(e.rect.x+(e.rect.width-e.rect.height/2),e.rect.y+e.rect.height/3),t.lineTo(e.rect.x+(e.rect.width-e.rect.height/2),e.rect.y),t.lineTo(e.rect.x+e.rect.width,e.rect.y+e.rect.height/2),t.lineTo(e.rect.x+(e.rect.width-e.rect.height/2),e.rect.y+e.rect.height),t.lineTo(e.rect.x+(e.rect.width-e.rect.height/2),e.rect.y+2*e.rect.height/3),t.lineTo(e.rect.x,e.rect.y+2*e.rect.height/3),t.closePath(),t.fill(),t.stroke()}function p(t,e){t.beginPath(),t.moveTo(e.rect.x,e.rect.y+e.rect.height/2),t.lineTo(e.rect.x+e.rect.height/2,e.rect.y),t.lineTo(e.rect.x+e.rect.height/2,e.rect.y+e.rect.height/3),t.lineTo(e.rect.x+(e.rect.width-e.rect.height/2),e.rect.y+e.rect.height/3),t.lineTo(e.rect.x+(e.rect.width-e.rect.height/2),e.rect.y),t.lineTo(e.rect.x+e.rect.width,e.rect.y+e.rect.height/2),t.lineTo(e.rect.x+(e.rect.width-e.rect.height/2),e.rect.y+e.rect.height),t.lineTo(e.rect.x+(e.rect.width-e.rect.height/2),e.rect.y+2*e.rect.height/3),t.lineTo(e.rect.x+e.rect.height/2,e.rect.y+2*e.rect.height/3),t.lineTo(e.rect.x+e.rect.height/2,e.rect.y+e.rect.height),t.closePath(),t.fill(),t.stroke()}function v(t){const e=[];let i="";for(let n=0;n<t.length;++n){const r=t.charCodeAt(n);r<33||r>126?(i&&(e.push(i),i=""),e.push(t[n])):i+=t[n]}return i&&e.push(i),e}function m(t,e,i){const n=[];let r=e[0]||"";for(let h=1;h<e.length;++h){const o=e[h]||"";t.measureText(r+o).width<i?r+=o:(n.push(r),r=o)}return n.push(r),n}function P(t,e){if(!e.text)return;t.save(),t.beginPath(),t.font=`${e.font.fontStyle||"normal"} normal ${e.font.fontWeight||"normal"} ${e.font.fontSize}px/${e.font.lineHeight} ${e.font.fontFamily}`,e.font.color?t.fillStyle=e.font.color:t.fillStyle="#333",e.font.textAlign&&(t.textAlign=e.font.textAlign),e.font.textBaseline&&(t.textBaseline=e.font.textBaseline);const i=e.getTextRect(),n=[],r=e.text.split(/[\n,]/g);for(let e=0;e<r.length;++e){const h=m(t,v(r[e]),i.width);n.push.apply(n,h)}const h=e.font.fontSize*e.font.lineHeight;let o=e.textMaxLine;const s=i.height/h;o||(o=n.length>s?s:n.length);let c=i.x+i.width/2,a=i.y+(i.height-h*o)/2+4*h/7;switch(t.textAlign){case"left":c=i.x;break;case"right":c=i.x+i.width}switch(t.textBaseline){case"top":a=i.y+(h-e.font.fontSize)/2;break;case"bottom":a=i.ey-h*n.length+h}!function(t,e,i,n,r,h,o,s){s=!s||s>e.length?e.length:Math.ceil(s);for(let r=0;r<s-1;++r)t.fillText(e[r],i,n+r*o);if(s<e.length){let h=e[s-1]+"...";t.measureText(h).width>r&&(h=e[s-1].substr(0,e[s-1].length-2)+"..."),t.fillText(h,i,n+(s-1)*o)}else t.fillText(e[s-1],i,n+(s-1)*o)}(t,n,c,a,i.width,i.height,h,o),t.restore()}function L(t,e){t.beginPath();const i=e.rect.y+e.rect.height/2;t.moveTo(e.rect.x,i),t.lineTo(e.rect.x+e.rect.width,i),t.stroke()}var R;function b(t){t.anchors.push(new h(t.rect.x+t.rect.width/2,t.rect.y,R.Up)),t.anchors.push(new h(t.rect.x+3*t.rect.width/4,t.rect.y+t.rect.height/2,R.Right)),t.anchors.push(new h(t.rect.x+t.rect.width/2,t.rect.y+t.rect.height,R.Bottom)),t.anchors.push(new h(t.rect.x+t.rect.width/4,t.rect.y+t.rect.height/2,R.Left))}function T(t){t.anchors.push(new h(t.rect.x,t.rect.y+t.rect.height/2,R.Left)),t.anchors.push(new h(t.rect.x+t.rect.width,t.rect.y+t.rect.height/2,R.Right))}function S(t){t.anchors.push(new h(t.rect.x,t.rect.y+t.rect.height/2,R.Left)),t.anchors.push(new h(t.rect.x+t.rect.width,t.rect.y+t.rect.height/2,R.Right))}function I(t){let e=t.rect.width/2,i=t.rect.height/2;e>i?e=i:i=e;let n=t.rect.height/10;n<10&&(n=10),t.iconRect=new l(t.rect.x+(t.rect.width-e)/2,t.rect.y+n,e,i)}function M(t){let e=t.rect.height/20;e<5&&(e=0),t.textRect=new l(t.rect.x+t.rect.width/4,t.rect.y+2*t.rect.height/3-e,t.rect.width/2,t.rect.height/3-5);const i=5*t.rect.width/7,n=5*t.rect.height/7;t.fullTextRect=new l(t.rect.x+(t.rect.width-i)/2,t.rect.y+(t.rect.height-n)/2,i,n)}function C(t){let e=2*t.rect.width/7,i=2*t.rect.height/7;e>i?e=i:i=e;let n=e;n<10&&(n=10),t.iconRect=new l(t.rect.x+(t.rect.width-e)/2,t.rect.y+n,e,i)}function k(t){t.textRect=new l(t.rect.x+t.rect.width/4,t.rect.y+2*t.rect.height/3,t.rect.width/2,t.rect.height/3-5);const e=t.rect.width/2,i=3*t.rect.height/7;t.fullTextRect=new l(t.rect.x+(t.rect.width-e)/2,t.rect.y+t.rect.height/2-5,e,i)}function A(t){let e=t.rect.width/3,i=t.rect.height/3;e>i?e=i:i=e;let n=t.rect.width/5;n<10&&(n=10),t.iconRect=new l(t.rect.x+(t.rect.width-e)/2,t.rect.y+n,e,i)}function N(t){let e=t.rect.height/10;e<5&&(e=0),t.textRect=new l(t.rect.x+t.rect.width/3,t.rect.y+2*t.rect.height/3-e,t.rect.width/3,t.rect.height/3-5);const i=t.rect.width/2,n=1*t.rect.height/2;t.fullTextRect=new l(t.rect.x+(t.rect.width-i)/2,t.rect.y+t.rect.height/4,i,n)}function z(t){t.iconRect=new l(0,0,0,0)}function D(t){t.textRect=new l(t.rect.x+t.rect.height/2,t.rect.y+t.rect.height/3,t.rect.width-t.rect.height/2,t.rect.height/3),t.fullTextRect=t.textRect}function W(t){t.iconRect=new l(0,0,0,0)}function F(t){t.textRect=new l(t.rect.x,t.rect.y+t.rect.height/3,t.rect.width-t.rect.height/2,t.rect.height/3),t.fullTextRect=t.textRect}function B(t){t.iconRect=new l(0,0,0,0)}function H(t){t.textRect=new l(t.rect.x+t.rect.height/2,t.rect.y+t.rect.height/3,t.rect.width-t.rect.height,t.rect.height/3),t.fullTextRect=t.textRect}function E(t){t.iconRect=new l(0,0,0,0)}function U(t){t.fullTextRect=new l(t.rect.x+10,t.rect.y+t.rect.height/2-20,t.rect.width-20,20),t.textRect=t.fullTextRect}function _(t,e){t.beginPath(),t.moveTo(e.from.x,e.from.y),t.lineTo(e.to.x,e.to.y),t.stroke()}function O(t,e){}function $(t){t.controlPoints=[]}!function(t){t[t.Up=1]="Up",t[t.Right=2]="Right",t[t.Bottom=3]="Bottom",t[t.Left=4]="Left"}(R||(R={}));const j=50;function Y(t,e){t.beginPath(),t.moveTo(e.from.x,e.from.y);for(const i of e.controlPoints)t.lineTo(i.x,i.y);t.lineTo(e.to.x,e.to.y),t.stroke()}function X(t,e){t.fillStyle="#fff",t.lineWidth=2;for(const i of e.controlPoints)t.beginPath(),t.arc(i.x,i.y,4,0,2*Math.PI),t.stroke(),t.fill()}function K(t){t.controlPoints=[];const e=V(t.from,t.to);t.from.direction&&t.controlPoints.push(e);const i=V(t.to,t.from);let n;switch(e.direction){case R.Up:n=function(t,e){if(t.x===e.x||t.y===e.y)return[];if(t.y>e.y)return e.direction===R.Up&&t.y-e.y>3*j?t.x<e.x?e.x-t.x<j?[new h(t.x-2*j,t.y),new h(t.x-2*j,e.y)]:[new h(t.x,e.y)]:t.x-e.x<j?[new h(t.x+2*j,t.y),new h(t.x+2*j,e.y)]:[new h(t.x,e.y)]:e.direction===R.Left&&t.x>e.x||e.direction===R.Right&&t.x<e.x?[new h(e.x,t.y)]:[new h(t.x,e.y)];if(e.direction===R.Bottom){if(t.x<e.x)return J(t,e);{const i=J(e,t);return[i[1],i[0]]}}return[new h(e.x,t.y)]}(e,i);break;case R.Right:n=function(t,e){if(t.x===e.x||t.y===e.y)return[];if(t.x<e.x)return e.direction===R.Right&&e.x-t.x>3*j?t.y<e.y?e.y-t.y<j?[new h(t.x,t.y-2*j),new h(e.x,t.y-2*j)]:[new h(e.x,t.y)]:t.y-e.y<j?[new h(t.x,t.y+2*j),new h(e.x,t.y+2*j)]:[new h(e.x,t.y)]:e.direction===R.Right||e.direction===R.Up&&t.y<e.y||e.direction===R.Bottom&&t.y>e.y?[new h(e.x,t.y)]:[new h(t.x,e.y)];if(e.direction===R.Left){if(t.y<e.y)return Q(t,e);{const i=Q(e,t);return[i[1],i[0]]}}return[new h(t.x,e.y)]}(e,i);break;case R.Bottom:n=function(t,e){if(t.x===e.x||t.y===e.y)return[];if(t.y<e.y)return e.direction===R.Bottom&&e.y-t.y>3*j?t.x<e.x?e.x-t.x<j?[new h(t.x-2*j,t.y),new h(t.x-2*j,e.y)]:[new h(t.x,e.y)]:t.x-e.x<j?[new h(t.x+2*j,t.y),new h(t.x+2*j,e.y)]:[new h(t.x,e.y)]:e.direction===R.Left&&t.x>e.x||e.direction===R.Right&&t.x<e.x?[new h(e.x,t.y)]:[new h(t.x,e.y)];if(e.direction===R.Up){if(t.x<e.x)return J(t,e);{const i=J(e,t);return[i[1],i[0]]}}return[new h(e.x,t.y)]}(e,i);break;case R.Left:n=function(t,e){if(t.x===e.x||t.y===e.y)return[];if(t.x>e.x)return e.direction===R.Left&&t.x-e.x>3*j?t.y<e.y?e.y-t.y<j?[new h(t.x,t.y+2*j),new h(e.x,t.y+2*j)]:[new h(e.x,t.y)]:t.y-e.y<j?[new h(t.x,t.y-2*j),new h(e.x,t.y-2*j)]:[new h(e.x,t.y)]:e.direction===R.Left||e.direction===R.Up&&t.y<e.y||e.direction===R.Bottom&&t.y>e.y?[new h(e.x,t.y)]:[new h(t.x,e.y)];if(e.direction===R.Left){if(t.y<e.y)return Q(t,e);{const i=Q(e,t);return[i[1],i[0]]}}return[new h(t.x,e.y)]}(e,i)}t.controlPoints.push.apply(t.controlPoints,n),t.to.direction&&t.controlPoints.push(i)}function q(t,e){if(!e.controlPoints||!e.controlPoints.length)return s(t,e.from,e.to);if(s(t,e.from,e.controlPoints[0]))return!0;if(s(t,e.to,e.controlPoints[e.controlPoints.length-1]))return!0;for(let i=0;i<e.controlPoints.length-1;++i)if(s(t,e.controlPoints[i],e.controlPoints[i+1]))return!0;return!1}function G(t,e){const i=[e.from];i.push.apply(i,e.controlPoints),i.push(e.to);for(const e of i)Math.abs(t.x-e.x)<7&&(t.x=e.x),Math.abs(t.y-e.y)<7&&(t.y=e.y)}function V(t,e){const i=t.clone();switch(t.direction){case R.Up:e.y<t.y?i.y-=Math.floor((t.y-e.y)/2):i.y-=j;break;case R.Right:e.x>t.x?i.x+=Math.floor((e.x-t.x)/2):i.x+=j;break;case R.Bottom:e.y>t.y?i.y+=Math.floor((e.y-t.y)/2):i.y+=j;break;case R.Left:e.x<t.x?i.x-=Math.floor((t.x-e.x)/2):i.x-=j}return i}function J(t,e){const i=t.x+(e.x-t.x)/2;return[new h(i,t.y),new h(i,e.y)]}function Q(t,e){const i=t.y+(e.y-t.y)/2;return[new h(t.x,i),new h(e.x,i)]}const Z={},tt={};class et{constructor(t,e,i){this.key="",this.id=t,this.key=e,this.fn=i}unsubcribe(){delete tt[this.id]}}class it{static get(t){if(!t&&void 0===t)return Z;const e=t.split(".");let i=Z;for(const t of e)if(void 0===(i=i[t]))return;return i}static set(t,e){const i=t.split(".");let n=Z;for(let t=0;t<i.length-1;++t)n[i[t]]||(n[i[t]]={}),n=n[i[t]];n[i[i.length-1]]=e;for(const i in tt)t===tt[i].key?tt[i].fn(e):0===t.indexOf(tt[i].key)&&tt[i].fn(it.get(tt[i].key))}static updated(t){for(const e in tt)0===t.indexOf(tt[e].key)&&tt[e].fn(it.get(tt[e].key))}static subcribe(t,e){const i=r(),n=new et(i,t,e);return tt[i]=n,e(it.get(t)),n}}const nt=80;function rt(t,e){t.beginPath(),t.moveTo(e.from.x,e.from.y),t.bezierCurveTo(e.controlPoints[0].x,e.controlPoints[0].y,e.controlPoints[1].x,e.controlPoints[1].y,e.to.x,e.to.y),t.stroke()}function ht(t,e){t.fillStyle=t.strokeStyle+"80",t.lineWidth=1,t.beginPath(),t.moveTo(e.from.x,e.from.y),t.lineTo(e.controlPoints[0].x,e.controlPoints[0].y),t.stroke(),t.beginPath(),t.moveTo(e.to.x,e.to.y),t.lineTo(e.controlPoints[1].x,e.controlPoints[1].y),t.stroke(),t.fillStyle="#fff",t.lineWidth=2;for(const i of e.controlPoints)t.beginPath(),t.arc(i.x,i.y,4,0,2*Math.PI),t.stroke(),t.fill()}function ot(t){t.controlPoints=[at(t.from,t.to),at(t.to,t.from)],it.set("pts-"+t.id,null)}function st(t,e){let i=it.get("pts-"+e.id);if(!i){i=[e.from];for(let t=.01;t<1;t+=.01)i.push(ct(t,e.from,e.controlPoints[0],e.controlPoints[1],e.to));i.push(e.to),it.set("pts-"+e.id,i)}const n=i.length-1;for(let e=0;e<n;++e)if(s(t,i[e],i[e+1]))return!0;return!1}function ct(t,e,i,n,r){const{x:o,y:s}=e,{x:c,y:a}=r,{x:l,y:y}=i,{x:d,y:x}=n;return new h(o*(1-t)*(1-t)*(1-t)+3*l*t*(1-t)*(1-t)+3*d*t*t*(1-t)+c*t*t*t,s*(1-t)*(1-t)*(1-t)+3*y*t*(1-t)*(1-t)+3*x*t*t*(1-t)+a*t*t*t)}function at(t,e){const i=new h(t.x,t.y,t.direction,t.anchorIndex,t.id);let n=nt;if((t.direction===R.Up||t.direction===R.Bottom)&&Math.abs(t.x-e.x)<3)return e.y>t.y?(n=Math.floor((e.y-t.y)/3),i.y+=n):(n=Math.floor((t.y-e.y)/3),i.y-=n),i;if((t.direction===R.Left||t.direction===R.Right)&&Math.abs(t.y-e.y)<3)return e.x>t.x?(n=Math.floor((e.x-t.x)/3),i.x+=n):(n=Math.floor((t.x-e.x)/3),i.x-=n),i;switch(t.direction){case R.Up:i.y-=n;break;case R.Right:i.x+=n;break;case R.Bottom:i.y+=n;break;case R.Left:i.x-=n}return i}function lt(t,e,i,n,r){const o=new l(i.x-17,i.y-5,15,10);n&&1!==n&&o.scale(n,new h(o.x+15,o.y+5)),t.translate(i.x,i.y),t.rotate(Math.atan2(i.y-e.y,i.x-e.x)),t.translate(-i.x,-i.y),t.moveTo(o.x,o.y),t.lineTo(o.x+o.width,o.y+o.height/2),t.lineTo(o.x,o.y+o.height),t.closePath(),t.lineWidth=2,t.stroke(),r&&(t.fillStyle=r),t.fill()}function yt(t,e,i,n){lt(t,e,i,n,"#fff")}function dt(t,e,i,n,r){const o=new l(i.x-16,i.y-4,14,8);n&&1!==n&&o.scale(n,new h(o.x+14,o.y+4)),t.translate(i.x,i.y),t.rotate(Math.atan2(i.y-e.y,i.x-e.x)),t.translate(-i.x,-i.y),t.moveTo(o.x+o.width/2,o.y),t.lineTo(o.x+o.width,o.y+o.height/2),t.lineTo(o.x+o.width/2,o.y+o.height),t.lineTo(o.x,o.y+o.height/2),t.closePath(),t.lineWidth=2,t.stroke(),r&&(t.fillStyle=r),t.fill()}function xt(t,e,i,n){dt(t,e,i,n,"#fff")}function ft(t,e,i,n,r){const o=new l(i.x-12,i.y-5,10,10);n&&1!==n&&o.scale(n,new h(o.x+9,o.y+5)),t.translate(i.x,i.y),t.rotate(Math.atan2(i.y-e.y,i.x-e.x)),t.translate(-i.x,-i.y),t.arc(o.center.x,o.center.y,o.width/2,0,2*Math.PI),t.lineWidth=2,t.stroke(),r&&(t.fillStyle=r),t.fill()}function ut(t,e,i,n){ft(t,e,i,n,"#fff")}function gt(t){t.anchors.push(new h(t.rect.x,t.rect.y+t.rect.height/2,R.Left)),t.anchors.push(new h(t.rect.x+t.rect.width/2,t.rect.y,R.Up)),t.anchors.push(new h(t.rect.x+t.rect.width,t.rect.y+t.rect.height/2,R.Right)),t.anchors.push(new h(t.rect.x+t.rect.width/2,t.rect.y+t.rect.height,R.Bottom));for(let e=10;e<360;e+=10){if(e%90==0)continue;const i=Math.floor(e/90),n=new h(t.rect.center.x+Math.sin(e/180*Math.PI)*t.rect.width/2,t.rect.center.y+Math.cos(e/180*Math.PI)*t.rect.height/2,i);n.data="hidden",t.anchors.push(n)}}function wt(t,e,i,n){const r=new l(i.x-12,i.y-6,12,12);n&&1!==n&&r.scale(n,new h(r.x+12,r.y+6)),t.translate(i.x,i.y),t.rotate(Math.atan2(i.y-e.y,i.x-e.x)),t.translate(-i.x,-i.y),t.moveTo(r.x,r.y),t.lineTo(r.x+r.width,r.y+r.height/2),t.lineTo(r.x,r.y+r.height),t.stroke()}function pt(t,e,i,n){const r=new l(i.x-12,i.y-6,12,12);n&&1!==n&&r.scale(n,new h(r.x+12,r.y+6)),t.translate(i.x,i.y),t.rotate(Math.atan2(i.y-e.y,i.x-e.x)),t.translate(-i.x,-i.y),i.x>e.x?(t.moveTo(r.x,r.y),t.lineTo(r.x+r.width,r.y+r.height/2)):(t.moveTo(r.x+r.width,r.y+r.height/2),t.lineTo(r.x,r.y+r.height)),t.stroke()}function vt(t,e,i,n){const r=new l(i.x-12,i.y-6,12,12);n&&1!==n&&r.scale(n,new h(r.x+12,r.y+6)),t.translate(i.x,i.y),t.rotate(Math.atan2(i.y-e.y,i.x-e.x)),t.translate(-i.x,-i.y),i.x<e.x?(t.moveTo(r.x,r.y),t.lineTo(r.x+r.width,r.y+r.height/2)):(t.moveTo(r.x+r.width,r.y+r.height/2),t.lineTo(r.x,r.y+r.height)),t.stroke()}function mt(t,e){t.beginPath(),t.moveTo(e.rect.x+e.rect.width/2,e.rect.y),t.lineTo(e.rect.x+e.rect.width,e.rect.y+2*e.rect.height/5),t.lineTo(e.rect.x+4*e.rect.width/5,e.rect.y+e.rect.height),t.lineTo(e.rect.x+e.rect.width/5,e.rect.y+e.rect.height),t.lineTo(e.rect.x,e.rect.y+2*e.rect.height/5),t.closePath(),t.fill(),t.stroke()}function Pt(t){let e=t.rect.width/2,i=t.rect.height/2;e>i?e=i:i=e;let n=t.rect.height/7;n<10&&(n=10),t.iconRect=new l(t.rect.x+(t.rect.width-e)/2,t.rect.y+n,e,i)}function Lt(t){t.textRect=new l(t.rect.x+t.rect.width/5,t.rect.y+5*t.rect.height/7,3*t.rect.width/5,t.rect.height/4);const e=3*t.rect.width/5,i=3*t.rect.height/5;t.fullTextRect=new l(t.rect.x+(t.rect.width-e)/2,t.rect.y+t.rect.height/4,e,i)}function Rt(t){t.anchors.push(new h(t.rect.x+t.rect.width/2,t.rect.y,R.Up)),t.anchors.push(new h(t.rect.x+t.rect.width,t.rect.y+2*t.rect.height/5,R.Right)),t.anchors.push(new h(t.rect.x+4*t.rect.width/5,t.rect.y+t.rect.height,R.Bottom)),t.anchors.push(new h(t.rect.x+t.rect.width/5,t.rect.y+t.rect.height,R.Bottom)),t.anchors.push(new h(t.rect.x,t.rect.y+2*t.rect.height/5,R.Left))}function bt(t,e){t.beginPath();const i=e.rect.width/5;t.moveTo(e.rect.x+i,e.rect.y),t.lineTo(e.rect.x+e.rect.width-i,e.rect.y),t.lineTo(e.rect.x+e.rect.width,e.rect.y+e.rect.height/2),t.lineTo(e.rect.x+e.rect.width-i,e.rect.y+e.rect.height),t.lineTo(e.rect.x+i,e.rect.y+e.rect.height),t.lineTo(e.rect.x,e.rect.y+e.rect.height/2),t.closePath(),t.fill(),t.stroke()}function Tt(t){t.anchors.push(new h(t.rect.x+t.rect.width/2,t.rect.y,R.Up)),t.anchors.push(new h(t.rect.x+t.rect.width,t.rect.y+t.rect.height/2,R.Right)),t.anchors.push(new h(t.rect.x+t.rect.width/2,t.rect.y+t.rect.height,R.Bottom)),t.anchors.push(new h(t.rect.x,t.rect.y+t.rect.height/2,R.Left)),t.anchors.push(new h(t.rect.x+t.rect.width/10,t.rect.y+t.rect.height/4,R.Left)),t.anchors.push(new h(t.rect.x+t.rect.width/10,t.rect.y+3*t.rect.height/4,R.Left)),t.anchors.push(new h(t.rect.x+9*t.rect.width/10,t.rect.y+t.rect.height/4,R.Right)),t.anchors.push(new h(t.rect.x+9*t.rect.width/10,t.rect.y+3*t.rect.height/4,R.Right))}function St(t){let e=t.rect.width/2,i=2*t.rect.height/3;e>i?e=i:i=e;let n=t.rect.height/10;n<10&&(n=10),t.iconRect=new l(t.rect.x+(t.rect.width-e)/2,t.rect.y+n,e,i)}function It(t){t.textRect=new l(t.rect.x+t.rect.width/5,t.rect.y+5*t.rect.height/7,3*t.rect.width/5,t.rect.height/4);const e=3*t.rect.width/5;t.fullTextRect=new l(t.rect.x+(t.rect.width-e)/2,t.rect.y,e,t.rect.height)}function Mt(t,e){t.beginPath();for(let i=0;i<5;++i)t.lineTo(Math.cos((18+72*i)/180*Math.PI)*e.rect.width/2+e.rect.x+e.rect.width/2,-Math.sin((18+72*i)/180*Math.PI)*e.rect.width/2+e.rect.y+e.rect.height/2),t.lineTo(Math.cos((54+72*i)/180*Math.PI)*e.rect.width/4+e.rect.x+e.rect.width/2,-Math.sin((54+72*i)/180*Math.PI)*e.rect.width/4+e.rect.y+e.rect.height/2);t.closePath(),t.fill(),t.stroke()}function Ct(t){t.anchors.push(new h(Math.cos(.1*Math.PI)*t.rect.width/2+t.rect.x+t.rect.width/2,-Math.sin(.1*Math.PI)*t.rect.width/2+t.rect.y+t.rect.height/2,R.Right)),t.anchors.push(new h(Math.cos(.5*Math.PI)*t.rect.width/2+t.rect.x+t.rect.width/2,-Math.sin(.5*Math.PI)*t.rect.width/2+t.rect.y+t.rect.height/2,R.Up)),t.anchors.push(new h(Math.cos(.9*Math.PI)*t.rect.width/2+t.rect.x+t.rect.width/2,-Math.sin(.9*Math.PI)*t.rect.width/2+t.rect.y+t.rect.height/2,R.Left)),t.anchors.push(new h(Math.cos(1.3*Math.PI)*t.rect.width/2+t.rect.x+t.rect.width/2,-Math.sin(1.3*Math.PI)*t.rect.width/2+t.rect.y+t.rect.height/2,R.Bottom)),t.anchors.push(new h(Math.cos(1.7*Math.PI)*t.rect.width/2+t.rect.x+t.rect.width/2,-Math.sin(1.7*Math.PI)*t.rect.width/2+t.rect.y+t.rect.height/2,R.Bottom))}function kt(t){t.iconRect=new l(0,0,0,0)}function At(t){const e=2*t.rect.width/5,i=2*t.rect.height/5;t.fullTextRect=new l(t.rect.x+(t.rect.width-e)/2,t.rect.y+(t.rect.height-i)/2,e,i),t.textRect=t.fullTextRect}function Nt(t,e){t.beginPath(),t.moveTo(e.rect.x+e.rect.width/5,e.rect.y+13*e.rect.height/16),t.bezierCurveTo(e.rect.x-e.rect.width/15,e.rect.y+13*e.rect.height/16,e.rect.x-e.rect.width/15,e.rect.y+7*e.rect.height/16,e.rect.x+e.rect.width/5,e.rect.y+7*e.rect.height/16),t.bezierCurveTo(e.rect.x+e.rect.width/5,e.rect.y,e.rect.x+4*e.rect.width/5,e.rect.y,e.rect.x+4*e.rect.width/5,e.rect.y+7*e.rect.height/16),t.bezierCurveTo(e.rect.x+16*e.rect.width/15,e.rect.y+7*e.rect.height/16,e.rect.x+16*e.rect.width/15,e.rect.y+13*e.rect.height/16,e.rect.x+4*e.rect.width/5,e.rect.y+13*e.rect.height/16),t.closePath(),t.fill(),t.stroke()}function zt(t){t.anchors.push(new h(t.rect.x,t.rect.y+3*t.rect.height/5,R.Left)),t.anchors.push(new h(t.rect.x+t.rect.width/2,t.rect.y+t.rect.height/9,R.Up)),t.anchors.push(new h(t.rect.x+t.rect.width,t.rect.y+3*t.rect.height/5,R.Right)),t.anchors.push(new h(t.rect.x+t.rect.width/2,t.rect.y+4*t.rect.height/5,R.Bottom))}function Dt(t){t.iconRect=new l(0,0,0,0)}function Wt(t){t.textRect=new l(t.rect.x+t.rect.width/4,t.rect.y+t.rect.height/4,t.rect.width/2,6*t.rect.height/11),t.fullTextRect=t.textRect}function Ft(t,e){t.beginPath(),t.moveTo(e.rect.x,e.rect.y),t.lineTo(e.rect.x+e.rect.width,e.rect.y),t.lineTo(e.rect.x+e.rect.width,e.rect.y+3*e.rect.height/4),t.lineTo(e.rect.x+8*e.rect.width/16,e.rect.y+3*e.rect.height/4),t.lineTo(e.rect.x+e.rect.width/4,e.rect.ey),t.lineTo(e.rect.x+5*e.rect.width/16,e.rect.y+3*e.rect.height/4),t.lineTo(e.rect.x,e.rect.y+3*e.rect.height/4),t.closePath(),t.fill(),t.stroke()}function Bt(t){t.iconRect=new l(0,0,0,0)}function Ht(t){t.textRect=new l(t.rect.x,t.rect.y,t.rect.width,3*t.rect.height/4),t.fullTextRect=t.textRect}function Et(t){t.anchors.push(new h(t.rect.x,t.rect.y+3*t.rect.height/8,R.Left)),t.anchors.push(new h(t.rect.x+t.rect.width/2,t.rect.y,R.Up)),t.anchors.push(new h(t.rect.x+t.rect.width,t.rect.y+3*t.rect.height/8,R.Right)),t.anchors.push(new h(t.rect.x+t.rect.width/4,t.rect.ey,R.Bottom))}function Ut(t,e){t.beginPath();const i=e.rect.width/6;t.moveTo(e.rect.x,e.rect.y),t.lineTo(e.rect.ex-i,e.rect.y),t.lineTo(e.rect.ex,e.rect.y+i),t.lineTo(e.rect.ex,e.rect.ey),t.lineTo(e.rect.x,e.rect.ey),t.closePath(),t.moveTo(e.rect.ex-i,e.rect.y),t.lineTo(e.rect.ex-i,e.rect.y+i),t.lineTo(e.rect.ex,e.rect.y+i),t.fill(),t.stroke()}const _t=5,Ot=30;function $t(t){let e=t.rect.x,i=t.rect.y,n=t.rect.width;t.imageWidth&&(n=t.imageWidth,e+=(t.rect.width-n)/2);let r=t.rect.height-t.textRect.height-_t;r<Ot&&(r=Ot);const h=Yt(t);if(h!==Ot){r=h;let e=t.rect.ey-t.textRect.y;e<0&&(e=0),i+=(t.rect.height-e-r)/2}t.iconRect=new l(e,i,n,r),t.textRect.y=t.iconRect.ey+_t,t.textRect.ey=t.textRect.y+t.textRect.height,t.fullIconRect=t.rect}function jt(t){let e=0;const i=t.font.fontSize*t.font.lineHeight;if(t.textMaxLine)e=i*t.textMaxLine;else{e=i*m(it.get("offscreen").getContext("2d"),v(t.text),t.rect.width).length}let n=t.rect.ey-e;const r=Yt(t);n-r-_t<t.rect.y&&(n=t.rect.y+r+_t),t.textRect=new l(t.rect.x,n,t.rect.width,e),t.fullTextRect=t.rect}function Yt(t){let e=Ot;return t.image?t.imageHeight>0&&(e=t.imageHeight):t.icon&&t.iconSize>0&&(e=t.iconSize),e}class Xt{constructor(t,e,i,n,r="",h=""){this.points=[],this.fillStyle="",this.strokeStyle="",this.points.push(t),this.points.push(e),this.points.push(i),this.points.push(n),this.fillStyle=r,this.strokeStyle=h||r}render(t){t.save(),t.fillStyle=this.fillStyle,t.strokeStyle=this.strokeStyle,t.beginPath();for(let e=0;e<this.points.length;++e)e?t.lineTo(this.points[e].x,this.points[e].y):t.moveTo(this.points[e].x,this.points[e].y);t.closePath(),t.fill(),t.stroke(),t.restore()}}class Kt{constructor(t,e,i,n="#ddd",r="#ccc"){this.surfaces=[];const o=e*Math.sin(45*Math.PI/180),s=new h(t.x,t.y+o),c=new h(t.ex-o,t.y+o),l=new h(t.ex-o,t.ey),y=new h(t.x,t.ey);this.surfaces.push(new Xt(s,c,l,y,n,r)),this.surfaces.push(new Xt(s,new h(t.x+o,t.y),new h(t.ex,t.y),c,a(.5,n),r)),this.surfaces.push(new Xt(c,new h(t.ex,t.y),new h(t.ex,t.ey-o),l,a(.6,n),r))}render(t){for(const e of this.surfaces)e.render(t)}}function qt(t,e){new Kt(e.rect,e.z,e.zRotate,e.fillStyle,e.strokeStyle).render(t)}function Gt(t){const e=t.z*Math.sin(45*Math.PI/180);t.anchors.push(new h(t.rect.x,t.rect.ey-(t.rect.height-e)/2,R.Left)),t.anchors.push(new h(t.rect.x+t.rect.width/2,t.rect.y+e/2,R.Up)),t.anchors.push(new h(t.rect.ex-e/2,t.rect.y+t.rect.height/2,R.Right)),t.anchors.push(new h(t.rect.x+(t.rect.width-e)/2,t.rect.y+t.rect.height,R.Bottom))}function Vt(t){t.fullIconRect=t.fullTextRect,t.iconRect=new l(t.fullIconRect.x,t.fullIconRect.y,t.fullIconRect.width,2*t.fullIconRect.height/3)}function Jt(t){const e=t.z*Math.sin(45*Math.PI/180);t.fullTextRect=new l(t.rect.x,t.rect.y+e,t.rect.width-e,t.rect.height-e),t.textRect=new l(t.fullTextRect.x+10,t.fullTextRect.y+2*t.fullTextRect.height/3,t.fullTextRect.width-20,t.fullTextRect.height/3-5)}function Qt(t,e){t.beginPath();const i=e.rect.width/4,n=e.rect.x+e.rect.width/2;t.arc(n,e.rect.y+i,i,0,2*Math.PI),t.moveTo(e.rect.x,e.rect.y+3*i),t.lineTo(e.rect.ex,e.rect.y+3*i),t.moveTo(n,e.rect.y+2*i),t.lineTo(n,e.rect.y+4*i),t.moveTo(n,e.rect.y+4*i),t.lineTo(e.rect.x,e.rect.ey),t.moveTo(n,e.rect.y+4*i),t.lineTo(e.rect.ex,e.rect.ey),t.fill(),t.stroke()}function Zt(t){t.iconRect=new l(0,0,0,0)}function te(t){t.textRect=new l(0,0,0,0),t.fullTextRect=t.textRect}const ee={},ie={},ne={},re={},he={},oe={};function se(t,e,i,n,r,h){return!(ee[t]&&!h)&&(ee[t]=e,re[t]=i,ie[t]=n,ne[t]=r,!0)}console.log("Init middles."),ee.combine=d,ee.rectangle=d,ee.circle=x,ie.circle=I,ne.circle=M,re.circle=gt,ee.triangle=f,re.triangle=b,ie.triangle=C,ne.triangle=k,ee.diamond=u,ie.diamond=A,ne.diamond=N,ee.hexagon=bt,ie.hexagon=St,ne.hexagon=It,re.hexagon=Tt,ee.pentagon=mt,ie.pentagon=Pt,ne.pentagon=Lt,re.pentagon=Rt,ee.pentagram=Mt,ie.pentagram=kt,ne.pentagram=At,re.pentagram=Ct,ee.leftArrow=g,re.leftArrow=T,ie.leftArrow=z,ne.leftArrow=D,ee.rightArrow=w,re.rightArrow=T,ie.rightArrow=W,ne.rightArrow=F,ee.twowayArrow=p,re.twowayArrow=T,ie.twowayArrow=B,ne.twowayArrow=H,ee.cloud=Nt,re.cloud=zt,ie.cloud=Dt,ne.cloud=Wt,ee.message=Ft,re.message=Et,ie.message=Bt,ne.message=Ht,ee.file=Ut,ee.text=P,ie.text=E,re.text=t=>{},ee.line=L,re.line=S,ie.line=E,ne.line=U,ee.image=(t,e)=>{},ie.image=$t,ne.image=jt,ee.cube=qt,re.cube=Gt,ie.cube=Vt,ne.cube=Jt,ee.people=Qt,ie.people=Zt,ne.people=te,he.line={drawFn:_,drawControlPointsFn:O,controlPointsFn:$,pointIn:q},he.polyline={drawFn:Y,drawControlPointsFn:X,controlPointsFn:K,dockControlPointFn:G,pointIn:q},he.curve={drawFn:rt,drawControlPointsFn:ht,controlPointsFn:ot,pointIn:st},oe.triangleSolid=lt,oe.triangle=yt,oe.diamondSolid=dt,oe.diamond=xt,oe.circleSolid=ft,oe.circle=ut,oe.line=wt,oe.lineUp=pt,oe.lineDown=vt;class ce extends y{constructor(t){super(t),this.is3D=!1,this.zRotate=0,this.imageRatio=!0,this.anchors=[],this.rotatedAnchors=[],this.animateType=0,this.animateDuration=0,this.animateFrames=[],this.is3D=t.is3D,this.z=t.z,this.zRotate=t.zRotate||0,this.borderRadius=+t.borderRadius||0,this.borderRadius>1&&(this.borderRadius=1),this.icon=t.icon,this.iconFamily=t.iconFamily,this.iconSize=+t.iconSize,this.iconColor=t.iconColor,this.image=t.image,t.imgNaturalWidth&&(this.imgNaturalWidth=t.imgNaturalWidth),t.imgNaturalHeight&&(this.imgNaturalHeight=t.imgNaturalHeight),t.imageWidth&&(this.imageWidth=t.imageWidth),t.imageHeight&&(this.imageHeight=t.imageHeight),this.imageRatio=t.imageRatio,this.text=t.text,t.textMaxLine&&(this.textMaxLine=+t.textMaxLine||0),t.parentRect&&(this.parentRect=t.parentRect),t.animateFrames&&(this.animateFrames=t.animateFrames),t.animateDuration&&(this.animateDuration=t.animateDuration),this.animateType=t.animateType?t.animateType:t.animateDuration?"8":"",this.init(),this.setChild(t)}static cloneState(t){const e=new ce(t);return delete e.animateFrames,e}init(){var t;ne[this.name]?ne[this.name](this):((t=this).textRect=new l(t.rect.x+10,t.rect.y+2*t.rect.height/3,t.rect.width-20,t.rect.height/3-5),t.fullTextRect=t.rect),ie[this.name]?ie[this.name](this):function(t){t.iconRect=new l(t.rect.x,t.rect.y+10,t.rect.width,2*t.rect.height/3-20),t.fullIconRect=t.rect}(this),this.calcAnchors()}setChild(t){if(t.children){this.children=[];for(let e=0;e<t.children.length;++e){const i=new ce(t.children[e]);i.parentId=this.id,i.calcChildRect(this),i.init(),i.setChild(t.children[e]),this.children.push(i)}}}calcChildRect(t){this.rect=new l(t.rect.x+this.parentRect.offsetX+this.parentRect.marginX+(t.rect.width-this.parentRect.offsetX)*this.parentRect.x,t.rect.y+this.parentRect.offsetY+this.parentRect.marginY+(t.rect.height-this.parentRect.offsetY)*this.parentRect.y,(t.rect.width-this.parentRect.offsetX)*this.parentRect.width-2*this.parentRect.marginX,(t.rect.height-this.parentRect.offsetY)*this.parentRect.height-2*this.parentRect.marginY),this.parentRect.rotate||(this.parentRect.rotate=0);const e=this.rect.center.clone();e.rotate(t.rotate+t.offsetRotate,t.rect.center),this.rect.x=e.x-this.rect.width/2,this.rect.y=e.y-this.rect.height/2,this.rect.ex=this.rect.x+this.rect.width,this.rect.ey=this.rect.y+this.rect.height,this.rect.calceCenter(),this.rotate=this.parentRect.rotate+t.rotate+t.offsetRotate}draw(t){if(ee[this.name]){if(ee[this.name](t,this),"text"!==this.name&&this.text&&(t.save(),t.shadowColor="",t.shadowBlur=0,P(t,this),t.restore()),this.image)return this.lastImage!==this.image&&(this.img=null),this.lastImage=this.image,this.img?void this.drawImg(t):(this.img=new Image,this.img.crossOrigin="anonymous",this.img.src=this.image,void(this.img.onload=()=>{this.imgNaturalWidth=this.img.naturalWidth,this.imgNaturalHeight=this.img.naturalHeight,this.drawImg(t),this.emitRender()}));this.icon&&(t.save(),t.shadowColor="",t.shadowBlur=0,function(t,e){t.save(),t.textAlign="center",t.textBaseline="middle";const i=e.getIconRect();e.iconSize>0?t.font=`${e.iconSize}px ${e.iconFamily}`:i.width>i.height?t.font=`${i.height}px ${e.iconFamily}`:t.font=`${i.width}px ${e.iconFamily}`,e.iconColor||(e.iconColor="#2f54eb"),t.fillStyle=e.iconColor,t.beginPath(),t.fillText(e.icon,i.x+i.width/2,i.y+i.height/2),t.restore()}(t,this),t.restore())}}drawImg(t){t.save(),t.shadowColor="",t.shadowBlur=0;const e=this.getIconRect().clone(),i=e.width,n=e.height;this.imageWidth&&(e.width=this.imageWidth),this.imageHeight&&(e.height=this.imageHeight),this.imageRatio&&(this.imageWidth?e.height=this.imgNaturalHeight/this.imgNaturalWidth*e.width:e.width=this.imgNaturalWidth/this.imgNaturalHeight*e.height),"image"!==this.name&&(e.x+=(i-e.width)/2,e.y+=(n-e.height)/2),t.drawImage(this.img,e.x,e.y,e.width,e.height),t.restore()}emitRender(){it.set("render",1)}calcAnchors(){var t;this.anchors=[],re[this.name]?re[this.name](this):((t=this).anchors.push(new h(t.rect.x,t.rect.y+t.rect.height/2,R.Left)),t.anchors.push(new h(t.rect.x+t.rect.width/2,t.rect.y,R.Up)),t.anchors.push(new h(t.rect.x+t.rect.width,t.rect.y+t.rect.height/2,R.Right)),t.anchors.push(new h(t.rect.x+t.rect.width/2,t.rect.y+t.rect.height,R.Bottom))),this.calcRotateAnchors()}calcRotateAnchors(t){void 0===t&&(t=this.rotate),this.rotatedAnchors=[];for(const e of this.anchors)this.rotatedAnchors.push(e.clone().rotate(t,this.rect.center))}getTextRect(){let t=this.textRect;return this.icon||this.image||(t=this.fullTextRect),t}getIconRect(){let t=this.iconRect;return this.text||(t=this.fullIconRect||this.fullTextRect||this.rect),t}getDockWatchers(){this.dockWatchers=this.rect.toPoints(),this.dockWatchers.unshift(this.rect.center)}clearImg(){this.img=null}animate(t,e){let i=e-this.animateStart;if(i>this.animateDuration){if(++this.animateCycleIndex>=this.animateCycle&&this.animateCycle>0){this.animateStart=0,this.animateCycleIndex=0;const t=this.animateFrames[this.animateFrames.length-1];return this.dash=t.state.dash,this.strokeStyle=t.state.strokeStyle,this.fillStyle=t.state.fillStyle,this.font=t.state.font,this.lineWidth=t.state.lineWidth,this.rotate=t.state.rotate,this.globalAlpha=t.state.globalAlpha,t.state.rect&&t.state.rect.width&&(this.rect=new l(t.state.rect.x,t.state.rect.y,t.state.rect.width,t.state.rect.height),this.init()),void it.set("animateEnd",{type:"node",data:this})}this.animateStart=e,i=0,this.animateFrames[0].initState=ce.cloneState(this)}let n=!1;for(let t=0;t<this.animateFrames.length;++t){const e=this.animateFrames[t];if(i>=e.start&&i<e.end){this.dash=e.state.dash,this.strokeStyle=e.state.strokeStyle,this.fillStyle=e.state.fillStyle,this.font=e.state.font;const t=(i-e.start)/e.duration;e.linear?(e.state.rect.x!==e.initState.rect.x&&(this.rect.x=e.initState.rect.x+(e.state.rect.x-e.initState.rect.x)*t,n=!0),e.state.rect.y!==e.initState.rect.y&&(this.rect.y=e.initState.rect.y+(e.state.rect.y-e.initState.rect.y)*t,n=!0),e.state.rect.width!==e.initState.rect.width&&(this.rect.width=e.initState.rect.width+(e.state.rect.width-e.initState.rect.width)*t,n=!0),e.state.rect.height!==e.initState.rect.height&&(this.rect.height=e.initState.rect.height+(e.state.rect.height-e.initState.rect.height)*t,n=!0),this.rect.ex=this.rect.x+this.rect.width,this.rect.ey=this.rect.y+this.rect.height,this.rect.calceCenter(),void 0!==e.initState.z&&e.state.z!==e.initState.z&&(this.z=e.initState.z+(e.state.z-e.initState.z)*t,n=!0),e.state.borderRadius!==e.initState.borderRadius&&(this.borderRadius=e.initState.borderRadius+(e.state.borderRadius-e.initState.borderRadius)*t),e.state.lineWidth!==e.initState.lineWidth&&(this.lineWidth=e.initState.lineWidth+(e.state.lineWidth-e.initState.lineWidth)*t),e.state.rotate!==e.initState.rotate&&(this.rotate=e.initState.rotate+(e.state.rotate-e.initState.rotate)*t,n=!0),e.state.globalAlpha!==e.initState.globalAlpha&&(this.globalAlpha=e.initState.globalAlpha+(e.state.globalAlpha-e.initState.globalAlpha)*t)):(this.rect=e.state.rect,this.lineWidth=e.state.lineWidth,this.rotate=e.state.rotate,this.globalAlpha=e.state.globalAlpha)}}n&&(this.init(),it.set("animateMoved",this)),this.render(t)}scale(t,e){e||(e=this.rect.center),this.rect.x=e.x-(e.x-this.rect.x)*t,this.rect.y=e.y-(e.y-this.rect.y)*t,this.rect.width*=t,this.rect.height*=t,this.imageWidth&&(this.imageWidth*=t),this.imageHeight&&(this.imageHeight*=t),this.font.fontSize*=t,this.iconSize*=t,this.rect.ex=this.rect.x+this.rect.width,this.rect.ey=this.rect.y+this.rect.height,this.rect.calceCenter(),this.init()}}class ae extends y{constructor(t){if(super(t),this.controlPoints=[],this.animateColor="",this.animateSpan=1,this.animatePos=0,t){t.from&&(this.from=new h(t.from.x,t.from.y,t.from.direction,t.from.anchorIndex,t.from.id)),t.to&&(this.to=new h(t.to.x,t.to.y,t.to.direction,t.to.anchorIndex,t.to.id));for(const e of t.controlPoints)this.controlPoints.push(new h(e.x,e.y,e.direction,e.anchorIndex,e.id));this.fromArrow=t.fromArrow||"",this.toArrow=t.toArrow||"",t.animateColor&&(this.animateColor=t.animateColor),t.animateSpan&&(this.animateSpan=t.animateSpan),t.length&&(this.length=t.length)}else this.name="curve",this.fromArrow="triangleSolid"}setFrom(t,e=""){this.from=t,this.fromArrow=e}setTo(t,e="triangleSolid"){t.x=t.x,t.y=t.y,this.to=t,this.toArrow=e}calcControlPoints(){this.to&&he[this.name]&&he[this.name].controlPointsFn(this)}draw(t){he[this.name]&&he[this.name].drawFn(t,this);const e=it.get("scale");if(this.fromArrow&&oe[this.fromArrow]){t.save(),t.beginPath(),this.strokeStyle?t.fillStyle=this.strokeStyle:t.fillStyle=t.strokeStyle;let i=this.to;"curve"===this.name?i=ct(.9,this.to,this.controlPoints[1],this.controlPoints[0],this.from):"line"!==this.name&&this.controlPoints.length&&(i=this.controlPoints[0]),oe[this.fromArrow](t,i,this.from,e),t.restore()}if(this.toArrow&&oe[this.toArrow]){t.save(),t.beginPath(),this.strokeStyle?t.fillStyle=this.strokeStyle:t.fillStyle=t.strokeStyle;let i=this.from;"curve"===this.name?i=ct(.9,this.from,this.controlPoints[0],this.controlPoints[1],this.to):"line"!==this.name&&this.controlPoints.length&&(i=this.controlPoints[this.controlPoints.length-1]),oe[this.toArrow](t,i,this.to,e),t.restore()}}pointIn(t){return he[this.name].pointIn(t,this)}animate(t){if(t.save(),t.lineCap="round",this.animatePos+=this.animateSpan,t.setLineDash([this.animatePos,this.length-this.animatePos+1]),this.render(t),t.restore(),this.animatePos>this.length+this.animateSpan){if(++this.animateCycleIndex>=this.animateCycle&&this.animateCycle>0)return this.animateStart=0,void it.set("animateEnd",{type:"line",data:this});this.animatePos=this.animateSpan}}}class le{constructor(t={},e=""){this.options=t,this.name="",this.canvas=document.createElement("canvas"),this.nodes=it.get("nodes"),this.lines=it.get("lines"),this.rendering=!1,this.name=e,this.canvas.style.outline="none"}resize(t,e){this.canvas.width=t,this.canvas.height=e}addNode(t){if(!ee[t.name])return!1;let e=!1;for(const i of this.nodes)if(i.id===t.id){e=!0;break}return!e&&(this.nodes.push(t),!0)}render(){if(this.rendering)return;this.rendering=!0,this.canvas.height=this.canvas.height;const t=this.canvas.getContext("2d");t.strokeStyle=this.options.color,t.fillStyle="#fff",this.renderNodes(),this.renderLines(),it.set("render",1),this.rendering=!1}renderNodes(){if(!this.nodes.length)return;const t=this.canvas.getContext("2d");for(const e of this.nodes)e.animateStart&&e.animateDuration||e.render(t)}renderLines(){if(!this.lines.length)return;const t=this.canvas.getContext("2d");let e=0;for(const i of this.lines)i.to?(i.render(t),++e):this.lines.splice(e++,1)}}class ye{constructor(t,e){this.options=e,this.canvas=document.createElement("canvas"),this.anchorRadius=4,this.hoverAnchorIndex=-1,this.dockLineX=0,this.dockLineY=0,this.options.hoverColor||(this.options.hoverColor="#d4380d"),this.options.dragColor||(this.options.dragColor="#d4380d"),this.canvas.style.position="absolute",this.canvas.style.left="0",this.canvas.style.top="0",this.canvas.style.outline="none",t.appendChild(this.canvas)}setLine(t,e="",i="curve"){this.line=new ae,this.line.name=i,this.line.setFrom(t,e),it.get("lines").push(this.line)}lineTo(t,e="triangleSolid"){this.line.setTo(t,e),this.line.calcControlPoints()}lineFrom(t){this.line.setFrom(t,this.line.fromArrow),this.line.calcControlPoints()}lineMove(t,e){const i=t.x-e.x,n=t.y-e.y;this.line.setTo(new h(this.initLine.to.x+i,this.initLine.to.y+n),this.line.toArrow),this.line.setFrom(new h(this.initLine.from.x+i,this.initLine.from.y+n),this.line.fromArrow),this.line.calcControlPoints()}render(){this.canvas.height=this.canvas.height;const t=this.canvas.getContext("2d");if(t.translate(0,0),t.strokeStyle=this.options.hoverColor,t.fillStyle="#fff",this.node)for(let e=0;e<this.node.rotatedAnchors.length;++e)"hidden"===this.node.rotatedAnchors[e].data&&this.hoverAnchorIndex!==e||(t.beginPath(),t.arc(this.node.rotatedAnchors[e].x,this.node.rotatedAnchors[e].y,this.anchorRadius,0,2*Math.PI),t.fill(),t.stroke());const e=it.get("activeLine");e&&he[e.name].drawControlPointsFn(t,e),t.fillStyle=this.options.hoverColor,this.dockAnchor&&(t.beginPath(),t.arc(this.dockAnchor.x,this.dockAnchor.y,4,0,2*Math.PI),t.fill()),this.hoverLineCP&&(t.beginPath(),t.arc(this.hoverLineCP.x,this.hoverLineCP.y,5,0,2*Math.PI),t.fill()),t.strokeStyle=this.options.dragColor+"50",t.fillStyle=this.options.dragColor+"30",t.lineWidth=1,t.translate(.5,.5),this.dockLineX>0&&(t.beginPath(),t.moveTo(this.dockLineX,0),t.lineTo(this.dockLineX,this.canvas.height),t.stroke()),this.dockLineY>0&&(t.beginPath(),t.moveTo(0,this.dockLineY),t.lineTo(this.canvas.width,this.dockLineY),t.stroke()),this.dragRect&&(t.strokeStyle=this.options.dragColor,t.beginPath(),t.strokeRect(this.dragRect.x,this.dragRect.y,this.dragRect.width,this.dragRect.height),t.fillRect(this.dragRect.x,this.dragRect.y,this.dragRect.width,this.dragRect.height))}resize(t,e){this.canvas.width=t,this.canvas.height=e}getLen(t){const e=document.createElementNS("http://www.w3.org/2000/svg","path");return e.setAttribute("d",`M${t.from.x} ${t.from.y} C${t.controlPoints[0].x} ${t.controlPoints[0].y} ${t.controlPoints[1].x} ${t.controlPoints[1].y} ${t.to.x} ${t.to.y}`),e.getTotalLength()}}class de{constructor(t,e){this.options=e,this.canvas=document.createElement("canvas"),this.rotateCPs=[],this.sizeCPs=[],this.nodes=[],this.lines=[],this.rotate=0,this.initialSizeCPs=[],this.nodeRects=[],this.childrenRects={},this.dockWatchers=[],this.rotating=!1,this.options.activeColor||(this.options.activeColor="#d4380d"),this.canvas.style.position="absolute",this.canvas.style.left="0",this.canvas.style.top="0",this.canvas.style.outline="none",t.appendChild(this.canvas)}calcControlPoints(){if(1===this.nodes.length){if(this.rect=this.nodes[0].rect,this.sizeCPs=this.nodes[0].rect.toPoints(),this.rotateCPs=[new h(this.nodes[0].rect.x+this.nodes[0].rect.width/2,this.nodes[0].rect.y-35),new h(this.nodes[0].rect.x+this.nodes[0].rect.width/2,this.nodes[0].rect.y)],this.rotate||this.nodes[0].rotate){for(const t of this.sizeCPs)this.nodes[0].rotate&&t.rotate(this.nodes[0].rotate,this.nodes[0].rect.center),this.rotate&&t.rotate(this.rotate,this.rect.center);for(const t of this.rotateCPs)this.nodes[0].rotate&&t.rotate(this.nodes[0].rotate,this.nodes[0].rect.center),this.rotate&&t.rotate(this.rotate,this.rect.center)}return void(this.options.hideRotateCP&&(this.rotateCPs=[new h(-1e3,-1e3),new h(-1e3,-1e3)]))}let t=99999,e=99999,i=-99999,n=-99999;const r=this.getPoints();for(const h of r)t>h.x&&(t=h.x),e>h.y&&(e=h.y),i<h.x&&(i=h.x),n<h.y&&(n=h.y);this.rect=new l(t,e,i-t,n-e),this.sizeCPs=[new h(t,e),new h(i,e),new h(i,n),new h(t,n)],this.rotateCPs=[new h(t+(i-t)/2,e-35),new h(t+(i-t)/2,e)],this.options.hideRotateCP&&(this.rotateCPs=[new h(-1e3,-1e3),new h(-1e3,-1e3)])}getPoints(){const t=[];for(const e of this.nodes){const i=e.rect.toPoints();if(e.rotate)for(const t of i)t.rotate(e.rotate,e.rect.center);t.push.apply(t,i)}return t}render(){if(this.canvas.height=this.canvas.height,!this.nodes.length&&!this.lines.length)return;1!==this.nodes.length&&this.rotating||this.calcControlPoints();const t=this.canvas.getContext("2d");if(t.strokeStyle=this.options.activeColor,t.fillStyle="#fff",t.lineWidth=1,this.renderNodesLines(),this.rotate&&this.nodes.length>1&&(t.translate(this.rect.center.x,this.rect.center.y),t.rotate(this.rotate*Math.PI/180),t.translate(-this.rect.center.x,-this.rect.center.y)),t.save(),t.globalAlpha=.3,t.beginPath(),t.moveTo(this.sizeCPs[0].x-.5,this.sizeCPs[0].y-.5),t.lineTo(this.sizeCPs[1].x+.5,this.sizeCPs[1].y-.5),t.lineTo(this.sizeCPs[2].x+.5,this.sizeCPs[2].y+.5),t.lineTo(this.sizeCPs[3].x-.5,this.sizeCPs[3].y-.5),t.closePath(),t.stroke(),t.restore(),!it.get("locked")){t.beginPath(),t.moveTo(this.rotateCPs[0].x,this.rotateCPs[0].y),t.lineTo(this.rotateCPs[1].x,this.rotateCPs[1].y),t.stroke(),t.beginPath(),t.arc(this.rotateCPs[0].x,this.rotateCPs[0].y,5,0,2*Math.PI),t.fill(),t.stroke(),t.lineWidth=1;for(const e of this.sizeCPs)t.save(),t.beginPath(),1===this.nodes.length&&(this.nodes[0].rotate||this.rotate)&&(t.translate(e.x,e.y),t.rotate((this.nodes[0].rotate+this.rotate)*Math.PI/180),t.translate(-e.x,-e.y)),t.fillRect(e.x-4.5,e.y-4.5,8,8),t.strokeRect(e.x-5.5,e.y-5.5,10,10),t.restore()}}saveNodeRects(){this.nodeRects=[],this.childrenRects={};for(const t of this.nodes)this.nodeRects.push(new l(t.rect.x,t.rect.y,t.rect.width,t.rect.height)),this.saveChildrenRects(t);this.initialSizeCPs=[];for(const t of this.sizeCPs){const e=t.clone();1===this.nodes.length&&this.nodes[0].rotate&&e.rotate(-this.nodes[0].rotate,this.nodes[0].rect.center),this.initialSizeCPs.push(e)}this.getDockWatchers()}saveChildrenRects(t){if(t.children)for(const e of t.children)this.childrenRects[e.id]=new l(e.rect.x,e.rect.y,e.rect.width,e.rect.height),this.saveChildrenRects(e)}resizeNodes(t,e){let i=0;const n=new h(0,0);let r,o,s,c;for(const h of this.nodes){switch(t){case 0:r=e.x,o=e.y,s=this.initialSizeCPs[2].x-e.x,c=this.initialSizeCPs[2].y-e.y,n.x=s>5?r:this.initialSizeCPs[2].x-5,n.y=c>5?o:this.initialSizeCPs[2].y-5;break;case 1:o=e.y,s=e.x-this.initialSizeCPs[0].x,c=this.initialSizeCPs[2].y-e.y,n.x=this.initialSizeCPs[0].x,n.y=c>5?o:this.initialSizeCPs[2].y-5;break;case 2:s=e.x-this.initialSizeCPs[0].x,c=e.y-this.initialSizeCPs[0].y,n.x=this.initialSizeCPs[0].x,n.y=this.initialSizeCPs[0].y;break;case 3:r=e.x,s=this.initialSizeCPs[2].x-e.x,c=e.y-this.initialSizeCPs[0].y,n.x=s>5?r:this.initialSizeCPs[2].x-5,n.y=this.initialSizeCPs[0].y}s=s>5?s:5,c=c>5?c:5,this.calcResizedPos(h.rect,this.nodeRects[i],n,s/(this.initialSizeCPs[2].x-this.initialSizeCPs[0].x),c/(this.initialSizeCPs[2].y-this.initialSizeCPs[0].y)),h.rect.calceCenter(),h.init(),this.updateChildren(h),++i}this.updateLines()}calcResizedPos(t,e,i,n,r){t.x=i.x+(e.x-this.initialSizeCPs[0].x)*n,t.y=i.y+(e.y-this.initialSizeCPs[0].y)*r,t.width=e.width*n,t.height=e.height*r,t.ex=t.x+t.width,t.ey=t.y+t.height}moveNodes(t,e){if(this.nodeRects.length!==this.nodes.length)return;let i=0;for(const n of this.nodes)n.rect.x=this.nodeRects[i].x+t,n.rect.y=this.nodeRects[i].y+e,n.rect.ex=n.rect.x+n.rect.width,n.rect.ey=n.rect.y+n.rect.height,n.rect.calceCenter(),n.init(),this.updateChildren(n),++i;this.updateLines()}updateChildren(t){if(t.children)for(const e of t.children)e.calcChildRect(t),e.init(),this.updateChildren(e)}updateLines(t){t||(t=this.nodes);const e=it.get("lines");for(const i of e){let e=!1;for(const n of t)i.from.id===n.id&&(i.from.x=n.rotatedAnchors[i.from.anchorIndex].x,i.from.y=n.rotatedAnchors[i.from.anchorIndex].y,e=!0),i.to.id===n.id&&(i.to.x=n.rotatedAnchors[i.to.anchorIndex].x,i.to.y=n.rotatedAnchors[i.to.anchorIndex].y,e=!0),n.children&&this.updateLines(n.children);e&&i.calcControlPoints()}}changeLineType(){for(const t of this.lines)t.calcControlPoints()}offsetRotate(t){this.rotating=!0;let e=0;for(const i of this.nodes){const n=this.nodeRects[e].center.clone();this.nodes.length>1&&n.rotate(t,this.rect.center),i.rect.x=n.x-i.rect.width/2,i.rect.y=n.y-i.rect.height/2,i.rect.ex=i.rect.x+i.rect.width,i.rect.ey=i.rect.y+i.rect.height,i.rect.calceCenter(),i.init(),i.offsetRotate=t,i.calcRotateAnchors(i.rotate+i.offsetRotate),this.updateChildren(i),++e}this.rotate=t}updateRotate(){for(const t of this.nodes)t.rotate+=t.offsetRotate,t.offsetRotate=0;this.rotate=0,this.rotating=!1}addNode(t){this.nodes.push(t)}setNodes(t){this.nodes=t,this.lines=[]}hasNode(t){let e=!1;for(const i of this.nodes)if(i.id===t.id){e=!0;break}return e}renderNodesLines(){const t=this.canvas.getContext("2d");t.save();for(const e of this.nodes){const i=new ce(e);i.fillStyle=null,i.icon="",i.image="",i.text="",i.children=null,"transparent"!==i.strokeStyle&&(i.strokeStyle="#ffffff",i.lineWidth+=2,i.render(t),i.strokeStyle="#d4380d",i.lineWidth-=2),i.render(t)}for(const e of this.lines){if(!e.to)continue;const i=new ae(e);i.strokeStyle="#ffffff",i.lineWidth+=2,i.render(t),i.strokeStyle="#d4380d",i.lineWidth-=2,i.render(t)}t.restore()}resize(t,e){this.canvas.width=t,this.canvas.height=e}updateProps(t,e,i){if(t){for(const e of t)e.rect.ex=e.rect.x+e.rect.width,e.rect.ey=e.rect.y+e.rect.height,e.rect.calceCenter(),e.init(),e.dash=i.dash,e.lineWidth=i.lineWidth,e.strokeStyle=i.strokeStyle,e.fillStyle=i.fillStyle,e.globalAlpha=i.globalAlpha;this.updateLines(t)}if(e)for(const t of e)t.dash=i.dash,t.lineWidth=i.lineWidth,t.strokeStyle=i.strokeStyle,t.fillStyle=i.fillStyle,t.globalAlpha=i.globalAlpha;this.calcControlPoints()}getDockWatchers(){if(1===this.nodes.length)return this.dockWatchers=this.nodeRects[0].toPoints(),void this.dockWatchers.unshift(this.nodeRects[0].center);this.dockWatchers=this.rect.toPoints(),this.dockWatchers.unshift(this.rect.center)}}class xe{constructor(t,e){this.options=e,this.canvas=document.createElement("canvas"),this.nodes=[],this.lines=[],this.last=Date.now(),this.options.animateColor||(this.options.animateColor="#ff6600"),this.canvas.style.position="absolute",this.canvas.style.left="0",this.canvas.style.top="0",this.canvas.style.outline="none",t.appendChild(this.canvas)}render(t=!0){this.timer&&cancelAnimationFrame(this.timer),t&&(this.nodes=[],this.lines=[]);const e=it.get("nodes"),i=it.get("lines");for(const t of e){let e=!1;for(let i=0;i<this.nodes.length;++i)this.nodes[i].id===t.id&&(t.animateCycleIndex=1,e=!0,t.animateStart||this.nodes.splice(i,1));!e&&t.animateStart&&this.addNode(t)}for(const t of i){let e=!1;for(let i=0;i<this.lines.length;++i)this.lines[i].id===t.id&&(this.lines[i].animateCycle=t.animateCycle,this.lines[i].animateCycleIndex=1,this.lines[i].animateColor=t.animateColor||this.options.animateColor,this.lines[i].strokeStyle=t.animateColor||this.options.animateColor,this.lines[i].animateSpan=t.animateSpan,e=!0,t.animateStart?this.lines[i].animateStart=t.animateStart:this.lines.splice(i,1));!e&&t.animateStart&&this.addLine(t)}this.animate()}addNode(t){let e=0;for(let i=0;i<t.animateFrames.length;++i)t.animateFrames[i].start=e,e+=t.animateFrames[i].duration,t.animateFrames[i].end=e,t.animateFrames[i].initState=ce.cloneState(i?t.animateFrames[i-1].state:t);this.nodes.push(t)}addLine(t){const e=new ae(t);e.fromArrow="",e.toArrow="",e.lineWidth+=1,e.strokeStyle=e.animateColor||this.options.animateColor,e.length=this.getLen(e),e.animateStart=t.animateStart,this.lines.push(e)}animate(){if(!this.lines.length&&!this.nodes.length)return this.canvas.height=this.canvas.height,void(this.timer=null);this.timer=requestAnimationFrame(()=>{const t=Date.now(),e=t-this.last;if(this.last=t,e>15){this.canvas.height=this.canvas.height;const e=this.canvas.getContext("2d");for(let t=0;t<this.lines.length;++t)this.lines[t].animate(e),this.lines[t]&&!this.lines[t].animateStart&&this.lines.splice(t,1);for(let i=0;i<this.nodes.length;++i)this.nodes[i].animateDuration&&this.nodes[i].animateStart?this.nodes[i].animate(e,t):this.nodes.splice(i,1)}this.animate()})}resize(t,e){this.canvas.width=t,this.canvas.height=e}getLen(t){switch(t.name){case"line":return c(t.from,t.to);case"polyline":if(!t.controlPoints||!t.controlPoints.length)return c(t.from,t.to);let e=0,i=t.from;for(const n of t.controlPoints)e+=c(i,n),i=n;return 0|(e+=c(i,t.to));case"curve":return function(t,e,i,n){const r=document.createElementNS("http://www.w3.org/2000/svg","path");return r.setAttribute("d",`M${t.x} ${t.y} C${e.x} ${e.y} ${i.x} ${i.y} ${n.x} ${n.y}`),0|r.getTotalLength()}(t.from,t.controlPoints[0],t.controlPoints[1],t.to)}return 0}nextAnimatePos(){}}const fe=["nw-resize","ne-resize","se-resize","sw-resize"];var ue;!function(t){t[t.None=0]="None",t[t.Line=1]="Line",t[t.LineMove=2]="LineMove",t[t.LineFrom=3]="LineFrom",t[t.LineTo=4]="LineTo",t[t.LineControlPoint=5]="LineControlPoint",t[t.Nodes=6]="Nodes",t[t.ResizeCP=7]="ResizeCP",t[t.HoverAnchors=8]="HoverAnchors",t[t.Rotate=9]="Rotate"}(ue||(ue={}));const ge=10;var we=i(0),pe=i(1);var ve=i(2);var me=i(4);function Pe(t,e){const i=e.rect.width*e.borderRadius,n=e.rect.height*e.borderRadius;let r=i<n?i:n;e.rect.width<2*r&&(r=e.rect.width/2),e.rect.height<2*r&&(r=e.rect.height/2),t.beginPath(),t.moveTo(e.rect.x+r,e.rect.y),t.arcTo(e.rect.x+e.rect.width,e.rect.y,e.rect.x+e.rect.width,e.rect.y+e.rect.height,r),t.arcTo(e.rect.x+e.rect.width,e.rect.y+e.rect.height,e.rect.x,e.rect.y+e.rect.height,r),t.arcTo(e.rect.x,e.rect.y+e.rect.height,e.rect.x,e.rect.y,r),t.arcTo(e.rect.x,e.rect.y,e.rect.x+e.rect.width,e.rect.y,r),t.closePath(),t.fill(),t.stroke()}function Le(t){t.iconRect=new me.Rect(0,0,0,0)}function Re(t){t.textRect=new me.Rect(t.rect.x,t.rect.y,t.rect.width,t.rect.height),t.fullTextRect=t.textRect}var be=i(5),Te=i(7);var Se=i(9);var Ie=i(8);var Me=i(3),Ce=i(6);se("flowData",(function(t,e){t.beginPath();const i=e.rect.width/7;t.moveTo(e.rect.x+i,e.rect.y),t.lineTo(e.rect.ex,e.rect.y),t.lineTo(e.rect.x+e.rect.width-i,e.rect.ey),t.lineTo(e.rect.x,e.rect.ey),t.closePath(),t.fill(),t.stroke()}),(function(t){t.anchors.push(new we.Point(t.rect.x+t.rect.width/14,t.rect.y+t.rect.height/2,pe.Direction.Left)),t.anchors.push(new we.Point(t.rect.x+4*t.rect.width/7,t.rect.y,pe.Direction.Up)),t.anchors.push(new we.Point(t.rect.x+13*t.rect.width/14,t.rect.y+t.rect.height/2,pe.Direction.Right)),t.anchors.push(new we.Point(t.rect.x+3*t.rect.width/7,t.rect.ey,pe.Direction.Bottom))}),(function(t){t.iconRect=new ve.Rect(0,0,0,0)}),(function(t){t.textRect=new ve.Rect(t.rect.x+t.rect.width/7,t.rect.y,5*t.rect.width/7,t.rect.height),t.fullTextRect=t.textRect})),se("flowSubprocess",(function(t,e){t.beginPath();const i=e.rect.width/7;t.moveTo(e.rect.x,e.rect.y),t.lineTo(e.rect.ex,e.rect.y),t.lineTo(e.rect.ex,e.rect.ey),t.lineTo(e.rect.x,e.rect.ey),t.closePath(),t.moveTo(e.rect.x+i,e.rect.y),t.lineTo(e.rect.x+i,e.rect.ey),t.moveTo(e.rect.ex-i,e.rect.y),t.lineTo(e.rect.ex-i,e.rect.ey),t.fill(),t.stroke()}),null,(function(t){t.iconRect=new ve.Rect(0,0,0,0)}),(function(t){t.textRect=new ve.Rect(t.rect.x+t.rect.width/7,t.rect.y,5*t.rect.width/7,t.rect.height),t.fullTextRect=t.textRect})),se("flowDb",(function(t,e){t.beginPath();const i=e.rect.height/7;t.moveTo(e.rect.x,e.rect.y+i),t.bezierCurveTo(e.rect.x,e.rect.y-i/2|0,e.rect.ex,e.rect.y-i/2|0,e.rect.ex,e.rect.y+i),t.lineTo(e.rect.ex,e.rect.ey-i),t.bezierCurveTo(e.rect.ex,e.rect.ey+i/2|0,e.rect.x,e.rect.ey+i/2|0,e.rect.x,e.rect.ey-i),t.closePath(),t.moveTo(e.rect.x,e.rect.ey-i),t.bezierCurveTo(e.rect.x,e.rect.ey-2*i|0,e.rect.ex,e.rect.ey-2*i|0,e.rect.ex,e.rect.ey-i),t.fill(),t.stroke()}),null,(function(t){t.iconRect=new ve.Rect(0,0,0,0)}),(function(t){t.textRect=new ve.Rect(t.rect.x,t.rect.y+t.rect.height/8,t.rect.width,5*t.rect.height/8),t.fullTextRect=t.textRect})),se("flowDocument",(function(t,e){t.beginPath();const i=e.rect.x+e.rect.width/2,n=e.rect.y+6*e.rect.height/7,r=e.rect.height/6;t.moveTo(e.rect.x,e.rect.y),t.lineTo(e.rect.ex,e.rect.y),t.lineTo(e.rect.ex,n),t.bezierCurveTo(e.rect.ex-20,n-r,i+e.rect.width/5,n-r,i,n),t.bezierCurveTo(i-e.rect.width/5,n+r,e.rect.x,n+r,e.rect.x,n),t.closePath(),t.fill(),t.stroke()}),(function(t){t.anchors.push(new we.Point(t.rect.x,t.rect.y+t.rect.height/2,pe.Direction.Left)),t.anchors.push(new we.Point(t.rect.x+t.rect.width/2,t.rect.y,pe.Direction.Up)),t.anchors.push(new we.Point(t.rect.x+t.rect.width,t.rect.y+t.rect.height/2,pe.Direction.Right)),t.anchors.push(new we.Point(t.rect.x+t.rect.width/2,t.rect.y+6*t.rect.height/7,pe.Direction.Bottom))}),(function(t){t.iconRect=new ve.Rect(0,0,0,0)}),(function(t){t.textRect=new ve.Rect(t.rect.x,t.rect.y,t.rect.width,5*t.rect.height/7),t.fullTextRect=t.textRect})),se("flowInternalStorage",(function(t,e){t.beginPath(),t.moveTo(e.rect.x,e.rect.y),t.lineTo(e.rect.ex,e.rect.y),t.lineTo(e.rect.ex,e.rect.ey),t.lineTo(e.rect.x,e.rect.ey),t.closePath();const i=e.rect.width/7;t.moveTo(e.rect.x,e.rect.y+i),t.lineTo(e.rect.ex,e.rect.y+i),t.moveTo(e.rect.x+i,e.rect.y),t.lineTo(e.rect.x+i,e.rect.ey),t.fill(),t.stroke()}),null,(function(t){t.iconRect=new ve.Rect(0,0,0,0)}),(function(t){const e=t.rect.width/7;t.textRect=new ve.Rect(t.rect.x+e,t.rect.y+e,t.rect.width-e,t.rect.height-e),t.fullTextRect=t.textRect})),se("flowExternStorage",(function(t,e){t.beginPath();const i=e.rect.width/10;t.moveTo(e.rect.x+2*i,e.rect.y),t.bezierCurveTo(e.rect.x-2*i/3,e.rect.y,e.rect.x-2*i/3,e.rect.ey,e.rect.x+2*i,e.rect.ey),t.lineTo(e.rect.ex,e.rect.ey),t.bezierCurveTo(e.rect.ex-i,e.rect.ey,e.rect.ex-i,e.rect.y,e.rect.ex,e.rect.y),t.closePath(),t.fill(),t.stroke()}),(function(t){t.anchors.push(new we.Point(t.rect.x,t.rect.y+t.rect.height/2,pe.Direction.Left)),t.anchors.push(new we.Point(t.rect.x+8*t.rect.width/15,t.rect.y,pe.Direction.Up)),t.anchors.push(new we.Point(t.rect.x+13*t.rect.width/14,t.rect.y+t.rect.height/2,pe.Direction.Right)),t.anchors.push(new we.Point(t.rect.x+8*t.rect.width/15,t.rect.ey,pe.Direction.Bottom))}),(function(t){t.iconRect=new ve.Rect(0,0,0,0)}),(function(t){t.textRect=new ve.Rect(t.rect.x+t.rect.width/6,t.rect.y,3*t.rect.width/4,t.rect.height),t.fullTextRect=t.textRect})),se("flowQueue",(function(t,e){t.beginPath(),t.ellipse(e.rect.x+e.rect.width/2,e.rect.y+e.rect.height/2,e.rect.width/2,e.rect.height/2,0,0,2*Math.PI),t.moveTo(e.rect.x+e.rect.width/2,e.rect.ey),t.lineTo(e.rect.ex,e.rect.ey),t.fill(),t.stroke()}),null,(function(t){t.iconRect=new ve.Rect(0,0,0,0)}),(function(t){const e=5*t.rect.width/7,i=5*t.rect.height/7;t.textRect=new ve.Rect(t.rect.x+(t.rect.width-e)/2,t.rect.y+(t.rect.height-i)/2,e,i),t.fullTextRect=t.textRect})),se("flowManually",(function(t,e){t.beginPath();const i=e.rect.height/4;t.moveTo(e.rect.x,e.rect.y+i),t.lineTo(e.rect.ex,e.rect.y),t.lineTo(e.rect.ex,e.rect.ey),t.lineTo(e.rect.x,e.rect.ey),t.closePath(),t.fill(),t.stroke()}),(function(t){t.anchors.push(new we.Point(t.rect.x,t.rect.y+5*t.rect.height/8,pe.Direction.Left)),t.anchors.push(new we.Point(t.rect.x+t.rect.width/2,t.rect.y+t.rect.height/8,pe.Direction.Up)),t.anchors.push(new we.Point(t.rect.ex,t.rect.y+t.rect.height/2,pe.Direction.Right)),t.anchors.push(new we.Point(t.rect.x+t.rect.width/2,t.rect.ey,pe.Direction.Bottom))}),(function(t){t.iconRect=new ve.Rect(0,0,0,0)}),(function(t){t.textRect=new ve.Rect(t.rect.x,t.rect.y+t.rect.height/4,t.rect.width,3*t.rect.height/4),t.fullTextRect=t.textRect})),se("flowDisplay",(function(t,e){t.beginPath();const i=e.rect.width/8;t.moveTo(e.rect.x+i,e.rect.y),t.lineTo(e.rect.ex-i,e.rect.y),t.bezierCurveTo(e.rect.ex+i/3,e.rect.y,e.rect.ex+i/3,e.rect.ey,e.rect.ex-i,e.rect.ey),t.lineTo(e.rect.x+i,e.rect.ey),t.lineTo(e.rect.x,e.rect.y+e.rect.height/2),t.closePath(),t.fill(),t.stroke()}),(function(t){t.anchors.push(new we.Point(t.rect.x,t.rect.y+t.rect.height/2,pe.Direction.Left)),t.anchors.push(new we.Point(t.rect.x+t.rect.width/2,t.rect.y,pe.Direction.Up)),t.anchors.push(new we.Point(t.rect.x+t.rect.width,t.rect.y+t.rect.height/2,pe.Direction.Right)),t.anchors.push(new we.Point(t.rect.x+t.rect.width/2,t.rect.y+t.rect.height,pe.Direction.Bottom))}),(function(t){t.iconRect=new ve.Rect(0,0,0,0)}),(function(t){t.textRect=new ve.Rect(t.rect.x+t.rect.width/8,t.rect.y,3*t.rect.width/4,t.rect.height),t.fullTextRect=t.textRect})),se("flowParallel",(function(t,e){t.beginPath(),t.moveTo(e.rect.x,e.rect.y),t.lineTo(e.rect.ex,e.rect.y),t.moveTo(e.rect.x,e.rect.ey),t.lineTo(e.rect.ex,e.rect.ey),t.fill(),t.stroke()}),(function(t){t.anchors.push(new we.Point(t.rect.x+t.rect.width/2,t.rect.y,pe.Direction.Up)),t.anchors.push(new we.Point(t.rect.x+t.rect.width/2,t.rect.y+t.rect.height,pe.Direction.Bottom))}),null,null),se("flowComment",(function(t,e){t.beginPath();const i=e.rect.width/4;t.moveTo(e.rect.x+i,e.rect.y),t.lineTo(e.rect.x,e.rect.y),t.lineTo(e.rect.x,e.rect.ey),t.lineTo(e.rect.x+i,e.rect.ey),t.fill(),t.stroke()}),(function(t){t.anchors.push(new we.Point(t.rect.x,t.rect.y+t.rect.height/2,pe.Direction.Left))}),null,null),se("activityFinal",(function(t,e){t.beginPath(),t.ellipse(e.rect.x+e.rect.width/2,e.rect.y+e.rect.height/2,e.rect.width/2,e.rect.height/2,0,0,2*Math.PI),t.stroke(),t.beginPath(),t.fillStyle=t.strokeStyle,t.ellipse(e.rect.x+e.rect.width/2,e.rect.y+e.rect.height/2,e.rect.width/4,e.rect.height/4,0,0,2*Math.PI),t.fill()}),null,(function(t){t.iconRect=new me.Rect(0,0,0,0)}),(function(t){const e=5*t.rect.width/7,i=5*t.rect.height/7;t.textRect=new me.Rect(t.rect.x+(t.rect.width-e)/2,t.rect.y+(t.rect.height-i)/2,e,i),t.fullTextRect=t.textRect})),se("swimlaneV",(function(t,e){const i=e.rect.width*e.borderRadius,n=e.rect.height*e.borderRadius;let r=i<n?i:n;e.rect.width<2*r&&(r=e.rect.width/2),e.rect.height<2*r&&(r=e.rect.height/2),t.beginPath(),t.moveTo(e.rect.x+r,e.rect.y),t.arcTo(e.rect.x+e.rect.width,e.rect.y,e.rect.x+e.rect.width,e.rect.y+e.rect.height,r),t.arcTo(e.rect.x+e.rect.width,e.rect.y+e.rect.height,e.rect.x,e.rect.y+e.rect.height,r),t.arcTo(e.rect.x,e.rect.y+e.rect.height,e.rect.x,e.rect.y,r),t.arcTo(e.rect.x,e.rect.y,e.rect.x+e.rect.width,e.rect.y,r),t.closePath(),t.moveTo(e.rect.x,e.rect.y+40),t.lineTo(e.rect.ex,e.rect.y+40),t.fill(),t.stroke()}),null,(function(t){t.iconRect=new me.Rect(0,0,0,0)}),(function(t){t.textRect=new me.Rect(t.rect.x,t.rect.y,t.rect.width,40),t.fullTextRect=t.textRect})),se("swimlaneH",(function(t,e){const i=e.rect.width*e.borderRadius,n=e.rect.height*e.borderRadius;let r=i<n?i:n;e.rect.width<2*r&&(r=e.rect.width/2),e.rect.height<2*r&&(r=e.rect.height/2),t.beginPath(),t.moveTo(e.rect.x+r,e.rect.y),t.arcTo(e.rect.x+e.rect.width,e.rect.y,e.rect.x+e.rect.width,e.rect.y+e.rect.height,r),t.arcTo(e.rect.x+e.rect.width,e.rect.y+e.rect.height,e.rect.x,e.rect.y+e.rect.height,r),t.arcTo(e.rect.x,e.rect.y+e.rect.height,e.rect.x,e.rect.y,r),t.arcTo(e.rect.x,e.rect.y,e.rect.x+e.rect.width,e.rect.y,r),t.closePath(),t.moveTo(e.rect.x+40,e.rect.y),t.lineTo(e.rect.x+40,e.rect.ey),t.fill(),t.stroke()}),null,(function(t){t.iconRect=new me.Rect(0,0,0,0)}),(function(t){t.textRect=new me.Rect(t.rect.x+10,t.rect.y,20,t.rect.height),t.fullTextRect=t.textRect})),se("forkH",Pe,(function(t){t.anchors.push(new be.Point(t.rect.x,t.rect.y+t.rect.height/2,Te.Direction.Left)),t.anchors.push(new be.Point(t.rect.ex,t.rect.y+t.rect.height/2,Te.Direction.Right));for(let e=25;t.rect.x+e<t.rect.ex;e+=25){const i=new be.Point(t.rect.x+e,t.rect.y,Te.Direction.Up),n=new be.Point(t.rect.x+e,t.rect.ey,Te.Direction.Bottom);i.data="hidden",n.data="hidden",t.anchors.push(i),t.anchors.push(n)}}),Le,Re),se("forkV",Pe,(function(t){t.anchors.push(new be.Point(t.rect.x+t.rect.width/2,t.rect.y,Te.Direction.Up)),t.anchors.push(new be.Point(t.rect.x+t.rect.width/2,t.rect.ey,Te.Direction.Bottom));for(let e=25;t.rect.y+e<t.rect.ey;e+=25){const i=new be.Point(t.rect.x,t.rect.y+e,Te.Direction.Left),n=new be.Point(t.rect.ex,t.rect.y+e,Te.Direction.Right);i.data="hidden",n.data="hidden",t.anchors.push(i),t.anchors.push(n)}}),Le,Re),se("simpleClass",(function(t,e){const i=e.rect.width*e.borderRadius,n=e.rect.height*e.borderRadius;let r=i<n?i:n;e.rect.width<2*r&&(r=e.rect.width/2),e.rect.height<2*r&&(r=e.rect.height/2),t.beginPath(),t.moveTo(e.rect.x+r,e.rect.y),t.arcTo(e.rect.x+e.rect.width,e.rect.y,e.rect.x+e.rect.width,e.rect.y+e.rect.height,r),t.arcTo(e.rect.x+e.rect.width,e.rect.y+e.rect.height,e.rect.x,e.rect.y+e.rect.height,r),t.arcTo(e.rect.x,e.rect.y+e.rect.height,e.rect.x,e.rect.y,r),t.arcTo(e.rect.x,e.rect.y,e.rect.x+e.rect.width,e.rect.y,r),t.closePath(),t.moveTo(e.rect.x,e.rect.y+40),t.lineTo(e.rect.ex,e.rect.y+40),t.fill(),t.stroke()}),null,(function(t){t.iconRect=new Se.Rect(0,0,0,0)}),(function(t){t.textRect=new Se.Rect(t.rect.x,t.rect.y,t.rect.width,40),t.fullTextRect=t.textRect})),se("interfaceClass",(function(t,e){const i=e.rect.width*e.borderRadius,n=e.rect.height*e.borderRadius;let r=i<n?i:n;e.rect.width<2*r&&(r=e.rect.width/2),e.rect.height<2*r&&(r=e.rect.height/2),t.beginPath(),t.moveTo(e.rect.x+r,e.rect.y),t.arcTo(e.rect.x+e.rect.width,e.rect.y,e.rect.x+e.rect.width,e.rect.y+e.rect.height,r),t.arcTo(e.rect.x+e.rect.width,e.rect.y+e.rect.height,e.rect.x,e.rect.y+e.rect.height,r),t.arcTo(e.rect.x,e.rect.y+e.rect.height,e.rect.x,e.rect.y,r),t.arcTo(e.rect.x,e.rect.y,e.rect.x+e.rect.width,e.rect.y,r),t.closePath(),t.moveTo(e.rect.x,e.rect.y+40),t.lineTo(e.rect.ex,e.rect.y+40);const h=e.rect.y+20+e.rect.height/2;t.moveTo(e.rect.x,h),t.lineTo(e.rect.ex,h),t.fill(),t.stroke()}),null,(function(t){t.iconRect=new Se.Rect(0,0,0,0)}),(function(t){t.textRect=new Se.Rect(t.rect.x,t.rect.y,t.rect.width,40),t.fullTextRect=t.textRect})),se("lifeline",(function(t,e){const i=e.rect.width*e.borderRadius,n=50*e.borderRadius;let r=i<n?i:n;e.rect.width<2*r&&(r=e.rect.width/2),50<2*r&&(r=25),t.beginPath(),t.moveTo(e.rect.x+r,e.rect.y),t.arcTo(e.rect.x+e.rect.width,e.rect.y,e.rect.x+e.rect.width,e.rect.y+50,r),t.arcTo(e.rect.x+e.rect.width,e.rect.y+50,e.rect.x,e.rect.y+50,r),t.arcTo(e.rect.x,e.rect.y+50,e.rect.x,e.rect.y,r),t.arcTo(e.rect.x,e.rect.y,e.rect.x+e.rect.width,e.rect.y,r),t.closePath(),t.fill(),t.stroke(),t.save(),t.beginPath(),t.lineWidth=1,t.setLineDash([7,7]);const h=e.rect.x+e.rect.width/2;t.moveTo(h,e.rect.y+50+1),t.lineTo(h,e.rect.ey),t.stroke(),t.restore()}),(function(t){t.anchors.push(new Me.Point(t.rect.x,t.rect.y+25,Ce.Direction.Left)),t.anchors.push(new Me.Point(t.rect.x+t.rect.width/2,t.rect.y,Ce.Direction.Up)),t.anchors.push(new Me.Point(t.rect.x+t.rect.width,t.rect.y+25,Ce.Direction.Right)),t.anchors.push(new Me.Point(t.rect.x+t.rect.width/2,t.rect.y+50,Ce.Direction.Bottom)),t.anchors.push(new Me.Point(t.rect.x+t.rect.width/2,t.rect.ey,Ce.Direction.Bottom))}),(function(t){t.iconRect=new Ie.Rect(0,0,0,0)}),(function(t){t.textRect=new Ie.Rect(t.rect.x,t.rect.y,t.rect.width,50),t.fullTextRect=t.textRect})),se("sequenceFocus",(function(t,e){t.beginPath(),t.rect(e.rect.x,e.rect.y,e.rect.width,e.rect.height),this.fillStyle?t.fillStyle=this.fillStyle:t.fillStyle="#fff",t.fill(),t.stroke()}),(function(t){t.anchors.push(new Me.Point(t.rect.x+t.rect.width/2,t.rect.y,Ce.Direction.Up)),t.anchors.push(new Me.Point(t.rect.x+t.rect.width/2,t.rect.ey,Ce.Direction.Bottom));for(let e=25;t.rect.y+e<t.rect.ey;e+=25){const i=new Me.Point(t.rect.x,t.rect.y+e,Ce.Direction.Left),n=new Me.Point(t.rect.ex,t.rect.y+e,Ce.Direction.Right);i.data="hidden",n.data="hidden",t.anchors.push(i),t.anchors.push(n)}}),(function(t){t.iconRect=new Ie.Rect(0,0,0,0)}),(function(t){t.textRect=new Ie.Rect(0,0,0,0),t.fullTextRect=t.textRect})),window.Le5leTopology={Topology:class{constructor(t,e){this.canvas=document.createElement("canvas"),this.nodes=[],this.lines=[],this.scaleState=1,this.input=document.createElement("textarea"),this.lastTranlated={x:0,y:0},this.moveIn={type:ue.None,activeAnchorIndex:0,hoverAnchorIndex:0,hoverNode:null,hoverLine:null,lineControlPoint:null},this.nodesMoved=!1,this.fromArrowType="",this.toArrowType="triangleSolid",this.lineName="curve",this.locked=0,this.scheduledAnimationFrame=!1,this.caches={index:0,list:[]},this.onMouseMove=t=>{if(this.scheduledAnimationFrame)return;if(t.altKey&&this.mouseDown)return void this.translate(t.offsetX-this.mouseDown.x,t.offsetY-this.mouseDown.y);if(this.locked<0)return;this.scheduledAnimationFrame=!0;const e=new h(t.offsetX,t.offsetY);requestAnimationFrame(()=>{if(this.scheduledAnimationFrame=!1,!this.mouseDown)return this.getMoveIn(e),this.moveIn.hoverNode?(this.hoverLayer.node=this.moveIn.hoverNode,this.hoverLayer.render(),!this.lastHoverNode&&this.options.on&&this.options.on("moveInNode",this.moveIn.hoverNode)):this.lastHoverNode&&(this.hoverLayer.node=null,this.hoverLayer.canvas.height=this.hoverLayer.canvas.height,this.options.on&&this.options.on("moveOutNode",null)),void(this.moveIn.type===ue.LineControlPoint?(this.hoverLayer.hoverLineCP=this.moveIn.lineControlPoint,this.hoverLayer.render()):this.hoverLayer.hoverLineCP&&(this.hoverLayer.hoverLineCP=null,this.hoverLayer.render()));(e.x+50>this.parentElem.clientWidth+this.parentElem.scrollLeft||e.y+50>this.parentElem.clientHeight+this.parentElem.scrollTop)&&this.options.on&&this.options.on("moveOutParent",e);const t=e.x+50>this.hoverLayer.canvas.width||e.y+50>this.hoverLayer.canvas.height;switch(t&&(e.x+50>this.hoverLayer.canvas.width&&(this.canvas.width+=200),e.y+50>this.hoverLayer.canvas.height&&(this.canvas.height+=200),this.offscreen.canvas.width=this.canvas.width,this.offscreen.canvas.height=this.canvas.height,this.hoverLayer.canvas.width=this.canvas.width,this.hoverLayer.canvas.height=this.canvas.height,this.activeLayer.canvas.width=this.canvas.width,this.activeLayer.canvas.height=this.canvas.height,this.options.on&&this.options.on("resize",{width:this.canvas.width,height:this.canvas.height})),this.moveIn.type){case ue.None:if(this.hoverLayer.dragRect=new l(this.mouseDown.x,this.mouseDown.y,e.x-this.mouseDown.x,e.y-this.mouseDown.y),!t)return void this.hoverLayer.render();break;case ue.Nodes:this.nodesMoved=!0;const i=e.x-this.mouseDown.x,n=e.y-this.mouseDown.y;if(i||n){const t=this.getDockPos(i,n);this.activeLayer.moveNodes(t.x?t.x:i,t.y?t.y:n),this.options.on&&this.options.on("moveNodes",this.activeLayer.nodes)}break;case ue.ResizeCP:this.activeLayer.resizeNodes(this.moveIn.activeAnchorIndex,e),this.options.on&&this.options.on("resizeNodes",this.activeLayer.nodes);break;case ue.LineTo:case ue.HoverAnchors:let r=this.toArrowType;this.moveIn.hoverLine&&(r=this.moveIn.hoverLine.toArrow),this.hoverLayer.lineTo(this.getLineDock(e),r);break;case ue.LineFrom:this.hoverLayer.lineFrom(this.getLineDock(e));break;case ue.LineMove:this.hoverLayer.lineMove(e,this.mouseDown);break;case ue.LineControlPoint:this.moveIn.hoverLine.controlPoints[this.moveIn.lineControlPoint.id].x=e.x,this.moveIn.hoverLine.controlPoints[this.moveIn.lineControlPoint.id].y=e.y,he[this.moveIn.hoverLine.name]&&he[this.moveIn.hoverLine.name].dockControlPointFn&&he[this.moveIn.hoverLine.name].dockControlPointFn(this.moveIn.hoverLine.controlPoints[this.moveIn.lineControlPoint.id],this.moveIn.hoverLine);break;case ue.Rotate:this.activeLayer.nodes.length&&(this.activeLayer.offsetRotate(this.getAngle(e)),this.activeLayer.updateLines()),this.options.on&&this.options.on("rotateNodes",this.activeLayer.nodes)}this.hoverLayer.render(),this.activeLayer.render(),this.animateLayer.render(),this.offscreen.render()})},this.onmousedown=t=>{switch(this.mouseDown={x:t.offsetX,y:t.offsetY},it.set("activeLine",null),t.altKey&&(this.hoverLayer.canvas.style.cursor="move"),this.inputNode&&this.setNodeText(),this.moveIn.type){case ue.None:return this.activeLayer.nodes=[],this.activeLayer.lines=[],this.activeLayer.canvas.height=this.activeLayer.canvas.height,this.hoverLayer.node=null,this.hoverLayer.line=null,this.hoverLayer.canvas.height=this.hoverLayer.canvas.height,void(this.options.on&&this.options.on("space",null));case ue.Line:case ue.LineControlPoint:return t.ctrlKey?(this.activeLayer.lines.push(this.moveIn.hoverLine),this.options.on&&(this.lines.length>1||this.nodes.length?this.options.on("multi",{nodes:this.activeLayer.nodes,lines:this.activeLayer.lines}):this.options.on("line",this.moveIn.hoverLine))):(this.activeLayer.nodes=[],this.activeLayer.lines=[this.moveIn.hoverLine],this.options.on&&this.options.on("line",this.moveIn.hoverLine)),it.set("activeLine",this.moveIn.hoverLine),this.hoverLayer.render(),void this.activeLayer.render();case ue.LineMove:this.hoverLayer.initLine=new ae(this.moveIn.hoverLine);case ue.LineFrom:case ue.LineTo:return this.activeLayer.nodes=[],this.activeLayer.lines=[this.moveIn.hoverLine],this.options.on&&this.options.on("line",this.moveIn.hoverLine),it.set("activeLine",this.moveIn.hoverLine),this.hoverLayer.line=this.moveIn.hoverLine,this.hoverLayer.render(),this.activeLayer.render(),void this.animateLayer.render();case ue.HoverAnchors:this.hoverLayer.setLine(new h(this.moveIn.hoverNode.rotatedAnchors[this.moveIn.hoverAnchorIndex].x,this.moveIn.hoverNode.rotatedAnchors[this.moveIn.hoverAnchorIndex].y,this.moveIn.hoverNode.rotatedAnchors[this.moveIn.hoverAnchorIndex].direction,this.moveIn.hoverAnchorIndex,this.moveIn.hoverNode.id),this.fromArrowType,this.lineName);case ue.Nodes:if(!this.moveIn.hoverNode||this.activeLayer.hasNode(this.moveIn.hoverNode))break;t.ctrlKey?(this.activeLayer.addNode(this.moveIn.hoverNode),this.options.on&&(this.activeLayer.nodes.length>1||this.activeLayer.lines.length?this.options.on("multi",{nodes:this.activeLayer.nodes,lines:this.activeLayer.lines}):this.options.on("node",this.moveIn.hoverNode))):(this.activeLayer.setNodes([this.moveIn.hoverNode]),this.options.on&&this.options.on("node",this.moveIn.hoverNode))}this.activeLayer.saveNodeRects(),this.activeLayer.render(),this.animateLayer.render()},this.onmouseup=t=>{if(this.mouseDown=null,this.lastTranlated.x&&this.cache(),this.lastTranlated.x=0,this.lastTranlated.y=0,this.hoverLayer.dockAnchor=null,this.hoverLayer.dockLineX=0,this.hoverLayer.dockLineY=0,this.hoverLayer.canvas.style.cursor="default",this.hoverLayer.dragRect)this.getRectNodes(this.nodes,this.hoverLayer.dragRect),this.getRectLines(this.lines,this.hoverLayer.dragRect),this.activeLayer.render(),this.options.on&&this.activeLayer.nodes&&this.activeLayer.nodes.length&&this.options.on("multi",{nodes:this.activeLayer.nodes,lines:this.activeLayer.lines});else switch(this.moveIn.type){case ue.HoverAnchors:this.hoverLayer.line&&this.hoverLayer.line.to&&(this.activeLayer.nodes=[],this.hoverLayer.line.to.id||!this.options.disableEmptyLine?(this.activeLayer.lines=[this.hoverLayer.line],it.set("activeLine",this.hoverLayer.line),this.options.on("line",this.hoverLayer.line)):this.lines.pop(),this.activeLayer.render()),this.offscreen.render(),this.hoverLayer.line=null;break;case ue.Rotate:this.activeLayer.updateRotate(),this.activeLayer.render(),this.animateLayer.render();break;case ue.LineControlPoint:it.set("pts-"+this.moveIn.hoverLine.id,null)}this.hoverLayer.dragRect=null,this.hoverLayer.render(),(this.nodesMoved||this.moveIn.type!==ue.None)&&this.cache(),this.nodesMoved=!1},this.ondblclick=t=>{switch(this.moveIn.type){case ue.Nodes:if(this.moveIn.hoverNode){const e=this.clickText(this.moveIn.hoverNode,new h(t.offsetX,t.offsetY));e&&this.showInput(e.node,e.textRect),this.options.on&&this.options.on("dblclick",this.moveIn.hoverNode)}}},this.onkeydown=t=>{let e=!1,i=0,n=0;switch(t.keyCode){case 8:case 46:if(!this.activeLayer.nodes.length&&!this.activeLayer.lines.length)return;let r=0;for(const t of this.activeLayer.lines){r=0;for(const e of this.lines){if(t.id===e.id){this.lines.splice(r,1);break}++r}}for(const t of this.activeLayer.nodes)(r=this.findNode(t))>-1&&this.nodes.splice(r,1);this.activeLayer.nodes=[],this.activeLayer.lines=[],this.hoverLayer.node=null,this.hoverLayer.line=null,it.set("activeLine",null),e=!0;break;case 37:i=-5,t.ctrlKey&&(i=-1),e=!0;break;case 38:n=-5,t.ctrlKey&&(n=-1),e=!0;break;case 39:i=5,t.ctrlKey&&(i=1),e=!0;break;case 40:n=5,t.ctrlKey&&(n=1),e=!0}e&&((i||n)&&(this.activeLayer.saveNodeRects(),this.activeLayer.moveNodes(i,n)),this.activeLayer.render(),this.animateLayer.render(),this.hoverLayer.render(),this.offscreen.render(),this.cache())},this.options=e||{},this.options.font||(this.options.font={color:"#333",fontFamily:'"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial',fontSize:12,lineHeight:1.5,textAlign:"center",textBaseline:"middle"}),this.options.color||(this.options.color="#000"),this.options.rotateCursor||(this.options.rotateCursor="/assets/img/rotate.cur"),this.options.font.fontFamily||(this.options.font.fontFamily='"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial'),this.options.font.color||(this.options.font.color="#333"),this.options.font.fontSize||(this.options.font.fontSize=12),this.options.font.lineHeight||(this.options.font.lineHeight=1.5),this.options.font.textAlign||(this.options.font.textAlign="center"),this.options.font.textBaseline||(this.options.font.textBaseline="middle"),it.set("nodes",this.nodes),it.set("lines",this.lines),this.parentElem="string"==typeof t?document.getElementById(t):t,this.offscreen=new le(this.options,"offscreen"),it.set("offscreen",this.offscreen.canvas),this.parentElem.appendChild(this.canvas),this.activeLayer=new de(this.parentElem,this.options),this.animateLayer=new xe(this.parentElem,this.options),this.hoverLayer=new ye(this.parentElem,this.options),this.resize(),this.hoverLayer.canvas.ondragover=t=>t.preventDefault(),this.hoverLayer.canvas.ondrop=t=>{this.ondrop(t)},this.subcribe=it.subcribe("render",()=>{this.renderOffscreen()}),this.subcribeAnimateMoved=it.subcribe("animateMoved",t=>{this.activeLayer.updateLines(this.nodes),this.activeLayer.render(),this.offscreen.render(),this.options.on&&this.options.on("animateMoved",t)}),this.subcribeAnimateEnd=it.subcribe("animateEnd",t=>{if(t){switch(t.type){case"line":for(const e of this.lines)if(e.id===t.data.id){e.animateStart=0;break}break;case"node":this.offscreen.render()}this.options.on&&this.options.on("animateEnd",t)}}),this.hoverLayer.canvas.onmousemove=this.onMouseMove,this.hoverLayer.canvas.onmousedown=this.onmousedown,this.hoverLayer.canvas.onmouseup=this.onmouseup,this.hoverLayer.canvas.ondblclick=this.ondblclick,this.hoverLayer.canvas.tabIndex=0,this.hoverLayer.canvas.onkeydown=this.onkeydown,this.hoverLayer.canvas.onwheel=t=>{t.altKey&&(t.preventDefault(),t.deltaY<0?this.scale(1.1):this.scale(.9),this.hoverLayer.canvas.focus())},this.hoverLayer.canvas.ontouchend=t=>{this.ontouched(t)},this.input.style.position="absolute",this.input.style.zIndex="-1",this.input.style.left="-1000px",this.input.style.width="0",this.input.style.height="0",this.input.style.outline="none",this.input.style.border="1px solid #cdcdcd",this.input.style.resize="none",this.parentElem.appendChild(this.input),this.canvas.style.outline="none",this.cache()}resize(t){t?(this.canvas.width=t.width,this.canvas.height=t.height):(this.options.width&&"auto"!==this.options.width?this.canvas.width=+this.options.width:this.canvas.width=this.parentElem.clientWidth,this.options.height&&"auto"!==this.options.height?this.canvas.height=+this.options.height:this.canvas.height=this.parentElem.clientHeight-8),this.offscreen.resize(this.canvas.width,this.canvas.height),this.hoverLayer.resize(this.canvas.width,this.canvas.height),this.activeLayer.resize(this.canvas.width,this.canvas.height),this.animateLayer.resize(this.canvas.width,this.canvas.height)}ondrop(t){t.preventDefault();const e=JSON.parse(t.dataTransfer.getData("Text"));e.rect.x=t.offsetX-e.rect.width/2<<0,e.rect.y=t.offsetY-e.rect.height/2<<0,this.addNode(new ce(e))}getTouchOffset(t){let e=this.parentElem,i=0,n=0;for(;e;)i+=e.offsetLeft,n+=e.offsetTop,e=e.offsetParent;return{offsetX:t.pageX-i,offsetY:t.pageY-n}}ontouched(t){if(!this.touchedNode)return;const e=this.getTouchOffset(t.changedTouches[0]);this.touchedNode.rect.x=e.offsetX-this.touchedNode.rect.width/2,this.touchedNode.rect.y=e.offsetY-this.touchedNode.rect.height/2,this.addNode(new ce(this.touchedNode)),this.touchedNode=void 0}addNode(t){return!!ee[t.name]&&(1!==this.scaleState&&t.scale(this.scaleState),this.activeLayer.setNodes([t]),this.activeLayer.render(),this.hoverLayer.canvas.focus(),this.nodes.push(t),this.offscreen.render(),this.cache(),this.options.on&&this.options.on("node",t),!0)}render(){this.activeLayer.nodes=[],this.activeLayer.lines=[],this.hoverLayer.node=null,this.hoverLayer.render(),this.activeLayer.render(),this.animateLayer.render(),this.offscreen.render()}open(t){this.animateLayer.nodes=[],this.animateLayer.lines=[],this.locked=0,t.lineName&&(this.lineName=t.lineName),this.scaleState=t.scaleState||1,it.set("scale",this.scaleState),this.options.on&&this.options.on("scale",this.scaleState),this.nodes.splice(0,this.nodes.length),this.lines.splice(0,this.lines.length);for(const e of t.nodes)this.nodes.push(new ce(e));for(const e of t.lines)this.lines.push(new ae(e));this.caches.list=[],this.cache(),this.overflow(),this.render()}overflow(){const t=this.getRect();(t.width>this.canvas.width||t.height>this.canvas.height)&&this.resize({width:t.ex+200,height:t.ey+200})}renderOffscreen(){this.canvas.height=this.canvas.height,this.canvas.getContext("2d").drawImage(this.offscreen.canvas,0,0)}setNodeText(){this.inputNode.text=this.input.value,this.input.style.zIndex="-1",this.input.style.left="-1000px",this.input.style.width="0",this.inputNode=null,this.cache(),this.offscreen.render()}clickText(t,e){const i=t.getTextRect();if(i.hitRotate(e,t.rotate,t.rect.center))return{node:t,textRect:i};if(!t.children)return null;for(const i of t.children){const t=this.clickText(i,e);if(t)return t}return null}getHoverNode(t){for(let e=this.activeLayer.nodes.length-1;e>-1;--e)if(this.activeLayer.nodes[e].hit(t,2))return this.moveIn.hoverNode=this.activeLayer.nodes[e],void(this.moveIn.type=ue.Nodes);for(let e=this.nodes.length-1;e>-1;--e)if(this.nodes[e].hit(t,2)){this.moveIn.hoverNode=this.nodes[e],this.moveIn.type=ue.Nodes;break}}getMoveIn(t){if(this.lastHoverNode=this.moveIn.hoverNode,this.moveIn.type=ue.None,this.moveIn.hoverNode=null,this.moveIn.lineControlPoint=null,this.moveIn.hoverLine=null,this.hoverLayer.hoverAnchorIndex=-1,1!==this.locked)for(const e of this.activeLayer.lines)if(this.isInLine(t,e))return;if(this.getHoverNode(t),this.moveIn.hoverNode?this.hoverLayer.canvas.style.cursor="move":this.hoverLayer.canvas.style.cursor="default",this.activeLayer.nodes.length)if(this.activeLayer.rotateCPs[0].hit(t,15))this.moveIn.type=ue.Rotate,this.hoverLayer.canvas.style.cursor=`url("${this.options.rotateCursor}"), auto`;else if(o(t,this.activeLayer.sizeCPs)&&(this.moveIn.type=ue.Nodes,this.hoverLayer.canvas.style.cursor="move"),!this.locked)for(let e=0;e<this.activeLayer.sizeCPs.length;++e)if(this.activeLayer.sizeCPs[e].hit(t,10)){this.moveIn.type=ue.ResizeCP,this.moveIn.activeAnchorIndex=e,this.hoverLayer.canvas.style.cursor=fe[e];break}if(this.moveIn.type===ue.ResizeCP||this.moveIn.type===ue.Rotate)return;if(this.moveIn.hoverNode&&!this.locked)for(let e=0;e<this.moveIn.hoverNode.rotatedAnchors.length;++e)if(this.moveIn.hoverNode.rotatedAnchors[e].hit(t,8))return this.moveIn.type=ue.HoverAnchors,this.moveIn.hoverAnchorIndex=e,this.hoverLayer.hoverAnchorIndex=e,void(this.hoverLayer.canvas.style.cursor="crosshair");if(1===this.locked)return;let e=0;for(const i of this.lines)if(++e,i.to){if(this.isInLine(t,i))return}else this.lines.splice(e-1,1)}isInLine(t,e){if(this.activeLayer.lines.length){let i=0;for(const n of e.controlPoints){if(n.hit(t))return n.id=i,this.moveIn.type=ue.LineControlPoint,this.moveIn.lineControlPoint=n,this.moveIn.hoverLine=e,this.hoverLayer.canvas.style.cursor="pointer",!0;++i}}return e.from.hit(t,10)?(this.moveIn.type=ue.LineFrom,this.moveIn.hoverLine=e,this.hoverLayer.canvas.style.cursor="move",!0):e.to.hit(t,10)?(this.moveIn.type=ue.LineTo,this.moveIn.hoverLine=e,this.hoverLayer.canvas.style.cursor="move",!0):!!e.pointIn(t)&&(this.moveIn.type=ue.LineMove,this.moveIn.hoverLine=e,this.hoverLayer.canvas.style.cursor="move",(e.from.id||e.to.id)&&(this.moveIn.type=ue.Line,this.hoverLayer.canvas.style.cursor="pointer"),!0)}getLineDock(t){this.hoverLayer.dockAnchor=null;for(const e of this.nodes){e.rect.hit(t,10)&&(this.hoverLayer.node=e);for(let i=0;i<e.rotatedAnchors.length;++i)if(e.rotatedAnchors[i].hit(t,10)){t.id=e.id,t.anchorIndex=i,t.direction=e.rotatedAnchors[t.anchorIndex].direction,t.x=e.rotatedAnchors[t.anchorIndex].x,t.y=e.rotatedAnchors[t.anchorIndex].y,this.hoverLayer.dockAnchor=e.rotatedAnchors[i];break}if(t.id)break}return t}getRectNodes(t,e){e.width<0&&(e.width=-e.width,e.x=e.ex,e.ex=e.x+e.width),e.height<0&&(e.height=-e.height,e.y=e.ey,e.ey=e.y+e.height);for(const i of t)e.hitRect(i.rect)&&this.activeLayer.addNode(i)}getRectLines(t,e){e.width<0&&(e.width=-e.width,e.x=e.ex,e.ex=e.x+e.width),e.height<0&&(e.height=-e.height,e.y=e.ey,e.ey=e.y+e.height),this.activeLayer.lines=[];for(const i of t)e.hit(i.from)&&e.hit(i.to)&&this.activeLayer.lines.push(i)}getAngle(t){if(t.x===this.activeLayer.rect.center.x)return t.y<=this.activeLayer.rect.center.y?0:180;if(t.y===this.activeLayer.rect.center.y)return t.x<this.activeLayer.rect.center.x?270:90;const e=t.x-this.activeLayer.rect.center.x,i=t.y-this.activeLayer.rect.center.y;let n=Math.atan(Math.abs(e/i))/(2*Math.PI)*360;return e>0&&i>0?n=180-n:e<0&&i>0?n+=180:e<0&&i<0&&(n=360-n),1===this.activeLayer.nodes.length?n-this.activeLayer.nodes[0].rotate:n}showInput(t,e){this.locked||this.options.hideInput||(this.inputNode=t,this.input.value=t.text,this.input.style.left=e.x+"px",this.input.style.top=e.y+"px",this.input.style.width=e.width+"px",this.input.style.height=e.height+"px",this.input.style.zIndex="1000",this.input.focus())}getRect(){let t=99999,e=99999,i=-99999,n=-99999;const r=[];for(const t of this.nodes){const e=t.rect.toPoints();if(t.rotate)for(const i of e)i.rotate(t.rotate,t.rect.center);r.push.apply(r,e)}for(const t of this.lines)if(r.push(t.from),r.push(t.to),"curve"===t.name)for(let e=.01;e<1;e+=.02)r.push(ct(e,t.from,t.controlPoints[0],t.controlPoints[1],t.to));for(const h of r)t>h.x&&(t=h.x),e>h.y&&(e=h.y),i<h.x&&(i=h.x),n<h.y&&(n=h.y);return new l(t,e,i-t,n-e)}getNodesRect(t){let e=99999,i=99999,n=-99999,r=-99999;const h=[];for(const e of t){const t=e.rect.toPoints();if(e.rotate)for(const i of t)i.rotate(e.rotate,e.rect.center);h.push.apply(h,t)}for(const t of h)e>t.x&&(e=t.x),i>t.y&&(i=t.y),n<t.x&&(n=t.x),r<t.y&&(r=t.y);return new l(e,i,n-e,r-i)}getDockPos(t,e){this.hoverLayer.dockLineX=0,this.hoverLayer.dockLineY=0;const i={x:0,y:0};let n=0,r=0,h=ge,o=ge;for(const s of this.activeLayer.dockWatchers)for(const c of this.nodes)if(!this.activeLayer.hasNode(c)&&"text"!==c.name){c.dockWatchers||c.getDockWatchers();for(const a of c.dockWatchers)(n=Math.abs(a.x-s.x-t))<h&&(h=-99999,i.x=a.x-s.x,this.hoverLayer.dockLineX=a.x),(r=Math.abs(a.y-s.y-e))<o&&(o=-99999,i.y=a.y-s.y,this.hoverLayer.dockLineY=a.y)}return i}cache(){const t={nodes:[],lines:[]};for(const e of this.nodes)t.nodes.push(new ce(e));for(const e of this.lines)t.lines.push(new ae(e));this.caches.index<this.caches.list.length-1?this.caches.list.splice(this.caches.index+1,this.caches.list.length-this.caches.index-1,t):this.caches.list.push(t),this.caches.index=this.caches.list.length-1}undo(){if(this.locked||this.caches.index<1)return;const t=this.caches.list[--this.caches.index];this.nodes.splice(0,this.nodes.length),this.lines.splice(0,this.lines.length),this.nodes.push.apply(this.nodes,t.nodes),this.lines.push.apply(this.lines,t.lines),this.render()}redo(){if(this.locked||this.caches.index>this.caches.list.length-2)return;const t=this.caches.list[++this.caches.index];this.nodes.splice(0,this.nodes.length),this.lines.splice(0,this.lines.length),this.nodes.push.apply(this.nodes,t.nodes),this.lines.push.apply(this.lines,t.lines),this.render()}data(){return{nodes:this.nodes,lines:this.lines,lineName:this.lineName,fromArrowType:this.fromArrowType,toArrowType:this.toArrowType,scaleState:this.scaleState}}toImage(t,e,i){const n=this.getRect(),r=document.createElement("canvas");r.width=n.width+20,r.height=n.height+20;const h=r.getContext("2d");return t&&"image/png"!==t&&(h.fillStyle="white",h.fillRect(0,0,r.width,r.height)),h.drawImage(this.offscreen.canvas,n.x-10,n.y-10,n.width+20,n.height+20,0,0,n.width+20,n.height+20),i?(r.toBlob(i),""):r.toDataURL(t,e)}saveAsImage(t,e,i){const n=document.createElement("a");n.setAttribute("download",t||"le5le.topology.png"),n.setAttribute("href",this.toImage(e,i));const r=document.createEvent("MouseEvents");r.initEvent("click",!0,!0),n.dispatchEvent(r)}cut(){if(!this.locked){this.clipboard={nodes:[],lines:[]};for(const t of this.activeLayer.nodes){this.clipboard.nodes.push(new ce(t));const e=this.findNode(t);e>-1&&this.nodes.splice(e,1)}for(const t of this.activeLayer.lines){this.clipboard.lines.push(new ae(t));let e=0;for(const i of this.lines)t.id===i.id&&this.lines.splice(e,1),++e}this.cache(),this.activeLayer.nodes=[],this.activeLayer.lines=[],this.activeLayer.render(),this.animateLayer.render(),this.hoverLayer.node=null,this.hoverLayer.render(),this.offscreen.render(),this.moveIn.hoverLine=null,this.moveIn.hoverNode=null}}copy(){this.clipboard={nodes:[],lines:[]};for(const t of this.activeLayer.nodes)this.clipboard.nodes.push(new ce(t));for(const t of this.activeLayer.lines)this.clipboard.lines.push(new ae(t))}parse(){if(!this.clipboard||this.locked)return;this.hoverLayer.node=null,this.hoverLayer.line=null,this.hoverLayer.render(),this.activeLayer.nodes=[],this.activeLayer.lines=[];const t={};for(const e of this.clipboard.nodes){const i=e.id;e.id=r(),t[i]=e.id,e.rect.x+=20,e.rect.ex+=20,e.rect.y+=20,e.rect.ey+=20;const n=new ce(e);this.nodes.push(n),this.activeLayer.nodes.push(n)}for(const e of this.clipboard.lines){e.id=r(),e.from=new h(e.from.x+20,e.from.y+20,e.from.direction,e.from.anchorIndex,t[e.from.id]),e.to=new h(e.to.x+20,e.to.y+20,e.to.direction,e.to.anchorIndex,t[e.to.id]);const i=new ae(e);this.lines.push(i),this.activeLayer.lines.push(i),it.set("activeLine",i)}this.offscreen.render(),this.activeLayer.render(),this.animateLayer.render(),this.cache(),this.clipboard.nodes.length>1||this.clipboard.lines.length>1||this.clipboard.nodes.length&&this.clipboard.lines.length?this.options.on("multi",{nodes:this.clipboard.nodes,lines:this.clipboard.lines}):this.clipboard.nodes.length?this.options.on("node",this.activeLayer.nodes[0]):this.clipboard.lines.length&&this.options.on("line",this.activeLayer.lines[0])}animate(){this.offscreen.render(),this.animateLayer.render(!1)}updateProps(t,e,i){this.activeLayer.updateProps(t,e,i),this.activeLayer.saveNodeRects(),this.activeLayer.changeLineType(),this.activeLayer.render(),this.animateLayer.render(),this.hoverLayer.render(),this.offscreen.render(),this.cache()}lock(t){this.locked=t,it.set("locked",t)}top(t){const e=this.findNode(t);e>-1&&(this.nodes.push(this.nodes[e]),this.nodes.splice(e,1))}bottom(t){const e=this.findNode(t);e>-1&&(this.nodes.unshift(this.nodes[e]),this.nodes.splice(e+1,1))}combine(t){const e=this.getNodesRect(t);for(const e of t){const t=this.findNode(e);t>-1&&this.nodes.splice(t,1)}const i=new ce({name:"combine",rect:e,text:"",strokeStyle:"transparent"});i.children=[];for(const e of t)e.parentId=i.id,e.parentRect={offsetX:10,offsetY:10,x:(e.rect.x-i.rect.x-10)/(i.rect.width-10),y:(e.rect.y-i.rect.y-10)/(i.rect.height-10),width:e.rect.width/(i.rect.width-10),height:e.rect.height/(i.rect.height-10),marginX:0,marginY:0,rotate:e.rotate},i.children.push(e);this.nodes.push(i),this.cache()}uncombine(t){if("combine"!==t.name)return;const e=this.findNode(t);e>-1&&this.nodes.splice(e,1);for(const e of t.children)e.parentId=void 0,e.parentRect=void 0,this.nodes.push(e);this.cache()}findNode(t){for(let e=0;e<this.nodes.length;++e)if(t.id===this.nodes[e].id)return e;return-1}translate(t,e){const i=t-this.lastTranlated.x,n=e-this.lastTranlated.y;for(const t of this.nodes)t.rect.x+=i,t.rect.y+=n,t.rect.ex=t.rect.x+t.rect.width,t.rect.ey=t.rect.y+t.rect.height,t.rect.calceCenter(),t.init(),this.activeLayer.updateChildren(t);for(const t of this.lines){t.from.x+=i,t.from.y+=n,t.to.x+=i,t.to.y+=n;for(const e of t.controlPoints)e.x+=i,e.y+=n;it.set("pts-"+t.id,null)}this.lastTranlated.x=t,this.lastTranlated.y=e,this.overflow(),this.render(),this.cache(),this.options.on&&this.options.on("translate",{x:t,y:e})}scale(t){this.scaleState*=t;const e=this.getRect().center;for(const i of this.nodes)i.scale(t,e),this.activeLayer.updateChildren(i);for(const i of this.lines){i.from.x=e.x-(e.x-i.from.x)*t,i.from.y=e.y-(e.y-i.from.y)*t,i.to.x=e.x-(e.x-i.to.x)*t,i.to.y=e.y-(e.y-i.to.y)*t;for(const n of i.controlPoints)n.x=e.x-(e.x-n.x)*t,n.y=e.y-(e.y-n.y)*t;it.set("pts-"+i.id,null)}it.set("scale",this.scaleState),this.overflow(),this.render(),this.cache(),this.options.on&&this.options.on("scale",this.scaleState)}scaleTo(t){this.scale(t/this.scaleState)}destory(){this.subcribe.unsubcribe(),this.subcribeAnimateEnd.unsubcribe(),this.subcribeAnimateMoved.unsubcribe()}},registerNode:se,Pen:y,Node:ce,Point:h,Line:ae,Rect:l,Store:it,Observer:et,s8:r}}])}));
diff --git a/libs/le5le-topology/package.json b/libs/le5le-topology/package.json
new file mode 100644
index 000000000..6d9e44314
--- /dev/null
+++ b/libs/le5le-topology/package.json
@@ -0,0 +1,22 @@
+{
+    "name": "le5le-topology",
+    "filename": "topology.bundle.js",
+    "version": "0.0.1",
+    "description": "一个用canvas+typescrip写的绘图（微服务架构图、拓扑图、流程图、类图等ULM图）",
+    "homepage": "http://topology.le5le.com/",
+    "keywords": [
+       "le5le", "topology", "diagram", "canvas"
+   ],
+   "maintainers": [
+       {
+           "name": "Alsmile",
+           "web": "http://le5le.com/" 
+       }
+   ],
+   "repositories": [
+        {   
+            "type": "git",
+            "url": "https://github.com/le5le-com/topology"
+        }
+   ]
+}