@sjcrh/proteinpaint-client 2.220.0 → 2.222.0

package/dist/chunk-OZUF7O2S.js

@@ -0,0 +1,133 @@
+import {
+  formatRangeBounds
+} from "./chunk-PWYMHUXY.js";
+import {
+  roundValueAuto
+} from "./chunk-TLT4YIG3.js";
+import {
+  brushX
+} from "./chunk-5R63Q5KH.js";
+import {
+  select_default
+} from "./chunk-I6Y4O3RR.js";
+
+// filter/tvs.density.js
+function addBrushes(self, new_brush_location) {
+  const brushes = self.num_obj.brushes;
+  const maxvalue = self.num_obj.density_data.max;
+  const minvalue = self.num_obj.density_data.min;
+  const rawDecile = (maxvalue - minvalue) / 10;
+  const decile = self.tvs.term.type == "integer" ? Math.floor(rawDecile) : rawDecile;
+  for (const [i, r] of self.num_obj.ranges.entries()) {
+    const _b = brushes.find((b) => b.orig === r);
+    let brush;
+    if (!_b) {
+      brush = { orig: r, range: JSON.parse(JSON.stringify(r)) };
+      brushes.push(brush);
+    } else {
+      brush = _b;
+    }
+    if (r.start === "") {
+      if (new_brush_location == "center") brush.range.start = minvalue + decile * 4;
+      else brush.range.start = minvalue + decile * 8;
+    }
+    if (r.stop === "") {
+      if (new_brush_location == "center") brush.range.stop = minvalue + decile * 6;
+      else brush.range.stop = Math.floor(maxvalue);
+    }
+  }
+  const range_brushes = self.num_obj.brush_g.selectAll(".range_brush").data(brushes, (d) => brushes.indexOf(d));
+  range_brushes.exit().remove();
+  range_brushes.each(function(d, i) {
+    select_default(this).selectAll(".overlay").style("pointer-events", "all");
+  });
+  range_brushes.enter().append("g").attr("class", "range_brush").each(function(brush, i) {
+    applyBrush(self, this, brush, i);
+  });
+}
+function applyBrush(self, elem, brush) {
+  if (!brush.elem) brush.elem = select_default(elem);
+  const range = brush.range;
+  const plot_size = self.num_obj.plot_size;
+  const xscale = self.num_obj.xscale;
+  const maxvalue = self.num_obj.density_data.max;
+  const minvalue = self.num_obj.density_data.min;
+  brush.d3brush = brushX().extent([
+    [0, 0],
+    [plot_size.width, plot_size.height]
+  ]).on("brush", function(event, d) {
+    const s = event.selection;
+    if (!s) return;
+    const inputRange = brush.rangeInput.getRange();
+    if (inputRange?.value != void 0) {
+      brush.range = inputRange;
+      return;
+    }
+    updateTempRanges(xscale, s, range, inputRange, minvalue, maxvalue, self.tvs.term.type);
+    const [start, stop] = setStartStopDisplays(range, inputRange, brush.rangeInput.scaleFactor);
+    brush.rangeInput.getInput().node().value = `${start} x ${stop}`;
+  }).on("end", function() {
+    brush.elem.selectAll(".overlay").style("pointer-events", "none");
+  });
+  const clamp = (v) => Math.min(Math.max(v, minvalue), maxvalue);
+  const brush_start = range.startunbounded ? minvalue : clamp(range.start);
+  const brush_stop = range.stopunbounded ? maxvalue : clamp(range.stop);
+  brush.init = () => {
+    if (range.value == void 0)
+      brush.elem.call(brush.d3brush).call(brush.d3brush.move, [brush_start, brush_stop].map(xscale));
+  };
+  if (range.startunbounded) delete range.start;
+  if (range.stopunbounded) delete range.stop;
+  brush.elem.selectAll(".selection").style(
+    "fill",
+    brush.orig.start === "" && brush.orig.stop === "" || JSON.stringify(range) != JSON.stringify(brush.orig) ? "#23cba7" : "#777777"
+  );
+}
+function updateTempRanges(xscale, s, range, inputRange, minvalue, maxvalue, type) {
+  range.start = convertRangeValue(xscale, s[0]);
+  range.stop = convertRangeValue(xscale, s[1]);
+  const min = roundValueAuto(Number(minvalue));
+  const max = roundValueAuto(Number(maxvalue));
+  if (range.start < min) range.start = min;
+  if (range.stop > max) range.stop = max;
+  range.startunbounded = min == range.start && inputRange.startunbounded;
+  range.stopunbounded = max == range.stop && inputRange.stopunbounded;
+  const startAtEdge = !range.startunbounded && range.start == min, stopAtEdge = !range.stopunbounded && range.stop == max;
+  if (type == "integer") {
+    range.start = range.startunbounded ? "" : Math.round(range.start);
+    range.stop = range.stopunbounded ? "" : Math.round(range.stop);
+  }
+  if (startAtEdge && Number.isFinite(inputRange.start) && inputRange.start <= minvalue) range.start = inputRange.start;
+  if (stopAtEdge && Number.isFinite(inputRange.stop) && inputRange.stop >= maxvalue) range.stop = inputRange.stop;
+}
+function setStartStopDisplays(range, inputRange, scaleFactor = 1) {
+  return formatRangeBounds(
+    {
+      ...range,
+      startinclusive: inputRange.startinclusive,
+      stopinclusive: inputRange.stopinclusive
+    },
+    scaleFactor
+  );
+}
+function convertRangeValue(xscale, sidx) {
+  const value = Number(xscale.invert(sidx));
+  return roundValueAuto(value);
+}
+function addNewBrush(self, new_brush_location = "end", callback) {
+  const new_range = { start: "", stop: "", index: self.tvs.ranges.length };
+  self.num_obj.ranges.push(new_range);
+  const brush = { orig: new_range, range: JSON.parse(JSON.stringify(new_range)) };
+  self.num_obj.brushes.push(brush);
+  addBrushes(self, new_brush_location);
+  if (callback) callback();
+  brush.init();
+}
+
+export {
+  addBrushes,
+  updateTempRanges,
+  setStartStopDisplays,
+  addNewBrush
+};
+//# sourceMappingURL=chunk-OZUF7O2S.js.map

package/dist/chunk-PHKA5BP7.js

@@ -0,0 +1,263 @@
+import {
+  hierCluster_renderers_exports
+} from "./chunk-GBKQHVKJ.js";
+import {
+  hierCluster_interactivity_exports
+} from "./chunk-V2ZVMDBY.js";
+import {
+  Matrix
+} from "./chunk-URCFNXAK.js";
+import {
+  filterJoin,
+  getNormalRoot
+} from "./chunk-4ASBDE27.js";
+import {
+  clusterMethodLst,
+  distanceMethodLst,
+  dofetch3
+} from "./chunk-4TJO2DGU.js";
+import {
+  TermTypes2Dt,
+  dictionaryNumericTypes
+} from "./chunk-JHLF2ZC2.js";
+import {
+  colorScaleMap
+} from "./chunk-WJLRU5OF.js";
+import {
+  deepEqual,
+  getCompInit
+} from "./chunk-HBNB5TRH.js";
+import {
+  extent,
+  linear
+} from "./chunk-4OLM3KSB.js";
+
+// plots/matrix/hierCluster.js
+var HierCluster = class _HierCluster extends Matrix {
+  static type = "hierCluster";
+  constructor(opts) {
+    super(opts);
+    this.type = _HierCluster.type;
+    this.chartType = _HierCluster.type;
+  }
+  async init(appState) {
+    await super.init(appState);
+    this.maySetSandboxHeader(appState);
+    this.hcClipId = this.seriesClipId + "-hc";
+    this.dom.hcClipRect = this.dom.svg.select("defs").append("clipPath").attr("id", this.hcClipId).attr("clipPathUnits", "userSpaceOnUse").append("rect").attr("display", "block");
+    this.dom.topDendrogram = this.dom.svg.insert("g", "g").attr("clip-path", `url(#${this.hcClipId})`).append("g").attr("class", "sjpp-matrix-dendrogram").attr("data-testid", "hierCluster_top_dendrogram").on("click", (event) => {
+      const clickedClusterId = this.getClusterFromTopDendrogram(event);
+      if (clickedClusterId) {
+        this.clickedClusterIds = this.getAllChildrenClusterIds(clickedClusterId);
+        this.clickedClusterIds.push(clickedClusterId);
+        const clickedCluster = this.hierClusterData.clustering.col.mergedClusters.get(clickedClusterId);
+        const clickedClusterSampleNames = clickedCluster.children.map((c) => c.name);
+        this.addSelectedSamplesOptions(clickedClusterSampleNames, event);
+      } else {
+        delete this.clickedClusterIds;
+      }
+      if (this.clickedLeftClusterIds) {
+        delete this.clickedLeftClusterIds;
+        this.plotDendrogramHclust();
+      } else this.plotDendrogramHclust("top");
+    });
+    this.dom.leftDendrogram = this.dom.svg.insert("g", "g").attr("class", "sjpp-matrix-dendrogram").attr("data-testid", "hierCluster_left_dendrogram").on("click", (event) => {
+      const clickedLeftClusterId = this.getClusterFromLeftDendrogram(event);
+      if (clickedLeftClusterId) {
+        this.clickedLeftClusterIds = this.getAllChildrenClusterIds(clickedLeftClusterId, true);
+        this.clickedLeftClusterIds.push(clickedLeftClusterId);
+        const clickedLeftCluster = this.hierClusterData.clustering.row.mergedClusters.get(clickedLeftClusterId);
+        const clickedLeftClusterRowsNames = clickedLeftCluster.children.map((c) => c.name);
+        this.addSelectedRowsOptions(clickedLeftClusterRowsNames, event);
+      } else {
+        delete this.clickedLeftClusterIds;
+      }
+      if (this.clickedClusterIds) {
+        delete this.clickedClusterIds;
+        this.plotDendrogramHclust();
+      } else this.plotDendrogramHclust("left");
+    });
+  }
+  async setHierClusterData(_data = {}) {
+    this.prevServerData = this.currServerData;
+    const [d, twlst] = await this.requestData({});
+    if (d.error) throw d.error;
+    this.currServerData = structuredClone(d);
+    if (!deepEqual(this.prevServerData, this.currServerData)) {
+      delete this.clickedClusterIds;
+      delete this.clickedLeftClusterIds;
+    }
+    const s = this.settings.hierCluster;
+    if (!d.clustering) {
+      if (d.gene) {
+        throw `Cannot do clustering: data is only available for 1 gene (${d.gene}). Try again by adding more genes.`;
+      }
+    }
+    this.hierClusterData = d;
+    const c = this.hierClusterData.clustering;
+    this.setHierColorScale(c);
+    const samples = {};
+    for (const [i, column] of c.col.order.entries()) {
+      samples[column.name] = { sample: column.name };
+      for (const [j, row] of c.row.order.entries()) {
+        const tw = twlst.find((tw2) => tw2.$id === row.name || tw2.id === row.name);
+        const value = c.matrix[j][i];
+        samples[column.name][tw.$id] = {
+          key: tw.term.name,
+          values: [
+            {
+              sample: column.name,
+              dt: TermTypes2Dt[this.state.config.dataType],
+              label: s.termGroupName,
+              // gene: tw.term.name,
+              // chr: tw.term.chr,
+              // pos: `${tw.term.start}-${tw.term.stop}`,
+              value
+              // the color will be computed in matrix.cells, so that
+              // it can get updated even when there are no nonsetting state diff
+            }
+          ]
+        };
+      }
+    }
+    this.hcTermNameOrder = this.settings.hierCluster.sortClusterRows == "asListed" ? twlst.map((t) => t.term.name) : this.settings.hierCluster.sortClusterRows == "byName" ? twlst.map((t) => t.term.name).sort() : dictionaryNumericTypes.has(this.config.dataType) ? c.row.order.map((row) => twlst.find((t) => t.$id == row.name || t.term.id == row.name)?.term.name) : c.row.order.map((row) => twlst.find((t) => t.$id == row.name)?.term.name);
+    if (this.hcTermNameOrder.includes(void 0)) throw `unable to map row.name to term.name`;
+    this.hcTermSorter = (a, b) => {
+      const i = this.hcTermNameOrder.indexOf(a.tw.term.name);
+      const j = this.hcTermNameOrder.indexOf(b.tw.term.name);
+      if (i == -1 && j == -1) return 0;
+      if (i == -1) return 1;
+      if (j == -1) return -1;
+      return i - j;
+    };
+    this.hcSampleNameOrder = c.col.order.map((col) => col.name);
+    this.hcSampleSorter = (a, b) => {
+      const i = this.hcSampleNameOrder.indexOf(a.sample);
+      const j = this.hcSampleNameOrder.indexOf(b.sample);
+      if (i == -1 && j == -1) return 0;
+      if (i == -1) return 1;
+      if (j == -1) return -1;
+      return i - j;
+    };
+    const byTermId = {};
+    for (const tw of twlst) {
+      if (d.byTermId?.[tw.term.name]) byTermId[tw.$id] = d.byTermId[tw.term.name];
+    }
+    this.hierClusterSamples = {
+      refs: { byTermId, bySampleId: d.bySampleId },
+      lst: c.col.order.map((c2) => samples[c2.name]),
+      samples,
+      removedHierClusterTerms: d.removedHierClusterTerms
+    };
+  }
+  async requestData() {
+    const body = this.currRequestOpts?.hierCluster || this.getHCRequestBody(this.state);
+    const twlst = this.hcTermGroup.lst;
+    const data = await dofetch3("termdb/cluster", { body, signal: this.api.getAbortSignal?.() });
+    return [data, twlst];
+  }
+  getHCRequestBody(state) {
+    this.hcTermGroup = this.config.termgroups.find((grp) => grp.type == "hierCluster") || this.termOrder?.find((t) => t.grp.type == "hierCluster")?.grp;
+    const s = state.config.settings.hierCluster;
+    const dictionaryLegendFilter = {
+      type: "tvslst",
+      in: true,
+      join: "and",
+      lst: state.config.legendValueFilter.lst.filter((f) => !f.tvs.legendFilterType)
+    };
+    const terms = this.getClusterRowTermsAsParameter();
+    if (!terms.length) throw "no data";
+    if (!clusterMethodLst.find((i) => i.value == s.clusterMethod)) throw "Invalid cluster method";
+    if (!distanceMethodLst.find((i) => i.value == s.distanceMethod)) throw "Invalid distance method";
+    const body = {
+      genome: state.vocab.genome,
+      dslabel: state.vocab.dslabel,
+      dataType: state.config.dataType,
+      clusterMethod: s.clusterMethod,
+      distanceMethod: s.distanceMethod,
+      zScoreTransformation: s.zScoreTransformation,
+      terms,
+      filter: getNormalRoot(filterJoin([state.filter, dictionaryLegendFilter])),
+      filter0: state.filter0
+    };
+    if (state.config.dataType == "proteomeAbundance") {
+      body.proteomeDetails = {
+        organism: state.config.proteomeDetails?.organism,
+        assay: state.config.proteomeDetails?.assay,
+        cohort: state.config.proteomeDetails?.cohort
+      };
+    }
+    return body;
+  }
+  combineData() {
+    if (!this.hierClusterSamples) return;
+    const d = this.data;
+    const removedHierClusterTerms = this.hierClusterSamples.removedHierClusterTerms;
+    const samples = {};
+    const lst = [];
+    for (const sampleId in this.hierClusterSamples.samples) {
+      const s = this.hierClusterSamples.samples[sampleId];
+      samples[sampleId] = s;
+      lst.push(s);
+      if (sampleId in d.samples) Object.assign(s, d.samples[sampleId]);
+      const _ref_ = this.hierClusterSamples.refs.bySampleId[sampleId] || {};
+      if (!s._ref_) s._ref_ = _ref_;
+      else Object.assign(s._ref_, _ref_);
+    }
+    const t = this.hierClusterSamples.refs.byTermId;
+    for (const $id of Object.keys(t)) {
+      d.refs.byTermId[$id] = Object.assign({}, d.refs.byTermId[$id] || {}, t[$id]);
+    }
+    this.data = { samples, lst, refs: d.refs, removedHierClusterTerms };
+  }
+  setHierColorScale(c) {
+    const hc = this.settings.hierCluster;
+    const scale = linear(colorScaleMap[hc.colorScale].domain, colorScaleMap[hc.colorScale].range).clamp(true);
+    const globalMinMaxes = [];
+    for (const row of c.matrix) {
+      globalMinMaxes.push(...extent(row));
+    }
+    const absMax = Math.min(hc.zScoreCap, Math.max(...extent(globalMinMaxes).map(Math.abs)));
+    const [min, max] = hc.zScoreTransformation ? [-absMax, absMax] : [Math.min(...globalMinMaxes), Math.max(...globalMinMaxes)];
+    this.hierClusterValues = { scale, min, max };
+  }
+  getValueColor(value) {
+    const hc = this.settings.hierCluster;
+    if (hc.zScoreTransformation) {
+      const zScoreCap = this.settings.hierCluster.zScoreCap;
+      return this.hierClusterValues.scale((value - -zScoreCap) / (zScoreCap * 2));
+    } else {
+      return this.hierClusterValues.scale(value / this.hierClusterValues.max);
+    }
+  }
+  /* returns list of gene terms as request parameter, e.g. {gene,chr,start,stop}
+  	request parameter only need term but not tw, as it will simply fetch continuous sample values on terms without transform
+  
+  	use of this function is unfortunate because:
+  		the incomplete migration of {name} to {gene} for gene-based term
+  		geneset edit ui is hardcoded to return {name}
+  		existing plot states contain {name}
+  
+  	!!! migration instruction !!!
+  	- term.name is for display only, if a term is gene-based, it has term.gene=str
+  	- a geneVariant term can be based on a genomic range (and not a gene), in that case it won't have term.gene and cannot be used where gene is expected, e.g. gene-based clustering analysis
+  
+  	*/
+  getClusterRowTermsAsParameter() {
+    const lst = this.hcTermGroup.lst.map(this.opts.app.vocabApi.getTwMinCopy);
+    lst.sort((a, b) => a.term.name < b.term.name ? -1 : 1);
+    return lst;
+  }
+};
+for (const methods of [hierCluster_renderers_exports, hierCluster_interactivity_exports]) {
+  for (const methodName in methods) HierCluster.prototype[methodName] = methods[methodName];
+}
+var hierClusterInit = getCompInit(HierCluster);
+var componentInit = hierClusterInit;
+
+export {
+  HierCluster,
+  hierClusterInit,
+  componentInit
+};
+//# sourceMappingURL=chunk-PHKA5BP7.js.map

package/dist/chunk-PWYMHUXY.js

@@ -0,0 +1,116 @@
+// dom/numericRangeInput.ts
+var NumericRangeInput = class {
+  constructor(holder, range, callback, opts) {
+    this.scaleFactor = opts?.scaleFactor && opts.scaleFactor > 0 ? opts.scaleFactor : 1;
+    this.min = opts?.min;
+    this.max = opts?.max;
+    this.input = holder.append("input").attr("name", "rangeInput").attr("data-testid", "sjpp-range-input").attr("aria-label", "Leave blank for the allowed minimum value").style("width", opts?.width || "180px").style("margin", "3px 5px").on("change", () => {
+      try {
+        this.parseRange();
+      } catch (ex) {
+        alert(ex);
+        this.setRange();
+      }
+    });
+    this.setRange(range);
+    this.callback = callback;
+  }
+  getInput() {
+    return this.input;
+  }
+  parseRange() {
+    const str = this.input.node().value;
+    const new_range = toStoredUnits(parseRange(str), this.scaleFactor);
+    this.validateBounds(new_range);
+    this.range = new_range;
+    this.callback(new_range);
+    return new_range;
+  }
+  /** throws on a range that selects nothing within the allowed bounds. a bound at the min or max is
+   * allowed when inclusive, e.g. x>=1 for a fraction */
+  validateBounds(r) {
+    const min = this.min, max = this.max;
+    const minLabel = toDisplayValue(min, this.scaleFactor), maxLabel = toDisplayValue(max, this.scaleFactor);
+    if (r.value != void 0) {
+      if (min != void 0 && r.value < min) throw `Invalid value < minimum allowed (${minLabel})`;
+      if (max != void 0 && r.value > max) throw `Invalid value > maximum allowed (${maxLabel})`;
+      return;
+    }
+    if (min != void 0) {
+      if (!r.startunbounded && r.start < min) throw `Invalid start value < minimum allowed (${minLabel})`;
+      if (!r.stopunbounded && (r.stop < min || r.stop == min && !r.stopinclusive))
+        throw `Invalid stop value ${r.stopinclusive ? "<" : "<="} minimum allowed (${minLabel})`;
+    }
+    if (max != void 0) {
+      if (!r.stopunbounded && r.stop > max) throw `Invalid stop value > maximum allowed (${maxLabel})`;
+      if (!r.startunbounded && (r.start > max || r.start == max && !r.startinclusive))
+        throw `Invalid start value ${r.startinclusive ? ">" : ">="} maximum allowed (${maxLabel})`;
+    }
+  }
+  getRange() {
+    return this.range;
+  }
+  setRange(range) {
+    if (!range) range = this.range;
+    else this.range = range;
+    if (!range) return;
+    const [start, stop] = formatRangeBounds(range, this.scaleFactor);
+    this.input.node().value = range.value != void 0 ? ` x=${toDisplayValue(range.value, this.scaleFactor)} ` : `${start} x ${stop}`;
+  }
+};
+function toStoredUnits(range, scaleFactor) {
+  if (scaleFactor == 1) return range;
+  for (const k of ["start", "stop", "value"]) {
+    if (Number.isFinite(range[k])) range[k] = range[k] / scaleFactor;
+  }
+  return range;
+}
+function toDisplayValue(v, scaleFactor) {
+  if (scaleFactor == 1 || !Number.isFinite(Number(v))) return v;
+  return Number((Number(v) * scaleFactor).toFixed(2));
+}
+function formatRangeBounds(range, scaleFactor = 1) {
+  const startV = toDisplayValue(range.start, scaleFactor);
+  const stopV = toDisplayValue(range.stop, scaleFactor);
+  const start = range.startunbounded || range.start == void 0 ? "" : `${startV} ${range.startinclusive ? "<=" : "<"}`;
+  const stop = range.stopunbounded || range.stop == void 0 ? "" : `${range.stopinclusive ? "<=" : "<"} ${stopV}`;
+  return [start, stop];
+}
+function parseRange(str) {
+  if (!str) throw "Empty range";
+  const tokens = str.replace(/\s/g, "").split("x");
+  let start, stop, startinclusive, stopinclusive, value;
+  if (tokens[0]) parseRangeToken(tokens[0]);
+  if (tokens[1]) parseRangeToken(tokens[1]);
+  if (value != void 0) return { value, label: `x = ${value}` };
+  const startunbounded = start === void 0;
+  const stopunbounded = stop === void 0;
+  if (!startunbounded && !stopunbounded && start > stop) throw "start must be lower than stop";
+  return { start, stop, value, startinclusive, stopinclusive, startunbounded, stopunbounded };
+  function parseRangeToken(rangeToken) {
+    const floatExpr = "[+-]?\\d+(\\.\\d+)?";
+    if (new RegExp(`^${floatExpr}<$`).test(rangeToken) || new RegExp(`^>${floatExpr}$`).test(rangeToken)) {
+      start = parseFloat(rangeToken.match(floatExpr));
+      startinclusive = false;
+    } else if (new RegExp(`^${floatExpr}<=$`).test(rangeToken) || new RegExp(`^>=${floatExpr}$`).test(rangeToken)) {
+      start = parseFloat(rangeToken.match(floatExpr));
+      startinclusive = true;
+    } else if (new RegExp(`^${floatExpr}>$`).test(rangeToken) || new RegExp(`^<${floatExpr}$`).test(rangeToken)) {
+      stop = parseFloat(rangeToken.match(floatExpr));
+      stopinclusive = false;
+    } else if (new RegExp(`^${floatExpr}>=$`).test(rangeToken) || new RegExp(`^<=${floatExpr}$`).test(rangeToken)) {
+      stop = parseFloat(rangeToken.match(floatExpr));
+      stopinclusive = true;
+    } else if (new RegExp(`^${floatExpr}=$`).test(rangeToken) || new RegExp(`^=${floatExpr}$`).test(rangeToken)) {
+      value = parseFloat(rangeToken.match(floatExpr));
+      stopinclusive = true;
+      startinclusive = true;
+    } else throw `Could not parse expression '${rangeToken}'`;
+  }
+}
+
+export {
+  NumericRangeInput,
+  formatRangeBounds
+};
+//# sourceMappingURL=chunk-PWYMHUXY.js.map

package/dist/chunk-PWYMHUXY.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../dom/numericRangeInput.ts"],
+  "sourcesContent": ["import type { Elem, Input } from '../types/d3'\nimport type { FullyBoundedBin } from '#types'\n\ntype TvsRange = FullyBoundedBin & { value?: number }\ntype Opts = {\n\twidth?: string // width of input\n\t/** multiplier from the unit a term's values are stored in to the unit shown to users, from\n\t * term.valueConversion (see getValueConversionFactor()). the range handed in and given back is\n\t * always in the stored unit; only the text in the <input> is in the user-facing one */\n\tscaleFactor?: number\n\t/** the allowed bounds of a typed range, in the stored unit, e.g. 0 and 1 for a fraction. kept apart\n\t * from the range, which is replaced by every parsed entry */\n\tmin?: number | null\n\tmax?: number | null\n}\n\nexport class NumericRangeInput {\n\tcallback: (f: any) => void\n\tinput: Input\n\trange: any\n\tscaleFactor: number\n\tmin?: number | null\n\tmax?: number | null\n\n\tconstructor(holder: Elem, range: any, callback: () => void, opts?: Opts) {\n\t\tthis.scaleFactor = opts?.scaleFactor && opts.scaleFactor > 0 ? opts.scaleFactor : 1\n\t\tthis.min = opts?.min\n\t\tthis.max = opts?.max\n\t\tthis.input = holder\n\t\t\t.append('input')\n\t\t\t.attr('name', 'rangeInput')\n\t\t\t.attr('data-testid', 'sjpp-range-input')\n\t\t\t.attr('aria-label', 'Leave blank for the allowed minimum value')\n\t\t\t.style('width', opts?.width || '180px')\n\t\t\t.style('margin', '3px 5px')\n\t\t\t//.style('font-size', '20px')\n\t\t\t.on('change', () => {\n\t\t\t\ttry {\n\t\t\t\t\tthis.parseRange()\n\t\t\t\t} catch (ex) {\n\t\t\t\t\talert(ex)\n\t\t\t\t\tthis.setRange()\n\t\t\t\t}\n\t\t\t})\n\t\tthis.setRange(range)\n\t\tthis.callback = callback\n\t}\n\n\tgetInput() {\n\t\treturn this.input\n\t}\n\n\tparseRange() {\n\t\tconst str = this.input.node()!.value\n\t\tconst new_range = toStoredUnits(parseRange(str), this.scaleFactor)\n\t\tthis.validateBounds(new_range)\n\t\tthis.range = new_range\n\t\tthis.callback(new_range)\n\t\treturn new_range\n\t}\n\n\t/** throws on a range that selects nothing within the allowed bounds. a bound at the min or max is\n\t * allowed when inclusive, e.g. x>=1 for a fraction */\n\tvalidateBounds(r: any) {\n\t\tconst min = this.min,\n\t\t\tmax = this.max\n\t\tconst minLabel = toDisplayValue(min, this.scaleFactor),\n\t\t\tmaxLabel = toDisplayValue(max, this.scaleFactor)\n\t\tif (r.value != undefined) {\n\t\t\tif (min != undefined && r.value < min) throw `Invalid value < minimum allowed (${minLabel})`\n\t\t\tif (max != undefined && r.value > max) throw `Invalid value > maximum allowed (${maxLabel})`\n\t\t\treturn\n\t\t}\n\t\tif (min != undefined) {\n\t\t\tif (!r.startunbounded && r.start < min) throw `Invalid start value < minimum allowed (${minLabel})`\n\t\t\tif (!r.stopunbounded && (r.stop < min || (r.stop == min && !r.stopinclusive)))\n\t\t\t\tthrow `Invalid stop value ${r.stopinclusive ? '<' : '<='} minimum allowed (${minLabel})`\n\t\t}\n\t\tif (max != undefined) {\n\t\t\tif (!r.stopunbounded && r.stop > max) throw `Invalid stop value > maximum allowed (${maxLabel})`\n\t\t\tif (!r.startunbounded && (r.start > max || (r.start == max && !r.startinclusive)))\n\t\t\t\tthrow `Invalid start value ${r.startinclusive ? '>' : '>='} maximum allowed (${maxLabel})`\n\t\t}\n\t}\n\n\tgetRange() {\n\t\treturn this.range\n\t}\n\n\tsetRange(range?: TvsRange) {\n\t\tif (!range) range = this.range\n\t\t//When an error is thrown the previous range is restored\n\t\telse this.range = range\n\n\t\t//So ts doesn't complain\n\t\tif (!range) return\n\t\tconst [start, stop] = formatRangeBounds(range, this.scaleFactor)\n\t\tthis.input.node()!.value =\n\t\t\trange.value != undefined ? ` x=${toDisplayValue(range.value, this.scaleFactor)} ` : `${start} x ${stop}`\n\t}\n}\n\n/** convert a range parsed from the <input> text back to the unit its values are stored in */\nfunction toStoredUnits(range: any, scaleFactor: number) {\n\tif (scaleFactor == 1) return range\n\tfor (const k of ['start', 'stop', 'value']) {\n\t\tif (Number.isFinite(range[k])) range[k] = range[k] / scaleFactor\n\t}\n\treturn range\n}\n\n/** a converted value is rounded, so that an input does not read 70.81451060916.\n * this makes the round trip through parseRange() lossy by up to half of the last shown digit,\n * which is immaterial for a filter range */\nfunction toDisplayValue(v: any, scaleFactor: number) {\n\tif (scaleFactor == 1 || !Number.isFinite(Number(v))) return v\n\treturn Number((Number(v) * scaleFactor).toFixed(2))\n}\n\n/** Format the start and stop of a range as displayed to the user, e.g. ['10 <', '<= 20'].\n *\n * A bound is exclusive unless the range marks it inclusive, matching how a range is\n * evaluated elsewhere, e.g. isInRange() on the server and the tvs pill label. The displayed\n * expression must round-trip through parseRange(), since the input text is the only source\n * of the applied range: rendering an exclusive bound as inclusive would silently widen a\n * saved range on apply.\n */\nexport function formatRangeBounds(range: any, scaleFactor = 1): [string, string] {\n\tconst startV = toDisplayValue(range.start, scaleFactor)\n\tconst stopV = toDisplayValue(range.stop, scaleFactor)\n\tconst start = range.startunbounded || range.start == undefined ? '' : `${startV} ${range.startinclusive ? '<=' : '<'}`\n\tconst stop = range.stopunbounded || range.stop == undefined ? '' : `${range.stopinclusive ? '<=' : '<'} ${stopV}`\n\treturn [start, stop]\n}\n\nexport function parseRange(str: string) {\n\tif (!str) throw 'Empty range'\n\tconst tokens = str.replace(/\\s/g, '').split('x')\n\tlet start, stop, startinclusive, stopinclusive, value\n\n\tif (tokens[0]) parseRangeToken(tokens[0])\n\tif (tokens[1]) parseRangeToken(tokens[1])\n\tif (value != undefined) return { value, label: `x = ${value}` }\n\tconst startunbounded = start === undefined\n\tconst stopunbounded = stop === undefined\n\n\tif (!startunbounded && !stopunbounded && start > stop) throw 'start must be lower than stop'\n\treturn { start, stop, value, startinclusive, stopinclusive, startunbounded, stopunbounded }\n\n\tfunction parseRangeToken(rangeToken) {\n\t\tconst floatExpr = '[+-]?\\\\d+(\\\\.\\\\d+)?'\n\n\t\tif (new RegExp(`^${floatExpr}<$`).test(rangeToken) || new RegExp(`^>${floatExpr}$`).test(rangeToken)) {\n\t\t\tstart = parseFloat(rangeToken.match(floatExpr))\n\t\t\tstartinclusive = false\n\t\t} else if (new RegExp(`^${floatExpr}<=$`).test(rangeToken) || new RegExp(`^>=${floatExpr}$`).test(rangeToken)) {\n\t\t\tstart = parseFloat(rangeToken.match(floatExpr))\n\t\t\tstartinclusive = true\n\t\t} else if (new RegExp(`^${floatExpr}>$`).test(rangeToken) || new RegExp(`^<${floatExpr}$`).test(rangeToken)) {\n\t\t\tstop = parseFloat(rangeToken.match(floatExpr))\n\t\t\tstopinclusive = false\n\t\t} else if (new RegExp(`^${floatExpr}>=$`).test(rangeToken) || new RegExp(`^<=${floatExpr}$`).test(rangeToken)) {\n\t\t\tstop = parseFloat(rangeToken.match(floatExpr))\n\t\t\tstopinclusive = true\n\t\t} else if (new RegExp(`^${floatExpr}=$`).test(rangeToken) || new RegExp(`^=${floatExpr}$`).test(rangeToken)) {\n\t\t\tvalue = parseFloat(rangeToken.match(floatExpr))\n\t\t\tstopinclusive = true\n\t\t\tstartinclusive = true\n\t\t} else throw `Could not parse expression '${rangeToken}'`\n\t}\n}\n"],
+  "mappings": "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",
+  "names": []
+}