@sjcrh/proteinpaint-client 2.182.0 → 2.182.1

package/dist/profileRadar-KAKRDC4R.js

@@ -0,0 +1,261 @@
+import {
+  ABBREV_COHORT,
+  getDefaultProfilePlotSettings,
+  getProfilePlotConfig,
+  makeChartBtnMenu,
+  profilePlot
+} from "./chunk-SRYFYAXK.js";
+import {
+  fillTwLst,
+  renderTable
+} from "./chunk-NVB7MQLH.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-4JON7TLI.js";
+import "./chunk-7RN3L2BX.js";
+import "./chunk-A6TQGNDQ.js";
+import "./chunk-HYZG6OPC.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-LSEFWW72.js";
+import "./chunk-5EF5U7MX.js";
+import "./chunk-2K5DSRBJ.js";
+import "./chunk-UCLS2SVB.js";
+import {
+  copyMerge,
+  getCompInit
+} from "./chunk-MVTCBVSX.js";
+import "./chunk-SEQLC4AD.js";
+import "./chunk-L4QG7XZE.js";
+import "./chunk-DQC5FFGV.js";
+import "./chunk-KQMEJUWI.js";
+import "./chunk-UJU3Q7QJ.js";
+import "./chunk-WGL6FIUE.js";
+import "./chunk-6ITDJ5UR.js";
+import "./chunk-XYFDBYOY.js";
+import "./chunk-TV74I3Y5.js";
+import {
+  arc_default,
+  line_default
+} from "./chunk-IH7ILDJS.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-TOU7EVFQ.js";
+import "./chunk-OAWQ6LOO.js";
+import "./chunk-SEEYV6P2.js";
+import "./chunk-NDWTN4U5.js";
+import "./chunk-OMR2DT66.js";
+import "./chunk-HFNDKYVF.js";
+
+// plots/profile/profileRadar.ts
+var profileRadar = class extends profilePlot {
+  static {
+    this.type = "profileRadar";
+  }
+  constructor(opts) {
+    super(opts, "profileRadar");
+    this.radius = 200;
+  }
+  async init(appState) {
+    await super.init(appState);
+    const config = appState.plots.find((p) => p.id === this.id);
+    this.lineGenerator = line_default();
+    for (const row of config.terms) {
+      this.scoreTerms.push(row.term1);
+      this.scoreTerms.push(row.term2);
+    }
+    this.arcGenerator = arc_default().innerRadius(0);
+    this.angle = Math.PI * 2 / config.terms.length;
+  }
+  async main() {
+    await super.main();
+    await this.setControls();
+    this.plot();
+  }
+  plot() {
+    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-profileRadar-data-table");
+    const rows = [];
+    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.`
+      }
+    ];
+    const radius = this.radius;
+    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);
+    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-profileRadar-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.addPoligon(i2 * 10);
+    let i = 0;
+    const data = [], data2 = [];
+    const angle = this.angle;
+    for (const { module, term1, term2 } of this.config.terms) {
+      const iangle = i * angle - Math.PI / 2;
+      const item = this.config.terms[i];
+      const percentage1 = this.getPercentage(term1);
+      const percentage2 = this.getPercentage(term2);
+      this.radarG.append("path").datum({ module: item.module, percentage1, percentage2 }).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));
+      this.addData("term2", percentage2, iangle, data2);
+      this.addData("term1", percentage1, iangle, data);
+      const color = term1.score.term.color;
+      const diff = Math.abs(percentage1 - percentage2);
+      const diffRow = { value: diff };
+      if (diff >= 20) diffRow.color = percentage2 > percentage1 ? "red" : "blue";
+      rows.push([{ color, disabled: true }, { value: module }, { value: percentage1 }, { value: percentage2 }, diffRow]);
+      i++;
+      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 = radarG.append("text").attr("x", `${dx}px`).attr("y", `${dy}px`).attr("font-size", "0.9em");
+      const texts = module.split(" ");
+      let span;
+      texts.forEach((text) => {
+        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");
+    }
+    if (!this.isComparison) {
+      renderTable({
+        rows,
+        columns,
+        div: this.dom.tableDiv,
+        showLines: true,
+        resize: true,
+        maxHeight: "60vh"
+      });
+    }
+    data.push(data[0]);
+    data2.push(data2[0]);
+    const color1 = "blue", 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));
+    for (let i2 = 0; i2 <= 10; i2++) {
+      const percent = i2 * 10;
+      radarG.append("text").attr("transform", `translate(0, ${-percent / 100 * radius - 2})`).attr("text-anchor", "end").style("font-size", "0.8rem").text(`${percent}%`).attr("pointer-events", "none");
+    }
+    if (!this.isComparison) {
+      this.legendG.append("text").attr("text-anchor", "left").style("font-weight", "bold").text(`Legend`);
+      let abbrev = config.term1.abbrev ? `(${config.term1.abbrev})` : "";
+      const item1 = `${config.term1.name} ${abbrev}`;
+      this.addRadarLegendItem(item1, color1, 0, "none");
+      abbrev = config.term2.abbrev ? `(${config.term2.abbrev})` : "";
+      const item2 = `${config.term2.name} ${abbrev}`;
+      this.addRadarLegendItem(item2, color2, 1, "5, 5");
+      if (this.state.activeCohort == ABBREV_COHORT) this.addEndUserImpressionNote(this.noteG);
+      else this.addPOCNote(this.noteG);
+    }
+    this.addFilterLegend();
+  }
+  addData(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]);
+  }
+  addPoligon(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);
+    const textElem = this.legendG.append("text").attr("font-size", "0.9em").attr("transform", `translate(${x + 5}, ${y})`).attr("text-anchor", "left");
+    textElem.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);
+      tr = table.append("tr");
+      tr.append("td").text(label2);
+      tr.append("td").text(d.percentage2);
+      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);
+    defaults.settings = { profileRadar: getDefaultProfilePlotSettings() };
+    if (!defaults) throw "default config not found in termdbConfig.plotConfigByCohort.profileRadar";
+    const config = copyMerge(structuredClone(defaults), opts);
+    config.settings.controls = { isOpen: false };
+    const terms = config.terms;
+    const twlst = [];
+    for (const row of 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} [profileRadar getPlotConfig()]`;
+  }
+}
+var profileRadarInit = getCompInit(profileRadar);
+var componentInit = profileRadarInit;
+export {
+  componentInit,
+  getPlotConfig,
+  makeChartBtnMenu,
+  profileRadarInit
+};
+//# sourceMappingURL=profileRadar-KAKRDC4R.js.map

package/dist/profileRadarFacility-FZP62VPV.js

@@ -0,0 +1,261 @@
+import {
+  getDefaultProfilePlotSettings,
+  getProfilePlotConfig,
+  makeChartBtnMenu,
+  profilePlot
+} from "./chunk-SRYFYAXK.js";
+import {
+  fillTwLst,
+  renderTable
+} from "./chunk-NVB7MQLH.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-4JON7TLI.js";
+import "./chunk-7RN3L2BX.js";
+import "./chunk-A6TQGNDQ.js";
+import "./chunk-HYZG6OPC.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-LSEFWW72.js";
+import "./chunk-5EF5U7MX.js";
+import "./chunk-2K5DSRBJ.js";
+import "./chunk-UCLS2SVB.js";
+import {
+  copyMerge,
+  getCompInit
+} from "./chunk-MVTCBVSX.js";
+import "./chunk-SEQLC4AD.js";
+import "./chunk-L4QG7XZE.js";
+import "./chunk-DQC5FFGV.js";
+import "./chunk-KQMEJUWI.js";
+import "./chunk-UJU3Q7QJ.js";
+import "./chunk-WGL6FIUE.js";
+import "./chunk-6ITDJ5UR.js";
+import "./chunk-XYFDBYOY.js";
+import "./chunk-TV74I3Y5.js";
+import {
+  arc_default,
+  line_default
+} from "./chunk-IH7ILDJS.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-TOU7EVFQ.js";
+import "./chunk-OAWQ6LOO.js";
+import "./chunk-SEEYV6P2.js";
+import "./chunk-NDWTN4U5.js";
+import "./chunk-OMR2DT66.js";
+import "./chunk-HFNDKYVF.js";
+
+// plots/profile/profileRadarFacility.ts
+var profileRadarFacility = class extends profilePlot {
+  static {
+    this.type = "profileRadarFacility";
+  }
+  constructor(opts) {
+    super(opts, "profileRadarFacility");
+    this.radius = 200;
+    this.isRadarFacility = true;
+    this.lineGenerator = line_default();
+    this.arcGenerator = arc_default().innerRadius(0);
+  }
+  async init(appState) {
+    await super.init(appState);
+    const config = structuredClone(appState.plots.find((p) => p.id === this.id));
+    for (const row of config.terms) {
+      this.scoreTerms.push(row);
+    }
+    this.angle = Math.PI * 2 / config.terms.length;
+  }
+  async main() {
+    await super.main();
+    await this.setControls();
+    this.plot();
+  }
+  plot() {
+    const width = this.isComparison ? 1e3 : 1100;
+    const height = 630;
+    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", "80px").style("margin-right", "20px");
+    this.dom.tableDiv = rightDiv.append("div").attr("data-testid", "sjpp-profileRadarFacility-data-table");
+    this.dom.svg.append("text").attr("transform", `translate(90, ${30})`).attr("font-weight", "bold").text(this.config.title);
+    const radius = this.radius;
+    const x = 300;
+    const y = 330;
+    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-profileRadarFacility-legend").attr("font-size", "0.9em").attr("transform", `translate(${x + 320},${y - 150})`);
+    this.filterG = this.dom.svg.append("g").attr("transform", `translate(${x + 320},${y - 50})`);
+    const rows = [];
+    const columns = [
+      { label: "Color" },
+      { label: "Module" },
+      { label: `Facility` },
+      { label: "Global" },
+      {
+        label: "Difference*",
+        tooltip: `* Difference between site and aggregated scores. If bigger than 20 and positive shown in blue, if negative shown in red.`
+      }
+    ];
+    for (let i2 = 0; i2 <= 10; i2++) this.addPoligon(i2 * 10);
+    let i = 0;
+    const data = [], data2 = [];
+    const angle = this.angle;
+    for (const item of this.config.terms) {
+      const iangle = i * angle - Math.PI / 2;
+      const percentage1 = this.getSamplePercentage(item);
+      const percentage2 = this.getPercentage(item);
+      this.radarG.append("path").datum({ module: item.module, percentage1, percentage2 }).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));
+      this.addData(iangle, i, data2, percentage2, false);
+      this.addData(iangle, i, data, percentage1, true);
+      const color = item.score.term.color;
+      const diff = Math.abs(percentage1 - percentage2);
+      const diffRow = { value: diff };
+      if (diff >= 20) diffRow.color = percentage2 > percentage1 ? "red" : "blue";
+      const row = [
+        { color, disabled: true },
+        { value: item.module },
+        { value: percentage1 },
+        { value: percentage2 },
+        diffRow
+      ];
+      rows.push(row);
+      i++;
+      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 = radarG.append("text").attr("x", `${dx}px`).attr("y", `${dy}px`).attr("font-size", "0.9em");
+      const texts = item.module.split(" ");
+      let span;
+      texts.forEach((text) => {
+        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");
+    }
+    if (!this.isComparison) {
+      renderTable({
+        rows,
+        columns,
+        div: this.dom.tableDiv,
+        showLines: true,
+        resize: true
+      });
+    }
+    data.push(data[0]);
+    data2.push(data2[0]);
+    const color1 = "blue", color2 = "gray";
+    radarG.append("g").append("path").style("stroke", color1).attr("fill", "none").attr("stroke-width", "2px").attr("d", this.lineGenerator(data));
+    if (this.state.logged) {
+      radarG.append("g").append("path").style("stroke", color2).attr("fill", "none").style("stroke-dasharray", "5, 5").attr("d", this.lineGenerator(data2));
+    }
+    for (let i2 = 0; i2 <= 10; i2++) {
+      const percent = i2 * 10;
+      radarG.append("text").attr("transform", `translate(0, ${-percent / 100 * radius - 2})`).attr("text-anchor", "end").style("font-size", "0.8rem").text(`${percent}%`).attr("pointer-events", "none");
+    }
+    this.addFilterLegend();
+    this.legendG.append("text").attr("text-anchor", "left").style("font-weight", "bold").text("Legend");
+    const site = this.sampleData.site;
+    const hospital = site.label;
+    const id = site.value;
+    this.addFacilityLegendItem(`${hospital} / ${id}`, color1, 0, "none");
+    this.addFacilityLegendItem(this.config.score, color2, 1, "5, 5");
+  }
+  addData(iangle, i, data, percentage, isFacility) {
+    const item = this.config.terms[i];
+    const iradius = percentage / 100 * this.radius;
+    const x = iradius * Math.cos(iangle);
+    const y = iradius * Math.sin(iangle);
+    const color = isFacility ? "blue" : "#aaa";
+    const circle = this.radarG.append("g").attr("transform", `translate(${x}, ${y})`).append("circle").attr("r", 4).attr("fill", color).on("click", (event) => this.onMouseOver(event));
+    data.push([x, y]);
+    circle.datum({ module: item.module, percentage });
+  }
+  addPoligon(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");
+  }
+  addFacilityLegendItem(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);
+    const textElem = this.legendG.append("text").attr("font-size", "0.9em").attr("transform", `translate(${x + 5}, ${y})`).attr("text-anchor", "left");
+    textElem.append("tspan").text(text);
+  }
+  onMouseOver(event) {
+    const d = event.target.__data__;
+    if (d?.module) {
+      const label1 = "Facility";
+      const label2 = this.config.score;
+      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);
+      tr = table.append("tr");
+      tr.append("td").text(label2);
+      tr.append("td").text(d.percentage2);
+      menu.show(event.clientX, event.clientY, true, true);
+    } else this.onMouseOut(event);
+  }
+  getSamplePercentage(d) {
+    if (!d) return 0;
+    const score = this.sampleData.term2Score[d.score.term.id];
+    return score;
+  }
+};
+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.profileRadarFacility";
+    const config = copyMerge(structuredClone(defaults), opts);
+    const settings = getDefaultProfilePlotSettings();
+    config.settings = {
+      profileRadarFacility: settings,
+      controls: { isOpen: false }
+    };
+    const terms = config.terms;
+    const twlst = [];
+    for (const row of terms) {
+      row.score.q = row.maxScore.q = { mode: "continuous" };
+      twlst.push(row.score);
+      twlst.push(row.maxScore);
+    }
+    await fillTwLst(twlst, app.vocabApi);
+    return config;
+  } catch (e) {
+    throw `${e} [profileRadarFacility getPlotConfig()]`;
+  }
+}
+var profileRadarFacilityInit = getCompInit(profileRadarFacility);
+var componentInit = profileRadarFacilityInit;
+export {
+  componentInit,
+  getPlotConfig,
+  makeChartBtnMenu,
+  profileRadarFacilityInit
+};
+//# sourceMappingURL=profileRadarFacility-FZP62VPV.js.map

package/dist/profileRadarFacility-FZP62VPV.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../plots/profile/profileRadarFacility.ts"],
+  "sourcesContent": ["import { getCompInit, copyMerge } from '#rx'\nimport { fillTwLst } from '#termsetting'\nimport * as d3 from 'd3'\nimport { renderTable } from '../../dom/table.js'\nimport { getDefaultProfilePlotSettings, makeChartBtnMenu, getProfilePlotConfig, profilePlot } from './profilePlot'\nexport { makeChartBtnMenu }\n\nclass profileRadarFacility extends profilePlot {\n\tstatic type = 'profileRadarFacility'\n\n\tradius: number\n\tlineGenerator: any\n\tarcGenerator: any\n\tangle?: number\n\tradarG: any\n\n\tconstructor(opts) {\n\t\tsuper(opts, 'profileRadarFacility')\n\t\tthis.radius = 200\n\t\tthis.isRadarFacility = true // this is a radar facility plot\n\t\tthis.lineGenerator = d3.line()\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 = structuredClone(appState.plots.find(p => p.id === this.id))\n\t\tfor (const row of config.terms) {\n\t\t\tthis.scoreTerms.push(row)\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\tplot() {\n\t\tconst width = this.isComparison ? 1000 : 1100\n\t\tconst height = 630\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', '80px')\n\t\t\t.style('margin-right', '20px')\n\t\tthis.dom.tableDiv = rightDiv.append('div').attr('data-testid', 'sjpp-profileRadarFacility-data-table')\n\n\t\t// Create a polar grid.\n\n\t\tthis.dom.svg\n\t\t\t.append('text')\n\t\t\t.attr('transform', `translate(90, ${30})`)\n\t\t\t.attr('font-weight', 'bold')\n\t\t\t.text(this.config.title)\n\t\tconst radius = this.radius\n\t\tconst x = 300\n\t\tconst y = 330\n\t\tconst radarG = this.dom.svg.append('g').attr('transform', `translate(${x},${y})`)\n\t\tthis.radarG = radarG\n\n\t\tthis.legendG = this.dom.svg\n\t\t\t.append('g')\n\t\t\t.attr('data-testid', 'sjpp-profileRadarFacility-legend')\n\t\t\t.attr('font-size', '0.9em')\n\t\t\t.attr('transform', `translate(${x + 320},${y - 150})`)\n\t\tthis.filterG = this.dom.svg.append('g').attr('transform', `translate(${x + 320},${y - 50})`)\n\n\t\tconst rows: any[] = []\n\t\tconst columns = [\n\t\t\t{ label: 'Color' },\n\t\t\t{ label: 'Module' },\n\t\t\t{ label: `Facility` },\n\t\t\t{ label: 'Global' },\n\t\t\t{\n\t\t\t\tlabel: 'Difference*',\n\t\t\t\ttooltip: `* Difference between site and aggregated scores. If bigger than 20 and positive shown in blue, if negative shown in red.`\n\t\t\t}\n\t\t]\n\n\t\tfor (let i = 0; i <= 10; i++) this.addPoligon(i * 10)\n\n\t\tlet i = 0\n\t\tconst data = [],\n\t\t\tdata2 = []\n\t\tconst angle = this.angle!\n\t\tfor (const item of this.config.terms) {\n\t\t\tconst iangle = i * angle - Math.PI / 2\n\t\t\tconst percentage1 = this.getSamplePercentage(item) //facility\n\t\t\tconst percentage2 = this.getPercentage(item)\n\n\t\t\tthis.radarG\n\t\t\t\t.append('path')\n\t\t\t\t.datum({ module: item.module, percentage1, percentage2 })\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\t\t\tthis.addData(iangle, i, data2, percentage2, false)\n\t\t\tthis.addData(iangle, i, data, percentage1, true)\n\n\t\t\tconst color = item.score.term.color\n\t\t\tconst diff = Math.abs(percentage1 - percentage2)\n\t\t\tconst diffRow: any = { value: diff }\n\t\t\tif (diff >= 20) diffRow.color = percentage2 > percentage1 ? 'red' : 'blue'\n\t\t\tconst row: any[] = [\n\t\t\t\t{ color, disabled: true },\n\t\t\t\t{ value: item.module },\n\t\t\t\t{ value: percentage1 },\n\t\t\t\t{ value: percentage2 },\n\t\t\t\tdiffRow\n\t\t\t]\n\t\t\trows.push(row)\n\n\t\t\ti++\n\t\t\tconst leftSide = iangle > Math.PI / 2 && iangle <= (3 / 2) * Math.PI\n\t\t\tconst dx = radius * 1.1 * Math.cos(iangle)\n\t\t\tlet dy = radius * 1.1 * Math.sin(iangle) - 10\n\t\t\tconst textElem = radarG.append('text').attr('x', `${dx}px`).attr('y', `${dy}px`).attr('font-size', '0.9em')\n\n\t\t\tconst texts = item.module.split(' ')\n\t\t\tlet span\n\t\t\ttexts.forEach(text => {\n\t\t\t\tif (text != 'and') {\n\t\t\t\t\tdy += 15\n\t\t\t\t\tspan = textElem\n\t\t\t\t\t\t.append('tspan')\n\t\t\t\t\t\t.attr('x', `${dx}px`)\n\t\t\t\t\t\t.attr('y', `${dy}px`)\n\t\t\t\t\t\t.text(text + '')\n\t\t\t\t} else span.append('tspan').text(' and')\n\t\t\t})\n\t\t\tif (leftSide) textElem.attr('text-anchor', 'end')\n\t\t}\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})\n\t\t}\n\n\t\tdata.push(data[0])\n\t\tdata2.push(data2[0])\n\t\tconst color1 = 'blue',\n\t\t\tcolor2 = 'gray'\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))\n\t\tif (this.state.logged) {\n\t\t\tradarG\n\t\t\t\t.append('g')\n\t\t\t\t.append('path')\n\t\t\t\t.style('stroke', color2)\n\t\t\t\t.attr('fill', 'none')\n\t\t\t\t.style('stroke-dasharray', '5, 5')\n\t\t\t\t.attr('d', this.lineGenerator(data2))\n\t\t}\n\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) * 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\n\t\tthis.addFilterLegend()\n\t\tthis.legendG.append('text').attr('text-anchor', 'left').style('font-weight', 'bold').text('Legend')\n\t\tconst site = this.sampleData.site\n\t\tconst hospital = site.label\n\t\tconst id = site.value\n\t\tthis.addFacilityLegendItem(`${hospital} / ${id}`, color1, 0, 'none')\n\t\tthis.addFacilityLegendItem(this.config.score, color2, 1, '5, 5')\n\t}\n\n\taddData(iangle, i, data, percentage, isFacility) {\n\t\tconst item = this.config.terms[i]\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 = isFacility ? 'blue' : '#aaa'\n\t\tconst circle = this.radarG\n\t\t\t.append('g')\n\t\t\t.attr('transform', `translate(${x}, ${y})`)\n\t\t\t.append('circle')\n\t\t\t.attr('r', 4)\n\t\t\t.attr('fill', color)\n\t\t\t.on('click', event => this.onMouseOver(event))\n\n\t\tdata.push([x, y])\n\t\tcircle.datum({ module: item.module, percentage })\n\t}\n\n\taddPoligon(percent) {\n\t\tconst data: any[] = []\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\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\taddFacilityLegendItem(text, color, index, strokeDash) {\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\n\t\tconst textElem = this.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\ttextElem.append('tspan').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 = 'Facility'\n\t\t\tconst label2 = this.config.score\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)\n\t\t\ttr = table.append('tr')\n\t\t\ttr.append('td').text(label2)\n\t\t\ttr.append('td').text(d.percentage2)\n\t\t\tmenu.show(event.clientX, event.clientY, true, true)\n\t\t} else this.onMouseOut(event)\n\t}\n\n\tgetSamplePercentage(d) {\n\t\tif (!d) return 0\n\t\tconst score = this.sampleData.term2Score[d.score.term.id]\n\t\treturn score\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.profileRadarFacility'\n\t\tconst config = copyMerge(structuredClone(defaults), opts)\n\t\tconst settings = getDefaultProfilePlotSettings()\n\n\t\tconfig.settings = {\n\t\t\tprofileRadarFacility: settings,\n\t\t\tcontrols: { isOpen: false }\n\t\t}\n\t\tconst terms = config.terms\n\t\tconst twlst: any[] = []\n\t\tfor (const row of terms) {\n\t\t\trow.score.q = row.maxScore.q = { mode: 'continuous' }\n\t\t\ttwlst.push(row.score)\n\t\t\ttwlst.push(row.maxScore)\n\t\t}\n\t\tawait fillTwLst(twlst, app.vocabApi)\n\t\treturn config\n\t} catch (e) {\n\t\tthrow `${e} [profileRadarFacility getPlotConfig()]`\n\t}\n}\n\nexport const profileRadarFacilityInit = getCompInit(profileRadarFacility)\n// this alias will allow abstracted dynamic imports\nexport const componentInit = profileRadarFacilityInit\n"],
+  "mappings": "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",
+  "names": ["i"]
+}