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