@sjcrh/proteinpaint-client 2.181.0 → 2.182.0

package/dist/chunk-UR3C4SCH.js

@@ -0,0 +1,446 @@
+import {
+  schemeCategory20
+} from "./chunk-V2OJLJSK.js";
+import {
+  isNumericTerm
+} from "./chunk-MDL2HG3N.js";
+import {
+  dtcnv,
+  dtsnvindel
+} from "./chunk-IGEQI6MR.js";
+import {
+  category10_default
+} from "./chunk-IH7ILDJS.js";
+import {
+  linear,
+  ordinal
+} from "./chunk-OAWQ6LOO.js";
+import {
+  __export
+} from "./chunk-HFNDKYVF.js";
+
+// plots/matrix/matrix.legend.js
+var matrix_legend_exports = {};
+__export(matrix_legend_exports, {
+  CNVkey2order: () => CNVkey2order,
+  getLegendData: () => getLegendData,
+  getLegendItemText: () => getLegendItemText
+});
+function getLegendData(legendGroups, refs, self) {
+  const s = this.settings.matrix;
+  const legendData = [];
+  const dvt = this.config.divideBy || {};
+  const dvtId = dvt && "id" in dvt ? dvt.id : dvt.name;
+  for (const $id in legendGroups) {
+    const legend = legendGroups[$id];
+    if ($id == "Consequences") {
+      for (const f of this.config.legendValueFilter.lst) {
+        if (f.tvs.term.type !== "geneVariant") continue;
+        if (f.legendGrpName != $id) continue;
+        if (f.tvs.legendFilterType == "geneVariant_soft" && f.filteredOutCats.length == 0) {
+          continue;
+        }
+        for (const v of f.tvs.values) {
+          for (const key of v.mclasslst) {
+            const legendk = v.origin ? v.origin + key : key;
+            legend.values[legendk] = {
+              key,
+              dt: v.dt,
+              origin: v.origin,
+              label: v.label || self.mclass[key].label,
+              fill: v.color || self.mclass[key]?.color,
+              order: CNVkey2order(key),
+              crossedOut: f.tvs.legendFilterType == "geneVariant_hard" ? true : false,
+              greyedOut: f.tvs.legendFilterType == "geneVariant_soft" ? true : false
+            };
+          }
+        }
+      }
+      const keys2 = Object.keys(legend.values);
+      if (!keys2.length) continue;
+      legendData.unshift({
+        name: "Consequences",
+        order: legend.order,
+        $id: legend.$id,
+        dt: legend.dt,
+        origin: legend.origin,
+        items: keys2.map((key, i) => {
+          const item = legend.values[key];
+          const count = item.samples?.size;
+          return {
+            termid: "Consequences",
+            key: item.key,
+            text: this.getLegendItemText(item, count, {}, s),
+            color: item.fill,
+            order: i,
+            border: "1px solid #ccc",
+            count,
+            isLegendItem: true,
+            dt: item.dt,
+            crossedOut: item.crossedOut,
+            greyedOut: item.greyedOut,
+            origin: item.origin
+          };
+        })
+      });
+      legendData[0].items.sort((a, b) => a.text < b.text ? -1 : 1);
+      continue;
+    }
+    const t = $id == dvtId ? { tw: dvt } : this.termOrder.find((t2) => t2.tw.$id == $id || t2.tw.legend?.group == $id) || {
+      tw: { term: { id: $id, name: $id, type: $id === "CNV" ? "geneVariant" : "" } }
+    };
+    for (const f of this.config.legendValueFilter.lst) {
+      const name = t.tw.legend?.group || t.tw.label || t.tw.term.name;
+      if (f.legendGrpName != $id && f.legendGrpName != name && f.tvs.term.name != name) continue;
+      if (f.tvs.term.type == "geneVariant") {
+        for (const v of f.tvs.values) {
+          if (legend.dt && !legend.dt.includes(v.dt)) legend.dt.push(v.dt);
+          if (f.tvs.legendFilterType == "geneVariant_soft" && f.filteredOutCats.length == 0) {
+            continue;
+          }
+          for (const key of v.mclasslst) {
+            const legendk = v.origin ? v.origin + key : key;
+            legend.values[legendk] = {
+              key,
+              dt: v.dt,
+              origin: v.origin,
+              label: v.label || self.mclass[key]?.label || "Gain and loss",
+              fill: v.color || self.mclass[key]?.color,
+              order: CNVkey2order(key),
+              crossedOut: f.tvs.legendFilterType == "geneVariant_hard" ? true : false,
+              greyedOut: f.tvs.legendFilterType == "geneVariant_soft" ? true : false
+            };
+          }
+        }
+      } else {
+        if (isNumericTerm(f.tvs.term)) {
+          if (t.ref?.bins) {
+            for (const v of f.tvs.ranges) {
+              const termValues = t.ref.bins;
+              legend.values[v.name] = {
+                key: v.name,
+                label: termValues?.find((vl) => vl.name == v.name)?.name || v.name,
+                fill: termValues?.find((vl) => vl.name == v.name)?.color,
+                crossedOut: true
+              };
+            }
+          }
+        } else if (f.tvs.term.type == "survival") {
+          for (const v of f.tvs.values) {
+            const termValues = t.tw.term.values;
+            legend.values[v.key] = {
+              key: v.key,
+              label: termValues?.[v.key]?.label || "Exit code: " + v.key,
+              fill: v.key == 1 ? "#ff7f0e" : "#1f77b4",
+              crossedOut: true
+            };
+          }
+        } else {
+          for (const v of f.tvs.values) {
+            const termValues = t.tw.term.values;
+            legend.values[v.key] = {
+              key: v.key,
+              label: termValues?.[v.key]?.label || v.key,
+              fill: termValues?.[v.key]?.color,
+              crossedOut: true
+            };
+          }
+        }
+      }
+    }
+    const keys = Object.keys(legend.values).sort();
+    const hasScale = Object.values(legend.values).find((v) => v.scale);
+    if (hasScale) {
+      if (legend === legendGroups?.CNV) {
+        const gain = legend.values["CNV_amp"];
+        const loss = legend.values["CNV_loss"];
+        if (gain?.scale && loss?.scale) {
+          const colors = loss.scales?.legend.range;
+          const domain = loss.scales?.legend.domain;
+          const setLegendAttr = (item) => {
+            return {
+              $id,
+              domain: item.scales.legend.domain,
+              key: item.key,
+              isLegendItem: true,
+              minLabel: domain[0],
+              //item.minLoss, // item.maxLabel,
+              maxLabel: domain.slice(-1)[0],
+              //item.maxGain, // item.maxLabel,
+              scale: item.scale,
+              termid: "CNV"
+            };
+          };
+          const numericInputs = {
+            cutoffMode: s.cnvValues.cutoffMode,
+            defaultPercentile: s.cnvValues.defaultPercentile,
+            percentile: s.cnvValues.percentile,
+            callback: async (obj) => {
+              const cValues = self.config.settings.matrix.cnvValues;
+              if (obj.cutoffMode == "fixed") {
+                if (cValues.min == null) cValues.min = domain[0];
+                if (cValues.max == null) cValues.max = domain[domain.length - 1];
+                if (obj.min != cValues.min) obj.max = Math.abs(obj.min);
+                else obj.min = -obj.max;
+              }
+              self.config.settings.matrix.cnvValues = {
+                defaultPercentile: self.config.settings.matrix.cnvValues.defaultPercentile,
+                cutoffMode: obj.cutoffMode,
+                min: obj.min,
+                max: obj.max,
+                percentile: obj.percentile
+              };
+              await self.app.dispatch({
+                type: "plot_edit",
+                id: self.opts.id,
+                config: self.config
+              });
+            }
+          };
+          legend.values.CNV_gain_loss = {
+            key: $id,
+            label: "Gain and Loss",
+            dt: dtcnv,
+            order: -1,
+            domain,
+            name: "CNV gain/loss",
+            scale: linear().domain(domain).range(colors),
+            scales: loss.scales,
+            //Prevent the colors and domain recalculating below
+            minLabel: domain[0],
+            //loss.maxLabel,
+            maxLabel: domain.slice(-1)[0],
+            labels: { left: "Loss", right: "Gain" },
+            parents: [Object.assign(setLegendAttr(loss), loss), Object.assign(setLegendAttr(gain), gain)],
+            samples: /* @__PURE__ */ new Set([...gain.samples, ...loss.samples]),
+            numericInputs
+          };
+          delete legend.values[gain.key];
+          delete legend.values[loss.key];
+          keys.splice(keys.indexOf(gain.key), 1);
+          keys.splice(keys.indexOf(loss.key), 1);
+          keys.push("CNV_gain_loss");
+        }
+      }
+      const legendGrpLabelMaxChars = s.legendGrpLabelMaxChars || 26;
+      legendData.push({
+        name: $id.length < legendGrpLabelMaxChars ? $id : $id.slice(0, legendGrpLabelMaxChars) + "...",
+        //name:$id,
+        order: legend.order,
+        $id: legend.$id,
+        dt: legend.dt,
+        origin: legend.origin,
+        hasScale,
+        items: keys.map((key, i) => {
+          const item = legend.values[key];
+          const count = item.samples?.size;
+          if (item.scale) {
+            const colors = item.scales?.legend?.range || getColors(item);
+            const domain = item.scales?.legend?.domain || setColorScaleDomain(item.minLabel, item.maxLabel, item.domain, colors);
+            const opts = {
+              termid: $id,
+              key: item.key,
+              text: this.getLegendItemText(item, count, t, s),
+              width: 100,
+              scale: item.scale,
+              colors,
+              domain,
+              order: "order" in item ? item.order : i,
+              count,
+              isLegendItem: true,
+              dt: item.dt,
+              crossedOut: item.crossedOut,
+              greyedOut: item.greyedOut,
+              origin: item.origin,
+              parents: item.parents,
+              labels: item.labels
+            };
+            if (item.numericInputs) {
+              opts.numericInputs = item.numericInputs;
+            }
+            return opts;
+          } else {
+            return {
+              termid: $id,
+              key: item.key,
+              text: this.getLegendItemText(item, count, t, s),
+              color: item.fill || this.colorScaleByTermId[$id](key),
+              order: "order" in item ? item.order : i,
+              count,
+              isLegendItem: true,
+              dt: item.dt,
+              crossedOut: item.crossedOut,
+              greyedOut: item.greyedOut,
+              origin: item.origin
+            };
+          }
+        })
+      });
+    } else {
+      const grp = $id;
+      const term = t.tw.term;
+      const ref = legend.ref;
+      if (ref.bins)
+        keys.sort((a, b) => ref.bins.findIndex((bin) => bin.name === a) - ref.bins.findIndex((bin) => bin.name === b));
+      else if (ref.keyOrder) keys.sort((a, b) => ref.keyOrder.indexOf(a) - ref.keyOrder.indexOf(b));
+      if (!this.colorScaleByTermId[grp])
+        this.colorScaleByTermId[grp] = keys.length < 11 ? ordinal(category10_default) : ordinal(schemeCategory20);
+      const name = t.tw.legend?.group || t.tw.label || term.name;
+      const legendGrpLabelMaxChars = s.legendGrpLabelMaxChars || 26;
+      legendData.push({
+        name: name.length < legendGrpLabelMaxChars ? name : name.slice(0, legendGrpLabelMaxChars) + "...",
+        order: legend.order,
+        $id: legend.$id,
+        dt: legend.dt,
+        origin: legend.origin,
+        items: keys.map((key, i) => {
+          const item = legend.values[key];
+          const count = item.samples?.size;
+          return {
+            $id,
+            termid: term.id || term.name,
+            key: item.key,
+            text: this.getLegendItemText(item, count, t, s),
+            color: t.scale || item.fill || this.colorScaleByTermId[grp](key),
+            order: "order" in item ? item.order : i,
+            count,
+            isExcluded: item.isExcluded,
+            //onClickCallback: this.handleLegendItemClick,
+            isLegendItem: true,
+            dt: item.dt,
+            crossedOut: item.crossedOut,
+            greyedOut: item.greyedOut,
+            origin: item.origin
+          };
+        })
+      });
+    }
+  }
+  for (const grpFilter of self.config.legendGrpFilter.lst) {
+    if (grpFilter.dt.length == 1 && grpFilter.dt[0] == 4 && !legendData.filter((l) => l.dt)?.find((l) => l.dt.length == 1 && l.dt[0] == 4)) {
+      legendData.push({
+        name: "CNV",
+        dt: grpFilter.dt,
+        origin: grpFilter.origin,
+        crossedOut: true,
+        items: grpFilter.filteredOutCats.map((fc) => {
+          return {
+            dt: 4,
+            termid: "CNV",
+            origin: grpFilter.origin,
+            key: fc,
+            text: self.mclass[fc].label,
+            color: self.mclass[fc]?.color,
+            isLegendItem: true
+          };
+        })
+      });
+    } else if (grpFilter.dt.includes(dtsnvindel)) {
+      const controlLabels = self.settings.matrix.controlLabels;
+      const groupName = grpFilter.origin ? `${grpFilter.origin[0].toUpperCase() + grpFilter.origin.slice(1)} ${controlLabels.Mutations}` : controlLabels.Mutations;
+      if (!legendData.filter((l) => l.dt)?.find((l) => l.dt.includes(dtsnvindel) && l.origin == grpFilter.origin)) {
+        legendData.push({
+          name: groupName,
+          dt: grpFilter.dt,
+          origin: grpFilter.origin,
+          crossedOut: true,
+          items: grpFilter.filteredOutCats.map((fc) => {
+            return {
+              dt: self.mclass[fc].dt,
+              origin: grpFilter.origin,
+              termid: groupName,
+              key: fc,
+              text: self.mclass[fc].label,
+              color: self.mclass[fc]?.color,
+              isLegendItem: true
+            };
+          })
+        });
+      }
+    } else if (grpFilter.dt.length == 1 && grpFilter.dt[0] == 2 && !legendData.filter((l) => l.dt)?.find((l) => l.dt.length == 1 && l.dt[0] == 2)) {
+      legendData.push({
+        name: "Fusion RNA",
+        dt: grpFilter.dt,
+        origin: grpFilter.origin,
+        crossedOut: true,
+        items: grpFilter.filteredOutCats.map((fc) => {
+          return {
+            dt: 2,
+            origin: grpFilter.origin,
+            termid: "Fusion RNA",
+            key: fc,
+            text: self.mclass[fc].label,
+            color: self.mclass[fc]?.color,
+            isLegendItem: true
+          };
+        })
+      });
+    } else if (grpFilter.dt.length == 1 && grpFilter.dt[0] == 5 && !legendData.filter((l) => l.dt)?.find((l) => l.dt.length == 1 && l.dt[0] == 5)) {
+      legendData.push({
+        name: "Structural Variation",
+        dt: grpFilter.dt,
+        origin: grpFilter.origin,
+        crossedOut: true,
+        items: grpFilter.filteredOutCats.map((fc) => {
+          return {
+            dt: 5,
+            origin: grpFilter.origin,
+            termid: "Structural Variation",
+            key: fc,
+            text: self.mclass[fc].label,
+            color: self.mclass[fc]?.color,
+            isLegendItem: true
+          };
+        })
+      });
+    }
+  }
+  for (const itemsGrp of legendData) {
+    itemsGrp.items.sort((a, b) => {
+      const getStatusOrder = (item) => {
+        if (!item.greyedOut && !item.crossedOut) return 0;
+        if (item.greyedOut && !item.crossedOut) return 1;
+        if (item.crossedOut) return 2;
+        return 3;
+      };
+      return getStatusOrder(a) - getStatusOrder(b);
+    });
+  }
+  return legendData.sort(
+    (a, b) => a.crossedOut && b.crossedOut ? 0 : a.crossedOut ? 1 : b.crossedOut ? -1 : a.order && b.order ? a.order - b.order : a.order ? -1 : b.order ? 1 : 0
+  );
+}
+function getLegendItemText(item, count, t, s) {
+  if (item.crossedOut || item.greyedOut) {
+    return item.label;
+  }
+  let text = item.label;
+  const notes = [count];
+  if (item.isExcluded) notes.push("hidden");
+  if (t?.tw?.term?.type == "geneVariant" && s.geneVariantCountSamplesSkipMclass.includes(item.key))
+    notes.push("not counted");
+  if (!notes.length) return text;
+  return text += ` (${notes.join(", ")})`;
+}
+function setColorScaleDomain(min, max, domain, colors) {
+  if (domain[0] === min && domain[domain.length - 1] === max) return domain;
+  const step = (max - min) / (colors.length - 1);
+  return colors.map((_, i) => {
+    if (i === (colors.length - 1) / 2 && min < 0 && max > 0) return 0;
+    return min + step * i;
+  });
+}
+function getColors(item) {
+  return item.domain?.map((c) => item.scale(c)) || item.scale.range();
+}
+function CNVkey2order(key) {
+  return key == "CNV_homozygous_deletion" ? -5 : key == "CNV_amplification" ? -4 : key == "CNV_loss" ? -3 : key == "CNV_amp" ? -2 : key == "CNV_loh" ? -1 : 0;
+}
+
+export {
+  getLegendData,
+  getLegendItemText,
+  CNVkey2order,
+  matrix_legend_exports
+};
+//# sourceMappingURL=chunk-UR3C4SCH.js.map

package/dist/chunk-UWX7W22M.js

@@ -0,0 +1,121 @@
+import {
+  roundValueAuto
+} from "./chunk-5OHXYXLD.js";
+import {
+  brushX
+} from "./chunk-SEEYV6P2.js";
+import {
+  select_default
+} from "./chunk-NDWTN4U5.js";
+
+// filter/tvs.density.js
+function addBrushes(self, new_brush_location) {
+  const brushes = self.num_obj.brushes;
+  const maxvalue = self.num_obj.density_data.max;
+  const minvalue = self.num_obj.density_data.min;
+  const rawDecile = (maxvalue - minvalue) / 10;
+  const decile = self.tvs.term.type == "integer" ? Math.floor(rawDecile) : rawDecile;
+  for (const [i, r] of self.num_obj.ranges.entries()) {
+    const _b = brushes.find((b) => b.orig === r);
+    let brush;
+    if (!_b) {
+      brush = { orig: r, range: JSON.parse(JSON.stringify(r)) };
+      brushes.push(brush);
+    } else {
+      brush = _b;
+    }
+    if (r.start === "") {
+      if (new_brush_location == "center") brush.range.start = minvalue + decile * 4;
+      else brush.range.start = minvalue + decile * 8;
+    }
+    if (r.stop === "") {
+      if (new_brush_location == "center") brush.range.stop = minvalue + decile * 6;
+      else brush.range.stop = Math.floor(maxvalue);
+    }
+  }
+  const range_brushes = self.num_obj.brush_g.selectAll(".range_brush").data(brushes, (d) => brushes.indexOf(d));
+  range_brushes.exit().remove();
+  range_brushes.each(function(d, i) {
+    select_default(this).selectAll(".overlay").style("pointer-events", "all");
+  });
+  range_brushes.enter().append("g").attr("class", "range_brush").each(function(brush, i) {
+    applyBrush(self, this, brush, i);
+  });
+}
+function applyBrush(self, elem, brush) {
+  if (!brush.elem) brush.elem = select_default(elem);
+  const range = brush.range;
+  const plot_size = self.num_obj.plot_size;
+  const xscale = self.num_obj.xscale;
+  const maxvalue = self.num_obj.density_data.max;
+  const minvalue = self.num_obj.density_data.min;
+  brush.d3brush = brushX().extent([
+    [0, 0],
+    [plot_size.width, plot_size.height]
+  ]).on("brush", function(event, d) {
+    const s = event.selection;
+    if (!s) return;
+    const inputRange = brush.rangeInput.getRange();
+    if (inputRange?.value != void 0) {
+      brush.range = inputRange;
+      return;
+    }
+    updateTempRanges(xscale, s, range, inputRange, minvalue, maxvalue, self.tvs.term.type);
+    const [start, stop] = setStartStopDisplays(range, inputRange);
+    brush.rangeInput.getInput().node().value = `${start} x ${stop}`;
+  }).on("end", function() {
+    brush.elem.selectAll(".overlay").style("pointer-events", "none");
+  });
+  const brush_start = range.startunbounded ? minvalue : range.start;
+  const brush_stop = range.stopunbounded ? maxvalue : range.stop;
+  brush.init = () => {
+    if (range.value == void 0)
+      brush.elem.call(brush.d3brush).call(brush.d3brush.move, [brush_start, brush_stop].map(xscale));
+  };
+  if (range.startunbounded) delete range.start;
+  if (range.stopunbounded) delete range.stop;
+  brush.elem.selectAll(".selection").style(
+    "fill",
+    brush.orig.start === "" && brush.orig.stop === "" || JSON.stringify(range) != JSON.stringify(brush.orig) ? "#23cba7" : "#777777"
+  );
+}
+function updateTempRanges(xscale, s, range, inputRange, minvalue, maxvalue, type) {
+  range.start = convertRangeValue(xscale, s[0]);
+  range.stop = convertRangeValue(xscale, s[1]);
+  const min = roundValueAuto(Number(minvalue));
+  const max = roundValueAuto(Number(maxvalue));
+  if (range.start < min) range.start = min;
+  if (range.stop > max) range.stop = max;
+  range.startunbounded = min == range.start && inputRange.startunbounded;
+  range.stopunbounded = max == range.stop && inputRange.stopunbounded;
+  if (type == "integer") {
+    range.start = range.startunbounded ? "" : Math.round(range.start);
+    range.stop = range.stopunbounded ? "" : Math.round(range.stop);
+  }
+}
+function setStartStopDisplays(range, inputRange) {
+  const start = range.startunbounded ? "" : inputRange.startinclusive ? `${range.start} <=` : `${range.start} <`;
+  const stop = range.stopunbounded ? "" : inputRange.stopinclusive ? `<= ${range.stop}` : `< ${range.stop}`;
+  return [start, stop];
+}
+function convertRangeValue(xscale, sidx) {
+  const value = Number(xscale.invert(sidx));
+  return roundValueAuto(value);
+}
+function addNewBrush(self, new_brush_location = "end", callback) {
+  const new_range = { start: "", stop: "", index: self.tvs.ranges.length };
+  self.num_obj.ranges.push(new_range);
+  const brush = { orig: new_range, range: JSON.parse(JSON.stringify(new_range)) };
+  self.num_obj.brushes.push(brush);
+  addBrushes(self, new_brush_location);
+  if (callback) callback();
+  brush.init();
+}
+
+export {
+  addBrushes,
+  updateTempRanges,
+  setStartStopDisplays,
+  addNewBrush
+};
+//# sourceMappingURL=chunk-UWX7W22M.js.map