@tetrascience-npm/tetrascience-react-ui 0.7.0 → 1.0.0-beta.134.1

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"annotations.js","sources":["../../../../src/components/charts/Chromatogram/annotations.ts"],"sourcesContent":["/**\n * Annotation utilities for Chromatogram\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\nimport { CHART_FONT_FAMILY } from \"@/hooks/use-plotly-theme\";\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: CHART_FONT_FAMILY,\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: CHART_FONT_FAMILY,\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","CHART_FONT_FAMILY","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/Chromatogram/boundaryMarkers.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../../utils/colors.cjs"),m=-5,A=-12,d=-16;function i(n,e,o,r){return o==="none"?[]:[{x:[n],y:[e],type:"scatter",mode:"markers",marker:{symbol:o==="diamond"?"diamond":"triangle-up",size:8,color:r},showlegend:!1,hoverinfo:"skip"}]}function O(n){const e=[];for(const{peaks:o,seriesIndex:r,x:s}of n){const u=c.CHART_COLORS[r%c.CHART_COLORS.length],R=m+r*d,l=A+r*d;for(const t of o){const _=t._computed?.startIndex??0,k=t._computed?.endIndex??0,M=s[_],p=s[k],f=t.startMarker??"triangle",T=t.endMarker??"diamond",a=t.color??u;e.push(...i(M,R,f,a)),e.push(...i(p,l,T,a))}}return e}exports.createBoundaryMarkerTraces=O;
+//# sourceMappingURL=boundaryMarkers.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"boundaryMarkers.cjs","sources":["../../../../src/components/charts/Chromatogram/boundaryMarkers.ts"],"sourcesContent":["/**\n * Boundary marker utilities for Chromatogram\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/Chromatogram/boundaryMarkers.d.ts

@@ -0,0 +1,14 @@
+import { PeakAnnotation } from './types';
+import { default as Plotly } from 'plotly.js-dist';
+/**
+ * Create boundary marker traces for peaks.
+ * Uses per-peak startMarker/endMarker settings with defaults:
+ * - startMarker: "triangle" (default)
+ * - endMarker: "diamond" (default)
+ */
+export declare function createBoundaryMarkerTraces(allPeaks: {
+    peaks: PeakAnnotation[];
+    seriesIndex: number;
+    x: number[];
+    y: number[];
+}[]): Plotly.Data[];

package/dist/components/charts/Chromatogram/boundaryMarkers.js

@@ -0,0 +1,34 @@
+import { CHART_COLORS as c } from "../../../utils/colors.js";
+const x = -5, A = -12, d = -16;
+function i(o, e, n, r) {
+  return n === "none" ? [] : [
+    {
+      x: [o],
+      y: [e],
+      type: "scatter",
+      mode: "markers",
+      marker: {
+        symbol: n === "diamond" ? "diamond" : "triangle-up",
+        size: 8,
+        color: r
+      },
+      showlegend: !1,
+      hoverinfo: "skip"
+    }
+  ];
+}
+function T(o) {
+  const e = [];
+  for (const { peaks: n, seriesIndex: r, x: s } of o) {
+    const R = c[r % c.length], k = x + r * d, p = A + r * d;
+    for (const t of n) {
+      const _ = t._computed?.startIndex ?? 0, u = t._computed?.endIndex ?? 0, M = s[_], f = s[u], m = t.startMarker ?? "triangle", l = t.endMarker ?? "diamond", a = t.color ?? R;
+      e.push(...i(M, k, m, a)), e.push(...i(f, p, l, a));
+    }
+  }
+  return e;
+}
+export {
+  T as createBoundaryMarkerTraces
+};
+//# sourceMappingURL=boundaryMarkers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"boundaryMarkers.js","sources":["../../../../src/components/charts/Chromatogram/boundaryMarkers.ts"],"sourcesContent":["/**\n * Boundary marker utilities for Chromatogram\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/Chromatogram/constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O={MARGIN_LEFT:70,MARGIN_RIGHT:30,MARGIN_BOTTOM:60,MARGIN_TOP_WITH_TITLE:50,MARGIN_TOP_NO_TITLE:30,MARGIN_PAD:5},T={USER_ANNOTATION_FONT_SIZE:11,AUTO_ANNOTATION_FONT_SIZE:10,USER_ANNOTATION_COLOR:"rgba(100, 116, 139, 1)",USER_ANNOTATION_TEXT_COLOR:"rgba(26, 26, 26, 1)",BACKGROUND_COLOR:"#ffffff",INLINE_YSHIFT:4},A={BASE_LINE_WIDTH:1.5};exports.CHROMATOGRAM_ANNOTATION=T;exports.CHROMATOGRAM_LAYOUT=O;exports.CHROMATOGRAM_TRACE=A;
+//# sourceMappingURL=constants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../../src/components/charts/Chromatogram/constants.ts"],"sourcesContent":["/**\n * Constants for Chromatogram 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/Chromatogram/constants.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Constants for Chromatogram component
+ */
+/**
+ * Layout constants for chart margins and spacing
+ */
+export declare const CHROMATOGRAM_LAYOUT: {
+    /** Left margin in pixels */
+    readonly MARGIN_LEFT: 70;
+    /** Right margin in pixels */
+    readonly MARGIN_RIGHT: 30;
+    /** Bottom margin in pixels */
+    readonly MARGIN_BOTTOM: 60;
+    /** Top margin with title in pixels */
+    readonly MARGIN_TOP_WITH_TITLE: 50;
+    /** Top margin without title in pixels */
+    readonly MARGIN_TOP_NO_TITLE: 30;
+    /** Padding around plot area */
+    readonly MARGIN_PAD: 5;
+};
+/**
+ * Annotation constants for peak labels and markers
+ */
+export declare const CHROMATOGRAM_ANNOTATION: {
+    /** Default vertical offset for annotation arrows (negative = above point) */
+    readonly DEFAULT_ARROW_OFFSET_Y: -30;
+    /** Font size for user-defined annotations */
+    readonly USER_ANNOTATION_FONT_SIZE: 11;
+    /** Font size for auto-detected peak annotations */
+    readonly AUTO_ANNOTATION_FONT_SIZE: 10;
+    /** Arrow color for user-defined annotations (grey 500) */
+    readonly USER_ANNOTATION_COLOR: "rgba(100, 116, 139, 1)";
+    /** Text color for user-defined annotations (black 900) */
+    readonly USER_ANNOTATION_TEXT_COLOR: "rgba(26, 26, 26, 1)";
+    /** Background color behind annotation text */
+    readonly BACKGROUND_COLOR: "#ffffff";
+    /** Pixel offset above the data point for inline-style annotations (no arrow) */
+    readonly INLINE_YSHIFT: 4;
+};
+/**
+ * Trace rendering constants
+ */
+export declare const CHROMATOGRAM_TRACE: {
+    /** Base line width in pixels for all series traces */
+    readonly BASE_LINE_WIDTH: 1.5;
+};

package/dist/components/charts/Chromatogram/constants.js

@@ -0,0 +1,36 @@
+const T = {
+  /** Left margin in pixels */
+  MARGIN_LEFT: 70,
+  /** Right margin in pixels */
+  MARGIN_RIGHT: 30,
+  /** Bottom margin in pixels */
+  MARGIN_BOTTOM: 60,
+  /** Top margin with title in pixels */
+  MARGIN_TOP_WITH_TITLE: 50,
+  /** Top margin without title in pixels */
+  MARGIN_TOP_NO_TITLE: 30,
+  /** Padding around plot area */
+  MARGIN_PAD: 5
+}, O = {
+  /** Font size for user-defined annotations */
+  USER_ANNOTATION_FONT_SIZE: 11,
+  /** Font size for auto-detected peak annotations */
+  AUTO_ANNOTATION_FONT_SIZE: 10,
+  /** Arrow color for user-defined annotations (grey 500) */
+  USER_ANNOTATION_COLOR: "rgba(100, 116, 139, 1)",
+  /** Text color for user-defined annotations (black 900) */
+  USER_ANNOTATION_TEXT_COLOR: "rgba(26, 26, 26, 1)",
+  /** Background color behind annotation text */
+  BACKGROUND_COLOR: "#ffffff",
+  /** Pixel offset above the data point for inline-style annotations (no arrow) */
+  INLINE_YSHIFT: 4
+}, A = {
+  /** Base line width in pixels for all series traces */
+  BASE_LINE_WIDTH: 1.5
+};
+export {
+  O as CHROMATOGRAM_ANNOTATION,
+  T as CHROMATOGRAM_LAYOUT,
+  A as CHROMATOGRAM_TRACE
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/charts/Chromatogram/constants.ts"],"sourcesContent":["/**\n * Constants for Chromatogram 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/Chromatogram/dataProcessing.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./peakDetection.cjs");function s(t,i){if(t.length===0||t.length===1)return 0;let n=0,e=t.length-1;for(;n<e;){const o=Math.floor((n+e)/2);t[o]<i?n=o+1:e=o}return n>0&&Math.abs(t[n-1]-i)<Math.abs(t[n]-i)?n-1:n}function d(t,i,n){return t.map(e=>{if(e.startX!==void 0&&e.endX!==void 0){const o=s(i,e.startX),l=s(i,e.endX),r=s(i,e.x),a=e._computed?.area??u.calculatePeakArea(i,n,o,l);return{...e,_computed:{...e._computed,index:r,startIndex:o,endIndex:l,area:a}}}return e})}function h(t,i,n){const e=[];t.forEach(({peaks:l,seriesIndex:r})=>{e.push({peaks:l,seriesIndex:r,x:n[r].x,y:n[r].y})});const o=i.filter(l=>l._computed?.startIndex!==void 0&&l._computed?.endIndex!==void 0);return o.length>0&&n.length>0&&e.push({peaks:o,seriesIndex:0,x:n[0].x,y:n[0].y}),e}function f(t,i){if(!i)return t;const n=[];for(const[e,o]of Object.entries(i))if(o!=null&&o!==""){const l=e.replace(/([A-Z])/g," $1").replace(/^./,r=>r.toUpperCase()).trim();n.push(`${l}: ${String(o)}`)}return n.length>0?`${t}<br>${n.join("<br>")}`:t}function p(t,i){const n=Math.min(t.length,i.length),e=t.slice(0,n),l=i.slice(0,n).map(a=>Number.isFinite(a)?a:0);return{x:e.map(a=>Number.isFinite(a)?a:0),y:l}}function g(t,i,n=50){if(i==="none"||t.length===0)return t;if(i==="linear"){if(t.length===1)return[0];const e=(t[t.length-1]-t[0])/(t.length-1);return t.map((o,l)=>o-(t[0]+e*l))}if(i==="rolling"){const e=[],o=Math.floor(n/2);for(let l=0;l<t.length;l++){const r=Math.max(0,l-o),a=Math.min(t.length,l+o+1),c=t.slice(r,a);e.push(Math.min(...c))}return t.map((l,r)=>l-e[r])}return t}exports.applyBaselineCorrection=g;exports.buildHoverExtraContent=f;exports.collectPeaksWithBoundaryData=h;exports.findClosestIndex=s;exports.processUserAnnotations=d;exports.validateSeriesData=p;
+//# sourceMappingURL=dataProcessing.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dataProcessing.cjs","sources":["../../../../src/components/charts/Chromatogram/dataProcessing.ts"],"sourcesContent":["/**\n * Data processing utilities for Chromatogram\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/Chromatogram/dataProcessing.d.ts

@@ -0,0 +1,49 @@
+import { BaselineCorrectionMethod, PeakAnnotation } from './types';
+/**
+ * Data structure for peaks with their associated series data
+ */
+export type PeakDataWithSeries = {
+    peaks: PeakAnnotation[];
+    seriesIndex: number;
+    x: number[];
+    y: number[];
+};
+/**
+ * Find the closest index in an array for a given target value.
+ * Uses binary search for efficiency.
+ */
+export declare function findClosestIndex(arr: number[], target: number): number;
+/**
+ * Process user annotations to convert startX/endX to startIndex/endIndex
+ * and compute area if boundaries are provided.
+ */
+export declare function processUserAnnotations(annotations: PeakAnnotation[], xArray: number[], yArray: number[]): PeakAnnotation[];
+/**
+ * Collect peaks with boundary information from both auto-detected peaks and user-provided annotations.
+ * User-provided annotations with startIndex/endIndex or startX/endX are included for boundary marker rendering.
+ */
+export declare function collectPeaksWithBoundaryData(allDetectedPeaks: {
+    peaks: PeakAnnotation[];
+    seriesIndex: number;
+}[], annotations: PeakAnnotation[], processedSeries: {
+    x: number[];
+    y: number[];
+}[]): PeakDataWithSeries[];
+/**
+ * Build the extra content for Plotly hovertemplate from series metadata.
+ * Displays all metadata fields as key: value pairs.
+ */
+export declare function buildHoverExtraContent(seriesName: string, metadata?: Record<string, unknown>): string;
+/**
+ * Validate and sanitize series data.
+ * - Ensures x and y arrays have the same length (truncates to shorter)
+ * - Replaces NaN and Infinity values with 0
+ */
+export declare function validateSeriesData(x: number[], y: number[]): {
+    x: number[];
+    y: number[];
+};
+/**
+ * Apply baseline correction to signal data
+ */
+export declare function applyBaselineCorrection(y: number[], method: BaselineCorrectionMethod, windowSize?: number): number[];

package/dist/components/charts/Chromatogram/dataProcessing.js

@@ -0,0 +1,90 @@
+import { calculatePeakArea as a } from "./peakDetection.js";
+function s(t, i) {
+  if (t.length === 0 || t.length === 1) return 0;
+  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;
+  }
+  return e > 0 && Math.abs(t[e - 1] - i) < Math.abs(t[e] - i) ? e - 1 : e;
+}
+function f(t, i, e) {
+  return t.map((n) => {
+    if (n.startX !== void 0 && n.endX !== void 0) {
+      const o = s(i, n.startX), l = s(i, n.endX), r = s(i, n.x), c = n._computed?.area ?? a(i, e, o, l);
+      return {
+        ...n,
+        _computed: {
+          ...n._computed,
+          index: r,
+          startIndex: o,
+          endIndex: l,
+          area: c
+        }
+      };
+    }
+    return n;
+  });
+}
+function d(t, i, e) {
+  const n = [];
+  t.forEach(({ peaks: l, seriesIndex: r }) => {
+    n.push({
+      peaks: l,
+      seriesIndex: r,
+      x: e[r].x,
+      y: e[r].y
+    });
+  });
+  const o = i.filter(
+    (l) => l._computed?.startIndex !== void 0 && l._computed?.endIndex !== void 0
+  );
+  return o.length > 0 && e.length > 0 && n.push({
+    peaks: o,
+    seriesIndex: 0,
+    // User annotations apply to first series by default
+    x: e[0].x,
+    y: e[0].y
+  }), n;
+}
+function p(t, i) {
+  if (!i) return t;
+  const e = [];
+  for (const [n, o] of Object.entries(i))
+    if (o != null && o !== "") {
+      const l = n.replace(/([A-Z])/g, " $1").replace(/^./, (r) => r.toUpperCase()).trim();
+      e.push(`${l}: ${String(o)}`);
+    }
+  return e.length > 0 ? `${t}<br>${e.join("<br>")}` : t;
+}
+function g(t, i) {
+  const e = Math.min(t.length, i.length), n = t.slice(0, e), l = i.slice(0, e).map((c) => Number.isFinite(c) ? c : 0);
+  return { x: n.map((c) => Number.isFinite(c) ? c : 0), y: l };
+}
+function m(t, i, e = 50) {
+  if (i === "none" || t.length === 0) return t;
+  if (i === "linear") {
+    if (t.length === 1)
+      return [0];
+    const n = (t[t.length - 1] - t[0]) / (t.length - 1);
+    return t.map((o, l) => o - (t[0] + n * l));
+  }
+  if (i === "rolling") {
+    const n = [], o = Math.floor(e / 2);
+    for (let l = 0; l < t.length; l++) {
+      const r = Math.max(0, l - o), c = Math.min(t.length, l + o + 1), u = t.slice(r, c);
+      n.push(Math.min(...u));
+    }
+    return t.map((l, r) => l - n[r]);
+  }
+  return t;
+}
+export {
+  m as applyBaselineCorrection,
+  p as buildHoverExtraContent,
+  d as collectPeaksWithBoundaryData,
+  s as findClosestIndex,
+  f as processUserAnnotations,
+  g as validateSeriesData
+};
+//# sourceMappingURL=dataProcessing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dataProcessing.js","sources":["../../../../src/components/charts/Chromatogram/dataProcessing.ts"],"sourcesContent":["/**\n * Data processing utilities for Chromatogram\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/Chromatogram/index.d.ts

@@ -0,0 +1,2 @@
+export { Chromatogram } from './Chromatogram';
+export type { ChromatogramSeries, PeakAnnotation, ChromatogramProps, PeakSelectEvent, PeakSelectionAppearance, BaselineCorrectionMethod, BoundaryMarkerStyle, PeakDetectionOptions, } from './types';

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

@@ -0,0 +1 @@
+{"version":3,"file":"peakDetection.cjs","sources":["../../../../src/components/charts/Chromatogram/peakDetection.ts"],"sourcesContent":["/**\n * Peak detection algorithms for Chromatogram\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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"}

package/dist/components/charts/Chromatogram/peakDetection.d.ts

@@ -0,0 +1,33 @@
+import { PeakAnnotation, PeakDetectionOptions } from './types';
+/**
+ * Calculate prominence of a peak (how much it stands out from neighbors)
+ */
+export declare function calculateProminence(y: number[], peakIndex: number, searchWindow: number): number;
+/**
+ * Find peak boundary indices by walking outward from peak
+ */
+export declare function findPeakBoundaries(y: number[], peakIndex: number): {
+    startIndex: number;
+    endIndex: number;
+};
+/**
+ * Calculate peak area using trapezoidal integration
+ */
+export declare function calculatePeakArea(x: number[], y: number[], startIndex: number, endIndex: number): number;
+/**
+ * Calculate width at half maximum of a peak
+ */
+export declare function calculateWidthAtHalfMax(x: number[], y: number[], peakIndex: number, startIndex: number, endIndex: number): number;
+/**
+ * Filter peaks by minimum distance, keeping more intense peaks
+ */
+export declare function filterPeaksByDistance(peaks: PeakAnnotation[], minDistance: number): PeakAnnotation[];
+/**
+ * Detect peaks in signal data using derivative analysis.
+ *
+ * Default parameters are tuned for typical HPLC chromatograms:
+ * - minHeight (0.05 = 5%): Filters noise while detecting small peaks
+ * - minDistance (5 points): Prevents detecting noise as multiple peaks
+ * - prominence (0.02 = 2%): Ensures peaks stand out from baseline/shoulders
+ */
+export declare function detectPeaks(x: number[], y: number[], options?: PeakDetectionOptions): PeakAnnotation[];

package/dist/components/charts/Chromatogram/peakDetection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"peakDetection.js","sources":["../../../../src/components/charts/Chromatogram/peakDetection.ts"],"sourcesContent":["/**\n * Peak detection algorithms for Chromatogram\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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"}