@sjcrh/proteinpaint-client 2.184.0 → 2.185.0

package/dist/radar2-L2HGCUYR.js

@@ -0,0 +1,314 @@
+import {
+  ABBREV_COHORT,
+  getDefaultProfilePlotSettings,
+  getProfilePlotConfig,
+  makeChartBtnMenu,
+  profilePlot
+} from "./chunk-4JVNATQR.js";
+import {
+  fillTwLst,
+  renderTable
+} from "./chunk-YWUVCXFS.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-3QBZ2Y77.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-G6O3URDN.js";
+import "./chunk-LSEFWW72.js";
+import "./chunk-KWM6B3NL.js";
+import "./chunk-UCLS2SVB.js";
+import {
+  dofetch3
+} from "./chunk-6ZCHECOT.js";
+import {
+  copyMerge,
+  getCompInit
+} from "./chunk-MVTCBVSX.js";
+import "./chunk-2K5DSRBJ.js";
+import "./chunk-X4NI4JLQ.js";
+import "./chunk-L4QG7XZE.js";
+import "./chunk-DQC5FFGV.js";
+import "./chunk-UWYCEYML.js";
+import "./chunk-7UHUOC6F.js";
+import "./chunk-ZYY54HBU.js";
+import "./chunk-EGWVYY7K.js";
+import "./chunk-AMYSEKPF.js";
+import "./chunk-TV74I3Y5.js";
+import {
+  arc_default,
+  line_default
+} from "./chunk-KSGA62R2.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-TOU7EVFQ.js";
+import "./chunk-OAWQ6LOO.js";
+import "./chunk-KYBIQBXE.js";
+import "./chunk-I6Y4O3RR.js";
+import "./chunk-OMR2DT66.js";
+import "./chunk-HFNDKYVF.js";
+
+// plots/profile/radar2.ts
+var ProfileRadar2 = class extends profilePlot {
+  static {
+    this.type = "profileRadar2";
+  }
+  constructor(opts) {
+    super(opts, "profileRadar2");
+    this.radius = 200;
+    this.lineGenerator = line_default().defined((d) => d !== null);
+    this.arcGenerator = arc_default().innerRadius(0);
+  }
+  async init(appState) {
+    await super.init(appState);
+    const config = appState.plots.find((p) => p.id === this.id);
+    for (const row of config.terms) {
+      this.scoreTerms.push(row.term1);
+      this.scoreTerms.push(row.term2);
+    }
+    this.angle = Math.PI * 2 / config.terms.length;
+  }
+  async main() {
+    await super.main();
+    await this.setControls();
+    this.plot();
+  }
+  /**
+   * Override setControls() to fetch data from the dedicated radar2 route.
+   * The base class setControls() builds filter UI and sets this.filter but
+   * skips the data fetch for profileRadar2 (see profilePlot.ts).
+   */
+  async setControls(additionalInputs = []) {
+    await super.setControls(additionalInputs);
+    this.data = await this.fetchAggregatedScores();
+    if (this.data && "error" in this.data) throw this.data.error;
+  }
+  async fetchAggregatedScores() {
+    return dofetch3("termdb/profileRadar2Scores", {
+      body: {
+        genome: this.state.vocab.genome,
+        dslabel: this.state.vocab.dslabel,
+        scoreTerms: this.scoreTerms.map((t) => ({
+          score: { term: { id: t.score.term.id }, q: t.score.q },
+          maxScore: typeof t.maxScore === "number" ? t.maxScore : { term: { id: t.maxScore.term.id }, q: t.maxScore.q }
+        })),
+        filterByUserSites: this.settings?.filterByUserSites,
+        filter: this.filter
+      }
+    });
+  }
+  plot() {
+    const { radarG, rows, data, data2 } = this.createSvgAndGrid();
+    this.drawLines(radarG, data, data2);
+    this.drawPercentLabels(radarG);
+    this.drawTableAndLegend(rows);
+  }
+  createSvgAndGrid() {
+    const config = this.config;
+    const width = this.isComparison ? 1e3 : 1050;
+    const height = 650;
+    this.dom.svg = this.dom.plotDiv.append("div").style("display", "inline-block").append("svg").attr("width", width).attr("height", height);
+    const rightDiv = this.dom.plotDiv.append("div").style("display", "inline-block").style("vertical-align", "top").style("margin-top", "140px").style("margin-right", "20px");
+    this.dom.tableDiv = rightDiv.append("div").attr("data-testid", "sjpp-profileRadar2-data-table");
+    const x = 300;
+    const y = 310;
+    this.dom.svg.append("text").attr("transform", `translate(60, 40)`).attr("font-weight", "bold").attr("font-size", "0.9rem").text(`${config.title} (v2)`);
+    const radarG = this.dom.svg.append("g").attr("transform", `translate(${x},${y})`);
+    this.radarG = radarG;
+    this.legendG = this.dom.svg.append("g").attr("data-testid", "sjpp-profileRadar2-legend").attr("transform", `translate(${x + 340},${y - 120})`);
+    this.filterG = this.dom.svg.append("g").attr("transform", `translate(${x + 340},${y - 20})`);
+    this.noteG = this.dom.svg.append("g").attr("transform", `translate(20, ${y + 150})`);
+    for (let i2 = 0; i2 <= 10; i2++) this.drawPolygon(i2 * 10);
+    const rows = [];
+    const data = [];
+    const data2 = [];
+    const angle = this.angle;
+    let i = 0;
+    for (const { module, term1, term2 } of config.terms) {
+      const iangle = i * angle - Math.PI / 2;
+      const raw1 = this.getPercentage(term1);
+      const raw2 = this.getPercentage(term2);
+      const p1 = Number.isFinite(raw1) ? raw1 : null;
+      const p2 = Number.isFinite(raw2) ? raw2 : null;
+      this.radarG.append("path").datum({ module, percentage1: p1, percentage2: p2 }).attr("fill", "transparent").attr(
+        "d",
+        this.arcGenerator({
+          outerRadius: this.radius,
+          startAngle: i * angle - angle / 2,
+          endAngle: (i + 1) * angle - angle / 2
+        })
+      ).on("click", (event) => this.onMouseOver(event));
+      if (p2 !== null) this.addDataPoint("term2", p2, iangle, data2);
+      else data2.push(null);
+      if (p1 !== null) this.addDataPoint("term1", p1, iangle, data);
+      else data.push(null);
+      const color = term1.score.term.color;
+      const bothPresent = p1 !== null && p2 !== null;
+      const diff = bothPresent ? Math.abs(p1 - p2) : null;
+      const diffRow = diff !== null ? { value: diff } : { value: "\u2014" };
+      if (diff !== null && diff >= 20) diffRow.color = p2 > p1 ? "red" : "blue";
+      rows.push([
+        { color, disabled: true },
+        { value: module },
+        { value: p1 !== null ? p1 : "\u2014" },
+        { value: p2 !== null ? p2 : "\u2014" },
+        diffRow
+      ]);
+      this.drawModuleLabel(module, iangle);
+      i++;
+    }
+    return { radarG, rows, data, data2 };
+  }
+  drawLines(radarG, data, data2) {
+    const closePolygon = (arr) => {
+      const firstDefined = arr.find((v) => v !== null);
+      if (firstDefined) arr.push(firstDefined);
+    };
+    closePolygon(data);
+    closePolygon(data2);
+    const color1 = "blue";
+    const color2 = "gray";
+    radarG.append("g").append("path").style("stroke", color2).attr("fill", "none").style("stroke-dasharray", "5, 5").attr("stroke-width", "2px").attr("d", this.lineGenerator(data2));
+    radarG.append("g").append("path").style("stroke", color1).attr("fill", "none").attr("stroke-width", "2px").attr("d", this.lineGenerator(data));
+  }
+  drawPercentLabels(radarG) {
+    for (let i = 0; i <= 10; i++) {
+      const percent = i * 10;
+      radarG.append("text").attr("transform", `translate(0, ${-percent / 100 * this.radius - 2})`).attr("text-anchor", "end").style("font-size", "0.8rem").text(`${percent}%`).attr("pointer-events", "none");
+    }
+  }
+  drawTableAndLegend(rows) {
+    const config = this.config;
+    const columns = [
+      { label: "Color" },
+      { label: "Module" },
+      { label: config.term1.abbrev },
+      { label: config.term2.abbrev },
+      {
+        label: "Difference*",
+        tooltip: `* Difference between ${config.term1.abbrev} and ${config.term2.abbrev}. If bigger than 20 and positive shown in blue, if negative shown in red.`
+      }
+    ];
+    if (!this.isComparison) {
+      renderTable({
+        rows,
+        columns,
+        div: this.dom.tableDiv,
+        showLines: true,
+        resize: true,
+        maxHeight: "60vh"
+      });
+      this.legendG.append("text").attr("text-anchor", "left").style("font-weight", "bold").text("Legend");
+      let abbrev = config.term1.abbrev ? `(${config.term1.abbrev})` : "";
+      this.addRadarLegendItem(`${config.term1.name} ${abbrev}`, "blue", 0, "none");
+      abbrev = config.term2.abbrev ? `(${config.term2.abbrev})` : "";
+      this.addRadarLegendItem(`${config.term2.name} ${abbrev}`, "gray", 1, "5, 5");
+      if (this.state.activeCohort == ABBREV_COHORT) this.addEndUserImpressionNote(this.noteG);
+      else this.addPOCNote(this.noteG);
+    }
+    this.addFilterLegend();
+  }
+  drawModuleLabel(module, iangle) {
+    const radius = this.radius;
+    const leftSide = iangle > Math.PI / 2 && iangle <= 3 / 2 * Math.PI;
+    const dx = radius * 1.1 * Math.cos(iangle);
+    let dy = radius * 1.1 * Math.sin(iangle) - 10;
+    const textElem = this.radarG.append("text").attr("x", `${dx}px`).attr("y", `${dy}px`).attr("font-size", "0.9em");
+    const texts = module.split(" ");
+    let span;
+    for (const text of texts) {
+      if (text != "and") {
+        dy += 15;
+        span = textElem.append("tspan").attr("x", `${dx}px`).attr("y", `${dy}px`).text(text);
+      } else span.append("tspan").text(" and");
+    }
+    if (leftSide) textElem.attr("text-anchor", "end");
+  }
+  addDataPoint(field, percentage, iangle, data) {
+    const iradius = percentage / 100 * this.radius;
+    const x = iradius * Math.cos(iangle);
+    const y = iradius * Math.sin(iangle);
+    const color = field == "term1" ? "blue" : "#aaa";
+    this.radarG.append("g").attr("transform", `translate(${x}, ${y})`).append("circle").attr("r", 4).attr("fill", color);
+    data.push([x, y]);
+  }
+  drawPolygon(percent) {
+    const data = [];
+    for (let i = 0; i < this.config.terms.length; i++) {
+      const iangle = i * this.angle - Math.PI / 2;
+      const iradius = percent / 100 * this.radius;
+      const x = iradius * Math.cos(iangle);
+      const y = iradius * Math.sin(iangle);
+      data.push([x, y]);
+    }
+    data.push(data[0]);
+    this.radarG.append("g").append("path").style("stroke", "#aaa").attr("fill", "none").attr("d", this.lineGenerator(data)).style("opacity", "0.5");
+  }
+  addRadarLegendItem(text, color, index, strokeDash) {
+    const step = 25;
+    const y = step + index * step;
+    const x = 35;
+    this.legendG.append("path").attr("stroke", color).style("stroke-dasharray", strokeDash).attr("stroke-width", "2px").attr(
+      "d",
+      this.lineGenerator([
+        [0, y - 5],
+        [x, y - 5]
+      ])
+    );
+    this.legendG.append("g").attr("transform", `translate(0, ${y - 5})`).append("circle").attr("r", 4).attr("fill", color);
+    this.legendG.append("text").attr("font-size", "0.9em").attr("transform", `translate(${x + 5}, ${y})`).attr("text-anchor", "left").append("tspan").text(text);
+  }
+  onMouseOver(event) {
+    const d = event.target.__data__;
+    if (d?.module) {
+      const label1 = this.config.term1.name;
+      const label2 = this.config.term2.name;
+      const menu = this.tip.clear();
+      menu.d.append("div").style("font-weight", "bold").text(d.module);
+      const table = menu.d.append("table");
+      let tr = table.append("tr");
+      tr.append("td").text(label1);
+      tr.append("td").text(d.percentage1 ?? "\u2014");
+      tr = table.append("tr");
+      tr.append("td").text(label2);
+      tr.append("td").text(d.percentage2 ?? "\u2014");
+      menu.show(event.clientX, event.clientY, true, true);
+    } else this.onMouseOut(event);
+  }
+};
+async function getPlotConfig(opts, app, _activeCohort) {
+  try {
+    const activeCohort = _activeCohort === void 0 ? app.getState().activeCohort : _activeCohort;
+    const defaults = await getProfilePlotConfig(activeCohort, app, opts);
+    if (!defaults) throw "default config not found in termdbConfig.plotConfigByCohort.profileRadar2";
+    defaults.settings = { profileRadar2: getDefaultProfilePlotSettings() };
+    const config = copyMerge(structuredClone(defaults), opts);
+    config.settings.controls = { isOpen: false };
+    const twlst = [];
+    for (const row of config.terms) {
+      row.term1.score.q = { mode: "continuous" };
+      twlst.push(row.term1.score);
+      if (row.term1.maxScore.id) {
+        row.term1.maxScore.q = { mode: "continuous" };
+        twlst.push(row.term1.maxScore);
+      }
+      row.term2.score.q = { mode: "continuous" };
+      twlst.push(row.term2.score);
+      if (row.term2.maxScore.id) {
+        row.term2.maxScore.q = { mode: "continuous" };
+        twlst.push(row.term2.maxScore);
+      }
+    }
+    await fillTwLst(twlst, app.vocabApi);
+    return config;
+  } catch (e) {
+    throw `${e} [profileRadar2 getPlotConfig()]`;
+  }
+}
+var profileRadar2Init = getCompInit(ProfileRadar2);
+var componentInit = profileRadar2Init;
+export {
+  componentInit,
+  getPlotConfig,
+  makeChartBtnMenu,
+  profileRadar2Init
+};
+//# sourceMappingURL=radar2-L2HGCUYR.js.map

package/dist/radar2-L2HGCUYR.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../plots/profile/radar2.ts"],
+  "sourcesContent": ["import { getCompInit, copyMerge } from '#rx'\nimport { fillTwLst } from '#termsetting'\nimport * as d3 from 'd3'\nimport { dofetch3 } from '#common/dofetch'\nimport { renderTable } from '../../dom/table.js'\nimport {\n\tprofilePlot,\n\tgetDefaultProfilePlotSettings,\n\tgetProfilePlotConfig,\n\tmakeChartBtnMenu,\n\tABBREV_COHORT\n} from './profilePlot.js'\n\n/*\nprofileRadar2 \u2014 redesigned radar chart that follows the per-plot dedicated\nroute architecture established by profilePolar2 and profileBarchart2.\n\nKey differences from profileBarchart:\n  - Dedicated server route: termdb/profileRadar2Scores.\n  - Server-side facility term derivation: client does not send facilityTW.\n  - Always aggregated: median percentage across eligible sites.\n  - Minimal client payload: scoreTerms stripped to { term: { id }, q }.\n  - Public role: sites is always [] in the response.\n  - Cleaner rendering structure: plot() split into focused private methods.\n*/\n\nclass ProfileRadar2 extends profilePlot {\n\tstatic type = 'profileRadar2'\n\n\tradius: number\n\tlineGenerator: any\n\tarcGenerator: any\n\tangle?: number\n\tradarG: any\n\tnoteG: any\n\n\tconstructor(opts) {\n\t\tsuper(opts, 'profileRadar2')\n\t\tthis.radius = 200\n\t\t// `.defined()` lets per-module series contain `null` for modules whose score the\n\t\t// server omitted (no eligible data). A missing vertex becomes a gap in the radar\n\t\t// polygon instead of an NaN-poisoned `d` attribute. drawPolygon() always passes\n\t\t// fully-populated arrays, so it is unaffected.\n\t\tthis.lineGenerator = d3.line().defined((d: any) => d !== null)\n\t\tthis.arcGenerator = d3.arc().innerRadius(0)\n\t}\n\n\tasync init(appState) {\n\t\tawait super.init(appState)\n\t\tconst config = appState.plots.find(p => p.id === this.id)\n\t\tfor (const row of config.terms) {\n\t\t\tthis.scoreTerms.push(row.term1)\n\t\t\tthis.scoreTerms.push(row.term2)\n\t\t}\n\t\tthis.angle = (Math.PI * 2) / config.terms.length\n\t}\n\n\tasync main() {\n\t\tawait super.main()\n\t\tawait this.setControls()\n\t\tthis.plot()\n\t}\n\n\t/**\n\t * Override setControls() to fetch data from the dedicated radar2 route.\n\t * The base class setControls() builds filter UI and sets this.filter but\n\t * skips the data fetch for profileRadar2 (see profilePlot.ts).\n\t */\n\tasync setControls(additionalInputs: any[] = []) {\n\t\tawait super.setControls(additionalInputs)\n\t\tthis.data = await this.fetchAggregatedScores()\n\t\tif (this.data && 'error' in this.data) throw this.data.error\n\t}\n\n\tprivate async fetchAggregatedScores() {\n\t\t// No facilityTW \u2014 server derives it from term ID prefixes in the request.\n\t\t// scoreTerms stripped to { term: { id }, q } only \u2014 server fills the rest via termjsonByOneid.\n\t\treturn dofetch3('termdb/profileRadar2Scores', {\n\t\t\tbody: {\n\t\t\t\tgenome: this.state.vocab.genome,\n\t\t\t\tdslabel: this.state.vocab.dslabel,\n\t\t\t\tscoreTerms: this.scoreTerms.map((t: any) => ({\n\t\t\t\t\tscore: { term: { id: t.score.term.id }, q: t.score.q },\n\t\t\t\t\tmaxScore: typeof t.maxScore === 'number' ? t.maxScore : { term: { id: t.maxScore.term.id }, q: t.maxScore.q }\n\t\t\t\t})),\n\t\t\t\tfilterByUserSites: this.settings?.filterByUserSites,\n\t\t\t\tfilter: this.filter\n\t\t\t}\n\t\t})\n\t}\n\n\tplot() {\n\t\tconst { radarG, rows, data, data2 } = this.createSvgAndGrid()\n\t\tthis.drawLines(radarG, data, data2)\n\t\tthis.drawPercentLabels(radarG)\n\t\tthis.drawTableAndLegend(rows)\n\t}\n\n\tprivate createSvgAndGrid() {\n\t\tconst config = this.config\n\t\tconst width = this.isComparison ? 1000 : 1050\n\t\tconst height = 650\n\t\tthis.dom.svg = this.dom.plotDiv\n\t\t\t.append('div')\n\t\t\t.style('display', 'inline-block')\n\t\t\t.append('svg')\n\t\t\t.attr('width', width)\n\t\t\t.attr('height', height)\n\t\tconst rightDiv = this.dom.plotDiv\n\t\t\t.append('div')\n\t\t\t.style('display', 'inline-block')\n\t\t\t.style('vertical-align', 'top')\n\t\t\t.style('margin-top', '140px')\n\t\t\t.style('margin-right', '20px')\n\t\tthis.dom.tableDiv = rightDiv.append('div').attr('data-testid', 'sjpp-profileRadar2-data-table')\n\n\t\tconst x = 300\n\t\tconst y = 310\n\t\tthis.dom.svg\n\t\t\t.append('text')\n\t\t\t.attr('transform', `translate(60, 40)`)\n\t\t\t.attr('font-weight', 'bold')\n\t\t\t.attr('font-size', '0.9rem')\n\t\t\t.text(`${config.title} (v2)`)\n\n\t\tconst radarG = this.dom.svg.append('g').attr('transform', `translate(${x},${y})`)\n\t\tthis.radarG = radarG\n\t\tthis.legendG = this.dom.svg\n\t\t\t.append('g')\n\t\t\t.attr('data-testid', 'sjpp-profileRadar2-legend')\n\t\t\t.attr('transform', `translate(${x + 340},${y - 120})`)\n\t\tthis.filterG = this.dom.svg.append('g').attr('transform', `translate(${x + 340},${y - 20})`)\n\t\tthis.noteG = this.dom.svg.append('g').attr('transform', `translate(20, ${y + 150})`)\n\n\t\tfor (let i = 0; i <= 10; i++) this.drawPolygon(i * 10)\n\n\t\t// Populate per-module arc slices + compute percentages + build rows table.\n\t\t// data / data2 may contain `null` for modules the server omitted (no eligible data).\n\t\t// `.defined()` on the lineGenerator turns those into polygon gaps instead of NaN.\n\t\tconst rows: any[] = []\n\t\tconst data: (number[] | null)[] = [] // term1 vertices\n\t\tconst data2: (number[] | null)[] = [] // term2 vertices\n\t\tconst angle = this.angle!\n\t\tlet i = 0\n\t\tfor (const { module, term1, term2 } of config.terms) {\n\t\t\tconst iangle = i * angle - Math.PI / 2\n\t\t\tconst raw1 = this.getPercentage(term1)\n\t\t\tconst raw2 = this.getPercentage(term2)\n\t\t\t// Treat undefined/null/NaN as missing. A real zero score remains a valid data point.\n\t\t\tconst p1: number | null = Number.isFinite(raw1) ? (raw1 as number) : null\n\t\t\tconst p2: number | null = Number.isFinite(raw2) ? (raw2 as number) : null\n\n\t\t\tthis.radarG\n\t\t\t\t.append('path')\n\t\t\t\t.datum({ module, percentage1: p1, percentage2: p2 })\n\t\t\t\t.attr('fill', 'transparent')\n\t\t\t\t.attr(\n\t\t\t\t\t'd',\n\t\t\t\t\tthis.arcGenerator({\n\t\t\t\t\t\touterRadius: this.radius,\n\t\t\t\t\t\tstartAngle: i * angle - angle / 2,\n\t\t\t\t\t\tendAngle: (i + 1) * angle - angle / 2\n\t\t\t\t\t})\n\t\t\t\t)\n\t\t\t\t.on('click', event => this.onMouseOver(event))\n\n\t\t\tif (p2 !== null) this.addDataPoint('term2', p2, iangle, data2)\n\t\t\telse data2.push(null)\n\n\t\t\tif (p1 !== null) this.addDataPoint('term1', p1, iangle, data)\n\t\t\telse data.push(null)\n\n\t\t\tconst color = term1.score.term.color\n\t\t\tconst bothPresent = p1 !== null && p2 !== null\n\t\t\tconst diff = bothPresent ? Math.abs(p1 - p2) : null\n\t\t\tconst diffRow: any = diff !== null ? { value: diff } : { value: '\u2014' }\n\t\t\tif (diff !== null && diff >= 20) diffRow.color = (p2 as number) > (p1 as number) ? 'red' : 'blue'\n\t\t\trows.push([\n\t\t\t\t{ color, disabled: true },\n\t\t\t\t{ value: module },\n\t\t\t\t{ value: p1 !== null ? p1 : '\u2014' },\n\t\t\t\t{ value: p2 !== null ? p2 : '\u2014' },\n\t\t\t\tdiffRow\n\t\t\t])\n\n\t\t\tthis.drawModuleLabel(module, iangle)\n\t\t\ti++\n\t\t}\n\n\t\treturn { radarG, rows, data, data2 }\n\t}\n\n\tprivate drawLines(radarG: any, data: (number[] | null)[], data2: (number[] | null)[]) {\n\t\t// Close each polygon back to its FIRST DEFINED vertex so the first module's gap (if any)\n\t\t// doesn't leak into the closing segment.\n\t\tconst closePolygon = (arr: (number[] | null)[]) => {\n\t\t\tconst firstDefined = arr.find(v => v !== null)\n\t\t\tif (firstDefined) arr.push(firstDefined)\n\t\t}\n\t\tclosePolygon(data)\n\t\tclosePolygon(data2)\n\t\tconst color1 = 'blue'\n\t\tconst color2 = 'gray'\n\n\t\tradarG\n\t\t\t.append('g')\n\t\t\t.append('path')\n\t\t\t.style('stroke', color2)\n\t\t\t.attr('fill', 'none')\n\t\t\t.style('stroke-dasharray', '5, 5')\n\t\t\t.attr('stroke-width', '2px')\n\t\t\t.attr('d', this.lineGenerator(data2 as any))\n\t\tradarG\n\t\t\t.append('g')\n\t\t\t.append('path')\n\t\t\t.style('stroke', color1)\n\t\t\t.attr('fill', 'none')\n\t\t\t.attr('stroke-width', '2px')\n\t\t\t.attr('d', this.lineGenerator(data as any))\n\t}\n\n\tprivate drawPercentLabels(radarG: any) {\n\t\tfor (let i = 0; i <= 10; i++) {\n\t\t\tconst percent = i * 10\n\t\t\tradarG\n\t\t\t\t.append('text')\n\t\t\t\t.attr('transform', `translate(0, ${(-percent / 100) * this.radius - 2})`)\n\t\t\t\t.attr('text-anchor', 'end')\n\t\t\t\t.style('font-size', '0.8rem')\n\t\t\t\t.text(`${percent}%`)\n\t\t\t\t.attr('pointer-events', 'none')\n\t\t}\n\t}\n\n\tprivate drawTableAndLegend(rows: any[]) {\n\t\tconst config = this.config\n\t\tconst columns = [\n\t\t\t{ label: 'Color' },\n\t\t\t{ label: 'Module' },\n\t\t\t{ label: config.term1.abbrev },\n\t\t\t{ label: config.term2.abbrev },\n\t\t\t{\n\t\t\t\tlabel: 'Difference*',\n\t\t\t\ttooltip: `* Difference between ${config.term1.abbrev} and ${config.term2.abbrev}. If bigger than 20 and positive shown in blue, if negative shown in red.`\n\t\t\t}\n\t\t]\n\n\t\tif (!this.isComparison) {\n\t\t\trenderTable({\n\t\t\t\trows,\n\t\t\t\tcolumns,\n\t\t\t\tdiv: this.dom.tableDiv,\n\t\t\t\tshowLines: true,\n\t\t\t\tresize: true,\n\t\t\t\tmaxHeight: '60vh'\n\t\t\t})\n\n\t\t\tthis.legendG.append('text').attr('text-anchor', 'left').style('font-weight', 'bold').text('Legend')\n\t\t\tlet abbrev = config.term1.abbrev ? `(${config.term1.abbrev})` : ''\n\t\t\tthis.addRadarLegendItem(`${config.term1.name} ${abbrev}`, 'blue', 0, 'none')\n\t\t\tabbrev = config.term2.abbrev ? `(${config.term2.abbrev})` : ''\n\t\t\tthis.addRadarLegendItem(`${config.term2.name} ${abbrev}`, 'gray', 1, '5, 5')\n\t\t\tif (this.state.activeCohort == ABBREV_COHORT) this.addEndUserImpressionNote(this.noteG)\n\t\t\telse this.addPOCNote(this.noteG)\n\t\t}\n\t\tthis.addFilterLegend()\n\t}\n\n\tprivate drawModuleLabel(module: string, iangle: number) {\n\t\tconst radius = this.radius\n\t\tconst leftSide = iangle > Math.PI / 2 && iangle <= (3 / 2) * Math.PI\n\t\tconst dx = radius * 1.1 * Math.cos(iangle)\n\t\tlet dy = radius * 1.1 * Math.sin(iangle) - 10\n\t\tconst textElem = this.radarG.append('text').attr('x', `${dx}px`).attr('y', `${dy}px`).attr('font-size', '0.9em')\n\t\tconst texts = module.split(' ')\n\t\tlet span: any\n\t\tfor (const text of texts) {\n\t\t\tif (text != 'and') {\n\t\t\t\tdy += 15\n\t\t\t\tspan = textElem.append('tspan').attr('x', `${dx}px`).attr('y', `${dy}px`).text(text)\n\t\t\t} else span.append('tspan').text(' and')\n\t\t}\n\t\tif (leftSide) textElem.attr('text-anchor', 'end')\n\t}\n\n\tprivate addDataPoint(field: 'term1' | 'term2', percentage: number, iangle: number, data: (number[] | null)[]) {\n\t\tconst iradius = (percentage / 100) * this.radius\n\t\tconst x = iradius * Math.cos(iangle)\n\t\tconst y = iradius * Math.sin(iangle)\n\t\tconst color = field == 'term1' ? 'blue' : '#aaa'\n\t\tthis.radarG.append('g').attr('transform', `translate(${x}, ${y})`).append('circle').attr('r', 4).attr('fill', color)\n\t\tdata.push([x, y])\n\t}\n\n\tprivate drawPolygon(percent: number) {\n\t\tconst data: number[][] = []\n\t\tfor (let i = 0; i < this.config.terms.length; i++) {\n\t\t\tconst iangle = i * this.angle! - Math.PI / 2\n\t\t\tconst iradius = (percent / 100) * this.radius\n\t\t\tconst x = iradius * Math.cos(iangle)\n\t\t\tconst y = iradius * Math.sin(iangle)\n\t\t\tdata.push([x, y])\n\t\t}\n\t\tdata.push(data[0])\n\t\tthis.radarG\n\t\t\t.append('g')\n\t\t\t.append('path')\n\t\t\t.style('stroke', '#aaa')\n\t\t\t.attr('fill', 'none')\n\t\t\t.attr('d', this.lineGenerator(data))\n\t\t\t.style('opacity', '0.5')\n\t}\n\n\tprivate addRadarLegendItem(text: string, color: string, index: number, strokeDash: string) {\n\t\tconst step = 25\n\t\tconst y = step + index * step\n\t\tconst x = 35\n\t\tthis.legendG\n\t\t\t.append('path')\n\t\t\t.attr('stroke', color)\n\t\t\t.style('stroke-dasharray', strokeDash)\n\t\t\t.attr('stroke-width', '2px')\n\t\t\t.attr(\n\t\t\t\t'd',\n\t\t\t\tthis.lineGenerator([\n\t\t\t\t\t[0, y - 5],\n\t\t\t\t\t[x, y - 5]\n\t\t\t\t])\n\t\t\t)\n\t\tthis.legendG\n\t\t\t.append('g')\n\t\t\t.attr('transform', `translate(0, ${y - 5})`)\n\t\t\t.append('circle')\n\t\t\t.attr('r', 4)\n\t\t\t.attr('fill', color)\n\t\tthis.legendG\n\t\t\t.append('text')\n\t\t\t.attr('font-size', '0.9em')\n\t\t\t.attr('transform', `translate(${x + 5}, ${y})`)\n\t\t\t.attr('text-anchor', 'left')\n\t\t\t.append('tspan')\n\t\t\t.text(text)\n\t}\n\n\tonMouseOver(event) {\n\t\tconst d = event.target.__data__\n\t\tif (d?.module) {\n\t\t\tconst label1 = this.config.term1.name\n\t\t\tconst label2 = this.config.term2.name\n\t\t\tconst menu = this.tip.clear()\n\t\t\tmenu.d.append('div').style('font-weight', 'bold').text(d.module)\n\t\t\tconst table = menu.d.append('table')\n\t\t\tlet tr = table.append('tr')\n\t\t\ttr.append('td').text(label1)\n\t\t\ttr.append('td').text(d.percentage1 ?? '\u2014')\n\t\t\ttr = table.append('tr')\n\t\t\ttr.append('td').text(label2)\n\t\t\ttr.append('td').text(d.percentage2 ?? '\u2014')\n\t\t\tmenu.show(event.clientX, event.clientY, true, true)\n\t\t} else this.onMouseOut(event)\n\t}\n}\n\nexport async function getPlotConfig(opts, app, _activeCohort) {\n\ttry {\n\t\tconst activeCohort = _activeCohort === undefined ? app.getState().activeCohort : _activeCohort\n\t\tconst defaults = await getProfilePlotConfig(activeCohort, app, opts)\n\t\tif (!defaults) throw 'default config not found in termdbConfig.plotConfigByCohort.profileRadar2'\n\t\tdefaults.settings = { profileRadar2: getDefaultProfilePlotSettings() }\n\t\tconst config = copyMerge(structuredClone(defaults), opts)\n\t\tconfig.settings.controls = { isOpen: false }\n\t\tconst twlst: any[] = []\n\t\tfor (const row of config.terms) {\n\t\t\trow.term1.score.q = { mode: 'continuous' }\n\t\t\ttwlst.push(row.term1.score)\n\t\t\tif (row.term1.maxScore.id) {\n\t\t\t\trow.term1.maxScore.q = { mode: 'continuous' }\n\t\t\t\ttwlst.push(row.term1.maxScore)\n\t\t\t}\n\t\t\trow.term2.score.q = { mode: 'continuous' }\n\t\t\ttwlst.push(row.term2.score)\n\t\t\tif (row.term2.maxScore.id) {\n\t\t\t\trow.term2.maxScore.q = { mode: 'continuous' }\n\t\t\t\ttwlst.push(row.term2.maxScore)\n\t\t\t}\n\t\t}\n\t\tawait fillTwLst(twlst, app.vocabApi)\n\t\treturn config\n\t} catch (e) {\n\t\tthrow `${e} [profileRadar2 getPlotConfig()]`\n\t}\n}\n\nexport { makeChartBtnMenu }\n\nexport const profileRadar2Init = getCompInit(ProfileRadar2)\n// this alias will allow abstracted dynamic imports\nexport const componentInit = profileRadar2Init\n"],
+  "mappings": "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",
+  "names": ["i"]
+}