@ovalbee/reportifact 0.0.1 → 0.0.3

package/dist/Timeline.vue_vue_type_style_index_0_lang-EmkZbKjQ.js

@@ -0,0 +1,2646 @@
+import { defineComponent as Cr, ref as Ge, onMounted as Rr, onUnmounted as Dr, computed as le, watch as Tr, createBlock as Mt, openBlock as He, withCtx as bt, createElementVNode as ce, normalizeStyle as At, createCommentVNode as Lr, createElementBlock as Pr, Fragment as Ir, renderList as Or, normalizeClass as zr, toDisplayString as Zr, unref as Nr } from "vue";
+import { m as ue, r as Vr, n as kr, a as rt, _ as Q, b as D, c as Pe, e as de, d as be, i as wt, s as Ie, E as Br, f as lt, t as Ye, g as Re, h as Fr, j as Et, k as Ct, l as ut, o as Be, p as Gr, q as Hr, T as Yr, u as Wr, S as Ur, v as Ee, w as ct, x as or, y as C, z as $r, A as ft, B as H, C as N, D as Xr, F as ge, G as Ae, H as Kr, I as vt, J as me, K as ir, P as sr, L as jr, M as qr, N as Jr, O as Qr, Q as ea, R as ta, U as ra, V as aa, W as na, X as oa, Y as ia, Z as sa, $ as Rt, a0 as at, a1 as la, a2 as Dt, a3 as Tt, a4 as Lt, a5 as k, a6 as Pt, a7 as ua, a8 as lr, a9 as nt, aa as We, ab as It, ac as ca, ad as fa, ae as va, af as ha, ag as da, ah as pa, ai as oe, aj as ga, ak as Ot, al as ma, am as ot, an as ya, ao as _a, ap as zt, aq as O, ar as ve, as as we, at as Ue, au as ur, av as cr, aw as Sa, ax as xa, ay as fr, az as Ma, aA as ba, aB as Aa, aC as wa, aD as Ea, aE as Ca, aF as Ra, aG as vr, aH as hr, aI as Zt, aJ as Da, aK as Ta, aL as La, aM as Pa, aN as Te, aO as Ia, aP as Oa, aQ as Nt, aR as Vt, aS as za, aT as Za, aU as Na, aV as kt, aW as Va, aX as ka, aY as Ba, aZ as Fa, a_ as it, a$ as Ga, b0 as Ha, b1 as Ya, b2 as Wa, b3 as Ua, b4 as $a, b5 as Xa } from "./index-DevYhXSC.js";
+import { u as Ka } from "./useFetch-CHQm_TmB.js";
+import { _ as ja } from "./WidgetWrapper.vue_vue_type_style_index_0_lang-BbnW8GXT.js";
+var qa = ue();
+function Bt(r, t) {
+  return !!qa(r)[t];
+}
+Vr({
+  type: "takeGlobalCursor",
+  event: "globalCursorTaken",
+  update: "update"
+}, kr);
+var Ja = {
+  axisPointer: 1,
+  tooltip: 1,
+  brush: 1
+};
+function Qa(r, t, e) {
+  var a = t.getComponentByElement(r.topTarget);
+  if (!a || a === e || Ja.hasOwnProperty(a.mainType))
+    return !1;
+  var o = a.coordinateSystem;
+  if (!o || o.model === e)
+    return !1;
+  var n = rt(a), i = rt(e);
+  return !((n.zlevel - i.zlevel || n.z - i.z) <= 0);
+}
+var en = (
+  /** @class */
+  (function(r) {
+    Q(t, r);
+    function t(e) {
+      var a = r.call(this) || this;
+      a._zr = e;
+      var o = D(a._mousedownHandler, a), n = D(a._mousemoveHandler, a), i = D(a._mouseupHandler, a), s = D(a._mousewheelHandler, a), l = D(a._pinchHandler, a);
+      return a.enable = function(u, c) {
+        var f = c.zInfo, v = rt(f.component), h = v.z, g = v.zlevel, b = {
+          component: f.component,
+          z: h,
+          zlevel: g,
+          // By default roam controller is the lowest z2 comparing to other elememts in a component.
+          z2: Pe(f.z2, -1 / 0)
+        }, M = de({}, c.triggerInfo);
+        this._opt = be(de({}, c), {
+          zoomOnMouseWheel: !0,
+          moveOnMouseMove: !0,
+          // By default, wheel do not trigger move.
+          moveOnMouseWheel: !1,
+          preventDefaultMouseMove: !0,
+          zInfoParsed: b,
+          triggerInfo: M,
+          cursorGrab: "grab",
+          cursorGrabbing: "grabbing"
+        }), u == null && (u = !0), (!this._enabled || this._controlType !== u) && (this.disable(), this._enabled = !0, (u === !0 || u === "move" || u === "pan") && (_e(e, "mousedown", o, b), _e(e, "mousemove", n, b), _e(e, "mouseup", i, b)), (u === !0 || u === "scale" || u === "zoom") && (_e(e, "mousewheel", s, b), _e(e, "pinch", l, b)));
+      }, a.disable = function() {
+        this._enabled && (this._enabled = !1, Se(e, "mousedown", o), Se(e, "mousemove", n), Se(e, "mouseup", i), Se(e, "mousewheel", s), Se(e, "pinch", l));
+      }, a;
+    }
+    return t.prototype.isDragging = function() {
+      return this._dragging;
+    }, t.prototype.isPinching = function() {
+      return this._pinching;
+    }, t.prototype._checkPointer = function(e, a, o) {
+      var n = this._opt, i = n.zInfoParsed;
+      if (Qa(e, n.api, i.component))
+        return !1;
+      var s = n.triggerInfo, l = s.roamTrigger, u = !1;
+      return l === "global" && (u = !0), u || (u = s.isInSelf(e, a, o)), u && s.isInClip && !s.isInClip(e, a, o) && (u = !1), u;
+    }, t.prototype._decideCursorStyle = function(e, a, o, n) {
+      var i = e.target;
+      if (!i && this._checkPointer(e, a, o))
+        return this._opt.cursorGrab;
+      if (n)
+        return i && i.cursor || "default";
+    }, t.prototype.dispose = function() {
+      this.disable();
+    }, t.prototype._mousedownHandler = function(e) {
+      if (!(wt(e) || ye(e))) {
+        for (var a = e.target; a; ) {
+          if (a.draggable)
+            return;
+          a = a.__hostTarget || a.parent;
+        }
+        var o = e.offsetX, n = e.offsetY;
+        this._checkPointer(e, o, n) && (this._x = o, this._y = n, this._dragging = !0);
+      }
+    }, t.prototype._mousemoveHandler = function(e) {
+      var a = this._zr;
+      if (!(e.gestureEvent === "pinch" || Bt(a, "globalPan") || ye(e))) {
+        var o = e.offsetX, n = e.offsetY;
+        if (!this._dragging || !Le("moveOnMouseMove", e, this._opt)) {
+          var i = this._decideCursorStyle(e, o, n, !1);
+          i && a.setCursorStyle(i);
+          return;
+        }
+        a.setCursorStyle(this._opt.cursorGrabbing);
+        var s = this._x, l = this._y, u = o - s, c = n - l;
+        this._x = o, this._y = n, this._opt.preventDefaultMouseMove && Ie(e.event), e.__ecRoamConsumed = !0, Ft(this, "pan", "moveOnMouseMove", e, {
+          dx: u,
+          dy: c,
+          oldX: s,
+          oldY: l,
+          newX: o,
+          newY: n,
+          isAvailableBehavior: null
+        });
+      }
+    }, t.prototype._mouseupHandler = function(e) {
+      if (!ye(e)) {
+        var a = this._zr;
+        if (!wt(e)) {
+          this._dragging = !1;
+          var o = this._decideCursorStyle(e, e.offsetX, e.offsetY, !0);
+          o && a.setCursorStyle(o);
+        }
+      }
+    }, t.prototype._mousewheelHandler = function(e) {
+      if (!ye(e)) {
+        var a = Le("zoomOnMouseWheel", e, this._opt), o = Le("moveOnMouseWheel", e, this._opt), n = e.wheelDelta, i = Math.abs(n), s = e.offsetX, l = e.offsetY;
+        if (!(n === 0 || !a && !o)) {
+          if (a) {
+            var u = i > 3 ? 1.4 : i > 1 ? 1.2 : 1.1, c = n > 0 ? u : 1 / u;
+            this._checkTriggerMoveZoom(this, "zoom", "zoomOnMouseWheel", e, {
+              scale: c,
+              originX: s,
+              originY: l,
+              isAvailableBehavior: null
+            });
+          }
+          if (o) {
+            var f = Math.abs(n), v = (n > 0 ? 1 : -1) * (f > 3 ? 0.4 : f > 1 ? 0.15 : 0.05);
+            this._checkTriggerMoveZoom(this, "scrollMove", "moveOnMouseWheel", e, {
+              scrollDelta: v,
+              originX: s,
+              originY: l,
+              isAvailableBehavior: null
+            });
+          }
+        }
+      }
+    }, t.prototype._pinchHandler = function(e) {
+      if (!(Bt(this._zr, "globalPan") || ye(e))) {
+        var a = e.pinchScale > 1 ? 1.1 : 1 / 1.1;
+        this._checkTriggerMoveZoom(this, "zoom", null, e, {
+          scale: a,
+          originX: e.pinchX,
+          originY: e.pinchY,
+          isAvailableBehavior: null
+        });
+      }
+    }, t.prototype._checkTriggerMoveZoom = function(e, a, o, n, i) {
+      e._checkPointer(n, i.originX, i.originY) && (Ie(n.event), n.__ecRoamConsumed = !0, Ft(e, a, o, n, i));
+    }, t;
+  })(Br)
+);
+function ye(r) {
+  return r.__ecRoamConsumed;
+}
+var tn = ue();
+function Fe(r) {
+  var t = tn(r);
+  return t.roam = t.roam || {}, t.uniform = t.uniform || {}, t;
+}
+function _e(r, t, e, a) {
+  for (var o = Fe(r), n = o.roam, i = n[t] = n[t] || [], s = 0; s < i.length; s++) {
+    var l = i[s].zInfoParsed;
+    if ((l.zlevel - a.zlevel || l.z - a.z || l.z2 - a.z2) <= 0)
+      break;
+  }
+  i.splice(s, 0, {
+    listener: e,
+    zInfoParsed: a
+  }), rn(r, t);
+}
+function Se(r, t, e) {
+  for (var a = Fe(r), o = a.roam[t] || [], n = 0; n < o.length; n++)
+    if (o[n].listener === e) {
+      o.splice(n, 1), o.length || an(r, t);
+      return;
+    }
+}
+function rn(r, t) {
+  var e = Fe(r);
+  e.uniform[t] || r.on(t, e.uniform[t] = function(a) {
+    var o = e.roam[t];
+    if (o)
+      for (var n = 0; n < o.length; n++)
+        o[n].listener(a);
+  });
+}
+function an(r, t) {
+  var e = Fe(r), a = e.uniform;
+  a[t] && (r.off(t, a[t]), a[t] = null);
+}
+function Ft(r, t, e, a, o) {
+  o.isAvailableBehavior = D(Le, null, e, a), r.trigger(t, o);
+}
+function Le(r, t, e) {
+  var a = e[r];
+  return !r || a && (!lt(a) || t.event[a + "Key"]);
+}
+var nn = 0, Gt = 1, on = 2;
+var sn = "view";
+(function(r) {
+  Q(t, r);
+  function t(e, a, o) {
+    var n = r.call(this) || this;
+    n.type = sn, n.dimensions = ["x", "y"];
+    var i = n;
+    i.invertY = e, i.lgCt = a, i.lgGeo = o;
+    var s = i.trans = [];
+    return s[nn] = Ye(), s[Gt] = Ye(), s[on] = Ye(), i.mtRaw = Re(), i.mtRawInv = Re(), i.mtOverall = Re(), i.mtOverallInv = Re(), i.zoom = 1, n;
+  }
+  return t.prototype.getBoundingRect = function() {
+    return un(null, this);
+  }, t.prototype.getViewRect = function() {
+    return cn(null, this);
+  }, t.prototype.getRoamTransform = function() {
+    return Fr(this.trans[Gt]);
+  }, t.prototype.dataToPoint = function(e, a, o) {
+    var n = a ? this.mtRaw : this.mtOverall;
+    return o = o || [], n ? Et(o, e, n) : Ct(o, e);
+  }, t.prototype.pointToData = function(e, a, o) {
+    o = o || [];
+    var n = this.mtOverallInv;
+    return n ? Et(o, e, n) : Ct(o, e);
+  }, t.prototype.convertToPixel = function(e, a, o) {
+    var n = Ht(a);
+    return n === this ? n.dataToPoint(o) : null;
+  }, t.prototype.convertFromPixel = function(e, a, o) {
+    var n = Ht(a);
+    return n === this ? n.pointToData(o) : null;
+  }, t.prototype.containPoint = function(e) {
+    var a = this;
+    return ut(De, a.dataRect), Gr(De, De, a.mtOverall), Hr(De, e[0], e[1]);
+  }, t.dimensions = ["x", "y"], t;
+})(Yr);
+var De = Be();
+function ln(r) {
+  return r.zoom;
+}
+function un(r, t) {
+  return ut(Be(), t.dataRect);
+}
+function cn(r, t) {
+  return ut(Be(), t.viewRect);
+}
+Be();
+function Ht(r) {
+  var t = r.seriesModel;
+  return t ? t.coordinateSystem : null;
+}
+var Yt = {
+  color: "fill",
+  borderColor: "stroke"
+}, fn = {
+  symbol: 1,
+  symbolSize: 1,
+  symbolKeepAspect: 1,
+  legendIcon: 1,
+  visualMeta: 1,
+  liftZ: 1,
+  decal: 1
+}, ee = ue(), vn = (
+  /** @class */
+  (function(r) {
+    Q(t, r);
+    function t() {
+      var e = r !== null && r.apply(this, arguments) || this;
+      return e.type = t.type, e;
+    }
+    return t.prototype.optionUpdated = function() {
+      this.currentZLevel = this.get("zlevel", !0), this.currentZ = this.get("z", !0);
+    }, t.prototype.getInitialData = function(e, a) {
+      return Wr(null, this);
+    }, t.prototype.getDataParams = function(e, a, o) {
+      var n = r.prototype.getDataParams.call(this, e, a);
+      return o && (n.info = ee(o).info), n;
+    }, t.type = "series.custom", t.dependencies = ["grid", "polar", "geo", "singleAxis", "calendar", "matrix"], t.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,
+    }, t;
+  })(Ur)
+);
+function hn(r, t) {
+  return t = t || [0, 0], Ee(["x", "y"], function(e, a) {
+    var o = this.getAxis(e), n = t[a], i = r[a] / 2;
+    return o.type === "category" ? ct(o).w : Math.abs(o.dataToCoord(n - i) - o.dataToCoord(n + i));
+  }, this);
+}
+function dn(r) {
+  var t = r.master.getRect();
+  return {
+    coordSys: {
+      // The name exposed to user is always 'cartesian2d' but not 'grid'.
+      type: "cartesian2d",
+      x: t.x,
+      y: t.y,
+      width: t.width,
+      height: t.height
+    },
+    api: {
+      coord: function(e) {
+        return r.dataToPoint(e);
+      },
+      size: D(hn, r)
+    }
+  };
+}
+function pn(r, t) {
+  return t = t || [0, 0], Ee([0, 1], function(e) {
+    var a = t[e], o = r[e] / 2, n = [], i = [];
+    return n[e] = a - o, i[e] = a + o, n[1 - e] = i[1 - e] = t[1 - e], Math.abs(this.dataToPoint(n)[e] - this.dataToPoint(i)[e]);
+  }, this);
+}
+function gn(r) {
+  var t = r.view, e = t.getBoundingRect();
+  return {
+    coordSys: {
+      type: "geo",
+      x: e.x,
+      y: e.y,
+      width: e.width,
+      height: e.height,
+      zoom: ln(t)
+    },
+    api: {
+      coord: function(a) {
+        return r.dataToPoint(a);
+      },
+      size: D(pn, r)
+    }
+  };
+}
+function mn(r, t) {
+  var e = this.getAxis(), a = t instanceof Array ? t[0] : t, o = (r instanceof Array ? r[0] : r) / 2;
+  return e.type === "category" ? ct(e).w : Math.abs(e.dataToCoord(a - o) - e.dataToCoord(a + o));
+}
+function yn(r) {
+  var t = r.getRect();
+  return {
+    coordSys: {
+      type: "singleAxis",
+      x: t.x,
+      y: t.y,
+      width: t.width,
+      height: t.height
+    },
+    api: {
+      coord: function(e) {
+        return r.dataToPoint(e);
+      },
+      size: D(mn, r)
+    }
+  };
+}
+function _n(r, t) {
+  return t = t || [0, 0], Ee(["Radius", "Angle"], function(e, a) {
+    var o = "get" + e + "Axis", n = this[o](), i = t[a], s = r[a] / 2, l = n.type === "category" ? ct(n).w : Math.abs(n.dataToCoord(i - s) - n.dataToCoord(i + s));
+    return e === "Angle" && (l = l * Math.PI / 180), l;
+  }, this);
+}
+function Sn(r) {
+  var t = r.getRadiusAxis(), e = r.getAngleAxis(), a = t.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 n = t.dataToRadius(o[0]), i = e.dataToAngle(o[1]), s = r.coordToPoint([n, i]);
+        return s.push(n, i * Math.PI / 180), s;
+      },
+      size: D(_n, r)
+    }
+  };
+}
+function xn(r) {
+  var t = r.getRect(), e = r.getRangeInfo();
+  return {
+    coordSys: {
+      type: "calendar",
+      x: t.x,
+      y: t.y,
+      width: t.width,
+      height: t.height,
+      cellWidth: r.getCellWidth(),
+      cellHeight: r.getCellHeight(),
+      rangeInfo: {
+        start: e.start,
+        end: e.end,
+        weeks: e.weeks,
+        dayCount: e.allDay
+      }
+    },
+    api: {
+      coord: function(a, o) {
+        return r.dataToPoint(a, o);
+      },
+      layout: function(a, o) {
+        return r.dataToLayout(a, o);
+      }
+    }
+  };
+}
+function Mn(r) {
+  var t = r.getRect();
+  return {
+    coordSys: {
+      type: "matrix",
+      x: t.x,
+      y: t.y,
+      width: t.width,
+      height: t.height
+    },
+    api: {
+      coord: function(e, a) {
+        return r.dataToPoint(e, a);
+      },
+      layout: function(e, a) {
+        return r.dataToLayout(e, a);
+      }
+    }
+  };
+}
+var dr = {
+  position: ["x", "y"],
+  scale: ["scaleX", "scaleY"],
+  origin: ["originX", "originY"]
+}, Wt = ge(dr), Oe = Xr(Ae, function(r, t) {
+  return r[t] = 1, r;
+}, {}), Ut = Ae.join(", "), ze = ["", "style", "shape", "extra"], pe = ue();
+function ht(r, t, e, a, o) {
+  var n = r + "Animation", i = or(r, a, o) || {}, s = pe(t).userDuring;
+  return i.duration > 0 && (i.during = s ? D(Dn, {
+    el: t,
+    userDuring: s
+  }) : null, i.setToFinal = !0, i.scope = r), de(i, e[n]), i;
+}
+function bn(r, t, e, a) {
+  a = a || {};
+  var o = a.dataIndex, n = a.isInit, i = a.clearStyle, s = e.isAnimationEnabled(), l = pe(r), u = t.style;
+  l.userDuring = t.during;
+  var c = {}, f = {};
+  if (Ln(r, t, f), r.type === "compound")
+    for (var v = r.shape.paths, h = t.shape.paths, g = 0; g < h.length; g++) {
+      var b = h[g];
+      $e("shape", b, v[g]);
+    }
+  else
+    $e("shape", t, f), $e("extra", t, f);
+  if (!n && s && (Tn(r, t, c), $t("shape", r, t, c), $t("extra", r, t, c), Pn(r, t, u, c)), f.style = u, wn(r, f, i), Cn(r, t), s)
+    if (n) {
+      var M = {};
+      C(ze, function(E) {
+        var R = E ? t[E] : t;
+        R && R.enterFrom && (E && (M[E] = M[E] || {}), de(E ? M[E] : M, R.enterFrom));
+      });
+      var A = ht("enter", r, t, e, o);
+      A.duration > 0 && r.animateFrom(M, A);
+    } else
+      En(r, t, o || 0, e, c);
+  An(r, t), u ? r.dirty() : r.markRedraw();
+}
+function An(r, t) {
+  for (var e = pe(r).leaveToProps, a = 0; a < ze.length; a++) {
+    var o = ze[a], n = o ? t[o] : t;
+    n && n.leaveTo && (e || (e = pe(r).leaveToProps = {}), o && (e[o] = e[o] || {}), de(o ? e[o] : e, n.leaveTo));
+  }
+}
+function dt(r, t, e, a) {
+  if (r) {
+    var o = r.parent, n = pe(r).leaveToProps;
+    if (n) {
+      var i = ht("update", r, t, e, 0);
+      i.done = function() {
+        o && o.remove(r);
+      }, r.animateTo(n, i);
+    } else
+      o && o.remove(r);
+  }
+}
+function he(r) {
+  return r === "all";
+}
+function wn(r, t, e) {
+  var a = t.style;
+  if (!r.isGroup && a) {
+    if (e) {
+      r.useStyle({});
+      for (var o = r.animators, n = 0; n < o.length; n++) {
+        var i = o[n];
+        i.targetName === "style" && i.changeTarget(r.style);
+      }
+    }
+    r.setStyle(a);
+  }
+  t && (t.style = null, t && r.attr(t), t.style = a);
+}
+function En(r, t, e, a, o) {
+  if (o) {
+    var n = ht("update", r, t, a, e);
+    n.duration > 0 && r.animateFrom(o, n);
+  }
+}
+function Cn(r, t) {
+  N(t, "silent") && (r.silent = t.silent), N(t, "ignore") && (r.ignore = t.ignore), r instanceof ir && N(t, "invisible") && (r.invisible = t.invisible), r instanceof sr && N(t, "autoBatch") && (r.autoBatch = t.autoBatch);
+}
+var J = {}, Rn = {
+  // Usually other props do not need to be changed in animation during.
+  setTransform: function(r, t) {
+    return process.env.NODE_ENV !== "production" && H(N(Oe, r), "Only " + Ut + " available in `setTransform`."), J.el[r] = t, this;
+  },
+  getTransform: function(r) {
+    return process.env.NODE_ENV !== "production" && H(N(Oe, r), "Only " + Ut + " available in `getTransform`."), J.el[r];
+  },
+  setShape: function(r, t) {
+    process.env.NODE_ENV !== "production" && fe(r);
+    var e = J.el, a = e.shape || (e.shape = {});
+    return a[r] = t, e.dirtyShape && e.dirtyShape(), this;
+  },
+  getShape: function(r) {
+    process.env.NODE_ENV !== "production" && fe(r);
+    var t = J.el.shape;
+    if (t)
+      return t[r];
+  },
+  setStyle: function(r, t) {
+    process.env.NODE_ENV !== "production" && fe(r);
+    var e = J.el, a = e.style;
+    return a && (process.env.NODE_ENV !== "production" && $r(t) && ft("style." + r + " must not be assigned with NaN."), a[r] = t, e.dirtyStyle && e.dirtyStyle()), this;
+  },
+  getStyle: function(r) {
+    process.env.NODE_ENV !== "production" && fe(r);
+    var t = J.el.style;
+    if (t)
+      return t[r];
+  },
+  setExtra: function(r, t) {
+    process.env.NODE_ENV !== "production" && fe(r);
+    var e = J.el.extra || (J.el.extra = {});
+    return e[r] = t, this;
+  },
+  getExtra: function(r) {
+    process.env.NODE_ENV !== "production" && fe(r);
+    var t = J.el.extra;
+    if (t)
+      return t[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 Dn() {
+  var r = this, t = r.el;
+  if (t) {
+    var e = pe(t).userDuring, a = r.userDuring;
+    if (e !== a) {
+      r.el = r.userDuring = null;
+      return;
+    }
+    J.el = t, a(Rn);
+  }
+}
+function $t(r, t, e, a) {
+  var o = e[r];
+  if (o) {
+    var n = t[r], i;
+    if (n) {
+      var s = e.transition, l = o.transition;
+      if (l)
+        if (!i && (i = a[r] = {}), he(l))
+          de(i, n);
+        else
+          for (var u = vt(l), c = 0; c < u.length; c++) {
+            var f = u[c], v = n[f];
+            i[f] = v;
+          }
+      else if (he(s) || me(s, r) >= 0) {
+        !i && (i = a[r] = {});
+        for (var h = ge(n), c = 0; c < h.length; c++) {
+          var f = h[c], v = n[f];
+          In(o[f], v) && (i[f] = v);
+        }
+      }
+    }
+  }
+}
+function $e(r, t, e) {
+  var a = t[r];
+  if (a)
+    for (var o = e[r] = {}, n = ge(a), i = 0; i < n.length; i++) {
+      var s = n[i];
+      o[s] = Kr(a[s]);
+    }
+}
+function Tn(r, t, e) {
+  for (var a = t.transition, o = he(a) ? Ae : vt(a || []), n = 0; n < o.length; n++) {
+    var i = o[n];
+    if (!(i === "style" || i === "shape" || i === "extra")) {
+      var s = r[i];
+      process.env.NODE_ENV !== "production" && pr(i, "el.transition"), e[i] = s;
+    }
+  }
+}
+function Ln(r, t, e) {
+  for (var a = 0; a < Wt.length; a++) {
+    var o = Wt[a], n = dr[o], i = t[o];
+    i && (e[n[0]] = i[0], e[n[1]] = i[1]);
+  }
+  for (var a = 0; a < Ae.length; a++) {
+    var s = Ae[a];
+    t[s] != null && (e[s] = t[s]);
+  }
+}
+function Pn(r, t, e, a) {
+  if (e) {
+    var o = r.style, n;
+    if (o) {
+      var i = e.transition, s = t.transition;
+      if (i && !he(i)) {
+        var l = vt(i);
+        !n && (n = a.style = {});
+        for (var u = 0; u < l.length; u++) {
+          var c = l[u], f = o[c];
+          n[c] = f;
+        }
+      } else if (r.getAnimationStyleProps && (he(s) || he(i) || me(s, "style") >= 0)) {
+        var v = r.getAnimationStyleProps(), h = v ? v.style : null;
+        if (h) {
+          !n && (n = a.style = {});
+          for (var g = ge(e), u = 0; u < g.length; u++) {
+            var c = g[u];
+            if (h[c]) {
+              var f = o[c];
+              n[c] = f;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+function In(r, t) {
+  return jr(r) ? r !== t : r != null && isFinite(r);
+}
+var pr;
+process.env.NODE_ENV !== "production" && (pr = function(r, t) {
+  N(Oe, r) || ft("Prop `" + r + "` is not a permitted in `" + t + "`. Only `" + ge(Oe).join("`, `") + "` are permitted.");
+});
+var gr = ue(), On = ["percent", "easing", "shape", "style", "extra"];
+function zn(r) {
+  r.stopAnimation("keyframe"), r.attr(gr(r));
+}
+function mr(r, t, e) {
+  if (!(!e.isAnimationEnabled() || !t)) {
+    if (qr(t)) {
+      C(t, function(s) {
+        mr(r, s, e);
+      });
+      return;
+    }
+    var a = t.keyframes, o = t.duration;
+    if (e && o == null) {
+      var n = or("enter", e, 0);
+      o = n && n.duration;
+    }
+    if (!(!a || !o)) {
+      var i = gr(r);
+      C(ze, function(s) {
+        if (!(s && !r[s])) {
+          var l, u = !1;
+          a.sort(function(c, f) {
+            return c.percent - f.percent;
+          }), C(a, function(c) {
+            var f = r.animators, v = s ? c[s] : c;
+            if (process.env.NODE_ENV !== "production" && c.percent >= 1 && (u = !0), !!v) {
+              var h = ge(v);
+              if (s || (h = Jr(h, function(M) {
+                return me(On, M) < 0;
+              })), !!h.length) {
+                l || (l = r.animate(s, t.loop, !0), l.scope = "keyframe");
+                for (var g = 0; g < f.length; g++)
+                  f[g] !== l && f[g].targetName === l.targetName && f[g].stopTracks(h);
+                s && (i[s] = i[s] || {});
+                var b = s ? i[s] : i;
+                C(h, function(M) {
+                  b[M] = ((s ? r[s] : r) || {})[M];
+                }), l.whenWithKeys(o * c.percent, v, h, c.easing);
+              }
+            }
+          }), l && (process.env.NODE_ENV !== "production" && (u || ft("End frame with percent: 1 is missing in the keyframeAnimation.", !0)), l.delay(t.delay || 0).duration(o).start(t.easing));
+        }
+      });
+    }
+  }
+}
+var te = "emphasis", ae = "normal", pt = "blur", gt = "select", ie = [ae, te, pt, gt], Xe = {
+  normal: ["itemStyle"],
+  emphasis: [te, "itemStyle"],
+  blur: [pt, "itemStyle"],
+  select: [gt, "itemStyle"]
+}, Ke = {
+  normal: ["label"],
+  emphasis: [te, "label"],
+  blur: [pt, "label"],
+  select: [gt, "label"]
+}, Zn = ["x", "y"], Nn = "e\0\0", U = {
+  normal: {},
+  emphasis: {},
+  blur: {},
+  select: {}
+}, Xt = {
+  cartesian2d: dn,
+  geo: gn,
+  single: yn,
+  polar: Sn,
+  calendar: xn,
+  matrix: Mn
+};
+function Ze(r) {
+  return r instanceof sr;
+}
+function st(r) {
+  return r instanceof ir;
+}
+function Vn(r, t) {
+  t.copyTransform(r), st(t) && st(r) && (t.setStyle(r.style), t.z = r.z, t.z2 = r.z2, t.zlevel = r.zlevel, t.invisible = r.invisible, t.ignore = r.ignore, Ze(t) && Ze(r) && t.setShape(r.shape));
+}
+var kn = (
+  /** @class */
+  (function(r) {
+    Q(t, r);
+    function t() {
+      var e = r !== null && r.apply(this, arguments) || this;
+      return e.type = t.type, e;
+    }
+    return t.prototype.render = function(e, a, o, n) {
+      this._progressiveEls = null;
+      var i = this._data, s = e.getData(), l = this.group, u = Kt(e, s, a, o);
+      i || l.removeAll(), s.diff(i).add(function(f) {
+        je(o, null, f, u(f, n), e, l, s);
+      }).remove(function(f) {
+        var v = i.getItemGraphicEl(f);
+        v && dt(v, ee(v).option, e);
+      }).update(function(f, v) {
+        var h = i.getItemGraphicEl(v);
+        je(o, h, f, u(f, n), e, l, s);
+      }).execute();
+      var c = e.get("clip", !0) ? Qr(e.coordinateSystem, !1, e) : null;
+      c ? l.setClipPath(c) : l.removeClipPath(), this._data = s;
+    }, t.prototype.incrementalPrepareRender = function(e, a, o) {
+      this.group.removeAll(), this._data = null;
+    }, t.prototype.incrementalRender = function(e, a, o, n, i) {
+      var s = a.getData(), l = Kt(a, s, o, n), u = this._progressiveEls = [];
+      function c(h) {
+        h.isGroup || (h.incremental = na(a), h.ensureState("emphasis").hoverLayer = oa);
+      }
+      for (var f = e.start; f < e.end; f++) {
+        var v = je(null, null, f, l(f, i), a, this.group, s);
+        v && (v.traverse(c), u.push(v));
+      }
+    }, t.prototype.eachRendered = function(e) {
+      ea(this._progressiveEls || this.group, e);
+    }, t.prototype.filterForExposedEvent = function(e, a, o, n) {
+      var i = a.element;
+      if (i == null || o.name === i)
+        return !0;
+      for (; (o = o.__hostTarget || o.parent) && o !== this.group; )
+        if (o.name === i)
+          return !0;
+      return !1;
+    }, t.type = "custom", t;
+  })(ta)
+);
+function mt(r) {
+  var t = r.type, e;
+  if (t === "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, n = Sr(a);
+    e = Pt(n, null, o, a.layout || "center"), ee(e).customPathData = n;
+  } else if (t === "image")
+    e = new ua({}), ee(e).customImagePath = r.style.image;
+  else if (t === "text")
+    e = new lr({});
+  else if (t === "group")
+    e = new nt();
+  else if (t === "compoundPath") {
+    var a = r.shape;
+    if (!a || !a.paths) {
+      var i = "";
+      process.env.NODE_ENV !== "production" && (i = "shape.paths must be specified in compoundPath"), We(i);
+    }
+    var s = Ee(a.paths, function(c) {
+      if (c.type === "path")
+        return Pt(c.shape.pathData, c, null);
+      var f = It(c.type);
+      if (!f) {
+        var v = "";
+        process.env.NODE_ENV !== "production" && (v = 'graphic type "' + t + '" can not be found.'), We(v);
+      }
+      return new f();
+    });
+    e = new ca({
+      shape: {
+        paths: s
+      }
+    });
+  } else {
+    var l = It(t);
+    if (!l) {
+      var i = "";
+      process.env.NODE_ENV !== "production" && (i = 'graphic type "' + t + '" can not be found.'), We(i);
+    }
+    e = new l();
+  }
+  return ee(e).customGraphicType = t, e.name = r.name, e.z2EmphasisLift = 1, e.z2SelectLift = 1, e;
+}
+function yt(r, t, e, a, o, n, i) {
+  zn(t);
+  var s = o && o.normal.cfg;
+  s && t.setTextConfig(s), a && a.transition == null && (a.transition = Zn);
+  var l = a && a.style;
+  if (l) {
+    if (t.type === "text") {
+      var u = l;
+      N(u, "textFill") && (u.fill = u.textFill), N(u, "textStroke") && (u.stroke = u.textStroke);
+    }
+    var c = void 0, f = Ze(t) ? l.decal : null;
+    r && f && (f.dirty = !0, c = fa(f, r)), l.__decalPattern = c;
+  }
+  if (st(t) && l) {
+    var c = l.__decalPattern;
+    c && (l.decal = c);
+  }
+  bn(t, a, n, {
+    dataIndex: e,
+    isInit: i,
+    clearStyle: !0
+  }), mr(t, a.keyframeAnimation, n);
+}
+function yr(r, t, e, a, o) {
+  var n = t.isGroup ? null : t, i = o && o[r].cfg;
+  if (n) {
+    var s = n.ensureState(r);
+    if (a === !1) {
+      var l = n.getState(r);
+      l && (l.style = null);
+    } else
+      s.style = a || null;
+    i && (s.textConfig = i), va(n);
+  }
+}
+function Bn(r, t, e) {
+  if (!r.isGroup) {
+    var a = r, o = e.currentZ, n = e.currentZLevel;
+    a.z = o, a.zlevel = n;
+    var i = t.z2;
+    i != null && (a.z2 = i || 0);
+    for (var s = 0; s < ie.length; s++)
+      Fn(a, t, ie[s]);
+  }
+}
+function Fn(r, t, e) {
+  var a = e === ae, o = a ? t : Ne(t, e), n = o ? o.z2 : null, i;
+  n != null && (i = a ? r : r.ensureState(e), i.z2 = n || 0);
+}
+function Kt(r, t, e, a) {
+  var o = r.get("renderItem");
+  if (typeof o == "string") {
+    var n = ra(o);
+    n ? o = n : process.env.NODE_ENV !== "production" && console.warn("Custom series renderItem '" + o + `' not found.
+                Call 'echarts.registerCustomSeries' to register it.`);
+  }
+  var i = r.coordinateSystem, s = {};
+  i && (process.env.NODE_ENV !== "production" && (H(o, "series.render is required."), H(i.prepareCustoms || Xt[i.type], "This coordSys does not support custom series.")), s = i.prepareCustoms ? i.prepareCustoms(i) : Xt[i.type](i));
+  for (var l = be({
+    getWidth: a.getWidth,
+    getHeight: a.getHeight,
+    getZr: a.getZr,
+    getDevicePixelRatio: a.getDevicePixelRatio,
+    value: x,
+    style: F,
+    ordinalRawValue: L,
+    styleEmphasis: $,
+    visual: re,
+    barLayout: se,
+    currentSeriesIndices: Y,
+    font: q
+  }, 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: t.count(),
+    encode: Gn(r.getData()),
+    itemPayload: r.get("itemPayload") || {}
+  }, c, f, v = {}, h = {}, g = {}, b = {}, M = 0; M < ie.length; M++) {
+    var A = ie[M];
+    g[A] = r.getModel(Xe[A]), b[A] = r.getModel(Ke[A]);
+  }
+  function E(p) {
+    return p === c ? f || (f = t.getItemModel(p)) : t.getItemModel(p);
+  }
+  function R(p, d) {
+    return t.hasItemOption ? p === c ? v[d] || (v[d] = E(p).getModel(Xe[d])) : E(p).getModel(Xe[d]) : g[d];
+  }
+  function y(p, d) {
+    return t.hasItemOption ? p === c ? h[d] || (h[d] = E(p).getModel(Ke[d])) : E(p).getModel(Ke[d]) : b[d];
+  }
+  return function(p, d) {
+    return c = p, f = null, v = {}, h = {}, o && o(be({
+      dataIndexInside: p,
+      dataIndex: t.getRawIndex(p),
+      // Can be used for optimization when zoom or roam.
+      actionType: d ? d.type : null
+    }, u), l);
+  };
+  function x(p, d) {
+    return d == null && (d = c), t.getStore().get(t.getDimensionIndex(p || 0), d);
+  }
+  function L(p, d) {
+    d == null && (d = c), p = p || 0;
+    var T = t.getDimensionInfo(p);
+    if (!T) {
+      var B = t.getDimensionIndex(p);
+      return B >= 0 ? t.getStore().get(B, d) : void 0;
+    }
+    var K = t.get(T.name, d), z = T && T.ordinalMeta;
+    return z ? z.categories[K] : K;
+  }
+  function F(p, d) {
+    process.env.NODE_ENV !== "production" && Rt("api.style", "Please write literal style directly instead."), d == null && (d = c);
+    var T = t.getItemVisual(d, "style"), B = T && T.fill, K = T && T.opacity, z = R(d, ae).getItemStyle();
+    B != null && (z.fill = B), K != null && (z.opacity = K);
+    var _ = {
+      inheritColor: lt(B) ? B : k.color.neutral99
+    }, S = y(d, ae), w = at(S, null, _, !1, !0);
+    w.text = S.getShallow("show") ? Pe(r.getFormattedLabel(d, ae), Dt(t, d)) : null;
+    var m = Tt(S, _, !1);
+    return X(p, z), z = Lt(z, w, m), p && I(z, p), z.legacy = !0, z;
+  }
+  function $(p, d) {
+    process.env.NODE_ENV !== "production" && Rt("api.styleEmphasis", "Please write literal style directly instead."), d == null && (d = c);
+    var T = R(d, te).getItemStyle(), B = y(d, te), K = at(B, null, null, !0, !0);
+    K.text = B.getShallow("show") ? la(r.getFormattedLabel(d, te), r.getFormattedLabel(d, ae), Dt(t, d)) : null;
+    var z = Tt(B, null, !0);
+    return X(p, T), T = Lt(T, K, z), p && I(T, p), T.legacy = !0, T;
+  }
+  function I(p, d) {
+    for (var T in d)
+      N(d, T) && (p[T] = d[T]);
+  }
+  function X(p, d) {
+    p && (p.textFill && (d.textFill = p.textFill), p.textPosition && (d.textPosition = p.textPosition));
+  }
+  function re(p, d) {
+    if (d == null && (d = c), N(Yt, p)) {
+      var T = t.getItemVisual(d, "style");
+      return T ? T[Yt[p]] : null;
+    }
+    if (N(fn, p))
+      return t.getItemVisual(d, p);
+  }
+  function se(p) {
+    if (i.type === "cartesian2d") {
+      var d = i.getBaseAxis();
+      return sa(be({
+        axis: d
+      }, p));
+    }
+  }
+  function Y() {
+    return e.getCurrentSeriesIndices();
+  }
+  function q(p) {
+    return ia(p, e);
+  }
+}
+function Gn(r) {
+  var t = {};
+  return C(r.dimensions, function(e) {
+    var a = r.getDimensionInfo(e);
+    if (!a.isExtraCoord) {
+      var o = a.coordDim, n = t[o] = t[o] || [];
+      n[a.coordDimIndex] = r.getDimensionIndex(e);
+    }
+  }), t;
+}
+function je(r, t, e, a, o, n, i) {
+  if (!a) {
+    n.remove(t);
+    return;
+  }
+  var s = _t(r, t, e, a, o, n);
+  return s && i.setItemGraphicEl(e, s), s && aa(s, a.focus, a.blurScope, a.emphasisDisabled), s;
+}
+function _t(r, t, e, a, o, n) {
+  process.env.NODE_ENV !== "production" && H(a, "should not have an null/undefined element setting");
+  var i = -1, s = t;
+  t && _r(t, a, o) && (i = me(n.childrenRef(), t), t = null);
+  var l = !t, u = t;
+  u ? u.clearStates() : (u = mt(a), s && Vn(s, u)), a.morph === !1 ? u.disableMorphing = !0 : u.disableMorphing && (u.disableMorphing = !1), a.tooltipDisabled && (u.tooltipDisabled = !0), U.normal.cfg = U.normal.conOpt = U.emphasis.cfg = U.emphasis.conOpt = U.blur.cfg = U.blur.conOpt = U.select.cfg = U.select.conOpt = null, U.isLegacy = !1, Yn(u, e, a, o, l, U), Hn(u, e, a, o, l), yt(r, u, e, a, U, o, l), N(a, "info") && (ee(u).info = a.info);
+  for (var c = 0; c < ie.length; c++) {
+    var f = ie[c];
+    if (f !== ae) {
+      var v = Ne(a, f), h = St(a, v, f);
+      yr(f, u, v, h, U);
+    }
+  }
+  return Bn(u, a, o), a.type === "group" && Wn(r, u, e, a, o), i >= 0 ? n.replaceAt(u, i) : n.add(u), u;
+}
+function _r(r, t, e) {
+  var a = ee(r), o = t.type, n = t.shape, i = t.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.
+    e.isUniversalTransitionEnabled() || o != null && o !== a.customGraphicType || o === "path" && Kn(n) && Sr(n) !== a.customPathData || o === "image" && N(i, "image") && i.image !== a.customImagePath
+  );
+}
+function Hn(r, t, e, a, o) {
+  var n = e.clipPath;
+  if (n === !1)
+    r && r.getClipPath() && r.removeClipPath();
+  else if (n) {
+    var i = r.getClipPath();
+    i && _r(i, n, a) && (i = null), i || (i = mt(n), process.env.NODE_ENV !== "production" && H(Ze(i), "Only any type of `path` can be used in `clipPath`, rather than " + i.type + "."), r.setClipPath(i)), yt(null, i, t, n, null, a, o);
+  }
+}
+function Yn(r, t, e, a, o, n) {
+  if (!(r.isGroup || r.type === "compoundPath")) {
+    jt(e, null, n), jt(e, te, n);
+    var i = n.normal.conOpt, s = n.emphasis.conOpt, l = n.blur.conOpt, u = n.select.conOpt;
+    if (i != null || s != null || u != null || l != null) {
+      var c = r.getTextContent();
+      if (i === !1)
+        c && r.removeTextContent();
+      else {
+        i = n.normal.conOpt = i || {
+          type: "text"
+        }, c ? c.clearStates() : (c = mt(i), r.setTextContent(c)), yt(null, c, t, i, null, a, o);
+        for (var f = i && i.style, v = 0; v < ie.length; v++) {
+          var h = ie[v];
+          if (h !== ae) {
+            var g = n[h].conOpt;
+            yr(h, c, g, St(i, g, h), null);
+          }
+        }
+        f ? c.dirty() : c.markRedraw();
+      }
+    }
+  }
+}
+function jt(r, t, e) {
+  var a = t ? Ne(r, t) : r, o = t ? St(r, a, te) : r.style, n = r.type, i = a ? a.textConfig : null, s = r.textContent, l = s ? t ? Ne(s, t) : s : null;
+  if (o && // Because emphasis style has little info to detect legacy,
+  // if normal is legacy, emphasis is trade as legacy.
+  (e.isLegacy || ha(o, n, !!i, !!l))) {
+    e.isLegacy = !0;
+    var u = da(o, n, !t);
+    !i && u.textConfig && (i = u.textConfig), !l && u.textContent && (l = u.textContent);
+  }
+  if (!t && l) {
+    var c = l;
+    !c.type && (c.type = "text"), process.env.NODE_ENV !== "production" && H(c.type === "text", 'textContent.type must be "text"');
+  }
+  var f = t ? e[t] : e.normal;
+  f.cfg = i, f.conOpt = l;
+}
+function Ne(r, t) {
+  return t ? r ? r[t] : null : r;
+}
+function St(r, t, e) {
+  var a = t && t.style;
+  return a == null && e === te && r && (a = r.styleEmphasis), a;
+}
+function Wn(r, t, e, a, o) {
+  var n = a.children, i = n ? n.length : 0, s = a.$mergeChildren, l = s === "byName" || a.diffChildrenByName, u = s === !1;
+  if (!(!i && !l && !u)) {
+    if (l) {
+      $n({
+        api: r,
+        oldChildren: t.children() || [],
+        newChildren: n || [],
+        dataIndex: e,
+        seriesModel: o,
+        group: t
+      });
+      return;
+    }
+    u && t.removeAll();
+    for (var c = 0; c < i; c++) {
+      var f = n[c], v = t.childAt(c);
+      f ? (f.ignore == null && (f.ignore = !1), _t(r, v, e, f, o, t)) : (process.env.NODE_ENV !== "production" && H(v, "renderItem should not return a group containing elements as null/undefined/{} if they do not exist before."), v.ignore = !0);
+    }
+    for (var h = t.childCount() - 1; h >= c; h--) {
+      var g = t.childAt(h);
+      Un(t, g, o);
+    }
+  }
+}
+function Un(r, t, e) {
+  t && dt(t, ee(r).option, e);
+}
+function $n(r) {
+  new pa(r.oldChildren, r.newChildren, qt, qt, r).add(Jt).update(Jt).remove(Xn).execute();
+}
+function qt(r, t) {
+  var e = r && r.name;
+  return e ?? Nn + t;
+}
+function Jt(r, t) {
+  var e = this.context, a = r != null ? e.newChildren[r] : null, o = t != null ? e.oldChildren[t] : null;
+  _t(e.api, o, e.dataIndex, a, e.seriesModel, e.group);
+}
+function Xn(r) {
+  var t = this.context, e = t.oldChildren[r];
+  e && dt(e, ee(e).option, t.seriesModel);
+}
+function Sr(r) {
+  return r && (r.pathData || r.d);
+}
+function Kn(r) {
+  return r && (N(r, "pathData") || N(r, "d"));
+}
+function jn(r) {
+  r.registerChartView(kn), r.registerSeriesModel(vn);
+}
+var Qt = ["x", "y", "radius", "angle", "single"], qn = ue(), Jn = ["cartesian2d", "polar", "singleAxis"];
+function Qn(r) {
+  var t = r.get("coordinateSystem");
+  return me(Jn, t) >= 0;
+}
+function ne(r) {
+  return process.env.NODE_ENV !== "production" && H(r), r + "Axis";
+}
+function eo(r, t) {
+  var e = oe(), a = [], o = oe();
+  r.eachComponent({
+    mainType: "dataZoom",
+    query: t
+  }, function(c) {
+    o.get(c.uid) || s(c);
+  });
+  var n;
+  do
+    n = !1, r.eachComponent("dataZoom", i);
+  while (n);
+  function i(c) {
+    !o.get(c.uid) && l(c) && (s(c), n = !0);
+  }
+  function s(c) {
+    o.set(c.uid, !0), a.push(c), u(c);
+  }
+  function l(c) {
+    var f = !1;
+    return c.eachTargetAxis(function(v, h) {
+      var g = e.get(v);
+      g && g[h] && (f = !0);
+    }), f;
+  }
+  function u(c) {
+    c.eachTargetAxis(function(f, v) {
+      (e.get(f) || e.set(f, []))[v] = !0;
+    });
+  }
+  return a;
+}
+function xr(r) {
+  var t = r.ecModel, e = {
+    infoList: [],
+    infoMap: oe()
+  };
+  return r.eachTargetAxis(function(a, o) {
+    var n = t.getComponent(ne(a), o);
+    if (n) {
+      var i = n.getCoordSysModel();
+      if (i) {
+        var s = i.uid, l = e.infoMap.get(s);
+        l || (l = {
+          model: i,
+          axisModels: []
+        }, e.infoList.push(l), e.infoMap.set(s, l)), l.axisModels.push(n);
+      }
+    }
+  }), e;
+}
+function Mr(r) {
+  var t = qn(ga(r));
+  return t.axisProxyMap || (t.axisProxyMap = oe());
+}
+function Ve(r) {
+  if (r)
+    return process.env.NODE_ENV !== "production" && H(r.ecModel), Mr(r.ecModel).get(r.uid);
+}
+function to(r, t) {
+  process.env.NODE_ENV !== "production" && H(r.ecModel), Mr(r.ecModel).set(r.uid, t);
+}
+function br(r, t) {
+  var e = t.getAxisModel().axis.__alignTo;
+  return e && r.getAxisProxy(e.dim, e.model.componentIndex) ? Ve(e.model) : null;
+}
+var qe = (
+  /** @class */
+  (function() {
+    function r() {
+      this.indexList = [], this.indexMap = [];
+    }
+    return r.prototype.add = function(t) {
+      this.indexMap[t] || (this.indexList.push(t), this.indexMap[t] = !0);
+    }, r;
+  })()
+), ke = (
+  /** @class */
+  (function(r) {
+    Q(t, r);
+    function t() {
+      var e = r !== null && r.apply(this, arguments) || this;
+      return e.type = t.type, e._autoThrottle = !0, e._noTarget = !0, e._rangePropMode = ["percent", "percent"], e;
+    }
+    return t.prototype.init = function(e, a, o) {
+      var n = er(e);
+      this.settledOption = n, this.mergeDefaultAndTheme(e, o), this._doInit(n);
+    }, t.prototype.mergeOption = function(e) {
+      var a = er(e);
+      Ot(this.option, e, !0), Ot(this.settledOption, a, !0), this._doInit(a);
+    }, t.prototype._doInit = function(e) {
+      var a = this.option;
+      this._setDefaultThrottle(e), this._updateRangeUse(e);
+      var o = this.settledOption;
+      C([["start", "startValue"], ["end", "endValue"]], function(n, i) {
+        this._rangePropMode[i] === "value" && (a[n[0]] = o[n[0]] = null);
+      }, this), this._resetTarget();
+    }, t.prototype._resetTarget = function() {
+      var e = this.get("orient", !0), a = this._targetAxisInfoMap = oe(), o = this._fillSpecifiedTargetAxis(a);
+      o ? this._orient = e || this._makeAutoOrientByTargetAxis() : (this._orient = e || "horizontal", this._fillAutoTargetAxisByOrient(a, this._orient)), this._noTarget = !0, a.each(function(n) {
+        n.indexList.length && (this._noTarget = !1);
+      }, this);
+    }, t.prototype._fillSpecifiedTargetAxis = function(e) {
+      var a = !1;
+      return C(Qt, function(o) {
+        var n = this.getReferringComponents(ne(o), ma);
+        if (n.specified) {
+          a = !0;
+          var i = new qe();
+          C(n.models, function(s) {
+            i.add(s.componentIndex);
+          }), e.set(o, i);
+        }
+      }, this), a;
+    }, t.prototype._fillAutoTargetAxisByOrient = function(e, a) {
+      var o = this.ecModel, n = !0;
+      if (n) {
+        var i = a === "vertical" ? "y" : "x", s = o.findComponents({
+          mainType: i + "Axis"
+        });
+        l(s, i);
+      }
+      if (n) {
+        var s = o.findComponents({
+          mainType: "singleAxis",
+          filter: function(c) {
+            return c.get("orient", !0) === a;
+          }
+        });
+        l(s, "single");
+      }
+      function l(u, c) {
+        var f = u[0];
+        if (f) {
+          var v = new qe();
+          if (v.add(f.componentIndex), e.set(c, v), n = !1, c === "x" || c === "y") {
+            var h = f.getReferringComponents("grid", ot).models[0];
+            h && C(u, function(g) {
+              f.componentIndex !== g.componentIndex && h === g.getReferringComponents("grid", ot).models[0] && v.add(g.componentIndex);
+            });
+          }
+        }
+      }
+      n && C(Qt, function(u) {
+        if (n) {
+          var c = o.findComponents({
+            mainType: ne(u),
+            filter: function(v) {
+              return v.get("type", !0) === "category";
+            }
+          });
+          if (c[0]) {
+            var f = new qe();
+            f.add(c[0].componentIndex), e.set(u, f), n = !1;
+          }
+        }
+      }, this);
+    }, t.prototype._makeAutoOrientByTargetAxis = function() {
+      var e;
+      return this.eachTargetAxis(function(a) {
+        !e && (e = a);
+      }, this), e === "y" ? "vertical" : "horizontal";
+    }, t.prototype._setDefaultThrottle = function(e) {
+      if (e.hasOwnProperty("throttle") && (this._autoThrottle = !1), this._autoThrottle) {
+        var a = this.ecModel.option;
+        this.option.throttle = a.animation && a.animationDurationUpdate > 0 ? 100 : 20;
+      }
+    }, t.prototype._updateRangeUse = function(e) {
+      var a = this._rangePropMode, o = this.get("rangeMode");
+      C([["start", "startValue"], ["end", "endValue"]], function(n, i) {
+        var s = e[n[0]] != null, l = e[n[1]] != null;
+        s && !l ? a[i] = "percent" : !s && l ? a[i] = "value" : o ? a[i] = o[i] : s && (a[i] = "percent");
+      });
+    }, t.prototype.noTarget = function() {
+      return this._noTarget;
+    }, t.prototype.getFirstTargetAxisModel = function() {
+      var e;
+      return this.eachTargetAxis(function(a, o) {
+        e == null && (e = this.ecModel.getComponent(ne(a), o));
+      }, this), e;
+    }, t.prototype.eachTargetAxis = function(e, a) {
+      this._targetAxisInfoMap.each(function(o, n) {
+        C(o.indexList, function(i) {
+          e.call(a, n, i);
+        });
+      });
+    }, t.prototype.getAxisProxy = function(e, a) {
+      return Ve(this.getAxisModel(e, a));
+    }, t.prototype.getAxisModel = function(e, a) {
+      process.env.NODE_ENV !== "production" && H(e && a != null);
+      var o = this._targetAxisInfoMap.get(e);
+      if (o && o.indexMap[a])
+        return this.ecModel.getComponent(ne(e), a);
+    }, t.prototype.setRawRange = function(e) {
+      var a = this.option, o = this.settledOption;
+      C([["start", "startValue"], ["end", "endValue"]], function(n) {
+        (e[n[0]] != null || e[n[1]] != null) && (a[n[0]] = o[n[0]] = e[n[0]], a[n[1]] = o[n[1]] = e[n[1]]);
+      }, this), this._updateRangeUse(e);
+    }, t.prototype.setCalculatedRange = function(e) {
+      var a = this.option;
+      C(["start", "startValue", "end", "endValue"], function(o) {
+        a[o] = e[o];
+      });
+    }, t.prototype.getPercentRange = function() {
+      var e = this.findRepresentativeAxisProxy();
+      if (e)
+        return e.getWindow().percent;
+    }, t.prototype.getValueRange = function(e, a) {
+      if (e == null && a == null) {
+        var o = this.findRepresentativeAxisProxy();
+        if (o)
+          return o.getWindow().value;
+      } else
+        return this.getAxisProxy(e, a).getWindow().value;
+    }, t.prototype.findRepresentativeAxisProxy = function(e) {
+      if (e)
+        return Ve(e);
+      for (var a, o = this._targetAxisInfoMap.keys(), n = 0; n < o.length; n++)
+        for (var i = o[n], s = this._targetAxisInfoMap.get(i), l = 0; l < s.indexList.length; l++) {
+          var u = this.getAxisProxy(i, s.indexList[l]);
+          if (u.hostedBy(this))
+            return u;
+          a || (a = u);
+        }
+      return a;
+    }, t.prototype.getRangePropMode = function() {
+      return this._rangePropMode.slice();
+    }, t.prototype.getOrient = function() {
+      return process.env.NODE_ENV !== "production" && H(this._orient), this._orient;
+    }, t.type = "dataZoom", t.dependencies = ["xAxis", "yAxis", "radiusAxis", "angleAxis", "singleAxis", "series", "toolbox"], t.defaultOption = {
+      // zlevel: 0,
+      z: 4,
+      filterMode: "filter",
+      start: 0,
+      end: 100
+    }, t;
+  })(ya)
+);
+function er(r) {
+  var t = {};
+  return C(["start", "end", "startValue", "endValue", "throttle"], function(e) {
+    r.hasOwnProperty(e) && (t[e] = r[e]);
+  }), t;
+}
+var Ar = (
+  /** @class */
+  (function(r) {
+    Q(t, r);
+    function t() {
+      var e = r !== null && r.apply(this, arguments) || this;
+      return e.type = t.type, e;
+    }
+    return t.prototype.render = function(e, a, o, n) {
+      this.dataZoomModel = e, this.ecModel = a, this.api = o;
+    }, t.type = "dataZoom", t;
+  })(_a)
+), ro = (
+  /** @class */
+  (function() {
+    function r(t, e, a, o) {
+      this._dimName = t, this._axisIndex = e, this.ecModel = o, this._dataZoomModel = a;
+    }
+    return r.prototype.hostedBy = function(t) {
+      return this._dataZoomModel === t;
+    }, r.prototype.getWindow = function() {
+      return zt(this._window);
+    }, r.prototype.getTargetSeriesModels = function() {
+      var t = [];
+      return this.ecModel.eachSeries(function(e) {
+        if (Qn(e)) {
+          var a = ne(this._dimName), o = e.getReferringComponents(a, ot).models[0];
+          o && this._axisIndex === o.componentIndex && t.push(e);
+        }
+      }, this), t;
+    }, r.prototype.getAxisModel = function() {
+      return this.ecModel.getComponent(this._dimName + "Axis", this._axisIndex);
+    }, r.prototype.getMinMaxSpan = function() {
+      return zt(this._minMaxSpan);
+    }, r.prototype.calculateDataWindow = function(t) {
+      var e = this._extent, a = this.getAxisModel().axis, o = a.scale, n = this._dataZoomModel, i = n.getRangePropMode(), s = [0, 100], l = [], u = [], c, f = [!1, !1];
+      C(["start", "end"], function(R, y) {
+        var x = t[R], L = t[R + "Value"];
+        i[y] === "percent" ? (x == null && (x = s[y]), L = O(x, s, e), f[y] = !0) : (c = !0, L == null ? L = e[y] : (L = o.parse(L), o.sanitize && (L = o.sanitize(L, e))), x = O(L, e, s)), u[y] = L == null || isNaN(L) ? e[y] : L, l[y] = x == null || isNaN(x) ? s[y] : x;
+      }), ve(u), ve(l);
+      var v = this._minMaxSpan;
+      c ? h(u, l, e, s, !1) : h(l, u, s, e, !0);
+      function h(R, y, x, L, F) {
+        var $ = F ? "Span" : "ValueSpan";
+        we(0, R, x, "all", v["min" + $], v["max" + $]);
+        for (var I = 0; I < 2; I++)
+          y[I] = O(R[I], x, L, !0), F && (y[I] = y[I], f[I] = !0);
+        Ue(y);
+      }
+      var g = ur(o) || cr(o), b = a.getExtent(), M = Sa(b[1] - b[0]), A = g ? 0 : xa(u, M, 0.5);
+      C([[0, Aa], [1, wa]], function(R) {
+        var y = R[0], x = R[1];
+        !f[y] || !isFinite(A) || (u[y] = fr(u[y], A), u[y] = Ma(e[1], ba(e[0], u[y])), l[y] === s[y] && (u[y] = e[y], g && (u[y] = x(u[y]))));
+      }), Ue(u);
+      var E = [O(u[0], e, s, !0), O(u[1], e, s, !0)];
+      return Ue(E), {
+        value: u,
+        percent: l,
+        percentInverted: E,
+        valuePrecision: A
+      };
+    }, r.prototype.reset = function(t, e) {
+      if (this.hostedBy(t)) {
+        var a = this.getAxisModel().axis;
+        Ea(a, Ca);
+        var o = a.scale.rawExtentInfo;
+        this._extent = o.makeNoZoom(), this._updateMinMaxSpan();
+        var n = t.settledOption;
+        e && (n = be({
+          start: e[0],
+          end: e[1]
+        }, n));
+        var i = this._window = this.calculateDataWindow(n), s = i.percent, l = i.value;
+        s[0] !== 0 && o.setZoomMM(0, l[0]), s[1] !== 100 && o.setZoomMM(1, l[1]);
+      }
+    }, r.prototype.filterData = function(t, e) {
+      if (!this.hostedBy(t))
+        return;
+      var a = this._dimName, o = this.getTargetSeriesModels(), n = t.get("filterMode"), i = this._window.value;
+      if (n === "none")
+        return;
+      C(o, function(l) {
+        var u = l.getData(), c = u.mapDimensionsAll(a);
+        if (c.length) {
+          if (n === "weakFilter") {
+            var f = u.getStore(), v = Ee(c, function(h) {
+              return u.getDimensionIndex(h);
+            }, u);
+            u.filterSelf(function(h) {
+              for (var g, b, M, A = 0; A < c.length; A++) {
+                var E = f.get(v[A], h), R = !isNaN(E), y = E < i[0], x = E > i[1];
+                if (R && !y && !x)
+                  return !0;
+                R && (M = !0), y && (g = !0), x && (b = !0);
+              }
+              return M && g && b;
+            });
+          } else
+            C(c, function(h) {
+              if (n === "empty")
+                l.setData(u = u.map(h, function(b) {
+                  return s(b) ? b : NaN;
+                }));
+              else {
+                var g = {};
+                g[h] = i, u.selectRange(g);
+              }
+            });
+          C(c, function(h) {
+            u.setApproximateExtent(i, h);
+          });
+        }
+      });
+      function s(l) {
+        return l >= i[0] && l <= i[1];
+      }
+    }, r.prototype._updateMinMaxSpan = function() {
+      var t = this._minMaxSpan = {}, e = this._dataZoomModel, a = this._extent;
+      C(["min", "max"], function(o) {
+        var n = e.get(o + "Span"), i = e.get(o + "ValueSpan");
+        i != null && (i = this.getAxisModel().axis.scale.parse(i)), i != null ? n = O(a[0] + i, a, [0, 100], !0) : n != null && (i = O(n, [0, 100], a, !0) - a[0]), t[o + "Span"] = n, t[o + "ValueSpan"] = i;
+      }, this);
+    }, r;
+  })()
+), ao = {
+  dirtyOnOverallProgress: !0,
+  // `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 t(o) {
+      r.eachComponent("dataZoom", function(n) {
+        n.eachTargetAxis(function(i, s) {
+          var l = r.getComponent(ne(i), s);
+          o(i, s, l, n);
+        });
+      });
+    }
+    var e = [];
+    t(function(o, n, i, s) {
+      if (!Ve(i)) {
+        var l = new ro(o, n, s, r);
+        e.push(l), to(i, l);
+      }
+    });
+    var a = oe();
+    return C(e, function(o) {
+      C(o.getTargetSeriesModels(), function(n) {
+        a.set(n.uid, n);
+      });
+    }), 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, t) {
+    r.eachComponent("dataZoom", function(e) {
+      var a = [];
+      e.eachTargetAxis(function(o, n) {
+        var i = e.getAxisProxy(o, n), s = br(e, i);
+        s ? a.push([i, s]) : i.reset(e, null);
+      }), C(a, function(o) {
+        o[0].reset(e, o[1].getWindow().percentInverted);
+      }), e.eachTargetAxis(function(o, n) {
+        e.getAxisProxy(o, n).filterData(e, t);
+      });
+    }), r.eachComponent("dataZoom", function(e) {
+      var a = e.findRepresentativeAxisProxy();
+      if (a) {
+        var o = a.getWindow(), n = o.percent, i = o.value;
+        e.setCalculatedRange({
+          start: n[0],
+          end: n[1],
+          startValue: i[0],
+          endValue: i[1]
+        });
+      }
+    });
+  }
+};
+function no(r) {
+  r.registerAction("dataZoom", function(t, e) {
+    var a = eo(e, t);
+    C(a, function(o) {
+      o.setRawRange({
+        start: t.start,
+        end: t.end,
+        startValue: t.startValue,
+        endValue: t.endValue
+      });
+    });
+  });
+}
+var oo = Ra();
+function wr(r) {
+  oo(r, function() {
+    r.registerProcessor(r.PRIORITY.PROCESSOR.FILTER, ao), no(r), r.registerSubTypeDefaulter("dataZoom", function() {
+      return "slider";
+    });
+  });
+}
+var io = (
+  /** @class */
+  (function(r) {
+    Q(t, r);
+    function t() {
+      var e = r !== null && r.apply(this, arguments) || this;
+      return e.type = t.type, e;
+    }
+    return t.type = "dataZoom.inside", t.defaultOption = vr(ke.defaultOption, {
+      disabled: !1,
+      zoomLock: !1,
+      zoomOnMouseWheel: !0,
+      moveOnMouseMove: !0,
+      moveOnMouseWheel: !1,
+      preventDefaultMouseMove: !0
+    }), t;
+  })(ke)
+), xt = ue();
+function so(r, t, e) {
+  xt(r).coordSysRecordMap.each(function(a) {
+    var o = a.dataZoomInfoMap.get(t.uid);
+    o && (o.getRange = e);
+  });
+}
+function lo(r, t) {
+  for (var e = xt(r).coordSysRecordMap, a = e.keys(), o = 0; o < a.length; o++) {
+    var n = a[o], i = e.get(n), s = i.dataZoomInfoMap;
+    if (s) {
+      var l = t.uid, u = s.get(l);
+      u && (s.removeKey(l), s.keys().length || Er(e, i));
+    }
+  }
+}
+function Er(r, t) {
+  if (t) {
+    r.removeKey(t.model.uid);
+    var e = t.controller;
+    e && e.dispose();
+  }
+}
+function uo(r, t) {
+  var e = {
+    model: t,
+    containsPoint: Zt(fo, t),
+    dispatchAction: Zt(co, r),
+    dataZoomInfoMap: null,
+    controller: null
+  }, a = e.controller = new en(r.getZr());
+  return C(["pan", "zoom", "scrollMove"], function(o) {
+    a.on(o, function(n) {
+      var i = [];
+      e.dataZoomInfoMap.each(function(s) {
+        if (n.isAvailableBehavior(s.model.option)) {
+          var l = (s.getRange || {})[o], u = l && l(s.dzReferCoordSysInfo, e.model.mainType, e.controller, n);
+          !s.model.get("disabled", !0) && u && i.push({
+            dataZoomId: s.model.id,
+            start: u[0],
+            end: u[1]
+          });
+        }
+      }), i.length && e.dispatchAction(i);
+    });
+  }), e;
+}
+function co(r, t) {
+  r.isDisposed() || r.dispatchAction({
+    type: "dataZoom",
+    animation: {
+      easing: "cubicOut",
+      duration: 100
+    },
+    batch: t
+  });
+}
+function fo(r, t, e, a) {
+  return r.coordinateSystem.containPoint([e, a]);
+}
+function vo(r, t, e) {
+  var a, o = "type_", n = {
+    type_true: 2,
+    type_move: 1,
+    type_false: 0,
+    type_undefined: -1
+  }, i = !0, s, l;
+  return r.each(function(u) {
+    var c = u.model, f = c.get("disabled", !0) ? !1 : c.get("zoomLock", !0) ? "move" : !0;
+    n[o + f] > n[o + a] && (a = f), i = i && c.get("preventDefaultMouseMove", !0), s = Pe(c.get("cursorGrab", !0), s), l = Pe(c.get("cursorGrabbing", !0), l);
+  }), {
+    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: !!i,
+      api: e,
+      zInfo: {
+        component: t.model
+      },
+      triggerInfo: {
+        roamTrigger: null,
+        isInSelf: t.containsPoint
+      },
+      cursorGrab: s,
+      cursorGrabbing: l
+    }
+  };
+}
+function ho(r) {
+  r.registerUpdateLifecycle("coordsys:aftercreate", function(t, e) {
+    var a = xt(e), o = a.coordSysRecordMap || (a.coordSysRecordMap = oe());
+    o.each(function(n) {
+      n.dataZoomInfoMap = null;
+    }), t.eachComponent({
+      mainType: "dataZoom",
+      subType: "inside"
+    }, function(n) {
+      var i = xr(n);
+      C(i.infoList, function(s) {
+        var l = s.model.uid, u = o.get(l) || o.set(l, uo(e, s.model)), c = u.dataZoomInfoMap || (u.dataZoomInfoMap = oe());
+        c.set(n.uid, {
+          dzReferCoordSysInfo: s,
+          model: n,
+          getRange: null
+        });
+      });
+    }), o.each(function(n) {
+      var i = n.controller, s, l = n.dataZoomInfoMap;
+      if (l) {
+        var u = l.keys()[0];
+        u != null && (s = l.get(u));
+      }
+      if (!s) {
+        Er(o, n);
+        return;
+      }
+      var c = vo(l, n, e);
+      i.enable(c.controlType, c.opt), hr(n, "dispatchAction", s.model.get("throttle", !0), "fixRate");
+    });
+  });
+}
+var po = (
+  /** @class */
+  (function(r) {
+    Q(t, r);
+    function t() {
+      var e = r !== null && r.apply(this, arguments) || this;
+      return e.type = "dataZoom.inside", e;
+    }
+    return t.prototype.render = function(e, a, o) {
+      if (r.prototype.render.apply(this, arguments), e.noTarget()) {
+        this._clear();
+        return;
+      }
+      this.range = e.getPercentRange(), so(o, e, {
+        pan: D(Je.pan, this),
+        zoom: D(Je.zoom, this),
+        scrollMove: D(Je.scrollMove, this)
+      });
+    }, t.prototype.dispose = function() {
+      this._clear(), r.prototype.dispose.apply(this, arguments);
+    }, t.prototype._clear = function() {
+      lo(this.api, this.dataZoomModel), this.range = null;
+    }, t.type = "dataZoom.inside", t;
+  })(Ar)
+), Je = {
+  zoom: function(r, t, e, a) {
+    var o = this.range, n = o.slice(), i = r.axisModels[0];
+    if (i) {
+      var s = Qe[t](null, [a.originX, a.originY], i, e, r), l = (s.signal > 0 ? s.pixelStart + s.pixelLength - s.pixel : s.pixel - s.pixelStart) / s.pixelLength * (n[1] - n[0]) + n[0], u = Math.max(1 / a.scale, 0);
+      n[0] = (n[0] - l) * u + l, n[1] = (n[1] - l) * u + l;
+      var c = this.dataZoomModel.findRepresentativeAxisProxy().getMinMaxSpan();
+      if (we(0, n, [0, 100], 0, c.minSpan, c.maxSpan), this.range = n, o[0] !== n[0] || o[1] !== n[1])
+        return n;
+    }
+  },
+  pan: tr(function(r, t, e, a, o, n) {
+    var i = Qe[a]([n.oldX, n.oldY], [n.newX, n.newY], t, o, e);
+    return i.signal * (r[1] - r[0]) * i.pixel / i.pixelLength;
+  }),
+  scrollMove: tr(function(r, t, e, a, o, n) {
+    var i = Qe[a]([0, 0], [n.scrollDelta, n.scrollDelta], t, o, e);
+    return i.signal * (r[1] - r[0]) * n.scrollDelta;
+  })
+};
+function tr(r) {
+  return function(t, e, a, o) {
+    var n = this.range, i = n.slice(), s = t.axisModels[0];
+    if (s) {
+      var l = r(i, s, t, e, a, o);
+      if (we(l, i, [0, 100], "all"), this.range = i, n[0] !== i[0] || n[1] !== i[1])
+        return i;
+    }
+  };
+}
+var Qe = {
+  grid: function(r, t, e, a, o) {
+    var n = e.axis, i = {}, s = o.model.coordinateSystem.getRect();
+    return r = r || [0, 0], n.dim === "x" ? (i.pixel = t[0] - r[0], i.pixelLength = s.width, i.pixelStart = s.x, i.signal = n.inverse ? 1 : -1) : (i.pixel = t[1] - r[1], i.pixelLength = s.height, i.pixelStart = s.y, i.signal = n.inverse ? -1 : 1), i;
+  },
+  polar: function(r, t, e, a, o) {
+    var n = e.axis, i = {}, s = o.model.coordinateSystem, l = s.getRadiusAxis().getExtent(), u = s.getAngleAxis().getExtent();
+    return r = r ? s.pointToCoord(r) : [0, 0], t = s.pointToCoord(t), e.mainType === "radiusAxis" ? (i.pixel = t[0] - r[0], i.pixelLength = l[1] - l[0], i.pixelStart = l[0], i.signal = n.inverse ? 1 : -1) : (i.pixel = t[1] - r[1], i.pixelLength = u[1] - u[0], i.pixelStart = u[0], i.signal = n.inverse ? -1 : 1), i;
+  },
+  singleAxis: function(r, t, e, a, o) {
+    var n = e.axis, i = o.model.coordinateSystem.getRect(), s = {};
+    return r = r || [0, 0], n.orient === "horizontal" ? (s.pixel = t[0] - r[0], s.pixelLength = i.width, s.pixelStart = i.x, s.signal = n.inverse ? 1 : -1) : (s.pixel = t[1] - r[1], s.pixelLength = i.height, s.pixelStart = i.y, s.signal = n.inverse ? -1 : 1), s;
+  }
+};
+function go(r) {
+  wr(r), r.registerComponentModel(io), r.registerComponentView(po), ho(r);
+}
+var mo = (
+  /** @class */
+  (function(r) {
+    Q(t, r);
+    function t() {
+      var e = r !== null && r.apply(this, arguments) || this;
+      return e.type = t.type, e;
+    }
+    return t.type = "dataZoom.slider", t.layoutMode = "box", t.defaultOption = vr(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: k.color.accent10,
+      borderRadius: 0,
+      backgroundColor: k.color.transparent,
+      // dataBackgroundColor: '#ddd',
+      dataBackground: {
+        lineStyle: {
+          color: k.color.accent30,
+          width: 0.5
+        },
+        areaStyle: {
+          color: k.color.accent20,
+          opacity: 0.2
+        }
+      },
+      selectedDataBackground: {
+        lineStyle: {
+          color: k.color.accent40,
+          width: 0.5
+        },
+        areaStyle: {
+          color: k.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: k.color.neutral00,
+        borderColor: k.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: k.color.accent40,
+        opacity: 0.5
+      },
+      showDetail: !0,
+      showDataShadow: "auto",
+      realtime: !0,
+      zoomLock: !1,
+      textStyle: {
+        color: k.color.tertiary
+      },
+      brushSelect: !0,
+      brushStyle: {
+        color: k.color.accent30,
+        opacity: 0.3
+      },
+      emphasis: {
+        handleLabel: {
+          show: !0
+        },
+        handleStyle: {
+          borderColor: k.color.accent40
+        },
+        moveHandleStyle: {
+          opacity: 0.8
+        }
+      },
+      defaultLocationEdgeGap: 15
+    }), t;
+  })(ke)
+), xe = Te, yo = 1, et = 30, _o = 7, Me = "horizontal", rr = "vertical", So = 5, xo = ["line", "bar", "candlestick", "scatter"], Mo = {
+  easing: "cubicOut",
+  duration: 100,
+  delay: 0
+}, bo = (
+  /** @class */
+  (function(r) {
+    Q(t, r);
+    function t() {
+      var e = r !== null && r.apply(this, arguments) || this;
+      return e.type = t.type, e._displayables = {}, e;
+    }
+    return t.prototype.init = function(e, a) {
+      this.api = a, this._onBrush = D(this._onBrush, this), this._onBrushEnd = D(this._onBrushEnd, this);
+    }, t.prototype.render = function(e, a, o, n) {
+      if (r.prototype.render.apply(this, arguments), hr(this, "_dispatchZoomAction", e.get("throttle"), "fixRate"), this._orient = e.getOrient(), e.get("show") === !1) {
+        this.group.removeAll();
+        return;
+      }
+      if (e.noTarget()) {
+        this._clear(), this.group.removeAll();
+        return;
+      }
+      (!n || n.type !== "dataZoom" || n.from !== this.uid) && this._buildView(), this._updateView();
+    }, t.prototype.dispose = function() {
+      this._clear(), r.prototype.dispose.apply(this, arguments);
+    }, t.prototype._clear = function() {
+      Da(this, "_dispatchZoomAction");
+      var e = this.api.getZr();
+      e.off("mousemove", this._onBrush), e.off("mouseup", this._onBrushEnd);
+    }, t.prototype._buildView = function() {
+      var e = this.group;
+      e.removeAll(), this._brushing = !1, this._displayables.brushRect = null, this._resetLocation(), this._resetInterval();
+      var a = this._displayables.sliderGroup = new nt();
+      this._renderBackground(), this._renderHandle(), this._renderDataShadow(), e.add(a), this._positionGroup();
+    }, t.prototype._resetLocation = function() {
+      var e = this.dataZoomModel, a = this.api, o = e.get("brushSelect"), n = o ? _o : 0, i = Ta(e, a).refContainer, s = this._findCoordRect(), l = e.get("defaultLocationEdgeGap", !0) || 0, u = this._orient === Me ? {
+        // Why using 'right', because right should be used in vertical,
+        // and it is better to be consistent for dealing with position param merge.
+        right: i.width - s.x - s.width,
+        top: i.height - et - l - n,
+        width: s.width,
+        height: et
+      } : {
+        right: l,
+        top: s.y,
+        width: et,
+        height: s.height
+      }, c = La(e.option);
+      C(["right", "top", "width", "height"], function(v) {
+        c[v] === "ph" && (c[v] = u[v]);
+      });
+      var f = Pa(c, i);
+      this._location = {
+        x: f.x,
+        y: f.y
+      }, this._size = [f.width, f.height], this._orient === rr && this._size.reverse();
+    }, t.prototype._positionGroup = function() {
+      var e = this.group, a = this._location, o = this._orient, n = this.dataZoomModel.getFirstTargetAxisModel(), i = n && n.get("inverse"), s = this._displayables.sliderGroup, l = (this._dataShadowInfo || {}).otherAxisInverse;
+      s.attr(o === Me && !i ? {
+        scaleY: l ? 1 : -1,
+        scaleX: 1
+      } : o === Me && i ? {
+        scaleY: l ? 1 : -1,
+        scaleX: -1
+      } : o === rr && !i ? {
+        scaleY: l ? -1 : 1,
+        scaleX: 1,
+        rotation: Math.PI / 2
+      } : {
+        scaleY: l ? -1 : 1,
+        scaleX: -1,
+        rotation: Math.PI / 2
+      });
+      var u = e.getBoundingRect([s]), c = isNaN(u.x) ? 0 : u.x, f = isNaN(u.y) ? 0 : u.y;
+      e.x = a.x - c, e.y = a.y - f, e.markRedraw();
+    }, t.prototype._getViewExtent = function() {
+      return [0, this._size[0]];
+    }, t.prototype._renderBackground = function() {
+      var e = this.dataZoomModel, a = this._size, o = this._displayables.sliderGroup, n = e.get("brushSelect");
+      o.add(new xe({
+        silent: !0,
+        shape: {
+          x: 0,
+          y: 0,
+          width: a[0],
+          height: a[1]
+        },
+        style: {
+          fill: e.get("backgroundColor")
+        },
+        z2: -40
+      }));
+      var i = new xe({
+        shape: {
+          x: 0,
+          y: 0,
+          width: a[0],
+          height: a[1]
+        },
+        style: {
+          fill: "transparent"
+        },
+        z2: 0,
+        onclick: D(this._onClickPanel, this)
+      }), s = this.api.getZr();
+      n ? (i.on("mousedown", this._onBrushStart, this), i.cursor = "crosshair", s.on("mousemove", this._onBrush), s.on("mouseup", this._onBrushEnd)) : (s.off("mousemove", this._onBrush), s.off("mouseup", this._onBrushEnd)), o.add(i);
+    }, t.prototype._renderDataShadow = function() {
+      var e = this._dataShadowInfo = this._prepareDataShadowInfo();
+      if (this._displayables.dataShadowSegs = [], !e)
+        return;
+      var a = this._size, o = this._shadowSize || [], n = e.series, i = n.getRawData(), s = n.getShadowDim && n.getShadowDim(), l = s && i.getDimensionInfo(s) ? n.getShadowDim() : e.otherDim;
+      if (l == null)
+        return;
+      var u = this._shadowPolygonPts, c = this._shadowPolylinePts;
+      if (i !== this._shadowData || l !== this._shadowDim || a[0] !== o[0] || a[1] !== o[1]) {
+        var f = i.getDataExtent(e.thisDim), v = i.getDataExtent(l), h = (v[1] - v[0]) * 0.3;
+        v = [v[0] - h, v[1] + h];
+        var g = [0, a[1]], b = [0, a[0]], M = [[a[0], 0], [0, 0]], A = [], E = b[1] / Math.max(1, i.count() - 1), R = a[0] / (f[1] - f[0]), y = e.thisAxis.type === "time", x = -E, L = Math.round(i.count() / a[0]), F;
+        i.each([e.thisDim, l], function(se, Y, q) {
+          if (L > 0 && q % L) {
+            y || (x += E);
+            return;
+          }
+          x = y ? (+se - f[0]) * R : x + E;
+          var p = Y == null || isNaN(Y) || Y === "", d = p ? 0 : O(Y, v, g, !0);
+          p && !F && q ? (M.push([M[M.length - 1][0], 0]), A.push([A[A.length - 1][0], 0])) : !p && F && (M.push([x, 0]), A.push([x, 0])), p || (M.push([x, d]), A.push([x, d])), F = p;
+        }), u = this._shadowPolygonPts = M, c = this._shadowPolylinePts = A;
+      }
+      this._shadowData = i, this._shadowDim = l, this._shadowSize = [a[0], a[1]];
+      var $ = this.dataZoomModel;
+      function I(se) {
+        var Y = $.getModel(se ? "selectedDataBackground" : "dataBackground"), q = new nt(), p = new ka({
+          shape: {
+            points: u
+          },
+          segmentIgnoreThreshold: 1,
+          style: Y.getModel("areaStyle").getAreaStyle(),
+          silent: !0,
+          z2: -20
+        }), d = new Ba({
+          shape: {
+            points: c
+          },
+          segmentIgnoreThreshold: 1,
+          style: Y.getModel("lineStyle").getLineStyle(),
+          silent: !0,
+          z2: -19
+        });
+        return q.add(p), q.add(d), q;
+      }
+      for (var X = 0; X < 3; X++) {
+        var re = I(X === 1);
+        this._displayables.sliderGroup.add(re), this._displayables.dataShadowSegs.push(re);
+      }
+    }, t.prototype._prepareDataShadowInfo = function() {
+      var e = this.dataZoomModel, a = e.get("showDataShadow");
+      if (a !== !1) {
+        var o, n = this.ecModel;
+        return e.eachTargetAxis(function(i, s) {
+          var l = e.getAxisProxy(i, s).getTargetSeriesModels();
+          C(l, function(u) {
+            if (!o && !(a !== !0 && me(xo, u.get("type")) < 0)) {
+              var c = n.getComponent(ne(i), s).axis, f = Ao(i), v, h = u.coordinateSystem;
+              f != null && h.getOtherAxis && (v = h.getOtherAxis(c).inverse), f = u.getData().mapDimension(f);
+              var g = u.getData().mapDimension(i);
+              o = {
+                thisAxis: c,
+                series: u,
+                thisDim: g,
+                otherDim: f,
+                otherAxisInverse: v
+              };
+            }
+          }, this);
+        }, this), o;
+      }
+    }, t.prototype._renderHandle = function() {
+      var e = this.group, a = this._displayables, o = a.handles = [null, null], n = a.handleLabels = [null, null], i = this._displayables.sliderGroup, s = this._size, l = this.dataZoomModel, u = this.api, c = l.get("borderRadius") || 0, f = l.get("brushSelect"), v = a.filler = new xe({
+        silent: f,
+        style: {
+          fill: l.get("fillerColor")
+        },
+        textConfig: {
+          position: "inside"
+        }
+      });
+      i.add(v), i.add(new xe({
+        silent: !0,
+        subPixelOptimize: !0,
+        shape: {
+          x: 0,
+          y: 0,
+          width: s[0],
+          height: s[1],
+          r: c
+        },
+        style: {
+          // deprecated option
+          stroke: l.get("dataBackgroundColor") || l.get("borderColor"),
+          lineWidth: yo,
+          fill: k.color.transparent
+        }
+      })), C([0, 1], function(R) {
+        var y = l.get("handleIcon");
+        !Ia[y] && y.indexOf("path://") < 0 && y.indexOf("image://") < 0 && (y = "path://" + y, process.env.NODE_ENV !== "production" && Oa("handleIcon now needs 'path://' prefix when using a path string"));
+        var x = Nt(y, -1, 0, 2, 2, null, !0);
+        x.attr({
+          cursor: wo(this._orient),
+          draggable: !0,
+          drift: D(this._onDragMove, this, R),
+          ondragend: D(this._onDragEnd, this),
+          onmouseover: D(this._onOverDataInfoTriggerArea, this, !0),
+          onmouseout: D(this._onOverDataInfoTriggerArea, this, !1),
+          z2: 5
+        });
+        var L = x.getBoundingRect(), F = l.get("handleSize");
+        this._handleHeight = Vt(F, this._size[1]), this._handleWidth = L.width / L.height * this._handleHeight, x.setStyle(l.getModel("handleStyle").getItemStyle()), x.style.strokeNoScale = !0, x.rectHover = !0, x.ensureState("emphasis").style = l.getModel(["emphasis", "handleStyle"]).getItemStyle(), za(x);
+        var $ = l.get("handleColor");
+        $ != null && (x.style.fill = $), i.add(o[R] = x);
+        var I = l.getModel("textStyle"), X = l.get("handleLabel") || {}, re = X.show || !1;
+        e.add(n[R] = new lr({
+          silent: !0,
+          invisible: !re,
+          style: at(I, {
+            x: 0,
+            y: 0,
+            text: "",
+            verticalAlign: "middle",
+            align: "center",
+            fill: I.getTextColor(),
+            font: I.getFont()
+          }),
+          z2: 10
+        }));
+      }, this);
+      var h = v;
+      if (f) {
+        var g = Vt(l.get("moveHandleSize"), s[1]), b = a.moveHandle = new Te({
+          style: l.getModel("moveHandleStyle").getItemStyle(),
+          silent: !0,
+          shape: {
+            r: [0, 0, 2, 2],
+            y: s[1] - 0.5,
+            height: g
+          }
+        }), M = g * 0.8, A = a.moveHandleIcon = Nt(l.get("moveHandleIcon"), -M / 2, -M / 2, M, M, k.color.neutral00, !0);
+        A.silent = !0, A.y = s[1] + g / 2 - 0.5, b.ensureState("emphasis").style = l.getModel(["emphasis", "moveHandleStyle"]).getItemStyle();
+        var E = Math.min(s[1] / 2, Math.max(g, 10));
+        h = a.moveZone = new Te({
+          invisible: !0,
+          shape: {
+            y: s[1] - E,
+            height: g + E
+          }
+        }), h.on("mouseover", function() {
+          u.enterEmphasis(b);
+        }).on("mouseout", function() {
+          u.leaveEmphasis(b);
+        }), i.add(b), i.add(A), i.add(h);
+      }
+      h.attr({
+        draggable: !0,
+        cursor: "grab",
+        drift: D(this._onActualMoveZoneDrift, this),
+        ondragstart: D(this._onActualMoveZoneDragStart, this),
+        ondragend: D(this._onActualMoveZoneDragEnd, this),
+        onmouseover: D(this._onOverDataInfoTriggerArea, this, !0),
+        onmouseout: D(this._onOverDataInfoTriggerArea, this, !1)
+      });
+    }, t.prototype._resetInterval = function() {
+      var e = this._range = this.dataZoomModel.getPercentRange(), a = this._getViewExtent();
+      this._handleEnds = [O(e[0], [0, 100], a, !0), O(e[1], [0, 100], a, !0)];
+    }, t.prototype._updateInterval = function(e, a) {
+      var o = this.dataZoomModel, n = this._handleEnds, i = this._getViewExtent(), s = o.findRepresentativeAxisProxy().getMinMaxSpan(), l = [0, 100];
+      we(a, n, i, o.get("zoomLock") ? "all" : e, s.minSpan != null ? O(s.minSpan, l, i, !0) : null, s.maxSpan != null ? O(s.maxSpan, l, i, !0) : null);
+      var u = this._range, c = this._range = ve([O(n[0], i, l, !0), O(n[1], i, l, !0)]);
+      return !u || u[0] !== c[0] || u[1] !== c[1];
+    }, t.prototype._updateView = function(e) {
+      var a = this._displayables, o = this._handleEnds, n = ve(o.slice()), i = this._size;
+      C([0, 1], function(h) {
+        var g = a.handles[h], b = this._handleHeight;
+        g.attr({
+          scaleX: b / 2,
+          scaleY: b / 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: i[1] / 2 - b / 2
+        });
+      }, this), a.filler.setShape({
+        x: n[0],
+        y: 0,
+        width: n[1] - n[0],
+        height: i[1]
+      });
+      var s = {
+        x: n[0],
+        width: n[1] - n[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, n[0], n[1], i[0]], c = 0; c < l.length; c++) {
+        var f = l[c], v = f.getClipPath();
+        v || (v = new Te(), f.setClipPath(v)), v.setShape({
+          x: u[c],
+          y: 0,
+          width: u[c + 1] - u[c],
+          height: i[1]
+        });
+      }
+      this._updateDataInfo(e);
+    }, t.prototype._updateDataInfo = function(e) {
+      var a = this.dataZoomModel, o = this._displayables, n = o.handleLabels, i = this._orient, s = ["", ""];
+      if (a.get("showDetail")) {
+        var l = a.findRepresentativeAxisProxy(), u = l.getAxisModel().axis.scale;
+        if (l) {
+          var c = this._range, f;
+          if (e) {
+            var v = {
+              start: c[0],
+              end: c[1]
+            }, h = br(a, l);
+            if (h) {
+              var g = h.calculateDataWindow(v).percentInverted;
+              v = {
+                start: g[0],
+                end: g[1]
+              };
+            }
+            f = l.calculateDataWindow(v);
+          } else
+            f = l.getWindow();
+          s = [ar(a, 0, f, u), ar(a, 1, f, u)];
+        }
+      }
+      var b = ve(this._handleEnds.slice());
+      M.call(this, 0), M.call(this, 1);
+      function M(A) {
+        var E = Za(o.handles[A].parent, this.group), R = Na(A === 0 ? "right" : "left", E), y = this._handleWidth / 2 + So, x = kt([b[A] + (A === 0 ? -y : y), this._size[1] / 2], E);
+        n[A].setStyle({
+          x: x[0],
+          y: x[1],
+          verticalAlign: i === Me ? "middle" : R,
+          align: i === Me ? R : "center",
+          text: s[A]
+        });
+      }
+    }, t.prototype._onOverDataInfoTriggerArea = function(e) {
+      this._isOverDataInfoTriggerArea = e, this._showDataInfo(e);
+    }, t.prototype._showDataInfo = function(e) {
+      var a = this.dataZoomModel.get("handleLabel") || {}, o = a.show || !1, n = this.dataZoomModel.getModel(["emphasis", "handleLabel"]), i = n.get("show") || !1, s = e || this._dragging ? i : 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);
+    }, t.prototype._onActualMoveZoneDrift = function(e, a, o) {
+      this.api.getZr().setCursorStyle("grabbing"), this._onDragMove("all", e, a, o);
+    }, t.prototype._onActualMoveZoneDragStart = function(e) {
+      e.target.attr("cursor", "grabbing"), this._showDataInfo(!0);
+    }, t.prototype._onActualMoveZoneDragEnd = function(e) {
+      e.target.attr("cursor", "grab"), this._onDragEnd();
+    }, t.prototype._onDragMove = function(e, a, o, n) {
+      this._dragging = !0, Ie(n.event);
+      var i = this._displayables.sliderGroup.getLocalTransform(), s = kt([a, o], i, !0), l = this._updateInterval(e, s[0]), u = this.dataZoomModel.get("realtime");
+      this._updateView(!u), l && u && this._dispatchZoomAction(!0);
+    }, t.prototype._onDragEnd = function() {
+      this._dragging = !1, this._isOverDataInfoTriggerArea || this._showDataInfo(!1);
+      var e = this.dataZoomModel.get("realtime");
+      !e && this._dispatchZoomAction(!1);
+    }, t.prototype._onClickPanel = function(e) {
+      var a = this._size, o = this._displayables.sliderGroup.transformCoordToLocal(e.offsetX, e.offsetY);
+      if (!(o[0] < 0 || o[0] > a[0] || o[1] < 0 || o[1] > a[1])) {
+        var n = this._handleEnds, i = (n[0] + n[1]) / 2, s = this._updateInterval("all", o[0] - i);
+        this._updateView(), s && this._dispatchZoomAction(!1);
+      }
+    }, t.prototype._onBrushStart = function(e) {
+      var a = e.offsetX, o = e.offsetY;
+      this._brushStart = new Va(a, o), this._brushing = !0, this._brushStartTime = +/* @__PURE__ */ new Date();
+    }, t.prototype._onBrushEnd = function(e) {
+      if (this._brushing) {
+        var a = this._displayables.brushRect;
+        if (this._brushing = !1, !!a) {
+          a.attr("ignore", !0);
+          var o = a.shape, n = +/* @__PURE__ */ new Date();
+          if (!(n - this._brushStartTime < 200 && Math.abs(o.width) < 5)) {
+            var i = this._getViewExtent(), s = [0, 100], l = this._handleEnds = [o.x, o.x + o.width], u = this.dataZoomModel.findRepresentativeAxisProxy().getMinMaxSpan();
+            we(0, l, i, 0, u.minSpan != null ? O(u.minSpan, s, i, !0) : null, u.maxSpan != null ? O(u.maxSpan, s, i, !0) : null), this._range = ve([O(l[0], i, s, !0), O(l[1], i, s, !0)]), this._updateView(), this._dispatchZoomAction(!1);
+          }
+        }
+      }
+    }, t.prototype._onBrush = function(e) {
+      this._brushing && (Ie(e.event), this._updateBrushRect(e.offsetX, e.offsetY));
+    }, t.prototype._updateBrushRect = function(e, a) {
+      var o = this._displayables, n = this.dataZoomModel, i = o.brushRect;
+      i || (i = o.brushRect = new xe({
+        silent: !0,
+        style: n.getModel("brushStyle").getItemStyle()
+      }), o.sliderGroup.add(i)), i.attr("ignore", !1);
+      var s = this._brushStart, l = this._displayables.sliderGroup, u = l.transformCoordToLocal(e, a), c = l.transformCoordToLocal(s.x, s.y), f = this._size;
+      u[0] = Math.max(Math.min(f[0], u[0]), 0), i.setShape({
+        x: c[0],
+        y: 0,
+        width: u[0] - c[0],
+        height: f[1]
+      });
+    }, t.prototype._dispatchZoomAction = function(e) {
+      var a = this._range;
+      this.api.dispatchAction({
+        type: "dataZoom",
+        from: this.uid,
+        dataZoomId: this.dataZoomModel.id,
+        animation: e ? Mo : null,
+        start: a[0],
+        end: a[1]
+      });
+    }, t.prototype._findCoordRect = function() {
+      var e, a = xr(this.dataZoomModel).infoList;
+      if (!e && a.length) {
+        var o = a[0].model.coordinateSystem;
+        e = o.getRect && o.getRect();
+      }
+      if (!e) {
+        var n = this.api.getWidth(), i = this.api.getHeight();
+        e = {
+          x: n * 0.2,
+          y: i * 0.2,
+          width: n * 0.6,
+          height: i * 0.6
+        };
+      }
+      return e;
+    }, t.type = "dataZoom.slider", t;
+  })(Ar)
+);
+function ar(r, t, e, a) {
+  var o = r.get("labelFormatter"), n = r.get("labelPrecision");
+  (n == null || n === "auto") && (n = e.valuePrecision);
+  var i = e.value[t], s = i == null || isNaN(i) ? "" : ur(a) || cr(a) ? a.getLabel({
+    value: Math.round(i)
+  }) : isFinite(n) ? fr(i, n, !0) : i + "";
+  return Fa(o) ? o(i, s) : lt(o) ? o.replace("{value}", s) : s;
+}
+function Ao(r) {
+  var t = {
+    x: "y",
+    y: "x",
+    radius: "angle",
+    angle: "radius"
+  };
+  return t[r];
+}
+function wo(r) {
+  return r === "vertical" ? "ns-resize" : "ew-resize";
+}
+function Eo(r) {
+  r.registerComponentModel(mo), r.registerComponentView(bo), wr(r);
+}
+function Co(r) {
+  it(go), it(Eo);
+}
+const Ro = { class: "reportifact-timeline-toolbar" }, Do = ["onClick"], nr = "#ef4444", tt = "Cuts", To = 22, zo = /* @__PURE__ */ Cr({
+  __name: "Timeline",
+  props: {
+    caption: { default: void 0 },
+    sourceHref: { default: void 0 },
+    sourceLabel: { default: void 0 },
+    url: { default: void 0 },
+    src: { default: void 0 },
+    data: { default: void 0 },
+    options: { default: void 0 }
+  },
+  emits: ["row-click"],
+  setup(r, { expose: t, emit: e }) {
+    var B, K, z;
+    it([
+      Ha,
+      jn,
+      Ya,
+      Wa,
+      Ua,
+      $a,
+      Co
+    ]);
+    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" }
+    ], n = Ge(!1);
+    let i = null;
+    Rr(() => {
+      n.value = document.documentElement.classList.contains("dark"), i = new MutationObserver(() => {
+        n.value = document.documentElement.classList.contains("dark");
+      }), i.observe(document.documentElement, { attributes: !0, attributeFilter: ["class"] });
+    }), Dr(() => {
+      i == null || i.disconnect();
+    });
+    const s = r, l = e, u = Ge([]), c = le(() => s.data === void 0 ? s.src ?? s.url ?? "" : ""), f = Ge(((B = s.options) == null ? void 0 : B.timeFormat) === "clock" ? "clock" : "seconds"), v = ((K = s.options) == null ? void 0 : K.zoom) === !0 || ((z = s.options) == null ? void 0 : z.zoom) === "true", { loading: h, error: g, fetchData: b } = Ka(c, {
+      async onSuccess(_) {
+        E(await _.json());
+      }
+    }), M = le(() => s.data === void 0 && h.value), A = le(() => s.data !== void 0 ? null : s.src || s.url ? g.value : "Resource not found in asset");
+    function E(_) {
+      const S = Array.isArray(_) ? _ : typeof _ == "object" && _ !== null && "rows" in _ ? _.rows : [];
+      u.value = R(S);
+    }
+    Tr(
+      () => s.data,
+      (_) => {
+        _ !== void 0 && E(_);
+      },
+      { immediate: !0, deep: !0 }
+    );
+    function R(_) {
+      if (!Array.isArray(_)) return [];
+      const S = [];
+      for (const w of _) {
+        if (typeof w != "object" || w === null) continue;
+        const m = w, G = Number(m.end);
+        if (typeof m.name != "string" || !Number.isFinite(G)) continue;
+        const V = Number(m.start), W = Array.isArray(m.cuts) ? m.cuts.map(Number).filter(Number.isFinite).sort((Z, P) => Z - P) : [];
+        S.push({
+          id: typeof m.id == "string" ? m.id : void 0,
+          name: m.name,
+          group: typeof m.group == "string" && m.group ? m.group : void 0,
+          color: typeof m.color == "string" && m.color ? m.color : void 0,
+          start: Number.isFinite(V) ? V : 0,
+          end: G,
+          cuts: W,
+          click: typeof m.click == "object" && m.click !== null ? m.click : void 0
+        });
+      }
+      return S;
+    }
+    const y = le(
+      () => `${Math.max(280, u.value.length * To + (v ? 150 : 126))}px`
+    ), x = le(() => u.value.reduce((_, S) => Math.max(_, S.end), 0));
+    function L(_, S, w) {
+      const m = Math.max(0, Math.round(_));
+      if (S === "seconds") return `${m}s`;
+      const G = Math.floor(m / 3600), V = Math.floor(m % 3600 / 60), W = m % 60, Z = (P) => String(P).padStart(2, "0");
+      return w >= 3600 ? `${Z(G)}:${Z(V)}:${Z(W)}` : `${Z(V)}:${Z(W)}`;
+    }
+    const F = le(() => {
+      const _ = [];
+      for (const S of u.value) {
+        const w = S.group ?? "";
+        _.includes(w) || _.push(w);
+      }
+      return _;
+    });
+    function $(_) {
+      const S = F.value.indexOf(_);
+      return a[Math.max(0, S) % a.length];
+    }
+    function I(_, S) {
+      return Xa(S, _.coordSys);
+    }
+    function X(_) {
+      return Math.min(_.size([0, 1])[1] * 0.6, 14);
+    }
+    function re(_, S) {
+      const w = S.value(0), m = S.coord([S.value(1), w]), G = S.coord([S.value(2), w]), V = X(S), W = I(_, {
+        x: m[0],
+        y: m[1] - V / 2,
+        width: Math.max(G[0] - m[0], 1),
+        height: V
+      });
+      if (!W) return;
+      const Z = u.value[w];
+      return {
+        type: "rect",
+        shape: { ...W, r: 2 },
+        style: { fill: (Z == null ? void 0 : Z.color) ?? S.visual("color") }
+      };
+    }
+    function se(_, S) {
+      const w = S.value(0), m = S.coord([S.value(1), w]), G = X(S) + 4, V = I(_, {
+        x: m[0] - 1,
+        y: m[1] - G / 2,
+        width: 2,
+        height: G
+      });
+      if (V)
+        return {
+          type: "rect",
+          shape: V,
+          style: { fill: nr }
+        };
+    }
+    function Y(_) {
+      return typeof _ == "object" && _ !== null && "rowIndex" in _;
+    }
+    function q(_, S) {
+      var P;
+      const w = _;
+      if (!Y(w.data)) return "";
+      const m = u.value[w.data.rowIndex];
+      if (!m) return "";
+      if (w.seriesName === tt) {
+        const j = w.data.value[1];
+        return `${m.name}<br/>cut @ <strong>${S(j)}</strong>`;
+      }
+      const G = S(m.end - (m.start ?? 0)), V = `${S(m.start ?? 0)} – ${S(m.end)}`, W = m.group ? `${m.group} · ` : "", Z = (P = m.cuts) != null && P.length ? `${m.cuts.length} cuts: ${m.cuts.map((j) => S(j)).join(", ")}` : "no cuts";
+      return `<strong>${m.name}</strong><br/>${W}${G} (${V})<br/>${Z}`;
+    }
+    const p = le(() => {
+      var Z;
+      if (!u.value.length) return null;
+      const _ = f.value, S = x.value || 1, w = (P) => L(P, _, S), m = F.value.map((P) => ({
+        name: P || "videos",
+        type: "custom",
+        renderItem: re,
+        itemStyle: { color: $(P) },
+        encode: { x: [1, 2], y: 0 },
+        data: u.value.map((j, Ce) => ({
+          value: [Ce, j.start ?? 0, j.end],
+          rowIndex: Ce
+        })).filter((j) => (u.value[j.rowIndex].group ?? "") === P)
+      })), G = u.value.flatMap(
+        (P, j) => (P.cuts ?? []).map((Ce) => ({ value: [j, Ce], rowIndex: j }))
+      ), V = {
+        name: tt,
+        type: "custom",
+        renderItem: se,
+        itemStyle: { color: nr },
+        encode: { x: 1, y: 0 },
+        z: 10,
+        data: G
+      }, W = typeof ((Z = s.options) == null ? void 0 : Z.title) == "string" ? s.options.title : "";
+      return {
+        animationDurationUpdate: 0,
+        backgroundColor: "transparent",
+        title: W ? { text: W, 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: [...m.map((P) => P.name), tt]
+        },
+        tooltip: {
+          trigger: "item",
+          textStyle: { fontSize: 12 },
+          formatter: (P) => q(P, w)
+        },
+        grid: { left: 8, right: 16, top: 32, bottom: v ? 44 : 24, containLabel: !0 },
+        xAxis: {
+          type: "value",
+          min: 0,
+          max: S,
+          axisLabel: { fontSize: 10, formatter: w }
+        },
+        yAxis: {
+          type: "category",
+          inverse: !0,
+          data: u.value.map((P) => P.name),
+          axisLabel: { fontSize: 10, width: 180, overflow: "truncate" }
+        },
+        dataZoom: v ? [
+          { type: "inside", xAxisIndex: 0 },
+          {
+            type: "slider",
+            xAxisIndex: 0,
+            height: 16,
+            bottom: 8,
+            labelFormatter: w
+          }
+        ] : void 0,
+        series: [...m, V]
+      };
+    });
+    function d(_) {
+      var m;
+      const S = _;
+      if (!Y(S.data)) return;
+      const w = (m = u.value[S.data.rowIndex]) == null ? void 0 : m.click;
+      w && l("row-click", w);
+    }
+    function T() {
+      s.data !== void 0 ? E(s.data) : b();
+    }
+    return t({ refresh: T }), (_, S) => (He(), Mt(ja, {
+      loading: !u.value.length && M.value,
+      error: A.value,
+      caption: s.caption,
+      "source-href": s.sourceHref,
+      "source-label": s.sourceLabel
+    }, {
+      skeleton: bt(() => [
+        ce("div", {
+          class: "reportifact-chart-skeleton",
+          style: At({ "--reportifact-chart-height": y.value })
+        }, [...S[0] || (S[0] = [
+          ce("div", {
+            class: "reportifact-skeleton-line",
+            style: { width: "200px", height: "24px", "margin-bottom": "16px" }
+          }, null, -1),
+          ce("div", { class: "reportifact-skeleton-line reportifact-chart-skeleton-body" }, null, -1)
+        ])], 4)
+      ]),
+      default: bt(() => [
+        ce("div", {
+          class: "reportifact-timeline-container",
+          style: At({ "--reportifact-chart-height": y.value })
+        }, [
+          ce("div", Ro, [
+            (He(), Pr(Ir, null, Or(o, (w) => ce("button", {
+              key: w.value,
+              type: "button",
+              class: zr(["reportifact-timeline-mode", { "is-active": f.value === w.value }]),
+              onClick: (m) => f.value = w.value
+            }, Zr(w.label), 11, Do)), 64))
+          ]),
+          p.value ? (He(), Mt(Nr(Ga), {
+            key: 0,
+            option: p.value,
+            theme: n.value ? "dark" : void 0,
+            autoresize: !0,
+            class: "reportifact-chart",
+            onClick: d
+          }, null, 8, ["option", "theme"])) : Lr("", !0)
+        ], 4)
+      ]),
+      _: 1
+    }, 8, ["loading", "error", "caption", "source-href", "source-label"]));
+  }
+});
+export {
+  zo as _
+};