@sjcrh/proteinpaint-client 2.181.0 → 2.182.0

package/dist/chunk-FBAJTPBU.js

@@ -0,0 +1,302 @@
+import {
+  appear2 as appear,
+  axisstyle,
+  bwSetting,
+  disappear2 as disappear,
+  makeNumericAxisConfig,
+  rgb2hex
+} from "./chunk-7FEHI46K.js";
+import {
+  dofetch3
+} from "./chunk-TCPU43TU.js";
+import {
+  axisLeft
+} from "./chunk-LOZEKOES.js";
+import {
+  format,
+  linear
+} from "./chunk-OAWQ6LOO.js";
+
+// src/block.tk.bigwig.js
+function bigwigfromtemplate(tk, template) {
+  tk.scale = {};
+  if (template.scale) {
+    for (const k in template.scale) {
+      tk.scale[k] = template.scale[k];
+    }
+  } else {
+    tk.scale.auto = 1;
+  }
+  if (tk.normalize) {
+  } else {
+    tk.normalize = {
+      dividefactor: 1,
+      disable: 1
+    };
+  }
+  tk.barheight = template.height || 50;
+  tk.height_main = tk.toppad + tk.barheight + tk.bottompad;
+  if (!tk.ncolor) tk.ncolor = "#BD005E";
+  if (!tk.ncolor2) tk.ncolor2 = "#5E00BD";
+  if (!tk.pcolor) tk.pcolor = "#005EBD";
+  if (!tk.pcolor2) tk.pcolor2 = "#FA7D00";
+}
+function bigwigmaketk(tk, block) {
+  tk.img = tk.glider.append("image");
+  tk.tklabel.attr("y", tk.barheight / 2);
+  tk.leftaxis = tk.gleft.append("g");
+  tk.config_handle = block.maketkconfighandle(tk).on("click", () => {
+    tk.tkconfigtip.clear().showunder(tk.config_handle.node());
+    bigwigconfigpanel(tk, block, tk.tkconfigtip.d, () => bigwigload(tk, block));
+  });
+}
+async function bigwigload(tk, block) {
+  block.tkcloakon(tk);
+  const par = block.tkarg_q(tk);
+  if (tk.dotplotfactor) par.dotplotfactor = tk.dotplotfactor;
+  if (tk.bgcolor) par.bgcolor = tk.bgcolor;
+  tk.height_main = tk.toppad + tk.barheight + tk.bottompad;
+  tk.img.attr("width", block.width).attr("height", tk.barheight);
+  let errtext;
+  try {
+    let data;
+    if (tk.imgData) {
+      data = tk.imgData;
+    } else {
+      data = await dofetch3("tkbigwig", { method: "POST", body: JSON.stringify(par) });
+    }
+    if (data.error) throw data.error;
+    if (!data.src) throw "data.src missing";
+    tk.tklabel.transition().attr("y", tk.barheight / 2);
+    tk.img.attr("xlink:href", data.src);
+    if (data.minv != void 0) {
+      tk.scale.min = data.minv;
+    }
+    if (data.maxv != void 0) {
+      tk.scale.max = data.maxv;
+    }
+    tk.leftaxis.selectAll("*").remove();
+    if (data.nodata) {
+      throw "No data in view range";
+    }
+    const scale = linear().domain([tk.scale.min, tk.scale.max]).range([tk.barheight, 0]);
+    const axis = axisLeft().scale(scale).tickValues([tk.scale.min, tk.scale.max]);
+    if (tk.integer4axis) {
+      axis.tickFormat(format("d"));
+    }
+    axisstyle({
+      axis: tk.leftaxis.call(axis),
+      color: "black",
+      showline: true
+    });
+  } catch (err) {
+    tk.img.attr("width", 0).attr("height", 0);
+    if (err.stack) {
+      console.log(err.stack);
+    }
+    errtext = typeof err == "string" ? err : err.message;
+  } finally {
+    block.tkcloakoff(tk, { error: errtext });
+    block.block_setheight();
+    for (const panel of tk.subpanels) {
+      bigwigloadsubpanel(tk, block, panel);
+    }
+  }
+}
+async function bigwigloadsubpanel(tk, block, panel) {
+  block.tkcloakon_subpanel(panel);
+  const par = block.tkarg_q(tk);
+  if (tk.dotplotfactor) {
+    par.dotplotfactor = tk.dotplotfactor;
+  }
+  par.width = panel.width;
+  par.rglst = [
+    {
+      chr: panel.chr,
+      start: panel.start,
+      stop: panel.stop,
+      width: panel.width
+    }
+  ];
+  delete par.percentile;
+  delete par.autoscale;
+  panel.img.attr("width", panel.width).attr("height", tk.barheight);
+  let errtext;
+  try {
+    if (tk.imgData) throw "subpanel not supported by imgData yet";
+    const data = await dofetch3("tkbigwig", { method: "POST", body: JSON.stringify(par) });
+    if (data.error) throw data.error;
+    panel.img.attr("xlink:href", data.src);
+  } catch (err) {
+    panel.img.attr("width", 0).attr("height", 0);
+    if (err.stack) {
+      console.log(err.stack);
+    }
+    errtext = typeof err == "string" ? err : err.message;
+  } finally {
+    block.tkcloakoff_subpanel(panel, { error: errtext });
+  }
+}
+function bigwigconfigpanel(tk, block, holder, loader) {
+  const config = {
+    pcolor: {},
+    ncolor: {},
+    pcolor2: {},
+    ncolor2: {},
+    // .row
+    // .lab
+    dotplot: {},
+    // .row
+    dividefactor: {}
+  };
+  {
+    const row = holder.append("div").style("margin-bottom", "15px");
+    row.append("span").html("Height  ");
+    row.append("input").attr("size", 5).property("value", tk.barheight).on("keyup", (event) => {
+      if (event.code != "Enter") return;
+      const s = event.target.value;
+      if (s == "") return;
+      const v = Number.parseInt(s);
+      if (Number.isNaN(v) || v <= 1) {
+        alert("track height must be positive integer");
+        return;
+      }
+      tk.barheight = v;
+      loader(bwSetting.height);
+    });
+  }
+  config.pcolor.row = holder.append("div").style("margin-bottom", "15px");
+  config.pcolor.lab = config.pcolor.row.append("span").text("Positive value color").style("padding-right", "10px");
+  config.pcolor.row.append("input").attr("type", "color").property("value", rgb2hex(tk.pcolor)).on("change", (event) => {
+    tk.pcolor = event.target.value;
+    loader(bwSetting.pcolor);
+  });
+  config.ncolor.row = holder.append("div").style("margin-bottom", "15px");
+  config.ncolor.lab = config.ncolor.row.append("span").text("Negative value color").style("padding-right", "10px");
+  config.ncolor.row.append("input").attr("type", "color").property("value", rgb2hex(tk.ncolor)).on("change", (event) => {
+    tk.ncolor = event.target.value;
+    loader(bwSetting.ncolor);
+  });
+  if (!tk.scale.auto) {
+    config.pcolor2.row = holder.append("div").style("margin-bottom", "15px");
+    config.pcolor2.lab = config.pcolor2.row.append("span").html("&ge;Max color").style("padding-right", "10px");
+    config.pcolor2.row.append("input").attr("type", "color").property("value", rgb2hex(tk.pcolor2)).on("change", (event) => {
+      tk.pcolor2 = event.target.value;
+      loader(bwSetting.pcolor2);
+    });
+    config.ncolor2.row = holder.append("div").style("margin-bottom", "15px");
+    config.ncolor2.lab = config.ncolor2.row.append("span").html("&le;Min color").style("padding-right", "10px");
+    config.ncolor2.row.append("input").attr("type", "color").property("value", rgb2hex(tk.ncolor2)).on("change", (event) => {
+      tk.ncolor2 = event.target.value;
+      loader(bwSetting.ncolor2);
+    });
+  }
+  {
+    const setting = {};
+    if (tk.scale.auto) {
+      setting.auto = 1;
+    } else if (tk.scale.percentile) {
+      setting.percentile = tk.scale.percentile;
+    } else {
+      setting.fixed = { min: tk.scale.min, max: tk.scale.max };
+    }
+    makeNumericAxisConfig({
+      holder: holder.append("div").style("margin-bottom", "15px"),
+      setting,
+      callback: (s) => {
+        if (s.auto) {
+          tk.scale.auto = 1;
+          loader(bwSetting.autoscale);
+          return;
+        }
+        if (s.fixed) {
+          delete tk.scale.auto;
+          delete tk.scale.percentile;
+          tk.scale.max = s.fixed.max;
+          tk.scale.min = s.fixed.min;
+          loader(bwSetting.fixedscale);
+          return;
+        }
+        delete tk.scale.auto;
+        tk.scale.percentile = s.percentile;
+        loader(bwSetting.percentilescale);
+      }
+    });
+  }
+  {
+    config.dotplot.row = holder.append("div").style("margin-bottom", "15px");
+    config.dotplot.row.append("span").html("Dot plot&nbsp;&nbsp;");
+    const s = config.dotplot.row.append("select").on("change", (event) => {
+      const i = event.target.selectedIndex;
+      if (i == 0) {
+        delete tk.dotplotfactor;
+      } else {
+        tk.dotplotfactor = Number.parseInt(event.target.options[i].innerHTML);
+      }
+      loader(i == 0 ? bwSetting.nodotplot : bwSetting.usedotplot);
+    });
+    let o = s.append("option").text("no");
+    if (!tk.dotplotfactor) {
+      o.property("selected", 1);
+    }
+    o = s.append("option").text("5");
+    if (tk.dotplotfactor == 5) {
+      o.property("selected", 1);
+    }
+    o = s.append("option").text("10");
+    if (tk.dotplotfactor == 10) {
+      o.property("selected", 1);
+    }
+    o = s.append("option").text("15");
+    if (tk.dotplotfactor == 15) {
+      o.property("selected", 1);
+    }
+    o = s.append("option").text("20");
+    if (tk.dotplotfactor == 20) {
+      o.property("selected", 1);
+    }
+  }
+  config.dividefactor.row = holder.append("div");
+  {
+    const id = Math.random().toString();
+    const input = config.dividefactor.row.append("input").attr("type", "checkbox").attr("id", id);
+    if (!tk.normalize.disable) {
+      input.property("checked", 1);
+    }
+    config.dividefactor.row.append("label").html("&nbsp;Apply normalization").attr("for", id);
+    const folder = config.dividefactor.row.append("div").style("margin", "5px 10px 0px 20px").style("display", tk.normalize.disable ? "none" : "block");
+    folder.append("span").html("Divide raw value by&nbsp;");
+    const factorinput = folder.append("input").attr("type", "number").style("width", "60px").property("value", tk.normalize.dividefactor).on("keyup", (event) => {
+      if (event.code != "Enter" && event.code != "NumpadEnter") return;
+      const v = event.target.value;
+      if (v <= 0) {
+        return;
+      }
+      tk.normalize.dividefactor = v;
+      loader(bwSetting.usedividefactor);
+    });
+    folder.append("div").text("Enter a value above zero").style("font-size", ".7em").style("color", "#858585");
+    input.on("change", (event) => {
+      if (event.target.checked) {
+        appear(folder);
+        delete tk.normalize.disable;
+        factorinput.property("value", tk.normalize.dividefactor);
+        loader(bwSetting.usedividefactor);
+        return;
+      }
+      disappear(folder);
+      tk.normalize.disable = 1;
+      loader(bwSetting.nodividefactor);
+    });
+  }
+  return config;
+}
+
+export {
+  bigwigfromtemplate,
+  bigwigmaketk,
+  bigwigload,
+  bigwigloadsubpanel,
+  bigwigconfigpanel
+};
+//# sourceMappingURL=chunk-FBAJTPBU.js.map

package/dist/chunk-FGMPKWT5.js

@@ -0,0 +1,371 @@
+import {
+  addBrushes,
+  addNewBrush
+} from "./chunk-UWX7W22M.js";
+import {
+  NumericRangeInput,
+  niceNumLabels,
+  violinRenderer
+} from "./chunk-F6V4AYWP.js";
+import {
+  convertUnits
+} from "./chunk-BEWDIM6H.js";
+import {
+  select_default
+} from "./chunk-NDWTN4U5.js";
+
+// filter/tvs.numeric.js
+var handler = {
+  type: "numeric",
+  term_name_gen,
+  get_pill_label,
+  getSelectRemovePos,
+  fillMenu,
+  setTvsDefaults
+};
+function term_name_gen(d) {
+  const name = d.term.name;
+  return name.length < 26 ? name : '<label title="' + name + '">' + name.substring(0, 24) + "...</label>";
+}
+function get_pill_label(tvs) {
+  if (tvs.ranges.length == 1) {
+    const v = tvs.ranges[0];
+    if ("value" in v) {
+      if (v.label) return { txt: v.label };
+      if (tvs.term.values && tvs.term.values[v.value] && tvs.term.values[v.value].label)
+        return { txt: tvs.term.values[v.value].label };
+      console.error(`key "${v.value}" not found in values{} of ${tvs.term.name}`);
+      return { txt: v.value };
+    }
+    return { txt: format_val_text(v, tvs.term) };
+  }
+  return { txt: tvs.ranges.length + " intervals" };
+}
+function format_val_text(range, term) {
+  const x = '<span style="font-family:Times;font-style:italic;font-size:1em; vertical-align:top">x</span>';
+  if (range.startunbounded && range.stopunbounded) {
+    const inf = (sign = "") => `<span style='vertical-align: middle; font-size:1.1em; line-height: 0.9em'>${sign}\u221E</span>`;
+    const lt = `<span style='vertical-align: top; font-size: 0.9em'>&lt;</span>`;
+    return `<span>${inf("\uFE63")} ${lt} ${x} ${lt} ${inf("\uFE62")}</span>`;
+  }
+  const vc = term.valueConversion;
+  if (range.startunbounded)
+    return `${x} ${range.stopinclusive ? "&le;" : "&lt;"} ${vc ? convertUnits(range.stop, vc.fromUnit, vc.toUnit, vc.scaleFactor) : range.stop}`;
+  if (range.stopunbounded)
+    return `${x} ${range.startinclusive ? "&ge;" : "&gt;"} ${vc ? convertUnits(range.start, vc.fromUnit, vc.toUnit, vc.scaleFactor) : range.start}`;
+  let startName, stopName;
+  if (vc) {
+    startName = convertUnits(range.start, vc.fromUnit, vc.toUnit, vc.scaleFactor);
+    stopName = convertUnits(range.stop, vc.fromUnit, vc.toUnit, vc.scaleFactor);
+  } else {
+    ;
+    [startName, stopName] = niceNumLabels([range.start, range.stop]);
+  }
+  return `${startName} 
+			${range.startinclusive ? "&le;" : "&lt;"}
+			${x}
+			${range.stopinclusive ? "&le;" : "&lt;"}
+			${stopName}`;
+}
+function getSelectRemovePos(j, tvs) {
+  return j - tvs.ranges.slice(0, j).filter((a) => a.start || a.stop).length;
+}
+async function fillMenu(self, div, tvs) {
+  const num_parent_div = div.append("div");
+  self.num_obj = {};
+  self.num_obj.num_div = num_parent_div.append("div").attr("class", "num_div").style("padding", "5px").style("color", "#000");
+  self.num_obj.plot_size = {
+    width: 450,
+    height: 100,
+    xpad: 10,
+    ypad: 20,
+    radius: 8
+  };
+  if (typeof self.opts.vocabApi.getViolinBox == "function") {
+    try {
+      const data = await self.opts.vocabApi.getViolinBox(
+        {
+          plotType: "violin",
+          tw: { term: tvs.term, q: { mode: "continuous" } },
+          // must supply this filter and override state filter in function, so the density plot will not be limited to range defined by current numeric tvs but will show whole range
+          filter: self.filter,
+          svgw: self.num_obj.plot_size.width,
+          radius: self.num_obj.plot_size.radius
+        },
+        self.opts.getCategoriesArguments
+      );
+      if (data.error) throw data.error;
+      if (data.max === null && data.min === null) {
+        throw `No data available under current filter conditions.`;
+      }
+      self.num_obj.density_data = data;
+    } catch (err) {
+      throw err;
+    }
+  } else {
+    self.num_obj.density_data = {};
+  }
+  if (self.num_obj.density_data.error) throw self.num_obj.density_data.error;
+  if (!self.num_obj.density_data.charts?.[""]?.plots?.[0]?.density?.bins) {
+    addRangeTableNoDensity(self, tvs);
+    return;
+  }
+  self.vr = new violinRenderer({
+    holder: self.num_obj.num_div,
+    rd: self.num_obj.density_data,
+    width: self.num_obj.plot_size.width,
+    radius: self.num_obj.plot_size.radius,
+    height: self.num_obj.plot_size.height
+  });
+  self.vr.render();
+  self.num_obj.svg = self.vr.svg;
+  self.num_obj.range_table = self.num_obj.num_div.append("table").style("table-layout", "fixed").style("border-collapse", "collapse");
+  const ranges = [];
+  for (const [index, range] of tvs.ranges.entries()) {
+    range.index = index;
+    ranges.push(range);
+  }
+  self.num_obj.brush_g = self.vr.brushG.attr("class", "brush_g");
+  self.num_obj.xscale = self.vr.axisScale;
+  self.num_obj.ranges = ranges;
+  self.num_obj.brushes = [];
+  addBrushes(self);
+  addRangeTable(self);
+  if (!ranges.length) {
+    const callback = () => addRangeTable(self);
+    addNewBrush(self, "center", callback);
+  }
+  self.num_obj.brushes.forEach((brush) => brush.init());
+  await showCheckList_numeric(self, tvs, div);
+}
+function setTvsDefaults(tvs) {
+  if (!tvs.ranges) tvs.ranges = [];
+}
+function addRangeTableNoDensity(self, tvs) {
+  const termrange = tvs.term.range || {};
+  const range = tvs.ranges && tvs.ranges[0] ? tvs.ranges[0] : termrange;
+  range.min = "min" in tvs.term ? tvs.term.min : null;
+  range.max = "max" in tvs.term ? tvs.term.max : null;
+  const num_div = self.num_obj.num_div;
+  num_div.selectAll("*").remove();
+  const brush = {};
+  const table = num_div.append("table").style("padding-left", "5px");
+  const rangeTr = table.append("tr");
+  const rangeLabelTd = rangeTr.append("td");
+  brush.equation_td = rangeTr.append("td");
+  brush.rangeInput = new NumericRangeInput(brush.equation_td, range, () => {
+  }, { width: "125px" });
+  if (self.opts.isMafFilter) {
+    rangeLabelTd.text("MAF Range (0-1)");
+    const depthTr = table.append("tr");
+    depthTr.append("td").text("Minimum Total Depth");
+    brush.depthInput = depthTr.append("td").append("input").attr("type", "number").attr("min", 1).attr("step", 1).style("width", "125px").property("value", tvs.minAllelicDepth);
+    const applyTr = table.append("tr");
+    brush.apply_btn = applyTr.append("td").attr("class", "sja_filter_tag_btn sjpp_apply_btn").style("border-radius", "13px").style("margin-top", "10px").style("font-size", ".8em").style("text-transform", "uppercase").text("apply").on("click", clickApply);
+  } else {
+    rangeLabelTd.text("Range");
+    brush.apply_btn = rangeTr.append("td").attr("class", "sja_filter_tag_btn sjpp_apply_btn").style("border-radius", "13px").style("margin", "5px").style("margin-left", "10px").style("text-align", "center").style("font-size", ".8em").style("text-transform", "uppercase").text("apply").on("click", clickApply);
+  }
+  function clickApply() {
+    const r = brush.rangeInput.getRange();
+    if (!Number.isFinite(r.start) && !Number.isFinite(r.stop)) {
+      window.alert("Invalid range.");
+      return;
+    }
+    const new_tvs = { term: tvs.term, ranges: [r] };
+    if (brush.depthInput) {
+      const minAllelicDepth = Number(brush.depthInput.property("value"));
+      if (!Number.isFinite(minAllelicDepth)) {
+        window.alert("Minimum allelic depth must be a numeric value.");
+        return;
+      }
+      new_tvs.minAllelicDepth = Math.max(minAllelicDepth, 1);
+    }
+    self.dom.tip.hide();
+    self.opts.callback(new_tvs);
+  }
+}
+function addRangeTable(self) {
+  const brushes = self.num_obj.brushes;
+  const range_divs = self.num_obj.range_table.selectAll(".range_div").data(brushes);
+  range_divs.exit().each(function() {
+    select_default(this).style("opacity", 1).transition().duration(100).style("opacity", 0).remove();
+  });
+  range_divs.enter().append("tr").attr("class", "range_div").style("white-space", "nowrap").style("padding", "2px").transition().duration(200).each(function(brush, i) {
+    enterRange(self, this, brush, i);
+  });
+}
+function enterRange(self, tr, brush, i) {
+  if (!brush.range_tr) brush.range_tr = select_default(tr);
+  const range_tr = brush.range_tr;
+  const xscale = self.num_obj.xscale;
+  range_tr.append("td").append("td").style("display", "inline-block").style("margin-left", "10px").style("padding", "3px 10px").style("font-size", ".9em").text("Range " + (i + 1) + ": ");
+  brush.equation_td = range_tr.append("td").style("width", "150px");
+  brush.rangeInput = new NumericRangeInput(brush.equation_td, brush.range, apply);
+  makeRangeButtons(self, brush);
+  if (i == 0) {
+    self.num_obj.range_table.append("tr").attr("class", "note_tr").append("td").attr("colspan", "3").append("div").style("font-size", ".8em").style("margin-left", "20px").style("font-style", "italic").style("color", "#888").html("Option 1: Drag the rectangle to select a range. Overlapping ranges will be merged.");
+  }
+  if (i == 0) {
+    self.num_obj.range_table.append("tr").attr("class", "note_tr").append("td").attr("colspan", "3").append("div").style("font-size", ".8em").style("margin-left", "20px").style("font-style", "italic").style("color", "#888").html(
+      `Option 2: Type in values to select a range.${self.tvs.term.valueConversion ? ` Values are in the unit of ${self.tvs.term.valueConversion.fromUnit}.` : ""}`
+    );
+  }
+  async function apply(new_range) {
+    try {
+      brush.range = new_range;
+      const minvalue = self.num_obj.density_data.min;
+      const maxvalue = self.num_obj.density_data.max;
+      const start = new_range.value != void 0 ? new_range.value : new_range.start != void 0 ? new_range.start : minvalue;
+      const stop = new_range.value != void 0 ? new_range.value : new_range.stop != void 0 ? new_range.stop : maxvalue;
+      brush.elem.call(brush.d3brush).call(brush.d3brush.move, [start, stop].map(xscale));
+    } catch (e) {
+      window.alert(e);
+    }
+  }
+  function makeRangeButtons(self2, brush2) {
+    const buttons_td = brush2.range_tr.append("td");
+    const range = brush2.range;
+    brush2.apply_btn = buttons_td.append("td").attr("class", "sja_filter_tag_btn sjpp_apply_btn").style("border-radius", "13px").style("margin", "5px").style("margin-left", "10px").style("text-align", "center").style("font-size", ".8em").style("text-transform", "uppercase").text("apply").on("click", async () => {
+      self2.dom.tip.hide();
+      const new_range = brush2.rangeInput.parseRange();
+      const new_tvs = JSON.parse(JSON.stringify(self2.tvs));
+      delete new_tvs.groupset_label;
+      if (self2.num_obj.ranges.length > 1) new_tvs.ranges = mergeOverlapRanges(self2, new_range);
+      else new_tvs.ranges[range.index] = new_range;
+      try {
+        validateNumericTvs(new_tvs);
+        self2.opts.callback(new_tvs);
+      } catch (ex) {
+        alert(ex);
+      }
+    });
+    buttons_td.append("td").attr("class", "sja_filter_tag_btn sjpp_delete_btn").style("border-radius", "13px").style("display", self2.num_obj.ranges.length > 1 ? "inline-block" : "none").style("margin", "5px").style("margin-left", "10px").style("text-align", "center").style("font-size", ".8em").style("text-transform", "uppercase").text("Delete").on("click", async () => {
+      const new_tvs = JSON.parse(JSON.stringify(self2.tvs));
+      new_tvs.ranges.splice(range.index, 1);
+      self2.num_obj.ranges.pop();
+      self2.num_obj.brushes.pop();
+      self2.num_obj.num_div.select(".note_tr").remove();
+      addBrushes(self2);
+      addRangeTable(self2);
+      if (new_tvs.ranges.length) self2.opts.callback(new_tvs);
+    });
+  }
+}
+function mergeOverlapRanges(self, new_range) {
+  let ranges = JSON.parse(JSON.stringify(self.tvs.ranges));
+  let merged_flag = false;
+  for (const [i, range] of ranges.entries()) {
+    if (!range.value && new_range.index != i) {
+      if (new_range.start <= range.start && new_range.stop >= range.stop) {
+        range.start = new_range.start;
+        range.stop = new_range.stop;
+        merged_flag = true;
+      } else if (new_range.start <= range.stop && new_range.stop >= range.stop) {
+        range.stop = new_range.stop;
+        merged_flag = true;
+      } else if (new_range.stop >= range.start && new_range.start <= range.start) {
+        range.start = new_range.start;
+        merged_flag = true;
+      } else if (new_range.start >= range.start && new_range.stop <= range.stop) {
+        merged_flag = true;
+      } else if (new_range.startunbounded) {
+        if (new_range.stop > range.stop) {
+          range.stop = new_range.stop;
+        }
+        delete range.start;
+        range.startunbounded = true;
+        merged_flag = true;
+      } else if (new_range.stopunbounded) {
+        if (new_range.start < range.start) {
+          range.start = new_range.start;
+        }
+        delete range.stop;
+        range.stopunbounded = true;
+        merged_flag = true;
+      }
+    }
+  }
+  if (merged_flag) {
+    if (new_range.index <= ranges.length - 1) ranges.splice(new_range.index, 1);
+  } else {
+    ranges = JSON.parse(JSON.stringify(self.tvs.ranges));
+    if (new_range.index) ranges[new_range.index] = new_range;
+    else ranges.push(new_range);
+  }
+  return ranges;
+}
+async function showCheckList_numeric(self, tvs, div) {
+  if (!tvs.term.values) {
+    return;
+  }
+  const values = await self.opts.vocabApi.getNumericUncomputableCategories(tvs.term, self.filter);
+  const unannotated_cats = [];
+  const lst = values?.lst || values;
+  for (const cat of lst) {
+    const key = "key" in cat ? cat.key : cat.value;
+    if (!("key" in cat)) cat.key = key;
+    if (!("value" in cat)) cat.value = key;
+    if (key in tvs.term.values) {
+      cat.label = tvs.term.values[key].label;
+      unannotated_cats.push(cat);
+    }
+  }
+  const sortedVals = unannotated_cats.sort((a, b) => {
+    return b.samplecount - a.samplecount;
+  });
+  const unanno_div = div.append("div").style("padding", "5px").style("color", "#000");
+  const callback = (indexes) => {
+    try {
+      const new_tvs = JSON.parse(JSON.stringify(tvs));
+      delete new_tvs.groupset_label;
+      new_tvs.ranges = [
+        ...new_tvs.ranges.filter((r) => !("value" in r)),
+        ...indexes.map((i) => ({ value: sortedVals[i].value, label: sortedVals[i].label }))
+      ];
+      self.dom.tip.hide();
+      if (new_tvs.ranges.length == 0) throw "select at least one range or category";
+      if (JSON.parse(JSON.stringify(tvs) != new_tvs)) {
+        try {
+          validateNumericTvs(new_tvs);
+        } catch (e) {
+          window.alert(e);
+          return;
+        }
+        self.opts.callback(new_tvs);
+      }
+    } catch (e) {
+      window.alert(e);
+    }
+  };
+  const values_table = self.makeValueTable(unanno_div, tvs, sortedVals, callback).node();
+}
+function validateNumericTvs(tvs) {
+  if (!tvs.term) throw "tvs.term is not defined";
+  if (!tvs.ranges) throw `.values[] missing for a term ${tvs.term.name}`;
+  if (!Array.isArray(tvs.ranges)) throw `.values[] is not an array for a term ${tvs.term.name}`;
+  if (!tvs.ranges.length) throw `no categories selected for ${tvs.term.name}`;
+  for (const range of tvs.ranges) {
+    if (range.value != void 0) {
+      if (!range.label) throw `.label missing for special category for a term ${tvs.term.name}`;
+    } else {
+      if (range.startunbounded) {
+        if (range.stopunbounded) throw `both start & stop are unbounded for a term ${tvs.term.name}`;
+        if (!Number.isFinite(range.stop)) throw `.stop undefined when start is unbounded for a term ${tvs.term.name}`;
+      } else if (range.stopunbounded) {
+        if (!Number.isFinite(range.start)) throw `.start undefined when stop is unbounded for a term ${tvs.term.name}`;
+      } else {
+        if (!Number.isFinite(range.start))
+          throw `.start undefined when start is not unbounded for a term ${tvs.term.name}`;
+        if (!Number.isFinite(range.stop)) throw `.stop undefined when stop is not unbounded for a term ${tvs.term.name}`;
+        if (range.start >= range.stop) throw `.start is not lower than stop for a term ${tvs.term.name}`;
+      }
+    }
+  }
+}
+
+export {
+  handler,
+  format_val_text
+};
+//# sourceMappingURL=chunk-FGMPKWT5.js.map