"use strict";(self.webpackChunk_jbrowse_web=self.webpackChunk_jbrowse_web||[]).push([[6151],{96151:(i,o,e)=>{e.r(o),e.d(o,{default:()=>p});e(41867);var n=e(3762),t=e(47409),s=e(51590),l=e(93764),c=e(27768),d=e(23801),a=e(35421),r=e(47192),h=e(80838);const m=(0,r.ZL)()((i=>({table:{border:"1px solid #888",margin:i.spacing(4),"& td":{padding:i.spacing(1)}}})));function f(i){let{modifications:o}=i;const{classes:e}=m();return(0,h.jsx)("table",{className:e.table,children:(0,h.jsx)("tbody",{children:o.map((i=>{let[o,e]=i;return(0,h.jsxs)("tr",{children:[(0,h.jsx)("td",{children:o}),(0,h.jsx)("td",{children:e}),(0,h.jsx)("td",{style:{width:"1em",background:e}})]},o)}))})})}const p=(0,n.observer)((function(i){let{model:o,handleClose:e}=i;const{colorBy:n,modificationTagMap:r}=o,m=[...r.entries()];return(0,h.jsx)(a.Dialog,{open:!0,onClose:e,title:"Color by modifications",children:(0,h.jsxs)(t.Z,{children:[(0,h.jsx)(s.Z,{children:"You can choose to color the modifications in the BAM/CRAM MM/ML specification using this dialog. Choosing modifications colors the modified positions and can color multiple modification types. Choosing the methylation setting colors methylated and unmethylated CpG."}),(0,h.jsx)(s.Z,{children:"Note: you can revisit this dialog to see the current mapping of colors to modification type for the modification coloring mode"}),(0,h.jsxs)("div",{style:{margin:20},children:["modifications"===(null===n||void 0===n?void 0:n.type)?(0,h.jsx)("div",{children:m.length?(0,h.jsxs)(h.Fragment,{children:["Current modification-type-to-color mapping",(0,h.jsx)(f,{modifications:[...r.entries()]})]}):(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(s.Z,{children:"Note: color by modifications is already enabled. Loading current modifications..."}),(0,h.jsx)(l.Z,{size:15})]})}):null,"methylation"===(null===n||void 0===n?void 0:n.type)?(0,h.jsx)(f,{modifications:[["methylated","red"],["unmethylated","blue"]]}):null]}),(0,h.jsxs)(c.Z,{children:[(0,h.jsx)(d.Z,{variant:"contained",onClick:()=>{o.setColorScheme({type:"modifications"}),e()},children:"Modifications"}),(0,h.jsx)(d.Z,{variant:"contained",onClick:()=>{o.setColorScheme({type:"methylation"}),e()},children:"Methylation"}),(0,h.jsx)(d.Z,{variant:"contained",color:"secondary",onClick:()=>e(),children:"Cancel"})]})]})})}))}}]);
//# sourceMappingURL=6151.f898f029.chunk.js.map