vislite 1.7.0-alpha.0 → 1.7.0

package/lib/SVG/index.es.min.js

@@ -1,5 +1,5 @@
 /*!
-* SVG of VISLite JavaScript Library v1.7.0-alpha.0
+* SVG of VISLite JavaScript Library v1.7.0
 * git+https://github.com/oi-contrib/VISLite.git
 */
-var t=function(e,i){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])},t(e,i)};"function"==typeof SuppressedError&&SuppressedError;var e=["href","title","show","type","role","actuate"],i=function(t,e){o(t,"stroke-dasharray",e.lineDash.join(",")),o(t,"stroke-width",e.lineWidth+""),o(t,"stroke-linecap",e.lineCap+""),o(t,"stroke-linejoin",e.lineJoin+"")};function n(t){return document.createElementNS("http://www.w3.org/2000/svg",t)}var r=function(t,i,n){e.indexOf(i)>-1?t.setAttributeNS("http://www.w3.org/1999/xlink","xlink:"+i,n+""):t.setAttribute(i,n+"")},o=r;function s(t,e){i(t,e),r(t,"stroke",e.strokeStyle),r(t,"fill",e.fillStyle)}function u(t,e){r(t,"fill",e.fillStyle)}function h(t,e){i(t,e),r(t,"stroke",e.strokeStyle),r(t,"fill","none")}var a=function(t,e,i,n,r){var o=Math.cos(i),s=Math.sin(i);return[+((n-t)*o-(r-e)*s+t).toFixed(7),+((n-t)*s+(r-e)*o+e).toFixed(7)]};var _=function(t){var e=t.getElementsByTagName("defs");if(e.length<=0){var i=n("defs");return t.appendChild(i),i}return e[0]},l=function(t,e,i,n,r){if("text"!==t.nodeName.toLowerCase())throw new Error("Need a <text> !");o(t,"dy",{top:.5*e.fontSize,middle:0,bottom:.5*-e.fontSize}[e.textBaseline]),function(t,e){for(var i in e)t.style[i]=e[i]}(t,{"text-anchor":{left:"start",right:"end",center:"middle"}[e.textAlign],"dominant-baseline":"central","font-size":e.fontSize+"px","font-family":e.fontFamily}),o(t,"x",i),o(t,"y",n),"number"==typeof r&&o(t,"transform","rotate("+(r%=360)+","+i+","+n+")")},c=function(t,e,i,n){if("circle"!==t.nodeName.toLowerCase())throw new Error("Need a <circle> !");o(t,"cx",e),o(t,"cy",i),o(t,"r",n)},f=function(t,e){if("path"!==t.nodeName.toLowerCase())throw new Error("Need a <path> !");o(t,"d",e)},p=function(t,e,i,n,r,s){if("path"!==t.nodeName.toLowerCase())throw new Error("Need a <path> !");var u=[];if(Array.isArray(e.rectRadius)&&e.rectRadius.length>0)for(var h=0;h<4;h++)u.push.apply(u,e.rectRadius);s<0&&(n-=s*=-1),r<0&&(i-=r*=-1);var a="";u.length>=4?(a="M"+(i+u[0])+" "+n,a+="L"+(i+r-u[1])+" "+n,a+="A"+u[1]+" "+u[1]+" 0 0 1 "+(i+r)+" "+(n+u[1]),a+="L"+(i+r)+" "+(n+s-u[2]),a+="A"+u[2]+" "+u[2]+" 0 0 1 "+(i+r-u[2])+" "+(n+s),a+="L"+(i+u[3])+" "+(n+s),a+="A"+u[3]+" "+u[3]+" 0 0 1 "+i+" "+(n+s-u[3]),a+="L"+i+" "+(n+u[0]),a+="A"+u[0]+" "+u[0]+" 0 0 1 "+(i+u[0])+" "+n):(a="M"+i+" "+n,a+="L"+(i+r)+" "+n,a+="L"+(i+r)+" "+(n+s),a+="L"+i+" "+(n+s),a+="Z"),o(t,"d",a)},d=function(t,e,i,n,r,s,u,h){if("path"!==t.nodeName.toLowerCase())throw new Error("Need a <path> !");if(u=u/180*Math.PI,h=h/180*Math.PI,u%=2*Math.PI,r>s){var _=r;r=s,s=_}h>=1.999999*Math.PI||h<=1.999999*-Math.PI?h=1.999999*Math.PI:h%=2*Math.PI,function(t,e,i,n,r,o,s){e<0&&(t+=e,e*=-1);var u,h=[];u=a(0,0,t,r,0),h[0]=u[0],h[1]=u[1],u=a(0,0,e,u[0],u[1]),h[2]=u[0],h[3]=u[1],u=a(0,0,t,o,0),h[4]=u[0],h[5]=u[1],u=a(0,0,e,u[0],u[1]),h[6]=u[0],h[7]=u[1],s(t,t+e,h[0]+i,h[1]+n,h[4]+i,h[5]+n,h[2]+i,h[3]+n,h[6]+i,h[7]+n,.5*(o-r))}(u,h,i,n,r,s,(function(i,n,u,h,a,_,l,c,f,p,d){var g=n-i>Math.PI?1:0,y="M"+u+" "+h;d<0&&(d=-d),y+="A"+r+" "+r+" 0 "+g+" 1 "+l+" "+c,"round"==e.arcEndCap?y+="A"+d+" "+d+"  0 1 0 "+f+" "+p:"-round"==e.arcEndCap?y+="A"+d+" "+d+"  0 1 1 "+f+" "+p:y+="L"+f+" "+p,y+="A"+s+" "+s+" 0 "+g+" 0 "+a+" "+_,"round"==e.arcStartCap?y+="A"+d+" "+d+"  0 1 0 "+u+" "+h:"-round"==e.arcStartCap?y+="A"+d+" "+d+"  0 1 1 "+u+" "+h:y+="L"+u+" "+h,"butt"==e.arcStartCap&&(y+="Z"),o(t,"d",y)}))};function g(t,e,i,n,r){var o=Math.cos(i),s=Math.sin(i);return[(n-t)*o-(r-e)*s+t,(n-t)*s+(r-e)*o+e]}var y=function(t,e){var i={value:function(){return"url(#"+e+")"},setColor:function(e,r){var s=n("stop");return t.appendChild(s),o(s,"offset",100*e+"%"),o(s,"style","stop-color:"+r+";"),i}};return i};var E=function(){function t(t){this.name="SVG",this.__config={fillStyle:"rgb(0,0,0)",strokeStyle:"rgb(0,0,0)",textAlign:"left",textBaseline:"middle",fontSize:16,fontFamily:"sans-serif",arcStartCap:"butt",arcEndCap:"butt",lineDash:[],lineWidth:1,lineCap:"butt",lineJoin:"miter",rectRadius:[]},this.__path="",this.__currentPosition=[],this.__svg=t}return t.prototype.config=function(t){if("object"!=typeof t)return this.__config[t];for(var e in t)this.__config[e]=t[e];return this},t.prototype.reset=function(){return this.config({fillStyle:"rgb(0,0,0)",strokeStyle:"rgb(0,0,0)",textAlign:"left",textBaseline:"middle",fontSize:16,fontFamily:"sans-serif",arcStartCap:"butt",arcEndCap:"butt",lineDash:[],lineWidth:1,lineCap:"butt",lineJoin:"miter",rectRadius:[]}),this},t.prototype.useEl=function(t){return this.__useEl=t,this},t.prototype.getEl=function(){return this.__useEl},t.prototype.appendEl=function(t,e){return e=e||this.__svg,"string"==typeof t&&(t=n(t)),e.appendChild(t),this.__useEl=t,this},t.prototype.appendBoard=function(t,e){var i=t;if("string"==typeof t&&(i={text:"text",path:"path",arc:"path",circle:"circle",rect:"rect"}[t]||""),""==i)throw new Error("Unsupported drawing method:"+t);return this.appendEl(i,e)},t.prototype.remove=function(){if(!this.__useEl)throw new Error("Currently, no node can be deleted.");return this.__useEl.parentNode.removeChild(this.__useEl),this},t.prototype.attr=function(t){if(!this.__useEl)throw new Error("Currently, no node can be modified or viewed.");if("object"!=typeof t)return function(t,i){return e.indexOf(i)>-1&&(i="xlink:"+i),t.getAttribute(i)}(this.__useEl,t);for(var i in t)o(this.__useEl,i,t[i]);return this},t.prototype.fillText=function(t,e,i,n){return void 0===n&&(n=0),l(this.__useEl,this.__config,e,i,n),this.__useEl.textContent=t,u(this.__useEl,this.__config),this},t.prototype.strokeText=function(t,e,i,n){return void 0===n&&(n=0),l(this.__useEl,this.__config,e,i,n),this.__useEl.textContent=t,h(this.__useEl,this.__config),this},t.prototype.fullText=function(t,e,i,n){return void 0===n&&(n=0),l(this.__useEl,this.__config,e,i,n),this.__useEl.textContent=t,s(this.__useEl,this.__config),this},t.prototype.fillArc=function(t,e,i,n,r,o){return d(this.__useEl,this.__config,t,e,i,n,r,o),u(this.__useEl,this.__config),this},t.prototype.strokeArc=function(t,e,i,n,r,o){return d(this.__useEl,this.__config,t,e,i,n,r,o),h(this.__useEl,this.__config),this},t.prototype.fullArc=function(t,e,i,n,r,o){return d(this.__useEl,this.__config,t,e,i,n,r,o),s(this.__useEl,this.__config),this},t.prototype.fillCircle=function(t,e,i){return c(this.__useEl,t,e,i),u(this.__useEl,this.__config),this},t.prototype.strokeCircle=function(t,e,i){return c(this.__useEl,t,e,i),h(this.__useEl,this.__config),this},t.prototype.fullCircle=function(t,e,i){return c(this.__useEl,t,e,i),s(this.__useEl,this.__config),this},t.prototype.fillRect=function(t,e,i,n){return p(this.__useEl,this.__config,t,e,i,n),u(this.__useEl,this.__config),this},t.prototype.strokeRect=function(t,e,i,n){return p(this.__useEl,this.__config,t,e,i,n),h(this.__useEl,this.__config),this},t.prototype.fullRect=function(t,e,i,n){return p(this.__useEl,this.__config,t,e,i,n),s(this.__useEl,this.__config),this},t.prototype.beginPath=function(){return this.__currentPosition=[],this.__path="",this},t.prototype.closePath=function(){return this.__path+="Z",this},t.prototype.moveTo=function(t,e){return this.__currentPosition=[t,e],this.__path+="M"+t+" "+e,this},t.prototype.lineTo=function(t,e){return this.__currentPosition=[t,e],this.__path+=(""==this.__path?"M":"L")+t+" "+e,this},t.prototype.fill=function(){return f(this.__useEl,this.__path),u(this.__useEl,this.__config),this},t.prototype.stroke=function(){return f(this.__useEl,this.__path),h(this.__useEl,this.__config),this},t.prototype.full=function(){return f(this.__useEl,this.__path),s(this.__useEl,this.__config),this},t.prototype.arc=function(t,e,i,n,r){var o=g(t,e,n/180*Math.PI,t+i,e),s=g(t,e,(n+r)/180*Math.PI,t+i,e);return""==this.__path?this.__path+="M"+o[0]+","+o[1]:o[0]==this.__currentPosition[0]&&o[1]==this.__currentPosition[1]||(this.__path+="L"+o[0]+","+o[1]),this.__path+="A"+i+","+i+" 0 "+(r>180||r<-180?1:0)+","+(r>0?1:0)+" "+s[0]+","+s[1],this},t.prototype.quadraticCurveTo=function(t,e,i,n){return this.__path+="Q"+t+" "+e+","+i+" "+n,this},t.prototype.bezierCurveTo=function(t,e,i,n,r,o){return this.__path+="C"+t+" "+e+","+i+" "+n+","+r+" "+o,this},t.prototype.bind=function(t,e){return this.__useEl.addEventListener(t,(function(t){e.call(this,t,this)}),!1),this},t.prototype.createLinearGradient=function(t,e,i,r){return function(t,e,i,r,s){var u=_(t),h="visliteLg"+(new Date).valueOf()+(1e6*Math.random()).toFixed(0),a=n("linearGradient");return u.appendChild(a),o(a,"id",h),o(a,"x1",e+"%"),o(a,"y1",i+"%"),o(a,"x2",r+"%"),o(a,"y2",s+"%"),y(a,h)}(this.__svg,t,e,i,r)},t.prototype.createRadialGradient=function(t,e,i){return function(t,e,i,r){var s=_(t),u="visliteRg"+(new Date).valueOf()+(1e6*Math.random()).toFixed(0),h=n("radialGradient");return s.appendChild(h),o(h,"id",u),o(h,"cx",e+"%"),o(h,"cy",i+"%"),o(h,"r",r+"%"),y(h,u)}(this.__svg,t,e,i)},t}(),v=function(e){function i(t){var i=this;if(!t)throw new Error("VISLite SVG:The mount point requires an HTMLElement type but encountered null.");var n=t.clientWidth,r=t.clientHeight,o=document.createElementNS("http://www.w3.org/2000/svg","svg");return t.appendChild(o),o.setAttribute("width",n+""),o.setAttribute("height",r+""),o.setAttribute("viewBox","0 0 "+n+" "+r),(i=e.call(this,o)||this).__el=t,i}return function(e,i){if("function"!=typeof i&&null!==i)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");function n(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(n.prototype=i.prototype,new n)}(i,e),i.prototype.toDataURL=function(){var t=this;return new Promise((function(e){var i=t.__el.clientWidth,n=t.__el.clientHeight,r=document.createElement("img");r.setAttribute("width",i+""),r.setAttribute("height",n+"");var o="data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='"+i+"' height='"+n+"'>"+t.__svg.innerHTML.replace(/"/g,"'")+"</svg>";r.setAttribute("src",o),setTimeout((function(){var t=document.createElement("canvas");t.setAttribute("width",i+""),t.setAttribute("height",n+"");var o=t.getContext("2d");o&&o.drawImage(r,0,0,i,n),e(t.toDataURL())}),100)}))},i}(E);export{v as default};
+var t=function(r,e){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,r){t.__proto__=r}||function(t,r){for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&(t[e]=r[e])},t(r,e)};"function"==typeof SuppressedError&&SuppressedError;var r=["href","title","show","type","role","actuate"],e=function(t,r){o(t,"stroke-dasharray",r.lineDash.join(",")),o(t,"stroke-width",r.lineWidth+""),o(t,"stroke-linecap",r.lineCap+""),o(t,"stroke-linejoin",r.lineJoin+"")};function n(t){return document.createElementNS("http://www.w3.org/2000/svg",t)}var i=function(t,e,n){r.indexOf(e)>-1?t.setAttributeNS("http://www.w3.org/1999/xlink","xlink:"+e,n+""):t.setAttribute(e,n+"")},o=i;function s(t,r){e(t,r),i(t,"stroke",r.strokeStyle),i(t,"fill",r.fillStyle)}function a(t,r){i(t,"fill",r.fillStyle)}function h(t,r){e(t,r),i(t,"stroke",r.strokeStyle),i(t,"fill","none")}var _=function(t,r,e,n,i){var o=Math.cos(e),s=Math.sin(e);return[+((n-t)*o-(i-r)*s+t).toFixed(7),+((n-t)*s+(i-r)*o+r).toFixed(7)]};var u=function(t){var r=t.getElementsByTagName("defs");if(r.length<=0){var e=n("defs");return t.appendChild(e),e}return r[0]},f=function(t,r,e,n,i){if("text"!==t.nodeName.toLowerCase())throw new Error("Need a <text> !");o(t,"dy",{top:.5*r.fontSize,middle:0,bottom:.5*-r.fontSize}[r.textBaseline]),function(t,r){for(var e in r)t.style[e]=r[e]}(t,{"text-anchor":{left:"start",right:"end",center:"middle"}[r.textAlign],"dominant-baseline":"central","font-size":r.fontSize+"px","font-family":r.fontFamily}),o(t,"x",e),o(t,"y",n),"number"==typeof i&&o(t,"transform","rotate("+(i%=360)+","+e+","+n+")")},c=function(t,r,e,n){if("circle"!==t.nodeName.toLowerCase())throw new Error("Need a <circle> !");o(t,"cx",r),o(t,"cy",e),o(t,"r",n)},l=function(t,r){if("path"!==t.nodeName.toLowerCase())throw new Error("Need a <path> !");o(t,"d",r)},p=function(t,r,e,n,i,s){if("path"!==t.nodeName.toLowerCase())throw new Error("Need a <path> !");var a=[];if(Array.isArray(r.rectRadius)&&r.rectRadius.length>0)for(var h=0;h<4;h++)a.push.apply(a,r.rectRadius);s<0&&(n-=s*=-1),i<0&&(e-=i*=-1);var _="";a.length>=4?(_="M"+(e+a[0])+" "+n,_+="L"+(e+i-a[1])+" "+n,_+="A"+a[1]+" "+a[1]+" 0 0 1 "+(e+i)+" "+(n+a[1]),_+="L"+(e+i)+" "+(n+s-a[2]),_+="A"+a[2]+" "+a[2]+" 0 0 1 "+(e+i-a[2])+" "+(n+s),_+="L"+(e+a[3])+" "+(n+s),_+="A"+a[3]+" "+a[3]+" 0 0 1 "+e+" "+(n+s-a[3]),_+="L"+e+" "+(n+a[0]),_+="A"+a[0]+" "+a[0]+" 0 0 1 "+(e+a[0])+" "+n):(_="M"+e+" "+n,_+="L"+(e+i)+" "+n,_+="L"+(e+i)+" "+(n+s),_+="L"+e+" "+(n+s),_+="Z"),o(t,"d",_)},d=function(t,r,e,n,i,s,a,h){if("path"!==t.nodeName.toLowerCase())throw new Error("Need a <path> !");if(a=a/180*Math.PI,h=h/180*Math.PI,a%=2*Math.PI,i>s){var u=i;i=s,s=u}h>=1.999999*Math.PI||h<=1.999999*-Math.PI?h=1.999999*Math.PI:h%=2*Math.PI,function(t,r,e,n,i,o,s){r<0&&(t+=r,r*=-1);var a,h=[];a=_(0,0,t,i,0),h[0]=a[0],h[1]=a[1],a=_(0,0,r,a[0],a[1]),h[2]=a[0],h[3]=a[1],a=_(0,0,t,o,0),h[4]=a[0],h[5]=a[1],a=_(0,0,r,a[0],a[1]),h[6]=a[0],h[7]=a[1],s(t,t+r,h[0]+e,h[1]+n,h[4]+e,h[5]+n,h[2]+e,h[3]+n,h[6]+e,h[7]+n,.5*(o-i))}(a,h,e,n,i,s,(function(e,n,a,h,_,u,f,c,l,p,d){var y=n-e>Math.PI?1:0,m="M"+a+" "+h;d<0&&(d=-d),m+="A"+i+" "+i+" 0 "+y+" 1 "+f+" "+c,"round"==r.arcEndCap?m+="A"+d+" "+d+"  0 1 0 "+l+" "+p:"-round"==r.arcEndCap?m+="A"+d+" "+d+"  0 1 1 "+l+" "+p:m+="L"+l+" "+p,m+="A"+s+" "+s+" 0 "+y+" 0 "+_+" "+u,"round"==r.arcStartCap?m+="A"+d+" "+d+"  0 1 0 "+a+" "+h:"-round"==r.arcStartCap?m+="A"+d+" "+d+"  0 1 1 "+a+" "+h:m+="L"+a+" "+h,"butt"==r.arcStartCap&&(m+="Z"),o(t,"d",m)}))};function y(t,r,e,n,i){var o=Math.cos(e),s=Math.sin(e);return[(n-t)*o-(i-r)*s+t,(n-t)*s+(i-r)*o+r]}var m=function(t,r){var e={value:function(){return"url(#"+r+")"},setColor:function(r,i){var s=n("stop");return t.appendChild(s),o(s,"offset",100*r+"%"),o(s,"style","stop-color:"+i+";"),e}};return e};var g=function(){function t(t){this.name="SVG",this.__config={fillStyle:"rgb(0,0,0)",strokeStyle:"rgb(0,0,0)",textAlign:"left",textBaseline:"middle",fontSize:16,fontFamily:"sans-serif",arcStartCap:"butt",arcEndCap:"butt",lineDash:[],lineWidth:1,lineCap:"butt",lineJoin:"miter",rectRadius:[]},this.__path="",this.__currentPosition=[],this.__transform_history=[],this.__transform_current="",this.__svg=t}return t.prototype.config=function(t){if("object"!=typeof t)return this.__config[t];for(var r in t)this.__config[r]=t[r];return this},t.prototype.reset=function(){return this.config({fillStyle:"rgb(0,0,0)",strokeStyle:"rgb(0,0,0)",textAlign:"left",textBaseline:"middle",fontSize:16,fontFamily:"sans-serif",arcStartCap:"butt",arcEndCap:"butt",lineDash:[],lineWidth:1,lineCap:"butt",lineJoin:"miter",rectRadius:[]}),this},t.prototype.useEl=function(t){return this.__useEl=t,this},t.prototype.getEl=function(){return this.__useEl},t.prototype.appendEl=function(t,r){return r=r||this.__svg,"string"==typeof t&&(t=n(t)),r.appendChild(t),this.__useEl=t,this},t.prototype.appendBoard=function(t,r){var e=t;if("string"==typeof t&&(e={text:"text",path:"path",arc:"path",circle:"circle",rect:"path"}[t]||""),""==e)throw new Error("Unsupported drawing method:"+t);return this.appendEl(e,r)},t.prototype.remove=function(){if(!this.__useEl)throw new Error("Currently, no node can be deleted.");return this.__useEl.parentNode.removeChild(this.__useEl),this},t.prototype.attr=function(t){if(!this.__useEl)throw new Error("Currently, no node can be modified or viewed.");if("object"!=typeof t)return function(t,e){return r.indexOf(e)>-1&&(e="xlink:"+e),t.getAttribute(e)}(this.__useEl,t);for(var e in t)o(this.__useEl,e,t[e]);return this},t.prototype.fillText=function(t,r,e,n){return void 0===n&&(n=0),f(this.__useEl,this.__config,r,e,n),this.attr({transform:this.__transform_current}),this.__useEl.textContent=t,a(this.__useEl,this.__config),this},t.prototype.strokeText=function(t,r,e,n){return void 0===n&&(n=0),f(this.__useEl,this.__config,r,e,n),this.attr({transform:this.__transform_current}),this.__useEl.textContent=t,h(this.__useEl,this.__config),this},t.prototype.fullText=function(t,r,e,n){return void 0===n&&(n=0),f(this.__useEl,this.__config,r,e,n),this.attr({transform:this.__transform_current}),this.__useEl.textContent=t,s(this.__useEl,this.__config),this},t.prototype.fillArc=function(t,r,e,n,i,o){return d(this.__useEl,this.__config,t,r,e,n,i,o),this.attr({transform:this.__transform_current}),a(this.__useEl,this.__config),this},t.prototype.strokeArc=function(t,r,e,n,i,o){return d(this.__useEl,this.__config,t,r,e,n,i,o),this.attr({transform:this.__transform_current}),h(this.__useEl,this.__config),this},t.prototype.fullArc=function(t,r,e,n,i,o){return d(this.__useEl,this.__config,t,r,e,n,i,o),this.attr({transform:this.__transform_current}),s(this.__useEl,this.__config),this},t.prototype.fillCircle=function(t,r,e){return c(this.__useEl,t,r,e),this.attr({transform:this.__transform_current}),a(this.__useEl,this.__config),this},t.prototype.strokeCircle=function(t,r,e){return c(this.__useEl,t,r,e),this.attr({transform:this.__transform_current}),h(this.__useEl,this.__config),this},t.prototype.fullCircle=function(t,r,e){return c(this.__useEl,t,r,e),this.attr({transform:this.__transform_current}),s(this.__useEl,this.__config),this},t.prototype.fillRect=function(t,r,e,n){return p(this.__useEl,this.__config,t,r,e,n),this.attr({transform:this.__transform_current}),a(this.__useEl,this.__config),this},t.prototype.strokeRect=function(t,r,e,n){return p(this.__useEl,this.__config,t,r,e,n),this.attr({transform:this.__transform_current}),h(this.__useEl,this.__config),this},t.prototype.fullRect=function(t,r,e,n){return p(this.__useEl,this.__config,t,r,e,n),this.attr({transform:this.__transform_current}),s(this.__useEl,this.__config),this},t.prototype.beginPath=function(){return this.__currentPosition=[],this.__path="",this},t.prototype.closePath=function(){return this.__path+="Z",this},t.prototype.moveTo=function(t,r){return this.__currentPosition=[t,r],this.__path+="M"+t+" "+r,this},t.prototype.lineTo=function(t,r){return this.__currentPosition=[t,r],this.__path+=(""==this.__path?"M":"L")+t+" "+r,this},t.prototype.fill=function(){return l(this.__useEl,this.__path),this.attr({transform:this.__transform_current}),a(this.__useEl,this.__config),this},t.prototype.stroke=function(){return l(this.__useEl,this.__path),this.attr({transform:this.__transform_current}),h(this.__useEl,this.__config),this},t.prototype.full=function(){return l(this.__useEl,this.__path),this.attr({transform:this.__transform_current}),s(this.__useEl,this.__config),this},t.prototype.save=function(){return this.__transform_history.push(this.__transform_current),this},t.prototype.restore=function(){return this.__transform_history.length>0&&(this.__transform_current=this.__transform_history.pop()),this},t.prototype.arc=function(t,r,e,n,i){var o=y(t,r,n/180*Math.PI,t+e,r),s=y(t,r,(n+i)/180*Math.PI,t+e,r);return""==this.__path?this.__path+="M"+o[0]+","+o[1]:o[0]==this.__currentPosition[0]&&o[1]==this.__currentPosition[1]||(this.__path+="L"+o[0]+","+o[1]),this.__path+="A"+e+","+e+" 0 "+(i>180||i<-180?1:0)+","+(i>0?1:0)+" "+s[0]+","+s[1],this},t.prototype.quadraticCurveTo=function(t,r,e,n){return this.__path+="Q"+t+" "+r+","+e+" "+n,this},t.prototype.bezierCurveTo=function(t,r,e,n,i,o){return this.__path+="C"+t+" "+r+","+e+" "+n+","+i+" "+o,this},t.prototype.bind=function(t,r){return this.__useEl.addEventListener(t,(function(t){r.call(this,t,this)}),!1),this},t.prototype.createLinearGradient=function(t,r,e,i){return function(t,r,e,i,s){var a=u(t),h="visliteLg"+(new Date).valueOf()+(1e6*Math.random()).toFixed(0),_=n("linearGradient");return a.appendChild(_),o(_,"id",h),o(_,"x1",r+"%"),o(_,"y1",e+"%"),o(_,"x2",i+"%"),o(_,"y2",s+"%"),m(_,h)}(this.__svg,t,r,e,i)},t.prototype.createRadialGradient=function(t,r,e){return function(t,r,e,i){var s=u(t),a="visliteRg"+(new Date).valueOf()+(1e6*Math.random()).toFixed(0),h=n("radialGradient");return s.appendChild(h),o(h,"id",a),o(h,"cx",r+"%"),o(h,"cy",e+"%"),o(h,"r",i+"%"),m(h,a)}(this.__svg,t,r,e)},t.prototype.translate=function(t,r){return this.__transform_current+=" translate("+t+","+r+")",this},t.prototype.rotate=function(t){return this.__transform_current+=" rotate("+t+")",this},t.prototype.install=function(t){var r=this,e=function(e){if(e in n)throw new Error("VISLite SVG:Method already exists and cannot be overwritten.");n[e]=function(){for(var n=[],i=0;i<arguments.length;i++)n[i]=arguments[i];var o=t[e].apply(r,n);return null!=o?o:r}},n=this;for(var i in t)e(i);return this},t}(),E=function(r){function e(t){var e=this;if(!t)throw new Error("VISLite SVG:The mount point requires an HTMLElement type but encountered null.");var n=t.clientWidth,i=t.clientHeight,o=document.createElementNS("http://www.w3.org/2000/svg","svg");return t.appendChild(o),o.setAttribute("width",n+""),o.setAttribute("height",i+""),o.setAttribute("viewBox","0 0 "+n+" "+i),(e=r.call(this,o)||this).__el=t,e}return function(r,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function n(){this.constructor=r}t(r,e),r.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}(e,r),e.prototype.toDataURL=function(){var t=this;return new Promise((function(r){var e=t.__el.clientWidth,n=t.__el.clientHeight,i=document.createElement("img");i.setAttribute("width",e+""),i.setAttribute("height",n+"");var o="data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='"+e+"' height='"+n+"'>"+t.__svg.innerHTML.replace(/"/g,"'")+"</svg>";i.setAttribute("src",o),setTimeout((function(){var t=document.createElement("canvas");t.setAttribute("width",e+""),t.setAttribute("height",n+"");var o=t.getContext("2d");o&&o.drawImage(i,0,0,e,n),r(t.toDataURL())}),100)}))},e}(g);export{E as default};

package/lib/Shader/index.es.js

@@ -1,5 +1,5 @@
 /*!
-* Shader of VISLite JavaScript Library v1.7.0-alpha.0
+* Shader of VISLite JavaScript Library v1.7.0
 * git+https://github.com/oi-contrib/VISLite.git
 */
 var loadShader = function (painter, type, source) {

package/lib/Shader/index.es.min.js

@@ -1,5 +1,5 @@
 /*!
-* Shader of VISLite JavaScript Library v1.7.0-alpha.0
+* Shader of VISLite JavaScript Library v1.7.0
 * git+https://github.com/oi-contrib/VISLite.git
 */
 var r=function(r,e,t){var a=r.createShader(e);if(null==a)throw new Error("Unable to create shader!");if(r.shaderSource(a,t),r.compileShader(a),!r.getShaderParameter(a,r.COMPILE_STATUS))throw new Error("Failed to compile shader:"+r.getShaderInfoLog(a));return a},e=function(){function e(r){this.__painter=r}return e.prototype.use=function(){return this.__painter.useProgram(this.program),this},e.prototype.compile=function(e,t){return this.program=function(e,t,a){var o=r(e,e.VERTEX_SHADER,t),n=r(e,e.FRAGMENT_SHADER,a),i=e.createProgram();if(e.attachShader(i,o),e.attachShader(i,n),e.linkProgram(i),!e.getProgramParameter(i,e.LINK_STATUS))throw new Error("Failed to link program: "+e.getProgramInfoLog(i));return i}(this.__painter,e,t),this},e}();export{e as default};

package/lib/Texture/index.es.js

@@ -1,5 +1,5 @@
 /*!
-* Texture of VISLite JavaScript Library v1.7.0-alpha.0
+* Texture of VISLite JavaScript Library v1.7.0
 * git+https://github.com/oi-contrib/VISLite.git
 */
 var initTexture = function (painter, type, unit) {

package/lib/Texture/index.es.min.js

@@ -1,5 +1,5 @@
 /*!
-* Texture of VISLite JavaScript Library v1.7.0-alpha.0
+* Texture of VISLite JavaScript Library v1.7.0
 * git+https://github.com/oi-contrib/VISLite.git
 */
 var _=function(){function _(_,t,e){void 0===e&&(e=0),this.__painter=_,this.__type={"2d":_.TEXTURE_2D,cube:_.TEXTURE_CUBE_MAP}[t],this.__texture=function(_,t,e){var E=_.createTexture();return _.activeTexture(_["TEXTURE"+e]),_.bindTexture(t,E),E}(_,this.__type,e),_.texParameteri(this.__type,_.TEXTURE_MIN_FILTER,_.NEAREST),_.texParameteri(this.__type,_.TEXTURE_MAG_FILTER,_.NEAREST),_.texParameteri(this.__type,_.TEXTURE_WRAP_S,_.CLAMP_TO_EDGE),_.texParameteri(this.__type,_.TEXTURE_WRAP_T,_.CLAMP_TO_EDGE)}return _.prototype.useImage=function(_){return function(_,t,e,E,T,i){_.texImage2D(t,e,E,E,T,i)}(this.__painter,this.__type,0,this.__painter.RGBA,this.__painter.UNSIGNED_BYTE,_),this},_.prototype.useCube=function(_,t,e){return function(_,t,e,E,T,i,r,n,a){for(var u,p=[_.TEXTURE_CUBE_MAP_POSITIVE_X,_.TEXTURE_CUBE_MAP_NEGATIVE_X,_.TEXTURE_CUBE_MAP_POSITIVE_Y,_.TEXTURE_CUBE_MAP_NEGATIVE_Y,_.TEXTURE_CUBE_MAP_POSITIVE_Z,_.TEXTURE_CUBE_MAP_NEGATIVE_Z],s=0;s<p.length;s++)i[s]&&(u=p[s],_.texImage2D(u,e,E,r,n,0,E,T,null),_.bindTexture(t,a),_.texImage2D(u,e,E,E,T,i[s]));_.generateMipmap(t)}(this.__painter,this.__type,0,this.__painter.RGBA,this.__painter.UNSIGNED_BYTE,_,t,e,this.__texture),this},_}();export{_ as default};

package/lib/TreeLayout/index.es.js

@@ -1,5 +1,5 @@
 /*!
-* TreeLayout of VISLite JavaScript Library v1.7.0-alpha.0
+* TreeLayout of VISLite JavaScript Library v1.7.0
 * git+https://github.com/oi-contrib/VISLite.git
 */
 /******************************************************************************

package/lib/TreeLayout/index.es.min.js

@@ -1,5 +1,5 @@
 /*!
-* TreeLayout of VISLite JavaScript Library v1.7.0-alpha.0
+* TreeLayout of VISLite JavaScript Library v1.7.0
 * git+https://github.com/oi-contrib/VISLite.git
 */
 var t=function(e,o){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])},t(e,o)};"function"==typeof SuppressedError&&SuppressedError;function e(t,e){for(var o in t)e[o]=t[o];return e}var o,n=function(){function t(t){void 0===t&&(t={}),this.name="Tree",this.__config=e(t,{root:function(t){return t},children:function(t){return t.children},id:function(t){return t.name}})}return t.prototype.use=function(t,e){return void 0===e&&(e={}),function(t,e,o){void 0===o&&(o={});var n=function(t,e){var o,n,i={},r=e.root(t);o=n=e.id(r),i[o]={data:r,pid:null,id:o,isOpen:!0,show:!0,deg:0,children:[]};var p=1;return function n(r,s){var d=e.children(r,t);p+=d?d.length:0;for(var h=0;d&&h<d.length;h++)o=e.id(d[h]),i[s].children.push(o),i[o]={data:d[h],pid:s,id:o,isOpen:!0,show:!0,deg:0,children:[]},n(d[h],o)}(r,o),{rid:n,value:i,num:p}}(t,e),i=n.value,r=n.rid;if(1==n.num)return i[r].left=.5,i[r].top=.5,i[r].show=!0,{deep:1,node:i,root:r,size:1};var p=[],s=0,d=0;for(var h in o[r]?(i[r].left=.5,i[r].top=.5,i[r].show=!0,s=1):function t(e,n){n>d&&(d=n);var r=0;if(!o[e.id])for(r=0;r<e.children.length;r++)t(i[e.children[r]],n+1);if(i[e.id].left=n+.5,0==r?(null==p[n]&&(p[n]=-.5),null==p[n-1]&&(p[n-1]=-.5),i[e.id].top=p[n]+1,p[n]+1+.5*(i[e.pid].children.length-1)-1<p[n-1]&&(i[e.id].top=p[n-1]+1-.5*(i[e.pid].children.length-1))):i[e.id].top=.5*(i[e.children[0]].top+i[e.children[r-1]].top),i[e.id].top<=p[n])var h=p[n]+1-i[e.id].top((function t(e,o){i[e].top+=h,p[o]<i[e].top&&(p[o]=i[e].top);for(var n=0;n<i[e].children.length;n++)t(i[e].children[n],o+1)}))(e.id,n);p[n]=i[e.id].top,i[e.id].top+.5>s&&(s=i[e.id].top+.5)}(i[r],0),o)o[h]&&(i[h].isOpen=!1,function t(e,o,n){for(var r=0;r<i[e].children.length;r++)i[i[e].children[r]].left=o,i[i[e].children[r]].top=n,i[i[e].children[r]].show=!1,t(i[e].children[r],o,n)}(h,i[h].left,i[h].top));return{node:i,root:r,size:s,deep:d+1}}(t,this.__config,e)},t}(),i=[];

package/lib/animation/index.es.js

@@ -1,5 +1,5 @@
 /*!
-* animation of VISLite JavaScript Library v1.7.0-alpha.0
+* animation of VISLite JavaScript Library v1.7.0
 * git+https://github.com/oi-contrib/VISLite.git
 */
 /*!

package/lib/animation/index.es.min.js

@@ -1,5 +1,5 @@
 /*!
-* animation of VISLite JavaScript Library v1.7.0-alpha.0
+* animation of VISLite JavaScript Library v1.7.0
 * git+https://github.com/oi-contrib/VISLite.git
 */
 /*!

package/lib/assemble/index.es.js

@@ -1,5 +1,5 @@
 /*!
-* assemble of VISLite JavaScript Library v1.7.0-alpha.0
+* assemble of VISLite JavaScript Library v1.7.0
 * git+https://github.com/oi-contrib/VISLite.git
 */
 function assemble (begin, end, step, count) {

package/lib/assemble/index.es.min.js

@@ -1,5 +1,5 @@
 /*!
-* assemble of VISLite JavaScript Library v1.7.0-alpha.0
+* assemble of VISLite JavaScript Library v1.7.0
 * git+https://github.com/oi-contrib/VISLite.git
 */
 function r(r,t,e,f){for(var n=[],o=0;o<f;o++)n[o]=r;return function(){for(var o=0;o<f;o++){if(n[o]+e<t){n[o]=+(n[o]+e).toFixed(7);break}o<f-1&&(n[o]=r)}return n}}export{r as default};

package/lib/getLoopColors/index.es.js

@@ -1,5 +1,5 @@
 /*!
-* getLoopColors of VISLite JavaScript Library v1.7.0-alpha.0
+* getLoopColors of VISLite JavaScript Library v1.7.0
 * git+https://github.com/oi-contrib/VISLite.git
 */
 function getLoopColors (num, alpha, colorsFactory) {

package/lib/getLoopColors/index.es.min.js

@@ -1,5 +1,5 @@
 /*!
-* getLoopColors of VISLite JavaScript Library v1.7.0-alpha.0
+* getLoopColors of VISLite JavaScript Library v1.7.0
 * git+https://github.com/oi-contrib/VISLite.git
 */
 function r(r,a,g){void 0===a&&(a=1);var t=g?g(a):["rgba(84,112,198,"+a+")","rgba(145,204,117,"+a+")","rgba(250,200,88,"+a+")","rgba(238,102,102,"+a+")","rgba(115,192,222,"+a+")","rgba(59,162,114,"+a+")","rgba(252,132,82,"+a+")","rgba(154,96,180,"+a+")","rgba(234,124,204,"+a+")"],e=[];if(r<=t.length)return t;if(r%t.length==0)for(var n=0;n<r/t.length;n++)e=e.concat(t);else{for(var o=1;o<r/t.length;o++)e=e.concat(t);if(r%t.length==1)e=e.concat(t[4]);else for(var b=0;b<r%t.length;b++)e=e.concat(t[b])}return e}export{r as default};

package/lib/getWebGLContext/index.es.js

@@ -1,5 +1,5 @@
 /*!
-* getWebGLContext of VISLite JavaScript Library v1.7.0-alpha.0
+* getWebGLContext of VISLite JavaScript Library v1.7.0
 * git+https://github.com/oi-contrib/VISLite.git
 */
 function getWebGLContext (canvas, scale, opts, mode) {

package/lib/getWebGLContext/index.es.min.js

@@ -1,5 +1,5 @@
 /*!
-* getWebGLContext of VISLite JavaScript Library v1.7.0-alpha.0
+* getWebGLContext of VISLite JavaScript Library v1.7.0
 * git+https://github.com/oi-contrib/VISLite.git
 */
 var e=function(e,t,i){if(void 0===t&&(t=1),!e)throw new Error("VISLite getWebGLContext:The mount point requires an HTMLElement type but encountered null.");var n,r=e.clientWidth,a=e.clientHeight,o=e;return o._vislite_canvas_?n=o._vislite_canvas_:(n=document.createElement("canvas"),e.appendChild(n),o._vislite_canvas_=n,e.setAttribute("vislite","WebGL")),n.style.width=r+"px",n.setAttribute("width",r+""),n.style.height=a+"px",n.setAttribute("height",a+""),function(e,t,i,n){void 0===i&&(i={}),void 0===n&&(n="scaleToFill");for(var r=["experimental-webgl","webkit-3d","moz-webgl"],a=e.getContext("webgl",i),o=0;o<r.length;o++){try{a=e.getContext(r[o],i)}catch(e){}if(a)break}if(!a)throw new Error("Non canvas or browser does not support webgl.");var l=a.canvas.width,s=a.canvas.height,c=t,v=t;"aspectFit"==n?l>s?c*=s/l:s>l&&(v*=l/s):"aspectFill"==n&&(l>s?v*=l/s:s>l&&(c*=s/l));var h=l*c,u=s*v;return a.viewport(.5*(l-h),.5*(s-u),h,u),a.depthFunc(a.LEQUAL),a.enable(a.DEPTH_TEST),a}(n,t,{},i)};export{e as default};

package/lib/index.umd.js

@@ -1,5 +1,5 @@
 /*!
-* VISLite JavaScript Library v1.7.0-alpha.0
+* VISLite JavaScript Library v1.7.0
 * git+https://github.com/oi-contrib/VISLite.git
 */
 (function (global, factory) {
@@ -859,6 +859,8 @@
             this.__config = defaultFactory$1();
             this.__path = "";
             this.__currentPosition = [];
+            this.__transform_history = [];
+            this.__transform_current = "";
             this.__svg = svg;
         }
         SVG.prototype.config = function (params) {
@@ -900,7 +902,7 @@
                         path: "path",
                         arc: "path",
                         circle: "circle",
-                        rect: "rect",
+                        rect: "path",
                     }[el] || "";
             if (_el == "")
                 throw new Error("Unsupported drawing method:" + el);
@@ -931,6 +933,9 @@
         SVG.prototype.fillText = function (text, x, y, deg) {
             if (deg === void 0) { deg = 0; }
             initText$1(this.__useEl, this.__config, x, y, deg);
+            this.attr({
+                transform: this.__transform_current
+            });
             this.__useEl.textContent = text;
             fill(this.__useEl, this.__config);
             return this;
@@ -938,6 +943,9 @@
         SVG.prototype.strokeText = function (text, x, y, deg) {
             if (deg === void 0) { deg = 0; }
             initText$1(this.__useEl, this.__config, x, y, deg);
+            this.attr({
+                transform: this.__transform_current
+            });
             this.__useEl.textContent = text;
             stroke(this.__useEl, this.__config);
             return this;
@@ -945,52 +953,82 @@
         SVG.prototype.fullText = function (text, x, y, deg) {
             if (deg === void 0) { deg = 0; }
             initText$1(this.__useEl, this.__config, x, y, deg);
+            this.attr({
+                transform: this.__transform_current
+            });
             this.__useEl.textContent = text;
             full(this.__useEl, this.__config);
             return this;
         };
         SVG.prototype.fillArc = function (cx, cy, r1, r2, beginDeg, deg) {
             initArc$1(this.__useEl, this.__config, cx, cy, r1, r2, beginDeg, deg);
+            this.attr({
+                transform: this.__transform_current
+            });
             fill(this.__useEl, this.__config);
             return this;
         };
         SVG.prototype.strokeArc = function (cx, cy, r1, r2, beginDeg, deg) {
             initArc$1(this.__useEl, this.__config, cx, cy, r1, r2, beginDeg, deg);
+            this.attr({
+                transform: this.__transform_current
+            });
             stroke(this.__useEl, this.__config);
             return this;
         };
         SVG.prototype.fullArc = function (cx, cy, r1, r2, beginDeg, deg) {
             initArc$1(this.__useEl, this.__config, cx, cy, r1, r2, beginDeg, deg);
+            this.attr({
+                transform: this.__transform_current
+            });
             full(this.__useEl, this.__config);
             return this;
         };
         SVG.prototype.fillCircle = function (cx, cy, r) {
             initCircle$1(this.__useEl, cx, cy, r);
+            this.attr({
+                transform: this.__transform_current
+            });
             fill(this.__useEl, this.__config);
             return this;
         };
         SVG.prototype.strokeCircle = function (cx, cy, r) {
             initCircle$1(this.__useEl, cx, cy, r);
+            this.attr({
+                transform: this.__transform_current
+            });
             stroke(this.__useEl, this.__config);
             return this;
         };
         SVG.prototype.fullCircle = function (cx, cy, r) {
             initCircle$1(this.__useEl, cx, cy, r);
+            this.attr({
+                transform: this.__transform_current
+            });
             full(this.__useEl, this.__config);
             return this;
         };
         SVG.prototype.fillRect = function (x, y, width, height) {
             initRect$1(this.__useEl, this.__config, x, y, width, height);
+            this.attr({
+                transform: this.__transform_current
+            });
             fill(this.__useEl, this.__config);
             return this;
         };
         SVG.prototype.strokeRect = function (x, y, width, height) {
             initRect$1(this.__useEl, this.__config, x, y, width, height);
+            this.attr({
+                transform: this.__transform_current
+            });
             stroke(this.__useEl, this.__config);
             return this;
         };
         SVG.prototype.fullRect = function (x, y, width, height) {
             initRect$1(this.__useEl, this.__config, x, y, width, height);
+            this.attr({
+                transform: this.__transform_current
+            });
             full(this.__useEl, this.__config);
             return this;
         };
@@ -1015,19 +1053,37 @@
         };
         SVG.prototype.fill = function () {
             initPath(this.__useEl, this.__path);
+            this.attr({
+                transform: this.__transform_current
+            });
             fill(this.__useEl, this.__config);
             return this;
         };
         SVG.prototype.stroke = function () {
             initPath(this.__useEl, this.__path);
+            this.attr({
+                transform: this.__transform_current
+            });
             stroke(this.__useEl, this.__config);
             return this;
         };
         SVG.prototype.full = function () {
             initPath(this.__useEl, this.__path);
+            this.attr({
+                transform: this.__transform_current
+            });
             full(this.__useEl, this.__config);
             return this;
         };
+        SVG.prototype.save = function () {
+            this.__transform_history.push(this.__transform_current);
+            return this;
+        };
+        SVG.prototype.restore = function () {
+            if (this.__transform_history.length > 0)
+                this.__transform_current = this.__transform_history.pop();
+            return this;
+        };
         SVG.prototype.arc = function (x, y, r, beginDeg, deg) {
             var begPosition = rotate$1(x, y, (beginDeg / 180) * Math.PI, x + r, y);
             var endPosition = rotate$1(x, y, ((beginDeg + deg) / 180) * Math.PI, x + r, y);
@@ -1074,6 +1130,39 @@
         SVG.prototype.createRadialGradient = function (cx, cy, r) {
             return radialGradient$1(this.__svg, cx, cy, r);
         };
+        SVG.prototype.translate = function (dx, dy) {
+            this.__transform_current += ' translate(' + dx + ',' + dy + ')';
+            return this;
+        };
+        SVG.prototype.rotate = function (deg) {
+            this.__transform_current += ' rotate(' + deg + ')';
+            return this;
+        };
+        SVG.prototype.install = function (methods) {
+            var _this = this;
+            var _loop_1 = function (key) {
+                if (key in this_1) {
+                    throw new Error("VISLite SVG:Method already exists and cannot be overwritten.");
+                }
+                else {
+                    this_1[key] = function () {
+                        var args = [];
+                        for (var _i = 0; _i < arguments.length; _i++) {
+                            args[_i] = arguments[_i];
+                        }
+                        var value = methods[key].apply(_this, args);
+                        if (value != void 0)
+                            return value;
+                        return _this;
+                    };
+                }
+            };
+            var this_1 = this;
+            for (var key in methods) {
+                _loop_1(key);
+            }
+            return this;
+        };
         return SVG;
     }());