evui 3.5.0 → 3.5.2

package/dist/components/chart/plugins/plugins.interaction.js

@@ -1,823 +0,0 @@
-import { inRange as w, cloneDeep as T, isEqual as A, defaultsDeep as O, isNil as V } from "lodash-es";
-import R from "dayjs";
-import { numberWithComma as C } from "../../../common/utils.js";
-import P from "../../../common/utils.throttle.js";
-const z = {
-  /**
-   * Hide legend components by manipulating css
-   *
-   * @returns {undefined}
-   */
-  createEventFunctions() {
-    var o, l, i, n;
-    this.onMouseMove = (t) => {
-      var m, I;
-      if ((m = this.dragInfo) != null && m.isMove || this.isMobile)
-        return;
-      const e = { e: t }, { indicator: s, tooltip: r, type: c } = this.options, h = this.getMousePosition(t), a = this.findHitItem(h);
-      r != null && r.showAllValueInRange && (a != null && a.items) && this.addNotHitInfo(a);
-      const b = this.overlayCtx;
-      if (this.overlayClear(), Object.keys(a.items).length) {
-        if (r.use && this.isInitTooltip)
-          if (this.drawItemsHighlight(a, b), typeof (r == null ? void 0 : r.returnValue) == "function") {
-            const d = [];
-            Object.keys(a.items).forEach((p) => {
-              d.push({
-                sId: p,
-                data: a.items[p].data,
-                color: a.items[p].color,
-                name: a.items[p].name,
-                dataId: a.items[p].id,
-                index: a.items[p].index
-              });
-            }), this.hideTooltipDOM(), r.returnValue(d, t);
-          } else (I = r == null ? void 0 : r.formatter) != null && I.html ? (this.drawCustomTooltip(a == null ? void 0 : a.items), this.setCustomTooltipLayoutPosition(a, t)) : (this.setTooltipLayoutPosition(a, t), c === "scatter" ? this.drawTooltipForScatter(a, this.tooltipCtx) : c === "heatMap" ? this.drawToolTipForHeatMap(a, this.tooltipCtx) : this.drawTooltip(a, this.tooltipCtx));
-        const u = Object.values(this.seriesList || {}).some(
-          (d) => d.type === "line"
-        );
-        if (r.use && (c === "line" || u)) {
-          const d = this.drawIndicatorForTooltip(a, s.color), p = d == null ? void 0 : d.labelValue, y = this.getTimeLabel(h);
-          e.hoveredLabel = {
-            horizontal: this.options.horizontal,
-            label: y,
-            mousePosition: [t.clientX, t.clientY],
-            dataLabel: p
-          };
-        }
-      } else r.use && this.isInitTooltip && (typeof (r == null ? void 0 : r.returnValue) == "function" && r.returnValue([], t), this.hideTooltipDOM());
-      if (this.dragInfoBackup && this.drawSelectionArea(this.dragInfoBackup), !e.hoveredLabel && !this.isNotUseIndicator()) {
-        const u = Object.values(this.seriesList || {}).some(
-          (p) => p.type === "line"
-        );
-        (c !== "line" && !u || !r.use || !Object.keys(a.items).length) && this.drawIndicator(h, s.color);
-        const d = this.getTimeLabel(h);
-        e.hoveredLabel = {
-          horizontal: this.options.horizontal,
-          label: d,
-          mousePosition: [t.clientX, t.clientY]
-        };
-      } else e.hoveredLabel || (e.hoveredLabel = {
-        label: ""
-      });
-      typeof this.listeners["mouse-move"] == "function" && (c !== "pie" && (e.curMouseTargetVal = this.getCurMouseTargetVal(h, a)), this.listeners["mouse-move"](e));
-    }, this.onMouseLeave = (t) => {
-      const { tooltip: e, dragSelection: s } = this.options;
-      e.throttledMove && this.onMouseMove.cancel(), (!s.use || !s.keepDisplay) && this.overlayClear(), e.use && this.isInitTooltip && (typeof (e == null ? void 0 : e.returnValue) == "function" && e.returnValue([], t), this.tooltipClear()), this.listeners["mouse-leave"]();
-    }, this.onDblClick = (t) => {
-      const e = { e: t }, s = this.getMousePosition(t), {
-        type: r,
-        selectItem: c,
-        selectLabel: h,
-        selectSeries: a
-      } = this.options, b = (c == null ? void 0 : c.use) && (c == null ? void 0 : c.useClick), m = (h == null ? void 0 : h.use) && (h == null ? void 0 : h.useClick), I = (a == null ? void 0 : a.use) && (a == null ? void 0 : a.useClick);
-      b ? e.eventTarget = "item" : m ? e.eventTarget = "label" : I && (e.eventTarget = "series");
-      const u = () => {
-        var x, M;
-        const y = this.findHitItem(s), f = y.hitId || Object.keys(y.items)[0], g = y.items[f];
-        g && (e.label = g.label, e.value = (x = g.data) == null ? void 0 : x.o, e.seriesId = f, e.dataIndex = g.index, e.acc = (M = g.data) == null ? void 0 : M.acc);
-      }, d = (y) => {
-        var L, v;
-        const f = this.findHitItem(s), g = f.hitId || Object.keys(f.items)[0], x = f.items[g], { labelIndex: M } = this.getLabelInfoByPosition(s, y), { dataIndex: S } = this.regulateSelectedLabelInfo(
-          M,
-          y
-        );
-        this.defaultSelectInfo = this.getSelectedLabelInfoWithLabelData(S, y), x && (e.label = x.label, e.seriesId = g, e.value = (L = x.data) == null ? void 0 : L.o, e.acc = (v = x.data) == null ? void 0 : v.acc, e.dataIndex = x.index);
-      }, p = () => {
-        var x, M, S;
-        const y = this.findHitItem(s), f = y.hitId || Object.keys(y.items)[0], g = y.items[f];
-        if (f !== null) {
-          const L = this.updateSelectedSeriesInfo(f, !0);
-          g && (e.label = g.label, e.value = (x = g.data) == null ? void 0 : x.o, e.seriesId = (M = L.seriesId) == null ? void 0 : M.at(0), e.acc = (S = g.data) == null ? void 0 : S.acc, e.dataIndex = g.index);
-        }
-      };
-      switch (r) {
-        case "bar": {
-          m ? d(this.options.horizontal ? "yAxis" : "xAxis") : u();
-          break;
-        }
-        case "line": {
-          b ? u() : m ? d() : I && p();
-          break;
-        }
-        default: {
-          u();
-          break;
-        }
-      }
-      typeof this.listeners["dbl-click"] == "function" && this.listeners["dbl-click"](e);
-    }, this.onClick = (t) => {
-      var y;
-      if (this.isMouseMove) {
-        this.isMouseMove = !1;
-        return;
-      }
-      const e = { e: t }, s = this.getMousePosition(t), {
-        type: r,
-        selectItem: c,
-        selectLabel: h,
-        selectSeries: a
-      } = this.options, b = (c == null ? void 0 : c.use) && (c == null ? void 0 : c.useClick), m = (h == null ? void 0 : h.use) && (h == null ? void 0 : h.useClick), I = (a == null ? void 0 : a.use) && (a == null ? void 0 : a.useClick), u = () => {
-        const f = this.getItemByPosition(s, !1);
-        ({
-          label: e.label,
-          value: e.value,
-          sId: e.seriesId,
-          maxIndex: e.dataIndex,
-          acc: e.acc
-        } = f), f != null && f.sId && (e.selected = {
-          eventTarget: "item",
-          seriesId: this.isDeselectItem(f) ? null : f.sId,
-          dataIndex: this.isDeselectItem(f) ? null : f.maxIndex
-        });
-      }, d = (f) => {
-        var M, S, L, v;
-        const { labelIndex: g } = this.getLabelInfoByPosition(s, f), { dataIndex: x } = this.regulateSelectedLabelInfo(
-          g,
-          f
-        );
-        this.defaultSelectInfo = this.getSelectedLabelInfoWithLabelData(x, f), f && (this.defaultSelectInfo.targetAxis = x != null && x.length ? f : null), e.selected = {
-          eventTarget: "label",
-          ...T(this.defaultSelectInfo)
-        }, e.label = (S = (M = this.defaultSelectInfo) == null ? void 0 : M.label) == null ? void 0 : S.at(0), e.dataIndex = (v = (L = this.defaultSelectInfo) == null ? void 0 : L.dataIndex) == null ? void 0 : v.at(0);
-      }, p = () => {
-        const f = this.findHitItem(s), g = f.hitId || Object.keys(f.items)[0], x = f.items[g];
-        if (!V(g)) {
-          const M = this.updateSelectedSeriesInfo(g, !1);
-          this.defaultSelectInfo.seriesId = M.seriesId, e.selected = {
-            eventTarget: "series",
-            ...T(this.defaultSelectInfo)
-          }, e.label = x.label, e.dataIndex = x.index;
-        }
-      };
-      switch (r) {
-        default:
-        case "bar": {
-          b ? u() : m && d(this.options.horizontal ? "yAxis" : "xAxis");
-          break;
-        }
-        case "line": {
-          b ? u() : m ? d() : I && p();
-          break;
-        }
-        case "heatMap": {
-          const f = !!this.options.horizontal;
-          if (b && m) {
-            const { useBothAxis: g } = h, x = this.getCurMouseLocation(s);
-            if (x === "chartBackground")
-              this.clearSelectedLabelInfo(), e.deselected = { eventTarget: "label" }, u();
-            else if (x === "yAxis" || x === "xAxis") {
-              if (this.clearSelectedItemInfo(), e.deselected = { eventTarget: "item" }, !g && x !== (f ? "yAxis" : "xAxis"))
-                return;
-              d(x);
-            }
-          } else if (b)
-            u();
-          else if (m) {
-            const { useBothAxis: g } = h, x = this.getCurMouseLocation(s);
-            if ((x === "yAxis" || x === "xAxis") && !g && x !== (f ? "yAxis" : "xAxis"))
-              return;
-            x !== "canvas" && d(g ? x : null);
-          }
-          break;
-        }
-        case "pie": {
-          b && u();
-          break;
-        }
-        case "scatter": {
-          if (b && u(), (y = this.options.dragSelection) != null && y.use && this.isMobile) {
-            let f = this.setTouchInfo(t);
-            this.overlayClear(), this.options.dragSelection.keepDisplay && (t.layerX < f.range.x1 || t.layerY < f.range.y1 || t.layerX > f.range.x2 || t.layerY > f.range.y2) ? this.isTouchOverlay = !1 : (f = this.setTouchBoxDimensions(f), this.isTouchOverlay = !0, this.drawSelectionArea(f)), this.options.dragSelection.keepDisplay || setTimeout(() => {
-              this.isTouchOverlay = !1, this.overlayClear();
-            }, 100), e.e = t, e.touchInfo = f, e.data = this.findSelectedItems(f), e.range = this.getSelectionRange(f), typeof this.listeners["drag-select"] == "function" && this.listeners["drag-select"](e);
-          }
-          break;
-        }
-      }
-      typeof this.listeners.click == "function" && (this.dragInfoBackup || this.listeners.click(e));
-    }, this.onMouseDown = (t) => {
-      const { dragSelection: e, type: s } = this.options;
-      e.use && (s === "scatter" || s === "line" || s === "heatMap") && (this.removeSelectionArea(), this.dragStart(t, s));
-    }, this.onWheel = (t) => {
-      var r, c, h;
-      const e = ((c = (r = this.tooltipDOM) == null ? void 0 : r.style) == null ? void 0 : c.display) === "block", s = (h = this.tooltipDOM) == null ? void 0 : h.querySelector(this.options.tooltip.htmlScrollTarget);
-      (e || s && s.scrollHeight > s.clientHeight) && (t.preventDefault(), e && (this.tooltipBodyDOM.scrollTop += t.deltaY), s && (s.scrollTop += t.deltaY));
-    }, (l = (o = this.options) == null ? void 0 : o.tooltip) != null && l.useScrollbar && this.overlayCanvas.addEventListener("wheel", this.onWheel, { passive: !1 }), (n = (i = this.options) == null ? void 0 : i.tooltip) != null && n.throttledMove && (this.onMouseMove = P(this.onMouseMove, 30)), this.overlayCanvas.addEventListener("mousemove", this.onMouseMove), this.overlayCanvas.addEventListener("mouseleave", this.onMouseLeave), this.overlayCanvas.addEventListener("dblclick", this.onDblClick), this.overlayCanvas.addEventListener("click", this.onClick), this.overlayCanvas.addEventListener("mousedown", this.onMouseDown), this.dragTouchSelectionEvent = (t) => this.dragTouchSelectionDestroy(t), window.addEventListener("click", this.dragTouchSelectionEvent);
-  },
-  /**
-   * Start drag-move when the mouse pointer is in the graph
-   *
-   * @returns {undefined}
-   */
-  dragStart(o, l) {
-    let [i, n] = this.getMousePosition(o);
-    const t = this.chartRect, e = this.labelOffset, s = {
-      x1: t.x1 + e.left,
-      x2: t.x2 - e.right,
-      y1: t.y1 + e.top,
-      y2: t.y2 - e.bottom
-    };
-    i < s.x1 && (i = s.x1), i > s.x2 && (i = s.x2), n < s.y1 && (n = s.y1), n > s.y2 && (n = s.y2), this.dragInfo = {
-      xcp: i,
-      ycp: n,
-      range: s
-    };
-    const r = (h) => {
-      h.preventDefault();
-      const [a, b] = this.getMousePosition(h), m = this.dragInfo, { xcp: I, ycp: u, range: d } = m;
-      let p, y;
-      if (m.isMove = !0, this.isMouseMove = !0, a < d.x1 ? p = d.x1 : a > d.x2 ? p = d.x2 : p = a, b < d.y1 ? y = s.y1 : b > d.y2 ? y = d.y2 : y = b, l === "heatMap") {
-        const f = { xcp: I, xep: p, ycp: u, yep: y, range: d }, { xsp: g, ysp: x, width: M, height: S } = this.getDragInfoForHeatMap(f);
-        m.xsp = g, m.ysp = x, m.width = M, m.height = S;
-      } else
-        m.xsp = Math.min(I, p), m.ysp = l === "scatter" ? Math.min(u, y) : d.y1, m.width = Math.ceil(Math.abs(p - I)), m.height = l === "scatter" ? Math.ceil(Math.abs(y - u)) : d.y2 - d.y1;
-      this.overlayClear(), this.drawSelectionArea(m);
-    }, c = (h) => {
-      var b, m;
-      const a = this.dragInfo;
-      if (a != null && a.isMove && (a == null ? void 0 : a.width) > 1 && (a == null ? void 0 : a.height) > 1) {
-        const I = {
-          e: h,
-          data: this.findSelectedItems(a),
-          range: l === "heatMap" ? this.getSelectionRangeForHeatMap(a) : this.getSelectionRange(a)
-        };
-        if (this.dragInfoBackup = O({}, a), typeof this.listeners["drag-select"] == "function" && !((m = (b = this.options) == null ? void 0 : b.zoom) != null && m.use))
-          this.listeners["drag-select"](I);
-        else {
-          const { xsp: u, range: d, width: p } = a, y = u - d.x1;
-          I.range.dragSelectionInfo = {
-            dragXsp: y,
-            dragXep: y + p,
-            exceptAxesYChartWidth: d.x2 - d.x1,
-            exceptAxesXChartHeight: d.y2 - d.y1,
-            chartRange: d,
-            chartTitle: this.options.title.text
-          }, this.options.zoom.getRangeInfo(I);
-        }
-        this.options.dragSelection.keepDisplay || this.removeSelectionArea();
-      }
-      this.dragInfo = null, window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", c);
-    };
-    window.addEventListener("mousemove", r), window.addEventListener("mouseup", c);
-  },
-  /**
-   * Draw selection-area
-   *
-   * @returns {undefined}
-   */
-  drawSelectionArea({ xsp: o, ysp: l, width: i, height: n, range: t }) {
-    const e = this.overlayCtx, { fillColor: s, opacity: r } = this.options.dragSelection, c = this.chartRect, h = this.labelOffset, a = {
-      x1: c.x1 + h.left,
-      x2: c.x2 - h.right,
-      y1: c.y1 + h.top,
-      y2: c.y2 - h.bottom
-    };
-    if (e.fillStyle = s, e.globalAlpha = r, A(a, t))
-      e.fillRect(o, l, i, n);
-    else {
-      const b = t.x2 - t.x1, m = t.y2 - t.y1, I = a.x2 - a.x1, u = a.y2 - a.y1, d = (o - t.x1) / b, p = (l - t.y1) / m, y = a.x1 + I * d, f = a.y1 + u * p, g = i / b, x = n / m, M = I * g, S = u * x;
-      e.fillRect(y, f, M, S);
-    }
-    e.globalAlpha = 1;
-  },
-  /** Remove drag selection area
-   *
-   */
-  removeSelectionArea() {
-    this.dragInfoBackup = null, this.overlayClear();
-  },
-  /**
-   * Computing mouse position on canvas
-   *
-   * @returns {array} mouse pointer position
-   */
-  getMousePosition(o) {
-    const l = o.originalEvent || o, i = this.overlayCanvas.getBoundingClientRect();
-    return [l.clientX - i.left, l.clientY - i.top, i.width, i.height];
-  },
-  /**
-   * Get current mouse target value on canvas
-   * @param {array} offset  return value from getMousePosition()
-   * @param {object} hitInfo  return value from findHitItem()
-   *
-   * @returns {object} current mouse target value
-   */
-  getCurMouseTargetVal(o, l) {
-    const i = this.getCurMouseLocation(o), n = {
-      location: i,
-      labelIdx: -1,
-      labelVal: "",
-      dataIdx: -1,
-      maxDataVal: "",
-      originVal: ""
-    };
-    if (i === "chartBackground") {
-      const { maxHighlight: t, items: e } = l;
-      if (t != null && t.length) {
-        const [s, r] = t;
-        e[s] && (n.dataIdx = e[s].index, n.maxDataVal = r, n.originVal = l);
-      }
-    } else if (i === "xAxis" || i === "yAxis") {
-      const { axesX: t, axesY: e } = this.options, s = (c, h, a) => {
-        n.labelIdx = h, n.labelVal = c[0].type === "time" ? R(a).format(c[0].timeFormat) : a, n.originVal = c[0].type === "time" ? R(a) : a;
-      };
-      ((c) => {
-        const { labelIndex: h } = this.getLabelInfoByPosition(o, i), { labelVal: a, labelIdx: b } = this.getCurMouseLabelVal(c, o, h);
-        s(c === "xAxis" ? t : e, b, a);
-      })(i);
-    }
-    return n;
-  },
-  /**
-   * Processes touch event to determine touch position within the chart.
-   *
-   * @param {TouchEvent} event - the touch event to process
-   * @returns {object} - the processed touch information
-   */
-  setTouchInfo(o) {
-    let [l, i] = this.getMousePosition(o);
-    const n = this.chartRect, t = this.labelOffset, e = {
-      x1: n.x1 + t.left,
-      x2: n.x2 - t.right,
-      y1: n.y1 + t.top,
-      y2: n.y2 - t.bottom
-    };
-    return l = Math.max(e.x1, Math.min(l, e.x2)), i = Math.max(e.y1, Math.min(i, e.y2)), {
-      xcp: l,
-      ycp: i,
-      range: e
-    };
-  },
-  /**
-   * Adjusts the touch box dimensions based on the provided touch information.
-   *
-   * @param {object} touchInfo - The touch information including touch position and plotting range
-   * @returns {object} - The adjusted touch information
-   */
-  setTouchBoxDimensions(o) {
-    var a;
-    const l = ((a = this.options.dragSelection) == null ? void 0 : a.size) || 50, i = l / 2, { xcp: n, ycp: t, range: e } = o;
-    let s = n - i, r = t - i, c = l, h = l;
-    return this.boxOverflow = {
-      x1: !1,
-      x2: !1,
-      y1: !1,
-      y2: !1
-    }, n < e.x1 + i && (s = e.x1, c = i - (e.x1 - n), this.boxOverflow.x1 = !0), n > e.x2 - i && (c = i - (n - e.x2), this.boxOverflow.x2 = !0), t < e.y1 + i && (r = e.y1, h = i - (e.y1 - t), this.boxOverflow.y1 = !0), t > e.y2 - i && (h = i - (t - e.y2), this.boxOverflow.y2 = !0), o.xsp = s, o.ysp = r, o.width = c, o.height = h, o;
-  },
-  /**
-   * Remove a touch selection.
-   *
-   * @param {TouchEvent} e - the touch event to process
-   * @returns {undefined}
-   */
-  dragTouchSelectionDestroy(o) {
-    var l;
-    (l = this.options.dragSelection) != null && l.use && o.target !== this.overlayCanvas && this.isTouchOverlay && (this.isTouchOverlay = !1, this.overlayClear());
-  },
-  /**
-   * Find graph item on mouse position
-   * @param {number[]} offset    return value from getMousePosition()
-   *
-   * @returns {{
-   *   items: Record<string, {
-   *     data: any,
-   *     hit: boolean,
-   *     color: string,
-   *     name: string,
-   *     id: string,
-   *     index: number,
-   *     label: string | import('dayjs').Dayjs,
-   *     axis: { x: number, y: number },
-   *   }>,
-   *   hitId: string | null,
-   *   maxTip: [string, string],
-   *   maxHighlight: [string, number] | null,
-   * }} hit item information
-   */
-  findHitItem(o) {
-    var d, p;
-    const l = Object.keys(this.seriesList), i = {}, n = !!this.options.horizontal, t = this.tooltipCtx;
-    let e = null, s = "", r = 0, c = "", h = null, a = null, b = 1 / 0;
-    const m = this.findClosestDataIndex(o, l);
-    if (m === -1 && !this.isNotUseIndicator())
-      return { items: i, hitId: e, maxTip: [s, c], maxHighlight: null };
-    const I = l.every((y) => this.seriesList[y].type === "bar");
-    for (let y = 0; y < l.length; y++) {
-      const f = l[y], g = this.seriesList[f];
-      if (g.findGraphData && g.show) {
-        const x = g.findGraphData(o, n, m, !I);
-        if (x != null && x.data) {
-          let M;
-          if (x.data.o === null && g.interpolation !== "zero" ? g.isExistGrp || (M = n ? x.data.x : x.data.y) : isNaN(x.data.o) || (M = x.data.o), M != null) {
-            const S = this.getFormattedTooltipLabel({
-              dataId: g.id,
-              seriesId: f,
-              seriesName: g.name,
-              itemData: x.data
-            }), L = t ? t.measureText(S).width : 1;
-            x.id = g.id, x.name = S, x.axis = { x: g.xAxisIndex, y: g.yAxisIndex }, x.label = n ? (d = x.data) == null ? void 0 : d.y : (p = x.data) == null ? void 0 : p.x, i[f] = x;
-            const v = this.getFormattedTooltipValue({
-              dataId: g.id,
-              seriesId: f,
-              seriesName: S,
-              value: M,
-              itemData: x.data
-            });
-            if (x.data.formatted = v, r < L && (s = S, r = L), c.length <= `${v}`.length && (c = `${v}`), (h === null || h <= M) && (h = M, a = f), x.hit && x.data.xp !== void 0 && x.data.yp !== void 0) {
-              const k = (x.data.xp - o[0]) ** 2 + (x.data.yp - o[1]) ** 2;
-              k < b && (b = k, e = f);
-            }
-          }
-        }
-      }
-    }
-    return e = e === null ? Object.keys(i)[0] : e, { items: i, hitId: e, maxTip: [s, c], maxHighlight: h !== null ? [a, h] : null };
-  },
-  /**
-   * Find the closest data index (label) based on mouse position
-   * @param {array} offset mouse position
-   * @param {array} sIds series IDs
-   * @returns {number} closest data index
-   */
-  findClosestDataIndex(o, l) {
-    var b;
-    const [i, n] = o, t = !!this.options.horizontal, e = t ? n : i, s = l.find((m) => {
-      var I;
-      return (I = this.seriesList[m]) == null ? void 0 : I.show;
-    });
-    if (!s || !((b = this.seriesList[s]) != null && b.data))
-      return -1;
-    const r = this.seriesList[s].data;
-    let c = 50;
-    if (r.length > 1) {
-      const m = [];
-      for (let I = 1; I < r.length; I++) {
-        const u = r[I - 1], d = r[I];
-        if (u && d) {
-          let p, y;
-          t ? (p = u.h ? u.yp + u.h / 2 : u.yp, y = d.h ? d.yp + d.h / 2 : d.yp) : (p = u.w ? u.xp + u.w / 2 : u.xp, y = d.w ? d.xp + d.w / 2 : d.xp), p !== null && y !== null && m.push(Math.abs(y - p));
-        }
-      }
-      m.length > 0 && (c = m.reduce((I, u) => I + u, 0) / m.length);
-    }
-    let h = 1 / 0, a = -1;
-    for (let m = 0; m < r.length; m++)
-      if (l.some((u) => {
-        var p, y, f, g;
-        const d = this.seriesList[u];
-        return (d == null ? void 0 : d.show) && ((y = (p = d.data) == null ? void 0 : p[m]) == null ? void 0 : y.o) !== null && ((g = (f = d.data) == null ? void 0 : f[m]) == null ? void 0 : g.o) !== void 0;
-      })) {
-        const u = r[m];
-        if (u) {
-          let d;
-          if (t ? d = u.h ? u.yp + u.h / 2 : u.yp : d = u.w ? u.xp + u.w / 2 : u.xp, d !== null) {
-            const p = Math.abs(e - d);
-            p < h && (h = p, a = m);
-          }
-        }
-      }
-    return h >= c ? l.some((I) => {
-      const u = this.seriesList[I];
-      if (u != null && u.show) {
-        const d = u.passingValue, p = u.interpolation, y = u.hasPassingValueInData;
-        return p === "linear" || p === "none" && !!d && y;
-      }
-      return !1;
-    }) ? a : -1 : a;
-  },
-  /**
-   * get formatted label for tooltip
-   * @param dataId
-   * @param seriesId
-   * @param seriesName
-   * @param itemData
-   * @returns {string}
-   */
-  getFormattedTooltipLabel({ dataId: o, seriesId: l, seriesName: i, itemData: n }) {
-    var c;
-    const e = this.options.tooltip, s = (c = e == null ? void 0 : e.formatter) == null ? void 0 : c.label;
-    let r = i;
-    return s && (r = s({
-      dataId: o,
-      seriesId: l,
-      seriesName: i,
-      itemData: n
-    })), r;
-  },
-  /**
-   * get formatted value for tooltip
-   * @param dataId
-   * @param seriesId
-   * @param seriesName
-   * @param value
-   * @param itemData
-   * @returns {string}
-   */
-  getFormattedTooltipValue({ dataId: o, seriesId: l, seriesName: i, value: n, itemData: t }) {
-    var a;
-    const e = this.options, s = !!e.horizontal, r = e.tooltip, c = typeof (r == null ? void 0 : r.formatter) == "function" ? r == null ? void 0 : r.formatter : (a = r == null ? void 0 : r.formatter) == null ? void 0 : a.value;
-    let h = n;
-    return c && (e.type === "pie" ? h = c({
-      value: n,
-      name: i,
-      percentage: t == null ? void 0 : t.percentage,
-      seriesId: l,
-      dataId: o
-    }) : e.type === "heatMap" ? h = c({
-      x: t == null ? void 0 : t.x,
-      y: t == null ? void 0 : t.y,
-      value: n > -1 ? n : "error",
-      seriesId: l,
-      dataId: o
-    }) : h = c({
-      x: s ? n : t == null ? void 0 : t.x,
-      y: s ? t == null ? void 0 : t.y : n,
-      o: t == null ? void 0 : t.o,
-      name: i,
-      seriesId: l,
-      dataId: o
-    })), n && (!c || typeof h != "string") && (e.type === "heatMap" ? h = n < 0 ? "error" : C(n) : h = C(n)), h;
-  },
-  /**
-   * add not hit info
-   * @param hitInfo
-   */
-  addNotHitInfo(o) {
-    var c, h, a, b, m, I;
-    const l = this.tooltipCtx, i = !!this.options.horizontal, n = Object.keys(o.items)[0], t = i ? (a = (h = (c = o.items) == null ? void 0 : c[n]) == null ? void 0 : h.data) == null ? void 0 : a.y : (I = (m = (b = o.items) == null ? void 0 : b[n]) == null ? void 0 : m.data) == null ? void 0 : I.x;
-    let e = "", s = "";
-    const r = Object.keys(this.seriesList);
-    for (let u = 0; u < r.length; u++) {
-      const d = r[u], p = this.seriesList[d];
-      if (p != null && p.show) {
-        const y = p.data.find(
-          (v) => i ? (v == null ? void 0 : v.y) === t : (v == null ? void 0 : v.x) === t
-        ), f = this.getFormattedTooltipLabel({
-          dataId: p.id,
-          seriesId: d,
-          seriesName: p.name,
-          itemData: y
-        }), g = this.getFormattedTooltipValue({
-          dataId: p.id,
-          seriesId: d,
-          seriesName: f,
-          value: y == null ? void 0 : y.o,
-          itemData: y
-        });
-        if (y && y.o !== null && y.o !== void 0 && !o.items[d]) {
-          const v = {};
-          v.color = p.color, v.hit = !1, v.name = f, v.axis = { x: p.xAxisIndex, y: p.yAxisIndex }, v.index = i ? p.yAxisIndex : p.xAxisIndex, v.data = y, v.data.formatted = g, o.items[d] = v;
-        }
-        const x = l ? l.measureText(e).width : 1, M = l ? l.measureText(f).width : 1;
-        x < M && (e = f);
-        const S = l ? l.measureText(s).width : 1, L = l ? l.measureText(`${g}`).width : 1;
-        S < L && (s = `${g}`);
-      }
-    }
-    o.maxTip = [e, s];
-  },
-  /**
-   * Select Item
-   * Set backup data that selected item information
-   * render chart
-   * @param targetInfo {object}  '{ dataIndex: number, seriesID: string }'
-   * @param chartType {string}  'bar', 'line', 'pie', 'scatter', 'heatMap'
-   *
-   */
-  selectItemByData(o, l) {
-    this.defaultSelectItemInfo = o;
-    let i;
-    l === "pie" ? i = {
-      type: "pie",
-      sId: o.seriesID
-    } : i = isNaN(o == null ? void 0 : o.dataIndex) ? null : this.getItem(o, !1), this.render(i);
-  },
-  /**
-   * Select Label
-   * set backup data that selected label information list
-   * render chart
-   * @param labelIndexList {number[]}
-   * @param targetAxis {string | null}
-   * @returns {boolean}
-   */
-  selectLabelByData(o, l) {
-    this.defaultSelectInfo = this.getSelectedLabelInfoWithLabelData(o, l), this.render();
-  },
-  /**
-   * Select Series
-   * set backup data that selected series information list
-   * render chart
-   * @param seriesIdList {number[]}
-   * @returns {boolean}
-   */
-  selectSeriesByData(o) {
-    this.defaultSelectInfo.seriesId = o, this.render();
-  },
-  /**
-   * Get each series data and label text
-   * @param labelIndexList{number[]}
-   * @param targetAxis{string | null}
-   * @returns {object[]}
-   */
-  getSelectedLabelInfoWithLabelData(o, l) {
-    const { selectLabel: i, type: n, horizontal: t } = this.options, e = T(this.defaultSelectInfo);
-    switch (e.dataIndex = o, n) {
-      default:
-      case "bar":
-      case "line": {
-        e.dataIndex.splice(i.limit), e.label = e.dataIndex.map((r) => this.data.labels[r]);
-        const s = Object.entries(this.data.data);
-        e.data = e.dataIndex.map(
-          (r) => Object.fromEntries(s.map(([c, h]) => [c, h[r]]))
-        );
-        break;
-      }
-      case "heatMap": {
-        const { limit: s, useBothAxis: r } = this.options.selectLabel;
-        e.dataIndex.splice(s);
-        let c;
-        r ? c = l === "yAxis" ? "y" : "x" : c = t ? "y" : "x", e.label = e.dataIndex.map((a) => this.data.labels[c][a]);
-        const h = Object.values(this.data.data)[0];
-        e.data = h.filter(
-          ({ x: a, y: b }) => e.label.includes(c === "y" ? b : a)
-        );
-        break;
-      }
-    }
-    return e;
-  },
-  /**
-   * Add or delete selected label index, according to policy and option
-   * @param labelIndex {number}
-   * @param targetAxis {string | null}
-   * @returns after {number[]}  '[0, 1 ...]' result Label index List
-   */
-  regulateSelectedLabelInfo(o, l) {
-    var e, s;
-    const i = ((e = this.options) == null ? void 0 : e.selectLabel) ?? {}, n = l === null || ((s = this.defaultSelectInfo) == null ? void 0 : s.targetAxis) === l ? { ...this.defaultSelectInfo, targetAxis: l } : { dataIndex: [], targetAxis: l }, t = T(n);
-    if (n.dataIndex.includes(o)) {
-      const r = n.dataIndex.indexOf(o);
-      t.dataIndex.splice(r, 1);
-    } else o > -1 && (t.dataIndex.push(o), i.limit > 0 && i.limit < t.dataIndex.length && (i.useDeselectOverflow ? t.dataIndex.splice(0, 1) : t.dataIndex.pop()));
-    return t;
-  },
-  /**
-   * Add or delete selected series Index,according to policy and option
-   * @param seriesId {number}
-   * @param keepSelection {boolean}
-   * @returns after {number[]}  '[0, 1 ...]' result series Id List
-   */
-  updateSelectedSeriesInfo(o, l) {
-    var e;
-    const i = ((e = this.options) == null ? void 0 : e.selectSeries) ?? {}, n = this.defaultSelectInfo ?? { seriesId: [] };
-    typeof n.seriesId == "string" && (n.seriesId = [n.seriesId]);
-    const t = T(n);
-    if (n.seriesId.includes(o)) {
-      if (!l) {
-        const s = n.seriesId.indexOf(o);
-        t.seriesId.splice(s, 1);
-      }
-    } else o && (t.seriesId.push(o), i.limit > 0 && i.limit < t.seriesId.length && (i.useDeselectOverflow ? t.seriesId.splice(0, 1) : t.seriesId.pop()));
-    return t;
-  },
-  /**
-   * Draw indicator at the label position when tooltip is displayed
-   * @param {object} hitInfo hit item information from findHitItem
-   * @param {string} color indicator color
-   * @returns {object|null} indicator position info with actual label value
-   */
-  drawIndicatorForTooltip(o, l) {
-    var h;
-    if (!(o != null && o.items) || !Object.keys(o.items).length)
-      return null;
-    const i = this.overlayCtx, { horizontal: n } = this.options, t = {
-      x1: this.chartRect.x1 + this.labelOffset.left,
-      x2: this.chartRect.x2 - this.labelOffset.right,
-      y1: this.chartRect.y1 + this.labelOffset.top,
-      y2: this.chartRect.y2 - this.labelOffset.bottom
-    }, e = Object.keys(o.items)[0], s = o.items[e];
-    if (!(s != null && s.data))
-      return null;
-    const r = n ? s.data.y : s.data.x;
-    let c;
-    if (n) {
-      const a = s.data.yp + (s.data.h ? s.data.h / 2 : 0);
-      c = [t.x1, a];
-    } else
-      c = [s.data.xp + (s.data.w ? s.data.w / 2 : 0), t.y1];
-    return i.beginPath(), i.save(), i.strokeStyle = l, i.lineWidth = 1, (h = this.options.indicator) != null && h.segments && i.setLineDash(this.options.indicator.segments), n ? (i.moveTo(t.x1, c[1] + 0.5), i.lineTo(t.x2, c[1] + 0.5)) : (i.moveTo(c[0] + 0.5, t.y1), i.lineTo(c[0] + 0.5, t.y2)), i.stroke(), i.restore(), i.closePath(), {
-      labelValue: r,
-      position: c
-    };
-  },
-  /**
-   * Find items by series within a range
-   * @param {object} range  object for find series items
-   *
-   * @returns {object}
-   */
-  findSelectedItems(o) {
-    const l = [], i = Object.keys(this.seriesList);
-    for (let n = 0; n < i.length; n++) {
-      const t = i[n], e = this.seriesList[t], s = e.findItems;
-      if (s) {
-        const r = s.call(e, o);
-        r && r.length && l.push({
-          seriesName: e.name,
-          seriesId: t,
-          items: r
-        });
-      }
-    }
-    return l;
-  },
-  /**
-   * Returns the data-based range value for a selection
-   * @param {object} object for calculating data-based range
-   *                 object.range: coordinate-based range in graph
-   * @returns {object}
-   */
-  getSelectionRange({ xsp: o, ysp: l, width: i, height: n, range: t }) {
-    var g, x, M, S;
-    const e = this.axesSteps.x.length ? this.axesSteps.x[0] : null, s = this.axesSteps.y.length ? this.axesSteps.y[0] : null;
-    if (!e || !s)
-      return null;
-    const r = o + i, c = l + n, h = e.graphMax - e.graphMin, a = s.graphMax - s.graphMin, b = this.getRatioInRange(t.x1, t.x2, o), m = this.getRatioInRange(t.x1, t.x2, r), I = this.getRatioInRange(t.y1, t.y2, c), u = this.getRatioInRange(t.y1, t.y2, l), d = this.isMobile && ((g = this.boxOverflow) != null && g.x1) ? Math.min(this.minMax.x[0].min, e.graphMin) : Math.max(e.graphMin + h * b, e.graphMin), p = this.isMobile && ((x = this.boxOverflow) != null && x.x2) ? Math.max(this.minMax.x[0].max, e.graphMax) : Math.min(e.graphMin + h * m, e.graphMax), y = this.isMobile && ((M = this.boxOverflow) != null && M.y2) ? Math.min(this.minMax.y[0].min, s.graphMin) : Math.max(s.graphMin + a * (1 - I), s.graphMin), f = this.isMobile && ((S = this.boxOverflow) != null && S.y1) ? Math.max(this.minMax.y[0].max, s.graphMax) : Math.min(s.graphMin + a * (1 - u), s.graphMax);
-    return {
-      xMin: +d.toFixed(3),
-      xMax: +p.toFixed(3),
-      yMin: +y.toFixed(3),
-      yMax: +f.toFixed(3)
-    };
-  },
-  /**
-   * Returns the position ratio of 'value' between 'min' and 'max'
-   * @param {number} min    min value
-   * @param {number} max    max value
-   * @param {number} value  value is between min and max
-   *
-   * @returns {number}
-   */
-  getRatioInRange(o, l, i) {
-    const n = l - o;
-    return (i - o) / n;
-  },
-  getDragInfoForHeatMap(o) {
-    const l = Object.keys(this.seriesList)[0];
-    return this.seriesList[l].findBlockRange(o);
-  },
-  getSelectionRangeForHeatMap(o) {
-    const l = this.axesSteps.x.length ? this.axesSteps.x[0] : null, i = this.axesSteps.y.length ? this.axesSteps.y[0] : null;
-    if (!l || !i)
-      return null;
-    const n = Object.keys(this.seriesList)[0], { xMin: t, xMax: e, yMin: s, yMax: r } = this.seriesList[n].findSelectionRange(o) ?? {};
-    return {
-      xMin: t ?? l.graphMin,
-      xMax: e ?? l.graphMax,
-      yMin: s ?? i.graphMin,
-      yMax: r ?? i.graphMax
-    };
-  },
-  /**
-   * Check hitInfo is deselected Item through re-click
-   * @param hitInfo
-   * @returns {boolean}
-   */
-  isDeselectItem(o) {
-    var l, i;
-    return this.options.selectItem.useDeselectItem && (o == null ? void 0 : o.maxIndex) === ((l = this.defaultSelectItemInfo) == null ? void 0 : l.dataIndex) && (o == null ? void 0 : o.sId) === ((i = this.defaultSelectItemInfo) == null ? void 0 : i.seriesID) && !isNaN(o == null ? void 0 : o.maxIndex);
-  },
-  /**
-   * Get current mouse location (xAxis, yAxis, chartBackground, canvas)
-   * @param offset
-   * @returns {string}
-   */
-  getCurMouseLocation(o) {
-    const [l, i] = o, n = {
-      x1: this.chartRect.x1 + this.labelOffset.left,
-      x2: this.chartRect.x2 - this.labelOffset.right,
-      y1: this.chartRect.y1 + this.labelOffset.top,
-      y2: this.chartRect.y2 - this.labelOffset.bottom
-    }, t = n[this.axesX[0].units.rectStart], e = n[this.axesX[0].units.rectEnd], s = n[this.axesY[0].units.rectStart], r = n[this.axesY[0].units.rectEnd];
-    return w(l, this.chartRect.x1, n.x1) && w(i, s, r) ? "yAxis" : w(l, t, e) && w(i, n.y2, this.chartRect.y2) ? "xAxis" : w(l, n.x1, n.x2) && w(i, n.y1, n.y2) ? "chartBackground" : "canvas";
-  },
-  isNotUseIndicator() {
-    return this.options.type === "pie" || this.options.type === "scatter" || this.options.type === "heatMap";
-  },
-  /**
-   * Clear 'defaultSelectInfo'
-   */
-  clearSelectedLabelInfo() {
-    this.defaultSelectInfo = { dataIndex: [] };
-  },
-  /**
-   * Clear 'defaultSelectItemInfo'
-   */
-  clearSelectedItemInfo() {
-    this.defaultSelectItemInfo = null;
-  }
-};
-export {
-  z as default
-};