@tetrascience-npm/tetrascience-react-ui 0.7.0-beta.108.1 → 0.7.0-beta.128.1

package/dist/components/charts/ChromatogramChart/ChromatogramChart.js

@@ -1,241 +0,0 @@
-import { jsx as j, jsxs as st } from "react/jsx-runtime";
-import B from "plotly.js-dist";
-import { useRef as h, useMemo as f, useEffect as ct } from "react";
-import { useChartTooltip as dt } from "../ChartTooltip/ChartTooltip.js";
-import { resolveSelectionAppearance as ft, groupOverlappingPeaks as it, createGroupAnnotations as pt } from "./annotations.js";
-import { validateSeriesData as mt, applyBaselineCorrection as ht, processUserAnnotations as yt } from "./dataProcessing.js";
-import { detectPeaks as gt } from "./peakDetection.js";
-import { buildTraceData as vt, buildLayout as kt, buildConfig as bt, createHoverHandler as Ct, createUnhoverHandler as Et } from "./plotBuilder.js";
-import { EmptyState as Nt } from "../../composed/EmptyState/EmptyState.js";
-import { usePlotlyTheme as Pt } from "../../../hooks/use-plotly-theme.js";
-const $t = [], Wt = ({
-  series: o,
-  width: y = 900,
-  height: g = 500,
-  title: D,
-  xAxisTitle: v = "Retention Time (min)",
-  yAxisTitle: k = "Signal (mAU)",
-  annotations: b = $t,
-  xRange: H,
-  yRange: M,
-  showLegend: U = !0,
-  showGridX: W = !0,
-  showGridY: A = !0,
-  showMarkers: q = !1,
-  markerSize: F = 4,
-  showCrosshairs: I = !1,
-  baselineCorrection: J = "none",
-  baselineWindowSize: K = 50,
-  peakDetectionOptions: i,
-  showPeakAreas: E = !1,
-  boundaryMarkers: Q = "none",
-  annotationOverlapThreshold: N = 0.4,
-  showExportButton: T = !0,
-  selectedPeakIds: P,
-  onPeakClick: V,
-  onPeakHover: Y,
-  selectionAppearance: p,
-  annotationStyle: Z = "arrow",
-  titleFontSize: G = 20,
-  titleTopMargin: X
-}) => {
-  const m = i !== void 0, $ = h(null), x = Pt(), { bindTooltip: O, tooltipElement: lt } = dt({
-    xLabel: v,
-    yLabel: k
-  }), L = h(V), R = h(Y);
-  L.current = V, R.current = Y;
-  const S = h(null), z = h([]), c = f(() => o.map((t) => {
-    const e = mt(t.x, t.y);
-    return {
-      ...t,
-      x: e.x,
-      y: ht(e.y, J, K)
-    };
-  }), [o, J, K]), a = f(() => {
-    if (b.length === 0 || c.length === 0)
-      return b;
-    const { x: t, y: e } = c[0];
-    return yt(b, t, e);
-  }, [b, c]), u = f(() => {
-    const t = [];
-    return m && i && c.forEach((e, r) => {
-      const l = gt(e.x, e.y, i);
-      l.length > 0 && t.push({ peaks: l, seriesIndex: r });
-    }), t;
-  }, [c, m, i]), w = p?.selected?.borderColor, tt = p?.selected?.backgroundColor, et = p?.selected?.bold, rt = p?.unselected?.opacity, ot = p?.hoverLineWidthMultiplier, C = f(
-    () => ft({
-      selected: {
-        borderColor: w,
-        backgroundColor: tt,
-        bold: et
-      },
-      unselected: { opacity: rt },
-      hoverLineWidthMultiplier: ot
-    }),
-    [
-      w,
-      tt,
-      et,
-      rt,
-      ot
-    ]
-  ), nt = f(() => {
-    const t = [];
-    return a.forEach((e, r) => {
-      t.push({
-        peak: { ...e, id: e.id ?? `user-ann-${r}` },
-        seriesIndex: 0,
-        seriesName: o[0]?.name ?? "",
-        isAutoDetected: !1
-      });
-    }), u.forEach(({ peaks: e, seriesIndex: r }) => {
-      e.forEach((l, s) => {
-        t.push({
-          peak: { ...l, id: `peak-${r}-${s}` },
-          seriesIndex: r,
-          seriesName: o[r]?.name ?? `Series ${r + 1}`,
-          isAutoDetected: !0
-        });
-      });
-    }), t;
-  }, [a, u, o]), _ = f(() => {
-    const t = (P?.length ?? 0) > 0, e = {
-      selectedPeakIds: P ?? [],
-      anySelected: t,
-      appearance: C,
-      annotationStyle: Z
-    }, r = [];
-    a.forEach((n, d) => {
-      r.push({
-        peak: { ...n, id: n.id ?? `user-ann-${d}` },
-        seriesIndex: -1
-      });
-    }), E && m && u.forEach(({ peaks: n, seriesIndex: d }) => {
-      n.forEach((at, ut) => {
-        r.push({
-          peak: { ...at, id: `peak-${d}-${ut}` },
-          seriesIndex: d
-        });
-      });
-    });
-    const l = it(r, N), s = [];
-    for (const n of l)
-      s.push(...pt(n, e));
-    return s;
-  }, [
-    a,
-    u,
-    E,
-    m,
-    N,
-    P,
-    C,
-    Z
-  ]);
-  return z.current = _, ct(() => {
-    const t = $.current;
-    if (!t || o.length === 0) return;
-    const e = vt({
-      processedSeries: c,
-      processedAnnotations: a,
-      allDetectedPeaks: u,
-      allPeaksForInteraction: nt,
-      showMarkers: q,
-      markerSize: F,
-      xAxisTitle: v,
-      yAxisTitle: k,
-      boundaryMarkers: Q
-    }), r = kt({
-      title: D,
-      titleFontSize: G,
-      titleTopMargin: X,
-      width: y,
-      height: g,
-      xAxisTitle: v,
-      yAxisTitle: k,
-      xRange: H,
-      yRange: M,
-      showLegend: U,
-      seriesCount: o.length,
-      showGridX: W,
-      showGridY: A,
-      showCrosshairs: I,
-      theme: x,
-      peakAnnotations: z.current
-    }), l = bt({ showExportButton: T, width: y, height: g });
-    return B.newPlot(t, e, r, l), O(t), t.on(
-      "plotly_click",
-      (s) => {
-        if (!L.current) return;
-        const n = s.points.find((d) => d.customdata != null);
-        n && L.current(n.customdata);
-      }
-    ), t.on(
-      "plotly_hover",
-      Ct(t, c.length, S, R, C.hoverLineWidthMultiplier)
-    ), t.on(
-      "plotly_unhover",
-      Et(t, S, R)
-    ), () => {
-      S.current = null, t && B.purge(t);
-    };
-  }, [
-    c,
-    u,
-    nt,
-    o.length,
-    y,
-    g,
-    D,
-    G,
-    X,
-    v,
-    k,
-    a,
-    H,
-    M,
-    U,
-    W,
-    A,
-    q,
-    F,
-    I,
-    m,
-    i,
-    E,
-    Q,
-    N,
-    T,
-    x,
-    O,
-    // resolvedAppearance included so hover multiplier stays in sync with the
-    // event handler closure without it being in a ref itself.
-    C
-  ]), ct(() => {
-    const t = $.current;
-    t && t._fullLayout && B.relayout(t, {
-      annotations: _
-    });
-  }, [_]), o.length === 0 ? /* @__PURE__ */ j(
-    "div",
-    {
-      className: "chromatogram-chart-container relative flex items-center justify-center",
-      style: { width: y, height: g },
-      children: /* @__PURE__ */ j(
-        Nt,
-        {
-          variant: "no-data",
-          title: "No chromatogram data",
-          description: "There is no signal data to display yet."
-        }
-      )
-    }
-  ) : /* @__PURE__ */ st("div", { className: "chromatogram-chart-container relative", children: [
-    /* @__PURE__ */ j("div", { ref: $, style: { width: "100%", height: "100%" } }),
-    lt
-  ] });
-};
-export {
-  Wt as ChromatogramChart
-};
-//# sourceMappingURL=ChromatogramChart.js.map

package/dist/components/charts/ChromatogramChart/ChromatogramChart.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChromatogramChart.js","sources":["../../../../src/components/charts/ChromatogramChart/ChromatogramChart.tsx"],"sourcesContent":["import Plotly from \"plotly.js-dist\";\nimport React, { useEffect, useMemo, useRef } from \"react\";\n\nimport { useChartTooltip } from \"../ChartTooltip\";\n\nimport {\n  groupOverlappingPeaks,\n  createGroupAnnotations,\n  resolveSelectionAppearance,\n} from \"./annotations\";\nimport {\n  validateSeriesData,\n  applyBaselineCorrection,\n  processUserAnnotations,\n} from \"./dataProcessing\";\nimport { detectPeaks } from \"./peakDetection\";\nimport {\n  buildTraceData,\n  buildLayout,\n  buildConfig,\n  createHoverHandler,\n  createUnhoverHandler,\n} from \"./plotBuilder\";\n\nimport type {\n  ChromatogramSeries,\n  PeakAnnotation,\n  PeakSelectEvent,\n  PeakSelectionAppearance,\n  BaselineCorrectionMethod,\n  BoundaryMarkerStyle,\n  BoundaryMarkerType,\n  PeakDetectionOptions,\n  ChromatogramChartProps,\n  PeakWithMeta,\n} from \"./types\";\n\nimport { EmptyState } from \"@/components/composed/EmptyState\";\nimport { usePlotlyTheme } from \"@/hooks/use-plotly-theme\";\n\n// Re-export types for external use\nexport type {\n  ChromatogramSeries,\n  PeakAnnotation,\n  PeakSelectEvent,\n  PeakSelectionAppearance,\n  BaselineCorrectionMethod,\n  BoundaryMarkerStyle,\n  BoundaryMarkerType,\n  PeakDetectionOptions,\n  ChromatogramChartProps,\n};\n\n\n// Stable default so the no-annotations case keeps a constant identity; an\n// inline `[]` default would change every render, re-running the plot effect\n// (and tearing down the hover tooltip) on each re-render.\nconst EMPTY_ANNOTATIONS: PeakAnnotation[] = [];\n\nconst ChromatogramChart: React.FC<ChromatogramChartProps> = ({\n  series,\n  width = 900,\n  height = 500,\n  title,\n  xAxisTitle = \"Retention Time (min)\",\n  yAxisTitle = \"Signal (mAU)\",\n  annotations = EMPTY_ANNOTATIONS,\n  xRange,\n  yRange,\n  showLegend = true,\n  showGridX = true,\n  showGridY = true,\n  showMarkers = false,\n  markerSize = 4,\n  showCrosshairs = false,\n  baselineCorrection = \"none\",\n  baselineWindowSize = 50,\n  peakDetectionOptions,\n  showPeakAreas = false,\n  boundaryMarkers = \"none\",\n  annotationOverlapThreshold = 0.4,\n  showExportButton = true,\n  selectedPeakIds,\n  onPeakClick,\n  onPeakHover,\n  selectionAppearance,\n  annotationStyle = \"arrow\",\n  titleFontSize = 20,\n  titleTopMargin,\n}) => {\n  const enablePeakDetection = peakDetectionOptions !== undefined;\n  const plotRef = useRef<HTMLDivElement>(null);\n  const theme = usePlotlyTheme();\n  const { bindTooltip, tooltipElement } = useChartTooltip({\n    xLabel: xAxisTitle,\n    yLabel: yAxisTitle,\n  });\n  // Stable refs for callbacks — avoids including them in effect dep arrays\n  // (consumers often pass arrow functions that change identity every render).\n  const onPeakClickRef = useRef(onPeakClick);\n  const onPeakHoverRef = useRef(onPeakHover);\n  onPeakClickRef.current = onPeakClick;\n  onPeakHoverRef.current = onPeakHover;\n\n  // Tracks the series index whose line is currently thickened on hover.\n  const thickenedSeriesRef = useRef<number | null>(null);\n\n  // Holds the latest peak Plotly annotations so that closures in effects always\n  // read the latest selection-styled annotations.\n  const peakAnnotationsRef = useRef<Partial<Plotly.Annotations>[]>([]);\n\n  // Memoize processed series with baseline correction\n  const processedSeries = useMemo(() => {\n    return series.map((s) => {\n      const validated = validateSeriesData(s.x, s.y);\n      return {\n        ...s,\n        x: validated.x,\n        y: applyBaselineCorrection(validated.y, baselineCorrection, baselineWindowSize),\n      };\n    });\n  }, [series, baselineCorrection, baselineWindowSize]);\n\n  // Process user annotations to convert startX/endX to indices and compute areas\n  const processedAnnotations = useMemo(() => {\n    if (annotations.length === 0 || processedSeries.length === 0) {\n      return annotations;\n    }\n    const { x, y } = processedSeries[0];\n    return processUserAnnotations(annotations, x, y);\n  }, [annotations, processedSeries]);\n\n  // Memoize peak detection results\n  const allDetectedPeaks = useMemo(() => {\n    const peaks: { peaks: PeakAnnotation[]; seriesIndex: number }[] = [];\n    if (enablePeakDetection && peakDetectionOptions) {\n      processedSeries.forEach((s, index) => {\n        const detected = detectPeaks(s.x, s.y, peakDetectionOptions);\n        if (detected.length > 0) {\n          peaks.push({ peaks: detected, seriesIndex: index });\n        }\n      });\n    }\n    return peaks;\n  }, [processedSeries, enablePeakDetection, peakDetectionOptions]);\n\n  // Normalize the selection appearance into primitive fields up front so the\n  // memo below depends on stable values rather than the (possibly unstable)\n  // selectionAppearance object reference. This keeps the dependency array\n  // exhaustive-deps clean without requiring callers to memoize the prop.\n  const selectedBorderColor = selectionAppearance?.selected?.borderColor;\n  const selectedBackgroundColor = selectionAppearance?.selected?.backgroundColor;\n  const selectedBold = selectionAppearance?.selected?.bold;\n  const unselectedOpacity = selectionAppearance?.unselected?.opacity;\n  const hoverLineWidthMultiplier = selectionAppearance?.hoverLineWidthMultiplier;\n\n  // Resolve selection appearance defaults once (stable as long as the\n  // individual fields above don't change).\n  const resolvedAppearance = useMemo(\n    () =>\n      resolveSelectionAppearance({\n        selected: {\n          borderColor: selectedBorderColor,\n          backgroundColor: selectedBackgroundColor,\n          bold: selectedBold,\n        },\n        unselected: { opacity: unselectedOpacity },\n        hoverLineWidthMultiplier,\n      }),\n    [\n      selectedBorderColor,\n      selectedBackgroundColor,\n      selectedBold,\n      unselectedOpacity,\n      hoverLineWidthMultiplier,\n    ]\n  );\n\n  // All peaks that can be interacted with (clicked / hovered / selected),\n  // each with a stable ID and the metadata needed for PeakSelectEvent.\n  const allPeaksForInteraction = useMemo(() => {\n    const result: Array<{\n      peak: PeakAnnotation & { id: string };\n      seriesIndex: number;\n      seriesName: string;\n      isAutoDetected: boolean;\n    }> = [];\n\n    processedAnnotations.forEach((ann, i) => {\n      result.push({\n        peak: { ...ann, id: ann.id ?? `user-ann-${i}` },\n        seriesIndex: 0,\n        seriesName: series[0]?.name ?? \"\",\n        isAutoDetected: false,\n      });\n    });\n\n    allDetectedPeaks.forEach(({ peaks, seriesIndex }) => {\n      peaks.forEach((peak, peakIndex) => {\n        result.push({\n          peak: { ...peak, id: `peak-${seriesIndex}-${peakIndex}` },\n          seriesIndex,\n          seriesName: series[seriesIndex]?.name ?? `Series ${seriesIndex + 1}`,\n          isAutoDetected: true,\n        });\n      });\n    });\n\n    return result;\n  }, [processedAnnotations, allDetectedPeaks, series]);\n\n  // Build Plotly annotation objects for all peaks, applying selection styling.\n  // This memo re-runs when selectedPeakIds or resolvedAppearance changes so the\n  // selection effect can call Plotly.relayout with updated annotations without\n  // triggering a full chart rebuild.\n  const peakAnnotations = useMemo(() => {\n    const anySelected = (selectedPeakIds?.length ?? 0) > 0;\n    const options = {\n      selectedPeakIds: selectedPeakIds ?? [],\n      anySelected,\n      appearance: resolvedAppearance,\n      annotationStyle,\n    };\n\n    const allPeaksWithMeta: PeakWithMeta[] = [];\n\n    processedAnnotations.forEach((ann, i) => {\n      allPeaksWithMeta.push({\n        peak: { ...ann, id: ann.id ?? `user-ann-${i}` },\n        seriesIndex: -1,\n      });\n    });\n\n    if (showPeakAreas && enablePeakDetection) {\n      allDetectedPeaks.forEach(({ peaks, seriesIndex }) => {\n        peaks.forEach((peak, peakIndex) => {\n          allPeaksWithMeta.push({\n            peak: { ...peak, id: `peak-${seriesIndex}-${peakIndex}` },\n            seriesIndex,\n          });\n        });\n      });\n    }\n\n    const groups = groupOverlappingPeaks(allPeaksWithMeta, annotationOverlapThreshold);\n    const result: Partial<Plotly.Annotations>[] = [];\n    for (const group of groups) {\n      result.push(...createGroupAnnotations(group, options));\n    }\n    return result;\n  }, [\n    processedAnnotations,\n    allDetectedPeaks,\n    showPeakAreas,\n    enablePeakDetection,\n    annotationOverlapThreshold,\n    selectedPeakIds,\n    resolvedAppearance,\n    annotationStyle,\n  ]);\n\n  // Keep the ref in sync every render so that closures in effects always read\n  // the latest selection-styled annotations.\n  peakAnnotationsRef.current = peakAnnotations;\n\n  // ── Main chart effect ──────────────────────────────────────────────────────\n  // Rebuilds the full chart when structural props change (data, size, axes, …).\n  // selectedPeakIds and selectionAppearance are intentionally excluded from\n  // deps — selection changes are handled by the lightweight selection effect\n  // below via Plotly.relayout, which preserves the user's current zoom/pan.\n  useEffect(() => {\n    const currentRef = plotRef.current;\n    if (!currentRef || series.length === 0) return;\n\n    // Build trace data (line traces + boundary markers + region overlays +\n    // the invisible hit-area trace that carries peak customdata for\n    // click/hover interaction).\n    const plotData = buildTraceData({\n      processedSeries,\n      processedAnnotations,\n      allDetectedPeaks,\n      allPeaksForInteraction,\n      showMarkers,\n      markerSize,\n      xAxisTitle,\n      yAxisTitle,\n      boundaryMarkers,\n    });\n\n    const layout = buildLayout({\n      title,\n      titleFontSize,\n      titleTopMargin,\n      width,\n      height,\n      xAxisTitle,\n      yAxisTitle,\n      xRange,\n      yRange,\n      showLegend,\n      seriesCount: series.length,\n      showGridX,\n      showGridY,\n      showCrosshairs,\n      theme,\n      peakAnnotations: peakAnnotationsRef.current,\n    });\n\n    const config = buildConfig({ showExportButton, width, height });\n\n    Plotly.newPlot(currentRef, plotData, layout, config);\n    bindTooltip(currentRef);\n\n    // ── Event: peak click ──────────────────────────────────────────────────\n    (currentRef as unknown as Plotly.PlotlyHTMLElement).on(\n      \"plotly_click\",\n      (eventData: Plotly.PlotMouseEvent) => {\n        if (!onPeakClickRef.current) return;\n        const peakPoint = eventData.points.find((p) => p.customdata != null);\n        if (!peakPoint) return;\n        onPeakClickRef.current(peakPoint.customdata as unknown as PeakSelectEvent);\n      }\n    );\n\n    (currentRef as unknown as Plotly.PlotlyHTMLElement).on(\n      \"plotly_hover\",\n      createHoverHandler(currentRef, processedSeries.length, thickenedSeriesRef, onPeakHoverRef, resolvedAppearance.hoverLineWidthMultiplier)\n    );\n\n    (currentRef as unknown as Plotly.PlotlyHTMLElement).on(\n      \"plotly_unhover\",\n      createUnhoverHandler(currentRef, thickenedSeriesRef, onPeakHoverRef)\n    );\n\n    return () => {\n      thickenedSeriesRef.current = null;\n      if (currentRef) Plotly.purge(currentRef);\n    };\n  }, [\n    processedSeries, allDetectedPeaks, allPeaksForInteraction, series.length,\n    width, height, title, titleFontSize, titleTopMargin, xAxisTitle, yAxisTitle,\n    processedAnnotations, xRange, yRange, showLegend, showGridX, showGridY,\n    showMarkers, markerSize, showCrosshairs, enablePeakDetection, peakDetectionOptions,\n    showPeakAreas, boundaryMarkers, annotationOverlapThreshold, showExportButton,\n    theme, bindTooltip,\n    // resolvedAppearance included so hover multiplier stays in sync with the\n    // event handler closure without it being in a ref itself.\n    resolvedAppearance,\n  ]);\n\n  // ── Selection update effect ────────────────────────────────────────────────\n  // Runs when selectedPeakIds / selectionAppearance change (peakAnnotations\n  // recomputes). Uses Plotly.relayout so the user's zoom/pan state is preserved.\n  useEffect(() => {\n    const el = plotRef.current;\n    if (!el) return;\n    // Guard: skip if the chart hasn't been initialized by the main effect yet.\n    if (!(el as { _fullLayout?: unknown })._fullLayout) return;\n\n    Plotly.relayout(el, {\n      annotations: peakAnnotations,\n    } as unknown as Partial<Plotly.Layout>);\n  }, [peakAnnotations]);\n\n  // No data: render an explicit empty state instead of an uninitialized\n  // (blank) Plotly container, so the chart reads as \"no data yet\" rather\n  // than looking broken while data is still loading.\n  if (series.length === 0) {\n    return (\n      <div\n        className=\"chromatogram-chart-container relative flex items-center justify-center\"\n        style={{ width, height }}\n      >\n        <EmptyState\n          variant=\"no-data\"\n          title=\"No chromatogram data\"\n          description=\"There is no signal data to display yet.\"\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"chromatogram-chart-container relative\">\n      <div ref={plotRef} style={{ width: \"100%\", height: \"100%\" }} />\n      {tooltipElement}\n    </div>\n  );\n};\n\nexport { ChromatogramChart };\n"],"names":["EMPTY_ANNOTATIONS","ChromatogramChart","series","width","height","title","xAxisTitle","yAxisTitle","annotations","xRange","yRange","showLegend","showGridX","showGridY","showMarkers","markerSize","showCrosshairs","baselineCorrection","baselineWindowSize","peakDetectionOptions","showPeakAreas","boundaryMarkers","annotationOverlapThreshold","showExportButton","selectedPeakIds","onPeakClick","onPeakHover","selectionAppearance","annotationStyle","titleFontSize","titleTopMargin","enablePeakDetection","plotRef","useRef","theme","usePlotlyTheme","bindTooltip","tooltipElement","useChartTooltip","onPeakClickRef","onPeakHoverRef","thickenedSeriesRef","peakAnnotationsRef","processedSeries","useMemo","s","validated","validateSeriesData","applyBaselineCorrection","processedAnnotations","x","y","processUserAnnotations","allDetectedPeaks","peaks","index","detected","detectPeaks","selectedBorderColor","selectedBackgroundColor","selectedBold","unselectedOpacity","hoverLineWidthMultiplier","resolvedAppearance","resolveSelectionAppearance","allPeaksForInteraction","result","ann","i","seriesIndex","peak","peakIndex","peakAnnotations","anySelected","options","allPeaksWithMeta","groups","groupOverlappingPeaks","group","createGroupAnnotations","useEffect","currentRef","plotData","buildTraceData","layout","buildLayout","config","buildConfig","Plotly","eventData","peakPoint","p","createHoverHandler","createUnhoverHandler","el","jsx","EmptyState","jsxs"],"mappings":"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"}

package/dist/components/charts/ChromatogramChart/annotations.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../../../utils/colors.cjs"),d=require("./constants.cjs"),T={selected:{borderColor:"#3b82f6",backgroundColor:"#dbeafe",bold:!0},unselected:{opacity:.4},hoverLineWidthMultiplier:5/3};function I(o){if(!o)return T;const t=T;return{selected:{borderColor:o.selected?.borderColor??t.selected.borderColor,backgroundColor:o.selected?.backgroundColor??t.selected.backgroundColor,bold:o.selected?.bold??t.selected.bold},unselected:{opacity:o.unselected?.opacity??t.unselected.opacity},hoverLineWidthMultiplier:o.hoverLineWidthMultiplier??t.hoverLineWidthMultiplier}}const O={default:{ax:0,ay:-35},overlap:[{ax:50,ay:-35},{ax:-60,ay:-35},{ax:70,ay:-55},{ax:-80,ay:-55},{ax:50,ay:-75},{ax:-60,ay:-75}]};function S(o,t){const l=[...o].sort((n,c)=>n.peak.x-c.peak.x),r=[];let e=[];for(const n of l){if(e.length===0){e.push(n);continue}const c=e[e.length-1];Math.abs(n.peak.x-c.peak.x)<t?e.push(n):(r.push(e),e=[n])}return e.length>0&&r.push(e),r}function M(o,t,l,r,e,n){const c=o?e.selected.backgroundColor:d.CHROMATOGRAM_ANNOTATION.BACKGROUND_COLOR;let s;o?s=e.selected.borderColor:s=l&&!n?void 0:r;const i=o?2:l&&!n?0:1,a=t?e.unselected.opacity:void 0;return{bgcolor:c,bordercolor:s,borderwidth:i,...a===void 0?{}:{opacity:a}}}function g(o,t,l,r,e,n,c){const s=n?c.unselected.opacity:void 0;return{x:o.x,y:o.y,text:t,showarrow:!1,yshift:d.CHROMATOGRAM_ANNOTATION.INLINE_YSHIFT,yanchor:"bottom",xanchor:"center",font:{size:l,color:e?c.selected.borderColor:r,family:"Inter, sans-serif"},...s===void 0?{}:{opacity:s}}}function N(o,t,l,r={}){const{selectedPeakIds:e=[],anySelected:n=!1,appearance:c=T,annotationStyle:s="arrow"}=r,i=t===-1,a=i?d.CHROMATOGRAM_ANNOTATION.USER_ANNOTATION_COLOR:h.CHART_COLORS[t%h.CHART_COLORS.length],A=o.color??a,f=i&&!o.color?d.CHROMATOGRAM_ANNOTATION.USER_ANNOTATION_TEXT_COLOR:A,y=o.text??(o._computed?.area===void 0?"":`Area: ${o._computed.area.toFixed(2)}`),u=o.id!==void 0&&e.includes(o.id),b=!u&&n,C=u&&c.selected.bold?`<b>${y}</b>`:y,_=i?d.CHROMATOGRAM_ANNOTATION.USER_ANNOTATION_FONT_SIZE:d.CHROMATOGRAM_ANNOTATION.AUTO_ANNOTATION_FONT_SIZE;if(s==="inline")return g(o,C,_,f,u,b,c);const x=i&&o.ax!==void 0?o.ax:l.ax,R=i&&o.ay!==void 0?o.ay:l.ay,v=M(u,b,i,A,c,o.color!==void 0);return{x:o.x,y:o.y,text:C,showarrow:!0,arrowhead:2,arrowsize:1,arrowwidth:1,arrowcolor:A,ax:x,ay:R,font:{size:_,color:f,family:"Inter, sans-serif"},borderpad:2,...v}}function p(o,t={}){if(o.length===1){const{peak:r,seriesIndex:e}=o[0];return[N(r,e,O.default,t)]}return[...o].sort((r,e)=>r.peak.y-e.peak.y).map(({peak:r,seriesIndex:e},n)=>{const c=O.overlap[n%O.overlap.length];return N(r,e,c,t)})}exports.ANNOTATION_SLOTS=O;exports.createGroupAnnotations=p;exports.createPeakAnnotation=N;exports.groupOverlappingPeaks=S;exports.resolveSelectionAppearance=I;
-//# sourceMappingURL=annotations.cjs.map

package/dist/components/charts/ChromatogramChart/annotations.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"annotations.cjs","sources":["../../../../src/components/charts/ChromatogramChart/annotations.ts"],"sourcesContent":["/**\n * Annotation utilities for ChromatogramChart\n */\n\nimport { CHART_COLORS } from \"../../../utils/colors\";\n\nimport { CHROMATOGRAM_ANNOTATION } from \"./constants\";\n\nimport type { PeakAnnotation, PeakSelectionAppearance, PeakWithMeta } from \"./types\";\nimport type Plotly from \"plotly.js-dist\";\n\n// ── Selection appearance helpers ─────────────────────────────────────────────\n\nexport interface ResolvedSelectionAppearance {\n  selected: {\n    borderColor: string;\n    backgroundColor: string;\n    bold: boolean;\n  };\n  unselected: {\n    opacity: number;\n  };\n  hoverLineWidthMultiplier: number;\n}\n\nconst DEFAULT_RESOLVED_APPEARANCE: ResolvedSelectionAppearance = {\n  selected: {\n    borderColor: \"#3b82f6\",\n    backgroundColor: \"#dbeafe\",\n    bold: true,\n  },\n  unselected: { opacity: 0.4 },\n  hoverLineWidthMultiplier: 5 / 3,\n};\n\nexport function resolveSelectionAppearance(\n  appearance?: PeakSelectionAppearance\n): ResolvedSelectionAppearance {\n  if (!appearance) return DEFAULT_RESOLVED_APPEARANCE;\n  const d = DEFAULT_RESOLVED_APPEARANCE;\n  return {\n    selected: {\n      borderColor: appearance.selected?.borderColor ?? d.selected.borderColor,\n      backgroundColor: appearance.selected?.backgroundColor ?? d.selected.backgroundColor,\n      bold: appearance.selected?.bold ?? d.selected.bold,\n    },\n    unselected: {\n      opacity: appearance.unselected?.opacity ?? d.unselected.opacity,\n    },\n    hoverLineWidthMultiplier:\n      appearance.hoverLineWidthMultiplier ?? d.hoverLineWidthMultiplier,\n  };\n}\n\n/**\n * Annotation slot positions for peak labels\n */\nexport const ANNOTATION_SLOTS = {\n  default: { ax: 0, ay: -35 },\n  overlap: [\n    { ax: 50, ay: -35 }, // Right, level 1\n    { ax: -60, ay: -35 }, // Left, level 1\n    { ax: 70, ay: -55 }, // Right, level 2\n    { ax: -80, ay: -55 }, // Left, level 2\n    { ax: 50, ay: -75 }, // Right, level 3\n    { ax: -60, ay: -75 }, // Left, level 3\n  ],\n};\n\n/**\n * Group overlapping peaks by retention time (x) proximity\n */\nexport function groupOverlappingPeaks(\n  peaksWithMeta: PeakWithMeta[],\n  overlapThreshold: number\n): PeakWithMeta[][] {\n  const sorted = [...peaksWithMeta].sort((a, b) => a.peak.x - b.peak.x);\n\n  const groups: PeakWithMeta[][] = [];\n  let currentGroup: PeakWithMeta[] = [];\n\n  for (const current of sorted) {\n    if (currentGroup.length === 0) {\n      currentGroup.push(current);\n      continue;\n    }\n\n    const lastInGroup = currentGroup[currentGroup.length - 1];\n    const timeDiff = Math.abs(current.peak.x - lastInGroup.peak.x);\n\n    if (timeDiff < overlapThreshold) {\n      currentGroup.push(current);\n    } else {\n      groups.push(currentGroup);\n      currentGroup = [current];\n    }\n  }\n\n  if (currentGroup.length > 0) {\n    groups.push(currentGroup);\n  }\n\n  return groups;\n}\n\ninterface PeakAnnotationOptions {\n  selectedPeakIds?: string[];\n  anySelected?: boolean;\n  appearance?: ResolvedSelectionAppearance;\n  annotationStyle?: \"arrow\" | \"inline\";\n}\n\ninterface AnnotationBorderStyle {\n  bgcolor: string;\n  bordercolor: string | undefined;\n  borderwidth: number;\n  opacity?: number;\n}\n\n/** Derives border/background/opacity from selection state — extracted to keep\n *  createPeakAnnotation within the allowed cognitive complexity budget. */\nfunction resolveAnnotationBorderStyle(\n  isSelected: boolean,\n  isDimmed: boolean,\n  isUserDefined: boolean,\n  seriesColor: string,\n  appearance: ResolvedSelectionAppearance,\n  hasColorOverride: boolean\n): AnnotationBorderStyle {\n  const bgcolor = isSelected\n    ? appearance.selected.backgroundColor\n    : CHROMATOGRAM_ANNOTATION.BACKGROUND_COLOR;\n  let bordercolor: string | undefined;\n  if (isSelected) {\n    bordercolor = appearance.selected.borderColor;\n  } else {\n    bordercolor = isUserDefined && !hasColorOverride ? undefined : seriesColor;\n  }\n  const borderwidth = isSelected ? 2 : isUserDefined && !hasColorOverride ? 0 : 1;\n  const opacity = isDimmed ? appearance.unselected.opacity : undefined;\n  return { bgcolor, bordercolor, borderwidth, ...(opacity === undefined ? {} : { opacity }) };\n}\n\n/** Builds an inline-style (no-arrow) annotation that floats above the trace point. */\nfunction createInlineAnnotation(\n  peak: PeakAnnotation,\n  text: string,\n  fontSize: number,\n  textColor: string,\n  isSelected: boolean,\n  isDimmed: boolean,\n  appearance: ResolvedSelectionAppearance\n): Partial<Plotly.Annotations> {\n  const opacity = isDimmed ? appearance.unselected.opacity : undefined;\n  return {\n    x: peak.x,\n    y: peak.y,\n    text,\n    showarrow: false,\n    yshift: CHROMATOGRAM_ANNOTATION.INLINE_YSHIFT,\n    yanchor: \"bottom\" as const,\n    xanchor: \"center\" as const,\n    font: {\n      size: fontSize,\n      color: isSelected ? appearance.selected.borderColor : textColor,\n      family: \"Inter, sans-serif\",\n    },\n    ...(opacity === undefined ? {} : { opacity }),\n  };\n}\n\n/**\n * Create a Plotly annotation for a peak.\n * seriesIndex of -1 indicates a user-defined annotation (uses grey/black styling).\n */\nexport function createPeakAnnotation(\n  peak: PeakAnnotation,\n  seriesIndex: number,\n  slot: { ax: number; ay: number },\n  options: PeakAnnotationOptions = {}\n): Partial<Plotly.Annotations> {\n  const {\n    selectedPeakIds = [],\n    anySelected = false,\n    appearance = DEFAULT_RESOLVED_APPEARANCE,\n    annotationStyle = \"arrow\",\n  } = options;\n\n  const isUserDefined = seriesIndex === -1;\n  const defaultColor = isUserDefined\n    ? CHROMATOGRAM_ANNOTATION.USER_ANNOTATION_COLOR\n    : CHART_COLORS[seriesIndex % CHART_COLORS.length];\n  const color = peak.color ?? defaultColor;\n  const textColor = isUserDefined && !peak.color\n    ? CHROMATOGRAM_ANNOTATION.USER_ANNOTATION_TEXT_COLOR\n    : color;\n\n  const rawText = peak.text ?? (peak._computed?.area === undefined ? \"\" : `Area: ${peak._computed.area.toFixed(2)}`);\n\n  const isSelected = peak.id !== undefined && selectedPeakIds.includes(peak.id);\n  const isDimmed = !isSelected && anySelected;\n\n  const text = isSelected && appearance.selected.bold ? `<b>${rawText}</b>` : rawText;\n\n  const fontSize = isUserDefined\n    ? CHROMATOGRAM_ANNOTATION.USER_ANNOTATION_FONT_SIZE\n    : CHROMATOGRAM_ANNOTATION.AUTO_ANNOTATION_FONT_SIZE;\n\n  if (annotationStyle === \"inline\") {\n    return createInlineAnnotation(peak, text, fontSize, textColor, isSelected, isDimmed, appearance);\n  }\n\n  // For user-defined annotations, respect their ax/ay if provided\n  const ax = isUserDefined && peak.ax !== undefined ? peak.ax : slot.ax;\n  const ay = isUserDefined && peak.ay !== undefined ? peak.ay : slot.ay;\n\n  const borderStyle = resolveAnnotationBorderStyle(\n    isSelected, isDimmed, isUserDefined, color, appearance, peak.color !== undefined\n  );\n\n  return {\n    x: peak.x,\n    y: peak.y,\n    text,\n    showarrow: true,\n    arrowhead: 2,\n    arrowsize: 1,\n    arrowwidth: 1,\n    arrowcolor: color,\n    ax,\n    ay,\n    font: {\n      size: fontSize,\n      color: textColor,\n      family: \"Inter, sans-serif\",\n    },\n    borderpad: 2,\n    ...borderStyle,\n  };\n}\n\n/**\n * Create annotations for a group of peaks, handling overlap positioning\n */\nexport function createGroupAnnotations(\n  group: PeakWithMeta[],\n  options: PeakAnnotationOptions = {}\n): Partial<Plotly.Annotations>[] {\n  if (group.length === 1) {\n    const { peak, seriesIndex } = group[0];\n    return [createPeakAnnotation(peak, seriesIndex, ANNOTATION_SLOTS.default, options)];\n  }\n\n  // Sort by intensity (y, lowest first) so lower peaks get closer annotations\n  const sortedGroup = [...group].sort((a, b) => a.peak.y - b.peak.y);\n\n  return sortedGroup.map(({ peak, seriesIndex }, slotIndex) => {\n    const slot =\n      ANNOTATION_SLOTS.overlap[slotIndex % ANNOTATION_SLOTS.overlap.length];\n    return createPeakAnnotation(peak, seriesIndex, slot, options);\n  });\n}\n\n"],"names":["DEFAULT_RESOLVED_APPEARANCE","resolveSelectionAppearance","appearance","d","ANNOTATION_SLOTS","groupOverlappingPeaks","peaksWithMeta","overlapThreshold","sorted","a","b","groups","currentGroup","current","lastInGroup","resolveAnnotationBorderStyle","isSelected","isDimmed","isUserDefined","seriesColor","hasColorOverride","bgcolor","CHROMATOGRAM_ANNOTATION","bordercolor","borderwidth","opacity","createInlineAnnotation","peak","text","fontSize","textColor","createPeakAnnotation","seriesIndex","slot","options","selectedPeakIds","anySelected","annotationStyle","defaultColor","CHART_COLORS","color","rawText","ax","ay","borderStyle","createGroupAnnotations","group","slotIndex"],"mappings":"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"}

package/dist/components/charts/ChromatogramChart/annotations.js

@@ -1,136 +0,0 @@
-import { CHART_COLORS as T } from "../../../utils/colors.js";
-import { CHROMATOGRAM_ANNOTATION as d } from "./constants.js";
-const O = {
-  selected: {
-    borderColor: "#3b82f6",
-    backgroundColor: "#dbeafe",
-    bold: !0
-  },
-  unselected: { opacity: 0.4 },
-  hoverLineWidthMultiplier: 5 / 3
-};
-function p(o) {
-  if (!o) return O;
-  const t = O;
-  return {
-    selected: {
-      borderColor: o.selected?.borderColor ?? t.selected.borderColor,
-      backgroundColor: o.selected?.backgroundColor ?? t.selected.backgroundColor,
-      bold: o.selected?.bold ?? t.selected.bold
-    },
-    unselected: {
-      opacity: o.unselected?.opacity ?? t.unselected.opacity
-    },
-    hoverLineWidthMultiplier: o.hoverLineWidthMultiplier ?? t.hoverLineWidthMultiplier
-  };
-}
-const y = {
-  default: { ax: 0, ay: -35 },
-  overlap: [
-    { ax: 50, ay: -35 },
-    // Right, level 1
-    { ax: -60, ay: -35 },
-    // Left, level 1
-    { ax: 70, ay: -55 },
-    // Right, level 2
-    { ax: -80, ay: -55 },
-    // Left, level 2
-    { ax: 50, ay: -75 },
-    // Right, level 3
-    { ax: -60, ay: -75 }
-    // Left, level 3
-  ]
-};
-function w(o, t) {
-  const c = [...o].sort((n, l) => n.peak.x - l.peak.x), r = [];
-  let e = [];
-  for (const n of c) {
-    if (e.length === 0) {
-      e.push(n);
-      continue;
-    }
-    const l = e[e.length - 1];
-    Math.abs(n.peak.x - l.peak.x) < t ? e.push(n) : (r.push(e), e = [n]);
-  }
-  return e.length > 0 && r.push(e), r;
-}
-function S(o, t, c, r, e, n) {
-  const l = o ? e.selected.backgroundColor : d.BACKGROUND_COLOR;
-  let s;
-  o ? s = e.selected.borderColor : s = c && !n ? void 0 : r;
-  const i = o ? 2 : c && !n ? 0 : 1, a = t ? e.unselected.opacity : void 0;
-  return { bgcolor: l, bordercolor: s, borderwidth: i, ...a === void 0 ? {} : { opacity: a } };
-}
-function m(o, t, c, r, e, n, l) {
-  const s = n ? l.unselected.opacity : void 0;
-  return {
-    x: o.x,
-    y: o.y,
-    text: t,
-    showarrow: !1,
-    yshift: d.INLINE_YSHIFT,
-    yanchor: "bottom",
-    xanchor: "center",
-    font: {
-      size: c,
-      color: e ? l.selected.borderColor : r,
-      family: "Inter, sans-serif"
-    },
-    ...s === void 0 ? {} : { opacity: s }
-  };
-}
-function C(o, t, c, r = {}) {
-  const {
-    selectedPeakIds: e = [],
-    anySelected: n = !1,
-    appearance: l = O,
-    annotationStyle: s = "arrow"
-  } = r, i = t === -1, a = i ? d.USER_ANNOTATION_COLOR : T[t % T.length], f = o.color ?? a, b = i && !o.color ? d.USER_ANNOTATION_TEXT_COLOR : f, A = o.text ?? (o._computed?.area === void 0 ? "" : `Area: ${o._computed.area.toFixed(2)}`), u = o.id !== void 0 && e.includes(o.id), h = !u && n, x = u && l.selected.bold ? `<b>${A}</b>` : A, N = i ? d.USER_ANNOTATION_FONT_SIZE : d.AUTO_ANNOTATION_FONT_SIZE;
-  if (s === "inline")
-    return m(o, x, N, b, u, h, l);
-  const _ = i && o.ax !== void 0 ? o.ax : c.ax, v = i && o.ay !== void 0 ? o.ay : c.ay, I = S(
-    u,
-    h,
-    i,
-    f,
-    l,
-    o.color !== void 0
-  );
-  return {
-    x: o.x,
-    y: o.y,
-    text: x,
-    showarrow: !0,
-    arrowhead: 2,
-    arrowsize: 1,
-    arrowwidth: 1,
-    arrowcolor: f,
-    ax: _,
-    ay: v,
-    font: {
-      size: N,
-      color: b,
-      family: "Inter, sans-serif"
-    },
-    borderpad: 2,
-    ...I
-  };
-}
-function E(o, t = {}) {
-  if (o.length === 1) {
-    const { peak: r, seriesIndex: e } = o[0];
-    return [C(r, e, y.default, t)];
-  }
-  return [...o].sort((r, e) => r.peak.y - e.peak.y).map(({ peak: r, seriesIndex: e }, n) => {
-    const l = y.overlap[n % y.overlap.length];
-    return C(r, e, l, t);
-  });
-}
-export {
-  y as ANNOTATION_SLOTS,
-  E as createGroupAnnotations,
-  C as createPeakAnnotation,
-  w as groupOverlappingPeaks,
-  p as resolveSelectionAppearance
-};
-//# sourceMappingURL=annotations.js.map

package/dist/components/charts/ChromatogramChart/annotations.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"annotations.js","sources":["../../../../src/components/charts/ChromatogramChart/annotations.ts"],"sourcesContent":["/**\n * Annotation utilities for ChromatogramChart\n */\n\nimport { CHART_COLORS } from \"../../../utils/colors\";\n\nimport { CHROMATOGRAM_ANNOTATION } from \"./constants\";\n\nimport type { PeakAnnotation, PeakSelectionAppearance, PeakWithMeta } from \"./types\";\nimport type Plotly from \"plotly.js-dist\";\n\n// ── Selection appearance helpers ─────────────────────────────────────────────\n\nexport interface ResolvedSelectionAppearance {\n  selected: {\n    borderColor: string;\n    backgroundColor: string;\n    bold: boolean;\n  };\n  unselected: {\n    opacity: number;\n  };\n  hoverLineWidthMultiplier: number;\n}\n\nconst DEFAULT_RESOLVED_APPEARANCE: ResolvedSelectionAppearance = {\n  selected: {\n    borderColor: \"#3b82f6\",\n    backgroundColor: \"#dbeafe\",\n    bold: true,\n  },\n  unselected: { opacity: 0.4 },\n  hoverLineWidthMultiplier: 5 / 3,\n};\n\nexport function resolveSelectionAppearance(\n  appearance?: PeakSelectionAppearance\n): ResolvedSelectionAppearance {\n  if (!appearance) return DEFAULT_RESOLVED_APPEARANCE;\n  const d = DEFAULT_RESOLVED_APPEARANCE;\n  return {\n    selected: {\n      borderColor: appearance.selected?.borderColor ?? d.selected.borderColor,\n      backgroundColor: appearance.selected?.backgroundColor ?? d.selected.backgroundColor,\n      bold: appearance.selected?.bold ?? d.selected.bold,\n    },\n    unselected: {\n      opacity: appearance.unselected?.opacity ?? d.unselected.opacity,\n    },\n    hoverLineWidthMultiplier:\n      appearance.hoverLineWidthMultiplier ?? d.hoverLineWidthMultiplier,\n  };\n}\n\n/**\n * Annotation slot positions for peak labels\n */\nexport const ANNOTATION_SLOTS = {\n  default: { ax: 0, ay: -35 },\n  overlap: [\n    { ax: 50, ay: -35 }, // Right, level 1\n    { ax: -60, ay: -35 }, // Left, level 1\n    { ax: 70, ay: -55 }, // Right, level 2\n    { ax: -80, ay: -55 }, // Left, level 2\n    { ax: 50, ay: -75 }, // Right, level 3\n    { ax: -60, ay: -75 }, // Left, level 3\n  ],\n};\n\n/**\n * Group overlapping peaks by retention time (x) proximity\n */\nexport function groupOverlappingPeaks(\n  peaksWithMeta: PeakWithMeta[],\n  overlapThreshold: number\n): PeakWithMeta[][] {\n  const sorted = [...peaksWithMeta].sort((a, b) => a.peak.x - b.peak.x);\n\n  const groups: PeakWithMeta[][] = [];\n  let currentGroup: PeakWithMeta[] = [];\n\n  for (const current of sorted) {\n    if (currentGroup.length === 0) {\n      currentGroup.push(current);\n      continue;\n    }\n\n    const lastInGroup = currentGroup[currentGroup.length - 1];\n    const timeDiff = Math.abs(current.peak.x - lastInGroup.peak.x);\n\n    if (timeDiff < overlapThreshold) {\n      currentGroup.push(current);\n    } else {\n      groups.push(currentGroup);\n      currentGroup = [current];\n    }\n  }\n\n  if (currentGroup.length > 0) {\n    groups.push(currentGroup);\n  }\n\n  return groups;\n}\n\ninterface PeakAnnotationOptions {\n  selectedPeakIds?: string[];\n  anySelected?: boolean;\n  appearance?: ResolvedSelectionAppearance;\n  annotationStyle?: \"arrow\" | \"inline\";\n}\n\ninterface AnnotationBorderStyle {\n  bgcolor: string;\n  bordercolor: string | undefined;\n  borderwidth: number;\n  opacity?: number;\n}\n\n/** Derives border/background/opacity from selection state — extracted to keep\n *  createPeakAnnotation within the allowed cognitive complexity budget. */\nfunction resolveAnnotationBorderStyle(\n  isSelected: boolean,\n  isDimmed: boolean,\n  isUserDefined: boolean,\n  seriesColor: string,\n  appearance: ResolvedSelectionAppearance,\n  hasColorOverride: boolean\n): AnnotationBorderStyle {\n  const bgcolor = isSelected\n    ? appearance.selected.backgroundColor\n    : CHROMATOGRAM_ANNOTATION.BACKGROUND_COLOR;\n  let bordercolor: string | undefined;\n  if (isSelected) {\n    bordercolor = appearance.selected.borderColor;\n  } else {\n    bordercolor = isUserDefined && !hasColorOverride ? undefined : seriesColor;\n  }\n  const borderwidth = isSelected ? 2 : isUserDefined && !hasColorOverride ? 0 : 1;\n  const opacity = isDimmed ? appearance.unselected.opacity : undefined;\n  return { bgcolor, bordercolor, borderwidth, ...(opacity === undefined ? {} : { opacity }) };\n}\n\n/** Builds an inline-style (no-arrow) annotation that floats above the trace point. */\nfunction createInlineAnnotation(\n  peak: PeakAnnotation,\n  text: string,\n  fontSize: number,\n  textColor: string,\n  isSelected: boolean,\n  isDimmed: boolean,\n  appearance: ResolvedSelectionAppearance\n): Partial<Plotly.Annotations> {\n  const opacity = isDimmed ? appearance.unselected.opacity : undefined;\n  return {\n    x: peak.x,\n    y: peak.y,\n    text,\n    showarrow: false,\n    yshift: CHROMATOGRAM_ANNOTATION.INLINE_YSHIFT,\n    yanchor: \"bottom\" as const,\n    xanchor: \"center\" as const,\n    font: {\n      size: fontSize,\n      color: isSelected ? appearance.selected.borderColor : textColor,\n      family: \"Inter, sans-serif\",\n    },\n    ...(opacity === undefined ? {} : { opacity }),\n  };\n}\n\n/**\n * Create a Plotly annotation for a peak.\n * seriesIndex of -1 indicates a user-defined annotation (uses grey/black styling).\n */\nexport function createPeakAnnotation(\n  peak: PeakAnnotation,\n  seriesIndex: number,\n  slot: { ax: number; ay: number },\n  options: PeakAnnotationOptions = {}\n): Partial<Plotly.Annotations> {\n  const {\n    selectedPeakIds = [],\n    anySelected = false,\n    appearance = DEFAULT_RESOLVED_APPEARANCE,\n    annotationStyle = \"arrow\",\n  } = options;\n\n  const isUserDefined = seriesIndex === -1;\n  const defaultColor = isUserDefined\n    ? CHROMATOGRAM_ANNOTATION.USER_ANNOTATION_COLOR\n    : CHART_COLORS[seriesIndex % CHART_COLORS.length];\n  const color = peak.color ?? defaultColor;\n  const textColor = isUserDefined && !peak.color\n    ? CHROMATOGRAM_ANNOTATION.USER_ANNOTATION_TEXT_COLOR\n    : color;\n\n  const rawText = peak.text ?? (peak._computed?.area === undefined ? \"\" : `Area: ${peak._computed.area.toFixed(2)}`);\n\n  const isSelected = peak.id !== undefined && selectedPeakIds.includes(peak.id);\n  const isDimmed = !isSelected && anySelected;\n\n  const text = isSelected && appearance.selected.bold ? `<b>${rawText}</b>` : rawText;\n\n  const fontSize = isUserDefined\n    ? CHROMATOGRAM_ANNOTATION.USER_ANNOTATION_FONT_SIZE\n    : CHROMATOGRAM_ANNOTATION.AUTO_ANNOTATION_FONT_SIZE;\n\n  if (annotationStyle === \"inline\") {\n    return createInlineAnnotation(peak, text, fontSize, textColor, isSelected, isDimmed, appearance);\n  }\n\n  // For user-defined annotations, respect their ax/ay if provided\n  const ax = isUserDefined && peak.ax !== undefined ? peak.ax : slot.ax;\n  const ay = isUserDefined && peak.ay !== undefined ? peak.ay : slot.ay;\n\n  const borderStyle = resolveAnnotationBorderStyle(\n    isSelected, isDimmed, isUserDefined, color, appearance, peak.color !== undefined\n  );\n\n  return {\n    x: peak.x,\n    y: peak.y,\n    text,\n    showarrow: true,\n    arrowhead: 2,\n    arrowsize: 1,\n    arrowwidth: 1,\n    arrowcolor: color,\n    ax,\n    ay,\n    font: {\n      size: fontSize,\n      color: textColor,\n      family: \"Inter, sans-serif\",\n    },\n    borderpad: 2,\n    ...borderStyle,\n  };\n}\n\n/**\n * Create annotations for a group of peaks, handling overlap positioning\n */\nexport function createGroupAnnotations(\n  group: PeakWithMeta[],\n  options: PeakAnnotationOptions = {}\n): Partial<Plotly.Annotations>[] {\n  if (group.length === 1) {\n    const { peak, seriesIndex } = group[0];\n    return [createPeakAnnotation(peak, seriesIndex, ANNOTATION_SLOTS.default, options)];\n  }\n\n  // Sort by intensity (y, lowest first) so lower peaks get closer annotations\n  const sortedGroup = [...group].sort((a, b) => a.peak.y - b.peak.y);\n\n  return sortedGroup.map(({ peak, seriesIndex }, slotIndex) => {\n    const slot =\n      ANNOTATION_SLOTS.overlap[slotIndex % ANNOTATION_SLOTS.overlap.length];\n    return createPeakAnnotation(peak, seriesIndex, slot, options);\n  });\n}\n\n"],"names":["DEFAULT_RESOLVED_APPEARANCE","resolveSelectionAppearance","appearance","d","ANNOTATION_SLOTS","groupOverlappingPeaks","peaksWithMeta","overlapThreshold","sorted","a","b","groups","currentGroup","current","lastInGroup","resolveAnnotationBorderStyle","isSelected","isDimmed","isUserDefined","seriesColor","hasColorOverride","bgcolor","CHROMATOGRAM_ANNOTATION","bordercolor","borderwidth","opacity","createInlineAnnotation","peak","text","fontSize","textColor","createPeakAnnotation","seriesIndex","slot","options","selectedPeakIds","anySelected","annotationStyle","defaultColor","CHART_COLORS","color","rawText","ax","ay","borderStyle","createGroupAnnotations","group","slotIndex"],"mappings":"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"}

package/dist/components/charts/ChromatogramChart/boundaryMarkers.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"boundaryMarkers.cjs","sources":["../../../../src/components/charts/ChromatogramChart/boundaryMarkers.ts"],"sourcesContent":["/**\n * Boundary marker utilities for ChromatogramChart\n */\n\nimport { CHART_COLORS } from \"../../../utils/colors\";\n\nimport type { PeakAnnotation, BoundaryMarkerType } from \"./types\";\nimport type Plotly from \"plotly.js-dist\";\n\n/** Base Y position for start boundary markers (below the x-axis) */\nconst BOUNDARY_MARKER_START_Y = -5;\n/** Y position for end boundary markers (below start markers) */\nconst BOUNDARY_MARKER_END_Y = -12;\n/** Y offset between series to prevent overlap */\nconst BOUNDARY_MARKER_SERIES_OFFSET = -16;\n\n/**\n * Create a marker trace for a boundary point.\n * Markers are placed on the x-axis below 0, staggered by series index.\n */\nfunction createMarkerTrace(\n  xPos: number,\n  yPos: number,\n  markerType: BoundaryMarkerType,\n  color: string\n): Plotly.Data[] {\n  if (markerType === \"none\") {\n    return [];\n  }\n\n  return [\n    {\n      x: [xPos],\n      y: [yPos],\n      type: \"scatter\" as const,\n      mode: \"markers\" as const,\n      marker: {\n        symbol: markerType === \"diamond\" ? (\"diamond\" as const) : (\"triangle-up\" as const),\n        size: 8,\n        color,\n      },\n      showlegend: false,\n      hoverinfo: \"skip\" as const,\n    },\n  ];\n}\n\n/**\n * Create boundary marker traces for peaks.\n * Uses per-peak startMarker/endMarker settings with defaults:\n * - startMarker: \"triangle\" (default)\n * - endMarker: \"diamond\" (default)\n */\nexport function createBoundaryMarkerTraces(\n  allPeaks: {\n    peaks: PeakAnnotation[];\n    seriesIndex: number;\n    x: number[];\n    y: number[];\n  }[]\n): Plotly.Data[] {\n  const traces: Plotly.Data[] = [];\n\n  for (const { peaks, seriesIndex, x } of allPeaks) {\n    const seriesColor = CHART_COLORS[seriesIndex % CHART_COLORS.length];\n    // Separate y positions for start vs end markers to prevent overlap when peaks are adjacent\n    // Also stagger by series index to prevent overlap between different traces\n    const startMarkerY = BOUNDARY_MARKER_START_Y + seriesIndex * BOUNDARY_MARKER_SERIES_OFFSET;\n    const endMarkerY = BOUNDARY_MARKER_END_Y + seriesIndex * BOUNDARY_MARKER_SERIES_OFFSET;\n\n    for (const peak of peaks) {\n      const startIdx = peak._computed?.startIndex ?? 0;\n      const endIdx = peak._computed?.endIndex ?? 0;\n      const startX = x[startIdx];\n      const endX = x[endIdx];\n\n      // Get marker types with defaults: triangle at start, diamond at end\n      const startMarkerType = peak.startMarker ?? \"triangle\";\n      const endMarkerType = peak.endMarker ?? \"diamond\";\n\n      const color = peak.color ?? seriesColor;\n\n      // Create start boundary marker (upper row, staggered by series)\n      traces.push(...createMarkerTrace(startX, startMarkerY, startMarkerType, color));\n\n      // Create end boundary marker (lower row, staggered by series)\n      traces.push(...createMarkerTrace(endX, endMarkerY, endMarkerType, color));\n    }\n  }\n\n  return traces;\n}\n\n"],"names":["BOUNDARY_MARKER_START_Y","BOUNDARY_MARKER_END_Y","BOUNDARY_MARKER_SERIES_OFFSET","createMarkerTrace","xPos","yPos","markerType","color","createBoundaryMarkerTraces","allPeaks","traces","peaks","seriesIndex","x","seriesColor","CHART_COLORS","startMarkerY","endMarkerY","peak","startIdx","endIdx","startX","endX","startMarkerType","endMarkerType"],"mappings":"6HAUMA,EAA0B,GAE1BC,EAAwB,IAExBC,EAAgC,IAMtC,SAASC,EACPC,EACAC,EACAC,EACAC,EACe,CACf,OAAID,IAAe,OACV,CAAA,EAGF,CACL,CACE,EAAG,CAACF,CAAI,EACR,EAAG,CAACC,CAAI,EACR,KAAM,UACN,KAAM,UACN,OAAQ,CACN,OAAQC,IAAe,UAAa,UAAuB,cAC3D,KAAM,EACN,MAAAC,CAAA,EAEF,WAAY,GACZ,UAAW,MAAA,CACb,CAEJ,CAQO,SAASC,EACdC,EAMe,CACf,MAAMC,EAAwB,CAAA,EAE9B,SAAW,CAAE,MAAAC,EAAO,YAAAC,EAAa,EAAAC,CAAA,IAAOJ,EAAU,CAChD,MAAMK,EAAcC,EAAAA,aAAaH,EAAcG,EAAAA,aAAa,MAAM,EAG5DC,EAAehB,EAA0BY,EAAcV,EACvDe,EAAahB,EAAwBW,EAAcV,EAEzD,UAAWgB,KAAQP,EAAO,CACxB,MAAMQ,EAAWD,EAAK,WAAW,YAAc,EACzCE,EAASF,EAAK,WAAW,UAAY,EACrCG,EAASR,EAAEM,CAAQ,EACnBG,EAAOT,EAAEO,CAAM,EAGfG,EAAkBL,EAAK,aAAe,WACtCM,EAAgBN,EAAK,WAAa,UAElCX,EAAQW,EAAK,OAASJ,EAG5BJ,EAAO,KAAK,GAAGP,EAAkBkB,EAAQL,EAAcO,EAAiBhB,CAAK,CAAC,EAG9EG,EAAO,KAAK,GAAGP,EAAkBmB,EAAML,EAAYO,EAAejB,CAAK,CAAC,CAC1E,CACF,CAEA,OAAOG,CACT"}

package/dist/components/charts/ChromatogramChart/boundaryMarkers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"boundaryMarkers.js","sources":["../../../../src/components/charts/ChromatogramChart/boundaryMarkers.ts"],"sourcesContent":["/**\n * Boundary marker utilities for ChromatogramChart\n */\n\nimport { CHART_COLORS } from \"../../../utils/colors\";\n\nimport type { PeakAnnotation, BoundaryMarkerType } from \"./types\";\nimport type Plotly from \"plotly.js-dist\";\n\n/** Base Y position for start boundary markers (below the x-axis) */\nconst BOUNDARY_MARKER_START_Y = -5;\n/** Y position for end boundary markers (below start markers) */\nconst BOUNDARY_MARKER_END_Y = -12;\n/** Y offset between series to prevent overlap */\nconst BOUNDARY_MARKER_SERIES_OFFSET = -16;\n\n/**\n * Create a marker trace for a boundary point.\n * Markers are placed on the x-axis below 0, staggered by series index.\n */\nfunction createMarkerTrace(\n  xPos: number,\n  yPos: number,\n  markerType: BoundaryMarkerType,\n  color: string\n): Plotly.Data[] {\n  if (markerType === \"none\") {\n    return [];\n  }\n\n  return [\n    {\n      x: [xPos],\n      y: [yPos],\n      type: \"scatter\" as const,\n      mode: \"markers\" as const,\n      marker: {\n        symbol: markerType === \"diamond\" ? (\"diamond\" as const) : (\"triangle-up\" as const),\n        size: 8,\n        color,\n      },\n      showlegend: false,\n      hoverinfo: \"skip\" as const,\n    },\n  ];\n}\n\n/**\n * Create boundary marker traces for peaks.\n * Uses per-peak startMarker/endMarker settings with defaults:\n * - startMarker: \"triangle\" (default)\n * - endMarker: \"diamond\" (default)\n */\nexport function createBoundaryMarkerTraces(\n  allPeaks: {\n    peaks: PeakAnnotation[];\n    seriesIndex: number;\n    x: number[];\n    y: number[];\n  }[]\n): Plotly.Data[] {\n  const traces: Plotly.Data[] = [];\n\n  for (const { peaks, seriesIndex, x } of allPeaks) {\n    const seriesColor = CHART_COLORS[seriesIndex % CHART_COLORS.length];\n    // Separate y positions for start vs end markers to prevent overlap when peaks are adjacent\n    // Also stagger by series index to prevent overlap between different traces\n    const startMarkerY = BOUNDARY_MARKER_START_Y + seriesIndex * BOUNDARY_MARKER_SERIES_OFFSET;\n    const endMarkerY = BOUNDARY_MARKER_END_Y + seriesIndex * BOUNDARY_MARKER_SERIES_OFFSET;\n\n    for (const peak of peaks) {\n      const startIdx = peak._computed?.startIndex ?? 0;\n      const endIdx = peak._computed?.endIndex ?? 0;\n      const startX = x[startIdx];\n      const endX = x[endIdx];\n\n      // Get marker types with defaults: triangle at start, diamond at end\n      const startMarkerType = peak.startMarker ?? \"triangle\";\n      const endMarkerType = peak.endMarker ?? \"diamond\";\n\n      const color = peak.color ?? seriesColor;\n\n      // Create start boundary marker (upper row, staggered by series)\n      traces.push(...createMarkerTrace(startX, startMarkerY, startMarkerType, color));\n\n      // Create end boundary marker (lower row, staggered by series)\n      traces.push(...createMarkerTrace(endX, endMarkerY, endMarkerType, color));\n    }\n  }\n\n  return traces;\n}\n\n"],"names":["BOUNDARY_MARKER_START_Y","BOUNDARY_MARKER_END_Y","BOUNDARY_MARKER_SERIES_OFFSET","createMarkerTrace","xPos","yPos","markerType","color","createBoundaryMarkerTraces","allPeaks","traces","peaks","seriesIndex","x","seriesColor","CHART_COLORS","startMarkerY","endMarkerY","peak","startIdx","endIdx","startX","endX","startMarkerType","endMarkerType"],"mappings":";AAUA,MAAMA,IAA0B,IAE1BC,IAAwB,KAExBC,IAAgC;AAMtC,SAASC,EACPC,GACAC,GACAC,GACAC,GACe;AACf,SAAID,MAAe,SACV,CAAA,IAGF;AAAA,IACL;AAAA,MACE,GAAG,CAACF,CAAI;AAAA,MACR,GAAG,CAACC,CAAI;AAAA,MACR,MAAM;AAAA,MACN,MAAM;AAAA,MACN,QAAQ;AAAA,QACN,QAAQC,MAAe,YAAa,YAAuB;AAAA,QAC3D,MAAM;AAAA,QACN,OAAAC;AAAA,MAAA;AAAA,MAEF,YAAY;AAAA,MACZ,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ;AAQO,SAASC,EACdC,GAMe;AACf,QAAMC,IAAwB,CAAA;AAE9B,aAAW,EAAE,OAAAC,GAAO,aAAAC,GAAa,GAAAC,EAAA,KAAOJ,GAAU;AAChD,UAAMK,IAAcC,EAAaH,IAAcG,EAAa,MAAM,GAG5DC,IAAehB,IAA0BY,IAAcV,GACvDe,IAAahB,IAAwBW,IAAcV;AAEzD,eAAWgB,KAAQP,GAAO;AACxB,YAAMQ,IAAWD,EAAK,WAAW,cAAc,GACzCE,IAASF,EAAK,WAAW,YAAY,GACrCG,IAASR,EAAEM,CAAQ,GACnBG,IAAOT,EAAEO,CAAM,GAGfG,IAAkBL,EAAK,eAAe,YACtCM,IAAgBN,EAAK,aAAa,WAElCX,IAAQW,EAAK,SAASJ;AAG5B,MAAAJ,EAAO,KAAK,GAAGP,EAAkBkB,GAAQL,GAAcO,GAAiBhB,CAAK,CAAC,GAG9EG,EAAO,KAAK,GAAGP,EAAkBmB,GAAML,GAAYO,GAAejB,CAAK,CAAC;AAAA,IAC1E;AAAA,EACF;AAEA,SAAOG;AACT;"}

package/dist/components/charts/ChromatogramChart/constants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.cjs","sources":["../../../../src/components/charts/ChromatogramChart/constants.ts"],"sourcesContent":["/**\n * Constants for ChromatogramChart component\n */\n\n/**\n * Layout constants for chart margins and spacing\n */\nexport const CHROMATOGRAM_LAYOUT = {\n  /** Left margin in pixels */\n  MARGIN_LEFT: 70,\n  /** Right margin in pixels */\n  MARGIN_RIGHT: 30,\n  /** Bottom margin in pixels */\n  MARGIN_BOTTOM: 60,\n  /** Top margin with title in pixels */\n  MARGIN_TOP_WITH_TITLE: 50,\n  /** Top margin without title in pixels */\n  MARGIN_TOP_NO_TITLE: 30,\n  /** Padding around plot area */\n  MARGIN_PAD: 5,\n} as const;\n\n/**\n * Annotation constants for peak labels and markers\n */\nexport const CHROMATOGRAM_ANNOTATION = {\n  /** Default vertical offset for annotation arrows (negative = above point) */\n  DEFAULT_ARROW_OFFSET_Y: -30,\n  /** Font size for user-defined annotations */\n  USER_ANNOTATION_FONT_SIZE: 11,\n  /** Font size for auto-detected peak annotations */\n  AUTO_ANNOTATION_FONT_SIZE: 10,\n  /** Arrow color for user-defined annotations (grey 500) */\n  USER_ANNOTATION_COLOR: \"rgba(100, 116, 139, 1)\",\n  /** Text color for user-defined annotations (black 900) */\n  USER_ANNOTATION_TEXT_COLOR: \"rgba(26, 26, 26, 1)\",\n  /** Background color behind annotation text */\n  BACKGROUND_COLOR: \"#ffffff\",\n  /** Pixel offset above the data point for inline-style annotations (no arrow) */\n  INLINE_YSHIFT: 4,\n} as const;\n\n/**\n * Trace rendering constants\n */\nexport const CHROMATOGRAM_TRACE = {\n  /** Base line width in pixels for all series traces */\n  BASE_LINE_WIDTH: 1.5,\n} as const;\n\n\n"],"names":["CHROMATOGRAM_LAYOUT","CHROMATOGRAM_ANNOTATION","CHROMATOGRAM_TRACE"],"mappings":"gFAOO,MAAMA,EAAsB,CAEjC,YAAa,GAEb,aAAc,GAEd,cAAe,GAEf,sBAAuB,GAEvB,oBAAqB,GAErB,WAAY,CACd,EAKaC,EAA0B,CAIrC,0BAA2B,GAE3B,0BAA2B,GAE3B,sBAAuB,yBAEvB,2BAA4B,sBAE5B,iBAAkB,UAElB,cAAe,CACjB,EAKaC,EAAqB,CAEhC,gBAAiB,GACnB"}

package/dist/components/charts/ChromatogramChart/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/charts/ChromatogramChart/constants.ts"],"sourcesContent":["/**\n * Constants for ChromatogramChart component\n */\n\n/**\n * Layout constants for chart margins and spacing\n */\nexport const CHROMATOGRAM_LAYOUT = {\n  /** Left margin in pixels */\n  MARGIN_LEFT: 70,\n  /** Right margin in pixels */\n  MARGIN_RIGHT: 30,\n  /** Bottom margin in pixels */\n  MARGIN_BOTTOM: 60,\n  /** Top margin with title in pixels */\n  MARGIN_TOP_WITH_TITLE: 50,\n  /** Top margin without title in pixels */\n  MARGIN_TOP_NO_TITLE: 30,\n  /** Padding around plot area */\n  MARGIN_PAD: 5,\n} as const;\n\n/**\n * Annotation constants for peak labels and markers\n */\nexport const CHROMATOGRAM_ANNOTATION = {\n  /** Default vertical offset for annotation arrows (negative = above point) */\n  DEFAULT_ARROW_OFFSET_Y: -30,\n  /** Font size for user-defined annotations */\n  USER_ANNOTATION_FONT_SIZE: 11,\n  /** Font size for auto-detected peak annotations */\n  AUTO_ANNOTATION_FONT_SIZE: 10,\n  /** Arrow color for user-defined annotations (grey 500) */\n  USER_ANNOTATION_COLOR: \"rgba(100, 116, 139, 1)\",\n  /** Text color for user-defined annotations (black 900) */\n  USER_ANNOTATION_TEXT_COLOR: \"rgba(26, 26, 26, 1)\",\n  /** Background color behind annotation text */\n  BACKGROUND_COLOR: \"#ffffff\",\n  /** Pixel offset above the data point for inline-style annotations (no arrow) */\n  INLINE_YSHIFT: 4,\n} as const;\n\n/**\n * Trace rendering constants\n */\nexport const CHROMATOGRAM_TRACE = {\n  /** Base line width in pixels for all series traces */\n  BASE_LINE_WIDTH: 1.5,\n} as const;\n\n\n"],"names":["CHROMATOGRAM_LAYOUT","CHROMATOGRAM_ANNOTATION","CHROMATOGRAM_TRACE"],"mappings":"AAOO,MAAMA,IAAsB;AAAA;AAAA,EAEjC,aAAa;AAAA;AAAA,EAEb,cAAc;AAAA;AAAA,EAEd,eAAe;AAAA;AAAA,EAEf,uBAAuB;AAAA;AAAA,EAEvB,qBAAqB;AAAA;AAAA,EAErB,YAAY;AACd,GAKaC,IAA0B;AAAA;AAAA,EAIrC,2BAA2B;AAAA;AAAA,EAE3B,2BAA2B;AAAA;AAAA,EAE3B,uBAAuB;AAAA;AAAA,EAEvB,4BAA4B;AAAA;AAAA,EAE5B,kBAAkB;AAAA;AAAA,EAElB,eAAe;AACjB,GAKaC,IAAqB;AAAA;AAAA,EAEhC,iBAAiB;AACnB;"}

package/dist/components/charts/ChromatogramChart/dataProcessing.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dataProcessing.cjs","sources":["../../../../src/components/charts/ChromatogramChart/dataProcessing.ts"],"sourcesContent":["/**\n * Data processing utilities for ChromatogramChart\n */\n\nimport { calculatePeakArea } from \"./peakDetection\";\n\nimport type { BaselineCorrectionMethod, PeakAnnotation } from \"./types\";\n\n/**\n * Data structure for peaks with their associated series data\n */\nexport type PeakDataWithSeries = {\n  peaks: PeakAnnotation[];\n  seriesIndex: number;\n  x: number[];\n  y: number[];\n};\n\n/**\n * Find the closest index in an array for a given target value.\n * Uses binary search for efficiency.\n */\nexport function findClosestIndex(arr: number[], target: number): number {\n  if (arr.length === 0) return 0;\n  if (arr.length === 1) return 0;\n\n  let left = 0;\n  let right = arr.length - 1;\n\n  while (left < right) {\n    const mid = Math.floor((left + right) / 2);\n    if (arr[mid] < target) {\n      left = mid + 1;\n    } else {\n      right = mid;\n    }\n  }\n\n  // Check if left-1 is closer\n  if (left > 0 && Math.abs(arr[left - 1] - target) < Math.abs(arr[left] - target)) {\n    return left - 1;\n  }\n  return left;\n}\n\n/**\n * Process user annotations to convert startX/endX to startIndex/endIndex\n * and compute area if boundaries are provided.\n */\nexport function processUserAnnotations(\n  annotations: PeakAnnotation[],\n  xArray: number[],\n  yArray: number[]\n): PeakAnnotation[] {\n  return annotations.map((ann) => {\n    // If startX/endX are provided, convert to indices\n    if (ann.startX !== undefined && ann.endX !== undefined) {\n      const startIndex = findClosestIndex(xArray, ann.startX);\n      const endIndex = findClosestIndex(xArray, ann.endX);\n      const index = findClosestIndex(xArray, ann.x);\n\n      // Calculate area if not provided\n      const area = ann._computed?.area ?? calculatePeakArea(xArray, yArray, startIndex, endIndex);\n\n      return {\n        ...ann,\n        _computed: {\n          ...ann._computed,\n          index,\n          startIndex,\n          endIndex,\n          area,\n        },\n      };\n    }\n    return ann;\n  });\n}\n\n/**\n * Collect peaks with boundary information from both auto-detected peaks and user-provided annotations.\n * User-provided annotations with startIndex/endIndex or startX/endX are included for boundary marker rendering.\n */\nexport function collectPeaksWithBoundaryData(\n  allDetectedPeaks: { peaks: PeakAnnotation[]; seriesIndex: number }[],\n  annotations: PeakAnnotation[],\n  processedSeries: { x: number[]; y: number[] }[]\n): PeakDataWithSeries[] {\n  const peaksWithData: PeakDataWithSeries[] = [];\n\n  // Add auto-detected peaks\n  allDetectedPeaks.forEach(({ peaks, seriesIndex }) => {\n    peaksWithData.push({\n      peaks,\n      seriesIndex,\n      x: processedSeries[seriesIndex].x,\n      y: processedSeries[seriesIndex].y,\n    });\n  });\n\n  // Add user-provided annotations that have boundary info (_computed.startIndex and _computed.endIndex)\n  // Note: annotations with startX/endX should already be processed to have _computed fields\n  const annotationsWithBoundaries = annotations.filter(\n    (ann) => ann._computed?.startIndex !== undefined && ann._computed?.endIndex !== undefined\n  );\n  if (annotationsWithBoundaries.length > 0 && processedSeries.length > 0) {\n    peaksWithData.push({\n      peaks: annotationsWithBoundaries,\n      seriesIndex: 0, // User annotations apply to first series by default\n      x: processedSeries[0].x,\n      y: processedSeries[0].y,\n    });\n  }\n\n  return peaksWithData;\n}\n\n/**\n * Build the extra content for Plotly hovertemplate from series metadata.\n * Displays all metadata fields as key: value pairs.\n */\nexport function buildHoverExtraContent(\n  seriesName: string,\n  metadata?: Record<string, unknown>\n): string {\n  if (!metadata) return seriesName;\n\n  const metaLines: string[] = [];\n  for (const [key, value] of Object.entries(metadata)) {\n    if (value !== undefined && value !== null && value !== \"\") {\n      // Format the key as Title Case (e.g., \"sampleName\" -> \"Sample Name\")\n      const formattedKey = key\n        .replace(/([A-Z])/g, \" $1\")\n        .replace(/^./, (s) => s.toUpperCase())\n        .trim();\n      metaLines.push(`${formattedKey}: ${String(value)}`);\n    }\n  }\n\n  if (metaLines.length > 0) {\n    return `${seriesName}<br>${metaLines.join(\"<br>\")}`;\n  }\n  return seriesName;\n}\n\n/**\n * Validate and sanitize series data.\n * - Ensures x and y arrays have the same length (truncates to shorter)\n * - Replaces NaN and Infinity values with 0\n */\nexport function validateSeriesData(\n  x: number[],\n  y: number[]\n): { x: number[]; y: number[] } {\n  // Ensure arrays have same length\n  const length = Math.min(x.length, y.length);\n  const validX = x.slice(0, length);\n  const validY = y.slice(0, length);\n\n  // Sanitize NaN and Infinity values\n  const sanitizedY = validY.map((val) => (Number.isFinite(val) ? val : 0));\n  const sanitizedX = validX.map((val) => (Number.isFinite(val) ? val : 0));\n\n  return { x: sanitizedX, y: sanitizedY };\n}\n\n/**\n * Apply baseline correction to signal data\n */\nexport function applyBaselineCorrection(\n  y: number[],\n  method: BaselineCorrectionMethod,\n  windowSize: number = 50\n): number[] {\n  if (method === \"none\" || y.length === 0) return y;\n\n  if (method === \"linear\") {\n    // Linear baseline from first to last point\n    // Handle single-point case to avoid division by zero\n    if (y.length === 1) {\n      return [0]; // Single point baseline-corrected to zero\n    }\n    const slope = (y[y.length - 1] - y[0]) / (y.length - 1);\n    return y.map((val, i) => val - (y[0] + slope * i));\n  }\n\n  if (method === \"rolling\") {\n    // Rolling minimum baseline\n    const baseline: number[] = [];\n    const halfWindow = Math.floor(windowSize / 2);\n\n    for (let i = 0; i < y.length; i++) {\n      const start = Math.max(0, i - halfWindow);\n      const end = Math.min(y.length, i + halfWindow + 1);\n      const windowSlice = y.slice(start, end);\n      baseline.push(Math.min(...windowSlice));\n    }\n\n    return y.map((val, i) => val - baseline[i]);\n  }\n\n  return y;\n}\n\n"],"names":["findClosestIndex","arr","target","left","right","mid","processUserAnnotations","annotations","xArray","yArray","ann","startIndex","endIndex","index","area","calculatePeakArea","collectPeaksWithBoundaryData","allDetectedPeaks","processedSeries","peaksWithData","peaks","seriesIndex","annotationsWithBoundaries","buildHoverExtraContent","seriesName","metadata","metaLines","key","value","formattedKey","s","validateSeriesData","x","y","length","validX","sanitizedY","val","applyBaselineCorrection","method","windowSize","slope","i","baseline","halfWindow","start","end","windowSlice"],"mappings":"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"}

package/dist/components/charts/ChromatogramChart/dataProcessing.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dataProcessing.js","sources":["../../../../src/components/charts/ChromatogramChart/dataProcessing.ts"],"sourcesContent":["/**\n * Data processing utilities for ChromatogramChart\n */\n\nimport { calculatePeakArea } from \"./peakDetection\";\n\nimport type { BaselineCorrectionMethod, PeakAnnotation } from \"./types\";\n\n/**\n * Data structure for peaks with their associated series data\n */\nexport type PeakDataWithSeries = {\n  peaks: PeakAnnotation[];\n  seriesIndex: number;\n  x: number[];\n  y: number[];\n};\n\n/**\n * Find the closest index in an array for a given target value.\n * Uses binary search for efficiency.\n */\nexport function findClosestIndex(arr: number[], target: number): number {\n  if (arr.length === 0) return 0;\n  if (arr.length === 1) return 0;\n\n  let left = 0;\n  let right = arr.length - 1;\n\n  while (left < right) {\n    const mid = Math.floor((left + right) / 2);\n    if (arr[mid] < target) {\n      left = mid + 1;\n    } else {\n      right = mid;\n    }\n  }\n\n  // Check if left-1 is closer\n  if (left > 0 && Math.abs(arr[left - 1] - target) < Math.abs(arr[left] - target)) {\n    return left - 1;\n  }\n  return left;\n}\n\n/**\n * Process user annotations to convert startX/endX to startIndex/endIndex\n * and compute area if boundaries are provided.\n */\nexport function processUserAnnotations(\n  annotations: PeakAnnotation[],\n  xArray: number[],\n  yArray: number[]\n): PeakAnnotation[] {\n  return annotations.map((ann) => {\n    // If startX/endX are provided, convert to indices\n    if (ann.startX !== undefined && ann.endX !== undefined) {\n      const startIndex = findClosestIndex(xArray, ann.startX);\n      const endIndex = findClosestIndex(xArray, ann.endX);\n      const index = findClosestIndex(xArray, ann.x);\n\n      // Calculate area if not provided\n      const area = ann._computed?.area ?? calculatePeakArea(xArray, yArray, startIndex, endIndex);\n\n      return {\n        ...ann,\n        _computed: {\n          ...ann._computed,\n          index,\n          startIndex,\n          endIndex,\n          area,\n        },\n      };\n    }\n    return ann;\n  });\n}\n\n/**\n * Collect peaks with boundary information from both auto-detected peaks and user-provided annotations.\n * User-provided annotations with startIndex/endIndex or startX/endX are included for boundary marker rendering.\n */\nexport function collectPeaksWithBoundaryData(\n  allDetectedPeaks: { peaks: PeakAnnotation[]; seriesIndex: number }[],\n  annotations: PeakAnnotation[],\n  processedSeries: { x: number[]; y: number[] }[]\n): PeakDataWithSeries[] {\n  const peaksWithData: PeakDataWithSeries[] = [];\n\n  // Add auto-detected peaks\n  allDetectedPeaks.forEach(({ peaks, seriesIndex }) => {\n    peaksWithData.push({\n      peaks,\n      seriesIndex,\n      x: processedSeries[seriesIndex].x,\n      y: processedSeries[seriesIndex].y,\n    });\n  });\n\n  // Add user-provided annotations that have boundary info (_computed.startIndex and _computed.endIndex)\n  // Note: annotations with startX/endX should already be processed to have _computed fields\n  const annotationsWithBoundaries = annotations.filter(\n    (ann) => ann._computed?.startIndex !== undefined && ann._computed?.endIndex !== undefined\n  );\n  if (annotationsWithBoundaries.length > 0 && processedSeries.length > 0) {\n    peaksWithData.push({\n      peaks: annotationsWithBoundaries,\n      seriesIndex: 0, // User annotations apply to first series by default\n      x: processedSeries[0].x,\n      y: processedSeries[0].y,\n    });\n  }\n\n  return peaksWithData;\n}\n\n/**\n * Build the extra content for Plotly hovertemplate from series metadata.\n * Displays all metadata fields as key: value pairs.\n */\nexport function buildHoverExtraContent(\n  seriesName: string,\n  metadata?: Record<string, unknown>\n): string {\n  if (!metadata) return seriesName;\n\n  const metaLines: string[] = [];\n  for (const [key, value] of Object.entries(metadata)) {\n    if (value !== undefined && value !== null && value !== \"\") {\n      // Format the key as Title Case (e.g., \"sampleName\" -> \"Sample Name\")\n      const formattedKey = key\n        .replace(/([A-Z])/g, \" $1\")\n        .replace(/^./, (s) => s.toUpperCase())\n        .trim();\n      metaLines.push(`${formattedKey}: ${String(value)}`);\n    }\n  }\n\n  if (metaLines.length > 0) {\n    return `${seriesName}<br>${metaLines.join(\"<br>\")}`;\n  }\n  return seriesName;\n}\n\n/**\n * Validate and sanitize series data.\n * - Ensures x and y arrays have the same length (truncates to shorter)\n * - Replaces NaN and Infinity values with 0\n */\nexport function validateSeriesData(\n  x: number[],\n  y: number[]\n): { x: number[]; y: number[] } {\n  // Ensure arrays have same length\n  const length = Math.min(x.length, y.length);\n  const validX = x.slice(0, length);\n  const validY = y.slice(0, length);\n\n  // Sanitize NaN and Infinity values\n  const sanitizedY = validY.map((val) => (Number.isFinite(val) ? val : 0));\n  const sanitizedX = validX.map((val) => (Number.isFinite(val) ? val : 0));\n\n  return { x: sanitizedX, y: sanitizedY };\n}\n\n/**\n * Apply baseline correction to signal data\n */\nexport function applyBaselineCorrection(\n  y: number[],\n  method: BaselineCorrectionMethod,\n  windowSize: number = 50\n): number[] {\n  if (method === \"none\" || y.length === 0) return y;\n\n  if (method === \"linear\") {\n    // Linear baseline from first to last point\n    // Handle single-point case to avoid division by zero\n    if (y.length === 1) {\n      return [0]; // Single point baseline-corrected to zero\n    }\n    const slope = (y[y.length - 1] - y[0]) / (y.length - 1);\n    return y.map((val, i) => val - (y[0] + slope * i));\n  }\n\n  if (method === \"rolling\") {\n    // Rolling minimum baseline\n    const baseline: number[] = [];\n    const halfWindow = Math.floor(windowSize / 2);\n\n    for (let i = 0; i < y.length; i++) {\n      const start = Math.max(0, i - halfWindow);\n      const end = Math.min(y.length, i + halfWindow + 1);\n      const windowSlice = y.slice(start, end);\n      baseline.push(Math.min(...windowSlice));\n    }\n\n    return y.map((val, i) => val - baseline[i]);\n  }\n\n  return y;\n}\n\n"],"names":["findClosestIndex","arr","target","left","right","mid","processUserAnnotations","annotations","xArray","yArray","ann","startIndex","endIndex","index","area","calculatePeakArea","collectPeaksWithBoundaryData","allDetectedPeaks","processedSeries","peaksWithData","peaks","seriesIndex","annotationsWithBoundaries","buildHoverExtraContent","seriesName","metadata","metaLines","key","value","formattedKey","s","validateSeriesData","x","y","length","validX","sanitizedY","val","applyBaselineCorrection","method","windowSize","slope","i","baseline","halfWindow","start","end","windowSlice"],"mappings":";AAsBO,SAASA,EAAiBC,GAAeC,GAAwB;AAEtE,MADID,EAAI,WAAW,KACfA,EAAI,WAAW,EAAG,QAAO;AAE7B,MAAIE,IAAO,GACPC,IAAQH,EAAI,SAAS;AAEzB,SAAOE,IAAOC,KAAO;AACnB,UAAMC,IAAM,KAAK,OAAOF,IAAOC,KAAS,CAAC;AACzC,IAAIH,EAAII,CAAG,IAAIH,IACbC,IAAOE,IAAM,IAEbD,IAAQC;AAAA,EAEZ;AAGA,SAAIF,IAAO,KAAK,KAAK,IAAIF,EAAIE,IAAO,CAAC,IAAID,CAAM,IAAI,KAAK,IAAID,EAAIE,CAAI,IAAID,CAAM,IACrEC,IAAO,IAETA;AACT;AAMO,SAASG,EACdC,GACAC,GACAC,GACkB;AAClB,SAAOF,EAAY,IAAI,CAACG,MAAQ;AAE9B,QAAIA,EAAI,WAAW,UAAaA,EAAI,SAAS,QAAW;AACtD,YAAMC,IAAaX,EAAiBQ,GAAQE,EAAI,MAAM,GAChDE,IAAWZ,EAAiBQ,GAAQE,EAAI,IAAI,GAC5CG,IAAQb,EAAiBQ,GAAQE,EAAI,CAAC,GAGtCI,IAAOJ,EAAI,WAAW,QAAQK,EAAkBP,GAAQC,GAAQE,GAAYC,CAAQ;AAE1F,aAAO;AAAA,QACL,GAAGF;AAAA,QACH,WAAW;AAAA,UACT,GAAGA,EAAI;AAAA,UACP,OAAAG;AAAA,UACA,YAAAF;AAAA,UACA,UAAAC;AAAA,UACA,MAAAE;AAAA,QAAA;AAAA,MACF;AAAA,IAEJ;AACA,WAAOJ;AAAA,EACT,CAAC;AACH;AAMO,SAASM,EACdC,GACAV,GACAW,GACsB;AACtB,QAAMC,IAAsC,CAAA;AAG5C,EAAAF,EAAiB,QAAQ,CAAC,EAAE,OAAAG,GAAO,aAAAC,QAAkB;AACnD,IAAAF,EAAc,KAAK;AAAA,MACjB,OAAAC;AAAA,MACA,aAAAC;AAAA,MACA,GAAGH,EAAgBG,CAAW,EAAE;AAAA,MAChC,GAAGH,EAAgBG,CAAW,EAAE;AAAA,IAAA,CACjC;AAAA,EACH,CAAC;AAID,QAAMC,IAA4Bf,EAAY;AAAA,IAC5C,CAACG,MAAQA,EAAI,WAAW,eAAe,UAAaA,EAAI,WAAW,aAAa;AAAA,EAAA;AAElF,SAAIY,EAA0B,SAAS,KAAKJ,EAAgB,SAAS,KACnEC,EAAc,KAAK;AAAA,IACjB,OAAOG;AAAA,IACP,aAAa;AAAA;AAAA,IACb,GAAGJ,EAAgB,CAAC,EAAE;AAAA,IACtB,GAAGA,EAAgB,CAAC,EAAE;AAAA,EAAA,CACvB,GAGIC;AACT;AAMO,SAASI,EACdC,GACAC,GACQ;AACR,MAAI,CAACA,EAAU,QAAOD;AAEtB,QAAME,IAAsB,CAAA;AAC5B,aAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQH,CAAQ;AAChD,QAA2BG,KAAU,QAAQA,MAAU,IAAI;AAEzD,YAAMC,IAAeF,EAClB,QAAQ,YAAY,KAAK,EACzB,QAAQ,MAAM,CAACG,MAAMA,EAAE,YAAA,CAAa,EACpC,KAAA;AACH,MAAAJ,EAAU,KAAK,GAAGG,CAAY,KAAK,OAAOD,CAAK,CAAC,EAAE;AAAA,IACpD;AAGF,SAAIF,EAAU,SAAS,IACd,GAAGF,CAAU,OAAOE,EAAU,KAAK,MAAM,CAAC,KAE5CF;AACT;AAOO,SAASO,EACdC,GACAC,GAC8B;AAE9B,QAAMC,IAAS,KAAK,IAAIF,EAAE,QAAQC,EAAE,MAAM,GACpCE,IAASH,EAAE,MAAM,GAAGE,CAAM,GAI1BE,IAHSH,EAAE,MAAM,GAAGC,CAAM,EAGN,IAAI,CAACG,MAAS,OAAO,SAASA,CAAG,IAAIA,IAAM,CAAE;AAGvE,SAAO,EAAE,GAFUF,EAAO,IAAI,CAACE,MAAS,OAAO,SAASA,CAAG,IAAIA,IAAM,CAAE,GAE/C,GAAGD,EAAA;AAC7B;AAKO,SAASE,EACdL,GACAM,GACAC,IAAqB,IACX;AACV,MAAID,MAAW,UAAUN,EAAE,WAAW,EAAG,QAAOA;AAEhD,MAAIM,MAAW,UAAU;AAGvB,QAAIN,EAAE,WAAW;AACf,aAAO,CAAC,CAAC;AAEX,UAAMQ,KAASR,EAAEA,EAAE,SAAS,CAAC,IAAIA,EAAE,CAAC,MAAMA,EAAE,SAAS;AACrD,WAAOA,EAAE,IAAI,CAACI,GAAKK,MAAML,KAAOJ,EAAE,CAAC,IAAIQ,IAAQC,EAAE;AAAA,EACnD;AAEA,MAAIH,MAAW,WAAW;AAExB,UAAMI,IAAqB,CAAA,GACrBC,IAAa,KAAK,MAAMJ,IAAa,CAAC;AAE5C,aAASE,IAAI,GAAGA,IAAIT,EAAE,QAAQS,KAAK;AACjC,YAAMG,IAAQ,KAAK,IAAI,GAAGH,IAAIE,CAAU,GAClCE,IAAM,KAAK,IAAIb,EAAE,QAAQS,IAAIE,IAAa,CAAC,GAC3CG,IAAcd,EAAE,MAAMY,GAAOC,CAAG;AACtC,MAAAH,EAAS,KAAK,KAAK,IAAI,GAAGI,CAAW,CAAC;AAAA,IACxC;AAEA,WAAOd,EAAE,IAAI,CAACI,GAAKK,MAAML,IAAMM,EAASD,CAAC,CAAC;AAAA,EAC5C;AAEA,SAAOT;AACT;"}

package/dist/components/charts/ChromatogramChart/peakDetection.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"peakDetection.cjs","sources":["../../../../src/components/charts/ChromatogramChart/peakDetection.ts"],"sourcesContent":["/**\n * Peak detection algorithms for ChromatogramChart\n */\n\nimport type { PeakAnnotation, PeakDetectionOptions } from \"./types\";\n\n/**\n * Calculate prominence of a peak (how much it stands out from neighbors)\n */\nexport function calculateProminence(\n  y: number[],\n  peakIndex: number,\n  searchWindow: number\n): number {\n  let leftMin = y[peakIndex];\n  let rightMin = y[peakIndex];\n\n  for (let j = peakIndex - 1; j >= Math.max(0, peakIndex - searchWindow); j--) {\n    leftMin = Math.min(leftMin, y[j]);\n  }\n  for (\n    let j = peakIndex + 1;\n    j < Math.min(y.length, peakIndex + searchWindow);\n    j++\n  ) {\n    rightMin = Math.min(rightMin, y[j]);\n  }\n\n  return y[peakIndex] - Math.max(leftMin, rightMin);\n}\n\n/**\n * Find peak boundary indices by walking outward from peak\n */\nexport function findPeakBoundaries(\n  y: number[],\n  peakIndex: number\n): { startIndex: number; endIndex: number } {\n  let startIndex = peakIndex;\n  let endIndex = peakIndex;\n\n  // Walk left to find start\n  for (let j = peakIndex - 1; j >= 0; j--) {\n    if (y[j] <= y[j + 1]) {\n      startIndex = j;\n    } else {\n      break;\n    }\n  }\n\n  // Walk right to find end\n  for (let j = peakIndex + 1; j < y.length; j++) {\n    if (y[j] <= y[j - 1]) {\n      endIndex = j;\n    } else {\n      break;\n    }\n  }\n\n  return { startIndex, endIndex };\n}\n\n/**\n * Calculate peak area using trapezoidal integration\n */\nexport function calculatePeakArea(\n  x: number[],\n  y: number[],\n  startIndex: number,\n  endIndex: number\n): number {\n  const baselineY = Math.min(y[startIndex], y[endIndex]);\n  let area = 0;\n\n  for (let j = startIndex; j < endIndex; j++) {\n    const h = x[j + 1] - x[j];\n    const y1 = y[j] - baselineY;\n    const y2 = y[j + 1] - baselineY;\n    area += ((y1 + y2) * h) / 2;\n  }\n\n  return area;\n}\n\n/**\n * Calculate width at half maximum of a peak\n */\nexport function calculateWidthAtHalfMax(\n  x: number[],\n  y: number[],\n  peakIndex: number,\n  startIndex: number,\n  endIndex: number\n): number {\n  const baselineY = Math.min(y[startIndex], y[endIndex]);\n  const halfMax = (y[peakIndex] + baselineY) / 2;\n  let leftHalf = peakIndex;\n  let rightHalf = peakIndex;\n\n  for (let j = peakIndex; j >= startIndex; j--) {\n    if (y[j] < halfMax) {\n      leftHalf = j;\n      break;\n    }\n  }\n  for (let j = peakIndex; j <= endIndex; j++) {\n    if (y[j] < halfMax) {\n      rightHalf = j;\n      break;\n    }\n  }\n\n  return x[rightHalf] - x[leftHalf];\n}\n\n/**\n * Filter peaks by minimum distance, keeping more intense peaks\n */\nexport function filterPeaksByDistance(\n  peaks: PeakAnnotation[],\n  minDistance: number\n): PeakAnnotation[] {\n  const filtered: PeakAnnotation[] = [];\n\n  for (const peak of peaks) {\n    const tooClose = filtered.some(\n      (p) => Math.abs((p._computed?.index ?? 0) - (peak._computed?.index ?? 0)) < minDistance\n    );\n    if (!tooClose) {\n      filtered.push(peak);\n    } else if (\n      filtered.length > 0 &&\n      peak.y > filtered[filtered.length - 1].y\n    ) {\n      filtered.pop();\n      filtered.push(peak);\n    }\n  }\n\n  return filtered.sort((a, b) => a.x - b.x);\n}\n\n/**\n * Detect peaks in signal data using derivative analysis.\n *\n * Default parameters are tuned for typical HPLC chromatograms:\n * - minHeight (0.05 = 5%): Filters noise while detecting small peaks\n * - minDistance (5 points): Prevents detecting noise as multiple peaks\n * - prominence (0.02 = 2%): Ensures peaks stand out from baseline/shoulders\n */\nexport function detectPeaks(\n  x: number[],\n  y: number[],\n  options: PeakDetectionOptions = {}\n): PeakAnnotation[] {\n  const {\n    minHeight = 0.05,\n    minDistance = 5,\n    prominence = 0.02,\n    relativeThreshold = true,\n  } = options;\n\n  if (y.length < 3) return [];\n\n  const maxY = Math.max(...y);\n  const threshold = relativeThreshold ? minHeight * maxY : minHeight;\n  const prominenceThreshold = relativeThreshold ? prominence * maxY : prominence;\n  const searchWindow = minDistance * 3;\n\n  const peaks: PeakAnnotation[] = [];\n\n  // Find local maxima\n  for (let i = 1; i < y.length - 1; i++) {\n    const isLocalMax =\n      y[i] > y[i - 1] && y[i] > y[i + 1] && y[i] >= threshold;\n    if (!isLocalMax) continue;\n\n    const peakProminence = calculateProminence(y, i, searchWindow);\n    if (peakProminence < prominenceThreshold) continue;\n\n    const { startIndex, endIndex } = findPeakBoundaries(y, i);\n    const area = calculatePeakArea(x, y, startIndex, endIndex);\n    const widthAtHalfMax = calculateWidthAtHalfMax(\n      x,\n      y,\n      i,\n      startIndex,\n      endIndex\n    );\n\n    peaks.push({\n      x: x[i],\n      y: y[i],\n      _computed: {\n        area,\n        index: i,\n        startIndex,\n        endIndex,\n        widthAtHalfMax,\n      },\n    });\n  }\n\n  return filterPeaksByDistance(peaks, minDistance);\n}\n\n"],"names":["calculateProminence","y","peakIndex","searchWindow","leftMin","rightMin","j","findPeakBoundaries","startIndex","endIndex","calculatePeakArea","x","baselineY","area","h","y1","y2","calculateWidthAtHalfMax","halfMax","leftHalf","rightHalf","filterPeaksByDistance","peaks","minDistance","filtered","peak","p","a","b","detectPeaks","options","minHeight","prominence","relativeThreshold","maxY","threshold","prominenceThreshold","i","widthAtHalfMax"],"mappings":"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"}