@sjcrh/proteinpaint-client 2.191.0 → 2.191.2

package/dist/NumContEditor-3LOAR676.js

@@ -0,0 +1,109 @@
+import {
+  make_one_checkbox
+} from "./chunk-L4TUTGTA.js";
+import "./chunk-HJ6L54YS.js";
+import {
+  HandlerBase
+} from "./chunk-LSEFWW72.js";
+import "./chunk-4FKWINMK.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-HBW42TDT.js";
+import "./chunk-G6O3URDN.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-IIT367QZ.js";
+import "./chunk-RZGEKL77.js";
+import "./chunk-XVZ5UJWU.js";
+import "./chunk-WS3NUPNV.js";
+import "./chunk-6VKTEMFV.js";
+import "./chunk-7IYJZZQI.js";
+import "./chunk-M3J4MINX.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-S4JLRRKK.js";
+import "./chunk-TVADJLMF.js";
+import "./chunk-EBKERML3.js";
+import "./chunk-DD4R5P6W.js";
+import "./chunk-JNITUVXP.js";
+import "./chunk-KSGA62R2.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-TOU7EVFQ.js";
+import "./chunk-OAWQ6LOO.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";
+
+// termsetting/handlers/NumContEditor.ts
+var NumContEditor = class extends HandlerBase {
+  constructor(opts, handler) {
+    super(opts);
+    this.dom = {};
+    this.termsetting = opts.termsetting;
+    this.tw = opts.termsetting.tw;
+    this.handler = handler;
+    this.q = this.setDefaultQ();
+  }
+  setDefaultQ() {
+    if (this.tw.q.mode == "continuous") return JSON.parse(JSON.stringify(this.tw.q));
+    return { mode: "continuous" };
+  }
+  async showEditMenu(div) {
+    this.tw = this.handler.tw;
+    this.q = this.setDefaultQ();
+    if (this.dom.inputsDiv) {
+      if (div.node().contains(this.dom.inputsDiv.node())) return;
+      else delete this.dom.inputsDiv;
+    }
+    this.dom.density_div = div.append("div");
+    await this.handler.density.showViolin(this.dom.density_div);
+    this.dom.inputsDiv = div.append("div");
+    if (this.termsetting.opts.usecase?.target == "matrix") {
+      this.dom.convert2ZCheckbox = await make_one_checkbox({
+        holder: this.dom.inputsDiv.append("div"),
+        labeltext: "Convert to Z-score",
+        checked: this.q.convert2ZScore ? true : false,
+        divstyle: { display: "inline-block", padding: "3px 10px" },
+        callback: (checked) => {
+          this.q.convert2ZScore = checked;
+          if (checked) {
+            this.dom.scaleSelect.property("value", 1);
+            delete this.q.scale;
+          }
+        }
+      });
+    }
+    const selectDiv = this.dom.inputsDiv.append("div").style("display", "inline-block");
+    selectDiv.append("div").style("display", "inline-block").style("padding", "3px 10px").html("Scale values");
+    this.dom.scaleSelect = selectDiv.append("select").on("change", (event) => {
+      if (event.target.value == "1") delete this.q.scale;
+      else {
+        if (this.dom.convert2ZCheckbox) this.dom.convert2ZCheckbox.property("checked", false);
+        this.q.scale = Number(event.target.value);
+      }
+    });
+    this.dom.scaleSelect.selectAll("option").data([
+      { html: "No Scaling", value: 1 },
+      { html: "Per 10", value: 10 },
+      { html: "Per 100", value: 100 },
+      { html: "Per 1000", value: 1e3 }
+    ]).enter().append("option").attr("value", (d) => d.value).html((d) => d.html).property("selected", (d) => "scale" in this.q && d.value == this.q.scale);
+  }
+  getEditedQ() {
+    const scaleValue = this.dom.scaleSelect.property("value");
+    if (scaleValue == "1") delete this.q.scale;
+    else this.q.scale = Number(scaleValue);
+    if (this.dom.convert2ZCheckbox) this.q.convert2ZScore = this.dom.convert2ZCheckbox.property("checked");
+    return this.q;
+  }
+  destroy() {
+    for (const name of Object.keys(this.dom)) {
+      this.dom[name].remove();
+      delete this.dom[name];
+    }
+  }
+};
+export {
+  NumContEditor
+};
+//# sourceMappingURL=NumContEditor-3LOAR676.js.map

package/dist/NumContEditor-3LOAR676.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../termsetting/handlers/NumContEditor.ts"],
+  "sourcesContent": ["import { HandlerBase } from '../HandlerBase.ts'\nimport type { Handler } from '../types.ts'\nimport type { TermSetting } from '../TermSetting.ts'\nimport type { NumCont } from '#tw'\nimport type { NumericHandler } from './NumericHandler.ts'\nimport type { ContinuousNumericQ } from '#types'\nimport { make_one_checkbox } from '#dom'\n\nexport class NumContEditor extends HandlerBase implements Handler {\n\ttw: NumCont\n\tq: ContinuousNumericQ\n\ttermsetting: TermSetting\n\thandler: NumericHandler\n\tdom: {\n\t\t[name: string]: any\n\t} = {}\n\tdraggedItem: any\n\tremovedGrp: any\n\teditedName: any\n\n\tconstructor(opts, handler) {\n\t\tsuper(opts)\n\t\tthis.termsetting = opts.termsetting\n\t\tthis.tw = opts.termsetting.tw\n\t\tthis.handler = handler\n\t\tthis.q = this.setDefaultQ()\n\t}\n\n\tsetDefaultQ() {\n\t\tif (this.tw.q.mode == 'continuous') return JSON.parse(JSON.stringify(this.tw.q))\n\t\treturn { mode: 'continuous' }\n\t}\n\n\tasync showEditMenu(div: any) {\n\t\tthis.tw = this.handler.tw as NumCont\n\t\tthis.q = this.setDefaultQ()\n\t\tif (this.dom.inputsDiv) {\n\t\t\tif (div.node().contains(this.dom.inputsDiv.node())) return\n\t\t\telse delete this.dom.inputsDiv\n\t\t}\n\n\t\tthis.dom.density_div = div.append('div')\n\t\tawait this.handler.density.showViolin(this.dom.density_div)\n\n\t\tthis.dom.inputsDiv = div.append('div')\n\t\tif (this.termsetting.opts.usecase?.target == 'matrix') {\n\t\t\tthis.dom.convert2ZCheckbox = await make_one_checkbox({\n\t\t\t\tholder: this.dom.inputsDiv.append('div'),\n\t\t\t\tlabeltext: 'Convert to Z-score',\n\t\t\t\tchecked: this.q.convert2ZScore ? true : false,\n\t\t\t\tdivstyle: { display: 'inline-block', padding: '3px 10px' },\n\t\t\t\tcallback: checked => {\n\t\t\t\t\tthis.q.convert2ZScore = checked\n\t\t\t\t\tif (checked) {\n\t\t\t\t\t\t// set the Scale values option to \"No Scaling\"\n\t\t\t\t\t\tthis.dom.scaleSelect.property('value', 1)\n\t\t\t\t\t\tdelete this.q.scale\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\n\t\tconst selectDiv = this.dom.inputsDiv.append('div').style('display', 'inline-block')\n\t\tselectDiv.append('div').style('display', 'inline-block').style('padding', '3px 10px').html('Scale values')\n\n\t\tthis.dom.scaleSelect = selectDiv.append('select').on('change', (event: any) => {\n\t\t\t//if (!this.q) throw `Missing .q{} [NumContEditor]`\n\t\t\tif (event.target.value == '1') delete this.q.scale\n\t\t\telse {\n\t\t\t\t// uncheck the convert to z-score checkbox\n\t\t\t\tif (this.dom.convert2ZCheckbox) this.dom.convert2ZCheckbox.property('checked', false)\n\t\t\t\tthis.q.scale = Number(event.target.value)\n\t\t\t}\n\t\t})\n\n\t\tthis.dom.scaleSelect\n\t\t\t.selectAll('option')\n\t\t\t.data([\n\t\t\t\t{ html: 'No Scaling', value: 1 },\n\t\t\t\t{ html: 'Per 10', value: 10 },\n\t\t\t\t{ html: 'Per 100', value: 100 },\n\t\t\t\t{ html: 'Per 1000', value: 1000 }\n\t\t\t])\n\t\t\t.enter()\n\t\t\t.append('option')\n\t\t\t.attr('value', d => d.value)\n\t\t\t.html(d => d.html)\n\t\t\t.property('selected', d => 'scale' in this.q && d.value == this.q.scale)\n\t}\n\n\tgetEditedQ() {\n\t\tconst scaleValue = this.dom.scaleSelect.property('value')\n\t\tif (scaleValue == '1') delete this.q.scale\n\t\telse this.q.scale = Number(scaleValue)\n\t\tif (this.dom.convert2ZCheckbox) this.q.convert2ZScore = this.dom.convert2ZCheckbox.property('checked')\n\t\treturn this.q\n\t}\n\n\tdestroy() {\n\t\tfor (const name of Object.keys(this.dom)) {\n\t\t\tthis.dom[name].remove()\n\t\t\tdelete this.dom[name]\n\t\t}\n\t}\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/NumContEditor.unit.spec-WIMYCOVO.js

@@ -0,0 +1,169 @@
+import {
+  agedx
+} from "./chunk-32AI7I4C.js";
+import {
+  NumericHandler
+} from "./chunk-52RORO74.js";
+import "./chunk-WHI6466S.js";
+import {
+  termjson
+} from "./chunk-DHPLHIVP.js";
+import {
+  require_tape
+} from "./chunk-QWOE5YTB.js";
+import {
+  TwRouter
+} from "./chunk-L4TUTGTA.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-LSEFWW72.js";
+import "./chunk-4FKWINMK.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-HBW42TDT.js";
+import "./chunk-G6O3URDN.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-IIT367QZ.js";
+import "./chunk-RZGEKL77.js";
+import "./chunk-XVZ5UJWU.js";
+import "./chunk-WS3NUPNV.js";
+import "./chunk-6VKTEMFV.js";
+import "./chunk-7IYJZZQI.js";
+import "./chunk-M3J4MINX.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-S4JLRRKK.js";
+import "./chunk-TVADJLMF.js";
+import "./chunk-EBKERML3.js";
+import "./chunk-DD4R5P6W.js";
+import "./chunk-JNITUVXP.js";
+import "./chunk-KSGA62R2.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-TOU7EVFQ.js";
+import "./chunk-OAWQ6LOO.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-KYBIQBXE.js";
+import {
+  select_default
+} from "./chunk-I6Y4O3RR.js";
+import "./chunk-OMR2DT66.js";
+import "./chunk-DQC5FFGV.js";
+import {
+  __toESM
+} from "./chunk-HFNDKYVF.js";
+
+// termsetting/handlers/test/NumContEditor.unit.spec.ts
+var import_tape = __toESM(require_tape(), 1);
+async function getNumericHandler(opts = {}) {
+  const term = JSON.parse(JSON.stringify(termjson.agedx));
+  const rawTw = {
+    term,
+    q: {
+      mode: "continuous"
+    }
+  };
+  const tw = await TwRouter.initRaw(rawTw);
+  const handler = new NumericHandler({
+    termsetting: {
+      tw,
+      term: rawTw.term,
+      q: rawTw.q,
+      opts: {
+        numericEditMenuVersion: ["continuous", "discrete", "binary", "spline"],
+        usecase: opts.usecase
+      },
+      api: {
+        runCallback() {
+        }
+      },
+      dom: {
+        tip: {
+          hide() {
+          }
+        }
+      },
+      vocabApi: {
+        getViolinBox() {
+          return agedx;
+        }
+      }
+    }
+  });
+  const holder = select_default("body").append("div").style("position", "relative").style("width", "fit-content").style("margin", "20px").style("padding", "5px").style("border", "1px solid #000");
+  await handler.setEditHandler(handler.tabs[0]);
+  return {
+    rawTw,
+    tw,
+    handler,
+    editHandler: handler.editHandler,
+    holder,
+    destroy: () => {
+      if ("destroy" in handler.editHandler) handler.editHandler.destroy();
+      if (typeof handler.destroy == "function") handler.destroy();
+      holder.remove();
+    }
+  };
+}
+(0, import_tape.default)("\n", (test) => {
+  test.comment("-***- NumContEditor.unit.spec -***-");
+  test.end();
+});
+(0, import_tape.default)("no opts.usecase", async (test) => {
+  const { editHandler, holder, destroy } = await getNumericHandler();
+  await editHandler.showEditMenu(holder);
+  test.equal(editHandler.dom?.density_div.selectAll("svg").size(), 1, `should render a density plot svg`);
+  test.equal(
+    editHandler.dom.inputsDiv.selectAll("option").size(),
+    4,
+    `should render scale dropdown with the expected number of options`
+  );
+  test.equal(
+    editHandler.dom.inputsDiv.selectAll(`input[type='checkbox']`).size(),
+    0,
+    `should not render a checkbox for z-score conversion`
+  );
+  const scaleValue = 100;
+  editHandler.dom?.scaleSelect.property("value", scaleValue);
+  editHandler.dom?.scaleSelect.node().dispatchEvent(new Event("change", { bubbles: true }));
+  test.equal(editHandler.q.scale, scaleValue, `should set q.scale to ${scaleValue}`);
+  test.deepEqual(
+    editHandler.getEditedQ(),
+    { mode: "continuous", isAtomic: true, hiddenValues: {}, scale: 100 },
+    `should give the expected edited q object`
+  );
+  if (test._ok) destroy();
+  test.end();
+});
+(0, import_tape.default)(`opts.usecase={target: 'matrix'}`, async (test) => {
+  const { editHandler, holder, destroy } = await getNumericHandler({ usecase: { target: "matrix" } });
+  await editHandler.showEditMenu(holder);
+  test.equal(editHandler.dom?.density_div.selectAll("svg").size(), 1, `should render a density plot svg`);
+  test.equal(
+    editHandler.dom?.inputsDiv.selectAll("option").size(),
+    4,
+    `should render scale dropdown with the expected number of options`
+  );
+  test.equal(
+    editHandler.dom?.inputsDiv.selectAll(`input[type='checkbox']`).size(),
+    1,
+    `should render a checkbox for z-score conversion`
+  );
+  const scaleValue = 1e3;
+  editHandler.dom.scaleSelect.property("value", scaleValue);
+  editHandler.dom.scaleSelect.node().dispatchEvent(new Event("change", { bubbles: true }));
+  editHandler.dom.convert2ZCheckbox.property("checked", true);
+  editHandler.dom.convert2ZCheckbox.node().dispatchEvent(new Event("input", { bubbles: true }));
+  test.equal(editHandler.q.scale, void 0, `should delete q.scale when convert2ZCheckbox is checked`);
+  editHandler.dom.scaleSelect.property("value", scaleValue);
+  editHandler.dom.scaleSelect.node().dispatchEvent(new Event("change", { bubbles: true }));
+  test.equal(
+    editHandler.dom.convert2ZCheckbox.property("checked"),
+    false,
+    `should set convert2ZCheckbox to false when scale is set to >1`
+  );
+  test.deepEqual(
+    editHandler.getEditedQ(),
+    { mode: "continuous", isAtomic: true, hiddenValues: {}, convert2ZScore: false, scale: 1e3 },
+    `should give the expected edited q object`
+  );
+  if (test._ok) destroy();
+  test.end();
+});
+//# sourceMappingURL=NumContEditor.unit.spec-WIMYCOVO.js.map

package/dist/NumCustomBinEditor-XIOAYWOD.js

@@ -0,0 +1,38 @@
+import {
+  NumCustomBinEditor
+} from "./chunk-X5X5T3AJ.js";
+import "./chunk-L4TUTGTA.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-LSEFWW72.js";
+import "./chunk-4FKWINMK.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-HBW42TDT.js";
+import "./chunk-G6O3URDN.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-IIT367QZ.js";
+import "./chunk-RZGEKL77.js";
+import "./chunk-XVZ5UJWU.js";
+import "./chunk-WS3NUPNV.js";
+import "./chunk-6VKTEMFV.js";
+import "./chunk-7IYJZZQI.js";
+import "./chunk-M3J4MINX.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-S4JLRRKK.js";
+import "./chunk-TVADJLMF.js";
+import "./chunk-EBKERML3.js";
+import "./chunk-DD4R5P6W.js";
+import "./chunk-JNITUVXP.js";
+import "./chunk-KSGA62R2.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-TOU7EVFQ.js";
+import "./chunk-OAWQ6LOO.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";
+export {
+  NumCustomBinEditor
+};
+//# sourceMappingURL=NumCustomBinEditor-XIOAYWOD.js.map

package/dist/NumCustomBinEditor.unit.spec-N5OV6MKR.js

@@ -0,0 +1,284 @@
+import {
+  agedx
+} from "./chunk-32AI7I4C.js";
+import {
+  NumericHandler
+} from "./chunk-52RORO74.js";
+import "./chunk-WHI6466S.js";
+import {
+  termjson
+} from "./chunk-DHPLHIVP.js";
+import {
+  require_tape
+} from "./chunk-QWOE5YTB.js";
+import {
+  TwRouter
+} from "./chunk-L4TUTGTA.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-LSEFWW72.js";
+import "./chunk-4FKWINMK.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-HBW42TDT.js";
+import "./chunk-G6O3URDN.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-IIT367QZ.js";
+import "./chunk-RZGEKL77.js";
+import "./chunk-XVZ5UJWU.js";
+import "./chunk-WS3NUPNV.js";
+import "./chunk-6VKTEMFV.js";
+import "./chunk-7IYJZZQI.js";
+import "./chunk-M3J4MINX.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-S4JLRRKK.js";
+import "./chunk-TVADJLMF.js";
+import "./chunk-EBKERML3.js";
+import "./chunk-DD4R5P6W.js";
+import "./chunk-JNITUVXP.js";
+import "./chunk-KSGA62R2.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-TOU7EVFQ.js";
+import "./chunk-OAWQ6LOO.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-KYBIQBXE.js";
+import {
+  select_default
+} from "./chunk-I6Y4O3RR.js";
+import "./chunk-OMR2DT66.js";
+import "./chunk-DQC5FFGV.js";
+import {
+  __toESM
+} from "./chunk-HFNDKYVF.js";
+
+// termsetting/handlers/test/NumCustomBinEditor.unit.spec.ts
+var import_tape = __toESM(require_tape(), 1);
+var pct50 = 6.3475409836;
+var pct70 = 1000.36986301355;
+async function getNumericHandler(opts = {}) {
+  const term = JSON.parse(JSON.stringify(termjson.agedx));
+  const rawTw = {
+    term,
+    q: {
+      mode: "discrete",
+      type: "custom-bin",
+      preferredBins: "median"
+    }
+  };
+  let handler = {};
+  const vocabApi = {
+    state: {
+      termfilter: { filter: { type: "tvslst", in: "", lst: [] } }
+    },
+    getViolinBox() {
+      return agedx;
+    },
+    getPercentile() {
+      return {
+        values: handler?.editHandler?.q.cutoffPercentile === 70 ? [pct70] : [pct50]
+      };
+    }
+  };
+  const tw = await TwRouter.initRaw(rawTw, { vocabApi });
+  handler = new NumericHandler({
+    termsetting: {
+      tw,
+      term: rawTw.term,
+      q: rawTw.q,
+      opts: {
+        numericEditMenuVersion: ["discrete"],
+        usecase: opts.usecase
+      },
+      api: {
+        runCallback() {
+        }
+      },
+      dom: {
+        tip: {
+          hide() {
+          }
+        }
+      },
+      vocabApi
+    }
+  });
+  handler.density_data = { min: agedx.min, max: agedx.max };
+  const holder = select_default("body").append("div").style("position", "relative").style("width", "fit-content").style("margin", "20px").style("padding", "5px").style("border", "1px solid #000");
+  handler.dom.editDiv = holder;
+  await handler.setEditHandler(handler.tabs[0]);
+  const binsEditor = handler.editHandler.editorsByType["custom-bin"];
+  return {
+    rawTw,
+    tw,
+    handler,
+    editHandler: handler.editHandler,
+    binsEditor,
+    holder,
+    destroy: () => {
+      if ("destroy" in handler.editHandler) handler.editHandler.destroy();
+      if (typeof handler.destroy == "function") handler.destroy();
+      holder.remove();
+    }
+  };
+}
+(0, import_tape.default)("\n", (test) => {
+  test.comment("-***- NumCustomBinEditor.unit.spec -***-");
+  test.end();
+});
+(0, import_tape.default)("handler methods", async (test) => {
+  const { binsEditor, destroy } = await getNumericHandler();
+  test.deepEqual(
+    binsEditor.getDefaultQ(),
+    {
+      mode: "discrete",
+      type: "custom-bin",
+      isAtomic: true,
+      lst: [
+        {
+          startunbounded: true,
+          stop: 6.35,
+          stopinclusive: false,
+          label: "<6.35",
+          range: '<span style="font-family:Times;font-style:italic;">x</span> <6.35'
+        },
+        {
+          start: 6.35,
+          startinclusive: true,
+          stopunbounded: true,
+          label: "\u22656.35",
+          range: '<span style="font-family:Times;font-style:italic;">x</span> \u22656.35'
+        }
+      ],
+      hiddenValues: {}
+    },
+    `should give the expected default tw.q object`
+  );
+  binsEditor.tw.q = { mode: "continuous" };
+  test.deepEqual(
+    binsEditor.getDefaultQ(),
+    {
+      mode: "discrete",
+      type: "custom-bin",
+      lst: [
+        {
+          startunbounded: true,
+          startinclusive: false,
+          stopinclusive: false,
+          stop: 2355,
+          label: "<2355",
+          range: '<span style="font-family:Times;font-style:italic;">x</span> <2355'
+        },
+        {
+          stopunbounded: true,
+          startinclusive: true,
+          stopinclusive: false,
+          start: 2355,
+          label: "\u22652355",
+          range: '<span style="font-family:Times;font-style:italic;">x</span> \u22652355'
+        }
+      ]
+    },
+    `should give the expected default tw.q object if the mode is not discrete`
+  );
+  if (test._ok) destroy();
+  test.end();
+});
+(0, import_tape.default)("initial rendered UI", async (test) => {
+  const { editHandler, binsEditor, holder, destroy } = await getNumericHandler();
+  await editHandler.showEditMenu(holder);
+  test.equal(binsEditor.dom.customBinBoundaryInput?.size(), 1, `should render a textarea input for custom bin entries`);
+  const textInputs = binsEditor.dom.inputsDiv.node().querySelectorAll(`input[type='text']`);
+  test.equal(textInputs.length, 2, `should render 2 number inputs to match tw.q.lst[]`);
+  const ranges = binsEditor.dom.inputsDiv.node().querySelectorAll('div[name="range"]');
+  test.equal(ranges[0].innerText, "x <6.35", `should render the expected first bin range`);
+  test.equal(ranges[1].innerText, "x \u22656.35", `should render the expected last bin range`);
+  const binInputs = binsEditor.dom.inputsDiv.node().querySelectorAll("input");
+  test.equal(binInputs[0].value, "<6.35", `should render the expected first bin input value`);
+  test.equal(binInputs[1].value, "\u22656.35", `should render the expected last bin input value`);
+  if (test._ok) destroy();
+  test.end();
+});
+(0, import_tape.default)("edit interactivity", async (test) => {
+  const { editHandler, binsEditor, holder, destroy } = await getNumericHandler();
+  await editHandler.showEditMenu(holder);
+  const newKnots = [10, 200, 600, 3e3];
+  binsEditor.dom.customBinBoundaryInput.property("value", newKnots.join("\n"));
+  binsEditor.dom.customBinBoundaryInput.node().dispatchEvent(new Event("change", { bubbles: true }));
+  const lines = [...editHandler.handler.density.dom.binsize_g.node().querySelectorAll("line")];
+  test.deepEqual(
+    lines.map((l) => l.getAttribute("x1")),
+    ["11", "31", "74", "328"],
+    `should re-render the draggable lines in the updated x-positions`
+  );
+  const input0 = binsEditor.dom.customBinLabelInput.node();
+  input0.value = "- TEST -";
+  input0.dispatchEvent(new Event("change", { bubbles: true }));
+  test.deepEqual(
+    binsEditor.getEditedQ(false),
+    {
+      mode: "discrete",
+      type: "custom-bin",
+      lst: [
+        {
+          startunbounded: true,
+          stop: 10,
+          startinclusive: false,
+          stopinclusive: true,
+          label: "- TEST -",
+          range: '<span style="font-family:Times;font-style:italic;">x</span> \u226410'
+        },
+        {
+          start: 10,
+          startinclusive: false,
+          stopinclusive: true,
+          stop: 200,
+          label: ">10 to 200",
+          range: '10 < <span style="font-family:Times;font-style:italic;">x</span> \u2264 200'
+        },
+        {
+          start: 200,
+          startinclusive: false,
+          stopinclusive: true,
+          stop: 600,
+          label: ">200 to 600",
+          range: '200 < <span style="font-family:Times;font-style:italic;">x</span> \u2264 600'
+        },
+        {
+          start: 600,
+          startinclusive: false,
+          stopinclusive: true,
+          stop: 3e3,
+          label: ">600 to 3000",
+          range: '600 < <span style="font-family:Times;font-style:italic;">x</span> \u2264 3000'
+        },
+        {
+          start: 3e3,
+          startinclusive: false,
+          stopinclusive: false,
+          stopunbounded: true,
+          label: ">3000",
+          range: '<span style="font-family:Times;font-style:italic;">x</span> >3000'
+        }
+      ]
+    },
+    `should give the expected edited q object`
+  );
+  const inputsDiv = binsEditor.dom.inputsDiv.node();
+  await binsEditor.render(editHandler.dom.binsDiv.node().firstChild);
+  test.equal(
+    inputsDiv,
+    binsEditor.dom.inputsDiv.node(),
+    `should not re-render the menu when the holder has not changed`
+  );
+  editHandler.undoEdits();
+  {
+    const lines2 = [...editHandler.handler.density.dom.binsize_g.node().querySelectorAll("line")];
+    test.equal(lines2.length, 1, `should render 1 draggable line in the density plot`);
+    test.deepEqual(
+      lines2.map((l) => l.getAttribute("x1")),
+      ["11"],
+      `should render the draggable lines in the expected x-positions`
+    );
+  }
+  if (test._ok) destroy();
+  test.end();
+});
+//# sourceMappingURL=NumCustomBinEditor.unit.spec-N5OV6MKR.js.map