@sjcrh/proteinpaint-client 2.212.0 → 2.213.0

package/dist/facet-4O65ZSBQ.js

@@ -0,0 +1,519 @@
+import {
+  PlotBase,
+  addNewGroup,
+  controlsInit,
+  fillTermWrapper,
+  getCombinedTermFilter,
+  getFilter,
+  getSamplelstTW,
+  getT0T2defaultQ,
+  select2Terms
+} from "./chunk-QI6X4V43.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-KV4W2ACA.js";
+import "./chunk-7HPICVA4.js";
+import {
+  Menu
+} from "./chunk-7XZA2XR2.js";
+import "./chunk-DD3DWHUY.js";
+import "./chunk-EEB5VE2A.js";
+import "./chunk-3CIL7KH7.js";
+import "./chunk-T4XPCSLP.js";
+import "./chunk-YU7CVG4B.js";
+import "./chunk-HH5JKOE6.js";
+import {
+  isNumericTerm
+} from "./chunk-RU2UHH7M.js";
+import "./chunk-57Z4VYLM.js";
+import {
+  copyMerge,
+  getCompInit
+} from "./chunk-HBNB5TRH.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-7X6NF7NI.js";
+import "./chunk-W5J3LTYS.js";
+import "./chunk-Z2ZITHT4.js";
+import "./chunk-4OLM3KSB.js";
+import "./chunk-6XKAOSQE.js";
+import {
+  roundValueAuto
+} from "./chunk-TLT4YIG3.js";
+import "./chunk-5R63Q5KH.js";
+import "./chunk-I6Y4O3RR.js";
+import "./chunk-Q5RDQNIT.js";
+import "./chunk-DQC5FFGV.js";
+import "./chunk-HS5PO5ZQ.js";
+
+// plots/facet.ts
+var Facet = class _Facet extends PlotBase {
+  constructor(opts, api) {
+    super(opts, api);
+    this.highlightColRow = (tbody, tr, colIdx, color) => {
+      tbody.selectAll(`td.highlightable-cell:nth-child(${colIdx})`).style("background-color", `${color}`).style("border", `2.5px solid ${color}`);
+      tbody.select(`th:nth-child(${colIdx})`).style("background-color", `${color}`).style("border", `2.5px solid ${color}`);
+      tr.style("background-color", `${color}`);
+    };
+    this.type = _Facet.type;
+    const holder = opts.holder;
+    const controlsHolder = holder.append("div").style("display", "inline-block");
+    const mainDiv = holder.append("div").style("display", "inline-block");
+    this.dom = {
+      holder: opts.holder.style("padding", "20px"),
+      header: opts.header,
+      controlsHolder,
+      mainDiv,
+      tip: opts.tip || new Menu()
+    };
+  }
+  static {
+    this.type = "facet";
+  }
+  async init() {
+  }
+  getState(appState) {
+    const config = appState.plots.find((p) => p.id === this.id);
+    if (this.dom.header)
+      this.dom.header.html(
+        `${config.columnTw.term.name} <span style="font-size:.8em">(COLUMN)</span> ${config.rowTw.term.name} <span style="font-size:.8em">(ROW) &nbsp; FACET TABLE</span>`
+      );
+    const parentConfig = this.parentId && appState.plots.find((p) => p.id === this.parentId);
+    const termfilter = getCombinedTermFilter(appState, config.filter || parentConfig?.filter);
+    return {
+      config,
+      vocab: appState.vocab,
+      termfilter,
+      groups: appState.groups
+    };
+  }
+  async main() {
+    this.config = JSON.parse(JSON.stringify(this.state.config));
+    this.hasTermCollection = this.config.columnTw.term.type == "termCollection" || this.config.rowTw.term.type == "termCollection";
+    await this.setControls();
+    await this.renderTable();
+  }
+  async renderTable() {
+    const config = this.config;
+    this.dom.mainDiv.selectAll("*").remove();
+    this.dom.tip.clear().hide();
+    const table = this.dom.mainDiv.append("table");
+    const tbody = table.append("tbody");
+    const headerRow = tbody.append("tr").style("text-align", "center");
+    headerRow.append("th");
+    const samplesAuth = this.app.vocabApi.termdbConfig?.displaySampleIds && this.app.vocabApi.hasVerifiedToken();
+    if (samplesAuth) {
+      table.style("border-spacing", "0px");
+      const { result, categories, categories2 } = await this.getSampleTableData(config);
+      if (!categories.length || !categories2.length) {
+        this.showNoSampleMessage(this.dom.mainDiv);
+        return;
+      }
+      for (const category of categories) {
+        const label = config.columnTw.term.type == "termCollection" ? getTermCollectionName(config.columnTw, category) : config.columnTw.term.values?.[category]?.label || category;
+        this.addHeader(headerRow, label);
+      }
+      this.renderSampleTable(tbody, config, result, categories, categories2);
+    } else {
+      table.style("border-spacing", "5px");
+      const { rows, filteredCols, total } = await this.getStaticTableData(config);
+      if (!rows.size || !filteredCols.length) {
+        this.showNoSampleMessage(this.dom.mainDiv);
+        return;
+      }
+      for (const col of filteredCols) {
+        const label = config.columnTw.term.values?.[col.seriesId]?.label || col.seriesId;
+        this.addHeader(headerRow, label);
+      }
+      this.renderStaticTable(tbody, config, rows, total);
+    }
+  }
+  renderSampleTable(tbody, config, result, categories, categories2) {
+    const cells = {};
+    const aggregateBy = config.settings.facet.aggregateBy;
+    if (this.hasTermCollection) {
+      const isColTermCollection = config.columnTw.term.type == "termCollection";
+      const isRowTermCollection = config.rowTw.term.type == "termCollection";
+      if (isColTermCollection && isRowTermCollection) throw "row and col terms cannot both be termCollection";
+      if (aggregateBy != "avg" && aggregateBy != "sum") throw "unexpected aggregateBy value";
+      for (const category2 of categories2) {
+        cells[category2] = {};
+        const tr = tbody.append("tr");
+        const label2 = isRowTermCollection ? getTermCollectionName(config.rowTw, category2) : config.rowTw.term.values?.[category2]?.label || category2;
+        this.addRowLabel(tr, label2);
+        for (const category of categories) {
+          const td = tr.append("td");
+          const samples = result.lst.filter((s) => {
+            const colPass = isColTermCollection ? getTermCollectionData(s, config.columnTw, category) : s[config.columnTw.$id]?.key == category;
+            const rowPass = isRowTermCollection ? getTermCollectionData(s, config.rowTw, category2) : s[config.rowTw.$id]?.key == category2;
+            return colPass && rowPass;
+          });
+          if (samples.length) {
+            const data = samples.map(
+              (s) => isColTermCollection ? getTermCollectionData(s, config.columnTw, category) : getTermCollectionData(s, config.rowTw, category2)
+            );
+            const total = data.reduce((sum, v) => sum + v, 0);
+            const value = aggregateBy == "avg" ? total / data.length : total;
+            td.classed("sja_menuoption", true).style("text-align", "center").style("border", "2.5px solid white").text(roundValueAuto(value));
+          } else {
+            td.classed("highlightable-cell", true);
+          }
+        }
+      }
+    } else {
+      for (const category2 of categories2) {
+        cells[category2] = {};
+        const tr = tbody.append("tr");
+        const label2 = config.rowTw.term.values?.[category2]?.label || category2;
+        this.addRowLabel(tr, label2);
+        for (const category of categories) {
+          const samples = result.lst.filter(
+            (s) => s[config.columnTw.$id]?.key == category && s[config.rowTw.$id]?.key == category2
+          );
+          const percent = this.config.settings.facet.showPercents ? ` <span style="color:gray;"> (${roundValueAuto(
+            samples.length / result.lst.length * 100,
+            true,
+            1
+          )}%)</span>` : "";
+          cells[category2][category] = { samples, selected: false };
+          const td = tr.append("td");
+          if (!samples.length) td.classed("highlightable-cell", true);
+          if (samples.length > 0) {
+            const colIdx = categories.indexOf(category) + 2;
+            td.classed("sja_menuoption", true).style("text-align", "center").style("border", "2.5px solid white").html(`${samples.length}${percent}`).on("mouseover", () => {
+              this.highlightColRow(tbody, tr, colIdx, "#fffec8");
+            }).on("mouseout", () => {
+              this.highlightColRow(tbody, tr, colIdx, "transparent");
+            }).on("click", () => {
+              const selected = cells[category2][category].selected = !cells[category2][category].selected;
+              if (selected) {
+                td.style("border", "1px solid blue");
+              } else {
+                td.style("border", "2.5px solid white");
+              }
+              for (const category22 of categories2) {
+                for (const category3 of categories) {
+                  if (cells[category22][category3].selected) {
+                    buttonDiv.style("display", "");
+                    prompt.text("Choose how to use samples:");
+                    return;
+                  }
+                }
+              }
+              buttonDiv.style("display", "none");
+              prompt.text("Click on cells to select samples");
+            });
+          }
+        }
+      }
+    }
+    const prompt = this.dom.mainDiv.append("div").attr("data-testid", "sjpp-facet-start-prompt").style("margin", "20px 0px 0px 15px").style("opacity", "0.7").text(
+      this.hasTermCollection ? `Values in cells are ${aggregateBy == "avg" ? "averages" : "sums"}` : "Click on cells to select samples"
+    );
+    const buttonDiv = this.dom.mainDiv.append("div").style("margin", "20px 0px 0px 25px").style("display", "none");
+    const btns = [
+      {
+        text: "Show samples view",
+        // disabled: () => {}, add this if needed later
+        callback: () => {
+          const samples = this.getSelectedSamples(categories, categories2, cells);
+          this.app.dispatch({
+            type: "plot_create",
+            config: {
+              chartType: "sampleView",
+              samples: samples.map((d) => ({
+                sampleId: d.sample,
+                sampleName: result.refs.bySampleId[d.sample].label
+              }))
+            }
+          });
+        }
+      },
+      {
+        text: "List samples",
+        callback: () => {
+          const samples = this.getSelectedSamples(categories, categories2, cells);
+          const sampleRows = samples.map((d) => [
+            result.refs.bySampleId[d.sample].label,
+            d[config.columnTw.$id].key,
+            d[config.rowTw.$id].key
+          ]);
+          this.dom.tip.clear().showunder(buttonDiv.node());
+          const tbody2 = this.dom.tip.d.append("table").append("tbody");
+          const headerRow = tbody2.append("tr").style("text-align", "center");
+          headerRow.append("th").text("Sample");
+          headerRow.append("th").text(config.columnTw.term.name);
+          headerRow.append("th").text(config.rowTw.term.name);
+          for (const row of sampleRows) {
+            const tr = tbody2.append("tr");
+            tr.append("td").text(row[0]);
+            tr.append("td").text(row[1]);
+            tr.append("td").text(row[2]);
+          }
+        }
+      },
+      {
+        text: "Create group",
+        callback: () => {
+          this.addGroup(categories, categories2, cells);
+        }
+      }
+      // {
+      // 	text: 'Add group and filter',
+      // 	callback: () => {
+      // 		const groupFilter = this.addGroup(categories, categories2, cells)
+      // 		const filterUiRoot = getFilterItemByTag(this.state.termfilter.filter, 'filterUiRoot')
+      // 		const filter = filterJoin([filterUiRoot, groupFilter])
+      // 		filter.tag = 'filterUiRoot'
+      // 		this.app.dispatch({
+      // 			type: 'filter_replace',
+      // 			filter
+      // 		})
+      // 	}
+      // }
+    ];
+    for (const btn of btns) {
+      this.addBtn(buttonDiv, btn);
+    }
+  }
+  addBtn(div, btn) {
+    return div.append("button").classed("sja_menuoption", true).style("padding", "0px 10px").style("margin", "0px 5px").text(btn.text).on("click", btn.callback);
+  }
+  addGroup(categories, categories2, cells) {
+    const group = {
+      name: "Group",
+      items: this.getSelectedSamples(categories, categories2, cells)
+    };
+    const filter = getFilter(getSamplelstTW([group]));
+    addNewGroup(this.app, filter, this.state.groups);
+    return filter;
+  }
+  getSelectedSamples(categories, categories2, cells) {
+    const samples = [];
+    for (const category2 of categories2) {
+      for (const category of categories) {
+        if (cells[category2][category].selected) {
+          samples.push(...cells[category2][category].samples);
+        }
+      }
+    }
+    return samples;
+  }
+  async getSampleTableData(config) {
+    const result = await this.vocabApi?.getAnnotatedSampleData({
+      filter: this.state.termfilter.filter,
+      terms: [config.columnTw, config.rowTw]
+    });
+    if (!result || !result.lst || !result.lst.length) return { result: { lst: [] }, categories: [], categories2: [] };
+    const categories = this.getCategories(config.columnTw, result.lst);
+    const categories2 = this.getCategories(config.rowTw, result.lst);
+    return { result, categories, categories2 };
+  }
+  getCategories(tw, data) {
+    let categories = [];
+    if (tw.term.type == "termCollection") {
+      for (const sample of data) {
+        const value = sample[tw.$id]?.value;
+        if (value) {
+          const termids = Object.keys(value);
+          categories.push(...termids);
+        }
+      }
+    } else {
+      for (const sample of data) {
+        let key = sample[tw.$id]?.key;
+        if (key) {
+          if (!isNaN(key)) key = Number(key);
+          categories.push(key);
+        }
+      }
+    }
+    const set = new Set(categories);
+    categories = Array.from(set).sort();
+    if (isNumericTerm(tw.term)) {
+      if (tw.term.values) {
+        Object.values(tw.term.values).forEach((i) => {
+          if (i?.uncomputable) {
+            const index = categories.indexOf(i.label);
+            if (index > -1) categories.splice(index, 1);
+          }
+        });
+      }
+      categories = this.orderColNames(categories);
+    }
+    return categories;
+  }
+  orderColNames(cols) {
+    const tmpNums = [];
+    const tmpStrings = [];
+    for (const col of cols) {
+      const c = col.split(" to ");
+      const cx = c[0].replace(/[>≥<≤]/g, "");
+      const x = Number(cx);
+      if (!isNaN(x)) {
+        const key = !c[1] && (col.includes("<") || col.includes("\u2264")) ? x - 1 : !c[1] && (col.includes("\u2265") || col.includes(">")) ? x + 1 : x;
+        tmpNums.push({ key, label: col });
+      } else tmpStrings.push(cx);
+    }
+    return [...tmpNums.sort((a, b) => a.key - b.key).map((i) => i.label), ...tmpStrings.sort()];
+  }
+  renderStaticTable(tbody, config, rows, totalSamples) {
+    for (const row of rows) {
+      const tr = tbody.append("tr");
+      const label = config.rowTw.term.values?.[row[0]]?.label || row[0];
+      this.addRowLabel(tr, label);
+      for (const col of row[1]) {
+        const label2 = col[1].value > 0 ? col[1].value : "";
+        const percent = this.config.settings.facet.showPercents ? `<span style="color:gray;"> (${roundValueAuto(col[1].value / totalSamples * 100, true, 1)}%)</span>` : "";
+        const td = tr.append("td");
+        if (label2)
+          td.classed("sja_menuoption", true).style("border", "2.5px solid white").style("text-align", "center").html(`${label2}${percent}`);
+      }
+    }
+  }
+  async getStaticTableData(config) {
+    const opts = { term: config.columnTw, term2: config.rowTw, filter: this.state.termfilter.filter };
+    if (this.state.termfilter.filter0) opts.filter0 = this.state.termfilter.filter0;
+    await this.getDescrStats(opts.term);
+    await this.getDescrStats(opts.term2);
+    const result = await this.vocabApi?.getNestedChartSeriesData(opts);
+    const rows = /* @__PURE__ */ new Map();
+    const filteredCols = result.data.refs.cols.map((col) => result.data.charts[0].serieses.find((s) => s.seriesId == col));
+    result.data.refs.rows.forEach((row) => {
+      rows.set(row, /* @__PURE__ */ new Map());
+      for (const col of filteredCols) {
+        rows.get(row).set(col.seriesId, { value: col.data.find((d) => d.dataId == row)?.total || 0, selected: false });
+      }
+    });
+    return { rows, filteredCols, total: result.data.charts[0].total };
+  }
+  async getDescrStats(tw) {
+    if (isNumericTerm(tw.term)) {
+      const data = await this.vocabApi?.getDescrStats(tw, this.state.termfilter);
+      if (data.error) throw data.error;
+      tw.q.descrStats = data.values;
+    }
+  }
+  showNoSampleMessage(div) {
+    div.append("div").style("padding", "0px 50px").style("font-size", "1.15em").text("No overlapping samples");
+    return;
+  }
+  addHeader(headerRow, text) {
+    headerRow.append("th").attr("data-testid", "sjpp-facet-col-header").style("border", "2.5px solid white").style("padding", "0px 25px").text(text);
+  }
+  addRowLabel(tr, label) {
+    tr.append("td").attr("data-testid", "sjpp-facet-row-label").style("border", "2.5px solid white").style("font-weight", "bold").text(label);
+  }
+  async setControls() {
+    this.dom.controlsHolder.selectAll("*").remove();
+    const inputs = [
+      {
+        type: "term",
+        configKey: "columnTw",
+        chartType: this.type,
+        usecase: { target: this.type },
+        title: "Facet column categories",
+        label: "Columns",
+        vocabApi: this.app.vocabApi,
+        numericEditMenuVersion: ["discrete"],
+        defaultQ4fillTW: getT0T2defaultQ()
+      },
+      {
+        type: "term",
+        configKey: "rowTw",
+        chartType: this.type,
+        usecase: { target: this.type },
+        title: "Facet row categories",
+        label: "Rows",
+        vocabApi: this.app.vocabApi,
+        numericEditMenuVersion: ["discrete"],
+        defaultQ4fillTW: getT0T2defaultQ()
+      },
+      {
+        boxLabel: "",
+        label: "Show percent",
+        type: "checkbox",
+        chartType: "facet",
+        settingsKey: "showPercents",
+        title: `Option to show/hide percents per cell`
+      }
+    ];
+    if (this.hasTermCollection) {
+      inputs.push({
+        label: "Aggregate by",
+        type: "radio",
+        chartType: "facet",
+        settingsKey: "aggregateBy",
+        title: "Aggregate values by",
+        options: [
+          { label: "Average", value: "avg" },
+          { label: "Sum", value: "sum" }
+        ]
+      });
+    }
+    this.components = {
+      controls: await controlsInit({
+        app: this.app,
+        id: this.id,
+        holder: this.dom.controlsHolder,
+        inputs
+      })
+    };
+  }
+};
+function makeChartBtnMenu(holder, chartsInstance) {
+  const callback = (xterm, yterm) => {
+    const config = {
+      chartType: "facet",
+      columnTw: { term: xterm },
+      rowTw: { term: yterm }
+    };
+    if (isNumericTerm(xterm)) config.columnTw.term.q = { mode: "discrete" };
+    if (isNumericTerm(yterm)) config.rowTw.term.q = { mode: "discrete" };
+    chartsInstance.app.dispatch({
+      type: "plot_create",
+      config
+    });
+  };
+  select2Terms(chartsInstance.dom.tip, chartsInstance.app, "facet", "", callback);
+}
+var facetInit = getCompInit(Facet);
+var componentInit = facetInit;
+async function getPlotConfig(opts, app) {
+  const config = {
+    settings: {
+      facet: {
+        showPercents: false,
+        aggregateBy: "avg"
+      }
+    }
+  };
+  if (!opts.columnTw) throw ".columnTw{} missing";
+  await fillTermWrapper(
+    opts.columnTw,
+    app.vocabApi,
+    opts.columnTw.bins || opts.columnTw.q ? void 0 : getT0T2defaultQ()
+  );
+  if (!opts.rowTw) throw ".rowTw{} missing";
+  await fillTermWrapper(opts.rowTw, app.vocabApi, opts.rowTw.bins || opts.rowTw.q ? void 0 : getT0T2defaultQ());
+  const result = copyMerge(config, opts);
+  return result;
+}
+function getTermCollectionName(tw, termid) {
+  const term = tw.term.termlst.find((t) => t.id == termid);
+  if (!term) throw "term is missing";
+  return term.name;
+}
+function getTermCollectionData(s, tw, termid) {
+  if (tw.term.type != "termCollection") return;
+  const value = s[tw.$id]?.value;
+  if (value) {
+    const data = value[termid];
+    return data;
+  }
+}
+export {
+  componentInit,
+  facetInit,
+  getPlotConfig,
+  makeChartBtnMenu
+};
+//# sourceMappingURL=facet-4O65ZSBQ.js.map

package/dist/facet-4O65ZSBQ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../plots/facet.ts"],
+  "sourcesContent": ["import { getCompInit, copyMerge, type RxComponent, type ComponentApi } from '#rx'\nimport { fillTermWrapper } from '#termsetting'\nimport { controlsInit } from './controls'\nimport { getT0T2defaultQ } from './summaryQ.ts'\nimport { Menu, select2Terms } from '#dom'\nimport { isNumericTerm } from '#shared/terms.js'\nimport { addNewGroup, getFilter, getSamplelstTW } from '#mass/groups'\nimport { getCombinedTermFilter } from '#filter'\nimport { PlotBase } from '#plots/PlotBase.js'\nimport { roundValueAuto } from '#shared/roundValue.js'\n\n/*\nstate {\n\tcolumnTw {} // tw to determine columns -> historically .term{}\n\trowTw {} // tw to determine rows -> historically .term2{}\n}\n\nfacet table is always shown for secured or unsecured ds, as it does not reveal sample-level info\nclick on table cells allow to select corresponding samples, this is only allowed when hasVerifiedToken() is true\n*/\n\nclass Facet extends PlotBase implements RxComponent {\n\tstatic type = 'facet'\n\n\ttype: string\n\tconfig: any\n\thasTermCollection: any\n\n\tconstructor(opts: any, api: ComponentApi) {\n\t\tsuper(opts, api)\n\t\tthis.type = Facet.type\n\t\tconst holder = opts.holder\n\n\t\tconst controlsHolder = holder.append('div').style('display', 'inline-block')\n\t\tconst mainDiv = holder.append('div').style('display', 'inline-block')\n\n\t\tthis.dom = {\n\t\t\tholder: opts.holder.style('padding', '20px'),\n\t\t\theader: opts.header,\n\t\t\tcontrolsHolder,\n\t\t\tmainDiv,\n\t\t\ttip: opts.tip || new Menu()\n\t\t}\n\t}\n\n\tasync init() {\n\t\t//Leaving a comment here so the linter does not complain about an empty function.\n\t\t// This is a required method for RxComponent interface.\n\t}\n\n\tgetState(appState) {\n\t\tconst config = appState.plots.find(p => p.id === this.id)\n\t\tif (this.dom.header)\n\t\t\tthis.dom.header.html(\n\t\t\t\t`${config.columnTw.term.name} <span style=\"font-size:.8em\">(COLUMN)</span> ${config.rowTw.term.name} <span style=\"font-size:.8em\">(ROW) &nbsp; FACET TABLE</span>`\n\t\t\t)\n\t\tconst parentConfig = this.parentId && appState.plots.find(p => p.id === this.parentId)\n\t\tconst termfilter = getCombinedTermFilter(appState, config.filter || parentConfig?.filter)\n\n\t\treturn {\n\t\t\tconfig,\n\t\t\tvocab: appState.vocab,\n\t\t\ttermfilter,\n\t\t\tgroups: appState.groups\n\t\t}\n\t}\n\n\tasync main() {\n\t\tthis.config = JSON.parse(JSON.stringify(this.state.config))\n\t\tthis.hasTermCollection =\n\t\t\tthis.config.columnTw.term.type == 'termCollection' || this.config.rowTw.term.type == 'termCollection'\n\t\tawait this.setControls()\n\t\tawait this.renderTable()\n\t}\n\n\tasync renderTable() {\n\t\tconst config = this.config\n\t\tthis.dom.mainDiv.selectAll('*').remove()\n\t\tthis.dom.tip.clear().hide()\n\t\tconst table = this.dom.mainDiv.append('table')\n\t\tconst tbody = table.append('tbody')\n\t\tconst headerRow = tbody.append('tr').style('text-align', 'center')\n\t\t//blank space left for row labels\n\t\theaderRow.append('th')\n\n\t\tconst samplesAuth = this.app.vocabApi.termdbConfig?.displaySampleIds && this.app.vocabApi.hasVerifiedToken()\n\t\tif (samplesAuth) {\n\t\t\t//overrides the default sja_root table style\n\t\t\ttable.style('border-spacing', '0px')\n\t\t\t/** If samples level data available, render interative\n\t\t\t * facet table. Clicking cells creates the list of samples\n\t\t\t * and on submit launches the sample view plot\n\t\t\t */\n\t\t\tconst { result, categories, categories2 } = await this.getSampleTableData(config)\n\t\t\tif (!categories.length || !categories2.length) {\n\t\t\t\t//Show message if no overlapping samples\n\t\t\t\tthis.showNoSampleMessage(this.dom.mainDiv)\n\t\t\t\treturn\n\t\t\t}\n\t\t\tfor (const category of categories) {\n\t\t\t\tconst label =\n\t\t\t\t\tconfig.columnTw.term.type == 'termCollection'\n\t\t\t\t\t\t? getTermCollectionName(config.columnTw, category)\n\t\t\t\t\t\t: config.columnTw.term.values?.[category as string]?.label || category\n\t\t\t\tthis.addHeader(headerRow, label)\n\t\t\t}\n\t\t\tthis.renderSampleTable(tbody, config, result, categories, categories2)\n\t\t} else {\n\t\t\ttable.style('border-spacing', '5px')\n\t\t\t/** If sample data is not available or not authorized for this user,\n\t\t\t * render a static table with counts. No interactivity. */\n\t\t\tconst { rows, filteredCols, total } = await this.getStaticTableData(config)\n\t\t\tif (!rows.size || !filteredCols.length) {\n\t\t\t\tthis.showNoSampleMessage(this.dom.mainDiv)\n\t\t\t\treturn\n\t\t\t}\n\t\t\tfor (const col of filteredCols) {\n\t\t\t\tconst label = config.columnTw.term.values?.[col.seriesId]?.label || col.seriesId\n\t\t\t\tthis.addHeader(headerRow, label)\n\t\t\t}\n\t\t\tthis.renderStaticTable(tbody, config, rows, total)\n\t\t}\n\t}\n\n\trenderSampleTable(tbody, config, result, categories, categories2) {\n\t\tconst cells = {}\n\t\tconst aggregateBy = config.settings.facet.aggregateBy\n\t\tif (this.hasTermCollection) {\n\t\t\t// termCollection term present\n\t\t\tconst isColTermCollection = config.columnTw.term.type == 'termCollection'\n\t\t\tconst isRowTermCollection = config.rowTw.term.type == 'termCollection'\n\t\t\tif (isColTermCollection && isRowTermCollection) throw 'row and col terms cannot both be termCollection'\n\t\t\tif (aggregateBy != 'avg' && aggregateBy != 'sum') throw 'unexpected aggregateBy value'\n\t\t\tfor (const category2 of categories2) {\n\t\t\t\tcells[category2] = {}\n\t\t\t\tconst tr = tbody.append('tr')\n\t\t\t\tconst label2 = isRowTermCollection\n\t\t\t\t\t? getTermCollectionName(config.rowTw, category2)\n\t\t\t\t\t: config.rowTw.term.values?.[category2]?.label || category2\n\t\t\t\tthis.addRowLabel(tr, label2)\n\t\t\t\tfor (const category of categories) {\n\t\t\t\t\tconst td = tr.append('td')\n\t\t\t\t\tconst samples = result.lst.filter(s => {\n\t\t\t\t\t\tconst colPass = isColTermCollection\n\t\t\t\t\t\t\t? getTermCollectionData(s, config.columnTw, category)\n\t\t\t\t\t\t\t: s[config.columnTw.$id]?.key == category\n\t\t\t\t\t\tconst rowPass = isRowTermCollection\n\t\t\t\t\t\t\t? getTermCollectionData(s, config.rowTw, category2)\n\t\t\t\t\t\t\t: s[config.rowTw.$id]?.key == category2\n\t\t\t\t\t\treturn colPass && rowPass\n\t\t\t\t\t})\n\t\t\t\t\tif (samples.length) {\n\t\t\t\t\t\t// samples have data for both categories\n\t\t\t\t\t\t// render aggregate termCollection data in cell\n\t\t\t\t\t\tconst data = samples.map(s =>\n\t\t\t\t\t\t\tisColTermCollection\n\t\t\t\t\t\t\t\t? getTermCollectionData(s, config.columnTw, category)\n\t\t\t\t\t\t\t\t: getTermCollectionData(s, config.rowTw, category2)\n\t\t\t\t\t\t)\n\t\t\t\t\t\tconst total = data.reduce((sum, v) => sum + v, 0)\n\t\t\t\t\t\tconst value = aggregateBy == 'avg' ? total / data.length : total\n\t\t\t\t\t\ttd.classed('sja_menuoption', true)\n\t\t\t\t\t\t\t.style('text-align', 'center')\n\t\t\t\t\t\t\t.style('border', '2.5px solid white')\n\t\t\t\t\t\t\t.text(roundValueAuto(value))\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// cell does not have samples\n\t\t\t\t\t\ttd.classed('highlightable-cell', true)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\t// no termCollection term present\n\t\t\tfor (const category2 of categories2) {\n\t\t\t\tcells[category2] = {}\n\t\t\t\tconst tr = tbody.append('tr')\n\t\t\t\tconst label2 = config.rowTw.term.values?.[category2]?.label || category2\n\t\t\t\tthis.addRowLabel(tr, label2)\n\t\t\t\tfor (const category of categories) {\n\t\t\t\t\tconst samples = result.lst.filter(\n\t\t\t\t\t\ts => s[config.columnTw.$id]?.key == category && s[config.rowTw.$id]?.key == category2\n\t\t\t\t\t)\n\t\t\t\t\tconst percent = this.config.settings.facet.showPercents\n\t\t\t\t\t\t? ` <span style=\"color:gray;\"> (${roundValueAuto(\n\t\t\t\t\t\t\t\t(samples.length / result.lst.length) * 100,\n\t\t\t\t\t\t\t\ttrue,\n\t\t\t\t\t\t\t\t1\n\t\t\t\t\t\t  )}%)</span>`\n\t\t\t\t\t\t: ''\n\t\t\t\t\tcells[category2][category] = { samples, selected: false }\n\t\t\t\t\tconst td = tr.append('td')\n\t\t\t\t\tif (!samples.length) td.classed('highlightable-cell', true)\n\t\t\t\t\tif (samples.length > 0) {\n\t\t\t\t\t\tconst colIdx = categories.indexOf(category) + 2\n\t\t\t\t\t\ttd.classed('sja_menuoption', true)\n\t\t\t\t\t\t\t.style('text-align', 'center')\n\t\t\t\t\t\t\t.style('border', '2.5px solid white')\n\t\t\t\t\t\t\t.html(`${samples.length}${percent}`)\n\t\t\t\t\t\t\t.on('mouseover', () => {\n\t\t\t\t\t\t\t\tthis.highlightColRow(tbody, tr, colIdx, '#fffec8')\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.on('mouseout', () => {\n\t\t\t\t\t\t\t\tthis.highlightColRow(tbody, tr, colIdx, 'transparent')\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.on('click', () => {\n\t\t\t\t\t\t\t\tconst selected = (cells[category2][category].selected = !cells[category2][category].selected)\n\t\t\t\t\t\t\t\tif (selected) {\n\t\t\t\t\t\t\t\t\ttd.style('border', '1px solid blue')\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\ttd.style('border', '2.5px solid white')\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tfor (const category2 of categories2) {\n\t\t\t\t\t\t\t\t\tfor (const category of categories) {\n\t\t\t\t\t\t\t\t\t\tif (cells[category2][category].selected) {\n\t\t\t\t\t\t\t\t\t\t\tbuttonDiv.style('display', '')\n\t\t\t\t\t\t\t\t\t\t\tprompt.text('Choose how to use samples:')\n\t\t\t\t\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tbuttonDiv.style('display', 'none')\n\t\t\t\t\t\t\t\tprompt.text('Click on cells to select samples')\n\t\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tconst prompt = this.dom.mainDiv\n\t\t\t.append('div')\n\t\t\t.attr('data-testid', 'sjpp-facet-start-prompt')\n\t\t\t.style('margin', '20px 0px 0px 15px')\n\t\t\t.style('opacity', '0.7')\n\t\t\t.text(\n\t\t\t\tthis.hasTermCollection\n\t\t\t\t\t? `Values in cells are ${aggregateBy == 'avg' ? 'averages' : 'sums'}`\n\t\t\t\t\t: 'Click on cells to select samples'\n\t\t\t)\n\t\tconst buttonDiv = this.dom.mainDiv.append('div').style('margin', '20px 0px 0px 25px').style('display', 'none')\n\t\tconst btns = [\n\t\t\t{\n\t\t\t\ttext: 'Show samples view',\n\t\t\t\t// disabled: () => {}, add this if needed later\n\t\t\t\tcallback: () => {\n\t\t\t\t\tconst samples = this.getSelectedSamples(categories, categories2, cells)\n\t\t\t\t\tthis.app.dispatch({\n\t\t\t\t\t\ttype: 'plot_create',\n\t\t\t\t\t\tconfig: {\n\t\t\t\t\t\t\tchartType: 'sampleView',\n\t\t\t\t\t\t\tsamples: samples.map((d: any) => ({\n\t\t\t\t\t\t\t\tsampleId: d.sample,\n\t\t\t\t\t\t\t\tsampleName: result.refs.bySampleId[d.sample].label\n\t\t\t\t\t\t\t}))\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttext: 'List samples',\n\t\t\t\tcallback: () => {\n\t\t\t\t\tconst samples = this.getSelectedSamples(categories, categories2, cells)\n\t\t\t\t\tconst sampleRows = samples.map((d: any) => [\n\t\t\t\t\t\tresult.refs.bySampleId[d.sample].label,\n\t\t\t\t\t\td[config.columnTw.$id].key,\n\t\t\t\t\t\td[config.rowTw.$id].key\n\t\t\t\t\t])\n\t\t\t\t\tthis.dom.tip.clear().showunder(buttonDiv.node())\n\t\t\t\t\t// this.dom.tip.d.append('div').style('padding', '0px 5px 5px 5px').text('Selected samples:')\n\t\t\t\t\tconst tbody = this.dom.tip.d.append('table').append('tbody')\n\t\t\t\t\tconst headerRow = tbody.append('tr').style('text-align', 'center')\n\t\t\t\t\theaderRow.append('th').text('Sample')\n\t\t\t\t\theaderRow.append('th').text(config.columnTw.term.name)\n\t\t\t\t\theaderRow.append('th').text(config.rowTw.term.name)\n\t\t\t\t\tfor (const row of sampleRows) {\n\t\t\t\t\t\tconst tr = tbody.append('tr')\n\t\t\t\t\t\ttr.append('td').text(row[0])\n\t\t\t\t\t\ttr.append('td').text(row[1])\n\t\t\t\t\t\ttr.append('td').text(row[2])\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttext: 'Create group',\n\t\t\t\tcallback: () => {\n\t\t\t\t\tthis.addGroup(categories, categories2, cells)\n\t\t\t\t}\n\t\t\t}\n\t\t\t// {\n\t\t\t// \ttext: 'Add group and filter',\n\t\t\t// \tcallback: () => {\n\t\t\t// \t\tconst groupFilter = this.addGroup(categories, categories2, cells)\n\t\t\t// \t\tconst filterUiRoot = getFilterItemByTag(this.state.termfilter.filter, 'filterUiRoot')\n\t\t\t// \t\tconst filter = filterJoin([filterUiRoot, groupFilter])\n\t\t\t// \t\tfilter.tag = 'filterUiRoot'\n\t\t\t// \t\tthis.app.dispatch({\n\t\t\t// \t\t\ttype: 'filter_replace',\n\t\t\t// \t\t\tfilter\n\t\t\t// \t\t})\n\t\t\t// \t}\n\t\t\t// }\n\t\t]\n\n\t\tfor (const btn of btns) {\n\t\t\tthis.addBtn(buttonDiv, btn)\n\t\t}\n\t}\n\n\thighlightColRow = (tbody, tr, colIdx, color) => {\n\t\ttbody\n\t\t\t.selectAll(`td.highlightable-cell:nth-child(${colIdx})`)\n\t\t\t.style('background-color', `${color}`)\n\t\t\t.style('border', `2.5px solid ${color}`)\n\t\ttbody\n\t\t\t.select(`th:nth-child(${colIdx})`)\n\t\t\t.style('background-color', `${color}`)\n\t\t\t.style('border', `2.5px solid ${color}`)\n\t\ttr.style('background-color', `${color}`)\n\t}\n\n\taddBtn(div, btn) {\n\t\treturn div\n\t\t\t.append('button')\n\t\t\t.classed('sja_menuoption', true)\n\t\t\t.style('padding', '0px 10px')\n\t\t\t.style('margin', '0px 5px')\n\t\t\t.text(btn.text)\n\t\t\t.on('click', btn.callback)\n\t}\n\n\taddGroup(categories, categories2, cells) {\n\t\tconst group = {\n\t\t\tname: 'Group',\n\t\t\titems: this.getSelectedSamples(categories, categories2, cells)\n\t\t}\n\t\tconst filter = getFilter(getSamplelstTW([group]))\n\t\taddNewGroup(this.app, filter, this.state.groups)\n\t\treturn filter\n\t}\n\n\tgetSelectedSamples(categories, categories2, cells) {\n\t\tconst samples: unknown[] = []\n\t\tfor (const category2 of categories2) {\n\t\t\tfor (const category of categories) {\n\t\t\t\tif (cells[category2][category].selected) {\n\t\t\t\t\tsamples.push(...cells[category2][category].samples)\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn samples\n\t}\n\n\tasync getSampleTableData(config) {\n\t\tconst result = await this.vocabApi?.getAnnotatedSampleData({\n\t\t\tfilter: this.state.termfilter.filter,\n\t\t\tterms: [config.columnTw, config.rowTw]\n\t\t})\n\t\tif (!result || !result.lst || !result.lst.length) return { result: { lst: [] }, categories: [], categories2: [] }\n\t\tconst categories = this.getCategories(config.columnTw, result.lst)\n\t\tconst categories2 = this.getCategories(config.rowTw, result.lst)\n\t\treturn { result, categories, categories2 }\n\t}\n\n\tgetCategories(tw, data) {\n\t\tlet categories: unknown[] = []\n\t\tif (tw.term.type == 'termCollection') {\n\t\t\t// termCollection\n\t\t\tfor (const sample of data) {\n\t\t\t\tconst value = sample[tw.$id]?.value\n\t\t\t\tif (value) {\n\t\t\t\t\tconst termids = Object.keys(value)\n\t\t\t\t\tcategories.push(...termids)\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\t// not termCollection\n\t\t\tfor (const sample of data) {\n\t\t\t\tlet key = sample[tw.$id]?.key\n\t\t\t\tif (key) {\n\t\t\t\t\tif (!isNaN(key)) key = Number(key)\n\t\t\t\t\tcategories.push(key)\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tconst set = new Set(categories)\n\t\tcategories = Array.from(set).sort()\n\n\t\tif (isNumericTerm(tw.term)) {\n\t\t\tif (tw.term.values) {\n\t\t\t\tObject.values(tw.term.values).forEach((i: any) => {\n\t\t\t\t\tif (i?.uncomputable) {\n\t\t\t\t\t\tconst index = categories.indexOf(i.label)\n\t\t\t\t\t\tif (index > -1) categories.splice(index, 1)\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t\tcategories = this.orderColNames(categories)\n\t\t}\n\n\t\treturn categories\n\t}\n\n\torderColNames(cols) {\n\t\t//Show ranges first, then strings\n\t\tconst tmpNums: { key: number; label: string }[] = []\n\t\tconst tmpStrings: string[] = []\n\t\tfor (const col of cols) {\n\t\t\tconst c = col.split(' to ')\n\t\t\tconst cx = c[0].replace(/[>\u2265<\u2264]/g, '')\n\t\t\tconst x = Number(cx)\n\t\t\tif (!isNaN(x)) {\n\t\t\t\tconst key =\n\t\t\t\t\t!c[1] && (col.includes('<') || col.includes('\u2264'))\n\t\t\t\t\t\t? x - 1\n\t\t\t\t\t\t: !c[1] && (col.includes('\u2265') || col.includes('>'))\n\t\t\t\t\t\t? x + 1\n\t\t\t\t\t\t: x\n\t\t\t\ttmpNums.push({ key, label: col })\n\t\t\t} else tmpStrings.push(cx)\n\t\t}\n\t\treturn [...tmpNums.sort((a, b) => a.key - b.key).map(i => i.label), ...tmpStrings.sort()]\n\t}\n\n\trenderStaticTable(tbody, config, rows, totalSamples) {\n\t\tfor (const row of rows) {\n\t\t\tconst tr = tbody.append('tr')\n\t\t\tconst label = config.rowTw.term.values?.[row[0]]?.label || row[0]\n\t\t\tthis.addRowLabel(tr, label)\n\t\t\tfor (const col of row[1]) {\n\t\t\t\tconst label = col[1].value > 0 ? col[1].value : ''\n\t\t\t\tconst percent = this.config.settings.facet.showPercents\n\t\t\t\t\t? `<span style=\"color:gray;\"> (${roundValueAuto((col[1].value / totalSamples) * 100, true, 1)}%)</span>`\n\t\t\t\t\t: ''\n\t\t\t\tconst td = tr.append('td')\n\t\t\t\tif (label)\n\t\t\t\t\ttd.classed('sja_menuoption', true)\n\t\t\t\t\t\t.style('border', '2.5px solid white')\n\t\t\t\t\t\t.style('text-align', 'center')\n\t\t\t\t\t\t.html(`${label}${percent}`)\n\t\t\t}\n\t\t}\n\t}\n\n\tasync getStaticTableData(config) {\n\t\t//*** Do show uncomputeable values when table is static\n\n\t\t// config.settings = {\n\t\t// \texclude: {\n\t\t// \t\tcols: Object.keys(config.term.q?.hiddenValues || {})\n\t\t// \t\t\t.filter(id => config.term.q.hiddenValues[id])\n\t\t// \t\t\t.map(id => {\n\t\t// \t\t\t\treturn config.term.term.type == 'categorical'\n\t\t// \t\t\t\t\t? id\n\t\t// \t\t\t\t\t: config.settings.cols?.includes(id)\n\t\t// \t\t\t\t\t? id\n\t\t// \t\t\t\t\t: config.term.term.values[id]?.label\n\t\t// \t\t\t\t\t? config.term.term.values[id].label\n\t\t// \t\t\t\t\t: id\n\t\t// \t\t\t}),\n\t\t// \t\trows: !config.term2?.q?.hiddenValues\n\t\t// \t\t\t? []\n\t\t// \t\t\t: Object.keys(config.term2.q.hiddenValues)\n\t\t// \t\t\t\t\t.filter(id => config.term2.q.hiddenValues[id])\n\t\t// \t\t\t\t\t.map(id =>\n\t\t// \t\t\t\t\t\tconfig.term2.term.type == 'categorical'\n\t\t// \t\t\t\t\t\t\t? id\n\t\t// \t\t\t\t\t\t\t: config.settings.rows?.includes(id)\n\t\t// \t\t\t\t\t\t\t? id\n\t\t// \t\t\t\t\t\t\t: config.term2.term.values[id]?.label\n\t\t// \t\t\t\t\t\t\t? config.term2.term.values[id].label\n\t\t// \t\t\t\t\t\t\t: id\n\t\t// \t\t\t\t\t)\n\t\t// \t}\n\t\t// }\n\n\t\tconst opts: any = { term: config.columnTw, term2: config.rowTw, filter: this.state.termfilter.filter }\n\t\tif (this.state.termfilter.filter0) opts.filter0 = this.state.termfilter.filter0\n\n\t\t//Need to get the totals\n\t\tawait this.getDescrStats(opts.term)\n\t\tawait this.getDescrStats(opts.term2)\n\n\t\tconst result = await this.vocabApi?.getNestedChartSeriesData(opts)\n\t\tconst rows = new Map()\n\n\t\t//These columns and rows are in the correct ascending order\n\t\t//Set first and no need to sort later\n\t\tconst filteredCols = result.data.refs.cols\n\t\t\t// .filter(col => !config.settings.exclude.cols.some(i => i == col.seriesId))\n\t\t\t.map(col => result.data.charts[0].serieses.find(s => s.seriesId == col))\n\t\tresult.data.refs.rows\n\t\t\t// .filter(row => !config.settings.exclude.rows.some(i => i == row))\n\t\t\t.forEach(row => {\n\t\t\t\trows.set(row, new Map())\n\t\t\t\tfor (const col of filteredCols) {\n\t\t\t\t\trows.get(row).set(col.seriesId, { value: col.data.find(d => d.dataId == row)?.total || 0, selected: false })\n\t\t\t\t}\n\t\t\t})\n\n\t\treturn { rows, filteredCols, total: result.data.charts[0].total }\n\t}\n\n\tasync getDescrStats(tw) {\n\t\tif (isNumericTerm(tw.term)) {\n\t\t\tconst data = await this.vocabApi?.getDescrStats(tw, this.state.termfilter)\n\t\t\tif (data.error) throw data.error\n\t\t\ttw.q.descrStats = data.values\n\t\t}\n\t}\n\n\tshowNoSampleMessage(div) {\n\t\tdiv.append('div').style('padding', '0px 50px').style('font-size', '1.15em').text('No overlapping samples')\n\t\treturn\n\t}\n\n\taddHeader(headerRow, text) {\n\t\theaderRow\n\t\t\t.append('th')\n\t\t\t.attr('data-testid', 'sjpp-facet-col-header')\n\t\t\t.style('border', '2.5px solid white')\n\t\t\t.style('padding', '0px 25px')\n\t\t\t.text(text)\n\t}\n\n\taddRowLabel(tr, label) {\n\t\ttr.append('td')\n\t\t\t.attr('data-testid', 'sjpp-facet-row-label')\n\t\t\t.style('border', '2.5px solid white')\n\t\t\t.style('font-weight', 'bold')\n\t\t\t.text(label)\n\t}\n\n\tasync setControls() {\n\t\tthis.dom.controlsHolder.selectAll('*').remove()\n\t\tconst inputs: unknown[] = [\n\t\t\t{\n\t\t\t\ttype: 'term',\n\t\t\t\tconfigKey: 'columnTw',\n\t\t\t\tchartType: this.type,\n\t\t\t\tusecase: { target: this.type },\n\t\t\t\ttitle: 'Facet column categories',\n\t\t\t\tlabel: 'Columns',\n\t\t\t\tvocabApi: this.app.vocabApi,\n\t\t\t\tnumericEditMenuVersion: ['discrete'],\n\t\t\t\tdefaultQ4fillTW: getT0T2defaultQ()\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: 'term',\n\t\t\t\tconfigKey: 'rowTw',\n\t\t\t\tchartType: this.type,\n\t\t\t\tusecase: { target: this.type },\n\t\t\t\ttitle: 'Facet row categories',\n\t\t\t\tlabel: 'Rows',\n\t\t\t\tvocabApi: this.app.vocabApi,\n\t\t\t\tnumericEditMenuVersion: ['discrete'],\n\t\t\t\tdefaultQ4fillTW: getT0T2defaultQ()\n\t\t\t},\n\t\t\t{\n\t\t\t\tboxLabel: '',\n\t\t\t\tlabel: 'Show percent',\n\t\t\t\ttype: 'checkbox',\n\t\t\t\tchartType: 'facet',\n\t\t\t\tsettingsKey: 'showPercents',\n\t\t\t\ttitle: `Option to show/hide percents per cell`\n\t\t\t}\n\t\t]\n\n\t\tif (this.hasTermCollection) {\n\t\t\tinputs.push({\n\t\t\t\tlabel: 'Aggregate by',\n\t\t\t\ttype: 'radio',\n\t\t\t\tchartType: 'facet',\n\t\t\t\tsettingsKey: 'aggregateBy',\n\t\t\t\ttitle: 'Aggregate values by',\n\t\t\t\toptions: [\n\t\t\t\t\t{ label: 'Average', value: 'avg' },\n\t\t\t\t\t{ label: 'Sum', value: 'sum' }\n\t\t\t\t]\n\t\t\t})\n\t\t}\n\n\t\tthis.components = {\n\t\t\tcontrols: await controlsInit({\n\t\t\t\tapp: this.app,\n\t\t\t\tid: this.id,\n\t\t\t\tholder: this.dom.controlsHolder,\n\t\t\t\tinputs\n\t\t\t})\n\t\t}\n\t}\n}\n\nexport function makeChartBtnMenu(holder, chartsInstance) {\n\tconst callback = (xterm, yterm) => {\n\t\tconst config = {\n\t\t\tchartType: 'facet',\n\t\t\tcolumnTw: { term: xterm },\n\t\t\trowTw: { term: yterm }\n\t\t}\n\n\t\tif (isNumericTerm(xterm)) config.columnTw.term.q = { mode: 'discrete' }\n\t\tif (isNumericTerm(yterm)) config.rowTw.term.q = { mode: 'discrete' }\n\n\t\tchartsInstance.app.dispatch({\n\t\t\ttype: 'plot_create',\n\t\t\tconfig\n\t\t})\n\t}\n\tselect2Terms(chartsInstance.dom.tip, chartsInstance.app, 'facet', '', callback)\n}\n\nexport const facetInit = getCompInit(Facet)\n// this alias will allow abstracted dynamic imports\nexport const componentInit = facetInit\n\nexport async function getPlotConfig(opts, app) {\n\tconst config = {\n\t\tsettings: {\n\t\t\tfacet: {\n\t\t\t\tshowPercents: false,\n\t\t\t\taggregateBy: 'avg'\n\t\t\t}\n\t\t}\n\t}\n\tif (!opts.columnTw) throw '.columnTw{} missing'\n\t// supply the default q if opts.term0/2.bins/q is undefined\n\t// so that the default q does not override bins or q from user\n\tawait fillTermWrapper(\n\t\topts.columnTw,\n\t\tapp.vocabApi,\n\t\topts.columnTw.bins || opts.columnTw.q ? undefined : getT0T2defaultQ()\n\t)\n\tif (!opts.rowTw) throw '.rowTw{} missing'\n\tawait fillTermWrapper(opts.rowTw, app.vocabApi, opts.rowTw.bins || opts.rowTw.q ? undefined : getT0T2defaultQ())\n\tconst result = copyMerge(config, opts)\n\treturn result\n}\n\nfunction getTermCollectionName(tw, termid) {\n\tconst term = tw.term.termlst.find(t => t.id == termid)\n\tif (!term) throw 'term is missing'\n\treturn term.name\n}\n\nfunction getTermCollectionData(s, tw, termid) {\n\tif (tw.term.type != 'termCollection') return\n\tconst value = s[tw.$id]?.value\n\tif (value) {\n\t\tconst data = value[termid]\n\t\treturn data\n\t}\n}\n"],
+  "mappings": "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",
+  "names": ["category2", "category", "tbody", "label"]
+}