velo-plot 2.20.0 → 3.1.0

package/dist/createStackedChart-DxNW0VkF.js

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