@sjcrh/proteinpaint-client 2.198.0 → 2.200.0

package/dist/table-XSJJ3UZV.js

@@ -0,0 +1,200 @@
+import {
+  controlsInit
+} from "./chunk-TKW5TW4Z.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-LSEFWW72.js";
+import "./chunk-3SHZTAGF.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-6QCYT6G2.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-IIT367QZ.js";
+import "./chunk-RZGEKL77.js";
+import "./chunk-OTTMHVYH.js";
+import "./chunk-GNS6CQMA.js";
+import "./chunk-JVPWIVDT.js";
+import "./chunk-4WF3XDQP.js";
+import "./chunk-7JRDJNLR.js";
+import {
+  getCompInit
+} from "./chunk-M3J4MINX.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-MPSLUEI4.js";
+import "./chunk-6PNPHACF.js";
+import "./chunk-WPHUM5S5.js";
+import "./chunk-JNITUVXP.js";
+import "./chunk-2KXLYFAO.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-VQZ2Z5YU.js";
+import "./chunk-UJELJXJG.js";
+import "./chunk-BZTWTH4Y.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-5R63Q5KH.js";
+import {
+  select_default
+} from "./chunk-I6Y4O3RR.js";
+import "./chunk-Q5RDQNIT.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-XSJJ3UZV.js.map

package/dist/termCollection-IAB3425K.js

@@ -0,0 +1,38 @@
+import {
+  SearchHandler
+} from "./chunk-46X6AQ7Z.js";
+import "./chunk-TKW5TW4Z.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-LSEFWW72.js";
+import "./chunk-3SHZTAGF.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-6QCYT6G2.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-IIT367QZ.js";
+import "./chunk-RZGEKL77.js";
+import "./chunk-OTTMHVYH.js";
+import "./chunk-GNS6CQMA.js";
+import "./chunk-JVPWIVDT.js";
+import "./chunk-4WF3XDQP.js";
+import "./chunk-7JRDJNLR.js";
+import "./chunk-M3J4MINX.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-MPSLUEI4.js";
+import "./chunk-6PNPHACF.js";
+import "./chunk-WPHUM5S5.js";
+import "./chunk-JNITUVXP.js";
+import "./chunk-2KXLYFAO.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-VQZ2Z5YU.js";
+import "./chunk-UJELJXJG.js";
+import "./chunk-BZTWTH4Y.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-5R63Q5KH.js";
+import "./chunk-I6Y4O3RR.js";
+import "./chunk-Q5RDQNIT.js";
+import "./chunk-DQC5FFGV.js";
+import "./chunk-HFNDKYVF.js";
+export {
+  SearchHandler
+};
+//# sourceMappingURL=termCollection-IAB3425K.js.map

package/dist/termCollection-LGEGHZSJ.js

@@ -0,0 +1,257 @@
+import {
+  getFractionSelectionError,
+  renderFractionSelection,
+  renderTable
+} from "./chunk-TKW5TW4Z.js";
+import "./chunk-HJ6L54YS.js";
+import {
+  HandlerBase
+} from "./chunk-LSEFWW72.js";
+import "./chunk-3SHZTAGF.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-6QCYT6G2.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-IIT367QZ.js";
+import "./chunk-RZGEKL77.js";
+import "./chunk-OTTMHVYH.js";
+import "./chunk-GNS6CQMA.js";
+import "./chunk-JVPWIVDT.js";
+import "./chunk-4WF3XDQP.js";
+import {
+  termItemType
+} from "./chunk-7JRDJNLR.js";
+import "./chunk-M3J4MINX.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-MPSLUEI4.js";
+import "./chunk-6PNPHACF.js";
+import "./chunk-WPHUM5S5.js";
+import "./chunk-JNITUVXP.js";
+import "./chunk-2KXLYFAO.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-VQZ2Z5YU.js";
+import "./chunk-UJELJXJG.js";
+import "./chunk-BZTWTH4Y.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-5R63Q5KH.js";
+import "./chunk-I6Y4O3RR.js";
+import "./chunk-Q5RDQNIT.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 terms = self.term.termlst;
+    const groupDiv = div.append("div");
+    const callback = this.tw.term.memberType == "numeric" ? self.tw.type === "TermCollectionTWFraction" ? addFractionTable(self, groupDiv, terms) : addNumericTable(self, groupDiv, terms) : addCategoricalTable(self, groupDiv, terms);
+    const buttons = div.append("div").style("padding", "6px 20px");
+    buttons.append("button").attr("data-testid", "sjpp-term-collection-members-apply").text("Apply").on("click", callback);
+  }
+  async showBinsEditMenu(div) {
+    const self = this.termsetting;
+    div.selectAll("*").remove();
+    const { NumericHandler } = await import("./NumericHandler-UZOGKPKB.js");
+    const { NumDiscreteEditor } = await import("./NumDiscreteEditor-2CAKT3Y4.js");
+    const numericHandler = new NumericHandler({ termsetting: self });
+    const densityData = { min: 0, max: 1 };
+    numericHandler.density_data = densityData;
+    numericHandler.density.density_data = densityData;
+    numericHandler.density.no_density_data = true;
+    numericHandler.density.showViolin = async (div2) => {
+      div2.selectAll("*").remove();
+      div2.append("div").style("padding", "10px 5px").text("Fraction range is 0 to 1.");
+      return densityData;
+    };
+    numericHandler.density.setBinLines = async () => {
+    };
+    const editor = new NumDiscreteEditor({ termsetting: self }, numericHandler);
+    await editor.showEditMenu(div.append("div"));
+    const buttons = div.append("div").style("margin", "0px 0px 10px 12px");
+    buttons.append("button").attr("data-testid", "sjpp-term-collection-bins-apply").text("Apply").on("click", () => {
+      const editedQ = editor.getEditedQ();
+      self.q = {
+        ...editedQ,
+        denominators: self.q.denominators,
+        numerators: self.q.numerators
+      };
+      self.dom.tip.hide();
+      self.api.runCallback();
+    });
+    buttons.append("button").style("margin-left", "8px").text("Reset").on("click", () => editor.undoEdits());
+  }
+  getPillStatus() {
+    return this.tw.getStatus(this.termsetting.usecase);
+  }
+};
+function addFractionTable(self, div, terms) {
+  const selection = {
+    numerators: self.q.numerators?.slice() || [],
+    denominators: self.q.denominators?.slice() || []
+  };
+  renderFractionSelection({
+    holder: div,
+    termlst: terms,
+    selection,
+    propsByTermId: self.term.propsByTermId
+  });
+  return () => {
+    const error = getFractionSelectionError(selection);
+    if (error) return window.alert(error);
+    const q = self.q;
+    q.denominators = selection.denominators;
+    q.numerators = selection.numerators;
+    self.api.runCallback();
+  };
+}
+function addNumericTable(self, div, terms) {
+  const selectedRows = getSelectedRows(self, terms);
+  const rows = [];
+  for (const [index, term] of terms.entries()) {
+    const selected = selectedRows.includes(index);
+    const checked = selected && self.q.numerators?.includes(term.id) ? "checked" : "";
+    const disabled = selected ? "" : "disabled";
+    rows.push([
+      {},
+      {
+        html: `<input type='checkbox' data-testid='sjpp-term-collection-sort-member' ${checked} ${disabled} />`
+      }
+    ]);
+  }
+  const columns = [getTermNameColumn(self, terms), { label: "Use for sorting" }];
+  const noButtonCallback = () => {
+    for (const tr of div.select("table").select("tbody").node().querySelectorAll("tr")) {
+      const memberCheckbox = tr.querySelector(
+        'input[type="checkbox"]:not([data-testid="sjpp-term-collection-sort-member"])'
+      );
+      const sortingCheckbox = tr.querySelector(
+        '[data-testid="sjpp-term-collection-sort-member"]'
+      );
+      if (!memberCheckbox || !sortingCheckbox) continue;
+      sortingCheckbox.disabled = !memberCheckbox.checked;
+      if (!memberCheckbox.checked) sortingCheckbox.checked = false;
+    }
+  };
+  renderTable({
+    rows,
+    columns,
+    div,
+    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");
+    q.lst = getSelectedTermIds(terms, trs);
+    q.numerators = terms.filter((term, i) => {
+      const checked = trs[i].querySelector('[data-testid="sjpp-term-collection-sort-member"]')?.checked;
+      return checked === true;
+    }).map((t) => t.id);
+    self.api.runCallback();
+  };
+}
+function addCategoricalTable(self, div, terms) {
+  const rows = [];
+  for (let i = 0; i < terms.length; i++) {
+    rows.push([{}]);
+  }
+  const selectedRows = getSelectedRows(self, terms);
+  const columns = [getTermNameColumn(self, terms)];
+  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.q.lst = getSelectedTermIds(terms, trs);
+    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 getSelectedRows(self, terms) {
+  const selectedIds = self.q.lst?.length > 0 ? new Set(self.q.lst) : new Set(self.term.termIds?.length > 0 ? self.term.termIds : terms.map((term) => term.id));
+  return terms.map((term, index) => selectedIds.has(term.id) ? index : -1).filter((index) => index !== -1);
+}
+function getSelectedTermIds(terms, trs) {
+  return terms.filter((_, i) => trs[i].querySelectorAll("td")[1].querySelector("input")?.checked === true).map((term) => term.id);
+}
+function getTermNameColumn(self, terms) {
+  if (!terms?.[0]) throw new Error("terms[0] missing");
+  return {
+    label: termItemType(terms[0]),
+    fillCell(td, index) {
+      const term = terms[index];
+      const color = self.term.propsByTermId?.[term.id]?.color || term.color;
+      if (color) {
+        td.append("span").attr("data-testid", "sjpp-term-collection-member-color").style("display", "inline-block").style("width", "10px").style("height", "10px").style("margin-right", "5px").style("background-color", color);
+      }
+      td.append("span").text(term.name);
+    }
+  };
+}
+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-LGEGHZSJ.js.map

package/dist/termCollection-LGEGHZSJ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../termsetting/handlers/termCollection.ts"],
+  "sourcesContent": ["import { HandlerBase } from '../HandlerBase.ts'\nimport type { Handler } from '../index.ts'\nimport { renderTable } from '#dom'\nimport type { CollectionBase } from '#tw'\nimport type { CategoryKey, TermCollectionQCont, TermCollectionQFraction } from '#types'\nimport { termItemType } from '#shared/terms.js'\nimport type { TermSetting } from '../TermSetting.ts'\nimport {\n\tgetFractionSelectionError,\n\trenderFractionSelection,\n\ttype FractionSelection\n} from '../../termdb/handlers/termCollectionFractionSelection.ts'\n\n// self is the termsetting instance\nexport class TermCollectionHandler extends HandlerBase implements Handler {\n\ttw: CollectionBase\n\ttermsetting: TermSetting\n\tdom: {\n\t\t[name: string]: any\n\t} = {} //main menu dom elements before drag and drop divs are added\n\n\tconstructor(opts) {\n\t\tsuper(opts)\n\t\tthis.termsetting = opts.termsetting\n\t\tthis.tw = opts.termsetting.tw\n\t\tthis.dom.holder = opts.holder || this.termsetting.dom.tip.d\n\t\t//this.data = { groups: [], values: [], filters: [] }\n\t}\n\n\tasync showEditMenu(div: any) {\n\t\tconst self = this.termsetting\n\t\tdiv.selectAll('*').remove()\n\t\tconst terms = self.term.termlst\n\t\tconst groupDiv = div.append('div')\n\t\tconst callback =\n\t\t\tthis.tw.term.memberType == 'numeric'\n\t\t\t\t? self.tw.type === 'TermCollectionTWFraction'\n\t\t\t\t\t? addFractionTable(self, groupDiv, terms)\n\t\t\t\t\t: addNumericTable(self, groupDiv, terms)\n\t\t\t\t: addCategoricalTable(self, groupDiv, terms)\n\n\t\tconst buttons = div.append('div').style('padding', '6px 20px')\n\t\tbuttons\n\t\t\t.append('button')\n\t\t\t.attr('data-testid', 'sjpp-term-collection-members-apply')\n\t\t\t.text('Apply')\n\t\t\t.on('click', callback)\n\t}\n\n\tasync showBinsEditMenu(div: any) {\n\t\tconst self = this.termsetting\n\t\tdiv.selectAll('*').remove()\n\t\tconst { NumericHandler } = await import('./NumericHandler.ts')\n\t\tconst { NumDiscreteEditor } = await import('./NumDiscreteEditor.ts')\n\t\tconst numericHandler = new NumericHandler({ termsetting: self })\n\t\t// A fraction has a fixed numeric domain, so the bin editor does not need\n\t\t// to request a cohort density plot (which may also be unavailable for a\n\t\t// newly staged custom collection).\n\t\tconst densityData = { min: 0, max: 1 }\n\t\tnumericHandler.density_data = densityData\n\t\tnumericHandler.density.density_data = densityData\n\t\tnumericHandler.density.no_density_data = true\n\t\tnumericHandler.density.showViolin = async div => {\n\t\t\tdiv.selectAll('*').remove()\n\t\t\tdiv.append('div').style('padding', '10px 5px').text('Fraction range is 0 to 1.')\n\t\t\treturn densityData\n\t\t}\n\t\tnumericHandler.density.setBinLines = async () => {}\n\t\tconst editor = new NumDiscreteEditor({ termsetting: self }, numericHandler as any)\n\t\tawait editor.showEditMenu(div.append('div'))\n\t\tconst buttons = div.append('div').style('margin', '0px 0px 10px 12px')\n\t\tbuttons\n\t\t\t.append('button')\n\t\t\t.attr('data-testid', 'sjpp-term-collection-bins-apply')\n\t\t\t.text('Apply')\n\t\t\t.on('click', () => {\n\t\t\t\tconst editedQ: any = editor.getEditedQ()\n\t\t\t\tself.q = {\n\t\t\t\t\t...editedQ,\n\t\t\t\t\tdenominators: (self.q as any).denominators,\n\t\t\t\t\tnumerators: (self.q as any).numerators\n\t\t\t\t}\n\t\t\t\tself.dom.tip.hide()\n\t\t\t\tself.api.runCallback()\n\t\t\t})\n\t\tbuttons\n\t\t\t.append('button')\n\t\t\t.style('margin-left', '8px')\n\t\t\t.text('Reset')\n\t\t\t.on('click', () => editor.undoEdits())\n\t}\n\n\tgetPillStatus() {\n\t\treturn this.tw.getStatus(this.termsetting.usecase)\n\t}\n}\n\nfunction addFractionTable(self, div: any, terms: any) {\n\t// the chooser updates this copy of q{}, so that a cancelled edit does not alter self.q\n\tconst selection: FractionSelection = {\n\t\tnumerators: (self.q as TermCollectionQFraction).numerators?.slice() || [],\n\t\tdenominators: (self.q as TermCollectionQFraction).denominators?.slice() || []\n\t}\n\trenderFractionSelection({\n\t\tholder: div,\n\t\ttermlst: terms,\n\t\tselection,\n\t\tpropsByTermId: self.term.propsByTermId\n\t})\n\n\treturn () => {\n\t\tconst error = getFractionSelectionError(selection)\n\t\tif (error) return window.alert(error)\n\t\tconst q = self.q as TermCollectionQFraction\n\t\tq.denominators = selection.denominators!\n\t\tq.numerators = selection.numerators!\n\t\tself.api.runCallback()\n\t}\n}\n\nfunction addNumericTable(self, div: any, terms: any) {\n\tconst selectedRows = getSelectedRows(self, terms)\n\tconst rows: any = []\n\tfor (const [index, term] of terms.entries()) {\n\t\tconst selected = selectedRows.includes(index)\n\t\tconst checked = selected && self.q.numerators?.includes(term.id) ? 'checked' : ''\n\t\tconst disabled = selected ? '' : 'disabled'\n\t\trows.push([\n\t\t\t{},\n\t\t\t{\n\t\t\t\thtml: `<input type='checkbox' data-testid='sjpp-term-collection-sort-member' ${checked} ${disabled} />`\n\t\t\t}\n\t\t])\n\t}\n\n\tconst columns: any = [getTermNameColumn(self, terms), { label: 'Use for sorting' }]\n\tconst noButtonCallback = () => {\n\t\t// Check-all reports both the member and custom sorting inputs. Resync every\n\t\t// row so this does not depend on the callback's interleaved input indexes.\n\t\tfor (const tr of div.select('table').select('tbody').node().querySelectorAll('tr')) {\n\t\t\tconst memberCheckbox = tr.querySelector(\n\t\t\t\t'input[type=\"checkbox\"]:not([data-testid=\"sjpp-term-collection-sort-member\"])'\n\t\t\t) as HTMLInputElement | null\n\t\t\tconst sortingCheckbox = tr.querySelector(\n\t\t\t\t'[data-testid=\"sjpp-term-collection-sort-member\"]'\n\t\t\t) as HTMLInputElement | null\n\t\t\tif (!memberCheckbox || !sortingCheckbox) continue\n\t\t\tsortingCheckbox.disabled = !memberCheckbox.checked\n\t\t\tif (!memberCheckbox.checked) sortingCheckbox.checked = false\n\t\t}\n\t}\n\n\trenderTable({\n\t\trows,\n\t\tcolumns,\n\t\tdiv,\n\t\tmaxHeight: '40vh',\n\t\tnoButtonCallback,\n\t\tstriped: false,\n\t\tshowHeader: true, //false,\n\t\tselectedRows,\n\t\tcolumnButtons: undefined, //Leave until table.js is typed\n\t\tbuttons: undefined\n\t})\n\n\treturn () => {\n\t\tconst q: TermCollectionQCont = self.q\n\t\tconst trs = div.select('table').select('tbody').node().querySelectorAll('tr')\n\n\t\tq.lst = getSelectedTermIds(terms, trs)\n\n\t\tq.numerators = terms\n\t\t\t.filter((term, i) => {\n\t\t\t\tconst checked = trs[i].querySelector('[data-testid=\"sjpp-term-collection-sort-member\"]')?.checked\n\t\t\t\treturn checked === true\n\t\t\t})\n\t\t\t.map(t => t.id)\n\n\t\tself.api.runCallback()\n\t}\n}\n\nfunction addCategoricalTable(self, div: any, terms: any) {\n\tconst rows: any = []\n\tfor (let i = 0; i < terms.length; i++) {\n\t\trows.push([{}])\n\t}\n\tconst selectedRows = getSelectedRows(self, terms)\n\n\tconst columns: any = [getTermNameColumn(self, terms)]\n\n\trenderTable({\n\t\trows,\n\t\tcolumns,\n\t\tdiv: div.append('div').style('margin-top', '10px'),\n\t\tmaxWidth: '30vw',\n\t\tmaxHeight: '40vh',\n\t\tnoButtonCallback: () => {\n\t\t\t// TODO disable \"Apply\" btn when no terms are selected\n\t\t},\n\t\tstriped: false,\n\t\tshowHeader: true, //false,\n\t\tselectedRows,\n\t\tcolumnButtons: undefined, //Leave until table.js is typed\n\t\tbuttons: undefined\n\t})\n\n\tconst categoryDiv = div.append('div').style('margin-top', '15px')\n\t// Merge .values from all termlst entries; safe when termlst is empty or entries lack .values\n\tconst values = Object.assign({}, ...(self.tw.term.termlst?.map((t: any) => t.values || {}) ?? []))\n\tconst categoryTable = categoryDiv.append('div')\n\tconst ckSource: CategoryKey[] = self.tw.q.categoryKeys || self.tw.term.categoryKeys || []\n\trenderTable({\n\t\tcolumns: [{ label: 'CATEGORIES' }],\n\t\trows: ckSource.map((ck: CategoryKey) => {\n\t\t\treturn [{ value: values[ck.key]?.label ?? ck.key, checked: ck.shown }]\n\t\t}),\n\t\tdiv: categoryTable,\n\t\tmaxWidth: '30vw',\n\t\tmaxHeight: '40vh',\n\t\tnoButtonCallback: () => {}, // FIXME to supply a real callback\n\t\tstriped: false,\n\t\tshowHeader: true, //false,\n\t\tselectAll: true,\n\t\tcolumnButtons: undefined, //Leave until table.js is typed\n\t\tbuttons: undefined\n\t})\n\n\treturn () => {\n\t\t//const q = self.q as TermCollectionQValues\n\t\tconst trs = div.select('table').select('tbody').node().querySelectorAll('tr')\n\n\t\tself.q.lst = getSelectedTermIds(terms, trs)\n\n\t\tconst catTrs = categoryTable.select('table').select('tbody').node().querySelectorAll('tr')\n\t\tself.q.categoryKeys = ckSource.map((ck: CategoryKey, i: number) => {\n\t\t\tconst checked = catTrs[i].querySelectorAll('td')[1].querySelector('input')?.checked\n\t\t\treturn { key: ck.key, shown: !!checked }\n\t\t})\n\n\t\tself.api.runCallback()\n\t}\n}\n\nfunction getSelectedRows(self, terms) {\n\tconst selectedIds =\n\t\tself.q.lst?.length > 0\n\t\t\t? new Set(self.q.lst)\n\t\t\t: new Set(self.term.termIds?.length > 0 ? self.term.termIds : terms.map(term => term.id))\n\treturn terms.map((term, index) => (selectedIds.has(term.id) ? index : -1)).filter(index => index !== -1)\n}\n\nfunction getSelectedTermIds(terms, trs) {\n\treturn terms\n\t\t.filter((_, i) => trs[i].querySelectorAll('td')[1].querySelector('input')?.checked === true)\n\t\t.map(term => term.id)\n}\n\nfunction getTermNameColumn(self, terms) {\n\tif (!terms?.[0]) throw new Error('terms[0] missing')\n\treturn {\n\t\tlabel: termItemType(terms[0]),\n\t\tfillCell(td, index) {\n\t\t\tconst term = terms[index]\n\t\t\tconst color = self.term.propsByTermId?.[term.id]?.color || term.color\n\t\t\tif (color) {\n\t\t\t\ttd.append('span')\n\t\t\t\t\t.attr('data-testid', 'sjpp-term-collection-member-color')\n\t\t\t\t\t.style('display', 'inline-block')\n\t\t\t\t\t.style('width', '10px')\n\t\t\t\t\t.style('height', '10px')\n\t\t\t\t\t.style('margin-right', '5px')\n\t\t\t\t\t.style('background-color', color)\n\t\t\t}\n\t\t\ttd.append('span').text(term.name)\n\t\t}\n\t}\n}\n\nexport function fillTW(tw) {\n\tif (!tw.type) tw.type = 'termCollection'\n\t// TODO: when more termCollection types needed, should assign different q.type here.\n\tif (!tw.q) tw.q = { mode: 'continuous', type: 'compositePercentage' }\n\telse tw.q.mode = 'continuous'\n\treturn tw\n}\n"],
+  "mappings": "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",
+  "names": ["div"]
+}