@sjcrh/proteinpaint-client 2.191.4 → 2.193.0

package/dist/chunk-LLX3NKB4.js

@@ -0,0 +1,148 @@
+import {
+  storeInit
+} from "./chunk-BO47H3VP.js";
+import {
+  recoverInit
+} from "./chunk-4KY4XKJV.js";
+import {
+  AppBase,
+  sayerror,
+  vocabInit
+} from "./chunk-L7VDSIM7.js";
+import {
+  importPlot
+} from "./chunk-UXDVUCXU.js";
+import {
+  Menu
+} from "./chunk-HYOEWQ5P.js";
+import {
+  AppApi
+} from "./chunk-M3J4MINX.js";
+
+// plots/plot.app.ts
+var PlotApp = class _PlotApp extends AppBase {
+  constructor(opts, api) {
+    super(opts);
+    this.components = {};
+    this.wasDestroyed = false;
+    this.api = api;
+    this.type = _PlotApp.type;
+    this.dom = this.getDom(opts);
+  }
+  static {
+    this.type = "app";
+  }
+  getDom(opts) {
+    const dom = {
+      holder: opts.holder,
+      errdiv: opts.holder.append("div"),
+      plotDiv: opts.holder.append("div")
+    };
+    const controls = opts.violin?.mode == "minimal" ? null : opts.holder.append("div").style("white-space", "nowrap");
+    if (controls) {
+      dom.plotControls = controls.append("div").style("display", "inline-block");
+      dom.recoverControls = controls.append("div").style("display", "inline-block");
+    }
+    return dom;
+  }
+  async preApiFreeze(api) {
+    try {
+      api.tip = new Menu({ padding: "5px" });
+      api.printError = (e) => this.printError(e);
+      const vocab = this.opts.state.vocab;
+      api.vocabApi = this.opts.vocabApi ? this.opts.vocabApi : await vocabInit({
+        app: api,
+        state: {
+          vocab: {
+            // either (genome + dslabel) XOR (terms) can be undefined
+            genome: vocab?.genome || this.opts.state.genome,
+            dslabel: vocab?.dslabel || this.opts.state.dslabel,
+            terms: vocab?.terms
+          }
+        },
+        fetchOpts: this.opts.fetchOpts
+      });
+      this.opts.state.vocab = api.vocabApi.vocab;
+    } catch (e) {
+      console.log(`preApiFreeze error`, e);
+      throw e;
+    }
+  }
+  async init() {
+    try {
+      this.opts.state.nav = { header_mode: "hidden" };
+      this.store = await storeInit({ app: this.api, state: this.opts.state });
+      this.state = await this.store.copyState();
+      this.components = {
+        plots: {}
+      };
+      if (this.opts.app?.features?.includes("recover"))
+        this.components.recover = await recoverInit({
+          app: this.api,
+          holder: this.dom.recoverControls,
+          // TODO: ???? may limit the tracked state to only the filter, activeCohort ???
+          getState: (appState) => appState,
+          //reactsTo: action => true, //action.type != 'plot_edit' || action.type == 'app_refresh',
+          maxHistoryLen: 10
+        });
+      if (this.opts.app?.doNotAwaitInitRender) {
+        this.api.dispatch();
+      } else {
+        await this.api.dispatch();
+      }
+    } catch (e) {
+      this.printError(e);
+      throw e;
+    }
+  }
+  async main() {
+    this.api.vocabApi.main();
+    for (const id in this.components.plots) {
+      const plot = this.components.plots[id];
+      if (!this.state.plots.find((p) => p.id === plot.id)) {
+        plot.destroy();
+        delete this.components.plots[id];
+      }
+    }
+    for (const plot of this.state.plots.values()) {
+      if (plot.parentId) continue;
+      if (!this.components.plots[plot.id]) {
+        const holder = this.opts?.app?.getPlotHolder ? this.opts.app.getPlotHolder(plot, this.dom.holder) : this.dom.holder.append("div");
+        if (!this.dom.plotDiv) this.dom.plotDiv = holder;
+        const { componentInit } = await importPlot(plot.chartType);
+        const plotApi = await componentInit({
+          id: plot.id,
+          app: this.api,
+          holder,
+          controls: this.dom.plotControls
+        });
+        this.components.plots[plot.id] = plotApi;
+      }
+    }
+  }
+  printError(e) {
+    sayerror(this.dom.errdiv, "Error: " + (e.message || e));
+    if (e.stack) console.log(e.stack);
+    this.bus.emit("error");
+  }
+  skipPrevActionAbort(action) {
+    if (!action) return false;
+    if (action.type.startsWith("filter")) return false;
+    if (action.type.startsWith("cohort")) return false;
+    if (action.type == "app_refresh") {
+      if (action.subactions) {
+        return action.subactions.find((a) => a.type.startsWith("filter") || a.type.startsWith("cohort")) ? false : true;
+      }
+    }
+    return true;
+  }
+  destroy() {
+    if (this.dom?.holder) this.dom.holder.selectAll("*").remove();
+  }
+};
+var appInit = AppApi.getInitFxn(PlotApp);
+
+export {
+  appInit
+};
+//# sourceMappingURL=chunk-LLX3NKB4.js.map

package/dist/chunk-LQJMCE7G.js

@@ -0,0 +1,467 @@
+import {
+  axisLeft,
+  axisTop
+} from "./chunk-LOZEKOES.js";
+import {
+  format,
+  linear,
+  log
+} from "./chunk-SOTB4FRE.js";
+import {
+  select_default
+} from "./chunk-I6Y4O3RR.js";
+
+// plots/bars.renderer.js
+var formatter = format("d");
+function barsRenderer(barsapp, holder) {
+  holder.selectAll("*").remove();
+  const hm = {}, computed = {};
+  const emptyObj = {};
+  let chart;
+  let chartTitle;
+  let svg, mainG, series, collabels, rowlabels;
+  let axisG, yAxis, yTitle, yLine, xAxis, xTitle, xLine;
+  let currCell, currRects, currRowTexts, currColTexts;
+  let defaults;
+  let currserieses = [];
+  let prevBox;
+  function main(_chart) {
+    let prevOrientation = hm.orientation;
+    chart = _chart;
+    Object.assign(hm, chart.settings);
+    hm.handlers = chart.handlers;
+    hm.cols = hm.cols.filter((colId) => hm.colLabels.find((d) => d.id == colId));
+    hm.rows = hm.rows?.filter((d) => !hm.exclude.rows.includes(d)) || [];
+    const nosvg = !svg;
+    if (nosvg) init(_chart);
+    const unadjustedColw = hm.colw;
+    currserieses = chart.visibleSerieses;
+    currserieses.map(setIds);
+    chart.serieses.map(setIds);
+    setDimensions();
+    _chart.name = hm.handlers.chart.title(chart);
+    chartTitle.style("width", hm.svgw + 100 + "px").style("font-size", "1.1em").style("margin-bottom", "24px").html(_chart.name);
+    if (nosvg) {
+      svg.attr("height", 0).attr("width", 0).style("opacity", 0);
+      mainG.attr("transform", "translate(" + hm.rowlabelw + ",0)");
+    }
+    const s = series.attr("transform", seriesGrpTransform).selectAll(".bars-cell-grp").data(currserieses, seriesBindKey);
+    s.exit().each(seriesExit);
+    s.each(seriesUpdate);
+    s.enter().append("g").each(seriesEnter);
+    const c = collabels.attr("transform", colLabelsTransform).style("opacity", prevOrientation != hm.orientation ? 1e-4 : 1).style("display", hm.orientation != "vertical" ? "none" : "").selectAll("g").data(hm.colLabels, (d) => d.id);
+    c.exit().remove();
+    c.each(updateColLabel);
+    c.enter().append("g").each(addColLabel);
+    const r = rowlabels.attr("transform", rowLabelsTransform).style("opacity", prevOrientation != hm.orientation ? 1e-4 : 1).style("display", hm.orientation != "horizontal" ? "none" : "").selectAll("g").data(hm.colLabels, (d) => d.id);
+    r.exit().remove();
+    r.each(updateRowLabel);
+    r.enter().append("g").each(addRowLabel);
+    currRects = series.selectAll("rect");
+    currColTexts = collabels.selectAll("text");
+    hm.delay = 0.35 * hm.duration;
+    renderAxes(hm, prevOrientation, chart.visibleTotal);
+    hm.colw = unadjustedColw;
+    if (prevOrientation != hm.orientation) {
+      const labels = hm.orientation == "vertical" ? collabels : rowlabels;
+      labels.transition().duration(1500).style("opacity", 1);
+    }
+    if (nosvg) {
+      svg.transition().duration(100).attr("height", 1).attr("width", 1).style("opacity", 1);
+    }
+    setTimeout(
+      () => {
+        const extraPad = 20;
+        const currBox = mainG.node().getBBox();
+        const bbox = !prevBox || currBox.width ? currBox : prevBox;
+        prevBox = bbox;
+        svg.transition().duration(currBox.width ? 100 : 0).attr("width", bbox.width + extraPad).attr("height", bbox.height + extraPad);
+        if (hm.orientation == "vertical") {
+          const cbox = collabels.node().getBBox();
+          const ytbox = yTitle.node().getBBox();
+          const xoffset = Math.max(-cbox.x, -ytbox.x, -bbox.x);
+          mainG.transition().duration(currBox.width ? 100 : 0).attr("transform", "translate(" + xoffset + "," + -extraPad + ")");
+        } else {
+          const rbox = rowlabels.node().getBBox();
+          const ytbox = yTitle.node().getBBox();
+          const xtbox = xTitle.node().getBBox();
+          mainG.transition().duration(currBox.width ? 100 : 0).attr("transform", "translate(" + Math.max(-rbox.x, -ytbox.x) + "," + -xtbox.y + ")");
+        }
+      },
+      nosvg ? 110 : 510
+    );
+  }
+  function init(_chart) {
+    defaults = {
+      geneonrow: hm.geneonrow,
+      nicenames: {},
+      colw: hm.geneonrow ? Math.min(15, Math.max(1, Math.floor(document.body.clientWidth * 0.7 / hm.cols.length))) : 20,
+      rowh: hm.geneonrow ? 20 : Math.min(18, Math.max(10, Math.floor(document.body.clientHeight * 0.7 / hm.rows.length))),
+      rowspace: hm.geneonrow ? 2 : hm.rows.length > 100 ? 0 : 1,
+      colspace: !hm.geneonrow ? 2 : hm.cols.length > 100 ? 0 : 1,
+      rowtick: 8,
+      coltick: 5,
+      rowlabtickspace: 4,
+      collabtickspace: 4,
+      collabelh: 150,
+      rowlabelw: 250,
+      rowheadleft: true,
+      colheadtop: false,
+      samplecount4gene: true,
+      samplecount4legend: false,
+      showgrid: true,
+      gridstroke: "#fff",
+      showEmptyCells: false,
+      cellbg: "#eeeeee",
+      fontsizeratio: 0.9,
+      rowlabelfontsizemax: 16,
+      collabelfontsizemax: 12,
+      crudefill: hm.colw <= 2,
+      duration: 1e3,
+      delay: 0
+    };
+    for (let key in defaults) {
+      if (!(key in hm) || key == "cols" || key == "rows") hm[key] = defaults[key];
+    }
+    if (!svg) {
+      chartTitle = holder.append("div").attr("class", "pp-chart-title").style("text-align", "center");
+      svg = holder.append("svg").attr("class", "pp-bars-svg").style("overflow", "visible").on("mouseover.tphm2", hm.handlers.svg.mouseover).on("mouseout.tphm2", hm.handlers.svg.mouseout).on("click.tphm2", hm.handlers.svg.click);
+      _chart.svg = svg;
+    }
+    mainG = svg.append("g").attr("class", "sjpcb-bars-mainG").attr("data-testid", "sjpcb-bars-mainG");
+    hm.h.svg = svg;
+    hm.h.mainG = mainG;
+    collabels = mainG.append("g").attr("class", "bars-collabels").style("cursor", hm.handlers.barLabel.click ? "pointer" : "").on("mouseover.tphm2", colLabelMouseover).on("mouseout.tphm2", colLabelMouseout).on("click.tphm2", hm.handlers.barLabel.click);
+    rowlabels = mainG.append("g").attr("class", "bars-rowlabels").attr("data-testid", "sjpcb-bars-rowlabels").style("cursor", hm.handlers.barLabel.click ? "pointer" : "").on("mouseover.tphm2", colLabelMouseover).on("mouseout.tphm2", colLabelMouseout).on("click.tphm2", hm.handlers.barLabel.click);
+    series = mainG.append("g").attr("class", "bars-series").attr("data-testid", "sjpcb-bars-series").on("mouseover.tphm2", seriesMouseOver).on("mouseout.tphm2", seriesMouseOut).on("click", seriesClick).style("cursor", "pointer");
+    axisG = mainG.append("g").attr("class", "sjpcb-bar-chart-axis-g");
+    yAxis = axisG.append("g").attr("class", "sjpcb-bar-chart-y-axis");
+    yLine = axisG.append("line").attr("class", "sjpcb-bar-chart-y-line").style("stroke", "#000");
+    yTitle = axisG.append("g").attr("class", "sjpcb-bar-chart-y-title").style("cursor", "default");
+    xAxis = axisG.append("g").attr("class", "sjpcb-bar-chart-x-axis");
+    xLine = axisG.append("line").attr("class", "sjpcb-bar-chart-x-line").style("stroke", "#000");
+    xTitle = axisG.append("g").attr("class", "sjpcb-bar-chart-x-title").style("cursor", "default");
+  }
+  function setDimensions() {
+    const maxChartsPerRow = hm.numCharts < 4 ? hm.numCharts : hm.numCharts % 3 == 0 ? 3 : 2;
+    const spacing = hm.cols.length * hm.colspace + (hm.colgrps.length - 1) * hm.colgspace + hm.rowlabelw + hm.rowgrplabelw;
+    if (hm.orientation == "horizontal") {
+      hm.svgw = hm.plotLength + hm.rowlabelw;
+      hm.rowh = Math.max(14, Math.min(22, 0.7 * window.innerHeight / hm.cols.length));
+      hm.svgh = hm.cols.length * (hm.rowh + hm.colspace) - hm.colspace + (hm.colgrps.length - 1) * hm.colgspace + hm.rowlabelw + hm.rowgrplabelw;
+    } else {
+      const maxSvgw = window.innerWidth * 0.92 / maxChartsPerRow;
+      hm.colw = Math.min(Math.max(16, Math.round((maxSvgw - spacing) / hm.cols.length)), 30);
+      hm.svgw = hm.cols.length * (hm.colw + hm.colspace) - hm.colspace + (hm.colgrps.length - 1) * hm.colgspace + hm.rowlabelw + hm.rowgrplabelw;
+      hm.svgh = hm.plotLength + hm.rowlabelw;
+    }
+    chart.svgh = hm.svgh;
+    hm.h.yScale = {};
+    hm.h.xScale = {};
+    hm.h.yPrevBySeries = {};
+    hm.h.xPrevBySeries = {};
+    const ratio = hm.scale == "byChart" ? 1 : chart.maxVisibleSeriesTotal / chart.maxVisibleAcrossCharts;
+    for (const series2 of currserieses) {
+      if (series2.visibleData[0]) {
+        const min = 0;
+        const max = hm.unit == "pct" ? series2.visibleTotal : hm.unit == "log" ? chart.maxSeriesLogTotal : chart.maxVisibleSeriesTotal;
+        hm.h.yScale[series2.seriesId] = linear().domain([min, max / ratio]).range([0, hm.svgh - hm.collabelh]);
+        hm.h.xScale[series2.seriesId] = linear().domain([min, max / ratio]).range([0, hm.svgw - hm.rowlabelw]);
+        hm.h.yPrevBySeries[series2.seriesId] = 0;
+        hm.h.xPrevBySeries[series2.seriesId] = 0;
+        for (const data of series2.visibleData) {
+          data.height = getRectHeight(data);
+          data.y = getRectY(data);
+          data.x = getRectX(data);
+          data.width = getRectWidth(data);
+        }
+      }
+    }
+    computed.colfontsize = Math.min(hm.colw * hm.fontsizeratio, hm.collabelfontsizemax);
+    computed.rowfontsize = Math.min(hm.rowh * hm.fontsizeratio, hm.rowlabelfontsizemax);
+    computed.rowtextyalign = Math.min(hm.rowh, (hm.rowh + computed.rowfontsize) / 2) + hm.rowspace;
+  }
+  function setIds(series2) {
+    if (!("seriesId" in series2)) {
+      series2.data.map((data) => {
+        if (data) series2.seriesId = data[hm.serieskey];
+      });
+    }
+    series2.data.map((d) => {
+      d.rowId = d[hm.rowkey];
+      d.colId = d[hm.colkey];
+    });
+  }
+  function seriesBindKey(series2) {
+    return series2.seriesId;
+  }
+  function cellKey(d) {
+    return d.rowId + " " + d.colId;
+  }
+  function seriesExit() {
+    select_default(this).remove();
+  }
+  function seriesUpdate(series2) {
+    const g = select_default(this).selectAll(".bars-cell").data(series2.data.filter(filterData), cellKey);
+    g.exit().each(function() {
+      select_default(this).remove();
+    });
+    g.style("display", (d) => {
+      return hm.cols.includes(d.colId) ? "block" : "none";
+    });
+    g.select("rect").datum((d) => d).transition().duration(hm.duration).attr("x", (d) => d.x).attr("y", (d) => d.y).attr("width", (d) => d.width).attr("height", (d) => d.height).attr("fill", hm.handlers.series.rectFill).attr("stroke", hm.handlers.series.strokeFill);
+    g.enter().append("g").each(addCell);
+    g.selectAll("text").remove();
+    addAsterisks(g);
+  }
+  function seriesEnter(series2) {
+    if (!series2 || !series2.data.length) return;
+    select_default(this).attr("class", "bars-cell-grp").selectAll("g").data(series2.data.filter(filterData), cellKey).enter().append("g").each(addCell);
+  }
+  function filterData(d) {
+    return hm.rows.includes(d.dataId);
+  }
+  function addCell(d) {
+    const g = select_default(this).attr("class", "bars-cell").datum(d);
+    g.style("display", (d2) => {
+      return hm.cols.includes(d2.colId) ? "block" : "none";
+    });
+    g.append("rect").attr("x", (d2) => d2.x).attr("y", (d2) => d2.y).attr("width", (d2) => d2.width).attr("height", (d2) => d2.height).attr("fill", hm.handlers.series.rectFill).attr("stroke", hm.handlers.series.strokeFill).attr("shape-rendering", "crispEdges").style("opacity", 0).transition().delay(hm.delay).duration(hm.duration).style("opacity", 1);
+    addPercent(g, d);
+    addAsterisks(g);
+  }
+  function addPercent(g, d) {
+    if (!barsapp.config.term2 && barsapp.config.settings.barchart.showPercent) {
+      const x = hm.orientation == "horizontal" ? d.x + d.width + 8 : d.x + 4;
+      const y = hm.orientation == "horizontal" ? d.y + d.height * 0.7 : d.y - 4;
+      const percent = d.seriesTotal / d.chartTotal * 100;
+      g.append("g").attr("transform", `translate(${x}, ${y})`).append("text").style("font-size", "0.8em").text(`${percent.toFixed(0)}%`);
+    }
+  }
+  function addAsterisks(g) {
+    if (!barsapp.config.settings.barchart.asterisksVisible) {
+      return;
+    }
+    g.append("text").text((d) => {
+      const test = d.groupPvalues && d.groupPvalues.term2tests.find((x) => x.term2id == d.dataId);
+      if (!test || test.skipped) return "";
+      if (barsapp.config.settings.barchart.multiTestingCorr) {
+        return test.adjusted_p_value < 0.05 ? "*" : "";
+      } else return test.pvalue < 0.05 ? "*" : "";
+    }).attr("x", (d) => d.x + d.width / 2).attr("y", (d) => d.y + d.height / 2).attr("dy", "0.6em").style("text-anchor", "middle").style("opacity", 0).transition().delay(hm.delay).duration(hm.duration).style("opacity", 1);
+  }
+  function seriesGrpTransform() {
+    const x = hm.colspace;
+    let y = hm.colheadtop ? hm.collabelh : hm.colgrplabelh;
+    if (hm.legendontop) y += hm.legendh;
+    return "translate(" + x + "," + y + ")";
+  }
+  function getRectHeight(d) {
+    const total = hm.unit == "log" ? d.logTotal : d.total;
+    const height = hm.orientation == "vertical" ? hm.h.yScale[d.seriesId](total) : hm.rowh;
+    const rowspace = 0;
+    hm.h.yPrevBySeries[d.seriesId] += height + rowspace;
+    return Math.max(1, height - rowspace);
+  }
+  function getRectY(d) {
+    const grpoffset = hm.colgrps.indexOf(d[hm.colgrpkey]) * hm.colgspace;
+    const h = hm.unit == "log" ? Math.max(0, hm.h.yPrevBySeries[d.seriesId]) : hm.h.yPrevBySeries[d.seriesId];
+    return hm.orientation == "vertical" ? hm.svgh - hm.collabelh - h : hm.cols.indexOf(d.colId) * (hm.rowh + hm.rowspace) + grpoffset;
+  }
+  function getRectWidth(d) {
+    const total = hm.unit == "log" ? d.logTotal : d.total;
+    const width = hm.orientation == "vertical" ? hm.colw : hm.h.xScale[d.seriesId](total);
+    const colspace = 0;
+    hm.h.xPrevBySeries[d.seriesId] += Math.max(1, width + colspace);
+    return Math.max(1, width - colspace);
+  }
+  function getRectX(d) {
+    const grpoffset = hm.colgrps.indexOf(d[hm.colgrpkey]) * hm.colgspace;
+    return hm.orientation == "vertical" ? hm.cols.indexOf(d.colId) * (hm.colw + hm.colspace) + grpoffset : hm.h.xPrevBySeries[d.seriesId];
+  }
+  function colLabelsTransform() {
+    let x = 5 + hm.colspace;
+    let y = hm.colheadtop ? (
+      /*hm.collabelh -*/
+      hm.borderwidth + 1
+    ) : hm.svgh - hm.collabelh + 25;
+    if (hm.legendontop) y += hm.legendh;
+    return "translate(" + x + "," + y + ")";
+  }
+  function colLabelTransform(d) {
+    const grp = hm.col2name[d] ? hm.col2name[d].grp : "";
+    const x = hm.colgrps.indexOf(grp) * hm.colgspace + hm.cols.indexOf("id" in d ? d.id : d) * (hm.colw + hm.colspace) + hm.colw / 2;
+    const y = hm.colheadtop ? -1 * (hm.coltick + hm.collabtickspace) : hm.coltick + hm.collabtickspace;
+    return "translate(" + x + "," + y + ")";
+  }
+  function addColLabel(d) {
+    if (!this || d === void 0) return;
+    const g = select_default(this).attr("transform", colLabelTransform).style("opacity", 0);
+    g.append("text").attr("transform", "rotate(-40)").attr("y", 2).attr("text-anchor", "end").attr("font-size", computed.colfontsize + "px").html(hm.handlers.barLabel.text);
+    g.transition().delay(hm.delay).duration(hm.duration).style("opacity", 1);
+  }
+  function updateColLabel(d) {
+    const g = select_default(this).datum(d);
+    g.attr("transform", colLabelTransform);
+    g.selectAll("text").datum(d).attr("y", 2).attr("text-anchor", "end").attr("font-size", computed.colfontsize + "px").html(hm.handlers.barLabel.text);
+  }
+  function rowLabelsTransform() {
+    const y = hm.colheadtop ? hm.collabelh : hm.colgrplabelh;
+    const x = hm.rowheadleft ? (
+      /*hm.collabelh -*/
+      hm.borderwidth + 1
+    ) : hm.svgw - hm.rowlabelw + 20;
+    return "translate(" + x + "," + y + ")";
+  }
+  function rowLabelTransform(d) {
+    const grp = hm.row2name[d] ? hm.row2name[d].grp : "";
+    const y = hm.colgrps.indexOf(grp) * hm.rowgspace + hm.cols.indexOf("id" in d ? d.id : d) * (hm.rowh + hm.rowspace) + computed.rowtextyalign;
+    const x = hm.rowheadleft ? -1 * (hm.rowtick + hm.rowlabtickspace) : hm.rowtick + hm.rowlabtickspace;
+    return "translate(" + x + "," + y + ")";
+  }
+  function addRowLabel(d) {
+    if (!this || d === void 0) return;
+    const g = select_default(this).attr("transform", rowLabelTransform).style("opacity", 0);
+    g.append("text").attr("x", 2).attr("text-anchor", "end").attr("font-size", computed.rowfontsize + "px").html(hm.handlers.barLabel.text);
+    g.transition().delay(hm.delay).duration(hm.duration).style("opacity", 1);
+  }
+  function updateRowLabel(d) {
+    const g = select_default(this).datum(d);
+    g.attr("transform", rowLabelTransform);
+    g.selectAll("text").datum(d).attr("x", 2).attr("text-anchor", "end").attr("font-size", computed.rowfontsize + "px").html(hm.handlers.barLabel.text);
+  }
+  function rowTextWeight(d) {
+    return d == currCell.rowId ? 700 : "";
+  }
+  function rowTextSize(d) {
+    return d == currCell.rowId ? Math.max(12, computed.rowfontsize) : computed.rowfontsize;
+  }
+  function rowTextColor(d) {
+    return d == currCell.rowId ? "#00f" : "";
+  }
+  function colTextWeight(d) {
+    return d == currCell.colId ? 700 : "";
+  }
+  function colTextSize(d) {
+    return d == currCell.colId ? 12 : computed.colfontsize;
+  }
+  function colTextColor(d) {
+    return d == currCell.colId ? "#00f" : "";
+  }
+  function renderAxes(hm2, prevOrientation, visibleTotal) {
+    axisG.style("opacity", prevOrientation != hm2.orientation ? 0 : 1).transition().duration(1500).style("opacity", 1);
+    if (hm2.orientation == "vertical") {
+      renderAxesOnVertical(hm2, visibleTotal);
+    } else {
+      renderAxesOnHorizontal(hm2, visibleTotal);
+    }
+  }
+  function renderAxesOnVertical(s, visibleTotal) {
+    xAxis.style("display", "none");
+    yLine.style("display", "none");
+    const colLabelBox = collabels.node().getBBox();
+    xTitle.selectAll("*").remove();
+    const xLabel = hm.handlers.xAxis.text(visibleTotal);
+    xTitle.append("text").style("text-anchor", "middle").style("font-size", s.axisTitleFontSize + "px").style("font-weight", 600).text(xLabel);
+    setTimeout(() => {
+      xTitle.attr(
+        "transform",
+        "translate(" + (s.svgw - s.svgPadding.left - s.svgPadding.right - s.rowlabelw) / 2 + "," + (colLabelBox.height + hm.svgh - hm.collabelh + 20 + s.axisTitleFontSize) + ")"
+      );
+    }, 0);
+    const range = [s.colgrplabelh, s.svgh - s.collabelh + s.colgrplabelh - s.borderwidth + 1];
+    yAxis.style("display", "block").call(getAxisScale(axisLeft, range, true));
+    yTitle.selectAll("*").remove();
+    const h = s.svgh - s.collabelh;
+    yTitle.style("font-weight", 600).attr("transform", "translate(" + (-s.svgPadding.left - s.axisTitleFontSize) + "," + h / 2 + ")rotate(-90)").append("text").style("text-anchor", "middle").style("font-size", s.axisTitleFontSize + "px").attr("data-testid", "sjpp-massbarchart-vertical-charttitle").text(hm.handlers.yAxis.text(visibleTotal));
+  }
+  function renderAxesOnHorizontal(s, visibleTotal) {
+    yAxis.style("display", "none");
+    xLine.style("display", "none");
+    yTitle.selectAll("*").remove();
+    const yLabel = hm.handlers.yAxis.text(visibleTotal);
+    yTitle.append("text").style("text-anchor", "end").style("font-size", s.axisTitleFontSize + "px").style("font-weight", 600).text(yLabel);
+    setTimeout(() => {
+      yTitle.style("text-anchor", "end").attr(
+        "transform",
+        "translate(0,0)"
+      );
+    }, 0);
+    const range = [0, s.svgw - s.rowlabelw];
+    let y = s.colheadtop ? s.collabelh - 2 : s.colgrplabelh - 2;
+    if (s.legendontop) y += s.legendh;
+    xAxis.style("display", "block").attr("transform", "translate(2.5," + y + ")").call(getAxisScale(axisTop, range));
+    xTitle.selectAll("*").remove();
+    const w = s.svgw - s.rowlabelw;
+    xTitle.attr("transform", "translate(" + w / 2 + ",0)").append("text").style("text-anchor", "middle").style("font-size", s.axisTitleFontSize + "px").style("font-weight", 600).attr("data-testid", "sjpp-massbarchart-horizontal-charttitle").text(hm.handlers.xAxis.text(visibleTotal));
+  }
+  function getAxisScale(axisGenerator, range, reverseDomain = false) {
+    const ratio = hm.scale == "byChart" || hm.clickedAge ? 1 : chart.maxVisibleSeriesTotal / chart.maxVisibleAcrossCharts;
+    const min = hm.unit == "log" ? 1 : 0;
+    const max = hm.unit == "pct" ? 100 : chart.maxVisibleSeriesTotal;
+    const domain = [min, max / ratio];
+    if (reverseDomain) domain.reverse();
+    const scale = hm.unit == "log" ? log() : linear();
+    scale.domain(domain).range(range);
+    const tickFormatter = hm.unit == "log" ? (v) => formatter(Math.pow(10, v)) : formatter;
+    if (hm.unit == "log") {
+      const values = [1];
+      for (let i = 1; i < Math.log10(max); i++) {
+        values.push(Math.pow(10, i));
+      }
+      return axisGenerator(scale).tickValues(values).tickFormat(formatter);
+    } else {
+      return axisGenerator(scale).ticks(5).tickFormat(formatter);
+    }
+  }
+  function seriesMouseOver(event) {
+    const t = event.target.tagName == "tspan" ? event.target.parentNode : event.target;
+    const d = t.__data__;
+    if (d && (t.tagName == "rect" || t.nodeName == "text")) {
+      currCell = d;
+      currColTexts.attr("font-weight", colTextWeight).attr("font-size", colTextSize).style("fill", colTextColor);
+    } else {
+      currCell = emptyObj;
+      currRowTexts.attr("font-weight", rowTextWeight).attr("font-size", rowTextSize).style("fill", rowTextColor);
+      currColTexts.attr("font-weight", colTextWeight).attr("font-size", colTextSize).style("fill", colTextColor);
+    }
+    hm.handlers.series.mouseover(event, d);
+  }
+  function seriesMouseOut(event) {
+    event.stopPropagation();
+    currColTexts.attr("font-weight", "").attr("font-size", computed.colfontsize).style("fill", "");
+    currCell = emptyObj;
+    if (hm.handlers.series.mouseout) hm.handlers.series.mouseout(event);
+  }
+  function colLabelMouseover(event) {
+    const d = event.target.__data__;
+    if (!d) return;
+    const r = hm.col2name["id" in d ? d.id : d];
+    const cell = { colId: r.name };
+    cell[hm.colkey] = r.name;
+    cell[hm.colgrpkey] = r.grp;
+    if (hm.handlers.barLabel.mouseover) hm.handlers.barLabel.mouseover(event);
+  }
+  function colLabelMouseout(event) {
+    currCell = emptyObj;
+    if (hm.handlers.barLabel.mouseout) hm.handlers.barLabel.mouseout(event);
+  }
+  function seriesClick(event) {
+    const d = event.target.__data__;
+    barsapp.handlers.series.click(event, d);
+  }
+  main.hm = hm;
+  main.styles = () => {
+    const styles = {};
+    for (const key in defaults) {
+      styles[key] = hm[key];
+    }
+    return styles;
+  };
+  return main;
+}
+
+export {
+  barsRenderer
+};
+//# sourceMappingURL=chunk-LQJMCE7G.js.map

package/dist/chunk-LSWU6EAQ.js

@@ -0,0 +1,31 @@
+import {
+  IN_frame,
+  OUT_frame
+} from "./chunk-7KRS7L4U.js";
+
+// src/spliceevent.exonskip.getdefault.js
+function spliceevent_exonskip_getdefault_default(events) {
+  let evt2showidx = 0;
+  for (let i = 1; i < events.length; i++) {
+    const e = events[i];
+    const e2show = events[evt2showidx];
+    if (e.isskipexon && e2show.isaltexon) {
+      evt2showidx = i;
+      continue;
+    }
+    if (e.frame == OUT_frame && e2show.framenocheck) {
+      evt2showidx = i;
+      continue;
+    }
+    if (e.frame == IN_frame && e2show.frame != IN_frame) {
+      evt2showidx = i;
+      continue;
+    }
+  }
+  return evt2showidx;
+}
+
+export {
+  spliceevent_exonskip_getdefault_default
+};
+//# sourceMappingURL=chunk-LSWU6EAQ.js.map