@sjcrh/proteinpaint-client 2.181.0 → 2.182.1

package/dist/chunk-CXOF4UGH.js

@@ -0,0 +1,229 @@
+import {
+  keyupEnter
+} from "./chunk-NVB7MQLH.js";
+import {
+  get_bin_label,
+  get_bin_range_equation
+} from "./chunk-WGL6FIUE.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;
+  }
+  async render(div) {
+    if (this.q?.type != "custom-bin") this.q = this.getDefaultQ();
+    await this.editHandler.handler.density.setBinLines(this.getBoundaryOpts());
+    if (this.dom.inputsDiv) {
+      if (this.editHandler.dom.binsDiv?.node().contains(this.dom.inputsDiv.node())) return;
+      else {
+        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: bin.startunbounded ? bin.stop : bin.start, isDraggable: true })),
+      callback: (d, value) => {
+        const boundaryValues = this.q.lst.slice(1).map((d2) => "start" in d2 ? d2.start : "");
+        boundaryValues[d.index] = value;
+        this.dom.customBinBoundaryInput.text(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);
+      });
+      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)
+        },
+        {
+          ...lastBin,
+          label: get_bin_label(lastBin, this.tw.q, this.tw.term.valueConversion),
+          range: get_bin_range_equation(lastBin, this.tw.q)
+        }
+        //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 ? 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(Number).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);
+    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);
+      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-CXOF4UGH.js.map

package/dist/chunk-CXOF4UGH.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'\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\tasync render(div) {\n\t\tif (this.q?.type != 'custom-bin') this.q = this.getDefaultQ()\n\t\tawait this.editHandler.handler.density.setBinLines(this.getBoundaryOpts())\n\t\tif (this.dom.inputsDiv) {\n\t\t\tif (this.editHandler.dom.binsDiv?.node().contains(this.dom.inputsDiv.node())) return\n\t\t\telse {\n\t\t\t\tthis.dom.inputsDiv.remove()\n\t\t\t\tdelete this.dom.inputsDiv\n\t\t\t}\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.slice(1).map(bin => ({ x: bin.startunbounded ? bin.stop : bin.start, isDraggable: true })),\n\t\t\tcallback: (d: LineData, value) => {\n\t\t\t\tconst boundaryValues = this.q.lst.slice(1).map(d => ('start' in d ? d.start : ''))\n\t\t\t\tboundaryValues[d.index] = value\n\t\t\t\tthis.dom.customBinBoundaryInput.text(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)\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)\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)\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 ? 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\tconst sortedBins = Array.from(trackBins)\n\t\t\t.map(Number)\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)\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) bin.range = get_bin_range_equation(bin, self.q)\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-D4QFQQWJ.js

@@ -0,0 +1,170 @@
+import {
+  getEmptyCell,
+  maySetEmptyCell,
+  setCellProps
+} from "./chunk-QMI222IJ.js";
+import {
+  TermTypeGroups
+} from "./chunk-XYFDBYOY.js";
+import {
+  __export
+} from "./chunk-HFNDKYVF.js";
+
+// plots/matrix/matrix.serieses.js
+var matrix_serieses_exports = {};
+__export(matrix_serieses_exports, {
+  getSerieses: () => getSerieses
+});
+function getSerieses(data) {
+  const s = this.settings.matrix;
+  const serieses = [];
+  const { colw, dx, dy, xMin, xMax } = this.dimensions;
+  const dvt = this.config.divideBy || {};
+  const divideByTermId = "id" in dvt ? dvt.id : dvt.name;
+  const legendGroups = {};
+  this.colorScaleByTermId = {};
+  for (const t of this.termOrder) {
+    const $id = t.tw.$id;
+    const termid = "id" in t.tw.term ? t.tw.term.id : t.tw.term.name;
+    const isDivideByTerm = termid === divideByTermId;
+    const emptyGridCells = [];
+    const cellht = t.grp.type == "hierCluster" ? s.clusterRowh : dy;
+    const htAdjust = t.grp.type == "hierCluster" ? 0 : t.totalHtAdjustments;
+    const y = s.transpose ? 0 : t.totalIndex * cellht + t.visibleGrpIndex * s.rowgspace + htAdjust;
+    const twSpecificSettings = this.config.settings.matrix.twSpecificSettings;
+    const hoverY0 = (twSpecificSettings[$id]?.contBarGap || 0) + y;
+    const series = {
+      t,
+      tw: t.tw,
+      cells: [],
+      y,
+      hoverY0,
+      hoverY1: hoverY0 + (twSpecificSettings[$id]?.contBarH || cellht)
+    };
+    for (const so of this.unfilteredSampleOrder) {
+      const { totalIndex, grpIndex, row } = so;
+      series.x = !s.transpose ? 0 : t.totalIndex * dx + t.visibleGrpIndex * s.colgspace;
+      const anno = row[$id];
+      const cellTemplate = {
+        s: so,
+        sample: row.sample,
+        tw: t.tw,
+        term: t.tw.term,
+        termid,
+        $id,
+        totalIndex,
+        grpIndex,
+        row,
+        t,
+        seriesY: y
+      };
+      if (!anno) {
+        if (!so.grp.isExcluded && (s.useCanvas || so.grp)) {
+          const cell = getEmptyCell(cellTemplate, s, this.dimensions);
+          series.cells.push(cell);
+        }
+        continue;
+      }
+      const key = anno.key;
+      const values = anno.filteredValues || anno.values || [anno.value];
+      const numRects = s.cellEncoding == "oncoprint" ? 1 : values.length;
+      const height = !s.transpose ? s.rowh / numRects : colw;
+      const width = !s.transpose ? colw : colw / values.length;
+      const siblingCells = [];
+      if (!anno || !anno.renderedValues?.length) {
+        if (!so.grp.isExcluded && (s.useCanvas || so.grp)) {
+          const cell = getEmptyCell(cellTemplate, s, this.dimensions);
+          series.cells.push(cell);
+        }
+        continue;
+      }
+      for (const [i, value] of values.entries()) {
+        const cell = Object.assign({ key, siblingCells }, cellTemplate);
+        cell.valueIndex = i;
+        let legend;
+        if (typeof t.tw.setCellProps == "function") {
+          legend = t.tw.setCellProps(cell, anno, value, s, t, this, width, height, dx, dy, i);
+        } else {
+          const cellProps = t.grp.type == "hierCluster" ? setCellProps["hierCluster"] : t.tw.term.type == "samplelst" ? setCellProps["categorical"] : setCellProps[t.tw.term.type];
+          legend = cellProps(cell, t.tw, anno, value, s, t, this, width, height, dx, dy, i);
+        }
+        if (!s.useCanvas && (cell.x + cell.width < xMin || cell.x - cell.width > xMax)) continue;
+        if (legend) {
+          for (const l of [legendGroups, so.grp.legendGroups]) {
+            if (!l) continue;
+            if (!l[legend.group]) {
+              l[legend.group] = {
+                ref: legend.ref,
+                values: {},
+                order: legend.order,
+                $id,
+                origin: legend.entry.origin
+              };
+              if (legend.entry.dt) l[legend.group].dt = [legend.entry.dt];
+            }
+            const lg = l[legend.group];
+            if (lg.dt && !lg.dt.includes(legend.entry.dt)) lg.dt.push(legend.entry.dt);
+            const legendK = legend.entry.origin ? legend.entry.origin + legend.value : legend.value;
+            if (!lg.values[legendK]) {
+              lg.values[legendK] = JSON.parse(JSON.stringify(legend.entry));
+              if (legend.entry.scale) lg.values[legendK].scale = legend.entry.scale;
+            }
+            if (!lg.values[legendK].samples) lg.values[legendK].samples = /* @__PURE__ */ new Set();
+            if (t.tw.term.name === TermTypeGroups.MUTATION_SIGNATURE) {
+              if (value?.value > 0) lg.values[legendK].samples.add(row.sample);
+            } else lg.values[legendK].samples.add(row.sample);
+            if (isDivideByTerm) {
+              lg.values[legend.value].isExcluded = so.grp.isExcluded;
+            }
+          }
+        }
+        if (!so.grp.isExcluded) {
+          if (anno.renderedValues.includes(value)) series.cells.push(cell);
+          siblingCells.push(cell);
+        }
+      }
+      if (s.showGrid == "rect" && !so.grp.isExcluded) {
+        const cell = t.grp.type == "hierCluster" ? getEmptyCell(cellTemplate, s, this.dimensions) : maySetEmptyCell[t.tw.term.type]?.(siblingCells, cellTemplate, s, this.dimensions);
+        if (cell) emptyGridCells.push(cell);
+      }
+    }
+    if (emptyGridCells.length) series.cells.unshift(...emptyGridCells);
+    if (series.cells.length) serieses.push(series);
+  }
+  addAllHiddenLegendGroups(legendGroups, this);
+  this.legendData = this.getLegendData(legendGroups, data.refs, this);
+  for (const grp of this.sampleGroups) {
+    grp.legendData = this.getLegendData(grp.legendGroups, data.refs, this);
+  }
+  return serieses;
+}
+function addAllHiddenLegendGroups(legendGroups, self) {
+  for (const valueFilter of self.config.legendValueFilter.lst) {
+    if (valueFilter.tvs.term.type == "categorical" && !legendGroups[valueFilter.tvs.term.$id]) {
+      legendGroups[valueFilter.tvs.term.$id] = {
+        ref: {},
+        values: {},
+        $id: valueFilter.tvs.term.$id
+      };
+    } else if (valueFilter.tvs.term.type == "geneVariant" && !legendGroups[valueFilter.legendGrpName]) {
+      legendGroups[valueFilter.legendGrpName] = {
+        ref: {},
+        values: {},
+        dt: [valueFilter.tvs.values[0].dt],
+        origin: valueFilter.tvs.values[0].origin
+      };
+    } else if ((valueFilter.tvs.term.type == "integer" || valueFilter.tvs.term.type == "float") && !legendGroups[valueFilter.tvs.term.$id]) {
+      legendGroups[valueFilter.tvs.term.$id] = {
+        ref: {},
+        values: {},
+        $id: valueFilter.tvs.term.$id
+      };
+    }
+  }
+}
+
+export {
+  getSerieses,
+  matrix_serieses_exports
+};
+//# sourceMappingURL=chunk-D4QFQQWJ.js.map