@sjcrh/proteinpaint-client 2.195.0 → 2.196.0

package/dist/bubbleHeatmap-HNEU4CYA.js

@@ -0,0 +1,383 @@
+import {
+  LegendCircleReference,
+  PlotBase,
+  addGeneSearchbox
+} from "./chunk-WY2PGUVX.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-LSEFWW72.js";
+import "./chunk-MBUQ34CF.js";
+import {
+  Menu
+} from "./chunk-HYOEWQ5P.js";
+import "./chunk-HBW42TDT.js";
+import "./chunk-LQJMCE7G.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-IIT367QZ.js";
+import "./chunk-RZGEKL77.js";
+import "./chunk-OVSKJROY.js";
+import "./chunk-A3URBFXN.js";
+import {
+  dofetch3
+} from "./chunk-LYVLF6HO.js";
+import "./chunk-7IYJZZQI.js";
+import {
+  copyMerge,
+  getCompInit
+} from "./chunk-M3J4MINX.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-I73KUUYG.js";
+import "./chunk-NNFAUP2I.js";
+import "./chunk-7KRS7L4U.js";
+import "./chunk-BKPDYW5T.js";
+import "./chunk-JNITUVXP.js";
+import "./chunk-TJYRBEBK.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-VQZ2Z5YU.js";
+import {
+  linear,
+  sqrt
+} from "./chunk-SOTB4FRE.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-KYBIQBXE.js";
+import "./chunk-I6Y4O3RR.js";
+import "./chunk-OMR2DT66.js";
+import "./chunk-DQC5FFGV.js";
+import "./chunk-HFNDKYVF.js";
+
+// plots/bubbleHeatmap.ts
+var defaultConfig = { chartType: "bubbleHeatmap" };
+var CELL_W = 92;
+var CELL_H = 64;
+var ROW_LABEL_W = 170;
+var COL_LABEL_H = 92;
+var SITE_DOT_R = 5;
+var SITE_DOT_SP = 13;
+var CELL_PAD = 8;
+var MIN_DOT_R = 8;
+var MAX_DOT_R = 20;
+var NEG_LOG_P_CAP = 10;
+var BubbleHeatmap = class _BubbleHeatmap extends PlotBase {
+  constructor(opts, api) {
+    super(opts, api);
+    this.currentIsoform = "";
+    this.useAdjusted = false;
+    this.type = _BubbleHeatmap.type;
+    this.components = {};
+  }
+  static {
+    this.type = "bubbleHeatmap";
+  }
+  async init() {
+    const holder = this.opts.holder.append("div").style("padding", "10px");
+    this.dom = {
+      holder,
+      body: holder.append("div"),
+      tip: new Menu({ padding: "" }),
+      header: this.opts.header
+    };
+    if (this.dom.header) this.dom.header.html("Bubble Heatmap");
+  }
+  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 gene = this.state.config?.gene;
+    if (!gene) throw new Error("bubbleHeatmap: gene is missing");
+    if (this.dom.header) this.dom.header.text(`Bubble Heatmap: ${gene}`);
+    const body = {
+      genome: this.app.opts.state.vocab.genome,
+      dslabel: this.app.opts.state.vocab.dslabel,
+      gene
+    };
+    const data = await dofetch3("termdb/bubbleHeatmap", { body });
+    if (data.error) throw data.error;
+    this.data = data;
+    this.dom.body.selectAll("*").remove();
+    const isoformIds = Object.keys(data.isoforms);
+    if (isoformIds.length === 0) {
+      this.dom.body.append("div").style("padding", "20px").style("color", "#666").text(`No data found for gene "${gene}" in any (assay, cohort) DAPfile.`);
+      return;
+    }
+    this.useAdjusted = !!data.proteinReferenceAssay;
+    this.currentIsoform = isoformIds[0];
+    const isoBlock = this.dom.body.append("div").style("margin-bottom", "12px");
+    isoBlock.append("span").style("font-weight", "bold").text("Isoform: ");
+    if (isoformIds.length > 1) {
+      const sel = isoBlock.append("select").style("margin-left", "5px").style("padding", "3px 6px").on("change", () => {
+        this.currentIsoform = sel.node().value;
+        this.renderGrid();
+      });
+      sel.selectAll("option").data(isoformIds).enter().append("option").attr("value", (d) => d).text((d) => `${data.isoforms[d].gene_name} \u2014 ${d}`);
+    } else {
+      isoBlock.append("span").style("margin-left", "5px").text(`${data.isoforms[this.currentIsoform].gene_name} \u2014 ${this.currentIsoform}`);
+    }
+    this.gridHolder = this.dom.body.append("div");
+    this.renderGrid();
+  }
+  renderGrid() {
+    const data = this.data;
+    const selectedIsoform = this.currentIsoform;
+    const useAdjusted = this.useAdjusted;
+    const refAssay = data.proteinReferenceAssay;
+    const threshold = data.pValueThreshold;
+    this.gridHolder.selectAll("*").remove();
+    const container = this.gridHolder.append("div").style("display", "flex").style("gap", "24px").style("align-items", "flex-start").style("flex-wrap", "wrap");
+    const isoformData = data.isoforms[selectedIsoform];
+    if (!isoformData) return;
+    const assays = data.assays;
+    const cohorts = data.cohorts;
+    const nRows = assays.length;
+    const nCols = cohorts.length;
+    const ptmAssays = new Set(data.ptmAssays || []);
+    const isPTMassay = (assay) => ptmAssays.has(assay);
+    const valueOf = (s) => this.valueFor(s, useAdjusted);
+    const negLogP = (p) => p > 0 ? Math.min(-Math.log10(p), NEG_LOG_P_CAP) : NEG_LOG_P_CAP;
+    const slotIndex = /* @__PURE__ */ new Map();
+    const assaySlotCount = /* @__PURE__ */ new Map();
+    let maxAbs = 0;
+    const thresholdNegLog = negLogP(threshold);
+    let maxNegLog = thresholdNegLog;
+    for (const assay of assays) {
+      const ptm = isPTMassay(assay);
+      const rawSum = /* @__PURE__ */ new Map();
+      const rawN = /* @__PURE__ */ new Map();
+      const significantSomewhere = /* @__PURE__ */ new Set();
+      for (const cohort of cohorts) {
+        const cell = isoformData.data[assay]?.[cohort];
+        if (!cell) continue;
+        if (ptm) {
+          for (const s of cell.sites) {
+            if (s.significant) {
+              const v = Math.abs(valueOf(s));
+              if (v > maxAbs) maxAbs = v;
+            }
+            rawSum.set(s.id, (rawSum.get(s.id) ?? 0) + s.log2FC);
+            rawN.set(s.id, (rawN.get(s.id) ?? 0) + 1);
+            if (s.significant) significantSomewhere.add(s.id);
+          }
+        } else {
+          const s = cell.sites[0];
+          if (!s) continue;
+          const v = Math.abs(valueOf(s));
+          if (v > maxAbs) maxAbs = v;
+          const nl = negLogP(s.p_value);
+          if (nl > maxNegLog) maxNegLog = nl;
+        }
+      }
+      if (ptm) {
+        const meanRaw = (id) => rawSum.get(id) / rawN.get(id);
+        const ordered = [...significantSomewhere].sort((a, b) => meanRaw(b) - meanRaw(a));
+        ordered.forEach((id, i) => slotIndex.set(`${assay}|${id}`, i));
+        assaySlotCount.set(assay, ordered.length);
+      } else {
+        assaySlotCount.set(assay, 1);
+      }
+    }
+    if (maxAbs === 0) maxAbs = 1;
+    if (maxNegLog <= thresholdNegLog) maxNegLog = thresholdNegLog + 1;
+    const colorScale = linear().domain([-maxAbs, 0, maxAbs]).range(["#2166ac", "#f7f7f7", "#b2182b"]).clamp(true);
+    const sizeScale = sqrt().domain([thresholdNegLog, maxNegLog]).range([MIN_DOT_R, MAX_DOT_R]).clamp(true);
+    const layout = assays.map((assay) => {
+      const m = assaySlotCount.get(assay);
+      const subCols = Math.max(1, Math.min(m, Math.floor((CELL_W - 2 * CELL_PAD) / SITE_DOT_SP)));
+      const rows = Math.ceil(m / subCols);
+      return { subCols, rows, height: Math.max(CELL_H, rows * SITE_DOT_SP + 2 * CELL_PAD) };
+    });
+    const rowY = [];
+    let yAcc = COL_LABEL_H;
+    for (let r = 0; r < nRows; r++) {
+      rowY[r] = yAcc;
+      yAcc += layout[r].height;
+    }
+    const gridW = ROW_LABEL_W + nCols * CELL_W + 20;
+    const gridH = yAcc + 20;
+    const svg = container.append("svg").attr("width", gridW).attr("height", gridH).style("flex", "0 0 auto");
+    const grid = svg.append("g");
+    for (let c = 0; c < nCols; c++) {
+      const cx = ROW_LABEL_W + c * CELL_W + CELL_W / 2;
+      grid.append("text").attr("x", cx).attr("y", COL_LABEL_H - 10).attr("text-anchor", "start").attr("font-size", "12px").attr("font-weight", "bold").attr("transform", `rotate(-35 ${cx} ${COL_LABEL_H - 10})`).text(cohorts[c]);
+    }
+    for (let r = 0; r < nRows; r++) {
+      const cy = rowY[r] + layout[r].height / 2;
+      const m = assaySlotCount.get(assays[r]);
+      const lbl = grid.append("text").attr("x", ROW_LABEL_W - 10).attr("y", cy).attr("text-anchor", "end").attr("dominant-baseline", "central").attr("font-size", "12px").attr("font-weight", "bold");
+      lbl.append("tspan").text(assays[r]);
+      lbl.append("tspan").attr("x", ROW_LABEL_W - 10).attr("dy", "1.3em").attr("font-weight", "normal").attr("font-size", "10px").attr("fill", "#888").text(m > 1 ? `${m} sites` : "");
+    }
+    for (let r = 0; r < nRows; r++) {
+      const assay = assays[r];
+      const ptm = isPTMassay(assay);
+      const { subCols, height } = layout[r];
+      for (let c = 0; c < nCols; c++) {
+        const x0 = ROW_LABEL_W + c * CELL_W;
+        const y0 = rowY[r];
+        grid.append("rect").attr("x", x0).attr("y", y0).attr("width", CELL_W).attr("height", height).attr("fill", "none").attr("stroke", "#eee").attr("stroke-width", 1);
+        const cell = isoformData.data[assay]?.[cohorts[c]];
+        if (!cell || !cell.sites.length) continue;
+        const addDot = (s, cx, cy, radius) => {
+          return grid.append("circle").attr("cx", cx).attr("cy", cy).attr("r", radius).attr("fill", colorScale(valueOf(s))).attr("stroke", "#888").attr("stroke-width", 0.8).style("opacity", s.significant ? 1 : 0.35).on(
+            "mouseover",
+            (event) => this.showSiteTip(
+              event,
+              isoformData.gene_name,
+              selectedIsoform,
+              assay,
+              cohorts[c],
+              s,
+              useAdjusted,
+              refAssay
+            )
+          ).on("mouseout", () => this.dom.tip.hide());
+        };
+        if (!ptm) {
+          const s = cell.sites[0];
+          const cx = x0 + CELL_W / 2;
+          const cy = y0 + height / 2;
+          addDot(s, cx, cy, sizeScale(negLogP(s.p_value)));
+          continue;
+        }
+        const blockW = subCols * SITE_DOT_SP;
+        const blockH = layout[r].rows * SITE_DOT_SP;
+        const startX = x0 + (CELL_W - blockW) / 2 + SITE_DOT_SP / 2;
+        const startY = y0 + (height - blockH) / 2 + SITE_DOT_SP / 2;
+        for (const s of cell.sites) {
+          if (!s.significant) continue;
+          const slot = slotIndex.get(`${assay}|${s.id}`);
+          const cx = startX + slot % subCols * SITE_DOT_SP;
+          const cy = startY + Math.floor(slot / subCols) * SITE_DOT_SP;
+          addDot(s, cx, cy, SITE_DOT_R);
+        }
+      }
+    }
+    this.renderLegend(container, colorScale, maxAbs, threshold, useAdjusted, refAssay, maxNegLog);
+  }
+  fmtP(v) {
+    return v >= 1e-4 ? v.toFixed(4) : v.toExponential(2);
+  }
+  /** true when the protein-adjusted value should be shown instead of raw log2FC */
+  showsAdjusted(s, useAdjusted) {
+    return !!(useAdjusted && s.adjustedAvailable && s.adjustedLog2FC != null);
+  }
+  /** value encoded by color: protein-adjusted when requested & available, else raw */
+  valueFor(s, useAdjusted) {
+    return this.showsAdjusted(s, useAdjusted) ? s.adjustedLog2FC : s.log2FC;
+  }
+  showSiteTip(event, geneName, isoform, assay, cohort, s, useAdjusted, refAssay) {
+    this.dom.tip.clear().show(event.clientX, event.clientY);
+    const t = this.dom.tip.d.append("div").style("padding", "8px").style("font-size", "13px");
+    t.append("div").style("font-weight", "bold").style("margin-bottom", "4px").text(`${geneName} \u2014 ${isoform}`);
+    t.append("div").text(`Assay: ${assay}`);
+    t.append("div").text(`Sample set: ${cohort}`);
+    const isPTM = (this.data.ptmAssays || []).includes(assay);
+    t.append("div").text(`${isPTM ? "Site" : "Protein"}: ${s.id}`);
+    t.append("div").text(`raw log\u2082FC: ${s.log2FC.toFixed(3)}`);
+    if (s.adjustedAvailable) {
+      t.append("div").text(`protein log\u2082FC: ${s.proteinLog2FC.toFixed(3)}`);
+      t.append("div").text(`adjusted log\u2082FC: ${s.adjustedLog2FC.toFixed(3)}`);
+    } else if (refAssay && isPTM) {
+      t.append("div").style("color", "#999").text("adjusted: n/a (protein not measured)");
+    }
+    t.append("div").text(`p-value: ${this.fmtP(s.p_value)}`);
+    const shown = this.showsAdjusted(s, useAdjusted) ? "adjusted" : "raw";
+    t.append("div").style("color", "#666").style("margin-top", "4px").text(`Color = ${shown} log\u2082FC.`);
+  }
+  renderLegend(container, colorScale, maxAbs, threshold, useAdjusted, refAssay, maxNegLog) {
+    const legend = container.append("div").style("display", "flex").style("flex-direction", "column").style("gap", "16px").style("padding", "8px 0").style("min-width", "180px").style("max-width", "260px");
+    const colorBlock = legend.append("div");
+    colorBlock.append("div").style("font-weight", "bold").style("font-size", "13px").style("margin-bottom", "6px").text(useAdjusted && refAssay ? "log\u2082FC (PTM-adjusted)" : "log\u2082FC");
+    const cW = 22;
+    const cH = 130;
+    const cSvg = colorBlock.append("svg").attr("width", cW + 60).attr("height", cH + 16);
+    const gid = `bh-grad-${this.id}`;
+    const grad = cSvg.append("defs").append("linearGradient").attr("id", gid).attr("x1", "0").attr("y1", "0").attr("x2", "0").attr("y2", "1");
+    const steps = 10;
+    for (let i = 0; i <= steps; i++) {
+      const t = i / steps;
+      grad.append("stop").attr("offset", `${t * 100}%`).attr("stop-color", colorScale(maxAbs * (1 - 2 * t)));
+    }
+    cSvg.append("rect").attr("x", 0).attr("y", 8).attr("width", cW).attr("height", cH).style("fill", `url(#${gid})`).attr("stroke", "#999");
+    const cScale = linear().domain([maxAbs, -maxAbs]).range([8, cH + 8]);
+    for (const tick of [maxAbs, maxAbs / 2, 0, -maxAbs / 2, -maxAbs]) {
+      const y = cScale(tick);
+      cSvg.append("line").attr("x1", cW).attr("y1", y).attr("x2", cW + 5).attr("y2", y).attr("stroke", "#666");
+      cSvg.append("text").attr("x", cW + 8).attr("y", y).attr("dominant-baseline", "central").attr("font-size", "10px").text(tick.toFixed(2));
+    }
+    const sizeBlock = legend.append("div");
+    sizeBlock.append("div").style("font-weight", "bold").style("font-size", "13px").style("margin-bottom", "6px").text("Non-PTM dot size: significance (\u2212log\u2081\u2080 p)");
+    const sSvg = sizeBlock.append("svg");
+    const sG = sSvg.append("g");
+    new LegendCircleReference({
+      g: sG,
+      inputMin: 0,
+      inputMax: MAX_DOT_R * 2,
+      minRadius: MIN_DOT_R,
+      maxRadius: MAX_DOT_R,
+      // capped to match the size scale's domain min (thresholdNegLog in renderGrid)
+      minLabel: Number(Math.min(-Math.log10(threshold), NEG_LOG_P_CAP).toFixed(1)),
+      maxLabel: Number(maxNegLog.toFixed(1))
+    });
+    const sPad = 4;
+    const sBox = sG.node().getBBox();
+    sG.attr("transform", `translate(${sPad - sBox.x}, ${sPad - sBox.y})`);
+    sSvg.attr("width", Math.ceil(sBox.width + 2 * sPad)).attr("height", Math.ceil(sBox.height + 2 * sPad));
+    if (refAssay) {
+      const adjLabel = legend.append("div").append("label").style("display", "flex").style("align-items", "center").style("gap", "6px").style("cursor", "pointer").style("font-size", "13px").style("font-weight", "bold").attr(
+        "title",
+        `When checked, the PTM assays have the ${refAssay} log\u2082FC subtracted; other assays are shown unchanged.`
+      );
+      const adjCb = adjLabel.append("input").attr("type", "checkbox").property("checked", this.useAdjusted).on("change", () => {
+        this.useAdjusted = adjCb.property("checked");
+        this.renderGrid();
+      });
+      adjLabel.append("span").style("font-weight", "normal").text("Adjust PTM for total protein abundance");
+    }
+    const notes = legend.append("div").style("font-size", "11px").style("color", "#666").style("line-height", "1.5").style("max-width", "240px").style("overflow-wrap", "break-word");
+    notes.append("div").text(
+      `Color = log\u2082FC. Dot size = significance, \u2212log\u2081\u2080 p (non-PTM rows); the smallest size marks the p < ${threshold} cutoff. Non-significant dots are faded.`
+    );
+    notes.append("div").style("margin-top", "4px").text(
+      "PTM rows: one fixed-size dot per site significant in that cohort, positions stable across cohorts; non-significant sites are not shown."
+    );
+    notes.append("div").style("margin-top", "4px").text(
+      "A slot stays empty where the site is not significant in that cohort, the assay was not performed, or the protein was not detected."
+    );
+    if (refAssay) {
+      notes.append("div").style("margin-top", "4px").text(`Adjusted log\u2082FC = a PTM site's log\u2082FC \u2212 ${refAssay} log\u2082FC (PTM assays only).`);
+    }
+  }
+};
+var componentInit = getCompInit(BubbleHeatmap);
+async function getPlotConfig(opts) {
+  const config = structuredClone(defaultConfig);
+  if (!opts.gene) throw new Error("bubbleHeatmap requires opts.gene");
+  return copyMerge(config, opts);
+}
+function makeChartBtnMenu(holder, chartsInstance) {
+  const row = holder.append("div").style("padding", "5px");
+  row.append("span").style("font-weight", "bold").text("Enter a gene name:");
+  const geneSearch = addGeneSearchbox({
+    row,
+    genome: chartsInstance.app.opts.genome,
+    tip: new Menu({ padding: "0px" }),
+    searchOnly: "gene",
+    callback: async () => {
+      if (!geneSearch.geneSymbol) throw new Error("A valid gene selection is required");
+      chartsInstance.dom.tip.hide();
+      chartsInstance.app.dispatch({
+        type: "plot_create",
+        config: {
+          chartType: "bubbleHeatmap",
+          gene: geneSearch.geneSymbol
+        }
+      });
+    }
+  });
+}
+export {
+  componentInit,
+  getPlotConfig,
+  makeChartBtnMenu
+};
+//# sourceMappingURL=bubbleHeatmap-HNEU4CYA.js.map

package/dist/chunk-25XCVML7.js

@@ -0,0 +1,236 @@
+import {
+  DownloadMenu,
+  ListSamples,
+  filterJoin,
+  getFilterItemByTag,
+  renderTable
+} from "./chunk-WY2PGUVX.js";
+import {
+  SINGLECELL_GENE_EXPRESSION
+} from "./chunk-NNFAUP2I.js";
+import {
+  niceNumLabels
+} from "./chunk-BKPDYW5T.js";
+
+// plots/violin.interactivity.js
+function setInteractivity(self) {
+  self.getChartImages = function() {
+    const charts = [];
+    for (const [key, chart] of Object.entries(self.data.charts)) {
+      const title = self.getChartTitle(chart.chartId);
+      const name = `${self.config.term.term.name}  ${title}`;
+      const chartDiv = chart.chartDiv;
+      charts.push({ name, svg: chartDiv.select("svg") });
+    }
+    return charts;
+  };
+  self.download = function(event) {
+    if (!self.state) return;
+    const name2svg = self.getChartImages();
+    const dm = new DownloadMenu(name2svg, self.config.term.term.name);
+    dm.show(event.clientX, event.clientY, event.target);
+  };
+  self.displayLabelClickMenu = function(t1, t2, plot, event) {
+    if (!t2) return;
+    if (self.config.term.term.type == SINGLECELL_GENE_EXPRESSION) return;
+    const label = t1.q.mode === "continuous" ? "term2" : "term";
+    const options = [];
+    if (this.app.getState().nav.header_mode !== "only_buttons")
+      options.push({
+        label: `Add filter: ${plot.label.split(",")[0]}`,
+        testid: "sjpp-violinLabOpt-addf",
+        callback: getAddFilterCallback(self, plot)
+      });
+    options.push({
+      label: `Hide: ${plot.label}`,
+      testid: "sjpp-violinLabOpt-hide",
+      callback: () => {
+        const term = self.config[label];
+        const isHidden = true;
+        self.app.dispatch({
+          type: "plot_edit",
+          id: self.id,
+          config: {
+            [label]: {
+              isAtomic: true,
+              term: term.term,
+              q: getUpdatedQfromClick(plot, term, isHidden)
+            }
+          }
+        });
+      }
+    });
+    const { samples } = self.config.controlLabels;
+    if (self.state.displaySampleIds && self.state.hasVerifiedToken) {
+      options.push({
+        label: `List ${samples}`,
+        testid: "sjpp-violinLabOpt-list",
+        callback: async () => {
+          const [start, end] = [self.data.min, self.data.max];
+          await self.callListSamples(event, plot, start, end);
+        }
+      });
+      if (self.opts.allow2selectSamples) {
+        const ss = self.opts.allow2selectSamples;
+        options.push({
+          label: ss.buttonText,
+          callback: async () => {
+            const [start, end] = [self.data.min, self.data.max];
+            await self.selectSamples(plot, start, end, ss);
+          }
+        });
+      }
+    }
+    self.displayMenu(event, options);
+  };
+  self.displayBrushMenu = function(t1, t2, self2, plot, event, scale, isH) {
+    const selection = event.selection;
+    const [start, end] = isH ? [scale.invert(selection[0]), scale.invert(selection[1])] : [scale.invert(selection[1]), scale.invert(selection[0])];
+    const options = [];
+    if (this.app.getState().nav.header_mode === "with_tabs")
+      options.push({
+        label: `Add filter`,
+        testid: "sjpp-violinBrushOpt-addf",
+        callback: getAddFilterCallback(self2, plot, start, end)
+      });
+    const { samples } = self2.config.controlLabels;
+    if (self2.state.displaySampleIds && self2.state.hasVerifiedToken) {
+      options.push({
+        label: `List ${samples}`,
+        testid: "sjpp-violinBrushOpt-list",
+        callback: async () => self2.callListSamples(event.sourceEvent, plot, start, end)
+      });
+      if (self2.opts.allow2selectSamples) {
+        const ss = self2.opts.allow2selectSamples;
+        options.push({
+          label: ss.buttonText,
+          callback: async () => {
+            await self2.selectSamples(plot, start, end, ss);
+          }
+        });
+      }
+    }
+    self2.displayMenu(event.sourceEvent, options, start, end);
+  };
+  self.displayMenu = function(event, options, start, end) {
+    const tip = self.dom.clicktip.clear().show(event.clientX, event.clientY);
+    const isBrush = start != null && end != null;
+    if (isBrush) {
+      const [niceStart, niceEnd] = self.config.term.term.type == "integer" ? [Math.round(start), Math.round(end)] : niceNumLabels([start, end]);
+      tip.d.append("div").style("margin", "10px").text(`From ${niceStart} to ${niceEnd}`);
+    }
+    tip.d.append("div").selectAll("div").data(options).enter().append("div").attr("class", "sja_menuoption sja_sharp_border").attr("data-testid", (d) => d.testid).text((d) => d.label).on("click", async (event2, d) => {
+      if (event2.target._clicked) return;
+      event2.target._clicked = true;
+      event2.target.textContent = "Loading...";
+      await d.callback();
+      tip.hide();
+    });
+  };
+  self.selectSamples = async function(plot, start, end, ss) {
+    const ls = self.getSampleList(plot, start, end);
+    const data = await ls.getData();
+    const table = ls.setTableData(data);
+    const samples = table[2];
+    ss.callback({
+      samples: await self.app.vocabApi.convertSampleId(samples, ss.attributes),
+      source: ss.defaultSelectionLabel || `Selected from violin`
+    });
+  };
+  self.getSampleList = function(plot, start, end) {
+    const { term, term2, term0 } = self.config;
+    const bins = self.data.bins;
+    const rangeStart = start !== void 0 ? start : null;
+    const rangeStop = end !== void 0 ? end : null;
+    const ls = new ListSamples({
+      app: self.app,
+      termfilter: self.state.termfilter,
+      term,
+      term2,
+      term0,
+      plot,
+      bins,
+      start: rangeStart,
+      end: rangeStop
+    });
+    return ls;
+  };
+  self.callListSamples = async function(event, plot, start, end) {
+    const ls = self.getSampleList(plot, start, end);
+    const data = await ls.getData();
+    const [rows, columns] = ls.setTableData(data);
+    const tip = self.dom.sampletabletip;
+    tip.clear().show(event.clientX, event.clientY, false);
+    renderTable({
+      rows,
+      columns,
+      div: tip.d,
+      showLines: true,
+      maxHeight: "40vh",
+      resize: true,
+      dataTestId: "sjpp-listsampletable"
+    });
+  };
+  self.labelHideLegendClicking = function(t2, plot) {
+    self.dom.legendDiv.selectAll(".sjpp-htmlLegend").on("click", (event) => {
+      event.stopPropagation();
+      const d = event.target.__data__;
+      const termNum = t2?.term.type === "condition" || t2?.term.type === "samplelst" || t2?.term.type === "categorical" || (t2?.term.type === "float" || t2?.term.type === "integer") && self.config.term?.q.mode === "continuous" ? "term2" : "term";
+      const term = self.config[termNum];
+      if (t2) {
+        for (const key of Object.keys(term?.q?.hiddenValues)) {
+          if (d.text === key) {
+            delete term.q.hiddenValues[key];
+          }
+        }
+        const isHidden = false;
+        self.app.dispatch({
+          type: "plot_edit",
+          id: self.id,
+          config: {
+            [termNum]: {
+              isAtomic: true,
+              term: term.term,
+              q: getUpdatedQfromClick(plot, term, isHidden)
+            }
+          }
+        });
+      }
+    }).on("mouseover", (event) => {
+      const q = event.target.__data__;
+      if (q === void 0) return;
+      if (q.isHidden === true && q.isClickable === true) {
+        self.dom.hovertip.clear().show(event.clientX, event.clientY).d.append("span").text("Click to unhide plot");
+      }
+    }).on("mouseout", function() {
+      self.dom.hovertip.hide();
+    });
+  };
+}
+function getAddFilterCallback(self, plot, rangeStart, rangeStop) {
+  const ls = self.getSampleList(plot, rangeStart, rangeStop);
+  return () => {
+    const filterUiRoot = getFilterItemByTag(self.state.termfilter.filter, "filterUiRoot");
+    const filter = filterJoin([filterUiRoot, ls.tvslst]);
+    filter.tag = "filterUiRoot";
+    self.app.dispatch({
+      type: "filter_replace",
+      filter
+    });
+  };
+}
+function getUpdatedQfromClick(plot, term, isHidden = false) {
+  const label = plot.label;
+  const valueId = term?.term?.values ? term?.term?.values?.[label]?.label : label;
+  const id = !valueId ? label : valueId;
+  const q = term.q;
+  if (!q.hiddenValues) q.hiddenValues = {};
+  if (isHidden) q.hiddenValues[id] = 1;
+  else delete q.hiddenValues[id];
+  return q;
+}
+
+export {
+  setInteractivity
+};
+//# sourceMappingURL=chunk-25XCVML7.js.map

package/dist/chunk-25XCVML7.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../plots/violin.interactivity.js"],
+  "sourcesContent": ["import { filterJoin, getFilterItemByTag } from '#filter'\nimport { DownloadMenu, niceNumLabels, ListSamples, renderTable } from '#dom'\nimport { SINGLECELL_GENE_EXPRESSION } from '#shared/terms.js'\n\nexport function setInteractivity(self) {\n\tself.getChartImages = function () {\n\t\tconst charts = []\n\n\t\tfor (const [key, chart] of Object.entries(self.data.charts)) {\n\t\t\tconst title = self.getChartTitle(chart.chartId)\n\t\t\tconst name = `${self.config.term.term.name}  ${title}`\n\t\t\tconst chartDiv = chart.chartDiv\n\t\t\tcharts.push({ name, svg: chartDiv.select('svg') })\n\t\t}\n\t\treturn charts\n\t}\n\n\tself.download = function (event) {\n\t\tif (!self.state) return\n\t\tconst name2svg = self.getChartImages()\n\t\tconst dm = new DownloadMenu(name2svg, self.config.term.term.name)\n\t\tdm.show(event.clientX, event.clientY, event.target)\n\t}\n\n\tself.displayLabelClickMenu = function (t1, t2, plot, event) {\n\t\tif (!t2) return // when no term 2 do not show options on the sole violin label\n\t\tif (self.config.term.term.type == SINGLECELL_GENE_EXPRESSION) return // is sc gene exp data, none of the options below work, thus disable\n\n\t\tconst label = t1.q.mode === 'continuous' ? 'term2' : 'term'\n\t\tconst options = []\n\t\tif (this.app.getState().nav.header_mode !== 'only_buttons')\n\t\t\toptions.push({\n\t\t\t\tlabel: `Add filter: ${plot.label.split(',')[0]}`,\n\t\t\t\ttestid: 'sjpp-violinLabOpt-addf',\n\t\t\t\tcallback: getAddFilterCallback(self, plot)\n\t\t\t})\n\n\t\toptions.push({\n\t\t\tlabel: `Hide: ${plot.label}`,\n\t\t\ttestid: 'sjpp-violinLabOpt-hide',\n\t\t\tcallback: () => {\n\t\t\t\tconst term = self.config[label]\n\n\t\t\t\tconst isHidden = true\n\n\t\t\t\tself.app.dispatch({\n\t\t\t\t\ttype: 'plot_edit',\n\t\t\t\t\tid: self.id,\n\t\t\t\t\tconfig: {\n\t\t\t\t\t\t[label]: {\n\t\t\t\t\t\t\tisAtomic: true,\n\t\t\t\t\t\t\tterm: term.term,\n\t\t\t\t\t\t\tq: getUpdatedQfromClick(plot, term, isHidden)\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\t\tconst { samples } = self.config.controlLabels\n\t\tif (self.state.displaySampleIds && self.state.hasVerifiedToken) {\n\t\t\toptions.push({\n\t\t\t\tlabel: `List ${samples}`,\n\t\t\t\ttestid: 'sjpp-violinLabOpt-list',\n\t\t\t\tcallback: async () => {\n\t\t\t\t\t/** self.data.max * 2 appears to be a workaround for a\n\t\t\t\t\t * previous bug in the list samples logic. Since that logic\n\t\t\t\t\t * has been refined, this appears to be no longer necessary.\n\t\t\t\t\t * Commenting out for now, but leaving in place in case.*/\n\t\t\t\t\t// const [start, end] = [self.data.min, self.data.max * 2]\n\t\t\t\t\tconst [start, end] = [self.data.min, self.data.max]\n\t\t\t\t\tawait self.callListSamples(event, plot, start, end)\n\t\t\t\t}\n\t\t\t})\n\n\t\t\tif (self.opts.allow2selectSamples) {\n\t\t\t\tconst ss = self.opts.allow2selectSamples\n\t\t\t\toptions.push({\n\t\t\t\t\tlabel: ss.buttonText,\n\t\t\t\t\tcallback: async () => {\n\t\t\t\t\t\tconst [start, end] = [self.data.min, self.data.max]\n\t\t\t\t\t\tawait self.selectSamples(plot, start, end, ss)\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t\tself.displayMenu(event, options)\n\t}\n\n\tself.displayBrushMenu = function (t1, t2, self, plot, event, scale, isH) {\n\t\tconst selection = event.selection\n\t\tconst [start, end] = isH\n\t\t\t? [scale.invert(selection[0]), scale.invert(selection[1])]\n\t\t\t: [scale.invert(selection[1]), scale.invert(selection[0])]\n\n\t\tconst options = []\n\n\t\tif (this.app.getState().nav.header_mode === 'with_tabs')\n\t\t\toptions.push({\n\t\t\t\tlabel: `Add filter`,\n\t\t\t\ttestid: 'sjpp-violinBrushOpt-addf',\n\t\t\t\tcallback: getAddFilterCallback(self, plot, start, end)\n\t\t\t})\n\n\t\tconst { samples } = self.config.controlLabels\n\t\tif (self.state.displaySampleIds && self.state.hasVerifiedToken) {\n\t\t\toptions.push({\n\t\t\t\tlabel: `List ${samples}`,\n\t\t\t\ttestid: 'sjpp-violinBrushOpt-list',\n\t\t\t\tcallback: async () => self.callListSamples(event.sourceEvent, plot, start, end)\n\t\t\t})\n\n\t\t\tif (self.opts.allow2selectSamples) {\n\t\t\t\tconst ss = self.opts.allow2selectSamples\n\t\t\t\toptions.push({\n\t\t\t\t\tlabel: ss.buttonText,\n\t\t\t\t\tcallback: async () => {\n\t\t\t\t\t\tawait self.selectSamples(plot, start, end, ss)\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\n\t\tself.displayMenu(event.sourceEvent, options, start, end)\n\t}\n\n\tself.displayMenu = function (event, options, start, end) {\n\t\tconst tip = self.dom.clicktip.clear().show(event.clientX, event.clientY)\n\n\t\tconst isBrush = start != null && end != null\n\n\t\tif (isBrush) {\n\t\t\tconst [niceStart, niceEnd] =\n\t\t\t\tself.config.term.term.type == 'integer' ? [Math.round(start), Math.round(end)] : niceNumLabels([start, end])\n\n\t\t\ttip.d.append('div').style('margin', '10px').text(`From ${niceStart} to ${niceEnd}`)\n\t\t}\n\t\t//show menu options for label clicking and brush selection\n\t\ttip.d\n\t\t\t.append('div')\n\t\t\t.selectAll('div')\n\t\t\t.data(options)\n\t\t\t.enter()\n\t\t\t.append('div')\n\t\t\t.attr('class', 'sja_menuoption sja_sharp_border')\n\t\t\t.attr('data-testid', d => d.testid)\n\t\t\t.text(d => d.label)\n\t\t\t.on('click', async (event, d) => {\n\t\t\t\tif (event.target._clicked) return\n\t\t\t\tevent.target._clicked = true\n\t\t\t\tevent.target.textContent = 'Loading...'\n\t\t\t\tawait d.callback()\n\t\t\t\ttip.hide()\n\t\t\t})\n\t}\n\n\tself.selectSamples = async function (plot, start, end, ss) {\n\t\tconst ls = self.getSampleList(plot, start, end)\n\t\tconst data = await ls.getData()\n\t\tconst table = ls.setTableData(data)\n\t\tconst samples = table[2]\n\t\tss.callback({\n\t\t\tsamples: await self.app.vocabApi.convertSampleId(samples, ss.attributes),\n\t\t\tsource: ss.defaultSelectionLabel || `Selected from violin`\n\t\t})\n\t}\n\n\t//get sample list for menu option callbacks\n\tself.getSampleList = function (plot, start, end) {\n\t\tconst { term, term2, term0 } = self.config\n\t\tconst bins = self.data.bins\n\t\tconst rangeStart = start !== undefined ? start : null\n\t\tconst rangeStop = end !== undefined ? end : null\n\n\t\tconst ls = new ListSamples({\n\t\t\tapp: self.app,\n\t\t\ttermfilter: self.state.termfilter,\n\t\t\tterm,\n\t\t\tterm2,\n\t\t\tterm0,\n\t\t\tplot,\n\t\t\tbins,\n\t\t\tstart: rangeStart,\n\t\t\tend: rangeStop\n\t\t})\n\t\treturn ls\n\t}\n\n\tself.callListSamples = async function (event, plot, start, end) {\n\t\tconst ls = self.getSampleList(plot, start, end)\n\t\tconst data = await ls.getData()\n\t\tconst [rows, columns] = ls.setTableData(data)\n\n\t\tconst tip = self.dom.sampletabletip\n\t\ttip.clear().show(event.clientX, event.clientY, false)\n\n\t\trenderTable({\n\t\t\trows,\n\t\t\tcolumns,\n\t\t\tdiv: tip.d,\n\t\t\tshowLines: true,\n\t\t\tmaxHeight: '40vh',\n\t\t\tresize: true,\n\t\t\tdataTestId: 'sjpp-listsampletable'\n\t\t})\n\t}\n\n\tself.labelHideLegendClicking = function (t2, plot) {\n\t\t// whoever wrote this tangled mess needs to be fired\n\t\tself.dom.legendDiv\n\t\t\t.selectAll('.sjpp-htmlLegend')\n\t\t\t.on('click', event => {\n\t\t\t\tevent.stopPropagation()\n\t\t\t\tconst d = event.target.__data__\n\t\t\t\tconst termNum =\n\t\t\t\t\tt2?.term.type === 'condition' ||\n\t\t\t\t\tt2?.term.type === 'samplelst' ||\n\t\t\t\t\tt2?.term.type === 'categorical' ||\n\t\t\t\t\t((t2?.term.type === 'float' || t2?.term.type === 'integer') && self.config.term?.q.mode === 'continuous')\n\t\t\t\t\t\t? 'term2'\n\t\t\t\t\t\t: 'term'\n\t\t\t\tconst term = self.config[termNum]\n\t\t\t\tif (t2) {\n\t\t\t\t\tfor (const key of Object.keys(term?.q?.hiddenValues)) {\n\t\t\t\t\t\tif (d.text === key) {\n\t\t\t\t\t\t\tdelete term.q.hiddenValues[key]\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tconst isHidden = false\n\t\t\t\t\tself.app.dispatch({\n\t\t\t\t\t\ttype: 'plot_edit',\n\t\t\t\t\t\tid: self.id,\n\t\t\t\t\t\tconfig: {\n\t\t\t\t\t\t\t[termNum]: {\n\t\t\t\t\t\t\t\tisAtomic: true,\n\t\t\t\t\t\t\t\tterm: term.term,\n\t\t\t\t\t\t\t\tq: getUpdatedQfromClick(plot, term, isHidden)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t\t.on('mouseover', event => {\n\t\t\t\tconst q = event.target.__data__\n\t\t\t\tif (q === undefined) return\n\t\t\t\tif (q.isHidden === true && q.isClickable === true) {\n\t\t\t\t\tself.dom.hovertip.clear().show(event.clientX, event.clientY).d.append('span').text('Click to unhide plot')\n\t\t\t\t}\n\t\t\t})\n\t\t\t.on('mouseout', function () {\n\t\t\t\tself.dom.hovertip.hide()\n\t\t\t})\n\t}\n}\n\nfunction getAddFilterCallback(self, plot, rangeStart, rangeStop) {\n\tconst ls = self.getSampleList(plot, rangeStart, rangeStop)\n\n\treturn () => {\n\t\tconst filterUiRoot = getFilterItemByTag(self.state.termfilter.filter, 'filterUiRoot')\n\t\tconst filter = filterJoin([filterUiRoot, ls.tvslst])\n\t\tfilter.tag = 'filterUiRoot'\n\t\tself.app.dispatch({\n\t\t\ttype: 'filter_replace',\n\t\t\tfilter\n\t\t})\n\t}\n}\n\nfunction getUpdatedQfromClick(plot, term, isHidden = false) {\n\tconst label = plot.label\n\tconst valueId = term?.term?.values ? term?.term?.values?.[label]?.label : label\n\tconst id = !valueId ? label : valueId\n\tconst q = term.q\n\tif (!q.hiddenValues) q.hiddenValues = {}\n\tif (isHidden) q.hiddenValues[id] = 1\n\telse delete q.hiddenValues[id]\n\treturn q\n}\n"],
+  "mappings": "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",
+  "names": ["self", "event"]
+}