velo-plot 2.0.0 → 3.0.0

package/dist/createStackedChart-Dm-YqUT7.js

@@ -0,0 +1,756 @@
+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