"use strict";(globalThis.webpackChunk_jbrowse_web=globalThis.webpackChunk_jbrowse_web||[]).push([[6151],{96151:(e,t,n)=>{n.r(t),n.d(t,{default:()=>h});var o=n(66204),i=n(80846),l=n(29520),a=n(80013),c=n(10126),r=n(62301),m=n(7146),s=n(35421);const d=(0,n(38684).ZL)()((e=>({table:{border:"1px solid #888",margin:e.spacing(4),"& td":{padding:e.spacing(1)}}})));function u({modifications:e}){const{classes:t}=d();return o.createElement("table",{className:t.table},o.createElement("tbody",null,e.map((([e,t])=>o.createElement("tr",{key:e},o.createElement("td",null,e),o.createElement("td",null,t),o.createElement("td",{style:{width:"1em",background:t}}))))))}const h=(0,i.observer)((function({model:e,handleClose:t}){const{colorBy:n,modificationTagMap:i}=e,d=[...i.entries()];return o.createElement(s.Dialog,{open:!0,onClose:t,title:"Color by modifications"},o.createElement(l.Z,null,o.createElement(a.Z,null,"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."),o.createElement(a.Z,null,"Note: you can revisit this dialog to see the current mapping of colors to modification type for the modification coloring mode"),o.createElement("div",{style:{margin:20}},"modifications"===n?.type?o.createElement("div",null,d.length?o.createElement(o.Fragment,null,"Current modification-type-to-color mapping",o.createElement(u,{modifications:[...i.entries()]})):o.createElement(o.Fragment,null,o.createElement(a.Z,null,"Note: color by modifications is already enabled. Loading current modifications..."),o.createElement(c.Z,{size:15}))):null,"methylation"===n?.type?o.createElement(u,{modifications:[["methylated","red"],["unmethylated","blue"]]}):null),o.createElement(r.Z,null,o.createElement(m.Z,{variant:"contained",onClick:()=>{e.setColorScheme({type:"modifications"}),t()}},"Modifications"),o.createElement(m.Z,{variant:"contained",onClick:()=>{e.setColorScheme({type:"methylation"}),t()}},"Methylation"),o.createElement(m.Z,{variant:"contained",color:"secondary",onClick:()=>t()},"Cancel"))))}))}}]);
//# sourceMappingURL=6151.5d7285b8.chunk.js.map