evui 3.5.0-rc.1 → 3.5.0

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

@@ -0,0 +1,508 @@
+import { inRange as $ } from "lodash-es";
+import { convertToPercent as ot } from "../../../common/utils.js";
+import it from "../../../common/utils.debounce.js";
+import z from "../helpers/helpers.canvas.js";
+import R from "../helpers/helpers.util.js";
+const A = 8, B = 50, X = 17, st = 8, dt = {
+  /**
+   * Create tooltip DOM
+   *
+   * @returns {undefined}
+   */
+  createTooltipDOM() {
+    var e, o;
+    this.tooltipDOM = document.createElement("div"), this.tooltipDOM.className = "ev-chart-tooltip", this.tooltipHeaderDOM = document.createElement("div"), this.tooltipHeaderDOM.className = "ev-chart-tooltip-header", this.tooltipBodyDOM = document.createElement("div"), this.tooltipBodyDOM.className = "ev-chart-tooltip-body", this.tooltipCanvas = document.createElement("canvas"), this.tooltipCanvas.className = "ev-chart-tooltip-canvas", this.tooltipCtx = this.tooltipCanvas.getContext("2d"), this.tooltipDOM.style.display = "none", (o = (e = this.options.tooltip) == null ? void 0 : e.formatter) != null && o.html || this.setDefaultTooltipLayout(), document.body.appendChild(this.tooltipDOM), this.options.tooltip.debouncedHide ? this.hideTooltipDOM = it(() => {
+      this.tooltipDOM.style.display = "none";
+    }, 200) : this.hideTooltipDOM = () => {
+      this.tooltipDOM.style.display = "none";
+    }, this.isInitTooltip = !0;
+  },
+  setDefaultTooltipLayout() {
+    this.tooltipBodyDOM.appendChild(this.tooltipCanvas), this.tooltipDOM.appendChild(this.tooltipHeaderDOM), this.tooltipDOM.appendChild(this.tooltipBodyDOM);
+  },
+  /**
+   * get Tooltip's font style by Type ('title' | 'contents')
+   * @param {string} type  'title' | 'contents'
+   * @returns {string}
+   */
+  getFontStyle(e) {
+    var l, a;
+    const o = (l = this.options) == null ? void 0 : l.tooltip, t = ((a = o == null ? void 0 : o.fontSize) == null ? void 0 : a[e]) ?? 14, s = (o == null ? void 0 : o.fontFamily) ?? "Roboto";
+    return `normal normal lighter ${Math.max(t, 0)}px ${s}`;
+  },
+  getTextHeight() {
+    var e, o, t;
+    return (((t = (o = (e = this.options) == null ? void 0 : e.tooltip) == null ? void 0 : o.fontSize) == null ? void 0 : t.contents) ?? 14) + 6;
+  },
+  getColorMargin() {
+    var e, o, t;
+    return (((t = (o = (e = this.options) == null ? void 0 : e.tooltip) == null ? void 0 : o.fontSize) == null ? void 0 : t.contents) ?? 14) + 2;
+  },
+  getBoxPadding() {
+    var l, a;
+    const { top: e = 0, right: o = 20, bottom: t = 3, left: s = 16 } = ((a = (l = this.options) == null ? void 0 : l.tooltip) == null ? void 0 : a.rowPadding) ?? {};
+    return {
+      t: e,
+      l: s,
+      b: t,
+      r: o
+    };
+  },
+  /**
+   * Set tooltip DOM's position and style
+   * @param {object} hitInfo    value and mouse position touched
+   * @param {object} e          mousemove callback
+   *
+   * @returns {object} tooltip layout information
+   */
+  setTooltipLayoutPosition(e, o) {
+    var j, N, _, I, V, G, K;
+    const t = this.tooltipCtx, s = o.pageX, l = o.pageY, a = e.items, [n, r] = e.maxTip, m = Object.keys(a).length, h = this.getBoxPadding(), p = this.options.tooltip, y = this.getColorMargin(), f = e.hitId, d = a[f].data, c = a[f].axis, M = (j = p.formatter) == null ? void 0 : j.title;
+    this.axesX.length && this.axesY.length && p.showHeader && (M ? this.tooltipHeaderDOM.textContent = M({
+      x: d.x,
+      y: d.y
+    }) : this.tooltipHeaderDOM.textContent = this.options.horizontal ? this.axesY[c.y].getLabelFormat(d.y) : this.axesX[c.x].getLabelFormat(d.x)), p.textOverflow && this.tooltipHeaderDOM.classList.add(`ev-chart-tooltip-header--${p.textOverflow}`), this.tooltipHeaderDOM.style.visibility = "hidden", t.save(), t.font = this.getFontStyle("contents");
+    const u = !!this.options.horizontal ? (_ = (N = a[e.hitId]) == null ? void 0 : N.data) == null ? void 0 : _.y : (V = (I = a[e.hitId]) == null ? void 0 : I.data) == null ? void 0 : V.x, H = (u == null ? void 0 : u.length) > n.length ? u : n, C = Math.round(t.measureText(H).width), v = Math.round(t.measureText(r).width), P = C + v + h.l + h.r + y + B + X, D = P > p.maxWidth ? p.maxWidth : P;
+    let O = p.textOverflow === "wrap" ? 0 : m;
+    if (p.textOverflow === "wrap") {
+      const U = p.maxWidth - (Math.round(t.measureText(r).width) + h.l + h.r + y + B + X);
+      Object.values(a).map((W) => W.name).forEach((W) => {
+        if (t.measureText(W).width > U) {
+          let L = "";
+          for (let E = 0; E < W.length; E++) {
+            const q = W[E], J = `${L}${q}`;
+            t.measureText(J).width > U ? (L = q, O += 1) : L = J;
+          }
+        }
+        O += 1;
+      }), t.restore();
+    }
+    const b = h.t + O * this.getTextHeight() + m * A + h.b;
+    let T;
+    p.useScrollbar && b > p.maxHeight ? (this.tooltipBodyDOM.style.overflowY = "auto", T = p.maxHeight) : (this.tooltipBodyDOM.style.overflowY = "hidden", T = b), this.tooltipCanvas.width = D * this.pixelRatio, this.tooltipCanvas.height = b * this.pixelRatio, this.tooltipCanvas.style.width = `${D}px`, this.tooltipCanvas.style.height = `${b}px`, this.tooltipHeaderDOM.style.width = `${D}px`, this.tooltipHeaderDOM.style.height = "auto", this.tooltipDOM.style.height = "auto", this.tooltipBodyDOM.style.height = `${T + 6}px`, this.tooltipDOM.style.display = "block";
+    const w = document.body.clientWidth, g = document.body.clientHeight, S = 20, Y = ((G = this.tooltipDOM) == null ? void 0 : G.offsetHeight) || ((K = this.tooltipHeaderDOM) == null ? void 0 : K.offsetHeight) + T + st, Q = w - D - S, Z = g - Y - S, F = s + S, k = l + S, tt = s - D - S, et = l - Y - S;
+    this.tooltipDOM.style.left = F > Q ? `${tt}px` : `${F}px`, this.tooltipDOM.style.top = k > Z ? `${et}px` : `${k}px`;
+  },
+  /**
+   * Draw series color shape
+   * @param {object} context    tooltip canvas context
+   * @param {string} shape  // 'circle' | 'rect' (default)
+   * @param {object} centerPosition  // {x: number, y: number}
+   */
+  drawSeriesColorShape(e, o, t) {
+    var n, r;
+    const s = (r = (n = this.options.tooltip) == null ? void 0 : n.fontSize) == null ? void 0 : r.contents, { x: l, y: a } = t;
+    if (o === "circle") {
+      e.beginPath();
+      const i = s / 2;
+      e.arc(l, a - i / 2, i, 0, 2 * Math.PI), e.fill();
+    } else {
+      const i = s;
+      e.fillRect(l - i / 3, a - i / 1.2, i, i);
+    }
+  },
+  /**
+   * Draw tooltip canvas
+   * @param {object} hitInfo    mousemove callback
+   * @param {object} context    tooltip canvas context
+   *
+   * @returns {undefined}
+   */
+  drawTooltip(e, o) {
+    const t = o, s = e.items, [, l] = e.maxTip, a = this.alignSeriesList(Object.keys(s)), n = this.getBoxPadding(), r = this.options.horizontal, i = this.options.tooltip, m = this.getTextHeight(), h = this.getColorMargin();
+    this.axesX.length && this.axesY.length && i.showHeader ? this.tooltipHeaderDOM.style.visibility = "visible" : this.tooltipHeaderDOM.style.display = "none";
+    let p = 2, y = 2;
+    p += R.aliasPixel(p), y += R.aliasPixel(y), t.save(), t.scale(this.pixelRatio, this.pixelRatio), this.tooltipBodyDOM.style.overflowY === "auto" && (n.r += X), p += n.l, y += n.t, t.font = this.getFontStyle("contents");
+    const f = [];
+    a.forEach((c) => {
+      f.push({
+        id: c,
+        data: s[c].data,
+        color: s[c].color,
+        name: s[c].name,
+        dataId: s[c].id
+      });
+    }), i.sortByValue && f.sort((c, M) => {
+      let x = c.data.o, u = M.data.o;
+      return x == null && (x = r ? c.data.x : c.data.y), u == null && (u = r ? M.data.x : M.data.y), u - x;
+    }), this.setTooltipDOMStyle(i);
+    let d = 1;
+    for (let c = 0; c < f.length; c++) {
+      const M = f[c].data, x = f[c].color, u = f[c].name, H = M.formatted;
+      let C = p + 4, v = y + d * m;
+      C += R.aliasPixel(C), v += R.aliasPixel(v), t.beginPath(), typeof x != "string" ? t.fillStyle = z.createGradient(
+        t,
+        r,
+        { x: C - 4, y: v, w: 12, h: -12 },
+        x
+      ) : t.fillStyle = x;
+      const P = {
+        id: f[c].id,
+        name: f[c].name,
+        value: H,
+        dataId: f[c].dataId
+      };
+      this.drawSeriesColorShape(t, i.colorShape, { x: C, y: v }), t.fillStyle = typeof i.fontColor.label == "function" ? i.fontColor.label(P) : i.fontColor.label ?? i.fontColor;
+      const D = i.maxWidth - Math.round(t.measureText(l).width) - n.l - n.r - h - B, O = C + h, b = v;
+      if (D > t.measureText(u).width)
+        t.fillText(u, O, b);
+      else if (i.textOverflow === "wrap") {
+        let T = "", w = b;
+        for (let g = 0; g < u.length; g++) {
+          const S = u[g], Y = `${T}${S}`;
+          t.measureText(Y).width > D ? (t.fillText(T, O, w), T = S, d += 1, w += m) : T = Y;
+        }
+        t.fillText(T, O, w);
+      } else {
+        const T = R.truncateLabelWithEllipsis(u, D, t);
+        t.fillText(T, O, b);
+      }
+      t.save(), t.fillStyle = typeof i.fontColor.value == "function" ? i.fontColor.value(P) : i.fontColor.value ?? i.fontColor, t.textAlign = "right", t.fillText(H, this.tooltipDOM.offsetWidth - n.r, v), t.restore(), t.closePath(), y += A, d += 1;
+    }
+    t.restore();
+  },
+  /**
+   * Draw tooltip canvas for heatmap
+   * @param {object} hitInfo    mousemove callback
+   * @param {object} context    tooltip canvas context
+   *
+   * @returns {undefined}
+   */
+  drawToolTipForHeatMap(e, o) {
+    const t = o, s = e.items, l = e.hitId, a = s[l].data, n = s[l].axis, r = s[l].color, i = this.getBoxPadding(), m = this.options.horizontal, h = this.options.tooltip, p = Object.values(this.seriesList)[0], y = this.getTextHeight(), f = this.getColorMargin();
+    let d = !1, c = a.formatted;
+    const { colorState: M, isGradient: x } = p;
+    if (x) {
+      const { min: v, max: P } = p.valueOpt, D = ot(a.o - v, P - v), { start: O, end: b } = M[0];
+      d = O <= D && D <= b || a.o === -1;
+    } else {
+      const v = M.find(({ id: P }) => P === a.cId);
+      d = v == null ? void 0 : v.show, c = (v == null ? void 0 : v.label) ?? c;
+    }
+    if (!d) {
+      this.tooltipClear();
+      return;
+    }
+    this.axesX.length && this.axesY.length && h.showHeader ? this.tooltipHeaderDOM.style.visibility = "visible" : this.tooltipHeaderDOM.style.display = "none", this.setTooltipDOMStyle(h), t.save(), t.scale(this.pixelRatio, this.pixelRatio), this.tooltipBodyDOM.style.overflowY === "auto" && (i.r += X);
+    const u = i.l + 2, H = i.t + y + 2;
+    t.font = this.getFontStyle("contents"), t.beginPath(), typeof r != "string" ? t.fillStyle = z.createGradient(
+      t,
+      m,
+      { x: u, y: H, w: 12, h: -12 },
+      r
+    ) : t.fillStyle = r;
+    const C = {
+      id: e.hitId,
+      name: a.y,
+      value: c,
+      dataId: s[l].id
+    };
+    this.drawSeriesColorShape(t, h.colorShape, { x: u, y: H }), t.fillStyle = typeof h.fontColor.label == "function" ? h.fontColor.label(C) : h.fontColor.label ?? h.fontColor, this.axesY.length && t.fillText(
+      this.axesY[n.y].getLabelFormat(a.y),
+      u + f,
+      H
+    ), t.textAlign = "right", t.fillStyle = typeof h.fontColor.value == "function" ? h.fontColor.value(C) : h.fontColor.value ?? h.fontColor, t.fillText(c, this.tooltipDOM.offsetWidth - i.r, H), t.closePath();
+  },
+  /**
+   *
+   * @param hitInfo
+   * @param context
+   */
+  drawTooltipForScatter(e, o) {
+    const t = o, s = e.items, [, l] = e.maxTip, a = this.alignSeriesList(Object.keys(s)), n = this.getBoxPadding(), r = this.options.tooltip, i = this.getTextHeight(), m = this.getColorMargin();
+    this.axesX.length && this.axesY.length && r.showHeader ? this.tooltipHeaderDOM.style.visibility = "visible" : this.tooltipHeaderDOM.style.display = "none";
+    let h = 2, p = 2;
+    h += R.aliasPixel(h), p += R.aliasPixel(p), t.save(), t.scale(this.pixelRatio, this.pixelRatio), this.tooltipBodyDOM.style.overflowY === "auto" && (n.r += X), h += n.l, p += n.t, t.font = this.getFontStyle("contents");
+    const y = [];
+    a.forEach((d) => {
+      y.push({
+        data: s[d].data,
+        color: s[d].color,
+        name: s[d].name
+      });
+    }), r.sortByValue && y.sort((d, c) => {
+      let M = d.data.o, x = c.data.o;
+      return M == null && (M = d.data.y), x == null && (x = c.data.y), x - M;
+    }), this.setTooltipDOMStyle(r);
+    let f = 1;
+    for (let d = 0; d < y.length; d++) {
+      const c = y[d].data, M = y[d].color, x = y[d].name, u = c.formatted;
+      let H = h + 4, C = p + f * i;
+      H += R.aliasPixel(H), C += R.aliasPixel(C), t.beginPath(), typeof M != "string" ? t.fillStyle = z.createGradient(
+        t,
+        !1,
+        { x: H - 4, y: C, w: 12, h: -12 },
+        M
+      ) : t.fillStyle = M;
+      const v = {
+        id: e.hitId,
+        name: y[d].name,
+        value: u,
+        dataId: y[d].dataId
+      };
+      this.drawSeriesColorShape(t, r.colorShape, { x: H, y: C }), t.fillStyle = typeof r.fontColor.label == "function" ? r.fontColor.label(v) : r.fontColor.label ?? r.fontColor;
+      const P = r.maxWidth - Math.round(t.measureText(l).width) - n.l - n.r - m - B, D = H + m, O = C;
+      if (P > t.measureText(x).width)
+        t.fillText(x, D, O);
+      else if (r.textOverflow === "wrap") {
+        let b = "", T = O;
+        for (let w = 0; w < x.length; w++) {
+          const g = x[w], S = `${b}${g}`;
+          t.measureText(S).width > P ? (t.fillText(b, D, T), b = g, f += 1, T += i) : b = S;
+        }
+        t.fillText(b, D, T);
+      } else {
+        const b = R.truncateLabelWithEllipsis(x, P, t);
+        t.fillText(b, D, O);
+      }
+      t.save(), t.textAlign = "right", t.fillStyle = typeof r.fontColor.value == "function" ? r.fontColor.value(v) : r.fontColor.value ?? r.fontColor, t.fillText(u, this.tooltipDOM.offsetWidth - n.r, C), t.restore(), t.closePath(), p += A, f += 1;
+    }
+    t.restore();
+  },
+  setCustomTooltipLayoutPosition(e, o) {
+    var x, u;
+    const t = o.pageX, s = o.pageY, l = (x = this.tooltipDOM.getElementsByClassName("ev-chart-tooltip-custom")) == null ? void 0 : x[0];
+    if (!l && !this.tooltipDOM)
+      return;
+    this.tooltipDOM.style.display = "block";
+    const a = l.offsetWidth, n = l.offsetHeight;
+    this.tooltipDOM.style.height = "auto", this.tooltipBodyDOM.style.height = `${n + 6}px`;
+    const r = document.body.clientWidth, i = document.body.clientHeight, m = (u = this.tooltipDOM) == null ? void 0 : u.getBoundingClientRect(), h = 20, p = r - a - h, y = i - (m == null ? void 0 : m.height) - h, f = t + h, d = s + h, c = t - a - h, M = s - (m == null ? void 0 : m.height) - h;
+    this.tooltipDOM.style.left = f > p ? `${c}px` : `${f}px`, this.tooltipDOM.style.top = d > y ? `${M}px` : `${d}px`;
+  },
+  /**
+   * Draw User Custom Tooltip (tooltip > formatter > html)
+   * call "formatter > html" and append to tooltip DOM
+   * @param hitInfoItems
+   */
+  drawCustomTooltip(e) {
+    var t, s, l, a;
+    const o = (t = this.options) == null ? void 0 : t.tooltip;
+    if ((s = o.formatter) != null && s.html) {
+      this.tooltipDOM.innerHTML = "";
+      const n = [];
+      Object.keys(e).forEach((i) => {
+        n.push({
+          sId: i,
+          data: e[i].data,
+          color: e[i].color,
+          name: e[i].name,
+          dataId: e[i].id,
+          index: e[i].index
+        });
+      });
+      const r = R.htmlToElement((l = o == null ? void 0 : o.formatter) == null ? void 0 : l.html(n));
+      r && this.tooltipDOM.appendChild(r), this.tooltipDOM.style.overflowY = "hidden", this.tooltipDOM.style.backgroundColor = o.backgroundColor, this.tooltipDOM.style.border = `1px solid ${o.borderColor}`, this.tooltipDOM.style.color = ((a = o.fontColor) == null ? void 0 : a.title) ?? o.fontColor;
+    }
+  },
+  /**
+   * set style properties on tooltip DOM
+   * @param tooltipOptions
+   */
+  setTooltipDOMStyle(e) {
+    var o;
+    if (this.tooltipDOM.style.overflowY = "hidden", this.tooltipDOM.style.backgroundColor = e.backgroundColor, this.tooltipDOM.style.border = `1px solid ${e.borderColor}`, this.tooltipDOM.style.color = ((o = e.fontColor) == null ? void 0 : o.title) ?? e.fontColor, this.tooltipHeaderDOM.style.fontSize = `${e.fontSize.title}px`, this.tooltipHeaderDOM.style.fontFamily = this.getFontStyle("title"), e.useShadow) {
+      const t = `rgba(0, 0, 0, ${e.shadowOpacity})`;
+      this.tooltipDOM.style.boxShadow = `2px 2px 2px ${t}`;
+    }
+    this.tooltipDOM.style.display = "block";
+  },
+  /**
+   * Draw graph item highlight
+   * @param {object} hitInfo    mousemove callback
+   * @param {object} ctx        overlayCanvas context
+   *
+   * @returns {undefined}
+   */
+  drawItemsHighlight(e, o) {
+    Object.keys(e.items).forEach((t) => {
+      var l;
+      const s = this.seriesList[t];
+      s.itemHighlight(
+        e.items[t],
+        o,
+        e.items[t].index,
+        (l = this.options) == null ? void 0 : l.unSelectedOpacity
+      ), R.isDoughnutHole(s.type) && this.drawDoughnutHole(o);
+    });
+  },
+  /**
+   * Draw chart indicator with mousemove
+   * @param {object} offset    mousemove callback
+   * @param {string} color     indicator color
+   *
+   * @returns {undefined}
+   */
+  drawIndicator(e, o) {
+    var m;
+    const t = this.overlayCtx, [s, l] = e, a = {
+      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
+    }, n = 15, r = 15, i = this.options;
+    s >= a.x1 - n && s <= a.x2 + n && l >= a.y1 - r && l <= a.y2 + r && (t.beginPath(), t.save(), t.strokeStyle = o, t.lineWidth = 1, (m = i.indicator) != null && m.segments && t.setLineDash(i.indicator.segments), i.horizontal ? (t.moveTo(a.x1, l + 0.5), t.lineTo(a.x2, l + 0.5)) : (t.moveTo(s + 0.5, a.y1), t.lineTo(s + 0.5, a.y2)), t.stroke(), t.restore(), t.closePath());
+  },
+  /**
+   * Get hovered axis label with mousemove
+   * @param {object} offset   mousemove callback
+   *
+   * @returns {number | null} hovered axis label
+   */
+  getTimeLabel(e) {
+    var h, p;
+    const o = this.options;
+    if (o.syncHover === !1 || !o.horizontal && !o.axesX.every(({ type: y }) => y === "time") || o.horizontal && !o.axesY.every(({ type: y }) => y === "time"))
+      return null;
+    const t = +((h = this.data.labels) == null ? void 0 : h[0]), s = +((p = this.data.labels) == null ? void 0 : p[this.data.labels.length - 1]);
+    if (t == null || s == null)
+      return null;
+    const [l, a] = e, 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
+    };
+    if (o.horizontal) {
+      const y = n.y2 - n.y1, d = (a - n.y1) * (s - t) / y + t;
+      return Math.round(d);
+    }
+    const r = n.x2 - n.x1, m = (l - n.x1) * (s - t) / r + t;
+    return Math.round(m);
+  },
+  /**
+   * Draw chart indicator with other grouped chart's mousemove
+   * @param {object} hoveredLabel   chart direction and hovered axis label
+   *
+   * @returns {undefined}
+   */
+  drawSyncedIndicator({ horizontal: e, label: o, mousePosition: t, dataLabel: s }) {
+    var d, c;
+    if (!this._canDrawSyncedIndicator(e, t))
+      return;
+    if (s) {
+      this.drawSyncedIndicatorForTooltip({ dataLabel: s, mousePosition: t });
+      return;
+    }
+    const l = +((d = this.data.labels) == null ? void 0 : d[0]), a = +((c = this.data.labels) == null ? void 0 : c[this.data.labels.length - 1]), [n, r] = t, { top: i, bottom: m, left: h, right: p } = this.chartDOM.getBoundingClientRect();
+    if ($(n, h, p) && $(r, m, i))
+      return;
+    this.overlayClear();
+    const f = {
+      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
+    };
+    if (e) {
+      const x = (f.y2 - f.y1) * (o - l) / (a - l) + f.y1;
+      this.drawIndicator([f.x2, x], this.options.indicator.color);
+    } else {
+      const x = (f.x2 - f.x1) * (o - l) / (a - l) + f.x1;
+      this.drawIndicator([x, f.y2], this.options.indicator.color);
+    }
+  },
+  _canDrawSyncedIndicator(e, o) {
+    return !o || !!e != !!this.options.horizontal ? !1 : this._isTimeBasedSyncEnabled(e) && this._hasValidTimeRange();
+  },
+  _isTimeBasedSyncEnabled(e) {
+    var t, s;
+    return this.options.syncHover === !1 || !((s = (t = this.data) == null ? void 0 : t.labels) != null && s.length) ? !1 : e ? this.options.axesY.every(({ type: l }) => l === "time") : this.options.axesX.every(({ type: l }) => l === "time");
+  },
+  _hasValidTimeRange() {
+    var t, s;
+    const e = +((t = this.data.labels) == null ? void 0 : t[0]), o = +((s = this.data.labels) == null ? void 0 : s[this.data.labels.length - 1]);
+    return e != null && o != null;
+  },
+  /**
+   * 제공된 dataLabel과 일치하는 Label이 있다면 indicator를 그림
+   * @param {object} dataLabel   data label
+   * @param {object} mousePosition   mouse position
+   *
+   * @returns {undefined}
+   */
+  drawSyncedIndicatorForTooltip({ dataLabel: e, mousePosition: o }) {
+    var p, y, f, d, c, M, x, u, H, C, v, P, D;
+    if (!((p = this.data) != null && p.labels) || !e)
+      return;
+    const t = this.data.labels.findIndex(
+      (O) => (O == null ? void 0 : O.valueOf()) === (e == null ? void 0 : e.valueOf())
+    );
+    if (t === -1) {
+      this.overlayClear();
+      return;
+    }
+    const { horizontal: s } = this.options, l = this.chartDOM.getBoundingClientRect(), [a, n] = o;
+    if ($(a, l.left, l.right) && $(n, l.bottom, l.top))
+      return;
+    this.overlayClear();
+    const i = {
+      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
+    }, m = this.data.labels.length;
+    let h;
+    if (s) {
+      const O = i.y2 - i.y1, b = (y = this.options.axesY) == null ? void 0 : y.some((g) => g.categoryMode), T = (f = this.options.axesY) == null ? void 0 : f.some((g) => g.type === "time");
+      let w;
+      if (b)
+        w = i.y1 + O * (t + 0.5) / m;
+      else if (T) {
+        const g = (c = (d = this.axesSteps) == null ? void 0 : d.y) == null ? void 0 : c[0], S = (g == null ? void 0 : g.graphMin) ?? +((M = this.data.labels) == null ? void 0 : M[0]), Y = (g == null ? void 0 : g.graphMax) ?? +((x = this.data.labels) == null ? void 0 : x[this.data.labels.length - 1]);
+        w = i.y1 + O * (+e - S) / (Y - S);
+      } else
+        w = i.y1 + O * t / (m - 1);
+      h = [i.x2, w];
+    } else {
+      const O = i.x2 - i.x1, b = (u = this.options.axesX) == null ? void 0 : u.some((g) => g.categoryMode), T = (H = this.options.axesX) == null ? void 0 : H.some((g) => g.type === "time");
+      let w;
+      if (b)
+        w = i.x1 + O * (t + 0.5) / m;
+      else if (T) {
+        const g = (v = (C = this.axesSteps) == null ? void 0 : C.x) == null ? void 0 : v[0], S = (g == null ? void 0 : g.graphMin) ?? +((P = this.data.labels) == null ? void 0 : P[0]), Y = (g == null ? void 0 : g.graphMax) ?? +((D = this.data.labels) == null ? void 0 : D[this.data.labels.length - 1]);
+        w = i.x1 + O * (+e - S) / (Y - S);
+      } else
+        w = i.x1 + O * t / (m - 1);
+      h = [w, i.y2];
+    }
+    this.drawIndicator(h, this.options.indicator.color);
+  },
+  /**
+   * Clear tooltip canvas
+   *
+   * @returns {undefined}
+   */
+  tooltipClear() {
+    this.clearRectRatio = this.pixelRatio < 1 ? this.pixelRatio : 1, this.tooltipCtx.clearRect(
+      0,
+      0,
+      this.tooltipCanvas.width / this.clearRectRatio,
+      this.tooltipCanvas.height / this.clearRectRatio
+    ), this.tooltipDOM.style.display = "none";
+  },
+  /**
+   * Order series list by groups
+   * @param {array} sKeys    series list that is hit by mouse cursor. (not all of series)
+   *
+   * @returns {array} ordered series list by groups
+   */
+  alignSeriesList(e) {
+    const o = this.data.groups, t = this.seriesList, s = [];
+    return o.forEach((l) => {
+      l.slice().reverse().forEach((a) => {
+        const n = t[a];
+        n && n.showLegend && e.includes(a) && s.push(a);
+      });
+    }), Object.keys(t).forEach((l) => {
+      const a = t[l];
+      !a.isExistGrp && a.showLegend && e.includes(l) && s.push(l);
+    }), s;
+  },
+  tooltipDestroy() {
+    this.tooltipDOM && (this.tooltipDOM.remove(), this.tooltipDOM = null), this.isInitTooltip = !1;
+  }
+};
+export {
+  dt as default
+};