vislite 0.5.2-alpha.0 → 0.5.2-alpha.2

package/lib/SVG/index.umd.js

@@ -0,0 +1,540 @@
+/*!
+* VISLite JavaScript Library v0.5.2-alpha.2
+* git+https://github.com/oi-contrib/VISLite.git
+*
+* Copyright zxl20070701
+* Released under the MIT license
+* https://zxl20070701.github.io/notebook/home.html
+*
+* Publish Date:  Mon Oct 23 2023 22:21:10 GMT+0800 (中国标准时间)
+*/
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+    typeof define === 'function' && define.amd ? define(factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.VISLite_SVG = factory());
+})(this, (function () { 'use strict';
+
+    /******************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise, SuppressedError, Symbol */
+
+    var extendStatics = function(d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+
+    function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    }
+
+    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+        var e = new Error(message);
+        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
+
+    var XLINK_ATTRIBUTE = ["href", "title", "show", "type", "role", "actuate"];
+
+    function toNode(tagname) {
+        return document.createElementNS('http://www.w3.org/2000/svg', tagname);
+    }
+    var _setAttribute = function (el, key, value) {
+        if (XLINK_ATTRIBUTE.indexOf(key) > -1) {
+            el.setAttributeNS("http://www.w3.org/1999/xlink", 'xlink:' + key, value + "");
+        }
+        else {
+            el.setAttribute(key, value + "");
+        }
+    };
+    var setAttribute = _setAttribute;
+    function getAttribute(el, key) {
+        if (XLINK_ATTRIBUTE.indexOf(key) > -1)
+            key = 'xlink:' + key;
+        return el.getAttribute(key);
+    }
+    function full(el, config) {
+        _setAttribute(el, "stroke", config.strokeStyle);
+        _setAttribute(el, "fill", config.fillStyle);
+        _setAttribute(el, "stroke-dasharray", config.lineDash.join(','));
+    }
+    function fill(el, config) {
+        _setAttribute(el, "fill", config.fillStyle);
+    }
+    function stroke(el, config) {
+        _setAttribute(el, "stroke", config.strokeStyle);
+        _setAttribute(el, "fill", "none");
+        _setAttribute(el, "stroke-dasharray", config.lineDash.join(','));
+    }
+
+    function setStyle (el, styles) {
+        for (var key in styles) {
+            el.style[key] = styles[key];
+        }
+    }
+
+    var rotate$1 = function (cx, cy, deg, x, y) {
+        var cos = Math.cos(deg), sin = Math.sin(deg);
+        return [
+            +((x - cx) * cos - (y - cy) * sin + cx).toFixed(7),
+            +((x - cx) * sin + (y - cy) * cos + cy).toFixed(7)
+        ];
+    };
+    function arc (beginA, rotateA, cx, cy, r1, r2, doback) {
+        if (rotateA < 0) {
+            beginA += rotateA;
+            rotateA *= -1;
+        }
+        var temp = [], p;
+        p = rotate$1(0, 0, beginA, r1, 0);
+        temp[0] = p[0];
+        temp[1] = p[1];
+        p = rotate$1(0, 0, rotateA, p[0], p[1]);
+        temp[2] = p[0];
+        temp[3] = p[1];
+        p = rotate$1(0, 0, beginA, r2, 0);
+        temp[4] = p[0];
+        temp[5] = p[1];
+        p = rotate$1(0, 0, rotateA, p[0], p[1]);
+        temp[6] = p[0];
+        temp[7] = p[1];
+        doback(beginA, beginA + rotateA, temp[0] + cx, temp[1] + cy, temp[4] + cx, temp[5] + cy, temp[2] + cx, temp[3] + cy, temp[6] + cx, temp[7] + cy, (r2 - r1) * 0.5);
+    }
+
+    var initDefs = function (el) {
+        var defs = el.getElementsByTagName('defs');
+        if (defs.length <= 0) {
+            var newDefs = toNode("defs");
+            el.appendChild(newDefs);
+            return newDefs;
+        }
+        else {
+            return defs[0];
+        }
+    };
+    var initText = function (el, config, x, y, deg) {
+        if (el.nodeName.toLowerCase() !== "text")
+            throw new Error("Need a <text> !");
+        setAttribute(el, "dy", {
+            top: config["fontSize"] * 0.5,
+            middle: 0,
+            bottom: -config["fontSize"] * 0.5,
+        }[config.textBaseline]);
+        setStyle(el, {
+            "text-anchor": {
+                left: "start",
+                right: "end",
+                center: "middle",
+            }[config.textAlign],
+            "dominant-baseline": "central",
+            "font-size": config["fontSize"] + "px",
+            "font-family": config["fontFamily"],
+        });
+        setAttribute(el, "x", x);
+        setAttribute(el, "y", y);
+        if (typeof deg == "number") {
+            deg = deg % 360;
+            setAttribute(el, "transform", "rotate(" + deg + "," + x + "," + y + ")");
+        }
+    };
+    var initCircle = 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);
+    };
+    var initPath = function (el, path) {
+        if (el.nodeName.toLowerCase() !== "path")
+            throw new Error("Need a <path> !");
+        setAttribute(el, "d", path);
+    };
+    var initRect = function (el, x, y, width, height) {
+        if (el.nodeName.toLowerCase() !== "rect")
+            throw new Error("Need a <rect> !");
+        if (height < 0) {
+            height *= -1;
+            y -= height;
+        }
+        if (width < 0) {
+            width *= -1;
+            x -= width;
+        }
+        setAttribute(el, "x", x);
+        setAttribute(el, "y", y);
+        setAttribute(el, "width", width);
+        setAttribute(el, "height", height);
+    };
+    var initArc = function (el, config, cx, cy, r1, r2, beginDeg, deg) {
+        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;
+            r1 = r2;
+            r2 = temp;
+        }
+        if (deg >= Math.PI * 1.999999 || deg <= -Math.PI * 1.999999) {
+            deg = Math.PI * 1.999999;
+        }
+        else {
+            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;
+            if (r < 0)
+                r = -r;
+            d +=
+                "A" + r1 + " " + r1 + " 0 " + f + " 1 " + endInnerX + " " + endInnerY;
+            if (config.arcEndCap == "round")
+                d += "A" + r + " " + r + " " + " 0 1 0 " + endOuterX + " " + endOuterY;
+            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.arcStartCap == "round")
+                d += "A" + r + " " + r + " " + " 0 1 0 " + begInnerX + " " + begInnerY;
+            else if (config.arcStartCap == "-round")
+                d += "A" + r + " " + r + " " + " 0 1 1 " + begInnerX + " " + begInnerY;
+            else
+                d += "L" + begInnerX + " " + begInnerY;
+            if (config.arcStartCap == "butt")
+                d += "Z";
+            setAttribute(el, "d", d);
+        });
+    };
+
+    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
+        ];
+    }
+
+    var linearGradient = function (el, x0, y0, x1, y1) {
+        var defs = initDefs(el);
+        var gradientId = "vislite-lg-" + new Date().valueOf() + "-" + Math.random();
+        var linearGradient = toNode("linearGradient");
+        defs.appendChild(linearGradient);
+        setAttribute(linearGradient, "id", gradientId);
+        setAttribute(linearGradient, "x1", x0 + "%");
+        setAttribute(linearGradient, "y1", y0 + "%");
+        setAttribute(linearGradient, "x2", x1 + "%");
+        setAttribute(linearGradient, "y2", y1 + "%");
+        var enhanceGradient = {
+            "value": function () {
+                return "url(#" + gradientId + ")";
+            },
+            "setColor": function (stop, color) {
+                var stopEl = toNode("stop");
+                linearGradient.appendChild(stopEl);
+                setAttribute(stopEl, "offset", (stop * 100) + "%");
+                setAttribute(stopEl, "style", "stop-color:" + color + ";");
+                return enhanceGradient;
+            }
+        };
+        return enhanceGradient;
+    };
+    var radialGradient = function (el, cx, cy, r) {
+        var defs = initDefs(el);
+        var gradientId = "vislite-rg-" + new Date().valueOf() + "-" + Math.random();
+        var radialGradient = toNode("radialGradient");
+        defs.appendChild(radialGradient);
+        setAttribute(radialGradient, "id", gradientId);
+        setAttribute(radialGradient, "cx", cx + "%");
+        setAttribute(radialGradient, "cy", cy + "%");
+        setAttribute(radialGradient, "r", r + "%");
+        var enhanceGradient = {
+            "value": function () {
+                return "url(#" + gradientId + ")";
+            },
+            "setColor": function (stop, color) {
+                var stopEl = toNode("stop");
+                radialGradient.appendChild(stopEl);
+                setAttribute(stopEl, "offset", (stop * 100) + "%");
+                setAttribute(stopEl, "style", "stop-color:" + color + ";");
+                return enhanceGradient;
+            }
+        };
+        return enhanceGradient;
+    };
+
+    var oldAttrName = {
+        "font-size": "fontSize",
+        "font-family": "fontFamily",
+        "arc-start-cap": "arcStartCap",
+        "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",
+                "fontSize": 16,
+                "fontFamily": "sans-serif",
+                "arcStartCap": "butt",
+                "arcEndCap": "butt",
+                lineDash: [],
+            };
+            this.__path = "";
+            this.__currentPosition = [];
+            this.__svg = svg;
+        }
+        SVG.prototype.config = function (params) {
+            if (typeof params !== "object") {
+                return this.__config[oldAttrName[params] || params];
+            }
+            else {
+                for (var key in params) {
+                    var _key = oldAttrName[key] || key;
+                    this.__config[_key] = params[key];
+                }
+            }
+            return this;
+        };
+        SVG.prototype.useEl = function (el) {
+            this.__useEl = el;
+            return this;
+        };
+        SVG.prototype.getEl = function () {
+            return this.__useEl;
+        };
+        SVG.prototype.appendEl = function (el, context) {
+            context = context || this.__svg;
+            if (typeof el == "string")
+                el = toNode(el);
+            context.appendChild(el);
+            this.__useEl = el;
+            return this;
+        };
+        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 (_el == "")
+                throw new Error("Unsupported drawing method:" + el);
+            return this.appendEl(_el, context);
+        };
+        SVG.prototype.remove = function () {
+            if (!this.__useEl) {
+                throw new Error("Currently, no node can be deleted.");
+            }
+            else {
+                this.__useEl.parentNode.removeChild(this.__useEl);
+            }
+            return this;
+        };
+        SVG.prototype.attr = function (params) {
+            if (!this.__useEl)
+                throw new Error("Currently, no node can be modified or viewed.");
+            if (typeof params !== "object") {
+                return getAttribute(this.__useEl, params);
+            }
+            else {
+                for (var key in params) {
+                    setAttribute(this.__useEl, key, params[key]);
+                }
+                return this;
+            }
+        };
+        SVG.prototype.fillText = function (text, x, y, deg) {
+            if (deg === void 0) { deg = 0; }
+            initText(this.__useEl, this.__config, x, y, deg);
+            this.__useEl.textContent = text;
+            fill(this.__useEl, this.__config);
+            return this;
+        };
+        SVG.prototype.strokeText = function (text, x, y, deg) {
+            if (deg === void 0) { deg = 0; }
+            initText(this.__useEl, this.__config, x, y, deg);
+            this.__useEl.textContent = text;
+            stroke(this.__useEl, this.__config);
+            return this;
+        };
+        SVG.prototype.fullText = function (text, x, y, deg) {
+            if (deg === void 0) { deg = 0; }
+            initText(this.__useEl, this.__config, x, y, deg);
+            this.__useEl.textContent = text;
+            full(this.__useEl, this.__config);
+            return this;
+        };
+        SVG.prototype.fillArc = function (cx, cy, r1, r2, beginDeg, deg) {
+            initArc(this.__useEl, this.__config, cx, cy, r1, r2, beginDeg, deg);
+            fill(this.__useEl, this.__config);
+            return this;
+        };
+        SVG.prototype.strokeArc = function (cx, cy, r1, r2, beginDeg, deg) {
+            initArc(this.__useEl, this.__config, cx, cy, r1, r2, beginDeg, deg);
+            stroke(this.__useEl, this.__config);
+            return this;
+        };
+        SVG.prototype.fullArc = function (cx, cy, r1, r2, beginDeg, deg) {
+            initArc(this.__useEl, this.__config, cx, cy, r1, r2, beginDeg, deg);
+            full(this.__useEl, this.__config);
+            return this;
+        };
+        SVG.prototype.fillCircle = function (cx, cy, r) {
+            initCircle(this.__useEl, cx, cy, r);
+            fill(this.__useEl, this.__config);
+            return this;
+        };
+        SVG.prototype.strokeCircle = function (cx, cy, r) {
+            initCircle(this.__useEl, cx, cy, r);
+            stroke(this.__useEl, this.__config);
+            return this;
+        };
+        SVG.prototype.fullCircle = function (cx, cy, r) {
+            initCircle(this.__useEl, cx, cy, r);
+            full(this.__useEl, this.__config);
+            return this;
+        };
+        SVG.prototype.fillRect = function (x, y, width, height) {
+            initRect(this.__useEl, x, y, width, height);
+            fill(this.__useEl, this.__config);
+            return this;
+        };
+        SVG.prototype.strokeRect = function (x, y, width, height) {
+            initRect(this.__useEl, x, y, width, height);
+            stroke(this.__useEl, this.__config);
+            return this;
+        };
+        SVG.prototype.fullRect = function (x, y, width, height) {
+            initRect(this.__useEl, x, y, width, height);
+            full(this.__useEl, this.__config);
+            return this;
+        };
+        SVG.prototype.beginPath = function () {
+            this.__currentPosition = [];
+            this.__path = "";
+            return this;
+        };
+        SVG.prototype.closePath = function () {
+            this.__path += "Z";
+            return this;
+        };
+        SVG.prototype.moveTo = function (x, y) {
+            this.__currentPosition = [x, y];
+            this.__path += "M" + x + " " + y;
+            return this;
+        };
+        SVG.prototype.lineTo = function (x, y) {
+            this.__currentPosition = [x, y];
+            this.__path += (this.__path == "" ? "M" : "L") + x + " " + y;
+            return this;
+        };
+        SVG.prototype.fill = function () {
+            initPath(this.__useEl, this.__path);
+            fill(this.__useEl, this.__config);
+            return this;
+        };
+        SVG.prototype.stroke = function () {
+            initPath(this.__useEl, this.__path);
+            stroke(this.__useEl, this.__config);
+            return this;
+        };
+        SVG.prototype.full = function () {
+            initPath(this.__useEl, this.__path);
+            full(this.__useEl, this.__config);
+            return this;
+        };
+        SVG.prototype.arc = function (x, y, r, beginDeg, deg) {
+            var begPosition = rotate(x, y, (beginDeg / 180) * Math.PI, x + r, y);
+            var endPosition = rotate(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]) {
+                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];
+            return this;
+        };
+        SVG.prototype.quadraticCurveTo = function (cpx, cpy, x, y) {
+            this.__path += "Q" + cpx + " " + cpy + "," + x + " " + y;
+            return this;
+        };
+        SVG.prototype.bezierCurveTo = function (cp1x, cp1y, cp2x, cp2y, x, y) {
+            this.__path +=
+                "C" + cp1x + " " + cp1y + "," + cp2x + " " + cp2y + "," + x + " " + y;
+            return this;
+        };
+        SVG.prototype.bind = function (eventType, callback) {
+            this.__useEl.addEventListener(eventType, function (event) {
+                callback.call(this, event, this);
+            }, false);
+            return this;
+        };
+        SVG.prototype.createLinearGradient = function (x0, y0, x1, y1) {
+            return linearGradient(this.__svg, x0, y0, x1, y1);
+        };
+        SVG.prototype.createRadialGradient = function (cx, cy, r) {
+            return radialGradient(this.__svg, cx, cy, r);
+        };
+        return SVG;
+    }());
+
+    var SVG = (function (_super) {
+        __extends(SVG, _super);
+        function SVG(el) {
+            if (!el) {
+                throw new Error("VISLite SVG:The mount point requires an HTMLElement type but encountered null.");
+            }
+            var width = el.clientWidth, height = el.clientHeight;
+            var ViewSVG = document.createElementNS("http://www.w3.org/2000/svg", 'svg');
+            el.appendChild(ViewSVG);
+            ViewSVG.setAttribute("width", width + "");
+            ViewSVG.setAttribute("height", height + "");
+            ViewSVG.setAttribute("viewBox", "0 0 " + width + " " + height);
+            return _super.call(this, ViewSVG) || this;
+        }
+        return SVG;
+    }(SVG$1));
+
+    return SVG;
+
+}));

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

@@ -0,0 +1,11 @@
+/*!
+* VISLite JavaScript Library v0.5.2-alpha.2
+* git+https://github.com/oi-contrib/VISLite.git
+*
+* Copyright zxl20070701
+* Released under the MIT license
+* https://zxl20070701.github.io/notebook/home.html
+*
+* Publish Date:  Mon Oct 23 2023 22:21:10 GMT+0800 (中国标准时间)
+*/
+var t,e;t=this,e=function(){"use strict";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"];function i(t){return document.createElementNS("http://www.w3.org/2000/svg",t)}var n=function(t,i,n){e.indexOf(i)>-1?t.setAttributeNS("http://www.w3.org/1999/xlink","xlink:"+i,n+""):t.setAttribute(i,n+"")},r=n;function o(t,e){n(t,"stroke",e.strokeStyle),n(t,"fill",e.fillStyle),n(t,"stroke-dasharray",e.lineDash.join(","))}function s(t,e){n(t,"fill",e.fillStyle)}function u(t,e){n(t,"stroke",e.strokeStyle),n(t,"fill","none"),n(t,"stroke-dasharray",e.lineDash.join(","))}var h=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)]},a=function(t){var e=t.getElementsByTagName("defs");if(e.length<=0){var n=i("defs");return t.appendChild(n),n}return e[0]},_=function(t,e,i,n,o){if("text"!==t.nodeName.toLowerCase())throw new Error("Need a <text> !");r(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}),r(t,"x",i),r(t,"y",n),"number"==typeof o&&r(t,"transform","rotate("+(o%=360)+","+i+","+n+")")},l=function(t,e,i,n){if("circle"!==t.nodeName.toLowerCase())throw new Error("Need a <circle> !");r(t,"cx",e),r(t,"cy",i),r(t,"r",n)},c=function(t,e){if("path"!==t.nodeName.toLowerCase())throw new Error("Need a <path> !");r(t,"d",e)},f=function(t,e,i,n,o){if("rect"!==t.nodeName.toLowerCase())throw new Error("Need a <rect> !");o<0&&(i-=o*=-1),n<0&&(e-=n*=-1),r(t,"x",e),r(t,"y",i),r(t,"width",n),r(t,"height",o)},p=function(t,e,i,n,o,s,u,a){if("path"!==t.nodeName.toLowerCase())throw new Error("Need a <path> !");if(u=u/180*Math.PI,a=a/180*Math.PI,u%=2*Math.PI,o>s){var _=o;o=s,s=_}a>=1.999999*Math.PI||a<=1.999999*-Math.PI?a=1.999999*Math.PI:a%=2*Math.PI,function(t,e,i,n,r,o,s){e<0&&(t+=e,e*=-1);var u,a=[];u=h(0,0,t,r,0),a[0]=u[0],a[1]=u[1],u=h(0,0,e,u[0],u[1]),a[2]=u[0],a[3]=u[1],u=h(0,0,t,o,0),a[4]=u[0],a[5]=u[1],u=h(0,0,e,u[0],u[1]),a[6]=u[0],a[7]=u[1],s(t,t+e,a[0]+i,a[1]+n,a[4]+i,a[5]+n,a[2]+i,a[3]+n,a[6]+i,a[7]+n,.5*(o-r))}(u,a,i,n,o,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"+o+" "+o+" 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"),r(t,"d",E)}))};function d(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={"font-size":"fontSize","font-family":"fontFamily","arc-start-cap":"arcStartCap","arc-end-cap":"arcEndCap"},E=function(){function t(t){this.name="SVG",this.__config={fillStyle:"#000",strokeStyle:"#000",lineWidth:1,textAlign:"left",textBaseline:"middle",fontSize:16,fontFamily:"sans-serif",arcStartCap:"butt",arcEndCap:"butt",lineDash:[]},this.__path="",this.__currentPosition=[],this.__svg=t}return t.prototype.config=function(t){if("object"!=typeof t)return this.__config[y[t]||t];for(var e in t){var i=y[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){return e=e||this.__svg,"string"==typeof t&&(t=i(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)r(this.__useEl,i,t[i]);return this},t.prototype.fillText=function(t,e,i,n){return void 0===n&&(n=0),_(this.__useEl,this.__config,e,i,n),this.__useEl.textContent=t,s(this.__useEl,this.__config),this},t.prototype.strokeText=function(t,e,i,n){return void 0===n&&(n=0),_(this.__useEl,this.__config,e,i,n),this.__useEl.textContent=t,u(this.__useEl,this.__config),this},t.prototype.fullText=function(t,e,i,n){return void 0===n&&(n=0),_(this.__useEl,this.__config,e,i,n),this.__useEl.textContent=t,o(this.__useEl,this.__config),this},t.prototype.fillArc=function(t,e,i,n,r,o){return p(this.__useEl,this.__config,t,e,i,n,r,o),s(this.__useEl,this.__config),this},t.prototype.strokeArc=function(t,e,i,n,r,o){return p(this.__useEl,this.__config,t,e,i,n,r,o),u(this.__useEl,this.__config),this},t.prototype.fullArc=function(t,e,i,n,r,s){return p(this.__useEl,this.__config,t,e,i,n,r,s),o(this.__useEl,this.__config),this},t.prototype.fillCircle=function(t,e,i){return l(this.__useEl,t,e,i),s(this.__useEl,this.__config),this},t.prototype.strokeCircle=function(t,e,i){return l(this.__useEl,t,e,i),u(this.__useEl,this.__config),this},t.prototype.fullCircle=function(t,e,i){return l(this.__useEl,t,e,i),o(this.__useEl,this.__config),this},t.prototype.fillRect=function(t,e,i,n){return f(this.__useEl,t,e,i,n),s(this.__useEl,this.__config),this},t.prototype.strokeRect=function(t,e,i,n){return f(this.__useEl,t,e,i,n),u(this.__useEl,this.__config),this},t.prototype.fullRect=function(t,e,i,n){return f(this.__useEl,t,e,i,n),o(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 c(this.__useEl,this.__path),s(this.__useEl,this.__config),this},t.prototype.stroke=function(){return c(this.__useEl,this.__path),u(this.__useEl,this.__config),this},t.prototype.full=function(){return c(this.__useEl,this.__path),o(this.__useEl,this.__config),this},t.prototype.arc=function(t,e,i,n,r){var o=d(t,e,n/180*Math.PI,t+i,e),s=d(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,n,o){return function(t,e,n,o,s){var u=a(t),h="vislite-lg-"+(new Date).valueOf()+"-"+Math.random(),_=i("linearGradient");u.appendChild(_),r(_,"id",h),r(_,"x1",e+"%"),r(_,"y1",n+"%"),r(_,"x2",o+"%"),r(_,"y2",s+"%");var l={value:function(){return"url(#"+h+")"},setColor:function(t,e){var n=i("stop");return _.appendChild(n),r(n,"offset",100*t+"%"),r(n,"style","stop-color:"+e+";"),l}};return l}(this.__svg,t,e,n,o)},t.prototype.createRadialGradient=function(t,e,n){return function(t,e,n,o){var s=a(t),u="vislite-rg-"+(new Date).valueOf()+"-"+Math.random(),h=i("radialGradient");s.appendChild(h),r(h,"id",u),r(h,"cx",e+"%"),r(h,"cy",n+"%"),r(h,"r",o+"%");var _={value:function(){return"url(#"+u+")"},setColor:function(t,e){var n=i("stop");return h.appendChild(n),r(n,"offset",100*t+"%"),r(n,"style","stop-color:"+e+";"),_}};return _}(this.__svg,t,e,n)},t}();return 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}(E)},"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).VISLite_SVG=e();