@tipp/ui 0.0.0

package/dist/renderers-Bb3odh12.js

@@ -0,0 +1,1250 @@
+import { V as B, Z as ne, W as K, X as Ve, Y as Gt, z as k, k as E, _ as ke, $ as Ee, o as vt, a0 as W, a1 as Be, a2 as Me, U as Y, a3 as se, j as Oe, a4 as oe, a5 as De, f as He, a6 as Ue, c as Ge, a7 as ze, a8 as Fe, a9 as je, r as j, aa as X, ab as Ze, ac as dt, ad as qe, ae as zt, af as Xe, ag as Ke, g as Ye, ah as Je, ai as $e, aj as We, ak as Qe, al as ti, am as ei, an as ii, ao as fe, ap as Tt, aq as ri, ar as ai, as as ni, at as si, I as oi, au as he, av as F, aw as fi, ax as hi, ay as vi, az as ve, B as st, aA as Lt, aB as ui, aC as di, aD as ue, aE as li, aF as ci, aG as _i, aH as pi, aI as ot, aJ as gi, aK as yi, aL as mi, aM as ft, v as xi } from "./chart-BkQy6rli.js";
+var yt = Math.sin, mt = Math.cos, de = Math.PI, O = Math.PI * 2, wi = 180 / de, le = function() {
+  function i() {
+  }
+  return i.prototype.reset = function(t) {
+    this._start = !0, this._d = [], this._str = "", this._p = Math.pow(10, t || 4);
+  }, i.prototype.moveTo = function(t, e) {
+    this._add("M", t, e);
+  }, i.prototype.lineTo = function(t, e) {
+    this._add("L", t, e);
+  }, i.prototype.bezierCurveTo = function(t, e, r, a, n, s) {
+    this._add("C", t, e, r, a, n, s);
+  }, i.prototype.quadraticCurveTo = function(t, e, r, a) {
+    this._add("Q", t, e, r, a);
+  }, i.prototype.arc = function(t, e, r, a, n, s) {
+    this.ellipse(t, e, r, r, 0, a, n, s);
+  }, i.prototype.ellipse = function(t, e, r, a, n, s, f, o) {
+    var h = f - s, u = !o, v = Math.abs(h), d = B(v - O) || (u ? h >= O : -h >= O), c = h > 0 ? h % O : h % O + O, _ = !1;
+    d ? _ = !0 : B(v) ? _ = !1 : _ = c >= de == !!u;
+    var l = t + r * mt(s), p = e + a * yt(s);
+    this._start && this._add("M", l, p);
+    var y = Math.round(n * wi);
+    if (d) {
+      var g = 1 / this._p, m = (u ? 1 : -1) * (O - g);
+      this._add("A", r, a, y, 1, +u, t + r * mt(s + m), e + a * yt(s + m)), g > 0.01 && this._add("A", r, a, y, 0, +u, l, p);
+    } else {
+      var x = t + r * mt(f), N = e + a * yt(f);
+      this._add("A", r, a, y, +_, +u, x, N);
+    }
+  }, i.prototype.rect = function(t, e, r, a) {
+    this._add("M", t, e), this._add("l", r, 0), this._add("l", 0, a), this._add("l", -r, 0), this._add("Z");
+  }, i.prototype.closePath = function() {
+    this._d.length > 0 && this._add("Z");
+  }, i.prototype._add = function(t, e, r, a, n, s, f, o, h) {
+    for (var u = [], v = this._p, d = 1; d < arguments.length; d++) {
+      var c = arguments[d];
+      if (isNaN(c)) {
+        this._invalid = !0;
+        return;
+      }
+      u.push(Math.round(c * v) / v);
+    }
+    this._d.push(t + u.join(" ")), this._start = t === "Z";
+  }, i.prototype.generateStr = function() {
+    this._str = this._invalid ? "" : this._d.join(""), this._d = [];
+  }, i.prototype.getStr = function() {
+    return this._str;
+  }, i;
+}(), Pt = "none", Li = Math.round;
+function Ii(i) {
+  var t = i.fill;
+  return t != null && t !== Pt;
+}
+function Si(i) {
+  var t = i.stroke;
+  return t != null && t !== Pt;
+}
+var It = ["lineCap", "miterLimit", "lineJoin"], bi = k(It, function(i) {
+  return "stroke-" + i.toLowerCase();
+});
+function Ti(i, t, e, r) {
+  var a = t.opacity == null ? 1 : t.opacity;
+  if (e instanceof ne) {
+    i("opacity", a);
+    return;
+  }
+  if (Ii(t)) {
+    var n = K(t.fill);
+    i("fill", n.color);
+    var s = t.fillOpacity != null ? t.fillOpacity * n.opacity * a : n.opacity * a;
+    s < 1 && i("fill-opacity", s);
+  } else
+    i("fill", Pt);
+  if (Si(t)) {
+    var f = K(t.stroke);
+    i("stroke", f.color);
+    var o = t.strokeNoScale ? e.getLineScale() : 1, h = o ? (t.lineWidth || 0) / o : 0, u = t.strokeOpacity != null ? t.strokeOpacity * f.opacity * a : f.opacity * a, v = t.strokeFirst;
+    if (h !== 1 && i("stroke-width", h), v && i("paint-order", v ? "stroke" : "fill"), u < 1 && i("stroke-opacity", u), t.lineDash) {
+      var d = Ve(e), c = d[0], _ = d[1];
+      c && (_ = Li(_ || 0), i("stroke-dasharray", c.join(",")), (_ || r) && i("stroke-dashoffset", _));
+    }
+    for (var l = 0; l < It.length; l++) {
+      var p = It[l];
+      if (t[p] !== Gt[p]) {
+        var y = t[p] || Gt[p];
+        y && i(bi[l], y);
+      }
+    }
+  }
+}
+var ce = "http://www.w3.org/2000/svg", _e = "http://www.w3.org/1999/xlink", Pi = "http://www.w3.org/2000/xmlns/", Ri = "http://www.w3.org/XML/1998/namespace", Ft = "ecmeta_";
+function pe(i) {
+  return document.createElementNS(ce, i);
+}
+function b(i, t, e, r, a) {
+  return {
+    tag: i,
+    attrs: e || {},
+    children: r,
+    text: a,
+    key: t
+  };
+}
+function Ni(i, t) {
+  var e = [];
+  if (t)
+    for (var r in t) {
+      var a = t[r], n = r;
+      a !== !1 && (a !== !0 && a != null && (n += '="' + a + '"'), e.push(n));
+    }
+  return "<" + i + " " + e.join(" ") + ">";
+}
+function Ci(i) {
+  return "</" + i + ">";
+}
+function Rt(i, t) {
+  t = t || {};
+  var e = t.newline ? `
+` : "";
+  function r(a) {
+    var n = a.children, s = a.tag, f = a.attrs, o = a.text;
+    return Ni(s, f) + (s !== "style" ? ke(o) : o || "") + (n ? "" + e + k(n, function(h) {
+      return r(h);
+    }).join(e) + e : "") + Ci(s);
+  }
+  return r(i);
+}
+function Ai(i, t, e) {
+  e = e || {};
+  var r = e.newline ? `
+` : "", a = " {" + r, n = r + "}", s = k(E(i), function(o) {
+    return o + a + k(E(i[o]), function(h) {
+      return h + ":" + i[o][h] + ";";
+    }).join(r) + n;
+  }).join(r), f = k(E(t), function(o) {
+    return "@keyframes " + o + a + k(E(t[o]), function(h) {
+      return h + a + k(E(t[o][h]), function(u) {
+        var v = t[o][h][u];
+        return u === "d" && (v = 'path("' + v + '")'), u + ":" + v + ";";
+      }).join(r) + n;
+    }).join(r) + n;
+  }).join(r);
+  return !s && !f ? "" : ["<![CDATA[", s, f, "]]>"].join(r);
+}
+function St(i) {
+  return {
+    zrId: i,
+    shadowCache: {},
+    patternCache: {},
+    gradientCache: {},
+    clipPathCache: {},
+    defs: {},
+    cssNodes: {},
+    cssAnims: {},
+    cssStyleCache: {},
+    cssAnimIdx: 0,
+    shadowIdx: 0,
+    gradientIdx: 0,
+    patternIdx: 0,
+    clipPathIdx: 0
+  };
+}
+function jt(i, t, e, r) {
+  return b("svg", "root", {
+    width: i,
+    height: t,
+    xmlns: ce,
+    "xmlns:xlink": _e,
+    version: "1.1",
+    baseProfile: "full",
+    viewBox: r ? "0 0 " + i + " " + t : !1
+  }, e);
+}
+var Vi = 0;
+function ge() {
+  return Vi++;
+}
+var Zt = {
+  cubicIn: "0.32,0,0.67,0",
+  cubicOut: "0.33,1,0.68,1",
+  cubicInOut: "0.65,0,0.35,1",
+  quadraticIn: "0.11,0,0.5,0",
+  quadraticOut: "0.5,1,0.89,1",
+  quadraticInOut: "0.45,0,0.55,1",
+  quarticIn: "0.5,0,0.75,0",
+  quarticOut: "0.25,1,0.5,1",
+  quarticInOut: "0.76,0,0.24,1",
+  quinticIn: "0.64,0,0.78,0",
+  quinticOut: "0.22,1,0.36,1",
+  quinticInOut: "0.83,0,0.17,1",
+  sinusoidalIn: "0.12,0,0.39,0",
+  sinusoidalOut: "0.61,1,0.88,1",
+  sinusoidalInOut: "0.37,0,0.63,1",
+  exponentialIn: "0.7,0,0.84,0",
+  exponentialOut: "0.16,1,0.3,1",
+  exponentialInOut: "0.87,0,0.13,1",
+  circularIn: "0.55,0,1,0.45",
+  circularOut: "0,0.55,0.45,1",
+  circularInOut: "0.85,0,0.15,1"
+}, H = "transform-origin";
+function ki(i, t, e) {
+  var r = Y({}, i.shape);
+  Y(r, t), i.buildPath(e, r);
+  var a = new le();
+  return a.reset(oe(i)), e.rebuildPath(a, 1), a.generateStr(), a.getStr();
+}
+function Ei(i, t) {
+  var e = t.originX, r = t.originY;
+  (e || r) && (i[H] = e + "px " + r + "px");
+}
+var Bi = {
+  fill: "fill",
+  opacity: "opacity",
+  lineWidth: "stroke-width",
+  lineDashOffset: "stroke-dashoffset"
+};
+function ye(i, t) {
+  var e = t.zrId + "-ani-" + t.cssAnimIdx++;
+  return t.cssAnims[e] = i, e;
+}
+function Mi(i, t, e) {
+  var r = i.shape.paths, a = {}, n, s;
+  if (vt(r, function(o) {
+    var h = St(e.zrId);
+    h.animation = !0, lt(o, {}, h, !0);
+    var u = h.cssAnims, v = h.cssNodes, d = E(u), c = d.length;
+    if (c) {
+      s = d[c - 1];
+      var _ = u[s];
+      for (var l in _) {
+        var p = _[l];
+        a[l] = a[l] || { d: "" }, a[l].d += p.d || "";
+      }
+      for (var y in v) {
+        var g = v[y].animation;
+        g.indexOf(s) >= 0 && (n = g);
+      }
+    }
+  }), !!n) {
+    t.d = !1;
+    var f = ye(a, e);
+    return n.replace(s, f);
+  }
+}
+function qt(i) {
+  return W(i) ? Zt[i] ? "cubic-bezier(" + Zt[i] + ")" : Be(i) ? i : "" : "";
+}
+function lt(i, t, e, r) {
+  var a = i.animators, n = a.length, s = [];
+  if (i instanceof Ee) {
+    var f = Mi(i, t, e);
+    if (f)
+      s.push(f);
+    else if (!n)
+      return;
+  } else if (!n)
+    return;
+  for (var o = {}, h = 0; h < n; h++) {
+    var u = a[h], v = [u.getMaxTime() / 1e3 + "s"], d = qt(u.getClip().easing), c = u.getDelay();
+    d ? v.push(d) : v.push("linear"), c && v.push(c / 1e3 + "s"), u.getLoop() && v.push("infinite");
+    var _ = v.join(" ");
+    o[_] = o[_] || [_, []], o[_][1].push(u);
+  }
+  function l(g) {
+    var m = g[1], x = m.length, N = {}, C = {}, w = {}, S = "animation-timing-function";
+    function T(tt, et, Ot) {
+      for (var it = tt.getTracks(), Ae = tt.getMaxTime(), _t = 0; _t < it.length; _t++) {
+        var pt = it[_t];
+        if (pt.needsAnimate()) {
+          var Dt = pt.keyframes, rt = pt.propName;
+          if (Ot && (rt = Ot(rt)), rt)
+            for (var gt = 0; gt < Dt.length; gt++) {
+              var at = Dt[gt], nt = Math.round(at.time / Ae * 100) + "%", Ht = qt(at.easing), Ut = at.rawValue;
+              (W(Ut) || De(Ut)) && (et[nt] = et[nt] || {}, et[nt][rt] = at.rawValue, Ht && (et[nt][S] = Ht));
+            }
+        }
+      }
+    }
+    for (var L = 0; L < x; L++) {
+      var R = m[L], P = R.targetName;
+      P ? P === "shape" && T(R, C) : !r && T(R, N);
+    }
+    for (var I in N) {
+      var A = {};
+      Me(A, i), Y(A, N[I]);
+      var Z = se(A), M = N[I][S];
+      w[I] = Z ? {
+        transform: Z
+      } : {}, Ei(w[I], A), M && (w[I][S] = M);
+    }
+    var G, kt = !0;
+    for (var I in C) {
+      w[I] = w[I] || {};
+      var Et = !G, M = C[I][S];
+      Et && (G = new He());
+      var Pe = G.len();
+      G.reset(), w[I].d = ki(i, C[I], G);
+      var Re = G.len();
+      if (!Et && Pe !== Re) {
+        kt = !1;
+        break;
+      }
+      M && (w[I][S] = M);
+    }
+    if (!kt)
+      for (var I in w)
+        delete w[I].d;
+    if (!r)
+      for (var L = 0; L < x; L++) {
+        var R = m[L], P = R.targetName;
+        P === "style" && T(R, w, function(it) {
+          return Bi[it];
+        });
+      }
+    for (var Q = E(w), Bt = !0, ct, L = 1; L < Q.length; L++) {
+      var Mt = Q[L - 1], Ne = Q[L];
+      if (w[Mt][H] !== w[Ne][H]) {
+        Bt = !1;
+        break;
+      }
+      ct = w[Mt][H];
+    }
+    if (Bt && ct) {
+      for (var I in w)
+        w[I][H] && delete w[I][H];
+      t[H] = ct;
+    }
+    if (Oe(Q, function(tt) {
+      return E(w[tt]).length > 0;
+    }).length) {
+      var Ce = ye(w, e);
+      return Ce + " " + g[0] + " both";
+    }
+  }
+  for (var p in o) {
+    var f = l(o[p]);
+    f && s.push(f);
+  }
+  if (s.length) {
+    var y = e.zrId + "-cls-" + ge();
+    e.cssNodes["." + y] = {
+      animation: s.join(",")
+    }, t.class = y;
+  }
+}
+function Oi(i, t, e) {
+  if (!i.ignore)
+    if (i.isSilent()) {
+      var r = {
+        "pointer-events": "none"
+      };
+      Xt(r, t, e);
+    } else {
+      var a = i.states.emphasis && i.states.emphasis.style ? i.states.emphasis.style : {}, n = a.fill;
+      if (!n) {
+        var s = i.style && i.style.fill, f = i.states.select && i.states.select.style && i.states.select.style.fill, o = i.currentStates.indexOf("select") >= 0 && f || s;
+        o && (n = Ue(o));
+      }
+      var h = a.lineWidth;
+      if (h) {
+        var u = !a.strokeNoScale && i.transform ? i.transform[0] : 1;
+        h = h / u;
+      }
+      var r = {
+        cursor: "pointer"
+      };
+      n && (r.fill = n), a.stroke && (r.stroke = a.stroke), h && (r["stroke-width"] = h), Xt(r, t, e);
+    }
+}
+function Xt(i, t, e, r) {
+  var a = JSON.stringify(i), n = e.cssStyleCache[a];
+  n || (n = e.zrId + "-cls-" + ge(), e.cssStyleCache[a] = n, e.cssNodes["." + n + ":hover"] = i), t.class = t.class ? t.class + " " + n : n;
+}
+var J = Math.round;
+function me(i) {
+  return i && W(i.src);
+}
+function xe(i) {
+  return i && Ye(i.toDataURL);
+}
+function Nt(i, t, e, r) {
+  Ti(function(a, n) {
+    var s = a === "fill" || a === "stroke";
+    s && fe(n) ? Le(t, i, a, r) : s && Tt(n) ? Ie(e, i, a, r) : s && n === "none" ? i[a] = "transparent" : i[a] = n;
+  }, t, e, !1), ji(e, i, r);
+}
+function Ct(i, t) {
+  var e = ri(t);
+  e && (e.each(function(r, a) {
+    r != null && (i[(Ft + a).toLowerCase()] = r + "");
+  }), t.isSilent() && (i[Ft + "silent"] = "true"));
+}
+function Kt(i) {
+  return B(i[0] - 1) && B(i[1]) && B(i[2]) && B(i[3] - 1);
+}
+function Di(i) {
+  return B(i[4]) && B(i[5]);
+}
+function At(i, t, e) {
+  if (t && !(Di(t) && Kt(t))) {
+    var r = 1e4;
+    i.transform = Kt(t) ? "translate(" + J(t[4] * r) / r + " " + J(t[5] * r) / r + ")" : ai(t);
+  }
+}
+function Yt(i, t, e) {
+  for (var r = i.points, a = [], n = 0; n < r.length; n++)
+    a.push(J(r[n][0] * e) / e), a.push(J(r[n][1] * e) / e);
+  t.points = a.join(" ");
+}
+function Jt(i) {
+  return !i.smooth;
+}
+function Hi(i) {
+  var t = k(i, function(e) {
+    return typeof e == "string" ? [e, e] : e;
+  });
+  return function(e, r, a) {
+    for (var n = 0; n < t.length; n++) {
+      var s = t[n], f = e[s[0]];
+      f != null && (r[s[1]] = J(f * a) / a);
+    }
+  };
+}
+var Ui = {
+  circle: [Hi(["cx", "cy", "r"])],
+  polyline: [Yt, Jt],
+  polygon: [Yt, Jt]
+};
+function Gi(i) {
+  for (var t = i.animators, e = 0; e < t.length; e++)
+    if (t[e].targetName === "shape")
+      return !0;
+  return !1;
+}
+function we(i, t) {
+  var e = i.style, r = i.shape, a = Ui[i.type], n = {}, s = t.animation, f = "path", o = i.style.strokePercent, h = t.compress && oe(i) || 4;
+  if (a && !t.willUpdate && !(a[1] && !a[1](r)) && !(s && Gi(i)) && !(o < 1)) {
+    f = i.type;
+    var u = Math.pow(10, h);
+    a[0](r, n, u);
+  } else {
+    var v = !i.path || i.shapeChanged();
+    i.path || i.createPathProxy();
+    var d = i.path;
+    v && (d.beginPath(), i.buildPath(d, i.shape), i.pathUpdated());
+    var c = d.getVersion(), _ = i, l = _.__svgPathBuilder;
+    (_.__svgPathVersion !== c || !l || o !== _.__svgPathStrokePercent) && (l || (l = _.__svgPathBuilder = new le()), l.reset(h), d.rebuildPath(l, o), l.generateStr(), _.__svgPathVersion = c, _.__svgPathStrokePercent = o), n.d = l.getStr();
+  }
+  return At(n, i.transform), Nt(n, e, i, t), Ct(n, i), t.animation && lt(i, n, t), t.emphasis && Oi(i, n, t), b(f, i.id + "", n);
+}
+function zi(i, t) {
+  var e = i.style, r = e.image;
+  if (r && !W(r) && (me(r) ? r = r.src : xe(r) && (r = r.toDataURL())), !!r) {
+    var a = e.x || 0, n = e.y || 0, s = e.width, f = e.height, o = {
+      href: r,
+      width: s,
+      height: f
+    };
+    return a && (o.x = a), n && (o.y = n), At(o, i.transform), Nt(o, e, i, t), Ct(o, i), t.animation && lt(i, o, t), b("image", i.id + "", o);
+  }
+}
+function Fi(i, t) {
+  var e = i.style, r = e.text;
+  if (r != null && (r += ""), !(!r || isNaN(e.x) || isNaN(e.y))) {
+    var a = e.font || Je, n = e.x || 0, s = $e(e.y || 0, We(a), e.textBaseline), f = Qe[e.textAlign] || e.textAlign, o = {
+      "dominant-baseline": "central",
+      "text-anchor": f
+    };
+    if (ti(e)) {
+      var h = "", u = e.fontStyle, v = ei(e.fontSize);
+      if (!parseFloat(v))
+        return;
+      var d = e.fontFamily || ii, c = e.fontWeight;
+      h += "font-size:" + v + ";font-family:" + d + ";", u && u !== "normal" && (h += "font-style:" + u + ";"), c && c !== "normal" && (h += "font-weight:" + c + ";"), o.style = h;
+    } else
+      o.style = "font: " + a;
+    return r.match(/\s/) && (o["xml:space"] = "preserve"), n && (o.x = n), s && (o.y = s), At(o, i.transform), Nt(o, e, i, t), Ct(o, i), t.animation && lt(i, o, t), b("text", i.id + "", o, void 0, r);
+  }
+}
+function $t(i, t) {
+  if (i instanceof Ge)
+    return we(i, t);
+  if (i instanceof ne)
+    return zi(i, t);
+  if (i instanceof ze)
+    return Fi(i, t);
+}
+function ji(i, t, e) {
+  var r = i.style;
+  if (ni(r)) {
+    var a = si(i), n = e.shadowCache, s = n[a];
+    if (!s) {
+      var f = i.getGlobalScale(), o = f[0], h = f[1];
+      if (!o || !h)
+        return;
+      var u = r.shadowOffsetX || 0, v = r.shadowOffsetY || 0, d = r.shadowBlur, c = K(r.shadowColor), _ = c.opacity, l = c.color, p = d / 2 / o, y = d / 2 / h, g = p + " " + y;
+      s = e.zrId + "-s" + e.shadowIdx++, e.defs[s] = b("filter", s, {
+        id: s,
+        x: "-100%",
+        y: "-100%",
+        width: "300%",
+        height: "300%"
+      }, [
+        b("feDropShadow", "", {
+          dx: u / o,
+          dy: v / h,
+          stdDeviation: g,
+          "flood-color": l,
+          "flood-opacity": _
+        })
+      ]), n[a] = s;
+    }
+    t.filter = dt(s);
+  }
+}
+function Le(i, t, e, r) {
+  var a = i[e], n, s = {
+    gradientUnits: a.global ? "userSpaceOnUse" : "objectBoundingBox"
+  };
+  if (Fe(a))
+    n = "linearGradient", s.x1 = a.x, s.y1 = a.y, s.x2 = a.x2, s.y2 = a.y2;
+  else if (je(a))
+    n = "radialGradient", s.cx = j(a.x, 0.5), s.cy = j(a.y, 0.5), s.r = j(a.r, 0.5);
+  else {
+    process.env.NODE_ENV !== "production" && X("Illegal gradient type.");
+    return;
+  }
+  for (var f = a.colorStops, o = [], h = 0, u = f.length; h < u; ++h) {
+    var v = Ze(f[h].offset) * 100 + "%", d = f[h].color, c = K(d), _ = c.color, l = c.opacity, p = {
+      offset: v
+    };
+    p["stop-color"] = _, l < 1 && (p["stop-opacity"] = l), o.push(b("stop", h + "", p));
+  }
+  var y = b(n, "", s, o), g = Rt(y), m = r.gradientCache, x = m[g];
+  x || (x = r.zrId + "-g" + r.gradientIdx++, m[g] = x, s.id = x, r.defs[x] = b(n, x, s, o)), t[e] = dt(x);
+}
+function Ie(i, t, e, r) {
+  var a = i.style[e], n = i.getBoundingRect(), s = {}, f = a.repeat, o = f === "no-repeat", h = f === "repeat-x", u = f === "repeat-y", v;
+  if (qe(a)) {
+    var d = a.imageWidth, c = a.imageHeight, _ = void 0, l = a.image;
+    if (W(l) ? _ = l : me(l) ? _ = l.src : xe(l) && (_ = l.toDataURL()), typeof Image > "u") {
+      var p = "Image width/height must been given explictly in svg-ssr renderer.";
+      zt(d, p), zt(c, p);
+    } else if (d == null || c == null) {
+      var y = function(L, R) {
+        if (L) {
+          var P = L.elm, I = d || R.width, A = c || R.height;
+          L.tag === "pattern" && (h ? (A = 1, I /= n.width) : u && (I = 1, A /= n.height)), L.attrs.width = I, L.attrs.height = A, P && (P.setAttribute("width", I), P.setAttribute("height", A));
+        }
+      }, g = Xe(_, null, i, function(L) {
+        o || y(C, L), y(v, L);
+      });
+      g && g.width && g.height && (d = d || g.width, c = c || g.height);
+    }
+    v = b("image", "img", {
+      href: _,
+      width: d,
+      height: c
+    }), s.width = d, s.height = c;
+  } else a.svgElement && (v = Ke(a.svgElement), s.width = a.svgWidth, s.height = a.svgHeight);
+  if (v) {
+    var m, x;
+    o ? m = x = 1 : h ? (x = 1, m = s.width / n.width) : u ? (m = 1, x = s.height / n.height) : s.patternUnits = "userSpaceOnUse", m != null && !isNaN(m) && (s.width = m), x != null && !isNaN(x) && (s.height = x);
+    var N = se(a);
+    N && (s.patternTransform = N);
+    var C = b("pattern", "", s, [v]), w = Rt(C), S = r.patternCache, T = S[w];
+    T || (T = r.zrId + "-p" + r.patternIdx++, S[w] = T, s.id = T, C = r.defs[T] = b("pattern", T, s, [v])), t[e] = dt(T);
+  }
+}
+function Zi(i, t, e) {
+  var r = e.clipPathCache, a = e.defs, n = r[i.id];
+  if (!n) {
+    n = e.zrId + "-c" + e.clipPathIdx++;
+    var s = {
+      id: n
+    };
+    r[i.id] = n, a[n] = b("clipPath", n, s, [we(i, e)]);
+  }
+  t["clip-path"] = dt(n);
+}
+function Wt(i) {
+  return document.createTextNode(i);
+}
+function U(i, t, e) {
+  i.insertBefore(t, e);
+}
+function Qt(i, t) {
+  i.removeChild(t);
+}
+function te(i, t) {
+  i.appendChild(t);
+}
+function Se(i) {
+  return i.parentNode;
+}
+function be(i) {
+  return i.nextSibling;
+}
+function xt(i, t) {
+  i.textContent = t;
+}
+var ee = 58, qi = 120, Xi = b("", "");
+function bt(i) {
+  return i === void 0;
+}
+function V(i) {
+  return i !== void 0;
+}
+function Ki(i, t, e) {
+  for (var r = {}, a = t; a <= e; ++a) {
+    var n = i[a].key;
+    n !== void 0 && (process.env.NODE_ENV !== "production" && r[n] != null && console.error("Duplicate key " + n), r[n] = a);
+  }
+  return r;
+}
+function q(i, t) {
+  var e = i.key === t.key, r = i.tag === t.tag;
+  return r && e;
+}
+function $(i) {
+  var t, e = i.children, r = i.tag;
+  if (V(r)) {
+    var a = i.elm = pe(r);
+    if (Vt(Xi, i), oi(e))
+      for (t = 0; t < e.length; ++t) {
+        var n = e[t];
+        n != null && te(a, $(n));
+      }
+    else V(i.text) && !he(i.text) && te(a, Wt(i.text));
+  } else
+    i.elm = Wt(i.text);
+  return i.elm;
+}
+function Te(i, t, e, r, a) {
+  for (; r <= a; ++r) {
+    var n = e[r];
+    n != null && U(i, $(n), t);
+  }
+}
+function ut(i, t, e, r) {
+  for (; e <= r; ++e) {
+    var a = t[e];
+    if (a != null)
+      if (V(a.tag)) {
+        var n = Se(a.elm);
+        Qt(n, a.elm);
+      } else
+        Qt(i, a.elm);
+  }
+}
+function Vt(i, t) {
+  var e, r = t.elm, a = i && i.attrs || {}, n = t.attrs || {};
+  if (a !== n) {
+    for (e in n) {
+      var s = n[e], f = a[e];
+      f !== s && (s === !0 ? r.setAttribute(e, "") : s === !1 ? r.removeAttribute(e) : e === "style" ? r.style.cssText = s : e.charCodeAt(0) !== qi ? r.setAttribute(e, s) : e === "xmlns:xlink" || e === "xmlns" ? r.setAttributeNS(Pi, e, s) : e.charCodeAt(3) === ee ? r.setAttributeNS(Ri, e, s) : e.charCodeAt(5) === ee ? r.setAttributeNS(_e, e, s) : r.setAttribute(e, s));
+    }
+    for (e in a)
+      e in n || r.removeAttribute(e);
+  }
+}
+function Yi(i, t, e) {
+  for (var r = 0, a = 0, n = t.length - 1, s = t[0], f = t[n], o = e.length - 1, h = e[0], u = e[o], v, d, c, _; r <= n && a <= o; )
+    s == null ? s = t[++r] : f == null ? f = t[--n] : h == null ? h = e[++a] : u == null ? u = e[--o] : q(s, h) ? (z(s, h), s = t[++r], h = e[++a]) : q(f, u) ? (z(f, u), f = t[--n], u = e[--o]) : q(s, u) ? (z(s, u), U(i, s.elm, be(f.elm)), s = t[++r], u = e[--o]) : q(f, h) ? (z(f, h), U(i, f.elm, s.elm), f = t[--n], h = e[++a]) : (bt(v) && (v = Ki(t, r, n)), d = v[h.key], bt(d) ? U(i, $(h), s.elm) : (c = t[d], c.tag !== h.tag ? U(i, $(h), s.elm) : (z(c, h), t[d] = void 0, U(i, c.elm, s.elm))), h = e[++a]);
+  (r <= n || a <= o) && (r > n ? (_ = e[o + 1] == null ? null : e[o + 1].elm, Te(i, _, e, a, o)) : ut(i, t, r, n));
+}
+function z(i, t) {
+  var e = t.elm = i.elm, r = i.children, a = t.children;
+  i !== t && (Vt(i, t), bt(t.text) ? V(r) && V(a) ? r !== a && Yi(e, r, a) : V(a) ? (V(i.text) && xt(e, ""), Te(e, null, a, 0, a.length - 1)) : V(r) ? ut(e, r, 0, r.length - 1) : V(i.text) && xt(e, "") : i.text !== t.text && (V(r) && ut(e, r, 0, r.length - 1), xt(e, t.text)));
+}
+function Ji(i, t) {
+  if (q(i, t))
+    z(i, t);
+  else {
+    var e = i.elm, r = Se(e);
+    $(t), r !== null && (U(r, t.elm, be(e)), ut(r, [i], 0, 0));
+  }
+  return t;
+}
+var $i = 0, Wi = function() {
+  function i(t, e, r) {
+    if (this.type = "svg", this.refreshHover = ie("refreshHover"), this.configLayer = ie("configLayer"), this.storage = e, this._opts = r = Y({}, r), this.root = t, this._id = "zr" + $i++, this._oldVNode = jt(r.width, r.height), t && !r.ssr) {
+      var a = this._viewport = document.createElement("div");
+      a.style.cssText = "position:relative;overflow:hidden";
+      var n = this._svgDom = this._oldVNode.elm = pe("svg");
+      Vt(null, this._oldVNode), a.appendChild(n), t.appendChild(a);
+    }
+    this.resize(r.width, r.height);
+  }
+  return i.prototype.getType = function() {
+    return this.type;
+  }, i.prototype.getViewportRoot = function() {
+    return this._viewport;
+  }, i.prototype.getViewportRootOffset = function() {
+    var t = this.getViewportRoot();
+    if (t)
+      return {
+        offsetLeft: t.offsetLeft || 0,
+        offsetTop: t.offsetTop || 0
+      };
+  }, i.prototype.getSvgDom = function() {
+    return this._svgDom;
+  }, i.prototype.refresh = function() {
+    if (this.root) {
+      var t = this.renderToVNode({
+        willUpdate: !0
+      });
+      t.attrs.style = "position:absolute;left:0;top:0;user-select:none", Ji(this._oldVNode, t), this._oldVNode = t;
+    }
+  }, i.prototype.renderOneToVNode = function(t) {
+    return $t(t, St(this._id));
+  }, i.prototype.renderToVNode = function(t) {
+    t = t || {};
+    var e = this.storage.getDisplayList(!0), r = this._width, a = this._height, n = St(this._id);
+    n.animation = t.animation, n.willUpdate = t.willUpdate, n.compress = t.compress, n.emphasis = t.emphasis;
+    var s = [], f = this._bgVNode = Qi(r, a, this._backgroundColor, n);
+    f && s.push(f);
+    var o = t.compress ? null : this._mainVNode = b("g", "main", {}, []);
+    this._paintList(e, n, o ? o.children : s), o && s.push(o);
+    var h = k(E(n.defs), function(d) {
+      return n.defs[d];
+    });
+    if (h.length && s.push(b("defs", "defs", {}, h)), t.animation) {
+      var u = Ai(n.cssNodes, n.cssAnims, { newline: !0 });
+      if (u) {
+        var v = b("style", "stl", {}, [], u);
+        s.push(v);
+      }
+    }
+    return jt(r, a, s, t.useViewBox);
+  }, i.prototype.renderToString = function(t) {
+    return t = t || {}, Rt(this.renderToVNode({
+      animation: j(t.cssAnimation, !0),
+      emphasis: j(t.cssEmphasis, !0),
+      willUpdate: !1,
+      compress: !0,
+      useViewBox: j(t.useViewBox, !0)
+    }), { newline: !0 });
+  }, i.prototype.setBackgroundColor = function(t) {
+    this._backgroundColor = t;
+  }, i.prototype.getSvgRoot = function() {
+    return this._mainVNode && this._mainVNode.elm;
+  }, i.prototype._paintList = function(t, e, r) {
+    for (var a = t.length, n = [], s = 0, f, o, h = 0, u = 0; u < a; u++) {
+      var v = t[u];
+      if (!v.invisible) {
+        var d = v.__clipPaths, c = d && d.length || 0, _ = o && o.length || 0, l = void 0;
+        for (l = Math.max(c - 1, _ - 1); l >= 0 && !(d && o && d[l] === o[l]); l--)
+          ;
+        for (var p = _ - 1; p > l; p--)
+          s--, f = n[s - 1];
+        for (var y = l + 1; y < c; y++) {
+          var g = {};
+          Zi(d[y], g, e);
+          var m = b("g", "clip-g-" + h++, g, []);
+          (f ? f.children : r).push(m), n[s++] = m, f = m;
+        }
+        o = d;
+        var x = $t(v, e);
+        x && (f ? f.children : r).push(x);
+      }
+    }
+  }, i.prototype.resize = function(t, e) {
+    var r = this._opts, a = this.root, n = this._viewport;
+    if (t != null && (r.width = t), e != null && (r.height = e), a && n && (n.style.display = "none", t = F(a, 0, r), e = F(a, 1, r), n.style.display = ""), this._width !== t || this._height !== e) {
+      if (this._width = t, this._height = e, n) {
+        var s = n.style;
+        s.width = t + "px", s.height = e + "px";
+      }
+      if (Tt(this._backgroundColor))
+        this.refresh();
+      else {
+        var f = this._svgDom;
+        f && (f.setAttribute("width", t), f.setAttribute("height", e));
+        var o = this._bgVNode && this._bgVNode.elm;
+        o && (o.setAttribute("width", t), o.setAttribute("height", e));
+      }
+    }
+  }, i.prototype.getWidth = function() {
+    return this._width;
+  }, i.prototype.getHeight = function() {
+    return this._height;
+  }, i.prototype.dispose = function() {
+    this.root && (this.root.innerHTML = ""), this._svgDom = this._viewport = this.storage = this._oldVNode = this._bgVNode = this._mainVNode = null;
+  }, i.prototype.clear = function() {
+    this._svgDom && (this._svgDom.innerHTML = null), this._oldVNode = null;
+  }, i.prototype.toDataURL = function(t) {
+    var e = this.renderToString(), r = "data:image/svg+xml;";
+    return t ? (e = fi(e), e && r + "base64," + e) : r + "charset=UTF-8," + encodeURIComponent(e);
+  }, i;
+}();
+function ie(i) {
+  return function() {
+    process.env.NODE_ENV !== "production" && X('In SVG mode painter not support method "' + i + '"');
+  };
+}
+function Qi(i, t, e, r) {
+  var a;
+  if (e && e !== "none")
+    if (a = b("rect", "bg", {
+      width: i,
+      height: t,
+      x: "0",
+      y: "0"
+    }), fe(e))
+      Le({ fill: e }, a.attrs, "fill", r);
+    else if (Tt(e))
+      Ie({
+        style: {
+          fill: e
+        },
+        dirty: hi,
+        getBoundingRect: function() {
+          return { width: i, height: t };
+        }
+      }, a.attrs, "fill", r);
+    else {
+      var n = K(e), s = n.color, f = n.opacity;
+      a.attrs.fill = s, f < 1 && (a.attrs["fill-opacity"] = f);
+    }
+  return a;
+}
+function nr(i) {
+  i.registerPainter("svg", Wi);
+}
+function re(i, t, e) {
+  var r = di.createCanvas(), a = t.getWidth(), n = t.getHeight(), s = r.style;
+  return s && (s.position = "absolute", s.left = "0", s.top = "0", s.width = a + "px", s.height = n + "px", r.setAttribute("data-zr-dom-id", i)), r.width = a * e, r.height = n * e, r;
+}
+var wt = function(i) {
+  vi(t, i);
+  function t(e, r, a) {
+    var n = i.call(this) || this;
+    n.motionBlur = !1, n.lastFrameAlpha = 0.7, n.dpr = 1, n.virtual = !1, n.config = {}, n.incremental = !1, n.zlevel = 0, n.maxRepaintRectCount = 5, n.__dirty = !0, n.__firstTimePaint = !0, n.__used = !1, n.__drawIndex = 0, n.__startIndex = 0, n.__endIndex = 0, n.__prevStartIndex = null, n.__prevEndIndex = null;
+    var s;
+    a = a || ue, typeof e == "string" ? s = re(e, r, a) : he(e) && (s = e, e = s.id), n.id = e, n.dom = s;
+    var f = s.style;
+    return f && (ve(s), s.onselectstart = function() {
+      return !1;
+    }, f.padding = "0", f.margin = "0", f.borderWidth = "0"), n.painter = r, n.dpr = a, n;
+  }
+  return t.prototype.getElementCount = function() {
+    return this.__endIndex - this.__startIndex;
+  }, t.prototype.afterBrush = function() {
+    this.__prevStartIndex = this.__startIndex, this.__prevEndIndex = this.__endIndex;
+  }, t.prototype.initContext = function() {
+    this.ctx = this.dom.getContext("2d"), this.ctx.dpr = this.dpr;
+  }, t.prototype.setUnpainted = function() {
+    this.__firstTimePaint = !0;
+  }, t.prototype.createBackBuffer = function() {
+    var e = this.dpr;
+    this.domBack = re("back-" + this.id, this.painter, e), this.ctxBack = this.domBack.getContext("2d"), e !== 1 && this.ctxBack.scale(e, e);
+  }, t.prototype.createRepaintRects = function(e, r, a, n) {
+    if (this.__firstTimePaint)
+      return this.__firstTimePaint = !1, null;
+    var s = [], f = this.maxRepaintRectCount, o = !1, h = new st(0, 0, 0, 0);
+    function u(g) {
+      if (!(!g.isFinite() || g.isZero()))
+        if (s.length === 0) {
+          var m = new st(0, 0, 0, 0);
+          m.copy(g), s.push(m);
+        } else {
+          for (var x = !1, N = 1 / 0, C = 0, w = 0; w < s.length; ++w) {
+            var S = s[w];
+            if (S.intersect(g)) {
+              var T = new st(0, 0, 0, 0);
+              T.copy(S), T.union(g), s[w] = T, x = !0;
+              break;
+            } else if (o) {
+              h.copy(g), h.union(S);
+              var L = g.width * g.height, R = S.width * S.height, P = h.width * h.height, I = P - L - R;
+              I < N && (N = I, C = w);
+            }
+          }
+          if (o && (s[C].union(g), x = !0), !x) {
+            var m = new st(0, 0, 0, 0);
+            m.copy(g), s.push(m);
+          }
+          o || (o = s.length >= f);
+        }
+    }
+    for (var v = this.__startIndex; v < this.__endIndex; ++v) {
+      var d = e[v];
+      if (d) {
+        var c = d.shouldBePainted(a, n, !0, !0), _ = d.__isRendered && (d.__dirty & Lt || !c) ? d.getPrevPaintRect() : null;
+        _ && u(_);
+        var l = c && (d.__dirty & Lt || !d.__isRendered) ? d.getPaintRect() : null;
+        l && u(l);
+      }
+    }
+    for (var v = this.__prevStartIndex; v < this.__prevEndIndex; ++v) {
+      var d = r[v], c = d && d.shouldBePainted(a, n, !0, !0);
+      if (d && (!c || !d.__zr) && d.__isRendered) {
+        var _ = d.getPrevPaintRect();
+        _ && u(_);
+      }
+    }
+    var p;
+    do {
+      p = !1;
+      for (var v = 0; v < s.length; ) {
+        if (s[v].isZero()) {
+          s.splice(v, 1);
+          continue;
+        }
+        for (var y = v + 1; y < s.length; )
+          s[v].intersect(s[y]) ? (p = !0, s[v].union(s[y]), s.splice(y, 1)) : y++;
+        v++;
+      }
+    } while (p);
+    return this._paintRects = s, s;
+  }, t.prototype.debugGetPaintRects = function() {
+    return (this._paintRects || []).slice();
+  }, t.prototype.resize = function(e, r) {
+    var a = this.dpr, n = this.dom, s = n.style, f = this.domBack;
+    s && (s.width = e + "px", s.height = r + "px"), n.width = e * a, n.height = r * a, f && (f.width = e * a, f.height = r * a, a !== 1 && this.ctxBack.scale(a, a));
+  }, t.prototype.clear = function(e, r, a) {
+    var n = this.dom, s = this.ctx, f = n.width, o = n.height;
+    r = r || this.clearColor;
+    var h = this.motionBlur && !e, u = this.lastFrameAlpha, v = this.dpr, d = this;
+    h && (this.domBack || this.createBackBuffer(), this.ctxBack.globalCompositeOperation = "copy", this.ctxBack.drawImage(n, 0, 0, f / v, o / v));
+    var c = this.domBack;
+    function _(l, p, y, g) {
+      if (s.clearRect(l, p, y, g), r && r !== "transparent") {
+        var m = void 0;
+        if (li(r)) {
+          var x = r.global || r.__width === y && r.__height === g;
+          m = x && r.__canvasGradient || ci(s, r, {
+            x: 0,
+            y: 0,
+            width: y,
+            height: g
+          }), r.__canvasGradient = m, r.__width = y, r.__height = g;
+        } else _i(r) && (r.scaleX = r.scaleX || v, r.scaleY = r.scaleY || v, m = pi(s, r, {
+          dirty: function() {
+            d.setUnpainted(), d.painter.refresh();
+          }
+        }));
+        s.save(), s.fillStyle = m || r, s.fillRect(l, p, y, g), s.restore();
+      }
+      h && (s.save(), s.globalAlpha = u, s.drawImage(c, l, p, y, g), s.restore());
+    }
+    !a || h ? _(0, 0, f, o) : a.length && vt(a, function(l) {
+      _(l.x * v, l.y * v, l.width * v, l.height * v);
+    });
+  }, t;
+}(ui), ae = 1e5, D = 314159, ht = 0.01, tr = 1e-3;
+function er(i) {
+  return i ? i.__builtin__ ? !0 : !(typeof i.resize != "function" || typeof i.refresh != "function") : !1;
+}
+function ir(i, t) {
+  var e = document.createElement("div");
+  return e.style.cssText = [
+    "position:relative",
+    "width:" + i + "px",
+    "height:" + t + "px",
+    "padding:0",
+    "margin:0",
+    "border-width:0"
+  ].join(";") + ";", e;
+}
+var rr = function() {
+  function i(t, e, r, a) {
+    this.type = "canvas", this._zlevelList = [], this._prevDisplayList = [], this._layers = {}, this._layerConfig = {}, this._needsManuallyCompositing = !1, this.type = "canvas";
+    var n = !t.nodeName || t.nodeName.toUpperCase() === "CANVAS";
+    this._opts = r = Y({}, r || {}), this.dpr = r.devicePixelRatio || ue, this._singleCanvas = n, this.root = t;
+    var s = t.style;
+    s && (ve(t), t.innerHTML = ""), this.storage = e;
+    var f = this._zlevelList;
+    this._prevDisplayList = [];
+    var o = this._layers;
+    if (n) {
+      var u = t, v = u.width, d = u.height;
+      r.width != null && (v = r.width), r.height != null && (d = r.height), this.dpr = r.devicePixelRatio || 1, u.width = v * this.dpr, u.height = d * this.dpr, this._width = v, this._height = d;
+      var c = new wt(u, this, this.dpr);
+      c.__builtin__ = !0, c.initContext(), o[D] = c, c.zlevel = D, f.push(D), this._domRoot = t;
+    } else {
+      this._width = F(t, 0, r), this._height = F(t, 1, r);
+      var h = this._domRoot = ir(this._width, this._height);
+      t.appendChild(h);
+    }
+  }
+  return i.prototype.getType = function() {
+    return "canvas";
+  }, i.prototype.isSingleCanvas = function() {
+    return this._singleCanvas;
+  }, i.prototype.getViewportRoot = function() {
+    return this._domRoot;
+  }, i.prototype.getViewportRootOffset = function() {
+    var t = this.getViewportRoot();
+    if (t)
+      return {
+        offsetLeft: t.offsetLeft || 0,
+        offsetTop: t.offsetTop || 0
+      };
+  }, i.prototype.refresh = function(t) {
+    var e = this.storage.getDisplayList(!0), r = this._prevDisplayList, a = this._zlevelList;
+    this._redrawId = Math.random(), this._paintList(e, r, t, this._redrawId);
+    for (var n = 0; n < a.length; n++) {
+      var s = a[n], f = this._layers[s];
+      if (!f.__builtin__ && f.refresh) {
+        var o = n === 0 ? this._backgroundColor : null;
+        f.refresh(o);
+      }
+    }
+    return this._opts.useDirtyRect && (this._prevDisplayList = e.slice()), this;
+  }, i.prototype.refreshHover = function() {
+    this._paintHoverList(this.storage.getDisplayList(!1));
+  }, i.prototype._paintHoverList = function(t) {
+    var e = t.length, r = this._hoverlayer;
+    if (r && r.clear(), !!e) {
+      for (var a = {
+        inHover: !0,
+        viewWidth: this._width,
+        viewHeight: this._height
+      }, n, s = 0; s < e; s++) {
+        var f = t[s];
+        f.__inHover && (r || (r = this._hoverlayer = this.getLayer(ae)), n || (n = r.ctx, n.save()), ot(n, f, a, s === e - 1));
+      }
+      n && n.restore();
+    }
+  }, i.prototype.getHoverLayer = function() {
+    return this.getLayer(ae);
+  }, i.prototype.paintOne = function(t, e) {
+    gi(t, e);
+  }, i.prototype._paintList = function(t, e, r, a) {
+    if (this._redrawId === a) {
+      r = r || !1, this._updateLayerStatus(t);
+      var n = this._doPaintList(t, e, r), s = n.finished, f = n.needsRefreshHover;
+      if (this._needsManuallyCompositing && this._compositeManually(), f && this._paintHoverList(t), s)
+        this.eachLayer(function(h) {
+          h.afterBrush && h.afterBrush();
+        });
+      else {
+        var o = this;
+        yi(function() {
+          o._paintList(t, e, r, a);
+        });
+      }
+    }
+  }, i.prototype._compositeManually = function() {
+    var t = this.getLayer(D).ctx, e = this._domRoot.width, r = this._domRoot.height;
+    t.clearRect(0, 0, e, r), this.eachBuiltinLayer(function(a) {
+      a.virtual && t.drawImage(a.dom, 0, 0, e, r);
+    });
+  }, i.prototype._doPaintList = function(t, e, r) {
+    for (var a = this, n = [], s = this._opts.useDirtyRect, f = 0; f < this._zlevelList.length; f++) {
+      var o = this._zlevelList[f], h = this._layers[o];
+      h.__builtin__ && h !== this._hoverlayer && (h.__dirty || r) && n.push(h);
+    }
+    for (var u = !0, v = !1, d = function(l) {
+      var p = n[l], y = p.ctx, g = s && p.createRepaintRects(t, e, c._width, c._height), m = r ? p.__startIndex : p.__drawIndex, x = !r && p.incremental && Date.now, N = x && Date.now(), C = p.zlevel === c._zlevelList[0] ? c._backgroundColor : null;
+      if (p.__startIndex === p.__endIndex)
+        p.clear(!1, C, g);
+      else if (m === p.__startIndex) {
+        var w = t[m];
+        (!w.incremental || !w.notClear || r) && p.clear(!1, C, g);
+      }
+      m === -1 && (console.error("For some unknown reason. drawIndex is -1"), m = p.__startIndex);
+      var S, T = function(I) {
+        var A = {
+          inHover: !1,
+          allClipped: !1,
+          prevEl: null,
+          viewWidth: a._width,
+          viewHeight: a._height
+        };
+        for (S = m; S < p.__endIndex; S++) {
+          var Z = t[S];
+          if (Z.__inHover && (v = !0), a._doPaintEl(Z, p, s, I, A, S === p.__endIndex - 1), x) {
+            var M = Date.now() - N;
+            if (M > 15)
+              break;
+          }
+        }
+        A.prevElClipPaths && y.restore();
+      };
+      if (g)
+        if (g.length === 0)
+          S = p.__endIndex;
+        else
+          for (var L = c.dpr, R = 0; R < g.length; ++R) {
+            var P = g[R];
+            y.save(), y.beginPath(), y.rect(P.x * L, P.y * L, P.width * L, P.height * L), y.clip(), T(P), y.restore();
+          }
+      else
+        y.save(), T(), y.restore();
+      p.__drawIndex = S, p.__drawIndex < p.__endIndex && (u = !1);
+    }, c = this, _ = 0; _ < n.length; _++)
+      d(_);
+    return mi.wxa && vt(this._layers, function(l) {
+      l && l.ctx && l.ctx.draw && l.ctx.draw();
+    }), {
+      finished: u,
+      needsRefreshHover: v
+    };
+  }, i.prototype._doPaintEl = function(t, e, r, a, n, s) {
+    var f = e.ctx;
+    if (r) {
+      var o = t.getPaintRect();
+      (!a || o && o.intersect(a)) && (ot(f, t, n, s), t.setPrevPaintRect(o));
+    } else
+      ot(f, t, n, s);
+  }, i.prototype.getLayer = function(t, e) {
+    this._singleCanvas && !this._needsManuallyCompositing && (t = D);
+    var r = this._layers[t];
+    return r || (r = new wt("zr_" + t, this, this.dpr), r.zlevel = t, r.__builtin__ = !0, this._layerConfig[t] ? ft(r, this._layerConfig[t], !0) : this._layerConfig[t - ht] && ft(r, this._layerConfig[t - ht], !0), e && (r.virtual = e), this.insertLayer(t, r), r.initContext()), r;
+  }, i.prototype.insertLayer = function(t, e) {
+    var r = this._layers, a = this._zlevelList, n = a.length, s = this._domRoot, f = null, o = -1;
+    if (r[t]) {
+      process.env.NODE_ENV !== "production" && X("ZLevel " + t + " has been used already");
+      return;
+    }
+    if (!er(e)) {
+      process.env.NODE_ENV !== "production" && X("Layer of zlevel " + t + " is not valid");
+      return;
+    }
+    if (n > 0 && t > a[0]) {
+      for (o = 0; o < n - 1 && !(a[o] < t && a[o + 1] > t); o++)
+        ;
+      f = r[a[o]];
+    }
+    if (a.splice(o + 1, 0, t), r[t] = e, !e.virtual)
+      if (f) {
+        var h = f.dom;
+        h.nextSibling ? s.insertBefore(e.dom, h.nextSibling) : s.appendChild(e.dom);
+      } else
+        s.firstChild ? s.insertBefore(e.dom, s.firstChild) : s.appendChild(e.dom);
+    e.painter || (e.painter = this);
+  }, i.prototype.eachLayer = function(t, e) {
+    for (var r = this._zlevelList, a = 0; a < r.length; a++) {
+      var n = r[a];
+      t.call(e, this._layers[n], n);
+    }
+  }, i.prototype.eachBuiltinLayer = function(t, e) {
+    for (var r = this._zlevelList, a = 0; a < r.length; a++) {
+      var n = r[a], s = this._layers[n];
+      s.__builtin__ && t.call(e, s, n);
+    }
+  }, i.prototype.eachOtherLayer = function(t, e) {
+    for (var r = this._zlevelList, a = 0; a < r.length; a++) {
+      var n = r[a], s = this._layers[n];
+      s.__builtin__ || t.call(e, s, n);
+    }
+  }, i.prototype.getLayers = function() {
+    return this._layers;
+  }, i.prototype._updateLayerStatus = function(t) {
+    this.eachBuiltinLayer(function(v, d) {
+      v.__dirty = v.__used = !1;
+    });
+    function e(v) {
+      n && (n.__endIndex !== v && (n.__dirty = !0), n.__endIndex = v);
+    }
+    if (this._singleCanvas)
+      for (var r = 1; r < t.length; r++) {
+        var a = t[r];
+        if (a.zlevel !== t[r - 1].zlevel || a.incremental) {
+          this._needsManuallyCompositing = !0;
+          break;
+        }
+      }
+    var n = null, s = 0, f, o;
+    for (o = 0; o < t.length; o++) {
+      var a = t[o], h = a.zlevel, u = void 0;
+      f !== h && (f = h, s = 0), a.incremental ? (u = this.getLayer(h + tr, this._needsManuallyCompositing), u.incremental = !0, s = 1) : u = this.getLayer(h + (s > 0 ? ht : 0), this._needsManuallyCompositing), u.__builtin__ || X("ZLevel " + h + " has been used by unkown layer " + u.id), u !== n && (u.__used = !0, u.__startIndex !== o && (u.__dirty = !0), u.__startIndex = o, u.incremental ? u.__drawIndex = -1 : u.__drawIndex = o, e(o), n = u), a.__dirty & Lt && !a.__inHover && (u.__dirty = !0, u.incremental && u.__drawIndex < 0 && (u.__drawIndex = o));
+    }
+    e(o), this.eachBuiltinLayer(function(v, d) {
+      !v.__used && v.getElementCount() > 0 && (v.__dirty = !0, v.__startIndex = v.__endIndex = v.__drawIndex = 0), v.__dirty && v.__drawIndex < 0 && (v.__drawIndex = v.__startIndex);
+    });
+  }, i.prototype.clear = function() {
+    return this.eachBuiltinLayer(this._clearLayer), this;
+  }, i.prototype._clearLayer = function(t) {
+    t.clear();
+  }, i.prototype.setBackgroundColor = function(t) {
+    this._backgroundColor = t, vt(this._layers, function(e) {
+      e.setUnpainted();
+    });
+  }, i.prototype.configLayer = function(t, e) {
+    if (e) {
+      var r = this._layerConfig;
+      r[t] ? ft(r[t], e, !0) : r[t] = e;
+      for (var a = 0; a < this._zlevelList.length; a++) {
+        var n = this._zlevelList[a];
+        if (n === t || n === t + ht) {
+          var s = this._layers[n];
+          ft(s, r[t], !0);
+        }
+      }
+    }
+  }, i.prototype.delLayer = function(t) {
+    var e = this._layers, r = this._zlevelList, a = e[t];
+    a && (a.dom.parentNode.removeChild(a.dom), delete e[t], r.splice(xi(r, t), 1));
+  }, i.prototype.resize = function(t, e) {
+    if (this._domRoot.style) {
+      var r = this._domRoot;
+      r.style.display = "none";
+      var a = this._opts, n = this.root;
+      if (t != null && (a.width = t), e != null && (a.height = e), t = F(n, 0, a), e = F(n, 1, a), r.style.display = "", this._width !== t || e !== this._height) {
+        r.style.width = t + "px", r.style.height = e + "px";
+        for (var s in this._layers)
+          this._layers.hasOwnProperty(s) && this._layers[s].resize(t, e);
+        this.refresh(!0);
+      }
+      this._width = t, this._height = e;
+    } else {
+      if (t == null || e == null)
+        return;
+      this._width = t, this._height = e, this.getLayer(D).resize(t, e);
+    }
+    return this;
+  }, i.prototype.clearLayer = function(t) {
+    var e = this._layers[t];
+    e && e.clear();
+  }, i.prototype.dispose = function() {
+    this.root.innerHTML = "", this.root = this.storage = this._domRoot = this._layers = null;
+  }, i.prototype.getRenderedCanvas = function(t) {
+    if (t = t || {}, this._singleCanvas && !this._compositeManually)
+      return this._layers[D].dom;
+    var e = new wt("image", this, t.pixelRatio || this.dpr);
+    e.initContext(), e.clear(!1, t.backgroundColor || this._backgroundColor);
+    var r = e.ctx;
+    if (t.pixelRatio <= this.dpr) {
+      this.refresh();
+      var a = e.dom.width, n = e.dom.height;
+      this.eachLayer(function(v) {
+        v.__builtin__ ? r.drawImage(v.dom, 0, 0, a, n) : v.renderToCanvas && (r.save(), v.renderToCanvas(r), r.restore());
+      });
+    } else
+      for (var s = {
+        inHover: !1,
+        viewWidth: this._width,
+        viewHeight: this._height
+      }, f = this.storage.getDisplayList(!0), o = 0, h = f.length; o < h; o++) {
+        var u = f[o];
+        ot(r, u, s, o === h - 1);
+      }
+    return e.dom;
+  }, i.prototype.getWidth = function() {
+    return this._width;
+  }, i.prototype.getHeight = function() {
+    return this._height;
+  }, i;
+}();
+function sr(i) {
+  i.registerPainter("canvas", rr);
+}
+export {
+  sr as CanvasRenderer,
+  nr as SVGRenderer
+};