velo-plot 3.0.0 → 3.1.0

package/dist/createStackedChart-DqcLCFGS.js

@@ -0,0 +1,1338 @@
+import { m as _e, i as te, c as Ee, j as it } from "./ChartCore-AnR_3Xkb.js";
+import { c as at } from "./index-CaXWSOTk.js";
+import { f as st, m as ct, e as lt, s as dt, r as ut, a as ft } from "./indicators--eJGmVox.js";
+import { n as ht, W as mt } from "./pool-DZ8shSqv.js";
+function K(e) {
+  return e instanceof Float32Array || e instanceof Float64Array ? e : Float32Array.from(e);
+}
+function gt(e) {
+  const n = new Float32Array(e.length), t = new Float32Array(e.length);
+  for (let o = 0; o < e.length; o++) {
+    const r = e[o];
+    n[o] = r > 0 ? r : 0, t[o] = r < 0 ? r : 0;
+  }
+  return { positive: n, negative: t };
+}
+function yt(e, n, t) {
+  if (e === void 0 || e === "zero") return 0;
+  if (typeof e == "number") return e;
+  const o = t.find((a) => a.id === e);
+  return o ? K(o.y)[n] ?? 0 : 0;
+}
+function pt(e, n, t, o, r) {
+  const a = e.length;
+  if (a === 0) return [];
+  if (a === 1) {
+    const f = n[0] >= t(0) ? o : r;
+    return [{ points: [{ x: e[0], y: n[0] }], color: f }];
+  }
+  const l = [];
+  let d = null;
+  const c = (f) => n[f] >= t(f) ? o : r, h = (f, b, w) => {
+    !d || d.color !== w ? (d != null && d.points.length && l.push(d), d = { points: [{ x: f, y: b }], color: w }) : d.points.push({ x: f, y: b });
+  }, x = () => {
+    d != null && d.points.length && (l.push(d), d = null);
+  };
+  h(e[0], n[0], c(0));
+  for (let f = 1; f < a; f++) {
+    const b = n[f - 1], w = n[f], p = t(f - 1), R = t(f), v = b >= p, m = w >= R;
+    if (v === m) {
+      h(e[f], n[f], c(f));
+      continue;
+    }
+    const X = w - b - (R - p), D = Math.max(0, Math.min(1, (p - b) / X)), C = e[f - 1] + D * (e[f] - e[f - 1]), L = b + D * (w - b), H = v ? o : r, T = m ? o : r;
+    h(C, L, H), x(), h(C, L, T), h(e[f], n[f], c(f));
+  }
+  return x(), l;
+}
+function wt(e, n, t, o, r, a, l, d) {
+  const c = r.colorZones, x = pt(
+    t,
+    o,
+    (f) => yt(c.ref, f, a),
+    c.aboveColor,
+    c.belowColor
+  );
+  for (let f = 0; f < x.length; f++) {
+    const b = x[f];
+    b.points.length < 2 || e.push({
+      id: `${n}-${d}-${f}`,
+      type: "line",
+      visible: l,
+      data: {
+        x: Float32Array.from(b.points.map((w) => w.x)),
+        y: Float32Array.from(b.points.map((w) => w.y))
+      },
+      style: {
+        color: b.color,
+        width: r.width ?? 2,
+        opacity: r.opacity ?? 1
+      }
+    });
+  }
+}
+const vt = {
+  baselineColor: "rgba(255,255,255,0.35)",
+  baselineWidth: 1,
+  baselineDash: [4, 4],
+  peakColor: "#ff00ff",
+  troughColor: "#00ffff",
+  peakSize: 6,
+  troughSize: 6
+};
+function de(e) {
+  var h, x, f, b;
+  const { id: n, data: t, style: o = {}, visible: r = !0 } = e, a = { ...vt, ...o }, l = K(t.x), d = l.length, c = [];
+  if ((h = t.fills) != null && h.length)
+    for (let w = 0; w < t.fills.length; w++) {
+      const p = t.fills[w], R = p.id ?? `${n}-fill-${w}`;
+      c.push({
+        id: R,
+        type: "band",
+        visible: r,
+        data: {
+          x: l,
+          y: K(p.upper),
+          y2: K(p.lower)
+        },
+        style: {
+          color: p.color ?? "rgba(100, 80, 180, 0.25)",
+          opacity: p.opacity ?? 0.35
+        }
+      });
+    }
+  if (t.histogram) {
+    const w = K(t.histogram.y), { positive: p, negative: R } = gt(w), v = t.histogram.barWidth, m = v !== void 0 ? { barWidth: v } : {};
+    c.push({
+      id: `${n}-hist-pos`,
+      type: "bar",
+      visible: r,
+      data: { x: l, y: p },
+      style: {
+        color: t.histogram.positiveColor ?? "#26a69a",
+        opacity: t.histogram.opacity ?? 0.85,
+        ...m
+      }
+    }), c.push({
+      id: `${n}-hist-neg`,
+      type: "bar",
+      visible: r,
+      data: { x: l, y: R },
+      style: {
+        color: t.histogram.negativeColor ?? "#ef5350",
+        opacity: t.histogram.opacity ?? 0.85,
+        ...m
+      }
+    });
+  }
+  if ((x = t.lines) != null && x.length)
+    for (let w = 0; w < t.lines.length; w++) {
+      const p = t.lines[w], R = p.id ?? `${n}-line-${w}`, v = K(p.y);
+      if (p.colorZones) {
+        wt(c, R, l, v, p, t.lines, r, "zone");
+        continue;
+      }
+      c.push({
+        id: R,
+        type: "line",
+        visible: r,
+        data: { x: l, y: v },
+        style: {
+          color: p.color ?? (w === 0 ? "#00e5ff" : "#e040fb"),
+          width: p.width ?? 2,
+          opacity: p.opacity ?? 1
+        }
+      });
+    }
+  if (t.baseline !== void 0 && d >= 2) {
+    const w = t.baseline;
+    c.push({
+      id: `${n}-baseline`,
+      type: "line",
+      visible: r,
+      data: {
+        x: Float32Array.from([l[0], l[d - 1]]),
+        y: Float32Array.from([w, w])
+      },
+      style: {
+        color: a.baselineColor,
+        width: a.baselineWidth,
+        lineDash: a.baselineDash,
+        opacity: 1
+      }
+    });
+  }
+  if ((f = t.referenceLines) != null && f.length)
+    for (let w = 0; w < t.referenceLines.length; w++) {
+      const p = t.referenceLines[w];
+      c.push({
+        id: `${n}-ref-${w}`,
+        type: "line",
+        visible: r,
+        data: {
+          x: Float32Array.from([l[0], l[d - 1]]),
+          y: Float32Array.from([p.y, p.y])
+        },
+        style: {
+          color: p.color ?? "rgba(255,255,255,0.2)",
+          width: p.width ?? 1,
+          lineDash: p.dash ?? [2, 4],
+          opacity: 0.8
+        }
+      });
+    }
+  if ((b = t.markers) != null && b.length) {
+    const w = t.markers.filter((R) => R.kind === "peak"), p = t.markers.filter((R) => R.kind === "trough");
+    w.length && c.push({
+      id: `${n}-peaks`,
+      type: "scatter",
+      visible: r,
+      data: {
+        x: Float32Array.from(w.map((R) => R.x)),
+        y: Float32Array.from(w.map((R) => R.y))
+      },
+      style: {
+        color: a.peakColor,
+        pointSize: a.peakSize,
+        opacity: 1
+      }
+    }), p.length && c.push({
+      id: `${n}-troughs`,
+      type: "scatter",
+      visible: r,
+      data: {
+        x: Float32Array.from(p.map((R) => R.x)),
+        y: Float32Array.from(p.map((R) => R.y))
+      },
+      style: {
+        color: a.troughColor,
+        pointSize: a.troughSize,
+        opacity: 1
+      }
+    });
+  }
+  return c;
+}
+function on(e) {
+  return de(e);
+}
+function rn(e, n, t = 3) {
+  const o = K(e), r = K(n), a = [], l = Math.max(1, t);
+  for (let d = l; d < r.length - l; d++) {
+    let c = !0, h = !0;
+    for (let x = d - l; x <= d + l; x++)
+      x !== d && (r[x] >= r[d] && (c = !1), r[x] <= r[d] && (h = !1));
+    c ? a.push({ x: o[d], y: r[d], kind: "peak" }) : h && a.push({ x: o[d], y: r[d], kind: "trough" });
+  }
+  return a;
+}
+function xt(e) {
+  const t = {
+    id: e.seriesId ?? `${e.id}-indicator`,
+    data: e.data,
+    style: e.style,
+    name: e.label
+  }, o = de(t);
+  return {
+    id: e.id,
+    height: e.height ?? 0.25,
+    showXAxis: e.showXAxis,
+    yRange: e.yRange,
+    chart: {
+      yAxis: {
+        label: e.label ?? "Indicator",
+        auto: e.yRange === void 0 || e.yRange === "auto",
+        tickCount: e.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: o
+  };
+}
+const bt = 5e3;
+let V = null, he = !1;
+function je(e) {
+  const n = performance.now();
+  switch (e.indicator) {
+    case "rsi":
+      return {
+        id: e.id,
+        type: "indicator-result",
+        indicator: "rsi",
+        values: ut(e.data, e.period ?? 14),
+        duration: performance.now() - n
+      };
+    case "sma":
+      return {
+        id: e.id,
+        type: "indicator-result",
+        indicator: "sma",
+        values: dt(e.data, e.period ?? 14),
+        duration: performance.now() - n
+      };
+    case "ema":
+      return {
+        id: e.id,
+        type: "indicator-result",
+        indicator: "ema",
+        values: lt(e.data, e.period ?? 14),
+        duration: performance.now() - n
+      };
+    case "macd": {
+      const t = ct(
+        e.data,
+        e.fastPeriod ?? 12,
+        e.slowPeriod ?? 26,
+        e.signalPeriod ?? 9
+      );
+      return {
+        id: e.id,
+        type: "indicator-result",
+        indicator: "macd",
+        ...t,
+        duration: performance.now() - n
+      };
+    }
+    case "bollingerBands": {
+      const t = st(e.data, e.period ?? 20, e.stdDev ?? 2);
+      return {
+        id: e.id,
+        type: "indicator-result",
+        indicator: "bollingerBands",
+        ...t,
+        duration: performance.now() - n
+      };
+    }
+    default:
+      throw new Error(`Unknown indicator: ${e.indicator}`);
+  }
+}
+function At() {
+  return V || (V = new mt(
+    () => 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: je
+    }
+  )), V;
+}
+function ae(e) {
+  return e instanceof Float32Array || e instanceof Float64Array ? e : Float32Array.from(e);
+}
+function Fe(e) {
+  return {
+    values: e.values,
+    signal: e.signal,
+    upper: e.upper,
+    lower: e.lower,
+    histogram: e.histogram,
+    duration: e.duration
+  };
+}
+async function se(e) {
+  const t = { id: ht(e.indicator), type: "indicator", ...e };
+  if (he || e.data.length < bt)
+    return Fe(je(t));
+  const o = performance.now(), r = await At().run(t);
+  return performance.now() - o >= 200 && (he = !0), Fe(r);
+}
+async function St(e, n = 14) {
+  return se({ indicator: "rsi", data: ae(e), period: n });
+}
+async function Pt(e, n = 14) {
+  return se({ indicator: "sma", data: ae(e), period: n });
+}
+async function Rt(e, n = 14) {
+  return se({ indicator: "ema", data: ae(e), period: n });
+}
+async function It(e, n = 12, t = 26, o = 9) {
+  return se({
+    indicator: "macd",
+    data: ae(e),
+    fastPeriod: n,
+    slowPeriod: t,
+    signalPeriod: o
+  });
+}
+async function zt(e, n = 20, t = 2) {
+  return se({ indicator: "bollingerBands", data: ae(e), period: n, stdDev: t });
+}
+function an() {
+  V == null || V.destroy(), V = null, he = !1;
+}
+function Ct(e) {
+  return e === "bollingerBands" ? "bollinger" : e;
+}
+function Ne(e) {
+  const n = e.getData(), t = n.x;
+  if (!(t != null && t.length))
+    throw new Error("[addIndicator] Source series has no X data");
+  const o = e.getType();
+  let r;
+  if (o === "candlestick" ? r = n.close ?? n.y : r = n.y, !(r != null && r.length))
+    throw new Error("[addIndicator] Source series has no price/Y data");
+  return { x: t, prices: r };
+}
+function $t(e) {
+  const n = e.getData(), t = n.x;
+  if (!(t != null && t.length))
+    throw new Error("[addIndicator] Source series has no X data");
+  const o = n.open ?? n.y, r = n.high ?? n.y, a = n.low ?? n.y, l = n.close ?? n.y;
+  if (!(o != null && o.length) || !(r != null && r.length) || !(a != null && a.length) || !(l != null && l.length))
+    throw new Error("[addIndicator] Source series has no OHLC data — use candlestick");
+  return { x: t, open: o, high: r, low: a, close: l };
+}
+function me(e, n) {
+  if (n) {
+    const r = e.getSeries(n);
+    if (!r) throw new Error(`[addIndicator] Source series "${n}" not found`);
+    return r;
+  }
+  const o = e.getAllSeries().find((r) => {
+    const a = r.getType();
+    return a === "candlestick" || a === "line" || a === "bar";
+  });
+  if (!o)
+    throw new Error("[addIndicator] No line/candlestick/bar series found — pass sourceSeriesId");
+  return o;
+}
+async function Ue(e, n, t, o = {}, r) {
+  const a = Ct(e), l = o.id ?? a, d = n instanceof Float32Array || n instanceof Float64Array ? n : Float32Array.from(n);
+  switch (a) {
+    case "rsi": {
+      const c = o.period ?? 14, { values: h } = await St(t, c);
+      return {
+        id: l,
+        preset: "rsi",
+        placement: "oscillator",
+        yRange: [0, 100],
+        data: {
+          x: d,
+          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 c = o.fastPeriod ?? 12, h = o.slowPeriod ?? 26, x = o.signalPeriod ?? 9, f = await It(t, c, h, x);
+      return {
+        id: l,
+        preset: "macd",
+        placement: "oscillator",
+        data: {
+          x: d,
+          histogram: {
+            y: f.histogram ?? new Float32Array(t.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 c = o.period ?? 20, h = o.stdDev ?? 2, x = await zt(t, c, h), f = x.upper ?? x.values, b = x.lower ?? x.values;
+      return {
+        id: l,
+        preset: "bollinger",
+        placement: "overlay",
+        data: {
+          x: d,
+          lines: [{ id: "mid", y: x.values, color: "rgba(99, 102, 241, 0.9)", width: 1 }],
+          fills: [
+            {
+              id: "band",
+              upper: f,
+              lower: b,
+              color: "rgba(99, 102, 241, 0.15)"
+            }
+          ]
+        }
+      };
+    }
+    case "ema": {
+      const c = o.period ?? 14, { values: h } = await Rt(t, c);
+      return {
+        id: l,
+        preset: "ema",
+        placement: "overlay",
+        data: {
+          x: d,
+          lines: [{ id: "ema", y: h, color: "#ffd54f", width: 1.5 }]
+        }
+      };
+    }
+    case "sma": {
+      const c = o.period ?? 14, { values: h } = await Pt(t, c);
+      return {
+        id: l,
+        preset: "sma",
+        placement: "overlay",
+        data: {
+          x: d,
+          lines: [{ id: "sma", y: h, color: "#4fc3f7", width: 1.5 }]
+        }
+      };
+    }
+    case "stochastic": {
+      if (!r)
+        throw new Error("[addIndicator] stochastic requires a candlestick source series");
+      const c = $t(r), h = o.period ?? 14, x = o.signalPeriod ?? 3, f = ft(c, h, x);
+      return {
+        id: l,
+        preset: "stochastic",
+        placement: "oscillator",
+        yRange: [0, 100],
+        data: {
+          x: d,
+          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: ${e}`);
+  }
+}
+function Lt(e, n) {
+  for (const t of [...e.getAllSeries()]) {
+    const o = t.getId();
+    (o === n || o.startsWith(`${n}-`)) && e.removeSeries(o);
+  }
+}
+async function Dt(e, n, t = {}) {
+  const o = me(e, t.sourceSeriesId), { x: r, prices: a } = Ne(o);
+  return Ue(n, r, a, t, o);
+}
+async function kt(e, n, t = {}) {
+  var c;
+  if (t.pane === "new")
+    throw new Error(
+      "[addIndicator] pane: 'new' requires createStackedChart — use buildIndicatorPaneFromPreset() instead"
+    );
+  const o = me(e, t.sourceSeriesId), r = t.yAxisId ?? ((c = o.getYAxisId) == null ? void 0 : c.call(o)), a = await Dt(e, n, t);
+  Lt(e, a.id);
+  const l = de({
+    id: a.id,
+    data: a.data,
+    name: t.label ?? a.id.toUpperCase()
+  }), d = [];
+  for (const h of l)
+    e.addSeries({
+      ...h,
+      yAxisId: r ?? h.yAxisId
+    }), d.push(h.id);
+  return {
+    id: a.id,
+    preset: n,
+    placement: a.placement,
+    seriesIds: d
+  };
+}
+async function Mt(e, n, t, o, r) {
+  const a = await Ue(e, n, t, o, r);
+  return xt({
+    id: o.id ?? a.id,
+    height: o.height ?? 0.25,
+    label: o.label ?? a.id.toUpperCase(),
+    yRange: o.yRange ?? a.yRange ?? "auto",
+    tickCount: o.tickCount,
+    showXAxis: o.showXAxis,
+    seriesId: o.seriesId,
+    style: o.style,
+    data: a.data
+  });
+}
+const le = 5, ge = 1 / 6, qe = { top: 4, bottom: 8, left: 4 }, Ge = { bottom: 55 };
+function Et(e) {
+  if (typeof e == "number") return e;
+  switch (e) {
+    case "8k":
+      return 8;
+    case "4k":
+      return 4;
+    case "2k":
+      return 2;
+    default:
+      return 1;
+  }
+}
+function Ft(e) {
+  return new Promise((n, t) => {
+    const o = new Image();
+    o.onload = () => n(o), o.onerror = t, o.src = e;
+  });
+}
+function Te(e, n) {
+  const t = e.getBoundingClientRect();
+  return {
+    x: t.left - n.left,
+    y: t.top - n.top,
+    width: t.width,
+    height: t.height
+  };
+}
+async function Tt(e, n, t, o, r, a = {}) {
+  var v;
+  const {
+    format: l = "png",
+    quality: d = 0.92,
+    resolution: c = "standard",
+    includeBackground: h = !0,
+    includeDividers: x = !0,
+    transparent: f = !1
+  } = a, b = Et(c), p = (((v = t[0]) == null ? void 0 : v.getDPR()) ?? (typeof window < "u" ? window.devicePixelRatio : 1)) * b, R = t.map((m) => m.getDPR());
+  try {
+    if (b > 1) {
+      for (const g of t)
+        typeof g.setDevicePixelRatioOverride == "function" ? g.setDevicePixelRatioOverride(p) : g.setDPR(p), g.render();
+      await new Promise((g) => requestAnimationFrame(g)), await new Promise((g) => requestAnimationFrame(g)), await new Promise((g) => setTimeout(g, 50));
+    }
+    const m = e.getBoundingClientRect(), X = Math.max(1, Math.round(m.width * p)), D = Math.max(1, Math.round(m.height * p)), C = document.createElement("canvas");
+    C.width = X, C.height = D;
+    const L = C.getContext("2d");
+    if (!L) throw new Error("Failed to create export canvas");
+    !f && h && (L.fillStyle = r || "#ffffff", L.fillRect(0, 0, X, D));
+    const H = l === "jpeg" ? "jpeg" : "png";
+    for (let g = 0; g < n.length; g++) {
+      const A = Te(n[g], m), S = t[g].exportImage(H), P = await Ft(S);
+      L.drawImage(
+        P,
+        Math.round(A.x * p),
+        Math.round(A.y * p),
+        Math.round(A.width * p),
+        Math.round(A.height * p)
+      );
+    }
+    if (x && o.length) {
+      L.fillStyle = "rgba(128, 128, 128, 0.35)";
+      for (const g of o) {
+        const A = Te(g, m);
+        L.fillRect(
+          Math.round(A.x * p),
+          Math.round(A.y * p),
+          Math.max(1, Math.round(A.width * p)),
+          Math.max(1, Math.round(A.height * p))
+        );
+      }
+    }
+    const T = l === "jpeg" ? "image/jpeg" : l === "webp" ? "image/webp" : "image/png";
+    return C.toDataURL(T, d);
+  } finally {
+    if (b > 1)
+      for (let m = 0; m < t.length; m++)
+        typeof t[m].setDevicePixelRatioOverride == "function" ? t[m].setDevicePixelRatioOverride(null) : t[m].setDPR(R[m]), t[m].render();
+  }
+}
+const F = "velo-pane-divider", W = "velo-pane-resizing";
+function Xt(e) {
+  if (typeof document > "u") return;
+  let n = document.getElementById("velo-pane-divider-styles");
+  n || (n = document.createElement("style"), n.id = "velo-pane-divider-styles", document.head.appendChild(n));
+  const o = e === "horizontal" ? "ew-resize" : "ns-resize";
+  n.textContent = `
+    .${F} {
+      flex: 0 0 var(--velo-divider-size, 6px);
+      position: relative;
+      cursor: ${o};
+      touch-action: none;
+      z-index: 20;
+      background: transparent;
+      user-select: none;
+    }
+    .${F}::after {
+      content: "";
+      position: absolute;
+      background: rgba(128, 128, 128, 0.35);
+      transition: background 0.15s;
+    }
+    .${F}[data-direction="vertical"]::after {
+      left: 0;
+      right: 0;
+      top: 50%;
+      transform: translateY(-50%);
+      height: 1px;
+    }
+    .${F}[data-direction="horizontal"]::after {
+      top: 0;
+      bottom: 0;
+      left: 50%;
+      transform: translateX(-50%);
+      width: 1px;
+    }
+    .${F}:hover::after,
+    .${W} .${F}::after {
+      background: rgba(0, 242, 255, 0.65);
+    }
+    .${F}[data-direction="vertical"]:hover::after,
+    .${W} .${F}[data-direction="vertical"]::after {
+      height: 2px;
+    }
+    .${F}[data-direction="horizontal"]:hover::after,
+    .${W} .${F}[data-direction="horizontal"]::after {
+      width: 2px;
+    }
+    .${F}-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;
+    }
+    .${F}:hover .${F}-handle,
+    .${W} .${F}-handle {
+      opacity: 1;
+    }
+    .${W} {
+      cursor: ${o} !important;
+    }
+    .${W} * {
+      cursor: ${o} !important;
+    }
+    .${W} [data-pane-id] {
+      position: relative !important;
+      overflow: hidden !important;
+    }
+  `;
+}
+function Ht(e, n) {
+  return e.map(
+    (t) => n ? t.getBoundingClientRect().width : t.getBoundingClientRect().height
+  );
+}
+function Yt(e, n, t, o, r) {
+  return (e == null ? void 0 : e(n, t)) ?? Ht(o, r);
+}
+function Bt(e, n, t) {
+  const o = document.createElement("div");
+  o.className = F, o.dataset.dividerIndex = String(e), o.dataset.direction = t, o.style.setProperty("--velo-divider-size", `${n}px`);
+  const r = document.createElement("div");
+  return r.className = `${F}-handle`, r.textContent = t === "horizontal" ? "⇔" : "⇕", o.appendChild(r), o;
+}
+function Ot(e, n) {
+  const t = n === "horizontal" ? "min-width:0;" : "min-height:0;";
+  return typeof e == "number" ? `flex:${e} 1 0;${t}` : `flex:1 1 ${e};${t}`;
+}
+function Ze(e, n, t = ge, o = 0) {
+  if (n < 1 || e <= 0) return 1;
+  const r = e * t, a = Math.max(o, r);
+  return Math.min(a, e / n);
+}
+function Wt(e, n, t = ge, o = 0) {
+  return Ze(e, n, t, o);
+}
+function ue(e, n) {
+  const t = e.length;
+  if (t === 0) return e;
+  const o = Math.max(1, Math.round(n)), r = e.reduce((c, h) => c + h, 0);
+  if (r <= 0) {
+    const c = Math.floor(o / t), h = e.map(() => c);
+    return h[t - 1] = o - c * (t - 1), h;
+  }
+  const a = e.map((c) => c / r * o), l = [];
+  let d = 0;
+  for (let c = 0; c < t - 1; c++)
+    l.push(Math.max(1, Math.round(a[c]))), d += l[c];
+  return l.push(Math.max(1, o - d)), l;
+}
+function _t(e, n, t, o, r = {}) {
+  const a = r.direction ?? "vertical", l = a === "horizontal";
+  Xt(a);
+  const d = r.minPaneRatio ?? ge, c = r.minPanePx ?? 0, h = r.dividerSize ?? 6, x = n.length, f = (v) => l ? Wt(v, x, d, c) : Ze(v, x, d, c), b = [], w = [];
+  if (n.length < 2)
+    return { dividers: b, destroy: () => {
+    } };
+  const p = () => {
+    const v = b.length * h, m = l ? e.clientWidth : e.clientHeight;
+    return Math.max(1, m - v);
+  }, R = (v, m, X, D) => {
+    var P;
+    const C = p(), L = f(C), H = D.reduce(
+      (M, $, Y) => Y === v || Y === m ? M : M + $,
+      0
+    ), T = C - H;
+    let g = D[v] + X;
+    g = Math.max(L, Math.min(T - L, g));
+    const A = T - g;
+    D[v] = g, D[m] = A;
+    const S = o.reduce((M, $) => M + $, 0);
+    if (o[v] = g / C * S, o[m] = A / C * S, (P = r.onDragMove) == null || P.call(r, D, v, m), r.onResize) {
+      const M = {};
+      for (let $ = 0; $ < t.length; $++)
+        M[t[$]] = o[$];
+      r.onResize(M);
+    }
+  };
+  for (let v = 0; v < n.length - 1; v++) {
+    const m = Bt(v, h, a);
+    n[v].after(m), b.push(m);
+    const D = (C) => {
+      var A;
+      C.preventDefault(), m.setPointerCapture(C.pointerId), e.classList.add(W);
+      const L = Yt(
+        r.onDragStart,
+        v,
+        v + 1,
+        n,
+        l
+      );
+      (A = r.onDragMove) == null || A.call(r, L, v, v + 1);
+      let H = l ? C.clientX : C.clientY;
+      const T = (S) => {
+        const P = l ? S.clientX : S.clientY, M = P - H;
+        H = P, M !== 0 && R(v, v + 1, M, L);
+      }, g = (S) => {
+        var P;
+        m.releasePointerCapture(S.pointerId), e.classList.remove(W), m.removeEventListener("pointermove", T), m.removeEventListener("pointerup", g), m.removeEventListener("pointercancel", g), (P = r.onDragEnd) == null || P.call(r, L);
+      };
+      m.addEventListener("pointermove", T), m.addEventListener("pointerup", g), m.addEventListener("pointercancel", g);
+    };
+    m.addEventListener("pointerdown", D), w.push(() => m.removeEventListener("pointerdown", D));
+  }
+  return {
+    dividers: b,
+    destroy: () => {
+      for (const v of w) v();
+      for (const v of b) v.remove();
+      e.classList.remove(W);
+    }
+  };
+}
+function jt(e, n, t = "vertical") {
+  for (let o = 0; o < e.length; o++)
+    e[o].style.cssText = `${Ot(n[o], t)}position:relative;overflow:hidden;`;
+}
+function Xe(e) {
+  return typeof e == "number" ? e : 1;
+}
+function Nt(e, n = 6) {
+  if (!Number.isFinite(e) || e <= 0) return n;
+  const t = Math.floor(e / 36);
+  return Math.max(2, Math.min(n, t));
+}
+function Ut(e, n = 8) {
+  if (!Number.isFinite(e) || e <= 0) return n;
+  const t = Math.floor(e / 72);
+  return Math.max(2, Math.min(n, t));
+}
+function He(e) {
+  var t;
+  return e ? ((t = (Array.isArray(e) ? e : [e])[0]) == null ? void 0 : t.tickCount) ?? 6 : 6;
+}
+function qt(e) {
+  const n = e.wrapper.clientHeight, t = e.wrapper.clientWidth, o = Nt(n, e.baseYTickCount);
+  if (e.chart.updateYAxis("default", { tickCount: o }), e.showXAxis) {
+    const r = Ut(t, e.baseXTickCount);
+    e.chart.updateXAxis({ tickCount: r });
+  }
+}
+function Ye(e) {
+  for (const n of e) qt(n);
+}
+function Ke(e) {
+  const n = e ? Array.isArray(e) ? e : [e] : [{}];
+  let t = 0, o = 0;
+  for (const r of n)
+    r.position === "right" ? o++ : t++;
+  return { left: Math.max(1, t), right: o };
+}
+function Gt(e, n) {
+  var o;
+  let t = 0;
+  for (const r of e) {
+    const { left: a } = Ke((o = r.chart) == null ? void 0 : o.yAxis);
+    t = Math.max(t, (a - 1) * 65);
+  }
+  return n + t;
+}
+function Zt(e, n) {
+  var o;
+  let t = 0;
+  for (const r of e) {
+    const { right: a } = Ke((o = r.chart) == null ? void 0 : o.yAxis);
+    t = Math.max(t, a * 65);
+  }
+  return n + t;
+}
+function Kt(e, n) {
+  return `flex:${e} 1 0;${n === "horizontal" ? "min-width:0;" : "min-height:0;"}`;
+}
+function Be(e) {
+  const n = e.reduce((t, o) => t + o, 0);
+  if (n <= 0) {
+    const t = 1 / Math.max(1, e.length);
+    for (let o = 0; o < e.length; o++) e[o] = t;
+    return;
+  }
+  for (let t = 0; t < e.length; t++) e[t] /= n;
+}
+function Oe(e) {
+  if (!(e != null && e.length)) return [];
+  const n = [];
+  for (const t of e)
+    t.type === "indicator" ? n.push(...de(t)) : n.push(t);
+  return n;
+}
+function We(e, n, t, o, r, a, l, d, c) {
+  var S, P, M, $, Y, N, B, Q, _, ce, oe, re, J;
+  const h = o === 0, x = o === r - 1, f = c === "horizontal", w = !f && t.sharedXAxis !== "none" && !l, R = f && (t.sharedYAxis ?? "left") !== "none" && !d, m = (t.gap ?? 0) > 0 ? qe : { top: 0, bottom: 0, left: 0 }, X = f ? {
+    top: a.top,
+    right: x ? a.right : m.left,
+    left: R ? m.left : a.left,
+    bottom: a.bottom
+  } : {
+    top: h ? a.top : m.top,
+    right: a.right,
+    left: a.left,
+    bottom: w ? m.bottom : x ? ((P = (S = t.layout) == null ? void 0 : S.margins) == null ? void 0 : P.bottom) ?? Ge.bottom : a.bottom
+  }, D = {
+    ...t.xAxis ?? {},
+    ...((M = e.chart) == null ? void 0 : M.xAxis) ?? {}
+  }, C = {
+    ...D,
+    showLine: l ? D.showLine ?? !0 : !1,
+    showTicks: l ? D.showTicks ?? !0 : !1,
+    showLabels: l ? D.showLabels ?? !0 : !1
+  }, L = (($ = e.chart) == null ? void 0 : $.yAxis) ?? {}, T = (Array.isArray(L) ? L : [L]).map((ee) => ({
+    ...ee,
+    showLine: d ? ee.showLine ?? !0 : !1,
+    showTicks: d ? ee.showTicks ?? !0 : !1,
+    showLabels: d ? ee.showLabels ?? !0 : !1
+  })), g = Array.isArray((Y = e.chart) == null ? void 0 : Y.yAxis) ? T : T[0];
+  return (e.interactive ?? !0) || (n.style.pointerEvents = "none"), {
+    ...e.chart,
+    id: e.id,
+    container: n,
+    showLegend: ((N = e.chart) == null ? void 0 : N.showLegend) ?? t.showLegend ?? !1,
+    theme: ((B = e.chart) == null ? void 0 : B.theme) ?? t.theme,
+    devicePixelRatio: t.devicePixelRatio ?? ((Q = e.chart) == null ? void 0 : Q.devicePixelRatio),
+    loading: ((_ = e.chart) == null ? void 0 : _.loading) ?? !1,
+    xAxis: C,
+    yAxis: g,
+    layout: _e({
+      ...t.layout,
+      ...(ce = e.chart) == null ? void 0 : ce.layout,
+      margins: { ...X, ...(oe = t.layout) == null ? void 0 : oe.margins, ...(J = (re = e.chart) == null ? void 0 : re.layout) == null ? void 0 : J.margins }
+    })
+  };
+}
+function ne() {
+  return "position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;";
+}
+function fe(e, n, t, o) {
+  const r = n > 0 && t > 0 ? o === "horizontal" ? `margin-left:${n}px;` : `margin-top:${n}px;` : "";
+  return `${Kt(e, o)}position:relative;overflow:hidden;${r}`;
+}
+function Qt(e, n, t) {
+  return e === !1 ? {
+    axis: "none",
+    syncCursor: !1,
+    syncZoom: !1,
+    syncPan: !1,
+    bidirectional: !0,
+    masterId: void 0
+  } : {
+    axis: t === "horizontal" ? "y" : "x",
+    bidirectional: !0,
+    masterId: n,
+    syncCursor: !0,
+    syncZoom: !0,
+    syncPan: !0,
+    ...typeof e == "object" ? e : {}
+  };
+}
+function sn(e) {
+  var Ae, Se, Pe, Re, Ie, ze, Ce, $e;
+  const { container: n, panes: t } = e;
+  if (!n) throw new Error("[StackedChart] container is required");
+  if (t.length < 1 || t.length > le)
+    throw new Error(`[StackedChart] panes must be 1–${le}`);
+  const o = e.masterPaneId ?? t[0].id, r = e.direction ?? "vertical", a = r === "horizontal", l = e.sharedXAxis ?? "bottom", d = e.sharedYAxis ?? "left", c = e.gap ?? 0, h = e.resizable, x = !!h, f = typeof h == "object" ? h.dividerSize ?? 6 : 6, b = _e(e.layout), w = ((Ae = b.margins) == null ? void 0 : Ae.left) ?? te.left, p = ((Se = b.margins) == null ? void 0 : Se.right) ?? te.right, R = ((Pe = b.margins) == null ? void 0 : Pe.top) ?? te.top, v = Gt(t, w), m = Zt(t, p), X = n.style.height, D = n.style.width, C = n.style.minHeight, L = n.style.minWidth, H = getComputedStyle(n), T = n.offsetHeight || parseInt(H.height, 10) || 0;
+  n.replaceChildren(), n.style.display = "flex", n.style.flexDirection = a ? "row" : "column", n.style.boxSizing = "border-box", n.style.overflow = "hidden", n.style.position = "relative", n.style.maxWidth = "none", n.style.maxHeight = "none", n.style.width = D || "100%", n.style.minWidth = L || "0", X ? n.style.height = X : T > 0 ? n.style.height = `${T}px` : (n.style.height = "100%", n.style.minHeight = C || "320px"), C ? n.style.minHeight = C : n.style.minHeight || (n.style.minHeight = "0");
+  const g = t.map((i) => i.id), A = t.map((i) => Xe(i.height));
+  Be(A);
+  const S = /* @__PURE__ */ new Map(), P = [], M = [];
+  let $ = null, Y = !1, N = 0, B = 0, Q = null;
+  const _ = (i) => {
+    const s = Array.from({ length: P.length }, (u, y) => y);
+    for (const u of s) {
+      const y = S.get(g[u]);
+      y && y.resize();
+    }
+    Ye(
+      s.map((u) => M[u]).filter(Boolean)
+    );
+  }, ce = () => {
+    N || (N = requestAnimationFrame(() => {
+      N = 0, !Y && _();
+    }));
+  }, oe = new ResizeObserver(() => {
+    Y || ce();
+  });
+  oe.observe(n);
+  const re = () => {
+    for (let i = 0; i < P.length; i++)
+      P[i].style.cssText = fe(A[i], c, i, r);
+  }, J = () => {
+    const i = (P.length - 1) * f;
+    return a ? Math.max(1, n.clientWidth - i) : Math.max(1, n.clientHeight - i);
+  }, ee = () => {
+    for (const i of P) {
+      const s = i.firstElementChild;
+      s && (s.style.cssText = ne());
+    }
+  }, Qe = () => {
+    const i = J(), s = P.map(
+      (y) => a ? y.getBoundingClientRect().width : y.getBoundingClientRect().height
+    );
+    if (s.reduce((y, I) => y + I, 0) <= 0) {
+      const y = Math.floor(i / Math.max(1, P.length));
+      return P.map(
+        (I, k) => k === P.length - 1 ? i - y * (P.length - 1) : y
+      );
+    }
+    return ue(s, i);
+  }, Ve = (i) => {
+    const s = ue(i, J());
+    for (let u = 0; u < P.length; u++) {
+      const y = Math.max(1, s[u]), I = c > 0 && u > 0 ? a ? `margin-left:${c}px;` : `margin-top:${c}px;` : "", k = a ? "width" : "height";
+      P[u].style.cssText = `${k}:${y}px;flex:0 0 auto;min-height:0;min-width:0;position:relative;overflow:hidden;${I}`;
+      const z = P[u].firstElementChild;
+      z && (z.style.cssText = ne());
+    }
+    for (let u = 0; u < i.length; u++) i[u] = s[u];
+  }, Je = () => {
+    if (B = 0, !Y || !Q) return;
+    const { sizes: i, leadingIdx: s, trailingIdx: u } = Q;
+    Ve(i);
+    for (const y of [s, u]) {
+      const I = S.get(g[y]);
+      I && (I.resize(), Ye([M[y]]));
+    }
+  }, et = (i, s, u) => {
+    Q = { sizes: i, leadingIdx: s, trailingIdx: u }, !B && (B = requestAnimationFrame(Je));
+  }, tt = (i) => {
+    const s = i.reduce((y, I) => y + I, 0);
+    if (s <= 0) return;
+    const u = A.reduce((y, I) => y + I, 0);
+    for (let y = 0; y < A.length; y++)
+      A[y] = i[y] / s * u;
+  }, ye = (i) => {
+    var s;
+    for (const u of S.values())
+      (s = u.setResizeSuspended) == null || s.call(u, i);
+  }, nt = (i, s) => {
+    var u, y, I, k, z, O;
+    for (let E = 0; E < g.length; E++)
+      E === i || E === s || (y = (u = S.get(g[E])) == null ? void 0 : u.setResizeSuspended) == null || y.call(u, !0);
+    (k = (I = S.get(g[i])) == null ? void 0 : I.setResizeSuspended) == null || k.call(I, !1), (O = (z = S.get(g[s])) == null ? void 0 : z.setResizeSuspended) == null || O.call(z, !1);
+  }, pe = a ? ((Ie = (Re = e.layout) == null ? void 0 : Re.margins) == null ? void 0 : Ie.bottom) ?? Ge.bottom : te.bottom;
+  for (let i = 0; i < t.length; i++) {
+    const s = t[i], u = i === 0, y = i === t.length - 1, I = a ? s.showXAxis ?? !0 : s.showXAxis ?? (l === "bottom" ? y : !0), k = a ? s.showYAxis ?? (d === "left" ? u : !0) : s.showYAxis ?? !0, z = document.createElement("div");
+    z.dataset.paneId = s.id, z.style.cssText = fe(A[i], c, i, r);
+    const O = document.createElement("div");
+    O.style.cssText = ne(), z.appendChild(O), n.appendChild(z), P.push(z);
+    const E = Ee(
+      We(
+        s,
+        O,
+        e,
+        i,
+        t.length,
+        {
+          left: a && !k ? te.left : v,
+          right: m,
+          top: R,
+          bottom: pe
+        },
+        I,
+        k,
+        r
+      )
+    );
+    O.style.cssText = ne();
+    const q = Oe(s.series);
+    if (q.length)
+      for (const G of q) E.addSeries(G);
+    s.yRange && s.yRange !== "auto" && E.zoom({ y: s.yRange, animate: !1 }), S.set(s.id, E), M.push({
+      chart: E,
+      wrapper: z,
+      baseYTickCount: He((ze = s.chart) == null ? void 0 : ze.yAxis),
+      baseXTickCount: (($e = (Ce = s.chart) == null ? void 0 : Ce.xAxis) == null ? void 0 : $e.tickCount) ?? 8,
+      showXAxis: I
+    });
+  }
+  const we = () => {
+    if ($ == null || $.destroy(), $ = null, !x || P.length < 2) return;
+    const i = typeof h == "object" ? {
+      minPaneRatio: h.minPaneRatio,
+      minPanePx: h.minPanePx,
+      dividerSize: h.dividerSize
+    } : {};
+    $ = _t(
+      n,
+      P,
+      g,
+      A,
+      {
+        direction: r,
+        ...i,
+        onDragStart: (s, u) => (Y = !0, ye(!0), nt(s, u), Qe()),
+        onDragMove: (s, u, y) => {
+          et(s, u, y);
+        },
+        onDragEnd: (s) => {
+          B && (cancelAnimationFrame(B), B = 0), Q = null, Y = !1;
+          const u = ue(s, J());
+          tt(u), ee(), re(), ye(!1), _();
+        }
+      }
+    );
+  };
+  we();
+  const ie = S.get(o);
+  if (!ie)
+    throw new Error(`[StackedChart] masterPaneId "${o}" not found in panes`);
+  const U = at(
+    Array.from(S.values()),
+    Qt(e.sync, o, r)
+  ), ot = () => {
+    const i = ie.theme ?? ie.baseTheme;
+    return (i == null ? void 0 : i.backgroundColor) ?? "#ffffff";
+  }, ve = () => {
+    const s = Date.now();
+    return new Promise((y) => {
+      const I = () => {
+        const k = it();
+        if (k.pending === 0 && !k.isProcessing || Date.now() - s > 8e3) {
+          y();
+          return;
+        }
+        setTimeout(I, 50);
+      };
+      I();
+    }).then(() => new Promise((y) => {
+      requestAnimationFrame(() => {
+        _(), y();
+      });
+    }));
+  }, xe = async (i = {}) => {
+    await ve();
+    for (const u of S.values()) u.render();
+    await new Promise((u) => requestAnimationFrame(u));
+    const s = await Tt(
+      n,
+      P,
+      Array.from(S.values()),
+      ($ == null ? void 0 : $.dividers) ?? [],
+      ot(),
+      i
+    );
+    if (i.download) {
+      const u = i.format === "jpeg" ? "jpg" : i.format ?? "png", y = document.createElement("a");
+      y.download = `${i.fileName ?? "velo-plot-stack"}.${u}`, y.href = s, document.body.appendChild(y), y.click(), document.body.removeChild(y);
+    }
+    return s;
+  }, be = (i) => {
+    var Le, De, ke;
+    if (S.size >= le)
+      throw new Error(`[StackedChart] Cannot exceed ${le} panes`);
+    if (S.has(i.id))
+      throw new Error(`[StackedChart] Pane "${i.id}" already exists`);
+    if (!a && l === "bottom" && g.length > 0) {
+      const j = g[g.length - 1], Z = S.get(j), Me = M[M.length - 1];
+      Z == null || Z.updateXAxis({
+        showLabels: !1,
+        showTicks: !1,
+        showLine: !1
+      }), Z == null || Z.updateLayout({
+        margins: {
+          bottom: c > 0 ? qe.bottom : 0
+        }
+      }), Me && (Me.showXAxis = !1);
+    }
+    const s = Xe(i.height ?? 0.25), u = A.reduce((j, Z) => j + Z, 0), y = u > 0 ? (1 - s) / u : 1;
+    for (let j = 0; j < A.length; j++) A[j] *= y;
+    const I = g.length;
+    g.push(i.id), A.push(s), Be(A);
+    const k = document.createElement("div");
+    k.dataset.paneId = i.id, k.style.cssText = fe(A[I], c, I, r);
+    const z = document.createElement("div");
+    z.style.cssText = ne(), k.appendChild(z), n.appendChild(k), P.push(k), re();
+    const E = a ? i.showXAxis ?? !0 : i.showXAxis ?? (l === "bottom" ? !0 : !0), q = a ? i.showYAxis ?? (d === "left" ? I === 0 : !0) : i.showYAxis ?? !0, G = Ee(
+      We(
+        i,
+        z,
+        e,
+        I,
+        g.length,
+        {
+          left: a && !q ? te.left : v,
+          right: m,
+          top: R,
+          bottom: pe
+        },
+        E,
+        q,
+        r
+      )
+    );
+    z.style.cssText = ne();
+    const rt = Oe(i.series);
+    for (const j of rt) G.addSeries(j);
+    return i.yRange && i.yRange !== "auto" && G.zoom({ y: i.yRange, animate: !1 }), S.set(i.id, G), M.push({
+      chart: G,
+      wrapper: k,
+      baseYTickCount: He((Le = i.chart) == null ? void 0 : Le.yAxis),
+      baseXTickCount: ((ke = (De = i.chart) == null ? void 0 : De.xAxis) == null ? void 0 : ke.tickCount) ?? 8,
+      showXAxis: E
+    }), U.add(G), we(), _(), G;
+  };
+  return {
+    container: n,
+    getPane(i) {
+      return S.get(i);
+    },
+    /** @deprecated Prefer `getPane(id)`. **Removed in v4.0.** */
+    getChart(i) {
+      return S.get(i);
+    },
+    getPanes() {
+      return Array.from(S.values());
+    },
+    getMaster() {
+      return ie;
+    },
+    getGroup() {
+      return U;
+    },
+    fitAll(i) {
+      U.fitAll(i);
+    },
+    resetAll() {
+      U.resetAll();
+    },
+    resize() {
+      _();
+    },
+    getPaneRatios() {
+      const i = {};
+      for (let s = 0; s < g.length; s++)
+        i[g[s]] = A[s];
+      return i;
+    },
+    setPaneRatios(i) {
+      for (let s = 0; s < g.length; s++) {
+        const u = g[s];
+        i[u] !== void 0 && (A[s] = i[u]);
+      }
+      jt(P, A, r), _();
+    },
+    setSyncAxis(i) {
+      U.syncAxis(i);
+    },
+    getSyncAxis() {
+      return U.getOptions().axis ?? "x";
+    },
+    setSyncOptions(i) {
+      U.updateOptions(i);
+    },
+    whenReady() {
+      return ve();
+    },
+    exportImage(i) {
+      return xe(i);
+    },
+    snapshot(i) {
+      return xe(i);
+    },
+    addPane(i) {
+      return be(i);
+    },
+    async addIndicator(i, s = {}) {
+      var E;
+      const u = ie;
+      if (s.pane !== "new")
+        return { ...await kt(u, i, s), chart: u };
+      const y = me(u, s.sourceSeriesId), { x: I, prices: k } = Ne(y), z = await Mt(i, I, k, {
+        id: s.id ?? i,
+        label: s.label ?? i.toUpperCase(),
+        height: s.paneHeight ?? 0.25,
+        showXAxis: s.showXAxis,
+        period: s.period,
+        fastPeriod: s.fastPeriod,
+        slowPeriod: s.slowPeriod,
+        signalPeriod: s.signalPeriod,
+        stdDev: s.stdDev
+      }, y), O = be(z);
+      return {
+        id: z.id,
+        preset: i,
+        placement: "oscillator",
+        seriesIds: ((E = z.series) == null ? void 0 : E.map((q) => q.id)) ?? [],
+        paneId: z.id,
+        chart: O
+      };
+    },
+    destroy() {
+      N && cancelAnimationFrame(N), B && cancelAnimationFrame(B), oe.disconnect(), $ == null || $.destroy(), U.destroy();
+      for (const i of S.values()) i.destroy();
+      S.clear(), n.replaceChildren();
+    }
+  };
+}
+export {
+  le as S,
+  kt as a,
+  zt as b,
+  sn as c,
+  an as d,
+  Rt as e,
+  Mt as f,
+  Dt as g,
+  de as h,
+  ge as i,
+  on as j,
+  xt as k,
+  Ue as l,
+  It as m,
+  rn as n,
+  St as r,
+  Pt as s
+};
+//# sourceMappingURL=createStackedChart-DqcLCFGS.js.map