@visactor/vrender-kits 0.11.0-alpha.1 → 0.11.0-alpha.2

package/dist/index.js

@@ -1 +1,2588 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("reflect-metadata"),require("@visactor/vrender"),require("inversify")):"function"==typeof define&&define.amd?define(["exports","reflect-metadata","@visactor/vrender","inversify"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).VRender=e.VRender||{},e.VRender.Kits={}),null,e.vrender,e.inversify)}(this,(function(e,t,a,r){"use strict";function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){for(var a=0;a<t.length;a++){var r=t[a];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,(n=r.key,i=void 0,"symbol"==typeof(i=function(e,t){if("object"!=typeof e||null===e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var r=a.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(n,"string"))?i:String(i)),r)}var n,i}function o(e,t,a){return t&&s(e.prototype,t),a&&s(e,a),Object.defineProperty(e,"prototype",{writable:!1}),e}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}function h(e){return h=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},h(e)}function u(e,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},u(e,t)}function f(e,t){if(t&&("object"==typeof t||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function c(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,r=h(e);if(t){var n=h(this).constructor;a=Reflect.construct(r,arguments,n)}else a=r.apply(this,arguments);return f(this,a)}}function p(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var r,n,i,s,o=[],l=!0,h=!1;try{if(i=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(r=i.call(a)).done)&&(o.push(r.value),o.length!==t);l=!0);}catch(e){h=!0,n=e}finally{try{if(!l&&null!=a.return&&(s=a.return(),Object(s)!==s))return}finally{if(h)throw n}}return o}}(e,t)||v(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e){return function(e){if(Array.isArray(e))return g(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||v(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e,t){if(e){if("string"==typeof e)return g(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?g(e,t):void 0}}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=new Array(t);a<t;a++)r[a]=e[a];return r}function y(e,t){var a="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!a){if(Array.isArray(e)||(a=v(e))||t&&e&&"number"==typeof e.length){a&&(e=a);var r=0,n=function(){};return{s:n,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:n}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,s=!0,o=!1;return{s:function(){a=a.call(e)},n:function(){var e=a.next();return s=e.done,e},e:function(e){o=!0,i=e},f:function(){try{s||null==a.return||a.return()}finally{if(o)throw i}}}}function m(e,t,a,r){var i,s=arguments.length,o=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,a):r;if("object"===("undefined"==typeof Reflect?"undefined":n(Reflect))&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,a,r);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(o=(s<3?i(o):s>3?i(t,a,o):i(t,a))||o);return s>3&&o&&Object.defineProperty(t,a,o),o}function b(e,t){return function(a,r){t(a,r,e)}}function k(e,t){if("object"===("undefined"==typeof Reflect?"undefined":n(Reflect))&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function M(e,t,a){if(e&&e.length){var r=p(t,2),n=r[0],i=r[1],s=Math.PI/180*a,o=Math.cos(s),l=Math.sin(s);e.forEach((function(e){var t=p(e,2),a=t[0],r=t[1];e[0]=(a-n)*o-(r-i)*l+n,e[1]=(a-n)*l+(r-i)*o+i}))}}function S(e){var t=e[0],a=e[1];return Math.sqrt(Math.pow(t[0]-a[0],2)+Math.pow(t[1]-a[1],2))}function x(e,t){var a=t.hachureAngle+90,r=t.hachureGap;r<0&&(r=4*t.strokeWidth),r=Math.max(r,.1);var n=[0,0];if(a){var i,s=y(e);try{for(s.s();!(i=s.n()).done;){M(i.value,n,a)}}catch(e){s.e(e)}finally{s.f()}}var o=function(e,t){var a,r=[],n=y(e);try{for(n.s();!(a=n.n()).done;){var i=d(a.value);i[0].join(",")!==i[i.length-1].join(",")&&i.push([i[0][0],i[0][1]]),i.length>2&&r.push(i)}}catch(e){n.e(e)}finally{n.f()}var s=[];t=Math.max(t,.1);for(var o=[],l=0,h=r;l<h.length;l++)for(var u=h[l],f=0;f<u.length-1;f++){var c=u[f],p=u[f+1];if(c[1]!==p[1]){var v=Math.min(c[1],p[1]);o.push({ymin:v,ymax:Math.max(c[1],p[1]),x:v===c[1]?c[0]:p[0],islope:(p[0]-c[0])/(p[1]-c[1])})}}if(o.sort((function(e,t){return e.ymin<t.ymin?-1:e.ymin>t.ymin?1:e.x<t.x?-1:e.x>t.x?1:e.ymax===t.ymax?0:(e.ymax-t.ymax)/Math.abs(e.ymax-t.ymax)})),!o.length)return s;for(var g=[],m=o[0].ymin;g.length||o.length;){if(o.length){for(var b=-1,k=0;k<o.length&&!(o[k].ymin>m);k++)b=k;o.splice(0,b+1).forEach((function(e){g.push({s:m,edge:e})}))}if(g=g.filter((function(e){return!(e.edge.ymax<=m)})),g.sort((function(e,t){return e.edge.x===t.edge.x?0:(e.edge.x-t.edge.x)/Math.abs(e.edge.x-t.edge.x)})),g.length>1)for(var M=0;M<g.length;M+=2){var S=M+1;if(S>=g.length)break;var x=g[M].edge,O=g[S].edge;s.push([[Math.round(x.x),m],[Math.round(O.x),m]])}m+=t,g.forEach((function(e){e.edge.x=e.edge.x+t*e.edge.islope}))}return s}(e,r);if(a){var l,h=y(e);try{for(h.s();!(l=h.n()).done;){M(l.value,n,-a)}}catch(e){h.e(e)}finally{h.f()}!function(e,t,a){var r=[];e.forEach((function(e){return r.push.apply(r,d(e))})),M(r,t,a)}(o,n,-a)}return o}var O=function(){function e(t){i(this,e),this.helper=t}return o(e,[{key:"fillPolygons",value:function(e,t){return this._fillPolygons(e,t)}},{key:"_fillPolygons",value:function(e,t){var a=x(e,t);return{type:"fillSketch",ops:this.renderLines(a,t)}}},{key:"renderLines",value:function(e,t){var a,r=[],n=y(e);try{for(n.s();!(a=n.n()).done;){var i=a.value;r.push.apply(r,d(this.helper.doubleLineOps(i[0][0],i[0][1],i[1][0],i[1][1],t)))}}catch(e){n.e(e)}finally{n.f()}return r}}]),e}(),w=function(e){l(a,e);var t=c(a);function a(){return i(this,a),t.apply(this,arguments)}return o(a,[{key:"fillPolygons",value:function(e,t){var a=t.hachureGap;a<0&&(a=4*t.strokeWidth),a=Math.max(a,.1);var r,n=x(e,Object.assign({},t,{hachureGap:a})),i=Math.PI/180*t.hachureAngle,s=[],o=.5*a*Math.cos(i),l=.5*a*Math.sin(i),h=y(n);try{for(h.s();!(r=h.n()).done;){var u=p(r.value,2),f=u[0],c=u[1];S([f,c])&&s.push([[f[0]-o,f[1]+l],d(c)],[[f[0]+o,f[1]-l],d(c)])}}catch(e){h.e(e)}finally{h.f()}return{type:"fillSketch",ops:this.renderLines(s,t)}}}]),a}(O),P=function(e){l(a,e);var t=c(a);function a(){return i(this,a),t.apply(this,arguments)}return o(a,[{key:"fillPolygons",value:function(e,t){var a=this._fillPolygons(e,t),r=Object.assign({},t,{hachureAngle:t.hachureAngle+90}),n=this._fillPolygons(e,r);return a.ops=a.ops.concat(n.ops),a}}]),a}(O),D=function(){function e(t){i(this,e),this.helper=t}return o(e,[{key:"fillPolygons",value:function(e,t){var a=x(e,t=Object.assign({},t,{hachureAngle:0}));return this.dotsOnLines(a,t)}},{key:"dotsOnLines",value:function(e,t){var a=[],r=t.hachureGap;r<0&&(r=4*t.strokeWidth),r=Math.max(r,.1);var n=t.fillWeight;n<0&&(n=t.strokeWidth/2);var i,s=r/4,o=y(e);try{for(o.s();!(i=o.n()).done;)for(var l=i.value,h=S(l),u=h/r,f=Math.ceil(u)-1,c=h-f*r,p=(l[0][0]+l[1][0])/2-r/4,v=Math.min(l[0][1],l[1][1]),g=0;g<f;g++){var m=v+c+g*r,b=p-s+2*Math.random()*s,k=m-s+2*Math.random()*s,M=this.helper.ellipse(b,k,n,n,t);a.push.apply(a,d(M.ops))}}catch(e){o.e(e)}finally{o.f()}return{type:"fillSketch",ops:a}}}]),e}(),R=function(){function e(t){i(this,e),this.helper=t}return o(e,[{key:"fillPolygons",value:function(e,t){var a=x(e,t);return{type:"fillSketch",ops:this.dashedLine(a,t)}}},{key:"dashedLine",value:function(e,t){var a=this,r=t.dashOffset<0?t.hachureGap<0?4*t.strokeWidth:t.hachureGap:t.dashOffset,n=t.dashGap<0?t.hachureGap<0?4*t.strokeWidth:t.hachureGap:t.dashGap,i=[];return e.forEach((function(e){var s=S(e),o=Math.floor(s/(r+n)),l=(s+n-o*(r+n))/2,h=e[0],u=e[1];h[0]>u[0]&&(h=e[1],u=e[0]);for(var f=Math.atan((u[1]-h[1])/(u[0]-h[0])),c=0;c<o;c++){var p=c*(r+n),v=p+r,g=[h[0]+p*Math.cos(f)+l*Math.cos(f),h[1]+p*Math.sin(f)+l*Math.sin(f)],y=[h[0]+v*Math.cos(f)+l*Math.cos(f),h[1]+v*Math.sin(f)+l*Math.sin(f)];i.push.apply(i,d(a.helper.doubleLineOps(g[0],g[1],y[0],y[1],t)))}})),i}}]),e}(),T=function(){function e(t){i(this,e),this.helper=t}return o(e,[{key:"fillPolygons",value:function(e,t){var a=t.hachureGap<0?4*t.strokeWidth:t.hachureGap,r=t.zigzagOffset<0?a:t.zigzagOffset,n=x(e,t=Object.assign({},t,{hachureGap:a+r}));return{type:"fillSketch",ops:this.zigzagLines(n,r,t)}}},{key:"zigzagLines",value:function(e,t,a){var r=this,n=[];return e.forEach((function(e){var i=S(e),s=Math.round(i/(2*t)),o=e[0],l=e[1];o[0]>l[0]&&(o=e[1],l=e[0]);for(var h=Math.atan((l[1]-o[1])/(l[0]-o[0])),u=0;u<s;u++){var f=2*u*t,c=2*(u+1)*t,p=Math.sqrt(2*Math.pow(t,2)),v=[o[0]+f*Math.cos(h),o[1]+f*Math.sin(h)],g=[o[0]+c*Math.cos(h),o[1]+c*Math.sin(h)],y=[v[0]+p*Math.cos(h+Math.PI/4),v[1]+p*Math.sin(h+Math.PI/4)];n.push.apply(n,d(r.helper.doubleLineOps(v[0],v[1],y[0],y[1],a)).concat(d(r.helper.doubleLineOps(y[0],y[1],g[0],g[1],a))))}})),n}}]),e}(),C={},L=function(){function e(t){i(this,e),this.seed=t}return o(e,[{key:"next",value:function(){return this.seed?(Math.pow(2,31)-1&(this.seed=Math.imul(48271,this.seed)))/Math.pow(2,31):Math.random()}}]),e}(),z={A:7,a:7,C:6,c:6,H:1,h:1,L:2,l:2,M:2,m:2,Q:4,q:4,S:4,s:4,T:2,t:2,V:1,v:1,Z:0,z:0};function W(e,t){return e.type===t}function G(e){for(var t=[],a=function(e){for(var t=new Array;""!==e;)if(e.match(/^([ \t\r\n,]+)/))e=e.substr(RegExp.$1.length);else if(e.match(/^([aAcChHlLmMqQsStTvVzZ])/))t[t.length]={type:0,text:RegExp.$1},e=e.substr(RegExp.$1.length);else{if(!e.match(/^(([-+]?[0-9]+(\.[0-9]*)?|[-+]?\.[0-9]+)([eE][-+]?[0-9]+)?)/))return[];t[t.length]={type:1,text:"".concat(parseFloat(RegExp.$1))},e=e.substr(RegExp.$1.length)}return t[t.length]={type:2,text:""},t}(e),r="BOD",n=0,i=a[n];!W(i,2);){var s=0,o=[];if("BOD"===r){if("M"!==i.text&&"m"!==i.text)return G("M0,0"+e);n++,s=z[i.text],r=i.text}else W(i,1)?s=z[r]:(n++,s=z[i.text],r=i.text);if(!(n+s<a.length))throw new Error("Path data ended short");for(var l=n;l<n+s;l++){var h=a[l];if(!W(h,1))throw new Error("Param not a number: "+r+","+h.text);o[o.length]=+h.text}if("number"!=typeof z[r])throw new Error("Bad segment: "+r);var u={key:r,data:o};t.push(u),i=a[n+=s],"M"===r&&(r="L"),"m"===r&&(r="l")}return t}function F(e){var t,a,r,n,i=0,s=0,o=0,l=0,h=[],u=y(e);try{for(u.s();!(n=u.n()).done;){var f=n.value,c=f.key,v=f.data;switch(c){case"M":h.push({key:"M",data:d(v)}),t=p(v,2),i=t[0],s=t[1],o=(a=p(v,2))[0],l=a[1];break;case"m":i+=v[0],s+=v[1],h.push({key:"M",data:[i,s]}),o=i,l=s;break;case"L":h.push({key:"L",data:d(v)}),r=p(v,2),i=r[0],s=r[1];break;case"l":i+=v[0],s+=v[1],h.push({key:"L",data:[i,s]});break;case"C":h.push({key:"C",data:d(v)}),i=v[4],s=v[5];break;case"c":var g=v.map((function(e,t){return t%2?e+s:e+i}));h.push({key:"C",data:g}),i=g[4],s=g[5];break;case"Q":h.push({key:"Q",data:d(v)}),i=v[2],s=v[3];break;case"q":var m=v.map((function(e,t){return t%2?e+s:e+i}));h.push({key:"Q",data:m}),i=m[2],s=m[3];break;case"A":h.push({key:"A",data:d(v)}),i=v[5],s=v[6];break;case"a":i+=v[5],s+=v[6],h.push({key:"A",data:[v[0],v[1],v[2],v[3],v[4],i,s]});break;case"H":h.push({key:"H",data:d(v)}),i=v[0];break;case"h":i+=v[0],h.push({key:"H",data:[i]});break;case"V":h.push({key:"V",data:d(v)}),s=v[0];break;case"v":s+=v[0],h.push({key:"V",data:[s]});break;case"S":h.push({key:"S",data:d(v)}),i=v[2],s=v[3];break;case"s":var b=v.map((function(e,t){return t%2?e+s:e+i}));h.push({key:"S",data:b}),i=b[2],s=b[3];break;case"T":h.push({key:"T",data:d(v)}),i=v[0],s=v[1];break;case"t":i+=v[0],s+=v[1],h.push({key:"T",data:[i,s]});break;case"Z":case"z":h.push({key:"Z",data:[]}),i=o,s=l}}}catch(e){u.e(e)}finally{u.f()}return h}function A(e){var t,a,r,n,i=[],s="",o=0,l=0,h=0,u=0,f=0,c=0,v=y(e);try{for(v.s();!(n=v.n()).done;){var g=n.value,m=g.key,b=g.data;switch(m){case"M":i.push({key:"M",data:d(b)}),o=(t=p(b,2))[0],l=t[1],h=(a=p(b,2))[0],u=a[1];break;case"C":i.push({key:"C",data:d(b)}),o=b[4],l=b[5],f=b[2],c=b[3];break;case"L":i.push({key:"L",data:d(b)}),o=(r=p(b,2))[0],l=r[1];break;case"H":o=b[0],i.push({key:"L",data:[o,l]});break;case"V":l=b[0],i.push({key:"L",data:[o,l]});break;case"S":var k=0,M=0;"C"===s||"S"===s?(k=o+(o-f),M=l+(l-c)):(k=o,M=l),i.push({key:"C",data:[k,M].concat(d(b))}),f=b[0],c=b[1],o=b[2],l=b[3];break;case"T":var S=p(b,2),x=S[0],O=S[1],w=0,P=0;"Q"===s||"T"===s?(w=o+(o-f),P=l+(l-c)):(w=o,P=l);var D=o+2*(w-o)/3,R=l+2*(P-l)/3,T=x+2*(w-x)/3,C=O+2*(P-O)/3;i.push({key:"C",data:[D,R,T,C,x,O]}),f=w,c=P,o=x,l=O;break;case"Q":var L=p(b,4),z=L[0],W=L[1],G=L[2],F=L[3],A=o+2*(z-o)/3,j=l+2*(W-l)/3,I=G+2*(z-G)/3,E=F+2*(W-F)/3;i.push({key:"C",data:[A,j,I,E,G,F]}),f=z,c=W,o=G,l=F;break;case"A":var V=Math.abs(b[0]),q=Math.abs(b[1]),B=b[2],Y=b[3],Z=b[4],H=b[5],Q=b[6];0===V||0===q?(i.push({key:"C",data:[o,l,H,Q,H,Q]}),o=H,l=Q):o===H&&l===Q||(_(o,l,H,Q,V,q,B,Y,Z).forEach((function(e){i.push({key:"C",data:e})})),o=H,l=Q);break;case"Z":i.push({key:"Z",data:[]}),o=h,l=u}s=m}}catch(e){v.e(e)}finally{v.f()}return i}function j(e,t,a){return[e*Math.cos(a)-t*Math.sin(a),e*Math.sin(a)+t*Math.cos(a)]}function _(e,t,a,r,n,i,s,o,l,h){var u,f=(u=s,Math.PI*u/180),c=[],d=0,v=0,g=0,y=0;if(h){var m=p(h,4);d=m[0],v=m[1],g=m[2],y=m[3]}else{var b,k;e=(b=p(j(e,t,-f),2))[0],t=b[1];var M=(e-(a=(k=p(j(a,r,-f),2))[0]))/2,S=(t-(r=k[1]))/2,x=M*M/(n*n)+S*S/(i*i);x>1&&(n*=x=Math.sqrt(x),i*=x);var O=n*n,w=i*i,P=O*w-O*S*S-w*M*M,D=O*S*S+w*M*M,R=(o===l?-1:1)*Math.sqrt(Math.abs(P/D));g=R*n*S/i+(e+a)/2,y=R*-i*M/n+(t+r)/2,d=Math.asin(parseFloat(((t-y)/i).toFixed(9))),v=Math.asin(parseFloat(((r-y)/i).toFixed(9))),e<g&&(d=Math.PI-d),a<g&&(v=Math.PI-v),d<0&&(d=2*Math.PI+d),v<0&&(v=2*Math.PI+v),l&&d>v&&(d-=2*Math.PI),!l&&v>d&&(v-=2*Math.PI)}var T=v-d;if(Math.abs(T)>120*Math.PI/180){var C=v,L=a,z=r;v=l&&v>d?d+120*Math.PI/180*1:d+120*Math.PI/180*-1,c=_(a=g+n*Math.cos(v),r=y+i*Math.sin(v),L,z,n,i,s,0,l,[v,C,g,y])}T=v-d;var W=Math.cos(d),G=Math.sin(d),F=Math.cos(v),A=Math.sin(v),I=Math.tan(T/4),E=4/3*n*I,V=4/3*i*I,q=[e,t],B=[e+E*G,t-V*W],Y=[a+E*A,r-V*F],Z=[a,r];if(B[0]=2*q[0]-B[0],B[1]=2*q[1]-B[1],h)return[B,Y,Z].concat(c);c=[B,Y,Z].concat(c);for(var H=[],Q=0;Q<c.length;Q+=3){var N=j(c[Q][0],c[Q][1],f),U=j(c[Q+1][0],c[Q+1][1],f),$=j(c[Q+2][0],c[Q+2][1],f);H.push([N[0],N[1],U[0],U[1],$[0],$[1]])}return H}var I={randOffset:function(e,t){return U(e,t)},randOffsetWithRange:function(e,t,a){return N(e,t,a)},ellipse:function(e,t,a,r,n){return B(e,t,n,q(a,r,n)).opset},doubleLineOps:function(e,t,a,r,n){return $(e,t,a,r,n,!0)}};function E(e,t,a,r,n){return{type:"path",ops:$(e,t,a,r,n)}}function V(e,t,a){var r=(e||[]).length;if(r>2){for(var n=[],i=0;i<r-1;i++)n.push.apply(n,d($(e[i][0],e[i][1],e[i+1][0],e[i+1][1],a)));return t&&n.push.apply(n,d($(e[r-1][0],e[r-1][1],e[0][0],e[0][1],a))),{type:"path",ops:n}}return 2===r?E(e[0][0],e[0][1],e[1][0],e[1][1],a):{type:"path",ops:[]}}function q(e,t,a){var r=Math.sqrt(2*Math.PI*Math.sqrt((Math.pow(e/2,2)+Math.pow(t/2,2))/2)),n=Math.ceil(Math.max(a.curveStepCount,a.curveStepCount/Math.sqrt(200)*r)),i=2*Math.PI/n,s=Math.abs(e/2),o=Math.abs(t/2),l=1-a.curveFitting;return{increment:i,rx:s+=U(s*l,a),ry:o+=U(o*l,a)}}function B(e,t,a,r){var n=p(ee(r.increment,e,t,r.rx,r.ry,1,r.increment*N(.1,N(.4,1,a),a),a),2),i=n[0],s=n[1],o=J(i,null,a);if(!a.disableMultiStroke&&0!==a.roughness){var l=J(p(ee(r.increment,e,t,r.rx,r.ry,1.5,0,a),1)[0],null,a);o=o.concat(l)}return{estimatedPoints:s,opset:{type:"path",ops:o}}}function Y(e,t,a,r,n,i,s,o,l){var h=e,u=t,f=Math.abs(a/2),c=Math.abs(r/2);f+=U(.01*f,l),c+=U(.01*c,l);for(var p=n,v=i;p<0;)p+=2*Math.PI,v+=2*Math.PI;v-p>2*Math.PI&&(p=0,v=2*Math.PI);var g=2*Math.PI/l.curveStepCount,y=Math.min(g/2,(v-p)/2),m=te(y,h,u,f,c,p,v,1,l);if(!l.disableMultiStroke){var b=te(y,h,u,f,c,p,v,1.5,l);m.push.apply(m,d(b))}return s&&(o?m.push.apply(m,d($(h,u,h+f*Math.cos(p),u+c*Math.sin(p),l)).concat(d($(h,u,h+f*Math.cos(v),u+c*Math.sin(v),l)))):m.push({op:"lineTo",data:[h,u]},{op:"lineTo",data:[h+f*Math.cos(p),u+c*Math.sin(p)]})),{type:"path",ops:m}}function Z(e,t){var a,r=[],n=y(e);try{for(n.s();!(a=n.n()).done;){var i=a.value;if(i.length){var s=t.maxRandomnessOffset||0,o=i.length;if(o>2){r.push({op:"move",data:[i[0][0]+U(s,t),i[0][1]+U(s,t)]});for(var l=1;l<o;l++)r.push({op:"lineTo",data:[i[l][0]+U(s,t),i[l][1]+U(s,t)]})}}}}catch(e){n.e(e)}finally{n.f()}return{type:"fillPath",ops:r}}function H(e,t){return function(e,t){var a=e.fillStyle||"hachure";if(!C[a])switch(a){case"zigzag":C[a]||(C[a]=new w(t));break;case"cross-hatch":C[a]||(C[a]=new P(t));break;case"dots":C[a]||(C[a]=new D(t));break;case"dashed":C[a]||(C[a]=new R(t));break;case"zigzag-line":C[a]||(C[a]=new T(t));break;default:C[a="hachure"]||(C[a]=new O(t))}return C[a]}(t,I).fillPolygons(e,t)}function Q(e){return e.randomizer||(e.randomizer=new L(e.seed||0)),e.randomizer.next()}function N(e,t,a){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;return a.roughness*r*(Q(a)*(t-e)+e)}function U(e,t){return N(-e,e,t,arguments.length>2&&void 0!==arguments[2]?arguments[2]:1)}function $(e,t,a,r,n){var i=arguments.length>5&&void 0!==arguments[5]&&arguments[5]?n.disableMultiStrokeFill:n.disableMultiStroke,s=X(e,t,a,r,n,!0,!1);if(i)return s;var o=X(e,t,a,r,n,!0,!0);return s.concat(o)}function X(e,t,a,r,n,i,s){var o,l=Math.pow(e-a,2)+Math.pow(t-r,2),h=Math.sqrt(l);o=h<200?1:h>500?.4:-.0016668*h+1.233334;var u=n.maxRandomnessOffset||0;u*u*100>l&&(u=h/10);var f=u/2,c=.2+.2*Q(n),p=n.bowing*n.maxRandomnessOffset*(r-t)/200,d=n.bowing*n.maxRandomnessOffset*(e-a)/200;p=U(p,n,o),d=U(d,n,o);var v=[],g=function(){return U(f,n,o)},y=function(){return U(u,n,o)},m=n.preserveVertices;return i&&(s?v.push({op:"move",data:[e+(m?0:g()),t+(m?0:g())]}):v.push({op:"move",data:[e+(m?0:U(u,n,o)),t+(m?0:U(u,n,o))]})),s?v.push({op:"bcurveTo",data:[p+e+(a-e)*c+g(),d+t+(r-t)*c+g(),p+e+2*(a-e)*c+g(),d+t+2*(r-t)*c+g(),a+(m?0:g()),r+(m?0:g())]}):v.push({op:"bcurveTo",data:[p+e+(a-e)*c+y(),d+t+(r-t)*c+y(),p+e+2*(a-e)*c+y(),d+t+2*(r-t)*c+y(),a+(m?0:y()),r+(m?0:y())]}),v}function K(e,t,a){var r=[];r.push([e[0][0]+U(t,a),e[0][1]+U(t,a)]),r.push([e[0][0]+U(t,a),e[0][1]+U(t,a)]);for(var n=1;n<e.length;n++)r.push([e[n][0]+U(t,a),e[n][1]+U(t,a)]),n===e.length-1&&r.push([e[n][0]+U(t,a),e[n][1]+U(t,a)]);return J(r,null,a)}function J(e,t,a){var r=e.length,n=[];if(r>3){var i=[],s=1-a.curveTightness;n.push({op:"move",data:[e[1][0],e[1][1]]});for(var o=1;o+2<r;o++){var l=e[o];i[0]=[l[0],l[1]],i[1]=[l[0]+(s*e[o+1][0]-s*e[o-1][0])/6,l[1]+(s*e[o+1][1]-s*e[o-1][1])/6],i[2]=[e[o+1][0]+(s*e[o][0]-s*e[o+2][0])/6,e[o+1][1]+(s*e[o][1]-s*e[o+2][1])/6],i[3]=[e[o+1][0],e[o+1][1]],n.push({op:"bcurveTo",data:[i[1][0],i[1][1],i[2][0],i[2][1],i[3][0],i[3][1]]})}if(t&&2===t.length){var h=a.maxRandomnessOffset;n.push({op:"lineTo",data:[t[0]+U(h,a),t[1]+U(h,a)]})}}else 3===r?(n.push({op:"move",data:[e[1][0],e[1][1]]}),n.push({op:"bcurveTo",data:[e[1][0],e[1][1],e[2][0],e[2][1],e[2][0],e[2][1]]})):2===r&&n.push.apply(n,d($(e[0][0],e[0][1],e[1][0],e[1][1],a)));return n}function ee(e,t,a,r,n,i,s,o){var l=[],h=[];if(0===o.roughness){e/=4,h.push([t+r*Math.cos(-e),a+n*Math.sin(-e)]);for(var u=0;u<=2*Math.PI;u+=e){var f=[t+r*Math.cos(u),a+n*Math.sin(u)];l.push(f),h.push(f)}h.push([t+r*Math.cos(0),a+n*Math.sin(0)]),h.push([t+r*Math.cos(e),a+n*Math.sin(e)])}else{var c=U(.5,o)-Math.PI/2;h.push([U(i,o)+t+.9*r*Math.cos(c-e),U(i,o)+a+.9*n*Math.sin(c-e)]);for(var p=2*Math.PI+c-.01,d=c;d<p;d+=e){var v=[U(i,o)+t+r*Math.cos(d),U(i,o)+a+n*Math.sin(d)];l.push(v),h.push(v)}h.push([U(i,o)+t+r*Math.cos(c+2*Math.PI+.5*s),U(i,o)+a+n*Math.sin(c+2*Math.PI+.5*s)]),h.push([U(i,o)+t+.98*r*Math.cos(c+s),U(i,o)+a+.98*n*Math.sin(c+s)]),h.push([U(i,o)+t+.9*r*Math.cos(c+.5*s),U(i,o)+a+.9*n*Math.sin(c+.5*s)])}return[h,l]}function te(e,t,a,r,n,i,s,o,l){var h=i+U(.1,l),u=[];u.push([U(o,l)+t+.9*r*Math.cos(h-e),U(o,l)+a+.9*n*Math.sin(h-e)]);for(var f=h;f<=s;f+=e)u.push([U(o,l)+t+r*Math.cos(f),U(o,l)+a+n*Math.sin(f)]);return u.push([t+r*Math.cos(s),a+n*Math.sin(s)]),u.push([t+r*Math.cos(s),a+n*Math.sin(s)]),J(u,null,l)}function ae(e){return d(e)}function re(e,t){return Math.pow(e[0]-t[0],2)+Math.pow(e[1]-t[1],2)}function ne(e,t,a){var r=re(t,a);if(0===r)return re(e,t);var n=((e[0]-t[0])*(a[0]-t[0])+(e[1]-t[1])*(a[1]-t[1]))/r;return re(e,ie(t,a,n=Math.max(0,Math.min(1,n))))}function ie(e,t,a){return[e[0]+(t[0]-e[0])*a,e[1]+(t[1]-e[1])*a]}function se(e,t,a,r){var n,i,s=r||[];if(function(e,t){var a=e[t+0],r=e[t+1],n=e[t+2],i=e[t+3],s=3*r[0]-2*a[0]-i[0];s*=s;var o=3*r[1]-2*a[1]-i[1];o*=o;var l=3*n[0]-2*i[0]-a[0];l*=l;var h=3*n[1]-2*i[1]-a[1];return s<l&&(s=l),o<(h*=h)&&(o=h),s+o}(e,t)<a){var o=e[t+0];s.length?(n=s[s.length-1],i=o,Math.sqrt(re(n,i))>1&&s.push(o)):s.push(o),s.push(e[t+3])}else{var l=.5,h=e[t+0],u=e[t+1],f=e[t+2],c=e[t+3],p=ie(h,u,l),d=ie(u,f,l),v=ie(f,c,l),g=ie(p,d,l),y=ie(d,v,l),m=ie(g,y,l);se([h,p,g,m],0,a,s),se([m,y,v,c],0,a,s)}return s}function oe(e,t){return le(e,0,e.length,t)}function le(e,t,a,r,n){for(var i=n||[],s=e[t],o=e[a-1],l=0,h=1,u=t+1;u<a-1;++u){var f=ne(e[u],s,o);f>l&&(l=f,h=u)}return Math.sqrt(l)>r?(le(e,t,h+1,r,i),le(e,h,a,r,i)):(i.length||i.push(s),i.push(o)),i}function he(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:.15,a=arguments.length>2?arguments[2]:void 0,r=[],n=(e.length-1)/3,i=0;i<n;i++)se(e,3*i,t,r);return a&&a>0?le(r,0,r.length,a):r}var ue="none",fe=function(){function e(t){i(this,e),this.defaultOptions={maxRandomnessOffset:2,roughness:1,bowing:1,stroke:"#000",strokeWidth:1,curveTightness:0,curveFitting:.95,curveStepCount:9,fillStyle:"hachure",fillWeight:-1,hachureAngle:-41,hachureGap:-1,dashOffset:-1,dashGap:-1,zigzagOffset:-1,seed:0,disableMultiStroke:!1,disableMultiStrokeFill:!1,preserveVertices:!1},this.config=t||{},this.config.options&&(this.defaultOptions=this._o(this.config.options))}return o(e,[{key:"_o",value:function(e){return e?Object.assign({},this.defaultOptions,e):this.defaultOptions}},{key:"_d",value:function(e,t,a){return{shape:e,sets:t||[],options:a||this.defaultOptions}}},{key:"line",value:function(e,t,a,r,n){var i=this._o(n);return this._d("line",[E(e,t,a,r,i)],i)}},{key:"rectangle",value:function(e,t,a,r,n){var i=this._o(n),s=[],o=function(e,t,a,r,n){return function(e,t){return V(e,!0,t)}([[e,t],[e+a,t],[e+a,t+r],[e,t+r]],n)}(e,t,a,r,i);if(i.fill){var l=[[e,t],[e+a,t],[e+a,t+r],[e,t+r]];"solid"===i.fillStyle?s.push(Z([l],i)):s.push(H([l],i))}return i.stroke!==ue&&s.push(o),this._d("rectangle",s,i)}},{key:"ellipse",value:function(e,t,a,r,n){var i=this._o(n),s=[],o=q(a,r,i),l=B(e,t,i,o);if(i.fill)if("solid"===i.fillStyle){var h=B(e,t,i,o).opset;h.type="fillPath",s.push(h)}else s.push(H([l.estimatedPoints],i));return i.stroke!==ue&&s.push(l.opset),this._d("ellipse",s,i)}},{key:"circle",value:function(e,t,a,r){var n=this.ellipse(e,t,a,a,r);return n.shape="circle",n}},{key:"linearPath",value:function(e,t){var a=this._o(t);return this._d("linearPath",[V(e,!1,a)],a)}},{key:"arc",value:function(e,t,a,r,n,i){var s=arguments.length>6&&void 0!==arguments[6]&&arguments[6],o=arguments.length>7?arguments[7]:void 0,l=this._o(o),h=[],u=Y(e,t,a,r,n,i,s,!0,l);if(s&&l.fill)if("solid"===l.fillStyle){var f=Object.assign({},l);f.disableMultiStroke=!0;var c=Y(e,t,a,r,n,i,!0,!1,f);c.type="fillPath",h.push(c)}else h.push(function(e,t,a,r,n,i,s){var o=e,l=t,h=Math.abs(a/2),u=Math.abs(r/2);h+=U(.01*h,s),u+=U(.01*u,s);for(var f=n,c=i;f<0;)f+=2*Math.PI,c+=2*Math.PI;c-f>2*Math.PI&&(f=0,c=2*Math.PI);for(var p=(c-f)/s.curveStepCount,d=[],v=f;v<=c;v+=p)d.push([o+h*Math.cos(v),l+u*Math.sin(v)]);return d.push([o+h*Math.cos(c),l+u*Math.sin(c)]),d.push([o,l]),H([d],s)}(e,t,a,r,n,i,l));return l.stroke!==ue&&h.push(u),this._d("arc",h,l)}},{key:"curve",value:function(e,t){var a=this._o(t),r=[],n=function(e,t){var a=K(e,1*(1+.2*t.roughness),t);if(!t.disableMultiStroke){var r=K(e,1.5*(1+.22*t.roughness),function(e){var t=Object.assign({},e);return t.randomizer=void 0,e.seed&&(t.seed=e.seed+1),t}(t));a=a.concat(r)}return{type:"path",ops:a}}(e,a);if(a.fill&&a.fill!==ue&&e.length>=3){var i=he(function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=e.length;if(a<3)throw new Error("A curve must have at least three points.");var r=[];if(3===a)r.push(ae(e[0]),ae(e[1]),ae(e[2]),ae(e[2]));else{var n=[];n.push(e[0],e[0]);for(var i=1;i<e.length;i++)n.push(e[i]),i===e.length-1&&n.push(e[i]);var s=[],o=1-t;r.push(ae(n[0]));for(var l=1;l+2<n.length;l++){var h=n[l];s[0]=[h[0],h[1]],s[1]=[h[0]+(o*n[l+1][0]-o*n[l-1][0])/6,h[1]+(o*n[l+1][1]-o*n[l-1][1])/6],s[2]=[n[l+1][0]+(o*n[l][0]-o*n[l+2][0])/6,n[l+1][1]+(o*n[l][1]-o*n[l+2][1])/6],s[3]=[n[l+1][0],n[l+1][1]],r.push(s[1],s[2],s[3])}}return r}(e),10,(1+a.roughness)/2);"solid"===a.fillStyle?r.push(Z([i],a)):r.push(H([i],a))}return a.stroke!==ue&&r.push(n),this._d("curve",r,a)}},{key:"polygon",value:function(e,t){var a=this._o(t),r=[],n=V(e,!0,a);return a.fill&&("solid"===a.fillStyle?r.push(Z([e],a)):r.push(H([e],a))),a.stroke!==ue&&r.push(n),this._d("polygon",r,a)}},{key:"path",value:function(e,t){var a=this._o(t),r=[];if(!e)return this._d("path",r,a);e=(e||"").replace(/\n/g," ").replace(/(-\s)/g,"-").replace("/(ss)/g"," ");var n=a.fill&&"transparent"!==a.fill&&a.fill!==ue,i=a.stroke!==ue,s=!!(a.simplification&&a.simplification<1),o=function(e,t,a){var r,n=A(F(G(e))),i=[],s=[],o=[0,0],l=[],h=function(){var e;l.length>=4&&(e=s).push.apply(e,d(he(l,1))),l=[]},u=function(){h(),s.length&&(i.push(s),s=[])},f=y(n);try{for(f.s();!(r=f.n()).done;){var c=r.value,p=c.key,v=c.data;switch(p){case"M":u(),o=[v[0],v[1]],s.push(o);break;case"L":h(),s.push([v[0],v[1]]);break;case"C":if(!l.length){var g=s.length?s[s.length-1]:o;l.push([g[0],g[1]])}l.push([v[0],v[1]]),l.push([v[2],v[3]]),l.push([v[4],v[5]]);break;case"Z":h(),s.push([o[0],o[1]])}}}catch(e){f.e(e)}finally{f.f()}if(u(),!a)return i;for(var m=[],b=0,k=i;b<k.length;b++){var M=oe(k[b],a);M.length&&m.push(M)}return m}(e,0,s?4-4*a.simplification:(1+a.roughness)/2);return n&&("solid"===a.fillStyle?r.push(Z(o,a)):r.push(H(o,a))),i&&(s?o.forEach((function(e){r.push(V(e,!1,a))})):r.push(function(e,t){var a,r=A(F(G(e))),n=[],i=[0,0],s=[0,0],o=y(r);try{var l=function(){var e=a.value,r=e.key,o=e.data;switch(r){case"M":var l=1*(t.maxRandomnessOffset||0),h=t.preserveVertices;n.push({op:"move",data:o.map((function(e){return e+(h?0:U(l,t))}))}),s=[o[0],o[1]],i=[o[0],o[1]];break;case"L":n.push.apply(n,d($(s[0],s[1],o[0],o[1],t))),s=[o[0],o[1]];break;case"C":var u=p(o,6),f=u[0],c=u[1],v=u[2],g=u[3],y=u[4],m=u[5];n.push.apply(n,d(function(e,t,a,r,n,i,s,o){for(var l=[],h=[o.maxRandomnessOffset||1,(o.maxRandomnessOffset||1)+.3],u=[0,0],f=o.disableMultiStroke?1:2,c=o.preserveVertices,p=0;p<f;p++)0===p?l.push({op:"move",data:[s[0],s[1]]}):l.push({op:"move",data:[s[0]+(c?0:U(h[0],o)),s[1]+(c?0:U(h[0],o))]}),u=c?[n,i]:[n+U(h[p],o),i+U(h[p],o)],l.push({op:"bcurveTo",data:[e+U(h[p],o),t+U(h[p],o),a+U(h[p],o),r+U(h[p],o),u[0],u[1]]});return l}(f,c,v,g,y,m,s,t))),s=[y,m];break;case"Z":n.push.apply(n,d($(s[0],s[1],i[0],i[1],t))),s=[i[0],i[1]]}};for(o.s();!(a=o.n()).done;)l()}catch(e){o.e(e)}finally{o.f()}return{type:"path",ops:n}}(e,a))),this._d("path",r,a)}},{key:"opsToPath",value:function(e,t){var a,r="",n=y(e.ops);try{for(n.s();!(a=n.n()).done;){var i=a.value,s="number"==typeof t&&t>=0?i.data.map((function(e){return+e.toFixed(t)})):i.data;switch(i.op){case"move":r+="M".concat(s[0]," ").concat(s[1]," ");break;case"bcurveTo":r+="C".concat(s[0]," ").concat(s[1],", ").concat(s[2]," ").concat(s[3],", ").concat(s[4]," ").concat(s[5]," ");break;case"lineTo":r+="L".concat(s[0]," ").concat(s[1]," ")}}}catch(e){n.e(e)}finally{n.f()}return r.trim()}},{key:"toPaths",value:function(e){var t,a=e.sets||[],r=e.options||this.defaultOptions,n=[],i=y(a);try{for(i.s();!(t=i.n()).done;){var s=t.value,o=null;switch(s.type){case"path":o={d:this.opsToPath(s),stroke:r.stroke,strokeWidth:r.strokeWidth,fill:ue};break;case"fillPath":o={d:this.opsToPath(s),stroke:ue,strokeWidth:0,fill:r.fill||ue};break;case"fillSketch":o=this.fillSketch(s,r)}o&&n.push(o)}}catch(e){i.e(e)}finally{i.f()}return n}},{key:"fillSketch",value:function(e,t){var a=t.fillWeight;return a<0&&(a=t.strokeWidth/2),{d:this.opsToPath(e),stroke:t.fill||ue,strokeWidth:a,fill:ue}}}],[{key:"newSeed",value:function(){return Math.floor(Math.random()*Math.pow(2,31))}}]),e}(),ce=function(){function e(t,a){i(this,e),this.canvas=t,this.ctx=this.canvas.getContext("2d"),this.gen=new fe(a)}return o(e,[{key:"draw",value:function(e){var t,a=e.sets||[],r=e.options||this.getDefaultOptions(),n=this.ctx,i=e.options.fixedDecimalPlaceDigits,s=y(a);try{for(s.s();!(t=s.n()).done;){var o=t.value;switch(o.type){case"path":n.save(),n.strokeStyle="none"===r.stroke?"transparent":r.stroke,n.lineWidth=r.strokeWidth,r.strokeLineDash&&n.setLineDash(r.strokeLineDash),r.strokeLineDashOffset&&(n.lineDashOffset=r.strokeLineDashOffset),this._drawToContext(n,o,i),n.restore();break;case"fillPath":n.save(),n.fillStyle=r.fill||"";var l="curve"===e.shape||"polygon"===e.shape||"path"===e.shape?"evenodd":"nonzero";this._drawToContext(n,o,i,l),n.restore();break;case"fillSketch":this.fillSketch(n,o,r)}}}catch(e){s.e(e)}finally{s.f()}}},{key:"fillSketch",value:function(e,t,a){var r=a.fillWeight;r<0&&(r=a.strokeWidth/2),e.save(),a.fillLineDash&&e.setLineDash(a.fillLineDash),a.fillLineDashOffset&&(e.lineDashOffset=a.fillLineDashOffset),e.strokeStyle=a.fill||"",e.lineWidth=r,this._drawToContext(e,t,a.fixedDecimalPlaceDigits),e.restore()}},{key:"_drawToContext",value:function(e,t,a){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"nonzero";e.beginPath();var n,i=y(t.ops);try{for(i.s();!(n=i.n()).done;){var s=n.value,o="number"==typeof a&&a>=0?s.data.map((function(e){return+e.toFixed(a)})):s.data;switch(s.op){case"move":e.moveTo(o[0],o[1]);break;case"bcurveTo":e.bezierCurveTo(o[0],o[1],o[2],o[3],o[4],o[5]);break;case"lineTo":e.lineTo(o[0],o[1])}}}catch(e){i.e(e)}finally{i.f()}"fillPath"===t.type?e.fill(r):e.stroke()}},{key:"generator",get:function(){return this.gen}},{key:"getDefaultOptions",value:function(){return this.gen.defaultOptions}},{key:"line",value:function(e,t,a,r,n){var i=this.gen.line(e,t,a,r,n);return this.draw(i),i}},{key:"rectangle",value:function(e,t,a,r,n){var i=this.gen.rectangle(e,t,a,r,n);return this.draw(i),i}},{key:"ellipse",value:function(e,t,a,r,n){var i=this.gen.ellipse(e,t,a,r,n);return this.draw(i),i}},{key:"circle",value:function(e,t,a,r){var n=this.gen.circle(e,t,a,r);return this.draw(n),n}},{key:"linearPath",value:function(e,t){var a=this.gen.linearPath(e,t);return this.draw(a),a}},{key:"polygon",value:function(e,t){var a=this.gen.polygon(e,t);return this.draw(a),a}},{key:"arc",value:function(e,t,a,r,n,i){var s=arguments.length>6&&void 0!==arguments[6]&&arguments[6],o=arguments.length>7?arguments[7]:void 0,l=this.gen.arc(e,t,a,r,n,i,s,o);return this.draw(l),l}},{key:"curve",value:function(e,t){var a=this.gen.curve(e,t);return this.draw(a),a}},{key:"path",value:function(e,t){var a=this.gen.path(e,t);return this.draw(a),a}}]),e}(),pe=function(e,t){return new ce(e,t)};const de={maxRandomnessOffset:3,roughness:1,bowing:1,curveFitting:.95,curveTightness:void 0,curveStepCount:9,fillStyle:"hachure",fillWeight:void 0,hachureAngle:60,hachureGap:6,simplification:0,dashOffset:void 0,dashGap:void 0,zigzagOffset:void 0,seed:1,fillLineDash:void 0,fillLineDashOffset:void 0,disableMultiStroke:!1,disableMultiStrokeFill:!1,preserveVertices:!0,fixedDecimalPlaceDigits:void 0};let ve=class{canvasRenderer;type;numberType;style="rough";constructor(e){this.canvasRenderer=e,this.type="arc",this.numberType=a.ARC_NUMBER_TYPE}draw(e,t,r,n){const{context:i}=r;if(!i)return;const s=i.canvas.nativeCanvas,o=pe(s);i.highPerformanceSave();const l=a.getTheme(e).arc;let{x:h=l.x,y:u=l.y}=e.attribute;if(e.transMatrix.onlyTranslate()){const{dx:t=l.dx,dy:a=l.dy}=e.attribute;h+=t,u+=a,i.setTransformForCurrent()}else h=0,u=0,i.transformFromMatrix(e.transMatrix,!0);const f=new a.CustomPath2D,{fill:c=l.fill,stroke:p=l.stroke,lineWidth:d=l.lineWidth,outerRadius:v=l.outerRadius,innerRadius:g=l.innerRadius,maxRandomnessOffset:y=de.maxRandomnessOffset,roughness:m=de.roughness,bowing:b=de.bowing,curveFitting:k=de.curveFitting,curveTightness:M=de.curveTightness,curveStepCount:S=de.curveStepCount,fillStyle:x=de.fillStyle,fillWeight:O=de.fillWeight,hachureAngle:w=de.hachureAngle,hachureGap:P=de.hachureGap,simplification:D=de.simplification,dashOffset:R=de.dashOffset,dashGap:T=de.dashGap,zigzagOffset:C=de.zigzagOffset,seed:L=de.seed,fillLineDash:z=de.fillLineDash,fillLineDashOffset:W=de.fillLineDashOffset,disableMultiStroke:G=de.disableMultiStroke,disableMultiStrokeFill:F=de.disableMultiStrokeFill,preserveVertices:A=de.preserveVertices,fixedDecimalPlaceDigits:j=de.fixedDecimalPlaceDigits}=e.attribute;a.drawArcPath(e,f,h,u,v,g),o.path(f.toString(),{fill:c||void 0,stroke:p||void 0,strokeWidth:d,maxRandomnessOffset:y,roughness:m,bowing:b,curveFitting:k,curveTightness:M,curveStepCount:S,fillStyle:x,fillWeight:O,hachureAngle:w,hachureGap:P,simplification:D,dashOffset:R,dashGap:T,zigzagOffset:C,seed:L,fillLineDash:z,fillLineDashOffset:W,disableMultiStroke:G,disableMultiStrokeFill:F,preserveVertices:A,fixedDecimalPlaceDigits:j}),i.highPerformanceRestore()}drawShape(e,t,a,r,n,i,s,o){if(this.canvasRenderer.drawShape)return this.canvasRenderer.drawShape(e,t,a,r,n,i,s,o)}};ve=m([r.injectable(),b(0,r.inject(a.DefaultCanvasArcRender)),k("design:paramtypes",[Object])],ve);let ge=class extends a.DefaultCanvasAreaRender{style="rough";drawSegmentItem(e,t,r,n,i,s,o,l,h,u,f,c){if(c)return super.drawSegmentItem(e,t,r,n,i,s,o,l,h,u,f,c);e.highPerformanceSave();const p=e.canvas.nativeCanvas,d=pe(p,{}),v=new a.CustomPath2D;a.drawAreaSegments(v,t,o,{offsetX:l,offsetY:h});const{maxRandomnessOffset:g=de.maxRandomnessOffset,roughness:y=de.roughness,bowing:m=de.bowing,curveFitting:b=de.curveFitting,curveTightness:k=de.curveTightness,curveStepCount:M=de.curveStepCount,fillStyle:S=de.fillStyle,fillWeight:x=de.fillWeight,hachureAngle:O=de.hachureAngle,hachureGap:w=de.hachureGap,simplification:P=de.simplification,dashOffset:D=de.dashOffset,dashGap:R=de.dashGap,zigzagOffset:T=de.zigzagOffset,seed:C=de.seed,fillLineDash:L=de.fillLineDash,fillLineDashOffset:z=de.fillLineDashOffset,disableMultiStroke:W=de.disableMultiStroke,disableMultiStrokeFill:G=de.disableMultiStrokeFill,preserveVertices:F=de.preserveVertices,fixedDecimalPlaceDigits:A=de.fixedDecimalPlaceDigits}=i;let{fill:j,stroke:_,lineWidth:I}=i;return Array.isArray(s)?s.forEach((e=>{j=j??e.fill,_=_??e.stroke,I=I??e.lineWidth})):(j=j??s.fill,_=_??s.stroke,I=I??s.lineWidth),d.path(v.toString(),{fill:r?j:void 0,strokeWidth:I,maxRandomnessOffset:g,roughness:y,bowing:m,curveFitting:b,curveTightness:k,curveStepCount:M,fillStyle:S,fillWeight:x,hachureAngle:O,hachureGap:w,simplification:P,dashOffset:D,dashGap:R,zigzagOffset:T,seed:C,fillLineDash:L,fillLineDashOffset:z,disableMultiStroke:W,disableMultiStrokeFill:G,preserveVertices:F,fixedDecimalPlaceDigits:A}),e.highPerformanceRestore(),!1}};ge=m([r.injectable()],ge);let ye=class{canvasRenderer;style="rough";constructor(e){this.canvasRenderer=e,this.type="circle",this.numberType=a.CIRCLE_NUMBER_TYPE}draw(e,t,r,n){const{context:i}=r;if(!i)return;const s=i.canvas.nativeCanvas,o=pe(s,{}),l=a.getTheme(e).circle;let{x:h=l.x,y:u=l.y}=e.attribute;e.transMatrix.onlyTranslate()?i.onlyTranslate()||i.clearMatrix():(h=0,u=0,i.transformFromMatrix(e.transMatrix,!0));const{radius:f=l.radius,fill:c=l.fill,stroke:p=l.stroke,lineWidth:d=l.lineWidth}=e.attribute;o.circle(h,u,f,{fill:c||void 0,stroke:p||void 0,strokeWidth:d,fillStyle:"zigzag",roughness:.5})}drawShape(e,t,a,r,n,i,s,o){if(this.canvasRenderer.drawShape)return this.canvasRenderer.drawShape(e,t,a,r,n,i,s,o)}};ye=m([r.injectable(),b(0,r.inject(a.DefaultCanvasCircleRender)),k("design:paramtypes",[Object])],ye);let me=class extends a.DefaultCanvasLineRender{style="rough";drawSegmentItem(e,t,r,n,i,s,o,l,h,u,f,c,p,d,v){if(d||v)return super.drawSegmentItem(e,t,r,n,i,s,o,l,h,u,f,c,p,d,v);e.highPerformanceSave();const g=e.canvas.nativeCanvas,y=pe(g,{}),m=new a.CustomPath2D;a.drawSegments(e.camera?e:e.nativeContext,t,h,u,{offsetX:f,offsetY:c});const{maxRandomnessOffset:b=de.maxRandomnessOffset,roughness:k=de.roughness,bowing:M=de.bowing,curveFitting:S=de.curveFitting,curveTightness:x=de.curveTightness,curveStepCount:O=de.curveStepCount,fillStyle:w=de.fillStyle,fillWeight:P=de.fillWeight,hachureAngle:D=de.hachureAngle,hachureGap:R=de.hachureGap,simplification:T=de.simplification,dashOffset:C=de.dashOffset,dashGap:L=de.dashGap,zigzagOffset:z=de.zigzagOffset,seed:W=de.seed,fillLineDash:G=de.fillLineDash,fillLineDashOffset:F=de.fillLineDashOffset,disableMultiStroke:A=de.disableMultiStroke,disableMultiStrokeFill:j=de.disableMultiStrokeFill,preserveVertices:_=de.preserveVertices,fixedDecimalPlaceDigits:I=de.fixedDecimalPlaceDigits}=o;let{fill:E,stroke:V,lineWidth:q}=o;return Array.isArray(l)?l.forEach((e=>{E=E??e.fill,V=V??e.stroke,q=q??e.lineWidth})):(E=E??l.fill,V=V??l.stroke,q=q??l.lineWidth),y.path(m.toString(),{fill:r?E:void 0,stroke:n?V:void 0,strokeWidth:q,maxRandomnessOffset:b,roughness:k,bowing:M,curveFitting:S,curveTightness:x,curveStepCount:O,fillStyle:w,fillWeight:P,hachureAngle:D,hachureGap:R,simplification:T,dashOffset:C,dashGap:L,zigzagOffset:z,seed:W,fillLineDash:G,fillLineDashOffset:F,disableMultiStroke:A,disableMultiStrokeFill:j,preserveVertices:_,fixedDecimalPlaceDigits:I}),e.highPerformanceRestore(),!1}};me=m([r.injectable()],me);let be=class{canvasRenderer;type;numberType;style="rough";constructor(e){this.canvasRenderer=e,this.type="path",this.numberType=a.PATH_NUMBER_TYPE}draw(e,t,r,n){const{context:i}=r;if(!i)return;const s=i.canvas.nativeCanvas,o=pe(s,{});i.highPerformanceSave();const l=a.getTheme(e).path;i.transformFromMatrix(e.transMatrix,!0);const{fill:h=l.fill,stroke:u=l.stroke,lineWidth:f=l.lineWidth,path:c=l.path,maxRandomnessOffset:p=de.maxRandomnessOffset,roughness:d=de.roughness,bowing:v=de.bowing,curveFitting:g=de.curveFitting,curveTightness:y=de.curveTightness,curveStepCount:m=de.curveStepCount,fillStyle:b=de.fillStyle,fillWeight:k=de.fillWeight,hachureAngle:M=de.hachureAngle,hachureGap:S=de.hachureGap,simplification:x=de.simplification,dashOffset:O=de.dashOffset,dashGap:w=de.dashGap,zigzagOffset:P=de.zigzagOffset,seed:D=de.seed,fillLineDash:R=de.fillLineDash,fillLineDashOffset:T=de.fillLineDashOffset,disableMultiStroke:C=de.disableMultiStroke,disableMultiStrokeFill:L=de.disableMultiStrokeFill,preserveVertices:z=de.preserveVertices,fixedDecimalPlaceDigits:W=de.fixedDecimalPlaceDigits}=e.attribute;"string"==typeof c&&o.path(c,{fill:h||void 0,stroke:u||void 0,strokeWidth:f,maxRandomnessOffset:p,roughness:d,bowing:v,curveFitting:g,curveTightness:y,curveStepCount:m,fillStyle:b,fillWeight:k,hachureAngle:M,hachureGap:S,simplification:x,dashOffset:O,dashGap:w,zigzagOffset:P,seed:D,fillLineDash:R,fillLineDashOffset:T,disableMultiStroke:C,disableMultiStrokeFill:L,preserveVertices:z,fixedDecimalPlaceDigits:W}),i.highPerformanceRestore()}drawShape(e,t,a,r,n,i,s,o){if(this.canvasRenderer.drawShape)return this.canvasRenderer.drawShape(e,t,a,r,n,i,s,o)}};be=m([r.injectable(),b(0,r.inject(a.DefaultCanvasPathRender)),k("design:paramtypes",[Object])],be);let ke=class{canvasRenderer;type;numberType;style="rough";constructor(e){this.canvasRenderer=e,this.type="rect",this.numberType=a.RECT_NUMBER_TYPE}draw(e,t,r,n){const{context:i}=r;if(!i)return;const s=i.canvas.nativeCanvas,o=pe(s);i.highPerformanceSave();const l=a.getTheme(e).rect;let{x:h=l.x,y:u=l.y}=e.attribute;if(e.transMatrix.onlyTranslate()){const{dx:t=l.dx,dy:a=l.dy}=e.attribute;h+=t,u+=a,i.setTransformForCurrent()}else h=0,u=0,i.transformFromMatrix(e.transMatrix,!0);const{fill:f=l.fill,stroke:c=l.stroke,fillColor:p=l.fill,strokeColor:d=l.stroke,width:v=l.width,height:g=l.height,lineWidth:y=l.lineWidth,maxRandomnessOffset:m=de.maxRandomnessOffset,roughness:b=de.roughness,bowing:k=de.bowing,curveFitting:M=de.curveFitting,curveTightness:S=de.curveTightness,curveStepCount:x=de.curveStepCount,fillStyle:O=de.fillStyle,fillWeight:w=de.fillWeight,hachureAngle:P=de.hachureAngle,hachureGap:D=de.hachureGap,simplification:R=de.simplification,dashOffset:T=de.dashOffset,dashGap:C=de.dashGap,zigzagOffset:L=de.zigzagOffset,seed:z=de.seed,fillLineDash:W=de.fillLineDash,fillLineDashOffset:G=de.fillLineDashOffset,disableMultiStroke:F=de.disableMultiStroke,disableMultiStrokeFill:A=de.disableMultiStrokeFill,preserveVertices:j=de.preserveVertices,fixedDecimalPlaceDigits:_=de.fixedDecimalPlaceDigits}=e.attribute;o.rectangle(h,u,v,g,{fill:f?p:void 0,stroke:c?d:void 0,strokeWidth:y,maxRandomnessOffset:m,roughness:b,bowing:k,curveFitting:M,curveTightness:S,curveStepCount:x,fillStyle:O,fillWeight:w,hachureAngle:P,hachureGap:D,simplification:R,dashOffset:T,dashGap:C,zigzagOffset:L,seed:z,fillLineDash:W,fillLineDashOffset:G,disableMultiStroke:F,disableMultiStrokeFill:A,preserveVertices:j,fixedDecimalPlaceDigits:_}),i.highPerformanceRestore()}drawShape(e,t,a,r,n,i,s,o){if(this.canvasRenderer.drawShape)return this.canvasRenderer.drawShape(e,t,a,r,n,i,s,o)}};ke=m([r.injectable(),b(0,r.inject(a.DefaultCanvasRectRender)),k("design:paramtypes",[Object])],ke);let Me=class{canvasRenderer;type;numberType;style="rough";constructor(e){this.canvasRenderer=e,this.type="symbol",this.numberType=a.SYMBOL_NUMBER_TYPE}draw(e,t,r,n){const{context:i}=r;if(!i)return;const s=i.canvas.nativeCanvas,o=pe(s);i.highPerformanceSave();const l=a.getTheme(e).symbol;let{x:h=l.x,y:u=l.y}=e.attribute;if(e.transMatrix.onlyTranslate()){const{dx:t=l.dx,dy:a=l.dy}=e.attribute;h+=t,u+=a,i.setTransformForCurrent()}else h=0,u=0,i.transformFromMatrix(e.transMatrix,!0);const f=e.getParsedPath();if(!f)return;const{fill:c=l.fill,stroke:p=l.stroke,fillColor:d=l.fill,strokeColor:v=l.stroke,size:g=l.size,lineWidth:y=l.lineWidth,maxRandomnessOffset:m=de.maxRandomnessOffset,roughness:b=de.roughness,bowing:k=de.bowing,curveFitting:M=de.curveFitting,curveTightness:S=de.curveTightness,curveStepCount:x=de.curveStepCount,fillStyle:O=de.fillStyle,fillWeight:w=de.fillWeight,hachureAngle:P=de.hachureAngle,hachureGap:D=de.hachureGap,simplification:R=de.simplification,dashOffset:T=de.dashOffset,dashGap:C=de.dashGap,zigzagOffset:L=de.zigzagOffset,seed:z=de.seed,fillLineDash:W=de.fillLineDash,fillLineDashOffset:G=de.fillLineDashOffset,disableMultiStroke:F=de.disableMultiStroke,disableMultiStrokeFill:A=de.disableMultiStrokeFill,preserveVertices:j=de.preserveVertices,fixedDecimalPlaceDigits:_=de.fixedDecimalPlaceDigits}=e.attribute,I=new a.CustomPath2D;f.draw(I,g,h,u)&&I.closePath(),o.path(I.toString(),{fill:c?d:void 0,stroke:p?v:void 0,strokeWidth:y,maxRandomnessOffset:m,roughness:b,bowing:k,curveFitting:M,curveTightness:S,curveStepCount:x,fillStyle:O,fillWeight:w,hachureAngle:P,hachureGap:D,simplification:R,dashOffset:T,dashGap:C,zigzagOffset:L,seed:z,fillLineDash:W,fillLineDashOffset:G,disableMultiStroke:F,disableMultiStrokeFill:A,preserveVertices:j,fixedDecimalPlaceDigits:_}),i.highPerformanceRestore()}drawShape(e,t,a,r,n,i,s,o){if(this.canvasRenderer.drawShape)return this.canvasRenderer.drawShape(e,t,a,r,n,i,s,o)}};Me=m([r.injectable(),b(0,r.inject(a.DefaultCanvasSymbolRender)),k("design:paramtypes",[Object])],Me);const Se=new r.ContainerModule(((e,t,r,n)=>{e(ye).toSelf().inSingletonScope(),e(a.GraphicRender).to(ye),e(ke).toSelf().inSingletonScope(),e(a.GraphicRender).to(ke),e(be).toSelf().inSingletonScope(),e(a.GraphicRender).to(be),e(Me).toSelf().inSingletonScope(),e(a.GraphicRender).to(Me),e(me).toSelf().inSingletonScope(),e(a.GraphicRender).to(me),e(ge).toSelf().inSingletonScope(),e(a.GraphicRender).to(ge),e(ve).toSelf().inSingletonScope(),e(a.GraphicRender).to(ve)}));e.roughModule=Se}));
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('reflect-metadata'), require('@visactor/vrender'), require('inversify')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'reflect-metadata', '@visactor/vrender', 'inversify'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.VRender = global.VRender || {}, global.VRender.Kits = {}), global.reflectMetadata, global.VRender, global.inversify));
+})(this, (function (exports, reflectMetadata, vrender, inversify) { 'use strict';
+
+  function _iterableToArrayLimit(arr, i) {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
+      try {
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+      } catch (err) {
+        _d = !0, _e = err;
+      } finally {
+        try {
+          if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
+      }
+      return _arr;
+    }
+  }
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
+    }
+  }
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
+    return Constructor;
+  }
+  function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    Object.defineProperty(subClass, "prototype", {
+      writable: false
+    });
+    if (superClass) _setPrototypeOf(subClass, superClass);
+  }
+  function _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf(o);
+  }
+  function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf(o, p);
+  }
+  function _isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _assertThisInitialized(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _possibleConstructorReturn(self, call) {
+    if (call && (typeof call === "object" || typeof call === "function")) {
+      return call;
+    } else if (call !== void 0) {
+      throw new TypeError("Derived constructors may only return object or undefined");
+    }
+    return _assertThisInitialized(self);
+  }
+  function _createSuper(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn(this, result);
+    };
+  }
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+  }
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+  }
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+    return arr2;
+  }
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  function _createForOfIteratorHelper(o, allowArrayLike) {
+    var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+    if (!it) {
+      if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+        if (it) o = it;
+        var i = 0;
+        var F = function () {};
+        return {
+          s: F,
+          n: function () {
+            if (i >= o.length) return {
+              done: true
+            };
+            return {
+              done: false,
+              value: o[i++]
+            };
+          },
+          e: function (e) {
+            throw e;
+          },
+          f: F
+        };
+      }
+      throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    }
+    var normalCompletion = true,
+      didErr = false,
+      err;
+    return {
+      s: function () {
+        it = it.call(o);
+      },
+      n: function () {
+        var step = it.next();
+        normalCompletion = step.done;
+        return step;
+      },
+      e: function (e) {
+        didErr = true;
+        err = e;
+      },
+      f: function () {
+        try {
+          if (!normalCompletion && it.return != null) it.return();
+        } finally {
+          if (didErr) throw err;
+        }
+      }
+    };
+  }
+  function _toPrimitive(input, hint) {
+    if (typeof input !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (typeof res !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return typeof key === "symbol" ? key : String(key);
+  }
+
+  function __decorate(decorators, target, key, desc) {
+    var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+    if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+  }
+  function __param(paramIndex, decorator) {
+    return function (target, key) {
+      decorator(target, key, paramIndex);
+    };
+  }
+  function __metadata(metadataKey, metadataValue) {
+    if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+  }
+
+  function t(t, e, s) {
+    if (t && t.length) {
+      var _e = _slicedToArray(e, 2),
+        _n = _e[0],
+        _a = _e[1],
+        _o = Math.PI / 180 * s,
+        _h = Math.cos(_o),
+        _r = Math.sin(_o);
+      t.forEach(function (t) {
+        var _t = _slicedToArray(t, 2),
+          e = _t[0],
+          s = _t[1];
+        t[0] = (e - _n) * _h - (s - _a) * _r + _n, t[1] = (e - _n) * _r + (s - _a) * _h + _a;
+      });
+    }
+  }
+  function e(t) {
+    var e = t[0],
+      s = t[1];
+    return Math.sqrt(Math.pow(e[0] - s[0], 2) + Math.pow(e[1] - s[1], 2));
+  }
+  function s(e, s) {
+    var n = s.hachureAngle + 90;
+    var a = s.hachureGap;
+    a < 0 && (a = 4 * s.strokeWidth), a = Math.max(a, .1);
+    var o = [0, 0];
+    if (n) {
+      var _iterator = _createForOfIteratorHelper(e),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var _s = _step.value;
+          t(_s, o, n);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+    var h = function (t, e) {
+      var s = [];
+      var _iterator2 = _createForOfIteratorHelper(t),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var _e5 = _step2.value;
+          var _t6 = _toConsumableArray(_e5);
+          _t6[0].join(",") !== _t6[_t6.length - 1].join(",") && _t6.push([_t6[0][0], _t6[0][1]]), _t6.length > 2 && s.push(_t6);
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+      var n = [];
+      e = Math.max(e, .1);
+      var a = [];
+      for (var _i = 0, _s2 = s; _i < _s2.length; _i++) {
+        var _t2 = _s2[_i];
+        for (var _e2 = 0; _e2 < _t2.length - 1; _e2++) {
+          var _s3 = _t2[_e2],
+            _n2 = _t2[_e2 + 1];
+          if (_s3[1] !== _n2[1]) {
+            var _t3 = Math.min(_s3[1], _n2[1]);
+            a.push({
+              ymin: _t3,
+              ymax: Math.max(_s3[1], _n2[1]),
+              x: _t3 === _s3[1] ? _s3[0] : _n2[0],
+              islope: (_n2[0] - _s3[0]) / (_n2[1] - _s3[1])
+            });
+          }
+        }
+      }
+      if (a.sort(function (t, e) {
+        return t.ymin < e.ymin ? -1 : t.ymin > e.ymin ? 1 : t.x < e.x ? -1 : t.x > e.x ? 1 : t.ymax === e.ymax ? 0 : (t.ymax - e.ymax) / Math.abs(t.ymax - e.ymax);
+      }), !a.length) return n;
+      var o = [],
+        h = a[0].ymin;
+      for (; o.length || a.length;) {
+        if (a.length) {
+          var _t4 = -1;
+          for (var _e3 = 0; _e3 < a.length && !(a[_e3].ymin > h); _e3++) _t4 = _e3;
+          a.splice(0, _t4 + 1).forEach(function (t) {
+            o.push({
+              s: h,
+              edge: t
+            });
+          });
+        }
+        if (o = o.filter(function (t) {
+          return !(t.edge.ymax <= h);
+        }), o.sort(function (t, e) {
+          return t.edge.x === e.edge.x ? 0 : (t.edge.x - e.edge.x) / Math.abs(t.edge.x - e.edge.x);
+        }), o.length > 1) for (var _t5 = 0; _t5 < o.length; _t5 += 2) {
+          var _e4 = _t5 + 1;
+          if (_e4 >= o.length) break;
+          var _s4 = o[_t5].edge,
+            _a2 = o[_e4].edge;
+          n.push([[Math.round(_s4.x), h], [Math.round(_a2.x), h]]);
+        }
+        h += e, o.forEach(function (t) {
+          t.edge.x = t.edge.x + e * t.edge.islope;
+        });
+      }
+      return n;
+    }(e, a);
+    if (n) {
+      var _iterator3 = _createForOfIteratorHelper(e),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var _s5 = _step3.value;
+          t(_s5, o, -n);
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+      !function (e, s, n) {
+        var a = [];
+        e.forEach(function (t) {
+          return a.push.apply(a, _toConsumableArray(t));
+        }), t(a, s, n);
+      }(h, o, -n);
+    }
+    return h;
+  }
+  var n = /*#__PURE__*/function () {
+    function n(t) {
+      _classCallCheck(this, n);
+      this.helper = t;
+    }
+    _createClass(n, [{
+      key: "fillPolygons",
+      value: function fillPolygons(t, e) {
+        return this._fillPolygons(t, e);
+      }
+    }, {
+      key: "_fillPolygons",
+      value: function _fillPolygons(t, e) {
+        var _n3 = s(t, e);
+        return {
+          type: "fillSketch",
+          ops: this.renderLines(_n3, e)
+        };
+      }
+    }, {
+      key: "renderLines",
+      value: function renderLines(t, e) {
+        var s = [];
+        var _iterator4 = _createForOfIteratorHelper(t),
+          _step4;
+        try {
+          for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+            var _n4 = _step4.value;
+            s.push.apply(s, _toConsumableArray(this.helper.doubleLineOps(_n4[0][0], _n4[0][1], _n4[1][0], _n4[1][1], e)));
+          }
+        } catch (err) {
+          _iterator4.e(err);
+        } finally {
+          _iterator4.f();
+        }
+        return s;
+      }
+    }]);
+    return n;
+  }();
+  var a = /*#__PURE__*/function (_n5) {
+    _inherits(a, _n5);
+    var _super = _createSuper(a);
+    function a() {
+      _classCallCheck(this, a);
+      return _super.apply(this, arguments);
+    }
+    _createClass(a, [{
+      key: "fillPolygons",
+      value: function fillPolygons(t, n) {
+        var _a3 = n.hachureGap;
+        _a3 < 0 && (_a3 = 4 * n.strokeWidth), _a3 = Math.max(_a3, .1);
+        var o = s(t, Object.assign({}, n, {
+            hachureGap: _a3
+          })),
+          h = Math.PI / 180 * n.hachureAngle,
+          r = [],
+          i = .5 * _a3 * Math.cos(h),
+          c = .5 * _a3 * Math.sin(h);
+        var _iterator5 = _createForOfIteratorHelper(o),
+          _step5;
+        try {
+          for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+            var _step5$value = _slicedToArray(_step5.value, 2),
+              _t7 = _step5$value[0],
+              _s6 = _step5$value[1];
+            e([_t7, _s6]) && r.push([[_t7[0] - i, _t7[1] + c], _toConsumableArray(_s6)], [[_t7[0] + i, _t7[1] - c], _toConsumableArray(_s6)]);
+          }
+        } catch (err) {
+          _iterator5.e(err);
+        } finally {
+          _iterator5.f();
+        }
+        return {
+          type: "fillSketch",
+          ops: this.renderLines(r, n)
+        };
+      }
+    }]);
+    return a;
+  }(n);
+  var o = /*#__PURE__*/function (_n6) {
+    _inherits(o, _n6);
+    var _super2 = _createSuper(o);
+    function o() {
+      _classCallCheck(this, o);
+      return _super2.apply(this, arguments);
+    }
+    _createClass(o, [{
+      key: "fillPolygons",
+      value: function fillPolygons(t, e) {
+        var s = this._fillPolygons(t, e),
+          n = Object.assign({}, e, {
+            hachureAngle: e.hachureAngle + 90
+          }),
+          a = this._fillPolygons(t, n);
+        return s.ops = s.ops.concat(a.ops), s;
+      }
+    }]);
+    return o;
+  }(n);
+  var h = /*#__PURE__*/function () {
+    function h(t) {
+      _classCallCheck(this, h);
+      this.helper = t;
+    }
+    _createClass(h, [{
+      key: "fillPolygons",
+      value: function fillPolygons(t, e) {
+        var n = s(t, e = Object.assign({}, e, {
+          hachureAngle: 0
+        }));
+        return this.dotsOnLines(n, e);
+      }
+    }, {
+      key: "dotsOnLines",
+      value: function dotsOnLines(t, s) {
+        var n = [];
+        var a = s.hachureGap;
+        a < 0 && (a = 4 * s.strokeWidth), a = Math.max(a, .1);
+        var o = s.fillWeight;
+        o < 0 && (o = s.strokeWidth / 2);
+        var _h2 = a / 4;
+        var _iterator6 = _createForOfIteratorHelper(t),
+          _step6;
+        try {
+          for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+            var _r2 = _step6.value;
+            var _t8 = e(_r2),
+              _i2 = _t8 / a,
+              _c = Math.ceil(_i2) - 1,
+              _l = _t8 - _c * a,
+              _u = (_r2[0][0] + _r2[1][0]) / 2 - a / 4,
+              _p = Math.min(_r2[0][1], _r2[1][1]);
+            for (var _t9 = 0; _t9 < _c; _t9++) {
+              var _e6 = _p + _l + _t9 * a,
+                _r3 = _u - _h2 + 2 * Math.random() * _h2,
+                _i3 = _e6 - _h2 + 2 * Math.random() * _h2,
+                _c2 = this.helper.ellipse(_r3, _i3, o, o, s);
+              n.push.apply(n, _toConsumableArray(_c2.ops));
+            }
+          }
+        } catch (err) {
+          _iterator6.e(err);
+        } finally {
+          _iterator6.f();
+        }
+        return {
+          type: "fillSketch",
+          ops: n
+        };
+      }
+    }]);
+    return h;
+  }();
+  var r = /*#__PURE__*/function () {
+    function r(t) {
+      _classCallCheck(this, r);
+      this.helper = t;
+    }
+    _createClass(r, [{
+      key: "fillPolygons",
+      value: function fillPolygons(t, e) {
+        var n = s(t, e);
+        return {
+          type: "fillSketch",
+          ops: this.dashedLine(n, e)
+        };
+      }
+    }, {
+      key: "dashedLine",
+      value: function dashedLine(t, s) {
+        var _this = this;
+        var n = s.dashOffset < 0 ? s.hachureGap < 0 ? 4 * s.strokeWidth : s.hachureGap : s.dashOffset,
+          a = s.dashGap < 0 ? s.hachureGap < 0 ? 4 * s.strokeWidth : s.hachureGap : s.dashGap,
+          o = [];
+        return t.forEach(function (t) {
+          var h = e(t),
+            _r4 = Math.floor(h / (n + a)),
+            i = (h + a - _r4 * (n + a)) / 2;
+          var c = t[0],
+            l = t[1];
+          c[0] > l[0] && (c = t[1], l = t[0]);
+          var u = Math.atan((l[1] - c[1]) / (l[0] - c[0]));
+          for (var _t10 = 0; _t10 < _r4; _t10++) {
+            var _e7 = _t10 * (n + a),
+              _h3 = _e7 + n,
+              _r5 = [c[0] + _e7 * Math.cos(u) + i * Math.cos(u), c[1] + _e7 * Math.sin(u) + i * Math.sin(u)],
+              _l2 = [c[0] + _h3 * Math.cos(u) + i * Math.cos(u), c[1] + _h3 * Math.sin(u) + i * Math.sin(u)];
+            o.push.apply(o, _toConsumableArray(_this.helper.doubleLineOps(_r5[0], _r5[1], _l2[0], _l2[1], s)));
+          }
+        }), o;
+      }
+    }]);
+    return r;
+  }();
+  var i = /*#__PURE__*/function () {
+    function i(t) {
+      _classCallCheck(this, i);
+      this.helper = t;
+    }
+    _createClass(i, [{
+      key: "fillPolygons",
+      value: function fillPolygons(t, e) {
+        var n = e.hachureGap < 0 ? 4 * e.strokeWidth : e.hachureGap,
+          a = e.zigzagOffset < 0 ? n : e.zigzagOffset,
+          o = s(t, e = Object.assign({}, e, {
+            hachureGap: n + a
+          }));
+        return {
+          type: "fillSketch",
+          ops: this.zigzagLines(o, a, e)
+        };
+      }
+    }, {
+      key: "zigzagLines",
+      value: function zigzagLines(t, s, n) {
+        var _this2 = this;
+        var a = [];
+        return t.forEach(function (t) {
+          var o = e(t),
+            h = Math.round(o / (2 * s));
+          var r = t[0],
+            _i4 = t[1];
+          r[0] > _i4[0] && (r = t[1], _i4 = t[0]);
+          var c = Math.atan((_i4[1] - r[1]) / (_i4[0] - r[0]));
+          for (var _t11 = 0; _t11 < h; _t11++) {
+            var _e8 = 2 * _t11 * s,
+              _o2 = 2 * (_t11 + 1) * s,
+              _h4 = Math.sqrt(2 * Math.pow(s, 2)),
+              _i5 = [r[0] + _e8 * Math.cos(c), r[1] + _e8 * Math.sin(c)],
+              _l3 = [r[0] + _o2 * Math.cos(c), r[1] + _o2 * Math.sin(c)],
+              _u2 = [_i5[0] + _h4 * Math.cos(c + Math.PI / 4), _i5[1] + _h4 * Math.sin(c + Math.PI / 4)];
+            a.push.apply(a, _toConsumableArray(_this2.helper.doubleLineOps(_i5[0], _i5[1], _u2[0], _u2[1], n)).concat(_toConsumableArray(_this2.helper.doubleLineOps(_u2[0], _u2[1], _l3[0], _l3[1], n))));
+          }
+        }), a;
+      }
+    }]);
+    return i;
+  }();
+  var c = {};
+  var l = /*#__PURE__*/function () {
+    function l(t) {
+      _classCallCheck(this, l);
+      this.seed = t;
+    }
+    _createClass(l, [{
+      key: "next",
+      value: function next() {
+        return this.seed ? (Math.pow(2, 31) - 1 & (this.seed = Math.imul(48271, this.seed))) / Math.pow(2, 31) : Math.random();
+      }
+    }]);
+    return l;
+  }();
+  var u = {
+    A: 7,
+    a: 7,
+    C: 6,
+    c: 6,
+    H: 1,
+    h: 1,
+    L: 2,
+    l: 2,
+    M: 2,
+    m: 2,
+    Q: 4,
+    q: 4,
+    S: 4,
+    s: 4,
+    T: 2,
+    t: 2,
+    V: 1,
+    v: 1,
+    Z: 0,
+    z: 0
+  };
+  function p(t, e) {
+    return t.type === e;
+  }
+  function f(t) {
+    var e = [],
+      s = function (t) {
+        var e = new Array();
+        for (; "" !== t;) if (t.match(/^([ \t\r\n,]+)/)) t = t.substr(RegExp.$1.length);else if (t.match(/^([aAcChHlLmMqQsStTvVzZ])/)) e[e.length] = {
+          type: 0,
+          text: RegExp.$1
+        }, t = t.substr(RegExp.$1.length);else {
+          if (!t.match(/^(([-+]?[0-9]+(\.[0-9]*)?|[-+]?\.[0-9]+)([eE][-+]?[0-9]+)?)/)) return [];
+          e[e.length] = {
+            type: 1,
+            text: "".concat(parseFloat(RegExp.$1))
+          }, t = t.substr(RegExp.$1.length);
+        }
+        return e[e.length] = {
+          type: 2,
+          text: ""
+        }, e;
+      }(t);
+    var n = "BOD",
+      a = 0,
+      o = s[a];
+    for (; !p(o, 2);) {
+      var _h5 = 0;
+      var _r6 = [];
+      if ("BOD" === n) {
+        if ("M" !== o.text && "m" !== o.text) return f("M0,0" + t);
+        a++, _h5 = u[o.text], n = o.text;
+      } else p(o, 1) ? _h5 = u[n] : (a++, _h5 = u[o.text], n = o.text);
+      if (!(a + _h5 < s.length)) throw new Error("Path data ended short");
+      for (var _t12 = a; _t12 < a + _h5; _t12++) {
+        var _e9 = s[_t12];
+        if (!p(_e9, 1)) throw new Error("Param not a number: " + n + "," + _e9.text);
+        _r6[_r6.length] = +_e9.text;
+      }
+      if ("number" != typeof u[n]) throw new Error("Bad segment: " + n);
+      {
+        var _t13 = {
+          key: n,
+          data: _r6
+        };
+        e.push(_t13), a += _h5, o = s[a], "M" === n && (n = "L"), "m" === n && (n = "l");
+      }
+    }
+    return e;
+  }
+  function d(t) {
+    var _r8, _r9, _r10;
+    var e = 0,
+      s = 0,
+      n = 0,
+      a = 0;
+    var o = [];
+    var _iterator7 = _createForOfIteratorHelper(t),
+      _step7;
+    try {
+      for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
+        var _step7$value = _step7.value,
+          _h6 = _step7$value.key,
+          _r7 = _step7$value.data;
+        switch (_h6) {
+          case "M":
+            o.push({
+              key: "M",
+              data: _toConsumableArray(_r7)
+            }), (_r8 = _slicedToArray(_r7, 2), e = _r8[0], s = _r8[1]), (_r9 = _slicedToArray(_r7, 2), n = _r9[0], a = _r9[1]);
+            break;
+          case "m":
+            e += _r7[0], s += _r7[1], o.push({
+              key: "M",
+              data: [e, s]
+            }), n = e, a = s;
+            break;
+          case "L":
+            o.push({
+              key: "L",
+              data: _toConsumableArray(_r7)
+            }), (_r10 = _slicedToArray(_r7, 2), e = _r10[0], s = _r10[1]);
+            break;
+          case "l":
+            e += _r7[0], s += _r7[1], o.push({
+              key: "L",
+              data: [e, s]
+            });
+            break;
+          case "C":
+            o.push({
+              key: "C",
+              data: _toConsumableArray(_r7)
+            }), e = _r7[4], s = _r7[5];
+            break;
+          case "c":
+            {
+              var _t14 = _r7.map(function (t, n) {
+                return n % 2 ? t + s : t + e;
+              });
+              o.push({
+                key: "C",
+                data: _t14
+              }), e = _t14[4], s = _t14[5];
+              break;
+            }
+          case "Q":
+            o.push({
+              key: "Q",
+              data: _toConsumableArray(_r7)
+            }), e = _r7[2], s = _r7[3];
+            break;
+          case "q":
+            {
+              var _t15 = _r7.map(function (t, n) {
+                return n % 2 ? t + s : t + e;
+              });
+              o.push({
+                key: "Q",
+                data: _t15
+              }), e = _t15[2], s = _t15[3];
+              break;
+            }
+          case "A":
+            o.push({
+              key: "A",
+              data: _toConsumableArray(_r7)
+            }), e = _r7[5], s = _r7[6];
+            break;
+          case "a":
+            e += _r7[5], s += _r7[6], o.push({
+              key: "A",
+              data: [_r7[0], _r7[1], _r7[2], _r7[3], _r7[4], e, s]
+            });
+            break;
+          case "H":
+            o.push({
+              key: "H",
+              data: _toConsumableArray(_r7)
+            }), e = _r7[0];
+            break;
+          case "h":
+            e += _r7[0], o.push({
+              key: "H",
+              data: [e]
+            });
+            break;
+          case "V":
+            o.push({
+              key: "V",
+              data: _toConsumableArray(_r7)
+            }), s = _r7[0];
+            break;
+          case "v":
+            s += _r7[0], o.push({
+              key: "V",
+              data: [s]
+            });
+            break;
+          case "S":
+            o.push({
+              key: "S",
+              data: _toConsumableArray(_r7)
+            }), e = _r7[2], s = _r7[3];
+            break;
+          case "s":
+            {
+              var _t16 = _r7.map(function (t, n) {
+                return n % 2 ? t + s : t + e;
+              });
+              o.push({
+                key: "S",
+                data: _t16
+              }), e = _t16[2], s = _t16[3];
+              break;
+            }
+          case "T":
+            o.push({
+              key: "T",
+              data: _toConsumableArray(_r7)
+            }), e = _r7[0], s = _r7[1];
+            break;
+          case "t":
+            e += _r7[0], s += _r7[1], o.push({
+              key: "T",
+              data: [e, s]
+            });
+            break;
+          case "Z":
+          case "z":
+            o.push({
+              key: "Z",
+              data: []
+            }), e = n, s = a;
+        }
+      }
+    } catch (err) {
+      _iterator7.e(err);
+    } finally {
+      _iterator7.f();
+    }
+    return o;
+  }
+  function g(t) {
+    var _l5, _l6, _l7;
+    var e = [];
+    var s = "",
+      n = 0,
+      a = 0,
+      o = 0,
+      h = 0,
+      r = 0,
+      i = 0;
+    var _iterator8 = _createForOfIteratorHelper(t),
+      _step8;
+    try {
+      for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
+        var _step8$value = _step8.value,
+          _c3 = _step8$value.key,
+          _l4 = _step8$value.data;
+        switch (_c3) {
+          case "M":
+            e.push({
+              key: "M",
+              data: _toConsumableArray(_l4)
+            }), (_l5 = _slicedToArray(_l4, 2), n = _l5[0], a = _l5[1]), (_l6 = _slicedToArray(_l4, 2), o = _l6[0], h = _l6[1]);
+            break;
+          case "C":
+            e.push({
+              key: "C",
+              data: _toConsumableArray(_l4)
+            }), n = _l4[4], a = _l4[5], r = _l4[2], i = _l4[3];
+            break;
+          case "L":
+            e.push({
+              key: "L",
+              data: _toConsumableArray(_l4)
+            }), (_l7 = _slicedToArray(_l4, 2), n = _l7[0], a = _l7[1]);
+            break;
+          case "H":
+            n = _l4[0], e.push({
+              key: "L",
+              data: [n, a]
+            });
+            break;
+          case "V":
+            a = _l4[0], e.push({
+              key: "L",
+              data: [n, a]
+            });
+            break;
+          case "S":
+            {
+              var _t17 = 0,
+                _o3 = 0;
+              "C" === s || "S" === s ? (_t17 = n + (n - r), _o3 = a + (a - i)) : (_t17 = n, _o3 = a), e.push({
+                key: "C",
+                data: [_t17, _o3].concat(_toConsumableArray(_l4))
+              }), r = _l4[0], i = _l4[1], n = _l4[2], a = _l4[3];
+              break;
+            }
+          case "T":
+            {
+              var _l8 = _slicedToArray(_l4, 2),
+                _t18 = _l8[0],
+                _o4 = _l8[1];
+              var _h7 = 0,
+                _c4 = 0;
+              "Q" === s || "T" === s ? (_h7 = n + (n - r), _c4 = a + (a - i)) : (_h7 = n, _c4 = a);
+              var _u3 = n + 2 * (_h7 - n) / 3,
+                _p2 = a + 2 * (_c4 - a) / 3,
+                _f = _t18 + 2 * (_h7 - _t18) / 3,
+                _d = _o4 + 2 * (_c4 - _o4) / 3;
+              e.push({
+                key: "C",
+                data: [_u3, _p2, _f, _d, _t18, _o4]
+              }), r = _h7, i = _c4, n = _t18, a = _o4;
+              break;
+            }
+          case "Q":
+            {
+              var _l9 = _slicedToArray(_l4, 4),
+                _t19 = _l9[0],
+                _s7 = _l9[1],
+                _o5 = _l9[2],
+                _h8 = _l9[3],
+                _c5 = n + 2 * (_t19 - n) / 3,
+                _u4 = a + 2 * (_s7 - a) / 3,
+                _p3 = _o5 + 2 * (_t19 - _o5) / 3,
+                _f2 = _h8 + 2 * (_s7 - _h8) / 3;
+              e.push({
+                key: "C",
+                data: [_c5, _u4, _p3, _f2, _o5, _h8]
+              }), r = _t19, i = _s7, n = _o5, a = _h8;
+              break;
+            }
+          case "A":
+            {
+              var _t20 = Math.abs(_l4[0]),
+                _s8 = Math.abs(_l4[1]),
+                _o6 = _l4[2],
+                _h9 = _l4[3],
+                _r11 = _l4[4],
+                _i6 = _l4[5],
+                _c6 = _l4[6];
+              if (0 === _t20 || 0 === _s8) e.push({
+                key: "C",
+                data: [n, a, _i6, _c6, _i6, _c6]
+              }), n = _i6, a = _c6;else if (n !== _i6 || a !== _c6) {
+                k(n, a, _i6, _c6, _t20, _s8, _o6, _h9, _r11).forEach(function (t) {
+                  e.push({
+                    key: "C",
+                    data: t
+                  });
+                }), n = _i6, a = _c6;
+              }
+              break;
+            }
+          case "Z":
+            e.push({
+              key: "Z",
+              data: []
+            }), n = o, a = h;
+        }
+        s = _c3;
+      }
+    } catch (err) {
+      _iterator8.e(err);
+    } finally {
+      _iterator8.f();
+    }
+    return e;
+  }
+  function M(t, e, s) {
+    return [t * Math.cos(s) - e * Math.sin(s), t * Math.sin(s) + e * Math.cos(s)];
+  }
+  function k(t, e, s, n, a, o, h, r, i, c) {
+    var l = (u = h, Math.PI * u / 180);
+    var u;
+    var p = [],
+      f = 0,
+      d = 0,
+      g = 0,
+      b = 0;
+    if (c) {
+      var _c7 = _slicedToArray(c, 4);
+      f = _c7[0];
+      d = _c7[1];
+      g = _c7[2];
+      b = _c7[3];
+    } else {
+      var _M, _M2, _M3, _M4;
+      (_M = M(t, e, -l), _M2 = _slicedToArray(_M, 2), t = _M2[0], e = _M2[1]), (_M3 = M(s, n, -l), _M4 = _slicedToArray(_M3, 2), s = _M4[0], n = _M4[1]);
+      var _h10 = (t - s) / 2,
+        _c8 = (e - n) / 2;
+      var _u5 = _h10 * _h10 / (a * a) + _c8 * _c8 / (o * o);
+      _u5 > 1 && (_u5 = Math.sqrt(_u5), a *= _u5, o *= _u5);
+      var _p4 = a * a,
+        _k = o * o,
+        _y = _p4 * _k - _p4 * _c8 * _c8 - _k * _h10 * _h10,
+        _m = _p4 * _c8 * _c8 + _k * _h10 * _h10,
+        _w = (r === i ? -1 : 1) * Math.sqrt(Math.abs(_y / _m));
+      g = _w * a * _c8 / o + (t + s) / 2, b = _w * -o * _h10 / a + (e + n) / 2, f = Math.asin(parseFloat(((e - b) / o).toFixed(9))), d = Math.asin(parseFloat(((n - b) / o).toFixed(9))), t < g && (f = Math.PI - f), s < g && (d = Math.PI - d), f < 0 && (f = 2 * Math.PI + f), d < 0 && (d = 2 * Math.PI + d), i && f > d && (f -= 2 * Math.PI), !i && d > f && (d -= 2 * Math.PI);
+    }
+    var y = d - f;
+    if (Math.abs(y) > 120 * Math.PI / 180) {
+      var _t21 = d,
+        _e10 = s,
+        _r12 = n;
+      d = i && d > f ? f + 120 * Math.PI / 180 * 1 : f + 120 * Math.PI / 180 * -1, p = k(s = g + a * Math.cos(d), n = b + o * Math.sin(d), _e10, _r12, a, o, h, 0, i, [d, _t21, g, b]);
+    }
+    y = d - f;
+    var m = Math.cos(f),
+      w = Math.sin(f),
+      x = Math.cos(d),
+      P = Math.sin(d),
+      v = Math.tan(y / 4),
+      O = 4 / 3 * a * v,
+      S = 4 / 3 * o * v,
+      L = [t, e],
+      T = [t + O * w, e - S * m],
+      D = [s + O * P, n - S * x],
+      A = [s, n];
+    if (T[0] = 2 * L[0] - T[0], T[1] = 2 * L[1] - T[1], c) return [T, D, A].concat(p);
+    {
+      p = [T, D, A].concat(p);
+      var _t22 = [];
+      for (var _e11 = 0; _e11 < p.length; _e11 += 3) {
+        var _s9 = M(p[_e11][0], p[_e11][1], l),
+          _n7 = M(p[_e11 + 1][0], p[_e11 + 1][1], l),
+          _a4 = M(p[_e11 + 2][0], p[_e11 + 2][1], l);
+        _t22.push([_s9[0], _s9[1], _n7[0], _n7[1], _a4[0], _a4[1]]);
+      }
+      return _t22;
+    }
+  }
+  var b = {
+    randOffset: function randOffset(t, e) {
+      return A(t, e);
+    },
+    randOffsetWithRange: function randOffsetWithRange(t, e, s) {
+      return D(t, e, s);
+    },
+    ellipse: function ellipse(t, e, s, n, a) {
+      var o = P(s, n, a);
+      return v(t, e, a, o).opset;
+    },
+    doubleLineOps: function doubleLineOps(t, e, s, n, a) {
+      return I(t, e, s, n, a, !0);
+    }
+  };
+  function y(t, e, s, n, a) {
+    return {
+      type: "path",
+      ops: I(t, e, s, n, a)
+    };
+  }
+  function m(t, e, s) {
+    var n = (t || []).length;
+    if (n > 2) {
+      var _a5 = [];
+      for (var _e12 = 0; _e12 < n - 1; _e12++) _a5.push.apply(_a5, _toConsumableArray(I(t[_e12][0], t[_e12][1], t[_e12 + 1][0], t[_e12 + 1][1], s)));
+      return e && _a5.push.apply(_a5, _toConsumableArray(I(t[n - 1][0], t[n - 1][1], t[0][0], t[0][1], s))), {
+        type: "path",
+        ops: _a5
+      };
+    }
+    return 2 === n ? y(t[0][0], t[0][1], t[1][0], t[1][1], s) : {
+      type: "path",
+      ops: []
+    };
+  }
+  function w(t, e, s, n, a) {
+    return function (t, e) {
+      return m(t, !0, e);
+    }([[t, e], [t + s, e], [t + s, e + n], [t, e + n]], a);
+  }
+  function x(t, e) {
+    var s = _(t, 1 * (1 + .2 * e.roughness), e);
+    if (!e.disableMultiStroke) {
+      var _n8 = _(t, 1.5 * (1 + .22 * e.roughness), function (t) {
+        var e = Object.assign({}, t);
+        e.randomizer = void 0, t.seed && (e.seed = t.seed + 1);
+        return e;
+      }(e));
+      s = s.concat(_n8);
+    }
+    return {
+      type: "path",
+      ops: s
+    };
+  }
+  function P(t, e, s) {
+    var n = Math.sqrt(2 * Math.PI * Math.sqrt((Math.pow(t / 2, 2) + Math.pow(e / 2, 2)) / 2)),
+      a = Math.ceil(Math.max(s.curveStepCount, s.curveStepCount / Math.sqrt(200) * n)),
+      o = 2 * Math.PI / a;
+    var h = Math.abs(t / 2),
+      r = Math.abs(e / 2);
+    var i = 1 - s.curveFitting;
+    return h += A(h * i, s), r += A(r * i, s), {
+      increment: o,
+      rx: h,
+      ry: r
+    };
+  }
+  function v(t, e, s, n) {
+    var _z = z(n.increment, t, e, n.rx, n.ry, 1, n.increment * D(.1, D(.4, 1, s), s), s),
+      _z2 = _slicedToArray(_z, 2),
+      a = _z2[0],
+      o = _z2[1];
+    var h = W(a, null, s);
+    if (!s.disableMultiStroke && 0 !== s.roughness) {
+      var _z3 = z(n.increment, t, e, n.rx, n.ry, 1.5, 0, s),
+        _z4 = _slicedToArray(_z3, 1),
+        _a6 = _z4[0],
+        _o7 = W(_a6, null, s);
+      h = h.concat(_o7);
+    }
+    return {
+      estimatedPoints: o,
+      opset: {
+        type: "path",
+        ops: h
+      }
+    };
+  }
+  function O(t, e, s, n, a, o, h, r, i) {
+    var c = t,
+      l = e;
+    var u = Math.abs(s / 2),
+      p = Math.abs(n / 2);
+    u += A(.01 * u, i), p += A(.01 * p, i);
+    var f = a,
+      d = o;
+    for (; f < 0;) f += 2 * Math.PI, d += 2 * Math.PI;
+    d - f > 2 * Math.PI && (f = 0, d = 2 * Math.PI);
+    var g = 2 * Math.PI / i.curveStepCount,
+      M = Math.min(g / 2, (d - f) / 2),
+      k = E(M, c, l, u, p, f, d, 1, i);
+    if (!i.disableMultiStroke) {
+      var _t23 = E(M, c, l, u, p, f, d, 1.5, i);
+      k.push.apply(k, _toConsumableArray(_t23));
+    }
+    return h && (r ? k.push.apply(k, _toConsumableArray(I(c, l, c + u * Math.cos(f), l + p * Math.sin(f), i)).concat(_toConsumableArray(I(c, l, c + u * Math.cos(d), l + p * Math.sin(d), i)))) : k.push({
+      op: "lineTo",
+      data: [c, l]
+    }, {
+      op: "lineTo",
+      data: [c + u * Math.cos(f), l + p * Math.sin(f)]
+    })), {
+      type: "path",
+      ops: k
+    };
+  }
+  function S(t, e) {
+    var s = [];
+    var _iterator9 = _createForOfIteratorHelper(t),
+      _step9;
+    try {
+      for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
+        var _n9 = _step9.value;
+        if (_n9.length) {
+          var _t24 = e.maxRandomnessOffset || 0,
+            _a7 = _n9.length;
+          if (_a7 > 2) {
+            s.push({
+              op: "move",
+              data: [_n9[0][0] + A(_t24, e), _n9[0][1] + A(_t24, e)]
+            });
+            for (var _o8 = 1; _o8 < _a7; _o8++) s.push({
+              op: "lineTo",
+              data: [_n9[_o8][0] + A(_t24, e), _n9[_o8][1] + A(_t24, e)]
+            });
+          }
+        }
+      }
+    } catch (err) {
+      _iterator9.e(err);
+    } finally {
+      _iterator9.f();
+    }
+    return {
+      type: "fillPath",
+      ops: s
+    };
+  }
+  function L(t, e) {
+    return function (t, e) {
+      var s = t.fillStyle || "hachure";
+      if (!c[s]) switch (s) {
+        case "zigzag":
+          c[s] || (c[s] = new a(e));
+          break;
+        case "cross-hatch":
+          c[s] || (c[s] = new o(e));
+          break;
+        case "dots":
+          c[s] || (c[s] = new h(e));
+          break;
+        case "dashed":
+          c[s] || (c[s] = new r(e));
+          break;
+        case "zigzag-line":
+          c[s] || (c[s] = new i(e));
+          break;
+        case "hachure":
+        default:
+          s = "hachure", c[s] || (c[s] = new n(e));
+      }
+      return c[s];
+    }(e, b).fillPolygons(t, e);
+  }
+  function T(t) {
+    return t.randomizer || (t.randomizer = new l(t.seed || 0)), t.randomizer.next();
+  }
+  function D(t, e, s) {
+    var n = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+    return s.roughness * n * (T(s) * (e - t) + t);
+  }
+  function A(t, e) {
+    var s = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+    return D(-t, t, e, s);
+  }
+  function I(t, e, s, n, a) {
+    var o = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : !1;
+    var h = o ? a.disableMultiStrokeFill : a.disableMultiStroke,
+      r = C(t, e, s, n, a, !0, !1);
+    if (h) return r;
+    var i = C(t, e, s, n, a, !0, !0);
+    return r.concat(i);
+  }
+  function C(t, e, s, n, a, o, h) {
+    var r = Math.pow(t - s, 2) + Math.pow(e - n, 2),
+      i = Math.sqrt(r);
+    var c = 1;
+    c = i < 200 ? 1 : i > 500 ? .4 : -.0016668 * i + 1.233334;
+    var l = a.maxRandomnessOffset || 0;
+    l * l * 100 > r && (l = i / 10);
+    var u = l / 2,
+      p = .2 + .2 * T(a);
+    var f = a.bowing * a.maxRandomnessOffset * (n - e) / 200,
+      d = a.bowing * a.maxRandomnessOffset * (t - s) / 200;
+    f = A(f, a, c), d = A(d, a, c);
+    var g = [],
+      M = function M() {
+        return A(u, a, c);
+      },
+      k = function k() {
+        return A(l, a, c);
+      },
+      b = a.preserveVertices;
+    return o && (h ? g.push({
+      op: "move",
+      data: [t + (b ? 0 : M()), e + (b ? 0 : M())]
+    }) : g.push({
+      op: "move",
+      data: [t + (b ? 0 : A(l, a, c)), e + (b ? 0 : A(l, a, c))]
+    })), h ? g.push({
+      op: "bcurveTo",
+      data: [f + t + (s - t) * p + M(), d + e + (n - e) * p + M(), f + t + 2 * (s - t) * p + M(), d + e + 2 * (n - e) * p + M(), s + (b ? 0 : M()), n + (b ? 0 : M())]
+    }) : g.push({
+      op: "bcurveTo",
+      data: [f + t + (s - t) * p + k(), d + e + (n - e) * p + k(), f + t + 2 * (s - t) * p + k(), d + e + 2 * (n - e) * p + k(), s + (b ? 0 : k()), n + (b ? 0 : k())]
+    }), g;
+  }
+  function _(t, e, s) {
+    var n = [];
+    n.push([t[0][0] + A(e, s), t[0][1] + A(e, s)]), n.push([t[0][0] + A(e, s), t[0][1] + A(e, s)]);
+    for (var _a8 = 1; _a8 < t.length; _a8++) n.push([t[_a8][0] + A(e, s), t[_a8][1] + A(e, s)]), _a8 === t.length - 1 && n.push([t[_a8][0] + A(e, s), t[_a8][1] + A(e, s)]);
+    return W(n, null, s);
+  }
+  function W(t, e, s) {
+    var n = t.length,
+      a = [];
+    if (n > 3) {
+      var _o9 = [],
+        _h11 = 1 - s.curveTightness;
+      a.push({
+        op: "move",
+        data: [t[1][0], t[1][1]]
+      });
+      for (var _e13 = 1; _e13 + 2 < n; _e13++) {
+        var _s10 = t[_e13];
+        _o9[0] = [_s10[0], _s10[1]], _o9[1] = [_s10[0] + (_h11 * t[_e13 + 1][0] - _h11 * t[_e13 - 1][0]) / 6, _s10[1] + (_h11 * t[_e13 + 1][1] - _h11 * t[_e13 - 1][1]) / 6], _o9[2] = [t[_e13 + 1][0] + (_h11 * t[_e13][0] - _h11 * t[_e13 + 2][0]) / 6, t[_e13 + 1][1] + (_h11 * t[_e13][1] - _h11 * t[_e13 + 2][1]) / 6], _o9[3] = [t[_e13 + 1][0], t[_e13 + 1][1]], a.push({
+          op: "bcurveTo",
+          data: [_o9[1][0], _o9[1][1], _o9[2][0], _o9[2][1], _o9[3][0], _o9[3][1]]
+        });
+      }
+      if (e && 2 === e.length) {
+        var _t25 = s.maxRandomnessOffset;
+        a.push({
+          op: "lineTo",
+          data: [e[0] + A(_t25, s), e[1] + A(_t25, s)]
+        });
+      }
+    } else 3 === n ? (a.push({
+      op: "move",
+      data: [t[1][0], t[1][1]]
+    }), a.push({
+      op: "bcurveTo",
+      data: [t[1][0], t[1][1], t[2][0], t[2][1], t[2][0], t[2][1]]
+    })) : 2 === n && a.push.apply(a, _toConsumableArray(I(t[0][0], t[0][1], t[1][0], t[1][1], s)));
+    return a;
+  }
+  function z(t, e, s, n, a, o, h, r) {
+    var i = [],
+      c = [];
+    if (0 === r.roughness) {
+      t /= 4, c.push([e + n * Math.cos(-t), s + a * Math.sin(-t)]);
+      for (var _o10 = 0; _o10 <= 2 * Math.PI; _o10 += t) {
+        var _t26 = [e + n * Math.cos(_o10), s + a * Math.sin(_o10)];
+        i.push(_t26), c.push(_t26);
+      }
+      c.push([e + n * Math.cos(0), s + a * Math.sin(0)]), c.push([e + n * Math.cos(t), s + a * Math.sin(t)]);
+    } else {
+      var _l10 = A(.5, r) - Math.PI / 2;
+      c.push([A(o, r) + e + .9 * n * Math.cos(_l10 - t), A(o, r) + s + .9 * a * Math.sin(_l10 - t)]);
+      var _u6 = 2 * Math.PI + _l10 - .01;
+      for (var _h12 = _l10; _h12 < _u6; _h12 += t) {
+        var _t27 = [A(o, r) + e + n * Math.cos(_h12), A(o, r) + s + a * Math.sin(_h12)];
+        i.push(_t27), c.push(_t27);
+      }
+      c.push([A(o, r) + e + n * Math.cos(_l10 + 2 * Math.PI + .5 * h), A(o, r) + s + a * Math.sin(_l10 + 2 * Math.PI + .5 * h)]), c.push([A(o, r) + e + .98 * n * Math.cos(_l10 + h), A(o, r) + s + .98 * a * Math.sin(_l10 + h)]), c.push([A(o, r) + e + .9 * n * Math.cos(_l10 + .5 * h), A(o, r) + s + .9 * a * Math.sin(_l10 + .5 * h)]);
+    }
+    return [c, i];
+  }
+  function E(t, e, s, n, a, o, h, r, i) {
+    var c = o + A(.1, i),
+      l = [];
+    l.push([A(r, i) + e + .9 * n * Math.cos(c - t), A(r, i) + s + .9 * a * Math.sin(c - t)]);
+    for (var _o11 = c; _o11 <= h; _o11 += t) l.push([A(r, i) + e + n * Math.cos(_o11), A(r, i) + s + a * Math.sin(_o11)]);
+    return l.push([e + n * Math.cos(h), s + a * Math.sin(h)]), l.push([e + n * Math.cos(h), s + a * Math.sin(h)]), W(l, null, i);
+  }
+  function $(t, e, s, n, a, o, h, r) {
+    var i = [],
+      c = [r.maxRandomnessOffset || 1, (r.maxRandomnessOffset || 1) + .3];
+    var l = [0, 0];
+    var u = r.disableMultiStroke ? 1 : 2,
+      p = r.preserveVertices;
+    for (var _f3 = 0; _f3 < u; _f3++) 0 === _f3 ? i.push({
+      op: "move",
+      data: [h[0], h[1]]
+    }) : i.push({
+      op: "move",
+      data: [h[0] + (p ? 0 : A(c[0], r)), h[1] + (p ? 0 : A(c[0], r))]
+    }), l = p ? [a, o] : [a + A(c[_f3], r), o + A(c[_f3], r)], i.push({
+      op: "bcurveTo",
+      data: [t + A(c[_f3], r), e + A(c[_f3], r), s + A(c[_f3], r), n + A(c[_f3], r), l[0], l[1]]
+    });
+    return i;
+  }
+  function G(t) {
+    return _toConsumableArray(t);
+  }
+  function R(t, e) {
+    return Math.pow(t[0] - e[0], 2) + Math.pow(t[1] - e[1], 2);
+  }
+  function q(t, e, s) {
+    var n = R(e, s);
+    if (0 === n) return R(t, e);
+    var a = ((t[0] - e[0]) * (s[0] - e[0]) + (t[1] - e[1]) * (s[1] - e[1])) / n;
+    return a = Math.max(0, Math.min(1, a)), R(t, j(e, s, a));
+  }
+  function j(t, e, s) {
+    return [t[0] + (e[0] - t[0]) * s, t[1] + (e[1] - t[1]) * s];
+  }
+  function F(t, e, s, n) {
+    var a = n || [];
+    if (function (t, e) {
+      var s = t[e + 0],
+        n = t[e + 1],
+        a = t[e + 2],
+        o = t[e + 3];
+      var h = 3 * n[0] - 2 * s[0] - o[0];
+      h *= h;
+      var r = 3 * n[1] - 2 * s[1] - o[1];
+      r *= r;
+      var i = 3 * a[0] - 2 * o[0] - s[0];
+      i *= i;
+      var c = 3 * a[1] - 2 * o[1] - s[1];
+      return c *= c, h < i && (h = i), r < c && (r = c), h + r;
+    }(t, e) < s) {
+      var _s11 = t[e + 0];
+      if (a.length) {
+        (o = a[a.length - 1], h = _s11, Math.sqrt(R(o, h))) > 1 && a.push(_s11);
+      } else a.push(_s11);
+      a.push(t[e + 3]);
+    } else {
+      var _n10 = .5,
+        _o12 = t[e + 0],
+        _h13 = t[e + 1],
+        _r13 = t[e + 2],
+        _i7 = t[e + 3],
+        _c9 = j(_o12, _h13, _n10),
+        _l11 = j(_h13, _r13, _n10),
+        _u7 = j(_r13, _i7, _n10),
+        _p5 = j(_c9, _l11, _n10),
+        _f4 = j(_l11, _u7, _n10),
+        _d2 = j(_p5, _f4, _n10);
+      F([_o12, _c9, _p5, _d2], 0, s, a), F([_d2, _f4, _u7, _i7], 0, s, a);
+    }
+    var o, h;
+    return a;
+  }
+  function V(t, e) {
+    return Z(t, 0, t.length, e);
+  }
+  function Z(t, e, s, n, a) {
+    var o = a || [],
+      h = t[e],
+      r = t[s - 1];
+    var i = 0,
+      c = 1;
+    for (var _n11 = e + 1; _n11 < s - 1; ++_n11) {
+      var _e14 = q(t[_n11], h, r);
+      _e14 > i && (i = _e14, c = _n11);
+    }
+    return Math.sqrt(i) > n ? (Z(t, e, c + 1, n, o), Z(t, c, s, n, o)) : (o.length || o.push(h), o.push(r)), o;
+  }
+  function Q(t) {
+    var e = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : .15;
+    var s = arguments.length > 2 ? arguments[2] : undefined;
+    var n = [],
+      a = (t.length - 1) / 3;
+    for (var _s12 = 0; _s12 < a; _s12++) {
+      F(t, 3 * _s12, e, n);
+    }
+    return s && s > 0 ? Z(n, 0, n.length, s) : n;
+  }
+  var H = "none";
+  var N = /*#__PURE__*/function () {
+    function N(t) {
+      _classCallCheck(this, N);
+      this.defaultOptions = {
+        maxRandomnessOffset: 2,
+        roughness: 1,
+        bowing: 1,
+        stroke: "#000",
+        strokeWidth: 1,
+        curveTightness: 0,
+        curveFitting: .95,
+        curveStepCount: 9,
+        fillStyle: "hachure",
+        fillWeight: -1,
+        hachureAngle: -41,
+        hachureGap: -1,
+        dashOffset: -1,
+        dashGap: -1,
+        zigzagOffset: -1,
+        seed: 0,
+        disableMultiStroke: !1,
+        disableMultiStrokeFill: !1,
+        preserveVertices: !1
+      }, this.config = t || {}, this.config.options && (this.defaultOptions = this._o(this.config.options));
+    }
+    _createClass(N, [{
+      key: "_o",
+      value: function _o(t) {
+        return t ? Object.assign({}, this.defaultOptions, t) : this.defaultOptions;
+      }
+    }, {
+      key: "_d",
+      value: function _d(t, e, s) {
+        return {
+          shape: t,
+          sets: e || [],
+          options: s || this.defaultOptions
+        };
+      }
+    }, {
+      key: "line",
+      value: function line(t, e, s, n, a) {
+        var o = this._o(a);
+        return this._d("line", [y(t, e, s, n, o)], o);
+      }
+    }, {
+      key: "rectangle",
+      value: function rectangle(t, e, s, n, a) {
+        var o = this._o(a),
+          h = [],
+          r = w(t, e, s, n, o);
+        if (o.fill) {
+          var _a9 = [[t, e], [t + s, e], [t + s, e + n], [t, e + n]];
+          "solid" === o.fillStyle ? h.push(S([_a9], o)) : h.push(L([_a9], o));
+        }
+        return o.stroke !== H && h.push(r), this._d("rectangle", h, o);
+      }
+    }, {
+      key: "ellipse",
+      value: function ellipse(t, e, s, n, a) {
+        var o = this._o(a),
+          h = [],
+          r = P(s, n, o),
+          i = v(t, e, o, r);
+        if (o.fill) if ("solid" === o.fillStyle) {
+          var _s13 = v(t, e, o, r).opset;
+          _s13.type = "fillPath", h.push(_s13);
+        } else h.push(L([i.estimatedPoints], o));
+        return o.stroke !== H && h.push(i.opset), this._d("ellipse", h, o);
+      }
+    }, {
+      key: "circle",
+      value: function circle(t, e, s, n) {
+        var a = this.ellipse(t, e, s, s, n);
+        return a.shape = "circle", a;
+      }
+    }, {
+      key: "linearPath",
+      value: function linearPath(t, e) {
+        var s = this._o(e);
+        return this._d("linearPath", [m(t, !1, s)], s);
+      }
+    }, {
+      key: "arc",
+      value: function arc(t, e, s, n, a, o) {
+        var h = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : !1;
+        var r = arguments.length > 7 ? arguments[7] : undefined;
+        var i = this._o(r),
+          c = [],
+          l = O(t, e, s, n, a, o, h, !0, i);
+        if (h && i.fill) if ("solid" === i.fillStyle) {
+          var _h14 = Object.assign({}, i);
+          _h14.disableMultiStroke = !0;
+          var _r14 = O(t, e, s, n, a, o, !0, !1, _h14);
+          _r14.type = "fillPath", c.push(_r14);
+        } else c.push(function (t, e, s, n, a, o, h) {
+          var r = t,
+            i = e;
+          var c = Math.abs(s / 2),
+            l = Math.abs(n / 2);
+          c += A(.01 * c, h), l += A(.01 * l, h);
+          var u = a,
+            p = o;
+          for (; u < 0;) u += 2 * Math.PI, p += 2 * Math.PI;
+          p - u > 2 * Math.PI && (u = 0, p = 2 * Math.PI);
+          var f = (p - u) / h.curveStepCount,
+            d = [];
+          for (var _t28 = u; _t28 <= p; _t28 += f) d.push([r + c * Math.cos(_t28), i + l * Math.sin(_t28)]);
+          return d.push([r + c * Math.cos(p), i + l * Math.sin(p)]), d.push([r, i]), L([d], h);
+        }(t, e, s, n, a, o, i));
+        return i.stroke !== H && c.push(l), this._d("arc", c, i);
+      }
+    }, {
+      key: "curve",
+      value: function curve(t, e) {
+        var s = this._o(e),
+          n = [],
+          a = x(t, s);
+        if (s.fill && s.fill !== H && t.length >= 3) {
+          var _e15 = Q(function (t) {
+            var e = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+            var s = t.length;
+            if (s < 3) throw new Error("A curve must have at least three points.");
+            var n = [];
+            if (3 === s) n.push(G(t[0]), G(t[1]), G(t[2]), G(t[2]));else {
+              var _s14 = [];
+              _s14.push(t[0], t[0]);
+              for (var _e16 = 1; _e16 < t.length; _e16++) _s14.push(t[_e16]), _e16 === t.length - 1 && _s14.push(t[_e16]);
+              var _a10 = [],
+                _o13 = 1 - e;
+              n.push(G(_s14[0]));
+              for (var _t29 = 1; _t29 + 2 < _s14.length; _t29++) {
+                var _e17 = _s14[_t29];
+                _a10[0] = [_e17[0], _e17[1]], _a10[1] = [_e17[0] + (_o13 * _s14[_t29 + 1][0] - _o13 * _s14[_t29 - 1][0]) / 6, _e17[1] + (_o13 * _s14[_t29 + 1][1] - _o13 * _s14[_t29 - 1][1]) / 6], _a10[2] = [_s14[_t29 + 1][0] + (_o13 * _s14[_t29][0] - _o13 * _s14[_t29 + 2][0]) / 6, _s14[_t29 + 1][1] + (_o13 * _s14[_t29][1] - _o13 * _s14[_t29 + 2][1]) / 6], _a10[3] = [_s14[_t29 + 1][0], _s14[_t29 + 1][1]], n.push(_a10[1], _a10[2], _a10[3]);
+              }
+            }
+            return n;
+          }(t), 10, (1 + s.roughness) / 2);
+          "solid" === s.fillStyle ? n.push(S([_e15], s)) : n.push(L([_e15], s));
+        }
+        return s.stroke !== H && n.push(a), this._d("curve", n, s);
+      }
+    }, {
+      key: "polygon",
+      value: function polygon(t, e) {
+        var s = this._o(e),
+          n = [],
+          a = m(t, !0, s);
+        return s.fill && ("solid" === s.fillStyle ? n.push(S([t], s)) : n.push(L([t], s))), s.stroke !== H && n.push(a), this._d("polygon", n, s);
+      }
+    }, {
+      key: "path",
+      value: function path(t, e) {
+        var s = this._o(e),
+          n = [];
+        if (!t) return this._d("path", n, s);
+        t = (t || "").replace(/\n/g, " ").replace(/(-\s)/g, "-").replace("/(ss)/g", " ");
+        var a = s.fill && "transparent" !== s.fill && s.fill !== H,
+          o = s.stroke !== H,
+          h = !!(s.simplification && s.simplification < 1),
+          r = function (t, e, s) {
+            var n = g(d(f(t))),
+              a = [];
+            var o = [],
+              h = [0, 0],
+              r = [];
+            var i = function i() {
+                var _o14;
+                r.length >= 4 && (_o14 = o).push.apply(_o14, _toConsumableArray(Q(r, e))), r = [];
+              },
+              c = function c() {
+                i(), o.length && (a.push(o), o = []);
+              };
+            var _iterator10 = _createForOfIteratorHelper(n),
+              _step10;
+            try {
+              for (_iterator10.s(); !(_step10 = _iterator10.n()).done;) {
+                var _step10$value = _step10.value,
+                  _t31 = _step10$value.key,
+                  _e19 = _step10$value.data;
+                switch (_t31) {
+                  case "M":
+                    c(), h = [_e19[0], _e19[1]], o.push(h);
+                    break;
+                  case "L":
+                    i(), o.push([_e19[0], _e19[1]]);
+                    break;
+                  case "C":
+                    if (!r.length) {
+                      var _t32 = o.length ? o[o.length - 1] : h;
+                      r.push([_t32[0], _t32[1]]);
+                    }
+                    r.push([_e19[0], _e19[1]]), r.push([_e19[2], _e19[3]]), r.push([_e19[4], _e19[5]]);
+                    break;
+                  case "Z":
+                    i(), o.push([h[0], h[1]]);
+                }
+              }
+            } catch (err) {
+              _iterator10.e(err);
+            } finally {
+              _iterator10.f();
+            }
+            if (c(), !s) return a;
+            var l = [];
+            for (var _i8 = 0, _a11 = a; _i8 < _a11.length; _i8++) {
+              var _t30 = _a11[_i8];
+              var _e18 = V(_t30, s);
+              _e18.length && l.push(_e18);
+            }
+            return l;
+          }(t, 1, h ? 4 - 4 * s.simplification : (1 + s.roughness) / 2);
+        return a && ("solid" === s.fillStyle ? n.push(S(r, s)) : n.push(L(r, s))), o && (h ? r.forEach(function (t) {
+          n.push(m(t, !1, s));
+        }) : n.push(function (t, e) {
+          var s = g(d(f(t))),
+            n = [];
+          var a = [0, 0],
+            o = [0, 0];
+          var _iterator11 = _createForOfIteratorHelper(s),
+            _step11;
+          try {
+            var _loop = function _loop() {
+              var _step11$value = _step11.value,
+                t = _step11$value.key,
+                h = _step11$value.data;
+              switch (t) {
+                case "M":
+                  {
+                    var _t33 = 1 * (e.maxRandomnessOffset || 0),
+                      _s15 = e.preserveVertices;
+                    n.push({
+                      op: "move",
+                      data: h.map(function (n) {
+                        return n + (_s15 ? 0 : A(_t33, e));
+                      })
+                    }), o = [h[0], h[1]], a = [h[0], h[1]];
+                    break;
+                  }
+                case "L":
+                  n.push.apply(n, _toConsumableArray(I(o[0], o[1], h[0], h[1], e))), o = [h[0], h[1]];
+                  break;
+                case "C":
+                  {
+                    var _h15 = _slicedToArray(h, 6),
+                      _t34 = _h15[0],
+                      _s16 = _h15[1],
+                      _a12 = _h15[2],
+                      _r15 = _h15[3],
+                      _i9 = _h15[4],
+                      _c10 = _h15[5];
+                    n.push.apply(n, _toConsumableArray($(_t34, _s16, _a12, _r15, _i9, _c10, o, e))), o = [_i9, _c10];
+                    break;
+                  }
+                case "Z":
+                  n.push.apply(n, _toConsumableArray(I(o[0], o[1], a[0], a[1], e))), o = [a[0], a[1]];
+              }
+            };
+            for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {
+              _loop();
+            }
+          } catch (err) {
+            _iterator11.e(err);
+          } finally {
+            _iterator11.f();
+          }
+          return {
+            type: "path",
+            ops: n
+          };
+        }(t, s))), this._d("path", n, s);
+      }
+    }, {
+      key: "opsToPath",
+      value: function opsToPath(t, e) {
+        var s = "";
+        var _iterator12 = _createForOfIteratorHelper(t.ops),
+          _step12;
+        try {
+          for (_iterator12.s(); !(_step12 = _iterator12.n()).done;) {
+            var _n12 = _step12.value;
+            var _t35 = "number" == typeof e && e >= 0 ? _n12.data.map(function (t) {
+              return +t.toFixed(e);
+            }) : _n12.data;
+            switch (_n12.op) {
+              case "move":
+                s += "M".concat(_t35[0], " ").concat(_t35[1], " ");
+                break;
+              case "bcurveTo":
+                s += "C".concat(_t35[0], " ").concat(_t35[1], ", ").concat(_t35[2], " ").concat(_t35[3], ", ").concat(_t35[4], " ").concat(_t35[5], " ");
+                break;
+              case "lineTo":
+                s += "L".concat(_t35[0], " ").concat(_t35[1], " ");
+            }
+          }
+        } catch (err) {
+          _iterator12.e(err);
+        } finally {
+          _iterator12.f();
+        }
+        return s.trim();
+      }
+    }, {
+      key: "toPaths",
+      value: function toPaths(t) {
+        var e = t.sets || [],
+          s = t.options || this.defaultOptions,
+          n = [];
+        var _iterator13 = _createForOfIteratorHelper(e),
+          _step13;
+        try {
+          for (_iterator13.s(); !(_step13 = _iterator13.n()).done;) {
+            var _t36 = _step13.value;
+            var _e20 = null;
+            switch (_t36.type) {
+              case "path":
+                _e20 = {
+                  d: this.opsToPath(_t36),
+                  stroke: s.stroke,
+                  strokeWidth: s.strokeWidth,
+                  fill: H
+                };
+                break;
+              case "fillPath":
+                _e20 = {
+                  d: this.opsToPath(_t36),
+                  stroke: H,
+                  strokeWidth: 0,
+                  fill: s.fill || H
+                };
+                break;
+              case "fillSketch":
+                _e20 = this.fillSketch(_t36, s);
+            }
+            _e20 && n.push(_e20);
+          }
+        } catch (err) {
+          _iterator13.e(err);
+        } finally {
+          _iterator13.f();
+        }
+        return n;
+      }
+    }, {
+      key: "fillSketch",
+      value: function fillSketch(t, e) {
+        var s = e.fillWeight;
+        return s < 0 && (s = e.strokeWidth / 2), {
+          d: this.opsToPath(t),
+          stroke: e.fill || H,
+          strokeWidth: s,
+          fill: H
+        };
+      }
+    }], [{
+      key: "newSeed",
+      value: function newSeed() {
+        return Math.floor(Math.random() * Math.pow(2, 31));
+      }
+    }]);
+    return N;
+  }();
+  var B = /*#__PURE__*/function () {
+    function B(t, e) {
+      _classCallCheck(this, B);
+      this.canvas = t, this.ctx = this.canvas.getContext("2d"), this.gen = new N(e);
+    }
+    _createClass(B, [{
+      key: "draw",
+      value: function draw(t) {
+        var e = t.sets || [],
+          s = t.options || this.getDefaultOptions(),
+          n = this.ctx,
+          a = t.options.fixedDecimalPlaceDigits;
+        var _iterator14 = _createForOfIteratorHelper(e),
+          _step14;
+        try {
+          for (_iterator14.s(); !(_step14 = _iterator14.n()).done;) {
+            var _o15 = _step14.value;
+            switch (_o15.type) {
+              case "path":
+                n.save(), n.strokeStyle = "none" === s.stroke ? "transparent" : s.stroke, n.lineWidth = s.strokeWidth, s.strokeLineDash && n.setLineDash(s.strokeLineDash), s.strokeLineDashOffset && (n.lineDashOffset = s.strokeLineDashOffset), this._drawToContext(n, _o15, a), n.restore();
+                break;
+              case "fillPath":
+                {
+                  n.save(), n.fillStyle = s.fill || "";
+                  var _e21 = "curve" === t.shape || "polygon" === t.shape || "path" === t.shape ? "evenodd" : "nonzero";
+                  this._drawToContext(n, _o15, a, _e21), n.restore();
+                  break;
+                }
+              case "fillSketch":
+                this.fillSketch(n, _o15, s);
+            }
+          }
+        } catch (err) {
+          _iterator14.e(err);
+        } finally {
+          _iterator14.f();
+        }
+      }
+    }, {
+      key: "fillSketch",
+      value: function fillSketch(t, e, s) {
+        var n = s.fillWeight;
+        n < 0 && (n = s.strokeWidth / 2), t.save(), s.fillLineDash && t.setLineDash(s.fillLineDash), s.fillLineDashOffset && (t.lineDashOffset = s.fillLineDashOffset), t.strokeStyle = s.fill || "", t.lineWidth = n, this._drawToContext(t, e, s.fixedDecimalPlaceDigits), t.restore();
+      }
+    }, {
+      key: "_drawToContext",
+      value: function _drawToContext(t, e, s) {
+        var n = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "nonzero";
+        t.beginPath();
+        var _iterator15 = _createForOfIteratorHelper(e.ops),
+          _step15;
+        try {
+          for (_iterator15.s(); !(_step15 = _iterator15.n()).done;) {
+            var _n13 = _step15.value;
+            var _e22 = "number" == typeof s && s >= 0 ? _n13.data.map(function (t) {
+              return +t.toFixed(s);
+            }) : _n13.data;
+            switch (_n13.op) {
+              case "move":
+                t.moveTo(_e22[0], _e22[1]);
+                break;
+              case "bcurveTo":
+                t.bezierCurveTo(_e22[0], _e22[1], _e22[2], _e22[3], _e22[4], _e22[5]);
+                break;
+              case "lineTo":
+                t.lineTo(_e22[0], _e22[1]);
+            }
+          }
+        } catch (err) {
+          _iterator15.e(err);
+        } finally {
+          _iterator15.f();
+        }
+        "fillPath" === e.type ? t.fill(n) : t.stroke();
+      }
+    }, {
+      key: "generator",
+      get: function get() {
+        return this.gen;
+      }
+    }, {
+      key: "getDefaultOptions",
+      value: function getDefaultOptions() {
+        return this.gen.defaultOptions;
+      }
+    }, {
+      key: "line",
+      value: function line(t, e, s, n, a) {
+        var o = this.gen.line(t, e, s, n, a);
+        return this.draw(o), o;
+      }
+    }, {
+      key: "rectangle",
+      value: function rectangle(t, e, s, n, a) {
+        var o = this.gen.rectangle(t, e, s, n, a);
+        return this.draw(o), o;
+      }
+    }, {
+      key: "ellipse",
+      value: function ellipse(t, e, s, n, a) {
+        var o = this.gen.ellipse(t, e, s, n, a);
+        return this.draw(o), o;
+      }
+    }, {
+      key: "circle",
+      value: function circle(t, e, s, n) {
+        var a = this.gen.circle(t, e, s, n);
+        return this.draw(a), a;
+      }
+    }, {
+      key: "linearPath",
+      value: function linearPath(t, e) {
+        var s = this.gen.linearPath(t, e);
+        return this.draw(s), s;
+      }
+    }, {
+      key: "polygon",
+      value: function polygon(t, e) {
+        var s = this.gen.polygon(t, e);
+        return this.draw(s), s;
+      }
+    }, {
+      key: "arc",
+      value: function arc(t, e, s, n, a, o) {
+        var h = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : !1;
+        var r = arguments.length > 7 ? arguments[7] : undefined;
+        var i = this.gen.arc(t, e, s, n, a, o, h, r);
+        return this.draw(i), i;
+      }
+    }, {
+      key: "curve",
+      value: function curve(t, e) {
+        var s = this.gen.curve(t, e);
+        return this.draw(s), s;
+      }
+    }, {
+      key: "path",
+      value: function path(t, e) {
+        var s = this.gen.path(t, e);
+        return this.draw(s), s;
+      }
+    }]);
+    return B;
+  }();
+  var J = "http://www.w3.org/2000/svg";
+  var K = /*#__PURE__*/function () {
+    function K(t, e) {
+      _classCallCheck(this, K);
+      this.svg = t, this.gen = new N(e);
+    }
+    _createClass(K, [{
+      key: "draw",
+      value: function draw(t) {
+        var e = t.sets || [],
+          s = t.options || this.getDefaultOptions(),
+          n = this.svg.ownerDocument || window.document,
+          a = n.createElementNS(J, "g"),
+          o = t.options.fixedDecimalPlaceDigits;
+        var _iterator16 = _createForOfIteratorHelper(e),
+          _step16;
+        try {
+          for (_iterator16.s(); !(_step16 = _iterator16.n()).done;) {
+            var _h16 = _step16.value;
+            var _e23 = null;
+            switch (_h16.type) {
+              case "path":
+                _e23 = n.createElementNS(J, "path"), _e23.setAttribute("d", this.opsToPath(_h16, o)), _e23.setAttribute("stroke", s.stroke), _e23.setAttribute("stroke-width", s.strokeWidth + ""), _e23.setAttribute("fill", "none"), s.strokeLineDash && _e23.setAttribute("stroke-dasharray", s.strokeLineDash.join(" ").trim()), s.strokeLineDashOffset && _e23.setAttribute("stroke-dashoffset", "".concat(s.strokeLineDashOffset));
+                break;
+              case "fillPath":
+                _e23 = n.createElementNS(J, "path"), _e23.setAttribute("d", this.opsToPath(_h16, o)), _e23.setAttribute("stroke", "none"), _e23.setAttribute("stroke-width", "0"), _e23.setAttribute("fill", s.fill || ""), "curve" !== t.shape && "polygon" !== t.shape || _e23.setAttribute("fill-rule", "evenodd");
+                break;
+              case "fillSketch":
+                _e23 = this.fillSketch(n, _h16, s);
+            }
+            _e23 && a.appendChild(_e23);
+          }
+        } catch (err) {
+          _iterator16.e(err);
+        } finally {
+          _iterator16.f();
+        }
+        return a;
+      }
+    }, {
+      key: "fillSketch",
+      value: function fillSketch(t, e, s) {
+        var n = s.fillWeight;
+        n < 0 && (n = s.strokeWidth / 2);
+        var a = t.createElementNS(J, "path");
+        return a.setAttribute("d", this.opsToPath(e, s.fixedDecimalPlaceDigits)), a.setAttribute("stroke", s.fill || ""), a.setAttribute("stroke-width", n + ""), a.setAttribute("fill", "none"), s.fillLineDash && a.setAttribute("stroke-dasharray", s.fillLineDash.join(" ").trim()), s.fillLineDashOffset && a.setAttribute("stroke-dashoffset", "".concat(s.fillLineDashOffset)), a;
+      }
+    }, {
+      key: "generator",
+      get: function get() {
+        return this.gen;
+      }
+    }, {
+      key: "getDefaultOptions",
+      value: function getDefaultOptions() {
+        return this.gen.defaultOptions;
+      }
+    }, {
+      key: "opsToPath",
+      value: function opsToPath(t, e) {
+        return this.gen.opsToPath(t, e);
+      }
+    }, {
+      key: "line",
+      value: function line(t, e, s, n, a) {
+        var o = this.gen.line(t, e, s, n, a);
+        return this.draw(o);
+      }
+    }, {
+      key: "rectangle",
+      value: function rectangle(t, e, s, n, a) {
+        var o = this.gen.rectangle(t, e, s, n, a);
+        return this.draw(o);
+      }
+    }, {
+      key: "ellipse",
+      value: function ellipse(t, e, s, n, a) {
+        var o = this.gen.ellipse(t, e, s, n, a);
+        return this.draw(o);
+      }
+    }, {
+      key: "circle",
+      value: function circle(t, e, s, n) {
+        var a = this.gen.circle(t, e, s, n);
+        return this.draw(a);
+      }
+    }, {
+      key: "linearPath",
+      value: function linearPath(t, e) {
+        var s = this.gen.linearPath(t, e);
+        return this.draw(s);
+      }
+    }, {
+      key: "polygon",
+      value: function polygon(t, e) {
+        var s = this.gen.polygon(t, e);
+        return this.draw(s);
+      }
+    }, {
+      key: "arc",
+      value: function arc(t, e, s, n, a, o) {
+        var h = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : !1;
+        var r = arguments.length > 7 ? arguments[7] : undefined;
+        var i = this.gen.arc(t, e, s, n, a, o, h, r);
+        return this.draw(i);
+      }
+    }, {
+      key: "curve",
+      value: function curve(t, e) {
+        var s = this.gen.curve(t, e);
+        return this.draw(s);
+      }
+    }, {
+      key: "path",
+      value: function path(t, e) {
+        var s = this.gen.path(t, e);
+        return this.draw(s);
+      }
+    }]);
+    return K;
+  }();
+  var U = {
+    canvas: function canvas(t, e) {
+      return new B(t, e);
+    },
+    svg: function svg(t, e) {
+      return new K(t, e);
+    },
+    generator: function generator(t) {
+      return new N(t);
+    },
+    newSeed: function newSeed() {
+      return N.newSeed();
+    }
+  };
+
+  const defaultRouthThemeSpec = {
+      maxRandomnessOffset: 3,
+      roughness: 1,
+      bowing: 1,
+      curveFitting: 0.95,
+      curveTightness: undefined,
+      curveStepCount: 9,
+      fillStyle: 'hachure',
+      fillWeight: undefined,
+      hachureAngle: 60,
+      hachureGap: 6,
+      simplification: 0,
+      dashOffset: undefined,
+      dashGap: undefined,
+      zigzagOffset: undefined,
+      seed: 1,
+      fillLineDash: undefined,
+      fillLineDashOffset: undefined,
+      disableMultiStroke: false,
+      disableMultiStrokeFill: false,
+      preserveVertices: true,
+      fixedDecimalPlaceDigits: undefined
+  };
+
+  let RoughCanvasArcRender = class RoughCanvasArcRender {
+      canvasRenderer;
+      type;
+      numberType;
+      style = 'rough';
+      constructor(canvasRenderer) {
+          this.canvasRenderer = canvasRenderer;
+          this.type = 'arc';
+          this.numberType = vrender.ARC_NUMBER_TYPE;
+      }
+      draw(arc, renderService, drawContext, params) {
+          const { context } = drawContext;
+          if (!context) {
+              return;
+          }
+          const canvas = context.canvas.nativeCanvas;
+          const rc = U.canvas(canvas);
+          context.highPerformanceSave();
+          const arcAttribute = vrender.getTheme(arc).arc;
+          let { x = arcAttribute.x, y = arcAttribute.y } = arc.attribute;
+          if (!arc.transMatrix.onlyTranslate()) {
+              x = 0;
+              y = 0;
+              context.transformFromMatrix(arc.transMatrix, true);
+          }
+          else {
+              const { dx = arcAttribute.dx, dy = arcAttribute.dy } = arc.attribute;
+              x += dx;
+              y += dy;
+              context.setTransformForCurrent();
+          }
+          const customPath = new vrender.CustomPath2D();
+          const { fill = arcAttribute.fill, stroke = arcAttribute.stroke, lineWidth = arcAttribute.lineWidth, outerRadius = arcAttribute.outerRadius, innerRadius = arcAttribute.innerRadius, maxRandomnessOffset = defaultRouthThemeSpec.maxRandomnessOffset, roughness = defaultRouthThemeSpec.roughness, bowing = defaultRouthThemeSpec.bowing, curveFitting = defaultRouthThemeSpec.curveFitting, curveTightness = defaultRouthThemeSpec.curveTightness, curveStepCount = defaultRouthThemeSpec.curveStepCount, fillStyle = defaultRouthThemeSpec.fillStyle, fillWeight = defaultRouthThemeSpec.fillWeight, hachureAngle = defaultRouthThemeSpec.hachureAngle, hachureGap = defaultRouthThemeSpec.hachureGap, simplification = defaultRouthThemeSpec.simplification, dashOffset = defaultRouthThemeSpec.dashOffset, dashGap = defaultRouthThemeSpec.dashGap, zigzagOffset = defaultRouthThemeSpec.zigzagOffset, seed = defaultRouthThemeSpec.seed, fillLineDash = defaultRouthThemeSpec.fillLineDash, fillLineDashOffset = defaultRouthThemeSpec.fillLineDashOffset, disableMultiStroke = defaultRouthThemeSpec.disableMultiStroke, disableMultiStrokeFill = defaultRouthThemeSpec.disableMultiStrokeFill, preserveVertices = defaultRouthThemeSpec.preserveVertices, fixedDecimalPlaceDigits = defaultRouthThemeSpec.fixedDecimalPlaceDigits } = arc.attribute;
+          vrender.drawArcPath(arc, customPath, x, y, outerRadius, innerRadius);
+          rc.path(customPath.toString(), {
+              fill: fill ? fill : undefined,
+              stroke: stroke ? stroke : undefined,
+              strokeWidth: lineWidth,
+              maxRandomnessOffset,
+              roughness,
+              bowing,
+              curveFitting,
+              curveTightness,
+              curveStepCount,
+              fillStyle,
+              fillWeight,
+              hachureAngle,
+              hachureGap,
+              simplification,
+              dashOffset,
+              dashGap,
+              zigzagOffset,
+              seed,
+              fillLineDash,
+              fillLineDashOffset,
+              disableMultiStroke,
+              disableMultiStrokeFill,
+              preserveVertices,
+              fixedDecimalPlaceDigits
+          });
+          context.highPerformanceRestore();
+      }
+      drawShape(graphic, ctx, x, y, drawContext, params, fillCb, strokeCb) {
+          if (this.canvasRenderer.drawShape) {
+              return this.canvasRenderer.drawShape(graphic, ctx, x, y, drawContext, params, fillCb, strokeCb);
+          }
+      }
+  };
+  RoughCanvasArcRender = __decorate([
+      inversify.injectable(),
+      __param(0, inversify.inject(vrender.DefaultCanvasArcRender)),
+      __metadata("design:paramtypes", [Object])
+  ], RoughCanvasArcRender);
+
+  let RoughCanvasAreaRender = class RoughCanvasAreaRender extends vrender.DefaultCanvasAreaRender {
+      style = 'rough';
+      drawSegmentItem(context, cache, fill, fillOpacity, attribute, defaultAttribute, clipRange, offsetX, offsetY, offsetZ, area, fillCb) {
+          if (fillCb) {
+              return super.drawSegmentItem(context, cache, fill, fillOpacity, attribute, defaultAttribute, clipRange, offsetX, offsetY, offsetZ, area, fillCb);
+          }
+          context.highPerformanceSave();
+          const canvas = context.canvas.nativeCanvas;
+          const rc = U.canvas(canvas, {});
+          const customPath = new vrender.CustomPath2D();
+          vrender.drawAreaSegments(customPath, cache, clipRange, {
+              offsetX,
+              offsetY
+          });
+          const { maxRandomnessOffset = defaultRouthThemeSpec.maxRandomnessOffset, roughness = defaultRouthThemeSpec.roughness, bowing = defaultRouthThemeSpec.bowing, curveFitting = defaultRouthThemeSpec.curveFitting, curveTightness = defaultRouthThemeSpec.curveTightness, curveStepCount = defaultRouthThemeSpec.curveStepCount, fillStyle = defaultRouthThemeSpec.fillStyle, fillWeight = defaultRouthThemeSpec.fillWeight, hachureAngle = defaultRouthThemeSpec.hachureAngle, hachureGap = defaultRouthThemeSpec.hachureGap, simplification = defaultRouthThemeSpec.simplification, dashOffset = defaultRouthThemeSpec.dashOffset, dashGap = defaultRouthThemeSpec.dashGap, zigzagOffset = defaultRouthThemeSpec.zigzagOffset, seed = defaultRouthThemeSpec.seed, fillLineDash = defaultRouthThemeSpec.fillLineDash, fillLineDashOffset = defaultRouthThemeSpec.fillLineDashOffset, disableMultiStroke = defaultRouthThemeSpec.disableMultiStroke, disableMultiStrokeFill = defaultRouthThemeSpec.disableMultiStrokeFill, preserveVertices = defaultRouthThemeSpec.preserveVertices, fixedDecimalPlaceDigits = defaultRouthThemeSpec.fixedDecimalPlaceDigits } = attribute;
+          let { fill: fillColor, stroke: strokeColor, lineWidth } = attribute;
+          if (Array.isArray(defaultAttribute)) {
+              defaultAttribute.forEach(item => {
+                  fillColor = fillColor ?? item.fill;
+                  strokeColor = strokeColor ?? item.stroke;
+                  lineWidth = lineWidth ?? item.lineWidth;
+              });
+          }
+          else {
+              fillColor = fillColor ?? defaultAttribute.fill;
+              strokeColor = strokeColor ?? defaultAttribute.stroke;
+              lineWidth = lineWidth ?? defaultAttribute.lineWidth;
+          }
+          rc.path(customPath.toString(), {
+              fill: fill ? fillColor : undefined,
+              strokeWidth: lineWidth,
+              maxRandomnessOffset,
+              roughness,
+              bowing,
+              curveFitting,
+              curveTightness,
+              curveStepCount,
+              fillStyle,
+              fillWeight,
+              hachureAngle,
+              hachureGap,
+              simplification,
+              dashOffset,
+              dashGap,
+              zigzagOffset,
+              seed,
+              fillLineDash,
+              fillLineDashOffset,
+              disableMultiStroke,
+              disableMultiStrokeFill,
+              preserveVertices,
+              fixedDecimalPlaceDigits
+          });
+          context.highPerformanceRestore();
+          return false;
+      }
+  };
+  RoughCanvasAreaRender = __decorate([
+      inversify.injectable()
+  ], RoughCanvasAreaRender);
+
+  let RoughCanvasCircleRender = class RoughCanvasCircleRender {
+      canvasRenderer;
+      style = 'rough';
+      constructor(canvasRenderer) {
+          this.canvasRenderer = canvasRenderer;
+          this.type = 'circle';
+          this.numberType = vrender.CIRCLE_NUMBER_TYPE;
+      }
+      draw(circle, renderService, drawContext, params) {
+          const { context } = drawContext;
+          if (!context) {
+              return;
+          }
+          const canvas = context.canvas.nativeCanvas;
+          const rc = U.canvas(canvas, {});
+          const circleAttribute = vrender.getTheme(circle).circle;
+          let { x = circleAttribute.x, y = circleAttribute.y } = circle.attribute;
+          if (!circle.transMatrix.onlyTranslate()) {
+              x = 0;
+              y = 0;
+              context.transformFromMatrix(circle.transMatrix, true);
+          }
+          else if (!context.onlyTranslate()) {
+              context.clearMatrix();
+          }
+          const { radius = circleAttribute.radius, fill = circleAttribute.fill, stroke = circleAttribute.stroke, lineWidth = circleAttribute.lineWidth } = circle.attribute;
+          rc.circle(x, y, radius, {
+              fill: fill ? fill : undefined,
+              stroke: stroke ? stroke : undefined,
+              strokeWidth: lineWidth,
+              fillStyle: 'zigzag',
+              roughness: 0.5
+          });
+      }
+      drawShape(graphic, ctx, x, y, drawContext, params, fillCb, strokeCb) {
+          if (this.canvasRenderer.drawShape) {
+              return this.canvasRenderer.drawShape(graphic, ctx, x, y, drawContext, params, fillCb, strokeCb);
+          }
+      }
+  };
+  RoughCanvasCircleRender = __decorate([
+      inversify.injectable(),
+      __param(0, inversify.inject(vrender.DefaultCanvasCircleRender)),
+      __metadata("design:paramtypes", [Object])
+  ], RoughCanvasCircleRender);
+
+  let RoughCanvasLineRender = class RoughCanvasLineRender extends vrender.DefaultCanvasLineRender {
+      style = 'rough';
+      drawSegmentItem(context, cache, fill, stroke, fillOpacity, strokeOpacity, attribute, defaultAttribute, clipRange, clipRangeByDimension, offsetX, offsetY, line, fillCb, strokeCb) {
+          if (fillCb || strokeCb) {
+              return super.drawSegmentItem(context, cache, fill, stroke, fillOpacity, strokeOpacity, attribute, defaultAttribute, clipRange, clipRangeByDimension, offsetX, offsetY, line, fillCb, strokeCb);
+          }
+          context.highPerformanceSave();
+          const canvas = context.canvas.nativeCanvas;
+          const rc = U.canvas(canvas, {});
+          const customPath = new vrender.CustomPath2D();
+          vrender.drawSegments(context.camera ? context : context.nativeContext, cache, clipRange, clipRangeByDimension, {
+              offsetX,
+              offsetY
+          });
+          const { maxRandomnessOffset = defaultRouthThemeSpec.maxRandomnessOffset, roughness = defaultRouthThemeSpec.roughness, bowing = defaultRouthThemeSpec.bowing, curveFitting = defaultRouthThemeSpec.curveFitting, curveTightness = defaultRouthThemeSpec.curveTightness, curveStepCount = defaultRouthThemeSpec.curveStepCount, fillStyle = defaultRouthThemeSpec.fillStyle, fillWeight = defaultRouthThemeSpec.fillWeight, hachureAngle = defaultRouthThemeSpec.hachureAngle, hachureGap = defaultRouthThemeSpec.hachureGap, simplification = defaultRouthThemeSpec.simplification, dashOffset = defaultRouthThemeSpec.dashOffset, dashGap = defaultRouthThemeSpec.dashGap, zigzagOffset = defaultRouthThemeSpec.zigzagOffset, seed = defaultRouthThemeSpec.seed, fillLineDash = defaultRouthThemeSpec.fillLineDash, fillLineDashOffset = defaultRouthThemeSpec.fillLineDashOffset, disableMultiStroke = defaultRouthThemeSpec.disableMultiStroke, disableMultiStrokeFill = defaultRouthThemeSpec.disableMultiStrokeFill, preserveVertices = defaultRouthThemeSpec.preserveVertices, fixedDecimalPlaceDigits = defaultRouthThemeSpec.fixedDecimalPlaceDigits } = attribute;
+          let { fill: fillColor, stroke: strokeColor, lineWidth } = attribute;
+          if (Array.isArray(defaultAttribute)) {
+              defaultAttribute.forEach(item => {
+                  fillColor = fillColor ?? item.fill;
+                  strokeColor = strokeColor ?? item.stroke;
+                  lineWidth = lineWidth ?? item.lineWidth;
+              });
+          }
+          else {
+              fillColor = fillColor ?? defaultAttribute.fill;
+              strokeColor = strokeColor ?? defaultAttribute.stroke;
+              lineWidth = lineWidth ?? defaultAttribute.lineWidth;
+          }
+          rc.path(customPath.toString(), {
+              fill: fill ? fillColor : undefined,
+              stroke: stroke ? strokeColor : undefined,
+              strokeWidth: lineWidth,
+              maxRandomnessOffset,
+              roughness,
+              bowing,
+              curveFitting,
+              curveTightness,
+              curveStepCount,
+              fillStyle,
+              fillWeight,
+              hachureAngle,
+              hachureGap,
+              simplification,
+              dashOffset,
+              dashGap,
+              zigzagOffset,
+              seed,
+              fillLineDash,
+              fillLineDashOffset,
+              disableMultiStroke,
+              disableMultiStrokeFill,
+              preserveVertices,
+              fixedDecimalPlaceDigits
+          });
+          context.highPerformanceRestore();
+          return false;
+      }
+  };
+  RoughCanvasLineRender = __decorate([
+      inversify.injectable()
+  ], RoughCanvasLineRender);
+
+  let RoughCanvasPathRender = class RoughCanvasPathRender {
+      canvasRenderer;
+      type;
+      numberType;
+      style = 'rough';
+      constructor(canvasRenderer) {
+          this.canvasRenderer = canvasRenderer;
+          this.type = 'path';
+          this.numberType = vrender.PATH_NUMBER_TYPE;
+      }
+      draw(path, renderService, drawContext, params) {
+          const { context } = drawContext;
+          if (!context) {
+              return;
+          }
+          const canvas = context.canvas.nativeCanvas;
+          const rc = U.canvas(canvas, {});
+          context.highPerformanceSave();
+          const pathAttribute = vrender.getTheme(path).path;
+          context.transformFromMatrix(path.transMatrix, true);
+          const { fill = pathAttribute.fill, stroke = pathAttribute.stroke, lineWidth = pathAttribute.lineWidth, path: p = pathAttribute.path, maxRandomnessOffset = defaultRouthThemeSpec.maxRandomnessOffset, roughness = defaultRouthThemeSpec.roughness, bowing = defaultRouthThemeSpec.bowing, curveFitting = defaultRouthThemeSpec.curveFitting, curveTightness = defaultRouthThemeSpec.curveTightness, curveStepCount = defaultRouthThemeSpec.curveStepCount, fillStyle = defaultRouthThemeSpec.fillStyle, fillWeight = defaultRouthThemeSpec.fillWeight, hachureAngle = defaultRouthThemeSpec.hachureAngle, hachureGap = defaultRouthThemeSpec.hachureGap, simplification = defaultRouthThemeSpec.simplification, dashOffset = defaultRouthThemeSpec.dashOffset, dashGap = defaultRouthThemeSpec.dashGap, zigzagOffset = defaultRouthThemeSpec.zigzagOffset, seed = defaultRouthThemeSpec.seed, fillLineDash = defaultRouthThemeSpec.fillLineDash, fillLineDashOffset = defaultRouthThemeSpec.fillLineDashOffset, disableMultiStroke = defaultRouthThemeSpec.disableMultiStroke, disableMultiStrokeFill = defaultRouthThemeSpec.disableMultiStrokeFill, preserveVertices = defaultRouthThemeSpec.preserveVertices, fixedDecimalPlaceDigits = defaultRouthThemeSpec.fixedDecimalPlaceDigits } = path.attribute;
+          if (typeof p === 'string') {
+              rc.path(p, {
+                  fill: fill ? fill : undefined,
+                  stroke: stroke ? stroke : undefined,
+                  strokeWidth: lineWidth,
+                  maxRandomnessOffset,
+                  roughness,
+                  bowing,
+                  curveFitting,
+                  curveTightness,
+                  curveStepCount,
+                  fillStyle,
+                  fillWeight,
+                  hachureAngle,
+                  hachureGap,
+                  simplification,
+                  dashOffset,
+                  dashGap,
+                  zigzagOffset,
+                  seed,
+                  fillLineDash,
+                  fillLineDashOffset,
+                  disableMultiStroke,
+                  disableMultiStrokeFill,
+                  preserveVertices,
+                  fixedDecimalPlaceDigits
+              });
+          }
+          context.highPerformanceRestore();
+      }
+      drawShape(graphic, ctx, x, y, drawContext, params, fillCb, strokeCb) {
+          if (this.canvasRenderer.drawShape) {
+              return this.canvasRenderer.drawShape(graphic, ctx, x, y, drawContext, params, fillCb, strokeCb);
+          }
+      }
+  };
+  RoughCanvasPathRender = __decorate([
+      inversify.injectable(),
+      __param(0, inversify.inject(vrender.DefaultCanvasPathRender)),
+      __metadata("design:paramtypes", [Object])
+  ], RoughCanvasPathRender);
+
+  let RoughCanvasRectRender = class RoughCanvasRectRender {
+      canvasRenderer;
+      type;
+      numberType;
+      style = 'rough';
+      constructor(canvasRenderer) {
+          this.canvasRenderer = canvasRenderer;
+          this.type = 'rect';
+          this.numberType = vrender.RECT_NUMBER_TYPE;
+      }
+      draw(rect, renderService, drawContext, params) {
+          const { context } = drawContext;
+          if (!context) {
+              return;
+          }
+          const canvas = context.canvas.nativeCanvas;
+          const rc = U.canvas(canvas);
+          context.highPerformanceSave();
+          const rectAttribute = vrender.getTheme(rect).rect;
+          let { x = rectAttribute.x, y = rectAttribute.y } = rect.attribute;
+          if (!rect.transMatrix.onlyTranslate()) {
+              x = 0;
+              y = 0;
+              context.transformFromMatrix(rect.transMatrix, true);
+          }
+          else {
+              const { dx = rectAttribute.dx, dy = rectAttribute.dy } = rect.attribute;
+              x += dx;
+              y += dy;
+              context.setTransformForCurrent();
+          }
+          const { fill = rectAttribute.fill, stroke = rectAttribute.stroke, fillColor = rectAttribute.fill, strokeColor = rectAttribute.stroke, width = rectAttribute.width, height = rectAttribute.height, lineWidth = rectAttribute.lineWidth, maxRandomnessOffset = defaultRouthThemeSpec.maxRandomnessOffset, roughness = defaultRouthThemeSpec.roughness, bowing = defaultRouthThemeSpec.bowing, curveFitting = defaultRouthThemeSpec.curveFitting, curveTightness = defaultRouthThemeSpec.curveTightness, curveStepCount = defaultRouthThemeSpec.curveStepCount, fillStyle = defaultRouthThemeSpec.fillStyle, fillWeight = defaultRouthThemeSpec.fillWeight, hachureAngle = defaultRouthThemeSpec.hachureAngle, hachureGap = defaultRouthThemeSpec.hachureGap, simplification = defaultRouthThemeSpec.simplification, dashOffset = defaultRouthThemeSpec.dashOffset, dashGap = defaultRouthThemeSpec.dashGap, zigzagOffset = defaultRouthThemeSpec.zigzagOffset, seed = defaultRouthThemeSpec.seed, fillLineDash = defaultRouthThemeSpec.fillLineDash, fillLineDashOffset = defaultRouthThemeSpec.fillLineDashOffset, disableMultiStroke = defaultRouthThemeSpec.disableMultiStroke, disableMultiStrokeFill = defaultRouthThemeSpec.disableMultiStrokeFill, preserveVertices = defaultRouthThemeSpec.preserveVertices, fixedDecimalPlaceDigits = defaultRouthThemeSpec.fixedDecimalPlaceDigits } = rect.attribute;
+          rc.rectangle(x, y, width, height, {
+              fill: fill ? fillColor : undefined,
+              stroke: stroke ? strokeColor : undefined,
+              strokeWidth: lineWidth,
+              maxRandomnessOffset,
+              roughness,
+              bowing,
+              curveFitting,
+              curveTightness,
+              curveStepCount,
+              fillStyle,
+              fillWeight,
+              hachureAngle,
+              hachureGap,
+              simplification,
+              dashOffset,
+              dashGap,
+              zigzagOffset,
+              seed,
+              fillLineDash,
+              fillLineDashOffset,
+              disableMultiStroke,
+              disableMultiStrokeFill,
+              preserveVertices,
+              fixedDecimalPlaceDigits
+          });
+          context.highPerformanceRestore();
+      }
+      drawShape(graphic, ctx, x, y, drawContext, params, fillCb, strokeCb) {
+          if (this.canvasRenderer.drawShape) {
+              return this.canvasRenderer.drawShape(graphic, ctx, x, y, drawContext, params, fillCb, strokeCb);
+          }
+      }
+  };
+  RoughCanvasRectRender = __decorate([
+      inversify.injectable(),
+      __param(0, inversify.inject(vrender.DefaultCanvasRectRender)),
+      __metadata("design:paramtypes", [Object])
+  ], RoughCanvasRectRender);
+
+  let RoughCanvasSymbolRender = class RoughCanvasSymbolRender {
+      canvasRenderer;
+      type;
+      numberType;
+      style = 'rough';
+      constructor(canvasRenderer) {
+          this.canvasRenderer = canvasRenderer;
+          this.type = 'symbol';
+          this.numberType = vrender.SYMBOL_NUMBER_TYPE;
+      }
+      draw(symbol, renderService, drawContext, params) {
+          const { context } = drawContext;
+          if (!context) {
+              return;
+          }
+          const canvas = context.canvas.nativeCanvas;
+          const rc = U.canvas(canvas);
+          context.highPerformanceSave();
+          const symbolAttribute = vrender.getTheme(symbol).symbol;
+          let { x = symbolAttribute.x, y = symbolAttribute.y } = symbol.attribute;
+          if (!symbol.transMatrix.onlyTranslate()) {
+              x = 0;
+              y = 0;
+              context.transformFromMatrix(symbol.transMatrix, true);
+          }
+          else {
+              const { dx = symbolAttribute.dx, dy = symbolAttribute.dy } = symbol.attribute;
+              x += dx;
+              y += dy;
+              context.setTransformForCurrent();
+          }
+          const parsedPath = symbol.getParsedPath();
+          if (!parsedPath) {
+              return;
+          }
+          const { fill = symbolAttribute.fill, stroke = symbolAttribute.stroke, fillColor = symbolAttribute.fill, strokeColor = symbolAttribute.stroke, size = symbolAttribute.size, lineWidth = symbolAttribute.lineWidth, maxRandomnessOffset = defaultRouthThemeSpec.maxRandomnessOffset, roughness = defaultRouthThemeSpec.roughness, bowing = defaultRouthThemeSpec.bowing, curveFitting = defaultRouthThemeSpec.curveFitting, curveTightness = defaultRouthThemeSpec.curveTightness, curveStepCount = defaultRouthThemeSpec.curveStepCount, fillStyle = defaultRouthThemeSpec.fillStyle, fillWeight = defaultRouthThemeSpec.fillWeight, hachureAngle = defaultRouthThemeSpec.hachureAngle, hachureGap = defaultRouthThemeSpec.hachureGap, simplification = defaultRouthThemeSpec.simplification, dashOffset = defaultRouthThemeSpec.dashOffset, dashGap = defaultRouthThemeSpec.dashGap, zigzagOffset = defaultRouthThemeSpec.zigzagOffset, seed = defaultRouthThemeSpec.seed, fillLineDash = defaultRouthThemeSpec.fillLineDash, fillLineDashOffset = defaultRouthThemeSpec.fillLineDashOffset, disableMultiStroke = defaultRouthThemeSpec.disableMultiStroke, disableMultiStrokeFill = defaultRouthThemeSpec.disableMultiStrokeFill, preserveVertices = defaultRouthThemeSpec.preserveVertices, fixedDecimalPlaceDigits = defaultRouthThemeSpec.fixedDecimalPlaceDigits } = symbol.attribute;
+          const customPath = new vrender.CustomPath2D();
+          if (parsedPath.draw(customPath, size, x, y)) {
+              customPath.closePath();
+          }
+          rc.path(customPath.toString(), {
+              fill: fill ? fillColor : undefined,
+              stroke: stroke ? strokeColor : undefined,
+              strokeWidth: lineWidth,
+              maxRandomnessOffset,
+              roughness,
+              bowing,
+              curveFitting,
+              curveTightness,
+              curveStepCount,
+              fillStyle,
+              fillWeight,
+              hachureAngle,
+              hachureGap,
+              simplification,
+              dashOffset,
+              dashGap,
+              zigzagOffset,
+              seed,
+              fillLineDash,
+              fillLineDashOffset,
+              disableMultiStroke,
+              disableMultiStrokeFill,
+              preserveVertices,
+              fixedDecimalPlaceDigits
+          });
+          context.highPerformanceRestore();
+      }
+      drawShape(graphic, ctx, x, y, drawContext, params, fillCb, strokeCb) {
+          if (this.canvasRenderer.drawShape) {
+              return this.canvasRenderer.drawShape(graphic, ctx, x, y, drawContext, params, fillCb, strokeCb);
+          }
+      }
+  };
+  RoughCanvasSymbolRender = __decorate([
+      inversify.injectable(),
+      __param(0, inversify.inject(vrender.DefaultCanvasSymbolRender)),
+      __metadata("design:paramtypes", [Object])
+  ], RoughCanvasSymbolRender);
+
+  var _roughModule = new inversify.ContainerModule((bind, unbind, isBound, rebind) => {
+      bind(RoughCanvasCircleRender).toSelf().inSingletonScope();
+      bind(vrender.GraphicRender).to(RoughCanvasCircleRender);
+      bind(RoughCanvasRectRender).toSelf().inSingletonScope();
+      bind(vrender.GraphicRender).to(RoughCanvasRectRender);
+      bind(RoughCanvasPathRender).toSelf().inSingletonScope();
+      bind(vrender.GraphicRender).to(RoughCanvasPathRender);
+      bind(RoughCanvasSymbolRender).toSelf().inSingletonScope();
+      bind(vrender.GraphicRender).to(RoughCanvasSymbolRender);
+      bind(RoughCanvasLineRender).toSelf().inSingletonScope();
+      bind(vrender.GraphicRender).to(RoughCanvasLineRender);
+      bind(RoughCanvasAreaRender).toSelf().inSingletonScope();
+      bind(vrender.GraphicRender).to(RoughCanvasAreaRender);
+      bind(RoughCanvasArcRender).toSelf().inSingletonScope();
+      bind(vrender.GraphicRender).to(RoughCanvasArcRender);
+  });
+
+  const roughModule = _roughModule;
+
+  exports.roughModule = roughModule;
+
+}));