@sjcrh/proteinpaint-client 2.203.0 → 2.203.1

package/dist/brainImaging-2TPE7MXB.js

@@ -0,0 +1,426 @@
+import {
+  PlotBase,
+  controlsInit,
+  fillTermWrapper,
+  getT0T2defaultQ,
+  renderTable,
+  svgLegend
+} from "./chunk-D5PX2UDG.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-XFAL46LZ.js";
+import "./chunk-OPMMU6DQ.js";
+import {
+  Menu
+} from "./chunk-ELJX3QIQ.js";
+import "./chunk-7BLXK3GI.js";
+import "./chunk-VSSZJHOR.js";
+import "./chunk-5RUVBYLK.js";
+import {
+  dofetch3
+} from "./chunk-6X7PP7A4.js";
+import "./chunk-EO6M3LY3.js";
+import "./chunk-DXLO4OAB.js";
+import "./chunk-4QBRVM4V.js";
+import {
+  copyMerge,
+  getCompInit
+} from "./chunk-H6INPPUC.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-IMYSFDE5.js";
+import "./chunk-W5J3LTYS.js";
+import "./chunk-4ZL6IBXM.js";
+import {
+  linear
+} from "./chunk-OZVWP4ZR.js";
+import "./chunk-FXQXCOII.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-5R63Q5KH.js";
+import "./chunk-I6Y4O3RR.js";
+import {
+  rgb
+} from "./chunk-Q5RDQNIT.js";
+import "./chunk-DQC5FFGV.js";
+import "./chunk-HFNDKYVF.js";
+
+// plots/brainImaging.ts
+var BrainImaging = class _BrainImaging extends PlotBase {
+  static {
+    this.type = "brainImaging";
+  }
+  constructor(opts, api) {
+    super(opts, api);
+    this.type = _BrainImaging.type;
+    this.components = { controls: {} };
+    setInteractivity(this);
+  }
+  async init(appState) {
+    const state = this.getState(appState);
+    const holder = this.opts.holder;
+    if (this.opts.header)
+      this.opts.header.style("padding-left", "7px").style("color", "rgb(85, 85, 85)").html(`Brain Imaging: ${state.config.queryKey}/${state.config.selectedSampleFileNames.join(" ")}`);
+    const controlsHolder = holder.append("div").style("display", "inline-block").style("vertical-align", "top");
+    const rightDiv = holder.append("div").style("display", "inline-block").style("vertical-align", "top");
+    const headerHolder = rightDiv.append("div").style("display", "inline-block").style("vertical-align", "top").style("padding", "10px");
+    const contentHolder = rightDiv.append("div").style("vertical-align", "top");
+    const table = contentHolder.append("table").style("border-collapse", "collapse");
+    const headerTr = table.append("tr");
+    const contentTr = table.append("tr").style("background-color", "black");
+    const tdL = contentTr.append("td");
+    const tdF = contentTr.append("td");
+    const tdT = contentTr.append("td");
+    const legendHolder = contentHolder.append("svg").style("width", "100%").on("mouseup", this.legendLabelMouseup);
+    const legendMenu = new Menu({ padding: "0px" });
+    this.dom = {
+      headerHolder,
+      contentHolder,
+      headerTr,
+      tdL,
+      tdF,
+      tdT,
+      legendHolder,
+      legendMenu
+    };
+    this.addSliders(state.config.settings.brainImaging);
+    const configInputsOptions = this.getConfigInputsOptions(state);
+    this.components = {
+      controls: await controlsInit({
+        app: this.app,
+        id: this.id,
+        holder: controlsHolder,
+        inputs: configInputsOptions
+      })
+    };
+    this.components.controls.on("downloadClick.brainImaging", () => {
+      const urls = [];
+      for (const key in this.imagesData)
+        for (const category in this.imagesData[key].dataUrls) {
+          const dataUrl = this.imagesData[key].dataUrls[category].url;
+          urls.push(dataUrl);
+        }
+      this.downloadImage(urls);
+    });
+    this.legendRenderer = svgLegend({ holder: this.dom.legendHolder });
+  }
+  addSliders(settings) {
+    const tr = this.dom.headerTr;
+    let td = tr.append("td");
+    td.append("label").attr("for", "saggital").text("Sagittal:");
+    this.dom.saggitalSlider = td.append("input").attr("id", "saggital").attr("type", "range").attr("min", 0).attr("max", 192).attr("value", settings.brainImageL).on("change", (e) => {
+      this.editBrainImage("brainImageL", e.target.value);
+    });
+    this.dom.saggitalInput = td.append("input").attr("type", "number").attr("min", 0).attr("max", 192).attr("value", settings.brainImageL).on("change", (e) => {
+      this.editBrainImage("brainImageL", e.target.value);
+    }).style("vertical-align", "top");
+    td = tr.append("td");
+    td.append("label").attr("for", "coronal").text("Coronal:");
+    this.dom.coronalSlider = td.append("input").attr("type", "range").attr("min", 0).attr("max", 228).attr("value", settings.brainImageF).on("change", (e) => {
+      this.editBrainImage("brainImageF", e.target.value);
+    });
+    this.dom.coronalInput = td.append("input").attr("type", "number").attr("min", 0).attr("max", 192).attr("value", settings.brainImageF).on("change", (e) => {
+      this.editBrainImage("brainImageF", e.target.value);
+    }).style("vertical-align", "top");
+    td = tr.append("td");
+    td.append("label").attr("for", "axial").text("Axial:");
+    this.dom.axialSlider = td.append("input").attr("id", "axial").attr("type", "range").attr("min", 0).attr("max", 192).attr("value", settings.brainImageT).on("change", (e) => {
+      this.editBrainImage("brainImageT", e.target.value);
+    });
+    this.dom.axialInput = td.append("input").attr("type", "number").attr("min", 0).attr("max", 192).attr("value", settings.brainImageT).on("change", (e) => {
+      this.editBrainImage("brainImageT", e.target.value);
+    });
+  }
+  editBrainImage(key, value) {
+    if (!value) return;
+    const settings = { [key]: Number(value) };
+    this.app.dispatch({ type: "plot_edit", id: this.id, config: { settings: { brainImaging: settings } } });
+  }
+  downloadImage(dataUrls) {
+    for (const dataUrl of dataUrls) {
+      const downloadImgName = "brainImaging";
+      const a = document.createElement("a");
+      document.body.appendChild(a);
+      a.addEventListener(
+        "click",
+        () => {
+          a.download = downloadImgName + ".png";
+          a.href = dataUrl;
+          document.body.removeChild(a);
+        },
+        false
+      );
+      a.click();
+    }
+  }
+  getConfigInputsOptions(state) {
+    if (state.config.selectedSampleFileNames.length == 1) return [];
+    const mandatoryConfigInputOptions = [
+      {
+        label: "Divide by",
+        type: "term",
+        chartType: "brainImaging",
+        configKey: "divideByTW",
+        title: "Categories to divide by",
+        usecase: { target: "brainImaging", detail: "term0" },
+        vocabApi: this.app.vocabApi,
+        numericEditMenuVersion: ["discrete"],
+        defaultQ4fillTW: getT0T2defaultQ()
+      },
+      {
+        label: "Color by",
+        type: "term",
+        chartType: "brainImaging",
+        configKey: "overlayTW",
+        title: "Categories to color the samples",
+        usecase: { target: "brainImaging", detail: "term2" },
+        vocabApi: this.app.vocabApi,
+        numericEditMenuVersion: ["discrete"],
+        defaultQ4fillTW: getT0T2defaultQ()
+      }
+    ];
+    return mandatoryConfigInputOptions;
+  }
+  getState(appState) {
+    const config = appState.plots.find((p) => p.id === this.id);
+    return {
+      config,
+      dslabel: appState.vocab.dslabel,
+      genome: appState.vocab.genome,
+      RefNIdata: appState.termdbConfig.queries.NIdata[config.queryKey]
+    };
+  }
+  async main() {
+    this.config = structuredClone(this.state.config);
+    this.settings = this.state.config.settings.brainImaging;
+    this.dom.saggitalSlider.property("value", this.settings.brainImageL);
+    this.dom.saggitalInput.property("value", this.settings.brainImageL);
+    this.dom.coronalSlider.property("value", this.settings.brainImageF);
+    this.dom.coronalInput.property("value", this.settings.brainImageF);
+    this.dom.axialSlider.property("value", this.settings.brainImageT);
+    this.dom.axialInput.property("value", this.settings.brainImageT);
+    const data = await Promise.all([
+      this.requestImage("l", this.settings.brainImageL),
+      this.requestImage("f", this.settings.brainImageF),
+      this.requestImage("t", this.settings.brainImageT)
+    ]);
+    this.imagesData = {
+      brainImageL: { dataUrls: {}, td: this.dom.tdL, data: data[0] },
+      brainImageF: { dataUrls: {}, td: this.dom.tdF, data: data[1] },
+      brainImageT: { dataUrls: {}, td: this.dom.tdT, data: data[2] }
+    };
+    for (const img of Object.values(this.imagesData)) this.renderImages(img);
+    this.renderLegend();
+  }
+  async requestImage(key, value) {
+    const body = {
+      genome: this.state.genome,
+      dslabel: this.state.dslabel,
+      refKey: this.state.config.queryKey,
+      [key]: value,
+      selectedSampleFileNames: this.state.config.selectedSampleFileNames,
+      divideByTW: this.state.config.divideByTW,
+      overlayTW: this.state.config.overlayTW,
+      legendFilter: this.state.config.legendFilter
+    };
+    return await dofetch3("brainImaging", { body });
+  }
+  renderImages({ data, td, dataUrls }) {
+    this.legendValues = data.legend;
+    if (data.error) throw data.error;
+    for (const [termV, result] of Object.entries(data.brainImage)) {
+      dataUrls[termV] = result;
+    }
+    td.selectAll("*").remove();
+    for (const [termV, result] of Object.entries(dataUrls)) {
+      const imgResult = result;
+      if (this.state.config.divideByTW)
+        td.append("div").attr("class", "pp-chart-title").style("text-align", "center").text(`${termV} (n=${imgResult.catNum})`).style("font-weight", "600").style("color", "white").style("font-size", "24px").style("margin-bottom", "5px").style("margin-top", "5px").style("display", "block");
+      td.append("div").append("img").attr("src", imgResult.url);
+    }
+  }
+  renderLegend() {
+    const legendItems = [];
+    for (const [label, v] of Object.entries(this.legendValues)) {
+      const scale = linear([0, v.maxLength], [rgb("white").formatHex(), v.color]).clamp(true);
+      legendItems.push({
+        text: label == "default" ? "Combined Intensity" : label,
+        width: 100,
+        scale,
+        colors: ["white", v.color],
+        domain: [0, v.maxLength],
+        key: label,
+        crossedOut: v.crossedOut
+      });
+    }
+    this.legendItems = legendItems;
+    const legendRendererData = [
+      {
+        items: legendItems
+      }
+    ];
+    this.legendRenderer(legendRendererData, {
+      settings: {
+        fontsize: 16,
+        iconh: 14,
+        iconw: 14,
+        dimensions: {
+          xOffset: 0
+        }
+      }
+    });
+  }
+};
+function makeChartBtnMenu(holder, chartsInstance) {
+  chartsInstance.dom.tip.clear();
+  const menuDiv = holder.append("div");
+  if (chartsInstance.state.termdbConfig.queries.NIdata) {
+    for (const [refKey, ref] of Object.entries(chartsInstance.state.termdbConfig.queries.NIdata)) {
+      const refDiv = menuDiv.append("div");
+      const refOption = refDiv.append("div").attr("class", "sja_menuoption sja_sharp_border").text(refKey).on("click", async () => {
+        refOption.attr("class", "sja_menuoption_not_interactive");
+        refOption.on("click", null);
+        const body = {
+          genome: chartsInstance.opts.vocab.genome,
+          dslabel: chartsInstance.opts.vocab.dslabel,
+          refKey,
+          samplesOnly: true
+        };
+        const result = await dofetch3("brainImagingSamples", { body });
+        const samples = result.samples;
+        const [rows, columns] = await getTableData(chartsInstance, samples, chartsInstance.state, refKey);
+        const applybt = {
+          text: "APPLY",
+          class: "sjpp_apply_btn sja_filter_tag_btn",
+          callback: (indexes) => {
+            chartsInstance.dom.tip.hide();
+            const selectedSampleFileNames = indexes.map((i) => samples[i].sample + ".nii");
+            const config = {
+              chartType: "brainImaging",
+              queryKey: refKey,
+              settings: {
+                brainImaging: {
+                  brainImageL: ref.parameters.l,
+                  brainImageF: ref.parameters.f,
+                  brainImageT: ref.parameters.t
+                }
+              },
+              selectedSampleFileNames
+            };
+            chartsInstance.app.dispatch({
+              type: "plot_create",
+              config
+            });
+          }
+        };
+        renderTable({
+          rows,
+          columns,
+          resize: true,
+          singleMode: false,
+          div: refDiv.append("div"),
+          maxHeight: "40vh",
+          buttons: [applybt]
+        });
+      });
+    }
+  }
+}
+var brainImaging = getCompInit(BrainImaging);
+var componentInit = brainImaging;
+async function getPlotConfig(opts, app) {
+  const settings = {
+    brainImaging: { brainImageL: 76, brainImageF: 116, brainImageT: 80 }
+  };
+  const config = { chartType: "brainImaging", settings, hidePlotFilter: true };
+  copyMerge(config, opts);
+  if (config.overlayTW) config.overlayTW = await fillTermWrapper(config.overlayTW, app.vocabApi);
+  if (config.divideByTW) config.divideByTW = await fillTermWrapper(config.divideByTW, app.vocabApi);
+  return config;
+}
+async function getTableData(self, samples, state, refKey) {
+  const rows = [];
+  for (const sample of samples) {
+    const row = [{ value: sample.sample }];
+    for (const c of state.termdbConfig.queries.NIdata[refKey].sampleColumns || []) {
+      row.push({ value: sample[c.termid] });
+    }
+    rows.push(row);
+  }
+  const columns = [{ label: "Sample" }];
+  for (const c of state.termdbConfig.queries.NIdata[refKey].sampleColumns || []) {
+    columns.push({
+      label: (await self.app.vocabApi.getterm(c.termid)).name
+    });
+  }
+  return [rows, columns];
+}
+function setInteractivity(self) {
+  self.legendLabelMouseup = (event) => {
+    const targetData = event.target.__data__;
+    if (!targetData || targetData.key == "default") return;
+    const legendMenu = self.dom.legendMenu.clear();
+    const legendMenuDiv = legendMenu.d.append("div");
+    const legendFilter = self.state.config.legendFilter ? [...self.state.config.legendFilter] : [];
+    const legendFilterIndex = legendFilter.indexOf(targetData.key);
+    if (legendFilterIndex !== -1 || legendFilter.length + 1 !== self.legendItems.length) {
+      legendMenuDiv.append("div").attr("class", "sja_menuoption sja_sharp_border").text(legendFilterIndex == -1 ? "Hide" : "Show").on("click", () => {
+        legendMenu.hide();
+        if (legendFilterIndex == -1) legendFilter.push(targetData.key);
+        else legendFilter.splice(legendFilterIndex, 1);
+        self.app.dispatch({
+          type: "plot_edit",
+          id: self.id,
+          config: { legendFilter }
+        });
+      });
+    }
+    legendMenuDiv.append("div").attr("class", "sja_menuoption sja_sharp_border").text("Show only").on("click", () => {
+      legendMenu.hide();
+      const legendFilter2 = [];
+      for (const legendCat of self.legendItems) {
+        if (legendCat.key !== targetData.key) legendFilter2.push(legendCat.key);
+      }
+      self.app.dispatch({
+        type: "plot_edit",
+        id: self.id,
+        config: { legendFilter: legendFilter2 }
+      });
+    });
+    legendMenuDiv.append("div").attr("class", "sja_menuoption sja_sharp_border").text("Show all").on("click", () => {
+      legendMenu.hide();
+      self.app.dispatch({
+        type: "plot_edit",
+        id: self.id,
+        config: { legendFilter: [] }
+      });
+    });
+    if (self.state.config.overlayTW.term.type != "geneVariant") {
+      let color = self.state.config.overlayTW?.term?.values?.[targetData.key]?.color || "red";
+      color = rgb(color).formatHex();
+      legendMenuDiv.append("div").attr("class", "sja_sharp_border").style("padding", "0px 10px").text("Color:").append("input").attr("type", "color").attr("value", color).on("change", (e) => {
+        self.changeColor(targetData.key, e.target.value);
+      });
+    }
+    legendMenu.showunder(event.target);
+  };
+  self.changeColor = async function(key, color) {
+    const tw = self.config.overlayTW;
+    if (!(tw.term.type == "geneVariant" && tw.q.type == "values") && tw.term.values[key])
+      tw.term.values[key].color = color;
+    else {
+      if (!tw.term.values) tw.term.values = {};
+      if (!tw.term.values[key]) tw.term.values[key] = {};
+      tw.term.values[key].color = color;
+    }
+    await self.app.dispatch({
+      type: "plot_edit",
+      id: self.id,
+      config: { overlayTW: tw }
+    });
+  };
+}
+export {
+  brainImaging,
+  componentInit,
+  getPlotConfig,
+  makeChartBtnMenu
+};
+//# sourceMappingURL=brainImaging-2TPE7MXB.js.map

package/dist/brainImaging-2TPE7MXB.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../plots/brainImaging.ts"],
+  "sourcesContent": ["import { getCompInit, copyMerge, type RxComponent, type ComponentApi } from '#rx'\nimport { PlotBase } from '#plots/PlotBase.ts'\nimport { controlsInit } from './controls'\nimport { getT0T2defaultQ } from './summaryQ.ts'\nimport { fillTermWrapper } from '#termsetting'\nimport { dofetch3 } from '#common/dofetch'\nimport { Menu, renderTable, type TableRow, type TableColumn } from '#dom'\nimport svgLegend from '#dom/svg.legend'\nimport { scaleLinear } from 'd3-scale'\nimport { rgb } from 'd3-color'\n\ntype ImgData = { data: any; td: any; dataUrls: any }\n\nclass BrainImaging extends PlotBase implements RxComponent {\n\tstatic type = 'brainImaging'\n\n\ttype: string\n\tcomponents: { controls: any }\n\tlegendLabelMouseup!: any\n\timagesData!: { [index: string]: ImgData }\n\tlegendRenderer!: any\n\tlegendItems!: any\n\tlegendValues!: { [index: string]: { color: string; maxLength: number; crossedOut: boolean } }\n\tconfig!: any\n\tsettings!: any\n\tdom!: any\n\n\tconstructor(opts: any, api: ComponentApi) {\n\t\tsuper(opts, api)\n\t\tthis.type = BrainImaging.type\n\t\tthis.components = { controls: {} }\n\t\tsetInteractivity(this)\n\t}\n\n\tasync init(appState) {\n\t\tconst state = this.getState(appState)\n\t\tconst holder = this.opts.holder\n\t\tif (this.opts.header)\n\t\t\tthis.opts.header\n\t\t\t\t.style('padding-left', '7px')\n\t\t\t\t.style('color', 'rgb(85, 85, 85)')\n\t\t\t\t.html(`Brain Imaging: ${state.config.queryKey}/${state.config.selectedSampleFileNames.join(' ')}`)\n\t\tconst controlsHolder = holder.append('div').style('display', 'inline-block').style('vertical-align', 'top')\n\t\tconst rightDiv = holder.append('div').style('display', 'inline-block').style('vertical-align', 'top')\n\t\tconst headerHolder = rightDiv\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('padding', '10px')\n\t\tconst contentHolder = rightDiv.append('div').style('vertical-align', 'top')\n\t\tconst table = contentHolder.append('table').style('border-collapse', 'collapse')\n\t\tconst headerTr = table.append('tr')\n\t\tconst contentTr = table.append('tr').style('background-color', 'black')\n\t\tconst tdL = contentTr.append('td')\n\t\tconst tdF = contentTr.append('td')\n\t\tconst tdT = contentTr.append('td')\n\t\tconst legendHolder = contentHolder.append('svg').style('width', '100%').on('mouseup', this.legendLabelMouseup)\n\t\tconst legendMenu = new Menu({ padding: '0px' })\n\n\t\tthis.dom = {\n\t\t\theaderHolder,\n\t\t\tcontentHolder,\n\t\t\theaderTr,\n\t\t\ttdL,\n\t\t\ttdF,\n\t\t\ttdT,\n\t\t\tlegendHolder,\n\t\t\tlegendMenu\n\t\t}\n\t\tthis.addSliders(state.config.settings.brainImaging)\n\n\t\tconst configInputsOptions = this.getConfigInputsOptions(state)\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: controlsHolder,\n\t\t\t\tinputs: configInputsOptions\n\t\t\t})\n\t\t}\n\t\tthis.components.controls.on('downloadClick.brainImaging', () => {\n\t\t\tconst urls: unknown[] = []\n\t\t\tfor (const key in this.imagesData)\n\t\t\t\tfor (const category in this.imagesData[key].dataUrls) {\n\t\t\t\t\tconst dataUrl = this.imagesData[key].dataUrls[category].url\n\t\t\t\t\turls.push(dataUrl)\n\t\t\t\t}\n\t\t\tthis.downloadImage(urls)\n\t\t})\n\t\tthis.legendRenderer = svgLegend({ holder: this.dom.legendHolder })\n\t}\n\n\taddSliders(settings) {\n\t\tconst tr = this.dom.headerTr\n\t\tlet td = tr.append('td')\n\t\ttd.append('label').attr('for', 'saggital').text('Sagittal:')\n\t\tthis.dom.saggitalSlider = td\n\t\t\t.append('input')\n\t\t\t.attr('id', 'saggital')\n\t\t\t.attr('type', 'range')\n\t\t\t.attr('min', 0)\n\t\t\t.attr('max', 192)\n\t\t\t.attr('value', settings.brainImageL)\n\t\t\t.on('change', e => {\n\t\t\t\tthis.editBrainImage('brainImageL', e.target.value)\n\t\t\t})\n\t\tthis.dom.saggitalInput = td\n\t\t\t.append('input')\n\t\t\t.attr('type', 'number')\n\t\t\t.attr('min', 0)\n\t\t\t.attr('max', 192)\n\t\t\t.attr('value', settings.brainImageL)\n\t\t\t.on('change', e => {\n\t\t\t\tthis.editBrainImage('brainImageL', e.target.value)\n\t\t\t})\n\t\t\t.style('vertical-align', 'top')\n\n\t\ttd = tr.append('td')\n\n\t\ttd.append('label').attr('for', 'coronal').text('Coronal:')\n\t\tthis.dom.coronalSlider = td\n\t\t\t.append('input')\n\t\t\t.attr('type', 'range')\n\t\t\t.attr('min', 0)\n\t\t\t.attr('max', 228)\n\t\t\t.attr('value', settings.brainImageF)\n\t\t\t.on('change', e => {\n\t\t\t\tthis.editBrainImage('brainImageF', e.target.value)\n\t\t\t})\n\t\tthis.dom.coronalInput = td\n\t\t\t.append('input')\n\t\t\t.attr('type', 'number')\n\t\t\t.attr('min', 0)\n\t\t\t.attr('max', 192)\n\t\t\t.attr('value', settings.brainImageF)\n\t\t\t.on('change', e => {\n\t\t\t\tthis.editBrainImage('brainImageF', e.target.value)\n\t\t\t})\n\t\t\t.style('vertical-align', 'top')\n\n\t\ttd = tr.append('td')\n\n\t\ttd.append('label').attr('for', 'axial').text('Axial:')\n\t\tthis.dom.axialSlider = td\n\t\t\t.append('input')\n\t\t\t.attr('id', 'axial')\n\t\t\t.attr('type', 'range')\n\t\t\t.attr('min', 0)\n\t\t\t.attr('max', 192)\n\t\t\t.attr('value', settings.brainImageT)\n\t\t\t.on('change', e => {\n\t\t\t\tthis.editBrainImage('brainImageT', e.target.value)\n\t\t\t})\n\t\tthis.dom.axialInput = td\n\t\t\t.append('input')\n\t\t\t.attr('type', 'number')\n\t\t\t.attr('min', 0)\n\t\t\t.attr('max', 192)\n\t\t\t.attr('value', settings.brainImageT)\n\t\t\t.on('change', e => {\n\t\t\t\tthis.editBrainImage('brainImageT', e.target.value)\n\t\t\t})\n\t}\n\n\teditBrainImage(key, value) {\n\t\tif (!value) return\n\t\tconst settings = { [key]: Number(value) }\n\n\t\tthis.app.dispatch({ type: 'plot_edit', id: this.id, config: { settings: { brainImaging: settings } } })\n\t}\n\n\tdownloadImage(dataUrls) {\n\t\tfor (const dataUrl of dataUrls) {\n\t\t\tconst downloadImgName = 'brainImaging'\n\t\t\tconst a = document.createElement('a')\n\t\t\tdocument.body.appendChild(a)\n\n\t\t\ta.addEventListener(\n\t\t\t\t'click',\n\t\t\t\t() => {\n\t\t\t\t\t// Download the image\n\t\t\t\t\ta.download = downloadImgName + '.png'\n\t\t\t\t\ta.href = dataUrl\n\t\t\t\t\tdocument.body.removeChild(a)\n\t\t\t\t},\n\t\t\t\tfalse\n\t\t\t)\n\t\t\ta.click()\n\t\t}\n\t}\n\n\tgetConfigInputsOptions(state) {\n\t\tif (state.config.selectedSampleFileNames.length == 1) return []\n\t\tconst mandatoryConfigInputOptions = [\n\t\t\t{\n\t\t\t\tlabel: 'Divide by',\n\t\t\t\ttype: 'term',\n\t\t\t\tchartType: 'brainImaging',\n\t\t\t\tconfigKey: 'divideByTW',\n\t\t\t\ttitle: 'Categories to divide by',\n\t\t\t\tusecase: { target: 'brainImaging', detail: 'term0' },\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\tlabel: 'Color by',\n\t\t\t\ttype: 'term',\n\t\t\t\tchartType: 'brainImaging',\n\t\t\t\tconfigKey: 'overlayTW',\n\t\t\t\ttitle: 'Categories to color the samples',\n\t\t\t\tusecase: { target: 'brainImaging', detail: 'term2' },\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]\n\t\treturn mandatoryConfigInputOptions\n\t}\n\n\tgetState(appState) {\n\t\tconst config = appState.plots.find(p => p.id === this.id)\n\n\t\treturn {\n\t\t\tconfig,\n\t\t\tdslabel: appState.vocab.dslabel,\n\t\t\tgenome: appState.vocab.genome,\n\t\t\tRefNIdata: appState.termdbConfig.queries.NIdata[config.queryKey]\n\t\t}\n\t}\n\n\tasync main() {\n\t\tthis.config = structuredClone(this.state.config) //to modify config on plot_edit\n\t\tthis.settings = this.state.config.settings.brainImaging\n\n\t\t//settings may be edited by the slider or the input, so we update the sliders and inputs to reflect the current settings\n\t\tthis.dom.saggitalSlider.property('value', this.settings.brainImageL)\n\t\tthis.dom.saggitalInput.property('value', this.settings.brainImageL)\n\t\tthis.dom.coronalSlider.property('value', this.settings.brainImageF)\n\t\tthis.dom.coronalInput.property('value', this.settings.brainImageF)\n\t\tthis.dom.axialSlider.property('value', this.settings.brainImageT)\n\t\tthis.dom.axialInput.property('value', this.settings.brainImageT)\n\n\t\tconst data = await Promise.all([\n\t\t\tthis.requestImage('l', this.settings.brainImageL),\n\t\t\tthis.requestImage('f', this.settings.brainImageF),\n\t\t\tthis.requestImage('t', this.settings.brainImageT)\n\t\t])\n\n\t\tthis.imagesData = {\n\t\t\tbrainImageL: { dataUrls: {}, td: this.dom.tdL, data: data[0] },\n\t\t\tbrainImageF: { dataUrls: {}, td: this.dom.tdF, data: data[1] },\n\t\t\tbrainImageT: { dataUrls: {}, td: this.dom.tdT, data: data[2] }\n\t\t}\n\n\t\tfor (const img of Object.values(this.imagesData)) this.renderImages(img)\n\n\t\tthis.renderLegend()\n\t}\n\n\tasync requestImage(key, value) {\n\t\tconst body = {\n\t\t\tgenome: this.state.genome,\n\t\t\tdslabel: this.state.dslabel,\n\t\t\trefKey: this.state.config.queryKey,\n\t\t\t[key]: value,\n\t\t\tselectedSampleFileNames: this.state.config.selectedSampleFileNames,\n\t\t\tdivideByTW: this.state.config.divideByTW,\n\t\t\toverlayTW: this.state.config.overlayTW,\n\t\t\tlegendFilter: this.state.config.legendFilter\n\t\t}\n\t\treturn await dofetch3('brainImaging', { body })\n\t}\n\n\trenderImages({ data, td, dataUrls }: ImgData) {\n\t\tthis.legendValues = data.legend\n\t\tif (data.error) throw data.error\n\t\tfor (const [termV, result] of Object.entries(data.brainImage)) {\n\t\t\tdataUrls[termV] = result\n\t\t}\n\n\t\ttd.selectAll('*').remove()\n\t\tfor (const [termV, result] of Object.entries(dataUrls)) {\n\t\t\tconst imgResult = result as { catNum: number; url: string }\n\t\t\tif (this.state.config.divideByTW)\n\t\t\t\ttd.append('div')\n\t\t\t\t\t.attr('class', 'pp-chart-title')\n\t\t\t\t\t.style('text-align', 'center')\n\t\t\t\t\t.text(`${termV} (n=${imgResult.catNum})`)\n\t\t\t\t\t.style('font-weight', '600')\n\t\t\t\t\t.style('color', 'white')\n\t\t\t\t\t.style('font-size', '24px')\n\t\t\t\t\t.style('margin-bottom', '5px')\n\t\t\t\t\t.style('margin-top', '5px')\n\t\t\t\t\t.style('display', 'block')\n\t\t\ttd.append('div').append('img').attr('src', imgResult.url)\n\t\t}\n\t}\n\n\trenderLegend() {\n\t\tconst legendItems: any[] = []\n\t\tfor (const [label, v] of Object.entries(this.legendValues)) {\n\t\t\tconst scale = scaleLinear([0, v.maxLength], [rgb('white').formatHex(), v.color]).clamp(true)\n\t\t\tlegendItems.push({\n\t\t\t\ttext: label == 'default' ? 'Combined Intensity' : label,\n\t\t\t\twidth: 100,\n\t\t\t\tscale,\n\t\t\t\tcolors: ['white', v.color],\n\t\t\t\tdomain: [0, v.maxLength],\n\t\t\t\tkey: label,\n\t\t\t\tcrossedOut: v.crossedOut\n\t\t\t})\n\t\t}\n\t\tthis.legendItems = legendItems\n\t\tconst legendRendererData = [\n\t\t\t{\n\t\t\t\titems: legendItems\n\t\t\t}\n\t\t]\n\n\t\tthis.legendRenderer(legendRendererData, {\n\t\t\tsettings: {\n\t\t\t\tfontsize: 16,\n\t\t\t\ticonh: 14,\n\t\t\t\ticonw: 14,\n\t\t\t\tdimensions: {\n\t\t\t\t\txOffset: 0\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t}\n}\n\nexport function makeChartBtnMenu(holder, chartsInstance: any) {\n\tchartsInstance.dom.tip.clear()\n\tconst menuDiv = holder.append('div')\n\tif (chartsInstance.state.termdbConfig.queries.NIdata) {\n\t\tfor (const [refKey, ref] of Object.entries(chartsInstance.state.termdbConfig.queries.NIdata)) {\n\t\t\tconst refDiv = menuDiv.append('div')\n\n\t\t\tconst refOption = refDiv\n\t\t\t\t.append('div')\n\t\t\t\t.attr('class', 'sja_menuoption sja_sharp_border')\n\t\t\t\t.text(refKey)\n\t\t\t\t.on('click', async () => {\n\t\t\t\t\trefOption.attr('class', 'sja_menuoption_not_interactive')\n\t\t\t\t\trefOption.on('click', null)\n\t\t\t\t\tconst body = {\n\t\t\t\t\t\tgenome: chartsInstance.opts.vocab.genome,\n\t\t\t\t\t\tdslabel: chartsInstance.opts.vocab.dslabel,\n\t\t\t\t\t\trefKey,\n\t\t\t\t\t\tsamplesOnly: true\n\t\t\t\t\t}\n\t\t\t\t\tconst result = await dofetch3('brainImagingSamples', { body })\n\t\t\t\t\tconst samples = result.samples\n\n\t\t\t\t\tconst [rows, columns] = await getTableData(chartsInstance, samples, chartsInstance.state, refKey)\n\n\t\t\t\t\tconst applybt = {\n\t\t\t\t\t\ttext: 'APPLY',\n\t\t\t\t\t\tclass: 'sjpp_apply_btn sja_filter_tag_btn',\n\t\t\t\t\t\tcallback: indexes => {\n\t\t\t\t\t\t\tchartsInstance.dom.tip.hide()\n\t\t\t\t\t\t\tconst selectedSampleFileNames = indexes.map(i => samples[i].sample + '.nii')\n\t\t\t\t\t\t\tconst config = {\n\t\t\t\t\t\t\t\tchartType: 'brainImaging',\n\t\t\t\t\t\t\t\tqueryKey: refKey,\n\t\t\t\t\t\t\t\tsettings: {\n\t\t\t\t\t\t\t\t\tbrainImaging: {\n\t\t\t\t\t\t\t\t\t\tbrainImageL: (ref as any).parameters.l,\n\t\t\t\t\t\t\t\t\t\tbrainImageF: (ref as any).parameters.f,\n\t\t\t\t\t\t\t\t\t\tbrainImageT: (ref as any).parameters.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\tselectedSampleFileNames\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchartsInstance.app.dispatch({\n\t\t\t\t\t\t\t\ttype: 'plot_create',\n\t\t\t\t\t\t\t\tconfig\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\trenderTable({\n\t\t\t\t\t\trows,\n\t\t\t\t\t\tcolumns,\n\t\t\t\t\t\tresize: true,\n\t\t\t\t\t\tsingleMode: false,\n\t\t\t\t\t\tdiv: refDiv.append('div'),\n\t\t\t\t\t\tmaxHeight: '40vh',\n\t\t\t\t\t\tbuttons: [applybt]\n\t\t\t\t\t})\n\t\t\t\t})\n\t\t}\n\t}\n}\n\nexport const brainImaging = getCompInit(BrainImaging)\nexport const componentInit = brainImaging\n\nexport async function getPlotConfig(opts, app) {\n\tconst settings = {\n\t\tbrainImaging: { brainImageL: 76, brainImageF: 116, brainImageT: 80 }\n\t}\n\tconst config: any = { chartType: 'brainImaging', settings, hidePlotFilter: true }\n\tcopyMerge(config, opts)\n\t/* a tw of a saved session is only raw until it is filled here, same as every other\n\tchart type. required, since a session is serialized without the derived properties\n\tof a geneVariant term, see trimGvTermsForSave() */\n\tif (config.overlayTW) config.overlayTW = await fillTermWrapper(config.overlayTW, app.vocabApi)\n\tif (config.divideByTW) config.divideByTW = await fillTermWrapper(config.divideByTW, app.vocabApi)\n\treturn config\n}\n\nasync function getTableData(self, samples, state, refKey): Promise<[TableRow[], TableColumn[]]> {\n\tconst rows: TableRow[] = []\n\tfor (const sample of samples) {\n\t\t// first cell is sample name\n\t\tconst row = [{ value: sample.sample }]\n\n\t\t// optional sample columns\n\t\tfor (const c of state.termdbConfig.queries.NIdata[refKey].sampleColumns || []) {\n\t\t\trow.push({ value: sample[c.termid] })\n\t\t}\n\t\trows.push(row)\n\t}\n\n\t// first column is sample and is hardcoded\n\tconst columns: TableColumn[] = [{ label: 'Sample' }]\n\n\t// add in optional sample columns\n\tfor (const c of state.termdbConfig.queries.NIdata[refKey].sampleColumns || []) {\n\t\tcolumns.push({\n\t\t\tlabel: (await self.app.vocabApi.getterm(c.termid)).name\n\t\t})\n\t}\n\n\treturn [rows, columns]\n}\n\nfunction setInteractivity(self) {\n\tself.legendLabelMouseup = event => {\n\t\tconst targetData = event.target.__data__\n\t\tif (!targetData || targetData.key == 'default') return\n\t\tconst legendMenu = self.dom.legendMenu.clear()\n\t\tconst legendMenuDiv = legendMenu.d.append('div')\n\t\tconst legendFilter = self.state.config.legendFilter ? [...self.state.config.legendFilter] : []\n\n\t\tconst legendFilterIndex = legendFilter.indexOf(targetData.key)\n\n\t\tif (legendFilterIndex !== -1 || legendFilter.length + 1 !== self.legendItems.length) {\n\t\t\t// only show the Hide option when the cat is not the last shown cat\n\t\t\tlegendMenuDiv\n\t\t\t\t.append('div')\n\t\t\t\t.attr('class', 'sja_menuoption sja_sharp_border')\n\t\t\t\t.text(legendFilterIndex == -1 ? 'Hide' : 'Show')\n\t\t\t\t.on('click', () => {\n\t\t\t\t\tlegendMenu.hide()\n\t\t\t\t\tif (legendFilterIndex == -1) legendFilter.push(targetData.key)\n\t\t\t\t\telse legendFilter.splice(legendFilterIndex, 1)\n\n\t\t\t\t\tself.app.dispatch({\n\t\t\t\t\t\ttype: 'plot_edit',\n\t\t\t\t\t\tid: self.id,\n\t\t\t\t\t\tconfig: { legendFilter }\n\t\t\t\t\t})\n\t\t\t\t})\n\t\t}\n\n\t\tlegendMenuDiv\n\t\t\t.append('div')\n\t\t\t.attr('class', 'sja_menuoption sja_sharp_border')\n\t\t\t.text('Show only')\n\t\t\t.on('click', () => {\n\t\t\t\tlegendMenu.hide()\n\t\t\t\tconst legendFilter: unknown[] = []\n\t\t\t\tfor (const legendCat of self.legendItems) {\n\t\t\t\t\tif (legendCat.key !== targetData.key) legendFilter.push(legendCat.key)\n\t\t\t\t}\n\t\t\t\tself.app.dispatch({\n\t\t\t\t\ttype: 'plot_edit',\n\t\t\t\t\tid: self.id,\n\t\t\t\t\tconfig: { legendFilter }\n\t\t\t\t})\n\t\t\t})\n\n\t\tlegendMenuDiv\n\t\t\t.append('div')\n\t\t\t.attr('class', 'sja_menuoption sja_sharp_border')\n\t\t\t.text('Show all')\n\t\t\t.on('click', () => {\n\t\t\t\tlegendMenu.hide()\n\t\t\t\tself.app.dispatch({\n\t\t\t\t\ttype: 'plot_edit',\n\t\t\t\t\tid: self.id,\n\t\t\t\t\tconfig: { legendFilter: [] }\n\t\t\t\t})\n\t\t\t})\n\n\t\t//TODO: support changing color for grouped geneVariant term\n\t\tif (self.state.config.overlayTW.term.type != 'geneVariant') {\n\t\t\tlet color = self.state.config.overlayTW?.term?.values?.[targetData.key]?.color || 'red'\n\t\t\tcolor = rgb(color).formatHex() //so that the color is in the correct format to be shown in the input\n\t\t\tlegendMenuDiv\n\t\t\t\t.append('div')\n\t\t\t\t.attr('class', 'sja_sharp_border')\n\t\t\t\t.style('padding', '0px 10px')\n\t\t\t\t.text('Color:')\n\t\t\t\t.append('input')\n\t\t\t\t.attr('type', 'color')\n\t\t\t\t.attr('value', color)\n\t\t\t\t.on('change', e => {\n\t\t\t\t\tself.changeColor(targetData.key, e.target.value)\n\t\t\t\t})\n\t\t}\n\t\tlegendMenu.showunder(event.target)\n\t}\n\n\tself.changeColor = async function (key, color) {\n\t\tconst tw = self.config.overlayTW\n\n\t\tif (!(tw.term.type == 'geneVariant' && tw.q.type == 'values') && tw.term.values[key])\n\t\t\ttw.term.values[key].color = color\n\t\telse {\n\t\t\tif (!tw.term.values) tw.term.values = {}\n\t\t\tif (!tw.term.values[key]) tw.term.values[key] = {}\n\t\t\ttw.term.values[key].color = color\n\t\t}\n\n\t\tawait self.app.dispatch({\n\t\t\ttype: 'plot_edit',\n\t\t\tid: self.id,\n\t\t\tconfig: { overlayTW: tw }\n\t\t})\n\t}\n}\n"],
+  "mappings": "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",
+  "names": ["legendFilter"]
+}