jbrowse-plugin-graphgenomeviewer 7.1.2 → 7.1.3

package/src/version.ts

@@ -1 +1 @@
-export const version = '7.1.2'
+export const version = '7.1.3'

package/dist/chunks/chunk-2MCOY3YG.js

@@ -1,3 +0,0 @@
-import{Aa as Ee,C as xe,D as ye,E as Me,F as Pe,I as Le,La as ne,Ma as re,S as x,Sa as T,T as q,Ta as oe,Ua as ae,W as Se,Ya as Ae,_ as Z,_a as Be,a as ue,b as be,ba as ve,cb as Ie,ea as Ce,fa as Q,hb as Te,j as X,ja as ee,k as F,nb as Ne,o as B,pa as _e,t as we,u as ke,v as H,va as Oe,x as Re,xa as te}from"./chunk-WEGWTC52.js";import{c as me,i as V,k as j,u as J}from"./chunk-FITPB5X6.js";import{F as z,j as P,l as D,m as Y}from"./chunk-WAMBI7OX.js";import{b as L,c as I}from"./chunk-W6EQLQ6H.js";import{e as K}from"./chunk-NDRLCGPC.js";import{a as fe,c as _,d as de,e as he,f as U,g as ge}from"./chunk-YU7T5WOQ.js";import{a as ce,b,c as R,d as m}from"./chunk-JMBDTNUR.js";function We(e,t){return{position:"absolute",left:0,top:0,pointerEvents:"none",overflow:t,zIndex:e}}var y=m(function({model:t,zIndex:n,overflow:o="hidden",testId:r,children:s}){return b("svg",{style:We(n,o),width:t.paneWidth,height:t.canvasHeight,"data-testid":r,children:s})});function O({model:e,zIndex:t,shown:n=!0,testId:o,paint:r}){let s=ge(null);return de(()=>{if(n)return ue(()=>{let l=s.current,i=l?.getContext("2d");if(l&&i){let u=e.paneWidth,p=e.canvasHeight,c=Se(l,u,p);i.setTransform(c,0,0,c,0,0),i.clearRect(0,0,u,p),r(i,c)}})},[e,n,r]),b("canvas",{ref:s,"data-testid":n?o:void 0,style:{...We(t),display:n?"block":"none"}})}var Ze=m(function({model:t}){let{bubbleHalos:n,hoveredBubble:o}=t;if(n.length===0)return null;let{scaleX:r,scaleY:s,translateX:l,translateY:i}=t,u=t.contigThickness*Ae;return b(y,{model:t,zIndex:2,testId:"graph-bubble-halos",children:b("g",{transform:`translate(${l} ${i}) scale(${r} ${s})`,children:n.filter(p=>!p.whole&&(!p.tick||o&&L(p.bubble,o))).map(p=>b("path",{d:p.path,fill:"none",stroke:x[p.kind],strokeOpacity:o&&L(p.bubble,o)?.45:t.bubbleFaded(p)?.06:.22,strokeWidth:u,strokeLinecap:"round",strokeLinejoin:"round",vectorEffect:"non-scaling-stroke"},I(p.bubble)))})})}),Xt=Ze;var A=18,E=48,et="rgb(160, 160, 160)",tt="rgba(160, 160, 160, 0.45)",nt=6,De=7,rt="#b8b8c0",se=ke-4;function ot(e){return e.kind==="fill"?e.width??A:A}var M=e=>[{offset:0,color:e}];function N(e,t,n,o=A){return{key:e,label:n,swatch:{kind:"fill",stops:M(t),width:o}}}function Ge(e){return e.flatMap((t,n)=>[{offset:n/e.length,color:t},{offset:(n+1)/e.length,color:t}])}function at(e){let t=e.openBubble;if(!t)return[];let n=e.bubbleHalos.find(o=>L(o.bubble,t));return[{key:"open",label:`open: ${n?.label??"bubble"}`,swatch:n?{kind:"halo",color:x[n.kind]}:{kind:"blank"},closesBubble:!0}]}function st(e){let t=e.walkLift?void 0:e.referenceRampDomain;if(!t)return[];let n=Math.round(t.start),o=Math.round(t.end),{offReference:r,unplaced:s}=e.referenceRampOffKeys;return[{key:"ramp",label:`${n.toLocaleString("en-US")}-${o.toLocaleString("en-US")} (${z(o-n)})`,swatch:{kind:"fill",stops:B,width:E}},...r?[N("off",j,"off the reference",E)]:[],...s?[N("unplaced",et,"no reference position",E)]:[]]}function it(e){let t=e.walkLift;if(t)return t.walks.map(r=>J(r.encoding));if(e.effectiveColorScheme==="reference-position")return[B];let n=e.referenceStripBlocks.map(r=>r.colors[0]).filter((r,s,l)=>r!==l[s-1]),o=Math.min(nt,n.length);return[o===0?M(V):Array.from({length:o},(r,s)=>({offset:o>1?s/(o-1):0,color:n[o>1?Math.round(s*(n.length-1)/(o-1)):0]}))]}function lt(e){if(!e.referenceStripShown)return[];let t=(e.walkLift?.walks.length??0)>1;return[{key:"strip",label:`top strip: reference${t?", a row per walk":""}`,swatch:{kind:"bands",bands:it(e)}},...e.referenceStripFaded?[N("strip-faded",V,e.walkLift?`reference not on ${t?"that row's walk":e.liftedWalksLabel}`:"reference outside the open bubble")]:[],...e.referenceStripOverhangs?[{key:"overhang",label:"graph runs past this edge",swatch:{kind:"overhang"}}]:[]]}function pt(e){let t=new Map;for(let n of e.bubbleHalos)if(!n.whole){let o=x[n.kind],r=t.get(o)??new Set;r.add(q[n.kind]),t.set(o,r)}return[...t].map(([n,o])=>{let r=[...o].join(" or ");return{key:`halo-${n}`,label:r===q.superbubble?r:`${r} bubble`,swatch:{kind:"halo",color:n}}})}function ct(e){return e.genePins.some(t=>t.exonsByNode.length>0)?[{key:"exon",label:"exon",swatch:{kind:"outline",color:T,stroke:2,radius:5,height:8}}]:[]}function ut(e){let t=e.foldNote;return t?[{key:"fold",label:t}]:[]}function bt(e){return e.pathLegend.map(({name:t,label:n,color:o})=>({key:`path-${t}`,label:n,swatch:{kind:"line",color:o}}))}function S(e,t,n){return{key:e,label:n,swatch:{kind:"fill",stops:t,height:De,square:!0}}}function ft(e){let{roles:t,haplotypeTube:n,bundled:o,values:r,logWidths:s,foldBp:l,forwardReads:i,reverseReads:u,substitution:p,insertion:c,deletion:f}=e.tubeMapKeys,h=e.readsShown,a=[];return r&&a.push(S("value-reference",M(te),"reference"),...r.map(({value:d,color:g})=>S(`value-${d}`,M(g),d))),t&&a.push(S("ref",M(te),"reference"),S("hap",M(n),o?"shared route, \xD7n haplotypes":"haplotype")),i&&a.push(S("fwd",Ge(X),"read on the forward strand")),u&&a.push(S("rev",Ge(F),"read on the reverse strand")),h&&h.shown<h.total&&a.push({key:"sampled",label:`${h.shown.toLocaleString("en-US")} of ${h.total.toLocaleString("en-US")} reads shown`,swatch:{kind:"blank"}}),p&&a.push({key:"sub",label:"read mismatch",swatch:{kind:"glyph",char:"A"}}),c&&a.push({key:"ins",label:"read insertion",swatch:{kind:"glyph",char:"*"}}),f&&a.push(S("del",M("grey"),"read deletion")),l!==void 0&&a.push({key:"tube-fold",label:`haplotype variant < ${z(l)}`,swatch:{kind:"tick",color:Ce(),height:De,backing:rt}}),s&&a.push({key:"log",label:"width grows with log of length",swatch:{kind:"bracket"}}),a}function dt(e){return e.kind==="gene"?{kind:"outline",color:we,stroke:1.5,radius:0,height:se}:{kind:"fill",stops:e.kind==="bar"&&e.ramp?B:M(e.fill),height:e.kind==="gap"?H:se}}function ht(e){let t=e.walkRowBars;if(!t)return[];let n=[t.reference,...t.rows].flatMap(r=>r.call??[]),o=(r,s,l)=>({key:r,label:l,swatch:{kind:"tick",color:s,height:se}});return[...xe(t,{ramp:e.referenceRampDomain,genes:e.walkRowGeneKey}).map(r=>({key:`rows-${r.label}`,label:r.label,swatch:r.note?void 0:dt(r.swatch)})),...n.some(r=>r.spanningReads!==0)?[o("call",ye,"allele length called for this walk")]:[],...n.some(r=>r.spanningReads===0)?[o("unbacked",Me,"called with no read spanning it")]:[],...n.some(r=>r.agrees===!1)?[o("disagrees",Pe,`walk and call over ${Math.round(.1*100)}% apart`)]:[]]}function gt(e,t){let n=Ie(t,e.walkReference);return{key:`walk-${t.name}`,strong:e.walkLabel(t.name),label:n.delta+n.outside+n.reversed,swatch:{kind:"fill",stops:J(t.encoding),width:n.shades?E:A},under:n.scale,title:n.hover,walk:t}}function He(e,t,n=A){return[...e.liftPaintsOffReference?[N("lift-off",j,"off the reference",n)]:[],N("faded",tt,t,n)]}function mt(e){let t=e.walkLift;if(!t||e.facetPanels)return[];let n=t.walks.map(r=>gt(e,r)),o=n.some(r=>ot(r.swatch)===E)?E:A;return[...n,...He(e,`not on ${e.liftedWalksLabel}`,o)]}function Fn(e){return e.facetPanels?He(e,"not on the panel's walk"):[]}function Yn(e){return[{testid:"graph-open-bubble-legend",rows:at(e)},{testid:"graph-ramp-legend",rows:st(e)},{testid:"graph-reference-strip-legend",rows:lt(e)},{testid:"graph-halo-legend",rows:pt(e)},{testid:"graph-gene-legend",rows:ct(e)},{testid:"graph-fold-legend",rows:ut(e)},{testid:"graph-path-legend",rows:bt(e)},{testid:"graph-tube-map-legend",rows:ft(e)},{testid:"graph-walk-rows-legend",rows:ht(e)},{testid:"graph-walk-readout",rows:mt(e)}].filter(t=>t.rows.length>0)}function $e(e,t,n){return{x:e-n/2,y:t-P-D+2,width:n,height:P+D*2-2}}function Ke(e,t,n){let o=$e(e.x,e.y,e.w);return t>=o.x&&t<=o.x+o.width&&n>=o.y&&n<=o.y+o.height}function W({x:e,y:t,w:n,text:o,note:r,color:s,edge:l=s,italic:i,dimmed:u,title:p,testId:c,onClick:f,onHover:h}){return R("g",{style:{pointerEvents:f||h?"auto":"none",cursor:f?"pointer":void 0,opacity:u?.35:1},"data-testid":c,onClick:f,onMouseEnter:()=>{h?.(!0)},onMouseLeave:()=>{h?.(!1)},children:[p?b("title",{children:p}):null,b("rect",{...$e(e,t,n),rx:3,fill:"rgba(255,255,255,0.85)",stroke:l,strokeWidth:1}),R("text",{x:e,y:t,fontSize:P,fontFamily:"sans-serif",fontStyle:i?"italic":void 0,fontWeight:i?600:void 0,fill:s,textAnchor:"middle",children:[o,r?b("tspan",{fontStyle:"normal",fontWeight:"normal",children:r}):null]})]})}var Ue="#1c1c22",ie=9,le=3;function br({genes:e},t,n){let o=e.find(l=>Ke(l,t,n))?.item;if(!o)return;let{gene:r}=o,s=Be(o);return{label:r.name,readout:`${r.refName}:${r.start.toLocaleString()}-${r.end.toLocaleString()}${s?`, ${s} in the cut`:""}`}}var wt=m(function({model:t}){let{bubbles:n,genes:o,ticks:r}=t.overlayLabels;if(n.length+o.length+r.length===0)return null;let{scaleY:s,translateY:l,contigThickness:i,hoveredBubble:u}=t,p=u?r.find(a=>L(a.item.bubble,u)):void 0,c=a=>r[Number(a.getAttribute("data-tick"))],f=a=>t.bubbleFaded(a),h=a=>t.bubbleIsOpen(a.bubble);return R(y,{model:t,zIndex:3,testId:"graph-label-layer",children:[b("g",{"data-testid":"graph-bubble-ticks",onClick:a=>{let d=c(a.target);d&&t.toggleBubble(d.item.bubble)},onMouseOver:a=>{let d=c(a.target);d&&t.setHoveredBubble(d.item.bubble)},onMouseOut:()=>{K(t)&&t.setHoveredBubble(null)},children:r.map(({item:a,x:d,y:g},w)=>b("rect",{"data-tick":w,x:d-le/2,y:g-ie,width:le,height:ie,rx:le/2,fill:x[a.kind],opacity:f(a)?.35:1,style:{pointerEvents:"all",cursor:"pointer"}},I(a.bubble)))}),o.map(({item:a,x:d,y:g,w,text:k})=>{let{gene:C}=a;return R("g",{children:[b("line",{x1:d,x2:d,y1:g-P-2,y2:a.at.y*s+l+i/2,stroke:Ue,strokeWidth:.8,strokeOpacity:.6}),b(W,{x:d,y:g,w,text:C.name,note:k.slice(C.name.length)||void 0,color:Ue,edge:T,italic:!0,testId:"graph-gene-pin-label"})]},`${C.name}-${C.start}`)}),n.map(({item:a,x:d,y:g,w,text:k})=>b(W,{x:d,y:g,w,text:k,color:x[a.kind],dimmed:f(a),title:`${a.label}
-${a.bubble.segmentCount} segments${a.bubble.covering?"":h(a)?" \xB7 click to close":" \xB7 click to open"}`,testId:"graph-bubble-halo-label",onClick:a.bubble.covering?void 0:()=>{t.toggleBubble(a.bubble)},onHover:C=>{K(t)&&t.setHoveredBubble(C?a.bubble:null)}},I(a.bubble))),p?b(W,{x:p.x,y:p.y-ie-4,w:Y(p.item.label),text:p.item.label,color:x[p.item.kind],testId:"graph-bubble-tick-label"}):null]})}),fr=wt;function kt(e){return e==="class"?"className":/^(data|aria)-/.test(e)?e:e.replace(/-([a-z])/g,(t,n)=>n.toUpperCase())}function Xe(e,t){if(typeof e=="string")return e;let n={key:t};for(let[o,r]of Object.entries(e.attrs))r!==void 0&&(n[kt(o)]=r);return fe(e.tag,n,...e.children.map(Xe))}function $(){return he().replaceAll(/[^\w-]/g,"")}function G({el:e}){return Xe(e,0)}var Rt=m(function({model:t}){let n=`exon-outline-${$()}`,{genePins:o,walkLift:r,nodeInk:s}=t,{scaleX:l,scaleY:i,translateX:u,translateY:p,paneWidth:c,canvasHeight:f}=t,h=r?void 0:t.openBubbleFocus,a=h?o.map(g=>({...g,exonsByNode:g.exonsByNode.filter(w=>h.nodeIds.has(w.nodeId))})):o,d=ae(oe(a,s.halfWidthPx,r),{id:n,width:c,height:f,transform:`translate(${u} ${p}) scale(${l} ${i})`});return d?b(y,{model:t,zIndex:2,testId:"graph-gene-pins",children:b(G,{el:d})}):null}),yr=Rt;function xt(e,t,{lit:n,dpr:o}){let r=t.hostBpFrame;r&&Ne(e,t.referenceStripBlocks,r,{width:t.paneWidth,lit:n,dpr:o})}var yt=m(function({model:t}){let n=_((o,r)=>{xt(o,t,{lit:t.referenceStripLit,dpr:r})},[t]);return b(O,{model:t,zIndex:5,shown:t.referenceStripShown,testId:"graph-reference-strip",paint:n})}),_r=yt;var Mt=.45;function Pt(e,t,{highlightNode:n}){let o=t.tubeMapPicture,r=t.tubeMapFrame;if(!o||!r)return;let s=t.paneWidth,l=t.tubeMapPanelViews;if(l){Lt(e,t,l,n);return}let i={...r,width:s,highlightNode:n,tubeColors:t.tubeMapTubeColors,nodeColors:t.tubeMapNodeColors};ee(e,o,i);let u=t.layoutResult?.tubeMap;u&&(ne(e,o,u.graph,i),re(e,u,i)),Q(e,t.tubeMapDeviations,i),ve(e,t.tubeMapConnectors,t.connectorZoneBottom,i);let{bounds:p}=o;Te(e,t.tubeMapGenes,i,r.y(p.minY)-2);let c=t.tubeMapRulerBoxes;c&&Z(e,c,i,r.y(p.maxY)+4,t.layoutResult?.referenceAxis)}function Lt(e,t,n,o){let r=t.paneWidth;for(let i of n){if(i.bottom<0||i.titleTop>t.canvasHeight)continue;let u={...i.frame,width:r,highlightNode:o,tubeColors:i.tubeColors,nodeColors:i.nodeColors};ee(e,i.picture,u),ne(e,i.picture,i.panel.result.tubeMap.graph,u),re(e,i.panel.result.tubeMap,u),e.globalAlpha=Mt,Q(e,i.deviations,u),e.globalAlpha=1,e.strokeStyle="rgba(0,0,0,0.15)",e.lineWidth=1,e.beginPath(),e.moveTo(0,Math.round(i.titleTop)+.5),e.lineTo(r,Math.round(i.titleTop)+.5),e.stroke(),e.font=Ee,e.textAlign="left",e.textBaseline="top",e.fillStyle="rgba(0,0,0,0.85)",e.fillText(i.label,6,i.titleTop+4)}let s=n.at(-1),l=t.tubeMapPanelRulerBoxes;s&&l&&Z(e,l,{...s.frame,width:r},s.bottom+4,!0)}var St=m(function({model:t}){let n=_(o=>{Pt(o,t,{highlightNode:t.selectedNode})},[t]);return b(O,{model:t,zIndex:1,shown:!!t.tubeMapPicture,testId:"graph-tube-map",paint:n})}),$r=St;var v=JBrowseExports["@jbrowse/render-core/marks"],vt=e=>v!=null&&e in Object(v)?v[e]:Object.assign(function(){throw new Error("This JBrowse does not provide '"+e+"' from '@jbrowse/render-core/marks' to plugins: GraphGenomeView was built for a different JBrowse version, so update the plugin or JBrowse")},{jbrowseHostMissing:e});var Fe=vt("spanMark");var Xr=v&&v.__esModule?v.default:v;function Ct(e,t,n){let o=t*Math.min(n,1-n),r=s=>{let l=(s+e/30)%12;return 255*(n-o*Math.max(-1,Math.min(l-3,9-l,1)))};return[r(0),r(8),r(4)]}function Ve(e){if(e.startsWith("#")){let r=Number.parseInt(e.slice(1),16);return[r>>16&255,r>>8&255,r&255]}let[t=0,n=0,o=0]=e.match(/[\d.]+/g).map(Number);return e.startsWith("hsl")?Ct(t,n/100,o/100):[t,n,o]}var je=([e,t,n])=>me(Math.round(e),Math.round(t),Math.round(n),255),Ye=new Map;function _t(e){let t=Ye.get(e);return t===void 0&&(t=je(Ve(e)),Ye.set(e,t)),t}function Ot(e,t,n){let o=e.start+e.bp,r=Re(e,t);if("fill"in r)return[[e.start,o,_t(r.fill)]];let s=r.stops.map(Ve),l=r.stops.map(c=>Number(/[\d.]+/.exec(c)[0])),i=Math.abs(l.at(-1)-l[0]),u=Math.max(1,Math.min(Math.ceil(e.bp*n),Math.ceil(i),e.bp)),p=[];for(let c=0;c<u;c++){let f=(c+.5)/u*(s.length-1),h=Math.min(Math.floor(f),s.length-2),a=s[h],d=s[h+1],g=f-h;p.push([Math.round(e.start+e.bp*c/u),Math.round(e.start+e.bp*(c+1)/u),je([0,1,2].map(w=>a[w]+(d[w]-a[w])*g))])}return p}function ze(e){return{x:new Uint32Array(e),x2:new Uint32Array(e),row:new Uint32Array(e),color:new Uint32Array(e),count:0}}function pe(e,t,n){return{x:e.x.subarray(t,n),x2:e.x2.subarray(t,n),row:e.row.subarray(t,n),color:e.color.subarray(t,n),count:n-t}}function Je(e,t,n){let o=e.map(c=>Le(c.runs,t).map(f=>({gap:f.gap,pieces:Ot(f,n,t)}))),r=0;for(let c of o)for(let f of c)r+=f.pieces.length;let s=ze(r),l=ze(r),i=new Uint32Array(e.length+1),u=new Uint32Array(e.length+1),p=1;return o.forEach((c,f)=>{for(let h of c){let a=h.gap?l:s;for(let[d,g,w]of h.pieces){let k=a.count++;a.x[k]=d,a.x2[k]=g,a.row[k]=f,a.color[k]=w,p=Math.max(p,a.x2[k])}}i[f+1]=s.count,u[f+1]=l.count}),{bars:pe(s,0,s.count),gaps:pe(l,0,l.count),barRows:i,gapRows:u,longest:p}}function qe(e,t,n){let{longest:o}=t,r={start:0,end:o,screenStartPx:n.origin*n.scaleX+n.translateX,screenEndPx:(n.origin+o)*n.scaleX+n.translateX,reversed:!1,displayedRegionIndex:0},s={canvasWidth:n.width,canvasHeight:n.height},l=n.rowPx*n.scaleY;for(let{first:i,count:u,rowY:p}of n.blocks){let c=l/2-n.translateY-(p-i*n.rowPx)*n.scaleY,f=(p-n.rowPx/2)*n.scaleY+n.translateY;if(!(f>n.height||f+u*l<0))for(let[h,a,d]of[[t.bars,t.barRows,n.barPx],[t.gaps,t.gapRows,Math.min(H,n.barPx)]])Fe.paintBlock(e,pe(h,a[i],a[i+u]),r,s,{rowHeight:l,rowProportion:d/l,minWidthPx:1,seamPx:0,scrollTop:c})}}function Et({model:e}){let t=U(()=>be(()=>{let o=e.walkRowBars;return o?Je([o.reference,...o.rows],e.scaleX,e.referenceRampDomain):void 0}),[e]),n=_(o=>{let r=e.walkRowBars,s=e.walkRowPlacement,l=e.walkRowPitch,i=t.get();if(!r||!s||!l||!i)return;let u=e.walkRowGroups?.sections,p=u?.length?[{first:0,count:1,rowY:s.rowY(0)},...u.map(c=>({first:c.first,count:c.count,rowY:s.rowY(c.first)}))]:[{first:0,count:r.rows.length+1,rowY:s.rowY(0)}];qe(o,i,{...e.screenTransform,width:e.paneWidth,height:e.canvasHeight,rowPx:l.rowPx,barPx:l.barPx,origin:r.origin,blocks:p})},[e,t]);return b(O,{model:e,zIndex:3,testId:"graph-walk-rows-spans",paint:n})}var At=m(function({model:t,vector:n=!1}){let o=$(),r=t.walkRowBars,s=t.walkRowPlacement,l=t.walkRowPitch,i=U(()=>r&&{...r,reference:{...r.reference,runs:[]},rows:r.rows.map(a=>({...a,runs:[]}))},[r]);if(!r||!i||!s||!l)return null;let{paneWidth:u,canvasHeight:p}=t,c=t.hoveredWalkRowText?[r.reference,...r.rows].findIndex(a=>a.name===t.hoveredWalkRow):-1,f=c>=0?{row:[r.reference,...r.rows][c],start:t.toScreen({x:r.origin,y:s.rowY(c)})}:void 0,h={...t.screenTransform,width:u,height:p,...l};return R(ce,{children:[n?null:b(Et,{model:t}),R(y,{model:t,zIndex:3,overflow:"visible",testId:"graph-walk-rows",children:[Oe(n?r:i,t.walkRowGroups?.sections??[],s.rowY,h,{ramp:t.referenceRampDomain,rowGenes:t.walkRowGenes,idPrefix:o}).map((a,d)=>b(G,{el:a},d)),s.headers.map(a=>b("text",{x:10,y:t.toScreen({x:0,y:a.top}).y+_e-4,fontFamily:"sans-serif",fontSize:11,fontWeight:"bold",fill:"#333","data-testid":"graph-walk-section",children:a.title},a.key)),f?b("rect",{"data-testid":"graph-walk-row-hovered",x:f.start.x-2,y:f.start.y-l.rowPx/2-1,width:f.row.bp*t.scaleX+4,height:l.rowPx+2,fill:"none",stroke:"#111",strokeWidth:1}):null]})]})}),ro=At;export{We as a,y as b,Xt as c,A as d,ot as e,dt as f,gt as g,Fn as h,Yn as i,br as j,fr as k,$ as l,G as m,yr as n,xt as o,_r as p,Pt as q,$r as r,ro as s};
-//# sourceMappingURL=chunk-2MCOY3YG.js.map

package/dist/chunks/chunk-2MCOY3YG.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/GraphGenomeView/components/PaneLayer.tsx", "../../src/GraphGenomeView/components/BubbleHalos.tsx", "../../src/GraphGenomeView/legendSections.ts", "../../src/GraphGenomeView/components/LabelChip.tsx", "../../src/GraphGenomeView/components/LabelLayer.tsx", "../../src/GraphGenomeView/components/ElTree.tsx", "../../src/GraphGenomeView/components/GenePins.tsx", "../../src/GraphGenomeView/components/ReferenceStripOverlay.tsx", "../../src/GraphGenomeView/components/TubeMapOverlay.tsx", "host:@jbrowse/render-core/marks", "../../src/GraphGenomeView/walkRowSpans.ts", "../../src/GraphGenomeView/components/WalkRowsOverlay.tsx"],
-  "sourcesContent": ["import { useEffect, useRef } from 'react'\nimport type { ReactNode } from 'react'\n\nimport { syncCanvasSize } from '@jbrowse/bandage-core/renderer/canvas'\nimport { autorun } from 'mobx'\nimport { observer } from 'mobx-react'\n\nimport type { GraphPaneModel } from '../model'\n\n// A layer over the pane's canvas that leaves the pointer to it\nexport function paneLayerStyle(\n  zIndex: number,\n  overflow?: 'hidden' | 'visible',\n) {\n  return {\n    position: 'absolute' as const,\n    left: 0,\n    top: 0,\n    pointerEvents: 'none' as const,\n    overflow,\n    zIndex,\n  }\n}\n\n// An SVG the pane's size, over the canvas or inside PaneSvg's export\nexport const PaneSvgLayer = observer(function PaneSvgLayer({\n  model,\n  zIndex,\n  overflow = 'hidden',\n  testId,\n  children,\n}: {\n  model: GraphPaneModel\n  zIndex: number\n  overflow?: 'hidden' | 'visible'\n  testId?: string\n  children: ReactNode\n}) {\n  return (\n    <svg\n      style={paneLayerStyle(zIndex, overflow)}\n      width={model.paneWidth}\n      height={model.canvasHeight}\n      data-testid={testId}\n    >\n      {children}\n    </svg>\n  )\n})\n\n// A canvas the pane's size that an autorun repaints, so a pan moves its ink in\n// the same frame as the drawing. `paint` draws in css px.\nexport function PaneOverlayCanvas({\n  model,\n  zIndex,\n  shown = true,\n  testId,\n  paint,\n}: {\n  model: GraphPaneModel\n  zIndex: number\n  shown?: boolean\n  testId: string\n  paint: (ctx: CanvasRenderingContext2D, dpr: number) => void\n}) {\n  const ref = useRef<HTMLCanvasElement>(null)\n  useEffect(() => {\n    if (!shown) {\n      return undefined\n    }\n    return autorun(() => {\n      const canvas = ref.current\n      const ctx = canvas?.getContext('2d')\n      if (canvas && ctx) {\n        const width = model.paneWidth\n        const height = model.canvasHeight\n        const dpr = syncCanvasSize(canvas, width, height)\n        ctx.setTransform(dpr, 0, 0, dpr, 0, 0)\n        ctx.clearRect(0, 0, width, height)\n        paint(ctx, dpr)\n      }\n    })\n  }, [model, shown, paint])\n  return (\n    <canvas\n      ref={ref}\n      data-testid={shown ? testId : undefined}\n      style={{ ...paneLayerStyle(zIndex), display: shown ? 'block' : 'none' }}\n    />\n  )\n}\n", "import { bubbleKey, sameBubble } from '@jbrowse/bandage-core/bubbles/bubbleLine'\nimport { BUBBLE_KIND_COLORS } from '@jbrowse/bandage-core/bubbles/classifyBubble'\nimport { HALO_FACTOR } from '@jbrowse/bandage-core/labelLayout'\nimport { observer } from 'mobx-react'\n\nimport { PaneSvgLayer } from './PaneLayer'\n\nimport type { GraphPaneModel } from '../model'\n\n// The bubbles over a node drawing: each a translucent halo along its nodes,\n// drawn once in layout units and moved with the canvas by one transform. The\n// halo takes no pointer events, so the nodes under it still hover and drag;\n// its name and its routes' chips are LabelLayer's. A small variant is\n// LabelLayer's tick, and shows its halo only while hovered.\n\nconst BubbleHalos = observer(function BubbleHalos({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const { bubbleHalos, hoveredBubble } = model\n  if (bubbleHalos.length === 0) {\n    return null\n  }\n  const { scaleX, scaleY, translateX, translateY } = model\n  const halo = model.contigThickness * HALO_FACTOR\n  return (\n    <PaneSvgLayer model={model} zIndex={2} testId=\"graph-bubble-halos\">\n      <g\n        transform={`translate(${translateX} ${translateY}) scale(${scaleX} ${scaleY})`}\n      >\n        {bubbleHalos\n          .filter(\n            h =>\n              !h.whole &&\n              (!h.tick ||\n                (hoveredBubble && sameBubble(h.bubble, hoveredBubble))),\n          )\n          .map(h => (\n            <path\n              key={bubbleKey(h.bubble)}\n              d={h.path}\n              fill=\"none\"\n              stroke={BUBBLE_KIND_COLORS[h.kind]}\n              strokeOpacity={\n                hoveredBubble && sameBubble(h.bubble, hoveredBubble)\n                  ? 0.45\n                  : model.bubbleFaded(h)\n                    ? 0.06\n                    : 0.22\n              }\n              strokeWidth={halo}\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              vectorEffect=\"non-scaling-stroke\"\n            />\n          ))}\n      </g>\n    </PaneSvgLayer>\n  )\n})\n\nexport default BubbleHalos\n", "import { sameBubble } from '@jbrowse/bandage-core/bubbles/bubbleLine'\nimport {\n  BUBBLE_KIND_COLORS,\n  BUBBLE_KIND_NAMES,\n} from '@jbrowse/bandage-core/bubbles/classifyBubble'\nimport { EXON_COLOR } from '@jbrowse/bandage-core/genes/exonOutline'\nimport { formatBp } from '@jbrowse/bandage-core/graphLabels'\nimport {\n  BAR_PX as WALK_ROW_BAR_PX,\n  CALL_TICK,\n  DISAGREES,\n  GAP_PX,\n  GENE_INK,\n  UNBACKED_TICK,\n  walkRowsKey,\n} from '@jbrowse/bandage-core/layout/walkRowDraw'\nimport { RAMP_GRADIENT_STOPS } from '@jbrowse/bandage-core/referenceRampCss'\nimport {\n  LIFT_BACKDROP_CSS,\n  REFERENCE_RAMP_ALT_CSS,\n} from '@jbrowse/bandage-core/renderer/GeometryBuilder'\nimport { deviationInk } from '@jbrowse/bandage-core/tubeMap/deviations'\nimport {\n  FORWARD_READ_COLORS,\n  REVERSE_READ_COLORS,\n} from '@jbrowse/bandage-core/tubeMap/reads'\nimport { encodingStops } from '@jbrowse/bandage-core/walkEncoding'\nimport { walkKey } from '@jbrowse/bandage-core/walkKey'\n\nimport { CALL_TOLERANCE } from './repeats/walkCalls'\nimport { PANEL_REFERENCE_TUBE } from './tubeMapPanels'\n\nimport type { GraphPaneModel } from './model'\nimport type { KeySwatch } from '@jbrowse/bandage-core/layout/walkRowDraw'\nimport type { LiftedWalk } from '@jbrowse/bandage-core/walkHighlight'\n\n// The legend as data, so the screen's panel and the exported figure's key\n// draw the same rows from one place\n\nexport const SWATCH_PX = 18\nconst BAR_PX = 48\n\n// getNodeColor's grey for a node the ramp cannot place\nconst UNPLACED_SWATCH = 'rgb(160, 160, 160)'\n// LIFT_BACKDROP_CSS reads paler alone than faded strokes do where they\n// overlap, so the key samples it darker\nconst FADED_SWATCH = 'rgba(160, 160, 160, 0.45)'\n\nconst STRIP_SAMPLES = 6\nconst TUBE_SWATCH_PX = 7\nconst FOLD_TICK_BACKING = '#b8b8c0'\nconst WALK_ROW_SWATCH_PX = WALK_ROW_BAR_PX - 4\n\nexport interface Stop {\n  offset: number\n  color: string\n}\n\nexport type LegendSwatch =\n  | {\n      kind: 'fill'\n      stops: Stop[]\n      width?: number\n      height?: number\n      square?: boolean\n    }\n  // the reference strip, a band per lifted walk\n  | { kind: 'bands'; bands: Stop[][] }\n  | { kind: 'line'; color: string }\n  | { kind: 'halo'; color: string }\n  | {\n      kind: 'outline'\n      color: string\n      stroke: number\n      radius: number\n      height: number\n    }\n  | { kind: 'overhang' }\n  | { kind: 'glyph'; char: string }\n  | { kind: 'tick'; color: string; height: number; backing?: string }\n  | { kind: 'bracket' }\n  | { kind: 'blank' }\n\n// A row with no swatch is a note on the drawing\nexport interface LegendRow {\n  key: string\n  label: string\n  swatch?: LegendSwatch\n  strong?: string\n  under?: string\n  title?: string\n  walk?: LiftedWalk\n  closesBubble?: true\n}\n\ninterface LegendSection {\n  testid: string\n  rows: LegendRow[]\n}\n\nexport function swatchWidth(swatch: LegendSwatch) {\n  return swatch.kind === 'fill' ? (swatch.width ?? SWATCH_PX) : SWATCH_PX\n}\n\nconst flat = (color: string): Stop[] => [{ offset: 0, color }]\n\nfunction fillRow(\n  key: string,\n  color: string,\n  label: string,\n  width = SWATCH_PX,\n): LegendRow {\n  return { key, label, swatch: { kind: 'fill', stops: flat(color), width } }\n}\n\n// hard-edged bands, a read taking one shade of its strand's palette\nfunction bandStops(colors: readonly string[]) {\n  return colors.flatMap((color, i) => [\n    { offset: i / colors.length, color },\n    { offset: (i + 1) / colors.length, color },\n  ])\n}\n\nfunction openBubbleRows(model: GraphPaneModel): LegendRow[] {\n  const open = model.openBubble\n  if (!open) {\n    return []\n  }\n  const halo = model.bubbleHalos.find(h => sameBubble(h.bubble, open))\n  return [\n    {\n      key: 'open',\n      label: `open: ${halo?.label ?? 'bubble'}`,\n      swatch: halo\n        ? { kind: 'halo', color: BUBBLE_KIND_COLORS[halo.kind] }\n        : { kind: 'blank' },\n      closesBubble: true,\n    },\n  ]\n}\n\n// Under lifted walks each lane states its own scale, and the rest is grey\nfunction rampRows(model: GraphPaneModel): LegendRow[] {\n  const domain = model.walkLift ? undefined : model.referenceRampDomain\n  if (!domain) {\n    return []\n  }\n  // a measured domain runs between node midpoints, which can fall on a half bp\n  const start = Math.round(domain.start)\n  const end = Math.round(domain.end)\n  const { offReference, unplaced } = model.referenceRampOffKeys\n  return [\n    {\n      key: 'ramp',\n      label: `${start.toLocaleString('en-US')}-${end.toLocaleString('en-US')} (${formatBp(end - start)})`,\n      swatch: { kind: 'fill', stops: RAMP_GRADIENT_STOPS, width: BAR_PX },\n    },\n    ...(offReference\n      ? [fillRow('off', REFERENCE_RAMP_ALT_CSS, 'off the reference', BAR_PX)]\n      : []),\n    ...(unplaced\n      ? [fillRow('unplaced', UNPLACED_SWATCH, 'no reference position', BAR_PX)]\n      : []),\n  ]\n}\n\n// The strip's own colours: a band per lifted walk in its lane's, else the\n// node scheme's, a few of its blocks in bp order rather than a rainbow it\n// does not draw\nfunction stripBands(model: GraphPaneModel): Stop[][] {\n  const lift = model.walkLift\n  if (lift) {\n    return lift.walks.map(w => encodingStops(w.encoding))\n  }\n  if (model.effectiveColorScheme === 'reference-position') {\n    return [RAMP_GRADIENT_STOPS]\n  }\n  const colors = model.referenceStripBlocks\n    .map(b => b.colors[0]!)\n    .filter((c, i, all) => c !== all[i - 1])\n  const n = Math.min(STRIP_SAMPLES, colors.length)\n  return [\n    n === 0\n      ? flat(LIFT_BACKDROP_CSS)\n      : Array.from({ length: n }, (_, i) => ({\n          offset: n > 1 ? i / (n - 1) : 0,\n          color:\n            colors[\n              n > 1 ? Math.round((i * (colors.length - 1)) / (n - 1)) : 0\n            ]!,\n        })),\n  ]\n}\n\nfunction stripRows(model: GraphPaneModel): LegendRow[] {\n  if (!model.referenceStripShown) {\n    return []\n  }\n  const rowPerWalk = (model.walkLift?.walks.length ?? 0) > 1\n  return [\n    {\n      key: 'strip',\n      label: `top strip: reference${rowPerWalk ? ', a row per walk' : ''}`,\n      swatch: { kind: 'bands', bands: stripBands(model) },\n    },\n    ...(model.referenceStripFaded\n      ? [\n          fillRow(\n            'strip-faded',\n            LIFT_BACKDROP_CSS,\n            model.walkLift\n              ? `reference not on ${rowPerWalk ? \"that row's walk\" : model.liftedWalksLabel}`\n              : 'reference outside the open bubble',\n          ),\n        ]\n      : []),\n    ...(model.referenceStripOverhangs\n      ? [\n          {\n            key: 'overhang',\n            label: 'graph runs past this edge',\n            swatch: { kind: 'overhang' } as const,\n          },\n        ]\n      : []),\n  ]\n}\n\n// One row per halo colour drawn, naming the kinds it stands for\nfunction haloRows(model: GraphPaneModel): LegendRow[] {\n  const kindsByColor = new Map<string, Set<string>>()\n  for (const h of model.bubbleHalos) {\n    if (!h.whole) {\n      const color = BUBBLE_KIND_COLORS[h.kind]\n      const kinds = kindsByColor.get(color) ?? new Set<string>()\n      kinds.add(BUBBLE_KIND_NAMES[h.kind])\n      kindsByColor.set(color, kinds)\n    }\n  }\n  return [...kindsByColor].map(([color, kinds]) => {\n    const names = [...kinds].join(' or ')\n    return {\n      key: `halo-${color}`,\n      label:\n        names === BUBBLE_KIND_NAMES.superbubble ? names : `${names} bubble`,\n      swatch: { kind: 'halo', color },\n    }\n  })\n}\n\nfunction geneRows(model: GraphPaneModel): LegendRow[] {\n  return model.genePins.some(pin => pin.exonsByNode.length > 0)\n    ? [\n        {\n          key: 'exon',\n          label: 'exon',\n          swatch: {\n            kind: 'outline',\n            color: EXON_COLOR,\n            stroke: 2,\n            radius: 5,\n            height: 8,\n          },\n        },\n      ]\n    : []\n}\n\nfunction foldRows(model: GraphPaneModel): LegendRow[] {\n  const note = model.foldNote\n  return note ? [{ key: 'fold', label: note }] : []\n}\n\nfunction pathRows(model: GraphPaneModel): LegendRow[] {\n  return model.pathLegend.map(({ name, label, color }) => ({\n    key: `path-${name}`,\n    label,\n    swatch: { kind: 'line', color },\n  }))\n}\n\nfunction tubeRow(key: string, stops: Stop[], label: string): LegendRow {\n  return {\n    key,\n    label,\n    swatch: { kind: 'fill', stops, height: TUBE_SWATCH_PX, square: true },\n  }\n}\n\n// What a tube map draws that nothing else on screen explains, each listed\n// only while it applies\nexport function tubeMapRows(model: GraphPaneModel): LegendRow[] {\n  const {\n    roles,\n    haplotypeTube,\n    bundled,\n    values,\n    logWidths,\n    foldBp,\n    forwardReads,\n    reverseReads,\n    substitution,\n    insertion,\n    deletion,\n  } = model.tubeMapKeys\n  const reads = model.readsShown\n  const rows: LegendRow[] = []\n  if (values) {\n    rows.push(\n      tubeRow('value-reference', flat(PANEL_REFERENCE_TUBE), 'reference'),\n      ...values.map(({ value, color }) =>\n        tubeRow(`value-${value}`, flat(color), value),\n      ),\n    )\n  }\n  if (roles) {\n    rows.push(\n      tubeRow('ref', flat(PANEL_REFERENCE_TUBE), 'reference'),\n      tubeRow(\n        'hap',\n        flat(haplotypeTube),\n        bundled ? 'shared route, \u00D7n haplotypes' : 'haplotype',\n      ),\n    )\n  }\n  if (forwardReads) {\n    rows.push(\n      tubeRow(\n        'fwd',\n        bandStops(FORWARD_READ_COLORS),\n        'read on the forward strand',\n      ),\n    )\n  }\n  if (reverseReads) {\n    rows.push(\n      tubeRow(\n        'rev',\n        bandStops(REVERSE_READ_COLORS),\n        'read on the reverse strand',\n      ),\n    )\n  }\n  if (reads && reads.shown < reads.total) {\n    rows.push({\n      key: 'sampled',\n      label: `${reads.shown.toLocaleString('en-US')} of ${reads.total.toLocaleString('en-US')} reads shown`,\n      swatch: { kind: 'blank' },\n    })\n  }\n  if (substitution) {\n    rows.push({\n      key: 'sub',\n      label: 'read mismatch',\n      swatch: { kind: 'glyph', char: 'A' },\n    })\n  }\n  if (insertion) {\n    rows.push({\n      key: 'ins',\n      label: 'read insertion',\n      swatch: { kind: 'glyph', char: '*' },\n    })\n  }\n  if (deletion) {\n    rows.push(tubeRow('del', flat('grey'), 'read deletion'))\n  }\n  if (foldBp !== undefined) {\n    rows.push({\n      key: 'tube-fold',\n      label: `haplotype variant < ${formatBp(foldBp)}`,\n      swatch: {\n        kind: 'tick',\n        color: deviationInk(),\n        height: TUBE_SWATCH_PX,\n        backing: FOLD_TICK_BACKING,\n      },\n    })\n  }\n  if (logWidths) {\n    rows.push({\n      key: 'log',\n      label: 'width grows with log of length',\n      swatch: { kind: 'bracket' },\n    })\n  }\n  return rows\n}\n\nexport function walkRowSwatch(swatch: KeySwatch): LegendSwatch {\n  return swatch.kind === 'gene'\n    ? {\n        kind: 'outline',\n        color: GENE_INK,\n        stroke: 1.5,\n        radius: 0,\n        height: WALK_ROW_SWATCH_PX,\n      }\n    : {\n        kind: 'fill',\n        stops:\n          swatch.kind === 'bar' && swatch.ramp\n            ? RAMP_GRADIENT_STOPS\n            : flat(swatch.fill),\n        height: swatch.kind === 'gap' ? GAP_PX : WALK_ROW_SWATCH_PX,\n      }\n}\n\n// The walk rows' bar colours, genes and ticks; each tick row appears once\n// the rows hold one, so a catalogue with no genotypes keeps the plain key\nfunction walkRowsRows(model: GraphPaneModel): LegendRow[] {\n  const bars = model.walkRowBars\n  if (!bars) {\n    return []\n  }\n  const calls = [bars.reference, ...bars.rows].flatMap(row => row.call ?? [])\n  const tick = (key: string, color: string, label: string): LegendRow => ({\n    key,\n    label,\n    swatch: { kind: 'tick', color, height: WALK_ROW_SWATCH_PX },\n  })\n  return [\n    ...walkRowsKey(bars, {\n      ramp: model.referenceRampDomain,\n      genes: model.walkRowGeneKey,\n    }).map(entry => ({\n      key: `rows-${entry.label}`,\n      label: entry.label,\n      swatch: entry.note ? undefined : walkRowSwatch(entry.swatch),\n    })),\n    ...(calls.some(call => call.spanningReads !== 0)\n      ? [tick('call', CALL_TICK, 'allele length called for this walk')]\n      : []),\n    ...(calls.some(call => call.spanningReads === 0)\n      ? [tick('unbacked', UNBACKED_TICK, 'called with no read spanning it')]\n      : []),\n    ...(calls.some(call => call.agrees === false)\n      ? [\n          tick(\n            'disagrees',\n            DISAGREES,\n            `walk and call over ${Math.round(CALL_TOLERANCE * 100)}% apart`,\n          ),\n        ]\n      : []),\n  ]\n}\n\n// One lifted walk's key: a swatch, or a short bar of the scale its lane\n// shades by, then its name, with the scale's stretch under it\nexport function walkKeyRow(model: GraphPaneModel, walk: LiftedWalk): LegendRow {\n  const key = walkKey(walk, model.walkReference)\n  return {\n    key: `walk-${walk.name}`,\n    strong: model.walkLabel(walk.name),\n    label: key.delta + key.outside + key.reversed,\n    swatch: {\n      kind: 'fill',\n      stops: encodingStops(walk.encoding),\n      width: key.shades ? BAR_PX : SWATCH_PX,\n    },\n    under: key.scale,\n    title: key.hover,\n    walk,\n  }\n}\n\n// The off-reference colour, where the lift paints it, and the faded rest.\n// rampRows draws no key while walks are lifted, so these rows name both.\nfunction fadedRows(\n  model: GraphPaneModel,\n  faded: string,\n  width = SWATCH_PX,\n): LegendRow[] {\n  return [\n    ...(model.liftPaintsOffReference\n      ? [\n          fillRow(\n            'lift-off',\n            REFERENCE_RAMP_ALT_CSS,\n            'off the reference',\n            width,\n          ),\n        ]\n      : []),\n    fillRow('faded', FADED_SWATCH, faded, width),\n  ]\n}\n\n// Each lifted walk's key, then what the faded rest is; the colours under a\n// shaded walk's bar are bars of its width\nfunction walkReadoutRows(model: GraphPaneModel): LegendRow[] {\n  const lift = model.walkLift\n  if (!lift || model.facetPanels) {\n    return []\n  }\n  const rows = lift.walks.map(w => walkKeyRow(model, w))\n  const width = rows.some(r => swatchWidth(r.swatch!) === BAR_PX)\n    ? BAR_PX\n    : SWATCH_PX\n  return [\n    ...rows,\n    ...fadedRows(model, `not on ${model.liftedWalksLabel}`, width),\n  ]\n}\n\n// The faceted pane's one key line under its panels: each panel's title keys\n// its walk, so this keys only what every panel greys\nexport function facetKeyRows(model: GraphPaneModel): LegendRow[] {\n  return model.facetPanels ? fadedRows(model, \"not on the panel's walk\") : []\n}\n\n// The keys in the order the panel stacks them, top first\nexport function legendSections(model: GraphPaneModel): LegendSection[] {\n  return [\n    { testid: 'graph-open-bubble-legend', rows: openBubbleRows(model) },\n    { testid: 'graph-ramp-legend', rows: rampRows(model) },\n    { testid: 'graph-reference-strip-legend', rows: stripRows(model) },\n    { testid: 'graph-halo-legend', rows: haloRows(model) },\n    { testid: 'graph-gene-legend', rows: geneRows(model) },\n    { testid: 'graph-fold-legend', rows: foldRows(model) },\n    { testid: 'graph-path-legend', rows: pathRows(model) },\n    { testid: 'graph-tube-map-legend', rows: tubeMapRows(model) },\n    { testid: 'graph-walk-rows-legend', rows: walkRowsRows(model) },\n    { testid: 'graph-walk-readout', rows: walkReadoutRows(model) },\n  ].filter(section => section.rows.length > 0)\n}\n", "import { LABEL_PAD, LABEL_PX } from '@jbrowse/bandage-core/overlayLabels'\n\n// A chip's box, its text's baseline at y and centred on x\nfunction chipBox(x: number, y: number, w: number) {\n  return {\n    x: x - w / 2,\n    y: y - LABEL_PX - LABEL_PAD + 2,\n    width: w,\n    height: LABEL_PX + LABEL_PAD * 2 - 2,\n  }\n}\n\nexport function inChip(\n  chip: { x: number; y: number; w: number },\n  px: number,\n  py: number,\n) {\n  const box = chipBox(chip.x, chip.y, chip.w)\n  return (\n    px >= box.x &&\n    px <= box.x + box.width &&\n    py >= box.y &&\n    py <= box.y + box.height\n  )\n}\n\n// One label on an overlay: a white chip with a coloured edge and text. A note\n// follows the text in plain type. A chip takes the pointer only with a\n// handler, so its title shows only then.\nexport default function LabelChip({\n  x,\n  y,\n  w,\n  text,\n  note,\n  color,\n  edge = color,\n  italic,\n  dimmed,\n  title,\n  testId,\n  onClick,\n  onHover,\n}: {\n  x: number\n  y: number\n  w: number\n  text: string\n  note?: string\n  color: string\n  edge?: string\n  italic?: boolean\n  dimmed?: boolean\n  title?: string\n  testId?: string\n  onClick?: () => void\n  onHover?: (hovered: boolean) => void\n}) {\n  return (\n    <g\n      style={{\n        pointerEvents: onClick || onHover ? 'auto' : 'none',\n        cursor: onClick ? 'pointer' : undefined,\n        opacity: dimmed ? 0.35 : 1,\n      }}\n      data-testid={testId}\n      onClick={onClick}\n      onMouseEnter={() => {\n        onHover?.(true)\n      }}\n      onMouseLeave={() => {\n        onHover?.(false)\n      }}\n    >\n      {title ? <title>{title}</title> : null}\n      <rect\n        {...chipBox(x, y, w)}\n        rx={3}\n        fill=\"rgba(255,255,255,0.85)\"\n        stroke={edge}\n        strokeWidth={1}\n      />\n      <text\n        x={x}\n        y={y}\n        fontSize={LABEL_PX}\n        fontFamily=\"sans-serif\"\n        fontStyle={italic ? 'italic' : undefined}\n        fontWeight={italic ? 600 : undefined}\n        fill={color}\n        textAnchor=\"middle\"\n      >\n        {text}\n        {note ? (\n          <tspan fontStyle=\"normal\" fontWeight=\"normal\">\n            {note}\n          </tspan>\n        ) : null}\n      </text>\n    </g>\n  )\n}\n", "import { bubbleKey, sameBubble } from '@jbrowse/bandage-core/bubbles/bubbleLine'\nimport { BUBBLE_KIND_COLORS } from '@jbrowse/bandage-core/bubbles/classifyBubble'\nimport { EXON_COLOR } from '@jbrowse/bandage-core/genes/exonOutline'\nimport { geneCoverageNote } from '@jbrowse/bandage-core/labelLayout'\nimport { LABEL_PX, labelWidth } from '@jbrowse/bandage-core/overlayLabels'\nimport { isAlive } from '@jbrowse/mobx-state-tree'\nimport { observer } from 'mobx-react'\n\nimport LabelChip, { inChip } from './LabelChip'\nimport { PaneSvgLayer } from './PaneLayer'\n\nimport type { GraphPaneModel } from '../model'\nimport type { BubbleHalo } from '@jbrowse/bandage-core/bubbles/bubbleHalos'\nimport type { LabelLayout } from '@jbrowse/bandage-core/labelLayout'\n\n// Every chip drawn over the graph, above all of its ink: bubble names and gene\n// names on their pins. `overlayLabels` has placed\n// them against each other and against the row labels already.\n\nconst GENE_INK = '#1c1c22'\nconst TICK_PX = 9\nconst TICK_WIDTH = 3\n\n// What the gene chip under a point reads out, for the hover tooltip: those\n// chips leave the pointer to the canvas, so a drag can start on one\nexport function chipReadoutAt(\n  { genes }: Pick<LabelLayout, 'genes'>,\n  px: number,\n  py: number,\n) {\n  const pin = genes.find(chip => inChip(chip, px, py))?.item\n  if (!pin) {\n    return undefined\n  }\n  const { gene } = pin\n  const note = geneCoverageNote(pin)\n  return {\n    label: gene.name,\n    readout: `${gene.refName}:${gene.start.toLocaleString()}-${gene.end.toLocaleString()}${note ? `, ${note} in the cut` : ''}`,\n  }\n}\n\nconst LabelLayer = observer(function LabelLayer({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const { bubbles, genes, ticks } = model.overlayLabels\n  if (bubbles.length + genes.length + ticks.length === 0) {\n    return null\n  }\n  const { scaleY, translateY, contigThickness, hoveredBubble } = model\n  const hoveredTick = hoveredBubble\n    ? ticks.find(t => sameBubble(t.item.bubble, hoveredBubble))\n    : undefined\n  const tickAt = (target: EventTarget) =>\n    ticks[Number((target as Element).getAttribute('data-tick'))]\n  const dimmedBubble = (h: BubbleHalo) => model.bubbleFaded(h)\n  const isOpen = (h: BubbleHalo) => model.bubbleIsOpen(h.bubble)\n\n  return (\n    <PaneSvgLayer model={model} zIndex={3} testId=\"graph-label-layer\">\n      <g\n        data-testid=\"graph-bubble-ticks\"\n        onClick={e => {\n          const tick = tickAt(e.target)\n          if (tick) {\n            model.toggleBubble(tick.item.bubble)\n          }\n        }}\n        onMouseOver={e => {\n          const tick = tickAt(e.target)\n          if (tick) {\n            model.setHoveredBubble(tick.item.bubble)\n          }\n        }}\n        // a leave also fires as the view closing it unmounts the tick\n        onMouseOut={() => {\n          if (isAlive(model)) {\n            model.setHoveredBubble(null)\n          }\n        }}\n      >\n        {ticks.map(({ item: h, x, y }, i) => (\n          <rect\n            key={bubbleKey(h.bubble)}\n            data-tick={i}\n            x={x - TICK_WIDTH / 2}\n            y={y - TICK_PX}\n            width={TICK_WIDTH}\n            height={TICK_PX}\n            rx={TICK_WIDTH / 2}\n            fill={BUBBLE_KIND_COLORS[h.kind]}\n            opacity={dimmedBubble(h) ? 0.35 : 1}\n            style={{ pointerEvents: 'all', cursor: 'pointer' }}\n          />\n        ))}\n      </g>\n      {genes.map(({ item: pin, x, y, w, text }) => {\n        const { gene } = pin\n        return (\n          <g key={`${gene.name}-${gene.start}`}>\n            <line\n              x1={x}\n              x2={x}\n              y1={y - LABEL_PX - 2}\n              y2={pin.at.y * scaleY + translateY + contigThickness / 2}\n              stroke={GENE_INK}\n              strokeWidth={0.8}\n              strokeOpacity={0.6}\n            />\n            <LabelChip\n              x={x}\n              y={y}\n              w={w}\n              text={gene.name}\n              note={text.slice(gene.name.length) || undefined}\n              color={GENE_INK}\n              edge={EXON_COLOR}\n              italic\n              testId=\"graph-gene-pin-label\"\n            />\n          </g>\n        )\n      })}\n      {bubbles.map(({ item: h, x, y, w, text }) => (\n        <LabelChip\n          key={bubbleKey(h.bubble)}\n          x={x}\n          y={y}\n          w={w}\n          text={text}\n          color={BUBBLE_KIND_COLORS[h.kind]}\n          dimmed={dimmedBubble(h)}\n          title={`${h.label}\\n${h.bubble.segmentCount} segments${h.bubble.covering ? '' : isOpen(h) ? ' \u00B7 click to close' : ' \u00B7 click to open'}`}\n          testId=\"graph-bubble-halo-label\"\n          // the bubble the drawing is would open into this same drawing\n          onClick={\n            h.bubble.covering\n              ? undefined\n              : () => {\n                  model.toggleBubble(h.bubble)\n                }\n          }\n          // a leave also fires as the view closing it unmounts the chip\n          onHover={hovered => {\n            if (isAlive(model)) {\n              model.setHoveredBubble(hovered ? h.bubble : null)\n            }\n          }}\n        />\n      ))}\n      {hoveredTick ? (\n        <LabelChip\n          x={hoveredTick.x}\n          y={hoveredTick.y - TICK_PX - 4}\n          w={labelWidth(hoveredTick.item.label)}\n          text={hoveredTick.item.label}\n          color={BUBBLE_KIND_COLORS[hoveredTick.item.kind]}\n          testId=\"graph-bubble-tick-label\"\n        />\n      ) : null}\n    </PaneSvgLayer>\n  )\n})\n\nexport default LabelLayer\n", "import { createElement, useId } from 'react'\nimport type { ReactNode } from 'react'\n\nimport type { El } from '@jbrowse/bandage-core/el'\n\n// SVG's attribute names as React's props: `class` is className, `data-` and\n// `aria-` keep their dashes, the rest are camel-cased (`stroke-width` is\n// strokeWidth)\nfunction propName(name: string) {\n  return name === 'class'\n    ? 'className'\n    : /^(data|aria)-/.test(name)\n      ? name\n      : name.replace(/-([a-z])/g, (_, c: string) => c.toUpperCase())\n}\n\nfunction toReact(node: El | string, key: number): ReactNode {\n  if (typeof node === 'string') {\n    return node\n  }\n  const props: Record<string, unknown> = { key }\n  for (const [name, value] of Object.entries(node.attrs)) {\n    if (value !== undefined) {\n      props[propName(name)] = value\n    }\n  }\n  return createElement(node.tag, props, ...node.children.map(toReact))\n}\n\n// A useId fit for an SVG id and for url(#\u2026)\nexport function useSvgId() {\n  return useId().replaceAll(/[^\\w-]/g, '')\n}\n\n// A core element tree as React elements\nexport default function ElTree({ el }: { el: El }) {\n  return toReact(el, 0)\n}\n", "import {\n  exonOutlineTree,\n  exonStretches,\n} from '@jbrowse/bandage-core/genes/exonOutline'\nimport { observer } from 'mobx-react'\n\nimport ElTree, { useSvgId } from './ElTree'\nimport { PaneSvgLayer } from './PaneLayer'\n\nimport type { GraphPaneModel } from '../model'\n\n// The session's genes drawn onto the graph: each exon outlined round its\n// stretch of node, as core's exonOutlineTree draws it for every host, moved by\n// the same transform the halos use. Their names are LabelLayer's.\n\nconst GenePins = observer(function GenePins({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const id = `exon-outline-${useSvgId()}`\n  const { genePins, walkLift, nodeInk } = model\n  const { scaleX, scaleY, translateX, translateY, paneWidth, canvasHeight } =\n    model\n  // an open bubble rings only its own exons\n  const focus = walkLift ? undefined : model.openBubbleFocus\n  const pins = focus\n    ? genePins.map(pin => ({\n        ...pin,\n        exonsByNode: pin.exonsByNode.filter(e => focus.nodeIds.has(e.nodeId)),\n      }))\n    : genePins\n  const tree = exonOutlineTree(\n    exonStretches(pins, nodeInk.halfWidthPx, walkLift),\n    {\n      id,\n      width: paneWidth,\n      height: canvasHeight,\n      transform: `translate(${translateX} ${translateY}) scale(${scaleX} ${scaleY})`,\n    },\n  )\n  return tree ? (\n    <PaneSvgLayer model={model} zIndex={2} testId=\"graph-gene-pins\">\n      <ElTree el={tree} />\n    </PaneSvgLayer>\n  ) : null\n})\n\nexport default GenePins\n", "import { useCallback } from 'react'\n\nimport { drawReferenceStrip } from '@jbrowse/bandage-core/referenceStrip'\nimport { observer } from 'mobx-react'\n\nimport { PaneOverlayCanvas } from './PaneLayer'\n\nimport type { GraphPaneModel } from '../model'\n\n// Each reference segment at its bp in the linear view, onto the pane's\n// canvas or the linear view's SVG export\nexport function paintReferenceStrip(\n  ctx: CanvasRenderingContext2D,\n  model: GraphPaneModel,\n  {\n    lit,\n    dpr,\n  }: { lit: GraphPaneModel['referenceStripLit'] | undefined; dpr: number },\n) {\n  const frame = model.hostBpFrame\n  if (frame) {\n    drawReferenceStrip(ctx, model.referenceStripBlocks, frame, {\n      width: model.paneWidth,\n      lit,\n      dpr,\n    })\n  }\n}\n\n// Each reference segment at its bp in the linear view, over a drawing that\n// has no bp axis of its own. Repainted by an autorun, so a pan in the linear\n// view moves the strip in the same frame as its other tracks.\nconst ReferenceStripOverlay = observer(function ReferenceStripOverlay({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const paint = useCallback(\n    (ctx: CanvasRenderingContext2D, dpr: number) => {\n      paintReferenceStrip(ctx, model, { lit: model.referenceStripLit, dpr })\n    },\n    [model],\n  )\n  return (\n    <PaneOverlayCanvas\n      model={model}\n      zIndex={5}\n      shown={model.referenceStripShown}\n      testId=\"graph-reference-strip\"\n      paint={paint}\n    />\n  )\n})\n\nexport default ReferenceStripOverlay\n", "import { useCallback } from 'react'\n\nimport { drawTubeMapRuler } from '@jbrowse/bandage-core/tubeMap/axis'\nimport { drawTubeMapConnectors } from '@jbrowse/bandage-core/tubeMap/connectors'\nimport { drawDeviationMarks } from '@jbrowse/bandage-core/tubeMap/deviations'\nimport { drawTubeMap } from '@jbrowse/bandage-core/tubeMap/draw'\nimport { drawTubeMapGenes } from '@jbrowse/bandage-core/tubeMap/genes'\nimport { observer } from 'mobx-react'\n\nimport { PaneOverlayCanvas } from './PaneLayer'\nimport {\n  PANEL_TITLE_FONT,\n  drawBundleCounts,\n  drawSqueezedLengths,\n} from '../tubeMapPanels'\n\n// variants folded into a box mark texture under a panel's routes\nconst PANEL_TICK_ALPHA = 0.45\n\nimport type { GraphPaneModel } from '../model'\n\n// The tubes, their connectors, genes and ruler, onto a canvas sized to the\n// pane or onto the linear view's SVG export\nexport function paintTubeMap(\n  ctx: CanvasRenderingContext2D,\n  model: GraphPaneModel,\n  { highlightNode }: { highlightNode: string | null },\n) {\n  const picture = model.tubeMapPicture\n  const frame = model.tubeMapFrame\n  if (!picture || !frame) {\n    return\n  }\n  const width = model.paneWidth\n  const panels = model.tubeMapPanelViews\n  if (panels) {\n    paintPanels(ctx, model, panels, highlightNode)\n    return\n  }\n  const tubeFrame = {\n    ...frame,\n    width,\n    highlightNode,\n    tubeColors: model.tubeMapTubeColors,\n    nodeColors: model.tubeMapNodeColors,\n  }\n  drawTubeMap(ctx, picture, tubeFrame)\n  const drawn = model.layoutResult?.tubeMap\n  if (drawn) {\n    drawBundleCounts(ctx, picture, drawn.graph, tubeFrame)\n    drawSqueezedLengths(ctx, drawn, tubeFrame)\n  }\n  drawDeviationMarks(ctx, model.tubeMapDeviations, tubeFrame)\n  drawTubeMapConnectors(\n    ctx,\n    model.tubeMapConnectors,\n    model.connectorZoneBottom,\n    tubeFrame,\n  )\n  const { bounds } = picture\n  drawTubeMapGenes(ctx, model.tubeMapGenes, tubeFrame, frame.y(bounds.minY) - 2)\n  const boxes = model.tubeMapRulerBoxes\n  if (boxes) {\n    drawTubeMapRuler(\n      ctx,\n      boxes,\n      tubeFrame,\n      frame.y(bounds.maxY) + 4,\n      model.layoutResult?.referenceAxis,\n    )\n  }\n}\n\n// Each panel of a split tube map under a rule and its title, which the canvas\n// draws so a figure's SVG carries them\nfunction paintPanels(\n  ctx: CanvasRenderingContext2D,\n  model: GraphPaneModel,\n  panels: NonNullable<GraphPaneModel['tubeMapPanelViews']>,\n  highlightNode: string | null,\n) {\n  const width = model.paneWidth\n  for (const p of panels) {\n    if (p.bottom < 0 || p.titleTop > model.canvasHeight) {\n      continue\n    }\n    const tubeFrame = {\n      ...p.frame,\n      width,\n      highlightNode,\n      tubeColors: p.tubeColors,\n      nodeColors: p.nodeColors,\n    }\n    drawTubeMap(ctx, p.picture, tubeFrame)\n    drawBundleCounts(ctx, p.picture, p.panel.result.tubeMap.graph, tubeFrame)\n    drawSqueezedLengths(ctx, p.panel.result.tubeMap, tubeFrame)\n    ctx.globalAlpha = PANEL_TICK_ALPHA\n    drawDeviationMarks(ctx, p.deviations, tubeFrame)\n    ctx.globalAlpha = 1\n    ctx.strokeStyle = 'rgba(0,0,0,0.15)'\n    ctx.lineWidth = 1\n    ctx.beginPath()\n    ctx.moveTo(0, Math.round(p.titleTop) + 0.5)\n    ctx.lineTo(width, Math.round(p.titleTop) + 0.5)\n    ctx.stroke()\n    ctx.font = PANEL_TITLE_FONT\n    ctx.textAlign = 'left'\n    ctx.textBaseline = 'top'\n    ctx.fillStyle = 'rgba(0,0,0,0.85)'\n    ctx.fillText(p.label, 6, p.titleTop + 4)\n  }\n  const last = panels.at(-1)\n  const boxes = model.tubeMapPanelRulerBoxes\n  if (last && boxes) {\n    drawTubeMapRuler(\n      ctx,\n      boxes,\n      { ...last.frame, width },\n      last.bottom + 4,\n      true,\n    )\n  }\n}\n\n// The tube map's ink, over the canvas, which draws nothing under a tube map\n// layout. Above the tubes go the session's genes in a view of its own, or in\n// a linear view the bands tying each reference box to its bp there; under\n// them a reference ruler, unless the linear view's is already the axis.\n// Repainted by an autorun on every change of transform, so a pan in the linear\n// view above moves the tubes in the same frame as its other tracks.\nconst TubeMapOverlay = observer(function TubeMapOverlay({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const paint = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      paintTubeMap(ctx, model, { highlightNode: model.selectedNode })\n    },\n    [model],\n  )\n  return (\n    <PaneOverlayCanvas\n      model={model}\n      zIndex={1}\n      shown={!!model.tubeMapPicture}\n      testId=\"graph-tube-map\"\n      paint={paint}\n    />\n  )\n})\n\nexport default TubeMapOverlay\n", "const host = JBrowseExports[\"@jbrowse/render-core/marks\"]\nconst read = name =>\n  host != null && name in Object(host)\n    ? host[name]\n    : Object.assign(\n        function () {\n          throw new Error(\n            \"This JBrowse does not provide '\" + name + \"' from '\" + \"@jbrowse/render-core/marks\" + \"' to plugins: GraphGenomeView was built for a different JBrowse version, so update the plugin or JBrowse\",\n          )\n        },\n        { jbrowseHostMissing: name },\n      )\nexport const HIDDEN_ROW = /* @__PURE__ */ read(\"HIDDEN_ROW\")\nexport const LINK_ELSEWHERE = /* @__PURE__ */ read(\"LINK_ELSEWHERE\")\nexport const LINK_NO_REGION = /* @__PURE__ */ read(\"LINK_NO_REGION\")\nexport const NO_ROW_COLOR = /* @__PURE__ */ read(\"NO_ROW_COLOR\")\nexport const RAMP_NOT_A_NUMBER_COLOR = /* @__PURE__ */ read(\"RAMP_NOT_A_NUMBER_COLOR\")\nexport const RAMP_NO_VALUE_BITS = /* @__PURE__ */ read(\"RAMP_NO_VALUE_BITS\")\nexport const RAMP_NO_VALUE_COLOR = /* @__PURE__ */ read(\"RAMP_NO_VALUE_COLOR\")\nexport const RowKeys = /* @__PURE__ */ read(\"RowKeys\")\nexport const abgrToCssRgba = /* @__PURE__ */ read(\"abgrToCssRgba\")\nexport const appendGlyph = /* @__PURE__ */ read(\"appendGlyph\")\nexport const backToFront = /* @__PURE__ */ read(\"backToFront\")\nexport const barMark = /* @__PURE__ */ read(\"barMark\")\nexport const buildRowTable = /* @__PURE__ */ read(\"buildRowTable\")\nexport const defineMark = /* @__PURE__ */ read(\"defineMark\")\nexport const ellipseDistance = /* @__PURE__ */ read(\"ellipseDistance\")\nexport const ellipseNearest = /* @__PURE__ */ read(\"ellipseNearest\")\nexport const inkOfInstances = /* @__PURE__ */ read(\"inkOfInstances\")\nexport const instanceColor = /* @__PURE__ */ read(\"instanceColor\")\nexport const isThreshold = /* @__PURE__ */ read(\"isThreshold\")\nexport const keepRampValues = /* @__PURE__ */ read(\"keepRampValues\")\nexport const keySlot = /* @__PURE__ */ read(\"keySlot\")\nexport const lineCenterMark = /* @__PURE__ */ read(\"lineCenterMark\")\nexport const lineMarkOf = /* @__PURE__ */ read(\"lineMarkOf\")\nexport const lineStepMark = /* @__PURE__ */ read(\"lineStepMark\")\nexport const linkFeet = /* @__PURE__ */ read(\"linkFeet\")\nexport const linkMark = /* @__PURE__ */ read(\"linkMark\")\nexport const makeAbgrFill = /* @__PURE__ */ read(\"makeAbgrFill\")\nexport const nearestMarkHit = /* @__PURE__ */ read(\"nearestMarkHit\")\nexport const paintColors = /* @__PURE__ */ read(\"paintColors\")\nexport const paintMarkBlocks = /* @__PURE__ */ read(\"paintMarkBlocks\")\nexport const planMarks = /* @__PURE__ */ read(\"planMarks\")\nexport const pointInsetPx = /* @__PURE__ */ read(\"pointInsetPx\")\nexport const pointMark = /* @__PURE__ */ read(\"pointMark\")\nexport const rampUniforms = /* @__PURE__ */ read(\"rampUniforms\")\nexport const rampValueBits = /* @__PURE__ */ read(\"rampValueBits\")\nexport const recordPath = /* @__PURE__ */ read(\"recordPath\")\nexport const rowColor = /* @__PURE__ */ read(\"rowColor\")\nexport const rowSlot = /* @__PURE__ */ read(\"rowSlot\")\nexport const rowSpanIndex = /* @__PURE__ */ read(\"rowSpanIndex\")\nexport const ruleMark = /* @__PURE__ */ read(\"ruleMark\")\nexport const shiftInk = /* @__PURE__ */ read(\"shiftInk\")\nexport const spanMark = /* @__PURE__ */ read(\"spanMark\")\nexport const spansInRow = /* @__PURE__ */ read(\"spansInRow\")\nexport const thresholdBandOf = /* @__PURE__ */ read(\"thresholdBandOf\")\nexport const valueWindow = /* @__PURE__ */ read(\"valueWindow\")\nexport const withPassId = /* @__PURE__ */ read(\"withPassId\")\nexport default host && host.__esModule ? host.default : host", "import {\n  GAP_PX,\n  coalesceRuns,\n  runPaint,\n} from '@jbrowse/bandage-core/layout/walkRowDraw'\nimport { packAbgr } from '@jbrowse/bandage-core/renderer/colorBits'\nimport { spanMark } from '@jbrowse/render-core/marks'\n\nimport type { WalkRow, WalkRun } from '@jbrowse/bandage-core/layout/walkRows'\nimport type { MarkContext2D, SpanChannels } from '@jbrowse/render-core/marks'\n\ntype Rgb = [number, number, number]\n\nfunction hslRgb(h: number, s: number, l: number): Rgb {\n  const a = s * Math.min(l, 1 - l)\n  const f = (n: number) => {\n    const k = (n + h / 30) % 12\n    return 255 * (l - a * Math.max(-1, Math.min(k - 3, 9 - k, 1)))\n  }\n  return [f(0), f(8), f(4)]\n}\n\n// The colours runPaint writes: `#rrggbb`, `rgb(r, g, b)` and\n// `hsl(h, s%, l%)`\nexport function cssRgb(css: string): Rgb {\n  if (css.startsWith('#')) {\n    const v = Number.parseInt(css.slice(1), 16)\n    return [(v >> 16) & 0xff, (v >> 8) & 0xff, v & 0xff]\n  }\n  const [a = 0, b = 0, c = 0] = css.match(/[\\d.]+/g)!.map(Number)\n  return css.startsWith('hsl') ? hslRgb(a, b / 100, c / 100) : [a, b, c]\n}\n\nconst abgr = ([r, g, b]: Rgb) =>\n  packAbgr(Math.round(r), Math.round(g), Math.round(b), 255)\n\nconst cssAbgr = new Map<string, number>()\nfunction packCss(css: string) {\n  let v = cssAbgr.get(css)\n  if (v === undefined) {\n    v = abgr(cssRgb(css))\n    cssAbgr.set(css, v)\n  }\n  return v\n}\n\n/**\n * A run as the pieces it paints in, each `[start, end, abgr]` in bp along\n * the row: one for a solid fill, and for a gradient one per pixel or per\n * degree of hue, whichever is fewer, coloured as the SVG gradient through\n * the same stops colours its middle\n */\nexport function runPieces(\n  run: WalkRun,\n  ramp: { start: number; end: number } | undefined,\n  pxPerBp: number,\n): [number, number, number][] {\n  const end = run.start + run.bp\n  const paint = runPaint(run, ramp)\n  if ('fill' in paint) {\n    return [[run.start, end, packCss(paint.fill)]]\n  }\n  const stops = paint.stops.map(cssRgb)\n  const hues = paint.stops.map(css => Number(/[\\d.]+/.exec(css)![0]))\n  const hueSpan = Math.abs(hues.at(-1)! - hues[0]!)\n  const n = Math.max(\n    1,\n    Math.min(Math.ceil(run.bp * pxPerBp), Math.ceil(hueSpan), run.bp),\n  )\n  const pieces: [number, number, number][] = []\n  for (let k = 0; k < n; k++) {\n    const t = ((k + 0.5) / n) * (stops.length - 1)\n    const i = Math.min(Math.floor(t), stops.length - 2)\n    const a = stops[i]!\n    const b = stops[i + 1]!\n    const f = t - i\n    pieces.push([\n      Math.round(run.start + (run.bp * k) / n),\n      Math.round(run.start + (run.bp * (k + 1)) / n),\n      abgr([0, 1, 2].map(j => a[j]! + (b[j]! - a[j]!) * f) as Rgb),\n    ])\n  }\n  return pieces\n}\n\nexport interface WalkRowSpans {\n  bars: SpanChannels & { color: Uint32Array }\n  gaps: SpanChannels & { color: Uint32Array }\n  // where each drawn row's spans start in `bars` and `gaps`\n  barRows: Uint32Array\n  gapRows: Uint32Array\n  // the furthest any span reaches along its row, in bp, and at least 1\n  longest: number\n}\n\nfunction channels(capacity: number) {\n  return {\n    x: new Uint32Array(capacity),\n    x2: new Uint32Array(capacity),\n    row: new Uint32Array(capacity),\n    color: new Uint32Array(capacity),\n    count: 0,\n  }\n}\n\nfunction slice<T extends SpanChannels & { color: Uint32Array }>(\n  c: T,\n  a: number,\n  b: number,\n) {\n  return {\n    x: c.x.subarray(a, b),\n    x2: c.x2.subarray(a, b),\n    row: c.row.subarray(a, b),\n    color: c.color.subarray(a, b),\n    count: b - a,\n  }\n}\n\n/**\n * Each row's runs as `walkRowsTree` coalesces and colours them at\n * `pxPerBp`, as span channels: `x`/`x2` in bp along the row, `row` its index\n * among `rows`. Gaps go apart, since they draw thinner.\n */\nexport function walkRowSpans(\n  rows: WalkRow[],\n  pxPerBp: number,\n  ramp?: { start: number; end: number },\n): WalkRowSpans {\n  const pieces = rows.map(r =>\n    coalesceRuns(r.runs, pxPerBp).map(run => ({\n      gap: run.gap,\n      pieces: runPieces(run, ramp, pxPerBp),\n    })),\n  )\n  let total = 0\n  for (const runs of pieces) {\n    for (const run of runs) {\n      total += run.pieces.length\n    }\n  }\n  const bars = channels(total)\n  const gaps = channels(total)\n  const barRows = new Uint32Array(rows.length + 1)\n  const gapRows = new Uint32Array(rows.length + 1)\n  let longest = 1\n  pieces.forEach((runs, row) => {\n    for (const run of runs) {\n      const c = run.gap ? gaps : bars\n      for (const [x, x2, color] of run.pieces) {\n        const i = c.count++\n        c.x[i] = x\n        c.x2[i] = x2\n        c.row[i] = row\n        c.color[i] = color\n        longest = Math.max(longest, c.x2[i])\n      }\n    }\n    barRows[row + 1] = bars.count\n    gapRows[row + 1] = gaps.count\n  })\n  return {\n    bars: slice(bars, 0, bars.count),\n    gaps: slice(gaps, 0, gaps.count),\n    barRows,\n    gapRows,\n    longest,\n  }\n}\n\nexport interface WalkRowSpanFrame {\n  scaleX: number\n  scaleY: number\n  translateX: number\n  translateY: number\n  width: number\n  height: number\n  rowPx: number\n  barPx: number\n  origin: number\n  // runs of rows whose y is `rowY(first)` plus a row pitch each, as the\n  // reference row and each grouped section are\n  blocks: { first: number; count: number; rowY: number }[]\n}\n\n/**\n * Paints the spans through render-core's span mark, a block of rows at a\n * time: row i's bar centred where `walkRowsTree` centres it, `barPx` tall,\n * its x at `origin + bp` through the pane's transform.\n */\nexport function paintWalkRowSpans(\n  ctx: MarkContext2D,\n  spans: WalkRowSpans,\n  f: WalkRowSpanFrame,\n) {\n  const { longest } = spans\n  const block = {\n    start: 0,\n    end: longest,\n    screenStartPx: f.origin * f.scaleX + f.translateX,\n    screenEndPx: (f.origin + longest) * f.scaleX + f.translateX,\n    reversed: false,\n    displayedRegionIndex: 0,\n  }\n  const frame = { canvasWidth: f.width, canvasHeight: f.height }\n  const rowHeight = f.rowPx * f.scaleY\n  for (const { first, count, rowY } of f.blocks) {\n    // slot `row` centres at (rowY + (row - first) * rowPx) * scaleY + translateY\n    const scrollTop =\n      rowHeight / 2 - f.translateY - (rowY - first * f.rowPx) * f.scaleY\n    const top = (rowY - f.rowPx / 2) * f.scaleY + f.translateY\n    if (top > f.height || top + count * rowHeight < 0) {\n      continue\n    }\n    for (const [c, starts, barPx] of [\n      [spans.bars, spans.barRows, f.barPx],\n      [spans.gaps, spans.gapRows, Math.min(GAP_PX, f.barPx)],\n    ] as const) {\n      spanMark.paintBlock(\n        ctx,\n        slice(c, starts[first]!, starts[first + count]!),\n        block,\n        frame,\n        {\n          rowHeight,\n          rowProportion: barPx / rowHeight,\n          minWidthPx: 1,\n          seamPx: 0,\n          scrollTop,\n        },\n      )\n    }\n  }\n}\n", "import { useCallback, useMemo } from 'react'\n\nimport { computed } from 'mobx'\nimport { observer } from 'mobx-react'\n\nimport ElTree, { useSvgId } from './ElTree'\nimport { PaneOverlayCanvas, PaneSvgLayer } from './PaneLayer'\nimport { SECTION_HEADER_PX, walkRowTrees } from '../walkRowGroups'\nimport { paintWalkRowSpans, walkRowSpans } from '../walkRowSpans'\n\nimport type { GraphPaneModel } from '../model'\n\n// The walk-rows layout's bars: one per haplotype walk under the reference\n// row, each on its own bp axis from the window's left edge. The runs paint as\n// spans on a canvas, coloured by whether they are on the reference walk's\n// path, and core's walkRowsTree draws the rest: unit separators, each row's\n// genes from its own assembly's annotation, the allele a repeat genotype\n// called and a readout. Under the\n// reference-position ramp an aligned run takes the hue of the reference it is\n// threaded through. In a tandem array that is the aligner's pick among\n// near-identical copies, so the hue says which reference copy the graph used,\n// not which one a copy resembles.\n//\n// The walk rows pair a repeat record's allele with each walk \u2014 see\n// repeats/walkCalls.ts, which also holds the threshold a red readout is read\n// off. Colouring each copy by its unit is jbrowse-plugin-tandem-repeat's.\n\n// The spans are recut only when the rows, the zoom or the ramp change\nfunction WalkRowSpansCanvas({ model }: { model: GraphPaneModel }) {\n  const spans = useMemo(\n    () =>\n      computed(() => {\n        const bars = model.walkRowBars\n        return bars\n          ? walkRowSpans(\n              [bars.reference, ...bars.rows],\n              model.scaleX,\n              model.referenceRampDomain,\n            )\n          : undefined\n      }),\n    [model],\n  )\n  const paint = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      const bars = model.walkRowBars\n      const place = model.walkRowPlacement\n      const pitch = model.walkRowPitch\n      const painted = spans.get()\n      if (!bars || !place || !pitch || !painted) {\n        return\n      }\n      const sections = model.walkRowGroups?.sections\n      const blocks = sections?.length\n        ? [\n            { first: 0, count: 1, rowY: place.rowY(0) },\n            ...sections.map(s => ({\n              first: s.first,\n              count: s.count,\n              rowY: place.rowY(s.first),\n            })),\n          ]\n        : [{ first: 0, count: bars.rows.length + 1, rowY: place.rowY(0) }]\n      paintWalkRowSpans(ctx, painted, {\n        ...model.screenTransform,\n        width: model.paneWidth,\n        height: model.canvasHeight,\n        rowPx: pitch.rowPx,\n        barPx: pitch.barPx,\n        origin: bars.origin,\n        blocks,\n      })\n    },\n    [model, spans],\n  )\n  return (\n    <PaneOverlayCanvas\n      model={model}\n      zIndex={3}\n      testId=\"graph-walk-rows-spans\"\n      paint={paint}\n    />\n  )\n}\n\n// `vector` for an SVG export, which draws the bars as walkRowsTree's rects\nconst WalkRowsOverlay = observer(function WalkRowsOverlay({\n  model,\n  vector = false,\n}: {\n  model: GraphPaneModel\n  vector?: boolean\n}) {\n  const idPrefix = useSvgId()\n  const bars = model.walkRowBars\n  const place = model.walkRowPlacement\n  const pitch = model.walkRowPitch\n  const bare = useMemo(\n    () =>\n      bars && {\n        ...bars,\n        reference: { ...bars.reference, runs: [] },\n        rows: bars.rows.map(r => ({ ...r, runs: [] })),\n      },\n    [bars],\n  )\n  if (!bars || !bare || !place || !pitch) {\n    return null\n  }\n  const { paneWidth: width, canvasHeight } = model\n  const hovered = model.hoveredWalkRowText\n    ? [bars.reference, ...bars.rows].findIndex(\n        r => r.name === model.hoveredWalkRow,\n      )\n    : -1\n  const lit =\n    hovered >= 0\n      ? {\n          row: [bars.reference, ...bars.rows][hovered]!,\n          start: model.toScreen({ x: bars.origin, y: place.rowY(hovered) }),\n        }\n      : undefined\n  const frame = {\n    ...model.screenTransform,\n    width,\n    height: canvasHeight,\n    ...pitch,\n  }\n  return (\n    <>\n      {vector ? null : <WalkRowSpansCanvas model={model} />}\n      <PaneSvgLayer\n        model={model}\n        zIndex={3}\n        overflow=\"visible\"\n        testId=\"graph-walk-rows\"\n      >\n        {walkRowTrees(\n          vector ? bars : bare,\n          model.walkRowGroups?.sections ?? [],\n          place.rowY,\n          frame,\n          {\n            ramp: model.referenceRampDomain,\n            rowGenes: model.walkRowGenes,\n            idPrefix,\n          },\n        ).map((tree, i) => (\n          <ElTree key={i} el={tree} />\n        ))}\n        {place.headers.map(header => (\n          <text\n            key={header.key}\n            x={10}\n            y={\n              model.toScreen({ x: 0, y: header.top }).y + SECTION_HEADER_PX - 4\n            }\n            fontFamily=\"sans-serif\"\n            fontSize={11}\n            fontWeight=\"bold\"\n            fill=\"#333\"\n            data-testid=\"graph-walk-section\"\n          >\n            {header.title}\n          </text>\n        ))}\n        {lit ? (\n          <rect\n            data-testid=\"graph-walk-row-hovered\"\n            x={lit.start.x - 2}\n            y={lit.start.y - pitch.rowPx / 2 - 1}\n            width={lit.row.bp * model.scaleX + 4}\n            height={pitch.rowPx + 2}\n            fill=\"none\"\n            stroke=\"#111\"\n            strokeWidth={1}\n          />\n        ) : null}\n      </PaneSvgLayer>\n    </>\n  )\n})\n\nexport default WalkRowsOverlay\n"],
-  "mappings": "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",
-  "names": ["paneLayerStyle", "zIndex", "overflow", "PaneSvgLayer", "observer", "model", "testId", "children", "jsx", "PaneOverlayCanvas", "shown", "paint", "ref", "useRef", "useEffect", "autorun", "canvas", "ctx", "width", "height", "dpr", "syncCanvasSize", "BubbleHalos", "observer", "model", "bubbleHalos", "hoveredBubble", "scaleX", "scaleY", "translateX", "translateY", "halo", "HALO_FACTOR", "jsx", "PaneSvgLayer", "h", "sameBubble", "BUBBLE_KIND_COLORS", "bubbleKey", "BubbleHalos_default", "SWATCH_PX", "BAR_PX", "UNPLACED_SWATCH", "FADED_SWATCH", "STRIP_SAMPLES", "TUBE_SWATCH_PX", "FOLD_TICK_BACKING", "WALK_ROW_SWATCH_PX", "swatchWidth", "swatch", "flat", "color", "fillRow", "key", "label", "width", "bandStops", "colors", "i", "openBubbleRows", "model", "open", "halo", "h", "sameBubble", "BUBBLE_KIND_COLORS", "rampRows", "domain", "start", "end", "offReference", "unplaced", "formatBp", "RAMP_GRADIENT_STOPS", "REFERENCE_RAMP_ALT_CSS", "stripBands", "lift", "w", "encodingStops", "b", "c", "all", "n", "LIFT_BACKDROP_CSS", "_", "stripRows", "rowPerWalk", "haloRows", "kindsByColor", "kinds", "BUBBLE_KIND_NAMES", "names", "geneRows", "pin", "EXON_COLOR", "foldRows", "note", "pathRows", "name", "tubeRow", "stops", "tubeMapRows", "roles", "haplotypeTube", "bundled", "values", "logWidths", "foldBp", "forwardReads", "reverseReads", "substitution", "insertion", "deletion", "reads", "rows", "PANEL_REFERENCE_TUBE", "value", "FORWARD_READ_COLORS", "REVERSE_READ_COLORS", "deviationInk", "walkRowSwatch", "GENE_INK", "GAP_PX", "walkRowsRows", "bars", "calls", "row", "tick", "walkRowsKey", "entry", "call", "CALL_TICK", "UNBACKED_TICK", "DISAGREES", "walkKeyRow", "walk", "walkKey", "fadedRows", "faded", "walkReadoutRows", "facetKeyRows", "legendSections", "section", "chipBox", "x", "y", "w", "LABEL_PX", "LABEL_PAD", "inChip", "chip", "px", "py", "box", "LabelChip", "text", "note", "color", "edge", "italic", "dimmed", "title", "testId", "onClick", "onHover", "jsxs", "jsx", "GENE_INK", "TICK_PX", "TICK_WIDTH", "chipReadoutAt", "genes", "px", "py", "pin", "chip", "inChip", "gene", "note", "geneCoverageNote", "LabelLayer", "observer", "model", "bubbles", "ticks", "scaleY", "translateY", "contigThickness", "hoveredBubble", "hoveredTick", "t", "sameBubble", "tickAt", "target", "dimmedBubble", "h", "isOpen", "jsxs", "PaneSvgLayer", "jsx", "e", "tick", "isAlive", "x", "y", "i", "BUBBLE_KIND_COLORS", "bubbleKey", "text", "LABEL_PX", "LabelChip", "EXON_COLOR", "hovered", "labelWidth", "LabelLayer_default", "propName", "name", "_", "c", "toReact", "node", "key", "props", "value", "createElement", "useSvgId", "useId", "ElTree", "el", "GenePins", "observer", "model", "id", "useSvgId", "genePins", "walkLift", "nodeInk", "scaleX", "scaleY", "translateX", "translateY", "paneWidth", "canvasHeight", "focus", "pins", "pin", "e", "tree", "exonOutlineTree", "exonStretches", "jsx", "PaneSvgLayer", "ElTree", "GenePins_default", "paintReferenceStrip", "ctx", "model", "lit", "dpr", "frame", "drawReferenceStrip", "ReferenceStripOverlay", "observer", "paint", "useCallback", "jsx", "PaneOverlayCanvas", "ReferenceStripOverlay_default", "PANEL_TICK_ALPHA", "paintTubeMap", "ctx", "model", "highlightNode", "picture", "frame", "width", "panels", "paintPanels", "tubeFrame", "drawTubeMap", "drawn", "drawBundleCounts", "drawSqueezedLengths", "drawDeviationMarks", "drawTubeMapConnectors", "bounds", "drawTubeMapGenes", "boxes", "drawTubeMapRuler", "p", "PANEL_TITLE_FONT", "last", "TubeMapOverlay", "observer", "paint", "useCallback", "jsx", "PaneOverlayCanvas", "TubeMapOverlay_default", "host", "read", "name", "spanMark", "read", "marks_default", "host", "hslRgb", "h", "s", "l", "a", "f", "n", "k", "cssRgb", "css", "v", "b", "c", "abgr", "r", "g", "packAbgr", "cssAbgr", "packCss", "runPieces", "run", "ramp", "pxPerBp", "end", "paint", "runPaint", "stops", "hues", "hueSpan", "pieces", "t", "i", "j", "channels", "capacity", "slice", "walkRowSpans", "rows", "coalesceRuns", "total", "runs", "bars", "gaps", "barRows", "gapRows", "longest", "row", "x", "x2", "color", "paintWalkRowSpans", "ctx", "spans", "block", "frame", "rowHeight", "first", "count", "rowY", "scrollTop", "top", "starts", "barPx", "GAP_PX", "spanMark", "WalkRowSpansCanvas", "model", "spans", "useMemo", "computed", "bars", "walkRowSpans", "paint", "useCallback", "ctx", "place", "pitch", "painted", "sections", "blocks", "s", "paintWalkRowSpans", "jsx", "PaneOverlayCanvas", "WalkRowsOverlay", "observer", "vector", "idPrefix", "useSvgId", "bare", "r", "width", "canvasHeight", "hovered", "lit", "frame", "jsxs", "Fragment", "PaneSvgLayer", "walkRowTrees", "tree", "i", "ElTree", "header", "SECTION_HEADER_PX", "WalkRowsOverlay_default"]
-}

package/dist/chunks/chunk-MURN3JPK.js

@@ -1,2 +0,0 @@
-import{a as N,b as st}from"./chunk-BUY2PV7D.js";import{a as je,b as q,c as Ke,d as se,e as qe,f as Je,g as Ue,h as Qe,i as et,j as tt,k as ot,l as nt,m as J,n as rt,p as lt,r as pt,s as ct}from"./chunk-2MCOY3YG.js";import{A as Oe,H as ne,I as j,L as Fe,N as Ve,a as b,e as Ce,l as Te,m as He,n as ze,o as We,p as $,pa as Ye,q as _e,qa as Ze,r as Ne,ta as ie,va as $e,wa as at,xa as it,z as Ae}from"./chunk-NWJYLP6Z.js";import{k as _}from"./chunk-VJ3SO4CH.js";import{C as Ie,J as Ee,K as Be,L as De,Ra as T,Va as re,Xa as ae,Z as Xe,Za as K,a as B,b as he,p as Le,w as Ge}from"./chunk-WEGWTC52.js";import{e as G}from"./chunk-NDRLCGPC.js";import{j as X}from"./chunk-TENPGIPX.js";import{d as R,e as Pe,f as Re,g as E,h as M}from"./chunk-YU7T5WOQ.js";import{D as Me,G as Z,H as D,b as me,c as ge,e as oe,k as ye,o as ve,p as be,s as we,v as Y,w as Se,y as xe,z as ke}from"./chunk-UGCNPRKC.js";import{a as w,b as o,c as u,d as f}from"./chunk-JMBDTNUR.js";var H=JBrowseExports["@jbrowse/render-core/useRenderingBackend"],Ot=t=>H!=null&&t in Object(H)?H[t]:Object.assign(function(){throw new Error("This JBrowse does not provide '"+t+"' from '@jbrowse/render-core/useRenderingBackend' to plugins: GraphGenomeView was built for a different JBrowse version, so update the plugin or JBrowse")},{jbrowseHostMissing:t});var dt=Ot("useRenderingBackend"),Ao=H&&H.__esModule?H.default:H;var le=je(1);function pe({model:t}){let[e,n]=M(null);return R(()=>{if(!e)return;let r=new T(e),a=B(()=>{r.resize(t.paneWidth,t.canvasHeight),t.paintHover(r,t.drawnBatch)});return()=>{a(),r.dispose()}},[e,t]),o("canvas",{ref:n,"data-testid":"graph-hover-layer",style:le})}var ut={background:"rgba(255,255,255,0.82)",padding:"3px 6px",fontSize:11,lineHeight:"15px",whiteSpace:"nowrap"},U={display:"flex",alignItems:"center",gap:5},ft={color:"#666"};function ht(t){return t.length===1?t[0].color:`linear-gradient(to right, ${t.map(e=>`${e.color} ${e.offset*100}%`).join(", ")})`}var Ft={width:se,flex:"none",textAlign:"center",fontFamily:"monospace",fontSize:12};function ce({swatch:t}){let e=qe(t),n={width:e,flex:"none"};switch(t.kind){case"fill":return o("div",{style:{...n,height:t.height??8,borderRadius:t.square?0:2,background:ht(t.stops)}});case"bands":return o("div",{style:n,children:t.bands.map((r,a)=>o("div",{style:{height:t.bands.length>1?3:4,background:ht(r)}},a))});case"line":return o("div",{style:{...n,height:3,borderRadius:2,background:t.color}});case"halo":return o("svg",{width:e,height:10,style:{flex:"none"},children:o("line",{x1:5,y1:5,x2:13,y2:5,stroke:t.color,strokeOpacity:.35,strokeWidth:8,strokeLinecap:"round"})});case"outline":return o("div",{style:{...n,height:t.height,boxSizing:"border-box",border:`${t.stroke}px solid ${t.color}`,borderRadius:t.radius}});case"overhang":return o("svg",{width:e,height:10,style:{flex:"none"},children:o("path",{d:"M0,5 L8,0 L8,10 Z M18,5 L10,0 L10,10 Z",fill:"#18181c"})});case"glyph":return o("span",{style:Ft,children:t.char});case"tick":return o("div",{style:{...n,height:t.height,display:"flex",justifyContent:"center",background:t.backing},children:o("div",{style:{width:2,backgroundColor:t.color}})});case"bracket":return o("svg",{width:e,height:7,style:{flex:"none"},children:o("path",{d:`M0.5,6 V1.5 H5.5 V6 M8.5,6 V1.5 H${se-.5} V6`,fill:"none",stroke:Xe()})});case"blank":return o("span",{style:n})}}function Q({row:t,at:e,hint:n,after:r}){return t.swatch?u("div",{title:[t.title,n].filter(Boolean).join(" \xB7 ")||void 0,children:[u("div",{style:U,children:[o(ce,{swatch:t.swatch}),u("span",{children:[t.strong?o("strong",{children:t.strong}):null,t.label]}),r]}),e?o("div",{"data-testid":"graph-walk-at",children:e}):t.under?o("div",{children:t.under}):null]}):o("div",{style:ft,children:t.label})}var Vt={pointerEvents:"auto",cursor:"pointer",border:"none",background:"none",padding:"0 2px",font:"inherit",textDecoration:"underline"},mt=f(function({model:e}){return o(w,{children:et(e).map(({testid:n,rows:r})=>o("div",{style:ut,"data-testid":n,children:r.map(a=>o(Q,{row:a,at:a.walk?e.hoveredOn(a.walk):void 0,after:a.closesBubble?o("button",{type:"button",style:Vt,"data-testid":"graph-close-bubble",onClick:()=>{e.closeBubbles()},children:"close"}):null},a.key))},n))})});var Xt=1.1,Yt=100,Zt=40,$t=800,jt=10,gt=2;function de(t){let e=t.deltaY*(t.deltaMode===1?Zt:t.deltaMode===2?$t:1),n=(t.ctrlKey?jt:1)*e/Yt;return Xt**-Math.max(-gt,Math.min(gt,n))}function ee(t,e){R(()=>{if(!t)return;let n=r=>{if(e.hostPlacesX)return;e.host&&r.stopPropagation(),r.preventDefault();let a=t.getBoundingClientRect();e.zoom(de(r),r.clientX-a.left,r.clientY-a.top)};return t.addEventListener("wheel",n,{passive:!1}),()=>{t.removeEventListener("wheel",n)}},[t,e])}var Kt=3;function yt(t){let e=E({x:0,y:0}),n=E({x:0,y:0}),r=E(!1),a=E({frame:0,pan:null,hover:null});R(()=>()=>{cancelAnimationFrame(a.current.frame)},[]);let[p,l]=M(),[c,i]=M(void 0);function d(s){let m=s.currentTarget.getBoundingClientRect();return{x:s.clientX-m.left,y:s.clientY-m.top}}function g(s,m){if(t.layoutResult?.tubeMap)return t.tubeMapNodeAt(s,m);let y=t.referenceStripNodeAt(s,m);if(y)return y;let{nodePositions:h}=t;if(!h)return null;let{x:v,y:x}=ne(s,m,t,t.axisScale);return re(h,v,x,t.axisScale,t.positionsVersion,t.nodeInk)}function C(s,m){let{nodePositions:y,graph:h}=t;if(!y||!h)return null;let{x:v,y:x}=ne(s,m,t,t.axisScale);return ae(y,h,v,x,t.axisScale,t.effectiveDrawPaths&&!t.facetPanels,t.positionsVersion,t.deletionEdgeIndexes,t.hiddenEdgeIndexes,t.deletionRoutes,t.layoutResult?.stranded)}function L(s){s.button===0&&(s.preventDefault(),t.host&&!t.hostPlacesX&&s.stopPropagation())}function te(s){if(s.button===0){if(r.current=!1,n.current={x:s.clientX,y:s.clientY},t.hostPlacesX)return;s.currentTarget.setPointerCapture(s.pointerId);let{x:m,y}=d(s),h=t.layoutResult?.tubeMap||s.nativeEvent.offsetY<t.referenceStripZonePx?null:g(m,y);h?t.setDraggingNode(h):t.setPanning(!0),e.current={x:s.clientX,y:s.clientY}}}function I(){let s=a.current,{pan:m,hover:y}=s;if(s.frame=0,s.pan=null,s.hover=null,m&&t.setTransform(t.scale,t.translateX+m.dx,t.translateY+m.dy),!y)return;let{x:h,y:v}=y,x=t.facetPanels?void 0:tt(t.overlayLabels,h,v);i(k=>k?.label===x?.label&&k?.readout===x?.readout?k:x);let W=t.walkRowBars;if(W){let k=t.walkRowAt(h,v);t.setHoveredWalkRow(k===void 0?null:[W.reference,...W.rows][k].name)}if(t.nodePositions&&t.graph){let k=g(h,v);t.setHoveredPanel(t.tubeMapPanelAt(v)),t.setHoveredNode(k,{x:h,y:v}),t.setHoveredTube(k===null&&t.layoutResult?.tubeMap?t.tubeAt(h,v):null),t.setHoveredEdge(k||t.layoutResult?.tubeMap||!t.hoverLightsEverything?null:C(h,v))}}function z(){a.current.frame||(a.current.frame=requestAnimationFrame(I))}function F(){let s=a.current;cancelAnimationFrame(s.frame),s.frame=0,s.pan=null,s.hover=null}function V(s){let m=s.clientX-e.current.x,y=s.clientY-e.current.y;e.current={x:s.clientX,y:s.clientY},Math.hypot(s.clientX-n.current.x,s.clientY-n.current.y)>Kt&&(r.current=!0);let h=a.current;if(t.draggingNode)t.moveNode(t.draggingNode,m/t.scaleX,y/t.scaleY);else if(t.isPanning)h.pan={dx:(h.pan?.dx??0)+m,dy:(h.pan?.dy??0)+y},z();else{let v=s.currentTarget.getBoundingClientRect();h.hover={x:s.clientX-v.left,y:s.clientY-v.top},z()}}function A(){G(t)&&t.stopDragging()}function S(){F(),i(void 0),G(t)&&(t.stopDragging(),t.clearHover())}function P(s){let{x:m,y}=d(s),h=g(m,y),{clientX:v,clientY:x}=s;if(h){s.preventDefault(),l({clientX:v,clientY:x,nodeId:h});return}let W=t.walkRowAt(m,y);W!==void 0&&(s.preventDefault(),l({clientX:v,clientY:x,row:W}))}function Dt(s){if(!r.current){let{x:m,y}=d(s),h=g(m,y);t.setSelectedNode(h),h&&t.showNodeDetails(h)}}return{canvasStyle:{cursor:t.isPanning||t.draggingNode?"grabbing":"grab",touchAction:t.hostPlacesX?"auto":"none",overscrollBehavior:"contain"},handlers:{onMouseDown:L,onPointerDown:te,onPointerMove:V,onPointerUp:A,onPointerCancel:A,onLostPointerCapture:A,onPointerLeave:S,onClick:Dt,onContextMenu:P},contextMenu:p,hoveredChip:c,closeContextMenu:()=>{l(void 0)}}}var qt={position:"absolute",left:0,top:0,zIndex:4,display:"grid",gap:Be,lineHeight:"normal"},Jt={height:De,padding:"2px 6px",boxSizing:"border-box",fontFamily:"inherit",fontSize:11,color:"inherit",cursor:"pointer",border:"none",background:"none",textAlign:"left",display:"block"},Ut={position:"relative"},Qt={gridColumn:"1 / -1",height:Ze,padding:"2px 6px",boxSizing:"border-box",display:"flex",gap:14,fontSize:11,lineHeight:"15px"},eo=f(function({model:e,lift:n,width:r,height:a,cell:p,handlers:l,canvasStyle:c}){let[i,d]=M(null),[g,C]=M(null),L=n.walks[0];ee(i,e),R(()=>{if(!i||!g)return;let I=new T(i),z=new T(g),F=he(()=>e.buildDrawing(n,!1)),V,A=[B(()=>{let S=e.facetGrid;S&&I.resize(S.width,S.height);let P=F.get();P&&(P!==V&&(I.uploadGeometry(P.batch),V=P),e.applySelection(I),e.paint(I))}),B(()=>{let S=e.facetGrid;S&&z.resize(S.width,S.height);let P=F.get();P&&e.paintHover(z,P.batch)})];return()=>{for(let S of A)S();I.dispose(),z.dispose()}},[i,g,e,n]);let te=e.walkLabel(L.name);return u("div",{style:p,children:[o("button",{type:"button",style:Jt,"data-testid":"graph-facet-title",onClick:()=>{e.liftWalks([L.name]),e.setFacet("")},children:o(Q,{row:Ue(e,L),hint:`click to lift ${te} alone`,at:e.hoveredOn(L)})}),u("div",{style:Ut,children:[o("canvas",{ref:d,"data-testid":"graph-facet-canvas",style:{...c,width:r,height:a,display:"block"},...l}),o("canvas",{ref:C,style:le})]})]})}),to=f(function({model:e,handlers:n,canvasStyle:r}){let a=e.facetPanels,p=e.facetGrid,l=e.facetPlacement;if(!a||!p||!l)return null;let{columns:c,width:i,height:d}=p;return u("div",{"data-testid":"graph-facet-panels",style:{...qt,width:e.paneWidth,minHeight:e.canvasHeight,gridTemplateColumns:`repeat(${c}, ${i}px)`,background:j},children:[a.map((g,C)=>o(eo,{model:e,lift:g,width:i,height:d,cell:{gridRow:Math.floor(l.cells[C]/c)+1,gridColumn:l.cells[C]%c+1},handlers:n,canvasStyle:r},g.walks[0].name)),o("div",{style:{...Qt,gridRow:Math.floor(Math.max(...l.cells)/c)+2},"data-testid":"graph-facet-key",children:Qe(e).map(g=>o(Q,{row:g},g.key))})]})}),vt=to;var bt=b(o("path",{d:"M3 5v4h2V5h4V3H5c-1.1 0-2 .9-2 2m2 10H3v4c0 1.1.9 2 2 2h4v-2H5zm14 4h-4v2h4c1.1 0 2-.9 2-2v-4h-2zm0-16h-4v2h4v4h2V5c0-1.1-.9-2-2-2"}),"CropFree");var wt=b([o("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"},"0"),o("path",{d:"M12 10h-2v2H9v-2H7V9h2V7h1v2h2z"},"1")],"ZoomIn");var St=b(o("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14M7 9h5v1H7z"}),"ZoomOut");var oo=f(function({model:e}){let n=e.colorSchemeLock;return o(N,{label:"Color",size:"small",sx:{minWidth:100},disabled:n!==void 0,title:n?.why,shown:n?.value,value:e.chosenColorScheme,options:Ae,onChange:r=>{e.setColorScheme(r)}})}),xt=oo;var kt=_()({stats:{marginLeft:"auto"},perf:{color:"#888",fontVariantNumeric:"tabular-nums"}});function ue(t){return t===void 0?"\u2013":`${Math.round(t)}ms`}var no=f(function({model:e}){let{classes:n}=kt(),{lastFetchMs:r,lastLayoutMs:a,lastGeometryMs:p}=e,l=r!==void 0||a!==void 0||p!==void 0;return e.showPerf&&l?u(D,{variant:"caption",className:n.perf,"data-testid":"graph-perf-stats",children:["fetch ",ue(r)," \xB7 layout ",ue(a)," \xB7 geom"," ",ue(p)]}):null}),ro=f(function({model:e}){let{classes:n}=kt();return u("div",{className:n.stats,"data-testid":"graph-stats","data-node-count":e.nodeCount,"data-edge-count":e.edgeCount,"data-path-count":e.pathCount,"data-fetch-ms":e.lastFetchMs??"","data-layout-ms":e.lastLayoutMs??"","data-geometry-ms":e.lastGeometryMs??"","data-geometry-strokes":e.lastGeometryStrokeCount??"",children:[u(D,{variant:"body2",component:"span",children:[e.nodeCount," nodes, ",e.edgeCount," edges",e.pathCount>0?`, ${e.pathCount} paths`:""]})," ",o(no,{model:e})]})}),Mt=ro;var ao=f(function({model:e}){let{graph:n}=e;return o(N,{label:"Layout",size:"small",sx:{minWidth:140},testId:"graph-layout-select",value:e.chosenLayoutMode,options:Ce.map(({value:r,label:a,description:p,available:l})=>({value:r,label:a,description:p,disabled:n?!l(n):!1})),onChange:r=>{e.switchLayout(r)}})}),Pt=ao;var io=f(function({model:e}){let{repeatChoices:n}=e;return e.chosenLayoutMode!=="walkrows"||n.length===0?null:o(N,{label:"Repeat",size:"small",sx:{minWidth:130,maxWidth:260},testId:"graph-repeat-select",value:e.selectedRepeat?.key??"",options:[{value:"",label:"Whole window"},...n.map(({key:r,name:a,unit:p})=>({value:r,label:`${a} \xB7 ${p.toLocaleString()} bp unit`}))],onChange:r=>{e.setRepeatKey(r)}})}),Rt=io;var Ct=b(o("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),"Close");var Lt=b(o("path",{d:"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"}),"MoreVert");var so=f(function({model:e}){let n=e.highlightMenuItems({picks:!1});return o(me,{size:"small",tooltip:"Graph options",menuItems:[...n.length>0?[{label:"Haplotypes",icon:at,subMenu:n}]:[],...e.layoutOptionMenuItems({repeat:!1}),{label:"Show...",icon:Oe,subMenu:[...e.showMenuItems(),...e.modeDrawsNodes&&e.walkChoices.length>1?[{type:"checkbox",label:"Show walk rows under the graph",checked:e.walkStrip,onClick:()=>{e.setWalkStrip(!e.walkStrip)}}]:[],{type:"checkbox",label:"Show timings",checked:e.showPerf,onClick:()=>{e.setShowPerf(!e.showPerf)}}]},{type:"divider"},{label:"Graph settings...",icon:it,helpText:"Subgraph node limit; node width and path colors; the force-directed layout engine",onClick:()=>{X(e).queueDialog(r=>[st,{model:e,open:!0,onClose:r}])}},{type:"divider"},{label:"Close graph",icon:Ct,onClick:()=>{e.clearGraph()}}],children:o(Lt,{})})}),Gt=so;var lo=_()({formControl:{minWidth:130,maxWidth:260}}),po=f(function({model:e}){let{classes:n}=lo(),r=Pe(),{walkChoices:a}=e;if(a.length===0||!e.liftsWalks)return null;let p=new Set(a.map(i=>i.name)),l=new Map(a.map(i=>[i.name,i.label])),c=e.walkLayers.map(i=>i.walk).filter(i=>p.has(i));return a.length>Ve?o(ve,{size:"small",variant:"outlined",color:"inherit","data-testid":"graph-walk-choose",onClick:()=>{X(e).queueDialog(i=>[Fe,{model:e,onClose:i}])},children:c.length>0?`${c.length} of ${a.length} haplotypes`:"Highlight haplotypes..."}):u(we,{size:"small",className:n.formControl,children:[o(Se,{id:r,children:"Highlight"}),o(Me,{labelId:r,multiple:!0,value:c,label:"Highlight","data-testid":"graph-walk-select",renderValue:i=>i.map(d=>l.get(d)).join(", "),onChange:i=>{let{value:d}=i.target;e.liftWalks(typeof d=="string"?d.split(","):d)},children:a.map(({name:i,label:d})=>u(ke,{value:i,dense:!0,children:[o(be,{size:"small",checked:c.includes(i)}),o(xe,{primary:d})]},i))})]})}),It=po;var co=_()({toolbar:{display:"flex",alignItems:"center",gap:4,padding:"2px 4px",borderBottom:"1px solid #ddd"}}),uo=f(function({model:e}){return o(D,{variant:"body2",children:e.zoomPercent})}),fo=f(function({model:e}){let{classes:n}=co(),r=a=>{e.zoom(a,e.viewBox.width/2,e.viewBox.height/2)};return u("div",{className:n.toolbar,children:[o(Pt,{model:e}),o(xt,{model:e}),o(It,{model:e}),o(Rt,{model:e}),o(Z,{title:"Zoom in",children:o(Y,{size:"small",onClick:()=>{r(1.5)},children:o(wt,{})})}),o(Z,{title:"Zoom out",children:o(Y,{size:"small",onClick:()=>{r(1/1.5)},children:o(St,{})})}),o(Z,{title:"Zoom to fit",children:o(Y,{size:"small",onClick:()=>{e.refitView()},children:o(bt,{})})}),o(uo,{model:e}),o(Mt,{model:e}),o(Gt,{model:e})]})}),Et=fo;var ho={position:"absolute",bottom:Ye,lineHeight:"normal",background:"rgba(0,0,0,0.75)",color:"white",padding:"4px 8px",borderRadius:4,fontSize:12,pointerEvents:"none",zIndex:6};function fe({label:t,readout:e}){return u(w,{children:[o("strong",{children:t})," \u2014 ",e]})}function mo(t,e){if(e)return{testId:"graph-chip-tooltip",body:fe(e)};let n=t.hoveredNode?t.hoverNodeById?.get(t.hoveredNode):void 0;if(n){let l=t.hoverDrawing?.members.get(n.id),c=Ne(n);return{body:u(w,{children:[o("strong",{children:n.name}),l?` and ${l.length-1} more`:""," \u2014"," ",n.length.toLocaleString()," bp, depth ",n.depth.toFixed(1),c?u(w,{children:[o("br",{}),c.sample," ",$(c)," (rank ",n.stable?.rank,")"]}):null]})}}let r=t.hoveredEdge===null?void 0:t.graph?.edges[t.hoveredEdge];if(r){let l=_e(r,t.deletions.find(c=>c.edgeIndex===t.hoveredEdge),c=>t.nodeById?.get(c)?.name??c);return{body:l.deletion?u(w,{children:[o("strong",{children:"Deletion"})," ",l.deletion.bp,o("br",{}),l.deletion.where]}):u(w,{children:["Edge: ",l.ends]})}}let a=t.hoveredWalkRowText;if(a)return{testId:"graph-walk-row-tooltip",body:fe(a)};let p=t.hoveredTubeText;return p?{testId:"graph-tube-tooltip",body:fe(p)}:void 0}var go=f(function({model:e,chip:n}){let r=mo(e,n);return r?o("div",{style:{...ho,right:e.tooltipRightPx},"data-testid":r.testId,children:r.body}):null}),Tt=go;var Ht=b(o("path",{d:"M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z"}),"FilterList");var zt=b(o("path",{d:"M10.83 8H21V6H8.83zm5 5H18v-2h-4.17zM14 16.83V18h-4v-2h3.17l-3-3H6v-2h2.17l-3-3H3V6h.17L1.39 4.22 2.8 2.81l18.38 18.38-1.41 1.41z"}),"FilterListOff");var Wt=b(o("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z"}),"Info");var yo={x:0,y:0};function vo(t,e){let{own:n,reference:r,highlight:a}=t.nodeLaunchTargets(e);return[{label:"Node details",icon:Wt,onClick:()=>{t.showNodeDetails(e)}},...$e({own:n,reference:r,highlight:a,onShowLinear:p=>{t.showInLinearView(p)},onHighlight:t.canHighlightInLinearView?p=>{t.highlightInLinearView(p)}:void 0})]}function bo(t,e,n){let r=n??t.walkRowBars,a=t.walkRowLaunchTarget(e,r),p=a?.assembly,l=e>0?r?.rows[e-1]:void 0,c=l?.sample,i=!n&&t.walkRowBars,d=t.walkRowSamples;return[a&&p?{label:`Linear genome view \u2014 ${p} ${$(a.location)}`,icon:ie,onClick:()=>{t.showInLinearView({location:a.location,assembly:p})}}:{label:"Linear genome view",icon:ie,disabled:!0,disabledHelpText:a?`No assembly in this session is ${a.location.haplotype??a.label}`:"This walk states no contig coordinates",onClick:()=>{}},...l&&t.liftsWalks&&t.modeDrawsNodes?[{type:"checkbox",label:`Highlight ${l.label}`,checked:t.walkLayers.some(g=>g.walk===l.name),onClick:()=>{t.toggleWalk(l.name)}}]:[],...i&&c&&!(d?.length===1&&d[0]===c)?[{label:`Show only ${c}`,icon:Ht,onClick:()=>{t.setWalkRowSamples([c])}}]:[],...i&&d?[{label:"Show every sample",icon:zt,onClick:()=>{t.setWalkRowSamples(void 0)}}]:[]]}function O({model:t,at:e,onClose:n}){return o(ge,{anchor:e,offset:yo,onClose:n,menuItems:()=>e===void 0?[]:"nodeId"in e?vo(t,e.nodeId):bo(t,e.row,e.bars)})}var wo={display:"flex",flexWrap:"wrap",gap:"2px 14px",padding:"2px 8px 6px",fontSize:11,color:"#333"},So={position:"absolute",pointerEvents:"none",background:"rgba(255,255,255,0.92)",border:"1px solid #ccc",borderRadius:3,padding:"1px 6px",fontSize:11,whiteSpace:"nowrap",zIndex:4},xo=f(function({bars:e,frame:n,ramp:r,rowGenes:a}){let p=nt(),l=Re(()=>Ee(e,n,{ramp:r,rowGenes:a,idPrefix:p}),[e,n,r,a,p]);return o(J,{el:l})}),ko=f(function({model:e}){let n=e.walkStripRows,r=e.walkStripFrame,a=e.stripHover,p=n?[n.reference,...n.rows]:[],l=a?p.findIndex(i=>i.name===a.row):-1,c=p[l];return!n||!r||r.labelled||!a||!c?null:u("div",{"data-testid":"graph-walk-strip-tip",style:{...So,left:(n.origin+a.offset)*r.scaleX+r.translateX+12,top:l*r.rowPx+r.translateY-18},children:[c.label," \xB7"," ",Ge(c,l===0?void 0:n.reference)]})}),Mo=f(function({model:e}){let n=e.walkStripRows,r=e.walkStripFrame,[a,p]=M();if(!n||!r)return null;let l=i=>{let d=i.currentTarget.getBoundingClientRect();return Te(n,r,i.clientX-d.left,i.clientY-d.top)},c=Ie(n,{ramp:e.referenceRampDomain,rampCss:Le,genes:We(r,e.walkRowGenes,e.walkRowGeneGaps)});return u("div",{"data-testid":"graph-walk-strip",style:{position:"relative",borderTop:"1px solid #ddd"},onMouseEnter:()=>{e.setPointerInPane(!0)},onMouseLeave:()=>{G(e)&&(e.setPointerInPane(!1),e.setStripHover(null))},children:[u("svg",{width:r.width,height:r.height,style:{display:"block"},onMouseMove:i=>{let d=l(i);i.currentTarget.style.cursor=d&&d.index>0?"pointer":"",e.setStripHover(d?{row:d.row.name,offset:d.offset}:null)},onClick:i=>{let d=l(i);d&&d.index>0&&e.toggleWalk(d.row.name)},onContextMenu:i=>{let d=l(i);d&&(i.preventDefault(),p({clientX:i.clientX,clientY:i.clientY,row:d.index}))},children:[o("title",{children:"Ticks mark where each walk passes the node under the pointer. Click a bar to lift its walk."}),o(xo,{bars:n,frame:r,ramp:e.referenceRampDomain,rowGenes:e.walkRowGenes}),o(J,{el:He(n,r,e.walkStripMarks)}),o(J,{el:ze(n,r,new Set(e.walkLayers.map(i=>i.walk)))})]}),o(ko,{model:e}),o("div",{style:wo,"data-testid":"graph-walk-strip-key",children:c.map(i=>u("div",{style:U,children:[o(ce,{swatch:Je(i.swatch)}),o("span",{children:i.label})]},i.label))}),o(O,{model:e,at:a&&{...a,bars:n},onClose:()=>{p(void 0)}})]})}),_t=Mo;var Po=f(function({model:e}){let n=e.walkStripLocator;return n?u(q,{model:e,zIndex:4,overflow:"visible",testId:"graph-walk-strip-locator",children:[o("circle",{cx:n.x,cy:n.y,r:11,fill:"none",stroke:"white",strokeWidth:4}),o("circle",{cx:n.x,cy:n.y,r:11,fill:"none",stroke:"#111",strokeWidth:1.75})]}):null}),Nt=Po;function At(t){return Promise.resolve(new T(t))}var Ro={position:"relative"},Co={position:"relative",lineHeight:0,isolation:"isolate"},Lo={position:"absolute",left:0,right:0,bottom:0,zIndex:0},Go={position:"absolute",inset:0,zIndex:10,lineHeight:"normal",pointerEvents:"none"},Io={position:"absolute",left:6,transform:"translateY(-50%)",background:"rgba(255,255,255,0.82)",padding:"0 4px",borderRadius:3,fontSize:11,lineHeight:"16px",whiteSpace:"nowrap",pointerEvents:"none",zIndex:4},Eo=f(function({model:e}){return o(w,{children:e.visibleRowLabels.map(({label:n,y:r,top:a})=>o("div",{"data-testid":"graph-row-label",style:{...Io,top:a},children:n},r))})}),To={position:"absolute",top:K,right:K,display:"flex",flexDirection:"column",borderRadius:3,overflow:"hidden",zIndex:4},Bt={position:"absolute",transform:"translate(-50%, -50%)",background:"rgba(255,255,255,0.78)",padding:"0 3px",borderRadius:3,fontSize:10,lineHeight:"13px",whiteSpace:"nowrap",pointerEvents:"none",zIndex:3},Ho={...Bt,color:"#18181c",fontWeight:600},zo=f(function({model:e}){let n=E(null);return R(()=>{let r=n.current;if(!r)return;let a=new ResizeObserver(()=>{G(e)&&e.hoveredNode===null&&e.setLegendSize({width:r.offsetWidth,height:r.offsetHeight})});return a.observe(r),()=>{a.disconnect()}},[e]),o("div",{ref:n,style:{...To,top:K+e.referenceStripZonePx},children:o(mt,{model:e})})}),Wo=f(function({model:e}){let n=e.overlayLabels.sizes,r=n.flatMap(({key:a,leader:p})=>p?[{key:a,...p}]:[]);return u(w,{children:[r.length>0?o(q,{model:e,zIndex:2,overflow:"visible",children:r.map(({key:a,arcX:p,arcY:l,labelX:c,labelY:i})=>o("line",{"data-testid":"graph-label-leader",x1:p,y1:l,x2:c,y2:i,stroke:"#18181c",strokeWidth:1},a))}):null,n.map(({key:a,text:p,x:l,y:c,kind:i})=>o("div",{"data-testid":"graph-size-label",style:{...i==="deletion"?Ho:Bt,left:l,top:c},children:p},a))]})}),_o=f(function({model:e,ownChrome:n=!0}){let{canvasRef:r,canvas:a,error:p,retry:l}=dt(At,e),{handlers:c,canvasStyle:i,contextMenu:d,closeContextMenu:g,hoveredChip:C}=yt(e);ee(a,e);let L=e.facetPanels!==void 0;return u("div",{style:Ro,children:[n?o(Et,{model:e}):null,u("div",{style:Co,onMouseEnter:()=>{e.setPointerInPane(!0)},onMouseLeave:()=>{G(e)&&e.setPointerInPane(!1)},children:[e.referenceStripShown?o("div",{style:{...Lo,top:e.referenceStripZonePx,background:j}}):null,o("canvas",{ref:r,"data-testid":"graph-genome-canvas",style:{...i,width:e.paneWidth,height:e.canvasHeight,display:"block",position:"relative",zIndex:1},...c}),L?o(vt,{model:e,handlers:c,canvasStyle:i}):u(w,{children:[o(pt,{model:e}),o(pe,{model:e}),o(lt,{model:e}),o(Eo,{model:e}),o(Wo,{model:e}),o(Ke,{model:e}),o(rt,{model:e}),o(ot,{model:e}),o(ct,{model:e}),o(Nt,{model:e}),o(zo,{model:e})]}),n?o("div",{style:Go,children:o(ye,{isVisible:e.isLoading,immediate:!e.layoutResult,statusMessage:e.statusMessage,onCancel:e.canCancelLoad?()=>{e.cancelLoad()}:void 0})}):null,o(Tt,{model:e,chip:C})]}),e.walkStripShown?o(_t,{model:e}):null,o(O,{model:e,at:d,onClose:g}),p?o(oe,{error:p,onReset:l}):null,n&&e.error?o(oe,{error:e.error,onReset:e.canRetryLoad?()=>{e.retryLoad()}:void 0}):null]})}),ii=_o;export{ii as a};
-//# sourceMappingURL=chunk-MURN3JPK.js.map