"use strict";(globalThis.webpackChunk_jbrowse_web=globalThis.webpackChunk_jbrowse_web||[]).push([[7348],{67348:(e,t,n)=>{n.r(t),n.d(t,{default:()=>v});var r=n(7552),a=n(68446),l=n(99546),i=n(75785),c=n(95727);const s=(0,i.n9)()({overlay:{display:"flex",width:"100%",gridArea:"1/1","& path":{cursor:"crosshair",fill:"none"}}}),o=(0,a.observer)((function({model:e}){const{classes:t}=s(),{matchedTracks:n,interactToggled:a}=e,l=(0,r.useRef)(null);return r.createElement("div",{className:t.overlay},r.createElement("svg",{ref:l,style:{width:"100%",zIndex:10,pointerEvents:a?void 0:"none"}},n.map((t=>r.createElement(c.A,{parentRef:l,key:t.configuration.trackId,model:e,trackId:t.configuration.trackId})))))})),d=(0,i.n9)()((e=>({viewDivider:{background:e.palette.secondary.main,height:3},container:{display:"grid"},content:{gridArea:"1/1"},rel:{position:"relative"}}))),m=(0,a.observer)((function({model:e}){const{classes:t}=d(),{views:n}=e,{pluginManager:a}=(0,l.getEnv)(e);return r.createElement("div",{className:t.content},r.createElement("div",{className:t.rel},n.map(((e,l)=>{const{ReactComponent:i}=a.getViewType(e.type),c=r.createElement(i,{key:e.id,model:e});return l===n.length-1?c:[c,r.createElement("div",{key:`${e.id}-divider`,className:t.viewDivider})]}))))})),v=(0,a.observer)((function({model:e}){const{classes:t}=d();return r.createElement("div",null,r.createElement("div",{className:t.container},r.createElement(m,{model:e}),r.createElement(o,{model:e})))}))}}]);
//# sourceMappingURL=7348.40afbdc0.chunk.js.map