@wick-charts/vue 0.6.2 → 0.6.3

package/dist/ChartContainer.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as U, ref as r, shallowRef as P, provide as l, computed as v, onMounted as G, nextTick as g, onUnmounted as I, watch as d, openBlock as y, createElementBlock as m, normalizeStyle as q, createElementVNode as o, createCommentVNode as w, renderSlot as J } from "vue";
-import { ChartInstance as T } from "./core/dist/chart.js";
-import { deepEqual as z } from "./core/dist/utils/deep-equal.js";
+import { defineComponent as U, ref as d, shallowRef as D, provide as l, watch as r, computed as v, onMounted as G, nextTick as g, onUnmounted as I, openBlock as y, createElementBlock as m, normalizeStyle as q, createElementVNode as o, createCommentVNode as w, renderSlot as J } from "vue";
+import { ChartInstance as F } from "./core/dist/chart.js";
+import { deepEqual as P } from "./core/dist/utils/deep-equal.js";
 import { catppuccin as Q } from "./core/dist/theme/themes/catppuccin.js";
 import { ChartKey as W, ThemeKey as X, TitleAnchorKey as Y, InfoBarAnchorKey as Z, LegendAnchorKey as ee, LegendRightAnchorKey as te, NavigatorAnchorKey as ie } from "./context.js";
 const ae = { style: { display: "flex", "flex-direction": "row", flex: "1", "min-height": "0" } }, oe = { style: { display: "flex", "flex-direction": "column", flex: "1", "min-width": "0", "min-height": "0" } }, ne = {
@@ -11,7 +11,7 @@ const ae = { style: { display: "flex", "flex-direction": "row", flex: "1", "min-
   key: 1,
   "data-chart-series-overlay": "",
   style: { position: "absolute", inset: "0", "pointer-events": "none", "z-index": "3" }
-}, H = 24, ce = /* @__PURE__ */ U({
+}, z = 24, ce = /* @__PURE__ */ U({
   __name: "ChartContainer",
   props: {
     theme: { default: () => Q.theme },
@@ -19,7 +19,7 @@ const ae = { style: { display: "flex", "flex-direction": "row", flex: "1", "min-
     padding: {},
     viewport: {},
     visibleRange: {},
-    gradient: { type: Boolean, default: !0 },
+    gradient: { type: Boolean, default: !1 },
     interactive: { type: Boolean, default: !0 },
     grid: {},
     fade: { type: [Boolean, Object], default: void 0 },
@@ -35,24 +35,30 @@ const ae = { style: { display: "flex", "flex-direction": "row", flex: "1", "min-
     onCrosshairMove: {}
   },
   setup(b) {
-    const e = b, s = r(), a = P(null), x = P(e.theme), c = e.perf, p = e.onEdgeReached, C = r(null), R = r(null), k = r(null), _ = r(null), E = r(null), B = r(null);
+    const e = b, u = d(), a = D(null), x = D(e.theme), c = e.perf, h = e.onEdgeReached, C = d(null), R = d(null), k = d(null), _ = d(null), E = d(null), B = d(null);
     l(W, a), l(X, x), l(Y, R), l(Z, k), l(ee, _), l(te, E), l(ie, B);
     let f = null;
-    const u = r(0), O = v(() => e.fade === !1 ? !1 : typeof e.fade == "object" ? e.fade.top !== void 0 || e.fade.overlap !== void 0 : e.fade === !0), S = v(() => {
+    const s = d(0);
+    r(
+      () => [a.value, e.headerLayout === "overlay" ? s.value : 0],
+      ([t, i]) => t?.setHeaderHeight(i),
+      { immediate: !0 }
+    );
+    const O = v(() => e.fade === !1 ? !1 : typeof e.fade == "object" ? e.fade.top !== void 0 || e.fade.overlap !== void 0 : e.fade === !0), S = v(() => {
       if (!O.value) return 0;
       const t = typeof e.fade == "object" ? e.fade.overlap : void 0;
-      return t !== void 0 ? Math.max(0, t) : u.value / 2;
-    }), j = v(() => {
+      return t !== void 0 ? Math.max(0, t) : s.value / 2;
+    }), L = v(() => {
       if (!O.value) return 0;
       if (typeof e.fade == "object" && e.fade.top !== void 0) return e.fade.top;
-      const t = e.headerLayout === "overlay" ? u.value : 0;
-      return t > 0 ? t + H : H;
-    }), L = v(
-      () => e.headerLayout === "overlay" ? Math.max(0, u.value - S.value) : 0
+      const t = e.headerLayout === "overlay" ? s.value : 0;
+      return t > 0 ? t + z : z;
+    }), j = v(
+      () => e.headerLayout === "overlay" ? Math.max(0, s.value - S.value) : 0
     );
     function A() {
       if (!a.value) return;
-      const i = { top: (e.padding?.top ?? 20) + L.value };
+      const i = { top: (e.padding?.top ?? 20) + j.value };
       e.padding?.bottom !== void 0 && (i.bottom = e.padding.bottom), e.padding?.right !== void 0 && (i.right = e.padding.right), e.padding?.left !== void 0 && (i.left = e.padding.left), a.value.setPadding(i);
     }
     function M(t) {
@@ -70,84 +76,84 @@ const ae = { style: { display: "flex", "flex-direction": "row", flex: "1", "min-
         a.value.setFade({ top: 0, right: 0, left: 0 });
         return;
       }
-      const t = { top: j.value };
+      const t = { top: L.value };
       typeof e.fade == "object" && (e.fade.right !== void 0 && (t.right = e.fade.right), e.fade.left !== void 0 && (t.left = e.fade.left)), a.value.setFade(t);
     }
     function V() {
       f?.disconnect(), f = null;
       const t = e.headerLayout === "overlay" ? C.value : null;
       if (!t) {
-        u.value = 0, A();
+        s.value = 0, A();
         return;
       }
       const i = () => {
-        u.value = t.getBoundingClientRect().height, A();
+        s.value = t.getBoundingClientRect().height, A();
       };
       i(), f = new ResizeObserver(i), f.observe(t);
     }
-    function K(t) {
+    function H(t) {
       t.on("pointClick", (n) => e.onPointClick?.(n)), t.on("pointDoubleClick", (n) => e.onPointDoubleClick?.(n)), t.on("seriesHover", (n) => e.onSeriesHover?.(n)), t.on("crosshairMove", (n) => e.onCrosshairMove?.(n));
       const i = () => e.onVisibleRangeChange?.(t.getVisibleRange());
       t.on("viewportChange", i), t.on("dataUpdate", i), t.on("seriesChange", i);
     }
     G(async () => {
-      if (!s.value) return;
+      if (!u.value) return;
       const t = {};
-      e.axis && (t.axis = e.axis), e.theme && (t.theme = e.theme), e.padding && (t.padding = e.padding), e.viewport && (t.viewport = e.viewport), e.interactive !== void 0 && (t.interactive = e.interactive), e.grid !== void 0 && (t.grid = e.grid), c !== void 0 && (t.perf = c), p && (t.onEdgeReached = p), e.animations !== void 0 && (t.animations = e.animations), M(t), a.value = new T(s.value, t), K(a.value), e.onReady?.(a.value), await g(), V();
+      e.axis && (t.axis = e.axis), e.theme && (t.theme = e.theme), e.padding && (t.padding = e.padding), e.viewport && (t.viewport = e.viewport), e.interactive !== void 0 && (t.interactive = e.interactive), e.grid !== void 0 && (t.grid = e.grid), c !== void 0 && (t.perf = c), h && (t.onEdgeReached = h), e.animations !== void 0 && (t.animations = e.animations), M(t), a.value = new F(u.value, t), H(a.value), e.onReady?.(a.value), await g(), V();
     }), I(() => {
       f?.disconnect(), f = null, a.value?.destroy(), a.value = null;
-    }), d(
+    }), r(
       () => e.headerLayout,
       async () => {
         a.value && (await g(), V());
       }
-    ), d(
+    ), r(
       () => e.theme,
       (t) => {
         a.value && t && (a.value.setTheme(t), x.value = t);
       }
-    ), d(
+    ), r(
       () => e.axis,
       (t) => {
         a.value && t && a.value.setAxis(t);
       },
       { deep: !0 }
-    ), d(
+    ), r(
       () => e.grid?.visible,
       () => {
         a.value && e.grid !== void 0 && a.value.setGrid(e.grid);
       }
     );
-    let D = e.animations;
-    d(
+    let K = e.animations;
+    r(
       () => e.animations,
       async (t) => {
-        if (z(t, D) || (D = t, !a.value || !s.value)) return;
+        if (P(t, K) || (K = t, !a.value || !u.value)) return;
         a.value.destroy(), a.value = null, await g();
         const i = {};
-        e.axis && (i.axis = e.axis), e.theme && (i.theme = e.theme), e.padding && (i.padding = e.padding), e.viewport && (i.viewport = e.viewport), e.interactive !== void 0 && (i.interactive = e.interactive), e.grid !== void 0 && (i.grid = e.grid), c !== void 0 && (i.perf = c), p && (i.onEdgeReached = p), t !== void 0 && (i.animations = t), M(i), a.value = new T(s.value, i), K(a.value), e.onReady?.(a.value);
+        e.axis && (i.axis = e.axis), e.theme && (i.theme = e.theme), e.padding && (i.padding = e.padding), e.viewport && (i.viewport = e.viewport), e.interactive !== void 0 && (i.interactive = e.interactive), e.grid !== void 0 && (i.grid = e.grid), c !== void 0 && (i.perf = c), h && (i.onEdgeReached = h), t !== void 0 && (i.animations = t), M(i), a.value = new F(u.value, i), H(a.value), e.onReady?.(a.value);
       }
     );
-    let h;
-    d(
+    let p;
+    r(
       () => [a.value, e.visibleRange],
       async ([t, i]) => {
-        !t || i === void 0 || h !== void 0 && h.instance === t && z(h.spec, i) || (h = { instance: t, spec: i }, await g(), t.setVisibleRange(i));
+        !t || i === void 0 || p !== void 0 && p.instance === t && P(p.spec, i) || (p = { instance: t, spec: i }, await g(), t.setVisibleRange(i));
       },
       { immediate: !0 }
-    ), d(
+    ), r(
       () => [
         e.padding?.top,
         e.padding?.bottom,
         typeof e.padding?.right == "object" ? e.padding.right.intervals : e.padding?.right,
         typeof e.padding?.left == "object" ? e.padding.left.intervals : e.padding?.left,
-        L.value
+        j.value
       ],
       A
-    ), d(() => [a.value, j.value, e.fade], $, { immediate: !0 });
+    ), r(() => [a.value, L.value, e.fade], $, { immediate: !0 });
     const N = v(() => {
-      const t = x.value, [i, n] = t?.chartGradient ?? ["transparent", "transparent"], F = t?.background ?? "transparent";
-      return `position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 240px; overflow: hidden; background: ${e.gradient ? `linear-gradient(to bottom, ${i} 0%, ${F} 70%, ${n} 100%)` : F}`;
+      const t = x.value, [i, n] = t?.chartGradient ?? ["transparent", "transparent"], T = t?.background ?? "transparent";
+      return `position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 240px; overflow: hidden; background: ${e.gradient ? `linear-gradient(to bottom, ${i} 0%, ${T} 70%, ${n} 100%)` : T}`;
     });
     return (t, i) => (y(), m("div", {
       style: q(N.value)
@@ -168,7 +174,7 @@ const ae = { style: { display: "flex", "flex-direction": "row", flex: "1", "min-
           ])) : w("", !0),
           o("div", {
             ref_key: "containerRef",
-            ref: s,
+            ref: u,
             style: { position: "relative", flex: "1", "min-width": "0", "min-height": "0", overflow: "hidden" }
           }, [
             b.headerLayout === "overlay" ? (y(), m("div", {

package/dist/LineSeries.vue.js

@@ -2,7 +2,7 @@ import { defineComponent as u, ref as p, onMounted as d, onUnmounted as c, watch
 import { toLayers as m, EMPTY_SYNC_STATE as v, syncLayers as y } from "./core/dist/data/sync.js";
 import { LineSeriesDef as S } from "./core/dist/series/line.js";
 import { useChartInstance as _ } from "./context.js";
-const E = /* @__PURE__ */ u({
+const V = /* @__PURE__ */ u({
   __name: "LineSeries",
   props: {
     data: {},
@@ -46,5 +46,5 @@ const E = /* @__PURE__ */ u({
   }
 });
 export {
-  E as default
+  V as default
 };

package/dist/composables.js

@@ -1,44 +1,57 @@
-import { ref as a, onMounted as u, onUnmounted as i } from "vue";
-function f(e) {
-  const o = a(e.getVisibleRange()), n = () => {
+import { ref as u, onMounted as a, onUnmounted as l } from "vue";
+function x(e) {
+  const o = u(e.getVisibleRange()), n = () => {
     o.value = e.getVisibleRange();
   };
-  return u(() => e.on("viewportChange", n)), i(() => e.off("viewportChange", n)), o;
+  return a(() => e.on("viewportChange", n)), l(() => e.off("viewportChange", n)), o;
 }
-function p(e) {
-  const o = a(e.getYRange()), n = () => {
+function d(e) {
+  const o = u(e.getYRange()), n = () => {
     o.value = e.getYRange();
   };
-  return u(() => e.on("viewportChange", n)), i(() => e.off("viewportChange", n)), o;
+  return a(() => e.on("viewportChange", n)), l(() => e.off("viewportChange", n)), o;
+}
+function r(e) {
+  return { yAxisPosition: e.yAxisPosition, yAxisWidth: e.yAxisWidth, xAxisHeight: e.xAxisHeight };
+}
+function p(e) {
+  const o = u(r(e)), n = () => {
+    const i = r(e), s = o.value;
+    s.yAxisPosition === i.yAxisPosition && s.yAxisWidth === i.yAxisWidth && s.xAxisHeight === i.xAxisHeight || (o.value = i);
+  };
+  return a(() => {
+    n(), e.on("viewportChange", n);
+  }), l(() => e.off("viewportChange", n)), o;
 }
-function d(e, o) {
-  let n = e.getLastValue(o), t = n ? e.yScale.valueToY(n.value) : null;
-  const v = a(n), l = () => {
-    const s = e.getLastValue(o), g = s ? e.yScale.valueToY(s.value) : null;
-    n?.value === s?.value && n?.isLive === s?.isLive && t === g || (n = s, t = g, v.value = s);
+function A(e, o) {
+  let n = e.getLastValue(o), i = n ? e.yScale.valueToY(n.value) : null;
+  const s = u(n), g = () => {
+    const t = e.getLastValue(o), v = t ? e.yScale.valueToY(t.value) : null;
+    n?.value === t?.value && n?.isLive === t?.isLive && i === v || (n = t, i = v, s.value = t);
   };
-  return u(() => {
-    e.on("dataUpdate", l), e.on("viewportChange", l);
-  }), i(() => {
-    e.off("dataUpdate", l), e.off("viewportChange", l);
-  }), v;
+  return a(() => {
+    e.on("dataUpdate", g), e.on("viewportChange", g);
+  }), l(() => {
+    e.off("dataUpdate", g), e.off("viewportChange", g);
+  }), s;
 }
 function C(e, o) {
-  const n = a(e.getPreviousClose(o)), t = () => {
+  const n = u(e.getPreviousClose(o)), i = () => {
     n.value = e.getPreviousClose(o);
   };
-  return u(() => e.on("dataUpdate", t)), i(() => e.off("dataUpdate", t)), n;
+  return a(() => e.on("dataUpdate", i)), l(() => e.off("dataUpdate", i)), n;
 }
-function Y(e) {
-  const o = a(e.getCrosshairPosition()), n = () => {
+function y(e) {
+  const o = u(e.getCrosshairPosition()), n = () => {
     o.value = e.getCrosshairPosition();
   };
-  return u(() => e.on("crosshairMove", n)), i(() => e.off("crosshairMove", n)), o;
+  return a(() => e.on("crosshairMove", n)), l(() => e.off("crosshairMove", n)), o;
 }
 export {
-  Y as useCrosshairPosition,
-  d as useLastYValue,
+  p as useAxisLayout,
+  y as useCrosshairPosition,
+  A as useLastYValue,
   C as usePreviousClose,
-  f as useVisibleRange,
-  p as useYRange
+  x as useVisibleRange,
+  d as useYRange
 };

package/dist/core/dist/axis/dom-labels.js

@@ -1,59 +1,72 @@
-import { resolveAxisTextColor as w, resolveAxisFontSize as A } from "../theme/resolve.js";
-const F = 0.01;
-function $(g) {
-  const { chart: e, container: h, axis: r } = g, s = /* @__PURE__ */ new Map();
-  let y = null;
-  const p = r === "x" ? e.timeScale.tickTracker : e.yScale.tickTracker;
-  function k() {
-    return r === "x" ? e.timeScale.niceTickValues(e.getDataInterval()) : { ticks: e.yScale.niceTickValues(), tickInterval: 0 };
-  }
-  function m(t, o) {
-    return r === "x" ? e.timeScale.formatX(t, o) : e.yScale.formatY(t);
-  }
-  function C(t, o) {
-    if (r === "x") {
+import { resolveAxisTextColor as I, resolveAxisFontSize as C } from "../theme/resolve.js";
+import { clamp as P } from "../utils/math.js";
+const V = 0.01;
+function E(T) {
+  const { chart: e, container: w, axis: a } = T, r = /* @__PURE__ */ new Map();
+  let p = null, m = null;
+  const x = a === "x" ? e.timeScale.tickTracker : e.yScale.tickTracker;
+  function A() {
+    return a === "x" ? e.timeScale.niceTickValues(e.getDataInterval()) : { ticks: e.yScale.niceTickValues(), tickInterval: 0 };
+  }
+  function S(t, o) {
+    return a === "x" ? e.timeScale.formatX(t, o) : e.yScale.formatY(t);
+  }
+  function $(t, o) {
+    if (a === "x") {
       t.style.left = `${e.timeScale.timeToSnappedX(o)}px`;
       return;
     }
     t.style.top = `${e.yScale.valueToSnappedY(o)}px`;
   }
-  function x(t, o) {
-    t.style.color = w(o, r), t.style.fontSize = `${A(o, r)}px`, t.style.fontFamily = o.typography.fontFamily;
+  function h(t, o) {
+    t.style.color = I(o, a), t.style.fontSize = `${C(o, a)}px`, t.style.fontFamily = o.typography.fontFamily;
+  }
+  function v(t, o) {
+    const i = o === "left" ? "left" : "right", n = o === "left" ? "right" : "left";
+    t.style[i] = "8px", t.style[n] = "";
+  }
+  function F(t, o) {
+    const i = e.headerHeight;
+    if (a !== "y" || i <= 0 || e.yAxisPosition !== "left") return 1;
+    const n = C(o, a), y = e.yScale.valueToSnappedY(t) - n / 2;
+    return P((y - i + n) / n, 0, 1);
   }
-  function d(t, o, u) {
+  function Y(t, o, i) {
     const n = document.createElement("span");
-    return n.textContent = m(t, o), n.style.position = "absolute", n.style.userSelect = "none", x(n, u), n.style.willChange = "opacity", r === "x" ? (n.style.transform = "translateX(-50%)", n.style.whiteSpace = "nowrap") : (n.style.right = "8px", n.style.transform = "translateY(-50%)", n.style.fontVariantNumeric = "tabular-nums"), h.appendChild(n), n;
-  }
-  function l() {
-    const t = e.getTheme(), o = t !== y;
-    y = t;
-    const { ticks: u, tickInterval: n } = k();
-    p.setCurrentTicks(u);
-    const { entries: T } = p.snapshot(), S = /* @__PURE__ */ new Set();
-    for (const { value: a, opacity: f } of T) {
-      if (f <= F) continue;
-      S.add(a);
-      let i = s.get(a);
-      if (i === void 0)
-        i = d(a, n, t), s.set(a, i);
+    return n.textContent = S(t, o), n.style.position = "absolute", n.style.userSelect = "none", h(n, i), n.style.willChange = "opacity", a === "x" ? (n.style.transform = "translateX(-50%)", n.style.whiteSpace = "nowrap") : (v(n, e.yAxisPosition), n.style.transform = "translateY(-50%)", n.style.fontVariantNumeric = "tabular-nums"), w.appendChild(n), n;
+  }
+  function c() {
+    const t = e.getTheme(), o = t !== p;
+    p = t;
+    const i = e.yAxisPosition, n = a === "y" && i !== m;
+    m = i;
+    const { ticks: y, tickInterval: g } = A();
+    x.setCurrentTicks(y);
+    const { entries: b } = x.snapshot(), k = /* @__PURE__ */ new Set();
+    for (const { value: s, opacity: u } of b) {
+      if (u <= V) continue;
+      k.add(s);
+      let l = r.get(s);
+      if (l === void 0)
+        l = Y(s, g, t), r.set(s, l);
       else {
-        const v = m(a, n);
-        i.textContent !== v && (i.textContent = v), o && x(i, t);
+        const d = S(s, g);
+        l.textContent !== d && (l.textContent = d), o && h(l, t), n && v(l, i);
       }
-      C(i, a), i.style.opacity = String(f);
+      $(l, s), l.style.opacity = String(u * F(s, t));
     }
-    for (const [a, f] of s)
-      S.has(a) || (f.remove(), s.delete(a));
+    for (const [s, u] of r)
+      k.has(s) || (u.remove(), r.delete(s));
   }
-  function c() {
-    e.getAnimationState().animating || l();
+  function f() {
+    e.getAnimationState().animating || c();
   }
-  return l(), e.on("tickFrame", l), e.on("viewportChange", c), e.on("overlayChange", c), () => {
-    e.off("tickFrame", l), e.off("viewportChange", c), e.off("overlayChange", c);
-    for (const t of s.values()) t.remove();
-    s.clear();
+  return c(), e.on("tickFrame", c), e.on("viewportChange", f), e.on("overlayChange", f), () => {
+    e.off("tickFrame", c), e.off("viewportChange", f), e.off("overlayChange", f);
+    for (const t of r.values()) t.remove();
+    r.clear();
   };
 }
 export {
-  $ as mountAxisLabels
+  E as mountAxisLabels
 };

package/dist/core/dist/chart/options.js

@@ -2,14 +2,14 @@ import { DEFAULT_MAX_VISIBLE_BARS as i, MIN_VISIBLE_BARS as r } from "./pan-zoom
 function n(t) {
   return t === void 0 || !Number.isFinite(t) || t <= 0 ? 0 : t;
 }
-function a(t) {
+function l(t) {
   return {
     top: n(t?.top),
     right: t?.right === void 0 ? null : n(t.right),
-    left: n(t?.left)
+    left: t?.left === void 0 ? null : n(t.left)
   };
 }
-function l(t) {
+function a(t) {
   if (!t) return { monitor: null, ownsMonitor: !1, hud: null };
   if (typeof t != "object" || !("monitor" in t || "recordFrame" in t))
     throw new Error(
@@ -39,8 +39,8 @@ function m(t) {
 }
 export {
   u as isSameHorizontalPadding,
-  a as resolveFade,
+  l as resolveFade,
   m as resolveMaxVisibleBars,
   f as resolvePadding,
-  l as resolvePerfOptions
+  a as resolvePerfOptions
 };

package/dist/core/dist/chart/scale-guards.js

@@ -0,0 +1,26 @@
+function o(a) {
+  if (!(a.stacking !== "percent" || a.isPlottable(0)))
+    throw new Error(
+      `[wick-charts] Series '${a.seriesId}' uses stacking: 'percent', which this Y scale can't show — a 0–100% axis starts at 0, and the scale has no position for 0. Use a linear axis, or stacking: 'normal' / 'off'.`
+    );
+}
+function i(a) {
+  if (process.env.NODE_ENV === "production") return;
+  const { y: n, isPlottable: t } = a;
+  for (const e of ["min", "max"]) {
+    const s = n?.[e];
+    typeof s != "number" || t(s) || console.warn(
+      `[wick-charts] axis.y.${e} is ${s}, which the Y scale can't place — falling back to 'auto'. Use a bound inside the scale's domain.`
+    );
+  }
+}
+function r(a) {
+  process.env.NODE_ENV !== "production" && console.warn(
+    `[wick-charts] Series '${a.seriesId}' has values in view the Y scale can't place (e.g. ${a.value}; a log axis has no position for values ≤ 0). They are skipped — gaps in a line, no bar or candle. Filter or offset the data, or use a linear axis.`
+  );
+}
+export {
+  o as assertStackingFitsScale,
+  i as warnUnplottableBounds,
+  r as warnUnplottableValues
+};

package/dist/core/dist/chart/y-target.js

@@ -1,25 +1,52 @@
-import { isTimeSeriesRenderer as m } from "../series/types.js";
-function c(e, t, i) {
-  let o = 1 / 0, a = -1 / 0;
-  for (const n of t) {
-    if (!n.visible || !m(n.renderer)) continue;
-    const r = n.renderer.getValueRange(e.from, e.to);
-    r && (r.max > a && (a = r.max), r.min < o && (o = r.min), i?.push(r.min, r.max));
+import { isPlottableOn as c } from "../scales/y-scale.js";
+import { isTimeSeriesRenderer as d } from "../series/types.js";
+function b(n) {
+  const { targetVisible: a, series: t, allValues: o, plottable: r } = n, e = r ? { plottable: r } : void 0;
+  let s = 1 / 0, i = -1 / 0;
+  for (const l of t) {
+    if (!l.visible || !d(l.renderer)) continue;
+    const m = l.renderer.getValueRange(a.from, a.to, e);
+    m && (r && !r(m.max) || (m.max > i && (i = m.max), m.min < s && (!r || r(m.min)) && (s = m.min), o?.push(m.min, m.max)));
   }
-  return o === 1 / 0 || a === -1 / 0 ? null : { min: o, max: a };
+  return i === -1 / 0 ? null : (s === 1 / 0 && (s = i), { min: s, max: i });
 }
-function p(e, t, i, o, a) {
-  if (e === void 0 || e === "auto") return t;
-  if (typeof e == "number") return e;
-  if (typeof e == "function") return e(o);
-  const n = String(e).match(/^([+-]?)\s*(\d+(?:\.\d+)?)\s*%$/);
-  if (n) {
-    const r = n[1] === "-" ? -1 : 1, s = parseFloat(n[2]) / 100, u = Math.abs(i - t) || Math.abs(t) || 1;
-    return t + r * s * u * (a === "max" ? 1 : -1);
+function w(n) {
+  const { raw: a, bounds: t, allValues: o, transform: r } = n;
+  if (r === null)
+    return {
+      min: u(t.min, a.min, a.max, o, "min"),
+      max: u(t.max, a.max, a.min, o, "max")
+    };
+  const e = { min: r.forward(a.min), max: r.forward(a.max) };
+  return {
+    min: f({ bound: t.min, raw: a, scaledRaw: e, allValues: o, side: "min", transform: r }),
+    max: f({ bound: t.max, raw: a, scaledRaw: e, allValues: o, side: "max", transform: r })
+  };
+}
+function f(n) {
+  const { bound: a, raw: t, scaledRaw: o, allValues: r, side: e, transform: s } = n, i = e === "min" ? "max" : "min";
+  if (typeof a == "string" && a !== "auto")
+    return u(a, o[e], o[i], [], e);
+  const l = u(a, t[e], t[i], r, e), m = c(s, l);
+  return s.forward(m ? l : t[e]);
+}
+function g(n, a) {
+  return a === null ? n : { min: a.inverse(n.min), max: a.inverse(n.max) };
+}
+function u(n, a, t, o, r) {
+  if (n === void 0 || n === "auto") return a;
+  if (typeof n == "number") return n;
+  if (typeof n == "function") return n(o);
+  const e = String(n).match(/^([+-]?)\s*(\d+(?:\.\d+)?)\s*%$/);
+  if (e) {
+    const s = e[1] === "-" ? -1 : 1, i = parseFloat(e[2]) / 100, l = Math.abs(t - a) || Math.abs(a) || 1;
+    return a + s * i * l * (r === "max" ? 1 : -1);
   }
-  return t;
+  return a;
 }
 export {
-  c as computeTargetYRange,
-  p as resolveBound
+  b as computeTargetYRange,
+  g as fromScaleSpace,
+  u as resolveBound,
+  w as resolveYTarget
 };