velo-plot 2.0.0 → 2.20.0

package/dist/{createStackedChart-DJSmqerD.js → createStackedChart-DxNW0VkF.js}

@@ -1,7 +1,7 @@
-import { m as Lt, M as G, c as St, g as Yt, a as Bt, r as _t, h as Ot, b as jt, i as Nt } from "./ChartCore-BhQ4j7f5.js";
-import { c as Wt } from "./index-CUGS98p4.js";
-const ot = 5, rt = 1 / 6, qt = { top: 4, bottom: 8, left: 4 }, Dt = { bottom: 55 };
-function Gt(t) {
+import { m as Mt, M as W, c as St, g as Ot, a as Yt, r as Bt, h as _t, b as jt, i as Nt } from "./ChartCore-ivzLqxVb.js";
+import { c as qt } from "./index-CaXWSOTk.js";
+const ot = 5, rt = 1 / 6, Gt = { top: 4, bottom: 8, left: 4 }, Lt = { bottom: 55 };
+function Wt(t) {
   if (typeof t == "number") return t;
   switch (t) {
     case "8k":
@@ -30,7 +30,7 @@ function Pt(t, n) {
   };
 }
 async function Kt(t, n, o, r, a, d = {}) {
-  var h;
+  var f;
   const {
     format: b = "png",
     quality: k = 0.92,
@@ -38,57 +38,57 @@ async function Kt(t, n, o, r, a, d = {}) {
     includeBackground: R = !0,
     includeDividers: X = !0,
     transparent: H = !1
-  } = d, E = Gt(y), $ = (((h = o[0]) == null ? void 0 : h.getDPR()) ?? (typeof window < "u" ? window.devicePixelRatio : 1)) * E, _ = o.map((l) => l.getDPR());
+  } = d, E = Wt(y), C = (((f = o[0]) == null ? void 0 : f.getDPR()) ?? (typeof window < "u" ? window.devicePixelRatio : 1)) * E, B = o.map((l) => l.getDPR());
   try {
     if (E > 1) {
-      for (const m of o)
-        m.setDPR($), m.render();
-      await new Promise((m) => requestAnimationFrame(m)), await new Promise((m) => setTimeout(m, 50));
+      for (const u of o)
+        typeof u.setDevicePixelRatioOverride == "function" ? u.setDevicePixelRatioOverride(C) : u.setDPR(C), u.render();
+      await new Promise((u) => requestAnimationFrame(u)), await new Promise((u) => requestAnimationFrame(u)), await new Promise((u) => setTimeout(u, 50));
     }
-    const l = t.getBoundingClientRect(), T = Math.max(1, Math.round(l.width * $)), S = Math.max(1, Math.round(l.height * $)), u = document.createElement("canvas");
-    u.width = T, u.height = S;
-    const f = u.getContext("2d");
-    if (!f) throw new Error("Failed to create export canvas");
-    !H && R && (f.fillStyle = a || "#ffffff", f.fillRect(0, 0, T, S));
+    const l = t.getBoundingClientRect(), T = Math.max(1, Math.round(l.width * C)), S = Math.max(1, Math.round(l.height * C)), h = document.createElement("canvas");
+    h.width = T, h.height = S;
+    const m = h.getContext("2d");
+    if (!m) throw new Error("Failed to create export canvas");
+    !H && R && (m.fillStyle = a || "#ffffff", m.fillRect(0, 0, T, S));
     const g = b === "jpeg" ? "jpeg" : "png";
-    for (let m = 0; m < n.length; m++) {
-      const w = Pt(n[m], l), M = o[m].exportImage(g), A = await Ut(M);
-      f.drawImage(
+    for (let u = 0; u < n.length; u++) {
+      const w = Pt(n[u], l), D = o[u].exportImage(g), A = await Ut(D);
+      m.drawImage(
         A,
-        Math.round(w.x * $),
-        Math.round(w.y * $),
-        Math.round(w.width * $),
-        Math.round(w.height * $)
+        Math.round(w.x * C),
+        Math.round(w.y * C),
+        Math.round(w.width * C),
+        Math.round(w.height * C)
       );
     }
     if (X && r.length) {
-      f.fillStyle = "rgba(128, 128, 128, 0.35)";
-      for (const m of r) {
-        const w = Pt(m, l);
-        f.fillRect(
-          Math.round(w.x * $),
-          Math.round(w.y * $),
-          Math.max(1, Math.round(w.width * $)),
-          Math.max(1, Math.round(w.height * $))
+      m.fillStyle = "rgba(128, 128, 128, 0.35)";
+      for (const u of r) {
+        const w = Pt(u, l);
+        m.fillRect(
+          Math.round(w.x * C),
+          Math.round(w.y * C),
+          Math.max(1, Math.round(w.width * C)),
+          Math.max(1, Math.round(w.height * C))
         );
       }
     }
     const v = b === "jpeg" ? "image/jpeg" : b === "webp" ? "image/webp" : "image/png";
-    return u.toDataURL(v, k);
+    return h.toDataURL(v, k);
   } finally {
     if (E > 1)
       for (let l = 0; l < o.length; l++)
-        o[l].setDPR(_[l]), o[l].render();
+        typeof o[l].setDevicePixelRatioOverride == "function" ? o[l].setDevicePixelRatioOverride(null) : o[l].setDPR(B[l]), o[l].render();
   }
 }
-const D = "velo-pane-divider", F = "velo-pane-resizing";
+const L = "velo-pane-divider", F = "velo-pane-resizing";
 function Qt(t) {
   if (typeof document > "u") return;
   let n = document.getElementById("velo-pane-divider-styles");
   n || (n = document.createElement("style"), n.id = "velo-pane-divider-styles", document.head.appendChild(n));
   const r = t === "horizontal" ? "ew-resize" : "ns-resize";
   n.textContent = `
-    .${D} {
+    .${L} {
       flex: 0 0 var(--velo-divider-size, 6px);
       position: relative;
       cursor: ${r};
@@ -97,39 +97,39 @@ function Qt(t) {
       background: transparent;
       user-select: none;
     }
-    .${D}::after {
+    .${L}::after {
       content: "";
       position: absolute;
       background: rgba(128, 128, 128, 0.35);
       transition: background 0.15s;
     }
-    .${D}[data-direction="vertical"]::after {
+    .${L}[data-direction="vertical"]::after {
       left: 0;
       right: 0;
       top: 50%;
       transform: translateY(-50%);
       height: 1px;
     }
-    .${D}[data-direction="horizontal"]::after {
+    .${L}[data-direction="horizontal"]::after {
       top: 0;
       bottom: 0;
       left: 50%;
       transform: translateX(-50%);
       width: 1px;
     }
-    .${D}:hover::after,
-    .${F} .${D}::after {
+    .${L}:hover::after,
+    .${F} .${L}::after {
       background: rgba(0, 242, 255, 0.65);
     }
-    .${D}[data-direction="vertical"]:hover::after,
-    .${F} .${D}[data-direction="vertical"]::after {
+    .${L}[data-direction="vertical"]:hover::after,
+    .${F} .${L}[data-direction="vertical"]::after {
       height: 2px;
     }
-    .${D}[data-direction="horizontal"]:hover::after,
-    .${F} .${D}[data-direction="horizontal"]::after {
+    .${L}[data-direction="horizontal"]:hover::after,
+    .${F} .${L}[data-direction="horizontal"]::after {
       width: 2px;
     }
-    .${D}-handle {
+    .${L}-handle {
       position: absolute;
       left: 50%;
       top: 50%;
@@ -146,8 +146,8 @@ function Qt(t) {
       font-size: 10px;
       line-height: 1;
     }
-    .${D}:hover .${D}-handle,
-    .${F} .${D}-handle {
+    .${L}:hover .${L}-handle,
+    .${F} .${L}-handle {
       opacity: 1;
     }
     .${F} {
@@ -164,9 +164,9 @@ function Qt(t) {
 }
 function Zt(t, n, o) {
   const r = document.createElement("div");
-  r.className = D, r.dataset.dividerIndex = String(t), r.dataset.direction = o, r.style.setProperty("--velo-divider-size", `${n}px`);
+  r.className = L, r.dataset.dividerIndex = String(t), r.dataset.direction = o, r.style.setProperty("--velo-divider-size", `${n}px`);
   const a = document.createElement("div");
-  return a.className = `${D}-handle`, a.textContent = o === "horizontal" ? "⇔" : "⇕", r.appendChild(a), r;
+  return a.className = `${L}-handle`, a.textContent = o === "horizontal" ? "⇔" : "⇕", r.appendChild(a), r;
 }
 function Vt(t, n) {
   const o = n === "horizontal" ? "min-width:0;" : "min-height:0;";
@@ -197,58 +197,58 @@ function te(t, n) {
 function ee(t, n, o, r, a = {}) {
   const d = a.direction ?? "vertical", b = d === "horizontal";
   Qt(d);
-  const k = a.minPaneRatio ?? rt, y = a.minPanePx ?? 0, R = a.dividerSize ?? 6, X = n.length, H = (h) => b ? Jt(h, X, k, y) : kt(h, X, k, y), E = [], W = [];
+  const k = a.minPaneRatio ?? rt, y = a.minPanePx ?? 0, R = a.dividerSize ?? 6, X = n.length, H = (f) => b ? Jt(f, X, k, y) : kt(f, X, k, y), E = [], q = [];
   if (n.length < 2)
     return { dividers: E, destroy: () => {
     } };
-  const $ = () => {
-    const h = E.length * R, l = b ? t.clientWidth : t.clientHeight;
-    return Math.max(1, l - h);
-  }, _ = (h, l, T, S) => {
+  const C = () => {
+    const f = E.length * R, l = b ? t.clientWidth : t.clientHeight;
+    return Math.max(1, l - f);
+  }, B = (f, l, T, S) => {
     var A;
-    const u = $(), f = H(u), g = S.reduce(
-      (x, z, I) => I === h || I === l ? x : x + z,
+    const h = C(), m = H(h), g = S.reduce(
+      (x, z, I) => I === f || I === l ? x : x + z,
       0
-    ), v = u - g;
-    let m = S[h] + T;
-    m = Math.max(f, Math.min(v - f, m));
-    const w = v - m;
-    S[h] = m, S[l] = w;
-    const M = r.reduce((x, z) => x + z, 0);
-    if (r[h] = m / u * M, r[l] = w / u * M, (A = a.onDragMove) == null || A.call(a, S, h, l), a.onResize) {
+    ), v = h - g;
+    let u = S[f] + T;
+    u = Math.max(m, Math.min(v - m, u));
+    const w = v - u;
+    S[f] = u, S[l] = w;
+    const D = r.reduce((x, z) => x + z, 0);
+    if (r[f] = u / h * D, r[l] = w / h * D, (A = a.onDragMove) == null || A.call(a, S, f, l), a.onResize) {
       const x = {};
       for (let z = 0; z < o.length; z++)
         x[o[z]] = r[z];
       a.onResize(x);
     }
   };
-  for (let h = 0; h < n.length - 1; h++) {
-    const l = Zt(h, R, d);
-    n[h].after(l), E.push(l);
-    const S = (u) => {
-      var w, M;
-      u.preventDefault(), l.setPointerCapture(u.pointerId), t.classList.add(F);
-      const f = ((w = a.onDragStart) == null ? void 0 : w.call(a, h, h + 1)) ?? n.map(
+  for (let f = 0; f < n.length - 1; f++) {
+    const l = Zt(f, R, d);
+    n[f].after(l), E.push(l);
+    const S = (h) => {
+      var w, D;
+      h.preventDefault(), l.setPointerCapture(h.pointerId), t.classList.add(F);
+      const m = ((w = a.onDragStart) == null ? void 0 : w.call(a, f, f + 1)) ?? n.map(
         (A) => b ? A.getBoundingClientRect().width : A.getBoundingClientRect().height
       );
-      (M = a.onDragMove) == null || M.call(a, f, h, h + 1);
-      let g = b ? u.clientX : u.clientY;
+      (D = a.onDragMove) == null || D.call(a, m, f, f + 1);
+      let g = b ? h.clientX : h.clientY;
       const v = (A) => {
         const x = b ? A.clientX : A.clientY, z = x - g;
-        g = x, z !== 0 && _(h, h + 1, z, f);
-      }, m = (A) => {
+        g = x, z !== 0 && B(f, f + 1, z, m);
+      }, u = (A) => {
         var x;
-        l.releasePointerCapture(A.pointerId), t.classList.remove(F), l.removeEventListener("pointermove", v), l.removeEventListener("pointerup", m), l.removeEventListener("pointercancel", m), (x = a.onDragEnd) == null || x.call(a, f);
+        l.releasePointerCapture(A.pointerId), t.classList.remove(F), l.removeEventListener("pointermove", v), l.removeEventListener("pointerup", u), l.removeEventListener("pointercancel", u), (x = a.onDragEnd) == null || x.call(a, m);
       };
-      l.addEventListener("pointermove", v), l.addEventListener("pointerup", m), l.addEventListener("pointercancel", m);
+      l.addEventListener("pointermove", v), l.addEventListener("pointerup", u), l.addEventListener("pointercancel", u);
     };
-    l.addEventListener("pointerdown", S), W.push(() => l.removeEventListener("pointerdown", S));
+    l.addEventListener("pointerdown", S), q.push(() => l.removeEventListener("pointerdown", S));
   }
   return {
     dividers: E,
     destroy: () => {
-      for (const h of W) h();
-      for (const h of E) h.remove();
+      for (const f of q) f();
+      for (const f of E) f.remove();
       t.classList.remove(F);
     }
   };
@@ -310,39 +310,38 @@ function se(t, n) {
   return n + o;
 }
 function ce(t, n) {
-  const o = n === "horizontal" ? "min-width:0;" : "min-height:0;";
-  return typeof t == "number" ? `flex:${t} 1 0;${o}` : `flex:1 1 ${t};${o}`;
+  return `flex:${t} 1 0;${n === "horizontal" ? "min-width:0;" : "min-height:0;"}`;
 }
 function $t(t) {
   if (!(t != null && t.length)) return [];
   const n = [];
   for (const o of t)
-    o.type === "indicator" ? n.push(...Yt(o)) : n.push(o);
+    o.type === "indicator" ? n.push(...Ot(o)) : n.push(o);
   return n;
 }
-function Mt(t, n, o, r, a, d, b, k, y) {
-  var M, A, x, z, I, V, U, K, Q, J, tt, et, nt;
-  const R = r === 0, X = r === a - 1, H = y === "horizontal", W = !H && o.sharedXAxis !== "none" && !b, _ = H && (o.sharedYAxis ?? "left") !== "none" && !k, l = (o.gap ?? 0) > 0 ? qt : { top: 0, bottom: 0, left: 0 }, T = H ? {
+function Dt(t, n, o, r, a, d, b, k, y) {
+  var D, A, x, z, I, V, U, K, Q, J, tt, et, nt;
+  const R = r === 0, X = r === a - 1, H = y === "horizontal", q = !H && o.sharedXAxis !== "none" && !b, B = H && (o.sharedYAxis ?? "left") !== "none" && !k, l = (o.gap ?? 0) > 0 ? Gt : { top: 0, bottom: 0, left: 0 }, T = H ? {
     top: d.top,
-    right: X ? d.right : l.left ?? 0,
-    left: _ ? l.left ?? 4 : d.left,
+    right: X ? d.right : l.left,
+    left: B ? l.left : d.left,
     bottom: d.bottom
   } : {
     top: R ? d.top : l.top,
     right: d.right,
     left: d.left,
-    bottom: W ? l.bottom : X ? ((A = (M = o.layout) == null ? void 0 : M.margins) == null ? void 0 : A.bottom) ?? Dt.bottom : d.bottom
-  }, S = ((x = t.chart) == null ? void 0 : x.xAxis) ?? {}, u = {
+    bottom: q ? l.bottom : X ? ((A = (D = o.layout) == null ? void 0 : D.margins) == null ? void 0 : A.bottom) ?? Lt.bottom : d.bottom
+  }, S = ((x = t.chart) == null ? void 0 : x.xAxis) ?? {}, h = {
     ...S,
     showLine: b ? S.showLine ?? !0 : !1,
     showTicks: b ? S.showTicks ?? !0 : !1,
     showLabels: b ? S.showLabels ?? !0 : !1
-  }, f = ((z = t.chart) == null ? void 0 : z.yAxis) ?? {}, v = (Array.isArray(f) ? f : [f]).map((q) => ({
-    ...q,
-    showLine: k ? q.showLine ?? !0 : !1,
-    showTicks: k ? q.showTicks ?? !0 : !1,
-    showLabels: k ? q.showLabels ?? !0 : !1
-  })), m = Array.isArray((I = t.chart) == null ? void 0 : I.yAxis) ? v : v[0];
+  }, m = ((z = t.chart) == null ? void 0 : z.yAxis) ?? {}, v = (Array.isArray(m) ? m : [m]).map((G) => ({
+    ...G,
+    showLine: k ? G.showLine ?? !0 : !1,
+    showTicks: k ? G.showTicks ?? !0 : !1,
+    showLabels: k ? G.showLabels ?? !0 : !1
+  })), u = Array.isArray((I = t.chart) == null ? void 0 : I.yAxis) ? v : v[0];
   return (t.interactive ?? !0) || (n.style.pointerEvents = "none"), {
     ...t.chart,
     id: t.id,
@@ -351,9 +350,9 @@ function Mt(t, n, o, r, a, d, b, k, y) {
     theme: ((U = t.chart) == null ? void 0 : U.theme) ?? o.theme,
     devicePixelRatio: o.devicePixelRatio ?? ((K = t.chart) == null ? void 0 : K.devicePixelRatio),
     loading: ((Q = t.chart) == null ? void 0 : Q.loading) ?? !1,
-    xAxis: u,
-    yAxis: m,
-    layout: Lt({
+    xAxis: h,
+    yAxis: u,
+    layout: Mt({
       ...o.layout,
       ...(J = t.chart) == null ? void 0 : J.layout,
       margins: { ...T, ...(tt = o.layout) == null ? void 0 : tt.margins, ...(nt = (et = t.chart) == null ? void 0 : et.layout) == null ? void 0 : nt.margins }
@@ -388,32 +387,32 @@ function fe(t) {
   if (!n) throw new Error("[StackedChart] container is required");
   if (o.length < 1 || o.length > ot)
     throw new Error(`[StackedChart] panes must be 1–${ot}`);
-  const r = t.masterPaneId ?? o[0].id, a = t.direction ?? "vertical", d = a === "horizontal", b = t.sharedXAxis ?? "bottom", k = t.sharedYAxis ?? "left", y = t.gap ?? 0, R = t.resizable, X = !!R, H = typeof R == "object" ? R.dividerSize ?? 6 : 6, E = Lt(t.layout), W = ((ut = E.margins) == null ? void 0 : ut.left) ?? G.left, $ = ((ht = E.margins) == null ? void 0 : ht.right) ?? G.right, _ = ((ft = E.margins) == null ? void 0 : ft.top) ?? G.top, h = ae(o, W), l = se(o, $);
+  const r = t.masterPaneId ?? o[0].id, a = t.direction ?? "vertical", d = a === "horizontal", b = t.sharedXAxis ?? "bottom", k = t.sharedYAxis ?? "left", y = t.gap ?? 0, R = t.resizable, X = !!R, H = typeof R == "object" ? R.dividerSize ?? 6 : 6, E = Mt(t.layout), q = ((ut = E.margins) == null ? void 0 : ut.left) ?? W.left, C = ((ht = E.margins) == null ? void 0 : ht.right) ?? W.right, B = ((ft = E.margins) == null ? void 0 : ft.top) ?? W.top, f = ae(o, q), l = se(o, C);
   n.replaceChildren(), n.style.display = "flex", n.style.flexDirection = d ? "row" : "column", n.style.width = "100%";
   const T = n.offsetHeight || parseInt(getComputedStyle(n).height, 10), S = n.offsetWidth || parseInt(getComputedStyle(n).width, 10);
-  d ? (S > 0 ? (n.style.width = `${S}px`, n.style.minWidth = `${S}px`) : n.style.width || (n.style.minWidth = "480px"), n.style.height = T > 0 ? `${T}px` : "320px", n.style.minHeight = n.style.height) : T > 0 ? (n.style.height = `${T}px`, n.style.minHeight = `${T}px`) : n.style.height || (n.style.minHeight = "320px"), n.style.overflow = "hidden", n.style.position = "relative";
-  const u = o.map((e) => e.id), f = o.map((e) => Rt(e.height)), g = /* @__PURE__ */ new Map(), v = [], m = [];
-  let w = null, M = !1, A = 0, x = 0, z = null;
+  d ? (S > 0 && (n.style.width = `${S}px`, n.style.minWidth = `${S}px`), n.style.height = T > 0 ? `${T}px` : "320px", n.style.minHeight = n.style.height) : T > 0 ? (n.style.height = `${T}px`, n.style.minHeight = `${T}px`) : n.style.height || (n.style.minHeight = "320px"), n.style.overflow = "hidden", n.style.position = "relative";
+  const h = o.map((e) => e.id), m = o.map((e) => Rt(e.height)), g = /* @__PURE__ */ new Map(), v = [], u = [];
+  let w = null, D = !1, A = 0, x = 0, z = null;
   const I = (e) => {
     const i = Array.from({ length: v.length }, (s, c) => c);
     for (const s of i) {
-      const c = g.get(u[s]);
+      const c = g.get(h[s]);
       c && c.resize();
     }
     Ct(
-      i.map((s) => m[s]).filter(Boolean)
+      i.map((s) => u[s]).filter(Boolean)
     );
   }, V = () => {
     A || (A = requestAnimationFrame(() => {
-      A = 0, !M && I();
+      A = 0, !D && I();
     }));
   }, U = new ResizeObserver(() => {
-    M || V();
+    D || V();
   });
   U.observe(n);
   const K = () => {
     for (let e = 0; e < v.length; e++)
-      v[e].style.cssText = it(f[e], y, e, a);
+      v[e].style.cssText = it(m[e], y, e, a);
   }, Q = () => {
     const e = (v.length - 1) * H;
     return d ? Math.max(1, n.clientWidth - e) : Math.max(1, n.clientHeight - e);
@@ -433,58 +432,58 @@ function fe(t) {
       v[i].style.cssText = `${p}:${s}px;flex:0 0 auto;min-height:0;min-width:0;position:relative;overflow:hidden;${c}`;
     }
   }, nt = () => {
-    if (x = 0, !M || !z) return;
+    if (x = 0, !D || !z) return;
     const { sizes: e, leadingIdx: i, trailingIdx: s } = z;
     et(e);
     for (const c of [i, s]) {
-      const p = g.get(u[c]);
-      p && (p.resize(), Ct([m[c]]));
+      const p = g.get(h[c]);
+      p && (p.resize(), Ct([u[c]]));
     }
-  }, q = (e, i, s) => {
+  }, G = (e, i, s) => {
     z = { sizes: e, leadingIdx: i, trailingIdx: s }, !x && (x = requestAnimationFrame(nt));
   }, Tt = (e) => {
     const i = e.reduce((c, p) => c + p, 0);
     if (i <= 0) return;
-    const s = f.reduce((c, p) => c + p, 0);
-    for (let c = 0; c < f.length; c++)
-      f[c] = e[c] / i * s;
+    const s = m.reduce((c, p) => c + p, 0);
+    for (let c = 0; c < m.length; c++)
+      m[c] = e[c] / i * s;
   }, at = (e) => {
     var i;
     for (const s of g.values())
       (i = s.setResizeSuspended) == null || i.call(s, e);
   }, It = (e, i) => {
-    var s, c, p, C, P, Y;
-    for (let L = 0; L < u.length; L++)
-      L === e || L === i || (c = (s = g.get(u[L])) == null ? void 0 : s.setResizeSuspended) == null || c.call(s, !0);
-    (C = (p = g.get(u[e])) == null ? void 0 : p.setResizeSuspended) == null || C.call(p, !1), (Y = (P = g.get(u[i])) == null ? void 0 : P.setResizeSuspended) == null || Y.call(P, !1);
-  }, st = d ? ((gt = (mt = t.layout) == null ? void 0 : mt.margins) == null ? void 0 : gt.bottom) ?? Dt.bottom : G.bottom;
+    var s, c, p, $, P, O;
+    for (let M = 0; M < h.length; M++)
+      M === e || M === i || (c = (s = g.get(h[M])) == null ? void 0 : s.setResizeSuspended) == null || c.call(s, !0);
+    ($ = (p = g.get(h[e])) == null ? void 0 : p.setResizeSuspended) == null || $.call(p, !1), (O = (P = g.get(h[i])) == null ? void 0 : P.setResizeSuspended) == null || O.call(P, !1);
+  }, st = d ? ((gt = (mt = t.layout) == null ? void 0 : mt.margins) == null ? void 0 : gt.bottom) ?? Lt.bottom : W.bottom;
   for (let e = 0; e < o.length; e++) {
-    const i = o[e], s = e === 0, c = e === o.length - 1, p = d ? i.showXAxis ?? !0 : i.showXAxis ?? (b === "bottom" ? c : !0), C = d ? i.showYAxis ?? (k === "left" ? s : !0) : i.showYAxis ?? !0, P = document.createElement("div");
-    P.dataset.paneId = i.id, P.style.cssText = it(f[e], y, e, a);
-    const Y = document.createElement("div");
-    Y.style.cssText = "position:absolute;inset:0;width:100%;height:100%;", P.appendChild(Y), n.appendChild(P), v.push(P);
-    const L = St(
-      Mt(
+    const i = o[e], s = e === 0, c = e === o.length - 1, p = d ? i.showXAxis ?? !0 : i.showXAxis ?? (b === "bottom" ? c : !0), $ = d ? i.showYAxis ?? (k === "left" ? s : !0) : i.showYAxis ?? !0, P = document.createElement("div");
+    P.dataset.paneId = i.id, P.style.cssText = it(m[e], y, e, a);
+    const O = document.createElement("div");
+    O.style.cssText = "position:absolute;inset:0;width:100%;height:100%;", P.appendChild(O), n.appendChild(P), v.push(P);
+    const M = St(
+      Dt(
         i,
-        Y,
+        O,
         t,
         e,
         o.length,
         {
-          left: d && !C ? G.left : h,
+          left: d && !$ ? W.left : f,
           right: l,
-          top: _,
+          top: B,
           bottom: st
         },
         p,
-        C,
+        $,
         a
       )
     ), j = $t(i.series);
     if (j.length)
-      for (const N of j) L.addSeries(N);
-    i.yRange && i.yRange !== "auto" && L.zoom({ y: i.yRange, animate: !1 }), g.set(i.id, L), m.push({
-      chart: L,
+      for (const N of j) M.addSeries(N);
+    i.yRange && i.yRange !== "auto" && M.zoom({ y: i.yRange, animate: !1 }), g.set(i.id, M), u.push({
+      chart: M,
       wrapper: P,
       baseYTickCount: zt((pt = i.chart) == null ? void 0 : pt.yAxis),
       baseXTickCount: ((xt = (yt = i.chart) == null ? void 0 : yt.xAxis) == null ? void 0 : xt.tickCount) ?? 8,
@@ -500,17 +499,17 @@ function fe(t) {
     w = ee(
       n,
       v,
-      u,
-      f,
+      h,
+      m,
       {
         direction: a,
         ...e,
-        onDragStart: (i, s) => (M = !0, at(!0), It(i, s), tt()),
+        onDragStart: (i, s) => (D = !0, at(!0), It(i, s), tt()),
         onDragMove: (i, s, c) => {
-          q(i, s, c);
+          G(i, s, c);
         },
         onDragEnd: (i) => {
-          x && (cancelAnimationFrame(x), x = 0), z = null, M = !1;
+          x && (cancelAnimationFrame(x), x = 0), z = null, D = !1;
           const s = te(i, Q());
           Tt(s), J(), K(), at(!1), I();
         }
@@ -520,7 +519,7 @@ function fe(t) {
   const Z = g.get(r);
   if (!Z)
     throw new Error(`[StackedChart] masterPaneId "${r}" not found in panes`);
-  const O = Wt(
+  const _ = qt(
     Array.from(g.values()),
     le(t.sync, r, a)
   ), Ft = () => {
@@ -530,8 +529,8 @@ function fe(t) {
     const i = Date.now();
     return new Promise((c) => {
       const p = () => {
-        const C = Nt();
-        if (C.pending === 0 && !C.isProcessing || Date.now() - i > 8e3) {
+        const $ = Nt();
+        if ($.pending === 0 && !$.isProcessing || Date.now() - i > 8e3) {
           c();
           return;
         }
@@ -566,48 +565,48 @@ function fe(t) {
       throw new Error(`[StackedChart] Cannot exceed ${ot} panes`);
     if (g.has(e.id))
       throw new Error(`[StackedChart] Pane "${e.id}" already exists`);
-    if (!d && b === "bottom" && u.length > 0) {
-      const B = u[u.length - 1];
-      (vt = g.get(B)) == null || vt.updateXAxis({
+    if (!d && b === "bottom" && h.length > 0) {
+      const Y = h[h.length - 1];
+      (vt = g.get(Y)) == null || vt.updateXAxis({
         showLabels: !1,
         showTicks: !1,
         showLine: !1
       });
     }
-    const i = Rt(e.height ?? 0.25), s = f.reduce((B, Ht) => B + Ht, 0), c = s > 0 ? (1 - i) / s : 1;
-    for (let B = 0; B < f.length; B++) f[B] *= c;
-    const p = u.length;
-    u.push(e.id), f.push(i);
-    const C = document.createElement("div");
-    C.dataset.paneId = e.id, C.style.cssText = it(f[p], y, p, a);
+    const i = Rt(e.height ?? 0.25), s = m.reduce((Y, Ht) => Y + Ht, 0), c = s > 0 ? (1 - i) / s : 1;
+    for (let Y = 0; Y < m.length; Y++) m[Y] *= c;
+    const p = h.length;
+    h.push(e.id), m.push(i);
+    const $ = document.createElement("div");
+    $.dataset.paneId = e.id, $.style.cssText = it(m[p], y, p, a);
     const P = document.createElement("div");
-    P.style.cssText = "position:absolute;inset:0;width:100%;height:100%;", C.appendChild(P), n.appendChild(C), v.push(C);
-    const L = d ? e.showXAxis ?? !0 : e.showXAxis ?? (b === "bottom" ? !0 : !0), j = d ? e.showYAxis ?? (k === "left" ? p === 0 : !0) : e.showYAxis ?? !0, N = St(
-      Mt(
+    P.style.cssText = "position:absolute;inset:0;width:100%;height:100%;", $.appendChild(P), n.appendChild($), v.push($);
+    const M = d ? e.showXAxis ?? !0 : e.showXAxis ?? (b === "bottom" ? !0 : !0), j = d ? e.showYAxis ?? (k === "left" ? p === 0 : !0) : e.showYAxis ?? !0, N = St(
+      Dt(
         e,
         P,
         t,
         p,
-        u.length,
+        h.length,
         {
-          left: d && !j ? G.left : h,
+          left: d && !j ? W.left : f,
           right: l,
-          top: _,
+          top: B,
           bottom: st
         },
-        L,
+        M,
         j,
         a
       )
     ), Xt = $t(e.series);
-    for (const B of Xt) N.addSeries(B);
-    return e.yRange && e.yRange !== "auto" && N.zoom({ y: e.yRange, animate: !1 }), g.set(e.id, N), m.push({
+    for (const Y of Xt) N.addSeries(Y);
+    return e.yRange && e.yRange !== "auto" && N.zoom({ y: e.yRange, animate: !1 }), g.set(e.id, N), u.push({
       chart: N,
-      wrapper: C,
+      wrapper: $,
       baseYTickCount: zt((wt = e.chart) == null ? void 0 : wt.yAxis),
       baseXTickCount: ((At = (bt = e.chart) == null ? void 0 : bt.xAxis) == null ? void 0 : At.tickCount) ?? 8,
-      showXAxis: L
-    }), O.add(N), K(), I(), N;
+      showXAxis: M
+    }), _.add(N), K(), I(), N;
   };
   return {
     container: n,
@@ -621,38 +620,38 @@ function fe(t) {
       return Z;
     },
     getGroup() {
-      return O;
+      return _;
     },
     fitAll(e) {
-      O.fitAll(e);
+      _.fitAll(e);
     },
     resetAll() {
-      O.resetAll();
+      _.resetAll();
     },
     resize() {
       I();
     },
     getPaneRatios() {
       const e = {};
-      for (let i = 0; i < u.length; i++)
-        e[u[i]] = f[i];
+      for (let i = 0; i < h.length; i++)
+        e[h[i]] = m[i];
       return e;
     },
     setPaneRatios(e) {
-      for (let i = 0; i < u.length; i++) {
-        const s = u[i];
-        e[s] !== void 0 && (f[i] = e[s]);
+      for (let i = 0; i < h.length; i++) {
+        const s = h[i];
+        e[s] !== void 0 && (m[i] = e[s]);
       }
-      ne(v, f, a), I();
+      ne(v, m, a), I();
     },
     setSyncAxis(e) {
-      O.syncAxis(e);
+      _.syncAxis(e);
     },
     getSyncAxis() {
-      return O.getOptions().axis ?? "x";
+      return _.getOptions().axis ?? "x";
     },
     setSyncOptions(e) {
-      O.updateOptions(e);
+      _.updateOptions(e);
     },
     whenReady() {
       return ct();
@@ -667,11 +666,11 @@ function fe(t) {
       return dt(e);
     },
     async addIndicator(e, i = {}) {
-      var L;
+      var M;
       const s = g.get(r) ?? Z;
       if (i.pane !== "new")
-        return { ...await Bt(s, e, i), chart: s };
-      const c = _t(s, i.sourceSeriesId), { x: p, prices: C } = Ot(c), P = await jt(e, p, C, {
+        return { ...await Yt(s, e, i), chart: s };
+      const c = Bt(s, i.sourceSeriesId), { x: p, prices: $ } = _t(c), P = await jt(e, p, $, {
         id: i.id ?? e,
         label: i.label ?? e.toUpperCase(),
         height: i.paneHeight ?? 0.25,
@@ -681,18 +680,18 @@ function fe(t) {
         slowPeriod: i.slowPeriod,
         signalPeriod: i.signalPeriod,
         stdDev: i.stdDev
-      }, c), Y = dt(P);
+      }, c), O = dt(P);
       return {
         id: P.id,
         preset: e,
         placement: "oscillator",
-        seriesIds: ((L = P.series) == null ? void 0 : L.map((j) => j.id)) ?? [],
+        seriesIds: ((M = P.series) == null ? void 0 : M.map((j) => j.id)) ?? [],
         paneId: P.id,
-        chart: Y
+        chart: O
       };
     },
     destroy() {
-      A && cancelAnimationFrame(A), x && cancelAnimationFrame(x), U.disconnect(), w == null || w.destroy(), O.destroy();
+      A && cancelAnimationFrame(A), x && cancelAnimationFrame(x), U.disconnect(), w == null || w.destroy(), _.destroy();
       for (const e of g.values()) e.destroy();
       g.clear(), n.replaceChildren();
     }
@@ -703,4 +702,4 @@ export {
   rt as a,
   fe as c
 };
-//# sourceMappingURL=createStackedChart-DJSmqerD.js.map
+//# sourceMappingURL=createStackedChart-DxNW0VkF.js.map