@sjcrh/proteinpaint-client 2.181.0 → 2.183.0

package/dist/chunk-HWHG63LH.js

@@ -0,0 +1,148 @@
+import {
+  NumericModes
+} from "./chunk-6ITDJ5UR.js";
+
+// plots/proteomeAbundance.js
+function renderAssayAndCohortRadios({
+  holder,
+  assays,
+  selectedProteomeDetails,
+  onChange,
+  assayTitle = "Assay Type",
+  cohortTitle = "Cohort"
+}) {
+  const assayEntries = Object.entries(assays || {});
+  if (!assayEntries.length) {
+    holder.append("div").attr("class", "sja_sharp_border").style("padding", "8px").text("No proteome assays available.");
+    return {
+      getSelected: () => ({ assay: void 0, cohort: void 0 })
+    };
+  }
+  const initialProteomeDetails = selectedProteomeDetails || {};
+  const assayRadioName = `sjpp-proteome-assay-${Math.random().toString().slice(-6)}`;
+  const cohortRadioName = `sjpp-proteome-cohort-${Math.random().toString().slice(-6)}`;
+  let selectedAssay = assays[initialProteomeDetails.assay] ? initialProteomeDetails.assay : assayEntries[0][0];
+  let selectedCohort = initialProteomeDetails.cohort;
+  holder.append("div").style("margin", "3px 5px").style("padding", "3px 5px").style("font-weight", 600).text(assayTitle);
+  const assayListDiv = holder.append("div").style("margin-bottom", "10px");
+  holder.append("div").style("margin", "3px 5px").style("padding", "3px 5px").style("font-weight", 600).text(cohortTitle);
+  const cohortListDiv = holder.append("div");
+  for (const [assayKey] of assayEntries) {
+    const assayLabel = assayListDiv.append("label").attr("class", "sja_sharp_border").style("display", "block").style("cursor", "pointer").style("padding", "6px 8px").style("border-radius", "4px");
+    assayLabel.append("input").attr("type", "radio").attr("name", assayRadioName).attr("value", assayKey).property("checked", assayKey === selectedAssay).style("margin-right", "6px").on("change", () => {
+      selectedAssay = assayKey;
+      selectedCohort = void 0;
+      renderCohortOptions();
+      onChange?.({ assay: selectedAssay, cohort: selectedCohort });
+    });
+    assayLabel.append("span").text(assayKey);
+  }
+  renderCohortOptions();
+  onChange?.({ assay: selectedAssay, cohort: selectedCohort });
+  return {
+    getSelected: () => ({ assay: selectedAssay, cohort: selectedCohort })
+  };
+  function renderCohortOptions() {
+    cohortListDiv.selectAll("*").remove();
+    const cohorts = Object.keys(assays[selectedAssay]?.cohorts || {});
+    if (!cohorts.length) {
+      selectedCohort = void 0;
+      cohortListDiv.append("div").attr("class", "sja_sharp_border").style("padding", "8px").text("No cohorts available.");
+      return;
+    }
+    if (!selectedCohort || !assays[selectedAssay]?.cohorts?.[selectedCohort]) {
+      selectedCohort = cohorts.includes(initialProteomeDetails.cohort) ? initialProteomeDetails.cohort : cohorts[0];
+    }
+    for (const cohortKey of cohorts) {
+      const cohortLabel = cohortListDiv.append("label").attr("class", "sja_sharp_border").style("display", "block").style("cursor", "pointer").style("padding", "6px 8px").style("border-radius", "4px");
+      cohortLabel.append("input").attr("type", "radio").attr("name", cohortRadioName).attr("value", cohortKey).property("checked", cohortKey === selectedCohort).style("margin-right", "6px").on("change", () => {
+        selectedCohort = cohortKey;
+        onChange?.({ assay: selectedAssay, cohort: selectedCohort });
+      });
+      cohortLabel.append("span").text(cohortKey);
+    }
+  }
+}
+function makeChartBtnMenu(holder, chartsInstance) {
+  chartsInstance.dom.tip.clear();
+  const assays = chartsInstance.state.termdbConfig?.queries?.proteome?.assays || {};
+  const menuDiv = holder.append("div");
+  let selectedProteomeDetails;
+  let launchOption;
+  const syncLaunchButtonState = () => {
+    if (!launchOption) return;
+    if (selectedProteomeDetails?.cohort) launchOption.style("opacity", 1).style("pointer-events", "auto");
+    else launchOption.style("opacity", 0.5).style("pointer-events", "none");
+  };
+  renderAssayAndCohortRadios({
+    holder: menuDiv,
+    assays,
+    onChange: (proteomeDetails) => {
+      selectedProteomeDetails = proteomeDetails;
+      syncLaunchButtonState();
+    }
+  });
+  launchOption = menuDiv.append("button").attr("class", "sjpp_apply_btn sja_filter_tag_btn sja_sharp_border").style("display", "block").style("margin", "10px auto 10px").text("Select Protein").on("click", () => {
+    if (!selectedProteomeDetails?.cohort) return;
+    const { assay, cohort } = selectedProteomeDetails;
+    const assayCohortTitle = `${assay}: ${cohort}`;
+    const chart = {
+      label: "Protein Abundance",
+      chartType: "proteomeAbundance",
+      usecase: {
+        target: "proteomeAbundance",
+        detail: "term",
+        proteomeDetails: { assay, cohort },
+        label: `Assay: ${assay}; Cohort: ${cohort}`
+      },
+      processSelection: (termlst) => termlst,
+      updateActionBySelectedTerms: (action, termlst) => {
+        action.config.assayCohortTitle = assayCohortTitle;
+        const { assay: assay2, cohort: cohort2 } = selectedProteomeDetails;
+        action.config.proteomeDetails = { assay: assay2, cohort: cohort2 };
+        const cohortSelected = chartsInstance.state.termdbConfig.queries.proteome.assays[assay2].cohorts[cohort2];
+        if (cohortSelected.filter) action.config.filter = toTvslstFilter(cohortSelected.filter);
+        const twlst = termlst.map((term) => {
+          const t = structuredClone(term);
+          t.proteomeDetails = { assay: assay2, cohort: cohort2 };
+          return { term: t, q: { mode: NumericModes.continuous } };
+        });
+        if (twlst.length == 1) {
+          action.config.chartType = "summary";
+          action.config.term = twlst[0];
+          if (cohortSelected.overlayTerm)
+            action.config.term2 = { term: structuredClone(cohortSelected.overlayTerm), q: {} };
+          return;
+        }
+        if (twlst.length == 2) {
+          action.config.chartType = "summary";
+          action.config.term = twlst[0];
+          action.config.term2 = twlst[1];
+          return;
+        }
+        action.config.chartType = "hierCluster";
+        action.config.dataType = "proteomeAbundance";
+        action.config.termgroups = [{ name: "Protein Abundance Cluster", lst: twlst, type: "hierCluster" }];
+      }
+    };
+    chartsInstance.dom.tip.clear();
+    chartsInstance.showTree_selectlst(chart);
+  });
+  syncLaunchButtonState();
+}
+function toTvslstFilter(filterConfig) {
+  if (filterConfig && Array.isArray(filterConfig) && filterConfig.length)
+    return {
+      type: "tvslst",
+      in: true,
+      join: filterConfig.length > 1 ? "and" : "",
+      lst: filterConfig.map((tvs) => ({ type: "tvs", tvs }))
+    };
+}
+
+export {
+  renderAssayAndCohortRadios,
+  makeChartBtnMenu,
+  toTvslstFilter
+};
+//# sourceMappingURL=chunk-HWHG63LH.js.map

package/dist/chunk-HWHG63LH.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../plots/proteomeAbundance.js"],
+  "sourcesContent": ["import { NumericModes } from '#shared/terms.js'\n\nexport function renderAssayAndCohortRadios({\n\tholder,\n\tassays,\n\tselectedProteomeDetails,\n\tonChange,\n\tassayTitle = 'Assay Type',\n\tcohortTitle = 'Cohort'\n}) {\n\tconst assayEntries = Object.entries(assays || {})\n\tif (!assayEntries.length) {\n\t\tholder.append('div').attr('class', 'sja_sharp_border').style('padding', '8px').text('No proteome assays available.')\n\t\treturn {\n\t\t\tgetSelected: () => ({ assay: undefined, cohort: undefined })\n\t\t}\n\t}\n\n\tconst initialProteomeDetails = selectedProteomeDetails || {}\n\n\tconst assayRadioName = `sjpp-proteome-assay-${Math.random().toString().slice(-6)}`\n\tconst cohortRadioName = `sjpp-proteome-cohort-${Math.random().toString().slice(-6)}`\n\n\tlet selectedAssay = assays[initialProteomeDetails.assay] ? initialProteomeDetails.assay : assayEntries[0][0]\n\tlet selectedCohort = initialProteomeDetails.cohort\n\n\tholder.append('div').style('margin', '3px 5px').style('padding', '3px 5px').style('font-weight', 600).text(assayTitle)\n\tconst assayListDiv = holder.append('div').style('margin-bottom', '10px')\n\n\tholder\n\t\t.append('div')\n\t\t.style('margin', '3px 5px')\n\t\t.style('padding', '3px 5px')\n\t\t.style('font-weight', 600)\n\t\t.text(cohortTitle)\n\tconst cohortListDiv = holder.append('div')\n\n\tfor (const [assayKey] of assayEntries) {\n\t\tconst assayLabel = assayListDiv\n\t\t\t.append('label')\n\t\t\t.attr('class', 'sja_sharp_border')\n\t\t\t.style('display', 'block')\n\t\t\t.style('cursor', 'pointer')\n\t\t\t.style('padding', '6px 8px')\n\t\t\t.style('border-radius', '4px')\n\n\t\tassayLabel\n\t\t\t.append('input')\n\t\t\t.attr('type', 'radio')\n\t\t\t.attr('name', assayRadioName)\n\t\t\t.attr('value', assayKey)\n\t\t\t.property('checked', assayKey === selectedAssay)\n\t\t\t.style('margin-right', '6px')\n\t\t\t.on('change', () => {\n\t\t\t\tselectedAssay = assayKey\n\t\t\t\tselectedCohort = undefined\n\t\t\t\trenderCohortOptions()\n\t\t\t\tonChange?.({ assay: selectedAssay, cohort: selectedCohort })\n\t\t\t})\n\t\tassayLabel.append('span').text(assayKey)\n\t}\n\n\trenderCohortOptions()\n\tonChange?.({ assay: selectedAssay, cohort: selectedCohort })\n\n\treturn {\n\t\tgetSelected: () => ({ assay: selectedAssay, cohort: selectedCohort })\n\t}\n\n\tfunction renderCohortOptions() {\n\t\tcohortListDiv.selectAll('*').remove()\n\t\tconst cohorts = Object.keys(assays[selectedAssay]?.cohorts || {})\n\t\tif (!cohorts.length) {\n\t\t\tselectedCohort = undefined\n\t\t\tcohortListDiv\n\t\t\t\t.append('div')\n\t\t\t\t.attr('class', 'sja_sharp_border')\n\t\t\t\t.style('padding', '8px')\n\t\t\t\t.text('No cohorts available.')\n\t\t\treturn\n\t\t}\n\n\t\tif (!selectedCohort || !assays[selectedAssay]?.cohorts?.[selectedCohort]) {\n\t\t\tselectedCohort = cohorts.includes(initialProteomeDetails.cohort) ? initialProteomeDetails.cohort : cohorts[0]\n\t\t}\n\n\t\tfor (const cohortKey of cohorts) {\n\t\t\tconst cohortLabel = cohortListDiv\n\t\t\t\t.append('label')\n\t\t\t\t.attr('class', 'sja_sharp_border')\n\t\t\t\t.style('display', 'block')\n\t\t\t\t.style('cursor', 'pointer')\n\t\t\t\t.style('padding', '6px 8px')\n\t\t\t\t.style('border-radius', '4px')\n\t\t\tcohortLabel\n\t\t\t\t.append('input')\n\t\t\t\t.attr('type', 'radio')\n\t\t\t\t.attr('name', cohortRadioName)\n\t\t\t\t.attr('value', cohortKey)\n\t\t\t\t.property('checked', cohortKey === selectedCohort)\n\t\t\t\t.style('margin-right', '6px')\n\t\t\t\t.on('change', () => {\n\t\t\t\t\tselectedCohort = cohortKey\n\t\t\t\t\tonChange?.({ assay: selectedAssay, cohort: selectedCohort })\n\t\t\t\t})\n\n\t\t\tcohortLabel.append('span').text(cohortKey)\n\t\t}\n\t}\n}\n\nexport function makeChartBtnMenu(holder, chartsInstance) {\n\tchartsInstance.dom.tip.clear()\n\tconst assays = chartsInstance.state.termdbConfig?.queries?.proteome?.assays || {}\n\tconst menuDiv = holder.append('div')\n\n\tlet selectedProteomeDetails\n\tlet launchOption\n\n\tconst syncLaunchButtonState = () => {\n\t\tif (!launchOption) return\n\t\tif (selectedProteomeDetails?.cohort) launchOption.style('opacity', 1).style('pointer-events', 'auto')\n\t\telse launchOption.style('opacity', 0.5).style('pointer-events', 'none')\n\t}\n\n\trenderAssayAndCohortRadios({\n\t\tholder: menuDiv,\n\t\tassays,\n\t\tonChange: proteomeDetails => {\n\t\t\tselectedProteomeDetails = proteomeDetails\n\t\t\tsyncLaunchButtonState()\n\t\t}\n\t})\n\n\tlaunchOption = menuDiv\n\t\t.append('button')\n\t\t.attr('class', 'sjpp_apply_btn sja_filter_tag_btn sja_sharp_border')\n\t\t.style('display', 'block')\n\t\t.style('margin', '10px auto 10px')\n\t\t.text('Select Protein')\n\t\t.on('click', () => {\n\t\t\tif (!selectedProteomeDetails?.cohort) return\n\t\t\tconst { assay, cohort } = selectedProteomeDetails\n\t\t\tconst assayCohortTitle = `${assay}: ${cohort}`\n\t\t\tconst chart = {\n\t\t\t\tlabel: 'Protein Abundance',\n\t\t\t\tchartType: 'proteomeAbundance',\n\t\t\t\tusecase: {\n\t\t\t\t\ttarget: 'proteomeAbundance',\n\t\t\t\t\tdetail: 'term',\n\t\t\t\t\tproteomeDetails: { assay, cohort },\n\t\t\t\t\tlabel: `Assay: ${assay}; Cohort: ${cohort}`\n\t\t\t\t},\n\t\t\t\tprocessSelection: termlst => termlst,\n\t\t\t\tupdateActionBySelectedTerms: (action, termlst) => {\n\t\t\t\t\taction.config.assayCohortTitle = assayCohortTitle\n\t\t\t\t\tconst { assay, cohort } = selectedProteomeDetails\n\t\t\t\t\taction.config.proteomeDetails = { assay, cohort }\n\t\t\t\t\tconst cohortSelected = chartsInstance.state.termdbConfig.queries.proteome.assays[assay].cohorts[cohort]\n\t\t\t\t\tif (cohortSelected.filter) action.config.filter = toTvslstFilter(cohortSelected.filter)\n\t\t\t\t\tconst twlst = termlst.map(term => {\n\t\t\t\t\t\tconst t = structuredClone(term)\n\t\t\t\t\t\tt.proteomeDetails = { assay, cohort }\n\t\t\t\t\t\treturn { term: t, q: { mode: NumericModes.continuous } }\n\t\t\t\t\t})\n\n\t\t\t\t\tif (twlst.length == 1) {\n\t\t\t\t\t\taction.config.chartType = 'summary'\n\t\t\t\t\t\taction.config.term = twlst[0]\n\t\t\t\t\t\tif (cohortSelected.overlayTerm)\n\t\t\t\t\t\t\taction.config.term2 = { term: structuredClone(cohortSelected.overlayTerm), q: {} }\n\t\t\t\t\t\treturn\n\t\t\t\t\t}\n\t\t\t\t\tif (twlst.length == 2) {\n\t\t\t\t\t\taction.config.chartType = 'summary'\n\t\t\t\t\t\taction.config.term = twlst[0]\n\t\t\t\t\t\taction.config.term2 = twlst[1]\n\t\t\t\t\t\treturn\n\t\t\t\t\t}\n\n\t\t\t\t\taction.config.chartType = 'hierCluster'\n\t\t\t\t\taction.config.dataType = 'proteomeAbundance'\n\t\t\t\t\taction.config.termgroups = [{ name: 'Protein Abundance Cluster', lst: twlst, type: 'hierCluster' }]\n\t\t\t\t}\n\t\t\t}\n\t\t\tchartsInstance.dom.tip.clear()\n\t\t\tchartsInstance.showTree_selectlst(chart)\n\t\t})\n\n\tsyncLaunchButtonState()\n}\n\nexport function toTvslstFilter(filterConfig) {\n\tif (filterConfig && Array.isArray(filterConfig) && filterConfig.length)\n\t\treturn {\n\t\t\ttype: 'tvslst',\n\t\t\tin: true,\n\t\t\tjoin: filterConfig.length > 1 ? 'and' : '',\n\t\t\tlst: filterConfig.map(tvs => ({ type: 'tvs', tvs }))\n\t\t}\n}\n"],
+  "mappings": "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",
+  "names": ["assay", "cohort"]
+}

package/dist/chunk-HYZG6OPC.js

@@ -0,0 +1,467 @@
+import {
+  axisLeft,
+  axisTop
+} from "./chunk-LOZEKOES.js";
+import {
+  format,
+  linear,
+  log
+} from "./chunk-OAWQ6LOO.js";
+import {
+  select_default
+} from "./chunk-NDWTN4U5.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-HYZG6OPC.js.map