@sjcrh/proteinpaint-client 2.200.0 → 2.201.0

package/dist/plot.2dvaf-MYFQSWIA.js

@@ -0,0 +1,377 @@
+import {
+  axisstyle,
+  font,
+  make_table_2col
+} from "./chunk-K6OVOHIZ.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-XFAL46LZ.js";
+import "./chunk-HQAJVJCQ.js";
+import {
+  Menu
+} from "./chunk-HYOEWQ5P.js";
+import "./chunk-6QCYT6G2.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-IIT367QZ.js";
+import "./chunk-RZGEKL77.js";
+import "./chunk-ZFJUVP2N.js";
+import "./chunk-R3ARQMM4.js";
+import "./chunk-4USLEUNR.js";
+import "./chunk-4WF3XDQP.js";
+import "./chunk-X6VTVZY7.js";
+import "./chunk-M3J4MINX.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-L44P5N4U.js";
+import "./chunk-GEQUQ3GG.js";
+import "./chunk-WPHUM5S5.js";
+import "./chunk-75T7ESEO.js";
+import "./chunk-2KXLYFAO.js";
+import {
+  axisBottom,
+  axisLeft,
+  axisRight
+} from "./chunk-LOZEKOES.js";
+import "./chunk-VQZ2Z5YU.js";
+import {
+  linear
+} from "./chunk-UJELJXJG.js";
+import "./chunk-FXQXCOII.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-5R63Q5KH.js";
+import "./chunk-I6Y4O3RR.js";
+import "./chunk-Q5RDQNIT.js";
+import "./chunk-DQC5FFGV.js";
+import "./chunk-HFNDKYVF.js";
+
+// src/old/plot.2dvaf.js
+var gray = "#999";
+var centercolor = "#d95f02";
+var xcolor = "#7570b3";
+var ycolor = "#1b9e77";
+var rectfill = "#f3f3f3";
+var dotstrokeopacity = 0.9;
+function plot_2dvaf(data, cfg, holder) {
+  if (cfg.individualcategories) {
+    for (const d of data) {
+      const value = d[cfg.individualcategories.categorykey];
+      if (value && cfg.individualcategories.categories[value]) {
+        d.color = cfg.individualcategories.categories[value].color;
+      }
+    }
+  }
+  const ik = cfg.individualkey;
+  {
+    const div = holder.append("div").style("margin", "5px 10px 10px 30px");
+    const s = /* @__PURE__ */ new Set();
+    for (const d of data) {
+      s.add(d[ik]);
+    }
+    div.append("div").text(s.size + " " + ik + (s.size > 1 ? "s" : ""));
+    if (cfg.individualcategories) {
+      for (const k in cfg.individualcategories.categories) {
+        const s2 = /* @__PURE__ */ new Set();
+        for (const d of data) {
+          const ikname = d[ik];
+          if (!ikname) continue;
+          if (d[cfg.individualcategories.categorykey] == k) {
+            s2.add(ikname);
+          }
+        }
+        const row = div.append("div").style("margin", "5px");
+        row.append("div").style("display", "inline-block").attr("class", "sja_mcdot").style("background-color", cfg.individualcategories.categories[k].color).style("padding", "1px 3px").text(s2.size).style("margin-right", "5px");
+        row.append("span").text(cfg.individualcategories.categories[k].label || k).style("color", cfg.individualcategories.categories[k].color);
+      }
+    }
+  }
+  const tip = new Menu({ border: "none", padding: "0px" });
+  const mouseover = (s, x, y) => {
+    if (circle_yleft) {
+      circle_yleft.filter((d) => d[ik] == s[ik]).attr("fill-opacity", 0.5);
+    }
+    if (circle_yright) {
+      circle_yright.filter((d) => d[ik] == s[ik]).attr("fill-opacity", 0.5);
+    }
+    circle_xdp.filter((d) => d[ik] == s[ik]).attr("fill-opacity", 0.5);
+    circle_center.filter((d) => d[ik] == s[ik]).attr("fill-opacity", 0.5);
+    tip.show(x, y);
+    tip.clear();
+    const lst = [
+      { k: ik, v: s[ik] },
+      {
+        k: cfg.xsampletype,
+        v: s.sampletypes[cfg.xsampletype].vaf.toFixed(2) + ", " + s.sampletypes[cfg.xsampletype].total
+      }
+    ];
+    if (cfg.individualcategories) {
+      const v = s[cfg.individualcategories.categorykey];
+      if (v && cfg.individualcategories.categories[v]) {
+        lst.push({
+          k: cfg.individualcategories.categorylabel || cfg.individualcategories.categorykey,
+          v: cfg.individualcategories.categories[v].label || v
+        });
+      }
+    }
+    if (s.sampletypes[cfg.yleftsampletype]) {
+      lst.push({
+        k: cfg.yleftsampletype,
+        v: s.sampletypes[cfg.yleftsampletype].vaf.toFixed(2) + ", " + s.sampletypes[cfg.yleftsampletype].total
+      });
+    }
+    if (s.sampletypes[cfg.yrightsampletype]) {
+      lst.push({
+        k: cfg.yrightsampletype,
+        v: s.sampletypes[cfg.yrightsampletype].vaf.toFixed(2) + ", " + s.sampletypes[cfg.yrightsampletype].total
+      });
+    }
+    make_table_2col(tip.d, lst);
+  };
+  const mouseout = (s) => {
+    tip.hide();
+    if (circle_yleft) {
+      circle_yleft.filter((d) => d[ik] == s[ik]).attr("fill-opacity", 0);
+    }
+    if (circle_yright) {
+      circle_yright.filter((d) => d[ik] == s[ik]).attr("fill-opacity", 0);
+    }
+    circle_xdp.filter((d) => d[ik] == s[ik]).attr("fill-opacity", 0);
+    circle_center.filter((d) => d[ik] == s[ik]).attr("fill-opacity", 0);
+  };
+  let xwidth = 300;
+  let yheight = 300;
+  let marksize;
+  let xvafheight = 80;
+  let yvafwidth = 80;
+  let xdpheight = 100;
+  let ydpheight = 100;
+  let sp = 10;
+  let sp2 = 10;
+  let toppad = 10;
+  let rightpad = 10;
+  let radius = 8;
+  let fontsize = 12;
+  let ticksize = 6;
+  let maxdp_x = 0;
+  let maxdp_yleft = 0;
+  let maxdp_yright = 0;
+  for (const d of data) {
+    maxdp_x = Math.max(maxdp_x, d.sampletypes[cfg.xsampletype].total);
+    if (d.sampletypes[cfg.yleftsampletype]) {
+      maxdp_yleft = Math.max(maxdp_yleft, d.sampletypes[cfg.yleftsampletype].total);
+    }
+    if (d.sampletypes[cfg.yrightsampletype]) {
+      maxdp_yright = Math.max(maxdp_yleft, d.sampletypes[cfg.yrightsampletype].total);
+    }
+  }
+  let maxvaf = 1;
+  let minvaf = 0;
+  const scalevaf_x = linear().domain([minvaf, maxvaf]);
+  const scalevaf_y = linear().domain([minvaf, maxvaf]);
+  const scaledp_x = linear().domain([0, maxdp_x]);
+  let scaledp_yleft;
+  let scaledp_yright;
+  if (maxdp_yleft) {
+    scaledp_yleft = linear().domain([0, maxdp_yleft]);
+  }
+  if (maxdp_yright) {
+    scaledp_yright = linear().domain([0, maxdp_yright]);
+  }
+  const svg = holder.append("svg").style("margin", "10px");
+  let axevaf_yleft, axisvaf_yleft, yleftlabg, yleftlab;
+  if (maxdp_yleft) {
+    axevaf_yleft = svg.append("g");
+    axisvaf_yleft = axevaf_yleft.append("g");
+    yleftlabg = axevaf_yleft.append("g");
+    yleftlab = yleftlabg.append("text").attr("transform", "rotate(-90)").text(cfg.yleftsampletype + " VAF").attr("font-family", font).attr("fill", ycolor).attr("text-anchor", "middle").attr("dominant-baseline", "central");
+  }
+  let axevaf_yright, axisvaf_yright, yrightlabg, yrightlab;
+  if (maxdp_yright) {
+    axevaf_yright = svg.append("g");
+    axisvaf_yright = axevaf_yright.append("g");
+    yrightlabg = axevaf_yright.append("g");
+    yrightlab = yrightlabg.append("text").attr("transform", "rotate(-90)").text(cfg.yrightsampletype + " VAF").attr("font-family", font).attr("fill", ycolor).attr("text-anchor", "middle").attr("dominant-baseline", "central");
+  }
+  const axe_xvaf = svg.append("g");
+  const axis_xvaf = axe_xvaf.append("g");
+  const xlab = axe_xvaf.append("text").text(cfg.xsampletype + " VAF").attr("font-family", font).attr("fill", xcolor).attr("text-anchor", "middle");
+  let axedp_yleft, rectdp_yleft, midlinedp_yleft, axisdp_yleft, dotg_yleft, circle_yleft;
+  if (maxdp_yleft) {
+    axedp_yleft = svg.append("g");
+    rectdp_yleft = axedp_yleft.append("rect").attr("fill", rectfill);
+    midlinedp_yleft = axedp_yleft.append("line").attr("stroke", "white").attr("stroke-width", 2);
+    axisdp_yleft = axedp_yleft.append("g");
+    dotg_yleft = axedp_yleft.append("g").selectAll().data(data.filter((d) => d.sampletypes[cfg.yleftsampletype])).enter().append("g");
+    circle_yleft = dotg_yleft.append("circle").attr("fill", (d) => d.color || ycolor).attr("fill-opacity", 0).attr("stroke", (d) => d.color || ycolor).attr("stroke-opacity", dotstrokeopacity).on("mouseover", (event, d) => mouseover(d, event.clientX, event.clientY)).on("mouseout", mouseout);
+  }
+  let axedp_yright, rectdp_yright, midlinedp_yright, axisdp_yright, dotg_yright, circle_yright;
+  if (maxdp_yright) {
+    axedp_yright = svg.append("g");
+    rectdp_yright = axedp_yright.append("rect").attr("fill", rectfill);
+    midlinedp_yright = axedp_yleft.append("line").attr("stroke", "white").attr("stroke-width", 2);
+    axisdp_yright = axedp_yright.append("g");
+    dotg_yright = axedp_yright.append("g").selectAll().data(data.filter((d) => d.sampletypes[cfg.yrightsampletype])).enter().append("g");
+    circle_yright = dotg_yright.append("rect").attr("fill", (d) => d.color || ycolor).attr("fill-opacity", 0).attr("stroke", (d) => d.color || ycolor).attr("stroke-opacity", dotstrokeopacity).on("mouseover", (event, d) => mouseover(d, event.clientX, event.clientY)).on("mouseout", mouseout);
+  }
+  const axe_xdp = svg.append("g");
+  const rect_xdp = axe_xdp.append("rect").attr("fill", rectfill);
+  const midlinedp_x = axe_xdp.append("line").attr("stroke", "white").attr("stroke-width", 2);
+  const dplab = axe_xdp.append("text").text("Coverage").attr("text-anchor", "end").attr("dominant-baseline", "central").attr("font-family", font).attr("fill", gray);
+  const axis_xdp = axe_xdp.append("g");
+  const dotg_xdp = axe_xdp.append("g").selectAll().data(data).enter().append("g");
+  const circle_xdp = dotg_xdp.append("circle").attr("fill", (d) => d.color || xcolor).attr("fill-opacity", 0).attr("stroke", (d) => d.color || xcolor).attr("stroke-opacity", dotstrokeopacity).on("mouseover", (event, d) => mouseover(d, event.clientX, event.clientY)).on("mouseout", mouseout);
+  const plotg_center = svg.append("g");
+  const rect_center = plotg_center.append("rect").attr("fill", rectfill);
+  const midline_xcenter = plotg_center.append("line").attr("stroke", "white").attr("stroke-width", 2);
+  const midline_ycenter = plotg_center.append("line").attr("stroke", "white").attr("stroke-width", 2);
+  const dotg_center = plotg_center.append("g").selectAll().data(data).enter().append("g");
+  const circle_center = dotg_center.append("circle").attr("fill", (d) => d.color || centercolor).attr("fill-opacity", 0).attr("stroke", (d) => d.color || centercolor).attr("stroke-opacity", dotstrokeopacity).on("mouseover", (event, d) => mouseover(d, event.clientX, event.clientY)).on("mouseout", mouseout);
+  const render = () => {
+    xvafheight = ticksize + fontsize + 10 + fontsize * 2;
+    yvafwidth = ticksize + fontsize * 2 + 10 + fontsize * 2;
+    sp = radius * 2;
+    sp2 = ticksize + fontsize + radius + 10;
+    scalevaf_x.range([0, xwidth]);
+    scalevaf_y.range([0, -yheight]);
+    scaledp_x.range([0, xdpheight]);
+    if (scaledp_yleft) {
+      scaledp_yleft.range([0, -ydpheight]);
+    }
+    if (scaledp_yright) {
+      scaledp_yright.range([0, ydpheight]);
+    }
+    if (axevaf_yleft) {
+      axevaf_yleft.attr("transform", "translate(" + yvafwidth + "," + (toppad + yheight) + ")");
+      yleftlabg.attr("transform", "translate(-" + (yvafwidth - fontsize) + ",-" + yheight / 2 + ")");
+      yleftlab.attr("font-size", fontsize * 2);
+    }
+    if (axevaf_yright) {
+      axevaf_yright.attr(
+        "transform",
+        "translate(" + ((maxdp_yleft ? yvafwidth + sp + ydpheight : 0) + sp2 + xwidth + sp2 + ydpheight + sp) + "," + (toppad + yheight) + ")"
+      );
+      yrightlabg.attr("transform", "translate(" + (yvafwidth - fontsize) + ",-" + yheight / 2 + ")");
+      yrightlab.attr("font-size", fontsize * 2);
+    }
+    axe_xvaf.attr(
+      "transform",
+      "translate(" + (yvafwidth + sp + ydpheight + sp2) + "," + (toppad + yheight + sp2 + xdpheight + sp) + ")"
+    );
+    xlab.attr("font-size", fontsize * 2).attr("x", xwidth / 2).attr("y", xvafheight);
+    if (axedp_yleft) {
+      axedp_yleft.attr("transform", "translate(" + (yvafwidth + sp + ydpheight) + "," + (toppad + yheight) + ")");
+      axisdp_yleft.attr("transform", "translate(0," + (5 + radius) + ")");
+      rectdp_yleft.attr("x", -ydpheight).attr("y", -yheight).attr("width", ydpheight).attr("height", yheight);
+      midlinedp_yleft.attr("x1", -ydpheight).attr("y1", -yheight / 2).attr("y2", -yheight / 2);
+    }
+    if (axedp_yright) {
+      axedp_yright.attr(
+        "transform",
+        "translate(" + ((maxdp_yleft ? yvafwidth + sp + ydpheight : 0) + sp2 + xwidth + sp2) + "," + (toppad + yheight) + ")"
+      );
+      axisdp_yright.attr("transform", "translate(0," + (5 + radius) + ")");
+      rectdp_yright.attr("y", -yheight).attr("width", ydpheight).attr("height", yheight);
+      midlinedp_yright.attr("y1", -yheight / 2).attr("y2", -yheight / 2).attr("x2", ydpheight);
+    }
+    axe_xdp.attr("transform", "translate(" + (yvafwidth + sp + ydpheight + sp2) + "," + (toppad + yheight + sp2) + ")");
+    axis_xdp.attr("transform", "translate(-" + (5 + radius) + ",0)");
+    rect_xdp.attr("width", xwidth).attr("height", xdpheight);
+    midlinedp_x.attr("x1", xwidth / 2).attr("x2", xwidth / 2).attr("y2", xdpheight);
+    dplab.attr("x", -40).attr("y", xdpheight / 2).attr("font-size", fontsize * 1.5);
+    plotg_center.attr("transform", "translate(" + (yvafwidth + sp + ydpheight + sp2) + "," + (toppad + yheight) + ")");
+    rect_center.attr("y", -yheight).attr("width", xwidth).attr("height", yheight);
+    midline_xcenter.attr("y1", -yheight / 2).attr("y2", -yheight / 2).attr("x2", xwidth);
+    midline_ycenter.attr("x1", xwidth / 2).attr("x2", xwidth / 2).attr("y2", -yheight);
+    if (axisvaf_yleft) {
+      axisstyle({
+        axis: axisvaf_yleft.call(
+          axisLeft().scale(scalevaf_y).tickSize(ticksize - 2)
+        ),
+        showline: true,
+        color: gray,
+        fontsize
+      });
+    }
+    if (axisvaf_yright) {
+      axisstyle({
+        axis: axisvaf_yright.call(
+          axisRight().scale(scalevaf_y).tickSize(ticksize - 2)
+        ),
+        showline: true,
+        color: gray,
+        fontsize
+      });
+    }
+    axisstyle({
+      axis: axis_xvaf.call(
+        axisBottom().scale(scalevaf_x).tickSize(ticksize - 2)
+      ),
+      showline: true,
+      color: gray,
+      fontsize
+    });
+    axisstyle({
+      axis: axis_xdp.call(
+        axisLeft().scale(scaledp_x).tickSize(ticksize - 2).tickValues([0, maxdp_x])
+      ),
+      showline: true,
+      color: gray,
+      fontsize
+    });
+    if (axisdp_yleft) {
+      axisstyle({
+        axis: axisdp_yleft.call(
+          axisBottom().scale(scaledp_yleft).tickSize(ticksize - 2).tickValues([0, maxdp_yleft])
+        ),
+        showline: true,
+        color: gray,
+        fontsize
+      });
+    }
+    if (axisdp_yright) {
+      axisstyle({
+        axis: axisdp_yright.call(
+          axisBottom().scale(scaledp_yright).tickSize(ticksize - 2).tickValues([0, maxdp_yright])
+        ),
+        showline: true,
+        color: gray,
+        fontsize
+      });
+    }
+    if (dotg_yleft) {
+      dotg_yleft.attr("transform", (d) => {
+        const i = d.sampletypes[cfg.yleftsampletype];
+        return "translate(" + scaledp_yleft(i.total) + "," + scalevaf_y(i.vaf) + ")";
+      });
+    }
+    if (dotg_yright) {
+      dotg_yright.attr("transform", (d) => {
+        const i = d.sampletypes[cfg.yrightsampletype];
+        return "translate(" + scaledp_yright(i.total) + "," + scalevaf_y(i.vaf) + ")";
+      });
+    }
+    dotg_xdp.attr("transform", (d) => {
+      const i = d.sampletypes[cfg.xsampletype];
+      return "translate(" + scalevaf_x(i.vaf) + "," + scaledp_x(i.total) + ")";
+    });
+    dotg_center.attr("transform", (d) => {
+      const x = d.sampletypes[cfg.xsampletype];
+      const y = d.sampletypes[cfg.yleftsampletype] || d.sampletypes[cfg.yrightsampletype];
+      return "translate(" + scalevaf_x(x.vaf) + "," + scalevaf_y(y.vaf) + ")";
+    });
+    circle_xdp.attr("r", radius);
+    circle_center.attr("r", radius);
+    if (circle_yleft) {
+      circle_yleft.attr("r", radius);
+    }
+    if (circle_yright) {
+      circle_yright.attr("x", -radius).attr("y", -radius).attr("width", radius * 2).attr("height", radius * 2);
+    }
+    svg.attr(
+      "width",
+      (maxdp_yleft ? yvafwidth + sp + ydpheight : 0) + sp2 + xwidth + sp2 + (maxdp_yright ? ydpheight + sp + yvafwidth : 0)
+    ).attr("height", toppad + yheight + sp2 + xdpheight + sp + xvafheight);
+  };
+  render();
+}
+export {
+  plot_2dvaf as default
+};
+//# sourceMappingURL=plot.2dvaf-MYFQSWIA.js.map

package/dist/plot.app-36QWCKXR.js

@@ -0,0 +1,41 @@
+import {
+  appInit
+} from "./chunk-IYT5PNYJ.js";
+import "./chunk-RIQT2LSR.js";
+import "./chunk-SKMFMGCD.js";
+import "./chunk-4KY4XKJV.js";
+import "./chunk-K6OVOHIZ.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-XFAL46LZ.js";
+import "./chunk-HQAJVJCQ.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-6QCYT6G2.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-IIT367QZ.js";
+import "./chunk-RZGEKL77.js";
+import "./chunk-ZFJUVP2N.js";
+import "./chunk-R3ARQMM4.js";
+import "./chunk-4USLEUNR.js";
+import "./chunk-4WF3XDQP.js";
+import "./chunk-X6VTVZY7.js";
+import "./chunk-M3J4MINX.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-L44P5N4U.js";
+import "./chunk-GEQUQ3GG.js";
+import "./chunk-WPHUM5S5.js";
+import "./chunk-75T7ESEO.js";
+import "./chunk-2KXLYFAO.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-VQZ2Z5YU.js";
+import "./chunk-UJELJXJG.js";
+import "./chunk-FXQXCOII.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-5R63Q5KH.js";
+import "./chunk-I6Y4O3RR.js";
+import "./chunk-Q5RDQNIT.js";
+import "./chunk-DQC5FFGV.js";
+import "./chunk-HFNDKYVF.js";
+export {
+  appInit
+};
+//# sourceMappingURL=plot.app-36QWCKXR.js.map

package/dist/plot.barplot-535EP7XT.js

@@ -0,0 +1,102 @@
+import {
+  axisstyle,
+  font,
+  newpane,
+  to_svg
+} from "./chunk-K6OVOHIZ.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-XFAL46LZ.js";
+import "./chunk-HQAJVJCQ.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-6QCYT6G2.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-IIT367QZ.js";
+import "./chunk-RZGEKL77.js";
+import "./chunk-ZFJUVP2N.js";
+import "./chunk-R3ARQMM4.js";
+import "./chunk-4USLEUNR.js";
+import "./chunk-4WF3XDQP.js";
+import "./chunk-X6VTVZY7.js";
+import "./chunk-M3J4MINX.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-L44P5N4U.js";
+import "./chunk-GEQUQ3GG.js";
+import "./chunk-WPHUM5S5.js";
+import "./chunk-75T7ESEO.js";
+import "./chunk-2KXLYFAO.js";
+import {
+  axisTop
+} from "./chunk-LOZEKOES.js";
+import "./chunk-VQZ2Z5YU.js";
+import {
+  format,
+  linear
+} from "./chunk-UJELJXJG.js";
+import "./chunk-FXQXCOII.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-5R63Q5KH.js";
+import "./chunk-I6Y4O3RR.js";
+import "./chunk-Q5RDQNIT.js";
+import "./chunk-DQC5FFGV.js";
+import "./chunk-HFNDKYVF.js";
+
+// src/old/plot.barplot.js
+function plot_barplot(data, barcolor, label, pos) {
+  const pane = newpane({ x: pos.left + 200, y: pos.top });
+  pane.body.style("padding", "10px");
+  pane.header.html(label);
+  data.sort((a, b) => b.size - a.size);
+  plot({
+    lst: data,
+    holder: pane.body,
+    barcolor,
+    limit: Math.min(data.length, 20)
+  });
+}
+function plot(p) {
+  p.holder.selectAll("*").remove();
+  const row = p.holder.append("div").style("margin-bottom", "10px");
+  row.append("button").text("more").on("click", () => {
+    p.limit = Math.min(p.lst.length, p.limit + 10);
+    plot(p);
+  });
+  row.append("button").text("less").on("click", () => {
+    p.limit = Math.max(1, p.limit - 10);
+    plot(p);
+  });
+  row.append("button").text("screenshot").on("click", () => to_svg(svg.node(), "barplot"));
+  let barheight = 20, barwidth = 300, space = 5, axisheight = barheight + 5, barspace = barheight / 8, maxlabelwidth = 0, maxvalue = 0;
+  const svg = p.holder.append("svg");
+  const axisg = svg.append("g");
+  for (let i = 0; i < p.limit; i++) {
+    let j = p.lst[i];
+    maxvalue = Math.max(maxvalue, j.size);
+    svg.append("text").text(j.name).attr("font-size", barheight - 2).attr("font-family", font).each(function() {
+      maxlabelwidth = Math.max(maxlabelwidth, this.getBBox().width);
+    }).remove();
+  }
+  svg.attr("width", maxlabelwidth + space + barwidth + space).attr("height", axisheight + space + p.limit * (barheight + barspace));
+  axisg.attr("transform", "translate(" + (maxlabelwidth + space) + "," + axisheight + ")").call(
+    axisTop().scale(
+      linear().domain([0, maxvalue]).range([0, barwidth])
+    ).tickFormat(format("d"))
+  );
+  axisstyle({
+    axis: axisg,
+    showline: true,
+    fontsize: barheight * 0.8,
+    color: "black"
+  });
+  let y = axisheight + space;
+  const sf = barwidth / maxvalue;
+  for (let i = 0; i < p.limit; i++) {
+    const j = p.lst[i];
+    svg.append("text").text(j.name).attr("x", maxlabelwidth).attr("y", y + barheight / 2).attr("text-anchor", "end").attr("font-size", barheight - 2).attr("font-family", font).attr("dominant-baseline", "central");
+    svg.append("rect").attr("x", maxlabelwidth + space).attr("y", y).attr("width", sf * j.size).attr("height", barheight - 1).attr("fill", p.barcolor);
+    y += barheight + barspace;
+  }
+}
+export {
+  plot_barplot as default
+};
+//# sourceMappingURL=plot.barplot-535EP7XT.js.map

package/dist/plot.boxplot-6IBP7VEB.js

@@ -0,0 +1,152 @@
+import {
+  axisstyle,
+  font
+} from "./chunk-K6OVOHIZ.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-XFAL46LZ.js";
+import "./chunk-HQAJVJCQ.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-6QCYT6G2.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-IIT367QZ.js";
+import "./chunk-RZGEKL77.js";
+import "./chunk-ZFJUVP2N.js";
+import "./chunk-R3ARQMM4.js";
+import "./chunk-4USLEUNR.js";
+import "./chunk-4WF3XDQP.js";
+import "./chunk-X6VTVZY7.js";
+import "./chunk-M3J4MINX.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-L44P5N4U.js";
+import "./chunk-GEQUQ3GG.js";
+import "./chunk-WPHUM5S5.js";
+import "./chunk-75T7ESEO.js";
+import {
+  category10_default
+} from "./chunk-2KXLYFAO.js";
+import {
+  axisTop
+} from "./chunk-LOZEKOES.js";
+import "./chunk-VQZ2Z5YU.js";
+import {
+  linear,
+  ordinal
+} from "./chunk-UJELJXJG.js";
+import "./chunk-FXQXCOII.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-5R63Q5KH.js";
+import "./chunk-I6Y4O3RR.js";
+import "./chunk-Q5RDQNIT.js";
+import "./chunk-DQC5FFGV.js";
+import "./chunk-HFNDKYVF.js";
+
+// src/old/plot.boxplot.js
+function plot_boxplot_default(arg) {
+  if (!arg.holder) return ".holder missing for boxplot";
+  if (!arg.list) return ".list[] missing";
+  if (!Array.isArray(arg.list)) return ".list should be array";
+  for (const group of arg.list) {
+    if (!group.label) return ".label missing for a group";
+    if (group.samples) {
+      for (const s of group.samples) {
+        if (!Number.isFinite(s.value)) return ".value missing from a sample";
+      }
+    } else {
+      if (!Number.isFinite(group.minvalue)) return ".minvalue missing for a group";
+      if (!Number.isFinite(group.maxvalue)) return ".maxvalue missing for a group";
+      if (!group.percentile) return ".percentile{} missing from a group";
+      if (!Number.isFinite(group.percentile.p05)) return ".percentile.p05 missing for a group";
+      if (!Number.isFinite(group.percentile.p25)) return ".percentile.p25 missing for a group";
+      if (!Number.isFinite(group.percentile.p50)) return ".percentile.p50 missing for a group";
+      if (!Number.isFinite(group.percentile.p75)) return ".percentile.p75 missing for a group";
+      if (!Number.isFinite(group.percentile.p95)) return ".percentile.p95 missing for a group";
+    }
+  }
+  const label2color = ordinal(category10_default);
+  const svg = arg.holder.append("svg");
+  let axisheight = 40, width = 300, ypad = 10, xpad = 10, boxheight = 30, axisfontsize = 12, fontsize = 15;
+  let maxlabelw = 0;
+  let minv = null;
+  let maxv = null;
+  for (const g2 of arg.list) {
+    const samplecount = g2.samplecount ? g2.samplecount : g2.samples ? g2.samples.length : null;
+    svg.append("text").text(g2.label + (samplecount ? " (n=" + samplecount + ")" : "")).attr("font-family", font).attr("font-size", fontsize).each(function() {
+      maxlabelw = Math.max(maxlabelw, this.getBBox().width);
+    }).remove();
+    if (g2.samples) {
+      for (const s of g2.samples) {
+        if (s.value == void 0) continue;
+        if (minv == null) {
+          minv = s.value;
+          maxv = s.value;
+        } else {
+          minv = Math.min(minv, s.value);
+          maxv = Math.max(maxv, s.value);
+        }
+      }
+    } else {
+      if (minv == null) {
+        minv = g2.minvalue;
+        maxv = g2.maxvalue;
+      } else {
+        minv = Math.min(minv, g2.minvalue);
+        maxv = Math.max(maxv, g2.maxvalue);
+      }
+    }
+  }
+  svg.attr("width", maxlabelw + xpad + width + xpad).attr("height", axisheight + (ypad + boxheight) * arg.list.length + 10);
+  const g = svg.append("g").attr("transform", "translate(" + (maxlabelw + xpad) + "," + axisheight + ")");
+  const xscale = linear().domain([minv, maxv]).range([0, width]);
+  const axisg = g.append("g");
+  axisstyle({
+    axis: axisg.call(
+      axisTop().scale(xscale).ticks(5)
+    ),
+    showline: true,
+    fontsize: axisfontsize,
+    color: "black"
+  });
+  if (arg.axislabel) {
+    g.append("text").text(arg.axislabel).attr("x", width / 2).attr("y", -axisfontsize - 13).attr("font-family", font).attr("font-size", fontsize).attr("text-anchor", "middle");
+  }
+  let y = 0;
+  for (const grp of arg.list) {
+    y += ypad;
+    const sg = g.append("g").attr("transform", "translate(0," + y + ")");
+    y += boxheight;
+    const samplecount = grp.samplecount ? grp.samplecount : grp.samples ? grp.samples.length : null;
+    sg.append("text").text(grp.label + (samplecount ? " (n=" + samplecount + ")" : "")).attr("x", -xpad).attr("y", boxheight / 2).attr("text-anchor", "end").attr("dominant-baseline", "central").attr("font-family", font).attr("font-size", fontsize).attr("fill", "black");
+    let p05, p25, p50, p75, p95;
+    if (grp.samples) {
+      const vlst = grp.samples.map((i) => i.value);
+      vlst.sort((a, b) => a - b);
+      p05 = vlst[Math.floor(vlst.length * 0.05)];
+      p25 = vlst[Math.floor(vlst.length * 0.25)];
+      p50 = vlst[Math.floor(vlst.length * 0.5)];
+      p75 = vlst[Math.floor(vlst.length * 0.75)];
+      p95 = vlst[Math.floor(vlst.length * 0.95)];
+    } else {
+      p05 = grp.percentile.p05;
+      p25 = grp.percentile.p25;
+      p50 = grp.percentile.p50;
+      p75 = grp.percentile.p75;
+      p95 = grp.percentile.p95;
+    }
+    const x05 = xscale(p05);
+    const x25 = xscale(p25);
+    const x50 = xscale(p50);
+    const x75 = xscale(p75);
+    const x95 = xscale(p95);
+    const color = grp.color || label2color(grp.label);
+    sg.append("line").attr("y1", boxheight / 2).attr("y2", boxheight / 2).attr("x1", x05).attr("x2", x95).attr("stroke", color).attr("shape-rendering", "crispEdges");
+    sg.append("line").attr("y2", boxheight).attr("x1", x05).attr("x2", x05).attr("stroke", color).attr("shape-rendering", "crispEdges");
+    sg.append("line").attr("y2", boxheight).attr("x1", x95).attr("x2", x95).attr("stroke", color).attr("shape-rendering", "crispEdges");
+    sg.append("rect").attr("x", x25).attr("width", x75 - x25).attr("height", boxheight).attr("stroke", color).attr("fill", "white").attr("shape-rendering", "crispEdges");
+    sg.append("line").attr("y2", boxheight).attr("x1", x50).attr("x2", x50).attr("stroke", color).attr("shape-rendering", "crispEdges");
+  }
+  return null;
+}
+export {
+  plot_boxplot_default as default
+};
+//# sourceMappingURL=plot.boxplot-6IBP7VEB.js.map