@sjcrh/proteinpaint-client 2.181.0 → 2.182.0

package/dist/NumDiscreteEditor-6C4OWX62.js

@@ -0,0 +1,177 @@
+import {
+  NumCustomBinEditor
+} from "./chunk-X6UPDFDX.js";
+import {
+  NumRegularBinEditor
+} from "./chunk-2J3566TA.js";
+import {
+  Tabs
+} from "./chunk-7FEHI46K.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-XD6BFNMR.js";
+import "./chunk-2SRMRC6L.js";
+import "./chunk-TCPU43TU.js";
+import "./chunk-XDI4UFCZ.js";
+import "./chunk-FN5XPUPH.js";
+import {
+  HandlerBase
+} from "./chunk-LSEFWW72.js";
+import "./chunk-5EF5U7MX.js";
+import "./chunk-IQIXGTQV.js";
+import "./chunk-UCLS2SVB.js";
+import "./chunk-MVTCBVSX.js";
+import "./chunk-F6V4AYWP.js";
+import "./chunk-5OHXYXLD.js";
+import "./chunk-DQC5FFGV.js";
+import "./chunk-DVDDXOWT.js";
+import "./chunk-6MSCYO7K.js";
+import "./chunk-22NJUYET.js";
+import "./chunk-MDL2HG3N.js";
+import "./chunk-IGEQI6MR.js";
+import "./chunk-BEWDIM6H.js";
+import "./chunk-IH7ILDJS.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-TOU7EVFQ.js";
+import "./chunk-OAWQ6LOO.js";
+import "./chunk-SEEYV6P2.js";
+import "./chunk-NDWTN4U5.js";
+import "./chunk-OMR2DT66.js";
+import "./chunk-HFNDKYVF.js";
+
+// termsetting/handlers/NumDiscreteEditor.ts
+var NumDiscreteEditor = class extends HandlerBase {
+  constructor(opts, handler) {
+    super(opts);
+    this.dom = {};
+    this.boundaryInclusion = "stopinclusive";
+    this.activeTab = "regular-bin";
+    this.termsetting = opts.termsetting;
+    this.tw = opts.termsetting.tw;
+    this.handler = handler;
+    this.editorsByType = {
+      "regular-bin": new NumRegularBinEditor(this),
+      "custom-bin": new NumCustomBinEditor(this)
+    };
+    if (this.tw.term.bins?.default.type != "regular-bin") this.activeTab = "custom-bin";
+  }
+  setDefaultBoundaryInclusion() {
+    if (this.tw.q.mode == "discrete") {
+      if (this.tw.q.type == "regular-bin")
+        this.boundaryInclusion = this.tw.q.startinclusive ? "startinclusive" : "stopinclusive";
+      else this.boundaryInclusion = this.tw.q.lst[0].startinclusive ? "startinclusive" : "stopinclusive";
+    } else {
+      this.boundaryInclusion = "stopinclusive";
+    }
+  }
+  async showEditMenu(div) {
+    if (this.dom.boundaryInclusionDiv) {
+      if (div.node().contains(this.dom.boundaryInclusionDiv.node())) {
+        await this.handler.density.showViolin(this.dom.density_div);
+        if (this.tabs.tabs) {
+          const tab = this.tabs.tabs[this.activeTab == "regular-bin" ? 0 : 1];
+          await this.editorsByType[this.activeTab].render(tab.contentHolder);
+        }
+        return;
+      } else delete this.dom.boundaryInclusionDiv;
+    }
+    this.dom.density_div = div.append("div");
+    await this.handler.density.showViolin(this.dom.density_div);
+    const self = this.termsetting;
+    if (self.term && !self.term.bins) {
+      self.handler.showLoading(div);
+      const tw = {
+        term: self.term,
+        q: self.q
+        /*, $id: ''*/
+      };
+      try {
+        await self.vocabApi.setTermBins(tw);
+      } catch (e) {
+        div.append("div").attr("class", "sja_errorbar").text(e);
+      }
+      this.handler.hideLoading();
+    }
+    this.tw = this.termsetting.tw;
+    this.setDefaultBoundaryInclusion();
+    this.renderBoundaryInclusionInput(div);
+    this.mayShowValueconversionMsg(div);
+    this.renderTypeInputs(div);
+  }
+  renderBoundaryInclusionInput(div) {
+    this.dom.boundaryInclusionDiv = div.append("div");
+    this.dom.boundaryInclusionDiv.append("span").style("padding", "5px").style("color", "rgb(136, 136, 136)").html("Boundary Inclusion");
+    const x = '<span style="font-family:Times;font-style:italic">x</span>';
+    this.dom.boundaryInput = this.dom.boundaryInclusionDiv.append("select").style("margin-left", "10px").on("change", () => {
+      this.boundaryInclusion = this.dom.boundaryInput.property("value");
+      if (this.activeTab == "custom-bin") this.editorsByType[this.activeTab].handleInputChange();
+      const q = this.editorsByType["regular-bin"].q;
+      q.startinclusive = this.boundaryInclusion === "startinclusive";
+      q.stopinclusive = this.boundaryInclusion === "stopinclusive";
+    });
+    const options = [];
+    if (this.termsetting?.opts?.usecase?.target == "runChart2") {
+    } else {
+      options.push({ value: "stopinclusive", html: `start &lt; ${x} &le; end` });
+    }
+    options.push({ value: "startinclusive", html: `start &le; ${x} &lt; end` });
+    this.dom.boundaryInput.selectAll("option").data(options).enter().append("option").property("value", (d) => d.value).property("selected", (d) => d.value === this.boundaryInclusion).html((d) => d.html);
+  }
+  mayShowValueconversionMsg(div) {
+    const term = this.tw.term;
+    if ("valueConversion" in term) {
+      div.append("div").style("margin-bottom", "5px").style("opacity", 0.6).text(`Note: using values by the unit of ${term.valueConversion?.fromUnit}.`);
+    }
+  }
+  renderTypeInputs(_div) {
+    this.dom.binsDiv = _div.append("div");
+    const div = this.dom.binsDiv.append("div").style("margin", "10px");
+    if (this.tw.term.bins?.default.type == "custom-bin") {
+      this.editorsByType["custom-bin"].render(div);
+      return;
+    }
+    if (this.tw.term.bins?.default.type != "regular-bin")
+      throw "self.bins.default.type is neither regular-bin or custom-bin, cannot render ui";
+    const tabs = [
+      {
+        active: this.tw.q.type == "regular-bin",
+        label: "Same bin size",
+        callback: async (_, tab) => {
+          if (tab.isInitialized) return;
+          this.activeTab = "regular-bin";
+          await this.editorsByType["regular-bin"].render(tab.contentHolder);
+        }
+      },
+      {
+        active: this.tw.q.type == "custom-bin",
+        label: "Varying bin sizes",
+        callback: async (event, tab) => {
+          if (tab.isInitialized) return;
+          this.activeTab = "custom-bin";
+          await this.editorsByType["custom-bin"].render(tab.contentHolder);
+        }
+      }
+    ];
+    this.tabs = new Tabs({ holder: div, tabs });
+    this.tabs.main();
+  }
+  getEditedQ(destroyDom = true) {
+    this.boundaryInclusion = this.dom.boundaryInput.property("value");
+    return this.editorsByType[this.activeTab].getEditedQ(destroyDom);
+    if (destroyDom) this.destroy();
+  }
+  undoEdits() {
+    this.setDefaultBoundaryInclusion();
+    this.dom.boundaryInput.property("value", this.boundaryInclusion);
+    this.editorsByType[this.activeTab].undoEdits();
+  }
+  destroy() {
+    for (const name of Object.keys(this.dom)) {
+      this.dom[name].remove();
+      delete this.dom[name];
+    }
+  }
+};
+export {
+  NumDiscreteEditor
+};
+//# sourceMappingURL=NumDiscreteEditor-6C4OWX62.js.map

package/dist/NumDiscreteEditor-6C4OWX62.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../termsetting/handlers/NumDiscreteEditor.ts"],
+  "sourcesContent": ["//import { keyupEnter } from '#src/client'\n//import { format } from 'd3-format'\nimport { Tabs } from '#dom'\n//import { getPillNameDefault } from '../utils.ts'\nimport { HandlerBase } from '../HandlerBase.ts'\nimport type { Handler } from '../types.ts'\nimport type { TermSetting } from '../TermSetting.ts'\nimport type { NumRegularBin, NumCustomBins } from '#tw'\nimport type { NumericHandler } from './NumericHandler.ts'\nimport { NumRegularBinEditor } from './NumRegularBinEditor.ts'\nimport { NumCustomBinEditor } from './NumCustomBinEditor.ts'\n\n// To show edit menu\n// NumericHandler (handler) -> NumDiscreteEditor (editor) -> bin editors\nexport class NumDiscreteEditor extends HandlerBase implements Handler {\n\ttw: NumRegularBin | NumCustomBins\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\tboundaryInclusion: 'startinclusive' | 'stopinclusive' = 'stopinclusive'\n\n\tactiveTab: 'regular-bin' | 'custom-bin' = 'regular-bin'\n\teditorsByType: {\n\t\t'regular-bin': NumRegularBinEditor\n\t\t'custom-bin': NumCustomBinEditor\n\t}\n\ttabs!: Tabs\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.editorsByType = {\n\t\t\t'regular-bin': new NumRegularBinEditor(this),\n\t\t\t'custom-bin': new NumCustomBinEditor(this)\n\t\t}\n\t\tif (this.tw.term.bins?.default.type != 'regular-bin') this.activeTab = 'custom-bin'\n\t\t//this.dom.holder = opts.holder || this.termsetting.dom.tip.d\n\t}\n\n\tsetDefaultBoundaryInclusion() {\n\t\tif (this.tw.q.mode == 'discrete') {\n\t\t\tif (this.tw.q.type == 'regular-bin')\n\t\t\t\tthis.boundaryInclusion = this.tw.q.startinclusive ? 'startinclusive' : 'stopinclusive'\n\t\t\telse this.boundaryInclusion = this.tw.q.lst[0].startinclusive ? 'startinclusive' : 'stopinclusive'\n\t\t} else {\n\t\t\tthis.boundaryInclusion = 'stopinclusive'\n\t\t}\n\t}\n\n\tasync showEditMenu(div: any) {\n\t\tif (this.dom.boundaryInclusionDiv) {\n\t\t\tif (div.node().contains(this.dom.boundaryInclusionDiv.node())) {\n\t\t\t\tawait this.handler.density.showViolin(this.dom.density_div)\n\t\t\t\tif (this.tabs.tabs) {\n\t\t\t\t\tconst tab = this.tabs.tabs[this.activeTab == 'regular-bin' ? 0 : 1]\n\t\t\t\t\tawait this.editorsByType[this.activeTab].render((tab as any).contentHolder)\n\t\t\t\t}\n\t\t\t\treturn\n\t\t\t} else delete this.dom.boundaryInclusionDiv\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\tconst self = this.termsetting\n\t\t// TODO: should make exceptions for survival or geneExpression terms???\n\t\tif (self.term && !self.term.bins) {\n\t\t\tself.handler.showLoading(div)\n\t\t\tconst tw = { term: self.term, q: self.q /*, $id: ''*/ }\n\t\t\ttry {\n\t\t\t\tawait self.vocabApi.setTermBins(tw as any) // TODO: fix type\n\t\t\t} catch (e) {\n\t\t\t\tdiv.append('div').attr('class', 'sja_errorbar').text(e)\n\t\t\t}\n\t\t\tthis.handler.hideLoading()\n\t\t}\n\n\t\tthis.tw = this.termsetting.tw as NumRegularBin | NumCustomBins // TODO: do not force\n\t\tthis.setDefaultBoundaryInclusion()\n\t\tthis.renderBoundaryInclusionInput(div)\n\t\tthis.mayShowValueconversionMsg(div)\n\t\tthis.renderTypeInputs(div)\n\t}\n\n\trenderBoundaryInclusionInput(div) {\n\t\tthis.dom.boundaryInclusionDiv = div.append('div')\n\t\tthis.dom.boundaryInclusionDiv\n\t\t\t.append('span')\n\t\t\t.style('padding', '5px')\n\t\t\t.style('color', 'rgb(136, 136, 136)')\n\t\t\t.html('Boundary Inclusion')\n\n\t\tconst x = '<span style=\"font-family:Times;font-style:italic\">x</span>'\n\n\t\tthis.dom.boundaryInput = this.dom.boundaryInclusionDiv\n\t\t\t.append('select')\n\t\t\t.style('margin-left', '10px')\n\t\t\t.on('change', () => {\n\t\t\t\tthis.boundaryInclusion = this.dom.boundaryInput.property('value')\n\t\t\t\tif (this.activeTab == 'custom-bin') this.editorsByType[this.activeTab].handleInputChange()\n\t\t\t\tconst q = this.editorsByType['regular-bin'].q\n\t\t\t\tq.startinclusive = this.boundaryInclusion === 'startinclusive'\n\t\t\t\tq.stopinclusive = this.boundaryInclusion === 'stopinclusive'\n\t\t\t})\n\n\t\tconst options: { value: string; html: string }[] = []\n\t\tif (this.termsetting?.opts?.usecase?.target == 'runChart2') {\n\t\t\t// in runChart this is applying binning to X/date term to divide X axis to period. here we do not want stopinclusive as it causes wrong summary data, and won't show this options\n\t\t} else {\n\t\t\toptions.push({ value: 'stopinclusive', html: `start &lt; ${x} &le; end` })\n\t\t}\n\t\toptions.push({ value: 'startinclusive', html: `start &le; ${x} &lt; end` })\n\t\tthis.dom.boundaryInput\n\t\t\t.selectAll('option')\n\t\t\t.data(options)\n\t\t\t.enter()\n\t\t\t.append('option')\n\t\t\t.property('value', d => d.value)\n\t\t\t.property('selected', d => d.value === this.boundaryInclusion)\n\t\t\t.html(d => d.html)\n\t}\n\n\tmayShowValueconversionMsg(div) {\n\t\tconst term = this.tw.term\n\t\tif ('valueConversion' in term) {\n\t\t\tdiv\n\t\t\t\t.append('div')\n\t\t\t\t.style('margin-bottom', '5px')\n\t\t\t\t.style('opacity', 0.6)\n\t\t\t\t// TODO: remove forced property\n\t\t\t\t.text(`Note: using values by the unit of ${term.valueConversion?.fromUnit}.`)\n\t\t}\n\t}\n\n\trenderTypeInputs(_div) {\n\t\tthis.dom.binsDiv = _div.append('div')\n\t\t//const handler = this.handler\n\t\t//const self = handler.termsetting\n\t\tconst div = this.dom.binsDiv.append('div').style('margin', '10px')\n\n\t\tif (this.tw.term.bins?.default.type == 'custom-bin') {\n\t\t\t/*\n\t\t\tthis term's default bin is custom bin! it's without a regular binning config\n\t\t\tcannot render regular/custom bin switchtab, as regular ui will break without that part of data\n\t\t\tonly render custom bin ui, and do not allow switching from custom to regular bin size\n\t\t\t*/\n\t\t\t// self.q.type = 'custom-bin'\n\t\t\t// setqDefaults(handler)\n\t\t\t// setDensityPlot(handler)\n\t\t\t// renderCustomBinInputs(handler, div)\n\t\t\tthis.editorsByType['custom-bin'].render(div)\n\t\t\treturn\n\t\t}\n\n\t\tif (this.tw.term.bins?.default.type != 'regular-bin')\n\t\t\tthrow 'self.bins.default.type is neither regular-bin or custom-bin, cannot render ui'\n\n\t\t// toggle switch between regular and custom\n\t\tconst tabs: any = [\n\t\t\t{\n\t\t\t\tactive: this.tw.q.type == 'regular-bin',\n\t\t\t\tlabel: 'Same bin size',\n\t\t\t\tcallback: async (_, tab) => {\n\t\t\t\t\t// do not overwrite previously rendered inputs\n\t\t\t\t\t// that may have been already edited by the user\n\t\t\t\t\tif (tab.isInitialized) return\n\t\t\t\t\tthis.activeTab = 'regular-bin'\n\t\t\t\t\tawait this.editorsByType['regular-bin'].render(tab.contentHolder)\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\tactive: this.tw.q.type == 'custom-bin',\n\t\t\t\tlabel: 'Varying bin sizes',\n\t\t\t\tcallback: async (event, tab) => {\n\t\t\t\t\t// do not overwrite previously rendered inputs\n\t\t\t\t\t// that may have been already edited by the user\n\t\t\t\t\tif (tab.isInitialized) return\n\t\t\t\t\tthis.activeTab = 'custom-bin'\n\t\t\t\t\tawait this.editorsByType['custom-bin'].render(tab.contentHolder)\n\t\t\t\t}\n\t\t\t}\n\t\t]\n\n\t\tthis.tabs = new Tabs({ holder: div, tabs })\n\t\tthis.tabs.main()\n\t}\n\n\tgetEditedQ(destroyDom = true) {\n\t\tthis.boundaryInclusion = this.dom.boundaryInput.property('value')\n\t\treturn this.editorsByType[this.activeTab].getEditedQ(destroyDom)\n\t\tif (destroyDom) this.destroy()\n\t}\n\n\tundoEdits() {\n\t\tthis.setDefaultBoundaryInclusion()\n\t\tthis.dom.boundaryInput.property('value', this.boundaryInclusion)\n\t\tthis.editorsByType[this.activeTab].undoEdits()\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/NumDiscreteEditor.unit.spec-4HC4AGAM.js

@@ -0,0 +1,200 @@
+import {
+  agedx
+} from "./chunk-32AI7I4C.js";
+import {
+  termjson
+} from "./chunk-HUA2EFQO.js";
+import {
+  require_tape
+} from "./chunk-QWOE5YTB.js";
+import {
+  NumericHandler
+} from "./chunk-H2D7EVUA.js";
+import "./chunk-TE3DK3A6.js";
+import {
+  TwRouter
+} from "./chunk-7FEHI46K.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-XD6BFNMR.js";
+import "./chunk-2SRMRC6L.js";
+import "./chunk-TCPU43TU.js";
+import "./chunk-XDI4UFCZ.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-LSEFWW72.js";
+import "./chunk-5EF5U7MX.js";
+import "./chunk-IQIXGTQV.js";
+import "./chunk-UCLS2SVB.js";
+import "./chunk-MVTCBVSX.js";
+import "./chunk-F6V4AYWP.js";
+import "./chunk-5OHXYXLD.js";
+import "./chunk-DQC5FFGV.js";
+import "./chunk-DVDDXOWT.js";
+import "./chunk-6MSCYO7K.js";
+import "./chunk-22NJUYET.js";
+import "./chunk-MDL2HG3N.js";
+import "./chunk-IGEQI6MR.js";
+import "./chunk-BEWDIM6H.js";
+import "./chunk-IH7ILDJS.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-TOU7EVFQ.js";
+import "./chunk-OAWQ6LOO.js";
+import "./chunk-SEEYV6P2.js";
+import {
+  select_default
+} from "./chunk-NDWTN4U5.js";
+import "./chunk-OMR2DT66.js";
+import {
+  __toESM
+} from "./chunk-HFNDKYVF.js";
+
+// termsetting/handlers/test/NumDiscreteEditor.unit.spec.ts
+var import_tape = __toESM(require_tape(), 1);
+async function getNumericHandler(opts = {}) {
+  const term = JSON.parse(JSON.stringify(termjson.agedx));
+  if (term.bins.default.type == "regular-bin") term.bins.default.bin_size = 500;
+  const rawTw = {
+    term,
+    q: term.bins.default
+  };
+  let handler = {};
+  const vocabApi = {
+    state: {
+      termfilter: { filter: { type: "tvslst", in: "", lst: [] } }
+    },
+    getViolinBox() {
+      return agedx;
+    }
+  };
+  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]);
+  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("-***- NumDiscreteEditor.unit.spec -***-");
+  test.end();
+});
+(0, import_tape.default)("handler methods", async (test) => {
+  const { editHandler, destroy } = await getNumericHandler();
+  editHandler.setDefaultBoundaryInclusion();
+  test.equal(editHandler.boundaryInclusion, "stopinclusive", "should set the expected default boundaryInclusion");
+  editHandler.termsetting.tw.q = {
+    mode: "discrete",
+    type: "custom-bin",
+    lst: [
+      { start: 0, stop: 5, startinclusive: true },
+      { start: 5, stop: 10, startinclusive: true }
+    ]
+  };
+  editHandler.setDefaultBoundaryInclusion();
+  test.equal(
+    editHandler.boundaryInclusion,
+    "startinclusive",
+    "should set the expected default boundaryInclusion for custom-bin"
+  );
+  editHandler.termsetting.tw.q = { mode: "continuous" };
+  editHandler.setDefaultBoundaryInclusion();
+  test.equal(
+    editHandler.boundaryInclusion,
+    "stopinclusive",
+    `should set the expected default boundaryInclusion when q.mode != 'discrete'`
+  );
+  if (test._ok) destroy();
+  test.end();
+});
+(0, import_tape.default)("initial rendered UI", 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.boundaryInclusionDiv.selectAll("option").size(),
+    2,
+    `should render a boundary inclusion dropdown with 2 options`
+  );
+  test.equal(
+    editHandler.dom.boundaryInclusionDiv.select("select").property("value"),
+    "stopinclusive",
+    `should default to startinclusive boundary inclusion input value`
+  );
+  test.deepEqual(
+    [...editHandler.dom.binsDiv.node().querySelectorAll(`button[data-testid='sja_toggle_button']`)].map(
+      (b) => b.firstChild.innerText
+    ),
+    ["Same bin size", "Varying bin sizes"],
+    `should render 2 toggle buttons, one each for regular-bin and custom-bin menu`
+  );
+  const boundaryInclusionDiv = editHandler.dom.boundaryInclusionDiv.node();
+  await editHandler.showEditMenu(holder);
+  test.equal(
+    boundaryInclusionDiv,
+    editHandler.dom.boundaryInclusionDiv.node(),
+    `should not re-render the menu when the holder has not changed`
+  );
+  editHandler.dom.boundaryInput.property("value", "startinclusive");
+  editHandler.dom.boundaryInput.node().dispatchEvent(new Event("change", { bubbles: true }));
+  test.deepEqual(
+    editHandler.getEditedQ(false),
+    {
+      mode: "discrete",
+      type: "regular-bin",
+      startinclusive: true,
+      stopinclusive: false,
+      bin_size: 500,
+      first_bin: { startunbounded: true, stop: 2 },
+      rounding: ".0f"
+    },
+    `should give the expected edited tw.q object`
+  );
+  await editHandler.undoEdits();
+  test.deepEqual(
+    editHandler.getEditedQ(false),
+    {
+      mode: "discrete",
+      type: "regular-bin",
+      startinclusive: false,
+      stopinclusive: true,
+      bin_size: 500,
+      first_bin: { startunbounded: true, stop: 2 },
+      rounding: ".0f"
+    },
+    `should give the expected edited tw.q object`
+  );
+  if (test._ok) destroy();
+  test.end();
+});
+//# sourceMappingURL=NumDiscreteEditor.unit.spec-4HC4AGAM.js.map

package/dist/NumRegularBinEditor-VQAS3OXK.js

@@ -0,0 +1,36 @@
+import {
+  NumRegularBinEditor
+} from "./chunk-2J3566TA.js";
+import "./chunk-7FEHI46K.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-XD6BFNMR.js";
+import "./chunk-2SRMRC6L.js";
+import "./chunk-TCPU43TU.js";
+import "./chunk-XDI4UFCZ.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-LSEFWW72.js";
+import "./chunk-5EF5U7MX.js";
+import "./chunk-IQIXGTQV.js";
+import "./chunk-UCLS2SVB.js";
+import "./chunk-MVTCBVSX.js";
+import "./chunk-F6V4AYWP.js";
+import "./chunk-5OHXYXLD.js";
+import "./chunk-DQC5FFGV.js";
+import "./chunk-DVDDXOWT.js";
+import "./chunk-6MSCYO7K.js";
+import "./chunk-22NJUYET.js";
+import "./chunk-MDL2HG3N.js";
+import "./chunk-IGEQI6MR.js";
+import "./chunk-BEWDIM6H.js";
+import "./chunk-IH7ILDJS.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-TOU7EVFQ.js";
+import "./chunk-OAWQ6LOO.js";
+import "./chunk-SEEYV6P2.js";
+import "./chunk-NDWTN4U5.js";
+import "./chunk-OMR2DT66.js";
+import "./chunk-HFNDKYVF.js";
+export {
+  NumRegularBinEditor
+};
+//# sourceMappingURL=NumRegularBinEditor-VQAS3OXK.js.map

package/dist/NumRegularBinEditor.unit.spec-RGVEPB3Z.js

@@ -0,0 +1,225 @@
+import {
+  agedx
+} from "./chunk-32AI7I4C.js";
+import {
+  termjson
+} from "./chunk-HUA2EFQO.js";
+import {
+  require_tape
+} from "./chunk-QWOE5YTB.js";
+import {
+  NumericHandler
+} from "./chunk-H2D7EVUA.js";
+import "./chunk-TE3DK3A6.js";
+import {
+  TwRouter
+} from "./chunk-7FEHI46K.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-XD6BFNMR.js";
+import "./chunk-2SRMRC6L.js";
+import "./chunk-TCPU43TU.js";
+import "./chunk-XDI4UFCZ.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-LSEFWW72.js";
+import "./chunk-5EF5U7MX.js";
+import "./chunk-IQIXGTQV.js";
+import "./chunk-UCLS2SVB.js";
+import "./chunk-MVTCBVSX.js";
+import "./chunk-F6V4AYWP.js";
+import "./chunk-5OHXYXLD.js";
+import "./chunk-DQC5FFGV.js";
+import "./chunk-DVDDXOWT.js";
+import "./chunk-6MSCYO7K.js";
+import "./chunk-22NJUYET.js";
+import "./chunk-MDL2HG3N.js";
+import "./chunk-IGEQI6MR.js";
+import "./chunk-BEWDIM6H.js";
+import "./chunk-IH7ILDJS.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-TOU7EVFQ.js";
+import "./chunk-OAWQ6LOO.js";
+import "./chunk-SEEYV6P2.js";
+import {
+  select_default
+} from "./chunk-NDWTN4U5.js";
+import "./chunk-OMR2DT66.js";
+import {
+  __toESM
+} from "./chunk-HFNDKYVF.js";
+
+// termsetting/handlers/test/NumRegularBinEditor.unit.spec.ts
+var import_tape = __toESM(require_tape(), 1);
+async function getNumericHandler(opts = {}) {
+  const term = JSON.parse(JSON.stringify(termjson.agedx));
+  if (term.bins.default.type == "regular-bin") term.bins.default.bin_size = 500;
+  const rawTw = {
+    term,
+    q: term.bins.default
+  };
+  let handler = {};
+  const vocabApi = {
+    state: {
+      termfilter: { filter: { type: "tvslst", in: "", lst: [] } }
+    },
+    getViolinBox() {
+      return agedx;
+    }
+  };
+  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["regular-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("-***- NumRegularBinEditor.unit.spec -***-");
+  test.end();
+});
+(0, import_tape.default)("handler methods", async (test) => {
+  const { binsEditor, destroy } = await getNumericHandler();
+  test.deepEqual(
+    binsEditor.getDefaultQ(),
+    {
+      type: "regular-bin",
+      label_offset: 1,
+      bin_size: 500,
+      first_bin: { startunbounded: true, stop: 2 },
+      isAtomic: true,
+      mode: "discrete",
+      hiddenValues: {}
+    },
+    `should give the expected default tw.q object`
+  );
+  binsEditor.tw.q = { mode: "continuous" };
+  test.deepEqual(
+    binsEditor.getDefaultQ(),
+    {
+      type: "regular-bin",
+      label_offset: 1,
+      bin_size: 500,
+      first_bin: { startunbounded: true, stop: 2 },
+      isAtomic: true,
+      mode: "discrete",
+      hiddenValues: {}
+    },
+    `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.binsTable.selectAll("tr").size(), 3, `should render a boundary inputs table with 3 rows`);
+  const numberInputs = binsEditor.dom.binsTable.node().querySelectorAll(`input[type='number']`);
+  test.equal(
+    numberInputs.length,
+    3,
+    `should render 3 number inputs for bin size, first bin stop, and optional last bin start`
+  );
+  test.equal(
+    numberInputs[2].parentNode?.style.display,
+    "none",
+    `should hide the input for last bin start, if not specified in q`
+  );
+  const radios = binsEditor.dom.binsTable.node().querySelectorAll(`input[type='radio']`);
+  test.equal(radios.length, 2, `should render 2 radio inputs for optional last bin`);
+  test.equal(radios[0].checked, true, `should checked the automatic last bin start radio`);
+  test.equal(radios[1].checked, false, `should not check the fixed last bin start radio`);
+  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);
+  binsEditor.dom.bin_size_input.property("value", 300);
+  binsEditor.dom.bin_size_input.node().dispatchEvent(new Event("change", { bubbles: true }));
+  binsEditor.dom.first_stop_input.property("value", 100);
+  binsEditor.dom.first_stop_input.node().dispatchEvent(new Event("change", { bubbles: true }));
+  binsEditor.dom.fixed_radio.property("checked", true);
+  binsEditor.dom.fixed_radio.node().dispatchEvent(new Event("input", { bubbles: true }));
+  binsEditor.dom.last_start_input.property("value", 1e3);
+  binsEditor.dom.last_start_input.node().dispatchEvent(new Event("change", { bubbles: true }));
+  test.equal(
+    binsEditor.dom.last_start_input.style("display"),
+    "inline-block",
+    `should display the last start input when fixed stop option is selected`
+  );
+  test.deepEqual(
+    editHandler.getEditedQ(false),
+    {
+      mode: "discrete",
+      type: "regular-bin",
+      startinclusive: false,
+      stopinclusive: true,
+      bin_size: 300,
+      first_bin: { startunbounded: true, stop: 100 },
+      rounding: ".0f",
+      last_bin: { start: 1e3, stopunbounded: true }
+    },
+    `should give the expected edited tw.q object`
+  );
+  {
+    const lines = [...editHandler.handler.density.dom.binsize_g.node().querySelectorAll("line")];
+    test.deepEqual(
+      lines.filter((l) => l.style.display !== "none").map((l) => l.getAttribute("x1")),
+      ["21", "52", "84", "116"],
+      `should render 4 lines in the expected x-positions of the density plot`
+    );
+  }
+  const binsTable = binsEditor.dom.binsTable.node();
+  await binsEditor.render(editHandler.dom.binsDiv.node().firstChild);
+  test.equal(
+    binsTable,
+    binsEditor.dom.binsTable.node(),
+    `should not re-render the menu when the holder has not changed`
+  );
+  await editHandler.undoEdits();
+  {
+    const lines = [...editHandler.handler.density.dom.binsize_g.node().querySelectorAll("line")];
+    test.deepEqual(
+      lines.map((l) => l.getAttribute("x1")),
+      ["10", "63", "116", "169", "223", "276", "329", "382", "435", "488"],
+      `should render a draggable line in the expected x-position`
+    );
+  }
+  if (test._ok) destroy();
+  test.end();
+});
+//# sourceMappingURL=NumRegularBinEditor.unit.spec-RGVEPB3Z.js.map