evui 3.5.0 → 3.5.2

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

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