"use strict";(self.webpackChunk_jbrowse_web=self.webpackChunk_jbrowse_web||[]).push([[6750],{56750:function(i,o,n){n.r(o),n.d(o,{default:function(){return j}});var e=n(68079),t=(n(30969),n(90550)),s=n(59071),c=n(33359),r=n(94308),a=n(96074),l=n(72097),d=n(59767),h=n(96234),m=n(53276),u=n(37574),f=(0,m.ZL)()((function(i){return{table:{border:"1px solid #888",margin:i.spacing(4),"& td":{padding:i.spacing(1)}}}}));function p(i){var o=i.modifications,n=f().classes;return(0,u.jsx)("table",{className:n.table,children:(0,u.jsx)("tbody",{children:o.map((function(i){var o=(0,h.Z)(i,2),n=o[0],e=o[1];return(0,u.jsxs)("tr",{children:[(0,u.jsx)("td",{children:n}),(0,u.jsx)("td",{children:e}),(0,u.jsx)("td",{style:{width:"1em",background:e}})]},n)}))})})}var j=(0,t.observer)((function(i){var o=i.model,n=i.handleClose,t=o.colorBy,h=o.modificationTagMap,m=(0,e.Z)(h.entries());return(0,u.jsx)(d.Dialog,{open:!0,onClose:n,title:"Color by modifications",children:(0,u.jsxs)(s.Z,{children:[(0,u.jsx)(c.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,u.jsx)(c.Z,{children:"Note: you can revisit this dialog to see the current mapping of colors to modification type for the modification coloring mode"}),(0,u.jsxs)("div",{style:{margin:20},children:["modifications"===(null===t||void 0===t?void 0:t.type)?(0,u.jsx)("div",{children:m.length?(0,u.jsxs)(u.Fragment,{children:["Current modification-type-to-color mapping",(0,u.jsx)(p,{modifications:(0,e.Z)(h.entries())})]}):(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(c.Z,{children:"Note: color by modifications is already enabled. Loading current modifications..."}),(0,u.jsx)(r.Z,{size:15})]})}):null,"methylation"===(null===t||void 0===t?void 0:t.type)?(0,u.jsx)(p,{modifications:[["methylated","red"],["unmethylated","blue"]]}):null]}),(0,u.jsxs)(a.Z,{children:[(0,u.jsx)(l.Z,{variant:"contained",onClick:function(){o.setColorScheme({type:"modifications"}),n()},children:"Modifications"}),(0,u.jsx)(l.Z,{variant:"contained",onClick:function(){o.setColorScheme({type:"methylation"}),n()},children:"Methylation"}),(0,u.jsx)(l.Z,{variant:"contained",color:"secondary",onClick:function(){return n()},children:"Cancel"})]})]})})}))}}]);
//# sourceMappingURL=6750.14f7b05a.chunk.js.map