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

package/dist/esm/{installCanvasRenderer-0143b52d.js → installCanvasRenderer-4a470516.js}

@@ -779,7 +779,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;
@@ -3626,6 +3626,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;
@@ -3769,6 +3772,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;
@@ -9033,10 +9062,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);
@@ -9089,7 +9139,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;
@@ -9102,19 +9152,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;
@@ -9131,7 +9181,7 @@ function fromArc(x, y, rx, ry, startAngle, endAngle, anticlockwise, min, max) {
     }
 }
 
-var CMD$3 = {
+var CMD$2 = {
     M: 1,
     L: 2,
     C: 3,
@@ -9152,7 +9202,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) {
@@ -9162,22 +9212,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;
@@ -9236,7 +9286,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;
@@ -9248,7 +9298,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);
         }
@@ -9269,7 +9319,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);
         }
@@ -9279,7 +9329,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);
         }
@@ -9295,7 +9345,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;
@@ -9311,12 +9361,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;
@@ -9429,7 +9479,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;
@@ -9437,22 +9487,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++];
@@ -9469,14 +9519,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;
@@ -9515,11 +9565,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;
@@ -9531,7 +9581,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++];
@@ -9543,7 +9593,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++];
@@ -9553,7 +9603,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++];
@@ -9567,11 +9617,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++];
@@ -9579,7 +9629,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);
@@ -9636,17 +9686,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);
@@ -9676,7 +9726,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++];
@@ -9699,7 +9749,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++];
@@ -9720,7 +9770,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++];
@@ -9757,7 +9807,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++];
@@ -9788,7 +9838,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) {
@@ -9812,7 +9862,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;
@@ -9879,16 +9929,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;
@@ -9900,7 +9950,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) {
@@ -9913,14 +9963,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) {
@@ -9939,8 +9989,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;
@@ -10057,9 +10107,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;
@@ -10074,8 +10124,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++) {
@@ -10084,10 +10134,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;
                 }
@@ -10110,7 +10160,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);
             }
@@ -10122,13 +10172,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;
@@ -10140,7 +10190,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;
@@ -10152,7 +10202,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;
@@ -10164,7 +10214,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++];
@@ -10194,7 +10244,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++];
@@ -10214,7 +10264,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;
@@ -11597,6 +11647,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 = {};
@@ -12206,7 +12275,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;
@@ -12222,12 +12291,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;
@@ -12625,6 +12694,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() {
@@ -12687,7 +12781,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;
@@ -12798,12 +12892,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) {
@@ -13849,6 +13943,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;
@@ -25302,6 +25399,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;
@@ -33407,583 +33511,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 = [];
 
@@ -34282,468 +33809,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).
@@ -38279,4 +37344,4 @@ function install(registers) {
   registers.registerPainter('canvas', CanvasPainter);
 }
 
-export { Group as $, getLayoutParams as A, mergeLayoutParam as B, CoordinateSystemManager as C, fetchLayoutMode as D, filter as E, invert as F, BoundingRect as G, applyTransform$1 as H, getScaleExtent as I, increaseInterval as J, IntervalScale as K, getLayoutRect as L, estimateLabelUnionRect as M, isObject$2 as N, OrdinalMeta as O, indexOf as P, createScaleByModel as Q, isCartesian2DSeries as R, SINGLE_REFERRING as S, findAxisModels as T, getDataDimensionsOnAxis as U, ifAxisCrossZero as V, keys as W, isIntervalOrLogScale as X, niceScaleExtent as Y, Rect as Z, __extends$1 as _, createSourceFromSeriesDataOption as a, buildTooltipMarkup as a$, layout as a0, AxisBuilder as a1, extend as a2, groupTransition as a3, AxisView as a4, Line as a5, subPixelOptimizeLine as a6, ComponentView as a7, use as a8, install$2 as a9, createProgressiveLayout as aA, layout$1 as aB, init as aC, install$1 as aD, install as aE, installLabelLayout as aF, normalizeCssArray as aG, toCamelCase as aH, env as aI, normalizeEvent as aJ, convertToColorString as aK, isDom as aL, bind$1 as aM, getPaddingFromTooltipModel as aN, transformLocalCoord as aO, throwError as aP, getTooltipRenderMode as aQ, createOrUpdate as aR, clear as aS, register as aT, findPointFromSeries as aU, findEventDispatcher as aV, createTooltipMarkup as aW, getValueLabel as aX, trim as aY, getAxisRawValue as aZ, normalizeTooltipFormatResult as a_, retrieve2 as aa, ZRText as ab, createTextStyle as ac, windowOpen as ad, getECData as ae, retrieveRawValue as af, initProps as ag, Sector as ah, isString as ai, SeriesModel as aj, inheritDefaultOption as ak, Path as al, calculateTextPosition as am, isNumber as an, traverseElements as ao, updateProps$1 as ap, saveOldStyle as aq, labelInner as ar, removeElementWithFadeOut as as, ChartView as at, getLabelStatesModels as au, setLabelStyle as av, setLabelValueAnimation as aw, toggleHoverEmphasis as ax, setStatesStylesFromModel as ay, throttle as az, curry as b, clone$2 as b0, format as b1, formatTpl as b2, parsePercent as b3, unregister as b4, Model as b5, preParseFinder as b6, queryReferringComponents as b7, TooltipMarkupStyleCreator as b8, noop as b9, isNameSpecified as ba, parse as bb, stringify as bc, enableHoverEmphasis as bd, setTooltipConfig as be, box as bf, createOrUpdatePatternFromDecal as bg, createSymbol as bh, createIcon as bi, Point as bj, limitTurnAngle as bk, limitSurfaceAngle as bl, shiftLayoutOnY as bm, parsePercent$1 as bn, Polyline as bo, setLabelLineStyle as bp, retrieve3 as bq, getLabelLineStatesModels as br, makeSeriesEncodeForNameBased as bs, getPercentSeats as bt, defaultEmphasis as bu, createLegacyDataSelectAction as bv, createHashMap as c, enableDataStack as d, each$3 as e, SeriesData as f, map$1 as g, SOURCE_FORMAT_ORIGINAL as h, isFunction as i, isArray as j, getDataItemValue as k, getDimensionTypeByAxis as l, makeSeriesEncodeForAxisCoordSys as m, makeInner as n, getOptionCategoryInterval as o, prepareSeriesDataSchema as p, makeLabelFormatter as q, getBoundingRect as r, shouldShowAllLabels as s, getPixelPrecision as t, linearMap as u, round$1 as v, ComponentModel as w, mixin as x, merge as y, defaults as z };
+export { getAnimationConfig as $, queryDataIndex as A, setStatesFlag as B, ChartView as C, isFunction as D, ZRText as E, interpolateRawValues as F, Group as G, labelInner as H, each$3 as I, SPECIAL_STATES as J, lerp as K, LinearGradient as L, createRenderPlanner as M, cubicSubdivide as N, fromPoints as O, Path as P, BoundingRect as Q, clonePath as R, SeriesModel as S, Polygon as T, Sector as U, Rect as V, Point as W, Transformable as X, lerp$1 as Y, ZRImage as Z, __extends$1 as _, extend as a, createTextStyle as a$, isArray as a0, normalizeToArray as a1, SERIES_UNIVERSAL_TRANSITION_PROP as a2, makeInner as a3, DataDiffer as a4, filter as a5, createHashMap as a6, Displayable as a7, getOldStyle as a8, use as a9, OrdinalMeta as aA, fetchLayoutMode as aB, invert as aC, applyTransform$1 as aD, getScaleExtent as aE, increaseInterval as aF, IntervalScale as aG, getLayoutRect as aH, estimateLabelUnionRect as aI, indexOf as aJ, createScaleByModel as aK, isCartesian2DSeries as aL, findAxisModels as aM, getDataDimensionsOnAxis as aN, ifAxisCrossZero as aO, keys as aP, isIntervalOrLogScale as aQ, niceScaleExtent as aR, layout as aS, AxisBuilder as aT, groupTransition as aU, AxisView as aV, Line as aW, subPixelOptimizeLine as aX, ComponentView as aY, install$2 as aZ, retrieve2 as a_, init as aa, install$1 as ab, install as ac, SINGLE_REFERRING as ad, createSourceFromSeriesDataOption as ae, curry as af, makeSeriesEncodeForAxisCoordSys as ag, prepareSeriesDataSchema as ah, enableDataStack as ai, SeriesData as aj, CoordinateSystemManager as ak, SOURCE_FORMAT_ORIGINAL as al, getDataItemValue as am, getDimensionTypeByAxis as an, getOptionCategoryInterval as ao, makeLabelFormatter as ap, getBoundingRect as aq, shouldShowAllLabels as ar, getPixelPrecision as as, linearMap as at, round$1 as au, ComponentModel as av, mixin as aw, merge as ax, getLayoutParams as ay, mergeLayoutParam as az, setLabelStyle as b, makeSeriesEncodeForNameBased as b$, windowOpen as b0, retrieveRawValue as b1, isString as b2, inheritDefaultOption as b3, calculateTextPosition as b4, removeElementWithFadeOut as b5, setLabelValueAnimation as b6, throttle as b7, createProgressiveLayout as b8, layout$1 as b9, findPointFromSeries as bA, findEventDispatcher as bB, createTooltipMarkup as bC, getValueLabel as bD, trim as bE, getAxisRawValue as bF, normalizeTooltipFormatResult as bG, buildTooltipMarkup as bH, clone$2 as bI, format as bJ, formatTpl as bK, unregister as bL, Model as bM, preParseFinder as bN, queryReferringComponents as bO, TooltipMarkupStyleCreator as bP, noop as bQ, isNameSpecified as bR, parse as bS, stringify as bT, enableHoverEmphasis as bU, setTooltipConfig as bV, box as bW, createOrUpdatePatternFromDecal as bX, createIcon as bY, parsePercent$1 as bZ, retrieve3 as b_, DISPLAY_STATES as ba, Polyline as bb, quadraticProjectPoint as bc, cubicProjectPoint as bd, dist$1 as be, normalizeRadian as bf, parsePercent as bg, prepareLayoutList as bh, shiftLayoutOnX as bi, shiftLayoutOnY as bj, hideOverlap as bk, isElementRemoved as bl, animateLabelValue as bm, normalizeCssArray as bn, toCamelCase as bo, env as bp, normalizeEvent as bq, isDom as br, bind$1 as bs, getPaddingFromTooltipModel as bt, transformLocalCoord as bu, throwError as bv, getTooltipRenderMode as bw, createOrUpdate as bx, clear as by, register as bz, createSymbol as c, getPercentSeats as c0, defaultEmphasis as c1, createLegacyDataSelectAction as c2, getECData as d, enterEmphasis as e, normalizeSymbolSize as f, getLabelStatesModels as g, traverseElements as h, initProps as i, isObject$2 as j, isDimensionStacked as k, leaveEmphasis as l, map$1 as m, normalizeSymbolOffset as n, isNumber as o, createFloat32Array as p, cubicRootAt as q, removeElement as r, saveOldStyle as s, toggleHoverEmphasis as t, updateProps$1 as u, PathProxy as v, cubicAt as w, convertToColorString as x, defaults as y, setStatesStylesFromModel as z };