velo-plot 1.19.0 → 2.20.0

package/dist/createStackedChart-DxNW0VkF.js

@@ -0,0 +1,705 @@
+import { m as Mt, M as W, c as St, g as Ot, a as Yt, r as Bt, h as _t, b as jt, i as Nt } from "./ChartCore-ivzLqxVb.js";
+import { c as qt } from "./index-CaXWSOTk.js";
+const ot = 5, rt = 1 / 6, Gt = { top: 4, bottom: 8, left: 4 }, Lt = { bottom: 55 };
+function Wt(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 f;
+  const {
+    format: b = "png",
+    quality: k = 0.92,
+    resolution: y = "standard",
+    includeBackground: R = !0,
+    includeDividers: X = !0,
+    transparent: H = !1
+  } = d, E = Wt(y), C = (((f = o[0]) == null ? void 0 : f.getDPR()) ?? (typeof window < "u" ? window.devicePixelRatio : 1)) * E, B = o.map((l) => l.getDPR());
+  try {
+    if (E > 1) {
+      for (const u of o)
+        typeof u.setDevicePixelRatioOverride == "function" ? u.setDevicePixelRatioOverride(C) : u.setDPR(C), u.render();
+      await new Promise((u) => requestAnimationFrame(u)), await new Promise((u) => requestAnimationFrame(u)), await new Promise((u) => setTimeout(u, 50));
+    }
+    const l = t.getBoundingClientRect(), T = Math.max(1, Math.round(l.width * C)), S = Math.max(1, Math.round(l.height * C)), h = document.createElement("canvas");
+    h.width = T, h.height = S;
+    const m = h.getContext("2d");
+    if (!m) throw new Error("Failed to create export canvas");
+    !H && R && (m.fillStyle = a || "#ffffff", m.fillRect(0, 0, T, S));
+    const g = b === "jpeg" ? "jpeg" : "png";
+    for (let u = 0; u < n.length; u++) {
+      const w = Pt(n[u], l), D = o[u].exportImage(g), A = await Ut(D);
+      m.drawImage(
+        A,
+        Math.round(w.x * C),
+        Math.round(w.y * C),
+        Math.round(w.width * C),
+        Math.round(w.height * C)
+      );
+    }
+    if (X && r.length) {
+      m.fillStyle = "rgba(128, 128, 128, 0.35)";
+      for (const u of r) {
+        const w = Pt(u, l);
+        m.fillRect(
+          Math.round(w.x * C),
+          Math.round(w.y * C),
+          Math.max(1, Math.round(w.width * C)),
+          Math.max(1, Math.round(w.height * C))
+        );
+      }
+    }
+    const v = b === "jpeg" ? "image/jpeg" : b === "webp" ? "image/webp" : "image/png";
+    return h.toDataURL(v, k);
+  } finally {
+    if (E > 1)
+      for (let l = 0; l < o.length; l++)
+        typeof o[l].setDevicePixelRatioOverride == "function" ? o[l].setDevicePixelRatioOverride(null) : o[l].setDPR(B[l]), o[l].render();
+  }
+}
+const L = "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 = `
+    .${L} {
+      flex: 0 0 var(--velo-divider-size, 6px);
+      position: relative;
+      cursor: ${r};
+      touch-action: none;
+      z-index: 20;
+      background: transparent;
+      user-select: none;
+    }
+    .${L}::after {
+      content: "";
+      position: absolute;
+      background: rgba(128, 128, 128, 0.35);
+      transition: background 0.15s;
+    }
+    .${L}[data-direction="vertical"]::after {
+      left: 0;
+      right: 0;
+      top: 50%;
+      transform: translateY(-50%);
+      height: 1px;
+    }
+    .${L}[data-direction="horizontal"]::after {
+      top: 0;
+      bottom: 0;
+      left: 50%;
+      transform: translateX(-50%);
+      width: 1px;
+    }
+    .${L}:hover::after,
+    .${F} .${L}::after {
+      background: rgba(0, 242, 255, 0.65);
+    }
+    .${L}[data-direction="vertical"]:hover::after,
+    .${F} .${L}[data-direction="vertical"]::after {
+      height: 2px;
+    }
+    .${L}[data-direction="horizontal"]:hover::after,
+    .${F} .${L}[data-direction="horizontal"]::after {
+      width: 2px;
+    }
+    .${L}-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;
+    }
+    .${L}:hover .${L}-handle,
+    .${F} .${L}-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 = L, 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 = `${L}-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 = (f) => b ? Jt(f, X, k, y) : kt(f, X, k, y), E = [], q = [];
+  if (n.length < 2)
+    return { dividers: E, destroy: () => {
+    } };
+  const C = () => {
+    const f = E.length * R, l = b ? t.clientWidth : t.clientHeight;
+    return Math.max(1, l - f);
+  }, B = (f, l, T, S) => {
+    var A;
+    const h = C(), m = H(h), g = S.reduce(
+      (x, z, I) => I === f || I === l ? x : x + z,
+      0
+    ), v = h - g;
+    let u = S[f] + T;
+    u = Math.max(m, Math.min(v - m, u));
+    const w = v - u;
+    S[f] = u, S[l] = w;
+    const D = r.reduce((x, z) => x + z, 0);
+    if (r[f] = u / h * D, r[l] = w / h * D, (A = a.onDragMove) == null || A.call(a, S, f, l), a.onResize) {
+      const x = {};
+      for (let z = 0; z < o.length; z++)
+        x[o[z]] = r[z];
+      a.onResize(x);
+    }
+  };
+  for (let f = 0; f < n.length - 1; f++) {
+    const l = Zt(f, R, d);
+    n[f].after(l), E.push(l);
+    const S = (h) => {
+      var w, D;
+      h.preventDefault(), l.setPointerCapture(h.pointerId), t.classList.add(F);
+      const m = ((w = a.onDragStart) == null ? void 0 : w.call(a, f, f + 1)) ?? n.map(
+        (A) => b ? A.getBoundingClientRect().width : A.getBoundingClientRect().height
+      );
+      (D = a.onDragMove) == null || D.call(a, m, f, f + 1);
+      let g = b ? h.clientX : h.clientY;
+      const v = (A) => {
+        const x = b ? A.clientX : A.clientY, z = x - g;
+        g = x, z !== 0 && B(f, f + 1, z, m);
+      }, u = (A) => {
+        var x;
+        l.releasePointerCapture(A.pointerId), t.classList.remove(F), l.removeEventListener("pointermove", v), l.removeEventListener("pointerup", u), l.removeEventListener("pointercancel", u), (x = a.onDragEnd) == null || x.call(a, m);
+      };
+      l.addEventListener("pointermove", v), l.addEventListener("pointerup", u), l.addEventListener("pointercancel", u);
+    };
+    l.addEventListener("pointerdown", S), q.push(() => l.removeEventListener("pointerdown", S));
+  }
+  return {
+    dividers: E,
+    destroy: () => {
+      for (const f of q) f();
+      for (const f of E) f.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) {
+  return `flex:${t} 1 0;${n === "horizontal" ? "min-width:0;" : "min-height:0;"}`;
+}
+function $t(t) {
+  if (!(t != null && t.length)) return [];
+  const n = [];
+  for (const o of t)
+    o.type === "indicator" ? n.push(...Ot(o)) : n.push(o);
+  return n;
+}
+function Dt(t, n, o, r, a, d, b, k, y) {
+  var D, A, x, z, I, V, U, K, Q, J, tt, et, nt;
+  const R = r === 0, X = r === a - 1, H = y === "horizontal", q = !H && o.sharedXAxis !== "none" && !b, B = H && (o.sharedYAxis ?? "left") !== "none" && !k, l = (o.gap ?? 0) > 0 ? Gt : { top: 0, bottom: 0, left: 0 }, T = H ? {
+    top: d.top,
+    right: X ? d.right : l.left,
+    left: B ? l.left : d.left,
+    bottom: d.bottom
+  } : {
+    top: R ? d.top : l.top,
+    right: d.right,
+    left: d.left,
+    bottom: q ? l.bottom : X ? ((A = (D = o.layout) == null ? void 0 : D.margins) == null ? void 0 : A.bottom) ?? Lt.bottom : d.bottom
+  }, S = ((x = t.chart) == null ? void 0 : x.xAxis) ?? {}, h = {
+    ...S,
+    showLine: b ? S.showLine ?? !0 : !1,
+    showTicks: b ? S.showTicks ?? !0 : !1,
+    showLabels: b ? S.showLabels ?? !0 : !1
+  }, m = ((z = t.chart) == null ? void 0 : z.yAxis) ?? {}, v = (Array.isArray(m) ? m : [m]).map((G) => ({
+    ...G,
+    showLine: k ? G.showLine ?? !0 : !1,
+    showTicks: k ? G.showTicks ?? !0 : !1,
+    showLabels: k ? G.showLabels ?? !0 : !1
+  })), u = 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: h,
+    yAxis: u,
+    layout: Mt({
+      ...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 = Mt(t.layout), q = ((ut = E.margins) == null ? void 0 : ut.left) ?? W.left, C = ((ht = E.margins) == null ? void 0 : ht.right) ?? W.right, B = ((ft = E.margins) == null ? void 0 : ft.top) ?? W.top, f = ae(o, q), l = se(o, C);
+  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.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 h = o.map((e) => e.id), m = o.map((e) => Rt(e.height)), g = /* @__PURE__ */ new Map(), v = [], u = [];
+  let w = null, D = !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(h[s]);
+      c && c.resize();
+    }
+    Ct(
+      i.map((s) => u[s]).filter(Boolean)
+    );
+  }, V = () => {
+    A || (A = requestAnimationFrame(() => {
+      A = 0, !D && I();
+    }));
+  }, U = new ResizeObserver(() => {
+    D || V();
+  });
+  U.observe(n);
+  const K = () => {
+    for (let e = 0; e < v.length; e++)
+      v[e].style.cssText = it(m[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, !D || !z) return;
+    const { sizes: e, leadingIdx: i, trailingIdx: s } = z;
+    et(e);
+    for (const c of [i, s]) {
+      const p = g.get(h[c]);
+      p && (p.resize(), Ct([u[c]]));
+    }
+  }, G = (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 = m.reduce((c, p) => c + p, 0);
+    for (let c = 0; c < m.length; c++)
+      m[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, $, P, O;
+    for (let M = 0; M < h.length; M++)
+      M === e || M === i || (c = (s = g.get(h[M])) == null ? void 0 : s.setResizeSuspended) == null || c.call(s, !0);
+    ($ = (p = g.get(h[e])) == null ? void 0 : p.setResizeSuspended) == null || $.call(p, !1), (O = (P = g.get(h[i])) == null ? void 0 : P.setResizeSuspended) == null || O.call(P, !1);
+  }, st = d ? ((gt = (mt = t.layout) == null ? void 0 : mt.margins) == null ? void 0 : gt.bottom) ?? Lt.bottom : W.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), $ = d ? i.showYAxis ?? (k === "left" ? s : !0) : i.showYAxis ?? !0, P = document.createElement("div");
+    P.dataset.paneId = i.id, P.style.cssText = it(m[e], y, e, a);
+    const O = document.createElement("div");
+    O.style.cssText = "position:absolute;inset:0;width:100%;height:100%;", P.appendChild(O), n.appendChild(P), v.push(P);
+    const M = St(
+      Dt(
+        i,
+        O,
+        t,
+        e,
+        o.length,
+        {
+          left: d && !$ ? W.left : f,
+          right: l,
+          top: B,
+          bottom: st
+        },
+        p,
+        $,
+        a
+      )
+    ), j = $t(i.series);
+    if (j.length)
+      for (const N of j) M.addSeries(N);
+    i.yRange && i.yRange !== "auto" && M.zoom({ y: i.yRange, animate: !1 }), g.set(i.id, M), u.push({
+      chart: M,
+      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,
+      h,
+      m,
+      {
+        direction: a,
+        ...e,
+        onDragStart: (i, s) => (D = !0, at(!0), It(i, s), tt()),
+        onDragMove: (i, s, c) => {
+          G(i, s, c);
+        },
+        onDragEnd: (i) => {
+          x && (cancelAnimationFrame(x), x = 0), z = null, D = !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 _ = qt(
+    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 $ = Nt();
+        if ($.pending === 0 && !$.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" && h.length > 0) {
+      const Y = h[h.length - 1];
+      (vt = g.get(Y)) == null || vt.updateXAxis({
+        showLabels: !1,
+        showTicks: !1,
+        showLine: !1
+      });
+    }
+    const i = Rt(e.height ?? 0.25), s = m.reduce((Y, Ht) => Y + Ht, 0), c = s > 0 ? (1 - i) / s : 1;
+    for (let Y = 0; Y < m.length; Y++) m[Y] *= c;
+    const p = h.length;
+    h.push(e.id), m.push(i);
+    const $ = document.createElement("div");
+    $.dataset.paneId = e.id, $.style.cssText = it(m[p], y, p, a);
+    const P = document.createElement("div");
+    P.style.cssText = "position:absolute;inset:0;width:100%;height:100%;", $.appendChild(P), n.appendChild($), v.push($);
+    const M = d ? e.showXAxis ?? !0 : e.showXAxis ?? (b === "bottom" ? !0 : !0), j = d ? e.showYAxis ?? (k === "left" ? p === 0 : !0) : e.showYAxis ?? !0, N = St(
+      Dt(
+        e,
+        P,
+        t,
+        p,
+        h.length,
+        {
+          left: d && !j ? W.left : f,
+          right: l,
+          top: B,
+          bottom: st
+        },
+        M,
+        j,
+        a
+      )
+    ), Xt = $t(e.series);
+    for (const Y of Xt) N.addSeries(Y);
+    return e.yRange && e.yRange !== "auto" && N.zoom({ y: e.yRange, animate: !1 }), g.set(e.id, N), u.push({
+      chart: N,
+      wrapper: $,
+      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: M
+    }), _.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 _;
+    },
+    fitAll(e) {
+      _.fitAll(e);
+    },
+    resetAll() {
+      _.resetAll();
+    },
+    resize() {
+      I();
+    },
+    getPaneRatios() {
+      const e = {};
+      for (let i = 0; i < h.length; i++)
+        e[h[i]] = m[i];
+      return e;
+    },
+    setPaneRatios(e) {
+      for (let i = 0; i < h.length; i++) {
+        const s = h[i];
+        e[s] !== void 0 && (m[i] = e[s]);
+      }
+      ne(v, m, a), I();
+    },
+    setSyncAxis(e) {
+      _.syncAxis(e);
+    },
+    getSyncAxis() {
+      return _.getOptions().axis ?? "x";
+    },
+    setSyncOptions(e) {
+      _.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 M;
+      const s = g.get(r) ?? Z;
+      if (i.pane !== "new")
+        return { ...await Yt(s, e, i), chart: s };
+      const c = Bt(s, i.sourceSeriesId), { x: p, prices: $ } = _t(c), P = await jt(e, p, $, {
+        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), O = dt(P);
+      return {
+        id: P.id,
+        preset: e,
+        placement: "oscillator",
+        seriesIds: ((M = P.series) == null ? void 0 : M.map((j) => j.id)) ?? [],
+        paneId: P.id,
+        chart: O
+      };
+    },
+    destroy() {
+      A && cancelAnimationFrame(A), x && cancelAnimationFrame(x), U.disconnect(), w == null || w.destroy(), _.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-DxNW0VkF.js.map