web-core-tcm 0.0.59 → 0.0.62

package/dist/node_modules/echarts/lib/component/legend/LegendModel.js

@@ -0,0 +1,196 @@
+import { __extends as g } from "../../../../tslib/tslib.es6.js";
+import { isArray as v, each as s, merge as y, isString as p, createHashMap as m, map as b, isNumber as S, filter as M, indexOf as _ } from "../../../../zrender/lib/core/util.js";
+import w from "../../model/Model.js";
+import { isNameSpecified as O } from "../../util/model.js";
+import C from "../../model/Component.js";
+var D = function(n, r) {
+  if (r === "all")
+    return {
+      type: "all",
+      title: n.getLocaleModel().get(["legend", "selector", "all"])
+    };
+  if (r === "inverse")
+    return {
+      type: "inverse",
+      title: n.getLocaleModel().get(["legend", "selector", "inverse"])
+    };
+}, z = (
+  /** @class */
+  (function(n) {
+    g(r, n);
+    function r() {
+      var e = n !== null && n.apply(this, arguments) || this;
+      return e.type = r.type, e.layoutMode = {
+        type: "box",
+        // legend.width/height are maxWidth/maxHeight actually,
+        // whereas real width/height is calculated by its content.
+        // (Setting {left: 10, right: 10} does not make sense).
+        // So consider the case:
+        // `setOption({legend: {left: 10});`
+        // then `setOption({legend: {right: 10});`
+        // The previous `left` should be cleared by setting `ignoreSize`.
+        ignoreSize: !0
+      }, e;
+    }
+    return r.prototype.init = function(e, t, i) {
+      this.mergeDefaultAndTheme(e, i), e.selected = e.selected || {}, this._updateSelector(e);
+    }, r.prototype.mergeOption = function(e, t) {
+      n.prototype.mergeOption.call(this, e, t), this._updateSelector(e);
+    }, r.prototype._updateSelector = function(e) {
+      var t = e.selector, i = this.ecModel;
+      t === !0 && (t = e.selector = ["all", "inverse"]), v(t) && s(t, function(o, l) {
+        p(o) && (o = {
+          type: o
+        }), t[l] = y(o, D(i, o.type));
+      });
+    }, r.prototype.optionUpdated = function() {
+      this._updateData(this.ecModel);
+      var e = this._data;
+      if (e[0] && this.get("selectedMode") === "single") {
+        for (var t = !1, i = 0; i < e.length; i++) {
+          var o = e[i].get("name");
+          if (this.isSelected(o)) {
+            this.select(o), t = !0;
+            break;
+          }
+        }
+        !t && this.select(e[0].get("name"));
+      }
+    }, r.prototype._updateData = function(e) {
+      var t = [], i = [];
+      e.eachRawSeries(function(a) {
+        var u = a.name;
+        i.push(u);
+        var c;
+        if (a.legendVisualProvider) {
+          var f = a.legendVisualProvider, d = f.getAllNames();
+          e.isSeriesFiltered(a) || (i = i.concat(d)), d.length ? t = t.concat(d) : c = !0;
+        } else
+          c = !0;
+        c && O(a) && t.push(a.name);
+      }), this._availableNames = i;
+      var o = this.get("data") || t, l = m(), h = b(o, function(a) {
+        return (p(a) || S(a)) && (a = {
+          name: a
+        }), l.get(a.name) ? null : (l.set(a.name, !0), new w(a, this, this.ecModel));
+      }, this);
+      this._data = M(h, function(a) {
+        return !!a;
+      });
+    }, r.prototype.getData = function() {
+      return this._data;
+    }, r.prototype.select = function(e) {
+      var t = this.option.selected, i = this.get("selectedMode");
+      if (i === "single") {
+        var o = this._data;
+        s(o, function(l) {
+          t[l.get("name")] = !1;
+        });
+      }
+      t[e] = !0;
+    }, r.prototype.unSelect = function(e) {
+      this.get("selectedMode") !== "single" && (this.option.selected[e] = !1);
+    }, r.prototype.toggleSelected = function(e) {
+      var t = this.option.selected;
+      t.hasOwnProperty(e) || (t[e] = !0), this[t[e] ? "unSelect" : "select"](e);
+    }, r.prototype.allSelect = function() {
+      var e = this._data, t = this.option.selected;
+      s(e, function(i) {
+        t[i.get("name", !0)] = !0;
+      });
+    }, r.prototype.inverseSelect = function() {
+      var e = this._data, t = this.option.selected;
+      s(e, function(i) {
+        var o = i.get("name", !0);
+        t.hasOwnProperty(o) || (t[o] = !0), t[o] = !t[o];
+      });
+    }, r.prototype.isSelected = function(e) {
+      var t = this.option.selected;
+      return !(t.hasOwnProperty(e) && !t[e]) && _(this._availableNames, e) >= 0;
+    }, r.prototype.getOrient = function() {
+      return this.get("orient") === "vertical" ? {
+        index: 1,
+        name: "vertical"
+      } : {
+        index: 0,
+        name: "horizontal"
+      };
+    }, r.type = "legend.plain", r.dependencies = ["series"], r.defaultOption = {
+      // zlevel: 0,
+      z: 4,
+      show: !0,
+      orient: "horizontal",
+      left: "center",
+      // right: 'center',
+      top: 0,
+      // bottom: null,
+      align: "auto",
+      backgroundColor: "rgba(0,0,0,0)",
+      borderColor: "#ccc",
+      borderRadius: 0,
+      borderWidth: 0,
+      padding: 5,
+      itemGap: 10,
+      itemWidth: 25,
+      itemHeight: 14,
+      symbolRotate: "inherit",
+      symbolKeepAspect: !0,
+      inactiveColor: "#ccc",
+      inactiveBorderColor: "#ccc",
+      inactiveBorderWidth: "auto",
+      itemStyle: {
+        color: "inherit",
+        opacity: "inherit",
+        borderColor: "inherit",
+        borderWidth: "auto",
+        borderCap: "inherit",
+        borderJoin: "inherit",
+        borderDashOffset: "inherit",
+        borderMiterLimit: "inherit"
+      },
+      lineStyle: {
+        width: "auto",
+        color: "inherit",
+        inactiveColor: "#ccc",
+        inactiveWidth: 2,
+        opacity: "inherit",
+        type: "inherit",
+        cap: "inherit",
+        join: "inherit",
+        dashOffset: "inherit",
+        miterLimit: "inherit"
+      },
+      textStyle: {
+        color: "#333"
+      },
+      selectedMode: !0,
+      selector: !1,
+      selectorLabel: {
+        show: !0,
+        borderRadius: 10,
+        padding: [3, 5, 3, 5],
+        fontSize: 12,
+        fontFamily: "sans-serif",
+        color: "#666",
+        borderWidth: 1,
+        borderColor: "#666"
+      },
+      emphasis: {
+        selectorLabel: {
+          show: !0,
+          color: "#eee",
+          backgroundColor: "#666"
+        }
+      },
+      selectorPosition: "auto",
+      selectorItemGap: 7,
+      selectorButtonGap: 10,
+      tooltip: {
+        show: !1
+      }
+    }, r;
+  })(C)
+);
+export {
+  z as default
+};

package/dist/node_modules/echarts/lib/component/legend/LegendView.js

@@ -0,0 +1,243 @@
+import { __extends as X } from "../../../../tslib/tslib.es6.js";
+import { defaults as j, createHashMap as q, each as J, curry as Q, extend as P, isFunction as E, isString as Y } from "../../../../zrender/lib/core/util.js";
+import { parse as N, stringify as M } from "../../../../zrender/lib/tool/color.js";
+import { setTooltipConfig as tt } from "../../util/graphic.js";
+import { enableHoverEmphasis as I } from "../../util/states.js";
+import { setLabelStyle as et, createTextStyle as it } from "../../label/labelStyle.js";
+import { makeBackground as rt } from "../helper/listComponent.js";
+import { getLayoutRect as V, box as z } from "../../util/layout.js";
+import nt from "../../view/Component.js";
+import { createSymbol as at } from "../../util/symbol.js";
+import { createOrUpdatePatternFromDecal as ot } from "../../util/decal.js";
+import { getECData as K } from "../../util/innerStore.js";
+import st from "../../../../zrender/lib/graphic/Group.js";
+import $ from "../../../../zrender/lib/graphic/Text.js";
+import lt from "../../../../zrender/lib/graphic/shape/Rect.js";
+var R = Q, H = J, B = st, Rt = (
+  /** @class */
+  (function(a) {
+    X(r, a);
+    function r() {
+      var t = a !== null && a.apply(this, arguments) || this;
+      return t.type = r.type, t.newlineDisabled = !1, t;
+    }
+    return r.prototype.init = function() {
+      this.group.add(this._contentGroup = new B()), this.group.add(this._selectorGroup = new B()), this._isFirstRender = !0;
+    }, r.prototype.getContentGroup = function() {
+      return this._contentGroup;
+    }, r.prototype.getSelectorGroup = function() {
+      return this._selectorGroup;
+    }, r.prototype.render = function(t, e, u) {
+      var c = this._isFirstRender;
+      if (this._isFirstRender = !1, this.resetInner(), !!t.get("show", !0)) {
+        var f = t.get("align"), m = t.get("orient");
+        (!f || f === "auto") && (f = t.get("left") === "right" && m === "vertical" ? "right" : "left");
+        var v = t.get("selector", !0), i = t.get("selectorPosition", !0);
+        v && (!i || i === "auto") && (i = m === "horizontal" ? "end" : "start"), this.renderInner(f, t, e, u, v, m, i);
+        var s = t.getBoxLayoutParams(), h = {
+          width: u.getWidth(),
+          height: u.getHeight()
+        }, o = t.get("padding"), l = V(s, h, o), g = this.layoutInner(t, f, l, c, v, i), n = V(j({
+          width: g.width,
+          height: g.height
+        }, s), h, o);
+        this.group.x = n.x - g.x, this.group.y = n.y - g.y, this.group.markRedraw(), this.group.add(this._backgroundEl = rt(g, t));
+      }
+    }, r.prototype.resetInner = function() {
+      this.getContentGroup().removeAll(), this._backgroundEl && this.group.remove(this._backgroundEl), this.getSelectorGroup().removeAll();
+    }, r.prototype.renderInner = function(t, e, u, c, f, m, v) {
+      var i = this.getContentGroup(), s = q(), h = e.get("selectedMode"), o = [];
+      u.eachRawSeries(function(l) {
+        !l.get("legendHoverLink") && o.push(l.id);
+      }), H(e.getData(), function(l, g) {
+        var n = l.get("name");
+        if (!this.newlineDisabled && (n === "" || n === `
+`)) {
+          var y = new B();
+          y.newline = !0, i.add(y);
+          return;
+        }
+        var p = u.getSeriesByName(n)[0];
+        if (!s.get(n))
+          if (p) {
+            var x = p.getData(), d = x.getVisual("legendLineStyle") || {}, L = x.getVisual("legendIcon"), S = x.getVisual("style"), _ = this._createItem(p, n, g, l, e, t, d, S, L, h, c);
+            _.on("click", R(U, n, null, c, o)).on("mouseover", R(F, p.name, null, c, o)).on("mouseout", R(O, p.name, null, c, o)), u.ssr && _.eachChild(function(k) {
+              var w = K(k);
+              w.seriesIndex = p.seriesIndex, w.dataIndex = g, w.ssrType = "legend";
+            }), s.set(n, !0);
+          } else
+            u.eachRawSeries(function(k) {
+              if (!s.get(n) && k.legendVisualProvider) {
+                var w = k.legendVisualProvider;
+                if (!w.containName(n))
+                  return;
+                var A = w.indexOfName(n), b = w.getItemVisual(A, "style"), D = w.getItemVisual(A, "legendIcon"), C = N(b.fill);
+                C && C[3] === 0 && (C[3] = 0.2, b = P(P({}, b), {
+                  fill: M(C, "rgba")
+                }));
+                var G = this._createItem(k, n, g, l, e, t, {}, b, D, h, c);
+                G.on("click", R(U, null, n, c, o)).on("mouseover", R(F, null, n, c, o)).on("mouseout", R(O, null, n, c, o)), u.ssr && G.eachChild(function(T) {
+                  var W = K(T);
+                  W.seriesIndex = k.seriesIndex, W.dataIndex = g, W.ssrType = "legend";
+                }), s.set(n, !0);
+              }
+            }, this);
+      }, this), f && this._createSelector(f, e, c, m, v);
+    }, r.prototype._createSelector = function(t, e, u, c, f) {
+      var m = this.getSelectorGroup();
+      H(t, function(i) {
+        var s = i.type, h = new $({
+          style: {
+            x: 0,
+            y: 0,
+            align: "center",
+            verticalAlign: "middle"
+          },
+          onclick: function() {
+            u.dispatchAction({
+              type: s === "all" ? "legendAllSelect" : "legendInverseSelect",
+              legendId: e.id
+            });
+          }
+        });
+        m.add(h);
+        var o = e.getModel("selectorLabel"), l = e.getModel(["emphasis", "selectorLabel"]);
+        et(h, {
+          normal: o,
+          emphasis: l
+        }, {
+          defaultText: i.title
+        }), I(h);
+      });
+    }, r.prototype._createItem = function(t, e, u, c, f, m, v, i, s, h, o) {
+      var l = t.visualDrawType, g = f.get("itemWidth"), n = f.get("itemHeight"), y = f.isSelected(e), p = c.get("symbolRotate"), x = c.get("symbolKeepAspect"), d = c.get("icon");
+      s = d || s || "roundRect";
+      var L = ct(s, c, v, i, l, y, o), S = new B(), _ = c.getModel("textStyle");
+      if (E(t.getLegendIcon) && (!d || d === "inherit"))
+        S.add(t.getLegendIcon({
+          itemWidth: g,
+          itemHeight: n,
+          icon: s,
+          iconRotate: p,
+          itemStyle: L.itemStyle,
+          lineStyle: L.lineStyle,
+          symbolKeepAspect: x
+        }));
+      else {
+        var k = d === "inherit" && t.getData().getVisual("symbol") ? p === "inherit" ? t.getData().getVisual("symbolRotate") : p : 0;
+        S.add(ut({
+          itemWidth: g,
+          itemHeight: n,
+          icon: s,
+          iconRotate: k,
+          itemStyle: L.itemStyle,
+          symbolKeepAspect: x
+        }));
+      }
+      var w = m === "left" ? g + 5 : -5, A = m, b = f.get("formatter"), D = e;
+      Y(b) && b ? D = b.replace("{name}", e ?? "") : E(b) && (D = b(e));
+      var C = y ? _.getTextColor() : c.get("inactiveColor");
+      S.add(new $({
+        style: it(_, {
+          text: D,
+          x: w,
+          y: n / 2,
+          fill: C,
+          align: A,
+          verticalAlign: "middle"
+        }, {
+          inheritColor: C
+        })
+      }));
+      var G = new lt({
+        shape: S.getBoundingRect(),
+        style: {
+          // Cannot use 'invisible' because SVG SSR will miss the node
+          fill: "transparent"
+        }
+      }), T = c.getModel("tooltip");
+      return T.get("show") && tt({
+        el: G,
+        componentModel: f,
+        itemName: e,
+        itemTooltipOption: T.option
+      }), S.add(G), S.eachChild(function(W) {
+        W.silent = !0;
+      }), G.silent = !h, this.getContentGroup().add(S), I(S), S.__legendDataIndex = u, S;
+    }, r.prototype.layoutInner = function(t, e, u, c, f, m) {
+      var v = this.getContentGroup(), i = this.getSelectorGroup();
+      z(t.get("orient"), v, t.get("itemGap"), u.width, u.height);
+      var s = v.getBoundingRect(), h = [-s.x, -s.y];
+      if (i.markRedraw(), v.markRedraw(), f) {
+        z(
+          // Buttons in selectorGroup always layout horizontally
+          "horizontal",
+          i,
+          t.get("selectorItemGap", !0)
+        );
+        var o = i.getBoundingRect(), l = [-o.x, -o.y], g = t.get("selectorButtonGap", !0), n = t.getOrient().index, y = n === 0 ? "width" : "height", p = n === 0 ? "height" : "width", x = n === 0 ? "y" : "x";
+        m === "end" ? l[n] += s[y] + g : h[n] += o[y] + g, l[1 - n] += s[p] / 2 - o[p] / 2, i.x = l[0], i.y = l[1], v.x = h[0], v.y = h[1];
+        var d = {
+          x: 0,
+          y: 0
+        };
+        return d[y] = s[y] + g + o[y], d[p] = Math.max(s[p], o[p]), d[x] = Math.min(0, o[x] + l[1 - n]), d;
+      } else
+        return v.x = h[0], v.y = h[1], this.group.getBoundingRect();
+    }, r.prototype.remove = function() {
+      this.getContentGroup().removeAll(), this._isFirstRender = !0;
+    }, r.type = "legend.plain", r;
+  })(nt)
+);
+function ct(a, r, t, e, u, c, f) {
+  function m(y, p) {
+    y.lineWidth === "auto" && (y.lineWidth = p.lineWidth > 0 ? 2 : 0), H(y, function(x, d) {
+      y[d] === "inherit" && (y[d] = p[d]);
+    });
+  }
+  var v = r.getModel("itemStyle"), i = v.getItemStyle(), s = a.lastIndexOf("empty", 0) === 0 ? "fill" : "stroke", h = v.getShallow("decal");
+  i.decal = !h || h === "inherit" ? e.decal : ot(h, f), i.fill === "inherit" && (i.fill = e[u]), i.stroke === "inherit" && (i.stroke = e[s]), i.opacity === "inherit" && (i.opacity = (u === "fill" ? e : t).opacity), m(i, e);
+  var o = r.getModel("lineStyle"), l = o.getLineStyle();
+  if (m(l, t), i.fill === "auto" && (i.fill = e.fill), i.stroke === "auto" && (i.stroke = e.fill), l.stroke === "auto" && (l.stroke = e.fill), !c) {
+    var g = r.get("inactiveBorderWidth"), n = i[s];
+    i.lineWidth = g === "auto" ? e.lineWidth > 0 && n ? 2 : 0 : i.lineWidth, i.fill = r.get("inactiveColor"), i.stroke = r.get("inactiveBorderColor"), l.stroke = o.get("inactiveColor"), l.lineWidth = o.get("inactiveWidth");
+  }
+  return {
+    itemStyle: i,
+    lineStyle: l
+  };
+}
+function ut(a) {
+  var r = a.icon || "roundRect", t = at(r, 0, 0, a.itemWidth, a.itemHeight, a.itemStyle.fill, a.symbolKeepAspect);
+  return t.setStyle(a.itemStyle), t.rotation = (a.iconRotate || 0) * Math.PI / 180, t.setOrigin([a.itemWidth / 2, a.itemHeight / 2]), r.indexOf("empty") > -1 && (t.style.stroke = t.style.fill, t.style.fill = "#fff", t.style.lineWidth = 2), t;
+}
+function U(a, r, t, e) {
+  O(a, r, t, e), t.dispatchAction({
+    type: "legendToggleSelect",
+    name: a ?? r
+  }), F(a, r, t, e);
+}
+function Z(a) {
+  for (var r = a.getZr().storage.getDisplayList(), t, e = 0, u = r.length; e < u && !(t = r[e].states.emphasis); )
+    e++;
+  return t && t.hoverLayer;
+}
+function F(a, r, t, e) {
+  Z(t) || t.dispatchAction({
+    type: "highlight",
+    seriesName: a,
+    name: r,
+    excludeSeriesId: e
+  });
+}
+function O(a, r, t, e) {
+  Z(t) || t.dispatchAction({
+    type: "downplay",
+    seriesName: a,
+    name: r,
+    excludeSeriesId: e
+  });
+}
+export {
+  Rt as default
+};

package/dist/node_modules/echarts/lib/component/legend/ScrollableLegendModel.js

@@ -0,0 +1,49 @@
+import { __extends as p } from "../../../../tslib/tslib.es6.js";
+import r from "./LegendModel.js";
+import { getLayoutParams as c, mergeLayoutParam as g } from "../../util/layout.js";
+import { inheritDefaultOption as m } from "../../util/component.js";
+var y = (
+  /** @class */
+  (function(o) {
+    p(e, o);
+    function e() {
+      var t = o !== null && o.apply(this, arguments) || this;
+      return t.type = e.type, t;
+    }
+    return e.prototype.setScrollDataIndex = function(t) {
+      this.option.scrollDataIndex = t;
+    }, e.prototype.init = function(t, a, n) {
+      var l = c(t);
+      o.prototype.init.call(this, t, a, n), i(this, t, l);
+    }, e.prototype.mergeOption = function(t, a) {
+      o.prototype.mergeOption.call(this, t, a), i(this, this.option, t);
+    }, e.type = "legend.scroll", e.defaultOption = m(r.defaultOption, {
+      scrollDataIndex: 0,
+      pageButtonItemGap: 5,
+      pageButtonGap: null,
+      pageButtonPosition: "end",
+      pageFormatter: "{current}/{total}",
+      pageIcons: {
+        horizontal: ["M0,0L12,-10L12,10z", "M0,0L-12,-10L-12,10z"],
+        vertical: ["M0,0L20,0L10,-20z", "M0,0L20,0L10,20z"]
+      },
+      pageIconColor: "#2f4554",
+      pageIconInactiveColor: "#aaa",
+      pageIconSize: 15,
+      pageTextStyle: {
+        color: "#333"
+      },
+      animationDurationUpdate: 800
+    }), e;
+  })(r)
+);
+function i(o, e, t) {
+  var a = o.getOrient(), n = [1, 1];
+  n[a.index] = 0, g(e, t, {
+    type: "box",
+    ignoreSize: !!n
+  });
+}
+export {
+  y as default
+};

package/dist/node_modules/echarts/lib/component/legend/ScrollableLegendView.js

@@ -0,0 +1,184 @@
+import { __extends as A } from "../../../../tslib/tslib.es6.js";
+import { isArray as N, bind as b, clone as O, retrieve2 as V, each as z, isString as k } from "../../../../zrender/lib/core/util.js";
+import { createIcon as F } from "../../util/graphic.js";
+import { box as D } from "../../util/layout.js";
+import L from "./LegendView.js";
+import S from "../../../../zrender/lib/graphic/Group.js";
+import H from "../../../../zrender/lib/graphic/Text.js";
+import J from "../../../../zrender/lib/graphic/shape/Rect.js";
+import { updateProps as W } from "../../animation/basicTransition.js";
+var T = S, R = ["width", "height"], B = ["x", "y"], E = (
+  /** @class */
+  (function(I) {
+    A(y, I);
+    function y() {
+      var t = I !== null && I.apply(this, arguments) || this;
+      return t.type = y.type, t.newlineDisabled = !0, t._currentIndex = 0, t;
+    }
+    return y.prototype.init = function() {
+      I.prototype.init.call(this), this.group.add(this._containerGroup = new T()), this._containerGroup.add(this.getContentGroup()), this.group.add(this._controllerGroup = new T());
+    }, y.prototype.resetInner = function() {
+      I.prototype.resetInner.call(this), this._controllerGroup.removeAll(), this._containerGroup.removeClipPath(), this._containerGroup.__rectSize = null;
+    }, y.prototype.renderInner = function(t, l, i, a, e, x, g) {
+      var p = this;
+      I.prototype.renderInner.call(this, t, l, i, a, e, x, g);
+      var o = this._controllerGroup, h = l.get("pageIconSize", !0), u = N(h) ? h : [h, h];
+      r("pagePrev", 0);
+      var c = l.getModel("pageTextStyle");
+      o.add(new H({
+        name: "pageText",
+        style: {
+          // Placeholder to calculate a proper layout.
+          text: "xx/xx",
+          fill: c.getTextColor(),
+          font: c.getFont(),
+          verticalAlign: "middle",
+          align: "center"
+        },
+        silent: !0
+      })), r("pageNext", 1);
+      function r(s, f) {
+        var v = s + "DataIndex", n = F(l.get("pageIcons", !0)[l.getOrient().name][f], {
+          // Buttons will be created in each render, so we do not need
+          // to worry about avoiding using legendModel kept in scope.
+          onclick: b(p._pageGo, p, v, l, a)
+        }, {
+          x: -u[0] / 2,
+          y: -u[1] / 2,
+          width: u[0],
+          height: u[1]
+        });
+        n.name = s, o.add(n);
+      }
+    }, y.prototype.layoutInner = function(t, l, i, a, e, x) {
+      var g = this.getSelectorGroup(), p = t.getOrient().index, o = R[p], h = B[p], u = R[1 - p], c = B[1 - p];
+      e && D(
+        // Buttons in selectorGroup always layout horizontally
+        "horizontal",
+        g,
+        t.get("selectorItemGap", !0)
+      );
+      var r = t.get("selectorButtonGap", !0), s = g.getBoundingRect(), f = [-s.x, -s.y], v = O(i);
+      e && (v[o] = i[o] - s[o] - r);
+      var n = this._layoutContentAndController(t, a, v, p, o, u, c, h);
+      if (e) {
+        if (x === "end")
+          f[p] += n[o] + r;
+        else {
+          var d = s[o] + r;
+          f[p] -= d, n[h] -= d;
+        }
+        n[o] += s[o] + r, f[1 - p] += n[c] + n[u] / 2 - s[u] / 2, n[u] = Math.max(n[u], s[u]), n[c] = Math.min(n[c], s[c] + f[1 - p]), g.x = f[0], g.y = f[1], g.markRedraw();
+      }
+      return n;
+    }, y.prototype._layoutContentAndController = function(t, l, i, a, e, x, g, p) {
+      var o = this.getContentGroup(), h = this._containerGroup, u = this._controllerGroup;
+      D(t.get("orient"), o, t.get("itemGap"), a ? i.width : null, a ? null : i.height), D(
+        // Buttons in controller are layout always horizontally.
+        "horizontal",
+        u,
+        t.get("pageButtonItemGap", !0)
+      );
+      var c = o.getBoundingRect(), r = u.getBoundingRect(), s = this._showController = c[e] > i[e], f = [-c.x, -c.y];
+      l || (f[a] = o[p]);
+      var v = [0, 0], n = [-r.x, -r.y], d = V(t.get("pageButtonGap", !0), t.get("itemGap", !0));
+      if (s) {
+        var P = t.get("pageButtonPosition", !0);
+        P === "end" ? n[a] += i[e] - r[e] : v[a] += r[e] + d;
+      }
+      n[1 - a] += c[x] / 2 - r[x] / 2, o.setPosition(f), h.setPosition(v), u.setPosition(n);
+      var m = {
+        x: 0,
+        y: 0
+      };
+      if (m[e] = s ? i[e] : c[e], m[x] = Math.max(c[x], r[x]), m[g] = Math.min(0, r[g] + n[1 - a]), h.__rectSize = i[e], s) {
+        var G = {
+          x: 0,
+          y: 0
+        };
+        G[e] = Math.max(i[e] - r[e] - d, 0), G[x] = m[x], h.setClipPath(new J({
+          shape: G
+        })), h.__rectSize = G[e];
+      } else
+        u.eachChild(function(C) {
+          C.attr({
+            invisible: !0,
+            silent: !0
+          });
+        });
+      var _ = this._getPageInfo(t);
+      return _.pageIndex != null && W(
+        o,
+        {
+          x: _.contentPosition[0],
+          y: _.contentPosition[1]
+        },
+        // When switch from "show controller" to "not show controller", view should be
+        // updated immediately without animation, otherwise causes weird effect.
+        s ? t : null
+      ), this._updatePageInfoView(t, _), m;
+    }, y.prototype._pageGo = function(t, l, i) {
+      var a = this._getPageInfo(l)[t];
+      a != null && i.dispatchAction({
+        type: "legendScroll",
+        scrollDataIndex: a,
+        legendId: l.id
+      });
+    }, y.prototype._updatePageInfoView = function(t, l) {
+      var i = this._controllerGroup;
+      z(["pagePrev", "pageNext"], function(o) {
+        var h = o + "DataIndex", u = l[h] != null, c = i.childOfName(o);
+        c && (c.setStyle("fill", u ? t.get("pageIconColor", !0) : t.get("pageIconInactiveColor", !0)), c.cursor = u ? "pointer" : "default");
+      });
+      var a = i.childOfName("pageText"), e = t.get("pageFormatter"), x = l.pageIndex, g = x != null ? x + 1 : 0, p = l.pageCount;
+      a && e && a.setStyle("text", k(e) ? e.replace("{current}", g == null ? "" : g + "").replace("{total}", p == null ? "" : p + "") : e({
+        current: g,
+        total: p
+      }));
+    }, y.prototype._getPageInfo = function(t) {
+      var l = t.get("scrollDataIndex", !0), i = this.getContentGroup(), a = this._containerGroup.__rectSize, e = t.getOrient().index, x = R[e], g = B[e], p = this._findTargetItemIndex(l), o = i.children(), h = o[p], u = o.length, c = u ? 1 : 0, r = {
+        contentPosition: [i.x, i.y],
+        pageCount: c,
+        pageIndex: c - 1,
+        pagePrevDataIndex: null,
+        pageNextDataIndex: null
+      };
+      if (!h)
+        return r;
+      var s = P(h);
+      r.contentPosition[e] = -s.s;
+      for (var f = p + 1, v = s, n = s, d = null; f <= u; ++f)
+        d = P(o[f]), // Half of the last item is out of the window.
+        (!d && n.e > v.s + a || d && !m(d, v.s)) && (n.i > v.i ? v = n : v = d, v && (r.pageNextDataIndex == null && (r.pageNextDataIndex = v.i), ++r.pageCount)), n = d;
+      for (var f = p - 1, v = s, n = s, d = null; f >= -1; --f)
+        d = P(o[f]), // If the the end item does not intersect with the window started
+        // from the current item, a page can be settled.
+        (!d || !m(n, d.s)) && v.i < n.i && (n = v, r.pagePrevDataIndex == null && (r.pagePrevDataIndex = v.i), ++r.pageCount, ++r.pageIndex), v = d;
+      return r;
+      function P(G) {
+        if (G) {
+          var _ = G.getBoundingRect(), C = _[g] + G[g];
+          return {
+            s: C,
+            e: C + _[x],
+            i: G.__legendDataIndex
+          };
+        }
+      }
+      function m(G, _) {
+        return G.e >= _ && G.s <= _ + a;
+      }
+    }, y.prototype._findTargetItemIndex = function(t) {
+      if (!this._showController)
+        return 0;
+      var l, i = this.getContentGroup(), a;
+      return i.eachChild(function(e, x) {
+        var g = e.__legendDataIndex;
+        a == null && g != null && (a = x), g === t && (l = x);
+      }), l ?? a;
+    }, y.type = "legend.scroll", y;
+  })(L)
+);
+export {
+  E as default
+};

package/dist/node_modules/echarts/lib/component/legend/install.js

@@ -0,0 +1,9 @@
+import { use as t } from "../../extension.js";
+import { install as i } from "./installLegendPlain.js";
+import { install as l } from "./installLegendScroll.js";
+function n(s) {
+  t(i), t(l);
+}
+export {
+  n as install
+};