velo-plot 3.1.0 → 4.0.0-alpha.1

package/dist/createStackedChart-DjA3aJAu.js

@@ -0,0 +1,2761 @@
+import { S as Ne, a2 as qe, a3 as Ue, y as wt, a4 as xe, j as Ze, k as Qe, U as we, a5 as mt, c as re, a6 as Ke } from "./ChartCore-KYG2HTcK.js";
+import { c as Je } from "./index-CaXWSOTk.js";
+import { f as i, e as N, S as to } from "./SVGDocumentBuilder-C-uLkcFW.js";
+import { p as Pt, r as eo, g as ae, a as oo, b as ve } from "./tickUtils-B_X-ha13.js";
+import { g as no, h as io } from "./axisFormat-Sz4WIJfQ.js";
+import { f as so, m as ro, e as ao, s as co, r as lo, a as ho } from "./indicators--eJGmVox.js";
+import { n as fo, W as uo } from "./pool-DZ8shSqv.js";
+function ri(t, o, e) {
+  const n = Math.min(t.length, o.length), s = new Float32Array(n * 6 * 2), r = e * 0.5;
+  for (let c = 0; c < n; c++) {
+    const a = t[c], l = o[c], h = c * 12, d = a - r, f = a + r, g = 0, u = l;
+    s[h + 0] = d, s[h + 1] = g, s[h + 2] = f, s[h + 3] = g, s[h + 4] = d, s[h + 5] = u, s[h + 6] = d, s[h + 7] = u, s[h + 8] = f, s[h + 9] = g, s[h + 10] = f, s[h + 11] = u;
+  }
+  return s;
+}
+function yo(t) {
+  if (t.length < 2) return 1;
+  let o = 1 / 0;
+  for (let e = 1; e < t.length; e++) {
+    const n = Math.abs(t[e] - t[e - 1]);
+    n > 0 && n < o && (o = n);
+  }
+  return o === 1 / 0 ? 1 : o * 0.8;
+}
+function go(t, o, e) {
+  const { nodes: n, links: s } = t, {
+    nodeWidth: r = 18,
+    nodePadding: c = 12,
+    palette: a = ["#6366f1", "#10b981", "#3b82f6", "#f43f5e", "#f59e0b"],
+    linkOpacity: l = 0.4,
+    showLabels: h = !0
+  } = o;
+  if (!s.length) return null;
+  const d = 1.8, f = e.width / d, g = e.height / d, u = (e.width - f) / 2, y = (e.height - g) / 2, p = {
+    x: e.x + u,
+    y: e.y + y,
+    width: f,
+    height: g
+  }, $ = /* @__PURE__ */ new Set();
+  s.forEach((P) => {
+    $.add(P.source), $.add(P.target);
+  });
+  const m = Array.from($), w = /* @__PURE__ */ new Map(), v = new Set(s.map((P) => P.target));
+  m.filter((P) => !v.has(P)).forEach((P) => w.set(P, 0));
+  let k = !0;
+  for (; k; )
+    k = !1, s.forEach((P) => {
+      const O = w.get(P.source);
+      if (O !== void 0) {
+        const j = w.get(P.target), _ = O + 1;
+        (j === void 0 || _ > j) && (w.set(P.target, _), k = !0);
+      }
+    });
+  m.forEach((P) => {
+    w.get(P) === void 0 && w.set(P, 0);
+  });
+  const C = Math.max(...Array.from(w.values())), A = Array.from({ length: C + 1 }, () => []);
+  m.forEach((P) => A[w.get(P)].push(P));
+  const S = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map();
+  s.forEach((P) => {
+    E.set(P.source, (E.get(P.source) || 0) + P.value), S.set(P.target, (S.get(P.target) || 0) + P.value);
+  });
+  const R = (P) => Math.max(S.get(P) || 0, E.get(P) || 0);
+  let D = 0;
+  A.forEach((P) => {
+    let O = 0;
+    P.forEach((j) => {
+      O += R(j);
+    }), O > D && (D = O);
+  });
+  const z = /* @__PURE__ */ new Map(), T = A.length, F = (p.width - r) / Math.max(1, T - 1);
+  A.forEach((P, O) => {
+    const j = p.x + O * F, _ = [];
+    let tt = 0;
+    P.forEach((Z) => {
+      const rt = R(Z), nt = D > 0 ? rt / D * (p.height * 0.9) : 20;
+      _.push(nt), tt += nt;
+    });
+    const et = (P.length - 1) * c, ot = tt + et;
+    let Q = p.y + (p.height - ot) / 2;
+    P.forEach((Z, rt) => {
+      const nt = _[rt];
+      let at = a[rt % a.length];
+      if (n.length > 0) {
+        const $t = n.find((Lt) => Lt.id === Z);
+        $t != null && $t.color && (at = $t.color);
+      }
+      z.set(Z, {
+        x: j,
+        y: Q,
+        width: r,
+        height: nt,
+        color: at,
+        value: R(Z)
+      }), Q += nt + c;
+    });
+  });
+  const Y = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map(), V = [];
+  return s.forEach((P) => {
+    const O = z.get(P.source), j = z.get(P.target);
+    if (!O || !j) return;
+    const _ = Y.get(P.source) || 0, tt = B.get(P.target) || 0, et = E.get(P.source) || 1, ot = S.get(P.target) || 1, Q = P.value / et * O.height, Z = P.value / ot * j.height;
+    V.push({
+      source: O,
+      target: j,
+      sourceOffset: _,
+      targetOffset: tt,
+      sourceTotal: et,
+      targetTotal: ot,
+      value: P.value,
+      link: P
+    }), Y.set(P.source, _ + Q), B.set(P.target, tt + Z);
+  }), {
+    workingArea: p,
+    nodeRegistry: z,
+    links: V,
+    nodeInValue: S,
+    nodeOutValue: E,
+    style: { nodeWidth: r, nodePadding: c, palette: a, linkOpacity: l, showLabels: h }
+  };
+}
+function po(t, o) {
+  let e = t.length;
+  for (let n = 0; n < t.length; n++)
+    if (t[n] > o) {
+      e = Math.max(1, n);
+      break;
+    }
+  return e;
+}
+function K(t, o) {
+  if (t)
+    return Float32Array.from(t.subarray(0, o));
+}
+function $o(t, o) {
+  return {
+    x: Float32Array.from(t.x.subarray(0, o)),
+    y: t.y ? Float32Array.from(t.y.subarray(0, o)) : new Float32Array(0),
+    yError: K(t.yError, o),
+    yErrorPlus: K(t.yErrorPlus, o),
+    yErrorMinus: K(t.yErrorMinus, o),
+    xError: K(t.xError, o),
+    xErrorPlus: K(t.xErrorPlus, o),
+    xErrorMinus: K(t.xErrorMinus, o),
+    y2: K(t.y2, o),
+    open: K(t.open, o),
+    high: K(t.high, o),
+    low: K(t.low, o),
+    close: K(t.close, o)
+  };
+}
+function mo(t, o) {
+  return t.map((e) => {
+    var r;
+    const n = e.getData();
+    if (!((r = n.x) != null && r.length)) return e;
+    const s = po(n.x, o);
+    return s >= n.x.length ? e : new Ne({
+      id: e.getId(),
+      type: e.getType(),
+      name: e.getName(),
+      yAxisId: e.getYAxisId(),
+      style: e.getStyle(),
+      visible: e.isVisible(),
+      data: $o(n, s),
+      markers: e.getMarkers()
+    });
+  });
+}
+function xo(t, o, e, n) {
+  const s = [];
+  let r = 0, c = 0;
+  const a = 65, l = Array.from(o.keys()), h = n && l.includes(n) ? [n, ...l.filter((d) => d !== n)] : l;
+  for (const d of h) {
+    const f = o.get(d);
+    if (!f) continue;
+    const g = e.get(d), u = (g == null ? void 0 : g.position) === "right" ? "right" : "left", y = u === "left" ? r : c;
+    s.push({ id: d, scale: f, options: g, position: u, offset: y }), u === "left" ? r += a : c += a;
+  }
+  return s;
+}
+function wo(t) {
+  if (t.getAlerts)
+    try {
+      return t.getAlerts();
+    } catch {
+      return [];
+    }
+}
+function vo(t) {
+  const o = t.yAxisOptionsMap ?? /* @__PURE__ */ new Map(), e = t.options ?? {}, n = t.yAxes;
+  if (n.size === 0)
+    throw new Error("SVG export requires at least one Y scale");
+  return {
+    series: t.series,
+    viewBounds: t.viewBounds,
+    plotArea: t.plotArea,
+    xScale: t.xScale,
+    yAxes: n,
+    yAxisLayouts: xo(
+      t.plotArea,
+      n,
+      o,
+      e.primaryYAxisId ?? t.primaryYAxisId
+    ),
+    theme: t.theme,
+    width: t.width,
+    height: t.height,
+    xAxisOptions: t.xAxisOptions ?? e.xAxis,
+    yAxisOptionsMap: o,
+    primaryYAxisId: e.primaryYAxisId ?? t.primaryYAxisId,
+    titleOptions: t.titleOptions,
+    layout: t.layout ?? {},
+    businessDayMapping: t.businessDayMapping,
+    showLegend: t.showLegend ?? !1,
+    legendSeries: t.series.filter((s) => s.isVisible()),
+    cursor: t.cursor,
+    selection: t.selection,
+    alerts: t.alerts,
+    options: e,
+    pluginContexts: t.pluginContexts ?? [],
+    pluginManager: t.pluginManager
+  };
+}
+function bo(t, o = {}) {
+  var c, a, l, h, d, f, g;
+  const e = t.container.getBoundingClientRect();
+  let n = t.getAllSeries();
+  const s = ((c = t.getHoveredSeriesId) == null ? void 0 : c.call(t)) ?? null;
+  n = qe(n, s, (u) => u.getId()), o.at != null && Number.isFinite(o.at) && (n = mo(n, o.at));
+  const r = t.getPlotArea();
+  return Ue(
+    r,
+    t.viewBounds,
+    t.xScale,
+    t.yScales,
+    t.yAxisOptionsMap,
+    t.xAxisOptions,
+    t.primaryYAxisId,
+    ((a = t.getLayout) == null ? void 0 : a.call(t)) ?? {}
+  ), vo({
+    series: n,
+    viewBounds: t.viewBounds,
+    plotArea: r,
+    xScale: t.xScale,
+    yAxes: t.yScales,
+    theme: t.theme,
+    width: e.width || t.container.clientWidth,
+    height: e.height || t.container.clientHeight,
+    options: o,
+    xAxisOptions: t.xAxisOptions,
+    yAxisOptionsMap: t.yAxisOptionsMap,
+    primaryYAxisId: t.primaryYAxisId,
+    titleOptions: t.titleOptions ?? ((h = (l = t.getLayout) == null ? void 0 : l.call(t)) == null ? void 0 : h.title),
+    layout: (d = t.getLayout) == null ? void 0 : d.call(t),
+    businessDayMapping: ((f = t.getBusinessDayMapping) == null ? void 0 : f.call(t)) ?? null,
+    showLegend: t.showLegend ?? !1,
+    cursor: ((g = t.getCursorPosition) == null ? void 0 : g.call(t)) ?? null,
+    selection: t.selectionRect ?? null,
+    alerts: wo(t),
+    pluginManager: t.pluginManager
+  });
+}
+function be(t) {
+  if (!(!t || t.length === 0))
+    return t.join(",");
+}
+function ke(t) {
+  return {
+    stroke: t.grid.majorColor,
+    strokeWidth: t.grid.majorWidth,
+    strokeDasharray: be(t.grid.majorDash)
+  };
+}
+function ko(t) {
+  return {
+    stroke: t.grid.minorColor,
+    strokeWidth: t.grid.minorWidth,
+    strokeDasharray: be(t.grid.minorDash)
+  };
+}
+function Se(t, o) {
+  const e = o === "x" ? t.xAxis : t.yAxis;
+  return {
+    stroke: e.lineColor,
+    strokeWidth: e.lineWidth ?? 2
+  };
+}
+function Me(t, o) {
+  return {
+    stroke: (o === "x" ? t.xAxis : t.yAxis).tickColor,
+    strokeWidth: 1
+  };
+}
+function Ae(t, o) {
+  const e = o === "x" ? t.xAxis : t.yAxis;
+  return {
+    fill: e.labelColor,
+    fontSize: e.labelSize,
+    fontFamily: e.fontFamily || "sans-serif"
+  };
+}
+function pt(t) {
+  const o = [
+    `stroke="${t.stroke}"`,
+    `stroke-width="${t.strokeWidth}"`
+  ];
+  return t.strokeOpacity !== void 0 && o.push(`stroke-opacity="${t.strokeOpacity}"`), t.strokeDasharray && o.push(`stroke-dasharray="${t.strokeDasharray}"`), o.join(" ");
+}
+function bt(t, o, e) {
+  const n = [
+    `fill="${t.fill}"`,
+    `font-size="${t.fontSize}"`,
+    `font-family="${t.fontFamily}"`
+  ];
+  return t.fontWeight && n.push(`font-weight="${t.fontWeight}"`), o && n.push(`text-anchor="${o}"`), e && n.push(`dominant-baseline="${e}"`), n.join(" ");
+}
+function So(t, o) {
+  var f, g;
+  if (!t.theme.grid.visible) return;
+  const e = Pt(t.yAxes, t.primaryYAxisId);
+  if (!e) return;
+  const { plotArea: n, xScale: s, theme: r } = t, c = ((f = t.xAxisOptions) == null ? void 0 : f.tickCount) ?? 8, a = ((g = t.yAxisOptionsMap.get(t.primaryYAxisId ?? "default")) == null ? void 0 : g.tickCount) ?? 6, l = eo(s, c), h = e.ticks(a), d = pt(ke(r));
+  for (const u of l) {
+    const y = wt(s.transform(u));
+    y >= n.x && y <= n.x + n.width && o.push(
+      "grid",
+      `<line x1="${i(y)}" y1="${i(n.y)}" x2="${i(y)}" y2="${i(n.y + n.height)}" ${d}/>`
+    );
+  }
+  for (const u of h) {
+    const y = wt(e.transform(u));
+    y >= n.y && y <= n.y + n.height && o.push(
+      "grid",
+      `<line x1="${i(n.x)}" y1="${i(y)}" x2="${i(n.x + n.width)}" y2="${i(y)}" ${d}/>`
+    );
+  }
+  if (r.grid.showMinor) {
+    const u = pt(ko(r)), y = ae(l, r.grid.minorDivisions), p = ae(h, r.grid.minorDivisions);
+    for (const $ of y) {
+      const m = wt(s.transform($));
+      m >= n.x && m <= n.x + n.width && o.push(
+        "grid",
+        `<line x1="${i(m)}" y1="${i(n.y)}" x2="${i(m)}" y2="${i(n.y + n.height)}" ${u}/>`
+      );
+    }
+    for (const $ of p) {
+      const m = wt(e.transform($));
+      m >= n.y && m <= n.y + n.height && o.push(
+        "grid",
+        `<line x1="${i(n.x)}" y1="${i(m)}" x2="${i(n.x + n.width)}" y2="${i(m)}" ${u}/>`
+      );
+    }
+  }
+}
+function Mo(t, o) {
+  Ao(t, o);
+  for (const e of t.yAxisLayouts)
+    Co(t, o, e);
+}
+function Ao(t, o) {
+  var v;
+  const { plotArea: e, xScale: n, theme: s, xAxisOptions: r } = t;
+  if ((r == null ? void 0 : r.visible) === !1) return;
+  const c = s.xAxis, a = (r == null ? void 0 : r.tickCount) ?? 8, l = oo(n, a, t.businessDayMapping), h = wt(e.y + e.height), d = (r == null ? void 0 : r.showLine) !== !1, f = (r == null ? void 0 : r.showTicks) !== !1, g = (r == null ? void 0 : r.showLabels) !== !1, u = n.domain[1] - n.domain[0];
+  d && o.push(
+    "axes",
+    `<line x1="${i(e.x)}" y1="${i(h)}" x2="${i(e.x + e.width)}" y2="${i(h)}" ${pt(Se(s, "x"))}/>`
+  );
+  const y = Ae(s, "x"), p = pt(Me(s, "x")), $ = [];
+  for (const b of l) {
+    const k = xe(n.transform(b));
+    if (k >= e.x && k <= e.x + e.width) {
+      const C = g ? no(b, r, u, t.businessDayMapping ?? void 0) : "";
+      (!g || C) && $.push({ x: k, label: C });
+    }
+  }
+  let m = !1;
+  if (g && $.length > 1) {
+    const k = Math.max(...$.map((A) => A.label.length)) * c.labelSize * 0.6;
+    let C = 1 / 0;
+    for (let A = 1; A < $.length; A++)
+      C = Math.min(C, $[A].x - $[A - 1].x);
+    m = k + 8 > C;
+  }
+  for (const b of $)
+    if (f && o.push(
+      "axes",
+      `<line x1="${i(b.x)}" y1="${i(h)}" x2="${i(b.x)}" y2="${i(h + c.tickLength)}" ${p}/>`
+    ), g && b.label) {
+      const k = h + c.tickLength + (m ? 6 : 3) + c.labelSize * 0.75;
+      m ? o.push(
+        "axes",
+        `<text x="${i(b.x)}" y="${i(k)}" ${bt(y, "end", "auto")} transform="rotate(-45 ${i(b.x)} ${i(k)})">${N(b.label)}</text>`
+      ) : o.push(
+        "axes",
+        `<text x="${i(b.x)}" y="${i(k)}" ${bt(y, "middle")}>${N(b.label)}</text>`
+      );
+    }
+  const w = r == null ? void 0 : r.label;
+  if (w) {
+    const b = e.y + e.height + (((v = t.layout.xAxisLayout) == null ? void 0 : v.titleGap) ?? 45);
+    o.push(
+      "axes",
+      `<text x="${i(e.x + e.width / 2)}" y="${i(b)}" ${bt({ ...y, fill: c.titleColor, fontSize: c.titleSize }, "middle")}>${N(w)}</text>`
+    );
+  }
+}
+function Co(t, o, e) {
+  var b;
+  const { plotArea: n, theme: s } = t, { scale: r, options: c, position: a, offset: l } = e;
+  if ((c == null ? void 0 : c.visible) === !1) return;
+  const h = s.yAxis, d = (c == null ? void 0 : c.tickCount) ?? 6, f = r.ticks(d), g = (c == null ? void 0 : c.showLine) !== !1, u = (c == null ? void 0 : c.showTicks) !== !1, y = (c == null ? void 0 : c.showLabels) !== !1, p = wt(
+    a === "left" ? n.x - l : n.x + n.width + l
+  ), $ = a === "left" ? -1 : 1;
+  g && o.push(
+    "axes",
+    `<line x1="${i(p)}" y1="${i(n.y)}" x2="${i(p)}" y2="${i(n.y + n.height)}" ${pt(Se(s, "y"))}/>`
+  );
+  const m = Ae(s, "y"), w = pt(Me(s, "y"));
+  for (const k of f) {
+    const C = xe(r.transform(k));
+    if (!(C < n.y || C > n.y + n.height) && (u && o.push(
+      "axes",
+      `<line x1="${i(p)}" y1="${i(C)}" x2="${i(p + h.tickLength * $)}" y2="${i(C)}" ${w}/>`
+    ), y)) {
+      const A = p + (h.tickLength + 3) * $, S = a === "left" ? "end" : "start";
+      o.push(
+        "axes",
+        `<text x="${i(A)}" y="${i(C + h.labelSize * 0.35)}" ${bt(m, S)}>${N(io(k, c))}</text>`
+      );
+    }
+  }
+  const v = c == null ? void 0 : c.label;
+  if (v) {
+    const k = ((b = t.layout.yAxisLayout) == null ? void 0 : b.titleGap) ?? 50, C = a === "left" ? p - k : p + k, A = n.y + n.height / 2, S = a === "left" ? -90 : 90;
+    o.push(
+      "axes",
+      `<text x="${i(C)}" y="${i(A)}" ${bt({ ...m, fill: h.titleColor, fontSize: h.titleSize }, "middle")} transform="rotate(${S} ${i(C)} ${i(A)})">${N(v)}</text>`
+    );
+  }
+}
+function Po(t, o) {
+  var p, $;
+  const e = t.titleOptions;
+  if (!(e != null && e.visible) || !e.text) return;
+  const { plotArea: n } = t, s = e.fontSize ?? 16, r = e.fontFamily ?? "Inter, system-ui, sans-serif", c = e.fontWeight ?? 600, a = e.color ?? "#ffffff", l = e.align ?? "center";
+  let h;
+  l === "left" ? h = n.x : l === "right" ? h = n.x + n.width : h = n.x + n.width / 2;
+  const d = typeof e.padding == "number" ? e.padding : 10, f = ((p = e.padding) == null ? void 0 : p.top) ?? d, g = (($ = e.padding) == null ? void 0 : $.bottom) ?? d, u = e.position === "bottom" ? n.y + n.height + g + s : n.y - f, y = l === "left" ? "start" : l === "right" ? "end" : "middle";
+  o.push(
+    "title",
+    `<text x="${i(h)}" y="${i(u)}" fill="${a}" font-size="${s}" font-family="${N(r)}" font-weight="${c}" text-anchor="${y}">${N(e.text)}</text>`
+  );
+}
+function Io(t, o) {
+  const { plotArea: e, theme: n } = t;
+  o.push(
+    "border",
+    `<rect x="${i(e.x)}" y="${i(e.y)}" width="${i(e.width)}" height="${i(e.height)}" fill="none" stroke="${n.plotBorderColor}" stroke-width="1"/>`
+  );
+}
+function It(t, o, e, n, s, r = 1, c) {
+  const a = n / 2, l = `fill="${s}" fill-opacity="${r}"`, h = "";
+  switch (t) {
+    case "square":
+      return `<rect x="${i(o - a)}" y="${i(e - a)}" width="${i(n)}" height="${i(n)}" ${l}${h}/>`;
+    case "diamond":
+      return `<polygon points="${i(o)},${i(e - a)} ${i(o + a)},${i(e)} ${i(o)},${i(e + a)} ${i(o - a)},${i(e)}" ${l}${h}/>`;
+    case "triangle":
+      return `<polygon points="${i(o)},${i(e - a)} ${i(o + a)},${i(e + a)} ${i(o - a)},${i(e + a)}" ${l}${h}/>`;
+    case "triangleDown":
+      return `<polygon points="${i(o)},${i(e + a)} ${i(o + a)},${i(e - a)} ${i(o - a)},${i(e - a)}" ${l}${h}/>`;
+    case "cross":
+      return `<g stroke="${s}" stroke-width="1" stroke-opacity="${r}"><line x1="${i(o - a)}" y1="${i(e)}" x2="${i(o + a)}" y2="${i(e)}"/><line x1="${i(o)}" y1="${i(e - a)}" x2="${i(o)}" y2="${i(e + a)}"/></g>`;
+    case "x": {
+      const d = a * 0.707;
+      return `<g stroke="${s}" stroke-width="1" stroke-opacity="${r}"><line x1="${i(o - d)}" y1="${i(e - d)}" x2="${i(o + d)}" y2="${i(e + d)}"/><line x1="${i(o + d)}" y1="${i(e - d)}" x2="${i(o - d)}" y2="${i(e + d)}"/></g>`;
+    }
+    case "star": {
+      const d = [];
+      for (let f = 0; f < 5; f++) {
+        const g = (18 + f * 72) / 180 * Math.PI, u = (54 + f * 72) / 180 * Math.PI;
+        d.push(`${i(o + a * Math.cos(g))},${i(e - a * Math.sin(g))}`), d.push(`${i(o + a * 0.4 * Math.cos(u))},${i(e - a * 0.4 * Math.sin(u))}`);
+      }
+      return `<polygon points="${d.join(" ")}" ${l}${h}/>`;
+    }
+    case "circle":
+    default:
+      return `<circle cx="${i(o)}" cy="${i(e)}" r="${i(a)}" ${l}${h}/>`;
+  }
+}
+function Lo(t, o) {
+  if (t.options.includeLegend === !1 || !t.showLegend && t.options.includeLegend !== !0) return;
+  const e = t.theme.legend;
+  if (!(e != null && e.visible)) return;
+  const n = t.legendSeries;
+  if (n.length === 0) return;
+  const { plotArea: s } = t, r = 160, c = e.padding * 2 + n.length * (e.swatchSize + e.itemGap) - e.itemGap;
+  let a = s.x + s.width - r - 10, l = s.y + 10;
+  const h = e.position ?? "top-right";
+  h.includes("left") && (a = s.x + 10), h.includes("bottom") && (l = s.y + s.height - c - 10), o.push(
+    "legend",
+    `<rect x="${i(a)}" y="${i(l)}" width="${i(r)}" height="${i(c)}" fill="${e.backgroundColor}" fill-opacity="0.8" stroke="${e.borderColor ?? "transparent"}" rx="4"/>`
+  ), n.forEach((d, f) => {
+    const g = d.getStyle(), u = g.color ?? "#fff", y = g.opacity ?? 1, p = l + e.padding + f * (e.swatchSize + e.itemGap), $ = a + e.padding, m = p + e.swatchSize / 2, w = $ + e.swatchSize / 2, v = e.swatchSize, b = String(d.getType()).toLowerCase(), k = g.symbol ?? "circle";
+    b === "scatter" || b.includes("scatter") ? (o.push("legend", It(k, w, m, v * 0.9, u, y)), b.includes("+") && o.push(
+      "legend",
+      `<line x1="${i($)}" y1="${i(m)}" x2="${i($ + v)}" y2="${i(m)}" stroke="${u}" stroke-width="2" stroke-opacity="${y}"/>`
+    )) : o.push(
+      "legend",
+      `<line x1="${i($)}" y1="${i(m)}" x2="${i($ + v)}" y2="${i(m)}" stroke="${u}" stroke-width="2" stroke-opacity="${y}"/>`
+    ), o.push(
+      "legend",
+      `<text x="${i(a + e.padding + e.swatchSize + 8)}" y="${i(m + e.fontSize * 0.35)}" fill="${e.textColor}" font-size="${e.fontSize}" font-family="${e.fontFamily}">${N(d.getName())}</text>`
+    );
+  });
+}
+function J(t, o = "series") {
+  return typeof t.getId == "function" ? t.getId() : o;
+}
+function Do(t, o, e, n, s) {
+  if (typeof t.hasErrorData != "function" || !t.hasErrorData()) return;
+  const r = t.getData(), c = t.getStyle(), a = c.errorBars ?? {};
+  if (a.visible === !1) return;
+  const l = a.color ?? c.color ?? "#ff0055", h = a.width ?? 1, d = a.capWidth ?? 6, f = a.showCaps !== !1, g = a.opacity ?? 0.7, u = a.direction ?? "both", y = `vp-clip-eb-${J(t)}`;
+  s.registerClipPath(
+    y,
+    `<rect x="${i(o.x)}" y="${i(o.y)}" width="${i(o.width)}" height="${i(o.height)}"/>`
+  );
+  for (let p = 0; p < r.x.length; p++) {
+    const $ = e.transform(r.x[p]), m = n.transform(r.y[p]);
+    if ($ < o.x || $ > o.x + o.width || m < o.y || m > o.y + o.height) continue;
+    const w = t.getYError(p);
+    if (w) {
+      const [b, k] = w, C = r.y[p], A = n.transform(C + k), S = n.transform(C - b);
+      (u === "both" || u === "positive") && s.push(
+        "errorBars",
+        `<g clip-path="url(#${y})" stroke="${l}" stroke-width="${h}" stroke-opacity="${g}"><line x1="${i($)}" y1="${i(m)}" x2="${i($)}" y2="${i(A)}"/>${f ? `<line x1="${i($ - d / 2)}" y1="${i(A)}" x2="${i($ + d / 2)}" y2="${i(A)}"/>` : ""}</g>`
+      ), (u === "both" || u === "negative") && s.push(
+        "errorBars",
+        `<g clip-path="url(#${y})" stroke="${l}" stroke-width="${h}" stroke-opacity="${g}"><line x1="${i($)}" y1="${i(m)}" x2="${i($)}" y2="${i(S)}"/>${f ? `<line x1="${i($ - d / 2)}" y1="${i(S)}" x2="${i($ + d / 2)}" y2="${i(S)}"/>` : ""}</g>`
+      );
+    }
+    const v = t.getXError(p);
+    if (v) {
+      const [b, k] = v, C = r.x[p], A = e.transform(C + k), S = e.transform(C - b);
+      (u === "both" || u === "positive") && s.push(
+        "errorBars",
+        `<g clip-path="url(#${y})" stroke="${l}" stroke-width="${h}" stroke-opacity="${g}"><line x1="${i($)}" y1="${i(m)}" x2="${i(A)}" y2="${i(m)}"/>${f ? `<line x1="${i(A)}" y1="${i(m - d / 2)}" x2="${i(A)}" y2="${i(m + d / 2)}"/>` : ""}</g>`
+      ), (u === "both" || u === "negative") && s.push(
+        "errorBars",
+        `<g clip-path="url(#${y})" stroke="${l}" stroke-width="${h}" stroke-opacity="${g}"><line x1="${i($)}" y1="${i(m)}" x2="${i(S)}" y2="${i(m)}"/>${f ? `<line x1="${i(S)}" y1="${i(m - d / 2)}" x2="${i(S)}" y2="${i(m + d / 2)}"/>` : ""}</g>`
+      );
+    }
+  }
+}
+function zo(t, o) {
+  for (const e of t.series) {
+    if (!e.isVisible()) continue;
+    const n = ve(t.yAxes, e.getYAxisId(), t.primaryYAxisId);
+    n && Do(e, t.plotArea, t.xScale, n, o);
+  }
+}
+function Eo(t) {
+  var l;
+  let o = !1, e = !1, n = !1, s = 0, r = "degrees", c = 5, a = 12;
+  for (const h of t) {
+    if (!h.isVisible()) continue;
+    const d = h.getType();
+    if (d === "polar") {
+      o = !0;
+      const f = (l = h.getPolarData) == null ? void 0 : l.call(h);
+      if (f) {
+        for (let u = 0; u < f.r.length; u++)
+          s = Math.max(s, Math.abs(f.r[u]));
+        const g = h.getStyle();
+        g.angleMode && (r = g.angleMode), g.radialDivisions && (c = g.radialDivisions), g.angularDivisions && (a = g.angularDivisions);
+      }
+    } else d === "gauge" ? e = !0 : d === "sankey" && (n = !0);
+  }
+  return {
+    isSpecialChart: o || e || n,
+    hasPolarSeries: o,
+    hasGaugeSeries: e,
+    hasSankeySeries: n,
+    maxRadius: s,
+    polarAngleMode: r,
+    polarRadialDivisions: c,
+    polarAngularDivisions: a
+  };
+}
+function To(t) {
+  return Eo(t.series);
+}
+function Fo(t, o, e, n, s) {
+  if (!t.theme.grid.visible) return;
+  const r = Pt(t.yAxes, t.primaryYAxisId);
+  if (!r) return;
+  const { plotArea: c, xScale: a } = t, l = a.transform(0), h = r.transform(0), d = pt(ke(t.theme)), f = [
+    { x: c.x, y: c.y },
+    { x: c.x + c.width, y: c.y },
+    { x: c.x, y: c.y + c.height },
+    { x: c.x + c.width, y: c.y + c.height }
+  ];
+  let g = 0;
+  for (const p of f) {
+    const $ = Math.hypot(p.x - l, p.y - h);
+    g = Math.max(g, $);
+  }
+  const u = "vp-clip-polar-grid";
+  o.registerClipPath(
+    u,
+    `<rect x="${i(c.x)}" y="${i(c.y)}" width="${i(c.width)}" height="${i(c.height)}"/>`
+  );
+  for (let p = 1; p <= e; p++) {
+    const $ = p / e * g;
+    o.push(
+      "grid",
+      `<circle clip-path="url(#${u})" cx="${i(l)}" cy="${i(h)}" r="${i($)}" fill="none" ${d}/>`
+    );
+  }
+  const y = s === "degrees" ? 360 / n * (Math.PI / 180) : 2 * Math.PI / n;
+  for (let p = 0; p < n; p++) {
+    const $ = p * y;
+    o.push(
+      "grid",
+      `<line clip-path="url(#${u})" x1="${i(l)}" y1="${i(h)}" x2="${i(l + g * Math.cos($))}" y2="${i(h - g * Math.sin($))}" ${d}/>`
+    );
+  }
+}
+function Ro(t) {
+  var e, n, s;
+  const o = (e = t.pluginManager) == null ? void 0 : e.get("velo-plot-radar");
+  return ((s = (n = o == null ? void 0 : o.api) == null ? void 0 : n.getSVGExportData) == null ? void 0 : s.call(n)) ?? null;
+}
+function Bo(t) {
+  const o = Ro(t);
+  return o != null && o.categories.length > 0;
+}
+function Wo(t, o) {
+  var e;
+  if (o || Bo(t)) return !0;
+  if (((e = t.xAxisOptions) == null ? void 0 : e.visible) === !1) {
+    let n = !0;
+    if (t.yAxisOptionsMap.forEach((s) => {
+      s.visible !== !1 && (n = !1);
+    }), n) return !0;
+  }
+  return !1;
+}
+function Oo(t, o) {
+  var c;
+  if (!t.options.includeCursor || !t.cursor) return;
+  const { plotArea: e, cursor: n, theme: s } = t, r = ((c = s.cursor) == null ? void 0 : c.lineColor) ?? "rgba(255,255,255,0.5)";
+  o.push(
+    "cursor",
+    `<line x1="${i(n.x)}" y1="${i(e.y)}" x2="${i(n.x)}" y2="${i(e.y + e.height)}" stroke="${r}" stroke-width="1" stroke-dasharray="4,4"/>`
+  ), o.push(
+    "cursor",
+    `<line x1="${i(e.x)}" y1="${i(n.y)}" x2="${i(e.x + e.width)}" y2="${i(n.y)}" stroke="${r}" stroke-width="1" stroke-dasharray="4,4"/>`
+  );
+}
+function Ho(t, o) {
+  if (!t.options.includeSelection || !t.selection) return;
+  const { selection: e } = t;
+  o.push(
+    "cursor",
+    `<rect x="${i(e.x)}" y="${i(e.y)}" width="${i(e.width)}" height="${i(e.height)}" fill="rgba(100,149,237,0.15)" stroke="cornflowerblue" stroke-width="1"/>`
+  );
+}
+function Yo(t, o) {
+  var r;
+  if (!((r = t.alerts) != null && r.length)) return;
+  const { plotArea: e, alerts: n } = t, s = t.yAxes.get(t.primaryYAxisId ?? "default");
+  if (s)
+    for (const c of n) {
+      const a = s.transform(c.price);
+      if (a < e.y || a > e.y + e.height) continue;
+      const l = c.direction === "below" ? "#ef5350" : "#26a69a";
+      o.push(
+        "plugins",
+        `<line x1="${i(e.x)}" y1="${i(a)}" x2="${i(e.x + e.width)}" y2="${i(a)}" stroke="${l}" stroke-width="1" stroke-dasharray="6,4"/>`
+      );
+    }
+}
+function Xo(t, o) {
+  const e = To(t), n = Wo(t, e.isSpecialChart);
+  e.hasPolarSeries && e.maxRadius > 0 ? Fo(
+    t,
+    o,
+    e.polarRadialDivisions,
+    e.polarAngularDivisions,
+    e.polarAngleMode
+  ) : n || So(t, o), zo(t, o), n || Mo(t, o), Io(t, o), Po(t, o), Lo(t, o), Oo(t, o), Ho(t, o), Yo(t, o);
+}
+function Ce(t, o, e) {
+  const n = [];
+  for (let s = 0; s < t.length; s++)
+    !Number.isFinite(t[s]) || !Number.isFinite(o[s]) || e && !Number.isFinite(e[s]) || n.push(s);
+  return n;
+}
+function Go(t, o, e, n, s) {
+  const r = [];
+  let c = [], a = -2;
+  for (const l of t)
+    a >= 0 && l !== a + 1 && (c.length >= 2 && r.push(c), c = []), c.push(`${i(n.transform(o[l]))},${i(s.transform(e[l]))}`), a = l;
+  return c.length >= 2 && r.push(c), r;
+}
+function Vo(t, o, e, n) {
+  const s = [], r = n === "before" || n === "center" ? n : "after";
+  for (let c = 0; c < t.x.length; c++) {
+    const a = o.transform(t.x[c]), l = e.transform(t.y[c]);
+    if (c === 0) {
+      s.push(`${i(a)},${i(l)}`);
+      continue;
+    }
+    const h = o.transform(t.x[c - 1]), d = e.transform(t.y[c - 1]);
+    if (r === "after")
+      s.push(`${i(a)},${i(d)}`), s.push(`${i(a)},${i(l)}`);
+    else if (r === "before")
+      s.push(`${i(h)},${i(l)}`), s.push(`${i(a)},${i(l)}`);
+    else {
+      const f = (h + a) / 2;
+      s.push(`${i(f)},${i(d)}`), s.push(`${i(f)},${i(l)}`), s.push(`${i(a)},${i(l)}`);
+    }
+  }
+  return s;
+}
+function kt(t, o, e, n, s) {
+  const r = t.getData();
+  if (!r || r.x.length === 0) return;
+  const c = t.getStyle(), a = t.getType(), l = c.color ?? "#ff0055", h = c.width ?? 1.5, d = c.opacity ?? 1, f = c.dash, g = `vp-clip-${J(t)}`;
+  s.registerClipPath(
+    g,
+    `<rect x="${i(o.x)}" y="${i(o.y)}" width="${i(o.width)}" height="${i(o.height)}"/>`
+  );
+  const u = f != null && f.length ? ` stroke-dasharray="${f.join(",")}"` : "", p = a === "step" || a === "step+scatter" ? "miter" : "round";
+  if (a === "step" || a === "step+scatter") {
+    const $ = Vo(r, e, n, c.stepMode || "after");
+    $.length >= 2 && s.push(
+      "series",
+      `<polyline clip-path="url(#${g})" points="${$.join(" ")}" fill="none" stroke="${l}" stroke-width="${h}" stroke-opacity="${d}" stroke-linejoin="${p}"${u}/>`
+    );
+  } else {
+    const $ = Go(
+      Ce(r.x, r.y),
+      r.x,
+      r.y,
+      e,
+      n
+    );
+    for (const m of $)
+      s.push(
+        "series",
+        `<polyline clip-path="url(#${g})" points="${m.join(" ")}" fill="none" stroke="${l}" stroke-width="${h}" stroke-opacity="${d}" stroke-linejoin="${p}"${u}/>`
+      );
+  }
+  (a === "line+scatter" || a === "step+scatter") && Pe(t, o, e, n, s, !0);
+}
+function Pe(t, o, e, n, s, r = !1) {
+  !r && t.getType();
+  const c = t.getData();
+  if (!c || c.x.length === 0) return;
+  const a = t.getStyle(), l = a.color ?? "#ff0055", h = a.opacity ?? 1, d = a.pointSize ?? 4, f = a.symbol ?? "circle";
+  for (let g = 0; g < c.x.length; g++) {
+    const u = e.transform(c.x[g]), y = n.transform(c.y[g]);
+    s.push("series", It(f, u, y, d, l, h));
+  }
+}
+function Ie(t, o, e, n, s) {
+  Pe(t, o, e, n, s);
+}
+function Le(t, o, e, n, s) {
+  const r = t.getData();
+  if (!r || r.x.length === 0) return;
+  const c = t.getStyle(), a = c.color ?? "#ff0055", l = c.opacity ?? 1, h = e.domain[1] - e.domain[0], d = c.barWidth ?? yo(r.x), f = h > 0 ? d / h * o.width : c.barWidth || 5, g = c.baseline ?? 0, u = n.transform(g), y = `vp-clip-bar-${J(t)}`;
+  s.registerClipPath(
+    y,
+    `<rect x="${i(o.x)}" y="${i(o.y)}" width="${i(o.width)}" height="${i(o.height)}"/>`
+  );
+  for (let p = 0; p < r.x.length; p++) {
+    const $ = e.transform(r.x[p]), m = n.transform(r.y[p]), w = Math.min(m, u), v = Math.max(1, Math.abs(m - u));
+    s.push(
+      "series",
+      `<rect clip-path="url(#${y})" x="${i($ - f / 2)}" y="${i(w)}" width="${i(f)}" height="${i(v)}" fill="${a}" fill-opacity="${l}"/>`
+    );
+  }
+}
+function Ft(t, o, e, n, s) {
+  const r = t.getData();
+  if (!r || r.x.length === 0) return;
+  const c = t.getStyle(), a = t.getType(), l = c.color ?? "#ff0055", h = c.opacity ?? 1, d = c.width ?? 1, f = c.fillOpacity ?? h * 0.3, g = a === "area" ? new Float32Array(r.x.length).fill(c.baseline ?? 0) : r.y2 ?? new Float32Array(r.x.length).fill(0), u = Ce(r.x, r.y, g);
+  if (u.length < 2) return;
+  const y = [];
+  for (const m of u)
+    y.push(`${i(e.transform(r.x[m]))},${i(n.transform(r.y[m]))}`);
+  for (let m = u.length - 1; m >= 0; m--) {
+    const w = u[m];
+    y.push(`${i(e.transform(r.x[w]))},${i(n.transform(g[w]))}`);
+  }
+  const p = `vp-clip-band-${J(t)}`;
+  s.registerClipPath(
+    p,
+    `<rect x="${i(o.x)}" y="${i(o.y)}" width="${i(o.width)}" height="${i(o.height)}"/>`
+  );
+  let $ = `fill="${l}" fill-opacity="${f}"`;
+  c.gradient && ($ = `fill="url(#${s.registerLinearGradient(0, 0, 0, 1, [
+    { offset: "0%", color: l, opacity: f },
+    { offset: "100%", color: l, opacity: 0 }
+  ])})"`), s.push(
+    "series",
+    `<polygon clip-path="url(#${p})" points="${y.join(" ")}" ${$} stroke="${l}" stroke-width="${d}" stroke-opacity="${h}"/>`
+  );
+}
+function De(t, o, e, n, s) {
+  const r = t.getData();
+  if (!(r != null && r.open) || !r.high || !r.low || !r.close || r.x.length === 0) return;
+  const c = t.getStyle(), a = e.domain[1] - e.domain[0], l = c.barWidth ?? 0.8, h = a > 0 ? l / a * o.width : c.barWidth || 5, d = c.bullishColor || "#26a69a", f = c.bearishColor || "#ef5350", g = c.hollow === !0, u = `vp-clip-candle-${J(t)}`;
+  s.registerClipPath(
+    u,
+    `<rect x="${i(o.x)}" y="${i(o.y)}" width="${i(o.width)}" height="${i(o.height)}"/>`
+  );
+  for (let y = 0; y < r.x.length; y++) {
+    const p = r.close[y] >= r.open[y], $ = e.transform(r.x[y]), m = n.transform(r.open[y]), w = n.transform(r.close[y]), v = n.transform(r.high[y]), b = n.transform(r.low[y]), k = p ? d : f;
+    s.push(
+      "series",
+      `<line clip-path="url(#${u})" x1="${i($)}" y1="${i(v)}" x2="${i($)}" y2="${i(b)}" stroke="${k}" stroke-width="1"/>`
+    );
+    const C = Math.min(m, w), A = Math.max(1, Math.abs(m - w)), S = g && p ? "none" : k, E = g && p ? k : "none";
+    s.push(
+      "series",
+      `<rect clip-path="url(#${u})" x="${i($ - h / 2)}" y="${i(C)}" width="${i(h)}" height="${i(A)}" fill="${S}" stroke="${E}" stroke-width="1"/>`
+    );
+  }
+}
+const ce = 1e4;
+function jo(t, o, e, n) {
+  const s = e === o ? 0.5 : (t - o) / (e - o);
+  if (n === "viridis") {
+    const c = Math.round(68 + s * 150), a = Math.round(1 + s * 180), l = Math.round(84 + (1 - s) * 50);
+    return `rgb(${c},${a},${l})`;
+  }
+  const r = Math.round(s * 255);
+  return `rgb(${r},${Math.round(r * 0.4)},${255 - r})`;
+}
+function _o(t, o, e, n, s) {
+  var C, A;
+  const r = (C = t.getHeatmapData) == null ? void 0 : C.call(t);
+  if (!r) return;
+  const { xValues: c, yValues: a, zValues: l } = r, h = c.length, d = a.length, f = h * d, g = ((A = t.getHeatmapStyle) == null ? void 0 : A.call(t)) ?? t.getStyle(), u = g.colorScale, y = (u == null ? void 0 : u.name) ?? g.colormap ?? "viridis";
+  let p = u == null ? void 0 : u.min, $ = u == null ? void 0 : u.max;
+  if (p === void 0 || $ === void 0) {
+    p = 1 / 0, $ = -1 / 0;
+    for (let S = 0; S < l.length; S++)
+      l[S] < p && (p = l[S]), l[S] > $ && ($ = l[S]);
+  }
+  (!Number.isFinite(p) || !Number.isFinite($)) && (p = 0, $ = 1);
+  const m = h > 1 ? Math.abs(c[1] - c[0]) : 1, w = d > 1 ? Math.abs(a[1] - a[0]) : 1, v = m / 2, b = w / 2;
+  f > ce && console.warn(
+    `[VeloPlot] Heatmap SVG export: ${f} cells exceeds budget (${ce}). Consider raster fallback.`
+  );
+  const k = `vp-clip-hm-${J(t)}`;
+  s.registerClipPath(
+    k,
+    `<rect x="${i(o.x)}" y="${i(o.y)}" width="${i(o.width)}" height="${i(o.height)}"/>`
+  );
+  for (let S = 0; S < d; S++)
+    for (let E = 0; E < h; E++) {
+      const R = l[S * h + E], D = e.transform(c[E] - v), z = e.transform(c[E] + v), T = n.transform(a[S] - b), F = n.transform(a[S] + b), Y = Math.min(D, z), B = Math.min(T, F), V = Math.max(1, Math.abs(z - D)), P = Math.max(1, Math.abs(F - T)), O = jo(R, p, $, y);
+      s.push(
+        "series",
+        `<rect clip-path="url(#${k})" x="${i(Y)}" y="${i(B)}" width="${i(V)}" height="${i(P)}" fill="${O}"/>`
+      );
+    }
+}
+function No(t, o, e) {
+  const n = [];
+  for (let s = 0; s < t.length / 2; s++) {
+    const r = o.transform(t[s * 2]), c = e.transform(t[s * 2 + 1]);
+    n.push(`${i(r)},${i(c)}`);
+  }
+  return n;
+}
+function qo(t, o, e, n, s) {
+  var m;
+  const r = (m = t.getPolarData) == null ? void 0 : m.call(t);
+  if (!r) return;
+  const c = t.getStyle(), a = c.color ?? "#ff0055", l = c.opacity ?? 1, h = c.width ?? 1.5, d = c.fillOpacity ?? l * 0.2, f = c.angleMode ?? "degrees", g = c.closePath !== !1, u = !!c.fill, y = `vp-clip-polar-${J(t)}`;
+  if (s.registerClipPath(
+    y,
+    `<rect x="${i(o.x)}" y="${i(o.y)}" width="${i(o.width)}" height="${i(o.height)}"/>`
+  ), u) {
+    const w = Ze(r, f, g), v = e.transform(0), b = n.transform(0), k = w.length / 6;
+    for (let C = 0; C < k; C++) {
+      const A = C * 6, S = [
+        `${i(v)},${i(b)}`,
+        `${i(e.transform(w[A + 2]))},${i(n.transform(w[A + 3]))}`,
+        `${i(e.transform(w[A + 4]))},${i(n.transform(w[A + 5]))}`
+      ];
+      s.push(
+        "series",
+        `<polygon clip-path="url(#${y})" points="${S.join(" ")}" fill="${a}" fill-opacity="${d}" stroke="none"/>`
+      );
+    }
+  }
+  const p = Qe(r, f, g), $ = No(p, e, n);
+  $.length !== 0 && s.push(
+    "series",
+    `<polyline clip-path="url(#${y})" points="${$.join(" ")}" fill="none" stroke="${a}" stroke-width="${h}" stroke-opacity="${l}"/>`
+  );
+}
+function Uo(t, o, e) {
+  var C, A;
+  const n = (C = t.getGaugeData) == null ? void 0 : C.call(t), s = ((A = t.getGaugeStyle) == null ? void 0 : A.call(t)) ?? t.getStyle();
+  if (!n) return;
+  const r = o.x + o.width / 2, c = o.y + o.height * 0.65, a = Math.min(o.width, o.height) * 0.35, l = n.min ?? 0, h = n.max ?? 100, d = n.value ?? 0, f = Math.PI, g = 0, u = Math.max(0, Math.min(1, (d - l) / (h - l))), y = (S, E, R) => {
+    const D = r + S * Math.cos(E), z = c - S * Math.sin(E), T = r + S * Math.cos(R), F = c - S * Math.sin(R), Y = R - E > Math.PI ? 1 : 0;
+    return `M ${i(D)} ${i(z)} A ${i(S)} ${i(S)} 0 ${Y} 1 ${i(T)} ${i(F)}`;
+  }, p = s.trackColor ?? "#333", $ = s.color ?? "#3b82f6";
+  e.push("series", `<path d="${y(a, f, g)}" fill="none" stroke="${p}" stroke-width="12" stroke-linecap="round"/>`);
+  const m = f - u * Math.PI;
+  e.push("series", `<path d="${y(a, f, m)}" fill="none" stroke="${$}" stroke-width="12" stroke-linecap="round"/>`);
+  const w = a - 8, v = r + w * Math.cos(m), b = c - w * Math.sin(m);
+  e.push("series", `<line x1="${i(r)}" y1="${i(c)}" x2="${i(v)}" y2="${i(b)}" stroke="${$}" stroke-width="2"/>`), e.push("series", `<circle cx="${i(r)}" cy="${i(c)}" r="4" fill="${$}"/>`);
+  const k = s.label ?? `${d}`;
+  e.push(
+    "series",
+    `<text x="${i(r)}" y="${i(c + 30)}" fill="${$}" font-size="18" font-weight="600" text-anchor="middle">${N(String(k))}</text>`
+  );
+}
+function Zo(t, o, e) {
+  var p, $, m;
+  const n = (p = t.getSankeyData) == null ? void 0 : p.call(t), s = (($ = t.getSankeyStyle) == null ? void 0 : $.call(t)) ?? t.getStyle();
+  if (!((m = n == null ? void 0 : n.links) != null && m.length)) return;
+  const r = go(n, s, o);
+  if (!r) return;
+  const { nodeRegistry: c, links: a, nodeOutValue: l, nodeInValue: h, workingArea: d } = r, { linkOpacity: f, showLabels: g, nodeWidth: u } = r.style, y = "vp-clip-sankey";
+  e.registerClipPath(
+    y,
+    `<rect x="${i(o.x)}" y="${i(o.y)}" width="${i(o.width)}" height="${i(o.height)}"/>`
+  );
+  for (const w of a) {
+    const v = w.source, b = w.target, k = w.sourceOffset, C = w.targetOffset, A = l.get(w.link.source) || 1, S = h.get(w.link.target) || 1, E = w.link.value / A * v.height, R = w.link.value / S * b.height, D = v.x + v.width, z = v.y + k, T = z + E, F = b.x, Y = b.y + C, B = Y + R, V = (F - D) * 0.5, P = e.registerLinearGradient(D, (z + T) / 2, F, (Y + B) / 2, [
+      { offset: "0%", color: v.color },
+      { offset: "100%", color: b.color }
+    ]);
+    e.push(
+      "series",
+      `<path clip-path="url(#${y})" d="M ${i(D)} ${i(z)} C ${i(D + V)} ${i(z)}, ${i(F - V)} ${i(Y)}, ${i(F)} ${i(Y)} L ${i(F)} ${i(B)} C ${i(F - V)} ${i(B)}, ${i(D + V)} ${i(T)}, ${i(D)} ${i(T)} Z" fill="url(#${P})" fill-opacity="${f}" stroke="${v.color}" stroke-opacity="${f * 0.3}" stroke-width="0.5"/>`
+    );
+  }
+  c.forEach((w) => {
+    e.push(
+      "series",
+      `<rect clip-path="url(#${y})" x="${i(w.x)}" y="${i(w.y)}" width="${i(w.width)}" height="${i(w.height)}" fill="${w.color}"/>`
+    );
+  }), g && c.forEach((w, v) => {
+    let b = String(v);
+    const k = n.nodes.find((S) => S.id === v);
+    k != null && k.name && (b = k.name);
+    const C = w.x <= d.x + 5, A = w.x >= d.x + d.width - u - 5;
+    C ? e.push(
+      "series",
+      `<text clip-path="url(#${y})" x="${i(w.x - 10)}" y="${i(w.y + w.height / 2)}" fill="#ffffff" font-size="11" font-weight="700" text-anchor="end" dominant-baseline="middle">${N(b)}</text>`
+    ) : A ? e.push(
+      "series",
+      `<text clip-path="url(#${y})" x="${i(w.x + w.width + 10)}" y="${i(w.y + w.height / 2)}" fill="#ffffff" font-size="11" font-weight="700" text-anchor="start" dominant-baseline="middle">${N(b)}</text>`
+    ) : e.push(
+      "series",
+      `<text clip-path="url(#${y})" x="${i(w.x + w.width / 2)}" y="${i(w.y - 10)}" fill="#ffffff" font-size="11" font-weight="700" text-anchor="middle">${N(b)}</text>`
+    );
+  });
+}
+function Qo(t, o, e, n, s) {
+  var p;
+  const r = t.getData(), a = t.getStyle().color ?? "#ff0055", l = o.x + o.width / 2, h = o.y + o.height - 20, d = Math.min(o.width, o.height) - 40, f = d * Math.sqrt(3) / 2, g = { x: l, y: h }, u = { x: l - d / 2, y: h - f }, y = { x: l + d / 2, y: h - f };
+  s.push(
+    "series",
+    `<polygon points="${i(g.x)},${i(g.y)} ${i(u.x)},${i(u.y)} ${i(y.x)},${i(y.y)}" fill="none" stroke="${a}" stroke-width="1"/>`
+  );
+  for (let $ = 1; $ <= 4; $++) {
+    const m = $ / 5, w = { x: g.x + (u.x - g.x) * m, y: g.y + (u.y - g.y) * m }, v = { x: g.x + (y.x - g.x) * m, y: g.y + (y.y - g.y) * m };
+    s.push("grid", `<line x1="${i(w.x)}" y1="${i(w.y)}" x2="${i(v.x)}" y2="${i(v.y)}" stroke="${a}" stroke-opacity="0.2"/>`);
+  }
+  if ((p = r == null ? void 0 : r.x) != null && p.length)
+    for (let $ = 0; $ < r.x.length; $++) {
+      const m = r.x[$], w = r.y[$], v = 1 - m - w, b = m * u.x + w * y.x + v * g.x, k = m * u.y + w * y.y + v * g.y;
+      s.push("series", It("circle", b, k, 6, a));
+    }
+}
+function Ko(t, o, e, n, s) {
+  var $;
+  const r = t.getData();
+  if (!(($ = r == null ? void 0 : r.x) != null && $.length)) return;
+  const c = t.getStyle(), a = c.positiveColor ?? "#22c55e", l = c.negativeColor ?? "#ef4444", h = c.subtotalColor ?? "#3b82f6", d = c.connectorColor ?? "#64748b", f = c.waterfallTypes ?? [], g = e.domain[1] - e.domain[0], u = g > 0 ? (c.barWidth ?? 0.8) / g * o.width : 20;
+  let y = 0;
+  const p = `vp-clip-wf-${J(t)}`;
+  s.registerClipPath(
+    p,
+    `<rect x="${i(o.x)}" y="${i(o.y)}" width="${i(o.width)}" height="${i(o.height)}"/>`
+  );
+  for (let m = 0; m < r.x.length; m++) {
+    const w = r.y[m], v = f[m] ?? (w >= 0 ? "positive" : "negative"), b = e.transform(r.x[m]);
+    let k, C, A;
+    v === "subtotal" ? (k = n.transform(0), C = n.transform(y), A = h) : v === "total" ? (k = n.transform(0), C = n.transform(y + w), y += w, A = h) : (k = n.transform(y), y += w, C = n.transform(y), A = w >= 0 ? a : l);
+    const S = Math.min(k, C), E = Math.max(1, Math.abs(C - k));
+    if (s.push(
+      "series",
+      `<rect clip-path="url(#${p})" x="${i(b - u / 2)}" y="${i(S)}" width="${i(u)}" height="${i(E)}" fill="${A}" fill-opacity="0.9"/>`
+    ), m > 0 && c.showConnectors !== !1) {
+      const R = e.transform(r.x[m - 1]), D = n.transform(y - w);
+      s.push(
+        "series",
+        `<line x1="${i(R + u / 2)}" y1="${i(D)}" x2="${i(b - u / 2)}" y2="${i(D)}" stroke="${d}" stroke-width="1" stroke-opacity="0.6"/>`
+      );
+    }
+  }
+}
+function Jo(t, o, e, n, s) {
+  var $, m, w;
+  const r = t.getData();
+  if (!(($ = r == null ? void 0 : r.x) != null && $.length) || !r.median) return;
+  const c = t.getStyle(), a = c.color ?? "#ff0055", l = c.opacity ?? 1, h = e.domain[1] - e.domain[0], d = h > 0 ? (c.barWidth ?? 0.6) / h * o.width : 16, f = r.q1, g = r.q3, u = r.low, y = r.high, p = `vp-clip-box-${J(t)}`;
+  s.registerClipPath(
+    p,
+    `<rect x="${i(o.x)}" y="${i(o.y)}" width="${i(o.width)}" height="${i(o.height)}"/>`
+  );
+  for (let v = 0; v < r.x.length; v++) {
+    const b = e.transform(r.x[v]), k = f ? n.transform(f[v]) : n.transform(r.y[v]), C = g ? n.transform(g[v]) : n.transform(((m = r.y2) == null ? void 0 : m[v]) ?? r.y[v]), A = n.transform(r.median[v]), S = u ? n.transform(u[v]) : k, E = y ? n.transform(y[v]) : C, R = Math.min(k, C), D = Math.max(1, Math.abs(C - k));
+    s.push("series", `<line clip-path="url(#${p})" x1="${i(b)}" y1="${i(S)}" x2="${i(b)}" y2="${i(E)}" stroke="${a}" stroke-width="1"/>`), s.push("series", `<rect clip-path="url(#${p})" x="${i(b - d / 2)}" y="${i(R)}" width="${i(d)}" height="${i(D)}" fill="${a}" fill-opacity="${l * 0.3}" stroke="${a}"/>`), s.push("series", `<line clip-path="url(#${p})" x1="${i(b - d / 2)}" y1="${i(A)}" x2="${i(b + d / 2)}" y2="${i(A)}" stroke="${a}" stroke-width="2"/>`);
+    const z = (w = r.outliers) == null ? void 0 : w[v];
+    if (z)
+      for (const T of z)
+        s.push("series", It("circle", e.transform(T.x), n.transform(T.y), 4, a, l));
+  }
+}
+function yt(t) {
+  return t instanceof Float32Array || t instanceof Float64Array ? t : Float32Array.from(t);
+}
+function tn(t) {
+  const o = new Float32Array(t.length), e = new Float32Array(t.length);
+  for (let n = 0; n < t.length; n++) {
+    const s = t[n];
+    o[n] = s > 0 ? s : 0, e[n] = s < 0 ? s : 0;
+  }
+  return { positive: o, negative: e };
+}
+function en(t, o, e) {
+  if (t === void 0 || t === "zero") return 0;
+  if (typeof t == "number") return t;
+  const n = e.find((r) => r.id === t);
+  return n ? yt(n.y)[o] ?? 0 : 0;
+}
+function on(t, o, e, n, s) {
+  const r = t.length;
+  if (r === 0) return [];
+  if (r === 1) {
+    const f = o[0] >= e(0) ? n : s;
+    return [{ points: [{ x: t[0], y: o[0] }], color: f }];
+  }
+  const c = [];
+  let a = null;
+  const l = (f) => o[f] >= e(f) ? n : s, h = (f, g, u) => {
+    !a || a.color !== u ? (a != null && a.points.length && c.push(a), a = { points: [{ x: f, y: g }], color: u }) : a.points.push({ x: f, y: g });
+  }, d = () => {
+    a != null && a.points.length && (c.push(a), a = null);
+  };
+  h(t[0], o[0], l(0));
+  for (let f = 1; f < r; f++) {
+    const g = o[f - 1], u = o[f], y = e(f - 1), p = e(f), $ = g >= y, m = u >= p;
+    if ($ === m) {
+      h(t[f], o[f], l(f));
+      continue;
+    }
+    const w = u - g - (p - y), v = Math.max(0, Math.min(1, (y - g) / w)), b = t[f - 1] + v * (t[f] - t[f - 1]), k = g + v * (u - g), C = $ ? n : s, A = m ? n : s;
+    h(b, k, C), d(), h(b, k, A), h(t[f], o[f], l(f));
+  }
+  return d(), c;
+}
+function nn(t, o, e, n, s, r, c, a) {
+  const l = s.colorZones, d = on(
+    e,
+    n,
+    (f) => en(l.ref, f, r),
+    l.aboveColor,
+    l.belowColor
+  );
+  for (let f = 0; f < d.length; f++) {
+    const g = d[f];
+    g.points.length < 2 || t.push({
+      id: `${o}-${a}-${f}`,
+      type: "line",
+      visible: c,
+      data: {
+        x: Float32Array.from(g.points.map((u) => u.x)),
+        y: Float32Array.from(g.points.map((u) => u.y))
+      },
+      style: {
+        color: g.color,
+        width: s.width ?? 2,
+        opacity: s.opacity ?? 1
+      }
+    });
+  }
+}
+const sn = {
+  baselineColor: "rgba(255,255,255,0.35)",
+  baselineWidth: 1,
+  baselineDash: [4, 4],
+  peakColor: "#ff00ff",
+  troughColor: "#00ffff",
+  peakSize: 6,
+  troughSize: 6
+};
+function St(t) {
+  var h, d, f, g;
+  const { id: o, data: e, style: n = {}, visible: s = !0 } = t, r = { ...sn, ...n }, c = yt(e.x), a = c.length, l = [];
+  if ((h = e.fills) != null && h.length)
+    for (let u = 0; u < e.fills.length; u++) {
+      const y = e.fills[u], p = y.id ?? `${o}-fill-${u}`;
+      l.push({
+        id: p,
+        type: "band",
+        visible: s,
+        data: {
+          x: c,
+          y: yt(y.upper),
+          y2: yt(y.lower)
+        },
+        style: {
+          color: y.color ?? "rgba(100, 80, 180, 0.25)",
+          opacity: y.opacity ?? 0.35
+        }
+      });
+    }
+  if (e.histogram) {
+    const u = yt(e.histogram.y), { positive: y, negative: p } = tn(u), $ = e.histogram.barWidth, m = $ !== void 0 ? { barWidth: $ } : {};
+    l.push({
+      id: `${o}-hist-pos`,
+      type: "bar",
+      visible: s,
+      data: { x: c, y },
+      style: {
+        color: e.histogram.positiveColor ?? "#26a69a",
+        opacity: e.histogram.opacity ?? 0.85,
+        ...m
+      }
+    }), l.push({
+      id: `${o}-hist-neg`,
+      type: "bar",
+      visible: s,
+      data: { x: c, y: p },
+      style: {
+        color: e.histogram.negativeColor ?? "#ef5350",
+        opacity: e.histogram.opacity ?? 0.85,
+        ...m
+      }
+    });
+  }
+  if ((d = e.lines) != null && d.length)
+    for (let u = 0; u < e.lines.length; u++) {
+      const y = e.lines[u], p = y.id ?? `${o}-line-${u}`, $ = yt(y.y);
+      if (y.colorZones) {
+        nn(l, p, c, $, y, e.lines, s, "zone");
+        continue;
+      }
+      l.push({
+        id: p,
+        type: "line",
+        visible: s,
+        data: { x: c, y: $ },
+        style: {
+          color: y.color ?? (u === 0 ? "#00e5ff" : "#e040fb"),
+          width: y.width ?? 2,
+          opacity: y.opacity ?? 1
+        }
+      });
+    }
+  if (e.baseline !== void 0 && a >= 2) {
+    const u = e.baseline;
+    l.push({
+      id: `${o}-baseline`,
+      type: "line",
+      visible: s,
+      data: {
+        x: Float32Array.from([c[0], c[a - 1]]),
+        y: Float32Array.from([u, u])
+      },
+      style: {
+        color: r.baselineColor,
+        width: r.baselineWidth,
+        lineDash: r.baselineDash,
+        opacity: 1
+      }
+    });
+  }
+  if ((f = e.referenceLines) != null && f.length)
+    for (let u = 0; u < e.referenceLines.length; u++) {
+      const y = e.referenceLines[u];
+      l.push({
+        id: `${o}-ref-${u}`,
+        type: "line",
+        visible: s,
+        data: {
+          x: Float32Array.from([c[0], c[a - 1]]),
+          y: Float32Array.from([y.y, y.y])
+        },
+        style: {
+          color: y.color ?? "rgba(255,255,255,0.2)",
+          width: y.width ?? 1,
+          lineDash: y.dash ?? [2, 4],
+          opacity: 0.8
+        }
+      });
+    }
+  if ((g = e.markers) != null && g.length) {
+    const u = e.markers.filter((p) => p.kind === "peak"), y = e.markers.filter((p) => p.kind === "trough");
+    u.length && l.push({
+      id: `${o}-peaks`,
+      type: "scatter",
+      visible: s,
+      data: {
+        x: Float32Array.from(u.map((p) => p.x)),
+        y: Float32Array.from(u.map((p) => p.y))
+      },
+      style: {
+        color: r.peakColor,
+        pointSize: r.peakSize,
+        opacity: 1
+      }
+    }), y.length && l.push({
+      id: `${o}-troughs`,
+      type: "scatter",
+      visible: s,
+      data: {
+        x: Float32Array.from(y.map((p) => p.x)),
+        y: Float32Array.from(y.map((p) => p.y))
+      },
+      style: {
+        color: r.troughColor,
+        pointSize: r.troughSize,
+        opacity: 1
+      }
+    });
+  }
+  return l;
+}
+function ai(t) {
+  return St(t);
+}
+function ci(t, o, e = 3) {
+  const n = yt(t), s = yt(o), r = [], c = Math.max(1, e);
+  for (let a = c; a < s.length - c; a++) {
+    let l = !0, h = !0;
+    for (let d = a - c; d <= a + c; d++)
+      d !== a && (s[d] >= s[a] && (l = !1), s[d] <= s[a] && (h = !1));
+    l ? r.push({ x: n[a], y: s[a], kind: "peak" }) : h && r.push({ x: n[a], y: s[a], kind: "trough" });
+  }
+  return r;
+}
+function rn(t, o, e, n, s) {
+  const r = t.indicatorOptions;
+  if (!r) {
+    console.warn(`[VeloPlot] Indicator series "${J(t)}" missing indicatorOptions for SVG export`);
+    return;
+  }
+  const c = St(r);
+  for (const a of c) {
+    const l = {
+      isVisible: () => !0,
+      getYAxisId: () => t.getYAxisId(),
+      getData: () => a.data ?? { x: new Float32Array(0), y: new Float32Array(0) },
+      getStyle: () => a.style ?? {},
+      getType: () => a.type ?? "line",
+      getId: () => `${J(t)}-${a.id ?? a.type}`,
+      getName: () => a.name ?? a.id ?? "indicator",
+      hasErrorData: () => !1
+    }, h = a.type ?? "line";
+    h === "bar" ? Le(l, o, e, n, s) : h === "band" || h === "area" ? Ft(l, o, e, n, s) : h === "scatter" ? Ie(l, o, e, n, s) : kt(l, o, e, n, s);
+  }
+}
+const ze = /* @__PURE__ */ new Map();
+function G(t, o) {
+  ze.set(t, o);
+}
+G("line", (t, o, e, n, s) => kt(t, o, e, n, s));
+G("step", (t, o, e, n, s) => kt(t, o, e, n, s));
+G("step+scatter", (t, o, e, n, s) => kt(t, o, e, n, s));
+G("line+scatter", (t, o, e, n, s) => kt(t, o, e, n, s));
+G("scatter", (t, o, e, n, s) => Ie(t, o, e, n, s));
+G("bar", (t, o, e, n, s) => Le(t, o, e, n, s));
+G("band", (t, o, e, n, s) => Ft(t, o, e, n, s));
+G("area", (t, o, e, n, s) => Ft(t, o, e, n, s));
+G("candlestick", (t, o, e, n, s) => De(t, o, e, n, s));
+G("heikin-ashi", (t, o, e, n, s) => De(t, o, e, n, s));
+G("heatmap", (t, o, e, n, s) => _o(t, o, e, n, s));
+G("polar", (t, o, e, n, s) => qo(t, o, e, n, s));
+G("gauge", (t, o, e, n, s) => Uo(t, o, s));
+G("sankey", (t, o, e, n, s) => Zo(t, o, s));
+G("ternary", (t, o, e, n, s) => Qo(t, o, e, n, s));
+G("waterfall", (t, o, e, n, s) => Ko(t, o, e, n, s));
+G("boxplot", (t, o, e, n, s) => Jo(t, o, e, n, s));
+G("indicator", (t, o, e, n, s) => rn(t, o, e, n, s));
+G("radar", () => {
+});
+function an(t, o) {
+  var n, s, r, c;
+  const e = /* @__PURE__ */ new Set();
+  for (const a of t.series) {
+    if (!a.isVisible()) continue;
+    const l = a.getType(), h = ze.get(l), d = ve(t.yAxes, a.getYAxisId(), t.primaryYAxisId);
+    if (!d) continue;
+    if (!h) {
+      e.has(l) || (console.warn(`[VeloPlot] No SVG exporter for series type "${l}"`), e.add(l));
+      continue;
+    }
+    const f = a.getData();
+    (l === "heatmap" ? !((n = a.getHeatmapData) != null && n.call(a)) : l === "polar" ? !((s = a.getPolarData) != null && s.call(a)) : l === "gauge" ? !((r = a.getGaugeData) != null && r.call(a)) : l === "sankey" ? !((c = a.getSankeyData) != null && c.call(a)) : l !== "indicator" && (!f || f.x.length === 0)) && l !== "gauge" && l !== "indicator" || h(a, t.plotArea, t.xScale, d, o, t);
+  }
+}
+const le = /* @__PURE__ */ new WeakMap();
+function cn(t, o) {
+  let e = le.get(t);
+  e || (e = /* @__PURE__ */ new Map(), le.set(t, e));
+  let n = e.get(o);
+  return n || (n = `vp-arrow-${e.size}`, t.registerArrowMarker(n, o), e.set(o, n)), n;
+}
+function lt(t, o, e, n) {
+  const s = Pt(t.yScales) || [...t.yScales.values()][0];
+  return s ? { px: t.xScale.transform(o), py: s.transform(e) } : { px: 0, py: 0 };
+}
+function ln(t, o) {
+  var c;
+  if (t.visible === !1) return [];
+  const { plotArea: e } = o, n = [], r = 'clip-path="url(#vp-clip-ann)"';
+  switch (t.type) {
+    case "horizontal-line": {
+      const a = lt(o, 0, t.y).py, l = o.xScale.transform(t.xMin ?? o.viewBounds.xMin), h = o.xScale.transform(t.xMax ?? o.viewBounds.xMax), d = t.color ?? "#ff0055", f = (c = t.lineDash) != null && c.length ? ` stroke-dasharray="${t.lineDash.join(",")}"` : "";
+      if (n.push(
+        `<line x1="${i(l)}" y1="${i(a)}" x2="${i(h)}" y2="${i(a)}" stroke="${d}" stroke-width="${t.lineWidth ?? 1}"${f}/>`
+      ), t.label) {
+        const g = t.labelPosition === "right" ? h - 4 : t.labelPosition === "left" ? l + 4 : (l + h) / 2;
+        n.push(
+          `<text x="${i(g)}" y="${i(a - 4)}" fill="${d}" font-size="11" text-anchor="${t.labelPosition === "right" ? "end" : t.labelPosition === "left" ? "start" : "middle"}">${N(t.label)}</text>`
+        );
+      }
+      break;
+    }
+    case "vertical-line": {
+      const a = lt(o, t.x, 0).px, l = o.yScales.values().next().value.transform(t.yMin ?? o.viewBounds.yMin), h = o.yScales.values().next().value.transform(t.yMax ?? o.viewBounds.yMax), d = t.color ?? "#ff0055";
+      n.push(
+        `<line x1="${i(a)}" y1="${i(Math.min(l, h))}" x2="${i(a)}" y2="${i(Math.max(l, h))}" stroke="${d}" stroke-width="${t.lineWidth ?? 1}"/>`
+      );
+      break;
+    }
+    case "rectangle": {
+      const a = lt(o, t.xMin, t.yMax), l = lt(o, t.xMax, t.yMin), h = Math.min(a.px, l.px), d = Math.min(a.py, l.py), f = Math.abs(l.px - a.px), g = Math.abs(l.py - a.py);
+      n.push(
+        `<rect x="${i(h)}" y="${i(d)}" width="${i(f)}" height="${i(g)}" fill="${t.fillColor ?? "rgba(100,149,237,0.2)"}" stroke="${t.strokeColor ?? "#6495ed"}" stroke-width="${t.strokeWidth ?? 1}"/>`
+      );
+      break;
+    }
+    case "band": {
+      const a = t.yMin ?? o.viewBounds.yMin, l = t.yMax ?? o.viewBounds.yMax, h = lt(o, 0, a).py, d = lt(o, 0, l).py, f = Math.min(h, d), g = Math.abs(d - h);
+      n.push(
+        `<rect x="${i(e.x)}" y="${i(f)}" width="${i(e.width)}" height="${i(g)}" fill="${t.fillColor ?? "rgba(100,149,237,0.15)"}"/>`
+      );
+      break;
+    }
+    case "text": {
+      const a = lt(o, t.x, t.y), l = t.color ?? "#fff", h = t.rotation ? ` transform="rotate(${t.rotation} ${i(a.px)} ${i(a.py)})"` : "";
+      n.push(
+        `<text x="${i(a.px)}" y="${i(a.py)}" fill="${l}" font-size="${t.fontSize ?? 12}" font-family="${t.fontFamily ?? "sans-serif"}" text-anchor="middle"${h}>${N(t.text)}</text>`
+      );
+      break;
+    }
+    case "arrow": {
+      const a = lt(o, t.x1, t.y1), l = lt(o, t.x2, t.y2), h = t.color ?? "#ff0055", d = o.builder ? cn(o.builder, h) : "vp-arrow";
+      n.push(
+        `<line x1="${i(a.px)}" y1="${i(a.py)}" x2="${i(l.px)}" y2="${i(l.py)}" stroke="${h}" stroke-width="${t.lineWidth ?? 2}" marker-end="url(#${d})"/>`
+      );
+      break;
+    }
+  }
+  return n.map((a) => `<g ${r}>${a}</g>`);
+}
+function Ee(t, o) {
+  if (!t.builder || !o.length) return;
+  const { plotArea: e } = t;
+  t.builder.registerClipPath(
+    "vp-clip-ann",
+    `<rect x="${i(e.x)}" y="${i(e.y)}" width="${i(e.width)}" height="${i(e.height)}"/>`
+  );
+  const n = [...o].filter((s) => s.visible !== !1).sort((s, r) => (s.zIndex ?? 0) - (r.zIndex ?? 0));
+  for (const s of n)
+    for (const r of ln(s, t))
+      t.builder.push("plugins", r);
+}
+function Te(t) {
+  var e, n, s;
+  if (!t.builder) return;
+  const o = Pt(t.yScales);
+  if (o)
+    for (const r of t.series) {
+      if (!r.isVisible() || r.getType() !== "candlestick") continue;
+      const c = ((e = r.getMarkers) == null ? void 0 : e.call(r)) ?? [], a = r.getData();
+      if ((n = a == null ? void 0 : a.x) != null && n.length)
+        for (const l of c) {
+          let h = 0, d = 1 / 0;
+          for (let m = 0; m < a.x.length; m++) {
+            const w = Math.abs(a.x[m] - l.time);
+            w < d && (d = w, h = m);
+          }
+          const f = t.xScale.transform(a.x[h]), g = o.transform(((s = a.high) == null ? void 0 : s[h]) ?? a.y[h]), u = l.shape === "arrowUp" || l.position === "belowBar", y = l.color ?? (u ? "#26a69a" : "#ef5350"), p = u ? g + 12 : g - 12, $ = u ? `${i(f)},${i(p - 6)} ${i(f - 5)},${i(p + 4)} ${i(f + 5)},${i(p + 4)}` : `${i(f)},${i(p + 6)} ${i(f - 5)},${i(p - 4)} ${i(f + 5)},${i(p - 4)}`;
+          t.builder.push("plugins", `<polygon points="${$}" fill="${y}"/>`);
+        }
+    }
+}
+function hn(t) {
+  return Math.abs(Math.cos(t)) < 0.1 ? "middle" : Math.cos(t) > 0 ? "start" : "end";
+}
+function fn(t) {
+  return Math.abs(Math.sin(t)) < 0.1 ? "middle" : Math.sin(t) > 0 ? "hanging" : "alphabetic";
+}
+function dn(t, o, e) {
+  var g, u, y, p, $, m, w;
+  const { plotArea: n } = t, s = n.x + n.width / 2, r = n.y + n.height / 2, c = Math.min(n.width, n.height) / 2 * 0.8, a = e.categories.length;
+  if (a === 0) return;
+  const l = 2 * Math.PI / a, h = ((g = e.gridStyle) == null ? void 0 : g.color) ?? "rgba(255, 255, 255, 0.1)", d = ((u = e.gridStyle) == null ? void 0 : u.width) ?? 1, f = (p = (y = e.gridStyle) == null ? void 0 : y.lineDash) != null && p.length ? ` stroke-dasharray="${e.gridStyle.lineDash.join(",")}"` : "";
+  for (let v = 1; v <= e.gridLevels; v++) {
+    const b = v / e.gridLevels * c, k = [];
+    for (let C = 0; C < a; C++) {
+      const A = C * l - Math.PI / 2;
+      k.push(`${i(s + b * Math.cos(A))},${i(r + b * Math.sin(A))}`);
+    }
+    o.push(
+      "grid",
+      `<polygon points="${k.join(" ")}" fill="none" stroke="${h}" stroke-width="${d}"${f}/>`
+    );
+  }
+  for (let v = 0; v < a; v++) {
+    const b = v * l - Math.PI / 2, k = s + c * Math.cos(b), C = r + c * Math.sin(b);
+    if (o.push(
+      "grid",
+      `<line x1="${i(s)}" y1="${i(r)}" x2="${i(k)}" y2="${i(C)}" stroke="${h}" stroke-width="${d}"/>`
+    ), e.showLabels) {
+      const A = c + 25, S = s + A * Math.cos(b), E = r + A * Math.sin(b), R = (($ = e.labelStyle) == null ? void 0 : $.color) ?? "#94a3b8", D = ((m = e.labelStyle) == null ? void 0 : m.fontSize) ?? 12, z = ((w = e.labelStyle) == null ? void 0 : w.fontFamily) ?? "sans-serif";
+      o.push(
+        "axes",
+        `<text x="${i(S)}" y="${i(E)}" fill="${R}" font-size="${D}" font-family="${N(z)}" text-anchor="${hn(b)}" dominant-baseline="${fn(b)}">${N(e.categories[v])}</text>`
+      );
+    }
+  }
+  for (const v of e.series)
+    un(o, e, v, s, r, c, l);
+}
+function un(t, o, e, n, s, r, c) {
+  var u, y, p, $, m, w;
+  if (e.points.length === 0) return;
+  const a = [];
+  for (let v = 0; v < o.categories.length; v++) {
+    const b = o.categories[v], k = e.points.find((E) => E.category === b), A = (k ? k.value : 0) / o.maxValue * r, S = v * c - Math.PI / 2;
+    a.push(`${i(n + A * Math.cos(S))},${i(s + A * Math.sin(S))}`);
+  }
+  const l = ((u = e.style) == null ? void 0 : u.color) ?? "#00f2ff", h = ((y = e.style) == null ? void 0 : y.fillColor) ?? ((p = e.style) != null && p.color ? `${e.style.color}33` : "rgba(0, 242, 255, 0.2)"), d = (($ = e.style) == null ? void 0 : $.opacity) ?? 1, f = ((m = e.style) == null ? void 0 : m.width) ?? 2, g = ((w = e.style) == null ? void 0 : w.pointSize) ?? 0;
+  if (t.push(
+    "series",
+    `<polygon points="${a.join(" ")}" fill="${h}" stroke="${l}" stroke-width="${f}" stroke-opacity="${d}" fill-opacity="${d}"/>`
+  ), g > 0) {
+    const v = g / 2;
+    for (let b = 0; b < o.categories.length; b++) {
+      const k = o.categories[b], C = e.points.find((z) => z.category === k), S = (C ? C.value : 0) / o.maxValue * r, E = b * c - Math.PI / 2, R = n + S * Math.cos(E), D = s + S * Math.sin(E);
+      t.push("series", `<circle cx="${i(R)}" cy="${i(D)}" r="${i(v)}" fill="${l}"/>`);
+    }
+  }
+}
+const Fe = /* @__PURE__ */ new Map();
+function Re(t, o) {
+  Fe.set(t, o);
+}
+function yn(t, o) {
+  for (const [, e] of Fe)
+    e({ ...t, builder: o });
+  if (t._elements && t._layer)
+    for (const e of t._elements)
+      o.push(t._layer, e);
+}
+Re("velo-plot-annotations", (t) => {
+  const o = t._annotations;
+  o != null && o.length && Ee(t, o);
+});
+Re("velo-plot-trade-markers", Te);
+function gn(t, o) {
+  var c, a, l, h, d, f;
+  const e = t.get("velo-plot-annotations"), n = (a = (c = e == null ? void 0 : e.api) == null ? void 0 : c.getManager) == null ? void 0 : a.call(c);
+  n && o.builder && ((l = o.exportContext) == null ? void 0 : l.options.includeAnnotations) !== !1 && Ee(o, n.getAll()), Te(o);
+  const s = t.get("velo-plot-radar"), r = (d = (h = s == null ? void 0 : s.api) == null ? void 0 : h.getSVGExportData) == null ? void 0 : d.call(h);
+  r && o.builder && o.exportContext && dn(o.exportContext, o.builder, r), yn(o, o.builder), (f = t.notifyExportSVG) == null || f.call(t, o);
+}
+function pn(t, o, e) {
+  if (!t.builder) return;
+  const n = t.plotArea.x + t.plotArea.width / 2, s = t.plotArea.y + t.plotArea.height / 2, r = (e == null ? void 0 : e.opacity) ?? 0.12, c = (e == null ? void 0 : e.rotation) ?? -30, a = (e == null ? void 0 : e.color) ?? "#ffffff";
+  t.builder.push(
+    "plugins",
+    `<text x="${i(n)}" y="${i(s)}" fill="${a}" fill-opacity="${r}" font-size="48" font-weight="700" text-anchor="middle" transform="rotate(${c} ${i(n)} ${i(s)})">${N(o)}</text>`
+  );
+}
+function li(t, o) {
+  if (!t.builder) return;
+  const { plotArea: e } = t, n = t.yScales.values().next().value;
+  for (const s of o) {
+    const r = s.color ?? "rgba(59,130,246,0.1)";
+    if (s.axis === "x") {
+      const c = t.xScale.transform(s.min), a = t.xScale.transform(s.max);
+      t.builder.push(
+        "plugins",
+        `<rect x="${i(Math.min(c, a))}" y="${i(e.y)}" width="${i(Math.abs(a - c))}" height="${i(e.height)}" fill="${r}"/>`
+      );
+    } else if (n) {
+      const c = n.transform(s.min), a = n.transform(s.max);
+      t.builder.push(
+        "plugins",
+        `<rect x="${i(e.x)}" y="${i(Math.min(c, a))}" width="${i(e.width)}" height="${i(Math.abs(a - c))}" fill="${r}"/>`
+      );
+    }
+  }
+}
+function $n(t) {
+  const o = new to(
+    t.width,
+    t.height,
+    t.theme.xAxis.fontFamily || "sans-serif"
+  );
+  if (o.resetGradientCounter(), Xo(t, o), an(t, o), t.options.includeOverlays !== !1) {
+    const e = {
+      series: t.series,
+      viewBounds: t.viewBounds,
+      plotArea: t.plotArea,
+      xScale: t.xScale,
+      yScales: t.yAxes,
+      theme: t.theme,
+      width: t.width,
+      height: t.height,
+      builder: o,
+      exportContext: t
+    };
+    t.pluginManager && gn(t.pluginManager, e), t.options.watermarkText && pn(e, t.options.watermarkText, { opacity: 0.4, rotation: 0, color: "rgba(128,128,128,0.4)" });
+  }
+  return o.build(t.theme.backgroundColor, t.options.ariaLabel);
+}
+function mn(t) {
+  const e = {
+    id: t.seriesId ?? `${t.id}-indicator`,
+    data: t.data,
+    style: t.style,
+    name: t.label
+  }, n = St(e);
+  return {
+    id: t.id,
+    height: t.height ?? 0.25,
+    showXAxis: t.showXAxis,
+    yRange: t.yRange,
+    chart: {
+      yAxis: {
+        label: t.label ?? "Indicator",
+        auto: t.yRange === void 0 || t.yRange === "auto",
+        tickCount: t.tickCount ?? 5,
+        scientific: !1
+      },
+      // X-axis visibility is owned by createStackedChart (sharedXAxis / showXAxis).
+      // Do not force labels off here — the new bottom pane must show dates.
+      animations: !1,
+      loading: !1,
+      showLegend: !1
+    },
+    series: n
+  };
+}
+const xn = 5e3;
+let gt = null, Tt = !1;
+function Be(t) {
+  const o = performance.now();
+  switch (t.indicator) {
+    case "rsi":
+      return {
+        id: t.id,
+        type: "indicator-result",
+        indicator: "rsi",
+        values: lo(t.data, t.period ?? 14),
+        duration: performance.now() - o
+      };
+    case "sma":
+      return {
+        id: t.id,
+        type: "indicator-result",
+        indicator: "sma",
+        values: co(t.data, t.period ?? 14),
+        duration: performance.now() - o
+      };
+    case "ema":
+      return {
+        id: t.id,
+        type: "indicator-result",
+        indicator: "ema",
+        values: ao(t.data, t.period ?? 14),
+        duration: performance.now() - o
+      };
+    case "macd": {
+      const e = ro(
+        t.data,
+        t.fastPeriod ?? 12,
+        t.slowPeriod ?? 26,
+        t.signalPeriod ?? 9
+      );
+      return {
+        id: t.id,
+        type: "indicator-result",
+        indicator: "macd",
+        ...e,
+        duration: performance.now() - o
+      };
+    }
+    case "bollingerBands": {
+      const e = so(t.data, t.period ?? 20, t.stdDev ?? 2);
+      return {
+        id: t.id,
+        type: "indicator-result",
+        indicator: "bollingerBands",
+        ...e,
+        duration: performance.now() - o
+      };
+    }
+    default:
+      throw new Error(`Unknown indicator: ${t.indicator}`);
+  }
+}
+function wn() {
+  return gt || (gt = new uo(
+    () => new Worker(new URL(
+      /* @vite-ignore */
+      "/assets/indicator.worker-bv0zC4EX.js",
+      import.meta.url
+    ), { type: "module" }),
+    {
+      poolSize: 2,
+      syncFallback: !0,
+      // Short timeout — if the worker is silent (broken Vite URL), don't stall UI.
+      timeoutMs: 250,
+      syncHandler: Be
+    }
+  )), gt;
+}
+function Mt(t) {
+  return t instanceof Float32Array || t instanceof Float64Array ? t : Float32Array.from(t);
+}
+function he(t) {
+  return {
+    values: t.values,
+    signal: t.signal,
+    upper: t.upper,
+    lower: t.lower,
+    histogram: t.histogram,
+    duration: t.duration
+  };
+}
+async function At(t) {
+  const e = { id: fo(t.indicator), type: "indicator", ...t };
+  if (Tt || t.data.length < xn)
+    return he(Be(e));
+  const n = performance.now(), s = await wn().run(e);
+  return performance.now() - n >= 200 && (Tt = !0), he(s);
+}
+async function vn(t, o = 14) {
+  return At({ indicator: "rsi", data: Mt(t), period: o });
+}
+async function bn(t, o = 14) {
+  return At({ indicator: "sma", data: Mt(t), period: o });
+}
+async function kn(t, o = 14) {
+  return At({ indicator: "ema", data: Mt(t), period: o });
+}
+async function Sn(t, o = 12, e = 26, n = 9) {
+  return At({
+    indicator: "macd",
+    data: Mt(t),
+    fastPeriod: o,
+    slowPeriod: e,
+    signalPeriod: n
+  });
+}
+async function Mn(t, o = 20, e = 2) {
+  return At({ indicator: "bollingerBands", data: Mt(t), period: o, stdDev: e });
+}
+function hi() {
+  gt == null || gt.destroy(), gt = null, Tt = !1;
+}
+function An(t) {
+  return t === "bollingerBands" ? "bollinger" : t;
+}
+function We(t) {
+  const o = t.getData(), e = o.x;
+  if (!(e != null && e.length))
+    throw new Error("[addIndicator] Source series has no X data");
+  const n = t.getType();
+  let s;
+  if (n === "candlestick" ? s = o.close ?? o.y : s = o.y, !(s != null && s.length))
+    throw new Error("[addIndicator] Source series has no price/Y data");
+  return { x: e, prices: s };
+}
+function Cn(t) {
+  const o = t.getData(), e = o.x;
+  if (!(e != null && e.length))
+    throw new Error("[addIndicator] Source series has no X data");
+  const n = o.open ?? o.y, s = o.high ?? o.y, r = o.low ?? o.y, c = o.close ?? o.y;
+  if (!(n != null && n.length) || !(s != null && s.length) || !(r != null && r.length) || !(c != null && c.length))
+    throw new Error("[addIndicator] Source series has no OHLC data — use candlestick");
+  return { x: e, open: n, high: s, low: r, close: c };
+}
+function Rt(t, o) {
+  if (o) {
+    const s = t.getSeries(o);
+    if (!s) throw new Error(`[addIndicator] Source series "${o}" not found`);
+    return s;
+  }
+  const n = t.getAllSeries().find((s) => {
+    const r = s.getType();
+    return r === "candlestick" || r === "line" || r === "bar";
+  });
+  if (!n)
+    throw new Error("[addIndicator] No line/candlestick/bar series found — pass sourceSeriesId");
+  return n;
+}
+async function Oe(t, o, e, n = {}, s) {
+  const r = An(t), c = n.id ?? r, a = o instanceof Float32Array || o instanceof Float64Array ? o : Float32Array.from(o);
+  switch (r) {
+    case "rsi": {
+      const l = n.period ?? 14, { values: h } = await vn(e, l);
+      return {
+        id: c,
+        preset: "rsi",
+        placement: "oscillator",
+        yRange: [0, 100],
+        data: {
+          x: a,
+          lines: [{ id: "rsi", y: h, color: "#ab47bc", width: 1.5 }],
+          referenceLines: [
+            { y: 70, color: "rgba(239, 83, 80, 0.5)", dash: [4, 4] },
+            { y: 30, color: "rgba(38, 166, 154, 0.5)", dash: [4, 4] }
+          ]
+        }
+      };
+    }
+    case "macd": {
+      const l = n.fastPeriod ?? 12, h = n.slowPeriod ?? 26, d = n.signalPeriod ?? 9, f = await Sn(e, l, h, d);
+      return {
+        id: c,
+        preset: "macd",
+        placement: "oscillator",
+        data: {
+          x: a,
+          histogram: {
+            y: f.histogram ?? new Float32Array(e.length),
+            positiveColor: "#26a69a",
+            negativeColor: "#ef5350"
+          },
+          lines: [
+            { id: "macd", y: f.values, color: "#42a5f5", width: 1.5 },
+            { id: "signal", y: f.signal ?? f.values, color: "#ff9800", width: 1 }
+          ],
+          baseline: 0
+        }
+      };
+    }
+    case "bollinger": {
+      const l = n.period ?? 20, h = n.stdDev ?? 2, d = await Mn(e, l, h), f = d.upper ?? d.values, g = d.lower ?? d.values;
+      return {
+        id: c,
+        preset: "bollinger",
+        placement: "overlay",
+        data: {
+          x: a,
+          lines: [{ id: "mid", y: d.values, color: "rgba(99, 102, 241, 0.9)", width: 1 }],
+          fills: [
+            {
+              id: "band",
+              upper: f,
+              lower: g,
+              color: "rgba(99, 102, 241, 0.15)"
+            }
+          ]
+        }
+      };
+    }
+    case "ema": {
+      const l = n.period ?? 14, { values: h } = await kn(e, l);
+      return {
+        id: c,
+        preset: "ema",
+        placement: "overlay",
+        data: {
+          x: a,
+          lines: [{ id: "ema", y: h, color: "#ffd54f", width: 1.5 }]
+        }
+      };
+    }
+    case "sma": {
+      const l = n.period ?? 14, { values: h } = await bn(e, l);
+      return {
+        id: c,
+        preset: "sma",
+        placement: "overlay",
+        data: {
+          x: a,
+          lines: [{ id: "sma", y: h, color: "#4fc3f7", width: 1.5 }]
+        }
+      };
+    }
+    case "stochastic": {
+      if (!s)
+        throw new Error("[addIndicator] stochastic requires a candlestick source series");
+      const l = Cn(s), h = n.period ?? 14, d = n.signalPeriod ?? 3, f = ho(l, h, d);
+      return {
+        id: c,
+        preset: "stochastic",
+        placement: "oscillator",
+        yRange: [0, 100],
+        data: {
+          x: a,
+          lines: [
+            { id: "k", y: f.values, color: "#42a5f5", width: 1.5 },
+            { id: "d", y: f.signal ?? f.values, color: "#ff9800", width: 1 }
+          ],
+          referenceLines: [
+            { y: 80, color: "rgba(239, 83, 80, 0.5)", dash: [4, 4] },
+            { y: 20, color: "rgba(38, 166, 154, 0.5)", dash: [4, 4] }
+          ]
+        }
+      };
+    }
+    default:
+      throw new Error(`[addIndicator] Unknown preset: ${t}`);
+  }
+}
+function Pn(t, o) {
+  for (const e of [...t.getAllSeries()]) {
+    const n = e.getId();
+    (n === o || n.startsWith(`${o}-`)) && t.removeSeries(n);
+  }
+}
+async function In(t, o, e = {}) {
+  const n = Rt(t, e.sourceSeriesId), { x: s, prices: r } = We(n);
+  return Oe(o, s, r, e, n);
+}
+async function Ln(t, o, e = {}) {
+  var l;
+  if (e.pane === "new")
+    throw new Error(
+      "[addIndicator] pane: 'new' requires createStackedChart — use buildIndicatorPaneFromPreset() instead"
+    );
+  const n = Rt(t, e.sourceSeriesId), s = e.yAxisId ?? ((l = n.getYAxisId) == null ? void 0 : l.call(n)), r = await In(t, o, e);
+  Pn(t, r.id);
+  const c = St({
+    id: r.id,
+    data: r.data,
+    name: e.label ?? r.id.toUpperCase()
+  }), a = [];
+  for (const h of c)
+    t.addSeries({
+      ...h,
+      yAxisId: s ?? h.yAxisId
+    }), a.push(h.id);
+  return {
+    id: r.id,
+    preset: o,
+    placement: r.placement,
+    seriesIds: a
+  };
+}
+async function Dn(t, o, e, n, s) {
+  const r = await Oe(t, o, e, n, s);
+  return mn({
+    id: n.id ?? r.id,
+    height: n.height ?? 0.25,
+    label: n.label ?? r.id.toUpperCase(),
+    yRange: n.yRange ?? r.yRange ?? "auto",
+    tickCount: n.tickCount,
+    showXAxis: n.showXAxis,
+    seriesId: n.seriesId,
+    style: n.style,
+    data: r.data
+  });
+}
+const Ct = 5, Bt = 1 / 6, He = { top: 4, bottom: 8, left: 4 }, Ye = { bottom: 55 };
+function zn(t) {
+  if (typeof t == "number") return t;
+  switch (t) {
+    case "8k":
+      return 8;
+    case "4k":
+      return 4;
+    case "2k":
+      return 2;
+    default:
+      return 1;
+  }
+}
+function En(t) {
+  return new Promise((o, e) => {
+    const n = new Image();
+    n.onload = () => o(n), n.onerror = e, n.src = t;
+  });
+}
+function fe(t, o) {
+  const e = t.getBoundingClientRect();
+  return {
+    x: e.left - o.left,
+    y: e.top - o.top,
+    width: e.width,
+    height: e.height
+  };
+}
+async function Tn(t, o, e, n, s, r = {}) {
+  var $;
+  const {
+    format: c = "png",
+    quality: a = 0.92,
+    resolution: l = "standard",
+    includeBackground: h = !0,
+    includeDividers: d = !0,
+    transparent: f = !1
+  } = r, g = zn(l), y = ((($ = e[0]) == null ? void 0 : $.getDPR()) ?? (typeof window < "u" ? window.devicePixelRatio : 1)) * g, p = e.map((m) => m.getDPR());
+  try {
+    if (g > 1) {
+      for (const S of e)
+        typeof S.setDevicePixelRatioOverride == "function" ? S.setDevicePixelRatioOverride(y) : S.setDPR(y), S.render();
+      await new Promise((S) => requestAnimationFrame(S)), await new Promise((S) => requestAnimationFrame(S)), await new Promise((S) => setTimeout(S, 50));
+    }
+    const m = t.getBoundingClientRect(), w = Math.max(1, Math.round(m.width * y)), v = Math.max(1, Math.round(m.height * y)), b = document.createElement("canvas");
+    b.width = w, b.height = v;
+    const k = b.getContext("2d");
+    if (!k) throw new Error("Failed to create export canvas");
+    !f && h && (k.fillStyle = s || "#ffffff", k.fillRect(0, 0, w, v));
+    const C = c === "jpeg" ? "jpeg" : "png";
+    for (let S = 0; S < o.length; S++) {
+      const E = fe(o[S], m), R = e[S].exportImage(C), D = await En(R);
+      k.drawImage(
+        D,
+        Math.round(E.x * y),
+        Math.round(E.y * y),
+        Math.round(E.width * y),
+        Math.round(E.height * y)
+      );
+    }
+    if (d && n.length) {
+      k.fillStyle = "rgba(128, 128, 128, 0.35)";
+      for (const S of n) {
+        const E = fe(S, m);
+        k.fillRect(
+          Math.round(E.x * y),
+          Math.round(E.y * y),
+          Math.max(1, Math.round(E.width * y)),
+          Math.max(1, Math.round(E.height * y))
+        );
+      }
+    }
+    const A = c === "jpeg" ? "image/jpeg" : c === "webp" ? "image/webp" : "image/png";
+    return b.toDataURL(A, a);
+  } finally {
+    if (g > 1)
+      for (let m = 0; m < e.length; m++)
+        typeof e[m].setDevicePixelRatioOverride == "function" ? e[m].setDevicePixelRatioOverride(null) : e[m].setDPR(p[m]), e[m].render();
+  }
+}
+function Xe(t, o) {
+  const e = t.getBoundingClientRect();
+  return {
+    x: e.left - o.left,
+    y: e.top - o.top,
+    width: e.width,
+    height: e.height
+  };
+}
+function Fn(t, o, e) {
+  const n = t.getBoundingClientRect();
+  return o.map((s, r) => {
+    const c = Xe(s, n);
+    return {
+      chart: e[r],
+      wrapper: s,
+      offsetX: c.x,
+      offsetY: c.y,
+      width: c.width,
+      height: c.height
+    };
+  });
+}
+function Rn(t, o, e, n, s = {}) {
+  var g, u;
+  const r = t.getBoundingClientRect(), c = Math.max(1, Math.round(r.width)), a = Math.max(1, Math.round(r.height)), l = s.backgroundColor ?? ((u = (g = e[0]) == null ? void 0 : g.theme) == null ? void 0 : u.backgroundColor) ?? "#111111", h = s.includeBackground !== !1, d = Fn(t, o, e), f = [
+    `<svg width="${c}" height="${a}" viewBox="0 0 ${c} ${a}" xmlns="http://www.w3.org/2000/svg">`
+  ];
+  h && f.push(`<rect width="100%" height="100%" fill="${l}"/>`);
+  for (const y of d) {
+    const p = y.chart, m = $n(
+      bo(p, {
+        ...s,
+        includeLegend: s.includeLegend ?? p.showLegend
+      })
+    ).replace(/^<svg[^>]*>/, "").replace(/<\/svg>\s*$/, "");
+    f.push(`<g transform="translate(${y.offsetX.toFixed(1)},${y.offsetY.toFixed(1)})">`), f.push(m), f.push("</g>");
+  }
+  if (s.includeDividers !== !1)
+    for (const y of n) {
+      const p = Xe(y, r);
+      p.height <= p.width ? f.push(
+        `<line x1="${p.x.toFixed(1)}" y1="${(p.y + p.height / 2).toFixed(1)}" x2="${(p.x + p.width).toFixed(1)}" y2="${(p.y + p.height / 2).toFixed(1)}" stroke="rgba(128,128,128,0.5)" stroke-width="1"/>`
+      ) : f.push(
+        `<line x1="${(p.x + p.width / 2).toFixed(1)}" y1="${p.y.toFixed(1)}" x2="${(p.x + p.width / 2).toFixed(1)}" y2="${(p.y + p.height).toFixed(1)}" stroke="rgba(128,128,128,0.5)" stroke-width="1"/>`
+      );
+    }
+  return f.push("</svg>"), f.join(`
+`);
+}
+function de(t, o, e, n, s, r = {}) {
+  return Rn(t, o, e, n, {
+    ...r,
+    backgroundColor: r.backgroundColor ?? s
+  });
+}
+const U = "velo-pane-divider", st = "velo-pane-resizing";
+function Bn(t) {
+  if (typeof document > "u") return;
+  let o = document.getElementById("velo-pane-divider-styles");
+  o || (o = document.createElement("style"), o.id = "velo-pane-divider-styles", document.head.appendChild(o));
+  const n = t === "horizontal" ? "ew-resize" : "ns-resize";
+  o.textContent = `
+    .${U} {
+      flex: 0 0 var(--velo-divider-size, 6px);
+      position: relative;
+      cursor: ${n};
+      touch-action: none;
+      z-index: 20;
+      background: transparent;
+      user-select: none;
+    }
+    .${U}::after {
+      content: "";
+      position: absolute;
+      background: rgba(128, 128, 128, 0.35);
+      transition: background 0.15s;
+    }
+    .${U}[data-direction="vertical"]::after {
+      left: 0;
+      right: 0;
+      top: 50%;
+      transform: translateY(-50%);
+      height: 1px;
+    }
+    .${U}[data-direction="horizontal"]::after {
+      top: 0;
+      bottom: 0;
+      left: 50%;
+      transform: translateX(-50%);
+      width: 1px;
+    }
+    .${U}:hover::after,
+    .${st} .${U}::after {
+      background: rgba(0, 242, 255, 0.65);
+    }
+    .${U}[data-direction="vertical"]:hover::after,
+    .${st} .${U}[data-direction="vertical"]::after {
+      height: 2px;
+    }
+    .${U}[data-direction="horizontal"]:hover::after,
+    .${st} .${U}[data-direction="horizontal"]::after {
+      width: 2px;
+    }
+    .${U}-handle {
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%);
+      width: 32px;
+      height: 12px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      opacity: 0;
+      transition: opacity 0.15s;
+      pointer-events: none;
+      color: rgba(0, 242, 255, 0.9);
+      font-size: 10px;
+      line-height: 1;
+    }
+    .${U}:hover .${U}-handle,
+    .${st} .${U}-handle {
+      opacity: 1;
+    }
+    .${st} {
+      cursor: ${n} !important;
+    }
+    .${st} * {
+      cursor: ${n} !important;
+    }
+    .${st} [data-pane-id] {
+      position: relative !important;
+      overflow: hidden !important;
+    }
+  `;
+}
+function Wn(t, o) {
+  return t.map(
+    (e) => o ? e.getBoundingClientRect().width : e.getBoundingClientRect().height
+  );
+}
+function On(t, o, e, n, s) {
+  return (t == null ? void 0 : t(o, e)) ?? Wn(n, s);
+}
+function Hn(t, o, e) {
+  const n = document.createElement("div");
+  n.className = U, n.dataset.dividerIndex = String(t), n.dataset.direction = e, n.style.setProperty("--velo-divider-size", `${o}px`);
+  const s = document.createElement("div");
+  return s.className = `${U}-handle`, s.textContent = e === "horizontal" ? "⇔" : "⇕", n.appendChild(s), n;
+}
+function Yn(t, o) {
+  const e = o === "horizontal" ? "min-width:0;" : "min-height:0;";
+  return typeof t == "number" ? `flex:${t} 1 0;${e}` : `flex:1 1 ${t};${e}`;
+}
+function Ge(t, o, e = Bt, n = 0) {
+  if (o < 1 || t <= 0) return 1;
+  const s = t * e, r = Math.max(n, s);
+  return Math.min(r, t / o);
+}
+function Xn(t, o, e = Bt, n = 0) {
+  return Ge(t, o, e, n);
+}
+function zt(t, o) {
+  const e = t.length;
+  if (e === 0) return t;
+  const n = Math.max(1, Math.round(o)), s = t.reduce((l, h) => l + h, 0);
+  if (s <= 0) {
+    const l = Math.floor(n / e), h = t.map(() => l);
+    return h[e - 1] = n - l * (e - 1), h;
+  }
+  const r = t.map((l) => l / s * n), c = [];
+  let a = 0;
+  for (let l = 0; l < e - 1; l++)
+    c.push(Math.max(1, Math.round(r[l]))), a += c[l];
+  return c.push(Math.max(1, n - a)), c;
+}
+function Gn(t, o, e, n, s = {}) {
+  const r = s.direction ?? "vertical", c = r === "horizontal";
+  Bn(r);
+  const a = s.minPaneRatio ?? Bt, l = s.minPanePx ?? 0, h = s.dividerSize ?? 6, d = o.length, f = ($) => c ? Xn($, d, a, l) : Ge($, d, a, l), g = [], u = [];
+  if (o.length < 2)
+    return { dividers: g, destroy: () => {
+    } };
+  const y = () => {
+    const $ = g.length * h, m = c ? t.clientWidth : t.clientHeight;
+    return Math.max(1, m - $);
+  }, p = ($, m, w, v) => {
+    var D;
+    const b = y(), k = f(b), C = v.reduce(
+      (z, T, F) => F === $ || F === m ? z : z + T,
+      0
+    ), A = b - C;
+    let S = v[$] + w;
+    S = Math.max(k, Math.min(A - k, S));
+    const E = A - S;
+    v[$] = S, v[m] = E;
+    const R = n.reduce((z, T) => z + T, 0);
+    if (n[$] = S / b * R, n[m] = E / b * R, (D = s.onDragMove) == null || D.call(s, v, $, m), s.onResize) {
+      const z = {};
+      for (let T = 0; T < e.length; T++)
+        z[e[T]] = n[T];
+      s.onResize(z);
+    }
+  };
+  for (let $ = 0; $ < o.length - 1; $++) {
+    const m = Hn($, h, r);
+    o[$].after(m), g.push(m);
+    const v = (b) => {
+      var E;
+      b.preventDefault(), m.setPointerCapture(b.pointerId), t.classList.add(st);
+      const k = On(
+        s.onDragStart,
+        $,
+        $ + 1,
+        o,
+        c
+      );
+      (E = s.onDragMove) == null || E.call(s, k, $, $ + 1);
+      let C = c ? b.clientX : b.clientY;
+      const A = (R) => {
+        const D = c ? R.clientX : R.clientY, z = D - C;
+        C = D, z !== 0 && p($, $ + 1, z, k);
+      }, S = (R) => {
+        var D;
+        m.releasePointerCapture(R.pointerId), t.classList.remove(st), m.removeEventListener("pointermove", A), m.removeEventListener("pointerup", S), m.removeEventListener("pointercancel", S), (D = s.onDragEnd) == null || D.call(s, k);
+      };
+      m.addEventListener("pointermove", A), m.addEventListener("pointerup", S), m.addEventListener("pointercancel", S);
+    };
+    m.addEventListener("pointerdown", v), u.push(() => m.removeEventListener("pointerdown", v));
+  }
+  return {
+    dividers: g,
+    destroy: () => {
+      for (const $ of u) $();
+      for (const $ of g) $.remove();
+      t.classList.remove(st);
+    }
+  };
+}
+function Vn(t, o, e = "vertical") {
+  for (let n = 0; n < t.length; n++)
+    t[n].style.cssText = `${Yn(o[n], e)}position:relative;overflow:hidden;`;
+}
+function ue(t) {
+  return typeof t == "number" ? t : 1;
+}
+function jn(t, o = 6) {
+  if (!Number.isFinite(t) || t <= 0) return o;
+  const e = Math.floor(t / 36);
+  return Math.max(2, Math.min(o, e));
+}
+function _n(t, o = 8) {
+  if (!Number.isFinite(t) || t <= 0) return o;
+  const e = Math.floor(t / 72);
+  return Math.max(2, Math.min(o, e));
+}
+function ye(t) {
+  var e;
+  return t ? ((e = (Array.isArray(t) ? t : [t])[0]) == null ? void 0 : e.tickCount) ?? 6 : 6;
+}
+function Nn(t) {
+  const o = t.wrapper.clientHeight, e = t.wrapper.clientWidth, n = jn(o, t.baseYTickCount);
+  if (t.chart.updateYAxis("default", { tickCount: n }), t.showXAxis) {
+    const s = _n(e, t.baseXTickCount);
+    t.chart.updateXAxis({ tickCount: s });
+  }
+}
+function ge(t) {
+  for (const o of t) Nn(o);
+}
+function Ve(t) {
+  const o = t ? Array.isArray(t) ? t : [t] : [{}];
+  let e = 0, n = 0;
+  for (const s of o)
+    s.position === "right" ? n++ : e++;
+  return { left: Math.max(1, e), right: n };
+}
+function qn(t, o) {
+  var n;
+  let e = 0;
+  for (const s of t) {
+    const { left: r } = Ve((n = s.chart) == null ? void 0 : n.yAxis);
+    e = Math.max(e, (r - 1) * 65);
+  }
+  return o + e;
+}
+function Un(t, o) {
+  var n;
+  let e = 0;
+  for (const s of t) {
+    const { right: r } = Ve((n = s.chart) == null ? void 0 : n.yAxis);
+    e = Math.max(e, r * 65);
+  }
+  return o + e;
+}
+function Zn(t, o) {
+  return `flex:${t} 1 0;${o === "horizontal" ? "min-width:0;" : "min-height:0;"}`;
+}
+function pe(t) {
+  const o = t.reduce((e, n) => e + n, 0);
+  if (o <= 0) {
+    const e = 1 / Math.max(1, t.length);
+    for (let n = 0; n < t.length; n++) t[n] = e;
+    return;
+  }
+  for (let e = 0; e < t.length; e++) t[e] /= o;
+}
+function $e(t) {
+  if (!(t != null && t.length)) return [];
+  const o = [];
+  for (const e of t)
+    e.type === "indicator" ? o.push(...St(e)) : o.push(e);
+  return o;
+}
+function me(t, o, e, n, s, r, c, a, l, h, d) {
+  var F, Y, B, V, P, O, j, _, tt, et, ot, Q, Z, rt, nt;
+  const f = n === 0, g = n === s - 1, u = l === "horizontal", p = !u && e.sharedXAxis !== "none" && !c, m = u && (e.sharedYAxis ?? "left") !== "none" && !a, v = (e.gap ?? 0) > 0 ? He : { top: 0, bottom: 0, left: 0 }, b = u ? {
+    top: r.top,
+    right: g ? r.right : v.left,
+    left: m ? v.left : r.left,
+    bottom: r.bottom
+  } : {
+    top: f ? r.top : v.top,
+    right: r.right,
+    left: r.left,
+    bottom: p ? v.bottom : g ? ((Y = (F = e.layout) == null ? void 0 : F.margins) == null ? void 0 : Y.bottom) ?? Ye.bottom : r.bottom
+  }, k = {
+    ...d && ((V = (B = t.chart) == null ? void 0 : B.xAxis) == null ? void 0 : V.type) !== "time" ? d : {},
+    ...e.xAxis ?? {},
+    ...((P = t.chart) == null ? void 0 : P.xAxis) ?? {}
+  }, C = {
+    ...k,
+    showLine: c ? k.showLine ?? !0 : !1,
+    showTicks: c ? k.showTicks ?? !0 : !1,
+    showLabels: c ? k.showLabels ?? !0 : !1
+  }, A = ((O = t.chart) == null ? void 0 : O.yAxis) ?? {}, E = (Array.isArray(A) ? A : [A]).map((at) => ({
+    ...at,
+    showLine: a ? at.showLine ?? !0 : !1,
+    showTicks: a ? at.showTicks ?? !0 : !1,
+    showLabels: a ? at.showLabels ?? !0 : !1
+  })), R = Array.isArray((j = t.chart) == null ? void 0 : j.yAxis) ? E : E[0];
+  (t.interactive ?? !0) || (o.style.pointerEvents = "none");
+  const z = t.chart ?? {};
+  return {
+    ...h && !z.renderer ? { ...z, renderer: h } : z,
+    id: t.id,
+    container: o,
+    showLegend: ((_ = t.chart) == null ? void 0 : _.showLegend) ?? e.showLegend ?? !1,
+    theme: ((tt = t.chart) == null ? void 0 : tt.theme) ?? e.theme,
+    devicePixelRatio: e.devicePixelRatio ?? ((et = t.chart) == null ? void 0 : et.devicePixelRatio),
+    loading: ((ot = t.chart) == null ? void 0 : ot.loading) ?? !1,
+    xAxis: C,
+    yAxis: R,
+    layout: we({
+      ...e.layout,
+      ...(Q = t.chart) == null ? void 0 : Q.layout,
+      margins: { ...b, ...(Z = e.layout) == null ? void 0 : Z.margins, ...(nt = (rt = t.chart) == null ? void 0 : rt.layout) == null ? void 0 : nt.margins }
+    })
+  };
+}
+function xt() {
+  return "position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;";
+}
+function Et(t, o, e, n) {
+  const s = o > 0 && e > 0 ? n === "horizontal" ? `margin-left:${o}px;` : `margin-top:${o}px;` : "";
+  return `${Zn(t, n)}position:relative;overflow:hidden;${s}`;
+}
+function Qn(t, o, e) {
+  return t === !1 ? {
+    axis: "none",
+    syncCursor: !1,
+    syncZoom: !1,
+    syncPan: !1,
+    bidirectional: !0,
+    masterId: void 0
+  } : {
+    axis: e === "horizontal" ? "y" : "x",
+    bidirectional: !0,
+    masterId: o,
+    syncCursor: !0,
+    syncZoom: !0,
+    syncPan: !0,
+    ...typeof t == "object" ? t : {}
+  };
+}
+function fi(t) {
+  var Vt, jt, _t, Nt, qt, Ut, Zt, Qt, Kt, Jt, te, ee;
+  const { container: o, panes: e } = t;
+  if (!o) throw new Error("[StackedChart] container is required");
+  if (e.length < 1 || e.length > Ct)
+    throw new Error(`[StackedChart] panes must be 1–${Ct}`);
+  const n = t.masterPaneId ?? e[0].id, s = t.direction ?? "vertical", r = s === "horizontal", c = t.sharedXAxis ?? "bottom", a = t.sharedYAxis ?? "left", l = t.gap ?? 0, h = t.resizable, d = !!h, f = typeof h == "object" ? h.dividerSize ?? 6 : 6, g = (jt = (Vt = e.find((x) => {
+    var M;
+    return (M = x.chart) == null ? void 0 : M.renderer;
+  })) == null ? void 0 : Vt.chart) == null ? void 0 : jt.renderer, u = e.find((x) => x.id === n) ?? e[0], y = ((Nt = (_t = u == null ? void 0 : u.chart) == null ? void 0 : _t.xAxis) == null ? void 0 : Nt.type) === "time" ? u.chart.xAxis : void 0, p = we(t.layout), $ = ((qt = p.margins) == null ? void 0 : qt.left) ?? mt.left, m = ((Ut = p.margins) == null ? void 0 : Ut.right) ?? mt.right, w = ((Zt = p.margins) == null ? void 0 : Zt.top) ?? mt.top, v = qn(e, $), b = Un(e, m), k = o.style.height, C = o.style.width, A = o.style.minHeight, S = o.style.minWidth, E = getComputedStyle(o), R = o.offsetHeight || parseInt(E.height, 10) || 0;
+  o.replaceChildren(), o.style.display = "flex", o.style.flexDirection = r ? "row" : "column", o.style.boxSizing = "border-box", o.style.overflow = "hidden", o.style.position = "relative", o.style.maxWidth = "none", o.style.maxHeight = "none", o.style.width = C || "100%", o.style.minWidth = S || "0", k ? o.style.height = k : R > 0 ? o.style.height = `${R}px` : (o.style.height = "100%", o.style.minHeight = A || "320px"), A ? o.style.minHeight = A : o.style.minHeight || (o.style.minHeight = "0");
+  const D = e.map((x) => x.id), z = e.map((x) => ue(x.height));
+  pe(z);
+  const T = /* @__PURE__ */ new Map(), F = [], Y = [];
+  let B = null, V = !1, P = 0, O = 0, j = null;
+  const _ = (x) => {
+    const M = Array.from({ length: F.length }, (I, L) => L);
+    for (const I of M) {
+      const L = T.get(D[I]);
+      L && L.resize();
+    }
+    ge(
+      M.map((I) => Y[I]).filter(Boolean)
+    );
+  }, tt = () => {
+    P || (P = requestAnimationFrame(() => {
+      P = 0, !V && _();
+    }));
+  }, et = new ResizeObserver(() => {
+    V || tt();
+  });
+  et.observe(o);
+  const ot = () => {
+    for (let x = 0; x < F.length; x++)
+      F[x].style.cssText = Et(z[x], l, x, s);
+  }, Q = () => {
+    const x = (F.length - 1) * f;
+    return r ? Math.max(1, o.clientWidth - x) : Math.max(1, o.clientHeight - x);
+  }, Z = () => {
+    for (const x of F) {
+      const M = x.firstElementChild;
+      M && (M.style.cssText = xt());
+    }
+  }, rt = () => {
+    const x = Q(), M = F.map(
+      (L) => r ? L.getBoundingClientRect().width : L.getBoundingClientRect().height
+    );
+    if (M.reduce((L, W) => L + W, 0) <= 0) {
+      const L = Math.floor(x / Math.max(1, F.length));
+      return F.map(
+        (W, X) => X === F.length - 1 ? x - L * (F.length - 1) : L
+      );
+    }
+    return zt(M, x);
+  }, nt = (x) => {
+    const M = zt(x, Q());
+    for (let I = 0; I < F.length; I++) {
+      const L = Math.max(1, M[I]), W = l > 0 && I > 0 ? r ? `margin-left:${l}px;` : `margin-top:${l}px;` : "", X = r ? "width" : "height";
+      F[I].style.cssText = `${X}:${L}px;flex:0 0 auto;min-height:0;min-width:0;position:relative;overflow:hidden;${W}`;
+      const H = F[I].firstElementChild;
+      H && (H.style.cssText = xt());
+    }
+    for (let I = 0; I < x.length; I++) x[I] = M[I];
+  }, at = () => {
+    if (O = 0, !V || !j) return;
+    const { sizes: x, leadingIdx: M, trailingIdx: I } = j;
+    nt(x);
+    for (const L of [M, I]) {
+      const W = T.get(D[L]);
+      W && (W.resize(), ge([Y[L]]));
+    }
+  }, $t = (x, M, I) => {
+    j = { sizes: x, leadingIdx: M, trailingIdx: I }, !O && (O = requestAnimationFrame(at));
+  }, Lt = (x) => {
+    const M = x.reduce((L, W) => L + W, 0);
+    if (M <= 0) return;
+    const I = z.reduce((L, W) => L + W, 0);
+    for (let L = 0; L < z.length; L++)
+      z[L] = x[L] / M * I;
+  }, Wt = (x) => {
+    var M;
+    for (const I of T.values())
+      (M = I.setResizeSuspended) == null || M.call(I, x);
+  }, je = (x, M) => {
+    var I, L, W, X, H, it;
+    for (let q = 0; q < D.length; q++)
+      q === x || q === M || (L = (I = T.get(D[q])) == null ? void 0 : I.setResizeSuspended) == null || L.call(I, !0);
+    (X = (W = T.get(D[x])) == null ? void 0 : W.setResizeSuspended) == null || X.call(W, !1), (it = (H = T.get(D[M])) == null ? void 0 : H.setResizeSuspended) == null || it.call(H, !1);
+  }, Ot = r ? ((Kt = (Qt = t.layout) == null ? void 0 : Qt.margins) == null ? void 0 : Kt.bottom) ?? Ye.bottom : mt.bottom;
+  for (let x = 0; x < e.length; x++) {
+    const M = e[x], I = x === 0, L = x === e.length - 1, W = r ? M.showXAxis ?? !0 : M.showXAxis ?? (c === "bottom" ? L : !0), X = r ? M.showYAxis ?? (a === "left" ? I : !0) : M.showYAxis ?? !0, H = document.createElement("div");
+    H.dataset.paneId = M.id, H.style.cssText = Et(z[x], l, x, s);
+    const it = document.createElement("div");
+    it.style.cssText = xt(), H.appendChild(it), o.appendChild(H), F.push(H);
+    const q = re(
+      me(
+        M,
+        it,
+        t,
+        x,
+        e.length,
+        {
+          left: r && !X ? mt.left : v,
+          right: b,
+          top: w,
+          bottom: Ot
+        },
+        W,
+        X,
+        s,
+        g,
+        y
+      )
+    );
+    it.style.cssText = xt();
+    const ft = $e(M.series);
+    if (ft.length)
+      for (const dt of ft) q.addSeries(dt);
+    M.yRange && M.yRange !== "auto" && q.zoom({ y: M.yRange, animate: !1 }), T.set(M.id, q), Y.push({
+      chart: q,
+      wrapper: H,
+      baseYTickCount: ye((Jt = M.chart) == null ? void 0 : Jt.yAxis),
+      baseXTickCount: ((ee = (te = M.chart) == null ? void 0 : te.xAxis) == null ? void 0 : ee.tickCount) ?? 8,
+      showXAxis: W
+    });
+  }
+  const Ht = () => {
+    if (B == null || B.destroy(), B = null, !d || F.length < 2) return;
+    const x = typeof h == "object" ? {
+      minPaneRatio: h.minPaneRatio,
+      minPanePx: h.minPanePx,
+      dividerSize: h.dividerSize
+    } : {};
+    B = Gn(
+      o,
+      F,
+      D,
+      z,
+      {
+        direction: s,
+        ...x,
+        onDragStart: (M, I) => (V = !0, Wt(!0), je(M, I), rt()),
+        onDragMove: (M, I, L) => {
+          $t(M, I, L);
+        },
+        onDragEnd: (M) => {
+          O && (cancelAnimationFrame(O), O = 0), j = null, V = !1;
+          const I = zt(M, Q());
+          Lt(I), Z(), ot(), Wt(!1), _();
+        }
+      }
+    );
+  };
+  Ht();
+  const vt = T.get(n);
+  if (!vt)
+    throw new Error(`[StackedChart] masterPaneId "${n}" not found in panes`);
+  const ht = Je(
+    Array.from(T.values()),
+    Qn(t.sync, n, s)
+  ), Dt = () => {
+    const x = vt.theme ?? vt.baseTheme;
+    return (x == null ? void 0 : x.backgroundColor) ?? "#ffffff";
+  }, Yt = () => {
+    const M = Date.now();
+    return new Promise((L) => {
+      const W = () => {
+        const X = Ke();
+        if (X.pending === 0 && !X.isProcessing || Date.now() - M > 8e3) {
+          L();
+          return;
+        }
+        setTimeout(W, 50);
+      };
+      W();
+    }).then(() => new Promise((L) => {
+      requestAnimationFrame(() => {
+        _(), L();
+      });
+    }));
+  }, Xt = async (x = {}) => {
+    if (x.format === "svg") {
+      for (const L of T.values()) L.render();
+      const I = de(
+        o,
+        F,
+        Array.from(T.values()),
+        (B == null ? void 0 : B.dividers) ?? [],
+        Dt(),
+        x
+      );
+      if (x.download) {
+        const L = document.createElement("a");
+        L.download = `${x.fileName ?? "velo-plot-stack"}.svg`, L.href = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(I)}`, document.body.appendChild(L), L.click(), document.body.removeChild(L);
+      }
+      return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(I)}`;
+    }
+    await Yt();
+    for (const I of T.values()) I.render();
+    await new Promise((I) => requestAnimationFrame(I));
+    const M = await Tn(
+      o,
+      F,
+      Array.from(T.values()),
+      (B == null ? void 0 : B.dividers) ?? [],
+      Dt(),
+      x
+    );
+    if (x.download) {
+      const I = x.format === "jpeg" ? "jpg" : x.format ?? "png", L = document.createElement("a");
+      L.download = `${x.fileName ?? "velo-plot-stack"}.${I}`, L.href = M, document.body.appendChild(L), L.click(), document.body.removeChild(L);
+    }
+    return M;
+  }, Gt = (x) => {
+    var oe, ne, ie;
+    if (T.size >= Ct)
+      throw new Error(`[StackedChart] Cannot exceed ${Ct} panes`);
+    if (T.has(x.id))
+      throw new Error(`[StackedChart] Pane "${x.id}" already exists`);
+    if (!r && c === "bottom" && D.length > 0) {
+      const ct = D[D.length - 1], ut = T.get(ct), se = Y[Y.length - 1];
+      ut == null || ut.updateXAxis({
+        showLabels: !1,
+        showTicks: !1,
+        showLine: !1
+      }), ut == null || ut.updateLayout({
+        margins: {
+          bottom: l > 0 ? He.bottom : 0
+        }
+      }), se && (se.showXAxis = !1);
+    }
+    const M = ue(x.height ?? 0.25), I = z.reduce((ct, ut) => ct + ut, 0), L = I > 0 ? (1 - M) / I : 1;
+    for (let ct = 0; ct < z.length; ct++) z[ct] *= L;
+    const W = D.length;
+    D.push(x.id), z.push(M), pe(z);
+    const X = document.createElement("div");
+    X.dataset.paneId = x.id, X.style.cssText = Et(z[W], l, W, s);
+    const H = document.createElement("div");
+    H.style.cssText = xt(), X.appendChild(H), o.appendChild(X), F.push(X), ot();
+    const q = r ? x.showXAxis ?? !0 : x.showXAxis ?? (c === "bottom" ? !0 : !0), ft = r ? x.showYAxis ?? (a === "left" ? W === 0 : !0) : x.showYAxis ?? !0, dt = re(
+      me(
+        x,
+        H,
+        t,
+        W,
+        D.length,
+        {
+          left: r && !ft ? mt.left : v,
+          right: b,
+          top: w,
+          bottom: Ot
+        },
+        q,
+        ft,
+        s,
+        g,
+        y
+      )
+    );
+    H.style.cssText = xt();
+    const _e = $e(x.series);
+    for (const ct of _e) dt.addSeries(ct);
+    return x.yRange && x.yRange !== "auto" && dt.zoom({ y: x.yRange, animate: !1 }), T.set(x.id, dt), Y.push({
+      chart: dt,
+      wrapper: X,
+      baseYTickCount: ye((oe = x.chart) == null ? void 0 : oe.yAxis),
+      baseXTickCount: ((ie = (ne = x.chart) == null ? void 0 : ne.xAxis) == null ? void 0 : ie.tickCount) ?? 8,
+      showXAxis: q
+    }), ht.add(dt), Ht(), _(), dt;
+  };
+  return {
+    container: o,
+    getPane(x) {
+      return T.get(x);
+    },
+    /** @deprecated Prefer `getPane(id)`. **Removed in v4.0.** */
+    getChart(x) {
+      return T.get(x);
+    },
+    getPanes() {
+      return Array.from(T.values());
+    },
+    getMaster() {
+      return vt;
+    },
+    getGroup() {
+      return ht;
+    },
+    fitAll(x) {
+      ht.fitAll(x);
+    },
+    resetAll() {
+      ht.resetAll();
+    },
+    resize() {
+      _();
+    },
+    getPaneRatios() {
+      const x = {};
+      for (let M = 0; M < D.length; M++)
+        x[D[M]] = z[M];
+      return x;
+    },
+    setPaneRatios(x) {
+      for (let M = 0; M < D.length; M++) {
+        const I = D[M];
+        x[I] !== void 0 && (z[M] = x[I]);
+      }
+      Vn(F, z, s), _();
+    },
+    setSyncAxis(x) {
+      ht.syncAxis(x);
+    },
+    getSyncAxis() {
+      return ht.getOptions().axis ?? "x";
+    },
+    setSyncOptions(x) {
+      ht.updateOptions(x);
+    },
+    whenReady() {
+      return Yt();
+    },
+    exportImage(x) {
+      return Xt(x);
+    },
+    exportSVG(x) {
+      for (const M of T.values()) M.render();
+      return de(
+        o,
+        F,
+        Array.from(T.values()),
+        (B == null ? void 0 : B.dividers) ?? [],
+        Dt(),
+        x
+      );
+    },
+    snapshot(x) {
+      return Xt(x);
+    },
+    addPane(x) {
+      return Gt(x);
+    },
+    async addIndicator(x, M = {}) {
+      var q;
+      const I = vt;
+      if (M.pane !== "new")
+        return { ...await Ln(I, x, M), chart: I };
+      const L = Rt(I, M.sourceSeriesId), { x: W, prices: X } = We(L), H = await Dn(x, W, X, {
+        id: M.id ?? x,
+        label: M.label ?? x.toUpperCase(),
+        height: M.paneHeight ?? 0.25,
+        showXAxis: M.showXAxis,
+        period: M.period,
+        fastPeriod: M.fastPeriod,
+        slowPeriod: M.slowPeriod,
+        signalPeriod: M.signalPeriod,
+        stdDev: M.stdDev
+      }, L), it = Gt(H);
+      return {
+        id: H.id,
+        preset: x,
+        placement: "oscillator",
+        seriesIds: ((q = H.series) == null ? void 0 : q.map((ft) => ft.id)) ?? [],
+        paneId: H.id,
+        chart: it
+      };
+    },
+    destroy() {
+      P && cancelAnimationFrame(P), O && cancelAnimationFrame(O), et.disconnect(), B == null || B.destroy(), ht.destroy();
+      for (const x of T.values()) x.destroy();
+      T.clear(), o.replaceChildren();
+    }
+  };
+}
+export {
+  Ct as S,
+  Ln as a,
+  Mn as b,
+  fi as c,
+  hi as d,
+  kn as e,
+  Dn as f,
+  In as g,
+  yo as h,
+  ri as i,
+  go as j,
+  $n as k,
+  bo as l,
+  Sn as m,
+  St as n,
+  pn as o,
+  li as p,
+  Bt as q,
+  vn as r,
+  bn as s,
+  ai as t,
+  mn as u,
+  Oe as v,
+  ci as w
+};
+//# sourceMappingURL=createStackedChart-DjA3aJAu.js.map