@sjcrh/proteinpaint-client 2.200.0 → 2.201.0

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

@@ -0,0 +1,402 @@
+import {
+  agedx
+} from "./chunk-32AI7I4C.js";
+import {
+  NumericHandler
+} from "./chunk-XZ4M3QAV.js";
+import "./chunk-MKPU5TWN.js";
+import {
+  termjson
+} from "./chunk-DHPLHIVP.js";
+import {
+  require_tape
+} from "./chunk-TUMA63WX.js";
+import {
+  TwRouter
+} from "./chunk-K6OVOHIZ.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-XFAL46LZ.js";
+import "./chunk-HQAJVJCQ.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-6QCYT6G2.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-IIT367QZ.js";
+import "./chunk-RZGEKL77.js";
+import "./chunk-ZFJUVP2N.js";
+import "./chunk-R3ARQMM4.js";
+import "./chunk-4USLEUNR.js";
+import "./chunk-4WF3XDQP.js";
+import "./chunk-X6VTVZY7.js";
+import "./chunk-M3J4MINX.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-L44P5N4U.js";
+import "./chunk-GEQUQ3GG.js";
+import "./chunk-WPHUM5S5.js";
+import "./chunk-75T7ESEO.js";
+import "./chunk-2KXLYFAO.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-VQZ2Z5YU.js";
+import "./chunk-UJELJXJG.js";
+import "./chunk-FXQXCOII.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-5R63Q5KH.js";
+import {
+  select_default
+} from "./chunk-I6Y4O3RR.js";
+import "./chunk-Q5RDQNIT.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;
+var DAY_TO_YEAR = 1 / 365.25;
+function getConvertedTerm() {
+  const term = JSON.parse(JSON.stringify(termjson.agedx));
+  term.valueConversion = { fromUnit: "day", toUnit: "year", scaleFactor: DAY_TO_YEAR };
+  return term;
+}
+async function getNumericHandler(opts = {}) {
+  const term = opts.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();
+    }
+  };
+}
+function simulateDrag(elem, xOffset) {
+  const box = elem.getBoundingClientRect();
+  for (const [type, clientX] of [
+    ["mousedown", box.x],
+    ["mousemove", box.x + xOffset],
+    ["mouseup", box.x + xOffset]
+  ]) {
+    elem.dispatchEvent(new MouseEvent(type, { bubbles: true, cancelable: true, clientX, clientY: box.y, view: window }));
+  }
+}
+(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();
+});
+(0, import_tape.default)("dragging a boundary line with more than one boundary", async (test) => {
+  const { editHandler, binsEditor, holder, destroy } = await getNumericHandler();
+  await editHandler.showEditMenu(holder);
+  binsEditor.dom.customBinBoundaryInput.property("value", [10, 200].join("\n"));
+  binsEditor.dom.customBinBoundaryInput.node().dispatchEvent(new Event("change", { bubbles: true }));
+  const drag = (value) => binsEditor.getBoundaryOpts().callback({ index: 1 }, value);
+  drag(500);
+  drag(500);
+  test.equal(
+    binsEditor.dom.customBinBoundaryInput.property("value"),
+    "10\n500",
+    `should list one boundary per line, keeping the boundary that was not dragged`
+  );
+  test.deepEqual(
+    binsEditor.q.lst.map((bin) => "start" in bin ? bin.start : null),
+    [null, 10, 500],
+    `should keep every bin, moving only the dragged boundary`
+  );
+  if (test._ok) destroy();
+  test.end();
+});
+(0, import_tape.default)("dragging a bin boundary line towards its neighboring line", async (test) => {
+  const { editHandler, binsEditor, holder, destroy } = await getNumericHandler();
+  await editHandler.showEditMenu(holder);
+  binsEditor.dom.customBinBoundaryInput.property("value", [10, 200].join("\n"));
+  binsEditor.dom.customBinBoundaryInput.node().dispatchEvent(new Event("change", { bubbles: true }));
+  const getLines = () => [...editHandler.handler.density.dom.binsize_g.node().querySelectorAll("line")];
+  const getBoundaries = () => binsEditor.dom.customBinBoundaryInput.property("value").split("\n");
+  test.equal(getLines().length, 2, `should render one line per boundary`);
+  simulateDrag(getLines()[0], 400);
+  test.deepEqual(getBoundaries(), ["188.4", "200"], `should stop the dragged boundary below the neighboring one`);
+  test.deepEqual(
+    binsEditor.q.lst.map((bin) => "start" in bin ? bin.start : null),
+    [null, 188.4, 200],
+    `should keep every bin when a drag is stopped at the neighboring line`
+  );
+  test.equal(getLines().length, 2, `should keep one line per boundary when a drag is stopped at the neighboring line`);
+  simulateDrag(getLines()[0], -10);
+  test.deepEqual(getBoundaries(), ["94.2", "200"], `should move only the dragged boundary`);
+  test.deepEqual(
+    binsEditor.q.lst.map((bin) => "start" in bin ? bin.start : null),
+    [null, 94.2, 200],
+    `should keep every bin, moving only the dragged boundary`
+  );
+  if (test._ok) destroy();
+  test.end();
+});
+(0, import_tape.default)("returning to the tab with unapplied bin boundary edits", async (test) => {
+  const { editHandler, binsEditor, holder, destroy } = await getNumericHandler();
+  await editHandler.showEditMenu(holder);
+  binsEditor.dom.customBinBoundaryInput.property("value", [10, 200].join("\n"));
+  binsEditor.dom.customBinBoundaryInput.node().dispatchEvent(new Event("change", { bubbles: true }));
+  const getLineXs = () => [...editHandler.handler.density.dom.binsize_g.node().querySelectorAll("line")].map((l) => l.getAttribute("x1"));
+  const editedLineXs = getLineXs();
+  await binsEditor.render(editHandler.dom.binsDiv.node().firstChild);
+  test.deepEqual(getLineXs(), editedLineXs, `should leave the boundary lines at the edited positions`);
+  test.equal(
+    binsEditor.dom.customBinBoundaryInput.property("value"),
+    "10\n200",
+    `should leave the edited bin boundaries in the textarea`
+  );
+  test.deepEqual(
+    binsEditor.q.lst.map((bin) => "start" in bin ? bin.start : null),
+    [null, 10, 200],
+    `should leave the bins parsed from the edits in q`
+  );
+  if (test._ok) destroy();
+  test.end();
+});
+(0, import_tape.default)("converted term", async (test) => {
+  const { editHandler, binsEditor, holder, destroy } = await getNumericHandler({ term: getConvertedTerm() });
+  await editHandler.showEditMenu(holder);
+  test.equal(
+    binsEditor.dom.customBinBoundaryInput.property("value"),
+    String(Number((pct50 * DAY_TO_YEAR).toFixed(2))),
+    `should fill the boundary textarea in years`
+  );
+  binsEditor.dom.customBinBoundaryInput.property("value", [5, 10].join("\n"));
+  binsEditor.dom.customBinBoundaryInput.node().dispatchEvent(new Event("change", { bubbles: true }));
+  test.deepEqual(
+    binsEditor.q.lst.map((bin) => "start" in bin ? bin.start : null),
+    [null, 1826.25, 3652.5],
+    `should store boundaries typed in years as days`
+  );
+  const editedQ = binsEditor.getEditedQ(false);
+  test.deepEqual(
+    editedQ.lst.map((bin) => ({ start: "start" in bin ? bin.start : null, stop: "stop" in bin ? bin.stop : null })),
+    [
+      { start: null, stop: 1826.25 },
+      { start: 1826.25, stop: 3652.5 },
+      { start: 3652.5, stop: null }
+    ],
+    `should give an edited q whose bins are in days`
+  );
+  test.deepEqual(
+    editedQ.lst.map((bin) => bin.label),
+    ["\u22645y", ">5y to 10y", ">10y"],
+    `should label the bins in years`
+  );
+  if (test._ok) destroy();
+  test.end();
+});
+//# sourceMappingURL=NumCustomBinEditor.unit.spec-CO76BQPZ.js.map

package/dist/NumCustomBinEditor.unit.spec-CO76BQPZ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../termsetting/handlers/test/NumCustomBinEditor.unit.spec.ts"],
+  "sourcesContent": ["import tape from 'tape'\nimport { NumericHandler } from '../NumericHandler.ts'\nimport type { NumDiscreteEditor } from '../NumDiscreteEditor.ts'\nimport type { NumCustomBinEditor } from '../NumCustomBinEditor.ts'\nimport { termjson } from '../../../test/testdata/termjson'\nimport { agedx as agedxViolinData } from '../../../test/testdata/violinPlotData.js'\nimport { TwRouter } from '#tw'\nimport * as d3s from 'd3-selection'\n\n/*************************\n reusable helper functions\n**************************/\n\nconst pct50 = 6.3475409836\nconst pct70 = 1000.36986301355\n\n/* a term with valueConversion{} stores its values in one unit (e.g. day) and is read by users in\nanother (e.g. year). q.lst keeps the stored unit, while the textarea and the density plot show the\nuser-facing one. 365.25 days is 1 year */\nconst DAY_TO_YEAR = 1 / 365.25\n\nfunction getConvertedTerm() {\n\tconst term = JSON.parse(JSON.stringify(termjson.agedx))\n\tterm.valueConversion = { fromUnit: 'day', toUnit: 'year', scaleFactor: DAY_TO_YEAR }\n\treturn term\n}\n\nasync function getNumericHandler(opts: any = {}) {\n\tconst term = opts.term || JSON.parse(JSON.stringify(termjson.agedx))\n\tconst rawTw = {\n\t\tterm,\n\t\tq: {\n\t\t\tmode: 'discrete',\n\t\t\ttype: 'custom-bin',\n\t\t\tpreferredBins: 'median'\n\t\t}\n\t}\n\n\tlet handler: any = {}\n\tconst vocabApi = {\n\t\tstate: {\n\t\t\ttermfilter: { filter: { type: 'tvslst', in: '', lst: [] } }\n\t\t},\n\t\tgetViolinBox() {\n\t\t\treturn agedxViolinData\n\t\t},\n\t\tgetPercentile() {\n\t\t\treturn {\n\t\t\t\tvalues: handler?.editHandler?.q.cutoffPercentile === 70 ? [pct70] : [pct50]\n\t\t\t}\n\t\t}\n\t}\n\n\tconst tw = await TwRouter.initRaw(rawTw, { vocabApi })\n\n\thandler = new NumericHandler({\n\t\ttermsetting: {\n\t\t\ttw,\n\t\t\tterm: rawTw.term,\n\t\t\tq: rawTw.q,\n\t\t\topts: {\n\t\t\t\tnumericEditMenuVersion: ['discrete'],\n\t\t\t\tusecase: opts.usecase\n\t\t\t},\n\t\t\tapi: {\n\t\t\t\trunCallback() {}\n\t\t\t},\n\t\t\tdom: {\n\t\t\t\ttip: {\n\t\t\t\t\thide() {}\n\t\t\t\t}\n\t\t\t},\n\t\t\tvocabApi\n\t\t}\n\t})\n\n\thandler.density_data = { min: agedxViolinData.min, max: agedxViolinData.max }\n\n\tconst holder = d3s\n\t\t.select('body')\n\t\t.append('div')\n\t\t.style('position', 'relative')\n\t\t.style('width', 'fit-content')\n\t\t.style('margin', '20px')\n\t\t.style('padding', '5px')\n\t\t.style('border', '1px solid #000')\n\n\thandler.dom.editDiv = holder\n\n\tawait handler.setEditHandler(handler.tabs[0])\n\tconst binsEditor: NumCustomBinEditor = handler.editHandler.editorsByType['custom-bin']\n\n\treturn {\n\t\trawTw,\n\t\ttw,\n\t\thandler,\n\t\teditHandler: handler.editHandler satisfies NumDiscreteEditor,\n\t\tbinsEditor,\n\t\tholder,\n\t\tdestroy: () => {\n\t\t\tif ('destroy' in handler.editHandler) handler.editHandler.destroy()\n\t\t\tif (typeof handler.destroy == 'function') handler.destroy()\n\t\t\tholder.remove()\n\t\t}\n\t}\n}\n\n/* drag a rendered boundary line, as a user does: d3 emits a drag event for the move and another\nfor the release, so the boundary callback is called twice with the same x */\nfunction simulateDrag(elem, xOffset) {\n\tconst box = elem.getBoundingClientRect()\n\tfor (const [type, clientX] of [\n\t\t['mousedown', box.x],\n\t\t['mousemove', box.x + xOffset],\n\t\t['mouseup', box.x + xOffset]\n\t] as [string, number][]) {\n\t\telem.dispatchEvent(new MouseEvent(type, { bubbles: true, cancelable: true, clientX, clientY: box.y, view: window }))\n\t}\n}\n\n/**************\n test sections\n **************/\n\ntape('\\n', test => {\n\ttest.comment('-***- NumCustomBinEditor.unit.spec -***-')\n\ttest.end()\n})\n\ntape('handler methods', async test => {\n\tconst { binsEditor, destroy } = await getNumericHandler()\n\ttest.deepEqual(\n\t\tbinsEditor.getDefaultQ(),\n\t\t{\n\t\t\tmode: 'discrete',\n\t\t\ttype: 'custom-bin',\n\t\t\tisAtomic: true,\n\t\t\tlst: [\n\t\t\t\t{\n\t\t\t\t\tstartunbounded: true,\n\t\t\t\t\tstop: 6.35,\n\t\t\t\t\tstopinclusive: false,\n\t\t\t\t\tlabel: '<6.35',\n\t\t\t\t\trange: '<span style=\"font-family:Times;font-style:italic;\">x</span> <6.35'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tstart: 6.35,\n\t\t\t\t\tstartinclusive: true,\n\t\t\t\t\tstopunbounded: true,\n\t\t\t\t\tlabel: '\u22656.35',\n\t\t\t\t\trange: '<span style=\"font-family:Times;font-style:italic;\">x</span> \u22656.35'\n\t\t\t\t}\n\t\t\t],\n\t\t\thiddenValues: {}\n\t\t},\n\t\t`should give the expected default tw.q object`\n\t)\n\n\tbinsEditor.tw.q = { mode: 'continuous' } as any\n\ttest.deepEqual(\n\t\tbinsEditor.getDefaultQ(),\n\t\t{\n\t\t\tmode: 'discrete',\n\t\t\ttype: 'custom-bin',\n\t\t\tlst: [\n\t\t\t\t{\n\t\t\t\t\tstartunbounded: true,\n\t\t\t\t\tstartinclusive: false,\n\t\t\t\t\tstopinclusive: false,\n\t\t\t\t\tstop: 2355,\n\t\t\t\t\tlabel: '<2355',\n\t\t\t\t\trange: '<span style=\"font-family:Times;font-style:italic;\">x</span> <2355'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tstopunbounded: true,\n\t\t\t\t\tstartinclusive: true,\n\t\t\t\t\tstopinclusive: false,\n\t\t\t\t\tstart: 2355,\n\t\t\t\t\tlabel: '\u22652355',\n\t\t\t\t\trange: '<span style=\"font-family:Times;font-style:italic;\">x</span> \u22652355'\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t\t`should give the expected default tw.q object if the mode is not discrete`\n\t)\n\n\tif ((test as any)._ok) destroy()\n\ttest.end()\n})\n\ntape('initial rendered UI', async test => {\n\tconst { editHandler, binsEditor, holder, destroy } = await getNumericHandler()\n\tawait editHandler.showEditMenu(holder)\n\n\ttest.equal(binsEditor.dom.customBinBoundaryInput?.size(), 1, `should render a textarea input for custom bin entries`)\n\n\tconst textInputs = binsEditor.dom.inputsDiv.node().querySelectorAll(`input[type='text']`)\n\ttest.equal(textInputs.length, 2, `should render 2 number inputs to match tw.q.lst[]`)\n\n\tconst ranges = binsEditor.dom.inputsDiv.node().querySelectorAll('div[name=\"range\"]')\n\ttest.equal(ranges[0].innerText, 'x <6.35', `should render the expected first bin range`)\n\ttest.equal(ranges[1].innerText, 'x \u22656.35', `should render the expected last bin range`)\n\n\tconst binInputs = binsEditor.dom.inputsDiv.node().querySelectorAll('input')\n\ttest.equal(binInputs[0].value, '<6.35', `should render the expected first bin input value`)\n\ttest.equal(binInputs[1].value, '\u22656.35', `should render the expected last bin input value`)\n\n\tif ((test as any)._ok) destroy()\n\ttest.end()\n})\n\ntape('edit interactivity', async test => {\n\tconst { editHandler, binsEditor, holder, destroy } = await getNumericHandler()\n\tawait editHandler.showEditMenu(holder)\n\n\tconst newKnots = [10, 200, 600, 3000]\n\tbinsEditor.dom.customBinBoundaryInput.property('value', newKnots.join('\\n'))\n\tbinsEditor.dom.customBinBoundaryInput.node().dispatchEvent(new Event('change', { bubbles: true }))\n\tconst lines = [...editHandler.handler.density.dom.binsize_g.node().querySelectorAll('line')]\n\ttest.deepEqual(\n\t\tlines.map(l => l.getAttribute('x1')),\n\t\t['11', '31', '74', '328'],\n\t\t`should re-render the draggable lines in the updated x-positions`\n\t)\n\n\tconst input0 = binsEditor.dom.customBinLabelInput.node()\n\tinput0.value = '- TEST -'\n\tinput0.dispatchEvent(new Event('change', { bubbles: true }))\n\n\ttest.deepEqual(\n\t\tbinsEditor.getEditedQ(false),\n\t\t{\n\t\t\tmode: 'discrete',\n\t\t\ttype: 'custom-bin',\n\t\t\tlst: [\n\t\t\t\t{\n\t\t\t\t\tstartunbounded: true,\n\t\t\t\t\tstop: 10,\n\t\t\t\t\tstartinclusive: false,\n\t\t\t\t\tstopinclusive: true,\n\t\t\t\t\tlabel: '- TEST -',\n\t\t\t\t\trange: '<span style=\"font-family:Times;font-style:italic;\">x</span> \u226410'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tstart: 10,\n\t\t\t\t\tstartinclusive: false,\n\t\t\t\t\tstopinclusive: true,\n\t\t\t\t\tstop: 200,\n\t\t\t\t\tlabel: '>10 to 200',\n\t\t\t\t\trange: '10 < <span style=\"font-family:Times;font-style:italic;\">x</span> \u2264 200'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tstart: 200,\n\t\t\t\t\tstartinclusive: false,\n\t\t\t\t\tstopinclusive: true,\n\t\t\t\t\tstop: 600,\n\t\t\t\t\tlabel: '>200 to 600',\n\t\t\t\t\trange: '200 < <span style=\"font-family:Times;font-style:italic;\">x</span> \u2264 600'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tstart: 600,\n\t\t\t\t\tstartinclusive: false,\n\t\t\t\t\tstopinclusive: true,\n\t\t\t\t\tstop: 3000,\n\t\t\t\t\tlabel: '>600 to 3000',\n\t\t\t\t\trange: '600 < <span style=\"font-family:Times;font-style:italic;\">x</span> \u2264 3000'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tstart: 3000,\n\t\t\t\t\tstartinclusive: false,\n\t\t\t\t\tstopinclusive: false,\n\t\t\t\t\tstopunbounded: true,\n\t\t\t\t\tlabel: '>3000',\n\t\t\t\t\trange: '<span style=\"font-family:Times;font-style:italic;\">x</span> >3000'\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t\t`should give the expected edited q object`\n\t)\n\n\tconst inputsDiv = binsEditor.dom.inputsDiv.node()\n\tawait binsEditor.render(editHandler.dom.binsDiv.node().firstChild)\n\ttest.equal(\n\t\tinputsDiv,\n\t\tbinsEditor.dom.inputsDiv.node(),\n\t\t`should not re-render the menu when the holder has not changed`\n\t)\n\n\teditHandler.undoEdits()\n\t{\n\t\tconst lines = [...editHandler.handler.density.dom.binsize_g.node().querySelectorAll('line')]\n\t\ttest.equal(lines.length, 1, `should render 1 draggable line in the density plot`)\n\t\ttest.deepEqual(\n\t\t\tlines.map(l => l.getAttribute('x1')),\n\t\t\t['11'],\n\t\t\t`should render the draggable lines in the expected x-positions`\n\t\t)\n\t}\n\n\tif ((test as any)._ok) destroy()\n\ttest.end()\n})\n\ntape('dragging a boundary line with more than one boundary', async test => {\n\tconst { editHandler, binsEditor, holder, destroy } = await getNumericHandler()\n\tawait editHandler.showEditMenu(holder)\n\n\t// two boundaries, so that the dragged one and the untouched one must both survive\n\tbinsEditor.dom.customBinBoundaryInput.property('value', [10, 200].join('\\n'))\n\tbinsEditor.dom.customBinBoundaryInput.node().dispatchEvent(new Event('change', { bubbles: true }))\n\n\t// drag the second line, as NumericDensity does on each drag and again on drag end\n\tconst drag = value => (binsEditor.getBoundaryOpts().callback as any)({ index: 1 }, value)\n\tdrag(500)\n\tdrag(500)\n\n\ttest.equal(\n\t\tbinsEditor.dom.customBinBoundaryInput.property('value'),\n\t\t'10\\n500',\n\t\t`should list one boundary per line, keeping the boundary that was not dragged`\n\t)\n\ttest.deepEqual(\n\t\tbinsEditor.q.lst.map(bin => ('start' in bin ? bin.start : null)),\n\t\t[null, 10, 500],\n\t\t`should keep every bin, moving only the dragged boundary`\n\t)\n\n\tif ((test as any)._ok) destroy()\n\ttest.end()\n})\n\ntape('dragging a bin boundary line towards its neighboring line', async test => {\n\tconst { editHandler, binsEditor, holder, destroy } = await getNumericHandler()\n\tawait editHandler.showEditMenu(holder)\n\n\tbinsEditor.dom.customBinBoundaryInput.property('value', [10, 200].join('\\n'))\n\tbinsEditor.dom.customBinBoundaryInput.node().dispatchEvent(new Event('change', { bubbles: true }))\n\tconst getLines = () => [...editHandler.handler.density.dom.binsize_g.node().querySelectorAll('line')]\n\tconst getBoundaries = () => binsEditor.dom.customBinBoundaryInput.property('value').split('\\n')\n\ttest.equal(getLines().length, 2, `should render one line per boundary`)\n\n\t/* q.lst is kept sorted and the callback addresses a boundary by the index of its line, so a\n\tboundary dragged past its neighbor would be written back as the neighbor by the next drag event,\n\tand a boundary dragged onto its neighbor would be merged with it. either leaves the textarea\n\tholding fewer boundaries than the plot is showing lines */\n\tsimulateDrag(getLines()[0], 400)\n\ttest.deepEqual(getBoundaries(), ['188.4', '200'], `should stop the dragged boundary below the neighboring one`)\n\ttest.deepEqual(\n\t\tbinsEditor.q.lst.map(bin => ('start' in bin ? bin.start : null)),\n\t\t[null, 188.4, 200],\n\t\t`should keep every bin when a drag is stopped at the neighboring line`\n\t)\n\ttest.equal(getLines().length, 2, `should keep one line per boundary when a drag is stopped at the neighboring line`)\n\n\t// a drag that stays on its own side of the neighbor moves only the boundary it was started on\n\tsimulateDrag(getLines()[0], -10)\n\ttest.deepEqual(getBoundaries(), ['94.2', '200'], `should move only the dragged boundary`)\n\ttest.deepEqual(\n\t\tbinsEditor.q.lst.map(bin => ('start' in bin ? bin.start : null)),\n\t\t[null, 94.2, 200],\n\t\t`should keep every bin, moving only the dragged boundary`\n\t)\n\n\tif ((test as any)._ok) destroy()\n\ttest.end()\n})\n\ntape('returning to the tab with unapplied bin boundary edits', async test => {\n\tconst { editHandler, binsEditor, holder, destroy } = await getNumericHandler()\n\tawait editHandler.showEditMenu(holder)\n\n\t// edit the boundaries, without clicking Apply\n\tbinsEditor.dom.customBinBoundaryInput.property('value', [10, 200].join('\\n'))\n\tbinsEditor.dom.customBinBoundaryInput.node().dispatchEvent(new Event('change', { bubbles: true }))\n\tconst getLineXs = () =>\n\t\t[...editHandler.handler.density.dom.binsize_g.node().querySelectorAll('line')].map(l => l.getAttribute('x1'))\n\tconst editedLineXs = getLineXs()\n\n\t// toggling to Continuous and back re-renders this editor into the holder it is already in\n\tawait binsEditor.render(editHandler.dom.binsDiv.node().firstChild)\n\n\ttest.deepEqual(getLineXs(), editedLineXs, `should leave the boundary lines at the edited positions`)\n\ttest.equal(\n\t\tbinsEditor.dom.customBinBoundaryInput.property('value'),\n\t\t'10\\n200',\n\t\t`should leave the edited bin boundaries in the textarea`\n\t)\n\ttest.deepEqual(\n\t\tbinsEditor.q.lst.map(bin => ('start' in bin ? bin.start : null)),\n\t\t[null, 10, 200],\n\t\t`should leave the bins parsed from the edits in q`\n\t)\n\n\tif ((test as any)._ok) destroy()\n\ttest.end()\n})\n\ntape('converted term', async test => {\n\tconst { editHandler, binsEditor, holder, destroy } = await getNumericHandler({ term: getConvertedTerm() })\n\tawait editHandler.showEditMenu(holder)\n\n\t// the default boundary comes from the median of the stored values, and reads in years\n\ttest.equal(\n\t\tbinsEditor.dom.customBinBoundaryInput.property('value'),\n\t\tString(Number((pct50 * DAY_TO_YEAR).toFixed(2))),\n\t\t`should fill the boundary textarea in years`\n\t)\n\n\t// enter boundaries in years\n\tbinsEditor.dom.customBinBoundaryInput.property('value', [5, 10].join('\\n'))\n\tbinsEditor.dom.customBinBoundaryInput.node().dispatchEvent(new Event('change', { bubbles: true }))\n\ttest.deepEqual(\n\t\tbinsEditor.q.lst.map(bin => ('start' in bin ? bin.start : null)),\n\t\t[null, 1826.25, 3652.5],\n\t\t`should store boundaries typed in years as days`\n\t)\n\n\tconst editedQ = binsEditor.getEditedQ(false)\n\ttest.deepEqual(\n\t\teditedQ.lst.map(bin => ({ start: 'start' in bin ? bin.start : null, stop: 'stop' in bin ? bin.stop : null })),\n\t\t[\n\t\t\t{ start: null, stop: 1826.25 },\n\t\t\t{ start: 1826.25, stop: 3652.5 },\n\t\t\t{ start: 3652.5, stop: null }\n\t\t],\n\t\t`should give an edited q whose bins are in days`\n\t)\n\ttest.deepEqual(\n\t\teditedQ.lst.map(bin => bin.label),\n\t\t['\u22645y', '>5y to 10y', '>10y'],\n\t\t`should label the bins in years`\n\t)\n\n\tif ((test as any)._ok) destroy()\n\ttest.end()\n})\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kBAAiB;AAajB,IAAM,QAAQ;AACd,IAAM,QAAQ;AAKd,IAAM,cAAc,IAAI;AAExB,SAAS,mBAAmB;AAC3B,QAAM,OAAO,KAAK,MAAM,KAAK,UAAU,SAAS,KAAK,CAAC;AACtD,OAAK,kBAAkB,EAAE,UAAU,OAAO,QAAQ,QAAQ,aAAa,YAAY;AACnF,SAAO;AACR;AAEA,eAAe,kBAAkB,OAAY,CAAC,GAAG;AAChD,QAAM,OAAO,KAAK,QAAQ,KAAK,MAAM,KAAK,UAAU,SAAS,KAAK,CAAC;AACnE,QAAM,QAAQ;AAAA,IACb;AAAA,IACA,GAAG;AAAA,MACF,MAAM;AAAA,MACN,MAAM;AAAA,MACN,eAAe;AAAA,IAChB;AAAA,EACD;AAEA,MAAI,UAAe,CAAC;AACpB,QAAM,WAAW;AAAA,IAChB,OAAO;AAAA,MACN,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,IAAI,IAAI,KAAK,CAAC,EAAE,EAAE;AAAA,IAC3D;AAAA,IACA,eAAe;AACd,aAAO;AAAA,IACR;AAAA,IACA,gBAAgB;AACf,aAAO;AAAA,QACN,QAAQ,SAAS,aAAa,EAAE,qBAAqB,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK;AAAA,MAC3E;AAAA,IACD;AAAA,EACD;AAEA,QAAM,KAAK,MAAM,SAAS,QAAQ,OAAO,EAAE,SAAS,CAAC;AAErD,YAAU,IAAI,eAAe;AAAA,IAC5B,aAAa;AAAA,MACZ;AAAA,MACA,MAAM,MAAM;AAAA,MACZ,GAAG,MAAM;AAAA,MACT,MAAM;AAAA,QACL,wBAAwB,CAAC,UAAU;AAAA,QACnC,SAAS,KAAK;AAAA,MACf;AAAA,MACA,KAAK;AAAA,QACJ,cAAc;AAAA,QAAC;AAAA,MAChB;AAAA,MACA,KAAK;AAAA,QACJ,KAAK;AAAA,UACJ,OAAO;AAAA,UAAC;AAAA,QACT;AAAA,MACD;AAAA,MACA;AAAA,IACD;AAAA,EACD,CAAC;AAED,UAAQ,eAAe,EAAE,KAAK,MAAgB,KAAK,KAAK,MAAgB,IAAI;AAE5E,QAAM,SACJ,eAAO,MAAM,EACb,OAAO,KAAK,EACZ,MAAM,YAAY,UAAU,EAC5B,MAAM,SAAS,aAAa,EAC5B,MAAM,UAAU,MAAM,EACtB,MAAM,WAAW,KAAK,EACtB,MAAM,UAAU,gBAAgB;AAElC,UAAQ,IAAI,UAAU;AAEtB,QAAM,QAAQ,eAAe,QAAQ,KAAK,CAAC,CAAC;AAC5C,QAAM,aAAiC,QAAQ,YAAY,cAAc,YAAY;AAErF,SAAO;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,QAAQ;AAAA,IACrB;AAAA,IACA;AAAA,IACA,SAAS,MAAM;AACd,UAAI,aAAa,QAAQ,YAAa,SAAQ,YAAY,QAAQ;AAClE,UAAI,OAAO,QAAQ,WAAW,WAAY,SAAQ,QAAQ;AAC1D,aAAO,OAAO;AAAA,IACf;AAAA,EACD;AACD;AAIA,SAAS,aAAa,MAAM,SAAS;AACpC,QAAM,MAAM,KAAK,sBAAsB;AACvC,aAAW,CAAC,MAAM,OAAO,KAAK;AAAA,IAC7B,CAAC,aAAa,IAAI,CAAC;AAAA,IACnB,CAAC,aAAa,IAAI,IAAI,OAAO;AAAA,IAC7B,CAAC,WAAW,IAAI,IAAI,OAAO;AAAA,EAC5B,GAAyB;AACxB,SAAK,cAAc,IAAI,WAAW,MAAM,EAAE,SAAS,MAAM,YAAY,MAAM,SAAS,SAAS,IAAI,GAAG,MAAM,OAAO,CAAC,CAAC;AAAA,EACpH;AACD;AAAA,IAMA,YAAAA,SAAK,MAAM,UAAQ;AAClB,OAAK,QAAQ,0CAA0C;AACvD,OAAK,IAAI;AACV,CAAC;AAAA,IAED,YAAAA,SAAK,mBAAmB,OAAM,SAAQ;AACrC,QAAM,EAAE,YAAY,QAAQ,IAAI,MAAM,kBAAkB;AACxD,OAAK;AAAA,IACJ,WAAW,YAAY;AAAA,IACvB;AAAA,MACC,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,KAAK;AAAA,QACJ;AAAA,UACC,gBAAgB;AAAA,UAChB,MAAM;AAAA,UACN,eAAe;AAAA,UACf,OAAO;AAAA,UACP,OAAO;AAAA,QACR;AAAA,QACA;AAAA,UACC,OAAO;AAAA,UACP,gBAAgB;AAAA,UAChB,eAAe;AAAA,UACf,OAAO;AAAA,UACP,OAAO;AAAA,QACR;AAAA,MACD;AAAA,MACA,cAAc,CAAC;AAAA,IAChB;AAAA,IACA;AAAA,EACD;AAEA,aAAW,GAAG,IAAI,EAAE,MAAM,aAAa;AACvC,OAAK;AAAA,IACJ,WAAW,YAAY;AAAA,IACvB;AAAA,MACC,MAAM;AAAA,MACN,MAAM;AAAA,MACN,KAAK;AAAA,QACJ;AAAA,UACC,gBAAgB;AAAA,UAChB,gBAAgB;AAAA,UAChB,eAAe;AAAA,UACf,MAAM;AAAA,UACN,OAAO;AAAA,UACP,OAAO;AAAA,QACR;AAAA,QACA;AAAA,UACC,eAAe;AAAA,UACf,gBAAgB;AAAA,UAChB,eAAe;AAAA,UACf,OAAO;AAAA,UACP,OAAO;AAAA,UACP,OAAO;AAAA,QACR;AAAA,MACD;AAAA,IACD;AAAA,IACA;AAAA,EACD;AAEA,MAAK,KAAa,IAAK,SAAQ;AAC/B,OAAK,IAAI;AACV,CAAC;AAAA,IAED,YAAAA,SAAK,uBAAuB,OAAM,SAAQ;AACzC,QAAM,EAAE,aAAa,YAAY,QAAQ,QAAQ,IAAI,MAAM,kBAAkB;AAC7E,QAAM,YAAY,aAAa,MAAM;AAErC,OAAK,MAAM,WAAW,IAAI,wBAAwB,KAAK,GAAG,GAAG,uDAAuD;AAEpH,QAAM,aAAa,WAAW,IAAI,UAAU,KAAK,EAAE,iBAAiB,oBAAoB;AACxF,OAAK,MAAM,WAAW,QAAQ,GAAG,mDAAmD;AAEpF,QAAM,SAAS,WAAW,IAAI,UAAU,KAAK,EAAE,iBAAiB,mBAAmB;AACnF,OAAK,MAAM,OAAO,CAAC,EAAE,WAAW,WAAW,4CAA4C;AACvF,OAAK,MAAM,OAAO,CAAC,EAAE,WAAW,gBAAW,2CAA2C;AAEtF,QAAM,YAAY,WAAW,IAAI,UAAU,KAAK,EAAE,iBAAiB,OAAO;AAC1E,OAAK,MAAM,UAAU,CAAC,EAAE,OAAO,SAAS,kDAAkD;AAC1F,OAAK,MAAM,UAAU,CAAC,EAAE,OAAO,cAAS,iDAAiD;AAEzF,MAAK,KAAa,IAAK,SAAQ;AAC/B,OAAK,IAAI;AACV,CAAC;AAAA,IAED,YAAAA,SAAK,sBAAsB,OAAM,SAAQ;AACxC,QAAM,EAAE,aAAa,YAAY,QAAQ,QAAQ,IAAI,MAAM,kBAAkB;AAC7E,QAAM,YAAY,aAAa,MAAM;AAErC,QAAM,WAAW,CAAC,IAAI,KAAK,KAAK,GAAI;AACpC,aAAW,IAAI,uBAAuB,SAAS,SAAS,SAAS,KAAK,IAAI,CAAC;AAC3E,aAAW,IAAI,uBAAuB,KAAK,EAAE,cAAc,IAAI,MAAM,UAAU,EAAE,SAAS,KAAK,CAAC,CAAC;AACjG,QAAM,QAAQ,CAAC,GAAG,YAAY,QAAQ,QAAQ,IAAI,UAAU,KAAK,EAAE,iBAAiB,MAAM,CAAC;AAC3F,OAAK;AAAA,IACJ,MAAM,IAAI,OAAK,EAAE,aAAa,IAAI,CAAC;AAAA,IACnC,CAAC,MAAM,MAAM,MAAM,KAAK;AAAA,IACxB;AAAA,EACD;AAEA,QAAM,SAAS,WAAW,IAAI,oBAAoB,KAAK;AACvD,SAAO,QAAQ;AACf,SAAO,cAAc,IAAI,MAAM,UAAU,EAAE,SAAS,KAAK,CAAC,CAAC;AAE3D,OAAK;AAAA,IACJ,WAAW,WAAW,KAAK;AAAA,IAC3B;AAAA,MACC,MAAM;AAAA,MACN,MAAM;AAAA,MACN,KAAK;AAAA,QACJ;AAAA,UACC,gBAAgB;AAAA,UAChB,MAAM;AAAA,UACN,gBAAgB;AAAA,UAChB,eAAe;AAAA,UACf,OAAO;AAAA,UACP,OAAO;AAAA,QACR;AAAA,QACA;AAAA,UACC,OAAO;AAAA,UACP,gBAAgB;AAAA,UAChB,eAAe;AAAA,UACf,MAAM;AAAA,UACN,OAAO;AAAA,UACP,OAAO;AAAA,QACR;AAAA,QACA;AAAA,UACC,OAAO;AAAA,UACP,gBAAgB;AAAA,UAChB,eAAe;AAAA,UACf,MAAM;AAAA,UACN,OAAO;AAAA,UACP,OAAO;AAAA,QACR;AAAA,QACA;AAAA,UACC,OAAO;AAAA,UACP,gBAAgB;AAAA,UAChB,eAAe;AAAA,UACf,MAAM;AAAA,UACN,OAAO;AAAA,UACP,OAAO;AAAA,QACR;AAAA,QACA;AAAA,UACC,OAAO;AAAA,UACP,gBAAgB;AAAA,UAChB,eAAe;AAAA,UACf,eAAe;AAAA,UACf,OAAO;AAAA,UACP,OAAO;AAAA,QACR;AAAA,MACD;AAAA,IACD;AAAA,IACA;AAAA,EACD;AAEA,QAAM,YAAY,WAAW,IAAI,UAAU,KAAK;AAChD,QAAM,WAAW,OAAO,YAAY,IAAI,QAAQ,KAAK,EAAE,UAAU;AACjE,OAAK;AAAA,IACJ;AAAA,IACA,WAAW,IAAI,UAAU,KAAK;AAAA,IAC9B;AAAA,EACD;AAEA,cAAY,UAAU;AACtB;AACC,UAAMC,SAAQ,CAAC,GAAG,YAAY,QAAQ,QAAQ,IAAI,UAAU,KAAK,EAAE,iBAAiB,MAAM,CAAC;AAC3F,SAAK,MAAMA,OAAM,QAAQ,GAAG,oDAAoD;AAChF,SAAK;AAAA,MACJA,OAAM,IAAI,OAAK,EAAE,aAAa,IAAI,CAAC;AAAA,MACnC,CAAC,IAAI;AAAA,MACL;AAAA,IACD;AAAA,EACD;AAEA,MAAK,KAAa,IAAK,SAAQ;AAC/B,OAAK,IAAI;AACV,CAAC;AAAA,IAED,YAAAD,SAAK,wDAAwD,OAAM,SAAQ;AAC1E,QAAM,EAAE,aAAa,YAAY,QAAQ,QAAQ,IAAI,MAAM,kBAAkB;AAC7E,QAAM,YAAY,aAAa,MAAM;AAGrC,aAAW,IAAI,uBAAuB,SAAS,SAAS,CAAC,IAAI,GAAG,EAAE,KAAK,IAAI,CAAC;AAC5E,aAAW,IAAI,uBAAuB,KAAK,EAAE,cAAc,IAAI,MAAM,UAAU,EAAE,SAAS,KAAK,CAAC,CAAC;AAGjG,QAAM,OAAO,WAAU,WAAW,gBAAgB,EAAE,SAAiB,EAAE,OAAO,EAAE,GAAG,KAAK;AACxF,OAAK,GAAG;AACR,OAAK,GAAG;AAER,OAAK;AAAA,IACJ,WAAW,IAAI,uBAAuB,SAAS,OAAO;AAAA,IACtD;AAAA,IACA;AAAA,EACD;AACA,OAAK;AAAA,IACJ,WAAW,EAAE,IAAI,IAAI,SAAQ,WAAW,MAAM,IAAI,QAAQ,IAAK;AAAA,IAC/D,CAAC,MAAM,IAAI,GAAG;AAAA,IACd;AAAA,EACD;AAEA,MAAK,KAAa,IAAK,SAAQ;AAC/B,OAAK,IAAI;AACV,CAAC;AAAA,IAED,YAAAA,SAAK,6DAA6D,OAAM,SAAQ;AAC/E,QAAM,EAAE,aAAa,YAAY,QAAQ,QAAQ,IAAI,MAAM,kBAAkB;AAC7E,QAAM,YAAY,aAAa,MAAM;AAErC,aAAW,IAAI,uBAAuB,SAAS,SAAS,CAAC,IAAI,GAAG,EAAE,KAAK,IAAI,CAAC;AAC5E,aAAW,IAAI,uBAAuB,KAAK,EAAE,cAAc,IAAI,MAAM,UAAU,EAAE,SAAS,KAAK,CAAC,CAAC;AACjG,QAAM,WAAW,MAAM,CAAC,GAAG,YAAY,QAAQ,QAAQ,IAAI,UAAU,KAAK,EAAE,iBAAiB,MAAM,CAAC;AACpG,QAAM,gBAAgB,MAAM,WAAW,IAAI,uBAAuB,SAAS,OAAO,EAAE,MAAM,IAAI;AAC9F,OAAK,MAAM,SAAS,EAAE,QAAQ,GAAG,qCAAqC;AAMtE,eAAa,SAAS,EAAE,CAAC,GAAG,GAAG;AAC/B,OAAK,UAAU,cAAc,GAAG,CAAC,SAAS,KAAK,GAAG,4DAA4D;AAC9G,OAAK;AAAA,IACJ,WAAW,EAAE,IAAI,IAAI,SAAQ,WAAW,MAAM,IAAI,QAAQ,IAAK;AAAA,IAC/D,CAAC,MAAM,OAAO,GAAG;AAAA,IACjB;AAAA,EACD;AACA,OAAK,MAAM,SAAS,EAAE,QAAQ,GAAG,kFAAkF;AAGnH,eAAa,SAAS,EAAE,CAAC,GAAG,GAAG;AAC/B,OAAK,UAAU,cAAc,GAAG,CAAC,QAAQ,KAAK,GAAG,uCAAuC;AACxF,OAAK;AAAA,IACJ,WAAW,EAAE,IAAI,IAAI,SAAQ,WAAW,MAAM,IAAI,QAAQ,IAAK;AAAA,IAC/D,CAAC,MAAM,MAAM,GAAG;AAAA,IAChB;AAAA,EACD;AAEA,MAAK,KAAa,IAAK,SAAQ;AAC/B,OAAK,IAAI;AACV,CAAC;AAAA,IAED,YAAAA,SAAK,0DAA0D,OAAM,SAAQ;AAC5E,QAAM,EAAE,aAAa,YAAY,QAAQ,QAAQ,IAAI,MAAM,kBAAkB;AAC7E,QAAM,YAAY,aAAa,MAAM;AAGrC,aAAW,IAAI,uBAAuB,SAAS,SAAS,CAAC,IAAI,GAAG,EAAE,KAAK,IAAI,CAAC;AAC5E,aAAW,IAAI,uBAAuB,KAAK,EAAE,cAAc,IAAI,MAAM,UAAU,EAAE,SAAS,KAAK,CAAC,CAAC;AACjG,QAAM,YAAY,MACjB,CAAC,GAAG,YAAY,QAAQ,QAAQ,IAAI,UAAU,KAAK,EAAE,iBAAiB,MAAM,CAAC,EAAE,IAAI,OAAK,EAAE,aAAa,IAAI,CAAC;AAC7G,QAAM,eAAe,UAAU;AAG/B,QAAM,WAAW,OAAO,YAAY,IAAI,QAAQ,KAAK,EAAE,UAAU;AAEjE,OAAK,UAAU,UAAU,GAAG,cAAc,yDAAyD;AACnG,OAAK;AAAA,IACJ,WAAW,IAAI,uBAAuB,SAAS,OAAO;AAAA,IACtD;AAAA,IACA;AAAA,EACD;AACA,OAAK;AAAA,IACJ,WAAW,EAAE,IAAI,IAAI,SAAQ,WAAW,MAAM,IAAI,QAAQ,IAAK;AAAA,IAC/D,CAAC,MAAM,IAAI,GAAG;AAAA,IACd;AAAA,EACD;AAEA,MAAK,KAAa,IAAK,SAAQ;AAC/B,OAAK,IAAI;AACV,CAAC;AAAA,IAED,YAAAA,SAAK,kBAAkB,OAAM,SAAQ;AACpC,QAAM,EAAE,aAAa,YAAY,QAAQ,QAAQ,IAAI,MAAM,kBAAkB,EAAE,MAAM,iBAAiB,EAAE,CAAC;AACzG,QAAM,YAAY,aAAa,MAAM;AAGrC,OAAK;AAAA,IACJ,WAAW,IAAI,uBAAuB,SAAS,OAAO;AAAA,IACtD,OAAO,QAAQ,QAAQ,aAAa,QAAQ,CAAC,CAAC,CAAC;AAAA,IAC/C;AAAA,EACD;AAGA,aAAW,IAAI,uBAAuB,SAAS,SAAS,CAAC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC;AAC1E,aAAW,IAAI,uBAAuB,KAAK,EAAE,cAAc,IAAI,MAAM,UAAU,EAAE,SAAS,KAAK,CAAC,CAAC;AACjG,OAAK;AAAA,IACJ,WAAW,EAAE,IAAI,IAAI,SAAQ,WAAW,MAAM,IAAI,QAAQ,IAAK;AAAA,IAC/D,CAAC,MAAM,SAAS,MAAM;AAAA,IACtB;AAAA,EACD;AAEA,QAAM,UAAU,WAAW,WAAW,KAAK;AAC3C,OAAK;AAAA,IACJ,QAAQ,IAAI,IAAI,UAAQ,EAAE,OAAO,WAAW,MAAM,IAAI,QAAQ,MAAM,MAAM,UAAU,MAAM,IAAI,OAAO,KAAK,EAAE;AAAA,IAC5G;AAAA,MACC,EAAE,OAAO,MAAM,MAAM,QAAQ;AAAA,MAC7B,EAAE,OAAO,SAAS,MAAM,OAAO;AAAA,MAC/B,EAAE,OAAO,QAAQ,MAAM,KAAK;AAAA,IAC7B;AAAA,IACA;AAAA,EACD;AACA,OAAK;AAAA,IACJ,QAAQ,IAAI,IAAI,SAAO,IAAI,KAAK;AAAA,IAChC,CAAC,YAAO,cAAc,MAAM;AAAA,IAC5B;AAAA,EACD;AAEA,MAAK,KAAa,IAAK,SAAQ;AAC/B,OAAK,IAAI;AACV,CAAC;",
+  "names": ["tape", "lines"]
+}

package/dist/NumDiscreteEditor-TSUHVX77.js

@@ -0,0 +1,175 @@
+import {
+  NumRegularBinEditor
+} from "./chunk-XIBY5I6F.js";
+import {
+  NumCustomBinEditor
+} from "./chunk-3O6XFPUB.js";
+import {
+  Tabs
+} from "./chunk-K6OVOHIZ.js";
+import "./chunk-HJ6L54YS.js";
+import {
+  HandlerBase
+} from "./chunk-XFAL46LZ.js";
+import "./chunk-HQAJVJCQ.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-6QCYT6G2.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-IIT367QZ.js";
+import "./chunk-RZGEKL77.js";
+import "./chunk-ZFJUVP2N.js";
+import "./chunk-R3ARQMM4.js";
+import "./chunk-4USLEUNR.js";
+import "./chunk-4WF3XDQP.js";
+import "./chunk-X6VTVZY7.js";
+import "./chunk-M3J4MINX.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-L44P5N4U.js";
+import "./chunk-GEQUQ3GG.js";
+import "./chunk-WPHUM5S5.js";
+import "./chunk-75T7ESEO.js";
+import "./chunk-2KXLYFAO.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-VQZ2Z5YU.js";
+import "./chunk-UJELJXJG.js";
+import "./chunk-FXQXCOII.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-5R63Q5KH.js";
+import "./chunk-I6Y4O3RR.js";
+import "./chunk-Q5RDQNIT.js";
+import "./chunk-DQC5FFGV.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);
+        } else if (this.dom.typeInputsDiv) {
+          await this.editorsByType[this.activeTab].render(this.dom.typeInputsDiv);
+        }
+        return;
+      } else delete this.dom.boundaryInclusionDiv;
+    }
+    this.dom.density_div = div.append("div");
+    await this.handler.density.showViolin(this.dom.density_div);
+    this.mayShowValueconversionMsg(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.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);
+  }
+  renderTypeInputs(_div) {
+    this.dom.binsDiv = _div.append("div");
+    const div = this.dom.typeInputsDiv = 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-TSUHVX77.js.map

package/dist/NumDiscreteEditor-TSUHVX77.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} else if (this.dom.typeInputsDiv) {\n\t\t\t\t\t/* a term whose default bin type is custom-bin gets no regular/custom switch, so\n\t\t\t\t\trenderTypeInputs() never made tabs to take a holder from. still re-render, to redraw\n\t\t\t\t\tthe boundary lines over the violin that showViolin() just put back */\n\t\t\t\t\tawait this.editorsByType[this.activeTab].render(this.dom.typeInputsDiv)\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\t\t/* the note names the unit that the plot is labeled in and that the inputs below are typed in,\n\t\tso it reads directly under the plot, above the rows it applies to */\n\t\tthis.mayShowValueconversionMsg(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.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\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\t// held onto, so that showEditMenu() can re-render into it when there are no tabs to get a holder from\n\t\tconst div = (this.dom.typeInputsDiv = 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": []
+}