@sjcrh/proteinpaint-client 2.207.1 → 2.209.0

package/dist/chunk-Q4HTEL2O.js

@@ -0,0 +1,56 @@
+import {
+  sayerror
+} from "./chunk-C3HEDQPT.js";
+import {
+  TermTypeGroups
+} from "./chunk-SB36AUG7.js";
+
+// termdb/handlers/singleCellNumericValue.ts
+var SearchHandler = class {
+  async init(opts) {
+    this.validateOpts(opts);
+    this.callback = opts.callback;
+    this.app = opts.app;
+    const holder = opts.holder.append("div").style("padding", "10px 0px");
+    const scnvTerms = opts.app.vocabApi.termdbConfig?.termType2terms?.[TermTypeGroups.SINGLECELL_NUMERIC_VALUE];
+    if (!scnvTerms?.length) {
+      sayerror(
+        holder,
+        `termType2terms[${TermTypeGroups.SINGLECELL_NUMERIC_VALUE}]:[] is required in termdbConfig for singleCellNumericValue handler`
+      );
+      return;
+    }
+    const usecaseConfig = opts.usecase?.specialCase?.config;
+    const plots = usecaseConfig?.sample?.plots;
+    const isMeta = usecaseConfig?.sample?.isMetaResult;
+    const filtered = plots ? scnvTerms.filter((t) => plots.includes(t.plot)) : usecaseConfig?.name ? scnvTerms.filter((t) => t.plot === usecaseConfig.name) : scnvTerms;
+    const getLabel = (t) => isMeta || plots?.length == 1 ? t.name : `${t.name} (${t.plot})`;
+    const filteredTerms = new Set(
+      plots || !usecaseConfig?.name ? filtered.map((t) => ({ ...t, label: getLabel(t) })) : filtered
+    );
+    for (const t of Array.from(filteredTerms)) {
+      holder.append("div").classed("termdiv", true).style("padding", "0px 5px").append("div").classed("termlabel sja_filter_tag_btn sja_tree_click_term ts_pill", true).style("display", "inline-block").style("padding", "5px 8px").style("margin", "1px 0px").style("border-radius", "6px").text(t.label || t.name).on("click", () => {
+        const term = this.makeTerm(t, usecaseConfig);
+        this.callback(term);
+      });
+    }
+  }
+  makeTerm(_term, usecaseConfig) {
+    const term = { ..._term };
+    if (!term.sample && usecaseConfig?.sample) term.sample = usecaseConfig.sample;
+    return term;
+  }
+  validateOpts(opts) {
+    if (opts.callback == null) throw new Error("callback is required");
+    if (opts.app == null) throw new Error("app is required");
+    if (opts.holder == null) throw new Error("holder is required");
+    if (opts.usecase == null) throw new Error("usecase is required");
+    if (!opts.app.vocabApi.termdbConfig?.termType2terms)
+      throw new Error("termType2terms is required in termdbConfig for singleCellNumericValue handler");
+  }
+};
+
+export {
+  SearchHandler
+};
+//# sourceMappingURL=chunk-Q4HTEL2O.js.map

package/dist/chunk-Q4HTEL2O.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../termdb/handlers/singleCellNumericValue.ts"],
+  "sourcesContent": ["import type { AppApi } from '#rx'\nimport { TermTypeGroups } from '#shared/terms.js'\nimport { sayerror } from '#dom'\n\nexport class SearchHandler {\n    callback?: (f?: any) => void\n    app?: AppApi\n\n    async init(opts) {\n        this.validateOpts(opts)\n        this.callback = opts.callback\n        this.app = opts.app\n\n        const holder = opts.holder.append('div').style('padding', '10px 0px')\n        const scnvTerms = opts.app.vocabApi.termdbConfig?.termType2terms?.[TermTypeGroups.SINGLECELL_NUMERIC_VALUE]\n        if (!scnvTerms?.length) {\n            sayerror(\n                holder,\n                `termType2terms[${TermTypeGroups.SINGLECELL_NUMERIC_VALUE}]:[] is required in termdbConfig for singleCellNumericValue handler`\n            )\n            return\n        }\n        const usecaseConfig = opts.usecase?.specialCase?.config\n        const plots = usecaseConfig?.sample?.plots\n        const isMeta = usecaseConfig?.sample?.isMetaResult\n\n        /** Use either the usecase.config.sample.plots:[] or usecase.config.name (i.e.\n         * plot name) to filter the terms OR display all. If displaying all terms,\n         * append the plot name to the label. Only display a term once. */\n        const filtered = plots\n            ? scnvTerms.filter(t => plots.includes(t.plot))\n            : usecaseConfig?.name\n            ? scnvTerms.filter(t => t.plot === usecaseConfig.name)\n            : scnvTerms\n\n        const getLabel = t => ((isMeta || plots?.length == 1) ? t.name : `${t.name} (${t.plot})`)\n\n        const filteredTerms: Set<any> = new Set(\n            plots || !usecaseConfig?.name ? filtered.map(t => ({ ...t, label: getLabel(t)})) : filtered\n        )\n\n        for (const t of Array.from(filteredTerms)) {\n            holder\n                /** The divs and styling duplicates the appearance of the\n                 * tree terms. The tree is NOT called for this handler. */\n                .append('div')\n                .classed('termdiv', true)\n                .style('padding', '0px 5px')\n                .append('div')\n                .classed('termlabel sja_filter_tag_btn sja_tree_click_term ts_pill', true)\n                .style('display', 'inline-block')\n                .style('padding', '5px 8px')\n                .style('margin', '1px 0px')\n                .style('border-radius', '6px')\n                //End duplicated pill styling\n                .text(t.label || t.name)\n                .on('click', () => {\n                    const term = this.makeTerm(t, usecaseConfig)\n                    this.callback!(term)\n                })\n        }\n    }\n\n    makeTerm(_term, usecaseConfig) {\n        const term = { ..._term }\n        if (!term.sample && usecaseConfig?.sample) term.sample = usecaseConfig.sample\n        return term\n    }\n\n    validateOpts(opts) {\n        if (opts.callback == null) throw new Error('callback is required')\n        if (opts.app == null) throw new Error('app is required')\n        if (opts.holder == null) throw new Error('holder is required')\n        if (opts.usecase == null) throw new Error('usecase is required')\n        if (!opts.app.vocabApi.termdbConfig?.termType2terms)\n            throw new Error('termType2terms is required in termdbConfig for singleCellNumericValue handler')\n    }\n}\n"],
+  "mappings": ";;;;;;;;AAIO,IAAM,gBAAN,MAAoB;AAAA,EAIvB,MAAM,KAAK,MAAM;AACb,SAAK,aAAa,IAAI;AACtB,SAAK,WAAW,KAAK;AACrB,SAAK,MAAM,KAAK;AAEhB,UAAM,SAAS,KAAK,OAAO,OAAO,KAAK,EAAE,MAAM,WAAW,UAAU;AACpE,UAAM,YAAY,KAAK,IAAI,SAAS,cAAc,iBAAiB,eAAe,wBAAwB;AAC1G,QAAI,CAAC,WAAW,QAAQ;AACpB;AAAA,QACI;AAAA,QACA,kBAAkB,eAAe,wBAAwB;AAAA,MAC7D;AACA;AAAA,IACJ;AACA,UAAM,gBAAgB,KAAK,SAAS,aAAa;AACjD,UAAM,QAAQ,eAAe,QAAQ;AACrC,UAAM,SAAS,eAAe,QAAQ;AAKtC,UAAM,WAAW,QACX,UAAU,OAAO,OAAK,MAAM,SAAS,EAAE,IAAI,CAAC,IAC5C,eAAe,OACf,UAAU,OAAO,OAAK,EAAE,SAAS,cAAc,IAAI,IACnD;AAEN,UAAM,WAAW,OAAO,UAAU,OAAO,UAAU,IAAK,EAAE,OAAO,GAAG,EAAE,IAAI,KAAK,EAAE,IAAI;AAErF,UAAM,gBAA0B,IAAI;AAAA,MAChC,SAAS,CAAC,eAAe,OAAO,SAAS,IAAI,QAAM,EAAE,GAAG,GAAG,OAAO,SAAS,CAAC,EAAC,EAAE,IAAI;AAAA,IACvF;AAEA,eAAW,KAAK,MAAM,KAAK,aAAa,GAAG;AACvC,aAGK,OAAO,KAAK,EACZ,QAAQ,WAAW,IAAI,EACvB,MAAM,WAAW,SAAS,EAC1B,OAAO,KAAK,EACZ,QAAQ,4DAA4D,IAAI,EACxE,MAAM,WAAW,cAAc,EAC/B,MAAM,WAAW,SAAS,EAC1B,MAAM,UAAU,SAAS,EACzB,MAAM,iBAAiB,KAAK,EAE5B,KAAK,EAAE,SAAS,EAAE,IAAI,EACtB,GAAG,SAAS,MAAM;AACf,cAAM,OAAO,KAAK,SAAS,GAAG,aAAa;AAC3C,aAAK,SAAU,IAAI;AAAA,MACvB,CAAC;AAAA,IACT;AAAA,EACJ;AAAA,EAEA,SAAS,OAAO,eAAe;AAC3B,UAAM,OAAO,EAAE,GAAG,MAAM;AACxB,QAAI,CAAC,KAAK,UAAU,eAAe,OAAQ,MAAK,SAAS,cAAc;AACvE,WAAO;AAAA,EACX;AAAA,EAEA,aAAa,MAAM;AACf,QAAI,KAAK,YAAY,KAAM,OAAM,IAAI,MAAM,sBAAsB;AACjE,QAAI,KAAK,OAAO,KAAM,OAAM,IAAI,MAAM,iBAAiB;AACvD,QAAI,KAAK,UAAU,KAAM,OAAM,IAAI,MAAM,oBAAoB;AAC7D,QAAI,KAAK,WAAW,KAAM,OAAM,IAAI,MAAM,qBAAqB;AAC/D,QAAI,CAAC,KAAK,IAAI,SAAS,cAAc;AACjC,YAAM,IAAI,MAAM,+EAA+E;AAAA,EACvG;AACJ;",
+  "names": []
+}

package/dist/chunk-QD75Q5LM.js

@@ -0,0 +1,59 @@
+import {
+  plotColor
+} from "./chunk-SB36AUG7.js";
+
+// plots/scatter/settings/defaults.ts
+function getDefaultScatterSettings(opts = {}) {
+  const overrides = opts?.overrides || {};
+  const defaults = {
+    size: 0.8,
+    minShapeSize: 0.5,
+    maxShapeSize: 4,
+    scaleDotOrder: "Ascending",
+    refSize: 0.8,
+    svgw: 600,
+    svgh: 600,
+    svgd: 600,
+    axisTitleFontSize: 16,
+    showAxes: true,
+    showRef: true,
+    opacity: 0.6,
+    defaultColor: plotColor,
+    regression: "None",
+    fov: 50,
+    threeSize: 5e-3,
+    threeFOV: 70,
+    maxSvgSamplesCutoff: 2e4,
+    // if a cohort is larger than this, switch from svg to webgl/canvas rendering
+    //ColorScale settings
+    colorScaleMode: "auto",
+    colorScalePercentile: 95,
+    colorScaleMinFixed: null,
+    colorScaleMaxFixed: null,
+    noExpColor: "#F5F5F5",
+    // light gray, for dots with no gene expression value
+    expColor: "#ff000d",
+    // default color for the maximum gene expression value
+    //3D Plot settings
+    showContour: false,
+    colorContours: false,
+    contourBandwidth: 30,
+    contourThresholds: 10,
+    duration: 500,
+    useGlobalMinMax: true,
+    saveZoomTransform: false,
+    // Axis scale settings
+    minXScale: null,
+    maxXScale: null,
+    minYScale: null,
+    maxYScale: null,
+    itemLabel: opts?.singleCellPlot ? "Cell" : "Sample",
+    maxTooltipRows: 5
+  };
+  return Object.assign(defaults, overrides);
+}
+
+export {
+  getDefaultScatterSettings
+};
+//# sourceMappingURL=chunk-QD75Q5LM.js.map

package/dist/chunk-QGH5BM2D.js

@@ -0,0 +1,141 @@
+import {
+  skipPrevActionAbort,
+  storeInit
+} from "./chunk-YHWQWVWX.js";
+import {
+  recoverInit
+} from "./chunk-X46YA4CB.js";
+import {
+  AppBase,
+  sayerror,
+  vocabInit
+} from "./chunk-C3HEDQPT.js";
+import {
+  importPlot
+} from "./chunk-B6UXFX73.js";
+import {
+  Menu
+} from "./chunk-ELJX3QIQ.js";
+import {
+  AppApi
+} from "./chunk-WINIL2KN.js";
+
+// plots/plot.app.ts
+var PlotApp = class _PlotApp extends AppBase {
+  constructor(opts, api) {
+    super(opts);
+    this.components = {};
+    this.wasDestroyed = false;
+    this.api = api;
+    this.type = _PlotApp.type;
+    this.dom = this.getDom(opts);
+  }
+  static {
+    this.type = "app";
+  }
+  getDom(opts) {
+    const dom = {
+      holder: opts.holder,
+      errdiv: opts.holder.append("div"),
+      plotDiv: opts.holder.append("div")
+    };
+    const controls = opts.violin?.mode == "minimal" ? null : opts.holder.append("div").style("white-space", "nowrap");
+    if (controls) {
+      dom.plotControls = controls.append("div").style("display", "inline-block");
+      dom.recoverControls = controls.append("div").style("display", "inline-block");
+    }
+    return dom;
+  }
+  async preApiFreeze(api) {
+    try {
+      api.tip = new Menu({ padding: "5px" });
+      api.printError = (e) => this.printError(e);
+      const vocab = this.opts.state.vocab;
+      api.vocabApi = this.opts.vocabApi ? this.opts.vocabApi : await vocabInit({
+        app: api,
+        state: {
+          vocab: {
+            // either (genome + dslabel) XOR (terms) can be undefined
+            genome: vocab?.genome || this.opts.state.genome,
+            dslabel: vocab?.dslabel || this.opts.state.dslabel,
+            terms: vocab?.terms
+          }
+        },
+        fetchOpts: this.opts.fetchOpts
+      });
+      this.opts.state.vocab = api.vocabApi.vocab;
+    } catch (e) {
+      console.log(`preApiFreeze error`, e);
+      throw e;
+    }
+  }
+  async init() {
+    try {
+      this.opts.state.nav = { header_mode: "hidden" };
+      this.store = await storeInit({ app: this.api, state: this.opts.state });
+      this.state = await this.store.copyState();
+      this.components = {
+        plots: {}
+      };
+      if (this.opts.app?.features?.includes("recover"))
+        this.components.recover = await recoverInit({
+          app: this.api,
+          holder: this.dom.recoverControls,
+          // TODO: ???? may limit the tracked state to only the filter, activeCohort ???
+          getState: (appState) => appState,
+          //reactsTo: action => true, //action.type != 'plot_edit' || action.type == 'app_refresh',
+          maxHistoryLen: 10
+        });
+      if (this.opts.app?.doNotAwaitInitRender) {
+        this.api.dispatch();
+      } else {
+        await this.api.dispatch();
+      }
+    } catch (e) {
+      this.printError(e);
+      throw e;
+    }
+  }
+  async main() {
+    this.api.vocabApi.main();
+    for (const id in this.components.plots) {
+      const plot = this.components.plots[id];
+      if (!this.state.plots.find((p) => p.id === plot.id)) {
+        plot.destroy();
+        delete this.components.plots[id];
+      }
+    }
+    for (const plot of this.state.plots.values()) {
+      if (plot.parentId) continue;
+      if (!this.components.plots[plot.id]) {
+        const holder = this.opts?.app?.getPlotHolder ? this.opts.app.getPlotHolder(plot, this.dom.holder) : this.dom.holder.append("div");
+        if (!this.dom.plotDiv) this.dom.plotDiv = holder;
+        const { componentInit } = await importPlot(plot.chartType);
+        const plotApi = await componentInit({
+          id: plot.id,
+          app: this.api,
+          holder,
+          controls: this.dom.plotControls
+        });
+        this.components.plots[plot.id] = plotApi;
+      }
+    }
+  }
+  printError(e) {
+    sayerror(this.dom.errdiv, "Error: " + (e.message || e));
+    if (e.stack) console.log(e.stack);
+    this.bus.emit("error");
+  }
+  skipPrevActionAbort(action) {
+    return skipPrevActionAbort(action);
+  }
+  destroy() {
+    if (this.dom?.holder) this.dom.holder.selectAll("*").remove();
+  }
+};
+var appInit = AppApi.getInitFxn(PlotApp);
+
+export {
+  appInit
+};
+//# sourceMappingURL=chunk-QGH5BM2D.js.map

package/dist/chunk-QSOFGLWZ.js

@@ -0,0 +1,240 @@
+import {
+  make_radios
+} from "./chunk-C3HEDQPT.js";
+import {
+  initBinConfig
+} from "./chunk-OBDIJ4QS.js";
+import {
+  toStoredUnit,
+  toUserUnit
+} from "./chunk-W5J3LTYS.js";
+import {
+  format
+} from "./chunk-4OLM3KSB.js";
+
+// termsetting/handlers/NumRegularBinEditor.ts
+var NumRegularBinEditor = class {
+  constructor(editHandler) {
+    this.dom = {};
+    this.editHandler = editHandler;
+    this.opts = editHandler.opts;
+    this.tw = editHandler.tw;
+    this.termsetting = editHandler.termsetting;
+  }
+  /* q holds bin boundaries in the unit the term's values are stored in, while the <input>s and the
+  density plot show them in the term's user-facing unit. toDisplay()/toStored() cross that boundary;
+  both are identity functions unless the term declares valueConversion{} */
+  toDisplay(v) {
+    return toUserUnit(v, this.tw.term);
+  }
+  toStored(v) {
+    return toStoredUnit(v, this.tw.term);
+  }
+  render(div) {
+    this.tw = this.editHandler.tw;
+    const isRemounting = !!this.dom.binsTable && this.editHandler.dom.binsDiv?.node().contains(this.dom.binsTable.node());
+    if (!isRemounting) this.q = this.getDefaultQ();
+    this.editHandler.handler.density.setBinLines(this.getBoundaryOpts());
+    if (isRemounting) return;
+    if (this.dom.binsTable) {
+      this.dom.binsTable.remove();
+      delete this.dom.binsTable;
+    }
+    const binsTable = div.append("table");
+    this.dom.binsTable = binsTable;
+    this.renderBinSizeInput(binsTable.append("tr"));
+    this.renderFirstBinInput(binsTable.append("tr"));
+    this.renderLastBinInputs(binsTable.append("tr"));
+  }
+  getDefaultQ() {
+    if (this.tw.q.type == "regular-bin") return JSON.parse(JSON.stringify(this.tw.q));
+    const t = this.tw.term;
+    const defaultQ = this.termsetting.opts.use_bins_less && t.bins?.less || t.bins?.default;
+    if (defaultQ) return JSON.parse(JSON.stringify(defaultQ));
+    const binConfig = initBinConfig(this.editHandler.handler.density_data);
+    return typeof binConfig == "string" ? JSON.parse(binConfig) : binConfig;
+  }
+  renderBinSizeInput(tr) {
+    const handler = this.editHandler.handler;
+    tr.append("td").style("margin", "5px").style("opacity", 0.5).text("Bin Size");
+    const { min, max } = handler.density_data;
+    const q = this.q;
+    const origBinSize = this.toDisplay(q.bin_size);
+    this.dom.bin_size_input = tr.append("td").append("input").attr("type", "number").attr(
+      "value",
+      handler.density.scaleFactor == 1 && "rounding" in q ? format(q.rounding || ".0f")(q.bin_size) : origBinSize
+    ).attr("data-testid", "sjpp-num-reg-bin-editor-size").style("margin-left", "15px").style("width", "100px").style("color", () => q.bin_size > Math.abs(max - min) ? "red" : "").on("change", (event) => {
+      const newValue = this.toStored(Number(event.target.value));
+      if (newValue <= 0) {
+        window.alert("Please enter non-negative bin size.");
+        event.target.value = origBinSize;
+        return;
+      }
+      if ((max - min) / newValue > 100) {
+        window.alert("Bin size too small. Try setting a bigger value.");
+        event.target.value = origBinSize;
+        return;
+      }
+      q.bin_size = newValue;
+      this.dom.bin_size_input.style(
+        "color",
+        q.bin_size > max - min ? "red" : this.toDisplay(newValue) != origBinSize ? "green" : ""
+      );
+      handler.density.setBinLines(this.getBoundaryOpts());
+    });
+  }
+  renderFirstBinInput(tr) {
+    const handler = this.editHandler.handler;
+    const q = this.q;
+    if (!q.first_bin) throw "missing q.first_bin";
+    tr.append("td").style("margin", "5px").style("opacity", 0.5).text("First Bin Stop");
+    const { min, max } = handler.density_data;
+    const origValue = this.toDisplay(q.first_bin.stop);
+    this.dom.first_stop_input = tr.append("td").append("input").attr("type", "number").property("value", origValue).style("width", "100px").style("margin-left", "15px").on("change", (event) => {
+      const newValue = this.toStored(Number(event.target.value));
+      if (Number(event.target.value) < this.toDisplay(min) || Number(event.target.value) > this.toDisplay(max)) {
+        window.alert("First bin stop value out of bound.");
+        event.target.value = origValue;
+        return;
+      }
+      this.q.first_bin.stop = newValue;
+      handler.density.setBinLines(this.getBoundaryOpts());
+    });
+    tr.append("td").append("div").style("font-size", ".6em").style("opacity", 0.5).style("display", handler.density.no_density_data ? "none" : "block").text("Indicated by left-most red line. Drag to change.");
+  }
+  renderLastBinInputs(tr) {
+    const handler = this.editHandler.handler;
+    const q = this.q;
+    const isAuto = !q.last_bin || !Number.isFinite(q.last_bin.start);
+    tr.append("td").style("padding-top", "4px").style("opacity", 0.5).style("vertical-align", "top").text("Last Bin Start");
+    const td1 = tr.append("td").style("padding-left", "15px").style("vertical-align", "top");
+    const radio_div = td1.append("div");
+    const radios = make_radios({
+      holder: radio_div,
+      options: [
+        { label: "Automatic", value: "auto", checked: isAuto },
+        { label: "Fixed", value: "fixed", checked: !isAuto }
+      ],
+      callback: (v) => {
+        if (v == "auto") {
+          delete q.last_bin;
+          edit_div.style("display", "none");
+          handler.density.setBinLines(this.getBoundaryOpts());
+          return;
+        }
+        edit_div.style("display", "inline-block");
+        if (this.dom.last_start_input.property("value") == "") {
+          this.dom.last_start_input.property(
+            "value",
+            this.toDisplay(this.tw.q.last_bin?.start || handler.density_data.max)
+          );
+        }
+        this.setLastBinStart();
+      }
+    });
+    this.dom.fixed_radio = radios.inputs.filter((_, i) => i === 1);
+    const edit_div = tr.append("td").append("div").style("display", isAuto ? "none" : "inline-block");
+    this.dom.last_start_input = edit_div.append("input").attr("type", "number").property("value", Number.isFinite(q.last_bin?.start) ? this.toDisplay(q.last_bin.start) : "").style("width", "100px").on("change", () => this.setLastBinStart());
+    edit_div.append("div").style("font-size", ".6em").style("opacity", 0.5).style("display", handler.density.no_density_data ? "none" : "block").text("Indicated by right-most red line. Drag to change.");
+  }
+  setLastBinStart() {
+    const q = this.q;
+    const { max } = this.editHandler.handler.density_data;
+    const strInput = this.dom.last_start_input.property("value");
+    if (strInput === "") return;
+    const inputValue = this.toStored(Number(strInput));
+    if (q.first_bin && Number(strInput) <= this.toDisplay(q.first_bin.stop)) {
+      window.alert("Last bin start cannot be smaller than first bin stop.");
+      this.dom.last_start_input.property("value", this.toDisplay(max));
+      return;
+    }
+    if (Number(strInput) > this.toDisplay(max)) {
+      window.alert("Last bin start value out of bound.");
+      this.dom.last_start_input.property("value", this.toDisplay(max));
+      return;
+    }
+    if (q.last_bin) q.last_bin.start = inputValue;
+    else
+      q.last_bin = {
+        start: inputValue,
+        stopunbounded: true,
+        stopinclusive: false
+      };
+    this.editHandler.handler.density.setBinLines(this.getBoundaryOpts());
+  }
+  getBoundaryOpts() {
+    const { min, max } = this.editHandler.handler.density_data;
+    const binLinesStop = this.q.last_bin?.start ?? max + Math.abs(this.q.first_bin.stop) - Math.min(min, 0);
+    const boundaryValues = [];
+    for (let i = this.q.first_bin.stop; i <= binLinesStop; i = i + this.q.bin_size) {
+      if (this.q.last_bin?.start === i) break;
+      if (i > binLinesStop) boundaryValues[boundaryValues.length - 1].isLastVisibleLine = true;
+      const isDraggable = i === this.q.first_bin.stop || i === this.q.bin_size - 1;
+      boundaryValues.push({ x: this.toDisplay(i), isDraggable, movesWithLineIndex: !isDraggable ? 0 : -1 });
+    }
+    if (this.q.last_bin) {
+      boundaryValues.push({
+        x: this.toDisplay(this.q.last_bin.start),
+        isDraggable: true,
+        isLastVisibleLine: true,
+        movesWithLineIndex: -1
+      });
+    }
+    return {
+      values: boundaryValues,
+      // the dragged value arrives in display units, matching what the <input>s show
+      callback: (d, value) => {
+        if (d.index === 0) {
+          this.dom.first_stop_input.property("value", value);
+          this.q.first_bin.stop = this.toStored(value);
+        } else {
+          this.dom.last_start_input.property("value", value);
+          if (this.q.last_bin) this.q.last_bin.start = this.toStored(value);
+        }
+      }
+    };
+  }
+  getEditedQ(destroyDom = true) {
+    const bin_size = this.dom.bin_size_input.property("value");
+    const config = {
+      mode: "discrete",
+      type: "regular-bin",
+      startinclusive: this.editHandler.boundaryInclusion == "startinclusive",
+      stopinclusive: this.editHandler.boundaryInclusion == "stopinclusive",
+      bin_size: this.toStored(Number(bin_size)),
+      first_bin: {
+        startunbounded: true,
+        stop: this.toStored(Number(this.dom.first_stop_input.property("value")))
+      },
+      /* rounding formats the stored bin size, so it cannot be derived from the decimals of a
+      converted input. a converted term labels its bins through valueConversion instead */
+      rounding: this.editHandler.handler.density.scaleFactor != 1 ? ".0f" : bin_size.includes(".") && !bin_size.endsWith(".") ? `.${bin_size.split(".")[1].length}f` : ".0f"
+    };
+    if (this.dom.fixed_radio.property("checked")) {
+      config.last_bin = {
+        start: this.toStored(Number(this.dom.last_start_input.property("value"))),
+        stopunbounded: true
+      };
+    }
+    if (destroyDom) {
+      for (const name of Object.keys(this.dom)) {
+        this.dom[name].remove();
+        delete this.dom[name];
+      }
+    }
+    return config;
+  }
+  undoEdits() {
+    this.q = this.getDefaultQ();
+    this.dom.binsTable.selectAll("*").remove();
+    this.renderBinSizeInput(this.dom.binsTable.append("tr"));
+    this.renderFirstBinInput(this.dom.binsTable.append("tr"));
+    this.renderLastBinInputs(this.dom.binsTable.append("tr"));
+    this.editHandler.handler.density.setBinLines(this.getBoundaryOpts());
+  }
+};
+
+export {
+  NumRegularBinEditor
+};
+//# sourceMappingURL=chunk-QSOFGLWZ.js.map