@sjcrh/proteinpaint-client 2.180.0 → 2.180.1

package/dist/chunk-7Q5X253Q.js

@@ -0,0 +1,423 @@
+import {
+  getDefaultViolinSettings
+} from "./chunk-OM22RN7S.js";
+import {
+  getDefaultScatterSettings
+} from "./chunk-OJSG5RK5.js";
+import {
+  getDefaultBoxplotSettings
+} from "./chunk-AXOTFMIM.js";
+import {
+  PlotBase,
+  Tabs,
+  defaultUiLabels,
+  fillTermWrapper,
+  filterRxCompInit,
+  getDefaultBarSettings,
+  term0_term2_defaultQ
+} from "./chunk-SAHCLNNL.js";
+import {
+  importPlot
+} from "./chunk-XEBPIJHM.js";
+import {
+  Menu
+} from "./chunk-CXMZYVZT.js";
+import {
+  copyMerge,
+  getCompInit
+} from "./chunk-MVTCBVSX.js";
+import {
+  isNumericTerm
+} from "./chunk-RTKRLATH.js";
+
+// plots/summary.ts
+var SummaryPlot = class _SummaryPlot extends PlotBase {
+  constructor(opts, api) {
+    super(opts, api);
+    this.components = {};
+    // expected class-specific props
+    this.chartsByType = {};
+    this.configTermKeys = ["term", "term0", "term2"];
+    this.type = _SummaryPlot.type;
+    this.dom = this.getDom(opts);
+    this.tabsData = this.getTabsData();
+    this.chartToggles = new Tabs({ holder: this.dom.chartToggles, tabs: this.tabsData, noContent: true });
+    this.components = {
+      plots: {}
+    };
+  }
+  static {
+    this.type = "summary";
+  }
+  preApiFreeze(api) {
+    api.getError = () => {
+      return this.error;
+    };
+  }
+  getDom(opts) {
+    const holder = opts.holder;
+    holder.header.style("padding", 0);
+    const paneTitleDiv = holder.header.append("div").style("display", "inline-block").style("color", "#555").style("padding-left", "7px");
+    return {
+      tip: new Menu({ padding: "0px" }),
+      holder,
+      body: holder.body.style("white-space", "nowrap").style("overflow-x", "auto"),
+      // will hold no data notice or the page title in multichart views
+      errdiv: holder.body.append("div").attr("class", "sja_errorbar").style("display", "none").style("padding", "5px"),
+      loading: holder.body.append("div").style("display", "none").style("padding", "5px").html("Loading ..."),
+      // dom.viz will hold the rendered view
+      viz: holder.body.append("div"),
+      plotDivs: {},
+      paneTitleDiv,
+      paneTitleText: paneTitleDiv.append("div").classed("sjpp-term-header", true).style("display", "inline-block").style("vertical-align", "sub"),
+      chartToggles: paneTitleDiv.append("div").style("display", "inline-block").style("margin-left", "10px"),
+      localRecoverDiv: paneTitleDiv.append("div").style("display", "inline-block"),
+      filterDiv: holder.header.append("div").style("display", "inline-block").style("zoom", 0.9)
+    };
+  }
+  getTabsData() {
+    const callback = (event, tab) => this.tabClickCallback(event, tab);
+    return [
+      {
+        childType: "barchart",
+        label: "Barchart",
+        isVisible: () => true,
+        disabled: () => false,
+        getConfig: async () => {
+          if (!this.config) return;
+          const config = { id: this.id, childType: "barchart" };
+          const { term, term2 } = this.config || {};
+          if (term) {
+            const mode = isNumericTerm(term?.term) ? "discrete" : term?.q.mode || "discrete";
+            config.term = await this.getWrappedTermCopy(term, mode);
+          }
+          if (term2) {
+            const mode = isNumericTerm(term2.term) ? "discrete" : term2.q.mode || "discrete";
+            config.term2 = await this.getWrappedTermCopy(term2, mode);
+          }
+          return config;
+        },
+        active: true,
+        callback
+      },
+      {
+        childType: "violin",
+        label: "Violin",
+        disabled: () => false,
+        isVisible: () => isNumericTerm(this.config?.term?.term) || isNumericTerm(this.config?.term2?.term),
+        getConfig: async () => {
+          const term = this.config?.term;
+          const term2 = this.config.term2;
+          let _term, _term2;
+          this.violinContTerm = isNumericTerm(term?.term) ? "term" : "term2";
+          if (this.violinContTerm && this.violinContTerm === "term" || term.q?.mode == "continuous") {
+            _term = await this.getWrappedTermCopy(term, "continuous");
+            _term2 = await this.getWrappedTermCopy(term2, "discrete");
+            this.violinContTerm = "term";
+          } else if (this.violinContTerm && this.violinContTerm === "term2" || term2?.q?.mode == "continuous") {
+            _term = await this.getWrappedTermCopy(term, "discrete");
+            _term2 = await this.getWrappedTermCopy(term2, "continuous");
+            this.violinContTerm = "term2";
+          } else if (term2?.q?.mode == "discrete") {
+            _term = await this.getWrappedTermCopy(term, "discrete");
+            _term2 = await this.getWrappedTermCopy(term2, "continuous");
+            this.violinContTerm = "term2";
+          } else {
+            _term = await this.getWrappedTermCopy(term, "continuous");
+            _term2 = await this.getWrappedTermCopy(term2, "discrete");
+            this.violinContTerm = "term";
+          }
+          const config = { childType: "violin", term: _term, term2: _term2 };
+          return config;
+        },
+        active: false,
+        callback
+      },
+      {
+        childType: "boxplot",
+        label: "Boxplot",
+        disabled: () => false,
+        isVisible: () => isNumericTerm(this.config?.term?.term) || isNumericTerm(this.config?.term2?.term),
+        getConfig: async () => {
+          const _term = this.config?.term;
+          const _term2 = this.config.term2;
+          let termMode = "continuous", term2Mode = "discrete";
+          this.boxContTerm = isNumericTerm(_term?.term) ? "term" : "term2";
+          if (this.boxContTerm && this.boxContTerm === "term" || _term.q?.mode == "continuous") {
+            termMode = "continuous";
+            term2Mode = "discrete";
+            this.boxContTerm = "term";
+          } else if (this.boxContTerm && this.boxContTerm === "term2" || _term2?.q?.mode == "continuous") {
+            termMode = "discrete";
+            term2Mode = "continuous";
+            this.boxContTerm = "term2";
+          } else if (_term2?.q?.mode == "discrete") {
+            termMode = "discrete";
+            term2Mode = "continuous";
+            this.boxContTerm = "term2";
+          }
+          const term = await this.getWrappedTermCopy(_term, termMode);
+          const term2 = await this.getWrappedTermCopy(_term2, term2Mode);
+          const config = {
+            childType: "boxplot",
+            term,
+            term2
+          };
+          return config;
+        },
+        active: false,
+        callback
+      },
+      {
+        childType: "sampleScatter",
+        label: "Scatter",
+        disabled: () => false,
+        isVisible: () => {
+          return isNumericTerm(this.config?.term.term) && isNumericTerm(this.config?.term2?.term);
+        },
+        getConfig: async () => {
+          const _term = await this.getWrappedTermCopy(this.config?.term, "continuous");
+          const _term2 = await this.getWrappedTermCopy(this.config?.term2, "continuous");
+          const config = {
+            childType: "sampleScatter",
+            term: _term,
+            term2: _term2,
+            groups: [],
+            term0: this.config.term0
+          };
+          return config;
+        },
+        active: false,
+        callback
+      }
+    ];
+  }
+  async init(appState) {
+    const state = this.getState(appState);
+    const config = structuredClone(state.config);
+    this.initUi(this.opts, config);
+    this.components.filter = await filterRxCompInit({
+      app: this.app,
+      vocabApi: this.app.vocabApi,
+      parentId: this.id,
+      holder: this.dom.filterDiv,
+      hideLabel: true,
+      emptyLabel: "+Add new filter",
+      callback: (filter) => {
+        this.app.dispatch({
+          id: this.id,
+          type: "plot_edit",
+          config: { filter }
+        });
+      }
+    });
+  }
+  reactsTo(action) {
+    if (action.type.includes("cache_termq")) return true;
+    if (action.type.startsWith("plot_")) {
+      if (action.type.startsWith("plot_")) {
+        return action.id === this.id || action.id == this.parentId;
+      }
+    }
+    if (action.type.startsWith("filter")) return true;
+    if (action.type.startsWith("cohort")) return true;
+    if (action.type == "app_refresh") return true;
+    return false;
+  }
+  getState(appState) {
+    const config = appState.plots.find((p) => p.id === this.id);
+    if (!config) {
+      throw `No plot with id='${this.id}' found. Did you set this.id before this.api = getComponentApi(this)?`;
+    }
+    return {
+      termfilter: appState.termfilter,
+      config,
+      // quick fix to skip history tracking as needed
+      _scope_: appState._scope_
+    };
+  }
+  async main() {
+    delete this.error;
+    this.dom.errdiv.style("display", "none").html("");
+    this.dom.loading.style("display", "");
+    this.config = await this.getMutableConfig();
+    this.maySetSandboxHeader();
+    if (!this.components.plots[this.config.childType]) {
+      await this.setComponent(this.config);
+    }
+    this.dom.loading.style("display", "none");
+    this.render();
+    const activeTabIndex = this.tabsData.findIndex((tab) => tab.childType == this.config.childType);
+    this.chartToggles.update(activeTabIndex);
+    const numVisTabs = this.tabsData.filter((d) => d.isVisible()).length;
+    if (numVisTabs > 1) this.dom.chartToggles.style("display", "inline-block");
+    else this.dom.chartToggles.style("display", "none");
+  }
+  maySetSandboxHeader() {
+    const { term, term2 } = this.config;
+    const mainTerm = term.getTitleText?.() || term.term.name;
+    if (term2?.type) {
+      this.dom.paneTitleText.html(
+        `${term2.getTitleText?.() || term2.term.name} vs ${mainTerm}` + (this.config.assayCohortTitle ? ` (${this.config.assayCohortTitle})` : "")
+      );
+    } else {
+      this.dom.paneTitleText.html(mainTerm + (this.config.assayCohortTitle ? ` (${this.config.assayCohortTitle})` : ""));
+    }
+  }
+  async setComponent(config) {
+    const _ = await importPlot(config.childType, `unsupported childType='${config.childType}'`);
+    this.dom.plotDivs[config.childType] = this.dom.viz.append("div");
+    this.components.plots[config.childType] = await _.componentInit({
+      app: this.app,
+      holder: this.dom.plotDivs[config.childType],
+      id: this.id,
+      parent: this.api
+    });
+  }
+  destroy() {
+    this.dom.holder.app_div.selectAll("*").remove();
+    this.dom.holder.app_div.remove();
+    for (const key in this.dom) {
+      delete this.dom[key];
+    }
+  }
+  initUi(opts, config) {
+    this.dom.paneTitleText.html(config.term.term.name);
+    this.chartToggles.main();
+  }
+  async tabClickCallback(event, tab) {
+    if (!tab || !tab.getConfig) return;
+    let config;
+    try {
+      this.dom.viz.style("display", "none");
+      this.dom.loading.style("display", "");
+      config = await tab.getConfig();
+      this.dom.loading.style("display", "none");
+      this.dom.viz.style("display", "");
+      if (config)
+        this.app.dispatch({
+          type: "plot_edit",
+          id: this.id,
+          config
+        });
+    } catch (e) {
+      this.dom.loading.style("display", "none");
+      this.error = e;
+      this.dom.errdiv.style("display", "").html(`Error: ${e.message || e.error || e}`);
+    }
+  }
+  async getWrappedTermCopy(term, mode) {
+    if (!term) return;
+    const tw = structuredClone(term);
+    tw.q.mode = mode;
+    await fillTermWrapper(tw, this.app.vocabApi);
+    return tw;
+  }
+  render() {
+    for (const childType of Object.keys(this.components.plots)) {
+      const chart = this.components.plots[childType];
+      if (chart.type != this.config.childType) {
+        this.dom.plotDivs[chart.type].style("display", "none");
+      }
+    }
+    this.dom.plotDivs[this.config.childType].style("display", "");
+  }
+  getChartImages() {
+    const chart = this.components.plots[this.config.childType];
+    if (chart?.getChartImages) {
+      return chart.getChartImages();
+    }
+    return null;
+  }
+};
+var summaryInit = getCompInit(SummaryPlot);
+var componentInit = summaryInit;
+async function getPlotConfig(opts, app) {
+  if (!opts.term) throw "summary getPlotConfig: opts.term{} missing";
+  try {
+    opts.term = await fillTermWrapper(
+      opts.term,
+      app.vocabApi,
+      opts.term.q || { geneVariant: { type: "predefined-groupset" } }
+    );
+    if (opts.term2)
+      opts.term2 = await fillTermWrapper(
+        opts.term2,
+        app.vocabApi,
+        opts.term2.bins || opts.term2.q ? void 0 : term0_term2_defaultQ
+      );
+    if (opts.term0)
+      opts.term0 = await fillTermWrapper(
+        opts.term0,
+        app.vocabApi,
+        opts.term0.bins || opts.term0.q ? void 0 : term0_term2_defaultQ
+      );
+    if (opts.colorTW) opts.colorTW = await fillTermWrapper(opts.colorTW, app.vocabApi);
+    if (opts.shapeTW) opts.shapeTW = await fillTermWrapper(opts.shapeTW, app.vocabApi);
+    if (opts.scaleDotTW) opts.scaleDotTW = await fillTermWrapper(opts.scaleDotTW, app.vocabApi);
+  } catch (e) {
+    if (e.stack) console.log(e.stack);
+    throw `${e} [summary getPlotConfig()]`;
+  }
+  const config = {
+    chartType: "summary",
+    childType: "barchart",
+    //id: opts.term.term.id,
+    term: opts.term,
+    groups: [],
+    controlLabels: Object.assign({}, defaultUiLabels, app.vocabApi.termdbConfig.uiLabels || {}),
+    settings: {
+      controls: {
+        isOpen: false
+      },
+      common: {
+        use_logscale: false,
+        // flag for y-axis scale type, 0=linear, 1=log
+        use_percentage: false
+        // Move to barchart settings
+        // barheight: 300, // maximum bar length
+        // barwidth: 20, // bar thickness
+        // barspace: 2 // space between two bars
+      },
+      barchart: getDefaultBarSettings(app),
+      violin: getDefaultViolinSettings(app),
+      boxplot: getDefaultBoxplotSettings(app),
+      sampleScatter: getDefaultScatterSettings(opts)
+    },
+    mayAdjustConfig(config2, edits = {}) {
+      if (edits.childType) {
+        if (config2.childType != edits.childType)
+          throw `action.config.childType was not applied in mass store.plot_edit()`;
+        return;
+      }
+      if (config2.term?.q?.mode == "continuous" && config2.term2?.q?.mode == "continuous") {
+        config2.childType = "sampleScatter";
+      } else if (config2.term?.term?.type == "termCollection") {
+        config2.childType = config2.term.term?.memberType == "numeric" ? "violin" : "barchart";
+      } else if (config2.term?.q?.mode == "continuous" || config2.term2?.q?.mode == "continuous") {
+        if (!discreteByContinuousPlots.has(config2.childType)) {
+          if (opts.childType && !discreteByContinuousPlots.has(opts.childType)) {
+            console.warn(
+              `ignoring summary opts.childType='${opts.childType}' since it does not support plotting discrete by continuous tw's`
+            );
+            config2.childType = "violin";
+          } else {
+            config2.childType = opts.childType || "violin";
+          }
+        }
+      } else {
+        config2.childType = "barchart";
+      }
+    }
+  };
+  if (config.term.term.type == "geneVariant") config.settings.barchart.colorBars = true;
+  return copyMerge(config, opts);
+}
+var discreteByContinuousPlots = /* @__PURE__ */ new Set(["violin", "boxplot"]);
+
+export {
+  summaryInit,
+  componentInit,
+  getPlotConfig
+};
+//# sourceMappingURL=chunk-7Q5X253Q.js.map

package/dist/chunk-7Q5X253Q.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../plots/summary.ts"],
+  "sourcesContent": ["import { getCompInit, copyMerge, type ComponentApi, type RxComponent } from '#rx'\nimport { PlotBase, defaultUiLabels } from './PlotBase.ts'\nimport { Menu, Tabs } from '#dom'\nimport { fillTermWrapper } from '#termsetting'\n// import { recoverInit } from '../rx/src/recover'\nimport { getDefaultViolinSettings } from './violin.js'\nimport { getDefaultBarSettings } from './barchart.js'\nimport { getDefaultBoxplotSettings } from './boxplot/defaults'\nimport { getDefaultScatterSettings } from './scatter/settings/defaults'\nimport { isNumericTerm } from '#shared/terms.js'\nimport { term0_term2_defaultQ } from './controls'\nimport { importPlot } from './importPlot.js'\nimport { filterRxCompInit } from '#filter'\n\nclass SummaryPlot extends PlotBase implements RxComponent {\n\tstatic type = 'summary'\n\n\t// expected RxComponent props, some are already declared/set in PlotBase\n\ttype: string\n\tparentId?: string\n\tdom!: {\n\t\t[index: string]: any\n\t}\n\tcomponents: {\n\t\t[name: string]: ComponentApi | { [name: string]: ComponentApi }\n\t} = {}\n\n\terror: any\n\n\t// expected class-specific props\n\tchartsByType: { [chartType: string]: ComponentApi } = {}\n\tconfigTermKeys = ['term', 'term0', 'term2']\n\tconfig: any\n\ttabsData: any[]\n\tchartToggles: Tabs\n\n\tviolinContTerm?: 'term' | 'term2'\n\tboxContTerm?: 'term' | 'term2'\n\n\tconstructor(opts, api) {\n\t\tsuper(opts, api)\n\t\tthis.type = SummaryPlot.type\n\t\tthis.dom = this.getDom(opts)\n\t\tthis.tabsData = this.getTabsData()\n\t\tthis.chartToggles = new Tabs({ holder: this.dom.chartToggles, tabs: this.tabsData, noContent: true })\n\t\tthis.components = {\n\t\t\tplots: {}\n\t\t}\n\t}\n\n\tpreApiFreeze(api) {\n\t\tapi.getError = () => {\n\t\t\treturn this.error\n\t\t}\n\t}\n\n\tgetDom(opts) {\n\t\tconst holder = opts.holder\n\t\tholder.header.style('padding', 0)\n\n\t\tconst paneTitleDiv = holder.header\n\t\t\t.append('div')\n\t\t\t.style('display', 'inline-block')\n\t\t\t.style('color', '#555') // changed from #999 to address Section 508 contrast issue\n\t\t\t.style('padding-left', '7px')\n\n\t\treturn {\n\t\t\ttip: new Menu({ padding: '0px' }),\n\t\t\tholder,\n\t\t\tbody: holder.body\n\t\t\t\t// .style('margin-top', '-1px')\n\t\t\t\t.style('white-space', 'nowrap')\n\t\t\t\t.style('overflow-x', 'auto'),\n\n\t\t\t// will hold no data notice or the page title in multichart views\n\t\t\terrdiv: holder.body.append('div').attr('class', 'sja_errorbar').style('display', 'none').style('padding', '5px'),\n\n\t\t\tloading: holder.body.append('div').style('display', 'none').style('padding', '5px').html('Loading ...'),\n\n\t\t\t// dom.viz will hold the rendered view\n\t\t\tviz: holder.body.append('div'),\n\t\t\tplotDivs: {},\n\t\t\tpaneTitleDiv,\n\t\t\tpaneTitleText: paneTitleDiv\n\t\t\t\t.append('div')\n\t\t\t\t.classed('sjpp-term-header', true)\n\t\t\t\t.style('display', 'inline-block')\n\t\t\t\t.style('vertical-align', 'sub'),\n\t\t\tchartToggles: paneTitleDiv.append('div').style('display', 'inline-block').style('margin-left', '10px'),\n\t\t\tlocalRecoverDiv: paneTitleDiv.append('div').style('display', 'inline-block'),\n\t\t\tfilterDiv: holder.header.append('div').style('display', 'inline-block').style('zoom', 0.9)\n\t\t}\n\t}\n\n\tgetTabsData() {\n\t\tconst callback = (event, tab) => this.tabClickCallback(event, tab)\n\t\treturn [\n\t\t\t{\n\t\t\t\tchildType: 'barchart',\n\t\t\t\tlabel: 'Barchart',\n\t\t\t\tisVisible: () => true,\n\t\t\t\tdisabled: () => false,\n\t\t\t\tgetConfig: async () => {\n\t\t\t\t\tif (!this.config) return\n\t\t\t\t\tconst config: any = { id: this.id, childType: 'barchart' }\n\t\t\t\t\tconst { term, term2 } = this.config || {}\n\t\t\t\t\tif (term) {\n\t\t\t\t\t\tconst mode = isNumericTerm(term?.term) ? 'discrete' : term?.q.mode || 'discrete'\n\t\t\t\t\t\tconfig.term = await this.getWrappedTermCopy(term, mode)\n\t\t\t\t\t}\n\t\t\t\t\tif (term2) {\n\t\t\t\t\t\tconst mode = isNumericTerm(term2.term) ? 'discrete' : term2.q.mode || 'discrete'\n\t\t\t\t\t\tconfig.term2 = await this.getWrappedTermCopy(term2, mode)\n\t\t\t\t\t}\n\t\t\t\t\treturn config\n\t\t\t\t},\n\t\t\t\tactive: true,\n\t\t\t\tcallback\n\t\t\t},\n\t\t\t{\n\t\t\t\tchildType: 'violin',\n\t\t\t\tlabel: 'Violin',\n\t\t\t\tdisabled: () => false,\n\t\t\t\tisVisible: () => isNumericTerm(this.config?.term?.term) || isNumericTerm(this.config?.term2?.term),\n\t\t\t\tgetConfig: async () => {\n\t\t\t\t\tconst term = this.config?.term\n\t\t\t\t\tconst term2 = this.config.term2\n\n\t\t\t\t\tlet _term, _term2\n\t\t\t\t\tthis.violinContTerm = isNumericTerm(term?.term) ? 'term' : 'term2'\n\n\t\t\t\t\t//If the first term was continuous or is coming as continuous\n\t\t\t\t\tif ((this.violinContTerm && this.violinContTerm === 'term') || term.q?.mode == 'continuous') {\n\t\t\t\t\t\t// must mean coming from scatter plot\n\t\t\t\t\t\t_term = await this.getWrappedTermCopy(term, 'continuous')\n\t\t\t\t\t\t_term2 = await this.getWrappedTermCopy(term2, 'discrete')\n\t\t\t\t\t\tthis.violinContTerm = 'term'\n\t\t\t\t\t}\n\t\t\t\t\t//If the second term was continuous or is coming as continuous\n\t\t\t\t\telse if ((this.violinContTerm && this.violinContTerm === 'term2') || term2?.q?.mode == 'continuous') {\n\t\t\t\t\t\t// must mean coming from barchart\n\t\t\t\t\t\t_term = await this.getWrappedTermCopy(term, 'discrete')\n\t\t\t\t\t\t_term2 = await this.getWrappedTermCopy(term2, 'continuous')\n\t\t\t\t\t\tthis.violinContTerm = 'term2'\n\t\t\t\t\t}\n\t\t\t\t\t//If the second term is coming as discrete from the scatter\n\t\t\t\t\telse if (term2?.q?.mode == 'discrete') {\n\t\t\t\t\t\t// must mean coming from barchart\n\t\t\t\t\t\t_term = await this.getWrappedTermCopy(term, 'discrete')\n\t\t\t\t\t\t_term2 = await this.getWrappedTermCopy(term2, 'continuous')\n\t\t\t\t\t\tthis.violinContTerm = 'term2'\n\t\t\t\t\t}\n\t\t\t\t\t//by default\n\t\t\t\t\telse {\n\t\t\t\t\t\t_term = await this.getWrappedTermCopy(term, 'continuous')\n\t\t\t\t\t\t_term2 = await this.getWrappedTermCopy(term2, 'discrete')\n\t\t\t\t\t\tthis.violinContTerm = 'term'\n\t\t\t\t\t}\n\t\t\t\t\tconst config = { childType: 'violin', term: _term, term2: _term2 }\n\t\t\t\t\treturn config\n\t\t\t\t},\n\t\t\t\tactive: false,\n\t\t\t\tcallback\n\t\t\t},\n\t\t\t{\n\t\t\t\tchildType: 'boxplot',\n\t\t\t\tlabel: 'Boxplot',\n\t\t\t\tdisabled: () => false,\n\t\t\t\tisVisible: () => isNumericTerm(this.config?.term?.term) || isNumericTerm(this.config?.term2?.term),\n\t\t\t\tgetConfig: async () => {\n\t\t\t\t\tconst _term = this.config?.term\n\t\t\t\t\tconst _term2 = this.config.term2\n\n\t\t\t\t\tlet termMode = 'continuous',\n\t\t\t\t\t\tterm2Mode = 'discrete'\n\t\t\t\t\tthis.boxContTerm = isNumericTerm(_term?.term) ? 'term' : 'term2'\n\n\t\t\t\t\t//If the first term was continuous or is coming as continuous\n\t\t\t\t\tif ((this.boxContTerm && this.boxContTerm === 'term') || _term.q?.mode == 'continuous') {\n\t\t\t\t\t\t// must mean coming from scatter plot\n\t\t\t\t\t\ttermMode = 'continuous'\n\t\t\t\t\t\tterm2Mode = 'discrete'\n\t\t\t\t\t\tthis.boxContTerm = 'term'\n\t\t\t\t\t}\n\t\t\t\t\t//If the second term was continuous or is coming as continuous\n\t\t\t\t\telse if ((this.boxContTerm && this.boxContTerm === 'term2') || _term2?.q?.mode == 'continuous') {\n\t\t\t\t\t\t// must mean coming from barchart\n\t\t\t\t\t\ttermMode = 'discrete'\n\t\t\t\t\t\tterm2Mode = 'continuous'\n\t\t\t\t\t\tthis.boxContTerm = 'term2'\n\t\t\t\t\t}\n\t\t\t\t\t//If the second term is coming as discrete from the scatter\n\t\t\t\t\telse if (_term2?.q?.mode == 'discrete') {\n\t\t\t\t\t\t// must mean coming from barchart\n\t\t\t\t\t\ttermMode = 'discrete'\n\t\t\t\t\t\tterm2Mode = 'continuous'\n\t\t\t\t\t\tthis.boxContTerm = 'term2'\n\t\t\t\t\t}\n\n\t\t\t\t\tconst term = await this.getWrappedTermCopy(_term, termMode)\n\t\t\t\t\tconst term2 = await this.getWrappedTermCopy(_term2, term2Mode)\n\t\t\t\t\tconst config = {\n\t\t\t\t\t\tchildType: 'boxplot',\n\t\t\t\t\t\tterm,\n\t\t\t\t\t\tterm2\n\t\t\t\t\t}\n\t\t\t\t\treturn config\n\t\t\t\t},\n\t\t\t\tactive: false,\n\t\t\t\tcallback\n\t\t\t},\n\t\t\t{\n\t\t\t\tchildType: 'sampleScatter',\n\t\t\t\tlabel: 'Scatter',\n\t\t\t\tdisabled: () => false,\n\t\t\t\tisVisible: () => {\n\t\t\t\t\treturn isNumericTerm(this.config?.term.term) && isNumericTerm(this.config?.term2?.term)\n\t\t\t\t},\n\t\t\t\tgetConfig: async () => {\n\t\t\t\t\tconst _term = await this.getWrappedTermCopy(this.config?.term, 'continuous')\n\t\t\t\t\tconst _term2 = await this.getWrappedTermCopy(this.config?.term2, 'continuous')\n\t\t\t\t\tconst config = {\n\t\t\t\t\t\tchildType: 'sampleScatter',\n\t\t\t\t\t\tterm: _term,\n\t\t\t\t\t\tterm2: _term2,\n\t\t\t\t\t\tgroups: [],\n\t\t\t\t\t\tterm0: this.config.term0\n\t\t\t\t\t}\n\t\t\t\t\treturn config\n\t\t\t\t},\n\t\t\t\tactive: false,\n\t\t\t\tcallback\n\t\t\t}\n\t\t]\n\t}\n\n\tasync init(appState) {\n\t\tconst state = this.getState(appState)\n\t\tconst config = structuredClone(state.config)\n\t\tthis.initUi(this.opts, config)\n\n\t\t// this.components.recover = await recoverInit({\n\t\t// \tapp: this.app,\n\t\t// \tholder: this.dom.localRecoverDiv,\n\t\t// \tgetState: appState => this.getState(appState),\n\t\t// \treactsTo: action => action.id == this.id && action.type == 'plot_edit' && action._scope_ != 'none',\n\t\t// \tplot_id: this.id,\n\t\t// \tmaxHistoryLen: 10,\n\t\t// \tmargin: '5px 10px' //Prevents a gap appearing between the tabs and sandbox content\n\t\t// })\n\t\tthis.components.filter = await filterRxCompInit({\n\t\t\tapp: this.app,\n\t\t\tvocabApi: this.app.vocabApi,\n\t\t\tparentId: this.id,\n\t\t\tholder: this.dom.filterDiv,\n\t\t\thideLabel: true,\n\n\t\t\temptyLabel: '+Add new filter',\n\t\t\tcallback: filter => {\n\t\t\t\tthis.app.dispatch({\n\t\t\t\t\tid: this.id,\n\t\t\t\t\ttype: 'plot_edit',\n\t\t\t\t\tconfig: { filter }\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\t}\n\n\treactsTo(action) {\n\t\tif (action.type.includes('cache_termq')) return true\n\t\tif (action.type.startsWith('plot_')) {\n\t\t\tif (action.type.startsWith('plot_')) {\n\t\t\t\treturn action.id === this.id || action.id == this.parentId\n\t\t\t}\n\t\t}\n\t\tif (action.type.startsWith('filter')) return true\n\t\tif (action.type.startsWith('cohort')) return true\n\t\tif (action.type == 'app_refresh') return true\n\t\treturn false\n\t}\n\n\tgetState(appState) {\n\t\tconst config = appState.plots.find(p => p.id === this.id)\n\t\tif (!config) {\n\t\t\tthrow `No plot with id='${this.id}' found. Did you set this.id before this.api = getComponentApi(this)?`\n\t\t}\n\t\treturn {\n\t\t\ttermfilter: appState.termfilter,\n\t\t\tconfig,\n\t\t\t// quick fix to skip history tracking as needed\n\t\t\t_scope_: appState._scope_\n\t\t}\n\t}\n\n\tasync main() {\n\t\tdelete this.error\n\t\tthis.dom.errdiv.style('display', 'none').html('')\n\t\tthis.dom.loading.style('display', '')\n\n\t\tthis.config = await this.getMutableConfig()\n\t\tthis.maySetSandboxHeader()\n\n\t\tif (!this.components.plots[this.config.childType]) {\n\t\t\tawait this.setComponent(this.config)\n\t\t}\n\n\t\tthis.dom.loading.style('display', 'none')\n\t\tthis.render()\n\n\t\tconst activeTabIndex = this.tabsData.findIndex(tab => tab.childType == this.config.childType)\n\t\tthis.chartToggles.update(activeTabIndex)\n\n\t\t//Only show tabs when more than one are present\n\t\tconst numVisTabs = this.tabsData.filter(d => d.isVisible()).length\n\t\tif (numVisTabs > 1) this.dom.chartToggles.style('display', 'inline-block')\n\t\telse this.dom.chartToggles.style('display', 'none')\n\t}\n\n\tmaySetSandboxHeader() {\n\t\tconst { term, term2 } = this.config\n\t\tconst mainTerm = term.getTitleText?.() || term.term.name\n\t\tif (term2?.type) {\n\t\t\tthis.dom.paneTitleText.html(\n\t\t\t\t`${term2.getTitleText?.() || term2.term.name} vs ${mainTerm}` +\n\t\t\t\t\t(this.config.assayCohortTitle ? ` (${this.config.assayCohortTitle})` : '')\n\t\t\t)\n\t\t} else {\n\t\t\tthis.dom.paneTitleText.html(mainTerm + (this.config.assayCohortTitle ? ` (${this.config.assayCohortTitle})` : ''))\n\t\t}\n\t}\n\n\tasync setComponent(config) {\n\t\t// !!! quick fix for rollup to bundle,\n\t\t// will eventually need to move to a subnested folder structure\n\t\tconst _ = await importPlot(config.childType, `unsupported childType='${config.childType}'`)\n\t\tthis.dom.plotDivs[config.childType] = this.dom.viz.append('div')\n\n\t\t// assumes only 1 chart per chartType would be rendered in the summary sandbox\n\t\tthis.components.plots[config.childType] = await _.componentInit({\n\t\t\tapp: this.app,\n\t\t\tholder: this.dom.plotDivs[config.childType],\n\t\t\tid: this.id,\n\t\t\tparent: this.api\n\t\t})\n\t}\n\n\tdestroy() {\n\t\t// the dom.holder itself is not a d3-selection,\n\t\t// so need to specify a destroy function here\n\t\t// since the default rx.componentApi.destroy()\n\t\t// does not work when dom.holder is not a d3-selection\n\t\tthis.dom.holder.app_div.selectAll('*').remove()\n\t\tthis.dom.holder.app_div.remove()\n\t\tfor (const key in this.dom) {\n\t\t\tdelete this.dom[key]\n\t\t}\n\t}\n\n\tinitUi(opts, config) {\n\t\tthis.dom.paneTitleText.html(config.term.term.name)\n\t\tthis.chartToggles.main()\n\t}\n\n\tasync tabClickCallback(event, tab) {\n\t\tif (!tab || !tab.getConfig) return\n\t\tlet config\n\t\ttry {\n\t\t\tthis.dom.viz.style('display', 'none')\n\t\t\tthis.dom.loading.style('display', '')\n\t\t\tconfig = await tab.getConfig()\n\t\t\tthis.dom.loading.style('display', 'none')\n\t\t\tthis.dom.viz.style('display', '')\n\t\t\tif (config)\n\t\t\t\tthis.app.dispatch({\n\t\t\t\t\ttype: 'plot_edit',\n\t\t\t\t\tid: this.id,\n\t\t\t\t\tconfig: config\n\t\t\t\t})\n\t\t} catch (e: any) {\n\t\t\tthis.dom.loading.style('display', 'none')\n\t\t\tthis.error = e\n\t\t\tthis.dom.errdiv.style('display', '').html(`Error: ${e.message || e.error || e}`)\n\t\t}\n\t}\n\n\tasync getWrappedTermCopy(term, mode) {\n\t\tif (!term) return\n\t\tconst tw = structuredClone(term)\n\t\t// TODO: this is not type safe, assumes any q{} can be set to any mode\n\t\ttw.q.mode = mode // {mode, isAtomic: true}\n\t\t// If tw.q is empty/undefined, the default q\n\t\t// will be assigned by fillTw by term type\n\t\tawait fillTermWrapper(tw, this.app.vocabApi)\n\t\treturn tw\n\t}\n\n\trender() {\n\t\tfor (const childType of Object.keys(this.components.plots)) {\n\t\t\tconst chart = this.components.plots[childType]\n\t\t\t// hide non-active charts first, so not to momentarily have two visible charts\n\t\t\tif (chart.type != this.config.childType) {\n\t\t\t\tthis.dom.plotDivs[chart.type].style('display', 'none')\n\t\t\t}\n\t\t}\n\n\t\tthis.dom.plotDivs[this.config.childType].style('display', '')\n\t}\n\n\tgetChartImages() {\n\t\tconst chart = this.components.plots[this.config.childType]\n\t\tif (chart?.getChartImages) {\n\t\t\treturn chart.getChartImages()\n\t\t}\n\t\treturn null\n\t}\n}\n\nexport const summaryInit = getCompInit(SummaryPlot)\nexport const componentInit = summaryInit\n\nexport async function getPlotConfig(opts, app) {\n\tif (!opts.term) throw 'summary getPlotConfig: opts.term{} missing'\n\ttry {\n\t\topts.term = await fillTermWrapper(\n\t\t\topts.term,\n\t\t\tapp.vocabApi,\n\t\t\topts.term.q || { geneVariant: { type: 'predefined-groupset' } }\n\t\t)\n\t\t// supply term0_term2_defaultQ if opts.term0/2.bins/q is undefined\n\t\t// e.g. for scatterplot, opts.term2.q.mode='continuous' so will not\n\t\t// want to override with q.mode from term0_term2_defaultQ\n\t\tif (opts.term2)\n\t\t\topts.term2 = await fillTermWrapper(\n\t\t\t\topts.term2,\n\t\t\t\tapp.vocabApi,\n\t\t\t\topts.term2.bins || opts.term2.q ? undefined : term0_term2_defaultQ\n\t\t\t)\n\t\tif (opts.term0)\n\t\t\topts.term0 = await fillTermWrapper(\n\t\t\t\topts.term0,\n\t\t\t\tapp.vocabApi,\n\t\t\t\topts.term0.bins || opts.term0.q ? undefined : term0_term2_defaultQ\n\t\t\t)\n\t\t// dynamic scatterplot is a child type of summary and following args are possible; if present, initialize them\n\t\tif (opts.colorTW) opts.colorTW = await fillTermWrapper(opts.colorTW, app.vocabApi)\n\t\tif (opts.shapeTW) opts.shapeTW = await fillTermWrapper(opts.shapeTW, app.vocabApi)\n\t\tif (opts.scaleDotTW) opts.scaleDotTW = await fillTermWrapper(opts.scaleDotTW, app.vocabApi)\n\t} catch (e: any) {\n\t\tif (e.stack) console.log(e.stack)\n\t\tthrow `${e} [summary getPlotConfig()]`\n\t}\n\n\tconst config = {\n\t\tchartType: 'summary',\n\t\tchildType: 'barchart',\n\t\t//id: opts.term.term.id,\n\t\tterm: opts.term,\n\t\tgroups: [],\n\t\tcontrolLabels: Object.assign({}, defaultUiLabels, app.vocabApi.termdbConfig.uiLabels || {}),\n\t\tsettings: {\n\t\t\tcontrols: {\n\t\t\t\tisOpen: false\n\t\t\t},\n\t\t\tcommon: {\n\t\t\t\tuse_logscale: false, // flag for y-axis scale type, 0=linear, 1=log\n\t\t\t\tuse_percentage: false\n\t\t\t\t// Move to barchart settings\n\t\t\t\t// barheight: 300, // maximum bar length\n\t\t\t\t// barwidth: 20, // bar thickness\n\t\t\t\t// barspace: 2 // space between two bars\n\t\t\t},\n\n\t\t\tbarchart: getDefaultBarSettings(app),\n\n\t\t\tviolin: getDefaultViolinSettings(app),\n\n\t\t\tboxplot: getDefaultBoxplotSettings(app),\n\n\t\t\tsampleScatter: getDefaultScatterSettings(opts)\n\t\t},\n\t\tmayAdjustConfig(config, edits: { childType?: string } = {}) {\n\t\t\t/*\n\t\t\t\twhen recovering from state rehydration:\n\t\t\t\t- Mass store must call mayAdjustConfig(), if available, since the recovered state\n\t\t\t\tmay be partial such as from an example url. Even a previously saved \"full\" state\n\t\t\t\tmay still need to be filled or reshaped with new state config/settings.\n\t\t\t*/\n\n\t\t\tif (edits.childType) {\n\t\t\t\t// no need to set config.childType if a value is already specified\n\t\t\t\t// in an edits object (optional second argument), as processed by mass store\n\t\t\t\tif (config.childType != edits.childType)\n\t\t\t\t\tthrow `action.config.childType was not applied in mass store.plot_edit()`\n\t\t\t\treturn\n\t\t\t}\n\t\t\t// config.childType may be stale, OR edits.childType may not be available,\n\t\t\t// when the summary plot_edit is triggered by replacing a term, such as replacing\n\t\t\t// categorical overlay with numeric, in which case the dispatched action might not\n\t\t\t// know in advance what the chiltType should be. It is much more reliable and consistent\n\t\t\t// to determine the default plots here, depending on the processed config.\n\t\t\tif (config.term?.q?.mode == 'continuous' && config.term2?.q?.mode == 'continuous') {\n\t\t\t\t// TODO: may need more logic later if more than one summary childType,\n\t\t\t\t// besides scatter, can support 2 continuous terms\n\t\t\t\tconfig.childType = 'sampleScatter'\n\t\t\t} else if (config.term?.term?.type == 'termCollection') {\n\t\t\t\t// TODO: may need more logic later if more than one summary childType,\n\t\t\t\t// besides barchart, can support discrete tw only\n\t\t\t\tconfig.childType = config.term.term?.memberType == 'numeric' ? 'violin' : 'barchart'\n\t\t\t} else if (config.term?.q?.mode == 'continuous' || config.term2?.q?.mode == 'continuous') {\n\t\t\t\tif (!discreteByContinuousPlots.has(config.childType)) {\n\t\t\t\t\t// only change config.childType if the current value is not supported by discrete + continuous tw\n\t\t\t\t\tif (opts.childType && !discreteByContinuousPlots.has(opts.childType)) {\n\t\t\t\t\t\tconsole.warn(\n\t\t\t\t\t\t\t`ignoring summary opts.childType='${opts.childType}' since it does not support plotting discrete by continuous tw's`\n\t\t\t\t\t\t)\n\t\t\t\t\t\tconfig.childType = 'violin'\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconfig.childType = opts.childType || 'violin'\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// TODO: may need more logic later if more than one summary childType,\n\t\t\t\t// besides barchart, can support discrete tw only\n\t\t\t\tconfig.childType = 'barchart'\n\t\t\t}\n\t\t}\n\t}\n\t//config.mayAdjustConfig(config)\n\n\t// TODO: may do similar thing for custom term\n\tif (config.term.term.type == 'geneVariant') config.settings.barchart.colorBars = true\n\n\t// may apply term-specific changes to the default object\n\treturn copyMerge(config, opts)\n}\n\nconst discreteByContinuousPlots = new Set(['violin', 'boxplot'])\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,IAAM,cAAN,MAAM,qBAAoB,SAAgC;AAAA,EAyBzD,YAAY,MAAM,KAAK;AACtB,UAAM,MAAM,GAAG;AAjBhB,sBAEI,CAAC;AAKL;AAAA,wBAAsD,CAAC;AACvD,0BAAiB,CAAC,QAAQ,SAAS,OAAO;AAUzC,SAAK,OAAO,aAAY;AACxB,SAAK,MAAM,KAAK,OAAO,IAAI;AAC3B,SAAK,WAAW,KAAK,YAAY;AACjC,SAAK,eAAe,IAAI,KAAK,EAAE,QAAQ,KAAK,IAAI,cAAc,MAAM,KAAK,UAAU,WAAW,KAAK,CAAC;AACpG,SAAK,aAAa;AAAA,MACjB,OAAO,CAAC;AAAA,IACT;AAAA,EACD;AAAA,EAjCA;AAAA,SAAO,OAAO;AAAA;AAAA,EAmCd,aAAa,KAAK;AACjB,QAAI,WAAW,MAAM;AACpB,aAAO,KAAK;AAAA,IACb;AAAA,EACD;AAAA,EAEA,OAAO,MAAM;AACZ,UAAM,SAAS,KAAK;AACpB,WAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,UAAM,eAAe,OAAO,OAC1B,OAAO,KAAK,EACZ,MAAM,WAAW,cAAc,EAC/B,MAAM,SAAS,MAAM,EACrB,MAAM,gBAAgB,KAAK;AAE7B,WAAO;AAAA,MACN,KAAK,IAAI,KAAK,EAAE,SAAS,MAAM,CAAC;AAAA,MAChC;AAAA,MACA,MAAM,OAAO,KAEX,MAAM,eAAe,QAAQ,EAC7B,MAAM,cAAc,MAAM;AAAA;AAAA,MAG5B,QAAQ,OAAO,KAAK,OAAO,KAAK,EAAE,KAAK,SAAS,cAAc,EAAE,MAAM,WAAW,MAAM,EAAE,MAAM,WAAW,KAAK;AAAA,MAE/G,SAAS,OAAO,KAAK,OAAO,KAAK,EAAE,MAAM,WAAW,MAAM,EAAE,MAAM,WAAW,KAAK,EAAE,KAAK,aAAa;AAAA;AAAA,MAGtG,KAAK,OAAO,KAAK,OAAO,KAAK;AAAA,MAC7B,UAAU,CAAC;AAAA,MACX;AAAA,MACA,eAAe,aACb,OAAO,KAAK,EACZ,QAAQ,oBAAoB,IAAI,EAChC,MAAM,WAAW,cAAc,EAC/B,MAAM,kBAAkB,KAAK;AAAA,MAC/B,cAAc,aAAa,OAAO,KAAK,EAAE,MAAM,WAAW,cAAc,EAAE,MAAM,eAAe,MAAM;AAAA,MACrG,iBAAiB,aAAa,OAAO,KAAK,EAAE,MAAM,WAAW,cAAc;AAAA,MAC3E,WAAW,OAAO,OAAO,OAAO,KAAK,EAAE,MAAM,WAAW,cAAc,EAAE,MAAM,QAAQ,GAAG;AAAA,IAC1F;AAAA,EACD;AAAA,EAEA,cAAc;AACb,UAAM,WAAW,CAAC,OAAO,QAAQ,KAAK,iBAAiB,OAAO,GAAG;AACjE,WAAO;AAAA,MACN;AAAA,QACC,WAAW;AAAA,QACX,OAAO;AAAA,QACP,WAAW,MAAM;AAAA,QACjB,UAAU,MAAM;AAAA,QAChB,WAAW,YAAY;AACtB,cAAI,CAAC,KAAK,OAAQ;AAClB,gBAAM,SAAc,EAAE,IAAI,KAAK,IAAI,WAAW,WAAW;AACzD,gBAAM,EAAE,MAAM,MAAM,IAAI,KAAK,UAAU,CAAC;AACxC,cAAI,MAAM;AACT,kBAAM,OAAO,cAAc,MAAM,IAAI,IAAI,aAAa,MAAM,EAAE,QAAQ;AACtE,mBAAO,OAAO,MAAM,KAAK,mBAAmB,MAAM,IAAI;AAAA,UACvD;AACA,cAAI,OAAO;AACV,kBAAM,OAAO,cAAc,MAAM,IAAI,IAAI,aAAa,MAAM,EAAE,QAAQ;AACtE,mBAAO,QAAQ,MAAM,KAAK,mBAAmB,OAAO,IAAI;AAAA,UACzD;AACA,iBAAO;AAAA,QACR;AAAA,QACA,QAAQ;AAAA,QACR;AAAA,MACD;AAAA,MACA;AAAA,QACC,WAAW;AAAA,QACX,OAAO;AAAA,QACP,UAAU,MAAM;AAAA,QAChB,WAAW,MAAM,cAAc,KAAK,QAAQ,MAAM,IAAI,KAAK,cAAc,KAAK,QAAQ,OAAO,IAAI;AAAA,QACjG,WAAW,YAAY;AACtB,gBAAM,OAAO,KAAK,QAAQ;AAC1B,gBAAM,QAAQ,KAAK,OAAO;AAE1B,cAAI,OAAO;AACX,eAAK,iBAAiB,cAAc,MAAM,IAAI,IAAI,SAAS;AAG3D,cAAK,KAAK,kBAAkB,KAAK,mBAAmB,UAAW,KAAK,GAAG,QAAQ,cAAc;AAE5F,oBAAQ,MAAM,KAAK,mBAAmB,MAAM,YAAY;AACxD,qBAAS,MAAM,KAAK,mBAAmB,OAAO,UAAU;AACxD,iBAAK,iBAAiB;AAAA,UACvB,WAEU,KAAK,kBAAkB,KAAK,mBAAmB,WAAY,OAAO,GAAG,QAAQ,cAAc;AAEpG,oBAAQ,MAAM,KAAK,mBAAmB,MAAM,UAAU;AACtD,qBAAS,MAAM,KAAK,mBAAmB,OAAO,YAAY;AAC1D,iBAAK,iBAAiB;AAAA,UACvB,WAES,OAAO,GAAG,QAAQ,YAAY;AAEtC,oBAAQ,MAAM,KAAK,mBAAmB,MAAM,UAAU;AACtD,qBAAS,MAAM,KAAK,mBAAmB,OAAO,YAAY;AAC1D,iBAAK,iBAAiB;AAAA,UACvB,OAEK;AACJ,oBAAQ,MAAM,KAAK,mBAAmB,MAAM,YAAY;AACxD,qBAAS,MAAM,KAAK,mBAAmB,OAAO,UAAU;AACxD,iBAAK,iBAAiB;AAAA,UACvB;AACA,gBAAM,SAAS,EAAE,WAAW,UAAU,MAAM,OAAO,OAAO,OAAO;AACjE,iBAAO;AAAA,QACR;AAAA,QACA,QAAQ;AAAA,QACR;AAAA,MACD;AAAA,MACA;AAAA,QACC,WAAW;AAAA,QACX,OAAO;AAAA,QACP,UAAU,MAAM;AAAA,QAChB,WAAW,MAAM,cAAc,KAAK,QAAQ,MAAM,IAAI,KAAK,cAAc,KAAK,QAAQ,OAAO,IAAI;AAAA,QACjG,WAAW,YAAY;AACtB,gBAAM,QAAQ,KAAK,QAAQ;AAC3B,gBAAM,SAAS,KAAK,OAAO;AAE3B,cAAI,WAAW,cACd,YAAY;AACb,eAAK,cAAc,cAAc,OAAO,IAAI,IAAI,SAAS;AAGzD,cAAK,KAAK,eAAe,KAAK,gBAAgB,UAAW,MAAM,GAAG,QAAQ,cAAc;AAEvF,uBAAW;AACX,wBAAY;AACZ,iBAAK,cAAc;AAAA,UACpB,WAEU,KAAK,eAAe,KAAK,gBAAgB,WAAY,QAAQ,GAAG,QAAQ,cAAc;AAE/F,uBAAW;AACX,wBAAY;AACZ,iBAAK,cAAc;AAAA,UACpB,WAES,QAAQ,GAAG,QAAQ,YAAY;AAEvC,uBAAW;AACX,wBAAY;AACZ,iBAAK,cAAc;AAAA,UACpB;AAEA,gBAAM,OAAO,MAAM,KAAK,mBAAmB,OAAO,QAAQ;AAC1D,gBAAM,QAAQ,MAAM,KAAK,mBAAmB,QAAQ,SAAS;AAC7D,gBAAM,SAAS;AAAA,YACd,WAAW;AAAA,YACX;AAAA,YACA;AAAA,UACD;AACA,iBAAO;AAAA,QACR;AAAA,QACA,QAAQ;AAAA,QACR;AAAA,MACD;AAAA,MACA;AAAA,QACC,WAAW;AAAA,QACX,OAAO;AAAA,QACP,UAAU,MAAM;AAAA,QAChB,WAAW,MAAM;AAChB,iBAAO,cAAc,KAAK,QAAQ,KAAK,IAAI,KAAK,cAAc,KAAK,QAAQ,OAAO,IAAI;AAAA,QACvF;AAAA,QACA,WAAW,YAAY;AACtB,gBAAM,QAAQ,MAAM,KAAK,mBAAmB,KAAK,QAAQ,MAAM,YAAY;AAC3E,gBAAM,SAAS,MAAM,KAAK,mBAAmB,KAAK,QAAQ,OAAO,YAAY;AAC7E,gBAAM,SAAS;AAAA,YACd,WAAW;AAAA,YACX,MAAM;AAAA,YACN,OAAO;AAAA,YACP,QAAQ,CAAC;AAAA,YACT,OAAO,KAAK,OAAO;AAAA,UACpB;AACA,iBAAO;AAAA,QACR;AAAA,QACA,QAAQ;AAAA,QACR;AAAA,MACD;AAAA,IACD;AAAA,EACD;AAAA,EAEA,MAAM,KAAK,UAAU;AACpB,UAAM,QAAQ,KAAK,SAAS,QAAQ;AACpC,UAAM,SAAS,gBAAgB,MAAM,MAAM;AAC3C,SAAK,OAAO,KAAK,MAAM,MAAM;AAW7B,SAAK,WAAW,SAAS,MAAM,iBAAiB;AAAA,MAC/C,KAAK,KAAK;AAAA,MACV,UAAU,KAAK,IAAI;AAAA,MACnB,UAAU,KAAK;AAAA,MACf,QAAQ,KAAK,IAAI;AAAA,MACjB,WAAW;AAAA,MAEX,YAAY;AAAA,MACZ,UAAU,YAAU;AACnB,aAAK,IAAI,SAAS;AAAA,UACjB,IAAI,KAAK;AAAA,UACT,MAAM;AAAA,UACN,QAAQ,EAAE,OAAO;AAAA,QAClB,CAAC;AAAA,MACF;AAAA,IACD,CAAC;AAAA,EACF;AAAA,EAEA,SAAS,QAAQ;AAChB,QAAI,OAAO,KAAK,SAAS,aAAa,EAAG,QAAO;AAChD,QAAI,OAAO,KAAK,WAAW,OAAO,GAAG;AACpC,UAAI,OAAO,KAAK,WAAW,OAAO,GAAG;AACpC,eAAO,OAAO,OAAO,KAAK,MAAM,OAAO,MAAM,KAAK;AAAA,MACnD;AAAA,IACD;AACA,QAAI,OAAO,KAAK,WAAW,QAAQ,EAAG,QAAO;AAC7C,QAAI,OAAO,KAAK,WAAW,QAAQ,EAAG,QAAO;AAC7C,QAAI,OAAO,QAAQ,cAAe,QAAO;AACzC,WAAO;AAAA,EACR;AAAA,EAEA,SAAS,UAAU;AAClB,UAAM,SAAS,SAAS,MAAM,KAAK,OAAK,EAAE,OAAO,KAAK,EAAE;AACxD,QAAI,CAAC,QAAQ;AACZ,YAAM,oBAAoB,KAAK,EAAE;AAAA,IAClC;AACA,WAAO;AAAA,MACN,YAAY,SAAS;AAAA,MACrB;AAAA;AAAA,MAEA,SAAS,SAAS;AAAA,IACnB;AAAA,EACD;AAAA,EAEA,MAAM,OAAO;AACZ,WAAO,KAAK;AACZ,SAAK,IAAI,OAAO,MAAM,WAAW,MAAM,EAAE,KAAK,EAAE;AAChD,SAAK,IAAI,QAAQ,MAAM,WAAW,EAAE;AAEpC,SAAK,SAAS,MAAM,KAAK,iBAAiB;AAC1C,SAAK,oBAAoB;AAEzB,QAAI,CAAC,KAAK,WAAW,MAAM,KAAK,OAAO,SAAS,GAAG;AAClD,YAAM,KAAK,aAAa,KAAK,MAAM;AAAA,IACpC;AAEA,SAAK,IAAI,QAAQ,MAAM,WAAW,MAAM;AACxC,SAAK,OAAO;AAEZ,UAAM,iBAAiB,KAAK,SAAS,UAAU,SAAO,IAAI,aAAa,KAAK,OAAO,SAAS;AAC5F,SAAK,aAAa,OAAO,cAAc;AAGvC,UAAM,aAAa,KAAK,SAAS,OAAO,OAAK,EAAE,UAAU,CAAC,EAAE;AAC5D,QAAI,aAAa,EAAG,MAAK,IAAI,aAAa,MAAM,WAAW,cAAc;AAAA,QACpE,MAAK,IAAI,aAAa,MAAM,WAAW,MAAM;AAAA,EACnD;AAAA,EAEA,sBAAsB;AACrB,UAAM,EAAE,MAAM,MAAM,IAAI,KAAK;AAC7B,UAAM,WAAW,KAAK,eAAe,KAAK,KAAK,KAAK;AACpD,QAAI,OAAO,MAAM;AAChB,WAAK,IAAI,cAAc;AAAA,QACtB,GAAG,MAAM,eAAe,KAAK,MAAM,KAAK,IAAI,OAAO,QAAQ,MACzD,KAAK,OAAO,mBAAmB,KAAK,KAAK,OAAO,gBAAgB,MAAM;AAAA,MACzE;AAAA,IACD,OAAO;AACN,WAAK,IAAI,cAAc,KAAK,YAAY,KAAK,OAAO,mBAAmB,KAAK,KAAK,OAAO,gBAAgB,MAAM,GAAG;AAAA,IAClH;AAAA,EACD;AAAA,EAEA,MAAM,aAAa,QAAQ;AAG1B,UAAM,IAAI,MAAM,WAAW,OAAO,WAAW,0BAA0B,OAAO,SAAS,GAAG;AAC1F,SAAK,IAAI,SAAS,OAAO,SAAS,IAAI,KAAK,IAAI,IAAI,OAAO,KAAK;AAG/D,SAAK,WAAW,MAAM,OAAO,SAAS,IAAI,MAAM,EAAE,cAAc;AAAA,MAC/D,KAAK,KAAK;AAAA,MACV,QAAQ,KAAK,IAAI,SAAS,OAAO,SAAS;AAAA,MAC1C,IAAI,KAAK;AAAA,MACT,QAAQ,KAAK;AAAA,IACd,CAAC;AAAA,EACF;AAAA,EAEA,UAAU;AAKT,SAAK,IAAI,OAAO,QAAQ,UAAU,GAAG,EAAE,OAAO;AAC9C,SAAK,IAAI,OAAO,QAAQ,OAAO;AAC/B,eAAW,OAAO,KAAK,KAAK;AAC3B,aAAO,KAAK,IAAI,GAAG;AAAA,IACpB;AAAA,EACD;AAAA,EAEA,OAAO,MAAM,QAAQ;AACpB,SAAK,IAAI,cAAc,KAAK,OAAO,KAAK,KAAK,IAAI;AACjD,SAAK,aAAa,KAAK;AAAA,EACxB;AAAA,EAEA,MAAM,iBAAiB,OAAO,KAAK;AAClC,QAAI,CAAC,OAAO,CAAC,IAAI,UAAW;AAC5B,QAAI;AACJ,QAAI;AACH,WAAK,IAAI,IAAI,MAAM,WAAW,MAAM;AACpC,WAAK,IAAI,QAAQ,MAAM,WAAW,EAAE;AACpC,eAAS,MAAM,IAAI,UAAU;AAC7B,WAAK,IAAI,QAAQ,MAAM,WAAW,MAAM;AACxC,WAAK,IAAI,IAAI,MAAM,WAAW,EAAE;AAChC,UAAI;AACH,aAAK,IAAI,SAAS;AAAA,UACjB,MAAM;AAAA,UACN,IAAI,KAAK;AAAA,UACT;AAAA,QACD,CAAC;AAAA,IACH,SAAS,GAAQ;AAChB,WAAK,IAAI,QAAQ,MAAM,WAAW,MAAM;AACxC,WAAK,QAAQ;AACb,WAAK,IAAI,OAAO,MAAM,WAAW,EAAE,EAAE,KAAK,UAAU,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE;AAAA,IAChF;AAAA,EACD;AAAA,EAEA,MAAM,mBAAmB,MAAM,MAAM;AACpC,QAAI,CAAC,KAAM;AACX,UAAM,KAAK,gBAAgB,IAAI;AAE/B,OAAG,EAAE,OAAO;AAGZ,UAAM,gBAAgB,IAAI,KAAK,IAAI,QAAQ;AAC3C,WAAO;AAAA,EACR;AAAA,EAEA,SAAS;AACR,eAAW,aAAa,OAAO,KAAK,KAAK,WAAW,KAAK,GAAG;AAC3D,YAAM,QAAQ,KAAK,WAAW,MAAM,SAAS;AAE7C,UAAI,MAAM,QAAQ,KAAK,OAAO,WAAW;AACxC,aAAK,IAAI,SAAS,MAAM,IAAI,EAAE,MAAM,WAAW,MAAM;AAAA,MACtD;AAAA,IACD;AAEA,SAAK,IAAI,SAAS,KAAK,OAAO,SAAS,EAAE,MAAM,WAAW,EAAE;AAAA,EAC7D;AAAA,EAEA,iBAAiB;AAChB,UAAM,QAAQ,KAAK,WAAW,MAAM,KAAK,OAAO,SAAS;AACzD,QAAI,OAAO,gBAAgB;AAC1B,aAAO,MAAM,eAAe;AAAA,IAC7B;AACA,WAAO;AAAA,EACR;AACD;AAEO,IAAM,cAAc,YAAY,WAAW;AAC3C,IAAM,gBAAgB;AAE7B,eAAsB,cAAc,MAAM,KAAK;AAC9C,MAAI,CAAC,KAAK,KAAM,OAAM;AACtB,MAAI;AACH,SAAK,OAAO,MAAM;AAAA,MACjB,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,KAAK,KAAK,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,EAAE;AAAA,IAC/D;AAIA,QAAI,KAAK;AACR,WAAK,QAAQ,MAAM;AAAA,QAClB,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,KAAK,MAAM,QAAQ,KAAK,MAAM,IAAI,SAAY;AAAA,MAC/C;AACD,QAAI,KAAK;AACR,WAAK,QAAQ,MAAM;AAAA,QAClB,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,KAAK,MAAM,QAAQ,KAAK,MAAM,IAAI,SAAY;AAAA,MAC/C;AAED,QAAI,KAAK,QAAS,MAAK,UAAU,MAAM,gBAAgB,KAAK,SAAS,IAAI,QAAQ;AACjF,QAAI,KAAK,QAAS,MAAK,UAAU,MAAM,gBAAgB,KAAK,SAAS,IAAI,QAAQ;AACjF,QAAI,KAAK,WAAY,MAAK,aAAa,MAAM,gBAAgB,KAAK,YAAY,IAAI,QAAQ;AAAA,EAC3F,SAAS,GAAQ;AAChB,QAAI,EAAE,MAAO,SAAQ,IAAI,EAAE,KAAK;AAChC,UAAM,GAAG,CAAC;AAAA,EACX;AAEA,QAAM,SAAS;AAAA,IACd,WAAW;AAAA,IACX,WAAW;AAAA;AAAA,IAEX,MAAM,KAAK;AAAA,IACX,QAAQ,CAAC;AAAA,IACT,eAAe,OAAO,OAAO,CAAC,GAAG,iBAAiB,IAAI,SAAS,aAAa,YAAY,CAAC,CAAC;AAAA,IAC1F,UAAU;AAAA,MACT,UAAU;AAAA,QACT,QAAQ;AAAA,MACT;AAAA,MACA,QAAQ;AAAA,QACP,cAAc;AAAA;AAAA,QACd,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,MAKjB;AAAA,MAEA,UAAU,sBAAsB,GAAG;AAAA,MAEnC,QAAQ,yBAAyB,GAAG;AAAA,MAEpC,SAAS,0BAA0B,GAAG;AAAA,MAEtC,eAAe,0BAA0B,IAAI;AAAA,IAC9C;AAAA,IACA,gBAAgBA,SAAQ,QAAgC,CAAC,GAAG;AAQ3D,UAAI,MAAM,WAAW;AAGpB,YAAIA,QAAO,aAAa,MAAM;AAC7B,gBAAM;AACP;AAAA,MACD;AAMA,UAAIA,QAAO,MAAM,GAAG,QAAQ,gBAAgBA,QAAO,OAAO,GAAG,QAAQ,cAAc;AAGlF,QAAAA,QAAO,YAAY;AAAA,MACpB,WAAWA,QAAO,MAAM,MAAM,QAAQ,kBAAkB;AAGvD,QAAAA,QAAO,YAAYA,QAAO,KAAK,MAAM,cAAc,YAAY,WAAW;AAAA,MAC3E,WAAWA,QAAO,MAAM,GAAG,QAAQ,gBAAgBA,QAAO,OAAO,GAAG,QAAQ,cAAc;AACzF,YAAI,CAAC,0BAA0B,IAAIA,QAAO,SAAS,GAAG;AAErD,cAAI,KAAK,aAAa,CAAC,0BAA0B,IAAI,KAAK,SAAS,GAAG;AACrE,oBAAQ;AAAA,cACP,oCAAoC,KAAK,SAAS;AAAA,YACnD;AACA,YAAAA,QAAO,YAAY;AAAA,UACpB,OAAO;AACN,YAAAA,QAAO,YAAY,KAAK,aAAa;AAAA,UACtC;AAAA,QACD;AAAA,MACD,OAAO;AAGN,QAAAA,QAAO,YAAY;AAAA,MACpB;AAAA,IACD;AAAA,EACD;AAIA,MAAI,OAAO,KAAK,KAAK,QAAQ,cAAe,QAAO,SAAS,SAAS,YAAY;AAGjF,SAAO,UAAU,QAAQ,IAAI;AAC9B;AAEA,IAAM,4BAA4B,oBAAI,IAAI,CAAC,UAAU,SAAS,CAAC;",
+  "names": ["config"]
+}

package/dist/chunk-A2UFOQ3B.js

@@ -0,0 +1,170 @@
+import {
+  getEmptyCell,
+  maySetEmptyCell,
+  setCellProps
+} from "./chunk-Z5XHVPCP.js";
+import {
+  TermTypeGroups
+} from "./chunk-SOYDFNWV.js";
+import {
+  __export
+} from "./chunk-HFNDKYVF.js";
+
+// plots/matrix/matrix.serieses.js
+var matrix_serieses_exports = {};
+__export(matrix_serieses_exports, {
+  getSerieses: () => getSerieses
+});
+function getSerieses(data) {
+  const s = this.settings.matrix;
+  const serieses = [];
+  const { colw, dx, dy, xMin, xMax } = this.dimensions;
+  const dvt = this.config.divideBy || {};
+  const divideByTermId = "id" in dvt ? dvt.id : dvt.name;
+  const legendGroups = {};
+  this.colorScaleByTermId = {};
+  for (const t of this.termOrder) {
+    const $id = t.tw.$id;
+    const termid = "id" in t.tw.term ? t.tw.term.id : t.tw.term.name;
+    const isDivideByTerm = termid === divideByTermId;
+    const emptyGridCells = [];
+    const cellht = t.grp.type == "hierCluster" ? s.clusterRowh : dy;
+    const htAdjust = t.grp.type == "hierCluster" ? 0 : t.totalHtAdjustments;
+    const y = s.transpose ? 0 : t.totalIndex * cellht + t.visibleGrpIndex * s.rowgspace + htAdjust;
+    const twSpecificSettings = this.config.settings.matrix.twSpecificSettings;
+    const hoverY0 = (twSpecificSettings[$id]?.contBarGap || 0) + y;
+    const series = {
+      t,
+      tw: t.tw,
+      cells: [],
+      y,
+      hoverY0,
+      hoverY1: hoverY0 + (twSpecificSettings[$id]?.contBarH || cellht)
+    };
+    for (const so of this.unfilteredSampleOrder) {
+      const { totalIndex, grpIndex, row } = so;
+      series.x = !s.transpose ? 0 : t.totalIndex * dx + t.visibleGrpIndex * s.colgspace;
+      const anno = row[$id];
+      const cellTemplate = {
+        s: so,
+        sample: row.sample,
+        tw: t.tw,
+        term: t.tw.term,
+        termid,
+        $id,
+        totalIndex,
+        grpIndex,
+        row,
+        t,
+        seriesY: y
+      };
+      if (!anno) {
+        if (!so.grp.isExcluded && (s.useCanvas || so.grp)) {
+          const cell = getEmptyCell(cellTemplate, s, this.dimensions);
+          series.cells.push(cell);
+        }
+        continue;
+      }
+      const key = anno.key;
+      const values = anno.filteredValues || anno.values || [anno.value];
+      const numRects = s.cellEncoding == "oncoprint" ? 1 : values.length;
+      const height = !s.transpose ? s.rowh / numRects : colw;
+      const width = !s.transpose ? colw : colw / values.length;
+      const siblingCells = [];
+      if (!anno || !anno.renderedValues?.length) {
+        if (!so.grp.isExcluded && (s.useCanvas || so.grp)) {
+          const cell = getEmptyCell(cellTemplate, s, this.dimensions);
+          series.cells.push(cell);
+        }
+        continue;
+      }
+      for (const [i, value] of values.entries()) {
+        const cell = Object.assign({ key, siblingCells }, cellTemplate);
+        cell.valueIndex = i;
+        let legend;
+        if (typeof t.tw.setCellProps == "function") {
+          legend = t.tw.setCellProps(cell, anno, value, s, t, this, width, height, dx, dy, i);
+        } else {
+          const cellProps = t.grp.type == "hierCluster" ? setCellProps["hierCluster"] : t.tw.term.type == "samplelst" ? setCellProps["categorical"] : setCellProps[t.tw.term.type];
+          legend = cellProps(cell, t.tw, anno, value, s, t, this, width, height, dx, dy, i);
+        }
+        if (!s.useCanvas && (cell.x + cell.width < xMin || cell.x - cell.width > xMax)) continue;
+        if (legend) {
+          for (const l of [legendGroups, so.grp.legendGroups]) {
+            if (!l) continue;
+            if (!l[legend.group]) {
+              l[legend.group] = {
+                ref: legend.ref,
+                values: {},
+                order: legend.order,
+                $id,
+                origin: legend.entry.origin
+              };
+              if (legend.entry.dt) l[legend.group].dt = [legend.entry.dt];
+            }
+            const lg = l[legend.group];
+            if (lg.dt && !lg.dt.includes(legend.entry.dt)) lg.dt.push(legend.entry.dt);
+            const legendK = legend.entry.origin ? legend.entry.origin + legend.value : legend.value;
+            if (!lg.values[legendK]) {
+              lg.values[legendK] = JSON.parse(JSON.stringify(legend.entry));
+              if (legend.entry.scale) lg.values[legendK].scale = legend.entry.scale;
+            }
+            if (!lg.values[legendK].samples) lg.values[legendK].samples = /* @__PURE__ */ new Set();
+            if (t.tw.term.name === TermTypeGroups.MUTATION_SIGNATURE) {
+              if (value?.value > 0) lg.values[legendK].samples.add(row.sample);
+            } else lg.values[legendK].samples.add(row.sample);
+            if (isDivideByTerm) {
+              lg.values[legend.value].isExcluded = so.grp.isExcluded;
+            }
+          }
+        }
+        if (!so.grp.isExcluded) {
+          if (anno.renderedValues.includes(value)) series.cells.push(cell);
+          siblingCells.push(cell);
+        }
+      }
+      if (s.showGrid == "rect" && !so.grp.isExcluded) {
+        const cell = t.grp.type == "hierCluster" ? getEmptyCell(cellTemplate, s, this.dimensions) : maySetEmptyCell[t.tw.term.type]?.(siblingCells, cellTemplate, s, this.dimensions);
+        if (cell) emptyGridCells.push(cell);
+      }
+    }
+    if (emptyGridCells.length) series.cells.unshift(...emptyGridCells);
+    if (series.cells.length) serieses.push(series);
+  }
+  addAllHiddenLegendGroups(legendGroups, this);
+  this.legendData = this.getLegendData(legendGroups, data.refs, this);
+  for (const grp of this.sampleGroups) {
+    grp.legendData = this.getLegendData(grp.legendGroups, data.refs, this);
+  }
+  return serieses;
+}
+function addAllHiddenLegendGroups(legendGroups, self) {
+  for (const valueFilter of self.config.legendValueFilter.lst) {
+    if (valueFilter.tvs.term.type == "categorical" && !legendGroups[valueFilter.tvs.term.$id]) {
+      legendGroups[valueFilter.tvs.term.$id] = {
+        ref: {},
+        values: {},
+        $id: valueFilter.tvs.term.$id
+      };
+    } else if (valueFilter.tvs.term.type == "geneVariant" && !legendGroups[valueFilter.legendGrpName]) {
+      legendGroups[valueFilter.legendGrpName] = {
+        ref: {},
+        values: {},
+        dt: [valueFilter.tvs.values[0].dt],
+        origin: valueFilter.tvs.values[0].origin
+      };
+    } else if ((valueFilter.tvs.term.type == "integer" || valueFilter.tvs.term.type == "float") && !legendGroups[valueFilter.tvs.term.$id]) {
+      legendGroups[valueFilter.tvs.term.$id] = {
+        ref: {},
+        values: {},
+        $id: valueFilter.tvs.term.$id
+      };
+    }
+  }
+}
+
+export {
+  getSerieses,
+  matrix_serieses_exports
+};
+//# sourceMappingURL=chunk-A2UFOQ3B.js.map