@sjcrh/proteinpaint-client 2.180.0 → 2.180.1

package/dist/chunk-CSHYN3WA.js

@@ -1,302 +0,0 @@
-import {
-  appear2 as appear,
-  axisstyle,
-  bwSetting,
-  disappear2 as disappear,
-  makeNumericAxisConfig,
-  rgb2hex
-} from "./chunk-EPGSHRD6.js";
-import {
-  dofetch3
-} from "./chunk-TF4BMI2M.js";
-import {
-  axisLeft
-} from "./chunk-LOZEKOES.js";
-import {
-  format,
-  linear
-} from "./chunk-733PDAIR.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-CSHYN3WA.js.map

package/dist/chunk-DHQHLBGH.js

@@ -1,205 +0,0 @@
-import {
-  DownloadMenu,
-  ListSamples,
-  filterJoin,
-  getFilterItemByTag,
-  renderTable
-} from "./chunk-EPGSHRD6.js";
-import {
-  niceNumLabels
-} from "./chunk-EAHT56LQ.js";
-import {
-  SINGLECELL_GENE_EXPRESSION
-} from "./chunk-IZ5H6KD4.js";
-
-// plots/violin.interactivity.js
-function setInteractivity(self) {
-  self.getChartImages = function() {
-    const charts = [];
-    for (const [key, chart] of Object.entries(self.data.charts)) {
-      const title = self.getChartTitle(chart.chartId);
-      const name = `${self.config.term.term.name}  ${title}`;
-      const chartDiv = chart.chartDiv;
-      charts.push({ name, svg: chartDiv.select("svg") });
-    }
-    return charts;
-  };
-  self.download = function(event) {
-    if (!self.state) return;
-    const name2svg = self.getChartImages();
-    const dm = new DownloadMenu(name2svg, self.config.term.term.name);
-    dm.show(event.clientX, event.clientY, event.target);
-  };
-  self.displayLabelClickMenu = function(t1, t2, plot, event) {
-    if (!t2) return;
-    if (self.config.term.term.type == SINGLECELL_GENE_EXPRESSION) return;
-    const label = t1.q.mode === "continuous" ? "term2" : "term";
-    const options = [];
-    if (this.app.getState().nav.header_mode !== "only_buttons")
-      options.push({
-        label: `Add filter: ${plot.label.split(",")[0]}`,
-        testid: "sjpp-violinLabOpt-addf",
-        callback: getAddFilterCallback(self, plot)
-      });
-    options.push({
-      label: `Hide: ${plot.label}`,
-      testid: "sjpp-violinLabOpt-hide",
-      callback: () => {
-        const term = self.config[label];
-        const isHidden = true;
-        self.app.dispatch({
-          type: "plot_edit",
-          id: self.id,
-          config: {
-            [label]: {
-              isAtomic: true,
-              term: term.term,
-              q: getUpdatedQfromClick(plot, term, isHidden)
-            }
-          }
-        });
-      }
-    });
-    if (self.state.displaySampleIds && self.state.hasVerifiedToken) {
-      options.push({
-        label: `List samples`,
-        testid: "sjpp-violinLabOpt-list",
-        callback: async () => {
-          const [start, end] = [self.data.min, self.data.max];
-          await self.callListSamples(event, plot, start, end);
-        }
-      });
-    }
-    self.displayMenu(event, options);
-  };
-  self.displayBrushMenu = function(t1, t2, self2, plot, event, scale, isH) {
-    const selection = event.selection;
-    const [start, end] = isH ? [scale.invert(selection[0]), scale.invert(selection[1])] : [scale.invert(selection[1]), scale.invert(selection[0])];
-    const options = [];
-    if (this.app.getState().nav.header_mode === "with_tabs")
-      options.push({
-        label: `Add filter`,
-        testid: "sjpp-violinBrushOpt-addf",
-        callback: getAddFilterCallback(self2, plot, start, end)
-      });
-    if (self2.state.displaySampleIds && self2.state.hasVerifiedToken) {
-      options.push({
-        label: `List samples`,
-        testid: "sjpp-violinBrushOpt-list",
-        callback: async () => self2.callListSamples(event.sourceEvent, plot, start, end)
-      });
-    }
-    self2.displayMenu(event.sourceEvent, options, start, end);
-  };
-  self.displayMenu = function(event, options, start, end) {
-    const tip = self.dom.clicktip.clear().show(event.clientX, event.clientY);
-    const isBrush = start != null && end != null;
-    if (isBrush) {
-      const [niceStart, niceEnd] = self.config.term.term.type == "integer" ? [Math.round(start), Math.round(end)] : niceNumLabels([start, end]);
-      tip.d.append("div").style("margin", "10px").text(`From ${niceStart} to ${niceEnd}`);
-    }
-    tip.d.append("div").selectAll("div").data(options).enter().append("div").attr("class", "sja_menuoption sja_sharp_border").attr("data-testid", (d) => d.testid).text((d) => d.label).on("click", async (event2, d) => {
-      if (event2.target._clicked) return;
-      event2.target._clicked = true;
-      event2.target.textContent = "Loading...";
-      await d.callback();
-      tip.hide();
-    });
-  };
-  self.getSampleList = function(plot, start, end) {
-    const configCopy = self.config;
-    const bins = self.data.bins;
-    const rangeStart = start !== void 0 ? start : null;
-    const rangeStop = end !== void 0 ? end : null;
-    const ls = new ListSamples({
-      app: self.app,
-      termfilter: self.state.termfilter,
-      term: configCopy.term,
-      term2: configCopy.term2,
-      term0: configCopy.term0,
-      plot,
-      bins,
-      start: rangeStart,
-      end: rangeStop
-    });
-    return ls;
-  };
-  self.callListSamples = async function(event, plot, start, end) {
-    const ls = self.getSampleList(plot, start, end);
-    const data = await ls.getData();
-    const [rows, columns] = ls.setTableData(data);
-    const tip = self.dom.sampletabletip;
-    tip.clear().show(event.clientX, event.clientY, false);
-    renderTable({
-      rows,
-      columns,
-      div: tip.d,
-      showLines: true,
-      maxHeight: "40vh",
-      resize: true,
-      dataTestId: "sjpp-listsampletable"
-    });
-  };
-  self.labelHideLegendClicking = function(t2, plot) {
-    self.dom.legendDiv.selectAll(".sjpp-htmlLegend").on("click", (event) => {
-      event.stopPropagation();
-      const d = event.target.__data__;
-      const termNum = t2?.term.type === "condition" || t2?.term.type === "samplelst" || t2?.term.type === "categorical" || (t2?.term.type === "float" || t2?.term.type === "integer") && self.config.term?.q.mode === "continuous" ? "term2" : "term";
-      const term = self.config[termNum];
-      if (t2) {
-        for (const key of Object.keys(term?.q?.hiddenValues)) {
-          if (d.text === key) {
-            delete term.q.hiddenValues[key];
-          }
-        }
-        const isHidden = false;
-        self.app.dispatch({
-          type: "plot_edit",
-          id: self.id,
-          config: {
-            [termNum]: {
-              isAtomic: true,
-              term: term.term,
-              q: getUpdatedQfromClick(plot, term, isHidden)
-            }
-          }
-        });
-      }
-    }).on("mouseover", (event) => {
-      const q = event.target.__data__;
-      if (q === void 0) return;
-      if (q.isHidden === true && q.isClickable === true) {
-        self.dom.hovertip.clear().show(event.clientX, event.clientY).d.append("span").text("Click to unhide plot");
-      }
-    }).on("mouseout", function() {
-      self.dom.hovertip.hide();
-    });
-  };
-}
-function getAddFilterCallback(self, plot, rangeStart, rangeStop) {
-  const ls = self.getSampleList(plot, rangeStart, rangeStop);
-  return () => {
-    const filterUiRoot = getFilterItemByTag(self.state.termfilter.filter, "filterUiRoot");
-    const filter = filterJoin([filterUiRoot, ls.tvslst]);
-    filter.tag = "filterUiRoot";
-    self.app.dispatch({
-      type: "filter_replace",
-      filter
-    });
-  };
-}
-function getUpdatedQfromClick(plot, term, isHidden = false) {
-  const label = plot.label;
-  const valueId = term?.term?.values ? term?.term?.values?.[label]?.label : label;
-  const id = !valueId ? label : valueId;
-  const q = term.q;
-  if (!q.hiddenValues) q.hiddenValues = {};
-  if (isHidden) q.hiddenValues[id] = 1;
-  else delete q.hiddenValues[id];
-  return q;
-}
-
-export {
-  setInteractivity
-};
-//# sourceMappingURL=chunk-DHQHLBGH.js.map