q2-tecton-elements 1.23.0-alpha.0 → 1.24.0

package/dist/cjs/{installCanvasRenderer-b4d10c92.js → installCanvasRenderer-6c4fbcc9.js}

@@ -781,7 +781,7 @@ function distanceSquare(v1, v2) {
         + (v1[1] - v2[1]) * (v1[1] - v2[1]);
 }
 var distSquare = distanceSquare;
-function lerp(out, v1, v2, t) {
+function lerp$1(out, v1, v2, t) {
     out[0] = v1[0] + t * (v2[0] - v1[0]);
     out[1] = v1[1] + t * (v2[1] - v1[1]);
     return out;
@@ -3628,6 +3628,9 @@ function cssHueToRgb(m1, m2, h) {
     }
     return m1;
 }
+function lerpNumber(a, b, p) {
+    return a + (b - a) * p;
+}
 function setRgba(out, r, g, b, a) {
     out[0] = r;
     out[1] = g;
@@ -3771,6 +3774,32 @@ function lift(color, level) {
         return stringify(colorArr, colorArr.length === 4 ? 'rgba' : 'rgb');
     }
 }
+function lerp(normalizedValue, colors, fullOutput) {
+    if (!(colors && colors.length)
+        || !(normalizedValue >= 0 && normalizedValue <= 1)) {
+        return;
+    }
+    var value = normalizedValue * (colors.length - 1);
+    var leftIndex = Math.floor(value);
+    var rightIndex = Math.ceil(value);
+    var leftColor = parse(colors[leftIndex]);
+    var rightColor = parse(colors[rightIndex]);
+    var dv = value - leftIndex;
+    var color = stringify([
+        clampCssByte(lerpNumber(leftColor[0], rightColor[0], dv)),
+        clampCssByte(lerpNumber(leftColor[1], rightColor[1], dv)),
+        clampCssByte(lerpNumber(leftColor[2], rightColor[2], dv)),
+        clampCssFloat(lerpNumber(leftColor[3], rightColor[3], dv))
+    ], 'rgba');
+    return fullOutput
+        ? {
+            color: color,
+            leftIndex: leftIndex,
+            rightIndex: rightIndex,
+            value: value
+        }
+        : color;
+}
 function stringify(arrColor, type) {
     if (!arrColor || !arrColor.length) {
         return;
@@ -9035,10 +9064,31 @@ var mathMin$3 = Math.min;
 var mathMax$3 = Math.max;
 var mathSin$3 = Math.sin;
 var mathCos$3 = Math.cos;
-var PI2$6 = Math.PI * 2;
+var PI2$5 = Math.PI * 2;
 var start = create$1();
 var end = create$1();
 var extremity = create$1();
+function fromPoints(points, min, max) {
+    if (points.length === 0) {
+        return;
+    }
+    var p = points[0];
+    var left = p[0];
+    var right = p[0];
+    var top = p[1];
+    var bottom = p[1];
+    for (var i = 1; i < points.length; i++) {
+        p = points[i];
+        left = mathMin$3(left, p[0]);
+        right = mathMax$3(right, p[0]);
+        top = mathMin$3(top, p[1]);
+        bottom = mathMax$3(bottom, p[1]);
+    }
+    min[0] = left;
+    min[1] = top;
+    max[0] = right;
+    max[1] = bottom;
+}
 function fromLine(x0, y0, x1, y1, min, max) {
     min[0] = mathMin$3(x0, x1);
     min[1] = mathMin$3(y0, y1);
@@ -9091,7 +9141,7 @@ function fromArc(x, y, rx, ry, startAngle, endAngle, anticlockwise, min, max) {
     var vec2Min = min$1;
     var vec2Max = max$1;
     var diff = Math.abs(startAngle - endAngle);
-    if (diff % PI2$6 < 1e-4 && diff > 1e-4) {
+    if (diff % PI2$5 < 1e-4 && diff > 1e-4) {
         min[0] = x - rx;
         min[1] = y - ry;
         max[0] = x + rx;
@@ -9104,19 +9154,19 @@ function fromArc(x, y, rx, ry, startAngle, endAngle, anticlockwise, min, max) {
     end[1] = mathSin$3(endAngle) * ry + y;
     vec2Min(min, start, end);
     vec2Max(max, start, end);
-    startAngle = startAngle % (PI2$6);
+    startAngle = startAngle % (PI2$5);
     if (startAngle < 0) {
-        startAngle = startAngle + PI2$6;
+        startAngle = startAngle + PI2$5;
     }
-    endAngle = endAngle % (PI2$6);
+    endAngle = endAngle % (PI2$5);
     if (endAngle < 0) {
-        endAngle = endAngle + PI2$6;
+        endAngle = endAngle + PI2$5;
     }
     if (startAngle > endAngle && !anticlockwise) {
-        endAngle += PI2$6;
+        endAngle += PI2$5;
     }
     else if (startAngle < endAngle && anticlockwise) {
-        startAngle += PI2$6;
+        startAngle += PI2$5;
     }
     if (anticlockwise) {
         var tmp = endAngle;
@@ -9133,7 +9183,7 @@ function fromArc(x, y, rx, ry, startAngle, endAngle, anticlockwise, min, max) {
     }
 }
 
-var CMD$3 = {
+var CMD$2 = {
     M: 1,
     L: 2,
     C: 3,
@@ -9154,7 +9204,7 @@ var mathCos$2 = Math.cos;
 var mathSin$2 = Math.sin;
 var mathAbs$1 = Math.abs;
 var PI$4 = Math.PI;
-var PI2$5 = PI$4 * 2;
+var PI2$4 = PI$4 * 2;
 var hasTypedArray = typeof Float32Array !== 'undefined';
 var tmpAngles = [];
 function modPI2(radian) {
@@ -9164,22 +9214,22 @@ function modPI2(radian) {
 function normalizeArcAngles(angles, anticlockwise) {
     var newStartAngle = modPI2(angles[0]);
     if (newStartAngle < 0) {
-        newStartAngle += PI2$5;
+        newStartAngle += PI2$4;
     }
     var delta = newStartAngle - angles[0];
     var newEndAngle = angles[1];
     newEndAngle += delta;
-    if (!anticlockwise && newEndAngle - newStartAngle >= PI2$5) {
-        newEndAngle = newStartAngle + PI2$5;
+    if (!anticlockwise && newEndAngle - newStartAngle >= PI2$4) {
+        newEndAngle = newStartAngle + PI2$4;
     }
-    else if (anticlockwise && newStartAngle - newEndAngle >= PI2$5) {
-        newEndAngle = newStartAngle - PI2$5;
+    else if (anticlockwise && newStartAngle - newEndAngle >= PI2$4) {
+        newEndAngle = newStartAngle - PI2$4;
     }
     else if (!anticlockwise && newStartAngle > newEndAngle) {
-        newEndAngle = newStartAngle + (PI2$5 - modPI2(newStartAngle - newEndAngle));
+        newEndAngle = newStartAngle + (PI2$4 - modPI2(newStartAngle - newEndAngle));
     }
     else if (anticlockwise && newStartAngle < newEndAngle) {
-        newEndAngle = newStartAngle - (PI2$5 - modPI2(newEndAngle - newStartAngle));
+        newEndAngle = newStartAngle - (PI2$4 - modPI2(newEndAngle - newStartAngle));
     }
     angles[0] = newStartAngle;
     angles[1] = newEndAngle;
@@ -9238,7 +9288,7 @@ var PathProxy = (function () {
     };
     PathProxy.prototype.moveTo = function (x, y) {
         this._drawPendingPt();
-        this.addData(CMD$3.M, x, y);
+        this.addData(CMD$2.M, x, y);
         this._ctx && this._ctx.moveTo(x, y);
         this._x0 = x;
         this._y0 = y;
@@ -9250,7 +9300,7 @@ var PathProxy = (function () {
         var dx = mathAbs$1(x - this._xi);
         var dy = mathAbs$1(y - this._yi);
         var exceedUnit = dx > this._ux || dy > this._uy;
-        this.addData(CMD$3.L, x, y);
+        this.addData(CMD$2.L, x, y);
         if (this._ctx && exceedUnit) {
             this._ctx.lineTo(x, y);
         }
@@ -9271,7 +9321,7 @@ var PathProxy = (function () {
     };
     PathProxy.prototype.bezierCurveTo = function (x1, y1, x2, y2, x3, y3) {
         this._drawPendingPt();
-        this.addData(CMD$3.C, x1, y1, x2, y2, x3, y3);
+        this.addData(CMD$2.C, x1, y1, x2, y2, x3, y3);
         if (this._ctx) {
             this._ctx.bezierCurveTo(x1, y1, x2, y2, x3, y3);
         }
@@ -9281,7 +9331,7 @@ var PathProxy = (function () {
     };
     PathProxy.prototype.quadraticCurveTo = function (x1, y1, x2, y2) {
         this._drawPendingPt();
-        this.addData(CMD$3.Q, x1, y1, x2, y2);
+        this.addData(CMD$2.Q, x1, y1, x2, y2);
         if (this._ctx) {
             this._ctx.quadraticCurveTo(x1, y1, x2, y2);
         }
@@ -9297,7 +9347,7 @@ var PathProxy = (function () {
         startAngle = tmpAngles[0];
         endAngle = tmpAngles[1];
         var delta = endAngle - startAngle;
-        this.addData(CMD$3.A, cx, cy, r, r, startAngle, delta, 0, anticlockwise ? 0 : 1);
+        this.addData(CMD$2.A, cx, cy, r, r, startAngle, delta, 0, anticlockwise ? 0 : 1);
         this._ctx && this._ctx.arc(cx, cy, r, startAngle, endAngle, anticlockwise);
         this._xi = mathCos$2(endAngle) * r + cx;
         this._yi = mathSin$2(endAngle) * r + cy;
@@ -9313,12 +9363,12 @@ var PathProxy = (function () {
     PathProxy.prototype.rect = function (x, y, w, h) {
         this._drawPendingPt();
         this._ctx && this._ctx.rect(x, y, w, h);
-        this.addData(CMD$3.R, x, y, w, h);
+        this.addData(CMD$2.R, x, y, w, h);
         return this;
     };
     PathProxy.prototype.closePath = function () {
         this._drawPendingPt();
-        this.addData(CMD$3.Z);
+        this.addData(CMD$2.Z);
         var ctx = this._ctx;
         var x0 = this._x0;
         var y0 = this._y0;
@@ -9431,7 +9481,7 @@ var PathProxy = (function () {
                 y0 = yi;
             }
             switch (cmd) {
-                case CMD$3.M:
+                case CMD$2.M:
                     xi = x0 = data[i++];
                     yi = y0 = data[i++];
                     min2[0] = x0;
@@ -9439,22 +9489,22 @@ var PathProxy = (function () {
                     max2[0] = x0;
                     max2[1] = y0;
                     break;
-                case CMD$3.L:
+                case CMD$2.L:
                     fromLine(xi, yi, data[i], data[i + 1], min2, max2);
                     xi = data[i++];
                     yi = data[i++];
                     break;
-                case CMD$3.C:
+                case CMD$2.C:
                     fromCubic(xi, yi, data[i++], data[i++], data[i++], data[i++], data[i], data[i + 1], min2, max2);
                     xi = data[i++];
                     yi = data[i++];
                     break;
-                case CMD$3.Q:
+                case CMD$2.Q:
                     fromQuadratic(xi, yi, data[i++], data[i++], data[i], data[i + 1], min2, max2);
                     xi = data[i++];
                     yi = data[i++];
                     break;
-                case CMD$3.A:
+                case CMD$2.A:
                     var cx = data[i++];
                     var cy = data[i++];
                     var rx = data[i++];
@@ -9471,14 +9521,14 @@ var PathProxy = (function () {
                     xi = mathCos$2(endAngle) * rx + cx;
                     yi = mathSin$2(endAngle) * ry + cy;
                     break;
-                case CMD$3.R:
+                case CMD$2.R:
                     x0 = xi = data[i++];
                     y0 = yi = data[i++];
                     var width = data[i++];
                     var height = data[i++];
                     fromLine(x0, y0, x0 + width, y0 + height, min2, max2);
                     break;
-                case CMD$3.Z:
+                case CMD$2.Z:
                     xi = x0;
                     yi = y0;
                     break;
@@ -9517,11 +9567,11 @@ var PathProxy = (function () {
             }
             var l = -1;
             switch (cmd) {
-                case CMD$3.M:
+                case CMD$2.M:
                     xi = x0 = data[i++];
                     yi = y0 = data[i++];
                     break;
-                case CMD$3.L: {
+                case CMD$2.L: {
                     var x2 = data[i++];
                     var y2 = data[i++];
                     var dx = x2 - xi;
@@ -9533,7 +9583,7 @@ var PathProxy = (function () {
                     }
                     break;
                 }
-                case CMD$3.C: {
+                case CMD$2.C: {
                     var x1 = data[i++];
                     var y1 = data[i++];
                     var x2 = data[i++];
@@ -9545,7 +9595,7 @@ var PathProxy = (function () {
                     yi = y3;
                     break;
                 }
-                case CMD$3.Q: {
+                case CMD$2.Q: {
                     var x1 = data[i++];
                     var y1 = data[i++];
                     var x2 = data[i++];
@@ -9555,7 +9605,7 @@ var PathProxy = (function () {
                     yi = y2;
                     break;
                 }
-                case CMD$3.A:
+                case CMD$2.A:
                     var cx = data[i++];
                     var cy = data[i++];
                     var rx = data[i++];
@@ -9569,11 +9619,11 @@ var PathProxy = (function () {
                         x0 = mathCos$2(startAngle) * rx + cx;
                         y0 = mathSin$2(startAngle) * ry + cy;
                     }
-                    l = mathMax$2(rx, ry) * mathMin$2(PI2$5, Math.abs(delta));
+                    l = mathMax$2(rx, ry) * mathMin$2(PI2$4, Math.abs(delta));
                     xi = mathCos$2(endAngle) * rx + cx;
                     yi = mathSin$2(endAngle) * ry + cy;
                     break;
-                case CMD$3.R: {
+                case CMD$2.R: {
                     x0 = xi = data[i++];
                     y0 = yi = data[i++];
                     var width = data[i++];
@@ -9581,7 +9631,7 @@ var PathProxy = (function () {
                     l = width * 2 + height * 2;
                     break;
                 }
-                case CMD$3.Z: {
+                case CMD$2.Z: {
                     var dx = x0 - xi;
                     var dy = y0 - yi;
                     l = Math.sqrt(dx * dx + dy * dy);
@@ -9638,17 +9688,17 @@ var PathProxy = (function () {
                 x0 = xi;
                 y0 = yi;
             }
-            if (cmd !== CMD$3.L && pendingPtDist > 0) {
+            if (cmd !== CMD$2.L && pendingPtDist > 0) {
                 ctx.lineTo(pendingPtX, pendingPtY);
                 pendingPtDist = 0;
             }
             switch (cmd) {
-                case CMD$3.M:
+                case CMD$2.M:
                     x0 = xi = d[i++];
                     y0 = yi = d[i++];
                     ctx.moveTo(xi, yi);
                     break;
-                case CMD$3.L: {
+                case CMD$2.L: {
                     x = d[i++];
                     y = d[i++];
                     var dx = mathAbs$1(x - xi);
@@ -9678,7 +9728,7 @@ var PathProxy = (function () {
                     }
                     break;
                 }
-                case CMD$3.C: {
+                case CMD$2.C: {
                     var x1 = d[i++];
                     var y1 = d[i++];
                     var x2 = d[i++];
@@ -9701,7 +9751,7 @@ var PathProxy = (function () {
                     yi = y3;
                     break;
                 }
-                case CMD$3.Q: {
+                case CMD$2.Q: {
                     var x1 = d[i++];
                     var y1 = d[i++];
                     var x2 = d[i++];
@@ -9722,7 +9772,7 @@ var PathProxy = (function () {
                     yi = y2;
                     break;
                 }
-                case CMD$3.A:
+                case CMD$2.A:
                     var cx = d[i++];
                     var cy = d[i++];
                     var rx = d[i++];
@@ -9759,7 +9809,7 @@ var PathProxy = (function () {
                     xi = mathCos$2(endAngle) * rx + cx;
                     yi = mathSin$2(endAngle) * ry + cy;
                     break;
-                case CMD$3.R:
+                case CMD$2.R:
                     x0 = xi = d[i];
                     y0 = yi = d[i + 1];
                     x = d[i++];
@@ -9790,7 +9840,7 @@ var PathProxy = (function () {
                     }
                     ctx.rect(x, y, width, height);
                     break;
-                case CMD$3.Z:
+                case CMD$2.Z:
                     if (drawPart) {
                         var l = pathSegLen[segCount++];
                         if (accumLength + l > displayedLength) {
@@ -9814,7 +9864,7 @@ var PathProxy = (function () {
         newProxy._len = this._len;
         return newProxy;
     };
-    PathProxy.CMD = CMD$3;
+    PathProxy.CMD = CMD$2;
     PathProxy.initDefaultProps = (function () {
         var proto = PathProxy.prototype;
         proto._saveData = true;
@@ -9881,16 +9931,16 @@ function containStroke$2(x0, y0, x1, y1, x2, y2, lineWidth, x, y) {
     return d <= _l / 2;
 }
 
-var PI2$4 = Math.PI * 2;
+var PI2$3 = Math.PI * 2;
 function normalizeRadian(angle) {
-    angle %= PI2$4;
+    angle %= PI2$3;
     if (angle < 0) {
-        angle += PI2$4;
+        angle += PI2$3;
     }
     return angle;
 }
 
-var PI2$3 = Math.PI * 2;
+var PI2$2 = Math.PI * 2;
 function containStroke$1(cx, cy, r, startAngle, endAngle, anticlockwise, lineWidth, x, y) {
     if (lineWidth === 0) {
         return false;
@@ -9902,7 +9952,7 @@ function containStroke$1(cx, cy, r, startAngle, endAngle, anticlockwise, lineWid
     if ((d - _l > r) || (d + _l < r)) {
         return false;
     }
-    if (Math.abs(startAngle - endAngle) % PI2$3 < 1e-4) {
+    if (Math.abs(startAngle - endAngle) % PI2$2 < 1e-4) {
         return true;
     }
     if (anticlockwise) {
@@ -9915,14 +9965,14 @@ function containStroke$1(cx, cy, r, startAngle, endAngle, anticlockwise, lineWid
         endAngle = normalizeRadian(endAngle);
     }
     if (startAngle > endAngle) {
-        endAngle += PI2$3;
+        endAngle += PI2$2;
     }
     var angle = Math.atan2(y, x);
     if (angle < 0) {
-        angle += PI2$3;
+        angle += PI2$2;
     }
     return (angle >= startAngle && angle <= endAngle)
-        || (angle + PI2$3 >= startAngle && angle + PI2$3 <= endAngle);
+        || (angle + PI2$2 >= startAngle && angle + PI2$2 <= endAngle);
 }
 
 function windingLine(x0, y0, x1, y1, x, y) {
@@ -9941,8 +9991,8 @@ function windingLine(x0, y0, x1, y1, x, y) {
     return x_ === x ? Infinity : x_ > x ? dir : 0;
 }
 
-var CMD$2 = PathProxy.CMD;
-var PI2$2 = Math.PI * 2;
+var CMD$1 = PathProxy.CMD;
+var PI2$1 = Math.PI * 2;
 var EPSILON = 1e-4;
 function isAroundEqual(a, b) {
     return Math.abs(a - b) < EPSILON;
@@ -10059,9 +10109,9 @@ function windingArc(cx, cy, r, startAngle, endAngle, anticlockwise, x, y) {
     if (dTheta < 1e-4) {
         return 0;
     }
-    if (dTheta >= PI2$2 - 1e-4) {
+    if (dTheta >= PI2$1 - 1e-4) {
         startAngle = 0;
-        endAngle = PI2$2;
+        endAngle = PI2$1;
         var dir = anticlockwise ? 1 : -1;
         if (x >= roots[0] + cx && x <= roots[1] + cx) {
             return dir;
@@ -10076,8 +10126,8 @@ function windingArc(cx, cy, r, startAngle, endAngle, anticlockwise, x, y) {
         endAngle = tmp_1;
     }
     if (startAngle < 0) {
-        startAngle += PI2$2;
-        endAngle += PI2$2;
+        startAngle += PI2$1;
+        endAngle += PI2$1;
     }
     var w = 0;
     for (var i = 0; i < 2; i++) {
@@ -10086,10 +10136,10 @@ function windingArc(cx, cy, r, startAngle, endAngle, anticlockwise, x, y) {
             var angle = Math.atan2(y, x_);
             var dir = anticlockwise ? 1 : -1;
             if (angle < 0) {
-                angle = PI2$2 + angle;
+                angle = PI2$1 + angle;
             }
             if ((angle >= startAngle && angle <= endAngle)
-                || (angle + PI2$2 >= startAngle && angle + PI2$2 <= endAngle)) {
+                || (angle + PI2$1 >= startAngle && angle + PI2$1 <= endAngle)) {
                 if (angle > Math.PI / 2 && angle < Math.PI * 1.5) {
                     dir = -dir;
                 }
@@ -10112,7 +10162,7 @@ function containPath(path, lineWidth, isStroke, x, y) {
     for (var i = 0; i < len;) {
         var cmd = data[i++];
         var isFirst = i === 1;
-        if (cmd === CMD$2.M && i > 1) {
+        if (cmd === CMD$1.M && i > 1) {
             if (!isStroke) {
                 w += windingLine(xi, yi, x0, y0, x, y);
             }
@@ -10124,13 +10174,13 @@ function containPath(path, lineWidth, isStroke, x, y) {
             y0 = yi;
         }
         switch (cmd) {
-            case CMD$2.M:
+            case CMD$1.M:
                 x0 = data[i++];
                 y0 = data[i++];
                 xi = x0;
                 yi = y0;
                 break;
-            case CMD$2.L:
+            case CMD$1.L:
                 if (isStroke) {
                     if (containStroke$4(xi, yi, data[i], data[i + 1], lineWidth, x, y)) {
                         return true;
@@ -10142,7 +10192,7 @@ function containPath(path, lineWidth, isStroke, x, y) {
                 xi = data[i++];
                 yi = data[i++];
                 break;
-            case CMD$2.C:
+            case CMD$1.C:
                 if (isStroke) {
                     if (containStroke$3(xi, yi, data[i++], data[i++], data[i++], data[i++], data[i], data[i + 1], lineWidth, x, y)) {
                         return true;
@@ -10154,7 +10204,7 @@ function containPath(path, lineWidth, isStroke, x, y) {
                 xi = data[i++];
                 yi = data[i++];
                 break;
-            case CMD$2.Q:
+            case CMD$1.Q:
                 if (isStroke) {
                     if (containStroke$2(xi, yi, data[i++], data[i++], data[i], data[i + 1], lineWidth, x, y)) {
                         return true;
@@ -10166,7 +10216,7 @@ function containPath(path, lineWidth, isStroke, x, y) {
                 xi = data[i++];
                 yi = data[i++];
                 break;
-            case CMD$2.A:
+            case CMD$1.A:
                 var cx = data[i++];
                 var cy = data[i++];
                 var rx = data[i++];
@@ -10196,7 +10246,7 @@ function containPath(path, lineWidth, isStroke, x, y) {
                 xi = Math.cos(theta + dTheta) * rx + cx;
                 yi = Math.sin(theta + dTheta) * ry + cy;
                 break;
-            case CMD$2.R:
+            case CMD$1.R:
                 x0 = xi = data[i++];
                 y0 = yi = data[i++];
                 var width = data[i++];
@@ -10216,7 +10266,7 @@ function containPath(path, lineWidth, isStroke, x, y) {
                     w += windingLine(x0, y1, x0, y0, x, y);
                 }
                 break;
-            case CMD$2.Z:
+            case CMD$1.Z:
                 if (isStroke) {
                     if (containStroke$4(xi, yi, x0, y0, lineWidth, x, y)) {
                         return true;
@@ -11599,6 +11649,25 @@ function traverseUpdateState(el, updater, commonParam) {
   });
 }
 
+function setStatesFlag(el, stateName) {
+  switch (stateName) {
+    case 'emphasis':
+      el.hoverState = HOVER_STATE_EMPHASIS;
+      break;
+
+    case 'normal':
+      el.hoverState = HOVER_STATE_NORMAL;
+      break;
+
+    case 'blur':
+      el.hoverState = HOVER_STATE_BLUR;
+      break;
+
+    case 'select':
+      el.selected = true;
+  }
+}
+
 function getFromStateStyle(el, props, toStateName, defaultValue) {
   var style = el.style;
   var fromState = {};
@@ -12208,7 +12277,7 @@ function savePathStates(el) {
   store.selectStroke = selectState.style && selectState.style.stroke || null;
 }
 
-var CMD$1 = PathProxy.CMD;
+var CMD = PathProxy.CMD;
 var points = [[], [], []];
 var mathSqrt$2 = Math.sqrt;
 var mathAtan2 = Math.atan2;
@@ -12224,12 +12293,12 @@ function transformPath(path, m) {
     var j;
     var k;
     var p;
-    var M = CMD$1.M;
-    var C = CMD$1.C;
-    var L = CMD$1.L;
-    var R = CMD$1.R;
-    var A = CMD$1.A;
-    var Q = CMD$1.Q;
+    var M = CMD.M;
+    var C = CMD.C;
+    var L = CMD.L;
+    var R = CMD.R;
+    var A = CMD.A;
+    var Q = CMD.Q;
     for (i = 0, j = 0; i < len;) {
         cmd = data[i++];
         j = i;
@@ -12627,6 +12696,31 @@ function mergePath$1(pathEls, opts) {
     };
     return pathBundle;
 }
+function clonePath(sourcePath, opts) {
+    opts = opts || {};
+    var path = new Path();
+    if (sourcePath.shape) {
+        path.setShape(sourcePath.shape);
+    }
+    path.setStyle(sourcePath.style);
+    if (opts.bakeTransform) {
+        transformPath(path.path, sourcePath.getComputedTransform());
+    }
+    else {
+        if (opts.toLocal) {
+            path.setLocalTransform(sourcePath.getComputedTransform());
+        }
+        else {
+            path.copyTransform(sourcePath);
+        }
+    }
+    path.buildPath = sourcePath.buildPath;
+    path.applyTransform = path.applyTransform;
+    path.z = sourcePath.z;
+    path.z2 = sourcePath.z2;
+    path.zlevel = sourcePath.zlevel;
+    return path;
+}
 
 var CircleShape = (function () {
     function CircleShape() {
@@ -12689,7 +12783,7 @@ var Ellipse = (function (_super) {
 Ellipse.prototype.type = 'ellipse';
 
 var PI$2 = Math.PI;
-var PI2$1 = PI$2 * 2;
+var PI2 = PI$2 * 2;
 var mathSin = Math.sin;
 var mathCos = Math.cos;
 var mathACos = Math.acos;
@@ -12800,12 +12894,12 @@ function buildPath$1(ctx, shape) {
     var cx = shape.cx, cy = shape.cy;
     var clockwise = !!shape.clockwise;
     var arc = mathAbs(endAngle - startAngle);
-    var mod = arc > PI2$1 && arc % PI2$1;
+    var mod = arc > PI2 && arc % PI2;
     mod > e && (arc = mod);
     if (!(radius > e)) {
         ctx.moveTo(cx, cy);
     }
-    else if (arc > PI2$1 - e) {
+    else if (arc > PI2 - e) {
         ctx.moveTo(cx + radius * mathCos(startAngle), cy + radius * mathSin(startAngle));
         ctx.arc(cx, cy, radius, startAngle, endAngle, !clockwise);
         if (innerRadius > e) {
@@ -13851,6 +13945,9 @@ function removeElementWithFadeOut(el, animatableModel, dataIndex) {
 function saveOldStyle(el) {
   transitionStore(el).oldStyle = el.style;
 }
+function getOldStyle(el) {
+  return transitionStore(el).oldStyle;
+}
 
 var mathMax = Math.max;
 var mathMin = Math.min;
@@ -25304,6 +25401,13 @@ keepAspect) {
 
   return symbolPath;
 }
+function normalizeSymbolSize(symbolSize) {
+  if (!isArray(symbolSize)) {
+    symbolSize = [+symbolSize, +symbolSize];
+  }
+
+  return [symbolSize[0] || 0, symbolSize[1] || 0];
+}
 function normalizeSymbolOffset(symbolOffset, symbolSize) {
   if (symbolOffset == null) {
     return;
@@ -33409,583 +33513,6 @@ function use(ext) {
   ext.install(extensionRegisters);
 }
 
-var PI2 = Math.PI * 2;
-var CMD = PathProxy.CMD;
-var DEFAULT_SEARCH_SPACE = ['top', 'right', 'bottom', 'left'];
-
-function getCandidateAnchor(pos, distance, rect, outPt, outDir) {
-  var width = rect.width;
-  var height = rect.height;
-
-  switch (pos) {
-    case 'top':
-      outPt.set(rect.x + width / 2, rect.y - distance);
-      outDir.set(0, -1);
-      break;
-
-    case 'bottom':
-      outPt.set(rect.x + width / 2, rect.y + height + distance);
-      outDir.set(0, 1);
-      break;
-
-    case 'left':
-      outPt.set(rect.x - distance, rect.y + height / 2);
-      outDir.set(-1, 0);
-      break;
-
-    case 'right':
-      outPt.set(rect.x + width + distance, rect.y + height / 2);
-      outDir.set(1, 0);
-      break;
-  }
-}
-
-function projectPointToArc(cx, cy, r, startAngle, endAngle, anticlockwise, x, y, out) {
-  x -= cx;
-  y -= cy;
-  var d = Math.sqrt(x * x + y * y);
-  x /= d;
-  y /= d; // Intersect point.
-
-  var ox = x * r + cx;
-  var oy = y * r + cy;
-
-  if (Math.abs(startAngle - endAngle) % PI2 < 1e-4) {
-    // Is a circle
-    out[0] = ox;
-    out[1] = oy;
-    return d - r;
-  }
-
-  if (anticlockwise) {
-    var tmp = startAngle;
-    startAngle = normalizeRadian(endAngle);
-    endAngle = normalizeRadian(tmp);
-  } else {
-    startAngle = normalizeRadian(startAngle);
-    endAngle = normalizeRadian(endAngle);
-  }
-
-  if (startAngle > endAngle) {
-    endAngle += PI2;
-  }
-
-  var angle = Math.atan2(y, x);
-
-  if (angle < 0) {
-    angle += PI2;
-  }
-
-  if (angle >= startAngle && angle <= endAngle || angle + PI2 >= startAngle && angle + PI2 <= endAngle) {
-    // Project point is on the arc.
-    out[0] = ox;
-    out[1] = oy;
-    return d - r;
-  }
-
-  var x1 = r * Math.cos(startAngle) + cx;
-  var y1 = r * Math.sin(startAngle) + cy;
-  var x2 = r * Math.cos(endAngle) + cx;
-  var y2 = r * Math.sin(endAngle) + cy;
-  var d1 = (x1 - x) * (x1 - x) + (y1 - y) * (y1 - y);
-  var d2 = (x2 - x) * (x2 - x) + (y2 - y) * (y2 - y);
-
-  if (d1 < d2) {
-    out[0] = x1;
-    out[1] = y1;
-    return Math.sqrt(d1);
-  } else {
-    out[0] = x2;
-    out[1] = y2;
-    return Math.sqrt(d2);
-  }
-}
-
-function projectPointToLine(x1, y1, x2, y2, x, y, out, limitToEnds) {
-  var dx = x - x1;
-  var dy = y - y1;
-  var dx1 = x2 - x1;
-  var dy1 = y2 - y1;
-  var lineLen = Math.sqrt(dx1 * dx1 + dy1 * dy1);
-  dx1 /= lineLen;
-  dy1 /= lineLen; // dot product
-
-  var projectedLen = dx * dx1 + dy * dy1;
-  var t = projectedLen / lineLen;
-
-  if (limitToEnds) {
-    t = Math.min(Math.max(t, 0), 1);
-  }
-
-  t *= lineLen;
-  var ox = out[0] = x1 + t * dx1;
-  var oy = out[1] = y1 + t * dy1;
-  return Math.sqrt((ox - x) * (ox - x) + (oy - y) * (oy - y));
-}
-
-function projectPointToRect(x1, y1, width, height, x, y, out) {
-  if (width < 0) {
-    x1 = x1 + width;
-    width = -width;
-  }
-
-  if (height < 0) {
-    y1 = y1 + height;
-    height = -height;
-  }
-
-  var x2 = x1 + width;
-  var y2 = y1 + height;
-  var ox = out[0] = Math.min(Math.max(x, x1), x2);
-  var oy = out[1] = Math.min(Math.max(y, y1), y2);
-  return Math.sqrt((ox - x) * (ox - x) + (oy - y) * (oy - y));
-}
-
-var tmpPt = [];
-
-function nearestPointOnRect(pt, rect, out) {
-  var dist = projectPointToRect(rect.x, rect.y, rect.width, rect.height, pt.x, pt.y, tmpPt);
-  out.set(tmpPt[0], tmpPt[1]);
-  return dist;
-}
-/**
- * Calculate min distance corresponding point.
- * This method won't evaluate if point is in the path.
- */
-
-
-function nearestPointOnPath(pt, path, out) {
-  var xi = 0;
-  var yi = 0;
-  var x0 = 0;
-  var y0 = 0;
-  var x1;
-  var y1;
-  var minDist = Infinity;
-  var data = path.data;
-  var x = pt.x;
-  var y = pt.y;
-
-  for (var i = 0; i < data.length;) {
-    var cmd = data[i++];
-
-    if (i === 1) {
-      xi = data[i];
-      yi = data[i + 1];
-      x0 = xi;
-      y0 = yi;
-    }
-
-    var d = minDist;
-
-    switch (cmd) {
-      case CMD.M:
-        // moveTo 命令重新创建一个新的 subpath, 并且更新新的起点
-        // 在 closePath 的时候使用
-        x0 = data[i++];
-        y0 = data[i++];
-        xi = x0;
-        yi = y0;
-        break;
-
-      case CMD.L:
-        d = projectPointToLine(xi, yi, data[i], data[i + 1], x, y, tmpPt, true);
-        xi = data[i++];
-        yi = data[i++];
-        break;
-
-      case CMD.C:
-        d = cubicProjectPoint(xi, yi, data[i++], data[i++], data[i++], data[i++], data[i], data[i + 1], x, y, tmpPt);
-        xi = data[i++];
-        yi = data[i++];
-        break;
-
-      case CMD.Q:
-        d = quadraticProjectPoint(xi, yi, data[i++], data[i++], data[i], data[i + 1], x, y, tmpPt);
-        xi = data[i++];
-        yi = data[i++];
-        break;
-
-      case CMD.A:
-        // TODO Arc 判断的开销比较大
-        var cx = data[i++];
-        var cy = data[i++];
-        var rx = data[i++];
-        var ry = data[i++];
-        var theta = data[i++];
-        var dTheta = data[i++]; // TODO Arc 旋转
-
-        i += 1;
-        var anticlockwise = !!(1 - data[i++]);
-        x1 = Math.cos(theta) * rx + cx;
-        y1 = Math.sin(theta) * ry + cy; // 不是直接使用 arc 命令
-
-        if (i <= 1) {
-          // 第一个命令起点还未定义
-          x0 = x1;
-          y0 = y1;
-        } // zr 使用scale来模拟椭圆, 这里也对x做一定的缩放
-
-
-        var _x = (x - cx) * ry / rx + cx;
-
-        d = projectPointToArc(cx, cy, ry, theta, theta + dTheta, anticlockwise, _x, y, tmpPt);
-        xi = Math.cos(theta + dTheta) * rx + cx;
-        yi = Math.sin(theta + dTheta) * ry + cy;
-        break;
-
-      case CMD.R:
-        x0 = xi = data[i++];
-        y0 = yi = data[i++];
-        var width = data[i++];
-        var height = data[i++];
-        d = projectPointToRect(x0, y0, width, height, x, y, tmpPt);
-        break;
-
-      case CMD.Z:
-        d = projectPointToLine(xi, yi, x0, y0, x, y, tmpPt, true);
-        xi = x0;
-        yi = y0;
-        break;
-    }
-
-    if (d < minDist) {
-      minDist = d;
-      out.set(tmpPt[0], tmpPt[1]);
-    }
-  }
-
-  return minDist;
-} // Temporal variable for intermediate usage.
-
-
-var pt0 = new Point();
-var pt1 = new Point();
-var pt2 = new Point();
-var dir = new Point();
-var dir2 = new Point();
-/**
- * Calculate a proper guide line based on the label position and graphic element definition
- * @param label
- * @param labelRect
- * @param target
- * @param targetRect
- */
-
-function updateLabelLinePoints(target, labelLineModel) {
-  if (!target) {
-    return;
-  }
-
-  var labelLine = target.getTextGuideLine();
-  var label = target.getTextContent(); // Needs to create text guide in each charts.
-
-  if (!(label && labelLine)) {
-    return;
-  }
-
-  var labelGuideConfig = target.textGuideLineConfig || {};
-  var points = [[0, 0], [0, 0], [0, 0]];
-  var searchSpace = labelGuideConfig.candidates || DEFAULT_SEARCH_SPACE;
-  var labelRect = label.getBoundingRect().clone();
-  labelRect.applyTransform(label.getComputedTransform());
-  var minDist = Infinity;
-  var anchorPoint = labelGuideConfig.anchor;
-  var targetTransform = target.getComputedTransform();
-  var targetInversedTransform = targetTransform && invert([], targetTransform);
-  var len = labelLineModel.get('length2') || 0;
-
-  if (anchorPoint) {
-    pt2.copy(anchorPoint);
-  }
-
-  for (var i = 0; i < searchSpace.length; i++) {
-    var candidate = searchSpace[i];
-    getCandidateAnchor(candidate, 0, labelRect, pt0, dir);
-    Point.scaleAndAdd(pt1, pt0, dir, len); // Transform to target coord space.
-
-    pt1.transform(targetInversedTransform); // Note: getBoundingRect will ensure the `path` being created.
-
-    var boundingRect = target.getBoundingRect();
-    var dist = anchorPoint ? anchorPoint.distance(pt1) : target instanceof Path ? nearestPointOnPath(pt1, target.path, pt2) : nearestPointOnRect(pt1, boundingRect, pt2); // TODO pt2 is in the path
-
-    if (dist < minDist) {
-      minDist = dist; // Transform back to global space.
-
-      pt1.transform(targetTransform);
-      pt2.transform(targetTransform);
-      pt2.toArray(points[0]);
-      pt1.toArray(points[1]);
-      pt0.toArray(points[2]);
-    }
-  }
-
-  limitTurnAngle(points, labelLineModel.get('minTurnAngle'));
-  labelLine.setShape({
-    points: points
-  });
-} // Temporal variable for the limitTurnAngle function
-
-var tmpArr = [];
-var tmpProjPoint = new Point();
-/**
- * Reduce the line segment attached to the label to limit the turn angle between two segments.
- * @param linePoints
- * @param minTurnAngle Radian of minimum turn angle. 0 - 180
- */
-
-function limitTurnAngle(linePoints, minTurnAngle) {
-  if (!(minTurnAngle <= 180 && minTurnAngle > 0)) {
-    return;
-  }
-
-  minTurnAngle = minTurnAngle / 180 * Math.PI; // The line points can be
-  //      /pt1----pt2 (label)
-  //     /
-  // pt0/
-
-  pt0.fromArray(linePoints[0]);
-  pt1.fromArray(linePoints[1]);
-  pt2.fromArray(linePoints[2]);
-  Point.sub(dir, pt0, pt1);
-  Point.sub(dir2, pt2, pt1);
-  var len1 = dir.len();
-  var len2 = dir2.len();
-
-  if (len1 < 1e-3 || len2 < 1e-3) {
-    return;
-  }
-
-  dir.scale(1 / len1);
-  dir2.scale(1 / len2);
-  var angleCos = dir.dot(dir2);
-  var minTurnAngleCos = Math.cos(minTurnAngle);
-
-  if (minTurnAngleCos < angleCos) {
-    // Smaller than minTurnAngle
-    // Calculate project point of pt0 on pt1-pt2
-    var d = projectPointToLine(pt1.x, pt1.y, pt2.x, pt2.y, pt0.x, pt0.y, tmpArr, false);
-    tmpProjPoint.fromArray(tmpArr); // Calculate new projected length with limited minTurnAngle and get the new connect point
-
-    tmpProjPoint.scaleAndAdd(dir2, d / Math.tan(Math.PI - minTurnAngle)); // Limit the new calculated connect point between pt1 and pt2.
-
-    var t = pt2.x !== pt1.x ? (tmpProjPoint.x - pt1.x) / (pt2.x - pt1.x) : (tmpProjPoint.y - pt1.y) / (pt2.y - pt1.y);
-
-    if (isNaN(t)) {
-      return;
-    }
-
-    if (t < 0) {
-      Point.copy(tmpProjPoint, pt1);
-    } else if (t > 1) {
-      Point.copy(tmpProjPoint, pt2);
-    }
-
-    tmpProjPoint.toArray(linePoints[1]);
-  }
-}
-/**
- * Limit the angle of line and the surface
- * @param maxSurfaceAngle Radian of minimum turn angle. 0 - 180. 0 is same direction to normal. 180 is opposite
- */
-
-function limitSurfaceAngle(linePoints, surfaceNormal, maxSurfaceAngle) {
-  if (!(maxSurfaceAngle <= 180 && maxSurfaceAngle > 0)) {
-    return;
-  }
-
-  maxSurfaceAngle = maxSurfaceAngle / 180 * Math.PI;
-  pt0.fromArray(linePoints[0]);
-  pt1.fromArray(linePoints[1]);
-  pt2.fromArray(linePoints[2]);
-  Point.sub(dir, pt1, pt0);
-  Point.sub(dir2, pt2, pt1);
-  var len1 = dir.len();
-  var len2 = dir2.len();
-
-  if (len1 < 1e-3 || len2 < 1e-3) {
-    return;
-  }
-
-  dir.scale(1 / len1);
-  dir2.scale(1 / len2);
-  var angleCos = dir.dot(surfaceNormal);
-  var maxSurfaceAngleCos = Math.cos(maxSurfaceAngle);
-
-  if (angleCos < maxSurfaceAngleCos) {
-    // Calculate project point of pt0 on pt1-pt2
-    var d = projectPointToLine(pt1.x, pt1.y, pt2.x, pt2.y, pt0.x, pt0.y, tmpArr, false);
-    tmpProjPoint.fromArray(tmpArr);
-    var HALF_PI = Math.PI / 2;
-    var angle2 = Math.acos(dir2.dot(surfaceNormal));
-    var newAngle = HALF_PI + angle2 - maxSurfaceAngle;
-
-    if (newAngle >= HALF_PI) {
-      // parallel
-      Point.copy(tmpProjPoint, pt2);
-    } else {
-      // Calculate new projected length with limited minTurnAngle and get the new connect point
-      tmpProjPoint.scaleAndAdd(dir2, d / Math.tan(Math.PI / 2 - newAngle)); // Limit the new calculated connect point between pt1 and pt2.
-
-      var t = pt2.x !== pt1.x ? (tmpProjPoint.x - pt1.x) / (pt2.x - pt1.x) : (tmpProjPoint.y - pt1.y) / (pt2.y - pt1.y);
-
-      if (isNaN(t)) {
-        return;
-      }
-
-      if (t < 0) {
-        Point.copy(tmpProjPoint, pt1);
-      } else if (t > 1) {
-        Point.copy(tmpProjPoint, pt2);
-      }
-    }
-
-    tmpProjPoint.toArray(linePoints[1]);
-  }
-}
-
-function setLabelLineState(labelLine, ignore, stateName, stateModel) {
-  var isNormal = stateName === 'normal';
-  var stateObj = isNormal ? labelLine : labelLine.ensureState(stateName); // Make sure display.
-
-  stateObj.ignore = ignore; // Set smooth
-
-  var smooth = stateModel.get('smooth');
-
-  if (smooth && smooth === true) {
-    smooth = 0.3;
-  }
-
-  stateObj.shape = stateObj.shape || {};
-
-  if (smooth > 0) {
-    stateObj.shape.smooth = smooth;
-  }
-
-  var styleObj = stateModel.getModel('lineStyle').getLineStyle();
-  isNormal ? labelLine.useStyle(styleObj) : stateObj.style = styleObj;
-}
-
-function buildLabelLinePath(path, shape) {
-  var smooth = shape.smooth;
-  var points = shape.points;
-
-  if (!points) {
-    return;
-  }
-
-  path.moveTo(points[0][0], points[0][1]);
-
-  if (smooth > 0 && points.length >= 3) {
-    var len1 = dist$1(points[0], points[1]);
-    var len2 = dist$1(points[1], points[2]);
-
-    if (!len1 || !len2) {
-      path.lineTo(points[1][0], points[1][1]);
-      path.lineTo(points[2][0], points[2][1]);
-      return;
-    }
-
-    var moveLen = Math.min(len1, len2) * smooth;
-    var midPoint0 = lerp([], points[1], points[0], moveLen / len1);
-    var midPoint2 = lerp([], points[1], points[2], moveLen / len2);
-    var midPoint1 = lerp([], midPoint0, midPoint2, 0.5);
-    path.bezierCurveTo(midPoint0[0], midPoint0[1], midPoint0[0], midPoint0[1], midPoint1[0], midPoint1[1]);
-    path.bezierCurveTo(midPoint2[0], midPoint2[1], midPoint2[0], midPoint2[1], points[2][0], points[2][1]);
-  } else {
-    for (var i = 1; i < points.length; i++) {
-      path.lineTo(points[i][0], points[i][1]);
-    }
-  }
-}
-/**
- * Create a label line if necessary and set it's style.
- */
-
-
-function setLabelLineStyle(targetEl, statesModels, defaultStyle) {
-  var labelLine = targetEl.getTextGuideLine();
-  var label = targetEl.getTextContent();
-
-  if (!label) {
-    // Not show label line if there is no label.
-    if (labelLine) {
-      targetEl.removeTextGuideLine();
-    }
-
-    return;
-  }
-
-  var normalModel = statesModels.normal;
-  var showNormal = normalModel.get('show');
-  var labelIgnoreNormal = label.ignore;
-
-  for (var i = 0; i < DISPLAY_STATES.length; i++) {
-    var stateName = DISPLAY_STATES[i];
-    var stateModel = statesModels[stateName];
-    var isNormal = stateName === 'normal';
-
-    if (stateModel) {
-      var stateShow = stateModel.get('show');
-      var isLabelIgnored = isNormal ? labelIgnoreNormal : retrieve2(label.states[stateName] && label.states[stateName].ignore, labelIgnoreNormal);
-
-      if (isLabelIgnored // Not show when label is not shown in this state.
-      || !retrieve2(stateShow, showNormal) // Use normal state by default if not set.
-      ) {
-          var stateObj = isNormal ? labelLine : labelLine && labelLine.states[stateName];
-
-          if (stateObj) {
-            stateObj.ignore = true;
-          }
-
-          continue;
-        } // Create labelLine if not exists
-
-
-      if (!labelLine) {
-        labelLine = new Polyline();
-        targetEl.setTextGuideLine(labelLine); // Reset state of normal because it's new created.
-        // NOTE: NORMAL should always been the first!
-
-        if (!isNormal && (labelIgnoreNormal || !showNormal)) {
-          setLabelLineState(labelLine, true, 'normal', statesModels.normal);
-        } // Use same state proxy.
-
-
-        if (targetEl.stateProxy) {
-          labelLine.stateProxy = targetEl.stateProxy;
-        }
-      }
-
-      setLabelLineState(labelLine, false, stateName, stateModel);
-    }
-  }
-
-  if (labelLine) {
-    defaults(labelLine.style, defaultStyle); // Not fill.
-
-    labelLine.style.fill = null;
-    var showAbove = normalModel.get('showAbove');
-    var labelLineConfig = targetEl.textGuideLineConfig = targetEl.textGuideLineConfig || {};
-    labelLineConfig.showAbove = showAbove || false; // Custom the buildPath.
-
-    labelLine.buildPath = buildLabelLinePath;
-  }
-}
-function getLabelLineStatesModels(itemModel, labelLineName) {
-  labelLineName = labelLineName || 'labelLine';
-  var statesModels = {
-    normal: itemModel.getModel(labelLineName)
-  };
-
-  for (var i = 0; i < SPECIAL_STATES.length; i++) {
-    var stateName = SPECIAL_STATES[i];
-    statesModels[stateName] = itemModel.getModel([stateName, labelLineName]);
-  }
-
-  return statesModels;
-}
-
 function prepareLayoutList(input) {
   var list = [];
 
@@ -34284,468 +33811,6 @@ function hideOverlap(labelList) {
   }
 }
 
-function cloneArr(points) {
-  if (points) {
-    var newPoints = [];
-
-    for (var i = 0; i < points.length; i++) {
-      newPoints.push(points[i].slice());
-    }
-
-    return newPoints;
-  }
-}
-
-function prepareLayoutCallbackParams(labelItem, hostEl) {
-  var label = labelItem.label;
-  var labelLine = hostEl && hostEl.getTextGuideLine();
-  return {
-    dataIndex: labelItem.dataIndex,
-    dataType: labelItem.dataType,
-    seriesIndex: labelItem.seriesModel.seriesIndex,
-    text: labelItem.label.style.text,
-    rect: labelItem.hostRect,
-    labelRect: labelItem.rect,
-    // x: labelAttr.x,
-    // y: labelAttr.y,
-    align: label.style.align,
-    verticalAlign: label.style.verticalAlign,
-    labelLinePoints: cloneArr(labelLine && labelLine.shape.points)
-  };
-}
-
-var LABEL_OPTION_TO_STYLE_KEYS = ['align', 'verticalAlign', 'width', 'height', 'fontSize'];
-var dummyTransformable = new Transformable();
-var labelLayoutInnerStore = makeInner();
-var labelLineAnimationStore = makeInner();
-
-function extendWithKeys(target, source, keys) {
-  for (var i = 0; i < keys.length; i++) {
-    var key = keys[i];
-
-    if (source[key] != null) {
-      target[key] = source[key];
-    }
-  }
-}
-
-var LABEL_LAYOUT_PROPS = ['x', 'y', 'rotation'];
-
-var LabelManager =
-/** @class */
-function () {
-  function LabelManager() {
-    this._labelList = [];
-    this._chartViewList = [];
-  }
-
-  LabelManager.prototype.clearLabels = function () {
-    this._labelList = [];
-    this._chartViewList = [];
-  };
-  /**
-   * Add label to manager
-   */
-
-
-  LabelManager.prototype._addLabel = function (dataIndex, dataType, seriesModel, label, layoutOption) {
-    var labelStyle = label.style;
-    var hostEl = label.__hostTarget;
-    var textConfig = hostEl.textConfig || {}; // TODO: If label is in other state.
-
-    var labelTransform = label.getComputedTransform();
-    var labelRect = label.getBoundingRect().plain();
-    BoundingRect.applyTransform(labelRect, labelRect, labelTransform);
-
-    if (labelTransform) {
-      dummyTransformable.setLocalTransform(labelTransform);
-    } else {
-      // Identity transform.
-      dummyTransformable.x = dummyTransformable.y = dummyTransformable.rotation = dummyTransformable.originX = dummyTransformable.originY = 0;
-      dummyTransformable.scaleX = dummyTransformable.scaleY = 1;
-    }
-
-    var host = label.__hostTarget;
-    var hostRect;
-
-    if (host) {
-      hostRect = host.getBoundingRect().plain();
-      var transform = host.getComputedTransform();
-      BoundingRect.applyTransform(hostRect, hostRect, transform);
-    }
-
-    var labelGuide = hostRect && host.getTextGuideLine();
-
-    this._labelList.push({
-      label: label,
-      labelLine: labelGuide,
-      seriesModel: seriesModel,
-      dataIndex: dataIndex,
-      dataType: dataType,
-      layoutOption: layoutOption,
-      computedLayoutOption: null,
-      rect: labelRect,
-      hostRect: hostRect,
-      // Label with lower priority will be hidden when overlapped
-      // Use rect size as default priority
-      priority: hostRect ? hostRect.width * hostRect.height : 0,
-      // Save default label attributes.
-      // For restore if developers want get back to default value in callback.
-      defaultAttr: {
-        ignore: label.ignore,
-        labelGuideIgnore: labelGuide && labelGuide.ignore,
-        x: dummyTransformable.x,
-        y: dummyTransformable.y,
-        scaleX: dummyTransformable.scaleX,
-        scaleY: dummyTransformable.scaleY,
-        rotation: dummyTransformable.rotation,
-        style: {
-          x: labelStyle.x,
-          y: labelStyle.y,
-          align: labelStyle.align,
-          verticalAlign: labelStyle.verticalAlign,
-          width: labelStyle.width,
-          height: labelStyle.height,
-          fontSize: labelStyle.fontSize
-        },
-        cursor: label.cursor,
-        attachedPos: textConfig.position,
-        attachedRot: textConfig.rotation
-      }
-    });
-  };
-
-  LabelManager.prototype.addLabelsOfSeries = function (chartView) {
-    var _this = this;
-
-    this._chartViewList.push(chartView);
-
-    var seriesModel = chartView.__model;
-    var layoutOption = seriesModel.get('labelLayout');
-    /**
-     * Ignore layouting if it's not specified anything.
-     */
-
-    if (!(isFunction(layoutOption) || keys(layoutOption).length)) {
-      return;
-    }
-
-    chartView.group.traverse(function (child) {
-      if (child.ignore) {
-        return true; // Stop traverse descendants.
-      } // Only support label being hosted on graphic elements.
-
-
-      var textEl = child.getTextContent();
-      var ecData = getECData(child); // Can only attach the text on the element with dataIndex
-
-      if (textEl && !textEl.disableLabelLayout) {
-        _this._addLabel(ecData.dataIndex, ecData.dataType, seriesModel, textEl, layoutOption);
-      }
-    });
-  };
-
-  LabelManager.prototype.updateLayoutConfig = function (api) {
-    var width = api.getWidth();
-    var height = api.getHeight();
-
-    function createDragHandler(el, labelLineModel) {
-      return function () {
-        updateLabelLinePoints(el, labelLineModel);
-      };
-    }
-
-    for (var i = 0; i < this._labelList.length; i++) {
-      var labelItem = this._labelList[i];
-      var label = labelItem.label;
-      var hostEl = label.__hostTarget;
-      var defaultLabelAttr = labelItem.defaultAttr;
-      var layoutOption = void 0; // TODO A global layout option?
-
-      if (isFunction(labelItem.layoutOption)) {
-        layoutOption = labelItem.layoutOption(prepareLayoutCallbackParams(labelItem, hostEl));
-      } else {
-        layoutOption = labelItem.layoutOption;
-      }
-
-      layoutOption = layoutOption || {};
-      labelItem.computedLayoutOption = layoutOption;
-      var degreeToRadian = Math.PI / 180; // TODO hostEl should always exists.
-      // Or label should not have parent because the x, y is all in global space.
-
-      if (hostEl) {
-        hostEl.setTextConfig({
-          // Force to set local false.
-          local: false,
-          // Ignore position and rotation config on the host el if x or y is changed.
-          position: layoutOption.x != null || layoutOption.y != null ? null : defaultLabelAttr.attachedPos,
-          // Ignore rotation config on the host el if rotation is changed.
-          rotation: layoutOption.rotate != null ? layoutOption.rotate * degreeToRadian : defaultLabelAttr.attachedRot,
-          offset: [layoutOption.dx || 0, layoutOption.dy || 0]
-        });
-      }
-
-      var needsUpdateLabelLine = false;
-
-      if (layoutOption.x != null) {
-        // TODO width of chart view.
-        label.x = parsePercent(layoutOption.x, width);
-        label.setStyle('x', 0); // Ignore movement in style. TODO: origin.
-
-        needsUpdateLabelLine = true;
-      } else {
-        label.x = defaultLabelAttr.x;
-        label.setStyle('x', defaultLabelAttr.style.x);
-      }
-
-      if (layoutOption.y != null) {
-        // TODO height of chart view.
-        label.y = parsePercent(layoutOption.y, height);
-        label.setStyle('y', 0); // Ignore movement in style.
-
-        needsUpdateLabelLine = true;
-      } else {
-        label.y = defaultLabelAttr.y;
-        label.setStyle('y', defaultLabelAttr.style.y);
-      }
-
-      if (layoutOption.labelLinePoints) {
-        var guideLine = hostEl.getTextGuideLine();
-
-        if (guideLine) {
-          guideLine.setShape({
-            points: layoutOption.labelLinePoints
-          }); // Not update
-
-          needsUpdateLabelLine = false;
-        }
-      }
-
-      var labelLayoutStore = labelLayoutInnerStore(label);
-      labelLayoutStore.needsUpdateLabelLine = needsUpdateLabelLine;
-      label.rotation = layoutOption.rotate != null ? layoutOption.rotate * degreeToRadian : defaultLabelAttr.rotation;
-      label.scaleX = defaultLabelAttr.scaleX;
-      label.scaleY = defaultLabelAttr.scaleY;
-
-      for (var k = 0; k < LABEL_OPTION_TO_STYLE_KEYS.length; k++) {
-        var key = LABEL_OPTION_TO_STYLE_KEYS[k];
-        label.setStyle(key, layoutOption[key] != null ? layoutOption[key] : defaultLabelAttr.style[key]);
-      }
-
-      if (layoutOption.draggable) {
-        label.draggable = true;
-        label.cursor = 'move';
-
-        if (hostEl) {
-          var hostModel = labelItem.seriesModel;
-
-          if (labelItem.dataIndex != null) {
-            var data = labelItem.seriesModel.getData(labelItem.dataType);
-            hostModel = data.getItemModel(labelItem.dataIndex);
-          }
-
-          label.on('drag', createDragHandler(hostEl, hostModel.getModel('labelLine')));
-        }
-      } else {
-        // TODO Other drag functions?
-        label.off('drag');
-        label.cursor = defaultLabelAttr.cursor;
-      }
-    }
-  };
-
-  LabelManager.prototype.layout = function (api) {
-    var width = api.getWidth();
-    var height = api.getHeight();
-    var labelList = prepareLayoutList(this._labelList);
-    var labelsNeedsAdjustOnX = filter(labelList, function (item) {
-      return item.layoutOption.moveOverlap === 'shiftX';
-    });
-    var labelsNeedsAdjustOnY = filter(labelList, function (item) {
-      return item.layoutOption.moveOverlap === 'shiftY';
-    });
-    shiftLayoutOnX(labelsNeedsAdjustOnX, 0, width);
-    shiftLayoutOnY(labelsNeedsAdjustOnY, 0, height);
-    var labelsNeedsHideOverlap = filter(labelList, function (item) {
-      return item.layoutOption.hideOverlap;
-    });
-    hideOverlap(labelsNeedsHideOverlap);
-  };
-  /**
-   * Process all labels. Not only labels with layoutOption.
-   */
-
-
-  LabelManager.prototype.processLabelsOverall = function () {
-    var _this = this;
-
-    each$3(this._chartViewList, function (chartView) {
-      var seriesModel = chartView.__model;
-      var ignoreLabelLineUpdate = chartView.ignoreLabelLineUpdate;
-      var animationEnabled = seriesModel.isAnimationEnabled();
-      chartView.group.traverse(function (child) {
-        if (child.ignore && !child.forceLabelAnimation) {
-          return true; // Stop traverse descendants.
-        }
-
-        var needsUpdateLabelLine = !ignoreLabelLineUpdate;
-        var label = child.getTextContent();
-
-        if (!needsUpdateLabelLine && label) {
-          needsUpdateLabelLine = labelLayoutInnerStore(label).needsUpdateLabelLine;
-        }
-
-        if (needsUpdateLabelLine) {
-          _this._updateLabelLine(child, seriesModel);
-        }
-
-        if (animationEnabled) {
-          _this._animateLabels(child, seriesModel);
-        }
-      });
-    });
-  };
-
-  LabelManager.prototype._updateLabelLine = function (el, seriesModel) {
-    // Only support label being hosted on graphic elements.
-    var textEl = el.getTextContent(); // Update label line style.
-
-    var ecData = getECData(el);
-    var dataIndex = ecData.dataIndex; // Only support labelLine on the labels represent data.
-
-    if (textEl && dataIndex != null) {
-      var data = seriesModel.getData(ecData.dataType);
-      var itemModel = data.getItemModel(dataIndex);
-      var defaultStyle = {};
-      var visualStyle = data.getItemVisual(dataIndex, 'style');
-      var visualType = data.getVisual('drawType'); // Default to be same with main color
-
-      defaultStyle.stroke = visualStyle[visualType];
-      var labelLineModel = itemModel.getModel('labelLine');
-      setLabelLineStyle(el, getLabelLineStatesModels(itemModel), defaultStyle);
-      updateLabelLinePoints(el, labelLineModel);
-    }
-  };
-
-  LabelManager.prototype._animateLabels = function (el, seriesModel) {
-    var textEl = el.getTextContent();
-    var guideLine = el.getTextGuideLine(); // Animate
-
-    if (textEl // `forceLabelAnimation` has the highest priority
-    && (el.forceLabelAnimation || !textEl.ignore && !textEl.invisible && !el.disableLabelAnimation && !isElementRemoved(el))) {
-      var layoutStore = labelLayoutInnerStore(textEl);
-      var oldLayout = layoutStore.oldLayout;
-      var ecData = getECData(el);
-      var dataIndex = ecData.dataIndex;
-      var newProps = {
-        x: textEl.x,
-        y: textEl.y,
-        rotation: textEl.rotation
-      };
-      var data = seriesModel.getData(ecData.dataType);
-
-      if (!oldLayout) {
-        textEl.attr(newProps); // Disable fade in animation if value animation is enabled.
-
-        if (!labelInner(textEl).valueAnimation) {
-          var oldOpacity = retrieve2(textEl.style.opacity, 1); // Fade in animation
-
-          textEl.style.opacity = 0;
-          initProps(textEl, {
-            style: {
-              opacity: oldOpacity
-            }
-          }, seriesModel, dataIndex);
-        }
-      } else {
-        textEl.attr(oldLayout); // Make sure the animation from is in the right status.
-
-        var prevStates = el.prevStates;
-
-        if (prevStates) {
-          if (indexOf(prevStates, 'select') >= 0) {
-            textEl.attr(layoutStore.oldLayoutSelect);
-          }
-
-          if (indexOf(prevStates, 'emphasis') >= 0) {
-            textEl.attr(layoutStore.oldLayoutEmphasis);
-          }
-        }
-
-        updateProps$1(textEl, newProps, seriesModel, dataIndex);
-      }
-
-      layoutStore.oldLayout = newProps;
-
-      if (textEl.states.select) {
-        var layoutSelect = layoutStore.oldLayoutSelect = {};
-        extendWithKeys(layoutSelect, newProps, LABEL_LAYOUT_PROPS);
-        extendWithKeys(layoutSelect, textEl.states.select, LABEL_LAYOUT_PROPS);
-      }
-
-      if (textEl.states.emphasis) {
-        var layoutEmphasis = layoutStore.oldLayoutEmphasis = {};
-        extendWithKeys(layoutEmphasis, newProps, LABEL_LAYOUT_PROPS);
-        extendWithKeys(layoutEmphasis, textEl.states.emphasis, LABEL_LAYOUT_PROPS);
-      }
-
-      animateLabelValue(textEl, dataIndex, data, seriesModel, seriesModel);
-    }
-
-    if (guideLine && !guideLine.ignore && !guideLine.invisible) {
-      var layoutStore = labelLineAnimationStore(guideLine);
-      var oldLayout = layoutStore.oldLayout;
-      var newLayout = {
-        points: guideLine.shape.points
-      };
-
-      if (!oldLayout) {
-        guideLine.setShape(newLayout);
-        guideLine.style.strokePercent = 0;
-        initProps(guideLine, {
-          style: {
-            strokePercent: 1
-          }
-        }, seriesModel);
-      } else {
-        guideLine.attr({
-          shape: oldLayout
-        });
-        updateProps$1(guideLine, {
-          shape: newLayout
-        }, seriesModel);
-      }
-
-      layoutStore.oldLayout = newLayout;
-    }
-  };
-
-  return LabelManager;
-}();
-
-var getLabelManager = makeInner();
-function installLabelLayout(registers) {
-  registers.registerUpdateLifecycle('series:beforeupdate', function (ecModel, api, params) {
-    // TODO api provide an namespace that can save stuff per instance
-    var labelManager = getLabelManager(api).labelManager;
-
-    if (!labelManager) {
-      labelManager = getLabelManager(api).labelManager = new LabelManager();
-    }
-
-    labelManager.clearLabels();
-  });
-  registers.registerUpdateLifecycle('series:layoutlabels', function (ecModel, api, params) {
-    var labelManager = getLabelManager(api).labelManager;
-    params.updatedSeries.forEach(function (series) {
-      labelManager.addLabelsOfSeries(api.getViewOfSeriesModel(series));
-    });
-    labelManager.updateLayoutConfig(api);
-    labelManager.layout(api);
-    labelManager.processLabelsOverall();
-  });
-}
-
 /**
  * Can only be called after coordinate system creation stage.
  * (Can be called before coordinate system update stage).
@@ -38288,23 +37353,34 @@ exports.ChartView = ChartView;
 exports.ComponentModel = ComponentModel;
 exports.ComponentView = ComponentView;
 exports.CoordinateSystemManager = CoordinateSystemManager;
+exports.DISPLAY_STATES = DISPLAY_STATES;
+exports.DataDiffer = DataDiffer;
+exports.Displayable = Displayable;
 exports.Group = Group;
 exports.IntervalScale = IntervalScale;
 exports.Line = Line;
+exports.LinearGradient = LinearGradient;
 exports.Model = Model;
 exports.OrdinalMeta = OrdinalMeta;
 exports.Path = Path;
+exports.PathProxy = PathProxy;
 exports.Point = Point;
+exports.Polygon = Polygon;
 exports.Polyline = Polyline;
 exports.Rect = Rect;
+exports.SERIES_UNIVERSAL_TRANSITION_PROP = SERIES_UNIVERSAL_TRANSITION_PROP;
 exports.SINGLE_REFERRING = SINGLE_REFERRING;
 exports.SOURCE_FORMAT_ORIGINAL = SOURCE_FORMAT_ORIGINAL;
+exports.SPECIAL_STATES = SPECIAL_STATES;
 exports.Sector = Sector;
 exports.SeriesData = SeriesData;
 exports.SeriesModel = SeriesModel;
 exports.TooltipMarkupStyleCreator = TooltipMarkupStyleCreator;
+exports.Transformable = Transformable;
+exports.ZRImage = ZRImage;
 exports.ZRText = ZRText;
 exports.__extends = __extends$1;
+exports.animateLabelValue = animateLabelValue;
 exports.applyTransform = applyTransform$1;
 exports.bind = bind$1;
 exports.box = box;
@@ -38312,24 +37388,33 @@ exports.buildTooltipMarkup = buildTooltipMarkup;
 exports.calculateTextPosition = calculateTextPosition;
 exports.clear = clear;
 exports.clone = clone$2;
+exports.clonePath = clonePath;
 exports.convertToColorString = convertToColorString;
+exports.createFloat32Array = createFloat32Array;
 exports.createHashMap = createHashMap;
 exports.createIcon = createIcon;
 exports.createLegacyDataSelectAction = createLegacyDataSelectAction;
 exports.createOrUpdate = createOrUpdate;
 exports.createOrUpdatePatternFromDecal = createOrUpdatePatternFromDecal;
 exports.createProgressiveLayout = createProgressiveLayout;
+exports.createRenderPlanner = createRenderPlanner;
 exports.createScaleByModel = createScaleByModel;
 exports.createSourceFromSeriesDataOption = createSourceFromSeriesDataOption;
 exports.createSymbol = createSymbol;
 exports.createTextStyle = createTextStyle;
 exports.createTooltipMarkup = createTooltipMarkup;
+exports.cubicAt = cubicAt;
+exports.cubicProjectPoint = cubicProjectPoint;
+exports.cubicRootAt = cubicRootAt;
+exports.cubicSubdivide = cubicSubdivide;
 exports.curry = curry;
 exports.defaultEmphasis = defaultEmphasis;
 exports.defaults = defaults;
+exports.dist = dist$1;
 exports.each = each$3;
 exports.enableDataStack = enableDataStack;
 exports.enableHoverEmphasis = enableHoverEmphasis;
+exports.enterEmphasis = enterEmphasis;
 exports.env = env;
 exports.estimateLabelUnionRect = estimateLabelUnionRect;
 exports.extend = extend;
@@ -38340,16 +37425,18 @@ exports.findEventDispatcher = findEventDispatcher;
 exports.findPointFromSeries = findPointFromSeries;
 exports.format = format;
 exports.formatTpl = formatTpl;
+exports.fromPoints = fromPoints;
+exports.getAnimationConfig = getAnimationConfig;
 exports.getAxisRawValue = getAxisRawValue;
 exports.getBoundingRect = getBoundingRect;
 exports.getDataDimensionsOnAxis = getDataDimensionsOnAxis;
 exports.getDataItemValue = getDataItemValue;
 exports.getDimensionTypeByAxis = getDimensionTypeByAxis;
 exports.getECData = getECData;
-exports.getLabelLineStatesModels = getLabelLineStatesModels;
 exports.getLabelStatesModels = getLabelStatesModels;
 exports.getLayoutParams = getLayoutParams;
 exports.getLayoutRect = getLayoutRect;
+exports.getOldStyle = getOldStyle;
 exports.getOptionCategoryInterval = getOptionCategoryInterval;
 exports.getPaddingFromTooltipModel = getPaddingFromTooltipModel;
 exports.getPercentSeats = getPercentSeats;
@@ -38358,20 +37445,23 @@ exports.getScaleExtent = getScaleExtent;
 exports.getTooltipRenderMode = getTooltipRenderMode;
 exports.getValueLabel = getValueLabel;
 exports.groupTransition = groupTransition;
+exports.hideOverlap = hideOverlap;
 exports.ifAxisCrossZero = ifAxisCrossZero;
 exports.increaseInterval = increaseInterval;
 exports.indexOf = indexOf;
 exports.inheritDefaultOption = inheritDefaultOption;
 exports.init = init;
 exports.initProps = initProps;
-exports.install = install$2;
-exports.install$1 = install$1;
-exports.install$2 = install;
-exports.installLabelLayout = installLabelLayout;
+exports.install = install$1;
+exports.install$1 = install;
+exports.install$2 = install$2;
+exports.interpolateRawValues = interpolateRawValues;
 exports.invert = invert;
 exports.isArray = isArray;
 exports.isCartesian2DSeries = isCartesian2DSeries;
+exports.isDimensionStacked = isDimensionStacked;
 exports.isDom = isDom;
+exports.isElementRemoved = isElementRemoved;
 exports.isFunction = isFunction;
 exports.isIntervalOrLogScale = isIntervalOrLogScale;
 exports.isNameSpecified = isNameSpecified;
@@ -38382,8 +37472,9 @@ exports.keys = keys;
 exports.labelInner = labelInner;
 exports.layout = layout;
 exports.layout$1 = layout$1;
-exports.limitSurfaceAngle = limitSurfaceAngle;
-exports.limitTurnAngle = limitTurnAngle;
+exports.leaveEmphasis = leaveEmphasis;
+exports.lerp = lerp;
+exports.lerp$1 = lerp$1;
 exports.linearMap = linearMap;
 exports.makeInner = makeInner;
 exports.makeLabelFormatter = makeLabelFormatter;
@@ -38397,25 +37488,34 @@ exports.niceScaleExtent = niceScaleExtent;
 exports.noop = noop;
 exports.normalizeCssArray = normalizeCssArray;
 exports.normalizeEvent = normalizeEvent;
+exports.normalizeRadian = normalizeRadian;
+exports.normalizeSymbolOffset = normalizeSymbolOffset;
+exports.normalizeSymbolSize = normalizeSymbolSize;
+exports.normalizeToArray = normalizeToArray;
 exports.normalizeTooltipFormatResult = normalizeTooltipFormatResult;
 exports.parse = parse;
 exports.parsePercent = parsePercent;
 exports.parsePercent$1 = parsePercent$1;
 exports.preParseFinder = preParseFinder;
+exports.prepareLayoutList = prepareLayoutList;
 exports.prepareSeriesDataSchema = prepareSeriesDataSchema;
+exports.quadraticProjectPoint = quadraticProjectPoint;
+exports.queryDataIndex = queryDataIndex;
 exports.queryReferringComponents = queryReferringComponents;
 exports.register = register;
+exports.removeElement = removeElement;
 exports.removeElementWithFadeOut = removeElementWithFadeOut;
 exports.retrieve2 = retrieve2;
 exports.retrieve3 = retrieve3;
 exports.retrieveRawValue = retrieveRawValue;
 exports.round = round$1;
 exports.saveOldStyle = saveOldStyle;
-exports.setLabelLineStyle = setLabelLineStyle;
 exports.setLabelStyle = setLabelStyle;
 exports.setLabelValueAnimation = setLabelValueAnimation;
+exports.setStatesFlag = setStatesFlag;
 exports.setStatesStylesFromModel = setStatesStylesFromModel;
 exports.setTooltipConfig = setTooltipConfig;
+exports.shiftLayoutOnX = shiftLayoutOnX;
 exports.shiftLayoutOnY = shiftLayoutOnY;
 exports.shouldShowAllLabels = shouldShowAllLabels;
 exports.stringify = stringify;