@sjcrh/proteinpaint-client 2.200.0 → 2.202.0

package/dist/chunk-SNL7MSZD.js

@@ -0,0 +1,243 @@
+import {
+  keyupEnter
+} from "./chunk-73PFJ2VF.js";
+import {
+  get_bin_label,
+  get_bin_range_equation
+} from "./chunk-L44P5N4U.js";
+import {
+  toStoredUnit,
+  toUserUnit
+} from "./chunk-75T7ESEO.js";
+
+// termsetting/handlers/NumCustomBinEditor.ts
+var NumCustomBinEditor = class {
+  constructor(editHandler) {
+    this.dom = {};
+    this.editHandler = editHandler;
+    this.opts = editHandler.opts;
+    this.tw = editHandler.tw;
+    this.termsetting = editHandler.termsetting;
+  }
+  /* bin boundaries are stored in the term's own unit but entered and shown in its user-facing one.
+  both are identity functions unless the term declares valueConversion{} */
+  toDisplay(v) {
+    return toUserUnit(v, this.tw.term);
+  }
+  toStored(v) {
+    return toStoredUnit(v, this.tw.term);
+  }
+  async render(div) {
+    this.tw = this.editHandler.tw;
+    const isRemounting = !!this.dom.inputsDiv && this.editHandler.dom.binsDiv?.node().contains(this.dom.inputsDiv.node());
+    if (!isRemounting) this.q = this.getDefaultQ();
+    await this.editHandler.handler.density.setBinLines(this.getBoundaryOpts());
+    if (isRemounting) return;
+    if (this.dom.inputsDiv) {
+      this.dom.inputsDiv.remove();
+      delete this.dom.inputsDiv;
+    }
+    this.dom.inputsDiv = div.append("div").style("display", "flex").style("width", "100%");
+    this.renderCustomBinInputs();
+  }
+  getBoundaryOpts() {
+    return {
+      values: this.q.lst.slice(1).map((bin) => ({ x: this.toDisplay(bin.startunbounded ? bin.stop : bin.start), isDraggable: true })),
+      // the dragged value arrives in display units, matching what the textarea holds
+      callback: (d, value) => {
+        const boundaryValues = this.q.lst.slice(1).map((d2) => "start" in d2 ? this.toDisplay(d2.start) : "");
+        boundaryValues[d.index] = value;
+        this.dom.customBinBoundaryInput.property("value", boundaryValues.join("\n"));
+        this.handleInputChange("drag");
+        return 0;
+      }
+    };
+  }
+  getDefaultQ() {
+    if (this.tw.q.mode == "discrete" && this.tw.q.type == "custom-bin") {
+      const copy = JSON.parse(JSON.stringify(this.tw.q));
+      copy.lst.forEach((bin) => {
+        if (!bin.label) bin.label = get_bin_label(bin, this.tw.q, this.tw.term.valueConversion);
+        bin.range = get_bin_range_equation(bin, this.tw.q, this.tw.term.valueConversion);
+      });
+      return copy;
+    }
+    const { min, max } = this.editHandler.handler.density_data;
+    const defaultCustomBoundary = (
+      /* when no sample is annotated by this term,
+      minvalue and maxvalue are both null
+      setting defaultCustomBoundary to arbitrary "0" will allow existing UI to work
+      but remains to be evaluated if is really okay to use 0
+      */
+      !Number.isFinite(min) || !Number.isFinite(max) ? 0 : (
+        // minvalue and maxvalue is valid number
+        max != min ? min + (max - min) / 2 : max
+      )
+    );
+    const firstBin = {
+      startunbounded: true,
+      startinclusive: false,
+      stopinclusive: false,
+      stop: +defaultCustomBoundary.toFixed(this.tw.term.type == "integer" ? 0 : 2)
+    };
+    const lastBin = {
+      stopunbounded: true,
+      startinclusive: true,
+      stopinclusive: false,
+      start: +defaultCustomBoundary.toFixed(this.tw.term.type == "integer" ? 0 : 2)
+    };
+    return {
+      mode: "discrete",
+      type: "custom-bin",
+      lst: [
+        // Type '{ label: any; range: any; startunbounded: boolean; startinclusive: boolean; stopinclusive: boolean; stop: number; }' is not assignable to type 'StartUnboundedBin | FullyBoundedBin'.
+        // Property 'start' is missing in type '{ label: any; range: any; startunbounded: boolean; startinclusive: boolean; stopinclusive: boolean; stop: number; }' but required in type 'FullyBoundedBin'.
+        {
+          ...firstBin,
+          label: get_bin_label(firstBin, this.tw.q, this.tw.term.valueConversion),
+          range: get_bin_range_equation(firstBin, this.tw.q, this.tw.term.valueConversion)
+        },
+        {
+          ...lastBin,
+          label: get_bin_label(lastBin, this.tw.q, this.tw.term.valueConversion),
+          range: get_bin_range_equation(lastBin, this.tw.q, this.tw.term.valueConversion)
+        }
+        //satisfies StopUnboundedBin
+      ]
+    };
+  }
+  /******************* Functions for Numerical Custom size bins *******************/
+  renderCustomBinInputs() {
+    const q = this.q;
+    const boundaryDiv = this.dom.inputsDiv.append("div").style("margin-right", "20px");
+    this.dom.rangeAndLabelDiv = this.dom.inputsDiv.append("div");
+    boundaryDiv.append("div").style("margin-bottom", "5px").style("color", "rgb(136, 136, 136)").text("Bin boundaries");
+    this.dom.customBinBoundaryInput = boundaryDiv.append("textarea").style("width", "100px").style("height", "70px").text(
+      q.lst.slice(1).map((d) => "start" in d ? this.toDisplay(d.start) : "").join("\n")
+    ).on("change", () => this.handleInputChange()).on("keyup", async (event) => {
+      if (!keyupEnter(event) && event.key != 8 && event.key != "Enter") return;
+      if (!this.dom.inputsDiv.selectAll("input").node().value) return;
+      this.handleInputChange();
+    });
+    boundaryDiv.append("div").style("font-size", ".6em").style("margin-left", "1px").style("color", "#858585").html("Enter numeric values </br>seperated by ENTER");
+    this.renderBoundaryInputDivs();
+  }
+  renderBoundaryInputDivs() {
+    const data = this.q.lst;
+    const holder = this.dom.rangeAndLabelDiv;
+    holder.selectAll("*").remove();
+    const grid = holder.append("div").style("display", "grid").style("grid-template-columns", "auto auto").style("column-gap", "20px").style("align-items", "center");
+    grid.append("div").style("margin-bottom", "3px").style("color", "rgb(136, 136, 136)").text("Range");
+    grid.append("div").style("margin-bottom", "3px").style("color", "rgb(136, 136, 136)").text("Bin label");
+    for (const d of data) {
+      grid.append("div").attr("name", "range").html(d.range);
+      grid.append("div").append("input").attr("type", "text").style("margin", "2px 0px").property("value", d.label).on("change", function() {
+        d.label = this.value;
+      });
+    }
+    this.dom.customBinRanges = this.dom.inputsDiv.selectAll('div[name="range"]').data(data);
+    this.dom.customBinLabelInput = this.dom.inputsDiv.selectAll("input").data(data);
+  }
+  handleInputChange(eventType = "") {
+    const self = this.tw;
+    const inputs = this.dom.inputsDiv.selectAll("input");
+    inputs.property("value", "");
+    const data = this.processCustomBinInputs();
+    if (data == void 0) {
+      return;
+    }
+    if (self.q.hiddenValues) this.tw.q.hiddenValues = self.q.hiddenValues;
+    if (this.binsChanged(data, this.q.lst)) {
+      this.q.lst = data;
+    }
+    this.renderBoundaryInputDivs();
+    if (eventType != "drag") this.editHandler.handler.density.setBinLines(this.getBoundaryOpts());
+  }
+  binsChanged(data, qlst) {
+    if (data.length != qlst.length) return true;
+    if (Object.keys(data[0]).length !== Object.keys(qlst[0]).length) return true;
+    for (const [i, bin] of qlst.entries()) {
+      for (const k of Object.keys(bin)) {
+        if (bin[k] && bin[k] !== data[i][k]) {
+          return true;
+        }
+      }
+    }
+    return false;
+  }
+  processCustomBinInputs() {
+    const self = this.termsetting;
+    const startinclusive = this.editHandler.boundaryInclusion == "startinclusive";
+    const stopinclusive = this.editHandler.boundaryInclusion == "stopinclusive";
+    const inputs = this.dom.inputsDiv.node().querySelectorAll("input");
+    const inputData = this.dom.customBinBoundaryInput.property("value").split("\n").filter((d) => d != "" && !isNaN(d));
+    const trackBins = new Set(inputData);
+    if (!trackBins.size) return this.tw.q.lst;
+    const sortedBins = Array.from(trackBins).map((v) => this.toStored(Number(v))).sort((a, b) => a - b);
+    const data = [
+      // first bin: StartUnbounded type
+      {
+        startunbounded: true,
+        stop: sortedBins[0],
+        startinclusive: false,
+        stopinclusive,
+        label: inputs[0].value
+      }
+    ];
+    if (!data[0].label) data[0].label = get_bin_label(data[0], self.q, self.term.valueConversion);
+    if (!data[0].range) data[0].range = get_bin_range_equation(data[0], self.q, self.term.valueConversion);
+    for (const [i, d] of sortedBins.entries()) {
+      let bin;
+      const label = inputs[i + 1]?.value || "";
+      if (i !== trackBins.size - 1) {
+        bin = {
+          start: +d,
+          startinclusive,
+          stopinclusive,
+          stop: sortedBins[i + 1],
+          label
+          //range: ''
+        };
+      } else {
+        bin = {
+          start: +d,
+          startinclusive,
+          stopinclusive: false,
+          stopunbounded: true,
+          label
+          //range: ''
+        };
+      }
+      if (bin.label === "" || bin.label === void 0) bin.label = get_bin_label(bin, self.q, self.term.valueConversion);
+      if (bin.range === "" || bin.range === void 0)
+        bin.range = get_bin_range_equation(bin, self.q, self.term.valueConversion);
+      data.push(bin);
+    }
+    return data;
+  }
+  getEditedQ(destroyDom = true) {
+    const lst = this.processCustomBinInputs();
+    if (destroyDom) {
+      for (const name of Object.keys(this.dom)) {
+        this.dom[name].remove();
+        delete this.dom[name];
+      }
+    }
+    return {
+      mode: "discrete",
+      type: "custom-bin",
+      lst
+    };
+  }
+  undoEdits() {
+    this.q = this.getDefaultQ();
+    this.dom.inputsDiv.selectAll("*").remove();
+    this.renderCustomBinInputs();
+    this.editHandler.handler.density.setBinLines(this.getBoundaryOpts());
+  }
+};
+
+export {
+  NumCustomBinEditor
+};
+//# sourceMappingURL=chunk-SNL7MSZD.js.map

package/dist/chunk-SNL7MSZD.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../termsetting/handlers/NumCustomBinEditor.ts"],
+  "sourcesContent": ["import { keyupEnter } from '#src/client'\nimport type { NumCustomBins } from '#tw'\nimport type { NumDiscreteEditor } from './NumDiscreteEditor.ts'\nimport type { BoundaryOpts, LineData } from './NumericDensity.ts'\nimport type { TermSetting } from '../TermSetting.ts'\nimport type { CustomNumericBinConfig, CustomNumericBinConfigLst, StartUnboundedBin, StopUnboundedBin } from '#types'\nimport { get_bin_label, get_bin_range_equation } from '#shared/termdb.bins.js'\nimport { toUserUnit, toStoredUnit } from '#shared/helpers.js'\n\n// This is a bin editor for NumDiscreteEditor\n// NumericHandler (handler) -> NumDiscreteEditor (editor) -> NumCustomBinEditor (bin editor)\nexport class NumCustomBinEditor {\n\ttw: NumCustomBins\n\tq!: CustomNumericBinConfig\n\teditHandler: NumDiscreteEditor\n\ttermsetting: TermSetting\n\topts: any\n\tdom: {\n\t\t[elemName: string]: any\n\t} = {}\n\n\tconstructor(editHandler) {\n\t\tthis.editHandler = editHandler\n\t\tthis.opts = editHandler.opts\n\t\tthis.tw = editHandler.tw\n\t\tthis.termsetting = editHandler.termsetting\n\t}\n\n\t/* bin boundaries are stored in the term's own unit but entered and shown in its user-facing one.\n\tboth are identity functions unless the term declares valueConversion{} */\n\ttoDisplay(v) {\n\t\treturn toUserUnit(v, this.tw.term)\n\t}\n\n\ttoStored(v) {\n\t\treturn toStoredUnit(v, this.tw.term)\n\t}\n\n\tasync render(div) {\n\t\tthis.tw = this.editHandler.tw as NumCustomBins\n\t\t/* the inputs are still mounted when the user is returning to this tab, in which case they may\n\t\thold boundary edits that have not been applied yet. q must be kept then: it is what the edits\n\t\twere parsed into, and resetting it to tw.q would redraw the boundary lines from the saved bins\n\t\twhile the textarea, left alone by the early return below, still shows the edits */\n\t\tconst isRemounting =\n\t\t\t!!this.dom.inputsDiv && this.editHandler.dom.binsDiv?.node().contains(this.dom.inputsDiv.node())\n\t\tif (!isRemounting) this.q = this.getDefaultQ()\n\t\tawait this.editHandler.handler.density.setBinLines(this.getBoundaryOpts())\n\t\tif (isRemounting) return\n\t\tif (this.dom.inputsDiv) {\n\t\t\tthis.dom.inputsDiv.remove()\n\t\t\tdelete this.dom.inputsDiv\n\t\t}\n\t\tthis.dom.inputsDiv = div.append('div').style('display', 'flex').style('width', '100%')\n\t\tthis.renderCustomBinInputs()\n\t}\n\n\tgetBoundaryOpts(): BoundaryOpts {\n\t\treturn {\n\t\t\tvalues: this.q.lst\n\t\t\t\t.slice(1)\n\t\t\t\t.map(bin => ({ x: this.toDisplay(bin.startunbounded ? bin.stop : bin.start), isDraggable: true })),\n\t\t\t// the dragged value arrives in display units, matching what the textarea holds\n\t\t\tcallback: (d: LineData, value) => {\n\t\t\t\tconst boundaryValues = this.q.lst.slice(1).map(d => ('start' in d ? this.toDisplay(d.start) : ''))\n\t\t\t\tboundaryValues[d.index] = value\n\t\t\t\t/* one boundary per line, no separator: processCustomBinInputs() splits on newline and\n\t\t\t\tdrops any line that is not a number, so a trailing comma would discard the boundary.\n\t\t\t\tset .value and not the child text, which stops reflecting into it once the user types */\n\t\t\t\tthis.dom.customBinBoundaryInput.property('value', boundaryValues.join('\\n'))\n\t\t\t\tthis.handleInputChange('drag')\n\t\t\t\treturn 0\n\t\t\t}\n\t\t}\n\t}\n\n\tgetDefaultQ(): CustomNumericBinConfig {\n\t\tif (this.tw.q.mode == 'discrete' && this.tw.q.type == 'custom-bin') {\n\t\t\tconst copy = JSON.parse(JSON.stringify(this.tw.q))\n\t\t\tcopy.lst.forEach(bin => {\n\t\t\t\tif (!bin.label) bin.label = get_bin_label(bin, this.tw.q, this.tw.term.valueConversion)\n\t\t\t\tbin.range = get_bin_range_equation(bin, this.tw.q, this.tw.term.valueConversion)\n\t\t\t})\n\t\t\treturn copy\n\t\t}\n\t\tconst { min, max } = this.editHandler.handler.density_data\n\t\tconst defaultCustomBoundary =\n\t\t\t/* when no sample is annotated by this term,\n\t\t\tminvalue and maxvalue are both null\n\t\t\tsetting defaultCustomBoundary to arbitrary \"0\" will allow existing UI to work\n\t\t\tbut remains to be evaluated if is really okay to use 0\n\t\t\t*/\n\t\t\t!Number.isFinite(min) || !Number.isFinite(max)\n\t\t\t\t? 0\n\t\t\t\t: // minvalue and maxvalue is valid number\n\t\t\t\tmax != min\n\t\t\t\t? min + (max - min) / 2\n\t\t\t\t: max\n\n\t\tconst firstBin = {\n\t\t\tstartunbounded: true,\n\t\t\tstartinclusive: false,\n\t\t\tstopinclusive: false,\n\t\t\tstop: +defaultCustomBoundary.toFixed(this.tw.term.type == 'integer' ? 0 : 2)\n\t\t} satisfies StartUnboundedBin\n\n\t\tconst lastBin = {\n\t\t\tstopunbounded: true,\n\t\t\tstartinclusive: true,\n\t\t\tstopinclusive: false,\n\t\t\tstart: +defaultCustomBoundary.toFixed(this.tw.term.type == 'integer' ? 0 : 2)\n\t\t} satisfies StopUnboundedBin\n\n\t\treturn {\n\t\t\tmode: 'discrete',\n\t\t\ttype: 'custom-bin',\n\t\t\tlst: [\n\t\t\t\t// Type '{ label: any; range: any; startunbounded: boolean; startinclusive: boolean; stopinclusive: boolean; stop: number; }' is not assignable to type 'StartUnboundedBin | FullyBoundedBin'.\n\t\t\t\t// Property 'start' is missing in type '{ label: any; range: any; startunbounded: boolean; startinclusive: boolean; stopinclusive: boolean; stop: number; }' but required in type 'FullyBoundedBin'.\n\t\t\t\t{\n\t\t\t\t\t...firstBin,\n\t\t\t\t\tlabel: get_bin_label(firstBin, this.tw.q, this.tw.term.valueConversion),\n\t\t\t\t\trange: get_bin_range_equation(firstBin, this.tw.q, this.tw.term.valueConversion)\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t...lastBin,\n\t\t\t\t\tlabel: get_bin_label(lastBin, this.tw.q, this.tw.term.valueConversion),\n\t\t\t\t\trange: get_bin_range_equation(lastBin, this.tw.q, this.tw.term.valueConversion)\n\t\t\t\t} //satisfies StopUnboundedBin\n\t\t\t]\n\t\t}\n\t}\n\n\t/******************* Functions for Numerical Custom size bins *******************/\n\trenderCustomBinInputs() {\n\t\tconst q = this.q\n\t\t// boundaryDiv for entering bin boundaries\n\t\t// rangeAndLabelDiv for rendering ranges and labels\n\t\tconst boundaryDiv = this.dom.inputsDiv.append('div').style('margin-right', '20px')\n\t\tthis.dom.rangeAndLabelDiv = this.dom.inputsDiv.append('div')\n\n\t\tboundaryDiv.append('div').style('margin-bottom', '5px').style('color', 'rgb(136, 136, 136)').text('Bin boundaries')\n\n\t\tthis.dom.customBinBoundaryInput = boundaryDiv\n\t\t\t.append('textarea')\n\t\t\t.style('width', '100px')\n\t\t\t.style('height', '70px')\n\t\t\t.text(\n\t\t\t\tq.lst\n\t\t\t\t\t.slice(1)\n\t\t\t\t\t.map(d => ('start' in d ? this.toDisplay(d.start) : ''))\n\t\t\t\t\t.join('\\n')\n\t\t\t)\n\t\t\t.on('change', () => this.handleInputChange())\n\t\t\t.on('keyup', async (event: any) => {\n\t\t\t\t// enter or backspace/delete\n\t\t\t\t// i don't think backspace works\n\t\t\t\tif (!keyupEnter(event) && event.key != 8 && event.key != 'Enter') return\n\t\t\t\tif (!this.dom.inputsDiv.selectAll('input').node().value) return\n\t\t\t\t// Fix for if user hits enter with no values. Reverts to default cutoff.\n\t\t\t\tthis.handleInputChange()\n\t\t\t})\n\n\t\t// help note\n\t\tboundaryDiv\n\t\t\t.append('div')\n\t\t\t.style('font-size', '.6em')\n\t\t\t.style('margin-left', '1px')\n\t\t\t.style('color', '#858585')\n\t\t\t.html('Enter numeric values </br>seperated by ENTER')\n\n\t\tthis.renderBoundaryInputDivs()\n\n\t\t// add help message for custom bin labels\n\t}\n\n\trenderBoundaryInputDivs() {\n\t\tconst data = this.q.lst\n\t\tconst holder = this.dom.rangeAndLabelDiv\n\t\tholder.selectAll('*').remove()\n\n\t\tconst grid = holder\n\t\t\t.append('div')\n\t\t\t.style('display', 'grid')\n\t\t\t.style('grid-template-columns', 'auto auto')\n\t\t\t.style('column-gap', '20px')\n\t\t\t.style('align-items', 'center')\n\n\t\tgrid.append('div').style('margin-bottom', '3px').style('color', 'rgb(136, 136, 136)').text('Range')\n\n\t\tgrid.append('div').style('margin-bottom', '3px').style('color', 'rgb(136, 136, 136)').text('Bin label')\n\n\t\tfor (const d of data) {\n\t\t\tgrid.append('div').attr('name', 'range').html(d.range)\n\n\t\t\tgrid\n\t\t\t\t.append('div')\n\t\t\t\t.append('input')\n\t\t\t\t.attr('type', 'text')\n\t\t\t\t.style('margin', '2px 0px')\n\t\t\t\t.property('value', d.label)\n\t\t\t\t.on('change', function (this: any) {\n\t\t\t\t\td.label = this.value\n\t\t\t\t})\n\t\t}\n\n\t\tthis.dom.customBinRanges = this.dom.inputsDiv.selectAll('div[name=\"range\"]').data(data)\n\t\tthis.dom.customBinLabelInput = this.dom.inputsDiv.selectAll('input').data(data)\n\t}\n\n\thandleInputChange(eventType = '') {\n\t\tconst self = this.tw\n\t\tconst inputs = this.dom.inputsDiv.selectAll('input')\n\t\tinputs.property('value', '')\n\t\tconst data = this.processCustomBinInputs()\n\t\tif (data == undefined) {\n\t\t\t// alert('Enter custom bin value(s)')\n\t\t\treturn\n\t\t}\n\t\t// update self.q.lst and render bin lines only if bin boundry changed\n\t\t//const q = self.numqByTermIdModeType[self.term.id].discrete[self.q.type!]\n\t\tif (self.q.hiddenValues) this.tw.q.hiddenValues = self.q.hiddenValues\n\t\tif (this.binsChanged(data, this.q.lst)) {\n\t\t\tthis.q.lst = data\n\t\t}\n\t\tthis.renderBoundaryInputDivs()\n\t\tif (eventType != 'drag') this.editHandler.handler.density.setBinLines(this.getBoundaryOpts())\n\t\t//self.q.lst = q.lst //store the new ranges in self.q, the mode is initialized when selecting the tab\n\t}\n\n\tbinsChanged(data, qlst) {\n\t\tif (data.length != qlst.length) return true\n\t\tif (Object.keys(data[0]).length !== Object.keys(qlst[0]).length) return true\n\t\tfor (const [i, bin] of qlst.entries()) {\n\t\t\tfor (const k of Object.keys(bin)) {\n\t\t\t\tif (bin[k] && bin[k] !== data[i][k]) {\n\t\t\t\t\treturn true\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn false\n\t}\n\n\tprocessCustomBinInputs() {\n\t\tconst self = this.termsetting\n\t\tconst startinclusive = this.editHandler.boundaryInclusion == 'startinclusive'\n\t\tconst stopinclusive = this.editHandler.boundaryInclusion == 'stopinclusive'\n\t\tconst inputs = this.dom.inputsDiv.node().querySelectorAll('input')\n\n\t\tconst inputData = this.dom.customBinBoundaryInput\n\t\t\t.property('value')\n\t\t\t.split('\\n')\n\t\t\t.filter((d: any) => d != '' && !isNaN(d))\n\n\t\t// Fix for when user enters in the same number more than once.\n\t\t// UI will ignore duplicate entries completely.\n\t\tconst trackBins = new Set(inputData)\n\t\tif (!trackBins.size) return this.tw.q.lst\n\n\t\t// the textarea holds boundaries in the term's user-facing unit; q.lst stores them in its own\n\t\tconst sortedBins = Array.from(trackBins)\n\t\t\t.map(v => this.toStored(Number(v)))\n\t\t\t.sort((a, b) => a - b)\n\n\t\tconst data: CustomNumericBinConfigLst = [\n\t\t\t// first bin: StartUnbounded type\n\t\t\t{\n\t\t\t\tstartunbounded: true,\n\t\t\t\tstop: sortedBins[0],\n\t\t\t\tstartinclusive: false,\n\t\t\t\tstopinclusive,\n\t\t\t\tlabel: inputs[0].value\n\t\t\t}\n\t\t]\n\t\t// first bin\n\t\tif (!data[0].label) data[0].label = get_bin_label(data[0], self.q, self.term.valueConversion)\n\t\tif (!data[0].range) data[0].range = get_bin_range_equation(data[0], self.q, self.term.valueConversion)\n\t\tfor (const [i, d] of sortedBins.entries()) {\n\t\t\tlet bin\n\t\t\tconst label = inputs[i + 1]?.value || ''\n\t\t\tif (i !== trackBins.size - 1) {\n\t\t\t\t// intermediate bin: FullyBounded type\n\t\t\t\tbin = {\n\t\t\t\t\tstart: +d,\n\t\t\t\t\tstartinclusive,\n\t\t\t\t\tstopinclusive,\n\t\t\t\t\tstop: sortedBins[i + 1],\n\t\t\t\t\tlabel\n\t\t\t\t\t//range: ''\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// last bin: StopUnbounded type\n\t\t\t\tbin = {\n\t\t\t\t\tstart: +d,\n\t\t\t\t\tstartinclusive,\n\t\t\t\t\tstopinclusive: false,\n\t\t\t\t\tstopunbounded: true,\n\t\t\t\t\tlabel\n\t\t\t\t\t//range: ''\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (bin.label === '' || bin.label === undefined) bin.label = get_bin_label(bin, self.q, self.term.valueConversion)\n\t\t\tif (bin.range === '' || bin.range === undefined)\n\t\t\t\tbin.range = get_bin_range_equation(bin, self.q, self.term.valueConversion)\n\t\t\tdata.push(bin)\n\t\t}\n\t\treturn data\n\t}\n\n\tgetEditedQ(destroyDom = true): CustomNumericBinConfig {\n\t\tconst lst = this.processCustomBinInputs()\n\t\tif (destroyDom) {\n\t\t\tfor (const name of Object.keys(this.dom)) {\n\t\t\t\tthis.dom[name].remove()\n\t\t\t\tdelete this.dom[name]\n\t\t\t}\n\t\t}\n\t\treturn {\n\t\t\tmode: 'discrete',\n\t\t\ttype: 'custom-bin',\n\t\t\tlst\n\t\t}\n\t}\n\n\tundoEdits() {\n\t\tthis.q = this.getDefaultQ()\n\t\tthis.dom.inputsDiv.selectAll('*').remove()\n\t\tthis.renderCustomBinInputs()\n\t\tthis.editHandler.handler.density.setBinLines(this.getBoundaryOpts())\n\t}\n}\n"],
+  "mappings": "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",
+  "names": ["d"]
+}

package/dist/chunk-SP7HDNXC.js

@@ -0,0 +1,368 @@
+import {
+  fillTermWrapper,
+  termsettingInit
+} from "./chunk-73PFJ2VF.js";
+import {
+  isNumericTerm
+} from "./chunk-X6VTVZY7.js";
+import {
+  select_default
+} from "./chunk-I6Y4O3RR.js";
+
+// plots/matrix/matrix.renderers.js
+function setRenderers(self) {
+  self.render = function() {
+    const s = self.settings.matrix;
+    const l = self.layout;
+    const d = self.dimensions;
+    const duration = self.dom.svg.attr("width") ? s.duration : 0;
+    self.dom.clipRect.attr("x", d.xOffset - 1).attr("y", 0).attr("width", d.mainw + 3).attr("height", d.mainh + 500);
+    self.renderSerieses(s, l, d, duration);
+    self.renderLabels(s, l, d, duration);
+    self.renderDivideByLabel(s, l, d, duration);
+    self.dom.colBeam.attr("width", d.dx).attr("height", d.mainh).style("stroke", s.beamStroke);
+    self.dom.rowBeam.attr("width", d.zoomedMainW).attr("height", s.rowh).style("stroke", s.beamStroke);
+  };
+  self.renderSerieses = function(s, l, d, duration) {
+    if (self.prevUseCanvas != s.useCanvas) {
+      self.dom.seriesesG.selectAll("g").remove();
+    }
+    if (s.useCanvas) {
+      const _g = self.dom.seriesesG.selectAll("g");
+      const g = (
+        /*(_g.size() && _g) ||*/
+        self.dom.seriesesG.append("g").datum(this.serieses)
+      );
+      self.renderCanvas(this.serieses, g, d, s, _g, duration);
+    } else {
+      self.dom.seriesesG.attr("transform", `translate(${d.xOffset + d.seriesXoffset},${d.yOffset})`);
+      const sg = self.dom.seriesesG.selectAll(".sjpp-mass-series-g").data(this.serieses, (series) => series.tw.$id);
+      sg.exit().remove();
+      sg.each(self.renderSeries);
+      sg.enter().append("g").attr("class", "sjpp-mass-series-g").style("opacity", 1e-3).each(self.renderSeries);
+      self.mouseout();
+    }
+    self.prevUseCanvas = s.useCanvas;
+  };
+  self.renderSeries = async function(series) {
+    const s = self.settings.matrix;
+    const d = self.dimensions;
+    const g = select_default(this);
+    const duration = g.attr("transform") ? s.duration : 0;
+    g.attr("transform", `translate(${series.x},${series.y})`).style("opacity", 1);
+    const last = series.cells[series.cells.length - 1];
+    const height = series.y + last?.y + s.rowh;
+    const rects = g.selectAll("rect").data(series.cells, (cell) => cell.sample + ";;" + cell.tw.$id + ";;" + cell.valueIndex);
+    rects.exit().remove();
+    rects.each(self.renderCell);
+    rects.enter().append("rect").each(self.renderCell);
+  };
+  self.renderCanvas = async function(serieses, g, d, s, _g, duration) {
+    const pxr = window.devicePixelRatio <= 1 ? 1 : window.devicePixelRatio;
+    g.selectAll("*").remove();
+    const width = d.imgW;
+    const height = self.dimensions.mainh;
+    const canvas = window.OffscreenCanvas ? new OffscreenCanvas(width * pxr, height * pxr) : (
+      // TODO: no need to support older browser versions???
+      self.dom.holder.append("canvas").attr("width", pxr * width).attr("height", pxr * height).style("opacity", 0).node()
+    );
+    const ctx = canvas.getContext("2d");
+    ctx.imageSmoothingEnabled = false;
+    ctx.imageSmoothingQuality = "high";
+    ctx.scale(pxr, pxr);
+    for (const series of serieses) {
+      for (const cell of series.cells) {
+        self.renderCellWithCanvas(ctx, cell, series, s, d, series.y);
+      }
+    }
+    if (window.OffscreenCanvas) {
+      const reader = new FileReader();
+      reader.addEventListener(
+        "load",
+        () => {
+          _g?.remove();
+          self.dom.seriesesG.attr("transform", `translate(${d.xOffset + d.seriesXoffset},${d.yOffset})`);
+          g.selectAll("image").remove();
+          g.append("image").attr("xlink:href", reader.result).attr("x", d.xMin).attr("width", width).attr("height", height);
+        },
+        false
+      );
+      const blob = await canvas.convertToBlob({ quality: 1 });
+      const dataURL = reader.readAsDataURL(blob);
+    } else {
+      _g?.remove();
+      self.dom.seriesesG.attr("transform", `translate(${d.xOffset + d.seriesXoffset},${d.yOffset})`);
+      const dataURL = canvas.toDataURL();
+      const ratio = window.devicePixelRatio * window.devicePixelRatio;
+      g.append("image").attr("width", width).attr("height", height).attr("xlink:href", dataURL);
+      if (!window.OffscreenCanvas) canvas.remove();
+    }
+    self.mouseout();
+  };
+  self.renderCellWithCanvas = function(ctx, cell, series, s, d, _y) {
+    if (!cell.fill)
+      cell.fill = cell.$id in self.colorScaleByTermId ? self.colorScaleByTermId[cell.$id](cell.key) : getRectFill(cell);
+    const x = cell.x ? cell.x - d.xMin : 0;
+    const y = _y ? _y + cell.y : cell.y || 0;
+    const width = s.useMinPixelWidth ? Math.max(cell.width || d.colw, d.pxw) : cell.width || d.colw;
+    const height = "height" in cell ? cell.height : s.rowh;
+    ctx.fillStyle = cell.fill;
+    ctx.fillRect(x, y, width, height);
+    const borderWidth = Math.min(width, height) * 0.1;
+    if (cell.border) {
+      ctx.lineWidth = borderWidth;
+      ctx.strokeStyle = "white";
+      ctx.strokeRect(x, y, width, height);
+    }
+  };
+  self.renderCell = function(cell) {
+    if (!cell.fill)
+      cell.fill = cell.$id in self.colorScaleByTermId ? self.colorScaleByTermId[cell.$id](cell.key) : getRectFill(cell);
+    const s = self.settings.matrix;
+    const rect = select_default(this).attr("x", cell.x || 0).attr("y", cell.y || 0).attr("width", cell.width || self.dimensions.colw).attr("height", "height" in cell ? Math.max(0, cell.height) : s.rowh).attr("shape-rendering", "crispEdges").attr("fill", cell.fill);
+    if (cell.border) {
+      rect.attr("stroke", "white").attr("stroke-width", 0.8);
+    }
+  };
+  self.renderLabels = function(s, l, d, duration) {
+    for (const direction of ["top", "btm", "left", "right"]) {
+      let renderLabel2 = function(lab) {
+        const g = select_default(this);
+        g.attr("transform", side.attr.labelGTransform);
+        if (!g.select(":scope>text").size()) g.append("text");
+        const showContAxis = !side.isGroup && lab.grp?.type !== "hierCluster" && lab.tw?.q?.mode == "continuous";
+        const labelText = side.label(lab);
+        const text = g.select(":scope>text").attr("fill", "#000");
+        let continuousBarHAdjust;
+        const twSpecificSettings = self.config.settings.matrix.twSpecificSettings;
+        const twSettingsBarH = twSpecificSettings[lab.tw?.$id]?.contBarH;
+        if (twSettingsBarH && s.barh) continuousBarHAdjust = (twSettingsBarH - s.barh) * 0.5;
+        text.attr(
+          "display",
+          lab.grp?.type === "hierCluster" && s.clusterRowh < 6 ? "none" : side.attr.fontSize < 6 || labelText === "configure" ? "none" : ""
+        ).attr("font-size", lab.grp?.type === "hierCluster" ? Math.max(4, s.clusterRowh - 4) : side.attr.fontSize).attr("text-anchor", side.attr.labelAnchor).attr(
+          "transform",
+          side.attr.labelTransform + (continuousBarHAdjust ? ` translate(0,${continuousBarHAdjust})` : "")
+        ).attr("cursor", "pointer").attr(side.attr.textpos.coord, side.attr.textpos.factor * (showContAxis ? 30 : 0));
+        if (!Array.isArray(labelText)) {
+          text.text(labelText);
+          text.attr(
+            "y",
+            lab.grp?.type !== "hierCluster" && lab.tw?.q?.mode == "continuous" ? 10 : lab.grp?.type === "hierCluster" ? 0.1 * s.clusterRowh : 0
+          );
+          if (lab.grp?.type !== "hierCluster" && lab.tw?.q?.mode == "continuous") text.attr("x", -20);
+        } else {
+          text.text("");
+          const tspan = text.selectAll("tspan").data(labelText);
+          tspan.enter().append("tspan").attr("class", getTspanCls2).attr("dx", getTspanDx2).attr("font-size", getTspanFontSize2).text(getTspanText2);
+        }
+        text.on("mouseover", labelText === "configure" ? () => text.attr("opacity", 0.5) : null).on("mouseout", labelText === "configure" ? () => text.attr("opacity", 0) : null);
+        const hasAxis = g.select(".sjpp-matrix-cell-axis").size() && true;
+        if (showContAxis && labelText) {
+          if (!hasAxis) {
+            g.append("g").attr("class", "sjpp-matrix-cell-axis").attr("shape-rendering", "crispEdges");
+          }
+          const axisg = g.select(".sjpp-matrix-cell-axis");
+          axisg.selectAll("*").remove();
+          const domain = [lab.counts.maxval, lab.counts.minval];
+          if (s.transpose) domain.reverse();
+          const twSpecificSettings2 = self.config.settings.matrix.twSpecificSettings;
+          const twSettings = twSpecificSettings2[lab.tw.$id];
+          const x = !s.transpose ? 0 : twSettings.contBarGap - 1 - lab.labelOffset;
+          const y = !s.transpose ? twSettings.contBarGap - 1 - lab.labelOffset : 0;
+          axisg.attr("shape-rendering", "crispEdges").attr("transform", `translate(${x},${y})`).call(side.attr.axisFxn(lab.scales.full.domain(lab.scales.tickValues)).tickValues(lab.scales.tickValues));
+        } else if (hasAxis) {
+          g.select(".sjpp-matrix-cell-axis").remove();
+        }
+      }, getTspanCls2 = function(d2) {
+        return d2.cls;
+      }, getTspanDx2 = function(d2) {
+        return d2.dx;
+      }, getTspanFontSize2 = function(d2) {
+        return d2.fontSize || side.attr.fontSize;
+      }, getTspanText2 = function(d2) {
+        return d2.text;
+      };
+      var renderLabel = renderLabel2, getTspanCls = getTspanCls2, getTspanDx = getTspanDx2, getTspanFontSize = getTspanFontSize2, getTspanText = getTspanText2;
+      const side = l[direction];
+      side.box.style("display", side.display || "").attr("transform", side.attr.boxTransform);
+      const labels = side.box.selectAll(".sjpp-matrix-label").data(side.data, side.key);
+      labels.exit().remove();
+      labels.each(renderLabel2);
+      labels.enter().append("g").attr("class", "sjpp-matrix-label").each(renderLabel2);
+    }
+  };
+  self.colLabelGTransform = (lab, grpIndex) => {
+    const s = self.settings.matrix;
+    const d = self.dimensions;
+    lab.labelOffset = 0.8 * d.colw;
+    const x = lab.grpIndex * s.colgspace + lab.totalIndex * d.dx + lab.labelOffset + lab.totalHtAdjustments;
+    const y = 0;
+    return `translate(${x + d.seriesXoffset},${y})`;
+  };
+  self.colGrpLabelGTransform = (lab, grpIndex) => {
+    const s = self.settings.matrix;
+    const d = self.dimensions;
+    const len = (lab.processedLst || lab.grp.lst).length;
+    const x = lab.grpIndex * s.colgspace + lab.prevGrpTotalIndex * d.dx + len * d.dx / 2 + s.grpLabelFontSize / 2 + lab.totalHtAdjustments;
+    return `translate(${x + d.seriesXoffset},0)`;
+  };
+  self.rowLabelGTransform = (lab, grpIndex) => {
+    const s = self.settings.matrix;
+    const d = self.dimensions;
+    const x = 0;
+    lab.labelOffset = 0.7 * (lab.grp.type == "hierCluster" ? s.clusterRowh : s.rowh);
+    const y = lab.grpIndex * s.rowgspace + lab.totalIndex * d.dy + lab.labelOffset + lab.totalHtAdjustments;
+    return `translate(${x},${y})`;
+  };
+  self.rowGrpLabelGTransform = (lab, grpIndex) => {
+    const s = self.settings.matrix;
+    const d = self.dimensions;
+    const len = (lab.processedLst || lab.grp.lst).length;
+    const x = lab.tw?.q?.mode == "continuous" ? 20 : 0;
+    const y = lab.grpIndex * s.rowgspace + lab.prevGrpTotalIndex * d.dy + len * d.dy / 2 + s.grpLabelFontSize / 2 + lab.totalHtAdjustments;
+    return `translate(${x},${y})`;
+  };
+  self.rowAxisGTransform = (lab, grpIndex) => {
+    const s = self.settings.matrix;
+    const d = self.dimensions;
+    const x = 0;
+    const y = lab.grpIndex * s.rowgspace + lab.totalIndex * d.dy + 0.7 * s.rowh + lab.totalHtAdjustments;
+    return `translate(${x},${y})`;
+  };
+  self.renderDivideByLabel = async (s, l, d) => {
+    self.dom.mainG.selectAll(".sjpp-matrix-divide-by-label").remove();
+    if (!self.config.divideBy) return;
+    const name = self.config.divideBy?.term.name || "";
+    const text = name.length <= s.rowlabelmaxchars ? name : name.slice(0, s.rowlabelmaxchars) + "\u2026";
+    const sides = !s.transpose ? [l.left, l.right] : [l.top, l.bottom];
+    const box = sides.find((d2) => !d2.isGroup)?.box;
+    const y = (s.collabelpos == "top" ? d.mainh + s.collabelmaxchars : -s.collabelmaxchars) + 8;
+    const anchor = s.rowlabelpos == "left" ? "end" : "start";
+    const cl = s.controlLabels;
+    const gNote = box.append("g").attr("class", "sjpp-matrix-divide-by-label").attr("transform", `translate(0, ${y})`);
+    gNote.append("text").attr("text-anchor", anchor).attr("font-style", "italic").attr("y", -20).text(`${cl.Samples} grouped by`);
+    const g = box.datum({ tw: self.config.divideBy }).append("g").attr("class", "sjpp-matrix-divide-by-label").attr("transform", `translate(0, ${y})`).on("click", (event, d2) => {
+      pill.showMenu(event, textElem.node());
+    });
+    const textElem = g.append("text").attr("text-anchor", anchor).attr("font-weight", 600).text(text);
+    g.append("title").text(`${cl.Samples} are grouped by this gene or variable. Click to edit.`);
+    const customMenuOptions = [];
+    const tvsKey = isNumericTerm(self.config.divideBy.term) ? "ranges" : "values";
+    if (self.config.legendValueFilter.lst?.find(
+      (l2) => l2.legendGrpName == self.config.divideBy.term.id || l2.legendGrpName == self.config.divideBy.term.name
+    )?.tvs[tvsKey]?.length) {
+      customMenuOptions.push({ label: `Show filtered ${cl.samples}`, callback: self.showDeletedSampleGroups });
+    }
+    const pill = await termsettingInit({
+      menuOptions: "{edit,replace,remove}",
+      //numericEditMenuVersion: opts.numericEditMenuVersion,
+      customMenuOptions,
+      //custom menu options other than menuOptions
+      vocabApi: self.app.vocabApi,
+      vocab: self.state.vocab,
+      //activeCohort: opts.state?.activeCohort,
+      holder: g,
+      debug: self.opts.debug,
+      usecase: { target: "matrix" },
+      getBodyParams: () => {
+        const currentGeneNames = self.termOrder.filter((t) => t.tw.term.type === "geneVariant").map(
+          (t) => t.tw.term.chr ? `${t.tw.term.chr}:${t.tw.term.start}-${t.tw.term.stop}` : t.tw.term.gene || t.tw.term.name
+        );
+        if (currentGeneNames.length) return { currentGeneNames };
+        return {};
+      },
+      callback: async (tw) => {
+        if (self.dom.loadingDiv && self.dom.svg) {
+          self.dom.loadingDiv.selectAll("*").remove();
+          self.dom.loadingDiv.html("").style("display", "").style("position", "relative").style("left", "45%");
+          self.dom.loadingDiv.html("Processing data ...");
+          self.dom.svg.style("opacity", 0.1).style("pointer-events", "none");
+        }
+        if (tw && !tw.q) throw "data.q{} missing from pill callback";
+        if (tw?.term && isNumericTerm(tw.term)) {
+          tw.q = { ...tw.q, mode: "discrete" };
+        }
+        if (tw) await fillTermWrapper(tw, self.app.vocabApi);
+        await pill.main(tw ? tw : { term: null, q: null });
+        box.datum({ tw });
+        self.app.dispatch({
+          type: "plot_edit",
+          id: self.id,
+          config: {
+            divideBy: tw,
+            legendValueFilter: self.mayRemoveTvsEntry(self.config.divideBy)
+          }
+        });
+      }
+    });
+    const arg = {
+      term: self.config.divideBy.term,
+      q: self.config.divideBy.q
+    };
+    if (self.config.divideBy.$id) arg.$id = self.config.divideBy.$id;
+    pill.main(arg);
+  };
+  self.adjustSvgDimensions = async function(prevTranspose) {
+    const s = self.settings.matrix;
+    const hc = self.settings.hierCluster || {};
+    const l = self.layout;
+    const hcHeight = !hc.yDendrogramHeight ? 0 : hc.yDendrogramHeight + (l.top.display === "none" ? 0 : 10);
+    const hcWidth = hc.xDendrogramHeight || 0;
+    const d = self.dimensions;
+    const duration = self.dom.svg.attr("width") ? s.duration : 0;
+    await sleep(prevTranspose == s.transpose ? duration : s.duration);
+    const topBox = l.top.box.node().getBBox();
+    const btmBox = l.btm.box.node().getBBox();
+    const leftBox = l.left.box.node().getBBox();
+    const rtBox = l.right.box.node().getBBox();
+    const legendBox = self.dom.legendG.node().getBBox();
+    const seriesBox = self.dom.seriesesG.node().getBBox();
+    d.extraWidth = leftBox.width + rtBox.width + s.margin.left + s.margin.right + s.rowlabelgap * 2;
+    d.extraHeight = topBox.height + btmBox.height + s.margin.top + s.margin.bottom + s.collabelgap * 2;
+    d.svgw = d.mainw + d.extraWidth + hcWidth;
+    d.svgh = d.mainh + d.extraHeight + legendBox.height + 20 + s.scrollHeight + hcHeight;
+    self.dom.svg.attr("width", d.svgw).attr("height", d.svgh);
+    let maxLabelWidth = self.type == "hierCluster" ? 0 : leftBox.width, maxLabelNumChars = 0;
+    if (hc.xDendrogramHeight) {
+      self.dom.termLabelG.selectAll(".sjpp-matrix-label").each(function(d2) {
+        if (d2.grp.type !== "hierCluster") return;
+        const box = this.getBBox();
+        if (box.width > maxLabelWidth) {
+          maxLabelWidth = box.width;
+          maxLabelNumChars = d2.label.length;
+        }
+      });
+    }
+    const x = -l.left.offset + hcWidth + maxLabelWidth;
+    const xAdjust = !hc.xDendrogramHeight ? 0 : Math.max(leftBox.width - (hc.xDendrogramHeight + maxLabelWidth), 0);
+    const y = (l.top.display == "none" ? 0 : topBox.height) - l.top.offset + hcHeight;
+    self.dom.mainG.attr("transform", `translate(${x + xAdjust},${y})`);
+    self.dom.clipRect.attr("y", -y).attr("height", d.mainh + 500 + y);
+    const legendX = d.xOffset + (s.transpose ? 20 : 0);
+    const legendY = d.yOffset + d.mainh + s.collabelgap + (l.btm.display == "none" ? 0 : btmBox.height) + 20;
+    self.dom.legendG.attr("transform", `translate(${legendX},${legendY})`);
+    if (hc.xDendrogramHeight) {
+      const dendroX = maxLabelWidth + xAdjust - l.left.offset + d.xOffset - d.dx / 2;
+      self.dom.hcClipRect.attr("x", dendroX + hcWidth + d.dx / 2).attr("y", 0).attr("width", d.mainw + 3).attr("height", d.mainh + hc.yDendrogramHeight + 500);
+      self.topDendroX = dendroX + d.seriesXoffset;
+      self.dom.topDendrogram.attr("transform", `translate(${self.topDendroX}, 0)`);
+      const y2 = l.top.display == "none" ? 0 : topBox.height + s.collabelgap;
+      self.dom.leftDendrogram.attr("transform", `translate(${dendroX - maxLabelWidth - 10}, ${y2})`);
+    }
+  };
+}
+function getRectFill(d) {
+  if (d.fill) return d.fill;
+  const cls = d.class || Array.isArray(d.values) && d.values[0].class;
+  if (!cls) console.log;
+  return cls ? mclass[cls].color : "#555";
+}
+function sleep(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+
+export {
+  setRenderers
+};
+//# sourceMappingURL=chunk-SP7HDNXC.js.map