velo-plot 1.15.0 → 2.0.0

package/dist/createStackedChart-CjsKcOvX.js

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