velo-plot 1.19.0 → 2.0.0

package/dist/createStackedChart-BPooTQ9z.js

@@ -1,1164 +0,0 @@
-import Ve, { useState as fe, useRef as ge, useEffect as de, useCallback as se, forwardRef as Je, useImperativeHandle as Ze, useMemo as Qe } from "react";
-import { c as ye, m as Be, M as ie, b as Ke, a as et, r as tt, e as rt, d as nt, g as ot } from "./ChartCore-DQ691eXH.js";
-import { c as it } from "./index-CUGS98p4.js";
-var ve = { exports: {} }, ce = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Oe;
-function at() {
-  if (Oe) return ce;
-  Oe = 1;
-  var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
-  function t(a, s, c) {
-    var v = null;
-    if (c !== void 0 && (v = "" + c), s.key !== void 0 && (v = "" + s.key), "key" in s) {
-      c = {};
-      for (var T in s)
-        T !== "key" && (c[T] = s[T]);
-    } else c = s;
-    return s = c.ref, {
-      $$typeof: e,
-      type: a,
-      key: v,
-      ref: s !== void 0 ? s : null,
-      props: c
-    };
-  }
-  return ce.Fragment = r, ce.jsx = t, ce.jsxs = t, ce;
-}
-var le = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Ie;
-function st() {
-  return Ie || (Ie = 1, process.env.NODE_ENV !== "production" && function() {
-    function e(n) {
-      if (n == null) return null;
-      if (typeof n == "function")
-        return n.$$typeof === k ? null : n.displayName || n.name || null;
-      if (typeof n == "string") return n;
-      switch (n) {
-        case u:
-          return "Fragment";
-        case j:
-          return "Profiler";
-        case l:
-          return "StrictMode";
-        case p:
-          return "Suspense";
-        case R:
-          return "SuspenseList";
-        case $:
-          return "Activity";
-      }
-      if (typeof n == "object")
-        switch (typeof n.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), n.$$typeof) {
-          case L:
-            return "Portal";
-          case g:
-            return n.displayName || "Context";
-          case _:
-            return (n._context.displayName || "Context") + ".Consumer";
-          case x:
-            var m = n.render;
-            return n = n.displayName, n || (n = m.displayName || m.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
-          case f:
-            return m = n.displayName || null, m !== null ? m : e(n.type) || "Memo";
-          case b:
-            m = n._payload, n = n._init;
-            try {
-              return e(n(m));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function r(n) {
-      return "" + n;
-    }
-    function t(n) {
-      try {
-        r(n);
-        var m = !1;
-      } catch {
-        m = !0;
-      }
-      if (m) {
-        m = console;
-        var E = m.error, O = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
-        return E.call(
-          m,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          O
-        ), r(n);
-      }
-    }
-    function a(n) {
-      if (n === u) return "<>";
-      if (typeof n == "object" && n !== null && n.$$typeof === b)
-        return "<...>";
-      try {
-        var m = e(n);
-        return m ? "<" + m + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function s() {
-      var n = S.A;
-      return n === null ? null : n.getOwner();
-    }
-    function c() {
-      return Error("react-stack-top-frame");
-    }
-    function v(n) {
-      if (z.call(n, "key")) {
-        var m = Object.getOwnPropertyDescriptor(n, "key").get;
-        if (m && m.isReactWarning) return !1;
-      }
-      return n.key !== void 0;
-    }
-    function T(n, m) {
-      function E() {
-        Z || (Z = !0, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          m
-        ));
-      }
-      E.isReactWarning = !0, Object.defineProperty(n, "key", {
-        get: E,
-        configurable: !0
-      });
-    }
-    function w() {
-      var n = e(this.type);
-      return Q[n] || (Q[n] = !0, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), n = this.props.ref, n !== void 0 ? n : null;
-    }
-    function A(n, m, E, O, oe, ae) {
-      var M = E.ref;
-      return n = {
-        $$typeof: y,
-        type: n,
-        key: m,
-        props: E,
-        _owner: O
-      }, (M !== void 0 ? M : null) !== null ? Object.defineProperty(n, "ref", {
-        enumerable: !1,
-        get: w
-      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(n, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(n, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: oe
-      }), Object.defineProperty(n, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: ae
-      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
-    }
-    function D(n, m, E, O, oe, ae) {
-      var M = m.children;
-      if (M !== void 0)
-        if (O)
-          if (H(M)) {
-            for (O = 0; O < M.length; O++)
-              Y(M[O]);
-            Object.freeze && Object.freeze(M);
-          } else
-            console.error(
-              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-            );
-        else Y(M);
-      if (z.call(m, "key")) {
-        M = e(n);
-        var W = Object.keys(m).filter(function(me) {
-          return me !== "key";
-        });
-        O = 0 < W.length ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}", ne[M + O] || (W = 0 < W.length ? "{" + W.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,
-          O,
-          M,
-          W,
-          M
-        ), ne[M + O] = !0);
-      }
-      if (M = null, E !== void 0 && (t(E), M = "" + E), v(m) && (t(m.key), M = "" + m.key), "key" in m) {
-        E = {};
-        for (var U in m)
-          U !== "key" && (E[U] = m[U]);
-      } else E = m;
-      return M && T(
-        E,
-        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
-      ), A(
-        n,
-        M,
-        E,
-        s(),
-        oe,
-        ae
-      );
-    }
-    function Y(n) {
-      C(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === b && (n._payload.status === "fulfilled" ? C(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
-    }
-    function C(n) {
-      return typeof n == "object" && n !== null && n.$$typeof === y;
-    }
-    var F = Ve, y = Symbol.for("react.transitional.element"), L = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), g = Symbol.for("react.context"), x = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), R = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), $ = Symbol.for("react.activity"), k = Symbol.for("react.client.reference"), S = F.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, z = Object.prototype.hasOwnProperty, H = Array.isArray, J = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    F = {
-      react_stack_bottom_frame: function(n) {
-        return n();
-      }
-    };
-    var Z, Q = {}, K = F.react_stack_bottom_frame.bind(
-      F,
-      c
-    )(), re = J(a(c)), ne = {};
-    le.Fragment = u, le.jsx = function(n, m, E) {
-      var O = 1e4 > S.recentlyCreatedOwnerStacks++;
-      return D(
-        n,
-        m,
-        E,
-        !1,
-        O ? Error("react-stack-top-frame") : K,
-        O ? J(a(n)) : re
-      );
-    }, le.jsxs = function(n, m, E) {
-      var O = 1e4 > S.recentlyCreatedOwnerStacks++;
-      return D(
-        n,
-        m,
-        E,
-        !0,
-        O ? Error("react-stack-top-frame") : K,
-        O ? J(a(n)) : re
-      );
-    };
-  }()), le;
-}
-process.env.NODE_ENV === "production" ? ve.exports = at() : ve.exports = st();
-var ue = ve.exports;
-function ct(e, r = {}) {
-  const [t, a] = fe(null), [s, c] = fe(!1), [v, T] = fe(null), [w, A] = fe(null), D = ge(r);
-  D.current = r, de(() => {
-    const u = e.current;
-    if (u) {
-      try {
-        const l = ye({
-          ...D.current,
-          container: u
-        });
-        l.on("zoom", () => {
-          A(l.getViewBounds());
-        }), a(l), c(!0), A(l.getViewBounds()), T(null);
-      } catch (l) {
-        console.error("[useSciPlot] Failed to initialize chart:", l), T(l instanceof Error ? l : new Error(String(l))), c(!1);
-      }
-      return () => {
-        t && (t.destroy(), a(null), c(!1));
-      };
-    }
-  }, [e]);
-  const Y = se(
-    (u) => {
-      t && (t.addSeries(u), A(t.getViewBounds()));
-    },
-    [t]
-  ), C = se(
-    (u, l) => {
-      t && t.updateSeries(u, l);
-    },
-    [t]
-  ), F = se(
-    (u) => {
-      t && t.removeSeries(u);
-    },
-    [t]
-  ), y = se(
-    (u) => {
-      t && t.zoom(u);
-    },
-    [t]
-  ), L = se(() => {
-    t && (t.resetZoom(), A(t.getViewBounds()));
-  }, [t]);
-  return {
-    chart: t,
-    isReady: s,
-    error: v,
-    bounds: w,
-    addSeries: Y,
-    updateSeries: C,
-    removeSeries: F,
-    zoom: y,
-    resetZoom: L
-  };
-}
-const $t = Je(
-  function({
-    series: r = [],
-    zoom: t,
-    onZoomChange: a,
-    cursor: s,
-    width: c = "100%",
-    height: v = 400,
-    className: T = "",
-    style: w = {},
-    debug: A = !1,
-    ...D
-  }, Y) {
-    const C = ge(null), F = ge(/* @__PURE__ */ new Map()), {
-      chart: y,
-      isReady: L,
-      bounds: u,
-      addSeries: l,
-      updateSeries: j,
-      removeSeries: _,
-      resetZoom: g
-    } = ct(C, D);
-    Ze(
-      Y,
-      () => ({
-        getChart: () => y,
-        resetZoom: g,
-        getBounds: () => u
-      }),
-      [y, g, u]
-    ), de(() => {
-      if (!L || !y) return;
-      const p = new Map(r.map((f) => [f.id, f])), R = F.current;
-      R.forEach((f, b) => {
-        p.has(b) || _(b);
-      }), p.forEach((f, b) => {
-        const $ = R.get(b);
-        if ($)
-          ($.x !== f.x || $.y !== f.y) && j(b, {
-            x: f.x,
-            y: f.y
-          });
-        else {
-          const k = {
-            id: f.id,
-            type: "line",
-            data: { x: f.x, y: f.y },
-            style: {
-              color: f.color ?? "#ff0055",
-              width: f.width ?? 1.5
-            },
-            visible: f.visible ?? !0
-          };
-          l(k), p.size === 1 && y.autoScale();
-        }
-      }), F.current = p;
-    }, [r, L, y, l, j, _]), de(() => {
-      !L || !y || !t || y.zoom(t);
-    }, [L, y, t]), de(() => {
-      !L || !y || !a || y.on("zoom", (p) => {
-        a({
-          xMin: p.x[0],
-          xMax: p.x[1],
-          yMin: p.y[0],
-          yMax: p.y[1]
-        });
-      });
-    }, [L, y, a]), de(() => {
-      !L || !y || (s != null && s.enabled ? y.enableCursor(s) : y.disableCursor());
-    }, [L, y, s]);
-    const x = Qe(
-      () => ({
-        position: "relative",
-        width: typeof c == "number" ? `${c}px` : c,
-        height: typeof v == "number" ? `${v}px` : v,
-        ...w
-      }),
-      [c, v, w]
-    );
-    return /* @__PURE__ */ ue.jsx(
-      "div",
-      {
-        ref: C,
-        className: `velo-plot-container ${T}`,
-        style: x,
-        children: A && u && /* @__PURE__ */ ue.jsxs(
-          "div",
-          {
-            style: {
-              position: "absolute",
-              top: 8,
-              right: 8,
-              background: "rgba(0,0,0,0.7)",
-              color: "#0f0",
-              padding: "4px 8px",
-              borderRadius: 4,
-              fontSize: 11,
-              fontFamily: "monospace"
-            },
-            children: [
-              /* @__PURE__ */ ue.jsxs("div", { children: [
-                "X: [",
-                u.xMin.toFixed(3),
-                ", ",
-                u.xMax.toFixed(3),
-                "]"
-              ] }),
-              /* @__PURE__ */ ue.jsxs("div", { children: [
-                "Y: [",
-                u.yMin.toExponential(2),
-                ", ",
-                u.yMax.toExponential(2),
-                "]"
-              ] }),
-              /* @__PURE__ */ ue.jsxs("div", { children: [
-                "Series: ",
-                r.length
-              ] })
-            ]
-          }
-        )
-      }
-    );
-  }
-), he = 5, xe = 1 / 6, lt = { top: 4, bottom: 8, left: 4 }, He = { bottom: 55 };
-function ut(e) {
-  if (typeof e == "number") return e;
-  switch (e) {
-    case "8k":
-      return 8;
-    case "4k":
-      return 4;
-    case "2k":
-      return 2;
-    default:
-      return 1;
-  }
-}
-function dt(e) {
-  return new Promise((r, t) => {
-    const a = new Image();
-    a.onload = () => r(a), a.onerror = t, a.src = e;
-  });
-}
-function je(e, r) {
-  const t = e.getBoundingClientRect();
-  return {
-    x: t.left - r.left,
-    y: t.top - r.top,
-    width: t.width,
-    height: t.height
-  };
-}
-async function ft(e, r, t, a, s, c = {}) {
-  var u;
-  const {
-    format: v = "png",
-    quality: T = 0.92,
-    resolution: w = "standard",
-    includeBackground: A = !0,
-    includeDividers: D = !0,
-    transparent: Y = !1
-  } = c, C = ut(w), y = (((u = t[0]) == null ? void 0 : u.getDPR()) ?? (typeof window < "u" ? window.devicePixelRatio : 1)) * C, L = t.map((l) => l.getDPR());
-  try {
-    if (C > 1) {
-      for (const f of t)
-        f.setDPR(y), f.render();
-      await new Promise((f) => requestAnimationFrame(f)), await new Promise((f) => setTimeout(f, 50));
-    }
-    const l = e.getBoundingClientRect(), j = Math.max(1, Math.round(l.width * y)), _ = Math.max(1, Math.round(l.height * y)), g = document.createElement("canvas");
-    g.width = j, g.height = _;
-    const x = g.getContext("2d");
-    if (!x) throw new Error("Failed to create export canvas");
-    !Y && A && (x.fillStyle = s || "#ffffff", x.fillRect(0, 0, j, _));
-    const p = v === "jpeg" ? "jpeg" : "png";
-    for (let f = 0; f < r.length; f++) {
-      const b = je(r[f], l), $ = t[f].exportImage(p), k = await dt($);
-      x.drawImage(
-        k,
-        Math.round(b.x * y),
-        Math.round(b.y * y),
-        Math.round(b.width * y),
-        Math.round(b.height * y)
-      );
-    }
-    if (D && a.length) {
-      x.fillStyle = "rgba(128, 128, 128, 0.35)";
-      for (const f of a) {
-        const b = je(f, l);
-        x.fillRect(
-          Math.round(b.x * y),
-          Math.round(b.y * y),
-          Math.max(1, Math.round(b.width * y)),
-          Math.max(1, Math.round(b.height * y))
-        );
-      }
-    }
-    const R = v === "jpeg" ? "image/jpeg" : v === "webp" ? "image/webp" : "image/png";
-    return g.toDataURL(R, T);
-  } finally {
-    if (C > 1)
-      for (let l = 0; l < t.length; l++)
-        t[l].setDPR(L[l]), t[l].render();
-  }
-}
-const B = "velo-pane-divider", q = "velo-pane-resizing";
-function ht(e) {
-  if (typeof document > "u") return;
-  let r = document.getElementById("velo-pane-divider-styles");
-  r || (r = document.createElement("style"), r.id = "velo-pane-divider-styles", document.head.appendChild(r));
-  const a = e === "horizontal" ? "ew-resize" : "ns-resize";
-  r.textContent = `
-    .${B} {
-      flex: 0 0 var(--velo-divider-size, 6px);
-      position: relative;
-      cursor: ${a};
-      touch-action: none;
-      z-index: 20;
-      background: transparent;
-      user-select: none;
-    }
-    .${B}::after {
-      content: "";
-      position: absolute;
-      background: rgba(128, 128, 128, 0.35);
-      transition: background 0.15s;
-    }
-    .${B}[data-direction="vertical"]::after {
-      left: 0;
-      right: 0;
-      top: 50%;
-      transform: translateY(-50%);
-      height: 1px;
-    }
-    .${B}[data-direction="horizontal"]::after {
-      top: 0;
-      bottom: 0;
-      left: 50%;
-      transform: translateX(-50%);
-      width: 1px;
-    }
-    .${B}:hover::after,
-    .${q} .${B}::after {
-      background: rgba(0, 242, 255, 0.65);
-    }
-    .${B}[data-direction="vertical"]:hover::after,
-    .${q} .${B}[data-direction="vertical"]::after {
-      height: 2px;
-    }
-    .${B}[data-direction="horizontal"]:hover::after,
-    .${q} .${B}[data-direction="horizontal"]::after {
-      width: 2px;
-    }
-    .${B}-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;
-    }
-    .${B}:hover .${B}-handle,
-    .${q} .${B}-handle {
-      opacity: 1;
-    }
-    .${q} {
-      cursor: ${a} !important;
-    }
-    .${q} * {
-      cursor: ${a} !important;
-    }
-    .${q} [data-pane-id] {
-      position: relative !important;
-      overflow: hidden !important;
-    }
-  `;
-}
-function mt(e, r, t) {
-  const a = document.createElement("div");
-  a.className = B, a.dataset.dividerIndex = String(e), a.dataset.direction = t, a.style.setProperty("--velo-divider-size", `${r}px`);
-  const s = document.createElement("div");
-  return s.className = `${B}-handle`, s.textContent = t === "horizontal" ? "⇔" : "⇕", a.appendChild(s), a;
-}
-function pt(e, r) {
-  const t = r === "horizontal" ? "min-width:0;" : "min-height:0;";
-  return typeof e == "number" ? `flex:${e} 1 0;${t}` : `flex:1 1 ${e};${t}`;
-}
-function We(e, r, t = xe, a = 0) {
-  if (r < 1 || e <= 0) return 1;
-  const s = e * t, c = Math.max(a, s);
-  return Math.min(c, e / r);
-}
-function gt(e, r, t = xe, a = 0) {
-  return We(e, r, t, a);
-}
-function yt(e, r) {
-  const t = e.length;
-  if (t === 0) return e;
-  const a = Math.max(1, Math.round(r)), s = e.reduce((w, A) => w + A, 0);
-  if (s <= 0) {
-    const w = Math.floor(a / t), A = e.map(() => w);
-    return A[t - 1] = a - w * (t - 1), A;
-  }
-  const c = e.map((w) => w / s * a), v = [];
-  let T = 0;
-  for (let w = 0; w < t - 1; w++)
-    v.push(Math.max(1, Math.round(c[w]))), T += v[w];
-  return v.push(Math.max(1, a - T)), v;
-}
-function vt(e, r, t, a, s = {}) {
-  const c = s.direction ?? "vertical", v = c === "horizontal";
-  ht(c);
-  const T = s.minPaneRatio ?? xe, w = s.minPanePx ?? 0, A = s.dividerSize ?? 6, D = r.length, Y = (u) => v ? gt(u, D, T, w) : We(u, D, T, w), C = [], F = [];
-  if (r.length < 2)
-    return { dividers: C, destroy: () => {
-    } };
-  const y = () => {
-    const u = C.length * A, l = v ? e.clientWidth : e.clientHeight;
-    return Math.max(1, l - u);
-  }, L = (u, l, j, _) => {
-    var k;
-    const g = y(), x = Y(g), p = _.reduce(
-      (S, z, H) => H === u || H === l ? S : S + z,
-      0
-    ), R = g - p;
-    let f = _[u] + j;
-    f = Math.max(x, Math.min(R - x, f));
-    const b = R - f;
-    _[u] = f, _[l] = b;
-    const $ = a.reduce((S, z) => S + z, 0);
-    if (a[u] = f / g * $, a[l] = b / g * $, (k = s.onDragMove) == null || k.call(s, _, u, l), s.onResize) {
-      const S = {};
-      for (let z = 0; z < t.length; z++)
-        S[t[z]] = a[z];
-      s.onResize(S);
-    }
-  };
-  for (let u = 0; u < r.length - 1; u++) {
-    const l = mt(u, A, c);
-    r[u].after(l), C.push(l);
-    const _ = (g) => {
-      var b, $;
-      g.preventDefault(), l.setPointerCapture(g.pointerId), e.classList.add(q);
-      const x = ((b = s.onDragStart) == null ? void 0 : b.call(s, u, u + 1)) ?? r.map(
-        (k) => v ? k.getBoundingClientRect().width : k.getBoundingClientRect().height
-      );
-      ($ = s.onDragMove) == null || $.call(s, x, u, u + 1);
-      let p = v ? g.clientX : g.clientY;
-      const R = (k) => {
-        const S = v ? k.clientX : k.clientY, z = S - p;
-        p = S, z !== 0 && L(u, u + 1, z, x);
-      }, f = (k) => {
-        var S;
-        l.releasePointerCapture(k.pointerId), e.classList.remove(q), l.removeEventListener("pointermove", R), l.removeEventListener("pointerup", f), l.removeEventListener("pointercancel", f), (S = s.onDragEnd) == null || S.call(s, x);
-      };
-      l.addEventListener("pointermove", R), l.addEventListener("pointerup", f), l.addEventListener("pointercancel", f);
-    };
-    l.addEventListener("pointerdown", _), F.push(() => l.removeEventListener("pointerdown", _));
-  }
-  return {
-    dividers: C,
-    destroy: () => {
-      for (const u of F) u();
-      for (const u of C) u.remove();
-      e.classList.remove(q);
-    }
-  };
-}
-function xt(e, r, t = "vertical") {
-  for (let a = 0; a < e.length; a++)
-    e[a].style.cssText = `${pt(r[a], t)}position:relative;overflow:hidden;`;
-}
-function De(e) {
-  return typeof e == "number" ? e : 1;
-}
-function bt(e, r = 6) {
-  if (!Number.isFinite(e) || e <= 0) return r;
-  const t = Math.floor(e / 36);
-  return Math.max(2, Math.min(r, t));
-}
-function wt(e, r = 8) {
-  if (!Number.isFinite(e) || e <= 0) return r;
-  const t = Math.floor(e / 72);
-  return Math.max(2, Math.min(r, t));
-}
-function Fe(e) {
-  var t;
-  return e ? ((t = (Array.isArray(e) ? e : [e])[0]) == null ? void 0 : t.tickCount) ?? 6 : 6;
-}
-function Rt(e) {
-  const r = e.wrapper.clientHeight, t = e.wrapper.clientWidth, a = bt(r, e.baseYTickCount);
-  if (e.chart.updateYAxis("default", { tickCount: a }), e.showXAxis) {
-    const s = wt(t, e.baseXTickCount);
-    e.chart.updateXAxis({ tickCount: s });
-  }
-}
-function Ne(e) {
-  for (const r of e) Rt(r);
-}
-function Ue(e) {
-  const r = e ? Array.isArray(e) ? e : [e] : [{}];
-  let t = 0, a = 0;
-  for (const s of r)
-    s.position === "right" ? a++ : t++;
-  return { left: Math.max(1, t), right: a };
-}
-function St(e, r) {
-  var a;
-  let t = 0;
-  for (const s of e) {
-    const { left: c } = Ue((a = s.chart) == null ? void 0 : a.yAxis);
-    t = Math.max(t, (c - 1) * 65);
-  }
-  return r + t;
-}
-function Et(e, r) {
-  var a;
-  let t = 0;
-  for (const s of e) {
-    const { right: c } = Ue((a = s.chart) == null ? void 0 : a.yAxis);
-    t = Math.max(t, c * 65);
-  }
-  return r + t;
-}
-function At(e, r) {
-  const t = r === "horizontal" ? "min-width:0;" : "min-height:0;";
-  return typeof e == "number" ? `flex:${e} 1 0;${t}` : `flex:1 1 ${e};${t}`;
-}
-function Ye(e) {
-  if (!(e != null && e.length)) return [];
-  const r = [];
-  for (const t of e)
-    t.type === "indicator" ? r.push(...Ke(t)) : r.push(t);
-  return r;
-}
-function Xe(e, r, t, a, s, c, v, T, w) {
-  var $, k, S, z, H, J, Z, Q, K, re, ne, n, m;
-  const A = a === 0, D = a === s - 1, Y = w === "horizontal", F = !Y && t.sharedXAxis !== "none" && !v, L = Y && (t.sharedYAxis ?? "left") !== "none" && !T, l = (t.gap ?? 0) > 0 ? lt : { top: 0, bottom: 0, left: 0 }, j = Y ? {
-    top: c.top,
-    right: D ? c.right : l.left ?? 0,
-    left: L ? l.left ?? 4 : c.left,
-    bottom: c.bottom
-  } : {
-    top: A ? c.top : l.top,
-    right: c.right,
-    left: c.left,
-    bottom: F ? l.bottom : D ? ((k = ($ = t.layout) == null ? void 0 : $.margins) == null ? void 0 : k.bottom) ?? He.bottom : c.bottom
-  }, _ = ((S = e.chart) == null ? void 0 : S.xAxis) ?? {}, g = {
-    ..._,
-    showLine: v ? _.showLine ?? !0 : !1,
-    showTicks: v ? _.showTicks ?? !0 : !1,
-    showLabels: v ? _.showLabels ?? !0 : !1
-  }, x = ((z = e.chart) == null ? void 0 : z.yAxis) ?? {}, R = (Array.isArray(x) ? x : [x]).map((E) => ({
-    ...E,
-    showLine: T ? E.showLine ?? !0 : !1,
-    showTicks: T ? E.showTicks ?? !0 : !1,
-    showLabels: T ? E.showLabels ?? !0 : !1
-  })), f = Array.isArray((H = e.chart) == null ? void 0 : H.yAxis) ? R : R[0];
-  return (e.interactive ?? !0) || (r.style.pointerEvents = "none"), {
-    ...e.chart,
-    id: e.id,
-    container: r,
-    showLegend: ((J = e.chart) == null ? void 0 : J.showLegend) ?? t.showLegend ?? !1,
-    theme: ((Z = e.chart) == null ? void 0 : Z.theme) ?? t.theme,
-    devicePixelRatio: t.devicePixelRatio ?? ((Q = e.chart) == null ? void 0 : Q.devicePixelRatio),
-    loading: ((K = e.chart) == null ? void 0 : K.loading) ?? !1,
-    xAxis: g,
-    yAxis: f,
-    layout: Be({
-      ...t.layout,
-      ...(re = e.chart) == null ? void 0 : re.layout,
-      margins: { ...j, ...(ne = t.layout) == null ? void 0 : ne.margins, ...(m = (n = e.chart) == null ? void 0 : n.layout) == null ? void 0 : m.margins }
-    })
-  };
-}
-function pe(e, r, t, a) {
-  const s = r > 0 && t > 0 ? a === "horizontal" ? `margin-left:${r}px;` : `margin-top:${r}px;` : "";
-  return `${At(e, a)}position:relative;overflow:hidden;${s}`;
-}
-function Pt(e, r, t) {
-  return e === !1 ? {
-    axis: "none",
-    syncCursor: !1,
-    syncZoom: !1,
-    syncPan: !1,
-    bidirectional: !0,
-    masterId: void 0
-  } : {
-    axis: t === "horizontal" ? "y" : "x",
-    bidirectional: !0,
-    masterId: r,
-    syncCursor: !0,
-    syncZoom: !0,
-    syncPan: !0,
-    ...typeof e == "object" ? e : {}
-  };
-}
-function zt(e) {
-  var Se, Ee, Ae, Pe, Te, _e, ke, Ce;
-  const { container: r, panes: t } = e;
-  if (!r) throw new Error("[StackedChart] container is required");
-  if (t.length < 1 || t.length > he)
-    throw new Error(`[StackedChart] panes must be 1–${he}`);
-  const a = e.masterPaneId ?? t[0].id, s = e.direction ?? "vertical", c = s === "horizontal", v = e.sharedXAxis ?? "bottom", T = e.sharedYAxis ?? "left", w = e.gap ?? 0, A = e.resizable, D = !!A, Y = typeof A == "object" ? A.dividerSize ?? 6 : 6, C = Be(e.layout), F = ((Se = C.margins) == null ? void 0 : Se.left) ?? ie.left, y = ((Ee = C.margins) == null ? void 0 : Ee.right) ?? ie.right, L = ((Ae = C.margins) == null ? void 0 : Ae.top) ?? ie.top, u = St(t, F), l = Et(t, y);
-  r.replaceChildren(), r.style.display = "flex", r.style.flexDirection = c ? "row" : "column", r.style.width = "100%";
-  const j = r.offsetHeight || parseInt(getComputedStyle(r).height, 10), _ = r.offsetWidth || parseInt(getComputedStyle(r).width, 10);
-  c ? (_ > 0 ? (r.style.width = `${_}px`, r.style.minWidth = `${_}px`) : r.style.width || (r.style.minWidth = "480px"), r.style.height = j > 0 ? `${j}px` : "320px", r.style.minHeight = r.style.height) : j > 0 ? (r.style.height = `${j}px`, r.style.minHeight = `${j}px`) : r.style.height || (r.style.minHeight = "320px"), r.style.overflow = "hidden", r.style.position = "relative";
-  const g = t.map((o) => o.id), x = t.map((o) => De(o.height)), p = /* @__PURE__ */ new Map(), R = [], f = [];
-  let b = null, $ = !1, k = 0, S = 0, z = null;
-  const H = (o) => {
-    const i = Array.from({ length: R.length }, (d, h) => h);
-    for (const d of i) {
-      const h = p.get(g[d]);
-      h && h.resize();
-    }
-    Ne(
-      i.map((d) => f[d]).filter(Boolean)
-    );
-  }, J = () => {
-    k || (k = requestAnimationFrame(() => {
-      k = 0, !$ && H();
-    }));
-  }, Z = new ResizeObserver(() => {
-    $ || J();
-  });
-  Z.observe(r);
-  const Q = () => {
-    for (let o = 0; o < R.length; o++)
-      R[o].style.cssText = pe(x[o], w, o, s);
-  }, K = () => {
-    const o = (R.length - 1) * Y;
-    return c ? Math.max(1, r.clientWidth - o) : Math.max(1, r.clientHeight - o);
-  }, re = () => {
-    for (const o of R) {
-      const i = o.firstElementChild;
-      i && (i.style.cssText = "position:absolute;inset:0;width:100%;height:100%;");
-    }
-  }, ne = () => {
-    const o = K(), i = R.map(
-      (h) => c ? h.getBoundingClientRect().width : h.getBoundingClientRect().height
-    ), d = i.reduce((h, P) => h + P, 0);
-    return d > 0 ? i.map((h) => h * (o / d)) : i;
-  }, n = (o) => {
-    for (let i = 0; i < R.length; i++) {
-      const d = Math.max(1, Math.round(o[i])), h = w > 0 && i > 0 ? c ? `margin-left:${w}px;` : `margin-top:${w}px;` : "", P = c ? "width" : "height";
-      R[i].style.cssText = `${P}:${d}px;flex:0 0 auto;min-height:0;min-width:0;position:relative;overflow:hidden;${h}`;
-    }
-  }, m = () => {
-    if (S = 0, !$ || !z) return;
-    const { sizes: o, leadingIdx: i, trailingIdx: d } = z;
-    n(o);
-    for (const h of [i, d]) {
-      const P = p.get(g[h]);
-      P && (P.resize(), Ne([f[h]]));
-    }
-  }, E = (o, i, d) => {
-    z = { sizes: o, leadingIdx: i, trailingIdx: d }, !S && (S = requestAnimationFrame(m));
-  }, O = (o) => {
-    const i = o.reduce((h, P) => h + P, 0);
-    if (i <= 0) return;
-    const d = x.reduce((h, P) => h + P, 0);
-    for (let h = 0; h < x.length; h++)
-      x[h] = o[h] / i * d;
-  }, oe = (o) => {
-    var i;
-    for (const d of p.values())
-      (i = d.setResizeSuspended) == null || i.call(d, o);
-  }, ae = (o, i) => {
-    var d, h, P, N, I, G;
-    for (let X = 0; X < g.length; X++)
-      X === o || X === i || (h = (d = p.get(g[X])) == null ? void 0 : d.setResizeSuspended) == null || h.call(d, !0);
-    (N = (P = p.get(g[o])) == null ? void 0 : P.setResizeSuspended) == null || N.call(P, !1), (G = (I = p.get(g[i])) == null ? void 0 : I.setResizeSuspended) == null || G.call(I, !1);
-  }, M = c ? ((Te = (Pe = e.layout) == null ? void 0 : Pe.margins) == null ? void 0 : Te.bottom) ?? He.bottom : ie.bottom;
-  for (let o = 0; o < t.length; o++) {
-    const i = t[o], d = o === 0, h = o === t.length - 1, P = c ? i.showXAxis ?? !0 : i.showXAxis ?? (v === "bottom" ? h : !0), N = c ? i.showYAxis ?? (T === "left" ? d : !0) : i.showYAxis ?? !0, I = document.createElement("div");
-    I.dataset.paneId = i.id, I.style.cssText = pe(x[o], w, o, s);
-    const G = document.createElement("div");
-    G.style.cssText = "position:absolute;inset:0;width:100%;height:100%;", I.appendChild(G), r.appendChild(I), R.push(I);
-    const X = ye(
-      Xe(
-        i,
-        G,
-        e,
-        o,
-        t.length,
-        {
-          left: c && !N ? ie.left : u,
-          right: l,
-          top: L,
-          bottom: M
-        },
-        P,
-        N,
-        s
-      )
-    ), ee = Ye(i.series);
-    if (ee.length)
-      for (const te of ee) X.addSeries(te);
-    i.yRange && i.yRange !== "auto" && X.zoom({ y: i.yRange, animate: !1 }), p.set(i.id, X), f.push({
-      chart: X,
-      wrapper: I,
-      baseYTickCount: Fe((_e = i.chart) == null ? void 0 : _e.yAxis),
-      baseXTickCount: ((Ce = (ke = i.chart) == null ? void 0 : ke.xAxis) == null ? void 0 : Ce.tickCount) ?? 8,
-      showXAxis: P
-    });
-  }
-  if (D && t.length > 1) {
-    const o = typeof A == "object" ? {
-      minPaneRatio: A.minPaneRatio,
-      minPanePx: A.minPanePx,
-      dividerSize: A.dividerSize
-    } : {};
-    b = vt(
-      r,
-      R,
-      g,
-      x,
-      {
-        direction: s,
-        ...o,
-        onDragStart: (i, d) => ($ = !0, oe(!0), ae(i, d), ne()),
-        onDragMove: (i, d, h) => {
-          E(i, d, h);
-        },
-        onDragEnd: (i) => {
-          S && (cancelAnimationFrame(S), S = 0), z = null, $ = !1;
-          const d = yt(i, K());
-          O(d), re(), Q(), oe(!1), H();
-        }
-      }
-    );
-  }
-  const W = p.get(a);
-  if (!W)
-    throw new Error(`[StackedChart] masterPaneId "${a}" not found in panes`);
-  const U = it(
-    Array.from(p.values()),
-    Pt(e.sync, a, s)
-  ), me = () => {
-    const o = W.theme ?? W.baseTheme;
-    return (o == null ? void 0 : o.backgroundColor) ?? "#ffffff";
-  }, be = () => {
-    const i = Date.now();
-    return new Promise((h) => {
-      const P = () => {
-        const N = ot();
-        if (N.pending === 0 && !N.isProcessing || Date.now() - i > 8e3) {
-          h();
-          return;
-        }
-        setTimeout(P, 50);
-      };
-      P();
-    }).then(() => new Promise((h) => {
-      requestAnimationFrame(() => {
-        H(), h();
-      });
-    }));
-  }, we = async (o = {}) => {
-    await be();
-    for (const d of p.values()) d.render();
-    await new Promise((d) => requestAnimationFrame(d));
-    const i = await ft(
-      r,
-      R,
-      Array.from(p.values()),
-      (b == null ? void 0 : b.dividers) ?? [],
-      me(),
-      o
-    );
-    if (o.download) {
-      const d = o.format === "jpeg" ? "jpg" : o.format ?? "png", h = document.createElement("a");
-      h.download = `${o.fileName ?? "velo-plot-stack"}.${d}`, h.href = i, document.body.appendChild(h), h.click(), document.body.removeChild(h);
-    }
-    return i;
-  }, Re = (o) => {
-    var $e, ze, Me, Le;
-    if (p.size >= he)
-      throw new Error(`[StackedChart] Cannot exceed ${he} panes`);
-    if (p.has(o.id))
-      throw new Error(`[StackedChart] Pane "${o.id}" already exists`);
-    if (!c && v === "bottom" && g.length > 0) {
-      const V = g[g.length - 1];
-      ($e = p.get(V)) == null || $e.updateXAxis({
-        showLabels: !1,
-        showTicks: !1,
-        showLine: !1
-      });
-    }
-    const i = De(o.height ?? 0.25), d = x.reduce((V, Ge) => V + Ge, 0), h = d > 0 ? (1 - i) / d : 1;
-    for (let V = 0; V < x.length; V++) x[V] *= h;
-    const P = g.length;
-    g.push(o.id), x.push(i);
-    const N = document.createElement("div");
-    N.dataset.paneId = o.id, N.style.cssText = pe(x[P], w, P, s);
-    const I = document.createElement("div");
-    I.style.cssText = "position:absolute;inset:0;width:100%;height:100%;", N.appendChild(I), r.appendChild(N), R.push(N);
-    const X = c ? o.showXAxis ?? !0 : o.showXAxis ?? (v === "bottom" ? !0 : !0), ee = c ? o.showYAxis ?? (T === "left" ? P === 0 : !0) : o.showYAxis ?? !0, te = ye(
-      Xe(
-        o,
-        I,
-        e,
-        P,
-        g.length,
-        {
-          left: c && !ee ? ie.left : u,
-          right: l,
-          top: L,
-          bottom: M
-        },
-        X,
-        ee,
-        s
-      )
-    ), qe = Ye(o.series);
-    for (const V of qe) te.addSeries(V);
-    return o.yRange && o.yRange !== "auto" && te.zoom({ y: o.yRange, animate: !1 }), p.set(o.id, te), f.push({
-      chart: te,
-      wrapper: N,
-      baseYTickCount: Fe((ze = o.chart) == null ? void 0 : ze.yAxis),
-      baseXTickCount: ((Le = (Me = o.chart) == null ? void 0 : Me.xAxis) == null ? void 0 : Le.tickCount) ?? 8,
-      showXAxis: X
-    }), U.add(te), Q(), H(), te;
-  };
-  return {
-    container: r,
-    getPane(o) {
-      return p.get(o);
-    },
-    getPanes() {
-      return Array.from(p.values());
-    },
-    getMaster() {
-      return W;
-    },
-    getGroup() {
-      return U;
-    },
-    fitAll(o) {
-      U.fitAll(o);
-    },
-    resetAll() {
-      U.resetAll();
-    },
-    resize() {
-      H();
-    },
-    getPaneRatios() {
-      const o = {};
-      for (let i = 0; i < g.length; i++)
-        o[g[i]] = x[i];
-      return o;
-    },
-    setPaneRatios(o) {
-      for (let i = 0; i < g.length; i++) {
-        const d = g[i];
-        o[d] !== void 0 && (x[i] = o[d]);
-      }
-      xt(R, x, s), H();
-    },
-    setSyncAxis(o) {
-      U.syncAxis(o);
-    },
-    getSyncAxis() {
-      return U.getOptions().axis ?? "x";
-    },
-    setSyncOptions(o) {
-      U.updateOptions(o);
-    },
-    whenReady() {
-      return be();
-    },
-    exportImage(o) {
-      return we(o);
-    },
-    snapshot(o) {
-      return we(o);
-    },
-    addPane(o) {
-      return Re(o);
-    },
-    async addIndicator(o, i = {}) {
-      var X;
-      const d = p.get(a) ?? W;
-      if (i.pane !== "new")
-        return { ...await et(d, o, i), chart: d };
-      const h = tt(d, i.sourceSeriesId), { x: P, prices: N } = rt(h), I = await nt(o, P, N, {
-        id: i.id ?? o,
-        label: i.label ?? o.toUpperCase(),
-        height: i.paneHeight ?? 0.25,
-        showXAxis: i.showXAxis,
-        period: i.period,
-        fastPeriod: i.fastPeriod,
-        slowPeriod: i.slowPeriod,
-        signalPeriod: i.signalPeriod,
-        stdDev: i.stdDev
-      }), G = Re(I);
-      return {
-        id: I.id,
-        preset: o,
-        placement: "oscillator",
-        seriesIds: ((X = I.series) == null ? void 0 : X.map((ee) => ee.id)) ?? [],
-        paneId: I.id,
-        chart: G
-      };
-    },
-    destroy() {
-      k && cancelAnimationFrame(k), S && cancelAnimationFrame(S), Z.disconnect(), b == null || b.destroy(), U.destroy();
-      for (const o of p.values()) o.destroy();
-      p.clear(), r.replaceChildren();
-    }
-  };
-}
-export {
-  $t as S,
-  he as a,
-  xe as b,
-  zt as c,
-  ct as u
-};
-//# sourceMappingURL=createStackedChart-BPooTQ9z.js.map