velo-plot 1.12.0 → 1.19.0

package/dist/createStackedChart-BPooTQ9z.js

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