@sjcrh/proteinpaint-client 2.146.4-1 → 2.147.1

package/dist/chunk-5U3ZO5HT.js

@@ -0,0 +1,413 @@
+import {
+  schemeCategory20
+} from "./chunk-V2OJLJSK.js";
+import {
+  isNumericTerm
+} from "./chunk-4YNEZISK.js";
+import {
+  dtcnv,
+  dtsnvindel
+} from "./chunk-PAV653SV.js";
+import {
+  category10_default
+} from "./chunk-PMZS3SHH.js";
+import {
+  linear,
+  ordinal
+} from "./chunk-W2IWHXLL.js";
+import {
+  __export
+} from "./chunk-HFNDKYVF.js";
+
+// plots/matrix/matrix.legend.js
+var matrix_legend_exports = {};
+__export(matrix_legend_exports, {
+  CNVkey2order: () => CNVkey2order,
+  getLegendData: () => getLegendData,
+  getLegendItemText: () => getLegendItemText
+});
+function getLegendData(legendGroups, refs, self) {
+  const s = this.settings.matrix;
+  const legendData = [];
+  const dvt = this.config.divideBy || {};
+  const dvtId = dvt && "id" in dvt ? dvt.id : dvt.name;
+  for (const $id in legendGroups) {
+    const legend = legendGroups[$id];
+    if ($id == "Consequences") {
+      for (const f of this.config.legendValueFilter.lst) {
+        if (f.tvs.term.type !== "geneVariant") continue;
+        if (f.legendGrpName != $id) continue;
+        if (f.tvs.legendFilterType == "geneVariant_soft" && f.filteredOutCats.length == 0) {
+          continue;
+        }
+        for (const v of f.tvs.values) {
+          for (const key of v.mclasslst) {
+            const legendk = v.origin ? v.origin + key : key;
+            legend.values[legendk] = {
+              key,
+              dt: v.dt,
+              origin: v.origin,
+              label: v.label || self.mclass[key].label,
+              fill: v.color || self.mclass[key]?.color,
+              order: CNVkey2order(key),
+              crossedOut: f.tvs.legendFilterType == "geneVariant_hard" ? true : false,
+              greyedOut: f.tvs.legendFilterType == "geneVariant_soft" ? true : false
+            };
+          }
+        }
+      }
+      const keys2 = Object.keys(legend.values);
+      if (!keys2.length) continue;
+      legendData.unshift({
+        name: "Consequences",
+        order: legend.order,
+        $id: legend.$id,
+        dt: legend.dt,
+        origin: legend.origin,
+        items: keys2.map((key, i) => {
+          const item = legend.values[key];
+          const count = item.samples?.size;
+          return {
+            termid: "Consequences",
+            key: item.key,
+            text: this.getLegendItemText(item, count, {}, s),
+            color: item.fill,
+            order: i,
+            border: "1px solid #ccc",
+            count,
+            isLegendItem: true,
+            dt: item.dt,
+            crossedOut: item.crossedOut,
+            greyedOut: item.greyedOut,
+            origin: item.origin
+          };
+        })
+      });
+      legendData[0].items.sort((a, b) => a.text < b.text ? -1 : 1);
+      continue;
+    }
+    const t = $id == dvtId ? { tw: dvt } : this.termOrder.find((t2) => t2.tw.$id == $id || t2.tw.legend?.group == $id) || {
+      tw: { term: { id: $id, name: $id, type: $id === "CNV" ? "geneVariant" : "" } }
+    };
+    for (const f of this.config.legendValueFilter.lst) {
+      const name = t.tw.legend?.group || t.tw.label || t.tw.term.name;
+      if (f.legendGrpName != $id && f.legendGrpName != name && f.tvs.term.name != name) continue;
+      if (f.tvs.term.type == "geneVariant") {
+        for (const v of f.tvs.values) {
+          if (legend.dt && !legend.dt.includes(v.dt)) legend.dt.push(v.dt);
+          if (f.tvs.legendFilterType == "geneVariant_soft" && f.filteredOutCats.length == 0) {
+            continue;
+          }
+          for (const key of v.mclasslst) {
+            const legendk = v.origin ? v.origin + key : key;
+            legend.values[legendk] = {
+              key,
+              dt: v.dt,
+              origin: v.origin,
+              label: v.label || self.mclass[key]?.label || "Gain and loss",
+              fill: v.color || self.mclass[key]?.color,
+              order: CNVkey2order(key),
+              crossedOut: f.tvs.legendFilterType == "geneVariant_hard" ? true : false,
+              greyedOut: f.tvs.legendFilterType == "geneVariant_soft" ? true : false
+            };
+          }
+        }
+      } else {
+        if (isNumericTerm(f.tvs.term)) {
+          if (t.ref?.bins) {
+            for (const v of f.tvs.ranges) {
+              const termValues = t.ref.bins;
+              legend.values[v.name] = {
+                key: v.name,
+                label: termValues?.find((vl) => vl.name == v.name)?.name || v.name,
+                fill: termValues?.find((vl) => vl.name == v.name)?.color,
+                crossedOut: true
+              };
+            }
+          }
+        } else if (f.tvs.term.type == "survival") {
+          for (const v of f.tvs.values) {
+            const termValues = t.tw.term.values;
+            legend.values[v.key] = {
+              key: v.key,
+              label: termValues?.[v.key]?.label || "Exit code: " + v.key,
+              fill: v.key == 1 ? "#ff7f0e" : "#1f77b4",
+              crossedOut: true
+            };
+          }
+        } else {
+          for (const v of f.tvs.values) {
+            const termValues = t.tw.term.values;
+            legend.values[v.key] = {
+              key: v.key,
+              label: termValues?.[v.key]?.label || v.key,
+              fill: termValues?.[v.key]?.color,
+              crossedOut: true
+            };
+          }
+        }
+      }
+    }
+    const keys = Object.keys(legend.values).sort();
+    const hasScale = Object.values(legend.values).find((v) => v.scale);
+    if (hasScale) {
+      if (legend === legendGroups?.CNV) {
+        const gain = legend.values["CNV_amp"];
+        const loss = legend.values["CNV_loss"];
+        if (gain?.scale && loss?.scale) {
+          const colors = loss.scales?.legend.range;
+          const domain = loss.scales?.legend.domain;
+          const setLegendAttr = (item) => {
+            return {
+              $id,
+              domain: item.scales.legend.domain,
+              key: item.key,
+              isLegendItem: true,
+              minLabel: domain[0],
+              //item.minLoss, // item.maxLabel,
+              maxLabel: domain.slice(-1)[0],
+              //item.maxGain, // item.maxLabel,
+              scale: item.scale,
+              termid: "CNV"
+            };
+          };
+          legend.values.CNV_gain_loss = {
+            key: $id,
+            label: "Gain and Loss",
+            dt: dtcnv,
+            order: -1,
+            domain,
+            name: "CNV gain/loss",
+            scale: linear().domain(domain).range(colors),
+            minLabel: domain[0],
+            //loss.maxLabel,
+            maxLabel: domain.slice(-1)[0],
+            labels: { left: "Loss", right: "Gain" },
+            parents: [Object.assign(setLegendAttr(loss), loss), Object.assign(setLegendAttr(gain), gain)],
+            samples: /* @__PURE__ */ new Set([...gain.samples, ...loss.samples])
+          };
+          delete legend.values[gain.key];
+          delete legend.values[loss.key];
+          keys.splice(keys.indexOf(gain.key), 1);
+          keys.splice(keys.indexOf(loss.key), 1);
+          keys.push("CNV_gain_loss");
+        }
+      }
+      const legendGrpLabelMaxChars = s.legendGrpLabelMaxChars || 26;
+      legendData.push({
+        name: $id.length < legendGrpLabelMaxChars ? $id : $id.slice(0, legendGrpLabelMaxChars) + "...",
+        //name:$id,
+        order: legend.order,
+        $id: legend.$id,
+        dt: legend.dt,
+        origin: legend.origin,
+        hasScale,
+        items: keys.map((key, i) => {
+          const item = legend.values[key];
+          const count = item.samples?.size;
+          if (item.scale) {
+            const colors = item.scales?.legend?.range || getColors(item);
+            const domain = item.scales?.legend?.domain || setColorScaleDomain(item.minLabel, item.maxLabel, item.domain, colors);
+            return {
+              termid: $id,
+              key: item.key,
+              text: this.getLegendItemText(item, count, t, s),
+              width: 100,
+              scale: item.scale,
+              colors,
+              domain,
+              order: "order" in item ? item.order : i,
+              count,
+              isLegendItem: true,
+              dt: item.dt,
+              crossedOut: item.crossedOut,
+              greyedOut: item.greyedOut,
+              origin: item.origin,
+              parents: item.parents,
+              labels: item.labels
+            };
+          } else {
+            return {
+              termid: $id,
+              key: item.key,
+              text: this.getLegendItemText(item, count, t, s),
+              color: item.fill || this.colorScaleByTermId[$id](key),
+              order: "order" in item ? item.order : i,
+              count,
+              isLegendItem: true,
+              dt: item.dt,
+              crossedOut: item.crossedOut,
+              greyedOut: item.greyedOut,
+              origin: item.origin
+            };
+          }
+        })
+      });
+    } else {
+      const grp = $id;
+      const term = t.tw.term;
+      const ref = legend.ref;
+      if (ref.bins)
+        keys.sort((a, b) => ref.bins.findIndex((bin) => bin.name === a) - ref.bins.findIndex((bin) => bin.name === b));
+      else if (ref.keyOrder) keys.sort((a, b) => ref.keyOrder.indexOf(a) - ref.keyOrder.indexOf(b));
+      if (!this.colorScaleByTermId[grp])
+        this.colorScaleByTermId[grp] = keys.length < 11 ? ordinal(category10_default) : ordinal(schemeCategory20);
+      const name = t.tw.legend?.group || t.tw.label || term.name;
+      const legendGrpLabelMaxChars = s.legendGrpLabelMaxChars || 26;
+      legendData.push({
+        name: name.length < legendGrpLabelMaxChars ? name : name.slice(0, legendGrpLabelMaxChars) + "...",
+        order: legend.order,
+        $id: legend.$id,
+        dt: legend.dt,
+        origin: legend.origin,
+        items: keys.map((key, i) => {
+          const item = legend.values[key];
+          const count = item.samples?.size;
+          return {
+            $id,
+            termid: term.id || term.name,
+            key: item.key,
+            text: this.getLegendItemText(item, count, t, s),
+            color: t.scale || item.fill || this.colorScaleByTermId[grp](key),
+            order: "order" in item ? item.order : i,
+            count,
+            isExcluded: item.isExcluded,
+            //onClickCallback: this.handleLegendItemClick,
+            isLegendItem: true,
+            dt: item.dt,
+            crossedOut: item.crossedOut,
+            greyedOut: item.greyedOut,
+            origin: item.origin
+          };
+        })
+      });
+    }
+  }
+  for (const grpFilter of self.config.legendGrpFilter.lst) {
+    if (grpFilter.dt.length == 1 && grpFilter.dt[0] == 4 && !legendData.filter((l) => l.dt)?.find((l) => l.dt.length == 1 && l.dt[0] == 4)) {
+      legendData.push({
+        name: "CNV",
+        dt: grpFilter.dt,
+        origin: grpFilter.origin,
+        crossedOut: true,
+        items: grpFilter.filteredOutCats.map((fc) => {
+          return {
+            dt: 4,
+            termid: "CNV",
+            origin: grpFilter.origin,
+            key: fc,
+            text: self.mclass[fc].label,
+            color: self.mclass[fc]?.color,
+            isLegendItem: true
+          };
+        })
+      });
+    } else if (grpFilter.dt.includes(dtsnvindel)) {
+      const controlLabels = self.settings.matrix.controlLabels;
+      const groupName = grpFilter.origin ? `${grpFilter.origin[0].toUpperCase() + grpFilter.origin.slice(1)} ${controlLabels.Mutations}` : controlLabels.Mutations;
+      if (!legendData.filter((l) => l.dt)?.find((l) => l.dt.includes(dtsnvindel) && l.origin == grpFilter.origin)) {
+        legendData.push({
+          name: groupName,
+          dt: grpFilter.dt,
+          origin: grpFilter.origin,
+          crossedOut: true,
+          items: grpFilter.filteredOutCats.map((fc) => {
+            return {
+              dt: self.mclass[fc].dt,
+              origin: grpFilter.origin,
+              termid: groupName,
+              key: fc,
+              text: self.mclass[fc].label,
+              color: self.mclass[fc]?.color,
+              isLegendItem: true
+            };
+          })
+        });
+      }
+    } else if (grpFilter.dt.length == 1 && grpFilter.dt[0] == 2 && !legendData.filter((l) => l.dt)?.find((l) => l.dt.length == 1 && l.dt[0] == 2)) {
+      legendData.push({
+        name: "Fusion RNA",
+        dt: grpFilter.dt,
+        origin: grpFilter.origin,
+        crossedOut: true,
+        items: grpFilter.filteredOutCats.map((fc) => {
+          return {
+            dt: 2,
+            origin: grpFilter.origin,
+            termid: "Fusion RNA",
+            key: fc,
+            text: self.mclass[fc].label,
+            color: self.mclass[fc]?.color,
+            isLegendItem: true
+          };
+        })
+      });
+    } else if (grpFilter.dt.length == 1 && grpFilter.dt[0] == 5 && !legendData.filter((l) => l.dt)?.find((l) => l.dt.length == 1 && l.dt[0] == 5)) {
+      legendData.push({
+        name: "Structural Variation",
+        dt: grpFilter.dt,
+        origin: grpFilter.origin,
+        crossedOut: true,
+        items: grpFilter.filteredOutCats.map((fc) => {
+          return {
+            dt: 5,
+            origin: grpFilter.origin,
+            termid: "Structural Variation",
+            key: fc,
+            text: self.mclass[fc].label,
+            color: self.mclass[fc]?.color,
+            isLegendItem: true
+          };
+        })
+      });
+    }
+  }
+  for (const itemsGrp of legendData) {
+    itemsGrp.items.sort((a, b) => {
+      const getStatusOrder = (item) => {
+        if (!item.greyedOut && !item.crossedOut) return 0;
+        if (item.greyedOut && !item.crossedOut) return 1;
+        if (item.crossedOut) return 2;
+        return 3;
+      };
+      return getStatusOrder(a) - getStatusOrder(b);
+    });
+  }
+  return legendData.sort(
+    (a, b) => a.crossedOut && b.crossedOut ? 0 : a.crossedOut ? 1 : b.crossedOut ? -1 : a.order && b.order ? a.order - b.order : a.order ? -1 : b.order ? 1 : 0
+  );
+}
+function getLegendItemText(item, count, t, s) {
+  if (item.crossedOut || item.greyedOut) {
+    return item.label;
+  }
+  let text = item.label;
+  const notes = [count];
+  if (item.isExcluded) notes.push("hidden");
+  if (t?.tw?.term?.type == "geneVariant" && s.geneVariantCountSamplesSkipMclass.includes(item.key))
+    notes.push("not counted");
+  if (!notes.length) return text;
+  return text += ` (${notes.join(", ")})`;
+}
+function setColorScaleDomain(min, max, domain, colors) {
+  if (domain[0] === min && domain[domain.length - 1] === max) return domain;
+  const step = (max - min) / (colors.length - 1);
+  return colors.map((_, i) => {
+    if (i === (colors.length - 1) / 2 && min < 0 && max > 0) return 0;
+    return min + step * i;
+  });
+}
+function getColors(item) {
+  return item.domain?.map((c) => item.scale(c)) || item.scale.range();
+}
+function CNVkey2order(key) {
+  return key == "CNV_homozygous_deletion" ? -5 : key == "CNV_amplification" ? -4 : key == "CNV_loss" ? -3 : key == "CNV_amp" ? -2 : key == "CNV_loh" ? -1 : 0;
+}
+
+export {
+  getLegendData,
+  getLegendItemText,
+  CNVkey2order,
+  matrix_legend_exports
+};
+//# sourceMappingURL=chunk-5U3ZO5HT.js.map

package/dist/chunk-5VJ6L4HP.js

@@ -0,0 +1,297 @@
+import {
+  appear2 as appear,
+  axisstyle,
+  bwSetting,
+  disappear2 as disappear,
+  makeNumericAxisConfig,
+  rgb2hex
+} from "./chunk-5GYHGTRN.js";
+import {
+  dofetch3
+} from "./chunk-4JXJ4UBP.js";
+import {
+  axisLeft
+} from "./chunk-LOZEKOES.js";
+import {
+  format,
+  linear
+} from "./chunk-W2IWHXLL.js";
+
+// src/block.tk.bigwig.js
+function bigwigfromtemplate(tk, template) {
+  tk.scale = {};
+  if (template.scale) {
+    for (const k in template.scale) {
+      tk.scale[k] = template.scale[k];
+    }
+  } else {
+    tk.scale.auto = 1;
+  }
+  if (tk.normalize) {
+  } else {
+    tk.normalize = {
+      dividefactor: 1,
+      disable: 1
+    };
+  }
+  tk.barheight = template.height || 50;
+  tk.height_main = tk.toppad + tk.barheight + tk.bottompad;
+  if (!tk.ncolor) tk.ncolor = "#BD005E";
+  if (!tk.ncolor2) tk.ncolor2 = "#5E00BD";
+  if (!tk.pcolor) tk.pcolor = "#005EBD";
+  if (!tk.pcolor2) tk.pcolor2 = "#FA7D00";
+}
+function bigwigmaketk(tk, block) {
+  tk.img = tk.glider.append("image");
+  tk.tklabel.attr("y", tk.barheight / 2);
+  tk.leftaxis = tk.gleft.append("g");
+  tk.config_handle = block.maketkconfighandle(tk).on("click", () => {
+    tk.tkconfigtip.clear().showunder(tk.config_handle.node());
+    bigwigconfigpanel(tk, block, tk.tkconfigtip.d, () => bigwigload(tk, block));
+  });
+}
+async function bigwigload(tk, block) {
+  block.tkcloakon(tk);
+  const par = block.tkarg_q(tk);
+  if (tk.dotplotfactor) {
+    par.dotplotfactor = tk.dotplotfactor;
+  }
+  tk.height_main = tk.toppad + tk.barheight + tk.bottompad;
+  tk.img.attr("width", block.width).attr("height", tk.barheight);
+  let errtext;
+  try {
+    const data = await dofetch3("tkbigwig", { method: "POST", body: JSON.stringify(par) });
+    if (data.error) throw data.error;
+    if (!data.src) throw "data.src missing";
+    tk.tklabel.transition().attr("y", tk.barheight / 2);
+    tk.img.attr("xlink:href", data.src);
+    if (data.minv != void 0) {
+      tk.scale.min = data.minv;
+    }
+    if (data.maxv != void 0) {
+      tk.scale.max = data.maxv;
+    }
+    tk.leftaxis.selectAll("*").remove();
+    if (data.nodata) {
+      throw "No data in view range";
+    }
+    const scale = linear().domain([tk.scale.min, tk.scale.max]).range([tk.barheight, 0]);
+    const axis = axisLeft().scale(scale).tickValues([tk.scale.min, tk.scale.max]);
+    if (tk.integer4axis) {
+      axis.tickFormat(format("d"));
+    }
+    axisstyle({
+      axis: tk.leftaxis.call(axis),
+      color: "black",
+      showline: true
+    });
+  } catch (err) {
+    tk.img.attr("width", 0).attr("height", 0);
+    if (err.stack) {
+      console.log(err.stack);
+    }
+    errtext = typeof err == "string" ? err : err.message;
+  } finally {
+    block.tkcloakoff(tk, { error: errtext });
+    block.block_setheight();
+    for (const panel of tk.subpanels) {
+      bigwigloadsubpanel(tk, block, panel);
+    }
+  }
+}
+async function bigwigloadsubpanel(tk, block, panel) {
+  block.tkcloakon_subpanel(panel);
+  const par = block.tkarg_q(tk);
+  if (tk.dotplotfactor) {
+    par.dotplotfactor = tk.dotplotfactor;
+  }
+  par.width = panel.width;
+  par.rglst = [
+    {
+      chr: panel.chr,
+      start: panel.start,
+      stop: panel.stop,
+      width: panel.width
+    }
+  ];
+  delete par.percentile;
+  delete par.autoscale;
+  panel.img.attr("width", panel.width).attr("height", tk.barheight);
+  let errtext;
+  try {
+    const data = await dofetch3("tkbigwig", { method: "POST", body: JSON.stringify(par) });
+    if (data.error) throw data.error;
+    panel.img.attr("xlink:href", data.src);
+  } catch (err) {
+    panel.img.attr("width", 0).attr("height", 0);
+    if (err.stack) {
+      console.log(err.stack);
+    }
+    errtext = typeof err == "string" ? err : err.message;
+  } finally {
+    block.tkcloakoff_subpanel(panel, { error: errtext });
+  }
+}
+function bigwigconfigpanel(tk, block, holder, loader) {
+  const config = {
+    pcolor: {},
+    ncolor: {},
+    pcolor2: {},
+    ncolor2: {},
+    // .row
+    // .lab
+    dotplot: {},
+    // .row
+    dividefactor: {}
+  };
+  {
+    const row = holder.append("div").style("margin-bottom", "15px");
+    row.append("span").html("Height  ");
+    row.append("input").attr("size", 5).property("value", tk.barheight).on("keyup", (event) => {
+      if (event.code != "Enter") return;
+      const s = event.target.value;
+      if (s == "") return;
+      const v = Number.parseInt(s);
+      if (Number.isNaN(v) || v <= 1) {
+        alert("track height must be positive integer");
+        return;
+      }
+      tk.barheight = v;
+      loader(bwSetting.height);
+    });
+  }
+  config.pcolor.row = holder.append("div").style("margin-bottom", "15px");
+  config.pcolor.lab = config.pcolor.row.append("span").text("Positive value color").style("padding-right", "10px");
+  config.pcolor.row.append("input").attr("type", "color").property("value", rgb2hex(tk.pcolor)).on("change", (event) => {
+    tk.pcolor = event.target.value;
+    loader(bwSetting.pcolor);
+  });
+  config.ncolor.row = holder.append("div").style("margin-bottom", "15px");
+  config.ncolor.lab = config.ncolor.row.append("span").text("Negative value color").style("padding-right", "10px");
+  config.ncolor.row.append("input").attr("type", "color").property("value", rgb2hex(tk.ncolor)).on("change", (event) => {
+    tk.ncolor = event.target.value;
+    loader(bwSetting.ncolor);
+  });
+  if (!tk.scale.auto) {
+    config.pcolor2.row = holder.append("div").style("margin-bottom", "15px");
+    config.pcolor2.lab = config.pcolor2.row.append("span").html("&ge;Max color").style("padding-right", "10px");
+    config.pcolor2.row.append("input").attr("type", "color").property("value", rgb2hex(tk.pcolor2)).on("change", (event) => {
+      tk.pcolor2 = event.target.value;
+      loader(bwSetting.pcolor2);
+    });
+    config.ncolor2.row = holder.append("div").style("margin-bottom", "15px");
+    config.ncolor2.lab = config.ncolor2.row.append("span").html("&le;Min color").style("padding-right", "10px");
+    config.ncolor2.row.append("input").attr("type", "color").property("value", rgb2hex(tk.ncolor2)).on("change", (event) => {
+      tk.ncolor2 = event.target.value;
+      loader(bwSetting.ncolor2);
+    });
+  }
+  {
+    const setting = {};
+    if (tk.scale.auto) {
+      setting.auto = 1;
+    } else if (tk.scale.percentile) {
+      setting.percentile = tk.scale.percentile;
+    } else {
+      setting.fixed = { min: tk.scale.min, max: tk.scale.max };
+    }
+    makeNumericAxisConfig({
+      holder: holder.append("div").style("margin-bottom", "15px"),
+      setting,
+      callback: (s) => {
+        if (s.auto) {
+          tk.scale.auto = 1;
+          loader(bwSetting.autoscale);
+          return;
+        }
+        if (s.fixed) {
+          delete tk.scale.auto;
+          delete tk.scale.percentile;
+          tk.scale.max = s.fixed.max;
+          tk.scale.min = s.fixed.min;
+          loader(bwSetting.fixedscale);
+          return;
+        }
+        delete tk.scale.auto;
+        tk.scale.percentile = s.percentile;
+        loader(bwSetting.percentilescale);
+      }
+    });
+  }
+  {
+    config.dotplot.row = holder.append("div").style("margin-bottom", "15px");
+    config.dotplot.row.append("span").html("Dot plot&nbsp;&nbsp;");
+    const s = config.dotplot.row.append("select").on("change", (event) => {
+      const i = event.target.selectedIndex;
+      if (i == 0) {
+        delete tk.dotplotfactor;
+      } else {
+        tk.dotplotfactor = Number.parseInt(event.target.options[i].innerHTML);
+      }
+      loader(i == 0 ? bwSetting.nodotplot : bwSetting.usedotplot);
+    });
+    let o = s.append("option").text("no");
+    if (!tk.dotplotfactor) {
+      o.property("selected", 1);
+    }
+    o = s.append("option").text("5");
+    if (tk.dotplotfactor == 5) {
+      o.property("selected", 1);
+    }
+    o = s.append("option").text("10");
+    if (tk.dotplotfactor == 10) {
+      o.property("selected", 1);
+    }
+    o = s.append("option").text("15");
+    if (tk.dotplotfactor == 15) {
+      o.property("selected", 1);
+    }
+    o = s.append("option").text("20");
+    if (tk.dotplotfactor == 20) {
+      o.property("selected", 1);
+    }
+  }
+  config.dividefactor.row = holder.append("div");
+  {
+    const id = Math.random().toString();
+    const input = config.dividefactor.row.append("input").attr("type", "checkbox").attr("id", id);
+    if (!tk.normalize.disable) {
+      input.property("checked", 1);
+    }
+    config.dividefactor.row.append("label").html("&nbsp;Apply normalization").attr("for", id);
+    const folder = config.dividefactor.row.append("div").style("margin", "5px 10px 0px 20px").style("display", tk.normalize.disable ? "none" : "block");
+    folder.append("span").html("Divide raw value by&nbsp;");
+    const factorinput = folder.append("input").attr("type", "number").style("width", "60px").property("value", tk.normalize.dividefactor).on("keyup", (event) => {
+      if (event.code != "Enter" && event.code != "NumpadEnter") return;
+      const v = event.target.value;
+      if (v <= 0) {
+        return;
+      }
+      tk.normalize.dividefactor = v;
+      loader(bwSetting.usedividefactor);
+    });
+    folder.append("div").text("Enter a value above zero").style("font-size", ".7em").style("color", "#858585");
+    input.on("change", (event) => {
+      if (event.target.checked) {
+        appear(folder);
+        delete tk.normalize.disable;
+        factorinput.property("value", tk.normalize.dividefactor);
+        loader(bwSetting.usedividefactor);
+        return;
+      }
+      disappear(folder);
+      tk.normalize.disable = 1;
+      loader(bwSetting.nodividefactor);
+    });
+  }
+  return config;
+}
+
+export {
+  bigwigfromtemplate,
+  bigwigmaketk,
+  bigwigload,
+  bigwigloadsubpanel,
+  bigwigconfigpanel
+};
+//# sourceMappingURL=chunk-5VJ6L4HP.js.map