@sjcrh/proteinpaint-client 2.222.0 → 2.224.0

package/dist/NumericDensity.unit.spec-LPW5M4MB.js

@@ -0,0 +1,414 @@
+import {
+  agedx
+} from "./chunk-32AI7I4C.js";
+import {
+  termjson
+} from "./chunk-CWWE77DH.js";
+import {
+  require_tape
+} from "./chunk-PJYCTAMC.js";
+import {
+  NumericDensity
+} from "./chunk-VFLGHCUO.js";
+import {
+  TwRouter
+} from "./chunk-U45YALDI.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-KZXFNO75.js";
+import "./chunk-CNFTQSNE.js";
+import "./chunk-RIHO7ZD5.js";
+import "./chunk-TVJOSRCH.js";
+import "./chunk-3CIL7KH7.js";
+import "./chunk-T4XPCSLP.js";
+import "./chunk-KBTFT76L.js";
+import "./chunk-W5J3LTYS.js";
+import "./chunk-MHWYRNGA.js";
+import "./chunk-JHLF2ZC2.js";
+import "./chunk-WJLRU5OF.js";
+import "./chunk-HBNB5TRH.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-4OLM3KSB.js";
+import "./chunk-PWYMHUXY.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-5R63Q5KH.js";
+import {
+  select_default
+} from "./chunk-I6Y4O3RR.js";
+import "./chunk-Q5RDQNIT.js";
+import {
+  __toESM
+} from "./chunk-HS5PO5ZQ.js";
+
+// termsetting/handlers/test/NumericDensity.unit.spec.ts
+var import_tape = __toESM(require_tape(), 1);
+async function getNumericDensity(opts = {}) {
+  const term = opts.term || JSON.parse(JSON.stringify(termjson.agedx));
+  const violinData = opts.violinData || agedx;
+  const rawTw = {
+    term,
+    q: {
+      mode: "continuous"
+    }
+  };
+  const tw = await TwRouter.initRaw(rawTw);
+  const density = new NumericDensity({
+    termsetting: {
+      tw,
+      term: rawTw.term,
+      q: rawTw.q,
+      opts: {
+        // numericEditMenuVersion: ['continuous', 'discrete', 'binary', 'spline'],
+        // usecase: opts.usecase
+        ...opts
+      },
+      api: {
+        runCallback() {
+        }
+      },
+      dom: {
+        tip: {
+          hide() {
+          }
+        }
+      },
+      vocabApi: {
+        getViolinBox() {
+          return violinData;
+        }
+      }
+    }
+  });
+  const holder = select_default("body").append("div").style("position", "fixed").style("top", 500).style("left", 500).style("width", "fit-content").style("margin", "20px").style("padding", "5px").style("border", "1px solid #000");
+  return {
+    rawTw,
+    tw,
+    holder,
+    density,
+    destroy: () => {
+      density.destroy();
+      holder.remove();
+    }
+  };
+}
+var DAY_TO_YEAR = 1 / 365.25;
+function getConvertedTerm(overrides = {}) {
+  const term = JSON.parse(JSON.stringify(termjson.agedx));
+  term.valueConversion = { fromUnit: "day", toUnit: "year", scaleFactor: DAY_TO_YEAR };
+  return Object.assign(term, overrides);
+}
+async function dragFirstLine(density, values, xOffset = 150) {
+  let resolve;
+  const dragged = new Promise((res) => resolve = res);
+  await density.setBinLines({
+    values,
+    callback(lineData, value) {
+      resolve({ lineData, value });
+    }
+  });
+  const lines = [...density.dom.binsize_g.node().querySelectorAll("line")];
+  simulateDrag(lines[0], xOffset);
+  return dragged;
+}
+function simulateDrag(elem, xOffset) {
+  const box = elem.getBoundingClientRect();
+  const draggedX = box.x + xOffset;
+  elem.dispatchEvent(
+    new MouseEvent("mousedown", {
+      bubbles: true,
+      cancelable: true,
+      clientX: box.x,
+      clientY: box.y,
+      view: window
+    })
+  );
+  elem.dispatchEvent(
+    new MouseEvent("mouseup", {
+      bubbles: true,
+      cancelable: true,
+      clientX: draggedX,
+      clientY: 150,
+      view: window
+    })
+  );
+}
+(0, import_tape.default)("violin as density plot", async (test) => {
+  const { density, holder, destroy } = await getNumericDensity();
+  await density.showViolin(holder);
+  test.equal(holder.selectAll("svg").size(), 1, `should render a density plot svg`);
+  test.equal(holder.selectAll("svg image").size(), 1, `should render an image inside the svg`);
+  if (test._ok) destroy();
+  test.end();
+});
+(0, import_tape.default)("1 draggable line without lastVisibleLine", async (test) => {
+  test.timeoutAfter(20);
+  test.plan(4);
+  const { density, holder, destroy } = await getNumericDensity();
+  await density.showViolin(holder);
+  let hasTestedCallback = false;
+  const values = [
+    { x: 100, isDraggable: true, movesWithLineIndex: -1 },
+    { x: 1e3, movesWithLineIndex: 0 },
+    { x: 3e3, movesWithLineIndex: 0 }
+  ];
+  density.setBinLines({
+    values,
+    callback(lineData, value) {
+      if (hasTestedCallback === true) return;
+      hasTestedCallback = true;
+      const comparableKeys = Object.keys(values[0]);
+      test.deepEqual(
+        Object.fromEntries(Object.entries(lineData).filter((kv) => comparableKeys.includes(kv[0]))),
+        values[0],
+        `should provide a copy of the draggable line data as the first argument to callback`
+      );
+      test.true((value - 1516.62) / value < 0.01, `should provide the value as the second argument to callback`);
+      test.deepEqual(
+        lines.filter((l) => l.style.display !== "none").map((l, i) => Math.abs(Math.floor(Number(l.getAttribute("x1")) - x1b4drag[i] - xOffset)) < 2),
+        // check that the difference between expected and actual x values is less than a few pixels
+        [true, true, true],
+        `should also move non-draggable lines in the expected x-positions of the density plot`
+      );
+      if (test._ok) destroy();
+      test.end();
+    }
+  });
+  const lines = [...density.dom.binsize_g.node().querySelectorAll("line")];
+  const x1b4drag = [21, 116, 328];
+  test.deepEqual(
+    lines.filter((l) => l.style.display !== "none").map((l) => Number(l.getAttribute("x1"))),
+    x1b4drag,
+    `should render 3 visible lines in the expected x-positions of the density plot`
+  );
+  const xOffset = 150;
+  simulateDrag(lines[0], xOffset);
+});
+(0, import_tape.default)("1 draggable line with lastVisibleLine", async (test) => {
+  test.timeoutAfter(20);
+  test.plan(4);
+  const { density, holder, destroy } = await getNumericDensity();
+  await density.showViolin(holder);
+  let hasTestedCallback = false;
+  const values = [
+    { x: 100, isDraggable: true, movesWithLineIndex: -1 },
+    { x: 500, movesWithLineIndex: 0 },
+    { x: 1e3, movesWithLineIndex: 0 },
+    { x: 2e3, isDraggable: true, isLastVisibleLine: true }
+  ];
+  density.setBinLines({
+    values,
+    callback(lineData, value) {
+      if (hasTestedCallback === true) return;
+      hasTestedCallback = true;
+      const comparableKeys = Object.keys(values[0]);
+      test.deepEqual(
+        Object.fromEntries(Object.entries(lineData).filter((kv) => comparableKeys.includes(kv[0]))),
+        values[0],
+        `should provide a copy of the draggable line data as the first argument to callback`
+      );
+      test.true((value - 1516.62) / value < 0.01, `should provide the value as the second argument to callback`);
+      const expectedXDiff = [0, 0, 44];
+      test.deepEqual(
+        lines.filter((l) => l.style.display !== "none").map(
+          (l, i) => Math.abs(Math.floor(Number(l.getAttribute("x1")) - x1b4drag[i] - xOffset) + expectedXDiff[i]) < 2
+        ),
+        // check that the difference between expected and actual x values is less than a few pixels
+        [true, true, true],
+        `should also move non-draggable lines in the expected x-positions of the density plot`
+      );
+      if (test._ok) destroy();
+      test.end();
+    }
+  });
+  const lines = [...density.dom.binsize_g.node().querySelectorAll("line")];
+  const x1b4drag = [21, 63, 116, 222];
+  test.deepEqual(
+    lines.filter((l) => l.style.display !== "none").map((l) => Number(l.getAttribute("x1"))),
+    x1b4drag,
+    `should render 3 visible lines in the expected x-positions of the density plot`
+  );
+  const xOffset = 150;
+  simulateDrag(lines[0], xOffset);
+});
+(0, import_tape.default)("converted term: plot range in the user-facing unit", async (test) => {
+  test.timeoutAfter(1e3);
+  const { density, holder, destroy } = await getNumericDensity({ term: getConvertedTerm() });
+  await density.showViolin(holder);
+  test.equal(density.scaleFactor, DAY_TO_YEAR, `should take the scaleFactor from term.valueConversion`);
+  test.equal(
+    density.displayMin,
+    agedx.min * DAY_TO_YEAR,
+    `should state the plot minimum in the user-facing unit`
+  );
+  test.equal(
+    density.displayMax,
+    agedx.max * DAY_TO_YEAR,
+    `should state the plot maximum in the user-facing unit`
+  );
+  test.notEqual(
+    density.displayMax,
+    Number((agedx.max * DAY_TO_YEAR).toFixed(2)),
+    `should not round the plot maximum to the decimals an editor input shows`
+  );
+  await density.setBinLines({ values: [{ x: 2, isDraggable: true }], callback() {
+  } });
+  test.deepEqual(
+    density.xscale.domain(),
+    density.vr.axisScaleUI.domain(),
+    `should give xscale the same domain as the violin axis it overlays`
+  );
+  const v = 5;
+  test.equal(
+    density.xscale(v) + density.plot_size.xpad,
+    density.vr.axisScaleUI(v) + density.vr.shiftx,
+    `should map a value to the same x as the violin axis, allowing for the two group translations`
+  );
+  if (test._ok) destroy();
+  test.end();
+});
+(0, import_tape.default)("converted term: a range narrower than the rounding of a displayed value", async (test) => {
+  test.timeoutAfter(1e3);
+  const violinData = { ...agedx, min: 100.5, max: 101.5 };
+  const { density, holder, destroy } = await getNumericDensity({ term: getConvertedTerm(), violinData });
+  await density.showViolin(holder);
+  test.equal(
+    Number(density.displayMin.toFixed(2)),
+    Number(density.displayMax.toFixed(2)),
+    `the test data should be a range that rounds to a single value in the user-facing unit`
+  );
+  test.notEqual(density.displayMin, density.displayMax, `should keep the two plot endpoints distinct`);
+  const { value } = await dragFirstLine(density, [{ x: 101 * DAY_TO_YEAR, isDraggable: true }]);
+  test.true(Number.isFinite(value), `should report a value for a drag within the plot`);
+  test.equal(
+    Math.round(density.xscale(density.displayMax)) - Math.round(density.xscale(density.displayMin)),
+    density.plot_size.width,
+    `should scale the range over the full width of the plot`
+  );
+  if (test._ok) destroy();
+  test.end();
+});
+(0, import_tape.default)("dragged value is rounded for the unit it is reported in", async (test) => {
+  test.timeoutAfter(1e3);
+  const converted = await getNumericDensity({ term: getConvertedTerm() });
+  await converted.density.showViolin(converted.holder);
+  const convertedDrag = await dragFirstLine(converted.density, [{ x: 2, isDraggable: true }]);
+  test.equal(
+    Number(convertedDrag.value.toFixed(2)),
+    convertedDrag.value,
+    `should report a converted value with no more than 2 decimals`
+  );
+  test.true(
+    convertedDrag.value > 2 && convertedDrag.value > converted.density.displayMin && convertedDrag.value < converted.density.displayMax,
+    `should report a converted value that moved to the right and stayed within the plot range (got ${convertedDrag.value})`
+  );
+  if (test._ok) converted.destroy();
+  const term = JSON.parse(JSON.stringify(termjson.agedx));
+  term.type = "integer";
+  const integer = await getNumericDensity({ term });
+  await integer.density.showViolin(integer.holder);
+  test.equal(integer.density.scaleFactor, 1, `should not convert a term without valueConversion`);
+  const integerDrag = await dragFirstLine(integer.density, [{ x: 100, isDraggable: true }]);
+  test.equal(
+    integerDrag.value,
+    Math.round(integerDrag.value),
+    `should report a whole number for an unconverted integer term`
+  );
+  if (test._ok) integer.destroy();
+  test.end();
+});
+(0, import_tape.default)("a dragged line stops at its neighboring line", async (test) => {
+  test.timeoutAfter(1e3);
+  const { density, holder, destroy } = await getNumericDensity();
+  await density.showViolin(holder);
+  const calls = [];
+  const values = [
+    { x: 100, isDraggable: true },
+    { x: 2e3, isDraggable: true }
+  ];
+  await density.setBinLines({
+    values,
+    callback(lineData, value) {
+      calls.push({ index: lineData.index, value });
+    }
+  });
+  const lines = [...density.dom.binsize_g.node().querySelectorAll("line")];
+  const lineX = (i) => Number(lines[i].getAttribute("x1"));
+  const neighborX = lineX(1);
+  simulateDrag(lines[0], 400);
+  test.equal(calls.length, 1, `should report the drag of a line that is dragged past its neighbor`);
+  test.true(
+    calls[0].value < values[1].x,
+    `should report a value below the neighboring boundary (got ${calls[0].value})`
+  );
+  test.true(lineX(0) < neighborX, `should stop the dragged line before the neighboring line`);
+  test.equal(lineX(1), neighborX, `should leave the neighboring line where it was`);
+  simulateDrag(lines[0], -800);
+  test.true(calls[1].value > density.displayMin, `should report a value above the plot minimum (got ${calls[1].value})`);
+  test.true(lineX(0) > Math.round(density.xscale(density.displayMin)), `should stop the dragged line inside the plot`);
+  const draggedX = lineX(0);
+  simulateDrag(lines[1], -800);
+  test.true(lineX(1) > draggedX, `should stop a line dragged to the left after its neighboring line`);
+  test.true(
+    calls[calls.length - 1].value > calls[1].value,
+    `should report a value above the neighboring boundary (got ${calls[calls.length - 1].value})`
+  );
+  if (test._ok) destroy();
+  test.end();
+});
+(0, import_tape.default)("a boundary line drawn outside the plot is still draggable", async (test) => {
+  test.timeoutAfter(1e3);
+  const { density, holder, destroy } = await getNumericDensity();
+  await density.showViolin(holder);
+  const calls = [];
+  await density.setBinLines({
+    // agedx values run to 4710, so a boundary of 9000 is drawn past the right edge of the plot
+    values: [
+      { x: 100, isDraggable: true },
+      { x: 9e3, isDraggable: true }
+    ],
+    callback(_, value) {
+      calls.push(value);
+    }
+  });
+  const lines = [...density.dom.binsize_g.node().querySelectorAll("line")];
+  const scaledMaxX = Math.round(density.xscale(density.displayMax));
+  test.true(
+    Number(lines[1].getAttribute("x1")) > scaledMaxX,
+    `the test data should put the second line past the right edge of the plot`
+  );
+  simulateDrag(lines[1], -30);
+  test.equal(calls.length, 1, `should report a drag of a line that is drawn outside the plot`);
+  test.true(calls[0] <= density.displayMax, `should report a value within the plot range (got ${calls[0]})`);
+  test.equal(
+    Number(lines[1].getAttribute("x1")),
+    scaledMaxX - 1,
+    `should move the line to just inside the edge of the plot`
+  );
+  if (test._ok) destroy();
+  test.end();
+});
+(0, import_tape.default)("a dragged line does not report the value of its neighboring line", async (test) => {
+  test.timeoutAfter(1e3);
+  const term = JSON.parse(JSON.stringify(termjson.agedx));
+  term.type = "integer";
+  const violinData = { ...agedx, min: 0, max: 10 };
+  const { density, holder, destroy } = await getNumericDensity({ term, violinData });
+  await density.showViolin(holder);
+  const calls = [];
+  await density.setBinLines({
+    values: [
+      { x: 5, isDraggable: true },
+      { x: 6, isDraggable: true }
+    ],
+    callback(_, value) {
+      calls.push(value);
+    }
+  });
+  const lines = [...density.dom.binsize_g.node().querySelectorAll("line")];
+  simulateDrag(lines[0], 45);
+  test.deepEqual(calls, [], `should not report a drag that rounds onto the neighboring boundary`);
+  simulateDrag(lines[0], -60);
+  test.deepEqual(calls, [4], `should report a drag that rounds to a value between the neighboring boundaries`);
+  if (test._ok) destroy();
+  test.end();
+});
+//# sourceMappingURL=NumericDensity.unit.spec-LPW5M4MB.js.map

package/dist/NumericHandler-E7H7WJHR.js

@@ -0,0 +1,30 @@
+import {
+  NumericHandler
+} from "./chunk-N3XBGDFY.js";
+import "./chunk-VFLGHCUO.js";
+import "./chunk-U45YALDI.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-KZXFNO75.js";
+import "./chunk-CNFTQSNE.js";
+import "./chunk-RIHO7ZD5.js";
+import "./chunk-TVJOSRCH.js";
+import "./chunk-3CIL7KH7.js";
+import "./chunk-T4XPCSLP.js";
+import "./chunk-KBTFT76L.js";
+import "./chunk-W5J3LTYS.js";
+import "./chunk-MHWYRNGA.js";
+import "./chunk-JHLF2ZC2.js";
+import "./chunk-WJLRU5OF.js";
+import "./chunk-HBNB5TRH.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-4OLM3KSB.js";
+import "./chunk-PWYMHUXY.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-5R63Q5KH.js";
+import "./chunk-I6Y4O3RR.js";
+import "./chunk-Q5RDQNIT.js";
+import "./chunk-HS5PO5ZQ.js";
+export {
+  NumericHandler
+};
+//# sourceMappingURL=NumericHandler-E7H7WJHR.js.map

package/dist/NumericHandler.unit.spec-FE2LOGCS.js

@@ -0,0 +1,225 @@
+import {
+  sleep
+} from "./chunk-WA3C3A2M.js";
+import {
+  agedx
+} from "./chunk-32AI7I4C.js";
+import {
+  termjson
+} from "./chunk-CWWE77DH.js";
+import {
+  require_tape
+} from "./chunk-PJYCTAMC.js";
+import {
+  NumericHandler
+} from "./chunk-N3XBGDFY.js";
+import "./chunk-VFLGHCUO.js";
+import {
+  TwRouter
+} from "./chunk-U45YALDI.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-KZXFNO75.js";
+import "./chunk-CNFTQSNE.js";
+import "./chunk-RIHO7ZD5.js";
+import "./chunk-TVJOSRCH.js";
+import "./chunk-3CIL7KH7.js";
+import "./chunk-T4XPCSLP.js";
+import "./chunk-KBTFT76L.js";
+import "./chunk-W5J3LTYS.js";
+import "./chunk-MHWYRNGA.js";
+import "./chunk-JHLF2ZC2.js";
+import "./chunk-WJLRU5OF.js";
+import "./chunk-HBNB5TRH.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-4OLM3KSB.js";
+import "./chunk-PWYMHUXY.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-5R63Q5KH.js";
+import {
+  select_default
+} from "./chunk-I6Y4O3RR.js";
+import "./chunk-Q5RDQNIT.js";
+import {
+  __toESM
+} from "./chunk-HS5PO5ZQ.js";
+
+// termsetting/handlers/test/NumericHandler.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: {
+      mode: "discrete",
+      //type: 'regular-bin',
+      ...term.bins.default
+    }
+  };
+  const tw = await TwRouter.initRaw(rawTw);
+  const handler = new NumericHandler({
+    termsetting: {
+      tw,
+      term: rawTw.term,
+      q: rawTw.q,
+      opts: {
+        numericEditMenuVersion: ["continuous", "discrete", "binary", "spline"],
+        // _opts will any matching override previous opts key-values
+        ..._opts
+      },
+      api: {
+        async runCallback() {
+          const self = handler.termsetting;
+          const q = handler.editHandler.q;
+          self.tw = await TwRouter.initRaw({ term: self.term, q }, self.opts);
+        }
+      },
+      dom: {
+        tip: {
+          hide() {
+          }
+        }
+      },
+      vocabApi: {
+        getViolinBox() {
+          return agedx;
+        },
+        getPercentile() {
+          return {
+            values: [0.03537315665, 3.13072460515, 8.164619357749999, 17.8726813385]
+          };
+        }
+      }
+    }
+  });
+  const holder = select_default("body").append("div").style("width", "fit-content").style("margin", "20px").style("padding", "5px").style("border", "1px solid #000");
+  return {
+    rawTw,
+    tw,
+    handler,
+    holder,
+    destroy: () => {
+      if (handler.editHandler && "destroy" in handler.editHandler) handler.editHandler.destroy();
+      if (typeof handler.destroy == "function") handler.destroy();
+      holder.remove();
+    }
+  };
+}
+(0, import_tape.default)("\n", (test) => {
+  test.comment("-***- NumericHandler.unit.spec -***-");
+  test.end();
+});
+(0, import_tape.default)("tabs data and pill status", async (test) => {
+  const { handler, destroy } = await getNumericHandler();
+  test.deepEqual(
+    handler.tabs.map((t) => t.label),
+    ["Continuous", "Discrete", "Cubic spline", "Binary"],
+    "sets the expected tab data"
+  );
+  test.deepEqual(handler.getPillStatus(), { text: "bin size=500" }, `should give the expected pill status`);
+  if (test._ok) destroy();
+  test.end();
+});
+(0, import_tape.default)("gene-expression pill status includes the sample-type label", (test) => {
+  const handler = Object.create(NumericHandler.prototype);
+  handler.termsetting = {
+    tw: {
+      term: { type: "geneExpression", sampleTypeLabel: "Relapses" },
+      getStatus: () => ({ text: "continuous" })
+    }
+  };
+  test.deepEqual(
+    handler.getPillStatus(),
+    { text: "continuous (Relapses)" },
+    "should append the gene-expression sample-type label"
+  );
+  test.end();
+});
+(0, import_tape.default)("editHandler", async (test) => {
+  const { handler, destroy } = await getNumericHandler();
+  handler.density_data = { min: 0, max: 100 };
+  await handler.setEditHandler(handler.tabs[0]);
+  test.equal(
+    handler.editHandler.constructor.name,
+    "NumContEditor",
+    `sets the expected editHandler for mode='continuous'`
+  );
+  await handler.setEditHandler(handler.tabs[1]);
+  test.equal(
+    handler.editHandler.constructor.name,
+    "NumDiscreteEditor",
+    `sets the expected editHandler for mode='discrete'`
+  );
+  await handler.setEditHandler(handler.tabs[2]);
+  test.equal(handler.editHandler.constructor.name, "NumSplineEditor", `sets the expected editHandler for mode='binary'`);
+  await handler.setEditHandler(handler.tabs[3]);
+  test.equal(handler.editHandler.constructor.name, "NumBinaryEditor", `sets the expected editHandler for mode='spline'`);
+  if (test._ok) destroy();
+  test.end();
+});
+(0, import_tape.default)("showEditMenu, multiple modes", async (test) => {
+  const { handler, holder, destroy } = await getNumericHandler();
+  await handler.showEditMenu(holder);
+  await sleep(0);
+  test.equal(handler.editHandler.dom.density_div.selectAll("svg").size(), 1, `should render a density plot svg`);
+  test.equal(
+    handler.dom.topBar?.selectAll(".sj-toggle-button").size(),
+    4,
+    `should render 4 tabs, one toggle button for each mode`
+  );
+  test.equal(handler.dom.btnDiv?.selectAll("button").size(), 2, `should render an apply and reset button`);
+  test.deepEqual(handler.getPillStatus(), { text: "bin size=500" }, "should have the expected initial pill status");
+  const tabBtns = handler.dom.topBar.node().querySelectorAll("button");
+  tabBtns[2].click();
+  await sleep(10);
+  handler.dom.btnDiv.select("button").node().click();
+  await sleep(10);
+  test.deepEqual(
+    handler.getPillStatus(),
+    { text: "cubic spline" },
+    "should have a different pill status after switching q.modes"
+  );
+  if (test._ok) destroy();
+  test.end();
+});
+(0, import_tape.default)("showEditMenu, single mode", async (test) => {
+  const { handler, holder, destroy } = await getNumericHandler({ numericEditMenuVersion: ["binary"] });
+  await handler.showEditMenu(holder);
+  await sleep(0);
+  test.equal(handler.editHandler.dom.density_div.selectAll("svg").size(), 1, `should render a density plot svg`);
+  test.equal(
+    handler.dom.topBar?.selectAll(".sj-toggle-button").size(),
+    void 0,
+    `should not render mode toggle buttons`
+  );
+  test.equal(handler.dom.btnDiv?.selectAll("button").size(), 2, `should render an apply and reset button`);
+  if (test._ok) destroy();
+  test.end();
+});
+(0, import_tape.default)("apply and reset", async (test) => {
+  test.timeoutAfter(50);
+  test.plan(2);
+  const { handler, holder, destroy } = await getNumericHandler();
+  handler.editHandler = {
+    getEditedQ() {
+      test.pass("should trigger editHandler.getEditedQ() from applyEdits()");
+      return { mode: "discrete", type: "regular-bin" };
+    },
+    undoEdits() {
+      test.pass("should trigger editHandler.undoEdits() from undoEdits()");
+    }
+  };
+  try {
+    await handler.renderButtons(holder);
+    const btns = holder.node()?.querySelectorAll("button");
+    if (btns?.length) {
+      btns[0].click();
+      btns[1].click();
+    }
+    if (test._ok) destroy();
+    test.end();
+  } catch (e) {
+    test.fail("should trigger editHandler.getEditedQ and .undoEdits(): " + e);
+  }
+});
+//# sourceMappingURL=NumericHandler.unit.spec-FE2LOGCS.js.map