@hybridcore/ui 1.5.80 → 1.5.82

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

@@ -1,52 +1,54 @@
-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 {
+import { S as V, L as C, T, C as A, m as f, R as O, a as X, b as W, A as z, X as B, c as G, V as I, d as U, e as Z, f as q, g as J, p as M } from "../../../AxisRendererY-kADUad00.js";
+import { useThemeProps as K } from "@mui/material";
+import { useRef as R, useLayoutEffect as Q } from "react";
+import { X as $, D as ee } from "../../../DateAxis-CMum47iz.js";
+import { L as te } from "../../../LineSeries-CfcpoYla.js";
+class D extends V {
   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"])
+      value: this.addDisposer(new C(T.new({}), () => A._new(this._root, {
+        themeTags: f(this.itemContainers.template.get("themeTags", []), ["legend", "item"]),
+        themeTagsSelf: f(this.itemContainers.template.get("themeTagsSelf", []), ["itemcontainer"]),
+        background: O.new(this._root, {
+          themeTags: f(this.itemContainers.template.get("themeTags", []), ["legend", "item", "background"]),
+          themeTagsSelf: f(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"])
+      value: this.addDisposer(new C(T.new({}), () => A._new(this._root, {
+        themeTags: f(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"])
+      value: this.addDisposer(new C(T.new({}), () => X._new(this._root, {
+        themeTags: f(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"])
+      value: this.addDisposer(new C(T.new({}), () => X._new(this._root, {
+        themeTags: f(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"])
+      value: this.addDisposer(new C(T.new({}), () => O._new(this._root, {
+        themeTags: f(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();
+    this._settings.themeTags = f(this._settings.themeTags, ["legend"]), this.fields.push("name", "stroke", "fill"), super._afterNew();
   }
   /**
    * @ignore
@@ -85,61 +87,61 @@ class H extends ae {
   }
   processDataItem(e) {
     super.processDataItem(e);
-    const t = this.makeItemContainer(e), i = this.get("nameField"), l = this.get("fillField"), h = this.get("strokeField");
+    const t = this.makeItemContainer(e), c = this.get("nameField"), r = this.get("fillField"), l = 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 o = this.get("clickTarget", "itemContainer"), s = e.dataContext;
+      s && s.set && s.set("legendDataItem", e), t._setDataItem(e), e.set("itemContainer", t);
+      const m = this.makeMarker();
+      if (m) {
+        t.children.push(m), m._setDataItem(e), e.set("marker", m);
+        const i = this.get("useDefaultMarker"), k = m.children.push(this.makeMarkerRectangle());
+        let g = e.get("fill"), n = e.get("stroke");
+        e.set("markerRectangle", k), s && s.get && (g = s.get(r, g), n = s.get(l, n)), n || (n = g), i ? s.on && (s.on(r, () => {
+          k.set("fill", s.get(r));
+        }), s.on(l, () => {
+          k.set("stroke", s.get(l));
+        })) : s && s.createLegendMarker && s.createLegendMarker(), k.setAll({ fill: g, stroke: n });
+        const a = s.component;
+        a && a.updateLegendMarker && a.updateLegendMarker(s);
       }
-      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 d = this.makeLabel();
+      if (d) {
+        t.children.push(d), d._setDataItem(e), e.set("label", d), d.text.on("text", () => {
+          t.setRaw("ariaLabel", d.text._getText() + (this.get("clickTarget") !== "none" ? "; " + this._t("Press ENTER to toggle") : "")), t.markDirtyAccessibility();
+        }), s && s.get && e.set("name", s.get(c));
+        let i = e.get("name");
+        i && d.set("text", i);
       }
-      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);
+      const v = this.makeValueLabel();
+      if (v && (t.children.push(v), v._setDataItem(e), e.set("valueLabel", v)), s && s.show && (s.on("visible", (i) => {
+        t.set("disabled", !i);
+      }), s.get("visible") || t.set("disabled", !0), o != "none")) {
+        let i = t;
+        o == "marker" && (i = m), this._addClickEvents(i, s, 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)
+      this.children.values.sort((i, k) => {
+        const g = i.dataItem.dataContext, n = k.dataItem.dataContext;
+        if (g && n) {
+          const a = this.data.indexOf(g), h = this.data.indexOf(n);
+          if (a > h)
             return 1;
-          if (p < g)
+          if (a < h)
             return -1;
         }
         return 0;
-      }), n && n.updateLegendValue && n.updateLegendValue();
+      }), s && s.updateLegendValue && s.updateLegendValue();
     }
   }
-  _addClickEvents(e, t, i) {
+  _addClickEvents(e, t, c) {
     e.set("cursorOverStyle", "pointer"), e.events.on("pointerover", () => {
-      const l = t.component;
-      l && l.hoverDataItem && l.hoverDataItem(t);
+      const r = t.component;
+      r && r.hoverDataItem && r.hoverDataItem(t);
     }), e.events.on("pointerout", () => {
-      const l = t.component;
-      l && l.hoverDataItem && l.unhoverDataItem(t);
+      const r = t.component;
+      r && r.hoverDataItem && r.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)));
+      const r = c.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, r))) : t.hide && (t.hide(), e.set("disabled", !0), this._root.readerAlert(this._t("%1 hidden", this._root.locale, r)));
     });
   }
   /**
@@ -149,604 +151,59 @@ class H extends ae {
     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());
+    let c = e.get("itemContainer");
+    c && (this.itemContainers.removeValue(c), c.dispose());
+    let r = e.get("marker");
+    r && (this.markers.removeValue(r), r.dispose());
+    let l = e.get("markerRectangle");
+    l && (this.markerRectangles.removeValue(l), l.dispose());
+    let o = e.get("label");
+    o && (this.labels.removeValue(o), o.dispose());
+    let s = e.get("valueLabel");
+    s && (this.valueLabels.removeValue(s), s.dispose());
   }
 }
-Object.defineProperty(H, "className", {
+Object.defineProperty(D, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "Legend"
 });
-Object.defineProperty(H, "classNames", {
+Object.defineProperty(D, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: ae.classNames.concat([H.className])
+  value: V.classNames.concat([D.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,
+const le = (y) => {
+  const e = K({
+    props: y,
     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 = {
+    height: c = "500px",
+    width: r = "100%",
+    chartId: l = "highlight-line-chart",
+    showLegend: o = !0,
+    loading: s = !1,
+    emptyMessage: m = "No data available",
+    sx: d,
+    ...v
+  } = e, i = {
     ...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, {
+    height: c,
+    width: r,
+    chartId: l,
+    showLegend: o,
+    loading: s,
+    emptyMessage: m
+  }, k = R(null), g = R(null), n = R(null);
+  return Q(() => {
+    if (!n.current) return;
+    const a = W.new(n.current);
+    g.current = a, a.setThemes([z.new(a)]);
+    const h = a.container.children.push(
+      B.new(a, {
         panX: !0,
         panY: !0,
         wheelX: "panX",
@@ -754,83 +211,83 @@ const Ie = (u) => {
         pinchZoomX: !0
       })
     );
-    a.current = g, g.set(
+    k.current = h, h.set(
       "cursor",
-      Le.new(p, {
+      $.new(a, {
         behavior: "zoomX"
       })
     ).lineY.set("visible", !1);
-    const v = g.xAxes.push(
-      De.new(p, {
+    const E = h.xAxes.push(
+      ee.new(a, {
         maxDeviation: 0.3,
         baseInterval: { timeUnit: "day", count: 1 },
-        renderer: Ae.new(p, {
+        renderer: G.new(a, {
           minorGridEnabled: !0
         })
       })
-    ), y = g.yAxes.push(
-      Ce.new(p, {
-        renderer: Oe.new(p, {})
+    ), S = h.yAxes.push(
+      I.new(a, {
+        renderer: U.new(a, {})
       })
-    ), _ = [], 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,
+    ), _ = [], P = Z.new(a, {});
+    t.forEach((u, L) => {
+      const b = u.color ? q(u.color) : P.getIndex(L), p = h.series.push(
+        te.new(a, {
+          name: u.name,
+          xAxis: E,
+          yAxis: S,
           valueYField: "value",
           valueXField: "date",
-          stroke: C,
-          fill: C,
-          tooltip: $e.new(p, {
+          stroke: b,
+          fill: b,
+          tooltip: J.new(a, {
             labelText: "{name}: {valueY}"
           })
         })
       );
-      L.strokes.template.setAll({
+      p.strokes.template.setAll({
         strokeWidth: 2
-      }), L.data.setAll(k.data), _.push(L);
+      }), p.data.setAll(u.data), _.push(p);
     });
-    let D = null;
-    f && (D = g.children.push(
-      H.new(p, {
-        centerX: re(50),
-        x: re(50),
-        layout: p.horizontalLayout
+    let x = null;
+    o && (x = h.children.push(
+      D.new(a, {
+        centerX: M(50),
+        x: M(50),
+        layout: a.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));
+    ), x.data.setAll(h.series.values));
+    const F = 1, N = 0.2, Y = 4, j = (u) => {
+      var p;
+      const b = (p = u.target.dataItem) == null ? void 0 : p.dataContext;
+      b && (b.strokes.template.set("strokeOpacity", 1), b.strokes.template.set("strokeWidth", Y), _.forEach((w) => {
+        w !== b && (w.strokes.template.set("strokeOpacity", N), w.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);
+    }, H = (u) => {
+      var p;
+      ((p = u.target.dataItem) == null ? void 0 : p.dataContext) && _.forEach((w) => {
+        w.strokes.template.set("strokeOpacity", F), w.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));
+    return x && (x.markers.template.events.on("pointerover", j), x.markers.template.events.on("pointerout", H)), h.appear(1e3, 100), _.forEach((u, L) => {
+      u.appear(1e3, 100 * (L + 1));
     }), () => {
-      p.dispose();
+      a.dispose();
     };
-  }, [h, t, f]), {
-    chartDivRef: m,
+  }, [l, t, o]), {
+    chartDivRef: n,
     seriesData: t,
-    height: i,
-    width: l,
-    chartId: h,
-    showLegend: f,
-    loading: n,
-    emptyMessage: c,
-    sx: r,
-    other: o,
-    ownerState: s
+    height: c,
+    width: r,
+    chartId: l,
+    showLegend: o,
+    loading: s,
+    emptyMessage: m,
+    sx: d,
+    other: v,
+    ownerState: i
   };
 };
 export {
-  Ie as useHighlightLineChartLogic
+  le as useHighlightLineChartLogic
 };