spectraview 1.1.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 +5 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +23 -1
- package/dist/index.d.ts +23 -1
- package/dist/index.js +5 -5
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var We=Object.defineProperty;var tr=Object.getOwnPropertyDescriptor;var rr=Object.getOwnPropertyNames;var nr=Object.prototype.hasOwnProperty;var or=(e,t)=>{for(var r in t)We(e,r,{get:t[r],enumerable:!0})},ir=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of rr(t))!nr.call(e,n)&&n!==r&&We(e,n,{get:()=>t[n],enumerable:!(o=tr(t,n))||o.enumerable});return e};var ar=e=>ir(We({},"__esModule",{value:!0}),e);var _r={};or(_r,{AnnotationLayer:()=>Se,AxisLayer:()=>te,Crosshair:()=>xe,DARK_THEME:()=>Ke,DropZone:()=>Ce,ExportMenu:()=>Ut,KEYBOARD_SHORTCUTS:()=>Ct,LIGHT_THEME:()=>Ge,LINE_DASH_PATTERNS:()=>et,Legend:()=>ae,PeakMarkers:()=>he,RegionSelector:()=>ye,SPECTRUM_COLORS:()=>de,SpectraView:()=>kt,SpectrumCanvas:()=>ee,StackedView:()=>Re,Toolbar:()=>we,baselineRubberBand:()=>$t,binarySearchClosest:()=>Je,computeXExtent:()=>pe,computeYExtent:()=>K,createXScale:()=>fe,createYScale:()=>J,derivative1st:()=>Zt,derivative2nd:()=>_t,detectPeaks:()=>Le,downloadSvg:()=>$e,generateChartDescription:()=>Ee,generateSvg:()=>Ue,getSpectrumColor:()=>I,getThemeColors:()=>q,lttbDownsample:()=>ge,normalizeArea:()=>Nt,normalizeMinMax:()=>Ot,normalizeSNV:()=>zt,parseCsv:()=>Pe,parseCsvMulti:()=>Et,parseJcamp:()=>Ie,parseJson:()=>De,parseSpc:()=>Bt,prefersReducedMotion:()=>wt,smoothSavitzkyGolay:()=>Vt,snapToNearestSpectrum:()=>ve,useExport:()=>It,useKeyboardNavigation:()=>Te,usePeakPicking:()=>Mt,useRegionSelect:()=>Me,useResizeObserver:()=>Ae,useSpectrumData:()=>Ft,useZoomPan:()=>be});module.exports=ar(_r);var A=require("react");var je=require("d3-scale"),Ye=require("d3-array"),sr=.05;function pe(e){let t=1/0,r=-1/0;for(let o of e){if(o.visible===!1)continue;let[n,a]=(0,Ye.extent)(o.x);n<t&&(t=n),a>r&&(r=a)}return isFinite(t)?[t,r]:[0,1]}function K(e){let t=1/0,r=-1/0;for(let a of e){if(a.visible===!1)continue;let[s,i]=(0,Ye.extent)(a.y);s<t&&(t=s),i>r&&(r=i)}if(!isFinite(t))return[0,1];let n=(r-t)*sr;return[t-n,r+n]}function fe(e,t,r,o){let n=t-r.left-r.right,a=o?[e[1],e[0]]:e;return(0,je.scaleLinear)().domain(a).range([0,n])}function J(e,t,r){let o=t-r.top-r.bottom;return(0,je.scaleLinear)().domain(e).range([o,0])}var de=["#2563eb","#dc2626","#16a34a","#9333ea","#ea580c","#0891b2","#be185d","#854d0e","#4f46e5","#65a30d"],Ge={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"},Ke={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 I(e){return de[e%de.length]}function q(e){return e==="dark"?Ke:Ge}var L=require("react"),Q=require("d3-zoom"),X=require("d3-selection"),Wr=require("d3-transition"),mt=1.5;function be(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),m=(0,L.useRef)(i);m.current=i;let p=(0,L.useRef)(a);p.current=a;let[f,u]=(0,L.useState)(Q.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 v=l.current;if(!v||!s)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(u(y),m.current){let C=y.rescaleX(o.copy()),x=y.rescaleY(n.copy());m.current(C.domain(),x.domain())}});return c.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,s,o,n]);let S=(0,L.useCallback)(()=>{!l.current||!c.current||(0,X.select)(l.current).transition().duration(300).call(c.current.transform,Q.zoomIdentity)},[]),b=(0,L.useCallback)(()=>{!l.current||!c.current||(0,X.select)(l.current).transition().duration(200).call(c.current.scaleBy,mt)},[]),w=(0,L.useCallback)(()=>{!l.current||!c.current||(0,X.select)(l.current).transition().duration(200).call(c.current.scaleBy,1/mt)},[]);return{zoomRef:l,state:{transform:f,isZoomed:f.k!==1||f.x!==0||f.y!==0},zoomedXScale:d,zoomedYScale:g,resetZoom:S,zoomIn:b,zoomOut:w}}var $=require("react");function ge(e,t,r,o,n,a,s){let i=o-r;if(i<=s){let f=[];for(let u=r;u<o;u++)f.push({px:n(e[u]),py:a(t[u]),index:u});return f}let l=[];l.push({px:n(e[r]),py:a(t[r]),index:r});let c=s-2,m=(i-2)/c,p=r;for(let f=0;f<c;f++){let u=r+1+Math.floor(f*m),d=r+1+Math.min(Math.floor((f+1)*m),i-2),g=d,S=r+1+Math.min(Math.floor((f+2)*m),i-2),b,w;if(f===c-1)b=n(e[o-1]),w=a(t[o-1]);else{b=0,w=0;let C=S-g;for(let x=g;x<S;x++)b+=n(e[x]),w+=a(t[x]);C>0&&(b/=C,w/=C)}let v=n(e[p]),k=a(t[p]),h=-1,y=u;for(let C=u;C<d;C++){let x=n(e[C]),M=a(t[C]),E=Math.abs((v-b)*(M-k)-(v-x)*(w-k));E>h&&(h=E,y=C)}l.push({px:n(e[y]),py:a(t[y]),index:y}),p=y}return l.push({px:n(e[o-1]),py:a(t[o-1]),index:o-1}),l}var lr=1.5,cr={solid:[],dashed:[8,4],dotted:[2,2],"dash-dot":[8,4,2,4]},ur=2e3;function mr(e,t,r){e.clearRect(0,0,t,r)}function pr(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 m=t.color??I(r),p=t.lineWidth??lr,f=i?p+1:p,u=cr[t.lineStyle??"solid"]??[],[d,g]=o.domain(),S=Math.min(d,g),b=Math.max(d,g),w=0,v=c;for(let h=0;h<c;h++)if(t.x[h]>=S||h<c-1&&t.x[h+1]>=S){w=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){v=Math.min(c,h+2);break}let k=v-w;if(e.save(),e.beginPath(),e.strokeStyle=m,e.lineWidth=f,e.globalAlpha=l,e.lineJoin="round",e.setLineDash(u),k>ur){let h=Math.max(Math.ceil(a*2),200),y=ge(t.x,t.y,w,v,o,n,h);if(y.length>0){e.moveTo(y[0].px,y[0].py);for(let C=1;C<y.length;C++)e.lineTo(y[C].px,y[C].py)}}else{let h=!1;for(let y=w;y<v;y++){let C=o(t.x[y]),x=n(t.y[y]);h?e.lineTo(C,x):(e.moveTo(C,x),h=!0)}}e.stroke(),e.restore()}function pt(e,t,r,o,n,a,s){mr(e,n,a),t.forEach((i,l)=>{i.visible!==!1&&pr(e,i,l,r,o,n,{highlighted:i.id===s,opacity:s&&i.id!==s?.3:1})})}var ft=require("react/jsx-runtime"),ee=(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 m=l.current;if(!m)return;let p=window.devicePixelRatio||1;c.current=p,m.width=n*p,m.height=a*p},[n,a]),(0,$.useEffect)(()=>{let m=l.current;if(!m)return;let p=m.getContext("2d");if(!p)return;let f=c.current;p.setTransform(f,0,0,f,0,0),pt(p,t,r,o,n,a,s)},[t,r,o,n,a,s]),(0,ft.jsx)("canvas",{ref:l,style:{width:n,height:a,position:"absolute",top:0,left:0,pointerEvents:"none"}})});var T=require("react/jsx-runtime");function dt(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 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:o,xLabel:n,yLabel:a,showGrid:s=!0,colors:i}){let l=dt(e,8),c=dt(t,6);return(0,T.jsxs)("g",{children:[s&&(0,T.jsxs)("g",{children:[l.map(m=>(0,T.jsx)("line",{x1:e(m),x2:e(m),y1:0,y2:o,stroke:i.gridColor,strokeWidth:.5},`xgrid-${m}`)),c.map(m=>(0,T.jsx)("line",{x1:0,x2:r,y1:t(m),y2:t(m),stroke:i.gridColor,strokeWidth:.5},`ygrid-${m}`))]}),(0,T.jsxs)("g",{transform:`translate(0, ${o})`,children:[(0,T.jsx)("line",{x1:0,x2:r,y1:0,y2:0,stroke:i.axisColor}),l.map(m=>(0,T.jsxs)("g",{transform:`translate(${e(m)}, 0)`,children:[(0,T.jsx)("line",{y1:0,y2:6,stroke:i.axisColor}),(0,T.jsx)("text",{y:20,textAnchor:"middle",fill:i.tickColor,fontSize:11,fontFamily:"system-ui, sans-serif",children:bt(m)})]},`xtick-${m}`)),n&&(0,T.jsx)("text",{x:r/2,y:42,textAnchor:"middle",fill:i.labelColor,fontSize:13,fontFamily:"system-ui, sans-serif",children:n})]}),(0,T.jsxs)("g",{children:[(0,T.jsx)("line",{x1:0,x2:0,y1:0,y2:o,stroke:i.axisColor}),c.map(m=>(0,T.jsxs)("g",{transform:`translate(0, ${t(m)})`,children:[(0,T.jsx)("line",{x1:-6,x2:0,stroke:i.axisColor}),(0,T.jsx)("text",{x:-10,textAnchor:"end",dominantBaseline:"middle",fill:i.tickColor,fontSize:11,fontFamily:"system-ui, sans-serif",children:bt(m)})]},`ytick-${m}`)),a&&(0,T.jsx)("text",{transform:`translate(-50, ${o/2}) rotate(-90)`,textAnchor:"middle",fill:i.labelColor,fontSize:13,fontFamily:"system-ui, sans-serif",children:a})]})]})}var re=require("react/jsx-runtime");function he({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(m=>m.x>=i&&m.x<=l);return(0,re.jsx)("g",{className:"spectraview-peaks",children:c.map((m,p)=>{let f=t(m.x),u=r(m.y);return(0,re.jsxs)("g",{transform:`translate(${f}, ${u})`,style:{cursor:n?"pointer":"default"},onClick:()=>n?.(m),children:[(0,re.jsx)("polygon",{points:`0,-5 -5,${-5*2.5} 5,${-5*2.5}`,fill:o.labelColor,opacity:.8}),m.label&&(0,re.jsx)("text",{y:-5*2.5-14,textAnchor:"middle",fill:o.labelColor,fontSize:10,fontFamily:"system-ui, sans-serif",fontWeight:500,children:m.label})]},`peak-${m.x}-${p}`)})})}var ne=require("react/jsx-runtime");function ye({regions:e,xScale:t,height:r,colors:o}){return(0,ne.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,ne.jsxs)("g",{children:[(0,ne.jsx)("rect",{x:l,y:0,width:c,height:r,fill:n.color??o.regionFill,stroke:o.regionStroke,strokeWidth:1}),n.label&&(0,ne.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 N=require("react/jsx-runtime");function xe({position:e,width:t,height:r,colors:o,snapPoint:n}){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:o.crosshairColor,strokeWidth:1,strokeDasharray:"4 4"}),(0,N.jsx)("line",{x1:0,x2:t,y1:e.py,y2:e.py,stroke:o.crosshairColor,strokeWidth:1,strokeDasharray:"4 4"}),n&&(0,N.jsx)("circle",{cx:n.px,cy:n.py,r:4,fill:n.color??o.crosshairColor,stroke:o.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:o.tooltipBg,stroke:o.tooltipBorder,strokeWidth:.5,opacity:.9}),(0,N.jsxs)("text",{x:5,y:0,fill:o.tooltipText,fontSize:10,fontFamily:"monospace",children:[gt(n?.dataX??e.dataX),","," ",gt(n?.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:o}){return e.length===0?null:(0,H.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,m=s+l,p=n.fontSize??11,f=n.color??o.tickColor,u=n.showAnchorLine!==!1;return(0,H.jsxs)("g",{children:[u&&(0,H.jsx)("line",{x1:a,y1:s,x2:c,y2:m,stroke:f,strokeWidth:.75,strokeDasharray:"3 2",opacity:.6}),(0,H.jsx)("circle",{cx:a,cy:s,r:2.5,fill:f,opacity:.8}),(0,H.jsx)("text",{x:c,y:m,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,H.jsx)("text",{x:c,y:m,fill:f,fontSize:p,fontFamily:"system-ui, sans-serif",textAnchor:"middle",dominantBaseline:"auto",children:n.text})]},n.id)})})}function Je(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 ve(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=Je(s.x,t,i);if(l<0)continue;let c=s.x[l],m=s.y[l],p=Math.abs(o(c)-o(t)),f=Math.abs(n(m)-r),u=Math.sqrt(p*p+f*f);(!a||u<a.distance)&&(a={spectrumId:s.id,index:l,x:c,y:m,distance:u})}return a}var ht=require("react"),oe=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}),fr=e=>({display:"flex",gap:4,padding:"4px 0",borderBottom:`1px solid ${e==="dark"?"#374151":"#e5e7eb"}`}),we=(0,ht.memo)(function({onZoomIn:t,onZoomOut:r,onReset:o,isZoomed:n,theme:a}){return(0,oe.jsxs)("div",{style:fr(a),className:"spectraview-toolbar",children:[(0,oe.jsx)("button",{type:"button",style:qe(a),onClick:t,title:"Zoom in","aria-label":"Zoom in",children:"+"}),(0,oe.jsx)("button",{type:"button",style:qe(a),onClick:r,title:"Zoom out","aria-label":"Zoom out",children:"\u2212"}),(0,oe.jsx)("button",{type:"button",style:{...qe(a),opacity:n?1:.4},onClick:o,disabled:!n,title:"Reset zoom","aria-label":"Reset zoom",children:"\u21BA"})]})});var yt=require("react");var ie=require("react/jsx-runtime"),dr=(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}),br=(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"}),gr=(e,t)=>({width:12,height:3,borderRadius:1,background:e,opacity:t?.4:1,flexShrink:0}),ae=(0,yt.memo)(function({spectra:t,theme:r,position:o,onToggleVisibility:n,onHighlight:a,highlightedId:s}){return t.length<=1?null:(0,ie.jsx)("div",{className:"spectraview-legend",style:dr(r,o),role:"list","aria-label":"Spectrum legend",children:t.map((i,l)=>{let c=i.color??I(l),m=i.visible===!1,p=s===i.id;return(0,ie.jsxs)("div",{role:"listitem",style:br(r,m,p),onClick:()=>n?.(i.id),onMouseEnter:()=>a?.(i.id),onMouseLeave:()=>a?.(null),title:m?`Show ${i.label}`:`Hide ${i.label}`,children:[(0,ie.jsx)("span",{style:gr(c,m)}),(0,ie.jsx)("span",{style:{textDecoration:m?"line-through":"none",maxWidth:120,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:i.label})]},i.id)})})});var G=require("react"),ke=require("react/jsx-runtime");function Ce({enabled:e,theme:t,width:r,height:o,onDrop:n,children:a}){let[s,i]=(0,G.useState)(!1),l={current:0},c=(0,G.useCallback)(u=>{e&&(u.preventDefault(),l.current++,i(!0))},[e]),m=(0,G.useCallback)(u=>{e&&(u.preventDefault(),l.current--,l.current<=0&&(l.current=0,i(!1)))},[e]),p=(0,G.useCallback)(u=>{e&&(u.preventDefault(),u.dataTransfer.dropEffect="copy")},[e]),f=(0,G.useCallback)(u=>{if(!e)return;u.preventDefault(),l.current=0,i(!1);let d=Array.from(u.dataTransfer.files);d.length>0&&n?.(d)},[e,n]);return(0,ke.jsxs)("div",{style:{position:"relative",width:r,height:o},onDragEnter:c,onDragLeave:m,onDragOver:p,onDrop:f,children:[a,s&&(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:o,margin:n,theme:a,showGrid:s,xLabel:i,yLabel:l}){let c=e.filter(d=>d.visible!==!1),m=(0,St.useMemo)(()=>q(a),[a]),p=c.length,f=(p-1)*xt,u=Math.max(40,Math.floor((o-f)/Math.max(p,1)));return(0,z.jsx)("g",{className:"spectraview-stacked",children:c.map((d,g)=>{let S=g*(u+xt),b=K([d]),w=J(b,u+n.top+n.bottom,{...n,top:0,bottom:0}),v=d.color??I(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:u,fill:"transparent",stroke:m.gridColor,strokeWidth:.5,rx:2}),(0,z.jsx)(te,{xScale:t,yScale:w,width:r,height:u,xLabel:g===p-1?i:"",yLabel:l,showGrid:s,colors:m}),(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:u,children:(0,z.jsx)(ee,{spectra:[k],xScale:t,yScale:w,width:r,height:u})})]},d.id)})})}var W=require("react");function Me(e){let{enabled:t,xScale:r,onRegionSelect:o}=e,[n,a]=(0,W.useState)(null),s=(0,W.useRef)(null),i=(0,W.useCallback)(m=>{if(!t||!m.shiftKey)return;m.preventDefault();let p=m.currentTarget.getBoundingClientRect(),f=m.clientX-p.left,u=r.invert(f);s.current=u,a({xStart:u,xEnd:u})},[t,r]),l=(0,W.useCallback)(m=>{if(s.current===null)return;let p=m.currentTarget.getBoundingClientRect(),f=m.clientX-p.left,u=r.invert(f),d=s.current;a({xStart:Math.min(d,u),xEnd:Math.max(d,u)})},[r]),c=(0,W.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 V=require("react");function Ae(){let[e,t]=(0,V.useState)(null),r=(0,V.useRef)(null),o=(0,V.useRef)(null),n=(0,V.useCallback)(a=>{if(r.current&&(r.current.disconnect(),r.current=null),o.current=a,!a)return;let s=new ResizeObserver(c=>{let m=c[0];if(!m)return;let{width:p,height:f}=m.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,V.useEffect)(()=>()=>{r.current?.disconnect()},[]),{ref:n,size:e}}var vt=require("react");function Te(e){let{onZoomIn:t,onZoomOut:r,onReset:o,enabled:n=!0}=e;return(0,vt.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 wt(){return typeof window>"u"?!1:window.matchMedia("(prefers-reduced-motion: reduce)").matches}function Ee(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 Ct={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"),hr={top:20,right:20,bottom:50,left:65},yr=800,xr=400;function Sr(e){return{width:e.width??yr,height:e.height??xr,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:{...hr,...e.margin},theme:e.theme??"light",responsive:e.responsive??!1,enableDragDrop:e.enableDragDrop??!1,enableRegionSelect:e.enableRegionSelect??!1}}function vr(e,t,r){let o=e[0];return{xLabel:t??o?.xUnit??"x",yLabel:r??o?.yUnit??"y"}}function kt(e){let{spectra:t,peaks:r=[],regions:o=[],annotations:n=[],onPeakClick:a,onViewChange:s,onCrosshairMove:i,onToggleVisibility:l,onFileDrop:c,onRegionSelect:m,canvasRef:p,snapCrosshair:f=!0}=e,{ref:u,size:d}=Ae(),S=`spectraview-clip-${(0,A.useId)().replace(/:/g,"")}`,b=(0,A.useMemo)(()=>Sr(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]),w=b.responsive&&d?d.width:b.width,{height:v,margin:k,reverseX:h,theme:y}=b,C=w-k.left-k.right,x=v-k.top-k.bottom,M=(0,A.useMemo)(()=>q(y),[y]),E=(0,A.useMemo)(()=>vr(t,e.xLabel,e.yLabel),[t,e.xLabel,e.yLabel]),D=(0,A.useMemo)(()=>pe(t),[t]),F=(0,A.useMemo)(()=>K(t),[t]),Ve=(0,A.useMemo)(()=>fe(D,w,k,h),[D,w,k,h]),j=(0,A.useMemo)(()=>J(F,v,k),[F,v,k]),Y=(0,A.useRef)(s);Y.current=s;let Xt=(0,A.useMemo)(()=>(B,ue)=>{Y.current?.({xDomain:B,yDomain:ue})},[]),{zoomRef:tt,state:Ht,zoomedXScale:P,zoomedYScale:_,resetZoom:rt,zoomIn:nt,zoomOut:ot}=be({plotWidth:C,plotHeight:x,xScale:Ve,yScale:j,onViewChange:s?Xt:void 0}),{pendingRegion:le,handleMouseDown:Wt,handleMouseMove:jt,handleMouseUp:Yt}=Me({enabled:b.enableRegionSelect,xScale:P,onRegionSelect:m}),[Ze,it]=(0,A.useState)(null),[Gt,at]=(0,A.useState)(null),[Kt,_e]=(0,A.useState)(null),ce=(0,A.useRef)(i);ce.current=i;let st=(0,A.useCallback)(B=>{if(!b.showCrosshair)return;let ue=B.currentTarget.getBoundingClientRect(),ct=B.clientX-ue.left,Xe=B.clientY-ue.top,me=P.invert(ct),He=_.invert(Xe);if(at({px:ct,py:Xe,dataX:me,dataY:He}),f&&t.length>0){let O=ve(t,me,Xe,P,_);if(O&&O.distance<50){let ut=t.findIndex(er=>er.id===O.spectrumId);_e({px:P(O.x),py:_(O.y),dataX:O.x,dataY:O.y,color:t[ut]?.color??I(ut)}),ce.current?.(O.x,O.y)}else _e(null),ce.current?.(me,He)}else ce.current?.(me,He)},[P,_,b.showCrosshair,f,t]),lt=(0,A.useCallback)(()=>{at(null),_e(null)},[]),Jt=Te({onZoomIn:nt,onZoomOut:ot,onReset:rt}),qt=(0,A.useMemo)(()=>Ee(t.length,E.xLabel,E.yLabel),[t.length,E.xLabel,E.yLabel]),Qt=b.displayMode==="stacked";if(t.length===0)return(0,R.jsx)("div",{ref:b.responsive?u:void 0,style:{width:b.responsive?"100%":w,height:v,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 Be=b.showToolbar?37:0;return(0,R.jsxs)("div",{ref:b.responsive?u:void 0,style:{width:b.responsive?"100%":w,background:M.background,borderRadius:4,overflow:"hidden"},className:e.className,role:"img","aria-label":qt,tabIndex:0,onKeyDown:Jt,children:[b.showToolbar&&(0,R.jsx)(we,{onZoomIn:nt,onZoomOut:ot,onReset:rt,isZoomed:Ht.isZoomed,theme:y}),b.showLegend&&b.legendPosition==="top"&&(0,R.jsx)(ae,{spectra:t,theme:y,position:"top",onToggleVisibility:l,onHighlight:it,highlightedId:Ze}),(0,R.jsx)(Ce,{enabled:b.enableDragDrop,theme:y,width:w,height:v-Be,onDrop:c,children:Qt?(0,R.jsx)("svg",{width:w,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:P,plotWidth:C,plotHeight:x,margin:k,theme:y,showGrid:b.showGrid,xLabel:E.xLabel,yLabel:E.yLabel}),(0,R.jsx)("rect",{ref:tt,x:0,y:0,width:C,height:x,fill:"transparent",style:{cursor:"grab"},onMouseMove:st,onMouseLeave:lt})]})}):(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)("div",{style:{position:"absolute",top:k.top,left:k.left,width:C,height:x,overflow:"hidden"},children:(0,R.jsx)(ee,{ref:p,spectra:t,xScale:P,yScale:_,width:C,height:x,highlightedId:Ze??void 0})}),(0,R.jsx)("svg",{width:w,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:P,yScale:_,width:C,height:x,xLabel:E.xLabel,yLabel:E.yLabel,showGrid:b.showGrid,colors:M}),(0,R.jsx)("defs",{children:(0,R.jsx)("clipPath",{id:S,children:(0,R.jsx)("rect",{x:0,y:0,width:C,height:x})})}),(0,R.jsxs)("g",{clipPath:`url(#${S})`,children:[o.length>0&&(0,R.jsx)(ye,{regions:o,xScale:P,height:x,colors:M}),r.length>0&&(0,R.jsx)(he,{peaks:r,xScale:P,yScale:_,colors:M,onPeakClick:a})]}),n.length>0&&(0,R.jsx)(Se,{annotations:n,xScale:P,yScale:_,colors:M}),b.showCrosshair&&(0,R.jsx)(xe,{position:Gt,width:C,height:x,colors:M,snapPoint:Kt}),le&&(0,R.jsx)("rect",{x:P(le.xStart),y:0,width:Math.abs(P(le.xEnd)-P(le.xStart)),height:x,fill:M.regionFill,stroke:M.regionStroke,strokeWidth:1,pointerEvents:"none"}),(0,R.jsx)("rect",{ref:tt,x:0,y:0,width:C,height:x,fill:"transparent",style:{cursor:b.showCrosshair?"crosshair":"grab"},onMouseDown:Wt,onMouseMove:B=>{st(B),jt(B)},onMouseUp:Yt,onMouseLeave:lt})]})})]})}),b.showLegend&&b.legendPosition==="bottom"&&(0,R.jsx)(ae,{spectra:t,theme:y,position:"bottom",onToggleVisibility:l,onHighlight:it,highlightedId:Ze})]})}var Rt=require("react");function Le(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 u=0;u<t.length;u++)t[u]<s&&(s=t[u]),t[u]>i&&(i=t[u]);let l=i-s;if(l===0)return[];let c=o*l,m=[];for(let u=1;u<t.length-1;u++)if(t[u]>t[u-1]&&t[u]>t[u+1]){let d=wr(t,u),g=Cr(t,u),S=t[u]-Math.max(d,g);S>=c&&m.push({index:u,prom:S})}m.sort((u,d)=>d.prom-u.prom);let p=[];for(let u of m)p.some(g=>Math.abs(g.index-u.index)<n)||p.push(u);return(a?p.slice(0,a):p).map(u=>({x:e[u.index],y:t[u.index],label:kr(e[u.index])})).sort((u,d)=>u.x-d.x)}function wr(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 Cr(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 kr(e){return Math.round(e).toString()}function Mt(e,t={}){let{enabled:r=!0,spectrumIds:o,prominence:n,minDistance:a,maxPeaks:s}=t;return(0,Rt.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 m=Le(c.x,c.y,{prominence:n,minDistance:a,maxPeaks:s});for(let p of m)l.push({...p,spectrumId:c.id})}return l},[e,r,o,n,a,s])}var U=require("react");var At=0,Rr=[" ",",",";"," "];function Tt(e){let t=e.trim().split(/\r?\n/).slice(0,5),r=",",o=0;for(let n of Rr){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 Pe(e,t={}){let{xColumn:r=0,yColumn:o=1,hasHeader:n=!0,label:a="CSV Spectrum"}=t,s=t.delimiter??Tt(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(u=>u.trim());!t.label&&f[o]&&(l=f[o]),c=1}let m=[],p=[];for(let f=c;f<i.length;f++){let u=i[f].trim();if(u===""||u.startsWith("#"))continue;let d=u.split(s),g=parseFloat(d[r]),S=parseFloat(d[o]);!isNaN(g)&&!isNaN(S)&&(m.push(g),p.push(S))}if(m.length===0)throw new Error("No valid numeric data found in CSV");return{id:`csv-${++At}`,label:l,x:new Float64Array(m),y:new Float64Array(p)}}function Et(e,t={}){let{hasHeader:r=!0,label:o}=t,n=t.delimiter??Tt(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(u=>u.trim()),c=1);let m=[],p=Array.from({length:i-1},()=>[]);for(let u=c;u<a.length;u++){let d=a[u].trim();if(d===""||d.startsWith("#"))continue;let g=d.split(n),S=parseFloat(g[0]);if(!isNaN(S)){m.push(S);for(let b=1;b<i;b++){let w=parseFloat(g[b]);p[b-1].push(isNaN(w)?0:w)}}}let f=new Float64Array(m);return p.map((u,d)=>({id:`csv-${++At}`,label:o??l?.[d+1]??`Spectrum ${d+1}`,x:f,y:new Float64Array(u)}))}var Mr=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,o)=>Qe(r,o));if(typeof t=="object"&&t!==null){let r=t;return Array.isArray(r.spectra)?r.spectra.map((o,n)=>Qe(o,n)):[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 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-${++Mr}`,label:n,x:new Float64Array(r),y:new Float64Array(o),xUnit:e.xUnit,yUnit:e.yUnit,type:e.type,meta:e.meta}}var Pt=0,Fe=null,Lt=!1;async function Ar(){if(Lt)return Fe;Lt=!0;try{Fe=await import("jcampconverter")}catch{Fe=null}return Fe}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 Ie(e){let t=await Ar();return t?Tr(e,t):[Er(e)]}function Tr(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-${++Pt}`,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:Dt(o.info),meta:o.info}})}function Er(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(),m=l[2].trim();if(c==="XYDATA"||c==="XYPOINTS"){a=!0;continue}if(c==="END"){a=!1;continue}r[c]=m}continue}if(a&&i!==""){let l=i.split(/[\s,]+/).map(Number);if(l.length>=2&&!l.some(isNaN)){let c=l[0],m=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 u=f>1?(p-m)/(f-1):0;for(let d=1;d<l.length;d++)o.push(c+(d-1)*u),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-${++Pt}`,label:r.TITLE??"JCAMP Spectrum",x:new Float64Array(o),y:new Float64Array(n),xUnit:r.XUNITS??"cm\u207B\xB9",yUnit:r.YUNITS??"Absorbance",type:Dt(r),meta:r}}function Lr(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 Ft(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(u,d)=>{n(!0),s(null);try{let g;switch(d){case"jcamp":g=await Ie(u);break;case"csv":g=[Pe(u)];break;case"json":g=De(u);break}r(S=>[...S,...g])}catch(g){let S=g instanceof Error?g.message:"Failed to parse file";s(S)}finally{n(!1)}},[]),l=(0,U.useCallback)(async u=>{let d=Lr(u.name);if(!d){s(`Unsupported file format: ${u.name}`);return}let g=await u.text();await i(g,d)},[i]),c=(0,U.useCallback)(u=>{r(d=>[...d,u])},[]),m=(0,U.useCallback)(u=>{r(d=>d.filter(g=>g.id!==u))},[]),p=(0,U.useCallback)(u=>{r(d=>d.map(g=>g.id===u?{...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:m,toggleVisibility:p,clear:f}}var se=require("react");var et={solid:"",dashed:"8 4",dotted:"2 2","dash-dot":"8 4 2 4"};function Ue(e,t,r,o){let{width:n,height:a,background:s="#ffffff",title:i}=o,l=e.filter(c=>c.visible!==!1).map((c,m)=>{let p=c.color??I(m),f=c.lineStyle??"solid",u=c.lineWidth??1.5,d=et[f]??"",g=Math.min(c.x.length,c.y.length);if(g<2)return"";let S=[];for(let b=0;b<g;b++){let w=t(c.x[b]).toFixed(2),v=r(c.y[b]).toFixed(2);S.push(`${b===0?"M":"L"}${w},${v}`)}return`<path d="${S.join(" ")}" fill="none" stroke="${p}" stroke-width="${u}"${d?` stroke-dasharray="${d}"`:""}/>
|
|
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
3
|
<!-- ${c.label} -->`}).filter(Boolean).join(`
|
|
4
4
|
`);return`<?xml version="1.0" encoding="UTF-8"?>
|
|
5
5
|
<svg xmlns="http://www.w3.org/2000/svg" width="${n}" height="${a}" viewBox="0 0 ${n} ${a}">
|
|
@@ -8,9 +8,9 @@
|
|
|
8
8
|
<g>
|
|
9
9
|
${l}
|
|
10
10
|
</g>
|
|
11
|
-
</svg>`}function
|
|
12
|
-
`,c=Array.from(i.x).map((p,f)=>`${p},${i.y[f]}`),
|
|
13
|
-
`);
|
|
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
14
|
`+c.join(`
|
|
15
|
-
`);
|
|
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
|