@hybridcore/ui 1.5.88 → 1.5.90

package/dist/components/metric-card/MetricChart.js

@@ -1,8 +1,9 @@
-import { jsx as k } from "react/jsx-runtime";
-import { h as S, m as F, i as p, j as v, k as L, l as X, V as z, b as Y, A as j, X as E, c as G, g as O, d as Z, f as w } from "../../AxisRendererY-kADUad00.js";
-import { useRef as q, useLayoutEffect as V } from "react";
-import { C as B } from "../../ColumnSeries-BTcqshjB.js";
-import { L as W } from "../../LineSeries-CfcpoYla.js";
+import { jsx as F } from "react/jsx-runtime";
+import { h as S, m as k, i as p, j as b, k as L, l as X, V as z, b as Y, A as j, X as O, c as E, g as G, d as Z, f as R } from "../../AxisRendererY-kADUad00.js";
+import { useTheme as q, alpha as B } from "@mui/material";
+import { useRef as V, useLayoutEffect as W } from "react";
+import { C as H } from "../../ColumnSeries-BTcqshjB.js";
+import { L as J } from "../../LineSeries-CfcpoYla.js";
 class P extends S {
   constructor() {
     super(...arguments), Object.defineProperty(this, "_frequency", {
@@ -18,7 +19,7 @@ class P extends S {
     });
   }
   _afterNew() {
-    this._settings.themeTags = F(this._settings.themeTags, ["axis"]), this.fields.push("category", "id", "cellSize"), this.setPrivateRaw("name", "category"), this.addTag("category"), super._afterNew();
+    this._settings.themeTags = k(this._settings.themeTags, ["axis"]), this.fields.push("category", "id", "cellSize"), this.setPrivateRaw("name", "category"), this.addTag("category"), super._afterNew();
   }
   _afterDataChange() {
     super._afterDataChange();
@@ -29,11 +30,11 @@ class P extends S {
     super._prepareChildren();
     const t = this.dataItems.length;
     let e = 0;
-    this._valuesDirty && (this._itemMap = {}, p(this.dataItems, (r) => {
-      r.setRaw("index", e), this._itemMap[r.get("category")] = r, e++;
+    this._valuesDirty && (this._itemMap = {}, p(this.dataItems, (n) => {
+      n.setRaw("index", e), this._itemMap[n.get("category")] = n, e++;
     }), this.setPrivateRaw("maxZoomFactor", t));
-    let a = this.get("start", 0), i = this.get("end", 1), s = this._getIndices(a, i);
-    this.setPrivateRaw("startIndex", s.startIndex), this.setPrivateRaw("endIndex", s.endIndex), (this._sizeDirty || this._valuesDirty || this.isDirty("start") || this.isDirty("end") || this.isPrivateDirty("endIndex") || this.isPrivateDirty("startIndex") || this.isPrivateDirty("width") || this.isPrivateDirty("height")) && this.dataItems.length > 0 && (this._handleRangeChange(), this._prepareAxisItems(), this._updateAxisRanges());
+    let s = this.get("start", 0), i = this.get("end", 1), a = this._getIndices(s, i);
+    this.setPrivateRaw("startIndex", a.startIndex), this.setPrivateRaw("endIndex", a.endIndex), (this._sizeDirty || this._valuesDirty || this.isDirty("start") || this.isDirty("end") || this.isPrivateDirty("endIndex") || this.isPrivateDirty("startIndex") || this.isPrivateDirty("width") || this.isPrivateDirty("height")) && this.dataItems.length > 0 && (this._handleRangeChange(), this._prepareAxisItems(), this._updateAxisRanges());
   }
   /**
    * @ignore
@@ -41,96 +42,96 @@ class P extends S {
   adjustZoom() {
     const t = this.dataItems.length;
     if (t > 1) {
-      let e = this.get("maxZoomCount", this.dataItems.length), a = this.get("minZoomCount", 1), i = 0, s = this.getPrivate("startIndex", 0), r = this.getPrivate("endIndex", 0);
+      let e = this.get("maxZoomCount", this.dataItems.length), s = this.get("minZoomCount", 1), i = 0, a = this.getPrivate("startIndex", 0), n = this.getPrivate("endIndex", 0);
       const d = this._sAnimation, o = this._eAnimation;
-      let l = this.get("start", 0), n = !1;
-      d && !d.stopped && (l = Number(d.to), n = !0);
-      let m = this.get("end", 1);
-      if (o && !o.stopped && (m = Number(o.to), n = !0), n) {
-        const h = this._getIndices(l, m);
-        s = h.startIndex, r = h.endIndex;
+      let l = this.get("start", 0), r = !1;
+      d && !d.stopped && (l = Number(d.to), r = !0);
+      let h = this.get("end", 1);
+      if (o && !o.stopped && (h = Number(o.to), r = !0), r) {
+        const g = this._getIndices(l, h);
+        a = g.startIndex, n = g.endIndex;
       }
-      for (let h = s; h < r; h++) {
-        const g = this.dataItems[h];
-        i += g.get("finalCellSize", 1);
+      for (let g = a; g < n; g++) {
+        const m = this.dataItems[g];
+        i += m.get("finalCellSize", 1);
       }
-      if (i <= a) {
-        let h = 0;
-        for (let g = s; g < t; g++) {
-          const f = this.dataItems[g];
-          if (h += f.get("finalCellSize", 1), r = g + 1, h >= a)
+      if (i <= s) {
+        let g = 0;
+        for (let m = a; m < t; m++) {
+          const f = this.dataItems[m];
+          if (g += f.get("finalCellSize", 1), n = m + 1, g >= s)
             break;
         }
-        if (h < a)
-          for (let g = s - 1; g >= 0; g--) {
-            const f = this.dataItems[g];
-            if (h += f.get("finalCellSize", 1), s = g, h >= a)
+        if (g < s)
+          for (let m = a - 1; m >= 0; m--) {
+            const f = this.dataItems[m];
+            if (g += f.get("finalCellSize", 1), a = m, g >= s)
               break;
           }
-        this.zoomToIndexes(s, r);
+        this.zoomToIndexes(a, n);
       } else if (i >= e) {
-        let h = i;
-        for (let g = r - 1; g >= s; g--) {
-          const f = this.dataItems[g];
-          if (h -= f.get("finalCellSize", 1), h <= e) {
-            r = g + 1;
+        let g = i;
+        for (let m = n - 1; m >= a; m--) {
+          const f = this.dataItems[m];
+          if (g -= f.get("finalCellSize", 1), g <= e) {
+            n = m + 1;
             break;
           }
         }
-        this.zoomToIndexes(s, r);
+        this.zoomToIndexes(a, n);
       }
     }
   }
   _handleRangeChange() {
     p(this.series, (t) => {
-      let e = this.dataItems[this.startIndex()].get("category"), a = this.dataItems[this.endIndex() - 1].get("category"), i = t.get("baseAxis"), s = t.get("xAxis"), r = t.get("yAxis");
-      if (s instanceof P && r instanceof P)
+      let e = this.dataItems[this.startIndex()].get("category"), s = this.dataItems[this.endIndex() - 1].get("category"), i = t.get("baseAxis"), a = t.get("xAxis"), n = t.get("yAxis");
+      if (a instanceof P && n instanceof P)
         t._markDirtyAxes();
       else if (i === this) {
-        let d, o, l = r;
-        if (s === i ? (t.get("categoryXField") && (d = "categoryX"), t.get("openCategoryXField") && (o = "openCategoryX")) : r === i && (t.get("categoryYField") && (d = "categoryY"), t.get("openCategoryYField") && (o = "openCategoryY"), l = s), l instanceof z && (d || o)) {
-          let h = function(u, y, c, _, N, R) {
+        let d, o, l = n;
+        if (a === i ? (t.get("categoryXField") && (d = "categoryX"), t.get("openCategoryXField") && (o = "openCategoryX")) : n === i && (t.get("categoryYField") && (d = "categoryY"), t.get("openCategoryYField") && (o = "openCategoryY"), l = a), l instanceof z && (d || o)) {
+          let g = function(c, y, u, v, N, w) {
             let x, C = y.categoryToIndex(N);
             for (; !x && C >= 0 && C < y.dataItems.length; ) {
               let D = y.dataItems[C].get("category");
-              if (R == "previous")
-                for (let I = u.dataItems.length - 1; I >= 0; I--) {
-                  let b = u.dataItems[I];
-                  if (c && b.get(c) === D) {
-                    x = b;
+              if (w == "previous")
+                for (let I = c.dataItems.length - 1; I >= 0; I--) {
+                  let _ = c.dataItems[I];
+                  if (u && _.get(u) === D) {
+                    x = _;
                     break;
                   }
-                  if (_ && b.get(_) === D) {
-                    x = b;
+                  if (v && _.get(v) === D) {
+                    x = _;
                     break;
                   }
                 }
               else
-                for (let I = 0, b = u.dataItems.length; I < b; I++) {
-                  let M = u.dataItems[I];
-                  if (c && M.get(c) === D) {
+                for (let I = 0, _ = c.dataItems.length; I < _; I++) {
+                  let M = c.dataItems[I];
+                  if (u && M.get(u) === D) {
                     x = M;
                     break;
                   }
-                  if (_ && M.get(_) === D) {
+                  if (v && M.get(v) === D) {
                     x = M;
                     break;
                   }
                 }
-              x || (C += R === "previous" ? -1 : 1);
+              x || (C += w === "previous" ? -1 : 1);
             }
             return x;
-          }, n, m;
-          n = h(t, this, d, o, e, "next"), m = h(t, this, d, o, a, "previous");
-          let g = 0, f = t.dataItems.length;
-          n && (g = t.dataItems.indexOf(n)), m && (f = t.dataItems.indexOf(m) + 1), t.setPrivate("startIndex", g), t.setPrivate("endIndex", f);
+          }, r, h;
+          r = g(t, this, d, o, e, "next"), h = g(t, this, d, o, s, "previous");
+          let m = 0, f = t.dataItems.length;
+          r && (m = t.dataItems.indexOf(r)), h && (f = t.dataItems.indexOf(h) + 1), t.setPrivate("startIndex", m), t.setPrivate("endIndex", f);
           let T = !1;
-          for (let u = g; u < f; u++) {
-            const y = t.dataItems[u];
-            if (p(t.__valueXShowFields, (c) => {
-              y.get(c) != null && (T = !0);
-            }), p(t.__valueYShowFields, (c) => {
-              y.get(c) != null && (T = !0);
+          for (let c = m; c < f; c++) {
+            const y = t.dataItems[c];
+            if (p(t.__valueXShowFields, (u) => {
+              y.get(u) != null && (T = !0);
+            }), p(t.__valueYShowFields, (u) => {
+              y.get(u) != null && (T = !0);
             }), T)
               break;
           }
@@ -142,44 +143,44 @@ class P extends S {
   }
   _prepareAxisItems() {
     var t;
-    const e = this.get("renderer"), a = this.dataItems.length;
+    const e = this.get("renderer"), s = this.dataItems.length;
     let i = this.startIndex();
     i > 0 && i--;
-    let s = this.endIndex();
-    s < a && s++;
-    const r = e.get("minorLabelsEnabled"), d = e.get("minorGridEnabled", r);
-    let o = e.axisLength() / Math.max(e.get("minGridDistance"), 1), l = Math.max(1, Math.min(a, Math.ceil((s - i) / o)));
+    let a = this.endIndex();
+    a < s && a++;
+    const n = e.get("minorLabelsEnabled"), d = e.get("minorGridEnabled", n);
+    let o = e.axisLength() / Math.max(e.get("minGridDistance"), 1), l = Math.max(1, Math.min(s, Math.ceil((a - i) / o)));
     i = Math.floor(i / l) * l, this._frequency = l;
-    for (let m = 0; m < a; m++)
-      this._toggleDataItem(this.dataItems[m], !1);
-    let n = this.dataItems[i].get("index", 0);
-    for (let m = i; m < s; m = m + l) {
-      let h = this.dataItems[m];
-      this._createAssets(h, []), this._toggleDataItem(h, !0);
-      let g = l;
-      d && (g = 1), this._prepareDataItem(h, n, g), n++;
+    for (let h = 0; h < s; h++)
+      this._toggleDataItem(this.dataItems[h], !1);
+    let r = this.dataItems[i].get("index", 0);
+    for (let h = i; h < a; h = h + l) {
+      let g = this.dataItems[h];
+      this._createAssets(g, []), this._toggleDataItem(g, !0);
+      let m = l;
+      d && (m = 1), this._prepareDataItem(g, r, m), r++;
     }
     if (e.get("minorGridEnabled"))
-      for (let m = i; m < s; m++) {
-        let h = this.dataItems[m];
-        m % l != 0 && (this._createAssets(h, ["minor"], !0), this._toggleDataItem(h, !0), this._prepareDataItem(h, 0, 1), r || (t = h.get("label")) === null || t === void 0 || t.setPrivate("visible", !1));
+      for (let h = i; h < a; h++) {
+        let g = this.dataItems[h];
+        h % l != 0 && (this._createAssets(g, ["minor"], !0), this._toggleDataItem(g, !0), this._prepareDataItem(g, 0, 1), n || (t = g.get("label")) === null || t === void 0 || t.setPrivate("visible", !1));
       }
     this._updateGhost();
   }
-  _prepareDataItem(t, e, a) {
-    let i = this.get("renderer"), s = t.get("categoryLocation", 0), r = t.get("endCategoryLocation", 1), d = t.get("index");
-    v(d) || (d = this.categoryToIndex(t.get("category")));
-    let o = this.indexToPosition(d, s), l = t.get("endCategory"), n;
-    l ? (n = this.categoryToIndex(l), v(n) || (n = d)) : n = d;
-    let m = this.indexToPosition(n, r), h, g;
+  _prepareDataItem(t, e, s) {
+    let i = this.get("renderer"), a = t.get("categoryLocation", 0), n = t.get("endCategoryLocation", 1), d = t.get("index");
+    b(d) || (d = this.categoryToIndex(t.get("category")));
+    let o = this.indexToPosition(d, a), l = t.get("endCategory"), r;
+    l ? (r = this.categoryToIndex(l), b(r) || (r = d)) : r = d;
+    let h = this.indexToPosition(r, n), g, m;
     if (t.get("isRange")) {
-      if (h = n, !v(d)) {
+      if (g = r, !b(d)) {
         this._toggleDataItem(t, !1);
         return;
       }
     } else
-      h = d + this._frequency - 1;
-    g = this.indexToPosition(h, r), i.updateLabel(t.get("label"), o, m, a), i.updateGrid(t.get("grid"), o, m), i.updateTick(t.get("tick"), o, m, a), i.updateFill(t.get("axisFill"), o, g), this._processBullet(t), i.updateBullet(t.get("bullet"), o, m);
+      g = d + this._frequency - 1;
+    m = this.indexToPosition(g, n), i.updateLabel(t.get("label"), o, h, s), i.updateGrid(t.get("grid"), o, h), i.updateTick(t.get("tick"), o, h, s), i.updateFill(t.get("axisFill"), o, m), this._processBullet(t), i.updateBullet(t.get("bullet"), o, h);
     const f = this.get("fillRule");
     f && f(t, e);
   }
@@ -225,28 +226,28 @@ class P extends S {
   /**
    * @ignore
    */
-  getDataItemPositionX(t, e, a, i) {
-    const s = t.get(e), r = this._itemMap[s];
-    return r ? this.indexToPosition(r.get("index", 0), a) : NaN;
+  getDataItemPositionX(t, e, s, i) {
+    const a = t.get(e), n = this._itemMap[a];
+    return n ? this.indexToPosition(n.get("index", 0), s) : NaN;
   }
   /**
    * @ignore
    */
-  getDataItemCoordinateX(t, e, a, i) {
-    return this._settings.renderer.positionToCoordinate(this.getDataItemPositionX(t, e, a, i));
+  getDataItemCoordinateX(t, e, s, i) {
+    return this._settings.renderer.positionToCoordinate(this.getDataItemPositionX(t, e, s, i));
   }
   /**
    * @ignore
    */
-  getDataItemPositionY(t, e, a, i) {
-    const s = t.get(e), r = this._itemMap[s];
-    return r ? this.indexToPosition(r.get("index", 0), a) : NaN;
+  getDataItemPositionY(t, e, s, i) {
+    const a = t.get(e), n = this._itemMap[a];
+    return n ? this.indexToPosition(n.get("index", 0), s) : NaN;
   }
   /**
    * @ignore
    */
-  getDataItemCoordinateY(t, e, a, i) {
-    return this._settings.renderer.positionToCoordinate(this.getDataItemPositionY(t, e, a, i));
+  getDataItemCoordinateY(t, e, s, i) {
+    return this._settings.renderer.positionToCoordinate(this.getDataItemPositionY(t, e, s, i));
   }
   /**
    * Converts category index to a relative position.
@@ -259,31 +260,31 @@ class P extends S {
    * @param   location  Location
    * @return            Index
    */
-  indexToPosition(t, e, a) {
-    let i = this.dataItems.length, s = 0;
-    if (i == 0 || (t >= i && (t = i - 1, e = 1), v(e) || (e = 0.5), !v(t)))
+  indexToPosition(t, e, s) {
+    let i = this.dataItems.length, a = 0;
+    if (i == 0 || (t >= i && (t = i - 1, e = 1), b(e) || (e = 0.5), !b(t)))
       return 0;
-    let r = this.get("startLocation", 0), d = this.get("endLocation", 1);
+    let n = this.get("startLocation", 0), d = this.get("endLocation", 1);
     if (!this.get("cellSizeField"))
-      i -= r, i -= 1 - d, s = (t + e - r) / i;
+      i -= n, i -= 1 - d, a = (t + e - n) / i;
     else {
-      let o = a ? "finalCellSize" : "cellSize";
+      let o = s ? "finalCellSize" : "cellSize";
       const l = this.dataItems;
-      let n = 0;
-      p(this.dataItems, (g) => {
-        n += g.get(o, 1);
-      }), n -= r * l[0].get(o, 1), n -= (1 - d) * l[l.length - 1].get(o, 1);
-      let m = 0;
-      for (let g = 0; g < t; g++)
-        m += l[g].get(o, 1);
-      let h = l[t].get(o, 1);
-      s = (m + e * h - r * l[0].get(o, 1)) / n;
+      let r = 0;
+      p(this.dataItems, (m) => {
+        r += m.get(o, 1);
+      }), r -= n * l[0].get(o, 1), r -= (1 - d) * l[l.length - 1].get(o, 1);
+      let h = 0;
+      for (let m = 0; m < t; m++)
+        h += l[m].get(o, 1);
+      let g = l[t].get(o, 1);
+      a = (h + e * g - n * l[0].get(o, 1)) / r;
     }
-    if (!a) {
+    if (!s) {
       let o = this.dataItems[t];
-      o && (s += o.get("deltaPosition", 0));
+      o && (a += o.get("deltaPosition", 0));
     }
-    return s;
+    return a;
   }
   /**
    * Returns a position of a category.
@@ -329,19 +330,19 @@ class P extends S {
     if (e === 0)
       return 0;
     if (this.get("cellSizeField")) {
-      let a = 0, i = [];
+      let s = 0, i = [];
       p(this.dataItems, (l) => {
-        const n = l.get("cellSize", 1);
-        i.push(n), a += n;
+        const r = l.get("cellSize", 1);
+        i.push(r), s += r;
       });
-      let s = this.get("startLocation", 0), r = this.get("endLocation", 1);
-      a -= s, a -= 1 - r;
-      let d = t * a + s, o = 0;
+      let a = this.get("startLocation", 0), n = this.get("endLocation", 1);
+      s -= a, s -= 1 - n;
+      let d = t * s + a, o = 0;
       for (let l = 0; l < e; l++) {
-        const n = i[l];
-        if (d < o + n)
+        const r = i[l];
+        if (d < o + r)
           return l;
-        o += n;
+        o += r;
       }
       return e - 1;
     } else
@@ -354,9 +355,9 @@ class P extends S {
    * @return            Tooltip text
    */
   getTooltipText(t, e) {
-    const a = this.dataItems[this.axisPositionToIndex(t)];
-    if (a) {
-      const i = a.get("label");
+    const s = this.dataItems[this.axisPositionToIndex(t)];
+    if (s) {
+      const i = s.get("label");
       if (i)
         return X(i, this.get("tooltipText", ""));
     }
@@ -373,41 +374,41 @@ class P extends S {
    */
   getSeriesItem(t, e) {
     if (this.dataItems.length > 0) {
-      let a = this.getPrivate("name") + this.get("renderer").getPrivate("letter"), i = this.axisPositionToIndex(e), s = t.dataItems[i], r = this.dataItems[i], d = r.get("category");
-      if (s && r && s.get(a) === d)
-        return s;
+      let s = this.getPrivate("name") + this.get("renderer").getPrivate("letter"), i = this.axisPositionToIndex(e), a = t.dataItems[i], n = this.dataItems[i], d = n.get("category");
+      if (a && n && a.get(s) === d)
+        return a;
       for (let o = 0, l = t.dataItems.length; o < l; o++) {
-        let n = t.dataItems[o];
-        if (n.get(a) === d)
-          return n;
+        let r = t.dataItems[o];
+        if (r.get(s) === d)
+          return r;
       }
     }
   }
   _getIndices(t, e) {
-    let a = this.dataItems.length, i = 0, s = a, r = "cellSize";
+    let s = this.dataItems.length, i = 0, a = s, n = "cellSize";
     if (this.get("cellSizeField")) {
       let d = 0;
       const o = this.dataItems;
       if (o.length == 0)
         return { startIndex: 0, endIndex: 0 };
-      p(o, (n) => {
-        d += n.get(r, 1);
-      }), d -= this.get("startLocation", 0) * o[0].get(r, 1), d -= (1 - this.get("endLocation", 1)) * o[o.length - 1].get(r, 1);
+      p(o, (r) => {
+        d += r.get(n, 1);
+      }), d -= this.get("startLocation", 0) * o[0].get(n, 1), d -= (1 - this.get("endLocation", 1)) * o[o.length - 1].get(n, 1);
       let l = 0;
-      for (let n = 0; n < a; n++)
-        if (l += this.dataItems[n].get(r, 1), Math.round(l) > Math.round(t * d)) {
-          i = n;
+      for (let r = 0; r < s; r++)
+        if (l += this.dataItems[r].get(n, 1), Math.round(l) > Math.round(t * d)) {
+          i = r;
           break;
         }
-      for (let n = i + 1; n < a; n++)
-        if (l += this.dataItems[n].get(r, 1), Math.round(l) >= Math.round(e * d)) {
-          s = n + 1;
+      for (let r = i + 1; r < s; r++)
+        if (l += this.dataItems[r].get(n, 1), Math.round(l) >= Math.round(e * d)) {
+          a = r + 1;
           break;
         }
-      i = Math.max(i, 0), s = Math.min(s, a);
+      i = Math.max(i, 0), a = Math.min(a, s);
     } else
-      i = Math.max(Math.round(this.get("start", 0) * a), 0), s = Math.min(Math.round(this.get("end", 1) * a), a);
-    return { startIndex: i, endIndex: s };
+      i = Math.max(Math.round(this.get("start", 0) * s), 0), a = Math.min(Math.round(this.get("end", 1) * s), s);
+    return { startIndex: i, endIndex: a };
   }
   /**
    * Zooms the axis to specific `start` and `end` indexes.
@@ -418,12 +419,12 @@ class P extends S {
    * @param  end       End index
    * @param  duration  Duration in milliseconds
    */
-  zoomToIndexes(t, e, a) {
+  zoomToIndexes(t, e, s) {
     let i = this.dataItems.length;
-    this.get("cellSizeField") ? (t = Math.min(Math.max(t, 0), i), e = Math.max(Math.min(e, i), 1), this.setPrivateRaw("startIndex", t), this.setPrivateRaw("endIndex", e), this.zoom(this.indexToPosition(t, 0, !0), this.indexToPosition(e, 0, !0), a)) : this.zoom(t / i, e / i, a);
+    this.get("cellSizeField") ? (t = Math.min(Math.max(t, 0), i), e = Math.max(Math.min(e, i), 1), this.setPrivateRaw("startIndex", t), this.setPrivateRaw("endIndex", e), this.zoom(this.indexToPosition(t, 0, !0), this.indexToPosition(e, 0, !0), s)) : this.zoom(t / i, e / i, s);
   }
-  zoomToCategories(t, e, a) {
-    this.zoomToIndexes(this.categoryToIndex(t), this.categoryToIndex(e) + 1, a);
+  zoomToCategories(t, e, s) {
+    this.zoomToIndexes(this.categoryToIndex(t), this.categoryToIndex(e) + 1, s);
   }
   /**
    * Returns position span between start and end of a single cell in axis.
@@ -439,8 +440,8 @@ class P extends S {
    */
   nextPosition(t) {
     t == null && (t = 1), this.get("renderer").getPrivate("letter") == "Y" && (t *= -1);
-    const e = this.getPrivate("tooltipPosition", 0), a = L(this.axisPositionToIndex(e) + t, 0, this.dataItems.length - 1);
-    return this.toGlobalPosition(this.indexToPosition(a));
+    const e = this.getPrivate("tooltipPosition", 0), s = L(this.axisPositionToIndex(e) + t, 0, this.dataItems.length - 1);
+    return this.toGlobalPosition(this.indexToPosition(s));
   }
 }
 Object.defineProperty(P, "className", {
@@ -455,14 +456,14 @@ Object.defineProperty(P, "classNames", {
   writable: !0,
   value: S.classNames.concat([P.className])
 });
-const $ = ({ data: A, type: t, color: e }) => {
-  const a = q(null);
-  return V(() => {
-    if (!a.current) return;
-    const i = Y.new(a.current);
-    i.setThemes([j.new(i)]);
-    const s = i.container.children.push(
-      E.new(i, {
+const it = ({ data: A, type: t, color: e }) => {
+  const s = V(null), i = q();
+  return W(() => {
+    if (!s.current) return;
+    const a = Y.new(s.current);
+    a.setThemes([j.new(a)]);
+    const n = a.container.children.push(
+      O.new(a, {
         panX: !1,
         panY: !1,
         wheelX: "none",
@@ -472,54 +473,71 @@ const $ = ({ data: A, type: t, color: e }) => {
         paddingTop: 0,
         paddingBottom: 0
       })
-    ), r = s.xAxes.push(
-      P.new(i, {
+    ), d = n.xAxes.push(
+      P.new(a, {
         categoryField: "t",
-        renderer: G.new(i, {
+        renderer: E.new(a, {
           minGridDistance: 10
         }),
-        tooltip: O.new(i, {})
+        tooltip: G.new(a, {})
       })
-    ), d = r.get("renderer");
-    d.grid.template.set("visible", !1), d.labels.template.set("visible", !1), r.data.setAll(A);
-    const o = s.yAxes.push(
-      z.new(i, {
-        renderer: Z.new(i, {})
+    ), o = d.get("renderer");
+    o.grid.template.set("visible", !1), o.labels.template.set("visible", !1), d.setAll({
+      startLocation: 0.5,
+      endLocation: 0.5
+    }), d.data.setAll(A);
+    const l = n.yAxes.push(
+      z.new(a, {
+        renderer: Z.new(a, {})
       })
-    ), l = o.get("renderer");
-    l.grid.template.set("visible", !1), l.labels.template.set("visible", !1);
-    let n;
-    return t === "column" ? (n = s.series.push(
-      B.new(i, {
+    ), r = l.get("renderer");
+    r.grid.template.set("visible", !1), r.labels.template.set("visible", !1);
+    let h;
+    return t === "column" ? (h = n.series.push(
+      H.new(a, {
         name: "Series",
-        xAxis: r,
-        yAxis: o,
+        xAxis: d,
+        yAxis: l,
         valueYField: "v",
         categoryXField: "t",
-        fill: w(e),
-        stroke: w(e)
+        fill: R(i.palette.divider)
       })
-    ), n.columns.template.setAll({
+    ), h.columns.template.setAll({
       cornerRadiusTL: 2,
       cornerRadiusTR: 2,
       strokeOpacity: 0
-    })) : (n = s.series.push(
-      W.new(i, {
+    })) : (h = n.series.push(
+      J.new(a, {
         name: "Series",
-        xAxis: r,
-        yAxis: o,
+        xAxis: d,
+        yAxis: l,
         valueYField: "v",
         categoryXField: "t",
-        fill: w(e),
-        stroke: w(e)
+        // @ts-expect-error amcharts5 typing accepts string/Color; alpha returns rgba string
+        fill: B(i.palette.divider, 0.25),
+        stroke: R(i.palette.divider)
       })
-    ), n.strokes.template.setAll({
-      strokeWidth: 2
-    })), n.data.setAll(A), n.appear(1e3), s.appear(1e3, 100), () => {
-      i.dispose();
+    ), h.strokes.template.setAll({
+      strokeWidth: 1
+    }), h.fills.template.setAll({
+      fillOpacity: 1,
+      visible: !0
+    })), h.data.setAll(A), h.appear(1e3), n.appear(1e3, 100), () => {
+      a.dispose();
     };
-  }, [A, t, e]), /* @__PURE__ */ k("div", { ref: a, style: { width: "100%", height: "100%" } });
+  }, [A, t, e, i.palette.mode, i.palette.divider]), /* @__PURE__ */ F(
+    "div",
+    {
+      ref: s,
+      style: {
+        width: "calc(100% + 10px)",
+        height: "100%",
+        marginBottom: -21,
+        marginLeft: -10
+      }
+    }
+  );
 };
 export {
-  $ as MetricChart
+  it as MetricChart
 };