mixdashboards 1.0.32 → 1.0.39

package/dist/install-B0x4IqQr.js

@@ -0,0 +1,1258 @@
+import { u as Z } from "./installCanvasRenderer-CLT2hquJ.js";
+import { P as L, h as g, eL as vt, eM as ft, f as R, _ as z, O as V, aa as It, j as wt, B as Lt, m as Y, C as Rt, d5 as dt, cl as gt, K as yt, n as Tt, R as mt, p as Ot, b as zt, a as Ct, Z as C, c as D, G as k, aP as q, H as K, bl as W, cI as Dt, dg as Ht, x as kt, cn as Pt, bp as G, eh as B, eN as At, bC as Et, g as Gt, eg as Bt, cF as Ft, ds as Nt, T as Mt, o as _t, eO as J, b8 as Kt, e as Wt } from "./echarts-BVht3HHb.js";
+import { V as S } from "./VisualMapping-D-MA7S0X.js";
+function $t(u, a, t, e, i, r) {
+  u = u || 0;
+  var n = t[1] - t[0];
+  if (i != null && (i = T(i, [0, n])), r != null && (r = Math.max(r, i != null ? i : 0)), e === "all") {
+    var o = Math.abs(a[1] - a[0]);
+    o = T(o, [0, n]), i = r = T(o, [i, r]), e = 0;
+  }
+  a[0] = T(a[0], t), a[1] = T(a[1], t);
+  var l = F(a, e);
+  a[e] += u;
+  var h = i || 0, p = t.slice();
+  l.sign < 0 ? p[0] += h : p[1] -= h, a[e] = T(a[e], p);
+  var s;
+  return s = F(a, e), i != null && (s.sign !== l.sign || s.span < i) && (a[1 - e] = a[e] + l.sign * i), s = F(a, e), r != null && s.span > r && (a[1 - e] = a[e] + s.sign * r), a;
+}
+function F(u, a) {
+  var t = u[a] - u[1 - a];
+  return {
+    span: Math.abs(t),
+    sign: t > 0 ? -1 : t < 0 ? 1 : a ? -1 : 1
+  };
+}
+function T(u, a) {
+  return Math.min(a[1] != null ? a[1] : 1 / 0, Math.max(a[0] != null ? a[0] : -1 / 0, u));
+}
+var Q = g;
+function j(u) {
+  if (u) {
+    for (var a in u)
+      if (u.hasOwnProperty(a))
+        return !0;
+  }
+}
+function tt(u, a, t) {
+  var e = {};
+  return Q(a, function(r) {
+    var n = e[r] = i();
+    Q(u[r], function(o, l) {
+      if (S.isValidType(l)) {
+        var h = {
+          type: l,
+          visual: o
+        };
+        t && t(h, r), n[l] = new S(h), l === "opacity" && (h = L(h), h.type = "colorAlpha", n.__hidden.__alphaForOpacity = new S(h));
+      }
+    });
+  }), e;
+  function i() {
+    var r = function() {
+    };
+    r.prototype.__hidden = r.prototype;
+    var n = new r();
+    return n;
+  }
+}
+function Ut(u, a, t) {
+  var e;
+  g(t, function(i) {
+    a.hasOwnProperty(i) && j(a[i]) && (e = !0);
+  }), e && g(t, function(i) {
+    a.hasOwnProperty(i) && j(a[i]) ? u[i] = L(a[i]) : delete u[i];
+  });
+}
+function me(u, a, t, e, i, r) {
+  var n = {};
+  g(u, function(s) {
+    var c = S.prepareVisualTypes(a[s]);
+    n[s] = c;
+  });
+  var o;
+  function l(s) {
+    return vt(t, o, s);
+  }
+  function h(s, c) {
+    ft(t, o, s, c);
+  }
+  t.each(p);
+  function p(s, c) {
+    o = s;
+    var v = t.getRawDataItem(o);
+    if (!(v && v.visualMap === !1))
+      for (var f = e.call(i, s), d = a[f], y = n[f], m = 0, _ = y.length; m < _; m++) {
+        var M = y[m];
+        d[M] && d[M].applyVisual(s, l, h);
+      }
+  }
+}
+function Xt(u, a, t, e) {
+  var i = {};
+  return g(u, function(r) {
+    var n = S.prepareVisualTypes(a[r]);
+    i[r] = n;
+  }), {
+    progress: function(n, o) {
+      var l;
+      e != null && (l = o.getDimensionIndex(e));
+      function h(w) {
+        return vt(o, s, w);
+      }
+      function p(w, x) {
+        ft(o, s, w, x);
+      }
+      for (var s, c = o.getStore(); (s = n.next()) != null; ) {
+        var v = o.getRawDataItem(s);
+        if (!(v && v.visualMap === !1))
+          for (var f = e != null ? c.get(l, s) : s, d = t(f), y = a[d], m = i[d], _ = 0, M = m.length; _ < M; _++) {
+            var I = m[_];
+            y[I] && y[I].applyVisual(f, h, p);
+          }
+      }
+    }
+  };
+}
+var St = {
+  /**
+   * @public
+   */
+  get: function(u, a, t) {
+    var e = L((Zt[u] || {})[a]);
+    return t && R(e) ? e[e.length - 1] : e;
+  }
+}, Zt = {
+  color: {
+    active: ["#006edd", "#e0ffff"],
+    inactive: ["rgba(0,0,0,0)"]
+  },
+  colorHue: {
+    active: [0, 360],
+    inactive: [0, 0]
+  },
+  colorSaturation: {
+    active: [0.3, 1],
+    inactive: [0, 0]
+  },
+  colorLightness: {
+    active: [0.9, 0.5],
+    inactive: [0, 0]
+  },
+  colorAlpha: {
+    active: [0.3, 1],
+    inactive: [0, 0]
+  },
+  opacity: {
+    active: [0.3, 1],
+    inactive: [0, 0]
+  },
+  symbol: {
+    active: ["circle", "roundRect", "diamond"],
+    inactive: ["none"]
+  },
+  symbolSize: {
+    active: [10, 50],
+    inactive: [0, 0]
+  }
+}, et = S.mapVisual, Yt = S.eachVisual, qt = R, it = g, Jt = dt, Qt = gt, P = (
+  /** @class */
+  (function(u) {
+    z(a, u);
+    function a() {
+      var t = u !== null && u.apply(this, arguments) || this;
+      return t.type = a.type, t.stateList = ["inRange", "outOfRange"], t.replacableOptionKeys = ["inRange", "outOfRange", "target", "controller", "color"], t.layoutMode = {
+        type: "box",
+        ignoreSize: !0
+      }, t.dataBound = [-1 / 0, 1 / 0], t.targetVisuals = {}, t.controllerVisuals = {}, t;
+    }
+    return a.prototype.init = function(t, e, i) {
+      this.mergeDefaultAndTheme(t, i);
+    }, a.prototype.optionUpdated = function(t, e) {
+      var i = this.option;
+      !e && Ut(i, t, this.replacableOptionKeys), this.textStyleModel = this.getModel("textStyle"), this.resetItemSize(), this.completeVisualOption();
+    }, a.prototype.resetVisual = function(t) {
+      var e = this.stateList;
+      t = V(t, this), this.controllerVisuals = tt(this.option.controller, e, t), this.targetVisuals = tt(this.option.target, e, t);
+    }, a.prototype.getItemSymbol = function() {
+      return null;
+    }, a.prototype.getTargetSeriesIndices = function() {
+      var t = this.option.seriesIndex, e = [];
+      return t == null || t === "all" ? this.ecModel.eachSeries(function(i, r) {
+        e.push(r);
+      }) : e = It(t), e;
+    }, a.prototype.eachTargetSeries = function(t, e) {
+      g(this.getTargetSeriesIndices(), function(i) {
+        var r = this.ecModel.getSeriesByIndex(i);
+        r && t.call(e, r);
+      }, this);
+    }, a.prototype.isTargetSeries = function(t) {
+      var e = !1;
+      return this.eachTargetSeries(function(i) {
+        i === t && (e = !0);
+      }), e;
+    }, a.prototype.formatValueText = function(t, e, i) {
+      var r = this.option, n = r.precision, o = this.dataBound, l = r.formatter, h;
+      i = i || ["<", ">"], R(t) && (t = t.slice(), h = !0);
+      var p = e ? t : h ? [s(t[0]), s(t[1])] : s(t);
+      if (wt(l))
+        return l.replace("{value}", h ? p[0] : p).replace("{value2}", h ? p[1] : p);
+      if (Lt(l))
+        return h ? l(t[0], t[1]) : l(t);
+      if (h)
+        return t[0] === o[0] ? i[0] + " " + p[1] : t[1] === o[1] ? i[1] + " " + p[0] : p[0] + " - " + p[1];
+      return p;
+      function s(c) {
+        return c === o[0] ? "min" : c === o[1] ? "max" : (+c).toFixed(Math.min(n, 20));
+      }
+    }, a.prototype.resetExtent = function() {
+      var t = this.option, e = Jt([t.min, t.max]);
+      this._dataExtent = e;
+    }, a.prototype.getDataDimensionIndex = function(t) {
+      var e = this.option.dimension;
+      if (e != null)
+        return t.getDimensionIndex(e);
+      for (var i = t.dimensions, r = i.length - 1; r >= 0; r--) {
+        var n = i[r], o = t.getDimensionInfo(n);
+        if (!o.isCalculationCoord)
+          return o.storeDimIndex;
+      }
+    }, a.prototype.getExtent = function() {
+      return this._dataExtent.slice();
+    }, a.prototype.completeVisualOption = function() {
+      var t = this.ecModel, e = this.option, i = {
+        inRange: e.inRange,
+        outOfRange: e.outOfRange
+      }, r = e.target || (e.target = {}), n = e.controller || (e.controller = {});
+      Y(r, i), Y(n, i);
+      var o = this.isCategory();
+      l.call(this, r), l.call(this, n), h.call(this, r, "inRange", "outOfRange"), p.call(this, n);
+      function l(s) {
+        qt(e.color) && !s.inRange && (s.inRange = {
+          color: e.color.slice().reverse()
+        }), s.inRange = s.inRange || {
+          color: t.get("gradientColor")
+        };
+      }
+      function h(s, c, v) {
+        var f = s[c], d = s[v];
+        f && !d && (d = s[v] = {}, it(f, function(y, m) {
+          if (S.isValidType(m)) {
+            var _ = St.get(m, "inactive", o);
+            _ != null && (d[m] = _, m === "color" && !d.hasOwnProperty("opacity") && !d.hasOwnProperty("colorAlpha") && (d.opacity = [0, 0]));
+          }
+        }));
+      }
+      function p(s) {
+        var c = (s.inRange || {}).symbol || (s.outOfRange || {}).symbol, v = (s.inRange || {}).symbolSize || (s.outOfRange || {}).symbolSize, f = this.get("inactiveColor"), d = this.getItemSymbol(), y = d || "roundRect";
+        it(this.stateList, function(m) {
+          var _ = this.itemSize, M = s[m];
+          M || (M = s[m] = {
+            color: o ? f : [f]
+          }), M.symbol == null && (M.symbol = c && L(c) || (o ? y : [y])), M.symbolSize == null && (M.symbolSize = v && L(v) || (o ? _[0] : [_[0], _[0]])), M.symbol = et(M.symbol, function(x) {
+            return x === "none" ? y : x;
+          });
+          var I = M.symbolSize;
+          if (I != null) {
+            var w = -1 / 0;
+            Yt(I, function(x) {
+              x > w && (w = x);
+            }), M.symbolSize = et(I, function(x) {
+              return Qt(x, [0, w], [0, _[0]], !0);
+            });
+          }
+        }, this);
+      }
+    }, a.prototype.resetItemSize = function() {
+      this.itemSize = [parseFloat(this.get("itemWidth")), parseFloat(this.get("itemHeight"))];
+    }, a.prototype.isCategory = function() {
+      return !!this.option.categories;
+    }, a.prototype.setSelected = function(t) {
+    }, a.prototype.getSelected = function() {
+      return null;
+    }, a.prototype.getValueState = function(t) {
+      return null;
+    }, a.prototype.getVisualMeta = function(t) {
+      return null;
+    }, a.type = "visualMap", a.dependencies = ["series"], a.defaultOption = {
+      show: !0,
+      // zlevel: 0,
+      z: 4,
+      seriesIndex: "all",
+      min: 0,
+      max: 200,
+      left: 0,
+      right: null,
+      top: null,
+      bottom: 0,
+      itemWidth: null,
+      itemHeight: null,
+      inverse: !1,
+      orient: "vertical",
+      backgroundColor: "rgba(0,0,0,0)",
+      borderColor: "#ccc",
+      contentColor: "#5793f3",
+      inactiveColor: "#aaa",
+      borderWidth: 0,
+      padding: 5,
+      // 接受数组分别设定上右下左边距，同css
+      textGap: 10,
+      precision: 0,
+      textStyle: {
+        color: "#333"
+        // 值域文字颜色
+      }
+    }, a;
+  })(Rt)
+), at = [20, 140], jt = (
+  /** @class */
+  (function(u) {
+    z(a, u);
+    function a() {
+      var t = u !== null && u.apply(this, arguments) || this;
+      return t.type = a.type, t;
+    }
+    return a.prototype.optionUpdated = function(t, e) {
+      u.prototype.optionUpdated.apply(this, arguments), this.resetExtent(), this.resetVisual(function(i) {
+        i.mappingMethod = "linear", i.dataExtent = this.getExtent();
+      }), this._resetRange();
+    }, a.prototype.resetItemSize = function() {
+      u.prototype.resetItemSize.apply(this, arguments);
+      var t = this.itemSize;
+      (t[0] == null || isNaN(t[0])) && (t[0] = at[0]), (t[1] == null || isNaN(t[1])) && (t[1] = at[1]);
+    }, a.prototype._resetRange = function() {
+      var t = this.getExtent(), e = this.option.range;
+      !e || e.auto ? (t.auto = 1, this.option.range = t) : R(e) && (e[0] > e[1] && e.reverse(), e[0] = Math.max(e[0], t[0]), e[1] = Math.min(e[1], t[1]));
+    }, a.prototype.completeVisualOption = function() {
+      u.prototype.completeVisualOption.apply(this, arguments), g(this.stateList, function(t) {
+        var e = this.option.controller[t].symbolSize;
+        e && e[0] !== e[1] && (e[0] = e[1] / 3);
+      }, this);
+    }, a.prototype.setSelected = function(t) {
+      this.option.range = t.slice(), this._resetRange();
+    }, a.prototype.getSelected = function() {
+      var t = this.getExtent(), e = dt((this.get("range") || []).slice());
+      return e[0] > t[1] && (e[0] = t[1]), e[1] > t[1] && (e[1] = t[1]), e[0] < t[0] && (e[0] = t[0]), e[1] < t[0] && (e[1] = t[0]), e;
+    }, a.prototype.getValueState = function(t) {
+      var e = this.option.range, i = this.getExtent();
+      return (e[0] <= i[0] || e[0] <= t) && (e[1] >= i[1] || t <= e[1]) ? "inRange" : "outOfRange";
+    }, a.prototype.findTargetDataIndices = function(t) {
+      var e = [];
+      return this.eachTargetSeries(function(i) {
+        var r = [], n = i.getData();
+        n.each(this.getDataDimensionIndex(n), function(o, l) {
+          t[0] <= o && o <= t[1] && r.push(l);
+        }, this), e.push({
+          seriesId: i.id,
+          dataIndex: r
+        });
+      }, this), e;
+    }, a.prototype.getVisualMeta = function(t) {
+      var e = rt(this, "outOfRange", this.getExtent()), i = rt(this, "inRange", this.option.range.slice()), r = [];
+      function n(v, f) {
+        r.push({
+          value: v,
+          color: t(v, f)
+        });
+      }
+      for (var o = 0, l = 0, h = i.length, p = e.length; l < p && (!i.length || e[l] <= i[0]); l++)
+        e[l] < i[o] && n(e[l], "outOfRange");
+      for (var s = 1; o < h; o++, s = 0)
+        s && r.length && n(i[o], "outOfRange"), n(i[o], "inRange");
+      for (var s = 1; l < p; l++)
+        (!i.length || i[i.length - 1] < e[l]) && (s && (r.length && n(r[r.length - 1].value, "outOfRange"), s = 0), n(e[l], "outOfRange"));
+      var c = r.length;
+      return {
+        stops: r,
+        outerColors: [c ? r[0].color : "transparent", c ? r[c - 1].color : "transparent"]
+      };
+    }, a.type = "visualMap.continuous", a.defaultOption = yt(P.defaultOption, {
+      align: "auto",
+      calculable: !1,
+      hoverLink: !0,
+      realtime: !0,
+      handleIcon: "path://M-11.39,9.77h0a3.5,3.5,0,0,1-3.5,3.5h-22a3.5,3.5,0,0,1-3.5-3.5h0a3.5,3.5,0,0,1,3.5-3.5h22A3.5,3.5,0,0,1-11.39,9.77Z",
+      handleSize: "120%",
+      handleStyle: {
+        borderColor: "#fff",
+        borderWidth: 1
+      },
+      indicatorIcon: "circle",
+      indicatorSize: "50%",
+      indicatorStyle: {
+        borderColor: "#fff",
+        borderWidth: 2,
+        shadowBlur: 2,
+        shadowOffsetX: 1,
+        shadowOffsetY: 1,
+        shadowColor: "rgba(0,0,0,0.2)"
+      }
+      // emphasis: {
+      //     handleStyle: {
+      //         shadowBlur: 3,
+      //         shadowOffsetX: 1,
+      //         shadowOffsetY: 1,
+      //         shadowColor: 'rgba(0,0,0,0.2)'
+      //     }
+      // }
+    }), a;
+  })(P)
+);
+function rt(u, a, t) {
+  if (t[0] === t[1])
+    return t.slice();
+  for (var e = 200, i = (t[1] - t[0]) / e, r = t[0], n = [], o = 0; o <= e && r < t[1]; o++)
+    n.push(r), r += i;
+  return n.push(t[1]), n;
+}
+var xt = (
+  /** @class */
+  (function(u) {
+    z(a, u);
+    function a() {
+      var t = u !== null && u.apply(this, arguments) || this;
+      return t.type = a.type, t.autoPositionValues = {
+        left: 1,
+        right: 1,
+        top: 1,
+        bottom: 1
+      }, t;
+    }
+    return a.prototype.init = function(t, e) {
+      this.ecModel = t, this.api = e;
+    }, a.prototype.render = function(t, e, i, r) {
+      if (this.visualMapModel = t, t.get("show") === !1) {
+        this.group.removeAll();
+        return;
+      }
+      this.doRender(t, e, i, r);
+    }, a.prototype.renderBackground = function(t) {
+      var e = this.visualMapModel, i = Tt(e.get("padding") || 0), r = t.getBoundingRect();
+      t.add(new mt({
+        z2: -1,
+        silent: !0,
+        shape: {
+          x: r.x - i[3],
+          y: r.y - i[0],
+          width: r.width + i[3] + i[1],
+          height: r.height + i[0] + i[2]
+        },
+        style: {
+          fill: e.get("backgroundColor"),
+          stroke: e.get("borderColor"),
+          lineWidth: e.get("borderWidth")
+        }
+      }));
+    }, a.prototype.getControllerVisual = function(t, e, i) {
+      i = i || {};
+      var r = i.forceState, n = this.visualMapModel, o = {};
+      if (e === "color") {
+        var l = n.get("contentColor");
+        o.color = l;
+      }
+      function h(v) {
+        return o[v];
+      }
+      function p(v, f) {
+        o[v] = f;
+      }
+      var s = n.controllerVisuals[r || n.getValueState(t)], c = S.prepareVisualTypes(s);
+      return g(c, function(v) {
+        var f = s[v];
+        i.convertOpacityToAlpha && v === "opacity" && (v = "colorAlpha", f = s.__alphaForOpacity), S.dependsOn(v, e) && f && f.applyVisual(t, h, p);
+      }), o[e];
+    }, a.prototype.positionGroup = function(t) {
+      var e = this.visualMapModel, i = this.api;
+      Ot(t, e.getBoxLayoutParams(), {
+        width: i.getWidth(),
+        height: i.getHeight()
+      });
+    }, a.prototype.doRender = function(t, e, i, r) {
+    }, a.type = "visualMap", a;
+  })(zt)
+), nt = [["left", "right", "width"], ["top", "bottom", "height"]];
+function bt(u, a, t) {
+  var e = u.option, i = e.align;
+  if (i != null && i !== "auto")
+    return i;
+  for (var r = {
+    width: a.getWidth(),
+    height: a.getHeight()
+  }, n = e.orient === "horizontal" ? 1 : 0, o = nt[n], l = [0, null, 10], h = {}, p = 0; p < 3; p++)
+    h[nt[1 - n][p]] = l[p], h[o[p]] = p === 2 ? t[0] : e[o[p]];
+  var s = [["x", "width", 3], ["y", "height", 0]][n], c = Ct(h, r, e.padding);
+  return o[(c.margin[s[2]] || 0) + c[s[0]] + c[s[1]] * 0.5 < r[s[1]] * 0.5 ? 0 : 1];
+}
+function H(u, a) {
+  return g(u || [], function(t) {
+    t.dataIndex != null && (t.dataIndexInside = t.dataIndex, t.dataIndex = null), t.highlightKey = "visualMap" + (a ? a.componentIndex : "");
+  }), u;
+}
+var b = gt, te = g, ot = Math.min, N = Math.max, ee = 12, ie = 6, ae = (
+  /** @class */
+  (function(u) {
+    z(a, u);
+    function a() {
+      var t = u !== null && u.apply(this, arguments) || this;
+      return t.type = a.type, t._shapes = {}, t._dataInterval = [], t._handleEnds = [], t._hoverLinkDataIndices = [], t;
+    }
+    return a.prototype.init = function(t, e) {
+      u.prototype.init.call(this, t, e), this._hoverLinkFromSeriesMouseOver = V(this._hoverLinkFromSeriesMouseOver, this), this._hideIndicator = V(this._hideIndicator, this);
+    }, a.prototype.doRender = function(t, e, i, r) {
+      (!r || r.type !== "selectDataRange" || r.from !== this.uid) && this._buildView();
+    }, a.prototype._buildView = function() {
+      this.group.removeAll();
+      var t = this.visualMapModel, e = this.group;
+      this._orient = t.get("orient"), this._useHandle = t.get("calculable"), this._resetInterval(), this._renderBar(e);
+      var i = t.get("text");
+      this._renderEndsText(e, i, 0), this._renderEndsText(e, i, 1), this._updateView(!0), this.renderBackground(e), this._updateView(), this._enableHoverLinkToSeries(), this._enableHoverLinkFromSeries(), this.positionGroup(e);
+    }, a.prototype._renderEndsText = function(t, e, i) {
+      if (e) {
+        var r = e[1 - i];
+        r = r != null ? r + "" : "";
+        var n = this.visualMapModel, o = n.get("textGap"), l = n.itemSize, h = this._shapes.mainGroup, p = this._applyTransform([l[0] / 2, i === 0 ? -o : l[1] + o], h), s = this._applyTransform(i === 0 ? "bottom" : "top", h), c = this._orient, v = this.visualMapModel.textStyleModel;
+        this.group.add(new C({
+          style: D(v, {
+            x: p[0],
+            y: p[1],
+            verticalAlign: c === "horizontal" ? "middle" : s,
+            align: c === "horizontal" ? s : "center",
+            text: r
+          })
+        }));
+      }
+    }, a.prototype._renderBar = function(t) {
+      var e = this.visualMapModel, i = this._shapes, r = e.itemSize, n = this._orient, o = this._useHandle, l = bt(e, this.api, r), h = i.mainGroup = this._createBarGroup(l), p = new k();
+      h.add(p), p.add(i.outOfRange = st()), p.add(i.inRange = st(null, o ? ut(this._orient) : null, V(this._dragHandle, this, "all", !1), V(this._dragHandle, this, "all", !0))), p.setClipPath(new mt({
+        shape: {
+          x: 0,
+          y: 0,
+          width: r[0],
+          height: r[1],
+          r: 3
+        }
+      }));
+      var s = e.textStyleModel.getTextRect("国"), c = N(s.width, s.height);
+      o && (i.handleThumbs = [], i.handleLabels = [], i.handleLabelPoints = [], this._createHandle(e, h, 0, r, c, n), this._createHandle(e, h, 1, r, c, n)), this._createIndicator(e, h, r, c, n), t.add(h);
+    }, a.prototype._createHandle = function(t, e, i, r, n, o) {
+      var l = V(this._dragHandle, this, i, !1), h = V(this._dragHandle, this, i, !0), p = q(t.get("handleSize"), r[0]), s = K(t.get("handleIcon"), -p / 2, -p / 2, p, p, null, !0), c = ut(this._orient);
+      s.attr({
+        cursor: c,
+        draggable: !0,
+        drift: l,
+        ondragend: h,
+        onmousemove: function(m) {
+          W(m.event);
+        }
+      }), s.x = r[0] / 2, s.useStyle(t.getModel("handleStyle").getItemStyle()), s.setStyle({
+        strokeNoScale: !0,
+        strokeFirst: !0
+      }), s.style.lineWidth *= 2, s.ensureState("emphasis").style = t.getModel(["emphasis", "handleStyle"]).getItemStyle(), Dt(s, !0), e.add(s);
+      var v = this.visualMapModel.textStyleModel, f = new C({
+        cursor: c,
+        draggable: !0,
+        drift: l,
+        onmousemove: function(m) {
+          W(m.event);
+        },
+        ondragend: h,
+        style: D(v, {
+          x: 0,
+          y: 0,
+          text: ""
+        })
+      });
+      f.ensureState("blur").style = {
+        opacity: 0.1
+      }, f.stateTransition = {
+        duration: 200
+      }, this.group.add(f);
+      var d = [p, 0], y = this._shapes;
+      y.handleThumbs[i] = s, y.handleLabelPoints[i] = d, y.handleLabels[i] = f;
+    }, a.prototype._createIndicator = function(t, e, i, r, n) {
+      var o = q(t.get("indicatorSize"), i[0]), l = K(t.get("indicatorIcon"), -o / 2, -o / 2, o, o, null, !0);
+      l.attr({
+        cursor: "move",
+        invisible: !0,
+        silent: !0,
+        x: i[0] / 2
+      });
+      var h = t.getModel("indicatorStyle").getItemStyle();
+      if (l instanceof Ht) {
+        var p = l.style;
+        l.useStyle(kt({
+          // TODO other properties like x, y ?
+          image: p.image,
+          x: p.x,
+          y: p.y,
+          width: p.width,
+          height: p.height
+        }, h));
+      } else
+        l.useStyle(h);
+      e.add(l);
+      var s = this.visualMapModel.textStyleModel, c = new C({
+        silent: !0,
+        invisible: !0,
+        style: D(s, {
+          x: 0,
+          y: 0,
+          text: ""
+        })
+      });
+      this.group.add(c);
+      var v = [(n === "horizontal" ? r / 2 : ie) + i[0] / 2, 0], f = this._shapes;
+      f.indicator = l, f.indicatorLabel = c, f.indicatorLabelPoint = v, this._firstShowIndicator = !0;
+    }, a.prototype._dragHandle = function(t, e, i, r) {
+      if (this._useHandle) {
+        if (this._dragging = !e, !e) {
+          var n = this._applyTransform([i, r], this._shapes.mainGroup, !0);
+          this._updateInterval(t, n[1]), this._hideIndicator(), this._updateView();
+        }
+        e === !this.visualMapModel.get("realtime") && this.api.dispatchAction({
+          type: "selectDataRange",
+          from: this.uid,
+          visualMapId: this.visualMapModel.id,
+          selected: this._dataInterval.slice()
+        }), e ? !this._hovering && this._clearHoverLinkToSeries() : lt(this.visualMapModel) && this._doHoverLinkToSeries(this._handleEnds[t], !1);
+      }
+    }, a.prototype._resetInterval = function() {
+      var t = this.visualMapModel, e = this._dataInterval = t.getSelected(), i = t.getExtent(), r = [0, t.itemSize[1]];
+      this._handleEnds = [b(e[0], i, r, !0), b(e[1], i, r, !0)];
+    }, a.prototype._updateInterval = function(t, e) {
+      e = e || 0;
+      var i = this.visualMapModel, r = this._handleEnds, n = [0, i.itemSize[1]];
+      $t(
+        e,
+        r,
+        n,
+        t,
+        // cross is forbidden
+        0
+      );
+      var o = i.getExtent();
+      this._dataInterval = [b(r[0], n, o, !0), b(r[1], n, o, !0)];
+    }, a.prototype._updateView = function(t) {
+      var e = this.visualMapModel, i = e.getExtent(), r = this._shapes, n = [0, e.itemSize[1]], o = t ? n : this._handleEnds, l = this._createBarVisual(this._dataInterval, i, o, "inRange"), h = this._createBarVisual(i, i, n, "outOfRange");
+      r.inRange.setStyle({
+        fill: l.barColor
+        // opacity: visualInRange.opacity
+      }).setShape("points", l.barPoints), r.outOfRange.setStyle({
+        fill: h.barColor
+        // opacity: visualOutOfRange.opacity
+      }).setShape("points", h.barPoints), this._updateHandle(o, l);
+    }, a.prototype._createBarVisual = function(t, e, i, r) {
+      var n = {
+        forceState: r,
+        convertOpacityToAlpha: !0
+      }, o = this._makeColorGradient(t, n), l = [this.getControllerVisual(t[0], "symbolSize", n), this.getControllerVisual(t[1], "symbolSize", n)], h = this._createBarPoints(i, l);
+      return {
+        barColor: new Pt(0, 0, 0, 1, o),
+        barPoints: h,
+        handlesColor: [o[0].color, o[o.length - 1].color]
+      };
+    }, a.prototype._makeColorGradient = function(t, e) {
+      var i = 100, r = [], n = (t[1] - t[0]) / i;
+      r.push({
+        color: this.getControllerVisual(t[0], "color", e),
+        offset: 0
+      });
+      for (var o = 1; o < i; o++) {
+        var l = t[0] + n * o;
+        if (l > t[1])
+          break;
+        r.push({
+          color: this.getControllerVisual(l, "color", e),
+          offset: o / i
+        });
+      }
+      return r.push({
+        color: this.getControllerVisual(t[1], "color", e),
+        offset: 1
+      }), r;
+    }, a.prototype._createBarPoints = function(t, e) {
+      var i = this.visualMapModel.itemSize;
+      return [[i[0] - e[0], t[0]], [i[0], t[0]], [i[0], t[1]], [i[0] - e[1], t[1]]];
+    }, a.prototype._createBarGroup = function(t) {
+      var e = this._orient, i = this.visualMapModel.get("inverse");
+      return new k(e === "horizontal" && !i ? {
+        scaleX: t === "bottom" ? 1 : -1,
+        rotation: Math.PI / 2
+      } : e === "horizontal" && i ? {
+        scaleX: t === "bottom" ? -1 : 1,
+        rotation: -Math.PI / 2
+      } : e === "vertical" && !i ? {
+        scaleX: t === "left" ? 1 : -1,
+        scaleY: -1
+      } : {
+        scaleX: t === "left" ? 1 : -1
+      });
+    }, a.prototype._updateHandle = function(t, e) {
+      if (this._useHandle) {
+        var i = this._shapes, r = this.visualMapModel, n = i.handleThumbs, o = i.handleLabels, l = r.itemSize, h = r.getExtent(), p = this._applyTransform("left", i.mainGroup);
+        te([0, 1], function(s) {
+          var c = n[s];
+          c.setStyle("fill", e.handlesColor[s]), c.y = t[s];
+          var v = b(t[s], [0, l[1]], h, !0), f = this.getControllerVisual(v, "symbolSize");
+          c.scaleX = c.scaleY = f / l[0], c.x = l[0] - f / 2;
+          var d = G(i.handleLabelPoints[s], B(c, this.group));
+          if (this._orient === "horizontal") {
+            var y = p === "left" || p === "top" ? (l[0] - f) / 2 : (l[0] - f) / -2;
+            d[1] += y;
+          }
+          o[s].setStyle({
+            x: d[0],
+            y: d[1],
+            text: r.formatValueText(this._dataInterval[s]),
+            verticalAlign: "middle",
+            align: this._orient === "vertical" ? this._applyTransform("left", i.mainGroup) : "center"
+          });
+        }, this);
+      }
+    }, a.prototype._showIndicator = function(t, e, i, r) {
+      var n = this.visualMapModel, o = n.getExtent(), l = n.itemSize, h = [0, l[1]], p = this._shapes, s = p.indicator;
+      if (s) {
+        s.attr("invisible", !1);
+        var c = {
+          convertOpacityToAlpha: !0
+        }, v = this.getControllerVisual(t, "color", c), f = this.getControllerVisual(t, "symbolSize"), d = b(t, o, h, !0), y = l[0] - f / 2, m = {
+          x: s.x,
+          y: s.y
+        };
+        s.y = d, s.x = y;
+        var _ = G(p.indicatorLabelPoint, B(s, this.group)), M = p.indicatorLabel;
+        M.attr("invisible", !1);
+        var I = this._applyTransform("left", p.mainGroup), w = this._orient, x = w === "horizontal";
+        M.setStyle({
+          text: (i || "") + n.formatValueText(e),
+          verticalAlign: x ? I : "middle",
+          align: x ? "center" : I
+        });
+        var $ = {
+          x: y,
+          y: d,
+          style: {
+            fill: v
+          }
+        }, U = {
+          style: {
+            x: _[0],
+            y: _[1]
+          }
+        };
+        if (n.ecModel.isAnimationEnabled() && !this._firstShowIndicator) {
+          var X = {
+            duration: 100,
+            easing: "cubicInOut",
+            additive: !0
+          };
+          s.x = m.x, s.y = m.y, s.animateTo($, X), M.animateTo(U, X);
+        } else
+          s.attr($), M.attr(U);
+        this._firstShowIndicator = !1;
+        var A = this._shapes.handleLabels;
+        if (A)
+          for (var E = 0; E < A.length; E++)
+            this.api.enterBlur(A[E]);
+      }
+    }, a.prototype._enableHoverLinkToSeries = function() {
+      var t = this;
+      this._shapes.mainGroup.on("mousemove", function(e) {
+        if (t._hovering = !0, !t._dragging) {
+          var i = t.visualMapModel.itemSize, r = t._applyTransform([e.offsetX, e.offsetY], t._shapes.mainGroup, !0, !0);
+          r[1] = ot(N(0, r[1]), i[1]), t._doHoverLinkToSeries(r[1], 0 <= r[0] && r[0] <= i[0]);
+        }
+      }).on("mouseout", function() {
+        t._hovering = !1, !t._dragging && t._clearHoverLinkToSeries();
+      });
+    }, a.prototype._enableHoverLinkFromSeries = function() {
+      var t = this.api.getZr();
+      this.visualMapModel.option.hoverLink ? (t.on("mouseover", this._hoverLinkFromSeriesMouseOver, this), t.on("mouseout", this._hideIndicator, this)) : this._clearHoverLinkFromSeries();
+    }, a.prototype._doHoverLinkToSeries = function(t, e) {
+      var i = this.visualMapModel, r = i.itemSize;
+      if (i.option.hoverLink) {
+        var n = [0, r[1]], o = i.getExtent();
+        t = ot(N(n[0], t), n[1]);
+        var l = re(i, o, n), h = [t - l, t + l], p = b(t, n, o, !0), s = [b(h[0], n, o, !0), b(h[1], n, o, !0)];
+        h[0] < n[0] && (s[0] = -1 / 0), h[1] > n[1] && (s[1] = 1 / 0), e && (s[0] === -1 / 0 ? this._showIndicator(p, s[1], "< ", l) : s[1] === 1 / 0 ? this._showIndicator(p, s[0], "> ", l) : this._showIndicator(p, p, "≈ ", l));
+        var c = this._hoverLinkDataIndices, v = [];
+        (e || lt(i)) && (v = this._hoverLinkDataIndices = i.findTargetDataIndices(s));
+        var f = At(c, v);
+        this._dispatchHighDown("downplay", H(f[0], i)), this._dispatchHighDown("highlight", H(f[1], i));
+      }
+    }, a.prototype._hoverLinkFromSeriesMouseOver = function(t) {
+      var e;
+      if (Et(t.target, function(l) {
+        var h = Gt(l);
+        if (h.dataIndex != null)
+          return e = h, !0;
+      }, !0), !!e) {
+        var i = this.ecModel.getSeriesByIndex(e.seriesIndex), r = this.visualMapModel;
+        if (r.isTargetSeries(i)) {
+          var n = i.getData(e.dataType), o = n.getStore().get(r.getDataDimensionIndex(n), e.dataIndex);
+          isNaN(o) || this._showIndicator(o, o);
+        }
+      }
+    }, a.prototype._hideIndicator = function() {
+      var t = this._shapes;
+      t.indicator && t.indicator.attr("invisible", !0), t.indicatorLabel && t.indicatorLabel.attr("invisible", !0);
+      var e = this._shapes.handleLabels;
+      if (e)
+        for (var i = 0; i < e.length; i++)
+          this.api.leaveBlur(e[i]);
+    }, a.prototype._clearHoverLinkToSeries = function() {
+      this._hideIndicator();
+      var t = this._hoverLinkDataIndices;
+      this._dispatchHighDown("downplay", H(t, this.visualMapModel)), t.length = 0;
+    }, a.prototype._clearHoverLinkFromSeries = function() {
+      this._hideIndicator();
+      var t = this.api.getZr();
+      t.off("mouseover", this._hoverLinkFromSeriesMouseOver), t.off("mouseout", this._hideIndicator);
+    }, a.prototype._applyTransform = function(t, e, i, r) {
+      var n = B(e, r ? null : this.group);
+      return R(t) ? G(t, n, i) : Bt(t, n, i);
+    }, a.prototype._dispatchHighDown = function(t, e) {
+      e && e.length && this.api.dispatchAction({
+        type: t,
+        batch: e
+      });
+    }, a.prototype.dispose = function() {
+      this._clearHoverLinkFromSeries(), this._clearHoverLinkToSeries();
+    }, a.type = "visualMap.continuous", a;
+  })(xt)
+);
+function st(u, a, t, e) {
+  return new Ft({
+    shape: {
+      points: u
+    },
+    draggable: !!t,
+    cursor: a,
+    drift: t,
+    onmousemove: function(i) {
+      W(i.event);
+    },
+    ondragend: e
+  });
+}
+function re(u, a, t) {
+  var e = ee / 2, i = u.get("hoverLinkDataSize");
+  return i && (e = b(i, a, t, !0) / 2), e;
+}
+function lt(u) {
+  var a = u.get("hoverLinkOnHandle");
+  return !!(a == null ? u.get("realtime") : a);
+}
+function ut(u) {
+  return u === "vertical" ? "ns-resize" : "ew-resize";
+}
+var ne = {
+  type: "selectDataRange",
+  event: "dataRangeSelected",
+  // FIXME use updateView appears wrong
+  update: "update"
+}, oe = function(u, a) {
+  a.eachComponent({
+    mainType: "visualMap",
+    query: u
+  }, function(t) {
+    t.setSelected(u.selected);
+  });
+}, se = [
+  {
+    createOnAllSeries: !0,
+    reset: function(u, a) {
+      var t = [];
+      return a.eachComponent("visualMap", function(e) {
+        var i = u.pipelineContext;
+        !e.isTargetSeries(u) || i && i.large || t.push(Xt(e.stateList, e.targetVisuals, V(e.getValueState, e), e.getDataDimensionIndex(u.getData())));
+      }), t;
+    }
+  },
+  // Only support color.
+  {
+    createOnAllSeries: !0,
+    reset: function(u, a) {
+      var t = u.getData(), e = [];
+      a.eachComponent("visualMap", function(i) {
+        if (i.isTargetSeries(u)) {
+          var r = i.getVisualMeta(V(le, null, u, i)) || {
+            stops: [],
+            outerColors: []
+          }, n = i.getDataDimensionIndex(t);
+          n >= 0 && (r.dimension = n, e.push(r));
+        }
+      }), u.getData().setVisual("visualMeta", e);
+    }
+  }
+];
+function le(u, a, t, e) {
+  for (var i = a.targetVisuals[e], r = S.prepareVisualTypes(i), n = {
+    color: Nt(u.getData(), "color")
+    // default color.
+  }, o = 0, l = r.length; o < l; o++) {
+    var h = r[o], p = i[h === "opacity" ? "__alphaForOpacity" : h];
+    p && p.applyVisual(t, s, c);
+  }
+  return n.color;
+  function s(v) {
+    return n[v];
+  }
+  function c(v, f) {
+    n[v] = f;
+  }
+}
+var pt = g;
+function ue(u) {
+  var a = u && u.visualMap;
+  R(a) || (a = a ? [a] : []), pt(a, function(t) {
+    if (t) {
+      O(t, "splitList") && !O(t, "pieces") && (t.pieces = t.splitList, delete t.splitList);
+      var e = t.pieces;
+      e && R(e) && pt(e, function(i) {
+        Mt(i) && (O(i, "start") && !O(i, "min") && (i.min = i.start), O(i, "end") && !O(i, "max") && (i.max = i.end));
+      });
+    }
+  });
+}
+function O(u, a) {
+  return u && u.hasOwnProperty && u.hasOwnProperty(a);
+}
+var ht = !1;
+function Vt(u) {
+  ht || (ht = !0, u.registerSubTypeDefaulter("visualMap", function(a) {
+    return !a.categories && (!(a.pieces ? a.pieces.length > 0 : a.splitNumber > 0) || a.calculable) ? "continuous" : "piecewise";
+  }), u.registerAction(ne, oe), g(se, function(a) {
+    u.registerVisual(u.PRIORITY.VISUAL.COMPONENT, a);
+  }), u.registerPreprocessor(ue));
+}
+function pe(u) {
+  u.registerComponentModel(jt), u.registerComponentView(ae), Vt(u);
+}
+var he = (
+  /** @class */
+  (function(u) {
+    z(a, u);
+    function a() {
+      var t = u !== null && u.apply(this, arguments) || this;
+      return t.type = a.type, t._pieceList = [], t;
+    }
+    return a.prototype.optionUpdated = function(t, e) {
+      u.prototype.optionUpdated.apply(this, arguments), this.resetExtent();
+      var i = this._mode = this._determineMode();
+      this._pieceList = [], ce[this._mode].call(this, this._pieceList), this._resetSelected(t, e);
+      var r = this.option.categories;
+      this.resetVisual(function(n, o) {
+        i === "categories" ? (n.mappingMethod = "category", n.categories = L(r)) : (n.dataExtent = this.getExtent(), n.mappingMethod = "piecewise", n.pieceList = _t(this._pieceList, function(l) {
+          return l = L(l), o !== "inRange" && (l.visual = null), l;
+        }));
+      });
+    }, a.prototype.completeVisualOption = function() {
+      var t = this.option, e = {}, i = S.listVisualTypes(), r = this.isCategory();
+      g(t.pieces, function(o) {
+        g(i, function(l) {
+          o.hasOwnProperty(l) && (e[l] = 1);
+        });
+      }), g(e, function(o, l) {
+        var h = !1;
+        g(this.stateList, function(p) {
+          h = h || n(t, p, l) || n(t.target, p, l);
+        }, this), !h && g(this.stateList, function(p) {
+          (t[p] || (t[p] = {}))[l] = St.get(l, p === "inRange" ? "active" : "inactive", r);
+        });
+      }, this);
+      function n(o, l, h) {
+        return o && o[l] && o[l].hasOwnProperty(h);
+      }
+      u.prototype.completeVisualOption.apply(this, arguments);
+    }, a.prototype._resetSelected = function(t, e) {
+      var i = this.option, r = this._pieceList, n = (e ? i : t).selected || {};
+      if (i.selected = n, g(r, function(l, h) {
+        var p = this.getSelectedMapKey(l);
+        n.hasOwnProperty(p) || (n[p] = !0);
+      }, this), i.selectedMode === "single") {
+        var o = !1;
+        g(r, function(l, h) {
+          var p = this.getSelectedMapKey(l);
+          n[p] && (o ? n[p] = !1 : o = !0);
+        }, this);
+      }
+    }, a.prototype.getItemSymbol = function() {
+      return this.get("itemSymbol");
+    }, a.prototype.getSelectedMapKey = function(t) {
+      return this._mode === "categories" ? t.value + "" : t.index + "";
+    }, a.prototype.getPieceList = function() {
+      return this._pieceList;
+    }, a.prototype._determineMode = function() {
+      var t = this.option;
+      return t.pieces && t.pieces.length > 0 ? "pieces" : this.option.categories ? "categories" : "splitNumber";
+    }, a.prototype.setSelected = function(t) {
+      this.option.selected = L(t);
+    }, a.prototype.getValueState = function(t) {
+      var e = S.findPieceIndex(t, this._pieceList);
+      return e != null && this.option.selected[this.getSelectedMapKey(this._pieceList[e])] ? "inRange" : "outOfRange";
+    }, a.prototype.findTargetDataIndices = function(t) {
+      var e = [], i = this._pieceList;
+      return this.eachTargetSeries(function(r) {
+        var n = [], o = r.getData();
+        o.each(this.getDataDimensionIndex(o), function(l, h) {
+          var p = S.findPieceIndex(l, i);
+          p === t && n.push(h);
+        }, this), e.push({
+          seriesId: r.id,
+          dataIndex: n
+        });
+      }, this), e;
+    }, a.prototype.getRepresentValue = function(t) {
+      var e;
+      if (this.isCategory())
+        e = t.value;
+      else if (t.value != null)
+        e = t.value;
+      else {
+        var i = t.interval || [];
+        e = i[0] === -1 / 0 && i[1] === 1 / 0 ? 0 : (i[0] + i[1]) / 2;
+      }
+      return e;
+    }, a.prototype.getVisualMeta = function(t) {
+      if (this.isCategory())
+        return;
+      var e = [], i = ["", ""], r = this;
+      function n(p, s) {
+        var c = r.getRepresentValue({
+          interval: p
+        });
+        s || (s = r.getValueState(c));
+        var v = t(c, s);
+        p[0] === -1 / 0 ? i[0] = v : p[1] === 1 / 0 ? i[1] = v : e.push({
+          value: p[0],
+          color: v
+        }, {
+          value: p[1],
+          color: v
+        });
+      }
+      var o = this._pieceList.slice();
+      if (!o.length)
+        o.push({
+          interval: [-1 / 0, 1 / 0]
+        });
+      else {
+        var l = o[0].interval[0];
+        l !== -1 / 0 && o.unshift({
+          interval: [-1 / 0, l]
+        }), l = o[o.length - 1].interval[1], l !== 1 / 0 && o.push({
+          interval: [l, 1 / 0]
+        });
+      }
+      var h = -1 / 0;
+      return g(o, function(p) {
+        var s = p.interval;
+        s && (s[0] > h && n([h, s[0]], "outOfRange"), n(s.slice()), h = s[1]);
+      }, this), {
+        stops: e,
+        outerColors: i
+      };
+    }, a.type = "visualMap.piecewise", a.defaultOption = yt(P.defaultOption, {
+      selected: null,
+      minOpen: !1,
+      maxOpen: !1,
+      align: "auto",
+      itemWidth: 20,
+      itemHeight: 14,
+      itemSymbol: "roundRect",
+      pieces: null,
+      categories: null,
+      splitNumber: 5,
+      selectedMode: "multiple",
+      itemGap: 10,
+      hoverLink: !0
+      // Enable hover highlight.
+    }), a;
+  })(P)
+), ce = {
+  splitNumber: function(u) {
+    var a = this.option, t = Math.min(a.precision, 20), e = this.getExtent(), i = a.splitNumber;
+    i = Math.max(parseInt(i, 10), 1), a.splitNumber = i;
+    for (var r = (e[1] - e[0]) / i; +r.toFixed(t) !== r && t < 5; )
+      t++;
+    a.precision = t, r = +r.toFixed(t), a.minOpen && u.push({
+      interval: [-1 / 0, e[0]],
+      close: [0, 0]
+    });
+    for (var n = 0, o = e[0]; n < i; o += r, n++) {
+      var l = n === i - 1 ? e[1] : o + r;
+      u.push({
+        interval: [o, l],
+        close: [1, 1]
+      });
+    }
+    a.maxOpen && u.push({
+      interval: [e[1], 1 / 0],
+      close: [0, 0]
+    }), J(u), g(u, function(h, p) {
+      h.index = p, h.text = this.formatValueText(h.interval);
+    }, this);
+  },
+  categories: function(u) {
+    var a = this.option;
+    g(a.categories, function(t) {
+      u.push({
+        text: this.formatValueText(t, !0),
+        value: t
+      });
+    }, this), ct(a, u);
+  },
+  pieces: function(u) {
+    var a = this.option;
+    g(a.pieces, function(t, e) {
+      Mt(t) || (t = {
+        value: t
+      });
+      var i = {
+        text: "",
+        index: e
+      };
+      if (t.label != null && (i.text = t.label), t.hasOwnProperty("value")) {
+        var r = i.value = t.value;
+        i.interval = [r, r], i.close = [1, 1];
+      } else {
+        for (var n = i.interval = [], o = i.close = [0, 0], l = [1, 0, 1], h = [-1 / 0, 1 / 0], p = [], s = 0; s < 2; s++) {
+          for (var c = [["gte", "gt", "min"], ["lte", "lt", "max"]][s], v = 0; v < 3 && n[s] == null; v++)
+            n[s] = t[c[v]], o[s] = l[v], p[s] = v === 2;
+          n[s] == null && (n[s] = h[s]);
+        }
+        p[0] && n[1] === 1 / 0 && (o[0] = 0), p[1] && n[0] === -1 / 0 && (o[1] = 0), process.env.NODE_ENV !== "production" && n[0] > n[1] && console.warn("Piece " + e + "is illegal: " + n + " lower bound should not greater then uppper bound."), n[0] === n[1] && o[0] && o[1] && (i.value = n[0]);
+      }
+      i.visual = S.retrieveVisuals(t), u.push(i);
+    }, this), ct(a, u), J(u), g(u, function(t) {
+      var e = t.close, i = [["<", "≤"][e[1]], [">", "≥"][e[0]]];
+      t.text = t.text || this.formatValueText(t.value != null ? t.value : t.interval, !1, i);
+    }, this);
+  }
+};
+function ct(u, a) {
+  var t = u.inverse;
+  (u.orient === "vertical" ? !t : t) && a.reverse();
+}
+var ve = (
+  /** @class */
+  (function(u) {
+    z(a, u);
+    function a() {
+      var t = u !== null && u.apply(this, arguments) || this;
+      return t.type = a.type, t;
+    }
+    return a.prototype.doRender = function() {
+      var t = this.group;
+      t.removeAll();
+      var e = this.visualMapModel, i = e.get("textGap"), r = e.textStyleModel, n = r.getFont(), o = r.getTextColor(), l = this._getItemAlign(), h = e.itemSize, p = this._getViewData(), s = p.endsText, c = Kt(e.get("showLabel", !0), !s), v = !e.get("selectedMode");
+      s && this._renderEndsText(t, s[0], h, c, l), g(p.viewPieceList, function(f) {
+        var d = f.piece, y = new k();
+        y.onclick = V(this._onItemClick, this, d), this._enableHoverLink(y, f.indexInModelPieceList);
+        var m = e.getRepresentValue(d);
+        if (this._createItemSymbol(y, m, [0, 0, h[0], h[1]], v), c) {
+          var _ = this.visualMapModel.getValueState(m);
+          y.add(new C({
+            style: {
+              x: l === "right" ? -i : h[0] + i,
+              y: h[1] / 2,
+              text: d.text,
+              verticalAlign: "middle",
+              align: l,
+              font: n,
+              fill: o,
+              opacity: _ === "outOfRange" ? 0.5 : 1
+            },
+            silent: v
+          }));
+        }
+        t.add(y);
+      }, this), s && this._renderEndsText(t, s[1], h, c, l), Wt(e.get("orient"), t, e.get("itemGap")), this.renderBackground(t), this.positionGroup(t);
+    }, a.prototype._enableHoverLink = function(t, e) {
+      var i = this;
+      t.on("mouseover", function() {
+        return r("highlight");
+      }).on("mouseout", function() {
+        return r("downplay");
+      });
+      var r = function(n) {
+        var o = i.visualMapModel;
+        o.option.hoverLink && i.api.dispatchAction({
+          type: n,
+          batch: H(o.findTargetDataIndices(e), o)
+        });
+      };
+    }, a.prototype._getItemAlign = function() {
+      var t = this.visualMapModel, e = t.option;
+      if (e.orient === "vertical")
+        return bt(t, this.api, t.itemSize);
+      var i = e.align;
+      return (!i || i === "auto") && (i = "left"), i;
+    }, a.prototype._renderEndsText = function(t, e, i, r, n) {
+      if (e) {
+        var o = new k(), l = this.visualMapModel.textStyleModel;
+        o.add(new C({
+          style: D(l, {
+            x: r ? n === "right" ? i[0] : 0 : i[0] / 2,
+            y: i[1] / 2,
+            verticalAlign: "middle",
+            align: r ? n : "center",
+            text: e
+          })
+        })), t.add(o);
+      }
+    }, a.prototype._getViewData = function() {
+      var t = this.visualMapModel, e = _t(t.getPieceList(), function(o, l) {
+        return {
+          piece: o,
+          indexInModelPieceList: l
+        };
+      }), i = t.get("text"), r = t.get("orient"), n = t.get("inverse");
+      return (r === "horizontal" ? n : !n) ? e.reverse() : i && (i = i.slice().reverse()), {
+        viewPieceList: e,
+        endsText: i
+      };
+    }, a.prototype._createItemSymbol = function(t, e, i, r) {
+      var n = K(
+        // symbol will be string
+        this.getControllerVisual(e, "symbol"),
+        i[0],
+        i[1],
+        i[2],
+        i[3],
+        // color will be string
+        this.getControllerVisual(e, "color")
+      );
+      n.silent = r, t.add(n);
+    }, a.prototype._onItemClick = function(t) {
+      var e = this.visualMapModel, i = e.option, r = i.selectedMode;
+      if (r) {
+        var n = L(i.selected), o = e.getSelectedMapKey(t);
+        r === "single" || r === !0 ? (n[o] = !0, g(n, function(l, h) {
+          n[h] = h === o;
+        })) : n[o] = !n[o], this.api.dispatchAction({
+          type: "selectDataRange",
+          from: this.uid,
+          visualMapId: this.visualMapModel.id,
+          selected: n
+        });
+      }
+    }, a.type = "visualMap.piecewise", a;
+  })(xt)
+);
+function fe(u) {
+  u.registerComponentModel(he), u.registerComponentView(ve), Vt(u);
+}
+function Me(u) {
+  Z(pe), Z(fe);
+}
+export {
+  pe as a,
+  fe as b,
+  tt as c,
+  me as d,
+  Me as i,
+  Ut as r,
+  $t as s
+};