@sjcrh/proteinpaint-client 2.182.0 → 2.183.0

package/dist/chunk-VYIO7T6J.js

@@ -0,0 +1,82 @@
+import {
+  Menu
+} from "./chunk-A6TQGNDQ.js";
+import {
+  select_default
+} from "./chunk-NDWTN4U5.js";
+
+// plots/matrix/matrix.dom.js
+function setMatrixDom(opts) {
+  const holder = opts.controls ? opts.holder : opts.holder.append("div");
+  holder.style("position", "relative");
+  const controls = this.opts.controls || holder.append("div");
+  const errorDiv = holder.append("div");
+  const loadingDiv = holder.append("div").style("position", "relative").style("top", this.opts.controls ? 0 : "50px").style("left", "50px");
+  const errdiv = holder.append("div").attr("class", "sja_errorbar").style("display", "none");
+  const warningDiv = holder.append("div").attr("class", "sja_errorbar").style("display", "none");
+  const svg = holder.append("svg").attr("data-testid", "sjpp-matrix-svg").style("margin", "20px").style("overflow", "visible").on("mousemove.label", this.svgMousemove).on("mouseup.label", this.svgMouseup);
+  this.seriesClipId = `sjpp_clip_${this.id}`;
+  const mainG = svg.append("g").attr("class", "sjpp-matrix-maing").on("mouseover", this.showCellInfo).on("mousemove", this.showCellInfo).on("mouseout", this.mouseout);
+  const rectsG = mainG.append("g").attr("clip-path", `url(#${this.seriesClipId})`);
+  const sampleLabelsPG = mainG.append("g");
+  const termLabelsPG = mainG.append("g");
+  const tip = new Menu({ padding: "5px" });
+  this.dom = {
+    header: opts.header,
+    holder,
+    contentNode: opts.holder.node().closest(".sjpp-output-sandbox-content") || opts.holder.node().parentNode,
+    errdiv,
+    warningDiv,
+    controls,
+    errorDiv,
+    loadingDiv,
+    svg,
+    clipRect: svg.append("defs").append("clipPath").attr("id", this.seriesClipId).attr("clipPathUnits", "userSpaceOnUse").append("rect").attr("display", "block"),
+    mainG,
+    cluster: rectsG.append("g").attr("class", "sjpp-matrix-cluster-g").on("mousedown", this.seriesesGMousedown).on("mousemove", this.seriesesGMousemove),
+    //.on('mouseup', this.seriesesGMouseup),
+    seriesesG: rectsG.append("g").attr("class", "sjpp-matrix-serieses-g").attr("data-testid", "sjpp_matrix_mainG_serieses").on("mousedown", this.seriesesGMousedown),
+    //.on('mousemove', this.seriesesGMousemove)
+    //.on('mouseup', this.seriesesGMouseup),
+    highlightBeamG: rectsG.append("g").attr("class", "sjpp-matrix-highlight-beam"),
+    sampleLabelsPG,
+    sampleGrpLabelG: sampleLabelsPG.append("g").attr("class", "sjpp-matrix-series-group-label-g").on("click", this.showSampleGroupMenu).on("mousedown.sjppMatrixLabelText", this.enableTextHighlight).on("mouseup.sjppMatrixLabelText", this.disableTextHighlight),
+    sampleLabelG: sampleLabelsPG.append("g").attr("class", "sjpp-matrix-series-label-g").on("click", (event) => this.mouseclick(event)),
+    /* // TODO: sample label drag to move
+    	.on('mouseover', this.sampleLabelMouseover)
+    	.on('mouseout', this.sampleLabelMouseout)
+    	.on('mousedown', this.sampleLabelMousedown)
+    	.on('mousemove', this.sampleLabelMousemove)
+    	.on('mouseup', this.sampleLabelMouseup)*/
+    termLabelsPG,
+    termGrpLabelG: termLabelsPG.append("g").attr("class", "sjpp-matrix-term-group-label-g").on("mouseover", this.termGrpLabelMouseover).on("mouseout", this.termGrpLabelMouseout).on("mousedown", this.termGrpLabelMousedown).on("mousemove", this.termGrpLabelMousemove).on("mouseup", this.termGrpLabelMouseup).on("mousedown.sjppMatrixLabelText", this.enableTextHighlight).on("mouseup.sjppMatrixLabelText", this.disableTextHighlight),
+    termLabelG: termLabelsPG.append("g").attr("class", "sjpp-matrix-term-label-g").on("mouseover", this.termLabelMouseover).on("mouseout", this.termLabelMouseout).on("mousedown", this.termLabelMousedown).on("mousemove", this.termLabelMousemove).on("mouseup", this.termLabelMouseup).on("mousedown.sjppMatrixLabelText", this.enableTextHighlight).on("mouseup.sjppMatrixLabelText", this.disableTextHighlight),
+    scroll: mainG.append("g"),
+    //legendDiv: holder.append('div').style('margin', '5px 5px 15px 50px'),
+    legendG: mainG.append("g").attr("class", "sjpp-matrix-legend-g").on("mouseover", this.legendLabelMouseover).on("mouseout", this.legendLabelMouseout).on("mouseup", this.legendLabelMouseup),
+    // !!! Do NOT use self.dom.tip.clear(), since it will also get rid of menutop and menubody
+    tip,
+    menutop: tip.d.append("div"),
+    menubody: tip.d.append("div"),
+    clickMenu: new Menu({ padding: "0px" }),
+    brushMenu: new Menu({ padding: "0px" }),
+    dendroClickMenu: new Menu({ padding: "0px" }),
+    legendMenu: new Menu({ padding: "0px" }),
+    matrixCellHoverOver: new Menu({ padding: "0px" })
+  };
+  this.dom.colBeam = this.dom.highlightBeamG.append("rect").style("display", "none").style("stroke-width", "0.5px").style("fill", "transparent").style("pointer-events", "none");
+  this.dom.rowBeam = this.dom.highlightBeamG.append("rect").style("display", "none").style("stroke-width", "0.5px").style("fill", "transparent").style("pointer-events", "none");
+  this.dom.tip.onHide = () => {
+    this.lastActiveLabel = this.activeLabel;
+    delete this.activeLabel;
+  };
+  select_default("body").on(`mousedown.matrixZoom-${this.id}`, this.resetInteractions);
+  window.onscroll = this.delayedMouseoutHandler;
+  const contentDiv = this.dom.holder.node().closest(".sjpp-output-sandbox-content");
+  if (contentDiv) contentDiv.onscroll = this.delayedMouseoutHandler;
+}
+
+export {
+  setMatrixDom
+};
+//# sourceMappingURL=chunk-VYIO7T6J.js.map

package/dist/chunk-VYIO7T6J.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../plots/matrix/matrix.dom.js"],
+  "sourcesContent": ["import { Menu } from '#dom/menu'\nimport { select } from 'd3-selection'\n\nexport function setMatrixDom(opts) {\n\tconst holder = opts.controls ? opts.holder : opts.holder.append('div')\n\tholder.style('position', 'relative')\n\tconst controls = this.opts.controls || holder.append('div')\n\tconst errorDiv = holder.append('div')\n\tconst loadingDiv = holder\n\t\t.append('div')\n\t\t.style('position', 'relative')\n\t\t.style('top', this.opts.controls ? 0 : '50px')\n\t\t.style('left', '50px')\n\tconst errdiv = holder.append('div').attr('class', 'sja_errorbar').style('display', 'none')\n\tconst warningDiv = holder.append('div').attr('class', 'sja_errorbar').style('display', 'none')\n\tconst svg = holder\n\t\t.append('svg')\n\t\t.attr('data-testid', 'sjpp-matrix-svg')\n\t\t.style('margin', '20px')\n\t\t.style('overflow', 'visible')\n\t\t.on('mousemove.label', this.svgMousemove)\n\t\t.on('mouseup.label', this.svgMouseup)\n\n\tthis.seriesClipId = `sjpp_clip_${this.id}`\n\n\tconst mainG = svg\n\t\t.append('g')\n\t\t.attr('class', 'sjpp-matrix-maing')\n\t\t//.style('overflow', 'hidden')\n\t\t.on('mouseover', this.showCellInfo)\n\t\t.on('mousemove', this.showCellInfo)\n\t\t.on('mouseout', this.mouseout)\n\n\tconst rectsG = mainG.append('g').attr('clip-path', `url(#${this.seriesClipId})`)\n\t// parent g for sample, term labels g\n\tconst sampleLabelsPG = mainG.append('g')\n\tconst termLabelsPG = mainG.append('g')\n\tconst tip = new Menu({ padding: '5px' })\n\n\tthis.dom = {\n\t\theader: opts.header,\n\t\tholder,\n\t\tcontentNode: opts.holder.node().closest('.sjpp-output-sandbox-content') || opts.holder.node().parentNode,\n\t\terrdiv,\n\t\twarningDiv,\n\t\tcontrols,\n\t\terrorDiv,\n\t\tloadingDiv,\n\t\tsvg,\n\t\tclipRect: svg\n\t\t\t.append('defs')\n\t\t\t.append('clipPath')\n\t\t\t.attr('id', this.seriesClipId)\n\t\t\t//.attr('clipPathUnits', 'objectBoundingBox')\n\t\t\t.attr('clipPathUnits', 'userSpaceOnUse')\n\t\t\t.append('rect')\n\t\t\t.attr('display', 'block'),\n\t\tmainG,\n\t\tcluster: rectsG\n\t\t\t.append('g')\n\t\t\t.attr('class', 'sjpp-matrix-cluster-g')\n\t\t\t.on('mousedown', this.seriesesGMousedown)\n\t\t\t.on('mousemove', this.seriesesGMousemove),\n\t\t//.on('mouseup', this.seriesesGMouseup),\n\t\tseriesesG: rectsG\n\t\t\t.append('g')\n\t\t\t.attr('class', 'sjpp-matrix-serieses-g')\n\t\t\t.attr('data-testid', 'sjpp_matrix_mainG_serieses')\n\t\t\t.on('mousedown', this.seriesesGMousedown),\n\t\t//.on('mousemove', this.seriesesGMousemove)\n\t\t//.on('mouseup', this.seriesesGMouseup),\n\n\t\thighlightBeamG: rectsG.append('g').attr('class', 'sjpp-matrix-highlight-beam'),\n\n\t\tsampleLabelsPG,\n\t\tsampleGrpLabelG: sampleLabelsPG\n\t\t\t.append('g')\n\t\t\t.attr('class', 'sjpp-matrix-series-group-label-g')\n\t\t\t.on('click', this.showSampleGroupMenu)\n\t\t\t.on('mousedown.sjppMatrixLabelText', this.enableTextHighlight)\n\t\t\t.on('mouseup.sjppMatrixLabelText', this.disableTextHighlight),\n\t\tsampleLabelG: sampleLabelsPG\n\t\t\t.append('g')\n\t\t\t.attr('class', 'sjpp-matrix-series-label-g')\n\t\t\t// .on('mousedown.sjppMatrixLabelText', this.enableTextHighlight)\n\t\t\t// .on('mouseup.sjppMatrixLabelText', this.disableTextHighlight)\n\t\t\t.on('click', event => this.mouseclick(event)),\n\t\t/* // TODO: sample label drag to move\n\t\t\t.on('mouseover', this.sampleLabelMouseover)\n\t\t\t.on('mouseout', this.sampleLabelMouseout)\n\t\t\t.on('mousedown', this.sampleLabelMousedown)\n\t\t\t.on('mousemove', this.sampleLabelMousemove)\n\t\t\t.on('mouseup', this.sampleLabelMouseup)*/\n\t\ttermLabelsPG,\n\t\ttermGrpLabelG: termLabelsPG\n\t\t\t.append('g')\n\t\t\t.attr('class', 'sjpp-matrix-term-group-label-g')\n\t\t\t.on('mouseover', this.termGrpLabelMouseover)\n\t\t\t.on('mouseout', this.termGrpLabelMouseout)\n\t\t\t.on('mousedown', this.termGrpLabelMousedown)\n\t\t\t.on('mousemove', this.termGrpLabelMousemove)\n\t\t\t.on('mouseup', this.termGrpLabelMouseup)\n\t\t\t.on('mousedown.sjppMatrixLabelText', this.enableTextHighlight)\n\t\t\t.on('mouseup.sjppMatrixLabelText', this.disableTextHighlight),\n\t\ttermLabelG: termLabelsPG\n\t\t\t.append('g')\n\t\t\t.attr('class', 'sjpp-matrix-term-label-g')\n\t\t\t.on('mouseover', this.termLabelMouseover)\n\t\t\t.on('mouseout', this.termLabelMouseout)\n\t\t\t.on('mousedown', this.termLabelMousedown)\n\t\t\t.on('mousemove', this.termLabelMousemove)\n\t\t\t.on('mouseup', this.termLabelMouseup)\n\t\t\t.on('mousedown.sjppMatrixLabelText', this.enableTextHighlight)\n\t\t\t.on('mouseup.sjppMatrixLabelText', this.disableTextHighlight),\n\t\tscroll: mainG.append('g'),\n\t\t//legendDiv: holder.append('div').style('margin', '5px 5px 15px 50px'),\n\t\tlegendG: mainG\n\t\t\t.append('g')\n\t\t\t.attr('class', 'sjpp-matrix-legend-g')\n\t\t\t.on('mouseover', this.legendLabelMouseover)\n\t\t\t.on('mouseout', this.legendLabelMouseout)\n\t\t\t.on('mouseup', this.legendLabelMouseup),\n\t\t// !!! Do NOT use self.dom.tip.clear(), since it will also get rid of menutop and menubody\n\t\ttip,\n\t\tmenutop: tip.d.append('div'),\n\t\tmenubody: tip.d.append('div'),\n\t\tclickMenu: new Menu({ padding: '0px' }),\n\t\tbrushMenu: new Menu({ padding: '0px' }),\n\t\tdendroClickMenu: new Menu({ padding: '0px' }),\n\t\tlegendMenu: new Menu({ padding: '0px' }),\n\t\tmatrixCellHoverOver: new Menu({ padding: '0px' })\n\t}\n\n\tthis.dom.colBeam = this.dom.highlightBeamG\n\t\t.append('rect')\n\t\t.style('display', 'none')\n\t\t.style('stroke-width', '0.5px')\n\t\t.style('fill', 'transparent')\n\t\t.style('pointer-events', 'none')\n\n\tthis.dom.rowBeam = this.dom.highlightBeamG\n\t\t.append('rect')\n\t\t.style('display', 'none')\n\t\t.style('stroke-width', '0.5px')\n\t\t.style('fill', 'transparent')\n\t\t.style('pointer-events', 'none')\n\n\tthis.dom.tip.onHide = () => {\n\t\tthis.lastActiveLabel = this.activeLabel\n\t\tdelete this.activeLabel\n\t}\n\n\t// remove the matrix brush zoom area when clicking on body\n\tselect('body').on(`mousedown.matrixZoom-${this.id}`, this.resetInteractions)\n\n\twindow.onscroll = this.delayedMouseoutHandler\n\tconst contentDiv = this.dom.holder.node().closest('.sjpp-output-sandbox-content')\n\tif (contentDiv) contentDiv.onscroll = this.delayedMouseoutHandler\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/chunk-W345H42C.js

@@ -0,0 +1,273 @@
+import {
+  TermTypes
+} from "./chunk-6ITDJ5UR.js";
+import {
+  __export
+} from "./chunk-HFNDKYVF.js";
+
+// plots/matrix/hierCluster.renderers.js
+var hierCluster_renderers_exports = {};
+__export(hierCluster_renderers_exports, {
+  maySetSandboxHeader: () => maySetSandboxHeader,
+  plotDendrogramHclust: () => plotDendrogramHclust,
+  renderImage: () => renderImage
+});
+function maySetSandboxHeader(appState) {
+  if (!this.dom.header) return;
+  switch (this.config.dataType) {
+    case TermTypes.GENE_EXPRESSION:
+      this.dom.header.text("Gene Expression Clustering");
+      break;
+    case TermTypes.METABOLITE_INTENSITY:
+      this.dom.header.text("Metabolite Intensity Clustering");
+      break;
+    case TermTypes.PROTEOME_ABUNDANCE:
+      this.dom.header.text(
+        this.config.assayCohortTitle ? `Protein Abundance Clustering (${this.config.assayCohortTitle})` : "Protein Abundance Clustering"
+      );
+      break;
+    default:
+      throw `dataType '${this.config.dataType}' not recognized`;
+  }
+}
+function plotDendrogramHclust(plotOnly) {
+  const d = this.dimensions;
+  const s = this.config.settings.matrix;
+  const xOffset = d.seriesXoffset;
+  const pxr = window.devicePixelRatio <= 1 ? 1 : window.devicePixelRatio;
+  const obj = this.hierClusterData.clustering;
+  const row = obj.row;
+  const col = obj.col;
+  const rowHeight = this.settings.matrix.clusterRowh, { xDendrogramHeight, yDendrogramHeight } = this.settings.hierCluster, colWidth = this.dimensions.dx;
+  if (plotOnly !== "left") {
+    if (!this.settings.hierCluster.clusterSamples) {
+      this.dom.topDendrogram.selectAll("*").remove();
+    } else {
+      const height2px = getHclustHeightScalefactor(col.height, yDendrogramHeight);
+      const height = yDendrogramHeight + 1e-7;
+      const width = Math.min(colWidth * col.inputOrder.length, s.imgWMax);
+      if (width <= 0 || height <= 0) {
+        console.warn(
+          "Skipping top dendrogram render: invalid dimensions.",
+          "This may indicate a zoom feedback loop issue.",
+          {
+            width,
+            height,
+            colWidth,
+            sampleCount: col.inputOrder.length,
+            yDendrogramHeight
+          }
+        );
+        this.dom.topDendrogram.selectAll("*").remove();
+        return;
+      }
+      const canvas = new OffscreenCanvas(width * pxr, height * pxr);
+      const ctx = canvas.getContext("2d");
+      ctx.scale(pxr, pxr);
+      ctx.translate(-d.xMin, 0);
+      ctx.imageSmoothingEnabled = false;
+      ctx.imageSmoothingQuality = "high";
+      ctx.strokeStyle = "black";
+      const mergedClusters = /* @__PURE__ */ new Map();
+      for (const [clusterid0, pair] of col.merge.entries()) {
+        const clusterid = clusterid0 + 1;
+        const children = [];
+        const childrenClusters = [];
+        let x1, x2, y1, y2;
+        if (pair.n1 < 0) {
+          const [name, columnNumber] = getLeafNumber(pair.n1, col.inputOrder, col.order);
+          x1 = colWidth * (columnNumber + 0.5);
+          y1 = yDendrogramHeight;
+          children.push({ name });
+        } else {
+          if (!mergedClusters.has(pair.n1)) throw "pair.n1 is positive but not seen before";
+          const c = mergedClusters.get(pair.n1);
+          x1 = c.x;
+          y1 = c.y;
+          children.push(...c.children);
+          childrenClusters.push(pair.n1);
+        }
+        if (pair.n2 < 0) {
+          const [name, columnNumber] = getLeafNumber(pair.n2, col.inputOrder, col.order);
+          x2 = colWidth * (columnNumber + 0.5);
+          y2 = yDendrogramHeight;
+          children.push({ name });
+        } else {
+          if (!mergedClusters.has(pair.n2)) throw "pair.n1 is positive but not seen before";
+          const c = mergedClusters.get(pair.n2);
+          x2 = c.x;
+          y2 = c.y;
+          children.push(...c.children);
+          childrenClusters.push(pair.n2);
+        }
+        const clusterY = yDendrogramHeight - col.height[clusterid0].height * height2px;
+        const highlight = this.clickedClusterIds?.includes(clusterid);
+        ctx.strokeStyle = highlight ? "red" : "black";
+        ctx.beginPath();
+        ctx.moveTo(x1, y1);
+        ctx.lineTo(x1, clusterY);
+        ctx.lineTo(x2, clusterY);
+        ctx.lineTo(x2, y2);
+        ctx.stroke();
+        ctx.closePath();
+        mergedClusters.set(clusterid, {
+          x: (x1 + x2) / 2,
+          y: clusterY,
+          children,
+          childrenClusters,
+          clusterPosition: {
+            x1,
+            x2,
+            y1,
+            y2,
+            clusterY
+          }
+        });
+      }
+      this.renderImage(
+        this.api,
+        this.dom.topDendrogram,
+        canvas,
+        width,
+        height,
+        xDendrogramHeight + 0.5 * colWidth + d.xMin,
+        s.margin.top + s.scrollHeight
+      );
+      col.mergedClusters = mergedClusters;
+    }
+  }
+  if (plotOnly !== "top") {
+    if (!this.settings.hierCluster.clusterRows) {
+      this.dom.leftDendrogram.selectAll("*").remove();
+    } else {
+      const height2px = getHclustHeightScalefactor(row.height, xDendrogramHeight);
+      const width = xDendrogramHeight + 1e-7;
+      const height = rowHeight * row.inputOrder.length;
+      const canvasWidthPx = Number.isFinite(width) && Number.isFinite(pxr) ? Math.max(0, Math.floor(width * pxr)) : 0;
+      const canvasHeightPx = Number.isFinite(height) && Number.isFinite(pxr) ? Math.max(0, Math.floor(height * pxr)) : 0;
+      if (!Number.isFinite(width) || !Number.isFinite(height) || !Number.isFinite(pxr) || width <= 0 || height <= 0 || pxr <= 0 || canvasWidthPx < 1 || canvasHeightPx < 1) {
+        console.warn(
+          "Skipping left dendrogram render: invalid dimensions.",
+          "This may indicate a zoom feedback loop issue.",
+          {
+            width,
+            height,
+            pxr,
+            canvasWidthPx,
+            canvasHeightPx,
+            rowHeight,
+            termCount: row.inputOrder.length,
+            xDendrogramHeight
+          }
+        );
+        this.dom.leftDendrogram.selectAll("*").remove();
+        return;
+      }
+      const canvas = new OffscreenCanvas(canvasWidthPx, canvasHeightPx);
+      const ctx = canvas.getContext("2d");
+      ctx.scale(pxr, pxr);
+      ctx.imageSmoothingEnabled = false;
+      ctx.imageSmoothingQuality = "high";
+      ctx.strokeStyle = "black";
+      const mergedClusters = /* @__PURE__ */ new Map();
+      for (const [clusterid0, pair] of row.merge.entries()) {
+        const clusterid = clusterid0 + 1;
+        const children = [];
+        const childrenClusters = [];
+        let x1, x2, y1, y2;
+        if (pair.n1 < 0) {
+          const [name, rowNumber] = getLeafNumber(pair.n1, row.inputOrder, row.order);
+          y1 = rowHeight * (rowNumber + 0.5);
+          x1 = xDendrogramHeight;
+          children.push({ name });
+        } else {
+          if (!mergedClusters.has(pair.n1)) throw "pair.n1 is positive but not seen before";
+          const c = mergedClusters.get(pair.n1);
+          x1 = c.x;
+          y1 = c.y;
+          children.push(...c.children);
+          childrenClusters.push(pair.n1);
+        }
+        if (pair.n2 < 0) {
+          const [name, rowNumber] = getLeafNumber(pair.n2, row.inputOrder, row.order);
+          y2 = rowHeight * (rowNumber + 0.5);
+          x2 = xDendrogramHeight;
+          children.push({ name });
+        } else {
+          if (!mergedClusters.has(pair.n2)) throw "pair.n1 is positive but not seen before";
+          const c = mergedClusters.get(pair.n2);
+          x2 = c.x;
+          y2 = c.y;
+          children.push(...c.children);
+          childrenClusters.push(pair.n2);
+        }
+        const clusterX = xDendrogramHeight - row.height[clusterid0].height * height2px;
+        const highlight = this.clickedLeftClusterIds?.includes(clusterid);
+        ctx.strokeStyle = highlight ? "red" : "black";
+        ctx.beginPath();
+        ctx.moveTo(x1, y1);
+        ctx.lineTo(clusterX, y1);
+        ctx.lineTo(clusterX, y2);
+        ctx.lineTo(x2, y2);
+        ctx.stroke();
+        ctx.closePath();
+        mergedClusters.set(clusterid, {
+          x: clusterX,
+          y: (y1 + y2) / 2,
+          children,
+          childrenClusters,
+          clusterPosition: {
+            x1,
+            x2,
+            y1,
+            y2,
+            clusterX
+          }
+        });
+      }
+      const t = this.termOrder.find((t2) => t2.grp.type == "hierCluster" || t2.grp.name == this.hcTermGroup.name);
+      const y = (
+        // t.labelOffset is commented out because it is already handled in adjustSvgDimensions
+        t.grpIndex * s.rowgspace + t.prevGrpTotalIndex * s.rowh + t.totalHtAdjustments + s.margin.top + s.scrollHeight + // left dendrogram image must be lower than the top dendrogram image height
+        yDendrogramHeight
+      );
+      this.renderImage(this.api, this.dom.leftDendrogram, canvas, width, height, 0, y);
+      row.mergedClusters = mergedClusters;
+    }
+  }
+}
+async function renderImage(componentApi, g, canvas, width, height, x, y) {
+  const sequenceId = componentApi.getSequenceId();
+  const reader = new FileReader();
+  reader.addEventListener(
+    "load",
+    () => {
+      if (componentApi.isStaleSequenceId(sequenceId)) return;
+      g.selectAll("*").remove();
+      g.append("image").attr("x", x + 0.033).attr("y", y + 0.033).attr("xlink:href", reader.result).attr("width", width).attr("height", height);
+    },
+    false
+  );
+  const blob = await canvas.convertToBlob({ quality: 1 });
+  reader.readAsDataURL(blob);
+}
+function getHclustHeightScalefactor(lst, ph) {
+  let max = lst[0].height;
+  for (const h of lst) max = Math.max(max, h.height);
+  return ph / max;
+}
+function getLeafNumber(minus, inputOrder, order) {
+  const name = inputOrder[-minus - 1];
+  if (!name) throw "minus not in inputOrder";
+  const i = order.findIndex((j) => j.name == name);
+  if (i == -1) throw "name not found in hc$order";
+  return [name, i];
+}
+
+export {
+  maySetSandboxHeader,
+  plotDendrogramHclust,
+  renderImage,
+  hierCluster_renderers_exports
+};
+//# sourceMappingURL=chunk-W345H42C.js.map

package/dist/chunk-W345H42C.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../plots/matrix/hierCluster.renderers.js"],
+  "sourcesContent": ["import { TermTypes } from '#shared/terms.js'\n\nexport function maySetSandboxHeader(appState) {\n\t// run only once upon init, after state and dataType is given\n\tif (!this.dom.header) return // no header\n\tswitch (this.config.dataType) {\n\t\tcase TermTypes.GENE_EXPRESSION:\n\t\t\tthis.dom.header.text('Gene Expression Clustering')\n\t\t\tbreak\n\t\tcase TermTypes.METABOLITE_INTENSITY:\n\t\t\tthis.dom.header.text('Metabolite Intensity Clustering')\n\t\t\tbreak\n\t\tcase TermTypes.PROTEOME_ABUNDANCE:\n\t\t\tthis.dom.header.text(\n\t\t\t\tthis.config.assayCohortTitle\n\t\t\t\t\t? `Protein Abundance Clustering (${this.config.assayCohortTitle})`\n\t\t\t\t\t: 'Protein Abundance Clustering'\n\t\t\t)\n\t\t\tbreak\n\t\tdefault:\n\t\t\tthrow `dataType '${this.config.dataType}' not recognized`\n\t}\n}\n\nexport function plotDendrogramHclust(plotOnly) {\n\t/*\n\tbased on hclust() output\n\tplotOnly=top will only render column dendrograms\n\tplotOnly=left will only render row dendrograms\n\tif false will render both row and column\n\t*/\n\tconst d = this.dimensions\n\tconst s = this.config.settings.matrix\n\tconst xOffset = d.seriesXoffset // could be negative when zoomed\n\tconst pxr = window.devicePixelRatio <= 1 ? 1 : window.devicePixelRatio\n\n\tconst obj = this.hierClusterData.clustering\n\tconst row = obj.row\n\tconst col = obj.col\n\t/* both row{} and col{} are hclust() output structure:\n\t.merge[]       {n1,n2}\n\t.height[]      {height}\n\t.order[]       {name}\n\t.inputOrder[]  [str]\n\t*/\n\n\tconst rowHeight = this.settings.matrix.clusterRowh, //this.dimensions.dy,\n\t\t{ xDendrogramHeight, yDendrogramHeight } = this.settings.hierCluster,\n\t\tcolWidth = this.dimensions.dx\n\n\t// plot column dendrogram\n\tif (plotOnly !== 'left') {\n\t\tif (!this.settings.hierCluster.clusterSamples) {\n\t\t\tthis.dom.topDendrogram.selectAll('*').remove()\n\t\t} else {\n\t\t\tconst height2px = getHclustHeightScalefactor(col.height, yDendrogramHeight)\n\n\t\t\tconst height = yDendrogramHeight + 0.0000001\n\t\t\tconst width = Math.min(colWidth * col.inputOrder.length, s.imgWMax)\n\n\t\t\t// Safety check: prevent zero-sized canvas which causes convertToBlob error\n\t\t\tif (width <= 0 || height <= 0) {\n\t\t\t\tconsole.warn(\n\t\t\t\t\t'Skipping top dendrogram render: invalid dimensions.',\n\t\t\t\t\t'This may indicate a zoom feedback loop issue.',\n\t\t\t\t\t{\n\t\t\t\t\t\twidth,\n\t\t\t\t\t\theight,\n\t\t\t\t\t\tcolWidth,\n\t\t\t\t\t\tsampleCount: col.inputOrder.length,\n\t\t\t\t\t\tyDendrogramHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t\tthis.dom.topDendrogram.selectAll('*').remove()\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tconst canvas = new OffscreenCanvas(width * pxr, height * pxr)\n\t\t\tconst ctx = canvas.getContext('2d')\n\t\t\tctx.scale(pxr, pxr)\n\t\t\t// when the OffscreenCanvas width is too wide (>60k pixels as tested in Chrome and other browsers),\n\t\t\t// rendering outside of the usable width causes an IndexSizeError. The solution below is similar to\n\t\t\t// what's done in matrix.renderer: impose an upper limit of s.imgWMax for the canvas width and\n\t\t\t// translate the rendered x positions to the left, creating a viewport bounded by the max canvas\n\t\t\t// image width and where the segments/lines positioned outside of those bounds are clipped\n\t\t\t// by the canvas engine\n\t\t\tctx.translate(-d.xMin, 0) // d.xMin = 0 when imgWMax is not exceeded\n\t\t\t//ctx.translate(-d.xMin, 0)\n\t\t\tctx.imageSmoothingEnabled = false\n\t\t\tctx.imageSmoothingQuality = 'high'\n\t\t\tctx.strokeStyle = 'black'\n\n\t\t\tconst mergedClusters = new Map()\n\t\t\t/*\n\t\t\tas iterating through .merge[], collect merged clusters in here\n\t\t\tk: cluster id, positive integer, as in row.merge[]\n\t\t\tv: {\n\t\t\t\tx:\n\t\t\t\ty:\n\t\t\t\tchildren:[]\n\t\t\t}\n\t\t\t*/\n\t\t\tfor (const [clusterid0, pair] of col.merge.entries()) {\n\t\t\t\t// pair is {n1,n2}, n1 and n2 form a new cluster; id of which is clusterid\n\n\t\t\t\tconst clusterid = clusterid0 + 1 // id of this cluster formed by pair, as used in hclust$merge; positive integer\n\t\t\t\tconst children = [] // collect all children leaves for this cluster\n\t\t\t\tconst childrenClusters = [] // collect direct children cluster Ids for this cluster\n\n\t\t\t\tlet x1, x2, y1, y2\n\t\t\t\tif (pair.n1 < 0) {\n\t\t\t\t\t// n1 is leaf\n\t\t\t\t\tconst [name, columnNumber] = getLeafNumber(pair.n1, col.inputOrder, col.order)\n\t\t\t\t\tx1 = colWidth * (columnNumber + 0.5)\n\t\t\t\t\ty1 = yDendrogramHeight\n\t\t\t\t\tchildren.push({ name })\n\t\t\t\t} else {\n\t\t\t\t\t// n1 is cluster\n\t\t\t\t\tif (!mergedClusters.has(pair.n1)) throw 'pair.n1 is positive but not seen before'\n\t\t\t\t\tconst c = mergedClusters.get(pair.n1)\n\t\t\t\t\tx1 = c.x\n\t\t\t\t\ty1 = c.y\n\t\t\t\t\tchildren.push(...c.children)\n\t\t\t\t\tchildrenClusters.push(pair.n1)\n\t\t\t\t}\n\t\t\t\tif (pair.n2 < 0) {\n\t\t\t\t\t// n2 is leaf\n\t\t\t\t\tconst [name, columnNumber] = getLeafNumber(pair.n2, col.inputOrder, col.order)\n\t\t\t\t\tx2 = colWidth * (columnNumber + 0.5)\n\t\t\t\t\ty2 = yDendrogramHeight\n\t\t\t\t\tchildren.push({ name })\n\t\t\t\t} else {\n\t\t\t\t\tif (!mergedClusters.has(pair.n2)) throw 'pair.n1 is positive but not seen before'\n\t\t\t\t\tconst c = mergedClusters.get(pair.n2)\n\t\t\t\t\tx2 = c.x\n\t\t\t\t\ty2 = c.y\n\t\t\t\t\tchildren.push(...c.children)\n\t\t\t\t\tchildrenClusters.push(pair.n2)\n\t\t\t\t}\n\t\t\t\t// cluster y position\n\t\t\t\tconst clusterY = yDendrogramHeight - col.height[clusterid0].height * height2px\n\n\t\t\t\tconst highlight = this.clickedClusterIds?.includes(clusterid)\n\t\t\t\tctx.strokeStyle = highlight ? 'red' : 'black'\n\n\t\t\t\tctx.beginPath()\n\t\t\t\tctx.moveTo(x1, y1) // move to n1\n\t\t\t\tctx.lineTo(x1, clusterY) // vertical line up to cluster\n\t\t\t\tctx.lineTo(x2, clusterY) // h line to n2\n\t\t\t\tctx.lineTo(x2, y2) // v line down to n2\n\t\t\t\tctx.stroke()\n\t\t\t\tctx.closePath()\n\n\t\t\t\tmergedClusters.set(clusterid, {\n\t\t\t\t\tx: (x1 + x2) / 2,\n\t\t\t\t\ty: clusterY,\n\t\t\t\t\tchildren,\n\t\t\t\t\tchildrenClusters,\n\t\t\t\t\tclusterPosition: {\n\t\t\t\t\t\tx1,\n\t\t\t\t\t\tx2,\n\t\t\t\t\t\ty1,\n\t\t\t\t\t\ty2,\n\t\t\t\t\t\tclusterY\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\n\t\t\tthis.renderImage(\n\t\t\t\tthis.api,\n\t\t\t\tthis.dom.topDendrogram,\n\t\t\t\tcanvas,\n\t\t\t\twidth,\n\t\t\t\theight,\n\t\t\t\txDendrogramHeight + 0.5 * colWidth + d.xMin,\n\t\t\t\ts.margin.top + s.scrollHeight\n\t\t\t)\n\n\t\t\tcol.mergedClusters = mergedClusters\n\t\t}\n\t}\n\n\t// plot row dendrogram\n\tif (plotOnly !== 'top') {\n\t\tif (!this.settings.hierCluster.clusterRows) {\n\t\t\tthis.dom.leftDendrogram.selectAll('*').remove()\n\t\t} else {\n\t\t\tconst height2px = getHclustHeightScalefactor(row.height, xDendrogramHeight)\n\t\t\tconst width = xDendrogramHeight + 0.0000001\n\t\t\tconst height = rowHeight * row.inputOrder.length\n\t\t\tconst canvasWidthPx = Number.isFinite(width) && Number.isFinite(pxr) ? Math.max(0, Math.floor(width * pxr)) : 0\n\t\t\tconst canvasHeightPx = Number.isFinite(height) && Number.isFinite(pxr) ? Math.max(0, Math.floor(height * pxr)) : 0\n\n\t\t\t// Safety check: prevent zero-sized canvas which causes OffscreenCanvas/convertToBlob errors\n\t\t\tif (\n\t\t\t\t!Number.isFinite(width) ||\n\t\t\t\t!Number.isFinite(height) ||\n\t\t\t\t!Number.isFinite(pxr) ||\n\t\t\t\twidth <= 0 ||\n\t\t\t\theight <= 0 ||\n\t\t\t\tpxr <= 0 ||\n\t\t\t\tcanvasWidthPx < 1 ||\n\t\t\t\tcanvasHeightPx < 1\n\t\t\t) {\n\t\t\t\tconsole.warn(\n\t\t\t\t\t'Skipping left dendrogram render: invalid dimensions.',\n\t\t\t\t\t'This may indicate a zoom feedback loop issue.',\n\t\t\t\t\t{\n\t\t\t\t\t\twidth,\n\t\t\t\t\t\theight,\n\t\t\t\t\t\tpxr,\n\t\t\t\t\t\tcanvasWidthPx,\n\t\t\t\t\t\tcanvasHeightPx,\n\t\t\t\t\t\trowHeight,\n\t\t\t\t\t\ttermCount: row.inputOrder.length,\n\t\t\t\t\t\txDendrogramHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t\tthis.dom.leftDendrogram.selectAll('*').remove()\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst canvas = new OffscreenCanvas(canvasWidthPx, canvasHeightPx)\n\t\t\tconst ctx = canvas.getContext('2d')\n\t\t\tctx.scale(pxr, pxr)\n\t\t\tctx.imageSmoothingEnabled = false\n\t\t\tctx.imageSmoothingQuality = 'high'\n\t\t\tctx.strokeStyle = 'black'\n\n\t\t\tconst mergedClusters = new Map()\n\t\t\tfor (const [clusterid0, pair] of row.merge.entries()) {\n\t\t\t\t// pair is {n1,n2}, n1 and n2 form a new cluster; id of which is clusterid\n\n\t\t\t\tconst clusterid = clusterid0 + 1 // id of this cluster formed by pair, as used in hclust$merge; positive integer\n\t\t\t\tconst children = [] // collect all children leaves for this cluster\n\t\t\t\tconst childrenClusters = []\n\n\t\t\t\tlet x1, x2, y1, y2\n\t\t\t\tif (pair.n1 < 0) {\n\t\t\t\t\t// n1 is leaf\n\t\t\t\t\tconst [name, rowNumber] = getLeafNumber(pair.n1, row.inputOrder, row.order)\n\t\t\t\t\ty1 = rowHeight * (rowNumber + 0.5)\n\t\t\t\t\tx1 = xDendrogramHeight\n\t\t\t\t\tchildren.push({ name })\n\t\t\t\t} else {\n\t\t\t\t\t// n1 is cluster\n\t\t\t\t\tif (!mergedClusters.has(pair.n1)) throw 'pair.n1 is positive but not seen before'\n\t\t\t\t\tconst c = mergedClusters.get(pair.n1)\n\t\t\t\t\tx1 = c.x\n\t\t\t\t\ty1 = c.y\n\t\t\t\t\tchildren.push(...c.children)\n\t\t\t\t\tchildrenClusters.push(pair.n1)\n\t\t\t\t}\n\t\t\t\tif (pair.n2 < 0) {\n\t\t\t\t\t// n2 is leaf\n\t\t\t\t\tconst [name, rowNumber] = getLeafNumber(pair.n2, row.inputOrder, row.order)\n\t\t\t\t\ty2 = rowHeight * (rowNumber + 0.5)\n\t\t\t\t\tx2 = xDendrogramHeight\n\t\t\t\t\tchildren.push({ name })\n\t\t\t\t} else {\n\t\t\t\t\tif (!mergedClusters.has(pair.n2)) throw 'pair.n1 is positive but not seen before'\n\t\t\t\t\tconst c = mergedClusters.get(pair.n2)\n\t\t\t\t\tx2 = c.x\n\t\t\t\t\ty2 = c.y\n\t\t\t\t\tchildren.push(...c.children)\n\t\t\t\t\tchildrenClusters.push(pair.n2)\n\t\t\t\t}\n\t\t\t\t// cluster x position\n\t\t\t\tconst clusterX = xDendrogramHeight - row.height[clusterid0].height * height2px\n\n\t\t\t\tconst highlight = this.clickedLeftClusterIds?.includes(clusterid)\n\t\t\t\tctx.strokeStyle = highlight ? 'red' : 'black'\n\n\t\t\t\tctx.beginPath()\n\t\t\t\tctx.moveTo(x1, y1) // move to n1\n\t\t\t\tctx.lineTo(clusterX, y1) // h line right to cluster\n\t\t\t\tctx.lineTo(clusterX, y2) // v line down to n2\n\t\t\t\tctx.lineTo(x2, y2) // h line left to n2\n\t\t\t\tctx.stroke()\n\t\t\t\tctx.closePath()\n\n\t\t\t\tmergedClusters.set(clusterid, {\n\t\t\t\t\tx: clusterX,\n\t\t\t\t\ty: (y1 + y2) / 2,\n\t\t\t\t\tchildren,\n\t\t\t\t\tchildrenClusters,\n\t\t\t\t\tclusterPosition: {\n\t\t\t\t\t\tx1,\n\t\t\t\t\t\tx2,\n\t\t\t\t\t\ty1,\n\t\t\t\t\t\ty2,\n\t\t\t\t\t\tclusterX\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\n\t\t\tconst t = this.termOrder.find(t => t.grp.type == 'hierCluster' || t.grp.name == this.hcTermGroup.name)\n\t\t\tconst y =\n\t\t\t\t// t.labelOffset is commented out because it is already handled in adjustSvgDimensions\n\t\t\t\tt.grpIndex * s.rowgspace +\n\t\t\t\tt.prevGrpTotalIndex * s.rowh /* + (t.labelOffset || 0) */ +\n\t\t\t\tt.totalHtAdjustments +\n\t\t\t\ts.margin.top +\n\t\t\t\ts.scrollHeight +\n\t\t\t\t// left dendrogram image must be lower than the top dendrogram image height\n\t\t\t\tyDendrogramHeight\n\t\t\tthis.renderImage(this.api, this.dom.leftDendrogram, canvas, width, height, 0, y)\n\n\t\t\trow.mergedClusters = mergedClusters\n\t\t}\n\t}\n}\n\nexport async function renderImage(componentApi, g, canvas, width, height, x, y) {\n\tconst sequenceId = componentApi.getSequenceId()\n\tconst reader = new FileReader()\n\treader.addEventListener(\n\t\t'load',\n\t\t() => {\n\t\t\tif (componentApi.isStaleSequenceId(sequenceId)) return\n\t\t\t// remove a previously rendered image, if applicable, right before replacing it\n\t\t\t// so that there will be no flicker on update\n\t\t\tg.selectAll('*').remove()\n\n\t\t\tg.append('image')\n\t\t\t\t.attr('x', x + 0.033)\n\t\t\t\t.attr('y', y + 0.033)\n\t\t\t\t.attr('xlink:href', reader.result)\n\t\t\t\t.attr('width', width)\n\t\t\t\t.attr('height', height)\n\t\t},\n\t\tfalse\n\t)\n\tconst blob = await canvas.convertToBlob({ quality: 1 })\n\treader.readAsDataURL(blob)\n\t// g.selectAll('*').remove()\n\t// const foCanvas = g.append('foreignObject').append('canvas').attr('width', width).attr('height', height).node()\n\t// const bitmap = canvas.transferToImageBitmap();\n\t// foCanvas.getContext(\"bitmaprenderer\").transferFromImageBitmap(bitmap);\n}\n\nfunction getHclustHeightScalefactor(lst, ph) {\n\t// scale hclust$height to on-screen max height (h) in number of pixels\n\tlet max = lst[0].height\n\tfor (const h of lst) max = Math.max(max, h.height)\n\treturn ph / max\n}\n\nfunction getLeafNumber(minus, inputOrder, order) {\n\tconst name = inputOrder[-minus - 1]\n\tif (!name) throw 'minus not in inputOrder'\n\tconst i = order.findIndex(j => j.name == name)\n\tif (i == -1) throw 'name not found in hc$order'\n\treturn [name, i]\n}\n"],
+  "mappings": "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",
+  "names": ["t"]
+}

package/dist/chunk-WGHO2NCP.js

@@ -0,0 +1,205 @@
+import {
+  DownloadMenu,
+  ListSamples,
+  filterJoin,
+  getFilterItemByTag,
+  renderTable
+} from "./chunk-OXJ2TWDO.js";
+import {
+  niceNumLabels
+} from "./chunk-SEQLC4AD.js";
+import {
+  SINGLECELL_GENE_EXPRESSION
+} from "./chunk-6ITDJ5UR.js";
+
+// plots/violin.interactivity.js
+function setInteractivity(self) {
+  self.getChartImages = function() {
+    const charts = [];
+    for (const [key, chart] of Object.entries(self.data.charts)) {
+      const title = self.getChartTitle(chart.chartId);
+      const name = `${self.config.term.term.name}  ${title}`;
+      const chartDiv = chart.chartDiv;
+      charts.push({ name, svg: chartDiv.select("svg") });
+    }
+    return charts;
+  };
+  self.download = function(event) {
+    if (!self.state) return;
+    const name2svg = self.getChartImages();
+    const dm = new DownloadMenu(name2svg, self.config.term.term.name);
+    dm.show(event.clientX, event.clientY, event.target);
+  };
+  self.displayLabelClickMenu = function(t1, t2, plot, event) {
+    if (!t2) return;
+    if (self.config.term.term.type == SINGLECELL_GENE_EXPRESSION) return;
+    const label = t1.q.mode === "continuous" ? "term2" : "term";
+    const options = [];
+    if (this.app.getState().nav.header_mode !== "only_buttons")
+      options.push({
+        label: `Add filter: ${plot.label.split(",")[0]}`,
+        testid: "sjpp-violinLabOpt-addf",
+        callback: getAddFilterCallback(self, plot)
+      });
+    options.push({
+      label: `Hide: ${plot.label}`,
+      testid: "sjpp-violinLabOpt-hide",
+      callback: () => {
+        const term = self.config[label];
+        const isHidden = true;
+        self.app.dispatch({
+          type: "plot_edit",
+          id: self.id,
+          config: {
+            [label]: {
+              isAtomic: true,
+              term: term.term,
+              q: getUpdatedQfromClick(plot, term, isHidden)
+            }
+          }
+        });
+      }
+    });
+    if (self.state.displaySampleIds && self.state.hasVerifiedToken) {
+      options.push({
+        label: `List samples`,
+        testid: "sjpp-violinLabOpt-list",
+        callback: async () => {
+          const [start, end] = [self.data.min, self.data.max];
+          await self.callListSamples(event, plot, start, end);
+        }
+      });
+    }
+    self.displayMenu(event, options);
+  };
+  self.displayBrushMenu = function(t1, t2, self2, plot, event, scale, isH) {
+    const selection = event.selection;
+    const [start, end] = isH ? [scale.invert(selection[0]), scale.invert(selection[1])] : [scale.invert(selection[1]), scale.invert(selection[0])];
+    const options = [];
+    if (this.app.getState().nav.header_mode === "with_tabs")
+      options.push({
+        label: `Add filter`,
+        testid: "sjpp-violinBrushOpt-addf",
+        callback: getAddFilterCallback(self2, plot, start, end)
+      });
+    if (self2.state.displaySampleIds && self2.state.hasVerifiedToken) {
+      options.push({
+        label: `List samples`,
+        testid: "sjpp-violinBrushOpt-list",
+        callback: async () => self2.callListSamples(event.sourceEvent, plot, start, end)
+      });
+    }
+    self2.displayMenu(event.sourceEvent, options, start, end);
+  };
+  self.displayMenu = function(event, options, start, end) {
+    const tip = self.dom.clicktip.clear().show(event.clientX, event.clientY);
+    const isBrush = start != null && end != null;
+    if (isBrush) {
+      const [niceStart, niceEnd] = self.config.term.term.type == "integer" ? [Math.round(start), Math.round(end)] : niceNumLabels([start, end]);
+      tip.d.append("div").style("margin", "10px").text(`From ${niceStart} to ${niceEnd}`);
+    }
+    tip.d.append("div").selectAll("div").data(options).enter().append("div").attr("class", "sja_menuoption sja_sharp_border").attr("data-testid", (d) => d.testid).text((d) => d.label).on("click", async (event2, d) => {
+      if (event2.target._clicked) return;
+      event2.target._clicked = true;
+      event2.target.textContent = "Loading...";
+      await d.callback();
+      tip.hide();
+    });
+  };
+  self.getSampleList = function(plot, start, end) {
+    const { term, term2, term0 } = self.config;
+    const bins = self.data.bins;
+    const rangeStart = start !== void 0 ? start : null;
+    const rangeStop = end !== void 0 ? end : null;
+    const ls = new ListSamples({
+      app: self.app,
+      termfilter: self.state.termfilter,
+      term,
+      term2,
+      term0,
+      plot,
+      bins,
+      start: rangeStart,
+      end: rangeStop
+    });
+    return ls;
+  };
+  self.callListSamples = async function(event, plot, start, end) {
+    const ls = self.getSampleList(plot, start, end);
+    const data = await ls.getData();
+    const [rows, columns] = ls.setTableData(data);
+    const tip = self.dom.sampletabletip;
+    tip.clear().show(event.clientX, event.clientY, false);
+    renderTable({
+      rows,
+      columns,
+      div: tip.d,
+      showLines: true,
+      maxHeight: "40vh",
+      resize: true,
+      dataTestId: "sjpp-listsampletable"
+    });
+  };
+  self.labelHideLegendClicking = function(t2, plot) {
+    self.dom.legendDiv.selectAll(".sjpp-htmlLegend").on("click", (event) => {
+      event.stopPropagation();
+      const d = event.target.__data__;
+      const termNum = t2?.term.type === "condition" || t2?.term.type === "samplelst" || t2?.term.type === "categorical" || (t2?.term.type === "float" || t2?.term.type === "integer") && self.config.term?.q.mode === "continuous" ? "term2" : "term";
+      const term = self.config[termNum];
+      if (t2) {
+        for (const key of Object.keys(term?.q?.hiddenValues)) {
+          if (d.text === key) {
+            delete term.q.hiddenValues[key];
+          }
+        }
+        const isHidden = false;
+        self.app.dispatch({
+          type: "plot_edit",
+          id: self.id,
+          config: {
+            [termNum]: {
+              isAtomic: true,
+              term: term.term,
+              q: getUpdatedQfromClick(plot, term, isHidden)
+            }
+          }
+        });
+      }
+    }).on("mouseover", (event) => {
+      const q = event.target.__data__;
+      if (q === void 0) return;
+      if (q.isHidden === true && q.isClickable === true) {
+        self.dom.hovertip.clear().show(event.clientX, event.clientY).d.append("span").text("Click to unhide plot");
+      }
+    }).on("mouseout", function() {
+      self.dom.hovertip.hide();
+    });
+  };
+}
+function getAddFilterCallback(self, plot, rangeStart, rangeStop) {
+  const ls = self.getSampleList(plot, rangeStart, rangeStop);
+  return () => {
+    const filterUiRoot = getFilterItemByTag(self.state.termfilter.filter, "filterUiRoot");
+    const filter = filterJoin([filterUiRoot, ls.tvslst]);
+    filter.tag = "filterUiRoot";
+    self.app.dispatch({
+      type: "filter_replace",
+      filter
+    });
+  };
+}
+function getUpdatedQfromClick(plot, term, isHidden = false) {
+  const label = plot.label;
+  const valueId = term?.term?.values ? term?.term?.values?.[label]?.label : label;
+  const id = !valueId ? label : valueId;
+  const q = term.q;
+  if (!q.hiddenValues) q.hiddenValues = {};
+  if (isHidden) q.hiddenValues[id] = 1;
+  else delete q.hiddenValues[id];
+  return q;
+}
+
+export {
+  setInteractivity
+};
+//# sourceMappingURL=chunk-WGHO2NCP.js.map