@tetrascience-npm/tetrascience-react-ui 0.6.0-beta.82.1 → 0.6.0-beta.84.1

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

@@ -1,6 +1,6 @@
-import { CHART_COLORS as c } from "../../../utils/colors.js";
-const x = -5, A = -12, d = -16;
-function i(o, e, t, r) {
+import { seriesColor as m } from "../../../utils/colors.js";
+const x = -5, l = -12, c = -16;
+function d(o, e, t, r) {
   return t === "none" ? [] : [
     {
       x: [o],
@@ -20,10 +20,10 @@ function i(o, e, t, r) {
 function E(o) {
   const e = [];
   for (const { peaks: t, seriesIndex: r, x: s } of o) {
-    const a = c[r % c.length], R = x + r * d, k = A + r * d;
+    const a = m(r), i = x + r * c, k = l + r * c;
     for (const n of t) {
-      const p = n._computed?.startIndex ?? 0, _ = n._computed?.endIndex ?? 0, u = s[p], M = s[_], f = n.startMarker ?? "triangle", m = n.endMarker ?? "diamond";
-      e.push(...i(u, R, f, a)), e.push(...i(M, k, m, a));
+      const p = n._computed?.startIndex ?? 0, u = n._computed?.endIndex ?? 0, M = s[p], R = s[u], _ = n.startMarker ?? "triangle", f = n.endMarker ?? "diamond";
+      e.push(...d(M, i, _, a)), e.push(...d(R, k, f, a));
     }
   }
   return e;

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

@@ -1 +1 @@
-{"version":3,"file":"boundaryMarkers.js","sources":["../../../../src/components/charts/ChromatogramChart/boundaryMarkers.ts"],"sourcesContent":["/**\n * Boundary marker utilities for ChromatogramChart\n */\n\nimport { CHART_COLORS } from \"../../../utils/colors\";\n\nimport type { PeakAnnotation, BoundaryMarkerType } from \"./types\";\nimport type Plotly from \"plotly.js-dist\";\n\n/** Base Y position for start boundary markers (below the x-axis) */\nconst BOUNDARY_MARKER_START_Y = -5;\n/** Y position for end boundary markers (below start markers) */\nconst BOUNDARY_MARKER_END_Y = -12;\n/** Y offset between series to prevent overlap */\nconst BOUNDARY_MARKER_SERIES_OFFSET = -16;\n\n/**\n * Create a marker trace for a boundary point.\n * Markers are placed on the x-axis below 0, staggered by series index.\n */\nfunction createMarkerTrace(\n  xPos: number,\n  yPos: number,\n  markerType: BoundaryMarkerType,\n  color: string\n): Plotly.Data[] {\n  if (markerType === \"none\") {\n    return [];\n  }\n\n  return [\n    {\n      x: [xPos],\n      y: [yPos],\n      type: \"scatter\" as const,\n      mode: \"markers\" as const,\n      marker: {\n        symbol: markerType === \"diamond\" ? (\"diamond\" as const) : (\"triangle-up\" as const),\n        size: 8,\n        color,\n      },\n      showlegend: false,\n      hoverinfo: \"skip\" as const,\n    },\n  ];\n}\n\n/**\n * Create boundary marker traces for peaks.\n * Uses per-peak startMarker/endMarker settings with defaults:\n * - startMarker: \"triangle\" (default)\n * - endMarker: \"diamond\" (default)\n */\nexport function createBoundaryMarkerTraces(\n  allPeaks: {\n    peaks: PeakAnnotation[];\n    seriesIndex: number;\n    x: number[];\n    y: number[];\n  }[]\n): Plotly.Data[] {\n  const traces: Plotly.Data[] = [];\n\n  for (const { peaks, seriesIndex, x } of allPeaks) {\n    const color = 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      // 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","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,UAAMF,IAAQO,EAAaF,IAAcE,EAAa,MAAM,GAGtDC,IAAef,IAA0BY,IAAcV,GACvDc,IAAaf,IAAwBW,IAAcV;AAEzD,eAAWe,KAAQN,GAAO;AACxB,YAAMO,IAAWD,EAAK,WAAW,cAAc,GACzCE,IAASF,EAAK,WAAW,YAAY,GACrCG,IAASP,EAAEK,CAAQ,GACnBG,IAAOR,EAAEM,CAAM,GAGfG,IAAkBL,EAAK,eAAe,YACtCM,IAAgBN,EAAK,aAAa;AAGxC,MAAAP,EAAO,KAAK,GAAGP,EAAkBiB,GAAQL,GAAcO,GAAiBf,CAAK,CAAC,GAG9EG,EAAO,KAAK,GAAGP,EAAkBkB,GAAML,GAAYO,GAAehB,CAAK,CAAC;AAAA,IAC1E;AAAA,EACF;AAEA,SAAOG;AACT;"}
+{"version":3,"file":"boundaryMarkers.js","sources":["../../../../src/components/charts/ChromatogramChart/boundaryMarkers.ts"],"sourcesContent":["/**\n * Boundary marker utilities for ChromatogramChart\n */\n\nimport { seriesColor } 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 color = seriesColor(seriesIndex);\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      // 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","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,UAAMF,IAAQO,EAAYF,CAAW,GAG/BG,IAAef,IAA0BY,IAAcV,GACvDc,IAAaf,IAAwBW,IAAcV;AAEzD,eAAWe,KAAQN,GAAO;AACxB,YAAMO,IAAWD,EAAK,WAAW,cAAc,GACzCE,IAASF,EAAK,WAAW,YAAY,GACrCG,IAASP,EAAEK,CAAQ,GACnBG,IAAOR,EAAEM,CAAM,GAGfG,IAAkBL,EAAK,eAAe,YACtCM,IAAgBN,EAAK,aAAa;AAGxC,MAAAP,EAAO,KAAK,GAAGP,EAAkBiB,GAAQL,GAAcO,GAAiBf,CAAK,CAAC,GAG9EG,EAAO,KAAK,GAAGP,EAAkBkB,GAAML,GAAYO,GAAehB,CAAK,CAAC;AAAA,IAC1E;AAAA,EACF;AAEA,SAAOG;AACT;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T={MARGIN_LEFT:70,MARGIN_RIGHT:30,MARGIN_BOTTOM:60,MARGIN_TOP_WITH_TITLE:50,MARGIN_TOP_NO_TITLE:30,MARGIN_PAD:5},O={USER_ANNOTATION_FONT_SIZE:11,AUTO_ANNOTATION_FONT_SIZE:10};exports.CHROMATOGRAM_ANNOTATION=O;exports.CHROMATOGRAM_LAYOUT=T;
+"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"};exports.CHROMATOGRAM_ANNOTATION=T;exports.CHROMATOGRAM_LAYOUT=O;
 //# sourceMappingURL=constants.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.cjs","sources":["../../../../src/components/charts/ChromatogramChart/constants.ts"],"sourcesContent":["/**\n * Constants for ChromatogramChart component\n */\n\n/**\n * Layout constants for chart margins and spacing\n */\nexport const CHROMATOGRAM_LAYOUT = {\n  /** Left margin in pixels */\n  MARGIN_LEFT: 70,\n  /** Right margin in pixels */\n  MARGIN_RIGHT: 30,\n  /** Bottom margin in pixels */\n  MARGIN_BOTTOM: 60,\n  /** Top margin with title in pixels */\n  MARGIN_TOP_WITH_TITLE: 50,\n  /** Top margin without title in pixels */\n  MARGIN_TOP_NO_TITLE: 30,\n  /** Padding around plot area */\n  MARGIN_PAD: 5,\n} as const;\n\n/**\n * Annotation constants for peak labels and markers\n */\nexport const CHROMATOGRAM_ANNOTATION = {\n  /** Default vertical offset for annotation arrows (negative = above point) */\n  DEFAULT_ARROW_OFFSET_Y: -30,\n  /** Font size for user-defined annotations */\n  USER_ANNOTATION_FONT_SIZE: 11,\n  /** Font size for auto-detected peak annotations */\n  AUTO_ANNOTATION_FONT_SIZE: 10,\n} as const;\n\n"],"names":["CHROMATOGRAM_LAYOUT","CHROMATOGRAM_ANNOTATION"],"mappings":"gFAOO,MAAMA,EAAsB,CAEjC,YAAa,GAEb,aAAc,GAEd,cAAe,GAEf,sBAAuB,GAEvB,oBAAqB,GAErB,WAAY,CACd,EAKaC,EAA0B,CAIrC,0BAA2B,GAE3B,0BAA2B,EAC7B"}
+{"version":3,"file":"constants.cjs","sources":["../../../../src/components/charts/ChromatogramChart/constants.ts"],"sourcesContent":["/**\n * Constants for ChromatogramChart component\n */\n\n/**\n * Layout constants for chart margins and spacing\n */\nexport const CHROMATOGRAM_LAYOUT = {\n  /** Left margin in pixels */\n  MARGIN_LEFT: 70,\n  /** Right margin in pixels */\n  MARGIN_RIGHT: 30,\n  /** Bottom margin in pixels */\n  MARGIN_BOTTOM: 60,\n  /** Top margin with title in pixels */\n  MARGIN_TOP_WITH_TITLE: 50,\n  /** Top margin without title in pixels */\n  MARGIN_TOP_NO_TITLE: 30,\n  /** Padding around plot area */\n  MARGIN_PAD: 5,\n} as const;\n\n/**\n * Annotation constants for peak labels and markers\n */\nexport const CHROMATOGRAM_ANNOTATION = {\n  /** Default vertical offset for annotation arrows (negative = above point) */\n  DEFAULT_ARROW_OFFSET_Y: -30,\n  /** Font size for user-defined annotations */\n  USER_ANNOTATION_FONT_SIZE: 11,\n  /** Font size for auto-detected peak annotations */\n  AUTO_ANNOTATION_FONT_SIZE: 10,\n  /** Arrow color for user-defined annotations (grey 500) */\n  USER_ANNOTATION_COLOR: \"rgba(100, 116, 139, 1)\",\n  /** Text color for user-defined annotations (black 900) */\n  USER_ANNOTATION_TEXT_COLOR: \"rgba(26, 26, 26, 1)\",\n  /** Background color behind annotation text */\n  BACKGROUND_COLOR: \"#ffffff\",\n} as const;\n\n"],"names":["CHROMATOGRAM_LAYOUT","CHROMATOGRAM_ANNOTATION"],"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,SACpB"}

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

@@ -1,4 +1,4 @@
-const T = {
+const O = {
   /** Left margin in pixels */
   MARGIN_LEFT: 70,
   /** Right margin in pixels */
@@ -11,14 +11,20 @@ const T = {
   MARGIN_TOP_NO_TITLE: 30,
   /** Padding around plot area */
   MARGIN_PAD: 5
-}, A = {
+}, T = {
   /** Font size for user-defined annotations */
   USER_ANNOTATION_FONT_SIZE: 11,
   /** Font size for auto-detected peak annotations */
-  AUTO_ANNOTATION_FONT_SIZE: 10
+  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"
 };
 export {
-  A as CHROMATOGRAM_ANNOTATION,
-  T as CHROMATOGRAM_LAYOUT
+  T as CHROMATOGRAM_ANNOTATION,
+  O as CHROMATOGRAM_LAYOUT
 };
 //# sourceMappingURL=constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/charts/ChromatogramChart/constants.ts"],"sourcesContent":["/**\n * Constants for ChromatogramChart component\n */\n\n/**\n * Layout constants for chart margins and spacing\n */\nexport const CHROMATOGRAM_LAYOUT = {\n  /** Left margin in pixels */\n  MARGIN_LEFT: 70,\n  /** Right margin in pixels */\n  MARGIN_RIGHT: 30,\n  /** Bottom margin in pixels */\n  MARGIN_BOTTOM: 60,\n  /** Top margin with title in pixels */\n  MARGIN_TOP_WITH_TITLE: 50,\n  /** Top margin without title in pixels */\n  MARGIN_TOP_NO_TITLE: 30,\n  /** Padding around plot area */\n  MARGIN_PAD: 5,\n} as const;\n\n/**\n * Annotation constants for peak labels and markers\n */\nexport const CHROMATOGRAM_ANNOTATION = {\n  /** Default vertical offset for annotation arrows (negative = above point) */\n  DEFAULT_ARROW_OFFSET_Y: -30,\n  /** Font size for user-defined annotations */\n  USER_ANNOTATION_FONT_SIZE: 11,\n  /** Font size for auto-detected peak annotations */\n  AUTO_ANNOTATION_FONT_SIZE: 10,\n} as const;\n\n"],"names":["CHROMATOGRAM_LAYOUT","CHROMATOGRAM_ANNOTATION"],"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;AAC7B;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/charts/ChromatogramChart/constants.ts"],"sourcesContent":["/**\n * Constants for ChromatogramChart component\n */\n\n/**\n * Layout constants for chart margins and spacing\n */\nexport const CHROMATOGRAM_LAYOUT = {\n  /** Left margin in pixels */\n  MARGIN_LEFT: 70,\n  /** Right margin in pixels */\n  MARGIN_RIGHT: 30,\n  /** Bottom margin in pixels */\n  MARGIN_BOTTOM: 60,\n  /** Top margin with title in pixels */\n  MARGIN_TOP_WITH_TITLE: 50,\n  /** Top margin without title in pixels */\n  MARGIN_TOP_NO_TITLE: 30,\n  /** Padding around plot area */\n  MARGIN_PAD: 5,\n} as const;\n\n/**\n * Annotation constants for peak labels and markers\n */\nexport const CHROMATOGRAM_ANNOTATION = {\n  /** Default vertical offset for annotation arrows (negative = above point) */\n  DEFAULT_ARROW_OFFSET_Y: -30,\n  /** Font size for user-defined annotations */\n  USER_ANNOTATION_FONT_SIZE: 11,\n  /** Font size for auto-detected peak annotations */\n  AUTO_ANNOTATION_FONT_SIZE: 10,\n  /** Arrow color for user-defined annotations (grey 500) */\n  USER_ANNOTATION_COLOR: \"rgba(100, 116, 139, 1)\",\n  /** Text color for user-defined annotations (black 900) */\n  USER_ANNOTATION_TEXT_COLOR: \"rgba(26, 26, 26, 1)\",\n  /** Background color behind annotation text */\n  BACKGROUND_COLOR: \"#ffffff\",\n} as const;\n\n"],"names":["CHROMATOGRAM_LAYOUT","CHROMATOGRAM_ANNOTATION"],"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;AACpB;"}

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

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

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

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

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

@@ -1,90 +1,79 @@
-import { calculatePeakArea as a } from "./peakDetection.js";
-function s(t, i) {
+import { calculatePeakArea as h } from "./peakDetection.js";
+function c(t, o) {
   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;
+    const l = Math.floor((e + n) / 2);
+    t[l] < o ? e = l + 1 : n = l;
   }
-  return e > 0 && Math.abs(t[e - 1] - i) < Math.abs(t[e] - i) ? e - 1 : e;
+  return e > 0 && Math.abs(t[e - 1] - o) < Math.abs(t[e] - o) ? e - 1 : e;
 }
-function f(t, i, e) {
+function d(t, o, 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);
+      const l = c(o, n.startX), i = c(o, n.endX), s = c(o, n.x), a = n._computed?.area ?? h(o, e, l, i);
       return {
         ...n,
         _computed: {
           ...n._computed,
-          index: r,
-          startIndex: o,
-          endIndex: l,
-          area: c
+          index: s,
+          startIndex: l,
+          endIndex: i,
+          area: a
         }
       };
     }
     return n;
   });
 }
-function d(t, i, e) {
+function f(t, o, e) {
   const n = [];
-  t.forEach(({ peaks: l, seriesIndex: r }) => {
+  t.forEach(({ peaks: i, seriesIndex: s }) => {
     n.push({
-      peaks: l,
-      seriesIndex: r,
-      x: e[r].x,
-      y: e[r].y
+      peaks: i,
+      seriesIndex: s,
+      x: e[s].x,
+      y: e[s].y
     });
   });
-  const o = i.filter(
-    (l) => l._computed?.startIndex !== void 0 && l._computed?.endIndex !== void 0
+  const l = o.filter(
+    (i) => i._computed?.startIndex !== void 0 && i._computed?.endIndex !== void 0
   );
-  return o.length > 0 && e.length > 0 && n.push({
-    peaks: o,
+  return l.length > 0 && e.length > 0 && n.push({
+    peaks: l,
     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, o) {
+  const e = Math.min(t.length, o.length), n = t.slice(0, e), i = o.slice(0, e).map((a) => Number.isFinite(a) ? a : 0);
+  return { x: n.map((a) => Number.isFinite(a) ? a : 0), y: i };
 }
-function m(t, i, e = 50) {
-  if (i === "none" || t.length === 0) return t;
-  if (i === "linear") {
+function p(t, o, e = 50) {
+  if (o === "none" || t.length === 0) return t;
+  if (o === "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));
+    return t.map((l, i) => l - (t[0] + n * i));
   }
-  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);
+  if (o === "rolling") {
+    const n = [], l = Math.floor(e / 2);
+    for (let i = 0; i < t.length; i++) {
+      const s = Math.max(0, i - l), a = Math.min(t.length, i + l + 1), u = t.slice(s, a);
       n.push(Math.min(...u));
     }
-    return t.map((l, r) => l - n[r]);
+    return t.map((i, s) => i - n[s]);
   }
   return t;
 }
 export {
-  m as applyBaselineCorrection,
-  p as buildHoverExtraContent,
-  d as collectPeaksWithBoundaryData,
-  s as findClosestIndex,
-  f as processUserAnnotations,
-  g as validateSeriesData
+  p as applyBaselineCorrection,
+  f as collectPeaksWithBoundaryData,
+  c as findClosestIndex,
+  d as processUserAnnotations,
+  m as validateSeriesData
 };
 //# sourceMappingURL=dataProcessing.js.map

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

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

package/dist/components/charts/DotPlot/DotPlot.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react/jsx-runtime"),z=require("plotly.js-dist"),e=require("react"),L=require("../../../hooks/use-plotly-theme.cjs"),r=require("../../../utils/colors.cjs"),P=({dataSeries:l,width:u=1e3,height:d=600,title:p="Dot Plot",xTitle:n="Columns",yTitle:s="Rows",variant:h="default",markerSize:f=8})=>{const c=e.useRef(null),t=L.usePlotlyTheme(),x=e.useMemo(()=>Array.isArray(l)?l:[l],[l]),i=e.useMemo(()=>[r.COLORS.ORANGE,r.COLORS.RED,r.COLORS.GREEN,r.COLORS.BLUE,r.COLORS.YELLOW,r.COLORS.PURPLE],[]),m=e.useMemo(()=>["circle","square","diamond","triangle-up","triangle-down","star"],[]),O=e.useMemo(()=>x.map((o,a)=>h==="default"?{...o,color:o.color||i[0],symbol:"circle",size:o.size||f}:{...o,color:o.color||i[a%i.length],symbol:o.symbol||m[a%m.length],size:o.size||f}),[x,h,f,i,m]),y=t.gridColor,C=e.useMemo(()=>O.map(o=>({type:"scatter",x:o.x,y:o.y,mode:"markers",name:o.name,marker:{color:o.color,size:o.size,symbol:o.symbol,line:{color:t.paperBg,width:1}},hovertemplate:`${n}: %{x}<br>${s}: %{y}<extra>${o.name}</extra>`})),[O,n,s,t]),g=e.useMemo(()=>({tickcolor:t.tickColor,ticklen:12,tickwidth:1,ticks:"outside",tickfont:{size:16,color:t.textColor,family:"Inter, sans-serif",weight:400},linecolor:t.lineColor,linewidth:1,position:0,zeroline:!1}),[t]),R=e.useMemo(()=>({text:p,x:.5,y:.95,xanchor:"center",yanchor:"top",font:{size:32,weight:600,family:"Inter, sans-serif",color:t.textColor,lineheight:1.2,standoff:30}}),[p,t]);return e.useEffect(()=>{if(!c.current)return;const o={width:u,height:d,font:{family:"Inter, sans-serif"},title:R,margin:{l:80,r:40,b:80,t:80,pad:0},showlegend:!0,legend:{x:.5,y:-.2,xanchor:"center",yanchor:"top",orientation:"h",font:{size:13,color:t.legendColor,family:"Inter, sans-serif",weight:500,lineheight:18}},xaxis:{title:{text:n,font:{size:16,color:t.textSecondary,family:"Inter, sans-serif",weight:400},standoff:15},gridcolor:y,...g},yaxis:{title:{text:s,font:{size:16,color:t.textSecondary,family:"Inter, sans-serif",weight:400},standoff:15},gridcolor:y,...g},paper_bgcolor:t.paperBg,plot_bgcolor:t.plotBg},a={responsive:!0,displayModeBar:!1,displaylogo:!1};z.newPlot(c.current,C,o,a);const b=c.current;return()=>{b&&z.purge(b)}},[u,d,n,s,C,R,g,y,t]),w.jsx("div",{className:"dotplot-container",style:{width:u},children:w.jsx("div",{ref:c,style:{width:"100%",height:"100%",margin:"0"}})})};exports.DotPlot=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react/jsx-runtime"),P=require("plotly.js-dist"),e=require("react"),q=require("../ChartTooltip/ChartTooltip.cjs"),R=require("../../../hooks/use-plotly-theme.cjs"),I=require("../../../utils/colors.cjs"),v=({dataSeries:l,width:i=1e3,height:p=600,title:d="Dot Plot",xTitle:c="Columns",yTitle:a="Rows",variant:g="default",markerSize:u=8})=>{const r=e.useRef(null),t=R.usePlotlyTheme(),{bindTooltip:h,tooltipElement:k}=q.useChartTooltip({xLabel:c,yLabel:a}),x=e.useMemo(()=>Array.isArray(l)?l:[l],[l]),n=I.CHART_COLORS,f=e.useMemo(()=>["circle","square","diamond","triangle-up","triangle-down","star"],[]),b=e.useMemo(()=>x.map((o,s)=>g==="default"?{...o,color:o.color||n[0],symbol:"circle",size:o.size||u}:{...o,color:o.color||n[s%n.length],symbol:o.symbol||f[s%f.length],size:o.size||u}),[x,g,u,n,f]),m=t.gridColor,C=e.useMemo(()=>b.map(o=>({type:"scatter",x:o.x,y:o.y,mode:"markers",name:o.name,marker:{color:o.color,size:o.size,symbol:o.symbol,line:{color:t.paperBg,width:1}},hoverinfo:"none"})),[b,t]),y=e.useMemo(()=>({tickcolor:t.tickColor,ticklen:12,tickwidth:1,ticks:"outside",tickfont:{size:16,color:t.textColor,family:"Inter, sans-serif",weight:400},linecolor:t.lineColor,linewidth:1,position:0,zeroline:!1}),[t]),w=e.useMemo(()=>({text:d,x:.5,y:.95,xanchor:"center",yanchor:"top",font:{size:32,weight:600,family:"Inter, sans-serif",color:t.textColor,lineheight:1.2,standoff:30}}),[d,t]);return e.useEffect(()=>{if(!r.current)return;const o={width:i,height:p,font:{family:"Inter, sans-serif"},title:w,margin:{l:80,r:40,b:80,t:80,pad:0},showlegend:!0,legend:{x:.5,y:-.2,xanchor:"center",yanchor:"top",orientation:"h",font:{size:13,color:t.legendColor,family:"Inter, sans-serif",weight:500,lineheight:18}},xaxis:{title:{text:c,font:{size:16,color:t.textSecondary,family:"Inter, sans-serif",weight:400},standoff:15},gridcolor:m,...y},yaxis:{title:{text:a,font:{size:16,color:t.textSecondary,family:"Inter, sans-serif",weight:400},standoff:15},gridcolor:m,...y},paper_bgcolor:t.paperBg,plot_bgcolor:t.plotBg},s={responsive:!0,displayModeBar:!1,displaylogo:!1};P.newPlot(r.current,C,o,s),h(r.current);const z=r.current;return()=>{z&&P.purge(z)}},[i,p,c,a,C,w,y,m,t,h]),M.jsxs("div",{className:"dotplot-container relative",style:{width:i},children:[M.jsx("div",{ref:r,style:{width:"100%",height:"100%",margin:"0"}}),k]})};exports.DotPlot=v;
 //# sourceMappingURL=DotPlot.cjs.map

package/dist/components/charts/DotPlot/DotPlot.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DotPlot.cjs","sources":["../../../../src/components/charts/DotPlot/DotPlot.tsx"],"sourcesContent":["import Plotly from \"plotly.js-dist\";\nimport React, { useEffect, useRef, useMemo } from \"react\";\n\nimport { usePlotlyTheme } from \"@/hooks/use-plotly-theme\";\nimport { COLORS } from \"@/utils/colors\";\n\ntype MarkerSymbol =\n  | \"circle\"\n  | \"square\"\n  | \"diamond\"\n  | \"triangle-up\"\n  | \"triangle-down\"\n  | \"star\";\n\ninterface DotPlotDataSeries {\n  x: number[];\n  y: number[];\n  name: string;\n  color?: string;\n  symbol?: MarkerSymbol;\n  size?: number;\n}\n\ntype DotPlotVariant = \"default\" | \"stacked\";\n\ntype DotPlotProps = {\n  dataSeries: DotPlotDataSeries | DotPlotDataSeries[];\n  width?: number;\n  height?: number;\n  title?: string;\n  xTitle?: string;\n  yTitle?: string;\n  variant?: DotPlotVariant;\n  markerSize?: number;\n};\n\nconst DotPlot: React.FC<DotPlotProps> = ({\n  dataSeries,\n  width = 1000,\n  height = 600,\n  title = \"Dot Plot\",\n  xTitle = \"Columns\",\n  yTitle = \"Rows\",\n  variant = \"default\",\n  markerSize = 8,\n}) => {\n  const plotRef = useRef<HTMLDivElement>(null);\n  const theme = usePlotlyTheme();\n  const seriesArray = useMemo(\n    () => (Array.isArray(dataSeries) ? dataSeries : [dataSeries]),\n    [dataSeries],\n  );\n\n  const defaultColors = useMemo(\n    () => [\n      COLORS.ORANGE,\n      COLORS.RED,\n      COLORS.GREEN,\n      COLORS.BLUE,\n      COLORS.YELLOW,\n      COLORS.PURPLE,\n    ],\n    [],\n  );\n\n  const defaultSymbols: MarkerSymbol[] = useMemo(\n    () => [\n      \"circle\",\n      \"square\",\n      \"diamond\",\n      \"triangle-up\",\n      \"triangle-down\",\n      \"star\",\n    ],\n    [],\n  );\n\n  const seriesWithColors = useMemo(() => {\n    return seriesArray.map((series, index) => {\n      if (variant === \"default\") {\n        // Default variant: all circles, use first color or series color\n        return {\n          ...series,\n          color: series.color || defaultColors[0],\n          symbol: \"circle\" as MarkerSymbol,\n          size: series.size || markerSize,\n        };\n      } else {\n        // Stacked variant: different symbols and colors for each series\n        return {\n          ...series,\n          color: series.color || defaultColors[index % defaultColors.length],\n          symbol:\n            series.symbol || defaultSymbols[index % defaultSymbols.length],\n          size: series.size || markerSize,\n        };\n      }\n    });\n  }, [seriesArray, variant, markerSize, defaultColors, defaultSymbols]);\n\n  const gridColor = theme.gridColor;\n\n  const plotData = useMemo(\n    () =>\n      seriesWithColors.map((series) => ({\n        type: \"scatter\" as const,\n        x: series.x,\n        y: series.y,\n        mode: \"markers\" as const,\n        name: series.name,\n        marker: {\n          color: series.color,\n          size: series.size,\n          symbol: series.symbol,\n          line: {\n            color: theme.paperBg,\n            width: 1,\n          },\n        },\n        hovertemplate: `${xTitle}: %{x}<br>${yTitle}: %{y}<extra>${series.name}</extra>`,\n      })),\n    [seriesWithColors, xTitle, yTitle, theme],\n  );\n\n  const tickOptions = useMemo(\n    () => ({\n      tickcolor: theme.tickColor,\n      ticklen: 12,\n      tickwidth: 1,\n      ticks: \"outside\" as const,\n      tickfont: {\n        size: 16,\n        color: theme.textColor,\n        family: \"Inter, sans-serif\",\n        weight: 400,\n      },\n      linecolor: theme.lineColor,\n      linewidth: 1,\n      position: 0,\n      zeroline: false,\n    }),\n    [theme],\n  );\n\n  const titleOptions = useMemo(\n    () => ({\n      text: title,\n      x: 0.5,\n      y: 0.95,\n      xanchor: \"center\" as const,\n      yanchor: \"top\" as const,\n      font: {\n        size: 32,\n        weight: 600,\n        family: \"Inter, sans-serif\",\n        color: theme.textColor,\n        lineheight: 1.2,\n        standoff: 30,\n      },\n    }),\n    [title, theme],\n  );\n\n  useEffect(() => {\n    if (!plotRef.current) return;\n\n    const layout = {\n      width,\n      height,\n      font: {\n        family: \"Inter, sans-serif\",\n      },\n      title: titleOptions,\n      margin: { l: 80, r: 40, b: 80, t: 80, pad: 0 },\n      showlegend: true,\n      legend: {\n        x: 0.5,\n        y: -0.2,\n        xanchor: \"center\" as const,\n        yanchor: \"top\" as const,\n        orientation: \"h\" as const,\n        font: {\n          size: 13,\n          color: theme.legendColor,\n          family: \"Inter, sans-serif\",\n          weight: 500,\n          lineheight: 18,\n        },\n      },\n      xaxis: {\n        title: {\n          text: xTitle,\n          font: {\n            size: 16,\n            color: theme.textSecondary,\n            family: \"Inter, sans-serif\",\n            weight: 400,\n          },\n          standoff: 15,\n        },\n        gridcolor: gridColor,\n        ...tickOptions,\n      },\n      yaxis: {\n        title: {\n          text: yTitle,\n          font: {\n            size: 16,\n            color: theme.textSecondary,\n            family: \"Inter, sans-serif\",\n            weight: 400,\n          },\n          standoff: 15,\n        },\n        gridcolor: gridColor,\n        ...tickOptions,\n      },\n      paper_bgcolor: theme.paperBg,\n      plot_bgcolor: theme.plotBg,\n    };\n\n    const config = {\n      responsive: true,\n      displayModeBar: false,\n      displaylogo: false,\n    };\n\n    Plotly.newPlot(plotRef.current, plotData, layout, config);\n\n    // Capture ref value for cleanup\n    const plotElement = plotRef.current;\n\n    return () => {\n      if (plotElement) {\n        Plotly.purge(plotElement);\n      }\n    };\n  }, [width, height, xTitle, yTitle, plotData, titleOptions, tickOptions, gridColor, theme]);\n\n  return (\n    <div className=\"dotplot-container\" style={{ width: width }}>\n      <div\n        ref={plotRef}\n        style={{\n          width: \"100%\",\n          height: \"100%\",\n          margin: \"0\",\n        }}\n      />\n    </div>\n  );\n};\n\nexport { DotPlot };\nexport type { DotPlotDataSeries, DotPlotProps, DotPlotVariant, MarkerSymbol };\n"],"names":["DotPlot","dataSeries","width","height","title","xTitle","yTitle","variant","markerSize","plotRef","useRef","theme","usePlotlyTheme","seriesArray","useMemo","defaultColors","COLORS","defaultSymbols","seriesWithColors","series","index","gridColor","plotData","tickOptions","titleOptions","useEffect","layout","config","Plotly","plotElement","jsx"],"mappings":"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"}
+{"version":3,"file":"DotPlot.cjs","sources":["../../../../src/components/charts/DotPlot/DotPlot.tsx"],"sourcesContent":["import Plotly from \"plotly.js-dist\";\nimport React, { useEffect, useRef, useMemo } from \"react\";\n\nimport { useChartTooltip } from \"../ChartTooltip\";\n\nimport { usePlotlyTheme } from \"@/hooks/use-plotly-theme\";\nimport { CHART_COLORS } from \"@/utils/colors\";\n\ntype MarkerSymbol =\n  | \"circle\"\n  | \"square\"\n  | \"diamond\"\n  | \"triangle-up\"\n  | \"triangle-down\"\n  | \"star\";\n\ninterface DotPlotDataSeries {\n  x: number[];\n  y: number[];\n  name: string;\n  color?: string;\n  symbol?: MarkerSymbol;\n  size?: number;\n}\n\ntype DotPlotVariant = \"default\" | \"stacked\";\n\ntype DotPlotProps = {\n  dataSeries: DotPlotDataSeries | DotPlotDataSeries[];\n  width?: number;\n  height?: number;\n  title?: string;\n  xTitle?: string;\n  yTitle?: string;\n  variant?: DotPlotVariant;\n  markerSize?: number;\n};\n\nconst DotPlot: React.FC<DotPlotProps> = ({\n  dataSeries,\n  width = 1000,\n  height = 600,\n  title = \"Dot Plot\",\n  xTitle = \"Columns\",\n  yTitle = \"Rows\",\n  variant = \"default\",\n  markerSize = 8,\n}) => {\n  const plotRef = useRef<HTMLDivElement>(null);\n  const theme = usePlotlyTheme();\n  const { bindTooltip, tooltipElement } = useChartTooltip({ xLabel: xTitle, yLabel: yTitle });\n  const seriesArray = useMemo(\n    () => (Array.isArray(dataSeries) ? dataSeries : [dataSeries]),\n    [dataSeries],\n  );\n\n  const defaultColors = CHART_COLORS;\n\n  const defaultSymbols: MarkerSymbol[] = useMemo(\n    () => [\n      \"circle\",\n      \"square\",\n      \"diamond\",\n      \"triangle-up\",\n      \"triangle-down\",\n      \"star\",\n    ],\n    [],\n  );\n\n  const seriesWithColors = useMemo(() => {\n    return seriesArray.map((series, index) => {\n      if (variant === \"default\") {\n        // Default variant: all circles, use first color or series color\n        return {\n          ...series,\n          color: series.color || defaultColors[0],\n          symbol: \"circle\" as MarkerSymbol,\n          size: series.size || markerSize,\n        };\n      } else {\n        // Stacked variant: different symbols and colors for each series\n        return {\n          ...series,\n          color: series.color || defaultColors[index % defaultColors.length],\n          symbol:\n            series.symbol || defaultSymbols[index % defaultSymbols.length],\n          size: series.size || markerSize,\n        };\n      }\n    });\n  }, [seriesArray, variant, markerSize, defaultColors, defaultSymbols]);\n\n  const gridColor = theme.gridColor;\n\n  const plotData = useMemo(\n    () =>\n      seriesWithColors.map((series) => ({\n        type: \"scatter\" as const,\n        x: series.x,\n        y: series.y,\n        mode: \"markers\" as const,\n        name: series.name,\n        marker: {\n          color: series.color,\n          size: series.size,\n          symbol: series.symbol,\n          line: {\n            color: theme.paperBg,\n            width: 1,\n          },\n        },\n        hoverinfo: \"none\" as const,\n      })),\n    [seriesWithColors, theme],\n  );\n\n  const tickOptions = useMemo(\n    () => ({\n      tickcolor: theme.tickColor,\n      ticklen: 12,\n      tickwidth: 1,\n      ticks: \"outside\" as const,\n      tickfont: {\n        size: 16,\n        color: theme.textColor,\n        family: \"Inter, sans-serif\",\n        weight: 400,\n      },\n      linecolor: theme.lineColor,\n      linewidth: 1,\n      position: 0,\n      zeroline: false,\n    }),\n    [theme],\n  );\n\n  const titleOptions = useMemo(\n    () => ({\n      text: title,\n      x: 0.5,\n      y: 0.95,\n      xanchor: \"center\" as const,\n      yanchor: \"top\" as const,\n      font: {\n        size: 32,\n        weight: 600,\n        family: \"Inter, sans-serif\",\n        color: theme.textColor,\n        lineheight: 1.2,\n        standoff: 30,\n      },\n    }),\n    [title, theme],\n  );\n\n  useEffect(() => {\n    if (!plotRef.current) return;\n\n    const layout = {\n      width,\n      height,\n      font: {\n        family: \"Inter, sans-serif\",\n      },\n      title: titleOptions,\n      margin: { l: 80, r: 40, b: 80, t: 80, pad: 0 },\n      showlegend: true,\n      legend: {\n        x: 0.5,\n        y: -0.2,\n        xanchor: \"center\" as const,\n        yanchor: \"top\" as const,\n        orientation: \"h\" as const,\n        font: {\n          size: 13,\n          color: theme.legendColor,\n          family: \"Inter, sans-serif\",\n          weight: 500,\n          lineheight: 18,\n        },\n      },\n      xaxis: {\n        title: {\n          text: xTitle,\n          font: {\n            size: 16,\n            color: theme.textSecondary,\n            family: \"Inter, sans-serif\",\n            weight: 400,\n          },\n          standoff: 15,\n        },\n        gridcolor: gridColor,\n        ...tickOptions,\n      },\n      yaxis: {\n        title: {\n          text: yTitle,\n          font: {\n            size: 16,\n            color: theme.textSecondary,\n            family: \"Inter, sans-serif\",\n            weight: 400,\n          },\n          standoff: 15,\n        },\n        gridcolor: gridColor,\n        ...tickOptions,\n      },\n      paper_bgcolor: theme.paperBg,\n      plot_bgcolor: theme.plotBg,\n    };\n\n    const config = {\n      responsive: true,\n      displayModeBar: false,\n      displaylogo: false,\n    };\n\n    Plotly.newPlot(plotRef.current, plotData, layout, config);\n    bindTooltip(plotRef.current);\n\n    // Capture ref value for cleanup\n    const plotElement = plotRef.current;\n\n    return () => {\n      if (plotElement) {\n        Plotly.purge(plotElement);\n      }\n    };\n  }, [width, height, xTitle, yTitle, plotData, titleOptions, tickOptions, gridColor, theme, bindTooltip]);\n\n  return (\n    <div className=\"dotplot-container relative\" style={{ width: width }}>\n      <div\n        ref={plotRef}\n        style={{\n          width: \"100%\",\n          height: \"100%\",\n          margin: \"0\",\n        }}\n      />\n      {tooltipElement}\n    </div>\n  );\n};\n\nexport { DotPlot };\nexport type { DotPlotDataSeries, DotPlotProps, DotPlotVariant, MarkerSymbol };\n"],"names":["DotPlot","dataSeries","width","height","title","xTitle","yTitle","variant","markerSize","plotRef","useRef","theme","usePlotlyTheme","bindTooltip","tooltipElement","useChartTooltip","seriesArray","useMemo","defaultColors","CHART_COLORS","defaultSymbols","seriesWithColors","series","index","gridColor","plotData","tickOptions","titleOptions","useEffect","layout","config","Plotly","plotElement","jsx"],"mappings":"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"}