velo-plot 1.11.1 → 1.15.0

package/dist/createStackedChart-CjsKcOvX.js

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