velo-plot 1.11.1 → 1.12.0

package/dist/{index-D8ifudJH.js → index-DjeWClO9.js}

@@ -1,8 +1,8 @@
-var st = Object.defineProperty;
-var nt = (f, t, i) => t in f ? st(f, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : f[t] = i;
-var u = (f, t, i) => nt(f, typeof t != "symbol" ? t + "" : t, i);
-import { E as at } from "./EventEmitter-DAbs2K1C.js";
-class lt {
+var dt = Object.defineProperty;
+var ct = (c, t, i) => t in c ? dt(c, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : c[t] = i;
+var u = (c, t, i) => ct(c, typeof t != "symbol" ? t + "" : t, i);
+import { f as O, a as N, E as ut } from "./axisFormat-B7o_uIEA.js";
+class ft {
   constructor(t, i) {
     u(this, "ctx");
     u(this, "options");
@@ -100,12 +100,12 @@ class lt {
    */
   recalculate() {
     if (!this.state.point1 || !this.state.point2) return;
-    const t = this.ctx.getSeries ? this.ctx.getSeries() : [], i = (o) => {
-      const s = t.find((l) => l.id === o.seriesId);
-      if (s && o.index < s.x.length) {
-        o.x = s.x[o.index], o.y = s.y[o.index], o.yAxisId = s.yAxisId;
-        const l = this.ctx.getPlotArea(), h = this.ctx.getViewBounds(), a = this.ctx.getYBounds ? this.ctx.getYBounds(s.yAxisId) : { yMin: h.yMin, yMax: h.yMax };
-        return o.pixelX = l.x + (o.x - h.xMin) / (h.xMax - h.xMin) * l.width, o.pixelY = l.y + (1 - (o.y - a.yMin) / (a.yMax - a.yMin)) * l.height, !0;
+    const t = this.ctx.getSeries ? this.ctx.getSeries() : [], i = (s) => {
+      const o = t.find((l) => l.id === s.seriesId);
+      if (o && s.index < o.x.length) {
+        s.x = o.x[s.index], s.y = o.y[s.index], s.yAxisId = o.yAxisId;
+        const l = this.ctx.getPlotArea(), h = this.ctx.getViewBounds(), a = this.ctx.getYBounds ? this.ctx.getYBounds(o.yAxisId) : { yMin: h.yMin, yMax: h.yMax };
+        return s.pixelX = l.x + (s.x - h.xMin) / (h.xMax - h.xMin) * l.width, s.pixelY = l.y + (1 - (s.y - a.yMin) / (a.yMax - a.yMin)) * l.height, !0;
       }
       return !1;
     }, e = i(this.state.point1), n = i(this.state.point2);
@@ -141,17 +141,17 @@ class lt {
   }
   handleMouseMove(t) {
     if (!this.state.enabled) return;
-    const i = this.ctx.container.getBoundingClientRect(), e = this.ctx.getPlotArea(), n = this.ctx.getViewBounds(), o = t.clientX - i.left, s = t.clientY - i.top;
+    const i = this.ctx.container.getBoundingClientRect(), e = this.ctx.getPlotArea(), n = this.ctx.getViewBounds(), s = t.clientX - i.left, o = t.clientY - i.top;
     if (this.isDraggingLabel) {
-      this.labelOffset.x += o - this.dragStart.x, this.labelOffset.y += s - this.dragStart.y, this.dragStart = { x: o, y: s }, this.renderOverlay();
+      this.labelOffset.x += s - this.dragStart.x, this.labelOffset.y += o - this.dragStart.y, this.dragStart = { x: s, y: o }, this.renderOverlay();
       return;
     }
-    if (this.labelBounds && o >= this.labelBounds.x && o <= this.labelBounds.x + this.labelBounds.width && s >= this.labelBounds.y && s <= this.labelBounds.y + this.labelBounds.height ? this.ctx.container.style.cursor = "move" : this.ctx.container.style.cursor = "crosshair", o < e.x || o > e.x + e.width || s < e.y || s > e.y + e.height) {
+    if (this.labelBounds && s >= this.labelBounds.x && s <= this.labelBounds.x + this.labelBounds.width && o >= this.labelBounds.y && o <= this.labelBounds.y + this.labelBounds.height ? this.ctx.container.style.cursor = "move" : this.ctx.container.style.cursor = "crosshair", s < e.x || s > e.x + e.width || o < e.y || o > e.y + e.height) {
       this.state.hoveredPoint = null, this.crosshairPosition = null, this.renderOverlay();
       return;
     }
-    this.crosshairPosition = { x: o, y: s };
-    const l = this.findNearestPoint(o, s, e, n);
+    this.crosshairPosition = { x: s, y: o };
+    const l = this.findNearestPoint(s, o, e, n);
     this.state.hoveredPoint = l, this.renderOverlay();
   }
   handleLabelMouseDown(t) {
@@ -166,10 +166,10 @@ class lt {
     var h;
     if (!this.state.enabled) return;
     (h = this.ctx.animationEngine) != null && h.isAnimating() && await this.ctx.animationEngine.waitForIdle(), t.stopPropagation(), t.preventDefault();
-    const i = this.ctx.container.getBoundingClientRect(), e = this.ctx.getPlotArea(), n = this.ctx.getViewBounds(), o = t.clientX - i.left, s = t.clientY - i.top;
-    if (o < e.x || o > e.x + e.width || s < e.y || s > e.y + e.height)
+    const i = this.ctx.container.getBoundingClientRect(), e = this.ctx.getPlotArea(), n = this.ctx.getViewBounds(), s = t.clientX - i.left, o = t.clientY - i.top;
+    if (s < e.x || s > e.x + e.width || o < e.y || o > e.y + e.height)
       return;
-    const l = this.findNearestPoint(o, s, e, n);
+    const l = this.findNearestPoint(s, o, e, n);
     if (l) {
       if (t.preventDefault(), t.stopPropagation(), this.state.selectionState === "idle" || this.state.selectionState === "complete")
         this.state.point1 = l, this.state.point2 = null, this.state.selectionState = "waitingSecond", this.state.lastMeasurement = null;
@@ -186,29 +186,29 @@ class lt {
   }
   findNearestPoint(t, i, e, n) {
     if (!this.ctx.getSeries) return null;
-    const o = this.ctx.getSeries();
-    let s = null, l = this.options.snapRadius;
-    for (const h of o) {
-      const a = h.x, r = h.y, d = Math.min(a.length, r.length), p = this.ctx.getYBounds ? this.ctx.getYBounds(h.yAxisId) : { yMin: n.yMin, yMax: n.yMax };
-      for (let c = 0; c < d; c++) {
-        const g = a[c], y = r[c], b = e.x + (g - n.xMin) / (n.xMax - n.xMin) * e.width, x = e.y + (1 - (y - p.yMin) / (p.yMax - p.yMin)) * e.height;
+    const s = this.ctx.getSeries();
+    let o = null, l = this.options.snapRadius;
+    for (const h of s) {
+      const a = h.x, r = h.y, d = Math.min(a.length, r.length), f = this.ctx.getYBounds ? this.ctx.getYBounds(h.yAxisId) : { yMin: n.yMin, yMax: n.yMax };
+      for (let p = 0; p < d; p++) {
+        const g = a[p], y = r[p], b = e.x + (g - n.xMin) / (n.xMax - n.xMin) * e.width, x = e.y + (1 - (y - f.yMin) / (f.yMax - f.yMin)) * e.height;
         if (b < e.x || b > e.x + e.width || x < e.y || x > e.y + e.height) continue;
         const S = Math.sqrt((t - b) ** 2 + (i - x) ** 2);
-        S < l && (l = S, s = {
+        S < l && (l = S, o = {
           x: g,
           y,
           seriesId: h.id,
           yAxisId: h.yAxisId,
-          index: c,
+          index: p,
           pixelX: b,
           pixelY: x
         });
       }
     }
-    return s;
+    return o;
   }
   calculateMeasurement() {
-    const t = this.state.point1, i = this.state.point2, e = i.x - t.x, n = i.y - t.y, o = e !== 0 ? n / e : 1 / 0, s = Math.sqrt(e * e + n * n);
+    const t = this.state.point1, i = this.state.point2, e = i.x - t.x, n = i.y - t.y, s = e !== 0 ? n / e : 1 / 0, o = Math.sqrt(e * e + n * n);
     return {
       x1: t.x,
       y1: t.y,
@@ -216,8 +216,8 @@ class lt {
       y2: i.y,
       deltaX: e,
       deltaY: n,
-      slope: o,
-      distance: s,
+      slope: s,
+      distance: o,
       pixelX1: t.pixelX,
       pixelY1: t.pixelY,
       pixelX2: i.pixelX,
@@ -229,78 +229,78 @@ class lt {
     this.resizeOverlay();
     const t = this.ctx.container.getBoundingClientRect();
     this.overlayCtx.clearRect(0, 0, t.width, t.height);
-    const i = this.options, e = this.overlayCtx, n = this.ctx.getPlotArea(), o = this.ctx.getViewBounds();
+    const i = this.options, e = this.overlayCtx, n = this.ctx.getPlotArea(), s = this.ctx.getViewBounds();
     if (this.state.point1) {
-      const s = this.state.point1, l = this.ctx.getYBounds ? this.ctx.getYBounds(s.yAxisId) : { yMin: o.yMin, yMax: o.yMax };
-      s.pixelX = n.x + (s.x - o.xMin) / (o.xMax - o.xMin) * n.width, s.pixelY = n.y + (1 - (s.y - l.yMin) / (l.yMax - l.yMin)) * n.height;
+      const o = this.state.point1, l = this.ctx.getYBounds ? this.ctx.getYBounds(o.yAxisId) : { yMin: s.yMin, yMax: s.yMax };
+      o.pixelX = n.x + (o.x - s.xMin) / (s.xMax - s.xMin) * n.width, o.pixelY = n.y + (1 - (o.y - l.yMin) / (l.yMax - l.yMin)) * n.height;
     }
     if (this.state.point2) {
-      const s = this.state.point2, l = this.ctx.getYBounds ? this.ctx.getYBounds(s.yAxisId) : { yMin: o.yMin, yMax: o.yMax };
-      s.pixelX = n.x + (s.x - o.xMin) / (o.xMax - o.xMin) * n.width, s.pixelY = n.y + (1 - (s.y - l.yMin) / (l.yMax - l.yMin)) * n.height;
+      const o = this.state.point2, l = this.ctx.getYBounds ? this.ctx.getYBounds(o.yAxisId) : { yMin: s.yMin, yMax: s.yMax };
+      o.pixelX = n.x + (o.x - s.xMin) / (s.xMax - s.xMin) * n.width, o.pixelY = n.y + (1 - (o.y - l.yMin) / (l.yMax - l.yMin)) * n.height;
     }
     if (this.crosshairPosition && this.state.selectionState !== "complete") {
-      const s = this.crosshairPosition.x, l = this.crosshairPosition.y;
-      e.save(), e.setLineDash([4, 4]), e.strokeStyle = "rgba(150, 150, 150, 0.7)", e.lineWidth = 1, e.beginPath(), e.moveTo(s, n.y), e.lineTo(s, n.y + n.height), e.stroke(), e.beginPath(), e.moveTo(n.x, l), e.lineTo(n.x + n.width, l), e.stroke(), e.restore();
+      const o = this.crosshairPosition.x, l = this.crosshairPosition.y;
+      e.save(), e.setLineDash([4, 4]), e.strokeStyle = "rgba(150, 150, 150, 0.7)", e.lineWidth = 1, e.beginPath(), e.moveTo(o, n.y), e.lineTo(o, n.y + n.height), e.stroke(), e.beginPath(), e.moveTo(n.x, l), e.lineTo(n.x + n.width, l), e.stroke(), e.restore();
     }
     if (this.state.hoveredPoint && this.state.selectionState !== "complete") {
-      const s = this.state.hoveredPoint;
-      e.beginPath(), e.arc(s.pixelX, s.pixelY, i.highlightSize + 4, 0, Math.PI * 2), e.fillStyle = i.highlightColor + "30", e.fill(), e.beginPath(), e.arc(s.pixelX, s.pixelY, i.highlightSize, 0, Math.PI * 2), e.strokeStyle = i.highlightColor, e.lineWidth = 2, e.stroke(), e.beginPath(), e.arc(s.pixelX, s.pixelY, 4, 0, Math.PI * 2), e.fillStyle = i.highlightColor, e.fill(), this.drawPointTooltip(e, s, "Hover");
+      const o = this.state.hoveredPoint;
+      e.beginPath(), e.arc(o.pixelX, o.pixelY, i.highlightSize + 4, 0, Math.PI * 2), e.fillStyle = i.highlightColor + "30", e.fill(), e.beginPath(), e.arc(o.pixelX, o.pixelY, i.highlightSize, 0, Math.PI * 2), e.strokeStyle = i.highlightColor, e.lineWidth = 2, e.stroke(), e.beginPath(), e.arc(o.pixelX, o.pixelY, 4, 0, Math.PI * 2), e.fillStyle = i.highlightColor, e.fill(), this.drawPointTooltip(e, o, "Hover");
     }
     if (this.state.point1) {
-      const s = this.state.point1;
-      e.beginPath(), e.arc(s.pixelX, s.pixelY, i.highlightSize, 0, Math.PI * 2), e.fillStyle = i.lineColor, e.fill(), e.beginPath(), e.arc(s.pixelX, s.pixelY, i.highlightSize - 3, 0, Math.PI * 2), e.fillStyle = "#ffffff", e.fill(), e.beginPath(), e.arc(s.pixelX, s.pixelY, 3, 0, Math.PI * 2), e.fillStyle = i.lineColor, e.fill(), this.drawPointLabel(e, s.pixelX, s.pixelY - i.highlightSize - 8, "P1", i.lineColor);
+      const o = this.state.point1;
+      e.beginPath(), e.arc(o.pixelX, o.pixelY, i.highlightSize, 0, Math.PI * 2), e.fillStyle = i.lineColor, e.fill(), e.beginPath(), e.arc(o.pixelX, o.pixelY, i.highlightSize - 3, 0, Math.PI * 2), e.fillStyle = "#ffffff", e.fill(), e.beginPath(), e.arc(o.pixelX, o.pixelY, 3, 0, Math.PI * 2), e.fillStyle = i.lineColor, e.fill(), this.drawPointLabel(e, o.pixelX, o.pixelY - i.highlightSize - 8, "P1", i.lineColor);
     }
     if (this.state.point2) {
-      const s = this.state.point2;
-      e.beginPath(), e.arc(s.pixelX, s.pixelY, i.highlightSize, 0, Math.PI * 2), e.fillStyle = "#4ade80", e.fill(), e.beginPath(), e.arc(s.pixelX, s.pixelY, i.highlightSize - 3, 0, Math.PI * 2), e.fillStyle = "#ffffff", e.fill(), e.beginPath(), e.arc(s.pixelX, s.pixelY, 3, 0, Math.PI * 2), e.fillStyle = "#4ade80", e.fill(), this.drawPointLabel(e, s.pixelX, s.pixelY - i.highlightSize - 8, "P2", "#4ade80");
+      const o = this.state.point2;
+      e.beginPath(), e.arc(o.pixelX, o.pixelY, i.highlightSize, 0, Math.PI * 2), e.fillStyle = "#4ade80", e.fill(), e.beginPath(), e.arc(o.pixelX, o.pixelY, i.highlightSize - 3, 0, Math.PI * 2), e.fillStyle = "#ffffff", e.fill(), e.beginPath(), e.arc(o.pixelX, o.pixelY, 3, 0, Math.PI * 2), e.fillStyle = "#4ade80", e.fill(), this.drawPointLabel(e, o.pixelX, o.pixelY - i.highlightSize - 8, "P2", "#4ade80");
     }
     if (this.state.point1 && this.state.point2) {
-      const s = this.state.point1, l = this.state.point2;
-      e.beginPath(), e.moveTo(s.pixelX, s.pixelY), e.lineTo(l.pixelX, l.pixelY), e.strokeStyle = i.lineColor, e.lineWidth = i.lineWidth, e.setLineDash([6, 4]), e.stroke(), e.setLineDash([]), e.beginPath(), e.moveTo(s.pixelX, s.pixelY), e.lineTo(l.pixelX, s.pixelY), e.lineTo(l.pixelX, l.pixelY), e.strokeStyle = "rgba(255, 107, 107, 0.4)", e.lineWidth = 1, e.setLineDash([3, 3]), e.stroke(), e.setLineDash([]), i.showLabels && this.state.lastMeasurement && this.drawMeasurementLabel(e, s, l, this.state.lastMeasurement);
+      const o = this.state.point1, l = this.state.point2;
+      e.beginPath(), e.moveTo(o.pixelX, o.pixelY), e.lineTo(l.pixelX, l.pixelY), e.strokeStyle = i.lineColor, e.lineWidth = i.lineWidth, e.setLineDash([6, 4]), e.stroke(), e.setLineDash([]), e.beginPath(), e.moveTo(o.pixelX, o.pixelY), e.lineTo(l.pixelX, o.pixelY), e.lineTo(l.pixelX, l.pixelY), e.strokeStyle = "rgba(255, 107, 107, 0.4)", e.lineWidth = 1, e.setLineDash([3, 3]), e.stroke(), e.setLineDash([]), i.showLabels && this.state.lastMeasurement && this.drawMeasurementLabel(e, o, l, this.state.lastMeasurement);
     }
     this.drawStatusIndicator(e);
   }
   drawPointTooltip(t, i, e) {
-    const n = this.options, o = `${e}: (${this.formatValue(i.x)}, ${this.formatValue(i.y)})`;
+    const n = this.options, s = `${e}: (${this.formatValue(i.x)}, ${this.formatValue(i.y)})`;
     t.font = `${n.labelFontSize}px system-ui, sans-serif`;
-    const s = t.measureText(o), l = 6, h = s.width + l * 2, a = n.labelFontSize + l * 2;
+    const o = t.measureText(s), l = 6, h = o.width + l * 2, a = n.labelFontSize + l * 2;
     let r = i.pixelX + 15, d = i.pixelY - a / 2;
-    const p = this.ctx.container.getBoundingClientRect();
-    r + h > p.width && (r = i.pixelX - h - 15), d < 0 && (d = 5), d + a > p.height && (d = p.height - a - 5), t.fillStyle = n.labelBackground, this.roundRect(t, r, d, h, a, 4), t.fill(), t.fillStyle = n.labelColor, t.textAlign = "left", t.textBaseline = "middle", t.fillText(o, r + l, d + a / 2);
+    const f = this.ctx.container.getBoundingClientRect();
+    r + h > f.width && (r = i.pixelX - h - 15), d < 0 && (d = 5), d + a > f.height && (d = f.height - a - 5), t.fillStyle = n.labelBackground, this.roundRect(t, r, d, h, a, 4), t.fill(), t.fillStyle = n.labelColor, t.textAlign = "left", t.textBaseline = "middle", t.fillText(s, r + l, d + a / 2);
   }
-  drawPointLabel(t, i, e, n, o) {
-    const s = this.options;
-    t.font = `bold ${s.labelFontSize}px system-ui, sans-serif`, t.textAlign = "center", t.textBaseline = "bottom";
-    const l = t.measureText(n), h = 4, a = l.width + h * 2, r = s.labelFontSize + h;
-    t.fillStyle = o, this.roundRect(t, i - a / 2, e - r, a, r, 3), t.fill(), t.fillStyle = "#ffffff", t.fillText(n, i, e - 2);
+  drawPointLabel(t, i, e, n, s) {
+    const o = this.options;
+    t.font = `bold ${o.labelFontSize}px system-ui, sans-serif`, t.textAlign = "center", t.textBaseline = "bottom";
+    const l = t.measureText(n), h = 4, a = l.width + h * 2, r = o.labelFontSize + h;
+    t.fillStyle = s, this.roundRect(t, i - a / 2, e - r, a, r, 3), t.fill(), t.fillStyle = "#ffffff", t.fillText(n, i, e - 2);
   }
   drawMeasurementLabel(t, i, e, n) {
-    const o = this.options, s = (i.pixelX + e.pixelX) / 2, l = (i.pixelY + e.pixelY) / 2, h = [];
-    o.showDelta && (h.push(`ΔX: ${this.formatValue(n.deltaX)}`), h.push(`ΔY: ${this.formatValue(n.deltaY)}`)), o.showSlope && isFinite(n.slope) && h.push(`Slope: ${this.formatValue(n.slope)}`), o.showDistance && h.push(`Distance: ${this.formatValue(n.distance)}`);
-    const a = o.labelFontSize + 4, r = 10, d = 170, p = h.length * a + r * 2;
-    let c = s + this.labelOffset.x, g = l + this.labelOffset.y;
+    const s = this.options, o = (i.pixelX + e.pixelX) / 2, l = (i.pixelY + e.pixelY) / 2, h = [];
+    s.showDelta && (h.push(`ΔX: ${this.formatValue(n.deltaX)}`), h.push(`ΔY: ${this.formatValue(n.deltaY)}`)), s.showSlope && isFinite(n.slope) && h.push(`Slope: ${this.formatValue(n.slope)}`), s.showDistance && h.push(`Distance: ${this.formatValue(n.distance)}`);
+    const a = s.labelFontSize + 4, r = 10, d = 170, f = h.length * a + r * 2;
+    let p = o + this.labelOffset.x, g = l + this.labelOffset.y;
     const y = this.ctx.container.getBoundingClientRect();
-    c < 0 && (c = 0), c + d > y.width && (c = y.width - d), g < 0 && (g = 0), g + p > y.height && (g = y.height - p), this.labelBounds = { x: c, y: g, width: d, height: p }, t.fillStyle = o.labelBackground, t.strokeStyle = o.lineColor, t.lineWidth = 2, this.roundRect(t, c, g, d, p, 8), t.fill(), t.stroke(), t.fillStyle = o.labelColor, t.font = `${o.labelFontSize}px system-ui, sans-serif`, t.textAlign = "left", t.textBaseline = "top", h.forEach((b, x) => {
-      t.fillText(b, c + r, g + r + x * a);
+    p < 0 && (p = 0), p + d > y.width && (p = y.width - d), g < 0 && (g = 0), g + f > y.height && (g = y.height - f), this.labelBounds = { x: p, y: g, width: d, height: f }, t.fillStyle = s.labelBackground, t.strokeStyle = s.lineColor, t.lineWidth = 2, this.roundRect(t, p, g, d, f, 8), t.fill(), t.stroke(), t.fillStyle = s.labelColor, t.font = `${s.labelFontSize}px system-ui, sans-serif`, t.textAlign = "left", t.textBaseline = "top", h.forEach((b, x) => {
+      t.fillText(b, p + r, g + r + x * a);
     });
   }
   drawStatusIndicator(t) {
     const i = this.options, e = this.ctx.getPlotArea();
-    let n = "", o = "#666";
-    if (this.state.selectionState === "idle" ? (n = "📏 Click a point to start measuring", o = i.highlightColor) : this.state.selectionState === "waitingSecond" ? (n = "📏 Click second point to complete", o = "#f59e0b") : this.state.selectionState === "complete" && (n = "📏 Measurement complete (ESC to clear)", o = "#4ade80"), !n) return;
+    let n = "", s = "#666";
+    if (this.state.selectionState === "idle" ? (n = "📏 Click a point to start measuring", s = i.highlightColor) : this.state.selectionState === "waitingSecond" ? (n = "📏 Click second point to complete", s = "#f59e0b") : this.state.selectionState === "complete" && (n = "📏 Measurement complete (ESC to clear)", s = "#4ade80"), !n) return;
     t.font = "12px system-ui, sans-serif";
     const h = t.measureText(n).width + 8 * 2, a = 24, r = e.x + 10, d = e.y + 10;
-    t.fillStyle = "rgba(0, 0, 0, 0.75)", this.roundRect(t, r, d, h, a, 4), t.fill(), t.beginPath(), t.arc(r + 16, d + a / 2, 4, 0, Math.PI * 2), t.fillStyle = o, t.fill(), t.fillStyle = "#fff", t.textAlign = "left", t.textBaseline = "middle", t.fillText(n, r + 26, d + a / 2);
+    t.fillStyle = "rgba(0, 0, 0, 0.75)", this.roundRect(t, r, d, h, a, 4), t.fill(), t.beginPath(), t.arc(r + 16, d + a / 2, 4, 0, Math.PI * 2), t.fillStyle = s, t.fill(), t.fillStyle = "#fff", t.textAlign = "left", t.textBaseline = "middle", t.fillText(n, r + 26, d + a / 2);
   }
-  roundRect(t, i, e, n, o, s) {
-    t.beginPath(), t.moveTo(i + s, e), t.lineTo(i + n - s, e), t.quadraticCurveTo(i + n, e, i + n, e + s), t.lineTo(i + n, e + o - s), t.quadraticCurveTo(i + n, e + o, i + n - s, e + o), t.lineTo(i + s, e + o), t.quadraticCurveTo(i, e + o, i, e + o - s), t.lineTo(i, e + s), t.quadraticCurveTo(i, e, i + s, e), t.closePath();
+  roundRect(t, i, e, n, s, o) {
+    t.beginPath(), t.moveTo(i + o, e), t.lineTo(i + n - o, e), t.quadraticCurveTo(i + n, e, i + n, e + o), t.lineTo(i + n, e + s - o), t.quadraticCurveTo(i + n, e + s, i + n - o, e + s), t.lineTo(i + o, e + s), t.quadraticCurveTo(i, e + s, i, e + s - o), t.lineTo(i, e + o), t.quadraticCurveTo(i, e, i + o, e), t.closePath();
   }
   formatValue(t) {
     const i = Math.abs(t);
     return i === 0 ? "0" : i >= 1e6 || i < 1e-3 ? t.toExponential(this.options.precision - 1) : t.toPrecision(this.options.precision);
   }
 }
-class rt {
+class pt {
   constructor(t, i) {
     u(this, "ctx");
     u(this, "options");
@@ -398,12 +398,12 @@ class rt {
    */
   recalculate() {
     if (!this.state.point1 || !this.state.point2) return;
-    const t = this.ctx.getSeries ? this.ctx.getSeries() : [], i = (o) => {
-      const s = t.find((l) => l.id === o.seriesId);
-      if (s && o.index < s.x.length) {
-        o.x = s.x[o.index], o.y = s.y[o.index], o.yAxisId = s.yAxisId;
-        const l = this.ctx.getPlotArea(), h = this.ctx.getViewBounds(), a = this.ctx.getYBounds ? this.ctx.getYBounds(s.yAxisId) : { yMin: h.yMin, yMax: h.yMax };
-        return o.pixelX = l.x + (o.x - h.xMin) / (h.xMax - h.xMin) * l.width, o.pixelY = l.y + (1 - (o.y - a.yMin) / (a.yMax - a.yMin)) * l.height, !0;
+    const t = this.ctx.getSeries ? this.ctx.getSeries() : [], i = (s) => {
+      const o = t.find((l) => l.id === s.seriesId);
+      if (o && s.index < o.x.length) {
+        s.x = o.x[s.index], s.y = o.y[s.index], s.yAxisId = o.yAxisId;
+        const l = this.ctx.getPlotArea(), h = this.ctx.getViewBounds(), a = this.ctx.getYBounds ? this.ctx.getYBounds(o.yAxisId) : { yMin: h.yMin, yMax: h.yMax };
+        return s.pixelX = l.x + (s.x - h.xMin) / (h.xMax - h.xMin) * l.width, s.pixelY = l.y + (1 - (s.y - a.yMin) / (a.yMax - a.yMin)) * l.height, !0;
       }
       return !1;
     }, e = i(this.state.point1), n = i(this.state.point2);
@@ -439,17 +439,17 @@ class rt {
   }
   handleMouseMove(t) {
     if (!this.state.enabled) return;
-    const i = this.ctx.container.getBoundingClientRect(), e = this.ctx.getPlotArea(), n = this.ctx.getViewBounds(), o = t.clientX - i.left, s = t.clientY - i.top;
+    const i = this.ctx.container.getBoundingClientRect(), e = this.ctx.getPlotArea(), n = this.ctx.getViewBounds(), s = t.clientX - i.left, o = t.clientY - i.top;
     if (this.isDraggingLabel) {
-      this.labelOffset.x += o - this.dragStart.x, this.labelOffset.y += s - this.dragStart.y, this.dragStart = { x: o, y: s }, this.renderOverlay();
+      this.labelOffset.x += s - this.dragStart.x, this.labelOffset.y += o - this.dragStart.y, this.dragStart = { x: s, y: o }, this.renderOverlay();
       return;
     }
-    if (this.labelBounds && o >= this.labelBounds.x && o <= this.labelBounds.x + this.labelBounds.width && s >= this.labelBounds.y && s <= this.labelBounds.y + this.labelBounds.height ? this.ctx.container.style.cursor = "move" : this.ctx.container.style.cursor = "crosshair", o < e.x || o > e.x + e.width || s < e.y || s > e.y + e.height) {
+    if (this.labelBounds && s >= this.labelBounds.x && s <= this.labelBounds.x + this.labelBounds.width && o >= this.labelBounds.y && o <= this.labelBounds.y + this.labelBounds.height ? this.ctx.container.style.cursor = "move" : this.ctx.container.style.cursor = "crosshair", s < e.x || s > e.x + e.width || o < e.y || o > e.y + e.height) {
       this.state.hoveredPoint = null, this.crosshairPosition = null, this.renderOverlay();
       return;
     }
-    this.crosshairPosition = { x: o, y: s };
-    const l = this.state.selectionState === "waitingSecond" && this.state.point1 ? this.state.point1.seriesId : void 0, h = this.findNearestPoint(o, s, e, n, l);
+    this.crosshairPosition = { x: s, y: o };
+    const l = this.state.selectionState === "waitingSecond" && this.state.point1 ? this.state.point1.seriesId : void 0, h = this.findNearestPoint(s, o, e, n, l);
     this.state.hoveredPoint = h, this.renderOverlay();
   }
   handleLabelMouseDown(t) {
@@ -464,10 +464,10 @@ class rt {
     var a;
     if (!this.state.enabled) return;
     (a = this.ctx.animationEngine) != null && a.isAnimating() && await this.ctx.animationEngine.waitForIdle(), t.stopPropagation(), t.preventDefault();
-    const i = this.ctx.container.getBoundingClientRect(), e = this.ctx.getPlotArea(), n = this.ctx.getViewBounds(), o = t.clientX - i.left, s = t.clientY - i.top;
-    if (o < e.x || o > e.x + e.width || s < e.y || s > e.y + e.height)
+    const i = this.ctx.container.getBoundingClientRect(), e = this.ctx.getPlotArea(), n = this.ctx.getViewBounds(), s = t.clientX - i.left, o = t.clientY - i.top;
+    if (s < e.x || s > e.x + e.width || o < e.y || o > e.y + e.height)
       return;
-    const l = this.state.selectionState === "waitingSecond" && this.state.point1 ? this.state.point1.seriesId : void 0, h = this.findNearestPoint(o, s, e, n, l);
+    const l = this.state.selectionState === "waitingSecond" && this.state.point1 ? this.state.point1.seriesId : void 0, h = this.findNearestPoint(s, o, e, n, l);
     if (h) {
       if (t.preventDefault(), t.stopPropagation(), this.state.selectionState === "idle" || this.state.selectionState === "complete")
         this.state.point1 = h, this.state.point2 = null, this.state.selectionState = "waitingSecond", this.state.lastMeasurement = null;
@@ -484,18 +484,18 @@ class rt {
   handleKeyDown(t) {
     t.key === "Escape" && this.state.enabled && this.clear();
   }
-  findNearestPoint(t, i, e, n, o) {
+  findNearestPoint(t, i, e, n, s) {
     if (!this.ctx.getSeries) return null;
-    const s = this.ctx.getSeries();
+    const o = this.ctx.getSeries();
     let l = null, h = this.options.snapRadius;
-    for (const a of s) {
-      if (o && a.id !== o) continue;
-      const r = a.x, d = a.y, p = Math.min(r.length, d.length), c = this.ctx.getYBounds ? this.ctx.getYBounds(a.yAxisId) : { yMin: n.yMin, yMax: n.yMax };
-      for (let g = 0; g < p; g++) {
-        const y = r[g], b = d[g], x = e.x + (y - n.xMin) / (n.xMax - n.xMin) * e.width, S = e.y + (1 - (b - c.yMin) / (c.yMax - c.yMin)) * e.height;
+    for (const a of o) {
+      if (s && a.id !== s) continue;
+      const r = a.x, d = a.y, f = Math.min(r.length, d.length), p = this.ctx.getYBounds ? this.ctx.getYBounds(a.yAxisId) : { yMin: n.yMin, yMax: n.yMax };
+      for (let g = 0; g < f; g++) {
+        const y = r[g], b = d[g], x = e.x + (y - n.xMin) / (n.xMax - n.xMin) * e.width, S = e.y + (1 - (b - p.yMin) / (p.yMax - p.yMin)) * e.height;
         if (x < e.x || x > e.x + e.width || S < e.y || S > e.y + e.height) continue;
-        const w = Math.sqrt((t - x) ** 2 + (i - S) ** 2);
-        w < h && (h = w, l = {
+        const T = Math.sqrt((t - x) ** 2 + (i - S) ** 2);
+        T < h && (h = T, l = {
           x: y,
           y: b,
           seriesId: a.id,
@@ -509,7 +509,7 @@ class rt {
     return l;
   }
   calculateMeasurement() {
-    const t = this.state.point1, i = this.state.point2, n = (this.ctx.getSeries ? this.ctx.getSeries() : []).find((T) => T.id === t.seriesId);
+    const t = this.state.point1, i = this.state.point2, n = (this.ctx.getSeries ? this.ctx.getSeries() : []).find((m) => m.id === t.seriesId);
     if (!n)
       return {
         x1: t.x,
@@ -528,37 +528,37 @@ class rt {
         pixelX2: i.pixelX,
         pixelY2: i.pixelY
       };
-    const o = n.x, s = n.y, l = Math.min(t.index, i.index), h = Math.max(t.index, i.index), a = this.options.baselineWindow, r = [], d = [];
-    for (let T = Math.max(0, l - Math.floor(a / 2)); T <= Math.min(o.length - 1, l + Math.floor(a / 2)); T++)
-      r.push(o[T]), d.push(s[T]);
-    for (let T = Math.max(0, h - Math.floor(a / 2)); T <= Math.min(o.length - 1, h + Math.floor(a / 2)); T++)
-      r.push(o[T]), d.push(s[T]);
-    const p = r.length;
-    let c = 0, g = 0, y = 0, b = 0;
-    for (let T = 0; T < p; T++)
-      c += r[T], g += d[T], y += r[T] * d[T], b += r[T] * r[T];
-    const x = (p * y - c * g) / (p * b - c * c), S = (g - x * c) / p;
-    let w = 0, C = 0, m = -1 / 0, I = 0, v = 0;
-    for (let T = l; T < h; T++) {
-      const z = o[T], $ = s[T], D = o[T + 1], B = s[T + 1], V = D - z, _ = ($ + B) / 2;
-      C += _ * V;
-      const K = x * z + S, it = x * D + S, ot = (K + it) / 2;
-      w += (_ - ot) * V;
-      const U = $ - K;
-      U > m && (m = U, I = z, v = $);
+    const s = n.x, o = n.y, l = Math.min(t.index, i.index), h = Math.max(t.index, i.index), a = this.options.baselineWindow, r = [], d = [];
+    for (let m = Math.max(0, l - Math.floor(a / 2)); m <= Math.min(s.length - 1, l + Math.floor(a / 2)); m++)
+      r.push(s[m]), d.push(o[m]);
+    for (let m = Math.max(0, h - Math.floor(a / 2)); m <= Math.min(s.length - 1, h + Math.floor(a / 2)); m++)
+      r.push(s[m]), d.push(o[m]);
+    const f = r.length;
+    let p = 0, g = 0, y = 0, b = 0;
+    for (let m = 0; m < f; m++)
+      p += r[m], g += d[m], y += r[m] * d[m], b += r[m] * r[m];
+    const x = (f * y - p * g) / (f * b - p * p), S = (g - x * p) / f;
+    let T = 0, v = 0, Y = -1 / 0, w = 0, C = 0;
+    for (let m = l; m < h; m++) {
+      const I = s[m], A = o[m], $ = s[m + 1], R = o[m + 1], D = $ - I, q = (A + R) / 2;
+      v += q * D;
+      const j = x * I + S, rt = x * $ + S, ht = (j + rt) / 2;
+      T += (q - ht) * D;
+      const J = A - j;
+      J > Y && (Y = J, w = I, C = A);
     }
     return {
       x1: t.x,
       y1: t.y,
       x2: i.x,
       y2: i.y,
-      area: w,
-      integral: C,
+      area: T,
+      integral: v,
       baselineSlope: x,
       baselineIntercept: S,
-      peakHeight: m,
-      peakX: I,
-      peakY: v,
+      peakHeight: Y,
+      peakX: w,
+      peakY: C,
       pixelX1: t.pixelX,
       pixelY1: t.pixelY,
       pixelX2: i.pixelX,
@@ -570,89 +570,89 @@ class rt {
     this.resizeOverlay();
     const t = this.ctx.container.getBoundingClientRect();
     this.overlayCtx.clearRect(0, 0, t.width, t.height);
-    const i = this.options, e = this.overlayCtx, n = this.ctx.getPlotArea(), o = this.ctx.getViewBounds();
+    const i = this.options, e = this.overlayCtx, n = this.ctx.getPlotArea(), s = this.ctx.getViewBounds();
     if (this.state.point1) {
-      const s = this.state.point1, l = this.ctx.getYBounds ? this.ctx.getYBounds(s.yAxisId) : { yMin: o.yMin, yMax: o.yMax };
-      s.pixelX = n.x + (s.x - o.xMin) / (o.xMax - o.xMin) * n.width, s.pixelY = n.y + (1 - (s.y - l.yMin) / (l.yMax - l.yMin)) * n.height;
+      const o = this.state.point1, l = this.ctx.getYBounds ? this.ctx.getYBounds(o.yAxisId) : { yMin: s.yMin, yMax: s.yMax };
+      o.pixelX = n.x + (o.x - s.xMin) / (s.xMax - s.xMin) * n.width, o.pixelY = n.y + (1 - (o.y - l.yMin) / (l.yMax - l.yMin)) * n.height;
     }
     if (this.state.point2) {
-      const s = this.state.point2, l = this.ctx.getYBounds ? this.ctx.getYBounds(s.yAxisId) : { yMin: o.yMin, yMax: o.yMax };
-      s.pixelX = n.x + (s.x - o.xMin) / (o.xMax - o.xMin) * n.width, s.pixelY = n.y + (1 - (s.y - l.yMin) / (l.yMax - l.yMin)) * n.height;
+      const o = this.state.point2, l = this.ctx.getYBounds ? this.ctx.getYBounds(o.yAxisId) : { yMin: s.yMin, yMax: s.yMax };
+      o.pixelX = n.x + (o.x - s.xMin) / (s.xMax - s.xMin) * n.width, o.pixelY = n.y + (1 - (o.y - l.yMin) / (l.yMax - l.yMin)) * n.height;
     }
     if (this.crosshairPosition && this.state.selectionState !== "complete") {
-      const s = this.crosshairPosition.x, l = this.crosshairPosition.y;
-      e.save(), e.setLineDash([4, 4]), e.strokeStyle = "rgba(150, 150, 150, 0.7)", e.lineWidth = 1, e.beginPath(), e.moveTo(s, n.y), e.lineTo(s, n.y + n.height), e.stroke(), e.beginPath(), e.moveTo(n.x, l), e.lineTo(n.x + n.width, l), e.stroke(), e.restore();
+      const o = this.crosshairPosition.x, l = this.crosshairPosition.y;
+      e.save(), e.setLineDash([4, 4]), e.strokeStyle = "rgba(150, 150, 150, 0.7)", e.lineWidth = 1, e.beginPath(), e.moveTo(o, n.y), e.lineTo(o, n.y + n.height), e.stroke(), e.beginPath(), e.moveTo(n.x, l), e.lineTo(n.x + n.width, l), e.stroke(), e.restore();
     }
     if (this.state.hoveredPoint && this.state.selectionState !== "complete") {
-      const s = this.state.hoveredPoint;
-      e.beginPath(), e.arc(s.pixelX, s.pixelY, i.highlightSize + 4, 0, Math.PI * 2), e.fillStyle = i.highlightColor + "30", e.fill(), e.beginPath(), e.arc(s.pixelX, s.pixelY, i.highlightSize, 0, Math.PI * 2), e.strokeStyle = i.highlightColor, e.lineWidth = 2, e.stroke(), e.beginPath(), e.arc(s.pixelX, s.pixelY, 4, 0, Math.PI * 2), e.fillStyle = i.highlightColor, e.fill(), this.drawPointTooltip(e, s, "Hover");
+      const o = this.state.hoveredPoint;
+      e.beginPath(), e.arc(o.pixelX, o.pixelY, i.highlightSize + 4, 0, Math.PI * 2), e.fillStyle = i.highlightColor + "30", e.fill(), e.beginPath(), e.arc(o.pixelX, o.pixelY, i.highlightSize, 0, Math.PI * 2), e.strokeStyle = i.highlightColor, e.lineWidth = 2, e.stroke(), e.beginPath(), e.arc(o.pixelX, o.pixelY, 4, 0, Math.PI * 2), e.fillStyle = i.highlightColor, e.fill(), this.drawPointTooltip(e, o, "Hover");
     }
     if (this.state.point1) {
-      const s = this.state.point1;
-      e.beginPath(), e.arc(s.pixelX, s.pixelY, i.highlightSize, 0, Math.PI * 2), e.fillStyle = i.lineColor, e.fill(), e.beginPath(), e.arc(s.pixelX, s.pixelY, i.highlightSize - 3, 0, Math.PI * 2), e.fillStyle = "#ffffff", e.fill(), e.beginPath(), e.arc(s.pixelX, s.pixelY, 3, 0, Math.PI * 2), e.fillStyle = i.lineColor, e.fill(), this.drawPointLabel(e, s.pixelX, s.pixelY - i.highlightSize - 8, "P1", i.lineColor);
+      const o = this.state.point1;
+      e.beginPath(), e.arc(o.pixelX, o.pixelY, i.highlightSize, 0, Math.PI * 2), e.fillStyle = i.lineColor, e.fill(), e.beginPath(), e.arc(o.pixelX, o.pixelY, i.highlightSize - 3, 0, Math.PI * 2), e.fillStyle = "#ffffff", e.fill(), e.beginPath(), e.arc(o.pixelX, o.pixelY, 3, 0, Math.PI * 2), e.fillStyle = i.lineColor, e.fill(), this.drawPointLabel(e, o.pixelX, o.pixelY - i.highlightSize - 8, "P1", i.lineColor);
     }
     if (this.state.point2) {
-      const s = this.state.point2;
-      e.beginPath(), e.arc(s.pixelX, s.pixelY, i.highlightSize, 0, Math.PI * 2), e.fillStyle = "#4ade80", e.fill(), e.beginPath(), e.arc(s.pixelX, s.pixelY, i.highlightSize - 3, 0, Math.PI * 2), e.fillStyle = "#ffffff", e.fill(), e.beginPath(), e.arc(s.pixelX, s.pixelY, 3, 0, Math.PI * 2), e.fillStyle = "#4ade80", e.fill(), this.drawPointLabel(e, s.pixelX, s.pixelY - i.highlightSize - 8, "P2", "#4ade80");
+      const o = this.state.point2;
+      e.beginPath(), e.arc(o.pixelX, o.pixelY, i.highlightSize, 0, Math.PI * 2), e.fillStyle = "#4ade80", e.fill(), e.beginPath(), e.arc(o.pixelX, o.pixelY, i.highlightSize - 3, 0, Math.PI * 2), e.fillStyle = "#ffffff", e.fill(), e.beginPath(), e.arc(o.pixelX, o.pixelY, 3, 0, Math.PI * 2), e.fillStyle = "#4ade80", e.fill(), this.drawPointLabel(e, o.pixelX, o.pixelY - i.highlightSize - 8, "P2", "#4ade80");
     }
     if (this.state.point1 && this.state.point2 && this.state.lastMeasurement) {
-      const s = this.state.point1, l = this.state.point2, h = this.state.lastMeasurement, a = this.ctx.getPlotArea(), r = this.ctx.getViewBounds(), p = (this.ctx.getSeries ? this.ctx.getSeries() : []).find((S) => S.id === s.seriesId);
-      if (p) {
-        const S = p.x, w = p.y, C = Math.min(s.index, l.index), m = Math.max(s.index, l.index), I = this.ctx.getYBounds ? this.ctx.getYBounds(p.yAxisId) : { yMin: r.yMin, yMax: r.yMax };
-        e.beginPath(), e.moveTo(s.pixelX, s.pixelY);
-        for (let v = C; v <= m; v++) {
-          const T = a.x + (S[v] - r.xMin) / (r.xMax - r.xMin) * a.width, z = a.y + (1 - (w[v] - I.yMin) / (I.yMax - I.yMin)) * a.height;
-          e.lineTo(T, z);
+      const o = this.state.point1, l = this.state.point2, h = this.state.lastMeasurement, a = this.ctx.getPlotArea(), r = this.ctx.getViewBounds(), f = (this.ctx.getSeries ? this.ctx.getSeries() : []).find((S) => S.id === o.seriesId);
+      if (f) {
+        const S = f.x, T = f.y, v = Math.min(o.index, l.index), Y = Math.max(o.index, l.index), w = this.ctx.getYBounds ? this.ctx.getYBounds(f.yAxisId) : { yMin: r.yMin, yMax: r.yMax };
+        e.beginPath(), e.moveTo(o.pixelX, o.pixelY);
+        for (let C = v; C <= Y; C++) {
+          const m = a.x + (S[C] - r.xMin) / (r.xMax - r.xMin) * a.width, I = a.y + (1 - (T[C] - w.yMin) / (w.yMax - w.yMin)) * a.height;
+          e.lineTo(m, I);
         }
         e.lineTo(l.pixelX, l.pixelY), e.closePath(), e.fillStyle = i.areaFill, e.fill();
       }
-      e.beginPath(), e.moveTo(s.pixelX, s.pixelY), e.lineTo(l.pixelX, l.pixelY), e.strokeStyle = i.lineColor, e.lineWidth = 1, e.stroke();
-      const c = this.ctx.getYBounds ? this.ctx.getYBounds(s.yAxisId) : { yMin: r.yMin, yMax: r.yMax }, g = a.x + (h.peakX - r.xMin) / (r.xMax - r.xMin) * a.width, y = a.y + (1 - (h.peakY - c.yMin) / (c.yMax - c.yMin)) * a.height, b = h.baselineSlope * h.peakX + h.baselineIntercept, x = a.y + (1 - (b - c.yMin) / (c.yMax - c.yMin)) * a.height;
-      e.beginPath(), e.moveTo(g, y), e.lineTo(g, x), e.strokeStyle = i.lineColor, e.setLineDash([2, 2]), e.stroke(), e.setLineDash([]), i.showLabels && this.drawMeasurementLabel(e, s, l, h);
+      e.beginPath(), e.moveTo(o.pixelX, o.pixelY), e.lineTo(l.pixelX, l.pixelY), e.strokeStyle = i.lineColor, e.lineWidth = 1, e.stroke();
+      const p = this.ctx.getYBounds ? this.ctx.getYBounds(o.yAxisId) : { yMin: r.yMin, yMax: r.yMax }, g = a.x + (h.peakX - r.xMin) / (r.xMax - r.xMin) * a.width, y = a.y + (1 - (h.peakY - p.yMin) / (p.yMax - p.yMin)) * a.height, b = h.baselineSlope * h.peakX + h.baselineIntercept, x = a.y + (1 - (b - p.yMin) / (p.yMax - p.yMin)) * a.height;
+      e.beginPath(), e.moveTo(g, y), e.lineTo(g, x), e.strokeStyle = i.lineColor, e.setLineDash([2, 2]), e.stroke(), e.setLineDash([]), i.showLabels && this.drawMeasurementLabel(e, o, l, h);
     }
     this.drawStatusIndicator(e);
   }
   drawPointTooltip(t, i, e) {
-    const n = this.options, o = `${e}: (${this.formatValue(i.x)}, ${this.formatValue(i.y)})`;
+    const n = this.options, s = `${e}: (${this.formatValue(i.x)}, ${this.formatValue(i.y)})`;
     t.font = `${n.labelFontSize}px system-ui, sans-serif`;
-    const s = t.measureText(o), l = 6, h = s.width + l * 2, a = n.labelFontSize + l * 2;
+    const o = t.measureText(s), l = 6, h = o.width + l * 2, a = n.labelFontSize + l * 2;
     let r = i.pixelX + 15, d = i.pixelY - a / 2;
-    const p = this.ctx.container.getBoundingClientRect();
-    r + h > p.width && (r = i.pixelX - h - 15), d < 0 && (d = 5), d + a > p.height && (d = p.height - a - 5), t.fillStyle = n.labelBackground, this.roundRect(t, r, d, h, a, 4), t.fill(), t.fillStyle = n.labelColor, t.textAlign = "left", t.textBaseline = "middle", t.fillText(o, r + l, d + a / 2);
+    const f = this.ctx.container.getBoundingClientRect();
+    r + h > f.width && (r = i.pixelX - h - 15), d < 0 && (d = 5), d + a > f.height && (d = f.height - a - 5), t.fillStyle = n.labelBackground, this.roundRect(t, r, d, h, a, 4), t.fill(), t.fillStyle = n.labelColor, t.textAlign = "left", t.textBaseline = "middle", t.fillText(s, r + l, d + a / 2);
   }
-  drawPointLabel(t, i, e, n, o) {
-    const s = this.options;
-    t.font = `bold ${s.labelFontSize}px system-ui, sans-serif`, t.textAlign = "center", t.textBaseline = "bottom";
-    const l = t.measureText(n), h = 4, a = l.width + h * 2, r = s.labelFontSize + h;
-    t.fillStyle = o, this.roundRect(t, i - a / 2, e - r, a, r, 3), t.fill(), t.fillStyle = "#ffffff", t.fillText(n, i, e - 2);
+  drawPointLabel(t, i, e, n, s) {
+    const o = this.options;
+    t.font = `bold ${o.labelFontSize}px system-ui, sans-serif`, t.textAlign = "center", t.textBaseline = "bottom";
+    const l = t.measureText(n), h = 4, a = l.width + h * 2, r = o.labelFontSize + h;
+    t.fillStyle = s, this.roundRect(t, i - a / 2, e - r, a, r, 3), t.fill(), t.fillStyle = "#ffffff", t.fillText(n, i, e - 2);
   }
   drawMeasurementLabel(t, i, e, n) {
-    const o = this.options, s = (i.pixelX + e.pixelX) / 2, l = (i.pixelY + e.pixelY) / 2, h = [];
-    o.showPeak && (h.push(`Peak Area: ${this.formatValue(n.area)}`), h.push(`Peak Height: ${this.formatValue(n.peakHeight)}`), h.push(`Integral: ${this.formatValue(n.integral)}`));
-    const a = o.labelFontSize + 4, r = 10, d = 170, p = h.length * a + r * 2;
-    let c = s + this.labelOffset.x, g = l + this.labelOffset.y;
+    const s = this.options, o = (i.pixelX + e.pixelX) / 2, l = (i.pixelY + e.pixelY) / 2, h = [];
+    s.showPeak && (h.push(`Peak Area: ${this.formatValue(n.area)}`), h.push(`Peak Height: ${this.formatValue(n.peakHeight)}`), h.push(`Integral: ${this.formatValue(n.integral)}`));
+    const a = s.labelFontSize + 4, r = 10, d = 170, f = h.length * a + r * 2;
+    let p = o + this.labelOffset.x, g = l + this.labelOffset.y;
     const y = this.ctx.container.getBoundingClientRect();
-    c < 0 && (c = 0), c + d > y.width && (c = y.width - d), g < 0 && (g = 0), g + p > y.height && (g = y.height - p), this.labelBounds = { x: c, y: g, width: d, height: p }, t.fillStyle = o.labelBackground, t.strokeStyle = o.lineColor, t.lineWidth = 2, this.roundRect(t, c, g, d, p, 8), t.fill(), t.stroke(), t.fillStyle = o.labelColor, t.font = `${o.labelFontSize}px system-ui, sans-serif`, t.textAlign = "left", t.textBaseline = "top", h.forEach((b, x) => {
-      t.fillText(b, c + r, g + r + x * a);
+    p < 0 && (p = 0), p + d > y.width && (p = y.width - d), g < 0 && (g = 0), g + f > y.height && (g = y.height - f), this.labelBounds = { x: p, y: g, width: d, height: f }, t.fillStyle = s.labelBackground, t.strokeStyle = s.lineColor, t.lineWidth = 2, this.roundRect(t, p, g, d, f, 8), t.fill(), t.stroke(), t.fillStyle = s.labelColor, t.font = `${s.labelFontSize}px system-ui, sans-serif`, t.textAlign = "left", t.textBaseline = "top", h.forEach((b, x) => {
+      t.fillText(b, p + r, g + r + x * a);
     });
   }
   drawStatusIndicator(t) {
     const i = this.options, e = this.ctx.getPlotArea();
-    let n = "", o = "#666";
-    if (this.state.selectionState === "idle" ? (n = "📏 Click a point to start measuring", o = i.highlightColor) : this.state.selectionState === "waitingSecond" ? (n = "📏 Click second point to complete", o = "#f59e0b") : this.state.selectionState === "complete" && (n = "📏 Measurement complete (ESC to clear)", o = "#4ade80"), !n) return;
+    let n = "", s = "#666";
+    if (this.state.selectionState === "idle" ? (n = "📏 Click a point to start measuring", s = i.highlightColor) : this.state.selectionState === "waitingSecond" ? (n = "📏 Click second point to complete", s = "#f59e0b") : this.state.selectionState === "complete" && (n = "📏 Measurement complete (ESC to clear)", s = "#4ade80"), !n) return;
     t.font = "12px system-ui, sans-serif";
     const h = t.measureText(n).width + 8 * 2, a = 24, r = e.x + 10, d = e.y + 10;
-    t.fillStyle = "rgba(0, 0, 0, 0.75)", this.roundRect(t, r, d, h, a, 4), t.fill(), t.beginPath(), t.arc(r + 16, d + a / 2, 4, 0, Math.PI * 2), t.fillStyle = o, t.fill(), t.fillStyle = "#fff", t.textAlign = "left", t.textBaseline = "middle", t.fillText(n, r + 26, d + a / 2);
+    t.fillStyle = "rgba(0, 0, 0, 0.75)", this.roundRect(t, r, d, h, a, 4), t.fill(), t.beginPath(), t.arc(r + 16, d + a / 2, 4, 0, Math.PI * 2), t.fillStyle = s, t.fill(), t.fillStyle = "#fff", t.textAlign = "left", t.textBaseline = "middle", t.fillText(n, r + 26, d + a / 2);
   }
-  roundRect(t, i, e, n, o, s) {
-    t.beginPath(), t.moveTo(i + s, e), t.lineTo(i + n - s, e), t.quadraticCurveTo(i + n, e, i + n, e + s), t.lineTo(i + n, e + o - s), t.quadraticCurveTo(i + n, e + o, i + n - s, e + o), t.lineTo(i + s, e + o), t.quadraticCurveTo(i, e + o, i, e + o - s), t.lineTo(i, e + s), t.quadraticCurveTo(i, e, i + s, e), t.closePath();
+  roundRect(t, i, e, n, s, o) {
+    t.beginPath(), t.moveTo(i + o, e), t.lineTo(i + n - o, e), t.quadraticCurveTo(i + n, e, i + n, e + o), t.lineTo(i + n, e + s - o), t.quadraticCurveTo(i + n, e + s, i + n - o, e + s), t.lineTo(i + o, e + s), t.quadraticCurveTo(i, e + s, i, e + s - o), t.lineTo(i, e + o), t.quadraticCurveTo(i, e, i + o, e), t.closePath();
   }
   formatValue(t) {
     const i = Math.abs(t);
     return i === 0 ? "0" : i >= 1e6 || i < 1e-3 ? t.toExponential(this.options.precision - 1) : t.toPrecision(this.options.precision);
   }
 }
-const W = {
+const V = {
   top: 10,
   right: 12,
   bottom: 10,
@@ -680,7 +680,7 @@ const W = {
   contentFontSize: 11,
   lineHeight: 1.4,
   // Spacing
-  padding: W,
+  padding: V,
   itemGap: 4,
   headerGap: 8,
   // Decorations
@@ -690,7 +690,7 @@ const W = {
   separatorColor: "rgba(255, 255, 255, 0.1)",
   showArrow: !0,
   arrowSize: 6
-}, J = {
+}, et = {
   // Container
   backgroundColor: "rgba(255, 255, 255, 0.98)",
   borderColor: "rgba(0, 0, 0, 0.12)",
@@ -712,7 +712,7 @@ const W = {
   contentFontSize: 11,
   lineHeight: 1.4,
   // Spacing
-  padding: W,
+  padding: V,
   itemGap: 4,
   headerGap: 8,
   // Decorations
@@ -722,7 +722,7 @@ const W = {
   separatorColor: "rgba(0, 0, 0, 0.08)",
   showArrow: !0,
   arrowSize: 6
-}, ht = {
+}, gt = {
   // Container
   backgroundColor: "rgba(255, 255, 255, 0.08)",
   backgroundGradient: "rgba(255, 255, 255, 0.04)",
@@ -755,7 +755,7 @@ const W = {
   separatorColor: "rgba(255, 255, 255, 0.15)",
   showArrow: !0,
   arrowSize: 7
-}, Q = {
+}, it = {
   // Container
   backgroundColor: "rgba(10, 15, 30, 0.95)",
   backgroundGradient: "rgba(20, 25, 50, 0.90)",
@@ -778,7 +778,7 @@ const W = {
   contentFontSize: 11,
   lineHeight: 1.4,
   // Spacing
-  padding: W,
+  padding: V,
   itemGap: 4,
   headerGap: 8,
   // Decorations
@@ -788,7 +788,7 @@ const W = {
   separatorColor: "rgba(100, 120, 255, 0.15)",
   showArrow: !0,
   arrowSize: 6
-}, Z = {
+}, st = {
   // Container
   backgroundColor: "rgba(8, 20, 40, 0.96)",
   backgroundGradient: "rgba(15, 35, 60, 0.92)",
@@ -821,7 +821,7 @@ const W = {
   separatorColor: "rgba(30, 136, 229, 0.2)",
   showArrow: !0,
   arrowSize: 5
-}, dt = {
+}, yt = {
   // Container
   backgroundColor: "rgba(0, 0, 0, 0.92)",
   borderColor: "#00ffff",
@@ -853,7 +853,7 @@ const W = {
   separatorColor: "rgba(0, 255, 255, 0.3)",
   showArrow: !1,
   arrowSize: 0
-}, ct = {
+}, xt = {
   // Container
   backgroundColor: "rgba(30, 35, 45, 0.9)",
   borderColor: "transparent",
@@ -885,21 +885,21 @@ const W = {
   separatorColor: "transparent",
   showArrow: !1,
   arrowSize: 0
-}, ut = {
+}, bt = {
   dark: L,
-  light: J,
-  glass: ht,
-  midnight: Q,
-  electrochemistry: Z,
-  neon: dt,
-  minimal: ct
+  light: et,
+  glass: gt,
+  midnight: it,
+  electrochemistry: st,
+  neon: yt,
+  minimal: xt
 };
-function ft(f) {
-  const t = ut[f];
-  return t || (console.warn(`[Tooltip] Unknown theme "${f}", using dark`), L);
+function St(c) {
+  const t = bt[c];
+  return t || (console.warn(`[Tooltip] Unknown theme "${c}", using dark`), L);
 }
-function pt(f, t) {
-  const i = typeof f == "string" ? ft(f) : f;
+function mt(c, t) {
+  const i = typeof c == "string" ? St(c) : c;
   return {
     ...i,
     ...t,
@@ -907,21 +907,21 @@ function pt(f, t) {
     shadow: { ...i.shadow, ...t.shadow }
   };
 }
-function k(f) {
-  switch (f.toLowerCase()) {
+function B(c) {
+  switch (c.toLowerCase()) {
     case "light":
-      return J;
+      return et;
     case "midnight":
-      return Q;
+      return it;
     case "electrochemistry":
     case "electrochem":
-      return Z;
+      return st;
     case "dark":
     default:
       return L;
   }
 }
-const gt = L, yt = {
+const Tt = L, wt = {
   offset: { x: 12, y: 12 },
   preferredPosition: "auto",
   constrainToPlotArea: !0,
@@ -930,13 +930,13 @@ const gt = L, yt = {
   showArrow: !0,
   arrowSize: 6
 };
-class xt {
+class Mt {
   constructor(t = {}) {
     u(this, "config");
     u(this, "containerWidth", 0);
     u(this, "containerHeight", 0);
     u(this, "plotArea", null);
-    this.config = { ...yt, ...t };
+    this.config = { ...wt, ...t };
   }
   /**
    * Update container dimensions
@@ -965,14 +965,14 @@ class xt {
    * @returns Calculated position with arrow configuration
    */
   calculatePosition(t, i, e) {
-    const { offset: n, preferredPosition: o, autoFlip: s, showArrow: l, arrowSize: h } = this.config, a = e.width + e.padding.left + e.padding.right, r = e.height + e.padding.top + e.padding.bottom;
+    const { offset: n, preferredPosition: s, autoFlip: o, showArrow: l, arrowSize: h } = this.config, a = e.width + e.padding.left + e.padding.right, r = e.height + e.padding.top + e.padding.bottom;
     let d = this.determinePosition(
       t,
       i,
       a,
       r,
-      o
-    ), { x: p, y: c, arrowPosition: g } = this.calculateCoordinates(
+      s
+    ), { x: f, y: p, arrowPosition: g } = this.calculateCoordinates(
       t,
       i,
       a,
@@ -981,8 +981,8 @@ class xt {
       n,
       l ? h : 0
     ), y = !1;
-    if (s && !this.fitsInBounds(p, c, a, r)) {
-      const S = this.flipPosition(d), w = this.calculateCoordinates(
+    if (o && !this.fitsInBounds(f, p, a, r)) {
+      const S = this.flipPosition(d), T = this.calculateCoordinates(
         t,
         i,
         a,
@@ -991,9 +991,9 @@ class xt {
         n,
         l ? h : 0
       );
-      this.fitsInBounds(w.x, w.y, a, r) && (p = w.x, c = w.y, g = w.arrowPosition, y = !0);
+      this.fitsInBounds(T.x, T.y, a, r) && (f = T.x, p = T.y, g = T.arrowPosition, y = !0);
     }
-    const b = this.constrainToBounds(p, c, a, r);
+    const b = this.constrainToBounds(f, p, a, r);
     let x = 0;
     if (l) {
       if (g === "top" || g === "bottom") {
@@ -1015,11 +1015,11 @@ class xt {
   /**
    * Determine best position based on available space
    */
-  determinePosition(t, i, e, n, o) {
-    if (o !== "auto")
-      return o;
-    const s = this.getConstraintBounds(), l = i - s.top, h = s.bottom - i, a = t - s.left, r = s.right - t, d = l >= n + this.config.offset.y, p = h >= n + this.config.offset.y, c = r >= e + this.config.offset.x, g = a >= e + this.config.offset.x;
-    return d && l >= h ? "top" : p ? "bottom" : c && r >= a ? "right" : g ? "left" : [
+  determinePosition(t, i, e, n, s) {
+    if (s !== "auto")
+      return s;
+    const o = this.getConstraintBounds(), l = i - o.top, h = o.bottom - i, a = t - o.left, r = o.right - t, d = l >= n + this.config.offset.y, f = h >= n + this.config.offset.y, p = r >= e + this.config.offset.x, g = a >= e + this.config.offset.x;
+    return d && l >= h ? "top" : f ? "bottom" : p && r >= a ? "right" : g ? "left" : [
       { pos: "top", space: l },
       { pos: "bottom", space: h },
       { pos: "right", space: r },
@@ -1029,20 +1029,20 @@ class xt {
   /**
    * Calculate tooltip coordinates for a given position
    */
-  calculateCoordinates(t, i, e, n, o, s, l) {
+  calculateCoordinates(t, i, e, n, s, o, l) {
     let h, a, r;
-    switch (o) {
+    switch (s) {
       case "top":
-        h = t - e / 2, a = i - n - s.y - l, r = "bottom";
+        h = t - e / 2, a = i - n - o.y - l, r = "bottom";
         break;
       case "bottom":
-        h = t - e / 2, a = i + s.y + l, r = "top";
+        h = t - e / 2, a = i + o.y + l, r = "top";
         break;
       case "right":
-        h = t + s.x + l, a = i - n / 2, r = "left";
+        h = t + o.x + l, a = i - n / 2, r = "left";
         break;
       case "left":
-        h = t - e - s.x - l, a = i - n / 2, r = "right";
+        h = t - e - o.x - l, a = i - n / 2, r = "right";
         break;
     }
     return { x: h, y: a, arrowPosition: r };
@@ -1066,16 +1066,16 @@ class xt {
    * Check if tooltip fits within bounds
    */
   fitsInBounds(t, i, e, n) {
-    const o = this.getConstraintBounds();
-    return t >= o.left && i >= o.top && t + e <= o.right && i + n <= o.bottom;
+    const s = this.getConstraintBounds();
+    return t >= s.left && i >= s.top && t + e <= s.right && i + n <= s.bottom;
   }
   /**
    * Constrain position to stay within bounds
    */
   constrainToBounds(t, i, e, n) {
-    const o = this.getConstraintBounds(), s = 4;
+    const s = this.getConstraintBounds(), o = 4;
     let l = t, h = i;
-    return l < o.left + s ? l = o.left + s : l + e > o.right - s && (l = o.right - e - s), h < o.top + s ? h = o.top + s : h + n > o.bottom - s && (h = o.bottom - n - s), { x: l, y: h };
+    return l < s.left + o ? l = s.left + o : l + e > s.right - o && (l = s.right - e - o), h < s.top + o ? h = s.top + o : h + n > s.bottom - o && (h = s.bottom - n - o), { x: l, y: h };
   }
   /**
    * Get the bounds to constrain tooltip within
@@ -1098,11 +1098,11 @@ class xt {
    * Calculate position for crosshair tooltip (follows cursor vertically)
    */
   calculateCrosshairPosition(t, i, e) {
-    const { offset: n } = this.config, o = this.getConstraintBounds(), s = e.width + e.padding.left + e.padding.right, l = e.height + e.padding.top + e.padding.bottom;
+    const { offset: n } = this.config, s = this.getConstraintBounds(), o = e.width + e.padding.left + e.padding.right, l = e.height + e.padding.top + e.padding.bottom;
     let h = t + n.x, a = "left";
-    h + s > o.right - 4 && (h = t - s - n.x, a = "right");
+    h + o > s.right - 4 && (h = t - o - n.x, a = "right");
     let r = i - l / 2;
-    r = Math.max(o.top + 4, Math.min(o.bottom - l - 4, r));
+    r = Math.max(s.top + 4, Math.min(s.bottom - l - 4, r));
     const d = i - r;
     return {
       x: h,
@@ -1113,7 +1113,7 @@ class xt {
     };
   }
 }
-class bt {
+class vt {
   constructor(t, i) {
     u(this, "ctx");
     u(this, "theme");
@@ -1129,12 +1129,12 @@ class bt {
    * Render a tooltip with the given template
    */
   render(t, i, e) {
-    const n = e.measure(this.ctx, t, this.theme), o = n.width + n.padding.left + n.padding.right, s = n.height + n.padding.top + n.padding.bottom;
-    this.ctx.save(), this.drawBackground(i.x, i.y, o, s, i.arrowPosition || "none"), i.arrowPosition && i.arrowPosition !== "none" && this.drawArrow(
+    const n = e.measure(this.ctx, t, this.theme), s = n.width + n.padding.left + n.padding.right, o = n.height + n.padding.top + n.padding.bottom;
+    this.ctx.save(), this.drawBackground(i.x, i.y, s, o, i.arrowPosition || "none"), i.arrowPosition && i.arrowPosition !== "none" && this.drawArrow(
       i.x,
       i.y,
-      o,
       s,
+      o,
       i.arrowPosition,
       i.arrowOffset || 0
     ), e.render(this.ctx, t, i, n, this.theme), this.ctx.restore();
@@ -1142,36 +1142,36 @@ class bt {
   /**
    * Draw tooltip background with all effects
    */
-  drawBackground(t, i, e, n, o) {
-    const { ctx: s, theme: l } = this, h = l.borderRadius;
-    if (s.save(), l.shadow.blur > 0 && (s.shadowColor = l.shadow.color, s.shadowOffsetX = l.shadow.offsetX, s.shadowOffsetY = l.shadow.offsetY, s.shadowBlur = l.shadow.blur), s.beginPath(), this.roundRect(t, i, e, n, h), l.backgroundGradient) {
-      const a = s.createLinearGradient(t, i, t, i + n);
-      a.addColorStop(0, l.backgroundColor), a.addColorStop(1, l.backgroundGradient), s.fillStyle = a;
+  drawBackground(t, i, e, n, s) {
+    const { ctx: o, theme: l } = this, h = l.borderRadius;
+    if (o.save(), l.shadow.blur > 0 && (o.shadowColor = l.shadow.color, o.shadowOffsetX = l.shadow.offsetX, o.shadowOffsetY = l.shadow.offsetY, o.shadowBlur = l.shadow.blur), o.beginPath(), this.roundRect(t, i, e, n, h), l.backgroundGradient) {
+      const a = o.createLinearGradient(t, i, t, i + n);
+      a.addColorStop(0, l.backgroundColor), a.addColorStop(1, l.backgroundGradient), o.fillStyle = a;
     } else
-      s.fillStyle = l.backgroundColor;
-    s.fill(), s.shadowColor = "transparent", l.borderWidth > 0 && (s.strokeStyle = l.borderColor, s.lineWidth = l.borderWidth, s.stroke()), s.restore();
+      o.fillStyle = l.backgroundColor;
+    o.fill(), o.shadowColor = "transparent", l.borderWidth > 0 && (o.strokeStyle = l.borderColor, o.lineWidth = l.borderWidth, o.stroke()), o.restore();
   }
   /**
    * Draw arrow pointing to target
    */
-  drawArrow(t, i, e, n, o, s) {
+  drawArrow(t, i, e, n, s, o) {
     const { ctx: l, theme: h } = this, a = h.arrowSize;
-    if (!(a <= 0 || o === "none")) {
-      switch (l.save(), l.fillStyle = h.backgroundColor, l.strokeStyle = h.borderColor, l.lineWidth = h.borderWidth, l.beginPath(), o) {
+    if (!(a <= 0 || s === "none")) {
+      switch (l.save(), l.fillStyle = h.backgroundColor, l.strokeStyle = h.borderColor, l.lineWidth = h.borderWidth, l.beginPath(), s) {
         case "top":
-          const r = t + s;
+          const r = t + o;
           l.moveTo(r - a, i), l.lineTo(r, i - a), l.lineTo(r + a, i);
           break;
         case "bottom":
-          const d = t + s, p = i + n;
-          l.moveTo(d - a, p), l.lineTo(d, p + a), l.lineTo(d + a, p);
+          const d = t + o, f = i + n;
+          l.moveTo(d - a, f), l.lineTo(d, f + a), l.lineTo(d + a, f);
           break;
         case "left":
-          const c = i + s;
-          l.moveTo(t, c - a), l.lineTo(t - a, c), l.lineTo(t, c + a);
+          const p = i + o;
+          l.moveTo(t, p - a), l.lineTo(t - a, p), l.lineTo(t, p + a);
           break;
         case "right":
-          const g = t + e, y = i + s;
+          const g = t + e, y = i + o;
           l.moveTo(g, y - a), l.lineTo(g + a, y), l.lineTo(g, y + a);
           break;
       }
@@ -1181,57 +1181,57 @@ class bt {
   /**
    * Draw a rounded rectangle path
    */
-  roundRect(t, i, e, n, o) {
-    const { ctx: s } = this, l = Math.min(o, e / 2, n / 2);
-    s.moveTo(t + l, i), s.lineTo(t + e - l, i), s.arcTo(t + e, i, t + e, i + l, l), s.lineTo(t + e, i + n - l), s.arcTo(t + e, i + n, t + e - l, i + n, l), s.lineTo(t + l, i + n), s.arcTo(t, i + n, t, i + n - l, l), s.lineTo(t, i + l), s.arcTo(t, i, t + l, i, l), s.closePath();
+  roundRect(t, i, e, n, s) {
+    const { ctx: o } = this, l = Math.min(s, e / 2, n / 2);
+    o.moveTo(t + l, i), o.lineTo(t + e - l, i), o.arcTo(t + e, i, t + e, i + l, l), o.lineTo(t + e, i + n - l), o.arcTo(t + e, i + n, t + e - l, i + n, l), o.lineTo(t + l, i + n), o.arcTo(t, i + n, t, i + n - l, l), o.lineTo(t, i + l), o.arcTo(t, i, t + l, i, l), o.closePath();
   }
   /**
    * Draw a horizontal separator line
    */
   drawSeparator(t, i, e) {
-    const { ctx: n, theme: o } = this;
-    o.showHeaderSeparator && (n.save(), n.strokeStyle = o.separatorColor, n.lineWidth = 1, n.beginPath(), n.moveTo(t, i), n.lineTo(t + e, i), n.stroke(), n.restore());
+    const { ctx: n, theme: s } = this;
+    s.showHeaderSeparator && (n.save(), n.strokeStyle = s.separatorColor, n.lineWidth = 1, n.beginPath(), n.moveTo(t, i), n.lineTo(t + e, i), n.stroke(), n.restore());
   }
   /**
    * Draw a series color indicator (small circle or square)
    */
   drawSeriesIndicator(t, i, e) {
-    const { ctx: n, theme: o } = this;
-    if (!o.showSeriesIndicator) return;
-    const l = o.seriesIndicatorSize / 2;
+    const { ctx: n, theme: s } = this;
+    if (!s.showSeriesIndicator) return;
+    const l = s.seriesIndicatorSize / 2;
     n.save(), n.fillStyle = e, n.beginPath(), n.arc(t + l, i, l, 0, Math.PI * 2), n.fill(), n.restore();
   }
   /**
    * Measure text width
    */
   measureText(t, i, e = 400) {
-    const { ctx: n, theme: o } = this;
-    return n.font = `${e} ${i}px ${o.fontFamily}`, n.measureText(t).width;
+    const { ctx: n, theme: s } = this;
+    return n.font = `${e} ${i}px ${s.fontFamily}`, n.measureText(t).width;
   }
   /**
    * Draw text with theme styling
    */
   drawText(t, i, e, n = {}) {
-    const { ctx: o, theme: s } = this, {
-      fontSize: l = s.contentFontSize,
+    const { ctx: s, theme: o } = this, {
+      fontSize: l = o.contentFontSize,
       fontWeight: h = 400,
-      color: a = s.textColor,
+      color: a = o.textColor,
       align: r = "left",
       baseline: d = "top"
     } = n;
-    o.save(), o.font = `${h} ${l}px ${s.fontFamily}`, o.fillStyle = a, o.textAlign = r, o.textBaseline = d, o.fillText(t, i, e), o.restore();
+    s.save(), s.font = `${h} ${l}px ${o.fontFamily}`, s.fillStyle = a, s.textAlign = r, s.textBaseline = d, s.fillText(t, i, e), s.restore();
   }
   /**
    * Draw a label-value pair
    */
-  drawLabelValue(t, i, e, n, o) {
-    const { theme: s } = this;
+  drawLabelValue(t, i, e, n, s) {
+    const { theme: o } = this;
     this.drawText(e, t, i, {
-      color: s.textSecondaryColor,
-      fontSize: s.contentFontSize
-    }), this.drawText(n, t + o, i, {
-      color: s.textColor,
-      fontSize: s.contentFontSize,
+      color: o.textSecondaryColor,
+      fontSize: o.contentFontSize
+    }), this.drawText(n, t + s, i, {
+      color: o.textColor,
+      fontSize: o.contentFontSize,
       align: "right"
     });
   }
@@ -1242,13 +1242,39 @@ class bt {
     return this.theme;
   }
 }
-function Y(f, t = 4) {
-  if (f == null || isNaN(f))
-    return "N/A";
-  const i = Math.abs(f);
-  return i !== 0 && (i < 1e-4 || i >= 1e4) ? f.toExponential(2) : i < 0.01 ? f.toPrecision(t) : i < 1 ? f.toFixed(4) : i < 100 ? f.toFixed(3) : f.toFixed(1);
+function ot(c) {
+  return c.axisFormat ? O(c.dataX, c.axisFormat) : W(c.dataX);
+}
+function nt(c) {
+  return c.axisFormat ? N(c.dataY, c.axisFormat) : W(c.dataY);
 }
-class St {
+function Ct(c) {
+  return c.axisFormat ? O(c.dataX, c.axisFormat) : W(c.dataX);
+}
+function Pt(c, t) {
+  return t.axisFormat ? N(c, t.axisFormat) : W(c);
+}
+function W(c) {
+  if (c == null || isNaN(c)) return "N/A";
+  const t = Math.abs(c);
+  return t === 0 ? "0" : t < 1e-4 || t >= 1e4 ? c.toExponential(2) : t < 0.01 ? c.toPrecision(4) : t < 1 ? c.toFixed(4) : t < 100 ? c.toFixed(3) : c.toFixed(1);
+}
+function k(c, t) {
+  const i = t === "x" ? c.dataX : c.dataY;
+  if (c.axisFormat)
+    return t === "x" ? O(i, c.axisFormat) : N(i, c.axisFormat);
+  if (i == null || isNaN(i)) return "N/A";
+  const e = Math.abs(i);
+  return e === 0 ? "0" : e >= 1e9 ? (i / 1e9).toFixed(1) + "G" : e >= 1e6 ? (i / 1e6).toFixed(1) + "M" : e >= 1e3 ? (i / 1e3).toFixed(1) + "k" : e >= 1 ? i.toFixed(2) : e >= 1e-3 ? (i * 1e3).toFixed(1) + "m" : e >= 1e-6 ? (i * 1e6).toFixed(1) + "µ" : e >= 1e-9 ? (i * 1e9).toFixed(1) + "n" : i.toExponential(1);
+}
+function z(c, t, i) {
+  if (t && i === "x") return ot(t);
+  if (t && i === "y") return nt(t);
+  if (c == null || isNaN(c)) return "N/A";
+  const e = Math.abs(c);
+  return e !== 0 && (e < 1e-4 || e >= 1e4) ? c.toExponential(2) : e < 0.01 ? c.toPrecision(4) : e < 1 ? c.toFixed(4) : e < 100 ? c.toFixed(3) : c.toFixed(1);
+}
+class Ft {
   constructor() {
     u(this, "id", "default");
     u(this, "name", "Default Data Point");
@@ -1265,23 +1291,23 @@ class St {
     if (n === this.cachedKey && this.cachedMeasurement)
       return this.cachedMeasurement;
     t.font = `${e.titleFontWeight} ${e.titleFontSize}px ${e.fontFamily}`;
-    const o = t.measureText(i.seriesName).width;
+    const s = t.measureText(i.seriesName).width;
     t.font = `400 ${e.contentFontSize}px ${e.fontFamily}`;
-    const s = 35, l = t.measureText(Y(i.dataX)).width, h = t.measureText(Y(i.dataY)).width;
-    let a = s + Math.max(l, h), r = e.contentFontSize * e.lineHeight * 2;
+    const o = 35, l = t.measureText(z(i.dataX, i, "x")).width, h = t.measureText(z(i.dataY, i, "y")).width;
+    let a = o + Math.max(l, h), r = e.contentFontSize * e.lineHeight * 2;
     if (i.yError) {
-      const g = `± ${Y(i.yError[0])} / ${Y(i.yError[1])}`;
+      const g = `± ${z(i.yError[0])} / ${z(i.yError[1])}`;
       a = Math.max(a, t.measureText(g).width), r += e.contentFontSize * e.lineHeight;
     }
     if (i.cycle !== void 0) {
       const g = `Cycle: ${i.cycle}`;
       a = Math.max(a, t.measureText(g).width), r += e.contentFontSize * e.lineHeight;
     }
-    const d = e.showSeriesIndicator ? e.seriesIndicatorSize + 6 : 0, p = Math.max(o + d, a), c = e.titleFontSize * e.lineHeight + e.headerGap + r;
+    const d = e.showSeriesIndicator ? e.seriesIndicatorSize + 6 : 0, f = Math.max(s + d, a), p = e.titleFontSize * e.lineHeight + e.headerGap + r;
     return this.cachedMeasurement = {
-      width: p + 2,
+      width: f + 2,
       // Tiny buffer
-      height: c + 4,
+      height: p + 4,
       padding: e.padding,
       arrow: e.showArrow ? { width: e.arrowSize * 2, height: e.arrowSize } : void 0
     }, this.cachedKey = n, this.cachedMeasurement;
@@ -1289,35 +1315,29 @@ class St {
   /**
    * Render the tooltip
    */
-  render(t, i, e, n, o) {
-    const { x: s, y: l } = e, { padding: h } = o;
-    let a = s + h.left, r = l + h.top;
-    if (t.save(), t.textAlign = "left", t.textBaseline = "top", o.showSeriesIndicator) {
-      const p = r + o.titleFontSize / 2;
-      t.save(), t.fillStyle = i.seriesColor, t.beginPath(), t.arc(a + o.seriesIndicatorSize / 2, p, o.seriesIndicatorSize / 2, 0, Math.PI * 2), t.fill(), t.restore(), a += o.seriesIndicatorSize + 6;
+  render(t, i, e, n, s) {
+    const { x: o, y: l } = e, { padding: h } = s;
+    let a = o + h.left, r = l + h.top;
+    if (t.save(), t.textAlign = "left", t.textBaseline = "top", s.showSeriesIndicator) {
+      const f = r + s.titleFontSize / 2;
+      t.save(), t.fillStyle = i.seriesColor, t.beginPath(), t.arc(a + s.seriesIndicatorSize / 2, f, s.seriesIndicatorSize / 2, 0, Math.PI * 2), t.fill(), t.restore(), a += s.seriesIndicatorSize + 6;
     }
-    if (t.font = `${o.titleFontWeight} ${o.titleFontSize}px ${o.fontFamily}`, t.fillStyle = o.textColor, t.fillText(i.seriesName, a, r), r += o.titleFontSize * o.lineHeight + 2, o.showHeaderSeparator) {
-      const p = n.width;
-      t.save(), t.strokeStyle = o.separatorColor, t.lineWidth = 1, t.globalAlpha = 0.4, t.beginPath(), t.moveTo(s + h.left, r + o.headerGap / 2), t.lineTo(s + h.left + p, r + o.headerGap / 2), t.stroke(), t.restore();
+    if (t.font = `${s.titleFontWeight} ${s.titleFontSize}px ${s.fontFamily}`, t.fillStyle = s.textColor, t.fillText(i.seriesName, a, r), r += s.titleFontSize * s.lineHeight + 2, s.showHeaderSeparator) {
+      const f = n.width;
+      t.save(), t.strokeStyle = s.separatorColor, t.lineWidth = 1, t.globalAlpha = 0.4, t.beginPath(), t.moveTo(o + h.left, r + s.headerGap / 2), t.lineTo(o + h.left + f, r + s.headerGap / 2), t.stroke(), t.restore();
     }
-    r += o.headerGap + 2, a = s + h.left, t.font = `400 ${o.contentFontSize}px ${o.fontFamily}`, t.fillStyle = o.textSecondaryColor, t.fillText("X:", a, r), t.fillStyle = o.textColor;
+    r += s.headerGap + 2, a = o + h.left, t.font = `400 ${s.contentFontSize}px ${s.fontFamily}`, t.fillStyle = s.textSecondaryColor, t.fillText("X:", a, r), t.fillStyle = s.textColor;
     const d = 35;
-    if (t.fillText(Y(i.dataX), a + d, r), r += o.contentFontSize * o.lineHeight + 2, t.fillStyle = o.textSecondaryColor, t.fillText("Y:", a, r), t.fillStyle = o.textColor, t.fillText(Y(i.dataY), a + d, r), r += o.contentFontSize * o.lineHeight + 2, i.yError) {
-      t.fillStyle = o.textSecondaryColor;
-      const p = `± ${Y(i.yError[0])} / +${Y(i.yError[1])}`;
-      t.fillText(p, a, r), r += o.contentFontSize * o.lineHeight;
+    if (t.fillText(z(i.dataX, i, "x"), a + d, r), r += s.contentFontSize * s.lineHeight + 2, t.fillStyle = s.textSecondaryColor, t.fillText("Y:", a, r), t.fillStyle = s.textColor, t.fillText(z(i.dataY, i, "y"), a + d, r), r += s.contentFontSize * s.lineHeight + 2, i.yError) {
+      t.fillStyle = s.textSecondaryColor;
+      const f = `± ${z(i.yError[0])} / +${z(i.yError[1])}`;
+      t.fillText(f, a, r), r += s.contentFontSize * s.lineHeight;
     }
-    i.cycle !== void 0 && (t.fillStyle = o.textSecondaryColor, t.fillText("Cycle:", a, r), t.fillStyle = o.textColor, t.fillText(String(i.cycle), a + 45, r)), t.restore();
+    i.cycle !== void 0 && (t.fillStyle = s.textSecondaryColor, t.fillText("Cycle:", a, r), t.fillStyle = s.textColor, t.fillText(String(i.cycle), a + 45, r)), t.restore();
   }
 }
-const E = new St();
-function H(f) {
-  if (f == null || isNaN(f))
-    return "N/A";
-  const t = Math.abs(f);
-  return t === 0 ? "0" : t >= 1e9 ? (f / 1e9).toFixed(1) + "G" : t >= 1e6 ? (f / 1e6).toFixed(1) + "M" : t >= 1e3 ? (f / 1e3).toFixed(1) + "k" : t >= 1 ? f.toFixed(2) : t >= 1e-3 ? (f * 1e3).toFixed(1) + "m" : t >= 1e-6 ? (f * 1e6).toFixed(1) + "µ" : t >= 1e-9 ? (f * 1e9).toFixed(1) + "n" : f.toExponential(1);
-}
-class Tt {
+const H = new Ft();
+class It {
   constructor() {
     u(this, "id", "minimal");
     u(this, "name", "Minimal");
@@ -1334,9 +1354,9 @@ class Tt {
     if (n === this.cachedKey && this.cachedMeasurement)
       return this.cachedMeasurement;
     t.font = `${e.contentFontSize}px ${e.fontFamily}`;
-    const o = `${H(i.dataX)} ▪ ${H(i.dataY)}`, s = t.measureText(o).width;
+    const s = `${k(i, "x")} ▪ ${k(i, "y")}`, o = t.measureText(s).width;
     return this.cachedMeasurement = {
-      width: s,
+      width: o,
       height: e.contentFontSize * e.lineHeight,
       padding: {
         top: 6,
@@ -1349,16 +1369,16 @@ class Tt {
   /**
    * Render the tooltip
    */
-  render(t, i, e, n, o) {
-    const { padding: s } = n, l = e.x + s.left, h = e.y + s.top, a = H(i.dataX), r = H(i.dataY);
-    t.save(), t.font = `${o.contentFontSize}px ${o.fontFamily}`, t.textAlign = "left", t.textBaseline = "top", t.fillStyle = o.textSecondaryColor, t.fillText(a, l, h);
+  render(t, i, e, n, s) {
+    const { padding: o } = n, l = e.x + o.left, h = e.y + o.top, a = k(i, "x"), r = k(i, "y");
+    t.save(), t.font = `${s.contentFontSize}px ${s.fontFamily}`, t.textAlign = "left", t.textBaseline = "top", t.fillStyle = s.textSecondaryColor, t.fillText(a, l, h);
     const d = t.measureText(a).width;
     t.fillStyle = i.seriesColor, t.fillText(" ▪ ", l + d, h);
-    const p = t.measureText(" ▪ ").width;
-    t.fillStyle = o.textColor, t.fillText(r, l + d + p, h), t.restore();
+    const f = t.measureText(" ▪ ").width;
+    t.fillStyle = s.textColor, t.fillText(r, l + d + f, h), t.restore();
   }
 }
-const tt = new Tt(), F = {
+const at = new It(), F = {
   INDICATOR_MARGIN: 8,
   MIN_LABEL_WIDTH: 60,
   LINE_SPACING: 2,
@@ -1366,13 +1386,7 @@ const tt = new Tt(), F = {
   HEADER_SPACING: 2,
   GAP_SPACING: 2
 };
-function q(f) {
-  if (f == null || isNaN(f))
-    return "N/A";
-  const t = Math.abs(f);
-  return t === 0 ? "0" : t < 1e-4 || t >= 1e4 ? f.toExponential(2) : t < 0.01 ? f.toPrecision(3) : t < 1 ? f.toFixed(4) : t < 100 ? f.toFixed(3) : f.toFixed(1);
-}
-class wt {
+class zt {
   constructor() {
     u(this, "id", "crosshair");
     u(this, "name", "Multi-Series Crosshair");
@@ -1403,10 +1417,10 @@ class wt {
    */
   formatData(t) {
     return {
-      header: `⌖ X = ${q(t.dataX)}`,
+      header: `⌖ X = ${Ct(t)}`,
       series: t.interpolatedValues.map((i) => ({
         name: i.seriesName,
-        value: q(i.y),
+        value: Pt(i.y, t),
         color: i.seriesColor,
         isInterpolated: i.isInterpolated
       }))
@@ -1426,16 +1440,16 @@ class wt {
     if (n === this.cachedKey && this.cachedMeasurement)
       return this.cachedMeasurement;
     this.formattedData = this.formatData(i), t.font = `${e.titleFontWeight} ${e.titleFontSize}px ${e.fontFamily}`;
-    let o = t.measureText(this.formattedData.header).width;
+    let s = t.measureText(this.formattedData.header).width;
     t.font = `400 ${e.contentFontSize}px ${e.fontFamily}`;
-    const s = e.showSeriesIndicator ? e.seriesIndicatorSize + F.INDICATOR_MARGIN : 0;
+    const o = e.showSeriesIndicator ? e.seriesIndicatorSize + F.INDICATOR_MARGIN : 0;
     for (const r of this.formattedData.series) {
-      const d = t.measureText(`${r.name}:`).width, p = t.measureText(r.value).width, c = s + Math.max(d, F.MIN_LABEL_WIDTH) + p;
-      o = Math.max(o, c);
+      const d = t.measureText(`${r.name}:`).width, f = t.measureText(r.value).width, p = o + Math.max(d, F.MIN_LABEL_WIDTH) + f;
+      s = Math.max(s, p);
     }
     const l = e.titleFontSize * e.lineHeight, a = this.formattedData.series.length * (e.contentFontSize * e.lineHeight + F.LINE_SPACING);
     return this.cachedMeasurement = {
-      width: o + F.SAFETY_BUFFER,
+      width: s + F.SAFETY_BUFFER,
       height: l + e.headerGap + a,
       padding: e.padding
     }, this.cachedKey = n, this.cachedMeasurement;
@@ -1443,34 +1457,34 @@ class wt {
   /**
    * Render the tooltip
    */
-  render(t, i, e, n, o) {
+  render(t, i, e, n, s) {
     if (!i.interpolatedValues || i.interpolatedValues.length === 0)
       return;
-    const s = this.formattedData || this.formatData(i), { x: l, y: h } = e, { padding: a } = o;
+    const o = this.formattedData || this.formatData(i), { x: l, y: h } = e, { padding: a } = s;
     let r = h + a.top;
     const d = l + a.left;
-    t.save(), t.textAlign = "left", t.textBaseline = "top", t.font = `${o.titleFontWeight} ${o.titleFontSize}px ${o.fontFamily}`, t.fillStyle = o.textColor, t.fillText(s.header, d, r), r += o.titleFontSize * o.lineHeight + F.HEADER_SPACING, o.showHeaderSeparator && (t.strokeStyle = o.separatorColor, t.lineWidth = 1, t.globalAlpha = 0.4, t.beginPath(), t.moveTo(d, r + o.headerGap / 2), t.lineTo(d + n.width, r + o.headerGap / 2), t.stroke(), t.globalAlpha = 1), r += o.headerGap + F.GAP_SPACING, t.font = `400 ${o.contentFontSize}px ${o.fontFamily}`;
-    for (const p of s.series) {
-      let c = d;
-      if (o.showSeriesIndicator && o.seriesIndicatorSize > 0) {
-        const b = r + o.contentFontSize / 2, x = o.seriesIndicatorSize / 2;
-        t.save(), t.beginPath(), t.arc(c + x, b, x, 0, Math.PI * 2), p.isInterpolated ? (t.strokeStyle = p.color, t.lineWidth = 1.5, t.stroke()) : (t.fillStyle = p.color, t.fill()), t.restore(), c += o.seriesIndicatorSize + F.INDICATOR_MARGIN;
+    t.save(), t.textAlign = "left", t.textBaseline = "top", t.font = `${s.titleFontWeight} ${s.titleFontSize}px ${s.fontFamily}`, t.fillStyle = s.textColor, t.fillText(o.header, d, r), r += s.titleFontSize * s.lineHeight + F.HEADER_SPACING, s.showHeaderSeparator && (t.strokeStyle = s.separatorColor, t.lineWidth = 1, t.globalAlpha = 0.4, t.beginPath(), t.moveTo(d, r + s.headerGap / 2), t.lineTo(d + n.width, r + s.headerGap / 2), t.stroke(), t.globalAlpha = 1), r += s.headerGap + F.GAP_SPACING, t.font = `400 ${s.contentFontSize}px ${s.fontFamily}`;
+    for (const f of o.series) {
+      let p = d;
+      if (s.showSeriesIndicator && s.seriesIndicatorSize > 0) {
+        const b = r + s.contentFontSize / 2, x = s.seriesIndicatorSize / 2;
+        t.save(), t.beginPath(), t.arc(p + x, b, x, 0, Math.PI * 2), f.isInterpolated ? (t.strokeStyle = f.color, t.lineWidth = 1.5, t.stroke()) : (t.fillStyle = f.color, t.fill()), t.restore(), p += s.seriesIndicatorSize + F.INDICATOR_MARGIN;
       }
-      t.fillStyle = o.textSecondaryColor, t.fillText(`${p.name}:`, c, r);
-      const g = t.measureText(`${p.name}: `).width, y = Math.max(g, F.MIN_LABEL_WIDTH);
-      t.fillStyle = o.textColor, t.fillText(p.value, c + y, r), r += o.contentFontSize * o.lineHeight + F.LINE_SPACING;
+      t.fillStyle = s.textSecondaryColor, t.fillText(`${f.name}:`, p, r);
+      const g = t.measureText(`${f.name}: `).width, y = Math.max(g, F.MIN_LABEL_WIDTH);
+      t.fillStyle = s.textColor, t.fillText(f.value, p + y, r), r += s.contentFontSize * s.lineHeight + F.LINE_SPACING;
     }
     t.restore();
   }
 }
-const R = new wt();
-function P(f) {
-  if (f == null || isNaN(f))
+const G = new zt();
+function P(c) {
+  if (c == null || isNaN(c))
     return "N/A";
-  const t = Math.abs(f);
-  return t === 0 ? "0" : t < 1e-4 || t >= 1e4 ? f.toExponential(3) : t < 0.01 ? f.toPrecision(4) : t < 1 ? f.toFixed(4) : t < 100 ? f.toFixed(3) : f.toFixed(2);
+  const t = Math.abs(c);
+  return t === 0 ? "0" : t < 1e-4 || t >= 1e4 ? c.toExponential(3) : t < 0.01 ? c.toPrecision(4) : t < 1 ? c.toFixed(4) : t < 100 ? c.toFixed(3) : c.toFixed(2);
 }
-class mt {
+class Yt {
   constructor() {
     u(this, "id", "heatmap");
     u(this, "name", "Heatmap Value");
@@ -1490,53 +1504,61 @@ class mt {
     if (n === this.cachedKey && this.cachedMeasurement)
       return this.cachedMeasurement;
     t.font = `${e.titleFontWeight} ${e.titleFontSize}px ${e.fontFamily}`;
-    const o = `Grid [${i.xIndex}, ${i.yIndex}]`;
-    let s = t.measureText(o).width;
+    const s = `Grid [${i.xIndex}, ${i.yIndex}]`;
+    let o = t.measureText(s).width;
     t.font = `400 ${e.contentFontSize}px ${e.fontFamily}`;
     const l = `Value: ${P(i.zValue)}`, h = this.swatchSize + this.swatchGap + t.measureText(l).width;
-    if (s = Math.max(s, h), i.colorScale) {
+    if (o = Math.max(o, h), i.colorScale) {
       const y = `Min: ${P(i.colorScale.min)}  Max: ${P(i.colorScale.max)}`;
-      s = Math.max(s, this.swatchSize + this.swatchGap + t.measureText(y).width);
+      o = Math.max(o, this.swatchSize + this.swatchGap + t.measureText(y).width);
     }
     const a = 25, r = a + t.measureText(P(i.dataX)).width, d = a + t.measureText(P(i.dataY)).width;
-    s = Math.max(s, r, d);
-    const p = e.titleFontSize * e.lineHeight, g = (i.colorScale ? 4 : 3) * e.contentFontSize * e.lineHeight;
+    o = Math.max(o, r, d);
+    const f = e.titleFontSize * e.lineHeight, g = (i.colorScale ? 4 : 3) * e.contentFontSize * e.lineHeight;
     return this.cachedMeasurement = {
-      width: s + 4,
+      width: o + 4,
       // Small buffer
-      height: p + e.headerGap + g + e.itemGap,
+      height: f + e.headerGap + g + e.itemGap,
       padding: e.padding
     }, this.cachedKey = n, this.cachedMeasurement;
   }
   /**
    * Render the tooltip
    */
-  render(t, i, e, n, o) {
-    const { x: s, y: l } = e, { padding: h } = o;
+  render(t, i, e, n, s) {
+    const { x: o, y: l } = e, { padding: h } = s;
     let a = l + h.top;
-    const r = s + h.left;
-    t.save(), t.textAlign = "left", t.textBaseline = "top", t.font = `${o.titleFontWeight} ${o.titleFontSize}px ${o.fontFamily}`, t.fillStyle = o.textColor;
+    const r = o + h.left;
+    t.save(), t.textAlign = "left", t.textBaseline = "top", t.font = `${s.titleFontWeight} ${s.titleFontSize}px ${s.fontFamily}`, t.fillStyle = s.textColor;
     const d = `Grid [${i.xIndex}, ${i.yIndex}]`;
-    t.fillText(d, r, a), a += o.titleFontSize * o.lineHeight + 2, o.showHeaderSeparator && (t.strokeStyle = o.separatorColor, t.lineWidth = 1, t.globalAlpha = 0.4, t.beginPath(), t.moveTo(r, a + o.headerGap / 2), t.lineTo(r + n.width, a + o.headerGap / 2), t.stroke(), t.globalAlpha = 1), a += o.headerGap + 2, t.font = `400 ${o.contentFontSize}px ${o.fontFamily}`;
-    const p = a + (o.contentFontSize * o.lineHeight - this.swatchSize) / 2;
-    t.fillStyle = i.mappedColor || o.textColor, t.fillRect(r, p, this.swatchSize, this.swatchSize), t.strokeStyle = o.separatorColor, t.lineWidth = 1, t.strokeRect(r, p, this.swatchSize, this.swatchSize), t.fillStyle = o.textSecondaryColor, t.fillText("Value:", r + this.swatchSize + this.swatchGap, a), t.fillStyle = o.textColor;
-    const c = t.measureText("Value: ").width;
-    if (t.fillText(P(i.zValue), r + this.swatchSize + this.swatchGap + c, a), a += o.contentFontSize * o.lineHeight, i.colorScale) {
-      t.fillStyle = o.textSecondaryColor, t.font = `400 ${o.contentFontSize - 1}px ${o.fontFamily}`;
+    t.fillText(d, r, a), a += s.titleFontSize * s.lineHeight + 2, s.showHeaderSeparator && (t.strokeStyle = s.separatorColor, t.lineWidth = 1, t.globalAlpha = 0.4, t.beginPath(), t.moveTo(r, a + s.headerGap / 2), t.lineTo(r + n.width, a + s.headerGap / 2), t.stroke(), t.globalAlpha = 1), a += s.headerGap + 2, t.font = `400 ${s.contentFontSize}px ${s.fontFamily}`;
+    const f = a + (s.contentFontSize * s.lineHeight - this.swatchSize) / 2;
+    t.fillStyle = i.mappedColor || s.textColor, t.fillRect(r, f, this.swatchSize, this.swatchSize), t.strokeStyle = s.separatorColor, t.lineWidth = 1, t.strokeRect(r, f, this.swatchSize, this.swatchSize), t.fillStyle = s.textSecondaryColor, t.fillText("Value:", r + this.swatchSize + this.swatchGap, a), t.fillStyle = s.textColor;
+    const p = t.measureText("Value: ").width;
+    if (t.fillText(P(i.zValue), r + this.swatchSize + this.swatchGap + p, a), a += s.contentFontSize * s.lineHeight, i.colorScale) {
+      t.fillStyle = s.textSecondaryColor, t.font = `400 ${s.contentFontSize - 1}px ${s.fontFamily}`;
       const g = `Min: ${P(i.colorScale.min)}  Max: ${P(i.colorScale.max)}`;
-      t.fillText(g, r + this.swatchSize + this.swatchGap, a), a += o.contentFontSize * o.lineHeight;
+      t.fillText(g, r + this.swatchSize + this.swatchGap, a), a += s.contentFontSize * s.lineHeight;
     }
-    a += o.itemGap + 2, t.font = `400 ${o.contentFontSize}px ${o.fontFamily}`, t.fillStyle = o.textSecondaryColor, t.fillText("X:", r, a), t.fillStyle = o.textColor, t.fillText(P(i.dataX), r + 25, a), a += o.contentFontSize * o.lineHeight + 2, t.fillStyle = o.textSecondaryColor, t.fillText("Y:", r, a), t.fillStyle = o.textColor, t.fillText(P(i.dataY), r + 25, a), t.restore();
+    a += s.itemGap + 2, t.font = `400 ${s.contentFontSize}px ${s.fontFamily}`, t.fillStyle = s.textSecondaryColor, t.fillText("X:", r, a), t.fillStyle = s.textColor, t.fillText(P(i.dataX), r + 25, a), a += s.contentFontSize * s.lineHeight + 2, t.fillStyle = s.textSecondaryColor, t.fillText("Y:", r, a), t.fillStyle = s.textColor, t.fillText(P(i.dataY), r + 25, a), t.restore();
   }
 }
-const N = new mt();
-function X(f, t = 3) {
-  if (f == null || isNaN(f))
+const _ = new Yt();
+function Q(c) {
+  var t, i;
+  return ((i = (t = c.axisFormat) == null ? void 0 : t.x) == null ? void 0 : i.type) === "time" ? ot(c) : E(c.dataX);
+}
+function Z(c) {
+  var t, i;
+  return ((i = (t = c.axisFormat) == null ? void 0 : t.y) == null ? void 0 : i.scientific) === !1 ? nt(c) : E(c.dataY);
+}
+function E(c, t = 3) {
+  if (c == null || isNaN(c))
     return "N/A";
-  if (f === 0) return "0";
-  const i = Math.floor(Math.log10(Math.abs(f))), e = f / Math.pow(10, i);
+  if (c === 0) return "0";
+  const i = Math.floor(Math.log10(Math.abs(c))), e = c / Math.pow(10, i);
   if (Math.abs(i) <= 2)
-    return f.toPrecision(t);
+    return c.toPrecision(t);
   const n = {
     0: "⁰",
     1: "¹",
@@ -1550,13 +1572,13 @@ function X(f, t = 3) {
     9: "⁹",
     "-": "⁻",
     "+": "⁺"
-  }, o = i.toString();
-  let s = "";
-  for (const l of o)
-    s += n[l] || l;
-  return `${e.toFixed(t - 1)} × 10${s}`;
+  }, s = i.toString();
+  let o = "";
+  for (const l of s)
+    o += n[l] || l;
+  return `${e.toFixed(t - 1)} × 10${o}`;
 }
-class Mt {
+class At {
   constructor() {
     u(this, "id", "scientific");
     u(this, "name", "Scientific Notation");
@@ -1573,58 +1595,58 @@ class Mt {
     if (n === this.cachedKey && this.cachedMeasurement)
       return this.cachedMeasurement;
     t.font = `${e.titleFontWeight} ${e.titleFontSize}px ${e.fontFamily}`;
-    const o = t.measureText(i.seriesName).width + (e.showSeriesIndicator ? e.seriesIndicatorSize + 8 : 0);
+    const s = t.measureText(i.seriesName).width + (e.showSeriesIndicator ? e.seriesIndicatorSize + 8 : 0);
     t.font = `400 ${e.contentFontSize}px ${e.fontFamily}`;
-    const s = 28, l = X(i.dataX);
-    let h = Math.max(o, s + t.measureText(l).width);
-    const a = X(i.dataY);
-    let r = s + t.measureText(a).width;
-    i.yError && (r += t.measureText(` ± ${X(i.yError[0])}`).width), h = Math.max(h, r);
+    const o = 28, l = Q(i);
+    let h = Math.max(s, o + t.measureText(l).width);
+    const a = Z(i);
+    let r = o + t.measureText(a).width;
+    i.yError && (r += t.measureText(` ± ${E(i.yError[0])}`).width), h = Math.max(h, r);
     let d = `Index: ${i.dataIndex}`;
     i.cycle !== void 0 && (d += `  │  Cycle: ${i.cycle}`), h = Math.max(h, t.measureText(d).width);
-    let p = 3;
-    (i.cycle !== void 0 || i.yError) && (p += 1);
-    const c = e.titleFontSize * e.lineHeight + e.headerGap, g = (p - 1) * e.contentFontSize * e.lineHeight, y = i.cycle !== void 0 ? e.itemGap : 0;
+    let f = 3;
+    (i.cycle !== void 0 || i.yError) && (f += 1);
+    const p = e.titleFontSize * e.lineHeight + e.headerGap, g = (f - 1) * e.contentFontSize * e.lineHeight, y = i.cycle !== void 0 ? e.itemGap : 0;
     return this.cachedMeasurement = {
       width: h,
-      height: c + g + y,
+      height: p + g + y,
       padding: e.padding
     }, this.cachedKey = n, this.cachedMeasurement;
   }
   /**
    * Render the tooltip
    */
-  render(t, i, e, n, o) {
-    const { x: s, y: l } = e, { padding: h } = o;
-    let a = l + h.top, r = s + h.left;
-    if (t.save(), t.textAlign = "left", t.textBaseline = "top", o.showSeriesIndicator) {
-      const c = a + o.titleFontSize / 2;
-      t.fillStyle = i.seriesColor, t.beginPath(), t.arc(r + o.seriesIndicatorSize / 2, c, o.seriesIndicatorSize / 2, 0, Math.PI * 2), t.fill(), r += o.seriesIndicatorSize + 8;
+  render(t, i, e, n, s) {
+    const { x: o, y: l } = e, { padding: h } = s;
+    let a = l + h.top, r = o + h.left;
+    if (t.save(), t.textAlign = "left", t.textBaseline = "top", s.showSeriesIndicator) {
+      const p = a + s.titleFontSize / 2;
+      t.fillStyle = i.seriesColor, t.beginPath(), t.arc(r + s.seriesIndicatorSize / 2, p, s.seriesIndicatorSize / 2, 0, Math.PI * 2), t.fill(), r += s.seriesIndicatorSize + 8;
     }
-    t.font = `${o.titleFontWeight} ${o.titleFontSize}px ${o.fontFamily}`, t.fillStyle = o.textColor, t.fillText(i.seriesName, r, a), a += o.titleFontSize * o.lineHeight + 2, r = s + h.left, o.showHeaderSeparator && (t.strokeStyle = o.separatorColor, t.lineWidth = 1, t.globalAlpha = 0.4, t.beginPath(), t.moveTo(r, a + o.headerGap / 2), t.lineTo(r + n.width, a + o.headerGap / 2), t.stroke(), t.globalAlpha = 1), a += o.headerGap + 2, t.font = `400 ${o.contentFontSize}px ${o.fontFamily}`;
+    t.font = `${s.titleFontWeight} ${s.titleFontSize}px ${s.fontFamily}`, t.fillStyle = s.textColor, t.fillText(i.seriesName, r, a), a += s.titleFontSize * s.lineHeight + 2, r = o + h.left, s.showHeaderSeparator && (t.strokeStyle = s.separatorColor, t.lineWidth = 1, t.globalAlpha = 0.4, t.beginPath(), t.moveTo(r, a + s.headerGap / 2), t.lineTo(r + n.width, a + s.headerGap / 2), t.stroke(), t.globalAlpha = 1), a += s.headerGap + 2, t.font = `400 ${s.contentFontSize}px ${s.fontFamily}`;
     const d = 28;
-    t.fillStyle = o.textSecondaryColor, t.fillText("X:", r, a), t.fillStyle = o.textColor, t.fillText(X(i.dataX), r + d, a), a += o.contentFontSize * o.lineHeight + 2, t.fillStyle = o.textSecondaryColor, t.fillText("Y:", r, a), t.fillStyle = o.textColor;
-    let p = X(i.dataY);
-    if (t.fillText(p, r + d, a), i.yError) {
-      const c = t.measureText(p).width;
-      t.fillStyle = o.textSecondaryColor, t.fillText(` ± ${X(i.yError[0])}`, r + d + c, a);
+    t.fillStyle = s.textSecondaryColor, t.fillText("X:", r, a), t.fillStyle = s.textColor, t.fillText(Q(i), r + d, a), a += s.contentFontSize * s.lineHeight + 2, t.fillStyle = s.textSecondaryColor, t.fillText("Y:", r, a), t.fillStyle = s.textColor;
+    let f = Z(i);
+    if (t.fillText(f, r + d, a), i.yError) {
+      const p = t.measureText(f).width;
+      t.fillStyle = s.textSecondaryColor, t.fillText(` ± ${E(i.yError[0])}`, r + d + p, a);
     }
-    if (a += o.contentFontSize * o.lineHeight + 2, i.cycle !== void 0) {
-      a += o.itemGap, t.strokeStyle = o.separatorColor, t.globalAlpha = 0.3, t.beginPath(), t.moveTo(r, a - o.itemGap / 2), t.lineTo(r + n.width, a - o.itemGap / 2), t.stroke(), t.globalAlpha = 1, t.fillStyle = o.textSecondaryColor, t.font = `400 ${o.contentFontSize - 1}px ${o.fontFamily}`;
-      let c = `Index: ${i.dataIndex}`;
-      i.cycle !== void 0 && (c += `  │  Cycle: ${i.cycle}`), t.fillText(c, r, a);
+    if (a += s.contentFontSize * s.lineHeight + 2, i.cycle !== void 0) {
+      a += s.itemGap, t.strokeStyle = s.separatorColor, t.globalAlpha = 0.3, t.beginPath(), t.moveTo(r, a - s.itemGap / 2), t.lineTo(r + n.width, a - s.itemGap / 2), t.stroke(), t.globalAlpha = 1, t.fillStyle = s.textSecondaryColor, t.font = `400 ${s.contentFontSize - 1}px ${s.fontFamily}`;
+      let p = `Index: ${i.dataIndex}`;
+      i.cycle !== void 0 && (p += `  │  Cycle: ${i.cycle}`), t.fillText(p, r, a);
     }
     t.restore();
   }
 }
-const et = new Mt();
-function A(f) {
-  if (f == null || isNaN(f))
+const lt = new At();
+function X(c) {
+  if (c == null || isNaN(c))
     return "N/A";
-  const t = Math.abs(f);
-  return t === 0 ? "0" : t < 1e-4 || t >= 1e4 ? f.toExponential(2) : t < 1 ? f.toFixed(4) : f.toFixed(2);
+  const t = Math.abs(c);
+  return t === 0 ? "0" : t < 1e-4 || t >= 1e4 ? c.toExponential(2) : t < 1 ? c.toFixed(4) : c.toFixed(2);
 }
-class Ct {
+class Xt {
   constructor() {
     u(this, "id", "annotation");
     u(this, "name", "Annotation Info");
@@ -1641,22 +1663,22 @@ class Ct {
     if (n === this.cachedKey && this.cachedMeasurement)
       return this.cachedMeasurement;
     t.font = `${e.titleFontWeight} ${e.titleFontSize}px ${e.fontFamily}`;
-    const o = i.label || `Annotation: ${i.annotationType}`;
-    let s = t.measureText(o).width;
+    const s = i.label || `Annotation: ${i.annotationType}`;
+    let o = t.measureText(s).width;
     t.font = `400 ${e.contentFontSize}px ${e.fontFamily}`;
     let l = 0;
     const h = 50;
     if (i.value !== void 0) {
-      const r = A(i.value);
-      s = Math.max(s, h + t.measureText(r).width), l += e.contentFontSize * e.lineHeight;
+      const r = X(i.value);
+      o = Math.max(o, h + t.measureText(r).width), l += e.contentFontSize * e.lineHeight;
     }
     if (i.valueX !== void 0 && i.valueY !== void 0) {
-      const r = A(i.valueX), d = A(i.valueY);
-      s = Math.max(s, h + t.measureText(r).width, h + t.measureText(d).width), l += e.contentFontSize * e.lineHeight * 2;
+      const r = X(i.valueX), d = X(i.valueY);
+      o = Math.max(o, h + t.measureText(r).width, h + t.measureText(d).width), l += e.contentFontSize * e.lineHeight * 2;
     }
     const a = e.titleFontSize * e.lineHeight + e.headerGap;
     return this.cachedMeasurement = {
-      width: s + 10,
+      width: o + 10,
       height: a + l + 4,
       padding: e.padding
     }, this.cachedKey = n, this.cachedMeasurement;
@@ -1664,25 +1686,25 @@ class Ct {
   /**
    * Render the tooltip
    */
-  render(t, i, e, n, o) {
-    const { x: s, y: l } = e, { padding: h } = o;
+  render(t, i, e, n, s) {
+    const { x: o, y: l } = e, { padding: h } = s;
     let a = l + h.top;
-    const r = s + h.left;
-    t.save(), t.textAlign = "left", t.textBaseline = "top", t.font = `${o.titleFontWeight} ${o.titleFontSize}px ${o.fontFamily}`, t.fillStyle = o.textColor;
+    const r = o + h.left;
+    t.save(), t.textAlign = "left", t.textBaseline = "top", t.font = `${s.titleFontWeight} ${s.titleFontSize}px ${s.fontFamily}`, t.fillStyle = s.textColor;
     const d = i.label || `${i.annotationType.toUpperCase()}`;
-    t.fillText(d, r, a), a += o.titleFontSize * o.lineHeight + 2, o.showHeaderSeparator && (t.strokeStyle = o.separatorColor, t.globalAlpha = 0.4, t.beginPath(), t.moveTo(r, a + o.headerGap / 2), t.lineTo(r + n.width, a + o.headerGap / 2), t.stroke(), t.globalAlpha = 1), a += o.headerGap + 2, t.font = `400 ${o.contentFontSize}px ${o.fontFamily}`;
-    const p = 50;
-    i.value !== void 0 && (t.fillStyle = o.textSecondaryColor, t.fillText("Value:", r, a), t.fillStyle = o.textColor, t.fillText(A(i.value), r + p, a), a += o.contentFontSize * o.lineHeight), i.valueX !== void 0 && i.valueY !== void 0 && (t.fillStyle = o.textSecondaryColor, t.fillText("X:", r, a), t.fillStyle = o.textColor, t.fillText(A(i.valueX), r + p, a), a += o.contentFontSize * o.lineHeight, t.fillStyle = o.textSecondaryColor, t.fillText("Y:", r, a), t.fillStyle = o.textColor, t.fillText(A(i.valueY), r + p, a)), t.restore();
+    t.fillText(d, r, a), a += s.titleFontSize * s.lineHeight + 2, s.showHeaderSeparator && (t.strokeStyle = s.separatorColor, t.globalAlpha = 0.4, t.beginPath(), t.moveTo(r, a + s.headerGap / 2), t.lineTo(r + n.width, a + s.headerGap / 2), t.stroke(), t.globalAlpha = 1), a += s.headerGap + 2, t.font = `400 ${s.contentFontSize}px ${s.fontFamily}`;
+    const f = 50;
+    i.value !== void 0 && (t.fillStyle = s.textSecondaryColor, t.fillText("Value:", r, a), t.fillStyle = s.textColor, t.fillText(X(i.value), r + f, a), a += s.contentFontSize * s.lineHeight), i.valueX !== void 0 && i.valueY !== void 0 && (t.fillStyle = s.textSecondaryColor, t.fillText("X:", r, a), t.fillStyle = s.textColor, t.fillText(X(i.valueX), r + f, a), a += s.contentFontSize * s.lineHeight, t.fillStyle = s.textSecondaryColor, t.fillText("Y:", r, a), t.fillStyle = s.textColor, t.fillText(X(i.valueY), r + f, a)), t.restore();
   }
 }
-const O = new Ct();
-function M(f) {
-  if (f == null || isNaN(f))
+const K = new Xt();
+function M(c) {
+  if (c == null || isNaN(c))
     return "N/A";
-  const t = Math.abs(f);
-  return t === 0 ? "0" : t < 1e-4 || t >= 1e4 ? f.toExponential(3) : t < 1 ? f.toFixed(4) : f.toFixed(3);
+  const t = Math.abs(c);
+  return t === 0 ? "0" : t < 1e-4 || t >= 1e4 ? c.toExponential(3) : t < 1 ? c.toFixed(4) : c.toFixed(3);
 }
-class vt {
+class $t {
   constructor() {
     u(this, "id", "range");
     u(this, "name", "Range Statistics");
@@ -1695,8 +1717,8 @@ class vt {
    * Measure tooltip dimensions
    */
   measure(t, i, e) {
-    const n = i.statistics, o = `${i.xMin}-${i.xMax}-${n.count}-${n.mean}-${e.fontFamily}`;
-    if (o === this.cachedKey && this.cachedMeasurement)
+    const n = i.statistics, s = `${i.xMin}-${i.xMax}-${n.count}-${n.mean}-${e.fontFamily}`;
+    if (s === this.cachedKey && this.cachedMeasurement)
       return this.cachedMeasurement;
     t.font = `${e.titleFontWeight} ${e.titleFontSize}px ${e.fontFamily}`;
     let l = t.measureText("Range Statistics").width;
@@ -1715,51 +1737,51 @@ class vt {
       width: Math.max(l, 140),
       height: r + h + 10,
       padding: e.padding
-    }, this.cachedKey = o, this.cachedMeasurement;
+    }, this.cachedKey = s, this.cachedMeasurement;
   }
   /**
    * Render the tooltip
    */
-  render(t, i, e, n, o) {
-    const { x: s, y: l } = e, { padding: h } = o, a = i.statistics;
+  render(t, i, e, n, s) {
+    const { x: o, y: l } = e, { padding: h } = s, a = i.statistics;
     let r = l + h.top;
-    const d = s + h.left;
-    t.save(), t.textAlign = "left", t.textBaseline = "top", t.font = `${o.titleFontWeight} ${o.titleFontSize}px ${o.fontFamily}`, t.fillStyle = o.textColor, t.fillText("Range Statistics", d, r), r += o.titleFontSize * o.lineHeight + 2, o.showHeaderSeparator && (t.strokeStyle = o.separatorColor, t.globalAlpha = 0.4, t.beginPath(), t.moveTo(d, r + o.headerGap / 2), t.lineTo(d + n.width, r + o.headerGap / 2), t.stroke(), t.globalAlpha = 1), r += o.headerGap + 2, t.font = `400 ${o.contentFontSize}px ${o.fontFamily}`;
-    const p = 60, c = (g, y) => {
-      t.fillStyle = o.textSecondaryColor, t.fillText(g, d, r), t.fillStyle = o.textColor, t.fillText(String(y), d + p, r), r += o.contentFontSize * o.lineHeight;
+    const d = o + h.left;
+    t.save(), t.textAlign = "left", t.textBaseline = "top", t.font = `${s.titleFontWeight} ${s.titleFontSize}px ${s.fontFamily}`, t.fillStyle = s.textColor, t.fillText("Range Statistics", d, r), r += s.titleFontSize * s.lineHeight + 2, s.showHeaderSeparator && (t.strokeStyle = s.separatorColor, t.globalAlpha = 0.4, t.beginPath(), t.moveTo(d, r + s.headerGap / 2), t.lineTo(d + n.width, r + s.headerGap / 2), t.stroke(), t.globalAlpha = 1), r += s.headerGap + 2, t.font = `400 ${s.contentFontSize}px ${s.fontFamily}`;
+    const f = 60, p = (g, y) => {
+      t.fillStyle = s.textSecondaryColor, t.fillText(g, d, r), t.fillStyle = s.textColor, t.fillText(String(y), d + f, r), r += s.contentFontSize * s.lineHeight;
     };
-    c("Points:", a.count), a.min !== void 0 && c("Min:", M(a.min)), a.max !== void 0 && c("Max:", M(a.max)), a.mean !== void 0 && c("Mean:", M(a.mean)), a.stdDev !== void 0 && c("StdDev:", M(a.stdDev)), a.area !== void 0 && c("Area:", M(a.area)), a.peakX !== void 0 && (r += 4, t.fillStyle = o.textSecondaryColor, t.font = `italic ${o.contentFontSize - 1}px ${o.fontFamily}`, t.fillText(`Peak: ${M(a.peakY ?? 0)} at X=${M(a.peakX)}`, d, r)), t.restore();
+    p("Points:", a.count), a.min !== void 0 && p("Min:", M(a.min)), a.max !== void 0 && p("Max:", M(a.max)), a.mean !== void 0 && p("Mean:", M(a.mean)), a.stdDev !== void 0 && p("StdDev:", M(a.stdDev)), a.area !== void 0 && p("Area:", M(a.area)), a.peakX !== void 0 && (r += 4, t.fillStyle = s.textSecondaryColor, t.font = `italic ${s.contentFontSize - 1}px ${s.fontFamily}`, t.fillText(`Peak: ${M(a.peakY ?? 0)} at X=${M(a.peakX)}`, d, r)), t.restore();
   }
 }
-const G = new vt(), Pt = [
-  E,
-  tt,
-  R,
-  N,
-  et,
-  O,
-  G
+const U = new $t(), Dt = [
+  H,
+  at,
+  G,
+  _,
+  lt,
+  K,
+  U
 ];
-function It(f) {
-  return Pt.find((t) => t.id === f);
+function Bt(c) {
+  return Dt.find((t) => t.id === c);
 }
-function j(f) {
-  switch (f) {
+function tt(c) {
+  switch (c) {
     case "datapoint":
-      return E;
+      return H;
     case "crosshair":
-      return R;
+      return G;
     case "heatmap":
-      return N;
+      return _;
     case "annotation":
-      return O;
+      return K;
     case "range":
-      return G;
+      return U;
     default:
-      return E;
+      return H;
   }
 }
-class Ft {
+class kt {
   constructor(t) {
     u(this, "ctx");
     u(this, "getPlotArea");
@@ -1768,12 +1790,15 @@ class Ft {
     u(this, "pixelToDataY");
     u(this, "getXScale");
     u(this, "getYScales");
+    u(this, "getViewBounds");
+    u(this, "getXAxisOptions");
+    u(this, "getYAxisOptions");
     u(this, "options");
     u(this, "theme");
     u(this, "positioner");
     u(this, "renderer");
     u(this, "templates", /* @__PURE__ */ new Map());
-    u(this, "events", new at());
+    u(this, "events", new ut());
     u(this, "activeTooltips", /* @__PURE__ */ new Map());
     u(this, "tooltipIdCounter", 0);
     u(this, "showTimeoutId", null);
@@ -1792,7 +1817,7 @@ class Ft {
     // Suspended state - used during drag operations to hide tooltip
     u(this, "suspended", !1);
     var i;
-    this.ctx = t.overlayCtx, this.getPlotArea = t.getPlotArea, this.getSeries = t.getSeries, this.pixelToDataX = t.pixelToDataX, this.pixelToDataY = t.pixelToDataY, this.getXScale = t.getXScale, this.getYScales = t.getYScales, this.options = {
+    this.ctx = t.overlayCtx, this.getPlotArea = t.getPlotArea, this.getSeries = t.getSeries, this.pixelToDataX = t.pixelToDataX, this.pixelToDataY = t.pixelToDataY, this.getXScale = t.getXScale, this.getYScales = t.getYScales, this.getViewBounds = t.getViewBounds, this.getXAxisOptions = t.getXAxisOptions, this.getYAxisOptions = t.getYAxisOptions, this.options = {
       enabled: !0,
       showDelay: 50,
       hideDelay: 100,
@@ -1829,7 +1854,7 @@ class Ft {
       constrainToPlotArea: !0,
       constrainToContainer: !0,
       autoFlip: !0
-    }, this.theme = (i = t.options) != null && i.theme ? typeof t.options.theme == "string" ? k(t.options.theme) : pt(gt, t.options.theme) : k(t.chartTheme.name), this.positioner = new xt({
+    }, this.theme = (i = t.options) != null && i.theme ? typeof t.options.theme == "string" ? B(t.options.theme) : mt(Tt, t.options.theme) : B(t.chartTheme.name), this.positioner = new Mt({
       offset: this.options.offset,
       preferredPosition: this.options.preferredPosition,
       constrainToPlotArea: this.options.constrainToPlotArea,
@@ -1837,7 +1862,7 @@ class Ft {
       autoFlip: this.options.autoFlip,
       showArrow: this.theme.showArrow,
       arrowSize: this.theme.arrowSize
-    }), this.renderer = new bt(this.ctx, this.theme), this.registerBuiltinTemplates(), t.options && this.configure(t.options);
+    }), this.renderer = new vt(this.ctx, this.theme), this.registerBuiltinTemplates(), t.options && this.configure(t.options);
   }
   /**
    * Register built-in templates
@@ -1845,25 +1870,25 @@ class Ft {
   registerBuiltinTemplates() {
     this.templates.set(
       "default",
-      E
+      H
     ), this.templates.set(
       "minimal",
-      tt
+      at
     ), this.templates.set(
       "crosshair",
-      R
+      G
     ), this.templates.set(
       "heatmap",
-      N
+      _
     ), this.templates.set(
       "scientific",
-      et
+      lt
     ), this.templates.set(
       "annotation",
-      O
+      K
     ), this.templates.set(
       "range",
-      G
+      U
     );
   }
   /**
@@ -1922,7 +1947,7 @@ class Ft {
    * Set tooltip theme
    */
   setTheme(t) {
-    this.theme = typeof t == "string" ? k(t) : t, this.renderer.setTheme(this.theme), this.positioner.configure({
+    this.theme = typeof t == "string" ? B(t) : t, this.renderer.setTheme(this.theme), this.positioner.configure({
       showArrow: this.theme.showArrow,
       arrowSize: this.theme.arrowSize
     });
@@ -1931,7 +1956,7 @@ class Ft {
    * Update theme based on chart theme
    */
   updateChartTheme(t) {
-    this.options.theme || (this.theme = k(t.name), this.renderer.setTheme(this.theme));
+    this.options.theme || (this.theme = B(t.name), this.renderer.setTheme(this.theme));
   }
   /**
    * Get current theme
@@ -1949,7 +1974,7 @@ class Ft {
    * Get a template by ID
    */
   getTemplate(t) {
-    return this.templates.get(t) || It(t);
+    return this.templates.get(t) || Bt(t);
   }
   /**
    * Handle cursor movement - main entry point for hover detection
@@ -1999,8 +2024,8 @@ class Ft {
    * significantly closer to a new point.
    */
   performTooltipUpdateWithHysteresis(t, i) {
-    var o;
-    if (!((o = this.options.dataPoint) != null && o.enabled)) {
+    var s;
+    if (!((s = this.options.dataPoint) != null && s.enabled)) {
       this.performFallbackTooltipUpdate(t, i);
       return;
     }
@@ -2010,7 +2035,7 @@ class Ft {
       return;
     }
     if (this.cachedNearestResult && this.hoveredSeriesId !== null) {
-      const s = this.cachedNearestResult, l = s.pixelX - t, h = s.pixelY - i, a = l * l + h * h, r = n.pixelX - t, d = n.pixelY - i;
+      const o = this.cachedNearestResult, l = o.pixelX - t, h = o.pixelY - i, a = l * l + h * h, r = n.pixelX - t, d = n.pixelY - i;
       if ((r * r + d * d) * this.hysteresisRatio >= a) {
         this.updateTooltipPosition(this.cachedNearestResult);
         return;
@@ -2024,92 +2049,104 @@ class Ft {
   performFallbackTooltipUpdate(t, i) {
     var e, n;
     if ((e = this.options.heatmap) != null && e.enabled) {
-      const o = this.findHeatmapCell(t, i);
-      if (o) {
-        this.scheduleShow(o);
+      const s = this.findHeatmapCell(t, i);
+      if (s) {
+        this.scheduleShow(s);
         return;
       }
     }
     if ((n = this.options.crosshair) != null && n.enabled) {
-      const o = this.buildCrosshairTooltip(t, i);
-      if (o) {
-        this.scheduleShow(o);
+      const s = this.buildCrosshairTooltip(t, i);
+      if (s) {
+        this.scheduleShow(s);
         return;
       }
     }
     this.cachedNearestResult = null, this.scheduleHide();
   }
+  buildAxisFormat(t) {
+    var o, l;
+    const i = this.getViewBounds(), e = i.xMax - i.xMin, n = (o = this.getXAxisOptions) == null ? void 0 : o.call(this), s = (l = this.getYAxisOptions) == null ? void 0 : l.call(this, t);
+    if (!(!n && !s && !Number.isFinite(e)))
+      return {
+        x: n,
+        y: s,
+        xSpan: Number.isFinite(e) ? e : void 0
+      };
+  }
   /**
    * Find data point by X coordinate only (O(log n) - fastest method)
    * Best for very large datasets where precision is less important than speed
    */
   findDataPointByXOnly(t) {
-    var h, a;
+    var h, a, r;
     const i = this.getSeries().filter(
-      (r) => r.isVisible() && r.getType() !== "heatmap"
+      (d) => d.isVisible() && d.getType() !== "heatmap"
     );
     if (i.length === 0) return null;
-    const e = this.getXScale(), n = this.getYScales(), o = this.pixelToDataX(t);
-    let s = null, l = 1 / 0;
-    for (const r of i) {
-      const d = r.getData();
-      if (!d.x || d.x.length === 0) continue;
-      const p = n.get(((h = r.getYAxisId) == null ? void 0 : h.call(r)) || "default") || n.values().next().value;
+    const e = this.getXScale(), n = this.getYScales(), s = this.pixelToDataX(t);
+    let o = null, l = 1 / 0;
+    for (const d of i) {
+      const f = d.getData();
+      if (!f.x || f.x.length === 0) continue;
+      const p = n.get(((h = d.getYAxisId) == null ? void 0 : h.call(d)) || "default") || n.values().next().value;
       if (!p) continue;
-      const c = this.binarySearchClosest(d.x, o), g = Math.abs(d.x[c] - o);
-      if (g < l) {
-        l = g;
-        const y = r.getStyle(), b = e.transform(d.x[c]), x = p.transform(d.y[c]);
-        s = {
+      const g = this.binarySearchClosest(f.x, s), y = Math.abs(f.x[g] - s);
+      if (y < l) {
+        l = y;
+        const b = d.getStyle(), x = e.transform(f.x[g]), S = p.transform(f.y[g]);
+        o = {
           type: "datapoint",
-          seriesId: r.getId(),
-          seriesName: r.getId(),
-          seriesColor: y.color || "#ff0055",
-          dataIndex: c,
-          dataX: d.x[c],
-          dataY: d.y[c],
-          pixelX: b,
-          pixelY: x,
-          cycle: (a = r.getCycle) == null ? void 0 : a.call(r)
+          seriesId: d.getId(),
+          seriesName: d.getId(),
+          seriesColor: b.color || "#ff0055",
+          dataIndex: g,
+          dataX: f.x[g],
+          dataY: f.y[g],
+          pixelX: x,
+          pixelY: S,
+          cycle: (a = d.getCycle) == null ? void 0 : a.call(d),
+          axisFormat: this.buildAxisFormat((r = d.getYAxisId) == null ? void 0 : r.call(d))
         };
-        const S = r.getYError(c);
-        S && (s.yError = S);
+        const T = d.getYError(g);
+        T && (o.yError = T);
       }
     }
-    return s;
+    return o;
   }
   /**
    * Optimized nearest data point finder
    */
   findNearestDataPointOptimized(t, i) {
-    var r, d, p;
-    const e = this.getSeries().filter((c) => c.isVisible()), n = ((r = this.options.dataPoint) == null ? void 0 : r.hitRadius) ?? 20, o = this.getXScale(), s = this.getYScales();
+    var r, d, f, p;
+    const e = this.getSeries().filter((g) => g.isVisible()), n = ((r = this.options.dataPoint) == null ? void 0 : r.hitRadius) ?? 20, s = this.getXScale(), o = this.getYScales();
     let l = n * n, h = null;
     const a = this.pixelToDataX(t);
-    for (const c of e) {
-      if (c.getType() === "heatmap") continue;
-      const g = c.getData(), y = s.get(((d = c.getYAxisId) == null ? void 0 : d.call(c)) || "default") || s.values().next().value;
-      if (!y || !g.x || g.x.length === 0) continue;
-      const b = this.binarySearchClosest(g.x, a), x = g.x.length, S = x > 1e5 ? 2 : x > 1e4 ? 3 : 5, w = Math.max(0, b - S), C = Math.min(x, b + S + 1);
-      for (let m = w; m < C; m++) {
-        const I = o.transform(g.x[m]), v = y.transform(g.y[m]), T = I - t, z = v - i, $ = T * T + z * z;
+    for (const g of e) {
+      if (g.getType() === "heatmap") continue;
+      const y = g.getData(), b = o.get(((d = g.getYAxisId) == null ? void 0 : d.call(g)) || "default") || o.values().next().value;
+      if (!b || !y.x || y.x.length === 0) continue;
+      const x = this.binarySearchClosest(y.x, a), S = y.x.length, T = S > 1e5 ? 2 : S > 1e4 ? 3 : 5, v = Math.max(0, x - T), Y = Math.min(S, x + T + 1);
+      for (let w = v; w < Y; w++) {
+        const C = s.transform(y.x[w]), m = b.transform(y.y[w]), I = C - t, A = m - i, $ = I * I + A * A;
         if ($ < l) {
           l = $;
-          const D = c.getStyle();
+          const R = g.getStyle();
           h = {
             type: "datapoint",
-            seriesId: c.getId(),
-            seriesName: c.getId(),
-            seriesColor: D.color || "#ff0055",
-            dataIndex: m,
-            dataX: g.x[m],
-            dataY: g.y[m],
-            pixelX: I,
-            pixelY: v,
-            cycle: (p = c.getCycle) == null ? void 0 : p.call(c)
+            seriesId: g.getId(),
+            seriesName: g.getId(),
+            seriesColor: R.color || "#ff0055",
+            dataIndex: w,
+            dataX: y.x[w],
+            dataY: y.y[w],
+            pixelX: C,
+            pixelY: m,
+            cycle: (f = g.getCycle) == null ? void 0 : f.call(g),
+            axisFormat: this.buildAxisFormat((p = g.getYAxisId) == null ? void 0 : p.call(g))
           };
-          const B = c.getYError(m);
-          B && (h.yError = B);
+          const D = g.getYError(w);
+          D && (h.yError = D);
         }
       }
     }
@@ -2124,25 +2161,25 @@ class Ft {
       (r) => r.isVisible() && r.getType() === "heatmap"
     );
     if (e.length === 0) return null;
-    const n = this.getXScale(), o = this.getYScales(), s = this.pixelToDataX(t), l = this.pixelToDataY(i);
+    const n = this.getXScale(), s = this.getYScales(), o = this.pixelToDataX(t), l = this.pixelToDataY(i);
     for (const r of e) {
       const d = r.getHeatmapData();
       if (!d || !d.xValues || !d.yValues || !d.zValues) continue;
-      const p = this.binarySearchClosest(d.xValues, s), c = this.binarySearchClosest(d.yValues, l), g = d.xValues[p], y = d.yValues[c], b = o.get(((h = r.getYAxisId) == null ? void 0 : h.call(r)) || "default") || o.values().next().value;
+      const f = this.binarySearchClosest(d.xValues, o), p = this.binarySearchClosest(d.yValues, l), g = d.xValues[f], y = d.yValues[p], b = s.get(((h = r.getYAxisId) == null ? void 0 : h.call(r)) || "default") || s.values().next().value;
       if (!b) continue;
-      const x = n.transform(g), S = b.transform(y), w = d.zValues[c * d.xValues.length + p], C = ((a = r.getHeatmapStyle) == null ? void 0 : a.call(r)) || {};
+      const x = n.transform(g), S = b.transform(y), T = d.zValues[p * d.xValues.length + f], v = ((a = r.getHeatmapStyle) == null ? void 0 : a.call(r)) || {};
       return {
         type: "heatmap",
         seriesId: r.getId(),
         seriesName: r.getId(),
-        xIndex: p,
-        yIndex: c,
+        xIndex: f,
+        yIndex: p,
         dataX: g,
         dataY: y,
-        zValue: w,
+        zValue: T,
         pixelX: x,
         pixelY: S,
-        colorScale: C.colorScale
+        colorScale: v.colorScale
       };
     }
     return null;
@@ -2153,8 +2190,8 @@ class Ft {
   binarySearchClosest(t, i) {
     let e = 0, n = t.length - 1;
     for (; e < n; ) {
-      const o = Math.floor((e + n) / 2);
-      t[o] < i ? e = o + 1 : n = o;
+      const s = Math.floor((e + n) / 2);
+      t[s] < i ? e = s + 1 : n = s;
     }
     return e > 0 && Math.abs(t[e - 1] - i) < Math.abs(t[e] - i) ? e - 1 : e;
   }
@@ -2167,35 +2204,36 @@ class Ft {
       (a) => a.isVisible() && a.getType() !== "heatmap"
     );
     if (e.length === 0) return null;
-    const n = this.pixelToDataX(t), o = this.getYScales(), s = [];
+    const n = this.pixelToDataX(t), s = this.getYScales(), o = [];
     for (const a of e) {
       const r = a.getData();
-      if (!r.x || r.x.length === 0 || !(o.get(((l = a.getYAxisId) == null ? void 0 : l.call(a)) || "default") || o.values().next().value)) continue;
-      const p = this.binarySearchClosest(r.x, n);
-      let c, g = !1;
-      if (p === 0 || p >= r.x.length - 1 || r.x[p] === n)
-        c = r.y[p];
+      if (!r.x || r.x.length === 0 || !(s.get(((l = a.getYAxisId) == null ? void 0 : l.call(a)) || "default") || s.values().next().value)) continue;
+      const f = this.binarySearchClosest(r.x, n);
+      let p, g = !1;
+      if (f === 0 || f >= r.x.length - 1 || r.x[f] === n)
+        p = r.y[f];
       else if ((h = this.options.crosshair) != null && h.interpolate) {
-        const b = r.x[p - 1], x = r.x[p], S = r.y[p - 1], w = r.y[p], C = (n - b) / (x - b);
-        c = S + C * (w - S), g = !0;
+        const b = r.x[f - 1], x = r.x[f], S = r.y[f - 1], T = r.y[f], v = (n - b) / (x - b);
+        p = S + v * (T - S), g = !0;
       } else
-        c = r.y[p];
+        p = r.y[f];
       const y = a.getStyle();
-      s.push({
+      o.push({
         seriesId: a.getId(),
         seriesName: a.getId(),
         seriesColor: y.color || "#ff0055",
         x: n,
-        y: c,
+        y: p,
         isInterpolated: g
       });
     }
-    return s.length === 0 ? null : {
+    return o.length === 0 ? null : {
       type: "crosshair",
       cursorX: t,
       cursorY: i,
       dataX: n,
-      interpolatedValues: s
+      interpolatedValues: o,
+      axisFormat: this.buildAxisFormat()
     };
   }
   /**
@@ -2234,10 +2272,10 @@ class Ft {
    * Show a tooltip with the given data
    */
   showTooltip(t) {
-    const i = this.getTemplateIdForType(t.type), e = this.templates.get(i) || j(t.type), n = t.pixelX ?? this.lastCursorX ?? 0, o = t.pixelY ?? this.lastCursorY ?? 0, s = e.measure(this.ctx, t, this.theme), l = this.positioner.calculatePosition(
+    const i = this.getTemplateIdForType(t.type), e = this.templates.get(i) || tt(t.type), n = t.pixelX ?? this.lastCursorX ?? 0, s = t.pixelY ?? this.lastCursorY ?? 0, o = e.measure(this.ctx, t, this.theme), l = this.positioner.calculatePosition(
       n,
-      o,
-      s
+      s,
+      o
     ), h = "main";
     this.activeTooltips.set(h, {
       id: h,
@@ -2252,15 +2290,15 @@ class Ft {
   updateTooltipPosition(t) {
     const i = this.activeTooltips.get("main");
     if (!i) return;
-    const e = t || i.data, n = e.pixelX ?? this.lastCursorX ?? 0, o = e.pixelY ?? this.lastCursorY ?? 0, s = i.template.measure(
+    const e = t || i.data, n = e.pixelX ?? this.lastCursorX ?? 0, s = e.pixelY ?? this.lastCursorY ?? 0, o = i.template.measure(
       this.ctx,
       e,
       this.theme
     );
     i.position = this.positioner.calculatePosition(
       n,
-      o,
-      s
+      s,
+      o
     ), i.data = e;
   }
   /**
@@ -2283,18 +2321,18 @@ class Ft {
    * Show a tooltip programmatically
    */
   show(t, i) {
-    const e = `tooltip-${++this.tooltipIdCounter}`, n = (i == null ? void 0 : i.templateId) || this.getTemplateIdForType(t.type), o = this.templates.get(n) || j(t.type);
-    let s;
+    const e = `tooltip-${++this.tooltipIdCounter}`, n = (i == null ? void 0 : i.templateId) || this.getTemplateIdForType(t.type), s = this.templates.get(n) || tt(t.type);
+    let o;
     if (i != null && i.position) {
-      const l = o.measure(this.ctx, t, this.theme);
-      s = this.positioner.calculatePosition(
+      const l = s.measure(this.ctx, t, this.theme);
+      o = this.positioner.calculatePosition(
         i.position.x,
         i.position.y,
         l
       );
     } else {
-      const l = t.pixelX ?? 0, h = t.pixelY ?? 0, a = o.measure(this.ctx, t, this.theme);
-      s = this.positioner.calculatePosition(
+      const l = t.pixelX ?? 0, h = t.pixelY ?? 0, a = s.measure(this.ctx, t, this.theme);
+      o = this.positioner.calculatePosition(
         l,
         h,
         a
@@ -2303,8 +2341,8 @@ class Ft {
     return this.activeTooltips.set(e, {
       id: e,
       data: t,
-      position: s,
-      template: o
+      position: o,
+      template: s
     }), i != null && i.duration && i.duration > 0 && setTimeout(() => this.hide(e), i.duration), e;
   }
   /**
@@ -2352,20 +2390,20 @@ class Ft {
     this.clearShowTimeout(), this.clearHideTimeout(), this.activeTooltips.clear(), this.templates.clear(), this.events.clear();
   }
 }
-const zt = {
+const Ht = {
   name: "velo-plot-tools",
   version: "1.0.0",
   description: "Advanced interaction and measurement tools for velo-plot",
   provides: ["interaction"],
   tags: ["delta-tool", "peak-tool", "tooltip"]
 };
-function Xt(f = {}) {
+function Wt(c = {}) {
   let t = null, i = null, e = null;
   return {
-    manifest: zt,
+    manifest: Ht,
     onInit(n) {
-      var s;
-      const o = {
+      var o;
+      const s = {
         container: n.ui.container,
         getPlotArea: () => n.render.plotArea,
         getViewBounds: () => n.data.getViewBounds(),
@@ -2383,14 +2421,14 @@ function Xt(f = {}) {
         }),
         onMeasure: (l) => n.events.emit("measure", l)
       };
-      if ((f.enableDeltaTool ?? !0) && (t = new lt(o)), (f.enablePeakTool ?? !0) && (i = new rt(o)), f.useEnhancedTooltips ?? !0) {
+      if ((c.enableDeltaTool ?? !0) && (t = new ft(s)), (c.enablePeakTool ?? !0) && (i = new pt(s)), c.useEnhancedTooltips ?? !0) {
         const l = n.chart;
         n.log.debug("TooltipManager init - checking deps:", {
           hasCtx2d: !!n.render.ctx2d,
           hasXScale: !!l.xScale,
           hasYScales: !!l.yScales,
           seriesCount: n.data.getAllSeries().length
-        }), n.render.ctx2d ? e = new Ft({
+        }), n.render.ctx2d ? e = new kt({
           overlayCtx: n.render.ctx2d,
           chartTheme: n.ui.theme,
           getPlotArea: () => n.render.plotArea,
@@ -2400,7 +2438,9 @@ function Xt(f = {}) {
           getXScale: () => l.xScale,
           getYScales: () => l.yScales,
           getViewBounds: () => n.data.getViewBounds(),
-          options: (s = l.initialOptions) == null ? void 0 : s.tooltip
+          getXAxisOptions: () => n.chart.getXAxis(),
+          getYAxisOptions: (h) => n.chart.getYAxis(h || n.chart.getPrimaryYAxisId()),
+          options: (o = l.initialOptions) == null ? void 0 : o.tooltip
         }) : n.log.warn("TooltipManager: No 2D context available, tooltips disabled");
       }
     },
@@ -2421,11 +2461,11 @@ function Xt(f = {}) {
   };
 }
 export {
-  lt as D,
-  Xt as P,
-  Ft as T,
-  ut as a,
-  rt as b,
-  k as g
+  ft as D,
+  Wt as P,
+  kt as T,
+  bt as a,
+  pt as b,
+  B as g
 };
-//# sourceMappingURL=index-D8ifudJH.js.map
+//# sourceMappingURL=index-DjeWClO9.js.map