@hybridcore/ui 1.6.21 → 1.6.23

package/dist/components/charts/forecast-cone/logic.js

@@ -1,19 +1,21 @@
-import { R as ke, A as Ie } from "../../../AnimatedTheme-ktdO3Bel.js";
-import { useTheme as Oe, useThemeProps as Te } from "@mui/material";
-import z from "lodash";
-import { useState as Ce, useRef as P, useLayoutEffect as Xe, useEffect as Me } from "react";
-import { getTooltipDateFormat as Pe, attachCursorTooltip as Ee } from "../_common/tooltip.js";
-import { applyValueFormat as Ye } from "../_common/utils.js";
-import { c as A, a as ue } from "../../../Entity-BJCuhdq_.js";
-import { X as Le, V as Se } from "../../../AxisRenderer-BCQoUJw6.js";
-import { X as je } from "../../../XYCursor-CVUSpqb9.js";
-import { A as Re, a as $e } from "../../../AxisRendererY-AXWvGU6r.js";
-import { L as Ve } from "../../../Legend-CFvQiIfn.js";
-import { L as q } from "../../../LineSeries-D_IL2qGF.js";
-import { G as He, D as Ue } from "../../../GaplessDateAxis-B2g2jgSG.js";
-import { D as Be } from "../../../DateAxis-DEXKps1S.js";
-class Ge {
-  constructor(t, n) {
+import { R as Be, A as je } from "../../../AnimatedTheme-ktdO3Bel.js";
+import { useTheme as Ue, useThemeProps as $e } from "@mui/material";
+import Q from "lodash";
+import { useState as Ne, useRef as M, useLayoutEffect as Ge, useEffect as He } from "react";
+import { getTooltipDateFormat as We, attachCursorTooltip as ze } from "../_common/tooltip.js";
+import { applyValueFormat as Ze } from "../_common/utils.js";
+import { c as O, a as Ae } from "../../../Entity-BJCuhdq_.js";
+import { X as qe, V as Je } from "../../../AxisRenderer-BCQoUJw6.js";
+import { X as Ke } from "../../../XYCursor-CVUSpqb9.js";
+import { A as Qe, a as et } from "../../../AxisRendererY-AXWvGU6r.js";
+import { L as tt } from "../../../Legend-CFvQiIfn.js";
+import { L as G } from "../../../LineSeries-D_IL2qGF.js";
+import { C as it } from "../../../Circle-BnfBNKBD.js";
+import { B as rt } from "../../../Bullet-Djj7Vs9T.js";
+import { G as nt, D as st } from "../../../GaplessDateAxis-B2g2jgSG.js";
+import { D as ot } from "../../../DateAxis-DEXKps1S.js";
+class at {
+  constructor(r, a) {
     Object.defineProperty(this, "_line", {
       enumerable: !0,
       configurable: !0,
@@ -59,7 +61,7 @@ class Ge {
       configurable: !0,
       writable: !0,
       value: 0
-    }), this._context = t, this._tension = n;
+    }), this._context = r, this._tension = a;
   }
   areaStart() {
     this._line = 0;
@@ -76,77 +78,77 @@ class Ge {
         this._context.lineTo(this._x1, this._y1);
         break;
       case 3:
-        Z(this, this._t0, de(this, this._t0));
+        ae(this, this._t0, Oe(this, this._t0));
         break;
     }
     (this._line || this._line !== 0 && this._point === 1) && this._context.closePath(), this._line = 1 - this._line;
   }
-  point(t, n) {
-    let c = NaN;
-    if (t = +t, n = +n, !(t === this._x1 && n === this._y1)) {
+  point(r, a) {
+    let h = NaN;
+    if (r = +r, a = +a, !(r === this._x1 && a === this._y1)) {
       switch (this._point) {
         case 0:
-          this._point = 1, this._line ? this._context.lineTo(t, n) : this._context.moveTo(t, n);
+          this._point = 1, this._line ? this._context.lineTo(r, a) : this._context.moveTo(r, a);
           break;
         case 1:
           this._point = 2;
           break;
         case 2:
-          this._point = 3, Z(this, de(this, c = pe(this, t, n)), c);
+          this._point = 3, ae(this, Oe(this, h = De(this, r, a)), h);
           break;
         default:
-          Z(this, this._t0, c = pe(this, t, n));
+          ae(this, this._t0, h = De(this, r, a));
           break;
       }
-      this._x0 = this._x1, this._x1 = t, this._y0 = this._y1, this._y1 = n, this._t0 = c;
+      this._x0 = this._x1, this._x1 = r, this._y0 = this._y1, this._y1 = a, this._t0 = h;
     }
   }
 }
-function he(r) {
-  function t(n) {
-    return new Ge(n, r);
+function Ie(i) {
+  function r(a) {
+    return new at(a, i);
   }
-  return t;
+  return r;
 }
-function me(r) {
-  return r < 0 ? -1 : 1;
+function ke(i) {
+  return i < 0 ? -1 : 1;
 }
-function pe(r, t, n) {
-  let c = r._x1 - r._x0, a = t - r._x1, m = (r._y1 - r._y0) / (c || a < 0 && -0), u = (n - r._y1) / (a || c < 0 && -0), _ = (m * a + u * c) / (c + a);
-  return (me(m) + me(u)) * Math.min(Math.abs(m), Math.abs(u), 0.5 * Math.abs(_)) || 0;
+function De(i, r, a) {
+  let h = i._x1 - i._x0, s = r - i._x1, f = (i._y1 - i._y0) / (h || s < 0 && -0), c = (a - i._y1) / (s || h < 0 && -0), x = (f * s + c * h) / (h + s);
+  return (ke(f) + ke(c)) * Math.min(Math.abs(f), Math.abs(c), 0.5 * Math.abs(x)) || 0;
 }
-function de(r, t) {
-  let n = r._x1 - r._x0;
-  return n ? (3 * (r._y1 - r._y0) / n - t) / 2 : t;
+function Oe(i, r) {
+  let a = i._x1 - i._x0;
+  return a ? (3 * (i._y1 - i._y0) / a - r) / 2 : r;
 }
-function Z(r, t, n) {
-  let c = r._x0, a = r._y0, m = r._x1, u = r._y1, _ = (m - c) / 1.5 * (1 - r._tension);
-  r._context.bezierCurveTo(c + _, a + _ * t, m - _, u - _ * n, m, u);
+function ae(i, r, a) {
+  let h = i._x0, s = i._y0, f = i._x1, c = i._y1, x = (f - h) / 1.5 * (1 - i._tension);
+  i._context.bezierCurveTo(h + x, s + x * r, f - x, c - x * a, f, c);
 }
-class E extends q {
+class H extends G {
   _afterNew() {
-    this._setDefault("curveFactory", he(this.get("tension", 0.5))), super._afterNew();
+    this._setDefault("curveFactory", Ie(this.get("tension", 0.5))), super._afterNew();
   }
   _updateChildren() {
-    this.isDirty("tension") && (this.set("curveFactory", he(this.get("tension", 0.5))), this._valuesDirty = !0), super._updateChildren();
+    this.isDirty("tension") && (this.set("curveFactory", Ie(this.get("tension", 0.5))), this._valuesDirty = !0), super._updateChildren();
   }
 }
-Object.defineProperty(E, "className", {
+Object.defineProperty(H, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "SmoothedXLineSeries"
 });
-Object.defineProperty(E, "classNames", {
+Object.defineProperty(H, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: q.classNames.concat([E.className])
+  value: G.classNames.concat([H.className])
 });
-const We = [
+const lt = [
   { lowerField: "low95", upperField: "high95", label: "95% expected move" },
   { lowerField: "low68", upperField: "high68", label: "68% expected move" }
-], ze = [0.15, 0.3, 0.45], Ze = 1.1, qe = {
+], ct = [0.15, 0.3, 0.45], le = 1.1, ut = "spineValue", Te = 5, pt = 7.5, mt = {
   millisecond: 1,
   second: 1e3,
   minute: 6e4,
@@ -155,62 +157,67 @@ const We = [
   week: 6048e5,
   month: 2592e6,
   year: 31536e6
-}, T = (r) => new Date(r).getTime(), Je = (r) => new Intl.DateTimeFormat("en-US", {
+}, T = (i) => new Date(i).getTime(), dt = (i) => new Intl.DateTimeFormat("en-US", {
   month: "short",
   day: "numeric",
   hour: "2-digit",
   minute: "2-digit"
-}).format(new Date(r)), ft = (r) => {
-  const t = Oe(), n = Te({ props: r, name: "HCForecastCone" }), {
-    data: c = [],
-    dateField: a = "date",
-    historyField: m = "close",
-    centreField: u = "center",
-    bands: _ = We,
-    forecasts: g,
-    nowValue: $,
-    color: J = t.palette.warning.main,
-    connectMissingData: V = !0,
-    skipEmptyDates: K = !0,
-    baseInterval: Q,
-    chartId: ee = "forecast-cone-chart",
-    height: fe = "100%",
-    width: be = "100%",
-    loading: te = !1,
-    emptyMessage: re = "No data available",
-    sx: _e,
-    ...ge
-  } = n, N = Array.isArray(g) && g.length > 0, [X, ye] = Ce(
-    () => N ? g.length - 1 : 0
-  ), ie = P(X);
-  ie.current = X;
-  const y = z.orderBy(c, [a]).map((e) => ({ ...e }));
-  if (!N) {
-    const e = y.findIndex(
-      (h) => h[u] !== null && h[u] !== void 0
+}).format(new Date(i)), Ce = (i) => i.label ?? dt(i.origin), Et = (i) => {
+  const r = Ue(), a = $e({ props: i, name: "HCForecastCone" }), {
+    data: h = [],
+    dateField: s = "date",
+    historyField: f = "close",
+    centreField: c = "center",
+    bands: x = lt,
+    forecasts: _,
+    showOriginMarkers: ee = !0,
+    nowValue: te,
+    color: ce = r.palette.warning.main,
+    connectMissingData: R = !0,
+    skipEmptyDates: ue = !0,
+    baseInterval: pe,
+    chartId: me = "forecast-cone-chart",
+    height: Ee = "100%",
+    width: Pe = "100%",
+    loading: de = !1,
+    emptyMessage: he = "No data available",
+    sx: Le,
+    ...Se
+  } = a, C = Array.isArray(_) && _.length > 0, [fe, be] = Ne(
+    () => C ? _.length - 1 : 0
+  ), [W, ie] = Ne(
+    null
+  ), Y = W ?? fe, z = M(Y);
+  z.current = Y;
+  const ge = M(W !== null);
+  ge.current = W !== null;
+  const w = Q.orderBy(h, [s]).map((e) => ({ ...e }));
+  if (!C) {
+    const e = w.findIndex(
+      (p) => p[c] !== null && p[c] !== void 0
     );
-    V && e > 0 && (y[e][m] === null || y[e][m] === void 0) && (y[e][m] = y[e][u]);
+    R && e > 0 && (w[e][f] === null || w[e][f] === void 0) && (w[e][f] = w[e][c]);
   }
-  const ve = {
-    ...n,
-    height: fe,
-    width: be,
-    chartId: ee,
-    loading: te,
-    emptyMessage: re,
-    baseInterval: Q
-  }, se = P(null), ne = P(null), H = P(null), M = P(null);
-  Xe(() => {
-    var ae, le;
-    if (!H.current) return;
-    const e = ke.new(H.current);
-    ne.current = e, e.setThemes([Ie.new(e)]), e.interfaceColors.setAll({
-      text: A(t.palette.text.primary),
-      grid: A(t.palette.divider),
-      stroke: A(t.palette.divider)
-    }), Ye(e);
-    const h = e.container.children.push(
-      Le.new(e, {
+  const Xe = {
+    ...a,
+    height: Ee,
+    width: Pe,
+    chartId: me,
+    loading: de,
+    emptyMessage: he,
+    baseInterval: pe
+  }, _e = M(null), ve = M(null), re = M(null), V = M(null);
+  Ge(() => {
+    var xe, we;
+    if (!re.current) return;
+    const e = Be.new(re.current);
+    ve.current = e, e.setThemes([je.new(e)]), e.interfaceColors.setAll({
+      text: O(r.palette.text.primary),
+      grid: O(r.palette.divider),
+      stroke: O(r.palette.divider)
+    }), Ze(e);
+    const p = e.container.children.push(
+      qe.new(e, {
         panX: !0,
         panY: !1,
         wheelX: "none",
@@ -220,206 +227,302 @@ const We = [
         layout: e.verticalLayout
       })
     );
-    se.current = h, h.set(
+    _e.current = p, p.set(
       "cursor",
-      je.new(e, { behavior: "none" })
+      Ke.new(e, { behavior: "none" })
     ).lineY.set("visible", !1);
-    const Y = Q ?? { timeUnit: "hour", count: 1 }, we = K && !N ? He : Be, f = h.xAxes.push(
-      we.new(e, {
+    const Z = pe ?? { timeUnit: "hour", count: 1 }, ne = ue, Re = ne ? nt : ot, b = p.xAxes.push(
+      Re.new(e, {
         maxDeviation: 0.1,
         groupData: !1,
-        baseInterval: Y,
-        renderer: Re.new(e, {})
+        baseInterval: Z,
+        renderer: Qe.new(e, {})
       })
     );
-    (ae = f.get("renderer")) == null || ae.grid.template.setAll({
-      stroke: A(t.palette.divider),
+    (xe = b.get("renderer")) == null || xe.grid.template.setAll({
+      stroke: O(r.palette.divider),
       strokeOpacity: 1
     });
-    const I = h.yAxes.push(
-      Se.new(e, {
-        renderer: $e.new(e, {})
+    const E = p.yAxes.push(
+      Je.new(e, {
+        renderer: et.new(e, {})
       })
     );
-    (le = I.get("renderer")) == null || le.grid.template.setAll({
-      stroke: A(t.palette.divider),
+    (we = E.get("renderer")) == null || we.grid.template.setAll({
+      stroke: O(r.palette.divider),
       strokeOpacity: 1
     });
-    const L = A(J), Ne = h.children.push(
-      Ve.new(e, { centerX: ue, x: ue })
-    ), U = () => Ue.new(e, { dateFormat: "i", dateFields: [a] }), oe = N ? [] : y, S = [];
-    _.forEach((o, l) => {
-      const s = h.series.push(
-        E.new(e, {
-          name: o.label ?? `Band ${l + 1}`,
-          xAxis: f,
-          yAxis: I,
-          valueYField: o.upperField,
-          openValueYField: o.lowerField,
-          valueXField: a,
-          fill: L,
-          stroke: L
+    const B = O(ce), Ye = p.children.push(
+      tt.new(e, { centerX: Ae, x: Ae })
+    ), se = () => st.new(e, { dateFormat: "i", dateFields: [s] }), ye = C ? [] : w, q = [];
+    x.forEach((u, d) => {
+      const l = p.series.push(
+        H.new(e, {
+          name: u.label ?? `Band ${d + 1}`,
+          xAxis: b,
+          yAxis: E,
+          valueYField: u.upperField,
+          openValueYField: u.lowerField,
+          valueXField: s,
+          connect: R,
+          autoGapCount: le,
+          fill: B,
+          stroke: B
         })
       );
-      s.strokes.template.set("strokeOpacity", 0), s.fills.template.setAll({
+      l.strokes.template.set("strokeOpacity", 0), l.fills.template.setAll({
         visible: !0,
-        fill: L,
-        fillOpacity: o.fillOpacity ?? ze[l] ?? 0.2
-      }), s.data.processor = U(), s.data.setAll(oe), S.push(s);
+        fill: B,
+        fillOpacity: u.fillOpacity ?? ct[d] ?? 0.2
+      }), l.data.processor = se(), l.data.setAll(ye), q.push(l);
     });
-    let v;
-    u && (v = h.series.push(
-      E.new(e, {
+    let F;
+    c && (F = p.series.push(
+      H.new(e, {
         name: "Forecast centre",
-        xAxis: f,
-        yAxis: I,
-        valueYField: u,
-        valueXField: a,
-        stroke: A(t.palette.error.main)
+        xAxis: b,
+        yAxis: E,
+        valueYField: c,
+        valueXField: s,
+        connect: R,
+        autoGapCount: le,
+        stroke: O(r.palette.error.main)
       })
-    ), v.strokes.template.setAll({
+    ), F.strokes.template.setAll({
       strokeWidth: 1.5,
       strokeDasharray: [4, 4]
-    }), v.fills.template.set("visible", !1), v.data.processor = U(), v.data.setAll(oe));
-    const O = N ? z.orderBy(c, [a]).map((o) => ({ ...o })) : y, j = h.series.push(
-      q.new(e, {
+    }), F.fills.template.set("visible", !1), F.data.processor = se(), F.data.setAll(ye));
+    const L = C ? Q.orderBy(h, [s]).map((u) => ({ ...u })) : w, J = p.series.push(
+      G.new(e, {
         name: "History",
-        xAxis: f,
-        yAxis: I,
-        valueYField: m,
-        valueXField: a,
+        xAxis: b,
+        yAxis: E,
+        valueYField: f,
+        valueXField: s,
         // When false, the history line breaks at missing dates (gap > ~1 base
         // interval) instead of bridging across them.
-        connect: V,
-        autoGapCount: Ze,
-        stroke: A(t.palette.primary.main)
+        connect: R,
+        autoGapCount: le,
+        stroke: O(r.palette.primary.main)
       })
     );
-    j.strokes.template.setAll({ strokeWidth: 2 }), j.data.processor = U(), j.data.setAll(O), Ne.data.setAll(h.series.values);
-    const R = (qe[Y.timeUnit] ?? 0) * Y.count / 2, B = (o, l) => {
-      var s;
-      return (s = o.get("grid")) == null ? void 0 : s.setAll({
+    J.strokes.template.setAll({ strokeWidth: 2 }), J.data.processor = se(), J.data.setAll(L), Ye.data.setAll(p.series.values);
+    const K = (mt[Z.timeUnit] ?? 0) * Z.count / 2, oe = (u, d) => {
+      var l;
+      return (l = u.get("grid")) == null ? void 0 : l.setAll({
         visible: !0,
-        stroke: A(t.palette.text.secondary),
-        strokeOpacity: l,
+        stroke: O(r.palette.text.secondary),
+        strokeOpacity: d,
         strokeDasharray: [2, 3]
       });
     };
-    if (N) {
-      let o = 1 / 0, l = -1 / 0, s = -1 / 0;
-      const x = (i) => {
-        typeof i == "number" && Number.isFinite(i) && (i < o && (o = i), i > l && (l = i));
+    if (C) {
+      const u = /* @__PURE__ */ new Set();
+      let d = 1 / 0, l = -1 / 0, v = -1 / 0;
+      const A = (t) => {
+        typeof t == "number" && Number.isFinite(t) && (t < d && (d = t), t > l && (l = t));
       };
-      O.forEach((i) => x(i[m]));
-      const F = O.length ? T(O[0][a]) : NaN;
-      if (g.forEach(
-        (i) => i.rows.forEach((p) => {
-          _.forEach((k) => {
-            x(p[k.lowerField]), x(p[k.upperField]);
-          }), u && x(p[u]);
-          const d = T(p[a]);
-          Number.isFinite(d) && d > s && (s = d);
+      L.forEach((t) => {
+        A(t[f]);
+        const n = T(t[s]);
+        Number.isFinite(n) && u.add(n);
+      });
+      const y = L.length ? T(L[0][s]) : NaN;
+      if (_.forEach(
+        (t) => t.rows.forEach((n) => {
+          x.forEach((g) => {
+            A(n[g.lowerField]), A(n[g.upperField]);
+          }), c && A(n[c]);
+          const m = T(n[s]);
+          Number.isFinite(m) && (u.add(m), m > v && (v = m));
         })
-      ), O.length) {
-        const i = T(O[O.length - 1][a]);
-        Number.isFinite(i) && i > s && (s = i);
+      ), L.length) {
+        const t = T(L[L.length - 1][s]);
+        Number.isFinite(t) && t > v && (v = t);
       }
-      if (Number.isFinite(o) && Number.isFinite(l)) {
-        const i = (l - o) * 0.05 || 1;
-        I.set("min", o - i), I.set("max", l + i), I.set("strictMinMax", !0);
+      if (Number.isFinite(d) && Number.isFinite(l)) {
+        const t = (l - d) * 0.05 || 1;
+        E.set("min", d - t), E.set("max", l + t), E.set("strictMinMax", !0);
       }
-      Number.isFinite(F) && Number.isFinite(s) && (f.set("min", F), f.set("max", s + R), f.set("strictMinMax", !0)), g.forEach((i) => {
-        const p = T(i.origin);
-        if (Number.isNaN(p)) return;
-        const d = f.createAxisRange(
-          f.makeDataItem({ value: p + R })
+      if (ne) {
+        const t = p.series.push(
+          G.new(e, {
+            name: "Timeline",
+            xAxis: b,
+            yAxis: E,
+            valueXField: s,
+            valueYField: ut
+          })
+        );
+        t.strokes.template.set("strokeOpacity", 0), t.fills.template.set("visible", !1), t.data.setAll(
+          Array.from(u).sort((n, m) => n - m).map((n) => ({ [s]: n }))
         );
-        B(d, 0.25);
+      }
+      !ne && Number.isFinite(y) && Number.isFinite(v) && (b.set("min", y), b.set("max", v + K), b.set("strictMinMax", !0)), ee || _.forEach((t) => {
+        const n = T(t.origin);
+        if (Number.isNaN(n)) return;
+        const m = b.createAxisRange(
+          b.makeDataItem({ value: n + K })
+        );
+        oe(m, 0.25);
+      });
+      const I = b.makeDataItem({ value: 0 }), j = b.createAxisRange(I);
+      oe(j, 0.8);
+      const X = /* @__PURE__ */ new Map(), U = (t, n) => t.setAll({
+        radius: n ? pt : Te,
+        fillOpacity: n ? 1 : 0.6
       });
-      const b = f.makeDataItem({ value: 0 }), D = f.createAxisRange(b);
-      B(D, 0.8);
-      const C = (i) => {
-        const p = g[i] ?? g[g.length - 1];
-        if (!p) return;
-        const d = z.orderBy(p.rows, [a]).map((w) => ({
-          ...w
+      if (ee) {
+        const t = L.map((o) => ({ t: T(o[s]), v: o[f] })).filter(
+          (o) => Number.isFinite(o.t) && typeof o.v == "number" && Number.isFinite(o.v)
+        ), n = (o) => {
+          let P;
+          for (const k of t) {
+            if (k.t > o) break;
+            P = k.v;
+          }
+          return P;
+        }, m = [];
+        _.forEach((o, P) => {
+          var $;
+          const k = T(o.origin);
+          if (!Number.isFinite(k)) return;
+          const S = c ? ($ = Q.orderBy(o.rows, [s]).find(
+            (Fe) => Fe[c] !== null && Fe[c] !== void 0
+          )) == null ? void 0 : $[c] : void 0, D = n(k) ?? S;
+          typeof D != "number" || !Number.isFinite(D) || m.push({
+            originDate: k,
+            originValue: D,
+            originIndex: P
+          });
+        });
+        const g = p.series.push(
+          G.new(e, {
+            name: "Forecast runs",
+            xAxis: b,
+            yAxis: E,
+            valueXField: "originDate",
+            valueYField: "originValue"
+          })
+        );
+        g.strokes.template.set("strokeOpacity", 0), g.fills.template.set("visible", !1), g.bullets.push((o, P, k) => {
+          const S = k.dataContext, D = it.new(o, {
+            radius: Te,
+            fill: B,
+            fillOpacity: 0.6,
+            stroke: O(r.palette.background.paper),
+            strokeWidth: 2,
+            interactive: !0,
+            cursorOverStyle: "pointer"
+          });
+          return U(D, S.originIndex === z.current), D.events.on(
+            "pointerover",
+            () => ie(S.originIndex)
+          ), D.events.on(
+            "pointerout",
+            () => (
+              // Guard against a neighbouring bullet's `pointerover` landing first.
+              ie(
+                ($) => $ === S.originIndex ? null : $
+              )
+            )
+          ), D.events.on("click", () => {
+            be(S.originIndex), ie(null);
+          }), X.set(S.originIndex, D), rt.new(o, { sprite: D });
+        }), g.data.setAll(m);
+      }
+      const N = (t) => {
+        const n = _[t] ?? _[_.length - 1];
+        if (!n) return;
+        const m = Q.orderBy(n.rows, [s]).map((o) => ({
+          ...o
         }));
-        S.forEach((w) => w.data.setAll(d)), v == null || v.data.setAll(d);
-        const k = T(p.origin);
-        b.set("value", Number.isNaN(k) ? 0 : k + R);
+        q.forEach((o) => o.data.setAll(m)), F == null || F.data.setAll(m);
+        const g = T(n.origin);
+        I.set("value", Number.isNaN(g) ? 0 : g + K), X.forEach(
+          (o, P) => U(o, P === t)
+        );
       };
-      M.current = C, C(ie.current);
+      V.current = N, N(z.current);
     } else {
-      const o = y.findIndex(
-        (b) => b[u] !== null && b[u] !== void 0
-      ), l = [...y].reverse().find(
-        (b) => b[m] !== null && b[m] !== void 0
-      ), s = o >= 0 ? y[o] : l, x = $ !== void 0 ? T($) : s ? T(s[a]) : NaN, F = Number.isNaN(x) ? NaN : x + R;
-      if (!Number.isNaN(F)) {
-        const b = f.createAxisRange(
-          f.makeDataItem({ value: F })
+      const u = w.findIndex(
+        (y) => y[c] !== null && y[c] !== void 0
+      ), d = [...w].reverse().find(
+        (y) => y[f] !== null && y[f] !== void 0
+      ), l = u >= 0 ? w[u] : d, v = te !== void 0 ? T(te) : l ? T(l[s]) : NaN, A = Number.isNaN(v) ? NaN : v + K;
+      if (!Number.isNaN(A)) {
+        const y = b.createAxisRange(
+          b.makeDataItem({ value: A })
         );
-        B(b, 0.7);
+        oe(y, 0.7);
       }
     }
-    const Ae = Pe(Y);
-    return Ee({
+    const Ve = We(Z);
+    return ze({
       root: e,
-      chart: h,
-      theme: t,
+      chart: p,
+      theme: r,
       getText: () => {
-        var p;
-        const o = (d) => d == null ? "—" : e.numberFormatter.format(d), l = j.get("tooltipDataItem"), s = v == null ? void 0 : v.get("tooltipDataItem"), x = s ?? l ?? ((p = S[0]) == null ? void 0 : p.get("tooltipDataItem")), F = x == null ? void 0 : x.get("valueX"), b = typeof F == "number" ? e.dateFormatter.format(new Date(F), Ae) : "", D = [], C = l == null ? void 0 : l.get("valueY");
-        C != null && D.push(`History: ${o(C)}`);
-        const i = s == null ? void 0 : s.get("valueY");
-        return i != null && D.push(`Centre: ${o(i)}`), _.forEach((d, k) => {
-          var ce;
-          const w = (ce = S[k]) == null ? void 0 : ce.get("tooltipDataItem"), G = w == null ? void 0 : w.get("valueY"), W = w == null ? void 0 : w.get("openValueY");
-          if (G != null && W !== void 0 && W !== null) {
-            const Fe = (G - W) / 2, De = d.label ?? `Band ${k + 1}`;
-            D.push(`[${L.toCSSHex()}]●[/] ${De}: ±${o(Fe)}`);
+        var U;
+        const u = (N) => N == null ? "—" : e.numberFormatter.format(N), d = J.get("tooltipDataItem"), l = F == null ? void 0 : F.get("tooltipDataItem"), v = l ?? d ?? ((U = q[0]) == null ? void 0 : U.get("tooltipDataItem")), A = v == null ? void 0 : v.get("valueX"), y = typeof A == "number" ? e.dateFormatter.format(new Date(A), Ve) : "", I = [];
+        if (C && ge.current) {
+          const N = _[z.current];
+          N && I.push(`Forecast run: ${Ce(N)}`);
+        }
+        const j = d == null ? void 0 : d.get("valueY");
+        j != null && I.push(`History: ${u(j)}`);
+        const X = l == null ? void 0 : l.get("valueY");
+        return X != null && I.push(`Centre: ${u(X)}`), x.forEach((N, t) => {
+          var o;
+          const n = (o = q[t]) == null ? void 0 : o.get("tooltipDataItem"), m = n == null ? void 0 : n.get("valueY"), g = n == null ? void 0 : n.get("openValueY");
+          if (m != null && g !== void 0 && g !== null) {
+            const P = (m - g) / 2, k = N.label ?? `Band ${t + 1}`;
+            I.push(`[${B.toCSSHex()}]●[/] ${k}: ±${u(P)}`);
           }
-        }), D.length === 0 ? "" : b ? `[bold]${b}[/]
-${D.join(`
-`)}` : D.join(`
+        }), I.length === 0 ? "" : y ? `[bold]${y}[/]
+${I.join(`
+`)}` : I.join(`
 `);
       }
-    }), h.appear(1e3, 100), () => {
-      M.current = null, e.dispose(), ne.current = null, se.current = null;
+    }), p.appear(1e3, 100), () => {
+      V.current = null, e.dispose(), ve.current = null, _e.current = null;
     };
   }, [
-    t.palette.mode,
-    c,
+    r.palette.mode,
+    h,
+    x,
     _,
-    g,
-    J,
-    $,
-    V,
-    K
-  ]), Me(() => {
+    ee,
+    ce,
+    te,
+    R,
+    ue
+  ]), He(() => {
     var e;
-    (e = M.current) == null || e.call(M, X);
-  }, [X]);
-  const xe = N ? g.map((e) => e.label ?? Je(e.origin)) : [];
+    (e = V.current) == null || e.call(V, Y);
+  }, [Y]);
+  const Me = C ? _.map(Ce) : [];
   return {
-    chartDivRef: H,
-    data: y,
-    chartId: ee,
-    loading: te,
-    emptyMessage: re,
-    isMulti: N,
-    origins: xe,
-    selectedOriginIndex: X,
+    chartDivRef: re,
+    data: w,
+    chartId: me,
+    loading: de,
+    emptyMessage: he,
+    isMulti: C,
+    origins: Me,
+    selectedOriginIndex: fe,
+    shownOriginIndex: Y,
+    isPreviewing: W !== null,
     onOriginChange: (e) => {
-      if (!N) return;
-      const h = Math.max(0, Math.min(g.length - 1, e));
-      ye(h);
+      if (!C) return;
+      const p = Math.max(0, Math.min(_.length - 1, e));
+      be(p);
     },
-    sx: _e,
-    other: ge,
-    ownerState: ve
+    sx: Le,
+    other: Se,
+    ownerState: Xe
   };
 };
 export {
-  ft as useForecastConeChartLogic
+  Et as useForecastConeChartLogic
 };