"use strict";(globalThis.webpackChunk_jbrowse_web=globalThis.webpackChunk_jbrowse_web||[]).push([[3448],{27419:(e,o,n)=>{n.r(o),n.d(o,{default:()=>u});var l=n(7552),r=n(67112),t=n(99546),i=n(76218),s=n(61282),a=n(93062),c=n(30698),d=n(69092),h=n(68446),p=n(69500);const u=(0,h.observer)(function({model:e,handleClose:o}){const{bpPerPx:n,width:h}=e,[u,b]=(0,l.useState)((0,t.toLocale)(((e=0)=>+(+e).toFixed(1))(n*h)));(0,l.useEffect)(()=>{b((0,t.toLocale)(n*h))},[n,h]);const x=u.replace(/,/g,"");return(0,p.jsxs)(r.Dialog,{title:"Edit zoom level",open:!0,onClose:o,children:[(0,p.jsxs)(i.A,{style:{display:"flex",flexDirection:"column",gap:30},children:[(0,p.jsx)(s.A,{children:"Enter a specific number of base pairs to change the viewport to show. This is approximate and does not account for padding between regions or off-screen scrolling"}),(0,p.jsx)(a.A,{helperText:"current zoom level (in bp)",value:u,onChange:e=>{b(e.target.value)}})]}),(0,p.jsxs)(c.A,{children:[(0,p.jsx)(d.A,{variant:"contained",color:"secondary",onClick:()=>{o()},children:"Cancel"}),(0,p.jsx)(d.A,{variant:"contained",color:"primary",onClick:()=>{e.zoomTo(+x/e.width),o()},children:"Submit"})]})]})})}}]);
//# sourceMappingURL=3448.c6e91c52.chunk.js.map