@sjcrh/proteinpaint-client 2.225.0 → 2.227.0

package/dist/chunk-DDABG5BR.js

@@ -1,328 +0,0 @@
-import {
-  first_genetrack_tolist
-} from "./chunk-OOVVKQSD.js";
-import {
-  HYPER_COLOR,
-  HYPO_COLOR
-} from "./chunk-KLJM7HE5.js";
-import {
-  clearsMinDeltaBeta
-} from "./chunk-2N345NXD.js";
-
-// plots/dmr/settings/defaults.ts
-function getDefaultDMRSettings(opts) {
-  const overrides = opts.settings || {};
-  const dm = opts?.app?.vocabApi?.termdbConfig?.queries?.dnaMethylation;
-  const chr = opts?.coordinateOverride?.chr;
-  const elementScale = dm?.regionAnalysis == "element" || Array.isArray(dm?.cpgChroms) && !!chr && !dm.cpgChroms.includes(chr);
-  const defaults = {
-    blockWidth: 800,
-    pad: elementScale ? 1e5 : 2e3,
-    lambda: elementScale ? 5e4 : 1e3,
-    C: 2,
-    fdr_cutoff: 0.05,
-    colors: {
-      group1: "#3b5ee6",
-      group2: "#c04e00",
-      hyper: HYPER_COLOR,
-      hypo: HYPO_COLOR
-    },
-    maxLoessRegion: 25e4,
-    minProbesForCi: 10,
-    maxRegionSize: 5e6,
-    minDeltaBeta: 0
-  };
-  if (overrides.colors) {
-    Object.assign(defaults.colors, overrides.colors);
-    delete overrides.colors;
-  }
-  return Object.assign(defaults, overrides);
-}
-
-// plots/dmr/viewModel/DmrViewModel.ts
-var CCRE_TRACK_NAME = "ENCODE cCREs";
-var MASKED_COLOR = "#aaaaaa";
-var signed = (v) => `${(v ?? 0) >= 0 ? "+" : ""}${(v ?? 0).toFixed(3)}`;
-var BELOW_FLOOR_COLOR = "#d9d9d9";
-var DmrViewModel = class {
-  constructor(dmrResult, config, genomeObj, queryChr, queryStart, queryStop) {
-    const { settings } = config;
-    const dmrBedItems = this.makeDmrBedItems(dmrResult, settings);
-    const sigCpgBedItems = this.makeSigCpgBedItems(dmrResult, settings, queryChr, queryStart, queryStop);
-    const xRange = (queryStop ?? 0) - (queryStart ?? 0);
-    const loess = dmrResult.diagnostic?.loess;
-    const showLoess = !!(loess && loess.group1_fitted.length > 0 && loess.group2_fitted.length > 0);
-    const showDots = xRange <= settings.dmr.maxLoessRegion;
-    const betaTrackResult = dmrResult.diagnostic ? this.renderBetaTrack(
-      dmrResult.diagnostic,
-      config,
-      settings.dmr.blockWidth,
-      showLoess,
-      showDots,
-      queryStart,
-      queryStop
-    ) : void 0;
-    this.viewData = {
-      tklst: this.buildTrackList(dmrBedItems, sigCpgBedItems, genomeObj, betaTrackResult?.img),
-      legendRows: this.buildLegendData(
-        config,
-        dmrResult.dmrs,
-        dmrResult.maskedDmrs || [],
-        sigCpgBedItems,
-        showLoess,
-        showDots,
-        betaTrackResult?.showCi ?? false
-      ),
-      diagnostic: dmrResult.diagnostic,
-      dmrs: dmrResult.dmrs,
-      dmrBedItems,
-      showLoess,
-      showDots,
-      notes: this.buildNotes(config, dmrResult, showDots)
-    };
-  }
-  /* Plain sentences for what the view cannot say by color alone: why a DMR is gray, and when to zoom.
-  A gray DMR with significant CpGs under it otherwise reads as a contradiction. */
-  buildNotes(config, dmrResult, showDots) {
-    const notes = [];
-    const floor = config.settings.dmr.minDeltaBeta || 0;
-    const below = dmrResult.dmrs.filter((d) => !clearsMinDeltaBeta(d.delta_beta_mean, floor));
-    if (below.length) {
-      const g1 = config.group1Name || "group 1";
-      const g2 = config.group2Name || "group 2";
-      const one = below.length == 1;
-      let text = `Light gray: ${one ? "a DMR" : `${below.length} DMRs`} that DMRcate called, but where methylation barely changes between the groups (${one ? `\u0394\u03B2 ${signed(below[0].delta_beta_mean)}` : "each"} under the volcano's minimum of ${floor}), so the volcano does not count ${one ? "it" : "them"}.`;
-      const d = config.readDepth;
-      if (d && Math.min(d.control, d.case) > 0 && Math.max(d.control, d.case) / Math.min(d.control, d.case) > 1.5) {
-        const [deep, shallow, dv, sv] = d.case > d.control ? [g2, g1, d.case, d.control] : [g1, g2, d.control, d.case];
-        text += ` In this comparison ${deep} has ${(dv / sv).toFixed(1)}\xD7 the reads per CpG of ${shallow} (${dv.toFixed(
-          2
-        )} vs ${sv.toFixed(2)}). DMRcate compares ratios of methylated to unmethylated reads, which shift with read depth, so a depth difference alone can produce a call like this, and its CpGs show as significant below.`;
-      }
-      notes.push(text);
-    }
-    const masked = dmrResult.maskedDmrs || [];
-    if (masked.length) {
-      const by = [...new Set(masked.flatMap((m) => m.maskedBy))].join(", ").toLowerCase() || "an artifact-prone region";
-      notes.push(
-        `Dark gray: ${masked.length == 1 ? "a DMR" : `${masked.length} DMRs`} in ${by}, where reads from near-identical copies of the sequence can mix and the methylation measured can be wrong, so the volcano does not count ${masked.length == 1 ? "it" : "them"}.`
-      );
-    }
-    if (!showDots) notes.push("Zoom in to see per-CpG dots.");
-    if (!config.scanChromosomes?.length)
-      notes.push(
-        "This view was saved before region views were opened from a DMR scan. Its DMRs come from DMRcate run over the whole genome at default settings, with no minimum CpG count or Min \u0394\u03B2, so they can differ from those it showed when saved. Open the region from a DMR scan to match the scan."
-      );
-    return notes;
-  }
-  buildTrackList(dmrBedItems, sigCpgBedItems, genomeObj, betaTrackImg) {
-    const tklst = [];
-    first_genetrack_tolist(genomeObj, tklst);
-    const ccre = (genomeObj?.tracks || []).find((t) => t.name == CCRE_TRACK_NAME);
-    if (ccre) tklst.push(structuredClone(ccre));
-    tklst.push({ type: "bedj", name: "DMRs", bedItems: dmrBedItems });
-    tklst.push({ type: "bedj", name: "Sig. CpGs", bedItems: sigCpgBedItems });
-    if (betaTrackImg) {
-      tklst.push({
-        type: "bigwig",
-        name: "Per-CpG Means",
-        height: 150,
-        imgData: betaTrackImg
-      });
-    }
-    return tklst;
-  }
-  buildLegendData(config, dmrs, masked, sigCpgBedItems, showLoess, showDots, showCi) {
-    const { colors } = config.settings.dmr;
-    const g1 = config.group1Name || "Group 1";
-    const g2 = config.group2Name || "Group 2";
-    const meansItems = [];
-    if (showDots) {
-      meansItems.push({ text: `${g1} (control)`, color: colors.group1 }, { text: `${g2} (case)`, color: colors.group2 });
-    }
-    if (showLoess) {
-      const ciLabel = showCi ? " + 95% CI" : "";
-      meansItems.push(
-        { text: `${g1} LOESS trend${ciLabel}`, color: colors.group1, style: showCi ? "shaded" : "dashed" },
-        { text: `${g2} LOESS trend${ciLabel}`, color: colors.group2, style: showCi ? "shaded" : "dashed" }
-      );
-    }
-    const rows = [{ label: "Per-CpG Means", items: meansItems }];
-    const floor = config.settings.dmr.minDeltaBeta || 0;
-    const counted = dmrs.filter((d) => clearsMinDeltaBeta(d.delta_beta_mean, floor));
-    const hasHyper = counted.some((d) => d.direction === "hyper");
-    const hasHypo = counted.some((d) => d.direction === "hypo");
-    const below = dmrs.length > counted.length;
-    if (hasHyper || hasHypo || below || masked.length) {
-      const items = [];
-      if (hasHyper) items.push({ text: "Hypermethylated", color: colors.hyper });
-      if (hasHypo) items.push({ text: "Hypomethylated", color: colors.hypo });
-      if (below)
-        items.push({ text: `Methylation change below ${floor}: not counted (see note)`, color: BELOW_FLOOR_COLOR });
-      if (masked.length)
-        items.push({ text: "In an artifact-prone region: not counted (see note)", color: MASKED_COLOR });
-      rows.push({ label: "DMR", items });
-    }
-    if (sigCpgBedItems.length) {
-      const items = [];
-      const hasHyperCpg = sigCpgBedItems.some((b) => b.color === colors.hyper);
-      const hasHypoCpg = sigCpgBedItems.some((b) => b.color === colors.hypo);
-      if (hasHyperCpg) items.push({ text: "Hyper (FDR sig.)", color: colors.hyper });
-      if (hasHypoCpg) items.push({ text: "Hypo (FDR sig.)", color: colors.hypo });
-      rows.push({ label: "Sig. CpGs", items });
-    }
-    return rows;
-  }
-  /**
-   * Render the per-CpG means scatter plot to an offscreen canvas and return
-   * a data URI suitable for the bigwig imgData track.
-   */
-  renderBetaTrack(diagnostic, config, blockWidth, showLoess, showDots, queryStart, queryStop) {
-    const { probes } = diagnostic;
-    if (!probes.positions.length) return void 0;
-    const { colors, minProbesForCi } = config.settings.dmr;
-    const dpr = typeof window !== "undefined" && window.devicePixelRatio > 1 ? window.devicePixelRatio : 1;
-    const width = blockWidth;
-    const height = 150;
-    const canvas = document.createElement("canvas");
-    canvas.width = width * dpr;
-    canvas.height = height * dpr;
-    const ctx = canvas.getContext("2d");
-    if (!ctx) return void 0;
-    ctx.scale(dpr, dpr);
-    const xMin = queryStart ?? probes.positions[0];
-    const xMax = queryStop ?? probes.positions[probes.positions.length - 1];
-    const xRange = xMax - xMin || 1;
-    const scaleX = (val) => (val - xMin) / xRange * width;
-    const scaleY = (val) => height - val * height;
-    ctx.clearRect(0, 0, width, height);
-    let showCi = false;
-    if (showLoess && diagnostic.loess) {
-      const { loess } = diagnostic;
-      const firstProbePos = probes.positions[0];
-      const lastProbePos = probes.positions[probes.positions.length - 1];
-      showCi = probes.positions.length >= minProbesForCi;
-      for (const [fitted, ciLower, ciUpper, color] of [
-        [loess.group1_fitted, loess.group1_ci_lower, loess.group1_ci_upper, colors.group1],
-        [loess.group2_fitted, loess.group2_ci_lower, loess.group2_ci_upper, colors.group2]
-      ]) {
-        if (!fitted.length) continue;
-        const lPos = loess.positions;
-        let iStart = 0;
-        let iEnd = lPos.length - 1;
-        while (iStart < lPos.length && lPos[iStart] < firstProbePos) iStart++;
-        while (iEnd >= 0 && lPos[iEnd] > lastProbePos) iEnd--;
-        if (iStart > iEnd) continue;
-        if (showCi) {
-          ctx.globalAlpha = 0.12;
-          ctx.fillStyle = color;
-          ctx.beginPath();
-          for (let i = iStart; i <= iEnd; i++) {
-            ctx.lineTo(scaleX(lPos[i]), scaleY(Math.max(0, Math.min(1, ciUpper[i]))));
-          }
-          for (let i = iEnd; i >= iStart; i--) {
-            ctx.lineTo(scaleX(lPos[i]), scaleY(Math.max(0, Math.min(1, ciLower[i]))));
-          }
-          ctx.closePath();
-          ctx.fill();
-        }
-        ctx.globalAlpha = 0.8;
-        ctx.strokeStyle = color;
-        ctx.lineWidth = 2;
-        ctx.setLineDash(showCi ? [] : [6, 4]);
-        ctx.beginPath();
-        for (let i = iStart; i <= iEnd; i++) {
-          ctx.lineTo(scaleX(lPos[i]), scaleY(Math.max(0, Math.min(1, fitted[i]))));
-        }
-        ctx.stroke();
-        ctx.setLineDash([]);
-      }
-    }
-    if (!showDots) {
-      ctx.globalAlpha = 1;
-      return { img: { minv: 0, maxv: 1, src: canvas.toDataURL("image/png") }, showCi };
-    }
-    for (let i = 0; i < probes.positions.length; i++) {
-      const x = scaleX(probes.positions[i]);
-      const isSig = probes.sig[i];
-      const alpha = isSig ? 0.85 : 0.3;
-      ctx.globalAlpha = alpha;
-      ctx.fillStyle = colors.group1;
-      const m1 = probes.mean_group1[i];
-      if (m1 != null) {
-        ctx.beginPath();
-        ctx.arc(x, scaleY(m1), 4, 0, Math.PI * 2);
-        ctx.fill();
-      }
-      ctx.fillStyle = colors.group2;
-      const m2 = probes.mean_group2[i];
-      if (m2 != null) {
-        ctx.beginPath();
-        ctx.arc(x, scaleY(m2), 4, 0, Math.PI * 2);
-        ctx.fill();
-      }
-    }
-    ctx.globalAlpha = 1;
-    return { img: { minv: 0, maxv: 1, src: canvas.toDataURL("image/png") }, showCi };
-  }
-  makeDmrBedItems(dmrResult, settings) {
-    const floor = settings.dmr.minDeltaBeta || 0;
-    const items = dmrResult.dmrs.map((dmr) => {
-      if (!clearsMinDeltaBeta(dmr.delta_beta_mean, floor))
-        return {
-          chr: dmr.chr,
-          start: dmr.start,
-          stop: dmr.stop,
-          color: BELOW_FLOOR_COLOR,
-          name: `\u0394\u03B2 ${signed(dmr.delta_beta_mean)}, under ${floor}: not counted`
-        };
-      const negLog = -Math.log10(Math.max(dmr.min_smoothed_fdr, 1e-300));
-      const alpha = Math.round(Math.min(255, Math.max(50, negLog / 10 * 255)));
-      const hex = alpha.toString(16).padStart(2, "0");
-      const base = dmr.direction === "hyper" ? settings.dmr.colors.hyper : settings.dmr.colors.hypo;
-      return {
-        chr: dmr.chr,
-        start: dmr.start,
-        stop: dmr.stop,
-        color: base + hex,
-        name: `\u0394\u03B2 ${signed(dmr.delta_beta_mean)}, ${dmr.no_cpgs} CpGs`
-      };
-    });
-    for (const d of dmrResult.maskedDmrs || [])
-      items.push({
-        chr: d.chr,
-        start: d.start,
-        stop: d.stop,
-        color: MASKED_COLOR,
-        name: `masked: ${d.maskedBy.join(", ").toLowerCase() || "artifact-prone region"}`
-      });
-    return items;
-  }
-  makeSigCpgBedItems(dmrResult, settings, chr, queryStart, queryStop) {
-    const diag = dmrResult.diagnostic;
-    if (!diag) return [];
-    const { probes } = diag;
-    const items = [];
-    const minDeltaBeta = 0.05;
-    for (let i = 0; i < probes.positions.length; i++) {
-      if (!probes.sig[i]) continue;
-      const pos = probes.positions[i];
-      if (queryStart != null && queryStop != null && (pos < queryStart || pos > queryStop)) continue;
-      const mg1 = probes.mean_group1[i];
-      const mg2 = probes.mean_group2[i];
-      if (mg1 == null || mg2 == null) continue;
-      const deltaBeta = mg2 - mg1;
-      if (Math.abs(deltaBeta) < minDeltaBeta) continue;
-      const color = deltaBeta >= 0 ? settings.dmr.colors.hyper : settings.dmr.colors.hypo;
-      items.push({ chr, start: pos, stop: pos + 1, color });
-    }
-    return items;
-  }
-};
-
-export {
-  getDefaultDMRSettings,
-  CCRE_TRACK_NAME,
-  DmrViewModel
-};
-//# sourceMappingURL=chunk-DDABG5BR.js.map

package/dist/chunk-DR5JLHTB.js

@@ -1,35 +0,0 @@
-import {
-  appInit
-} from "./chunk-OOVVKQSD.js";
-import {
-  TermTypes
-} from "./chunk-2N345NXD.js";
-
-// termdb/handlers/ssGSEA.ts
-var SearchHandler = class {
-  async init(opts) {
-    this.callback = opts.callback;
-    this.app = opts.app;
-    const genesetDbName = Object.keys(opts.genomeObj.termdbs || {})[0];
-    if (!genesetDbName) throw "genesetDbName missing";
-    await appInit({
-      holder: opts.holder,
-      state: {
-        dslabel: genesetDbName,
-        genome: opts.genomeObj.name,
-        nav: { header_mode: "search_only" }
-      },
-      tree: {
-        click_term: (term) => {
-          this.callback({ id: term.id, type: TermTypes.SSGSEA, name: term.name });
-        }
-      }
-    });
-    opts.holder.select("input.tree_search").attr("data-testid", "sjpp-ssgsea-search");
-  }
-};
-
-export {
-  SearchHandler
-};
-//# sourceMappingURL=chunk-DR5JLHTB.js.map

package/dist/chunk-E2Z4X6C2.js

@@ -1,55 +0,0 @@
-import {
-  colorinframe
-} from "./chunk-OOVVKQSD.js";
-import {
-  IN_frame,
-  OUT_frame
-} from "./chunk-2N345NXD.js";
-
-// src/spliceevent.phrase.js
-function spliceevent_phrase_default(evt) {
-  const htmls = [];
-  if (evt.isaltexon || evt.isskipexon) {
-    const exonstart = Math.min(...evt.skippedexon);
-    const exonstop = Math.max(...evt.skippedexon);
-    htmls.push(
-      '<div style="display:inline-block">' + (exonstart == exonstop ? "exon " + (exonstart + 1) : "exons " + (exonstart + 1) + "-" + (exonstop + 1)) + " " + (evt.isaltexon ? "alternative usage" : "skipping") + "</div>"
-    );
-    if (evt.isaltexon) {
-      htmls.push(
-        "<div class=sja_tinylogo_body>" + evt.gmB.isoform + ", " + evt.gmA.isoform + "</div><div class=sja_tinylogo_head>ISOFORMS</div>"
-      );
-    } else {
-      htmls.push("<div class=sja_tinylogo_body>" + evt.gm.isoform + "</div><div class=sja_tinylogo_head>ISOFORM</div>");
-    }
-    if (evt.junctionB.data) {
-      htmls.push(
-        "<div class=sja_tinylogo_body>" + evt.junctionB.data.length + "</div><div class=sja_tinylogo_head>SAMPLE" + (evt.junctionB.data.length > 1 ? "S" : "") + "</div>"
-      );
-    }
-    htmls.push("<div class=sja_tinylogo_body>" + evt.percentage + " %</div><div class=sja_tinylogo_head>PERCENT</div>");
-    if (evt.framenocheck) {
-      if (evt.utr3) {
-        htmls.push(`<div class=sja_tinylogo_body style="background-color:#ededed">3' UTR</div>`);
-      } else if (evt.utr5) {
-        htmls.push(`<div class=sja_tinylogo_body style="background-color:#ededed">5' UTR</div>`);
-      }
-    } else if (evt.frame == IN_frame) {
-      htmls.push(
-        '<div class=sja_tinylogo_body style="background-color:' + colorinframe + ';color:white">IN</div><div class=sja_tinylogo_head>FRAME</div>'
-      );
-    } else if (evt.frame == OUT_frame) {
-      htmls.push("<div class=sja_tinylogo_body>OUT</div><div class=sja_tinylogo_head>FRAME</div>");
-    } else {
-      htmls.push("<div class=sja_tinylogo_body>?</div><div class=sja_tinylogo_head>FRAME</div>");
-    }
-  } else {
-    return "unknown event type!!";
-  }
-  return htmls.join(" ");
-}
-
-export {
-  spliceevent_phrase_default
-};
-//# sourceMappingURL=chunk-E2Z4X6C2.js.map

package/dist/chunk-E4WAVMI5.js

@@ -1,194 +0,0 @@
-import {
-  violinRenderer
-} from "./chunk-OOVVKQSD.js";
-import {
-  getValueConversionFactor
-} from "./chunk-W5J3LTYS.js";
-import {
-  linear
-} from "./chunk-4OLM3KSB.js";
-import {
-  drag_default
-} from "./chunk-5R63Q5KH.js";
-import {
-  pointer_default,
-  select_default
-} from "./chunk-I6Y4O3RR.js";
-
-// termsetting/handlers/NumericDensity.ts
-var NumericDensity = class {
-  constructor(opts) {
-    this.dom = {};
-    // WeakMap allows deletion of value when the object/DOM key is deleted,
-    // so better for avoiding memory leak
-    this.vrByDiv = /* @__PURE__ */ new WeakMap();
-    this.ranges = [];
-    this.no_density_data = false;
-    this.brushes = [];
-    this.plot_size = {
-      width: 500,
-      height: 100,
-      xpad: 10,
-      ypad: 20,
-      radius: 8
-    };
-    this.opts = opts;
-    this.termsetting = opts.termsetting;
-    this.tw = opts.termsetting.tw;
-  }
-  /* the boundary values exchanged with the bin/knot editors, and the domain of this.xscale, are in
-  	the term's user-facing unit; density_data is in the unit the values are stored in. only the two
-  	getters below cross that line, to put the plot's endpoints in the same unit as those values.
-  
-  	they multiply instead of calling toUserUnit(), which rounds: rounding is right for a number shown
-  	in an input, but a rounded domain endpoint distorts every scaled x by up to half of the last shown
-  	digit, and collapses the domain outright when the converted range is smaller than that (a stored
-  	range of under 2 days at scaleFactor=1/365.25). it would also disagree with violinRenderer, whose
-  	axis this plot's lines overlay and which scales its own domain unrounded */
-  get scaleFactor() {
-    return getValueConversionFactor(this.tw.term);
-  }
-  get displayMin() {
-    return this.density_data.min * this.scaleFactor;
-  }
-  get displayMax() {
-    return this.density_data.max * this.scaleFactor;
-  }
-  async setData() {
-    const self = this.termsetting;
-    const d = await self.vocabApi.getViolinBox(
-      {
-        plotType: "violin",
-        tw: { type: self.tw.type, term: self.term, q: self.q },
-        svgw: this.plot_size.width,
-        radius: this.plot_size.radius,
-        filter: self.filter
-      },
-      self.opts.getBodyParams?.()
-    );
-    if (d.error) throw d;
-    this.density_data = d;
-    return this.density_data;
-  }
-  async showViolin(div, boundaryOpts) {
-    await this.setData();
-    if (!this.vrByDiv.has(div)) {
-      div.style("padding", "5px").selectAll("*").remove();
-      const loadingDiv = div.append("div").style("padding", "10px").style("text-align", "center").html("Getting distribution data ...<br/>");
-      const densityDiv = div.append("div");
-      loadingDiv.remove();
-      const vr = new violinRenderer({
-        holder: densityDiv,
-        rd: this.density_data,
-        width: this.plot_size.width,
-        height: this.plot_size.height,
-        radius: this.plot_size.radius,
-        // axis ticks are labeled in the term's user-facing unit, e.g. years and not days
-        scaleFactor: this.scaleFactor
-      });
-      this.vrByDiv.set(div, vr);
-    }
-    this.vr = this.vrByDiv.get(div);
-    this.dom.svg = this.vr.svg;
-    this.vr.render();
-    if (boundaryOpts) await this.setBinLines(boundaryOpts);
-    return this.density_data;
-  }
-  async setBinLines(boundaryOpts) {
-    if (this.density_data.max == this.density_data.min) {
-      this.handleNoDensity();
-    } else {
-      if (this.dom.binsize_g) this.dom.binsize_g.selectAll("*").remove();
-      this.dom.binsize_g = this.dom.svg.append("g").attr("transform", `translate(${this.plot_size.xpad}, ${this.plot_size.ypad})`).attr("class", "binsize_g");
-      const maxvalue = this.displayMax;
-      const minvalue = this.displayMin;
-      this.xscale = linear().domain([minvalue, maxvalue]).range([this.plot_size.xpad, this.plot_size.width + this.plot_size.xpad]);
-      this.ranges = [];
-      this.brushes = [];
-      this.renderBinLines(boundaryOpts);
-    }
-  }
-  handleNoDensity() {
-    this.no_density_data = true;
-    this.ranges = [];
-    this.brushes = [];
-  }
-  renderBinLines(boundaryOpts) {
-    const { plot_size, tw, xscale, scaleFactor } = this;
-    if (!this.density_data) throw `Missing .density_data [density.ts, renderBinLines()]`;
-    const scaledMinX = Math.round(this.xscale(this.displayMin));
-    const scaledMaxX = Math.round(this.xscale(this.displayMax));
-    const lines = [];
-    for (const [index, v] of boundaryOpts.values.entries()) {
-      lines.push({ ...v, index, scaledX: Math.round(this.xscale(v.x)) });
-    }
-    const lastVisibleLine = lines.find((l) => l.isLastVisibleLine);
-    const lastVisibleScaledX = lastVisibleLine ? lastVisibleLine.scaledX : scaledMaxX;
-    const dragger = drag_default().on("drag", onDrag).on("end", onDrag);
-    this.dom.binsize_g.selectAll("line").remove();
-    this.dom.binsize_g.selectAll("line").data(lines).enter().append("line").style("stroke", (d) => d.isDraggable ? "#cc0000" : "#555").style("stroke-width", 1).attr("x1", (d) => d.scaledX).attr("y1", 0).attr("x2", (d) => d.scaledX).attr("y2", plot_size.height).style("cursor", (d) => d.isDraggable ? "ew-resize" : "").attr("display", (d) => !d.isDraggable && d.scaledX > lastVisibleScaledX ? "none" : "").on("mouseover", function(_, d) {
-      if (d.isDraggable) select_default(this).style("stroke-width", 3);
-    }).on("mouseout", function() {
-      select_default(this).style("stroke-width", 1);
-    }).each(function(d) {
-      if (d.isDraggable) select_default(this).call(dragger);
-    });
-    const lineElems = this.dom.binsize_g.node().querySelectorAll("line");
-    function toBoundaryValue(x) {
-      const inverted = xscale.invert(x);
-      return Number(
-        scaleFactor != 1 ? inverted.toFixed(2) : tw.term.type == "integer" ? Math.round(inverted) : inverted.toFixed(3)
-      );
-    }
-    function toLineValue(line) {
-      return line.draggedX === void 0 ? line.x : toBoundaryValue(line.draggedX);
-    }
-    function getNeighbors(d) {
-      const x = d.draggedX ?? d.scaledX;
-      let lower, upper;
-      for (const line of lines) {
-        if (line.index === d.index || !line.isDraggable) continue;
-        const lineX = line.draggedX ?? line.scaledX;
-        if (lineX <= x) {
-          if (!lower || lineX > (lower.draggedX ?? lower.scaledX)) lower = line;
-        } else if (!upper || lineX < (upper.draggedX ?? upper.scaledX)) upper = line;
-      }
-      return [lower, upper];
-    }
-    function onDrag(event, _d) {
-      const d = _d;
-      const [lower, upper] = getNeighbors(d);
-      const lowerX = Math.max(scaledMinX, lower ? lower.draggedX ?? lower.scaledX : scaledMinX);
-      const upperX = Math.min(scaledMaxX, upper ? upper.draggedX ?? upper.scaledX : scaledMaxX);
-      if (upperX - lowerX < 2) return;
-      const draggedX = Math.min(Math.max(pointer_default(event, this)[0], lowerX + 1), upperX - 1);
-      const value = toBoundaryValue(draggedX);
-      if (lower && value === toLineValue(lower)) return;
-      if (upper && value === toLineValue(upper)) return;
-      d.draggedX = draggedX;
-      select_default(this).attr("x1", d.draggedX).attr("y1", 0).attr("x2", d.draggedX).attr("y2", plot_size.height);
-      const lastVisibleScaledX2 = lastVisibleLine?.draggedX ?? lastVisibleLine?.scaledX ?? scaledMaxX;
-      const xOffset = d.draggedX - d.scaledX;
-      if (xOffset) {
-        for (const elem of lineElems) {
-          const c = elem.__data__;
-          if (c.movesWithLineIndex !== d.index) continue;
-          c.draggedX = c.scaledX + xOffset;
-          select_default(elem).attr("x1", c.draggedX).attr("x2", c.draggedX).style("display", c.draggedX >= lastVisibleScaledX2 ? "none" : "");
-        }
-        boundaryOpts.callback(d, value);
-      }
-    }
-  }
-  destroy() {
-    for (const [k, v] of Object.entries(this.dom)) {
-      delete this.dom[k];
-      if (typeof v.remove == "function") v.remove();
-    }
-  }
-};
-
-export {
-  NumericDensity
-};
-//# sourceMappingURL=chunk-E4WAVMI5.js.map