@ovalbee/reportifact 0.0.1

package/dist/Timeline.vue_vue_type_style_index_0_lang-BnrgKBMh.js

@@ -0,0 +1,2598 @@
+import { defineComponent as vr, ref as Be, onMounted as pr, onUnmounted as gr, computed as se, watch as mr, createBlock as vt, openBlock as Ne, withCtx as pt, createElementVNode as ue, normalizeStyle as gt, createCommentVNode as yr, createElementBlock as xr, Fragment as _r, renderList as Sr, normalizeClass as wr, toDisplayString as Mr, unref as br } from "vue";
+import { m as pe, r as Ar, n as Er, a as je, _ as ee, b as C, c as jt, e as he, d as De, i as mt, s as Pe, E as Cr, f as rt, g as Dr, S as Rr, h as Ee, t as L, j as E, k as v, l as qt, o as Tr, w as at, p as I, q as Pr, u as ge, T as be, v as Lr, x as nt, y as me, D as Jt, P as Qt, z as zr, A as Zr, B as Or, C as kr, F as Vr, G as Br, H as Nr, I as Wr, J as Fr, K as Hr, L as qe, M as Gr, N as yt, O as xt, Q as _t, Z as Yr, R as er, U as Je, V as We, W as St, X as Xr, Y as $r, $ as Ir, a0 as Ur, a1 as le, a2 as wt, a3 as Kr, a4 as Qe, a5 as jr, a6 as qr, a7 as Jr, a8 as k, a9 as Me, aa as Ae, ab as Qr, ac as ea, ad as ta, ae as tr, af as rr, ag as Mt, ah as ra, ai as aa, aj as na, ak as oa, al as Re, am as ia, an as sa, ao as bt, ap as At, aq as la, ar as ua, as as fa, at as Et, au as ca, av as da, aw as ha, ax as va, ay as et, az as pa, aA as ga, aB as ma, aC as ya, aD as xa, aE as _a, aF as Sa } from "./index-DFz2A8yJ.js";
+import { u as wa } from "./useFetch-CHQm_TmB.js";
+import { _ as Ma } from "./WidgetWrapper.vue_vue_type_style_index_0_lang-D-oXqmI2.js";
+var ba = pe();
+function Ct(r, e) {
+  return !!ba(r)[e];
+}
+Ar({
+  type: "takeGlobalCursor",
+  event: "globalCursorTaken",
+  update: "update"
+}, Er);
+var Aa = {
+  axisPointer: 1,
+  tooltip: 1,
+  brush: 1
+};
+function Ea(r, e, t) {
+  var a = e.getComponentByElement(r.topTarget);
+  if (!a || a === t || Aa.hasOwnProperty(a.mainType))
+    return !1;
+  var o = a.coordinateSystem;
+  if (!o || o.model === t)
+    return !1;
+  var i = je(a), n = je(t);
+  return !((i.zlevel - n.zlevel || i.z - n.z) <= 0);
+}
+var Ca = (
+  /** @class */
+  (function(r) {
+    ee(e, r);
+    function e(t) {
+      var a = r.call(this) || this;
+      a._zr = t;
+      var o = C(a._mousedownHandler, a), i = C(a._mousemoveHandler, a), n = C(a._mouseupHandler, a), s = C(a._mousewheelHandler, a), l = C(a._pinchHandler, a);
+      return a.enable = function(u, f) {
+        var c = f.zInfo, d = je(c.component), h = d.z, p = d.zlevel, x = {
+          component: c.component,
+          z: h,
+          zlevel: p,
+          // By default roam controller is the lowest z2 comparing to other elememts in a component.
+          z2: jt(c.z2, -1 / 0)
+        }, w = he({}, f.triggerInfo);
+        this._opt = De(he({}, f), {
+          zoomOnMouseWheel: !0,
+          moveOnMouseMove: !0,
+          // By default, wheel do not trigger move.
+          moveOnMouseWheel: !1,
+          preventDefaultMouseMove: !0,
+          zInfoParsed: x,
+          triggerInfo: w
+        }), u == null && (u = !0), (!this._enabled || this._controlType !== u) && (this._enabled = !0, this.disable(), (u === !0 || u === "move" || u === "pan") && (xe(t, "mousedown", o, x), xe(t, "mousemove", i, x), xe(t, "mouseup", n, x)), (u === !0 || u === "scale" || u === "zoom") && (xe(t, "mousewheel", s, x), xe(t, "pinch", l, x)));
+      }, a.disable = function() {
+        this._enabled = !1, _e(t, "mousedown", o), _e(t, "mousemove", i), _e(t, "mouseup", n), _e(t, "mousewheel", s), _e(t, "pinch", l);
+      }, a;
+    }
+    return e.prototype.isDragging = function() {
+      return this._dragging;
+    }, e.prototype.isPinching = function() {
+      return this._pinching;
+    }, e.prototype._checkPointer = function(t, a, o) {
+      var i = this._opt, n = i.zInfoParsed;
+      if (Ea(t, i.api, n.component))
+        return !1;
+      var s = i.triggerInfo, l = s.roamTrigger, u = !1;
+      return l === "global" && (u = !0), u || (u = s.isInSelf(t, a, o)), u && s.isInClip && !s.isInClip(t, a, o) && (u = !1), u;
+    }, e.prototype._decideCursorStyle = function(t, a, o, i) {
+      var n = t.target;
+      if (!n && this._checkPointer(t, a, o))
+        return "grab";
+      if (i)
+        return n && n.cursor || "default";
+    }, e.prototype.dispose = function() {
+      this.disable();
+    }, e.prototype._mousedownHandler = function(t) {
+      if (!(mt(t) || ye(t))) {
+        for (var a = t.target; a; ) {
+          if (a.draggable)
+            return;
+          a = a.__hostTarget || a.parent;
+        }
+        var o = t.offsetX, i = t.offsetY;
+        this._checkPointer(t, o, i) && (this._x = o, this._y = i, this._dragging = !0);
+      }
+    }, e.prototype._mousemoveHandler = function(t) {
+      var a = this._zr;
+      if (!(t.gestureEvent === "pinch" || Ct(a, "globalPan") || ye(t))) {
+        var o = t.offsetX, i = t.offsetY;
+        if (!this._dragging || !Te("moveOnMouseMove", t, this._opt)) {
+          var n = this._decideCursorStyle(t, o, i, !1);
+          n && a.setCursorStyle(n);
+          return;
+        }
+        a.setCursorStyle("grabbing");
+        var s = this._x, l = this._y, u = o - s, f = i - l;
+        this._x = o, this._y = i, this._opt.preventDefaultMouseMove && Pe(t.event), t.__ecRoamConsumed = !0, Dt(this, "pan", "moveOnMouseMove", t, {
+          dx: u,
+          dy: f,
+          oldX: s,
+          oldY: l,
+          newX: o,
+          newY: i,
+          isAvailableBehavior: null
+        });
+      }
+    }, e.prototype._mouseupHandler = function(t) {
+      if (!ye(t)) {
+        var a = this._zr;
+        if (!mt(t)) {
+          this._dragging = !1;
+          var o = this._decideCursorStyle(t, t.offsetX, t.offsetY, !0);
+          o && a.setCursorStyle(o);
+        }
+      }
+    }, e.prototype._mousewheelHandler = function(t) {
+      if (!ye(t)) {
+        var a = Te("zoomOnMouseWheel", t, this._opt), o = Te("moveOnMouseWheel", t, this._opt), i = t.wheelDelta, n = Math.abs(i), s = t.offsetX, l = t.offsetY;
+        if (!(i === 0 || !a && !o)) {
+          if (a) {
+            var u = n > 3 ? 1.4 : n > 1 ? 1.2 : 1.1, f = i > 0 ? u : 1 / u;
+            this._checkTriggerMoveZoom(this, "zoom", "zoomOnMouseWheel", t, {
+              scale: f,
+              originX: s,
+              originY: l,
+              isAvailableBehavior: null
+            });
+          }
+          if (o) {
+            var c = Math.abs(i), d = (i > 0 ? 1 : -1) * (c > 3 ? 0.4 : c > 1 ? 0.15 : 0.05);
+            this._checkTriggerMoveZoom(this, "scrollMove", "moveOnMouseWheel", t, {
+              scrollDelta: d,
+              originX: s,
+              originY: l,
+              isAvailableBehavior: null
+            });
+          }
+        }
+      }
+    }, e.prototype._pinchHandler = function(t) {
+      if (!(Ct(this._zr, "globalPan") || ye(t))) {
+        var a = t.pinchScale > 1 ? 1.1 : 1 / 1.1;
+        this._checkTriggerMoveZoom(this, "zoom", null, t, {
+          scale: a,
+          originX: t.pinchX,
+          originY: t.pinchY,
+          isAvailableBehavior: null
+        });
+      }
+    }, e.prototype._checkTriggerMoveZoom = function(t, a, o, i, n) {
+      t._checkPointer(i, n.originX, n.originY) && (Pe(i.event), i.__ecRoamConsumed = !0, Dt(t, a, o, i, n));
+    }, e;
+  })(Cr)
+);
+function ye(r) {
+  return r.__ecRoamConsumed;
+}
+var Da = pe();
+function Ve(r) {
+  var e = Da(r);
+  return e.roam = e.roam || {}, e.uniform = e.uniform || {}, e;
+}
+function xe(r, e, t, a) {
+  for (var o = Ve(r), i = o.roam, n = i[e] = i[e] || [], s = 0; s < n.length; s++) {
+    var l = n[s].zInfoParsed;
+    if ((l.zlevel - a.zlevel || l.z - a.z || l.z2 - a.z2) <= 0)
+      break;
+  }
+  n.splice(s, 0, {
+    listener: t,
+    zInfoParsed: a
+  }), Ra(r, e);
+}
+function _e(r, e, t) {
+  for (var a = Ve(r), o = a.roam[e] || [], i = 0; i < o.length; i++)
+    if (o[i].listener === t) {
+      o.splice(i, 1), o.length || Ta(r, e);
+      return;
+    }
+}
+function Ra(r, e) {
+  var t = Ve(r);
+  t.uniform[e] || r.on(e, t.uniform[e] = function(a) {
+    var o = t.roam[e];
+    if (o)
+      for (var i = 0; i < o.length; i++)
+        o[i].listener(a);
+  });
+}
+function Ta(r, e) {
+  var t = Ve(r), a = t.uniform;
+  a[e] && (r.off(e, a[e]), a[e] = null);
+}
+function Dt(r, e, t, a, o) {
+  o.isAvailableBehavior = C(Te, null, t, a), r.trigger(e, o);
+}
+function Te(r, e, t) {
+  var a = t[r];
+  return !r || a && (!rt(a) || e.event[a + "Key"]);
+}
+var Rt = {
+  color: "fill",
+  borderColor: "stroke"
+}, Pa = {
+  symbol: 1,
+  symbolSize: 1,
+  symbolKeepAspect: 1,
+  legendIcon: 1,
+  visualMeta: 1,
+  liftZ: 1,
+  decal: 1
+}, J = pe(), La = (
+  /** @class */
+  (function(r) {
+    ee(e, r);
+    function e() {
+      var t = r !== null && r.apply(this, arguments) || this;
+      return t.type = e.type, t;
+    }
+    return e.prototype.optionUpdated = function() {
+      this.currentZLevel = this.get("zlevel", !0), this.currentZ = this.get("z", !0);
+    }, e.prototype.getInitialData = function(t, a) {
+      return Dr(null, this);
+    }, e.prototype.getDataParams = function(t, a, o) {
+      var i = r.prototype.getDataParams.call(this, t, a);
+      return o && (i.info = J(o).info), i;
+    }, e.type = "series.custom", e.dependencies = ["grid", "polar", "geo", "singleAxis", "calendar", "matrix"], e.defaultOption = {
+      coordinateSystem: "cartesian2d",
+      // zlevel: 0,
+      z: 2,
+      legendHoverLink: !0,
+      // Custom series will not clip by default.
+      // Some case will use custom series to draw label
+      // For example https://echarts.apache.org/examples/en/editor.html?c=custom-gantt-flight
+      clip: !1
+      // Cartesian coordinate system
+      // xAxisIndex: 0,
+      // yAxisIndex: 0,
+      // Polar coordinate system
+      // polarIndex: 0,
+      // Geo coordinate system
+      // geoIndex: 0,
+    }, e;
+  })(Rr)
+);
+function za(r, e) {
+  return e = e || [0, 0], Ee(["x", "y"], function(t, a) {
+    var o = this.getAxis(t), i = e[a], n = r[a] / 2;
+    return o.type === "category" ? o.getBandWidth() : Math.abs(o.dataToCoord(i - n) - o.dataToCoord(i + n));
+  }, this);
+}
+function Za(r) {
+  var e = r.master.getRect();
+  return {
+    coordSys: {
+      // The name exposed to user is always 'cartesian2d' but not 'grid'.
+      type: "cartesian2d",
+      x: e.x,
+      y: e.y,
+      width: e.width,
+      height: e.height
+    },
+    api: {
+      coord: function(t) {
+        return r.dataToPoint(t);
+      },
+      size: C(za, r)
+    }
+  };
+}
+function Oa(r, e) {
+  return e = e || [0, 0], Ee([0, 1], function(t) {
+    var a = e[t], o = r[t] / 2, i = [], n = [];
+    return i[t] = a - o, n[t] = a + o, i[1 - t] = n[1 - t] = e[1 - t], Math.abs(this.dataToPoint(i)[t] - this.dataToPoint(n)[t]);
+  }, this);
+}
+function ka(r) {
+  var e = r.getBoundingRect();
+  return {
+    coordSys: {
+      type: "geo",
+      x: e.x,
+      y: e.y,
+      width: e.width,
+      height: e.height,
+      zoom: r.getZoom()
+    },
+    api: {
+      coord: function(t) {
+        return r.dataToPoint(t);
+      },
+      size: C(Oa, r)
+    }
+  };
+}
+function Va(r, e) {
+  var t = this.getAxis(), a = e instanceof Array ? e[0] : e, o = (r instanceof Array ? r[0] : r) / 2;
+  return t.type === "category" ? t.getBandWidth() : Math.abs(t.dataToCoord(a - o) - t.dataToCoord(a + o));
+}
+function Ba(r) {
+  var e = r.getRect();
+  return {
+    coordSys: {
+      type: "singleAxis",
+      x: e.x,
+      y: e.y,
+      width: e.width,
+      height: e.height
+    },
+    api: {
+      coord: function(t) {
+        return r.dataToPoint(t);
+      },
+      size: C(Va, r)
+    }
+  };
+}
+function Na(r, e) {
+  return e = e || [0, 0], Ee(["Radius", "Angle"], function(t, a) {
+    var o = "get" + t + "Axis", i = this[o](), n = e[a], s = r[a] / 2, l = i.type === "category" ? i.getBandWidth() : Math.abs(i.dataToCoord(n - s) - i.dataToCoord(n + s));
+    return t === "Angle" && (l = l * Math.PI / 180), l;
+  }, this);
+}
+function Wa(r) {
+  var e = r.getRadiusAxis(), t = r.getAngleAxis(), a = e.getExtent();
+  return a[0] > a[1] && a.reverse(), {
+    coordSys: {
+      type: "polar",
+      cx: r.cx,
+      cy: r.cy,
+      r: a[1],
+      r0: a[0]
+    },
+    api: {
+      coord: function(o) {
+        var i = e.dataToRadius(o[0]), n = t.dataToAngle(o[1]), s = r.coordToPoint([i, n]);
+        return s.push(i, n * Math.PI / 180), s;
+      },
+      size: C(Na, r)
+    }
+  };
+}
+function Fa(r) {
+  var e = r.getRect(), t = r.getRangeInfo();
+  return {
+    coordSys: {
+      type: "calendar",
+      x: e.x,
+      y: e.y,
+      width: e.width,
+      height: e.height,
+      cellWidth: r.getCellWidth(),
+      cellHeight: r.getCellHeight(),
+      rangeInfo: {
+        start: t.start,
+        end: t.end,
+        weeks: t.weeks,
+        dayCount: t.allDay
+      }
+    },
+    api: {
+      coord: function(a, o) {
+        return r.dataToPoint(a, o);
+      },
+      layout: function(a, o) {
+        return r.dataToLayout(a, o);
+      }
+    }
+  };
+}
+function Ha(r) {
+  var e = r.getRect();
+  return {
+    coordSys: {
+      type: "matrix",
+      x: e.x,
+      y: e.y,
+      width: e.width,
+      height: e.height
+    },
+    api: {
+      coord: function(t, a) {
+        return r.dataToPoint(t, a);
+      },
+      layout: function(t, a) {
+        return r.dataToLayout(t, a);
+      }
+    }
+  };
+}
+var Tt = {};
+function Ga(r, e, t, a) {
+  return r && (r.legacy || r.legacy !== !1 && !t && !a && e !== "tspan" && (e === "text" || v(r, "text")));
+}
+function Ya(r, e, t) {
+  var a = r, o, i, n;
+  if (e === "text")
+    n = a;
+  else {
+    n = {}, v(a, "text") && (n.text = a.text), v(a, "rich") && (n.rich = a.rich), v(a, "textFill") && (n.fill = a.textFill), v(a, "textStroke") && (n.stroke = a.textStroke), v(a, "fontFamily") && (n.fontFamily = a.fontFamily), v(a, "fontSize") && (n.fontSize = a.fontSize), v(a, "fontStyle") && (n.fontStyle = a.fontStyle), v(a, "fontWeight") && (n.fontWeight = a.fontWeight), i = {
+      type: "text",
+      style: n,
+      // ec4 does not support rectText trigger.
+      // And when text position is different in normal and emphasis
+      // => hover text trigger emphasis;
+      // => text position changed, leave mouse pointer immediately;
+      // That might cause incorrect state.
+      silent: !0
+    }, o = {};
+    var s = v(a, "textPosition");
+    t ? o.position = s ? a.textPosition : "inside" : s && (o.position = a.textPosition), v(a, "textPosition") && (o.position = a.textPosition), v(a, "textOffset") && (o.offset = a.textOffset), v(a, "textRotation") && (o.rotation = a.textRotation), v(a, "textDistance") && (o.distance = a.textDistance);
+  }
+  return Pt(n, r), E(n.rich, function(l) {
+    Pt(l, l);
+  }), {
+    textConfig: o,
+    textContent: i
+  };
+}
+function Pt(r, e) {
+  e && (e.font = e.textFont || e.font, v(e, "textStrokeWidth") && (r.lineWidth = e.textStrokeWidth), v(e, "textAlign") && (r.align = e.textAlign), v(e, "textVerticalAlign") && (r.verticalAlign = e.textVerticalAlign), v(e, "textLineHeight") && (r.lineHeight = e.textLineHeight), v(e, "textWidth") && (r.width = e.textWidth), v(e, "textHeight") && (r.height = e.textHeight), v(e, "textBackgroundColor") && (r.backgroundColor = e.textBackgroundColor), v(e, "textPadding") && (r.padding = e.textPadding), v(e, "textBorderColor") && (r.borderColor = e.textBorderColor), v(e, "textBorderWidth") && (r.borderWidth = e.textBorderWidth), v(e, "textBorderRadius") && (r.borderRadius = e.textBorderRadius), v(e, "textBoxShadowColor") && (r.shadowColor = e.textBoxShadowColor), v(e, "textBoxShadowBlur") && (r.shadowBlur = e.textBoxShadowBlur), v(e, "textBoxShadowOffsetX") && (r.shadowOffsetX = e.textBoxShadowOffsetX), v(e, "textBoxShadowOffsetY") && (r.shadowOffsetY = e.textBoxShadowOffsetY));
+}
+function Lt(r, e, t) {
+  var a = r;
+  a.textPosition = a.textPosition || t.position || "inside", t.offset != null && (a.textOffset = t.offset), t.rotation != null && (a.textRotation = t.rotation), t.distance != null && (a.textDistance = t.distance);
+  var o = a.textPosition.indexOf("inside") >= 0, i = r.fill || L.color.neutral99;
+  zt(a, e);
+  var n = a.textFill == null;
+  return o ? n && (a.textFill = t.insideFill || L.color.neutral00, !a.textStroke && t.insideStroke && (a.textStroke = t.insideStroke), !a.textStroke && (a.textStroke = i), a.textStrokeWidth == null && (a.textStrokeWidth = 2)) : (n && (a.textFill = r.fill || t.outsideFill || L.color.neutral00), !a.textStroke && t.outsideStroke && (a.textStroke = t.outsideStroke)), a.text = e.text, a.rich = e.rich, E(e.rich, function(s) {
+    zt(s, s);
+  }), a;
+}
+function zt(r, e) {
+  e && (v(e, "fill") && (r.textFill = e.fill), v(e, "stroke") && (r.textStroke = e.fill), v(e, "lineWidth") && (r.textStrokeWidth = e.lineWidth), v(e, "font") && (r.font = e.font), v(e, "fontStyle") && (r.fontStyle = e.fontStyle), v(e, "fontWeight") && (r.fontWeight = e.fontWeight), v(e, "fontSize") && (r.fontSize = e.fontSize), v(e, "fontFamily") && (r.fontFamily = e.fontFamily), v(e, "align") && (r.textAlign = e.align), v(e, "verticalAlign") && (r.textVerticalAlign = e.verticalAlign), v(e, "lineHeight") && (r.textLineHeight = e.lineHeight), v(e, "width") && (r.textWidth = e.width), v(e, "height") && (r.textHeight = e.height), v(e, "backgroundColor") && (r.textBackgroundColor = e.backgroundColor), v(e, "padding") && (r.textPadding = e.padding), v(e, "borderColor") && (r.textBorderColor = e.borderColor), v(e, "borderWidth") && (r.textBorderWidth = e.borderWidth), v(e, "borderRadius") && (r.textBorderRadius = e.borderRadius), v(e, "shadowColor") && (r.textBoxShadowColor = e.shadowColor), v(e, "shadowBlur") && (r.textBoxShadowBlur = e.shadowBlur), v(e, "shadowOffsetX") && (r.textBoxShadowOffsetX = e.shadowOffsetX), v(e, "shadowOffsetY") && (r.textBoxShadowOffsetY = e.shadowOffsetY), v(e, "textShadowColor") && (r.textShadowColor = e.textShadowColor), v(e, "textShadowBlur") && (r.textShadowBlur = e.textShadowBlur), v(e, "textShadowOffsetX") && (r.textShadowOffsetX = e.textShadowOffsetX), v(e, "textShadowOffsetY") && (r.textShadowOffsetY = e.textShadowOffsetY));
+}
+function Zt(r, e) {
+  if (process.env.NODE_ENV !== "production") {
+    var t = r + "^_^" + e;
+    Tt[t] || (console.warn('[ECharts] DEPRECATED: "' + r + '" has been deprecated. ' + e), Tt[t] = !0);
+  }
+}
+var ar = {
+  position: ["x", "y"],
+  scale: ["scaleX", "scaleY"],
+  origin: ["originX", "originY"]
+}, Ot = ge(ar), Le = Pr(be, function(r, e) {
+  return r[e] = 1, r;
+}, {}), kt = be.join(", "), ze = ["", "style", "shape", "extra"], ve = pe();
+function ot(r, e, t, a, o) {
+  var i = r + "Animation", n = qt(r, a, o) || {}, s = ve(e).userDuring;
+  return n.duration > 0 && (n.during = s ? C(qa, {
+    el: e,
+    userDuring: s
+  }) : null, n.setToFinal = !0, n.scope = r), he(n, t[i]), n;
+}
+function Xa(r, e, t, a) {
+  a = a || {};
+  var o = a.dataIndex, i = a.isInit, n = a.clearStyle, s = t.isAnimationEnabled(), l = ve(r), u = e.style;
+  l.userDuring = e.during;
+  var f = {}, c = {};
+  if (Qa(r, e, c), r.type === "compound")
+    for (var d = r.shape.paths, h = e.shape.paths, p = 0; p < h.length; p++) {
+      var x = h[p];
+      Fe("shape", x, d[p]);
+    }
+  else
+    Fe("shape", e, c), Fe("extra", e, c);
+  if (!i && s && (Ja(r, e, f), Vt("shape", r, e, f), Vt("extra", r, e, f), en(r, e, u, f)), c.style = u, Ia(r, c, n), Ka(r, e), s)
+    if (i) {
+      var w = {};
+      E(ze, function(M) {
+        var z = M ? e[M] : e;
+        z && z.enterFrom && (M && (w[M] = w[M] || {}), he(M ? w[M] : w, z.enterFrom));
+      });
+      var A = ot("enter", r, e, t, o);
+      A.duration > 0 && r.animateFrom(w, A);
+    } else
+      Ua(r, e, o || 0, t, f);
+  $a(r, e), u ? r.dirty() : r.markRedraw();
+}
+function $a(r, e) {
+  for (var t = ve(r).leaveToProps, a = 0; a < ze.length; a++) {
+    var o = ze[a], i = o ? e[o] : e;
+    i && i.leaveTo && (t || (t = ve(r).leaveToProps = {}), o && (t[o] = t[o] || {}), he(o ? t[o] : t, i.leaveTo));
+  }
+}
+function it(r, e, t, a) {
+  if (r) {
+    var o = r.parent, i = ve(r).leaveToProps;
+    if (i) {
+      var n = ot("update", r, e, t, 0);
+      n.done = function() {
+        o && o.remove(r);
+      }, r.animateTo(i, n);
+    } else
+      o && o.remove(r);
+  }
+}
+function de(r) {
+  return r === "all";
+}
+function Ia(r, e, t) {
+  var a = e.style;
+  if (!r.isGroup && a) {
+    if (t) {
+      r.useStyle({});
+      for (var o = r.animators, i = 0; i < o.length; i++) {
+        var n = o[i];
+        n.targetName === "style" && n.changeTarget(r.style);
+      }
+    }
+    r.setStyle(a);
+  }
+  e && (e.style = null, e && r.attr(e), e.style = a);
+}
+function Ua(r, e, t, a, o) {
+  if (o) {
+    var i = ot("update", r, e, a, t);
+    i.duration > 0 && r.animateFrom(o, i);
+  }
+}
+function Ka(r, e) {
+  v(e, "silent") && (r.silent = e.silent), v(e, "ignore") && (r.ignore = e.ignore), r instanceof Jt && v(e, "invisible") && (r.invisible = e.invisible), r instanceof Qt && v(e, "autoBatch") && (r.autoBatch = e.autoBatch);
+}
+var j = {}, ja = {
+  // Usually other props do not need to be changed in animation during.
+  setTransform: function(r, e) {
+    return process.env.NODE_ENV !== "production" && I(v(Le, r), "Only " + kt + " available in `setTransform`."), j.el[r] = e, this;
+  },
+  getTransform: function(r) {
+    return process.env.NODE_ENV !== "production" && I(v(Le, r), "Only " + kt + " available in `getTransform`."), j.el[r];
+  },
+  setShape: function(r, e) {
+    process.env.NODE_ENV !== "production" && fe(r);
+    var t = j.el, a = t.shape || (t.shape = {});
+    return a[r] = e, t.dirtyShape && t.dirtyShape(), this;
+  },
+  getShape: function(r) {
+    process.env.NODE_ENV !== "production" && fe(r);
+    var e = j.el.shape;
+    if (e)
+      return e[r];
+  },
+  setStyle: function(r, e) {
+    process.env.NODE_ENV !== "production" && fe(r);
+    var t = j.el, a = t.style;
+    return a && (process.env.NODE_ENV !== "production" && Tr(e) && at("style." + r + " must not be assigned with NaN."), a[r] = e, t.dirtyStyle && t.dirtyStyle()), this;
+  },
+  getStyle: function(r) {
+    process.env.NODE_ENV !== "production" && fe(r);
+    var e = j.el.style;
+    if (e)
+      return e[r];
+  },
+  setExtra: function(r, e) {
+    process.env.NODE_ENV !== "production" && fe(r);
+    var t = j.el.extra || (j.el.extra = {});
+    return t[r] = e, this;
+  },
+  getExtra: function(r) {
+    process.env.NODE_ENV !== "production" && fe(r);
+    var e = j.el.extra;
+    if (e)
+      return e[r];
+  }
+};
+function fe(r) {
+  if (process.env.NODE_ENV !== "production" && (r === "transition" || r === "enterFrom" || r === "leaveTo"))
+    throw new Error('key must not be "' + r + '"');
+}
+function qa() {
+  var r = this, e = r.el;
+  if (e) {
+    var t = ve(e).userDuring, a = r.userDuring;
+    if (t !== a) {
+      r.el = r.userDuring = null;
+      return;
+    }
+    j.el = e, a(ja);
+  }
+}
+function Vt(r, e, t, a) {
+  var o = t[r];
+  if (o) {
+    var i = e[r], n;
+    if (i) {
+      var s = t.transition, l = o.transition;
+      if (l)
+        if (!n && (n = a[r] = {}), de(l))
+          he(n, i);
+        else
+          for (var u = nt(l), f = 0; f < u.length; f++) {
+            var c = u[f], d = i[c];
+            n[c] = d;
+          }
+      else if (de(s) || me(s, r) >= 0) {
+        !n && (n = a[r] = {});
+        for (var h = ge(i), f = 0; f < h.length; f++) {
+          var c = h[f], d = i[c];
+          tn(o[c], d) && (n[c] = d);
+        }
+      }
+    }
+  }
+}
+function Fe(r, e, t) {
+  var a = e[r];
+  if (a)
+    for (var o = t[r] = {}, i = ge(a), n = 0; n < i.length; n++) {
+      var s = i[n];
+      o[s] = Lr(a[s]);
+    }
+}
+function Ja(r, e, t) {
+  for (var a = e.transition, o = de(a) ? be : nt(a || []), i = 0; i < o.length; i++) {
+    var n = o[i];
+    if (!(n === "style" || n === "shape" || n === "extra")) {
+      var s = r[n];
+      process.env.NODE_ENV !== "production" && nr(n, "el.transition"), t[n] = s;
+    }
+  }
+}
+function Qa(r, e, t) {
+  for (var a = 0; a < Ot.length; a++) {
+    var o = Ot[a], i = ar[o], n = e[o];
+    n && (t[i[0]] = n[0], t[i[1]] = n[1]);
+  }
+  for (var a = 0; a < be.length; a++) {
+    var s = be[a];
+    e[s] != null && (t[s] = e[s]);
+  }
+}
+function en(r, e, t, a) {
+  if (t) {
+    var o = r.style, i;
+    if (o) {
+      var n = t.transition, s = e.transition;
+      if (n && !de(n)) {
+        var l = nt(n);
+        !i && (i = a.style = {});
+        for (var u = 0; u < l.length; u++) {
+          var f = l[u], c = o[f];
+          i[f] = c;
+        }
+      } else if (r.getAnimationStyleProps && (de(s) || de(n) || me(s, "style") >= 0)) {
+        var d = r.getAnimationStyleProps(), h = d ? d.style : null;
+        if (h) {
+          !i && (i = a.style = {});
+          for (var p = ge(t), u = 0; u < p.length; u++) {
+            var f = p[u];
+            if (h[f]) {
+              var c = o[f];
+              i[f] = c;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+function tn(r, e) {
+  return zr(r) ? r !== e : r != null && isFinite(r);
+}
+var nr;
+process.env.NODE_ENV !== "production" && (nr = function(r, e) {
+  v(Le, r) || at("Prop `" + r + "` is not a permitted in `" + e + "`. Only `" + ge(Le).join("`, `") + "` are permitted.");
+});
+var or = pe(), rn = ["percent", "easing", "shape", "style", "extra"];
+function an(r) {
+  r.stopAnimation("keyframe"), r.attr(or(r));
+}
+function ir(r, e, t) {
+  if (!(!t.isAnimationEnabled() || !e)) {
+    if (Zr(e)) {
+      E(e, function(s) {
+        ir(r, s, t);
+      });
+      return;
+    }
+    var a = e.keyframes, o = e.duration;
+    if (t && o == null) {
+      var i = qt("enter", t, 0);
+      o = i && i.duration;
+    }
+    if (!(!a || !o)) {
+      var n = or(r);
+      E(ze, function(s) {
+        if (!(s && !r[s])) {
+          var l, u = !1;
+          a.sort(function(f, c) {
+            return f.percent - c.percent;
+          }), E(a, function(f) {
+            var c = r.animators, d = s ? f[s] : f;
+            if (process.env.NODE_ENV !== "production" && f.percent >= 1 && (u = !0), !!d) {
+              var h = ge(d);
+              if (s || (h = Or(h, function(w) {
+                return me(rn, w) < 0;
+              })), !!h.length) {
+                l || (l = r.animate(s, e.loop, !0), l.scope = "keyframe");
+                for (var p = 0; p < c.length; p++)
+                  c[p] !== l && c[p].targetName === l.targetName && c[p].stopTracks(h);
+                s && (n[s] = n[s] || {});
+                var x = s ? n[s] : n;
+                E(h, function(w) {
+                  x[w] = ((s ? r[s] : r) || {})[w];
+                }), l.whenWithKeys(o * f.percent, d, h, f.easing);
+              }
+            }
+          }), l && (process.env.NODE_ENV !== "production" && (u || at("End frame with percent: 1 is missing in the keyframeAnimation.", !0)), l.delay(e.delay || 0).duration(o).start(e.easing));
+        }
+      });
+    }
+  }
+}
+var Q = "emphasis", ae = "normal", st = "blur", lt = "select", oe = [ae, Q, st, lt], He = {
+  normal: ["itemStyle"],
+  emphasis: [Q, "itemStyle"],
+  blur: [st, "itemStyle"],
+  select: [lt, "itemStyle"]
+}, Ge = {
+  normal: ["label"],
+  emphasis: [Q, "label"],
+  blur: [st, "label"],
+  select: [lt, "label"]
+}, nn = ["x", "y"], on = "e\0\0", H = {
+  normal: {},
+  emphasis: {},
+  blur: {},
+  select: {}
+}, Bt = {
+  cartesian2d: Za,
+  geo: ka,
+  single: Ba,
+  polar: Wa,
+  calendar: Fa,
+  matrix: Ha
+};
+function Ze(r) {
+  return r instanceof Qt;
+}
+function tt(r) {
+  return r instanceof Jt;
+}
+function sn(r, e) {
+  e.copyTransform(r), tt(e) && tt(r) && (e.setStyle(r.style), e.z = r.z, e.z2 = r.z2, e.zlevel = r.zlevel, e.invisible = r.invisible, e.ignore = r.ignore, Ze(e) && Ze(r) && e.setShape(r.shape));
+}
+var ln = (
+  /** @class */
+  (function(r) {
+    ee(e, r);
+    function e() {
+      var t = r !== null && r.apply(this, arguments) || this;
+      return t.type = e.type, t;
+    }
+    return e.prototype.render = function(t, a, o, i) {
+      this._progressiveEls = null;
+      var n = this._data, s = t.getData(), l = this.group, u = Nt(t, s, a, o);
+      n || l.removeAll(), s.diff(n).add(function(c) {
+        Ye(o, null, c, u(c, i), t, l, s);
+      }).remove(function(c) {
+        var d = n.getItemGraphicEl(c);
+        d && it(d, J(d).option, t);
+      }).update(function(c, d) {
+        var h = n.getItemGraphicEl(d);
+        Ye(o, h, c, u(c, i), t, l, s);
+      }).execute();
+      var f = t.get("clip", !0) ? kr(t.coordinateSystem, !1, t) : null;
+      f ? l.setClipPath(f) : l.removeClipPath(), this._data = s;
+    }, e.prototype.incrementalPrepareRender = function(t, a, o) {
+      this.group.removeAll(), this._data = null;
+    }, e.prototype.incrementalRender = function(t, a, o, i, n) {
+      var s = a.getData(), l = Nt(a, s, o, i), u = this._progressiveEls = [];
+      function f(h) {
+        h.isGroup || (h.incremental = !0, h.ensureState("emphasis").hoverLayer = !0);
+      }
+      for (var c = t.start; c < t.end; c++) {
+        var d = Ye(null, null, c, l(c, n), a, this.group, s);
+        d && (d.traverse(f), u.push(d));
+      }
+    }, e.prototype.eachRendered = function(t) {
+      Vr(this._progressiveEls || this.group, t);
+    }, e.prototype.filterForExposedEvent = function(t, a, o, i) {
+      var n = a.element;
+      if (n == null || o.name === n)
+        return !0;
+      for (; (o = o.__hostTarget || o.parent) && o !== this.group; )
+        if (o.name === n)
+          return !0;
+      return !1;
+    }, e.type = "custom", e;
+  })(Br)
+);
+function ut(r) {
+  var e = r.type, t;
+  if (e === "path") {
+    var a = r.shape, o = a.width != null && a.height != null ? {
+      x: a.x || 0,
+      y: a.y || 0,
+      width: a.width,
+      height: a.height
+    } : null, i = ur(a);
+    t = _t(i, null, o, a.layout || "center"), J(t).customPathData = i;
+  } else if (e === "image")
+    t = new Yr({}), J(t).customImagePath = r.style.image;
+  else if (e === "text")
+    t = new er({});
+  else if (e === "group")
+    t = new Je();
+  else if (e === "compoundPath") {
+    var a = r.shape;
+    if (!a || !a.paths) {
+      var n = "";
+      process.env.NODE_ENV !== "production" && (n = "shape.paths must be specified in compoundPath"), We(n);
+    }
+    var s = Ee(a.paths, function(f) {
+      if (f.type === "path")
+        return _t(f.shape.pathData, f, null);
+      var c = St(f.type);
+      if (!c) {
+        var d = "";
+        process.env.NODE_ENV !== "production" && (d = 'graphic type "' + e + '" can not be found.'), We(d);
+      }
+      return new c();
+    });
+    t = new Xr({
+      shape: {
+        paths: s
+      }
+    });
+  } else {
+    var l = St(e);
+    if (!l) {
+      var n = "";
+      process.env.NODE_ENV !== "production" && (n = 'graphic type "' + e + '" can not be found.'), We(n);
+    }
+    t = new l();
+  }
+  return J(t).customGraphicType = e, t.name = r.name, t.z2EmphasisLift = 1, t.z2SelectLift = 1, t;
+}
+function ft(r, e, t, a, o, i, n) {
+  an(e);
+  var s = o && o.normal.cfg;
+  s && e.setTextConfig(s), a && a.transition == null && (a.transition = nn);
+  var l = a && a.style;
+  if (l) {
+    if (e.type === "text") {
+      var u = l;
+      v(u, "textFill") && (u.fill = u.textFill), v(u, "textStroke") && (u.stroke = u.textStroke);
+    }
+    var f = void 0, c = Ze(e) ? l.decal : null;
+    r && c && (c.dirty = !0, f = $r(c, r)), l.__decalPattern = f;
+  }
+  if (tt(e) && l) {
+    var f = l.__decalPattern;
+    f && (l.decal = f);
+  }
+  Xa(e, a, i, {
+    dataIndex: t,
+    isInit: n,
+    clearStyle: !0
+  }), ir(e, a.keyframeAnimation, i);
+}
+function sr(r, e, t, a, o) {
+  var i = e.isGroup ? null : e, n = o && o[r].cfg;
+  if (i) {
+    var s = i.ensureState(r);
+    if (a === !1) {
+      var l = i.getState(r);
+      l && (l.style = null);
+    } else
+      s.style = a || null;
+    n && (s.textConfig = n), Ir(i);
+  }
+}
+function un(r, e, t) {
+  if (!r.isGroup) {
+    var a = r, o = t.currentZ, i = t.currentZLevel;
+    a.z = o, a.zlevel = i;
+    var n = e.z2;
+    n != null && (a.z2 = n || 0);
+    for (var s = 0; s < oe.length; s++)
+      fn(a, e, oe[s]);
+  }
+}
+function fn(r, e, t) {
+  var a = t === ae, o = a ? e : Oe(e, t), i = o ? o.z2 : null, n;
+  i != null && (n = a ? r : r.ensureState(t), n.z2 = i || 0);
+}
+function Nt(r, e, t, a) {
+  var o = r.get("renderItem");
+  if (typeof o == "string") {
+    var i = Nr(o);
+    i ? o = i : process.env.NODE_ENV !== "production" && console.warn("Custom series renderItem '" + o + `' not found.
+                Call 'echarts.registerCustomSeries' to register it.`);
+  }
+  var n = r.coordinateSystem, s = {};
+  n && (process.env.NODE_ENV !== "production" && (I(o, "series.render is required."), I(n.prepareCustoms || Bt[n.type], "This coordSys does not support custom series.")), s = n.prepareCustoms ? n.prepareCustoms(n) : Bt[n.type](n));
+  for (var l = De({
+    getWidth: a.getWidth,
+    getHeight: a.getHeight,
+    getZr: a.getZr,
+    getDevicePixelRatio: a.getDevicePixelRatio,
+    value: R,
+    style: U,
+    ordinalRawValue: q,
+    styleEmphasis: te,
+    visual: re,
+    barLayout: ie,
+    currentSeriesIndices: W,
+    font: K
+  }, s.api || {}), u = {
+    // The life cycle of context: current round of rendering.
+    // The global life cycle is probably not necessary, because
+    // user can store global status by themselves.
+    context: {},
+    seriesId: r.id,
+    seriesName: r.name,
+    seriesIndex: r.seriesIndex,
+    coordSys: s.coordSys,
+    dataInsideLength: e.count(),
+    encode: cn(r.getData()),
+    itemPayload: r.get("itemPayload") || {}
+  }, f, c, d = {}, h = {}, p = {}, x = {}, w = 0; w < oe.length; w++) {
+    var A = oe[w];
+    p[A] = r.getModel(He[A]), x[A] = r.getModel(Ge[A]);
+  }
+  function M(m) {
+    return m === f ? c || (c = e.getItemModel(m)) : e.getItemModel(m);
+  }
+  function z(m, g) {
+    return e.hasItemOption ? m === f ? d[g] || (d[g] = M(m).getModel(He[g])) : M(m).getModel(He[g]) : p[g];
+  }
+  function P(m, g) {
+    return e.hasItemOption ? m === f ? h[g] || (h[g] = M(m).getModel(Ge[g])) : M(m).getModel(Ge[g]) : x[g];
+  }
+  return function(m, g) {
+    return f = m, c = null, d = {}, h = {}, o && o(De({
+      dataIndexInside: m,
+      dataIndex: e.getRawIndex(m),
+      // Can be used for optimization when zoom or roam.
+      actionType: g ? g.type : null
+    }, u), l);
+  };
+  function R(m, g) {
+    return g == null && (g = f), e.getStore().get(e.getDimensionIndex(m || 0), g);
+  }
+  function q(m, g) {
+    g == null && (g = f), m = m || 0;
+    var D = e.getDimensionInfo(m);
+    if (!D) {
+      var B = e.getDimensionIndex(m);
+      return B >= 0 ? e.getStore().get(B, g) : void 0;
+    }
+    var X = e.get(D.name, g), Z = D && D.ordinalMeta;
+    return Z ? Z.categories[X] : X;
+  }
+  function U(m, g) {
+    process.env.NODE_ENV !== "production" && Zt("api.style", "Please write literal style directly instead."), g == null && (g = f);
+    var D = e.getItemVisual(g, "style"), B = D && D.fill, X = D && D.opacity, Z = z(g, ae).getItemStyle();
+    B != null && (Z.fill = B), X != null && (Z.opacity = X);
+    var _ = {
+      inheritColor: rt(B) ? B : L.color.neutral99
+    }, S = P(g, ae), b = qe(S, null, _, !1, !0);
+    b.text = S.getShallow("show") ? jt(r.getFormattedLabel(g, ae), yt(e, g)) : null;
+    var y = xt(S, _, !1);
+    return Y(m, Z), Z = Lt(Z, b, y), m && G(Z, m), Z.legacy = !0, Z;
+  }
+  function te(m, g) {
+    process.env.NODE_ENV !== "production" && Zt("api.styleEmphasis", "Please write literal style directly instead."), g == null && (g = f);
+    var D = z(g, Q).getItemStyle(), B = P(g, Q), X = qe(B, null, null, !0, !0);
+    X.text = B.getShallow("show") ? Gr(r.getFormattedLabel(g, Q), r.getFormattedLabel(g, ae), yt(e, g)) : null;
+    var Z = xt(B, null, !0);
+    return Y(m, D), D = Lt(D, X, Z), m && G(D, m), D.legacy = !0, D;
+  }
+  function G(m, g) {
+    for (var D in g)
+      v(g, D) && (m[D] = g[D]);
+  }
+  function Y(m, g) {
+    m && (m.textFill && (g.textFill = m.textFill), m.textPosition && (g.textPosition = m.textPosition));
+  }
+  function re(m, g) {
+    if (g == null && (g = f), v(Rt, m)) {
+      var D = e.getItemVisual(g, "style");
+      return D ? D[Rt[m]] : null;
+    }
+    if (v(Pa, m))
+      return e.getItemVisual(g, m);
+  }
+  function ie(m) {
+    if (n.type === "cartesian2d") {
+      var g = n.getBaseAxis();
+      return Hr(De({
+        axis: g
+      }, m));
+    }
+  }
+  function W() {
+    return t.getCurrentSeriesIndices();
+  }
+  function K(m) {
+    return Fr(m, t);
+  }
+}
+function cn(r) {
+  var e = {};
+  return E(r.dimensions, function(t) {
+    var a = r.getDimensionInfo(t);
+    if (!a.isExtraCoord) {
+      var o = a.coordDim, i = e[o] = e[o] || [];
+      i[a.coordDimIndex] = r.getDimensionIndex(t);
+    }
+  }), e;
+}
+function Ye(r, e, t, a, o, i, n) {
+  if (!a) {
+    i.remove(e);
+    return;
+  }
+  var s = ct(r, e, t, a, o, i);
+  return s && n.setItemGraphicEl(t, s), s && Wr(s, a.focus, a.blurScope, a.emphasisDisabled), s;
+}
+function ct(r, e, t, a, o, i) {
+  process.env.NODE_ENV !== "production" && I(a, "should not have an null/undefined element setting");
+  var n = -1, s = e;
+  e && lr(e, a, o) && (n = me(i.childrenRef(), e), e = null);
+  var l = !e, u = e;
+  u ? u.clearStates() : (u = ut(a), s && sn(s, u)), a.morph === !1 ? u.disableMorphing = !0 : u.disableMorphing && (u.disableMorphing = !1), a.tooltipDisabled && (u.tooltipDisabled = !0), H.normal.cfg = H.normal.conOpt = H.emphasis.cfg = H.emphasis.conOpt = H.blur.cfg = H.blur.conOpt = H.select.cfg = H.select.conOpt = null, H.isLegacy = !1, hn(u, t, a, o, l, H), dn(u, t, a, o, l), ft(r, u, t, a, H, o, l), v(a, "info") && (J(u).info = a.info);
+  for (var f = 0; f < oe.length; f++) {
+    var c = oe[f];
+    if (c !== ae) {
+      var d = Oe(a, c), h = dt(a, d, c);
+      sr(c, u, d, h, H);
+    }
+  }
+  return un(u, a, o), a.type === "group" && vn(r, u, t, a, o), n >= 0 ? i.replaceAt(u, n) : i.add(u), u;
+}
+function lr(r, e, t) {
+  var a = J(r), o = e.type, i = e.shape, n = e.style;
+  return (
+    // Always create new if universal transition is enabled.
+    // Because we do transition after render. It needs to know what old element is. Replacement will loose it.
+    t.isUniversalTransitionEnabled() || o != null && o !== a.customGraphicType || o === "path" && yn(i) && ur(i) !== a.customPathData || o === "image" && v(n, "image") && n.image !== a.customImagePath
+  );
+}
+function dn(r, e, t, a, o) {
+  var i = t.clipPath;
+  if (i === !1)
+    r && r.getClipPath() && r.removeClipPath();
+  else if (i) {
+    var n = r.getClipPath();
+    n && lr(n, i, a) && (n = null), n || (n = ut(i), process.env.NODE_ENV !== "production" && I(Ze(n), "Only any type of `path` can be used in `clipPath`, rather than " + n.type + "."), r.setClipPath(n)), ft(null, n, e, i, null, a, o);
+  }
+}
+function hn(r, e, t, a, o, i) {
+  if (!(r.isGroup || r.type === "compoundPath")) {
+    Wt(t, null, i), Wt(t, Q, i);
+    var n = i.normal.conOpt, s = i.emphasis.conOpt, l = i.blur.conOpt, u = i.select.conOpt;
+    if (n != null || s != null || u != null || l != null) {
+      var f = r.getTextContent();
+      if (n === !1)
+        f && r.removeTextContent();
+      else {
+        n = i.normal.conOpt = n || {
+          type: "text"
+        }, f ? f.clearStates() : (f = ut(n), r.setTextContent(f)), ft(null, f, e, n, null, a, o);
+        for (var c = n && n.style, d = 0; d < oe.length; d++) {
+          var h = oe[d];
+          if (h !== ae) {
+            var p = i[h].conOpt;
+            sr(h, f, p, dt(n, p, h), null);
+          }
+        }
+        c ? f.dirty() : f.markRedraw();
+      }
+    }
+  }
+}
+function Wt(r, e, t) {
+  var a = e ? Oe(r, e) : r, o = e ? dt(r, a, Q) : r.style, i = r.type, n = a ? a.textConfig : null, s = r.textContent, l = s ? e ? Oe(s, e) : s : null;
+  if (o && // Because emphasis style has little info to detect legacy,
+  // if normal is legacy, emphasis is trade as legacy.
+  (t.isLegacy || Ga(o, i, !!n, !!l))) {
+    t.isLegacy = !0;
+    var u = Ya(o, i, !e);
+    !n && u.textConfig && (n = u.textConfig), !l && u.textContent && (l = u.textContent);
+  }
+  if (!e && l) {
+    var f = l;
+    !f.type && (f.type = "text"), process.env.NODE_ENV !== "production" && I(f.type === "text", 'textContent.type must be "text"');
+  }
+  var c = e ? t[e] : t.normal;
+  c.cfg = n, c.conOpt = l;
+}
+function Oe(r, e) {
+  return e ? r ? r[e] : null : r;
+}
+function dt(r, e, t) {
+  var a = e && e.style;
+  return a == null && t === Q && r && (a = r.styleEmphasis), a;
+}
+function vn(r, e, t, a, o) {
+  var i = a.children, n = i ? i.length : 0, s = a.$mergeChildren, l = s === "byName" || a.diffChildrenByName, u = s === !1;
+  if (!(!n && !l && !u)) {
+    if (l) {
+      gn({
+        api: r,
+        oldChildren: e.children() || [],
+        newChildren: i || [],
+        dataIndex: t,
+        seriesModel: o,
+        group: e
+      });
+      return;
+    }
+    u && e.removeAll();
+    for (var f = 0; f < n; f++) {
+      var c = i[f], d = e.childAt(f);
+      c ? (c.ignore == null && (c.ignore = !1), ct(r, d, t, c, o, e)) : (process.env.NODE_ENV !== "production" && I(d, "renderItem should not return a group containing elements as null/undefined/{} if they do not exist before."), d.ignore = !0);
+    }
+    for (var h = e.childCount() - 1; h >= f; h--) {
+      var p = e.childAt(h);
+      pn(e, p, o);
+    }
+  }
+}
+function pn(r, e, t) {
+  e && it(e, J(r).option, t);
+}
+function gn(r) {
+  new Ur(r.oldChildren, r.newChildren, Ft, Ft, r).add(Ht).update(Ht).remove(mn).execute();
+}
+function Ft(r, e) {
+  var t = r && r.name;
+  return t ?? on + e;
+}
+function Ht(r, e) {
+  var t = this.context, a = r != null ? t.newChildren[r] : null, o = e != null ? t.oldChildren[e] : null;
+  ct(t.api, o, t.dataIndex, a, t.seriesModel, t.group);
+}
+function mn(r) {
+  var e = this.context, t = e.oldChildren[r];
+  t && it(t, J(t).option, e.seriesModel);
+}
+function ur(r) {
+  return r && (r.pathData || r.d);
+}
+function yn(r) {
+  return r && (v(r, "pathData") || v(r, "d"));
+}
+function xn(r) {
+  r.registerChartView(ln), r.registerSeriesModel(La);
+}
+var Gt = ["x", "y", "radius", "angle", "single"], _n = ["cartesian2d", "polar", "singleAxis"];
+function Sn(r) {
+  var e = r.get("coordinateSystem");
+  return me(_n, e) >= 0;
+}
+function ne(r) {
+  return process.env.NODE_ENV !== "production" && I(r), r + "Axis";
+}
+function wn(r, e) {
+  var t = le(), a = [], o = le();
+  r.eachComponent({
+    mainType: "dataZoom",
+    query: e
+  }, function(f) {
+    o.get(f.uid) || s(f);
+  });
+  var i;
+  do
+    i = !1, r.eachComponent("dataZoom", n);
+  while (i);
+  function n(f) {
+    !o.get(f.uid) && l(f) && (s(f), i = !0);
+  }
+  function s(f) {
+    o.set(f.uid, !0), a.push(f), u(f);
+  }
+  function l(f) {
+    var c = !1;
+    return f.eachTargetAxis(function(d, h) {
+      var p = t.get(d);
+      p && p[h] && (c = !0);
+    }), c;
+  }
+  function u(f) {
+    f.eachTargetAxis(function(c, d) {
+      (t.get(c) || t.set(c, []))[d] = !0;
+    });
+  }
+  return a;
+}
+function fr(r) {
+  var e = r.ecModel, t = {
+    infoList: [],
+    infoMap: le()
+  };
+  return r.eachTargetAxis(function(a, o) {
+    var i = e.getComponent(ne(a), o);
+    if (i) {
+      var n = i.getCoordSysModel();
+      if (n) {
+        var s = n.uid, l = t.infoMap.get(s);
+        l || (l = {
+          model: n,
+          axisModels: []
+        }, t.infoList.push(l), t.infoMap.set(s, l)), l.axisModels.push(i);
+      }
+    }
+  }), t;
+}
+var Xe = (
+  /** @class */
+  (function() {
+    function r() {
+      this.indexList = [], this.indexMap = [];
+    }
+    return r.prototype.add = function(e) {
+      this.indexMap[e] || (this.indexList.push(e), this.indexMap[e] = !0);
+    }, r;
+  })()
+), ke = (
+  /** @class */
+  (function(r) {
+    ee(e, r);
+    function e() {
+      var t = r !== null && r.apply(this, arguments) || this;
+      return t.type = e.type, t._autoThrottle = !0, t._noTarget = !0, t._rangePropMode = ["percent", "percent"], t;
+    }
+    return e.prototype.init = function(t, a, o) {
+      var i = Yt(t);
+      this.settledOption = i, this.mergeDefaultAndTheme(t, o), this._doInit(i);
+    }, e.prototype.mergeOption = function(t) {
+      var a = Yt(t);
+      wt(this.option, t, !0), wt(this.settledOption, a, !0), this._doInit(a);
+    }, e.prototype._doInit = function(t) {
+      var a = this.option;
+      this._setDefaultThrottle(t), this._updateRangeUse(t);
+      var o = this.settledOption;
+      E([["start", "startValue"], ["end", "endValue"]], function(i, n) {
+        this._rangePropMode[n] === "value" && (a[i[0]] = o[i[0]] = null);
+      }, this), this._resetTarget();
+    }, e.prototype._resetTarget = function() {
+      var t = this.get("orient", !0), a = this._targetAxisInfoMap = le(), o = this._fillSpecifiedTargetAxis(a);
+      o ? this._orient = t || this._makeAutoOrientByTargetAxis() : (this._orient = t || "horizontal", this._fillAutoTargetAxisByOrient(a, this._orient)), this._noTarget = !0, a.each(function(i) {
+        i.indexList.length && (this._noTarget = !1);
+      }, this);
+    }, e.prototype._fillSpecifiedTargetAxis = function(t) {
+      var a = !1;
+      return E(Gt, function(o) {
+        var i = this.getReferringComponents(ne(o), Kr);
+        if (i.specified) {
+          a = !0;
+          var n = new Xe();
+          E(i.models, function(s) {
+            n.add(s.componentIndex);
+          }), t.set(o, n);
+        }
+      }, this), a;
+    }, e.prototype._fillAutoTargetAxisByOrient = function(t, a) {
+      var o = this.ecModel, i = !0;
+      if (i) {
+        var n = a === "vertical" ? "y" : "x", s = o.findComponents({
+          mainType: n + "Axis"
+        });
+        l(s, n);
+      }
+      if (i) {
+        var s = o.findComponents({
+          mainType: "singleAxis",
+          filter: function(f) {
+            return f.get("orient", !0) === a;
+          }
+        });
+        l(s, "single");
+      }
+      function l(u, f) {
+        var c = u[0];
+        if (c) {
+          var d = new Xe();
+          if (d.add(c.componentIndex), t.set(f, d), i = !1, f === "x" || f === "y") {
+            var h = c.getReferringComponents("grid", Qe).models[0];
+            h && E(u, function(p) {
+              c.componentIndex !== p.componentIndex && h === p.getReferringComponents("grid", Qe).models[0] && d.add(p.componentIndex);
+            });
+          }
+        }
+      }
+      i && E(Gt, function(u) {
+        if (i) {
+          var f = o.findComponents({
+            mainType: ne(u),
+            filter: function(d) {
+              return d.get("type", !0) === "category";
+            }
+          });
+          if (f[0]) {
+            var c = new Xe();
+            c.add(f[0].componentIndex), t.set(u, c), i = !1;
+          }
+        }
+      }, this);
+    }, e.prototype._makeAutoOrientByTargetAxis = function() {
+      var t;
+      return this.eachTargetAxis(function(a) {
+        !t && (t = a);
+      }, this), t === "y" ? "vertical" : "horizontal";
+    }, e.prototype._setDefaultThrottle = function(t) {
+      if (t.hasOwnProperty("throttle") && (this._autoThrottle = !1), this._autoThrottle) {
+        var a = this.ecModel.option;
+        this.option.throttle = a.animation && a.animationDurationUpdate > 0 ? 100 : 20;
+      }
+    }, e.prototype._updateRangeUse = function(t) {
+      var a = this._rangePropMode, o = this.get("rangeMode");
+      E([["start", "startValue"], ["end", "endValue"]], function(i, n) {
+        var s = t[i[0]] != null, l = t[i[1]] != null;
+        s && !l ? a[n] = "percent" : !s && l ? a[n] = "value" : o ? a[n] = o[n] : s && (a[n] = "percent");
+      });
+    }, e.prototype.noTarget = function() {
+      return this._noTarget;
+    }, e.prototype.getFirstTargetAxisModel = function() {
+      var t;
+      return this.eachTargetAxis(function(a, o) {
+        t == null && (t = this.ecModel.getComponent(ne(a), o));
+      }, this), t;
+    }, e.prototype.eachTargetAxis = function(t, a) {
+      this._targetAxisInfoMap.each(function(o, i) {
+        E(o.indexList, function(n) {
+          t.call(a, i, n);
+        });
+      });
+    }, e.prototype.getAxisProxy = function(t, a) {
+      var o = this.getAxisModel(t, a);
+      if (o)
+        return o.__dzAxisProxy;
+    }, e.prototype.getAxisModel = function(t, a) {
+      process.env.NODE_ENV !== "production" && I(t && a != null);
+      var o = this._targetAxisInfoMap.get(t);
+      if (o && o.indexMap[a])
+        return this.ecModel.getComponent(ne(t), a);
+    }, e.prototype.setRawRange = function(t) {
+      var a = this.option, o = this.settledOption;
+      E([["start", "startValue"], ["end", "endValue"]], function(i) {
+        (t[i[0]] != null || t[i[1]] != null) && (a[i[0]] = o[i[0]] = t[i[0]], a[i[1]] = o[i[1]] = t[i[1]]);
+      }, this), this._updateRangeUse(t);
+    }, e.prototype.setCalculatedRange = function(t) {
+      var a = this.option;
+      E(["start", "startValue", "end", "endValue"], function(o) {
+        a[o] = t[o];
+      });
+    }, e.prototype.getPercentRange = function() {
+      var t = this.findRepresentativeAxisProxy();
+      if (t)
+        return t.getDataPercentWindow();
+    }, e.prototype.getValueRange = function(t, a) {
+      if (t == null && a == null) {
+        var o = this.findRepresentativeAxisProxy();
+        if (o)
+          return o.getDataValueWindow();
+      } else
+        return this.getAxisProxy(t, a).getDataValueWindow();
+    }, e.prototype.findRepresentativeAxisProxy = function(t) {
+      if (t)
+        return t.__dzAxisProxy;
+      for (var a, o = this._targetAxisInfoMap.keys(), i = 0; i < o.length; i++)
+        for (var n = o[i], s = this._targetAxisInfoMap.get(n), l = 0; l < s.indexList.length; l++) {
+          var u = this.getAxisProxy(n, s.indexList[l]);
+          if (u.hostedBy(this))
+            return u;
+          a || (a = u);
+        }
+      return a;
+    }, e.prototype.getRangePropMode = function() {
+      return this._rangePropMode.slice();
+    }, e.prototype.getOrient = function() {
+      return process.env.NODE_ENV !== "production" && I(this._orient), this._orient;
+    }, e.type = "dataZoom", e.dependencies = ["xAxis", "yAxis", "radiusAxis", "angleAxis", "singleAxis", "series", "toolbox"], e.defaultOption = {
+      // zlevel: 0,
+      z: 4,
+      filterMode: "filter",
+      start: 0,
+      end: 100
+    }, e;
+  })(jr)
+);
+function Yt(r) {
+  var e = {};
+  return E(["start", "end", "startValue", "endValue", "throttle"], function(t) {
+    r.hasOwnProperty(t) && (e[t] = r[t]);
+  }), e;
+}
+var cr = (
+  /** @class */
+  (function(r) {
+    ee(e, r);
+    function e() {
+      var t = r !== null && r.apply(this, arguments) || this;
+      return t.type = e.type, t;
+    }
+    return e.prototype.render = function(t, a, o, i) {
+      this.dataZoomModel = t, this.ecModel = a, this.api = o;
+    }, e.type = "dataZoom", e;
+  })(qr)
+), ce = E, Xt = Me, Mn = (
+  /** @class */
+  (function() {
+    function r(e, t, a, o) {
+      this._dimName = e, this._axisIndex = t, this.ecModel = o, this._dataZoomModel = a;
+    }
+    return r.prototype.hostedBy = function(e) {
+      return this._dataZoomModel === e;
+    }, r.prototype.getDataValueWindow = function() {
+      return this._valueWindow.slice();
+    }, r.prototype.getDataPercentWindow = function() {
+      return this._percentWindow.slice();
+    }, r.prototype.getTargetSeriesModels = function() {
+      var e = [];
+      return this.ecModel.eachSeries(function(t) {
+        if (Sn(t)) {
+          var a = ne(this._dimName), o = t.getReferringComponents(a, Qe).models[0];
+          o && this._axisIndex === o.componentIndex && e.push(t);
+        }
+      }, this), e;
+    }, r.prototype.getAxisModel = function() {
+      return this.ecModel.getComponent(this._dimName + "Axis", this._axisIndex);
+    }, r.prototype.getMinMaxSpan = function() {
+      return Jr(this._minMaxSpan);
+    }, r.prototype.calculateDataWindow = function(e) {
+      var t = this._dataExtent, a = this.getAxisModel(), o = a.axis.scale, i = this._dataZoomModel.getRangePropMode(), n = [0, 100], s = [], l = [], u;
+      ce(["start", "end"], function(d, h) {
+        var p = e[d], x = e[d + "Value"];
+        i[h] === "percent" ? (p == null && (p = n[h]), x = o.parse(k(p, n, t))) : (u = !0, x = x == null ? t[h] : o.parse(x), p = k(x, t, n)), l[h] = x == null || isNaN(x) ? t[h] : x, s[h] = p == null || isNaN(p) ? n[h] : p;
+      }), Xt(l), Xt(s);
+      var f = this._minMaxSpan;
+      u ? c(l, s, t, n, !1) : c(s, l, n, t, !0);
+      function c(d, h, p, x, w) {
+        var A = w ? "Span" : "ValueSpan";
+        Ae(0, d, p, "all", f["min" + A], f["max" + A]);
+        for (var M = 0; M < 2; M++)
+          h[M] = k(d[M], p, x, !0), w && (h[M] = o.parse(h[M]));
+      }
+      return {
+        valueWindow: l,
+        percentWindow: s
+      };
+    }, r.prototype.reset = function(e) {
+      if (e === this._dataZoomModel) {
+        var t = this.getTargetSeriesModels();
+        this._dataExtent = bn(this, this._dimName, t), this._updateMinMaxSpan();
+        var a = this.calculateDataWindow(e.settledOption);
+        this._valueWindow = a.valueWindow, this._percentWindow = a.percentWindow, this._setAxisModel();
+      }
+    }, r.prototype.filterData = function(e, t) {
+      if (e !== this._dataZoomModel)
+        return;
+      var a = this._dimName, o = this.getTargetSeriesModels(), i = e.get("filterMode"), n = this._valueWindow;
+      if (i === "none")
+        return;
+      ce(o, function(l) {
+        var u = l.getData(), f = u.mapDimensionsAll(a);
+        if (f.length) {
+          if (i === "weakFilter") {
+            var c = u.getStore(), d = Ee(f, function(h) {
+              return u.getDimensionIndex(h);
+            }, u);
+            u.filterSelf(function(h) {
+              for (var p, x, w, A = 0; A < f.length; A++) {
+                var M = c.get(d[A], h), z = !isNaN(M), P = M < n[0], R = M > n[1];
+                if (z && !P && !R)
+                  return !0;
+                z && (w = !0), P && (p = !0), R && (x = !0);
+              }
+              return w && p && x;
+            });
+          } else
+            ce(f, function(h) {
+              if (i === "empty")
+                l.setData(u = u.map(h, function(x) {
+                  return s(x) ? x : NaN;
+                }));
+              else {
+                var p = {};
+                p[h] = n, u.selectRange(p);
+              }
+            });
+          ce(f, function(h) {
+            u.setApproximateExtent(n, h);
+          });
+        }
+      });
+      function s(l) {
+        return l >= n[0] && l <= n[1];
+      }
+    }, r.prototype._updateMinMaxSpan = function() {
+      var e = this._minMaxSpan = {}, t = this._dataZoomModel, a = this._dataExtent;
+      ce(["min", "max"], function(o) {
+        var i = t.get(o + "Span"), n = t.get(o + "ValueSpan");
+        n != null && (n = this.getAxisModel().axis.scale.parse(n)), n != null ? i = k(a[0] + n, a, [0, 100], !0) : i != null && (n = k(i, [0, 100], a, !0) - a[0]), e[o + "Span"] = i, e[o + "ValueSpan"] = n;
+      }, this);
+    }, r.prototype._setAxisModel = function() {
+      var e = this.getAxisModel(), t = this._percentWindow, a = this._valueWindow;
+      if (t) {
+        var o = Qr(a, [0, 500]);
+        o = Math.min(o, 20);
+        var i = e.axis.scale.rawExtentInfo;
+        t[0] !== 0 && i.setDeterminedMinMax("min", +a[0].toFixed(o)), t[1] !== 100 && i.setDeterminedMinMax("max", +a[1].toFixed(o)), i.freeze();
+      }
+    }, r;
+  })()
+);
+function bn(r, e, t) {
+  var a = [1 / 0, -1 / 0];
+  ce(t, function(n) {
+    ea(a, n.getData(), e);
+  });
+  var o = r.getAxisModel(), i = ta(o.axis.scale, o, a).calculate();
+  return [i.min, i.max];
+}
+var An = {
+  // `dataZoomProcessor` will only be performed in needed series. Consider if
+  // there is a line series and a pie series, it is better not to update the
+  // line series if only pie series is needed to be updated.
+  getTargetSeries: function(r) {
+    function e(o) {
+      r.eachComponent("dataZoom", function(i) {
+        i.eachTargetAxis(function(n, s) {
+          var l = r.getComponent(ne(n), s);
+          o(n, s, l, i);
+        });
+      });
+    }
+    e(function(o, i, n, s) {
+      n.__dzAxisProxy = null;
+    });
+    var t = [];
+    e(function(o, i, n, s) {
+      n.__dzAxisProxy || (n.__dzAxisProxy = new Mn(o, i, s, r), t.push(n.__dzAxisProxy));
+    });
+    var a = le();
+    return E(t, function(o) {
+      E(o.getTargetSeriesModels(), function(i) {
+        a.set(i.uid, i);
+      });
+    }), a;
+  },
+  // Consider appendData, where filter should be performed. Because data process is
+  // in block mode currently, it is not need to worry about that the overallProgress
+  // execute every frame.
+  overallReset: function(r, e) {
+    r.eachComponent("dataZoom", function(t) {
+      t.eachTargetAxis(function(a, o) {
+        t.getAxisProxy(a, o).reset(t);
+      }), t.eachTargetAxis(function(a, o) {
+        t.getAxisProxy(a, o).filterData(t, e);
+      });
+    }), r.eachComponent("dataZoom", function(t) {
+      var a = t.findRepresentativeAxisProxy();
+      if (a) {
+        var o = a.getDataPercentWindow(), i = a.getDataValueWindow();
+        t.setCalculatedRange({
+          start: o[0],
+          end: o[1],
+          startValue: i[0],
+          endValue: i[1]
+        });
+      }
+    });
+  }
+};
+function En(r) {
+  r.registerAction("dataZoom", function(e, t) {
+    var a = wn(t, e);
+    E(a, function(o) {
+      o.setRawRange({
+        start: e.start,
+        end: e.end,
+        startValue: e.startValue,
+        endValue: e.endValue
+      });
+    });
+  });
+}
+var $t = !1;
+function dr(r) {
+  $t || ($t = !0, r.registerProcessor(r.PRIORITY.PROCESSOR.FILTER, An), En(r), r.registerSubTypeDefaulter("dataZoom", function() {
+    return "slider";
+  }));
+}
+var Cn = (
+  /** @class */
+  (function(r) {
+    ee(e, r);
+    function e() {
+      var t = r !== null && r.apply(this, arguments) || this;
+      return t.type = e.type, t;
+    }
+    return e.type = "dataZoom.inside", e.defaultOption = tr(ke.defaultOption, {
+      disabled: !1,
+      zoomLock: !1,
+      zoomOnMouseWheel: !0,
+      moveOnMouseMove: !0,
+      moveOnMouseWheel: !1,
+      preventDefaultMouseMove: !0
+    }), e;
+  })(ke)
+), ht = pe();
+function Dn(r, e, t) {
+  ht(r).coordSysRecordMap.each(function(a) {
+    var o = a.dataZoomInfoMap.get(e.uid);
+    o && (o.getRange = t);
+  });
+}
+function Rn(r, e) {
+  for (var t = ht(r).coordSysRecordMap, a = t.keys(), o = 0; o < a.length; o++) {
+    var i = a[o], n = t.get(i), s = n.dataZoomInfoMap;
+    if (s) {
+      var l = e.uid, u = s.get(l);
+      u && (s.removeKey(l), s.keys().length || hr(t, n));
+    }
+  }
+}
+function hr(r, e) {
+  if (e) {
+    r.removeKey(e.model.uid);
+    var t = e.controller;
+    t && t.dispose();
+  }
+}
+function Tn(r, e) {
+  var t = {
+    model: e,
+    containsPoint: Mt(Ln, e),
+    dispatchAction: Mt(Pn, r),
+    dataZoomInfoMap: null,
+    controller: null
+  }, a = t.controller = new Ca(r.getZr());
+  return E(["pan", "zoom", "scrollMove"], function(o) {
+    a.on(o, function(i) {
+      var n = [];
+      t.dataZoomInfoMap.each(function(s) {
+        if (i.isAvailableBehavior(s.model.option)) {
+          var l = (s.getRange || {})[o], u = l && l(s.dzReferCoordSysInfo, t.model.mainType, t.controller, i);
+          !s.model.get("disabled", !0) && u && n.push({
+            dataZoomId: s.model.id,
+            start: u[0],
+            end: u[1]
+          });
+        }
+      }), n.length && t.dispatchAction(n);
+    });
+  }), t;
+}
+function Pn(r, e) {
+  r.isDisposed() || r.dispatchAction({
+    type: "dataZoom",
+    animation: {
+      easing: "cubicOut",
+      duration: 100
+    },
+    batch: e
+  });
+}
+function Ln(r, e, t, a) {
+  return r.coordinateSystem.containPoint([t, a]);
+}
+function zn(r, e, t) {
+  var a, o = "type_", i = {
+    type_true: 2,
+    type_move: 1,
+    type_false: 0,
+    type_undefined: -1
+  }, n = !0;
+  return r.each(function(s) {
+    var l = s.model, u = l.get("disabled", !0) ? !1 : l.get("zoomLock", !0) ? "move" : !0;
+    i[o + u] > i[o + a] && (a = u), n = n && l.get("preventDefaultMouseMove", !0);
+  }), {
+    controlType: a,
+    opt: {
+      // RoamController will enable all of these functionalities,
+      // and the final behavior is determined by its event listener
+      // provided by each inside zoom.
+      zoomOnMouseWheel: !0,
+      moveOnMouseMove: !0,
+      moveOnMouseWheel: !0,
+      preventDefaultMouseMove: !!n,
+      api: t,
+      zInfo: {
+        component: e.model
+      },
+      triggerInfo: {
+        roamTrigger: null,
+        isInSelf: e.containsPoint
+      }
+    }
+  };
+}
+function Zn(r) {
+  r.registerProcessor(r.PRIORITY.PROCESSOR.FILTER, function(e, t) {
+    var a = ht(t), o = a.coordSysRecordMap || (a.coordSysRecordMap = le());
+    o.each(function(i) {
+      i.dataZoomInfoMap = null;
+    }), e.eachComponent({
+      mainType: "dataZoom",
+      subType: "inside"
+    }, function(i) {
+      var n = fr(i);
+      E(n.infoList, function(s) {
+        var l = s.model.uid, u = o.get(l) || o.set(l, Tn(t, s.model)), f = u.dataZoomInfoMap || (u.dataZoomInfoMap = le());
+        f.set(i.uid, {
+          dzReferCoordSysInfo: s,
+          model: i,
+          getRange: null
+        });
+      });
+    }), o.each(function(i) {
+      var n = i.controller, s, l = i.dataZoomInfoMap;
+      if (l) {
+        var u = l.keys()[0];
+        u != null && (s = l.get(u));
+      }
+      if (!s) {
+        hr(o, i);
+        return;
+      }
+      var f = zn(l, i, t);
+      n.enable(f.controlType, f.opt), rr(i, "dispatchAction", s.model.get("throttle", !0), "fixRate");
+    });
+  });
+}
+var On = (
+  /** @class */
+  (function(r) {
+    ee(e, r);
+    function e() {
+      var t = r !== null && r.apply(this, arguments) || this;
+      return t.type = "dataZoom.inside", t;
+    }
+    return e.prototype.render = function(t, a, o) {
+      if (r.prototype.render.apply(this, arguments), t.noTarget()) {
+        this._clear();
+        return;
+      }
+      this.range = t.getPercentRange(), Dn(o, t, {
+        pan: C($e.pan, this),
+        zoom: C($e.zoom, this),
+        scrollMove: C($e.scrollMove, this)
+      });
+    }, e.prototype.dispose = function() {
+      this._clear(), r.prototype.dispose.apply(this, arguments);
+    }, e.prototype._clear = function() {
+      Rn(this.api, this.dataZoomModel), this.range = null;
+    }, e.type = "dataZoom.inside", e;
+  })(cr)
+), $e = {
+  zoom: function(r, e, t, a) {
+    var o = this.range, i = o.slice(), n = r.axisModels[0];
+    if (n) {
+      var s = Ie[e](null, [a.originX, a.originY], n, t, r), l = (s.signal > 0 ? s.pixelStart + s.pixelLength - s.pixel : s.pixel - s.pixelStart) / s.pixelLength * (i[1] - i[0]) + i[0], u = Math.max(1 / a.scale, 0);
+      i[0] = (i[0] - l) * u + l, i[1] = (i[1] - l) * u + l;
+      var f = this.dataZoomModel.findRepresentativeAxisProxy().getMinMaxSpan();
+      if (Ae(0, i, [0, 100], 0, f.minSpan, f.maxSpan), this.range = i, o[0] !== i[0] || o[1] !== i[1])
+        return i;
+    }
+  },
+  pan: It(function(r, e, t, a, o, i) {
+    var n = Ie[a]([i.oldX, i.oldY], [i.newX, i.newY], e, o, t);
+    return n.signal * (r[1] - r[0]) * n.pixel / n.pixelLength;
+  }),
+  scrollMove: It(function(r, e, t, a, o, i) {
+    var n = Ie[a]([0, 0], [i.scrollDelta, i.scrollDelta], e, o, t);
+    return n.signal * (r[1] - r[0]) * i.scrollDelta;
+  })
+};
+function It(r) {
+  return function(e, t, a, o) {
+    var i = this.range, n = i.slice(), s = e.axisModels[0];
+    if (s) {
+      var l = r(n, s, e, t, a, o);
+      if (Ae(l, n, [0, 100], "all"), this.range = n, i[0] !== n[0] || i[1] !== n[1])
+        return n;
+    }
+  };
+}
+var Ie = {
+  grid: function(r, e, t, a, o) {
+    var i = t.axis, n = {}, s = o.model.coordinateSystem.getRect();
+    return r = r || [0, 0], i.dim === "x" ? (n.pixel = e[0] - r[0], n.pixelLength = s.width, n.pixelStart = s.x, n.signal = i.inverse ? 1 : -1) : (n.pixel = e[1] - r[1], n.pixelLength = s.height, n.pixelStart = s.y, n.signal = i.inverse ? -1 : 1), n;
+  },
+  polar: function(r, e, t, a, o) {
+    var i = t.axis, n = {}, s = o.model.coordinateSystem, l = s.getRadiusAxis().getExtent(), u = s.getAngleAxis().getExtent();
+    return r = r ? s.pointToCoord(r) : [0, 0], e = s.pointToCoord(e), t.mainType === "radiusAxis" ? (n.pixel = e[0] - r[0], n.pixelLength = l[1] - l[0], n.pixelStart = l[0], n.signal = i.inverse ? 1 : -1) : (n.pixel = e[1] - r[1], n.pixelLength = u[1] - u[0], n.pixelStart = u[0], n.signal = i.inverse ? -1 : 1), n;
+  },
+  singleAxis: function(r, e, t, a, o) {
+    var i = t.axis, n = o.model.coordinateSystem.getRect(), s = {};
+    return r = r || [0, 0], i.orient === "horizontal" ? (s.pixel = e[0] - r[0], s.pixelLength = n.width, s.pixelStart = n.x, s.signal = i.inverse ? 1 : -1) : (s.pixel = e[1] - r[1], s.pixelLength = n.height, s.pixelStart = n.y, s.signal = i.inverse ? -1 : 1), s;
+  }
+};
+function kn(r) {
+  dr(r), r.registerComponentModel(Cn), r.registerComponentView(On), Zn(r);
+}
+var Vn = (
+  /** @class */
+  (function(r) {
+    ee(e, r);
+    function e() {
+      var t = r !== null && r.apply(this, arguments) || this;
+      return t.type = e.type, t;
+    }
+    return e.type = "dataZoom.slider", e.layoutMode = "box", e.defaultOption = tr(ke.defaultOption, {
+      show: !0,
+      // deault value can only be drived in view stage.
+      right: "ph",
+      top: "ph",
+      width: "ph",
+      height: "ph",
+      left: null,
+      bottom: null,
+      borderColor: L.color.accent10,
+      borderRadius: 0,
+      backgroundColor: L.color.transparent,
+      // dataBackgroundColor: '#ddd',
+      dataBackground: {
+        lineStyle: {
+          color: L.color.accent30,
+          width: 0.5
+        },
+        areaStyle: {
+          color: L.color.accent20,
+          opacity: 0.2
+        }
+      },
+      selectedDataBackground: {
+        lineStyle: {
+          color: L.color.accent40,
+          width: 0.5
+        },
+        areaStyle: {
+          color: L.color.accent20,
+          opacity: 0.3
+        }
+      },
+      // Color of selected window.
+      fillerColor: "rgba(135,175,274,0.2)",
+      handleIcon: "path://M-9.35,34.56V42m0-40V9.5m-2,0h4a2,2,0,0,1,2,2v21a2,2,0,0,1-2,2h-4a2,2,0,0,1-2-2v-21A2,2,0,0,1-11.35,9.5Z",
+      // Percent of the slider height
+      handleSize: "100%",
+      handleStyle: {
+        color: L.color.neutral00,
+        borderColor: L.color.accent20
+      },
+      moveHandleSize: 7,
+      moveHandleIcon: "path://M-320.9-50L-320.9-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-348-41-339-50-320.9-50z M-212.3-50L-212.3-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-239.4-41-230.4-50-212.3-50z M-103.7-50L-103.7-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-130.9-41-121.8-50-103.7-50z",
+      moveHandleStyle: {
+        color: L.color.accent40,
+        opacity: 0.5
+      },
+      showDetail: !0,
+      showDataShadow: "auto",
+      realtime: !0,
+      zoomLock: !1,
+      textStyle: {
+        color: L.color.tertiary
+      },
+      brushSelect: !0,
+      brushStyle: {
+        color: L.color.accent30,
+        opacity: 0.3
+      },
+      emphasis: {
+        handleLabel: {
+          show: !0
+        },
+        handleStyle: {
+          borderColor: L.color.accent40
+        },
+        moveHandleStyle: {
+          opacity: 0.8
+        }
+      },
+      defaultLocationEdgeGap: 15
+    }), e;
+  })(ke)
+), Se = Re, Bn = 1, Ue = 30, Nn = 7, we = "horizontal", Ut = "vertical", Wn = 5, Fn = ["line", "bar", "candlestick", "scatter"], Hn = {
+  easing: "cubicOut",
+  duration: 100,
+  delay: 0
+}, Gn = (
+  /** @class */
+  (function(r) {
+    ee(e, r);
+    function e() {
+      var t = r !== null && r.apply(this, arguments) || this;
+      return t.type = e.type, t._displayables = {}, t;
+    }
+    return e.prototype.init = function(t, a) {
+      this.api = a, this._onBrush = C(this._onBrush, this), this._onBrushEnd = C(this._onBrushEnd, this);
+    }, e.prototype.render = function(t, a, o, i) {
+      if (r.prototype.render.apply(this, arguments), rr(this, "_dispatchZoomAction", t.get("throttle"), "fixRate"), this._orient = t.getOrient(), t.get("show") === !1) {
+        this.group.removeAll();
+        return;
+      }
+      if (t.noTarget()) {
+        this._clear(), this.group.removeAll();
+        return;
+      }
+      (!i || i.type !== "dataZoom" || i.from !== this.uid) && this._buildView(), this._updateView();
+    }, e.prototype.dispose = function() {
+      this._clear(), r.prototype.dispose.apply(this, arguments);
+    }, e.prototype._clear = function() {
+      ra(this, "_dispatchZoomAction");
+      var t = this.api.getZr();
+      t.off("mousemove", this._onBrush), t.off("mouseup", this._onBrushEnd);
+    }, e.prototype._buildView = function() {
+      var t = this.group;
+      t.removeAll(), this._brushing = !1, this._displayables.brushRect = null, this._resetLocation(), this._resetInterval();
+      var a = this._displayables.sliderGroup = new Je();
+      this._renderBackground(), this._renderHandle(), this._renderDataShadow(), t.add(a), this._positionGroup();
+    }, e.prototype._resetLocation = function() {
+      var t = this.dataZoomModel, a = this.api, o = t.get("brushSelect"), i = o ? Nn : 0, n = aa(t, a).refContainer, s = this._findCoordRect(), l = t.get("defaultLocationEdgeGap", !0) || 0, u = this._orient === we ? {
+        // Why using 'right', because right should be used in vertical,
+        // and it is better to be consistent for dealing with position param merge.
+        right: n.width - s.x - s.width,
+        top: n.height - Ue - l - i,
+        width: s.width,
+        height: Ue
+      } : {
+        right: l,
+        top: s.y,
+        width: Ue,
+        height: s.height
+      }, f = na(t.option);
+      E(["right", "top", "width", "height"], function(d) {
+        f[d] === "ph" && (f[d] = u[d]);
+      });
+      var c = oa(f, n);
+      this._location = {
+        x: c.x,
+        y: c.y
+      }, this._size = [c.width, c.height], this._orient === Ut && this._size.reverse();
+    }, e.prototype._positionGroup = function() {
+      var t = this.group, a = this._location, o = this._orient, i = this.dataZoomModel.getFirstTargetAxisModel(), n = i && i.get("inverse"), s = this._displayables.sliderGroup, l = (this._dataShadowInfo || {}).otherAxisInverse;
+      s.attr(o === we && !n ? {
+        scaleY: l ? 1 : -1,
+        scaleX: 1
+      } : o === we && n ? {
+        scaleY: l ? 1 : -1,
+        scaleX: -1
+      } : o === Ut && !n ? {
+        scaleY: l ? -1 : 1,
+        scaleX: 1,
+        rotation: Math.PI / 2
+      } : {
+        scaleY: l ? -1 : 1,
+        scaleX: -1,
+        rotation: Math.PI / 2
+      });
+      var u = t.getBoundingRect([s]);
+      t.x = a.x - u.x, t.y = a.y - u.y, t.markRedraw();
+    }, e.prototype._getViewExtent = function() {
+      return [0, this._size[0]];
+    }, e.prototype._renderBackground = function() {
+      var t = this.dataZoomModel, a = this._size, o = this._displayables.sliderGroup, i = t.get("brushSelect");
+      o.add(new Se({
+        silent: !0,
+        shape: {
+          x: 0,
+          y: 0,
+          width: a[0],
+          height: a[1]
+        },
+        style: {
+          fill: t.get("backgroundColor")
+        },
+        z2: -40
+      }));
+      var n = new Se({
+        shape: {
+          x: 0,
+          y: 0,
+          width: a[0],
+          height: a[1]
+        },
+        style: {
+          fill: "transparent"
+        },
+        z2: 0,
+        onclick: C(this._onClickPanel, this)
+      }), s = this.api.getZr();
+      i ? (n.on("mousedown", this._onBrushStart, this), n.cursor = "crosshair", s.on("mousemove", this._onBrush), s.on("mouseup", this._onBrushEnd)) : (s.off("mousemove", this._onBrush), s.off("mouseup", this._onBrushEnd)), o.add(n);
+    }, e.prototype._renderDataShadow = function() {
+      var t = this._dataShadowInfo = this._prepareDataShadowInfo();
+      if (this._displayables.dataShadowSegs = [], !t)
+        return;
+      var a = this._size, o = this._shadowSize || [], i = t.series, n = i.getRawData(), s = i.getShadowDim && i.getShadowDim(), l = s && n.getDimensionInfo(s) ? i.getShadowDim() : t.otherDim;
+      if (l == null)
+        return;
+      var u = this._shadowPolygonPts, f = this._shadowPolylinePts;
+      if (n !== this._shadowData || l !== this._shadowDim || a[0] !== o[0] || a[1] !== o[1]) {
+        var c = n.getDataExtent(t.thisDim), d = n.getDataExtent(l), h = (d[1] - d[0]) * 0.3;
+        d = [d[0] - h, d[1] + h];
+        var p = [0, a[1]], x = [0, a[0]], w = [[a[0], 0], [0, 0]], A = [], M = x[1] / Math.max(1, n.count() - 1), z = a[0] / (c[1] - c[0]), P = t.thisAxis.type === "time", R = -M, q = Math.round(n.count() / a[0]), U;
+        n.each([t.thisDim, l], function(ie, W, K) {
+          if (q > 0 && K % q) {
+            P || (R += M);
+            return;
+          }
+          R = P ? (+ie - c[0]) * z : R + M;
+          var m = W == null || isNaN(W) || W === "", g = m ? 0 : k(W, d, p, !0);
+          m && !U && K ? (w.push([w[w.length - 1][0], 0]), A.push([A[A.length - 1][0], 0])) : !m && U && (w.push([R, 0]), A.push([R, 0])), m || (w.push([R, g]), A.push([R, g])), U = m;
+        }), u = this._shadowPolygonPts = w, f = this._shadowPolylinePts = A;
+      }
+      this._shadowData = n, this._shadowDim = l, this._shadowSize = [a[0], a[1]];
+      var te = this.dataZoomModel;
+      function G(ie) {
+        var W = te.getModel(ie ? "selectedDataBackground" : "dataBackground"), K = new Je(), m = new ha({
+          shape: {
+            points: u
+          },
+          segmentIgnoreThreshold: 1,
+          style: W.getModel("areaStyle").getAreaStyle(),
+          silent: !0,
+          z2: -20
+        }), g = new va({
+          shape: {
+            points: f
+          },
+          segmentIgnoreThreshold: 1,
+          style: W.getModel("lineStyle").getLineStyle(),
+          silent: !0,
+          z2: -19
+        });
+        return K.add(m), K.add(g), K;
+      }
+      for (var Y = 0; Y < 3; Y++) {
+        var re = G(Y === 1);
+        this._displayables.sliderGroup.add(re), this._displayables.dataShadowSegs.push(re);
+      }
+    }, e.prototype._prepareDataShadowInfo = function() {
+      var t = this.dataZoomModel, a = t.get("showDataShadow");
+      if (a !== !1) {
+        var o, i = this.ecModel;
+        return t.eachTargetAxis(function(n, s) {
+          var l = t.getAxisProxy(n, s).getTargetSeriesModels();
+          E(l, function(u) {
+            if (!o && !(a !== !0 && me(Fn, u.get("type")) < 0)) {
+              var f = i.getComponent(ne(n), s).axis, c = Yn(n), d, h = u.coordinateSystem;
+              c != null && h.getOtherAxis && (d = h.getOtherAxis(f).inverse), c = u.getData().mapDimension(c);
+              var p = u.getData().mapDimension(n);
+              o = {
+                thisAxis: f,
+                series: u,
+                thisDim: p,
+                otherDim: c,
+                otherAxisInverse: d
+              };
+            }
+          }, this);
+        }, this), o;
+      }
+    }, e.prototype._renderHandle = function() {
+      var t = this.group, a = this._displayables, o = a.handles = [null, null], i = a.handleLabels = [null, null], n = this._displayables.sliderGroup, s = this._size, l = this.dataZoomModel, u = this.api, f = l.get("borderRadius") || 0, c = l.get("brushSelect"), d = a.filler = new Se({
+        silent: c,
+        style: {
+          fill: l.get("fillerColor")
+        },
+        textConfig: {
+          position: "inside"
+        }
+      });
+      n.add(d), n.add(new Se({
+        silent: !0,
+        subPixelOptimize: !0,
+        shape: {
+          x: 0,
+          y: 0,
+          width: s[0],
+          height: s[1],
+          r: f
+        },
+        style: {
+          // deprecated option
+          stroke: l.get("dataBackgroundColor") || l.get("borderColor"),
+          lineWidth: Bn,
+          fill: L.color.transparent
+        }
+      })), E([0, 1], function(z) {
+        var P = l.get("handleIcon");
+        !ia[P] && P.indexOf("path://") < 0 && P.indexOf("image://") < 0 && (P = "path://" + P, process.env.NODE_ENV !== "production" && sa("handleIcon now needs 'path://' prefix when using a path string"));
+        var R = bt(P, -1, 0, 2, 2, null, !0);
+        R.attr({
+          cursor: Xn(this._orient),
+          draggable: !0,
+          drift: C(this._onDragMove, this, z),
+          ondragend: C(this._onDragEnd, this),
+          onmouseover: C(this._showDataInfo, this, !0),
+          onmouseout: C(this._showDataInfo, this, !1),
+          z2: 5
+        });
+        var q = R.getBoundingRect(), U = l.get("handleSize");
+        this._handleHeight = At(U, this._size[1]), this._handleWidth = q.width / q.height * this._handleHeight, R.setStyle(l.getModel("handleStyle").getItemStyle()), R.style.strokeNoScale = !0, R.rectHover = !0, R.ensureState("emphasis").style = l.getModel(["emphasis", "handleStyle"]).getItemStyle(), la(R);
+        var te = l.get("handleColor");
+        te != null && (R.style.fill = te), n.add(o[z] = R);
+        var G = l.getModel("textStyle"), Y = l.get("handleLabel") || {}, re = Y.show || !1;
+        t.add(i[z] = new er({
+          silent: !0,
+          invisible: !re,
+          style: qe(G, {
+            x: 0,
+            y: 0,
+            text: "",
+            verticalAlign: "middle",
+            align: "center",
+            fill: G.getTextColor(),
+            font: G.getFont()
+          }),
+          z2: 10
+        }));
+      }, this);
+      var h = d;
+      if (c) {
+        var p = At(l.get("moveHandleSize"), s[1]), x = a.moveHandle = new Re({
+          style: l.getModel("moveHandleStyle").getItemStyle(),
+          silent: !0,
+          shape: {
+            r: [0, 0, 2, 2],
+            y: s[1] - 0.5,
+            height: p
+          }
+        }), w = p * 0.8, A = a.moveHandleIcon = bt(l.get("moveHandleIcon"), -w / 2, -w / 2, w, w, L.color.neutral00, !0);
+        A.silent = !0, A.y = s[1] + p / 2 - 0.5, x.ensureState("emphasis").style = l.getModel(["emphasis", "moveHandleStyle"]).getItemStyle();
+        var M = Math.min(s[1] / 2, Math.max(p, 10));
+        h = a.moveZone = new Re({
+          invisible: !0,
+          shape: {
+            y: s[1] - M,
+            height: p + M
+          }
+        }), h.on("mouseover", function() {
+          u.enterEmphasis(x);
+        }).on("mouseout", function() {
+          u.leaveEmphasis(x);
+        }), n.add(x), n.add(A), n.add(h);
+      }
+      h.attr({
+        draggable: !0,
+        cursor: "default",
+        drift: C(this._onDragMove, this, "all"),
+        ondragstart: C(this._showDataInfo, this, !0),
+        ondragend: C(this._onDragEnd, this),
+        onmouseover: C(this._showDataInfo, this, !0),
+        onmouseout: C(this._showDataInfo, this, !1)
+      });
+    }, e.prototype._resetInterval = function() {
+      var t = this._range = this.dataZoomModel.getPercentRange(), a = this._getViewExtent();
+      this._handleEnds = [k(t[0], [0, 100], a, !0), k(t[1], [0, 100], a, !0)];
+    }, e.prototype._updateInterval = function(t, a) {
+      var o = this.dataZoomModel, i = this._handleEnds, n = this._getViewExtent(), s = o.findRepresentativeAxisProxy().getMinMaxSpan(), l = [0, 100];
+      Ae(a, i, n, o.get("zoomLock") ? "all" : t, s.minSpan != null ? k(s.minSpan, l, n, !0) : null, s.maxSpan != null ? k(s.maxSpan, l, n, !0) : null);
+      var u = this._range, f = this._range = Me([k(i[0], n, l, !0), k(i[1], n, l, !0)]);
+      return !u || u[0] !== f[0] || u[1] !== f[1];
+    }, e.prototype._updateView = function(t) {
+      var a = this._displayables, o = this._handleEnds, i = Me(o.slice()), n = this._size;
+      E([0, 1], function(h) {
+        var p = a.handles[h], x = this._handleHeight;
+        p.attr({
+          scaleX: x / 2,
+          scaleY: x / 2,
+          // This is a trick, by adding an extra tiny offset to let the default handle's end point align to the drag window.
+          // NOTE: It may affect some custom shapes a bit. But we prefer to have better result by default.
+          x: o[h] + (h ? -1 : 1),
+          y: n[1] / 2 - x / 2
+        });
+      }, this), a.filler.setShape({
+        x: i[0],
+        y: 0,
+        width: i[1] - i[0],
+        height: n[1]
+      });
+      var s = {
+        x: i[0],
+        width: i[1] - i[0]
+      };
+      a.moveHandle && (a.moveHandle.setShape(s), a.moveZone.setShape(s), a.moveZone.getBoundingRect(), a.moveHandleIcon && a.moveHandleIcon.attr("x", s.x + s.width / 2));
+      for (var l = a.dataShadowSegs, u = [0, i[0], i[1], n[0]], f = 0; f < l.length; f++) {
+        var c = l[f], d = c.getClipPath();
+        d || (d = new Re(), c.setClipPath(d)), d.setShape({
+          x: u[f],
+          y: 0,
+          width: u[f + 1] - u[f],
+          height: n[1]
+        });
+      }
+      this._updateDataInfo(t);
+    }, e.prototype._updateDataInfo = function(t) {
+      var a = this.dataZoomModel, o = this._displayables, i = o.handleLabels, n = this._orient, s = ["", ""];
+      if (a.get("showDetail")) {
+        var l = a.findRepresentativeAxisProxy();
+        if (l) {
+          var u = l.getAxisModel().axis, f = this._range, c = t ? l.calculateDataWindow({
+            start: f[0],
+            end: f[1]
+          }).valueWindow : l.getDataValueWindow();
+          s = [this._formatLabel(c[0], u), this._formatLabel(c[1], u)];
+        }
+      }
+      var d = Me(this._handleEnds.slice());
+      h.call(this, 0), h.call(this, 1);
+      function h(p) {
+        var x = ua(o.handles[p].parent, this.group), w = fa(p === 0 ? "right" : "left", x), A = this._handleWidth / 2 + Wn, M = Et([d[p] + (p === 0 ? -A : A), this._size[1] / 2], x);
+        i[p].setStyle({
+          x: M[0],
+          y: M[1],
+          verticalAlign: n === we ? "middle" : w,
+          align: n === we ? w : "center",
+          text: s[p]
+        });
+      }
+    }, e.prototype._formatLabel = function(t, a) {
+      var o = this.dataZoomModel, i = o.get("labelFormatter"), n = o.get("labelPrecision");
+      (n == null || n === "auto") && (n = a.getPixelPrecision());
+      var s = t == null || isNaN(t) ? "" : a.type === "category" || a.type === "time" ? a.scale.getLabel({
+        value: Math.round(t)
+      }) : t.toFixed(Math.min(n, 20));
+      return ca(i) ? i(t, s) : rt(i) ? i.replace("{value}", s) : s;
+    }, e.prototype._showDataInfo = function(t) {
+      var a = this.dataZoomModel.get("handleLabel") || {}, o = a.show || !1, i = this.dataZoomModel.getModel(["emphasis", "handleLabel"]), n = i.get("show") || !1, s = t || this._dragging ? n : o, l = this._displayables, u = l.handleLabels;
+      u[0].attr("invisible", !s), u[1].attr("invisible", !s), l.moveHandle && this.api[s ? "enterEmphasis" : "leaveEmphasis"](l.moveHandle, 1);
+    }, e.prototype._onDragMove = function(t, a, o, i) {
+      this._dragging = !0, Pe(i.event);
+      var n = this._displayables.sliderGroup.getLocalTransform(), s = Et([a, o], n, !0), l = this._updateInterval(t, s[0]), u = this.dataZoomModel.get("realtime");
+      this._updateView(!u), l && u && this._dispatchZoomAction(!0);
+    }, e.prototype._onDragEnd = function() {
+      this._dragging = !1, this._showDataInfo(!1);
+      var t = this.dataZoomModel.get("realtime");
+      !t && this._dispatchZoomAction(!1);
+    }, e.prototype._onClickPanel = function(t) {
+      var a = this._size, o = this._displayables.sliderGroup.transformCoordToLocal(t.offsetX, t.offsetY);
+      if (!(o[0] < 0 || o[0] > a[0] || o[1] < 0 || o[1] > a[1])) {
+        var i = this._handleEnds, n = (i[0] + i[1]) / 2, s = this._updateInterval("all", o[0] - n);
+        this._updateView(), s && this._dispatchZoomAction(!1);
+      }
+    }, e.prototype._onBrushStart = function(t) {
+      var a = t.offsetX, o = t.offsetY;
+      this._brushStart = new da(a, o), this._brushing = !0, this._brushStartTime = +/* @__PURE__ */ new Date();
+    }, e.prototype._onBrushEnd = function(t) {
+      if (this._brushing) {
+        var a = this._displayables.brushRect;
+        if (this._brushing = !1, !!a) {
+          a.attr("ignore", !0);
+          var o = a.shape, i = +/* @__PURE__ */ new Date();
+          if (!(i - this._brushStartTime < 200 && Math.abs(o.width) < 5)) {
+            var n = this._getViewExtent(), s = [0, 100], l = this._handleEnds = [o.x, o.x + o.width], u = this.dataZoomModel.findRepresentativeAxisProxy().getMinMaxSpan();
+            Ae(0, l, n, 0, u.minSpan != null ? k(u.minSpan, s, n, !0) : null, u.maxSpan != null ? k(u.maxSpan, s, n, !0) : null), this._range = Me([k(l[0], n, s, !0), k(l[1], n, s, !0)]), this._updateView(), this._dispatchZoomAction(!1);
+          }
+        }
+      }
+    }, e.prototype._onBrush = function(t) {
+      this._brushing && (Pe(t.event), this._updateBrushRect(t.offsetX, t.offsetY));
+    }, e.prototype._updateBrushRect = function(t, a) {
+      var o = this._displayables, i = this.dataZoomModel, n = o.brushRect;
+      n || (n = o.brushRect = new Se({
+        silent: !0,
+        style: i.getModel("brushStyle").getItemStyle()
+      }), o.sliderGroup.add(n)), n.attr("ignore", !1);
+      var s = this._brushStart, l = this._displayables.sliderGroup, u = l.transformCoordToLocal(t, a), f = l.transformCoordToLocal(s.x, s.y), c = this._size;
+      u[0] = Math.max(Math.min(c[0], u[0]), 0), n.setShape({
+        x: f[0],
+        y: 0,
+        width: u[0] - f[0],
+        height: c[1]
+      });
+    }, e.prototype._dispatchZoomAction = function(t) {
+      var a = this._range;
+      this.api.dispatchAction({
+        type: "dataZoom",
+        from: this.uid,
+        dataZoomId: this.dataZoomModel.id,
+        animation: t ? Hn : null,
+        start: a[0],
+        end: a[1]
+      });
+    }, e.prototype._findCoordRect = function() {
+      var t, a = fr(this.dataZoomModel).infoList;
+      if (!t && a.length) {
+        var o = a[0].model.coordinateSystem;
+        t = o.getRect && o.getRect();
+      }
+      if (!t) {
+        var i = this.api.getWidth(), n = this.api.getHeight();
+        t = {
+          x: i * 0.2,
+          y: n * 0.2,
+          width: i * 0.6,
+          height: n * 0.6
+        };
+      }
+      return t;
+    }, e.type = "dataZoom.slider", e;
+  })(cr)
+);
+function Yn(r) {
+  var e = {
+    x: "y",
+    y: "x",
+    radius: "angle",
+    angle: "radius"
+  };
+  return e[r];
+}
+function Xn(r) {
+  return r === "vertical" ? "ns-resize" : "ew-resize";
+}
+function $n(r) {
+  r.registerComponentModel(Vn), r.registerComponentView(Gn), dr(r);
+}
+function In(r) {
+  et(kn), et($n);
+}
+const Un = { class: "reportifact-timeline-toolbar" }, Kn = ["onClick"], Kt = "#ef4444", Ke = "Cuts", jn = 22, to = /* @__PURE__ */ vr({
+  __name: "Timeline",
+  props: {
+    url: { default: void 0 },
+    src: { default: void 0 },
+    data: { default: void 0 },
+    options: { default: void 0 }
+  },
+  emits: ["row-click"],
+  setup(r, { expose: e, emit: t }) {
+    var B, X, Z;
+    et([
+      ga,
+      xn,
+      ma,
+      ya,
+      xa,
+      _a,
+      In
+    ]);
+    const a = [
+      "#3b82f6",
+      // blue
+      "#f59e0b",
+      // amber
+      "#10b981",
+      // emerald
+      "#8b5cf6",
+      // violet
+      "#0ea5e9",
+      // sky
+      "#64748b",
+      // slate
+      "#ec4899",
+      // pink
+      "#14b8a6"
+      // teal
+    ], o = [
+      { value: "seconds", label: "sec" },
+      { value: "clock", label: "mm:ss" }
+    ], i = Be(!1);
+    let n = null;
+    pr(() => {
+      i.value = document.documentElement.classList.contains("dark"), n = new MutationObserver(() => {
+        i.value = document.documentElement.classList.contains("dark");
+      }), n.observe(document.documentElement, { attributes: !0, attributeFilter: ["class"] });
+    }), gr(() => {
+      n == null || n.disconnect();
+    });
+    const s = r, l = t, u = Be([]), f = se(() => s.data === void 0 ? s.src ?? s.url ?? "" : ""), c = Be(((B = s.options) == null ? void 0 : B.timeFormat) === "clock" ? "clock" : "seconds"), d = ((X = s.options) == null ? void 0 : X.zoom) === !0 || ((Z = s.options) == null ? void 0 : Z.zoom) === "true", { loading: h, error: p, fetchData: x } = wa(f, {
+      async onSuccess(_) {
+        M(await _.json());
+      }
+    }), w = se(() => s.data === void 0 && h.value), A = se(() => s.data !== void 0 ? null : s.src || s.url ? p.value : "Resource not found in asset");
+    function M(_) {
+      const S = Array.isArray(_) ? _ : typeof _ == "object" && _ !== null && "rows" in _ ? _.rows : [];
+      u.value = z(S);
+    }
+    mr(
+      () => s.data,
+      (_) => {
+        _ !== void 0 && M(_);
+      },
+      { immediate: !0, deep: !0 }
+    );
+    function z(_) {
+      if (!Array.isArray(_)) return [];
+      const S = [];
+      for (const b of _) {
+        if (typeof b != "object" || b === null) continue;
+        const y = b, N = Number(y.end);
+        if (typeof y.name != "string" || !Number.isFinite(N)) continue;
+        const V = Number(y.start), F = Array.isArray(y.cuts) ? y.cuts.map(Number).filter(Number.isFinite).sort((O, T) => O - T) : [];
+        S.push({
+          id: typeof y.id == "string" ? y.id : void 0,
+          name: y.name,
+          group: typeof y.group == "string" && y.group ? y.group : void 0,
+          color: typeof y.color == "string" && y.color ? y.color : void 0,
+          start: Number.isFinite(V) ? V : 0,
+          end: N,
+          cuts: F,
+          click: typeof y.click == "object" && y.click !== null ? y.click : void 0
+        });
+      }
+      return S;
+    }
+    const P = se(
+      () => `${Math.max(280, u.value.length * jn + (d ? 150 : 126))}px`
+    ), R = se(() => u.value.reduce((_, S) => Math.max(_, S.end), 0));
+    function q(_, S, b) {
+      const y = Math.max(0, Math.round(_));
+      if (S === "seconds") return `${y}s`;
+      const N = Math.floor(y / 3600), V = Math.floor(y % 3600 / 60), F = y % 60, O = (T) => String(T).padStart(2, "0");
+      return b >= 3600 ? `${O(N)}:${O(V)}:${O(F)}` : `${O(V)}:${O(F)}`;
+    }
+    const U = se(() => {
+      const _ = [];
+      for (const S of u.value) {
+        const b = S.group ?? "";
+        _.includes(b) || _.push(b);
+      }
+      return _;
+    });
+    function te(_) {
+      const S = U.value.indexOf(_);
+      return a[Math.max(0, S) % a.length];
+    }
+    function G(_, S) {
+      return Sa(S, _.coordSys);
+    }
+    function Y(_) {
+      return Math.min(_.size([0, 1])[1] * 0.6, 14);
+    }
+    function re(_, S) {
+      const b = S.value(0), y = S.coord([S.value(1), b]), N = S.coord([S.value(2), b]), V = Y(S), F = G(_, {
+        x: y[0],
+        y: y[1] - V / 2,
+        width: Math.max(N[0] - y[0], 1),
+        height: V
+      });
+      if (!F) return;
+      const O = u.value[b];
+      return {
+        type: "rect",
+        shape: { ...F, r: 2 },
+        style: { fill: (O == null ? void 0 : O.color) ?? S.visual("color") }
+      };
+    }
+    function ie(_, S) {
+      const b = S.value(0), y = S.coord([S.value(1), b]), N = Y(S) + 4, V = G(_, {
+        x: y[0] - 1,
+        y: y[1] - N / 2,
+        width: 2,
+        height: N
+      });
+      if (V)
+        return {
+          type: "rect",
+          shape: V,
+          style: { fill: Kt }
+        };
+    }
+    function W(_) {
+      return typeof _ == "object" && _ !== null && "rowIndex" in _;
+    }
+    function K(_, S) {
+      var T;
+      const b = _;
+      if (!W(b.data)) return "";
+      const y = u.value[b.data.rowIndex];
+      if (!y) return "";
+      if (b.seriesName === Ke) {
+        const $ = b.data.value[1];
+        return `${y.name}<br/>cut @ <strong>${S($)}</strong>`;
+      }
+      const N = S(y.end - (y.start ?? 0)), V = `${S(y.start ?? 0)} – ${S(y.end)}`, F = y.group ? `${y.group} · ` : "", O = (T = y.cuts) != null && T.length ? `${y.cuts.length} cuts: ${y.cuts.map(($) => S($)).join(", ")}` : "no cuts";
+      return `<strong>${y.name}</strong><br/>${F}${N} (${V})<br/>${O}`;
+    }
+    const m = se(() => {
+      var O;
+      if (!u.value.length) return null;
+      const _ = c.value, S = R.value || 1, b = (T) => q(T, _, S), y = U.value.map((T) => ({
+        name: T || "videos",
+        type: "custom",
+        renderItem: re,
+        itemStyle: { color: te(T) },
+        encode: { x: [1, 2], y: 0 },
+        data: u.value.map(($, Ce) => ({
+          value: [Ce, $.start ?? 0, $.end],
+          rowIndex: Ce
+        })).filter(($) => (u.value[$.rowIndex].group ?? "") === T)
+      })), N = u.value.flatMap(
+        (T, $) => (T.cuts ?? []).map((Ce) => ({ value: [$, Ce], rowIndex: $ }))
+      ), V = {
+        name: Ke,
+        type: "custom",
+        renderItem: ie,
+        itemStyle: { color: Kt },
+        encode: { x: 1, y: 0 },
+        z: 10,
+        data: N
+      }, F = typeof ((O = s.options) == null ? void 0 : O.title) == "string" ? s.options.title : "";
+      return {
+        animationDurationUpdate: 0,
+        backgroundColor: "transparent",
+        title: F ? { text: F, left: 0, top: 0, textStyle: { fontSize: 14 } } : void 0,
+        // The mode toolbar sits at the top-right corner, keep the legend centered.
+        legend: {
+          top: 0,
+          left: "center",
+          data: [...y.map((T) => T.name), Ke]
+        },
+        tooltip: {
+          trigger: "item",
+          textStyle: { fontSize: 12 },
+          formatter: (T) => K(T, b)
+        },
+        grid: { left: 8, right: 16, top: 32, bottom: d ? 44 : 24, containLabel: !0 },
+        xAxis: {
+          type: "value",
+          min: 0,
+          max: S,
+          axisLabel: { fontSize: 10, formatter: b }
+        },
+        yAxis: {
+          type: "category",
+          inverse: !0,
+          data: u.value.map((T) => T.name),
+          axisLabel: { fontSize: 10, width: 180, overflow: "truncate" }
+        },
+        dataZoom: d ? [
+          { type: "inside", xAxisIndex: 0 },
+          {
+            type: "slider",
+            xAxisIndex: 0,
+            height: 16,
+            bottom: 8,
+            labelFormatter: b
+          }
+        ] : void 0,
+        series: [...y, V]
+      };
+    });
+    function g(_) {
+      var y;
+      const S = _;
+      if (!W(S.data)) return;
+      const b = (y = u.value[S.data.rowIndex]) == null ? void 0 : y.click;
+      b && l("row-click", b);
+    }
+    function D() {
+      s.data !== void 0 ? M(s.data) : x();
+    }
+    return e({ refresh: D }), (_, S) => (Ne(), vt(Ma, {
+      loading: !u.value.length && w.value,
+      error: A.value
+    }, {
+      skeleton: pt(() => [
+        ue("div", {
+          class: "reportifact-chart-skeleton",
+          style: gt({ "--reportifact-chart-height": P.value })
+        }, [...S[0] || (S[0] = [
+          ue("div", {
+            class: "reportifact-skeleton-line",
+            style: { width: "200px", height: "24px", "margin-bottom": "16px" }
+          }, null, -1),
+          ue("div", { class: "reportifact-skeleton-line reportifact-chart-skeleton-body" }, null, -1)
+        ])], 4)
+      ]),
+      default: pt(() => [
+        ue("div", {
+          class: "reportifact-timeline-container",
+          style: gt({ "--reportifact-chart-height": P.value })
+        }, [
+          ue("div", Un, [
+            (Ne(), xr(_r, null, Sr(o, (b) => ue("button", {
+              key: b.value,
+              type: "button",
+              class: wr(["reportifact-timeline-mode", { "is-active": c.value === b.value }]),
+              onClick: (y) => c.value = b.value
+            }, Mr(b.label), 11, Kn)), 64))
+          ]),
+          m.value ? (Ne(), vt(br(pa), {
+            key: 0,
+            option: m.value,
+            theme: i.value ? "dark" : void 0,
+            autoresize: !0,
+            class: "reportifact-chart",
+            onClick: g
+          }, null, 8, ["option", "theme"])) : yr("", !0)
+        ], 4)
+      ]),
+      _: 1
+    }, 8, ["loading", "error"]));
+  }
+});
+export {
+  to as _
+};