{"version":3,"file":"static/js/5369.993afa3f.chunk.js","mappings":"sQAaA,MA0EA,GA1E+BA,EAAAA,EAAAA,WAAS,SAAUC,GAShD,MAAM,MAAEC,EAAK,YAAEC,GAAgBF,GACzB,qBAAEG,EAAsBC,UAAWC,GAAqBJ,GACvDK,EAAQC,IAAaC,EAAAA,EAAAA,UAAS,GAAGL,MACjCC,EAAWK,IAAgBD,EAAAA,EAAAA,UAASH,GAErCK,EAAgB,KAAXJ,IAAkBK,OAAOC,OAAON,GAE3C,OACEO,EAAAA,cAACC,EAAAA,OAAM,CAACC,MAAI,EAACC,QAASd,EAAae,MAAM,sBACvCJ,EAAAA,cAACK,EAAAA,EAAa,KACZL,EAAAA,cAACM,EAAAA,EAAU,KAAC,iKAKZN,EAAAA,cAACO,EAAAA,EAAS,CACRC,MAAOf,EACPgB,WAAW,iBACXC,SAAUC,IACRjB,EAAUiB,EAAMC,OAAOJ,MAAM,IAGjCR,EAAAA,cAACa,EAAAA,EAAgB,CACfC,QACEd,EAAAA,cAACe,EAAAA,EAAQ,CACPC,UAAWzB,EACXmB,SAAUA,KACRd,GAAaqB,IAAQA,GAAI,IAI/BC,MAAM,oDAERlB,EAAAA,cAACmB,EAAAA,EAAa,KACZnB,EAAAA,cAACoB,EAAAA,EAAM,CACLC,QAAQ,YACRC,MAAM,UACNC,KAAK,SACLC,WAAS,EACTC,UAAW5B,EACX6B,QAASA,KACPtC,EAAMuC,iBACO,KAAXlC,GAAkBK,OAAOC,OAAON,QAAoBmC,GAATnC,GAE7CL,EAAMQ,aAAaL,GACnBF,GAAa,GAEhB,UAGDW,EAAAA,cAACoB,EAAAA,EAAM,CACLC,QAAQ,YACRC,MAAM,YACNI,QAASA,KACPrC,GAAa,GAEhB,YAOX,G","sources":["../../../plugins/alignments/src/LinearPileupDisplay/components/SetFeatureHeightDialog.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { observer } from 'mobx-react'\nimport {\n  Button,\n  Checkbox,\n  DialogActions,\n  DialogContent,\n  FormControlLabel,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { Dialog } from '@jbrowse/core/ui'\n\nconst SetFeatureHeightDialog = observer(function (props: {\n  model: {\n    setFeatureHeight: (arg?: number) => void\n    setNoSpacing: (arg?: boolean) => void\n    featureHeightSetting: number\n    noSpacing?: boolean\n  }\n  handleClose: () => void\n}) {\n  const { model, handleClose } = props\n  const { featureHeightSetting, noSpacing: noSpacingSetting } = model\n  const [height, setHeight] = useState(`${featureHeightSetting}`)\n  const [noSpacing, setNoSpacing] = useState(noSpacingSetting)\n\n  const ok = height !== '' && !Number.isNaN(+height)\n\n  return (\n    <Dialog open onClose={handleClose} title=\"Set feature height\">\n      <DialogContent>\n        <Typography>\n          Adjust the feature height and whether there is any spacing between\n          features. Setting feature height to 1 and removing spacing makes the\n          display very compact.\n        </Typography>\n        <TextField\n          value={height}\n          helperText=\"Feature height\"\n          onChange={event => {\n            setHeight(event.target.value)\n          }}\n        />\n        <FormControlLabel\n          control={\n            <Checkbox\n              checked={!!noSpacing}\n              onChange={() => {\n                setNoSpacing(val => !val)\n              }}\n            />\n          }\n          label=\"Remove spacing between features in y-direction?\"\n        />\n        <DialogActions>\n          <Button\n            variant=\"contained\"\n            color=\"primary\"\n            type=\"submit\"\n            autoFocus\n            disabled={!ok}\n            onClick={() => {\n              model.setFeatureHeight(\n                height !== '' && !Number.isNaN(+height) ? +height : undefined,\n              )\n              model.setNoSpacing(noSpacing)\n              handleClose()\n            }}\n          >\n            Submit\n          </Button>\n          <Button\n            variant=\"contained\"\n            color=\"secondary\"\n            onClick={() => {\n              handleClose()\n            }}\n          >\n            Cancel\n          </Button>\n        </DialogActions>\n      </DialogContent>\n    </Dialog>\n  )\n})\n\nexport default SetFeatureHeightDialog\n"],"names":["observer","props","model","handleClose","featureHeightSetting","noSpacing","noSpacingSetting","height","setHeight","useState","setNoSpacing","ok","Number","isNaN","React","Dialog","open","onClose","title","DialogContent","Typography","TextField","value","helperText","onChange","event","target","FormControlLabel","control","Checkbox","checked","val","label","DialogActions","Button","variant","color","type","autoFocus","disabled","onClick","setFeatureHeight","undefined"],"sourceRoot":""}