velo-plot 2.0.0 → 3.0.0

package/dist/createStackedChart-DJSmqerD.js

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