@sjcrh/proteinpaint-client 2.191.3 → 2.191.4

package/dist/chunk-QNETLNPB.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../mass/plot.js", "../mass/app.ts"],
+  "sourcesContent": ["import { getCompInit, copyMerge, multiInit } from '#rx'\nimport { Menu } from '#dom/menu'\n// import { recoverInit } from '../rx/src/recover'\nimport { select as d3select } from 'd3-selection'\nimport { importPlot } from '#plots/importPlot.js'\nimport { filterRxCompInit } from '#filter'\n\n/*\n\tMassPlot is a \"wrapper\" for chart component(s).\n\tIt creates expected plot-specific elements like an error div, undo-redo buttons, and local filter.\n*/\nclass MassPlot {\n\tstatic type = 'plot'\n\n\tconstructor(opts) {\n\t\tthis.type = MassPlot.type\n\t\tsetRenderers(this)\n\t\tthis.initUi(opts)\n\t}\n\n\treactsTo(action) {\n\t\tif (action.type.includes('cache_termq')) return true\n\t\tif (action.type.endsWith('_group')) return true\n\t\tif (action.type.startsWith('plot_')) {\n\t\t\t// action.parentId == this.id is a special case to react when deleting a child plot of this plot,\n\t\t\t// for example in the profile comparison, when closing one of the comparison plots\n\t\t\treturn (\n\t\t\t\taction.id === this.id ||\n\t\t\t\taction.id == this.parentId ||\n\t\t\t\taction.config?.parentId === this.id ||\n\t\t\t\taction.parentId === this.id\n\t\t\t)\n\t\t}\n\t\tif (action.type.startsWith('filter')) return true\n\t\tif (action.type.startsWith('cohort')) return true\n\t\tif (action.type == 'app_refresh') return true\n\t\tif (action.type.endsWith('customTerm')) return true\n\t}\n\n\t// !!! NOTE: This getState() method is reused by the plot-specific recover component.\n\t// When logging something within getState, it may have been called by either the plot or recover instance\n\tgetState(appState) {\n\t\tconst config = appState.plots.find(p => p.id === this.id)\n\t\tif (!config) {\n\t\t\tthrow `No plot with id='${this.id}' found. Did you set this.id before this.api = getComponentApi(this)?`\n\t\t}\n\t\treturn {\n\t\t\ttermfilter: appState.termfilter,\n\t\t\tconfig,\n\t\t\tgroups: appState.groups,\n\t\t\t// quick fix to skip history tracking as needed\n\t\t\t_scope_: appState._scope_\n\t\t}\n\t}\n\n\tasync main() {\n\t\tthis.dom.errdiv.style('display', 'none').style('background-color', 'rgba(255,100,100,0.2)').html('')\n\t\tif (!this.components) await this.setComponents(this.opts)\n\t}\n\n\tasync setComponents(opts) {\n\t\tconst _ = await importPlot(opts.chartType)\n\t\tconst promises = {\n\t\t\t// recover: recoverInit({\n\t\t\t// \tapp: this.app,\n\t\t\t// \tholder: this.dom.localRecoverDiv,\n\t\t\t// \tgetState: appState => this.getState(appState),\n\t\t\t// \treactsTo: action =>\n\t\t\t// \t\taction.id == this.id &&\n\t\t\t// \t\t(action.type == 'plot_edit' || action.type == 'plot_nestedEdits') &&\n\t\t\t// \t\taction._track_ != 'none',\n\t\t\t// \tplot_id: this.id,\n\t\t\t// \tmaxHistoryLen: 10,\n\t\t\t// \thideLabel: true\n\t\t\t// }),\n\t\t\tchart: _.componentInit({\n\t\t\t\tapp: this.app,\n\t\t\t\tholder: this.dom.viz,\n\t\t\t\theader: this.dom.paneTitleDiv,\n\t\t\t\tid: this.id,\n\t\t\t\tplotDiv: d3select(this.dom.holder.app_div.node().parentNode),\n\t\t\t\t/******* reason for passing plotDiv to chart ********\n\t\t\t\t- this plot instance may allow to launch a new plot as a persistent sandbox\n\t\t\t\t  inside mass plotDiv, maintaining the uniform plot appearance despite it's ad-hoc\n\t\t\t\t  the new plot is not a formal mass plot type, and cannot be done via app.dispatch()\n\t\t\t\t  thus the need to directly access plotDiv\n\t\t\t\t- example: mds3 tk from genome browser can launch disco etc\n\t\t\t\t- having access to plotDiv may offer flexibility for the plot to do stuff\n\n\t\t\t\tsince plot.js has no access to mass app .dom.plotDiv in which all apps are shown,\n\t\t\t\tthis workarounds gets the parent node of sandbox.app_div which is app.dom.plotDiv\n\t\t\t\t*/\n\t\t\t\tgetFilterImage: async () => this.components.filter.getFilterImage()\n\t\t\t})\n\t\t}\n\n\t\tif (!this.state.config.hidePlotFilter) {\n\t\t\tconst filterDisabledMsg = this.app.vocabApi.termdbConfig?.plotFilter?.disabledMessage\n\t\t\t/*\n\t\t\tWhen the local filter is disabled (e.g. for the public/unauthenticated view), render it\n\t\t\tinto an inner greyed, non-interactive div while the outer filterDiv keeps pointer events\n\t\t\tso its tooltip explaining why still appears on hover.\n\t\t\t*/\n\t\t\tconst filterHolder = filterDisabledMsg\n\t\t\t\t? this.dom.filterDiv.append('div').style('pointer-events', 'none').style('opacity', 0.5)\n\t\t\t\t: this.dom.filterDiv\n\t\t\tif (filterDisabledMsg) this.dom.filterDiv.attr('title', filterDisabledMsg).style('cursor', 'not-allowed')\n\t\t\tpromises.filter = filterRxCompInit({\n\t\t\t\tapp: this.app,\n\t\t\t\tvocabApi: this.app.vocabApi,\n\t\t\t\tparentId: this.id,\n\t\t\t\tholder: filterHolder,\n\t\t\t\thideLabel: true,\n\t\t\t\temptyLabel: '+Add new filter',\n\t\t\t\tcallback: filter => {\n\t\t\t\t\tthis.app.dispatch({\n\t\t\t\t\t\tid: this.id,\n\t\t\t\t\t\ttype: 'plot_edit',\n\t\t\t\t\t\tconfig: { filter }\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\n\t\tthis.components = await multiInit(promises)\n\t}\n\n\tdestroy() {\n\t\t// the dom.holder itself is not a d3-selection,\n\t\t// so need to specify a destroy function here\n\t\t// since the default rx.componentApi.destroy()\n\t\t// does not work when dom.holder is not a d3-selection\n\t\tthis.dom.holder.app_div.selectAll('*').remove()\n\t\tthis.dom.holder.app_div.remove()\n\t\tfor (const key in this.dom) {\n\t\t\tdelete this.dom[key]\n\t\t}\n\t}\n}\n\nexport const plotInit = getCompInit(MassPlot)\n\nfunction setRenderers(self) {\n\tself.initUi = function (opts) {\n\t\t// opts={app, chartType:str, holder, id, debug}\n\n\t\tconst holder = opts.holder // \"sandbox\" obj: {app_div, body, header, header_row, id}\n\n\t\t// since chartType is already given in constructor opts, create test id with chart type as a simple way to identify the box\n\t\topts.holder.app_div.attr('data-testid', 'sjpp-massplot-sandbox-' + opts.chartType)\n\n\t\tholder.header.style('padding', 0)\n\n\t\ttry {\n\t\t\tself.dom = {\n\t\t\t\ttip: new Menu({ padding: '0px' }),\n\t\t\t\tholder,\n\t\t\t\tpaneTitleDiv: holder.header\n\t\t\t\t\t.append('div')\n\t\t\t\t\t.style('display', 'inline-block')\n\t\t\t\t\t.style('color', '#555')\n\t\t\t\t\t.style('padding-left', '7px')\n\t\t\t\t\t.style('vertical-align', 'sub'),\n\t\t\t\tlocalRecoverDiv: holder.header.append('div').style('display', 'inline-block'),\n\t\t\t\tfilterDiv: holder.header.append('div').style('display', 'inline-block').style('zoom', 0.9),\n\t\t\t\tbody: holder.body.style('white-space', 'nowrap').style('overflow-x', 'auto'),\n\n\t\t\t\t// will hold no data notice or the page title in multichart views\n\t\t\t\terrdiv: holder.body\n\t\t\t\t\t.append('div')\n\t\t\t\t\t.style('display', 'none')\n\t\t\t\t\t.style('padding', '5px')\n\t\t\t\t\t.style('background-color', 'rgba(255,100,100,0.2)'),\n\n\t\t\t\t// dom.viz will hold the rendered view\n\t\t\t\tviz: holder.body.append('div')\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tself.dom.errdiv.style('display', 'none').text(e)\n\t\t}\n\t}\n}\n", "import { AppApi, type StoreApi, type ComponentApi, type RxApp } from '#rx'\nimport { AppBase } from '#plots/AppBase.ts'\nimport { storeInit } from './store'\nimport { vocabInit } from '#termdb/vocabulary'\nimport { navInit } from './nav'\nimport { plotInit } from './plot'\nimport { summaryInit } from '#plots/summary.js'\nimport { sayerror, Menu, newSandboxDiv, downloadSVGsAsPdf } from '#dom'\n\n/*\nopts{}\n.genome{}\n\tclient-side genome object\n\tshould be required\n.state{}\n\trequired, will fill-in or override store.defaultState\n \t.genome\n \t.dslabel\n \t.tree{} etc\n\n.app\n\t.onFilterChange\n\tIf it is provided when the global filter is edited\n\tthis function is called (from mass/store). Used by the profile dataset so far,\n\tto clear the profile local filters\n*/\n\nclass MassApp extends AppBase implements RxApp {\n\tstatic type = 'app'\n\n\t// expected RxApp, some are already declared/set in AppBase\n\tapi: AppApi\n\ttype: string\n\tparentId?: string\n\tdom!: {\n\t\t[index: string]: any\n\t}\n\tcomponents: {\n\t\t[name: string]: ComponentApi | { [name: string]: ComponentApi }\n\t} = {}\n\n\twasDestroyed = false\n\tstore!: StoreApi\n\tplotIdToSandboxId: { [plotId: string]: string }\n\tbus!: any\n\n\t// expected class-specific props\n\n\tconstructor(opts, api) {\n\t\tsuper(opts)\n\t\tthis.api = api\n\n\t\tif (opts.addLoginCallback) {\n\t\t\topts.addLoginCallback(() => this.api.dispatch({ type: 'app_refresh' }))\n\t\t}\n\n\t\tthis.type = 'app'\n\t\t// this will create divs in the correct order\n\t\tthis.dom = {\n\t\t\tholder: opts.holder, // do not modify holder style\n\t\t\ttopbar: opts.holder.append('div'),\n\t\t\terrdiv: opts.holder.append('div'),\n\t\t\tplotDiv: opts.holder.append('div')\n\t\t}\n\n\t\t// track plots by ID, and assign\n\t\tthis.plotIdToSandboxId = {}\n\t}\n\n\tasync preApiFreeze(api) {\n\t\ttry {\n\t\t\tapi.tip = new Menu({ padding: '5px' })\n\t\t\tapi.tip.d.on('keyup', event => {\n\t\t\t\tif (event.key == 'Escape') api.tip.hide()\n\t\t\t})\n\t\t\tapi.printError = e => this.printError(e)\n\n\t\t\t// TODO: only pass state.genome, dslabel to vocabInit\n\t\t\tapi.vocabApi = await vocabInit({\n\t\t\t\tapp: api,\n\t\t\t\tstate: { vocab: this.opts.state.vocab },\n\t\t\t\tfetchOpts: this.opts.fetchOpts,\n\t\t\t\tgetDatasetAccessToken: this.opts.getDatasetAccessToken\n\t\t\t})\n\n\t\t\tapi.hasWebGL = function () {\n\t\t\t\t//Copied from static/js/WEBGL.js\n\t\t\t\ttry {\n\t\t\t\t\tconst canvas = document.createElement('canvas')\n\t\t\t\t\treturn !!(\n\t\t\t\t\t\twindow.WebGLRenderingContext &&\n\t\t\t\t\t\t(canvas.getContext('webgl') || canvas.getContext('experimental-webgl'))\n\t\t\t\t\t)\n\t\t\t\t} catch (_) {\n\t\t\t\t\treturn false\n\t\t\t\t}\n\t\t\t}\n\t\t\t// the vocabApi's vocab may be reprocessed from the original input\n\t\t\tthis.opts.state.vocab = api.vocabApi.vocab\n\t\t} catch (e) {\n\t\t\tconsole.log(`preApiFreeze error`, e)\n\t\t\tthrow e\n\t\t}\n\t}\n\n\tasync init() {\n\t\t// catch initialization error\n\t\ttry {\n\t\t\t// TODO: may default later to having a debouncer ???\n\t\t\tconst debounceInterval = 'debounceInterval' in this.opts ? this.opts.debounceInterval : 0\n\t\t\t// NOTE: Within the same browser tab, a refresh should load the embedder's intended page\n\t\t\t// and not the recovered session, to avoid confusing default page load behavior. If a user\n\t\t\t// wants to see the initial recovered state view in the embedder portal, they would have\n\t\t\t// to click on a link again. May revisit this approach and reactivate the commented out code below.\n\t\t\tconst embeddedSessionState = this.opts.embeddedSessionState // || JSON.parse(sessionStorage.getItem('embeddedSessionState') || `null`)\n\t\t\tif (embeddedSessionState) {\n\t\t\t\t// may assume session state recovery for an embedder portal\n\t\t\t\t// see the comment about potential race-condition in childCorsMessage embedder-helpers.js\n\t\t\t\tObject.assign(this.opts.state, embeddedSessionState)\n\t\t\t}\n\t\t\tthis.store = await storeInit({ app: this.api, state: this.opts.state, debounceInterval })\n\t\t\tthis.state = await this.store.copyState()\n\t\t\tthis.components = {}\n\t\t\tif (this.state.nav.header_mode != 'hidden') {\n\t\t\t\tthis.components.nav = await navInit({\n\t\t\t\t\tapp: this.api,\n\t\t\t\t\tholder: this.dom.topbar,\n\t\t\t\t\theader_mode: this.state && this.state.nav && this.state.nav.header_mode,\n\t\t\t\t\tvocab: this.state.vocab,\n\t\t\t\t\tmassSessionDuration: this.state.termdbConfig.massSessionDuration, // this.opts.massSessionDuration\n\t\t\t\t\tpkgver: this.opts.pkgver,\n\t\t\t\t\tdownloadPlots: () => {\n\t\t\t\t\t\tthis.downloadPlots()\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t\tthis.components.plots = {}\n\t\t\tif (this.opts.app?.doNotAwaitInitRender) {\n\t\t\t\t// do not await to return the instance sooner and allow calling appApi.triggerAbort() before initial render,\n\t\t\t\t// instead of waiting for initial data loading and rendering\n\t\t\t\tthis.api.dispatch()\n\t\t\t} else {\n\t\t\t\tawait this.api.dispatch()\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tthis.printError(e)\n\t\t\tthrow e\n\t\t}\n\t}\n\n\tasync main() {\n\t\tawait this.api.vocabApi.main()\n\t\t//Do not show the plots below the about tab\n\t\tthis.dom.plotDiv?.style(\n\t\t\t'display',\n\t\t\tthis.state.nav?.header_mode != 'hidden' && this.state.nav?.activeTab == 0 ? 'none' : 'block'\n\t\t)\n\n\t\tconst newPlots = {}\n\t\tlet sandbox\n\t\tfor (const plot of this.state.plots) {\n\t\t\t// plots with parentId means the parent plot will trigger the plot instead of being triggered here\n\t\t\tif (plot.parentId) continue\n\t\t\tif (this.components.plots && !(plot.id in this.components.plots)) {\n\t\t\t\tsandbox = newSandboxDiv(this.dom.plotDiv, {\n\t\t\t\t\tclose: () => {\n\t\t\t\t\t\tthis.api.dispatch({\n\t\t\t\t\t\t\ttype: 'plot_delete',\n\t\t\t\t\t\t\tid: plot.id\n\t\t\t\t\t\t})\n\t\t\t\t\t},\n\t\t\t\t\tplotId: plot.id,\n\t\t\t\t\tbeforePlotId: plot.insertBefore || null,\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\twidth: '98.5%'\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\tif (plot.chartType == 'summary')\n\t\t\t\t\tnewPlots[plot.id] = summaryInit(Object.assign({ app: this.api, holder: sandbox }, plot))\n\t\t\t\telse newPlots[plot.id] = plotInit(Object.assign({ app: this.api, holder: sandbox }, plot))\n\t\t\t}\n\t\t}\n\n\t\t// simultaneous initialization of multiple new plots;\n\t\t// if done inside the for-of loop above, the await kewyword\n\t\t// will delay subsequent plot initializations\n\t\tconst numNewPlots = Object.keys(newPlots).length\n\t\tif (numNewPlots) {\n\t\t\tawait Promise.all(Object.values(newPlots))\n\t\t\tfor (const plotId in newPlots) {\n\t\t\t\tthis.components.plots[plotId] = await newPlots[plotId]\n\t\t\t}\n\t\t}\n\n\t\tfor (const plotId in this.components.plots) {\n\t\t\tif (!this.state.plots.find(p => p.id === plotId)) {\n\t\t\t\tthis.components.plots[plotId].destroy()\n\t\t\t\tdelete this.components.plots[plotId]\n\t\t\t}\n\t\t}\n\t}\n\n\tprintError(e) {\n\t\tconst errdiv = e.errdiv || this.dom.errdiv\n\t\tif (errdiv) errdiv.style('display', '').html('').style('background-color', '')\n\t\tsayerror(errdiv || this.opts.holder, 'Error: ' + (e.message || e.error || e))\n\t\tif (e.stack) console.log(e.stack)\n\t\tthis.bus.emit('error')\n\t\t/** .printError() maybe called from any component without a helpful\n\t\t * message or error object. Include the trace when in debug mode to\n\t\t * help identify the source of the error.\n\t\t * Collapsed for convenience. */\n\t\tif (this.opts?.debug) {\n\t\t\tconsole.groupCollapsed('Stack trace from MassApp.printError() call.')\n\t\t\tconsole.trace()\n\t\t\tconsole.groupEnd()\n\t\t}\n\t}\n\n\tskipPrevActionAbort(action) {\n\t\t// may skip aborting previously dispatched actions in AppApi.dispatch()\n\t\t// if the new dispatched action doesn't affect all components; this will\n\t\t// allow plots and control menus to continue rendering while creating,\n\t\t// editing, or deleting another plot\n\t\tif (!action) return false\n\t\tif (action.type.startsWith('filter')) return false\n\t\tif (action.type.startsWith('cohort')) return false\n\t\tif (action.type == 'app_refresh') {\n\t\t\tif (action.subactions) {\n\t\t\t\treturn action.subactions.find(a => a.type.startsWith('filter') || a.type.startsWith('cohort')) ? false : true\n\t\t\t}\n\t\t}\n\t\treturn true\n\t}\n\n\tasync downloadPlots() {\n\t\tconst chartImagesAll: any[] = []\n\t\tlet i = 1\n\t\tconst values: any[] = Object.values(this.components.plots)\n\t\tfor (const plot of values) {\n\t\t\tconst chart = plot.type == 'plot' ? plot.getComponents('chart') : plot // implies summary plot\n\t\t\tconst chartImages = chart.getChartImages ? chart.getChartImages() : null\n\t\t\tif (!chartImages) {\n\t\t\t\tconsole.log(`The ${chart.type} does not support downloading images yet`)\n\t\t\t\tcontinue\n\t\t\t}\n\n\t\t\tfor (const chartImage of chartImages) {\n\t\t\t\tif (values.length > 1) chartImage.name = `${i}. ${chartImage.name}`\n\t\t\t\tchartImagesAll.push(chartImage)\n\t\t\t}\n\t\t\ti++\n\t\t}\n\t\tif (chartImagesAll.length > 0) {\n\t\t\tconst filters: any[] = []\n\t\t\tconst globalFilterImg = await (this.components.nav as ComponentApi).getComponents('filter').getFilterImage()\n\t\t\tif (globalFilterImg) filters.push(globalFilterImg)\n\t\t\tdownloadSVGsAsPdf(chartImagesAll, 'plots', 'landscape', filters)\n\t\t} else alert('No chart images available for download')\n\t}\n}\n\nexport const appInit = AppApi.getInitFxn(MassApp)\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/chunk-QQZ3SBF3.js

@@ -0,0 +1,216 @@
+import {
+  make_radios
+} from "./chunk-SA7APTJR.js";
+import {
+  initBinConfig
+} from "./chunk-7EMWHCVW.js";
+import {
+  format
+} from "./chunk-OAWQ6LOO.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;
+  }
+  render(div) {
+    this.tw = this.editHandler.tw;
+    this.q = this.getDefaultQ();
+    this.editHandler.handler.density.setBinLines(this.getBoundaryOpts());
+    if (this.dom.binsTable) {
+      if (this.editHandler.dom.binsDiv?.node().contains(this.dom.binsTable.node())) return;
+      else {
+        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 = q.bin_size;
+    this.dom.bin_size_input = tr.append("td").append("input").attr("type", "number").attr("value", "rounding" in q ? format(q.rounding || ".0f")(q.bin_size) : q.bin_size).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 = 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" : 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 = 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 = Number(event.target.value);
+      if (newValue < min || newValue > 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.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", 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 = Number(strInput);
+    if (q.first_bin && inputValue <= q.first_bin.stop) {
+      window.alert("Last bin start cannot be smaller than first bin stop.");
+      this.dom.last_start_input.property("value", max);
+      return;
+    }
+    if (inputValue > max) {
+      window.alert("Last bin start value out of bound.");
+      this.dom.last_start_input.property("value", 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: i, isDraggable, movesWithLineIndex: !isDraggable ? 0 : -1 });
+    }
+    if (this.q.last_bin) {
+      boundaryValues.push({
+        x: this.q.last_bin.start,
+        isDraggable: true,
+        isLastVisibleLine: true,
+        movesWithLineIndex: -1
+      });
+    }
+    return {
+      values: boundaryValues,
+      callback: (d, value) => {
+        if (d.index === 0) {
+          this.dom.first_stop_input.property("value", value);
+          this.q.first_bin.stop = value;
+        } else {
+          this.editHandler.handler.dom.last_start_input.property("value", value);
+          if (this.q.last_bin) this.q.last_bin.start = 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: Number(bin_size),
+      first_bin: {
+        startunbounded: true,
+        stop: Number(this.dom.first_stop_input.property("value"))
+      },
+      rounding: bin_size.includes(".") && !bin_size.endsWith(".") ? `.${bin_size.split(".")[1].length}f` : ".0f"
+    };
+    if (this.dom.fixed_radio.property("checked")) {
+      config.last_bin = {
+        start: 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-QQZ3SBF3.js.map