@sjcrh/proteinpaint-client 2.201.0 → 2.202.0

package/dist/table-NHS2WLWT.js

@@ -0,0 +1,202 @@
+import {
+  PlotBase,
+  controlsInit
+} from "./chunk-73PFJ2VF.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-XFAL46LZ.js";
+import "./chunk-ZZMIDYRE.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-6QCYT6G2.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-VSSZJHOR.js";
+import "./chunk-5RUVBYLK.js";
+import "./chunk-ZFJUVP2N.js";
+import "./chunk-R3ARQMM4.js";
+import "./chunk-X4QQRHFB.js";
+import "./chunk-4WF3XDQP.js";
+import "./chunk-X6VTVZY7.js";
+import {
+  getCompInit
+} from "./chunk-H6INPPUC.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-L44P5N4U.js";
+import "./chunk-GEQUQ3GG.js";
+import "./chunk-WPHUM5S5.js";
+import "./chunk-75T7ESEO.js";
+import "./chunk-2KXLYFAO.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-VQZ2Z5YU.js";
+import "./chunk-UJELJXJG.js";
+import "./chunk-FXQXCOII.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 extends PlotBase {
+  static type = "table";
+  constructor(opts, api) {
+    super(opts, api);
+    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.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-NHS2WLWT.js.map

package/dist/table-NHS2WLWT.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../plots/table.js"],
+  "sourcesContent": ["import { controlsInit } from './controls'\nimport { getCompInit } from '../rx'\nimport { PlotBase } from '#plots/PlotBase.js'\nimport { select } from 'd3-selection'\n\nclass TdbTable extends PlotBase {\n\tstatic type = 'table'\n\n\tconstructor(opts, api) {\n\t\tsuper(opts, api)\n\t\tthis.type = TdbTable.type\n\t}\n\n\tasync init() {\n\t\tconst opts = this.opts\n\t\tconst controls = opts.controls ? null : opts.holder.append('div')\n\t\tconst holder = opts.controls ? opts.holder : opts.holder.append('div')\n\t\tthis.dom = {\n\t\t\theader: opts.header,\n\t\t\tcontrols,\n\t\t\tholder,\n\t\t\tdiv: holder.style('margin', '10px 0px').style('display', 'none'),\n\t\t\tinputs: ['term1', 'overlay']\n\t\t}\n\t\tif (this.dom.header) this.dom.header.html('Crosstab')\n\t\tsetInteractivity(this)\n\t\tsetRenderers(this)\n\t\tawait this.setControls()\n\t}\n\n\tasync setControls() {\n\t\tif (this.opts.controls) {\n\t\t\tthis.opts.controls.on('downloadClick.table', this.download)\n\t\t} else {\n\t\t\tthis.dom.holder\n\t\t\t\t.attr('class', 'pp-termdb-plot-viz')\n\t\t\t\t.style('display', 'inline-block')\n\t\t\t\t.style('min-width', '300px')\n\t\t\t\t.style('margin-left', '50px')\n\n\t\t\tthis.components = {\n\t\t\t\tcontrols: await controlsInit({\n\t\t\t\t\tapp: this.app,\n\t\t\t\t\tid: this.id,\n\t\t\t\t\tholder: this.dom.controls.style('display', 'inline-block')\n\t\t\t\t})\n\t\t\t}\n\n\t\t\tthis.components.controls.on('downloadClick.table', this.download)\n\t\t}\n\t}\n\n\tgetState(appState, sub) {\n\t\tconst config = appState.plots.find(p => p.id === this.id)\n\t\tif (!config) {\n\t\t\tthrow `No plot with id='${this.id}' found. Did you set this.id before this.api = getComponentApi(this)?`\n\t\t}\n\t\treturn {\n\t\t\tactiveCohort: appState.activeCohort,\n\t\t\ttermfilter: appState.termfilter,\n\t\t\tconfig: {\n\t\t\t\tterm: config.term,\n\t\t\t\tterm2: config.term2,\n\t\t\t\tsettings: {\n\t\t\t\t\tcommon: config.settings.common,\n\t\t\t\t\ttable: config.settings.table\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tasync main() {\n\t\ttry {\n\t\t\tthis.config = structuredClone(this.state.config)\n\t\t\tif (!this.config.term2) {\n\t\t\t\tthis.dom.div.style('display', 'none')\n\t\t\t\tthrow 'term2 is required for table view'\n\t\t\t}\n\t\t\tconst c = this.state.config\n\t\t\tif (this.dom.header) this.dom.header.html(c.term.term.name + ' vs ' + c.term2.term.name)\n\t\t\tconst reqOpts = this.getDataRequestOpts()\n\t\t\tthis.data = await this.vocabApi.getNestedChartSeriesData(reqOpts)\n\t\t\tthis.app.vocabApi.syncTermData(this.state.config, this.data)\n\t\t\tconst [columns, rows] = this.processData(this.data)\n\t\t\tthis.render(columns, rows)\n\t\t} catch (e) {\n\t\t\tthrow e\n\t\t}\n\t}\n\n\t// creates an opts object for the vocabApi.getNestedChartsData()\n\tgetDataRequestOpts() {\n\t\tconst c = this.config\n\t\tconst opts = { term: c.term, filter: this.state.termfilter.filter }\n\t\tif (c.term2) opts.term2 = c.term2\n\t\tif (c.term0) opts.term0 = c.term0\n\t\tif (this.state.ssid) opts.ssid = this.state.ssid\n\t\treturn opts\n\t}\n\n\tprocessData(data) {\n\t\tconst t2 = this.config.term2.term\n\t\tconst columns = data.refs.rows.map(key => {\n\t\t\tconst label = t2.values && key in t2.values ? t2.values[key].label : key\n\t\t\treturn { key, label }\n\t\t})\n\t\tconst column_keys = data.refs.rows\n\t\tconst t1 = this.config.term.term\n\t\tconst rows = data.refs.cols.map(v1 => {\n\t\t\tconst series = data.charts[0].serieses.find(d => d.seriesId == v1)\n\t\t\tconst label = t1.values && v1 in t1.values ? t1.values[v1].label : v1\n\t\t\treturn {\n\t\t\t\tlabel,\n\t\t\t\tlst: !series\n\t\t\t\t\t? []\n\t\t\t\t\t: series.data\n\t\t\t\t\t\t\t.slice()\n\t\t\t\t\t\t\t.sort((a, b) => column_keys.indexOf(a.dataId) - column_keys.indexOf(b.dataId))\n\t\t\t\t\t\t\t.map(d => {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\tlabel: d.dataId,\n\t\t\t\t\t\t\t\t\tvalue: d.total\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t})\n\t\t\t}\n\t\t})\n\t\treturn [columns, rows]\n\t}\n}\n\nfunction setInteractivity(self) {\n\tself.download = () => {\n\t\tif (!self.state || !self.state.isVisible) return\n\t\tconst data = []\n\t\tself.dom.div.selectAll('tr').each(function () {\n\t\t\tconst series = []\n\t\t\tselect(this)\n\t\t\t\t.selectAll('th, td')\n\t\t\t\t.each(function () {\n\t\t\t\t\tseries.push(select(this).text())\n\t\t\t\t})\n\t\t\tdata.push(series)\n\t\t})\n\t\tconst matrix = data.map(row => row.join('\\t')).join('\\n')\n\n\t\tconst a = document.createElement('a')\n\t\tdocument.body.appendChild(a)\n\t\ta.addEventListener(\n\t\t\t'click',\n\t\t\tfunction () {\n\t\t\t\ta.download = self.config.term.term.name + ' table.txt'\n\t\t\t\ta.href = URL.createObjectURL(new Blob([matrix], { type: 'text/tab-separated-values' }))\n\t\t\t\tdocument.body.removeChild(a)\n\t\t\t},\n\t\t\tfalse\n\t\t)\n\t\ta.click()\n\t}\n}\n\nfunction setRenderers(self) {\n\tself.render = function render(columns, rows) {\n\t\tself.dom.div.style('display', 'inline-block').selectAll('*').remove()\n\n\t\t// show table\n\t\tconst table = self.dom.div\n\t\t\t.append('table')\n\t\t\t//.style('margin-left','20px')\n\t\t\t.style('margin-right', '20px')\n\t\t\t.style('border-spacing', '3px')\n\t\t\t.style('border-collapse', 'collapse')\n\t\t\t.style('border', '1px solid black')\n\n\t\t// header\n\t\tconst tr = table.append('tr').style('white-space', 'normal').style('background-color', '#ececec')\n\n\t\ttr.append('td') // column 1\n\t\t// print term2 values as rest of columns\n\t\tfor (const value of columns) {\n\t\t\tconst label = value.label\n\t\t\ttr.append('th')\n\t\t\t\t.text(label.length > 20 ? label.slice(0, 16) + '...' : label)\n\t\t\t\t.attr('aria-label', label)\n\t\t\t\t.style('border', '1px solid black')\n\t\t\t\t.style('padding', '3px')\n\t\t\t\t.style('text-align', 'center')\n\t\t\t\t.style('min-width', '80px')\n\t\t\t\t.style('max-width', '150px')\n\t\t\t\t.style('word-break', label.length > 12 ? 'break-word' : 'normal')\n\t\t\t\t.style('vertical-align', 'top')\n\t\t}\n\n\t\tlet i = 0\n\t\tfor (const t1v of rows) {\n\t\t\tconst tr = table.append('tr').style('background-color', i++ % 2 == 0 ? '#fff' : '#ececec')\n\n\t\t\t// column 1\n\t\t\ttr.append('th')\n\t\t\t\t.text(t1v.label.length > 20 ? t1v.label.slice(0, 20) + '...' : t1v.label)\n\t\t\t\t.attr('aria-label', t1v.label)\n\t\t\t\t.style('border', '1px solid black')\n\t\t\t\t.style('padding', '3px')\n\t\t\t\t.style('word-break', t1v.label.length > 12 ? 'break-all' : 'normal')\n\n\t\t\t// other columns\n\t\t\tconst column_keys = columns.map(d => d.key)\n\t\t\tfor (const t2label of column_keys) {\n\t\t\t\tconst td = tr\n\t\t\t\t\t.append('td')\n\t\t\t\t\t.style('border', '1px solid black')\n\t\t\t\t\t.style('padding', '3px 5px')\n\t\t\t\t\t.style('text-align', 'center') //'right')\n\t\t\t\tconst v = t1v.lst.find(i => i.label == t2label)\n\t\t\t\tif (v) {\n\t\t\t\t\ttd //.append('div')\n\t\t\t\t\t\t//.style('display', 'inline-block')\n\t\t\t\t\t\t//.style('text-align', 'right')\n\t\t\t\t\t\t//.style('min-width', '50px')\n\t\t\t\t\t\t.html(v.value)\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\nexport const tableInit = getCompInit(TdbTable)\n"],
+  "mappings": "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",
+  "names": ["tr", "i"]
+}

package/dist/termCollection-IY5V64IY.js

@@ -0,0 +1,38 @@
+import {
+  SearchHandler
+} from "./chunk-IMKIDF2H.js";
+import "./chunk-73PFJ2VF.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-XFAL46LZ.js";
+import "./chunk-ZZMIDYRE.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-6QCYT6G2.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-VSSZJHOR.js";
+import "./chunk-5RUVBYLK.js";
+import "./chunk-ZFJUVP2N.js";
+import "./chunk-R3ARQMM4.js";
+import "./chunk-X4QQRHFB.js";
+import "./chunk-4WF3XDQP.js";
+import "./chunk-X6VTVZY7.js";
+import "./chunk-H6INPPUC.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-L44P5N4U.js";
+import "./chunk-GEQUQ3GG.js";
+import "./chunk-WPHUM5S5.js";
+import "./chunk-75T7ESEO.js";
+import "./chunk-2KXLYFAO.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-VQZ2Z5YU.js";
+import "./chunk-UJELJXJG.js";
+import "./chunk-FXQXCOII.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-IY5V64IY.js.map

package/dist/termCollection-SR4SP6RZ.js

@@ -0,0 +1,257 @@
+import {
+  getFractionSelectionError,
+  renderFractionSelection,
+  renderTable
+} from "./chunk-73PFJ2VF.js";
+import "./chunk-HJ6L54YS.js";
+import {
+  HandlerBase
+} from "./chunk-XFAL46LZ.js";
+import "./chunk-ZZMIDYRE.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-6QCYT6G2.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-VSSZJHOR.js";
+import "./chunk-5RUVBYLK.js";
+import "./chunk-ZFJUVP2N.js";
+import "./chunk-R3ARQMM4.js";
+import "./chunk-X4QQRHFB.js";
+import "./chunk-4WF3XDQP.js";
+import {
+  termItemType
+} from "./chunk-X6VTVZY7.js";
+import "./chunk-H6INPPUC.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-L44P5N4U.js";
+import "./chunk-GEQUQ3GG.js";
+import "./chunk-WPHUM5S5.js";
+import "./chunk-75T7ESEO.js";
+import "./chunk-2KXLYFAO.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-VQZ2Z5YU.js";
+import "./chunk-UJELJXJG.js";
+import "./chunk-FXQXCOII.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-RG5XZMBU.js");
+    const { NumDiscreteEditor } = await import("./NumDiscreteEditor-SE4I3BDA.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-SR4SP6RZ.js.map