@hybridcore/ui 1.5.78 → 1.5.80

package/dist/components/charts/highlighting-line-data/logic.js

@@ -0,0 +1,836 @@
+import { S as ae, L as $, T as F, C as te, m as P, R as ie, k as se, X as oe, G as Y, e as I, i as ne, l as we, j as he, n as ye, a as le, b as Te, A as Pe, c as Fe, d as Le, D as De, f as Ae, V as Ce, h as Oe, o as Xe, g as $e, p as re } from "../../../AxisRendererY-CFo972D5.js";
+import { useThemeProps as Me } from "@mui/material";
+import { useRef as Q, useLayoutEffect as Ye } from "react";
+class H extends ae {
+  constructor() {
+    super(...arguments), Object.defineProperty(this, "itemContainers", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: this.addDisposer(new $(F.new({}), () => te._new(this._root, {
+        themeTags: P(this.itemContainers.template.get("themeTags", []), ["legend", "item"]),
+        themeTagsSelf: P(this.itemContainers.template.get("themeTagsSelf", []), ["itemcontainer"]),
+        background: ie.new(this._root, {
+          themeTags: P(this.itemContainers.template.get("themeTags", []), ["legend", "item", "background"]),
+          themeTagsSelf: P(this.itemContainers.template.get("themeTagsSelf", []), ["itemcontainer"])
+        })
+      }, [this.itemContainers.template])))
+    }), Object.defineProperty(this, "markers", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: this.addDisposer(new $(F.new({}), () => te._new(this._root, {
+        themeTags: P(this.markers.template.get("themeTags", []), ["legend", "marker"])
+      }, [this.markers.template])))
+    }), Object.defineProperty(this, "labels", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: this.addDisposer(new $(F.new({}), () => se._new(this._root, {
+        themeTags: P(this.labels.template.get("themeTags", []), ["legend", "label"])
+      }, [this.labels.template])))
+    }), Object.defineProperty(this, "valueLabels", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: this.addDisposer(new $(F.new({}), () => se._new(this._root, {
+        themeTags: P(this.valueLabels.template.get("themeTags", []), ["legend", "label", "value"])
+      }, [this.valueLabels.template])))
+    }), Object.defineProperty(this, "markerRectangles", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: this.addDisposer(new $(F.new({}), () => ie._new(this._root, {
+        themeTags: P(this.markerRectangles.template.get("themeTags", []), ["legend", "marker", "rectangle"])
+      }, [this.markerRectangles.template])))
+    });
+  }
+  _afterNew() {
+    this._settings.themeTags = P(this._settings.themeTags, ["legend"]), this.fields.push("name", "stroke", "fill"), super._afterNew();
+  }
+  /**
+   * @ignore
+   */
+  makeItemContainer(e) {
+    const t = this.children.push(this.itemContainers.make());
+    return t._setDataItem(e), this.itemContainers.push(t), t.states.create("disabled", {}), t;
+  }
+  /**
+   * @ignore
+   */
+  makeMarker() {
+    const e = this.markers.make();
+    return this.markers.push(e), e.states.create("disabled", {}), e;
+  }
+  /**
+   * @ignore
+   */
+  makeLabel() {
+    const e = this.labels.make();
+    return e.states.create("disabled", {}), e;
+  }
+  /**
+   * @ignore
+   */
+  makeValueLabel() {
+    const e = this.valueLabels.make();
+    return e.states.create("disabled", {}), e;
+  }
+  /**
+   * @ignore
+   */
+  makeMarkerRectangle() {
+    const e = this.markerRectangles.make();
+    return e.states.create("disabled", {}), e;
+  }
+  processDataItem(e) {
+    super.processDataItem(e);
+    const t = this.makeItemContainer(e), i = this.get("nameField"), l = this.get("fillField"), h = this.get("strokeField");
+    if (t) {
+      const f = this.get("clickTarget", "itemContainer"), n = e.dataContext;
+      n && n.set && n.set("legendDataItem", e), t._setDataItem(e), e.set("itemContainer", t);
+      const c = this.makeMarker();
+      if (c) {
+        t.children.push(c), c._setDataItem(e), e.set("marker", c);
+        const s = this.get("useDefaultMarker"), a = c.children.push(this.makeMarkerRectangle());
+        let d = e.get("fill"), m = e.get("stroke");
+        e.set("markerRectangle", a), n && n.get && (d = n.get(l, d), m = n.get(h, m)), m || (m = d), s ? n.on && (n.on(l, () => {
+          a.set("fill", n.get(l));
+        }), n.on(h, () => {
+          a.set("stroke", n.get(h));
+        })) : n && n.createLegendMarker && n.createLegendMarker(), a.setAll({ fill: d, stroke: m });
+        const p = n.component;
+        p && p.updateLegendMarker && p.updateLegendMarker(n);
+      }
+      const r = this.makeLabel();
+      if (r) {
+        t.children.push(r), r._setDataItem(e), e.set("label", r), r.text.on("text", () => {
+          t.setRaw("ariaLabel", r.text._getText() + (this.get("clickTarget") !== "none" ? "; " + this._t("Press ENTER to toggle") : "")), t.markDirtyAccessibility();
+        }), n && n.get && e.set("name", n.get(i));
+        let s = e.get("name");
+        s && r.set("text", s);
+      }
+      const o = this.makeValueLabel();
+      if (o && (t.children.push(o), o._setDataItem(e), e.set("valueLabel", o)), n && n.show && (n.on("visible", (s) => {
+        t.set("disabled", !s);
+      }), n.get("visible") || t.set("disabled", !0), f != "none")) {
+        let s = t;
+        f == "marker" && (s = c), this._addClickEvents(s, n, e);
+      }
+      this.children.values.sort((s, a) => {
+        const d = s.dataItem.dataContext, m = a.dataItem.dataContext;
+        if (d && m) {
+          const p = this.data.indexOf(d), g = this.data.indexOf(m);
+          if (p > g)
+            return 1;
+          if (p < g)
+            return -1;
+        }
+        return 0;
+      }), n && n.updateLegendValue && n.updateLegendValue();
+    }
+  }
+  _addClickEvents(e, t, i) {
+    e.set("cursorOverStyle", "pointer"), e.events.on("pointerover", () => {
+      const l = t.component;
+      l && l.hoverDataItem && l.hoverDataItem(t);
+    }), e.events.on("pointerout", () => {
+      const l = t.component;
+      l && l.hoverDataItem && l.unhoverDataItem(t);
+    }), e.events.on("click", () => {
+      const l = i.get("label").text._getText();
+      t.show && t.isHidden && (t.isHidden() || t.get("visible") === !1) ? (t.show(), e.set("disabled", !1), this._root.readerAlert(this._t("%1 shown", this._root.locale, l))) : t.hide && (t.hide(), e.set("disabled", !0), this._root.readerAlert(this._t("%1 hidden", this._root.locale, l)));
+    });
+  }
+  /**
+   * @ignore
+   */
+  disposeDataItem(e) {
+    super.disposeDataItem(e);
+    const t = e.dataContext;
+    t && t.get && t.get("legendDataItem") == e && t.set("legendDataItem", void 0);
+    let i = e.get("itemContainer");
+    i && (this.itemContainers.removeValue(i), i.dispose());
+    let l = e.get("marker");
+    l && (this.markers.removeValue(l), l.dispose());
+    let h = e.get("markerRectangle");
+    h && (this.markerRectangles.removeValue(h), h.dispose());
+    let f = e.get("label");
+    f && (this.labels.removeValue(f), f.dispose());
+    let n = e.get("valueLabel");
+    n && (this.valueLabels.removeValue(n), n.dispose());
+  }
+}
+Object.defineProperty(H, "className", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: "Legend"
+});
+Object.defineProperty(H, "classNames", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: ae.classNames.concat([H.className])
+});
+function w(u) {
+  return function() {
+    return u;
+  };
+}
+const U = Math.PI, J = 2 * U, S = 1e-6, Se = J - S;
+function ue(u) {
+  this._ += u[0];
+  for (let e = 1, t = u.length; e < t; ++e)
+    this._ += arguments[e] + u[e];
+}
+function Re(u) {
+  let e = Math.floor(u);
+  if (!(e >= 0)) throw new Error(`invalid digits: ${u}`);
+  if (e > 15) return ue;
+  const t = 10 ** e;
+  return function(i) {
+    this._ += i[0];
+    for (let l = 1, h = i.length; l < h; ++l)
+      this._ += Math.round(arguments[l] * t) / t + i[l];
+  };
+}
+class je {
+  constructor(e) {
+    this._x0 = this._y0 = // start of current subpath
+    this._x1 = this._y1 = null, this._ = "", this._append = e == null ? ue : Re(e);
+  }
+  moveTo(e, t) {
+    this._append`M${this._x0 = this._x1 = +e},${this._y0 = this._y1 = +t}`;
+  }
+  closePath() {
+    this._x1 !== null && (this._x1 = this._x0, this._y1 = this._y0, this._append`Z`);
+  }
+  lineTo(e, t) {
+    this._append`L${this._x1 = +e},${this._y1 = +t}`;
+  }
+  quadraticCurveTo(e, t, i, l) {
+    this._append`Q${+e},${+t},${this._x1 = +i},${this._y1 = +l}`;
+  }
+  bezierCurveTo(e, t, i, l, h, f) {
+    this._append`C${+e},${+t},${+i},${+l},${this._x1 = +h},${this._y1 = +f}`;
+  }
+  arcTo(e, t, i, l, h) {
+    if (e = +e, t = +t, i = +i, l = +l, h = +h, h < 0) throw new Error(`negative radius: ${h}`);
+    let f = this._x1, n = this._y1, c = i - e, r = l - t, o = f - e, s = n - t, a = o * o + s * s;
+    if (this._x1 === null)
+      this._append`M${this._x1 = e},${this._y1 = t}`;
+    else if (a > S) if (!(Math.abs(s * c - r * o) > S) || !h)
+      this._append`L${this._x1 = e},${this._y1 = t}`;
+    else {
+      let d = i - f, m = l - n, p = c * c + r * r, g = d * d + m * m, v = Math.sqrt(p), y = Math.sqrt(a), _ = h * Math.tan((U - Math.acos((p + a - g) / (2 * v * y))) / 2), x = _ / y, D = _ / v;
+      Math.abs(x - 1) > S && this._append`L${e + x * o},${t + x * s}`, this._append`A${h},${h},0,0,${+(s * d > o * m)},${this._x1 = e + D * c},${this._y1 = t + D * r}`;
+    }
+  }
+  arc(e, t, i, l, h, f) {
+    if (e = +e, t = +t, i = +i, f = !!f, i < 0) throw new Error(`negative radius: ${i}`);
+    let n = i * Math.cos(l), c = i * Math.sin(l), r = e + n, o = t + c, s = 1 ^ f, a = f ? l - h : h - l;
+    this._x1 === null ? this._append`M${r},${o}` : (Math.abs(this._x1 - r) > S || Math.abs(this._y1 - o) > S) && this._append`L${r},${o}`, i && (a < 0 && (a = a % J + J), a > Se ? this._append`A${i},${i},0,1,${s},${e - n},${t - c}A${i},${i},0,1,${s},${this._x1 = r},${this._y1 = o}` : a > S && this._append`A${i},${i},0,${+(a >= U)},${s},${this._x1 = e + i * Math.cos(h)},${this._y1 = t + i * Math.sin(h)}`);
+  }
+  rect(e, t, i, l) {
+    this._append`M${this._x0 = this._x1 = +e},${this._y0 = this._y1 = +t}h${i = +i}v${+l}h${-i}Z`;
+  }
+  toString() {
+    return this._;
+  }
+}
+function ce(u) {
+  let e = 3;
+  return u.digits = function(t) {
+    if (!arguments.length) return e;
+    if (t == null)
+      e = null;
+    else {
+      const i = Math.floor(t);
+      if (!(i >= 0)) throw new RangeError(`invalid digits: ${t}`);
+      e = i;
+    }
+    return u;
+  }, () => new je(e);
+}
+function fe(u) {
+  return typeof u == "object" && "length" in u ? u : Array.from(u);
+}
+function de(u) {
+  this._context = u;
+}
+de.prototype = {
+  areaStart: function() {
+    this._line = 0;
+  },
+  areaEnd: function() {
+    this._line = NaN;
+  },
+  lineStart: function() {
+    this._point = 0;
+  },
+  lineEnd: function() {
+    (this._line || this._line !== 0 && this._point === 1) && this._context.closePath(), this._line = 1 - this._line;
+  },
+  point: function(u, e) {
+    switch (u = +u, e = +e, this._point) {
+      case 0:
+        this._point = 1, this._line ? this._context.lineTo(u, e) : this._context.moveTo(u, e);
+        break;
+      case 1:
+        this._point = 2;
+      default:
+        this._context.lineTo(u, e);
+        break;
+    }
+  }
+};
+function pe(u) {
+  return new de(u);
+}
+function me(u) {
+  return u[0];
+}
+function ge(u) {
+  return u[1];
+}
+function be(u, e) {
+  var t = w(!0), i = null, l = pe, h = null, f = ce(n);
+  u = typeof u == "function" ? u : u === void 0 ? me : w(u), e = typeof e == "function" ? e : e === void 0 ? ge : w(e);
+  function n(c) {
+    var r, o = (c = fe(c)).length, s, a = !1, d;
+    for (i == null && (h = l(d = f())), r = 0; r <= o; ++r)
+      !(r < o && t(s = c[r], r, c)) === a && ((a = !a) ? h.lineStart() : h.lineEnd()), a && h.point(+u(s, r, c), +e(s, r, c));
+    if (d) return h = null, d + "" || null;
+  }
+  return n.x = function(c) {
+    return arguments.length ? (u = typeof c == "function" ? c : w(+c), n) : u;
+  }, n.y = function(c) {
+    return arguments.length ? (e = typeof c == "function" ? c : w(+c), n) : e;
+  }, n.defined = function(c) {
+    return arguments.length ? (t = typeof c == "function" ? c : w(!!c), n) : t;
+  }, n.curve = function(c) {
+    return arguments.length ? (l = c, i != null && (h = l(i)), n) : l;
+  }, n.context = function(c) {
+    return arguments.length ? (c == null ? i = h = null : h = l(i = c), n) : i;
+  }, n;
+}
+function Ee(u, e, t) {
+  var i = null, l = w(!0), h = null, f = pe, n = null, c = ce(r);
+  u = typeof u == "function" ? u : u === void 0 ? me : w(+u), e = typeof e == "function" ? e : w(e === void 0 ? 0 : +e), t = typeof t == "function" ? t : t === void 0 ? ge : w(+t);
+  function r(s) {
+    var a, d, m, p = (s = fe(s)).length, g, v = !1, y, _ = new Array(p), x = new Array(p);
+    for (h == null && (n = f(y = c())), a = 0; a <= p; ++a) {
+      if (!(a < p && l(g = s[a], a, s)) === v)
+        if (v = !v)
+          d = a, n.areaStart(), n.lineStart();
+        else {
+          for (n.lineEnd(), n.lineStart(), m = a - 1; m >= d; --m)
+            n.point(_[m], x[m]);
+          n.lineEnd(), n.areaEnd();
+        }
+      v && (_[a] = +u(g, a, s), x[a] = +e(g, a, s), n.point(i ? +i(g, a, s) : _[a], t ? +t(g, a, s) : x[a]));
+    }
+    if (y) return n = null, y + "" || null;
+  }
+  function o() {
+    return be().defined(l).curve(f).context(h);
+  }
+  return r.x = function(s) {
+    return arguments.length ? (u = typeof s == "function" ? s : w(+s), i = null, r) : u;
+  }, r.x0 = function(s) {
+    return arguments.length ? (u = typeof s == "function" ? s : w(+s), r) : u;
+  }, r.x1 = function(s) {
+    return arguments.length ? (i = s == null ? null : typeof s == "function" ? s : w(+s), r) : i;
+  }, r.y = function(s) {
+    return arguments.length ? (e = typeof s == "function" ? s : w(+s), t = null, r) : e;
+  }, r.y0 = function(s) {
+    return arguments.length ? (e = typeof s == "function" ? s : w(+s), r) : e;
+  }, r.y1 = function(s) {
+    return arguments.length ? (t = s == null ? null : typeof s == "function" ? s : w(+s), r) : t;
+  }, r.lineX0 = r.lineY0 = function() {
+    return o().x(u).y(e);
+  }, r.lineY1 = function() {
+    return o().x(u).y(t);
+  }, r.lineX1 = function() {
+    return o().x(i).y(e);
+  }, r.defined = function(s) {
+    return arguments.length ? (l = typeof s == "function" ? s : w(!!s), r) : l;
+  }, r.curve = function(s) {
+    return arguments.length ? (f = s, h != null && (n = f(h)), r) : f;
+  }, r.context = function(s) {
+    return arguments.length ? (s == null ? h = n = null : n = f(h = s), r) : h;
+  }, r;
+}
+class z extends oe {
+  constructor() {
+    super(...arguments), Object.defineProperty(this, "_endIndex", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "_strokeGenerator", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: be()
+    }), Object.defineProperty(this, "_fillGenerator", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: Ee()
+    }), Object.defineProperty(this, "_legendStroke", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "_legendFill", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "strokes", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: this.addDisposer(new $(F.new({}), () => Y._new(this._root, {
+        themeTags: P(this.strokes.template.get("themeTags", []), ["line", "series", "stroke"])
+      }, [this.strokes.template])))
+    }), Object.defineProperty(this, "fills", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: this.addDisposer(new $(F.new({}), () => Y._new(this._root, {
+        themeTags: P(this.strokes.template.get("themeTags", []), ["line", "series", "fill"])
+      }, [this.fills.template])))
+    }), Object.defineProperty(this, "_fillTemplate", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "_strokeTemplate", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "_previousPoint", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: [0, 0, 0, 0]
+    }), Object.defineProperty(this, "_dindex", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: 0
+    }), Object.defineProperty(this, "_sindex", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: 0
+    });
+  }
+  _afterNew() {
+    this._fillGenerator.y0(function(e) {
+      return e[3];
+    }), this._fillGenerator.x0(function(e) {
+      return e[2];
+    }), this._fillGenerator.y1(function(e) {
+      return e[1];
+    }), this._fillGenerator.x1(function(e) {
+      return e[0];
+    }), super._afterNew();
+  }
+  /**
+   * @ignore
+   */
+  makeStroke(e) {
+    const t = this.mainContainer.children.push(e.make());
+    return e.push(t), t;
+  }
+  /**
+   * @ignore
+   */
+  makeFill(e) {
+    const t = this.mainContainer.children.push(e.make());
+    return e.push(t), t;
+  }
+  _updateChildren() {
+    this._strokeTemplate = void 0, this._fillTemplate = void 0;
+    let e = this.get("xAxis"), t = this.get("yAxis");
+    if (this.isDirty("stroke")) {
+      const i = this.get("stroke");
+      this.strokes.template.set("stroke", i);
+      const l = this._legendStroke;
+      l && l.states.lookup("default").set("stroke", i);
+    }
+    if (this.isDirty("fill")) {
+      const i = this.get("fill");
+      this.fills.template.set("fill", i);
+      const l = this._legendFill;
+      l && l.states.lookup("default").set("fill", i);
+    }
+    if (this.isDirty("fillPattern")) {
+      const i = this.get("fillPattern");
+      this.fills.template.set("fillPattern", i);
+      const l = this._legendFill;
+      l && l.states.lookup("default").set("fillPattern", i);
+    }
+    if (this.isDirty("curveFactory")) {
+      const i = this.get("curveFactory");
+      i && (this._strokeGenerator.curve(i), this._fillGenerator.curve(i));
+    }
+    if (e.inited && t.inited) {
+      if (this._axesDirty || this._valuesDirty || this._stackDirty || this.isDirty("vcx") || this.isDirty("vcy") || this._sizeDirty || this.isDirty("connect") || this.isDirty("curveFactory")) {
+        this.fills.each((o) => {
+          o.setPrivate("visible", !1);
+        }), this.strokes.each((o) => {
+          o.setPrivate("visible", !1);
+        }), this.axisRanges.each((o) => {
+          let s = o.fills;
+          s && s.each((d) => {
+            d.setPrivate("visible", !1);
+          });
+          let a = o.strokes;
+          a && a.each((d) => {
+            d.setPrivate("visible", !1);
+          });
+        });
+        let i = this.startIndex(), l = this.strokes.template.get("templateField"), h = this.fills.template.get("templateField"), f = !0, n = !0;
+        l && (f = !1), h && (n = !1);
+        for (let o = i - 1; o >= 0; o--) {
+          let s = this.dataItems[o], a = !0, d = s.dataContext;
+          if (l && d[l] && (f = !0), h && d[h] && (n = !0), I(this._valueFields, (m) => {
+            le(s.get(m)) || (a = !1);
+          }), a && f && n) {
+            i = o;
+            break;
+          }
+        }
+        let c = this.dataItems.length, r = this.endIndex();
+        if (r < c) {
+          r++;
+          for (let o = r; o < c; o++) {
+            let s = this.dataItems[o], a = !0;
+            if (I(this._valueFields, (d) => {
+              le(s.get(d)) || (a = !1);
+            }), a) {
+              r = o + 1;
+              break;
+            }
+          }
+        }
+        if (i > 0 && i--, this._endIndex = r, this._clearGraphics(), this._sindex = 0, this._dindex = i, this.dataItems.length == 1)
+          this._startSegment(0);
+        else
+          for (; this._dindex < r - 1; )
+            this._startSegment(this._dindex), this._sindex++;
+      }
+    } else
+      this._skipped = !0;
+    super._updateChildren();
+  }
+  _clearGraphics() {
+    this.strokes.clear(), this.fills.clear(), this.axisRanges.each((e) => {
+      e.fills.clear(), e.strokes.clear();
+    });
+  }
+  _startSegment(e) {
+    let t = this._endIndex, i = t;
+    const l = this.get("autoGapCount"), h = this.get("connect"), f = this.makeFill(this.fills), n = this._fillTemplate, c = this.fills.template;
+    n && n != c && (f.template = n), f.setPrivate("visible", !0);
+    const r = this.makeStroke(this.strokes), o = this._strokeTemplate;
+    o && o != this.strokes.template && (r.template = o), r.setPrivate("visible", !0);
+    let s = this.get("xAxis"), a = this.get("yAxis"), d = this.get("baseAxis"), m = this.get("vcx", 1), p = this.get("vcy", 1), g = this._xField, v = this._yField, y = this._xOpenField, _ = this._yOpenField;
+    const x = this.get("openValueXField"), D = this.get("openValueYField");
+    x || (y = this._xField), D || (_ = this._yField);
+    const G = this.get("stacked"), W = s.basePosition(), q = a.basePosition();
+    let j;
+    d === a ? j = this._yField : j = this._xField;
+    const A = [];
+    let k = [];
+    A.push(k);
+    const M = this.strokes.template.get("templateField"), C = this.fills.template.get("templateField");
+    let L = this.get("locationX", 0.5), X = this.get("locationY", 0.5), _e = this.get("openLocationX", L), ke = this.get("openLocationY", X);
+    const ve = this.get("minDistance", 0);
+    let T, K = this.fills.template.get("visible");
+    this.axisRanges.length > 0 && (K = !0);
+    let ee = !1;
+    (G || x || D) && (ee = !0);
+    const Z = {
+      points: k,
+      segments: A,
+      stacked: G,
+      getOpen: ee,
+      basePosX: W,
+      basePosY: q,
+      fillVisible: K,
+      xField: g,
+      yField: v,
+      xOpenField: y,
+      yOpenField: _,
+      vcx: m,
+      vcy: p,
+      baseAxis: d,
+      xAxis: s,
+      yAxis: a,
+      locationX: L,
+      locationY: X,
+      openLocationX: _e,
+      openLocationY: ke,
+      minDistance: ve
+    };
+    let N = this._strokeTemplate, V = this._fillTemplate;
+    for (T = e; T < i; T++) {
+      this._dindex = T;
+      const O = this._dataItems[T];
+      let R = O.get(g), B = O.get(v);
+      if (R == null || B == null ? h || (k = [], A.push(k), Z.points = k) : this._getPoints(O, Z), M) {
+        let b = O.dataContext[M];
+        if (b)
+          if (b instanceof F || (b = F.new(b)), this._strokeTemplate = b, T > e) {
+            i = T;
+            break;
+          } else
+            N = b, r.template = b;
+      }
+      if (C) {
+        let b = O.dataContext[C];
+        if (b)
+          if (b instanceof F || (b = F.new(b)), this._fillTemplate = b, T > e) {
+            i = T;
+            break;
+          } else
+            V = b, f.template = b;
+      }
+      if (!h) {
+        let b = this.dataItems[T + 1];
+        b && d.shouldGap(O, b, l, j) && (k = [], A.push(k), Z.points = k);
+      }
+    }
+    f.setRaw("userData", [e, T]), r.setRaw("userData", [e, T]), T === t && this._endLine(k, A[0][0]), r && this._drawStroke(r, A), f && this._drawFill(f, A), this.axisRanges.each((O) => {
+      const R = O.container, B = O.fills, b = this.makeFill(B);
+      R && R.children.push(b), b.setPrivate("visible", !0), this._drawFill(b, A);
+      const xe = O.strokes, E = this.makeStroke(xe);
+      R && R.children.push(E), N && N != this.strokes.template && (E.template = N), V && V != this.fills.template && (b.template = V), E.setPrivate("visible", !0), this._drawStroke(E, A), b.setRaw("userData", [e, T]), E.setRaw("userData", [e, T]);
+    });
+  }
+  _getPoints(e, t) {
+    let i = t.points, l = e.get("locationX", t.locationX), h = e.get("locationY", t.locationY);
+    const f = this.get("exactLocationX", !1), n = this.get("exactLocationY", !1);
+    let c = t.xAxis.getDataItemPositionX(e, t.xField, l, t.vcx, f), r = t.yAxis.getDataItemPositionY(e, t.yField, h, t.vcy, n);
+    if (this._shouldInclude(c)) {
+      const o = this.getPoint(c, r), s = [o.x, o.y];
+      if (o.x += this._x, o.y += this._y, e.set("point", o), t.fillVisible) {
+        let a = c, d = r;
+        if (t.baseAxis === t.xAxis ? d = t.basePosY : t.baseAxis === t.yAxis && (a = t.basePosX), t.getOpen) {
+          let p = e.get(t.xOpenField), g = e.get(t.yOpenField);
+          if (p != null && g != null) {
+            let v = e.get("openLocationX", t.openLocationX), y = e.get("openLocationY", t.openLocationY);
+            if (t.stacked) {
+              let _ = e.get("stackToItemX"), x = e.get("stackToItemY");
+              _ ? (a = t.xAxis.getDataItemPositionX(_, t.xField, v, _.component.get("vcx"), f), ne(a) && (a = t.basePosX)) : t.yAxis === t.baseAxis ? a = t.basePosX : a = t.xAxis.getDataItemPositionX(e, t.xOpenField, v, t.vcx, f), x ? (d = t.yAxis.getDataItemPositionY(x, t.yField, y, x.component.get("vcy"), n), ne(d) && (d = t.basePosY)) : t.xAxis === t.baseAxis ? d = t.basePosY : d = t.yAxis.getDataItemPositionY(e, t.yOpenField, y, t.vcy, n);
+            } else
+              a = t.xAxis.getDataItemPositionX(e, t.xOpenField, v, t.vcx, f), d = t.yAxis.getDataItemPositionY(e, t.yOpenField, y, t.vcy, n);
+          }
+        }
+        let m = this.getPoint(a, d);
+        s[2] = m.x, s[3] = m.y;
+      }
+      if (t.minDistance > 0) {
+        const a = s[0], d = s[1], m = s[2], p = s[3], g = this._previousPoint, v = g[0], y = g[1], _ = g[2], x = g[3];
+        (Math.hypot(a - v, d - y) > t.minDistance || m && p && Math.hypot(m - _, p - x) > t.minDistance) && (i.push(s), this._previousPoint = s);
+      } else
+        i.push(s);
+    }
+  }
+  _endLine(e, t) {
+  }
+  _drawStroke(e, t) {
+    e.get("visible") && !e.get("forceHidden") && e.set("draw", (i) => {
+      I(t, (l) => {
+        this._strokeGenerator.context(i), this._strokeGenerator(l);
+      });
+    });
+  }
+  _drawFill(e, t) {
+    e.get("visible") && !e.get("forceHidden") && e.set("draw", (i) => {
+      I(t, (l) => {
+        this._fillGenerator.context(i), this._fillGenerator(l);
+      });
+    });
+  }
+  _processAxisRange(e) {
+    super._processAxisRange(e), e.fills = new $(F.new({}), () => Y._new(this._root, {
+      themeTags: P(e.fills.template.get("themeTags", []), ["line", "series", "fill"])
+    }, [this.fills.template, e.fills.template])), e.strokes = new $(F.new({}), () => Y._new(this._root, {
+      themeTags: P(e.strokes.template.get("themeTags", []), ["line", "series", "stroke"])
+    }, [this.strokes.template, e.strokes.template]));
+  }
+  /**
+   * @ignore
+   */
+  createLegendMarker(e) {
+    const t = this.get("legendDataItem");
+    if (t) {
+      const i = t.get("marker"), l = t.get("markerRectangle");
+      l && l.setPrivate("visible", !1), i.set("background", we.new(i._root, { fillOpacity: 0, fill: he(0) }));
+      const h = i.children.push(Y._new(i._root, {
+        themeTags: ["line", "series", "legend", "marker", "stroke"],
+        interactive: !1
+      }, [this.strokes.template]));
+      this._legendStroke = h;
+      const f = i.children.push(Y._new(i._root, {
+        themeTags: ["line", "series", "legend", "marker", "fill"]
+      }, [this.fills.template]));
+      this._legendFill = f;
+      const n = this._root.interfaceColors.get("disabled");
+      if (h.states.create("disabled", { fill: n, stroke: n }), f.states.create("disabled", { fill: n, stroke: n }), this.bullets.length > 0) {
+        const c = this.bullets.getIndex(0);
+        if (c) {
+          const r = c(i._root, this, new ye(this, { legend: !0 }, {}));
+          if (r) {
+            const o = r.get("sprite");
+            o instanceof Y && o.states.create("disabled", { fill: n, stroke: n }), o && (o.setAll({
+              tooltipText: void 0,
+              tooltipHTML: void 0,
+              focusable: void 0,
+              focusableGroup: void 0,
+              ariaLabel: void 0
+            }), i.children.push(o), o.setAll({ x: i.width() / 2, y: i.height() / 2 }), i.events.on("boundschanged", () => {
+              o.setAll({ x: i.width() / 2, y: i.height() / 2 });
+            }));
+          }
+        }
+      }
+    }
+  }
+}
+Object.defineProperty(z, "className", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: "LineSeries"
+});
+Object.defineProperty(z, "classNames", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: oe.classNames.concat([z.className])
+});
+const Ie = (u) => {
+  const e = Me({
+    props: u,
+    name: "MuiHighlightLineChart"
+  }), {
+    seriesData: t,
+    height: i = "500px",
+    width: l = "100%",
+    chartId: h = "highlight-line-chart",
+    showLegend: f = !0,
+    loading: n = !1,
+    emptyMessage: c = "No data available",
+    sx: r,
+    ...o
+  } = e, s = {
+    ...e,
+    height: i,
+    width: l,
+    chartId: h,
+    showLegend: f,
+    loading: n,
+    emptyMessage: c
+  }, a = Q(null), d = Q(null), m = Q(null);
+  return Ye(() => {
+    if (!m.current) return;
+    const p = Te.new(m.current);
+    d.current = p, p.setThemes([Pe.new(p)]);
+    const g = p.container.children.push(
+      Fe.new(p, {
+        panX: !0,
+        panY: !0,
+        wheelX: "panX",
+        wheelY: "zoomX",
+        pinchZoomX: !0
+      })
+    );
+    a.current = g, g.set(
+      "cursor",
+      Le.new(p, {
+        behavior: "zoomX"
+      })
+    ).lineY.set("visible", !1);
+    const v = g.xAxes.push(
+      De.new(p, {
+        maxDeviation: 0.3,
+        baseInterval: { timeUnit: "day", count: 1 },
+        renderer: Ae.new(p, {
+          minorGridEnabled: !0
+        })
+      })
+    ), y = g.yAxes.push(
+      Ce.new(p, {
+        renderer: Oe.new(p, {})
+      })
+    ), _ = [], x = Xe.new(p, {});
+    t.forEach((k, M) => {
+      const C = k.color ? he(k.color) : x.getIndex(M), L = g.series.push(
+        z.new(p, {
+          name: k.name,
+          xAxis: v,
+          yAxis: y,
+          valueYField: "value",
+          valueXField: "date",
+          stroke: C,
+          fill: C,
+          tooltip: $e.new(p, {
+            labelText: "{name}: {valueY}"
+          })
+        })
+      );
+      L.strokes.template.setAll({
+        strokeWidth: 2
+      }), L.data.setAll(k.data), _.push(L);
+    });
+    let D = null;
+    f && (D = g.children.push(
+      H.new(p, {
+        centerX: re(50),
+        x: re(50),
+        layout: p.horizontalLayout
+      })
+    ), D.data.setAll(g.series.values));
+    const G = 1, W = 0.2, q = 4, j = (k) => {
+      var L;
+      const C = (L = k.target.dataItem) == null ? void 0 : L.dataContext;
+      C && (C.strokes.template.set("strokeOpacity", 1), C.strokes.template.set("strokeWidth", q), _.forEach((X) => {
+        X !== C && (X.strokes.template.set("strokeOpacity", W), X.strokes.template.set("strokeWidth", 1));
+      }));
+    }, A = (k) => {
+      var L;
+      ((L = k.target.dataItem) == null ? void 0 : L.dataContext) && _.forEach((X) => {
+        X.strokes.template.set("strokeOpacity", G), X.strokes.template.set("strokeWidth", 2);
+      });
+    };
+    return D && (D.markers.template.events.on("pointerover", j), D.markers.template.events.on("pointerout", A)), g.appear(1e3, 100), _.forEach((k, M) => {
+      k.appear(1e3, 100 * (M + 1));
+    }), () => {
+      p.dispose();
+    };
+  }, [h, t, f]), {
+    chartDivRef: m,
+    seriesData: t,
+    height: i,
+    width: l,
+    chartId: h,
+    showLegend: f,
+    loading: n,
+    emptyMessage: c,
+    sx: r,
+    other: o,
+    ownerState: s
+  };
+};
+export {
+  Ie as useHighlightLineChartLogic
+};