@sjcrh/proteinpaint-client 2.198.0 → 2.200.0

package/dist/chunk-ULESDMUT.js

@@ -0,0 +1,480 @@
+import {
+  renderTable
+} from "./chunk-TKW5TW4Z.js";
+import {
+  clusterMethodLst,
+  distanceMethodLst
+} from "./chunk-JVPWIVDT.js";
+import {
+  termType2label
+} from "./chunk-7JRDJNLR.js";
+import {
+  select_default
+} from "./chunk-I6Y4O3RR.js";
+import {
+  __export
+} from "./chunk-HFNDKYVF.js";
+
+// plots/matrix/hierCluster.interactivity.js
+var hierCluster_interactivity_exports = {};
+__export(hierCluster_interactivity_exports, {
+  addSelectedRowsOptions: () => addSelectedRowsOptions,
+  addSelectedSamplesOptions: () => addSelectedSamplesOptions,
+  getAllChildrenClusterIds: () => getAllChildrenClusterIds,
+  getClusterFromLeftDendrogram: () => getClusterFromLeftDendrogram,
+  getClusterFromTopDendrogram: () => getClusterFromTopDendrogram,
+  setClusteringBtn: () => setClusteringBtn,
+  showTable4selectedRows: () => showTable4selectedRows,
+  showTable4selectedSamples: () => showTable4selectedSamples,
+  triggerZoomBranch: () => triggerZoomBranch
+});
+function getAllChildrenClusterIds(clickedClusterId, left) {
+  const mergedClusters = left ? this.hierClusterData.clustering.row.mergedClusters : this.hierClusterData.clustering.col.mergedClusters;
+  const children = mergedClusters.get(clickedClusterId).childrenClusters || [];
+  let allChildren = [...children];
+  for (const child of children) {
+    allChildren = allChildren.concat(this.getAllChildrenClusterIds(child, left));
+  }
+  return allChildren;
+}
+function addSelectedSamplesOptions(clickedSampleNames, event) {
+  const l = this.settings.matrix.controlLabels;
+  const ss = this.opts.allow2selectSamples;
+  const optionArr = [
+    {
+      label: "Zoom in",
+      callback: () => {
+        this.triggerZoomBranch(this, clickedSampleNames);
+      }
+    },
+    {
+      label: `List ${clickedSampleNames.length} ${l.samples}`,
+      callback: () => this.showTable4selectedSamples(clickedSampleNames)
+    }
+  ];
+  if (ss) {
+    optionArr.push({
+      label: ss.buttonText || `Select ${l.samples}`,
+      callback: async () => {
+        const samples = clickedSampleNames.map((c) => this.data.samples[c]);
+        ss.callback({
+          samples: await this.app.vocabApi.convertSampleId(samples, ss.attributes),
+          source: ss.defaultSelectionLabel || `Selected ${l.samples} from gene expression`
+        });
+      }
+    });
+  } else {
+    if (this.state.nav && this.state.nav.header_mode !== "hidden") {
+      const samples = clickedSampleNames.map((c) => this.sampleOrder.find((s) => s.row.sample == c).row);
+      for (const s of samples) {
+        if (!s.sampleId) s.sampleId = s.sample;
+      }
+      optionArr.push({
+        label: "Add to a group",
+        callback: async () => {
+          const group = {
+            name: "Group",
+            items: samples
+          };
+          this.addGroup(group);
+        }
+      });
+    }
+  }
+  this.mouseout();
+  this.dom.tip.hide();
+  this.dom.dendroClickMenu.d.selectAll("*").remove();
+  this.dom.dendroClickMenu.d.selectAll("div").data(optionArr).enter().append("div").attr("class", "sja_menuoption").style("border-radius", "0px").html((d) => d.label).attr("data-testid", (d) => `hierCluster_dendro_menu_${d.label.split(" ")[0]}`).on("click", (event2) => {
+    this.dom.dendroClickMenu.d.selectAll("*").remove();
+    event2.target.__data__.callback();
+  });
+  this.dom.dendroClickMenu.show(event.clientX, event.clientY);
+}
+function addSelectedRowsOptions(clickedRowNames, event) {
+  const rowType = this.config.settings.matrix.controlLabels.terms;
+  const optionArr = [
+    {
+      label: `List ${clickedRowNames.length} ${rowType}`,
+      callback: () => this.showTable4selectedRows(clickedRowNames, rowType)
+    }
+  ];
+  if (this.config.dataType == "geneExpression" && this.app.opts.genome.termdbs) {
+    const minGeneCutoff = this.app.opts.genome.termdbs.msigdb.geneORAparam.minCutoff;
+    const maxGeneCutoff = this.app.opts.genome.termdbs.msigdb.geneORAparam.maxCutoff;
+    optionArr.push({
+      label: `Gene set overrepresentation analysis`,
+      disabled: clickedRowNames.length < minGeneCutoff || clickedRowNames.length > maxGeneCutoff,
+      callback: () => {
+        if (clickedRowNames.length < minGeneCutoff || clickedRowNames.length > maxGeneCutoff) return;
+        this.dom.dendroClickMenu.d.selectAll("*").remove();
+        const lst = [];
+        for (const x of clickedRowNames) {
+          const j = this.terms?.find?.((t) => t.tw.$id == x);
+          if (j) {
+            const n = j.tw?.term?.gene;
+            if (n) lst.push(n);
+          }
+        }
+        const config = {
+          chartType: "geneORA",
+          geneORAparams: {
+            sample_genes: lst.join(","),
+            genome: this.app.vocabApi.opts.state.vocab.genome
+          }
+        };
+        this.app.dispatch({
+          type: "plot_create",
+          config
+        });
+      }
+    });
+  }
+  this.mouseout();
+  this.dom.tip.hide();
+  this.dom.dendroClickMenu.d.selectAll("*").remove();
+  this.dom.dendroClickMenu.d.selectAll("div").data(optionArr).enter().append("div").attr("class", (d) => d.disabled ? "sja_menuoption_not_interactive" : "sja_menuoption").style("opacity", (d) => d.disabled ? 0.5 : 1).style("border-radius", "0px").html(
+    (d) => d.disabled ? `${d.label} <span style="font-size: 0.6em; display: block; margin-left: 2px; margin-top: 2px;">Only available when 15 - 500 genes selected</span>` : d.label
+  ).attr("data-testid", (d) => `hierCluster_dendro_menu_${d.label.split(" ")[0]}`).on("click", (event2) => {
+    if (event2.target.__data__?.callback) event2.target.__data__.callback();
+  });
+  this.dom.dendroClickMenu.show(event.clientX, event.clientY);
+}
+function triggerZoomBranch(self, clickedSampleNames) {
+  if (self.zoomArea) {
+    self.zoomArea.remove();
+    delete self.zoomArea;
+  }
+  const c = {
+    startCell: self.serieses[0].cells.find((d2) => d2.sample == clickedSampleNames[0]),
+    endCell: self.serieses[0].cells.find((d2) => d2.sample == clickedSampleNames[clickedSampleNames.length - 1])
+  };
+  const s = self.settings.matrix;
+  const d = self.dimensions;
+  const start = c.startCell.totalIndex < c.endCell.totalIndex ? c.startCell : c.endCell;
+  const zoomIndex = Math.floor(start.totalIndex + Math.abs(c.endCell.totalIndex - c.startCell.totalIndex) / 2);
+  const centerCell = self.sampleOrder[zoomIndex];
+  const colw = self.computedSettings.colw || self.settings.matrix.colw;
+  const maxZoomLevel = s.colwMax / colw;
+  const minZoomLevel = s.colwMin / colw;
+  const tentativeZoomLevel = Math.max(
+    1,
+    s.zoomLevel * d.mainw / Math.max(c.endCell.x - c.startCell.x, 2 * d.colw) * 0.7
+  );
+  const zoomLevel = Math.max(minZoomLevel, Math.min(tentativeZoomLevel, maxZoomLevel));
+  self.app.dispatch({
+    type: "plot_edit",
+    id: self.id,
+    config: {
+      settings: {
+        matrix: {
+          zoomLevel,
+          zoomCenterPct: 0.5,
+          //zoomLevel < 1 && d.mainw >= d.zoomedMainW ? 0.5 : zoomCenter / d.mainw,
+          zoomIndex,
+          zoomGrpIndex: centerCell.grpIndex
+        }
+      }
+    }
+  });
+  self.resetInteractions();
+}
+function showTable4selectedSamples(clickedSampleNames) {
+  const templates = this.state.termdbConfig.urlTemplates;
+  const rows = templates?.sample ? clickedSampleNames.map((c) => [
+    { value: this.hierClusterData.bySampleId[c].label, url: `${templates.sample.base}${c}` }
+  ]) : clickedSampleNames.map((c) => [{ value: this.hierClusterData.bySampleId[c].label }]);
+  const columns = [{ label: this.settings.matrix.controlLabels.Sample }];
+  renderTable({
+    rows,
+    columns,
+    div: this.dom.dendroClickMenu.clear().d.append("div").style("margin", "10px"),
+    showLines: true,
+    maxHeight: "35vh",
+    resize: true
+  });
+}
+function showTable4selectedRows(clickedRowNames, rowType) {
+  const templates = this.state.termdbConfig.urlTemplates;
+  const rows = [];
+  if (templates?.gene && this.config.dataType == "geneExpression" && this.hierClusterData.byTermId) {
+    for (const i of clickedRowNames) {
+      const genesymbol = this.terms.find((t) => t.tw?.$id == i)?.tw?.term?.gene;
+      if (!genesymbol) continue;
+      const gencode = this.hierClusterData.byTermId[i]?.gencodeId;
+      if (gencode) {
+        rows.push([{ value: genesymbol, url: `${templates.gene.base}${gencode}` }]);
+      } else {
+        rows.push([{ value: genesymbol }]);
+      }
+    }
+  } else {
+    for (const i of clickedRowNames) {
+      const tw = this.terms.find((t) => t.tw?.$id == i)?.tw;
+      if (!tw) continue;
+      const n = tw.term?.gene || tw.term?.name;
+      if (!n) continue;
+      rows.push([{ value: n }]);
+    }
+  }
+  const div = this.dom.dendroClickMenu.clear().d.append("div").style("margin", "10px");
+  const buttonDiv = div.append("div").style("padding", "5px");
+  const copyButton = buttonDiv.append("button").html(`Copy ${rowType}`).attr("class", ".sja_menu_div button").style("margin-top", "2px").style("padding", "5px").on("click", () => {
+    const geneNames = rows.map((row) => row[0].value).join("\n");
+    navigator.clipboard.writeText(geneNames).then(() => {
+    }, console.warn);
+    copyButton.html(`Copy ${rowType}&nbsp;&check;`);
+  });
+  renderTable({
+    rows,
+    columns: [{ label: rowType }],
+    div: div.append("div"),
+    showLines: true,
+    maxHeight: "35vh",
+    resize: true
+  });
+}
+function getClusterFromTopDendrogram(event) {
+  if (event.target.tagName == "image") this.imgBox = event.target.getBoundingClientRect();
+  else return;
+  const y = event.clientY - this.imgBox.y - event.target.clientTop;
+  const xMin = this.dimensions.xMin;
+  const x = event.clientX - this.imgBox.x - event.target.clientLeft + xMin;
+  for (const [clusterId, cluster] of this.hierClusterData.clustering.col.mergedClusters) {
+    const { x1, y1, x2, y2, clusterY } = cluster.clusterPosition;
+    if (x1 <= x && x <= x2 && clusterY - 5 < y && y < clusterY + 5 || clusterY <= y && y <= y1 && x1 - 5 < x && x < x1 + 5 || clusterY <= y && y <= y2 && x2 - 5 < x && x < x2 + 5) {
+      return clusterId;
+    }
+  }
+}
+function getClusterFromLeftDendrogram(event) {
+  if (event.target.tagName == "image") this.imgBox = event.target.getBoundingClientRect();
+  else return;
+  const y = event.clientY - this.imgBox.y - event.target.clientTop;
+  const xMin = this.dimensions.xMin;
+  const x = event.clientX - this.imgBox.x - event.target.clientLeft + xMin;
+  for (const [clusterId, cluster] of this.hierClusterData.clustering.row.mergedClusters) {
+    const { x1, y1, x2, y2, clusterX } = cluster.clusterPosition;
+    if (y1 <= y && y <= y2 && clusterX - 5 < x && x < clusterX + 5 || clusterX <= x && x <= x1 && y1 - 5 < y && y < y1 + 5 || clusterX <= x && x <= x2 && y2 - 5 < y && y < y2 + 5) {
+      return clusterId;
+    }
+  }
+}
+function setClusteringBtn(holder, callback) {
+  const cl = this.config.settings.matrix.controlLabels;
+  const dataType = this.config.dataType;
+  const clusterRowLabel = cl.Terms;
+  const cluteringButtonLabel = `${termType2label(dataType)} Clustering`;
+  holder.append("button").datum({
+    label: cluteringButtonLabel,
+    getCount: () => this.hcTermGroup?.lst.length || 0,
+    showCount: "hide",
+    rows: [
+      {
+        label: `Cluster ${cl.Samples}`,
+        title: `Option to enable ${cl.samples} clustering, instead of enabling ${cl.samples} sorting.`,
+        type: "checkbox",
+        chartType: "hierCluster",
+        settingsKey: "clusterSamples",
+        boxLabel: `Cluster ${cl.Samples} (Disable ${cl.Samples} Sorting)`,
+        callback: (checked) => {
+          if (!checked) {
+            this.config.settings.hierCluster.yDendrogramHeight = 0;
+            this.config.settings.hierCluster.clusterSamples = false;
+          } else {
+            this.config.divideBy = null;
+            this.config.settings.hierCluster.yDendrogramHeight = 200;
+            this.config.settings.hierCluster.clusterSamples = true;
+          }
+          this.app.dispatch({
+            type: "plot_edit",
+            id: this.id,
+            config: this.config
+          });
+        }
+      },
+      {
+        label: `Cluster ${clusterRowLabel}`,
+        title: `Option to enable ${clusterRowLabel} clustering, instead of enabling ${clusterRowLabel} sorting.`,
+        type: "checkbox",
+        chartType: "hierCluster",
+        settingsKey: "clusterRows",
+        boxLabel: `Cluster ${clusterRowLabel} (Disable ${clusterRowLabel} Sorting)`,
+        callback: (checked) => {
+          if (!checked) {
+            this.config.settings.hierCluster.clusterRows = false;
+            this.config.settings.hierCluster.sortClusterRows = "asListed";
+          } else {
+            this.config.settings.hierCluster.clusterRows = true;
+            this.config.settings.hierCluster.sortClusterRows = void 0;
+          }
+          this.app.dispatch({
+            type: "plot_edit",
+            id: this.id,
+            config: this.config
+          });
+        }
+      },
+      {
+        label: `Sort ${clusterRowLabel}`,
+        title: `Set how to order the ${clusterRowLabel} as rows`,
+        type: "radio",
+        chartType: "hierCluster",
+        settingsKey: "sortClusterRows",
+        options: [
+          { label: `By input ${clusterRowLabel} order`, value: "asListed" },
+          { label: `By ${clusterRowLabel} name`, value: "byName" }
+        ],
+        styles: { padding: 0, "padding-right": "10px", margin: 0, display: "inline-block" },
+        getDisplayStyle(plot) {
+          return plot.settings.hierCluster.clusterRows ? "none" : "table-row";
+        }
+      },
+      {
+        label: "Z-score Transformation",
+        title: `Option to do Z-score transformation`,
+        type: "checkbox",
+        chartType: "hierCluster",
+        settingsKey: "zScoreTransformation",
+        boxLabel: `Perform Z-score Transformation`,
+        callback: (checked) => {
+          if (!checked) {
+            this.config.settings.hierCluster.zScoreTransformation = false;
+            this.config.settings.hierCluster.colorScale = "whiteRed";
+          } else {
+            this.config.settings.hierCluster.zScoreTransformation = true;
+            this.config.settings.hierCluster.colorScale = "blueWhiteRed";
+          }
+          this.app.dispatch({
+            type: "plot_edit",
+            id: this.id,
+            config: this.config
+          });
+        }
+      },
+      {
+        label: `Clustering Method`,
+        title: `Sets which clustering method to use`,
+        type: "radio",
+        chartType: "hierCluster",
+        settingsKey: "clusterMethod",
+        options: clusterMethodLst
+      },
+      {
+        label: `Distance Method`,
+        title: `Sets which distance method to use for clustering`,
+        type: "radio",
+        chartType: "hierCluster",
+        settingsKey: "distanceMethod",
+        options: distanceMethodLst
+      },
+      {
+        label: `Column Dendrogram Height`,
+        title: `The maximum height to render the column dendrogram`,
+        type: "number",
+        chartType: "hierCluster",
+        settingsKey: "yDendrogramHeight",
+        getDisplayStyle(plot) {
+          return plot.settings.hierCluster.clusterSamples ? "table-row" : "none";
+        }
+      },
+      {
+        label: `Row Dendrogram Width`,
+        title: `The maximum width to render the row dendrogram`,
+        type: "number",
+        chartType: "hierCluster",
+        settingsKey: "xDendrogramHeight",
+        getDisplayStyle(plot) {
+          return plot.settings.hierCluster.clusterRows ? "table-row" : "none";
+        }
+      },
+      {
+        label: `Z-score Cap`,
+        title: `Cap the Z-score scale to not exceed this absolute value`,
+        type: "number",
+        chartType: "hierCluster",
+        settingsKey: "zScoreCap"
+      },
+      {
+        label: `Color Scheme`,
+        title: `Sets which color scheme to use`,
+        type: "radio",
+        chartType: "hierCluster",
+        settingsKey: "colorScale",
+        options: [
+          {
+            label: "Blue-White-Red",
+            value: "blueWhiteRed",
+            title: `color scheme Blue-White-Red`
+          },
+          {
+            label: "Green-Black-Red",
+            value: "greenBlackRed",
+            title: `color scheme Green-Black-Red`
+          },
+          {
+            label: "Blue-Yellow-Red",
+            value: "blueYellowRed",
+            title: `color scheme Blue-Yellow-Red`
+          },
+          {
+            label: "Green-White-Red",
+            value: "greenWhiteRed",
+            title: `color scheme Green-White-Red`
+          },
+          {
+            label: "Blue-Black-Yellow",
+            value: "blueBlackYellow",
+            title: `color scheme Blue-Black-Yellow`
+          }
+        ]
+      }
+    ],
+    customInputs: updateClusteringControls
+  }).html((d) => d.label).style("margin", "2px 0").on("click", callback);
+}
+function updateClusteringControls(self, app, parent, table) {
+  if (parent.chartType == "hierCluster" && !parent.config.settings.hierCluster.zScoreTransformation) {
+    const zScoreCapControl = select_default(
+      table.selectAll("td").filter(function() {
+        return select_default(this).text() == "Z-score Cap";
+      }).node().closest("tr")
+    );
+    zScoreCapControl.style("display", "none");
+    const colorSchemeControl = select_default(
+      table.selectAll("td").filter(function() {
+        return select_default(this).text() == "Color Scheme";
+      }).node().closest("tr")
+    );
+    colorSchemeControl.style("display", "none");
+  }
+  if (parent.chartType == "hierCluster" && parent.config.dataType !== "geneExpression") {
+    const geneInputTr = table.insert("tr", () => table.select("tr").node());
+    geneInputTr.append("td").attr("class", "sja-termdb-config-row-label").html("Hierarchical Clustering Term Set");
+    const td1 = geneInputTr.append("td").style("display", "block").style("padding", "5px 0px");
+    const editGrpDiv = td1.append("div").append("label");
+    const clusteringBtn = self.btns.node();
+    editGrpDiv.append("button").html("Edit Set").on("click", () => {
+      app.tip.clear();
+      const backDiv = app.tip.d.append("div").style("padding", "5px");
+      backDiv.attr("tabindex", 0).style("padding", "5px").style("text-decoration", "underline").style("cursor", "pointer").style("margin-bottom", "12px").html(`&#171; Back`).on("click", () => clusteringBtn.click()).on("keyup", (event) => {
+        if (event.key == "Enter") event.target.click();
+      });
+      const setEdiUiHolder = app.tip.d.append("div");
+      parent.showDictTermSelection(setEdiUiHolder);
+    });
+  }
+}
+
+export {
+  getAllChildrenClusterIds,
+  addSelectedSamplesOptions,
+  addSelectedRowsOptions,
+  triggerZoomBranch,
+  showTable4selectedSamples,
+  showTable4selectedRows,
+  getClusterFromTopDendrogram,
+  getClusterFromLeftDendrogram,
+  setClusteringBtn,
+  hierCluster_interactivity_exports
+};
+//# sourceMappingURL=chunk-ULESDMUT.js.map

package/dist/chunk-UUKSL7QC.js

@@ -0,0 +1,134 @@
+import {
+  addGeneSearchbox,
+  isoformSelect,
+  pickCollectionFraction,
+  sayerror
+} from "./chunk-TKW5TW4Z.js";
+import {
+  Menu
+} from "./chunk-HYOEWQ5P.js";
+import {
+  dofetch3
+} from "./chunk-JVPWIVDT.js";
+import {
+  ISOFORM_EXPRESSION,
+  getColors
+} from "./chunk-6PNPHACF.js";
+
+// termdb/handlers/isoformExpression.ts
+var SearchHandler = class {
+  constructor() {
+    this.currentGene = null;
+  }
+  init(opts) {
+    this.callback = opts.callback;
+    this.app = opts.app;
+    this.termCollectionSelectionMode = opts.termCollectionSelectionMode;
+    const holder = opts.holder.append("div").style("padding", "10px 0px");
+    this.dom = {
+      errDiv: holder.append("div").style("margin", "5px 0px").style("display", "none")
+    };
+    const geneSearch = addGeneSearchbox({
+      tip: new Menu({ padding: "0px" }),
+      genome: opts.genomeObj,
+      row: holder,
+      searchOnly: "gene",
+      callback: async () => {
+        try {
+          this.dom.errDiv.style("display", "none");
+          if (!geneSearch.geneSymbol) throw new Error("No gene selected");
+          if (geneSearch.geneSymbol === this.currentGene) return;
+          this.currentGene = geneSearch.geneSymbol;
+          if (this.dom.isoformDiv) this.dom.isoformDiv.remove();
+          this.dom.isoformDiv = holder.append("div");
+          await this.showIsoforms(geneSearch.geneSymbol, opts.genomeObj);
+        } catch (e) {
+          this.dom.errDiv.style("display", "block");
+          sayerror(this.dom.errDiv, "Error: " + (e instanceof Error ? e.message : String(e)));
+        }
+      }
+    });
+  }
+  async showIsoforms(gene, genomeObj) {
+    if (!gene) throw new Error("No gene selected");
+    const data = await dofetch3("genelookup", { body: { genome: genomeObj.name, input: gene, deep: 1 } });
+    if (!data.gmlst?.length) throw new Error(`No isoforms found for ${gene}`);
+    const enstCandidates = data.gmlst.filter((gm) => gm.isoform?.startsWith("ENST"));
+    if (enstCandidates.length === 0) throw new Error(`No Ensembl transcript isoforms found for ${gene}`);
+    const { available } = await dofetch3("termdb/isoformAvailability", {
+      body: {
+        genome: genomeObj.name,
+        dslabel: this.app.vocabApi.vocab.dslabel,
+        isoforms: enstCandidates.map((gm) => gm.isoform)
+      }
+    });
+    const availableSet = new Set(available || []);
+    const enstModels = enstCandidates.filter((gm) => availableSet.has(gm.isoform));
+    if (enstModels.length === 0) throw new Error(`No isoforms with data found for ${gene}`);
+    if (gene !== this.currentGene) return;
+    const div = this.dom.isoformDiv;
+    div.append("div").style("margin-bottom", "8px").style("opacity", 0.65).text(`${gene} \u2014 select isoform(s):`);
+    isoformSelect({
+      holder: div,
+      allgm: enstModels,
+      multiSelect: true,
+      // a single checked isoform yields an individual term, 2+ yield a collection
+      getSubmitLabel: (selectedCount) => selectedCount === 1 ? "Select One Isoform" : `Create Collection (${selectedCount})`,
+      onMultiSelect: (selected) => {
+        if (selected.length === 1) {
+          this.selectIsoform(selected[0].isoform, gene);
+        } else {
+          this.selectCollection(selected, gene);
+        }
+      }
+    });
+  }
+  getUnit() {
+    return this.app.vocabApi.termdbConfig.queries.isoformExpression?.unit || "TPM";
+  }
+  selectIsoform(isoform, gene) {
+    const name = `${isoform} ${this.getUnit()}`;
+    this.callback({ isoform, gene, name, type: ISOFORM_EXPRESSION });
+  }
+  selectCollection(gms, gene) {
+    const unit = this.getUnit();
+    const termlst = gms.map((gm) => ({
+      id: gm.isoform,
+      name: gm.isoform,
+      type: ISOFORM_EXPRESSION,
+      isoform: gm.isoform
+    }));
+    const colorScale = getColors(termlst.length);
+    const term = {
+      type: "termCollection",
+      isCustom: true,
+      memberType: "numeric",
+      name: `${gene} Isoforms (${unit})`,
+      termlst,
+      propsByTermId: Object.fromEntries(termlst.map((term2) => [term2.id, { color: colorScale(term2.id) }])),
+      isleaf: true
+    };
+    if (this.termCollectionSelectionMode === "fraction") {
+      if (!this.dom?.isoformDiv) throw new Error("isoform result holder is missing");
+      this.dom.fractionDiv?.remove();
+      this.dom.fractionDiv = this.dom.isoformDiv.append("div").style("margin-top", "10px");
+      pickCollectionFraction({
+        holder: this.dom.fractionDiv,
+        term,
+        callback: (tw) => this.callback(tw)
+      });
+      return;
+    }
+    this.callback(term);
+  }
+};
+function filterIsoforms(gmlst, availableItems) {
+  const itemSet = new Set(availableItems);
+  return gmlst.filter((gm) => gm.isoform?.startsWith("ENST") && (itemSet.size === 0 || itemSet.has(gm.isoform)));
+}
+
+export {
+  SearchHandler,
+  filterIsoforms
+};
+//# sourceMappingURL=chunk-UUKSL7QC.js.map

package/dist/chunk-UUKSL7QC.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../termdb/handlers/isoformExpression.ts"],
+  "sourcesContent": ["import { Menu, addGeneSearchbox, sayerror, isoformSelect } from '#dom'\nimport type { GeneModel, IsoformTerm, IsoformCollectionTerm } from '#dom/types/isoformSelect'\nimport type { Div } from '../../types/d3'\nimport { dofetch3 } from '#common/dofetch'\nimport { getColors } from '#shared/common.js'\nimport { pickCollectionFraction } from './termCollectionFractionSelection.ts'\nimport { type RawTermCollectionTWFraction, ISOFORM_EXPRESSION } from '#types'\n\n/*\nnote:\n\tthe ui allows both single and multi selection\n\teven when termCollectionSelectionMode=fraction, the numerator/denominator check columns are not shown up front\n\tthis is to avoid complicating single term selection\n*/\n\nexport class SearchHandler {\n\tcallback!: (term: IsoformTerm | IsoformCollectionTerm | RawTermCollectionTWFraction) => void\n\tapp: any\n\tdom!: { errDiv: Div; isoformDiv?: Div; fractionDiv?: Div }\n\tcurrentGene: string | null = null\n\ttermCollectionSelectionMode?: 'fraction'\n\n\tinit(opts) {\n\t\tthis.callback = opts.callback\n\t\tthis.app = opts.app\n\t\tthis.termCollectionSelectionMode = opts.termCollectionSelectionMode\n\t\tconst holder = opts.holder.append('div').style('padding', '10px 0px')\n\t\tthis.dom = {\n\t\t\terrDiv: holder.append('div').style('margin', '5px 0px').style('display', 'none')\n\t\t}\n\n\t\tconst geneSearch = addGeneSearchbox({\n\t\t\ttip: new Menu({ padding: '0px' }),\n\t\t\tgenome: opts.genomeObj,\n\t\t\trow: holder,\n\t\t\tsearchOnly: 'gene',\n\t\t\tcallback: async () => {\n\t\t\t\ttry {\n\t\t\t\t\tthis.dom.errDiv.style('display', 'none')\n\t\t\t\t\tif (!geneSearch.geneSymbol) throw new Error('No gene selected')\n\t\t\t\t\t// guard against duplicate fires for the same gene\n\t\t\t\t\tif (geneSearch.geneSymbol === this.currentGene) return\n\t\t\t\t\tthis.currentGene = geneSearch.geneSymbol\n\t\t\t\t\t// isoformDiv is created after the search box so results appear below\n\t\t\t\t\tif (this.dom.isoformDiv) this.dom.isoformDiv.remove()\n\t\t\t\t\tthis.dom.isoformDiv = holder.append('div')\n\t\t\t\t\tawait this.showIsoforms(geneSearch.geneSymbol, opts.genomeObj)\n\t\t\t\t} catch (e: unknown) {\n\t\t\t\t\tthis.dom.errDiv.style('display', 'block')\n\t\t\t\t\tsayerror(this.dom.errDiv, 'Error: ' + (e instanceof Error ? e.message : String(e)))\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t}\n\n\tasync showIsoforms(gene: string, genomeObj: any) {\n\t\tif (!gene) throw new Error('No gene selected')\n\n\t\t// deep lookup to get all isoforms for this gene\n\t\tconst data = await dofetch3('genelookup', { body: { genome: genomeObj.name, input: gene, deep: 1 } })\n\t\tif (!data.gmlst?.length) throw new Error(`No isoforms found for ${gene}`)\n\n\t\t// filter to ENST isoforms, then check which have data via server-side lookup\n\t\tconst enstCandidates = data.gmlst.filter((gm: any) => gm.isoform?.startsWith('ENST'))\n\t\tif (enstCandidates.length === 0) throw new Error(`No Ensembl transcript isoforms found for ${gene}`)\n\n\t\tconst { available } = await dofetch3('termdb/isoformAvailability', {\n\t\t\tbody: {\n\t\t\t\tgenome: genomeObj.name,\n\t\t\t\tdslabel: this.app.vocabApi.vocab.dslabel,\n\t\t\t\tisoforms: enstCandidates.map((gm: any) => gm.isoform)\n\t\t\t}\n\t\t})\n\t\tconst availableSet = new Set(available || [])\n\t\tconst enstModels = enstCandidates.filter((gm: any) => availableSet.has(gm.isoform))\n\t\tif (enstModels.length === 0) throw new Error(`No isoforms with data found for ${gene}`)\n\n\t\t// bail if the user already searched a different gene while we were fetching\n\t\tif (gene !== this.currentGene) return\n\n\t\tconst div = this.dom.isoformDiv!\n\t\tdiv.append('div').style('margin-bottom', '8px').style('opacity', 0.65).text(`${gene} \u2014 select isoform(s):`)\n\n\t\tisoformSelect({\n\t\t\tholder: div,\n\t\t\tallgm: enstModels,\n\t\t\tmultiSelect: true,\n\t\t\t// a single checked isoform yields an individual term, 2+ yield a collection\n\t\t\tgetSubmitLabel: (selectedCount: number) =>\n\t\t\t\tselectedCount === 1 ? 'Select One Isoform' : `Create Collection (${selectedCount})`,\n\t\t\tonMultiSelect: (selected: GeneModel[]) => {\n\t\t\t\tif (selected.length === 1) {\n\t\t\t\t\t// Single isoform: create individual isoformExpression term\n\t\t\t\t\tthis.selectIsoform(selected[0].isoform, gene)\n\t\t\t\t} else {\n\t\t\t\t\t// Multiple isoforms: create a custom termCollection\n\t\t\t\t\tthis.selectCollection(selected, gene)\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t}\n\n\tgetUnit() {\n\t\treturn this.app.vocabApi.termdbConfig.queries.isoformExpression?.unit || 'TPM'\n\t}\n\n\tselectIsoform(isoform: string, gene: string) {\n\t\tconst name = `${isoform} ${this.getUnit()}`\n\t\tthis.callback({ isoform, gene, name, type: ISOFORM_EXPRESSION })\n\t}\n\n\tselectCollection(gms: GeneModel[], gene: string) {\n\t\tconst unit = this.getUnit()\n\t\tconst termlst = gms.map(gm => ({\n\t\t\tid: gm.isoform,\n\t\t\tname: gm.isoform,\n\t\t\ttype: ISOFORM_EXPRESSION as 'isoformExpression',\n\t\t\tisoform: gm.isoform\n\t\t}))\n\t\tconst colorScale = getColors(termlst.length)\n\t\tconst term: IsoformCollectionTerm = {\n\t\t\ttype: 'termCollection',\n\t\t\tisCustom: true,\n\t\t\tmemberType: 'numeric',\n\t\t\tname: `${gene} Isoforms (${unit})`,\n\t\t\ttermlst,\n\t\t\tpropsByTermId: Object.fromEntries(termlst.map(term => [term.id, { color: colorScale(term.id) }])),\n\t\t\tisleaf: true\n\t\t}\n\t\tif (this.termCollectionSelectionMode === 'fraction') {\n\t\t\tif (!this.dom?.isoformDiv) throw new Error('isoform result holder is missing')\n\t\t\tthis.dom.fractionDiv?.remove()\n\t\t\tthis.dom.fractionDiv = this.dom.isoformDiv.append('div').style('margin-top', '10px')\n\t\t\tpickCollectionFraction({\n\t\t\t\tholder: this.dom.fractionDiv,\n\t\t\t\tterm,\n\t\t\t\tcallback: tw => this.callback(tw)\n\t\t\t})\n\t\t\treturn\n\t\t}\n\t\tthis.callback(term)\n\t}\n}\n\n/** Filter gene models to ENST isoforms that exist in the available items list.\n *  If availableItems is empty, all ENST isoforms are returned (no filtering). */\nexport function filterIsoforms(gmlst: GeneModel[], availableItems: string[]) {\n\tconst itemSet = new Set(availableItems)\n\treturn gmlst.filter(gm => gm.isoform?.startsWith('ENST') && (itemSet.size === 0 || itemSet.has(gm.isoform)))\n}\n"],
+  "mappings": "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",
+  "names": ["term"]
+}