@sjcrh/proteinpaint-client 2.185.0 → 2.186.0

package/dist/genefusion.ui-WO5EPJDS.js

@@ -0,0 +1,306 @@
+import {
+  makeBtn,
+  makeGenomeDropDown,
+  makeResetBtn,
+  makeTextAreaInput
+} from "./chunk-5EBRF6Z7.js";
+import {
+  Tabs,
+  appear,
+  sayerror
+} from "./chunk-2YC6ZVE4.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-RYCOJY7M.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-G6O3URDN.js";
+import "./chunk-LSEFWW72.js";
+import "./chunk-KWM6B3NL.js";
+import "./chunk-UCLS2SVB.js";
+import "./chunk-I55NLUCQ.js";
+import "./chunk-MVTCBVSX.js";
+import "./chunk-2K5DSRBJ.js";
+import "./chunk-X4NI4JLQ.js";
+import "./chunk-L4QG7XZE.js";
+import "./chunk-DQC5FFGV.js";
+import "./chunk-UWYCEYML.js";
+import "./chunk-7UHUOC6F.js";
+import "./chunk-ZYY54HBU.js";
+import "./chunk-EGWVYY7K.js";
+import "./chunk-AMYSEKPF.js";
+import "./chunk-TV74I3Y5.js";
+import "./chunk-KSGA62R2.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-TOU7EVFQ.js";
+import "./chunk-OAWQ6LOO.js";
+import "./chunk-KYBIQBXE.js";
+import {
+  select_default
+} from "./chunk-I6Y4O3RR.js";
+import "./chunk-OMR2DT66.js";
+import "./chunk-HFNDKYVF.js";
+
+// src/genefusion/genefusion.ui.js
+function init_geneFusionUI(holder, genomes) {
+  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);
+  const obj = {};
+  makeFusionInput(wrapper, obj);
+  const dropdown_div = wrapper.append("div").style("display", "flex").style("align-items", "center").style("margin", "10px");
+  genomeSelection(dropdown_div, genomes, obj);
+  makePositionDropDown(dropdown_div, obj);
+  const controlBtns_div = wrapper.append("div").style("display", "flex").style("align-items", "center").style("margin", "40px 0px 40px 130px");
+  makeSubmit(controlBtns_div, obj, holder, genomes);
+  makeResetBtn(controlBtns_div, obj, ".genefusion_input").style("margin", "0px 10px");
+  makeInfoSection(wrapper);
+  return obj;
+}
+function makeFusionInput(div, obj) {
+  const fusionInput = makeTextAreaInput({
+    div,
+    cols: 70,
+    // Increased to accommodate longer isoform format example
+    placeholder: "Example:\nPAX5,chr9,37002646,-::JAK2,chr9,5081726,+\nOr:\nPAX5,chr9,37002646,-,NM_016734::JAK2,chr9,5081726,+,NM_004972"
+  }).style("border", "1px solid rgb(138, 177, 212)").style("margin", "0px 0px 0px 20px").classed("genefusion_input", true).on("keyup", async () => {
+    obj.data = fusionInput.property("value").trim();
+  });
+}
+async 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();
+}
+async function makePositionDropDown(div, obj) {
+  const dropdown_div = div.append("div");
+  const positionSelect = dropdown_div.append("select").style("border-radius", "5px").style("padding", "5px 10px").style("margin", "1px 10px 1px 10px");
+  positionSelect.append("option").text("Codon position").property("value", "codon");
+  positionSelect.append("option").text("RNA position").property("value", "rna");
+  positionSelect.append("option").text("Genomic position").property("value", "genomic").attr("selected", true);
+  obj.posType = positionSelect.node();
+}
+function makeSubmit(div, obj, holder) {
+  const submit = makeBtn({
+    div,
+    text: "Submit"
+  });
+  const errorMessage_div = div.append("div");
+  submit.style("display", "block").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(), 3e3);
+    } else {
+      select_default(".sjpp-app-ui").remove();
+      const runpp_arg = {
+        /** Do not use window.location.origin. See comment: line 180, renderContent(), client/appdrawer/adSandbox.js*/
+        host: sessionStorage.getItem("hostURL"),
+        nobox: true,
+        noheader: true,
+        parseurl: false,
+        genome: obj.genome.options[obj.genome.selectedIndex].text
+      };
+      makeSubmitResult(obj, holder, runpp_arg);
+    }
+  });
+}
+function makeInfoSection(div) {
+  div.append("div").style("margin", "10px").style("opacity", "0.65").html(`Limited to two-gene fusion products.<br>
+		One product per line.<br>
+		<br>
+		<strong>Format 1 (Basic):</strong> Each line has eight fields, four fields for each gene. For each gene join the following fields separated by a comma:
+		<ol><li>Gene symbol</li>
+		<li>Chromosome</li>
+		<li>Position, 1-based coordinate</li>
+		<li>Strand</li>
+		</ol>
+		<strong>Format 2 (With RefSeq isoforms):</strong> Each line has ten fields, five fields for each gene. For each gene join the following fields separated by a comma:
+		<ol><li>Gene symbol</li>
+		<li>Chromosome</li>
+		<li>Position, 1-based coordinate</li>
+		<li>Strand</li>
+		<li>RefSeq isoform (e.g., NM_001754)</li>
+		</ol>
+		Separate the two genes by a double colon (::). <br><br>
+		Examples: <br>
+		<p style="margin-left: 10px">
+		<strong>Format 1:</strong><br>
+		PAX5,chr9,37002646,-::JAK2,chr9,5081726,+<br>
+		ZCCHC7,chr9,37257786,-::PAX5,chr9,37024824,-<br>
+		BCR,chr22,23524427,+::ABL1,chr9,133729449,+<br><br>
+		<strong>Format 2:</strong><br>
+		RUNX1,chr21,36206706,-,NM_001754::MECOM,chr3,169099311,-,NM_004991<br>
+		PAX5,chr9,37002646,-,NM_016734::JAK2,chr9,5081726,+,NM_004972<p>`);
+}
+function validatePosition(position, geneName) {
+  if (!/^\d+$/.test(position)) {
+    throw new Error(`Invalid fusion format: position for ${geneName} must be a positive integer`);
+  }
+  const pos = Number(position);
+  if (pos <= 0) {
+    throw new Error(`Invalid fusion format: position for ${geneName} must be greater than 0 (1-based coordinates)`);
+  }
+}
+function parseFusionLine(line) {
+  const parts = line.trim().split("::");
+  if (parts.length !== 2) {
+    throw new Error('Invalid fusion format: must contain exactly two genes separated by "::"');
+  }
+  const gene1 = parts[0].split(",").map((s) => s.trim());
+  const gene2 = parts[1].split(",").map((s) => s.trim());
+  if (gene1.length !== 4 && gene1.length !== 5 || gene2.length !== 4 && gene2.length !== 5) {
+    throw new Error(
+      `Invalid fusion format: each gene must have 4 or 5 fields. Found gene1: ${gene1.length} fields, gene2: ${gene2.length} fields`
+    );
+  }
+  for (let i = 0; i < 4; i++) {
+    if (!gene1[i] || !gene2[i]) {
+      throw new Error("Invalid fusion format: gene symbol, chromosome, position, and strand are required");
+    }
+  }
+  validatePosition(gene1[2], gene1[0]);
+  validatePosition(gene2[2], gene2[0]);
+  if (!/^[+-]$/.test(gene1[3]) || !/^[+-]$/.test(gene2[3])) {
+    throw new Error('Invalid fusion format: strand must be "+" or "-"');
+  }
+  return [gene1, gene2];
+}
+function createFusionVariant(gene1, gene2) {
+  const variant = {
+    gene1: gene1[0],
+    chr1: gene1[1],
+    pos1: parseInt(gene1[2]) - 1,
+    strand1: gene1[3],
+    gene2: gene2[0],
+    chr2: gene2[1],
+    pos2: parseInt(gene2[2]) - 1,
+    strand2: gene2[3],
+    dt: 2,
+    class: "Fuserna"
+  };
+  const addIsoformIfPresent = (gene, fieldName) => {
+    if (gene.length > 4 && gene[4]?.trim()) {
+      variant[fieldName] = gene[4].trim();
+    }
+  };
+  addIsoformIfPresent(gene1, "isoform1");
+  addIsoformIfPresent(gene2, "isoform2");
+  return variant;
+}
+function makeSubmitResult(obj, div, runpp_arg) {
+  const lines = obj.data.split(/[\r\n]/).filter((line) => line.trim().length > 0);
+  if (lines.length === 1) {
+    try {
+      const [gene1, gene2] = parseFusionLine(lines[0]);
+      return makeFusionTabs(div, runpp_arg, gene1, gene2);
+    } catch (error) {
+      const errorDiv = div.append("div").style("color", "red").style("margin", "20px");
+      sayerror(errorDiv, `Error parsing fusion: ${error.message}`);
+      return;
+    }
+  }
+  const fusionSelect = div.append("div").append("select").style("border-radius", "5px").style("padding", "5px 10px").style("margin", "1px 10px 1px 10px");
+  fusionSelect.append("option").text(`Select Fusion (${lines.length})`);
+  const tabsDiv = div.append("div").style("margin", "20px");
+  const fusionsMap = /* @__PURE__ */ new Map();
+  for (const data of lines) {
+    try {
+      const [gene1, gene2] = parseFusionLine(data);
+      fusionsMap.set(`${gene1[0]}-${gene2[0]}`, [gene1, gene2]);
+    } catch (error) {
+      console.warn(`Skipping invalid fusion line: ${data}. Error: ${error.message}`);
+    }
+  }
+  if (fusionsMap.size === 0) {
+    const errorDiv = div.append("div").style("color", "red").style("margin", "20px");
+    sayerror(errorDiv, "No valid fusion lines found. Please check the format.");
+    return;
+  }
+  for (const fusion of fusionsMap) {
+    fusionSelect.append("option").property("value", fusion[0]).text(fusion[0]);
+  }
+  fusionSelect.on("change", () => {
+    tabsDiv.selectAll("*").remove();
+    const geneArrays = fusionsMap.get(fusionSelect.property("value"));
+    makeFusionTabs(tabsDiv, runpp_arg, geneArrays[0], geneArrays[1]);
+  });
+}
+function makeFusionTabs(div, runpp_arg, gene1, gene2) {
+  const tabs = [
+    // {
+    // ************ Keep for later, will introduce gene fusion view once data format settled *************
+    // 	label: 'Fusion',
+    // 	callback: async div => {
+    // 		if (!tabs[0].rendered) {
+    // 			appear(div)
+    // 			const text = `${gene1[0]}, ${gene1[1]},${gene1[2]},${gene2[0]},${gene2[1]},${gene2[2]}`
+    // 			const runpp_arg = {
+    // 				holder: div
+    // 					.append('div')
+    // 					.style('margin', '20px')
+    // 					.node(),
+    // 				host: window.location.origin,
+    // 				nobox: true,
+    // 				noheader: true,
+    // 				parseurl: false,
+    // 				genome,
+    // 				genefusion: {
+    // 					text,
+    // 					positionType: posType
+    // 					}
+    // 				}
+    // 			console.log(runpp_arg)
+    // 			runproteinpaint(Object.assign(runpp_arg))
+    // 			tabs[0].rendered = true
+    // 		}
+    // 	}
+    // },
+    {
+      label: gene1[0],
+      callback: async (event, tab) => {
+        appear(tab.contentHolder);
+        const variant = createFusionVariant(gene1, gene2);
+        const fusion_arg = {
+          holder: tab.contentHolder.append("div").style("margin", "20px").node(),
+          gene: gene1[0],
+          tracks: [
+            {
+              type: "mds3",
+              name: gene1[0],
+              custom_variants: [variant]
+            }
+          ]
+        };
+        runproteinpaint(Object.assign(runpp_arg, fusion_arg));
+        delete tab.callback;
+      }
+    },
+    {
+      label: gene2[0],
+      callback: async (event, tab) => {
+        appear(tab.contentHolder);
+        const variant = createFusionVariant(gene1, gene2);
+        const fusion_arg = {
+          holder: tab.contentHolder.append("div").style("margin", "20px").node(),
+          gene: gene2[0],
+          tracks: [
+            {
+              type: "mds3",
+              name: gene2[0],
+              custom_variants: [variant]
+            }
+          ]
+        };
+        runproteinpaint(Object.assign(runpp_arg, fusion_arg));
+        delete tab.callback;
+      }
+    }
+  ];
+  new Tabs({ holder: div, tabs }).main();
+}
+export {
+  init_geneFusionUI,
+  parseFusionLine
+};
+//# sourceMappingURL=genefusion.ui-WO5EPJDS.js.map

package/dist/geneset-4C6ZLVMN.js

@@ -0,0 +1,201 @@
+import {
+  GeneSetEditUIwithTabs,
+  fillTermWrapper
+} from "./chunk-2YC6ZVE4.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-RYCOJY7M.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-G6O3URDN.js";
+import "./chunk-LSEFWW72.js";
+import "./chunk-KWM6B3NL.js";
+import "./chunk-UCLS2SVB.js";
+import {
+  dofetch3
+} from "./chunk-I55NLUCQ.js";
+import {
+  copyMerge,
+  getCompInit
+} from "./chunk-MVTCBVSX.js";
+import "./chunk-2K5DSRBJ.js";
+import "./chunk-X4NI4JLQ.js";
+import "./chunk-L4QG7XZE.js";
+import "./chunk-DQC5FFGV.js";
+import "./chunk-UWYCEYML.js";
+import "./chunk-7UHUOC6F.js";
+import "./chunk-ZYY54HBU.js";
+import "./chunk-EGWVYY7K.js";
+import "./chunk-AMYSEKPF.js";
+import "./chunk-TV74I3Y5.js";
+import "./chunk-KSGA62R2.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-TOU7EVFQ.js";
+import "./chunk-OAWQ6LOO.js";
+import "./chunk-KYBIQBXE.js";
+import "./chunk-I6Y4O3RR.js";
+import "./chunk-OMR2DT66.js";
+import "./chunk-HFNDKYVF.js";
+
+// plots/geneset.js
+var GenesetComp = class _GenesetComp {
+  static type = "geneset";
+  // type: 'geneset'
+  // dom: {
+  // 	[domKey: string]: any // usually a d3-selection
+  // }
+  // opts: {
+  // 	holder: any
+  // 	genes: string[]
+  // 	mode: 'geneVariant' | 'geneExpression'
+  // 	callback: CallbackArg
+  // 	reactsTo?: (action: any) => boolean
+  // 	showWaitMessage?: (waitDiv: any) => void
+  // }
+  constructor(opts) {
+    this.type = _GenesetComp.type;
+    this.dom = {
+      holder: opts.holder.style("position", "relative").style("min-height", "300px").style("margin", "0px 20px").style("max-width", "1000px"),
+      body: opts.holder.append("div"),
+      loadingOverlay: opts.holder.append("div").attr("class", "sjpp-spinner").style("display", "none").style("position", "absolute").style("background-color", "#fff").style("z-index", 10).style("opacity", "0.5")
+      //.style('width', '100%')
+      //.style('height', '100%')
+    };
+  }
+  init() {
+    if (this.opts.reactsTo) this.reactsTo = this.opts.reactsTo;
+  }
+  getState(appState) {
+    const config = appState.plots.find((p) => p.id === this.id);
+    return {
+      vocab: appState.vocab,
+      filter0: appState.termfilter.filter0,
+      config
+    };
+  }
+  async main() {
+    this.dom.body.selectAll("*").remove();
+    this.dom.loadingOverlay.style("display", "");
+    this.noWait().catch(console.warn);
+  }
+  async noWait() {
+    const abortCtrl = new AbortController();
+    try {
+      const [genes, stale] = await this.api.detectStale(() => this.getGenes({ signal: abortCtrl.signal }), {
+        abortCtrl
+      });
+      if (stale) return;
+      if (!genes?.length) this.render();
+      else this.opts.callback(this.api, genes);
+    } catch (e) {
+      if (e == "stale sequenceId" || e.name == "AbortError") return;
+      else {
+        if (this.opts.showWaitMessage) {
+          this.dom.body.style("margin", "20px").html(e);
+        }
+        throw e;
+      }
+    }
+  }
+  async getGenes({ signal }) {
+    const genes = this.opts.genes;
+    const settings = this.state.config.settings;
+    if (this.opts.genes) {
+      if (!Array.isArray(this.opts.genes) || this.opts.genes.length == 0) throw ".genes[] is not non-empty array";
+      return await this.getTwLst(this.opts.genes);
+    }
+    if (this.opts.showEditUI) {
+      return [];
+    }
+    let waitDiv;
+    if (this.opts.showWaitMessage) {
+      waitDiv = this.dom.body.append("div").style("margin", "20px");
+      this.opts.showWaitMessage(waitDiv);
+    }
+    let data;
+    if (this.opts.mode == "geneVariant") {
+      const body = {
+        genome: this.state.vocab.genome,
+        dslabel: this.state.vocab.dslabel
+      };
+      if (settings.maxGenes) body.maxGenes = settings.maxGenes;
+      if (settings.geneFilter) body.geneFilter = settings.geneFilter;
+      if (this.state.filter0) body.filter0 = this.state.filter0;
+      data = await dofetch3("termdb/topMutatedGenes", { body, signal });
+    } else if (this.opts.mode == "geneExpression") {
+      const body = {
+        genome: this.state.vocab.genome,
+        dslabel: this.state.vocab.dslabel,
+        maxGenes: settings.maxGenes
+      };
+      if (this.state.filter0) body.filter0 = this.state.filter0;
+      data = await dofetch3("termdb/topVariablyExpressedGenes", { body, signal });
+    } else {
+      throw "unknown opts.mode [geneset.js]";
+    }
+    if (!data) throw "invalid server response";
+    if (data.error) throw data.error;
+    if (!data.genes) return [];
+    waitDiv.remove();
+    this.dom.loadingOverlay?.style("display", "none");
+    return await this.getTwLst(data.genes);
+  }
+  async getTwLst(genes) {
+    return await Promise.all(
+      // do tempfix of "data.genes.slice(0,3).map" for faster testing
+      genes.map(
+        async (i) => typeof i == "string" ? await fillTermWrapper({ term: { gene: i, type: this.opts.mode } }, this.app.vocabApi) : await fillTermWrapper({ term: { gene: i.gene || i.name, type: this.opts.mode } }, this.app.vocabApi)
+      )
+    );
+  }
+  async render() {
+    if (!this.dom?.holder) return;
+    const settings = this.state.config.settings;
+    this.dom.body.append("p").html(
+      `Define a gene set to launch <span style='text-transform: capitalize'>${this.state.config.toolName.toLowerCase()}</span>.`
+    );
+    new GeneSetEditUIwithTabs(
+      {
+        holder: this.dom.body.append("div"),
+        genome: this.opts.genome,
+        mode: this.opts.mode,
+        vocabApi: this.app.vocabApi,
+        //  await vocabInit({ state: { genome: gdcGenome, dslabel: gdcDslabel } }),
+        maxNumGenes: settings.maxGenes,
+        callback: async (result) => {
+          const twlst = await Promise.all(
+            result.geneList.map(async (i) => {
+              return fillTermWrapper({ term: { gene: i.gene || i.name || i, type: this.opts.mode } }, this.app.vocabApi);
+            })
+          );
+          this.opts.callback(this.api, twlst);
+        }
+      }
+      /*as GeneSetEditArg*/
+    );
+    this.dom.loadingOverlay?.style("display", "none");
+  }
+  destroy() {
+    this.dom.holder.selectAll("*").remove();
+    this.dom.holder.remove();
+    for (const key in this.dom) {
+      delete this.dom[key];
+    }
+  }
+};
+var genesetInit = getCompInit(GenesetComp);
+var componentInit = genesetInit;
+async function getPlotConfig(opts = {}, app) {
+  const config = copyMerge(
+    {
+      chartType: "geneset"
+    },
+    opts
+  );
+  return config;
+}
+export {
+  componentInit,
+  genesetInit,
+  getPlotConfig
+};
+//# sourceMappingURL=geneset-4C6ZLVMN.js.map

package/dist/geneset-4C6ZLVMN.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../plots/geneset.js"],
+  "sourcesContent": ["import { getCompInit, copyMerge, sleep } from '../rx'\nimport { GeneSetEditUIwithTabs /*, GeneSetEditArg, CallbackArg*/ } from '../dom/GeneSetEdit/GeneSetEditUIwithTabs.ts'\nimport { fillTermWrapper } from '#termsetting'\nimport { dofetch3 } from '#common/dofetch'\n\n// This is a reactive geneset component, meant for use within plotApp.\n// The usage in client/gdc/oncomatrix.js and geneExpClustering.js is as follows:\n//\n// 1. plotApp is initialized with geneset as the first plot/component\n// 2. if there are opts.genes, geneset would simply call its opts.callback right away (not even render the edit UI)\n// 3. if not, then geneset would render the edit UI, and also use its opts.callback to supply the wrapped genes\n// 4. in opts.[matrix | hierCluster].callbacks.firstRender,\n//    the matrix/hierCluster will dispatch plot_delete to remove the geneset as the plot,\n//    and also plot_create to render the target plot (like matrix, hierCluster)\n//\n// The reactivity is required to toggle loading overlay visibility\n// and to create a new plot within the same plot app, once a valid geneset is\n// obtained from the server.\n//\n// opts{}\n// .genome     see GeneSetArg.ClientGenome\n// .holder     the DOM element where the geneset edit UI will be rendered\n// .genes[]    an array of strings gene symbols, see Note #2 above\n// .mode       'geneVariant' | 'geneExpression', see dom/GeneSetEdit for details\n// .callback   see GeneSetEditArg.callback in dom/GeneSetEdit\n// .reactsTo   the state changes that this component would react to, see example in matrix opts\n// .showWaitMessage(waitDiv)  optional function to display a custom message while genes are being loaded\n\nclass GenesetComp {\n\tstatic type = 'geneset'\n\t// type: 'geneset'\n\t// dom: {\n\t// \t[domKey: string]: any // usually a d3-selection\n\t// }\n\t// opts: {\n\t// \tholder: any\n\t// \tgenes: string[]\n\t// \tmode: 'geneVariant' | 'geneExpression'\n\t// \tcallback: CallbackArg\n\t// \treactsTo?: (action: any) => boolean\n\t// \tshowWaitMessage?: (waitDiv: any) => void\n\t// }\n\n\tconstructor(opts) {\n\t\tthis.type = GenesetComp.type\n\n\t\tthis.dom = {\n\t\t\tholder: opts.holder\n\t\t\t\t.style('position', 'relative')\n\t\t\t\t.style('min-height', '300px')\n\t\t\t\t.style('margin', '0px 20px')\n\t\t\t\t.style('max-width', '1000px'),\n\t\t\tbody: opts.holder.append('div'),\n\t\t\tloadingOverlay: opts.holder\n\t\t\t\t.append('div')\n\t\t\t\t.attr('class', 'sjpp-spinner')\n\t\t\t\t.style('display', 'none')\n\t\t\t\t.style('position', 'absolute')\n\t\t\t\t.style('background-color', '#fff')\n\t\t\t\t.style('z-index', 10)\n\t\t\t\t.style('opacity', '0.5')\n\t\t\t//.style('width', '100%')\n\t\t\t//.style('height', '100%')\n\t\t}\n\t}\n\n\tinit() {\n\t\tif (this.opts.reactsTo) this.reactsTo = this.opts.reactsTo\n\t}\n\n\tgetState(appState) {\n\t\tconst config = appState.plots.find(p => p.id === this.id)\n\t\treturn {\n\t\t\tvocab: appState.vocab,\n\t\t\tfilter0: appState.termfilter.filter0,\n\t\t\tconfig\n\t\t}\n\t}\n\n\tasync main() {\n\t\tthis.dom.body.selectAll('*').remove()\n\t\tthis.dom.loadingOverlay.style('display', '')\n\t\t// Do not await, since this main may be called as part of the initial dispatch\n\t\t// in the app init(), and that app instance should return without having to wait\n\t\t// for this component to finish the initial genes request and fully render.\n\t\t// NOTE: This is an important accomodation of rapid-fire cohort changes in the gdc portal.\n\t\tthis.noWait().catch(console.warn)\n\t}\n\n\tasync noWait() {\n\t\tconst abortCtrl = new AbortController()\n\t\ttry {\n\t\t\tconst [genes, stale] = await this.api.detectStale(() => this.getGenes({ signal: abortCtrl.signal }), {\n\t\t\t\tabortCtrl\n\t\t\t})\n\t\t\tif (stale) return\n\t\t\tif (!genes?.length) this.render()\n\t\t\telse this.opts.callback(this.api, genes)\n\t\t} catch (e) {\n\t\t\t// may ignore this error\n\t\t\tif (e == 'stale sequenceId' || e.name == 'AbortError') return\n\t\t\telse {\n\t\t\t\tif (this.opts.showWaitMessage) {\n\t\t\t\t\tthis.dom.body.style('margin', '20px').html(e)\n\t\t\t\t}\n\t\t\t\tthrow e\n\t\t\t}\n\t\t}\n\t}\n\n\tasync getGenes({ signal }) {\n\t\tconst genes = this.opts.genes\n\t\tconst settings = this.state.config.settings\n\t\tif (this.opts.genes) {\n\t\t\t// genes are predefined\n\t\t\tif (!Array.isArray(this.opts.genes) || this.opts.genes.length == 0) throw '.genes[] is not non-empty array'\n\t\t\treturn await this.getTwLst(this.opts.genes)\n\t\t}\n\n\t\tif (this.opts.showEditUI) {\n\t\t\t// must show edit UI, do not automatically get genes\n\t\t\treturn []\n\t\t}\n\n\t\tlet waitDiv\n\t\tif (this.opts.showWaitMessage) {\n\t\t\twaitDiv = this.dom.body.append('div').style('margin', '20px')\n\t\t\tthis.opts.showWaitMessage(waitDiv)\n\t\t}\n\n\t\t// genes are not predefined. query to get top genes using the current cohort\n\t\tlet data\n\t\tif (this.opts.mode == 'geneVariant') {\n\t\t\tconst body = {\n\t\t\t\tgenome: this.state.vocab.genome,\n\t\t\t\tdslabel: this.state.vocab.dslabel\n\t\t\t}\n\t\t\tif (settings.maxGenes) body.maxGenes = settings.maxGenes\n\t\t\tif (settings.geneFilter) body.geneFilter = settings.geneFilter\n\t\t\tif (this.state.filter0) body.filter0 = this.state.filter0\n\t\t\t// XXX this is optional query!! if ds is missing then should show input ui instead\n\t\t\t// TODO why cannot use vocab method?\n\t\t\t// TODO purpose of 2nd and 3rd arguments?\n\t\t\tdata = await dofetch3('termdb/topMutatedGenes', { body, signal })\n\t\t} else if (this.opts.mode == 'geneExpression') {\n\t\t\tconst body = {\n\t\t\t\tgenome: this.state.vocab.genome,\n\t\t\t\tdslabel: this.state.vocab.dslabel,\n\t\t\t\tmaxGenes: settings.maxGenes\n\t\t\t}\n\t\t\tif (this.state.filter0) body.filter0 = this.state.filter0\n\t\t\t// XXX this is optional query!! if ds is missing then should show input ui instead\n\t\t\tdata = await dofetch3('termdb/topVariablyExpressedGenes', { body, signal })\n\t\t} else {\n\t\t\tthrow 'unknown opts.mode [geneset.js]'\n\t\t}\n\n\t\tif (!data) throw 'invalid server response'\n\t\tif (data.error) throw data.error\n\n\t\tif (!data.genes) return [] // do not throw and halt. downstream will detect no genes and handle it by showing edit ui\n\t\twaitDiv.remove()\n\t\tthis.dom.loadingOverlay?.style('display', 'none')\n\t\treturn await this.getTwLst(data.genes)\n\t}\n\n\tasync getTwLst(genes) {\n\t\treturn await Promise.all(\n\t\t\t// do tempfix of \"data.genes.slice(0,3).map\" for faster testing\n\t\t\tgenes.map(async i =>\n\t\t\t\ttypeof i == 'string'\n\t\t\t\t\t? await fillTermWrapper({ term: { gene: i, type: this.opts.mode } }, this.app.vocabApi)\n\t\t\t\t\t: await fillTermWrapper({ term: { gene: i.gene || i.name, type: this.opts.mode } }, this.app.vocabApi)\n\t\t\t)\n\t\t)\n\t}\n\n\tasync render() {\n\t\tif (!this.dom?.holder) return\n\t\tconst settings = this.state.config.settings\n\n\t\tthis.dom.body\n\t\t\t.append('p')\n\t\t\t.html(\n\t\t\t\t`Define a gene set to launch <span style='text-transform: capitalize'>${this.state.config.toolName.toLowerCase()}</span>.`\n\t\t\t)\n\n\t\tnew GeneSetEditUIwithTabs(\n\t\t\t{\n\t\t\t\tholder: this.dom.body.append('div'),\n\t\t\t\tgenome: this.opts.genome,\n\t\t\t\tmode: this.opts.mode,\n\t\t\t\tvocabApi: this.app.vocabApi, //  await vocabInit({ state: { genome: gdcGenome, dslabel: gdcDslabel } }),\n\t\t\t\tmaxNumGenes: settings.maxGenes,\n\t\t\t\tcallback: async result => {\n\t\t\t\t\tconst twlst = await Promise.all(\n\t\t\t\t\t\tresult.geneList.map(async i => {\n\t\t\t\t\t\t\treturn fillTermWrapper({ term: { gene: i.gene || i.name || i, type: this.opts.mode } }, this.app.vocabApi)\n\t\t\t\t\t\t})\n\t\t\t\t\t)\n\n\t\t\t\t\tthis.opts.callback(this.api, twlst)\n\t\t\t\t}\n\t\t\t} /*as GeneSetEditArg*/\n\t\t)\n\t\tthis.dom.loadingOverlay?.style('display', 'none')\n\t}\n\n\tdestroy() {\n\t\t// the dom.holder itself is not a d3-selection,\n\t\t// so need to specify a destroy function here\n\t\t// since the default rx.componentApi.destroy()\n\t\t// does not work when dom.holder is not a d3-selection\n\t\tthis.dom.holder.selectAll('*').remove()\n\t\tthis.dom.holder.remove()\n\t\tfor (const key in this.dom) {\n\t\t\tdelete this.dom[key]\n\t\t}\n\t}\n}\n\nexport const genesetInit = getCompInit(GenesetComp)\n// this alias will allow abstracted dynamic imports\nexport const componentInit = genesetInit\n\nexport async function getPlotConfig(opts = {}, app) {\n\tconst config = copyMerge(\n\t\t{\n\t\t\tchartType: 'geneset'\n\t\t},\n\t\topts\n\t)\n\n\treturn config\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,IAAM,cAAN,MAAM,aAAY;AAAA,EACjB,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcd,YAAY,MAAM;AACjB,SAAK,OAAO,aAAY;AAExB,SAAK,MAAM;AAAA,MACV,QAAQ,KAAK,OACX,MAAM,YAAY,UAAU,EAC5B,MAAM,cAAc,OAAO,EAC3B,MAAM,UAAU,UAAU,EAC1B,MAAM,aAAa,QAAQ;AAAA,MAC7B,MAAM,KAAK,OAAO,OAAO,KAAK;AAAA,MAC9B,gBAAgB,KAAK,OACnB,OAAO,KAAK,EACZ,KAAK,SAAS,cAAc,EAC5B,MAAM,WAAW,MAAM,EACvB,MAAM,YAAY,UAAU,EAC5B,MAAM,oBAAoB,MAAM,EAChC,MAAM,WAAW,EAAE,EACnB,MAAM,WAAW,KAAK;AAAA;AAAA;AAAA,IAGzB;AAAA,EACD;AAAA,EAEA,OAAO;AACN,QAAI,KAAK,KAAK,SAAU,MAAK,WAAW,KAAK,KAAK;AAAA,EACnD;AAAA,EAEA,SAAS,UAAU;AAClB,UAAM,SAAS,SAAS,MAAM,KAAK,OAAK,EAAE,OAAO,KAAK,EAAE;AACxD,WAAO;AAAA,MACN,OAAO,SAAS;AAAA,MAChB,SAAS,SAAS,WAAW;AAAA,MAC7B;AAAA,IACD;AAAA,EACD;AAAA,EAEA,MAAM,OAAO;AACZ,SAAK,IAAI,KAAK,UAAU,GAAG,EAAE,OAAO;AACpC,SAAK,IAAI,eAAe,MAAM,WAAW,EAAE;AAK3C,SAAK,OAAO,EAAE,MAAM,QAAQ,IAAI;AAAA,EACjC;AAAA,EAEA,MAAM,SAAS;AACd,UAAM,YAAY,IAAI,gBAAgB;AACtC,QAAI;AACH,YAAM,CAAC,OAAO,KAAK,IAAI,MAAM,KAAK,IAAI,YAAY,MAAM,KAAK,SAAS,EAAE,QAAQ,UAAU,OAAO,CAAC,GAAG;AAAA,QACpG;AAAA,MACD,CAAC;AACD,UAAI,MAAO;AACX,UAAI,CAAC,OAAO,OAAQ,MAAK,OAAO;AAAA,UAC3B,MAAK,KAAK,SAAS,KAAK,KAAK,KAAK;AAAA,IACxC,SAAS,GAAG;AAEX,UAAI,KAAK,sBAAsB,EAAE,QAAQ,aAAc;AAAA,WAClD;AACJ,YAAI,KAAK,KAAK,iBAAiB;AAC9B,eAAK,IAAI,KAAK,MAAM,UAAU,MAAM,EAAE,KAAK,CAAC;AAAA,QAC7C;AACA,cAAM;AAAA,MACP;AAAA,IACD;AAAA,EACD;AAAA,EAEA,MAAM,SAAS,EAAE,OAAO,GAAG;AAC1B,UAAM,QAAQ,KAAK,KAAK;AACxB,UAAM,WAAW,KAAK,MAAM,OAAO;AACnC,QAAI,KAAK,KAAK,OAAO;AAEpB,UAAI,CAAC,MAAM,QAAQ,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,MAAM,UAAU,EAAG,OAAM;AAC1E,aAAO,MAAM,KAAK,SAAS,KAAK,KAAK,KAAK;AAAA,IAC3C;AAEA,QAAI,KAAK,KAAK,YAAY;AAEzB,aAAO,CAAC;AAAA,IACT;AAEA,QAAI;AACJ,QAAI,KAAK,KAAK,iBAAiB;AAC9B,gBAAU,KAAK,IAAI,KAAK,OAAO,KAAK,EAAE,MAAM,UAAU,MAAM;AAC5D,WAAK,KAAK,gBAAgB,OAAO;AAAA,IAClC;AAGA,QAAI;AACJ,QAAI,KAAK,KAAK,QAAQ,eAAe;AACpC,YAAM,OAAO;AAAA,QACZ,QAAQ,KAAK,MAAM,MAAM;AAAA,QACzB,SAAS,KAAK,MAAM,MAAM;AAAA,MAC3B;AACA,UAAI,SAAS,SAAU,MAAK,WAAW,SAAS;AAChD,UAAI,SAAS,WAAY,MAAK,aAAa,SAAS;AACpD,UAAI,KAAK,MAAM,QAAS,MAAK,UAAU,KAAK,MAAM;AAIlD,aAAO,MAAM,SAAS,0BAA0B,EAAE,MAAM,OAAO,CAAC;AAAA,IACjE,WAAW,KAAK,KAAK,QAAQ,kBAAkB;AAC9C,YAAM,OAAO;AAAA,QACZ,QAAQ,KAAK,MAAM,MAAM;AAAA,QACzB,SAAS,KAAK,MAAM,MAAM;AAAA,QAC1B,UAAU,SAAS;AAAA,MACpB;AACA,UAAI,KAAK,MAAM,QAAS,MAAK,UAAU,KAAK,MAAM;AAElD,aAAO,MAAM,SAAS,oCAAoC,EAAE,MAAM,OAAO,CAAC;AAAA,IAC3E,OAAO;AACN,YAAM;AAAA,IACP;AAEA,QAAI,CAAC,KAAM,OAAM;AACjB,QAAI,KAAK,MAAO,OAAM,KAAK;AAE3B,QAAI,CAAC,KAAK,MAAO,QAAO,CAAC;AACzB,YAAQ,OAAO;AACf,SAAK,IAAI,gBAAgB,MAAM,WAAW,MAAM;AAChD,WAAO,MAAM,KAAK,SAAS,KAAK,KAAK;AAAA,EACtC;AAAA,EAEA,MAAM,SAAS,OAAO;AACrB,WAAO,MAAM,QAAQ;AAAA;AAAA,MAEpB,MAAM;AAAA,QAAI,OAAM,MACf,OAAO,KAAK,WACT,MAAM,gBAAgB,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,KAAK,KAAK,KAAK,EAAE,GAAG,KAAK,IAAI,QAAQ,IACpF,MAAM,gBAAgB,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,MAAM,KAAK,KAAK,KAAK,EAAE,GAAG,KAAK,IAAI,QAAQ;AAAA,MACvG;AAAA,IACD;AAAA,EACD;AAAA,EAEA,MAAM,SAAS;AACd,QAAI,CAAC,KAAK,KAAK,OAAQ;AACvB,UAAM,WAAW,KAAK,MAAM,OAAO;AAEnC,SAAK,IAAI,KACP,OAAO,GAAG,EACV;AAAA,MACA,wEAAwE,KAAK,MAAM,OAAO,SAAS,YAAY,CAAC;AAAA,IACjH;AAED,QAAI;AAAA,MACH;AAAA,QACC,QAAQ,KAAK,IAAI,KAAK,OAAO,KAAK;AAAA,QAClC,QAAQ,KAAK,KAAK;AAAA,QAClB,MAAM,KAAK,KAAK;AAAA,QAChB,UAAU,KAAK,IAAI;AAAA;AAAA,QACnB,aAAa,SAAS;AAAA,QACtB,UAAU,OAAM,WAAU;AACzB,gBAAM,QAAQ,MAAM,QAAQ;AAAA,YAC3B,OAAO,SAAS,IAAI,OAAM,MAAK;AAC9B,qBAAO,gBAAgB,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,GAAG,MAAM,KAAK,KAAK,KAAK,EAAE,GAAG,KAAK,IAAI,QAAQ;AAAA,YAC1G,CAAC;AAAA,UACF;AAEA,eAAK,KAAK,SAAS,KAAK,KAAK,KAAK;AAAA,QACnC;AAAA,MACD;AAAA;AAAA,IACD;AACA,SAAK,IAAI,gBAAgB,MAAM,WAAW,MAAM;AAAA,EACjD;AAAA,EAEA,UAAU;AAKT,SAAK,IAAI,OAAO,UAAU,GAAG,EAAE,OAAO;AACtC,SAAK,IAAI,OAAO,OAAO;AACvB,eAAW,OAAO,KAAK,KAAK;AAC3B,aAAO,KAAK,IAAI,GAAG;AAAA,IACpB;AAAA,EACD;AACD;AAEO,IAAM,cAAc,YAAY,WAAW;AAE3C,IAAM,gBAAgB;AAE7B,eAAsB,cAAc,OAAO,CAAC,GAAG,KAAK;AACnD,QAAM,SAAS;AAAA,IACd;AAAA,MACC,WAAW;AAAA,IACZ;AAAA,IACA;AAAA,EACD;AAEA,SAAO;AACR;",
+  "names": []
+}