velo-plot 1.15.0 → 2.0.0

package/dist/createStackedChart-DJSmqerD.js

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