@sjcrh/proteinpaint-client 2.184.0 → 2.185.0

package/dist/chunk-YK5NFMHR.js

@@ -1,269 +0,0 @@
-import {
-  Menu
-} from "./chunk-A6TQGNDQ.js";
-import {
-  pointer_default,
-  select_default
-} from "./chunk-NDWTN4U5.js";
-
-// dom/svgSeriesTips.js
-function getSeriesTip(line, rect, _tip = null) {
-  const tip = _tip || new Menu({ padding: "5px" });
-  line.style("display", "none");
-  const rectNode = rect.style("fill", "transparent").node();
-  function mouseOver(event) {
-    const m = pointer_default(event, rectNode);
-    const mx = m[0];
-    const xVal = +opts.xScale.invert(mx).toFixed(opts.decimals);
-    const x = opts.xScale(xVal);
-    line.style("display", "").attr("stroke", "#aaa").attr("stroke-dasharray", 4).attr("x1", x).attr("x2", x);
-    const seriesHtmls = [];
-    for (const series of opts.serieses) {
-      const data = series.data;
-      const data_x = data.map((d) => d.x);
-      if (xVal >= Math.min(...data_x) && xVal <= Math.max(...data_x)) {
-        const max = Math.max(...data_x.filter((x2) => x2 <= xVal));
-        const timepoint = data.find((d) => d.x == max);
-        if (timepoint) seriesHtmls.push(timepoint.html);
-      }
-    }
-    if (seriesHtmls.length) {
-      tip.show(event.clientX, event.clientY).d.html(`<span>${opts.xTitleLabel}: ${xVal}</span><br>` + seriesHtmls.map((d) => d).join(opts.separator));
-    } else {
-      tip.hide();
-    }
-  }
-  rect.on("mouseover", mouseOver).on("mousemove", mouseOver).on("mouseout", () => {
-    line.style("display", "none");
-    tip.hide();
-  });
-  const opts = {
-    separator: "<br>",
-    decimals: 1
-  };
-  return {
-    /*
-    			Will update the length of the vertical line
-    			and reassign optional data values
-    
-    			!!! MUST call api.update() before the expected mouseover event,
-    			so that the line will have the proper length and the mouse
-    			position could be computed with .xScale !!! 
-    
-    			_opts{}
-    			.xScale					required
-    										the d3-scale object that was used for the rect dimensions
-    										
-    			.xTitleLabel			required
-    										title of x-axis
-    										will be used as label of x-value in tooltip
-    
-    			.serieses[{data}] 		required
-    										array of series objects, assumed to be visibly rendered
-    							
-    				.data[{x, html}]	required
-    										array of data objects
-    										the series data that is currently rendered in the chart
-    					
-    					.x 				required, float
-    										the datapoint's actual, unscaled x value
-    					
-    					.html   		required, string
-    										the HTML to display in the tooltip if this datapoint's 
-    										x value matched the vertical line's position
-    
-    			.separator				optional, string
-    										the html to be used to join the series html strings when displayed in the tooltip
-    
-    			.decimals				optional, number
-    										number of decimal places of the datapoint's x-value
-    										will control the precision of the vertical line
-    		*/
-    update(_opts = {}) {
-      Object.assign(opts, _opts);
-      const x = rect.attr("x");
-      const y = rect.attr("y");
-      line.attr("x1", x).attr("x2", x).attr("y1", y).attr("y2", rect.attr("height") - y);
-    },
-    /*
-    	detroy to help minimize memory leaks
-    	from elements and event handlers not being garbage collected
-    	because of non-deactivated references
-    */
-    destroy() {
-      rect.on("mouseover", null).on("mousemove", null).on("mouseout", null);
-    }
-  };
-}
-
-// dom/renderAtRisk.js
-function renderAtRiskG({ g, s, chart, order, term2toColor, onSerieClick }) {
-  const bySeries = {};
-  const xTickValues = chart.xTickValues.filter((xTick) => xTick >= chart.xMin);
-  for (const series of chart.visibleSerieses) {
-    const counts = [];
-    let i = 0, d = series.data[0], prev = d, nCensored = 0;
-    for (const time of xTickValues) {
-      while (d && d.x < time) {
-        nCensored += d.ncensor;
-        prev = d;
-        i++;
-        d = series.data[i];
-      }
-      if (d && d.x === time) {
-        counts.push([time, d.nrisk, nCensored]);
-      } else {
-        counts.push([time, prev.nrisk - prev.nevent - prev.ncensor, nCensored]);
-      }
-    }
-    bySeries[series.seriesId] = counts;
-  }
-  const y = s.svgh - s.svgPadding.top - s.svgPadding.bottom + 60;
-  const seriesOrder = order || chart.serieses.map((s2) => s2.seriesId);
-  let data;
-  g.selectAll(".sjpp-atrisk-title").remove();
-  if (s.atRiskVisible) {
-    data = Object.keys(bySeries).sort((a, b) => seriesOrder.indexOf(a) - seriesOrder.indexOf(b));
-    const addYoffset = chart.serieses.length == 1 && !chart.serieses[0].seriesId;
-    const titleg = g.append("text").attr("class", "sjpp-atrisk-title").attr("transform", `translate(${s.atRiskLabelOffset}, ${addYoffset ? 2 * s.axisTitleFontSize : 0})`).attr("text-anchor", "end").attr("font-size", `${s.axisTitleFontSize - 4}px`).attr("cursor", chart.serieses.length == 1 ? "pointer" : "default").text("Number at risk").on("click", chart.serieses.length == 1 ? (e) => onSerieClick({ seriesId: "" }, e.clientX, e.clientY) : null);
-    if (term2toColor[""]) titleg.style("fill", s.defaultColor);
-    titleg.append("tspan").attr("x", 0).attr("y", s.axisTitleFontSize - 4).text("(# censored)");
-  } else {
-    data = [];
-  }
-  const sg = g.attr("transform", `translate(0,${y})`).selectAll(":scope > g").data(data, (seriesId) => seriesId);
-  sg.exit().remove();
-  sg.each(function(seriesId, i) {
-    const y2 = (i + 1) * (2 * s.axisTitleFontSize);
-    const g2 = select_default(this).attr("transform", `translate(0,${y2})`).attr("fill", term2toColor[""] ? s.defaultColor : term2toColor[seriesId].adjusted);
-    renderAtRiskTick(g2.select(":scope>g"), chart, xTickValues, s, seriesId, bySeries[seriesId]);
-  });
-  sg.enter().append("g").each(function(seriesId, i) {
-    const y2 = (i + 1) * (2 * s.axisTitleFontSize);
-    const g2 = select_default(this).attr("transform", `translate(0,${y2})`).attr("fill", term2toColor[""] ? s.defaultColor : term2toColor[seriesId].adjusted).on("click", (e) => onSerieClick({ seriesId }, e.clientX, e.clientY));
-    const sObj = chart.serieses.find((s2) => s2.seriesId === seriesId);
-    g2.append("text").attr("data-testid", "sjpp-atrisk-seriesId").attr("transform", `translate(${s.atRiskLabelOffset}, 0)`).attr("text-anchor", "end").attr("font-size", `${s.axisTitleFontSize - 4}px`).attr("cursor", "pointer").datum({ seriesId }).text(seriesId && seriesId != "*" ? sObj.seriesLabel || seriesId : "");
-    renderAtRiskTick(g2.append("g"), chart, xTickValues, s, seriesId, bySeries[seriesId]);
-  });
-}
-function renderAtRiskTick(g, chart, xTickValues, s, seriesId, series) {
-  const reversed = series.slice().reverse();
-  const data = xTickValues.map((tickVal) => {
-    if (tickVal === 0) return { seriesId, tickVal, atRisk: series[0][1], nCensored: series[0][2] };
-    const d = reversed.find((d2) => d2[0] <= tickVal);
-    return { seriesId, tickVal, atRisk: d[1], nCensored: d[2] };
-  });
-  const text = g.selectAll("text").data(data);
-  text.exit().remove();
-  text.attr("transform", (d) => `translate(${chart.xScale(d.tickVal)},0)`).attr("text-anchor", "middle").attr("font-size", `${s.axisTitleFontSize - 4}px`).attr("cursor", "pointer").each(renderAtRiskLabel);
-  text.enter().append("text").attr("transform", (d) => `translate(${chart.xScale(d.tickVal)},0)`).attr("text-anchor", "middle").attr("font-size", `${s.axisTitleFontSize - 4}px`).attr("cursor", "pointer").each(renderAtRiskLabel);
-  function renderAtRiskLabel(d) {
-    const tspans = select_default(this).selectAll("tspan").data([d.atRisk, `(${d.nCensored})`]);
-    tspans.exit().remove();
-    tspans.attr("y", (d2, i) => i === 0 ? 0 : i * (s.axisTitleFontSize - 4)).text((d2) => d2);
-    tspans.enter().append("tspan").attr("x", 0).attr("y", (d2, i) => i === 0 ? 0 : i * (s.axisTitleFontSize - 4)).text((d2) => d2);
-  }
-}
-
-// dom/renderPvalueTable.js
-function renderPvalues({
-  title,
-  titleTestid,
-  holder,
-  plot,
-  tests,
-  s,
-  bins,
-  tip,
-  setActiveMenu,
-  updateHiddenPvalues
-}) {
-  let fontSize;
-  if (s.axisTitleFontSize) {
-    fontSize = s.axisTitleFontSize - 2;
-  } else fontSize = 15;
-  const maxPvalsToShow = 10;
-  holder.selectAll("*").remove();
-  if (!plot) {
-    throw `plot type '${plot}' not recognized`;
-  }
-  holder.append("div").style("padding-bottom", "5px").style("font-size", fontSize + "px").style("font-weight", "bold").attr("data-testid", titleTestid || "sjpp-pvalueTable-title").text(title);
-  const tablediv = holder.append("div").style("border", "1px solid #ccc");
-  if (plot == "violin" && tests.pvalues.length > maxPvalsToShow || tests.length > maxPvalsToShow) {
-    tablediv.style("overflow", "auto").style("height", "220px");
-  }
-  const visibleTests = s.hiddenPvalues ? tests.filter((t) => !s.hiddenPvalues.find((p) => p.series1.id === t.series1.id && p.series2.id === t.series2.id)) : tests;
-  if (plot == "violin" ? visibleTests.pvalues.length : visibleTests.length) {
-    const binOrder = bins && bins.length > 0 ? bins.map((b) => b.label) : null;
-    if (binOrder) {
-      for (const test of visibleTests) {
-        const orderedSeries = [test.series1.id, test.series2.id].sort(
-          (a, b) => binOrder.indexOf(a) - binOrder.indexOf(b)
-        );
-        if (test.series2.id == orderedSeries[0]) {
-          test.series1_new = test.series2;
-          test.series2_new = test.series1;
-          test.series1 = test.series1_new;
-          test.series2 = test.series2_new;
-          delete test.series1_new;
-          delete test.series2_new;
-        }
-      }
-      visibleTests.sort(
-        (a, b) => binOrder.indexOf(a.series1.id) - binOrder.indexOf(b.series1.id) || binOrder.indexOf(a.series2.id) - binOrder.indexOf(b.series2.id)
-      );
-    }
-    const table = tablediv.append("table").style("width", "100%");
-    table.append("thead").append("tr").selectAll("td").data(["Group 1", "Group 2", "P-value"]).enter().append("td").style("padding", "1px 8px 1px 2px").style("color", "#555").style("position", "sticky").style("top", "0px").style("background", "white").style("font-size", fontSize + "px").text((column) => column);
-    const tbody = table.append("tbody");
-    const tr = tbody.selectAll("tr").data(plot == "violin" ? visibleTests.pvalues : visibleTests).enter().append("tr").attr("class", `pp-${plot}-chartLegends-pvalue`);
-    if (plot == "survival") {
-      tr.on("click", (event, t) => {
-        const hiddenPvalues = s.hiddenPvalues.slice();
-        hiddenPvalues.push(t);
-        updateHiddenPvalues(hiddenPvalues);
-      });
-    }
-    tr.selectAll("td").data((d) => [d.series1, d.series2, d.pvalue]).enter().append("td").attr("aria-label", plot ? "Click to hide a p-value" : "").style("color", plot == "violin" ? "black" : (d) => d.color).style("padding", "1px 8px 1px 2px").style("font-size", fontSize + "px").style("cursor", plot == "survival" ? "pointer" : "auto").text((d) => plot == "violin" ? d : d.text);
-    if (plot == "cuminc") {
-      if (visibleTests.find((test) => test.permutation)) {
-        holder.append("div").style("margin-top", "10px").style("font-size", fontSize - 2 + "px").text("*computed by permutation of Gray's test statistic");
-      }
-    }
-  }
-  if (plot == "survival") {
-    const hiddenTests = tests.filter(
-      (t) => s.hiddenPvalues.find((p) => p.series1.id === t.series1.id && p.series2.id === t.series2.id)
-    );
-    if (hiddenTests.length) {
-      holder.append("div").style("color", "#aaa").style("cursor", "pointer").html(`<span style='color:#aaa; font-weight:400'><span>Hidden tests (${hiddenTests.length})</span>`).on("click", (event) => {
-        tip.clear();
-        const divs = tip.d.append("div").selectAll("div").data(hiddenTests).enter().append("div").each(function(d) {
-          setActiveMenu(true);
-          const div = select_default(this);
-          div.append("input").attr("type", "checkbox").style("margin-right", "5px");
-          div.append("span").html(`${d.series1.id} vs ${d.series2.id}`);
-        });
-        tip.d.append("button").html("Show checked test(s)").on("click", () => {
-          const hiddenPvalues = [];
-          divs.filter(function() {
-            return !select_default(this.firstChild).property("checked");
-          }).each((d) => hiddenPvalues.push(d));
-          updateHiddenPvalues(hiddenPvalues);
-          tip.hide();
-        });
-        tip.show(event.clientX, event.clientY);
-      });
-    }
-    if (s.maxTimeToEvent && visibleTests.length) {
-      holder.append("div").style("margin-top", "10px").style("font-size", fontSize - 2 + "px").text((visibleTests.length > 1 ? "p-values are" : "p-value is") + " computed with all survival data");
-    }
-  }
-}
-
-export {
-  getSeriesTip,
-  renderAtRiskG,
-  renderPvalues
-};
-//# sourceMappingURL=chunk-YK5NFMHR.js.map

package/dist/chunk-ZIAGMGMS.js

@@ -1,381 +0,0 @@
-import {
-  Menu
-} from "./chunk-A6TQGNDQ.js";
-import {
-  copyMerge
-} from "./chunk-MVTCBVSX.js";
-import {
-  mclass
-} from "./chunk-XRVBHNCW.js";
-import {
-  select_default
-} from "./chunk-NDWTN4U5.js";
-
-// plots/matrix/matrix.sorterUi.js
-var alphabet = `ABCDEFGHIJKLMNOPQRSTUVWXYZ`.split("");
-function getSorterUi(opts) {
-  const { controls, holder } = opts;
-  const parent = controls.parent;
-  const s = structuredClone(parent.config.settings.matrix);
-  const l = s.controlLabels;
-  const tip = new Menu({ padding: "", parent_menu: parent.app.tip?.d.node() });
-  let input, theads = [], sectionData, dragged = {};
-  const self = {
-    dom: { tip },
-    opts,
-    highlightColor: "none",
-    label: `Sort ${l.Samples}`,
-    title: `Set how to sort ${l.samples}`,
-    type: "custom",
-    expanded: opts.expanded || false,
-    expandedSection: opts.expandedSection || "",
-    init(overrides = {}, _opts = {}) {
-      tip.clear().hide();
-      if (parent.config.settings.matrix != s) copyMerge(s, parent.config.settings.matrix);
-      if (s !== overrides) copyMerge(s, overrides);
-      self.settings = s;
-      self.activeOption = structuredClone(s.sortOptions[s.sortSamplesBy]);
-      sectionData = [
-        {
-          label: `For each selected row, sort ${l.samples} by matching data`,
-          notDraggable: true,
-          tiebreakers: [],
-          handler: handleSelectedTerms
-        },
-        ...self.activeOption.sortPriority,
-        {
-          label: `Sort ${l.samples} by name, alphabetically`,
-          notDraggable: true,
-          tiebreakers: []
-        }
-      ];
-      Object.assign(opts, _opts);
-      opts.holder.selectAll("*").remove();
-      const topDiv = opts.holder.append("div").style("text-align", "right");
-      topDiv.append("button").html("Apply").on("click", apply);
-      topDiv.append("button").html("Reset").on("click", (event, d) => self.init());
-      const table = opts.holder.append("table");
-      const tr = table.append("thead");
-      tr.append("th").html("Priority").style("text-align", "left").style("max-width", "0px");
-      tr.append("th").html("Description");
-      tr.append("th").html("Action");
-      let i = 0, j = 0;
-      for (const sd of sectionData) {
-        const hasTbOrder = sd.tiebreakers?.[0]?.order || sd.handler;
-        const thead = table.append("thead").datum(sd).property("draggable", !sd.notDraggable).attr("droppable", true).on("dragstart", trackDraggedSection).on("dragover", highlightSection).on("dragleave", unhighlightSection).on("drop", adjustSortPriority);
-        theads.push(select_default(thead));
-        const tr2 = thead.append("tr").style("background-color", "#eee").on("mouseover", undoMouseoverHighlights);
-        tr2.append("th").style("padding", "5px").style("vertical-align", "top").style("font-weight", 400).html(alphabet[j++]).on("click", hasTbOrder ? toggleSection : null);
-        const td2 = tr2.append("th").style("padding", "5px").style("vertical-align", "top").style("text-align", "left").style("cursor", hasTbOrder ? "pointer" : "").on("click", hasTbOrder ? toggleSection : null);
-        td2.append("span").style("margin-right", "12px").style("font-weight", 400).html(sd.label);
-        tr2.append("th").style("padding", "5px").style("vertical-align", "top").style("text-align", "center").style("font-weight", 400).style("cursor", hasTbOrder ? "pointer" : "").append("span").html(hasTbOrder ? "Details" : " ").on("click", hasTbOrder ? toggleSection : null);
-        const tbody = table.append("tbody").datum(sd).style("display", self.expandedSection == "all" || self.expandedSection == sd.label ? "" : "none");
-        for (const tb of sd.tiebreakers) {
-          if (tb.skip) continue;
-          if (!sd.types?.includes("geneVariant")) {
-            continue;
-          }
-          const tr3 = tbody.append("tr").on("mouseover", undoMouseoverHighlights).datum(tb).attr("draggable", !tb.disabled && sd.types?.length !== 0).attr("droppable", !tb.disabled && sd.types?.length !== 0).on("dragstart", trackDraggedTieBreaker).on("dragover", highlightTieBreaker).on("dragleave", unhighlightTieBreaker).on("drop", adjustTieBreakers);
-          if (!tb.disabled) i++;
-          const td1 = tr3.append("td").attr(
-            "title",
-            tb.disabled ? `This tiebreaker is currently not being used to sort ${l.cases}. Check the box to use.` : `The number indicates the order in which this tiebreaker is used. Unched the box to skip.`
-          ).datum(tb);
-          td1.style("padding", "5px").style("vertical-align", "top").style("text-align", "center");
-          td1.append("span").html(!tb.disabled ? i : "");
-          const td22 = tr3.append("td").style("opacity", tb.disabled ? 0.5 : 1).style("padding", "5px").style("vertical-align", "top").style("max-width", "500px");
-          td22.append("span").html(tb.label || "");
-          if (!tb.disabled) {
-            const label = td22.append("label");
-            label.append("span").html("<br>(use data list order ");
-            if (!tb.isOrdered) tb.isOrdered = false;
-            const checkbox = label.append("input").datum(tb).attr("type", "checkbox").property("checked", tb.isOrdered).style("vertical-align", "bottom").on("change", toggleTieBreakerIsOrdered);
-            label.append("span").html(")");
-            const order = tb.order;
-            td22.append("div").attr("class", "sjpp-matrix-sorter-ui-value").selectAll("div").data(
-              order.map((key, index) => ({
-                lstName: "order",
-                key,
-                cls: mclass[key],
-                tb,
-                dragstart: trackDraggedValue,
-                dragover: highlightValue,
-                dragleave: unhighlightValue,
-                drop: adjustValueOrder,
-                filterByClass: s.filterByClass,
-                index
-              }))
-            ).enter().append("div").style("display", tb.isOrdered ? "block" : "inline-block").each(setValueDiv);
-            if (tb.notUsed?.length) {
-              const notUsed = td22.append("div");
-              notUsed.append("div").attr("data-testid", "sjpp-matrix-sorter-ui-hidden-add").style("display", "inline-block").style("padding", "5x").style("vertical-align", "top").style("padding", "3px 5px").style("cursor", "pointer").html(`+Add`).on("click", showNotUsedValues);
-            }
-          }
-          const td3 = tr3.append("td").style("text-align", "center").style("vertical-align", "top");
-          if (tb.mayToggle) {
-            td3.append("button").datum(tb).html(tb.disabled ? "Enable" : "Disable").on("click", toggleTieBreakerDisabled);
-          }
-        }
-        const lastTr = tbody.append("tr").attr("draggable", true).on("mouseover", undoMouseoverHighlights);
-        lastTr.append("td").html("&nbsp;");
-        const tdNew = lastTr.append("td").style("text-align", "left").html(sd.details && !sd.order?.length ? sd.details : "&nbsp;");
-        if (sd.handler) sd.handler(tdNew, lastTr, tbody);
-        lastTr.append("td").html("&nbsp;");
-      }
-    },
-    toggleSection,
-    trackDraggedSection,
-    highlightSection,
-    unhighlightSection,
-    adjustSortPriority,
-    trackDraggedTieBreaker,
-    highlightTieBreaker,
-    unhighlightTieBreaker,
-    adjustTieBreakers,
-    trackDraggedValue,
-    highlightValue,
-    unhighlightValue,
-    adjustValueOrder,
-    apply
-  };
-  function toggleSection(event, d = { label: "all" }) {
-    self.expandedSection = self.expandedSection === d.label ? "" : d.label;
-    self.expanded = !!self.expandedSection;
-    self.init();
-  }
-  function trackDraggedSection(event, d) {
-    dragged.type = "sortPriority";
-    dragged.data = d;
-    dragged.index = self.activeOption.sortPriority.indexOf(d);
-  }
-  function highlightSection(event, d) {
-    if (dragged.type != "sortPriority" || d == dragged.data) return;
-    event.preventDefault();
-    const i = self.activeOption.sortPriority.indexOf(d);
-    const borderSide = i < dragged.index ? "border-top" : i > dragged.index ? "border-bottom" : "";
-    if (!borderSide) return;
-    select_default(this).selectAll("th").style(borderSide, "2px solid blue");
-  }
-  function unhighlightSection(event, d) {
-    if (dragged.type != "sortPriority") return;
-    event.preventDefault();
-    select_default(this).selectAll("th").style("border", "none");
-  }
-  function adjustSortPriority(event, d) {
-    if (d == dragged.data) return;
-    const i = self.activeOption.sortPriority.indexOf(d);
-    const s2 = parent.config.settings.matrix;
-    self.activeOption.sortPriority.splice(dragged.index, 1);
-    self.activeOption.sortPriority.splice(i, 0, dragged.data);
-    self.init({
-      sortOptions: {
-        [s2.sortSamplesBy]: self.activeOption
-      }
-    });
-  }
-  function trackDraggedTieBreaker(event, d) {
-    dragged.type = "tiebreaker";
-    dragged.data = d;
-    dragged.sectionData = event.target.closest("tbody").__data__;
-    dragged.priorityIndex = self.activeOption.sortPriority.indexOf(dragged.sectionData);
-    dragged.index = dragged.sectionData.tiebreakers.indexOf(d);
-  }
-  function highlightTieBreaker(event, d) {
-    if (dragged.type != "tiebreaker" || d == dragged.data) return;
-    event.preventDefault();
-    const i = dragged.sectionData.tiebreakers.indexOf(d);
-    const borderSide = i < dragged.index ? "border-top" : i > dragged.index ? "border-bottom" : "";
-    if (!borderSide) return;
-    select_default(this).selectAll("td:nth-child(2)").style(borderSide, "2px solid blue");
-  }
-  function unhighlightTieBreaker(event, d) {
-    if (dragged.type != "tiebreaker") return;
-    event.preventDefault();
-    select_default(this).selectAll("td:nth-child(2)").style("border", "none");
-  }
-  function toggleTieBreakerIsOrdered(event, tb) {
-    event.stopPropagation();
-    tb.isOrdered = !tb.isOrdered;
-    self.init({
-      sortOptions: {
-        [s.sortSamplesBy]: self.activeOption
-      }
-    });
-  }
-  function toggleTieBreakerDisabled(event, tb) {
-    event.stopPropagation();
-    tb.disabled = !tb.disabled;
-    self.init({
-      sortOptions: {
-        [s.sortSamplesBy]: self.activeOption
-      }
-    });
-  }
-  function adjustTieBreakers(event, d) {
-    if (dragged.type != "tiebreaker" || d == dragged.data) return;
-    event.preventDefault();
-    const i = dragged.sectionData.tiebreakers.indexOf(d);
-    const s2 = parent.config.settings.matrix;
-    dragged.sectionData.tiebreakers.splice(dragged.index, 1);
-    dragged.sectionData.tiebreakers.splice(i, 0, dragged.data);
-    self.init({
-      sortOptions: {
-        [s2.sortSamplesBy]: self.activeOption
-      }
-    });
-  }
-  function setValueDiv(d) {
-    const title = [];
-    if (d.tb.notUsed?.includes(d.key)) title.push(`- Click on this label to include in used data values.`);
-    if (d.filterByClass[d.key])
-      title.unshift("- Click on the corresponding entry in the matrix legend or Mutation/CNV menus to unhide");
-    if (title.length) title.unshift(`To use this data value for sorting ${l.samples}:`);
-    const skipped = d.tb.notUsed?.includes(d.key);
-    const opacity = d.filterByClass[d.key] == "value" ? 0.5 : 1;
-    const div = select_default(this).attr("aria-label", title.length ? title.join("\n") : `Click to not use this data value to sort ${l.samples}`).attr("draggable", d.tb.isOrdered ? true : false).attr("droppable", d.tb.isOrdered ? true : false).style("width", "fit-content").style("margin-right", "10px").style("overflow", "hidden").style("white-space", "nowrap").style("opacity", opacity).style("cursor", "pointer").on("dragstart", d.dragstart).on("dragover", d.dragover).on("dragleave", d.dragleave).on("drop", d.drop).on("mouseenter", () => toggle.style("opacity", 1)).on("mouseleave", () => toggle.style("opacity", 0)).on("click", () => {
-      if (title.length) {
-        const cls = "sjpp-matrix-sorter-value-note";
-        div.selectAll(`.${cls}`).remove();
-        const note = div.append("div").attr("class", cls).style("max-width", "200px").style("padding", "5px");
-        note.html(title.join("<br>"));
-        if (d.filterByClass[d.key]) return;
-      }
-      const targetLstName = d.lstName == "order" ? "notUsed" : "order";
-      if (!d.tb[targetLstName]) d.tb[targetLstName] = [];
-      const targetLst = d.tb[targetLstName];
-      d.tb[d.lstName].splice(d.index, 1);
-      if (d.lstName == "order") targetLst.unshift(d.key);
-      else targetLst.push(d.key);
-      self.init({
-        sortOptions: {
-          [s.sortSamplesBy]: self.activeOption
-        }
-      });
-    });
-    div.append("div").style("display", "inline-block").style("cursor", "pointer").style("width", "12px").style("height", "12px").style("margin-right", "3px").style("background-color", d.cls.color);
-    div.append("span").style("cursor", "pointer").style("text-decoration", d.filterByClass[d.key] == "case" ? "line-through" : "").html(d.cls.label + (d.filterByClass[d.key] ? " (<i>not used since this value is hidden</i>)" : ""));
-    const toggle = div.append("div").style("display", "inline-block").style("width", "12px").style("cursor", "pointer").style("opacity", 0).style("color", d.lstName == "order" ? "red" : "green").html(d.lstName == "order" ? "&cross;" : "&check;");
-  }
-  function trackDraggedValue(event, d) {
-    event.stopPropagation?.();
-    dragged.type = "value";
-    dragged.data = d;
-    dragged.sectionData = event.target.closest("tbody").__data__;
-    dragged.priorityIndex = self.activeOption.sortPriority.indexOf(dragged.sectionData);
-    dragged.tiebreaker = event.target.closest("tr").__data__;
-    dragged.tbIndex = dragged.sectionData.tiebreakers.indexOf(dragged.priorityIndex);
-    dragged.order = dragged.tiebreaker.order;
-  }
-  function highlightValue(event, d) {
-    event.stopPropagation?.();
-    if (dragged.type != "value" || d == dragged.data) return;
-    if (d.tb != dragged.data.tb) return;
-    event.preventDefault();
-    const i = dragged.order.indexOf(d);
-    select_default(this).style("border", "2px solid blue");
-  }
-  function unhighlightValue(event, d) {
-    event.stopPropagation?.();
-    if (dragged.type != "value") return;
-    event.preventDefault();
-    select_default(this).style("border", "none");
-  }
-  function adjustValueOrder(event, d) {
-    event.stopPropagation?.();
-    if (dragged.type != "value" || d == dragged.data) return;
-    event.preventDefault();
-    const s2 = self.settings;
-    dragged.data.tb[dragged.data.lstName].splice(dragged.data.index, 1);
-    d.tb[d.lstName].splice(d.index, 0, dragged.data.key);
-    const j = s2.hiddenVariants.indexOf(dragged.data.key);
-    const hiddenVariants = structuredClone(s2.hiddenVariants);
-    const filterByClass = structuredClone(s2.filterByClass);
-    if (j != -1) {
-      hiddenVariants.splice(j, 1);
-      filterByClass[dragged.data.key] = false;
-    }
-    self.init({
-      hiddenVariants,
-      filterByClass,
-      sortOptions: {
-        [s2.sortSamplesBy]: self.activeOption
-      }
-    });
-  }
-  function showNotUsedValues(event, tb) {
-    event?.stopPropagation();
-    const availDiv = tip.clear().d.append("div").attr("data-testid", "sjpp-matrix-sorter-ui-hidden-vals").style("margin-top", "3px").style("vertical-align", "top").style("padding-left", "12px");
-    availDiv.selectAll("div").data(
-      tb.notUsed.map((key, index) => ({
-        lstName: "notUsed",
-        key,
-        cls: mclass[key],
-        tb,
-        dragstart: trackDraggedValue,
-        dragover: highlightValue,
-        dragleave: unhighlightValue,
-        drop: adjustValueOrder,
-        filterByClass: s.filterByClass,
-        index
-      }))
-    ).enter().append("div").style("display", "block").each(setValueDiv);
-    tip.showunder(event.target);
-  }
-  function apply() {
-    parent.app.tip?.hide();
-    parent.app.dispatch({
-      type: "plot_edit",
-      id: parent.id,
-      config: {
-        settings: {
-          matrix: {
-            sortOptions: {
-              [s.sortSamplesBy]: self.activeOption
-            }
-          }
-        }
-      }
-    });
-  }
-  function undoMouseoverHighlights() {
-  }
-  function handleSelectedTerms(td, tr) {
-    if (!parent.selectedTermsToSortAgainst?.length) {
-      td.html(`Click on a matrix row label and the left triangle to add an entry here`);
-      return;
-    }
-    const selectedTerms = parent.selectedTermsToSortAgainst.map((t) => {
-      return {
-        t,
-        label: t.tw.term.name + (t.tw.term.type == "geneVariant" ? " alterations" : " values")
-      };
-    });
-    const tbody = select_default(tr.node().parentNode);
-    tbody.selectAll("tr").remove();
-    tbody.selectAll("tr").data(selectedTerms).enter().append("tr").selectAll("td").data((d, i) => [
-      { label: i + 1, textAlign: "center", cursor: "", t: d.t },
-      { label: d.label, textAlign: "left", cursor: "" },
-      {
-        label: "Delete",
-        textAlign: "center",
-        cursor: "pointer",
-        click: parent.unsortSamplesAgainstTerm,
-        data: d
-      }
-    ]).enter().append("td").style("text-align", (d) => d.textAlign).style("cursor", (d) => d.cursor).html((d) => d.label).on("click", (event, d) => d.click?.(event, d));
-  }
-  self.init();
-  self.api = {
-    main: self.init,
-    destroy: () => {
-      opts.holder.selectAll("*").remove();
-    }
-  };
-  if (opts.debug) self.api.Inner = self;
-  return self.api;
-}
-
-export {
-  getSorterUi
-};
-//# sourceMappingURL=chunk-ZIAGMGMS.js.map