@sjcrh/proteinpaint-client 2.213.0 → 2.214.0

package/dist/chunk-K626HR7F.js

@@ -0,0 +1,272 @@
+import {
+  fillbar,
+  make_table_2col
+} from "./chunk-DGZWMUOG.js";
+
+// src/block.mds.expressionstat.js
+var color_noinfo = "#858585";
+function init_config(cfg) {
+  if (!cfg.datatype) cfg.datatype = "FPKM";
+  if (!cfg.itemcolor) cfg.itemcolor = "green";
+  if (!cfg.ase) cfg.ase = {};
+  if (cfg.ase.qvalue == void 0) cfg.ase.qvalue = 0.05;
+  if (cfg.ase.meandelta_monoallelic == void 0) cfg.ase.meandelta_monoallelic = 0.3;
+  if (cfg.ase.asemarkernumber_biallelic == void 0) cfg.ase.asemarkernumber_biallelic = 0;
+  if (!cfg.ase.color_noinfo) cfg.ase.color_noinfo = color_noinfo;
+  if (!cfg.ase.color_uncertain) cfg.ase.color_uncertain = "#A8E0B5";
+  if (!cfg.ase.color_biallelic) cfg.ase.color_biallelic = "#40859C";
+  if (!cfg.ase.color_monoallelic) cfg.ase.color_monoallelic = "#d95f02";
+  if (!cfg.outlier) cfg.outlier = {};
+  if (cfg.outlier.pvalue_cutoff == void 0) cfg.outlier.pvalue_cutoff = 0.05;
+  if (cfg.outlier.rank_asehigh_cutoff == void 0) cfg.outlier.rank_asehigh_cutoff = 0.1;
+  if (!cfg.outlier.color_outlier) cfg.outlier.color_outlier = "#FF8875";
+  if (!cfg.outlier.color_outlier_asehigh) cfg.outlier.color_outlier_asehigh = "blue";
+}
+function measure(v, cfg) {
+  if (!cfg) return;
+  v.estat = {};
+  if (v.ase && cfg.ase) {
+    const qvalue = v.ase.qvalue || v.ase.geometricmean;
+    if (qvalue == void 0) {
+      v.estat.ase_noinfo = true;
+    } else if (qvalue <= cfg.ase.qvalue) {
+      if (v.ase.mean_delta >= cfg.ase.meandelta_monoallelic) {
+        v.estat.ase_monoallelic = true;
+      } else {
+        v.estat.ase_uncertain = true;
+      }
+    } else {
+      if (v.ase.ase_markers == cfg.ase.asemarkernumber_biallelic) {
+        v.estat.ase_biallelic = true;
+      } else {
+        v.estat.ase_uncertain = true;
+      }
+    }
+  } else {
+    v.estat.ase_noinfo = true;
+  }
+  if (v.outlier && cfg.outlier) {
+    if (v.outlier.test_whitelist) {
+      if (v.outlier.test_whitelist.pvalue <= cfg.outlier.pvalue_cutoff) {
+        v.estat.outlier = true;
+      } else {
+        if (v.estat.ase_monoallelic) {
+          if (Number.isInteger(v.outlier.test_whitelist.rank) && Number.isInteger(v.outlier.test_whitelist.size) && v.outlier.test_whitelist.rank / v.outlier.test_whitelist.size <= cfg.outlier.rank_asehigh_cutoff) {
+            v.estat.outlier_asehigh = true;
+            v.outlier.test_whitelist.asehigh = true;
+          }
+        }
+      }
+    } else if (v.outlier.test_biallelic) {
+      if (v.outlier.test_biallelic.pvalue <= cfg.outlier.pvalue_cutoff) {
+        v.estat.outlier = true;
+      } else {
+        if (v.estat.ase_monoallelic) {
+          if (Number.isInteger(v.outlier.test_biallelic.rank) && Number.isInteger(v.outlier.test_biallelic.size) && v.outlier.test_biallelic.rank / v.outlier.test_biallelic.size <= cfg.outlier.rank_asehigh_cutoff) {
+            v.estat.outlier_asehigh = true;
+            v.outlier.test_biallelic.asehigh = true;
+          }
+        }
+      }
+    } else if (v.outlier.test_entirecohort) {
+      if (v.outlier.test_entirecohort.pvalue <= cfg.outlier.pvalue_cutoff) {
+        v.estat.outlier = true;
+      } else {
+        if (v.estat.ase_monoallelic) {
+          if (Number.isInteger(v.outlier.test_entirecohort.rank) && Number.isInteger(v.outlier.test_entirecohort.size) && v.outlier.test_entirecohort.rank / v.outlier.test_entirecohort.size <= cfg.outlier.rank_asehigh_cutoff) {
+            v.estat.outlier_asehigh = true;
+            v.outlier.test_entirecohort.asehigh = true;
+          }
+        }
+      }
+    }
+  }
+}
+function showsingleitem_table(v, cfg, table) {
+  if (!v.estat) return;
+  if (cfg.no_ase) return;
+  if (v.ase) {
+    const tr = table.append("tr");
+    tr.append("td").attr("colspan", 2).style("background", ase_color(v, cfg)).style("color", "white").html(
+      (v.estat.ase_monoallelic ? "Mono-allelic" : v.estat.ase_biallelic ? "Bi-allelic" : "ASE uncertain") + "<br>(allele-specific expression)"
+    );
+    const lst = [
+      {
+        k: "#SNPs heterozygous in DNA",
+        v: v.ase.markers
+      },
+      {
+        k: "#SNPs showing ASE in RNA",
+        v: v.ase.ase_markers
+      },
+      {
+        k: "Mean delta of ASE SNPs",
+        v: v.ase.mean_delta
+      }
+    ];
+    if (v.ase.qvalue) {
+      lst.push({
+        k: "Q-value",
+        v: v.ase.qvalue
+      });
+    } else if (v.ase.geometricmean) {
+      lst.push({
+        k: "Geometric mean of binomial P-values of ASE SNPs",
+        v: v.ase.geometricmean
+      });
+    }
+    const td = tr.append("td");
+    make_table_2col(td, lst);
+  } else {
+    const tr = table.append("tr");
+    tr.append("td").attr("colspan", 3).style("background", cfg.ase.color_noinfo).style("color", "white").text("No info on allele-specific expression");
+  }
+  if (v.snps && v.snps.length > 0) {
+    const hetsnp = v.snps.filter((i) => i.dnacount && i.dnacount.ishet);
+    if (hetsnp.length > 0) {
+      const lst = [];
+      for (const m of hetsnp) {
+        lst.push(
+          "<tr><td>" + m.chr + ":" + (m.pos + 1) + " " + m.ref + ">" + m.alt + "</td><td>" + fillbar(null, { f: m.dnacount.f }) + " " + m.dnacount.ref + "/" + m.dnacount.alt + "</td><td>" + (m.rnacount.nocoverage ? '<span style="font-size:.8em;opacity:.5">No coverage</span>' : fillbar(null, { f: m.rnacount.f }) + " " + m.rnacount.ref + "/" + m.rnacount.alt) + "</td><td>" + (m.rnacount.pvalue || "-") + "</td></tr>"
+        );
+      }
+      table.append("tr").append("td").attr("colspan", 3).html(
+        '<table style="margin-top:10px;border:solid 1px #ededed;border-spacing:5px;"><tr style="opacity:.5"><td>SNP</td><td>DNA</td><td>RNA</td><td>Binomial test P-value</td></tr>' + lst.join("") + "</table>"
+      );
+    }
+  }
+  if (v.outlier) {
+    if (v.outlier.test_whitelist) {
+      const tr = table.append("tr");
+      tr.append("td").attr("colspan", 2).text("Outlier (white list)");
+      const lst = [];
+      for (const k in v.outlier.test_whitelist) {
+        lst.push({ k, v: v.outlier.test_whitelist[k] });
+      }
+      const td = tr.append("td");
+      make_table_2col(td, lst);
+      if (v.outlier.test_whitelist.asehigh) {
+        td.append("div").style("background", cfg.outlier.color_outlier_asehigh).style("padding", "2px 10px").style("color", "white").text("ASE high");
+      }
+    }
+    if (v.outlier.test_biallelic) {
+      const tr = table.append("tr");
+      tr.append("td").attr("colspan", 2).text("Outlier (biallelic)");
+      const lst = [];
+      for (const k in v.outlier.test_biallelic) {
+        lst.push({ k, v: v.outlier.test_biallelic[k] });
+      }
+      const td = tr.append("td");
+      make_table_2col(td, lst);
+      if (v.outlier.test_biallelic.asehigh) {
+        td.append("div").style("background", cfg.outlier.color_outlier_asehigh).style("padding", "2px 10px").style("color", "white").text("ASE high");
+      }
+    }
+    if (v.outlier.test_entirecohort) {
+      const tr = table.append("tr");
+      tr.append("td").attr("colspan", 2).text("Outlier (all samples)");
+      const lst = [];
+      for (const k in v.outlier.test_entirecohort) {
+        lst.push({ k, v: v.outlier.test_entirecohort[k] });
+      }
+      const td = tr.append("td");
+      make_table_2col(td, lst);
+      if (v.outlier.test_entirecohort.asehigh) {
+        td.append("div").style("background", cfg.outlier.color_outlier_asehigh).style("padding", "2px 10px").style("color", "white").text("ASE high");
+      }
+    }
+  }
+}
+function ase_color(v, cfg) {
+  if (cfg.no_ase) return color_noinfo;
+  if (!cfg.ase) return color_noinfo;
+  if (!v.estat) return cfg.ase.color_noinfo;
+  if (v.estat.ase_monoallelic) return cfg.ase.color_monoallelic;
+  if (v.estat.ase_biallelic) return cfg.ase.color_biallelic;
+  if (v.estat.ase_uncertain) return cfg.ase.color_uncertain;
+  return cfg.ase.color_noinfo;
+}
+function ui_config(holder, cfg, tk, call) {
+  const indent = 30;
+  {
+    const row = holder.append("div").style("margin-bottom", "5px");
+    row.append("span").html("If " + (tk.checkrnabam ? "p-value geometric mean" : "Q-VALUE") + " &le;&nbsp;");
+    row.append("input").attr("type", "number").style("width", "50px").property("value", cfg.ase.qvalue).on("keyup", (event) => {
+      if (event.code != "Enter" && event.code != "NumpadEnter") return;
+      let v = Number.parseFloat(event.target.value);
+      if (!v || v <= 0) {
+        return;
+      }
+      if (cfg.ase.qvalue == v) {
+        return;
+      }
+      cfg.ase.qvalue = v;
+      call();
+    });
+    row.append("span").html("&nbsp;:");
+  }
+  {
+    const row = holder.append("div").style("margin", "0px 5px 5px " + indent + "px");
+    row.append("span").html("If MEAN_DELTA &ge;&nbsp;");
+    row.append("input").attr("type", "number").style("width", "50px").property("value", cfg.ase.meandelta_monoallelic).on("keyup", (event) => {
+      if (event.code != "Enter" && event.code != "NumpadEnter") return;
+      let v = Number.parseFloat(event.target.value);
+      if (!v || v <= 0) {
+        return;
+      }
+      if (cfg.ase.meandelta_monoallelic == v) {
+        return;
+      }
+      cfg.ase.meandelta_monoallelic = v;
+      call();
+    });
+    row.append("span").html("&nbsp;:&nbsp;");
+  }
+  holder.append("div").style("margin", "0px 5px 5px " + indent * 2 + "px").html(
+    'Is <span style="background:' + cfg.ase.color_monoallelic + ';padding:1px 5px;color:white;">mono-allelic expression</span>'
+  );
+  holder.append("div").style("margin", "0px 5px 5px " + indent + "px").html("Else:");
+  holder.append("div").style("margin", "0px 5px 5px " + indent * 2 + "px").html(
+    'Is <span style="background:' + cfg.ase.color_uncertain + ';padding:1px 5px;color:white;">ASE uncertain</span>'
+  );
+  holder.append("div").style("margin", "0px 5px 5px 0px").html("Else:");
+  {
+    const row = holder.append("div").style("margin", "0px 5px 5px " + indent + "px");
+    row.append("span").html("If number of ASE markers &le;&nbsp;");
+    row.append("input").attr("type", "number").style("width", "50px").property("value", cfg.ase.asemarkernumber_biallelic).on("keyup", (event) => {
+      if (event.code != "Enter" && event.code != "NumpadEnter") return;
+      let v = Number.parseInt(event.target.value);
+      if (v < 0) {
+        return;
+      }
+      if (cfg.ase.asemarkernumber_biallelic == v) {
+        return;
+      }
+      cfg.ase.asemarkernumber_biallelic = v;
+      call();
+    });
+    row.append("span").html("&nbsp;:&nbsp;");
+  }
+  holder.append("div").style("margin", "0px 5px 5px " + indent * 2 + "px").html(
+    'Is <span style="background:' + cfg.ase.color_biallelic + ';padding:1px 5px;color:white;">bi-allelic expression</span>'
+  );
+  holder.append("div").style("margin", "0px 5px 5px " + indent + "px").html("Else:");
+  holder.append("div").style("margin", "0px 5px 5px " + indent * 2 + "px").html(
+    'Is <span style="background:' + cfg.ase.color_uncertain + ';padding:1px 5px;color:white;">ASE uncertain</span>'
+  );
+  holder.append("div").style("margin", "10px").append("button").text("Default ASE parameters").on("click", () => {
+    cfg.ase.qvalue = 0.05;
+    cfg.ase.meandelta_monoallelic = 0.3;
+    cfg.ase.asemarkernumber_biallelic = 0;
+    call();
+  });
+}
+
+export {
+  init_config,
+  measure,
+  showsingleitem_table,
+  ase_color,
+  ui_config
+};
+//# sourceMappingURL=chunk-K626HR7F.js.map

package/dist/chunk-K7IB2U76.js

@@ -0,0 +1,178 @@
+import {
+  __glob
+} from "./chunk-HS5PO5ZQ.js";
+
+// import("../plots/**/*.js") in plots/importPlot.js
+var globImport_plots_js = __glob({
+  "../plots/controls.btns.js": () => import("./controls.btns-6AKLIWOG.js"),
+  "../plots/controls.config.js": () => import("./controls.config-3R2MMWW5.js"),
+  "../plots/controls.js": () => import("./controls-URVB3DH2.js"),
+  "../plots/dictionary.js": () => import("./dictionary-OWTFXDAL.js"),
+  "../plots/gb/test/genomeBrowser.spec.js": () => import("./genomeBrowser.spec-CRW6HZEX.js"),
+  "../plots/geneExpression.js": () => import("./geneExpression-YGQAXIXM.js"),
+  "../plots/geneORA.js": () => import("./geneORA-A4V7B4TT.js"),
+  "../plots/geneset.js": () => import("./geneset-6IYLHN2T.js"),
+  "../plots/hierCluster.js": () => import("./hierCluster-OYOHFDEK.js"),
+  "../plots/importPlot.js": () => import("./importPlot-WDWIM2RH.js"),
+  "../plots/matrix.js": () => import("./matrix-YUEPHOTN.js"),
+  "../plots/matrix/hierCluster.config.js": () => import("./hierCluster.config-UKVHTPJ6.js"),
+  "../plots/matrix/hierCluster.interactivity.js": () => import("./hierCluster.interactivity-5ZIL2SIF.js"),
+  "../plots/matrix/hierCluster.js": () => import("./hierCluster-LA5AMP66.js"),
+  "../plots/matrix/hierCluster.renderers.js": () => import("./hierCluster.renderers-IUNCW6A2.js"),
+  "../plots/matrix/matrix.cells.js": () => import("./matrix.cells-4IHL6PQC.js"),
+  "../plots/matrix/matrix.cluster.js": () => import("./matrix.cluster-RH4BOM5F.js"),
+  "../plots/matrix/matrix.config.js": () => import("./matrix.config-DA3SLAQQ.js"),
+  "../plots/matrix/matrix.data.js": () => import("./matrix.data-BDSR5NNL.js"),
+  "../plots/matrix/matrix.dom.js": () => import("./matrix.dom-3Z5PNSKJ.js"),
+  "../plots/matrix/matrix.groups.js": () => import("./matrix.groups-VGTU2ZYC.js"),
+  "../plots/matrix/matrix.interactivity.js": () => import("./matrix.interactivity-4LBV57KT.js"),
+  "../plots/matrix/matrix.js": () => import("./matrix-CHYGXHGL.js"),
+  "../plots/matrix/matrix.layout.js": () => import("./matrix.layout-5B253XQW.js"),
+  "../plots/matrix/matrix.legend.js": () => import("./matrix.legend-MMTKJ4T3.js"),
+  "../plots/matrix/matrix.renderers.js": () => import("./matrix.renderers-GPEV6MD5.js"),
+  "../plots/matrix/matrix.serieses.js": () => import("./matrix.serieses-X2L6OZJG.js"),
+  "../plots/matrix/matrix.sort.js": () => import("./matrix.sort-BP4Y73VY.js"),
+  "../plots/matrix/matrix.sorterUi.js": () => import("./matrix.sorterUi-IWVHJMYP.js"),
+  "../plots/matrix/test/hierCluster.integration.spec.js": () => import("./hierCluster.integration.spec-6AYYST7M.js"),
+  "../plots/matrix/test/matrix.integration.spec.js": () => import("./matrix.integration.spec-GVPJT2SJ.js"),
+  "../plots/matrix/test/matrix.sort.unit.spec.js": () => import("./matrix.sort.unit.spec-YMKKHB3J.js"),
+  "../plots/matrix/test/matrix.sorterUi.unit.spec.js": () => import("./matrix.sorterUi.unit.spec-SEUSXDE7.js"),
+  "../plots/matrix/test/matrix.unit.spec.js": () => import("./matrix.unit.spec-G4CLHZ3J.js"),
+  "../plots/matrix/test/oncomatrix.spec.js": () => import("./oncomatrix.spec-QPSKJVKL.js"),
+  "../plots/plot.brainImaging.js": () => import("./plot.brainImaging-TZJINY47.js"),
+  "../plots/plot.disco.js": () => import("./plot.disco-G2E5HCR5.js"),
+  "../plots/plot.ssgq.js": () => import("./plot.ssgq-CBBSDYNO.js"),
+  "../plots/singleCellPlot.js": () => import("./singleCellPlot-64JKBI5G.js"),
+  "../plots/stattable.js": () => import("./stattable-EYMMFP45.js"),
+  "../plots/survival/test/survival.integration.spec.js": () => import("./survival.integration.spec-PTFUUTBJ.js"),
+  "../plots/table.js": () => import("./table-T73D4MMV.js"),
+  "../plots/test/expclust.gdc.spec.js": () => import("./expclust.gdc.spec-WQBILTT5.js"),
+  "../plots/test/summary.integration.spec.js": () => import("./summary.integration.spec-EWYBQXS3.js"),
+  "../plots/volcano/test/testData.js": () => import("./testData-DRM5HWQB.js")
+});
+
+// plots/importPlot.js
+async function importPlot(chartType, notFoundMessage = "") {
+  switch (chartType) {
+    case "aggMatrixInput":
+      return await import("./AggMatrixInput-FJU2LFFO.js");
+    case "aggregateMatrix":
+      return await import("./AggregateMatrix-RJ2VERUN.js");
+    case "animatedBubbleChart":
+      return await import("./animatedBubbleChart-IN5UVZAD.js");
+    case "brainImaging":
+      return await import("./brainImaging-R3F3PE6Z.js");
+    case "brainRegions":
+      return await import("./brainRegions-YQVQVKL4.js");
+    case "barchart":
+      return await import("./barchart-GEVUNJ3P.js");
+    case "boxplot":
+      return await import("./BoxPlot-MIY77WRA.js");
+    case "bubbleHeatmap":
+      return await import("./bubbleHeatmap-5O64CGYG.js");
+    case "cellTypeBubbleHeatmap":
+      return await import("./cellTypeBubbleHeatmap-WWFWVCZ4.js");
+    case "correlationVolcano":
+      return await import("./CorrelationVolcano-TD4WNLVB.js");
+    case "cuminc":
+      return await import("./Cuminc-JC2RB2JJ.js");
+    case "dataDownload":
+      return await import("./dataDownload-3PRPXLBV.js");
+    case "DEinput":
+      return await import("./DEinput-NJYGTYXI.js");
+    case "dictionary":
+      return await import("./dictionary-OWTFXDAL.js");
+    case "differentialAnalysis":
+      return await import("./DifferentialAnalysis-K2OYA3GC.js");
+    case "Disco":
+      return await import("./Disco-3P2JTHPH.js");
+    case "dmr":
+      return await import("./DmrPlot-COQ7G42N.js");
+    case "facet":
+      return await import("./facet-4VGVDLCU.js");
+    case "GeneExpInput":
+      return await import("./GeneExpInput-IJRT3ET6.js");
+    case "geneRanking":
+      return await import("./geneRanking-G556D44I.js");
+    case "genomeBrowser":
+      return await import("./GB-TIAFRKC6.js");
+    case "geomap":
+      return await import("./Geomap-4JSVYPKA.js");
+    case "grin2":
+      return await import("./grin2-2ZM5J6IY.js");
+    case "gsea":
+      return await import("./GSEA-SORUSH2I.js");
+    case "imagePlot":
+      return await import("./imagePlot-C6B6VHSQ.js");
+    case "numericDictTermCluster":
+      return await import("./numericDictTermCluster-LRY554HK.js");
+    case "profileBarchart2":
+      return await import("./barchart2-FN3EICRE.js");
+    case "profileForms":
+      return await import("./profileForms-MA743GS4.js");
+    case "profilePlot":
+      return await import("./profilePlot-K75DW43W.js");
+    case "profilePolar2":
+      return await import("./polar2-KKLKRETZ.js");
+    case "profileRadar2":
+      return await import("./radar2-7JXNJZ2E.js");
+    case "profileRadarFacility2":
+      return await import("./radarFacility2-DJ2V5JNW.js");
+    case "proteinView":
+      return await import("./proteinView-FKWQBBX4.js");
+    case "proteomeAbundance":
+      return await import("./proteomeAbundance-NH3Y4YC7.js");
+    case "proteomeCohortCompare":
+      return await import("./proteomeCohortCompare-VZVP4WOH.js");
+    case "ProteomeInput":
+      return await import("./ProteomeInput-CE2QSGHY.js");
+    case "regression":
+      return await import("./Regression-TJJGAFZD.js");
+    case "report":
+      return await import("./report-M34KCQN2.js");
+    case "runChart2":
+    //See frequencyChart
+    case "frequencyChart":
+      return await import("./RunChart2-VSLNFIXS.js");
+    case "sampleView":
+      return await import("./sampleView-NSMHY3Q6.js");
+    case "sampleScatter":
+      return await import("./scatter-2EEH73PX.js");
+    case "sc":
+      return await import("./SC-AJWKVCOK.js");
+    case "studyCatalog":
+      return await import("./studyCatalog-56TO46A5.js");
+    case "summarizeCnvGeneexp":
+      return await import("./summarizeCnvGeneexp-F7MMS55Q.js");
+    case "summarizeGeneexpSurvival":
+      return await import("./summarizeGeneexpSurvival-ZUE5FNZG.js");
+    case "summarizeMutationDiagnosis":
+      return await import("./summarizeMutationDiagnosis-GSQN76UC.js");
+    case "summarizeMutationSurvival":
+      return await import("./summarizeMutationSurvival-DADX2MAN.js");
+    case "summarizeMutationCnv":
+      return await import("./summarizeMutationCnv-GABFG5M7.js");
+    case "summaryInput":
+      return await import("./summaryInput-6C7ZY5Z5.js");
+    case "summary":
+      return await import("./summary-TBHTSEMG.js");
+    case "survival":
+      return await import("./survival-L2IAJZXL.js");
+    case "table":
+      return await import("./table-T73D4MMV.js");
+    case "violin":
+      return await import("./Violin-PEMCXVES.js");
+    case "volcano":
+      return await import("./Volcano-OXSIAQ2Z.js");
+    case "wsi":
+      return await import("./Wsi-AG2DF27X.js");
+    default:
+      if (notFoundMessage) throw notFoundMessage;
+      return await globImport_plots_js(`../plots/${chartType}.js`);
+  }
+}
+
+export {
+  importPlot
+};
+//# sourceMappingURL=chunk-K7IB2U76.js.map

package/dist/chunk-KA4WZGUX.js

@@ -0,0 +1,123 @@
+import {
+  pickCollectionFraction,
+  renderTable
+} from "./chunk-DGZWMUOG.js";
+
+// termdb/handlers/termCollection.ts
+var SearchHandler = class {
+  async init(opts) {
+    this.callback = opts.callback;
+    this.app = opts.app;
+    opts.holder.style("display", "");
+    const termlst = opts.details.termlst ?? [];
+    const memberType = opts.details.memberType || opts.details.type;
+    if (opts.termCollectionSelectionMode === "fraction" && memberType === "numeric") {
+      pickCollectionFraction({
+        holder: opts.holder,
+        term: makeTerm(opts.details, termlst, opts.usecase),
+        callback: (tw) => opts.callback(tw)
+      });
+      return;
+    }
+    const tableDiv = opts.holder.append("div");
+    renderTable({
+      columns: [{ label: "VARIABLES" }],
+      rows: termlst.map((t) => {
+        return [{ value: t.name }];
+      }),
+      div: tableDiv,
+      maxWidth: "30vw",
+      maxHeight: "40vh",
+      // the button is disabled while the selection cannot be submitted
+      noButtonCallback: () => updateSelectBtn(),
+      striped: false,
+      showHeader: true,
+      //false,
+      selectAll: true,
+      columnButtons: void 0,
+      //Leave until table.js is typed
+      buttons: void 0
+    });
+    let categoryTable;
+    let ckSource = [];
+    if (opts.details.categoryKeys) {
+      ckSource = opts.details.categoryKeys;
+      const categoryDiv = opts.holder.append("div").style("margin-top", "15px");
+      const values = opts.details.termlst[0].values || {};
+      categoryTable = categoryDiv.append("div");
+      renderTable({
+        columns: [{ label: "CATEGORIES" }],
+        rows: ckSource.map((ck) => {
+          return [{ value: values[ck.key]?.label ?? ck.key, checked: ck.shown }];
+        }),
+        div: categoryTable,
+        maxWidth: "30vw",
+        maxHeight: "40vh",
+        noButtonCallback: () => updateSelectBtn(),
+        striped: false,
+        showHeader: true,
+        //false,
+        selectAll: true,
+        columnButtons: void 0,
+        //Leave until table.js is typed
+        buttons: void 0
+      });
+    }
+    function getRowChecks(div) {
+      const trs = div.select("table").select("tbody").node().querySelectorAll("tr");
+      return [...trs].map((tr) => tr.querySelectorAll("td")[1]?.querySelector("input")?.checked === true);
+    }
+    function getSelectedTermlst() {
+      const checked = getRowChecks(tableDiv);
+      return termlst.filter((term, i) => checked[i]);
+    }
+    function getCategoryKeys() {
+      if (!categoryTable) return void 0;
+      const checked = getRowChecks(categoryTable);
+      return ckSource.map((ck, i) => ({ key: ck.key, shown: checked[i] }));
+    }
+    function getSelectionError() {
+      if (getSelectedTermlst().length < 2) return "Select at least two variables.";
+      if (getCategoryKeys()?.every((ck) => !ck.shown)) return "Select at least one category.";
+      return void 0;
+    }
+    function updateSelectBtn() {
+      if (!selectBtn) return;
+      const error = getSelectionError();
+      selectBtn.property("disabled", Boolean(error)).attr("title", error || null);
+    }
+    const selectBtn = opts.holder.append("div").style("float", "right").style("padding", "6px 20px").append("button").attr("data-testid", "sjpp-term-collection-select").text("Select").on("click", () => {
+      opts.callback({
+        // makeTerm() extracts propsByTermId (color, etc) for the selected terms
+        ...makeTerm(opts.details, getSelectedTermlst(), opts.usecase),
+        categoryKeys: getCategoryKeys()
+      });
+    });
+    updateSelectBtn();
+  }
+};
+function makeTerm(details, termlst, usecase) {
+  const propsByTermId = {};
+  if (details.propsByTermId) {
+    for (const term of termlst) {
+      if (details.propsByTermId[term.id]) propsByTermId[term.id] = details.propsByTermId[term.id];
+    }
+  }
+  return {
+    type: "termCollection",
+    termIds: termlst.map((term) => term.id),
+    termlst,
+    name: details.name,
+    valueTransform: details.valueTransformByPlots?.[usecase?.target],
+    // memberType = ds.cohort.termdb.termCollections[].type for client code
+    memberType: details.memberType || details.type,
+    categoryKeys: details.categoryKeys,
+    isleaf: true,
+    propsByTermId
+  };
+}
+
+export {
+  SearchHandler
+};
+//# sourceMappingURL=chunk-KA4WZGUX.js.map