@sjcrh/proteinpaint-client 2.212.0 → 2.213.0

package/dist/Disco.UI-PY2KOGKY.js

@@ -1,243 +0,0 @@
-import {
-  launch
-} from "./chunk-IBZVZZ5J.js";
-import {
-  makeBtn,
-  makeFileUpload,
-  makeGenomeDropDown,
-  makePrompt,
-  makeResetBtn,
-  makeTextAreaInput
-} from "./chunk-5EBRF6Z7.js";
-import "./chunk-A4D2Z2LV.js";
-import "./chunk-5WMFEMII.js";
-import "./chunk-X46YA4CB.js";
-import "./chunk-SKMFMGCD.js";
-import {
-  Tabs,
-  appear,
-  sayerror
-} from "./chunk-VHDYIOWU.js";
-import "./chunk-HJ6L54YS.js";
-import "./chunk-KV4W2ACA.js";
-import "./chunk-5WIA4KFA.js";
-import "./chunk-7XZA2XR2.js";
-import "./chunk-DD3DWHUY.js";
-import "./chunk-EEB5VE2A.js";
-import "./chunk-6RRZRISL.js";
-import "./chunk-2KM4PRQM.js";
-import "./chunk-RMUK3TLD.js";
-import "./chunk-HH5JKOE6.js";
-import "./chunk-RU2UHH7M.js";
-import "./chunk-57Z4VYLM.js";
-import "./chunk-WINIL2KN.js";
-import "./chunk-PF4DSFDR.js";
-import "./chunk-7X6NF7NI.js";
-import "./chunk-W5J3LTYS.js";
-import "./chunk-Z2ZITHT4.js";
-import "./chunk-4OLM3KSB.js";
-import "./chunk-6XKAOSQE.js";
-import "./chunk-TLT4YIG3.js";
-import "./chunk-5R63Q5KH.js";
-import "./chunk-I6Y4O3RR.js";
-import "./chunk-Q5RDQNIT.js";
-import "./chunk-DQC5FFGV.js";
-import "./chunk-HS5PO5ZQ.js";
-
-// plots/disco/Disco.UI.ts
-function init_discoplotUI(holder, genomes, debugmode) {
-  const wrapper = holder.append("div").style("margin", "20px 20px 20px 40px").style(
-    "font-family",
-    "'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif"
-  ).style("place-items", "center left").style("overflow", "hidden").classed("sjpp-app-ui", true).classed("sjpp-disco-ui", true);
-  const obj = {
-    data: []
-  };
-  makePrompt(wrapper, "Select Genome").style("font-size", "1.15em").style("padding", "10px 0px").style("color", "#003366");
-  genomeSelection(wrapper, genomes, obj);
-  makePrompt(wrapper, "Provide Data").style("font-size", "1.15em").style("padding", "10px 0px 5px 0px").style("color", "#003366");
-  wrapper.append("div").style("opacity", 0.75).style("padding", "10px 10px 15px 20px").style("width", "65vw").style("line-height", "1.5em").html(
-    '<p>The plot accepts multiple data types. Input fields for each data type are available in the tabs below. Upload a file or paste data in at least one data type tab and click "Create Disco Plot". <a href="https://proteinpaint.stjude.org/ppdemo/hg38/disco/discoDemoData.tar.gz" target="Demo data">Download example files</a></p>'
-  );
-  const dataTypeTabs_div = wrapper.append("div").style("margin-left", "2vw");
-  makeDataTypeTabs(dataTypeTabs_div, obj);
-  const controlBtns_div = wrapper.append("div").style("display", "flex").style("align-items", "center").style("padding", "15px 0px");
-  submitButton(controlBtns_div, obj, genomes, wrapper, holder);
-  makeResetBtn(controlBtns_div, obj, ".disco_input");
-  if (debugmode) window["doms"] = obj;
-  return obj;
-}
-function genomeSelection(div, genomes, obj) {
-  const genome_div = div.append("div").style("margin-left", "40px");
-  const g = makeGenomeDropDown(genome_div, genomes).style("border", "1px solid rgb(138, 177, 212)");
-  obj.genome = g.node();
-}
-function makeDataTypeTabs(dataTypeTabs_div, obj) {
-  const tabs = [
-    {
-      label: "SNV Indel",
-      active: true,
-      callback: async (event, dataTypeTab) => {
-        dataTypeTab.key = "snv";
-        const listHTML = `<ol>
-					<li>chr</li>
-					<li>position</li>
-					<li>gene</li>
-					<li>aachange</li>
-					<li>class</li>
-					<li>DNA total reads (optional)</li>
-					<li>DNA alt reads (optional)</li>
-					<li>RNA total reads (optional)</li>
-					<li>RNA alt reads (optional)</li></ol>
-					<p>Example:</p>
-<pre style="margin-left: 10px;">
-chr1	226252135	H3F3A	K28M	M	100	25	80	16
-chr2	98765432	TestGene	TestMutation	F
-</pre>`;
-        mainTabCallback(dataTypeTab, obj, listHTML);
-      }
-    },
-    {
-      label: "SV",
-      active: false,
-      callback: async (event, dataTypeTab) => {
-        dataTypeTab.key = "sv";
-        const listHTML = `<ol>
-					<li>chrA</li>
-					<li>posA</li>
-					<li>geneA (optional)</li>
-					<li>chrB</li>
-					<li>posB</li>
-					<li>geneB (optional)</li>
-				</ol>
-				<p>Example (with genes):</p>
-<pre style="margin-left: 10px;">
-chr6	3067605	MDC1	chr12	61521661	KMT2D
-</pre>
-				<p>Example (without genes):</p>
-<pre style="margin-left: 10px;">
-chr6	3067605	chr12	61521661
-</pre>`;
-        mainTabCallback(dataTypeTab, obj, listHTML);
-      }
-    },
-    {
-      label: "CNV",
-      active: false,
-      callback: async (event, dataTypeTab) => {
-        dataTypeTab.key = "cnv";
-        const listHTML = `<ol>
-				<li>chr</li>
-				<li>start</li>
-				<li>stop</li>
-				<li>value</li>
-				</ol>
-				<p>Example:</p>
-<pre style="margin-left: 10px;">
-chr1	1	100000000	0.5
-chr1	100000000	200000000	-0.5
-</pre>`;
-        mainTabCallback(dataTypeTab, obj, listHTML);
-      }
-    }
-  ];
-  new Tabs({ holder: dataTypeTabs_div, tabs, tabsPosition: "vertical", linePosition: "right" }).main();
-}
-function mainTabCallback(dataTypeTab, obj, listHTML) {
-  dataTypeTab.contentHolder.style("border", "none").style("display", "block").style("padding-left", "30px");
-  makeDataInputTabs(dataTypeTab, obj);
-  dataTypeTab.contentHolder.append("div").style("padding", "15px 0px 0px 10px").style("opacity", 0.75).text(`Provide ${dataTypeTab.label} data in tab delimited format with the following columns:`).append("span").html(listHTML);
-  delete dataTypeTab.callback;
-}
-function makeDataInputTabs(dataTypeTab, obj) {
-  const width = 95;
-  const tabs = [
-    // //TODO: implement file upload and file path input once launch.adhoc is ready
-    {
-      label: "Select File",
-      active: true,
-      width,
-      callback: async (event, tab) => {
-        const key = dataTypeTab.key;
-        tab.contentHolder.style("border", "none").style("display", "block");
-        appear(tab.contentHolder);
-        tab.contentHolder.append("div").style("padding", "0px 0px 5px 15px").style("opacity", 0.65).text(`Select a local file`);
-        makeFileUpload2(tab, obj, key);
-        delete tab.callback;
-      }
-    },
-    // {
-    // 	label: 'File Path',
-    // 	active: false,
-    // 	width,
-    // 	callback: async (tab: Tab) => {
-    // 		const key = dataTypeTab.key
-    // 		tab.contentHolder.style('border', 'none').style('display', 'block')
-    // 		appear(tab.contentHolder)
-    // 		tab.contentHolder
-    // 			.append('div')
-    // 			.html(`<p style="margin-left: 10px; opacity: 0.65;">Provide a URL file path.</p>`)
-    // 		uiutils.makePrompt(tab.contentHolder, 'URL')
-    // 		makeTextEntryFilePathInput(tab.contentHolder, obj, key)
-    // 		delete tab.callback
-    // 	}
-    // },
-    {
-      label: "Paste Data",
-      active: false,
-      width,
-      callback: async (event, tab) => {
-        const key = dataTypeTab.key;
-        tab.contentHolder.style("border", "none").style("display", "block");
-        appear(tab.contentHolder);
-        makeCopyPasteInput(tab, obj, key);
-        delete tab.callback;
-      }
-    }
-  ];
-  new Tabs({ holder: dataTypeTab.contentHolder, tabs }).main();
-}
-function makeFileUpload2(tab, obj, key) {
-  const upload_div = tab.contentHolder.append("div").style("display", "inline-block");
-  const upload = makeFileUpload(upload_div).classed("disco_input", true);
-  upload.on("change", (event) => {
-    const file = event.target.files[0];
-    const reader = new FileReader();
-    reader.onload = (event2) => {
-      obj.data[key + "Text"] = event2.target.result;
-    };
-    reader.readAsText(file, "utf8");
-  });
-}
-function makeCopyPasteInput(tab, obj, key) {
-  const paste_div = tab.contentHolder.append("div").style("display", "block");
-  const paste = makeTextAreaInput({ div: paste_div, cols: 50 }).style("border", "1px solid rgb(138, 177, 212)").style("margin", "0px 0px 0px 20px").classed("disco_input", true).on("keyup", async () => {
-    obj.data[key + "Text"] = paste.property("value").trim();
-  });
-}
-function submitButton(div, obj, genomes, wrapper, holder) {
-  const submit = makeBtn({ div, text: "Create Disco Plot" });
-  const errorMessage_div = div.append("div");
-  submit.style("margin-right", "10px").style("font-size", "16px").classed("sjpp-ui-submitBtn", true).attr("type", "submit").on("click", () => {
-    if (!obj.data || obj.data == void 0) {
-      const sayerrorDiv = errorMessage_div.append("div").style("display", "inline-block").style("max-width", "20vw");
-      sayerror(sayerrorDiv, "Please provide data");
-      setTimeout(() => sayerrorDiv.remove(), 2e3);
-    } else {
-      const genomeObj = genomes[obj.genome.options[obj.genome.selectedIndex].text];
-      wrapper.remove();
-      launch(obj.data, genomeObj, holder);
-      backButton(holder, genomes);
-    }
-  });
-}
-function backButton(holder, genomes) {
-  holder.append("button").html("&#171; Back").on("click", () => {
-    holder.selectAll("*").remove();
-    init_discoplotUI(holder, genomes, false);
-  });
-}
-export {
-  init_discoplotUI
-};
-//# sourceMappingURL=Disco.UI-PY2KOGKY.js.map

package/dist/DmrPlot-5WMOBZOJ.js

@@ -1,362 +0,0 @@
-import {
-  DmrViewModel,
-  getDefaultDMRSettings
-} from "./chunk-WILJJPWV.js";
-import {
-  PlotBase,
-  table2col
-} from "./chunk-VHDYIOWU.js";
-import "./chunk-HJ6L54YS.js";
-import "./chunk-KV4W2ACA.js";
-import "./chunk-5WIA4KFA.js";
-import "./chunk-7XZA2XR2.js";
-import "./chunk-DD3DWHUY.js";
-import "./chunk-EEB5VE2A.js";
-import "./chunk-6RRZRISL.js";
-import "./chunk-2KM4PRQM.js";
-import {
-  dofetch3,
-  formatElapsedTime
-} from "./chunk-RMUK3TLD.js";
-import "./chunk-HH5JKOE6.js";
-import "./chunk-RU2UHH7M.js";
-import "./chunk-57Z4VYLM.js";
-import {
-  copyMerge,
-  getCompInit
-} from "./chunk-WINIL2KN.js";
-import "./chunk-PF4DSFDR.js";
-import "./chunk-7X6NF7NI.js";
-import "./chunk-W5J3LTYS.js";
-import "./chunk-Z2ZITHT4.js";
-import "./chunk-4OLM3KSB.js";
-import "./chunk-6XKAOSQE.js";
-import "./chunk-TLT4YIG3.js";
-import "./chunk-5R63Q5KH.js";
-import "./chunk-I6Y4O3RR.js";
-import "./chunk-Q5RDQNIT.js";
-import "./chunk-DQC5FFGV.js";
-import "./chunk-HS5PO5ZQ.js";
-
-// plots/dmr/model/DmrModel.ts
-var DmrModel = class {
-  constructor(config, vocab) {
-    this.config = config;
-    this.vocab = vocab;
-  }
-  async fetchDmr(chr, start, stop, signal) {
-    const { group1, group2, settings } = this.config;
-    const { genome, dslabel } = this.vocab;
-    return dofetch3("termdb/dmr", {
-      signal,
-      body: {
-        genome,
-        dslabel,
-        chr,
-        start,
-        stop,
-        group1,
-        group2,
-        lambda: settings.dmr.lambda,
-        C: settings.dmr.C,
-        fdr_cutoff: settings.dmr.fdr_cutoff,
-        group1Name: this.config.group1Name,
-        group2Name: this.config.group2Name,
-        blockWidth: settings.dmr.blockWidth,
-        devicePixelRatio: typeof window !== "undefined" ? window.devicePixelRatio : 1,
-        maxLoessRegion: settings.dmr.maxLoessRegion,
-        colors: settings.dmr.colors,
-        backend: settings.dmr.backend,
-        element_type: this.config.elementType
-      }
-    });
-  }
-};
-
-// plots/dmr/view/DmrView.ts
-var DmrView = class {
-  constructor(dom) {
-    this.dom = dom;
-  }
-  async renderBlock(viewData, genomeObj, settings, chr, start, stop, onCoordinateChange) {
-    const { Block } = await import("./block-7WZWBQVA.js");
-    return new Block({
-      holder: this.dom.holder,
-      genome: genomeObj,
-      chr,
-      start,
-      stop,
-      tklst: viewData.tklst,
-      nobox: true,
-      width: settings.blockWidth,
-      onCoordinateChange
-    });
-  }
-  updateTracks(viewData, blockInstance) {
-    for (const tk of blockInstance.tklst) {
-      const updated = viewData.tklst.find((t) => t.name === tk.name);
-      if (!updated) continue;
-      if (tk.type === "bedj" && updated.bedItems) {
-        tk.bedItems = updated.bedItems;
-        blockInstance.tk_load(tk);
-      } else if (tk.type === "bigwig" && updated.imgData) {
-        tk.imgData = updated.imgData;
-        blockInstance.tk_load(tk);
-      }
-    }
-  }
-  updateLegend(blockInstance, legendRows) {
-    if (!blockInstance?.legend?.holder) return;
-    const labels = ["Per-CpG Means", "DMR", "Sig. CpGs"];
-    blockInstance.legend.holder.selectAll("tr").filter((_d, i, nodes) => {
-      const td = nodes[i].querySelector("td");
-      return td && labels.includes(td.textContent);
-    }).remove();
-    this.renderLegend(blockInstance, legendRows);
-  }
-  renderLegend(blockInstance, legendRows) {
-    if (!blockInstance?.legend?.holder) return;
-    const { legendcolor, vpad } = blockInstance.legend;
-    for (const row of legendRows) {
-      const tr = blockInstance.legend.holder.append("tr");
-      tr.append("td").text(row.label).attr("style", `padding-right:10px;text-align:right;color:#555;border-right:solid 1px ${legendcolor}`);
-      const td = tr.append("td");
-      for (const entry of row.items) {
-        const item = td.append("div").attr("style", `display:inline-block;white-space:nowrap;padding:${vpad} 20px ${vpad} 0`);
-        if (entry.style === "shaded") {
-          item.append("div").attr(
-            "style",
-            `display:inline-block;width:18px;height:10px;background:${entry.color}20;border-top:2px solid ${entry.color};margin-right:5px;vertical-align:middle;border-radius:1px`
-          );
-        } else if (entry.style === "dashed") {
-          item.append("div").attr(
-            "style",
-            `display:inline-block;width:18px;height:0;border-top:2px dashed ${entry.color};margin-right:5px;vertical-align:middle`
-          );
-        } else {
-          item.append("div").attr(
-            "style",
-            `display:inline-block;width:12px;height:12px;background:${entry.color};margin-right:5px;border-radius:2px;vertical-align:middle`
-          );
-        }
-        item.append("div").attr("style", "display:inline-block;color:#555;font-size:.8em").text(entry.text);
-      }
-    }
-  }
-  renderDiagnostics(diagnostic, dmrs, fdr_cutoff) {
-    const panel = this.dom.diagnosticPanel;
-    panel.selectAll("*").remove();
-    panel.style("display", "block");
-    const { probes } = diagnostic;
-    const toggle = panel.append("div").attr("style", "cursor:default;font-size:12px;color:#888;padding:2px 0");
-    const statsContent = panel.append("div").style("display", "none");
-    let expanded = false;
-    toggle.text("+ Diagnostic details").on("click", () => {
-      expanded = !expanded;
-      toggle.text((expanded ? "\u2212 " : "+ ") + "Diagnostic details");
-      statsContent.style("display", expanded ? "block" : "none");
-    });
-    const spacings = diagnostic.probe_spacings;
-    const medianSpacing = spacings.length ? spacings.slice().sort((a, b) => a - b)[Math.floor(spacings.length / 2)] : 0;
-    const maxGap = spacings.length ? Math.max(...spacings) : 0;
-    const gapsOver1kb = spacings.filter((s) => s > 1e3).length;
-    const density = probes.positions.length > 1 ? probes.positions.length / ((probes.positions[probes.positions.length - 1] - probes.positions[0]) / 1e3) : 0;
-    const sigFdrCount = probes.fdr.filter((f) => f < fdr_cutoff).length;
-    const minDeltaBeta = 0.05;
-    const sigDualCount = probes.fdr.filter((f, i) => {
-      if (f >= fdr_cutoff) return false;
-      const m1 = probes.mean_group1[i];
-      const m2 = probes.mean_group2[i];
-      if (m1 == null || m2 == null) return false;
-      return Math.abs(m2 - m1) >= minDeltaBeta;
-    }).length;
-    const t = table2col({ holder: statsContent, disableScroll: true });
-    for (const [k, v] of [
-      ["Probes in region", String(probes.positions.length)],
-      ["FDR significant", `${sigFdrCount} (FDR < ${fdr_cutoff})`],
-      ["FDR + effect size", `${sigDualCount} (FDR < ${fdr_cutoff} & |\u0394\u03B2| \u2265 ${minDeltaBeta})`],
-      ["Probe density", `${density.toFixed(1)} probes/kb`],
-      ["Median spacing", `${medianSpacing.toFixed(0)} bp`],
-      ["Max gap", `${maxGap.toFixed(0)} bp`],
-      ["Gaps > 1kb", String(gapsOver1kb)],
-      ["DMRs called", String(dmrs.length)],
-      ...diagnostic.total_probes_analyzed ? [["Probes analyzed (genome-wide)", diagnostic.total_probes_analyzed.toLocaleString()]] : [],
-      ...diagnostic.elapsed_ms != null ? [["Analysis time", formatElapsedTime(diagnostic.elapsed_ms)]] : [],
-      ...diagnostic.peak_memory_mb != null ? [["Peak memory", `${diagnostic.peak_memory_mb.toFixed(1)} MB`]] : []
-    ]) {
-      t.addRow(k, v);
-    }
-  }
-  showOverlay() {
-    this.dom.loadingOverlay.style("display", "");
-  }
-  hideOverlay() {
-    this.dom.loadingOverlay.style("display", "none");
-  }
-  clearDiagnostics() {
-    this.dom.diagnosticPanel.selectAll("*").remove();
-    this.dom.diagnosticPanel.style("display", "none");
-  }
-  showLoessNote(show) {
-    this.dom.note.selectAll("*").remove();
-    if (show) {
-      this.dom.note.append("div").attr("class", "sjpp-loess-note").style("color", "#888").style("font-size", ".8em").style("padding", "4px 0").text("Zoom in to see per-CpG dots.");
-    }
-  }
-};
-
-// plots/dmr/DmrPlot.ts
-var DmrPlot = class _DmrPlot extends PlotBase {
-  constructor(opts, api) {
-    super(opts, api);
-    this.type = _DmrPlot.type;
-    this.blockInstance = null;
-    this.analyzedRegion = null;
-    const wrapper = opts.holder.append("div").style("position", "relative");
-    const loadingOverlay = wrapper.append("div").attr("class", "sjpp-spinner").style("display", "none").style("position", "absolute").style("z-index", "10").style("background-color", "rgba(255,255,255,0.65)");
-    const toggleDiv = opts.holder.append("div").style("padding", "2px 0");
-    const initBackend = opts.state?.config?.settings?.dmr?.backend || "rust";
-    const toggleBtn = toggleDiv.append("button").style("font-size", "11px").text(`Backend: ${initBackend === "rust" ? "Rust" : "R (DMRCate)"}`).on("click", () => {
-      const config = this.state.config;
-      const curr = config.settings.dmr.backend || "rust";
-      const next = curr === "rust" ? "r" : "rust";
-      toggleBtn.text(`Backend: ${next === "rust" ? "Rust" : "R (DMRCate)"}`);
-      this.app.dispatch({
-        type: "plot_edit",
-        id: this.id,
-        config: { settings: { dmr: { ...config.settings.dmr, backend: next } } }
-      });
-    });
-    this.dom = {
-      header: opts?.header,
-      holder: wrapper.append("div"),
-      loadingOverlay,
-      error: opts.holder.append("div"),
-      note: opts.holder.append("div"),
-      loading: opts.holder.append("div").text("Running DMR analysis\u2026"),
-      diagnosticPanel: opts.holder.append("div").style("display", "none")
-    };
-    this.view = new DmrView(this.dom);
-  }
-  static {
-    this.type = "dmr";
-  }
-  getState(appState) {
-    const config = appState.plots.find((p) => p.id === this.id);
-    if (!config) throw new Error(`No plot with id='${this.id}' found`);
-    return { config };
-  }
-  async init(appState) {
-    const { config } = this.getState(appState);
-    validateConfig(config);
-    if (this.dom.header) this.dom.header.text(config.headerText || "DMR Analysis");
-    this.genomeObj = this.app.opts.genome;
-    this.model = new DmrModel(config, this.app.vocabApi.vocab);
-  }
-  async main() {
-    const config = this.state.config;
-    this.model = new DmrModel(config, this.app.vocabApi.vocab);
-    const c = config.coordinateOverride;
-    if (!c) return;
-    const pad = config.settings.dmr.pad;
-    const chr = c.chr;
-    const start = Math.max(0, Number(c.start) - pad);
-    const stop = Number(c.stop) + pad;
-    const a = this.analyzedRegion;
-    const coordsChanged = a && (chr !== a.chr || start !== a.start || stop !== a.stop);
-    if (a && coordsChanged) {
-      this.view.showOverlay();
-      try {
-        checkRegionSize(stop - start, config.settings.dmr.maxRegionSize);
-        const dmrResult = await this.model.fetchDmr(chr, start, stop, this.api?.getAbortSignal());
-        if ("error" in dmrResult) throw new Error(dmrResult.error);
-        this.analyzedRegion = { chr, start, stop };
-        const blkRegion = this.blockInstance?.rglst?.[0];
-        const viewStart = blkRegion?.start ?? start;
-        const viewStop = blkRegion?.stop ?? stop;
-        const vm = new DmrViewModel(dmrResult, config, this.genomeObj, chr, viewStart, viewStop);
-        this.view.updateTracks(vm.viewData, this.blockInstance);
-        this.view.updateLegend(this.blockInstance, vm.viewData.legendRows);
-        this.view.showLoessNote(!vm.viewData.showDots);
-        this.view.clearDiagnostics();
-        if (vm.viewData.diagnostic)
-          this.view.renderDiagnostics(vm.viewData.diagnostic, vm.viewData.dmrs, config.settings.dmr.fdr_cutoff);
-      } catch (e) {
-        if (this.app.isAbortError(e)) return;
-        this.view.hideOverlay();
-        throw e;
-      }
-      this.view.hideOverlay();
-    } else {
-      this.dom.holder.selectAll("*").remove();
-      this.dom.loading.style("display", "block");
-      this.blockInstance = null;
-      try {
-        checkRegionSize(stop - start, config.settings.dmr.maxRegionSize);
-        const dmrResult = await this.model.fetchDmr(chr, start, stop, this.api?.getAbortSignal());
-        if ("error" in dmrResult) throw new Error(dmrResult.error);
-        this.analyzedRegion = { chr, start, stop };
-        const vm = new DmrViewModel(dmrResult, config, this.genomeObj, chr, start, stop);
-        this.blockInstance = await this.view.renderBlock(
-          vm.viewData,
-          this.genomeObj,
-          config.settings.dmr,
-          chr,
-          start,
-          stop,
-          (rglst) => this.onBlockCoordinateChange(rglst)
-        );
-        this.view.renderLegend(this.blockInstance, vm.viewData.legendRows);
-        this.view.showLoessNote(!vm.viewData.showDots);
-        if (vm.viewData.diagnostic)
-          this.view.renderDiagnostics(vm.viewData.diagnostic, vm.viewData.dmrs, config.settings.dmr.fdr_cutoff);
-      } catch (e) {
-        if (this.app.isAbortError(e)) return;
-        this.dom.loading.style("display", "none");
-        throw e;
-      }
-      this.dom.loading.style("display", "none");
-    }
-  }
-  onBlockCoordinateChange(rglst) {
-    if (!this.analyzedRegion || !rglst.length) return;
-    const r = rglst[0];
-    if (r.start >= r.stop || r.start < 0) return;
-    const a = this.analyzedRegion;
-    if (r.chr === a.chr && r.start === a.start && r.stop === a.stop) return;
-    this.app.dispatch({
-      type: "plot_edit",
-      id: this.id,
-      config: { coordinateOverride: { chr: r.chr, start: r.start, stop: r.stop } }
-    });
-  }
-};
-var componentInit = getCompInit(DmrPlot);
-function getPlotConfig(opts, app) {
-  validateConfig(opts);
-  const config = {
-    settings: {
-      // app is passed through so the defaults can tell a CpG-level dataset from an
-      // element-level one; opts alone does not carry termdbConfig
-      dmr: getDefaultDMRSettings({ ...opts, app })
-    }
-  };
-  return copyMerge(config, opts);
-}
-function validateConfig(opts) {
-  if (!opts.coordinateOverride) throw new Error("coordinateOverride (chr/start/stop) is required for DMR plot");
-  if (!opts.group1) throw new Error("group1 is required for DMR plot");
-  if (!opts.group2) throw new Error("group2 is required for DMR plot");
-}
-function checkRegionSize(span, maxRegionSize) {
-  if (span > maxRegionSize) {
-    const mbLimit = (maxRegionSize / 1e6).toFixed(0);
-    const mbSpan = (span / 1e6).toFixed(1);
-    throw new Error(`Region too large for DMR analysis (${mbSpan} Mb). Maximum is ${mbLimit} Mb.`);
-  }
-}
-export {
-  componentInit,
-  getPlotConfig
-};
-//# sourceMappingURL=DmrPlot-5WMOBZOJ.js.map