"use strict";(globalThis.webpackChunk_jbrowse_web=globalThis.webpackChunk_jbrowse_web||[]).push([[1915],{51915:(e,i,s)=>{s.r(i),s.d(i,{default:()=>w});var r=s(67112),a=s(68446),n=s(75785),l=s(7946),t=s(22762),o=s(69500);const c=(0,n.n9)()((e=>({circularViewOptions:{padding:e.spacing(1)}}))),d=(0,a.observer)((function({svInspector:e}){const{classes:i}=c();return(0,o.jsx)("div",{className:i.circularViewOptions,style:{height:e.circularViewOptionsBarHeight},children:(0,o.jsx)(l.A,{control:(0,o.jsx)(t.A,{checked:e.onlyDisplayRelevantRegionsInCircularView,onChange:i=>{e.setOnlyDisplayRelevantRegionsInCircularView(i.target.checked)}}),label:"show only regions with data"})})})),h=(0,n.n9)()((e=>({resizeHandleVert:{background:e.palette.action.selected,width:4,boxSizing:"border-box",borderTop:"1px solid #fafafa"},resizeHandleHoriz:{background:e.palette.action.selected,height:4,boxSizing:"border-box",borderTop:"1px solid #fafafa"},viewControls:{margin:0},viewsContainer:{display:"flex"},container:{overflow:"hidden"}}))),w=(0,a.observer)((function({model:e}){const{classes:i}=h(),{SpreadsheetViewReactComponent:s,CircularViewReactComponent:a,showCircularView:n}=e;return(0,o.jsxs)("div",{className:i.container,children:[(0,o.jsxs)("div",{className:i.viewsContainer,children:[(0,o.jsx)("div",{style:{width:e.spreadsheetView.width},className:i.container,children:(0,o.jsx)(s,{model:e.spreadsheetView})}),n?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.ResizeHandle,{onDrag:i=>{const s=e.circularView.resizeWidth(-i);return e.spreadsheetView.resizeWidth(-s)},vertical:!0,flexbox:!0,className:i.resizeHandleVert}),(0,o.jsxs)("div",{style:{width:e.circularView.width},children:[(0,o.jsx)(d,{svInspector:e}),(0,o.jsx)(a,{model:e.circularView})]})]}):null]}),(0,o.jsx)(r.ResizeHandle,{onDrag:e.resizeHeight,className:i.resizeHandleHoriz})]})}))}}]);
//# sourceMappingURL=1915.547eeafb.chunk.js.map