@sjcrh/proteinpaint-client 2.196.0 → 2.198.0

package/dist/chunk-T25QNZHB.js

@@ -0,0 +1,254 @@
+import {
+  getMclassSorter,
+  getSampleGroupSorter,
+  getSampleSorter,
+  getTermSorter
+} from "./chunk-OXVLWQ6M.js";
+import {
+  sample_match_termvaluesetting
+} from "./chunk-7IYJZZQI.js";
+import {
+  dtcnv,
+  dtfusionrna,
+  dtgeneexpression,
+  dtsnvindel
+} from "./chunk-2X6W4E3W.js";
+import {
+  __export
+} from "./chunk-HFNDKYVF.js";
+
+// plots/matrix/matrix.groups.js
+var matrix_groups_exports = {};
+__export(matrix_groups_exports, {
+  classifyValues: () => classifyValues,
+  getSampleGroups: () => getSampleGroups,
+  getSampleOrder: () => getSampleOrder,
+  getTermOrder: () => getTermOrder,
+  stackSiblingCellsByClass: () => stackSiblingCellsByClass
+});
+function getTermOrder(data) {
+  const s = this.settings.matrix;
+  this.termSorter = getTermSorter(this, s);
+  const termOrder = [];
+  let totalIndex = 0, visibleGrpIndex = 0, numClusterTerms = 0;
+  this.mclassSorter = getMclassSorter(this);
+  for (const [grpIndex, grp] of this.termGroups.entries()) {
+    const lst = [];
+    for (const [index, tw] of grp.lst.entries()) {
+      const counts = { samples: 0, hits: 0 };
+      const countedSamples = /* @__PURE__ */ new Set();
+      for (const sd of data.lst) {
+        if (countedSamples.has(sd.sample)) continue;
+        countedSamples.add(sd.sample);
+        const anno = sd[tw.$id];
+        if (anno) {
+          const { filteredValues, countedValues, renderedValues } = this.classifyValues(anno, tw, grp, s, sd);
+          anno.filteredValues = filteredValues;
+          anno.countedValues = countedValues;
+          anno.renderedValues = renderedValues;
+          if (anno.countedValues?.length) {
+            const v = tw.term.values?.[anno.value];
+            if (v?.uncountable) continue;
+            counts.samples += 1;
+            counts.hits += anno.countedValues.length;
+            if (tw.q?.mode == "continuous") {
+              const v2 = anno.value;
+              if (!("minval" in counts) || counts.minval > v2) counts.minval = v2;
+              if (!("maxval" in counts) || counts.maxval < v2) counts.maxval = v2;
+            }
+          }
+        }
+      }
+      if (grp.type != "hierCluster" || counts.samples) lst.push({ tw, counts, index });
+      if (grp.type == "hierCluster") numClusterTerms++;
+    }
+    const termSorter = grp.sortTermsBy || grp.type == "hierCluster" ? getTermSorter(this, s, grp) : this.termSorter;
+    const processedLst = lst.filter((t) => {
+      if ("minNumSamples" in t.tw) return t.tw.minNumSamples <= t.counts.samples;
+      if (!grp.settings) return true;
+      return !("minNumSamples" in grp.settings) || t.counts.samples >= grp.settings.minNumSamples;
+    }).sort(termSorter);
+    if (!processedLst.length) continue;
+    for (const [index, t] of processedLst.entries()) {
+      const { tw, counts } = t;
+      const ref = data.refs.byTermId[t.tw.$id] || {};
+      termOrder.push({
+        grp,
+        grpIndex,
+        visibleGrpIndex,
+        tw,
+        index,
+        // rendered index
+        lstIndex: t.index,
+        // as-listed index, before applying term filters
+        processedLst,
+        prevGrpTotalIndex: totalIndex,
+        totalIndex: totalIndex + index,
+        ref,
+        allCounts: counts
+        // note: term label will be assigned after sample counts are known
+        // label: t.tw.label || t.tw.term.name,
+      });
+    }
+    totalIndex += processedLst.length;
+    visibleGrpIndex += 1;
+  }
+  this.numTerms = termOrder.length;
+  this.numClusterTerms = numClusterTerms;
+  return termOrder;
+}
+function getSampleGroups(data) {
+  const s = this.settings.matrix;
+  const defaultSampleGrp = {
+    id: this.config.divideBy?.$id,
+    name: this.config.divideBy ? "Not annotated" : "",
+    lst: []
+  };
+  const sampleGroups = /* @__PURE__ */ new Map();
+  const term = this.config.divideBy?.term || {};
+  const $id = this.config.divideBy?.$id || "-";
+  const exclude = this.config.divideBy?.exclude || [];
+  const values = term.values || {};
+  const ref = data.refs.byTermId[$id] || {};
+  for (const row of data.lst) {
+    if ($id in row) {
+      const key = row[$id].key;
+      const name = key in values && values[key].label ? values[key].label : key;
+      if (!sampleGroups.has(key)) {
+        const grp = {
+          name: `${name}`,
+          // convert to a string
+          id: key,
+          lst: [],
+          tw: this.config.divideBy,
+          legendGroups: {},
+          isExcluded: exclude.includes(key)
+        };
+        if (ref.bins && s.sortSampleGrpsBy == "name") grp.order = ref.bins.findIndex((bin) => bin.name == key);
+        else delete grp.order;
+        sampleGroups.set(key, grp);
+      }
+      sampleGroups.get(key).lst.push(row);
+    } else {
+      defaultSampleGrp.lst.push(row);
+    }
+  }
+  const sampleGrpsArr = [...sampleGroups.values()];
+  const n = sampleGroups.size;
+  if (n > 100 && sampleGrpsArr.filter((sg) => sg.lst.length < 3).length > 0.8 * n) {
+    const l = s.controlLabels;
+    throw `Did not group ${l.samples} by "${term.name}": too many ${l.sample} groups (${n}), with the majority of groups having <= 2 ${l.samples} per group.`;
+  }
+  if (defaultSampleGrp.lst.length && !sampleGroups.size) {
+    sampleGroups.set(void 0, defaultSampleGrp);
+    sampleGrpsArr.push(...sampleGroups.values());
+  }
+  this.asListedSampleOrder = [];
+  for (const grp of sampleGrpsArr) {
+    this.asListedSampleOrder.push(...grp.lst.map((s2) => s2.sample));
+  }
+  const selectedDictTerms = this.termOrder.filter((t) => t.tw.sortSamples && t.tw.term.type != "geneVariant");
+  const noGrpSampleSorter = getSampleSorter(this, s, data.lst, {
+    skipSorter: (p, tw) => !p.types?.includes("geneVariant") && selectedDictTerms.find((t) => t.tw.$id === tw.$id)
+  });
+  const noGrpSampleOrder = data.lst.sort(noGrpSampleSorter);
+  const allowedSamples = noGrpSampleOrder.slice(0, s.maxSample);
+  const dataFilter = (d) => allowedSamples.includes(d);
+  const hitsPerSample = (t, c) => t + (typeof c == "object" && c.countedValues?.length ? 1 : 0);
+  const countHits = (total, d) => total + (Object.values(d).reduce(hitsPerSample, 0) ? 1 : 0);
+  const grpLstSampleSorter = getSampleSorter(this, s, data.lst);
+  for (const grp of sampleGrpsArr) {
+    grp.lst = grp.lst.filter(dataFilter);
+    grp.totalCountedValues = grp.lst.reduce(countHits, 0);
+    grp.lst.sort(grpLstSampleSorter);
+  }
+  const sampleGrpSorter = getSampleGroupSorter(this);
+  return sampleGrpsArr.sort(sampleGrpSorter);
+}
+function getSampleOrder(data) {
+  const s = this.settings.matrix;
+  this.visibleSampleGrps = /* @__PURE__ */ new Set();
+  const sampleOrder = [];
+  let total = 0, numHiddenGrps = 0;
+  for (const [grpIndex, grp] of this.sampleGroups.entries()) {
+    if (!grp.lst.length) continue;
+    if (grp.isExcluded) numHiddenGrps++;
+    let processedLst = grp.lst;
+    for (const [index, row] of processedLst.entries()) {
+      sampleOrder.push({
+        grp,
+        grpIndex: grpIndex - numHiddenGrps,
+        // : this.sampleGroups.length,
+        row,
+        index,
+        prevGrpTotalIndex: total,
+        totalIndex: total + index,
+        totalHtAdjustments: 0,
+        // may be required when transposed???
+        grpTotals: { htAdjustment: 0 },
+        // may be required when transposed???
+        processedLst
+      });
+    }
+    if (!grp.isExcluded) total += processedLst.length;
+    this.visibleSampleGrps.add(grp);
+  }
+  this.unfilteredSampleOrder = sampleOrder;
+  return sampleOrder.filter((so) => !so.grp.isExcluded);
+}
+function classifyValues(anno, tw, grp, s, sample) {
+  const values = "value" in anno ? [anno.value] : anno.values;
+  if (!values) return { filteredValues: null, countedValues: null, renderedValues: null };
+  const isSpecific = [tw.valueFilter || grp.valueFilter].filter((v) => v && true);
+  if (isSpecific.length && isSpecific[0].type !== "tvs" && isSpecific[0].type !== "tvslst")
+    throw `unknown matrix value filter type='${isSpecific.type}'`;
+  let filteredValues = !isSpecific.length ? values : values.filter((v) => sample_match_termvaluesetting(v, isSpecific[0], tw.term, sample));
+  const renderedValues = [];
+  if (tw.term.type == "geneVariant" && tw.q?.type == "values") {
+    filteredValues.sort(this.mclassSorter);
+    if (s.cellEncoding == "") renderedValues.push(...filteredValues);
+    else {
+      const sortedFilteredValues = [];
+      for (const dt of [dtcnv, dtsnvindel, dtfusionrna, dtgeneexpression]) {
+        const v = dt == dtgeneexpression ? filteredValues.find((v2) => v2.dt === dt) : filteredValues.find((v2) => v2.dt === dt && v2.class !== "WT" && v2.class !== "Blank");
+        if (v) renderedValues.push(v);
+        const oneDtV = filteredValues.filter((v2) => v2.dt === dt);
+        sortedFilteredValues.push(...oneDtV);
+      }
+      filteredValues = sortedFilteredValues;
+    }
+  } else {
+    renderedValues.push(...filteredValues);
+  }
+  return {
+    filteredValues,
+    countedValues: filteredValues.filter((v) => {
+      if (tw.term.type == "geneVariant") {
+        if (tw.q?.type == "predefined-groupset" || tw.q?.type == "custom-groupset") {
+          const groupset = tw.q.type == "predefined-groupset" ? tw.term.groupsetting.lst[tw.q.predefined_groupset_idx] : tw.q.customset;
+          if (!groupset) throw "groupset not found";
+          const group = groupset.groups[0];
+          if (v != group.name) return false;
+        } else {
+          if (v.class == "WT" || v.class == "Blank" || s.geneVariantCountSamplesSkipMclass.includes(v.class))
+            return false;
+        }
+      }
+      return true;
+    }),
+    renderedValues
+  };
+}
+function stackSiblingCellsByClass(a, b) {
+  return a.class === b.class ? 0 : a.class === "Blank" ? 1 : b.class == "Blank" ? -1 : a.class < b.class ? -1 : 1;
+}
+
+export {
+  getTermOrder,
+  getSampleGroups,
+  getSampleOrder,
+  classifyValues,
+  stackSiblingCellsByClass,
+  matrix_groups_exports
+};
+//# sourceMappingURL=chunk-T25QNZHB.js.map

package/dist/chunk-U7TBYVIQ.js

@@ -0,0 +1,31 @@
+import {
+  IN_frame,
+  OUT_frame
+} from "./chunk-2X6W4E3W.js";
+
+// src/spliceevent.exonskip.getdefault.js
+function spliceevent_exonskip_getdefault_default(events) {
+  let evt2showidx = 0;
+  for (let i = 1; i < events.length; i++) {
+    const e = events[i];
+    const e2show = events[evt2showidx];
+    if (e.isskipexon && e2show.isaltexon) {
+      evt2showidx = i;
+      continue;
+    }
+    if (e.frame == OUT_frame && e2show.framenocheck) {
+      evt2showidx = i;
+      continue;
+    }
+    if (e.frame == IN_frame && e2show.frame != IN_frame) {
+      evt2showidx = i;
+      continue;
+    }
+  }
+  return evt2showidx;
+}
+
+export {
+  spliceevent_exonskip_getdefault_default
+};
+//# sourceMappingURL=chunk-U7TBYVIQ.js.map

package/dist/chunk-UGRQXBL4.js

@@ -0,0 +1,381 @@
+import {
+  Menu
+} from "./chunk-HYOEWQ5P.js";
+import {
+  copyMerge
+} from "./chunk-M3J4MINX.js";
+import {
+  mclass
+} from "./chunk-2X6W4E3W.js";
+import {
+  select_default
+} from "./chunk-I6Y4O3RR.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-UGRQXBL4.js.map