q2-tecton-elements 1.18.0 → 1.19.0

package/dist/cjs/q2-chart-donut.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0128397d.js');
-const index$1 = require('./index-eccd5617.js');
+const index = require('./index-734296a7.js');
+const index$1 = require('./index-3518c78c.js');
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -1132,6 +1132,21 @@ function preparePointerTransformer(markers, saved, inverse) {
 function isCanvasEl(el) {
     return el.nodeName.toUpperCase() === 'CANVAS';
 }
+var replaceReg = /([&<>"'])/g;
+var replaceMap = {
+    '&': '&amp;',
+    '<': '&lt;',
+    '>': '&gt;',
+    '"': '&quot;',
+    '\'': '&#39;'
+};
+function encodeHTML(source) {
+    return source == null
+        ? ''
+        : (source + '').replace(replaceReg, function (str, c) {
+            return replaceMap[c];
+        });
+}
 
 var MOUSE_EVENT_REG = /^(?:mouse|pointer|contextmenu|drag|drop)|click/;
 var _calcOut = [];
@@ -1315,6 +1330,442 @@ var recognizers = {
     }
 };
 
+function create() {
+    return [1, 0, 0, 1, 0, 0];
+}
+function identity(out) {
+    out[0] = 1;
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = 1;
+    out[4] = 0;
+    out[5] = 0;
+    return out;
+}
+function copy(out, m) {
+    out[0] = m[0];
+    out[1] = m[1];
+    out[2] = m[2];
+    out[3] = m[3];
+    out[4] = m[4];
+    out[5] = m[5];
+    return out;
+}
+function mul(out, m1, m2) {
+    var out0 = m1[0] * m2[0] + m1[2] * m2[1];
+    var out1 = m1[1] * m2[0] + m1[3] * m2[1];
+    var out2 = m1[0] * m2[2] + m1[2] * m2[3];
+    var out3 = m1[1] * m2[2] + m1[3] * m2[3];
+    var out4 = m1[0] * m2[4] + m1[2] * m2[5] + m1[4];
+    var out5 = m1[1] * m2[4] + m1[3] * m2[5] + m1[5];
+    out[0] = out0;
+    out[1] = out1;
+    out[2] = out2;
+    out[3] = out3;
+    out[4] = out4;
+    out[5] = out5;
+    return out;
+}
+function translate(out, a, v) {
+    out[0] = a[0];
+    out[1] = a[1];
+    out[2] = a[2];
+    out[3] = a[3];
+    out[4] = a[4] + v[0];
+    out[5] = a[5] + v[1];
+    return out;
+}
+function rotate(out, a, rad) {
+    var aa = a[0];
+    var ac = a[2];
+    var atx = a[4];
+    var ab = a[1];
+    var ad = a[3];
+    var aty = a[5];
+    var st = Math.sin(rad);
+    var ct = Math.cos(rad);
+    out[0] = aa * ct + ab * st;
+    out[1] = -aa * st + ab * ct;
+    out[2] = ac * ct + ad * st;
+    out[3] = -ac * st + ct * ad;
+    out[4] = ct * atx + st * aty;
+    out[5] = ct * aty - st * atx;
+    return out;
+}
+function scale(out, a, v) {
+    var vx = v[0];
+    var vy = v[1];
+    out[0] = a[0] * vx;
+    out[1] = a[1] * vy;
+    out[2] = a[2] * vx;
+    out[3] = a[3] * vy;
+    out[4] = a[4] * vx;
+    out[5] = a[5] * vy;
+    return out;
+}
+function invert(out, a) {
+    var aa = a[0];
+    var ac = a[2];
+    var atx = a[4];
+    var ab = a[1];
+    var ad = a[3];
+    var aty = a[5];
+    var det = aa * ad - ab * ac;
+    if (!det) {
+        return null;
+    }
+    det = 1.0 / det;
+    out[0] = ad * det;
+    out[1] = -ab * det;
+    out[2] = -ac * det;
+    out[3] = aa * det;
+    out[4] = (ac * aty - ad * atx) * det;
+    out[5] = (ab * atx - aa * aty) * det;
+    return out;
+}
+
+var Point = (function () {
+    function Point(x, y) {
+        this.x = x || 0;
+        this.y = y || 0;
+    }
+    Point.prototype.copy = function (other) {
+        this.x = other.x;
+        this.y = other.y;
+        return this;
+    };
+    Point.prototype.clone = function () {
+        return new Point(this.x, this.y);
+    };
+    Point.prototype.set = function (x, y) {
+        this.x = x;
+        this.y = y;
+        return this;
+    };
+    Point.prototype.equal = function (other) {
+        return other.x === this.x && other.y === this.y;
+    };
+    Point.prototype.add = function (other) {
+        this.x += other.x;
+        this.y += other.y;
+        return this;
+    };
+    Point.prototype.scale = function (scalar) {
+        this.x *= scalar;
+        this.y *= scalar;
+    };
+    Point.prototype.scaleAndAdd = function (other, scalar) {
+        this.x += other.x * scalar;
+        this.y += other.y * scalar;
+    };
+    Point.prototype.sub = function (other) {
+        this.x -= other.x;
+        this.y -= other.y;
+        return this;
+    };
+    Point.prototype.dot = function (other) {
+        return this.x * other.x + this.y * other.y;
+    };
+    Point.prototype.len = function () {
+        return Math.sqrt(this.x * this.x + this.y * this.y);
+    };
+    Point.prototype.lenSquare = function () {
+        return this.x * this.x + this.y * this.y;
+    };
+    Point.prototype.normalize = function () {
+        var len = this.len();
+        this.x /= len;
+        this.y /= len;
+        return this;
+    };
+    Point.prototype.distance = function (other) {
+        var dx = this.x - other.x;
+        var dy = this.y - other.y;
+        return Math.sqrt(dx * dx + dy * dy);
+    };
+    Point.prototype.distanceSquare = function (other) {
+        var dx = this.x - other.x;
+        var dy = this.y - other.y;
+        return dx * dx + dy * dy;
+    };
+    Point.prototype.negate = function () {
+        this.x = -this.x;
+        this.y = -this.y;
+        return this;
+    };
+    Point.prototype.transform = function (m) {
+        if (!m) {
+            return;
+        }
+        var x = this.x;
+        var y = this.y;
+        this.x = m[0] * x + m[2] * y + m[4];
+        this.y = m[1] * x + m[3] * y + m[5];
+        return this;
+    };
+    Point.prototype.toArray = function (out) {
+        out[0] = this.x;
+        out[1] = this.y;
+        return out;
+    };
+    Point.prototype.fromArray = function (input) {
+        this.x = input[0];
+        this.y = input[1];
+    };
+    Point.set = function (p, x, y) {
+        p.x = x;
+        p.y = y;
+    };
+    Point.copy = function (p, p2) {
+        p.x = p2.x;
+        p.y = p2.y;
+    };
+    Point.len = function (p) {
+        return Math.sqrt(p.x * p.x + p.y * p.y);
+    };
+    Point.lenSquare = function (p) {
+        return p.x * p.x + p.y * p.y;
+    };
+    Point.dot = function (p0, p1) {
+        return p0.x * p1.x + p0.y * p1.y;
+    };
+    Point.add = function (out, p0, p1) {
+        out.x = p0.x + p1.x;
+        out.y = p0.y + p1.y;
+    };
+    Point.sub = function (out, p0, p1) {
+        out.x = p0.x - p1.x;
+        out.y = p0.y - p1.y;
+    };
+    Point.scale = function (out, p0, scalar) {
+        out.x = p0.x * scalar;
+        out.y = p0.y * scalar;
+    };
+    Point.scaleAndAdd = function (out, p0, p1, scalar) {
+        out.x = p0.x + p1.x * scalar;
+        out.y = p0.y + p1.y * scalar;
+    };
+    Point.lerp = function (out, p0, p1, t) {
+        var onet = 1 - t;
+        out.x = onet * p0.x + t * p1.x;
+        out.y = onet * p0.y + t * p1.y;
+    };
+    return Point;
+}());
+
+var mathMin$4 = Math.min;
+var mathMax$4 = Math.max;
+var lt = new Point();
+var rb = new Point();
+var lb = new Point();
+var rt = new Point();
+var minTv$1 = new Point();
+var maxTv$1 = new Point();
+var BoundingRect = (function () {
+    function BoundingRect(x, y, width, height) {
+        if (width < 0) {
+            x = x + width;
+            width = -width;
+        }
+        if (height < 0) {
+            y = y + height;
+            height = -height;
+        }
+        this.x = x;
+        this.y = y;
+        this.width = width;
+        this.height = height;
+    }
+    BoundingRect.prototype.union = function (other) {
+        var x = mathMin$4(other.x, this.x);
+        var y = mathMin$4(other.y, this.y);
+        if (isFinite(this.x) && isFinite(this.width)) {
+            this.width = mathMax$4(other.x + other.width, this.x + this.width) - x;
+        }
+        else {
+            this.width = other.width;
+        }
+        if (isFinite(this.y) && isFinite(this.height)) {
+            this.height = mathMax$4(other.y + other.height, this.y + this.height) - y;
+        }
+        else {
+            this.height = other.height;
+        }
+        this.x = x;
+        this.y = y;
+    };
+    BoundingRect.prototype.applyTransform = function (m) {
+        BoundingRect.applyTransform(this, this, m);
+    };
+    BoundingRect.prototype.calculateTransform = function (b) {
+        var a = this;
+        var sx = b.width / a.width;
+        var sy = b.height / a.height;
+        var m = create();
+        translate(m, m, [-a.x, -a.y]);
+        scale(m, m, [sx, sy]);
+        translate(m, m, [b.x, b.y]);
+        return m;
+    };
+    BoundingRect.prototype.intersect = function (b, mtv) {
+        if (!b) {
+            return false;
+        }
+        if (!(b instanceof BoundingRect)) {
+            b = BoundingRect.create(b);
+        }
+        var a = this;
+        var ax0 = a.x;
+        var ax1 = a.x + a.width;
+        var ay0 = a.y;
+        var ay1 = a.y + a.height;
+        var bx0 = b.x;
+        var bx1 = b.x + b.width;
+        var by0 = b.y;
+        var by1 = b.y + b.height;
+        var overlap = !(ax1 < bx0 || bx1 < ax0 || ay1 < by0 || by1 < ay0);
+        if (mtv) {
+            var dMin = Infinity;
+            var dMax = 0;
+            var d0 = Math.abs(ax1 - bx0);
+            var d1 = Math.abs(bx1 - ax0);
+            var d2 = Math.abs(ay1 - by0);
+            var d3 = Math.abs(by1 - ay0);
+            var dx = Math.min(d0, d1);
+            var dy = Math.min(d2, d3);
+            if (ax1 < bx0 || bx1 < ax0) {
+                if (dx > dMax) {
+                    dMax = dx;
+                    if (d0 < d1) {
+                        Point.set(maxTv$1, -d0, 0);
+                    }
+                    else {
+                        Point.set(maxTv$1, d1, 0);
+                    }
+                }
+            }
+            else {
+                if (dx < dMin) {
+                    dMin = dx;
+                    if (d0 < d1) {
+                        Point.set(minTv$1, d0, 0);
+                    }
+                    else {
+                        Point.set(minTv$1, -d1, 0);
+                    }
+                }
+            }
+            if (ay1 < by0 || by1 < ay0) {
+                if (dy > dMax) {
+                    dMax = dy;
+                    if (d2 < d3) {
+                        Point.set(maxTv$1, 0, -d2);
+                    }
+                    else {
+                        Point.set(maxTv$1, 0, d3);
+                    }
+                }
+            }
+            else {
+                if (dx < dMin) {
+                    dMin = dx;
+                    if (d2 < d3) {
+                        Point.set(minTv$1, 0, d2);
+                    }
+                    else {
+                        Point.set(minTv$1, 0, -d3);
+                    }
+                }
+            }
+        }
+        if (mtv) {
+            Point.copy(mtv, overlap ? minTv$1 : maxTv$1);
+        }
+        return overlap;
+    };
+    BoundingRect.prototype.contain = function (x, y) {
+        var rect = this;
+        return x >= rect.x
+            && x <= (rect.x + rect.width)
+            && y >= rect.y
+            && y <= (rect.y + rect.height);
+    };
+    BoundingRect.prototype.clone = function () {
+        return new BoundingRect(this.x, this.y, this.width, this.height);
+    };
+    BoundingRect.prototype.copy = function (other) {
+        BoundingRect.copy(this, other);
+    };
+    BoundingRect.prototype.plain = function () {
+        return {
+            x: this.x,
+            y: this.y,
+            width: this.width,
+            height: this.height
+        };
+    };
+    BoundingRect.prototype.isFinite = function () {
+        return isFinite(this.x)
+            && isFinite(this.y)
+            && isFinite(this.width)
+            && isFinite(this.height);
+    };
+    BoundingRect.prototype.isZero = function () {
+        return this.width === 0 || this.height === 0;
+    };
+    BoundingRect.create = function (rect) {
+        return new BoundingRect(rect.x, rect.y, rect.width, rect.height);
+    };
+    BoundingRect.copy = function (target, source) {
+        target.x = source.x;
+        target.y = source.y;
+        target.width = source.width;
+        target.height = source.height;
+    };
+    BoundingRect.applyTransform = function (target, source, m) {
+        if (!m) {
+            if (target !== source) {
+                BoundingRect.copy(target, source);
+            }
+            return;
+        }
+        if (m[1] < 1e-5 && m[1] > -1e-5 && m[2] < 1e-5 && m[2] > -1e-5) {
+            var sx = m[0];
+            var sy = m[3];
+            var tx = m[4];
+            var ty = m[5];
+            target.x = source.x * sx + tx;
+            target.y = source.y * sy + ty;
+            target.width = source.width * sx;
+            target.height = source.height * sy;
+            if (target.width < 0) {
+                target.x += target.width;
+                target.width = -target.width;
+            }
+            if (target.height < 0) {
+                target.y += target.height;
+                target.height = -target.height;
+            }
+            return;
+        }
+        lt.x = lb.x = source.x;
+        lt.y = rt.y = source.y;
+        rb.x = rt.x = source.x + source.width;
+        rb.y = lb.y = source.y + source.height;
+        lt.transform(m);
+        rt.transform(m);
+        rb.transform(m);
+        lb.transform(m);
+        target.x = mathMin$4(lt.x, rb.x, lb.x, rt.x);
+        target.y = mathMin$4(lt.y, rb.y, lb.y, rt.y);
+        var maxX = mathMax$4(lt.x, rb.x, lb.x, rt.x);
+        var maxY = mathMax$4(lt.y, rb.y, lb.y, rt.y);
+        target.width = maxX - target.x;
+        target.height = maxY - target.y;
+    };
+    return BoundingRect;
+}());
+
 var SILENT = 'silent';
 function makeEventPacket(eveType, targetInfo, event) {
     return {
@@ -1360,14 +1811,16 @@ var handlerNames = [
     'click', 'dblclick', 'mousewheel', 'mouseout',
     'mouseup', 'mousedown', 'mousemove', 'contextmenu'
 ];
+var tmpRect$1 = new BoundingRect(0, 0, 0, 0);
 var Handler = (function (_super) {
     __extends(Handler, _super);
-    function Handler(storage, painter, proxy, painterRoot) {
+    function Handler(storage, painter, proxy, painterRoot, pointerSize) {
         var _this = _super.call(this) || this;
         _this._hovered = new HoveredResult(0, 0);
         _this.storage = storage;
         _this.painter = painter;
         _this.painterRoot = painterRoot;
+        _this._pointerSize = pointerSize;
         proxy = proxy || new EmptyProxy();
         _this.proxy = null;
         _this.setHandlerProxy(proxy);
@@ -1468,15 +1921,40 @@ var Handler = (function (_super) {
     Handler.prototype.findHover = function (x, y, exclude) {
         var list = this.storage.getDisplayList();
         var out = new HoveredResult(x, y);
-        for (var i = list.length - 1; i >= 0; i--) {
-            var hoverCheckResult = void 0;
-            if (list[i] !== exclude
-                && !list[i].ignore
-                && (hoverCheckResult = isHover(list[i], x, y))) {
-                !out.topTarget && (out.topTarget = list[i]);
-                if (hoverCheckResult !== SILENT) {
-                    out.target = list[i];
-                    break;
+        setHoverTarget(list, out, x, y, exclude);
+        if (this._pointerSize && !out.target) {
+            var candidates = [];
+            var pointerSize = this._pointerSize;
+            var targetSizeHalf = pointerSize / 2;
+            var pointerRect = new BoundingRect(x - targetSizeHalf, y - targetSizeHalf, pointerSize, pointerSize);
+            for (var i = list.length - 1; i >= 0; i--) {
+                var el = list[i];
+                if (el !== exclude
+                    && !el.ignore
+                    && !el.ignoreCoarsePointer
+                    && (!el.parent || !el.parent.ignoreCoarsePointer)) {
+                    tmpRect$1.copy(el.getBoundingRect());
+                    if (el.transform) {
+                        tmpRect$1.applyTransform(el.transform);
+                    }
+                    if (tmpRect$1.intersect(pointerRect)) {
+                        candidates.push(el);
+                    }
+                }
+            }
+            if (candidates.length) {
+                var rStep = 4;
+                var thetaStep = Math.PI / 12;
+                var PI2 = Math.PI * 2;
+                for (var r = 0; r < targetSizeHalf; r += rStep) {
+                    for (var theta = 0; theta < PI2; theta += thetaStep) {
+                        var x1 = x + r * Math.cos(theta);
+                        var y1 = y + r * Math.sin(theta);
+                        setHoverTarget(candidates, out, x1, y1, exclude);
+                        if (out.target) {
+                            return out;
+                        }
+                    }
                 }
             }
         }
@@ -1555,6 +2033,21 @@ function isHover(displayable, x, y) {
     }
     return false;
 }
+function setHoverTarget(list, out, x, y, exclude) {
+    for (var i = list.length - 1; i >= 0; i--) {
+        var el = list[i];
+        var hoverCheckResult = void 0;
+        if (el !== exclude
+            && !el.ignore
+            && (hoverCheckResult = isHover(el, x, y))) {
+            !out.topTarget && (out.topTarget = el);
+            if (hoverCheckResult !== SILENT) {
+                out.target = el;
+                break;
+            }
+        }
+    }
+}
 function isOutsideBoundary(handlerInstance, x, y) {
     var painter = handlerInstance.painter;
     return x < 0 || x > painter.getWidth() || y < 0 || y > painter.getHeight();
@@ -3175,13 +3668,15 @@ function parse(colorStr, rgbaArr) {
                 }
                 alpha = parseCssFloat(params.pop());
             case 'rgb':
-                if (params.length !== 3) {
+                if (params.length >= 3) {
+                    setRgba(rgbaArr, parseCssInt(params[0]), parseCssInt(params[1]), parseCssInt(params[2]), params.length === 3 ? alpha : parseCssFloat(params[3]));
+                    putToCache(colorStr, rgbaArr);
+                    return rgbaArr;
+                }
+                else {
                     setRgba(rgbaArr, 0, 0, 0, 1);
                     return;
                 }
-                setRgba(rgbaArr, parseCssInt(params[0]), parseCssInt(params[1]), parseCssInt(params[2]), alpha);
-                putToCache(colorStr, rgbaArr);
-                return rgbaArr;
             case 'hsla':
                 if (params.length !== 4) {
                     setRgba(rgbaArr, 0, 0, 0, 1);
@@ -4437,100 +4932,6 @@ var DARK_LABEL_COLOR = '#333';
 var LIGHT_LABEL_COLOR = '#ccc';
 var LIGHTER_LABEL_COLOR = '#eee';
 
-function create() {
-    return [1, 0, 0, 1, 0, 0];
-}
-function identity(out) {
-    out[0] = 1;
-    out[1] = 0;
-    out[2] = 0;
-    out[3] = 1;
-    out[4] = 0;
-    out[5] = 0;
-    return out;
-}
-function copy(out, m) {
-    out[0] = m[0];
-    out[1] = m[1];
-    out[2] = m[2];
-    out[3] = m[3];
-    out[4] = m[4];
-    out[5] = m[5];
-    return out;
-}
-function mul(out, m1, m2) {
-    var out0 = m1[0] * m2[0] + m1[2] * m2[1];
-    var out1 = m1[1] * m2[0] + m1[3] * m2[1];
-    var out2 = m1[0] * m2[2] + m1[2] * m2[3];
-    var out3 = m1[1] * m2[2] + m1[3] * m2[3];
-    var out4 = m1[0] * m2[4] + m1[2] * m2[5] + m1[4];
-    var out5 = m1[1] * m2[4] + m1[3] * m2[5] + m1[5];
-    out[0] = out0;
-    out[1] = out1;
-    out[2] = out2;
-    out[3] = out3;
-    out[4] = out4;
-    out[5] = out5;
-    return out;
-}
-function translate(out, a, v) {
-    out[0] = a[0];
-    out[1] = a[1];
-    out[2] = a[2];
-    out[3] = a[3];
-    out[4] = a[4] + v[0];
-    out[5] = a[5] + v[1];
-    return out;
-}
-function rotate(out, a, rad) {
-    var aa = a[0];
-    var ac = a[2];
-    var atx = a[4];
-    var ab = a[1];
-    var ad = a[3];
-    var aty = a[5];
-    var st = Math.sin(rad);
-    var ct = Math.cos(rad);
-    out[0] = aa * ct + ab * st;
-    out[1] = -aa * st + ab * ct;
-    out[2] = ac * ct + ad * st;
-    out[3] = -ac * st + ct * ad;
-    out[4] = ct * atx + st * aty;
-    out[5] = ct * aty - st * atx;
-    return out;
-}
-function scale(out, a, v) {
-    var vx = v[0];
-    var vy = v[1];
-    out[0] = a[0] * vx;
-    out[1] = a[1] * vy;
-    out[2] = a[2] * vx;
-    out[3] = a[3] * vy;
-    out[4] = a[4] * vx;
-    out[5] = a[5] * vy;
-    return out;
-}
-function invert(out, a) {
-    var aa = a[0];
-    var ac = a[2];
-    var atx = a[4];
-    var ab = a[1];
-    var ad = a[3];
-    var aty = a[5];
-    var det = aa * ad - ab * ac;
-    if (!det) {
-        return null;
-    }
-    det = 1.0 / det;
-    out[0] = ad * det;
-    out[1] = -ab * det;
-    out[2] = -ac * det;
-    out[3] = aa * det;
-    out[4] = (ac * aty - ad * atx) * det;
-    out[5] = (ab * atx - aa * aty) * det;
-    return out;
-}
-
 var mIdentity = identity;
 var EPSILON$1 = 5e-5;
 function isNotAroundZero(val) {
@@ -4768,348 +5169,6 @@ function copyTransform(target, source) {
     }
 }
 
-var Point = (function () {
-    function Point(x, y) {
-        this.x = x || 0;
-        this.y = y || 0;
-    }
-    Point.prototype.copy = function (other) {
-        this.x = other.x;
-        this.y = other.y;
-        return this;
-    };
-    Point.prototype.clone = function () {
-        return new Point(this.x, this.y);
-    };
-    Point.prototype.set = function (x, y) {
-        this.x = x;
-        this.y = y;
-        return this;
-    };
-    Point.prototype.equal = function (other) {
-        return other.x === this.x && other.y === this.y;
-    };
-    Point.prototype.add = function (other) {
-        this.x += other.x;
-        this.y += other.y;
-        return this;
-    };
-    Point.prototype.scale = function (scalar) {
-        this.x *= scalar;
-        this.y *= scalar;
-    };
-    Point.prototype.scaleAndAdd = function (other, scalar) {
-        this.x += other.x * scalar;
-        this.y += other.y * scalar;
-    };
-    Point.prototype.sub = function (other) {
-        this.x -= other.x;
-        this.y -= other.y;
-        return this;
-    };
-    Point.prototype.dot = function (other) {
-        return this.x * other.x + this.y * other.y;
-    };
-    Point.prototype.len = function () {
-        return Math.sqrt(this.x * this.x + this.y * this.y);
-    };
-    Point.prototype.lenSquare = function () {
-        return this.x * this.x + this.y * this.y;
-    };
-    Point.prototype.normalize = function () {
-        var len = this.len();
-        this.x /= len;
-        this.y /= len;
-        return this;
-    };
-    Point.prototype.distance = function (other) {
-        var dx = this.x - other.x;
-        var dy = this.y - other.y;
-        return Math.sqrt(dx * dx + dy * dy);
-    };
-    Point.prototype.distanceSquare = function (other) {
-        var dx = this.x - other.x;
-        var dy = this.y - other.y;
-        return dx * dx + dy * dy;
-    };
-    Point.prototype.negate = function () {
-        this.x = -this.x;
-        this.y = -this.y;
-        return this;
-    };
-    Point.prototype.transform = function (m) {
-        if (!m) {
-            return;
-        }
-        var x = this.x;
-        var y = this.y;
-        this.x = m[0] * x + m[2] * y + m[4];
-        this.y = m[1] * x + m[3] * y + m[5];
-        return this;
-    };
-    Point.prototype.toArray = function (out) {
-        out[0] = this.x;
-        out[1] = this.y;
-        return out;
-    };
-    Point.prototype.fromArray = function (input) {
-        this.x = input[0];
-        this.y = input[1];
-    };
-    Point.set = function (p, x, y) {
-        p.x = x;
-        p.y = y;
-    };
-    Point.copy = function (p, p2) {
-        p.x = p2.x;
-        p.y = p2.y;
-    };
-    Point.len = function (p) {
-        return Math.sqrt(p.x * p.x + p.y * p.y);
-    };
-    Point.lenSquare = function (p) {
-        return p.x * p.x + p.y * p.y;
-    };
-    Point.dot = function (p0, p1) {
-        return p0.x * p1.x + p0.y * p1.y;
-    };
-    Point.add = function (out, p0, p1) {
-        out.x = p0.x + p1.x;
-        out.y = p0.y + p1.y;
-    };
-    Point.sub = function (out, p0, p1) {
-        out.x = p0.x - p1.x;
-        out.y = p0.y - p1.y;
-    };
-    Point.scale = function (out, p0, scalar) {
-        out.x = p0.x * scalar;
-        out.y = p0.y * scalar;
-    };
-    Point.scaleAndAdd = function (out, p0, p1, scalar) {
-        out.x = p0.x + p1.x * scalar;
-        out.y = p0.y + p1.y * scalar;
-    };
-    Point.lerp = function (out, p0, p1, t) {
-        var onet = 1 - t;
-        out.x = onet * p0.x + t * p1.x;
-        out.y = onet * p0.y + t * p1.y;
-    };
-    return Point;
-}());
-
-var mathMin$4 = Math.min;
-var mathMax$4 = Math.max;
-var lt = new Point();
-var rb = new Point();
-var lb = new Point();
-var rt = new Point();
-var minTv$1 = new Point();
-var maxTv$1 = new Point();
-var BoundingRect = (function () {
-    function BoundingRect(x, y, width, height) {
-        if (width < 0) {
-            x = x + width;
-            width = -width;
-        }
-        if (height < 0) {
-            y = y + height;
-            height = -height;
-        }
-        this.x = x;
-        this.y = y;
-        this.width = width;
-        this.height = height;
-    }
-    BoundingRect.prototype.union = function (other) {
-        var x = mathMin$4(other.x, this.x);
-        var y = mathMin$4(other.y, this.y);
-        if (isFinite(this.x) && isFinite(this.width)) {
-            this.width = mathMax$4(other.x + other.width, this.x + this.width) - x;
-        }
-        else {
-            this.width = other.width;
-        }
-        if (isFinite(this.y) && isFinite(this.height)) {
-            this.height = mathMax$4(other.y + other.height, this.y + this.height) - y;
-        }
-        else {
-            this.height = other.height;
-        }
-        this.x = x;
-        this.y = y;
-    };
-    BoundingRect.prototype.applyTransform = function (m) {
-        BoundingRect.applyTransform(this, this, m);
-    };
-    BoundingRect.prototype.calculateTransform = function (b) {
-        var a = this;
-        var sx = b.width / a.width;
-        var sy = b.height / a.height;
-        var m = create();
-        translate(m, m, [-a.x, -a.y]);
-        scale(m, m, [sx, sy]);
-        translate(m, m, [b.x, b.y]);
-        return m;
-    };
-    BoundingRect.prototype.intersect = function (b, mtv) {
-        if (!b) {
-            return false;
-        }
-        if (!(b instanceof BoundingRect)) {
-            b = BoundingRect.create(b);
-        }
-        var a = this;
-        var ax0 = a.x;
-        var ax1 = a.x + a.width;
-        var ay0 = a.y;
-        var ay1 = a.y + a.height;
-        var bx0 = b.x;
-        var bx1 = b.x + b.width;
-        var by0 = b.y;
-        var by1 = b.y + b.height;
-        var overlap = !(ax1 < bx0 || bx1 < ax0 || ay1 < by0 || by1 < ay0);
-        if (mtv) {
-            var dMin = Infinity;
-            var dMax = 0;
-            var d0 = Math.abs(ax1 - bx0);
-            var d1 = Math.abs(bx1 - ax0);
-            var d2 = Math.abs(ay1 - by0);
-            var d3 = Math.abs(by1 - ay0);
-            var dx = Math.min(d0, d1);
-            var dy = Math.min(d2, d3);
-            if (ax1 < bx0 || bx1 < ax0) {
-                if (dx > dMax) {
-                    dMax = dx;
-                    if (d0 < d1) {
-                        Point.set(maxTv$1, -d0, 0);
-                    }
-                    else {
-                        Point.set(maxTv$1, d1, 0);
-                    }
-                }
-            }
-            else {
-                if (dx < dMin) {
-                    dMin = dx;
-                    if (d0 < d1) {
-                        Point.set(minTv$1, d0, 0);
-                    }
-                    else {
-                        Point.set(minTv$1, -d1, 0);
-                    }
-                }
-            }
-            if (ay1 < by0 || by1 < ay0) {
-                if (dy > dMax) {
-                    dMax = dy;
-                    if (d2 < d3) {
-                        Point.set(maxTv$1, 0, -d2);
-                    }
-                    else {
-                        Point.set(maxTv$1, 0, d3);
-                    }
-                }
-            }
-            else {
-                if (dx < dMin) {
-                    dMin = dx;
-                    if (d2 < d3) {
-                        Point.set(minTv$1, 0, d2);
-                    }
-                    else {
-                        Point.set(minTv$1, 0, -d3);
-                    }
-                }
-            }
-        }
-        if (mtv) {
-            Point.copy(mtv, overlap ? minTv$1 : maxTv$1);
-        }
-        return overlap;
-    };
-    BoundingRect.prototype.contain = function (x, y) {
-        var rect = this;
-        return x >= rect.x
-            && x <= (rect.x + rect.width)
-            && y >= rect.y
-            && y <= (rect.y + rect.height);
-    };
-    BoundingRect.prototype.clone = function () {
-        return new BoundingRect(this.x, this.y, this.width, this.height);
-    };
-    BoundingRect.prototype.copy = function (other) {
-        BoundingRect.copy(this, other);
-    };
-    BoundingRect.prototype.plain = function () {
-        return {
-            x: this.x,
-            y: this.y,
-            width: this.width,
-            height: this.height
-        };
-    };
-    BoundingRect.prototype.isFinite = function () {
-        return isFinite(this.x)
-            && isFinite(this.y)
-            && isFinite(this.width)
-            && isFinite(this.height);
-    };
-    BoundingRect.prototype.isZero = function () {
-        return this.width === 0 || this.height === 0;
-    };
-    BoundingRect.create = function (rect) {
-        return new BoundingRect(rect.x, rect.y, rect.width, rect.height);
-    };
-    BoundingRect.copy = function (target, source) {
-        target.x = source.x;
-        target.y = source.y;
-        target.width = source.width;
-        target.height = source.height;
-    };
-    BoundingRect.applyTransform = function (target, source, m) {
-        if (!m) {
-            if (target !== source) {
-                BoundingRect.copy(target, source);
-            }
-            return;
-        }
-        if (m[1] < 1e-5 && m[1] > -1e-5 && m[2] < 1e-5 && m[2] > -1e-5) {
-            var sx = m[0];
-            var sy = m[3];
-            var tx = m[4];
-            var ty = m[5];
-            target.x = source.x * sx + tx;
-            target.y = source.y * sy + ty;
-            target.width = source.width * sx;
-            target.height = source.height * sy;
-            if (target.width < 0) {
-                target.x += target.width;
-                target.width = -target.width;
-            }
-            if (target.height < 0) {
-                target.y += target.height;
-                target.height = -target.height;
-            }
-            return;
-        }
-        lt.x = lb.x = source.x;
-        lt.y = rt.y = source.y;
-        rb.x = rt.x = source.x + source.width;
-        rb.y = lb.y = source.y + source.height;
-        lt.transform(m);
-        rt.transform(m);
-        rb.transform(m);
-        lb.transform(m);
-        target.x = mathMin$4(lt.x, rb.x, lb.x, rt.x);
-        target.y = mathMin$4(lt.y, rb.y, lb.y, rt.y);
-        var maxX = mathMax$4(lt.x, rb.x, lb.x, rt.x);
-        var maxY = mathMax$4(lt.y, rb.y, lb.y, rt.y);
-        target.width = maxX - target.x;
-        target.height = maxY - target.y;
-    };
-    return BoundingRect;
-}());
-
 var textWidthCache = {};
 function getWidth(text, font) {
     font = font || DEFAULT_FONT;
@@ -6496,7 +6555,16 @@ var ZRender = (function () {
         var handerProxy = (!env.node && !env.worker && !ssrMode)
             ? new HandlerDomProxy(painter.getViewportRoot(), painter.root)
             : null;
-        this.handler = new Handler(storage, painter, handerProxy, painter.root);
+        var useCoarsePointer = opts.useCoarsePointer;
+        var usePointerSize = (useCoarsePointer == null || useCoarsePointer === 'auto')
+            ? env.touchEventsSupported
+            : !!useCoarsePointer;
+        var defaultPointerSize = 44;
+        var pointerSize;
+        if (usePointerSize) {
+            pointerSize = retrieve2(opts.pointerSize, defaultPointerSize);
+        }
+        this.handler = new Handler(storage, painter, handerProxy, painter.root, pointerSize);
         this.animation = new Animation({
             stage: {
                 update: ssrMode ? null : function () { return _this._flush(true); }
@@ -6820,22 +6888,17 @@ function getPrecisionSafe(val) {
  * https://en.wikipedia.org/wiki/Largest_remainder_method
  *
  * @param valueList a list of all data
- * @param idx index of the data to be processed in valueList
  * @param precision integer number showing digits of precision
- * @return percent ranging from 0 to 100
+ * @return {Array<number>}
  */
 
-function getPercentWithPrecision(valueList, idx, precision) {
-  if (!valueList[idx]) {
-    return 0;
-  }
-
+function getPercentSeats(valueList, precision) {
   var sum = reduce(valueList, function (acc, val) {
     return acc + (isNaN(val) ? 0 : val);
   }, 0);
 
   if (sum === 0) {
-    return 0;
+    return [];
   }
 
   var digits = Math.pow(10, precision);
@@ -6872,7 +6935,9 @@ function getPercentWithPrecision(valueList, idx, precision) {
     ++currentSum;
   }
 
-  return seats[idx] / digits;
+  return map$1(seats, function (seat) {
+    return seat / digits;
+  });
 }
 /**
  * Solve the floating point adding problem like 0.1 + 0.2 === 0.30000000000000004
@@ -13818,9 +13883,11 @@ function resizePath(path, rect) {
  * Sub pixel optimize line for canvas
  */
 
-function subPixelOptimizeLine(param) {
-  subPixelOptimizeLine$1(param.shape, param.shape, param.style);
-  return param;
+function subPixelOptimizeLine(shape, lineWidth) {
+  subPixelOptimizeLine$1(shape, shape, {
+    lineWidth: lineWidth
+  });
+  return shape;
 }
 /**
  * Sub pixel optimize rect for canvas
@@ -15507,19 +15574,6 @@ function toCamelCase(str, upperCaseFirst) {
   return str;
 }
 var normalizeCssArray = normalizeCssArray$1;
-var replaceReg = /([&<>"'])/g;
-var replaceMap = {
-  '&': '&amp;',
-  '<': '&lt;',
-  '>': '&gt;',
-  '"': '&quot;',
-  '\'': '&#39;'
-};
-function encodeHTML(source) {
-  return source == null ? '' : (source + '').replace(replaceReg, function (str, c) {
-    return replaceMap[c];
-  });
-}
 /**
  * Make value user readable for tooltip and label.
  * "User readable":
@@ -26059,6 +26113,7 @@ function (_super) {
 
     _this._dom = dom;
     var defaultRenderer = 'canvas';
+    var defaultCoarsePointer = 'auto';
     var defaultUseDirtyRect = false;
 
     var zr = _this._zr = init$1(dom, {
@@ -26067,7 +26122,9 @@ function (_super) {
       width: opts.width,
       height: opts.height,
       ssr: opts.ssr,
-      useDirtyRect: opts.useDirtyRect == null ? defaultUseDirtyRect : opts.useDirtyRect
+      useDirtyRect: retrieve2(opts.useDirtyRect, defaultUseDirtyRect),
+      useCoarsePointer: retrieve2(opts.useCoarsePointer, defaultCoarsePointer),
+      pointerSize: opts.pointerSize
     });
     _this._ssr = opts.ssr; // Expect 60 fps.
 
@@ -31885,6 +31942,7 @@ var builders = {
     var matrix = transformGroup.transform;
     var pt1 = [extent[0], 0];
     var pt2 = [extent[1], 0];
+    var inverse = pt1[0] > pt2[0];
 
     if (matrix) {
       applyTransform$1(pt1, pt1, matrix);
@@ -31895,8 +31953,6 @@ var builders = {
       lineCap: 'round'
     }, axisModel.getModel(['axisLine', 'lineStyle']).getLineStyle());
     var line = new Line({
-      // Id for animation
-      subPixelOptimize: true,
       shape: {
         x1: pt1[0],
         y1: pt1[1],
@@ -31908,6 +31964,7 @@ var builders = {
       silent: true,
       z2: 1
     });
+    subPixelOptimizeLine(line.shape, line.style.lineWidth);
     line.anid = 'line';
     group.add(line);
     var arrows = axisModel.get(['axisLine', 'symbol']);
@@ -31941,10 +31998,11 @@ var builders = {
           var symbol = createSymbol(arrows[index], -symbolWidth_1 / 2, -symbolHeight_1 / 2, symbolWidth_1, symbolHeight_1, lineStyle.stroke, true); // Calculate arrow position with offset
 
           var r = point.r + point.offset;
+          var pt = inverse ? pt2 : pt1;
           symbol.attr({
             rotation: point.rotate,
-            x: pt1[0] + r * Math.cos(opt.rotation),
-            y: pt1[1] - r * Math.sin(opt.rotation),
+            x: pt[0] + r * Math.cos(opt.rotation),
+            y: pt[1] - r * Math.sin(opt.rotation),
             silent: true,
             z2: 11
           });
@@ -32180,7 +32238,6 @@ function createTicks(ticksCoords, tickTransform, tickEndCoord, tickLineStyle, an
 
 
     var tickEl = new Line({
-      subPixelOptimize: true,
       shape: {
         x1: pt1[0],
         y1: pt1[1],
@@ -32192,6 +32249,7 @@ function createTicks(ticksCoords, tickTransform, tickEndCoord, tickLineStyle, an
       autoBatch: true,
       silent: true
     });
+    subPixelOptimizeLine(tickEl.shape, tickEl.style.lineWidth);
     tickEl.anid = anidPrefix + '_' + ticksCoords[i].tickValue;
     tickEls.push(tickEl);
   }
@@ -37469,10 +37527,22 @@ function getBasicPieLayout(seriesModel, api) {
   var width = parsePercent(viewRect.width, api.getWidth());
   var height = parsePercent(viewRect.height, api.getHeight());
   var size = Math.min(width, height);
-  var cx = parsePercent(center[0], width) + viewRect.x;
-  var cy = parsePercent(center[1], height) + viewRect.y;
   var r0 = parsePercent(radius[0], size / 2);
   var r = parsePercent(radius[1], size / 2);
+  var cx;
+  var cy;
+  var coordSys = seriesModel.coordinateSystem;
+
+  if (coordSys) {
+    // percentage is not allowed when coordinate system is specified
+    var point = coordSys.dataToPoint(center);
+    cx = point[0] || 0;
+    cy = point[1] || 0;
+  } else {
+    cx = parsePercent(center[0], width) + viewRect.x;
+    cy = parsePercent(center[1], height) + viewRect.y;
+  }
+
   return {
     cx: cx,
     cy: cy,
@@ -37968,7 +38038,8 @@ function pieLabelLayout(seriesModel) {
 
     if (Math.abs(sectorShape.endAngle - sectorShape.startAngle) < minShowLabelRadian) {
       each$4(label.states, setNotShow);
-      label.ignore = true;
+      each$4(labelLine.states, setNotShow);
+      label.ignore = labelLine.ignore = true;
       return;
     }
 
@@ -38577,10 +38648,16 @@ function (_super) {
 
 
   PieSeriesModel.prototype.getInitialData = function () {
-    return createSeriesDataSimply(this, {
+    var data = createSeriesDataSimply(this, {
       coordDimensions: ['value'],
       encodeDefaulter: curry$1(makeSeriesEncodeForNameBased, this)
     });
+    var valueList = [];
+    data.each(data.mapDimension('value'), function (value) {
+      valueList.push(value);
+    });
+    this.seats = getPercentSeats(valueList, data.hostModel.get('percentPrecision'));
+    return data;
   };
   /**
    * @overwrite
@@ -38588,16 +38665,9 @@ function (_super) {
 
 
   PieSeriesModel.prototype.getDataParams = function (dataIndex) {
-    var data = this.getData();
+    var params = _super.prototype.getDataParams.call(this, dataIndex);
 
-    var params = _super.prototype.getDataParams.call(this, dataIndex); // FIXME toFixed?
-
-
-    var valueList = [];
-    data.each(data.mapDimension('value'), function (value) {
-      valueList.push(value);
-    });
-    params.percent = getPercentWithPrecision(valueList, dataIndex, data.hostModel.get('percentPrecision'));
+    params.percent = this.seats[dataIndex];
     params.$vars.push('percent');
     return params;
   };
@@ -38990,6 +39060,8 @@ var Layer = (function (_super) {
                     clearColor.__canvasGradient = clearColorGradientOrPattern;
                 }
                 else if (isImagePatternObject(clearColor)) {
+                    clearColor.scaleX = clearColor.scaleX || dpr;
+                    clearColor.scaleY = clearColor.scaleY || dpr;
                     clearColorGradientOrPattern = createCanvasPattern(ctx, clearColor, {
                         dirty: function () {
                             self.setUnpainted();
@@ -39651,7 +39723,7 @@ function install(registers) {
   registers.registerPainter('canvas', CanvasPainter);
 }
 
-const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus, 0 0 0 2px #33b4ff)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{position:relative;width:100%;display:block}.container{aspect-ratio:1/1;width:100%;display:flex;justify-content:center;align-items:center}.chart-container{width:100%;height:100%;--comp-color-1:var(--tct-chart-donut-color-1, var(--t-chart-donut-color-1, var(--t-accent-1, #e05252)));--comp-color-2:var(--tct-chart-donut-color-2, var(--t-chart-donut-color-2, var(--t-accent-2, #e09952)));--comp-color-3:var(--tct-chart-donut-color-3, var(--t-chart-donut-color-3, var(--t-accent-3, #e0e052)));--comp-color-4:var(--tct-chart-donut-color-4, var(--t-chart-donut-color-4, var(--t-accent-4, #99e052)));--comp-color-5:var(--tct-chart-donut-color-5, var(--t-chart-donut-color-5, var(--t-accent-5, #52e052)));--comp-color-6:var(--tct-chart-donut-color-6, var(--t-chart-donut-color-6, var(--t-accent-6, #52e099)));--comp-color-7:var(--tct-chart-donut-color-7, var(--t-chart-donut-color-7, var(--t-accent-7, #52e0e0)));--comp-color-8:var(--tct-chart-donut-color-8, var(--t-chart-donut-color-8, var(--t-accent-8, #5299e0)));--comp-color-9:var(--tct-chart-donut-color-9, var(--t-chart-donut-color-9, var(--t-accent-9, #5252e0)));--comp-color-10:var(--tct-chart-donut-color-10, var(--t-chart-donut-color-10, var(--t-accent-10, #9952e0)));--comp-color-11:var(--tct-chart-donut-color-11, var(--t-chart-donut-color-11, var(--t-accent-11, #e052e0)));--comp-color-12:var(--tct-chart-donut-color-12, var(--t-chart-donut-color-12, var(--t-accent-12, #e05299)))}.chart-container,.center-card{--comp-background-color:var(--tct-chart-donut-border-color, var(--t-chart-donut-border-color, var(--t-base, #ffffff)))}button{--comp-button-vertical-padding:var(--tct-chart-donut-button-vertical-padding, var(--t-chart-donut-button-vertical-padding, var(--app-scale-1x, 5px)));transition:box-shadow var(--tct-chart-donut-button-tween, var(--t-chart-donut-button-tween, var(--app-tween-1, 0.2s ease)));padding:var(--comp-button-vertical-padding) 0}button:active{box-shadow:var(--const-global-focus), var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3))))}button:hover{box-shadow:var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3))))}button:focus{box-shadow:var(--const-global-focus), var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3))))}.center-card-container{position:absolute;top:50%;transform:translateY(-50%);padding:var(--tct-chart-donut-button-container-padding, var(--t-chart-donut-button-container-padding, var(--app-scale-1x, 5px)))}.center-card{width:100%;text-align:center;color:var(--tct-chart-donut-text-color, var(--t-chart-donut-text-color, var(--t-text, #4d4d4d)));margin-inline:auto;display:block}.center-card:is(button){cursor:pointer;background:var(--comp-background-color);border:0;border-radius:var(--tct-chart-donut-button-border-radius, var(--t-chart-donut-button-border-radius, var(--app-border-radius-1, 3px)))}q2-icon{--tct-icon-size:var(--tct-chart-donut-icon-size, var(--t-chart-donut-icon-size, 26px));margin-bottom:var(--tct-chart-donut-icon-margin-bottom, var(--t-chart-donut-icon-margin-bottom, var(--app-scale-1x, 5px)))}.name{font-size:var(--tct-chart-donut-name-font-size, var(--t-chart-donut-name-font-size, 14px))}.value{font-size:var(--tct-chart-donut-value-font-size, var(--t-chart-donut-value-font-size, 21px))}";
+const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{position:relative;width:100%;display:block}.container{aspect-ratio:1/1;width:100%;display:flex;justify-content:center;align-items:center}.chart-container{width:100%;height:100%;--comp-color-1:var(--tct-chart-donut-color-1, var(--t-chart-donut-color-1, var(--t-accent-1, #e05252)));--comp-color-2:var(--tct-chart-donut-color-2, var(--t-chart-donut-color-2, var(--t-accent-2, #e09952)));--comp-color-3:var(--tct-chart-donut-color-3, var(--t-chart-donut-color-3, var(--t-accent-3, #e0e052)));--comp-color-4:var(--tct-chart-donut-color-4, var(--t-chart-donut-color-4, var(--t-accent-4, #99e052)));--comp-color-5:var(--tct-chart-donut-color-5, var(--t-chart-donut-color-5, var(--t-accent-5, #52e052)));--comp-color-6:var(--tct-chart-donut-color-6, var(--t-chart-donut-color-6, var(--t-accent-6, #52e099)));--comp-color-7:var(--tct-chart-donut-color-7, var(--t-chart-donut-color-7, var(--t-accent-7, #52e0e0)));--comp-color-8:var(--tct-chart-donut-color-8, var(--t-chart-donut-color-8, var(--t-accent-8, #5299e0)));--comp-color-9:var(--tct-chart-donut-color-9, var(--t-chart-donut-color-9, var(--t-accent-9, #5252e0)));--comp-color-10:var(--tct-chart-donut-color-10, var(--t-chart-donut-color-10, var(--t-accent-10, #9952e0)));--comp-color-11:var(--tct-chart-donut-color-11, var(--t-chart-donut-color-11, var(--t-accent-11, #e052e0)));--comp-color-12:var(--tct-chart-donut-color-12, var(--t-chart-donut-color-12, var(--t-accent-12, #e05299)))}.chart-container,.center-card{--comp-background-color:var(--tct-chart-donut-border-color, var(--t-chart-donut-border-color, var(--t-base, #ffffff)))}button{--comp-button-vertical-padding:var(--tct-chart-donut-button-vertical-padding, var(--t-chart-donut-button-vertical-padding, var(--app-scale-1x, 5px)));transition:box-shadow var(--tct-chart-donut-button-tween, var(--t-chart-donut-button-tween, var(--app-tween-1, 0.2s ease)));padding:var(--comp-button-vertical-padding) 0}button:active{box-shadow:var(--const-double-focus-ring), var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3))))}button:hover{box-shadow:var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3))))}button:focus{box-shadow:var(--const-double-focus-ring), var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3))))}.center-card-container{position:absolute;top:50%;transform:translateY(-50%);padding:var(--tct-chart-donut-button-container-padding, var(--t-chart-donut-button-container-padding, var(--app-scale-1x, 5px)))}.center-card{width:100%;text-align:center;color:var(--tct-chart-donut-text-color, var(--t-chart-donut-text-color, var(--t-text, #4d4d4d)));margin-inline:auto;display:block}.center-card:is(button){cursor:pointer;background:var(--comp-background-color);border:0;border-radius:var(--tct-chart-donut-button-border-radius, var(--t-chart-donut-button-border-radius, var(--app-border-radius-1, 3px)))}q2-icon{--tct-icon-size:var(--tct-chart-donut-icon-size, var(--t-chart-donut-icon-size, 26px));margin-bottom:var(--tct-chart-donut-icon-margin-bottom, var(--t-chart-donut-icon-margin-bottom, var(--app-scale-1x, 5px)))}.name{font-size:var(--tct-chart-donut-name-font-size, var(--t-chart-donut-name-font-size, 14px))}.value{font-size:var(--tct-chart-donut-value-font-size, var(--t-chart-donut-value-font-size, 21px))}";
 
 use([install$6, install$3, install$1, install, install$2, installLabelLayout]);
 const Q2ChartDonut = class {
@@ -39659,12 +39731,6 @@ const Q2ChartDonut = class {
     index.registerInstance(this, hostRef);
     this.change = index.createEvent(this, "change", 7);
     this.click = index.createEvent(this, "click", 7);
-    this.innerRadius = '70%';
-    this.outerRadius = '85%';
-    this.minSliceSize = '2.5%';
-    this.selectedOffset = 10;
-    this.hoverScaleSize = 5;
-    this.data = [];
     this.defaultRecord = { id: null, value: null, name: null };
     /// Event Handlers ///
     this.onClickElsewhere = (event) => {
@@ -39718,6 +39784,19 @@ const Q2ChartDonut = class {
       this.clearSelection();
       event.stopPropagation();
     };
+    this.chartName = undefined;
+    this.summaryIcon = undefined;
+    this.summaryName = undefined;
+    this.innerRadius = '70%';
+    this.outerRadius = '85%';
+    this.minSliceSize = '2.5%';
+    this.selectedOffset = 10;
+    this.hoverScaleSize = 5;
+    this.format = undefined;
+    this.isClickable = undefined;
+    this.data = [];
+    this.selectedId = undefined;
+    this.hoveredId = undefined;
   }
   /// LifeCycle Hooks ///
   componentDidLoad() {