"use strict";(self.webpackChunk_jbrowse_web=self.webpackChunk_jbrowse_web||[]).push([[5058],{35058:function(i,o,n){n.r(o);var e=n(68079),t=n(96234),s=(n(30969),n(90550)),l=n(22714),c=n(83483),r=n(64501),a=n(32343),d=n(93138),h=n(80975),m=n(537),u=n(53033),p=n(28599),f=n(14008),y=n(37574),j=(0,l.Z)((function(i){return{closeButton:{position:"absolute",right:i.spacing(1),top:i.spacing(1),color:i.palette.grey[500]},table:{border:"1px solid #888",margin:i.spacing(4),"& td":{padding:i.spacing(1)}}}}));function g(i){var o=i.modifications,n=j();return(0,y.jsx)("table",{className:n.table,children:(0,y.jsx)("tbody",{children:o.map((function(i){var o=(0,t.Z)(i,2),n=o[0],e=o[1];return(0,y.jsxs)("tr",{children:[(0,y.jsx)("td",{children:n}),(0,y.jsx)("td",{children:e}),(0,y.jsx)("td",{style:{width:"1em",background:e}})]},n)}))})})}o.default=(0,s.observer)((function(i){var o=j(),n=i.model,t=i.handleClose,s=n.colorBy,l=n.modificationTagMap,x=(0,e.Z)(l.entries());return(0,y.jsxs)(c.Z,{open:!0,onClose:t,children:[(0,y.jsxs)(r.Z,{children:["Color by modifications",(0,y.jsx)(a.Z,{"aria-label":"close",className:o.closeButton,onClick:t,children:(0,y.jsx)(f.Z,{})})]}),(0,y.jsxs)(d.Z,{children:[(0,y.jsx)(h.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,y.jsx)(h.Z,{children:"Note: you can revisit this dialog to see the current mapping of colors to modification type for the modification coloring mode"}),(0,y.jsxs)("div",{style:{margin:20},children:["modifications"===(null===s||void 0===s?void 0:s.type)?(0,y.jsx)("div",{children:x.length?(0,y.jsxs)(y.Fragment,{children:["Current modification-type-to-color mapping",(0,y.jsx)(g,{modifications:(0,e.Z)(l.entries())})]}):(0,y.jsxs)("div",{children:[(0,y.jsx)(h.Z,{children:"Note: color by modifications is already enabled. Loading current modifications..."}),(0,y.jsx)(m.Z,{size:15})]})}):null,"methylation"===(null===s||void 0===s?void 0:s.type)?(0,y.jsx)(g,{modifications:[["methylated","red"],["unmethylated","blue"]]}):null]}),(0,y.jsxs)(u.Z,{children:[(0,y.jsx)(p.Z,{variant:"contained",color:"primary",style:{margin:5},onClick:function(){n.setColorScheme({type:"modifications"}),t()},children:"Modifications"}),(0,y.jsx)(p.Z,{variant:"contained",color:"primary",style:{margin:5},onClick:function(){n.setColorScheme({type:"methylation"}),t()},children:"Methylation"}),(0,y.jsx)(p.Z,{variant:"contained",color:"secondary",style:{margin:5},onClick:function(){return t()},children:"Cancel"})]})]})]})}))}}]);
//# sourceMappingURL=5058.05d6cf4f.chunk.js.map