@sjcrh/proteinpaint-client 2.224.0 → 2.224.1

package/dist/chunk-G4QRB64M.js

@@ -0,0 +1,418 @@
+import {
+  addBrushes,
+  addNewBrush
+} from "./chunk-OZUF7O2S.js";
+import {
+  escapeHtml,
+  niceNumLabels,
+  violinRenderer
+} from "./chunk-3YQYWX4M.js";
+import {
+  convertUnits,
+  getValueConversionFactor
+} from "./chunk-W5J3LTYS.js";
+import {
+  NumericRangeInput
+} from "./chunk-PWYMHUXY.js";
+import {
+  roundValueAuto
+} from "./chunk-TLT4YIG3.js";
+import {
+  select_default
+} from "./chunk-I6Y4O3RR.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 ? escapeHtml(name) : '<label title="' + escapeHtml(name) + '">' + escapeHtml(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: escapeHtml(v.label) };
+      if (tvs.term.values && tvs.term.values[v.value] && tvs.term.values[v.value].label)
+        return { txt: escapeHtml(tvs.term.values[v.value].label) };
+      console.error(`key "${v.value}" not found in values{} of ${tvs.term.name}`);
+      return { txt: escapeHtml(v.value) };
+    }
+    return { txt: format_val_text(v, tvs.term) + mafDepthText(tvs) };
+  }
+  return { txt: tvs.ranges.length + " intervals" + mafDepthText(tvs) };
+}
+function mafDepthText(tvs) {
+  if (tvs.term.mafFilterMode != "maf") return "";
+  if (!Number.isFinite(tvs.minAllelicDepth) || tvs.minAllelicDepth < 1) return "";
+  return `, Total depth &ge; ${tvs.minAllelicDepth}`;
+}
+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,
+    // axis ticks are labeled in the term's user-facing unit, e.g. years and not days
+    scaleFactor: getValueConversionFactor(tvs.term)
+  });
+  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;
+  const num_div = self.num_obj.num_div;
+  num_div.selectAll("*").remove();
+  const brush = {};
+  const holder = num_div.append("div").style("padding-left", "5px");
+  const mafFilterMode = tvs.term.mafFilterMode;
+  if (mafFilterMode == "maf" && tvs.term.child_ids?.length > 1) {
+    const ids = tvs.term.child_ids;
+    const list = ids.slice(0, -1).join(", ") + " and " + ids[ids.length - 1];
+    holder.append("div").style("margin-bottom", "8px").style("font-size", ".9em").style("opacity", 0.7).text(`MAF is computed by summing allelic depths from ${list}`);
+  }
+  const rangeRow = holder.append("div").style("display", "flex").style("align-items", "center").style("column-gap", "5px");
+  const rangeLabel = rangeRow.append("span");
+  brush.equation_div = rangeRow.append("div");
+  brush.rangeInput = new NumericRangeInput(brush.equation_div, range, () => {
+  }, {
+    width: "125px",
+    scaleFactor: getValueConversionFactor(tvs.term),
+    // without a density plot, the term's declared bounds are the only check of a typed range
+    min: tvs.term.min,
+    max: tvs.term.max
+  });
+  if (mafFilterMode == "maf") {
+    rangeLabel.text("MAF Range (0-1)");
+    const depthRow = holder.append("div").style("display", "flex").style("align-items", "center").style("column-gap", "5px").style("margin-top", "5px");
+    depthRow.append("span").text("Minimum Total Depth");
+    brush.depthInput = depthRow.append("input").attr("type", "number").attr("min", 1).attr("step", 1).style("width", "125px").property("value", Number.isFinite(tvs.minAllelicDepth) ? tvs.minAllelicDepth : "");
+    brush.apply_btn = addApplyButton(holder.append("div").style("margin-top", "10px"));
+  } else if (mafFilterMode == "value") {
+    rangeLabel.text("Range");
+    brush.apply_btn = addApplyButton(rangeRow);
+  } else if (mafFilterMode == "totalDepth" || mafFilterMode == "altDepth") {
+    rangeLabel.text(mafFilterMode == "totalDepth" ? "Total Depth" : "Alt Allele Depth");
+    brush.apply_btn = addApplyButton(rangeRow);
+  } else {
+    rangeLabel.text("Range");
+    brush.apply_btn = addApplyButton(rangeRow);
+  }
+  if (mafFilterMode) brush.rangeInput.getInput().node().focus();
+  function addApplyButton(holder2) {
+    return holder2.append("button").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 str = brush.depthInput.property("value").trim();
+      if (str) {
+        const minAllelicDepth = Number(str);
+        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").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, {
+    scaleFactor: getValueConversionFactor(self.tvs.term)
+  });
+  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.toUnit}.` : ""}`
+    );
+  }
+  function apply(new_range) {
+    const minvalue = self.num_obj.density_data.min;
+    const maxvalue = self.num_obj.density_data.max;
+    validateRangeInData(self, new_range);
+    brush.range = new_range;
+    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;
+    const clamp = (v) => Math.min(Math.max(v, minvalue), maxvalue);
+    brush.elem.call(brush.d3brush).call(brush.d3brush.move, [clamp(start), clamp(stop)].map(xscale));
+  }
+  function makeRangeButtons(self2, brush2) {
+    const buttons_td = brush2.range_tr.append("td");
+    const range = brush2.range;
+    brush2.apply_btn = buttons_td.append("button").style("margin-left", "10px").text("Apply").attr("data-testid", "sjpp-tvsnumeric-range-apply").on("click", async () => {
+      try {
+        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;
+        validateNumericTvs(new_tvs);
+        self2.dom.tip.hide();
+        self2.opts.callback(new_tvs);
+      } catch (ex) {
+        alert(ex);
+      }
+    });
+    buttons_td.append("button").attr("class", "sja_filter_tag_btn sjpp_delete_btn").style("display", self2.num_obj.ranges.length > 1 ? "inline-block" : "none").style("margin-left", "10px").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 validateRangeInData(self, range) {
+  if (range.value != void 0) return;
+  const { min, max } = self.num_obj.density_data;
+  if (!Number.isFinite(min) || !Number.isFinite(max)) return;
+  const aboveMax = !range.startunbounded && (range.start > max || range.start == max && !range.startinclusive);
+  const belowMin = !range.stopunbounded && (range.stop < min || range.stop == min && !range.stopinclusive);
+  if (!aboveMax && !belowMin) return;
+  const sf = getValueConversionFactor(self.tvs.term);
+  const [minLabel, maxLabel] = [min, max].map((v) => roundValueAuto(v * sf));
+  throw `The range is outside of the data, which ranges from ${minLabel} to ${maxLabel}`;
+}
+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-G4QRB64M.js.map

package/dist/chunk-H7HTCD2Q.js

@@ -0,0 +1,55 @@
+import {
+  colorinframe
+} from "./chunk-3YQYWX4M.js";
+import {
+  IN_frame,
+  OUT_frame
+} from "./chunk-WJLRU5OF.js";
+
+// src/spliceevent.phrase.js
+function spliceevent_phrase_default(evt) {
+  const htmls = [];
+  if (evt.isaltexon || evt.isskipexon) {
+    const exonstart = Math.min(...evt.skippedexon);
+    const exonstop = Math.max(...evt.skippedexon);
+    htmls.push(
+      '<div style="display:inline-block">' + (exonstart == exonstop ? "exon " + (exonstart + 1) : "exons " + (exonstart + 1) + "-" + (exonstop + 1)) + " " + (evt.isaltexon ? "alternative usage" : "skipping") + "</div>"
+    );
+    if (evt.isaltexon) {
+      htmls.push(
+        "<div class=sja_tinylogo_body>" + evt.gmB.isoform + ", " + evt.gmA.isoform + "</div><div class=sja_tinylogo_head>ISOFORMS</div>"
+      );
+    } else {
+      htmls.push("<div class=sja_tinylogo_body>" + evt.gm.isoform + "</div><div class=sja_tinylogo_head>ISOFORM</div>");
+    }
+    if (evt.junctionB.data) {
+      htmls.push(
+        "<div class=sja_tinylogo_body>" + evt.junctionB.data.length + "</div><div class=sja_tinylogo_head>SAMPLE" + (evt.junctionB.data.length > 1 ? "S" : "") + "</div>"
+      );
+    }
+    htmls.push("<div class=sja_tinylogo_body>" + evt.percentage + " %</div><div class=sja_tinylogo_head>PERCENT</div>");
+    if (evt.framenocheck) {
+      if (evt.utr3) {
+        htmls.push(`<div class=sja_tinylogo_body style="background-color:#ededed">3' UTR</div>`);
+      } else if (evt.utr5) {
+        htmls.push(`<div class=sja_tinylogo_body style="background-color:#ededed">5' UTR</div>`);
+      }
+    } else if (evt.frame == IN_frame) {
+      htmls.push(
+        '<div class=sja_tinylogo_body style="background-color:' + colorinframe + ';color:white">IN</div><div class=sja_tinylogo_head>FRAME</div>'
+      );
+    } else if (evt.frame == OUT_frame) {
+      htmls.push("<div class=sja_tinylogo_body>OUT</div><div class=sja_tinylogo_head>FRAME</div>");
+    } else {
+      htmls.push("<div class=sja_tinylogo_body>?</div><div class=sja_tinylogo_head>FRAME</div>");
+    }
+  } else {
+    return "unknown event type!!";
+  }
+  return htmls.join(" ");
+}
+
+export {
+  spliceevent_phrase_default
+};
+//# sourceMappingURL=chunk-H7HTCD2Q.js.map

package/dist/chunk-HQNH2UX6.js

@@ -0,0 +1,194 @@
+import {
+  violinRenderer
+} from "./chunk-3YQYWX4M.js";
+import {
+  getValueConversionFactor
+} from "./chunk-W5J3LTYS.js";
+import {
+  linear
+} from "./chunk-4OLM3KSB.js";
+import {
+  drag_default
+} from "./chunk-5R63Q5KH.js";
+import {
+  pointer_default,
+  select_default
+} from "./chunk-I6Y4O3RR.js";
+
+// termsetting/handlers/NumericDensity.ts
+var NumericDensity = class {
+  constructor(opts) {
+    this.dom = {};
+    // WeakMap allows deletion of value when the object/DOM key is deleted,
+    // so better for avoiding memory leak
+    this.vrByDiv = /* @__PURE__ */ new WeakMap();
+    this.ranges = [];
+    this.no_density_data = false;
+    this.brushes = [];
+    this.plot_size = {
+      width: 500,
+      height: 100,
+      xpad: 10,
+      ypad: 20,
+      radius: 8
+    };
+    this.opts = opts;
+    this.termsetting = opts.termsetting;
+    this.tw = opts.termsetting.tw;
+  }
+  /* the boundary values exchanged with the bin/knot editors, and the domain of this.xscale, are in
+  	the term's user-facing unit; density_data is in the unit the values are stored in. only the two
+  	getters below cross that line, to put the plot's endpoints in the same unit as those values.
+  
+  	they multiply instead of calling toUserUnit(), which rounds: rounding is right for a number shown
+  	in an input, but a rounded domain endpoint distorts every scaled x by up to half of the last shown
+  	digit, and collapses the domain outright when the converted range is smaller than that (a stored
+  	range of under 2 days at scaleFactor=1/365.25). it would also disagree with violinRenderer, whose
+  	axis this plot's lines overlay and which scales its own domain unrounded */
+  get scaleFactor() {
+    return getValueConversionFactor(this.tw.term);
+  }
+  get displayMin() {
+    return this.density_data.min * this.scaleFactor;
+  }
+  get displayMax() {
+    return this.density_data.max * this.scaleFactor;
+  }
+  async setData() {
+    const self = this.termsetting;
+    const d = await self.vocabApi.getViolinBox(
+      {
+        plotType: "violin",
+        tw: { type: self.tw.type, term: self.term, q: self.q },
+        svgw: this.plot_size.width,
+        radius: this.plot_size.radius,
+        filter: self.filter
+      },
+      self.opts.getBodyParams?.()
+    );
+    if (d.error) throw d;
+    this.density_data = d;
+    return this.density_data;
+  }
+  async showViolin(div, boundaryOpts) {
+    await this.setData();
+    if (!this.vrByDiv.has(div)) {
+      div.style("padding", "5px").selectAll("*").remove();
+      const loadingDiv = div.append("div").style("padding", "10px").style("text-align", "center").html("Getting distribution data ...<br/>");
+      const densityDiv = div.append("div");
+      loadingDiv.remove();
+      const vr = new violinRenderer({
+        holder: densityDiv,
+        rd: this.density_data,
+        width: this.plot_size.width,
+        height: this.plot_size.height,
+        radius: this.plot_size.radius,
+        // axis ticks are labeled in the term's user-facing unit, e.g. years and not days
+        scaleFactor: this.scaleFactor
+      });
+      this.vrByDiv.set(div, vr);
+    }
+    this.vr = this.vrByDiv.get(div);
+    this.dom.svg = this.vr.svg;
+    this.vr.render();
+    if (boundaryOpts) await this.setBinLines(boundaryOpts);
+    return this.density_data;
+  }
+  async setBinLines(boundaryOpts) {
+    if (this.density_data.max == this.density_data.min) {
+      this.handleNoDensity();
+    } else {
+      if (this.dom.binsize_g) this.dom.binsize_g.selectAll("*").remove();
+      this.dom.binsize_g = this.dom.svg.append("g").attr("transform", `translate(${this.plot_size.xpad}, ${this.plot_size.ypad})`).attr("class", "binsize_g");
+      const maxvalue = this.displayMax;
+      const minvalue = this.displayMin;
+      this.xscale = linear().domain([minvalue, maxvalue]).range([this.plot_size.xpad, this.plot_size.width + this.plot_size.xpad]);
+      this.ranges = [];
+      this.brushes = [];
+      this.renderBinLines(boundaryOpts);
+    }
+  }
+  handleNoDensity() {
+    this.no_density_data = true;
+    this.ranges = [];
+    this.brushes = [];
+  }
+  renderBinLines(boundaryOpts) {
+    const { plot_size, tw, xscale, scaleFactor } = this;
+    if (!this.density_data) throw `Missing .density_data [density.ts, renderBinLines()]`;
+    const scaledMinX = Math.round(this.xscale(this.displayMin));
+    const scaledMaxX = Math.round(this.xscale(this.displayMax));
+    const lines = [];
+    for (const [index, v] of boundaryOpts.values.entries()) {
+      lines.push({ ...v, index, scaledX: Math.round(this.xscale(v.x)) });
+    }
+    const lastVisibleLine = lines.find((l) => l.isLastVisibleLine);
+    const lastVisibleScaledX = lastVisibleLine ? lastVisibleLine.scaledX : scaledMaxX;
+    const dragger = drag_default().on("drag", onDrag).on("end", onDrag);
+    this.dom.binsize_g.selectAll("line").remove();
+    this.dom.binsize_g.selectAll("line").data(lines).enter().append("line").style("stroke", (d) => d.isDraggable ? "#cc0000" : "#555").style("stroke-width", 1).attr("x1", (d) => d.scaledX).attr("y1", 0).attr("x2", (d) => d.scaledX).attr("y2", plot_size.height).style("cursor", (d) => d.isDraggable ? "ew-resize" : "").attr("display", (d) => !d.isDraggable && d.scaledX > lastVisibleScaledX ? "none" : "").on("mouseover", function(_, d) {
+      if (d.isDraggable) select_default(this).style("stroke-width", 3);
+    }).on("mouseout", function() {
+      select_default(this).style("stroke-width", 1);
+    }).each(function(d) {
+      if (d.isDraggable) select_default(this).call(dragger);
+    });
+    const lineElems = this.dom.binsize_g.node().querySelectorAll("line");
+    function toBoundaryValue(x) {
+      const inverted = xscale.invert(x);
+      return Number(
+        scaleFactor != 1 ? inverted.toFixed(2) : tw.term.type == "integer" ? Math.round(inverted) : inverted.toFixed(3)
+      );
+    }
+    function toLineValue(line) {
+      return line.draggedX === void 0 ? line.x : toBoundaryValue(line.draggedX);
+    }
+    function getNeighbors(d) {
+      const x = d.draggedX ?? d.scaledX;
+      let lower, upper;
+      for (const line of lines) {
+        if (line.index === d.index || !line.isDraggable) continue;
+        const lineX = line.draggedX ?? line.scaledX;
+        if (lineX <= x) {
+          if (!lower || lineX > (lower.draggedX ?? lower.scaledX)) lower = line;
+        } else if (!upper || lineX < (upper.draggedX ?? upper.scaledX)) upper = line;
+      }
+      return [lower, upper];
+    }
+    function onDrag(event, _d) {
+      const d = _d;
+      const [lower, upper] = getNeighbors(d);
+      const lowerX = Math.max(scaledMinX, lower ? lower.draggedX ?? lower.scaledX : scaledMinX);
+      const upperX = Math.min(scaledMaxX, upper ? upper.draggedX ?? upper.scaledX : scaledMaxX);
+      if (upperX - lowerX < 2) return;
+      const draggedX = Math.min(Math.max(pointer_default(event, this)[0], lowerX + 1), upperX - 1);
+      const value = toBoundaryValue(draggedX);
+      if (lower && value === toLineValue(lower)) return;
+      if (upper && value === toLineValue(upper)) return;
+      d.draggedX = draggedX;
+      select_default(this).attr("x1", d.draggedX).attr("y1", 0).attr("x2", d.draggedX).attr("y2", plot_size.height);
+      const lastVisibleScaledX2 = lastVisibleLine?.draggedX ?? lastVisibleLine?.scaledX ?? scaledMaxX;
+      const xOffset = d.draggedX - d.scaledX;
+      if (xOffset) {
+        for (const elem of lineElems) {
+          const c = elem.__data__;
+          if (c.movesWithLineIndex !== d.index) continue;
+          c.draggedX = c.scaledX + xOffset;
+          select_default(elem).attr("x1", c.draggedX).attr("x2", c.draggedX).style("display", c.draggedX >= lastVisibleScaledX2 ? "none" : "");
+        }
+        boundaryOpts.callback(d, value);
+      }
+    }
+  }
+  destroy() {
+    for (const [k, v] of Object.entries(this.dom)) {
+      delete this.dom[k];
+      if (typeof v.remove == "function") v.remove();
+    }
+  }
+};
+
+export {
+  NumericDensity
+};
+//# sourceMappingURL=chunk-HQNH2UX6.js.map