@hybridcore/ui 1.5.78 → 1.5.80

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

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