evui 3.4.214 → 3.5.0

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

@@ -0,0 +1,823 @@
+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
+};