vislite 1.3.0 → 1.4.0

package/lib/Mercator/index.es.js

@@ -1,5 +1,5 @@
 /*!
-* Mercator of VISLite JavaScript Library v1.3.0
+* Mercator of VISLite JavaScript Library v1.4.0
 * git+https://github.com/oi-contrib/VISLite.git
 */
 var Mercator = (function () {

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

@@ -1,5 +1,5 @@
 /*!
-* Mercator of VISLite JavaScript Library v1.3.0
+* Mercator of VISLite JavaScript Library v1.4.0
 * git+https://github.com/oi-contrib/VISLite.git
 */
 var t=function(t,a){void 0===t&&(t=7),void 0===a&&(a=[107,36]),this.name="Mercator";var r=100*t*Math.PI/180,e=r*a[0],i=-1*r*a[1];this.use=function(t,a){return[.8*(r*t-e),-1*r*a-i,0]}};export{t as default};

package/lib/PieLayout/index.es.d.ts

@@ -0,0 +1,3 @@
+import { PieLayout } from "../../types/index"
+
+export default PieLayout

package/lib/PieLayout/index.es.js

@@ -0,0 +1,234 @@
+/*!
+* PieLayout of VISLite JavaScript Library v1.4.0
+* git+https://github.com/oi-contrib/VISLite.git
+*/
+function initOption(setOption, defaultOption) {
+    for (var key in setOption) {
+        defaultOption[key] = setOption[key];
+    }
+    return defaultOption;
+}
+
+function rotate (cx, cy, deg, x, y) {
+    var cos = Math.cos(deg), sin = Math.sin(deg);
+    return [
+        (x - cx) * cos - (y - cy) * sin + cx,
+        (x - cx) * sin + (y - cy) * cos + cy
+    ];
+}
+
+/*!
+* animation of OIPage v1.3.0
+* git+https://github.com/oi-contrib/OIPage.git
+*/
+
+//当前正在运动的动画的tick函数堆栈
+var $timers = [];
+//唯一定时器的定时间隔
+var $interval = 13;
+//定时器ID
+var $timerId;
+
+/**
+ * 动画轮播
+ * @param {function} doback 轮询函数，有一个形参deep，0-1，表示执行进度
+ * @param {number} duration 动画时长，可选
+ * @param {function} callback 动画结束回调，可选，有一个形参deep，0-1，表示执行进度
+ *
+ * @returns {function} 返回一个函数，调用该函数，可以提前结束动画
+ */
+function animation(doback, duration, callback) {
+    if (arguments.length < 2) duration = 400;
+    if (arguments.length < 3) callback = function () { };
+
+    var clock = {
+        //把tick函数推入堆栈
+        "timer": function (tick, duration, callback) {
+            if (!tick) {
+                throw new Error('Tick is required!');
+            }
+            var id = new Date().valueOf() + "_" + (Math.random() * 1000).toFixed(0);
+            $timers.push({
+                "id": id,
+                "createTime": new Date(),
+                "tick": tick,
+                "duration": duration,
+                "callback": callback
+            });
+            clock.start();
+            return id;
+        },
+
+        //开启唯一的定时器timerId
+        "start": function () {
+            if (!$timerId) {
+                $timerId = setInterval(clock.tick, $interval);
+            }
+        },
+
+        //被定时器调用，遍历timers堆栈
+        "tick": function () {
+            var createTime, flag, tick, callback, timer, duration, passTime, timers = $timers;
+
+            $timers = [];
+            $timers.length = 0;
+
+            for (flag = 0; flag < timers.length; flag++) {
+                //初始化数据
+                timer = timers[flag];
+                createTime = timer.createTime;
+                tick = timer.tick;
+                duration = timer.duration;
+                callback = timer.callback;
+
+                //执行
+                passTime = (+new Date().valueOf() - createTime.valueOf()) / duration;
+                passTime = passTime > 1 ? 1 : passTime;
+                tick(passTime);
+                if (passTime < 1 && timer.id) {
+                    //动画没有结束再添加
+                    $timers.push(timer);
+                } else {
+                    callback(passTime);
+                }
+            }
+            if ($timers.length <= 0) {
+                clock.stop();
+            }
+        },
+
+        //停止定时器，重置timerId=null
+        "stop": function () {
+            if ($timerId) {
+                clearInterval($timerId);
+                $timerId = null;
+            }
+        }
+    };
+
+    var id = clock.timer(function (deep) {
+        //其中deep为0-1，表示改变的程度
+        doback(deep);
+    }, duration, callback);
+
+    return {
+        // 一个函数
+        // 用于在动画结束前结束动画
+        stop: function () {
+            var i;
+            for (i in $timers) {
+                if ($timers[i].id == id) {
+                    $timers[i].id = void 0;
+                    return;
+                }
+            }
+        }
+    };
+
+}
+
+var PieLayout = (function () {
+    function PieLayout(config) {
+        if (config === void 0) { config = {}; }
+        this.name = 'PieLayout';
+        this.__option = {
+            cx: 200,
+            cy: 200,
+            radius: [50, 100],
+            duration: 200,
+        };
+        this.__hoverIndex = -1;
+        this.__config = initOption(config, {
+            name: function (pieData, initPie) { return pieData.name; },
+            value: function (pieData, initPie) { return pieData.value; }
+        });
+    }
+    PieLayout.prototype.setOption = function (option) {
+        initOption(option, this.__option);
+        return this;
+    };
+    PieLayout.prototype.use = function (initPie, hoverIndex) {
+        if (hoverIndex === void 0) { hoverIndex = -1; }
+        var pie = {
+            count: initPie.length,
+            cx: this.__option.cx,
+            cy: this.__option.cy,
+            radius: this.__option.radius,
+            hoverIndex: hoverIndex,
+            node: []
+        };
+        var totalValue = 0, names = [], values = [];
+        for (var i = 0; i < initPie.length; i++) {
+            names[i] = this.__config.name(initPie[i], initPie);
+            values[i] = this.__config.value(initPie[i], initPie);
+            totalValue += values[i];
+        }
+        var beginDeg = Math.PI * -0.5, currenDeg;
+        for (var i = 0; i < initPie.length; i++) {
+            currenDeg = values[i] / totalValue * Math.PI * 2;
+            var radius = [this.__option.radius[0], this.__option.radius[1] * (1 + (hoverIndex === i ? 0.05 : 0))];
+            var pdeg = beginDeg + currenDeg * 0.5, pradius = Math.max(this.__option.radius[0], this.__option.radius[1]);
+            var p0 = rotate(pie.cx, pie.cy, pdeg, pie.cx + pradius, pie.cy);
+            var p1 = rotate(pie.cx, pie.cy, pdeg, pie.cx + pradius + 15, pie.cy);
+            var pflag = p0[0] > pie.cx ? 1 : -1;
+            var p2 = [p1[0] + pflag * 20, p1[1]];
+            var p3 = [p1[0] + pflag * 25, p1[1]];
+            pie.node[i] = {
+                value: values[i],
+                name: names[i],
+                beginDeg: beginDeg,
+                deg: currenDeg,
+                isHover: hoverIndex === i,
+                radius: radius,
+                label: {
+                    line: [p0, p1, p2],
+                    position: p3,
+                    align: pflag === -1 ? "right" : "left"
+                }
+            };
+            beginDeg += currenDeg;
+        }
+        return pie;
+    };
+    PieLayout.prototype.bind = function (initPie, renderBack) {
+        this.__rback = renderBack;
+        this.__oralPie = initPie;
+        this.__prePie = this.use(this.__oralPie, this.__hoverIndex);
+        this.__rback(this.__prePie);
+        return this;
+    };
+    PieLayout.prototype.unbind = function () {
+        this.__rback = function () { return null; };
+        this.__oralPie = null;
+        this.__prePie = null;
+        this.__hoverIndex = -1;
+        return this;
+    };
+    PieLayout.prototype.setHover = function (index) {
+        if (!this.__prePie || this.__hoverIndex === index)
+            return this;
+        this.__hoverIndex = index;
+        this.doUpdate();
+        return this;
+    };
+    PieLayout.prototype.doUpdate = function () {
+        var _this = this;
+        var newPie = this.use(this.__oralPie, this.__hoverIndex);
+        var cachePie = JSON.parse(JSON.stringify(newPie));
+        animation(function (deep) {
+            if (_this.__prePie) {
+                for (var i = 0; i < cachePie.count; i++) {
+                    cachePie.node[i].radius[1] = _this.__prePie.node[i].radius[1] + (newPie.node[i].radius[1] - _this.__prePie.node[i].radius[1]) * deep;
+                }
+            }
+            _this.__rback(cachePie);
+        }, this.__option.duration, function () {
+            _this.__prePie = newPie;
+            _this.__rback(_this.__prePie);
+        });
+        return this;
+    };
+    return PieLayout;
+}());
+
+export { PieLayout as default };

package/lib/PieLayout/index.es.min.d.ts

@@ -0,0 +1,3 @@
+import { PieLayout } from "../../types/index"
+
+export default PieLayout

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

@@ -0,0 +1,9 @@
+/*!
+* PieLayout of VISLite JavaScript Library v1.4.0
+* git+https://github.com/oi-contrib/VISLite.git
+*/
+function t(t,i){for(var n in t)i[n]=t[n];return i}function i(t,i,n,e,r){var o=Math.cos(n),a=Math.sin(n);return[(e-t)*o-(r-i)*a+t,(e-t)*a+(r-i)*o+i]}
+/*!
+* animation of OIPage v1.3.0
+* git+https://github.com/oi-contrib/OIPage.git
+*/var n,e=[];var r=function(){function r(i){void 0===i&&(i={}),this.name="PieLayout",this.__option={cx:200,cy:200,radius:[50,100],duration:200},this.__hoverIndex=-1,this.__config=t(i,{name:function(t,i){return t.name},value:function(t,i){return t.value}})}return r.prototype.setOption=function(i){return t(i,this.__option),this},r.prototype.use=function(t,n){void 0===n&&(n=-1);for(var e={count:t.length,cx:this.__option.cx,cy:this.__option.cy,radius:this.__option.radius,hoverIndex:n,node:[]},r=0,o=[],a=[],_=0;_<t.length;_++)o[_]=this.__config.name(t[_],t),a[_]=this.__config.value(t[_],t),r+=a[_];var s,u=-.5*Math.PI;for(_=0;_<t.length;_++){s=a[_]/r*Math.PI*2;var h=[this.__option.radius[0],this.__option.radius[1]*(1+(n===_?.05:0))],c=u+.5*s,d=Math.max(this.__option.radius[0],this.__option.radius[1]),p=i(e.cx,e.cy,c,e.cx+d,e.cy),l=i(e.cx,e.cy,c,e.cx+d+15,e.cy),f=p[0]>e.cx?1:-1,v=[l[0]+20*f,l[1]],x=[l[0]+25*f,l[1]];e.node[_]={value:a[_],name:o[_],beginDeg:u,deg:s,isHover:n===_,radius:h,label:{line:[p,l,v],position:x,align:-1===f?"right":"left"}},u+=s}return e},r.prototype.bind=function(t,i){return this.__rback=i,this.__oralPie=t,this.__prePie=this.use(this.__oralPie,this.__hoverIndex),this.__rback(this.__prePie),this},r.prototype.unbind=function(){return this.__rback=function(){return null},this.__oralPie=null,this.__prePie=null,this.__hoverIndex=-1,this},r.prototype.setHover=function(t){return this.__prePie&&this.__hoverIndex!==t?(this.__hoverIndex=t,this.doUpdate(),this):this},r.prototype.doUpdate=function(){var t=this,i=this.use(this.__oralPie,this.__hoverIndex),r=JSON.parse(JSON.stringify(i));return function(t,i,r){arguments.length<2&&(i=400),arguments.length<3&&(r=function(){});var o={timer:function(t,i,n){if(!t)throw new Error("Tick is required!");var r=(new Date).valueOf()+"_"+(1e3*Math.random()).toFixed(0);return e.push({id:r,createTime:new Date,tick:t,duration:i,callback:n}),o.start(),r},start:function(){n||(n=setInterval(o.tick,13))},tick:function(){var t,i,n,r,a,_,s,u=e;for((e=[]).length=0,i=0;i<u.length;i++)t=(a=u[i]).createTime,n=a.tick,_=a.duration,r=a.callback,n(s=(s=(+(new Date).valueOf()-t.valueOf())/_)>1?1:s),s<1&&a.id?e.push(a):r(s);e.length<=0&&o.stop()},stop:function(){n&&(clearInterval(n),n=null)}},a=o.timer((function(i){t(i)}),i,r)}((function(n){if(t.__prePie)for(var e=0;e<r.count;e++)r.node[e].radius[1]=t.__prePie.node[e].radius[1]+(i.node[e].radius[1]-t.__prePie.node[e].radius[1])*n;t.__rback(r)}),this.__option.duration,(function(){t.__prePie=i,t.__rback(t.__prePie)})),this},r}();export{r as default};

package/lib/RawCanvas/index.es.js

@@ -1,5 +1,5 @@
 /*!
-* RawCanvas of VISLite JavaScript Library v1.3.0
+* RawCanvas of VISLite JavaScript Library v1.4.0
 * git+https://github.com/oi-contrib/VISLite.git
 */
 /******************************************************************************
@@ -635,7 +635,7 @@ var conicGradient = function (painter, cx, cy, startDeg, deg) {
     var gradient = painter.createConicGradient(startDeg, cx, cy);
     return enhanceGradient(gradient, deg ? function (stop) {
         return deg / (Math.PI * 2) * stop;
-    } : undefined);
+    } : void 0);
 };
 
 var Canvas = (function (_super) {

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

@@ -1,5 +1,5 @@
 /*!
-* RawCanvas of VISLite JavaScript Library v1.3.0
+* RawCanvas of VISLite JavaScript Library v1.4.0
 * git+https://github.com/oi-contrib/VISLite.git
 */
 var t=function(i,e){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,i){t.__proto__=i}||function(t,i){for(var e in i)Object.prototype.hasOwnProperty.call(i,e)&&(t[e]=i[e])},t(i,e)};var i=function(){return i=Object.assign||function(t){for(var i,e=1,n=arguments.length;e<n;e++)for(var r in i=arguments[e])Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r]);return t},i.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var e=function(t,i,e,n,r){var o=Math.cos(e),s=Math.sin(e);return[+((n-t)*o-(r-i)*s+t).toFixed(7),+((n-t)*s+(r-i)*o+i).toFixed(7)]};var n=function(t,i,e,n,r){return t.beginPath(),t.translate(e,n),t.rotate(r),t.font=i.fontStyle+" "+i.fontWeight+" "+i.fontSize+"px "+i.fontFamily,t},r=function(t,i,n,r,o,s,_,h){if(o>s){var a=o;o=s,s=a}return _%=2*Math.PI,h>=1.999999*Math.PI||h<=1.999999*-Math.PI?h=2*Math.PI:h%=2*Math.PI,function(t,i,n,r,o,s,_){i<0&&(t+=i,i*=-1);var h,a=[];h=e(0,0,t,o,0),a[0]=h[0],a[1]=h[1],h=e(0,0,i,h[0],h[1]),a[2]=h[0],a[3]=h[1],h=e(0,0,t,s,0),a[4]=h[0],a[5]=h[1],h=e(0,0,i,h[0],h[1]),a[6]=h[0],a[7]=h[1],_(t,t+i,a[0]+n,a[1]+r,a[4]+n,a[5]+r,a[2]+n,a[3]+r,a[6]+n,a[7]+r,.5*(s-o))}(_,h,n,r,o,s,(function(e,_,h,a,l,p,u,f,c,g,y){y<0&&(y=-y),t.beginPath(),t.moveTo(h,a),t.arc(n,r,o,e,_,!1),"round"==i.arcEndCap?t.arc(.5*(u+c),.5*(f+g),y,_-Math.PI,_,!0):"-round"==i.arcEndCap?t.arc(.5*(u+c),.5*(f+g),y,_-Math.PI,_,!1):t.lineTo(c,g),t.arc(n,r,s,_,e,!0),"round"==i.arcStartCap?t.arc(.5*(h+l),.5*(a+p),y,e,e-Math.PI,!0):"-round"==i.arcStartCap?t.arc(.5*(h+l),.5*(a+p),y,e,e-Math.PI,!1):t.lineTo(h,a)})),"butt"==i.arcStartCap&&t.closePath(),t},o=function(t,i,e,n){return t.beginPath(),t.moveTo(i+n,e),t.arc(i,e,n,0,2*Math.PI),t},s=function(t,i,e,n,r,o){t.beginPath();var s=[];if(Array.isArray(i.rectRadius)&&i.rectRadius.length>0)for(var _=0;_<4;_++)s.push.apply(s,i.rectRadius);return s.length>=4?(t.arc(e+s[0],n+s[0],s[0],Math.PI,1.5*Math.PI),t.arc(e+r-s[1],n+s[1],s[1],1.5*Math.PI,0),t.arc(e+r-s[2],n+o-s[2],s[2],0,.5*Math.PI),t.arc(e+s[3],n+o-s[3],s[3],.5*Math.PI,Math.PI),t.closePath()):t.rect(e,n,r,o),t};function _(t,i,e,n,r){for(var o=0,s="",_=0;_<i.length;_++)t.measureText(s+i[_]).width>e||/\n$/.test(s)?(r(s,((o+=1)-.5)*n),s=i[_]):_==i.length-1?(o+=1,r(s+i[_],(o-.5)*n)):s+=i[_];return o*n}function h(t){var e={fontSize:16,fontFamily:"sans-serif",fontWeight:400,fontStyle:"normal",arcStartCap:"butt",arcEndCap:"butt",rectRadius:[]},n={fillStyle:"black",strokeStyle:"black",lineWidth:1,lineCap:"butt",lineJoin:"miter",lineDash:[],textAlign:"left",textBaseline:"middle",shadowBlur:0,shadowColor:"black"};return"special"==t?e:"init"==t?n:i(i({},e),n)}var a=function(){function t(t,i,e,n,r){void 0===i&&(i={}),void 0===n&&(n=!1),this.__region=null,this.__onlyRegion=!1,this.__onlyView=!1,this.__specialConfig=h("special"),this.__initConfig=h("init"),this.painter=t.getContext("2d",i),this.__region=e,this.__isPainter=n,this.painter.textBaseline="middle",this.painter.textAlign="left"}return t.prototype.useConfig=function(t,i){if(this.__region&&!this.__onlyView&&["fillStyle","strokeStyle","shadowBlur","shadowColor"].indexOf(t)<0&&this.__region.useConfig(t,i),this.__isPainter&&this.__onlyRegion)return this;if("lineDash"==t)this.painter.setLineDash&&this.painter.setLineDash(i);else if(t in this.__specialConfig)"fontSize"==t&&(i=Math.round(i)),this.__specialConfig[t]=i;else{if(!(t in this.__initConfig))throw new Error("Illegal configuration item of painter : "+t+" !");this.painter[t]=i}return this},t.prototype.fillText=function(t,i,e,r){return void 0===r&&(r=0),this.__region&&!this.__onlyView&&this.__region.fillText(t,i,e,r),this.__isPainter&&this.__onlyRegion||(this.painter.save(),n(this.painter,this.__specialConfig,i,e,r).fillText(t,0,0),this.painter.restore()),this},t.prototype.strokeText=function(t,i,e,r){return void 0===r&&(r=0),this.__region&&!this.__onlyView&&this.__region.strokeText(t,i,e,r),this.__isPainter&&this.__onlyRegion||(this.painter.save(),n(this.painter,this.__specialConfig,i,e,r).strokeText(t,0,0),this.painter.restore()),this},t.prototype.fullText=function(t,i,e,r){return void 0===r&&(r=0),this.__region&&!this.__onlyView&&this.__region.fullText(t,i,e,r),this.__isPainter&&this.__onlyRegion||(this.painter.save(),n(this.painter,this.__specialConfig,i,e,r),this.painter.fillText(t,0,0),this.painter.strokeText(t,0,0),this.painter.restore()),this},t.prototype.fillTexts=function(t,i,e,r,o,s){var h=this;void 0===o&&(o=1.2),void 0===s&&(s=0);var a=0;if(this.__region&&!this.__onlyView&&(a=this.__region.fillTexts(t,i,e,r,o)),this.__isPainter&&this.__onlyRegion)return a;this.painter.save(),n(this.painter,this.__specialConfig,i,e,s);var l=_(this.painter,t,r,this.__specialConfig.fontSize*o,(function(t,i){h.painter.fillText(t,0,i)}));return this.painter.restore(),l},t.prototype.strokeTexts=function(t,i,e,r,o,s){var h=this;void 0===o&&(o=1.2),void 0===s&&(s=0);var a=0;if(this.__region&&!this.__onlyView&&(a=this.__region.fillTexts(t,i,e,r,o)),this.__isPainter&&this.__onlyRegion)return a;this.painter.save(),n(this.painter,this.__specialConfig,i,e,s);var l=_(this.painter,t,r,this.__specialConfig.fontSize*o,(function(t,i){h.painter.strokeText(t,0,i)}));return this.painter.restore(),l},t.prototype.fullTexts=function(t,i,e,r,o,s){var h=this;void 0===o&&(o=1.2),void 0===s&&(s=0);var a=0;if(this.__region&&!this.__onlyView&&(a=this.__region.fillTexts(t,i,e,r,o)),this.__isPainter&&this.__onlyRegion)return a;this.painter.save(),n(this.painter,this.__specialConfig,i,e,s);var l=_(this.painter,t,r,this.__specialConfig.fontSize*o,(function(t,i){h.painter.fillText(t,0,i),h.painter.strokeText(t,0,i)}));return this.painter.restore(),l},t.prototype.beginPath=function(){return this.__region&&!this.__onlyView&&this.__region.beginPath(),this.__isPainter&&this.__onlyRegion||this.painter.beginPath(),this},t.prototype.closePath=function(){return this.__region&&!this.__onlyView&&this.__region.closePath(),this.__isPainter&&this.__onlyRegion||this.painter.closePath(),this},t.prototype.moveTo=function(t,i){return this.__region&&!this.__onlyView&&this.__region.moveTo(t,i),this.__isPainter&&this.__onlyRegion||this.painter.moveTo(Math.round(t)+.5,Math.round(i)+.5),this},t.prototype.lineTo=function(t,i){return this.__region&&!this.__onlyView&&this.__region.lineTo(t,i),this.__isPainter&&this.__onlyRegion||this.painter.lineTo(Math.round(t)+.5,Math.round(i)+.5),this},t.prototype.arc=function(t,i,e,n,r){return this.__region&&!this.__onlyView&&this.__region.arc(t,i,e,n,r),this.__isPainter&&this.__onlyRegion||this.painter.arc(t,i,e,n,n+r,r<0),this},t.prototype.fill=function(){return this.__region&&!this.__onlyView&&this.__region.fill(),this.__isPainter&&this.__onlyRegion||this.painter.fill(),this},t.prototype.stroke=function(){return this.__region&&!this.__onlyView&&this.__region.stroke(),this.__isPainter&&this.__onlyRegion||this.painter.stroke(),this},t.prototype.full=function(){return this.__region&&!this.__onlyView&&this.__region.full(),this.__isPainter&&this.__onlyRegion||(this.painter.fill(),this.painter.stroke()),this},t.prototype.save=function(){return this.__region&&!this.__onlyView&&this.__region.save(),this.__isPainter&&this.__onlyRegion||this.painter.save(),this},t.prototype.restore=function(){return this.__region&&!this.__onlyView&&this.__region.restore(),this.__isPainter&&this.__onlyRegion||this.painter.restore(),this},t.prototype.clip=function(){return this.__region&&!this.__onlyView&&this.__region.clip(),this.__isPainter&&this.__onlyRegion||this.painter.clip(),this},t.prototype.quadraticCurveTo=function(t,i,e,n){return this.__region&&!this.__onlyView&&this.__region.quadraticCurveTo(t,i,e,n),this.__isPainter&&this.__onlyRegion||this.painter.quadraticCurveTo(t,i,e,n),this},t.prototype.bezierCurveTo=function(t,i,e,n,r,o){return this.__region&&!this.__onlyView&&this.__region.bezierCurveTo(t,i,e,n,r,o),this.__isPainter&&this.__onlyRegion||this.painter.bezierCurveTo(t,i,e,n,r,o),this},t.prototype.clearRect=function(t,i,e,n){return this.__region&&!this.__onlyView&&this.__region.clearRect(t,i,e,n),this.__isPainter&&this.__onlyRegion||this.painter.clearRect(t,i,e,n),this},t.prototype.clearCircle=function(t,i,e){return this.__region&&!this.__onlyView&&this.__region.clearCircle(t,i,e),this.__isPainter&&this.__onlyRegion||(this.painter.beginPath(),this.painter.globalCompositeOperation="destination-out",this.painter.arc(t,i,e,0,2*Math.PI),this.painter.fill(),this.painter.globalCompositeOperation="source-over",this.painter.closePath()),this},t.prototype.fillArc=function(t,i,e,n,o,s){return this.__region&&!this.__onlyView&&this.__region.fillArc(t,i,e,n,o,s),this.__isPainter&&this.__onlyRegion||r(this.painter,this.__specialConfig,t,i,e,n,o,s).fill(),this},t.prototype.strokeArc=function(t,i,e,n,o,s){return this.__region&&!this.__onlyView&&this.__region.strokeArc(t,i,e,n,o,s),this.__isPainter&&this.__onlyRegion||r(this.painter,this.__specialConfig,t,i,e,n,o,s).stroke(),this},t.prototype.fullArc=function(t,i,e,n,o,s){return this.__region&&!this.__onlyView&&this.__region.fullArc(t,i,e,n,o,s),this.__isPainter&&this.__onlyRegion||(r(this.painter,this.__specialConfig,t,i,e,n,o,s),this.painter.fill(),this.painter.stroke()),this},t.prototype.fillCircle=function(t,i,e){return this.__region&&!this.__onlyView&&this.__region.fillCircle(t,i,e),this.__isPainter&&this.__onlyRegion||o(this.painter,t,i,e).fill(),this},t.prototype.strokeCircle=function(t,i,e){return this.__region&&!this.__onlyView&&this.__region.strokeCircle(t,i,e),this.__isPainter&&this.__onlyRegion||o(this.painter,t,i,e).stroke(),this},t.prototype.fullCircle=function(t,i,e){return this.__region&&!this.__onlyView&&this.__region.fullCircle(t,i,e),this.__isPainter&&this.__onlyRegion||(o(this.painter,t,i,e),this.painter.fill(),this.painter.stroke()),this},t.prototype.fillRect=function(t,i,e,n){return this.__region&&!this.__onlyView&&this.__region.fillRect(t,i,e,n),this.__isPainter&&this.__onlyRegion||s(this.painter,this.__specialConfig,t,i,e,n).fill(),this},t.prototype.strokeRect=function(t,i,e,n){return this.__region&&!this.__onlyView&&this.__region.strokeRect(t,i,e,n),this.__isPainter&&this.__onlyRegion||s(this.painter,this.__specialConfig,t,i,e,n).stroke(),this},t.prototype.fullRect=function(t,i,e,n){return this.__region&&!this.__onlyView&&this.__region.fullRect(t,i,e,n),this.__isPainter&&this.__onlyRegion||(s(this.painter,this.__specialConfig,t,i,e,n),this.painter.fill(),this.painter.stroke()),this},t.prototype.draw=function(){return Promise.resolve()},t.prototype.drawImage=function(t,i,e,n,r,o){var s=this;return void 0===o&&(o=!1),new Promise((function(_){if(s.__region&&!s.__onlyView&&s.__region.fillRect(i,e,n,r),s.__isPainter&&s.__onlyRegion)_({});else if("string"!=typeof t||o)s.painter.drawImage(t,i,e,n,r),_({});else{var h=new Image;h.onload=function(){s.painter.drawImage(h,i,e,n,r),_({})},h.src=t}}))},t.prototype.install=function(t){var i=this,e=function(e){if(e in n)throw new Error("VISLite Canvas:Method already exists and cannot be overwritten.");n[e]=function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];var o=t[e].apply(i,n);return null!=o?o:i}},n=this;for(var r in t)e(r);return this},t}();var l=function(t,i){var e={value:function(){return t},setColor:function(n,r){return t.addColorStop(i?i(n):n,r),e}};return e},p=function(i){function e(t,e,n,r){void 0===n&&(n={}),void 0===r&&(r=1);var o=i.call(this,t,n,e?new a(e,{willReadFrequently:!0}):void 0,!0,r)||this;return o.name="Canvas",o.__regionList={},o.__regionAssemble=function(t,i,e,n){for(var r=[],o=0;o<n;o++)r[o]=t;return function(){for(var o=0;o<n;o++){if(r[o]+e<i){r[o]=+(r[o]+e).toFixed(7);break}o<n-1&&(r[o]=t)}return r}}(0,255,10,3),o.__scaleSize=r,o.setRegion(""),o}return function(i,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=i}t(i,e),i.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}(e,i),e.prototype.config=function(t){for(var i in t)this.useConfig(i,t[i]);return this},e.prototype.reset=function(){return this.config(h()),this},e.prototype.onlyRegion=function(t){return this.__onlyRegion=t,this},e.prototype.onlyView=function(t){return this.__onlyView=t,this},e.prototype.setRegion=function(t){if(this.__region)if(t){if(null==this.__regionList[t]){var i=this.__regionAssemble();this.__regionList[t]="rgb("+i[0]+","+i[1]+","+i[2]+")"}this.__region.useConfig("fillStyle",this.__regionList[t])&&this.__region.useConfig("strokeStyle",this.__regionList[t])}else this.__region.useConfig("fillStyle","#000000")&&this.__region.useConfig("strokeStyle","#000000");return this},e.prototype.getRegion=function(t,i){var e=this;return new Promise((function(n){var r=e.__region?e.__region.painter.getImageData(t-.5,i-.5,1,1):{data:[0,0,0,0]},o=r.data,s=function(){if(e.__region)for(var t in e.__regionList)if("rgb("+o[0]+","+o[1]+","+o[2]+")"==e.__regionList[t]){n(t);break}n("")};o?s():r.then((function(t){o=t,s()}))}))},e.prototype.textWidth=function(t){this.painter.save(),n(this.painter,this.__specialConfig,0,0,0);var i=this.painter.measureText(t+"").width;return this.painter.restore(),i},e.prototype.getContext=function(t){return void 0===t&&(t=!1),t?this.__region?this.__region.painter:null:this.painter},e.prototype.getInfo=function(){return{width:this.painter.canvas.width/this.__scaleSize,height:this.painter.canvas.height/this.__scaleSize}},e.prototype.createLinearGradient=function(t,i,e,n){return function(t,i,e,n,r){var o=t.createLinearGradient(i,e,n,r);return l(o)}(this.painter,t,i,e,n)},e.prototype.createRadialGradient=function(t,i,e){return function(t,i,e,n){var r=t.createRadialGradient(i,e,0,i,e,n);return l(r)}(this.painter,t,i,e)},e.prototype.createConicGradient=function(t,i,e,n){return function(t,i,e,n,r){var o=t.createConicGradient(n,i,e);return l(o,r?function(t){return r/(2*Math.PI)*t}:void 0)}(this.painter,t,i,e,n)},e.prototype.getColor=function(t,i){t*=this.__scaleSize,i*=this.__scaleSize;var e=this.painter.getImageData(t-.5,i-.5,1,1).data;return"rgba("+e[0]+","+e[1]+","+e[2]+","+e[3]+")"},e}(a);export{p as default};

package/lib/SVG/index.es.js

@@ -1,5 +1,5 @@
 /*!
-* SVG of VISLite JavaScript Library v1.3.0
+* SVG of VISLite JavaScript Library v1.4.0
 * git+https://github.com/oi-contrib/VISLite.git
 */
 /******************************************************************************
@@ -267,7 +267,7 @@ var enhanceGradient = function (gradient, gradientId) {
 };
 var linearGradient = function (el, x0, y0, x1, y1) {
     var defs = initDefs(el);
-    var gradientId = "vislite-lg-" + new Date().valueOf() + "-" + Math.random();
+    var gradientId = "visliteLg" + new Date().valueOf() + "" + (Math.random() * 1000000).toFixed(0);
     var linearGradient = toNode("linearGradient");
     defs.appendChild(linearGradient);
     setAttribute(linearGradient, "id", gradientId);
@@ -279,7 +279,7 @@ var linearGradient = function (el, x0, y0, x1, y1) {
 };
 var radialGradient = function (el, cx, cy, r) {
     var defs = initDefs(el);
-    var gradientId = "vislite-rg-" + new Date().valueOf() + "-" + Math.random();
+    var gradientId = "visliteRg" + new Date().valueOf() + "" + (Math.random() * 1000000).toFixed(0);
     var radialGradient = toNode("radialGradient");
     defs.appendChild(radialGradient);
     setAttribute(radialGradient, "id", gradientId);
@@ -291,8 +291,8 @@ var radialGradient = function (el, cx, cy, r) {
 
 function defaultFactory () {
     return {
-        fillStyle: "#000",
-        strokeStyle: "#000",
+        fillStyle: "rgb(0,0,0)",
+        strokeStyle: "rgb(0,0,0)",
         textAlign: "left",
         textBaseline: "middle",
         "fontSize": 16,
@@ -534,6 +534,7 @@ var SVG$1 = (function () {
 var SVG = (function (_super) {
     __extends(SVG, _super);
     function SVG(el) {
+        var _this = this;
         if (!el) {
             throw new Error("VISLite SVG:The mount point requires an HTMLElement type but encountered null.");
         }
@@ -543,8 +544,30 @@ var SVG = (function (_super) {
         ViewSVG.setAttribute("width", width + "");
         ViewSVG.setAttribute("height", height + "");
         ViewSVG.setAttribute("viewBox", "0 0 " + width + " " + height);
-        return _super.call(this, ViewSVG) || this;
+        _this = _super.call(this, ViewSVG) || this;
+        _this.__el = el;
+        return _this;
     }
+    SVG.prototype.toDataURL = function () {
+        var _this = this;
+        return new Promise(function (resolve) {
+            var width = _this.__el.clientWidth, height = _this.__el.clientHeight;
+            var img = document.createElement('img');
+            img.setAttribute('width', width + "");
+            img.setAttribute('height', height + "");
+            var base64_svg = "data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='" + width + "' height='" + height + "'>" + _this.__svg.innerHTML.replace(/"/g, "'") + "</svg>";
+            img.setAttribute('src', base64_svg);
+            setTimeout(function () {
+                var canvas = document.createElement('canvas');
+                canvas.setAttribute('width', width + "");
+                canvas.setAttribute('height', height + "");
+                var painter = canvas.getContext('2d');
+                if (painter)
+                    painter.drawImage(img, 0, 0, width, height);
+                resolve(canvas.toDataURL());
+            }, 100);
+        });
+    };
     return SVG;
 }(SVG$1));
 

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

@@ -1,5 +1,5 @@
 /*!
-* SVG of VISLite JavaScript Library v1.3.0
+* SVG of VISLite JavaScript Library v1.4.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 y=n-i>Math.PI?1:0,E="M"+u+" "+h;d<0&&(d=-d),E+="A"+r+" "+r+" 0 "+y+" 1 "+l+" "+c,"round"==e.arcEndCap?E+="A"+d+" "+d+"  0 1 0 "+f+" "+p:"-round"==e.arcEndCap?E+="A"+d+" "+d+"  0 1 1 "+f+" "+p:E+="L"+f+" "+p,E+="A"+s+" "+s+" 0 "+y+" 0 "+a+" "+_,"round"==e.arcStartCap?E+="A"+d+" "+d+"  0 1 0 "+u+" "+h:"-round"==e.arcStartCap?E+="A"+d+" "+d+"  0 1 1 "+u+" "+h:E+="L"+u+" "+h,"butt"==e.arcStartCap&&(E+="Z"),o(t,"d",E)}))};function y(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 E=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 g=function(){function t(t){this.name="SVG",this.__config={fillStyle:"#000",strokeStyle:"#000",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:"#000",strokeStyle:"#000",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=y(t,e,n/180*Math.PI,t+i,e),s=y(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="vislite-lg-"+(new Date).valueOf()+"-"+Math.random(),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+"%"),E(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="vislite-rg-"+(new Date).valueOf()+"-"+Math.random(),h=n("radialGradient");return s.appendChild(h),o(h,"id",u),o(h,"cx",e+"%"),o(h,"cy",i+"%"),o(h,"r",r+"%"),E(h,u)}(this.__svg,t,e,i)},t}(),v=function(e){function i(t){if(!t)throw new Error("VISLite SVG:The mount point requires an HTMLElement type but encountered null.");var i=t.clientWidth,n=t.clientHeight,r=document.createElementNS("http://www.w3.org/2000/svg","svg");return t.appendChild(r),r.setAttribute("width",i+""),r.setAttribute("height",n+""),r.setAttribute("viewBox","0 0 "+i+" "+n),e.call(this,r)||this}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}(g);export{v as default};
+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};

package/lib/Shader/index.es.js

@@ -1,5 +1,5 @@
 /*!
-* Shader of VISLite JavaScript Library v1.3.0
+* Shader of VISLite JavaScript Library v1.4.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.3.0
+* Shader of VISLite JavaScript Library v1.4.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.3.0
+* Texture of VISLite JavaScript Library v1.4.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.3.0
+* Texture of VISLite JavaScript Library v1.4.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};