@sjcrh/proteinpaint-client 2.225.0 → 2.227.0

package/dist/studyCatalog-K46WJHC6.js

@@ -0,0 +1,457 @@
+import {
+  orderBy
+} from "./chunk-24CVFDVW.js";
+import {
+  deriveCatalogRows
+} from "./chunk-ZX75ZAUG.js";
+import "./chunk-ILEXRHF7.js";
+import {
+  PlotBase,
+  addGeneSearchbox,
+  renderTable
+} from "./chunk-YBXQBSFY.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-QKVKQD6S.js";
+import {
+  Menu
+} from "./chunk-CNFTQSNE.js";
+import "./chunk-DOC3HBOV.js";
+import "./chunk-TVJOSRCH.js";
+import "./chunk-3CIL7KH7.js";
+import "./chunk-T4XPCSLP.js";
+import "./chunk-VVWZ4BOI.js";
+import "./chunk-W5J3LTYS.js";
+import "./chunk-2IAELUCN.js";
+import "./chunk-CFYWQJ7F.js";
+import "./chunk-2N345NXD.js";
+import {
+  copyMerge,
+  getCompInit
+} from "./chunk-HBNB5TRH.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-4OLM3KSB.js";
+import "./chunk-PWYMHUXY.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-5R63Q5KH.js";
+import "./chunk-I6Y4O3RR.js";
+import "./chunk-Q5RDQNIT.js";
+import "./chunk-HS5PO5ZQ.js";
+
+// plots/studyCatalog.ts
+var DATA_TYPE_FACET = "dataType";
+var DATA_TYPE_CHILD = "proteome";
+var DATA_TYPE_LABEL = "Data type";
+var DATA_TYPE_ORDER = ["Proteome", "PTM"];
+function proteomeOrder(organisms) {
+  const out = [];
+  for (const org of Object.values(organisms || {})) {
+    for (const assay in org?.assays || {}) {
+      const label = org.assays[assay].proteomeLabel || assay;
+      if (!out.includes(label)) out.push(label);
+    }
+  }
+  return out;
+}
+var FACET_CHART = {
+  disease: {
+    chartType: "animatedBubbleChart",
+    label: "Bubble Chart",
+    needsGene: false,
+    requires: (q) => !!q?.geneRanking
+  },
+  cellType: {
+    chartType: "cellTypeBubbleHeatmap",
+    label: "Cell-type Bubble Heatmap",
+    needsGene: true,
+    requires: (q) => !!q?.proteome?.cellTypeBubbleHeatmap
+  },
+  sampleSource: {
+    chartType: "brainRegions",
+    label: "Brain Regional Proteome",
+    needsGene: true,
+    requires: (q) => !!q?.proteome?.brainRegions
+  }
+};
+var defaultConfig = {
+  chartType: "studyCatalog"
+};
+var PANEL_GAP = 24;
+var FACET_WIDTH = 210;
+var StudyCatalog = class _StudyCatalog extends PlotBase {
+  constructor(opts, api) {
+    super(opts, api);
+    /** active filter values per facet key; empty set (or absent) = no filter on that facet */
+    this.activeFilters = /* @__PURE__ */ new Map();
+    /** derived rows, one per cohort */
+    this.rows = [];
+    /** currently checked rows */
+    this.selected = [];
+    /** stable keys of the checked cohorts, so selection survives a table re-render */
+    this.selectedKeys = /* @__PURE__ */ new Set();
+    /** number of cohorts currently passing the filters (shown when nothing is selected) */
+    this.filteredCount = 0;
+    /** data-quality mode (config.action = 'dataQuality', the homepage Data quality card): the
+     *  action opens each selected sample set's tools with the Data quality tile expanded */
+    this.dqMode = false;
+    this.initialFiltersApplied = false;
+    this.type = _StudyCatalog.type;
+  }
+  static {
+    this.type = "studyCatalog";
+  }
+  async init() {
+    const holder = this.opts.holder.append("div").style("padding", "10px");
+    const body = holder.append("div");
+    this.dom = {
+      holder,
+      body,
+      facetsDiv: void 0,
+      rightDiv: void 0,
+      actionBtn: void 0,
+      countSpan: void 0,
+      tableDiv: void 0,
+      tip: new Menu({ padding: "" }),
+      header: this.opts.header
+    };
+    if (this.dom.header) this.dom.header.html("Studies");
+  }
+  getState(appState) {
+    const config = appState.plots.find((p) => p.id === this.id);
+    if (!config) throw `No plot with id='${this.id}' found`;
+    return { config };
+  }
+  async main() {
+    const proteome = this.app.vocabApi.termdbConfig?.queries?.proteome;
+    const ui = proteome?.studyCatalog;
+    this.dom.body.selectAll("*").remove();
+    if (!ui || !proteome?.organisms) {
+      this.dom.body.append("div").style("padding", "20px").style("color", "#666").text("No study catalog is configured.");
+      return;
+    }
+    if (this.state.config.filters && !this.initialFiltersApplied) {
+      for (const [facet, values] of Object.entries(this.state.config.filters)) {
+        if (values?.length) this.activeFilters.set(facet, new Set(values));
+      }
+      this.initialFiltersApplied = true;
+    }
+    this.dqMode = this.state.config.action === "dataQuality";
+    if (this.dom.header) this.dom.header.html(this.dqMode ? "Data quality: select sample sets" : "Studies");
+    this.rows = deriveCatalogRows(proteome.organisms);
+    if (!this.rows.length) {
+      this.dom.body.append("div").style("padding", "20px").style("color", "#666").text("No cohorts found.");
+      return;
+    }
+    const topBar = this.dom.body.append("div").style("display", "flex").style("align-items", "center").style("gap", "12px").style("margin-bottom", "8px").style("padding-left", `${FACET_WIDTH + PANEL_GAP}px`);
+    this.dom.actionBtn = topBar.append("button").property("disabled", true).text("Analyze Cohort").on("click", () => this.onAction());
+    this.dom.countSpan = topBar.append("span").style("font-size", "0.85em").style("color", "#555");
+    const layout = this.dom.body.append("div").style("display", "flex").style("gap", `${PANEL_GAP}px`);
+    this.dom.facetsDiv = layout.append("div").style("flex", `0 0 ${FACET_WIDTH}px`).style("box-sizing", "border-box").style("max-height", "60vh").style("overflow-y", "auto").style("border-right", "1px solid #eee").style("padding-right", "12px");
+    this.dom.rightDiv = layout.append("div").style("flex", "1 1 auto").style("min-width", "0");
+    this.dom.tableDiv = this.dom.rightDiv.append("div");
+    this.renderFacets(ui);
+    this.renderTable(ui);
+  }
+  /** rows passing every active filter, optionally excluding one facet (for that facet's own counts) */
+  filteredRows(excludeFacet) {
+    const excluded = new Set(Array.isArray(excludeFacet) ? excludeFacet : excludeFacet ? [excludeFacet] : []);
+    return this.rows.filter((row) => {
+      for (const [facet, values] of this.activeFilters) {
+        if (excluded.has(facet)) continue;
+        if (values.size === 0) continue;
+        if (!values.has(row[facet] || "")) return false;
+      }
+      return true;
+    });
+  }
+  facetLabel(ui, key) {
+    if (key === DATA_TYPE_FACET) return DATA_TYPE_LABEL;
+    return ui.columns.find((c) => c.key === key)?.label || key;
+  }
+  /** facet order to render: the proteome facet is replaced by its Data type parent,
+   *  which renders the proteome values nested under the active radio option */
+  effectiveFacets(ui) {
+    return ui.facets.map((f) => f === DATA_TYPE_CHILD ? DATA_TYPE_FACET : f);
+  }
+  sortValues(facet, values) {
+    const fixed = facet === DATA_TYPE_FACET ? DATA_TYPE_ORDER : facet === DATA_TYPE_CHILD ? proteomeOrder(this.app.vocabApi.termdbConfig?.queries?.proteome?.organisms) : this.app.vocabApi.termdbConfig?.queries?.proteome?.studyCatalog?.facetValueOrder?.[facet] || null;
+    if (fixed)
+      return orderBy(
+        [...values].sort((a, b) => a.localeCompare(b)),
+        fixed
+      );
+    return [...values].sort((a, b) => a.localeCompare(b, void 0, { numeric: true }));
+  }
+  /** filters to ignore when computing a facet's own value counts: itself, plus — for the
+   *  Data type parent — its nested proteome filter, so that ticking e.g. "Insoluble" under
+   *  Proteome never makes the PTM option disappear (it must stay clickable to switch class) */
+  facetScopeExclusions(facet) {
+    return facet === DATA_TYPE_FACET ? [DATA_TYPE_FACET, DATA_TYPE_CHILD] : [facet];
+  }
+  /** counts of one facet's values under all OTHER active filters (standard faceted behavior) */
+  facetCounts(facet) {
+    const counts = /* @__PURE__ */ new Map();
+    for (const row of this.filteredRows(this.facetScopeExclusions(facet))) {
+      const v = row[facet] || "";
+      if (!v) continue;
+      counts.set(v, (counts.get(v) || 0) + 1);
+    }
+    return counts;
+  }
+  /** one radio/checkbox line of a facet */
+  appendFacetOption(ui, group, facet, value, count, single, checked, indentPx = 0) {
+    const line = group.append("label").style("display", "flex").style("align-items", "center").style("gap", "6px").style("font-size", "0.85em").style("cursor", "pointer").style("padding", "1px 0").style("margin-left", indentPx ? `${indentPx}px` : null);
+    line.append("input").attr("type", single ? "radio" : "checkbox").attr("name", single ? `sjpp-studyCatalog-facet-${this.id}-${facet}` : null).property("checked", checked).on("change", (event) => {
+      if (single) {
+        this.activeFilters.set(facet, /* @__PURE__ */ new Set([value]));
+        if (facet === DATA_TYPE_FACET) this.activeFilters.delete(DATA_TYPE_CHILD);
+      } else {
+        const set = this.activeFilters.get(facet) || /* @__PURE__ */ new Set();
+        if (event.target.checked) set.add(value);
+        else set.delete(value);
+        if (set.size) this.activeFilters.set(facet, set);
+        else this.activeFilters.delete(facet);
+      }
+      this.renderFacets(ui);
+      this.renderTable(ui);
+    });
+    line.append("span").style("flex", "1 1 auto").text(value);
+    line.append("span").style("color", "#999").text(count);
+  }
+  renderFacets(ui) {
+    const div = this.dom.facetsDiv;
+    div.selectAll("*").remove();
+    const queries = this.app.vocabApi.termdbConfig?.queries;
+    const facets = this.effectiveFacets(ui);
+    const singleSelect = new Set(ui.singleSelectFacets || []);
+    if (facets.includes(DATA_TYPE_FACET)) singleSelect.add(DATA_TYPE_FACET);
+    for (const facet of singleSelect) {
+      if (!facets.includes(facet)) continue;
+      const scope = this.filteredRows(this.facetScopeExclusions(facet));
+      const values = this.sortValues(facet, [...new Set(scope.map((r) => r[facet]).filter(Boolean))]);
+      if (!values.length) {
+        this.activeFilters.delete(facet);
+        if (facet === DATA_TYPE_FACET) this.activeFilters.delete(DATA_TYPE_CHILD);
+        continue;
+      }
+      const active = this.activeFilters.get(facet);
+      const activeValue = active && active.size === 1 ? [...active][0] : null;
+      if (activeValue && values.includes(activeValue)) continue;
+      this.activeFilters.set(facet, /* @__PURE__ */ new Set([values[0]]));
+      if (facet === DATA_TYPE_FACET) this.activeFilters.delete(DATA_TYPE_CHILD);
+    }
+    const header = div.append("div").style("display", "flex").style("align-items", "center").style("margin-bottom", "8px");
+    header.append("span").style("font-weight", "bold").text("Filter by");
+    const anyActive = [...this.activeFilters.entries()].some(([f, s]) => !singleSelect.has(f) && s.size > 0);
+    header.append("span").style("margin-left", "auto").style("font-size", "0.8em").style("color", anyActive ? "#0a5" : "#aaa").style("cursor", anyActive ? "pointer" : "default").text("clear all").on("click", () => {
+      if (!anyActive) return;
+      this.activeFilters.clear();
+      this.renderFacets(ui);
+      this.renderTable(ui);
+    });
+    for (const facet of facets) {
+      const counts = this.facetCounts(facet);
+      if (counts.size === 0) continue;
+      const group = div.append("div").style("margin-bottom", "12px");
+      const titleRow = group.append("div").style("display", "flex").style("align-items", "center").style("gap", "6px").style("margin-bottom", "4px");
+      titleRow.append("span").style("font-weight", "600").style("font-size", "0.9em").text(this.facetLabel(ui, facet));
+      const chart = FACET_CHART[facet];
+      if (chart && chart.requires(queries)) {
+        titleRow.append("button").attr("class", "sja_menuoption sja_sharp_border").style("font-size", "0.72em").style("padding", "1px 5px").style("cursor", "pointer").attr("title", `Open ${chart.label}`).text("\u{1F4CA}").on("click", (event) => this.openChartMenu(chart, event));
+      }
+      const nested = ui.nestedFacets?.[facet];
+      if (nested) {
+        this.renderNestedFacet(ui, group, facet, nested, counts);
+        continue;
+      }
+      const single = singleSelect.has(facet);
+      const active = this.activeFilters.get(facet) || /* @__PURE__ */ new Set();
+      for (const value of this.sortValues(facet, [...counts.keys()])) {
+        this.appendFacetOption(ui, group, facet, value, counts.get(value), single, active.has(value));
+        if (facet === DATA_TYPE_FACET && active.has(value)) {
+          const childCounts = this.facetCounts(DATA_TYPE_CHILD);
+          const childActive = this.activeFilters.get(DATA_TYPE_CHILD) || /* @__PURE__ */ new Set();
+          for (const cv of this.sortValues(DATA_TYPE_CHILD, [...childCounts.keys()])) {
+            this.appendFacetOption(ui, group, DATA_TYPE_CHILD, cv, childCounts.get(cv), false, childActive.has(cv), 22);
+          }
+        }
+      }
+    }
+  }
+  /** a facet whose values are listed under their parent-key value (e.g. sample sources under
+   *  Brain regions / Biofluids). The parent line is a checkbox over all of its child values:
+   *  checked when all are active, indeterminate when some are; the filter itself stays on
+   *  the child facet only */
+  renderNestedFacet(ui, group, facet, nested, counts) {
+    const byParent = /* @__PURE__ */ new Map();
+    for (const row of this.filteredRows(this.facetScopeExclusions(facet))) {
+      const v = row[facet];
+      if (!v || !counts.has(v)) continue;
+      const p = row[nested.parent] || "";
+      if (!byParent.has(p)) byParent.set(p, []);
+      if (!byParent.get(p).includes(v)) byParent.get(p).push(v);
+    }
+    const active = this.activeFilters.get(facet) || /* @__PURE__ */ new Set();
+    for (const p of this.sortValues(nested.parent, [...byParent.keys()])) {
+      const children = this.sortValues(facet, byParent.get(p));
+      const n = children.reduce((sum, v) => sum + counts.get(v), 0);
+      const nActive = children.filter((v) => active.has(v)).length;
+      if (p) {
+        const line = group.append("label").style("display", "flex").style("align-items", "center").style("gap", "6px").style("font-size", "0.85em").style("cursor", "pointer").style("padding", "1px 0");
+        line.append("input").attr("type", "checkbox").property("checked", nActive === children.length).property("indeterminate", nActive > 0 && nActive < children.length).on("change", (event) => {
+          const set = this.activeFilters.get(facet) || /* @__PURE__ */ new Set();
+          for (const v of children) {
+            if (event.target.checked) set.add(v);
+            else set.delete(v);
+          }
+          if (set.size) this.activeFilters.set(facet, set);
+          else this.activeFilters.delete(facet);
+          this.renderFacets(ui);
+          this.renderTable(ui);
+        });
+        line.append("span").style("flex", "1 1 auto").style("font-weight", "600").text(nested.labels?.[p] || p);
+        line.append("span").style("color", "#999").text(n);
+      }
+      for (const v of children) {
+        this.appendFacetOption(ui, group, facet, v, counts.get(v), false, active.has(v), p ? 22 : 0);
+      }
+    }
+  }
+  renderTable(ui) {
+    const rows = this.filteredRows();
+    this.filteredCount = rows.length;
+    this.dom.tableDiv.selectAll("*").remove();
+    this.dom.tableDiv.style("font-size", "13px");
+    const selectedRows = [];
+    rows.forEach((r, i) => {
+      if (this.selectedKeys.has(this.cohortKey(r))) selectedRows.push(i);
+    });
+    this.selected = selectedRows.map((i) => rows[i]);
+    this.selectedKeys = new Set(this.selected.map((r) => this.cohortKey(r)));
+    this.updateActionBtn();
+    const singleSelect = new Set(ui.singleSelectFacets || []);
+    const visibleColumns = rows.length ? ui.columns.filter((c) => !singleSelect.has(c.key) && rows.some((row) => row[c.key] != null && row[c.key] !== "")) : ui.columns;
+    const columns = visibleColumns.map((c) => ({ label: c.label, sortable: true }));
+    const tableRows = rows.map(
+      (row) => visibleColumns.map((c) => {
+        const value = row[c.key] ?? "";
+        return c.urlBase && value ? { value, url: c.urlBase + value } : { value };
+      })
+    );
+    if (this.dqMode) {
+      const organisms = this.app.vocabApi.termdbConfig?.queries?.proteome?.organisms;
+      columns.push({ label: "QC figures", sortable: true });
+      rows.forEach(
+        (row, i) => tableRows[i].push({
+          value: organisms?.[row.organism]?.assays?.[row.assay]?.cohorts?.[row.cohort]?.qcFigures?.length || 0
+        })
+      );
+    }
+    renderTable({
+      columns,
+      rows: tableRows,
+      div: this.dom.tableDiv,
+      showLines: true,
+      striped: true,
+      maxHeight: "60vh",
+      maxWidth: "72vw",
+      resize: true,
+      selectedRows,
+      header: { allowSort: true, style: { "font-weight": "bold", color: "#000" } },
+      buttons: [
+        {
+          text: "select",
+          callback: () => {
+          },
+          onChange: (idxs, button) => {
+            button.style.display = "none";
+            this.selected = idxs.map((i) => rows[i]);
+            this.selectedKeys = new Set(this.selected.map((r) => this.cohortKey(r)));
+            this.updateActionBtn();
+          }
+        }
+      ]
+    });
+  }
+  /** stable identity of a cohort row, used to keep the selection across re-renders */
+  cohortKey(row) {
+    return `${row.organism}|${row.assay}|${row.cohort}`;
+  }
+  /** update the action button + count text from the current selection.
+   *  count: nothing selected → total filtered cohorts; 1 selected → hidden; ≥2 → selected count */
+  updateActionBtn() {
+    const btn = this.dom.actionBtn;
+    if (!btn) return;
+    const n = this.selected.length;
+    btn.property("disabled", n === 0).text(this.dqMode ? "View data quality" : n >= 2 ? "Compare cohorts" : "Analyze Cohort");
+    const cs = this.dom.countSpan;
+    if (n === 1) cs.style("display", "none");
+    else if (n >= 2) cs.style("display", "").text(`${n} cohorts`);
+    else cs.style("display", "").text(`${this.filteredCount} cohort${this.filteredCount === 1 ? "" : "s"}`);
+  }
+  /** run the action for the current selection: 1 cohort → Analyze; ≥2 → Compare */
+  onAction() {
+    const sel = this.selected;
+    if (this.dqMode) {
+      for (const r of sel) this.openAnalyticsTools(r, "dataQuality");
+      return;
+    }
+    if (sel.length === 1) this.openAnalyticsTools(sel[0]);
+    else if (sel.length >= 2) this.openCompare(sel);
+  }
+  /** launch a facet's chart. Charts that don't need a gene open directly; gene-centric ones
+   *  prompt for a gene first. Dispatches exactly chart.chartType (no importPlot indirection). */
+  openChartMenu(chart, event) {
+    if (!chart.needsGene) {
+      this.app.dispatch({ type: "plot_create", config: { chartType: chart.chartType } });
+      return;
+    }
+    this.dom.tip.clear().show(event.clientX, event.clientY);
+    const row = this.dom.tip.d.append("div").style("padding", "5px");
+    row.append("span").style("font-weight", "bold").text("Enter a gene name:");
+    const geneSearch = addGeneSearchbox({
+      row,
+      genome: this.app.opts.genome,
+      tip: new Menu({ padding: "0px" }),
+      searchOnly: "gene",
+      callback: () => {
+        if (!geneSearch.geneSymbol) throw new Error("A valid gene selection is required");
+        this.dom.tip.hide();
+        this.app.dispatch({ type: "plot_create", config: { chartType: chart.chartType, gene: geneSearch.geneSymbol } });
+      }
+    });
+  }
+  /** open the ProteomeInput "Analytics Tools" panel for a cohort, mirroring the
+   *  Sample Selection (proteomeAbundance) chart's "Analytics Tools" button; expandedTile
+   *  opens one of its tools on arrival */
+  openAnalyticsTools(row, expandedTile) {
+    this.app.dispatch({
+      type: "plot_create",
+      config: {
+        chartType: "ProteomeInput",
+        proteomeDetails: { organism: row.organism, assay: row.assay, cohort: row.cohort },
+        hidePlotFilter: true,
+        expandedTile
+      }
+    });
+  }
+  /** open the cross-cohort log2FC-z comparison for the selected cohorts */
+  openCompare(selected) {
+    this.app.dispatch({
+      type: "plot_create",
+      config: {
+        chartType: "proteomeCohortCompare",
+        cohorts: selected.map((r) => ({ organism: r.organism, assay: r.assay, cohort: r.cohort, label: r.cohort }))
+      }
+    });
+  }
+};
+var componentInit = getCompInit(StudyCatalog);
+async function getPlotConfig(opts) {
+  const config = structuredClone(defaultConfig);
+  return copyMerge(config, opts);
+}
+export {
+  componentInit,
+  getPlotConfig
+};
+//# sourceMappingURL=studyCatalog-K46WJHC6.js.map

package/dist/summarizeCnvGeneexp-7WSJTWKH.js

@@ -0,0 +1,154 @@
+import {
+  launchPlot
+} from "./chunk-WTLUZOBK.js";
+import {
+  addGeneSearchbox,
+  fillTermWrapper,
+  make_one_checkbox,
+  table2col
+} from "./chunk-YBXQBSFY.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-QKVKQD6S.js";
+import {
+  Menu
+} from "./chunk-CNFTQSNE.js";
+import "./chunk-DOC3HBOV.js";
+import "./chunk-TVJOSRCH.js";
+import "./chunk-3CIL7KH7.js";
+import "./chunk-T4XPCSLP.js";
+import "./chunk-VVWZ4BOI.js";
+import "./chunk-W5J3LTYS.js";
+import "./chunk-2IAELUCN.js";
+import "./chunk-CFYWQJ7F.js";
+import {
+  dtcnv
+} from "./chunk-2N345NXD.js";
+import "./chunk-HBNB5TRH.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-4OLM3KSB.js";
+import "./chunk-PWYMHUXY.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-5R63Q5KH.js";
+import {
+  select_default
+} from "./chunk-I6Y4O3RR.js";
+import "./chunk-Q5RDQNIT.js";
+import "./chunk-HS5PO5ZQ.js";
+
+// plots/summarizeCnvGeneexp.ts
+var tip = new Menu({ padding: "0px" });
+async function makeChartBtnMenu(holder, chartsInstance) {
+  let expTw, cnvTw, cnvGeneSameAsExp = true, expSearchPrompt, cnvTableRow;
+  make_one_checkbox({
+    holder: holder.append("div").style("margin", "20px 10px 5px 15px"),
+    labeltext: "Use Same Gene For CNV",
+    checked: true,
+    testid: "sjpp-summarizeCnvGeneexp-useSameGeneCheckbox",
+    callback: async (checked) => {
+      cnvGeneSameAsExp = checked;
+      await updateUi();
+    }
+  });
+  const table = table2col({
+    holder: holder.append("div"),
+    margin: "10px",
+    cellPadding: "10px"
+  });
+  {
+    const [td1, td2] = table.addRow();
+    td1.text("Search Gene For Expression");
+    const searchDiv = td2.append("div");
+    expSearchPrompt = td2.append("div").style("font-size", ".7em");
+    const result = addGeneSearchbox({
+      row: searchDiv,
+      tip,
+      searchOnly: "gene",
+      testid: "sjpp-summarizeCnvGeneexp-genesearch-exp",
+      genome: chartsInstance.app.opts.genome,
+      callback: async () => {
+        expSearchPrompt.text("LOADING ...");
+        try {
+          expTw = { term: { gene: result.geneSymbol, type: "geneExpression" }, q: {} };
+          await updateUi();
+          if (cnvGeneSameAsExp) launch();
+          expSearchPrompt.text("");
+        } catch (e) {
+          expSearchPrompt.text("Error: " + (e.message || e));
+          console.log(e.stack);
+        }
+      }
+    });
+  }
+  {
+    const [td1, td2] = table.addRow();
+    cnvTableRow = select_default(td1.node().parentNode);
+    td1.text("Search Gene for CNV");
+    const searchDiv = td2.append("div");
+    const cnvSearchPrompt = td2.append("div").style("font-size", ".7em");
+    const result = addGeneSearchbox({
+      row: searchDiv,
+      tip,
+      searchOnly: "gene",
+      testid: "sjpp-summarizeCnvGeneexp-genesearch-cnv",
+      genome: chartsInstance.app.opts.genome,
+      callback: async () => {
+        cnvSearchPrompt.text("LOADING ...");
+        try {
+          cnvTw = await fillGvTw(result.geneSymbol, dtcnv);
+          await updateUi();
+          cnvSearchPrompt.text("");
+        } catch (e) {
+          cnvSearchPrompt.text("Error: " + (e.message || e));
+          if (e.stack) console.log(e.stack);
+        }
+      }
+    });
+  }
+  const submitBtn = holder.append("button").attr("data-testid", "sjpp-summarizeCnvGeneexp-submitBtn").text("Launch Plot").style("margin", "0px 15px 15px 15px").property("disabled", true).on("click", launch);
+  async function updateUi() {
+    if (cnvGeneSameAsExp) {
+      if (expTw) {
+        cnvTw = await fillGvTw(expTw.term.gene, dtcnv);
+      }
+    }
+    cnvTableRow.style("display", cnvGeneSameAsExp ? "none" : "");
+    expSearchPrompt.text(cnvGeneSameAsExp ? "Hit ENTER to launch plot." : "");
+    submitBtn.style("display", cnvGeneSameAsExp ? "none" : "").property("disabled", !expTw || !cnvTw);
+  }
+  updateUi();
+  async function fillGvTw(geneSymbol, dt) {
+    const name = geneSymbol;
+    const tw = {
+      term: {
+        id: name,
+        name,
+        genes: [
+          {
+            kind: "gene",
+            id: name,
+            gene: name,
+            name,
+            type: "geneVariant"
+          }
+        ],
+        type: "geneVariant"
+      },
+      q: { type: "predefined-groupset", dtLst: [dt] }
+    };
+    await fillTermWrapper(tw, chartsInstance.app.vocabApi);
+    return tw;
+  }
+  function launch() {
+    if (!expTw || !cnvTw) throw "either tw is missing";
+    launchPlot({
+      tw1: expTw,
+      tw2: cnvTw,
+      chartsInstance,
+      holder
+    });
+  }
+}
+export {
+  makeChartBtnMenu
+};
+//# sourceMappingURL=summarizeCnvGeneexp-7WSJTWKH.js.map