@tetrascience-npm/tetrascience-react-ui 0.7.0 → 1.0.0

package/dist/components/charts/Chromatogram/plotBuilder.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../../../utils/colors.cjs"),y=require("../plotly-loader.cjs"),C=require("./boundaryMarkers.cjs"),c=require("./constants.cjs"),g=require("./dataProcessing.cjs"),_=require("./regionOverlays.cjs"),p=require("../../../hooks/use-plotly-theme.cjs");function M(n){const{processedSeries:e,processedAnnotations:a,allDetectedPeaks:i,allPeaksForInteraction:s,showMarkers:d,markerSize:T,xAxisTitle:m,yAxisTitle:l,boundaryMarkers:O}=n,A=e.map((o,u)=>{const t=o.color||f.CHART_COLORS[u%f.CHART_COLORS.length],h=g.buildHoverExtraContent(o.name,o.metadata),r={x:o.x,y:o.y,type:"scatter",mode:d?"lines+markers":"lines",name:o.name,line:{color:t,width:c.CHROMATOGRAM_TRACE.BASE_LINE_WIDTH},hovertemplate:`%{x:.2f} ${m}<br>%{y:.2f} ${l}<extra>${h}</extra>`};return d&&(r.marker={size:T,color:t}),r});if(O!=="none"){const o=g.collectPeaksWithBoundaryData(i,a,e);o.length>0&&A.push(...C.createBoundaryMarkerTraces(o))}if(a.forEach(o=>{o.regionOverlay&&e[0]&&A.push(..._.createRegionOverlayTraces([o],0,e[0]))}),i.forEach(({peaks:o,seriesIndex:u})=>{o.some(t=>t.regionOverlay)&&e[u]&&A.push(..._.createRegionOverlayTraces(o,u,e[u]))}),s.length>0){const o=s.some(t=>t.peak.hoverText),u={x:s.map(t=>t.peak.x),y:s.map(t=>t.peak.y),type:"scatter",mode:"markers",marker:{size:14,opacity:0},showlegend:!1,name:"",customdata:s.map(t=>({id:t.peak.id,peak:t.peak,seriesIndex:t.seriesIndex,seriesName:t.seriesName,isAutoDetected:t.isAutoDetected})),...o?{hovertemplate:s.map(t=>t.peak.hoverText?`${t.peak.hoverText}<extra></extra>`:"<extra></extra>")}:{hovertemplate:"<extra></extra>"}};A.push(u)}return A}function R(n){const{title:e,titleFontSize:a,titleTopMargin:i,width:s,height:d,xAxisTitle:T,yAxisTitle:m,xRange:l,yRange:O,showLegend:A,seriesCount:o,showGridX:u,showGridY:t,showCrosshairs:h,theme:r,peakAnnotations:x}=n;return{title:e?{text:e,font:{size:a,family:p.CHART_FONT_FAMILY,color:r.textColor}}:void 0,width:s,height:d,margin:{l:c.CHROMATOGRAM_LAYOUT.MARGIN_LEFT,r:c.CHROMATOGRAM_LAYOUT.MARGIN_RIGHT,b:c.CHROMATOGRAM_LAYOUT.MARGIN_BOTTOM,t:e?i??c.CHROMATOGRAM_LAYOUT.MARGIN_TOP_WITH_TITLE:c.CHROMATOGRAM_LAYOUT.MARGIN_TOP_NO_TITLE,pad:c.CHROMATOGRAM_LAYOUT.MARGIN_PAD},paper_bgcolor:r.paperBg,plot_bgcolor:r.plotBg,font:{family:p.CHART_FONT_FAMILY},hovermode:h?"x":"x unified",dragmode:"zoom",xaxis:{title:{text:T,font:{size:14,color:r.textSecondary,family:p.CHART_FONT_FAMILY},standoff:15},showgrid:u,gridcolor:r.gridColor,linecolor:r.lineColor,linewidth:1,range:l,autorange:!l,zeroline:!1,tickfont:{size:12,color:r.textColor,family:p.CHART_FONT_FAMILY},showspikes:h,spikemode:"across",spikesnap:"cursor",spikecolor:r.spikeColor,spikethickness:1,spikedash:"dot"},yaxis:{title:{text:m,font:{size:14,color:r.textSecondary,family:p.CHART_FONT_FAMILY},standoff:10},showgrid:t,gridcolor:r.gridColor,linecolor:r.lineColor,linewidth:1,range:O,autorange:!O,zeroline:!1,tickfont:{size:12,color:r.textColor,family:p.CHART_FONT_FAMILY},showspikes:h,spikemode:"across",spikesnap:"cursor",spikecolor:r.spikeColor,spikethickness:1,spikedash:"dot"},legend:{x:.5,y:-.15,xanchor:"center",yanchor:"top",orientation:"h",font:{size:12,color:r.textColor,family:p.CHART_FONT_FAMILY}},showlegend:A&&o>1,annotations:x}}function k(n){const{showExportButton:e,width:a,height:i}=n;return{responsive:!0,displayModeBar:!0,displaylogo:!1,modeBarButtonsToRemove:["lasso2d","select2d",...e?[]:["toImage"]],...e&&{toImageButtonOptions:{format:"png",filename:"chromatogram",width:a,height:i}}}}function H(n,e,a,i,s){return d=>{const T=d.points[0];if(T&&T.curveNumber<e){const l=T.curveNumber;a.current!==l&&(a.current!==null&&y.getLoadedPlotly().restyle(n,{"line.width":c.CHROMATOGRAM_TRACE.BASE_LINE_WIDTH},[a.current]),y.getLoadedPlotly().restyle(n,{"line.width":c.CHROMATOGRAM_TRACE.BASE_LINE_WIDTH*s},[l]),a.current=l)}const m=d.points.find(l=>l.customdata!=null);m&&i.current?.(m.customdata)}}function I(n){return e=>{if(!n.current)return;const a=e.points.find(i=>i.customdata!=null);a&&n.current(a.customdata)}}function L(n,e,a){return()=>{a.current?.(null),e.current!==null&&(y.getLoadedPlotly().restyle(n,{"line.width":c.CHROMATOGRAM_TRACE.BASE_LINE_WIDTH},[e.current]),e.current=null)}}exports.buildConfig=k;exports.buildLayout=R;exports.buildTraceData=M;exports.createClickHandler=I;exports.createHoverHandler=H;exports.createUnhoverHandler=L;
+//# sourceMappingURL=plotBuilder.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"plotBuilder.cjs","sources":["../../../../src/components/charts/Chromatogram/plotBuilder.ts"],"sourcesContent":["import { CHART_COLORS } from \"../../../utils/colors\";\nimport { getLoadedPlotly } from \"../plotly-loader\";\n\nimport { createBoundaryMarkerTraces } from \"./boundaryMarkers\";\nimport { CHROMATOGRAM_LAYOUT, CHROMATOGRAM_TRACE } from \"./constants\";\nimport { buildHoverExtraContent, collectPeaksWithBoundaryData } from \"./dataProcessing\";\nimport { createRegionOverlayTraces } from \"./regionOverlays\";\n\nimport type { ChromatogramSeries, PeakAnnotation, BoundaryMarkerStyle, PeakSelectEvent } from \"./types\";\nimport type Plotly from \"plotly.js-dist\";\n\nimport { CHART_FONT_FAMILY, type PlotlyThemeColors } from \"@/hooks/use-plotly-theme\";\n\ntype PeakForInteraction = {\n  peak: PeakAnnotation & { id: string };\n  seriesIndex: number;\n  seriesName: string;\n  isAutoDetected: boolean;\n};\n\ntype BuildTraceDataParams = {\n  processedSeries: ChromatogramSeries[];\n  processedAnnotations: PeakAnnotation[];\n  allDetectedPeaks: { peaks: PeakAnnotation[]; seriesIndex: number }[];\n  allPeaksForInteraction: PeakForInteraction[];\n  showMarkers: boolean;\n  markerSize: number;\n  xAxisTitle: string;\n  yAxisTitle: string;\n  boundaryMarkers: BoundaryMarkerStyle;\n};\n\ntype BuildLayoutParams = {\n  title?: string;\n  titleFontSize: number;\n  titleTopMargin?: number;\n  width: number;\n  height: number;\n  xAxisTitle: string;\n  yAxisTitle: string;\n  xRange?: [number, number];\n  yRange?: [number, number];\n  showLegend: boolean;\n  seriesCount: number;\n  showGridX: boolean;\n  showGridY: boolean;\n  showCrosshairs: boolean;\n  theme: PlotlyThemeColors;\n  peakAnnotations: Partial<Plotly.Annotations>[];\n};\n\ntype BuildConfigParams = {\n  showExportButton: boolean;\n  width: number;\n  height: number;\n};\n\nexport type { PeakForInteraction, BuildTraceDataParams, BuildLayoutParams, BuildConfigParams };\n\nexport function buildTraceData(params: BuildTraceDataParams): Plotly.Data[] {\n  const {\n    processedSeries,\n    processedAnnotations,\n    allDetectedPeaks,\n    allPeaksForInteraction,\n    showMarkers,\n    markerSize,\n    xAxisTitle,\n    yAxisTitle,\n    boundaryMarkers,\n  } = params;\n\n  const plotData: Plotly.Data[] = processedSeries.map((s, index) => {\n    const traceColor = s.color || CHART_COLORS[index % CHART_COLORS.length];\n    const extraContent = buildHoverExtraContent(s.name, s.metadata);\n\n    const trace: Plotly.Data = {\n      x: s.x,\n      y: s.y,\n      type: \"scatter\" as const,\n      mode: showMarkers ? (\"lines+markers\" as const) : (\"lines\" as const),\n      name: s.name,\n      line: {\n        color: traceColor,\n        width: CHROMATOGRAM_TRACE.BASE_LINE_WIDTH,\n      },\n      hovertemplate: `%{x:.2f} ${xAxisTitle}<br>%{y:.2f} ${yAxisTitle}<extra>${extraContent}</extra>`,\n    };\n    if (showMarkers) {\n      trace.marker = { size: markerSize, color: traceColor };\n    }\n    return trace;\n  });\n\n  if (boundaryMarkers !== \"none\") {\n    const peaksWithData = collectPeaksWithBoundaryData(\n      allDetectedPeaks,\n      processedAnnotations,\n      processedSeries\n    );\n    if (peaksWithData.length > 0) {\n      plotData.push(...createBoundaryMarkerTraces(peaksWithData));\n    }\n  }\n\n  processedAnnotations.forEach((ann) => {\n    if (ann.regionOverlay && processedSeries[0]) {\n      plotData.push(...createRegionOverlayTraces([ann], 0, processedSeries[0]));\n    }\n  });\n  allDetectedPeaks.forEach(({ peaks, seriesIndex }) => {\n    if (peaks.some((p) => p.regionOverlay) && processedSeries[seriesIndex]) {\n      plotData.push(...createRegionOverlayTraces(peaks, seriesIndex, processedSeries[seriesIndex]));\n    }\n  });\n\n  if (allPeaksForInteraction.length > 0) {\n    const anyHoverText = allPeaksForInteraction.some((p) => p.peak.hoverText);\n    const hitAreaTrace: Plotly.Data = {\n      x: allPeaksForInteraction.map((p) => p.peak.x),\n      y: allPeaksForInteraction.map((p) => p.peak.y),\n      type: \"scatter\" as const,\n      mode: \"markers\" as const,\n      marker: { size: 14, opacity: 0 },\n      showlegend: false,\n      name: \"\",\n      customdata: allPeaksForInteraction.map((p) => ({\n        id: p.peak.id,\n        peak: p.peak,\n        seriesIndex: p.seriesIndex,\n        seriesName: p.seriesName,\n        isAutoDetected: p.isAutoDetected,\n      })) as unknown as Plotly.Datum[],\n      ...(anyHoverText\n        ? {\n            hovertemplate: allPeaksForInteraction.map((p) =>\n              p.peak.hoverText ? `${p.peak.hoverText}<extra></extra>` : \"<extra></extra>\"\n            ),\n          }\n        : { hovertemplate: \"<extra></extra>\" }),\n    };\n    plotData.push(hitAreaTrace);\n  }\n\n  return plotData;\n}\n\nexport function buildLayout(params: BuildLayoutParams): Partial<Plotly.Layout> {\n  const {\n    title,\n    titleFontSize,\n    titleTopMargin,\n    width,\n    height,\n    xAxisTitle,\n    yAxisTitle,\n    xRange,\n    yRange,\n    showLegend,\n    seriesCount,\n    showGridX,\n    showGridY,\n    showCrosshairs,\n    theme,\n    peakAnnotations,\n  } = params;\n\n  return {\n    title: title\n      ? {\n          text: title,\n          font: { size: titleFontSize, family: CHART_FONT_FAMILY, color: theme.textColor },\n        }\n      : undefined,\n    width,\n    height,\n    margin: {\n      l: CHROMATOGRAM_LAYOUT.MARGIN_LEFT,\n      r: CHROMATOGRAM_LAYOUT.MARGIN_RIGHT,\n      b: CHROMATOGRAM_LAYOUT.MARGIN_BOTTOM,\n      t: title\n        ? (titleTopMargin ?? CHROMATOGRAM_LAYOUT.MARGIN_TOP_WITH_TITLE)\n        : CHROMATOGRAM_LAYOUT.MARGIN_TOP_NO_TITLE,\n      pad: CHROMATOGRAM_LAYOUT.MARGIN_PAD,\n    },\n    paper_bgcolor: theme.paperBg,\n    plot_bgcolor: theme.plotBg,\n    font: { family: CHART_FONT_FAMILY },\n    hovermode: showCrosshairs ? (\"x\" as const) : (\"x unified\" as const),\n    dragmode: \"zoom\" as const,\n    xaxis: {\n      title: {\n        text: xAxisTitle,\n        font: { size: 14, color: theme.textSecondary, family: CHART_FONT_FAMILY },\n        standoff: 15,\n      },\n      showgrid: showGridX,\n      gridcolor: theme.gridColor,\n      linecolor: theme.lineColor,\n      linewidth: 1,\n      range: xRange,\n      autorange: !xRange,\n      zeroline: false,\n      tickfont: { size: 12, color: theme.textColor, family: CHART_FONT_FAMILY },\n      showspikes: showCrosshairs,\n      spikemode: \"across\" as const,\n      spikesnap: \"cursor\" as const,\n      spikecolor: theme.spikeColor,\n      spikethickness: 1,\n      spikedash: \"dot\" as const,\n    },\n    yaxis: {\n      title: {\n        text: yAxisTitle,\n        font: { size: 14, color: theme.textSecondary, family: CHART_FONT_FAMILY },\n        standoff: 10,\n      },\n      showgrid: showGridY,\n      gridcolor: theme.gridColor,\n      linecolor: theme.lineColor,\n      linewidth: 1,\n      range: yRange,\n      autorange: !yRange,\n      zeroline: false,\n      tickfont: { size: 12, color: theme.textColor, family: CHART_FONT_FAMILY },\n      showspikes: showCrosshairs,\n      spikemode: \"across\" as const,\n      spikesnap: \"cursor\" as const,\n      spikecolor: theme.spikeColor,\n      spikethickness: 1,\n      spikedash: \"dot\" as const,\n    },\n    legend: {\n      x: 0.5,\n      y: -0.15,\n      xanchor: \"center\" as const,\n      yanchor: \"top\" as const,\n      orientation: \"h\" as const,\n      font: { size: 12, color: theme.textColor, family: CHART_FONT_FAMILY },\n    },\n    showlegend: showLegend && seriesCount > 1,\n    annotations: peakAnnotations,\n  };\n}\n\nexport function buildConfig(params: BuildConfigParams): Partial<Plotly.Config> {\n  const { showExportButton, width, height } = params;\n  return {\n    responsive: true,\n    displayModeBar: true,\n    displaylogo: false,\n    modeBarButtonsToRemove: [\n      \"lasso2d\",\n      \"select2d\",\n      ...(showExportButton ? [] : ([\"toImage\"] as Plotly.ModeBarDefaultButtons[])),\n    ] as Plotly.ModeBarDefaultButtons[],\n    ...(showExportButton && {\n      toImageButtonOptions: {\n        format: \"png\",\n        filename: \"chromatogram\",\n        width,\n        height,\n      },\n    }),\n  };\n}\n\ntype MutableRef<T> = { current: T };\n\nexport function createHoverHandler(\n  domElement: HTMLElement,\n  processedSeriesLength: number,\n  thickenedSeriesRef: MutableRef<number | null>,\n  onPeakHoverRef: MutableRef<((event: PeakSelectEvent | null) => void) | undefined>,\n  hoverLineWidthMultiplier: number\n): (eventData: Plotly.PlotHoverEvent) => void {\n  return (eventData) => {\n    const pt = eventData.points[0];\n    if (pt && pt.curveNumber < processedSeriesLength) {\n      const targetIdx = pt.curveNumber;\n      if (thickenedSeriesRef.current !== targetIdx) {\n        // Hover events can only fire once the plot is drawn, so the\n        // lazily-loaded Plotly module is guaranteed to be available here.\n        if (thickenedSeriesRef.current !== null) {\n          getLoadedPlotly().restyle(domElement, { \"line.width\": CHROMATOGRAM_TRACE.BASE_LINE_WIDTH } as Plotly.Data, [thickenedSeriesRef.current]);\n        }\n        getLoadedPlotly().restyle(domElement, { \"line.width\": CHROMATOGRAM_TRACE.BASE_LINE_WIDTH * hoverLineWidthMultiplier } as Plotly.Data, [targetIdx]);\n        thickenedSeriesRef.current = targetIdx;\n      }\n    }\n    const peakPoint = eventData.points.find((p) => p.customdata != null);\n    if (peakPoint) {\n      onPeakHoverRef.current?.(peakPoint.customdata as unknown as PeakSelectEvent);\n    }\n  };\n}\n\nexport function createClickHandler(\n  onPeakClickRef: MutableRef<((event: PeakSelectEvent) => void) | undefined>\n): (eventData: Plotly.PlotMouseEvent) => void {\n  return (eventData) => {\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\nexport function createUnhoverHandler(\n  domElement: HTMLElement,\n  thickenedSeriesRef: MutableRef<number | null>,\n  onPeakHoverRef: MutableRef<((event: PeakSelectEvent | null) => void) | undefined>\n): () => void {\n  return () => {\n    onPeakHoverRef.current?.(null);\n    if (thickenedSeriesRef.current !== null) {\n      // Unhover events can only fire once the plot is drawn, so the\n      // lazily-loaded Plotly module is guaranteed to be available here.\n      getLoadedPlotly().restyle(domElement, { \"line.width\": CHROMATOGRAM_TRACE.BASE_LINE_WIDTH } as Plotly.Data, [thickenedSeriesRef.current]);\n      thickenedSeriesRef.current = null;\n    }\n  };\n}\n"],"names":["buildTraceData","params","processedSeries","processedAnnotations","allDetectedPeaks","allPeaksForInteraction","showMarkers","markerSize","xAxisTitle","yAxisTitle","boundaryMarkers","plotData","s","index","traceColor","CHART_COLORS","extraContent","buildHoverExtraContent","trace","CHROMATOGRAM_TRACE","peaksWithData","collectPeaksWithBoundaryData","createBoundaryMarkerTraces","ann","createRegionOverlayTraces","peaks","seriesIndex","p","anyHoverText","hitAreaTrace","buildLayout","title","titleFontSize","titleTopMargin","width","height","xRange","yRange","showLegend","seriesCount","showGridX","showGridY","showCrosshairs","theme","peakAnnotations","CHART_FONT_FAMILY","CHROMATOGRAM_LAYOUT","buildConfig","showExportButton","createHoverHandler","domElement","processedSeriesLength","thickenedSeriesRef","onPeakHoverRef","hoverLineWidthMultiplier","eventData","pt","targetIdx","getLoadedPlotly","peakPoint","createClickHandler","onPeakClickRef","createUnhoverHandler"],"mappings":"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"}

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

@@ -0,0 +1,58 @@
+import { ChromatogramSeries, PeakAnnotation, BoundaryMarkerStyle, PeakSelectEvent } from './types';
+import { default as Plotly } from 'plotly.js-dist';
+import { PlotlyThemeColors } from '../../../hooks/use-plotly-theme';
+type PeakForInteraction = {
+    peak: PeakAnnotation & {
+        id: string;
+    };
+    seriesIndex: number;
+    seriesName: string;
+    isAutoDetected: boolean;
+};
+type BuildTraceDataParams = {
+    processedSeries: ChromatogramSeries[];
+    processedAnnotations: PeakAnnotation[];
+    allDetectedPeaks: {
+        peaks: PeakAnnotation[];
+        seriesIndex: number;
+    }[];
+    allPeaksForInteraction: PeakForInteraction[];
+    showMarkers: boolean;
+    markerSize: number;
+    xAxisTitle: string;
+    yAxisTitle: string;
+    boundaryMarkers: BoundaryMarkerStyle;
+};
+type BuildLayoutParams = {
+    title?: string;
+    titleFontSize: number;
+    titleTopMargin?: number;
+    width: number;
+    height: number;
+    xAxisTitle: string;
+    yAxisTitle: string;
+    xRange?: [number, number];
+    yRange?: [number, number];
+    showLegend: boolean;
+    seriesCount: number;
+    showGridX: boolean;
+    showGridY: boolean;
+    showCrosshairs: boolean;
+    theme: PlotlyThemeColors;
+    peakAnnotations: Partial<Plotly.Annotations>[];
+};
+type BuildConfigParams = {
+    showExportButton: boolean;
+    width: number;
+    height: number;
+};
+export type { PeakForInteraction, BuildTraceDataParams, BuildLayoutParams, BuildConfigParams };
+export declare function buildTraceData(params: BuildTraceDataParams): Plotly.Data[];
+export declare function buildLayout(params: BuildLayoutParams): Partial<Plotly.Layout>;
+export declare function buildConfig(params: BuildConfigParams): Partial<Plotly.Config>;
+type MutableRef<T> = {
+    current: T;
+};
+export declare function createHoverHandler(domElement: HTMLElement, processedSeriesLength: number, thickenedSeriesRef: MutableRef<number | null>, onPeakHoverRef: MutableRef<((event: PeakSelectEvent | null) => void) | undefined>, hoverLineWidthMultiplier: number): (eventData: Plotly.PlotHoverEvent) => void;
+export declare function createClickHandler(onPeakClickRef: MutableRef<((event: PeakSelectEvent) => void) | undefined>): (eventData: Plotly.PlotMouseEvent) => void;
+export declare function createUnhoverHandler(domElement: HTMLElement, thickenedSeriesRef: MutableRef<number | null>, onPeakHoverRef: MutableRef<((event: PeakSelectEvent | null) => void) | undefined>): () => void;

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

@@ -0,0 +1,216 @@
+import { CHART_COLORS as k } from "../../../utils/colors.js";
+import { getLoadedPlotly as T } from "../plotly-loader.js";
+import { createBoundaryMarkerTraces as I } from "./boundaryMarkers.js";
+import { CHROMATOGRAM_TRACE as y, CHROMATOGRAM_LAYOUT as h } from "./constants.js";
+import { buildHoverExtraContent as C, collectPeaksWithBoundaryData as w } from "./dataProcessing.js";
+import { createRegionOverlayTraces as A } from "./regionOverlays.js";
+import { CHART_FONT_FAMILY as m } from "../../../hooks/use-plotly-theme.js";
+function z(i) {
+  const {
+    processedSeries: e,
+    processedAnnotations: a,
+    allDetectedPeaks: n,
+    allPeaksForInteraction: s,
+    showMarkers: p,
+    markerSize: d,
+    xAxisTitle: f,
+    yAxisTitle: l,
+    boundaryMarkers: g
+  } = i, u = e.map((o, c) => {
+    const t = o.color || k[c % k.length], x = C(o.name, o.metadata), r = {
+      x: o.x,
+      y: o.y,
+      type: "scatter",
+      mode: p ? "lines+markers" : "lines",
+      name: o.name,
+      line: {
+        color: t,
+        width: y.BASE_LINE_WIDTH
+      },
+      hovertemplate: `%{x:.2f} ${f}<br>%{y:.2f} ${l}<extra>${x}</extra>`
+    };
+    return p && (r.marker = { size: d, color: t }), r;
+  });
+  if (g !== "none") {
+    const o = w(
+      n,
+      a,
+      e
+    );
+    o.length > 0 && u.push(...I(o));
+  }
+  if (a.forEach((o) => {
+    o.regionOverlay && e[0] && u.push(...A([o], 0, e[0]));
+  }), n.forEach(({ peaks: o, seriesIndex: c }) => {
+    o.some((t) => t.regionOverlay) && e[c] && u.push(...A(o, c, e[c]));
+  }), s.length > 0) {
+    const o = s.some((t) => t.peak.hoverText), c = {
+      x: s.map((t) => t.peak.x),
+      y: s.map((t) => t.peak.y),
+      type: "scatter",
+      mode: "markers",
+      marker: { size: 14, opacity: 0 },
+      showlegend: !1,
+      name: "",
+      customdata: s.map((t) => ({
+        id: t.peak.id,
+        peak: t.peak,
+        seriesIndex: t.seriesIndex,
+        seriesName: t.seriesName,
+        isAutoDetected: t.isAutoDetected
+      })),
+      ...o ? {
+        hovertemplate: s.map(
+          (t) => t.peak.hoverText ? `${t.peak.hoverText}<extra></extra>` : "<extra></extra>"
+        )
+      } : { hovertemplate: "<extra></extra>" }
+    };
+    u.push(c);
+  }
+  return u;
+}
+function L(i) {
+  const {
+    title: e,
+    titleFontSize: a,
+    titleTopMargin: n,
+    width: s,
+    height: p,
+    xAxisTitle: d,
+    yAxisTitle: f,
+    xRange: l,
+    yRange: g,
+    showLegend: u,
+    seriesCount: o,
+    showGridX: c,
+    showGridY: t,
+    showCrosshairs: x,
+    theme: r,
+    peakAnnotations: _
+  } = i;
+  return {
+    title: e ? {
+      text: e,
+      font: { size: a, family: m, color: r.textColor }
+    } : void 0,
+    width: s,
+    height: p,
+    margin: {
+      l: h.MARGIN_LEFT,
+      r: h.MARGIN_RIGHT,
+      b: h.MARGIN_BOTTOM,
+      t: e ? n ?? h.MARGIN_TOP_WITH_TITLE : h.MARGIN_TOP_NO_TITLE,
+      pad: h.MARGIN_PAD
+    },
+    paper_bgcolor: r.paperBg,
+    plot_bgcolor: r.plotBg,
+    font: { family: m },
+    hovermode: x ? "x" : "x unified",
+    dragmode: "zoom",
+    xaxis: {
+      title: {
+        text: d,
+        font: { size: 14, color: r.textSecondary, family: m },
+        standoff: 15
+      },
+      showgrid: c,
+      gridcolor: r.gridColor,
+      linecolor: r.lineColor,
+      linewidth: 1,
+      range: l,
+      autorange: !l,
+      zeroline: !1,
+      tickfont: { size: 12, color: r.textColor, family: m },
+      showspikes: x,
+      spikemode: "across",
+      spikesnap: "cursor",
+      spikecolor: r.spikeColor,
+      spikethickness: 1,
+      spikedash: "dot"
+    },
+    yaxis: {
+      title: {
+        text: f,
+        font: { size: 14, color: r.textSecondary, family: m },
+        standoff: 10
+      },
+      showgrid: t,
+      gridcolor: r.gridColor,
+      linecolor: r.lineColor,
+      linewidth: 1,
+      range: g,
+      autorange: !g,
+      zeroline: !1,
+      tickfont: { size: 12, color: r.textColor, family: m },
+      showspikes: x,
+      spikemode: "across",
+      spikesnap: "cursor",
+      spikecolor: r.spikeColor,
+      spikethickness: 1,
+      spikedash: "dot"
+    },
+    legend: {
+      x: 0.5,
+      y: -0.15,
+      xanchor: "center",
+      yanchor: "top",
+      orientation: "h",
+      font: { size: 12, color: r.textColor, family: m }
+    },
+    showlegend: u && o > 1,
+    annotations: _
+  };
+}
+function R(i) {
+  const { showExportButton: e, width: a, height: n } = i;
+  return {
+    responsive: !0,
+    displayModeBar: !0,
+    displaylogo: !1,
+    modeBarButtonsToRemove: [
+      "lasso2d",
+      "select2d",
+      ...e ? [] : ["toImage"]
+    ],
+    ...e && {
+      toImageButtonOptions: {
+        format: "png",
+        filename: "chromatogram",
+        width: a,
+        height: n
+      }
+    }
+  };
+}
+function b(i, e, a, n, s) {
+  return (p) => {
+    const d = p.points[0];
+    if (d && d.curveNumber < e) {
+      const l = d.curveNumber;
+      a.current !== l && (a.current !== null && T().restyle(i, { "line.width": y.BASE_LINE_WIDTH }, [a.current]), T().restyle(i, { "line.width": y.BASE_LINE_WIDTH * s }, [l]), a.current = l);
+    }
+    const f = p.points.find((l) => l.customdata != null);
+    f && n.current?.(f.customdata);
+  };
+}
+function D(i) {
+  return (e) => {
+    if (!i.current) return;
+    const a = e.points.find((n) => n.customdata != null);
+    a && i.current(a.customdata);
+  };
+}
+function G(i, e, a) {
+  return () => {
+    a.current?.(null), e.current !== null && (T().restyle(i, { "line.width": y.BASE_LINE_WIDTH }, [e.current]), e.current = null);
+  };
+}
+export {
+  R as buildConfig,
+  L as buildLayout,
+  z as buildTraceData,
+  D as createClickHandler,
+  b as createHoverHandler,
+  G as createUnhoverHandler
+};
+//# sourceMappingURL=plotBuilder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"plotBuilder.js","sources":["../../../../src/components/charts/Chromatogram/plotBuilder.ts"],"sourcesContent":["import { CHART_COLORS } from \"../../../utils/colors\";\nimport { getLoadedPlotly } from \"../plotly-loader\";\n\nimport { createBoundaryMarkerTraces } from \"./boundaryMarkers\";\nimport { CHROMATOGRAM_LAYOUT, CHROMATOGRAM_TRACE } from \"./constants\";\nimport { buildHoverExtraContent, collectPeaksWithBoundaryData } from \"./dataProcessing\";\nimport { createRegionOverlayTraces } from \"./regionOverlays\";\n\nimport type { ChromatogramSeries, PeakAnnotation, BoundaryMarkerStyle, PeakSelectEvent } from \"./types\";\nimport type Plotly from \"plotly.js-dist\";\n\nimport { CHART_FONT_FAMILY, type PlotlyThemeColors } from \"@/hooks/use-plotly-theme\";\n\ntype PeakForInteraction = {\n  peak: PeakAnnotation & { id: string };\n  seriesIndex: number;\n  seriesName: string;\n  isAutoDetected: boolean;\n};\n\ntype BuildTraceDataParams = {\n  processedSeries: ChromatogramSeries[];\n  processedAnnotations: PeakAnnotation[];\n  allDetectedPeaks: { peaks: PeakAnnotation[]; seriesIndex: number }[];\n  allPeaksForInteraction: PeakForInteraction[];\n  showMarkers: boolean;\n  markerSize: number;\n  xAxisTitle: string;\n  yAxisTitle: string;\n  boundaryMarkers: BoundaryMarkerStyle;\n};\n\ntype BuildLayoutParams = {\n  title?: string;\n  titleFontSize: number;\n  titleTopMargin?: number;\n  width: number;\n  height: number;\n  xAxisTitle: string;\n  yAxisTitle: string;\n  xRange?: [number, number];\n  yRange?: [number, number];\n  showLegend: boolean;\n  seriesCount: number;\n  showGridX: boolean;\n  showGridY: boolean;\n  showCrosshairs: boolean;\n  theme: PlotlyThemeColors;\n  peakAnnotations: Partial<Plotly.Annotations>[];\n};\n\ntype BuildConfigParams = {\n  showExportButton: boolean;\n  width: number;\n  height: number;\n};\n\nexport type { PeakForInteraction, BuildTraceDataParams, BuildLayoutParams, BuildConfigParams };\n\nexport function buildTraceData(params: BuildTraceDataParams): Plotly.Data[] {\n  const {\n    processedSeries,\n    processedAnnotations,\n    allDetectedPeaks,\n    allPeaksForInteraction,\n    showMarkers,\n    markerSize,\n    xAxisTitle,\n    yAxisTitle,\n    boundaryMarkers,\n  } = params;\n\n  const plotData: Plotly.Data[] = processedSeries.map((s, index) => {\n    const traceColor = s.color || CHART_COLORS[index % CHART_COLORS.length];\n    const extraContent = buildHoverExtraContent(s.name, s.metadata);\n\n    const trace: Plotly.Data = {\n      x: s.x,\n      y: s.y,\n      type: \"scatter\" as const,\n      mode: showMarkers ? (\"lines+markers\" as const) : (\"lines\" as const),\n      name: s.name,\n      line: {\n        color: traceColor,\n        width: CHROMATOGRAM_TRACE.BASE_LINE_WIDTH,\n      },\n      hovertemplate: `%{x:.2f} ${xAxisTitle}<br>%{y:.2f} ${yAxisTitle}<extra>${extraContent}</extra>`,\n    };\n    if (showMarkers) {\n      trace.marker = { size: markerSize, color: traceColor };\n    }\n    return trace;\n  });\n\n  if (boundaryMarkers !== \"none\") {\n    const peaksWithData = collectPeaksWithBoundaryData(\n      allDetectedPeaks,\n      processedAnnotations,\n      processedSeries\n    );\n    if (peaksWithData.length > 0) {\n      plotData.push(...createBoundaryMarkerTraces(peaksWithData));\n    }\n  }\n\n  processedAnnotations.forEach((ann) => {\n    if (ann.regionOverlay && processedSeries[0]) {\n      plotData.push(...createRegionOverlayTraces([ann], 0, processedSeries[0]));\n    }\n  });\n  allDetectedPeaks.forEach(({ peaks, seriesIndex }) => {\n    if (peaks.some((p) => p.regionOverlay) && processedSeries[seriesIndex]) {\n      plotData.push(...createRegionOverlayTraces(peaks, seriesIndex, processedSeries[seriesIndex]));\n    }\n  });\n\n  if (allPeaksForInteraction.length > 0) {\n    const anyHoverText = allPeaksForInteraction.some((p) => p.peak.hoverText);\n    const hitAreaTrace: Plotly.Data = {\n      x: allPeaksForInteraction.map((p) => p.peak.x),\n      y: allPeaksForInteraction.map((p) => p.peak.y),\n      type: \"scatter\" as const,\n      mode: \"markers\" as const,\n      marker: { size: 14, opacity: 0 },\n      showlegend: false,\n      name: \"\",\n      customdata: allPeaksForInteraction.map((p) => ({\n        id: p.peak.id,\n        peak: p.peak,\n        seriesIndex: p.seriesIndex,\n        seriesName: p.seriesName,\n        isAutoDetected: p.isAutoDetected,\n      })) as unknown as Plotly.Datum[],\n      ...(anyHoverText\n        ? {\n            hovertemplate: allPeaksForInteraction.map((p) =>\n              p.peak.hoverText ? `${p.peak.hoverText}<extra></extra>` : \"<extra></extra>\"\n            ),\n          }\n        : { hovertemplate: \"<extra></extra>\" }),\n    };\n    plotData.push(hitAreaTrace);\n  }\n\n  return plotData;\n}\n\nexport function buildLayout(params: BuildLayoutParams): Partial<Plotly.Layout> {\n  const {\n    title,\n    titleFontSize,\n    titleTopMargin,\n    width,\n    height,\n    xAxisTitle,\n    yAxisTitle,\n    xRange,\n    yRange,\n    showLegend,\n    seriesCount,\n    showGridX,\n    showGridY,\n    showCrosshairs,\n    theme,\n    peakAnnotations,\n  } = params;\n\n  return {\n    title: title\n      ? {\n          text: title,\n          font: { size: titleFontSize, family: CHART_FONT_FAMILY, color: theme.textColor },\n        }\n      : undefined,\n    width,\n    height,\n    margin: {\n      l: CHROMATOGRAM_LAYOUT.MARGIN_LEFT,\n      r: CHROMATOGRAM_LAYOUT.MARGIN_RIGHT,\n      b: CHROMATOGRAM_LAYOUT.MARGIN_BOTTOM,\n      t: title\n        ? (titleTopMargin ?? CHROMATOGRAM_LAYOUT.MARGIN_TOP_WITH_TITLE)\n        : CHROMATOGRAM_LAYOUT.MARGIN_TOP_NO_TITLE,\n      pad: CHROMATOGRAM_LAYOUT.MARGIN_PAD,\n    },\n    paper_bgcolor: theme.paperBg,\n    plot_bgcolor: theme.plotBg,\n    font: { family: CHART_FONT_FAMILY },\n    hovermode: showCrosshairs ? (\"x\" as const) : (\"x unified\" as const),\n    dragmode: \"zoom\" as const,\n    xaxis: {\n      title: {\n        text: xAxisTitle,\n        font: { size: 14, color: theme.textSecondary, family: CHART_FONT_FAMILY },\n        standoff: 15,\n      },\n      showgrid: showGridX,\n      gridcolor: theme.gridColor,\n      linecolor: theme.lineColor,\n      linewidth: 1,\n      range: xRange,\n      autorange: !xRange,\n      zeroline: false,\n      tickfont: { size: 12, color: theme.textColor, family: CHART_FONT_FAMILY },\n      showspikes: showCrosshairs,\n      spikemode: \"across\" as const,\n      spikesnap: \"cursor\" as const,\n      spikecolor: theme.spikeColor,\n      spikethickness: 1,\n      spikedash: \"dot\" as const,\n    },\n    yaxis: {\n      title: {\n        text: yAxisTitle,\n        font: { size: 14, color: theme.textSecondary, family: CHART_FONT_FAMILY },\n        standoff: 10,\n      },\n      showgrid: showGridY,\n      gridcolor: theme.gridColor,\n      linecolor: theme.lineColor,\n      linewidth: 1,\n      range: yRange,\n      autorange: !yRange,\n      zeroline: false,\n      tickfont: { size: 12, color: theme.textColor, family: CHART_FONT_FAMILY },\n      showspikes: showCrosshairs,\n      spikemode: \"across\" as const,\n      spikesnap: \"cursor\" as const,\n      spikecolor: theme.spikeColor,\n      spikethickness: 1,\n      spikedash: \"dot\" as const,\n    },\n    legend: {\n      x: 0.5,\n      y: -0.15,\n      xanchor: \"center\" as const,\n      yanchor: \"top\" as const,\n      orientation: \"h\" as const,\n      font: { size: 12, color: theme.textColor, family: CHART_FONT_FAMILY },\n    },\n    showlegend: showLegend && seriesCount > 1,\n    annotations: peakAnnotations,\n  };\n}\n\nexport function buildConfig(params: BuildConfigParams): Partial<Plotly.Config> {\n  const { showExportButton, width, height } = params;\n  return {\n    responsive: true,\n    displayModeBar: true,\n    displaylogo: false,\n    modeBarButtonsToRemove: [\n      \"lasso2d\",\n      \"select2d\",\n      ...(showExportButton ? [] : ([\"toImage\"] as Plotly.ModeBarDefaultButtons[])),\n    ] as Plotly.ModeBarDefaultButtons[],\n    ...(showExportButton && {\n      toImageButtonOptions: {\n        format: \"png\",\n        filename: \"chromatogram\",\n        width,\n        height,\n      },\n    }),\n  };\n}\n\ntype MutableRef<T> = { current: T };\n\nexport function createHoverHandler(\n  domElement: HTMLElement,\n  processedSeriesLength: number,\n  thickenedSeriesRef: MutableRef<number | null>,\n  onPeakHoverRef: MutableRef<((event: PeakSelectEvent | null) => void) | undefined>,\n  hoverLineWidthMultiplier: number\n): (eventData: Plotly.PlotHoverEvent) => void {\n  return (eventData) => {\n    const pt = eventData.points[0];\n    if (pt && pt.curveNumber < processedSeriesLength) {\n      const targetIdx = pt.curveNumber;\n      if (thickenedSeriesRef.current !== targetIdx) {\n        // Hover events can only fire once the plot is drawn, so the\n        // lazily-loaded Plotly module is guaranteed to be available here.\n        if (thickenedSeriesRef.current !== null) {\n          getLoadedPlotly().restyle(domElement, { \"line.width\": CHROMATOGRAM_TRACE.BASE_LINE_WIDTH } as Plotly.Data, [thickenedSeriesRef.current]);\n        }\n        getLoadedPlotly().restyle(domElement, { \"line.width\": CHROMATOGRAM_TRACE.BASE_LINE_WIDTH * hoverLineWidthMultiplier } as Plotly.Data, [targetIdx]);\n        thickenedSeriesRef.current = targetIdx;\n      }\n    }\n    const peakPoint = eventData.points.find((p) => p.customdata != null);\n    if (peakPoint) {\n      onPeakHoverRef.current?.(peakPoint.customdata as unknown as PeakSelectEvent);\n    }\n  };\n}\n\nexport function createClickHandler(\n  onPeakClickRef: MutableRef<((event: PeakSelectEvent) => void) | undefined>\n): (eventData: Plotly.PlotMouseEvent) => void {\n  return (eventData) => {\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\nexport function createUnhoverHandler(\n  domElement: HTMLElement,\n  thickenedSeriesRef: MutableRef<number | null>,\n  onPeakHoverRef: MutableRef<((event: PeakSelectEvent | null) => void) | undefined>\n): () => void {\n  return () => {\n    onPeakHoverRef.current?.(null);\n    if (thickenedSeriesRef.current !== null) {\n      // Unhover events can only fire once the plot is drawn, so the\n      // lazily-loaded Plotly module is guaranteed to be available here.\n      getLoadedPlotly().restyle(domElement, { \"line.width\": CHROMATOGRAM_TRACE.BASE_LINE_WIDTH } as Plotly.Data, [thickenedSeriesRef.current]);\n      thickenedSeriesRef.current = null;\n    }\n  };\n}\n"],"names":["buildTraceData","params","processedSeries","processedAnnotations","allDetectedPeaks","allPeaksForInteraction","showMarkers","markerSize","xAxisTitle","yAxisTitle","boundaryMarkers","plotData","s","index","traceColor","CHART_COLORS","extraContent","buildHoverExtraContent","trace","CHROMATOGRAM_TRACE","peaksWithData","collectPeaksWithBoundaryData","createBoundaryMarkerTraces","ann","createRegionOverlayTraces","peaks","seriesIndex","p","anyHoverText","hitAreaTrace","buildLayout","title","titleFontSize","titleTopMargin","width","height","xRange","yRange","showLegend","seriesCount","showGridX","showGridY","showCrosshairs","theme","peakAnnotations","CHART_FONT_FAMILY","CHROMATOGRAM_LAYOUT","buildConfig","showExportButton","createHoverHandler","domElement","processedSeriesLength","thickenedSeriesRef","onPeakHoverRef","hoverLineWidthMultiplier","eventData","pt","targetIdx","getLoadedPlotly","peakPoint","createClickHandler","onPeakClickRef","createUnhoverHandler"],"mappings":";;;;;;;AA2DO,SAASA,EAAeC,GAA6C;AAC1E,QAAM;AAAA,IACJ,iBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,IACET,GAEEU,IAA0BT,EAAgB,IAAI,CAACU,GAAGC,MAAU;AAChE,UAAMC,IAAaF,EAAE,SAASG,EAAaF,IAAQE,EAAa,MAAM,GAChEC,IAAeC,EAAuBL,EAAE,MAAMA,EAAE,QAAQ,GAExDM,IAAqB;AAAA,MACzB,GAAGN,EAAE;AAAA,MACL,GAAGA,EAAE;AAAA,MACL,MAAM;AAAA,MACN,MAAMN,IAAe,kBAA6B;AAAA,MAClD,MAAMM,EAAE;AAAA,MACR,MAAM;AAAA,QACJ,OAAOE;AAAA,QACP,OAAOK,EAAmB;AAAA,MAAA;AAAA,MAE5B,eAAe,YAAYX,CAAU,gBAAgBC,CAAU,UAAUO,CAAY;AAAA,IAAA;AAEvF,WAAIV,MACFY,EAAM,SAAS,EAAE,MAAMX,GAAY,OAAOO,EAAA,IAErCI;AAAA,EACT,CAAC;AAED,MAAIR,MAAoB,QAAQ;AAC9B,UAAMU,IAAgBC;AAAA,MACpBjB;AAAA,MACAD;AAAA,MACAD;AAAA,IAAA;AAEF,IAAIkB,EAAc,SAAS,KACzBT,EAAS,KAAK,GAAGW,EAA2BF,CAAa,CAAC;AAAA,EAE9D;AAaA,MAXAjB,EAAqB,QAAQ,CAACoB,MAAQ;AACpC,IAAIA,EAAI,iBAAiBrB,EAAgB,CAAC,KACxCS,EAAS,KAAK,GAAGa,EAA0B,CAACD,CAAG,GAAG,GAAGrB,EAAgB,CAAC,CAAC,CAAC;AAAA,EAE5E,CAAC,GACDE,EAAiB,QAAQ,CAAC,EAAE,OAAAqB,GAAO,aAAAC,QAAkB;AACnD,IAAID,EAAM,KAAK,CAACE,MAAMA,EAAE,aAAa,KAAKzB,EAAgBwB,CAAW,KACnEf,EAAS,KAAK,GAAGa,EAA0BC,GAAOC,GAAaxB,EAAgBwB,CAAW,CAAC,CAAC;AAAA,EAEhG,CAAC,GAEGrB,EAAuB,SAAS,GAAG;AACrC,UAAMuB,IAAevB,EAAuB,KAAK,CAACsB,MAAMA,EAAE,KAAK,SAAS,GAClEE,IAA4B;AAAA,MAChC,GAAGxB,EAAuB,IAAI,CAACsB,MAAMA,EAAE,KAAK,CAAC;AAAA,MAC7C,GAAGtB,EAAuB,IAAI,CAACsB,MAAMA,EAAE,KAAK,CAAC;AAAA,MAC7C,MAAM;AAAA,MACN,MAAM;AAAA,MACN,QAAQ,EAAE,MAAM,IAAI,SAAS,EAAA;AAAA,MAC7B,YAAY;AAAA,MACZ,MAAM;AAAA,MACN,YAAYtB,EAAuB,IAAI,CAACsB,OAAO;AAAA,QAC7C,IAAIA,EAAE,KAAK;AAAA,QACX,MAAMA,EAAE;AAAA,QACR,aAAaA,EAAE;AAAA,QACf,YAAYA,EAAE;AAAA,QACd,gBAAgBA,EAAE;AAAA,MAAA,EAClB;AAAA,MACF,GAAIC,IACA;AAAA,QACE,eAAevB,EAAuB;AAAA,UAAI,CAACsB,MACzCA,EAAE,KAAK,YAAY,GAAGA,EAAE,KAAK,SAAS,oBAAoB;AAAA,QAAA;AAAA,MAC5D,IAEF,EAAE,eAAe,kBAAA;AAAA,IAAkB;AAEzC,IAAAhB,EAAS,KAAKkB,CAAY;AAAA,EAC5B;AAEA,SAAOlB;AACT;AAEO,SAASmB,EAAY7B,GAAmD;AAC7E,QAAM;AAAA,IACJ,OAAA8B;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAA3B;AAAA,IACA,YAAAC;AAAA,IACA,QAAA2B;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,IACE3C;AAEJ,SAAO;AAAA,IACL,OAAO8B,IACH;AAAA,MACE,MAAMA;AAAA,MACN,MAAM,EAAE,MAAMC,GAAe,QAAQa,GAAmB,OAAOF,EAAM,UAAA;AAAA,IAAU,IAEjF;AAAA,IACJ,OAAAT;AAAA,IACA,QAAAC;AAAA,IACA,QAAQ;AAAA,MACN,GAAGW,EAAoB;AAAA,MACvB,GAAGA,EAAoB;AAAA,MACvB,GAAGA,EAAoB;AAAA,MACvB,GAAGf,IACEE,KAAkBa,EAAoB,wBACvCA,EAAoB;AAAA,MACxB,KAAKA,EAAoB;AAAA,IAAA;AAAA,IAE3B,eAAeH,EAAM;AAAA,IACrB,cAAcA,EAAM;AAAA,IACpB,MAAM,EAAE,QAAQE,EAAA;AAAA,IAChB,WAAWH,IAAkB,MAAiB;AAAA,IAC9C,UAAU;AAAA,IACV,OAAO;AAAA,MACL,OAAO;AAAA,QACL,MAAMlC;AAAA,QACN,MAAM,EAAE,MAAM,IAAI,OAAOmC,EAAM,eAAe,QAAQE,EAAA;AAAA,QACtD,UAAU;AAAA,MAAA;AAAA,MAEZ,UAAUL;AAAA,MACV,WAAWG,EAAM;AAAA,MACjB,WAAWA,EAAM;AAAA,MACjB,WAAW;AAAA,MACX,OAAOP;AAAA,MACP,WAAW,CAACA;AAAA,MACZ,UAAU;AAAA,MACV,UAAU,EAAE,MAAM,IAAI,OAAOO,EAAM,WAAW,QAAQE,EAAA;AAAA,MACtD,YAAYH;AAAA,MACZ,WAAW;AAAA,MACX,WAAW;AAAA,MACX,YAAYC,EAAM;AAAA,MAClB,gBAAgB;AAAA,MAChB,WAAW;AAAA,IAAA;AAAA,IAEb,OAAO;AAAA,MACL,OAAO;AAAA,QACL,MAAMlC;AAAA,QACN,MAAM,EAAE,MAAM,IAAI,OAAOkC,EAAM,eAAe,QAAQE,EAAA;AAAA,QACtD,UAAU;AAAA,MAAA;AAAA,MAEZ,UAAUJ;AAAA,MACV,WAAWE,EAAM;AAAA,MACjB,WAAWA,EAAM;AAAA,MACjB,WAAW;AAAA,MACX,OAAON;AAAA,MACP,WAAW,CAACA;AAAA,MACZ,UAAU;AAAA,MACV,UAAU,EAAE,MAAM,IAAI,OAAOM,EAAM,WAAW,QAAQE,EAAA;AAAA,MACtD,YAAYH;AAAA,MACZ,WAAW;AAAA,MACX,WAAW;AAAA,MACX,YAAYC,EAAM;AAAA,MAClB,gBAAgB;AAAA,MAChB,WAAW;AAAA,IAAA;AAAA,IAEb,QAAQ;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,MACH,SAAS;AAAA,MACT,SAAS;AAAA,MACT,aAAa;AAAA,MACb,MAAM,EAAE,MAAM,IAAI,OAAOA,EAAM,WAAW,QAAQE,EAAA;AAAA,IAAkB;AAAA,IAEtE,YAAYP,KAAcC,IAAc;AAAA,IACxC,aAAaK;AAAA,EAAA;AAEjB;AAEO,SAASG,EAAY9C,GAAmD;AAC7E,QAAM,EAAE,kBAAA+C,GAAkB,OAAAd,GAAO,QAAAC,EAAA,IAAWlC;AAC5C,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,wBAAwB;AAAA,MACtB;AAAA,MACA;AAAA,MACA,GAAI+C,IAAmB,CAAA,IAAM,CAAC,SAAS;AAAA,IAAA;AAAA,IAEzC,GAAIA,KAAoB;AAAA,MACtB,sBAAsB;AAAA,QACpB,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,OAAAd;AAAA,QACA,QAAAC;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;AAIO,SAASc,EACdC,GACAC,GACAC,GACAC,GACAC,GAC4C;AAC5C,SAAO,CAACC,MAAc;AACpB,UAAMC,IAAKD,EAAU,OAAO,CAAC;AAC7B,QAAIC,KAAMA,EAAG,cAAcL,GAAuB;AAChD,YAAMM,IAAYD,EAAG;AACrB,MAAIJ,EAAmB,YAAYK,MAG7BL,EAAmB,YAAY,QACjCM,IAAkB,QAAQR,GAAY,EAAE,cAAc/B,EAAmB,mBAAkC,CAACiC,EAAmB,OAAO,CAAC,GAEzIM,IAAkB,QAAQR,GAAY,EAAE,cAAc/B,EAAmB,kBAAkBmC,EAAA,GAA2C,CAACG,CAAS,CAAC,GACjJL,EAAmB,UAAUK;AAAA,IAEjC;AACA,UAAME,IAAYJ,EAAU,OAAO,KAAK,CAAC5B,MAAMA,EAAE,cAAc,IAAI;AACnE,IAAIgC,KACFN,EAAe,UAAUM,EAAU,UAAwC;AAAA,EAE/E;AACF;AAEO,SAASC,EACdC,GAC4C;AAC5C,SAAO,CAACN,MAAc;AACpB,QAAI,CAACM,EAAe,QAAS;AAC7B,UAAMF,IAAYJ,EAAU,OAAO,KAAK,CAAC5B,MAAMA,EAAE,cAAc,IAAI;AACnE,IAAKgC,KACLE,EAAe,QAAQF,EAAU,UAAwC;AAAA,EAC3E;AACF;AAEO,SAASG,EACdZ,GACAE,GACAC,GACY;AACZ,SAAO,MAAM;AACX,IAAAA,EAAe,UAAU,IAAI,GACzBD,EAAmB,YAAY,SAGjCM,IAAkB,QAAQR,GAAY,EAAE,cAAc/B,EAAmB,mBAAkC,CAACiC,EAAmB,OAAO,CAAC,GACvIA,EAAmB,UAAU;AAAA,EAEjC;AACF;"}

package/dist/components/charts/Chromatogram/regionOverlays.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../../utils/colors.cjs"),v=3.5;function h(s,i,o){const l=o.color??c.CHART_COLORS[i%c.CHART_COLORS.length],n=[];for(const e of s){if(!e.regionOverlay)continue;const t=e._computed?.startIndex,r=e._computed?.endIndex;if(t===void 0||r===void 0)continue;const a=e.color??l,d=e.regionOverlayWidth??v,u=e.hoverText?{hovertemplate:`${e.hoverText}<extra></extra>`}:{hoverinfo:"skip"};n.push({x:o.x.slice(t,r+1),y:o.y.slice(t,r+1),type:"scatter",mode:"lines",line:{color:a,width:d},showlegend:!1,name:"",...u})}return n}exports.createRegionOverlayTraces=h;
+//# sourceMappingURL=regionOverlays.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"regionOverlays.cjs","sources":["../../../../src/components/charts/Chromatogram/regionOverlays.ts"],"sourcesContent":["import { CHART_COLORS } from \"../../../utils/colors\";\n\nimport type { PeakAnnotation, ChromatogramSeries } from \"./types\";\nimport type Plotly from \"plotly.js-dist\";\n\nconst DEFAULT_REGION_OVERLAY_WIDTH = 3.5;\n\n/**\n * Build one scatter trace per peak that has regionOverlay:true, slicing the\n * underlying series data between the peak's startIndex and endIndex.\n * Traces are pushed BEFORE the invisible hit-area trace so peak click/hover\n * still resolves to the hit-area marker, not the overlay.\n */\nexport function createRegionOverlayTraces(\n  peaks: PeakAnnotation[],\n  seriesIndex: number,\n  series: ChromatogramSeries\n): Plotly.Data[] {\n  const seriesColor = series.color ?? CHART_COLORS[seriesIndex % CHART_COLORS.length];\n  const traces: Plotly.Data[] = [];\n\n  for (const peak of peaks) {\n    if (!peak.regionOverlay) continue;\n    const startIdx = peak._computed?.startIndex;\n    const endIdx = peak._computed?.endIndex;\n    if (startIdx === undefined || endIdx === undefined) continue;\n\n    const color = peak.color ?? seriesColor;\n    const lineWidth = peak.regionOverlayWidth ?? DEFAULT_REGION_OVERLAY_WIDTH;\n    const hoverProps = peak.hoverText\n      ? { hovertemplate: `${peak.hoverText}<extra></extra>` }\n      : { hoverinfo: \"skip\" as const };\n\n    traces.push({\n      x: series.x.slice(startIdx, endIdx + 1),\n      y: series.y.slice(startIdx, endIdx + 1),\n      type: \"scatter\" as const,\n      mode: \"lines\" as const,\n      line: { color, width: lineWidth },\n      showlegend: false,\n      name: \"\",\n      ...hoverProps,\n    });\n  }\n\n  return traces;\n}\n"],"names":["DEFAULT_REGION_OVERLAY_WIDTH","createRegionOverlayTraces","peaks","seriesIndex","series","seriesColor","CHART_COLORS","traces","peak","startIdx","endIdx","color","lineWidth","hoverProps"],"mappings":"6HAKMA,EAA+B,IAQ9B,SAASC,EACdC,EACAC,EACAC,EACe,CACf,MAAMC,EAAcD,EAAO,OAASE,EAAAA,aAAaH,EAAcG,EAAAA,aAAa,MAAM,EAC5EC,EAAwB,CAAA,EAE9B,UAAWC,KAAQN,EAAO,CACxB,GAAI,CAACM,EAAK,cAAe,SACzB,MAAMC,EAAWD,EAAK,WAAW,WAC3BE,EAASF,EAAK,WAAW,SAC/B,GAAIC,IAAa,QAAaC,IAAW,OAAW,SAEpD,MAAMC,EAAQH,EAAK,OAASH,EACtBO,EAAYJ,EAAK,oBAAsBR,EACvCa,EAAaL,EAAK,UACpB,CAAE,cAAe,GAAGA,EAAK,SAAS,iBAAA,EAClC,CAAE,UAAW,MAAA,EAEjBD,EAAO,KAAK,CACV,EAAGH,EAAO,EAAE,MAAMK,EAAUC,EAAS,CAAC,EACtC,EAAGN,EAAO,EAAE,MAAMK,EAAUC,EAAS,CAAC,EACtC,KAAM,UACN,KAAM,QACN,KAAM,CAAE,MAAAC,EAAO,MAAOC,CAAA,EACtB,WAAY,GACZ,KAAM,GACN,GAAGC,CAAA,CACJ,CACH,CAEA,OAAON,CACT"}

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

@@ -0,0 +1,9 @@
+import { PeakAnnotation, ChromatogramSeries } from './types';
+import { default as Plotly } from 'plotly.js-dist';
+/**
+ * Build one scatter trace per peak that has regionOverlay:true, slicing the
+ * underlying series data between the peak's startIndex and endIndex.
+ * Traces are pushed BEFORE the invisible hit-area trace so peak click/hover
+ * still resolves to the hit-area marker, not the overlay.
+ */
+export declare function createRegionOverlayTraces(peaks: PeakAnnotation[], seriesIndex: number, series: ChromatogramSeries): Plotly.Data[];

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

@@ -0,0 +1,26 @@
+import { CHART_COLORS as c } from "../../../utils/colors.js";
+const x = 3.5;
+function v(i, s, o) {
+  const l = o.color ?? c[s % c.length], r = [];
+  for (const e of i) {
+    if (!e.regionOverlay) continue;
+    const t = e._computed?.startIndex, n = e._computed?.endIndex;
+    if (t === void 0 || n === void 0) continue;
+    const a = e.color ?? l, d = e.regionOverlayWidth ?? x, h = e.hoverText ? { hovertemplate: `${e.hoverText}<extra></extra>` } : { hoverinfo: "skip" };
+    r.push({
+      x: o.x.slice(t, n + 1),
+      y: o.y.slice(t, n + 1),
+      type: "scatter",
+      mode: "lines",
+      line: { color: a, width: d },
+      showlegend: !1,
+      name: "",
+      ...h
+    });
+  }
+  return r;
+}
+export {
+  v as createRegionOverlayTraces
+};
+//# sourceMappingURL=regionOverlays.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"regionOverlays.js","sources":["../../../../src/components/charts/Chromatogram/regionOverlays.ts"],"sourcesContent":["import { CHART_COLORS } from \"../../../utils/colors\";\n\nimport type { PeakAnnotation, ChromatogramSeries } from \"./types\";\nimport type Plotly from \"plotly.js-dist\";\n\nconst DEFAULT_REGION_OVERLAY_WIDTH = 3.5;\n\n/**\n * Build one scatter trace per peak that has regionOverlay:true, slicing the\n * underlying series data between the peak's startIndex and endIndex.\n * Traces are pushed BEFORE the invisible hit-area trace so peak click/hover\n * still resolves to the hit-area marker, not the overlay.\n */\nexport function createRegionOverlayTraces(\n  peaks: PeakAnnotation[],\n  seriesIndex: number,\n  series: ChromatogramSeries\n): Plotly.Data[] {\n  const seriesColor = series.color ?? CHART_COLORS[seriesIndex % CHART_COLORS.length];\n  const traces: Plotly.Data[] = [];\n\n  for (const peak of peaks) {\n    if (!peak.regionOverlay) continue;\n    const startIdx = peak._computed?.startIndex;\n    const endIdx = peak._computed?.endIndex;\n    if (startIdx === undefined || endIdx === undefined) continue;\n\n    const color = peak.color ?? seriesColor;\n    const lineWidth = peak.regionOverlayWidth ?? DEFAULT_REGION_OVERLAY_WIDTH;\n    const hoverProps = peak.hoverText\n      ? { hovertemplate: `${peak.hoverText}<extra></extra>` }\n      : { hoverinfo: \"skip\" as const };\n\n    traces.push({\n      x: series.x.slice(startIdx, endIdx + 1),\n      y: series.y.slice(startIdx, endIdx + 1),\n      type: \"scatter\" as const,\n      mode: \"lines\" as const,\n      line: { color, width: lineWidth },\n      showlegend: false,\n      name: \"\",\n      ...hoverProps,\n    });\n  }\n\n  return traces;\n}\n"],"names":["DEFAULT_REGION_OVERLAY_WIDTH","createRegionOverlayTraces","peaks","seriesIndex","series","seriesColor","CHART_COLORS","traces","peak","startIdx","endIdx","color","lineWidth","hoverProps"],"mappings":";AAKA,MAAMA,IAA+B;AAQ9B,SAASC,EACdC,GACAC,GACAC,GACe;AACf,QAAMC,IAAcD,EAAO,SAASE,EAAaH,IAAcG,EAAa,MAAM,GAC5EC,IAAwB,CAAA;AAE9B,aAAWC,KAAQN,GAAO;AACxB,QAAI,CAACM,EAAK,cAAe;AACzB,UAAMC,IAAWD,EAAK,WAAW,YAC3BE,IAASF,EAAK,WAAW;AAC/B,QAAIC,MAAa,UAAaC,MAAW,OAAW;AAEpD,UAAMC,IAAQH,EAAK,SAASH,GACtBO,IAAYJ,EAAK,sBAAsBR,GACvCa,IAAaL,EAAK,YACpB,EAAE,eAAe,GAAGA,EAAK,SAAS,kBAAA,IAClC,EAAE,WAAW,OAAA;AAEjB,IAAAD,EAAO,KAAK;AAAA,MACV,GAAGH,EAAO,EAAE,MAAMK,GAAUC,IAAS,CAAC;AAAA,MACtC,GAAGN,EAAO,EAAE,MAAMK,GAAUC,IAAS,CAAC;AAAA,MACtC,MAAM;AAAA,MACN,MAAM;AAAA,MACN,MAAM,EAAE,OAAAC,GAAO,OAAOC,EAAA;AAAA,MACtB,YAAY;AAAA,MACZ,MAAM;AAAA,MACN,GAAGC;AAAA,IAAA,CACJ;AAAA,EACH;AAEA,SAAON;AACT;"}