@sjcrh/proteinpaint-client 2.196.0 → 2.198.0

package/dist/table-LWAI27UO.js

@@ -0,0 +1,200 @@
+import {
+  controlsInit
+} from "./chunk-5VOPABBA.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-LSEFWW72.js";
+import "./chunk-Z5U6HOE4.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-HBW42TDT.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-5ABGFJSP.js";
+import "./chunk-IIT367QZ.js";
+import "./chunk-RZGEKL77.js";
+import "./chunk-XPY6AWXO.js";
+import "./chunk-NELOT3NJ.js";
+import "./chunk-M6EF3WVV.js";
+import "./chunk-7IYJZZQI.js";
+import {
+  getCompInit
+} from "./chunk-M3J4MINX.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-LFCYMSVA.js";
+import "./chunk-I6WR4CG7.js";
+import "./chunk-2X6W4E3W.js";
+import "./chunk-NYRZNRG5.js";
+import "./chunk-JNITUVXP.js";
+import "./chunk-3XVVN66M.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-VQZ2Z5YU.js";
+import "./chunk-NSTL4MY2.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-KYBIQBXE.js";
+import {
+  select_default
+} from "./chunk-I6Y4O3RR.js";
+import "./chunk-OMR2DT66.js";
+import "./chunk-DQC5FFGV.js";
+import "./chunk-HFNDKYVF.js";
+
+// plots/table.js
+var TdbTable = class _TdbTable {
+  static type = "table";
+  constructor(opts) {
+    this.type = _TdbTable.type;
+  }
+  async init() {
+    const opts = this.opts;
+    const controls = opts.controls ? null : opts.holder.append("div");
+    const holder = opts.controls ? opts.holder : opts.holder.append("div");
+    this.dom = {
+      header: opts.header,
+      controls,
+      holder,
+      div: holder.style("margin", "10px 0px").style("display", "none"),
+      inputs: ["term1", "overlay"]
+    };
+    if (this.dom.header) this.dom.header.html("Crosstab");
+    setInteractivity(this);
+    setRenderers(this);
+    await this.setControls();
+  }
+  async setControls() {
+    if (this.opts.controls) {
+      this.opts.controls.on("downloadClick.table", this.download);
+    } else {
+      this.dom.holder.attr("class", "pp-termdb-plot-viz").style("display", "inline-block").style("min-width", "300px").style("margin-left", "50px");
+      this.components = {
+        controls: await controlsInit({
+          app: this.app,
+          id: this.id,
+          holder: this.dom.controls.style("display", "inline-block")
+        })
+      };
+      this.components.controls.on("downloadClick.table", this.download);
+    }
+  }
+  getState(appState, sub) {
+    const config = appState.plots.find((p) => p.id === this.id);
+    if (!config) {
+      throw `No plot with id='${this.id}' found. Did you set this.id before this.api = getComponentApi(this)?`;
+    }
+    return {
+      activeCohort: appState.activeCohort,
+      termfilter: appState.termfilter,
+      config: {
+        term: config.term,
+        term2: config.term2,
+        settings: {
+          common: config.settings.common,
+          table: config.settings.table
+        }
+      }
+    };
+  }
+  async main() {
+    try {
+      this.config = structuredClone(this.state.config);
+      if (!this.config.term2) {
+        this.dom.div.style("display", "none");
+        throw "term2 is required for table view";
+      }
+      const c = this.state.config;
+      if (this.dom.header) this.dom.header.html(c.term.term.name + " vs " + c.term2.term.name);
+      const reqOpts = this.getDataRequestOpts();
+      this.data = await this.app.vocabApi.getNestedChartSeriesData(reqOpts);
+      this.app.vocabApi.syncTermData(this.state.config, this.data);
+      const [columns, rows] = this.processData(this.data);
+      this.render(columns, rows);
+    } catch (e) {
+      throw e;
+    }
+  }
+  // creates an opts object for the vocabApi.getNestedChartsData()
+  getDataRequestOpts() {
+    const c = this.config;
+    const opts = { term: c.term, filter: this.state.termfilter.filter };
+    if (c.term2) opts.term2 = c.term2;
+    if (c.term0) opts.term0 = c.term0;
+    if (this.state.ssid) opts.ssid = this.state.ssid;
+    return opts;
+  }
+  processData(data) {
+    const t2 = this.config.term2.term;
+    const columns = data.refs.rows.map((key) => {
+      const label = t2.values && key in t2.values ? t2.values[key].label : key;
+      return { key, label };
+    });
+    const column_keys = data.refs.rows;
+    const t1 = this.config.term.term;
+    const rows = data.refs.cols.map((v1) => {
+      const series = data.charts[0].serieses.find((d) => d.seriesId == v1);
+      const label = t1.values && v1 in t1.values ? t1.values[v1].label : v1;
+      return {
+        label,
+        lst: !series ? [] : series.data.slice().sort((a, b) => column_keys.indexOf(a.dataId) - column_keys.indexOf(b.dataId)).map((d) => {
+          return {
+            label: d.dataId,
+            value: d.total
+          };
+        })
+      };
+    });
+    return [columns, rows];
+  }
+};
+function setInteractivity(self) {
+  self.download = () => {
+    if (!self.state || !self.state.isVisible) return;
+    const data = [];
+    self.dom.div.selectAll("tr").each(function() {
+      const series = [];
+      select_default(this).selectAll("th, td").each(function() {
+        series.push(select_default(this).text());
+      });
+      data.push(series);
+    });
+    const matrix = data.map((row) => row.join("	")).join("\n");
+    const a = document.createElement("a");
+    document.body.appendChild(a);
+    a.addEventListener(
+      "click",
+      function() {
+        a.download = self.config.term.term.name + " table.txt";
+        a.href = URL.createObjectURL(new Blob([matrix], { type: "text/tab-separated-values" }));
+        document.body.removeChild(a);
+      },
+      false
+    );
+    a.click();
+  };
+}
+function setRenderers(self) {
+  self.render = function render(columns, rows) {
+    self.dom.div.style("display", "inline-block").selectAll("*").remove();
+    const table = self.dom.div.append("table").style("margin-right", "20px").style("border-spacing", "3px").style("border-collapse", "collapse").style("border", "1px solid black");
+    const tr = table.append("tr").style("white-space", "normal").style("background-color", "#ececec");
+    tr.append("td");
+    for (const value of columns) {
+      const label = value.label;
+      tr.append("th").text(label.length > 20 ? label.slice(0, 16) + "..." : label).attr("aria-label", label).style("border", "1px solid black").style("padding", "3px").style("text-align", "center").style("min-width", "80px").style("max-width", "150px").style("word-break", label.length > 12 ? "break-word" : "normal").style("vertical-align", "top");
+    }
+    let i = 0;
+    for (const t1v of rows) {
+      const tr2 = table.append("tr").style("background-color", i++ % 2 == 0 ? "#fff" : "#ececec");
+      tr2.append("th").text(t1v.label.length > 20 ? t1v.label.slice(0, 20) + "..." : t1v.label).attr("aria-label", t1v.label).style("border", "1px solid black").style("padding", "3px").style("word-break", t1v.label.length > 12 ? "break-all" : "normal");
+      const column_keys = columns.map((d) => d.key);
+      for (const t2label of column_keys) {
+        const td = tr2.append("td").style("border", "1px solid black").style("padding", "3px 5px").style("text-align", "center");
+        const v = t1v.lst.find((i2) => i2.label == t2label);
+        if (v) {
+          td.html(v.value);
+        }
+      }
+    }
+  };
+}
+var tableInit = getCompInit(TdbTable);
+export {
+  tableInit
+};
+//# sourceMappingURL=table-LWAI27UO.js.map

package/dist/termCollection-3JHR74FG.js

@@ -0,0 +1,179 @@
+import {
+  mayHydrateDictTwLst,
+  renderTable
+} from "./chunk-5VOPABBA.js";
+import "./chunk-HJ6L54YS.js";
+import {
+  HandlerBase
+} from "./chunk-LSEFWW72.js";
+import "./chunk-Z5U6HOE4.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-HBW42TDT.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-5ABGFJSP.js";
+import "./chunk-IIT367QZ.js";
+import "./chunk-RZGEKL77.js";
+import "./chunk-XPY6AWXO.js";
+import "./chunk-NELOT3NJ.js";
+import "./chunk-M6EF3WVV.js";
+import "./chunk-7IYJZZQI.js";
+import "./chunk-M3J4MINX.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-LFCYMSVA.js";
+import "./chunk-I6WR4CG7.js";
+import "./chunk-2X6W4E3W.js";
+import "./chunk-NYRZNRG5.js";
+import "./chunk-JNITUVXP.js";
+import "./chunk-3XVVN66M.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-VQZ2Z5YU.js";
+import "./chunk-NSTL4MY2.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-KYBIQBXE.js";
+import "./chunk-I6Y4O3RR.js";
+import "./chunk-OMR2DT66.js";
+import "./chunk-DQC5FFGV.js";
+import "./chunk-HFNDKYVF.js";
+
+// termsetting/handlers/termCollection.ts
+var TermCollectionHandler = class extends HandlerBase {
+  //main menu dom elements before drag and drop divs are added
+  constructor(opts) {
+    super(opts);
+    this.dom = {};
+    this.termsetting = opts.termsetting;
+    this.tw = opts.termsetting.tw;
+    this.dom.holder = opts.holder || this.termsetting.dom.tip.d;
+  }
+  async showEditMenu(div) {
+    const self = this.termsetting;
+    div.selectAll("*").remove();
+    const termIds = self.vocabApi.termdbConfig.termCollections?.find((c) => c.name === self.term.name)?.termIds || [];
+    const terms = [];
+    const toBeHydrated = [];
+    for (const id of termIds) {
+      const term = self.term.termlst.find((t) => t.id === id);
+      if (term) terms.push(term);
+      else toBeHydrated.push({ id });
+    }
+    if (toBeHydrated.length) {
+      await mayHydrateDictTwLst(toBeHydrated, self.vocabApi);
+      terms.push(...toBeHydrated.map((tw) => tw.term));
+    }
+    const groupDiv = div.append("div");
+    const noButtonCallback = (i, node) => {
+      terms[i].checked = node.checked;
+    };
+    const callback = this.tw.term.memberType == "numeric" ? addNumericTable(self, groupDiv, terms, noButtonCallback) : addCategoricalTable(self, groupDiv, terms, noButtonCallback);
+    div.append("div").append("div").style("float", "right").style("padding", "6px 20px").append("button").attr("class", "sjpp_apply_btn sja_filter_tag_btn").text("Apply").on("click", callback);
+  }
+  getPillStatus() {
+    return this.tw.getStatus(this.termsetting.usecase);
+  }
+  // inherited from HanlderBase
+  // getPillName(d: PillData) {}
+};
+function addNumericTable(self, div, terms, noButtonCallback) {
+  const rows = [];
+  for (const term of terms) {
+    const checked = self.q.numerators?.find((tid) => tid === term.id) ? "checked" : "";
+    rows.push([{ value: term.name }, { html: `<input type='checkbox' ${checked} />` }]);
+  }
+  const selectedRows = terms.map((term, index) => self.term.termlst.find((t) => t.id === term.id) ? index : -1).filter((index) => index !== -1);
+  const columns = [{ label: "VARIABLES" }, { label: "Use for sorting" }];
+  renderTable({
+    rows,
+    columns,
+    div,
+    maxWidth: "30vw",
+    maxHeight: "40vh",
+    noButtonCallback,
+    striped: false,
+    showHeader: true,
+    //false,
+    selectedRows,
+    columnButtons: void 0,
+    //Leave until table.js is typed
+    buttons: void 0
+  });
+  return () => {
+    const q = self.q;
+    const trs = div.select("table").select("tbody").node().querySelectorAll("tr");
+    self.term.termlst = terms.filter((_, i) => trs[i].querySelectorAll("td")[1].querySelector("input")?.checked);
+    q.numerators = terms.filter((term, i) => {
+      const checked = trs[i].querySelectorAll("td")[1].querySelector("input")?.checked;
+      return checked === true;
+    }).map((t) => t.id);
+    self.api.runCallback();
+  };
+}
+function addCategoricalTable(self, div, terms, noButtonCallback) {
+  const rows = [];
+  for (const term of terms) {
+    rows.push([{ value: term.name }]);
+  }
+  const selectedRows = terms.map((term, index) => self.term.termlst.find((t) => t.id === term.id) ? index : -1).filter((index) => index !== -1);
+  const columns = [{ label: "VARIABLES" }];
+  renderTable({
+    rows,
+    columns,
+    div: div.append("div").style("margin-top", "10px"),
+    maxWidth: "30vw",
+    maxHeight: "40vh",
+    noButtonCallback,
+    striped: false,
+    showHeader: true,
+    //false,
+    selectedRows,
+    columnButtons: void 0,
+    //Leave until table.js is typed
+    buttons: void 0
+  });
+  const categoryDiv = div.append("div").style("margin-top", "15px");
+  const values = Object.assign({}, ...self.tw.term.termlst?.map((t) => t.values || {}) ?? []);
+  const categoryTable = categoryDiv.append("div");
+  const ckSource = self.tw.q.categoryKeys || self.tw.term.categoryKeys || [];
+  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: () => {
+    },
+    // FIXME to supply a real callback
+    striped: false,
+    showHeader: true,
+    //false,
+    selectAll: true,
+    columnButtons: void 0,
+    //Leave until table.js is typed
+    buttons: void 0
+  });
+  return () => {
+    const trs = div.select("table").select("tbody").node().querySelectorAll("tr");
+    self.term.termlst = terms.filter((term, i) => {
+      const checked = trs[i].querySelectorAll("td")[1].querySelector("input")?.checked;
+      return checked === true;
+    });
+    const catTrs = categoryTable.select("table").select("tbody").node().querySelectorAll("tr");
+    self.q.categoryKeys = ckSource.map((ck, i) => {
+      const checked = catTrs[i].querySelectorAll("td")[1].querySelector("input")?.checked;
+      return { key: ck.key, shown: !!checked };
+    });
+    self.api.runCallback();
+  };
+}
+function fillTW(tw) {
+  if (!tw.type) tw.type = "termCollection";
+  if (!tw.q) tw.q = { mode: "continuous", type: "compositePercentage" };
+  else tw.q.mode = "continuous";
+  return tw;
+}
+export {
+  TermCollectionHandler,
+  fillTW
+};
+//# sourceMappingURL=termCollection-3JHR74FG.js.map

package/dist/termCollection-CDF5LYUG.js

@@ -0,0 +1,38 @@
+import {
+  SearchHandler
+} from "./chunk-6BB43SIB.js";
+import "./chunk-5VOPABBA.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-LSEFWW72.js";
+import "./chunk-Z5U6HOE4.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-HBW42TDT.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-5ABGFJSP.js";
+import "./chunk-IIT367QZ.js";
+import "./chunk-RZGEKL77.js";
+import "./chunk-XPY6AWXO.js";
+import "./chunk-NELOT3NJ.js";
+import "./chunk-M6EF3WVV.js";
+import "./chunk-7IYJZZQI.js";
+import "./chunk-M3J4MINX.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-LFCYMSVA.js";
+import "./chunk-I6WR4CG7.js";
+import "./chunk-2X6W4E3W.js";
+import "./chunk-NYRZNRG5.js";
+import "./chunk-JNITUVXP.js";
+import "./chunk-3XVVN66M.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-VQZ2Z5YU.js";
+import "./chunk-NSTL4MY2.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-KYBIQBXE.js";
+import "./chunk-I6Y4O3RR.js";
+import "./chunk-OMR2DT66.js";
+import "./chunk-DQC5FFGV.js";
+import "./chunk-HFNDKYVF.js";
+export {
+  SearchHandler
+};
+//# sourceMappingURL=termCollection-CDF5LYUG.js.map

package/dist/termCollection.unit.spec-HOJKYWHF.js

@@ -0,0 +1,208 @@
+import {
+  SearchHandler
+} from "./chunk-6BB43SIB.js";
+import {
+  require_tape
+} from "./chunk-TUMA63WX.js";
+import "./chunk-5VOPABBA.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-LSEFWW72.js";
+import "./chunk-Z5U6HOE4.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-HBW42TDT.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-5ABGFJSP.js";
+import "./chunk-IIT367QZ.js";
+import "./chunk-RZGEKL77.js";
+import "./chunk-XPY6AWXO.js";
+import "./chunk-NELOT3NJ.js";
+import "./chunk-M6EF3WVV.js";
+import "./chunk-7IYJZZQI.js";
+import "./chunk-M3J4MINX.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-LFCYMSVA.js";
+import "./chunk-I6WR4CG7.js";
+import "./chunk-2X6W4E3W.js";
+import "./chunk-NYRZNRG5.js";
+import "./chunk-JNITUVXP.js";
+import "./chunk-3XVVN66M.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-VQZ2Z5YU.js";
+import "./chunk-NSTL4MY2.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-KYBIQBXE.js";
+import {
+  select_default
+} from "./chunk-I6Y4O3RR.js";
+import "./chunk-OMR2DT66.js";
+import "./chunk-DQC5FFGV.js";
+import {
+  __toESM
+} from "./chunk-HFNDKYVF.js";
+
+// termdb/handlers/test/termCollection.unit.spec.ts
+var import_tape = __toESM(require_tape(), 1);
+function getHolder() {
+  return select_default("body").append("div");
+}
+function getTermCollectionDetails(overrides = {}) {
+  return {
+    name: "Test Collection",
+    type: "gene",
+    memberType: "gene",
+    termlst: [
+      { id: "gene1", name: "TP53", values: { tissue: "Lung" } },
+      { id: "gene2", name: "KRAS", values: { tissue: "Colon" } },
+      { id: "gene3", name: "BRCA1", values: { tissue: "Breast" } }
+    ],
+    categoryKeys: [
+      { key: "tissue", shown: true },
+      { key: "expression", shown: false }
+    ],
+    propsByTermId: {
+      gene1: { color: "#FF0000" },
+      gene2: { color: "#00FF00" }
+    },
+    ...overrides
+  };
+}
+(0, import_tape.default)("\n", function(test) {
+  test.comment("-***- termdb/handlers/termCollection -***-");
+  test.end();
+});
+(0, import_tape.default)("init() should render term list table with all terms from details.termlst", async (test) => {
+  const handler = new SearchHandler();
+  const holder = getHolder();
+  const details = getTermCollectionDetails();
+  await handler.init({
+    holder,
+    callback: () => {
+    },
+    app: {},
+    details
+  });
+  const table = holder.select("table");
+  test.ok(table.node(), "Should render a table");
+  const rows = table.selectAll("tbody tr");
+  test.equal(rows.size(), 3, "Should render three rows for three terms");
+  const rowTexts = rows.nodes().map((row) => row.textContent.trim());
+  test.ok(rowTexts[0].includes("TP53"), "First row should contain TP53");
+  test.ok(rowTexts[1].includes("KRAS"), "Second row should contain KRAS");
+  test.ok(rowTexts[2].includes("BRCA1"), "Third row should contain BRCA1");
+  if (test["_ok"]) holder.remove();
+  test.end();
+});
+(0, import_tape.default)("init() should render category table when details.categoryKeys is present", async (test) => {
+  const handler = new SearchHandler();
+  const holder = getHolder();
+  const details = getTermCollectionDetails();
+  await handler.init({
+    holder,
+    callback: () => {
+    },
+    app: {},
+    details
+  });
+  const tables = holder.selectAll("table");
+  test.equal(tables.size(), 2, "Should render two tables when categoryKeys is present");
+  const categoryTable = tables.nodes()[1];
+  const categoryRows = select_default(categoryTable).selectAll("tbody tr");
+  test.equal(categoryRows.size(), 2, "Should render two rows for two categories");
+  const categoryTexts = categoryRows.nodes().map((row) => row.textContent.trim());
+  test.ok(categoryTexts[0].includes("tissue"), "Should display tissue category key");
+  test.ok(categoryTexts[1].includes("expression"), "Should display expression category key");
+  if (test["_ok"]) holder.remove();
+  test.end();
+});
+(0, import_tape.default)("init() should call callback with selected terms, categoryKeys, and properties", async (test) => {
+  const handler = new SearchHandler();
+  const holder = getHolder();
+  const details = getTermCollectionDetails();
+  let callbackResult;
+  await handler.init({
+    holder,
+    callback: (result) => {
+      callbackResult = result;
+    },
+    app: {},
+    details
+  });
+  const termsTable = holder.selectAll("table").nodes()[0];
+  const checkboxes = termsTable.querySelectorAll('tbody input[type="checkbox"]');
+  checkboxes[0].checked = true;
+  checkboxes[1].checked = true;
+  checkboxes[2].checked = false;
+  const categoryTable = holder.selectAll("table").nodes()[1];
+  const categoryCheckboxes = categoryTable.querySelectorAll('tbody input[type="checkbox"]');
+  categoryCheckboxes[0].checked = true;
+  categoryCheckboxes[1].checked = false;
+  const selectBtn = holder.select("button.sjpp_apply_btn").node();
+  selectBtn.click();
+  test.equal(callbackResult?.type, "termCollection", "Should set type to termCollection");
+  test.equal(callbackResult?.name, "Test Collection", "Should pass collection name");
+  test.equal(callbackResult?.memberType, "gene", "Should pass memberType");
+  test.deepEqual(callbackResult?.termIds, ["gene1", "gene2"], "Should pass selected term IDs");
+  test.equal(callbackResult?.termlst.length, 2, "Should pass selected term list with correct length");
+  test.equal(callbackResult?.termlst[0].name, "TP53", "First selected term should be TP53");
+  test.equal(callbackResult?.termlst[1].name, "KRAS", "Second selected term should be KRAS");
+  test.deepEqual(
+    callbackResult?.categoryKeys,
+    [
+      { key: "tissue", shown: true },
+      { key: "expression", shown: false }
+    ],
+    "Should pass updated categoryKeys with shown status"
+  );
+  test.deepEqual(
+    callbackResult?.propsByTermId,
+    { gene1: { color: "#FF0000" }, gene2: { color: "#00FF00" } },
+    "Should pass propsByTermId for selected terms only"
+  );
+  if (test["_ok"]) holder.remove();
+  test.end();
+});
+(0, import_tape.default)("init() should not render category table when details.categoryKeys is missing", async (test) => {
+  const handler = new SearchHandler();
+  const holder = getHolder();
+  const details = getTermCollectionDetails({ categoryKeys: void 0 });
+  await handler.init({
+    holder,
+    callback: () => {
+    },
+    app: {},
+    details
+  });
+  const tables = holder.selectAll("table");
+  test.equal(tables.size(), 1, "Should render only one table when categoryKeys is missing");
+  if (test["_ok"]) holder.remove();
+  test.end();
+});
+(0, import_tape.default)("init() should show alert when no terms are selected", async (test) => {
+  const handler = new SearchHandler();
+  const holder = getHolder();
+  const details = getTermCollectionDetails();
+  let alertCalled = false;
+  const originalAlert = window.alert;
+  window.alert = () => {
+    alertCalled = true;
+  };
+  await handler.init({
+    holder,
+    callback: () => test.fail("Callback should not be called when no terms selected"),
+    app: {},
+    details
+  });
+  const termsTable = holder.selectAll("table").nodes()[0];
+  const checkboxes = termsTable.querySelectorAll('tbody input[type="checkbox"]');
+  for (const cb of checkboxes) {
+    ;
+    cb.checked = false;
+  }
+  const selectBtn = holder.select("button.sjpp_apply_btn").node();
+  selectBtn.click();
+  test.ok(alertCalled, "Should show alert when no terms are selected");
+  window.alert = originalAlert;
+  if (test["_ok"]) holder.remove();
+  test.end();
+});
+//# sourceMappingURL=termCollection.unit.spec-HOJKYWHF.js.map