@sjcrh/proteinpaint-client 2.207.1 → 2.209.0

package/dist/pseudbulk.unit.spec-HFESRN7A.js

@@ -0,0 +1,86 @@
+import {
+  require_tape
+} from "./chunk-PJYCTAMC.js";
+import {
+  SearchHandler,
+  createPseudobulkTerm
+} from "./chunk-T6Q76PDN.js";
+import "./chunk-C3HEDQPT.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-KV4W2ACA.js";
+import "./chunk-B6UXFX73.js";
+import "./chunk-ELJX3QIQ.js";
+import "./chunk-3FEP6B5T.js";
+import "./chunk-EEB5VE2A.js";
+import "./chunk-6RRZRISL.js";
+import "./chunk-2KM4PRQM.js";
+import "./chunk-OBDIJ4QS.js";
+import "./chunk-6FG6JFZP.js";
+import "./chunk-3XBG5HIV.js";
+import "./chunk-SB36AUG7.js";
+import "./chunk-WINIL2KN.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-7X6NF7NI.js";
+import "./chunk-W5J3LTYS.js";
+import "./chunk-Z2ZITHT4.js";
+import "./chunk-4OLM3KSB.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 {
+  __toESM
+} from "./chunk-HS5PO5ZQ.js";
+
+// termdb/handlers/test/pseudbulk.unit.spec.ts
+var import_tape = __toESM(require_tape(), 1);
+(0, import_tape.default)("\n", function(test) {
+  test.comment("-***- termdb/handlers/pseudobulk -***-");
+  test.end();
+});
+(0, import_tape.default)("buildRenderingDataMap() groups terms by assay and memberId", function(test) {
+  const handler = new SearchHandler();
+  const terms = [
+    { id: "t1", name: "A", assay: "geneExpression", memberId: "CD4" },
+    { id: "t2", name: "B", assay: "geneExpression", memberId: "CD4" },
+    { id: "t3", name: "C", assay: "geneExpression", memberId: "CD8" },
+    { id: "t4", name: "D", assay: "cellType", memberId: "Myeloid" }
+  ];
+  const map = handler.buildRenderingDataMap(terms);
+  test.equal(map.size, 2, "creates one top-level key per assay");
+  test.ok(map.has("geneExpression"), "contains geneExpression assay");
+  test.ok(map.has("cellType"), "contains cellType assay");
+  const geneExpressionMap = map.get("geneExpression");
+  test.equal(geneExpressionMap.size, 2, "creates one nested key per memberId within assay");
+  test.equal(geneExpressionMap.get("CD4").length, 2, "groups multiple terms under same assay/memberId");
+  test.equal(geneExpressionMap.get("CD8")[0].id, "t3", "stores the correct term under another memberId");
+  const cellTypeMap = map.get("cellType");
+  test.equal(cellTypeMap.size, 1, "cellType assay has one memberId");
+  test.equal(cellTypeMap.get("Myeloid")[0].id, "t4", "stores term under expected cellType memberId");
+  test.end();
+});
+(0, import_tape.default)("buildRenderingDataMap() returns an empty map for empty input", function(test) {
+  const handler = new SearchHandler();
+  const map = handler.buildRenderingDataMap([]);
+  test.equal(map.size, 0, "empty input produces empty map");
+  test.end();
+});
+(0, import_tape.default)("createPseudobulkTerm() creates one term for one cell type and gene", function(test) {
+  const selectedTerm = {
+    id: "blast",
+    name: "Blast",
+    type: "pseudobulk",
+    assay: "geneExpression",
+    memberId: "Cell Type"
+  };
+  const term = createPseudobulkTerm(selectedTerm, "TP53");
+  test.equal(term.id, "geneExpression blast TP53", "sets a unique term.id");
+  test.equal(term.category, "blast", "sets term.category");
+  test.equal(term.gene, "TP53", "sets term.gene");
+  test.equal(term.name, "geneExpression blast TP53", "sets term.name");
+  test.notOk("genes" in term, "does not add the obsolete genes array");
+  test.end();
+});
+//# sourceMappingURL=pseudbulk.unit.spec-HFESRN7A.js.map

package/dist/pseudbulk.unit.spec-HFESRN7A.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../termdb/handlers/test/pseudbulk.unit.spec.ts"],
+  "sourcesContent": ["import tape from 'tape'\nimport { createPseudobulkTerm, SearchHandler } from '../pseudobulk.ts'\n\n/**************\n test sections\n***************/\n\ntape('\\n', function (test) {\n\ttest.comment('-***- termdb/handlers/pseudobulk -***-')\n\ttest.end()\n})\n\ntape('buildRenderingDataMap() groups terms by assay and memberId', function (test) {\n\tconst handler = new SearchHandler()\n\tconst terms = [\n\t\t{ id: 't1', name: 'A', assay: 'geneExpression', memberId: 'CD4' },\n\t\t{ id: 't2', name: 'B', assay: 'geneExpression', memberId: 'CD4' },\n\t\t{ id: 't3', name: 'C', assay: 'geneExpression', memberId: 'CD8' },\n\t\t{ id: 't4', name: 'D', assay: 'cellType', memberId: 'Myeloid' }\n\t]\n\n\tconst map = handler.buildRenderingDataMap(terms as any[])\n\n\ttest.equal(map.size, 2, 'creates one top-level key per assay')\n\ttest.ok(map.has('geneExpression'), 'contains geneExpression assay')\n\ttest.ok(map.has('cellType'), 'contains cellType assay')\n\n\tconst geneExpressionMap = map.get('geneExpression')!\n\ttest.equal(geneExpressionMap.size, 2, 'creates one nested key per memberId within assay')\n\ttest.equal(geneExpressionMap.get('CD4')!.length, 2, 'groups multiple terms under same assay/memberId')\n\ttest.equal(geneExpressionMap.get('CD8')![0].id, 't3', 'stores the correct term under another memberId')\n\n\tconst cellTypeMap = map.get('cellType')!\n\ttest.equal(cellTypeMap.size, 1, 'cellType assay has one memberId')\n\ttest.equal(cellTypeMap.get('Myeloid')![0].id, 't4', 'stores term under expected cellType memberId')\n\n\ttest.end()\n})\n\ntape('buildRenderingDataMap() returns an empty map for empty input', function (test) {\n\tconst handler = new SearchHandler()\n\tconst map = handler.buildRenderingDataMap([])\n\n\ttest.equal(map.size, 0, 'empty input produces empty map')\n\ttest.end()\n})\n\ntape('createPseudobulkTerm() creates one term for one cell type and gene', function (test) {\n\tconst selectedTerm = {\n\t\tid: 'blast',\n\t\tname: 'Blast',\n\t\ttype: 'pseudobulk',\n\t\tassay: 'geneExpression',\n\t\tmemberId: 'Cell Type'\n\t}\n\n\tconst term = createPseudobulkTerm(selectedTerm as any, 'TP53')\n\n\ttest.equal(term.id, 'geneExpression blast TP53', 'sets a unique term.id')\n\ttest.equal(term.category, 'blast', 'sets term.category')\n\ttest.equal(term.gene, 'TP53', 'sets term.gene')\n\ttest.equal(term.name, 'geneExpression blast TP53', 'sets term.name')\n\ttest.notOk('genes' in term, 'does not add the obsolete genes array')\n\ttest.end()\n})\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kBAAiB;IAOjB,YAAAA,SAAK,MAAM,SAAU,MAAM;AAC1B,OAAK,QAAQ,wCAAwC;AACrD,OAAK,IAAI;AACV,CAAC;AAAA,IAED,YAAAA,SAAK,8DAA8D,SAAU,MAAM;AAClF,QAAM,UAAU,IAAI,cAAc;AAClC,QAAM,QAAQ;AAAA,IACb,EAAE,IAAI,MAAM,MAAM,KAAK,OAAO,kBAAkB,UAAU,MAAM;AAAA,IAChE,EAAE,IAAI,MAAM,MAAM,KAAK,OAAO,kBAAkB,UAAU,MAAM;AAAA,IAChE,EAAE,IAAI,MAAM,MAAM,KAAK,OAAO,kBAAkB,UAAU,MAAM;AAAA,IAChE,EAAE,IAAI,MAAM,MAAM,KAAK,OAAO,YAAY,UAAU,UAAU;AAAA,EAC/D;AAEA,QAAM,MAAM,QAAQ,sBAAsB,KAAc;AAExD,OAAK,MAAM,IAAI,MAAM,GAAG,qCAAqC;AAC7D,OAAK,GAAG,IAAI,IAAI,gBAAgB,GAAG,+BAA+B;AAClE,OAAK,GAAG,IAAI,IAAI,UAAU,GAAG,yBAAyB;AAEtD,QAAM,oBAAoB,IAAI,IAAI,gBAAgB;AAClD,OAAK,MAAM,kBAAkB,MAAM,GAAG,kDAAkD;AACxF,OAAK,MAAM,kBAAkB,IAAI,KAAK,EAAG,QAAQ,GAAG,iDAAiD;AACrG,OAAK,MAAM,kBAAkB,IAAI,KAAK,EAAG,CAAC,EAAE,IAAI,MAAM,gDAAgD;AAEtG,QAAM,cAAc,IAAI,IAAI,UAAU;AACtC,OAAK,MAAM,YAAY,MAAM,GAAG,iCAAiC;AACjE,OAAK,MAAM,YAAY,IAAI,SAAS,EAAG,CAAC,EAAE,IAAI,MAAM,8CAA8C;AAElG,OAAK,IAAI;AACV,CAAC;AAAA,IAED,YAAAA,SAAK,gEAAgE,SAAU,MAAM;AACpF,QAAM,UAAU,IAAI,cAAc;AAClC,QAAM,MAAM,QAAQ,sBAAsB,CAAC,CAAC;AAE5C,OAAK,MAAM,IAAI,MAAM,GAAG,gCAAgC;AACxD,OAAK,IAAI;AACV,CAAC;AAAA,IAED,YAAAA,SAAK,sEAAsE,SAAU,MAAM;AAC1F,QAAM,eAAe;AAAA,IACpB,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,EACX;AAEA,QAAM,OAAO,qBAAqB,cAAqB,MAAM;AAE7D,OAAK,MAAM,KAAK,IAAI,6BAA6B,uBAAuB;AACxE,OAAK,MAAM,KAAK,UAAU,SAAS,oBAAoB;AACvD,OAAK,MAAM,KAAK,MAAM,QAAQ,gBAAgB;AAC9C,OAAK,MAAM,KAAK,MAAM,6BAA6B,gBAAgB;AACnE,OAAK,MAAM,WAAW,MAAM,uCAAuC;AACnE,OAAK,IAAI;AACV,CAAC;",
+  "names": ["tape"]
+}

package/dist/pseudobulk-ODXYIUD5.js

@@ -0,0 +1,35 @@
+import {
+  SearchHandler,
+  createPseudobulkTerm
+} from "./chunk-T6Q76PDN.js";
+import "./chunk-C3HEDQPT.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-KV4W2ACA.js";
+import "./chunk-B6UXFX73.js";
+import "./chunk-ELJX3QIQ.js";
+import "./chunk-3FEP6B5T.js";
+import "./chunk-EEB5VE2A.js";
+import "./chunk-6RRZRISL.js";
+import "./chunk-2KM4PRQM.js";
+import "./chunk-OBDIJ4QS.js";
+import "./chunk-6FG6JFZP.js";
+import "./chunk-3XBG5HIV.js";
+import "./chunk-SB36AUG7.js";
+import "./chunk-WINIL2KN.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-7X6NF7NI.js";
+import "./chunk-W5J3LTYS.js";
+import "./chunk-Z2ZITHT4.js";
+import "./chunk-4OLM3KSB.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-HS5PO5ZQ.js";
+export {
+  SearchHandler,
+  createPseudobulkTerm
+};
+//# sourceMappingURL=pseudobulk-ODXYIUD5.js.map

package/dist/qualitative-WOSYAIGQ.js

@@ -0,0 +1,38 @@
+import {
+  QualCustomGS,
+  QualPredefinedGS,
+  QualValues,
+  QualitativeBase
+} from "./chunk-C3HEDQPT.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-KV4W2ACA.js";
+import "./chunk-B6UXFX73.js";
+import "./chunk-ELJX3QIQ.js";
+import "./chunk-3FEP6B5T.js";
+import "./chunk-EEB5VE2A.js";
+import "./chunk-6RRZRISL.js";
+import "./chunk-2KM4PRQM.js";
+import "./chunk-OBDIJ4QS.js";
+import "./chunk-6FG6JFZP.js";
+import "./chunk-3XBG5HIV.js";
+import "./chunk-SB36AUG7.js";
+import "./chunk-WINIL2KN.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-7X6NF7NI.js";
+import "./chunk-W5J3LTYS.js";
+import "./chunk-Z2ZITHT4.js";
+import "./chunk-4OLM3KSB.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-HS5PO5ZQ.js";
+export {
+  QualCustomGS,
+  QualPredefinedGS,
+  QualValues,
+  QualitativeBase
+};
+//# sourceMappingURL=qualitative-WOSYAIGQ.js.map

package/dist/radar2-2KXBS3Y3.js

@@ -0,0 +1,327 @@
+import {
+  ABBREV_COHORT,
+  getDefaultProfilePlotSettings,
+  getProfilePlotConfig,
+  makeChartBtnMenu,
+  profilePlot
+} from "./chunk-GYE6FU7P.js";
+import {
+  fillTwLst,
+  renderTable
+} from "./chunk-C3HEDQPT.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-KV4W2ACA.js";
+import "./chunk-B6UXFX73.js";
+import "./chunk-ELJX3QIQ.js";
+import "./chunk-3FEP6B5T.js";
+import "./chunk-EEB5VE2A.js";
+import "./chunk-6RRZRISL.js";
+import "./chunk-2KM4PRQM.js";
+import {
+  dofetch3
+} from "./chunk-OBDIJ4QS.js";
+import "./chunk-6FG6JFZP.js";
+import "./chunk-3XBG5HIV.js";
+import "./chunk-SB36AUG7.js";
+import {
+  copyMerge,
+  getCompInit
+} from "./chunk-WINIL2KN.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-7X6NF7NI.js";
+import "./chunk-W5J3LTYS.js";
+import {
+  arc_default,
+  line_default
+} from "./chunk-Z2ZITHT4.js";
+import "./chunk-4OLM3KSB.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-HS5PO5ZQ.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() {
+    this.dom.loadingDiv.style("display", "");
+    try {
+      await super.main();
+      await this.setControls();
+      this.plot();
+    } finally {
+      this.dom.loadingDiv.style("display", "none");
+    }
+  }
+  /**
+   * 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);
+  }
+  /*
+  Two layouts. Normally the legend column sits to the right of the radar inside the svg and
+  the score table sits to its right again. In comparison mode two charts share the row, so
+  the legend, cohort note and filter blocks stack under the radar and the table moves below
+  the svg. The filter legend grows a row per active filter, hence the derived height.
+  */
+  createSvgAndGrid() {
+    const config = this.config;
+    const isComparison = this.isComparison;
+    const x = 300;
+    const y = 310;
+    const legendY = 580, noteY = 545, filterY = 740;
+    const width = isComparison ? 660 : 1050;
+    const height = isComparison ? filterY + this.getFilterLegendRowCount() * 22 + 20 : 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", isComparison ? "block" : "inline-block").style("vertical-align", "top").style("margin-top", isComparison ? "0" : "140px").style("margin-right", "20px");
+    this.dom.tableDiv = rightDiv.append("div").attr("data-testid", "sjpp-profileRadar2-data-table");
+    this.dom.svg.append("text").attr("transform", `translate(60, 40)`).attr("font-weight", "bold").attr("font-size", "0.9rem").text(config.title);
+    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", isComparison ? `translate(20, ${legendY})` : `translate(${x + 340},${y - 120})`);
+    this.filterG = this.dom.svg.append("g").attr("transform", isComparison ? `translate(20, ${filterY})` : `translate(${x + 340},${y - 20})`);
+    this.noteG = this.dom.svg.append("g").attr("transform", `translate(20, ${isComparison ? noteY : 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*" }
+    ];
+    renderTable({
+      rows,
+      columns,
+      div: this.dom.tableDiv,
+      showLines: true,
+      resize: true,
+      maxHeight: "60vh"
+    });
+    this.addDifferenceNote(
+      `* Difference between ${config.term1.abbrev} and ${config.term2.abbrev}. If bigger than 20 and positive shown in blue, if negative shown in red.`
+    );
+    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();
+  }
+  addDifferenceNote(text) {
+    const noteDiv = this.dom.tableDiv.append("div").attr("data-testid", "sjpp-profileRadar2-difference-note").style("display", "flex").style("align-items", "center").style("gap", "6px").style("margin-top", "8px").style("font-size", "0.85em").style("font-style", "italic").style("color", "#555");
+    noteDiv.append("span").attr("aria-hidden", "true").style("font-style", "normal").style("font-size", "1.1em").text("\u24D8");
+    noteDiv.append("span").text(text);
+  }
+  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-2KXBS3Y3.js.map