spectraview 1.0.0 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +11 -11
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +92 -1
- package/dist/index.d.ts +92 -1
- package/dist/index.js +11 -11
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var We=Object.defineProperty;var jt=Object.getOwnPropertyDescriptor;var Kt=Object.getOwnPropertyNames;var Gt=Object.prototype.hasOwnProperty;var Jt=(e,t)=>{for(var r in t)We(e,r,{get:t[r],enumerable:!0})},qt=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Kt(t))!Gt.call(e,o)&&o!==r&&We(e,o,{get:()=>t[o],enumerable:!(n=jt(t,o))||n.enumerable});return e};var Qt=e=>qt(We({},"__esModule",{value:!0}),e);var Ur={};Jt(Ur,{AnnotationLayer:()=>Se,AxisLayer:()=>te,Crosshair:()=>xe,DARK_THEME:()=>Ge,DropZone:()=>we,ExportMenu:()=>Ft,KEYBOARD_SHORTCUTS:()=>wt,LIGHT_THEME:()=>Ke,LINE_DASH_PATTERNS:()=>et,Legend:()=>se,PeakMarkers:()=>he,RegionSelector:()=>ye,SPECTRUM_COLORS:()=>de,SpectraView:()=>kt,SpectrumCanvas:()=>ee,StackedView:()=>Re,Toolbar:()=>Ce,binarySearchClosest:()=>Je,computeXExtent:()=>pe,computeYExtent:()=>G,createXScale:()=>fe,createYScale:()=>J,detectPeaks:()=>Pe,downloadSvg:()=>$e,generateChartDescription:()=>Le,generateSvg:()=>Fe,getSpectrumColor:()=>U,getThemeColors:()=>q,lttbDownsample:()=>ge,parseCsv:()=>Ae,parseCsvMulti:()=>Lt,parseJcamp:()=>Ue,parseJson:()=>De,parseSpc:()=>$t,prefersReducedMotion:()=>Ct,snapToNearestSpectrum:()=>ve,useExport:()=>Ut,useKeyboardNavigation:()=>Me,usePeakPicking:()=>Tt,useRegionSelect:()=>Te,useResizeObserver:()=>Ee,useSpectrumData:()=>It,useZoomPan:()=>be});module.exports=Qt(Ur);var E=require("react");var Ye=require("d3-scale"),je=require("d3-array"),er=.05;function pe(e){let t=1/0,r=-1/0;for(let n of e){if(n.visible===!1)continue;let[o,i]=(0,je.extent)(n.x);o<t&&(t=o),i>r&&(r=i)}return isFinite(t)?[t,r]:[0,1]}function G(e){let t=1/0,r=-1/0;for(let i of e){if(i.visible===!1)continue;let[l,s]=(0,je.extent)(i.y);l<t&&(t=l),s>r&&(r=s)}if(!isFinite(t))return[0,1];let o=(r-t)*er;return[t-o,r+o]}function fe(e,t,r,n){let o=t-r.left-r.right,i=n?[e[1],e[0]]:e;return(0,Ye.scaleLinear)().domain(i).range([0,o])}function J(e,t,r){let n=t-r.top-r.bottom;return(0,Ye.scaleLinear)().domain(e).range([n,0])}var de=["#2563eb","#dc2626","#16a34a","#9333ea","#ea580c","#0891b2","#be185d","#854d0e","#4f46e5","#65a30d"],Ke={background:"#ffffff",axisColor:"#374151",gridColor:"#e5e7eb",tickColor:"#6b7280",labelColor:"#111827",crosshairColor:"#9ca3af",regionFill:"rgba(37, 99, 235, 0.1)",regionStroke:"rgba(37, 99, 235, 0.4)",tooltipBg:"#ffffff",tooltipBorder:"#d1d5db",tooltipText:"#111827"},Ge={background:"#111827",axisColor:"#d1d5db",gridColor:"#374151",tickColor:"#9ca3af",labelColor:"#f9fafb",crosshairColor:"#6b7280",regionFill:"rgba(96, 165, 250, 0.15)",regionStroke:"rgba(96, 165, 250, 0.5)",tooltipBg:"#1f2937",tooltipBorder:"#4b5563",tooltipText:"#f9fafb"};function U(e){return de[e%de.length]}function q(e){return e==="dark"?Ge:Ke}var P=require("react"),Q=require("d3-zoom"),X=require("d3-selection"),Nr=require("d3-transition"),ut=1.5;function be(e){let{plotWidth:t,plotHeight:r,xScale:n,yScale:o,scaleExtent:i=[1,50],enabled:l=!0,onViewChange:s}=e,c=(0,P.useRef)(null),m=(0,P.useRef)(null),u=(0,P.useRef)(s);u.current=s;let p=(0,P.useRef)(i);p.current=i;let[f,a]=(0,P.useState)(Q.zoomIdentity),d=(0,P.useMemo)(()=>f.rescaleX(n.copy()),[f,n]),g=(0,P.useMemo)(()=>f.rescaleY(o.copy()),[f,o]);(0,P.useEffect)(()=>{let v=c.current;if(!v||!l)return;let k=(0,Q.zoom)().scaleExtent(p.current).extent([[0,0],[t,r]]).translateExtent([[-1/0,-1/0],[1/0,1/0]]).on("zoom",h=>{let y=h.transform;if(a(y),u.current){let w=y.rescaleX(n.copy()),x=y.rescaleY(o.copy());u.current(w.domain(),x.domain())}});return m.current=k,(0,X.select)(v).call(k),(0,X.select)(v).on("dblclick.zoom",()=>{(0,X.select)(v).transition().duration(300).call(k.transform,Q.zoomIdentity)}),()=>{(0,X.select)(v).on(".zoom",null)}},[t,r,l,n,o]);let S=(0,P.useCallback)(()=>{!c.current||!m.current||(0,X.select)(c.current).transition().duration(300).call(m.current.transform,Q.zoomIdentity)},[]),b=(0,P.useCallback)(()=>{!c.current||!m.current||(0,X.select)(c.current).transition().duration(200).call(m.current.scaleBy,ut)},[]),C=(0,P.useCallback)(()=>{!c.current||!m.current||(0,X.select)(c.current).transition().duration(200).call(m.current.scaleBy,1/ut)},[]);return{zoomRef:c,state:{transform:f,isZoomed:f.k!==1||f.x!==0||f.y!==0},zoomedXScale:d,zoomedYScale:g,resetZoom:S,zoomIn:b,zoomOut:C}}var $=require("react");function ge(e,t,r,n,o,i,l){let s=n-r;if(s<=l){let f=[];for(let a=r;a<n;a++)f.push({px:o(e[a]),py:i(t[a]),index:a});return f}let c=[];c.push({px:o(e[r]),py:i(t[r]),index:r});let m=l-2,u=(s-2)/m,p=r;for(let f=0;f<m;f++){let a=r+1+Math.floor(f*u),d=r+1+Math.min(Math.floor((f+1)*u),s-2),g=d,S=r+1+Math.min(Math.floor((f+2)*u),s-2),b,C;if(f===m-1)b=o(e[n-1]),C=i(t[n-1]);else{b=0,C=0;let w=S-g;for(let x=g;x<S;x++)b+=o(e[x]),C+=i(t[x]);w>0&&(b/=w,C/=w)}let v=o(e[p]),k=i(t[p]),h=-1,y=a;for(let w=a;w<d;w++){let x=o(e[w]),T=i(t[w]),L=Math.abs((v-b)*(T-k)-(v-x)*(C-k));L>h&&(h=L,y=w)}c.push({px:o(e[y]),py:i(t[y]),index:y}),p=y}return c.push({px:o(e[n-1]),py:i(t[n-1]),index:n-1}),c}var tr=1.5,rr={solid:[],dashed:[8,4],dotted:[2,2],"dash-dot":[8,4,2,4]},or=2e3;function nr(e,t,r){e.clearRect(0,0,t,r)}function ir(e,t,r,n,o,i,l){let{highlighted:s=!1,opacity:c=1}=l??{},m=Math.min(t.x.length,t.y.length);if(m<2)return;let u=t.color??U(r),p=t.lineWidth??tr,f=s?p+1:p,a=rr[t.lineStyle??"solid"]??[],[d,g]=n.domain(),S=Math.min(d,g),b=Math.max(d,g),C=0,v=m;for(let h=0;h<m;h++)if(t.x[h]>=S||h<m-1&&t.x[h+1]>=S){C=Math.max(0,h-1);break}for(let h=m-1;h>=0;h--)if(t.x[h]<=b||h>0&&t.x[h-1]<=b){v=Math.min(m,h+2);break}let k=v-C;if(e.save(),e.beginPath(),e.strokeStyle=u,e.lineWidth=f,e.globalAlpha=c,e.lineJoin="round",e.setLineDash(a),k>or){let h=Math.max(Math.ceil(i*2),200),y=ge(t.x,t.y,C,v,n,o,h);if(y.length>0){e.moveTo(y[0].px,y[0].py);for(let w=1;w<y.length;w++)e.lineTo(y[w].px,y[w].py)}}else{let h=!1;for(let y=C;y<v;y++){let w=n(t.x[y]),x=o(t.y[y]);h?e.lineTo(w,x):(e.moveTo(w,x),h=!0)}}e.stroke(),e.restore()}function pt(e,t,r,n,o,i,l){nr(e,o,i),t.forEach((s,c)=>{s.visible!==!1&&ir(e,s,c,r,n,o,{highlighted:s.id===l,opacity:l&&s.id!==l?.3:1})})}var ft=require("react/jsx-runtime"),ee=(0,$.forwardRef)(function({spectra:t,xScale:r,yScale:n,width:o,height:i,highlightedId:l},s){let c=(0,$.useRef)(null),m=(0,$.useRef)(1);return(0,$.useImperativeHandle)(s,()=>c.current,[]),(0,$.useEffect)(()=>{let u=c.current;if(!u)return;let p=window.devicePixelRatio||1;m.current=p,u.width=o*p,u.height=i*p},[o,i]),(0,$.useEffect)(()=>{let u=c.current;if(!u)return;let p=u.getContext("2d");if(!p)return;let f=m.current;p.setTransform(f,0,0,f,0,0),pt(p,t,r,n,o,i,l)},[t,r,n,o,i,l]),(0,ft.jsx)("canvas",{ref:c,style:{width:o,height:i,position:"absolute",top:0,left:0,pointerEvents:"none"}})});var M=require("react/jsx-runtime");function dt(e,t){let[r,n]=e.domain(),o=Math.min(r,n),l=(Math.max(r,n)-o)/(t-1);return Array.from({length:t},(s,c)=>o+c*l)}function bt(e){return Math.abs(e)>=1e3?Math.round(e).toString():Math.abs(e)>=1?e.toFixed(1):Math.abs(e)>=.01?e.toFixed(3):e.toExponential(1)}function te({xScale:e,yScale:t,width:r,height:n,xLabel:o,yLabel:i,showGrid:l=!0,colors:s}){let c=dt(e,8),m=dt(t,6);return(0,M.jsxs)("g",{children:[l&&(0,M.jsxs)("g",{children:[c.map(u=>(0,M.jsx)("line",{x1:e(u),x2:e(u),y1:0,y2:n,stroke:s.gridColor,strokeWidth:.5},`xgrid-${u}`)),m.map(u=>(0,M.jsx)("line",{x1:0,x2:r,y1:t(u),y2:t(u),stroke:s.gridColor,strokeWidth:.5},`ygrid-${u}`))]}),(0,M.jsxs)("g",{transform:`translate(0, ${n})`,children:[(0,M.jsx)("line",{x1:0,x2:r,y1:0,y2:0,stroke:s.axisColor}),c.map(u=>(0,M.jsxs)("g",{transform:`translate(${e(u)}, 0)`,children:[(0,M.jsx)("line",{y1:0,y2:6,stroke:s.axisColor}),(0,M.jsx)("text",{y:20,textAnchor:"middle",fill:s.tickColor,fontSize:11,fontFamily:"system-ui, sans-serif",children:bt(u)})]},`xtick-${u}`)),o&&(0,M.jsx)("text",{x:r/2,y:42,textAnchor:"middle",fill:s.labelColor,fontSize:13,fontFamily:"system-ui, sans-serif",children:o})]}),(0,M.jsxs)("g",{children:[(0,M.jsx)("line",{x1:0,x2:0,y1:0,y2:n,stroke:s.axisColor}),m.map(u=>(0,M.jsxs)("g",{transform:`translate(0, ${t(u)})`,children:[(0,M.jsx)("line",{x1:-6,x2:0,stroke:s.axisColor}),(0,M.jsx)("text",{x:-10,textAnchor:"end",dominantBaseline:"middle",fill:s.tickColor,fontSize:11,fontFamily:"system-ui, sans-serif",children:bt(u)})]},`ytick-${u}`)),i&&(0,M.jsx)("text",{transform:`translate(-50, ${n/2}) rotate(-90)`,textAnchor:"middle",fill:s.labelColor,fontSize:13,fontFamily:"system-ui, sans-serif",children:i})]})]})}var re=require("react/jsx-runtime");function he({peaks:e,xScale:t,yScale:r,colors:n,onPeakClick:o}){let[i,l]=t.domain(),s=Math.min(i,l),c=Math.max(i,l),m=e.filter(u=>u.x>=s&&u.x<=c);return(0,re.jsx)("g",{className:"spectraview-peaks",children:m.map((u,p)=>{let f=t(u.x),a=r(u.y);return(0,re.jsxs)("g",{transform:`translate(${f}, ${a})`,style:{cursor:o?"pointer":"default"},onClick:()=>o?.(u),children:[(0,re.jsx)("polygon",{points:`0,-5 -5,${-5*2.5} 5,${-5*2.5}`,fill:n.labelColor,opacity:.8}),u.label&&(0,re.jsx)("text",{y:-5*2.5-14,textAnchor:"middle",fill:n.labelColor,fontSize:10,fontFamily:"system-ui, sans-serif",fontWeight:500,children:u.label})]},`peak-${u.x}-${p}`)})})}var oe=require("react/jsx-runtime");function ye({regions:e,xScale:t,height:r,colors:n}){return(0,oe.jsx)("g",{className:"spectraview-regions",children:e.map((o,i)=>{let l=t(o.xStart),s=t(o.xEnd),c=Math.min(l,s),m=Math.abs(s-l);return(0,oe.jsxs)("g",{children:[(0,oe.jsx)("rect",{x:c,y:0,width:m,height:r,fill:o.color??n.regionFill,stroke:n.regionStroke,strokeWidth:1}),o.label&&(0,oe.jsx)("text",{x:c+m/2,y:12,textAnchor:"middle",fill:n.labelColor,fontSize:10,fontFamily:"system-ui, sans-serif",children:o.label})]},`region-${i}`)})})}var N=require("react/jsx-runtime");function xe({position:e,width:t,height:r,colors:n,snapPoint:o}){return e?(0,N.jsxs)("g",{className:"spectraview-crosshair",pointerEvents:"none",children:[(0,N.jsx)("line",{x1:e.px,x2:e.px,y1:0,y2:r,stroke:n.crosshairColor,strokeWidth:1,strokeDasharray:"4 4"}),(0,N.jsx)("line",{x1:0,x2:t,y1:e.py,y2:e.py,stroke:n.crosshairColor,strokeWidth:1,strokeDasharray:"4 4"}),o&&(0,N.jsx)("circle",{cx:o.px,cy:o.py,r:4,fill:o.color??n.crosshairColor,stroke:n.background,strokeWidth:1.5}),(0,N.jsxs)("g",{transform:`translate(${Math.min(e.px+10,t-100)}, ${Math.max(e.py-10,20)})`,children:[(0,N.jsx)("rect",{x:0,y:-14,width:90,height:18,rx:3,fill:n.tooltipBg,stroke:n.tooltipBorder,strokeWidth:.5,opacity:.9}),(0,N.jsxs)("text",{x:5,y:0,fill:n.tooltipText,fontSize:10,fontFamily:"monospace",children:[gt(o?.dataX??e.dataX),","," ",gt(o?.dataY??e.dataY)]})]})]}):null}function gt(e){return Math.abs(e)>=100?Math.round(e).toString():Math.abs(e)>=1?e.toFixed(1):e.toFixed(4)}var H=require("react/jsx-runtime");function Se({annotations:e,xScale:t,yScale:r,colors:n}){return e.length===0?null:(0,H.jsx)("g",{className:"spectraview-annotations",pointerEvents:"none",children:e.map(o=>{let i=t(o.x),l=r(o.y),[s,c]=o.offset??[0,-20],m=i+s,u=l+c,p=o.fontSize??11,f=o.color??n.tickColor,a=o.showAnchorLine!==!1;return(0,H.jsxs)("g",{children:[a&&(0,H.jsx)("line",{x1:i,y1:l,x2:m,y2:u,stroke:f,strokeWidth:.75,strokeDasharray:"3 2",opacity:.6}),(0,H.jsx)("circle",{cx:i,cy:l,r:2.5,fill:f,opacity:.8}),(0,H.jsx)("text",{x:m,y:u,fill:n.background,fontSize:p,fontFamily:"system-ui, sans-serif",textAnchor:"middle",dominantBaseline:"auto",stroke:n.background,strokeWidth:3,strokeLinejoin:"round",children:o.text}),(0,H.jsx)("text",{x:m,y:u,fill:f,fontSize:p,fontFamily:"system-ui, sans-serif",textAnchor:"middle",dominantBaseline:"auto",children:o.text})]},o.id)})})}function Je(e,t,r){if(r===0)return-1;if(r===1)return 0;let n=e[r-1]>=e[0],o=0,i=r-1;for(;o<i-1;){let c=o+i>>>1,m=e[c];n?m<=t?o=c:i=c:m>=t?o=c:i=c}let l=Math.abs(e[o]-t),s=Math.abs(e[i]-t);return l<=s?o:i}function ve(e,t,r,n,o){let i=null;for(let l of e){if(l.visible===!1)continue;let s=Math.min(l.x.length,l.y.length);if(s<2)continue;let c=Je(l.x,t,s);if(c<0)continue;let m=l.x[c],u=l.y[c],p=Math.abs(n(m)-n(t)),f=Math.abs(o(u)-r),a=Math.sqrt(p*p+f*f);(!i||a<i.distance)&&(i={spectrumId:l.id,index:c,x:m,y:u,distance:a})}return i}var ht=require("react"),ne=require("react/jsx-runtime"),qe=e=>({display:"inline-flex",alignItems:"center",justifyContent:"center",width:28,height:28,border:`1px solid ${e==="dark"?"#4b5563":"#d1d5db"}`,borderRadius:4,background:e==="dark"?"#1f2937":"#ffffff",color:e==="dark"?"#d1d5db":"#374151",fontSize:14,cursor:"pointer",padding:0,lineHeight:1}),sr=e=>({display:"flex",gap:4,padding:"4px 0",borderBottom:`1px solid ${e==="dark"?"#374151":"#e5e7eb"}`}),Ce=(0,ht.memo)(function({onZoomIn:t,onZoomOut:r,onReset:n,isZoomed:o,theme:i}){return(0,ne.jsxs)("div",{style:sr(i),className:"spectraview-toolbar",children:[(0,ne.jsx)("button",{type:"button",style:qe(i),onClick:t,title:"Zoom in","aria-label":"Zoom in",children:"+"}),(0,ne.jsx)("button",{type:"button",style:qe(i),onClick:r,title:"Zoom out","aria-label":"Zoom out",children:"\u2212"}),(0,ne.jsx)("button",{type:"button",style:{...qe(i),opacity:o?1:.4},onClick:n,disabled:!o,title:"Reset zoom","aria-label":"Reset zoom",children:"\u21BA"})]})});var yt=require("react");var ie=require("react/jsx-runtime"),ar=(e,t)=>({display:"flex",flexDirection:t==="left"||t==="right"?"column":"row",flexWrap:"wrap",gap:6,padding:"4px 8px",fontSize:12,fontFamily:"system-ui, sans-serif",borderTop:t==="bottom"?`1px solid ${e==="dark"?"#374151":"#e5e7eb"}`:void 0,borderBottom:t==="top"?`1px solid ${e==="dark"?"#374151":"#e5e7eb"}`:void 0,borderLeft:t==="right"?`1px solid ${e==="dark"?"#374151":"#e5e7eb"}`:void 0,borderRight:t==="left"?`1px solid ${e==="dark"?"#374151":"#e5e7eb"}`:void 0}),lr=(e,t,r)=>({display:"inline-flex",alignItems:"center",gap:4,cursor:"pointer",opacity:t?.4:1,fontWeight:r?600:400,color:e==="dark"?"#e5e7eb":"#374151",userSelect:"none",padding:"2px 4px",borderRadius:3,background:r?e==="dark"?"rgba(255,255,255,0.08)":"rgba(0,0,0,0.04)":"transparent",transition:"background 0.15s, opacity 0.15s"}),cr=(e,t)=>({width:12,height:3,borderRadius:1,background:e,opacity:t?.4:1,flexShrink:0}),se=(0,yt.memo)(function({spectra:t,theme:r,position:n,onToggleVisibility:o,onHighlight:i,highlightedId:l}){return t.length<=1?null:(0,ie.jsx)("div",{className:"spectraview-legend",style:ar(r,n),role:"list","aria-label":"Spectrum legend",children:t.map((s,c)=>{let m=s.color??U(c),u=s.visible===!1,p=l===s.id;return(0,ie.jsxs)("div",{role:"listitem",style:lr(r,u,p),onClick:()=>o?.(s.id),onMouseEnter:()=>i?.(s.id),onMouseLeave:()=>i?.(null),title:u?`Show ${s.label}`:`Hide ${s.label}`,children:[(0,ie.jsx)("span",{style:cr(m,u)}),(0,ie.jsx)("span",{style:{textDecoration:u?"line-through":"none",maxWidth:120,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:s.label})]},s.id)})})});var K=require("react"),ke=require("react/jsx-runtime");function we({enabled:e,theme:t,width:r,height:n,onDrop:o,children:i}){let[l,s]=(0,K.useState)(!1),c={current:0},m=(0,K.useCallback)(a=>{e&&(a.preventDefault(),c.current++,s(!0))},[e]),u=(0,K.useCallback)(a=>{e&&(a.preventDefault(),c.current--,c.current<=0&&(c.current=0,s(!1)))},[e]),p=(0,K.useCallback)(a=>{e&&(a.preventDefault(),a.dataTransfer.dropEffect="copy")},[e]),f=(0,K.useCallback)(a=>{if(!e)return;a.preventDefault(),c.current=0,s(!1);let d=Array.from(a.dataTransfer.files);d.length>0&&o?.(d)},[e,o]);return(0,ke.jsxs)("div",{style:{position:"relative",width:r,height:n},onDragEnter:m,onDragLeave:u,onDragOver:p,onDrop:f,children:[i,l&&(0,ke.jsx)("div",{"data-testid":"dropzone-overlay",style:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",background:t==="dark"?"rgba(30, 58, 138, 0.6)":"rgba(59, 130, 246, 0.15)",border:`2px dashed ${t==="dark"?"#60a5fa":"#3b82f6"}`,borderRadius:4,zIndex:100,pointerEvents:"none",fontSize:14,fontFamily:"system-ui, sans-serif",color:t==="dark"?"#93c5fd":"#1d4ed8",fontWeight:500},children:"Drop spectrum files here"})]})}var St=require("react");var z=require("react/jsx-runtime"),xt=8;function Re({spectra:e,xScale:t,plotWidth:r,plotHeight:n,margin:o,theme:i,showGrid:l,xLabel:s,yLabel:c}){let m=e.filter(d=>d.visible!==!1),u=(0,St.useMemo)(()=>q(i),[i]),p=m.length,f=(p-1)*xt,a=Math.max(40,Math.floor((n-f)/Math.max(p,1)));return(0,z.jsx)("g",{className:"spectraview-stacked",children:m.map((d,g)=>{let S=g*(a+xt),b=G([d]),C=J(b,a+o.top+o.bottom,{...o,top:0,bottom:0}),v=d.color??U(g),k={...d,color:v};return(0,z.jsxs)("g",{transform:`translate(0, ${S})`,children:[(0,z.jsx)("rect",{x:0,y:0,width:r,height:a,fill:"transparent",stroke:u.gridColor,strokeWidth:.5,rx:2}),(0,z.jsx)(te,{xScale:t,yScale:C,width:r,height:a,xLabel:g===p-1?s:"",yLabel:c,showGrid:l,colors:u}),(0,z.jsx)("text",{x:4,y:14,fill:v,fontSize:11,fontFamily:"system-ui, sans-serif",fontWeight:500,children:d.label}),(0,z.jsx)("foreignObject",{x:0,y:0,width:r,height:a,children:(0,z.jsx)(ee,{spectra:[k],xScale:t,yScale:C,width:r,height:a})})]},d.id)})})}var W=require("react");function Te(e){let{enabled:t,xScale:r,onRegionSelect:n}=e,[o,i]=(0,W.useState)(null),l=(0,W.useRef)(null),s=(0,W.useCallback)(u=>{if(!t||!u.shiftKey)return;u.preventDefault();let p=u.currentTarget.getBoundingClientRect(),f=u.clientX-p.left,a=r.invert(f);l.current=a,i({xStart:a,xEnd:a})},[t,r]),c=(0,W.useCallback)(u=>{if(l.current===null)return;let p=u.currentTarget.getBoundingClientRect(),f=u.clientX-p.left,a=r.invert(f),d=l.current;i({xStart:Math.min(d,a),xEnd:Math.max(d,a)})},[r]),m=(0,W.useCallback)(()=>{if(l.current===null||!o)return;Math.abs(o.xEnd-o.xStart)>0&&n?.(o),l.current=null,i(null)},[o,n]);return{pendingRegion:o,handleMouseDown:s,handleMouseMove:c,handleMouseUp:m}}var V=require("react");function Ee(){let[e,t]=(0,V.useState)(null),r=(0,V.useRef)(null),n=(0,V.useRef)(null),o=(0,V.useCallback)(i=>{if(r.current&&(r.current.disconnect(),r.current=null),n.current=i,!i)return;let l=new ResizeObserver(m=>{let u=m[0];if(!u)return;let{width:p,height:f}=u.contentRect;t({width:Math.round(p),height:Math.round(f)})});l.observe(i),r.current=l;let{width:s,height:c}=i.getBoundingClientRect();t({width:Math.round(s),height:Math.round(c)})},[]);return(0,V.useEffect)(()=>()=>{r.current?.disconnect()},[]),{ref:o,size:e}}var vt=require("react");function Me(e){let{onZoomIn:t,onZoomOut:r,onReset:n,enabled:o=!0}=e;return(0,vt.useCallback)(l=>{if(o)switch(l.key){case"+":case"=":l.preventDefault(),t();break;case"-":l.preventDefault(),r();break;case"Escape":l.preventDefault(),n();break}},[o,t,r,n])}function Ct(){return typeof window>"u"?!1:window.matchMedia("(prefers-reduced-motion: reduce)").matches}function Le(e,t,r){return e===0?"Empty spectrum viewer":`Interactive spectrum viewer showing ${e} ${e===1?"spectrum":"spectra"}. X-axis: ${t}. Y-axis: ${r}. Use arrow keys to pan, +/- to zoom, Escape to reset.`}var wt={PAN_LEFT:"ArrowLeft",PAN_RIGHT:"ArrowRight",PAN_UP:"ArrowUp",PAN_DOWN:"ArrowDown",ZOOM_IN:"+",ZOOM_IN_ALT:"=",ZOOM_OUT:"-",RESET:"Escape",NEXT_PEAK:"Tab",PREV_PEAK:"Shift+Tab"};var R=require("react/jsx-runtime"),mr={top:20,right:20,bottom:50,left:65},ur=800,pr=400;function fr(e){return{width:e.width??ur,height:e.height??pr,reverseX:e.reverseX??!1,showGrid:e.showGrid??!0,showCrosshair:e.showCrosshair??!0,showToolbar:e.showToolbar??!0,showLegend:e.showLegend??!0,legendPosition:e.legendPosition??"bottom",displayMode:e.displayMode??"overlay",margin:{...mr,...e.margin},theme:e.theme??"light",responsive:e.responsive??!1,enableDragDrop:e.enableDragDrop??!1,enableRegionSelect:e.enableRegionSelect??!1}}function dr(e,t,r){let n=e[0];return{xLabel:t??n?.xUnit??"x",yLabel:r??n?.yUnit??"y"}}function kt(e){let{spectra:t,peaks:r=[],regions:n=[],annotations:o=[],onPeakClick:i,onViewChange:l,onCrosshairMove:s,onToggleVisibility:c,onFileDrop:m,onRegionSelect:u,canvasRef:p,snapCrosshair:f=!0}=e,{ref:a,size:d}=Ee(),S=`spectraview-clip-${(0,E.useId)().replace(/:/g,"")}`,b=(0,E.useMemo)(()=>fr(e),[e.width,e.height,e.reverseX,e.showGrid,e.showCrosshair,e.showToolbar,e.showLegend,e.legendPosition,e.displayMode,e.margin,e.theme,e.responsive,e.enableDragDrop,e.enableRegionSelect]),C=b.responsive&&d?d.width:b.width,{height:v,margin:k,reverseX:h,theme:y}=b,w=C-k.left-k.right,x=v-k.top-k.bottom,T=(0,E.useMemo)(()=>q(y),[y]),L=(0,E.useMemo)(()=>dr(t,e.xLabel,e.yLabel),[t,e.xLabel,e.yLabel]),D=(0,E.useMemo)(()=>pe(t),[t]),I=(0,E.useMemo)(()=>G(t),[t]),Ve=(0,E.useMemo)(()=>fe(D,C,k,h),[D,C,k,h]),Y=(0,E.useMemo)(()=>J(I,v,k),[I,v,k]),j=(0,E.useRef)(l);j.current=l;let Ot=(0,E.useMemo)(()=>(B,me)=>{j.current?.({xDomain:B,yDomain:me})},[]),{zoomRef:tt,state:Nt,zoomedXScale:A,zoomedYScale:_,resetZoom:rt,zoomIn:ot,zoomOut:nt}=be({plotWidth:w,plotHeight:x,xScale:Ve,yScale:Y,onViewChange:l?Ot:void 0}),{pendingRegion:le,handleMouseDown:zt,handleMouseMove:Vt,handleMouseUp:Zt}=Te({enabled:b.enableRegionSelect,xScale:A,onRegionSelect:u}),[Ze,it]=(0,E.useState)(null),[_t,st]=(0,E.useState)(null),[Bt,_e]=(0,E.useState)(null),ce=(0,E.useRef)(s);ce.current=s;let at=(0,E.useCallback)(B=>{if(!b.showCrosshair)return;let me=B.currentTarget.getBoundingClientRect(),ct=B.clientX-me.left,Xe=B.clientY-me.top,ue=A.invert(ct),He=_.invert(Xe);if(st({px:ct,py:Xe,dataX:ue,dataY:He}),f&&t.length>0){let O=ve(t,ue,Xe,A,_);if(O&&O.distance<50){let mt=t.findIndex(Yt=>Yt.id===O.spectrumId);_e({px:A(O.x),py:_(O.y),dataX:O.x,dataY:O.y,color:t[mt]?.color??U(mt)}),ce.current?.(O.x,O.y)}else _e(null),ce.current?.(ue,He)}else ce.current?.(ue,He)},[A,_,b.showCrosshair,f,t]),lt=(0,E.useCallback)(()=>{st(null),_e(null)},[]),Xt=Me({onZoomIn:ot,onZoomOut:nt,onReset:rt}),Ht=(0,E.useMemo)(()=>Le(t.length,L.xLabel,L.yLabel),[t.length,L.xLabel,L.yLabel]),Wt=b.displayMode==="stacked";if(t.length===0)return(0,R.jsx)("div",{ref:b.responsive?a:void 0,style:{width:b.responsive?"100%":C,height:v,display:"flex",alignItems:"center",justifyContent:"center",border:`1px dashed ${T.gridColor}`,borderRadius:8,color:T.tickColor,fontFamily:"system-ui, sans-serif",fontSize:14},className:e.className,children:"No spectra loaded"});let Be=b.showToolbar?37:0;return(0,R.jsxs)("div",{ref:b.responsive?a:void 0,style:{width:b.responsive?"100%":C,background:T.background,borderRadius:4,overflow:"hidden"},className:e.className,role:"img","aria-label":Ht,tabIndex:0,onKeyDown:Xt,children:[b.showToolbar&&(0,R.jsx)(Ce,{onZoomIn:ot,onZoomOut:nt,onReset:rt,isZoomed:Nt.isZoomed,theme:y}),b.showLegend&&b.legendPosition==="top"&&(0,R.jsx)(se,{spectra:t,theme:y,position:"top",onToggleVisibility:c,onHighlight:it,highlightedId:Ze}),(0,R.jsx)(we,{enabled:b.enableDragDrop,theme:y,width:C,height:v-Be,onDrop:m,children:Wt?(0,R.jsx)("svg",{width:C,height:v-Be,style:{position:"absolute",top:0,left:0},children:(0,R.jsxs)("g",{transform:`translate(${k.left}, ${k.top})`,children:[(0,R.jsx)(Re,{spectra:t,xScale:A,plotWidth:w,plotHeight:x,margin:k,theme:y,showGrid:b.showGrid,xLabel:L.xLabel,yLabel:L.yLabel}),(0,R.jsx)("rect",{ref:tt,x:0,y:0,width:w,height:x,fill:"transparent",style:{cursor:"grab"},onMouseMove:at,onMouseLeave:lt})]})}):(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)("div",{style:{position:"absolute",top:k.top,left:k.left,width:w,height:x,overflow:"hidden"},children:(0,R.jsx)(ee,{ref:p,spectra:t,xScale:A,yScale:_,width:w,height:x,highlightedId:Ze??void 0})}),(0,R.jsx)("svg",{width:C,height:v-Be,style:{position:"absolute",top:0,left:0},children:(0,R.jsxs)("g",{transform:`translate(${k.left}, ${k.top})`,children:[(0,R.jsx)(te,{xScale:A,yScale:_,width:w,height:x,xLabel:L.xLabel,yLabel:L.yLabel,showGrid:b.showGrid,colors:T}),(0,R.jsx)("defs",{children:(0,R.jsx)("clipPath",{id:S,children:(0,R.jsx)("rect",{x:0,y:0,width:w,height:x})})}),(0,R.jsxs)("g",{clipPath:`url(#${S})`,children:[n.length>0&&(0,R.jsx)(ye,{regions:n,xScale:A,height:x,colors:T}),r.length>0&&(0,R.jsx)(he,{peaks:r,xScale:A,yScale:_,colors:T,onPeakClick:i})]}),o.length>0&&(0,R.jsx)(Se,{annotations:o,xScale:A,yScale:_,colors:T}),b.showCrosshair&&(0,R.jsx)(xe,{position:_t,width:w,height:x,colors:T,snapPoint:Bt}),le&&(0,R.jsx)("rect",{x:A(le.xStart),y:0,width:Math.abs(A(le.xEnd)-A(le.xStart)),height:x,fill:T.regionFill,stroke:T.regionStroke,strokeWidth:1,pointerEvents:"none"}),(0,R.jsx)("rect",{ref:tt,x:0,y:0,width:w,height:x,fill:"transparent",style:{cursor:b.showCrosshair?"crosshair":"grab"},onMouseDown:zt,onMouseMove:B=>{at(B),Vt(B)},onMouseUp:Zt,onMouseLeave:lt})]})})]})}),b.showLegend&&b.legendPosition==="bottom"&&(0,R.jsx)(se,{spectra:t,theme:y,position:"bottom",onToggleVisibility:c,onHighlight:it,highlightedId:Ze})]})}var Rt=require("react");function Pe(e,t,r={}){let{prominence:n=.01,minDistance:o=5,maxPeaks:i}=r;if(e.length<3||t.length<3)return[];let l=1/0,s=-1/0;for(let a=0;a<t.length;a++)t[a]<l&&(l=t[a]),t[a]>s&&(s=t[a]);let c=s-l;if(c===0)return[];let m=n*c,u=[];for(let a=1;a<t.length-1;a++)if(t[a]>t[a-1]&&t[a]>t[a+1]){let d=br(t,a),g=gr(t,a),S=t[a]-Math.max(d,g);S>=m&&u.push({index:a,prom:S})}u.sort((a,d)=>d.prom-a.prom);let p=[];for(let a of u)p.some(g=>Math.abs(g.index-a.index)<o)||p.push(a);return(i?p.slice(0,i):p).map(a=>({x:e[a.index],y:t[a.index],label:hr(e[a.index])})).sort((a,d)=>a.x-d.x)}function br(e,t){let r=e[t];for(let n=t-1;n>=0&&!(e[n]>e[t]);n--)e[n]<r&&(r=e[n]);return r}function gr(e,t){let r=e[t];for(let n=t+1;n<e.length&&!(e[n]>e[t]);n++)e[n]<r&&(r=e[n]);return r}function hr(e){return Math.round(e).toString()}function Tt(e,t={}){let{enabled:r=!0,spectrumIds:n,prominence:o,minDistance:i,maxPeaks:l}=t;return(0,Rt.useMemo)(()=>{if(!r)return[];let s=n?e.filter(m=>n.includes(m.id)):e,c=[];for(let m of s){if(m.visible===!1)continue;let u=Pe(m.x,m.y,{prominence:o,minDistance:i,maxPeaks:l});for(let p of u)c.push({...p,spectrumId:m.id})}return c},[e,r,n,o,i,l])}var F=require("react");var Et=0,yr=[" ",",",";"," "];function Mt(e){let t=e.trim().split(/\r?\n/).slice(0,5),r=",",n=0;for(let o of yr){let i=t.map(s=>s.split(o).length-1),l=Math.min(...i);l>0&&l>=n&&(i.every(c=>c===i[0])||l>n)&&(n=l,r=o)}return r}function Ae(e,t={}){let{xColumn:r=0,yColumn:n=1,hasHeader:o=!0,label:i="CSV Spectrum"}=t,l=t.delimiter??Mt(e),s=e.trim().split(/\r?\n/);if(s.length<2)throw new Error("CSV file must contain at least 2 lines");let c=i,m=0;if(o){let f=s[0].split(l).map(a=>a.trim());!t.label&&f[n]&&(c=f[n]),m=1}let u=[],p=[];for(let f=m;f<s.length;f++){let a=s[f].trim();if(a===""||a.startsWith("#"))continue;let d=a.split(l),g=parseFloat(d[r]),S=parseFloat(d[n]);!isNaN(g)&&!isNaN(S)&&(u.push(g),p.push(S))}if(u.length===0)throw new Error("No valid numeric data found in CSV");return{id:`csv-${++Et}`,label:c,x:new Float64Array(u),y:new Float64Array(p)}}function Lt(e,t={}){let{hasHeader:r=!0,label:n}=t,o=t.delimiter??Mt(e),i=e.trim().split(/\r?\n/);if(i.length<2)throw new Error("CSV file must contain at least 2 lines");let s=i[r?1:0].split(o).length;if(s<2)throw new Error("CSV must have at least 2 columns (x + y)");let c,m=0;r&&(c=i[0].split(o).map(a=>a.trim()),m=1);let u=[],p=Array.from({length:s-1},()=>[]);for(let a=m;a<i.length;a++){let d=i[a].trim();if(d===""||d.startsWith("#"))continue;let g=d.split(o),S=parseFloat(g[0]);if(!isNaN(S)){u.push(S);for(let b=1;b<s;b++){let C=parseFloat(g[b]);p[b-1].push(isNaN(C)?0:C)}}}let f=new Float64Array(u);return p.map((a,d)=>({id:`csv-${++Et}`,label:n??c?.[d+1]??`Spectrum ${d+1}`,x:f,y:new Float64Array(a)}))}var xr=0;function De(e){let t;try{t=JSON.parse(e)}catch{throw new Error("Invalid JSON: failed to parse input")}if(Array.isArray(t))return t.map((r,n)=>Qe(r,n));if(typeof t=="object"&&t!==null){let r=t;return Array.isArray(r.spectra)?r.spectra.map((n,o)=>Qe(n,o)):[Qe(t,0)]}throw new Error("Invalid JSON structure: expected an object or array")}function Qe(e,t){let r=e.x??e.wavenumbers??e.wavelengths;if(!r||!Array.isArray(r))throw new Error(`Spectrum ${t}: missing x-axis data (expected "x", "wavenumbers", or "wavelengths")`);let n=e.y??e.intensities??e.absorbance;if(!n||!Array.isArray(n))throw new Error(`Spectrum ${t}: missing y-axis data (expected "y", "intensities", or "absorbance")`);if(r.length!==n.length)throw new Error(`Spectrum ${t}: x and y arrays must have the same length (got ${r.length} and ${n.length})`);let o=e.label??e.title??e.name??`Spectrum ${t+1}`;return{id:`json-${++xr}`,label:o,x:new Float64Array(r),y:new Float64Array(n),xUnit:e.xUnit,yUnit:e.yUnit,type:e.type,meta:e.meta}}var At=0,Ie=null,Pt=!1;async function Sr(){if(Pt)return Ie;Pt=!0;try{Ie=await import("jcampconverter")}catch{Ie=null}return Ie}function Dt(e){let t=(e["DATA TYPE"]??e.DATATYPE??"").toLowerCase();return t.includes("infrared")||t.includes("ir")?"IR":t.includes("raman")?"Raman":t.includes("nir")||t.includes("near")?"NIR":t.includes("uv")||t.includes("vis")?"UV-Vis":t.includes("fluor")?"fluorescence":"other"}async function Ue(e){let t=await Sr();return t?vr(e,t):[Cr(e)]}function vr(e,t){return t.convert(e,{keepRecordsRegExp:/.*/}).flatten.map((n,o)=>{let i=n.spectra?.[0]?.data?.[0];if(!i)throw new Error(`JCAMP block ${o}: no spectral data found`);return{id:`jcamp-${++At}`,label:n.info?.TITLE??`Spectrum ${o+1}`,x:new Float64Array(i.x),y:new Float64Array(i.y),xUnit:n.info?.XUNITS??"cm\u207B\xB9",yUnit:n.info?.YUNITS??"Absorbance",type:Dt(n.info),meta:n.info}})}function Cr(e){let t=e.split(/\r?\n/),r={},n=[],o=[],i=!1;for(let l of t){let s=l.trim();if(s.startsWith("##")){let c=s.match(/^##(.+?)=\s*(.*)$/);if(c){let m=c[1].trim().toUpperCase(),u=c[2].trim();if(m==="XYDATA"||m==="XYPOINTS"){i=!0;continue}if(m==="END"){i=!1;continue}r[m]=u}continue}if(i&&s!==""){let c=s.split(/[\s,]+/).map(Number);if(c.length>=2&&!c.some(isNaN)){let m=c[0],u=parseFloat(r.FIRSTX??"0"),p=parseFloat(r.LASTX??"0"),f=parseInt(r.NPOINTS??"0",10);if(f>0&&c.length===2)n.push(c[0]),o.push(c[1]);else if(c.length>1){let a=f>1?(p-u)/(f-1):0;for(let d=1;d<c.length;d++)n.push(m+(d-1)*a),o.push(c[d])}}}}if(n.length===0)throw new Error("Failed to parse JCAMP-DX: no data found. Install jcampconverter for full format support.");return{id:`jcamp-${++At}`,label:r.TITLE??"JCAMP Spectrum",x:new Float64Array(n),y:new Float64Array(o),xUnit:r.XUNITS??"cm\u207B\xB9",yUnit:r.YUNITS??"Absorbance",type:Dt(r),meta:r}}function wr(e){switch(e.toLowerCase().split(".").pop()){case"dx":case"jdx":case"jcamp":return"jcamp";case"csv":case"tsv":case"txt":return"csv";case"json":return"json";default:return null}}function It(e=[]){let[t,r]=(0,F.useState)(e),[n,o]=(0,F.useState)(!1),[i,l]=(0,F.useState)(null),s=(0,F.useCallback)(async(a,d)=>{o(!0),l(null);try{let g;switch(d){case"jcamp":g=await Ue(a);break;case"csv":g=[Ae(a)];break;case"json":g=De(a);break}r(S=>[...S,...g])}catch(g){let S=g instanceof Error?g.message:"Failed to parse file";l(S)}finally{o(!1)}},[]),c=(0,F.useCallback)(async a=>{let d=wr(a.name);if(!d){l(`Unsupported file format: ${a.name}`);return}let g=await a.text();await s(g,d)},[s]),m=(0,F.useCallback)(a=>{r(d=>[...d,a])},[]),u=(0,F.useCallback)(a=>{r(d=>d.filter(g=>g.id!==a))},[]),p=(0,F.useCallback)(a=>{r(d=>d.map(g=>g.id===a?{...g,visible:g.visible===!1}:g))},[]),f=(0,F.useCallback)(()=>{r([]),l(null)},[]);return{spectra:t,loading:n,error:i,loadFile:c,loadText:s,addSpectrum:m,removeSpectrum:u,toggleVisibility:p,clear:f}}var ae=require("react");var et={solid:"",dashed:"8 4",dotted:"2 2","dash-dot":"8 4 2 4"};function Fe(e,t,r,n){let{width:o,height:i,background:l="#ffffff",title:s}=n,c=e.filter(m=>m.visible!==!1).map((m,u)=>{let p=m.color??U(u),f=m.lineStyle??"solid",a=m.lineWidth??1.5,d=et[f]??"",g=Math.min(m.x.length,m.y.length);if(g<2)return"";let S=[];for(let b=0;b<g;b++){let C=t(m.x[b]).toFixed(2),v=r(m.y[b]).toFixed(2);S.push(`${b===0?"M":"L"}${C},${v}`)}return`<path d="${S.join(" ")}" fill="none" stroke="${p}" stroke-width="${a}"${d?` stroke-dasharray="${d}"`:""}/>
|
|
3
|
-
<!-- ${
|
|
2
|
+
"use strict";var je=Object.defineProperty;var ir=Object.getOwnPropertyDescriptor;var ar=Object.getOwnPropertyNames;var sr=Object.prototype.hasOwnProperty;var lr=(e,t)=>{for(var r in t)je(e,r,{get:t[r],enumerable:!0})},cr=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of ar(t))!sr.call(e,n)&&n!==r&&je(e,n,{get:()=>t[n],enumerable:!(o=ir(t,n))||o.enumerable});return e};var mr=e=>cr(je({},"__esModule",{value:!0}),e);var Wr={};lr(Wr,{AnnotationLayer:()=>Ce,AxisLayer:()=>ne,Crosshair:()=>ve,DARK_THEME:()=>qe,DropZone:()=>Re,ExportMenu:()=>zt,KEYBOARD_SHORTCUTS:()=>Mt,LIGHT_THEME:()=>Je,LINE_DASH_PATTERNS:()=>nt,Legend:()=>le,Minimap:()=>At,PeakMarkers:()=>xe,RegionSelector:()=>Se,SPECTRUM_COLORS:()=>ge,SpectraView:()=>Tt,SpectrumCanvas:()=>re,StackedView:()=>Te,Toolbar:()=>we,baselineRubberBand:()=>Vt,binarySearchClosest:()=>Qe,computeXExtent:()=>de,computeYExtent:()=>Q,createXScale:()=>be,createYScale:()=>ee,derivative1st:()=>Xt,derivative2nd:()=>Wt,detectPeaks:()=>De,downloadSvg:()=>Oe,generateChartDescription:()=>Pe,generateSvg:()=>Ne,getSpectrumColor:()=>D,getThemeColors:()=>X,lttbDownsample:()=>ye,normalizeArea:()=>_t,normalizeMinMax:()=>Zt,normalizeSNV:()=>Bt,parseCsv:()=>Fe,parseCsvMulti:()=>Ft,parseJcamp:()=>$e,parseJson:()=>Ie,parseSpc:()=>Yt,prefersReducedMotion:()=>Rt,smoothSavitzkyGolay:()=>Ht,snapToNearestSpectrum:()=>ke,useExport:()=>Ot,useKeyboardNavigation:()=>Le,usePeakPicking:()=>Lt,useRegionSelect:()=>Ae,useResizeObserver:()=>Ee,useSpectrumData:()=>Nt,useZoomPan:()=>he});module.exports=mr(Wr);var T=require("react");var Ge=require("d3-scale"),Ke=require("d3-array"),ur=.05;function de(e){let t=1/0,r=-1/0;for(let o of e){if(o.visible===!1)continue;let[n,a]=(0,Ke.extent)(o.x);n<t&&(t=n),a>r&&(r=a)}return isFinite(t)?[t,r]:[0,1]}function Q(e){let t=1/0,r=-1/0;for(let a of e){if(a.visible===!1)continue;let[s,i]=(0,Ke.extent)(a.y);s<t&&(t=s),i>r&&(r=i)}if(!isFinite(t))return[0,1];let n=(r-t)*ur;return[t-n,r+n]}function be(e,t,r,o){let n=t-r.left-r.right,a=o?[e[1],e[0]]:e;return(0,Ge.scaleLinear)().domain(a).range([0,n])}function ee(e,t,r){let o=t-r.top-r.bottom;return(0,Ge.scaleLinear)().domain(e).range([o,0])}var ge=["#2563eb","#dc2626","#16a34a","#9333ea","#ea580c","#0891b2","#be185d","#854d0e","#4f46e5","#65a30d"],Je={background:"#ffffff",axisColor:"#374151",gridColor:"#e5e7eb",tickColor:"#6b7280",labelColor:"#111827",crosshairColor:"#9ca3af",regionFill:"rgba(37, 99, 235, 0.1)",regionStroke:"rgba(37, 99, 235, 0.4)",tooltipBg:"#ffffff",tooltipBorder:"#d1d5db",tooltipText:"#111827"},qe={background:"#111827",axisColor:"#d1d5db",gridColor:"#374151",tickColor:"#9ca3af",labelColor:"#f9fafb",crosshairColor:"#6b7280",regionFill:"rgba(96, 165, 250, 0.15)",regionStroke:"rgba(96, 165, 250, 0.5)",tooltipBg:"#1f2937",tooltipBorder:"#4b5563",tooltipText:"#f9fafb"};function D(e){return ge[e%ge.length]}function X(e){return e==="dark"?qe:Je}var L=require("react"),te=require("d3-zoom"),W=require("d3-selection"),Kr=require("d3-transition"),dt=1.5;function he(e){let{plotWidth:t,plotHeight:r,xScale:o,yScale:n,scaleExtent:a=[1,50],enabled:s=!0,onViewChange:i}=e,l=(0,L.useRef)(null),c=(0,L.useRef)(null),u=(0,L.useRef)(i);u.current=i;let p=(0,L.useRef)(a);p.current=a;let[f,m]=(0,L.useState)(te.zoomIdentity),d=(0,L.useMemo)(()=>f.rescaleX(o.copy()),[f,o]),g=(0,L.useMemo)(()=>f.rescaleY(n.copy()),[f,n]);(0,L.useEffect)(()=>{let S=l.current;if(!S||!s)return;let w=(0,te.zoom)().scaleExtent(p.current).extent([[0,0],[t,r]]).translateExtent([[-1/0,-1/0],[1/0,1/0]]).on("zoom",h=>{let v=h.transform;if(m(v),u.current){let C=v.rescaleX(o.copy()),k=v.rescaleY(n.copy());u.current(C.domain(),k.domain())}});return c.current=w,(0,W.select)(S).call(w),(0,W.select)(S).on("dblclick.zoom",()=>{(0,W.select)(S).transition().duration(300).call(w.transform,te.zoomIdentity)}),()=>{(0,W.select)(S).on(".zoom",null)}},[t,r,s,o,n]);let y=(0,L.useCallback)(()=>{!l.current||!c.current||(0,W.select)(l.current).transition().duration(300).call(c.current.transform,te.zoomIdentity)},[]),b=(0,L.useCallback)(()=>{!l.current||!c.current||(0,W.select)(l.current).transition().duration(200).call(c.current.scaleBy,dt)},[]),x=(0,L.useCallback)(()=>{!l.current||!c.current||(0,W.select)(l.current).transition().duration(200).call(c.current.scaleBy,1/dt)},[]);return{zoomRef:l,state:{transform:f,isZoomed:f.k!==1||f.x!==0||f.y!==0},zoomedXScale:d,zoomedYScale:g,resetZoom:y,zoomIn:b,zoomOut:x}}var $=require("react");function ye(e,t,r,o,n,a,s){let i=o-r;if(i<=s){let f=[];for(let m=r;m<o;m++)f.push({px:n(e[m]),py:a(t[m]),index:m});return f}let l=[];l.push({px:n(e[r]),py:a(t[r]),index:r});let c=s-2,u=(i-2)/c,p=r;for(let f=0;f<c;f++){let m=r+1+Math.floor(f*u),d=r+1+Math.min(Math.floor((f+1)*u),i-2),g=d,y=r+1+Math.min(Math.floor((f+2)*u),i-2),b,x;if(f===c-1)b=n(e[o-1]),x=a(t[o-1]);else{b=0,x=0;let C=y-g;for(let k=g;k<y;k++)b+=n(e[k]),x+=a(t[k]);C>0&&(b/=C,x/=C)}let S=n(e[p]),w=a(t[p]),h=-1,v=m;for(let C=m;C<d;C++){let k=n(e[C]),M=a(t[C]),E=Math.abs((S-b)*(M-w)-(S-k)*(x-w));E>h&&(h=E,v=C)}l.push({px:n(e[v]),py:a(t[v]),index:v}),p=v}return l.push({px:n(e[o-1]),py:a(t[o-1]),index:o-1}),l}var pr=1.5,fr={solid:[],dashed:[8,4],dotted:[2,2],"dash-dot":[8,4,2,4]},dr=2e3;function br(e,t,r){e.clearRect(0,0,t,r)}function gr(e,t,r,o,n,a,s){let{highlighted:i=!1,opacity:l=1}=s??{},c=Math.min(t.x.length,t.y.length);if(c<2)return;let u=t.color??D(r),p=t.lineWidth??pr,f=i?p+1:p,m=fr[t.lineStyle??"solid"]??[],[d,g]=o.domain(),y=Math.min(d,g),b=Math.max(d,g),x=0,S=c;for(let h=0;h<c;h++)if(t.x[h]>=y||h<c-1&&t.x[h+1]>=y){x=Math.max(0,h-1);break}for(let h=c-1;h>=0;h--)if(t.x[h]<=b||h>0&&t.x[h-1]<=b){S=Math.min(c,h+2);break}let w=S-x;if(e.save(),e.beginPath(),e.strokeStyle=u,e.lineWidth=f,e.globalAlpha=l,e.lineJoin="round",e.setLineDash(m),w>dr){let h=Math.max(Math.ceil(a*2),200),v=ye(t.x,t.y,x,S,o,n,h);if(v.length>0){e.moveTo(v[0].px,v[0].py);for(let C=1;C<v.length;C++)e.lineTo(v[C].px,v[C].py)}}else{let h=!1;for(let v=x;v<S;v++){let C=o(t.x[v]),k=n(t.y[v]);h?e.lineTo(C,k):(e.moveTo(C,k),h=!0)}}e.stroke(),e.restore()}function bt(e,t,r,o,n,a,s){br(e,n,a),t.forEach((i,l)=>{i.visible!==!1&&gr(e,i,l,r,o,n,{highlighted:i.id===s,opacity:s&&i.id!==s?.3:1})})}var gt=require("react/jsx-runtime"),re=(0,$.forwardRef)(function({spectra:t,xScale:r,yScale:o,width:n,height:a,highlightedId:s},i){let l=(0,$.useRef)(null),c=(0,$.useRef)(1);return(0,$.useImperativeHandle)(i,()=>l.current,[]),(0,$.useEffect)(()=>{let u=l.current;if(!u)return;let p=window.devicePixelRatio||1;c.current=p,u.width=n*p,u.height=a*p},[n,a]),(0,$.useEffect)(()=>{let u=l.current;if(!u)return;let p=u.getContext("2d");if(!p)return;let f=c.current;p.setTransform(f,0,0,f,0,0),bt(p,t,r,o,n,a,s)},[t,r,o,n,a,s]),(0,gt.jsx)("canvas",{ref:l,style:{width:n,height:a,position:"absolute",top:0,left:0,pointerEvents:"none"}})});var A=require("react/jsx-runtime");function ht(e,t){let[r,o]=e.domain(),n=Math.min(r,o),s=(Math.max(r,o)-n)/(t-1);return Array.from({length:t},(i,l)=>n+l*s)}function yt(e){return Math.abs(e)>=1e3?Math.round(e).toString():Math.abs(e)>=1?e.toFixed(1):Math.abs(e)>=.01?e.toFixed(3):e.toExponential(1)}function ne({xScale:e,yScale:t,width:r,height:o,xLabel:n,yLabel:a,showGrid:s=!0,colors:i}){let l=ht(e,8),c=ht(t,6);return(0,A.jsxs)("g",{children:[s&&(0,A.jsxs)("g",{children:[l.map(u=>(0,A.jsx)("line",{x1:e(u),x2:e(u),y1:0,y2:o,stroke:i.gridColor,strokeWidth:.5},`xgrid-${u}`)),c.map(u=>(0,A.jsx)("line",{x1:0,x2:r,y1:t(u),y2:t(u),stroke:i.gridColor,strokeWidth:.5},`ygrid-${u}`))]}),(0,A.jsxs)("g",{transform:`translate(0, ${o})`,children:[(0,A.jsx)("line",{x1:0,x2:r,y1:0,y2:0,stroke:i.axisColor}),l.map(u=>(0,A.jsxs)("g",{transform:`translate(${e(u)}, 0)`,children:[(0,A.jsx)("line",{y1:0,y2:6,stroke:i.axisColor}),(0,A.jsx)("text",{y:20,textAnchor:"middle",fill:i.tickColor,fontSize:11,fontFamily:"system-ui, sans-serif",children:yt(u)})]},`xtick-${u}`)),n&&(0,A.jsx)("text",{x:r/2,y:42,textAnchor:"middle",fill:i.labelColor,fontSize:13,fontFamily:"system-ui, sans-serif",children:n})]}),(0,A.jsxs)("g",{children:[(0,A.jsx)("line",{x1:0,x2:0,y1:0,y2:o,stroke:i.axisColor}),c.map(u=>(0,A.jsxs)("g",{transform:`translate(0, ${t(u)})`,children:[(0,A.jsx)("line",{x1:-6,x2:0,stroke:i.axisColor}),(0,A.jsx)("text",{x:-10,textAnchor:"end",dominantBaseline:"middle",fill:i.tickColor,fontSize:11,fontFamily:"system-ui, sans-serif",children:yt(u)})]},`ytick-${u}`)),a&&(0,A.jsx)("text",{transform:`translate(-50, ${o/2}) rotate(-90)`,textAnchor:"middle",fill:i.labelColor,fontSize:13,fontFamily:"system-ui, sans-serif",children:a})]})]})}var oe=require("react/jsx-runtime");function xe({peaks:e,xScale:t,yScale:r,colors:o,onPeakClick:n}){let[a,s]=t.domain(),i=Math.min(a,s),l=Math.max(a,s),c=e.filter(u=>u.x>=i&&u.x<=l);return(0,oe.jsx)("g",{className:"spectraview-peaks",children:c.map((u,p)=>{let f=t(u.x),m=r(u.y);return(0,oe.jsxs)("g",{transform:`translate(${f}, ${m})`,style:{cursor:n?"pointer":"default"},onClick:()=>n?.(u),children:[(0,oe.jsx)("polygon",{points:`0,-5 -5,${-5*2.5} 5,${-5*2.5}`,fill:o.labelColor,opacity:.8}),u.label&&(0,oe.jsx)("text",{y:-5*2.5-14,textAnchor:"middle",fill:o.labelColor,fontSize:10,fontFamily:"system-ui, sans-serif",fontWeight:500,children:u.label})]},`peak-${u.x}-${p}`)})})}var ie=require("react/jsx-runtime");function Se({regions:e,xScale:t,height:r,colors:o}){return(0,ie.jsx)("g",{className:"spectraview-regions",children:e.map((n,a)=>{let s=t(n.xStart),i=t(n.xEnd),l=Math.min(s,i),c=Math.abs(i-s);return(0,ie.jsxs)("g",{children:[(0,ie.jsx)("rect",{x:l,y:0,width:c,height:r,fill:n.color??o.regionFill,stroke:o.regionStroke,strokeWidth:1}),n.label&&(0,ie.jsx)("text",{x:l+c/2,y:12,textAnchor:"middle",fill:o.labelColor,fontSize:10,fontFamily:"system-ui, sans-serif",children:n.label})]},`region-${a}`)})})}var z=require("react/jsx-runtime");function ve({position:e,width:t,height:r,colors:o,snapPoint:n}){return e?(0,z.jsxs)("g",{className:"spectraview-crosshair",pointerEvents:"none",children:[(0,z.jsx)("line",{x1:e.px,x2:e.px,y1:0,y2:r,stroke:o.crosshairColor,strokeWidth:1,strokeDasharray:"4 4"}),(0,z.jsx)("line",{x1:0,x2:t,y1:e.py,y2:e.py,stroke:o.crosshairColor,strokeWidth:1,strokeDasharray:"4 4"}),n&&(0,z.jsx)("circle",{cx:n.px,cy:n.py,r:4,fill:n.color??o.crosshairColor,stroke:o.background,strokeWidth:1.5}),(0,z.jsxs)("g",{transform:`translate(${Math.min(e.px+10,t-100)}, ${Math.max(e.py-10,20)})`,children:[(0,z.jsx)("rect",{x:0,y:-14,width:90,height:18,rx:3,fill:o.tooltipBg,stroke:o.tooltipBorder,strokeWidth:.5,opacity:.9}),(0,z.jsxs)("text",{x:5,y:0,fill:o.tooltipText,fontSize:10,fontFamily:"monospace",children:[xt(n?.dataX??e.dataX),","," ",xt(n?.dataY??e.dataY)]})]})]}):null}function xt(e){return Math.abs(e)>=100?Math.round(e).toString():Math.abs(e)>=1?e.toFixed(1):e.toFixed(4)}var Y=require("react/jsx-runtime");function Ce({annotations:e,xScale:t,yScale:r,colors:o}){return e.length===0?null:(0,Y.jsx)("g",{className:"spectraview-annotations",pointerEvents:"none",children:e.map(n=>{let a=t(n.x),s=r(n.y),[i,l]=n.offset??[0,-20],c=a+i,u=s+l,p=n.fontSize??11,f=n.color??o.tickColor,m=n.showAnchorLine!==!1;return(0,Y.jsxs)("g",{children:[m&&(0,Y.jsx)("line",{x1:a,y1:s,x2:c,y2:u,stroke:f,strokeWidth:.75,strokeDasharray:"3 2",opacity:.6}),(0,Y.jsx)("circle",{cx:a,cy:s,r:2.5,fill:f,opacity:.8}),(0,Y.jsx)("text",{x:c,y:u,fill:o.background,fontSize:p,fontFamily:"system-ui, sans-serif",textAnchor:"middle",dominantBaseline:"auto",stroke:o.background,strokeWidth:3,strokeLinejoin:"round",children:n.text}),(0,Y.jsx)("text",{x:c,y:u,fill:f,fontSize:p,fontFamily:"system-ui, sans-serif",textAnchor:"middle",dominantBaseline:"auto",children:n.text})]},n.id)})})}function Qe(e,t,r){if(r===0)return-1;if(r===1)return 0;let o=e[r-1]>=e[0],n=0,a=r-1;for(;n<a-1;){let l=n+a>>>1,c=e[l];o?c<=t?n=l:a=l:c>=t?n=l:a=l}let s=Math.abs(e[n]-t),i=Math.abs(e[a]-t);return s<=i?n:a}function ke(e,t,r,o,n){let a=null;for(let s of e){if(s.visible===!1)continue;let i=Math.min(s.x.length,s.y.length);if(i<2)continue;let l=Qe(s.x,t,i);if(l<0)continue;let c=s.x[l],u=s.y[l],p=Math.abs(o(c)-o(t)),f=Math.abs(n(u)-r),m=Math.sqrt(p*p+f*f);(!a||m<a.distance)&&(a={spectrumId:s.id,index:l,x:c,y:u,distance:m})}return a}var St=require("react"),ae=require("react/jsx-runtime"),et=e=>({display:"inline-flex",alignItems:"center",justifyContent:"center",width:28,height:28,border:`1px solid ${e==="dark"?"#4b5563":"#d1d5db"}`,borderRadius:4,background:e==="dark"?"#1f2937":"#ffffff",color:e==="dark"?"#d1d5db":"#374151",fontSize:14,cursor:"pointer",padding:0,lineHeight:1}),hr=e=>({display:"flex",gap:4,padding:"4px 0",borderBottom:`1px solid ${e==="dark"?"#374151":"#e5e7eb"}`}),we=(0,St.memo)(function({onZoomIn:t,onZoomOut:r,onReset:o,isZoomed:n,theme:a}){return(0,ae.jsxs)("div",{style:hr(a),className:"spectraview-toolbar",children:[(0,ae.jsx)("button",{type:"button",style:et(a),onClick:t,title:"Zoom in","aria-label":"Zoom in",children:"+"}),(0,ae.jsx)("button",{type:"button",style:et(a),onClick:r,title:"Zoom out","aria-label":"Zoom out",children:"\u2212"}),(0,ae.jsx)("button",{type:"button",style:{...et(a),opacity:n?1:.4},onClick:o,disabled:!n,title:"Reset zoom","aria-label":"Reset zoom",children:"\u21BA"})]})});var vt=require("react");var se=require("react/jsx-runtime"),yr=(e,t)=>({display:"flex",flexDirection:t==="left"||t==="right"?"column":"row",flexWrap:"wrap",gap:6,padding:"4px 8px",fontSize:12,fontFamily:"system-ui, sans-serif",borderTop:t==="bottom"?`1px solid ${e==="dark"?"#374151":"#e5e7eb"}`:void 0,borderBottom:t==="top"?`1px solid ${e==="dark"?"#374151":"#e5e7eb"}`:void 0,borderLeft:t==="right"?`1px solid ${e==="dark"?"#374151":"#e5e7eb"}`:void 0,borderRight:t==="left"?`1px solid ${e==="dark"?"#374151":"#e5e7eb"}`:void 0}),xr=(e,t,r)=>({display:"inline-flex",alignItems:"center",gap:4,cursor:"pointer",opacity:t?.4:1,fontWeight:r?600:400,color:e==="dark"?"#e5e7eb":"#374151",userSelect:"none",padding:"2px 4px",borderRadius:3,background:r?e==="dark"?"rgba(255,255,255,0.08)":"rgba(0,0,0,0.04)":"transparent",transition:"background 0.15s, opacity 0.15s"}),Sr=(e,t)=>({width:12,height:3,borderRadius:1,background:e,opacity:t?.4:1,flexShrink:0}),le=(0,vt.memo)(function({spectra:t,theme:r,position:o,onToggleVisibility:n,onHighlight:a,highlightedId:s}){return t.length<=1?null:(0,se.jsx)("div",{className:"spectraview-legend",style:yr(r,o),role:"list","aria-label":"Spectrum legend",children:t.map((i,l)=>{let c=i.color??D(l),u=i.visible===!1,p=s===i.id;return(0,se.jsxs)("div",{role:"listitem",style:xr(r,u,p),onClick:()=>n?.(i.id),onMouseEnter:()=>a?.(i.id),onMouseLeave:()=>a?.(null),title:u?`Show ${i.label}`:`Hide ${i.label}`,children:[(0,se.jsx)("span",{style:Sr(c,u)}),(0,se.jsx)("span",{style:{textDecoration:u?"line-through":"none",maxWidth:120,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:i.label})]},i.id)})})});var q=require("react"),Me=require("react/jsx-runtime");function Re({enabled:e,theme:t,width:r,height:o,onDrop:n,children:a}){let[s,i]=(0,q.useState)(!1),l={current:0},c=(0,q.useCallback)(m=>{e&&(m.preventDefault(),l.current++,i(!0))},[e]),u=(0,q.useCallback)(m=>{e&&(m.preventDefault(),l.current--,l.current<=0&&(l.current=0,i(!1)))},[e]),p=(0,q.useCallback)(m=>{e&&(m.preventDefault(),m.dataTransfer.dropEffect="copy")},[e]),f=(0,q.useCallback)(m=>{if(!e)return;m.preventDefault(),l.current=0,i(!1);let d=Array.from(m.dataTransfer.files);d.length>0&&n?.(d)},[e,n]);return(0,Me.jsxs)("div",{style:{position:"relative",width:r,height:o},onDragEnter:c,onDragLeave:u,onDragOver:p,onDrop:f,children:[a,s&&(0,Me.jsx)("div",{"data-testid":"dropzone-overlay",style:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",background:t==="dark"?"rgba(30, 58, 138, 0.6)":"rgba(59, 130, 246, 0.15)",border:`2px dashed ${t==="dark"?"#60a5fa":"#3b82f6"}`,borderRadius:4,zIndex:100,pointerEvents:"none",fontSize:14,fontFamily:"system-ui, sans-serif",color:t==="dark"?"#93c5fd":"#1d4ed8",fontWeight:500},children:"Drop spectrum files here"})]})}var kt=require("react");var V=require("react/jsx-runtime"),Ct=8;function Te({spectra:e,xScale:t,plotWidth:r,plotHeight:o,margin:n,theme:a,showGrid:s,xLabel:i,yLabel:l}){let c=e.filter(d=>d.visible!==!1),u=(0,kt.useMemo)(()=>X(a),[a]),p=c.length,f=(p-1)*Ct,m=Math.max(40,Math.floor((o-f)/Math.max(p,1)));return(0,V.jsx)("g",{className:"spectraview-stacked",children:c.map((d,g)=>{let y=g*(m+Ct),b=Q([d]),x=ee(b,m+n.top+n.bottom,{...n,top:0,bottom:0}),S=d.color??D(g),w={...d,color:S};return(0,V.jsxs)("g",{transform:`translate(0, ${y})`,children:[(0,V.jsx)("rect",{x:0,y:0,width:r,height:m,fill:"transparent",stroke:u.gridColor,strokeWidth:.5,rx:2}),(0,V.jsx)(ne,{xScale:t,yScale:x,width:r,height:m,xLabel:g===p-1?i:"",yLabel:l,showGrid:s,colors:u}),(0,V.jsx)("text",{x:4,y:14,fill:S,fontSize:11,fontFamily:"system-ui, sans-serif",fontWeight:500,children:d.label}),(0,V.jsx)("foreignObject",{x:0,y:0,width:r,height:m,children:(0,V.jsx)(re,{spectra:[w],xScale:t,yScale:x,width:r,height:m})})]},d.id)})})}var j=require("react");function Ae(e){let{enabled:t,xScale:r,onRegionSelect:o}=e,[n,a]=(0,j.useState)(null),s=(0,j.useRef)(null),i=(0,j.useCallback)(u=>{if(!t||!u.shiftKey)return;u.preventDefault();let p=u.currentTarget.getBoundingClientRect(),f=u.clientX-p.left,m=r.invert(f);s.current=m,a({xStart:m,xEnd:m})},[t,r]),l=(0,j.useCallback)(u=>{if(s.current===null)return;let p=u.currentTarget.getBoundingClientRect(),f=u.clientX-p.left,m=r.invert(f),d=s.current;a({xStart:Math.min(d,m),xEnd:Math.max(d,m)})},[r]),c=(0,j.useCallback)(()=>{if(s.current===null||!n)return;Math.abs(n.xEnd-n.xStart)>0&&o?.(n),s.current=null,a(null)},[n,o]);return{pendingRegion:n,handleMouseDown:i,handleMouseMove:l,handleMouseUp:c}}var Z=require("react");function Ee(){let[e,t]=(0,Z.useState)(null),r=(0,Z.useRef)(null),o=(0,Z.useRef)(null),n=(0,Z.useCallback)(a=>{if(r.current&&(r.current.disconnect(),r.current=null),o.current=a,!a)return;let s=new ResizeObserver(c=>{let u=c[0];if(!u)return;let{width:p,height:f}=u.contentRect;t({width:Math.round(p),height:Math.round(f)})});s.observe(a),r.current=s;let{width:i,height:l}=a.getBoundingClientRect();t({width:Math.round(i),height:Math.round(l)})},[]);return(0,Z.useEffect)(()=>()=>{r.current?.disconnect()},[]),{ref:n,size:e}}var wt=require("react");function Le(e){let{onZoomIn:t,onZoomOut:r,onReset:o,enabled:n=!0}=e;return(0,wt.useCallback)(s=>{if(n)switch(s.key){case"+":case"=":s.preventDefault(),t();break;case"-":s.preventDefault(),r();break;case"Escape":s.preventDefault(),o();break}},[n,t,r,o])}function Rt(){return typeof window>"u"?!1:window.matchMedia("(prefers-reduced-motion: reduce)").matches}function Pe(e,t,r){return e===0?"Empty spectrum viewer":`Interactive spectrum viewer showing ${e} ${e===1?"spectrum":"spectra"}. X-axis: ${t}. Y-axis: ${r}. Use arrow keys to pan, +/- to zoom, Escape to reset.`}var Mt={PAN_LEFT:"ArrowLeft",PAN_RIGHT:"ArrowRight",PAN_UP:"ArrowUp",PAN_DOWN:"ArrowDown",ZOOM_IN:"+",ZOOM_IN_ALT:"=",ZOOM_OUT:"-",RESET:"Escape",NEXT_PEAK:"Tab",PREV_PEAK:"Shift+Tab"};var R=require("react/jsx-runtime"),vr={top:20,right:20,bottom:50,left:65},Cr=800,kr=400;function wr(e){return{width:e.width??Cr,height:e.height??kr,reverseX:e.reverseX??!1,showGrid:e.showGrid??!0,showCrosshair:e.showCrosshair??!0,showToolbar:e.showToolbar??!0,showLegend:e.showLegend??!0,legendPosition:e.legendPosition??"bottom",displayMode:e.displayMode??"overlay",margin:{...vr,...e.margin},theme:e.theme??"light",responsive:e.responsive??!1,enableDragDrop:e.enableDragDrop??!1,enableRegionSelect:e.enableRegionSelect??!1}}function Rr(e,t,r){let o=e[0];return{xLabel:t??o?.xUnit??"x",yLabel:r??o?.yUnit??"y"}}function Tt(e){let{spectra:t,peaks:r=[],regions:o=[],annotations:n=[],onPeakClick:a,onViewChange:s,onCrosshairMove:i,onToggleVisibility:l,onFileDrop:c,onRegionSelect:u,canvasRef:p,snapCrosshair:f=!0}=e,{ref:m,size:d}=Ee(),y=`spectraview-clip-${(0,T.useId)().replace(/:/g,"")}`,b=(0,T.useMemo)(()=>wr(e),[e.width,e.height,e.reverseX,e.showGrid,e.showCrosshair,e.showToolbar,e.showLegend,e.legendPosition,e.displayMode,e.margin,e.theme,e.responsive,e.enableDragDrop,e.enableRegionSelect]),x=b.responsive&&d?d.width:b.width,{height:S,margin:w,reverseX:h,theme:v}=b,C=x-w.left-w.right,k=S-w.top-w.bottom,M=(0,T.useMemo)(()=>X(v),[v]),E=(0,T.useMemo)(()=>Rr(t,e.xLabel,e.yLabel),[t,e.xLabel,e.yLabel]),F=(0,T.useMemo)(()=>de(t),[t]),I=(0,T.useMemo)(()=>Q(t),[t]),_e=(0,T.useMemo)(()=>be(F,x,w,h),[F,x,w,h]),K=(0,T.useMemo)(()=>ee(I,S,w),[I,S,w]),J=(0,T.useRef)(s);J.current=s;let jt=(0,T.useMemo)(()=>(H,pe)=>{J.current?.({xDomain:H,yDomain:pe})},[]),{zoomRef:ot,state:Gt,zoomedXScale:P,zoomedYScale:B,resetZoom:it,zoomIn:at,zoomOut:st}=he({plotWidth:C,plotHeight:k,xScale:_e,yScale:K,onViewChange:s?jt:void 0}),{pendingRegion:me,handleMouseDown:Kt,handleMouseMove:Jt,handleMouseUp:qt}=Ae({enabled:b.enableRegionSelect,xScale:P,onRegionSelect:u}),[Be,lt]=(0,T.useState)(null),[Qt,ct]=(0,T.useState)(null),[er,He]=(0,T.useState)(null),ue=(0,T.useRef)(i);ue.current=i;let mt=(0,T.useCallback)(H=>{if(!b.showCrosshair)return;let pe=H.currentTarget.getBoundingClientRect(),pt=H.clientX-pe.left,We=H.clientY-pe.top,fe=P.invert(pt),Ye=B.invert(We);if(ct({px:pt,py:We,dataX:fe,dataY:Ye}),f&&t.length>0){let O=ke(t,fe,We,P,B);if(O&&O.distance<50){let ft=t.findIndex(or=>or.id===O.spectrumId);He({px:P(O.x),py:B(O.y),dataX:O.x,dataY:O.y,color:t[ft]?.color??D(ft)}),ue.current?.(O.x,O.y)}else He(null),ue.current?.(fe,Ye)}else ue.current?.(fe,Ye)},[P,B,b.showCrosshair,f,t]),ut=(0,T.useCallback)(()=>{ct(null),He(null)},[]),tr=Le({onZoomIn:at,onZoomOut:st,onReset:it}),rr=(0,T.useMemo)(()=>Pe(t.length,E.xLabel,E.yLabel),[t.length,E.xLabel,E.yLabel]),nr=b.displayMode==="stacked";if(t.length===0)return(0,R.jsx)("div",{ref:b.responsive?m:void 0,style:{width:b.responsive?"100%":x,height:S,display:"flex",alignItems:"center",justifyContent:"center",border:`1px dashed ${M.gridColor}`,borderRadius:8,color:M.tickColor,fontFamily:"system-ui, sans-serif",fontSize:14},className:e.className,children:"No spectra loaded"});let Xe=b.showToolbar?37:0;return(0,R.jsxs)("div",{ref:b.responsive?m:void 0,style:{width:b.responsive?"100%":x,background:M.background,borderRadius:4,overflow:"hidden"},className:e.className,role:"img","aria-label":rr,tabIndex:0,onKeyDown:tr,children:[b.showToolbar&&(0,R.jsx)(we,{onZoomIn:at,onZoomOut:st,onReset:it,isZoomed:Gt.isZoomed,theme:v}),b.showLegend&&b.legendPosition==="top"&&(0,R.jsx)(le,{spectra:t,theme:v,position:"top",onToggleVisibility:l,onHighlight:lt,highlightedId:Be}),(0,R.jsx)(Re,{enabled:b.enableDragDrop,theme:v,width:x,height:S-Xe,onDrop:c,children:nr?(0,R.jsx)("svg",{width:x,height:S-Xe,style:{position:"absolute",top:0,left:0},children:(0,R.jsxs)("g",{transform:`translate(${w.left}, ${w.top})`,children:[(0,R.jsx)(Te,{spectra:t,xScale:P,plotWidth:C,plotHeight:k,margin:w,theme:v,showGrid:b.showGrid,xLabel:E.xLabel,yLabel:E.yLabel}),(0,R.jsx)("rect",{ref:ot,x:0,y:0,width:C,height:k,fill:"transparent",style:{cursor:"grab"},onMouseMove:mt,onMouseLeave:ut})]})}):(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)("div",{style:{position:"absolute",top:w.top,left:w.left,width:C,height:k,overflow:"hidden"},children:(0,R.jsx)(re,{ref:p,spectra:t,xScale:P,yScale:B,width:C,height:k,highlightedId:Be??void 0})}),(0,R.jsx)("svg",{width:x,height:S-Xe,style:{position:"absolute",top:0,left:0},children:(0,R.jsxs)("g",{transform:`translate(${w.left}, ${w.top})`,children:[(0,R.jsx)(ne,{xScale:P,yScale:B,width:C,height:k,xLabel:E.xLabel,yLabel:E.yLabel,showGrid:b.showGrid,colors:M}),(0,R.jsx)("defs",{children:(0,R.jsx)("clipPath",{id:y,children:(0,R.jsx)("rect",{x:0,y:0,width:C,height:k})})}),(0,R.jsxs)("g",{clipPath:`url(#${y})`,children:[o.length>0&&(0,R.jsx)(Se,{regions:o,xScale:P,height:k,colors:M}),r.length>0&&(0,R.jsx)(xe,{peaks:r,xScale:P,yScale:B,colors:M,onPeakClick:a})]}),n.length>0&&(0,R.jsx)(Ce,{annotations:n,xScale:P,yScale:B,colors:M}),b.showCrosshair&&(0,R.jsx)(ve,{position:Qt,width:C,height:k,colors:M,snapPoint:er}),me&&(0,R.jsx)("rect",{x:P(me.xStart),y:0,width:Math.abs(P(me.xEnd)-P(me.xStart)),height:k,fill:M.regionFill,stroke:M.regionStroke,strokeWidth:1,pointerEvents:"none"}),(0,R.jsx)("rect",{ref:ot,x:0,y:0,width:C,height:k,fill:"transparent",style:{cursor:b.showCrosshair?"crosshair":"grab"},onMouseDown:Kt,onMouseMove:H=>{mt(H),Jt(H)},onMouseUp:qt,onMouseLeave:ut})]})})]})}),b.showLegend&&b.legendPosition==="bottom"&&(0,R.jsx)(le,{spectra:t,theme:v,position:"bottom",onToggleVisibility:l,onHighlight:lt,highlightedId:Be})]})}var N=require("react"),tt=require("d3-scale");var G=require("react/jsx-runtime"),At=(0,N.memo)(function({spectra:t,xExtent:r,yExtent:o,visibleXDomain:n,width:a=200,height:s=50,theme:i="light",isZoomed:l=!1}){let c=(0,N.useRef)(null),u=(0,N.useMemo)(()=>X(i),[i]),p=(0,N.useMemo)(()=>(0,tt.scaleLinear)().domain(r).range([0,a]),[r,a]),f=(0,N.useMemo)(()=>(0,tt.scaleLinear)().domain(o).range([s-2,2]),[o,s]);(0,N.useEffect)(()=>{let y=c.current?.getContext("2d");if(y){y.clearRect(0,0,a,s);for(let b=0;b<t.length;b++){let x=t[b];if(x.visible===!1)continue;let S=Math.min(x.x.length,x.y.length);if(S<2)continue;let w=x.color??D(b);y.beginPath(),y.strokeStyle=w,y.lineWidth=1,y.globalAlpha=.7;let h=Math.max(1,Math.floor(S/a)),v=!1;for(let C=0;C<S;C+=h){let k=p(x.x[C]),M=f(x.y[C]);v?y.lineTo(k,M):(y.moveTo(k,M),v=!0)}y.stroke()}}},[t,p,f,a,s]);let m=p(Math.min(n[0],n[1])),d=p(Math.max(n[0],n[1])),g=Math.max(d-m,2);return(0,G.jsxs)("div",{className:"spectraview-minimap",style:{position:"relative",width:a,height:s,border:`1px solid ${u.gridColor}`,borderRadius:3,overflow:"hidden",background:u.background},children:[(0,G.jsx)("canvas",{ref:c,width:a,height:s,style:{position:"absolute",top:0,left:0}}),l&&(0,G.jsxs)("svg",{width:a,height:s,style:{position:"absolute",top:0,left:0},children:[(0,G.jsx)("rect",{x:0,y:0,width:m,height:s,fill:u.background,opacity:.6}),(0,G.jsx)("rect",{x:m+g,y:0,width:a-m-g,height:s,fill:u.background,opacity:.6}),(0,G.jsx)("rect",{x:m,y:0,width:g,height:s,fill:"none",stroke:i==="dark"?"#60a5fa":"#3b82f6",strokeWidth:1.5,rx:1})]})]})});var Et=require("react");function De(e,t,r={}){let{prominence:o=.01,minDistance:n=5,maxPeaks:a}=r;if(e.length<3||t.length<3)return[];let s=1/0,i=-1/0;for(let m=0;m<t.length;m++)t[m]<s&&(s=t[m]),t[m]>i&&(i=t[m]);let l=i-s;if(l===0)return[];let c=o*l,u=[];for(let m=1;m<t.length-1;m++)if(t[m]>t[m-1]&&t[m]>t[m+1]){let d=Mr(t,m),g=Tr(t,m),y=t[m]-Math.max(d,g);y>=c&&u.push({index:m,prom:y})}u.sort((m,d)=>d.prom-m.prom);let p=[];for(let m of u)p.some(g=>Math.abs(g.index-m.index)<n)||p.push(m);return(a?p.slice(0,a):p).map(m=>({x:e[m.index],y:t[m.index],label:Ar(e[m.index])})).sort((m,d)=>m.x-d.x)}function Mr(e,t){let r=e[t];for(let o=t-1;o>=0&&!(e[o]>e[t]);o--)e[o]<r&&(r=e[o]);return r}function Tr(e,t){let r=e[t];for(let o=t+1;o<e.length&&!(e[o]>e[t]);o++)e[o]<r&&(r=e[o]);return r}function Ar(e){return Math.round(e).toString()}function Lt(e,t={}){let{enabled:r=!0,spectrumIds:o,prominence:n,minDistance:a,maxPeaks:s}=t;return(0,Et.useMemo)(()=>{if(!r)return[];let i=o?e.filter(c=>o.includes(c.id)):e,l=[];for(let c of i){if(c.visible===!1)continue;let u=De(c.x,c.y,{prominence:n,minDistance:a,maxPeaks:s});for(let p of u)l.push({...p,spectrumId:c.id})}return l},[e,r,o,n,a,s])}var U=require("react");var Pt=0,Er=[" ",",",";"," "];function Dt(e){let t=e.trim().split(/\r?\n/).slice(0,5),r=",",o=0;for(let n of Er){let a=t.map(i=>i.split(n).length-1),s=Math.min(...a);s>0&&s>=o&&(a.every(l=>l===a[0])||s>o)&&(o=s,r=n)}return r}function Fe(e,t={}){let{xColumn:r=0,yColumn:o=1,hasHeader:n=!0,label:a="CSV Spectrum"}=t,s=t.delimiter??Dt(e),i=e.trim().split(/\r?\n/);if(i.length<2)throw new Error("CSV file must contain at least 2 lines");let l=a,c=0;if(n){let f=i[0].split(s).map(m=>m.trim());!t.label&&f[o]&&(l=f[o]),c=1}let u=[],p=[];for(let f=c;f<i.length;f++){let m=i[f].trim();if(m===""||m.startsWith("#"))continue;let d=m.split(s),g=parseFloat(d[r]),y=parseFloat(d[o]);!isNaN(g)&&!isNaN(y)&&(u.push(g),p.push(y))}if(u.length===0)throw new Error("No valid numeric data found in CSV");return{id:`csv-${++Pt}`,label:l,x:new Float64Array(u),y:new Float64Array(p)}}function Ft(e,t={}){let{hasHeader:r=!0,label:o}=t,n=t.delimiter??Dt(e),a=e.trim().split(/\r?\n/);if(a.length<2)throw new Error("CSV file must contain at least 2 lines");let i=a[r?1:0].split(n).length;if(i<2)throw new Error("CSV must have at least 2 columns (x + y)");let l,c=0;r&&(l=a[0].split(n).map(m=>m.trim()),c=1);let u=[],p=Array.from({length:i-1},()=>[]);for(let m=c;m<a.length;m++){let d=a[m].trim();if(d===""||d.startsWith("#"))continue;let g=d.split(n),y=parseFloat(g[0]);if(!isNaN(y)){u.push(y);for(let b=1;b<i;b++){let x=parseFloat(g[b]);p[b-1].push(isNaN(x)?0:x)}}}let f=new Float64Array(u);return p.map((m,d)=>({id:`csv-${++Pt}`,label:o??l?.[d+1]??`Spectrum ${d+1}`,x:f,y:new Float64Array(m)}))}var Lr=0;function Ie(e){let t;try{t=JSON.parse(e)}catch{throw new Error("Invalid JSON: failed to parse input")}if(Array.isArray(t))return t.map((r,o)=>rt(r,o));if(typeof t=="object"&&t!==null){let r=t;return Array.isArray(r.spectra)?r.spectra.map((o,n)=>rt(o,n)):[rt(t,0)]}throw new Error("Invalid JSON structure: expected an object or array")}function rt(e,t){let r=e.x??e.wavenumbers??e.wavelengths;if(!r||!Array.isArray(r))throw new Error(`Spectrum ${t}: missing x-axis data (expected "x", "wavenumbers", or "wavelengths")`);let o=e.y??e.intensities??e.absorbance;if(!o||!Array.isArray(o))throw new Error(`Spectrum ${t}: missing y-axis data (expected "y", "intensities", or "absorbance")`);if(r.length!==o.length)throw new Error(`Spectrum ${t}: x and y arrays must have the same length (got ${r.length} and ${o.length})`);let n=e.label??e.title??e.name??`Spectrum ${t+1}`;return{id:`json-${++Lr}`,label:n,x:new Float64Array(r),y:new Float64Array(o),xUnit:e.xUnit,yUnit:e.yUnit,type:e.type,meta:e.meta}}var Ut=0,Ue=null,It=!1;async function Pr(){if(It)return Ue;It=!0;try{Ue=await import("jcampconverter")}catch{Ue=null}return Ue}function $t(e){let t=(e["DATA TYPE"]??e.DATATYPE??"").toLowerCase();return t.includes("infrared")||t.includes("ir")?"IR":t.includes("raman")?"Raman":t.includes("nir")||t.includes("near")?"NIR":t.includes("uv")||t.includes("vis")?"UV-Vis":t.includes("fluor")?"fluorescence":"other"}async function $e(e){let t=await Pr();return t?Dr(e,t):[Fr(e)]}function Dr(e,t){return t.convert(e,{keepRecordsRegExp:/.*/}).flatten.map((o,n)=>{let a=o.spectra?.[0]?.data?.[0];if(!a)throw new Error(`JCAMP block ${n}: no spectral data found`);return{id:`jcamp-${++Ut}`,label:o.info?.TITLE??`Spectrum ${n+1}`,x:new Float64Array(a.x),y:new Float64Array(a.y),xUnit:o.info?.XUNITS??"cm\u207B\xB9",yUnit:o.info?.YUNITS??"Absorbance",type:$t(o.info),meta:o.info}})}function Fr(e){let t=e.split(/\r?\n/),r={},o=[],n=[],a=!1;for(let s of t){let i=s.trim();if(i.startsWith("##")){let l=i.match(/^##(.+?)=\s*(.*)$/);if(l){let c=l[1].trim().toUpperCase(),u=l[2].trim();if(c==="XYDATA"||c==="XYPOINTS"){a=!0;continue}if(c==="END"){a=!1;continue}r[c]=u}continue}if(a&&i!==""){let l=i.split(/[\s,]+/).map(Number);if(l.length>=2&&!l.some(isNaN)){let c=l[0],u=parseFloat(r.FIRSTX??"0"),p=parseFloat(r.LASTX??"0"),f=parseInt(r.NPOINTS??"0",10);if(f>0&&l.length===2)o.push(l[0]),n.push(l[1]);else if(l.length>1){let m=f>1?(p-u)/(f-1):0;for(let d=1;d<l.length;d++)o.push(c+(d-1)*m),n.push(l[d])}}}}if(o.length===0)throw new Error("Failed to parse JCAMP-DX: no data found. Install jcampconverter for full format support.");return{id:`jcamp-${++Ut}`,label:r.TITLE??"JCAMP Spectrum",x:new Float64Array(o),y:new Float64Array(n),xUnit:r.XUNITS??"cm\u207B\xB9",yUnit:r.YUNITS??"Absorbance",type:$t(r),meta:r}}function Ir(e){switch(e.toLowerCase().split(".").pop()){case"dx":case"jdx":case"jcamp":return"jcamp";case"csv":case"tsv":case"txt":return"csv";case"json":return"json";default:return null}}function Nt(e=[]){let[t,r]=(0,U.useState)(e),[o,n]=(0,U.useState)(!1),[a,s]=(0,U.useState)(null),i=(0,U.useCallback)(async(m,d)=>{n(!0),s(null);try{let g;switch(d){case"jcamp":g=await $e(m);break;case"csv":g=[Fe(m)];break;case"json":g=Ie(m);break}r(y=>[...y,...g])}catch(g){let y=g instanceof Error?g.message:"Failed to parse file";s(y)}finally{n(!1)}},[]),l=(0,U.useCallback)(async m=>{let d=Ir(m.name);if(!d){s(`Unsupported file format: ${m.name}`);return}let g=await m.text();await i(g,d)},[i]),c=(0,U.useCallback)(m=>{r(d=>[...d,m])},[]),u=(0,U.useCallback)(m=>{r(d=>d.filter(g=>g.id!==m))},[]),p=(0,U.useCallback)(m=>{r(d=>d.map(g=>g.id===m?{...g,visible:g.visible===!1}:g))},[]),f=(0,U.useCallback)(()=>{r([]),s(null)},[]);return{spectra:t,loading:o,error:a,loadFile:l,loadText:i,addSpectrum:c,removeSpectrum:u,toggleVisibility:p,clear:f}}var ce=require("react");var nt={solid:"",dashed:"8 4",dotted:"2 2","dash-dot":"8 4 2 4"};function Ne(e,t,r,o){let{width:n,height:a,background:s="#ffffff",title:i}=o,l=e.filter(c=>c.visible!==!1).map((c,u)=>{let p=c.color??D(u),f=c.lineStyle??"solid",m=c.lineWidth??1.5,d=nt[f]??"",g=Math.min(c.x.length,c.y.length);if(g<2)return"";let y=[];for(let b=0;b<g;b++){let x=t(c.x[b]).toFixed(2),S=r(c.y[b]).toFixed(2);y.push(`${b===0?"M":"L"}${x},${S}`)}return`<path d="${y.join(" ")}" fill="none" stroke="${p}" stroke-width="${m}"${d?` stroke-dasharray="${d}"`:""}/>
|
|
3
|
+
<!-- ${c.label} -->`}).filter(Boolean).join(`
|
|
4
4
|
`);return`<?xml version="1.0" encoding="UTF-8"?>
|
|
5
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="${
|
|
6
|
-
<rect width="${
|
|
7
|
-
${
|
|
5
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="${n}" height="${a}" viewBox="0 0 ${n} ${a}">
|
|
6
|
+
<rect width="${n}" height="${a}" fill="${s}"/>
|
|
7
|
+
${i?`<text x="${n/2}" y="20" text-anchor="middle" font-family="system-ui" font-size="14">${i}</text>`:""}
|
|
8
8
|
<g>
|
|
9
|
-
${
|
|
9
|
+
${l}
|
|
10
10
|
</g>
|
|
11
|
-
</svg>`}function
|
|
12
|
-
`,
|
|
13
|
-
`);
|
|
14
|
-
`+
|
|
15
|
-
`);
|
|
11
|
+
</svg>`}function Oe(e,t="spectrum.svg"){let r=new Blob([e],{type:"image/svg+xml"}),o=URL.createObjectURL(r),n=document.createElement("a");n.href=o,n.download=t,document.body.appendChild(n),n.click(),document.body.removeChild(n),URL.revokeObjectURL(o)}function ze(e,t){let r=URL.createObjectURL(e),o=document.createElement("a");o.href=r,o.download=t,document.body.appendChild(o),o.click(),document.body.removeChild(o),URL.revokeObjectURL(r)}function Ot(){let e=(0,ce.useCallback)((n,a="spectrum.png")=>{n.toBlob(s=>{s&&ze(s,a)},"image/png")},[]),t=(0,ce.useCallback)((n,a="spectra.csv")=>{let s=n.filter(i=>i.visible!==!1);if(s.length!==0)if(s.length===1){let i=s[0],l=`${i.xUnit??"x"},${i.yUnit??"y"}
|
|
12
|
+
`,c=Array.from(i.x).map((p,f)=>`${p},${i.y[f]}`),u=l+c.join(`
|
|
13
|
+
`);ze(new Blob([u],{type:"text/csv"}),a)}else{let i=Math.max(...s.map(p=>p.x.length)),l=s.map(p=>`${p.label}_x,${p.label}_y`).join(","),c=[];for(let p=0;p<i;p++){let f=s.map(m=>p<m.x.length?`${m.x[p]},${m.y[p]}`:",");c.push(f.join(","))}let u=l+`
|
|
14
|
+
`+c.join(`
|
|
15
|
+
`);ze(new Blob([u],{type:"text/csv"}),a)}},[]),r=(0,ce.useCallback)((n,a="spectra.json")=>{let i=n.filter(c=>c.visible!==!1).map(c=>({label:c.label,x:Array.from(c.x),y:Array.from(c.y),xUnit:c.xUnit,yUnit:c.yUnit,type:c.type})),l=JSON.stringify(i,null,2);ze(new Blob([l],{type:"application/json"}),a)},[]),o=(0,ce.useCallback)((n,a,s,i,l,c="spectrum.svg")=>{let u=Ne(n,a,s,{width:i,height:l});Oe(u,c)},[]);return{exportPng:e,exportSvg:o,exportCsv:t,exportJson:r}}var Ze=require("react"),_=require("react/jsx-runtime"),Ur=e=>({display:"inline-flex",alignItems:"center",justifyContent:"center",height:28,padding:"0 8px",border:`1px solid ${e==="dark"?"#4b5563":"#d1d5db"}`,borderRadius:4,background:e==="dark"?"#1f2937":"#ffffff",color:e==="dark"?"#d1d5db":"#374151",fontSize:12,cursor:"pointer",lineHeight:1,position:"relative"}),$r=e=>({position:"absolute",top:30,left:0,background:e==="dark"?"#1f2937":"#ffffff",border:`1px solid ${e==="dark"?"#4b5563":"#d1d5db"}`,borderRadius:4,boxShadow:"0 2px 8px rgba(0,0,0,0.15)",zIndex:200,minWidth:100,overflow:"hidden"}),Ve=e=>({display:"block",width:"100%",padding:"6px 12px",border:"none",background:"transparent",color:e==="dark"?"#d1d5db":"#374151",fontSize:12,textAlign:"left",cursor:"pointer"});function zt({theme:e,onExportPng:t,onExportSvg:r,onExportCsv:o,onExportJson:n}){let[a,s]=(0,Ze.useState)(!1),i=(0,Ze.useCallback)(l=>{s(!1),l?.()},[]);return(0,_.jsxs)("div",{style:{position:"relative",display:"inline-block"},children:[(0,_.jsx)("button",{type:"button",style:Ur(e),onClick:()=>s(!a),"aria-label":"Export","aria-expanded":a,"aria-haspopup":"true",children:"Export"}),a&&(0,_.jsxs)("div",{style:$r(e),role:"menu",children:[t&&(0,_.jsx)("button",{type:"button",role:"menuitem",style:Ve(e),onClick:()=>i(t),children:"PNG Image"}),r&&(0,_.jsx)("button",{type:"button",role:"menuitem",style:Ve(e),onClick:()=>i(r),children:"SVG Vector"}),o&&(0,_.jsx)("button",{type:"button",role:"menuitem",style:Ve(e),onClick:()=>i(o),children:"CSV Data"}),n&&(0,_.jsx)("button",{type:"button",role:"menuitem",style:Ve(e),onClick:()=>i(n),children:"JSON Data"})]})]})}function Vt(e){let t=e.length;if(t<3)return new Float64Array(e);let r=[0];for(let s=1;s<t;s++){for(;r.length>=2;){let i=r.length-1,l=r[i-1],c=r[i];if((s-l)*(e[c]-e[l])-(c-l)*(e[s]-e[l])>=0)r.pop();else break}r.push(s)}let o=new Float64Array(t),n=0;for(let s=0;s<t;s++){for(;n<r.length-1&&r[n+1]<=s;)n++;if(n>=r.length-1)o[s]=e[r[r.length-1]];else{let i=r[n],l=r[n+1],c=(s-i)/(l-i);o[s]=e[i]*(1-c)+e[l]*c}}let a=new Float64Array(t);for(let s=0;s<t;s++)a[s]=e[s]-o[s];return a}function Zt(e){let t=e.length,r=new Float64Array(t),o=1/0,n=-1/0;for(let s=0;s<t;s++){let i=e[s];i<o&&(o=i),i>n&&(n=i)}let a=n-o;if(a===0)return r;for(let s=0;s<t;s++)r[s]=(e[s]-o)/a;return r}function _t(e,t){let r=Math.min(e.length,t.length);if(r<2)return new Float64Array(t);let o=0;for(let a=1;a<r;a++)o+=Math.abs(e[a]-e[a-1])*(Math.abs(t[a])+Math.abs(t[a-1]))*.5;if(o===0)return new Float64Array(t);let n=new Float64Array(r);for(let a=0;a<r;a++)n[a]=t[a]/o;return n}function Bt(e){let t=e.length;if(t===0)return new Float64Array(0);let r=0;for(let i=0;i<t;i++)r+=e[i];let o=r/t,n=0;for(let i=0;i<t;i++){let l=e[i]-o;n+=l*l}let a=Math.sqrt(n/t);if(a===0)return new Float64Array(t);let s=new Float64Array(t);for(let i=0;i<t;i++)s[i]=(e[i]-o)/a;return s}function Ht(e,t=5){let r=e.length;if(r<t||t<3)return new Float64Array(e);let o=t%2===0?t+1:t,n=(o-1)/2,a=Nr(o),s=new Float64Array(r);for(let i=0;i<n;i++)s[i]=e[i],s[r-1-i]=e[r-1-i];for(let i=n;i<r-n;i++){let l=0;for(let c=-n;c<=n;c++)l+=a[c+n]*e[i+c];s[i]=l}return s}function Nr(e){let t={5:[-3,12,17,12,-3].map(r=>r/35),7:[-2,3,6,7,6,3,-2].map(r=>r/21),9:[-21,14,39,54,59,54,39,14,-21].map(r=>r/231),11:[-36,9,44,69,84,89,84,69,44,9,-36].map(r=>r/429)};return t[e]?t[e]:Array(e).fill(1/e)}function Xt(e,t){let r=Math.min(e.length,t.length);if(r<2)return new Float64Array(r);let o=new Float64Array(r);o[0]=(t[1]-t[0])/(e[1]-e[0]);for(let n=1;n<r-1;n++)o[n]=(t[n+1]-t[n-1])/(e[n+1]-e[n-1]);return o[r-1]=(t[r-1]-t[r-2])/(e[r-1]-e[r-2]),o}function Wt(e,t){let r=Math.min(e.length,t.length);if(r<3)return new Float64Array(r);let o=new Float64Array(r);for(let n=1;n<r-1;n++){let a=e[n]-e[n-1],s=e[n+1]-e[n],i=(a+s)/2;o[n]=(t[n+1]-2*t[n]+t[n-1])/(i*i)}return o[0]=o[1],o[r-1]=o[r-2],o}var Or=0,zr=1,Vr=4,Zr=128,_r={0:"Arbitrary",1:"cm\u207B\xB9",2:"\xB5m",3:"nm",4:"s",5:"min",6:"Hz",7:"kHz",8:"MHz",9:"m/z",10:"Da",11:"ppm",12:"days",13:"years",14:"Raman shift (cm\u207B\xB9)",15:"eV",16:"Text label",255:"Double interferogram"},Br={0:"Arbitrary",1:"Interferogram",2:"Absorbance",3:"Kubelka-Munk",4:"Counts",5:"V",6:"\xB0",7:"mA",8:"mm",9:"mV",10:"log(1/R)",11:"%",12:"Intensity",13:"Relative intensity",14:"Energy",16:"dB",19:"\xB0C",20:"\xB0F",21:"K",22:"Index of refraction [n]",23:"Extinction coeff. [k]",24:"Real",25:"Imaginary",26:"Complex",128:"Transmittance",129:"Reflectance",130:"Arbitrary (Valley to peak)",131:"Emission"};function Hr(e,t){return e===1?"IR":e===14?"Raman":e===3&&(t===2||t===128)?"UV-Vis":e===2?"NIR":t===131?"fluorescence":"other"}function Yt(e){let t=new DataView(e);if(e.byteLength<512)throw new Error("Invalid SPC file: too small for SPC header");let o=t.getUint8(0),n=t.getUint8(1);if(n!==75&&n!==77)throw new Error(`Unsupported SPC version: 0x${n.toString(16)}. Expected 0x4B or 0x4D.`);let a=t.getUint8(2),s=t.getUint8(3),i=t.getUint32(4,!0),l=t.getFloat64(8,!0),c=t.getFloat64(16,!0),u=t.getUint32(24,!0),p=_r[a]??"Arbitrary",f=Br[s]??"Arbitrary",m=new Uint8Array(e,30,130),d=Xr(m),g=(o&Vr)!==0,y=(o&Zr)!==0,b=(o&zr)!==0,x=Hr(a,s),S=null;if(!y&&i>0){S=new Float64Array(i);let k=i>1?(c-l)/(i-1):0;for(let M=0;M<i;M++)S[M]=l+M*k}let w=[],h=512,v=null;if(y&&!g){v=new Float64Array(i);for(let k=0;k<i;k++)v[k]=t.getFloat32(h,!0),h+=4}let C=g?u:1;for(let k=0;k<C;k++){let M,E,F=i;if(g){if(h+32>e.byteLength)break;let I=t.getFloat32(h+4,!0),_e=t.getFloat32(h+8,!0);if(F=t.getUint32(h+12,!0)||i,h+=32,y){M=new Float64Array(F);for(let K=0;K<F&&!(h+4>e.byteLength);K++)M[K]=t.getFloat32(h,!0),h+=4}else if(S)M=S;else{M=new Float64Array(F);let K=F>1?(_e-I)/(F-1):0;for(let J=0;J<F;J++)M[J]=I+J*K}}else M=v??S??new Float64Array(0);if(E=new Float64Array(F),b)for(let I=0;I<F&&!(h+2>e.byteLength);I++)E[I]=t.getInt16(h,!0),h+=2;else for(let I=0;I<F&&!(h+4>e.byteLength);I++)E[I]=t.getFloat32(h,!0),h+=4;w.push({id:`spc-${++Or}`,label:d||`SPC Spectrum ${k+1}`,x:M,y:E,xUnit:p,yUnit:f,type:x,meta:{format:"SPC",version:n===75?"new":"old",xType:a.toString(),yType:s.toString()}})}if(w.length===0)throw new Error("Invalid SPC file: no spectra found");return w}function Xr(e){let t=e.indexOf(0),r=t>=0?e.slice(0,t):e;return new TextDecoder("ascii").decode(r).trim()}0&&(module.exports={AnnotationLayer,AxisLayer,Crosshair,DARK_THEME,DropZone,ExportMenu,KEYBOARD_SHORTCUTS,LIGHT_THEME,LINE_DASH_PATTERNS,Legend,Minimap,PeakMarkers,RegionSelector,SPECTRUM_COLORS,SpectraView,SpectrumCanvas,StackedView,Toolbar,baselineRubberBand,binarySearchClosest,computeXExtent,computeYExtent,createXScale,createYScale,derivative1st,derivative2nd,detectPeaks,downloadSvg,generateChartDescription,generateSvg,getSpectrumColor,getThemeColors,lttbDownsample,normalizeArea,normalizeMinMax,normalizeSNV,parseCsv,parseCsvMulti,parseJcamp,parseJson,parseSpc,prefersReducedMotion,smoothSavitzkyGolay,snapToNearestSpectrum,useExport,useKeyboardNavigation,usePeakPicking,useRegionSelect,useResizeObserver,useSpectrumData,useZoomPan});
|
|
16
16
|
//# sourceMappingURL=index.cjs.map
|