"use strict";(globalThis.webpackChunk_jbrowse_web=globalThis.webpackChunk_jbrowse_web||[]).push([[3338],{83338:(e,o,s)=>{s.r(o),s.d(o,{default:()=>v});var t=s(7552),n=s(71328),l=s(68446),r=s(99546),i=s(75785),c=s(33085),u=s(69500);const a=(0,i.n9)()({rel:{position:"relative"},cursor:{pointerEvents:"none",zIndex:1e3,position:"absolute"},color:{width:10,height:10}}),h=(0,l.observer)((function({mouseX:e,mouseY:o,model:s}){const{classes:t}=a(),{hoveredGenotype:n,height:l,scrollTop:i,rowHeight:h,sources:d}=s,{width:v}=(0,r.getContainingView)(s),x=d?.[Math.floor(o/h)],b=o-i;return x?(0,u.jsxs)("div",{className:t.rel,children:[(0,u.jsxs)("svg",{className:t.cursor,width:v,height:l,style:{top:i},children:[(0,u.jsx)("line",{x1:0,x2:v,y1:b,y2:b,stroke:"black"}),(0,u.jsx)("line",{x1:e,x2:e,y1:0,y2:l,stroke:"black"})]}),(0,u.jsx)(c.A,{source:{...x,hoveredGenotype:n}})]}):null}));var d=s(98054);const v=(0,l.observer)((function(e){const{model:o}=e,s=(0,t.useRef)(null),[l,r]=(0,t.useState)(),[i,c]=(0,t.useState)();return(0,u.jsxs)("div",{ref:s,onMouseMove:e=>{const o=s.current?.getBoundingClientRect(),t=o?.top||0,n=o?.left||0;r(e.clientY-t),c(e.clientX-n)},onMouseLeave:()=>{r(void 0),c(void 0)},children:[(0,u.jsx)(n.GQ,{...e}),(0,u.jsx)(d.A,{model:o}),i&&l?(0,u.jsx)(h,{mouseX:i,mouseY:l,model:o}):null]})}))}}]);
//# sourceMappingURL=3338.50d11f54.chunk.js.map