@hybridcore/ui 1.5.70 → 1.5.73

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

@@ -0,0 +1,851 @@
+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 Ae, d as De, 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, useEffect as je } 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"), 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"), o = c.children.push(this.makeMarkerRectangle());
+        let f = e.get("fill"), p = e.get("stroke");
+        e.set("markerRectangle", o), n && n.get && (f = n.get(r, f), p = n.get(h, p)), p || (p = f), s ? n.on && (n.on(r, () => {
+          o.set("fill", n.get(r));
+        }), n.on(h, () => {
+          o.set("stroke", n.get(h));
+        })) : n && n.createLegendMarker && n.createLegendMarker(), o.setAll({ fill: f, stroke: p });
+        const m = n.component;
+        m && m.updateLegendMarker && m.updateLegendMarker(n);
+      }
+      const l = this.makeLabel();
+      if (l) {
+        t.children.push(l), l._setDataItem(e), e.set("label", l), l.text.on("text", () => {
+          t.setRaw("ariaLabel", l.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 && l.set("text", s);
+      }
+      const a = this.makeValueLabel();
+      if (a && (t.children.push(a), a._setDataItem(e), e.set("valueLabel", a)), n && n.show && (n.on("visible", (s) => {
+        t.set("disabled", !s);
+      }), n.get("visible") || t.set("disabled", !0), d != "none")) {
+        let s = t;
+        d == "marker" && (s = c), this._addClickEvents(s, n, 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;
+      }), n && n.updateLegendValue && n.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 n = e.get("valueLabel");
+    n && (this.valueLabels.removeValue(n), n.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, Re = Z - M;
+function ce(u) {
+  this._ += u[0];
+  for (let e = 1, t = u.length; e < t; ++e)
+    this._ += arguments[e] + u[e];
+}
+function Ee(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 Ge {
+  constructor(e) {
+    this._x0 = this._y0 = // start of current subpath
+    this._x1 = this._y1 = null, this._ = "", this._append = e == null ? ce : Ee(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, n = this._y1, c = i - e, l = r - t, a = d - e, s = n - 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 - l * a) > M) || !h)
+      this._append`L${this._x1 = e},${this._y1 = t}`;
+    else {
+      let f = i - d, p = r - n, m = c * c + l * l, 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 * l}`;
+    }
+  }
+  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 n = i * Math.cos(r), c = i * Math.sin(r), l = e + n, a = t + c, s = 1 ^ d, o = d ? r - h : h - r;
+    this._x1 === null ? this._append`M${l},${a}` : (Math.abs(this._x1 - l) > M || Math.abs(this._y1 - a) > M) && this._append`L${l},${a}`, i && (o < 0 && (o = o % Z + Z), o > Re ? this._append`A${i},${i},0,1,${s},${e - n},${t - c}A${i},${i},0,1,${s},${this._x1 = l},${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 Ge(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(n);
+  u = typeof u == "function" ? u : u === void 0 ? ge : v(u), e = typeof e == "function" ? e : e === void 0 ? be : v(e);
+  function n(c) {
+    var l, a = (c = de(c)).length, s, o = !1, f;
+    for (i == null && (h = r(f = d())), l = 0; l <= a; ++l)
+      !(l < a && t(s = c[l], l, c)) === o && ((o = !o) ? h.lineStart() : h.lineEnd()), o && h.point(+u(s, l, c), +e(s, l, c));
+    if (f) return h = null, f + "" || null;
+  }
+  return n.x = function(c) {
+    return arguments.length ? (u = typeof c == "function" ? c : v(+c), n) : u;
+  }, n.y = function(c) {
+    return arguments.length ? (e = typeof c == "function" ? c : v(+c), n) : e;
+  }, n.defined = function(c) {
+    return arguments.length ? (t = typeof c == "function" ? c : v(!!c), n) : t;
+  }, n.curve = function(c) {
+    return arguments.length ? (r = c, i != null && (h = r(i)), n) : r;
+  }, n.context = function(c) {
+    return arguments.length ? (c == null ? i = h = null : h = r(i = c), n) : i;
+  }, n;
+}
+function Ne(u, e, t) {
+  var i = null, r = v(!0), h = null, d = me, n = null, c = fe(l);
+  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 l(s) {
+    var o, f, p, m = (s = de(s)).length, b, k = !1, x, y = new Array(m), _ = new Array(m);
+    for (h == null && (n = d(x = c())), o = 0; o <= m; ++o) {
+      if (!(o < m && r(b = s[o], o, s)) === k)
+        if (k = !k)
+          f = o, n.areaStart(), n.lineStart();
+        else {
+          for (n.lineEnd(), n.lineStart(), p = o - 1; p >= f; --p)
+            n.point(y[p], _[p]);
+          n.lineEnd(), n.areaEnd();
+        }
+      k && (y[o] = +u(b, o, s), _[o] = +e(b, o, s), n.point(i ? +i(b, o, s) : y[o], t ? +t(b, o, s) : _[o]));
+    }
+    if (x) return n = null, x + "" || null;
+  }
+  function a() {
+    return ke().defined(r).curve(d).context(h);
+  }
+  return l.x = function(s) {
+    return arguments.length ? (u = typeof s == "function" ? s : v(+s), i = null, l) : u;
+  }, l.x0 = function(s) {
+    return arguments.length ? (u = typeof s == "function" ? s : v(+s), l) : u;
+  }, l.x1 = function(s) {
+    return arguments.length ? (i = s == null ? null : typeof s == "function" ? s : v(+s), l) : i;
+  }, l.y = function(s) {
+    return arguments.length ? (e = typeof s == "function" ? s : v(+s), t = null, l) : e;
+  }, l.y0 = function(s) {
+    return arguments.length ? (e = typeof s == "function" ? s : v(+s), l) : e;
+  }, l.y1 = function(s) {
+    return arguments.length ? (t = s == null ? null : typeof s == "function" ? s : v(+s), l) : t;
+  }, l.lineX0 = l.lineY0 = function() {
+    return a().x(u).y(e);
+  }, l.lineY1 = function() {
+    return a().x(u).y(t);
+  }, l.lineX1 = function() {
+    return a().x(i).y(e);
+  }, l.defined = function(s) {
+    return arguments.length ? (r = typeof s == "function" ? s : v(!!s), l) : r;
+  }, l.curve = function(s) {
+    return arguments.length ? (d = s, h != null && (n = d(h)), l) : d;
+  }, l.context = function(s) {
+    return arguments.length ? (s == null ? h = n = null : n = d(h = s), l) : h;
+  }, l;
+}
+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: Ne()
+    }), 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, n = !0;
+        r && (d = !1), h && (n = !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] && (n = !0), N(this._valueFields, (p) => {
+            le(s.get(p)) || (o = !1);
+          }), o && d && n) {
+            i = a;
+            break;
+          }
+        }
+        let c = this.dataItems.length, l = this.endIndex();
+        if (l < c) {
+          l++;
+          for (let a = l; a < c; a++) {
+            let s = this.dataItems[a], o = !0;
+            if (N(this._valueFields, (f) => {
+              le(s.get(f)) || (o = !1);
+            }), o) {
+              l = a + 1;
+              break;
+            }
+          }
+        }
+        if (i > 0 && i--, this._endIndex = l, this._clearGraphics(), this._sindex = 0, this._dindex = i, this.dataItems.length == 1)
+          this._startSegment(0);
+        else
+          for (; this._dindex < l - 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), n = this._fillTemplate, c = this.fills.template;
+    n && n != c && (d.template = n), d.setPrivate("visible", !0);
+    const l = this.makeStroke(this.strokes), a = this._strokeTemplate;
+    a && a != this.strokes.template && (l.template = a), l.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"), A = s.basePosition(), L = o.basePosition();
+    let D;
+    f === o ? D = this._yField : D = 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: A,
+      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, l.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, D) && (X = [], O.push(X), z.points = X);
+      }
+    }
+    d.setRaw("userData", [e, T]), l.setRaw("userData", [e, T]), T === t && this._endLine(X, O[0][0]), l && this._drawStroke(l, 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), n = this.get("exactLocationY", !1);
+    let c = t.xAxis.getDataItemPositionX(e, t.xField, r, t.vcx, d), l = t.yAxis.getDataItemPositionY(e, t.yField, h, t.vcy, n);
+    if (this._shouldInclude(c)) {
+      const a = this.getPoint(c, l), s = [a.x, a.y];
+      if (a.x += this._x, a.y += this._y, e.set("point", a), t.fillVisible) {
+        let o = c, f = l;
+        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"), n), ne(f) && (f = t.basePosY)) : t.xAxis === t.baseAxis ? f = t.basePosY : f = t.yAxis.getDataItemPositionY(e, t.yOpenField, x, t.vcy, n);
+            } else
+              o = t.xAxis.getDataItemPositionX(e, t.xOpenField, k, t.vcx, d), f = t.yAxis.getDataItemPositionY(e, t.yOpenField, x, t.vcy, n);
+          }
+        }
+        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 n = this._root.interfaceColors.get("disabled");
+      if (h.states.create("disabled", { fill: n, stroke: n }), d.states.create("disabled", { fill: n, stroke: n }), this.bullets.length > 0) {
+        const c = this.bullets.getIndex(0);
+        if (c) {
+          const l = c(i._root, this, new Pe(this, { legend: !0 }, {}));
+          if (l) {
+            const a = l.get("sprite");
+            a instanceof S && a.states.create("disabled", { fill: n, stroke: n }), 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 });
+            }));
+          }
+        }
+      }
+    }
+  }
+}
+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 He({
+  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 n = ae(null), c = ae(null);
+  return Me(() => {
+    const l = Fe.new(i);
+    c.current = l, l.setThemes([Le.new(l)]);
+    const a = l.container.children.push(
+      Ae.new(l, {
+        panX: !0,
+        panY: !0,
+        wheelX: "panX",
+        wheelY: "zoomX",
+        pinchZoomX: !0
+      })
+    );
+    n.current = a, a.set(
+      "cursor",
+      De.new(l, {
+        behavior: "zoomX"
+      })
+    ).lineY.set("visible", !1);
+    const s = a.xAxes.push(
+      Ce.new(l, {
+        maxDeviation: 0.3,
+        baseInterval: { timeUnit: "day", count: 1 },
+        renderer: Oe.new(l, {
+          minorGridEnabled: !0
+        })
+      })
+    ), o = a.yAxes.push(
+      Xe.new(l, {
+        renderer: $e.new(l, {})
+      })
+    ), f = [], p = Ye.new(l, {});
+    u.forEach((w, Y) => {
+      const A = w.color ? he(w.color) : p.getIndex(Y), L = a.series.push(
+        I.new(l, {
+          name: w.name,
+          xAxis: s,
+          yAxis: o,
+          valueYField: "value",
+          valueXField: "date",
+          categoryXField: "date",
+          stroke: A,
+          fill: A,
+          tooltip: Se.new(l, {
+            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(l, {
+        centerX: re(50),
+        x: re(50),
+        layout: l.horizontalLayout
+      })
+    ), m.data.setAll(a.series.values));
+    const b = 1, k = 0.2, x = 4, y = (w) => {
+      var L;
+      const A = (L = w.target.dataItem) == null ? void 0 : L.dataContext;
+      A && (A.strokes.template.set("strokeOpacity", 1), A.strokes.template.set("strokeWidth", x), f.forEach((D) => {
+        D !== A && (D.strokes.template.set("strokeOpacity", k), D.strokes.template.set("strokeWidth", 1));
+      }));
+    }, _ = (w) => {
+      var L;
+      ((L = w.target.dataItem) == null ? void 0 : L.dataContext) && f.forEach((D) => {
+        D.strokes.template.set("strokeOpacity", b), D.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));
+    }), () => {
+      l.dispose();
+    };
+  }, []), je(() => {
+    n.current && c.current && (n.current.series.clear(), u.forEach((l, a) => {
+      const s = n.current.series.getIndex(
+        a
+      );
+      s && s.data.setAll(l.data);
+    }));
+  }, [u]), /* @__PURE__ */ we("div", { style: { position: "relative", width: t, height: e }, children: [
+    /* @__PURE__ */ W("div", { id: i, style: { width: "100%", height: "100%" } }),
+    h && /* @__PURE__ */ W(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          inset: 0,
+          background: "rgba(255,255,255,0.8)",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          fontSize: "1.2rem",
+          color: "#555"
+        },
+        children: "Yükleniyor..."
+      }
+    ),
+    !h && u.length === 0 && /* @__PURE__ */ W(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          inset: 0,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          color: "#999",
+          fontSize: "1.1rem"
+        },
+        children: d
+      }
+    )
+  ] });
+}
+export {
+  He as HighlightLineChart
+};