vislite 0.2.0 → 0.3.0-alpha.0

package/lib/index.umd.js

@@ -1,12 +1,16 @@
 /*!
-* VISLite JavaScript Library v0.2.0
+* VISLite JavaScript Library v0.3.0-alpha.0
 * git+https://github.com/oi-contrib/VISLite.git
 *
 * Copyright zxl20070701
 * Released under the MIT license
 * https://zxl20070701.github.io/notebook/home.html
 * 
-* Publish Date: Sat Jun 03 2023 09:32:28 GMT+0800 (中国标准时间)
+* 本版本系测试版本，请认真阅读下述说明再使用：
+*
+*【测试版本细则】
+* alpha：内测版本，仅供开发人员提供测试环境而发布，后续的修改可能极具破坏性，非有明确了解前请勿直接用于项目中
+* beta：外测版本，正式发布前的确认测试，或者新功能紧急发布，一般可以直接用于实际项目，因为即使后续发现了问题，直接使用正式版即可，不会有破坏性
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -511,22 +515,22 @@
     }
 
     var initText$1 = function (el, config, x, y, deg) {
-        if (el.nodeName.toLowerCase() !== 'text')
-            throw new Error('Need a <text> !');
+        if (el.nodeName.toLowerCase() !== "text")
+            throw new Error("Need a <text> !");
         setAttribute(el, "dy", {
-            "top": config['font-size'] * 0.5,
-            "middle": 0,
-            "bottom": -config['font-size'] * 0.5,
+            top: config["fontSize"] * 0.5,
+            middle: 0,
+            bottom: -config["fontSize"] * 0.5,
         }[config.textBaseline]);
         setStyle(el, {
             "text-anchor": {
-                "left": "start",
-                "right": "end",
-                "center": "middle"
+                left: "start",
+                right: "end",
+                center: "middle",
             }[config.textAlign],
             "dominant-baseline": "central",
-            "font-size": config['font-size'] + "px",
-            "font-family": config['font-family']
+            "font-size": config["fontSize"] + "px",
+            "font-family": config["fontFamily"],
         });
         setAttribute(el, "x", x);
         setAttribute(el, "y", y);
@@ -536,20 +540,20 @@
         }
     };
     var initCircle$1 = function (el, cx, cy, r) {
-        if (el.nodeName.toLowerCase() !== 'circle')
-            throw new Error('Need a <circle> !');
-        setAttribute(el, 'cx', cx);
-        setAttribute(el, 'cy', cy);
-        setAttribute(el, 'r', r);
+        if (el.nodeName.toLowerCase() !== "circle")
+            throw new Error("Need a <circle> !");
+        setAttribute(el, "cx", cx);
+        setAttribute(el, "cy", cy);
+        setAttribute(el, "r", r);
     };
     var initPath = function (el, path) {
-        if (el.nodeName.toLowerCase() !== 'path')
-            throw new Error('Need a <path> !');
-        setAttribute(el, 'd', path);
+        if (el.nodeName.toLowerCase() !== "path")
+            throw new Error("Need a <path> !");
+        setAttribute(el, "d", path);
     };
     var initRect$1 = function (el, x, y, width, height) {
-        if (el.nodeName.toLowerCase() !== 'rect')
-            throw new Error('Need a <rect> !');
+        if (el.nodeName.toLowerCase() !== "rect")
+            throw new Error("Need a <rect> !");
         if (height < 0) {
             height *= -1;
             y -= height;
@@ -558,14 +562,16 @@
             width *= -1;
             x -= width;
         }
-        setAttribute(el, 'x', x);
-        setAttribute(el, 'y', y);
-        setAttribute(el, 'width', width);
-        setAttribute(el, 'height', height);
+        setAttribute(el, "x", x);
+        setAttribute(el, "y", y);
+        setAttribute(el, "width", width);
+        setAttribute(el, "height", height);
     };
     var initArc$1 = function (el, config, cx, cy, r1, r2, beginDeg, deg) {
-        if (el.nodeName.toLowerCase() !== 'path')
-            throw new Error('Need a <path> !');
+        if (el.nodeName.toLowerCase() !== "path")
+            throw new Error("Need a <path> !");
+        beginDeg = (beginDeg / 180) * Math.PI;
+        deg = (deg / 180) * Math.PI;
         beginDeg = beginDeg % (Math.PI * 2);
         if (r1 > r2) {
             var temp = r1;
@@ -579,27 +585,28 @@
             deg = deg % (Math.PI * 2);
         }
         arc(beginDeg, deg, cx, cy, r1, r2, function (beginA, endA, begInnerX, begInnerY, begOuterX, begOuterY, endInnerX, endInnerY, endOuterX, endOuterY, r) {
-            var f = (endA - beginA) > Math.PI ? 1 : 0, d = "M" + begInnerX + " " + begInnerY;
+            var f = endA - beginA > Math.PI ? 1 : 0, d = "M" + begInnerX + " " + begInnerY;
             if (r < 0)
                 r = -r;
             d +=
                 "A" + r1 + " " + r1 + " 0 " + f + " 1 " + endInnerX + " " + endInnerY;
-            if (config["arc-end-cap"] == 'round')
+            if (config.arcEndCap == "round")
                 d += "A" + r + " " + r + " " + " 0 1 0 " + endOuterX + " " + endOuterY;
-            else if (config["arc-end-cap"] == '-round')
+            else if (config.arcEndCap == "-round")
                 d += "A" + r + " " + r + " " + " 0 1 1 " + endOuterX + " " + endOuterY;
             else
                 d += "L" + endOuterX + " " + endOuterY;
-            d += "A" + r2 + " " + r2 + " 0 " + f + " 0 " + begOuterX + " " + begOuterY;
-            if (config["arc-start-cap"] == 'round')
+            d +=
+                "A" + r2 + " " + r2 + " 0 " + f + " 0 " + begOuterX + " " + begOuterY;
+            if (config.arcStartCap == "round")
                 d += "A" + r + " " + r + " " + " 0 1 0 " + begInnerX + " " + begInnerY;
-            else if (config["arc-start-cap"] == '-round')
+            else if (config.arcStartCap == "-round")
                 d += "A" + r + " " + r + " " + " 0 1 1 " + begInnerX + " " + begInnerY;
             else
                 d += "L" + begInnerX + " " + begInnerY;
-            if (config["arc-start-cap"] == 'butt')
+            if (config.arcStartCap == "butt")
                 d += "Z";
-            setAttribute(el, 'd', d);
+            setAttribute(el, "d", d);
         });
     };
 
@@ -607,29 +614,29 @@
         "font-size": "fontSize",
         "font-family": "fontFamily",
         "arc-start-cap": "arcStartCap",
-        "arc-end-cap": "arcEndCap"
+        "arc-end-cap": "arcEndCap",
     };
     var SVG$1 = (function () {
         function SVG(svg) {
             this.name = "SVG";
             this.__config = {
-                "fillStyle": "#000",
-                "strokeStyle": "#000",
-                "lineWidth": 1,
-                "textAlign": "left",
-                "textBaseline": "middle",
+                fillStyle: "#000",
+                strokeStyle: "#000",
+                lineWidth: 1,
+                textAlign: "left",
+                textBaseline: "middle",
                 "font-size": 16,
                 "font-family": "sans-serif",
                 "arc-start-cap": "butt",
                 "arc-end-cap": "butt",
-                "lineDash": []
+                lineDash: [],
             };
             this.__path = "";
             this.__currentPosition = [];
             this.__svg = svg;
         }
         SVG.prototype.config = function (params) {
-            if (typeof params !== 'object') {
+            if (typeof params !== "object") {
                 return this.__config[oldAttrName$1[params] || params];
             }
             else {
@@ -649,7 +656,7 @@
         };
         SVG.prototype.appendEl = function (el, context) {
             context = context || this.__svg;
-            if (typeof el == 'string')
+            if (typeof el == "string")
                 el = toNode(el);
             context.appendChild(el);
             this.__useEl = el;
@@ -657,14 +664,15 @@
         };
         SVG.prototype.appendBoard = function (el, context) {
             var _el = el;
-            if (typeof el == 'string')
-                _el = {
-                    text: "text",
-                    path: "path",
-                    arc: "path",
-                    circle: "circle",
-                    rect: "rect"
-                }[el] || "";
+            if (typeof el == "string")
+                _el =
+                    {
+                        text: "text",
+                        path: "path",
+                        arc: "path",
+                        circle: "circle",
+                        rect: "rect",
+                    }[el] || "";
             if (_el == "")
                 throw new Error("Unsupported drawing method:" + el);
             return this.appendEl(_el, context);
@@ -681,7 +689,7 @@
         SVG.prototype.attr = function (params) {
             if (!this.__useEl)
                 throw new Error("Currently, no node can be modified or viewed.");
-            if (typeof params !== 'object') {
+            if (typeof params !== "object") {
                 return getAttribute(this.__useEl, params);
             }
             else {
@@ -792,17 +800,28 @@
             return this;
         };
         SVG.prototype.arc = function (x, y, r, beginDeg, deg) {
-            var begPosition = rotate$1(x, y, beginDeg, x + r, y);
-            var endPosition = rotate$1(x, y, beginDeg + deg, x + r, y);
-            beginDeg = beginDeg / Math.PI * 180;
-            deg = deg / Math.PI * 180;
-            if (this.__path == '') {
+            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);
+            if (this.__path == "") {
                 this.__path += "M" + begPosition[0] + "," + begPosition[1];
             }
-            else if (begPosition[0] != this.__currentPosition[0] || begPosition[1] != this.__currentPosition[1]) {
+            else if (begPosition[0] != this.__currentPosition[0] ||
+                begPosition[1] != this.__currentPosition[1]) {
                 this.__path += "L" + begPosition[0] + "," + begPosition[1];
             }
-            this.__path += "A" + r + "," + r + " 0 " + ((deg > 180 || deg < -180) ? 1 : 0) + "," + (deg > 0 ? 1 : 0) + " " + endPosition[0] + "," + endPosition[1];
+            this.__path +=
+                "A" +
+                    r +
+                    "," +
+                    r +
+                    " 0 " +
+                    (deg > 180 || deg < -180 ? 1 : 0) +
+                    "," +
+                    (deg > 0 ? 1 : 0) +
+                    " " +
+                    endPosition[0] +
+                    "," +
+                    endPosition[1];
             return this;
         };
         SVG.prototype.quadraticCurveTo = function (cpx, cpy, x, y) {
@@ -810,7 +829,8 @@
             return this;
         };
         SVG.prototype.bezierCurveTo = function (cp1x, cp1y, cp2x, cp2y, x, y) {
-            this.__path += "C" + cp1x + " " + cp1y + "," + cp2x + " " + cp2y + "," + x + " " + y;
+            this.__path +=
+                "C" + cp1x + " " + cp1y + "," + cp2x + " " + cp2y + "," + x + " " + y;
             return this;
         };
         return SVG;
@@ -837,7 +857,14 @@
         painter.beginPath();
         painter.translate(x, y);
         painter.rotate(deg);
-        painter.font = config.fontStyle + " " + config.fontWeight + " " + config.fontSize + "px " + config.fontFamily;
+        painter.font =
+            config.fontStyle +
+                " " +
+                config.fontWeight +
+                " " +
+                config.fontSize +
+                "px " +
+                config.fontFamily;
         return painter;
     };
     var initArc = function (painter, config, cx, cy, r1, r2, beginDeg, deg) {
@@ -859,17 +886,21 @@
             painter.beginPath();
             painter.moveTo(begInnerX, begInnerY);
             painter.arc(cx, cy, r1, beginA, endA, false);
-            if (config.arcEndCap != 'round')
-                painter.lineTo(endOuterX, endOuterY);
-            else
+            if (config.arcEndCap == "round")
                 painter.arc((endInnerX + endOuterX) * 0.5, (endInnerY + endOuterY) * 0.5, r, endA - Math.PI, endA, true);
-            painter.arc(cx, cy, r2, endA, beginA, true);
-            if (config.arcStartCap != 'round')
-                painter.lineTo(begInnerX, begInnerY);
+            else if (config.arcEndCap == "-round")
+                painter.arc((endInnerX + endOuterX) * 0.5, (endInnerY + endOuterY) * 0.5, r, endA - Math.PI, endA, false);
             else
+                painter.lineTo(endOuterX, endOuterY);
+            painter.arc(cx, cy, r2, endA, beginA, true);
+            if (config.arcStartCap == "round")
                 painter.arc((begInnerX + begOuterX) * 0.5, (begInnerY + begOuterY) * 0.5, r, beginA, beginA - Math.PI, true);
+            else if (config.arcStartCap == "-round")
+                painter.arc((begInnerX + begOuterX) * 0.5, (begInnerY + begOuterY) * 0.5, r, beginA, beginA - Math.PI, false);
+            else
+                painter.lineTo(begInnerX, begInnerY);
         });
-        if (config.arcStartCap == 'butt')
+        if (config.arcStartCap == "butt")
             painter.closePath();
         return painter;
     };
@@ -942,6 +973,9 @@
                     this.painter.setLineDash(value);
             }
             else if (key in this.__specialConfig) {
+                if (key == 'fontSize') {
+                    value = Math.round(value);
+                }
                 this.__specialConfig[key] = value;
             }
             else if (key in this.__initConfig) {
@@ -1085,6 +1119,12 @@
             this.painter.restore();
             return this;
         };
+        Painter.prototype.clip = function () {
+            if (this.__region)
+                this.__region.clip();
+            this.painter.clip();
+            return this;
+        };
         Painter.prototype.quadraticCurveTo = function (cpx, cpy, x, y) {
             if (this.__region)
                 this.__region.quadraticCurveTo(cpx, cpy, x, y);
@@ -1184,19 +1224,46 @@
         };
     }
 
+    var linearGradient = function (painter, x0, y0, x1, y1) {
+        var gradient = painter.createLinearGradient(x0, y0, x1, y1);
+        var enhanceGradient = {
+            "value": function () {
+                return gradient;
+            },
+            "setColor": function (stop, color) {
+                gradient.addColorStop(stop, color);
+                return enhanceGradient;
+            }
+        };
+        return enhanceGradient;
+    };
+    var radialGradient = function (painter, cx, cy, r) {
+        var gradient = painter.createRadialGradient(cx, cy, 0, cx, cy, r);
+        var enhanceGradient = {
+            "value": function () {
+                return gradient;
+            },
+            "setColor": function (stop, color) {
+                gradient.addColorStop(stop, color);
+                return enhanceGradient;
+            }
+        };
+        return enhanceGradient;
+    };
+
     var oldAttrName = {
         "font-size": "fontSize",
         "font-family": "fontFamily",
         "font-weight": "fontWeight",
         "font-style": "fontStyle",
         "arc-start-cap": "arcStartCap",
-        "arc-end-cap": "arcEndCap"
+        "arc-end-cap": "arcEndCap",
     };
     var Canvas$1 = (function (_super) {
         __extends(Canvas, _super);
         function Canvas(ViewCanvas, RegionCanvas) {
             var _this = _super.call(this, ViewCanvas, {}, new Painter(RegionCanvas, {
-                willReadFrequently: true
+                willReadFrequently: true,
             })) || this;
             _this.name = "Canvas";
             _this.__regionList = {};
@@ -1215,7 +1282,8 @@
             if (regionName) {
                 if (this.__regionList[regionName] == undefined) {
                     var tempColor = this.__regionAssemble();
-                    this.__regionList[regionName] = "rgb(" + tempColor[0] + "," + tempColor[1] + "," + tempColor[2] + ")";
+                    this.__regionList[regionName] =
+                        "rgb(" + tempColor[0] + "," + tempColor[1] + "," + tempColor[2] + ")";
                 }
                 this.__region.useConfig("fillStyle", this.__regionList[regionName]) &&
                     this.__region.useConfig("strokeStyle", this.__regionList[regionName]);
@@ -1233,7 +1301,14 @@
                 var currentRGBA = imgData.data;
                 var doit = function () {
                     for (var key in _this.__regionList) {
-                        if ("rgb(" + currentRGBA[0] + "," + currentRGBA[1] + "," + currentRGBA[2] + ")" == _this.__regionList[key]) {
+                        if ("rgb(" +
+                            currentRGBA[0] +
+                            "," +
+                            currentRGBA[1] +
+                            "," +
+                            currentRGBA[2] +
+                            ")" ==
+                            _this.__regionList[key]) {
                             resolve(key);
                             break;
                         }
@@ -1255,6 +1330,24 @@
             if (isRegion === void 0) { isRegion = false; }
             return isRegion ? this.__region.painter : this.painter;
         };
+        Canvas.prototype.createLinearGradient = function (x0, y0, x1, y1) {
+            return linearGradient(this.painter, x0, y0, x1, y1);
+        };
+        Canvas.prototype.createRadialGradient = function (cx, cy, r) {
+            return radialGradient(this.painter, cx, cy, r);
+        };
+        Canvas.prototype.getColor = function (x, y) {
+            var currentRGBA = this.painter.getImageData(x - 0.5, y - 0.5, 1, 1).data;
+            return ("rgba(" +
+                currentRGBA[0] +
+                "," +
+                currentRGBA[1] +
+                "," +
+                currentRGBA[2] +
+                "," +
+                currentRGBA[3] +
+                ")");
+        };
         return Canvas;
     }(Painter));
 

package/lib/index.umd.min.js

@@ -1,11 +1,15 @@
 /*!
-* VISLite JavaScript Library v0.2.0
+* VISLite JavaScript Library v0.3.0-alpha.0
 * git+https://github.com/oi-contrib/VISLite.git
 *
 * Copyright zxl20070701
 * Released under the MIT license
 * https://zxl20070701.github.io/notebook/home.html
 * 
-* Publish Date: Sat Jun 03 2023 09:32:28 GMT+0800 (中国标准时间)
+* 本版本系测试版本，请认真阅读下述说明再使用：
+*
+*【测试版本细则】
+* alpha：内测版本，仅供开发人员提供测试环境而发布，后续的修改可能极具破坏性，非有明确了解前请勿直接用于项目中
+* beta：外测版本，正式发布前的确认测试，或者新功能紧急发布，一般可以直接用于实际项目，因为即使后续发现了问题，直接使用正式版即可，不会有破坏性
 */
-var t,e;t=this,e=function(){"use strict";var t=function(){function t(t){void 0===t&&(t=.5),this.name="Hermite",this.__u=t}return t.prototype.setP=function(t,e,i,r,n,o){if(!(t<i))throw new Error("The point x-position should be increamented!");this.__a=t,this.__b=i;var a=this.__u*n,s=this.__u*o;return e/=i-t,r/=i-t,this.__MR=[2*e-2*r+a+s,3*r-3*e-2*a-s,a,e],this},t.prototype.use=function(t){if(this.__MR){var e=(t-this.__a)/(this.__b-this.__a),i=e*e;return(e*i*this.__MR[0]+i*this.__MR[1]+e*this.__MR[2]+this.__MR[3])*(this.__b-this.__a)}throw new Error("You shoud first set the position!")},t}(),e=function(){function e(t){void 0===t&&(t=0),this.name="Cardinal",this.__t=t}return e.prototype.setP=function(e){this.__HS={x:[],h:[]};var i,r,n=(e[1][1]-e[0][1])/(e[1][0]-e[0][0]);for(this.__HS.x[0]=e[0][0],i=1;i<e.length;i++){if(e[i][0]<=e[i-1][0])throw new Error("The point position should be increamented!");this.__HS.x[i]=e[i][0],r=i<e.length-1?(e[i+1][1]-e[i-1][1])/(e[i+1][0]-e[i-1][0]):(e[i][1]-e[i-1][1])/(e[i][0]-e[i-1][0]),this.__HS.h[i-1]=new t(.5*(1-this.__t)).setP(e[i-1][0],e[i-1][1],e[i][0],e[i][1],n,r),n=r}return this},e.prototype.use=function(t){if(this.__HS){for(this.__i=-1;this.__i+1<this.__HS.x.length&&(t>this.__HS.x[this.__i+1]||-1==this.__i&&t>=this.__HS.x[this.__i+1]);)this.__i+=1;return this.__i<0?this.__HS.h[0].use(this.__HS.x[0]):this.__i>=this.__HS.h.length?this.__HS.h[this.__HS.h.length-1].use(this.__HS.x[this.__HS.x.length-1]):this.__HS.h[this.__i].use(t)}throw new Error("You shoud first set the position!")},e}(),i=function(t,e){for(var i=[],r=0;r<4;r++)for(var n=0;n<e.length/4;n++)i[4*n+r]=t[r]*e[4*n]+t[r+4]*e[4*n+1]+t[r+8]*e[4*n+2]+t[r+12]*e[4*n+3];return i},r=function(){function t(t){void 0===t&&(t=[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1]),this.name="Matrix4",this.__matrix4=t}return t.prototype.move=function(t,e,r,n){return void 0===n&&(n=0),this.__matrix4=i(function(t,e,i,r){void 0===r&&(r=0);var n=Math.sqrt(e*e+i*i+r*r);return[1,0,0,0,0,1,0,0,0,0,1,0,e*t/n,i*t/n,r*t/n,1]}(t,e,r,n),this.__matrix4),this},t.prototype.rotate=function(t,e,r,n,o,a,s){var _=function(t,e,i,r,n,o){if("number"==typeof t&&"number"==typeof e){if("number"!=typeof i?(i=0,r=t,n=e,o=1):"number"==typeof r&&"number"==typeof n&&"number"==typeof o||(r=t,n=e,o=i,t=0,e=0,i=0),t==r&&e==n&&i==o)throw new Error("It's not a legitimate ray!");var a=Math.sqrt((r-t)*(r-t)+(n-e)*(n-e)),s=0!=a?(n-e)/a:1,_=0!=a?(r-t)/a:0,h=(r-t)*_+(n-e)*s,u=o-i,l=Math.sqrt(h*h+u*u),c=0!=l?u/l:1,f=0!=l?h/l:0;return[[s,c*_,_*f,0,-_,s*c,s*f,0,0,-f,c,0,e*_-t*s,i*f-t*_*c-e*s*c,-t*_*f-e*s*f-i*c,1],[s,-_,0,0,c*_,c*s,-f,0,_*f,s*f,c,0,t,e,i,1]]}throw new Error("a1 and b1 is required!")}(e,r,n,o,a,s);return this.__matrix4=i(i(i(_[1],function(t){var e=Math.sin(t),i=Math.cos(t);return[i,e,0,0,-e,i,0,0,0,0,1,0,0,0,0,1]}(t)),_[0]),this.__matrix4),this},t.prototype.scale=function(t,e,r,n,o,a){return void 0===n&&(n=0),void 0===o&&(o=0),void 0===a&&(a=0),this.__matrix4=i(function(t,e,i,r,n,o){return void 0===r&&(r=0),void 0===n&&(n=0),void 0===o&&(o=0),[t,0,0,0,0,e,0,0,0,0,i,0,r-r*t,n-n*e,o-o*i,1]}(t,e,r,n,o,a),this.__matrix4),this},t.prototype.multiply=function(t,e){return void 0===e&&(e=!1),this.__matrix4=e?i(this.__matrix4,t):i(t,this.__matrix4),this},t.prototype.use=function(t,e,r,n){return void 0===r&&(r=0),void 0===n&&(n=1),i(this.__matrix4,[t,e,r,n])},t.prototype.value=function(){return this.__matrix4},t}();function n(t,e,i,r,n){var o=Math.cos(i),a=Math.sin(i);return[(r-t)*o-(n-e)*a+t,(r-t)*a+(n-e)*o+e]}var o,a=[],s=function(t,e){return s=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])},s(t,e)};function _(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function i(){this.constructor=t}s(t,e),t.prototype=null===e?Object.create(e):(i.prototype=e.prototype,new i)}function h(t,e,i){if(i||2===arguments.length)for(var r,n=0,o=e.length;n<o;n++)!r&&n in e||(r||(r=Array.prototype.slice.call(e,0,n)),r[n]=e[n]);return t.concat(r||Array.prototype.slice.call(e))}var u=["href","title","show","type","role","actuate"],l=function(t,e,i){u.indexOf(e)>-1?t.setAttributeNS("http://www.w3.org/1999/xlink","xlink:"+e,i+""):t.setAttribute(e,i+"")},c=l;function f(t,e){l(t,"stroke",e.strokeStyle),l(t,"fill",e.fillStyle),l(t,"stroke-dasharray",e.lineDash.join(","))}function p(t,e){l(t,"fill",e.fillStyle)}function g(t,e){l(t,"stroke",e.strokeStyle),l(t,"fill","none"),l(t,"stroke-dasharray",e.lineDash.join(","))}var m=function(t,e,i,r,n){var o=Math.cos(i),a=Math.sin(i);return[+((r-t)*o-(n-e)*a+t).toFixed(7),+((r-t)*a+(n-e)*o+e).toFixed(7)]};function v(t,e,i,r,n,o,a){e<0&&(t+=e,e*=-1);var s,_=[];s=m(0,0,t,n,0),_[0]=s[0],_[1]=s[1],s=m(0,0,e,s[0],s[1]),_[2]=s[0],_[3]=s[1],s=m(0,0,t,o,0),_[4]=s[0],_[5]=s[1],s=m(0,0,e,s[0],s[1]),_[6]=s[0],_[7]=s[1],a(t,t+e,_[0]+i,_[1]+r,_[4]+i,_[5]+r,_[2]+i,_[3]+r,_[6]+i,_[7]+r,.5*(o-n))}var d=function(t,e,i,r,n){if("text"!==t.nodeName.toLowerCase())throw new Error("Need a <text> !");c(t,"dy",{top:.5*e["font-size"],middle:0,bottom:.5*-e["font-size"]}[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["font-size"]+"px","font-family":e["font-family"]}),c(t,"x",i),c(t,"y",r),"number"==typeof n&&c(t,"transform","rotate("+(n%=360)+","+i+","+r+")")},y=function(t,e,i,r){if("circle"!==t.nodeName.toLowerCase())throw new Error("Need a <circle> !");c(t,"cx",e),c(t,"cy",i),c(t,"r",r)},E=function(t,e){if("path"!==t.nodeName.toLowerCase())throw new Error("Need a <path> !");c(t,"d",e)},b=function(t,e,i,r,n){if("rect"!==t.nodeName.toLowerCase())throw new Error("Need a <rect> !");n<0&&(i-=n*=-1),r<0&&(e-=r*=-1),c(t,"x",e),c(t,"y",i),c(t,"width",r),c(t,"height",n)},x=function(t,e,i,r,n,o,a,s){if("path"!==t.nodeName.toLowerCase())throw new Error("Need a <path> !");if(a%=2*Math.PI,n>o){var _=n;n=o,o=_}s>=1.999999*Math.PI||s<=1.999999*-Math.PI?s=1.999999*Math.PI:s%=2*Math.PI,v(a,s,i,r,n,o,(function(i,r,a,s,_,h,u,l,f,p,g){var m=r-i>Math.PI?1:0,v="M"+a+" "+s;g<0&&(g=-g),v+="A"+n+" "+n+" 0 "+m+" 1 "+u+" "+l,"round"==e["arc-end-cap"]?v+="A"+g+" "+g+"  0 1 0 "+f+" "+p:"-round"==e["arc-end-cap"]?v+="A"+g+" "+g+"  0 1 1 "+f+" "+p:v+="L"+f+" "+p,v+="A"+o+" "+o+" 0 "+m+" 0 "+_+" "+h,"round"==e["arc-start-cap"]?v+="A"+g+" "+g+"  0 1 0 "+a+" "+s:"-round"==e["arc-start-cap"]?v+="A"+g+" "+g+"  0 1 1 "+a+" "+s:v+="L"+a+" "+s,"butt"==e["arc-start-cap"]&&(v+="Z"),c(t,"d",v)}))},w={"font-size":"fontSize","font-family":"fontFamily","arc-start-cap":"arcStartCap","arc-end-cap":"arcEndCap"},T=function(){function t(t){this.name="SVG",this.__config={fillStyle:"#000",strokeStyle:"#000",lineWidth:1,textAlign:"left",textBaseline:"middle","font-size":16,"font-family":"sans-serif","arc-start-cap":"butt","arc-end-cap":"butt",lineDash:[]},this.__path="",this.__currentPosition=[],this.__svg=t}return t.prototype.config=function(t){if("object"!=typeof t)return this.__config[w[t]||t];for(var e in t){var i=w[e]||e;this.__config[i]=t[e]}return this},t.prototype.useEl=function(t){return this.__useEl=t,this},t.prototype.getEl=function(){return this.__useEl},t.prototype.appendEl=function(t,e){var i;return e=e||this.__svg,"string"==typeof t&&(i=t,t=document.createElementNS("http://www.w3.org/2000/svg",i)),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,e){return u.indexOf(e)>-1&&(e="xlink:"+e),t.getAttribute(e)}(this.__useEl,t);for(var e in t)c(this.__useEl,e,t[e]);return this},t.prototype.fillText=function(t,e,i,r){return void 0===r&&(r=0),d(this.__useEl,this.__config,e,i,r),this.__useEl.textContent=t,p(this.__useEl,this.__config),this},t.prototype.strokeText=function(t,e,i,r){return void 0===r&&(r=0),d(this.__useEl,this.__config,e,i,r),this.__useEl.textContent=t,g(this.__useEl,this.__config),this},t.prototype.fullText=function(t,e,i,r){return void 0===r&&(r=0),d(this.__useEl,this.__config,e,i,r),this.__useEl.textContent=t,f(this.__useEl,this.__config),this},t.prototype.fillArc=function(t,e,i,r,n,o){return x(this.__useEl,this.__config,t,e,i,r,n,o),p(this.__useEl,this.__config),this},t.prototype.strokeArc=function(t,e,i,r,n,o){return x(this.__useEl,this.__config,t,e,i,r,n,o),g(this.__useEl,this.__config),this},t.prototype.fullArc=function(t,e,i,r,n,o){return x(this.__useEl,this.__config,t,e,i,r,n,o),f(this.__useEl,this.__config),this},t.prototype.fillCircle=function(t,e,i){return y(this.__useEl,t,e,i),p(this.__useEl,this.__config),this},t.prototype.strokeCircle=function(t,e,i){return y(this.__useEl,t,e,i),g(this.__useEl,this.__config),this},t.prototype.fullCircle=function(t,e,i){return y(this.__useEl,t,e,i),f(this.__useEl,this.__config),this},t.prototype.fillRect=function(t,e,i,r){return b(this.__useEl,t,e,i,r),p(this.__useEl,this.__config),this},t.prototype.strokeRect=function(t,e,i,r){return b(this.__useEl,t,e,i,r),g(this.__useEl,this.__config),this},t.prototype.fullRect=function(t,e,i,r){return b(this.__useEl,t,e,i,r),f(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 E(this.__useEl,this.__path),p(this.__useEl,this.__config),this},t.prototype.stroke=function(){return E(this.__useEl,this.__path),g(this.__useEl,this.__config),this},t.prototype.full=function(){return E(this.__useEl,this.__path),f(this.__useEl,this.__config),this},t.prototype.arc=function(t,e,i,r,o){var a=n(t,e,r,t+i,e),s=n(t,e,r+o,t+i,e);return r=r/Math.PI*180,o=o/Math.PI*180,""==this.__path?this.__path+="M"+a[0]+","+a[1]:a[0]==this.__currentPosition[0]&&a[1]==this.__currentPosition[1]||(this.__path+="L"+a[0]+","+a[1]),this.__path+="A"+i+","+i+" 0 "+(o>180||o<-180?1:0)+","+(o>0?1:0)+" "+s[0]+","+s[1],this},t.prototype.quadraticCurveTo=function(t,e,i,r){return this.__path+="Q"+t+" "+e+","+i+" "+r,this},t.prototype.bezierCurveTo=function(t,e,i,r,n,o){return this.__path+="C"+t+" "+e+","+i+" "+r+","+n+" "+o,this},t}(),C=function(t){function e(e){if(!e)throw new Error("VISLite SVG:The mount point requires an HTMLElement type but encountered null.");var i=e.clientWidth,r=e.clientHeight,n=document.createElementNS("http://www.w3.org/2000/svg","svg");return e.appendChild(n),n.setAttribute("width",i+""),n.setAttribute("height",r+""),n.setAttribute("viewBox","0 0 "+i+" "+r),t.call(this,n)||this}return _(e,t),e}(T),A=function(t,e,i,r,n){return t.beginPath(),t.translate(i,r),t.rotate(n),t.font=e.fontStyle+" "+e.fontWeight+" "+e.fontSize+"px "+e.fontFamily,t},M=function(t,e,i,r,n,o,a,s){if(n>o){var _=n;n=o,o=_}return a%=2*Math.PI,s>=1.999999*Math.PI||s<=1.999999*-Math.PI?s=2*Math.PI:s%=2*Math.PI,v(a,s,i,r,n,o,(function(a,s,_,h,u,l,c,f,p,g,m){m<0&&(m=-m),t.beginPath(),t.moveTo(_,h),t.arc(i,r,n,a,s,!1),"round"!=e.arcEndCap?t.lineTo(p,g):t.arc(.5*(c+p),.5*(f+g),m,s-Math.PI,s,!0),t.arc(i,r,o,s,a,!0),"round"!=e.arcStartCap?t.lineTo(_,h):t.arc(.5*(_+u),.5*(h+l),m,a,a-Math.PI,!0)})),"butt"==e.arcStartCap&&t.closePath(),t},S=function(t,e,i,r){return t.beginPath(),t.moveTo(e+r,i),t.arc(e,i,r,0,2*Math.PI),t},P=function(t,e,i,r,n){return t.beginPath(),t.rect(e,i,r,n),t};function L(t,e,i,r,n){for(var o=0,a="",s=0;s<e.length;s++)t.measureText(a+e[s]).width>i?(n(a,((o+=1)-.5)*r),a=e[s]):s==e.length-1?(o+=1,n(a+e[s],(o-.5)*r)):a+=e[s];return o*r}var R=function(){function t(t,e,i){void 0===e&&(e={}),this.__region=null,this.__specialConfig={fontSize:16,fontFamily:"sans-serif",fontWeight:400,fontStyle:"normal",arcStartCap:"butt",arcEndCap:"butt"},this.__initConfig={fillStyle:"black",strokeStyle:"black",lineWidth:1,textAlign:"left",textBaseline:"middle",lineDash:[],shadowBlur:0,shadowColor:"black"},this.painter=t.getContext("2d",e),this.__region=i,this.painter.textBaseline="middle",this.painter.textAlign="left"}return t.prototype.useConfig=function(t,e){if(this.__region&&["fillStyle","strokeStyle","shadowBlur","shadowColor"].indexOf(t)<0&&this.__region.useConfig(t,e),"lineDash"==t)this.painter.setLineDash&&this.painter.setLineDash(e);else if(t in this.__specialConfig)this.__specialConfig[t]=e;else{if(!(t in this.__initConfig))throw new Error("Illegal configuration item of painter : "+t+" !");this.painter[t]=e}return this},t.prototype.fillText=function(t,e,i,r){return void 0===r&&(r=0),this.__region&&this.__region.fillText(t,e,i,r),this.painter.save(),A(this.painter,this.__specialConfig,e,i,r).fillText(t,0,0),this.painter.restore(),this},t.prototype.strokeText=function(t,e,i,r){return void 0===r&&(r=0),this.__region&&this.__region.strokeText(t,e,i,r),this.painter.save(),A(this.painter,this.__specialConfig,e,i,r).strokeText(t,0,0),this.painter.restore(),this},t.prototype.fullText=function(t,e,i,r){return void 0===r&&(r=0),this.__region&&this.__region.fullText(t,e,i,r),this.painter.save(),A(this.painter,this.__specialConfig,e,i,r),this.painter.fillText(t,0,0),this.painter.strokeText(t,0,0),this.painter.restore(),this},t.prototype.fillTexts=function(t,e,i,r,n,o){var a=this;void 0===n&&(n=1.2),void 0===o&&(o=0),this.__region&&this.__region.fillTexts(t,e,i,r,n),this.painter.save(),A(this.painter,this.__specialConfig,e,i,o);var s=L(this.painter,t,r,this.__specialConfig.fontSize*n,(function(t,e){a.painter.fillText(t,0,e)}));return this.painter.restore(),s},t.prototype.strokeTexts=function(t,e,i,r,n,o){var a=this;void 0===n&&(n=1.2),void 0===o&&(o=0),this.__region&&this.__region.fillTexts(t,e,i,r,n),this.painter.save(),A(this.painter,this.__specialConfig,e,i,o);var s=L(this.painter,t,r,this.__specialConfig.fontSize*n,(function(t,e){a.painter.strokeText(t,0,e)}));return this.painter.restore(),s},t.prototype.fullTexts=function(t,e,i,r,n,o){var a=this;void 0===n&&(n=1.2),void 0===o&&(o=0),this.__region&&this.__region.fillTexts(t,e,i,r,n),this.painter.save(),A(this.painter,this.__specialConfig,e,i,o);var s=L(this.painter,t,r,this.__specialConfig.fontSize*n,(function(t,e){a.painter.fillText(t,0,e),a.painter.strokeText(t,0,e)}));return this.painter.restore(),s},t.prototype.beginPath=function(){return this.__region&&this.__region.beginPath(),this.painter.beginPath(),this},t.prototype.closePath=function(){return this.__region&&this.__region.closePath(),this.painter.closePath(),this},t.prototype.moveTo=function(t,e){return this.__region&&this.__region.moveTo(t,e),this.painter.moveTo(Math.round(t)+.5,Math.round(e)+.5),this},t.prototype.lineTo=function(t,e){return this.__region&&this.__region.lineTo(t,e),this.painter.lineTo(Math.round(t)+.5,Math.round(e)+.5),this},t.prototype.arc=function(t,e,i,r,n){return this.__region&&this.__region.arc(t,e,i,r,n),this.painter.arc(t,e,i,r,r+n,n<0),this},t.prototype.fill=function(){return this.__region&&this.__region.fill(),this.painter.fill(),this},t.prototype.stroke=function(){return this.__region&&this.__region.stroke(),this.painter.stroke(),this},t.prototype.full=function(){return this.__region&&this.__region.full(),this.painter.fill(),this.painter.stroke(),this},t.prototype.save=function(){return this.__region&&this.__region.save(),this.painter.save(),this},t.prototype.restore=function(){return this.__region&&this.__region.restore(),this.painter.restore(),this},t.prototype.quadraticCurveTo=function(t,e,i,r){return this.__region&&this.__region.quadraticCurveTo(t,e,i,r),this.painter.quadraticCurveTo(t,e,i,r),this},t.prototype.bezierCurveTo=function(t,e,i,r,n,o){return this.__region&&this.__region.bezierCurveTo(t,e,i,r,n,o),this.painter.bezierCurveTo(t,e,i,r,n,o),this},t.prototype.clearRect=function(t,e,i,r){return this.__region&&this.__region.clearRect(t,e,i,r),this.painter.clearRect(t,e,i,r),this},t.prototype.fillArc=function(t,e,i,r,n,o){return this.__region&&this.__region.fillArc(t,e,i,r,n,o),M(this.painter,this.__specialConfig,t,e,i,r,n,o).fill(),this},t.prototype.strokeArc=function(t,e,i,r,n,o){return this.__region&&this.__region.strokeArc(t,e,i,r,n,o),M(this.painter,this.__specialConfig,t,e,i,r,n,o).stroke(),this},t.prototype.fullArc=function(t,e,i,r,n,o){return this.__region&&this.__region.fullArc(t,e,i,r,n,o),M(this.painter,this.__specialConfig,t,e,i,r,n,o),this.painter.fill(),this.painter.stroke(),this},t.prototype.fillCircle=function(t,e,i){return this.__region&&this.__region.fillCircle(t,e,i),S(this.painter,t,e,i).fill(),this},t.prototype.strokeCircle=function(t,e,i){return this.__region&&this.__region.strokeCircle(t,e,i),S(this.painter,t,e,i).stroke(),this},t.prototype.fullCircle=function(t,e,i){return this.__region&&this.__region.fullCircle(t,e,i),S(this.painter,t,e,i),this.painter.fill(),this.painter.stroke(),this},t.prototype.fillRect=function(t,e,i,r){return this.__region&&this.__region.fillRect(t,e,i,r),P(this.painter,t,e,i,r).fill(),this},t.prototype.strokeRect=function(t,e,i,r){return this.__region&&this.__region.strokeRect(t,e,i,r),P(this.painter,t,e,i,r).stroke(),this},t.prototype.fullRect=function(t,e,i,r){return this.__region&&this.__region.fullRect(t,e,i,r),P(this.painter,t,e,i,r),this.painter.fill(),this.painter.stroke(),this},t}();function k(t,e,i,r){for(var n=[],o=0;o<r;o++)n[o]=t;return function(){for(var o=0;o<r;o++){if(n[o]<e){n[o]=+(n[o]+i).toFixed(7);break}o<r-1&&(n[o]=t)}return n}}var I={"font-size":"fontSize","font-family":"fontFamily","font-weight":"fontWeight","font-style":"fontStyle","arc-start-cap":"arcStartCap","arc-end-cap":"arcEndCap"},U=function(t){function e(e,i){var r=t.call(this,e,{},new R(i,{willReadFrequently:!0}))||this;return r.name="Canvas",r.__regionList={},r.__regionAssemble=k(0,255,1,3),r.setRegion(""),r}return _(e,t),e.prototype.config=function(t){for(var e in t){var i=I[e]||e;this.useConfig(i,t[e])}return this},e.prototype.setRegion=function(t){if(t){if(null==this.__regionList[t]){var e=this.__regionAssemble();this.__regionList[t]="rgb("+e[0]+","+e[1]+","+e[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,e){var i=this;return new Promise((function(r,n){var o=i.__region.painter.getImageData(t-.5,e-.5,1,1),a=o.data,s=function(){for(var t in i.__regionList)if("rgb("+a[0]+","+a[1]+","+a[2]+")"==i.__regionList[t]){r(t);break}r("")};a?s():o.then((function(t){a=t,s()}))}))},e.prototype.getContext=function(t){return void 0===t&&(t=!1),t?this.__region.painter:this.painter},e}(R),B=function(t){function e(e){var i=this;if(!e)throw new Error("VISLite Canvas:The mount point requires an HTMLElement type but encountered null.");var r,n,o=e.clientWidth,a=e.clientHeight,s=e;s._vislite_canvas_?(r=s._vislite_canvas_[0],n=s._vislite_canvas_[1]):(r=document.createElement("canvas"),e.appendChild(r),n=document.createElement("canvas"),s._vislite_canvas_=[r,n],e.setAttribute("vislite","Canvas"));for(var _=0,h=[r,n];_<h.length;_++){var u=h[_];u.style.width=o+"px",u.setAttribute("width",o+""),u.style.height=a+"px",u.setAttribute("height",a+"")}return(i=t.call(this,r,n)||this).__canvas=r,i}return _(e,t),e.prototype.toDataURL=function(){var t=this;return new Promise((function(e){e(t.__canvas.toDataURL())}))},e}(U);function N(t,e,i){void 0===i&&(i={});for(var r=["webgl","experimental-webgl","webkit-3d","moz-webgl"],n=null,o=0;o<r.length;o++){try{n=t.getContext(r[o],i)}catch(t){}if(n)break}if(!n)throw new Error("Non canvas or browser does not support webgl.");var a=n.canvas.width,s=n.canvas.height,_=a*e,h=s*e;return n.viewport(.5*(a-_),.5*(s-h),_,h),n.depthFunc(n.LEQUAL),n.enable(n.DEPTH_TEST),n}function D(t){var e=t.drawingBufferWidth,i=t.drawingBufferHeight,r=new Uint8Array(4*e*i);return t.readPixels(0,0,e,i,t.RGBA,t.UNSIGNED_BYTE,r),function(t,n){return"rgba("+r[4*((n=i-n)*e+t)]+","+r[4*(n*e+t)+1]+","+r[4*(n*e+t)+2]+","+r[4*(n*e+t)+3]+")"}}var F=function(){function t(t,e){void 0===e&&(e=!1),this.__painter=t,this.__isElement=e,this.__buffer=function(t){return t.createBuffer()}(t),this.__type=e?t.ELEMENT_ARRAY_BUFFER:t.ARRAY_BUFFER}return t.prototype.use=function(){return this.__painter.bindBuffer(this.__type,this.__buffer),this},t.prototype.write=function(t){return function(t,e,i,r){var n=i?t.ELEMENT_ARRAY_BUFFER:t.ARRAY_BUFFER;t.bufferData(n,e,r)}(this.__painter,t,this.__isElement,this.__painter.STATIC_DRAW),this.__fsize=t.BYTES_PER_ELEMENT,this},t.prototype.divide=function(t,e,i,r){return void 0===r&&(r=0),function(t,e,i,r,n,o,a){t.vertexAttribPointer(e,i,r,a,n,o),t.enableVertexAttribArray(e)}(this.__painter,t,e,this.__painter.FLOAT,i*this.__fsize,r*this.__fsize,!1),this},t}(),z=function(){function t(t,e,i){void 0===i&&(i=0),this.__painter=t,this.__type={"2d":t.TEXTURE_2D,cube:t.TEXTURE_CUBE_MAP}[e],this.__texture=function(t,e,i){var r=t.createTexture();return e==t.TEXTURE_2D&&t.activeTexture(t["TEXTURE"+i]),t.bindTexture(e,r),r}(t,this.__type,i),t.texParameteri(this.__type,t.TEXTURE_MIN_FILTER,t.NEAREST),t.texParameteri(this.__type,t.TEXTURE_MAG_FILTER,t.NEAREST),t.texParameteri(this.__type,t.TEXTURE_WRAP_S,t.CLAMP_TO_EDGE),t.texParameteri(this.__type,t.TEXTURE_WRAP_T,t.CLAMP_TO_EDGE)}return t.prototype.useImage=function(t){return function(t,e,i,r,n,o){t.texImage2D(e,i,r,r,n,o)}(this.__painter,this.__type,0,this.__painter.RGBA,this.__painter.UNSIGNED_BYTE,t),this},t.prototype.useCube=function(t,e,i){return function(t,e,i,r,n,o,a,s,_){for(var h,u=[t.TEXTURE_CUBE_MAP_POSITIVE_X,t.TEXTURE_CUBE_MAP_NEGATIVE_X,t.TEXTURE_CUBE_MAP_POSITIVE_Y,t.TEXTURE_CUBE_MAP_NEGATIVE_Y,t.TEXTURE_CUBE_MAP_POSITIVE_Z,t.TEXTURE_CUBE_MAP_NEGATIVE_Z],l=0;l<u.length;l++)o[l]&&(h=u[l],t.texImage2D(h,i,r,a,s,0,r,n,null),t.bindTexture(e,_),t.texImage2D(h,i,r,r,n,o[l]));t.generateMipmap(e)}(this.__painter,this.__type,0,this.__painter.RGBA,this.__painter.UNSIGNED_BYTE,t,e,i,this.__texture),this},t}(),H={};function O(t,e,i){var r=t+"-"+i;return H[r]||(H[r]=new z(e,i)),H[r]}var G=function(t,e,i){var r=t.createShader(e);if(null==r)throw new Error("Unable to create shader!");if(t.shaderSource(r,i),t.compileShader(r),!t.getShaderParameter(r,t.COMPILE_STATUS))throw new Error("Failed to compile shader:"+t.getShaderInfoLog(r));return r},X=function(){function t(t){this.__painter=t}return t.prototype.use=function(){return this.__painter.useProgram(this.program),this},t.prototype.compile=function(t,e){return this.program=function(t,e,i){var r=G(t,t.VERTEX_SHADER,e),n=G(t,t.FRAGMENT_SHADER,i),o=t.createProgram();if(t.attachShader(o,r),t.attachShader(o,n),t.linkProgram(o),!t.getProgramParameter(o,t.LINK_STATUS))throw new Error("Failed to link program: "+t.getProgramInfoLog(o));return o}(this.__painter,t,e),this},t}(),W={};function q(t,e,i,r,n){var o=function(t,e,i){var r=t+(i.geometry.attributes.normal?"1":"0")+(i.material.image?"1":"0")+(i.material.color?"1":"0")+(i.material.cube?"1":"0");if(W[r])return W[r].use();var n="\n     attribute vec4 a_position;\n\n     ".concat(i.geometry.attributes.normal?"attribute vec4 a_normal;varying vec3 v_normal;":"","\n\n    uniform mat4 u_matrix_world;\n    uniform mat4 u_matrix_mesh;\n    uniform mat4 u_matrix_proporion;\n\n    ").concat(i.material.image?"attribute vec2 a_textcoord;varying vec2 v_textcoord;":"","\n\n    void main(){\n        vec4 temp = a_position;\n\n        // 应用变换矩阵：屏幕比调平矩阵、世界矩阵、物体矩阵\n        temp = u_matrix_proporion * u_matrix_world * u_matrix_mesh * temp;\n\n        // 把原生的WebGL使用的左手坐标系变成了右手坐标系\n        temp.z = -1.0 * temp.z;\n\n        // 表示眼睛距离vec4(0.0,0.0,1.0)的距离\n        float dist = 4.0;\n\n        // 使用投影直接计算\n        // 为保证纹理和相对位置正确\n        // x、y、z的改变满足线性变换\n        gl_Position = vec4((dist + 1.0) * temp.x, (dist + 1.0) * temp.y, dist * (dist + temp.z) + 1.0 - dist * dist, temp.w * 2.0 * (dist + temp.z));\n\n        ").concat(i.geometry.attributes.normal?"v_normal = normalize(vec3(a_normal));":"","\n        ").concat(i.material.image?"v_textcoord = a_textcoord;":"","\n     }\n "),o="\n    precision mediump float;\n\n    ".concat(i.geometry.attributes.normal?"varying vec3 v_normal;":"","\n    ").concat(i.material.color?"uniform vec4 u_color;":"","\n    ").concat(i.material.cube?"uniform samplerCube u_texture;":"","\n    ").concat(i.material.image?"uniform sampler2D u_sampler;varying vec2 v_textcoord;":"","\n\n    void main(){\n        ").concat(i.material.color?"gl_FragColor = u_color;":"","\n        ").concat(i.material.cube?"gl_FragColor = textureCube(u_texture,normalize(v_normal));":"","\n        ").concat(i.material.image?"gl_FragColor = texture2D(u_sampler,v_textcoord);":"","\n    }\n "),a=new X(e).compile(n,o).use();return W[r]=a,a}(t,e,i);if(new F(e).use().write(i.geometry.attributes.position.array).divide(e.getAttribLocation(o.program,"a_position"),i.geometry.attributes.position.itemSize,3,0),e.uniformMatrix4fv(e.getUniformLocation(o.program,"u_matrix_world"),!1,n.matrix),e.uniformMatrix4fv(e.getUniformLocation(o.program,"u_matrix_proporion"),!1,n.proporion),e.uniformMatrix4fv(e.getUniformLocation(o.program,"u_matrix_mesh"),!1,r.matrix),i.geometry.attributes.normal&&new F(e).use().write(i.geometry.attributes.normal.array).divide(e.getAttribLocation(o.program,"a_normal"),i.geometry.attributes.normal.itemSize,3,0),"color"in i.material)e.uniform4f(e.getUniformLocation(o.program,"u_color"),i.material.color.r,i.material.color.g,i.material.color.b,i.material.color.alpha);else if("cube"in i.material){var a=i.material.cube.right.image.value.width;O(t,e,"cube").useCube([i.material.cube.right.image.value,i.material.cube.left.image.value,i.material.cube.top.image.value,i.material.cube.bottom.image.value,i.material.cube.far.image.value,i.material.cube.near.image.value],a,a)}else"image"in i.material&&(e.uniform1i(e.getUniformLocation(o.program,"u_sampler"),0),new F(e).use().write(i.geometry.attributes.uv.array).divide(e.getAttribLocation(o.program,"a_textcoord"),i.geometry.attributes.uv.itemSize,2,0),O(t,e,"2d").useImage(i.material.image.value));i.geometry.index?(new F(e,!0).use().write(i.geometry.index.array),e.drawElements(e[i.geometry.type],i.geometry.index.count,e.UNSIGNED_BYTE,0)):e.drawArrays(e[i.geometry.type],0,i.geometry.attributes.position.count)}var V=!1,Y=function(){function t(t,e){this.name="WebGL",this.__getColor=function(t,e){return"rgba(0,0,0,1)"},this.__regionList={},this.__regionAssemble=k(0,1,.2,3),this.__regionName="",this.__regionColor=[0,0,0,1],this.__scene={children:[],matrix:new r([1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,10])},this.__unique=(new Date).valueOf(),this.painter=N(t,10),this.__regionPainter=N(e,10,{});var i=this.painter.canvas.width/this.painter.canvas.height,n=1,o=1;i>1?n=1/i:o=i;var a=Math.min(n,o);this.__proporion=[n,0,0,0,0,o,0,0,0,0,a,0,0,0,0,1]}return t.prototype.matrix=function(t){return new r(t)},t.prototype.getMatrix=function(){return this.__scene.matrix},t.prototype.getObject3D=function(){return this.__scene.children},t.prototype.review=function(t){void 0===t&&(t=!1),t?(this.__regionPainter.clearColor(1,1,1,1),this.__regionPainter.clear(this.__regionPainter.COLOR_BUFFER_BIT)):(this.painter.clearColor(1,1,1,1),this.painter.clear(this.painter.COLOR_BUFFER_BIT));for(var e=0;e<this.__scene.children.length;e++)this.draw(this.__scene.children[e],t);return this},t.prototype.draw=function(t,e){void 0===e&&(e=!1),e||(V=!0);var i={matrix:t.matrix.value()},r={matrix:this.__scene.matrix.value(),proporion:this.__proporion};this.setRegion(t.region);for(var n=0;n<t.mesh.length;n++)e?(q("painter"+this.__unique,this.__regionPainter,{geometry:t.mesh[n].geometry,material:{color:{r:this.__regionColor[0],g:this.__regionColor[1],b:this.__regionColor[2],alpha:this.__regionColor[3]}}},i,r),this.__getColor=D(this.__regionPainter)):q("region"+this.__unique,this.painter,t.mesh[n],i,r)},t.prototype.render=function(t){"matrix"in t||(t.matrix=new r),"region"in t||(t.region="");for(var e=0;e<t.mesh.length;e++){var i=t.mesh[e];i.geometry.attributes.normal&&Array.isArray(i.geometry.attributes.normal.array)&&(i.geometry.attributes.normal.array=new Float32Array(i.geometry.attributes.normal.array)),i.geometry.attributes.position&&Array.isArray(i.geometry.attributes.position.array)&&(i.geometry.attributes.position.array=new Float32Array(i.geometry.attributes.position.array)),i.geometry.attributes.uv&&Array.isArray(i.geometry.attributes.uv.array)&&(i.geometry.attributes.uv.array=new Float32Array(i.geometry.attributes.uv.array)),i.geometry.index&&Array.isArray(i.geometry.index.array)&&(i.geometry.index.array=new Uint8Array(i.geometry.index.array))}this.__scene.children.push(t),this.draw(t)},t.prototype.setRegion=function(t){return this.__regionName=t+"",t?(null==this.__regionList[t]&&(this.__regionList[t]=h(h([],this.__regionAssemble(),!0),[1],!1)),this.__regionColor=this.__regionList[t]):this.__regionColor=[0,0,0,1],this},t.prototype.getRegion=function(t,e){var i=this;return V&&this.review(!0),V=!1,new Promise((function(r,n){var o=i.__getColor(t,e);for(var a in i.__regionList){var s=i.__regionList[a];if("rgba("+255*s[0]+","+255*s[1]+","+255*s[2]+","+255*s[3]+")"==o){r(a);break}}r("")}))},t}(),j=function(t){function e(e){if(!e)throw new Error("VISLite WebGL:The mount point requires an HTMLElement type but encountered null.");var i,r,n=e.clientWidth,o=e.clientHeight,a=e;a._vislite_canvas_?(i=a._vislite_canvas_[0],r=a._vislite_canvas_[1]):(r=document.createElement("canvas"),e.appendChild(r),r.style.position="absolute",r.style.zIndex="-1",i=document.createElement("canvas"),e.appendChild(i),a._vislite_canvas_=[i,r],e.setAttribute("vislite","WebGL"));for(var s=0,_=[i,r];s<_.length;s++){var h=_[s];h.style.width=n+"px",h.setAttribute("width",n+""),h.style.height=o+"px",h.setAttribute("height",o+"")}return t.call(this,i,r)||this}return _(e,t),e}(Y),Z=function(t,e,i,r){var n=Math.cos(t),o=Math.sin(t);return[e*n-i*o,e*o+i*n,r]},Q=function(){function t(t,e){void 0===t&&(t=7),void 0===e&&(e=[107,36]),this.name="Eoap",this.__scale=t,this.__center=e}return t.prototype.use=function(t,e){var i,r,n,o,a,s,_=(i=(360-e)/180*Math.PI,r=100*this.__scale,n=0,o=0,a=Math.cos(i),s=Math.sin(i),[o*s+r*a,n,o*a-r*s]);return _=Z(t/180*Math.PI,_[0],_[1],_[2]),_=Z((90-this.__center[0])/180*Math.PI,_[0],_[1],_[2]),_=function(t,e,i,r){var n=Math.cos(t),o=Math.sin(t);return[e,i*n-r*o,i*o+r*n]}((90-this.__center[1])/180*Math.PI,_[0],_[1],_[2]),[-_[0],_[1],_[2]]},t}(),K=function(t,e){void 0===t&&(t=7),void 0===e&&(e=[107,36]),this.name="Mercator";var i=100*t*Math.PI/180,r=i*e[0],n=-1*i*e[1];this.use=function(t,e){return[.8*(i*t-r),-1*i*e-n]}},J=function(t,e){var i=t.getBoundingClientRect();return{x:e.clientX-i.left,y:e.clientY-i.top}};return{Cardinal:e,Hermite:t,Matrix4:r,rotate:n,getLoopColors:function(t,e){void 0===e&&(e=1);var i=["rgba(84,112,198,"+e+")","rgba(145,204,117,"+e+")","rgba(250,200,88,"+e+")","rgba(238,102,102,"+e+")","rgba(115,192,222,"+e+")","rgba(59,162,114,"+e+")","rgba(252,132,82,"+e+")","rgba(154,96,180,"+e+")","rgba(234,124,204,"+e+")"],r=[];if(t<=i.length)return i;if(t%i.length==0)for(var n=0;n<t/i.length;n++)r=r.concat(i);else{for(var o=1;o<t/i.length;o++)r=r.concat(i);if(t%i.length==1)r=r.concat(i[4]);else for(var a=0;a<t%i.length;a++)r=r.concat(i[a])}return r},animation:function(t,e,i){void 0===e&&(e=400),void 0===i&&(i=function(){});var r={timer:function(t,e,i){if(!t)throw new Error("Tick is required!");var n=(new Date).valueOf()+"_"+(1e3*Math.random()).toFixed(0);return a.push({id:n,createTime:new Date,tick:t,duration:e,callback:i}),r.start(),n},start:function(){o||(o=setInterval(r.tick,13))},tick:function(){var t,e,i,n,o,s,_,h=a;for((a=[]).length=0,e=0;e<h.length;e++)t=(o=h[e]).createTime,i=o.tick,s=o.duration,n=o.callback,i(_=(_=(+(new Date).valueOf()-t.valueOf())/s)>1?1:_),_<1&&o.id?a.push(o):n(_);a.length<=0&&r.stop()},stop:function(){o&&(clearInterval(o),o=null)}},n=r.timer((function(e){t(e)}),e,i);return function(){var t;for(t in a)if(a[t].id==n)return void(a[t].id=void 0)}},ruler:function(t,e,i){if(t<e){var r=e;e=t,t=r}else if(t==e)return[t];var n=function(t){for(var e=t<100&&t>-100?10:.1,i=-1,r=t;10==e?r>=-100&&r<=100:r<=-100||r>=100;)i+=1,r*=e;if(10==e)return Math.pow(10,i);for(var n="0.",o=1;o<i;o++)n+="0";return+(n+"1")}(t-e),o=Math.ceil((t-e)*n/i),a=(o={3:2,4:5,6:5,7:5,8:10,9:10,11:10,12:10,13:15,14:15,16:15,17:15,18:20,19:20,21:20,22:20,23:25,24:25,26:25,27:25}[o]||o)/n,s=Math.floor(e/a)*a,_=[];_.push(s);for(var h=1;_[_.length-1]<t;h++)_.push(s+a*h);return _},SVG:C,Canvas:B,WebGL:j,Eoap:Q,Mercator:K,viewHandler:function(t){var e=document.getElementsByTagName("body")[0];e.addEventListener("keydown",(function(e){var i=function(t){return{37:"left",38:"up",39:"right",40:"down"}[t.keyCode||t.which]}(e);"up"==i?t({type:"lookUp",normal:[],value:.1}):"down"==i?t({type:"lookDown",normal:[],value:.1}):"left"==i?t({type:"lookLeft",normal:[],value:.1}):"right"==i&&t({type:"lookRight",normal:[],value:.1})}));var i=null,r=function(r){if(null!=i){var n=J(e,r),o=[n.x-i.x,n.y-i.y],a=[o[1],o[0],0];0==a[0]&&0==a[1]||(t({type:"rotate",normal:a,value:.01*(Math.abs(n.x-i.x)+Math.abs(n.y-i.y))}),i=n)}};e.addEventListener("mousedown",(function(t){i=J(e,t)})),e.addEventListener("mouseup",(function(t){i=null})),e.addEventListener("mousemove",(function(t){r(t)})),e.addEventListener("touchend",(function(t){i=null})),e.addEventListener("touchstart",(function(t){i=J(e,t)})),e.addEventListener("touchmove",(function(t){r(t.touches[0])}));var n=function(e){0!=e&&t({type:"scale",value:e<0?.899:1.101,normal:[]})};e.addEventListener("mousewheel",(function(t){n(t.wheelDelta)})),window.addEventListener&&window.addEventListener("DOMMouseScroll",(function(t){n(-1*t.detail)}),!1)}}},"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).VISLite=e();
+var t,e;t=this,e=function(){"use strict";var t=function(){function t(t){void 0===t&&(t=.5),this.name="Hermite",this.__u=t}return t.prototype.setP=function(t,e,i,r,n,o){if(!(t<i))throw new Error("The point x-position should be increamented!");this.__a=t,this.__b=i;var a=this.__u*n,s=this.__u*o;return e/=i-t,r/=i-t,this.__MR=[2*e-2*r+a+s,3*r-3*e-2*a-s,a,e],this},t.prototype.use=function(t){if(this.__MR){var e=(t-this.__a)/(this.__b-this.__a),i=e*e;return(e*i*this.__MR[0]+i*this.__MR[1]+e*this.__MR[2]+this.__MR[3])*(this.__b-this.__a)}throw new Error("You shoud first set the position!")},t}(),e=function(){function e(t){void 0===t&&(t=0),this.name="Cardinal",this.__t=t}return e.prototype.setP=function(e){this.__HS={x:[],h:[]};var i,r,n=(e[1][1]-e[0][1])/(e[1][0]-e[0][0]);for(this.__HS.x[0]=e[0][0],i=1;i<e.length;i++){if(e[i][0]<=e[i-1][0])throw new Error("The point position should be increamented!");this.__HS.x[i]=e[i][0],r=i<e.length-1?(e[i+1][1]-e[i-1][1])/(e[i+1][0]-e[i-1][0]):(e[i][1]-e[i-1][1])/(e[i][0]-e[i-1][0]),this.__HS.h[i-1]=new t(.5*(1-this.__t)).setP(e[i-1][0],e[i-1][1],e[i][0],e[i][1],n,r),n=r}return this},e.prototype.use=function(t){if(this.__HS){for(this.__i=-1;this.__i+1<this.__HS.x.length&&(t>this.__HS.x[this.__i+1]||-1==this.__i&&t>=this.__HS.x[this.__i+1]);)this.__i+=1;return this.__i<0?this.__HS.h[0].use(this.__HS.x[0]):this.__i>=this.__HS.h.length?this.__HS.h[this.__HS.h.length-1].use(this.__HS.x[this.__HS.x.length-1]):this.__HS.h[this.__i].use(t)}throw new Error("You shoud first set the position!")},e}(),i=function(t,e){for(var i=[],r=0;r<4;r++)for(var n=0;n<e.length/4;n++)i[4*n+r]=t[r]*e[4*n]+t[r+4]*e[4*n+1]+t[r+8]*e[4*n+2]+t[r+12]*e[4*n+3];return i},r=function(){function t(t){void 0===t&&(t=[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1]),this.name="Matrix4",this.__matrix4=t}return t.prototype.move=function(t,e,r,n){return void 0===n&&(n=0),this.__matrix4=i(function(t,e,i,r){void 0===r&&(r=0);var n=Math.sqrt(e*e+i*i+r*r);return[1,0,0,0,0,1,0,0,0,0,1,0,e*t/n,i*t/n,r*t/n,1]}(t,e,r,n),this.__matrix4),this},t.prototype.rotate=function(t,e,r,n,o,a,s){var _=function(t,e,i,r,n,o){if("number"==typeof t&&"number"==typeof e){if("number"!=typeof i?(i=0,r=t,n=e,o=1):"number"==typeof r&&"number"==typeof n&&"number"==typeof o||(r=t,n=e,o=i,t=0,e=0,i=0),t==r&&e==n&&i==o)throw new Error("It's not a legitimate ray!");var a=Math.sqrt((r-t)*(r-t)+(n-e)*(n-e)),s=0!=a?(n-e)/a:1,_=0!=a?(r-t)/a:0,h=(r-t)*_+(n-e)*s,u=o-i,l=Math.sqrt(h*h+u*u),c=0!=l?u/l:1,f=0!=l?h/l:0;return[[s,c*_,_*f,0,-_,s*c,s*f,0,0,-f,c,0,e*_-t*s,i*f-t*_*c-e*s*c,-t*_*f-e*s*f-i*c,1],[s,-_,0,0,c*_,c*s,-f,0,_*f,s*f,c,0,t,e,i,1]]}throw new Error("a1 and b1 is required!")}(e,r,n,o,a,s);return this.__matrix4=i(i(i(_[1],function(t){var e=Math.sin(t),i=Math.cos(t);return[i,e,0,0,-e,i,0,0,0,0,1,0,0,0,0,1]}(t)),_[0]),this.__matrix4),this},t.prototype.scale=function(t,e,r,n,o,a){return void 0===n&&(n=0),void 0===o&&(o=0),void 0===a&&(a=0),this.__matrix4=i(function(t,e,i,r,n,o){return void 0===r&&(r=0),void 0===n&&(n=0),void 0===o&&(o=0),[t,0,0,0,0,e,0,0,0,0,i,0,r-r*t,n-n*e,o-o*i,1]}(t,e,r,n,o,a),this.__matrix4),this},t.prototype.multiply=function(t,e){return void 0===e&&(e=!1),this.__matrix4=e?i(this.__matrix4,t):i(t,this.__matrix4),this},t.prototype.use=function(t,e,r,n){return void 0===r&&(r=0),void 0===n&&(n=1),i(this.__matrix4,[t,e,r,n])},t.prototype.value=function(){return this.__matrix4},t}();function n(t,e,i,r,n){var o=Math.cos(i),a=Math.sin(i);return[(r-t)*o-(n-e)*a+t,(r-t)*a+(n-e)*o+e]}var o,a=[],s=function(t,e){return s=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])},s(t,e)};function _(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function i(){this.constructor=t}s(t,e),t.prototype=null===e?Object.create(e):(i.prototype=e.prototype,new i)}function h(t,e,i){if(i||2===arguments.length)for(var r,n=0,o=e.length;n<o;n++)!r&&n in e||(r||(r=Array.prototype.slice.call(e,0,n)),r[n]=e[n]);return t.concat(r||Array.prototype.slice.call(e))}var u=["href","title","show","type","role","actuate"],l=function(t,e,i){u.indexOf(e)>-1?t.setAttributeNS("http://www.w3.org/1999/xlink","xlink:"+e,i+""):t.setAttribute(e,i+"")},c=l;function f(t,e){l(t,"stroke",e.strokeStyle),l(t,"fill",e.fillStyle),l(t,"stroke-dasharray",e.lineDash.join(","))}function p(t,e){l(t,"fill",e.fillStyle)}function g(t,e){l(t,"stroke",e.strokeStyle),l(t,"fill","none"),l(t,"stroke-dasharray",e.lineDash.join(","))}var m=function(t,e,i,r,n){var o=Math.cos(i),a=Math.sin(i);return[+((r-t)*o-(n-e)*a+t).toFixed(7),+((r-t)*a+(n-e)*o+e).toFixed(7)]};function d(t,e,i,r,n,o,a){e<0&&(t+=e,e*=-1);var s,_=[];s=m(0,0,t,n,0),_[0]=s[0],_[1]=s[1],s=m(0,0,e,s[0],s[1]),_[2]=s[0],_[3]=s[1],s=m(0,0,t,o,0),_[4]=s[0],_[5]=s[1],s=m(0,0,e,s[0],s[1]),_[6]=s[0],_[7]=s[1],a(t,t+e,_[0]+i,_[1]+r,_[4]+i,_[5]+r,_[2]+i,_[3]+r,_[6]+i,_[7]+r,.5*(o-n))}var v=function(t,e,i,r,n){if("text"!==t.nodeName.toLowerCase())throw new Error("Need a <text> !");c(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}),c(t,"x",i),c(t,"y",r),"number"==typeof n&&c(t,"transform","rotate("+(n%=360)+","+i+","+r+")")},y=function(t,e,i,r){if("circle"!==t.nodeName.toLowerCase())throw new Error("Need a <circle> !");c(t,"cx",e),c(t,"cy",i),c(t,"r",r)},E=function(t,e){if("path"!==t.nodeName.toLowerCase())throw new Error("Need a <path> !");c(t,"d",e)},b=function(t,e,i,r,n){if("rect"!==t.nodeName.toLowerCase())throw new Error("Need a <rect> !");n<0&&(i-=n*=-1),r<0&&(e-=r*=-1),c(t,"x",e),c(t,"y",i),c(t,"width",r),c(t,"height",n)},x=function(t,e,i,r,n,o,a,s){if("path"!==t.nodeName.toLowerCase())throw new Error("Need a <path> !");if(a=a/180*Math.PI,s=s/180*Math.PI,a%=2*Math.PI,n>o){var _=n;n=o,o=_}s>=1.999999*Math.PI||s<=1.999999*-Math.PI?s=1.999999*Math.PI:s%=2*Math.PI,d(a,s,i,r,n,o,(function(i,r,a,s,_,h,u,l,f,p,g){var m=r-i>Math.PI?1:0,d="M"+a+" "+s;g<0&&(g=-g),d+="A"+n+" "+n+" 0 "+m+" 1 "+u+" "+l,"round"==e.arcEndCap?d+="A"+g+" "+g+"  0 1 0 "+f+" "+p:"-round"==e.arcEndCap?d+="A"+g+" "+g+"  0 1 1 "+f+" "+p:d+="L"+f+" "+p,d+="A"+o+" "+o+" 0 "+m+" 0 "+_+" "+h,"round"==e.arcStartCap?d+="A"+g+" "+g+"  0 1 0 "+a+" "+s:"-round"==e.arcStartCap?d+="A"+g+" "+g+"  0 1 1 "+a+" "+s:d+="L"+a+" "+s,"butt"==e.arcStartCap&&(d+="Z"),c(t,"d",d)}))},w={"font-size":"fontSize","font-family":"fontFamily","arc-start-cap":"arcStartCap","arc-end-cap":"arcEndCap"},C=function(){function t(t){this.name="SVG",this.__config={fillStyle:"#000",strokeStyle:"#000",lineWidth:1,textAlign:"left",textBaseline:"middle","font-size":16,"font-family":"sans-serif","arc-start-cap":"butt","arc-end-cap":"butt",lineDash:[]},this.__path="",this.__currentPosition=[],this.__svg=t}return t.prototype.config=function(t){if("object"!=typeof t)return this.__config[w[t]||t];for(var e in t){var i=w[e]||e;this.__config[i]=t[e]}return this},t.prototype.useEl=function(t){return this.__useEl=t,this},t.prototype.getEl=function(){return this.__useEl},t.prototype.appendEl=function(t,e){var i;return e=e||this.__svg,"string"==typeof t&&(i=t,t=document.createElementNS("http://www.w3.org/2000/svg",i)),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,e){return u.indexOf(e)>-1&&(e="xlink:"+e),t.getAttribute(e)}(this.__useEl,t);for(var e in t)c(this.__useEl,e,t[e]);return this},t.prototype.fillText=function(t,e,i,r){return void 0===r&&(r=0),v(this.__useEl,this.__config,e,i,r),this.__useEl.textContent=t,p(this.__useEl,this.__config),this},t.prototype.strokeText=function(t,e,i,r){return void 0===r&&(r=0),v(this.__useEl,this.__config,e,i,r),this.__useEl.textContent=t,g(this.__useEl,this.__config),this},t.prototype.fullText=function(t,e,i,r){return void 0===r&&(r=0),v(this.__useEl,this.__config,e,i,r),this.__useEl.textContent=t,f(this.__useEl,this.__config),this},t.prototype.fillArc=function(t,e,i,r,n,o){return x(this.__useEl,this.__config,t,e,i,r,n,o),p(this.__useEl,this.__config),this},t.prototype.strokeArc=function(t,e,i,r,n,o){return x(this.__useEl,this.__config,t,e,i,r,n,o),g(this.__useEl,this.__config),this},t.prototype.fullArc=function(t,e,i,r,n,o){return x(this.__useEl,this.__config,t,e,i,r,n,o),f(this.__useEl,this.__config),this},t.prototype.fillCircle=function(t,e,i){return y(this.__useEl,t,e,i),p(this.__useEl,this.__config),this},t.prototype.strokeCircle=function(t,e,i){return y(this.__useEl,t,e,i),g(this.__useEl,this.__config),this},t.prototype.fullCircle=function(t,e,i){return y(this.__useEl,t,e,i),f(this.__useEl,this.__config),this},t.prototype.fillRect=function(t,e,i,r){return b(this.__useEl,t,e,i,r),p(this.__useEl,this.__config),this},t.prototype.strokeRect=function(t,e,i,r){return b(this.__useEl,t,e,i,r),g(this.__useEl,this.__config),this},t.prototype.fullRect=function(t,e,i,r){return b(this.__useEl,t,e,i,r),f(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 E(this.__useEl,this.__path),p(this.__useEl,this.__config),this},t.prototype.stroke=function(){return E(this.__useEl,this.__path),g(this.__useEl,this.__config),this},t.prototype.full=function(){return E(this.__useEl,this.__path),f(this.__useEl,this.__config),this},t.prototype.arc=function(t,e,i,r,o){var a=n(t,e,r/180*Math.PI,t+i,e),s=n(t,e,(r+o)/180*Math.PI,t+i,e);return""==this.__path?this.__path+="M"+a[0]+","+a[1]:a[0]==this.__currentPosition[0]&&a[1]==this.__currentPosition[1]||(this.__path+="L"+a[0]+","+a[1]),this.__path+="A"+i+","+i+" 0 "+(o>180||o<-180?1:0)+","+(o>0?1:0)+" "+s[0]+","+s[1],this},t.prototype.quadraticCurveTo=function(t,e,i,r){return this.__path+="Q"+t+" "+e+","+i+" "+r,this},t.prototype.bezierCurveTo=function(t,e,i,r,n,o){return this.__path+="C"+t+" "+e+","+i+" "+r+","+n+" "+o,this},t}(),T=function(t){function e(e){if(!e)throw new Error("VISLite SVG:The mount point requires an HTMLElement type but encountered null.");var i=e.clientWidth,r=e.clientHeight,n=document.createElementNS("http://www.w3.org/2000/svg","svg");return e.appendChild(n),n.setAttribute("width",i+""),n.setAttribute("height",r+""),n.setAttribute("viewBox","0 0 "+i+" "+r),t.call(this,n)||this}return _(e,t),e}(C),A=function(t,e,i,r,n){return t.beginPath(),t.translate(i,r),t.rotate(n),t.font=e.fontStyle+" "+e.fontWeight+" "+e.fontSize+"px "+e.fontFamily,t},S=function(t,e,i,r,n,o,a,s){if(n>o){var _=n;n=o,o=_}return a%=2*Math.PI,s>=1.999999*Math.PI||s<=1.999999*-Math.PI?s=2*Math.PI:s%=2*Math.PI,d(a,s,i,r,n,o,(function(a,s,_,h,u,l,c,f,p,g,m){m<0&&(m=-m),t.beginPath(),t.moveTo(_,h),t.arc(i,r,n,a,s,!1),"round"==e.arcEndCap?t.arc(.5*(c+p),.5*(f+g),m,s-Math.PI,s,!0):"-round"==e.arcEndCap?t.arc(.5*(c+p),.5*(f+g),m,s-Math.PI,s,!1):t.lineTo(p,g),t.arc(i,r,o,s,a,!0),"round"==e.arcStartCap?t.arc(.5*(_+u),.5*(h+l),m,a,a-Math.PI,!0):"-round"==e.arcStartCap?t.arc(.5*(_+u),.5*(h+l),m,a,a-Math.PI,!1):t.lineTo(_,h)})),"butt"==e.arcStartCap&&t.closePath(),t},M=function(t,e,i,r){return t.beginPath(),t.moveTo(e+r,i),t.arc(e,i,r,0,2*Math.PI),t},P=function(t,e,i,r,n){return t.beginPath(),t.rect(e,i,r,n),t};function L(t,e,i,r,n){for(var o=0,a="",s=0;s<e.length;s++)t.measureText(a+e[s]).width>i?(n(a,((o+=1)-.5)*r),a=e[s]):s==e.length-1?(o+=1,n(a+e[s],(o-.5)*r)):a+=e[s];return o*r}var R=function(){function t(t,e,i){void 0===e&&(e={}),this.__region=null,this.__specialConfig={fontSize:16,fontFamily:"sans-serif",fontWeight:400,fontStyle:"normal",arcStartCap:"butt",arcEndCap:"butt"},this.__initConfig={fillStyle:"black",strokeStyle:"black",lineWidth:1,textAlign:"left",textBaseline:"middle",lineDash:[],shadowBlur:0,shadowColor:"black"},this.painter=t.getContext("2d",e),this.__region=i,this.painter.textBaseline="middle",this.painter.textAlign="left"}return t.prototype.useConfig=function(t,e){if(this.__region&&["fillStyle","strokeStyle","shadowBlur","shadowColor"].indexOf(t)<0&&this.__region.useConfig(t,e),"lineDash"==t)this.painter.setLineDash&&this.painter.setLineDash(e);else if(t in this.__specialConfig)"fontSize"==t&&(e=Math.round(e)),this.__specialConfig[t]=e;else{if(!(t in this.__initConfig))throw new Error("Illegal configuration item of painter : "+t+" !");this.painter[t]=e}return this},t.prototype.fillText=function(t,e,i,r){return void 0===r&&(r=0),this.__region&&this.__region.fillText(t,e,i,r),this.painter.save(),A(this.painter,this.__specialConfig,e,i,r).fillText(t,0,0),this.painter.restore(),this},t.prototype.strokeText=function(t,e,i,r){return void 0===r&&(r=0),this.__region&&this.__region.strokeText(t,e,i,r),this.painter.save(),A(this.painter,this.__specialConfig,e,i,r).strokeText(t,0,0),this.painter.restore(),this},t.prototype.fullText=function(t,e,i,r){return void 0===r&&(r=0),this.__region&&this.__region.fullText(t,e,i,r),this.painter.save(),A(this.painter,this.__specialConfig,e,i,r),this.painter.fillText(t,0,0),this.painter.strokeText(t,0,0),this.painter.restore(),this},t.prototype.fillTexts=function(t,e,i,r,n,o){var a=this;void 0===n&&(n=1.2),void 0===o&&(o=0),this.__region&&this.__region.fillTexts(t,e,i,r,n),this.painter.save(),A(this.painter,this.__specialConfig,e,i,o);var s=L(this.painter,t,r,this.__specialConfig.fontSize*n,(function(t,e){a.painter.fillText(t,0,e)}));return this.painter.restore(),s},t.prototype.strokeTexts=function(t,e,i,r,n,o){var a=this;void 0===n&&(n=1.2),void 0===o&&(o=0),this.__region&&this.__region.fillTexts(t,e,i,r,n),this.painter.save(),A(this.painter,this.__specialConfig,e,i,o);var s=L(this.painter,t,r,this.__specialConfig.fontSize*n,(function(t,e){a.painter.strokeText(t,0,e)}));return this.painter.restore(),s},t.prototype.fullTexts=function(t,e,i,r,n,o){var a=this;void 0===n&&(n=1.2),void 0===o&&(o=0),this.__region&&this.__region.fillTexts(t,e,i,r,n),this.painter.save(),A(this.painter,this.__specialConfig,e,i,o);var s=L(this.painter,t,r,this.__specialConfig.fontSize*n,(function(t,e){a.painter.fillText(t,0,e),a.painter.strokeText(t,0,e)}));return this.painter.restore(),s},t.prototype.beginPath=function(){return this.__region&&this.__region.beginPath(),this.painter.beginPath(),this},t.prototype.closePath=function(){return this.__region&&this.__region.closePath(),this.painter.closePath(),this},t.prototype.moveTo=function(t,e){return this.__region&&this.__region.moveTo(t,e),this.painter.moveTo(Math.round(t)+.5,Math.round(e)+.5),this},t.prototype.lineTo=function(t,e){return this.__region&&this.__region.lineTo(t,e),this.painter.lineTo(Math.round(t)+.5,Math.round(e)+.5),this},t.prototype.arc=function(t,e,i,r,n){return this.__region&&this.__region.arc(t,e,i,r,n),this.painter.arc(t,e,i,r,r+n,n<0),this},t.prototype.fill=function(){return this.__region&&this.__region.fill(),this.painter.fill(),this},t.prototype.stroke=function(){return this.__region&&this.__region.stroke(),this.painter.stroke(),this},t.prototype.full=function(){return this.__region&&this.__region.full(),this.painter.fill(),this.painter.stroke(),this},t.prototype.save=function(){return this.__region&&this.__region.save(),this.painter.save(),this},t.prototype.restore=function(){return this.__region&&this.__region.restore(),this.painter.restore(),this},t.prototype.clip=function(){return this.__region&&this.__region.clip(),this.painter.clip(),this},t.prototype.quadraticCurveTo=function(t,e,i,r){return this.__region&&this.__region.quadraticCurveTo(t,e,i,r),this.painter.quadraticCurveTo(t,e,i,r),this},t.prototype.bezierCurveTo=function(t,e,i,r,n,o){return this.__region&&this.__region.bezierCurveTo(t,e,i,r,n,o),this.painter.bezierCurveTo(t,e,i,r,n,o),this},t.prototype.clearRect=function(t,e,i,r){return this.__region&&this.__region.clearRect(t,e,i,r),this.painter.clearRect(t,e,i,r),this},t.prototype.fillArc=function(t,e,i,r,n,o){return this.__region&&this.__region.fillArc(t,e,i,r,n,o),S(this.painter,this.__specialConfig,t,e,i,r,n,o).fill(),this},t.prototype.strokeArc=function(t,e,i,r,n,o){return this.__region&&this.__region.strokeArc(t,e,i,r,n,o),S(this.painter,this.__specialConfig,t,e,i,r,n,o).stroke(),this},t.prototype.fullArc=function(t,e,i,r,n,o){return this.__region&&this.__region.fullArc(t,e,i,r,n,o),S(this.painter,this.__specialConfig,t,e,i,r,n,o),this.painter.fill(),this.painter.stroke(),this},t.prototype.fillCircle=function(t,e,i){return this.__region&&this.__region.fillCircle(t,e,i),M(this.painter,t,e,i).fill(),this},t.prototype.strokeCircle=function(t,e,i){return this.__region&&this.__region.strokeCircle(t,e,i),M(this.painter,t,e,i).stroke(),this},t.prototype.fullCircle=function(t,e,i){return this.__region&&this.__region.fullCircle(t,e,i),M(this.painter,t,e,i),this.painter.fill(),this.painter.stroke(),this},t.prototype.fillRect=function(t,e,i,r){return this.__region&&this.__region.fillRect(t,e,i,r),P(this.painter,t,e,i,r).fill(),this},t.prototype.strokeRect=function(t,e,i,r){return this.__region&&this.__region.strokeRect(t,e,i,r),P(this.painter,t,e,i,r).stroke(),this},t.prototype.fullRect=function(t,e,i,r){return this.__region&&this.__region.fullRect(t,e,i,r),P(this.painter,t,e,i,r),this.painter.fill(),this.painter.stroke(),this},t}();function k(t,e,i,r){for(var n=[],o=0;o<r;o++)n[o]=t;return function(){for(var o=0;o<r;o++){if(n[o]<e){n[o]=+(n[o]+i).toFixed(7);break}o<r-1&&(n[o]=t)}return n}}var I={"font-size":"fontSize","font-family":"fontFamily","font-weight":"fontWeight","font-style":"fontStyle","arc-start-cap":"arcStartCap","arc-end-cap":"arcEndCap"},U=function(t){function e(e,i){var r=t.call(this,e,{},new R(i,{willReadFrequently:!0}))||this;return r.name="Canvas",r.__regionList={},r.__regionAssemble=k(0,255,1,3),r.setRegion(""),r}return _(e,t),e.prototype.config=function(t){for(var e in t){var i=I[e]||e;this.useConfig(i,t[e])}return this},e.prototype.setRegion=function(t){if(t){if(null==this.__regionList[t]){var e=this.__regionAssemble();this.__regionList[t]="rgb("+e[0]+","+e[1]+","+e[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,e){var i=this;return new Promise((function(r,n){var o=i.__region.painter.getImageData(t-.5,e-.5,1,1),a=o.data,s=function(){for(var t in i.__regionList)if("rgb("+a[0]+","+a[1]+","+a[2]+")"==i.__regionList[t]){r(t);break}r("")};a?s():o.then((function(t){a=t,s()}))}))},e.prototype.getContext=function(t){return void 0===t&&(t=!1),t?this.__region.painter:this.painter},e.prototype.createLinearGradient=function(t,e,i,r){return function(t,e,i,r,n){var o=t.createLinearGradient(e,i,r,n),a={value:function(){return o},setColor:function(t,e){return o.addColorStop(t,e),a}};return a}(this.painter,t,e,i,r)},e.prototype.createRadialGradient=function(t,e,i){return function(t,e,i,r){var n=t.createRadialGradient(e,i,0,e,i,r),o={value:function(){return n},setColor:function(t,e){return n.addColorStop(t,e),o}};return o}(this.painter,t,e,i)},e.prototype.getColor=function(t,e){var i=this.painter.getImageData(t-.5,e-.5,1,1).data;return"rgba("+i[0]+","+i[1]+","+i[2]+","+i[3]+")"},e}(R),B=function(t){function e(e){var i=this;if(!e)throw new Error("VISLite Canvas:The mount point requires an HTMLElement type but encountered null.");var r,n,o=e.clientWidth,a=e.clientHeight,s=e;s._vislite_canvas_?(r=s._vislite_canvas_[0],n=s._vislite_canvas_[1]):(r=document.createElement("canvas"),e.appendChild(r),n=document.createElement("canvas"),s._vislite_canvas_=[r,n],e.setAttribute("vislite","Canvas"));for(var _=0,h=[r,n];_<h.length;_++){var u=h[_];u.style.width=o+"px",u.setAttribute("width",o+""),u.style.height=a+"px",u.setAttribute("height",a+"")}return(i=t.call(this,r,n)||this).__canvas=r,i}return _(e,t),e.prototype.toDataURL=function(){var t=this;return new Promise((function(e){e(t.__canvas.toDataURL())}))},e}(U);function D(t,e,i){void 0===i&&(i={});for(var r=["webgl","experimental-webgl","webkit-3d","moz-webgl"],n=null,o=0;o<r.length;o++){try{n=t.getContext(r[o],i)}catch(t){}if(n)break}if(!n)throw new Error("Non canvas or browser does not support webgl.");var a=n.canvas.width,s=n.canvas.height,_=a*e,h=s*e;return n.viewport(.5*(a-_),.5*(s-h),_,h),n.depthFunc(n.LEQUAL),n.enable(n.DEPTH_TEST),n}function N(t){var e=t.drawingBufferWidth,i=t.drawingBufferHeight,r=new Uint8Array(4*e*i);return t.readPixels(0,0,e,i,t.RGBA,t.UNSIGNED_BYTE,r),function(t,n){return"rgba("+r[4*((n=i-n)*e+t)]+","+r[4*(n*e+t)+1]+","+r[4*(n*e+t)+2]+","+r[4*(n*e+t)+3]+")"}}var F=function(){function t(t,e){void 0===e&&(e=!1),this.__painter=t,this.__isElement=e,this.__buffer=function(t){return t.createBuffer()}(t),this.__type=e?t.ELEMENT_ARRAY_BUFFER:t.ARRAY_BUFFER}return t.prototype.use=function(){return this.__painter.bindBuffer(this.__type,this.__buffer),this},t.prototype.write=function(t){return function(t,e,i,r){var n=i?t.ELEMENT_ARRAY_BUFFER:t.ARRAY_BUFFER;t.bufferData(n,e,r)}(this.__painter,t,this.__isElement,this.__painter.STATIC_DRAW),this.__fsize=t.BYTES_PER_ELEMENT,this},t.prototype.divide=function(t,e,i,r){return void 0===r&&(r=0),function(t,e,i,r,n,o,a){t.vertexAttribPointer(e,i,r,a,n,o),t.enableVertexAttribArray(e)}(this.__painter,t,e,this.__painter.FLOAT,i*this.__fsize,r*this.__fsize,!1),this},t}(),z=function(){function t(t,e,i){void 0===i&&(i=0),this.__painter=t,this.__type={"2d":t.TEXTURE_2D,cube:t.TEXTURE_CUBE_MAP}[e],this.__texture=function(t,e,i){var r=t.createTexture();return e==t.TEXTURE_2D&&t.activeTexture(t["TEXTURE"+i]),t.bindTexture(e,r),r}(t,this.__type,i),t.texParameteri(this.__type,t.TEXTURE_MIN_FILTER,t.NEAREST),t.texParameteri(this.__type,t.TEXTURE_MAG_FILTER,t.NEAREST),t.texParameteri(this.__type,t.TEXTURE_WRAP_S,t.CLAMP_TO_EDGE),t.texParameteri(this.__type,t.TEXTURE_WRAP_T,t.CLAMP_TO_EDGE)}return t.prototype.useImage=function(t){return function(t,e,i,r,n,o){t.texImage2D(e,i,r,r,n,o)}(this.__painter,this.__type,0,this.__painter.RGBA,this.__painter.UNSIGNED_BYTE,t),this},t.prototype.useCube=function(t,e,i){return function(t,e,i,r,n,o,a,s,_){for(var h,u=[t.TEXTURE_CUBE_MAP_POSITIVE_X,t.TEXTURE_CUBE_MAP_NEGATIVE_X,t.TEXTURE_CUBE_MAP_POSITIVE_Y,t.TEXTURE_CUBE_MAP_NEGATIVE_Y,t.TEXTURE_CUBE_MAP_POSITIVE_Z,t.TEXTURE_CUBE_MAP_NEGATIVE_Z],l=0;l<u.length;l++)o[l]&&(h=u[l],t.texImage2D(h,i,r,a,s,0,r,n,null),t.bindTexture(e,_),t.texImage2D(h,i,r,r,n,o[l]));t.generateMipmap(e)}(this.__painter,this.__type,0,this.__painter.RGBA,this.__painter.UNSIGNED_BYTE,t,e,i,this.__texture),this},t}(),H={};function G(t,e,i){var r=t+"-"+i;return H[r]||(H[r]=new z(e,i)),H[r]}var O=function(t,e,i){var r=t.createShader(e);if(null==r)throw new Error("Unable to create shader!");if(t.shaderSource(r,i),t.compileShader(r),!t.getShaderParameter(r,t.COMPILE_STATUS))throw new Error("Failed to compile shader:"+t.getShaderInfoLog(r));return r},X=function(){function t(t){this.__painter=t}return t.prototype.use=function(){return this.__painter.useProgram(this.program),this},t.prototype.compile=function(t,e){return this.program=function(t,e,i){var r=O(t,t.VERTEX_SHADER,e),n=O(t,t.FRAGMENT_SHADER,i),o=t.createProgram();if(t.attachShader(o,r),t.attachShader(o,n),t.linkProgram(o),!t.getProgramParameter(o,t.LINK_STATUS))throw new Error("Failed to link program: "+t.getProgramInfoLog(o));return o}(this.__painter,t,e),this},t}(),W={};function q(t,e,i,r,n){var o=function(t,e,i){var r=t+(i.geometry.attributes.normal?"1":"0")+(i.material.image?"1":"0")+(i.material.color?"1":"0")+(i.material.cube?"1":"0");if(W[r])return W[r].use();var n="\n     attribute vec4 a_position;\n\n     ".concat(i.geometry.attributes.normal?"attribute vec4 a_normal;varying vec3 v_normal;":"","\n\n    uniform mat4 u_matrix_world;\n    uniform mat4 u_matrix_mesh;\n    uniform mat4 u_matrix_proporion;\n\n    ").concat(i.material.image?"attribute vec2 a_textcoord;varying vec2 v_textcoord;":"","\n\n    void main(){\n        vec4 temp = a_position;\n\n        // 应用变换矩阵：屏幕比调平矩阵、世界矩阵、物体矩阵\n        temp = u_matrix_proporion * u_matrix_world * u_matrix_mesh * temp;\n\n        // 把原生的WebGL使用的左手坐标系变成了右手坐标系\n        temp.z = -1.0 * temp.z;\n\n        // 表示眼睛距离vec4(0.0,0.0,1.0)的距离\n        float dist = 4.0;\n\n        // 使用投影直接计算\n        // 为保证纹理和相对位置正确\n        // x、y、z的改变满足线性变换\n        gl_Position = vec4((dist + 1.0) * temp.x, (dist + 1.0) * temp.y, dist * (dist + temp.z) + 1.0 - dist * dist, temp.w * 2.0 * (dist + temp.z));\n\n        ").concat(i.geometry.attributes.normal?"v_normal = normalize(vec3(a_normal));":"","\n        ").concat(i.material.image?"v_textcoord = a_textcoord;":"","\n     }\n "),o="\n    precision mediump float;\n\n    ".concat(i.geometry.attributes.normal?"varying vec3 v_normal;":"","\n    ").concat(i.material.color?"uniform vec4 u_color;":"","\n    ").concat(i.material.cube?"uniform samplerCube u_texture;":"","\n    ").concat(i.material.image?"uniform sampler2D u_sampler;varying vec2 v_textcoord;":"","\n\n    void main(){\n        ").concat(i.material.color?"gl_FragColor = u_color;":"","\n        ").concat(i.material.cube?"gl_FragColor = textureCube(u_texture,normalize(v_normal));":"","\n        ").concat(i.material.image?"gl_FragColor = texture2D(u_sampler,v_textcoord);":"","\n    }\n "),a=new X(e).compile(n,o).use();return W[r]=a,a}(t,e,i);if(new F(e).use().write(i.geometry.attributes.position.array).divide(e.getAttribLocation(o.program,"a_position"),i.geometry.attributes.position.itemSize,3,0),e.uniformMatrix4fv(e.getUniformLocation(o.program,"u_matrix_world"),!1,n.matrix),e.uniformMatrix4fv(e.getUniformLocation(o.program,"u_matrix_proporion"),!1,n.proporion),e.uniformMatrix4fv(e.getUniformLocation(o.program,"u_matrix_mesh"),!1,r.matrix),i.geometry.attributes.normal&&new F(e).use().write(i.geometry.attributes.normal.array).divide(e.getAttribLocation(o.program,"a_normal"),i.geometry.attributes.normal.itemSize,3,0),"color"in i.material)e.uniform4f(e.getUniformLocation(o.program,"u_color"),i.material.color.r,i.material.color.g,i.material.color.b,i.material.color.alpha);else if("cube"in i.material){var a=i.material.cube.right.image.value.width;G(t,e,"cube").useCube([i.material.cube.right.image.value,i.material.cube.left.image.value,i.material.cube.top.image.value,i.material.cube.bottom.image.value,i.material.cube.far.image.value,i.material.cube.near.image.value],a,a)}else"image"in i.material&&(e.uniform1i(e.getUniformLocation(o.program,"u_sampler"),0),new F(e).use().write(i.geometry.attributes.uv.array).divide(e.getAttribLocation(o.program,"a_textcoord"),i.geometry.attributes.uv.itemSize,2,0),G(t,e,"2d").useImage(i.material.image.value));i.geometry.index?(new F(e,!0).use().write(i.geometry.index.array),e.drawElements(e[i.geometry.type],i.geometry.index.count,e.UNSIGNED_BYTE,0)):e.drawArrays(e[i.geometry.type],0,i.geometry.attributes.position.count)}var V=!1,Y=function(){function t(t,e){this.name="WebGL",this.__getColor=function(t,e){return"rgba(0,0,0,1)"},this.__regionList={},this.__regionAssemble=k(0,1,.2,3),this.__regionName="",this.__regionColor=[0,0,0,1],this.__scene={children:[],matrix:new r([1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,10])},this.__unique=(new Date).valueOf(),this.painter=D(t,10),this.__regionPainter=D(e,10,{});var i=this.painter.canvas.width/this.painter.canvas.height,n=1,o=1;i>1?n=1/i:o=i;var a=Math.min(n,o);this.__proporion=[n,0,0,0,0,o,0,0,0,0,a,0,0,0,0,1]}return t.prototype.matrix=function(t){return new r(t)},t.prototype.getMatrix=function(){return this.__scene.matrix},t.prototype.getObject3D=function(){return this.__scene.children},t.prototype.review=function(t){void 0===t&&(t=!1),t?(this.__regionPainter.clearColor(1,1,1,1),this.__regionPainter.clear(this.__regionPainter.COLOR_BUFFER_BIT)):(this.painter.clearColor(1,1,1,1),this.painter.clear(this.painter.COLOR_BUFFER_BIT));for(var e=0;e<this.__scene.children.length;e++)this.draw(this.__scene.children[e],t);return this},t.prototype.draw=function(t,e){void 0===e&&(e=!1),e||(V=!0);var i={matrix:t.matrix.value()},r={matrix:this.__scene.matrix.value(),proporion:this.__proporion};this.setRegion(t.region);for(var n=0;n<t.mesh.length;n++)e?(q("painter"+this.__unique,this.__regionPainter,{geometry:t.mesh[n].geometry,material:{color:{r:this.__regionColor[0],g:this.__regionColor[1],b:this.__regionColor[2],alpha:this.__regionColor[3]}}},i,r),this.__getColor=N(this.__regionPainter)):q("region"+this.__unique,this.painter,t.mesh[n],i,r)},t.prototype.render=function(t){"matrix"in t||(t.matrix=new r),"region"in t||(t.region="");for(var e=0;e<t.mesh.length;e++){var i=t.mesh[e];i.geometry.attributes.normal&&Array.isArray(i.geometry.attributes.normal.array)&&(i.geometry.attributes.normal.array=new Float32Array(i.geometry.attributes.normal.array)),i.geometry.attributes.position&&Array.isArray(i.geometry.attributes.position.array)&&(i.geometry.attributes.position.array=new Float32Array(i.geometry.attributes.position.array)),i.geometry.attributes.uv&&Array.isArray(i.geometry.attributes.uv.array)&&(i.geometry.attributes.uv.array=new Float32Array(i.geometry.attributes.uv.array)),i.geometry.index&&Array.isArray(i.geometry.index.array)&&(i.geometry.index.array=new Uint8Array(i.geometry.index.array))}this.__scene.children.push(t),this.draw(t)},t.prototype.setRegion=function(t){return this.__regionName=t+"",t?(null==this.__regionList[t]&&(this.__regionList[t]=h(h([],this.__regionAssemble(),!0),[1],!1)),this.__regionColor=this.__regionList[t]):this.__regionColor=[0,0,0,1],this},t.prototype.getRegion=function(t,e){var i=this;return V&&this.review(!0),V=!1,new Promise((function(r,n){var o=i.__getColor(t,e);for(var a in i.__regionList){var s=i.__regionList[a];if("rgba("+255*s[0]+","+255*s[1]+","+255*s[2]+","+255*s[3]+")"==o){r(a);break}}r("")}))},t}(),j=function(t){function e(e){if(!e)throw new Error("VISLite WebGL:The mount point requires an HTMLElement type but encountered null.");var i,r,n=e.clientWidth,o=e.clientHeight,a=e;a._vislite_canvas_?(i=a._vislite_canvas_[0],r=a._vislite_canvas_[1]):(r=document.createElement("canvas"),e.appendChild(r),r.style.position="absolute",r.style.zIndex="-1",i=document.createElement("canvas"),e.appendChild(i),a._vislite_canvas_=[i,r],e.setAttribute("vislite","WebGL"));for(var s=0,_=[i,r];s<_.length;s++){var h=_[s];h.style.width=n+"px",h.setAttribute("width",n+""),h.style.height=o+"px",h.setAttribute("height",o+"")}return t.call(this,i,r)||this}return _(e,t),e}(Y),Z=function(t,e,i,r){var n=Math.cos(t),o=Math.sin(t);return[e*n-i*o,e*o+i*n,r]},Q=function(){function t(t,e){void 0===t&&(t=7),void 0===e&&(e=[107,36]),this.name="Eoap",this.__scale=t,this.__center=e}return t.prototype.use=function(t,e){var i,r,n,o,a,s,_=(i=(360-e)/180*Math.PI,r=100*this.__scale,n=0,o=0,a=Math.cos(i),s=Math.sin(i),[o*s+r*a,n,o*a-r*s]);return _=Z(t/180*Math.PI,_[0],_[1],_[2]),_=Z((90-this.__center[0])/180*Math.PI,_[0],_[1],_[2]),_=function(t,e,i,r){var n=Math.cos(t),o=Math.sin(t);return[e,i*n-r*o,i*o+r*n]}((90-this.__center[1])/180*Math.PI,_[0],_[1],_[2]),[-_[0],_[1],_[2]]},t}(),K=function(t,e){void 0===t&&(t=7),void 0===e&&(e=[107,36]),this.name="Mercator";var i=100*t*Math.PI/180,r=i*e[0],n=-1*i*e[1];this.use=function(t,e){return[.8*(i*t-r),-1*i*e-n]}},J=function(t,e){var i=t.getBoundingClientRect();return{x:e.clientX-i.left,y:e.clientY-i.top}};return{Cardinal:e,Hermite:t,Matrix4:r,rotate:n,getLoopColors:function(t,e){void 0===e&&(e=1);var i=["rgba(84,112,198,"+e+")","rgba(145,204,117,"+e+")","rgba(250,200,88,"+e+")","rgba(238,102,102,"+e+")","rgba(115,192,222,"+e+")","rgba(59,162,114,"+e+")","rgba(252,132,82,"+e+")","rgba(154,96,180,"+e+")","rgba(234,124,204,"+e+")"],r=[];if(t<=i.length)return i;if(t%i.length==0)for(var n=0;n<t/i.length;n++)r=r.concat(i);else{for(var o=1;o<t/i.length;o++)r=r.concat(i);if(t%i.length==1)r=r.concat(i[4]);else for(var a=0;a<t%i.length;a++)r=r.concat(i[a])}return r},animation:function(t,e,i){void 0===e&&(e=400),void 0===i&&(i=function(){});var r={timer:function(t,e,i){if(!t)throw new Error("Tick is required!");var n=(new Date).valueOf()+"_"+(1e3*Math.random()).toFixed(0);return a.push({id:n,createTime:new Date,tick:t,duration:e,callback:i}),r.start(),n},start:function(){o||(o=setInterval(r.tick,13))},tick:function(){var t,e,i,n,o,s,_,h=a;for((a=[]).length=0,e=0;e<h.length;e++)t=(o=h[e]).createTime,i=o.tick,s=o.duration,n=o.callback,i(_=(_=(+(new Date).valueOf()-t.valueOf())/s)>1?1:_),_<1&&o.id?a.push(o):n(_);a.length<=0&&r.stop()},stop:function(){o&&(clearInterval(o),o=null)}},n=r.timer((function(e){t(e)}),e,i);return function(){var t;for(t in a)if(a[t].id==n)return void(a[t].id=void 0)}},ruler:function(t,e,i){if(t<e){var r=e;e=t,t=r}else if(t==e)return[t];var n=function(t){for(var e=t<100&&t>-100?10:.1,i=-1,r=t;10==e?r>=-100&&r<=100:r<=-100||r>=100;)i+=1,r*=e;if(10==e)return Math.pow(10,i);for(var n="0.",o=1;o<i;o++)n+="0";return+(n+"1")}(t-e),o=Math.ceil((t-e)*n/i),a=(o={3:2,4:5,6:5,7:5,8:10,9:10,11:10,12:10,13:15,14:15,16:15,17:15,18:20,19:20,21:20,22:20,23:25,24:25,26:25,27:25}[o]||o)/n,s=Math.floor(e/a)*a,_=[];_.push(s);for(var h=1;_[_.length-1]<t;h++)_.push(s+a*h);return _},SVG:T,Canvas:B,WebGL:j,Eoap:Q,Mercator:K,viewHandler:function(t){var e=document.getElementsByTagName("body")[0];e.addEventListener("keydown",(function(e){var i=function(t){return{37:"left",38:"up",39:"right",40:"down"}[t.keyCode||t.which]}(e);"up"==i?t({type:"lookUp",normal:[],value:.1}):"down"==i?t({type:"lookDown",normal:[],value:.1}):"left"==i?t({type:"lookLeft",normal:[],value:.1}):"right"==i&&t({type:"lookRight",normal:[],value:.1})}));var i=null,r=function(r){if(null!=i){var n=J(e,r),o=[n.x-i.x,n.y-i.y],a=[o[1],o[0],0];0==a[0]&&0==a[1]||(t({type:"rotate",normal:a,value:.01*(Math.abs(n.x-i.x)+Math.abs(n.y-i.y))}),i=n)}};e.addEventListener("mousedown",(function(t){i=J(e,t)})),e.addEventListener("mouseup",(function(t){i=null})),e.addEventListener("mousemove",(function(t){r(t)})),e.addEventListener("touchend",(function(t){i=null})),e.addEventListener("touchstart",(function(t){i=J(e,t)})),e.addEventListener("touchmove",(function(t){r(t.touches[0])}));var n=function(e){0!=e&&t({type:"scale",value:e<0?.899:1.101,normal:[]})};e.addEventListener("mousewheel",(function(t){n(t.wheelDelta)})),window.addEventListener&&window.addEventListener("DOMMouseScroll",(function(t){n(-1*t.detail)}),!1)}}},"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).VISLite=e();