jbrowse-plugin-graphgenomeviewer 7.3.1 → 7.4.0

package/dist/chunks/chunk-BXRTG7FU.js

@@ -1,2 +0,0 @@
-import{a as X,b as ut}from"./chunk-DUR437TH.js";import{a as et,b as tt,c as te,d as nt,e as ot,f as ne,h as rt,i as at,j as it,k as st,m as oe,n as lt,o as dt,p as ft,r as ht,t as mt,u as gt}from"./chunk-RFDSEB2X.js";import{N as Ue,O as Je,R as ue,T as Qe,U as ct,V as pt,a as x,c as Te,h as Ne,i as We,j as Oe,k as De,l as J,m as Xe,n as Be,w as Fe,x as Ze}from"./chunk-N74HGPAW.js";import{n as D}from"./chunk-DBPEUVUC.js";import{E as ze,Eb as N,Jb as ce,L as _e,Lb as pe,M as Ve,N as Ye,Nb as ee,a as V,b as be,da as le,dc as qe,ha as Q,la as je,na as Ke,x as Ae,xa as $e}from"./chunk-PYQG3JHP.js";import{k as He}from"./chunk-2M4XYSLG.js";import{e as I}from"./chunk-NDRLCGPC.js";import{j as $}from"./chunk-TENPGIPX.js";import{d as G,e as Ie,f as Ge,g as k,h as R}from"./chunk-YU7T5WOQ.js";import{D as Ee,G as U,H as Y,b as we,c as xe,e as se,k as Se,o as Pe,p as Me,s as ke,v as q,w as Re,y as Ce,z as Le}from"./chunk-UGCNPRKC.js";import{a as L,b as n,c as f,d as h}from"./chunk-JMBDTNUR.js";var W=JBrowseExports["@jbrowse/render-core/useRenderingBackend"],ln=t=>W!=null&&t in Object(W)?W[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 vt=ln("useRenderingBackend"),lo=W&&W.__esModule?W.default:W;var de=tt(1);function fe({model:t}){let[e,o]=R(null);return G(()=>{if(!e)return;let i=new N(e),a=V(()=>{$e(qe()),i.resize(t.paneWidth,t.canvasHeight),t.paintHover(i,t.drawnBatch)});return()=>{a(),i.dispose()}},[e,t]),n("canvas",{ref:o,"data-testid":"graph-hover-layer",style:de})}var yt={background:"rgba(255,255,255,0.82)",padding:"3px 6px",fontSize:11,lineHeight:"15px",whiteSpace:"nowrap"},re={display:"flex",alignItems:"center",gap:5},bt={color:"#666"};function ae({row:t,at:e,hint:o,after:i}){return t.swatch?f("div",{title:[t.title,o].filter(Boolean).join(" \xB7 ")||void 0,children:[f("div",{style:re,children:[n(oe,{swatch:t.swatch}),f("span",{children:[t.strong?n("strong",{children:t.strong}):null,t.label]}),i]}),e?n("div",{"data-testid":"graph-walk-at",children:e}):t.under?n("div",{children:t.under}):null]}):n("div",{style:bt,children:t.label})}var cn={pointerEvents:"auto",cursor:"pointer",border:"none",background:"none",padding:"0 2px",font:"inherit",textDecoration:"underline"},wt=h(function({model:e}){return n(L,{children:st(e).map(({testid:o,rows:i})=>n("div",{style:yt,"data-testid":o,children:i.map(a=>n(ae,{row:a,at:a.walk?e.hoveredOn(a.walk):void 0,after:a.closesBubble?n("button",{type:"button",style:cn,"data-testid":"graph-close-bubble",onClick:()=>{e.closeBubbles()},children:"close"}):null},a.key))},o))})});var pn={position:"absolute",left:0,top:0,zIndex:4,display:"grid",gap:Ve,lineHeight:"normal"},un={height:Ye,padding:"2px 6px",boxSizing:"border-box",fontFamily:"inherit",fontSize:11,color:"inherit",cursor:"pointer",border:"none",background:"none",textAlign:"left",display:"block"},dn={position:"relative"},fn={gridColumn:"1 / -1",height:Je,padding:"2px 6px",boxSizing:"border-box",display:"flex",gap:14,fontSize:11,lineHeight:"15px"},hn=h(function({model:e,lift:o,width:i,height:a,cell:p,handlers:c,canvasStyle:l}){let[s,d]=R(null),[y,w]=R(null),E=o.walks[0];G(()=>{if(!s||!y)return;let T=new N(s),A=new N(y),O=be(()=>e.buildDrawing(o,!1)),B,F=[V(()=>{let M=e.facetGrid;M&&T.resize(M.width,M.height);let H=O.get();H&&(H!==B&&(T.uploadGeometry(H.batch),B=H),e.applySelection(T),e.paint(T))}),V(()=>{let M=e.facetGrid;M&&A.resize(M.width,M.height);let H=O.get();H&&e.paintHover(A,H.batch)})];return()=>{for(let M of F)M();T.dispose(),A.dispose()}},[s,y,e,o]);let z=e.walkLabel(E.name);return f("div",{style:p,children:[n("button",{type:"button",style:un,"data-testid":"graph-facet-title",onClick:()=>{e.liftWalks([E.name]),e.setFacet("")},children:n(ae,{row:at(e,E),hint:`click to lift ${z} alone`,at:e.hoveredOn(E)})}),f("div",{style:dn,children:[n("canvas",{ref:d,"data-testid":"graph-facet-canvas",style:{...l,width:i,height:a,display:"block"},...c}),n("canvas",{ref:w,style:de})]})]})}),mn=h(function({model:e,handlers:o,canvasStyle:i}){let a=e.facetPanels,p=e.facetGrid,c=e.facetPlacement;if(!a||!p||!c)return null;let{columns:l,width:s,height:d}=p;return f("div",{"data-testid":"graph-facet-panels",style:{...pn,width:e.paneWidth,minHeight:e.canvasHeight,gridTemplateColumns:`repeat(${l}, ${s}px)`,background:Q},children:[a.map((y,w)=>n(hn,{model:e,lift:y,width:s,height:d,cell:{gridRow:Math.floor(c.cells[w]/l)+1,gridColumn:c.cells[w]%l+1},handlers:o,canvasStyle:i},y.walks[0].name)),n("div",{style:{...fn,gridRow:Math.floor(Math.max(...c.cells)/l)+2},"data-testid":"graph-facet-key",children:it(e).map(y=>n(ae,{row:y},y.key))})]})}),xt=mn;var St=x(n("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 Pt=x([n("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"),n("path",{d:"M12 10h-2v2H9v-2H7V9h2V7h1v2h2z"},"1")],"ZoomIn");var Mt=x(n("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 gn=h(function({model:e}){let o=e.colorSchemeLock;return n(X,{label:"Color",size:"small",sx:{minWidth:100},disabled:o!==void 0,title:o?.why,shown:o?.value,value:e.chosenColorScheme,options:Fe.map(({value:i})=>({value:i,label:e.colorSchemeLabel(i)})),testId:"graph-color-select",onChange:i=>{e.setColorScheme(i)}})}),kt=gn;var Rt=D()({stats:{marginLeft:"auto"},perf:{color:"#888",fontVariantNumeric:"tabular-nums"}});function he(t){return t===void 0?"\u2013":`${Math.round(t)}ms`}var vn=h(function({model:e}){let{classes:o}=Rt(),{lastFetchMs:i,lastLayoutMs:a,lastGeometryMs:p}=e,c=i!==void 0||a!==void 0||p!==void 0;return e.showPerf&&c?f(Y,{variant:"caption",className:o.perf,"data-testid":"graph-perf-stats",children:["fetch ",he(i)," \xB7 layout ",he(a)," \xB7 geom"," ",he(p)]}):null}),yn=h(function({model:e}){let{classes:o}=Rt();return f("div",{className:o.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:[f(Y,{variant:"body2",component:"span",children:[e.nodeCount," nodes, ",e.edgeCount," edges",e.pathCount>0?`, ${e.pathCount} paths`:""]})," ",n(vn,{model:e})]})}),Ct=yn;var bn=h(function({model:e}){let{graph:o}=e;return n(X,{label:"Layout",size:"small",sx:{minWidth:140},testId:"graph-layout-select",value:e.chosenLayoutMode,options:Te.map(({value:i,label:a,description:p,available:c})=>({value:i,label:a,description:p,disabled:o?!c(o):!1})),onChange:i=>{e.switchLayout(i)}})}),Lt=bn;var wn=h(function({model:e}){return e.chosenLayoutMode!=="walkrows"||e.repeatChoices.length===0?null:n(X,{label:"Repeat",size:"small",sx:{minWidth:130,maxWidth:260},testId:"graph-repeat-select",value:e.selectedRepeat?.key??"",options:e.repeatOptions,onChange:o=>{e.setRepeatKey(o)}})}),Et=wn;var It=x(n("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 Gt=x(n("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 xn=h(function({model:e}){let o=e.highlightMenuItems({picks:!1});return n(we,{size:"small",tooltip:"Graph options",menuItems:[...o.length>0?[{label:"Haplotypes",icon:ct,subMenu:o}]:[],...e.layoutOptionMenuItems({repeat:!1}),{label:"Show...",icon:Ze,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:pt,helpText:"Subgraph node limit; node width and path colors; the force-directed layout engine",onClick:()=>{$(e).queueDialog(i=>[ut,{model:e,onClose:i}])}},{type:"divider"},{label:"Close graph",icon:It,onClick:()=>{e.clearGraph()}}],children:n(Gt,{})})}),Tt=xn;var Sn=D()({formControl:{minWidth:130,maxWidth:260}}),Pn=h(function({model:e}){let{classes:o}=Sn(),i=Ie(),{walkChoices:a}=e;if(a.length===0||!e.liftsWalks)return null;let p=new Set(a.map(s=>s.name)),c=new Map(a.map(s=>[s.name,s.label])),l=e.walkLayers.map(s=>s.walk).filter(s=>p.has(s));return a.length>Ke?n(Pe,{size:"small",variant:"outlined",color:"inherit","data-testid":"graph-walk-choose",onClick:()=>{$(e).queueDialog(s=>[je,{model:e,onClose:s}])},children:l.length>0?`${l.length} of ${a.length} haplotypes`:"Highlight haplotypes..."}):f(ke,{size:"small",className:o.formControl,children:[n(Re,{id:i,children:"Highlight"}),n(Ee,{labelId:i,multiple:!0,value:l,label:"Highlight","data-testid":"graph-walk-select",renderValue:s=>s.map(d=>c.get(d)).join(", "),onChange:s=>{let{value:d}=s.target;e.liftAmongChoices(typeof d=="string"?d.split(","):d)},children:a.map(({name:s,label:d})=>f(Le,{value:s,dense:!0,children:[n(Me,{size:"small",checked:l.includes(s)}),n(Ce,{primary:d})]},s))})]})}),Ht=Pn;var Mn=D()({toolbar:{display:"flex",flexWrap:"wrap",alignItems:"center",gap:4,padding:"2px 4px",borderBottom:"1px solid #ddd"}}),kn=h(function({model:e}){return n(Y,{variant:"body2",children:e.zoomPercent})}),Rn=h(function({model:e}){let{classes:o}=Mn(),i=a=>{e.zoom(a,e.viewBox.width/2,e.viewBox.height/2)};return f("div",{className:o.toolbar,children:[n(Lt,{model:e}),n(kt,{model:e}),n(Ht,{model:e}),n(Et,{model:e}),n(U,{title:"Zoom in",children:n(q,{size:"small",onClick:()=>{i(1.5)},children:n(Pt,{})})}),n(U,{title:"Zoom out",children:n(q,{size:"small",onClick:()=>{i(1/1.5)},children:n(Mt,{})})}),n(U,{title:"Zoom to fit",children:n(q,{size:"small",onClick:()=>{e.refitView()},children:n(St,{})})}),n(kn,{model:e}),n(Ct,{model:e}),n(Tt,{model:e})]})}),At=Rn;var Cn={position:"absolute",bottom:Ue,lineHeight:"normal",background:"rgba(0,0,0,0.75)",color:"white",padding:"4px 8px",borderRadius:4,fontSize:12,pointerEvents:"none",zIndex:6};function me({label:t,readout:e}){return f(L,{children:[n("strong",{children:t})," \u2014 ",e]})}function Ln(t,e){if(e)return{testId:"graph-chip-tooltip",body:me(e)};let o=t.hoveredNode?t.hoverNodeById?.get(t.hoveredNode):void 0;if(o){let c=t.hoverDrawing?.members.get(o.id),l=Be(o);return{body:f(L,{children:[n("strong",{children:o.name}),c?` and ${c.length-1} more`:""," \u2014"," ",o.length.toLocaleString()," bp, depth ",o.depth.toFixed(1),l?f(L,{children:[n("br",{}),l.sample," ",J(l)," (rank ",o.stable?.rank,")"]}):null]})}}let i=t.hoveredEdge===null?void 0:t.graph?.edges[t.hoveredEdge];if(i){let c=Xe(i,t.deletions.find(l=>l.edgeIndex===t.hoveredEdge),l=>t.nodeById?.get(l)?.name??l);return{body:c.deletion?f(L,{children:[n("strong",{children:"Deletion"})," ",c.deletion.bp,n("br",{}),c.deletion.where]}):f(L,{children:["Edge: ",c.ends]})}}let a=t.hoveredWalkRowText;if(a)return{testId:"graph-walk-row-tooltip",body:me(a)};let p=t.hoveredTubeText;return p?{testId:"graph-tube-tooltip",body:me(p)}:void 0}var En=h(function({model:e,chip:o}){let i=Ln(e,o);return i?n("div",{style:{...Cn,right:e.tooltipRightPx},"data-testid":i.testId,children:i.body}):null}),zt=En;var _t=x(n("path",{d:"M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z"}),"FilterList");var Nt=x(n("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=x(n("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 In={x:0,y:0};function Gn(t,e){let{own:o,reference:i,highlight:a}=t.nodeLaunchTargets(e);return[{label:"Node details",icon:Wt,onClick:()=>{t.showNodeDetails(e)}},...Qe({own:o,reference:i,highlight:a,onShowLinear:p=>{t.showInLinearView(p)},onHighlight:t.canHighlightInLinearView?p=>{t.highlightInLinearView(p)}:void 0})]}function Tn(t,e,o){let i=o??t.walkRowBars,a=t.walkRowLaunchTarget(e,i),p=a?.assembly,c=e>0?i?.rows[e-1]:void 0,l=c?.sample,s=!o&&t.walkRowBars,d=t.walkRowSamples;return[a&&p?{label:`Linear genome view \u2014 ${p} ${J(a.location)}`,icon:ue,onClick:()=>{t.showInLinearView({location:a.location,assembly:p})}}:{label:"Linear genome view",icon:ue,disabled:!0,disabledHelpText:a?`No assembly in this session is ${a.location.haplotype??a.label}`:"This walk states no contig coordinates",onClick:()=>{}},...c&&t.liftsWalks&&t.modeDrawsNodes?[{type:"checkbox",label:`Highlight ${c.label}`,checked:t.walkLayers.some(y=>y.walk===c.name),onClick:()=>{t.toggleWalk(c.name)}}]:[],...s&&l&&!(d?.length===1&&d[0]===l)?[{label:`Show only ${l}`,icon:_t,onClick:()=>{t.setWalkRowSamples([l])}}]:[],...s&&d?[{label:"Show every sample",icon:Nt,onClick:()=>{t.setWalkRowSamples(void 0)}}]:[]]}function Z({model:t,at:e,onClose:o}){return n(xe,{anchor:e,offset:In,onClose:o,menuItems:()=>e===void 0?[]:"nodeId"in e?Gn(t,e.nodeId):Tn(t,e.row,e.bars)})}var Hn={display:"flex",flexWrap:"wrap",gap:"2px 14px",padding:"2px 8px 6px",fontSize:11,color:"#333"},An={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},zn=h(function({bars:e,frame:o,ramp:i,rowGenes:a}){let p=ot(),c=Ge(()=>_e(e,o,{ramp:i,rowGenes:a,idPrefix:p}),[e,o,i,a,p]);return n(ne,{el:c})}),_n=h(function({model:e}){let o=e.walkStripRows,i=e.walkStripFrame,a=e.stripHover,p=o?[o.reference,...o.rows]:[],c=a?p.findIndex(y=>y.name===a.row):-1,l=p[c];if(!o||!i||i.labelled||!a||!l)return null;let s=(o.origin+a.offset)*i.scaleX+i.translateX,d=s>i.width/2?{right:i.width-s+12}:{left:s+12};return f("div",{"data-testid":"graph-walk-strip-tip",style:{...An,...d,top:c*i.rowPx+i.translateY-18},children:[l.label," \xB7"," ",Ae(l,c===0?void 0:o.reference)]})}),Nn=h(function({model:e,bars:o,frame:i}){return n(ne,{el:We(o,i,e.walkStripMarks)})}),Wn=h(function({model:e}){let o=e.walkStripRows,i=e.walkStripFrame,[a,p]=R();if(!o||!i)return null;let c=s=>{let d=s.currentTarget.getBoundingClientRect();return Ne(o,i,s.clientX-d.left,s.clientY-d.top)},l=ze(o,{ramp:e.referenceRampDomain,rampCss:He,genes:De(i,e.walkRowGenes,e.walkRowGeneGaps)});return f("div",{"data-testid":"graph-walk-strip",style:{position:"relative",borderTop:"1px solid #ddd"},onMouseEnter:()=>{e.setPointerInPane(!0)},onMouseLeave:()=>{I(e)&&(e.setPointerInPane(!1),e.setStripHover(null))},children:[f("svg",{width:i.width,height:i.height,style:{display:"block"},onMouseMove:s=>{let d=c(s);s.currentTarget.style.cursor=d&&d.index>0?"pointer":"",e.setStripHover(d?{row:d.row.name,offset:d.offset}:null)},onClick:s=>{let d=c(s);d&&d.index>0&&e.toggleWalk(d.row.name)},onContextMenu:s=>{let d=c(s);d&&(s.preventDefault(),p({clientX:s.clientX,clientY:s.clientY,row:d.index}))},children:[n(zn,{bars:o,frame:i,ramp:e.referenceRampDomain,rowGenes:e.walkRowGenes}),n(Nn,{model:e,bars:o,frame:i}),n(ne,{el:Oe(o,i,new Set(e.walkLayers.map(s=>s.walk)))})]}),n(_n,{model:e}),f("div",{style:Hn,"data-testid":"graph-walk-strip-key",children:[l.map(s=>f("div",{style:re,children:[n(oe,{swatch:rt(s.swatch)}),n("span",{children:s.label})]},s.label)),n("span",{style:{color:"#777"},children:"Ticks mark where each walk passes the node under the pointer; click a haplotype's bar to lift its walk"})]}),n(Z,{model:e,at:a&&{...a,bars:o},onClose:()=>{p(void 0)}})]})}),Ot=Wn;var On=h(function({model:e}){let o=e.walkStripLocator;return o?f(te,{model:e,zIndex:4,overflow:"visible",testId:"graph-walk-strip-locator",children:[n("circle",{cx:o.x,cy:o.y,r:11,fill:"none",stroke:"white",strokeWidth:4}),n("circle",{cx:o.x,cy:o.y,r:11,fill:"none",stroke:"#111",strokeWidth:1.75})]}):null}),Dt=On;var Dn=1.1,Xn=100,Bn=40,Fn=800,Vn=10,Xt=2;function ge(t){let e=t.deltaY*(t.deltaMode===1?Bn:t.deltaMode===2?Fn:1),o=(t.ctrlKey?Vn:1)*e/Xn;return Dn**-Math.max(-Xt,Math.min(Xt,o))}var Yn=40,Zn=100,jn=24,Bt=Math.log(16);function Kn(t,e){let o=t*Math.exp(-e/jn);return Math.abs(o)<.001?t:t-o}function $n(t,e){let o=Math.abs(t.deltaX)>Math.abs(t.deltaY);return t.ctrlKey||t.metaKey||!o&&(!e||e.scrollZoom)?"zoom":o?"pan":"page"}function Yt(t,e,o){G(()=>{if(!t)return;let i=-1/0,a={backlog:0,x:0,y:0,frame:0,last:0},p=l=>{let s=Kn(a.backlog,Math.min(100,l-a.last));a.backlog-=s,a.last=l,a.frame=a.backlog?requestAnimationFrame(p):0,I(o)&&o.zoom(Math.exp(s),a.x,a.y)},c=l=>{if(o.hostPlacesX||o.followsHostView)return;let y=((l.target instanceof Element?l.target.closest("canvas"):null)??(o.facetPanels?null:e))?.getBoundingClientRect();if(y&&l.clientY-y.top<o.referenceStripZonePx)return;let w=$n(l,o.host);if(w!=="page"){if(o.host&&l.stopPropagation(),l.preventDefault(),w==="pan"){if(l.timeStamp-i>Zn){let E=l.deltaMode===1?Yn:1;o.setTransform(o.scale,o.translateX-l.deltaX*E,o.translateY)}return}i=l.timeStamp,y&&(a.x=l.clientX-y.left,a.y=l.clientY-y.top,a.backlog=Math.max(-Bt,Math.min(Bt,a.backlog+Math.log(ge(l)))),a.frame||(a.last=performance.now()-1e3/60,a.frame=requestAnimationFrame(p)))}};return t.addEventListener("wheel",c,{passive:!1}),()=>{cancelAnimationFrame(a.frame),t.removeEventListener("wheel",c)}},[t,e,o])}var Ft=3,ve="data-gesture-owner",j=t=>({x:t.clientX,y:t.clientY});function Vt(t){let[e,o]=[...t.values()];return{spread:Math.hypot(e.x-o.x,e.y-o.y),mid:{x:(e.x+o.x)/2,y:(e.y+o.y)/2}}}function Zt(t){let e=k({x:0,y:0}),o=k({x:0,y:0}),i=k(!1),a=k(void 0),p=r=>a.current!==void 0&&r.pointerId!==a.current,c=k(new Map),l=k(null),s=k(null),d=k(!1),y=k(!1),w=k({frame:0,pan:null,hover:null,pinch:!1});G(()=>()=>{cancelAnimationFrame(w.current.frame)},[]);let[E,z]=R(),[T,A]=R(!1),[O,B]=R(void 0);function F(r){let u=r.currentTarget.getBoundingClientRect();return{x:r.clientX-u.left,y:r.clientY-u.top}}function M(r,u){if(t.layoutResult?.tubeMap)return t.tubeMapNodeAt(r,u);let m=t.referenceStripNodeAt(r,u);if(m)return m;let{nodePositions:g}=t;if(!g)return null;let{x:v,y:b}=le(r,u,t,t.axisScale);return ce(g,v,b,t.axisScale,t.positionsVersion,t.nodeInk)}function H(r,u){let{nodePositions:m,graph:g}=t;if(!m||!g)return null;let{x:v,y:b}=le(r,u,t,t.axisScale);return pe(m,g,v,b,t.axisScale,t.effectiveDrawPaths&&!t.facetPanels,t.positionsVersion,t.deletionEdgeIndexes,t.hiddenEdgeIndexes,t.deletionRoutes,t.layoutResult?.stranded)}function $t(r){r.button===0&&r.preventDefault()}function qt(r){if(r.button!==0)return;let u=c.current;if(p(r)){t.isPanning&&!y.current&&r.pointerType==="touch"&&u.size===1&&(r.currentTarget.setPointerCapture(r.pointerId),u.set(r.pointerId,j(r)),s.current=Vt(u),i.current=!0);return}i.current=!1,o.current={x:r.clientX,y:r.clientY},r.currentTarget.removeAttribute(ve);let m=t.followsHostView;if(t.hostPlacesX||m&&r.shiftKey)return;r.currentTarget.setPointerCapture(r.pointerId),a.current=r.pointerId,l.current=r.currentTarget,u.clear(),u.set(r.pointerId,j(r));let{x:g,y:v}=F(r),b=v<t.referenceStripZonePx,S=t.layoutResult?.tubeMap||b?null:M(g,v);m&&S&&r.currentTarget.setAttribute(ve,""),y.current=m,d.current=b&&!m,S?t.setDraggingNode(S):t.setPanning(!0),e.current={x:r.clientX,y:r.clientY}}function ye(){let r=s.current,u=l.current;if(!r||!u)return;let m=Vt(c.current),g=u.getBoundingClientRect();r.spread>0&&m.spread>0&&t.zoom(m.spread/r.spread,r.mid.x-g.left,r.mid.y-g.top),t.setTransform(t.scale,t.translateX+m.mid.x-r.mid.x,t.translateY+m.mid.y-r.mid.y),s.current=m}function Ut(){let r=w.current,{pan:u,hover:m,pinch:g}=r;if(r.frame=0,r.pan=null,r.hover=null,r.pinch=!1,g&&ye(),u&&d.current?t.host?.horizontalScroll(-u.dx):u&&y.current?t.setTransform(t.scale,t.translateX,t.translateY+u.dy):u&&t.setTransform(t.scale,t.translateX+u.dx,t.translateY+u.dy),!m)return;let{x:v,y:b}=m,S=t.facetPanels?void 0:dt(t.overlayLabels,v,b);B(P=>P?.label===S?.label&&P?.readout===S?.readout?P:S);let C=t.walkRowBars;if(C){let P=t.walkRowAt(v,b);t.setHoveredWalkRow(P===void 0?null:[C.reference,...C.rows][P].name)}if(t.nodePositions&&t.graph){let P=M(v,b);t.setHoveredPanel(t.tubeMapPanelAt(b)),t.setHoveredNode(P,{x:v,y:b}),A(P!==null&&!t.hostPlacesX&&!t.layoutResult?.tubeMap&&b>=t.referenceStripZonePx),t.setHoveredTube(P===null&&t.layoutResult?.tubeMap?t.tubeAt(v,b):null),t.setHoveredEdge(P||t.layoutResult?.tubeMap||!t.hoverLightsEverything?null:H(v,b))}}function K(){w.current.frame||(w.current.frame=requestAnimationFrame(Ut))}function Jt(){let r=w.current;cancelAnimationFrame(r.frame),r.frame=0,r.pan=null,r.hover=null,r.pinch=!1}function Qt(r){let u=c.current;if(s.current&&u.has(r.pointerId)){u.set(r.pointerId,j(r)),w.current.pinch=!0,K();return}if(p(r))return;let m=r.clientX-e.current.x,g=r.clientY-e.current.y;e.current={x:r.clientX,y:r.clientY},Math.hypot(r.clientX-o.current.x,r.clientY-o.current.y)>Ft&&(i.current=!0);let v=w.current;if(t.draggingNode)t.moveNode(t.draggingNode,m/t.scaleX,g/t.scaleY);else if(t.isPanning)v.pan={dx:(v.pan?.dx??0)+m,dy:(v.pan?.dy??0)+g},K();else{let b=r.currentTarget.getBoundingClientRect();v.hover={x:r.clientX-b.left,y:r.clientY-b.top},K()}}function ie(r){let u=c.current;if(s.current&&u.has(r.pointerId)){w.current.pinch&&(w.current.pinch=!1,ye()),u.delete(r.pointerId),s.current=null;let[[m,g]]=[...u];a.current=m,e.current=g;return}p(r)||(a.current=void 0,u.clear(),I(t)&&t.stopDragging())}function en(r){p(r)||(a.current=void 0,c.current.clear(),s.current=null,Jt(),B(void 0),A(!1),I(t)&&(t.stopDragging(),t.clearHover()))}function tn(r){let{x:u,y:m}=F(r),g=M(u,m),{clientX:v,clientY:b}=r;if(g){r.preventDefault(),z({clientX:v,clientY:b,nodeId:g});return}let S=t.walkRowAt(u,m);S!==void 0&&(r.preventDefault(),z({clientX:v,clientY:b,row:S}))}function nn(r){if(!i.current){let{x:u,y:m}=F(r),g=M(u,m);t.setSelectedNode(g),g&&t.showNodeDetails(g)}}let _=k(null);G(()=>()=>{_.current?.end()},[]);function on(r){if(r.button!==0||t.hostPlacesX||t.followsHostView||!(r.target instanceof Element)||!r.target.closest(`[${et}]`))return;_.current?.end();let u=r.pointerId,m=j(r),g=m,v={moved:!1,end:()=>{window.removeEventListener("pointermove",b,!0),window.removeEventListener("pointerup",S,!0),window.removeEventListener("pointercancel",S,!0),v.moved&&I(t)&&t.stopDragging()}};function b(C){if(C.pointerId!==u)return;if(!v.moved){if(Math.hypot(C.clientX-m.x,C.clientY-m.y)<=Ft)return;v.moved=!0,t.setPanning(!0)}let P=w.current;P.pan={dx:(P.pan?.dx??0)+C.clientX-g.x,dy:(P.pan?.dy??0)+C.clientY-g.y},g=j(C),K()}function S(C){C.pointerId===u&&(v.end(),setTimeout(()=>{_.current===v&&(_.current=null)},0))}_.current=v,window.addEventListener("pointermove",b,!0),window.addEventListener("pointerup",S,!0),window.addEventListener("pointercancel",S,!0)}function rn(r){_.current?.moved&&(_.current=null,r.stopPropagation())}let an={cursor:t.isPanning||t.draggingNode?"grabbing":T?"move":"grab",touchAction:t.hostPlacesX?"auto":"none",overscrollBehavior:"contain"},sn=t.host!==void 0&&!t.hostPlacesX&&!t.followsHostView?{[ve]:"",onMouseDown:r=>{r.stopPropagation()}}:{};return{canvasStyle:an,surfaceProps:sn,handlers:{onMouseDown:$t,onPointerDown:qt,onPointerMove:Qt,onPointerUp:ie,onPointerCancel:ie,onLostPointerCapture:ie,onPointerLeave:en,onClick:nn,onContextMenu:tn},contextMenu:E,hoveredChip:O,labelHandlers:{onPointerDown:on,onClickCapture:rn},closeContextMenu:()=>{z(void 0)}}}function jt(t){return Promise.resolve(new N(t))}var qn={position:"relative"},Un={position:"relative",lineHeight:0,isolation:"isolate"},Jn={position:"absolute",left:0,right:0,bottom:0,zIndex:0},Qn={position:"absolute",inset:0,zIndex:10,lineHeight:"normal",pointerEvents:"none"},eo={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},to=h(function({model:e}){return n(L,{children:e.visibleRowLabels.map(({label:o,y:i,top:a})=>n("div",{"data-testid":"graph-row-label",style:{...eo,top:a},children:o},i))})}),no={position:"absolute",top:ee,right:ee,display:"flex",flexDirection:"column",borderRadius:3,overflow:"hidden",zIndex:4},Kt={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},oo={...Kt,color:"#18181c",fontWeight:600},ro=h(function({model:e}){let o=k(null),i=e.legendAtRest;return G(()=>{let a=o.current;if(!a||!i)return;let p=()=>{I(e)&&e.legendAtRest&&e.setLegendSize({width:a.offsetWidth,height:a.offsetHeight})};p();let c=new ResizeObserver(p);return c.observe(a),()=>{c.disconnect()}},[e,i]),n("div",{ref:o,style:{...no,top:ee+e.referenceStripZonePx},children:n(wt,{model:e})})}),ao=h(function({model:e}){let o=e.overlayLabels.sizes,i=o.flatMap(({key:a,leader:p})=>p?[{key:a,...p}]:[]);return f(L,{children:[i.length>0?n(te,{model:e,zIndex:2,overflow:"visible",children:i.map(({key:a,arcX:p,arcY:c,labelX:l,labelY:s})=>n("line",{"data-testid":"graph-label-leader",x1:p,y1:c,x2:l,y2:s,stroke:"#18181c",strokeWidth:1},a))}):null,o.map(({key:a,text:p,x:c,y:l,kind:s})=>n("div",{"data-testid":"graph-size-label",style:{...s==="deletion"?oo:Kt,left:c,top:l},children:p},a))]})}),io=h(function({model:e,ownChrome:o=!0}){let{canvasRef:i,canvas:a,error:p,retry:c}=vt(jt,e),{handlers:l,canvasStyle:s,surfaceProps:d,labelHandlers:y,contextMenu:w,closeContextMenu:E,hoveredChip:z}=Zt(e),[T,A]=R(null);Yt(T,a,e);let O=e.facetPanels!==void 0;return f("div",{style:qn,...d,children:[o?n(At,{model:e}):null,f("div",{ref:A,style:Un,...y,onMouseEnter:()=>{e.setPointerInPane(!0)},onMouseLeave:()=>{I(e)&&e.setPointerInPane(!1)},children:[e.referenceStripShown?n("div",{style:{...Jn,top:e.referenceStripZonePx,background:Q}}):null,n("canvas",{ref:i,"data-testid":"graph-genome-canvas",style:{...s,width:e.paneWidth,height:e.canvasHeight,display:"block",position:"relative",zIndex:1},...l}),O?n(xt,{model:e,handlers:l,canvasStyle:s}):f(L,{children:[n(mt,{model:e}),n(fe,{model:e}),n(ht,{model:e}),n(to,{model:e}),n(ao,{model:e}),n(nt,{model:e}),n(lt,{model:e}),n(ft,{model:e}),n(gt,{model:e}),n(Dt,{model:e}),n(ro,{model:e})]}),o?n("div",{style:Qn,children:n(Se,{isVisible:e.isLoading,immediate:!e.layoutResult,statusMessage:e.statusMessage,onCancel:e.canCancelLoad?()=>{e.cancelLoad()}:void 0})}):null,n(zt,{model:e,chip:z})]}),e.walkStripShown?n(Ot,{model:e}):null,n(Z,{model:e,at:w,onClose:E}),p?n(se,{error:p,onReset:c}):null,o&&e.error?n(se,{error:e.error,onReset:e.canRetryLoad?()=>{e.retryLoad()}:void 0}):null]})}),zi=io;export{zi as a};
-//# sourceMappingURL=chunk-BXRTG7FU.js.map

package/dist/chunks/chunk-BXRTG7FU.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["host:@jbrowse/render-core/useRenderingBackend", "../../src/GraphGenomeView/components/HoverLayer.tsx", "../../src/GraphGenomeView/components/legendStyles.ts", "../../src/GraphGenomeView/components/Legend.tsx", "../../src/GraphGenomeView/components/FacetPanels.tsx", "../../node_modules/.pnpm/@mui+icons-material@9.5.0_@mui+material@9.5.0_@emotion+react@11.14.0_@types+react@19.3._abf953b0c56c79ebdc461ec953894a27/node_modules/@mui/icons-material/CropFree.mjs", "../../node_modules/.pnpm/@mui+icons-material@9.5.0_@mui+material@9.5.0_@emotion+react@11.14.0_@types+react@19.3._abf953b0c56c79ebdc461ec953894a27/node_modules/@mui/icons-material/ZoomIn.mjs", "../../node_modules/.pnpm/@mui+icons-material@9.5.0_@mui+material@9.5.0_@emotion+react@11.14.0_@types+react@19.3._abf953b0c56c79ebdc461ec953894a27/node_modules/@mui/icons-material/ZoomOut.mjs", "../../src/GraphGenomeView/components/ColorSchemeSelect.tsx", "../../src/GraphGenomeView/components/GraphStats.tsx", "../../src/GraphGenomeView/components/LayoutSelect.tsx", "../../src/GraphGenomeView/components/RepeatSelect.tsx", "../../node_modules/.pnpm/@mui+icons-material@9.5.0_@mui+material@9.5.0_@emotion+react@11.14.0_@types+react@19.3._abf953b0c56c79ebdc461ec953894a27/node_modules/@mui/icons-material/Close.mjs", "../../node_modules/.pnpm/@mui+icons-material@9.5.0_@mui+material@9.5.0_@emotion+react@11.14.0_@types+react@19.3._abf953b0c56c79ebdc461ec953894a27/node_modules/@mui/icons-material/MoreVert.mjs", "../../src/GraphGenomeView/components/SettingsMenu.tsx", "../../src/GraphGenomeView/components/WalkSelect.tsx", "../../src/GraphGenomeView/components/GraphToolbar.tsx", "../../src/GraphGenomeView/components/HoverTooltip.tsx", "../../node_modules/.pnpm/@mui+icons-material@9.5.0_@mui+material@9.5.0_@emotion+react@11.14.0_@types+react@19.3._abf953b0c56c79ebdc461ec953894a27/node_modules/@mui/icons-material/FilterList.mjs", "../../node_modules/.pnpm/@mui+icons-material@9.5.0_@mui+material@9.5.0_@emotion+react@11.14.0_@types+react@19.3._abf953b0c56c79ebdc461ec953894a27/node_modules/@mui/icons-material/FilterListOff.mjs", "../../node_modules/.pnpm/@mui+icons-material@9.5.0_@mui+material@9.5.0_@emotion+react@11.14.0_@types+react@19.3._abf953b0c56c79ebdc461ec953894a27/node_modules/@mui/icons-material/Info.mjs", "../../src/GraphGenomeView/components/PaneContextMenu.tsx", "../../src/GraphGenomeView/components/WalkStrip.tsx", "../../src/GraphGenomeView/components/WalkStripLocator.tsx", "../../node_modules/.pnpm/@jbrowse+bandage-core@11.4.0/node_modules/@jbrowse/bandage-core/dist/chunks/chunk-TDQLINVI.js", "../../src/GraphGenomeView/components/usePaneGestures.ts", "../../src/GraphGenomeView/renderer/GraphRenderer.ts", "../../src/GraphGenomeView/components/GraphCanvas.tsx"],
-  "sourcesContent": ["const host = JBrowseExports[\"@jbrowse/render-core/useRenderingBackend\"]\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/useRenderingBackend\" + \"' to plugins: GraphGenomeView was built for a different JBrowse version, so update the plugin or JBrowse\",\n          )\n        },\n        { jbrowseHostMissing: name },\n      )\nexport const CONTEXT_LOST_REPORT_GRACE_MS = /* @__PURE__ */ read(\"CONTEXT_LOST_REPORT_GRACE_MS\")\nexport const OFFSCREEN_RELEASE_BAND = /* @__PURE__ */ read(\"OFFSCREEN_RELEASE_BAND\")\nexport const createGpuContextLostError = /* @__PURE__ */ read(\"createGpuContextLostError\")\nexport const createGpuDeviceLostError = /* @__PURE__ */ read(\"createGpuDeviceLostError\")\nexport const createGpuSurfaceLostError = /* @__PURE__ */ read(\"createGpuSurfaceLostError\")\nexport const isGpuContextLostError = /* @__PURE__ */ read(\"isGpuContextLostError\")\nexport const useRenderingBackend = /* @__PURE__ */ read(\"useRenderingBackend\")\nexport default host && host.__esModule ? host.default : host", "import { useEffect, useState } from 'react'\n\nimport { Canvas2DRenderer } from '@jbrowse/bandage-core/renderer/Canvas2DRenderer'\nimport { autorun } from 'mobx'\n\nimport { paneLayerStyle } from './PaneLayer'\nimport { dependOn } from '../pane/paneBase'\nimport { trackedDpr } from '../trackedDpr'\n\nimport type { GraphPaneModel } from '../model'\n\nexport const hoverLayerStyle = paneLayerStyle(1)\n\n// The pane's hover, on a transparent canvas over its drawing and tube map\nexport default function HoverLayer({ model }: { model: GraphPaneModel }) {\n  const [canvas, setCanvas] = useState<HTMLCanvasElement | null>(null)\n  useEffect(() => {\n    if (!canvas) {\n      return undefined\n    }\n    const renderer = new Canvas2DRenderer(canvas)\n    const dispose = autorun(() => {\n      dependOn(trackedDpr())\n      renderer.resize(model.paneWidth, model.canvasHeight)\n      model.paintHover(renderer, model.drawnBatch)\n    })\n    return () => {\n      dispose()\n      renderer.dispose()\n    }\n  }, [canvas, model])\n  return (\n    <canvas\n      ref={setCanvas}\n      data-testid=\"graph-hover-layer\"\n      style={hoverLayerStyle}\n    />\n  )\n}\n", "// A key's section of the legend panel, and one row in it: a swatch beside its\n// words\nexport const legendBoxStyle = {\n  background: 'rgba(255,255,255,0.82)',\n  padding: '3px 6px',\n  fontSize: 11,\n  lineHeight: '15px',\n  whiteSpace: 'nowrap' as const,\n}\n\nexport const legendRowStyle = { display: 'flex', alignItems: 'center', gap: 5 }\n\n// A line with no swatch, such as what the drawing folded away\nexport const legendNoteStyle = { color: '#666' }\n", "import type { ReactNode } from 'react'\n\nimport { observer } from 'mobx-react'\n\nimport { LegendSwatchView } from './LegendSwatch'\nimport { legendBoxStyle, legendNoteStyle, legendRowStyle } from './legendStyles'\nimport { legendSections } from '../legendSections'\n\nimport type { LegendRow } from '../legendSections'\nimport type { GraphPaneModel } from '../model'\n\n// One row: its swatch then its words, or a note with neither. `at`, where\n// the hovered node sits on a walk, stands in for the line under it.\nexport function LegendRowView({\n  row,\n  at,\n  hint,\n  after,\n}: {\n  row: LegendRow\n  at?: string\n  hint?: string\n  after?: ReactNode\n}) {\n  return row.swatch ? (\n    <div title={[row.title, hint].filter(Boolean).join(' \u00B7 ') || undefined}>\n      <div style={legendRowStyle}>\n        <LegendSwatchView swatch={row.swatch} />\n        <span>\n          {row.strong ? <strong>{row.strong}</strong> : null}\n          {row.label}\n        </span>\n        {after}\n      </div>\n      {at ? (\n        <div data-testid=\"graph-walk-at\">{at}</div>\n      ) : row.under ? (\n        <div>{row.under}</div>\n      ) : null}\n    </div>\n  ) : (\n    <div style={legendNoteStyle}>{row.label}</div>\n  )\n}\n\nconst closeStyle = {\n  pointerEvents: 'auto' as const,\n  cursor: 'pointer',\n  border: 'none',\n  background: 'none',\n  padding: '0 2px',\n  font: 'inherit',\n  textDecoration: 'underline',\n}\n\n// Every key the drawing needs, a section each\nexport const LegendPanel = observer(function LegendPanel({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  return (\n    <>\n      {legendSections(model).map(({ testid, rows }) => (\n        <div key={testid} style={legendBoxStyle} data-testid={testid}>\n          {rows.map(row => (\n            <LegendRowView\n              key={row.key}\n              row={row}\n              at={row.walk ? model.hoveredOn(row.walk) : undefined}\n              after={\n                row.closesBubble ? (\n                  <button\n                    type=\"button\"\n                    style={closeStyle}\n                    data-testid=\"graph-close-bubble\"\n                    onClick={() => {\n                      model.closeBubbles()\n                    }}\n                  >\n                    close\n                  </button>\n                ) : null\n              }\n            />\n          ))}\n        </div>\n      ))}\n    </>\n  )\n})\n", "import { useEffect, useState } from 'react'\n\nimport { FACET_GAP_PX, FACET_TITLE_PX } from '@jbrowse/bandage-core/facetGrid'\nimport { Canvas2DRenderer } from '@jbrowse/bandage-core/renderer/Canvas2DRenderer'\nimport { autorun, computed } from 'mobx'\nimport { observer } from 'mobx-react'\n\nimport { hoverLayerStyle } from './HoverLayer'\nimport { LegendRowView } from './Legend'\nimport { facetKeyRows, walkKeyRow } from '../legendSections'\nimport { FACET_KEY_ROW_PX } from '../pane/fitViews'\nimport { PAPER_CSS } from '../pane/paneBase'\n\nimport type { PaneHandlers } from './usePaneGestures'\nimport type { GraphPaneModel } from '../model'\nimport type { WalkLift } from '@jbrowse/bandage-core/walkHighlight'\n\n// The pane faceted by walk: the same layout drawn once per lifted walk, each\n// panel with that walk alone shading along itself, so walks compare by where\n// they go rather than by which lane is which colour. The panels share the\n// pane's transform, so a pan, zoom or hover in one is in all of them.\n\nconst gridStyle = {\n  position: 'absolute' as const,\n  left: 0,\n  top: 0,\n  zIndex: 4,\n  display: 'grid',\n  gap: FACET_GAP_PX,\n  lineHeight: 'normal',\n}\n\nconst titleStyle = {\n  height: FACET_TITLE_PX,\n  padding: '2px 6px',\n  boxSizing: 'border-box' as const,\n  fontFamily: 'inherit',\n  fontSize: 11,\n  color: 'inherit',\n  cursor: 'pointer',\n  border: 'none',\n  background: 'none',\n  textAlign: 'left' as const,\n  display: 'block',\n}\n\nconst panelStyle = { position: 'relative' as const }\n\nconst keyStyle = {\n  gridColumn: '1 / -1',\n  height: FACET_KEY_ROW_PX,\n  padding: '2px 6px',\n  boxSizing: 'border-box' as const,\n  display: 'flex',\n  gap: 14,\n  fontSize: 11,\n  lineHeight: '15px',\n}\n\nconst FacetPanel = observer(function FacetPanel({\n  model,\n  lift,\n  width,\n  height,\n  cell,\n  handlers,\n  canvasStyle,\n}: {\n  model: GraphPaneModel\n  lift: WalkLift\n  width: number\n  height: number\n  cell: { gridRow: number; gridColumn: number }\n  handlers: PaneHandlers\n  canvasStyle: React.CSSProperties\n}) {\n  const [canvas, setCanvas] = useState<HTMLCanvasElement | null>(null)\n  const [hoverCanvas, setHoverCanvas] = useState<HTMLCanvasElement | null>(null)\n  const walk = lift.walks[0]!\n  useEffect(() => {\n    if (!canvas || !hoverCanvas) {\n      return undefined\n    }\n    const renderer = new Canvas2DRenderer(canvas)\n    const hover = new Canvas2DRenderer(hoverCanvas)\n    const drawing = computed(() => model.buildDrawing(lift, false))\n    let uploaded: ReturnType<typeof model.buildDrawing>\n    const disposers = [\n      autorun(() => {\n        const grid = model.facetGrid\n        if (grid) {\n          renderer.resize(grid.width, grid.height)\n        }\n        const built = drawing.get()\n        if (!built) {\n          return\n        }\n        if (built !== uploaded) {\n          renderer.uploadGeometry(built.batch)\n          uploaded = built\n        }\n        model.applySelection(renderer)\n        model.paint(renderer)\n      }),\n      autorun(() => {\n        const grid = model.facetGrid\n        if (grid) {\n          hover.resize(grid.width, grid.height)\n        }\n        const built = drawing.get()\n        if (built) {\n          model.paintHover(hover, built.batch)\n        }\n      }),\n    ]\n    return () => {\n      for (const dispose of disposers) {\n        dispose()\n      }\n      renderer.dispose()\n      hover.dispose()\n    }\n  }, [canvas, hoverCanvas, model, lift])\n\n  const label = model.walkLabel(walk.name)\n  return (\n    <div style={cell}>\n      <button\n        type=\"button\"\n        style={titleStyle}\n        data-testid=\"graph-facet-title\"\n        onClick={() => {\n          model.liftWalks([walk.name])\n          model.setFacet('')\n        }}\n      >\n        <LegendRowView\n          row={walkKeyRow(model, walk)}\n          hint={`click to lift ${label} alone`}\n          at={model.hoveredOn(walk)}\n        />\n      </button>\n      <div style={panelStyle}>\n        <canvas\n          ref={setCanvas}\n          data-testid=\"graph-facet-canvas\"\n          style={{ ...canvasStyle, width, height, display: 'block' }}\n          {...handlers}\n        />\n        <canvas ref={setHoverCanvas} style={hoverLayerStyle} />\n      </div>\n    </div>\n  )\n})\n\nconst FacetPanels = observer(function FacetPanels({\n  model,\n  handlers,\n  canvasStyle,\n}: {\n  model: GraphPaneModel\n  handlers: PaneHandlers\n  canvasStyle: React.CSSProperties\n}) {\n  const panels = model.facetPanels\n  const grid = model.facetGrid\n  const place = model.facetPlacement\n  if (!panels || !grid || !place) {\n    return null\n  }\n  const { columns, width, height } = grid\n  return (\n    <div\n      data-testid=\"graph-facet-panels\"\n      style={{\n        ...gridStyle,\n        width: model.paneWidth,\n        minHeight: model.canvasHeight,\n        gridTemplateColumns: `repeat(${columns}, ${width}px)`,\n        background: PAPER_CSS,\n      }}\n    >\n      {panels.map((lift, i) => (\n        <FacetPanel\n          key={lift.walks[0]!.name}\n          model={model}\n          lift={lift}\n          width={width}\n          height={height}\n          cell={{\n            gridRow: Math.floor(place.cells[i]! / columns) + 1,\n            gridColumn: (place.cells[i]! % columns) + 1,\n          }}\n          handlers={handlers}\n          canvasStyle={canvasStyle}\n        />\n      ))}\n      <div\n        style={{\n          ...keyStyle,\n          gridRow: Math.floor(Math.max(...place.cells) / columns) + 2,\n        }}\n        data-testid=\"graph-facet-key\"\n      >\n        {facetKeyRows(model).map(row => (\n          <LegendRowView key={row.key} row={row} />\n        ))}\n      </div>\n    </div>\n  )\n})\n\nexport default FacetPanels\n", "\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  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\"\n}), 'CropFree');", "\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon([/*#__PURE__*/_jsx(\"path\", {\n  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\"\n}, \"0\"), /*#__PURE__*/_jsx(\"path\", {\n  d: \"M12 10h-2v2H9v-2H7V9h2V7h1v2h2z\"\n}, \"1\")], 'ZoomIn');", "\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  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\"\n}), 'ZoomOut');", "import { COLOR_SCHEMES } from '@jbrowse/bandage-core/colorSchemes'\nimport { observer } from 'mobx-react'\n\nimport LabelledSelect from './LabelledSelect'\n\nimport type { GraphPaneModel } from '../model'\n\nconst ColorSchemeSelect = observer(function ColorSchemeSelect({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const fixed = model.colorSchemeLock\n  return (\n    <LabelledSelect\n      label=\"Color\"\n      size=\"small\"\n      sx={{ minWidth: 100 }}\n      disabled={fixed !== undefined}\n      title={fixed?.why}\n      shown={fixed?.value}\n      value={model.chosenColorScheme}\n      options={COLOR_SCHEMES.map(({ value }) => ({\n        value,\n        label: model.colorSchemeLabel(value),\n      }))}\n      testId=\"graph-color-select\"\n      onChange={scheme => {\n        model.setColorScheme(scheme)\n      }}\n    />\n  )\n})\n\nexport default ColorSchemeSelect\n", "import { Typography } from '@mui/material'\nimport { observer } from 'mobx-react'\nimport { makeStyles } from 'tss-react/mui'\n\nimport type { GraphPaneModel } from '../model'\n\nconst useStyles = makeStyles()({\n  stats: {\n    marginLeft: 'auto',\n  },\n  perf: {\n    color: '#888',\n    fontVariantNumeric: 'tabular-nums',\n  },\n})\n\nfunction fmtMs(ms: number | undefined) {\n  return ms === undefined ? '\u2013' : `${Math.round(ms)}ms`\n}\n\n// The perf READOUT, off by default: it sat in the toolbar of every published\n// graph figure, where one machine's fetch time is a number a reader has to work\n// out is not about them. `showPerf` is in the settings menu.\n//\n// The numbers themselves are not conditional \u2014 they ride the stats element's\n// data-* attributes either way (see GraphStats), so a browser test asserting a\n// timing budget never depends on a display setting, and turning the text off\n// costs no coverage. They live there rather than on this element so that\n// switching the text off leaves no empty node behind to carry them.\nconst GraphPerf = observer(function GraphPerf({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const { classes } = useStyles()\n  const { lastFetchMs, lastLayoutMs, lastGeometryMs } = model\n  const hasMetrics =\n    lastFetchMs !== undefined ||\n    lastLayoutMs !== undefined ||\n    lastGeometryMs !== undefined\n  return model.showPerf && hasMetrics ? (\n    <Typography\n      variant=\"caption\"\n      className={classes.perf}\n      data-testid=\"graph-perf-stats\"\n    >\n      fetch {fmtMs(lastFetchMs)} \u00B7 layout {fmtMs(lastLayoutMs)} \u00B7 geom{' '}\n      {fmtMs(lastGeometryMs)}\n    </Typography>\n  ) : null\n})\n\nconst GraphStats = observer(function GraphStats({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const { classes } = useStyles()\n  return (\n    <div\n      className={classes.stats}\n      data-testid=\"graph-stats\"\n      data-node-count={model.nodeCount}\n      data-edge-count={model.edgeCount}\n      data-path-count={model.pathCount}\n      // unconditional, whatever `showPerf` is doing to the text beside them \u2014\n      // see GraphPerf\n      data-fetch-ms={model.lastFetchMs ?? ''}\n      data-layout-ms={model.lastLayoutMs ?? ''}\n      data-geometry-ms={model.lastGeometryMs ?? ''}\n      data-geometry-strokes={model.lastGeometryStrokeCount ?? ''}\n    >\n      <Typography variant=\"body2\" component=\"span\">\n        {model.nodeCount} nodes, {model.edgeCount} edges\n        {model.pathCount > 0 ? `, ${model.pathCount} paths` : ''}\n      </Typography>{' '}\n      <GraphPerf model={model} />\n    </div>\n  )\n})\n\nexport default GraphStats\n", "import { LAYOUT_MODES } from '@jbrowse/bandage-core/layoutModes'\nimport { observer } from 'mobx-react'\n\nimport LabelledSelect from './LabelledSelect'\n\nimport type { GraphPaneModel } from '../model'\n\nconst LayoutSelect = observer(function LayoutSelect({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const { graph } = model\n  return (\n    <LabelledSelect\n      label=\"Layout\"\n      size=\"small\"\n      sx={{ minWidth: 140 }}\n      testId=\"graph-layout-select\"\n      value={model.chosenLayoutMode}\n      options={LAYOUT_MODES.map(({ value, label, description, available }) => ({\n        value,\n        label,\n        description,\n        disabled: graph ? !available(graph) : false,\n      }))}\n      onChange={mode => {\n        void model.switchLayout(mode)\n      }}\n    />\n  )\n})\n\nexport default LayoutSelect\n", "import { observer } from 'mobx-react'\n\nimport LabelledSelect from './LabelledSelect'\n\nimport type { GraphPaneModel } from '../model'\n\n// Which tandem repeat array walk rows slice each walk by and tile, or the\n// whole window\nconst RepeatSelect = observer(function RepeatSelect({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  if (\n    model.chosenLayoutMode !== 'walkrows' ||\n    model.repeatChoices.length === 0\n  ) {\n    return null\n  }\n  return (\n    <LabelledSelect\n      label=\"Repeat\"\n      size=\"small\"\n      sx={{ minWidth: 130, maxWidth: 260 }}\n      testId=\"graph-repeat-select\"\n      value={model.selectedRepeat?.key ?? ''}\n      options={model.repeatOptions}\n      onChange={key => {\n        model.setRepeatKey(key)\n      }}\n    />\n  )\n})\n\nexport default RepeatSelect\n", "\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  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\"\n}), 'Close');", "\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  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\"\n}), 'MoreVert');", "import { CascadingMenuButton } from '@jbrowse/core/ui'\nimport { getSession } from '@jbrowse/core/util'\nimport CloseIcon from '@mui/icons-material/Close'\nimport MoreVertIcon from '@mui/icons-material/MoreVert'\nimport RouteIcon from '@mui/icons-material/Route'\nimport SettingsIcon from '@mui/icons-material/Settings'\nimport VisibilityIcon from '@mui/icons-material/Visibility'\nimport { observer } from 'mobx-react'\n\nimport GraphSettingsDialog from './GraphSettingsDialog'\n\nimport type { GraphPaneModel } from '../model'\n\nconst SettingsMenu = observer(function SettingsMenu({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  // the toolbar beside this menu picks the walks and the repeat\n  const haplotypes = model.highlightMenuItems({ picks: false })\n\n  return (\n    <CascadingMenuButton\n      size=\"small\"\n      tooltip=\"Graph options\"\n      menuItems={[\n        ...(haplotypes.length > 0\n          ? [{ label: 'Haplotypes', icon: RouteIcon, subMenu: haplotypes }]\n          : []),\n        ...model.layoutOptionMenuItems({ repeat: false }),\n        {\n          label: 'Show...',\n          icon: VisibilityIcon,\n          subMenu: [\n            ...model.showMenuItems(),\n            ...(model.modeDrawsNodes && model.walkChoices.length > 1\n              ? [\n                  {\n                    type: 'checkbox' as const,\n                    label: 'Show walk rows under the graph',\n                    checked: model.walkStrip,\n                    onClick: () => {\n                      model.setWalkStrip(!model.walkStrip)\n                    },\n                  },\n                ]\n              : []),\n            {\n              type: 'checkbox' as const,\n              label: 'Show timings',\n              checked: model.showPerf,\n              onClick: () => {\n                model.setShowPerf(!model.showPerf)\n              },\n            },\n          ],\n        },\n        { type: 'divider' as const },\n        {\n          label: 'Graph settings...',\n          icon: SettingsIcon,\n          helpText:\n            'Subgraph node limit; node width and path colors; the force-directed layout engine',\n          onClick: () => {\n            getSession(model).queueDialog(onClose => [\n              GraphSettingsDialog,\n              { model, onClose },\n            ])\n          },\n        },\n        { type: 'divider' as const },\n        {\n          label: 'Close graph',\n          icon: CloseIcon,\n          onClick: () => {\n            model.clearGraph()\n          },\n        },\n      ]}\n    >\n      <MoreVertIcon />\n    </CascadingMenuButton>\n  )\n})\n\nexport default SettingsMenu\n", "import { useId } from 'react'\n\nimport { getSession } from '@jbrowse/core/util'\nimport {\n  Button,\n  Checkbox,\n  FormControl,\n  InputLabel,\n  ListItemText,\n  MenuItem,\n  Select,\n} from '@mui/material'\nimport { observer } from 'mobx-react'\nimport { makeStyles } from 'tss-react/mui'\n\nimport { ChooseWalksDialog, WALK_MENU_ITEMS } from '../pane/paneBase'\n\nimport type { GraphPaneModel } from '../model'\n\nconst useStyles = makeStyles()({\n  formControl: {\n    minWidth: 130,\n    maxWidth: 260,\n  },\n})\n\n// Which walks to lift out of the drawing: Bandage's path highlight, for as many\n// of the haplotypes a GBZ cut carries as the reader picks. Absent from a graph\n// with no walks, and from a tube map, whose tubes are the walks.\nconst WalkSelect = observer(function WalkSelect({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const { classes } = useStyles()\n  const labelId = useId()\n  const { walkChoices } = model\n  if (walkChoices.length === 0 || !model.liftsWalks) {\n    return null\n  }\n  const names = new Set(walkChoices.map(c => c.name))\n  const labels = new Map(walkChoices.map(c => [c.name, c.label]))\n  const picked = model.walkLayers\n    .map(layer => layer.walk)\n    .filter(name => names.has(name))\n  if (walkChoices.length > WALK_MENU_ITEMS) {\n    return (\n      <Button\n        size=\"small\"\n        variant=\"outlined\"\n        color=\"inherit\"\n        data-testid=\"graph-walk-choose\"\n        onClick={() => {\n          getSession(model).queueDialog(onClose => [\n            ChooseWalksDialog,\n            { model, onClose },\n          ])\n        }}\n      >\n        {picked.length > 0\n          ? `${picked.length} of ${walkChoices.length} haplotypes`\n          : 'Highlight haplotypes...'}\n      </Button>\n    )\n  }\n  return (\n    <FormControl size=\"small\" className={classes.formControl}>\n      <InputLabel id={labelId}>Highlight</InputLabel>\n      <Select\n        labelId={labelId}\n        multiple\n        value={picked}\n        label=\"Highlight\"\n        data-testid=\"graph-walk-select\"\n        renderValue={selected => selected.map(n => labels.get(n)).join(', ')}\n        onChange={e => {\n          const { value } = e.target\n          model.liftAmongChoices(\n            typeof value === 'string' ? value.split(',') : value,\n          )\n        }}\n      >\n        {walkChoices.map(({ name, label }) => (\n          <MenuItem key={name} value={name} dense>\n            <Checkbox size=\"small\" checked={picked.includes(name)} />\n            <ListItemText primary={label} />\n          </MenuItem>\n        ))}\n      </Select>\n    </FormControl>\n  )\n})\n\nexport default WalkSelect\n", "import CropFreeIcon from '@mui/icons-material/CropFree'\nimport ZoomInIcon from '@mui/icons-material/ZoomIn'\nimport ZoomOutIcon from '@mui/icons-material/ZoomOut'\nimport { IconButton, Tooltip, Typography } from '@mui/material'\nimport { observer } from 'mobx-react'\nimport { makeStyles } from 'tss-react/mui'\n\nimport ColorSchemeSelect from './ColorSchemeSelect'\nimport GraphStats from './GraphStats'\nimport LayoutSelect from './LayoutSelect'\nimport RepeatSelect from './RepeatSelect'\nimport SettingsMenu from './SettingsMenu'\nimport WalkSelect from './WalkSelect'\n\nimport type { GraphPaneModel } from '../model'\n\nconst useStyles = makeStyles()({\n  toolbar: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    alignItems: 'center',\n    gap: 4,\n    padding: '2px 4px',\n    borderBottom: '1px solid #ddd',\n  },\n})\n\nconst ZoomDisplay = observer(function ZoomDisplay({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  return <Typography variant=\"body2\">{model.zoomPercent}</Typography>\n})\n\nconst GraphToolbar = observer(function GraphToolbar({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const { classes } = useStyles()\n  const zoomAboutCentre = (factor: number) => {\n    model.zoom(factor, model.viewBox.width / 2, model.viewBox.height / 2)\n  }\n  return (\n    <div className={classes.toolbar}>\n      <LayoutSelect model={model} />\n      <ColorSchemeSelect model={model} />\n      <WalkSelect model={model} />\n      <RepeatSelect model={model} />\n      <Tooltip title=\"Zoom in\">\n        <IconButton\n          size=\"small\"\n          onClick={() => {\n            zoomAboutCentre(1.5)\n          }}\n        >\n          <ZoomInIcon />\n        </IconButton>\n      </Tooltip>\n      <Tooltip title=\"Zoom out\">\n        <IconButton\n          size=\"small\"\n          onClick={() => {\n            zoomAboutCentre(1 / 1.5)\n          }}\n        >\n          <ZoomOutIcon />\n        </IconButton>\n      </Tooltip>\n      <Tooltip title=\"Zoom to fit\">\n        <IconButton\n          size=\"small\"\n          onClick={() => {\n            model.refitView()\n          }}\n        >\n          <CropFreeIcon />\n        </IconButton>\n      </Tooltip>\n      <ZoomDisplay model={model} />\n      <GraphStats model={model} />\n      <SettingsMenu model={model} />\n    </div>\n  )\n})\n\nexport default GraphToolbar\n", "import type { ReactNode } from 'react'\n\nimport { edgeHoverText, regionLabel } from '@jbrowse/bandage-core/hoverText'\nimport { observer } from 'mobx-react'\n\nimport { nodeOwnLocation } from '../../launchFromGraph/contributors'\nimport { TOOLTIP_INSET_PX } from '../pane/fitViews'\n\nimport type { chipReadoutAt } from './LabelLayer'\nimport type { GraphPaneModel } from '../model'\n\n// Bottom right of the canvas, clear of the row labels on the left edge and of\n// a walk strip under the canvas. Where the legend reaches down to it, it moves\n// left of the legend.\nconst tooltipStyle = {\n  position: 'absolute' as const,\n  bottom: TOOLTIP_INSET_PX,\n  lineHeight: 'normal',\n  background: 'rgba(0,0,0,0.75)',\n  color: 'white',\n  padding: '4px 8px',\n  borderRadius: 4,\n  fontSize: 12,\n  pointerEvents: 'none' as const,\n  zIndex: 6,\n}\n\ntype Readout = NonNullable<ReturnType<typeof chipReadoutAt>>\n\nfunction labelled({ label, readout }: Readout) {\n  return (\n    <>\n      <strong>{label}</strong> \u2014 {readout}\n    </>\n  )\n}\n\n// What the pointer is on, the most specific first: a gene chip, a node, an\n// edge, then a walk row or a tube\nfunction hoverTip(\n  model: GraphPaneModel,\n  chip: Readout | undefined,\n): { testId?: string; body: ReactNode } | undefined {\n  if (chip) {\n    return { testId: 'graph-chip-tooltip', body: labelled(chip) }\n  }\n  const node = model.hoveredNode\n    ? model.hoverNodeById?.get(model.hoveredNode)\n    : undefined\n  if (node) {\n    const merged = model.hoverDrawing?.members.get(node.id)\n    const own = nodeOwnLocation(node)\n    return {\n      body: (\n        <>\n          <strong>{node.name}</strong>\n          {merged ? ` and ${merged.length - 1} more` : ''} \u2014{' '}\n          {node.length.toLocaleString()} bp, depth {node.depth.toFixed(1)}\n          {/* the assembly that contributed the segment, and where on it */}\n          {own ? (\n            <>\n              <br />\n              {own.sample} {regionLabel(own)} (rank {node.stable?.rank})\n            </>\n          ) : null}\n        </>\n      ),\n    }\n  }\n  const edge =\n    model.hoveredEdge === null\n      ? undefined\n      : model.graph?.edges[model.hoveredEdge]\n  if (edge) {\n    const text = edgeHoverText(\n      edge,\n      model.deletions.find(d => d.edgeIndex === model.hoveredEdge),\n      id => model.nodeById?.get(id)?.name ?? id,\n    )\n    // a deletion edge skips backbone that some haplotype lacks, so its\n    // readout gives the bp skipped\n    return {\n      body: text.deletion ? (\n        <>\n          <strong>Deletion</strong> {text.deletion.bp}\n          <br />\n          {text.deletion.where}\n        </>\n      ) : (\n        <>Edge: {text.ends}</>\n      ),\n    }\n  }\n  const walkRow = model.hoveredWalkRowText\n  if (walkRow) {\n    return { testId: 'graph-walk-row-tooltip', body: labelled(walkRow) }\n  }\n  const tube = model.hoveredTubeText\n  return tube\n    ? { testId: 'graph-tube-tooltip', body: labelled(tube) }\n    : undefined\n}\n\nconst HoverTooltip = observer(function HoverTooltip({\n  model,\n  chip,\n}: {\n  model: GraphPaneModel\n  chip: Readout | undefined\n}) {\n  const tip = hoverTip(model, chip)\n  return tip ? (\n    <div\n      style={{ ...tooltipStyle, right: model.tooltipRightPx }}\n      data-testid={tip.testId}\n    >\n      {tip.body}\n    </div>\n  ) : null\n})\n\nexport default HoverTooltip\n", "\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z\"\n}), 'FilterList');", "\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  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\"\n}), 'FilterListOff');", "\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  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\"\n}), 'Info');", "import { regionLabel } from '@jbrowse/bandage-core/hoverText'\nimport { ContextMenu } from '@jbrowse/core/ui'\nimport FilterListIcon from '@mui/icons-material/FilterList'\nimport FilterListOffIcon from '@mui/icons-material/FilterListOff'\nimport InfoIcon from '@mui/icons-material/Info'\nimport LineStyleIcon from '@mui/icons-material/LineStyle'\n\nimport { nodeLaunchMenuItems } from '../../launchFromGraph/graphMenuItems'\n\nimport type { GraphPaneModel } from '../model'\nimport type { WalkRows } from '@jbrowse/bandage-core/layout/walkRows'\nimport type { ContextMenuAnchor, MenuItem } from '@jbrowse/core/ui'\n\n// What a right-click landed on: a node, or a row of `bars`, walk rows' own\n// unless a strip's\nexport type PaneContextAt = ContextMenuAnchor &\n  ({ nodeId: string } | { row: number; bars?: WalkRows })\n\nconst AT_POINTER = { x: 0, y: 0 }\n\n// Flat rather than under a \"Launch view\" submenu, since its two or three items\n// are all about the node just clicked\nfunction nodeMenuItems(model: GraphPaneModel, nodeId: string): MenuItem[] {\n  const { own, reference, highlight } = model.nodeLaunchTargets(nodeId)\n  return [\n    {\n      label: 'Node details',\n      icon: InfoIcon,\n      onClick: () => {\n        model.showNodeDetails(nodeId)\n      },\n    },\n    ...nodeLaunchMenuItems({\n      own,\n      reference,\n      highlight,\n      onShowLinear: target => {\n        model.showInLinearView(target)\n      },\n      onHighlight: model.canHighlightInLinearView\n        ? target => {\n            model.highlightInLinearView(target)\n          }\n        : undefined,\n    }),\n  ]\n}\n\n// A walk row's bar stands for a span of its haplotype's own contig, so the\n// question a right-click asks is answered by a linear view on that assembly,\n// with its genes\nfunction walkRowMenuItems(\n  model: GraphPaneModel,\n  row: number,\n  bars: WalkRows | undefined,\n): MenuItem[] {\n  const rows = bars ?? model.walkRowBars\n  const target = model.walkRowLaunchTarget(row, rows)\n  const assembly = target?.assembly\n  const walk = row > 0 ? rows?.rows[row - 1] : undefined\n  const sample = walk?.sample\n  // the strip's rows are not walk rows', and take no sample filter\n  const filters = !bars && model.walkRowBars\n  const shown = model.walkRowSamples\n  return [\n    target && assembly\n      ? {\n          label: `Linear genome view \u2014 ${assembly} ${regionLabel(target.location)}`,\n          icon: LineStyleIcon,\n          onClick: () => {\n            model.showInLinearView({ location: target.location, assembly })\n          },\n        }\n      : {\n          label: 'Linear genome view',\n          icon: LineStyleIcon,\n          disabled: true,\n          disabledHelpText: target\n            ? `No assembly in this session is ${target.location.haplotype ?? target.label}`\n            : 'This walk states no contig coordinates',\n          onClick: () => {},\n        },\n    ...(walk && model.liftsWalks && model.modeDrawsNodes\n      ? [\n          {\n            type: 'checkbox' as const,\n            label: `Highlight ${walk.label}`,\n            checked: model.walkLayers.some(l => l.walk === walk.name),\n            onClick: () => {\n              model.toggleWalk(walk.name)\n            },\n          },\n        ]\n      : []),\n    ...(filters && sample && !(shown?.length === 1 && shown[0] === sample)\n      ? [\n          {\n            label: `Show only ${sample}`,\n            icon: FilterListIcon,\n            onClick: () => {\n              model.setWalkRowSamples([sample])\n            },\n          },\n        ]\n      : []),\n    ...(filters && shown\n      ? [\n          {\n            label: 'Show every sample',\n            icon: FilterListOffIcon,\n            onClick: () => {\n              model.setWalkRowSamples(undefined)\n            },\n          },\n        ]\n      : []),\n  ]\n}\n\n// core's context menu, opened at the pointer itself rather than beside it\nexport default function PaneContextMenu({\n  model,\n  at,\n  onClose,\n}: {\n  model: GraphPaneModel\n  at: PaneContextAt | undefined\n  onClose: () => void\n}) {\n  return (\n    <ContextMenu\n      anchor={at}\n      offset={AT_POINTER}\n      onClose={onClose}\n      menuItems={() =>\n        at === undefined\n          ? []\n          : 'nodeId' in at\n            ? nodeMenuItems(model, at.nodeId)\n            : walkRowMenuItems(model, at.row, at.bars)\n      }\n    />\n  )\n}\n", "import { useMemo, useState } from 'react'\n\nimport {\n  walkRowReadout,\n  walkRowsKey,\n  walkRowsTree,\n} from '@jbrowse/bandage-core/layout/walkRowDraw'\nimport {\n  stripGeneGaps,\n  stripRowAt,\n  walkMarksTree,\n  walkStripLabelsTree,\n} from '@jbrowse/bandage-core/layout/walkStrip'\nimport { RAMP_GRADIENT_CSS } from '@jbrowse/bandage-core/referenceRampCss'\nimport { isAlive } from '@jbrowse/mobx-state-tree'\nimport { observer } from 'mobx-react'\n\nimport ElTree, { useSvgId } from './ElTree'\nimport { LegendSwatchView } from './LegendSwatch'\nimport PaneContextMenu from './PaneContextMenu'\nimport { legendRowStyle } from './legendStyles'\nimport { walkRowSwatch } from '../legendSections'\n\nimport type { GraphPaneModel } from '../model'\nimport type { RowGene } from '@jbrowse/bandage-core/layout/walkRowDraw'\nimport type { WalkRows } from '@jbrowse/bandage-core/layout/walkRows'\nimport type { StripFrame } from '@jbrowse/bandage-core/layout/walkStrip'\n\n// Walk rows under a layout that draws nodes, each haplotype's walk on its own\n// bp, linked to the drawing above: the hovered node ticks every bar where its\n// walk passes it, and a point on a bar lights its node, ringed, above. The\n// bars share the drawing's colours, so under the reference-position ramp a hue\n// in the drawing is the same hue on each bar. Every row is shown; rows too\n// thin to letter say who they are on hover.\n\nconst keyStyle = {\n  display: 'flex',\n  flexWrap: 'wrap' as const,\n  gap: '2px 14px',\n  padding: '2px 8px 6px',\n  fontSize: 11,\n  color: '#333',\n}\n\nconst tipStyle = {\n  position: 'absolute' as const,\n  pointerEvents: 'none' as const,\n  background: 'rgba(255,255,255,0.92)',\n  border: '1px solid #ccc',\n  borderRadius: 3,\n  padding: '1px 6px',\n  fontSize: 11,\n  whiteSpace: 'nowrap' as const,\n  zIndex: 4,\n}\n\n// The bars, built once per rows, frame, colouring and genes rather than per\n// hover\nconst StripBars = observer(function StripBars({\n  bars,\n  frame,\n  ramp,\n  rowGenes,\n}: {\n  bars: WalkRows\n  frame: StripFrame\n  ramp: { start: number; end: number } | undefined\n  rowGenes: Map<string, RowGene[]> | undefined\n}) {\n  const idPrefix = useSvgId()\n  const tree = useMemo(\n    () => walkRowsTree(bars, frame, { ramp, rowGenes, idPrefix }),\n    [bars, frame, ramp, rowGenes, idPrefix],\n  )\n  return <ElTree el={tree} />\n})\n\n// The hovered row's readout where the rows are too thin to letter, at the\n// pointer's place on its bar. Its own observer, so a move along a bar redraws\n// the tip and not the strip.\nexport const StripTip = observer(function StripTip({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const bars = model.walkStripRows\n  const frame = model.walkStripFrame\n  const hover = model.stripHover\n  const all = bars ? [bars.reference, ...bars.rows] : []\n  const index = hover ? all.findIndex(r => r.name === hover.row) : -1\n  const row = all[index]\n  if (!bars || !frame || frame.labelled || !hover || !row) {\n    return null\n  }\n  const x = (bars.origin + hover.offset) * frame.scaleX + frame.translateX\n  // past the middle it opens leftward, so a long readout stays in the pane\n  const side =\n    x > frame.width / 2 ? { right: frame.width - x + 12 } : { left: x + 12 }\n  return (\n    <div\n      data-testid=\"graph-walk-strip-tip\"\n      style={{\n        ...tipStyle,\n        ...side,\n        top: index * frame.rowPx + frame.translateY - 18,\n      }}\n    >\n      {row.label} \u00B7{' '}\n      {walkRowReadout(row, index === 0 ? undefined : bars.reference)}\n    </div>\n  )\n})\n\n// Its own observer, so the node a hover lights redraws the ticks and not the\n// strip\nconst StripMarks = observer(function StripMarks({\n  model,\n  bars,\n  frame,\n}: {\n  model: GraphPaneModel\n  bars: WalkRows\n  frame: StripFrame\n}) {\n  return <ElTree el={walkMarksTree(bars, frame, model.walkStripMarks)} />\n})\n\nconst WalkStrip = observer(function WalkStrip({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const bars = model.walkStripRows\n  const frame = model.walkStripFrame\n  const [menu, setMenu] = useState<{\n    clientX: number\n    clientY: number\n    row: number\n  }>()\n  if (!bars || !frame) {\n    return null\n  }\n  const hit = (e: React.MouseEvent<SVGSVGElement>) => {\n    const box = e.currentTarget.getBoundingClientRect()\n    return stripRowAt(bars, frame, e.clientX - box.left, e.clientY - box.top)\n  }\n  const key = walkRowsKey(bars, {\n    ramp: model.referenceRampDomain,\n    rampCss: RAMP_GRADIENT_CSS,\n    genes: stripGeneGaps(frame, model.walkRowGenes, model.walkRowGeneGaps),\n  })\n  return (\n    <div\n      data-testid=\"graph-walk-strip\"\n      style={{ position: 'relative', borderTop: '1px solid #ddd' }}\n      onMouseEnter={() => {\n        model.setPointerInPane(true)\n      }}\n      onMouseLeave={() => {\n        if (isAlive(model)) {\n          model.setPointerInPane(false)\n          model.setStripHover(null)\n        }\n      }}\n    >\n      <svg\n        width={frame.width}\n        height={frame.height}\n        style={{ display: 'block' }}\n        onMouseMove={e => {\n          const at = hit(e)\n          e.currentTarget.style.cursor = at && at.index > 0 ? 'pointer' : ''\n          model.setStripHover(\n            at ? { row: at.row.name, offset: at.offset } : null,\n          )\n        }}\n        onClick={e => {\n          const at = hit(e)\n          if (at && at.index > 0) {\n            model.toggleWalk(at.row.name)\n          }\n        }}\n        onContextMenu={e => {\n          const at = hit(e)\n          if (at) {\n            e.preventDefault()\n            setMenu({ clientX: e.clientX, clientY: e.clientY, row: at.index })\n          }\n        }}\n      >\n        <StripBars\n          bars={bars}\n          frame={frame}\n          ramp={model.referenceRampDomain}\n          rowGenes={model.walkRowGenes}\n        />\n        <StripMarks model={model} bars={bars} frame={frame} />\n        <ElTree\n          el={walkStripLabelsTree(\n            bars,\n            frame,\n            new Set(model.walkLayers.map(l => l.walk)),\n          )}\n        />\n      </svg>\n      <StripTip model={model} />\n      <div style={keyStyle} data-testid=\"graph-walk-strip-key\">\n        {key.map(entry => (\n          <div key={entry.label} style={legendRowStyle}>\n            <LegendSwatchView swatch={walkRowSwatch(entry.swatch)} />\n            <span>{entry.label}</span>\n          </div>\n        ))}\n        <span style={{ color: '#777' }}>\n          Ticks mark where each walk passes the node under the pointer; click a\n          haplotype&apos;s bar to lift its walk\n        </span>\n      </div>\n      <PaneContextMenu\n        model={model}\n        at={menu && { ...menu, bars }}\n        onClose={() => {\n          setMenu(undefined)\n        }}\n      />\n    </div>\n  )\n})\n\nexport default WalkStrip\n", "import { observer } from 'mobx-react'\n\nimport { PaneSvgLayer } from './PaneLayer'\n\nimport type { GraphPaneModel } from '../model'\n\n// A ring round the node a point on the walk strip lights, so a one-bp node\n// can be found in a hairball\nconst WalkStripLocator = observer(function WalkStripLocator({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const at = model.walkStripLocator\n  return at ? (\n    <PaneSvgLayer\n      model={model}\n      zIndex={4}\n      overflow=\"visible\"\n      testId=\"graph-walk-strip-locator\"\n    >\n      <circle\n        cx={at.x}\n        cy={at.y}\n        r={11}\n        fill=\"none\"\n        stroke=\"white\"\n        strokeWidth={4}\n      />\n      <circle\n        cx={at.x}\n        cy={at.y}\n        r={11}\n        fill=\"none\"\n        stroke=\"#111\"\n        strokeWidth={1.75}\n      />\n    </PaneSvgLayer>\n  ) : null\n})\n\nexport default WalkStripLocator\n", "// src/util/wheelZoom.ts\nvar ZOOM_PER_NOTCH = 1.1;\nvar NOTCH_PX = 100;\nvar LINE_PX = 40;\nvar PAGE_PX = 800;\nvar PINCH_GAIN = 10;\nvar MAX_NOTCHES_PER_EVENT = 2;\nfunction wheelZoomFactor(e) {\n  const px = e.deltaY * (e.deltaMode === 1 ? LINE_PX : e.deltaMode === 2 ? PAGE_PX : 1);\n  const notches = (e.ctrlKey ? PINCH_GAIN : 1) * px / NOTCH_PX;\n  return ZOOM_PER_NOTCH ** -Math.max(-MAX_NOTCHES_PER_EVENT, Math.min(MAX_NOTCHES_PER_EVENT, notches));\n}\n\nexport {\n  wheelZoomFactor\n};\n", "import { useEffect, useRef, useState } from 'react'\n\nimport {\n  findHoveredEdge,\n  findHoveredNode,\n} from '@jbrowse/bandage-core/util/hitDetection'\nimport { wheelZoomFactor } from '@jbrowse/bandage-core/util/wheelZoom'\nimport { screenToLayout } from '@jbrowse/bandage-core/viewport'\nimport { isAlive } from '@jbrowse/mobx-state-tree'\n\nimport { chipReadoutAt } from './LabelLayer'\nimport { PANS_WITH_DRAWING } from './PaneLayer'\n\nimport type { PaneContextAt } from './PaneContextMenu'\nimport type { GraphPaneModel } from '../model'\n\nconst WHEEL_LINE_PX = 40\n\n// A trackpad pinch trails a little sideways scroll that would pan the drawing\n// out from under it; core's linear view ignores deltaX this long after a zoom.\nconst ZOOM_ACTIVE_MS = 100\n\n// A wheel notch lands as a few frames of eased zoom rather than one jump, the\n// way core's linear view zooms, and a trackpad's bursts zoom at an even pace.\n// The backlog is in log(scale), capped so a free-spinning wheel cannot bank a\n// zoom that runs on after the hand stops.\nconst ZOOM_EASE_MS = 24\nconst MAX_ZOOM_BACKLOG = Math.log(16)\n\n// how much of the owed zoom, in log(scale), to apply this frame\nexport function easeZoom(backlog: number, elapsedMs: number) {\n  const rest = backlog * Math.exp(-elapsedMs / ZOOM_EASE_MS)\n  return Math.abs(rest) < 1e-3 ? backlog : backlog - rest\n}\n\n// What a wheel does over a pane that draws its own coordinates. Inside a linear\n// view it follows the view's rules: ctrl/\u2318+wheel (a trackpad pinch) zooms, a\n// plain vertical wheel zooms only with the session's scroll-to-zoom on and\n// otherwise scrolls the page, and a sideways swipe pans. A graph view of its\n// own zooms on a plain wheel.\nexport function wheelAction(\n  e: Pick<WheelEvent, 'deltaX' | 'deltaY' | 'ctrlKey' | 'metaKey'>,\n  host: { scrollZoom?: boolean } | undefined,\n) {\n  const sideways = Math.abs(e.deltaX) > Math.abs(e.deltaY)\n  if (e.ctrlKey || e.metaKey || (!sideways && (!host || host.scrollZoom))) {\n    return 'zoom'\n  }\n  return sideways ? 'pan' : 'page'\n}\n\n// Bound on the whole canvas area, so a wheel over a label, pin or legend acts\n// as it does over the drawing. Imperative, because React registers wheel\n// listeners as passive and this one has to preventDefault.\nexport function useWheelZoom(\n  area: HTMLElement | null,\n  canvas: HTMLCanvasElement | null | undefined,\n  model: GraphPaneModel,\n) {\n  useEffect(() => {\n    if (!area) {\n      return undefined\n    }\n    let lastZoom = -Infinity\n    const ease = { backlog: 0, x: 0, y: 0, frame: 0, last: 0 }\n    const step = (now: number) => {\n      const owed = easeZoom(ease.backlog, Math.min(100, now - ease.last))\n      ease.backlog -= owed\n      ease.last = now\n      ease.frame = ease.backlog ? requestAnimationFrame(step) : 0\n      if (isAlive(model)) {\n        model.zoom(Math.exp(owed), ease.x, ease.y)\n      }\n    }\n    // a drawing the view places or drives leaves the wheel to the view\n    const handleWheel = (e: WheelEvent) => {\n      if (model.hostPlacesX || model.followsHostView) {\n        return\n      }\n      const under =\n        e.target instanceof Element ? e.target.closest('canvas') : null\n      const origin = under ?? (model.facetPanels ? null : canvas)\n      const rect = origin?.getBoundingClientRect()\n      // the strip is the linear view's bp, so its wheel is the view's\n      if (rect && e.clientY - rect.top < model.referenceStripZonePx) {\n        return\n      }\n      const action = wheelAction(e, model.host)\n      if (action === 'page') {\n        return\n      }\n      if (model.host) {\n        e.stopPropagation()\n      }\n      e.preventDefault()\n      if (action === 'pan') {\n        if (e.timeStamp - lastZoom > ZOOM_ACTIVE_MS) {\n          const px = e.deltaMode === 1 ? WHEEL_LINE_PX : 1\n          model.setTransform(\n            model.scale,\n            model.translateX - e.deltaX * px,\n            model.translateY,\n          )\n        }\n        return\n      }\n      lastZoom = e.timeStamp\n      if (!rect) {\n        return\n      }\n      ease.x = e.clientX - rect.left\n      ease.y = e.clientY - rect.top\n      ease.backlog = Math.max(\n        -MAX_ZOOM_BACKLOG,\n        Math.min(MAX_ZOOM_BACKLOG, ease.backlog + Math.log(wheelZoomFactor(e))),\n      )\n      if (!ease.frame) {\n        ease.last = performance.now() - 1000 / 60\n        ease.frame = requestAnimationFrame(step)\n      }\n    }\n    area.addEventListener('wheel', handleWheel, { passive: false })\n    return () => {\n      cancelAnimationFrame(ease.frame)\n      area.removeEventListener('wheel', handleWheel)\n    }\n  }, [area, canvas, model])\n}\n\nconst CLICK_SLOP_PX = 3\n\n// core's marker on an element whose presses the linear view's pan leaves alone\nconst GESTURE_OWNER = 'data-gesture-owner'\n\ninterface Point {\n  x: number\n  y: number\n}\n\nconst pointOf = (e: { clientX: number; clientY: number }): Point => ({\n  x: e.clientX,\n  y: e.clientY,\n})\n\nfunction pinchOf(points: Map<number, Point>) {\n  const [a, b] = [...points.values()] as [Point, Point]\n  return {\n    spread: Math.hypot(a.x - b.x, a.y - b.y),\n    mid: { x: (a.x + b.x) / 2, y: (a.y + b.y) / 2 },\n  }\n}\n\n// The pointer on a canvas drawing the pane's transform: the pane's own, or any\n// facet panel, since the panels share it. Coordinates are read against the\n// canvas the event is on.\nexport function usePaneGestures(model: GraphPaneModel) {\n  // Where the pointer was last, and whether it has travelled since mousedown \u2014\n  // per-gesture scratch that nothing renders from, which is what a ref is for.\n  // Whether a drag is in progress is model state (`isPanning`/`draggingNode`),\n  // because the cursor renders from it.\n  const lastMouseRef = useRef({ x: 0, y: 0 })\n  const downRef = useRef({ x: 0, y: 0 })\n  const hasMovedRef = useRef(false)\n  // The pointer driving a drag, so a stray second one neither restarts nor\n  // ends it. A second finger on a pan pinches instead: `points` holds the\n  // captured fingers, and `pinch` the spread and midpoint the drawing last\n  // zoomed from, measured against the canvas the pan started on.\n  const dragPointerRef = useRef<number | undefined>(undefined)\n  const isOtherPointer = (e: React.PointerEvent) =>\n    dragPointerRef.current !== undefined &&\n    e.pointerId !== dragPointerRef.current\n  const pointsRef = useRef(new Map<number, Point>())\n  const dragCanvasRef = useRef<Element | null>(null)\n  const pinchRef = useRef<ReturnType<typeof pinchOf> | null>(null)\n  const stripPanRef = useRef(false)\n  const verticalPanRef = useRef(false)\n  // A pan and a hover are applied once per frame, not once per mousemove:\n  // mousemove fires in bursts well above the frame rate, and each pan step\n  // repainted the canvas and re-placed every overlay label, while each hover\n  // step ran both hit indexes. The pending pan is the summed delta; the pending\n  // hover is the last pointer position, since only the last one can be right.\n  const pendingRef = useRef<{\n    frame: number\n    pan: { dx: number; dy: number } | null\n    hover: { x: number; y: number } | null\n    pinch: boolean\n  }>({ frame: 0, pan: null, hover: null, pinch: false })\n  useEffect(\n    () => () => {\n      cancelAnimationFrame(pendingRef.current.frame)\n    },\n    [],\n  )\n  const [contextMenu, setContextMenu] = useState<PaneContextAt>()\n  // whether a press here would drag a node, for the cursor; state rather than\n  // a read of `hoveredAt`, which changes on every move over a node\n  const [overDraggable, setOverDraggable] = useState(false)\n  const [hoveredChip, setHoveredChip] =\n    useState<ReturnType<typeof chipReadoutAt>>(undefined)\n\n  // the event's point in pane px, against the canvas it is on\n  function pointerAt(e: React.MouseEvent) {\n    const rect = (e.currentTarget as HTMLCanvasElement).getBoundingClientRect()\n    return { x: e.clientX - rect.left, y: e.clientY - rect.top }\n  }\n\n  // The node at a pane point, which mousedown, mousemove and click all need.\n  // Takes the point rather than the event so a caller that already has one\n  // does not pay for a second getBoundingClientRect.\n  function nodeAt(sx: number, sy: number) {\n    if (model.layoutResult?.tubeMap) {\n      return model.tubeMapNodeAt(sx, sy)\n    }\n    const onStrip = model.referenceStripNodeAt(sx, sy)\n    if (onStrip) {\n      return onStrip\n    }\n    const { nodePositions } = model\n    if (!nodePositions) {\n      return null\n    }\n    const { x, y } = screenToLayout(sx, sy, model, model.axisScale)\n    return findHoveredNode(\n      nodePositions,\n      x,\n      y,\n      model.axisScale,\n      model.positionsVersion,\n      model.nodeInk,\n    )\n  }\n\n  function edgeAt(sx: number, sy: number) {\n    const { nodePositions, graph } = model\n    if (!nodePositions || !graph) {\n      return null\n    }\n    const { x, y } = screenToLayout(sx, sy, model, model.axisScale)\n    return findHoveredEdge(\n      nodePositions,\n      graph,\n      x,\n      y,\n      model.axisScale,\n      // resolved, so the hit index bounds the ribbons that are actually\n      // drawn \u2014 see effectiveDrawPaths. Facet panels draw none.\n      model.effectiveDrawPaths && !model.facetPanels,\n      model.positionsVersion,\n      model.deletionEdgeIndexes,\n      model.hiddenEdgeIndexes,\n      model.deletionRoutes,\n      model.layoutResult?.stranded,\n    )\n  }\n\n  function onMouseDown(e: React.MouseEvent) {\n    if (e.button === 0) {\n      e.preventDefault()\n    }\n  }\n\n  // Captured, so a drag keeps going over a bubble chip or the gap between\n  // facet panels, and a finger drags as a mouse does\n  function onPointerDown(e: React.PointerEvent) {\n    if (e.button !== 0) {\n      return\n    }\n    const points = pointsRef.current\n    if (isOtherPointer(e)) {\n      if (\n        model.isPanning &&\n        !verticalPanRef.current &&\n        e.pointerType === 'touch' &&\n        points.size === 1\n      ) {\n        e.currentTarget.setPointerCapture(e.pointerId)\n        points.set(e.pointerId, pointOf(e))\n        pinchRef.current = pinchOf(points)\n        hasMovedRef.current = true\n      }\n      return\n    }\n    hasMovedRef.current = false\n    downRef.current = { x: e.clientX, y: e.clientY }\n    e.currentTarget.removeAttribute(GESTURE_OWNER)\n    const follows = model.followsHostView\n    // shift-drag is the view's range select\n    if (model.hostPlacesX || (follows && e.shiftKey)) {\n      return\n    }\n    e.currentTarget.setPointerCapture(e.pointerId)\n    dragPointerRef.current = e.pointerId\n    dragCanvasRef.current = e.currentTarget\n    points.clear()\n    points.set(e.pointerId, pointOf(e))\n    const { x, y } = pointerAt(e)\n    const onStrip = y < model.referenceStripZonePx\n    // a tube map's boxes are the layout's, and the strip's are bp, not\n    // positions to drag\n    const node = model.layoutResult?.tubeMap || onStrip ? null : nodeAt(x, y)\n    // A drawing the view drives leaves the press to the view's own pan,\n    // which carries the drawing sideways, and takes only the vertical. A\n    // press on a node is the node's: the marker keeps the view's pan off it,\n    // since this handler runs before the view's. The strip is the view's bp,\n    // so dragging it scrolls the view in either case.\n    if (follows && node) {\n      e.currentTarget.setAttribute(GESTURE_OWNER, '')\n    }\n    verticalPanRef.current = follows\n    stripPanRef.current = onStrip && !follows\n    if (node) {\n      model.setDraggingNode(node)\n    } else {\n      model.setPanning(true)\n    }\n    lastMouseRef.current = { x: e.clientX, y: e.clientY }\n  }\n\n  // zooms about where the fingers' midpoint was and pans by how far it moved\n  function pinchStep() {\n    const was = pinchRef.current\n    const canvas = dragCanvasRef.current\n    if (!was || !canvas) {\n      return\n    }\n    const now = pinchOf(pointsRef.current)\n    const rect = canvas.getBoundingClientRect()\n    if (was.spread > 0 && now.spread > 0) {\n      model.zoom(\n        now.spread / was.spread,\n        was.mid.x - rect.left,\n        was.mid.y - rect.top,\n      )\n    }\n    model.setTransform(\n      model.scale,\n      model.translateX + now.mid.x - was.mid.x,\n      model.translateY + now.mid.y - was.mid.y,\n    )\n    pinchRef.current = now\n  }\n\n  function applyPending() {\n    const pending = pendingRef.current\n    const { pan, hover, pinch } = pending\n    pending.frame = 0\n    pending.pan = null\n    pending.hover = null\n    pending.pinch = false\n    if (pinch) {\n      pinchStep()\n    }\n    if (pan && stripPanRef.current) {\n      model.host?.horizontalScroll(-pan.dx)\n    } else if (pan && verticalPanRef.current) {\n      model.setTransform(\n        model.scale,\n        model.translateX,\n        model.translateY + pan.dy,\n      )\n    } else if (pan) {\n      model.setTransform(\n        model.scale,\n        model.translateX + pan.dx,\n        model.translateY + pan.dy,\n      )\n    }\n    if (!hover) {\n      return\n    }\n    const { x: sx, y: sy } = hover\n    const chip = model.facetPanels\n      ? undefined\n      : chipReadoutAt(model.overlayLabels, sx, sy)\n    setHoveredChip(was =>\n      was?.label === chip?.label && was?.readout === chip?.readout ? was : chip,\n    )\n    const bars = model.walkRowBars\n    if (bars) {\n      const i = model.walkRowAt(sx, sy)\n      model.setHoveredWalkRow(\n        i === undefined ? null : [bars.reference, ...bars.rows][i]!.name,\n      )\n    }\n    if (model.nodePositions && model.graph) {\n      const node = nodeAt(sx, sy)\n      model.setHoveredPanel(model.tubeMapPanelAt(sy))\n      model.setHoveredNode(node, { x: sx, y: sy })\n      setOverDraggable(\n        node !== null &&\n          !model.hostPlacesX &&\n          !model.layoutResult?.tubeMap &&\n          sy >= model.referenceStripZonePx,\n      )\n      model.setHoveredTube(\n        node === null && model.layoutResult?.tubeMap\n          ? model.tubeAt(sx, sy)\n          : null,\n      )\n      model.setHoveredEdge(\n        node || model.layoutResult?.tubeMap || !model.hoverLightsEverything\n          ? null\n          : edgeAt(sx, sy),\n      )\n    }\n  }\n\n  function scheduleFrame() {\n    if (!pendingRef.current.frame) {\n      pendingRef.current.frame = requestAnimationFrame(applyPending)\n    }\n  }\n\n  function dropPending() {\n    const pending = pendingRef.current\n    cancelAnimationFrame(pending.frame)\n    pending.frame = 0\n    pending.pan = null\n    pending.hover = null\n    pending.pinch = false\n  }\n\n  function onPointerMove(e: React.PointerEvent) {\n    const points = pointsRef.current\n    if (pinchRef.current && points.has(e.pointerId)) {\n      points.set(e.pointerId, pointOf(e))\n      pendingRef.current.pinch = true\n      scheduleFrame()\n      return\n    }\n    if (isOtherPointer(e)) {\n      return\n    }\n    const dx = e.clientX - lastMouseRef.current.x\n    const dy = e.clientY - lastMouseRef.current.y\n    lastMouseRef.current = { x: e.clientX, y: e.clientY }\n\n    // from where the button went down, not per event: a slow drag moves a\n    // pixel at a time\n    if (\n      Math.hypot(e.clientX - downRef.current.x, e.clientY - downRef.current.y) >\n      CLICK_SLOP_PX\n    ) {\n      hasMovedRef.current = true\n    }\n\n    const pending = pendingRef.current\n    if (model.draggingNode) {\n      model.moveNode(model.draggingNode, dx / model.scaleX, dy / model.scaleY)\n    } else if (model.isPanning) {\n      pending.pan = {\n        dx: (pending.pan?.dx ?? 0) + dx,\n        dy: (pending.pan?.dy ?? 0) + dy,\n      }\n      scheduleFrame()\n    } else {\n      const rect = (\n        e.currentTarget as HTMLCanvasElement\n      ).getBoundingClientRect()\n      pending.hover = { x: e.clientX - rect.left, y: e.clientY - rect.top }\n      scheduleFrame()\n    }\n  }\n\n  // also the end of a capture the browser took back\n  function onPointerUp(e: React.PointerEvent) {\n    const points = pointsRef.current\n    if (pinchRef.current && points.has(e.pointerId)) {\n      if (pendingRef.current.pinch) {\n        pendingRef.current.pinch = false\n        pinchStep()\n      }\n      points.delete(e.pointerId)\n      pinchRef.current = null\n      const [[id, at]] = [...points] as [[number, Point]]\n      dragPointerRef.current = id\n      lastMouseRef.current = at\n      return\n    }\n    if (isOtherPointer(e)) {\n      return\n    }\n    dragPointerRef.current = undefined\n    points.clear()\n    if (isAlive(model)) {\n      model.stopDragging()\n    }\n  }\n\n  // also fired by the canvas unmounting under a resting pointer, after the\n  // view closing it has destroyed the model, and by a finger lifting\n  function onPointerLeave(e: React.PointerEvent) {\n    if (isOtherPointer(e)) {\n      return\n    }\n    dragPointerRef.current = undefined\n    pointsRef.current.clear()\n    pinchRef.current = null\n    dropPending()\n    setHoveredChip(undefined)\n    setOverDraggable(false)\n    if (!isAlive(model)) {\n      return\n    }\n    model.stopDragging()\n    model.clearHover()\n  }\n\n  // Right-clicking a node is the gesture that asks \"where is this?\", and until\n  // now the graph had no answer: a node named an assembly and an offset in its\n  // tags that nothing surfaced. The items come from the model's launch targets,\n  // so what is offered is what can actually be opened.\n  function onContextMenu(e: React.MouseEvent) {\n    const { x, y } = pointerAt(e)\n    const node = nodeAt(x, y)\n    const { clientX, clientY } = e\n    if (node) {\n      e.preventDefault()\n      setContextMenu({ clientX, clientY, nodeId: node })\n      return\n    }\n    const row = model.walkRowAt(x, y)\n    if (row !== undefined) {\n      e.preventDefault()\n      setContextMenu({ clientX, clientY, row })\n    }\n  }\n\n  function onClick(e: React.MouseEvent) {\n    // a click that ended a drag selects nothing\n    if (!hasMovedRef.current) {\n      const { x, y } = pointerAt(e)\n      const node = nodeAt(x, y)\n      model.setSelectedNode(node)\n      if (node) {\n        model.showNodeDetails(node)\n      }\n    }\n  }\n\n  // A press on a bubble's label or tick pans once it travels, as a press on\n  // the drawing does, rather than leaving a patch of the graph that will not\n  // drag; one that stays put is a click on the label. The click that ends a\n  // pan is swallowed before the label sees it.\n  const labelPanRef = useRef<{ end: () => void; moved: boolean } | null>(null)\n  useEffect(\n    () => () => {\n      labelPanRef.current?.end()\n    },\n    [],\n  )\n  function onLabelPointerDown(e: React.PointerEvent) {\n    if (\n      e.button !== 0 ||\n      model.hostPlacesX ||\n      model.followsHostView ||\n      !(e.target instanceof Element) ||\n      !e.target.closest(`[${PANS_WITH_DRAWING}]`)\n    ) {\n      return\n    }\n    labelPanRef.current?.end()\n    const id = e.pointerId\n    const start = pointOf(e)\n    let last = start\n    const gesture = {\n      moved: false,\n      end: () => {\n        window.removeEventListener('pointermove', move, true)\n        window.removeEventListener('pointerup', release, true)\n        window.removeEventListener('pointercancel', release, true)\n        if (gesture.moved && isAlive(model)) {\n          model.stopDragging()\n        }\n      },\n    }\n    function move(ev: PointerEvent) {\n      if (ev.pointerId !== id) {\n        return\n      }\n      if (!gesture.moved) {\n        if (\n          Math.hypot(ev.clientX - start.x, ev.clientY - start.y) <=\n          CLICK_SLOP_PX\n        ) {\n          return\n        }\n        gesture.moved = true\n        model.setPanning(true)\n      }\n      const pending = pendingRef.current\n      pending.pan = {\n        dx: (pending.pan?.dx ?? 0) + ev.clientX - last.x,\n        dy: (pending.pan?.dy ?? 0) + ev.clientY - last.y,\n      }\n      last = pointOf(ev)\n      scheduleFrame()\n    }\n    // the click, if any, lands before the timeout clears the gesture\n    function release(ev: PointerEvent) {\n      if (ev.pointerId === id) {\n        gesture.end()\n        setTimeout(() => {\n          if (labelPanRef.current === gesture) {\n            labelPanRef.current = null\n          }\n        }, 0)\n      }\n    }\n    labelPanRef.current = gesture\n    window.addEventListener('pointermove', move, true)\n    window.addEventListener('pointerup', release, true)\n    window.addEventListener('pointercancel', release, true)\n  }\n  function onLabelClickCapture(e: React.MouseEvent) {\n    if (labelPanRef.current?.moved) {\n      labelPanRef.current = null\n      e.stopPropagation()\n    }\n  }\n\n  const canvasStyle: React.CSSProperties = {\n    cursor:\n      model.isPanning || model.draggingNode\n        ? 'grabbing'\n        : overDraggable\n          ? 'move'\n          : 'grab',\n    // a pane the linear view drags leaves a finger its scroll\n    touchAction: model.hostPlacesX ? 'auto' : 'none',\n    overscrollBehavior: 'contain',\n  }\n\n  // A hosted pane that pans itself claims every press on its surface, labels\n  // and strip included: the linear view's pan starts on pointerdown and skips\n  // `[data-gesture-owner]`, and its shift-drag range select starts on\n  // mousedown.\n  const claimsPress =\n    model.host !== undefined && !model.hostPlacesX && !model.followsHostView\n  const surfaceProps = claimsPress\n    ? {\n        [GESTURE_OWNER]: '',\n        onMouseDown: (e: React.MouseEvent) => {\n          e.stopPropagation()\n        },\n      }\n    : {}\n\n  return {\n    canvasStyle,\n    surfaceProps,\n    handlers: {\n      onMouseDown,\n      onPointerDown,\n      onPointerMove,\n      onPointerUp,\n      onPointerCancel: onPointerUp,\n      onLostPointerCapture: onPointerUp,\n      onPointerLeave,\n      onClick,\n      onContextMenu,\n    },\n    contextMenu,\n    hoveredChip,\n    labelHandlers: {\n      onPointerDown: onLabelPointerDown,\n      onClickCapture: onLabelClickCapture,\n    },\n    closeContextMenu: () => {\n      setContextMenu(undefined)\n    },\n  }\n}\n\nexport type PaneHandlers = ReturnType<typeof usePaneGestures>['handlers']\n", "import { Canvas2DRenderer } from '@jbrowse/bandage-core/renderer/Canvas2DRenderer'\n\n// Canvas2D only, and deliberately not through render-core's GPU ladder. The\n// batch is strokes and arrowheads in layout units, and stroking them batched by\n// colour is inside a frame budget at the node counts this view caps itself at\n// (agent-docs/reference/GRAPH_SCALE_AND_LOD.md), so a GPU backend would buy a few\n// milliseconds for ~30 KB of bundled HAL and a shader toolchain. If one is ever\n// wanted, it should take the same `Renderer` interface and draw the batch as\n// instances \u2014 a capsule per node segment, a bezier ribbon per edge stroke \u2014\n// rather than reviving a triangle mesh; agent-docs/ideas/waiting-on-a-number scopes it.\nexport function createGraphRenderer(canvas: HTMLCanvasElement) {\n  return Promise.resolve(new Canvas2DRenderer(canvas))\n}\n", "import { useEffect, useRef, useState } from 'react'\n\nimport { LEGEND_INSET_PX } from '@jbrowse/bandage-core/labelLayout'\nimport { ErrorBanner, LoadingOverlay } from '@jbrowse/core/ui'\nimport { isAlive } from '@jbrowse/mobx-state-tree'\nimport { useRenderingBackend } from '@jbrowse/render-core/useRenderingBackend'\nimport { observer } from 'mobx-react'\n\nimport BubbleHalos from './BubbleHalos'\nimport FacetPanels from './FacetPanels'\nimport GenePins from './GenePins'\nimport GraphToolbar from './GraphToolbar'\nimport HoverLayer from './HoverLayer'\nimport HoverTooltip from './HoverTooltip'\nimport LabelLayer from './LabelLayer'\nimport { LegendPanel } from './Legend'\nimport PaneContextMenu from './PaneContextMenu'\nimport { PaneSvgLayer } from './PaneLayer'\nimport ReferenceStripOverlay from './ReferenceStripOverlay'\nimport TubeMapOverlay from './TubeMapOverlay'\nimport WalkRowsOverlay from './WalkRowsOverlay'\nimport WalkStrip from './WalkStrip'\nimport WalkStripLocator from './WalkStripLocator'\nimport { usePaneGestures, useWheelZoom } from './usePaneGestures'\nimport { PAPER_CSS } from '../pane/paneBase'\nimport { createGraphRenderer } from '../renderer/GraphRenderer'\n\nimport type { GraphPaneModel } from '../model'\n\nconst wrapperStyle = { position: 'relative' as const }\n\n// The overlay origin has to be the canvas, not the wrapper: the wrapper also\n// holds the toolbar, so anything positioned against it is offset by the\n// toolbar's height, and a row label lands a whole row off the row it names.\nconst canvasAreaStyle = {\n  position: 'relative' as const,\n  lineHeight: 0,\n  isolation: 'isolate' as const,\n}\n\n// Under a transparent canvas, from below the reference strip down, so the\n// linear view's gridlines show only behind the strip\nconst paperStyle = {\n  position: 'absolute' as const,\n  left: 0,\n  right: 0,\n  bottom: 0,\n  zIndex: 0,\n}\n\n// Above the labels, pins and legends drawn over the canvas, and with the line\n// height the canvas area zeroes, which would collapse the overlay's label\nconst loadingLayerStyle = {\n  position: 'absolute' as const,\n  inset: 0,\n  zIndex: 10,\n  lineHeight: 'normal',\n  pointerEvents: 'none' as const,\n}\n\nconst rowLabelStyle = {\n  position: 'absolute' as const,\n  left: 6,\n  transform: 'translateY(-50%)',\n  background: 'rgba(255,255,255,0.82)',\n  padding: '0 4px',\n  borderRadius: 3,\n  fontSize: 11,\n  // explicit, because the canvas container zeroes line-height to kill the\n  // inline-block gap under the canvas. Inherited, that collapses the label to a\n  // zero-height box: it still paints, but it has no layout, so anything asking\n  // whether it is visible (a screenshot spec's waitForVisible, a11y tooling)\n  // is told no.\n  lineHeight: '16px',\n  whiteSpace: 'nowrap' as const,\n  pointerEvents: 'none' as const,\n  zIndex: 4,\n}\n\n// Names the rows of a row-structured layout (anchored, sample rows). Without\n// them the layout draws real structure that cannot be read: a stack of bars\n// where every row means something and nothing says what.\n//\n// Positioned from the layout's own `rowLabels` through the same transform the\n// canvas draws with, so a label tracks its row across pan and zoom instead of\n// sitting at a measured pixel. It therefore has to be mounted in the canvas's\n// own positioning context (canvasAreaStyle) \u2014 against the wrapper it picks up\n// the toolbar's height and names the wrong row. Pinned to the left edge rather\n// than to the row's own x, because a row's leftmost node is wherever its first\n// allele happens to branch.\n//\n// Keyed on the row, not on the label: two rows can have the same words. The\n// sample-row layout names row 0 for the assembly the backbone comes from and\n// the rows below it for the samples contributing alleles, and a diploid\n// reference is in both lists \u2014 one haplotype is the reference path, the other\n// walks alleles of its own, and `parsePanSN` reduces both to one sample name.\nconst RowLabels = observer(function RowLabels({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  return (\n    <>\n      {model.visibleRowLabels.map(({ label, y, top }) => (\n        <div\n          key={y}\n          data-testid=\"graph-row-label\"\n          style={{ ...rowLabelStyle, top }}\n        >\n          {label}\n        </div>\n      ))}\n    </>\n  )\n})\n\n// Top RIGHT: the row labels own the left edge and the hover tooltip owns the\n// bottom right, so this is the one corner nothing else claims. Every key\n// stretches to the widest, so together they read as one panel. It takes the\n// pointer, for its rows' titles and its close button.\nconst legendStackStyle = {\n  position: 'absolute' as const,\n  top: LEGEND_INSET_PX,\n  right: LEGEND_INSET_PX,\n  display: 'flex',\n  flexDirection: 'column' as const,\n  borderRadius: 3,\n  overflow: 'hidden' as const,\n  zIndex: 4,\n}\n\nconst nodeLabelStyle = {\n  position: 'absolute' as const,\n  transform: 'translate(-50%, -50%)',\n  background: 'rgba(255,255,255,0.78)',\n  padding: '0 3px',\n  borderRadius: 3,\n  fontSize: 10,\n  lineHeight: '13px',\n  whiteSpace: 'nowrap' as const,\n  pointerEvents: 'none' as const,\n  zIndex: 3,\n}\n\n// Matches EDGE_DELETION_COLOR, so the words and the arc they name are one thing.\nconst deletionLabelStyle = {\n  ...nodeLabelStyle,\n  color: '#18181c',\n  fontWeight: 600,\n}\n\n// Measures itself for the model, so no label is placed under a legend and\n// none gives way to one that is not drawn.\n//\n// At rest only, and again on returning to rest: a hover's walk keys would\n// otherwise refit the view, and the refit clears the hover that grew them\nexport const Legends = observer(function Legends({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const ref = useRef<HTMLDivElement>(null)\n  const atRest = model.legendAtRest\n  useEffect(() => {\n    const el = ref.current\n    if (!el || !atRest) {\n      return\n    }\n    // the last callback can land after the track is closed\n    const measure = () => {\n      if (isAlive(model) && model.legendAtRest) {\n        model.setLegendSize({ width: el.offsetWidth, height: el.offsetHeight })\n      }\n    }\n    measure()\n    const observer = new ResizeObserver(measure)\n    observer.observe(el)\n    return () => {\n      observer.disconnect()\n    }\n  }, [model, atRest])\n  return (\n    <div\n      ref={ref}\n      style={{\n        ...legendStackStyle,\n        top: LEGEND_INSET_PX + model.referenceStripZonePx,\n      }}\n    >\n      <LegendPanel model={model} />\n    </div>\n  )\n})\n\n// Writes each drawn thing's size onto it, which is what Bandage's Length label\n// does and what the tooltip alone could not: a graph you have to hover to read\n// is a graph nobody reads. graphLabels applies the same transform the canvas\n// draws with \u2014 so a label tracks its node across pan and zoom \u2014 and decides\n// which labels fit; this only paints them, mounted in the canvas's own\n// positioning context for the reason RowLabels is.\nconst GraphSizeLabels = observer(function GraphSizeLabels({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const labels = model.overlayLabels.sizes\n  // A label too wide for the arc it names is placed clear of it and tethered\n  // back; nothing else in the drawing carries one.\n  const leaders = labels.flatMap(({ key, leader }) =>\n    leader ? [{ key, ...leader }] : [],\n  )\n  return (\n    <>\n      {/* under the labels (z 3), so a leader runs beneath the text it points\n          from; the placement culls a label past the canvas edge, so the\n          layer leaves overflow visible */}\n      {leaders.length > 0 ? (\n        <PaneSvgLayer model={model} zIndex={2} overflow=\"visible\">\n          {leaders.map(({ key, arcX, arcY, labelX, labelY }) => (\n            <line\n              key={key}\n              data-testid=\"graph-label-leader\"\n              x1={arcX}\n              y1={arcY}\n              x2={labelX}\n              y2={labelY}\n              stroke=\"#18181c\"\n              strokeWidth={1}\n            />\n          ))}\n        </PaneSvgLayer>\n      ) : null}\n      {labels.map(({ key, text, x, y, kind }) => (\n        <div\n          key={key}\n          data-testid=\"graph-size-label\"\n          style={{\n            ...(kind === 'deletion' ? deletionLabelStyle : nodeLabelStyle),\n            left: x,\n            top: y,\n          }}\n        >\n          {text}\n        </div>\n      ))}\n    </>\n  )\n})\n\n// `ownChrome` false for a pane inside a track, whose controls, loading state\n// and errors are the track's. A hosted pane whose x the host places takes no pan or wheel of its\n// own: those are the linear view's, as on any other track. One drawing its\n// own coordinates inside a track keeps them, and keeps them from the view.\nconst GraphCanvas = observer(function GraphCanvas({\n  model,\n  ownChrome = true,\n}: {\n  model: GraphPaneModel\n  ownChrome?: boolean\n}) {\n  const {\n    canvasRef,\n    canvas,\n    error: renderError,\n    retry: retryRender,\n  } = useRenderingBackend(createGraphRenderer, model)\n  const {\n    handlers,\n    canvasStyle,\n    surfaceProps,\n    labelHandlers,\n    contextMenu,\n    closeContextMenu,\n    hoveredChip,\n  } = usePaneGestures(model)\n  const [area, setArea] = useState<HTMLDivElement | null>(null)\n  useWheelZoom(area, canvas, model)\n  const faceted = model.facetPanels !== undefined\n\n  return (\n    <div style={wrapperStyle} {...surfaceProps}>\n      {ownChrome ? <GraphToolbar model={model} /> : null}\n\n      <div\n        ref={setArea}\n        style={canvasAreaStyle}\n        {...labelHandlers}\n        onMouseEnter={() => {\n          model.setPointerInPane(true)\n        }}\n        onMouseLeave={() => {\n          if (isAlive(model)) {\n            model.setPointerInPane(false)\n          }\n        }}\n      >\n        {model.referenceStripShown ? (\n          <div\n            style={{\n              ...paperStyle,\n              top: model.referenceStripZonePx,\n              background: PAPER_CSS,\n            }}\n          />\n        ) : null}\n        <canvas\n          ref={canvasRef}\n          data-testid=\"graph-genome-canvas\"\n          style={{\n            ...canvasStyle,\n            width: model.paneWidth,\n            height: model.canvasHeight,\n            display: 'block',\n            position: 'relative',\n            zIndex: 1,\n          }}\n          {...handlers}\n        />\n\n        {faceted ? (\n          <FacetPanels\n            model={model}\n            handlers={handlers}\n            canvasStyle={canvasStyle}\n          />\n        ) : (\n          <>\n            <TubeMapOverlay model={model} />\n            <HoverLayer model={model} />\n            <ReferenceStripOverlay model={model} />\n            <RowLabels model={model} />\n            <GraphSizeLabels model={model} />\n            <BubbleHalos model={model} />\n            <GenePins model={model} />\n            <LabelLayer model={model} />\n            <WalkRowsOverlay model={model} />\n            <WalkStripLocator model={model} />\n            <Legends model={model} />\n          </>\n        )}\n\n        {ownChrome ? (\n          <div style={loadingLayerStyle}>\n            <LoadingOverlay\n              isVisible={model.isLoading}\n              immediate={!model.layoutResult}\n              statusMessage={model.statusMessage}\n              onCancel={\n                model.canCancelLoad\n                  ? () => {\n                      model.cancelLoad()\n                    }\n                  : undefined\n              }\n            />\n          </div>\n        ) : null}\n\n        <HoverTooltip model={model} chip={hoveredChip} />\n      </div>\n\n      {model.walkStripShown ? <WalkStrip model={model} /> : null}\n\n      <PaneContextMenu\n        model={model}\n        at={contextMenu}\n        onClose={closeContextMenu}\n      />\n\n      {renderError ? (\n        <ErrorBanner error={renderError} onReset={retryRender} />\n      ) : null}\n\n      {ownChrome && model.error ? (\n        <ErrorBanner\n          error={model.error}\n          onReset={\n            model.canRetryLoad\n              ? () => {\n                  model.retryLoad()\n                }\n              : undefined\n          }\n        />\n      ) : null}\n    </div>\n  )\n})\n\nexport default GraphCanvas\n"],
-  "mappings": "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",
-  "names": ["host", "read", "name", "useRenderingBackend", "read", "useRenderingBackend_default", "host", "hoverLayerStyle", "paneLayerStyle", "HoverLayer", "model", "canvas", "setCanvas", "useState", "useEffect", "renderer", "Canvas2DRenderer", "dispose", "autorun", "dependOn", "trackedDpr", "jsx", "legendBoxStyle", "legendRowStyle", "legendNoteStyle", "LegendRowView", "row", "at", "hint", "after", "jsxs", "legendRowStyle", "jsx", "LegendSwatchView", "legendNoteStyle", "closeStyle", "LegendPanel", "observer", "model", "Fragment", "legendSections", "testid", "rows", "legendBoxStyle", "gridStyle", "FACET_GAP_PX", "titleStyle", "FACET_TITLE_PX", "panelStyle", "keyStyle", "FACET_KEY_ROW_PX", "FacetPanel", "observer", "model", "lift", "width", "height", "cell", "handlers", "canvasStyle", "canvas", "setCanvas", "useState", "hoverCanvas", "setHoverCanvas", "walk", "useEffect", "renderer", "Canvas2DRenderer", "hover", "drawing", "computed", "uploaded", "disposers", "autorun", "grid", "built", "dispose", "label", "jsxs", "jsx", "LegendRowView", "walkKeyRow", "hoverLayerStyle", "FacetPanels", "panels", "place", "columns", "PAPER_CSS", "i", "facetKeyRows", "row", "FacetPanels_default", "CropFree_default", "createSvgIcon", "jsx", "ZoomIn_default", "createSvgIcon", "jsx", "ZoomOut_default", "createSvgIcon", "jsx", "ColorSchemeSelect", "observer", "model", "fixed", "jsx", "LabelledSelect", "COLOR_SCHEMES", "value", "scheme", "ColorSchemeSelect_default", "useStyles", "makeStyles", "fmtMs", "ms", "GraphPerf", "observer", "model", "classes", "lastFetchMs", "lastLayoutMs", "lastGeometryMs", "hasMetrics", "jsxs", "Typography", "GraphStats", "jsx", "GraphStats_default", "LayoutSelect", "observer", "model", "graph", "jsx", "LabelledSelect", "LAYOUT_MODES", "value", "label", "description", "available", "mode", "LayoutSelect_default", "RepeatSelect", "observer", "model", "jsx", "LabelledSelect", "key", "RepeatSelect_default", "Close_default", "createSvgIcon", "jsx", "MoreVert_default", "createSvgIcon", "jsx", "SettingsMenu", "observer", "model", "haplotypes", "jsx", "CascadingMenuButton", "Route_default", "Visibility_default", "Settings_default", "getSession", "onClose", "GraphSettingsDialog_default", "Close_default", "MoreVert_default", "SettingsMenu_default", "useStyles", "makeStyles", "WalkSelect", "observer", "model", "classes", "labelId", "useId", "walkChoices", "names", "c", "labels", "picked", "layer", "name", "WALK_MENU_ITEMS", "jsx", "Button", "getSession", "onClose", "ChooseWalksDialog", "jsxs", "FormControl", "InputLabel", "Select", "selected", "n", "e", "value", "label", "MenuItem", "Checkbox", "ListItemText", "WalkSelect_default", "useStyles", "makeStyles", "ZoomDisplay", "observer", "model", "jsx", "Typography", "GraphToolbar", "classes", "zoomAboutCentre", "factor", "jsxs", "LayoutSelect_default", "ColorSchemeSelect_default", "WalkSelect_default", "RepeatSelect_default", "Tooltip", "IconButton", "ZoomIn_default", "ZoomOut_default", "CropFree_default", "GraphStats_default", "SettingsMenu_default", "GraphToolbar_default", "tooltipStyle", "TOOLTIP_INSET_PX", "labelled", "label", "readout", "jsxs", "Fragment", "jsx", "hoverTip", "model", "chip", "node", "merged", "own", "nodeOwnLocation", "regionLabel", "edge", "text", "edgeHoverText", "d", "id", "walkRow", "tube", "HoverTooltip", "observer", "tip", "HoverTooltip_default", "FilterList_default", "createSvgIcon", "jsx", "FilterListOff_default", "createSvgIcon", "jsx", "Info_default", "createSvgIcon", "jsx", "AT_POINTER", "nodeMenuItems", "model", "nodeId", "own", "reference", "highlight", "Info_default", "nodeLaunchMenuItems", "target", "walkRowMenuItems", "row", "bars", "rows", "assembly", "walk", "sample", "filters", "shown", "regionLabel", "LineStyle_default", "l", "FilterList_default", "FilterListOff_default", "PaneContextMenu", "at", "onClose", "jsx", "ContextMenu", "keyStyle", "tipStyle", "StripBars", "observer", "bars", "frame", "ramp", "rowGenes", "idPrefix", "useSvgId", "tree", "useMemo", "walkRowsTree", "jsx", "ElTree", "StripTip", "model", "hover", "all", "index", "r", "row", "x", "side", "jsxs", "walkRowReadout", "StripMarks", "walkMarksTree", "WalkStrip", "menu", "setMenu", "useState", "hit", "e", "box", "stripRowAt", "key", "walkRowsKey", "RAMP_GRADIENT_CSS", "stripGeneGaps", "isAlive", "at", "walkStripLabelsTree", "l", "entry", "legendRowStyle", "LegendSwatchView", "walkRowSwatch", "PaneContextMenu", "WalkStrip_default", "WalkStripLocator", "observer", "model", "at", "jsxs", "PaneSvgLayer", "jsx", "WalkStripLocator_default", "ZOOM_PER_NOTCH", "NOTCH_PX", "LINE_PX", "PAGE_PX", "PINCH_GAIN", "MAX_NOTCHES_PER_EVENT", "wheelZoomFactor", "e", "px", "notches", "WHEEL_LINE_PX", "ZOOM_ACTIVE_MS", "ZOOM_EASE_MS", "MAX_ZOOM_BACKLOG", "easeZoom", "backlog", "elapsedMs", "rest", "wheelAction", "e", "host", "sideways", "useWheelZoom", "area", "canvas", "model", "useEffect", "lastZoom", "ease", "step", "now", "owed", "isAlive", "handleWheel", "rect", "action", "px", "wheelZoomFactor", "CLICK_SLOP_PX", "GESTURE_OWNER", "pointOf", "pinchOf", "points", "a", "b", "usePaneGestures", "lastMouseRef", "useRef", "downRef", "hasMovedRef", "dragPointerRef", "isOtherPointer", "pointsRef", "dragCanvasRef", "pinchRef", "stripPanRef", "verticalPanRef", "pendingRef", "contextMenu", "setContextMenu", "useState", "overDraggable", "setOverDraggable", "hoveredChip", "setHoveredChip", "pointerAt", "nodeAt", "sx", "sy", "onStrip", "nodePositions", "x", "y", "screenToLayout", "findHoveredNode", "edgeAt", "graph", "findHoveredEdge", "onMouseDown", "onPointerDown", "follows", "node", "pinchStep", "was", "applyPending", "pending", "pan", "hover", "pinch", "chip", "chipReadoutAt", "bars", "i", "scheduleFrame", "dropPending", "onPointerMove", "dx", "dy", "onPointerUp", "id", "at", "onPointerLeave", "onContextMenu", "clientX", "clientY", "row", "onClick", "labelPanRef", "onLabelPointerDown", "PANS_WITH_DRAWING", "start", "last", "gesture", "move", "release", "ev", "onLabelClickCapture", "canvasStyle", "surfaceProps", "createGraphRenderer", "canvas", "Canvas2DRenderer", "wrapperStyle", "canvasAreaStyle", "paperStyle", "loadingLayerStyle", "rowLabelStyle", "RowLabels", "observer", "model", "jsx", "Fragment", "label", "y", "top", "legendStackStyle", "LEGEND_INSET_PX", "nodeLabelStyle", "deletionLabelStyle", "Legends", "ref", "useRef", "atRest", "useEffect", "el", "measure", "isAlive", "LegendPanel", "GraphSizeLabels", "labels", "leaders", "key", "leader", "jsxs", "PaneSvgLayer", "arcX", "arcY", "labelX", "labelY", "text", "x", "kind", "GraphCanvas", "ownChrome", "canvasRef", "canvas", "renderError", "retryRender", "useRenderingBackend", "createGraphRenderer", "handlers", "canvasStyle", "surfaceProps", "labelHandlers", "contextMenu", "closeContextMenu", "hoveredChip", "usePaneGestures", "area", "setArea", "useState", "useWheelZoom", "faceted", "GraphToolbar_default", "PAPER_CSS", "FacetPanels_default", "TubeMapOverlay_default", "HoverLayer", "ReferenceStripOverlay_default", "BubbleHalos_default", "GenePins_default", "LabelLayer_default", "WalkRowsOverlay_default", "WalkStripLocator_default", "LoadingOverlay", "HoverTooltip_default", "WalkStrip_default", "PaneContextMenu", "ErrorBanner", "GraphCanvas_default"]
-}

package/dist/chunks/chunk-JCAZTNYG.js

@@ -1,2 +0,0 @@
-import{l as o}from"./chunk-6KUHGRHU.js";function u(a,r,e){return e?{...a,walkRowRuns:o(a,r)}:a}export{u as a};
-//# sourceMappingURL=chunk-JCAZTNYG.js.map

package/dist/chunks/chunk-N74HGPAW.js

@@ -1,3 +0,0 @@
-import{b as Dn,g as Io,h as Co,j as it,k as ct,l as Bo,m as Oo}from"./chunk-DBPEUVUC.js";import{$ as nt,$b as Eo,A as Fn,Aa as le,B as Ke,Ba as Zn,C as Hn,Ca as Qn,D as Je,E as Et,Ea as eo,Eb as go,Fa as no,Fb as wo,Gb as Ft,Hb as bo,I as It,Ia as ae,Ib as yo,J as qe,Ka as oo,Kb as ko,L as Ct,M as Pe,N as Ze,Nb as ee,O as U,P as Qe,Pb as So,Qb as xo,R as et,Rb as Ro,S as tt,Sa as ro,Sb as vo,Tb as Mo,U as Bt,Ub as Lo,Vb as No,W as C,Wb as Po,Xa as ao,Yb as Ao,Z as Ae,Zb as To,_ as Te,_b as Go,aa as Xn,ac as st,b as Nn,cb as so,cc as _o,d as Lt,dc as $o,ea as zn,eb as io,fa as ot,fb as co,ga as Yn,gb as po,h as At,hb as mo,i as En,ia as Un,j as Tt,ja as Kn,k as In,l as Cn,m as Me,mb as lo,n as me,pb as Wt,q as Le,r as Q,ra as Jn,rb as uo,s as re,sb as ho,ta as qn,tb as fo,ua as $t,x as Wn,xa as Ge}from"./chunk-PYQG3JHP.js";import{a as Z,b as Gt,d as Bn,f as On,m as Ye,p as Ne,q as _n,r as $n,s as Ue,v as Ot,w as Vn,x as jn,y as _t}from"./chunk-2M4XYSLG.js";import{G as Ve,J as ve,K as je,O as ze,b as ye,c as pe,d as Nt,f as Pn,g as An,h as V,i as ke,n as Se,t as Pt,v as xe,w as Re,x as Tn,z as Gn}from"./chunk-PEDWEPNK.js";import{b as rt,c as at,e as to}from"./chunk-FIRQAKMX.js";import{b as St,c as xt,d as Rt,f as vt}from"./chunk-RW775LQN.js";import{e as xn,l as Ln,m as Mt}from"./chunk-6KUHGRHU.js";import{a as bn,b as yn,d as kn,f as ce,g as T,h as we,i as J,j as bt,k as oe,l as yt,m as kt,n as be,r as X,w as Mn}from"./chunk-6MUBJVBG.js";import{c as Rn,e as _}from"./chunk-MVVXRZXV.js";import{a as de,c as Sn,d as Xe}from"./chunk-7HWHWPRW.js";import{d as vn}from"./chunk-IKJZPPOA.js";import{f as gn,g as wt,h as wn,j as Y}from"./chunk-TENPGIPX.js";import{b as W}from"./chunk-JMBDTNUR.js";var se=JBrowseExports["@mui/material/SvgIcon"],jr=e=>se!=null&&e in Object(se)?se[e]:Object.assign(function(){throw new Error("This JBrowse does not provide '"+e+"' from '@mui/material/SvgIcon' to plugins: GraphGenomeView was built for a different JBrowse version, so update the plugin or JBrowse")},{jbrowseHostMissing:e}),$=jr("createSvgIcon"),os=se&&se.__esModule?se.default:se;var zr=/^[^#]+#\d+$/;function Yr(e,t){let n=e.assemblyNameToPanSN??{},o=new Set(Object.values(n)),a={};for(let{name:r,aliases:s}of t){let i=s.find(c=>zr.test(c));i!==void 0&&!o.has(i)&&(a[r]=i)}return Object.keys(a).length===0?e:{...e,assemblyNameToPanSN:{...a,...n}}}function Ur(e,t){let n=s=>t.find(i=>i.name===s||i.aliases.includes(s))?.name??s,o=e.assemblyNames??[],a=e.assemblyNameToPanSN??{};if([...o,...Object.keys(a)].every(s=>n(s)===s))return e;let r=new Map;for(let[s,i]of Object.entries(a)){let c=n(s);(c===s||!r.has(c))&&r.set(c,i)}for(let s of o){let i=n(s);i!==s&&!r.has(i)&&r.set(i,s)}return{...e,assemblyNames:o.map(n),assemblyNameToPanSN:Object.fromEntries(r)}}var Kr=new Set(["GbzBaseSyntenyAdapter","WalkTabixSyntenyAdapter"]);function Wo(e,t){let n=_(t,"adapter");if(!Kr.has(n.type)&&!Dn(n))return n;let o=Y(e).assemblyManager.assemblyList.map(a=>({name:_(a,"name"),aliases:_(a,"aliases")??[]}));return Yr(Ur(n,o),o)}var Jr=1,qr=.015;function dt({graph:e,span:t,rowY:n,positions:o}){let a=t*qr,r=Cn(e),s=new Map(e.nodes.map(l=>[l.id,l])),i=[];for(let l of r){let m=l.refSpan-l.pathLength;m>=Jr&&i.push({nodeIds:l.nodeIds,bp:m});let p=Math.max(l.refSpan,a),h=l.pathLength>0?p/l.pathLength:0;l.nodeIds.forEach((u,f)=>{let g=s.get(u);if(g){let b=l.nodeOffsets[f],S=p/l.nodeIds.length,R=k=>l.start+k*h,y=n(g);o[u]=h?[{x:R(b),y},{x:R(b+g.length),y}]:[{x:l.start+f*S,y},{x:l.start+(f+1)*S,y}]}})}let c=Z(e),d=Object.keys(o);for(let l of d){let m=o[l].at(-1).x;for(let p of c.get(l)??[]){let h=s.get(p);if(h&&!(p in o)){let u=n(h);o[p]=[{x:m,y:u},{x:m+a,y:u}],d.push(p)}}}return i}function Zr(e,t){let n=new Map;for(let a of e.nodes)if(we(a)){let r=de(a.stable.refName);n.set(r,(n.get(r)??0)+a.length)}let o=new Map(t.map((a,r)=>[a,r]));return[...n.keys()].sort((a,r)=>(o.get(a)??1/0)-(o.get(r)??1/0)||n.get(r)-n.get(a)||a.localeCompare(r))}function Fo(e,t,n=[]){let o=J(e),a=Zr(e,n);if(o.length===0||a.length===0)return;let r=be(o,t),s=new Map(a.map((p,h)=>[p,h+1])),i=oe(o),c=a.length+1,d=dt({graph:e,span:r,rowY:p=>{let h=p.stable;return((h?s.get(de(h.refName)):void 0)??c)*V},positions:i}),m=[{label:de(o[0].stable.refName),y:0},...a.map(p=>({label:p,y:s.get(p)*V}))];return{nodePositions:i,rowLabels:m,sampleRows:a,referenceAxis:!0,pixelRows:!0,alleleDeletions:d}}function Qr(e){let t=new Set;for(let n of e.nodes)n.stable&&t.add(n.stable.rank);return new Map([...t].sort((n,o)=>n-o).map((n,o)=>[n,o]))}function Ho(e,t){let n=J(e);if(n.length===0)return;let o=be(n,t),a=Qr(e),r=oe(n),s=dt({graph:e,span:o,rowY:c=>(c.stable?a.get(c.stable.rank)??a.size:a.size)*V,positions:r}),i=[...a].map(([c,d])=>({label:c===0?"Reference (rank 0)":`Rank ${c}`,y:d*V}));return{nodePositions:r,rowLabels:i,referenceAxis:!0,pixelRows:!0,alleleDeletions:s}}var ea=12,Ht=V;function Do(e){return 10+8*Math.log2(1+e.length)}function te(e,t){return e<t?-1:e>t?1:0}function Vo(e,t){return te(e.at,t.at)||te(e.side,t.side)||te(e.hops,t.hops)}var Xo={at:1/0,side:0,hops:0};function Dt(e){let t=new Map(e.nodes.map(o=>[o.id,o])),n=oa(e);return e.nodes.map(o=>o.id).sort((o,a)=>Vo(n.get(o)??Xo,n.get(a)??Xo)||te(t.get(o).name,t.get(a).name)||te(o,a))}function ta(e,t){let n=new Set(e.nodes.map(l=>l.id)),o=new Map(t.map(l=>[l.id,l.stable.start])),a=new Map,r=new Map;t.forEach((l,m)=>{r.set(l.id,t[m-1]?.id),a.set(l.id,t[m+1]?.id)});let s=t[0]?.id,i=(l,m)=>{let p=a.get(l);a.set(l,m),r.set(m,l),a.set(m,p),p!==void 0&&r.set(p,m)},c=(l,m)=>{let p=r.get(l);p===void 0?(s=m,r.set(m,void 0),a.set(m,l),r.set(l,m)):i(p,m)};for(let l of e.paths??[]){let m=0,p=0,h;for(let b of l.nodeIds){let S=o.get(b);S!==void 0&&(h!==void 0&&S!==h&&(S>h?m++:p++),h=S)}let u=p>m?[...l.nodeIds].reverse():l.nodeIds,f,g=new Set;for(let b of u)if(a.has(b)){if(f===void 0)for(let S of g)c(b,S);f=b}else n.has(b)&&(f===void 0?g.add(b):(i(f,b),f=b))}let d=[];for(let l=s;l!==void 0;l=a.get(l))d.push(l);return d}function na(e,t,n){let o=[...t.entries()].sort(([i,c],[d,l])=>Vo(c,l)||te(i,d)).map(([i])=>i),a=o.length;for(let i of o){let c=t.get(i);for(let d of e.get(i)??[])n.has(d)&&!t.has(d)&&(t.set(d,{at:c.at,side:1,hops:c.hops+1}),o.push(d))}let r=new Set(o.slice(a)),s=new Set;for(let i of r){if(s.has(i))continue;let{at:c}=t.get(i),d=[i];s.add(i);let l=!0;for(let m of d){let{hops:p}=t.get(m),h=!0,u=!1;for(let f of e.get(m)??[]){let g=t.get(f);g&&(g.at===c&&r.has(f)?(h&&=g.hops<=p,s.has(f)||(s.add(f),d.push(f))):g.at!==c&&(u||=g.at<c,l&&=g.at<c))}l&&=!h||u}if(l)for(let m of d){let p=t.get(m);t.set(m,{...p,side:-1,hops:-p.hops})}}}function oa(e){let t=e.nodes.filter(T).sort((o,a)=>te(o.stable.start,a.stable.start)||te(o.name,a.name)),n=new Map;return ta(e,t).forEach((o,a)=>{n.set(o,{at:a,side:0,hops:0})}),na(Z(e),n,new Set(e.nodes.map(o=>o.id))),n}function ra(e){let t=new Map(e.nodes.map(m=>[m.id,m])),n=Dt(e),o=new Map(n.map((m,p)=>[m,p])),a=m=>T(t.get(m)),r=new Map(n.map(m=>[m,[]])),s=new Map(n.map(m=>[m,[]])),i=(m,p)=>{r.get(p).push(m),s.get(m).push(p)};for(let m of e.edges)m.from===m.to||!o.has(m.from)||!o.has(m.to)||(o.get(m.from)<o.get(m.to)?i(m.from,m.to):i(m.to,m.from));let c=n.filter(a);for(let m=1;m<c.length;m++)i(c[m-1],c[m]);let d=new Map;for(let m of n){let p=0;for(let h of r.get(m))p=Math.max(p,d.get(h)+1);d.set(m,p)}for(let m=n.length-1;m>=0;m--){let p=n[m],h=s.get(p);if(a(p)||h.length===0)continue;let u=1/0;for(let b of h)u=Math.min(u,d.get(b));let f=d.get(p),g=Math.max(f,u-1);d.set(p,Math.floor((f+g)/2))}let l=[];for(let m of n)(l[d.get(m)]??=[]).push(m);return{layers:l,layerOf:d,preds:r}}function jo(e){if(!e.nodes.some(T))return;let t=new Map(e.nodes.map(m=>[m.id,m])),n=m=>T(t.get(m)),{layers:o,layerOf:a,preds:r}=ra(e),s=o.map(m=>{let p=0;for(let h of m)p=Math.max(p,Do(t.get(h)));return p}),i=[],c=0;for(let m=0;m<o.length;m++)i[m]=c,c+=s[m]+ea;let d=new Map;for(let m of o){let p=[];for(let u of m){if(n(u)){d.set(u,0);continue}let f=r.get(u).filter(b=>d.has(b)),g=0;for(let b of f)g+=d.get(b)/f.length;p.push({id:u,ideal:g===0?Ht:g})}p.sort((u,f)=>u.ideal-f.ideal);let h=new Set([0]);for(let{id:u,ideal:f}of p){let g=Math.round(f/Ht);g===0&&(g=f>=0?1:-1);for(let b=1;h.has(g);b++)h.has(g+b)?h.has(g-b)||(g-=b):g+=b;h.add(g),d.set(u,g*Ht)}}let l={};for(let m of e.nodes){let p=a.get(m.id),h=Do(m),u=i[p]+s[p]/2,f=d.get(m.id);l[m.id]=[{x:u-h/2,y:f},{x:u+h/2,y:f}]}return{nodePositions:l,referenceAxis:!1,pixelRows:!0}}var pt=1.3;function mt(e){return Math.max(e.reference.bp,...e.rows.map(t=>t.bp))}function ue(e,t={rowPx:V,readouts:!0}){return{maxX:e.origin+mt(e)*(t.readouts?pt:1),maxY:e.rows.length*t.rowPx}}function he(e,t,n){return e?n&&!n.labelled?[]:[e.reference,...e.rows].map((o,a)=>({label:o.label,y:a*(n?.rowPx??V)})):t?.rowLabels??[]}function Xt(e,t){let n=me(e,t);return n&&zo(e,n,t)}function zo(e,t,n){let o=J(e);if(o.length===0)return;let a=n?o.filter(s=>bt(s,n)):o;return{nodePositions:oe(a.length>0?a:o),rowLabels:he(t),referenceAxis:!0,pixelRows:!0,extent:ue(t)}}var Ko="Force-directed layout",fe=e=>e.nodes.some(T),Yo=e=>fe(e)&&(e.paths?.length??0)>1,Uo=e=>fe(e)&&e.nodes.some(we),lt=[{value:"auto",label:"Anchored",description:"x is reference bp, one row per stable rank. Needs rGFA tags or a reference path.",run:Ho,cutMargins:!0,wholeWalks:!1,available:fe,drawsLocally:fe,drawsNodes:!0},{value:"samplerows",label:"Sample rows",description:"x is reference bp, one row per contributing assembly. Needs rGFA tags or a reference path.",run:Fo,cutMargins:!0,wholeWalks:!1,available:Uo,drawsLocally:Uo,drawsNodes:!0},{value:"walkrows",label:"Walk rows",description:"x is each walk's own bp: one bar per haplotype, blue on the reference's path and purple off it, so a repeat expansion reads as bar length, and each bar boxes its haplotype's own genes where the session has them. Needs a reference and two or more walks.",run:Xt,cutMargins:!1,wholeWalks:!0,available:Yo,drawsLocally:Yo,drawsNodes:!1},{value:"ordered",label:"Ordered",description:"x is reference order, not bp: every node gets room, bubbles read as lenses. Needs rGFA tags or a reference path.",run:jo,cutMargins:!1,wholeWalks:!1,available:fe,drawsLocally:fe,drawsNodes:!0},{value:"tubemap",label:"Tube map",description:"sequenceTubeMap: every path a coloured tube through boxed nodes, columns in node order and node widths log-scaled. Needs P or W lines.",run:En,cutMargins:!1,wholeWalks:!1,available:At,drawsLocally:At,drawsNodes:!1},{value:"tubemapref",label:"Tube map on reference",description:"The tube map with each column at the reference bp it covers, so the tubes line up with the tracks around them. Needs P or W lines and a reference path.",run:In,cutMargins:!0,wholeWalks:!1,available:Tt,drawsLocally:Tt,drawsNodes:!1},{value:"force",label:Ko,description:"OGDF FMMM (wasm) or stress, whichever engine is chosen.",run:()=>{},cutMargins:!1,wholeWalks:!1,available:()=>!0,drawsLocally:()=>!1,drawsNodes:!0}],aa=lt.map(e=>e.value);function Vt(e,t){return!F(e).drawsLocally(t)}function F(e){return lt.find(t=>t.value===e)??lt[0]}function jt(e){return e.walkStrip&&e.mode.drawsNodes&&!e.drawsPicture&&!e.popped&&!e.host&&e.walks>1}function zt(e,t){return e.wholeWalks||t.walkStrip&&!t.host}var Ee=6,Zo=260,sa=11,ia=3,ca="#111",Jo=3;function Yt(e,t,n){let o=e.pathVisits?.get(n.name)??[],a=[];for(let r of t){let s=r.axis;if(!s)continue;let i=X(r.name).name;for(let c of o){if(c.path!==i)continue;let{start:d,end:l}=Fn(s,c.start,c.start+n.length);l>0&&d<r.bp&&a.push({row:r.name,start:d,bp:l-d})}}return a}var qo=new WeakMap;function da(e,t){let n=qo.get(e);if(n||(n=new Map,qo.set(e,n)),n.has(t))return n.get(t);let o=new Map(e.nodes.map(i=>[i.id,i.length])),a=X(t).name,r=(e.paths??[]).filter(i=>X(i.name).name===a),s;if(r.every(i=>i.start!==void 0)){s={ids:[],starts:[],ends:[]};for(let i of[...r].sort((c,d)=>c.start-d.start)){let c=i.start;for(let d of i.nodeIds){let l=o.get(d)??0;s.ids.push(d),s.starts.push(c),s.ends.push(c+l),c+=l}}}return n.set(t,s),s}function pa(e,t,n,o){let a=t.axis,r=a&&da(e,t.name);if(!a||!r||n<0||n>t.bp)return;let s=a.reversed?a.start-n:a.start+n,i=.5/o,c=Ke(a,t.bp),d=Math.max(s-i,c.start),l=Math.min(s+i,c.end),m=kn(r.starts.length,f=>r.ends[f]<=d),p,h=-1,u=!1;for(let f=m;f<r.starts.length&&r.starts[f]<l;f++){let g=r.ends[f]-r.starts[f],b=r.starts[f]<=s&&s<r.ends[f];(g>h||g===h&&b&&!u)&&(h=g,p=r.ids[f],u=b)}return p}function Ie(e,t){let n=t.maxHeight??Zo,o=t.labelPx??Math.max(...[e.reference,...e.rows].map(h=>h.label.length))*pe+16,a=e.rows.length+1,{rowPx:r,barPx:s,labelled:i,readouts:c}=qe(a,n-2*Ee,ia),d=Math.max(mt(e),1),l=i?o:Ee,p=Math.max(1,t.width-l-Ee)/(d*(c?pt:1));return{scaleX:p,scaleY:1,translateX:l-e.origin*p,translateY:Ee+r/2,width:t.width,height:a*r+2*Ee,rowPx:r,barPx:s,readouts:c,labelled:i,boxesGenes:Je(r,s)}}function ma(e,t,n,o){let a=Math.round((o-t.translateY)/t.rowPx),r=[e.reference,...e.rows][a],s=(n-t.translateX)/t.scaleX-e.origin;return r&&a>=0&&s>=0&&s<=r.bp?{index:a,row:r,offset:s}:void 0}function la(e,t,n){let o=new Map([e.reference,...e.rows].map((r,s)=>[r.name,s])),a=r=>(e.origin+r)*t.scaleX+t.translateX;return Le("g",{"data-testid":"graph-walk-marks"},...n.flatMap(r=>{let s=o.get(r.row);if(s===void 0)return[];let i=s*t.rowPx+t.translateY,c=a(r.start),d=Math.max(2,r.bp*t.scaleX),l=m=>Le("rect",{x:c,y:m,width:d,height:Jo,fill:ca});return[l(i-t.barPx/2-Jo-1),l(i+t.barPx/2+1)]}))}function Ut(e,t,n=new Set){return Le("g",{"font-family":"sans-serif","font-size":sa,fill:"#333"},...(t.labelled?[e.reference,...e.rows]:[]).map((o,a)=>Le("text",{x:6,y:a*t.rowPx+t.translateY+4,"font-weight":n.has(o.name)?600:void 0},o.label)))}function Kt(e,t,n){if(t?.size)return e.boxesGenes?n:{untracked:0,unread:0,...n,crowded:!0}}function ne(e){return`${e.refName}:${(e.start+1).toLocaleString()}-${e.end.toLocaleString()}`}function ua(e,t,n=o=>o){return t?{deletion:{bp:`${t.bp.toLocaleString()} bp`,where:ne(t)}}:{ends:`${n(e.from)}${e.fromStrand??""} \u2192 ${n(e.to)}${e.toStrand??""}`}}function Qo(e){return ce(e)?er(e):void 0}function er(e){return{sample:de(e.stable.refName),haplotype:Sn(e.stable.refName),refName:Xe(e.stable.refName),start:e.stable.start,end:e.stable.start+e.length}}function ha(e,t){let n=[...e].sort((r,s)=>r.start-s.start),o,a;for(let r of n)a=a&&r.start-a.end<=t?{start:a.start,end:Math.max(a.end,r.end)}:{start:r.start,end:r.end},(!o||a.end-a.start>o.end-o.start)&&(o=a);return o}function fa(e){return`${e.haplotype??e.sample}\0${e.refName}`}function tr(e,{maxGap:t=1/0}={}){let n=new Map;for(let a of e.nodes)if(ce(a)){let r=er(a),s=fa(r),i=n.get(s);i?(i.spans.push({start:r.start,end:r.end}),i.rank=Math.min(i.rank,a.stable.rank)):n.set(s,{sample:r.sample,haplotype:r.haplotype,refName:r.refName,rank:a.stable.rank,spans:[{start:r.start,end:r.end}]})}let o=new Map;for(let a of n.values()){let r=ha(a.spans,t);if(r){let s={sample:a.sample,haplotype:a.haplotype,refName:a.refName,start:r.start,end:r.end,rank:a.rank,nodeCount:a.spans.length},i=a.haplotype??a.sample,c=o.get(i);(!c||s.nodeCount>c.nodeCount)&&o.set(i,s)}}return[...o.values()].sort((a,r)=>+(a.rank!==0)-+(r.rank!==0)||a.sample.localeCompare(r.sample)||(a.haplotype??"").localeCompare(r.haplotype??""))}function Ce(e,t){return(t.haplotype===void 0?void 0:e(t.haplotype))??e(t.sample)}function nr(e,t){return e.flatMap(n=>{let o=Ce(t,n);return o===void 0?[]:[{...n,sample:o}]})}function ut(e){return`${e.refName}:${e.start+1}-${e.end}`}function j(e){return typeof e=="object"&&e!==null}function ga(e){return j(e)&&e.type==="LinearGenomeView"&&typeof e.id=="string"&&typeof e.navToLocString=="function"&&Array.isArray(e.assemblyNames)}function wa(e){return e.flatMap(t=>j(t)&&Array.isArray(t.views)?[t,...t.views]:[t])}function Be({views:e,connectedViewId:t,assemblyName:n}){let o=wa(e).filter(r=>ga(r)).filter(r=>r.assemblyNames.includes(n));return o.find(r=>r.id===t)??(o.length===1?o[0]:void 0)}function Jt(e,t){let n=e.assemblyManager;return n?.has(t)?n.get(t)?.name??t:t}function hc(e,t){let n=e.assemblyManager,o=n?.has(t.assemblyName)?n.get(t.assemblyName):void 0;return o?{...t,assemblyName:o.name,refName:o.getCanonicalRefName2?.(t.refName)??t.refName}:t}function qt(e,t){let n=_(t,"assemblyNames");return Array.isArray(n)?n.filter(o=>typeof o=="string").map(o=>Jt(e,o)):[]}function rr(e,t,n){n.catch(o=>{console.error(`[GraphGenomeView] ${t}`,o),e.notifyError?.(`${t}: ${o}`,o)})}var ba=1e3;function Zt(e,t=ba){let n=Math.max(0,Math.ceil((t-(e.end-e.start))/2));return{...e,start:Math.max(0,e.start-n),end:e.end+n}}function ar(e,t){return t?e.map(n=>n.rank===0?{...n,sample:t.assemblyName,haplotype:void 0,refName:t.refName,start:t.start,end:t.end}:n):e}function fc({session:e,location:t,assembly:n,connectedViewId:o,tracks:a=[]}){let r=Be({views:e.views,connectedViewId:o,assemblyName:n}),s;return r?(rr(e,`Could not show ${n} ${ne(t)}`,Promise.resolve(r.navToLocString(ut(t),n))),s=r.id):s=e.addView("LinearGenomeView",{displayName:`${n} \u2014 ${ne(t)}`,init:{assembly:n,loc:ut(t),tracks:a}}).id,s}function gc({session:e,location:t,assembly:n,connectedViewId:o}){Be({views:e.views,connectedViewId:o,assemblyName:n})&&e.addHighlight?.({refName:t.refName,start:t.start,end:t.end,assemblyName:n})}function or(e,t){let n=t===void 0?void 0:e.tracks.find(o=>_(o,"trackId")===t);return n?qt(e,n):[]}function wc({session:e,contributors:t,trackId:n,graphTrackId:o}){let a=or(e,o),r=or(e,n),s=t.filter(d=>r.includes(d.sample)),i=s.length>=2?s:t,c={init:{views:i.map(d=>({assembly:d.sample,loc:ut(d),...o!==void 0&&a.includes(d.sample)?{tracks:[o]}:{}})),tracks:n?i.slice(1).map(()=>[n]):[],collapseEmptyRows:!0}};rr(e,"Could not open the synteny view",e.launchView("LinearSyntenyView",c))}function sr(e){if(typeof e!="object"||e===null)return!1;let t=e;return typeof t.horizontalScroll=="function"&&typeof t.zoomTo=="function"&&"coarseDynamicBlocks"in t&&"dynamicBlocks"in t}function ir(e){return e.reduce((t,n)=>t&&t.end-t.start>=n.end-n.start?t:n,void 0)}function cr(e,t){let n=ir(e.dynamicBlocks.contentBlocks.filter(r=>r.refName===t.refName&&r.assemblyName===t.assemblyName)),{bpPerPx:o}=e;if(!n||!(o>0))return;let a=n.offsetPx-e.offsetPx;return n.reversed?{scale:-1/o,translateX:a+n.end/o}:{scale:1/o,translateX:a-n.start/o}}function yc(e){let t=ir(e.dynamicBlocks.contentBlocks),n=t?.displayedRegionIndex===void 0?void 0:e.displayedRegions[t.displayedRegionIndex];return t&&e.bpPerPx>0?{refName:t.refName,assemblyName:t.assemblyName,start:t.start,end:t.end,bpPerPx:e.bpPerPx,span:e.bpPerPx*e.width,regionStart:n?.start??t.start,regionEnd:n?.end??t.end}:void 0}function ya(e,t,n=!0){let o=e.end-e.start,a=n?Math.max(0,Math.min(e.span,(t-o)/2)):0,r=Math.max(e.regionStart,Math.floor(e.start-a)),s=Math.min(e.regionEnd,Math.ceil(e.end+a)),i=s-r-t;return i>0&&(r+=Math.floor(i/2),s-=Math.ceil(i/2)),{refName:e.refName,assemblyName:e.assemblyName,start:r,end:s}}function kc(e,t,n=!0){if(e?.refName!==t.refName||e.assemblyName!==t.assemblyName)return!1;if(n)return e.start<=t.start+1&&t.end<=e.end+1;let o=ya(t,1/0,!1);return Math.abs(e.start-o.start)<1&&Math.abs(e.end-o.end)<1}function Oe(e,t,n){let o=new Map;for(let r of e.nodes)if(ce(r)){let{refName:s}=r.stable;if(n[r.id]?.length){let i=o.get(s)??o.set(s,{nodes:[],reach:0}).get(s);i.nodes.push(r),i.reach=Math.max(i.reach,r.length)}}for(let{nodes:r}of o.values())r.sort((s,i)=>s.stable.start-i.stable.start);let a=[];for(let r of t){let s=o.get(r.refName);if(!s)continue;let i=[],c=[],d=new Set,l,m=1/0,p=0,h=(r.start+r.end)/2,{nodes:u,reach:f}=s;for(let g=yt(u,r.start-f);g<u.length&&u[g].stable.start<r.end;g++){let b=u[g],S=b.stable.start,R=S+b.length;if(R<=r.start)continue;let y=n[b.id];d.add(b.id),p+=Math.min(R,r.end)-Math.max(S,r.start);let k=[],w=[];for(let M of r.exons){let A=Math.max(M.start,S),N=Math.min(M.end,R);if(N<=A)continue;let I=Pt(y,(A-S)/b.length,(N-S)/b.length);I.length===1&&I.push({...I[0]}),k.push(ke(I)),w.push(I)}k.length>0&&(i.push(...k),c.push({nodeId:b.id,d:k.join(""),stretches:w}));let x=Math.min(Math.max(h,S),R),v=Math.abs(x-h);if(v<m){m=v;let M=b.length?(x-S)/b.length:0;l=Pt(y,M,M)[0]}}l&&a.push({gene:r,exons:i.join(""),exonsByNode:c,nodeIds:d,at:l,covered:p/(r.end-r.start)})}return a}var dr="11.4.0";function _e(e,t,n={}){return{nodePositions:n.drawsRows?{}:e.nodePositions,deletions:t.bypassed,deletionRoutes:e.deletionRoutes,stranded:e.stranded,hiddenEdges:t.hidden}}var pr=(e,t)=>!!e.referencePath&&X(t).name===e.referencePath;function ka(e,t){return(e.paths??[]).filter(n=>n.name===t).sort((n,o)=>(n.start??0)-(o.start??0))}var mr=e=>new Map(e.nodes.map(t=>[t.id,t]));function Sa(e){let t=new Map;return e.edges.forEach((n,o)=>{t.set(`${n.from}>${n.to}`,o)}),{byId:mr(e),edgeAt:t}}function xa(e,t,{byId:n,edgeAt:o}){let a=ka(e,t),r=a[0];if(!r)return;let s=w=>n.get(w)?.length??0,i=w=>w.nodeIds.reduce((x,v)=>x+s(v),0),c=a.reduce((w,x)=>w+i(x),0),d=w=>{let x=Math.min(...w.map(v=>v.start??1/0));return Number.isFinite(x)?{start:x,end:Math.max(...w.map(v=>(v.start??0)+i(v)))}:void 0},l=d(a),m=l&&{contig:r.contig??Xe(X(t).name),...l},p=m?m.end-m.start:c,h=new Set,u=new Set,f=new Map,g=0;for(let w of a)m&&(g=Math.max(g,(w.start??0)-m.start)),w.nodeIds.forEach((x,v)=>{if(h.add(x),v>0){let A=w.nodeIds[v-1],N=o.get(`${A}>${x}`)??o.get(`${x}>${A}`);N!==void 0&&u.add(N)}let M=s(x);f.has(x)||f.set(x,p>0?(g+M/2)/p:0),g+=M});let b=0,S=0,R;a.forEach((w,x)=>{if(R!==void 0&&w.start!==void 0&&w.start>R)for(let v of xn(w.start-R,a[x-1].after,w.before))b+=v.cause==="missing"?v.bp:0,S+=v.cause==="unknown"?v.bp:0;R=w.start===void 0?void 0:w.start+i(w)});let y=pr(e,t),k=()=>{let w=y?[]:(e.paths??[]).filter(v=>pr(e,v.name));if(w.length===0)return;let x=d(w);return x?x.end-x.start:w.reduce((v,M)=>v+i(M),0)};return{name:t,reference:y,range:m,nodeIds:h,edgeIndexes:u,progress:f,steps:a.reduce((w,x)=>w+x.nodeIds.length,0),bp:c,referenceBp:k(),missingBp:b,unknownBp:S}}function lr(e,t,n,o){let a=new Map;for(let[r,s]of t.progress){let i=e.get(r),c=o?.midpoints.get(r),d=n.field==="progress"?s:o&&c!==void 0&&i&&T(i)?(c-o.start)/o.span:void 0;a.set(r,Vn(n,d))}return a}function Ra(e,t,n){let o=new Set,a=0,r=e.referencePath;if(!r||n.reference)return{reversed:o,bp:a};let s=e.pathVisits;if(!s)return{reversed:o,bp:a};let i=s.pathIndex(X(n.name).name),c=s.pathIndex(r);for(let d of n.progress.keys()){let l=t.get(d),m=l?s.slot(l.name):-1,p=m<0?-1:s.firstBy(m,i),h=m<0?-1:s.firstBy(m,c);p>=0&&h>=0&&s.reversed[p]!==s.reversed[h]&&(o.add(d),a+=l.length)}return{reversed:o,bp:a}}function $e(e,t,n){let o=Sa(e),a=new Set,r=t.filter(c=>!a.has(c.walk)&&a.add(c.walk)).flatMap(c=>{let d=xa(e,c.walk,o);return d?[{walk:d,layer:c}]:[]}).sort((c,d)=>Number(d.walk.reference)-Number(c.walk.reference));if(r.length===0)return;let s=0,i=r.map(({walk:c,layer:d})=>{let l=Ot(d,c.reference,c.reference?0:s++,r.length===1),{reversed:m,bp:p}=Ra(e,o.byId,c);return{...c,encoding:l,colors:lr(o.byId,c,l,n),reversed:m,reversedBp:p}});return ur(i,n)}var va={field:"progress",scheme:"red"};function We(e,t,n,o){let a=mr(e);return t.walks.map(r=>{let s=n.find(c=>c.walk===r.name)?.color,i=Ot({walk:r.name,color:{...va,...s}},r.reference,0);return ur([{...r,encoding:i,colors:lr(a,r,i,o)}],o)})}function ur(e,t){return{walks:e,referenceDomain:t?{start:t.start,end:t.start+t.span}:void 0,nodeIds:new Set(e.flatMap(n=>[...n.nodeIds])),edgeIndexes:new Set(e.flatMap(n=>[...n.edgeIndexes])),names:new Set(e.map(n=>n.name))}}var K={...Bt,width:1200,height:800,colorScheme:"auto",nodeWidth:"depth",contigThickness:6,connectorThickness:2};function Qt(e){let t=K,n={};for(let[o,a]of Object.entries(e))a!==void 0&&a!==t[o]&&(n[o]=a);return n}var hr=[{value:"auto",label:"Auto"},{value:"uniform",label:"Uniform"},{value:"random",label:"Random"},{value:"rainbow",label:"Rainbow"},{value:"depth",label:"Depth"},{value:"node-length",label:"Node length"},{value:"stable-rank",label:"Stable rank"},{value:"reference-position",label:"Reference position"},{value:"grey",label:"Grey"}],Ma=hr.map(e=>e.value);function Fe(e,t){return e!=="auto"?e:t?.anchoredBy?"reference-position":"uniform"}function fr(e,t,n){let o=n.region,a=n.colorDomain??o,r=n.walkRows,s=Te(t,{region:n.fitToDrawing?void 0:o,extent:r&&t.extent?ue(r,n.walkRowPitch):void 0}),i=new Map(e.nodes.map(w=>[w.id,w])),c=Fe(n.colorScheme??K.colorScheme,e),d=c==="reference-position"&&!t.tubeMap?Ne(e,a):void 0,l=Re(e,t.tubeMap?[]:xe(e),n.showDeletionEdges),m=n.walks??[],p=m.some(w=>w.color?.field==="reference")?d??Ne(e,a):void 0,h=m.length>0&&!t.tubeMap?$e(e,m,p):void 0,u=et(n.facet),f=u.field&&h&&h.walks.length>1?We(e,h,m,p):void 0,g=u.field&&f?{panels:f,place:tt(f.map(w=>w.walks[0].name),u.field,u.domain)}:void 0,b=je(e.paths?.length?ve(e.paths):[]),S=n.referenceName??xt(e,o),R=n.contigThickness??K.contigThickness,y=n.nodeWidth??K.nodeWidth,k=h?.referenceDomain&&{...h.referenceDomain,name:S};return{bounds:s,nodeById:i,colorScheme:c,referenceRamp:d,drawnDeletions:l,layers:m,lift:h,facet:u,facets:g,labelOf:w=>b.get(w)??w,referenceName:S,keyText:w=>{let x=vo(w,k);return{note:x.delta+x.gaps+x.reversed,scale:x.scale}},contigThickness:R,nodeWidth:y,geometry:(w,x)=>Ue({..._e(t,l,{drawsRows:!!r}),graph:e,nodeById:i,colorScheme:c,contigThickness:R,connectorThickness:n.connectorThickness??K.connectorThickness,drawPaths:!1,nodeWidth:y,linearLayout:n.linearLayout,highlight:w,axis:x,referenceRamp:d})}}var tn='font-family="Helvetica, Arial, sans-serif" font-size="11"',La=48,ht=18,Na=16,Pa=22,Aa="rgb(160,160,160)",wr="#1c1c22";function en(e,t,n,o,a,r,s,i=1){let c=o.length>1?La:ht,d=o.length>1?`fill="url(#${e})"`:`fill="${o[0].color}"${i<1?` fill-opacity="${i}"`:""}`,l=o.length>1?`<linearGradient id="${e}">${o.map(p=>`<stop offset="${p.offset}" stop-color="${p.color}"/>`).join("")}</linearGradient>`:"";return{width:Math.max(c+5+(a.length+r.length)*pe,(s?.length??0)*pe),markup:`${l}<g transform="translate(${t} ${n})" ${tn}><rect y="5" width="${c}" height="8" rx="2" ${d}/><text x="${c+5}" y="13"><tspan font-weight="bold">${Q(a)}</tspan>${Q(r)}</text>${s?`<text y="28">${Q(s)}</text>`:""}</g>`}}function Ta(e,t){return{width:ht+5+4*pe,markup:`<g transform="translate(${e} ${t})" ${tn}><rect x="1" y="4" width="${ht-2}" height="10" rx="4" fill="none" stroke="${Ft}" stroke-width="2"/><text x="${ht+5}" y="13">exon</text></g>`}}function gr(e,t,n,o,a,r){return en(e,t,n,_t(o.encoding),a,r.note,r.scale)}function Ga(e,t){return e.replaceAll(/([ML])(-?[\d.e-]+),(-?[\d.e-]+)/g,(n,o,a,r)=>`${o}${+(Number(a)*t.scaleX+t.translateX).toFixed(1)},${+(Number(r)*t.scaleY+t.translateY).toFixed(1)}`)}function Ea(e,t,n,o,a){return`<rect x="${e-n/2}" y="${t-ye-Nt+2}" width="${n}" height="${ye+Nt*2-2}" rx="3" fill="#fff" fill-opacity="0.85" stroke="${Ft}"/><text x="${e}" y="${t}" font-family="Helvetica, Arial, sans-serif" font-size="${ye}" fill="${wr}" text-anchor="middle"><tspan font-style="italic" font-weight="600">${Q(o)}</tspan>${a?Q(a):""}</text>`}function nn(e,t,n={}){let o=n.width??K.width,a=n.height??K.height,r=n.walkRows,{bounds:s,nodeById:i,referenceRamp:c,layers:d,lift:l,facet:m,facets:p,labelOf:h,referenceName:u,keyText:f,contigThickness:g,nodeWidth:b,geometry:S}=fr(e,t,n),R=t.pixelRows??!1,y=c&&{start:c.start,end:c.start+c.span},k=n.genes?.length&&!t.tubeMap&&!r?Oe(e,n.genes,t.nodePositions):[],w=ze(e,i,g,b),x=0;function v(G,L,P,B){let O=[],H=yo(bo(k,w.halfWidthPx,G,z=>Ga(z,L)),{id:`exons${x++}`,width:P,height:B});H&&O.push(re(H));let E=z=>({x:z.x*L.scaleX+L.translateX,y:z.y*L.scaleY+L.translateY}),D={width:P,height:B};for(let{item:z,x:ge,y:ie,w:Dr,text:Xr}of An(So(k,E,g,ko(t.nodePositions,L)),D,Pn(D))){let Vr=E(z.at).y+g/2;O.push(`<line x1="${ge}" x2="${ge}" y1="${ie-ye-2}" y2="${Vr}" stroke="${wr}" stroke-width="0.8" stroke-opacity="0.6"/>`,Ea(ge,ie,Dr,z.gene.name,Xr.slice(z.gene.name.length)))}r&&O.push(re(Ct(r,{...L,width:P,height:B,...n.walkRowPitch},{ramp:y,rowGenes:n.rowGenes})));let q=he(r,t,n.walkRowPitch);for(let{label:z,y:ge}of q){let ie=ge*L.scaleY+L.translateY;ie>=0&&ie<=B&&O.push(`<text x="6" y="${ie+4}" ${tn} stroke="#fff" stroke-width="3" paint-order="stroke">${Q(z)}</text>`)}return O.join("")}function M(G,L,P){let B=Ae(s,L,P,R,p?{padLeft:U,padTop:U,padRight:U,padBottom:U}:{});if(!B)return"";let O=nt(B.scale,R),{canvas:H,markup:E}=wo(L,P),D=new go(H);D.uploadGeometry(S(G,O));let q={scaleX:O.scaleX,scaleY:O.scaleY,translateX:B.translateX,translateY:B.translateY};return D.updateTransform({...q,dpr:1}),D.render([1,1,1,1]),E()+v(G,q,L,P)}let A=[],N;if(p){let{panels:G,place:L}=p,P=Qe({count:L.count,bounds:s,pixelRows:R,width:o,room:a,columns:L.columns??m.columns});G.forEach((B,O)=>{let H=L.cells[O],E=H%P.columns*(P.width+Pe),D=Math.floor(H/P.columns)*(P.height+Ze+Pe),q=B.walks[0];A.push(gr(`key${O}`,E+6,D+2,q,h(q.name),f(q)).markup,`<svg x="${E}" y="${D+Ze}" width="${P.width}" height="${P.height}">${M(B,P.width,P.height)}</svg>`)}),N=P.total}else{let G=6,L=E=>{A.push(E.markup),G+=E.width+Na};if(l&&(l.walks.forEach((E,D)=>{L(gr(`key${D}`,G,2,E,h(E.name),f(E)))}),L(en("faded",G,2,[{offset:0,color:Aa}],"",`not on ${l.walks.length===1?h(l.walks[0].name):"these walks"}`,void 0,.3))),r){let E=It(Et(r,{ramp:y,genes:n.rowGenes?.size?n.rowGeneGaps:void 0}),G,2,"rows-key");L({width:E.width,markup:re(E.tree)})}else!l&&c&&L(en("ramp",G,2,_t({field:"reference",scheme:"rainbow"}),u?`${u} position`:"Reference position","",Ro(u,c.start,c.start+c.span)));k.some(E=>E.exonsByNode.length>0)&&L(Ta(G,2));let P=A.length>0?Ze:0,B=o-2*C,O=R||!(s.w>0)?s.h:s.h*B/s.w,H=Math.max(160,Math.min(a-P,Math.ceil(O+2*C)));A.push(`<svg y="${P}" width="${o}" height="${H}">${M(l,o,H)}</svg>`),N=P+H}let I=n.walkStrip;if(I&&!r&&!t.tubeMap){let G=Ie(I.rows,{width:o}),L=It(Et(I.rows,{ramp:y,genes:Kt(G,I.rowGenes,I.rowGeneGaps)}),6,N+G.height,"strip-key");A.push(`<line x1="0" x2="${o}" y1="${N+.5}" y2="${N+.5}" stroke="#ddd"/>`,`<svg y="${N}" width="${o}" height="${G.height}">${re(Ct(I.rows,G,{ramp:y,rowGenes:I.rowGenes,idPrefix:"strip"}))}${re(Ut(I.rows,G,new Set(d.map(P=>P.walk))))}</svg>`,re(L.tree)),N+=G.height+Pa}let Hr=JSON.stringify({generator:`@jbrowse/bandage-core@${dr}`,...n.spec===void 0?{}:{spec:n.spec}});return`<svg xmlns="http://www.w3.org/2000/svg" width="${o}" height="${N}" viewBox="0 0 ${o} ${N}"><metadata>${Q(Hr)}</metadata><rect width="${o}" height="${N}" fill="#fff"/>${A.join("")}</svg>
-`}var Ia=.9;function He(e,t){return e+2>=t||e>=Ia*t}var Ca=50;function on(e,t,n,o=[]){let a=new Map(e.nodes.map(s=>[s.name,s])),r=[];for(let s of t){let i=[],c=1/0,d=-1/0,l=1/0,m=[],p=ae(s);for(let[f,g]of p.entries()){let b=a.get(g),S=b&&n[b.id];if(!(!b||!S?.length)&&!(s.key?f===0||f===p.length-1:T(b)&&(b.stable.start<s.start||b.stable.start>=s.end))){m.push(b.id),i.push(ke(S.length===1?[S[0],S[0]]:S));for(let R of S)c=Math.min(c,R.x),d=Math.max(d,R.x),l=Math.min(l,R.y)}}if(m.length===0)continue;let h={x:(c+d)/2,y:l},u=s.covering===!0||He(m.length,e.nodes.length);r.push({bubble:s,...no(s,o),path:i.join(""),labelAt:h,members:m.length,nodeIds:m,whole:u,tick:!u&&!s.partial&&s.longestAlleleLength<Ca})}return r}function De(e,t){let n=new Set(t),o=e.nodes.filter(c=>n.has(c.name)),a=new Set(o.map(c=>c.id)),r=new Map(e.nodes.map(c=>[c.id,c.length])),s=new Map,i=e.paths?.flatMap(c=>{let d=c.nodeIds.findIndex(p=>a.has(p));if(d<0)return[];let l=c.nodeIds.filter(p=>a.has(p));s.set(c.name,{first:d,nodeIds:l});let m=c.nodeIds.slice(0,d).reduce((p,h)=>p+(r.get(h)??0),0);return[{...c,nodeIds:l,...c.start===void 0?{}:{start:c.start+m}}]});return{name:e.name,nodes:o,edges:e.edges.filter(c=>a.has(c.from)&&a.has(c.to)),...i?.length?{paths:i}:{},anchorPaths:Mn(e,s),pathVisits:e.pathVisits,anchoredBy:e.anchoredBy,referencePath:e.referencePath}}function rn(e,t,n,o){let a=e.get(t);e.set(t,{min:Math.min(a?.min??1/0,n.min+o),max:Math.max(a?.max??-1/0,n.max+o),n:Math.min(to,n.n+(a?.n??0))})}function br(e){if(!e.nodes.some(T))return[];let t=new Map(e.nodes.map(p=>[p.id,p])),n=Dt(e),o=new Map(n.map((p,h)=>[p,h])),a=new Int32Array(n.length+1),r=new Map,s=new Set;for(let p of e.edges){let h=o.get(p.from),u=o.get(p.to);if(h===void 0||u===void 0||h===u)continue;s.add(`${p.from}>${p.to}`).add(`${p.to}>${p.from}`);let[f,g]=h<u?[h,u]:[u,h];a[f+1]++,a[g]--;let[b,S]=h<u?[p.from,p.to]:[p.to,p.from];yn(r,b,S)}for(let p=1;p<a.length;p++)a[p]+=a[p-1];let i=e.nodes.filter(T).sort((p,h)=>p.stable.start-h.stable.start),c=new Set([i[0].id,i.at(-1).id]),d=i.map(p=>[p,o.get(p.id)]).filter(([p,h])=>c.has(p.id)||a[h]===0).sort(([p,h],[u,f])=>h-f||p.stable.start-u.stable.start),l=an(e,d.map(([p])=>p.id)),m=[];for(let p=0;p+1<d.length;p++){let[h,u]=d[p],[f,g]=d[p+1],b=n.slice(u+1,g);if(b.length===0)continue;let S=new Map([[h.id,{min:0,max:0,n:1}]]);for(let M of[h.id,...b]){let A=S.get(M);if(A)for(let N of r.get(M)??[])o.get(N)>g||rn(S,N,A,N===f.id?0:t.get(N).length)}let R=sn(e,t,l,h.id,f.id,()=>S.get(f.id)??{min:0,max:0,n:0}),y=h.stable.start+h.length,k=f.stable.start,w=[h.id,...b.filter(M=>T(t.get(M))),f.id],x=w.some((M,A)=>A>0&&!s.has(`${w[A-1]}>${M}`)),v=k-y;m.push(cn({refName:h.stable.refName,start:y,end:k},[h,...b.map(M=>t.get(M)),f],x&&!R.routes?{...R,min:v,max:v}:R,x||R.walksLeave))}return m}function an(e,t){let n=e.paths;if(!n)return;let o=new Map;for(let a of t)o.set(a,new Int32Array(n.length).fill(-1));return n.forEach((a,r)=>{let s=a.nodeIds;for(let i=0;i<s.length;i++){let c=o.get(s[i]);c?.[r]===-1&&(c[r]=i)}}),o}function sn(e,t,n,o,a,r){if(!n)return{...r(),walksLeave:!1};let s=[],i=1/0,c=-1/0,d=0,l=n.get(o),m=n.get(a);e.paths.forEach((h,u)=>{let f=l[u],g=m[u];if(f<0||g<0){(f>=0||g>=0)&&d++;return}let b=h.nodeIds,S=Math.min(f,g)+1,R=Math.max(f,g),y=g<f?w=>b[R-1-w]:w=>b[S+w],k=s.find(w=>w.steps.length===R-S&&w.steps.every((x,v)=>x===y(v)));if(!k){let w=Array.from({length:R-S},(v,M)=>y(M)),x=0;for(let v of w)x+=t.get(v)?.length??0;k={steps:w,bp:x,walks:[]},s.push(k)}k.walks.push(h.name),i=Math.min(i,k.bp),c=Math.max(c,k.bp)});let p=d>0;return s.length?{min:i,max:c,n:s.length,routes:s,walksLeave:p}:{...r(),walksLeave:p}}function cn(e,t,{min:n,max:o,n:a,routes:r},s){return{...e,segmentCount:t.length,pathCount:a,inversion:!1,shortestAlleleLength:n,longestAlleleLength:o,segments:t.map(i=>i.name).join(","),shortestAllele:void 0,longestAllele:void 0,partial:s,routes:r}}function Ba(e,t){let n=e.nodes.length*2,o=new Set,a=[],r=new Int32Array(n);for(let d of e.edges){let l=t.get(d.from),m=t.get(d.to);if(l===void 0||m===void 0)continue;let p=Se(d),h=l*2+(p.from==="end"?1:0),u=m*2+(p.to==="end"?1:0),f=Math.min(h,u)*n+Math.max(h,u);o.has(f)||(o.add(f),a.push(h,u),r[h]++,h!==u&&r[u]++)}let s=new Int32Array(n+1);for(let d=0;d<n;d++)s[d+1]=s[d]+r[d];let i=new Int32Array(s[n]),c=s.slice(0,n);for(let d=0;d<a.length;d+=2){let l=a[d],m=a[d+1];i[c[l]++]=m,l!==m&&(i[c[m]++]=l)}return{offset:s,next:i}}function Oa(e,t,n){let o=new Int32Array(e),a=new Uint8Array(e*2),r=new Int32Array(e*2),s=new Int32Array(e),i=[],c=0;return d=>{let l=d>>1;c++,i.length=0;let m=0,p=0,h=0,u,f=g=>{a[g]||(a[g]=1,m++,i.push(g))};f(d),r[p++]=d;e:for(;p>0;){let g=r[--p],b=g>>1;if(o[b]=c,b!==l&&(s[h++]=g),a[g]&&(a[g]=0,m--),t[g]===t[g+1])break;for(let S=t[g];S<t[g+1];S++){let R=n[S],y=R>>1;if(y===l)break e;if(f(R^1),o[y]===c)continue;let k=!0;for(let w=t[R];w<t[R+1];w++)if(o[n[w]>>1]!==c){k=!1;break}k&&(r[p++]=R^1)}if(p===1&&m===1){h>0&&(u={source:d,sink:r[0],inside:s.slice(0,h)});break}}for(let g of i)a[g]=0;return u}}function _a(e){return{source:e.sink^1,sink:e.source^1,inside:e.inside.map(t=>t^1).reverse()}}var Sr=new Intl.Collator(void 0,{numeric:!0});function dn(e,t){return T(e)&&T(t)&&e.stable.refName===t.stable.refName}function yr(e,t){let n=t[e.source>>1],o=t[e.sink>>1],a=dn(n,o)?n.stable.start-o.stable.start:0,r=((e.sink^1)&1)-(e.source&1);return(a||r||Sr.compare(n.name,o.name))<0}function kr(e){return[e.source>>1,...Array.from(e.inside,t=>t>>1),e.sink>>1]}function $a(e){let{nodes:t}=e,n=new Map(t.map((c,d)=>[c.id,d])),{offset:o,next:a}=Ba(e,n),r=Oa(t.length,o,a),s=new Map;for(let c=0;c<t.length*2;c++){let d=r(c);if(!d)continue;let l=d.source>>1,m=d.sink>>1,p=Math.min(l,m)*t.length+Math.max(l,m);(yr(d,t)||!s.has(p))&&s.set(p,d)}return{found:[...s.values()].map(c=>yr(c,t)?c:_a(c)),offset:o,next:a}}function Wa(e,t,n,o){let a=o.sink>>1,r=new Map([[o.source>>1,{min:0,max:0,n:1}]]);for(let s of[o.source,...o.inside]){let i=r.get(s>>1);if(i)for(let c=t[s];c<t[s+1];c++){let d=n[c]>>1;rn(r,d,i,d===a?0:e[d].length)}}return r.get(a)??{min:0,max:0,n:0}}function pn(e,t){let{nodes:n}=e,{found:o,offset:a,next:r}=$a(e),s=o.map(u=>He(u.inside.length,n.length)),i=o.map(kr),c=new Map;i.forEach((u,f)=>{for(let g of u)bn(c,g,f)});let d=(u,f)=>c.get(u.inside[0]>>1).some(g=>g!==f&&!s[g]&&i[g].length>i[f].length&&i[f].every(b=>c.get(b).includes(g))),l=u=>t!==void 0||dn(n[u.source>>1],n[u.sink>>1]),m=o.filter((u,f)=>!s[f]&&l(u)&&!d(u,f)),p=new Map(n.map(u=>[u.id,u])),h=an(e,m.flatMap(u=>[n[u.source>>1].id,n[u.sink>>1].id]));return m.map(u=>{let f=n[u.source>>1],g=n[u.sink>>1],b=sn(e,p,h,f.id,g.id,()=>Wa(n,a,r,u)),S=dn(f,g);return{...cn({refName:S?f.stable.refName:t.refName,start:S?f.stable.start+f.length:t.start,end:S?g.stable.start:t.end},kr(u).map(R=>n[R]),b,b.walksLeave),key:`${f.name}>${g.name}`,...S?{}:{offReference:!0}}}).sort((u,f)=>u.start-f.start||u.end-f.end||Sr.compare(u.key,f.key))}function ft(e,t){let n=e.nodes.length,o=br(e);if(o.length===0){let a=pn(e,t);return t?[...a,{...t,covering:!0}]:a}return o.flatMap(a=>He(a.segmentCount-2,n)?[...pn(a.segmentCount===n?e:De(e,ae(a)),a),{...a,covering:!0}]:[a])}function mn(e,t,n){if(t==="uniform"||t==="grey")return;let o=_n(e,n);return new Map(e.nodes.map((a,r)=>[a.id,Bn($n(a,r,t,o))]))}var gt=JBrowseExports["@jbrowse/core/pluggableElementTypes/renderers/util/serializableFilterChain"];var xr=gt&&gt.__esModule?gt.default:gt;var ln={paths:!1,bubbles:!1,deletions:!0,genes:!0,referenceStrip:!0,walkStrip:!1};function Rr(e){let t=j(e)?e:{};return new Set(Object.keys(ln).filter(n=>t[n]??ln[n]))}function Hh(e,t,n){let{[t]:o,...a}=j(e)?e:{};return n===ln[t]?a:{...a,[t]:n}}var un={depth:"depth",length:"node-length",rank:"stable-rank",position:"reference-position"},vr=Object.fromEntries(Object.entries(un).map(([e,t])=>[t,e]));function Mr(e){if(e==="grey"||e==="uniform")return e;if(j(e)){let{field:t,scheme:n}=e;if(t==="id")return n==="rainbow"?"rainbow":"random";if(typeof t=="string"&&t in un)return un[t]}return"auto"}function Lr(e){return j(e)&&typeof e.domainMin=="number"&&typeof e.domainMax=="number"?{start:e.domainMin,end:e.domainMax}:void 0}function Vh(e,t){return e==="grey"||e==="uniform"?e:e==="random"?{field:"id",scale:"categorical"}:e==="rainbow"?{field:"id",scheme:"rainbow"}:e==="reference-position"&&t?{field:"position",domainMin:t.start,domainMax:t.end}:vr[e]?{field:vr[e]}:{}}var Nr=6;function hn(e){return typeof e=="number"?{width:"uniform",px:e}:j(e)?{width:e.field==="depth"?"depth":"uniform",px:typeof e.value=="number"?e.value:Nr}:{width:"depth",px:Nr}}function Yh(e,t){return e==="depth"?{field:"depth",value:t}:t}function Fa(e,t,n){let o=Ln(e,t);return o?Mt(o,n):void 0}function Pr(e){try{return e()}catch{return}}function Ar(e){let t=new Map;for(let n of e.nodes)t.set(n.id,n);return t}function Tr(e,t,n){return t&&n?Gt({nodeId:e,nodeById:t,neighbors:n}):void 0}var Gr=eo.views(e=>({sessionTrack(t){return Y(e).tracks.find(n=>n.trackId===t)},get grammar(){return{}},get hasPendingSource(){return!1},get canRetryLoad(){return!1},get sourceTrack(){return Pr(()=>gn(e).configuration)},get containingView(){return Pr(()=>wt(e))}})).views(e=>{let t=r=>Nn(r,{equals:(s,i)=>JSON.stringify(s)===JSON.stringify(i)}),n=t(()=>Lr(e.grammar.color)),o=t(()=>et(e.grammar.facet)),a=t(()=>{let r=co(e.grammar.facet);return r&&r.field!=="walk"&&r.field!=="sample"?r:void 0});return{get chosenLayoutMode(){return e.grammar.layoutMode??"force"},get chosenColorScheme(){return Mr(e.grammar.color)},get statedColorDomain(){return n.get()},get chosenHover(){return e.grammar.hover??"nodes"},get nodeWidth(){return hn(e.grammar.size).width},get contigThickness(){return hn(e.grammar.size).px},get layerSet(){return Rr(e.grammar.layers)},get drawPaths(){return this.layerSet.has("paths")},get showBubbles(){return this.layerSet.has("bubbles")},get showDeletionEdges(){return this.layerSet.has("deletions")},get showGenes(){return this.layerSet.has("genes")},get showReferenceStrip(){return this.layerSet.has("referenceStrip")},get walkStrip(){return this.layerSet.has("walkStrip")},get facetSetting(){return o.get()},get walkRowGroupBy(){return a.get()},get walkRowSamples(){let r=e.grammar.rows?.kept;return Array.isArray(r)?r:void 0},get hoverLightsEverything(){return this.chosenHover==="everything"},get litNode(){return this.chosenHover==="off"?null:e.hoveredNode}}}).views(e=>({get paneWidth(){return wt(e).width},get paneMeasured(){return!0},get drawnGraph(){return e.layoutResult?.tubeMap?.graph??e.graph}})).views(e=>({get nodeById(){return e.drawnGraph&&Ar(e.drawnGraph)},get nodeLengths(){let t=new Map;for(let n of e.drawnGraph?.nodes??[])t.set(n.id,n.length);return t},get nodeCount(){return e.graph?.nodes.length??0},get edgeCount(){return e.graph?.edges.length??0},get pathCount(){return e.graph?.paths?.length??0},get legendAtRest(){return e.hoveredNode===null&&e.hoveredRowWalks.length===0},get hasGraph(){return e.graph!==void 0},get geometryPainted(){return Zn(e)},get showLoading(){return e.error===void 0&&(e.isLoading||e.hasPendingSource||e.graph!==void 0&&!this.geometryPainted)},get canCancelLoad(){return e.isLoading&&!e.layoutResult},get usesLayoutEngine(){return e.graph?Vt(e.chosenLayoutMode,e.graph):!1},get anchorPaths(){return e.graph?.anchorPaths??[]},get walkChoices(){let t=e.graph?.paths;return t?.length?ve(t):[]},get effectiveDrawPaths(){return e.drawPaths&&Ve(e.graph?.paths?.length??0)},get activeReferencePath(){return e.graph?.referencePath},get rampDomain(){let t=e.openBubbles.at(-1);return t&&!t.offReference&&t.end>t.start?{start:t.start,end:t.end}:e.statedColorDomain??e.graphRegion},get drawnReferenceRamp(){let t=e.drawnGraph;return t?Ne(t,this.rampDomain):void 0},get walkRamp(){return e.walkLayers.some(t=>t.color?.field==="reference")?this.drawnReferenceRamp:void 0},get modeDrawsNodes(){return F(e.chosenLayoutMode).drawsNodes},get liftedWalkLayers(){return e.walkLayers.length>0||!this.modeDrawsNodes?e.walkLayers:e.hoveredRowWalks.map(t=>({walk:t}))},get walkLift(){let{graph:t}=e,n=this.liftedWalkLayers;return t&&!e.walkCut&&n.length>0&&!e.layoutResult?.tubeMap?$e(t,n,this.walkRamp):void 0},get facetPanels(){let{graph:t}=e,n=this.walkLift;return e.facetSetting.field!==""&&this.modeDrawsNodes&&t&&n&&e.walkLayers.length>1&&n.walks.length>1?We(t,n,e.walkLayers,this.walkRamp):void 0},get drawnWalks(){return this.facetPanels?.map(t=>t.walks[0])??this.walkLift?.walks??[]},get liftsWalks(){return!Kn.has(e.chosenLayoutMode)},get walkReference(){let t=this.walkLift?.referenceDomain;return t&&{...t,name:e.graphRegion?.refName}},get walkLabels(){return je(this.walkChoices)},walkLabel(t){return this.walkLabels.get(t)??t},get liftPaintsOffReference(){return!!this.walkLift?.walks.some(t=>t.encoding.field!=="walk"&&[...t.colors.values()].includes(jn))},get liftedWalksLabel(){let t=this.walkLift?.walks??[];return t.length===1?this.walkLabel(t[0].name):"these walks"},get effectiveColorScheme(){return e.layoutResult?.tubeMap&&(this.tubeMapReads||e.chosenColorScheme==="auto")?"uniform":Fe(e.chosenColorScheme,e.graph)},get tubeMapReads(){let t=e.layoutResult;return!t?.tubeMapPanels&&(t?.tubeMap?.layout.reads.length??0)>0},get colorSchemeLock(){return this.walkLift?{value:"By walk",why:"Each highlighted haplotype colours its own lane: set it under Haplotypes, Color highlighted..."}:this.tubeMapReads?{value:"By strand",why:"Reads take the reds and blues, so the tube map leaves its nodes clear"}:void 0},get nodePositions(){return e.layoutResult?.nodePositions},get labelsNodeSizes(){return!e.layoutResult?.tubeMap&&!this.walkLift},get alleleDeletions(){return e.layoutResult?.alleleDeletions??[]},get deletionRoutes(){return e.layoutResult?.deletionRoutes},get stranded(){return e.layoutResult?.stranded},get pixelRows(){return e.layoutResult?.pixelRows??!1},get zoomPercent(){return`${(e.scale*100).toFixed(1)}%`},get isDefaultViewport(){return e.scale===1&&e.translateX===0&&e.translateY===0}})).views(e=>({get derivedBubbles(){return e.graph?ft(e.graph):[]},get openBubbleInsides(){let{graph:t}=e;return t?e.openBubbles.map(n=>ft(De(t,ae(n)),n).filter(o=>!o.covering)):[]},get openBubble(){return e.openBubbles.at(-1)},get openBubbleFocus(){let t=this.openBubble,{graph:n}=e;if(!t||!n)return;let o=new Set(ae(t)),a=new Set(n.nodes.filter(s=>o.has(s.name)).map(s=>s.id)),r=new Set;return n.edges.forEach((s,i)=>{a.has(s.from)&&a.has(s.to)&&r.add(i)}),{walks:[],nodeIds:a,edgeIndexes:r,names:new Set}},get drawnHighlight(){return e.walkLift??this.openBubbleFocus},bubbleIsOpen(t){return e.openBubbles.some(n=>rt(n,t))},bubbleFaded({bubble:t,nodeIds:n}){let o=e.walkLift,a=this.openBubbleFocus;return o?!n.some(r=>o.nodeIds.has(r)):!!a&&!this.bubbleIsOpen(t)&&!n.every(r=>a.nodeIds.has(r))}})).views(e=>({get bubbles(){let t=e.indexBubbles?.length?e.indexBubbles:e.derivedBubbles,n=new Set(t.map(at));return[...t,...e.openBubbleInsides.flat().filter(o=>!n.has(at(o))&&n.add(at(o)))]},get foldNote(){let t=e.foldedBelowBp;return t===void 0?void 0:`variants under ${Gn(t)} folded into the reference`}})).views(e=>({get cutHaplotypes(){},get sourceGfaLocation(){},get sourceAdapter(){let t=e.sourceTrack;return t?Wo(e,t):void 0},get sourceTrackId(){let t=e.sourceTrack;return t?_(t,"trackId"):void 0},get sessionTracks(){let t=Y(e);return t.tracks.map(n=>({trackId:n.trackId,name:_(n,"name"),adapterType:_(n,"adapter").type,assemblies:qt(t,n)}))}})).views(e=>({get assemblyTrackChoices(){let t=e.graphRegion,n=t&&Jt(Y(e),t.assemblyName);return n?e.sessionTracks.filter(o=>o.assemblies.includes(n)):[]}})).views(e=>({get geneTrackChoices(){return e.assemblyTrackChoices.filter(t=>it.has(t.adapterType))},get repeatTrackChoices(){return e.assemblyTrackChoices.filter(t=>Io.has(t.adapterType))},get repeatChoices(){return e.repeatArrays??[]}})).views(e=>({get repeatTrack(){return Co(e.repeatTrackChoices,e.repeatTrackId)},get geneTrack(){return ct(e.geneTrackChoices,e.geneTrackId)},get repeatOptions(){return[{value:"",label:"Whole window"},...e.repeatChoices.map(({key:t,name:n,unit:o})=>({value:t,label:`${n} \xB7 ${o.toLocaleString()} bp unit`}))]},get selectedRepeat(){return e.repeatChoices.find(t=>t.key===e.repeatKey)},get backbone(){return e.graph?St(e.graph):void 0},get cutWalkRows(){let t=e.walkCut?.walkRowRuns;return t?Mt(t):e.graph?me(e.graph,e.graphRegion):void 0},assemblySpellings(t){let{assemblyManager:n}=Y(e),o=n.has(t)?n.get(t):void 0,a=e.sourceAdapter?.assemblyNameToPanSN??{},r=[t,...o?[o.name,...o.aliases]:[]];return{name:t,aliases:[...r,...r.flatMap(s=>a[s]??[])]}},get drawsLoadedReference(){let t=e.graph;return t?.anchoredBy==="tags"||t?.referencePath!==void 0&&t.referencePath===e.loadedReferencePath}})).views(e=>({get geneAssembly(){let t=e.graphRegion;return t?e.assemblySpellings(t.assemblyName):void 0},get geneLaneFilter(){let t=e.containingView;if(!t)return;let n=Bo(t,e.geneTrack?.trackId);return n.length?new xr({filters:n,jexl:wn(e).pluginManager.jexl}):void 0},get geneFeatures(){let t=e.geneTrackFeatures,n=this.geneLaneFilter;return t?Oo(n?t.filter(o=>n.passes(o)):t):void 0},get backboneGenes(){let{backbone:t}=e,{geneAssembly:n,geneFeatures:o}=this,a=e.drawsLoadedReference||n!==void 0&&Rt(t,[n])!==void 0;return t&&o&&a?vt(o,t):void 0}})).views(e=>({get nodeNeighbors(){return e.drawnGraph?Z(e.drawnGraph):void 0},get nodeInk(){return ze(e.drawnGraph,e.nodeById,e.contigThickness,e.nodeWidth)},get allDeletions(){return e.graph&&this.drawsNodes?xe(e.graph):[]},get cohortWalkRows(){if(e.chosenLayoutMode!=="walkrows"||!e.graph)return;let t=e.selectedRepeat,n=e.walkCut,o=t?n?Fa(n,t,t.unit):me(e.graph,t,t.unit):e.cutWalkRows;if(!o)return;let[a,...r]=_o([o.reference,...o.rows],t?.calls);return{...o,reference:a,rows:r}},get walkRowSampleChoices(){let t=this.cohortWalkRows?.rows??[];return{samples:[...new Set(t.map(n=>n.sample))].sort(),disagreeing:[...new Set(t.filter(n=>n.call?.agrees===!1).map(n=>n.sample))]}},get walkRowSamplesTsv(){let t=e.sourceAdapter?.samplesTsvLocation;return t&&vn(t)?t:void 0},get walkRowGroupFields(){return io(e.walkRowSampleTable)},get tubeMapColoring(){let t=e.tubeMapColorBy,n=e.walkRowSampleTable;if(!t||!n||!this.walkRowGroupFields.includes(t))return;let o=fo(t,n),a=(e.graph?.paths??[]).map(r=>X(r.name).name).filter(r=>r!==e.graph?.referencePath);return{field:t,valueOf:o,palette:uo(a.map(o)),unvalued:a.some(r=>o(r)==="")}},get tableGroupBy(){let t=e.walkRowGroupBy,n=e.walkRowSampleTable;return t&&n&&this.walkRowGroupFields.includes(t.field)?{groupBy:t,table:n}:void 0},get tubeMapPanelSplit(){let{field:t,domain:n}=e.facetSetting,o=this.tableGroupBy;return t!==""?{by:t,domain:n}:o?{by:"column",...o.groupBy,table:o.table}:void 0},get keptCohortRows(){let t=this.cohortWalkRows;return t&&Me(t.rows,e.walkRowSamples)},get walkRowGroups(){let t=this.keptCohortRows,n=this.tableGroupBy;return t&&n?po(t,n.table,n.groupBy):void 0},get walkRowBars(){let t=this.cohortWalkRows,n=this.keptCohortRows;return t&&n?{...t,rows:this.walkRowGroups?.rows??n}:void 0},get drawsNodes(){return F(e.drawnLayoutMode??e.chosenLayoutMode).drawsNodes},get genePins(){Ge(e.positionsVersion);let t=e.layoutResult?.nodePositions;return e.showGenes&&this.drawsNodes&&e.graph&&e.backboneGenes&&t?Oe(e.graph,e.backboneGenes,t):[]},get bubbleHalos(){Ge(e.positionsVersion);let t=e.layoutResult?.nodePositions;return!e.showBubbles||!this.drawsNodes||!e.graph||!t?[]:on(e.graph,e.bubbles,t,e.repeatArrays)},get referenceRamp(){return e.effectiveColorScheme==="reference-position"?e.drawnReferenceRamp:void 0},get assemblyNames(){let t=e.graphRegion;return t?[t.assemblyName]:[]},get axisScale(){return nt(e.scale,e.pixelRows)},get scaleX(){return this.axisScale.scaleX},get scaleY(){return this.axisScale.scaleY}})).views(e=>({get screenTransform(){return{scaleX:e.scaleX,scaleY:e.scaleY,translateX:e.translateX,translateY:e.translateY}},toScreen(t){return{x:t.x*e.scaleX+e.translateX,y:t.y*e.scaleY+e.translateY}},get deletionDrawing(){return e.graph?Re(e.graph,e.allDeletions,e.showDeletionEdges):void 0},get deletions(){return this.deletionDrawing?.shown??[]},get deletionEdgeIndexes(){return this.deletionDrawing?.bypassed},get hiddenEdgeIndexes(){return this.deletionDrawing?.hidden},get referenceRampDomain(){let t=e.referenceRamp;return t?{start:t.start,end:t.start+t.span}:void 0},get paintsNodeColors(){return e.drawsNodes||!!e.layoutResult?.tubeMap},get referenceRampDrawsOffReference(){return!!e.referenceRamp&&this.paintsNodeColors&&!!e.drawnGraph?.nodes.some(t=>!T(t))},get tubeMapNodeColors(){let t=e.drawnGraph;return e.layoutResult?.tubeMap&&t?mn(t,e.effectiveColorScheme,e.referenceRamp):void 0},get tubeColorKind(){let t=e.layoutResult,n=e.drawnGraph?.paths??[],o=e.tubeMapReads;return t?.tubeMap?e.tubeMapColoring&&!o?"value":t.tubeMapPanels?"role":this.tubeMapNodeColors?"tinted":!o&&(!Ve(n.length)||n.some(a=>a.members))?"role":"path":void 0},tubeColorsOf(t,n){let o=t.paths??[],a=this.tubeColorKind,r=e.tubeMapColoring;return a==="value"&&r?ho(o,t.referencePath,r.valueOf,r.palette):a==="tinted"?Wt(o,t.referencePath,lo):a==="role"?Wt(o,t.referencePath):n},fadeUnhovered(t,n,o){let a=new Set(e.hoveredRowWalks);return a.size>0?t.map((r,s)=>{let i=n[s]?.name??"";return a.has(i)||o!==void 0&&X(i).name===o?r:Ye}):t},get tubeMapTubeColors(){let t=e.layoutResult?.tubeMap,n=e.drawnGraph;return t&&n?this.fadeUnhovered(this.tubeColorsOf(n,t.pathColors),n.paths??[]):void 0},nodeSpan(t){return Tr(t,e.nodeById,e.nodeNeighbors)},get hoverDrawing(){let t=e.hoveredPanel;return(t===null?void 0:e.layoutResult?.tubeMapPanels?.[t]?.result.tubeMap)??e.layoutResult?.tubeMap},get hoverGraph(){return this.hoverDrawing?.graph??e.drawnGraph},get hoverNodeById(){let t=this.hoverGraph;return t===e.drawnGraph?e.nodeById:t&&Ar(t)},get hoverNeighbors(){let t=this.hoverGraph;return t===e.drawnGraph?e.nodeNeighbors:t&&Z(t)}})).views(e=>({get pathLegend(){let t=e.drawnGraph?.paths;return(e.layoutResult?.tubeMap?e.tubeColorKind==="path":e.drawPaths)&&t&&Ve(t.length)&&!t.some(o=>o.members)?ve(t,e.tubeMapTubeColors):[]},get hoveredSpan(){let t=e.hoveredNode,n=e.hoveredBubble;return t!==null?Tr(t,e.hoverNodeById,e.hoverNeighbors):n&&!n.offReference?{start:n.start,end:n.end}:void 0},get hoverHighlight(){let t=e.graphRegion,n=this.hoveredSpan;return t&&n&&e.chosenHover!=="off"?{refName:t.refName,assemblyName:t.assemblyName,...n}:void 0}}));var Er=Gr.views(e=>({get host(){let t=e.containingView;return sr(t)?t:void 0}})).views(e=>({get pairedViewId(){return e.host?.id??e.connectedViewId}})).views(e=>({get contributingAssemblies(){let t=e.graph,n=t?J(t):[];return t?tr(t,{maxGap:n.length>0?kt(n):1/0}):[]}})).views(e=>({get assemblyResolver(){let{assemblyManager:t}=Y(e),n=e.sourceAdapter?.assemblyNameToPanSN,o=new Map(Object.entries(n??{}).map(([r,s])=>[s,r])),a=r=>r!==void 0&&t.has(r)?t.get(r)?.name??r:void 0;return r=>a(o.get(r))??a(r)},get geneTracksByAssembly(){let t=new Map;for(let n of e.sessionTracks)if(it.has(n.adapterType))for(let o of n.assemblies)t.set(o,[...t.get(o)??[],n]);return new Map([...t].flatMap(([n,o])=>{let a=ct(o,"");return a?[[n,a]]:[]}))}})).views(e=>({get launchableAssemblies(){return nr(ar(e.contributingAssemblies,e.graphRegion),e.assemblyResolver)},get canHighlightInLinearView(){let t=e.graphRegion;return t!==void 0&&Be({views:[...Y(e).views],connectedViewId:e.pairedViewId,assemblyName:t.assemblyName})!==void 0},nodeLaunchTargets(t){let n=e.nodeById?.get(t),o=n?Qo(n):void 0,a=o?Ce(e.assemblyResolver,o):void 0,r=e.graphRegion,s=r?e.nodeSpan(t):void 0,i=r&&s?{sample:r.assemblyName,haplotype:void 0,refName:r.refName,...s}:void 0;return{own:o&&a?{location:Zt(o),assembly:a}:void 0,reference:r&&i?{location:Zt(i),assembly:r.assemblyName}:void 0,highlight:r&&i?{location:i,assembly:r.assemblyName}:void 0}}}));var Ir=Er.views(e=>({get walkStripShown(){return jt({walkStrip:e.walkStrip,mode:{drawsNodes:e.modeDrawsNodes},drawsPicture:!!e.layoutResult?.tubeMap||!!e.walkRowBars,walks:e.graph?.paths?.length??0,host:!!e.host})},get walkStripRows(){let t=this.walkStripShown?e.cutWalkRows:void 0;return t?{...t,rows:Me(t.rows,e.walkRowSamples)}:void 0},get walkStripFrame(){let t=this.walkStripRows;if(t)return Ie(t,{width:e.paneWidth})},get cutsWholeWalks(){return zt(F(e.chosenLayoutMode),{walkStrip:e.walkStrip,host:!!e.host})},get walkStripMarks(){let t=this.walkStripRows,n=e.hoveredNode??e.selectedNode,o=n===null?void 0:e.nodeById?.get(n);return t&&o&&e.graph?Yt(e.graph,[t.reference,...t.rows],o):[]},rowLocation(t,n){let o={sample:t.sample,haplotype:t.haplotype===void 0?void 0:`${t.sample}#${t.haplotype}`};return{...o,assembly:Ce(e.assemblyResolver,o),span:{refName:n.contig,...Ke(n,t.bp)}}},get walkStripLocator(){let t=e.stripHover?e.hoveredNode:null;return t===null?void 0:st(e.nodePositions?.[t],e.toScreen)}})).views(e=>({get walkGeneReads(){let t=e.walkRowBars??e.walkStripRows;if(!t||!e.showGenes)return;let n=[],o=0,a=0;for(let r of t.rows){if(!r.axis){a++;continue}let{assembly:s,span:i}=e.rowLocation(r,r.axis),c=s?e.geneTracksByAssembly.get(s):void 0;if(!s||!c){o++;continue}n.push({row:r.name,trackId:c.trackId,region:{assemblyName:s,...i}})}return{reads:n.slice(0,$t),gaps:{untracked:o,unplaced:a,unread:Math.max(0,n.length-$t)}}},get walkRowGeneGaps(){return this.walkGeneReads?.gaps},walkRowLaunchTarget(t,n=e.walkRowBars){let o=n?[n.reference,...n.rows][t]:void 0;if(!o?.axis)return;let{sample:a,haplotype:r,assembly:s,span:i}=e.rowLocation(o,o.axis);return{label:o.label,assembly:t===0?e.graphRegion?.assemblyName:s,location:{sample:a,haplotype:r,...i}}},get walkRowGenes(){let t=e.walkRowBars??e.walkStripRows;if(!t||!e.showGenes)return;let n=new Map(e.walkGeneFeatures??[]);return e.geneFeatures&&n.set(t.reference.name,e.geneFeatures),n.size?Hn([t.reference,...t.rows],n):void 0}}));var Cr=Ir.views(e=>({get xIsReferenceBp(){return e.layoutResult?.referenceAxis===!0&&F(e.drawnLayoutMode??e.chosenLayoutMode).cutMargins}})).views(e=>({get hostPlacesX(){let{host:t,graphRegion:n}=e;return t!==void 0&&t.initialized&&n!==void 0&&e.xIsReferenceBp&&!t.dynamicBlocks.contentBlocks.some(o=>o.refName===n.refName&&o.reversed)}})).views(e=>({get hostBpFrame(){let{host:t,graphRegion:n}=e;return t?.initialized&&n?cr(t,n):void 0}})).views(e=>({get hostFrame(){return e.hostPlacesX?e.hostBpFrame:void 0},get tubeMapPicture(){let t=e.layoutResult?.tubeMap;return t?ao(t):void 0},get tubeMapReference(){let t=e.layoutResult?.tubeMap;return t?oo(t):void 0},get tubeMapDeviations(){let t=e.layoutResult?.tubeMap;return t?.coarse?ro(t,t.coarse.deviations):[]},get tubeMapConnectedBoxes(){let t=this.tubeMapReference,{layoutResult:n}=e;return t&&!n?.referenceAxis&&!n?.tubeMapPanels?[...t.values()].flat():void 0}})).views(e=>({get tubeMapGenes(){let t=e.tubeMapReference;return e.showGenes&&!e.host&&t&&e.backboneGenes&&!e.layoutResult?.tubeMapPanels?Lo(t,e.backboneGenes):[]},get referenceStripApplies(){return!!e.host?.initialized&&!!e.layoutResult&&e.drawsNodes&&!e.hostPlacesX&&!e.facetPanels}})).views(e=>({get referenceStripBlocks(){let{graph:t}=e;if(!e.showReferenceStrip||!e.referenceStripApplies||!t)return[];let n=To(t,{colorScheme:e.effectiveColorScheme,referenceRamp:e.referenceRamp,walks:e.walkLift?.walks}),o=e.walkLift?void 0:e.openBubbleFocus;return o?n.map(a=>o.nodeIds.has(a.node)?a:{...a,colors:[Ye],faded:!0}):n}})).views(e=>({get referenceStripShown(){return e.referenceStripBlocks.length>0&&e.hostBpFrame!==void 0},get referenceStripOverhangs(){let t=e.hostBpFrame;if(!t||e.referenceStripBlocks.length===0)return!1;let{left:n,right:o}=Go(e.referenceStripBlocks,t,e.paneWidth);return n>0||o>0},get referenceStripFaded(){return e.referenceStripBlocks.some(t=>t.faded)}})).views(e=>({get referenceStripLit(){if(!e.referenceStripShown)return;let t=e.hoveredNode===null?e.hoveredBubble:null;if(t&&!t.offReference){let a=e.bubbleHalos.find(r=>rt(r.bubble,t));return{start:t.start,end:t.end,anchor:a?e.toScreen(a.labelAt):void 0}}let n=e.hoveredNode??e.selectedNode,o=n===null?void 0:e.nodeSpan(n);return o&&n!==null?{...o,anchor:st(e.nodePositions?.[n],e.toScreen)}:void 0},referenceStripNodeAt(t,n){let o=e.hostBpFrame;return e.referenceStripShown&&o?Eo(e.referenceStripBlocks,o,t,n):void 0},get referenceStripZonePx(){return e.referenceStripShown?Ao:0}}));var Ha=3e3,Da=350,Xa=34;function Va(e){let t=[0];for(let n=1;n<e.length;n++)t.push(t[n-1]+Math.hypot(e[n].x-e[n-1].x,e[n].y-e[n-1].y));return t}function ja(e,t){if(e.length===1||t===1)return Array.from({length:t},()=>({...e[0]}));let n=Va(e),o=n.at(-1),a=[],r=1;for(let s=0;s<t;s++){let i=o*s/(t-1);for(;r<e.length-1&&n[r]<i;)r++;let c=n[r]-n[r-1],d=c>0?(i-n[r-1])/c:0,l=e[r-1],m=e[r];a.push({x:l.x+(m.x-l.x)*d,y:l.y+(m.y-l.y)*d})}return a}var za=400,Br=1.8,Ya=.1;function Ig(e,t,n,o,a){let r=y=>({x:(y.x*t.scaleX+t.translateX-o.translateX)/o.scaleX,y:(y.y*t.scaleY+t.translateY-o.translateY)/o.scaleY}),s={};for(let[y,k]of Object.entries(n)){let w=e[y];w?.length&&k.length&&(s[y]=ja(w.map(r),k.length))}let i=new Map,c=(y,k)=>{let w=i.get(y);w?w.push(k):i.set(y,[k])};for(let y of a){let{from:k,to:w}=y;if(k!==w&&n[k]?.length&&n[w]?.length){let x=Se(y);c(k,{id:w,side:x.to}),c(w,{id:k,side:x.from})}}let d=new Map,l=y=>d.get(y.id)??(y.side==="start"?s[y.id][0]:s[y.id].at(-1)),m=Object.keys(s),p=[];for(let y of m)for(let k of i.get(y)??[]){if(s[k.id]||d.has(k.id))continue;let w=i.get(k.id).find(x=>x.id===y);d.set(k.id,{...l(w)}),m.push(k.id),p.push(k.id)}let h=new Map(p.map((y,k)=>[y,k])),u=new Float64Array(p.map(y=>d.get(y).x)),f=new Float64Array(p.map(y=>d.get(y).y)),g=new Float64Array(p.length),b=new Float64Array(p.length),S=p.map((y,k)=>i.get(y).flatMap(w=>{let x=h.get(w.id);if(x===void 0){let v=l(w);return g[k]+=v.x,b[k]+=v.y,[]}return[x]})),R=p.map(y=>i.get(y).length);for(let y=0;y<za;y++){let k=0;for(let w=0;w<p.length;w++){let x=g[w],v=b[w];for(let N of S[w])x+=u[N],v+=f[N];let M=Br*(x/R[w]-u[w]),A=Br*(v/R[w]-f[w]);k=Math.max(k,Math.abs(M*o.scaleX)+Math.abs(A*o.scaleY)),u[w]+=M,f[w]+=A}if(k<Ya)break}p.forEach((y,k)=>{s[y]=n[y].map(()=>({x:u[k],y:f[k]}))});for(let[y,k]of Object.entries(n))s[y]??=k.map(w=>({...w}));return s}function Ua(e,t){let n=0,o=1/0;return e.forEach((a,r)=>{let s=(a.x-t.x)**2+(a.y-t.y)**2;s<o&&(o=s,n=r)}),n}function Cg(e,t,n,o){let a=(r,s)=>{let i=n[r],c=o[r];if(!i||!c||c.length===0)return{x:0,y:0};let d=Ua(c,s);return{x:i[d].x-c[d].x,y:i[d].y-c[d].y}};return Object.fromEntries(Object.entries(e).map(([r,s])=>{let i=t[Number(r)],c=a(i?.from??"",s[0]),d=a(i?.to??"",s.at(-1));return[r,s.map((l,m)=>{let p=s.length>1?m/(s.length-1):0;return{x:l.x+c.x+(d.x-c.x)*p,y:l.y+c.y+(d.y-c.y)*p}})]}))}function Or(e,t,{ids:n,alpha:o}){let a=(r,s)=>{for(let i=0;s&&i<s.count;i++){let c=r[s.start+i];c.color=On(c.color,o)}};for(let r of n)a(e.nodeStrokes,e.nodeStrokeRuns.get(r));t.forEach(({from:r,to:s},i)=>{(n.has(r)||n.has(s))&&(a(e.edgeCurves,e.edgeCurveRuns.get(i)),a(e.arrows,e.arrowRuns.get(i)))})}function Ka(e){return e<.5?4*e*e*e:1-(-2*e+2)**3/2}function Bg(e,t,n,o){return!(e.referenceAxis||t.referenceAxis||e.pixelRows||t.pixelRows||t.tubeMap||o||n>Ha)}function Og(){return typeof requestAnimationFrame<"u"&&!("matchMedia"in window&&window.matchMedia("(prefers-reduced-motion: reduce)").matches)}function _g(e,t,n){let o={frame:0,finish:()=>{e(1)}},a=0,r=performance.now(),s=()=>{if(!t()){n();return}let i=performance.now();a+=Math.min(i-r,Xa),r=i;let c=Math.min(1,a/Da);e(Ka(c)),c<1?o.frame=requestAnimationFrame(s):n()};return o.frame=requestAnimationFrame(s),o}function $g(e,t,n,o){for(let[a,r]of Object.entries(e)){let s=t[a],i=n[a];!s||!i||r.forEach((c,d)=>{c.x=o===1?i[d].x:s[d].x+(i[d].x-s[d].x)*o,c.y=o===1?i[d].y:s[d].y+(i[d].y-s[d].y)*o})}}var Ja=8,qa=19,_r=Pe+qa,Za=48;function Qa(e,t,n){if(!(!e||!t))return Je(e.rowPx,e.barPx)?n:{untracked:0,unread:0,...n,crowded:!0}}var iw=Cr.views(e=>({get paneCeiling(){return Math.max(ot,e.paneHeight??zn)},get fitRoom(){return e.host?this.canvasHeight:this.paneCeiling},get walkRowPitch(){let t=e.walkRowBars;if(!t)return;let n=this.fitRoom,o=(e.walkRowGroups?.sections.length??0)*so;return qe(t.rows.length+1,n-this.fitPadTopBase-C-o)},get walkRowPlacement(){let t=this.walkRowPitch;return t?mo(e.walkRowGroups?.sections??[],t.rowPx):void 0},get walkRowGeneKey(){return Qa(this.walkRowPitch,!!e.walkRowGenes?.size,e.walkRowGeneGaps)},get drawnRowLabels(){let t=this.walkRowPlacement,n=he(e.walkRowBars,e.layoutResult,this.walkRowPitch);return e.walkRowBars&&t?n.map((o,a)=>({...o,y:t.rowY(a)})):n},get visibleRowLabels(){return this.drawnRowLabels.flatMap(({label:t,y:n})=>{let o=e.toScreen({x:0,y:n}).y;return o>=0&&o<=this.canvasHeight?[{label:t,y:n,top:o}]:[]})},get fitPadLeft(){return Math.max(C,...this.drawnRowLabels.map(t=>Tn(t.label,0).x1+6))},get layoutBounds(){let t=e.layoutResult,n=e.walkRowBars,o=n&&t?.extent?ue(n,this.walkRowPitch):void 0;return t?Te(t,{region:e.graphRegion,extent:o&&{...o,maxY:o.maxY+(this.walkRowPlacement?.headersPx??0)}}):void 0},get hoveredWalkRowText(){let t=e.walkRowBars,n=e.hoveredWalkRow;if(!t||n===null||this.walkRowPitch?.readouts!==!1)return;let o=t.reference.name===n,a=o?t.reference:t.rows.find(r=>r.name===n);return a?{label:a.label,readout:Wn(a,o?void 0:t.reference,t.unit,a.call)}:void 0},walkRowAt(t,n){let o=e.walkRowBars,a=this.walkRowPitch,r=this.walkRowPlacement;if(!o||!a||!r)return;let s=r.rowAt((n-e.translateY)/e.scaleY,o.rows.length+1),i=[o.reference,...o.rows][s],c=r.rowY(s)*e.scaleY+e.translateY,d=(t-e.translateX)/e.scaleX-o.origin;return i&&Math.abs(n-c)<=a.barPx/2+2&&d>=0&&d<=i.bp?s:void 0},get fitPadTopBase(){let t=Po(e.tubeMapGenes);return C+Math.max(0,t-1)*No+e.referenceStripZonePx},get legendRoom(){let t=this.layoutBounds,{width:n,height:o}=e.legendSize;if(!t||t.w<=0||n===0||e.facetPanels||e.tubeMapReads)return;if(e.hostPlacesX)return"top";let a=this.fitPadTopBase,r=this.fitRoom,s=l=>(e.paneWidth-this.fitPadLeft-l)/t.w,i=l=>e.pixelRows?t.h+l+C<=r?1/0:0:(r-l-C)/t.h,c=Math.min(s(n+2*ee),i(a));return Math.min(s(C),i(a+o+ee))>=c?"top":"right"},get fitPadTop(){return this.fitPadTopBase+(this.legendRoom==="top"?e.legendSize.height+ee:0)},get fitPadRight(){return this.legendRoom==="right"?Math.max(C,e.legendSize.width+2*ee):C},get minFitScale(){let t=this.layoutBounds,n=e.layoutResult,o=n?.tubeMap?.layout.tracks[0]?.width;return t&&t.h>0&&o&&!n.referenceAxis?Math.min(Un/o,(this.paneCeiling-this.fitPadTop-C)/t.h):0},get facetSpec(){let{field:t,domain:n,columns:o}=e.facetSetting;return t===""?void 0:n.length===0&&o===void 0?t:{field:t,domain:[...n],...o===void 0?{}:{columns:o}}},get facetPlacement(){let t=e.facetPanels,{field:n,domain:o}=e.facetSetting;return t?tt(t.map(a=>a.walks[0].name),e.hostPlacesX||n===""?"walk":n,o):void 0},facetGridIn(t){let n=this.facetPlacement,o=this.layoutBounds;return n&&o&&o.w>0?Qe({count:n.count,bounds:o,pixelRows:e.pixelRows,width:e.paneWidth,room:t,columns:e.hostPlacesX?1:n.columns??e.facetSetting.columns}):void 0},get facetGrid(){return this.facetGridIn(this.fitRoom-_r)},get tooltipRightPx(){let{width:t,height:n}=e.legendSize,o=ee+e.referenceStripZonePx+n;return!e.facetPanels&&t>0&&o>this.canvasHeight-Za?t+2*ee:Ja},get canvasHeight(){let t=this.layoutBounds,n=this.paneCeiling;if(!t)return n;let o=this.facetGrid;if(o)return Math.max(ot,o.total+_r);let a=Math.max(ot,e.legendSize.height+2*ee+e.referenceStripZonePx),r=this.fitPads,s=r.top+r.bottom;if(e.pixelRows)return Math.min(n,Math.max(a,t.h+s));let i=e.paneWidth-r.left-r.right;return t.w>0&&i>0?Math.min(n,Math.max(a,t.h*Math.max(i/t.w,this.minFitScale)+s)):n},get viewBox(){let t=this.facetGrid;return t?{width:t.width,height:t.height}:{width:e.paneWidth,height:this.canvasHeight}},get fitPads(){return this.facetGrid?{left:U,top:U,right:U,bottom:U}:{left:this.fitPadLeft,top:this.fitPadTop,right:this.fitPadRight,bottom:C}},get usableHeight(){let{top:t,bottom:n}=this.fitPads;return this.viewBox.height-t-n},get fittedTransform(){let t=this.layoutBounds,{width:n,height:o}=this.viewBox,a=this.fitPads;return t?Ae(t,n,o,e.pixelRows,{minScale:this.facetGrid?0:this.minFitScale,padLeft:a.left,padTop:a.top,padRight:a.right,padBottom:a.bottom}):void 0}})).views(e=>({viewportToBuild(){return Xn(Qn(e),qn)},applySelection(t){let n=e.selectedNode;t.setNodeHighlights(n===null?new Map:new Map([[n,Jn]]))},get hoverLayerNode(){let{litNode:t,selectedNode:n}=e;return t===n?null:t},get paintTransform(){let t=$o();return{scaleX:e.scaleX*t,scaleY:e.scaleY*t,translateX:e.translateX*t,translateY:e.translateY*t,dpr:t}}})).views(e=>({paint(t){t.updateTransform(e.paintTransform),t.render(e.referenceStripShown?[0,0,0,0]:Yn)}})).views(e=>({buildDrawing(t,n){let{graph:o,nodeById:a,layoutResult:r,deletionDrawing:s}=e;if(!o||!a||!r||!s)return;Ge(e.viewportDirty,e.positionsVersion);let i=Lt(()=>e.viewportToBuild()),c=Ue({..._e(r,s,{drawsRows:!!e.walkRowBars}),graph:o,nodeById:a,colorScheme:e.effectiveColorScheme,contigThickness:e.contigThickness,connectorThickness:e.connectorThickness,drawPaths:n,nodeWidth:e.nodeWidth,highlight:t,axis:Lt(()=>e.axisScale),linearLayout:e.linearLayout,viewportBounds:i,referenceRamp:e.referenceRamp,version:e.positionsVersion}),d=e.morphEntering;return d?.layout===r&&Or(c,o.edges,d),{batch:c,viewportBounds:i}},get overlayLabels(){return xo(e)},hoveredOn(t){let n=e.hoveredNode,o=n?e.nodeById?.get(n):void 0;return o?Mo(t,o.id,o.length)??"not on this walk":void 0},figureSpec(){let t=e.graphRegion,n=e.sourceAdapter,o=n?.assemblyNameToPanSN,a=t&&`${t.refName}:${t.start}-${t.end}`,r=le(e.sourceGfaLocation),s=n?.type==="GbzBaseSyntenyAdapter"?le(n.gbzDbLocation):void 0,i=r?{gfa:r,region:a}:s&&t&&a?{gbz:{db:s,index:le(n.haplotypeIndexLocation),region:a,haplotypes:e.cutHaplotypes?.map(p=>o?.[p]??p),referenceSample:n.referenceSample||o?.[t.assemblyName]||t.assemblyName,context:n.context,snarls:e.cutsWholeWalks?"overlapping":n.subgraphSnarls}}:void 0;if(!i)return;let c=e.showGenes?e.geneTrack:void 0,d=c?e.sessionTrack(c.trackId):void 0,l=d?Rn(_(d,"adapter"),"gffGzLocation"):void 0,m=l?.type==="Gff3TabixAdapter"?{file:le(l.gffGzLocation),index:le(l.index?.location),format:"gff3"}:void 0;return JSON.parse(JSON.stringify({...i,genes:m?.file&&m.index?m:void 0,referencePath:e.referencePath||void 0,layout:e.chosenLayoutMode,...Qt({engine:e.layoutEngine,quality:e.layoutQuality,linearLayout:e.linearLayout,bubbleSpread:e.bubbleSpread,showDeletionEdges:e.showDeletionEdges,colorScheme:e.chosenColorScheme,nodeWidth:e.nodeWidth,contigThickness:e.contigThickness,connectorThickness:e.connectorThickness,colorDomain:e.statedColorDomain}),walks:e.walkLayers.length?e.walkLayers.map(p=>p.color?p:p.walk):void 0,facet:e.walkLayers.length>1?e.facetSpec:void 0,walkStrip:e.walkStripShown||void 0,walkRowSamples:e.walkStripShown?e.walkRowSamples:void 0,width:e.paneWidth,height:e.paneCeiling}))},get figureUnavailable(){return e.layoutResult?e.walkRowGroups?"The SVG export cannot group walk rows yet: set Group by... to None first":e.drawsNodes||e.walkRowBars?void 0:`${F(e.chosenLayoutMode).label} draws a picture of its own, which the SVG export does not`:"Nothing is drawn yet"},get figureSpecUnavailable(){return e.drawsNodes?this.figureSpec()?void 0:"bandage-figure reads a graph cut from a gbz-base track or a GFA url":`bandage-figure draws no ${F(e.chosenLayoutMode).label} layout`},figure(){let{graph:t,layoutResult:n}=e;return t&&n&&!this.figureUnavailable?nn(t,n,{width:e.paneWidth,height:e.paneCeiling,walks:e.walkLayers,facet:e.facetSpec,colorScheme:e.effectiveColorScheme,nodeWidth:e.nodeWidth,showDeletionEdges:e.showDeletionEdges,linearLayout:e.linearLayout,contigThickness:e.contigThickness,connectorThickness:e.connectorThickness,region:e.graphRegion,colorDomain:e.statedColorDomain,genes:e.showGenes?e.backboneGenes:void 0,walkRows:e.walkRowBars,walkRowPitch:e.walkRowPitch,rowGenes:e.walkRowGenes,rowGeneGaps:e.walkRowGeneGaps,walkStrip:e.walkStripRows&&{rows:e.walkStripRows,rowGenes:e.walkRowGenes,rowGeneGaps:e.walkRowGeneGaps},spec:e.drawsNodes?this.figureSpec():void 0}):void 0}})).views(e=>({get followsHostView(){let t=e.layoutResult;return!!e.host&&!e.hostPlacesX&&!!t&&!t.referenceAxis&&!t.pixelRows&&!t.tubeMap&&!e.facetGrid}}));var fn=$(W("path",{d:"M3 16h5v-2H3zm6.5 0h5v-2h-5zm6.5 0h5v-2h-5zM3 20h2v-2H3zm4 0h2v-2H7zm4 0h2v-2h-2zm4 0h2v-2h-2zm4 0h2v-2h-2zM3 12h8v-2H3zm10 0h8v-2h-8zM3 4v4h18V4z"}),"LineStyle");var $r=$(W("path",{d:"M9.01 14H2v2h7.01v3L13 15l-3.99-4zm5.98-1v-3H22V8h-7.01V5L11 9z"}),"CompareArrows");var Wr=$(W("path",{d:"M17 5h-2V3h2zm-2 16h2v-2.59L19.59 21 21 19.59 18.41 17H21v-2h-6zm4-12h2V7h-2zm0 4h2v-2h-2zm-8 8h2v-2h-2zM7 5h2V3H7zM3 17h2v-2H3zm2 4v-2H3c0 1.1.9 2 2 2M19 3v2h2c0-1.1-.9-2-2-2m-8 2h2V3h-2zM3 9h2V7H3zm4 12h2v-2H7zm-4-8h2v-2H3zm0-8h2V3c-1.1 0-2 .9-2 2"}),"HighlightAlt");var es="Linear genome view",ts="Linear synteny view",ns="No synteny track in this session aligns these assemblies";function Fr({label:e,icon:t,entries:n,entryLabel:o,onSelect:a,disabledHelpText:r,nameTheOnlyEntry:s=!0}){let[i]=n,c=r?[{label:e,icon:t,disabled:!0,disabledHelpText:r,onClick:()=>{}}]:[];return n.length===0?c:n.length===1&&i?[{label:s?`${e} \u2014 ${o(i)}`:e,icon:t,onClick:a(i)}]:[{label:e,icon:t,type:"subMenu",subMenu:n.map(d=>({label:o(d),onClick:a(d)}))}]}function xw({contributors:e,linearContributors:t=e,syntenyTracks:n,onShowLinear:o,onShowSynteny:a}){let r=n[0]?.coverage??e.length;return[...Fr({label:es,icon:fn,entries:t,entryLabel:s=>`${s.sample} ${ne(s)}`,onSelect:s=>()=>{o({location:s,assembly:s.sample})}}),...e.length>=2?Fr({label:`${ts} (${r} assemblies)`,icon:$r,entries:n,entryLabel:s=>s.coverage<r?`${s.name} (${s.coverage} of ${r})`:s.name,nameTheOnlyEntry:!1,disabledHelpText:ns,onSelect:s=>()=>{a(s.trackId)}}):[]]}function Rw({own:e,reference:t,highlight:n,onShowLinear:o,onHighlight:a}){let r=[e?{label:`Open in ${e.assembly} \u2014 ${ne(e.location)}`,target:e}:void 0,t&&t.assembly!==e?.assembly?{label:`Open in ${t.assembly} \u2014 around this node`,target:t}:void 0].filter(s=>s!==void 0);return[...a&&n?[{label:`Highlight in ${n.assembly}`,icon:Wr,onClick:()=>{a(n)}}]:[],...r.map(({label:s,target:i})=>({label:s,icon:fn,onClick:()=>{o(i)}}))]}var Nw=$(W("path",{d:"M19 15.18V7c0-2.21-1.79-4-4-4s-4 1.79-4 4v10c0 1.1-.9 2-2 2s-2-.9-2-2V8.82C8.16 8.4 9 7.3 9 6c0-1.66-1.34-3-3-3S3 4.34 3 6c0 1.3.84 2.4 2 2.82V17c0 2.21 1.79 4 4 4s4-1.79 4-4V7c0-1.1.9-2 2-2s2 .9 2 2v8.18c-1.16.41-2 1.51-2 2.82 0 1.66 1.34 3 3 3s3-1.34 3-3c0-1.3-.84-2.4-2-2.82"}),"Route");var Gw=$(W("path",{d:"M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6"}),"Settings");var Bw=$(W("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"}),"Visibility");export{$ as a,zo as b,lt as c,aa as d,F as e,zt as f,pa as g,ma as h,la as i,Ut as j,Kt as k,ne as l,ua as m,Qo as n,j as o,wa as p,Jt as q,hc as r,qt as s,fc as t,gc as u,wc as v,hr as w,Bw as x,Ig as y,Cg as z,Bg as A,Og as B,_g as C,$g as D,mn as E,yc as F,ya as G,kc as H,Kr as I,Wo as J,Hh as K,Vh as L,Yh as M,Ja as N,qa as O,_r as P,iw as Q,fn as R,xw as S,Rw as T,Nw as U,Gw as V};
-//# sourceMappingURL=chunk-N74HGPAW.js.map