@abdullahjaswal/tickyr-charts 0.1.0

package/dist/solid.js

@@ -0,0 +1,2571 @@
+import { $ as e, $t as t, A as n, Bn as r, Bt as i, C as a, Cn as o, Ct as s, D as c, E as l, Et as u, F as d, Ft as f, G as p, Gt as m, I as h, It as g, J as _, Jt as v, K as y, Kt as b, L as x, Ln as S, Lt as ee, M as C, N as w, O as T, P as te, Pt as E, Q as D, Qt as ne, R as re, Rn as O, Rt as ie, S as ae, Sn as k, St as A, T as oe, Tn as se, Tt as ce, U as le, Ut as ue, V as j, Vt as de, W as fe, Wt as pe, X as me, Xt as he, Z as ge, Zt as _e, _ as ve, _n as ye, a as be, an as xe, b as Se, bn as Ce, c as we, cn as Te, ct as Ee, d as De, dt as M, en as Oe, et as ke, f as Ae, fn as je, ft as Me, g as Ne, gn as Pe, h as Fe, hn as Ie, i as Le, in as Re, it as ze, j as Be, jn as Ve, k as He, kn as Ue, l as We, lt as Ge, m as Ke, mn as qe, n as Je, nn as Ye, nt as Xe, o as Ze, on as Qe, p as $e, pn as et, q as tt, r as nt, rn as rt, rt as it, s as at, sn as ot, t as st, tn as ct, tt as lt, u as ut, ut as dt, v as ft, vn as pt, w as mt, wn as ht, wt as gt, x as _t, xn as vt, y as yt, yn as bt, z as xt, zn as St, zt as Ct } from "./accessibility-B-2UbONR.js";
+import { createComponent as N, delegateEvents as P, effect as F, insert as I, memo as L, mergeProps as wt, setAttribute as R, setStyleProperty as z, style as B, template as V, use as H } from "solid-js/web";
+import { For as U, createContext as Tt, createEffect as W, createMemo as G, createSignal as K, onCleanup as q, onMount as J, useContext as Et } from "solid-js";
+var Y = Object.freeze({
+  theme: "inherit",
+  palette: "Monochrome",
+  locale: "USA",
+  timeZone: void 0,
+  visualStyle: "Fill",
+  outlineFillColor: "auto",
+  outlineFillOpacity: 15,
+  cornerRadius: 3,
+  borderWidth: 1.4,
+  accents: false,
+  osTheme: "light",
+  appTheme: "light"
+}), Dt = Tt(() => Y), Ot = (e2) => {
+  J(() => {
+    if (e2.palettes !== void 0) for (let t3 of e2.palettes) Ue(t3);
+  });
+  let t2 = G(() => ({
+    theme: e2.theme ?? Y.theme,
+    palette: e2.palette ?? Y.palette,
+    locale: e2.locale ?? Y.locale,
+    timeZone: e2.timeZone,
+    visualStyle: e2.visualStyle ?? Y.visualStyle,
+    outlineFillColor: e2.outlineFillColor ?? Y.outlineFillColor,
+    outlineFillOpacity: e2.outlineFillOpacity ?? Y.outlineFillOpacity,
+    cornerRadius: e2.cornerRadius ?? Y.cornerRadius,
+    borderWidth: e2.borderWidth ?? Y.borderWidth,
+    accents: e2.accents ?? Y.accents,
+    osTheme: e2.osTheme ?? Y.osTheme,
+    appTheme: e2.appTheme ?? Y.appTheme
+  }));
+  return N(Dt.Provider, {
+    value: t2,
+    get children() {
+      return e2.children;
+    }
+  });
+};
+function X() {
+  return Et(Dt);
+}
+function kt(e2) {
+  let t2 = X();
+  return () => {
+    let n2 = t2();
+    return et(e2 ?? n2.theme, n2.appTheme, n2.osTheme);
+  };
+}
+function At(e2) {
+  return {
+    length: 0,
+    capacity: e2,
+    times: new Float64Array(e2),
+    opens: new Float64Array(e2),
+    highs: new Float64Array(e2),
+    lows: new Float64Array(e2),
+    closes: new Float64Array(e2),
+    volumes: new Float64Array(e2)
+  };
+}
+function jt(e2) {
+  let t2 = e2.length;
+  for (let n2 = 1; n2 < t2; n2++) e2.times[n2 - 1] = e2.times[n2], e2.opens[n2 - 1] = e2.opens[n2], e2.highs[n2 - 1] = e2.highs[n2], e2.lows[n2 - 1] = e2.lows[n2], e2.closes[n2 - 1] = e2.closes[n2], e2.volumes[n2 - 1] = e2.volumes[n2];
+  e2.length = t2 - 1;
+}
+function Mt(e2, t2, n2, r2) {
+  if (t2.kind === ce.NoEvent) return;
+  if (t2.kind === ce.MutateLast) {
+    if (e2.length === 0) return;
+    let t3 = e2.length - 1;
+    n2 > e2.highs[t3] && (e2.highs[t3] = n2), n2 < e2.lows[t3] && (e2.lows[t3] = n2), e2.closes[t3] = n2, e2.volumes[t3] = e2.volumes[t3] + r2;
+    return;
+  }
+  e2.length >= e2.capacity && jt(e2);
+  let i2 = e2.length;
+  e2.times[i2] = t2.bucketStartMs, e2.opens[i2] = n2, e2.highs[i2] = n2, e2.lows[i2] = n2, e2.closes[i2] = n2, e2.volumes[i2] = r2, e2.length = i2 + 1;
+}
+function Z(e2) {
+  let t2 = e2.length;
+  return {
+    times: e2.times.subarray(0, t2),
+    opens: e2.opens.subarray(0, t2),
+    highs: e2.highs.subarray(0, t2),
+    lows: e2.lows.subarray(0, t2),
+    closes: e2.closes.subarray(0, t2),
+    volumes: e2.volumes.subarray(0, t2)
+  };
+}
+function Nt(e2) {
+  let t2 = e2.capacity ?? 5e3, n2 = At(t2), r2 = null, i2 = null, a2 = u(), o2 = [], [s2, c2] = K(false), [l2, d2] = K(Z(n2)), [f2, p2] = K(0), m2 = false;
+  return J(() => {
+    (async () => {
+      let s3 = await gt(e2.market);
+      if (m2) {
+        s3.free();
+        return;
+      }
+      i2 = s3;
+      let l3 = await A({
+        timeframeMinutes: e2.timeframeMinutes,
+        capacity: t2,
+        market: s3,
+        minPriceRaw: e2.minPriceRaw,
+        maxPriceRaw: e2.maxPriceRaw,
+        maxVolumeRaw: e2.maxVolumeRaw
+      });
+      if (m2) {
+        l3.free(), s3.free(), i2 = null;
+        return;
+      }
+      if (r2 = l3, e2.anomalyPolicy !== void 0) {
+        let t3 = e2.anomalyPolicy;
+        l3.setAnomalyPolicy(t3.maxRelativePriceJump ?? -1, t3.rejectZeroVolumeTrade ?? false, t3.clockSkewToleranceMs ?? -1, t3.maxGapMs ?? -1);
+      }
+      if (e2.onAudit !== void 0 && l3.setAuditCallback(e2.onAudit), e2.onTelemetry !== void 0 && l3.setTelemetryCallback(e2.onTelemetry), o2.length > 0) {
+        for (let e3 = 0; e3 < o2.length; e3++) {
+          let [t3, r3, i3] = o2[e3];
+          try {
+            l3.pushTick(t3, r3, i3, a2), Mt(n2, a2, r3, i3);
+          } catch {
+          }
+        }
+        o2.length = 0;
+      }
+      c2(true), d2(Z(n2)), p2(n2.length);
+    })();
+  }), q(() => {
+    m2 = true, r2 !== null && (r2.free(), r2 = null), i2 !== null && (i2.free(), i2 = null);
+  }), {
+    candles: l2,
+    length: f2,
+    pushTick: (e3, t3, i3) => {
+      let s3 = r2;
+      if (s3 === null) {
+        o2.push([
+          e3,
+          t3,
+          i3
+        ]);
+        return;
+      }
+      s3.pushTick(e3, t3, i3, a2), Mt(n2, a2, t3, i3), d2(Z(n2)), p2(n2.length);
+    },
+    reset: () => {
+      r2 !== null && r2.reset(), n2.length = 0, o2.length = 0, d2(Z(n2)), p2(0);
+    },
+    ready: s2
+  };
+}
+var Pt = Tt(null);
+function Q() {
+  return Et(Pt);
+}
+function Ft(e2) {
+  let t2 = Ee(), [n2, r2] = K(0), i2, a2 = null, o2 = null;
+  J(() => {
+    i2 = t2.subscribe(() => {
+      r2((e3) => e3 + 1), t2.selectedTime !== a2 && (a2 = t2.selectedTime, e2.onSelectionChange?.(t2.selectedTime)), t2.brush !== o2 && (o2 = t2.brush, e2.onBrushChange?.(t2.brush));
+    });
+  }), q(() => {
+    i2?.();
+  });
+  let s2 = {
+    options: G(() => Ge({
+      syncDomain: e2.syncDomain,
+      syncPanZoom: e2.syncPanZoom,
+      syncCrosshair: e2.syncCrosshair,
+      syncYScale: e2.syncYScale,
+      referencePoint: e2.referencePoint,
+      syncSelection: e2.syncSelection,
+      syncTooltip: e2.syncTooltip,
+      brush: e2.brush,
+      navigator: e2.navigator
+    })),
+    state: t2,
+    version: n2
+  };
+  return N(Pt.Provider, {
+    value: s2,
+    get children() {
+      return e2.children;
+    }
+  });
+}
+var It = /* @__PURE__ */ V(`<div role=status aria-live=polite style="position:absolute;pointer-events:none;padding:8px 11px;border-radius:6px;font-size:12px;font-family:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;line-height:1.35;white-space:nowrap;z-index:1"><div style=font-size:10.5px;letter-spacing:0.02em;text-transform:uppercase;font-weight:500;margin-bottom:2px> </div><div style=display:flex;flex-direction:column;gap:3px>`), Lt = /* @__PURE__ */ V('<div style=display:flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums><span aria-hidden=true style="width:9px;height:9px;border-radius:2px;display:inline-block;flex:0 0 auto"></span><span style=font-weight:500></span><span style=margin-left:auto;font-weight:600>'), $ = 12, Rt = 140, zt = 56;
+function Bt(e2) {
+  return e2 === "light" ? {
+    bg: "rgb(255, 255, 255)",
+    fg: "rgb(20, 22, 26)",
+    subtleFg: "rgba(20, 22, 26, 0.56)",
+    border: "rgba(15, 18, 23, 0.08)",
+    shadow: "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)"
+  } : {
+    bg: "rgb(34, 36, 42)",
+    fg: "rgb(240, 242, 246)",
+    subtleFg: "rgba(240, 242, 246, 0.62)",
+    border: "rgba(255, 255, 255, 0.08)",
+    shadow: "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)"
+  };
+}
+function Vt(e2) {
+  let t2 = Bt(e2.theme), n2 = e2.seriesValues.filter((e3) => !Number.isNaN(e3.value)), r2 = e2.pointerX > e2.containerWidth - Rt, i2 = e2.pointerY > e2.containerHeight - zt, a2 = r2 ? { right: `${e2.containerWidth - e2.pointerX + $}px` } : { left: `${e2.pointerX + $}px` };
+  return i2 ? a2.bottom = `${e2.containerHeight - e2.pointerY + $}px` : a2.top = `${e2.pointerY + $}px`, (() => {
+    var r3 = It(), i3 = r3.firstChild, o2 = i3.firstChild, s2 = i3.nextSibling;
+    return I(i3, () => e2.formatter.formatDate(e2.t), o2), I(i3, () => e2.formatter.formatTime(e2.t), null), I(s2, N(U, {
+      each: n2,
+      children: (n3) => (() => {
+        var r4 = Lt(), i4 = r4.firstChild, a3 = i4.nextSibling, o3 = a3.nextSibling;
+        return I(a3, () => n3.label), I(o3, () => e2.formatter.formatPrice(n3.value)), F((e3) => {
+          var r5 = n3.color, o4 = t2.subtleFg;
+          return r5 !== e3.e && z(i4, "background", e3.e = r5), o4 !== e3.t && z(a3, "color", e3.t = o4), e3;
+        }, {
+          e: void 0,
+          t: void 0
+        }), r4;
+      })()
+    })), F((e3) => {
+      var n3 = {
+        ...a2,
+        background: t2.bg,
+        color: t2.fg,
+        border: `1px solid ${t2.border}`,
+        "box-shadow": t2.shadow
+      }, o3 = t2.subtleFg;
+      return e3.e = B(r3, n3, e3.e), o3 !== e3.t && z(i3, "color", e3.t = o3), e3;
+    }, {
+      e: void 0,
+      t: void 0
+    }), r3;
+  })();
+}
+var Ht = /* @__PURE__ */ V(`<div style="position:absolute;pointer-events:none;border-radius:6px;padding:6px 10px;font-size:11px;font-family:12px system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;font-variant-numeric:tabular-nums"><div style=font-weight:600;text-transform:uppercase;font-size:10px;letter-spacing:0.06em;opacity:0.7></div><div style=font-weight:600> \xB7 bar #`);
+function Ut(e2) {
+  let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34,36,42)" : "rgb(255,255,255)", r2 = t2 ? "rgba(255,255,255,0.94)" : "rgba(0,0,0,0.92)", i2 = t2 ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.08)";
+  return (() => {
+    var a2 = Ht(), o2 = a2.firstChild, s2 = o2.nextSibling, c2 = s2.firstChild;
+    return z(a2, "background", n2), z(a2, "color", r2), z(a2, "border", `1px solid ${i2}`), z(a2, "box-shadow", t2 ? "0 4px 14px rgba(0,0,0,0.5)" : "0 4px 14px rgba(0,0,0,0.12)"), I(o2, () => e2.kind === "high" ? "High" : "Low"), I(s2, () => e2.formatter.formatPrice(e2.price), c2), I(s2, () => e2.barIdx, null), F((t3) => {
+      var n3 = `${e2.pointerX + 12}px`, r3 = `${e2.pointerY + 12}px`;
+      return n3 !== t3.e && z(a2, "left", t3.e = n3), r3 !== t3.t && z(a2, "top", t3.t = r3), t3;
+    }, {
+      e: void 0,
+      t: void 0
+    }), a2;
+  })();
+}
+function Wt(e2, t2) {
+  return e2 === false ? null : typeof e2 == "function" ? e2(t2) : N(Ut, t2);
+}
+var Gt = /* @__PURE__ */ V('<div aria-live=polite style="position:absolute;top:8px;left:50%;transform:translate(-50%, 0);pointer-events:none;z-index:2">'), Kt = /* @__PURE__ */ V('<div aria-live=polite style="position:absolute;top:8px;left:50%;transform:translate(-50%, 0);padding:5px 12px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:0.02em;white-space:nowrap;pointer-events:none;display:inline-flex;align-items:center;gap:6px;z-index:2"><span aria-hidden=true style=font-size:12px;line-height:1>\u23F8</span><span>'), qt = /* @__PURE__ */ V("<div>"), Jt = /* @__PURE__ */ V(`<div aria-live=polite role=status style="display:inline-flex;align-items:center;border-radius:999px;font-family:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;font-size:10px;font-weight:600"><span>`), Yt = /* @__PURE__ */ V("<span aria-hidden=true style=width:6px;height:6px;border-radius:999px>"), Xt = /* @__PURE__ */ V('<div aria-label=Legend style="position:absolute;z-index:2;pointer-events:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:5px 9px;border-radius:6px;backdrop-filter:blur(2px);letter-spacing:0.01em;transition:opacity 0.15s ease-out">'), Zt = /* @__PURE__ */ V('<span style=display:inline-flex;align-items:center;gap:5px><span aria-hidden=true style="width:10px;height:10px;border-radius:2px;display:inline-block;flex:0 0 auto"></span><span>'), Qt = /* @__PURE__ */ V("<canvas role=img style=display:block>"), $t = /* @__PURE__ */ V("<div role=img style=position:relative;display:block><canvas aria-hidden=true></canvas><canvas aria-hidden=true>");
+function en(e2, t2) {
+  return e2 === false ? null : typeof e2 == "function" ? e2(t2) : N(Vt, t2);
+}
+function tn(e2) {
+  let t2 = X(), n2, r2, i2, a2 = null, [o2, c2] = K(null), [l2, u2] = K(null), [d2, f2] = K(null), [m2, h2] = K("live"), [g2, _2] = K(false), [v2, y2] = K([]), b2 = G(() => {
+    let e3 = t2();
+    return {
+      theme: e3.theme,
+      palette: e3.palette,
+      locale: e3.locale,
+      timeZone: e3.timeZone,
+      visualStyle: e3.visualStyle,
+      outlineFillColor: e3.outlineFillColor,
+      outlineFillOpacity: e3.outlineFillOpacity,
+      cornerRadius: e3.cornerRadius,
+      borderWidth: e3.borderWidth,
+      accents: e3.accents,
+      osTheme: e3.osTheme,
+      appTheme: e3.appTheme
+    };
+  });
+  J(() => {
+    p();
+  }), J(() => {
+    n2 !== void 0 && (a2 = new le({
+      container: i2 ?? null,
+      staticCanvas: n2,
+      dynamicCanvas: r2 ?? null,
+      initialProps: e2,
+      initialProvider: b2(),
+      onContextChange: c2,
+      onHoverChange: u2,
+      onExtremeHoverChange: f2,
+      onLiveStateChange: h2,
+      onReducedMotionChange: _2,
+      onResolvedIndicatorsChange: y2
+    }), typeof e2.ref == "function" && e2.ref({ onTick: (e3, t3, n3 = 0) => {
+      a2?.onTick(e3, t3, n3);
+    } }));
+  }), W(() => {
+    a2 !== null && a2.update(e2, b2());
+  }), q(() => {
+    a2 !== null && (a2.dispose(), a2 = null);
+  });
+  let x2 = (e3) => {
+    a2?.handlePointerMove(e3);
+  }, S2 = () => {
+    a2?.handlePointerLeave();
+  }, ee2 = () => {
+    let e3 = C2;
+    if (e3 === null || !e3.options().syncSelection) return;
+    let t3 = l2();
+    t3 !== null && e3.state.setSelectedTime(t3.t);
+  }, C2 = Q();
+  W(() => {
+    if (C2 === null || !C2.options().syncCrosshair) return;
+    let e3 = l2();
+    C2.state.setCrosshairTime(e3 === null ? null : e3.t);
+  }), W(() => {
+    C2 === null || !C2.options().syncCrosshair || l2() === null && (C2.version(), a2?.applyExternalCrosshair(C2.state.crosshairTime));
+  });
+  let w2 = G(() => e2.width ?? 800), T2 = G(() => e2.height ?? 300), te2 = G(() => e2.sparkline === true || e2.sparkline !== false && w2() < 150), E2 = G(() => e2.ariaLabel ?? o2()?.ariaLabel ?? "Line chart"), D2 = G(() => {
+    let t3 = l2(), n3 = o2();
+    if (t3 === null || n3 === null) return [];
+    let r3 = [], i3 = n3.personalization.palette[n3.personalization.theme], a3 = ht(se(n3.personalization.palette, n3.personalization.theme), i3, n3.series.length > 0 && s(n3.series.values, n3.series.length - 1) >= s(n3.series.values, 0)), c3 = n3.primaryColorOverride ?? M(a3);
+    r3.push({
+      id: e2.series?.[0]?.id ?? "primary",
+      label: e2.series?.[0]?.label ?? e2.series?.[0]?.id ?? "Price",
+      color: c3,
+      value: t3.value
+    });
+    for (let i4 = 0; i4 < n3.secondarySeriesList.length; i4++) {
+      let a4 = n3.secondarySeriesList[i4], o3 = e2.series?.[i4 + 1], c4 = a4.ingested.length > 0 ? dt(a4.ingested.times, t3.t) : -1, l3 = n3.stackedLayout === null ? a4.ingested.values : n3.stackedLayout.tops[i4 + 1], u4 = c4 >= 0 ? s(l3, c4) : NaN;
+      r3.push({
+        id: o3?.id ?? `series-${i4 + 1}`,
+        label: o3?.label ?? o3?.id ?? `Series ${i4 + 2}`,
+        color: a4.color,
+        value: u4
+      });
+    }
+    let u3 = v2();
+    if (n3.stackedLayout === null && t3.idx >= 0 && t3.idx < n3.series.length) for (let e3 = 0; e3 < u3.length; e3++) {
+      let n4 = u3[e3];
+      if (n4.kind === "single") {
+        let i4 = "";
+        switch (n4.spec.type) {
+          case "sma":
+            i4 = `SMA(${n4.spec.period})`;
+            break;
+          case "ema":
+            i4 = `EMA(${n4.spec.period})`;
+            break;
+          case "wma":
+            i4 = `WMA(${n4.spec.period})`;
+            break;
+        }
+        if (i4 === "") continue;
+        r3.push({
+          id: `${i4}-${e3}`,
+          label: i4,
+          color: n4.color,
+          value: s(n4.values, t3.idx)
+        });
+      } else {
+        let i4 = n4.spec.period, a4 = n4.spec.multiplier;
+        r3.push({
+          id: `bb-upper-${e3}`,
+          label: `BB Upper(${i4}, ${a4})`,
+          color: n4.color,
+          value: s(n4.upper, t3.idx)
+        }), r3.push({
+          id: `bb-mid-${e3}`,
+          label: `BB Mid(${i4}, ${a4})`,
+          color: n4.color,
+          value: s(n4.middle, t3.idx)
+        }), r3.push({
+          id: `bb-lower-${e3}`,
+          label: `BB Lower(${i4}, ${a4})`,
+          color: n4.color,
+          value: s(n4.lower, t3.idx)
+        });
+      }
+    }
+    return r3;
+  }), ne2 = G(() => {
+    let t3 = l2(), n3 = o2();
+    return t3 === null || n3 === null ? null : en(e2.tooltip, {
+      t: t3.t,
+      value: t3.value,
+      idx: t3.idx,
+      seriesValues: D2(),
+      pointerX: t3.pointerX,
+      pointerY: t3.pointerY,
+      containerWidth: w2(),
+      containerHeight: T2(),
+      theme: n3.personalization.theme,
+      palette: n3.personalization.palette,
+      locale: n3.resolvedLocaleBase,
+      timeZone: n3.resolvedTimeZone,
+      formatter: n3.formatter
+    });
+  }), re2 = G(() => {
+    let t3 = d2(), n3 = o2();
+    return t3 === null || n3 === null ? null : Wt(e2.extremeTooltip, {
+      kind: t3.kind,
+      barIdx: t3.idx,
+      price: t3.price,
+      t: t3.t,
+      pointerX: t3.pointerX,
+      pointerY: t3.pointerY,
+      containerWidth: w2(),
+      containerHeight: T2(),
+      theme: n3.personalization.theme,
+      palette: n3.personalization.palette,
+      locale: n3.resolvedLocaleBase,
+      timeZone: n3.resolvedTimeZone,
+      formatter: n3.formatter
+    });
+  }), O2 = G(() => {
+    let e3 = o2(), t3 = m2() !== "live", n3 = e3 !== null && t3 && (e3.personalization.staleVisualization === "desaturate-pulse" || e3.personalization.staleVisualization === "desaturate-pulse + banner"), r3 = {
+      position: "absolute",
+      inset: "0",
+      width: "100%",
+      height: "100%"
+    };
+    if (!n3) return {
+      staticStyle: r3,
+      dynamicStyle: {
+        ...r3,
+        "pointer-events": "none"
+      }
+    };
+    let i3 = {
+      filter: "saturate(0.5)",
+      ...g2() ? { opacity: "0.9" } : { animation: "tickyr-stale-pulse 1.2s ease-in-out infinite" }
+    };
+    return {
+      staticStyle: {
+        ...r3,
+        ...i3
+      },
+      dynamicStyle: {
+        ...r3,
+        "pointer-events": "none",
+        ...i3
+      }
+    };
+  }), ie2 = G(() => {
+    let e3 = o2();
+    return e3 === null ? false : m2() !== "live" && (e3.personalization.staleVisualization === "banner" || e3.personalization.staleVisualization === "desaturate-pulse + banner");
+  }), ae2 = G(() => {
+    if (!ie2() || e2.staleBanner === false) return null;
+    let t3 = o2();
+    if (t3 === null) return null;
+    let n3 = t3.personalization.palette[t3.personalization.theme], r3 = M(n3.warn, 1), i3 = e2.chartBgColor ?? (t3.personalization.theme === "dark" ? "#0c0d0e" : "#fafafa"), a3 = m2(), s2 = a3 === "disconnected" ? "Connection lost" : "Live data paused", c3 = g2() ? void 0 : "tickyr-stale-banner-in 0.3s ease-out";
+    if (typeof e2.staleBanner == "function") {
+      let n4 = e2.staleBanner({
+        state: a3,
+        liveSince: e2.liveSince,
+        theme: t3.personalization.theme,
+        palette: t3.personalization.palette
+      });
+      return (() => {
+        var e3 = Gt();
+        return I(e3, n4), F((t4) => B(e3, { ...c3 === void 0 ? {} : { animation: c3 } }, t4)), e3;
+      })();
+    }
+    return (() => {
+      var e3 = Kt(), n4 = e3.firstChild.nextSibling;
+      return I(n4, s2), F((n5) => B(e3, {
+        background: r3,
+        color: i3,
+        "font-family": fe,
+        "box-shadow": t3.personalization.theme === "dark" ? "0 2px 8px rgba(0,0,0,0.4)" : "0 2px 8px rgba(0,0,0,0.15)",
+        ...c3 === void 0 ? {} : { animation: c3 }
+      }, n5)), e3;
+    })();
+  }), k2 = G(() => typeof e2.connectionIndicator == "function" ? e2.connectionIndicator : void 0), A2 = G(() => {
+    let t3 = o2();
+    if (t3 === null) return null;
+    let n3 = t3.personalization, r3 = k2(), i3 = n3.connectionIndicator;
+    if (r3 === void 0 && i3 === "off") return null;
+    let a3 = n3.legendPosition, s2 = a3 === "top-left" || a3 === "bottom-left", c3 = {
+      position: "absolute",
+      "pointer-events": "none",
+      "z-index": "3",
+      ...a3 === "top-left" || a3 === "top-right" ? { top: "4px" } : { bottom: "4px" },
+      ...s2 ? { left: "4px" } : { right: "4px" }
+    };
+    if (r3 !== void 0) return (() => {
+      var t4 = qt();
+      return I(t4, () => r3({
+        state: m2(),
+        liveSince: e2.liveSince,
+        position: a3,
+        theme: n3.theme,
+        palette: n3.palette
+      })), F((e3) => B(t4, c3, e3)), t4;
+    })();
+    let l3 = n3.palette[n3.theme], u3 = m2(), d3 = M(u3 === "live" ? l3.up : u3 === "stale" ? l3.warn : l3.down, 1), f3 = n3.theme === "dark" ? "#0c0d0e" : "#fafafa", p2 = u3 === "live" ? "live" : u3 === "stale" ? "stale" : "offline", h3 = n3.visualStyle === "Outline", _3 = i3 === "dot";
+    return (() => {
+      var e3 = Jt(), t4 = e3.firstChild;
+      return I(e3, _3 && (() => {
+        var e4 = Yt();
+        return z(e4, "background", h3 ? d3 : f3), e4;
+      })(), t4), I(t4, p2), F((t5) => B(e3, {
+        ...c3,
+        gap: _3 ? "5px" : "0",
+        padding: _3 ? "0 7px" : "0 10px",
+        height: _3 ? "18px" : "22px",
+        ...h3 ? {
+          background: f3,
+          color: d3,
+          border: `${_3 ? 1 : 1.4}px solid ${d3}`
+        } : {
+          background: d3,
+          color: f3,
+          border: "none"
+        },
+        ...u3 !== "live" && !g2() ? { animation: "tickyr-stale-pulse 1s ease-in-out infinite" } : {}
+      }, t5)), e3;
+    })();
+  }), oe2 = G(() => {
+    let t3 = o2();
+    if (t3 === null) return null;
+    let n3 = t3.personalization;
+    if (n3.legend === "off") return null;
+    let r3 = n3.palette[n3.theme], i3 = [];
+    if (e2.series !== void 0 && e2.series.length > 0) {
+      let t4 = e2.series[0], n4 = r3.categorical[0];
+      i3.push({
+        id: t4.id,
+        label: t4.label ?? t4.id,
+        color: t4.color ?? M(n4)
+      });
+    }
+    for (let n4 = 0; n4 < t3.secondarySeriesList.length; n4++) {
+      let r4 = t3.secondarySeriesList[n4], a4 = e2.series?.[n4 + 1];
+      i3.push({
+        id: a4?.id ?? `series-${n4 + 1}`,
+        label: a4?.label ?? a4?.id ?? `Series ${n4 + 2}`,
+        color: r4.color
+      });
+    }
+    let a3 = v2();
+    for (let e3 = 0; e3 < a3.length; e3++) {
+      let t4 = a3[e3], n4;
+      switch (t4.spec.type) {
+        case "sma":
+          n4 = `SMA(${t4.spec.period})`;
+          break;
+        case "ema":
+          n4 = `EMA(${t4.spec.period})`;
+          break;
+        case "wma":
+          n4 = `WMA(${t4.spec.period})`;
+          break;
+        case "bollinger":
+          n4 = `BB(${t4.spec.period}, ${t4.spec.multiplier})`;
+          break;
+      }
+      i3.push({
+        id: `${t4.spec.type}-${e3}`,
+        label: n4,
+        color: t4.color
+      });
+    }
+    if (i3.length === 0) return null;
+    let s2 = n3.legendPosition === "top-left" || n3.legendPosition === "bottom-left", c3 = n3.legendPosition === "top-left" || n3.legendPosition === "top-right", u3 = n3.connectionIndicator !== "off" || k2() !== void 0, f3 = c3 && u3 ? "30px" : "4px", p2 = n3.legend !== "on-hover" || l2() !== null || d2() !== null, m3 = n3.theme === "dark" ? "rgba(20,21,23,0.78)" : "rgba(250,250,250,0.78)", h3 = M(r3.neutral, 0.92);
+    return (() => {
+      var e3 = Xt();
+      return I(e3, N(U, {
+        each: i3,
+        children: (e4) => (() => {
+          var t4 = Zt(), n4 = t4.firstChild, r4 = n4.nextSibling;
+          return I(r4, () => e4.label), F((t5) => z(n4, "background", e4.color)), t4;
+        })()
+      })), F((t4) => B(e3, {
+        background: m3,
+        font: `500 11px/1.1 ${fe}`,
+        color: h3,
+        opacity: p2 ? "1" : "0",
+        ...c3 ? { top: f3 } : { bottom: f3 },
+        ...s2 ? { left: "4px" } : { right: "4px" }
+      }, t4)), e3;
+    })();
+  });
+  return L(() => L(() => !!te2())() ? (() => {
+    var e3 = Qt();
+    return H((e4) => n2 = e4, e3), F((t3) => {
+      var n3 = E2(), r3 = `${w2()}px`, i3 = `${T2()}px`;
+      return n3 !== t3.e && R(e3, "aria-label", t3.e = n3), r3 !== t3.t && z(e3, "width", t3.t = r3), i3 !== t3.a && z(e3, "height", t3.a = i3), t3;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    }), e3;
+  })() : (() => {
+    var e3 = $t(), t3 = e3.firstChild, a3 = t3.nextSibling;
+    return e3.$$click = ee2, e3.addEventListener("pointerleave", S2), e3.$$pointermove = x2, H((e4) => i2 = e4, e3), H((e4) => n2 = e4, t3), H((e4) => r2 = e4, a3), I(e3, A2, null), I(e3, ae2, null), I(e3, oe2, null), I(e3, ne2, null), I(e3, re2, null), F((n3) => {
+      var r3 = E2(), i3 = `${w2()}px`, o3 = `${T2()}px`, s2 = O2().staticStyle, c3 = O2().dynamicStyle;
+      return r3 !== n3.e && R(e3, "aria-label", n3.e = r3), i3 !== n3.t && z(e3, "width", n3.t = i3), o3 !== n3.a && z(e3, "height", n3.a = o3), n3.o = B(t3, s2, n3.o), n3.i = B(a3, c3, n3.i), n3;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0
+    }), e3;
+  })());
+}
+P(["pointermove", "click"]);
+var nn = "min", rn = "flat", an = 0.6;
+function on(e2) {
+  let t2 = X(), n2 = G(() => e2.baseline ?? nn), r2 = G(() => e2.fillType ?? rn), i2 = G(() => e2.fillOpacity ?? an), a2 = G(() => e2.stacked === true ? "additive" : e2.stacked === "normalized" ? "normalized" : false), o2 = G(() => {
+    let n3 = t2();
+    return je({
+      theme: e2.theme ?? n3.theme,
+      palette: e2.palette ?? n3.palette,
+      osTheme: n3.osTheme,
+      appTheme: n3.appTheme,
+      visualStyle: e2.visualStyle ?? n3.visualStyle
+    });
+  }), s2 = G(() => {
+    let e3 = o2();
+    return e3.palette[e3.theme];
+  }), c2 = G(() => {
+    let t3 = e2.thresholdFill;
+    if (t3 === false || t3 === void 0) return;
+    let n3 = t3 === true ? {} : t3, r3 = s2(), i3 = n3.aboveColor ?? M(r3.up), a3 = n3.belowColor ?? M(r3.down);
+    return {
+      value: n3.value,
+      aboveColor: i3,
+      belowColor: a3
+    };
+  }), l2 = G(() => {
+    let e3 = {
+      baseline: n2(),
+      fillType: r2(),
+      fillOpacity: i2()
+    }, t3 = c2();
+    t3 !== void 0 && (e3.threshold = t3);
+    let o3 = a2();
+    return o3 !== false && (e3.stacked = o3), e3;
+  });
+  return N(tn, wt(e2, {
+    get ariaLabel() {
+      return e2.ariaLabel ?? "Area chart";
+    },
+    get areaFill() {
+      return l2();
+    }
+  }));
+}
+var sn = /* @__PURE__ */ V("<div role=presentation>"), cn = /* @__PURE__ */ V('<span style=display:inline-flex;align-items:center;gap:5px><span aria-hidden=true style="width:10px;height:10px;border-radius:2px;display:inline-block;flex:0 0 auto"></span><span>'), ln = /* @__PURE__ */ V("<div style=position:relative><canvas aria-hidden=true style=display:block>"), un = /* @__PURE__ */ V("<div style=position:relative><canvas aria-hidden=true style=display:block></canvas><canvas aria-hidden=true style=display:block;position:absolute;inset:0;pointer-events:none>");
+function dn(e2) {
+  let t2 = X(), n2, r2, i2, a2 = null, [o2, c2] = K(null), [l2, u2] = K(null), d2 = G(() => {
+    let e3 = t2();
+    return {
+      theme: e3.theme,
+      palette: e3.palette,
+      locale: e3.locale,
+      timeZone: e3.timeZone,
+      visualStyle: e3.visualStyle,
+      outlineFillColor: e3.outlineFillColor,
+      outlineFillOpacity: e3.outlineFillOpacity,
+      cornerRadius: e3.cornerRadius,
+      borderWidth: e3.borderWidth,
+      accents: e3.accents,
+      osTheme: e3.osTheme,
+      appTheme: e3.appTheme
+    };
+  });
+  J(() => {
+    n2 !== void 0 && (a2 = new j({
+      container: i2 ?? null,
+      staticCanvas: n2,
+      dynamicCanvas: r2 ?? null,
+      initialProps: e2,
+      initialProvider: d2(),
+      onContextChange: c2,
+      onHoverChange: u2
+    }));
+  }), W(() => {
+    a2 !== null && a2.update(e2, d2());
+  }), q(() => {
+    a2 !== null && (a2.dispose(), a2 = null);
+  });
+  let f2 = (e3) => {
+    a2?.handlePointerMove(e3);
+  }, p2 = () => {
+    a2?.handlePointerLeave();
+  }, m2 = G(() => e2.width ?? 800), h2 = G(() => e2.height ?? 300), g2 = G(() => e2.sparkline === true || e2.sparkline !== false && m2() < 150), _2 = G(() => e2.ariaLabel ?? o2()?.ariaLabel ?? "Bar chart"), v2 = G(() => {
+    let t3 = l2(), n3 = o2();
+    if (t3 === null || n3 === null) return [];
+    let r3 = [], i3 = n3.personalization.palette[n3.personalization.theme], a3 = n3.primaryColor ?? M(t3.value >= 0 ? i3.up : i3.down, 1);
+    r3.push({
+      id: e2.series?.[0]?.id ?? "primary",
+      label: e2.series?.[0]?.label ?? e2.series?.[0]?.id ?? "Value",
+      color: a3,
+      value: t3.value
+    });
+    for (let i4 = 0; i4 < n3.secondarySeriesList.length; i4++) {
+      let a4 = n3.secondarySeriesList[i4], o3 = e2.series?.[i4 + 1], c3 = a4.ingested.length > 0 ? dt(a4.ingested.times, t3.t) : -1, l3 = c3 >= 0 ? s(a4.ingested.values, c3) : NaN;
+      r3.push({
+        id: o3?.id ?? `series-${i4 + 1}`,
+        label: o3?.label ?? o3?.id ?? `Series ${i4 + 2}`,
+        color: a4.color,
+        value: l3
+      });
+    }
+    return r3;
+  }), y2 = G(() => {
+    let t3 = o2();
+    if (t3 === null || e2.series === void 0 || e2.series.length < 2) return [];
+    let n3 = t3.personalization.palette[t3.personalization.theme], r3 = [], i3 = e2.series[0], a3 = t3.primaryColor ?? M(n3.up, 1);
+    r3.push({
+      color: a3,
+      label: i3.label ?? i3.id
+    });
+    for (let n4 = 0; n4 < t3.secondarySeriesList.length; n4++) {
+      let i4 = t3.secondarySeriesList[n4], a4 = e2.series[n4 + 1];
+      r3.push({
+        color: i4.color,
+        label: a4.label ?? a4.id
+      });
+    }
+    return r3;
+  }), b2 = G(() => {
+    let e3 = o2(), t3 = y2();
+    if (e3 === null || t3.length === 0) return null;
+    let n3 = e3.personalization, r3 = n3.legend, i3 = n3.legendPosition;
+    if (r3 === "off") return null;
+    let a3 = r3 === "on-hover" && l2() !== null;
+    if (r3 !== "always" && !a3) return null;
+    let s2 = {
+      position: "absolute",
+      ...i3 === "top-left" || i3 === "top-right" ? { top: "6px" } : { bottom: "6px" },
+      ...i3 === "top-left" || i3 === "bottom-left" ? { left: "8px" } : { right: "8px" },
+      "pointer-events": "none",
+      display: "flex",
+      gap: "12px",
+      "align-items": "center",
+      padding: "4px 8px",
+      background: n3.theme === "dark" ? "rgba(34,36,42,0.85)" : "rgba(255,255,255,0.85)",
+      border: `1px solid ${n3.theme === "dark" ? "rgba(255,255,255,0.08)" : "rgba(15,18,23,0.08)"}`,
+      "border-radius": "6px",
+      "font-size": "11px",
+      "font-family": "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+      color: n3.theme === "dark" ? "rgb(240,242,246)" : "rgb(20,22,26)"
+    };
+    return (() => {
+      var e4 = sn();
+      return I(e4, N(U, {
+        each: t3,
+        children: (e5) => (() => {
+          var t4 = cn(), n4 = t4.firstChild, r4 = n4.nextSibling;
+          return I(r4, () => e5.label), F((t5) => z(n4, "background", e5.color)), t4;
+        })()
+      })), F((t4) => B(e4, s2, t4)), e4;
+    })();
+  }), x2 = G(() => {
+    let t3 = l2(), n3 = o2();
+    if (t3 === null || n3 === null) return null;
+    let r3 = {
+      t: t3.t,
+      idx: t3.idx,
+      seriesValues: v2(),
+      pointerX: t3.pointerX,
+      pointerY: t3.pointerY,
+      containerWidth: m2(),
+      containerHeight: h2(),
+      theme: n3.personalization.theme,
+      palette: n3.personalization.palette,
+      locale: n3.resolvedLocaleBase,
+      timeZone: n3.resolvedTimeZone,
+      formatter: n3.formatter
+    };
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(r3) : N(Vt, {
+      get t() {
+        return t3.t;
+      },
+      get value() {
+        return t3.value;
+      },
+      get idx() {
+        return t3.idx;
+      },
+      get seriesValues() {
+        return v2();
+      },
+      get pointerX() {
+        return t3.pointerX;
+      },
+      get pointerY() {
+        return t3.pointerY;
+      },
+      get containerWidth() {
+        return m2();
+      },
+      get containerHeight() {
+        return h2();
+      },
+      get theme() {
+        return n3.personalization.theme;
+      },
+      get palette() {
+        return n3.personalization.palette;
+      },
+      get locale() {
+        return n3.resolvedLocaleBase;
+      },
+      get timeZone() {
+        return n3.resolvedTimeZone;
+      },
+      get formatter() {
+        return n3.formatter;
+      }
+    });
+  });
+  return L(() => L(() => !!g2())() ? (() => {
+    var e3 = ln(), t3 = e3.firstChild;
+    return H((e4) => n2 = e4, t3), F((n3) => {
+      var r3 = `${m2()}px`, i3 = `${h2()}px`, a3 = _2(), o3 = `${m2()}px`, s2 = `${h2()}px`;
+      return r3 !== n3.e && z(e3, "width", n3.e = r3), i3 !== n3.t && z(e3, "height", n3.t = i3), a3 !== n3.a && R(e3, "aria-label", n3.a = a3), o3 !== n3.o && z(t3, "width", n3.o = o3), s2 !== n3.i && z(t3, "height", n3.i = s2), n3;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0
+    }), e3;
+  })() : (() => {
+    var e3 = un(), t3 = e3.firstChild, a3 = t3.nextSibling;
+    return e3.addEventListener("pointerleave", p2), e3.$$pointermove = f2, H((e4) => i2 = e4, e3), H((e4) => n2 = e4, t3), H((e4) => r2 = e4, a3), I(e3, b2, null), I(e3, x2, null), F((n3) => {
+      var r3 = `${m2()}px`, i3 = `${h2()}px`, o3 = _2(), s2 = `${m2()}px`, c3 = `${h2()}px`, l3 = `${m2()}px`, u3 = `${h2()}px`;
+      return r3 !== n3.e && z(e3, "width", n3.e = r3), i3 !== n3.t && z(e3, "height", n3.t = i3), o3 !== n3.a && R(e3, "aria-label", n3.a = o3), s2 !== n3.o && z(t3, "width", n3.o = s2), c3 !== n3.i && z(t3, "height", n3.i = c3), l3 !== n3.n && z(a3, "width", n3.n = l3), u3 !== n3.s && z(a3, "height", n3.s = u3), n3;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0,
+      s: void 0
+    }), e3;
+  })());
+}
+P(["pointermove"]);
+var fn = /* @__PURE__ */ V(`<div role=status aria-live=polite style="position:absolute;pointer-events:none;padding:8px 11px;border-radius:6px;font-size:12px;font-family:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;line-height:1.35;white-space:nowrap;z-index:1;min-width:160px"><div style=font-size:10.5px;letter-spacing:0.02em;text-transform:uppercase;font-weight:500;margin-bottom:4px> </div><div style="display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px;font-variant-numeric:tabular-nums"><span style=font-weight:500>O</span><span style=text-align:right;font-weight:600></span><span style=font-weight:500>H</span><span style=text-align:right;font-weight:600></span><span style=font-weight:500>L</span><span style=text-align:right;font-weight:600></span><span style=font-weight:500>C</span><span style=text-align:right;font-weight:600></span></div><div style=margin-top:4px;padding-top:4px;font-weight:500;display:flex;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums><span>\u0394</span><span style=font-weight:600> (<!>%)`), pn = 12, mn = 180, hn = 124;
+function gn(e2, t2) {
+  return e2 === "light" ? {
+    bg: "rgb(255, 255, 255)",
+    fg: "rgb(20, 22, 26)",
+    subtleFg: "rgba(20, 22, 26, 0.56)",
+    border: "rgba(15, 18, 23, 0.08)",
+    shadow: "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)",
+    upFg: "rgb(20, 22, 26)",
+    downFg: "rgb(20, 22, 26)"
+  } : {
+    bg: "rgb(34, 36, 42)",
+    fg: "rgb(240, 242, 246)",
+    subtleFg: "rgba(240, 242, 246, 0.62)",
+    border: "rgba(255, 255, 255, 0.08)",
+    shadow: "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)",
+    upFg: "rgb(240, 242, 246)",
+    downFg: "rgb(240, 242, 246)"
+  };
+}
+function _n(e2) {
+  let t2 = gn(e2.theme, e2.palette), n2 = e2.pointerX > e2.containerWidth - mn, r2 = e2.pointerY > e2.containerHeight - hn, i2 = n2 ? { right: `${e2.containerWidth - e2.pointerX + pn}px` } : { left: `${e2.pointerX + pn}px` };
+  r2 ? i2.bottom = `${e2.containerHeight - e2.pointerY + pn}px` : i2.top = `${e2.pointerY + pn}px`;
+  let a2 = e2.c - e2.o, o2 = Math.abs(a2), s2 = e2.o === 0 ? 0 : a2 / e2.o * 100, c2 = e2.direction === "up" ? t2.upFg : e2.direction === "down" ? t2.downFg : t2.subtleFg, l2 = a2 > 0 ? "+" : a2 < 0 ? "\u2212" : "";
+  return (() => {
+    var n3 = fn(), r3 = n3.firstChild, a3 = r3.firstChild, u2 = r3.nextSibling, d2 = u2.firstChild, f2 = d2.nextSibling, p2 = f2.nextSibling, m2 = p2.nextSibling, h2 = m2.nextSibling, g2 = h2.nextSibling, _2 = g2.nextSibling, v2 = _2.nextSibling, y2 = u2.nextSibling, b2 = y2.firstChild.nextSibling, x2 = b2.firstChild, S2 = x2.nextSibling;
+    return S2.nextSibling, I(r3, () => e2.formatter.formatDate(e2.t), a3), I(r3, () => e2.formatter.formatTime(e2.t), null), I(f2, () => e2.formatter.formatPrice(e2.o)), I(m2, () => e2.formatter.formatPrice(e2.h)), I(g2, () => e2.formatter.formatPrice(e2.l)), z(v2, "color", c2), I(v2, () => e2.formatter.formatPrice(e2.c)), z(b2, "color", c2), I(b2, l2, x2), I(b2, () => e2.formatter.formatPrice(o2), x2), I(b2, l2, S2), I(b2, () => Math.abs(s2).toFixed(2), S2), F((e3) => {
+      var a4 = {
+        ...i2,
+        background: t2.bg,
+        color: t2.fg,
+        border: `1px solid ${t2.border}`,
+        "box-shadow": t2.shadow
+      }, o3 = t2.subtleFg, s3 = t2.subtleFg, c3 = t2.subtleFg, l3 = t2.subtleFg, u3 = t2.subtleFg, f3 = `1px solid ${t2.border}`, m3 = t2.subtleFg;
+      return e3.e = B(n3, a4, e3.e), o3 !== e3.t && z(r3, "color", e3.t = o3), s3 !== e3.a && z(d2, "color", e3.a = s3), c3 !== e3.o && z(p2, "color", e3.o = c3), l3 !== e3.i && z(h2, "color", e3.i = l3), u3 !== e3.n && z(_2, "color", e3.n = u3), f3 !== e3.s && z(y2, "border-top", e3.s = f3), m3 !== e3.h && z(y2, "color", e3.h = m3), e3;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0,
+      s: void 0,
+      h: void 0
+    }), n3;
+  })();
+}
+var vn = /* @__PURE__ */ V(`<div role=status aria-live=polite style="position:absolute;pointer-events:none;padding:8px 11px;border-radius:6px;font-size:12px;font-family:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;line-height:1.35;white-space:nowrap;z-index:1;min-width:160px"><div style=font-size:10.5px;letter-spacing:0.02em;text-transform:uppercase;font-weight:500;margin-bottom:4px> </div><div style="display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px;font-variant-numeric:tabular-nums"><span style=font-weight:500>Volume</span><span style=text-align:right;font-weight:600></span><span style=font-weight:500>20-bar avg</span><span style=text-align:right;font-weight:600></span></div><div style=margin-top:4px;padding-top:4px;font-weight:500;display:flex;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums><span>vs. avg</span><span style=font-weight:600>% \xB7 p`), yn = 12, bn = 180, xn = 96;
+function Sn(e2) {
+  return e2 === "light" ? {
+    bg: "rgb(255, 255, 255)",
+    fg: "rgb(20, 22, 26)",
+    subtleFg: "rgba(20, 22, 26, 0.56)",
+    border: "rgba(15, 18, 23, 0.08)",
+    shadow: "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)"
+  } : {
+    bg: "rgb(34, 36, 42)",
+    fg: "rgb(240, 242, 246)",
+    subtleFg: "rgba(240, 242, 246, 0.62)",
+    border: "rgba(255, 255, 255, 0.08)",
+    shadow: "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)"
+  };
+}
+function Cn(e2) {
+  let t2 = Sn(e2.theme), n2 = e2.pointerX > e2.containerWidth - bn, r2 = e2.pointerY > e2.containerHeight - xn, i2 = n2 ? { right: `${e2.containerWidth - e2.pointerX + yn}px` } : { left: `${e2.pointerX + yn}px` };
+  r2 ? i2.bottom = `${e2.containerHeight - e2.pointerY + yn}px` : i2.top = `${e2.pointerY + yn}px`;
+  let a2 = e2.avg20 > 0 ? e2.bar.v / e2.avg20 : 1, o2 = ((a2 - 1) * 100).toFixed(0), s2 = a2 > 1 ? "+" : a2 < 1 ? "\u2212" : "", c2 = Math.abs(Number(o2));
+  return (() => {
+    var n3 = vn(), r3 = n3.firstChild, a3 = r3.firstChild, o3 = r3.nextSibling, l2 = o3.firstChild, u2 = l2.nextSibling, d2 = u2.nextSibling, f2 = d2.nextSibling, p2 = o3.nextSibling, m2 = p2.firstChild.nextSibling, h2 = m2.firstChild;
+    return I(r3, () => e2.formatter.formatDate(e2.bar.t), a3), I(r3, () => e2.formatter.formatTime(e2.bar.t), null), I(u2, () => e2.formatter.formatNumber(e2.bar.v)), I(f2, () => e2.formatter.formatNumber(e2.avg20)), I(m2, s2, h2), I(m2, c2, h2), I(m2, () => Math.round(e2.percentile * 100), null), F((e3) => {
+      var a4 = {
+        ...i2,
+        background: t2.bg,
+        color: t2.fg,
+        border: `1px solid ${t2.border}`,
+        "box-shadow": t2.shadow
+      }, o4 = t2.subtleFg, s3 = t2.subtleFg, c3 = t2.subtleFg, u3 = `1px solid ${t2.border}`, f3 = t2.subtleFg;
+      return e3.e = B(n3, a4, e3.e), o4 !== e3.t && z(r3, "color", e3.t = o4), s3 !== e3.a && z(l2, "color", e3.a = s3), c3 !== e3.o && z(d2, "color", e3.o = c3), u3 !== e3.i && z(p2, "border-top", e3.i = u3), f3 !== e3.n && z(p2, "color", e3.n = f3), e3;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0
+    }), n3;
+  })();
+}
+var wn = /* @__PURE__ */ V("<div style=position:absolute;pointer-events:none;z-index:3>"), Tn = /* @__PURE__ */ V("<div>"), En = /* @__PURE__ */ V(`<div aria-live=polite role=status aria-label="Connection status"style="display:inline-flex;align-items:center;border-radius:999px;font-family:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;font-size:10px;font-weight:600"><span>`), Dn = /* @__PURE__ */ V("<span aria-hidden=true style=width:6px;height:6px;border-radius:999px>"), On = /* @__PURE__ */ V('<div aria-live=polite style="position:absolute;top:8px;left:50%;transform:translate(-50%, 0);pointer-events:none;z-index:2">'), kn = /* @__PURE__ */ V(`<div aria-live=polite role=status style="position:absolute;top:8px;left:50%;transform:translate(-50%, 0);pointer-events:none;z-index:2"><div style="display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-family:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;font-size:12px;font-weight:500;letter-spacing:0.2px"><span aria-hidden=true style=display:inline-flex;align-items:center><svg width=10 height=10 viewBox="0 0 10 10"fill=currentColor><rect x=2 y=1.5 width=2 height=7 rx=0.5></rect><rect x=6 y=1.5 width=2 height=7 rx=0.5></rect></svg></span><span>`), An = /* @__PURE__ */ V("<div style=position:relative><canvas aria-hidden=true style=display:block>"), jn = /* @__PURE__ */ V("<div style=position:relative><canvas aria-hidden=true style=display:block></canvas><canvas aria-hidden=true style=display:block;position:absolute;inset:0;pointer-events:none>");
+function Mn(e2) {
+  let t2 = X(), n2, r2, i2, a2 = null, [o2, c2] = K(null), [l2, u2] = K(null), [d2, f2] = K(null), [p2, m2] = K("live"), [h2, g2] = K(false), [_2, v2] = K(false), [y2, b2] = K(void 0), [x2, S2] = K(void 0), [ee2, C2] = K(null), [w2, T2] = K(0), [te2, E2] = K(false), D2 = G(() => {
+    let e3 = t2();
+    return {
+      theme: e3.theme,
+      palette: e3.palette,
+      locale: e3.locale,
+      timeZone: e3.timeZone,
+      visualStyle: e3.visualStyle,
+      outlineFillColor: e3.outlineFillColor,
+      outlineFillOpacity: e3.outlineFillOpacity,
+      cornerRadius: e3.cornerRadius,
+      borderWidth: e3.borderWidth,
+      accents: e3.accents,
+      osTheme: e3.osTheme,
+      appTheme: e3.appTheme
+    };
+  });
+  J(() => {
+    n2 !== void 0 && (a2 = new xt({
+      container: i2 ?? null,
+      staticCanvas: n2,
+      dynamicCanvas: r2 ?? null,
+      initialProps: e2,
+      initialProvider: D2(),
+      onContextChange: c2,
+      onHoverChange: u2,
+      onExtremeHoverChange: f2,
+      onLiveStateChange: m2,
+      onReducedMotionChange: g2,
+      onArmedToolChange: v2,
+      onSelectedDrawingIdChange: b2,
+      onHoverDrawingIdChange: S2,
+      onMarkerHoverChange: C2,
+      onThemeFadeKeyChange: T2,
+      onOverDividerChange: E2
+    }), typeof e2.ref == "function" && e2.ref({ onTick: (e3, t3, n3 = 0) => {
+      a2?.onTick(e3, t3, n3);
+    } }));
+  }), W(() => {
+    a2 !== null && a2.update(e2, D2());
+  }), W(() => {
+    if (w2() === 0 || n2 === void 0 || h2()) return;
+    let e3 = n2;
+    e3.style.animation = "none", e3.offsetWidth, e3.style.animation = "tickyr-theme-fade 200ms ease-out";
+  }), q(() => {
+    a2 !== null && (a2.dispose(), a2 = null);
+  });
+  let ne2 = (e3) => {
+    a2?.handlePointerMove(e3);
+  }, re2 = () => {
+    a2?.handlePointerLeave();
+  }, O2 = (e3) => {
+    a2?.handlePointerDown(e3);
+  }, ie2 = (e3) => {
+    a2?.handlePointerUp(e3);
+  }, ae2 = (e3) => {
+    a2?.handleWheel(e3);
+  }, k2 = G(() => e2.width ?? 800), A2 = G(() => e2.height ?? 360), oe2 = G(() => e2.sparkline === true || e2.sparkline !== false && k2() < 150), se2 = G(() => e2.ariaLabel ?? o2()?.ariaLabel ?? "Candle chart"), ce2 = G(() => {
+    let t3 = l2(), n3 = o2();
+    if (t3 === null || n3 === null || e2.tooltip === false) return null;
+    if (t3.pane === "volume" && Number.isFinite(t3.v)) {
+      if (e2.volumeBarTooltip === false) return null;
+      let r4 = n3.arr;
+      if (r4.volumes === null) return null;
+      let i3 = Math.max(0, t3.idx - 19), a3 = 0, o3 = 0;
+      for (let e3 = i3; e3 <= t3.idx; e3++) {
+        let t4 = s(r4.volumes, e3);
+        Number.isFinite(t4) && (a3 += t4, o3++);
+      }
+      let c3 = o3 > 0 ? a3 / o3 : 0, l3 = 0, u3 = 0;
+      for (let e3 = 0; e3 < r4.length; e3++) {
+        let n4 = s(r4.volumes, e3);
+        Number.isFinite(n4) && (u3++, n4 <= t3.v && l3++);
+      }
+      let d3 = u3 > 0 ? l3 / u3 : 1, f3 = {
+        bar: {
+          t: t3.t,
+          v: t3.v,
+          idx: t3.idx
+        },
+        avg20: c3,
+        percentile: d3,
+        pointerX: t3.pointerX,
+        pointerY: t3.pointerY,
+        containerWidth: k2(),
+        containerHeight: A2(),
+        theme: n3.personalization.theme,
+        palette: n3.personalization.palette,
+        locale: n3.resolvedLocaleBase,
+        timeZone: n3.resolvedTimeZone,
+        formatter: n3.formatter
+      };
+      return typeof e2.volumeBarTooltip == "function" ? e2.volumeBarTooltip(f3) : N(Cn, f3);
+    }
+    let r3 = {
+      t: t3.t,
+      idx: t3.idx,
+      o: t3.o,
+      h: t3.h,
+      l: t3.l,
+      c: t3.c,
+      direction: t3.direction,
+      pointerX: t3.pointerX,
+      pointerY: t3.pointerY,
+      containerWidth: k2(),
+      containerHeight: A2(),
+      theme: n3.personalization.theme,
+      palette: n3.personalization.palette,
+      locale: n3.resolvedLocaleBase,
+      timeZone: n3.resolvedTimeZone,
+      formatter: n3.formatter
+    };
+    return typeof e2.tooltip == "function" ? e2.tooltip(r3) : N(_n, r3);
+  }), le2 = G(() => {
+    let t3 = ee2(), n3 = o2();
+    if (t3 === null || n3 === null) return null;
+    let r3 = n3.formatter, i3 = n3.arr, a3 = i3.length > 0 ? s(i3.closes, i3.length - 1) : 0, c3 = null;
+    switch (t3.kind) {
+      case "signal": {
+        if (typeof e2.signalTooltip != "function" || e2.signals === void 0) return null;
+        let n4 = e2.signals[t3.idx];
+        if (n4 === void 0) return null;
+        c3 = e2.signalTooltip({
+          marker: n4,
+          pointerX: t3.pointerX,
+          pointerY: t3.pointerY,
+          formatter: r3
+        });
+        break;
+      }
+      case "order": {
+        if (typeof e2.orderTooltip != "function" || e2.orders === void 0) return null;
+        let n4 = e2.orders[t3.idx];
+        if (n4 === void 0) return null;
+        c3 = e2.orderTooltip({
+          marker: n4,
+          pointerX: t3.pointerX,
+          pointerY: t3.pointerY,
+          formatter: r3
+        });
+        break;
+      }
+      case "position":
+        if (typeof e2.positionTooltip != "function" || e2.position === void 0) return null;
+        c3 = e2.positionTooltip({
+          marker: e2.position,
+          lastClose: a3,
+          pointerX: t3.pointerX,
+          pointerY: t3.pointerY,
+          formatter: r3
+        });
+        break;
+      case "event": {
+        if (typeof e2.eventTooltip != "function" || e2.events === void 0) return null;
+        let n4 = e2.events[t3.idx];
+        if (n4 === void 0) return null;
+        c3 = e2.eventTooltip({
+          marker: n4,
+          pointerX: t3.pointerX,
+          pointerY: t3.pointerY,
+          formatter: r3
+        });
+        break;
+      }
+    }
+    return c3 === null ? null : (() => {
+      var e3 = wn();
+      return I(e3, c3), F((n4) => {
+        var r4 = `${t3.pointerX + 12}px`, i4 = `${t3.pointerY + 12}px`;
+        return r4 !== n4.e && z(e3, "left", n4.e = r4), i4 !== n4.t && z(e3, "top", n4.t = i4), n4;
+      }, {
+        e: void 0,
+        t: void 0
+      }), e3;
+    })();
+  }), ue2 = G(() => {
+    let t3 = d2(), n3 = o2();
+    return t3 === null || n3 === null ? null : Wt(e2.extremeTooltip, {
+      kind: t3.kind,
+      barIdx: t3.idx,
+      price: t3.price,
+      t: t3.t,
+      pointerX: t3.pointerX,
+      pointerY: t3.pointerY,
+      containerWidth: k2(),
+      containerHeight: A2(),
+      theme: n3.personalization.theme,
+      palette: n3.personalization.palette,
+      locale: n3.resolvedLocaleBase,
+      timeZone: n3.resolvedTimeZone,
+      formatter: n3.formatter
+    });
+  }), j2 = G(() => {
+    let e3 = o2(), t3 = p2() !== "live";
+    return e3 !== null && t3 && (e3.personalization.staleVisualization === "desaturate-pulse" || e3.personalization.staleVisualization === "desaturate-pulse + banner") ? {
+      filter: "saturate(0.5)",
+      ...h2() ? { opacity: "0.9" } : { animation: "tickyr-stale-pulse 1.2s ease-in-out infinite" }
+    } : {};
+  }), de2 = G(() => {
+    let e3 = o2();
+    return e3 === null ? false : p2() !== "live" && (e3.personalization.staleVisualization === "banner" || e3.personalization.staleVisualization === "desaturate-pulse + banner");
+  }), fe2 = G(() => {
+    let t3 = o2();
+    if (t3 === null) return null;
+    let n3 = t3.personalization.connectionIndicator;
+    if (n3 === "off") return null;
+    let r3 = typeof e2.connectionIndicator == "function" ? e2.connectionIndicator : void 0, i3 = t3.personalization, a3 = i3.legendPosition === "top-left" || i3.legendPosition === "bottom-left", s2 = {
+      position: "absolute",
+      "pointer-events": "none",
+      "z-index": "3",
+      ...i3.legendPosition === "top-left" || i3.legendPosition === "top-right" ? { top: "4px" } : { bottom: "4px" },
+      ...a3 ? { left: "4px" } : { right: "4px" }
+    };
+    if (r3 !== void 0) return (() => {
+      var t4 = Tn();
+      return I(t4, () => r3({
+        state: p2(),
+        liveSince: e2.liveSince,
+        position: i3.legendPosition,
+        theme: i3.theme,
+        palette: i3.palette
+      })), F((e3) => B(t4, s2, e3)), t4;
+    })();
+    let c3 = i3.palette[i3.theme], l3 = p2(), u3 = M(l3 === "live" ? c3.up : l3 === "stale" ? c3.warn : c3.down, 1), d3 = i3.theme === "dark" ? "#0c0d0e" : "#fafafa", f3 = l3 === "live" ? "live" : l3 === "stale" ? "stale" : "offline", m3 = i3.visualStyle === "Outline", g3 = n3 === "dot";
+    return (() => {
+      var e3 = En(), t4 = e3.firstChild;
+      return I(e3, g3 && (() => {
+        var e4 = Dn();
+        return z(e4, "background", m3 ? u3 : d3), e4;
+      })(), t4), I(t4, f3), F((t5) => B(e3, {
+        ...s2,
+        gap: g3 ? "5px" : "0",
+        padding: g3 ? "0 7px" : "0 10px",
+        height: g3 ? "18px" : "22px",
+        ...m3 ? {
+          background: d3,
+          color: u3,
+          border: `${g3 ? 1 : 1.4}px solid ${u3}`
+        } : {
+          background: u3,
+          color: d3,
+          border: "none"
+        },
+        ...l3 !== "live" && !h2() ? { animation: "tickyr-stale-pulse 1s ease-in-out infinite" } : {}
+      }, t5)), e3;
+    })();
+  }), pe2 = G(() => {
+    if (!de2() || e2.staleBanner === false) return null;
+    let t3 = o2();
+    if (t3 === null) return null;
+    let n3 = t3.personalization.palette[t3.personalization.theme], r3 = M(n3.warn, 1), i3 = p2(), a3 = h2() ? void 0 : "tickyr-stale-banner-in 0.3s ease-out";
+    if (typeof e2.staleBanner == "function") {
+      let n4 = e2.staleBanner({
+        state: i3,
+        liveSince: e2.liveSince,
+        theme: t3.personalization.theme,
+        palette: t3.personalization.palette
+      });
+      return (() => {
+        var e3 = On();
+        return I(e3, n4), F((t4) => B(e3, { ...a3 === void 0 ? {} : { animation: a3 } }, t4)), e3;
+      })();
+    }
+    let s2 = i3 === "disconnected" ? "Connection lost" : "Live data paused";
+    return (() => {
+      var e3 = kn(), t4 = e3.firstChild, n4 = t4.firstChild.nextSibling;
+      return z(t4, "color", r3), I(n4, s2), F((n5) => {
+        var i4 = { ...a3 === void 0 ? {} : { animation: a3 } }, o3 = Me(r3, 0.15), s3 = `1px solid ${Me(r3, 0.4)}`;
+        return n5.e = B(e3, i4, n5.e), o3 !== n5.t && z(t4, "background", n5.t = o3), s3 !== n5.a && z(t4, "border", n5.a = s3), n5;
+      }, {
+        e: void 0,
+        t: void 0,
+        a: void 0
+      }), e3;
+    })();
+  });
+  return L(() => L(() => !!oe2())() ? (() => {
+    var e3 = An(), t3 = e3.firstChild;
+    return H((e4) => n2 = e4, t3), I(e3, pe2, null), F((n3) => {
+      var r3 = `${k2()}px`, i3 = `${A2()}px`, a3 = se2(), o3 = {
+        width: `${k2()}px`,
+        height: `${A2()}px`,
+        ...j2()
+      };
+      return r3 !== n3.e && z(e3, "width", n3.e = r3), i3 !== n3.t && z(e3, "height", n3.t = i3), a3 !== n3.a && R(e3, "aria-label", n3.a = a3), n3.o = B(t3, o3, n3.o), n3;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0
+    }), e3;
+  })() : (() => {
+    var e3 = jn(), t3 = e3.firstChild, a3 = t3.nextSibling;
+    return e3.addEventListener("wheel", ae2), e3.$$pointerup = ie2, e3.$$pointerdown = O2, e3.addEventListener("pointerleave", re2), e3.$$pointermove = ne2, H((e4) => i2 = e4, e3), H((e4) => n2 = e4, t3), H((e4) => r2 = e4, a3), I(e3, ce2, null), I(e3, ue2, null), I(e3, le2, null), I(e3, fe2, null), I(e3, pe2, null), F((n3) => {
+      var r3 = `${k2()}px`, i3 = `${A2()}px`, o3 = te2() ? "row-resize" : void 0, s2 = se2(), c3 = {
+        width: `${k2()}px`,
+        height: `${A2()}px`,
+        ...j2()
+      }, l3 = {
+        width: `${k2()}px`,
+        height: `${A2()}px`,
+        ...j2()
+      };
+      return r3 !== n3.e && z(e3, "width", n3.e = r3), i3 !== n3.t && z(e3, "height", n3.t = i3), o3 !== n3.a && z(e3, "cursor", n3.a = o3), s2 !== n3.o && R(e3, "aria-label", n3.o = s2), n3.i = B(t3, c3, n3.i), n3.n = B(a3, l3, n3.n), n3;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0
+    }), e3;
+  })());
+}
+P([
+  "pointermove",
+  "pointerdown",
+  "pointerup"
+]);
+var Nn = /* @__PURE__ */ V("<div role=presentation>"), Pn = /* @__PURE__ */ V('<span style=display:inline-flex;align-items:center;gap:5px><span aria-hidden=true style="width:10px;height:10px;border-radius:5px;display:inline-block;flex:0 0 auto"></span><span>'), Fn = /* @__PURE__ */ V("<div style=position:relative><canvas aria-hidden=true style=display:block>"), In = /* @__PURE__ */ V("<div style=position:relative><canvas aria-hidden=true style=display:block></canvas><canvas aria-hidden=true style=display:block;position:absolute;inset:0;pointer-events:none>"), Ln = /* @__PURE__ */ V(`<div role=tooltip style="position:absolute;border-radius:6px;padding:6px 8px;font-size:12px;font-family:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;pointer-events:none;min-width:120px"><div style=font-size:10px;margin-bottom:2px;display:flex;align-items:center;gap:5px><span aria-hidden=true style=width:8px;height:8px;border-radius:4px;display:inline-block></span><span> \xB7 #</span></div><div>x: </div><div>y: `), Rn = /* @__PURE__ */ V("<div>size: ");
+function zn(e2) {
+  let t2 = X(), n2, r2, i2, a2 = null, [o2, s2] = K(null), [c2, l2] = K(null), u2 = G(() => {
+    let e3 = t2();
+    return {
+      theme: e3.theme,
+      palette: e3.palette,
+      locale: e3.locale,
+      timeZone: e3.timeZone,
+      visualStyle: e3.visualStyle,
+      outlineFillColor: e3.outlineFillColor,
+      outlineFillOpacity: e3.outlineFillOpacity,
+      cornerRadius: e3.cornerRadius,
+      borderWidth: e3.borderWidth,
+      accents: e3.accents,
+      osTheme: e3.osTheme,
+      appTheme: e3.appTheme
+    };
+  });
+  J(() => {
+    n2 !== void 0 && (a2 = new re({
+      container: i2 ?? null,
+      staticCanvas: n2,
+      dynamicCanvas: r2 ?? null,
+      initialProps: e2,
+      initialProvider: u2(),
+      onContextChange: s2,
+      onHoverChange: l2
+    }));
+  }), W(() => {
+    a2 !== null && a2.update(e2, u2());
+  }), q(() => {
+    a2 !== null && (a2.dispose(), a2 = null);
+  });
+  let d2 = (e3) => {
+    a2?.handlePointerMove(e3);
+  }, f2 = () => {
+    a2?.handlePointerLeave();
+  }, p2 = G(() => e2.width ?? 800), m2 = G(() => e2.height ?? 300), h2 = G(() => e2.sparkline === true || e2.sparkline !== false && p2() < 150), g2 = G(() => e2.ariaLabel ?? o2()?.ariaLabel ?? "Scatter chart"), _2 = G(() => {
+    let t3 = c2(), n3 = o2();
+    if (t3 === null || n3 === null) return null;
+    let r3 = n3.seriesList[t3.seriesIdx], i3 = r3?.id ?? "primary", a3 = r3?.label ?? "Value", s3 = r3?.color ?? "", l3 = {
+      x: t3.x,
+      y: t3.y,
+      size: t3.size,
+      idx: t3.idx,
+      seriesIdx: t3.seriesIdx,
+      seriesId: i3,
+      seriesLabel: a3,
+      seriesColor: s3,
+      pointerX: t3.pointerX,
+      pointerY: t3.pointerY,
+      containerWidth: p2(),
+      containerHeight: m2(),
+      theme: n3.personalization.theme,
+      palette: n3.personalization.palette,
+      locale: n3.resolvedLocaleBase,
+      timeZone: n3.resolvedTimeZone,
+      formatter: n3.formatter
+    };
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(l3) : Bn(l3);
+  }), v2 = G(() => {
+    let e3 = o2();
+    if (e3 === null) return null;
+    let t3 = e3.seriesList;
+    if (t3.length < 2) return null;
+    let n3 = e3.personalization, r3 = n3.legend, i3 = r3 === "on-hover" && c2() !== null;
+    if (r3 !== "always" && !i3) return null;
+    let a3 = n3.legendPosition, s3 = {
+      position: "absolute",
+      ...a3 === "top-left" || a3 === "top-right" ? { top: "6px" } : { bottom: "6px" },
+      ...a3 === "top-left" || a3 === "bottom-left" ? { left: "8px" } : { right: "8px" },
+      "pointer-events": "none",
+      display: "flex",
+      gap: "12px",
+      "align-items": "center",
+      padding: "4px 8px",
+      background: n3.theme === "dark" ? "rgba(34,36,42,0.85)" : "rgba(255,255,255,0.85)",
+      border: `1px solid ${n3.theme === "dark" ? "rgba(255,255,255,0.08)" : "rgba(15,18,23,0.08)"}`,
+      "border-radius": "6px",
+      "font-size": "11px",
+      "font-family": "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+      color: n3.theme === "dark" ? "rgb(240,242,246)" : "rgb(20,22,26)"
+    };
+    return (() => {
+      var e4 = Nn();
+      return I(e4, () => t3.map((e5) => (() => {
+        var t4 = Pn(), n4 = t4.firstChild, r4 = n4.nextSibling;
+        return I(r4, () => e5.label), F((t5) => z(n4, "background", e5.color)), t4;
+      })())), F((t4) => B(e4, s3, t4)), e4;
+    })();
+  });
+  return L(() => L(() => !!h2())() ? (() => {
+    var e3 = Fn(), t3 = e3.firstChild;
+    return H((e4) => n2 = e4, t3), F((n3) => {
+      var r3 = `${p2()}px`, i3 = `${m2()}px`, a3 = g2(), o3 = `${p2()}px`, s3 = `${m2()}px`;
+      return r3 !== n3.e && z(e3, "width", n3.e = r3), i3 !== n3.t && z(e3, "height", n3.t = i3), a3 !== n3.a && R(e3, "aria-label", n3.a = a3), o3 !== n3.o && z(t3, "width", n3.o = o3), s3 !== n3.i && z(t3, "height", n3.i = s3), n3;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0
+    }), e3;
+  })() : (() => {
+    var e3 = In(), t3 = e3.firstChild, a3 = t3.nextSibling;
+    return e3.addEventListener("pointerleave", f2), e3.$$pointermove = d2, H((e4) => i2 = e4, e3), H((e4) => n2 = e4, t3), H((e4) => r2 = e4, a3), I(e3, v2, null), I(e3, _2, null), F((n3) => {
+      var r3 = `${p2()}px`, i3 = `${m2()}px`, o3 = g2(), s3 = `${p2()}px`, c3 = `${m2()}px`, l3 = `${p2()}px`, u3 = `${m2()}px`;
+      return r3 !== n3.e && z(e3, "width", n3.e = r3), i3 !== n3.t && z(e3, "height", n3.t = i3), o3 !== n3.a && R(e3, "aria-label", n3.a = o3), s3 !== n3.o && z(t3, "width", n3.o = s3), c3 !== n3.i && z(t3, "height", n3.i = c3), l3 !== n3.n && z(a3, "width", n3.n = l3), u3 !== n3.s && z(a3, "height", n3.s = u3), n3;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0,
+      s: void 0
+    }), e3;
+  })());
+}
+function Bn(e2) {
+  let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34, 36, 42)" : "rgb(255, 255, 255)", r2 = t2 ? "rgb(240, 242, 246)" : "rgb(20, 22, 26)", i2 = t2 ? "rgba(240, 242, 246, 0.62)" : "rgba(20, 22, 26, 0.56)", a2 = t2 ? "rgba(255, 255, 255, 0.08)" : "rgba(15, 18, 23, 0.08)", o2 = t2 ? "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)" : "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)", s2 = Math.min(e2.containerWidth - 140, e2.pointerX + 12), c2 = Math.min(e2.containerHeight - 70, e2.pointerY + 12);
+  return (() => {
+    var t3 = Ln(), l2 = t3.firstChild, u2 = l2.firstChild, d2 = u2.nextSibling, f2 = d2.firstChild, p2 = l2.nextSibling;
+    p2.firstChild;
+    var m2 = p2.nextSibling;
+    return m2.firstChild, z(t3, "left", `${s2}px`), z(t3, "top", `${c2}px`), z(t3, "background", n2), z(t3, "color", r2), z(t3, "border", `1px solid ${a2}`), z(t3, "box-shadow", o2), z(l2, "color", i2), I(d2, () => e2.seriesLabel, f2), I(d2, () => e2.idx, null), I(p2, () => e2.formatter.formatNumber(e2.x, 2), null), I(m2, () => e2.formatter.formatNumber(e2.y, 2), null), I(t3, (() => {
+      var t4 = L(() => e2.size !== null);
+      return () => t4() && (() => {
+        var t5 = Rn();
+        return t5.firstChild, I(t5, () => e2.formatter.formatNumber(e2.size, 2), null), t5;
+      })();
+    })(), null), F((t4) => z(u2, "background", e2.seriesColor)), t3;
+  })();
+}
+P(["pointermove"]);
+var Vn = /* @__PURE__ */ V("<div style=position:relative><canvas aria-hidden=true style=display:block>"), Hn = /* @__PURE__ */ V("<div style=position:relative><canvas aria-hidden=true style=display:block></canvas><canvas aria-hidden=true style=display:block;position:absolute;inset:0;pointer-events:none>"), Un = /* @__PURE__ */ V(`<div role=tooltip style="position:absolute;border-radius:6px;padding:6px 8px;font-size:12px;font-family:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;pointer-events:none;min-width:140px"><div style=font-size:10px;margin-bottom:2px>Bin #</div><div>range: <!> \u2013 </div><div>count: `), Wn = /* @__PURE__ */ V("<div>: ");
+function Gn(e2) {
+  let t2 = X(), n2, r2, i2, a2 = null, [o2, s2] = K(null), [c2, l2] = K(null), u2 = G(() => {
+    let e3 = t2();
+    return {
+      theme: e3.theme,
+      palette: e3.palette,
+      locale: e3.locale,
+      timeZone: e3.timeZone,
+      visualStyle: e3.visualStyle,
+      outlineFillColor: e3.outlineFillColor,
+      outlineFillOpacity: e3.outlineFillOpacity,
+      cornerRadius: e3.cornerRadius,
+      borderWidth: e3.borderWidth,
+      accents: e3.accents,
+      osTheme: e3.osTheme,
+      appTheme: e3.appTheme
+    };
+  });
+  J(() => {
+    n2 !== void 0 && (a2 = new x({
+      container: i2 ?? null,
+      staticCanvas: n2,
+      dynamicCanvas: r2 ?? null,
+      initialProps: e2,
+      initialProvider: u2(),
+      onContextChange: s2,
+      onHoverChange: l2
+    }));
+  }), W(() => {
+    a2 !== null && a2.update(e2, u2());
+  }), q(() => {
+    a2 !== null && (a2.dispose(), a2 = null);
+  });
+  let d2 = (e3) => {
+    a2?.handlePointerMove(e3);
+  }, f2 = () => {
+    a2?.handlePointerLeave();
+  }, p2 = G(() => e2.width ?? 800), m2 = G(() => e2.height ?? 300), h2 = G(() => e2.sparkline === true || e2.sparkline !== false && p2() < 150), g2 = G(() => e2.ariaLabel ?? o2()?.ariaLabel ?? "Histogram"), _2 = G(() => {
+    let t3 = c2(), n3 = o2();
+    if (t3 === null || n3 === null) return null;
+    let r3 = {
+      binIdx: t3.binIdx,
+      binStart: t3.binStart,
+      binEnd: t3.binEnd,
+      count: t3.count,
+      value: t3.value,
+      pointerX: t3.pointerX,
+      pointerY: t3.pointerY,
+      containerWidth: p2(),
+      containerHeight: m2(),
+      theme: n3.personalization.theme,
+      palette: n3.personalization.palette,
+      locale: n3.resolvedLocaleBase,
+      timeZone: n3.resolvedTimeZone,
+      formatter: n3.formatter
+    };
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(r3) : Kn(r3, n3.yAxisMode);
+  });
+  return L(() => L(() => !!h2())() ? (() => {
+    var e3 = Vn(), t3 = e3.firstChild;
+    return H((e4) => n2 = e4, t3), F((n3) => {
+      var r3 = `${p2()}px`, i3 = `${m2()}px`, a3 = g2(), o3 = `${p2()}px`, s3 = `${m2()}px`;
+      return r3 !== n3.e && z(e3, "width", n3.e = r3), i3 !== n3.t && z(e3, "height", n3.t = i3), a3 !== n3.a && R(e3, "aria-label", n3.a = a3), o3 !== n3.o && z(t3, "width", n3.o = o3), s3 !== n3.i && z(t3, "height", n3.i = s3), n3;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0
+    }), e3;
+  })() : (() => {
+    var e3 = Hn(), t3 = e3.firstChild, a3 = t3.nextSibling;
+    return e3.addEventListener("pointerleave", f2), e3.$$pointermove = d2, H((e4) => i2 = e4, e3), H((e4) => n2 = e4, t3), H((e4) => r2 = e4, a3), I(e3, _2, null), F((n3) => {
+      var r3 = `${p2()}px`, i3 = `${m2()}px`, o3 = g2(), s3 = `${p2()}px`, c3 = `${m2()}px`, l3 = `${p2()}px`, u3 = `${m2()}px`;
+      return r3 !== n3.e && z(e3, "width", n3.e = r3), i3 !== n3.t && z(e3, "height", n3.t = i3), o3 !== n3.a && R(e3, "aria-label", n3.a = o3), s3 !== n3.o && z(t3, "width", n3.o = s3), c3 !== n3.i && z(t3, "height", n3.i = c3), l3 !== n3.n && z(a3, "width", n3.n = l3), u3 !== n3.s && z(a3, "height", n3.s = u3), n3;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0,
+      s: void 0
+    }), e3;
+  })());
+}
+function Kn(e2, t2) {
+  let n2 = e2.theme === "dark", r2 = n2 ? "rgb(34, 36, 42)" : "rgb(255, 255, 255)", i2 = n2 ? "rgb(240, 242, 246)" : "rgb(20, 22, 26)", a2 = n2 ? "rgba(240, 242, 246, 0.62)" : "rgba(20, 22, 26, 0.56)", o2 = n2 ? "rgba(255, 255, 255, 0.08)" : "rgba(15, 18, 23, 0.08)", s2 = n2 ? "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)" : "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)", c2 = Math.min(e2.containerWidth - 160, e2.pointerX + 12), l2 = Math.min(e2.containerHeight - 80, e2.pointerY + 12), u2 = t2 === "frequency" ? "count" : t2 === "density" ? "density" : "cumulative";
+  return (() => {
+    var n3 = Un(), d2 = n3.firstChild;
+    d2.firstChild;
+    var f2 = d2.nextSibling, p2 = f2.firstChild.nextSibling;
+    p2.nextSibling;
+    var m2 = f2.nextSibling;
+    return m2.firstChild, z(n3, "left", `${c2}px`), z(n3, "top", `${l2}px`), z(n3, "background", r2), z(n3, "color", i2), z(n3, "border", `1px solid ${o2}`), z(n3, "box-shadow", s2), z(d2, "color", a2), I(d2, () => e2.binIdx, null), I(f2, () => e2.formatter.formatNumber(e2.binStart, 2), p2), I(f2, () => e2.formatter.formatNumber(e2.binEnd, 2), null), I(m2, () => e2.formatter.formatNumber(e2.count, 0), null), I(n3, t2 !== "frequency" && (() => {
+      var t3 = Wn(), n4 = t3.firstChild;
+      return I(t3, u2, n4), I(t3, () => e2.formatter.formatNumber(e2.value, 4), null), t3;
+    })(), null), n3;
+  })();
+}
+P(["pointermove"]);
+var qn = /* @__PURE__ */ V("<div style=position:relative><canvas aria-hidden=true style=display:block></canvas><canvas aria-hidden=true style=display:block;position:absolute;inset:0;pointer-events:none>"), Jn = /* @__PURE__ */ V(`<div role=tooltip style="position:absolute;border-radius:6px;padding:6px 8px;font-size:12px;font-family:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;pointer-events:none;min-width:140px"><div style=font-size:10px;margin-bottom:2px> \xB7 </div><div>`), Yn = /* @__PURE__ */ V("<span>(no data)"), Xn = /* @__PURE__ */ V("<span>value: ");
+function Zn(e2) {
+  let t2 = X(), n2, r2, i2, a2 = null, [o2, s2] = K(null), [c2, l2] = K(null), u2 = G(() => {
+    let e3 = t2();
+    return {
+      theme: e3.theme,
+      palette: e3.palette,
+      locale: e3.locale,
+      timeZone: e3.timeZone,
+      visualStyle: e3.visualStyle,
+      outlineFillColor: e3.outlineFillColor,
+      outlineFillOpacity: e3.outlineFillOpacity,
+      cornerRadius: e3.cornerRadius,
+      borderWidth: e3.borderWidth,
+      accents: e3.accents,
+      osTheme: e3.osTheme,
+      appTheme: e3.appTheme
+    };
+  });
+  J(() => {
+    n2 !== void 0 && (a2 = new h({
+      container: i2 ?? null,
+      staticCanvas: n2,
+      dynamicCanvas: r2 ?? null,
+      initialProps: e2,
+      initialProvider: u2(),
+      onContextChange: s2,
+      onHoverChange: l2
+    }));
+  }), W(() => {
+    a2 !== null && a2.update(e2, u2());
+  }), q(() => {
+    a2 !== null && (a2.dispose(), a2 = null);
+  });
+  let d2 = (e3) => {
+    a2?.handlePointerMove(e3);
+  }, f2 = () => {
+    a2?.handlePointerLeave();
+  }, p2 = G(() => e2.width ?? 800), m2 = G(() => e2.height ?? 300), g2 = G(() => e2.ariaLabel ?? o2()?.ariaLabel ?? "Heatmap"), _2 = G(() => {
+    let t3 = c2(), n3 = o2();
+    if (t3 === null || n3 === null) return null;
+    let r3 = {
+      row: t3.row,
+      col: t3.col,
+      value: t3.value,
+      rowLabel: t3.rowLabel,
+      colLabel: t3.colLabel,
+      pointerX: t3.pointerX,
+      pointerY: t3.pointerY,
+      containerWidth: p2(),
+      containerHeight: m2(),
+      theme: n3.personalization.theme,
+      palette: n3.personalization.palette,
+      locale: n3.resolvedLocaleBase,
+      timeZone: n3.resolvedTimeZone,
+      formatter: n3.formatter
+    };
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(r3) : Qn(r3);
+  });
+  return (() => {
+    var e3 = qn(), t3 = e3.firstChild, a3 = t3.nextSibling;
+    return e3.addEventListener("pointerleave", f2), e3.$$pointermove = d2, H((e4) => i2 = e4, e3), H((e4) => n2 = e4, t3), H((e4) => r2 = e4, a3), I(e3, _2, null), F((n3) => {
+      var r3 = `${p2()}px`, i3 = `${m2()}px`, o3 = g2(), s3 = `${p2()}px`, c3 = `${m2()}px`, l3 = `${p2()}px`, u3 = `${m2()}px`;
+      return r3 !== n3.e && z(e3, "width", n3.e = r3), i3 !== n3.t && z(e3, "height", n3.t = i3), o3 !== n3.a && R(e3, "aria-label", n3.a = o3), s3 !== n3.o && z(t3, "width", n3.o = s3), c3 !== n3.i && z(t3, "height", n3.i = c3), l3 !== n3.n && z(a3, "width", n3.n = l3), u3 !== n3.s && z(a3, "height", n3.s = u3), n3;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0,
+      s: void 0
+    }), e3;
+  })();
+}
+function Qn(e2) {
+  let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34, 36, 42)" : "rgb(255, 255, 255)", r2 = t2 ? "rgb(240, 242, 246)" : "rgb(20, 22, 26)", i2 = t2 ? "rgba(240, 242, 246, 0.62)" : "rgba(20, 22, 26, 0.56)", a2 = t2 ? "rgba(255, 255, 255, 0.08)" : "rgba(15, 18, 23, 0.08)", o2 = t2 ? "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)" : "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)", s2 = Math.min(e2.containerWidth - 160, e2.pointerX + 12), c2 = Math.min(e2.containerHeight - 80, e2.pointerY + 12);
+  return (() => {
+    var t3 = Jn(), l2 = t3.firstChild, u2 = l2.firstChild, d2 = l2.nextSibling;
+    return z(t3, "left", `${s2}px`), z(t3, "top", `${c2}px`), z(t3, "background", n2), z(t3, "color", r2), z(t3, "border", `1px solid ${a2}`), z(t3, "box-shadow", o2), z(l2, "color", i2), I(l2, () => e2.rowLabel, u2), I(l2, () => e2.colLabel, null), I(d2, (() => {
+      var t4 = L(() => e2.value === null);
+      return () => t4() ? (() => {
+        var e3 = Yn();
+        return z(e3, "color", i2), e3;
+      })() : (() => {
+        var t5 = Xn();
+        return t5.firstChild, I(t5, () => e2.formatter.formatNumber(e2.value, 3), null), t5;
+      })();
+    })()), t3;
+  })();
+}
+P(["pointermove"]);
+var $n = /* @__PURE__ */ V("<div style=position:relative><canvas aria-hidden=true style=display:block></canvas><canvas aria-hidden=true style=display:block;position:absolute;inset:0;pointer-events:none>"), er = /* @__PURE__ */ V(`<div role=tooltip style="position:absolute;border-radius:6px;padding:6px 8px;font-size:12px;font-family:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;pointer-events:none;min-width:160px"><div style=font-size:10px;margin-bottom:2px> \xB7 <!>%</div><div>price: </div><div>cumulative: `);
+function tr(e2) {
+  let t2 = X(), n2, r2, i2, a2 = null, [o2, s2] = K(null), [c2, l2] = K(null), u2 = G(() => {
+    let e3 = t2();
+    return {
+      theme: e3.theme,
+      palette: e3.palette,
+      locale: e3.locale,
+      timeZone: e3.timeZone,
+      visualStyle: e3.visualStyle,
+      outlineFillColor: e3.outlineFillColor,
+      outlineFillOpacity: e3.outlineFillOpacity,
+      cornerRadius: e3.cornerRadius,
+      borderWidth: e3.borderWidth,
+      accents: e3.accents,
+      osTheme: e3.osTheme,
+      appTheme: e3.appTheme
+    };
+  });
+  J(() => {
+    n2 !== void 0 && (a2 = new d({
+      container: i2 ?? null,
+      staticCanvas: n2,
+      dynamicCanvas: r2 ?? null,
+      initialProps: e2,
+      initialProvider: u2(),
+      onContextChange: s2,
+      onHoverChange: l2
+    }));
+  }), W(() => {
+    a2 !== null && a2.update(e2, u2());
+  }), q(() => {
+    a2 !== null && (a2.dispose(), a2 = null);
+  });
+  let f2 = (e3) => {
+    a2?.handlePointerMove(e3);
+  }, p2 = () => {
+    a2?.handlePointerLeave();
+  }, m2 = G(() => e2.width ?? 800), h2 = G(() => e2.height ?? 300), g2 = G(() => e2.ariaLabel ?? o2()?.ariaLabel ?? "Depth chart"), _2 = G(() => {
+    let t3 = c2(), n3 = o2();
+    if (t3 === null || n3 === null) return null;
+    let r3 = {
+      side: t3.side,
+      price: t3.price,
+      cumulativeVolume: t3.cumulativeVolume,
+      pctFromMid: t3.pctFromMid,
+      pointerX: t3.pointerX,
+      pointerY: t3.pointerY,
+      containerWidth: m2(),
+      containerHeight: h2(),
+      theme: n3.personalization.theme,
+      palette: n3.personalization.palette,
+      locale: n3.resolvedLocaleBase,
+      timeZone: n3.resolvedTimeZone,
+      formatter: n3.formatter
+    };
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(r3) : nr(r3);
+  });
+  return (() => {
+    var e3 = $n(), t3 = e3.firstChild, a3 = t3.nextSibling;
+    return e3.addEventListener("pointerleave", p2), e3.$$pointermove = f2, H((e4) => i2 = e4, e3), H((e4) => n2 = e4, t3), H((e4) => r2 = e4, a3), I(e3, _2, null), F((n3) => {
+      var r3 = `${m2()}px`, i3 = `${h2()}px`, o3 = g2(), s3 = `${m2()}px`, c3 = `${h2()}px`, l3 = `${m2()}px`, u3 = `${h2()}px`;
+      return r3 !== n3.e && z(e3, "width", n3.e = r3), i3 !== n3.t && z(e3, "height", n3.t = i3), o3 !== n3.a && R(e3, "aria-label", n3.a = o3), s3 !== n3.o && z(t3, "width", n3.o = s3), c3 !== n3.i && z(t3, "height", n3.i = c3), l3 !== n3.n && z(a3, "width", n3.n = l3), u3 !== n3.s && z(a3, "height", n3.s = u3), n3;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0,
+      s: void 0
+    }), e3;
+  })();
+}
+function nr(e2) {
+  let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34, 36, 42)" : "rgb(255, 255, 255)", r2 = t2 ? "rgb(240, 242, 246)" : "rgb(20, 22, 26)", i2 = t2 ? "rgba(240, 242, 246, 0.62)" : "rgba(20, 22, 26, 0.56)", a2 = t2 ? "rgba(255, 255, 255, 0.08)" : "rgba(15, 18, 23, 0.08)", o2 = t2 ? "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)" : "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)", s2 = Math.min(e2.containerWidth - 180, e2.pointerX + 12), c2 = Math.min(e2.containerHeight - 90, e2.pointerY + 12), l2 = e2.side === "bid" ? "BID" : "ASK", u2 = e2.pctFromMid >= 0 ? "+" : "";
+  return (() => {
+    var t3 = er(), d2 = t3.firstChild, f2 = d2.firstChild, p2 = f2.nextSibling;
+    p2.nextSibling;
+    var m2 = d2.nextSibling;
+    m2.firstChild;
+    var h2 = m2.nextSibling;
+    return h2.firstChild, z(t3, "left", `${s2}px`), z(t3, "top", `${c2}px`), z(t3, "background", n2), z(t3, "color", r2), z(t3, "border", `1px solid ${a2}`), z(t3, "box-shadow", o2), z(d2, "color", i2), I(d2, l2, f2), I(d2, u2, p2), I(d2, () => (e2.pctFromMid * 100).toFixed(2), p2), I(m2, () => e2.formatter.formatNumber(e2.price, 4), null), I(h2, () => e2.formatter.formatNumber(e2.cumulativeVolume, 3), null), t3;
+  })();
+}
+P(["pointermove"]);
+var rr = /* @__PURE__ */ V("<div style=text-align:center;line-height:1.2><div style=font-size:11px;opacity:0.65>Total</div><div style=font-size:18px;font-weight:600>"), ir = /* @__PURE__ */ V(`<div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-family:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif">`), ar = /* @__PURE__ */ V("<div style=position:relative><canvas aria-hidden=true style=display:block></canvas><canvas aria-hidden=true style=display:block;position:absolute;inset:0;pointer-events:none>"), or = /* @__PURE__ */ V(`<div role=tooltip style="position:absolute;border-radius:6px;padding:6px 8px;font-size:12px;font-family:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;pointer-events:none;min-width:160px"><div style=font-size:10px;margin-bottom:2px;display:flex;align-items:center;gap:5px><span aria-hidden=true style=width:10px;height:10px;border-radius:5px;display:inline-block></span><span></span></div><div>value: </div><div>percent: <!>%`);
+function sr(e2) {
+  let t2 = X(), n2, r2, i2, a2 = null, [o2, s2] = K(null), [c2, l2] = K(null), u2 = G(() => {
+    let e3 = t2();
+    return {
+      theme: e3.theme,
+      palette: e3.palette,
+      locale: e3.locale,
+      timeZone: e3.timeZone,
+      visualStyle: e3.visualStyle,
+      outlineFillColor: e3.outlineFillColor,
+      outlineFillOpacity: e3.outlineFillOpacity,
+      cornerRadius: e3.cornerRadius,
+      borderWidth: e3.borderWidth,
+      accents: e3.accents,
+      osTheme: e3.osTheme,
+      appTheme: e3.appTheme
+    };
+  });
+  J(() => {
+    n2 !== void 0 && (a2 = new te({
+      container: i2 ?? null,
+      staticCanvas: n2,
+      dynamicCanvas: r2 ?? null,
+      initialProps: e2,
+      initialProvider: u2(),
+      innerRadiusDefault: e2.innerRadiusDefault,
+      onContextChange: s2,
+      onHoverChange: l2
+    }));
+  }), W(() => {
+    a2 !== null && a2.update(e2, u2());
+  }), q(() => {
+    a2 !== null && (a2.dispose(), a2 = null);
+  });
+  let d2 = (e3) => {
+    a2?.handlePointerMove(e3);
+  }, f2 = () => {
+    a2?.handlePointerLeave();
+  }, p2 = G(() => e2.width ?? 480), m2 = G(() => e2.height ?? 360), h2 = G(() => e2.ariaLabel ?? o2()?.ariaLabel ?? "Pie chart"), g2 = G(() => {
+    let t3 = c2(), n3 = o2();
+    if (t3 === null || n3 === null) return null;
+    let r3 = {
+      idx: t3.idx,
+      name: t3.name,
+      value: t3.value,
+      percent: t3.percent,
+      color: t3.color,
+      pointerX: t3.pointerX,
+      pointerY: t3.pointerY,
+      containerWidth: p2(),
+      containerHeight: m2(),
+      theme: n3.personalization.theme,
+      palette: n3.personalization.palette,
+      locale: n3.resolvedLocaleBase,
+      timeZone: n3.resolvedTimeZone,
+      formatter: n3.formatter
+    };
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(r3) : ur(r3);
+  }), _2 = G(() => {
+    let t3 = e2.centerLabel;
+    if (t3 === void 0 || t3 === false) return null;
+    let n3 = o2();
+    if (n3 === null || n3.innerRadiusFraction <= 0) return null;
+    let r3 = {
+      totalValue: n3.totalValue,
+      formatter: n3.formatter,
+      theme: n3.personalization.theme,
+      palette: n3.personalization.palette
+    }, i3;
+    return i3 = t3 === true ? (() => {
+      var e3 = rr(), t4 = e3.firstChild.nextSibling;
+      return I(t4, () => n3.formatter.formatNumber(n3.totalValue, 2)), e3;
+    })() : typeof t3 == "string" ? t3 : t3(r3), (() => {
+      var e3 = ir();
+      return I(e3, i3), F((t4) => z(e3, "color", n3.personalization.theme === "dark" ? "rgb(240,242,246)" : "rgb(20,22,26)")), e3;
+    })();
+  });
+  return (() => {
+    var e3 = ar(), t3 = e3.firstChild, a3 = t3.nextSibling;
+    return e3.addEventListener("pointerleave", f2), e3.$$pointermove = d2, H((e4) => i2 = e4, e3), H((e4) => n2 = e4, t3), H((e4) => r2 = e4, a3), I(e3, _2, null), I(e3, g2, null), F((n3) => {
+      var r3 = `${p2()}px`, i3 = `${m2()}px`, o3 = h2(), s3 = `${p2()}px`, c3 = `${m2()}px`, l3 = `${p2()}px`, u3 = `${m2()}px`;
+      return r3 !== n3.e && z(e3, "width", n3.e = r3), i3 !== n3.t && z(e3, "height", n3.t = i3), o3 !== n3.a && R(e3, "aria-label", n3.a = o3), s3 !== n3.o && z(t3, "width", n3.o = s3), c3 !== n3.i && z(t3, "height", n3.i = c3), l3 !== n3.n && z(a3, "width", n3.n = l3), u3 !== n3.s && z(a3, "height", n3.s = u3), n3;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0,
+      s: void 0
+    }), e3;
+  })();
+}
+function cr(e2) {
+  return N(sr, wt(e2, { innerRadiusDefault: 0 }));
+}
+function lr(e2) {
+  return N(sr, wt(e2, { innerRadiusDefault: 0.5 }));
+}
+function ur(e2) {
+  let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34, 36, 42)" : "rgb(255, 255, 255)", r2 = t2 ? "rgb(240, 242, 246)" : "rgb(20, 22, 26)", i2 = t2 ? "rgba(240, 242, 246, 0.62)" : "rgba(20, 22, 26, 0.56)", a2 = t2 ? "rgba(255, 255, 255, 0.08)" : "rgba(15, 18, 23, 0.08)", o2 = t2 ? "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)" : "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)", s2 = Math.min(e2.containerWidth - 180, e2.pointerX + 12), c2 = Math.min(e2.containerHeight - 80, e2.pointerY + 12);
+  return (() => {
+    var t3 = or(), l2 = t3.firstChild, u2 = l2.firstChild, d2 = u2.nextSibling, f2 = l2.nextSibling;
+    f2.firstChild;
+    var p2 = f2.nextSibling, m2 = p2.firstChild.nextSibling;
+    return m2.nextSibling, z(t3, "left", `${s2}px`), z(t3, "top", `${c2}px`), z(t3, "background", n2), z(t3, "color", r2), z(t3, "border", `1px solid ${a2}`), z(t3, "box-shadow", o2), z(l2, "color", i2), I(d2, () => e2.name), I(f2, () => e2.formatter.formatNumber(e2.value, 2), null), I(p2, () => (e2.percent * 100).toFixed(1), m2), F((t4) => z(u2, "background", e2.color)), t3;
+  })();
+}
+P(["pointermove"]);
+var dr = /* @__PURE__ */ V(`<div role=navigation aria-label="Treemap breadcrumb"style="display:flex;align-items:center;gap:6px;height:32px;padding-bottom:6px;font-family:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;font-size:12px"><button type=button aria-label=Back style=display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:transparent;font-size:13px;line-height:1;padding:0>\u2039</button><div style=display:flex;align-items:center;gap:4px;min-width:0;flex-wrap:wrap>`), fr = /* @__PURE__ */ V('<button type=button style="background:transparent;border:none;padding:2px 6px;border-radius:4px;font-size:12px;white-space:nowrap">'), pr = /* @__PURE__ */ V("<span style=font-size:11px>/"), mr = /* @__PURE__ */ V("<div style=position:relative;display:flex;flex-direction:column><div style=position:relative><canvas aria-hidden=true style=display:block></canvas><canvas aria-hidden=true style=display:block;position:absolute;inset:0;pointer-events:none>"), hr = /* @__PURE__ */ V(`<div role=tooltip style="position:absolute;border-radius:6px;padding:6px 8px;font-size:12px;font-family:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;pointer-events:none;min-width:180px"><div style=font-size:10px;margin-bottom:2px></div><div style=display:flex;align-items:center;gap:5px><span aria-hidden=true style=width:10px;height:10px;border-radius:2px;display:inline-block></span><span style=font-weight:600></span></div><div>value: </div><div>percent: <!>%`);
+function gr(e2) {
+  let t2 = X(), n2, r2, i2, a2 = null, [o2, s2] = K(null), [c2, l2] = K(null), u2 = G(() => {
+    let e3 = t2();
+    return {
+      theme: e3.theme,
+      palette: e3.palette,
+      locale: e3.locale,
+      timeZone: e3.timeZone,
+      visualStyle: e3.visualStyle,
+      outlineFillColor: e3.outlineFillColor,
+      outlineFillOpacity: e3.outlineFillOpacity,
+      cornerRadius: e3.cornerRadius,
+      borderWidth: e3.borderWidth,
+      accents: e3.accents,
+      osTheme: e3.osTheme,
+      appTheme: e3.appTheme
+    };
+  });
+  J(() => {
+    n2 !== void 0 && (a2 = new w({
+      container: i2 ?? null,
+      staticCanvas: n2,
+      dynamicCanvas: r2 ?? null,
+      initialProps: e2,
+      initialProvider: u2(),
+      onContextChange: s2,
+      onHoverChange: l2
+    }));
+  }), W(() => {
+    a2 !== null && a2.update(e2, u2());
+  }), q(() => {
+    a2 !== null && (a2.dispose(), a2 = null);
+  });
+  let d2 = (e3) => {
+    a2?.handlePointerMove(e3);
+  }, f2 = () => {
+    a2?.handlePointerLeave();
+  }, p2 = (e3) => {
+    a2?.handleClick(e3);
+  }, m2 = G(() => e2.width ?? 600), h2 = G(() => e2.height ?? 400), g2 = G(() => e2.ariaLabel ?? o2()?.ariaLabel ?? "Treemap"), _2 = G(() => {
+    let t3 = c2(), n3 = o2();
+    if (t3 === null || n3 === null) return null;
+    let r3 = {
+      idx: t3.idx,
+      name: t3.name,
+      value: t3.value,
+      percent: t3.percent,
+      depth: t3.depth,
+      path: t3.path,
+      color: t3.color,
+      pointerX: t3.pointerX,
+      pointerY: t3.pointerY,
+      containerWidth: m2(),
+      containerHeight: h2(),
+      theme: n3.personalization.theme,
+      palette: n3.personalization.palette,
+      locale: n3.resolvedLocaleBase,
+      timeZone: n3.resolvedTimeZone,
+      formatter: n3.formatter
+    };
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(r3) : _r(r3);
+  }), v2 = G(() => {
+    let e3 = o2();
+    if (e3 === null || !e3.showBreadcrumb) return null;
+    let t3 = e3.personalization.theme === "dark", n3 = ["root", ...e3.currentPath], r3 = n3.length - 1, i3 = t3 ? "rgba(240,242,246,0.92)" : "rgba(20,22,26,0.82)", s3 = t3 ? "rgba(240,242,246,0.55)" : "rgba(20,22,26,0.45)", c3 = n3.length === 1;
+    return (() => {
+      var o3 = dr(), l3 = o3.firstChild, u3 = l3.nextSibling;
+      return z(o3, "color", i3), l3.$$click = () => {
+        c3 || a2?.setPath(e3.currentPath.slice(0, -1));
+      }, l3.disabled = c3, z(l3, "border", `1px solid ${t3 ? "rgba(255,255,255,0.12)" : "rgba(15,18,23,0.10)"}`), z(l3, "color", c3 ? s3 : i3), z(l3, "cursor", c3 ? "not-allowed" : "pointer"), z(l3, "opacity", c3 ? "0.45" : "1"), I(u3, N(U, {
+        each: n3,
+        children: (e4, t4) => [L(() => L(() => t4() > 0)() && (() => {
+          var e5 = pr();
+          return z(e5, "color", s3), e5;
+        })()), (() => {
+          var o4 = fr();
+          return o4.$$click = () => a2?.setPath(n3.slice(1, t4() + 1)), I(o4, e4), F((e5) => {
+            var n4 = t4() === r3, a3 = t4() === r3 ? i3 : s3, c4 = t4() === r3 ? "600" : "500", l4 = t4() === r3 ? "default" : "pointer";
+            return n4 !== e5.e && (o4.disabled = e5.e = n4), a3 !== e5.t && z(o4, "color", e5.t = a3), c4 !== e5.a && z(o4, "font-weight", e5.a = c4), l4 !== e5.o && z(o4, "cursor", e5.o = l4), e5;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0
+          }), o4;
+        })()]
+      })), F((e4) => z(o3, "width", `${m2()}px`)), o3;
+    })();
+  });
+  return (() => {
+    var e3 = mr(), t3 = e3.firstChild, a3 = t3.firstChild, o3 = a3.nextSibling;
+    return H((e4) => i2 = e4, e3), I(e3, v2, t3), t3.$$click = p2, t3.addEventListener("pointerleave", f2), t3.$$pointermove = d2, H((e4) => n2 = e4, a3), H((e4) => r2 = e4, o3), I(t3, _2, null), F((n3) => {
+      var r3 = `${m2()}px`, i3 = g2(), s3 = `${m2()}px`, c3 = `${h2()}px`, l3 = `${m2()}px`, u3 = `${h2()}px`, d3 = `${m2()}px`, f3 = `${h2()}px`;
+      return r3 !== n3.e && z(e3, "width", n3.e = r3), i3 !== n3.t && R(e3, "aria-label", n3.t = i3), s3 !== n3.a && z(t3, "width", n3.a = s3), c3 !== n3.o && z(t3, "height", n3.o = c3), l3 !== n3.i && z(a3, "width", n3.i = l3), u3 !== n3.n && z(a3, "height", n3.n = u3), d3 !== n3.s && z(o3, "width", n3.s = d3), f3 !== n3.h && z(o3, "height", n3.h = f3), n3;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0,
+      s: void 0,
+      h: void 0
+    }), e3;
+  })();
+}
+function _r(e2) {
+  let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34, 36, 42)" : "rgb(255, 255, 255)", r2 = t2 ? "rgb(240, 242, 246)" : "rgb(20, 22, 26)", i2 = t2 ? "rgba(240, 242, 246, 0.62)" : "rgba(20, 22, 26, 0.56)", a2 = t2 ? "rgba(255, 255, 255, 0.08)" : "rgba(15, 18, 23, 0.08)", o2 = t2 ? "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)" : "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)", s2 = Math.min(e2.containerWidth - 200, e2.pointerX + 12), c2 = Math.min(e2.containerHeight - 80, e2.pointerY + 12);
+  return (() => {
+    var t3 = hr(), l2 = t3.firstChild, u2 = l2.nextSibling, d2 = u2.firstChild, f2 = d2.nextSibling, p2 = u2.nextSibling;
+    p2.firstChild;
+    var m2 = p2.nextSibling, h2 = m2.firstChild.nextSibling;
+    return h2.nextSibling, z(t3, "left", `${s2}px`), z(t3, "top", `${c2}px`), z(t3, "background", n2), z(t3, "color", r2), z(t3, "border", `1px solid ${a2}`), z(t3, "box-shadow", o2), z(l2, "color", i2), I(l2, () => e2.path.join(" \u203A ")), I(f2, () => e2.name), I(p2, () => e2.formatter.formatNumber(e2.value, 2), null), I(m2, () => (e2.percent * 100).toFixed(1), h2), F((t4) => z(d2, "background", e2.color)), t3;
+  })();
+}
+P(["click", "pointermove"]);
+var vr = /* @__PURE__ */ V("<div style=text-align:center;line-height:1.2><div style=font-size:10px;opacity:0.6>Total</div><div style=font-size:18px;font-weight:600>"), yr = /* @__PURE__ */ V(`<div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-family:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif">`), br = /* @__PURE__ */ V(`<div role=button style="position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:50%;font-family:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;user-select:none"><span style=font-size:10px;line-height:1;letter-spacing:0.02em>\u2039 Back</span><span style=font-size:14px;font-weight:600;line-height:1.1>`), xr = /* @__PURE__ */ V("<span style=font-size:11px;line-height:1>"), Sr = /* @__PURE__ */ V("<div style=position:relative><canvas aria-hidden=true style=display:block></canvas><canvas aria-hidden=true style=display:block;position:absolute;inset:0;pointer-events:none>"), Cr = /* @__PURE__ */ V(`<div role=tooltip style="position:absolute;border-radius:6px;padding:6px 8px;font-size:12px;font-family:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;pointer-events:none;min-width:180px"><div style=font-size:10px;margin-bottom:2px></div><div style=display:flex;align-items:center;gap:5px><span aria-hidden=true style=width:10px;height:10px;border-radius:5px;display:inline-block></span><span style=font-weight:600></span></div><div>value: </div><div>percent: <!>%`);
+function wr(e2) {
+  let t2 = X(), n2, r2, i2, a2 = null, [o2, s2] = K(null), [c2, l2] = K(null), u2 = G(() => {
+    let e3 = t2();
+    return {
+      theme: e3.theme,
+      palette: e3.palette,
+      locale: e3.locale,
+      timeZone: e3.timeZone,
+      visualStyle: e3.visualStyle,
+      outlineFillColor: e3.outlineFillColor,
+      outlineFillOpacity: e3.outlineFillOpacity,
+      cornerRadius: e3.cornerRadius,
+      borderWidth: e3.borderWidth,
+      accents: e3.accents,
+      osTheme: e3.osTheme,
+      appTheme: e3.appTheme
+    };
+  });
+  J(() => {
+    n2 !== void 0 && (a2 = new C({
+      container: i2 ?? null,
+      staticCanvas: n2,
+      dynamicCanvas: r2 ?? null,
+      initialProps: e2,
+      initialProvider: u2(),
+      onContextChange: s2,
+      onHoverChange: l2
+    }));
+  }), W(() => {
+    a2 !== null && a2.update(e2, u2());
+  }), q(() => {
+    a2 !== null && (a2.dispose(), a2 = null);
+  });
+  let d2 = (e3) => {
+    a2?.handlePointerMove(e3);
+  }, f2 = () => {
+    a2?.handlePointerLeave();
+  }, p2 = (e3) => {
+    a2?.handleClick(e3);
+  }, m2 = G(() => e2.width ?? 480), h2 = G(() => e2.height ?? 480), g2 = G(() => e2.ariaLabel ?? o2()?.ariaLabel ?? "Sunburst"), _2 = G(() => {
+    let t3 = c2(), n3 = o2();
+    if (t3 === null || n3 === null) return null;
+    let r3 = {
+      idx: t3.idx,
+      name: t3.name,
+      value: t3.value,
+      percent: t3.percent,
+      depth: t3.depth,
+      path: t3.path,
+      color: t3.color,
+      pointerX: t3.pointerX,
+      pointerY: t3.pointerY,
+      containerWidth: m2(),
+      containerHeight: h2(),
+      theme: n3.personalization.theme,
+      palette: n3.personalization.palette,
+      locale: n3.resolvedLocaleBase,
+      timeZone: n3.resolvedTimeZone,
+      formatter: n3.formatter
+    };
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(r3) : Tr(r3);
+  }), v2 = G(() => {
+    let t3 = o2();
+    if (t3 === null || t3.isDrilled) return null;
+    let n3 = e2.centerLabel;
+    if (n3 === void 0 || n3 === false) return null;
+    let r3 = t3.personalization.theme === "dark", i3;
+    return i3 = n3 === true ? (() => {
+      var e3 = vr(), n4 = e3.firstChild.nextSibling;
+      return I(n4, () => t3.formatter.formatNumber(t3.totalValue, 0)), e3;
+    })() : n3, (() => {
+      var e3 = yr();
+      return z(e3, "color", r3 ? "rgb(240,242,246)" : "rgb(20,22,26)"), I(e3, i3), e3;
+    })();
+  }), y2 = G(() => {
+    let e3 = o2();
+    if (e3 === null || !e3.isDrilled) return null;
+    let t3 = e3.personalization.theme === "dark", n3 = t3 ? "rgb(34, 36, 42)" : "rgb(255, 255, 255)", r3 = t3 ? "rgb(240, 242, 246)" : "rgb(20, 22, 26)", i3 = t3 ? "rgba(240, 242, 246, 0.62)" : "rgba(20, 22, 26, 0.56)", s3 = t3 ? "rgba(255, 255, 255, 0.08)" : "rgba(15, 18, 23, 0.10)", c3 = e3.centerDiscDiameter, l3 = () => {
+      let t4 = e3.currentPath.slice(0, -1);
+      a2?.setPath(t4);
+    }, u3 = Number.isFinite(e3.rootDelta) ? `${e3.rootDelta >= 0 ? "\u25B2" : "\u25BC"} ${Math.abs(e3.rootDelta).toFixed(1)}%` : "";
+    return (() => {
+      var t4 = br(), a3 = t4.firstChild, o3 = a3.nextSibling;
+      return t4.$$click = (e4) => {
+        e4.stopPropagation(), l3();
+      }, z(t4, "width", `${c3}px`), z(t4, "height", `${c3}px`), z(t4, "background", n3), z(t4, "border", `1px solid ${s3}`), z(t4, "color", r3), z(a3, "color", i3), I(o3, () => e3.rootName), I(t4, u3 !== "" && (() => {
+        var e4 = xr();
+        return z(e4, "color", i3), I(e4, u3), e4;
+      })(), null), F(() => R(t4, "aria-label", `Back to ${e3.currentPath.length > 1 ? e3.currentPath[e3.currentPath.length - 2] : "root"}`)), t4;
+    })();
+  });
+  return (() => {
+    var e3 = Sr(), t3 = e3.firstChild, a3 = t3.nextSibling;
+    return e3.$$click = p2, e3.addEventListener("pointerleave", f2), e3.$$pointermove = d2, H((e4) => i2 = e4, e3), H((e4) => n2 = e4, t3), H((e4) => r2 = e4, a3), I(e3, v2, null), I(e3, y2, null), I(e3, _2, null), F((n3) => {
+      var r3 = `${m2()}px`, i3 = `${h2()}px`, o3 = g2(), s3 = `${m2()}px`, c3 = `${h2()}px`, l3 = `${m2()}px`, u3 = `${h2()}px`;
+      return r3 !== n3.e && z(e3, "width", n3.e = r3), i3 !== n3.t && z(e3, "height", n3.t = i3), o3 !== n3.a && R(e3, "aria-label", n3.a = o3), s3 !== n3.o && z(t3, "width", n3.o = s3), c3 !== n3.i && z(t3, "height", n3.i = c3), l3 !== n3.n && z(a3, "width", n3.n = l3), u3 !== n3.s && z(a3, "height", n3.s = u3), n3;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0,
+      s: void 0
+    }), e3;
+  })();
+}
+function Tr(e2) {
+  let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34, 36, 42)" : "rgb(255, 255, 255)", r2 = t2 ? "rgb(240, 242, 246)" : "rgb(20, 22, 26)", i2 = t2 ? "rgba(240, 242, 246, 0.62)" : "rgba(20, 22, 26, 0.56)", a2 = t2 ? "rgba(255, 255, 255, 0.08)" : "rgba(15, 18, 23, 0.08)", o2 = t2 ? "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)" : "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)", s2 = Math.min(e2.containerWidth - 200, e2.pointerX + 12), c2 = Math.min(e2.containerHeight - 80, e2.pointerY + 12);
+  return (() => {
+    var t3 = Cr(), l2 = t3.firstChild, u2 = l2.nextSibling, d2 = u2.firstChild, f2 = d2.nextSibling, p2 = u2.nextSibling;
+    p2.firstChild;
+    var m2 = p2.nextSibling, h2 = m2.firstChild.nextSibling;
+    return h2.nextSibling, z(t3, "left", `${s2}px`), z(t3, "top", `${c2}px`), z(t3, "background", n2), z(t3, "color", r2), z(t3, "border", `1px solid ${a2}`), z(t3, "box-shadow", o2), z(l2, "color", i2), I(l2, () => e2.path.join(" \u203A ")), I(f2, () => e2.name), I(p2, () => e2.formatter.formatNumber(e2.value, 2), null), I(m2, () => (e2.percent * 100).toFixed(1), h2), F((t4) => z(d2, "background", e2.color)), t3;
+  })();
+}
+P(["click", "pointermove"]);
+var Er = /* @__PURE__ */ V("<div style=position:relative><canvas aria-hidden=true style=display:block></canvas><canvas aria-hidden=true style=display:block;position:absolute;inset:0;pointer-events:none>"), Dr = /* @__PURE__ */ V(`<div role=tooltip style="position:absolute;border-radius:6px;padding:6px 8px;font-size:12px;font-family:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;pointer-events:none;min-width:160px"><div style=font-size:10px;margin-bottom:2px> \xB7 #</div><div>range: <!> \u2013 </div><div>source: `);
+function Or(e2) {
+  let t2 = X(), n2, r2, i2, a2 = null, [o2, s2] = K(null), [c2, l2] = K(null), u2 = G(() => {
+    let e3 = t2();
+    return {
+      theme: e3.theme,
+      palette: e3.palette,
+      locale: e3.locale,
+      timeZone: e3.timeZone,
+      visualStyle: e3.visualStyle,
+      outlineFillColor: e3.outlineFillColor,
+      outlineFillOpacity: e3.outlineFillOpacity,
+      cornerRadius: e3.cornerRadius,
+      borderWidth: e3.borderWidth,
+      accents: e3.accents,
+      osTheme: e3.osTheme,
+      appTheme: e3.appTheme
+    };
+  });
+  J(() => {
+    n2 !== void 0 && (a2 = new Be({
+      container: i2 ?? null,
+      staticCanvas: n2,
+      dynamicCanvas: r2 ?? null,
+      initialProps: e2,
+      initialProvider: u2(),
+      onContextChange: s2,
+      onHoverChange: l2
+    }));
+  }), W(() => {
+    a2 !== null && a2.update(e2, u2());
+  }), q(() => {
+    a2 !== null && (a2.dispose(), a2 = null);
+  });
+  let d2 = (e3) => {
+    a2?.handlePointerMove(e3);
+  }, f2 = () => {
+    a2?.handlePointerLeave();
+  }, p2 = G(() => e2.width ?? 800), m2 = G(() => e2.height ?? 400), h2 = G(() => e2.ariaLabel ?? o2()?.ariaLabel ?? "Renko chart"), g2 = G(() => {
+    let t3 = c2(), n3 = o2();
+    if (t3 === null || n3 === null) return null;
+    let r3 = {
+      idx: t3.idx,
+      direction: t3.direction,
+      bottomPrice: t3.bottomPrice,
+      topPrice: t3.topPrice,
+      sourceTime: t3.sourceTime,
+      pointerX: t3.pointerX,
+      pointerY: t3.pointerY,
+      containerWidth: p2(),
+      containerHeight: m2(),
+      theme: n3.personalization.theme,
+      palette: n3.personalization.palette,
+      locale: n3.resolvedLocaleBase,
+      timeZone: n3.resolvedTimeZone,
+      formatter: n3.formatter
+    };
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(r3) : kr(r3);
+  });
+  return (() => {
+    var e3 = Er(), t3 = e3.firstChild, a3 = t3.nextSibling;
+    return e3.addEventListener("pointerleave", f2), e3.$$pointermove = d2, H((e4) => i2 = e4, e3), H((e4) => n2 = e4, t3), H((e4) => r2 = e4, a3), I(e3, g2, null), F((n3) => {
+      var r3 = `${p2()}px`, i3 = `${m2()}px`, o3 = h2(), s3 = `${p2()}px`, c3 = `${m2()}px`, l3 = `${p2()}px`, u3 = `${m2()}px`;
+      return r3 !== n3.e && z(e3, "width", n3.e = r3), i3 !== n3.t && z(e3, "height", n3.t = i3), o3 !== n3.a && R(e3, "aria-label", n3.a = o3), s3 !== n3.o && z(t3, "width", n3.o = s3), c3 !== n3.i && z(t3, "height", n3.i = c3), l3 !== n3.n && z(a3, "width", n3.n = l3), u3 !== n3.s && z(a3, "height", n3.s = u3), n3;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0,
+      s: void 0
+    }), e3;
+  })();
+}
+function kr(e2) {
+  let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34,36,42)" : "rgb(255,255,255)", r2 = t2 ? "rgb(240,242,246)" : "rgb(20,22,26)", i2 = t2 ? "rgba(240,242,246,0.62)" : "rgba(20,22,26,0.56)", a2 = t2 ? "rgba(255,255,255,0.08)" : "rgba(15,18,23,0.08)", o2 = Math.min(e2.containerWidth - 180, e2.pointerX + 12), s2 = Math.min(e2.containerHeight - 80, e2.pointerY + 12);
+  return (() => {
+    var t3 = Dr(), c2 = t3.firstChild, l2 = c2.firstChild, u2 = c2.nextSibling, d2 = u2.firstChild.nextSibling;
+    d2.nextSibling;
+    var f2 = u2.nextSibling;
+    return f2.firstChild, z(t3, "left", `${o2}px`), z(t3, "top", `${s2}px`), z(t3, "background", n2), z(t3, "color", r2), z(t3, "border", `1px solid ${a2}`), z(c2, "color", i2), I(c2, () => e2.direction > 0 ? "\u25B2 Up brick" : "\u25BC Down brick", l2), I(c2, () => e2.idx, null), I(u2, () => e2.formatter.formatNumber(e2.bottomPrice, 2), d2), I(u2, () => e2.formatter.formatNumber(e2.topPrice, 2), null), I(f2, () => e2.formatter.formatDate(e2.sourceTime), null), t3;
+  })();
+}
+P(["pointermove"]);
+var Ar = /* @__PURE__ */ V("<div style=position:relative><canvas aria-hidden=true style=display:block></canvas><canvas aria-hidden=true style=display:block;position:absolute;inset:0;pointer-events:none>"), jr = /* @__PURE__ */ V(`<div role=tooltip style="position:absolute;border-radius:6px;padding:6px 8px;font-size:12px;font-family:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;pointer-events:none;min-width:160px"><div style=font-size:10px;margin-bottom:2px> \xB7 <!> \xB7 leg #</div><div> \u2192 `);
+function Mr(e2) {
+  let t2 = X(), r2, i2, a2, o2 = null, [s2, c2] = K(null), [l2, u2] = K(null), d2 = G(() => {
+    let e3 = t2();
+    return {
+      theme: e3.theme,
+      palette: e3.palette,
+      locale: e3.locale,
+      timeZone: e3.timeZone,
+      visualStyle: e3.visualStyle,
+      outlineFillColor: e3.outlineFillColor,
+      outlineFillOpacity: e3.outlineFillOpacity,
+      cornerRadius: e3.cornerRadius,
+      borderWidth: e3.borderWidth,
+      accents: e3.accents,
+      osTheme: e3.osTheme,
+      appTheme: e3.appTheme
+    };
+  });
+  J(() => {
+    r2 !== void 0 && (o2 = new n({
+      container: a2 ?? null,
+      staticCanvas: r2,
+      dynamicCanvas: i2 ?? null,
+      initialProps: e2,
+      initialProvider: d2(),
+      onContextChange: c2,
+      onHoverChange: u2
+    }));
+  }), W(() => {
+    o2 !== null && o2.update(e2, d2());
+  }), q(() => {
+    o2 !== null && (o2.dispose(), o2 = null);
+  });
+  let f2 = (e3) => {
+    o2?.handlePointerMove(e3);
+  }, p2 = () => {
+    o2?.handlePointerLeave();
+  }, m2 = G(() => e2.width ?? 800), h2 = G(() => e2.height ?? 400), g2 = G(() => e2.ariaLabel ?? s2()?.ariaLabel ?? "Kagi chart"), _2 = G(() => {
+    let t3 = l2(), n2 = s2();
+    if (t3 === null || n2 === null) return null;
+    let r3 = {
+      idx: t3.idx,
+      direction: t3.direction,
+      thick: t3.thick,
+      startPrice: t3.startPrice,
+      endPrice: t3.endPrice,
+      pointerX: t3.pointerX,
+      pointerY: t3.pointerY,
+      containerWidth: m2(),
+      containerHeight: h2(),
+      theme: n2.personalization.theme,
+      palette: n2.personalization.palette,
+      locale: n2.resolvedLocaleBase,
+      timeZone: n2.resolvedTimeZone,
+      formatter: n2.formatter
+    };
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(r3) : Nr(r3);
+  });
+  return (() => {
+    var e3 = Ar(), t3 = e3.firstChild, n2 = t3.nextSibling;
+    return e3.addEventListener("pointerleave", p2), e3.$$pointermove = f2, H((e4) => a2 = e4, e3), H((e4) => r2 = e4, t3), H((e4) => i2 = e4, n2), I(e3, _2, null), F((r3) => {
+      var i3 = `${m2()}px`, a3 = `${h2()}px`, o3 = g2(), s3 = `${m2()}px`, c3 = `${h2()}px`, l3 = `${m2()}px`, u3 = `${h2()}px`;
+      return i3 !== r3.e && z(e3, "width", r3.e = i3), a3 !== r3.t && z(e3, "height", r3.t = a3), o3 !== r3.a && R(e3, "aria-label", r3.a = o3), s3 !== r3.o && z(t3, "width", r3.o = s3), c3 !== r3.i && z(t3, "height", r3.i = c3), l3 !== r3.n && z(n2, "width", r3.n = l3), u3 !== r3.s && z(n2, "height", r3.s = u3), r3;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0,
+      s: void 0
+    }), e3;
+  })();
+}
+function Nr(e2) {
+  let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34,36,42)" : "rgb(255,255,255)", r2 = t2 ? "rgb(240,242,246)" : "rgb(20,22,26)", i2 = t2 ? "rgba(240,242,246,0.62)" : "rgba(20,22,26,0.56)", a2 = t2 ? "rgba(255,255,255,0.08)" : "rgba(15,18,23,0.08)", o2 = Math.min(e2.containerWidth - 180, e2.pointerX + 12), s2 = Math.min(e2.containerHeight - 80, e2.pointerY + 12);
+  return (() => {
+    var t3 = jr(), c2 = t3.firstChild, l2 = c2.firstChild, u2 = l2.nextSibling;
+    u2.nextSibling;
+    var d2 = c2.nextSibling, f2 = d2.firstChild;
+    return z(t3, "left", `${o2}px`), z(t3, "top", `${s2}px`), z(t3, "background", n2), z(t3, "color", r2), z(t3, "border", `1px solid ${a2}`), z(c2, "color", i2), I(c2, () => e2.thick ? "Yang" : "Yin", l2), I(c2, () => e2.direction > 0 ? "\u25B2" : "\u25BC", u2), I(c2, () => e2.idx, null), I(d2, () => e2.formatter.formatNumber(e2.startPrice, 2), f2), I(d2, () => e2.formatter.formatNumber(e2.endPrice, 2), null), t3;
+  })();
+}
+P(["pointermove"]);
+var Pr = /* @__PURE__ */ V("<div style=position:relative><canvas aria-hidden=true style=display:block></canvas><canvas aria-hidden=true style=display:block;position:absolute;inset:0;pointer-events:none>"), Fr = /* @__PURE__ */ V(`<div role=tooltip style="position:absolute;border-radius:6px;padding:6px 8px;font-size:12px;font-family:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;pointer-events:none;min-width:160px"><div style=font-size:10px;margin-bottom:2px> \xB7 #</div><div>range: <!> \u2013 `);
+function Ir(e2) {
+  let t2 = X(), n2, r2, i2, a2 = null, [o2, s2] = K(null), [c2, l2] = K(null), u2 = G(() => {
+    let e3 = t2();
+    return {
+      theme: e3.theme,
+      palette: e3.palette,
+      locale: e3.locale,
+      timeZone: e3.timeZone,
+      visualStyle: e3.visualStyle,
+      outlineFillColor: e3.outlineFillColor,
+      outlineFillOpacity: e3.outlineFillOpacity,
+      cornerRadius: e3.cornerRadius,
+      borderWidth: e3.borderWidth,
+      accents: e3.accents,
+      osTheme: e3.osTheme,
+      appTheme: e3.appTheme
+    };
+  });
+  J(() => {
+    n2 !== void 0 && (a2 = new He({
+      container: i2 ?? null,
+      staticCanvas: n2,
+      dynamicCanvas: r2 ?? null,
+      initialProps: e2,
+      initialProvider: u2(),
+      onContextChange: s2,
+      onHoverChange: l2
+    }));
+  }), W(() => {
+    a2 !== null && a2.update(e2, u2());
+  }), q(() => {
+    a2 !== null && (a2.dispose(), a2 = null);
+  });
+  let d2 = (e3) => {
+    a2?.handlePointerMove(e3);
+  }, f2 = () => {
+    a2?.handlePointerLeave();
+  }, p2 = G(() => e2.width ?? 800), m2 = G(() => e2.height ?? 400), h2 = G(() => e2.ariaLabel ?? o2()?.ariaLabel ?? "Point and figure chart"), g2 = G(() => {
+    let t3 = c2(), n3 = o2();
+    if (t3 === null || n3 === null) return null;
+    let r3 = {
+      idx: t3.idx,
+      direction: t3.direction,
+      bottomBox: t3.bottomBox,
+      topBox: t3.topBox,
+      pointerX: t3.pointerX,
+      pointerY: t3.pointerY,
+      containerWidth: p2(),
+      containerHeight: m2(),
+      theme: n3.personalization.theme,
+      palette: n3.personalization.palette,
+      locale: n3.resolvedLocaleBase,
+      timeZone: n3.resolvedTimeZone,
+      formatter: n3.formatter
+    };
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(r3) : Lr(r3);
+  });
+  return (() => {
+    var e3 = Pr(), t3 = e3.firstChild, a3 = t3.nextSibling;
+    return e3.addEventListener("pointerleave", f2), e3.$$pointermove = d2, H((e4) => i2 = e4, e3), H((e4) => n2 = e4, t3), H((e4) => r2 = e4, a3), I(e3, g2, null), F((n3) => {
+      var r3 = `${p2()}px`, i3 = `${m2()}px`, o3 = h2(), s3 = `${p2()}px`, c3 = `${m2()}px`, l3 = `${p2()}px`, u3 = `${m2()}px`;
+      return r3 !== n3.e && z(e3, "width", n3.e = r3), i3 !== n3.t && z(e3, "height", n3.t = i3), o3 !== n3.a && R(e3, "aria-label", n3.a = o3), s3 !== n3.o && z(t3, "width", n3.o = s3), c3 !== n3.i && z(t3, "height", n3.i = c3), l3 !== n3.n && z(a3, "width", n3.n = l3), u3 !== n3.s && z(a3, "height", n3.s = u3), n3;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0,
+      s: void 0
+    }), e3;
+  })();
+}
+function Lr(e2) {
+  let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34,36,42)" : "rgb(255,255,255)", r2 = t2 ? "rgb(240,242,246)" : "rgb(20,22,26)", i2 = t2 ? "rgba(240,242,246,0.62)" : "rgba(20,22,26,0.56)", a2 = t2 ? "rgba(255,255,255,0.08)" : "rgba(15,18,23,0.08)", o2 = Math.min(e2.containerWidth - 180, e2.pointerX + 12), s2 = Math.min(e2.containerHeight - 80, e2.pointerY + 12);
+  return (() => {
+    var t3 = Fr(), c2 = t3.firstChild, l2 = c2.firstChild, u2 = c2.nextSibling, d2 = u2.firstChild.nextSibling;
+    return d2.nextSibling, z(t3, "left", `${o2}px`), z(t3, "top", `${s2}px`), z(t3, "background", n2), z(t3, "color", r2), z(t3, "border", `1px solid ${a2}`), z(c2, "color", i2), I(c2, () => e2.direction > 0 ? "X (up column)" : "O (down column)", l2), I(c2, () => e2.idx, null), I(u2, () => e2.formatter.formatNumber(e2.bottomBox, 2), d2), I(u2, () => e2.formatter.formatNumber(e2.topBox, 2), null), t3;
+  })();
+}
+P(["pointermove"]);
+var Rr = /* @__PURE__ */ V('<div role=slider aria-label="Time-range brush"style=position:relative;border-radius:4px;user-select:none;touch-action:none>'), zr = /* @__PURE__ */ V("<div style=position:absolute;top:0;height:100%>"), Br = /* @__PURE__ */ V("<div style=position:absolute;top:0;width:4px;height:100%;border-radius:2px;cursor:ew-resize>");
+function Vr(e2) {
+  let t2 = Q(), n2, [r2, i2] = K(null), a2 = () => e2.width ?? 600, o2 = () => e2.height ?? 28, s2 = () => e2.trackColor ?? "rgba(120,120,120,0.12)", c2 = () => e2.selectionColor ?? "rgba(80,160,120,0.28)", l2 = () => e2.handleColor ?? "rgba(80,160,120,0.95)", u2 = () => e2.domain.end - e2.domain.start, d2 = (t3) => {
+    let n3 = a2();
+    return u2() <= 0 || n3 <= 0 ? e2.domain.start : e2.domain.start + t3 / n3 * u2();
+  }, f2 = (t3) => {
+    let n3 = a2();
+    return u2() <= 0 || n3 <= 0 ? 0 : (t3 - e2.domain.start) / u2() * n3;
+  }, p2 = (e3) => {
+    if (t2 === null || n2 === void 0) return;
+    let r3 = n2.getBoundingClientRect(), a3 = e3.clientX - r3.left;
+    e3.target.setPointerCapture(e3.pointerId);
+    let o3 = t2.state.brush;
+    if (o3 !== null) {
+      let e4 = f2(o3.start), t3 = f2(o3.end);
+      if (Math.abs(a3 - e4) < 6) {
+        i2({
+          kind: "left",
+          startX: a3,
+          startBrush: o3
+        });
+        return;
+      }
+      if (Math.abs(a3 - t3) < 6) {
+        i2({
+          kind: "right",
+          startX: a3,
+          startBrush: o3
+        });
+        return;
+      }
+      if (a3 > e4 && a3 < t3) {
+        i2({
+          kind: "move",
+          startX: a3,
+          startBrush: o3
+        });
+        return;
+      }
+    }
+    let s3 = d2(a3);
+    t2.state.setBrush({
+      start: s3,
+      end: s3
+    }), i2({
+      kind: "draw",
+      startX: a3,
+      startBrush: null
+    });
+  }, m2 = (i3) => {
+    let a3 = r2();
+    if (t2 === null || a3 === null || n2 === void 0) return;
+    let o3 = n2.getBoundingClientRect(), s3 = i3.clientX - o3.left;
+    if (a3.kind === "draw") {
+      let e3 = d2(a3.startX), n3 = d2(s3), r3 = Math.min(e3, n3), i4 = Math.max(e3, n3);
+      t2.state.setBrush({
+        start: r3,
+        end: i4
+      });
+      return;
+    }
+    let c3 = a3.startBrush;
+    if (c3 === null) return;
+    let l3 = d2(s3) - d2(a3.startX);
+    if (a3.kind === "left") {
+      let e3 = c3.start + l3;
+      e3 >= c3.end && (e3 = c3.end - 1e-4 * u2()), t2.state.setBrush({
+        start: e3,
+        end: c3.end
+      });
+    } else if (a3.kind === "right") {
+      let e3 = c3.end + l3;
+      e3 <= c3.start && (e3 = c3.start + 1e-4 * u2()), t2.state.setBrush({
+        start: c3.start,
+        end: e3
+      });
+    } else if (a3.kind === "move") {
+      let n3 = c3.start + l3, r3 = c3.end + l3;
+      if (n3 < e2.domain.start) {
+        let t3 = e2.domain.start - n3;
+        n3 += t3, r3 += t3;
+      }
+      if (r3 > e2.domain.end) {
+        let t3 = r3 - e2.domain.end;
+        n3 -= t3, r3 -= t3;
+      }
+      t2.state.setBrush({
+        start: n3,
+        end: r3
+      });
+    }
+  }, h2 = () => {
+    i2(null);
+  }, g2 = () => {
+    t2?.state.setBrush(null);
+  };
+  return (() => {
+    var e3 = Rr();
+    return e3.$$dblclick = g2, e3.addEventListener("pointercancel", h2), e3.$$pointerup = h2, e3.$$pointermove = m2, e3.$$pointerdown = p2, H((e4) => n2 = e4, e3), z(e3, "display", t2 === null ? "none" : void 0), I(e3, () => {
+      if (t2 === null) return null;
+      t2.version();
+      let e4 = t2.state.brush;
+      if (e4 === null) return null;
+      let n3 = f2(e4.start), r3 = f2(e4.end);
+      return r3 <= n3 ? null : [
+        (() => {
+          var e5 = zr();
+          return z(e5, "left", `${n3}px`), z(e5, "width", `${r3 - n3}px`), F((t3) => {
+            var n4 = c2(), r4 = `1px solid ${l2()}`, i3 = `1px solid ${l2()}`;
+            return n4 !== t3.e && z(e5, "background", t3.e = n4), r4 !== t3.t && z(e5, "border-top", t3.t = r4), i3 !== t3.a && z(e5, "border-bottom", t3.a = i3), t3;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0
+          }), e5;
+        })(),
+        (() => {
+          var e5 = Br();
+          return z(e5, "left", `${n3 - 2}px`), F((t3) => z(e5, "background", l2())), e5;
+        })(),
+        (() => {
+          var e5 = Br();
+          return z(e5, "left", `${r3 - 2}px`), F((t3) => z(e5, "background", l2())), e5;
+        })()
+      ];
+    }), F((t3) => {
+      var n3 = `${a2()}px`, i3 = `${o2()}px`, c3 = s2(), l3 = r2() === null ? "crosshair" : "grabbing";
+      return n3 !== t3.e && z(e3, "width", t3.e = n3), i3 !== t3.t && z(e3, "height", t3.t = i3), c3 !== t3.a && z(e3, "background", t3.a = c3), l3 !== t3.o && z(e3, "cursor", t3.o = l3), t3;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0
+    }), e3;
+  })();
+}
+P([
+  "pointerdown",
+  "pointermove",
+  "pointerup",
+  "dblclick"
+]);
+var Hr = /* @__PURE__ */ V('<div role=region aria-label="Chart group navigator"style=position:relative;flex-direction:column;gap:0>');
+function Ur(e2) {
+  let t2 = Q(), n2 = () => e2.width ?? 600, r2 = () => e2.height ?? 80, i2 = G(() => {
+    if (e2.domain !== void 0) return e2.domain;
+    let t3 = e2.data;
+    if ("times" in t3) {
+      let e3 = t3.times, n4 = e3.length;
+      return n4 === 0 ? {
+        start: 0,
+        end: 1
+      } : {
+        start: e3[0],
+        end: e3[n4 - 1]
+      };
+    }
+    let n3 = t3.points;
+    return n3.length === 0 ? {
+      start: 0,
+      end: 1
+    } : {
+      start: n3[0].t,
+      end: n3[n3.length - 1].t
+    };
+  });
+  return (() => {
+    var a2 = Hr();
+    return z(a2, "display", t2 === null ? "none" : "flex"), I(a2, N(tn, {
+      get data() {
+        return e2.data;
+      },
+      get width() {
+        return n2();
+      },
+      get height() {
+        return r2() - 20;
+      },
+      sparkline: true
+    }), null), I(a2, N(Vr, {
+      get domain() {
+        return i2();
+      },
+      get width() {
+        return n2();
+      },
+      height: 20
+    }), null), F((e3) => {
+      var t3 = `${n2()}px`, i3 = `${r2()}px`;
+      return t3 !== e3.e && z(a2, "width", e3.e = t3), i3 !== e3.t && z(a2, "height", e3.t = i3), e3;
+    }, {
+      e: void 0,
+      t: void 0
+    }), a2;
+  })();
+}
+export {
+  Qe as AUTO_OPACITY_THRESHOLDS,
+  on as AreaChart,
+  me as BULK_BAR_THRESHOLD,
+  dn as BarChart,
+  Mn as CandleChart,
+  Ft as ChartGroup,
+  Vr as ChartGroupBrush,
+  Ur as ChartGroupNavigator,
+  Ot as ChartsProvider,
+  t as DEFAULT_AXIS_LABELS,
+  Re as DEFAULT_BIN_ALGORITHM,
+  ee as DEFAULT_BOX_SIZING,
+  ot as DEFAULT_BUBBLE_RANGE_PX,
+  ct as DEFAULT_CELL_SHAPE,
+  he as DEFAULT_DEPTH_FILL_TYPE,
+  Pe as DEFAULT_GLOW,
+  ye as DEFAULT_GLOW_COLOR,
+  Ze as DEFAULT_GPU_RENDERER,
+  Ye as DEFAULT_HEATMAP_COLOR_SCALE,
+  E as DEFAULT_KAGI_THICKNESS_RULE,
+  ue as DEFAULT_LABEL_BEHAVIOR,
+  b as DEFAULT_LABEL_CONTENT,
+  v as DEFAULT_LABEL_PLACEMENT,
+  ie as DEFAULT_LABEL_ROTATION,
+  mt as DEFAULT_LONG_PRESS_BEHAVIOR,
+  Oe as DEFAULT_NULL_BEHAVIOR,
+  qe as DEFAULT_NUMBER_FORMAT,
+  Se as DEFAULT_PAN_ZOOM_OPTIONS,
+  S as DEFAULT_PATTERN,
+  O as DEFAULT_PATTERN_COLOR,
+  St as DEFAULT_PATTERN_SCALE,
+  f as DEFAULT_PNF_SYMBOL_STYLE,
+  Te as DEFAULT_POINT_SIZE_PX,
+  ne as DEFAULT_PRICE_RANGE_PCT,
+  Ct as DEFAULT_RADIUS_PROPORTION,
+  m as DEFAULT_SORT_ORDER,
+  _e as DEFAULT_SPREAD_DISPLAY,
+  pe as DEFAULT_TILE_LAYOUT,
+  g as DEFAULT_TIME_OFF_SOURCE,
+  de as DEFAULT_TREEMAP_COLOR_SCALE,
+  i as DEFAULT_VIEW_MODE,
+  rt as DEFAULT_Y_AXIS_MODE,
+  xe as DENSITY_AUTO_THRESHOLD,
+  _n as DefaultCandleTooltip,
+  Ut as DefaultExtremeTooltip,
+  Vt as DefaultTooltip,
+  Cn as DefaultVolumeBarTooltip,
+  tr as DepthChart,
+  lt as DirtyRectRing,
+  lr as DonutChart,
+  Ne as FrameTimeMonitor,
+  at as GPU_ENGAGE_THRESHOLD,
+  Zn as HeatmapChart,
+  Gn as HistogramChart,
+  _t as INERTIA_EPSILON,
+  Mr as KagiChart,
+  tn as LineChart,
+  ge as MULTI_CHART_THRESHOLD,
+  Ve as PaletteValidationError,
+  cr as PieChart,
+  Ir as PointFigureChart,
+  Or as RenkoChart,
+  it as SPLIT_MIN_PX,
+  zn as ScatterChart,
+  be as StaticLayerCache,
+  wr as SunburstChart,
+  nt as TOOLTIP_SLOT_NAMES,
+  gr as TreemapChart,
+  D as VISIBLE_MARK_THRESHOLD,
+  $e as allocSharedFloat64,
+  Ke as allocSharedUint32,
+  st as applyAriaAttributes,
+  ae as applyInertiaDecay,
+  y as clearGlowPool,
+  we as compileShaderProgram,
+  Je as defaultAriaLabel,
+  bt as deriveAccentTint,
+  Ce as deriveCategoricalSet,
+  vt as deriveDefaultPalette,
+  k as deriveVariant,
+  ve as detectFastModeContext,
+  oe as detectTouchOnly,
+  ft as downgradeOverrides,
+  tt as drawWithGlow,
+  o as hexToOklch,
+  c as intentFromKey,
+  Fe as isSharedMemoryAvailable,
+  We as isWebgl2Available,
+  T as makeKeyboardHandler,
+  l as makePinchHandler,
+  Ue as registerPalette,
+  Wt as renderExtremeTooltip,
+  yt as resolveFastModeAuto,
+  pt as resolveGlow,
+  _ as resolveGlowHaloColor,
+  ut as resolveGpuRenderer,
+  Ie as resolveNumberFormat,
+  a as resolvePanZoomOptions,
+  r as resolvePattern,
+  Le as resolveTooltip,
+  e as shouldEngageOffscreenWorker,
+  De as shouldEngageWebgl,
+  Xe as shouldUseDirtyRects,
+  ze as shouldUseLayerSplit,
+  ke as transferablesFor,
+  Ae as tryGetWebgl2,
+  Q as useChartGroup,
+  kt as useChartTheme,
+  X as useChartsContext,
+  Nt as useStreamingCandles
+};