jbrowse-plugin-graphgenomeviewer 8.0.0 → 8.0.2

package/dist/chunks/chunk-KQ6JJDJC.js

@@ -1,2 +0,0 @@
-import{G as Jn,H as Qn,I as dn,J as mn,R as Zn,S as Qt,T as pn,W as to,X as no,d as $n,e as Kn,f as Un,g as un,i as Yn,j as qn,k as Vn,l as zn,m as Kt,z as jn}from"./chunk-2VKDQF54.js";import{a as Bt,g as $t}from"./chunk-56YYNIV3.js";var St=2,co=1.5,Uo=4,oo=12,Yo=64,eo=24,qo=48,so="a thread per pass through a node",gn=t=>t.length>1&&t.some(n=>n.mostPasses>1),io=t=>t*St+Math.max(0,t-1)*co,ro=t=>t.reduce((n,e)=>n+e,0);function lo(t,n,e){let o=t.map((a,c)=>n[c]>1?io(a):e*Math.min(1,a)),s=0,r=t.map(a=>{let c=Math.min(1,a),i=Uo*c*s;return s=Math.max(s,c),i});return{widths:o,gaps:r,band:ro(o)+ro(r)}}var yn=St+co;function Ut(t,n,e=t){let{widths:o,gaps:s,band:r}=lo(t,n,St),a=-r/2;return o.map((c,i)=>{a+=s[i];let h=n[i]>1?Math.max(0,c-io(e[i])):0,l=a+h/2+St/2;return a+=c,l})}var nn=t=>lo(t,t,St).band,on=t=>Math.min(1,qo/(nn(t)||1)),cs=t=>on(t.map(n=>n.mostPasses))<1?`${so}, thinned to fit`:so;function xn(t,n,e){let o=({normal:c,offsetX:i})=>({dx:c.nx*i,dy:c.ny*i}),{dx:s,dy:r}=Kn(o(t),o(n),e),a=Math.hypot(s,r);return a>0?{normal:{nx:s/a,ny:r/a},offsetX:a}:{normal:{nx:0,ny:0},offsetX:0}}function Zt(t,n){let e=t.stepOf[n],o=n-t.starts[e];return t.forward[e]?o:t.starts[e+1]-t.starts[e]-1-o}var Ft=(t,n)=>{let e=n.x-t.x,o=n.y-t.y;return Math.sqrt(e*e+o*o)};function Lt(t){let n=new Float64Array(t.length);for(let e=1;e<t.length;e++)n[e]=n[e-1]+Ft(t[e-1],t[e]);return n}function wn(t,n){let e=new Set;return t.map(o=>{let s=new Map;return o.map(r=>r.map(a=>{let c=s.get(a)??0;s.set(a,c+1);let i=n[a],h=!!i?.length&&!e.has(a);return h&&e.add(a),{id:a,visit:c,owned:h,segments:i}}))})}function Vo(t,n,e){let o=[];return t.forEach((s,r)=>{let a=0;for(let M of s)for(let{segments:A}of M)a+=A?.length??0;let c=new Float64Array(a),i=new Float64Array(a),h=0,l=0,f=u();function u(){return{walk:r,ids:[],visits:[],forward:[],owned:[],starts:[0]}}let m=()=>{if(f.ids.length){let M=new Int32Array(h-l);for(let A=0;A<f.ids.length;A++)M.fill(A,f.starts[A],f.starts[A+1]);o.push({...f,xs:c.subarray(l,h),ys:i.subarray(l,h),stepOf:M})}f=u(),l=h},w=(M,A,R)=>{let N=R.x-M,I=R.y*n-A;return Math.sqrt(N*N+I*I)};for(let M of s)M.forEach(({id:A,visit:R,owned:N,segments:I},G)=>{if(!I?.length){m();return}let D=I[0],S=I.at(-1),b;if(h>l){let g=c[h-1],E=i[h-1],x=w(g,E,D),C=w(g,E,S);b=x<=C,Math.min(x,C)>e&&m()}else{let g=M[G+1]?.segments,E=x=>g?.length?Math.min(w(x.x,x.y*n,g[0]),w(x.x,x.y*n,g.at(-1))):0;b=E(S)<=E(D)}f.ids.push(A),f.visits.push(R),f.forward.push(b),f.owned.push(N);for(let g=0;g<I.length;g++){let E=I[b?g:I.length-1-g];c[h]=E.x,i[h]=E.y*n,h++}f.starts.push(h-l)}),m()}),o}function Mn(t,n,e){let o=[];for(let s=0;s<n.length;s++){if(!n[s])continue;let r=s;for(;r+1<n.length&&n[r+1];)r++;let a=o.at(-1),c=a?a[1]:0,i=s;for(;i>c&&t[s]-t[i-1]<=e;)i--;let h=r;for(;h+1<t.length&&t[h+1]-t[r]<=e;)h++;a&&i<=a[1]+1?a[1]=h:o.push([i,h]),s=r}return o}function zo(t,n){let e=Lt(t),o=e.at(-1),s=(c,i)=>{let h=t[i],l=t[Math.min(i+1,t.length-1)],f=e[Math.min(i+1,t.length-1)]-e[i],u=f>0?(c-e[i])/f:0;return{x:h.x+(l.x-h.x)*u,y:h.y+(l.y-h.y)*u}},r=0,a=0;return t.map((c,i)=>{let h=Math.max(0,e[i]-n/2),l=Math.min(o,e[i]+n/2);for(;r<t.length-1&&e[r+1]<=h;)r++;for(;a<t.length-1&&e[a+1]<=l;)a++;let f=s(h,r),u=s(l,a),m=Ft(f,u);return m>0?{nx:-(u.y-f.y)/m,ny:(u.x-f.x)/m}:void 0})}function jo(t,n,e){let o=Lt(t),s=t.slice(),r=[];o.forEach((c,i)=>{let h=r.at(-1);(h===void 0||c-o[h]>=n/4)&&r.push(i)}),r.at(-1)!==t.length-1&&r.push(t.length-1);let a=0;for(;a<r.length;){let c=r[a],i=-1;for(let u=a+1;u<r.length&&o[r[u]]-o[c]<=e;u++){let m=r[u];o[m]-o[c]>Math.PI*n&&Ft(t[c],t[m])<=n&&(i=u)}if(i<0){a++;continue}let h=r[i],l=t[c],f=t[h];for(let u=c+1;u<h;u++){let m=(o[u]-o[c])/(o[h]-o[c]);s[u]={...t[u],x:l.x+(f.x-l.x)*m,y:l.y+(f.y-l.y)*m}}a=i}return s}function fo(t,n){let e=t.length,o=Lt(t),s=o[e-1],r=new Float64Array(e+1),a=new Float64Array(e+1),c=new Float64Array(e+1);for(let f=0;f<e;f++){let u=t[f],m=(o[Math.min(f+1,e-1)]-o[Math.max(f-1,0)])/2;r[f+1]=r[f]+m,a[f+1]=a[f]+m*u.x,c[f+1]=c[f]+m*u.y}let i=new Array(e),h=0,l=0;for(let f=0;f<e;f++){let u=t[f],m=Math.min(n,o[f],s-o[f]),w=o[f]-m,M=o[f]+m+1e-9*(1+s);for(;h<e&&o[h]<w;)h++;for(;l<e&&o[l]<M;)l++;let A=r[l]-r[h];i[f]=A>0?{x:(a[l]-a[h])/A,y:(c[l]-c[h])/A}:{x:u.x,y:u.y}}return i}function ao(t,n){let e=t.length,o=Lt(t),s=o[e-1],r=new Uint8Array(e),a=(h,l)=>{let f=t[h],u=t[h+1];if(!u)return f;let m=o[h+1]-o[h],w=m>0?(l-o[h])/m:0;return{x:f.x+(u.x-f.x)*w,y:f.y+(u.y-f.y)*w}},c=0,i=0;for(let h=0;h<e;h++){if(o[h]<n||s-o[h]<n)continue;for(;c+1<e&&o[c+1]<=o[h]-n;)c++;for(;i+1<e&&o[i+1]<=o[h]+n;)i++;let l=t[h],f=a(c,o[h]-n),u=a(i,o[h]+n),m=Math.abs((u.x-f.x)*(l.y-f.y)-(u.y-f.y)*(l.x-f.x));r[h]=m>0&&Ft(f,u)*Ft(f,l)*Ft(l,u)/(2*m)<n?1:0}return{tight:r,s:o}}function Jo(t,n){let e=t.slice(),{tight:o,s}=ao(e,n),r=Mn(s,Array.from(o,a=>a>0),3*n);for(let a=0;a<8&&r.length;a++)r=r.filter(([c,i])=>{let h=e.slice(c,i+1),l=ao(h,n);if(!l.tight.includes(1))return!1;let f=tn(l.s,l.tight,n),u=fo(h,n);for(let m=0;m<h.length;m++){let w=Math.min(1,3*f[m]);if(w>0){let M=h[m],A=u[m];e[c+m]={x:M.x+(A.x-M.x)*w,y:M.y+(A.y-M.y)*w}}}return!0});return e}function Qo(t,n,e,o,s,r){let a=n.length,c=new Float64Array(a),i=0,h=0,l=0,f=0,u=0;for(let m=0;m<a;m++){for(;i<a&&t[i]-t[m]<=r;){let w=e(i),M=n[i];c[i]=w&&M?w.nx*M.nx+w.ny*M.ny:0,l+=c[i],i++}for(;t[m]-t[h]>r;)l-=c[h++];if(Math.abs(l)>1e-9&&(f=l<0?-1:1),!!f)for(;u<=m;u++)s(u,f)}if(u<a){let m=0;for(let w=0;w<a;w++)m+=o(w)?1:-1;for(;u<a;u++)s(u,m<0?-1:1)}}function Zo(t,n,e,o,s=!0){let r=Math.max(e,2*o),a=Math.PI*o,c=s?a+3*o+r/2:r/2,i=new Map,h=new Map,l=[],f=[],u=w=>({normals:new Array(w),shifts:s?new Array(w):[]}),m=(w,M,A,R)=>{let N=i.get(w);N||(N=[],i.set(w,N)),(N[M]??=[])[A]=R};return t.forEach((w,M)=>{let{walk:A,ids:R,visits:N,owned:I,starts:G,xs:D,ys:S,stepOf:b}=w,g=R.length,E=D.length,x=new Array(g);for(let d=0;d<g;d++)I[d]&&(x[d]=u(G[d+1]-G[d]),h.set(R[d],{run:M,step:d,frame:x[d]}),m(R[d],A,N[d],x[d]));let C=new Float64Array(E);for(let d=1;d<E;d++){let k=D[d]-D[d-1],P=S[d]-S[d-1];C[d]=C[d-1]+Math.sqrt(k*k+P*P)}let tt=C[E-1],W=new Int32Array(g).fill(-1),X=new Int32Array(g),Y=new Array(g);for(let d=0;d<g;d++){let k=I[d]?void 0:h.get(R[d]);k&&(W[d]=k.run,X[d]=k.step,Y[d]=k.frame)}let st=new Int32Array(g),it=new Int32Array(g);for(let d=0;d+1<g;d++){let P=W[d]>=0&&W[d+1]===W[d]?X[d+1]-X[d]:0;st[d+1]=st[d]+(P===1?1:0),it[d+1]=it[d]+(P===-1?1:0)}let ot=new Array(g),_=0,F=0;for(let d=0;d<g;d++){if(!s){ot[d]=!I[d];continue}let k=C[G[d]]-c,P=C[G[d+1]-1]+c;for(;C[_]<k;)_++;for(;F+1<E&&C[F+1]<=P;)F++;let Q=b[Math.max(0,_-1)],at=b[Math.min(E-1,F+1)],L=at-Q,ft=st[at]-st[Q],xt=it[at]-it[Q];ot[d]=!I[d]&&k>=0&&P<=tt&&L>0&&(ft===L||xt===L)}for(let d=0;d<g;d++){if(I[d])continue;let k=Y[d];x[d]=!s&&ot[d]?k:ot[d]?{normals:k.normals,shifts:k.shifts}:u(k.normals.length),m(R[d],A,N[d],x[d])}f.push(x);let q=new Array(E);for(let d=0;d<E;d++)q[d]=!ot[b[d]];for(let[d,k]of Mn(C,q,c)){let P=[];for(let L=d;L<=k;L++)P.push({x:D[L],y:S[L]});let Q=s?Jo(fo(jo(P,o/2,a),o/2),o/2):P,at=zo(Q,r);Qo(Lt(Q),at,L=>{let ft=b[d+L];return(I[ft]?x[ft]:Y[ft])?.normals[Zt(w,d+L)]},L=>w.forward[b[d+L]],(L,ft)=>{let xt=d+L,Dt=b[xt];if(ot[Dt])return;let Wt=Zt(w,xt),Ot=at[L];x[Dt].normals[Wt]=Ot&&(ft>0?Ot:{nx:-Ot.nx,ny:-Ot.ny}),s&&(x[Dt].shifts[Wt]={dx:Q[L].x-P[L].x,dy:(Q[L].y-P[L].y)/n})},r)}if(!s){l.push(C);return}let rt=new Float64Array(E),B=0,V=0;for(let d=0;d<E;d++){let k=x[b[d]].shifts[Zt(w,d)],P=D[d]+(k?.dx??0),Q=S[d]+(k?.dy??0)*n;rt[d]=d?rt[d-1]+Math.sqrt((P-B)**2+(Q-V)**2):0,B=P,V=Q}l.push(rt)}),{frames:i,arcs:l,stepFrames:f}}function ho(t,n,e,o){let s=new Array(n.length),r=[],a=0,c=0;for(let i=0;i<n.length;i++){for(;c<n.length&&t[c]-t[i]<=e;){for(;r.length>a&&o*n[r.at(-1)]<=o*n[c];)r.pop();r.push(c++)}for(;t[i]-t[r[a]]>e;)a++;s[i]=n[r[a]]}return s}function tn(t,n,e,o=()=>!0){let s=n.length,r=new Float64Array(s+1),a=new Float64Array(s+1);for(let l=0;l<s;l++){let f=o(n[l])?s>1?(t[Math.min(l+1,s-1)]-t[Math.max(l-1,0)])/2:1:0;r[l+1]=r[l]+f,a[l+1]=a[l]+f*n[l]}let c=new Float64Array(s),i=0,h=0;for(let l=0;l<s;l++){for(;t[l]-t[i]>e;)i++;for(;h<s&&t[h]-t[l]<=e;)h++;let f=r[h]-r[i];c[l]=f>0?(a[h]-a[i])/f:n[l]}return c}var te=[0];function ne(t){for(let n of t.values())if(n>1)return!0;return!1}function oe(t,n,e,o,s){if(!ne(n))return{span:n,nodeThreads:new Map,threadPasses:new Map,threadAt:new Map,linkThreads:new Map};let r=new Map,a=[],c=[],i=[],h=[],l=[],f=[],u=[];for(let S of t){let b=[],g=[];for(let _ of S){let F=r.get(_);F===void 0&&(F=a.length,r.set(_,F),a.push(_),c.push(0),i.push(0)),g.push(F);let q=e[_],rt=q?.[Math.floor(q.length/2)];b.push(rt?{x:rt.x,y:rt.y*o}:b.at(-1)??{x:0,y:0})}let E=Lt(b),x=S.map(_=>n.get(_)??1),C=ho(E,x,s/2,1),tt=g.map(_=>++i[_]),W=S.length,X=new Int32Array(W),Y=-1;for(let _=0;_<W;_++)Y=x[_]===C[_]?_:Y,X[_]=Y;let st=new Int32Array(W);Y=-1;for(let _=W-1;_>=0;_--)Y=x[_]===C[_]?_:Y,st[_]=Y;let it=new Array(W),ot=new Array(W).fill(NaN);for(let _=0;_<W;_++){let F=X[_],q=st[_],rt=F<0?q:q<0||E[_]-E[F]<=E[q]-E[_]?F:q,B=V=>Math.min(tt[V],C[_])-1;if(it[_]=B(rt),x[_]===1&&F>=0&&q>=0&&B(q)!==B(F)){let V=(E[_]-E[F])/(E[q]-E[F]||1);ot[_]=B(F)+(B(q)-B(F))*V}c[g[_]]=Math.max(c[g[_]],C[_])}h.push(g),l.push(tt),f.push(it),u.push(ot)}let m=[],w=[],M=(S,b)=>{let g=c[S],E=m[S]??=new Set;for(let x=0;x<g;x++)for(let C of[b-x,b+x])if(C>=0&&C<g&&!E.has(C))return C;return b},A=[];h.forEach((S,b)=>{S.forEach((g,E)=>{if(c[g]>1){let x=u[b][E],C=M(g,Number.isNaN(x)?f[b][E]:Math.round(x));m[g].add(C),(w[g]??=[])[l[b][E]]=C,Number.isNaN(x)||((A[g]??=[])[C]=x)}})});let R=new Map,N=new Map,I=new Map,G=new Map;a.forEach((S,b)=>{A[b]&&G.set(S,A[b]),R.set(S,c[b]),N.set(S,m[b]?[...m[b]].sort((E,x)=>E-x):te);let g=[];w[b]?.forEach((E,x)=>{g[E]=x-1}),I.set(S,g)});let D=new Map;return h.forEach((S,b)=>{let g=l[b];for(let E=1;E<S.length;E++){let x=S[E-1],C=S[E],tt=[w[x]?.[g[E-1]]??0,w[C]?.[g[E]]??0],W=D.get(a[x]);W||(W=new Map,D.set(a[x],W));let X=W.get(a[C]);X?X.some(([Y,st])=>Y===tt[0]&&st===tt[1])||X.push(tt):W.set(a[C],[tt])}}),{span:R,nodeThreads:N,threadPasses:I,threadAt:G,linkThreads:D}}function ee(t,n,e,{reach:o,taper:s}){let r=new Map;return t.forEach((a,c)=>{let i=n[c],h=a.ids.map((l,f)=>{let u=a.starts[f+1]-a.starts[f],m=Math.floor(u/2);return i[a.starts[f]+(a.forward[f]?m:u-1-m)]});for(let[l,f]of Mn(h,a.owned,o/2+s/2)){let u=h.slice(l,f+1),m=a.ids.slice(l,f+1),w=e.map(M=>{let A=m.map(R=>M.get(R)??0);return A.every(R=>R===A[0])?{slot:A,held:A}:{slot:tn(u,ho(u,A,o/2,1),s/2),held:tn(u,A,s/2,R=>R>0)}});m.forEach((M,A)=>{a.owned[l+A]&&r.set(M,{slot:w.map(R=>R.slot[A]),held:w.map(R=>R.held[A])})})}}),r}function se(t,n,e,o,s,r,a){let c=Ut(s,s),i=new Map,h=l=>{let f=i.get(l);if(!f){let u=o.get(l);f=u?Ut(u.slot,s,u.held):c,i.set(l,f)}return f};t.forEach((l,f)=>{let{walk:u,ids:m,visits:w,starts:M}=l,{threadPasses:A,threadAt:R}=r[u],N=new Float64Array(l.xs.length);m.forEach((G,D)=>{let S=Math.max(0,A.get(G)?.indexOf(w[D])??0),b=R.get(G)?.[S]??S;N.fill(h(G)[u]+b*yn,M[D],M[D+1])});let I=tn(e[f],N,a);n[f].forEach((G,D)=>{let S=M[D],b=M[D+1],g=!0;for(let x=S+1;g&&x<b;x++)g=Math.abs(I[x]-I[S])<1e-9;if(g){G.offset=I[S];return}let E=new Array(b-S);for(let x=S;x<b;x++)E[Zt(l,x)]=I[x];G.offsets=E})})}function uo(t,n,e,o,s=wn(t.map(r=>r.route),n)){let r=gn(t),a=t.map(M=>M.mostPasses),c=Yo*o,i=Vo(s,e,oo*o),h=nn(a)*(r?on(a):1)*o,l=Zo(i,e,oo*o,h,r),f=r?t.map(M=>oe(M.route,M.passes,n,e,c)):void 0,u=f?ee(i,l.arcs,f.map(M=>M.span),{reach:c,taper:eo*o}):void 0;u&&f&&se(i,l.stepFrames,l.arcs,u,a,f,eo/2*o);let m={dx:0,dy:0},w=new Set;for(let M of l.frames.values())for(let{shifts:A}of M.flat())if(!w.has(A)){w.add(A);for(let R of A)m.dx=Math.max(m.dx,Math.abs(R?.dx??0)),m.dy=Math.max(m.dy,Math.abs(R?.dy??0))}return{lines:l,threads:f,spans:u,furthestShift:m}}function U(t,n,e,o){return(o<<24|e<<16|n<<8|t)>>>0}function An(t){return t&255}function En(t){return t>>>8&255}function vn(t){return t>>>16&255}function bn(t){return t>>>24&255}function mo(t){return`rgba(${An(t)},${En(t)},${vn(t)},${bn(t)/255})`}function ls(t,n){return`rgba(${Math.round(t[0]*255)},${Math.round(t[1]*255)},${Math.round(t[2]*255)},${n})`}function Ht(t,n){return U(An(t),En(t),vn(t),Math.round(bn(t)*n))}function fs(t,n){let e=Math.max(0,1-1/n),o=s=>Math.round(s+(255-s)*e);return U(o(An(t)),o(En(t)),o(vn(t)),bn(t))}var po=300,Yt=.7,qt=.5;function re(t){return`hsl(${t}, ${Yt*100}%, ${qt*100}%)`}function Vt(t){return Math.max(0,Math.min(1,t))*po}function _n(t,n){return Vt((t-n.start)/(n.end-n.start))}var ae=30;function us({start:t,bp:n,reversed:e},o){let s=_n(t,o),r=_n(t+n,o);if(r-s<1)return[(s+r)/2];let a=Math.ceil((r-s)/ae);return Array.from({length:a+1},(c,i)=>_n(t+n*(e?a-i:i)/a,o))}var ce=Array.from({length:7},(t,n)=>({offset:n/6,color:re(n/6*po)})),ds=`linear-gradient(to right, ${ce.map(t=>`${t.color} ${t.offset*100}%`).join(", ")})`;var ie=Kt();function go(t,n,e,o,s,r,a=!1){return ie(t,[n,e.scaleX,e.scaleY,o,r,a,s],()=>{let c=new Map;for(let i=0;i<n.edges.length;i++){let h=o?.get(i),l=jn(t,n.edges[i],e,h,h&&r?.[i],a);l&&c.set(i,l)}return c})}var le=4;function fe(t){let n=new Map;for(let e of t.edges)Bt(n,e.from,e.to),Bt(n,e.to,e.from);return n}function he({nodeId:t,nodeById:n,neighbors:e}){let o=new Set([t]),s=[t],r=1/0,a=-1/0;for(let c=0;c<le&&s.length>0;c++){let i=[];for(let h of s){let l=e.get(h);if(l){for(let f of l)if(!o.has(f)){o.add(f);let u=n.get(f);u&&$t(u)?(r=Math.min(r,u.stable.start+u.length),a=Math.max(a,u.stable.start)):i.push(f)}}}s=i}return r===1/0?void 0:{start:Math.min(r,a),end:Math.max(r,a)}}function ue({nodeId:t,nodeById:n,neighbors:e}){let o=n.get(t);return o===void 0?void 0:$t(o)?{start:o.stable.start,end:o.stable.start+o.length}:he({nodeId:t,nodeById:n,neighbors:e})}function yo(t){let n=new Map(t.nodes.map(s=>[s.id,s])),e=fe(t),o=new Map;for(let s of t.nodes){let r=ue({nodeId:s.id,nodeById:n,neighbors:e});r&&o.set(s.id,(r.start+r.end)/2)}return o}var de=U(119,119,119,217),xo=U(136,136,136,217),me=U(24,24,28,240),pe=2.2,Oo=U(160,160,160,255),zt=.18,Ns=mo(Ht(Oo,zt)),ge=11,ye=1.2,xe=1e-6,we=7,Me=3,Ae=3,Ee=1.5,wo=3,ve=.5,be=.45,Rn=12,_e=1e-6,yt=new Float64Array(64),Ct=new Float64Array(64),Tt=new Float64Array(64);function Re(t,n,e,o){let s=t.length*Rn+1;yt.length<s&&(yt=new Float64Array(s),Ct=new Float64Array(s),Tt=new Float64Array(s));let r=t[t.length-1];yt[0]=r.x1,Ct[0]=r.y1,Tt[0]=0;let a=1,c=0;for(let i=t.length-1;i>=0&&c<o;i--){let h=t[i];for(let l=1;l<=Rn&&c<o;l++){let f=1-(l/Rn)**2,u=1-f,m=u*u*u,w=3*u*u*f,M=3*u*f*f,A=f*f*f,R=m*h.x0+w*h.cx0+M*h.cx1+A*h.x1,N=m*h.y0+w*h.cy0+M*h.cy1+A*h.y1;c+=Math.hypot(R-yt[a-1],(N-Ct[a-1])*e)*n,yt[a]=R,Ct[a]=N,Tt[a]=c,a++}}return a}function Mo(t,n){let e=1;for(;e<t-1&&Tt[e]<n;)e++;let o=Tt[e-1],s=Tt[e],r=s>o?Math.min(1,Math.max(0,(n-o)/(s-o))):0;return{x:yt[e-1]+(yt[e]-yt[e-1])*r,y:Ct[e-1]+(Ct[e]-Ct[e-1])*r}}function Se({curves:t,edgeHalfWidth:n,nodeHalfWidth:e,scale:o,yToX:s,color:r,fromSegments:a,toSegments:c}){let i=we+Me*n,h=Re(t,o,s,e+wo*i),l=Tt[h-1],f=l<_e,u=Math.min(e,l),m=f?Math.min(1,zn(a,o,o*s)/i):1;if(f?m<ve:l<wo*i)return;let w=Mo(h,u),M=Mo(h,u+i*m),A=w.x-M.x,R=(w.y-M.y)*s,N=t[t.length-1];return{x:w.x,y:w.y,angle:Math.hypot(A,R)>0?Math.atan2(R,A):We(N,s,Oe(N,c)),length:i*m,halfWidth:(Ae+Ee*n)*m,color:r}}var Ao=[[0,0]],Ce=[0],Eo={dx:0,dy:0};function Io(t,n,e){let o=s=>Math.hypot(s.x-t.x,(s.y-t.y)*e);return o(n[0])<o(n.at(-1))}function Te(t,n,e,o,s){return o?Yn(t).from==="start":Io({x:e.x0,y:e.y0},n,s)}function Oe(t,n){if(n.length<2)return;let e=n[0],o=n[n.length-1];return Math.hypot(t.x1-e.x,t.y1-e.y)<=Math.hypot(t.x1-o.x,t.y1-o.y)?{from:e,to:n[1]}:{from:o,to:n[n.length-2]}}function vo(t,n){if(!t||!n)return;let e=n.x-t.x,o=n.y-t.y,s=Math.hypot(e,o);return s>0?{nx:-o/s,ny:e/s}:void 0}var ko=.1,Ie=1/Math.sqrt(ko);function bo(t,n=1){let e=n===1?t:t.map(o=>({x:o.x,y:o.y*n}));return e.map((o,s)=>{let r=vo(e[s-1],o),a=vo(o,e[s+1]);if(r&&a){let c=(r.nx+a.nx)/2,i=(r.ny+a.ny)/2,h=r.nx*c+r.ny*i;return h>ko?{nx:c/h,ny:i/h}:{nx:c,ny:i}}return r??a??{nx:0,ny:0}})}function _o(t,n,e,o=1){let s=new Array(t.length);for(let r=0;r<t.length;r++){let a=typeof e=="number"?e:e[r];s[r]={x:t[r].x+n[r].nx*a,y:t[r].y+n[r].ny*a/o}}return s}function Cn(t,n,e){let o=(1-Math.abs(2*e-1))*n,s=o*(1-Math.abs(t/60%2-1)),r=e-o/2,a=0,c=0,i=0;return t<60?(a=o,c=s):t<120?(a=s,c=o):t<180?(c=o,i=s):t<240?(c=s,i=o):t<300?(a=s,i=o):(a=o,i=s),[a+r,c+r,i+r]}function en(t,n,e,o=1){let[s,r,a]=Cn(t,n,e);return U(Math.round(s*255),Math.round(r*255),Math.round(a*255),Math.round(o*255))}var ke=[[68,1,84],[59,82,139],[33,145,140],[94,201,98],[253,231,37]],Ne=[[237,137,44],[158,42,122]],Pe=[[220,50,50],[50,120,220]];function Sn(t,n){let e=Math.max(0,Math.min(1,n))*(t.length-1),o=Math.min(t.length-2,Math.floor(e)),s=e-o,r=t[o],a=t[o+1];return U(Math.round(r[0]+(a[0]-r[0])*s),Math.round(r[1]+(a[1]-r[1])*s),Math.round(r[2]+(a[2]-r[2])*s),255)}function Fe(t,n){return en(Jn(t),dn,mn,n)}var No=[60,65,72],Tn=U(...No,255),Ps=`rgb(${No.join(", ")})`;function Le(t,n){let e=n.midpoints.get(t.id);return $t(t)&&e!==void 0?(e-n.start)/n.span:void 0}function Fs(t,n){let e=yo(t);if(n&&n.end>n.start)return{start:n.start,span:n.end-n.start,midpoints:e};let o=1/0,s=-1/0;for(let r of e.values())o=Math.min(o,r),s=Math.max(s,r);return{start:o===1/0?0:o,span:s>o?s-o:1,midpoints:e}}function He(t,n){let e=1/0,o=-1/0,s=1/0,r=-1/0,a=0;for(let c of t.nodes)c.stable!==void 0&&c.stable.rank>a&&(a=c.stable.rank),c.depth<e&&(e=c.depth),c.depth>o&&(o=c.depth),c.length<s&&(s=c.length),c.length>r&&(r=c.length);return{minDepth:e,maxDepth:o,minLength:s,maxLength:r,maxRank:a,nodeCount:t.nodes.length,referenceRamp:n}}function De(t,n,e,o){switch(e){case"random":return Fe(t.id,1);case"depth":return Sn(ke,o.maxDepth>o.minDepth?(t.depth-o.minDepth)/(o.maxDepth-o.minDepth):.5);case"node-length":return Sn(Pe,o.maxLength>o.minLength?(t.length-o.minLength)/(o.maxLength-o.minLength):.5);case"stable-rank":return t.stable===void 0?U(160,160,160,255):t.stable.rank===0?U(52,152,219,255):Sn(Ne,o.maxRank>1?(t.stable.rank-1)/(o.maxRank-1):0);case"reference-position":{let s=o.referenceRamp;if(s===void 0)return U(160,160,160,255);let r=Le(t,s);return r===void 0?Tn:en(Vt(r),Yt,qt)}case"grey":return U(160,160,160,255);case"rainbow":{let s=o.nodeCount>1?n/o.nodeCount*360:0;return en(s,.75,.5)}default:return U(52,152,219,255)}}function We(t,n=1,e){let o=[[t.cx1,t.cy1],[t.cx0,t.cy0],[t.x0,t.y0]];for(let[s,r]of o){let a=t.x1-s,c=(t.y1-r)*n;if(Math.hypot(a,c)>0)return Math.atan2(c,a)}return e?Math.atan2((e.to.y-e.from.y)*n,e.to.x-e.from.x):0}function Ge(t,n){let e=!1;for(let o=0;o<t.length-1&&!e;o++){let s=t[o],r=t[o+1];e=Math.max(s.x,r.x)>=n.minX&&Math.min(s.x,r.x)<=n.maxX&&Math.max(s.y,r.y)>=n.minY&&Math.min(s.y,r.y)<=n.maxY}return e}function Ro(t,n,e=0,o=0){for(let s of t){let r=Math.min(s.x0,s.cx0,s.cx1,s.x1),a=Math.max(s.x0,s.cx0,s.cx1,s.x1),c=Math.min(s.y0,s.cy0,s.cy1,s.y1),i=Math.max(s.y0,s.cy0,s.cy1,s.y1);if(a>=n.minX-e&&r<=n.maxX+e&&i>=n.minY-o&&c<=n.maxY+o)return!0}return!1}var So=new WeakMap;function Xe(t){let n=So.get(t);if(!n){let e=[],o=new Map,s=t.paths??[];for(let r=0;r<s.length;r++)e.push(en(Qn(r,s.length),dn,mn,.85)),o.has(s[r].name)||o.set(s[r].name,r);n={pathColorByIndex:e,pathIndexByName:o},So.set(t,n)}return n}var Co=new WeakMap,Be=new Map;function $e(t){let n=Co.get(t);if(!n){n=new Map;for(let[e,o]of(t.paths??[]).entries())for(let s of new Set(o.nodeIds))Bt(n,s,e);Co.set(t,n)}return n}var Ke=Kt(),Ue=Kt(),To=new WeakMap;function Ye(t){let n=To.get(t);if(!n){n=new Map;for(let{from:e,to:o}of t.edges){let s=n.get(e);s||(s=new Set,n.set(e,s)),s.add(o)}To.set(t,n)}return n}function Ls(t){let{nodePositions:n,graph:e,nodeById:o,colorScheme:s,contigThickness:r,connectorThickness:a,drawPaths:c,nodeWidth:i="uniform",edgeWidth:h="uniform",highlight:l,axis:f,linearLayout:u,viewportBounds:m,referenceRamp:w,deletions:M,deletionRoutes:A,stranded:R,hiddenEdges:N,version:I=0}=t,G=Zn(e,i),D=h==="walks"?to(e):0,S=f.scaleX,b=1/Math.max(S,xe),g=qn(f),E=go(n,e,f,M,I,A,R),x=[],C=new Map,tt=[],W=new Map,X=[],Y=new Map,st=He(e,w),it=new Map;if(s==="rainbow")for(let p=0;p<e.nodes.length;p++)it.set(e.nodes[p].id,p);let ot=e.paths?.length??0,{pathColorByIndex:_,pathIndexByName:F}=Xe(e),q=p=>_[F.get(p)??-1]??xo,rt=c&&ot>1?$e(e):Be,B=l?.walks??[],V=gn(B),d=B.map(p=>p.mostPasses),k=V?on(d):1,P=l&&B.length>1?Ke(l,[n,I,f.scaleX,f.scaleY],()=>uo(B,n,g,b,Ue(l,[n,I],()=>wn(B.map(p=>p.route),n)))):void 0,Q=P?.lines,at=P?.threads,L=P?.spans,ft=V?Ut(d,d):[],xt=new Map,Dt=p=>{let y=xt.get(p);if(!y){let v=L?.get(p);y=v?Ut(v.slot,d,v.held):ft,xt.set(p,y)}return y},Wt=(p,y,v,T)=>V?(Dt(p)[v]+T*yn)*k:(v-(B.length-1)/2)*y,Ot=(p,y,v)=>{let T=p?.offsets?.[y]??p?.offset;return T===void 0?v:T*k},Fn=p=>V?St/2*k:p/2,Ln=new Map,Hn=new WeakMap,Dn=(p,y,v)=>at?.[p]?.threadPasses.get(y)?.[v]??0,rn=(p,y)=>{let v=Ln.get(p);return v||(v=bo(y,g),Ln.set(p,v)),v},Go=(p,y,v)=>{if(!v)return rn(p,y);let T=Hn.get(v.normals);return T||(T=rn(p,y).map((O,$)=>v.normals[$]??O),Hn.set(v.normals,T)),T},Wn=new Map,an=p=>{let y=Wn.get(p);if(y===void 0){let v=o.get(p);y=pn(v?Qt(v,r,i,G):r,B.length),Wn.set(p,y)}return y},Gn=(p,y,v,T,O,$)=>{let nt=T?0:v.length-1,K=y?.[O]?.[Dn(O,p,$)],ct=K?.offsets?.[nt]??K?.offset;return{normal:K?.normals[nt]??rn(p,v)[nt]??{nx:0,ny:0},shift:K?.shifts[nt]??Eo,offset:ct===void 0?Wt(p,an(p),O,$):ct*k}},Xo=(p,y)=>{if(!m)return!0;let v=V?nn(d)*k:(B.length-1)/2*an(y),T=Ie*v*b;return Ro(p,m,T+(P?.furthestShift.dx??0),T/g+(P?.furthestShift.dy??0))},Bo=(p,y,v)=>{let T=at?.[p]?.linkThreads;if(!T?.size)return Ao;let O=T.get(y)?.get(v),$=Ye(e).get(v)?.has(y)?void 0:T.get(v)?.get(y);if(!$)return O??Ao;let nt=$.map(([K,ct])=>[ct,K]);return O?[...O,...nt]:nt},cn=(p,y,v)=>B[p]?.passColors.get(y)?.[at?.[p]?.threadPasses.get(y)?.[v]??0],Xn=new WeakMap,$o=(p,y)=>{if(!y||!V)return p;let v=Xn.get(y.shifts);if(!v){let{shifts:T}=y;v=p.map((O,$)=>{let{dx:nt,dy:K}=T[$]??Eo;return{...O,x:O.x+nt,y:O.y+K}}),Xn.set(y.shifts,v)}return v},Ko=S>(u?1:be);for(let p=0;p<e.edges.length;p++){let y=e.edges[p],v=n[y.from],T=n[y.to],O=E.get(p);if(!v?.length||!T?.length||!O||N?.has(p))continue;let $=y.pathIds?.length??0,K=M?.get(p)!==void 0,ct=l?.edgeIndexes.has(p)??!1,It=a/2*(K?pe:1),kt=K?It:a/2*no($,D,h),wt=c&&$>0,ht=K?me:de,Gt=!l||ct?ht:Ht(ht,zt),Mt=o.get(y.to),At=(Mt?Qt(Mt,r,i,G):r)/2,Et=H=>!m||Ro(H,m),z=H=>$n(H,ge/S,g,m),Xt=(H,j,J)=>{if(!K){X.push({curves:H,thickness:j,color:J});return}for(let dt of z(H))X.push({curves:dt.curves,thickness:j,color:J})},ln=(H,j,J,dt,bt,gt,_t,et,fn)=>{if(!K){X.push({curves:H,thickness:j,color:J,walk:dt,pass:bt,normal:gt,offsetX:_t,endNormal:et,endOffsetX:fn});return}let Rt={normal:gt,offsetX:_t},Pt={normal:et,offsetX:fn};for(let Z of z(H)){let mt=Z.startAlong===0?Rt:xn(Rt,Pt,Z.startAlong),lt=Z.endAlong===1?Pt:xn(Rt,Pt,Z.endAlong);X.push({curves:Z.curves,thickness:j,color:J,walk:dt,pass:bt,normal:mt.normal,offsetX:mt.offsetX,endNormal:lt.normal,endOffsetX:lt.offsetX})}},ut=H=>{let j=Ko?Se({curves:H,edgeHalfWidth:K||wt?a/2:kt,nodeHalfWidth:At,scale:S,yToX:g,color:Gt,fromSegments:v,toSegments:T}):void 0;j&&tt.push(j)},Nt=X.length,vt=tt.length,pt=l?.walks.length&&ct&&!wt?l.walks:void 0;if(pt&&!Xo(O,y.from))continue;if(pt){let H=Te(y,v,O[0],R,g),j=O.at(-1),J=Io({x:j.x1,y:j.y1},T,g),dt=pt.length===1,bt=Fn(an(y.from)),gt=Q?.frames.get(y.from),_t=Q?.frames.get(y.to);for(let et=0;et<pt.length;et++)if(pt[et].edgeIndexes.has(p))for(let[Rt,Pt]of Bo(et,y.from,y.to)){let Z=Gn(y.from,gt,v,H,et,Rt),mt=V?Gn(y.to,_t,T,J,et,Pt):Z,lt=dt?0:Z.offset*b,hn=V?mt.offset*b:lt,Bn=V?Un(O,Z.shift.dx+Z.normal.nx*lt,Z.shift.dy+Z.normal.ny*lt/g,mt.shift.dx+mt.normal.nx*hn,mt.shift.dy+mt.normal.ny*hn/g):lt===0?O:un(O,Z.normal.nx*lt,Z.normal.ny*lt/g);Et(Bn)&&ln(Bn,bt,cn(et,y.from,Rt)??cn(et,y.to,Pt)??ht,et,Rt,Z.normal,lt,mt.normal,hn)}X.length>Nt&&ut(O)}else if(!wt)Et(O)&&(Xt(O,kt,Gt),ut(O));else{let H=Vn(v,T,$,f),j=Math.floor(($-1)/2);for(let J=0;J<$;J++){let{x:dt,y:bt}=H[J],gt=dt===0&&bt===0?O:un(O,dt,bt);if(!Et(gt))continue;let _t=q(y.pathIds[J]);Xt(gt,It,l&&(l.walks.length?!l.names.has(y.pathIds[J]):!ct)?Ht(_t,zt):_t),J===j&&ut(gt)}}let jt=X.length-Nt;jt>0&&Y.set(p,{start:Nt,count:jt});let Jt=tt.length-vt;Jt>0&&W.set(p,{start:vt,count:Jt})}for(let[p,y]of Object.entries(n)){let v=o.get(p);if(!v||m&&!Ge(y,m))continue;let T=l!==void 0&&!l.nodeIds.has(p),O=T?Oo:De(v,it.get(p)??0,s,st),$=T?Ht(O,zt):O,nt=Qt(v,r,i,G),K=nt/2,ct=x.length,It=rt.get(p),kt=nt/ot,wt=y.length>=2,ht=l?.walks.length&&!T&&!It?.length?l.walks:void 0;if(wt&&ht){let Mt=pn(nt,ht.length),At=Fn(Mt),Et=Q?.frames.get(p);for(let z=0;z<ht.length;z++){let Xt=ht[z].colors.get(p);if(Xt===void 0)continue;let ln=at?.[z]?.nodeThreads.get(p)??Ce;for(let ut of ln){let Nt=cn(z,p,ut)??Xt;if(ht.length===1){x.push({points:y,thickness:At,color:Nt,walk:z,pass:ut});continue}let vt=Et?.[z]?.[Dn(z,p,ut)],pt=Go(p,y,vt),jt=$o(y,vt),Jt=Wt(p,Mt,z,ut),H=vt?.offsets?.map(J=>J*k*b),j=H?H[Math.floor(H.length/2)]:Ot(vt,0,Jt)*b;x.push({points:_o(jt,pt,H??j,g),thickness:At,color:Nt,walk:z,pass:ut,normals:pt,offsetX:j,...H&&{offsets:H}})}}}else if(wt&&It?.length&&kt>=ye){let Mt=bo(y,g);for(let At of It){let Et=(At-(ot-1)/2)*kt*b,z=_[At]??xo;x.push({points:_o(y,Mt,Et,g),thickness:kt/2,color:T?Ht(z,zt):z})}}else wt&&x.push({points:y,thickness:K,color:$});let Gt=x.length-ct;Gt>0&&C.set(p,{start:ct,count:Gt})}return{nodeStrokes:x,nodeStrokeRuns:C,arrows:tt,arrowRuns:W,edgeCurves:X,edgeCurveRuns:Y}}var Lo=[{value:"progress",label:"Progress along the walk"},{value:"walk",label:"One colour for the walk"},{value:"reference",label:"Reference position"}],kn=[{value:"grey",label:"Grey to black",ends:["#a3a3a3","#151515"]},{value:"blue",label:"Cyan to navy",ends:["#6ee0f0","#0b2c7a"]},{value:"red",label:"Yellow to red",ends:["#ffd24a","#b3121b"]},{value:"purple",label:"Pink to plum",ends:["#f5a3d8","#5e1a6e"]},{value:"green",label:"Lime to forest",ends:["#b6e36c","#0b5d3b"]},{value:"orange",label:"Peach to rust",ends:["#ffc285","#8f3a00"]},{value:"rainbow",label:"Rainbow"}],On=["blue","red","purple","green"],qe=t=>Lo.some(n=>n.value===t),Ve=t=>kn.some(n=>n.value===t);function ze(t,n,e,o=!0){let{field:s,scheme:r}=t.color??{},a=qe(s)?s:o?"progress":"walk",c=n?"grey":On[e%On.length],i=Ve(r)?r==="rainbow"&&a!=="reference"?c:r:c,h=Math.floor(e/On.length)%Po.length;return a==="walk"&&i===c&&h>0?{field:a,scheme:i,shade:Po[h]}:o||a==="walk"?{field:a,scheme:i}:{field:a,scheme:i,darkest:je}}var je=.55,Nn=.5,Po=[Nn,.85,.2],Je=.08,Fo=({field:t,scheme:n})=>t!=="walk"&&n!=="rainbow";function Qe(t){let n=new Map;for(let o of t)Fo(o)&&n.set(o.scheme,(n.get(o.scheme)??0)+1);let e=new Map;return t.map(o=>{let s=Fo(o)?n.get(o.scheme):1;if(s<2)return o;let r=e.get(o.scheme)??0;e.set(o.scheme,r+1);let a=Je/2;return{...o,stretch:[r/s+(r>0?a:0),(r+1)/s-(r<s-1?a:0)]}})}var Ho=({stretch:t},n)=>t?t[0]+(t[1]-t[0])*n:n,Ze=t=>t<=.04045?t/12.92:((t+.055)/1.055)**2.4,ts=t=>t<=.0031308?t*12.92:1.055*t**(1/2.4)-.055;function ns(t){let[n,e,o]=[1,3,5].map(c=>Ze(Number.parseInt(t.slice(c,c+2),16)/255)),s=Math.cbrt(.4122214708*n+.5363325363*e+.0514459929*o),r=Math.cbrt(.2119034982*n+.6806995451*e+.1073969566*o),a=Math.cbrt(.0883024619*n+.2817188376*e+.6299787005*o);return[.2104542553*s+.793617785*r-.0040720468*a,1.9779984951*s-2.428592205*r+.4505937099*a,.0259040371*s+.7827717662*r-.808675766*a]}function os([t,n,e]){let o=(t+.3963377774*n+.2158037573*e)**3,s=(t-.1055613458*n-.0638541728*e)**3,r=(t-.0894841775*n-1.291485548*e)**3;return[4.0767416621*o-3.3077115913*s+.2309699292*r,-1.2684380046*o+2.6097574011*s-.3413193965*r,-.0041960863*o-.7034186147*s+1.707614701*r].map(a=>ts(Math.max(0,Math.min(1,a)))*255)}var In=new Map;function es(t){if(!In.has(t)){let n=kn.find(e=>e.value===t);In.set(t,n&&"ends"in n?n.ends.map(ns):void 0)}return In.get(t)}function Pn(t,n,e=0){let o=Math.max(0,Math.min(1,n)),s=es(t);if(!s)return Cn(Vt(o),Yt,qt).map(l=>l*255);let[r,a]=s,c=r[0],i=a[0],h=i<e&&c>e?(c-e)/(c-i):1;return os(r.map((l,f)=>l+(a[f]-l)*o*h))}function Do(t,n,e){let[o,s,r]=Pn(t,n,e).map(Math.round);return`rgb(${o}, ${s}, ${r})`}function sn(t,n,e){let[o,s,r]=Pn(t,n,e).map(Math.round);return U(o,s,r,255)}function ss(t,n){let{field:e,scheme:o,darkest:s,shade:r=Nn}=t;return e==="walk"?sn(o,r):n===void 0?Wo:sn(o,Ho(t,n),s)}var Wo=Tn;function rs(t){let{field:n,scheme:e,darkest:o,shade:s=Nn}=t,r=(a,c)=>({offset:a,color:Do(e,c,o),abgr:sn(e,c,o)});return n==="walk"?[r(0,s)]:Array.from({length:7},(a,c)=>r(c/6,Ho(t,c/6)))}export{fe as a,ue as b,St as c,gn as d,cs as e,U as f,mo as g,ls as h,Ht as i,fs as j,re as k,us as l,ce as m,ds as n,go as o,Ns as p,Cn as q,Ps as r,Le as s,Fs as t,He as u,De as v,Ls as w,Lo as x,kn as y,ze as z,Qe as A,ss as B,Wo as C,rs as D};
-//# sourceMappingURL=chunk-KQ6JJDJC.js.map

package/dist/chunks/chunk-KUT6FNKO.js

@@ -1,4 +0,0 @@
-import{Ca as Be,Da as Ie,Ea as We,Eb as Ye,Fa as Ge,Gb as W,Hb as be,Ia as De,Ib as de,Ma as He,Mb as Ve,Na as se,Ob as ze,Qa as $e,Rb as fe,Ta as Ke,Ua as ie,Vb as qe,Ya as le,_b as je,a as xe,b as K,ca as Ee,cb as Xe,ec as Je,f as J,g as Z,gc as Ze,ib as Ue,ka as y,kb as ce,la as oe,nb as Fe,ra as Oe,sa as ve,ta as Ae,ua as ae,wa as Te,xa as Ne,yb as pe,zb as ue}from"./chunk-SD7WGQ6Y.js";import{D as re,f as Ce,m as B,p as te,q as _e,r as ne}from"./chunk-KQ6JJDJC.js";import{E as ee,n as E,p as U,q as Q,y as Me}from"./chunk-2VKDQF54.js";import{b as O,c as I}from"./chunk-VCYF5E2N.js";import{c as Re}from"./chunk-ZKCMVSD4.js";import{e as $}from"./chunk-3WG3GF2A.js";import{a as ye,c as M,d as Pe,e as Se,f as X,g as Le}from"./chunk-YU7T5WOQ.js";import{a as T,b as c,c as R,d as m}from"./chunk-JMBDTNUR.js";var Rt="data-pans-with-drawing";function Qe(e,t){return{position:"absolute",left:0,top:0,pointerEvents:"none",overflow:t,zIndex:e}}var C=m(function({model:t,zIndex:n,overflow:o="hidden",testId:r,pansWithDrawing:a,children:l}){return c("svg",{style:{...Qe(n,o),userSelect:a?"none":void 0},width:t.paneWidth,height:t.canvasHeight,"data-testid":r,...a?{[Rt]:""}:{},children:l})}),et=m(function({model:t,children:n}){let{scaleX:o,scaleY:r,translateX:a,translateY:l}=t;return c("g",{transform:`translate(${a} ${l}) scale(${o} ${r})`,children:n})});function _({model:e,zIndex:t,shown:n=!0,testId:o,paint:r}){let a=Le(null);return Pe(()=>{if(n)return xe(()=>{let l=a.current,i=l?.getContext("2d");if(l&&i){let p=e.paneWidth,b=e.canvasHeight;Ee(Ze());let u=Ye(l,p,b);i.setTransform(u,0,0,u,0,0),i.clearRect(0,0,p,b),r(i,u)}})},[e,n,r]),c("canvas",{ref:a,"data-testid":n?o:void 0,style:{...Qe(t),display:n?"block":"none"}})}var xt=m(function({model:t}){let{bubbleHalos:n,hoveredBubble:o}=t;if(n.length===0)return null;let r=t.contigThickness*Ve;return c(C,{model:t,zIndex:2,testId:"graph-bubble-halos",children:c(et,{model:t,children:n.filter(a=>!a.whole&&(!a.tick||o&&O(a.bubble,o))).map(a=>c("path",{d:a.path,fill:"none",stroke:y[a.kind],strokeOpacity:o&&O(a.bubble,o)?.45:t.bubbleFaded(a)?.06:.22,strokeWidth:r,strokeLinecap:"round",strokeLinejoin:"round",vectorEffect:"non-scaling-stroke"},I(a.bubble)))})})}),Pn=xt;var tt=["#d4735e","#d8a94a","#c98aa4"],yt="#e6e6e6",Pt="#555",St="bold 11px sans-serif";var he=e=>tt[e]??yt;function F(e){let t=String.fromCharCode(65+e%26);return e<26?t:F(Math.floor(e/26)-1)+t}var Y=tt.length;function nt(e,t,n){e.font=St,e.textAlign="center",e.textBaseline="middle";for(let{row:o,start:r,bp:a,block:l}of t){let i=n.x(r),p=n.x(r+a)-i,b=n.rowCentre(o)-n.barPx/2;e.fillStyle=he(l),e.fillRect(i,b,p,n.barPx),e.strokeStyle=Pt,e.lineWidth=1,e.strokeRect(i+.5,b+.5,p-1,n.barPx-1),p>=12&&n.barPx>=9&&(e.fillStyle="#111",e.fillText(F(l),i+p/2,n.rowCentre(o)))}}var k=18,G=48,ot="rgba(160, 160, 160, 0.45)",Mt="#18181c",Ct=6,at=7,_t="#b8b8c0",V=ve-4;function q(e){return e.kind==="fill"?e.width??k:k}var P=e=>[{offset:0,color:e}];function z(e,t,n,o=k){return{key:e,label:n,swatch:{kind:"fill",stops:P(t),width:o}}}function rt(e){return e.flatMap((t,n)=>[{offset:n/e.length,color:t},{offset:(n+1)/e.length,color:t}])}function Et(e){let t=e.openBubble;if(!t)return[];let n=e.bubbleHalos.find(o=>O(o.bubble,t));return[{key:"open",label:`open: ${n?.label??"bubble"}`,swatch:n?{kind:"halo",color:y[n.kind]}:{kind:"blank"},closesBubble:!0}]}function Ot(e){let t=e.walkLift?void 0:e.referenceRampDomain;if(!t)return[];let n=Math.round(t.start),o=Math.round(t.end);return[{key:"ramp",label:`${n.toLocaleString("en-US")}-${o.toLocaleString("en-US")} (${ee(o-n)})`,swatch:{kind:"fill",stops:B,width:G}},...e.referenceRampDrawsOffReference?[z("off",ne,"off the reference",G)]:[]]}function vt(e){let t=e.walkLift;if(t)return t.walks.map(r=>re(r.encoding));if(e.effectiveColorScheme==="reference-position")return[B];let n=e.referenceStripBlocks.map(r=>r.colors[0]).filter((r,a,l)=>r!==l[a-1]),o=Math.min(Ct,n.length);return[o===0?P(te):Array.from({length:o},(r,a)=>({offset:o>1?a/(o-1):0,color:n[o>1?Math.round(a*(n.length-1)/(o-1)):0]}))]}function At(e){if(!e.referenceStripShown)return[];let t=(e.walkLift?.walks.length??0)>1;return[{key:"strip",label:`top strip: reference${t?", a row per walk":""}`,swatch:{kind:"bands",bands:vt(e)}},...e.referenceStripFaded?[z("strip-faded",te,e.walkLift?`reference not on ${t?"that row's walk":e.liftedWalksLabel}`:"reference outside the open bubble")]:[],...e.referenceStripOverhangs?[{key:"overhang",label:"graph runs past this edge",swatch:{kind:"overhang"}}]:[]]}function Tt(e){let t=new Map;for(let n of e.bubbleHalos)if(!n.whole){let o=y[n.kind],r=t.get(o)??new Set;r.add(oe[n.kind]),t.set(o,r)}return[...t].map(([n,o])=>{let r=[...o].join(" or ");return{key:`halo-${n}`,label:r===oe.superbubble?r:`${r} bubble`,swatch:{kind:"halo",color:n}}})}function st(e){let{graph:t}=e;return t&&e.deletions.length>0?[{key:"deletion",label:Me(Re(t)),swatch:{kind:"line",color:e.walkLift?ot:Mt,dashed:!0}}]:[]}function Nt(e){return e.genePins.some(t=>t.exonsByNode.length>0)?[{key:"exon",label:"exon",swatch:{kind:"outline",color:W,stroke:2,radius:5,height:8}}]:[]}function Bt(e){let t=e.foldNote;return t?[{key:"fold",label:t}]:[]}function It(e){return e.pathLegend.map(({name:t,label:n,color:o})=>({key:`path-${t}`,label:n,swatch:{kind:"line",color:o}}))}function v(e,t,n){return{key:e,label:n,swatch:{kind:"fill",stops:t,height:at,square:!0}}}function Wt(e){let{roles:t,haplotypeTube:n,bundled:o,values:r,logWidths:a,foldBp:l,forwardReads:i,reverseReads:p,substitution:b,insertion:u,deletion:d}=e.tubeMapKeys,h=e.readsShown,s=[];if(r){s.push(v("value-reference",P(ce),"reference"));for(let{value:f,color:g}of r)s.push(v(`value-${f}`,P(g),f))}return t&&s.push(v("ref",P(ce),"reference"),v("hap",P(n),o?"shared route, \xD7n haplotypes":"haplotype")),i&&s.push(v("fwd",rt(J),"read on the forward strand")),p&&s.push(v("rev",rt(Z),"read on the reverse strand")),h&&h.shown<h.total&&s.push({key:"sampled",label:`${h.shown.toLocaleString("en-US")} of ${h.total.toLocaleString("en-US")} reads shown`,swatch:{kind:"blank"}}),b&&s.push({key:"sub",label:"read mismatch",swatch:{kind:"glyph",char:"A"}}),u&&s.push({key:"ins",label:"read insertion",swatch:{kind:"glyph",char:"*"}}),d&&s.push(v("del",P("grey"),"read deletion")),l!==void 0&&s.push({key:"tube-fold",label:`haplotype variant < ${ee(l)}`,swatch:{kind:"tick",color:Ke(),height:at,backing:_t}}),a&&s.push({key:"log",label:"width grows with log of length",swatch:{kind:"bracket"}}),s}function Gt(e){return e.kind==="gene"?{kind:"outline",color:Oe,stroke:1.5,radius:0,height:V}:{kind:"fill",stops:e.kind==="bar"&&e.ramp?B:P(e.fill),height:e.kind==="gap"?e.px:V}}function Dt(e){let t=new Set(e.sharedBlocks?.map(o=>o.block)),n=o=>({kind:"fill",stops:P(he(o)),height:V});return[...[...t].filter(o=>o<Y).sort((o,r)=>o-r).map(o=>({key:`block-${o}`,label:`${F(o)}: off the reference, walked by several rows`,swatch:n(o)})),...[...t].some(o=>o>=Y)?[{key:"block-more",label:"more shared blocks",swatch:n(Y)}]:[]]}function Ht(e){let t=e.walkRowBars;if(!t)return[];let n=[t.reference,...t.rows].flatMap(r=>r.call??[]),o=(r,a,l)=>({key:r,label:l,swatch:{kind:"tick",color:a,height:V}});return[...Be(t,{ramp:e.referenceRampDomain,genes:e.walkRowGeneKey,annotation:e.walkRowAnnotation}).map(r=>({key:`rows-${r.label}`,label:r.label,swatch:r.note?void 0:Gt(r.swatch)})),...Dt(e),...n.some(r=>r.spanningReads!==0)?[o("call",Ie,"allele length called for this walk")]:[],...n.some(r=>r.spanningReads===0)?[o("unbacked",We,"called with no read spanning it")]:[],...n.some(r=>r.agrees===!1)?[o("disagrees",Ge,`walk and call over ${Math.round(.1*100)}% apart`)]:[]]}function $t(e,t){let n=qe(t,e.walkReference);return{key:`walk-${t.name}`,strong:e.walkLabel(t.name),label:n.delta+n.gaps+n.reversed,swatch:{kind:"fill",stops:re(t.encoding),width:n.shades?G:k},under:n.scale,title:n.hover,walk:t}}function it(e,t,n=k){return[...e.liftPaintsOffReference?[z("lift-off",ne,"off the reference",n)]:[],z("faded",ot,t,n)]}function Kt(e){let t=e.walkLift;if(!t||e.facetPanels)return[];let n=t.walks.map(a=>$t(e,a)),o=n.some(a=>q(a.swatch)===G)?G:k,r=e.graph?fe(e.graph,t,e.liftedWalksLabel):`not on ${e.liftedWalksLabel}`;return[...n,...it(e,r,o)]}function wr(e){let{graph:t,facetPanels:n}=e;if(!t||!n)return[];let o=new Set(n.map(r=>fe(t,r,"the panel's walk")));return[...it(e,o.size===1?[...o][0]:"not on the panel's walk"),...st(e)]}function mr(e){return[{testid:"graph-open-bubble-legend",rows:Et(e)},{testid:"graph-ramp-legend",rows:Ot(e)},{testid:"graph-reference-strip-legend",rows:At(e)},{testid:"graph-halo-legend",rows:Tt(e)},{testid:"graph-deletion-legend",rows:st(e)},{testid:"graph-gene-legend",rows:Nt(e)},{testid:"graph-fold-legend",rows:Bt(e)},{testid:"graph-path-legend",rows:It(e)},{testid:"graph-tube-map-legend",rows:Wt(e)},{testid:"graph-walk-rows-legend",rows:Ht(e)},{testid:"graph-walk-readout",rows:Kt(e)}].filter(t=>t.rows.length>0)}function Xt(e){return e==="class"?"className":/^(data|aria)-/.test(e)?e:e.replace(/-([a-z])/g,(t,n)=>n.toUpperCase())}function lt(e,t){if(typeof e=="string")return e;let n={key:t};for(let[o,r]of Object.entries(e.attrs))r!==void 0&&(n[Xt(o)]=r);return ye(e.tag,n,e.children.map(lt))}function N(){return Se().replaceAll(/[^\w-]/g,"")}function D({el:e}){return lt(e,0)}function ct({id:e,x:t,y:n,stops:o,width:r,height:a,square:l}){let i=p=>c("rect",{x:t,y:n,width:r,height:a,rx:l?0:2,fill:p});return o.length>1?R(T,{children:[c("defs",{children:c("linearGradient",{id:e,children:o.map((p,b)=>c("stop",{offset:p.offset,stopColor:p.color},b))})}),i(`url(#${e})`)]}):i(o[0].color)}var pt=e=>e.length>1?3:4;function ge(e){switch(e.kind){case"fill":return e.height??8;case"bands":return pt(e.bands)*e.bands.length;case"line":return 3;case"halo":case"overhang":return 10;case"outline":case"tick":return e.height;case"glyph":return 15;case"bracket":return 7;case"blank":return 0}}function Ut({swatch:e,x:t,id:n}){switch(e.kind){case"fill":{let r=ge(e);return c(ct,{id:n,x:t,y:-5-r/2,stops:e.stops,width:q(e),height:r,square:e.square})}case"bands":{let r=pt(e.bands),a=-5-ge(e)/2;return c(T,{children:e.bands.map((l,i)=>c(ct,{id:`${n}-${i}`,x:t,y:a+i*r,stops:l,width:k,height:r,square:!0},i))})}case"line":return e.dashed?c("line",{x1:t+1,x2:t+k,y1:-5,y2:-5,stroke:e.color,strokeWidth:3,strokeDasharray:"4 3"}):c("rect",{x:t,y:-5-1.5,width:k,height:3,rx:2,fill:e.color});case"halo":return c("line",{x1:t+5,x2:t+13,y1:-5,y2:-5,stroke:e.color,strokeOpacity:.35,strokeWidth:8,strokeLinecap:"round"});case"outline":{let r=e.stroke/2;return c("rect",{x:t+r,y:-5-e.height/2+r,width:k-e.stroke,height:e.height-e.stroke,rx:Math.max(0,e.radius-r),fill:"none",stroke:e.color,strokeWidth:e.stroke})}case"overhang":return c("path",{transform:`translate(${t} -10)`,d:"M0,5 L8,0 L8,10 Z M18,5 L10,0 L10,10 Z",fill:"#18181c"});case"glyph":return c("text",{x:t+k/2,y:-1,textAnchor:"middle",fontFamily:"monospace",fontSize:12,fill:"currentColor",children:e.char});case"tick":{let r=-5-e.height/2;return R(T,{children:[e.backing?c("rect",{x:t,y:r,width:k,height:e.height,fill:e.backing}):null,c("rect",{x:t+k/2-1,y:r,width:2,height:e.height,fill:e.color})]})}case"bracket":return c("path",{transform:`translate(${t} ${-5-3.5})`,d:`M0.5,6 V1.5 H5.5 V6 M8.5,6 V1.5 H${k-.5} V6`,fill:"none",stroke:He()});case"blank":return null}}function Lr({swatch:e}){let t=N(),n=ge(e);return c("svg",{width:q(e),height:n,overflow:"visible",style:{flex:"none"},children:c("g",{transform:`translate(0 ${n/2+5})`,children:c(Ut,{swatch:e,x:0,id:t})})})}var Ft=m(function({model:t}){let n=`exon-outline-${N()}`,o=X(()=>K(()=>{let{genePins:d,walkLift:h}=t,s=h?void 0:t.openBubbleFocus,f=s?d.map(g=>({...g,exonsByNode:g.exonsByNode.filter(w=>s.nodeIds.has(w.nodeId))})):d;return be(f,t.nodeInk.halfWidthPx,h)}),[t]),{scaleX:r,scaleY:a,translateX:l,translateY:i,paneWidth:p,canvasHeight:b}=t,u=de(o.get(),{id:n,width:p,height:b,transform:`translate(${l} ${i}) scale(${r} ${a})`});return u?c(C,{model:t,zIndex:2,testId:"graph-gene-pins",children:c(D,{el:u})}):null}),Nr=Ft;function ut(e,t,n){return{x:e-n/2,y:t-E-U+2,width:n,height:E+U*2-2}}function bt(e,t,n){let o=ut(e.x,e.y,e.w);return t>=o.x&&t<=o.x+o.width&&n>=o.y&&n<=o.y+o.height}function H({x:e,y:t,w:n,text:o,note:r,color:a,edge:l=a,italic:i,dimmed:p,title:b,testId:u,onClick:d,onHover:h}){return R("g",{style:{pointerEvents:d||h?"auto":"none",cursor:d?"pointer":void 0,opacity:p?.35:1},"data-testid":u,onClick:d,onMouseEnter:()=>{h?.(!0)},onMouseLeave:()=>{h?.(!1)},...d&&{role:"button",tabIndex:0,"aria-label":(b??o).replaceAll(`
-`,", "),onKeyDown:s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),d())},onFocus:()=>{h?.(!0)},onBlur:()=>{h?.(!1)}},children:[b?c("title",{children:b}):null,c("rect",{...ut(e,t,n),rx:3,fill:"rgba(255,255,255,0.85)",stroke:l,strokeWidth:1}),R("text",{x:e,y:t,fontSize:E,fontFamily:"sans-serif",fontStyle:i?"italic":void 0,fontWeight:i?600:void 0,fill:a,textAnchor:"middle",children:[o,r?c("tspan",{fontStyle:"normal",fontWeight:"normal",children:r}):null]})]})}var dt="#1c1c22",we=9,me=3;function to({genes:e},t,n){let o=e.find(l=>bt(l,t,n))?.item;if(!o)return;let{gene:r}=o,a=ze(o);return{label:r.name,readout:`${r.refName}:${r.start.toLocaleString()}-${r.end.toLocaleString()}${a?`, ${a} in the cut`:""}`}}var Yt=m(function({model:t}){let{bubbles:n,genes:o,ticks:r}=t.overlayLabels;if(n.length+o.length+r.length===0)return null;let{scaleY:a,translateY:l,contigThickness:i,hoveredBubble:p}=t,b=p?r.find(s=>O(s.item.bubble,p)):void 0,u=s=>r[Number(s.getAttribute("data-tick"))],d=s=>t.bubbleFaded(s),h=s=>t.bubbleIsOpen(s.bubble);return R(C,{model:t,zIndex:3,testId:"graph-label-layer",pansWithDrawing:!0,children:[c("g",{"data-testid":"graph-bubble-ticks",onClick:s=>{let f=u(s.target);f&&t.toggleBubble(f.item.bubble)},onMouseOver:s=>{let f=u(s.target);f&&t.setHoveredBubble(f.item.bubble)},onMouseOut:()=>{$(t)&&t.setHoveredBubble(null)},onFocus:s=>{let f=u(s.target);f&&t.setHoveredBubble(f.item.bubble)},onBlur:()=>{$(t)&&t.setHoveredBubble(null)},onKeyDown:s=>{let f=u(s.target);f&&(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),t.toggleBubble(f.item.bubble))},children:r.map(({item:s,x:f,y:g},w)=>c("rect",{"data-tick":w,role:"button",tabIndex:0,"aria-label":`${s.label}, ${h(s)?"close":"open"} bubble`,x:f-me/2,y:g-we,width:me,height:we,rx:me/2,fill:y[s.kind],opacity:d(s)?.35:1,style:{pointerEvents:"all",cursor:"pointer"}},I(s.bubble)))}),o.map(({item:s,x:f,y:g,w,text:S})=>{let{gene:x}=s;return R("g",{children:[c("line",{x1:f,x2:f,y1:g-E-2,y2:s.at.y*a+l+i/2,stroke:dt,strokeWidth:.8,strokeOpacity:.6}),c(H,{x:f,y:g,w,text:x.name,note:S.slice(x.name.length)||void 0,color:dt,edge:W,italic:!0,testId:"graph-gene-pin-label"})]},`${x.name}-${x.start}`)}),n.map(({item:s,x:f,y:g,w,text:S})=>c(H,{x:f,y:g,w,text:S,color:y[s.kind],dimmed:d(s),title:`${s.label}
-${s.bubble.segmentCount} segments${s.bubble.covering?"":h(s)?" \xB7 click to close":" \xB7 click to open"}`,testId:"graph-bubble-halo-label",onClick:s.bubble.covering?void 0:()=>{t.toggleBubble(s.bubble)},onHover:x=>{$(t)&&t.setHoveredBubble(x?s.bubble:null)}},I(s.bubble))),b?c(H,{x:b.x,y:b.y-we-4,w:Q(b.item.label),text:b.item.label,color:y[b.item.kind],testId:"graph-bubble-tick-label"}):null]})}),no=Yt;function Vt(e,t,{lit:n,dpr:o}){let r=t.hostBpFrame;r&&Je(e,t.referenceStripBlocks,r,{width:t.paneWidth,lit:n,dpr:o})}var zt=m(function({model:t}){let n=M((o,r)=>{Vt(o,t,{lit:t.referenceStripLit,dpr:r})},[t]);return c(_,{model:t,zIndex:5,shown:t.referenceStripShown,testId:"graph-reference-strip",paint:n})}),co=zt;var qt=.45;function jt(e,t,{highlightNode:n}){let o=t.tubeMapPicture,r=t.tubeMapFrame;if(!o||!r)return;let a=t.paneWidth,l=t.tubeMapPanelViews;if(l){Jt(e,t,l,n);return}let i={...r,width:a,highlightNode:n,tubeColors:t.tubeMapTubeColors,nodeColors:t.tubeMapNodeColors};le(e,o,i);let p=t.layoutResult?.tubeMap;p&&(pe(e,o,p.graph,i),ue(e,p,i)),ie(e,t.tubeMapDeviations,i),$e(e,t.tubeMapConnectors,t.connectorZoneBottom,i);let{bounds:b}=o;je(e,t.tubeMapGenes,i,r.y(b.minY)-2);let u=t.tubeMapRulerBoxes;u&&se(e,u,i,r.y(b.maxY)+4,t.layoutResult?.referenceAxis)}function Jt(e,t,n,o){let r=t.paneWidth;for(let i of n){if(i.bottom<0||i.titleTop>t.canvasHeight)continue;let p={...i.frame,width:r,highlightNode:o,tubeColors:i.tubeColors,nodeColors:i.nodeColors};le(e,i.picture,p),pe(e,i.picture,i.panel.result.tubeMap.graph,p),ue(e,i.panel.result.tubeMap,p),e.globalAlpha=qt,ie(e,i.deviations,p),e.globalAlpha=1,e.strokeStyle="rgba(0,0,0,0.15)",e.lineWidth=1,e.beginPath(),e.moveTo(0,Math.round(i.titleTop)+.5),e.lineTo(r,Math.round(i.titleTop)+.5),e.stroke(),e.font=Fe,e.textAlign="left",e.textBaseline="top",e.fillStyle="rgba(0,0,0,0.85)",e.fillText(i.label,6,i.titleTop+4)}let a=n.at(-1),l=t.tubeMapPanelRulerBoxes;a&&l&&se(e,l,{...a.frame,width:r},a.bottom+4,!0)}var Zt=m(function({model:t}){let n=M(o=>{jt(o,t,{highlightNode:t.selectedNode})},[t]);return c(_,{model:t,zIndex:1,shown:!!t.tubeMapPicture,testId:"graph-tube-map",paint:n})}),yo=Zt;var A=JBrowseExports["@jbrowse/render-core/marks"],Qt=e=>A!=null&&e in Object(A)?A[e]:Object.assign(function(){throw new Error("This JBrowse does not provide '"+e+"' from '@jbrowse/render-core/marks' to plugins: GraphGenomeView was built for a different JBrowse version, so update the plugin or JBrowse")},{jbrowseHostMissing:e});var ft=Qt("spanMark");var Lo=A&&A.__esModule?A.default:A;function gt(e){if(e.startsWith("#")){let r=Number.parseInt(e.slice(1),16);return[r>>16&255,r>>8&255,r&255]}let[t=0,n=0,o=0]=e.match(/[\d.]+/g).map(Number);return e.startsWith("hsl")?_e(t,n/100,o/100).map(r=>r*255):[t,n,o]}var wt=([e,t,n])=>Ce(Math.round(e),Math.round(t),Math.round(n),255),ht=new Map;function en(e){let t=ht.get(e);return t===void 0&&(t=wt(gt(e)),ht.set(e,t)),t}function tn(e,t,n){let o=e.start+e.bp,r=Ne(e,t);if("fill"in r)return[[e.start,o,en(r.fill)]];let a=r.stops.map(gt),l=r.stops.map(u=>Number(/[\d.]+/.exec(u)[0])),i=Math.abs(l.at(-1)-l[0]),p=Math.max(1,Math.min(Math.ceil(e.bp*n),Math.ceil(i),e.bp)),b=[];for(let u=0;u<p;u++){let d=(u+.5)/p*(a.length-1),h=Math.min(Math.floor(d),a.length-2),s=a[h],f=a[h+1],g=d-h;b.push([Math.round(e.start+e.bp*u/p),Math.round(e.start+e.bp*(u+1)/p),wt([0,1,2].map(w=>s[w]+(f[w]-s[w])*g))])}return b}function ke(e){return{x:new Uint32Array(e),x2:new Uint32Array(e),row:new Uint32Array(e),color:new Uint32Array(e),count:0}}function j(e,t,n){return{x:e.x.subarray(t,n),x2:e.x2.subarray(t,n),row:e.row.subarray(t,n),color:e.color.subarray(t,n),count:n-t}}function mt(e,t,n){let o=e.map(h=>De(h.runs,t).map(s=>({gap:s.gap,hairline:s.gap&&Te(s.cause).px===ae,pieces:tn(s,n,t)}))),r=0;for(let h of o)for(let s of h)r+=s.pieces.length;let a=ke(r),l=ke(r),i=ke(r),p=new Uint32Array(e.length+1),b=new Uint32Array(e.length+1),u=new Uint32Array(e.length+1),d=1;return o.forEach((h,s)=>{for(let f of h){let g=f.hairline?i:f.gap?l:a;for(let[w,S,x]of f.pieces){let L=g.count++;g.x[L]=w,g.x2[L]=S,g.row[L]=s,g.color[L]=x,d=Math.max(d,g.x2[L])}}p[s+1]=a.count,b[s+1]=l.count,u[s+1]=i.count}),{bars:j(a,0,a.count),gaps:j(l,0,l.count),hairlines:j(i,0,i.count),barRows:p,gapRows:b,hairlineRows:u,longest:d}}function kt(e,t,n){let{longest:o}=t,r={start:0,end:o,screenStartPx:n.origin*n.scaleX+n.translateX,screenEndPx:(n.origin+o)*n.scaleX+n.translateX,reversed:!1,displayedRegionIndex:0},a={canvasWidth:n.width,canvasHeight:n.height},l=n.rowPx*n.scaleY;for(let{first:i,count:p,rowY:b}of n.blocks){let u=l/2-n.translateY-(b-i*n.rowPx)*n.scaleY,d=(b-n.rowPx/2)*n.scaleY+n.translateY;if(!(d>n.height||d+p*l<0))for(let[h,s,f]of[[t.bars,t.barRows,n.barPx],[t.gaps,t.gapRows,Math.min(Ae,n.barPx)],[t.hairlines,t.hairlineRows,Math.min(ae,n.barPx)]])ft.paintBlock(e,j(h,s[i],s[i+p]),r,a,{rowHeight:l,rowProportion:f/l,minWidthPx:1,seamPx:0,scrollTop:u})}}function nn({model:e}){let t=X(()=>K(()=>{let o=e.walkRowBars;return o?mt([o.reference,...o.rows],e.scaleX,e.referenceRampDomain):void 0}),[e]),n=M(o=>{let r=e.walkRowBars,a=e.walkRowPlacement,l=e.walkRowPitch,i=t.get();if(!r||!a||!l||!i)return;let p=e.walkRowGroups?.sections,b=p?.length?[{first:0,count:1,rowY:a.rowY(0)},...p.map(u=>({first:u.first,count:u.count,rowY:a.rowY(u.first)}))]:[{first:0,count:r.rows.length+1,rowY:a.rowY(0)}];kt(o,i,{...e.screenTransform,width:e.paneWidth,height:e.canvasHeight,rowPx:l.rowPx,barPx:l.barPx,origin:r.origin,blocks:b})},[e,t]);return c(_,{model:e,zIndex:3,testId:"graph-walk-rows-spans",paint:n})}var rn="rgba(160, 196, 232, 0.55)",on="rgba(160, 140, 220, 0.55)";function an({model:e}){let t=M(n=>{let o=e.walkRowRibbons,r=e.walkRowBars,a=e.walkRowPlacement,l=e.walkRowPitch;if(!o||!r||!a||!l)return;let{scaleX:i,scaleY:p,translateX:b,translateY:u}=e.screenTransform,d=s=>(r.origin+s)*i+b,h=l.barPx/2;for(let{row:s,a0:f,a1:g,b0:w,b1:S}of o){let x=a.rowY(s)*p+u+h,L=a.rowY(s+1)*p+u-h;n.fillStyle=w>S?on:rn,n.beginPath(),n.moveTo(d(f),x),n.lineTo(d(g),x),n.lineTo(d(S),L),n.lineTo(d(w),L),n.closePath(),n.fill()}},[e]);return c(_,{model:e,zIndex:2,testId:"graph-walk-rows-ribbons",paint:t})}function sn({model:e}){let t=M(n=>{let o=e.sharedBlocks,r=e.walkRowBars,a=e.walkRowPlacement,l=e.walkRowPitch;if(!o||!r||!a||!l)return;let{scaleX:i,scaleY:p,translateX:b,translateY:u}=e.screenTransform;nt(n,o,{x:d=>(r.origin+d)*i+b,rowCentre:d=>a.rowY(d)*p+u,barPx:l.barPx})},[e]);return c(_,{model:e,zIndex:3,testId:"graph-walk-rows-blocks",paint:t})}var ln=m(function({model:t}){let n=t.walkRowBars,o=t.walkRowPlacement,r=t.walkRowPitch;if(!n||!o||!r||!t.hoveredWalkRowText)return null;let a=[n.reference,...n.rows],l=a.findIndex(b=>b.name===t.hoveredWalkRow),i=a[l];if(!i)return null;let p=t.toScreen({x:n.origin,y:o.rowY(l)});return c("rect",{"data-testid":"graph-walk-row-hovered",x:p.x-2,y:p.y-r.rowPx/2-1,width:i.bp*t.scaleX+4,height:r.rowPx+2,fill:"none",stroke:"#111",strokeWidth:1})}),cn=m(function({model:t,vector:n=!1}){let o=N(),r=t.walkRowBars,a=t.walkRowPlacement,l=t.walkRowPitch;if(!r||!a||!l)return null;let{paneWidth:i,canvasHeight:p}=t,b={...t.screenTransform,width:i,height:p,...l,bars:n};return R(T,{children:[n||!t.walkRowRibbons?null:c(an,{model:t}),n?null:c(nn,{model:t}),n||!t.sharedBlocks?null:c(sn,{model:t}),R(C,{model:t,zIndex:3,overflow:"visible",testId:"graph-walk-rows",children:[Ue(r,t.walkRowGroups?.sections??[],a.rowY,b,{ramp:t.referenceRampDomain,rowGenes:t.walkRowGenes,idPrefix:o}).map((u,d)=>c(D,{el:u},d)),a.headers.map(u=>c("text",{x:10,y:t.toScreen({x:0,y:u.top}).y+Xe-4,fontFamily:"sans-serif",fontSize:11,fontWeight:"bold",fill:"#333","data-testid":"graph-walk-section",children:u.title},u.key)),c(ln,{model:t})]})]})}),Ho=cn;export{Rt as a,Qe as b,C as c,Pn as d,N as e,D as f,q as g,Gt as h,$t as i,wr as j,mr as k,Ut as l,Lr as m,Nr as n,to as o,no as p,Vt as q,co as r,jt as s,yo as t,Ho as u};
-//# sourceMappingURL=chunk-KUT6FNKO.js.map

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

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

package/dist/chunks/chunk-LJAPKX5Y.js

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