@sjcrh/proteinpaint-client 2.182.0 → 2.183.0

package/dist/chunk-F6V4AYWP.js

@@ -1,177 +0,0 @@
-import {
-  decimalPlacesUntilFirstNonZero
-} from "./chunk-5OHXYXLD.js";
-import {
-  basis_default,
-  line_default
-} from "./chunk-IH7ILDJS.js";
-import {
-  axisTop
-} from "./chunk-LOZEKOES.js";
-import {
-  linear
-} from "./chunk-OAWQ6LOO.js";
-import {
-  brushX
-} from "./chunk-SEEYV6P2.js";
-import {
-  rgb
-} from "./chunk-OMR2DT66.js";
-
-// dom/numericRangeInput.ts
-var NumericRangeInput = class {
-  constructor(holder, range, callback, opts) {
-    this.input = holder.append("input").attr("name", "rangeInput").attr("aria-label", "Leave blank for the allowed minimum value").style("width", opts?.width || "250px").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 = parseRange(str);
-    if (this.range?.min != void 0) {
-      if (!new_range.startunbounded && this.range?.min > new_range.start) throw "Invalid start value < minimum allowed";
-      if (!new_range.stopunbounded && this.range?.min >= new_range.stop) throw "Invalid stop value >= minimum allowed";
-    }
-    if (this.range?.max != void 0) {
-      if (!new_range.stopunbounded && this.range?.max < new_range.stop) throw "Invalid stop value > maximum allowed";
-      if (!new_range.startunbounded && new_range.start >= this.range?.max)
-        throw "Invalid start value >= maximum allowed";
-    }
-    this.range = new_range;
-    this.callback(new_range);
-    return new_range;
-  }
-  getRange() {
-    return this.range;
-  }
-  setRange(range) {
-    if (!range) range = this.range;
-    else this.range = range;
-    if (!range) return;
-    const start = range.start != void 0 ? `${range.start} <=` : "";
-    const stop = range.stop != void 0 ? `<= ${range.stop}` : "";
-    this.input.node().value = range.value != void 0 ? ` x=${range.value} ` : `${start} x ${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}'`;
-  }
-}
-
-// dom/violinRenderer.js
-var violinRenderer = class {
-  constructor({
-    holder,
-    rd,
-    radius = 10,
-    width = 500,
-    height = 100,
-    shiftx = 20,
-    shifty = 20,
-    callback = null,
-    scaleFactor = 1
-  }) {
-    this.holder = holder;
-    this.rd = rd;
-    this.vd = rd.charts?.[""]?.plots?.[0];
-    if (!this.vd) throw "No density plot data to render.";
-    this.width = width;
-    this.height = height;
-    this.radius = radius;
-    this.callback = callback;
-    this.shiftx = shiftx;
-    this.shifty = shifty;
-    this.svg = holder.append("svg").attr("width", `${width + 50}px`).attr("height", `${height + 50}px`);
-    this.axisScale = linear().domain([rd.min, rd.max]).range([0, width]);
-    this.axisScaleUI = linear().domain([rd.min * scaleFactor, rd.max * scaleFactor]).range([0, width]);
-    this.wScale = linear().domain([this.vd.density.densityMax, this.vd.density.densityMin]).range([height * 0.45, 0]);
-  }
-  render() {
-    this.svg.selectAll("*").remove();
-    this.violinG = this.svg.append("g").attr("transform", `translate(${this.shiftx}, ${this.height / 2 + this.shifty})`);
-    this.brushG = this.svg.append("g").attr("transform", `translate(${this.shiftx}, ${this.shifty})`);
-    this.scaleG = this.svg.append("g").attr("transform", `translate(${this.shiftx}, ${this.shifty})`);
-    this.scaleG.call(axisTop(this.axisScaleUI).tickValues(this.axisScaleUI.ticks()));
-    this.renderArea(false);
-    this.renderArea(true);
-    if (this.vd.src) {
-      this.violinG.append("image").classed("sjpp-beans-img", true).attr("xlink:href", this.vd.src).attr("transform", `translate(0, -${this.radius / 2})`).attr("width", this.width);
-    }
-    if (this.callback)
-      this.svg.append("g").call(
-        brushX().extent([
-          [this.shiftx, this.shifty],
-          [this.width + this.shiftx, this.height + this.shifty]
-        ]).on("end", async (event) => {
-          const selection = event.selection;
-          if (!selection) return;
-          const range_start = this.axisScale.invert(selection[0] - this.shiftx);
-          const range_end = this.axisScale.invert(selection[1] - this.shiftx);
-          this.callback({ range_start, range_end });
-        })
-      );
-  }
-  renderArea(invert) {
-    if (this.vd.densityMax == 0) return;
-    const areaBuilder = line_default().curve(basis_default).x((d) => this.axisScale(d.x0)).y((d) => invert ? -this.wScale(d.density) : this.wScale(d.density));
-    const color = this.vd.color || "#dddddd";
-    this.violinG.append("path").style("fill", color).style("opacity", 0).attr("stroke", rgb(color).darker()).attr("stroke-width", 1).attr("stroke-linejoin", "round").style("opacity", "0.8").attr("d", areaBuilder(this.vd.density.bins));
-  }
-};
-
-// dom/niceNumLabels.ts
-function niceNumLabels(nums) {
-  const sorted = nums.sort((a, b) => a - b);
-  const abs = Math.abs(sorted[0] - sorted[sorted.length - 1]);
-  const zeroDecimalNum = decimalPlacesUntilFirstNonZero(abs);
-  const decimals2Show = abs >= 10 ? 0 : abs >= 1 ? 1 : zeroDecimalNum + 2;
-  return nums.map((num) => {
-    if (Math.abs(num) < 1 && decimals2Show == 0) return Number(num.toPrecision(1));
-    return Number(num.toFixed(decimals2Show));
-  });
-}
-
-export {
-  NumericRangeInput,
-  violinRenderer,
-  niceNumLabels
-};
-//# sourceMappingURL=chunk-F6V4AYWP.js.map

package/dist/chunk-FBAJTPBU.js

@@ -1,302 +0,0 @@
-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