velo-plot 3.0.0 → 3.1.0

package/dist/createStackedChart-Dm-YqUT7.js

@@ -1,756 +0,0 @@
-import { p as It, q as J, c as Ct, t as Ut, k as Kt, u as Qt, v as Zt, l as Vt, w as Jt } from "./ChartCore-BpzRvN4Y.js";
-import { c as te } from "./index-CaXWSOTk.js";
-const rt = 5, ct = 1 / 6, Ft = { top: 4, bottom: 8, left: 4 }, Ht = { bottom: 55 };
-function ee(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 ne(t) {
-  return new Promise((e, o) => {
-    const r = new Image();
-    r.onload = () => e(r), r.onerror = o, r.src = t;
-  });
-}
-function Mt(t, e) {
-  const o = t.getBoundingClientRect();
-  return {
-    x: o.left - e.left,
-    y: o.top - e.top,
-    width: o.width,
-    height: o.height
-  };
-}
-async function oe(t, e, o, r, a, u = {}) {
-  var g;
-  const {
-    format: x = "png",
-    quality: $ = 0.92,
-    resolution: y = "standard",
-    includeBackground: P = !0,
-    includeDividers: X = !0,
-    transparent: O = !1
-  } = u, L = ee(y), C = (((g = o[0]) == null ? void 0 : g.getDPR()) ?? (typeof window < "u" ? window.devicePixelRatio : 1)) * L, j = o.map((d) => d.getDPR());
-  try {
-    if (L > 1) {
-      for (const c of o)
-        typeof c.setDevicePixelRatioOverride == "function" ? c.setDevicePixelRatioOverride(C) : c.setDPR(C), c.render();
-      await new Promise((c) => requestAnimationFrame(c)), await new Promise((c) => requestAnimationFrame(c)), await new Promise((c) => setTimeout(c, 50));
-    }
-    const d = t.getBoundingClientRect(), I = Math.max(1, Math.round(d.width * C)), z = Math.max(1, Math.round(d.height * C)), A = document.createElement("canvas");
-    A.width = I, A.height = z;
-    const R = A.getContext("2d");
-    if (!R) throw new Error("Failed to create export canvas");
-    !O && P && (R.fillStyle = a || "#ffffff", R.fillRect(0, 0, I, z));
-    const Y = x === "jpeg" ? "jpeg" : "png";
-    for (let c = 0; c < e.length; c++) {
-      const h = Mt(e[c], d), f = o[c].exportImage(Y), m = await ne(f);
-      R.drawImage(
-        m,
-        Math.round(h.x * C),
-        Math.round(h.y * C),
-        Math.round(h.width * C),
-        Math.round(h.height * C)
-      );
-    }
-    if (X && r.length) {
-      R.fillStyle = "rgba(128, 128, 128, 0.35)";
-      for (const c of r) {
-        const h = Mt(c, d);
-        R.fillRect(
-          Math.round(h.x * C),
-          Math.round(h.y * C),
-          Math.max(1, Math.round(h.width * C)),
-          Math.max(1, Math.round(h.height * C))
-        );
-      }
-    }
-    const E = x === "jpeg" ? "image/jpeg" : x === "webp" ? "image/webp" : "image/png";
-    return A.toDataURL(E, $);
-  } finally {
-    if (L > 1)
-      for (let d = 0; d < o.length; d++)
-        typeof o[d].setDevicePixelRatioOverride == "function" ? o[d].setDevicePixelRatioOverride(null) : o[d].setDPR(j[d]), o[d].render();
-  }
-}
-const D = "velo-pane-divider", H = "velo-pane-resizing";
-function ie(t) {
-  if (typeof document > "u") return;
-  let e = document.getElementById("velo-pane-divider-styles");
-  e || (e = document.createElement("style"), e.id = "velo-pane-divider-styles", document.head.appendChild(e));
-  const r = t === "horizontal" ? "ew-resize" : "ns-resize";
-  e.textContent = `
-    .${D} {
-      flex: 0 0 var(--velo-divider-size, 6px);
-      position: relative;
-      cursor: ${r};
-      touch-action: none;
-      z-index: 20;
-      background: transparent;
-      user-select: none;
-    }
-    .${D}::after {
-      content: "";
-      position: absolute;
-      background: rgba(128, 128, 128, 0.35);
-      transition: background 0.15s;
-    }
-    .${D}[data-direction="vertical"]::after {
-      left: 0;
-      right: 0;
-      top: 50%;
-      transform: translateY(-50%);
-      height: 1px;
-    }
-    .${D}[data-direction="horizontal"]::after {
-      top: 0;
-      bottom: 0;
-      left: 50%;
-      transform: translateX(-50%);
-      width: 1px;
-    }
-    .${D}:hover::after,
-    .${H} .${D}::after {
-      background: rgba(0, 242, 255, 0.65);
-    }
-    .${D}[data-direction="vertical"]:hover::after,
-    .${H} .${D}[data-direction="vertical"]::after {
-      height: 2px;
-    }
-    .${D}[data-direction="horizontal"]:hover::after,
-    .${H} .${D}[data-direction="horizontal"]::after {
-      width: 2px;
-    }
-    .${D}-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;
-    }
-    .${D}:hover .${D}-handle,
-    .${H} .${D}-handle {
-      opacity: 1;
-    }
-    .${H} {
-      cursor: ${r} !important;
-    }
-    .${H} * {
-      cursor: ${r} !important;
-    }
-    .${H} [data-pane-id] {
-      position: relative !important;
-      overflow: hidden !important;
-    }
-  `;
-}
-function re(t, e) {
-  return t.map(
-    (o) => e ? o.getBoundingClientRect().width : o.getBoundingClientRect().height
-  );
-}
-function se(t, e, o, r, a) {
-  return (t == null ? void 0 : t(e, o)) ?? re(r, a);
-}
-function ae(t, e, o) {
-  const r = document.createElement("div");
-  r.className = D, r.dataset.dividerIndex = String(t), r.dataset.direction = o, r.style.setProperty("--velo-divider-size", `${e}px`);
-  const a = document.createElement("div");
-  return a.className = `${D}-handle`, a.textContent = o === "horizontal" ? "⇔" : "⇕", r.appendChild(a), r;
-}
-function ce(t, e) {
-  const o = e === "horizontal" ? "min-width:0;" : "min-height:0;";
-  return typeof t == "number" ? `flex:${t} 1 0;${o}` : `flex:1 1 ${t};${o}`;
-}
-function Xt(t, e, o = ct, r = 0) {
-  if (e < 1 || t <= 0) return 1;
-  const a = t * o, u = Math.max(r, a);
-  return Math.min(u, t / e);
-}
-function le(t, e, o = ct, r = 0) {
-  return Xt(t, e, o, r);
-}
-function st(t, e) {
-  const o = t.length;
-  if (o === 0) return t;
-  const r = Math.max(1, Math.round(e)), a = t.reduce((y, P) => y + P, 0);
-  if (a <= 0) {
-    const y = Math.floor(r / o), P = t.map(() => y);
-    return P[o - 1] = r - y * (o - 1), P;
-  }
-  const u = t.map((y) => y / a * r), x = [];
-  let $ = 0;
-  for (let y = 0; y < o - 1; y++)
-    x.push(Math.max(1, Math.round(u[y]))), $ += x[y];
-  return x.push(Math.max(1, r - $)), x;
-}
-function de(t, e, o, r, a = {}) {
-  const u = a.direction ?? "vertical", x = u === "horizontal";
-  ie(u);
-  const $ = a.minPaneRatio ?? ct, y = a.minPanePx ?? 0, P = a.dividerSize ?? 6, X = e.length, O = (g) => x ? le(g, X, $, y) : Xt(g, X, $, y), L = [], K = [];
-  if (e.length < 2)
-    return { dividers: L, destroy: () => {
-    } };
-  const C = () => {
-    const g = L.length * P, d = x ? t.clientWidth : t.clientHeight;
-    return Math.max(1, d - g);
-  }, j = (g, d, I, z) => {
-    var m;
-    const A = C(), R = O(A), Y = z.reduce(
-      (S, w, k) => k === g || k === d ? S : S + w,
-      0
-    ), E = A - Y;
-    let c = z[g] + I;
-    c = Math.max(R, Math.min(E - R, c));
-    const h = E - c;
-    z[g] = c, z[d] = h;
-    const f = r.reduce((S, w) => S + w, 0);
-    if (r[g] = c / A * f, r[d] = h / A * f, (m = a.onDragMove) == null || m.call(a, z, g, d), a.onResize) {
-      const S = {};
-      for (let w = 0; w < o.length; w++)
-        S[o[w]] = r[w];
-      a.onResize(S);
-    }
-  };
-  for (let g = 0; g < e.length - 1; g++) {
-    const d = ae(g, P, u);
-    e[g].after(d), L.push(d);
-    const z = (A) => {
-      var h;
-      A.preventDefault(), d.setPointerCapture(A.pointerId), t.classList.add(H);
-      const R = se(
-        a.onDragStart,
-        g,
-        g + 1,
-        e,
-        x
-      );
-      (h = a.onDragMove) == null || h.call(a, R, g, g + 1);
-      let Y = x ? A.clientX : A.clientY;
-      const E = (f) => {
-        const m = x ? f.clientX : f.clientY, S = m - Y;
-        Y = m, S !== 0 && j(g, g + 1, S, R);
-      }, c = (f) => {
-        var m;
-        d.releasePointerCapture(f.pointerId), t.classList.remove(H), d.removeEventListener("pointermove", E), d.removeEventListener("pointerup", c), d.removeEventListener("pointercancel", c), (m = a.onDragEnd) == null || m.call(a, R);
-      };
-      d.addEventListener("pointermove", E), d.addEventListener("pointerup", c), d.addEventListener("pointercancel", c);
-    };
-    d.addEventListener("pointerdown", z), K.push(() => d.removeEventListener("pointerdown", z));
-  }
-  return {
-    dividers: L,
-    destroy: () => {
-      for (const g of K) g();
-      for (const g of L) g.remove();
-      t.classList.remove(H);
-    }
-  };
-}
-function ue(t, e, o = "vertical") {
-  for (let r = 0; r < t.length; r++)
-    t[r].style.cssText = `${ce(e[r], o)}position:relative;overflow:hidden;`;
-}
-function Dt(t) {
-  return typeof t == "number" ? t : 1;
-}
-function he(t, e = 6) {
-  if (!Number.isFinite(t) || t <= 0) return e;
-  const o = Math.floor(t / 36);
-  return Math.max(2, Math.min(e, o));
-}
-function fe(t, e = 8) {
-  if (!Number.isFinite(t) || t <= 0) return e;
-  const o = Math.floor(t / 72);
-  return Math.max(2, Math.min(e, o));
-}
-function $t(t) {
-  var o;
-  return t ? ((o = (Array.isArray(t) ? t : [t])[0]) == null ? void 0 : o.tickCount) ?? 6 : 6;
-}
-function me(t) {
-  const e = t.wrapper.clientHeight, o = t.wrapper.clientWidth, r = he(e, t.baseYTickCount);
-  if (t.chart.updateYAxis("default", { tickCount: r }), t.showXAxis) {
-    const a = fe(o, t.baseXTickCount);
-    t.chart.updateXAxis({ tickCount: a });
-  }
-}
-function Lt(t) {
-  for (const e of t) me(e);
-}
-function Ot(t) {
-  const e = t ? Array.isArray(t) ? t : [t] : [{}];
-  let o = 0, r = 0;
-  for (const a of e)
-    a.position === "right" ? r++ : o++;
-  return { left: Math.max(1, o), right: r };
-}
-function ge(t, e) {
-  var r;
-  let o = 0;
-  for (const a of t) {
-    const { left: u } = Ot((r = a.chart) == null ? void 0 : r.yAxis);
-    o = Math.max(o, (u - 1) * 65);
-  }
-  return e + o;
-}
-function pe(t, e) {
-  var r;
-  let o = 0;
-  for (const a of t) {
-    const { right: u } = Ot((r = a.chart) == null ? void 0 : r.yAxis);
-    o = Math.max(o, u * 65);
-  }
-  return e + o;
-}
-function ye(t, e) {
-  return `flex:${t} 1 0;${e === "horizontal" ? "min-width:0;" : "min-height:0;"}`;
-}
-function Et(t) {
-  const e = t.reduce((o, r) => o + r, 0);
-  if (e <= 0) {
-    const o = 1 / Math.max(1, t.length);
-    for (let r = 0; r < t.length; r++) t[r] = o;
-    return;
-  }
-  for (let o = 0; o < t.length; o++) t[o] /= e;
-}
-function kt(t) {
-  if (!(t != null && t.length)) return [];
-  const e = [];
-  for (const o of t)
-    o.type === "indicator" ? e.push(...Ut(o)) : e.push(o);
-  return e;
-}
-function Tt(t, e, o, r, a, u, x, $, y) {
-  var f, m, S, w, k, N, T, Q, _, it, et, nt, Z;
-  const P = r === 0, X = r === a - 1, O = y === "horizontal", K = !O && o.sharedXAxis !== "none" && !x, j = O && (o.sharedYAxis ?? "left") !== "none" && !$, d = (o.gap ?? 0) > 0 ? Ft : { top: 0, bottom: 0, left: 0 }, I = O ? {
-    top: u.top,
-    right: X ? u.right : d.left,
-    left: j ? d.left : u.left,
-    bottom: u.bottom
-  } : {
-    top: P ? u.top : d.top,
-    right: u.right,
-    left: u.left,
-    bottom: K ? d.bottom : X ? ((m = (f = o.layout) == null ? void 0 : f.margins) == null ? void 0 : m.bottom) ?? Ht.bottom : u.bottom
-  }, z = {
-    ...o.xAxis ?? {},
-    ...((S = t.chart) == null ? void 0 : S.xAxis) ?? {}
-  }, A = {
-    ...z,
-    showLine: x ? z.showLine ?? !0 : !1,
-    showTicks: x ? z.showTicks ?? !0 : !1,
-    showLabels: x ? z.showLabels ?? !0 : !1
-  }, R = ((w = t.chart) == null ? void 0 : w.yAxis) ?? {}, E = (Array.isArray(R) ? R : [R]).map((V) => ({
-    ...V,
-    showLine: $ ? V.showLine ?? !0 : !1,
-    showTicks: $ ? V.showTicks ?? !0 : !1,
-    showLabels: $ ? V.showLabels ?? !0 : !1
-  })), c = Array.isArray((k = t.chart) == null ? void 0 : k.yAxis) ? E : E[0];
-  return (t.interactive ?? !0) || (e.style.pointerEvents = "none"), {
-    ...t.chart,
-    id: t.id,
-    container: e,
-    showLegend: ((N = t.chart) == null ? void 0 : N.showLegend) ?? o.showLegend ?? !1,
-    theme: ((T = t.chart) == null ? void 0 : T.theme) ?? o.theme,
-    devicePixelRatio: o.devicePixelRatio ?? ((Q = t.chart) == null ? void 0 : Q.devicePixelRatio),
-    loading: ((_ = t.chart) == null ? void 0 : _.loading) ?? !1,
-    xAxis: A,
-    yAxis: c,
-    layout: It({
-      ...o.layout,
-      ...(it = t.chart) == null ? void 0 : it.layout,
-      margins: { ...I, ...(et = o.layout) == null ? void 0 : et.margins, ...(Z = (nt = t.chart) == null ? void 0 : nt.layout) == null ? void 0 : Z.margins }
-    })
-  };
-}
-function tt() {
-  return "position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;";
-}
-function at(t, e, o, r) {
-  const a = e > 0 && o > 0 ? r === "horizontal" ? `margin-left:${e}px;` : `margin-top:${e}px;` : "";
-  return `${ye(t, r)}position:relative;overflow:hidden;${a}`;
-}
-function ve(t, e, o) {
-  return t === !1 ? {
-    axis: "none",
-    syncCursor: !1,
-    syncZoom: !1,
-    syncPan: !1,
-    bidirectional: !0,
-    masterId: void 0
-  } : {
-    axis: o === "horizontal" ? "y" : "x",
-    bidirectional: !0,
-    masterId: e,
-    syncCursor: !0,
-    syncZoom: !0,
-    syncPan: !0,
-    ...typeof t == "object" ? t : {}
-  };
-}
-function Ae(t) {
-  var gt, pt, yt, vt, xt, wt, bt, At;
-  const { container: e, panes: o } = t;
-  if (!e) throw new Error("[StackedChart] container is required");
-  if (o.length < 1 || o.length > rt)
-    throw new Error(`[StackedChart] panes must be 1–${rt}`);
-  const r = t.masterPaneId ?? o[0].id, a = t.direction ?? "vertical", u = a === "horizontal", x = t.sharedXAxis ?? "bottom", $ = t.sharedYAxis ?? "left", y = t.gap ?? 0, P = t.resizable, X = !!P, O = typeof P == "object" ? P.dividerSize ?? 6 : 6, L = It(t.layout), K = ((gt = L.margins) == null ? void 0 : gt.left) ?? J.left, C = ((pt = L.margins) == null ? void 0 : pt.right) ?? J.right, j = ((yt = L.margins) == null ? void 0 : yt.top) ?? J.top, g = ge(o, K), d = pe(o, C), I = e.style.height, z = e.style.width, A = e.style.minHeight, R = e.style.minWidth, Y = getComputedStyle(e), E = e.offsetHeight || parseInt(Y.height, 10) || 0;
-  e.replaceChildren(), e.style.display = "flex", e.style.flexDirection = u ? "row" : "column", e.style.boxSizing = "border-box", e.style.overflow = "hidden", e.style.position = "relative", e.style.maxWidth = "none", e.style.maxHeight = "none", e.style.width = z || "100%", e.style.minWidth = R || "0", I ? e.style.height = I : E > 0 ? e.style.height = `${E}px` : (e.style.height = "100%", e.style.minHeight = A || "320px"), A ? e.style.minHeight = A : e.style.minHeight || (e.style.minHeight = "0");
-  const c = o.map((n) => n.id), h = o.map((n) => Dt(n.height));
-  Et(h);
-  const f = /* @__PURE__ */ new Map(), m = [], S = [];
-  let w = null, k = !1, N = 0, T = 0, Q = null;
-  const _ = (n) => {
-    const i = Array.from({ length: m.length }, (s, l) => l);
-    for (const s of i) {
-      const l = f.get(c[s]);
-      l && l.resize();
-    }
-    Lt(
-      i.map((s) => S[s]).filter(Boolean)
-    );
-  }, it = () => {
-    N || (N = requestAnimationFrame(() => {
-      N = 0, !k && _();
-    }));
-  }, et = new ResizeObserver(() => {
-    k || it();
-  });
-  et.observe(e);
-  const nt = () => {
-    for (let n = 0; n < m.length; n++)
-      m[n].style.cssText = at(h[n], y, n, a);
-  }, Z = () => {
-    const n = (m.length - 1) * O;
-    return u ? Math.max(1, e.clientWidth - n) : Math.max(1, e.clientHeight - n);
-  }, V = () => {
-    for (const n of m) {
-      const i = n.firstElementChild;
-      i && (i.style.cssText = tt());
-    }
-  }, Yt = () => {
-    const n = Z(), i = m.map(
-      (l) => u ? l.getBoundingClientRect().width : l.getBoundingClientRect().height
-    );
-    if (i.reduce((l, p) => l + p, 0) <= 0) {
-      const l = Math.floor(n / Math.max(1, m.length));
-      return m.map(
-        (p, b) => b === m.length - 1 ? n - l * (m.length - 1) : l
-      );
-    }
-    return st(i, n);
-  }, _t = (n) => {
-    const i = st(n, Z());
-    for (let s = 0; s < m.length; s++) {
-      const l = Math.max(1, i[s]), p = y > 0 && s > 0 ? u ? `margin-left:${y}px;` : `margin-top:${y}px;` : "", b = u ? "width" : "height";
-      m[s].style.cssText = `${b}:${l}px;flex:0 0 auto;min-height:0;min-width:0;position:relative;overflow:hidden;${p}`;
-      const v = m[s].firstElementChild;
-      v && (v.style.cssText = tt());
-    }
-    for (let s = 0; s < n.length; s++) n[s] = i[s];
-  }, Bt = () => {
-    if (T = 0, !k || !Q) return;
-    const { sizes: n, leadingIdx: i, trailingIdx: s } = Q;
-    _t(n);
-    for (const l of [i, s]) {
-      const p = f.get(c[l]);
-      p && (p.resize(), Lt([S[l]]));
-    }
-  }, jt = (n, i, s) => {
-    Q = { sizes: n, leadingIdx: i, trailingIdx: s }, !T && (T = requestAnimationFrame(Bt));
-  }, Nt = (n) => {
-    const i = n.reduce((l, p) => l + p, 0);
-    if (i <= 0) return;
-    const s = h.reduce((l, p) => l + p, 0);
-    for (let l = 0; l < h.length; l++)
-      h[l] = n[l] / i * s;
-  }, lt = (n) => {
-    var i;
-    for (const s of f.values())
-      (i = s.setResizeSuspended) == null || i.call(s, n);
-  }, qt = (n, i) => {
-    var s, l, p, b, v, F;
-    for (let M = 0; M < c.length; M++)
-      M === n || M === i || (l = (s = f.get(c[M])) == null ? void 0 : s.setResizeSuspended) == null || l.call(s, !0);
-    (b = (p = f.get(c[n])) == null ? void 0 : p.setResizeSuspended) == null || b.call(p, !1), (F = (v = f.get(c[i])) == null ? void 0 : v.setResizeSuspended) == null || F.call(v, !1);
-  }, dt = u ? ((xt = (vt = t.layout) == null ? void 0 : vt.margins) == null ? void 0 : xt.bottom) ?? Ht.bottom : J.bottom;
-  for (let n = 0; n < o.length; n++) {
-    const i = o[n], s = n === 0, l = n === o.length - 1, p = u ? i.showXAxis ?? !0 : i.showXAxis ?? (x === "bottom" ? l : !0), b = u ? i.showYAxis ?? ($ === "left" ? s : !0) : i.showYAxis ?? !0, v = document.createElement("div");
-    v.dataset.paneId = i.id, v.style.cssText = at(h[n], y, n, a);
-    const F = document.createElement("div");
-    F.style.cssText = tt(), v.appendChild(F), e.appendChild(v), m.push(v);
-    const M = Ct(
-      Tt(
-        i,
-        F,
-        t,
-        n,
-        o.length,
-        {
-          left: u && !b ? J.left : g,
-          right: d,
-          top: j,
-          bottom: dt
-        },
-        p,
-        b,
-        a
-      )
-    );
-    F.style.cssText = tt();
-    const W = kt(i.series);
-    if (W.length)
-      for (const G of W) M.addSeries(G);
-    i.yRange && i.yRange !== "auto" && M.zoom({ y: i.yRange, animate: !1 }), f.set(i.id, M), S.push({
-      chart: M,
-      wrapper: v,
-      baseYTickCount: $t((wt = i.chart) == null ? void 0 : wt.yAxis),
-      baseXTickCount: ((At = (bt = i.chart) == null ? void 0 : bt.xAxis) == null ? void 0 : At.tickCount) ?? 8,
-      showXAxis: p
-    });
-  }
-  const ut = () => {
-    if (w == null || w.destroy(), w = null, !X || m.length < 2) return;
-    const n = typeof P == "object" ? {
-      minPaneRatio: P.minPaneRatio,
-      minPanePx: P.minPanePx,
-      dividerSize: P.dividerSize
-    } : {};
-    w = de(
-      e,
-      m,
-      c,
-      h,
-      {
-        direction: a,
-        ...n,
-        onDragStart: (i, s) => (k = !0, lt(!0), qt(i, s), Yt()),
-        onDragMove: (i, s, l) => {
-          jt(i, s, l);
-        },
-        onDragEnd: (i) => {
-          T && (cancelAnimationFrame(T), T = 0), Q = null, k = !1;
-          const s = st(i, Z());
-          Nt(s), V(), nt(), lt(!1), _();
-        }
-      }
-    );
-  };
-  ut();
-  const ot = f.get(r);
-  if (!ot)
-    throw new Error(`[StackedChart] masterPaneId "${r}" not found in panes`);
-  const q = te(
-    Array.from(f.values()),
-    ve(t.sync, r, a)
-  ), Wt = () => {
-    const n = ot.theme ?? ot.baseTheme;
-    return (n == null ? void 0 : n.backgroundColor) ?? "#ffffff";
-  }, ht = () => {
-    const i = Date.now();
-    return new Promise((l) => {
-      const p = () => {
-        const b = Jt();
-        if (b.pending === 0 && !b.isProcessing || Date.now() - i > 8e3) {
-          l();
-          return;
-        }
-        setTimeout(p, 50);
-      };
-      p();
-    }).then(() => new Promise((l) => {
-      requestAnimationFrame(() => {
-        _(), l();
-      });
-    }));
-  }, ft = async (n = {}) => {
-    await ht();
-    for (const s of f.values()) s.render();
-    await new Promise((s) => requestAnimationFrame(s));
-    const i = await oe(
-      e,
-      m,
-      Array.from(f.values()),
-      (w == null ? void 0 : w.dividers) ?? [],
-      Wt(),
-      n
-    );
-    if (n.download) {
-      const s = n.format === "jpeg" ? "jpg" : n.format ?? "png", l = document.createElement("a");
-      l.download = `${n.fileName ?? "velo-plot-stack"}.${s}`, l.href = i, document.body.appendChild(l), l.click(), document.body.removeChild(l);
-    }
-    return i;
-  }, mt = (n) => {
-    var St, Pt, Rt;
-    if (f.size >= rt)
-      throw new Error(`[StackedChart] Cannot exceed ${rt} panes`);
-    if (f.has(n.id))
-      throw new Error(`[StackedChart] Pane "${n.id}" already exists`);
-    if (!u && x === "bottom" && c.length > 0) {
-      const B = c[c.length - 1], U = f.get(B), zt = S[S.length - 1];
-      U == null || U.updateXAxis({
-        showLabels: !1,
-        showTicks: !1,
-        showLine: !1
-      }), U == null || U.updateLayout({
-        margins: {
-          bottom: y > 0 ? Ft.bottom : 0
-        }
-      }), zt && (zt.showXAxis = !1);
-    }
-    const i = Dt(n.height ?? 0.25), s = h.reduce((B, U) => B + U, 0), l = s > 0 ? (1 - i) / s : 1;
-    for (let B = 0; B < h.length; B++) h[B] *= l;
-    const p = c.length;
-    c.push(n.id), h.push(i), Et(h);
-    const b = document.createElement("div");
-    b.dataset.paneId = n.id, b.style.cssText = at(h[p], y, p, a);
-    const v = document.createElement("div");
-    v.style.cssText = tt(), b.appendChild(v), e.appendChild(b), m.push(b), nt();
-    const M = u ? n.showXAxis ?? !0 : n.showXAxis ?? (x === "bottom" ? !0 : !0), W = u ? n.showYAxis ?? ($ === "left" ? p === 0 : !0) : n.showYAxis ?? !0, G = Ct(
-      Tt(
-        n,
-        v,
-        t,
-        p,
-        c.length,
-        {
-          left: u && !W ? J.left : g,
-          right: d,
-          top: j,
-          bottom: dt
-        },
-        M,
-        W,
-        a
-      )
-    );
-    v.style.cssText = tt();
-    const Gt = kt(n.series);
-    for (const B of Gt) G.addSeries(B);
-    return n.yRange && n.yRange !== "auto" && G.zoom({ y: n.yRange, animate: !1 }), f.set(n.id, G), S.push({
-      chart: G,
-      wrapper: b,
-      baseYTickCount: $t((St = n.chart) == null ? void 0 : St.yAxis),
-      baseXTickCount: ((Rt = (Pt = n.chart) == null ? void 0 : Pt.xAxis) == null ? void 0 : Rt.tickCount) ?? 8,
-      showXAxis: M
-    }), q.add(G), ut(), _(), G;
-  };
-  return {
-    container: e,
-    getPane(n) {
-      return f.get(n);
-    },
-    /** @deprecated Prefer `getPane(id)`. **Removed in v4.0.** */
-    getChart(n) {
-      return f.get(n);
-    },
-    getPanes() {
-      return Array.from(f.values());
-    },
-    getMaster() {
-      return ot;
-    },
-    getGroup() {
-      return q;
-    },
-    fitAll(n) {
-      q.fitAll(n);
-    },
-    resetAll() {
-      q.resetAll();
-    },
-    resize() {
-      _();
-    },
-    getPaneRatios() {
-      const n = {};
-      for (let i = 0; i < c.length; i++)
-        n[c[i]] = h[i];
-      return n;
-    },
-    setPaneRatios(n) {
-      for (let i = 0; i < c.length; i++) {
-        const s = c[i];
-        n[s] !== void 0 && (h[i] = n[s]);
-      }
-      ue(m, h, a), _();
-    },
-    setSyncAxis(n) {
-      q.syncAxis(n);
-    },
-    getSyncAxis() {
-      return q.getOptions().axis ?? "x";
-    },
-    setSyncOptions(n) {
-      q.updateOptions(n);
-    },
-    whenReady() {
-      return ht();
-    },
-    exportImage(n) {
-      return ft(n);
-    },
-    snapshot(n) {
-      return ft(n);
-    },
-    addPane(n) {
-      return mt(n);
-    },
-    async addIndicator(n, i = {}) {
-      var M;
-      const s = ot;
-      if (i.pane !== "new")
-        return { ...await Kt(s, n, i), chart: s };
-      const l = Qt(s, i.sourceSeriesId), { x: p, prices: b } = Zt(l), v = await Vt(n, p, b, {
-        id: i.id ?? n,
-        label: i.label ?? n.toUpperCase(),
-        height: i.paneHeight ?? 0.25,
-        showXAxis: i.showXAxis,
-        period: i.period,
-        fastPeriod: i.fastPeriod,
-        slowPeriod: i.slowPeriod,
-        signalPeriod: i.signalPeriod,
-        stdDev: i.stdDev
-      }, l), F = mt(v);
-      return {
-        id: v.id,
-        preset: n,
-        placement: "oscillator",
-        seriesIds: ((M = v.series) == null ? void 0 : M.map((W) => W.id)) ?? [],
-        paneId: v.id,
-        chart: F
-      };
-    },
-    destroy() {
-      N && cancelAnimationFrame(N), T && cancelAnimationFrame(T), et.disconnect(), w == null || w.destroy(), q.destroy();
-      for (const n of f.values()) n.destroy();
-      f.clear(), e.replaceChildren();
-    }
-  };
-}
-export {
-  rt as S,
-  ct as a,
-  Ae as c
-};
-//# sourceMappingURL=createStackedChart-Dm-YqUT7.js.map