@sjcrh/proteinpaint-client 2.198.0 → 2.200.0

package/dist/summary.integration.spec-HQISXGNL.js

@@ -1,414 +0,0 @@
-import {
-  detectOne,
-  detectStyle
-} from "./chunk-ECIBJXFT.js";
-import {
-  getRunPp
-} from "./chunk-M2G5R4WB.js";
-import {
-  require_tape
-} from "./chunk-TUMA63WX.js";
-import "./chunk-VJ6UFVGC.js";
-import "./chunk-QNHT74XC.js";
-import "./chunk-CTQ3IUCA.js";
-import "./chunk-PFRWS4CR.js";
-import "./chunk-PRZWSBMA.js";
-import "./chunk-4IH7DORZ.js";
-import "./chunk-MKAF2BHB.js";
-import "./chunk-WKNI3HRQ.js";
-import "./chunk-7OHRR2IE.js";
-import "./chunk-2GYWFQML.js";
-import "./chunk-5VOPABBA.js";
-import "./chunk-HJ6L54YS.js";
-import "./chunk-LSEFWW72.js";
-import "./chunk-Z5U6HOE4.js";
-import "./chunk-HYOEWQ5P.js";
-import "./chunk-HBW42TDT.js";
-import "./chunk-FN5XPUPH.js";
-import "./chunk-5ABGFJSP.js";
-import "./chunk-IIT367QZ.js";
-import "./chunk-RZGEKL77.js";
-import "./chunk-XPY6AWXO.js";
-import "./chunk-NELOT3NJ.js";
-import "./chunk-M6EF3WVV.js";
-import "./chunk-7IYJZZQI.js";
-import "./chunk-M3J4MINX.js";
-import "./chunk-PF4DSFDR.js";
-import "./chunk-LFCYMSVA.js";
-import "./chunk-I6WR4CG7.js";
-import "./chunk-2X6W4E3W.js";
-import "./chunk-NYRZNRG5.js";
-import "./chunk-JNITUVXP.js";
-import "./chunk-3XVVN66M.js";
-import "./chunk-LOZEKOES.js";
-import "./chunk-VQZ2Z5YU.js";
-import "./chunk-NSTL4MY2.js";
-import "./chunk-TLT4YIG3.js";
-import "./chunk-KYBIQBXE.js";
-import "./chunk-I6Y4O3RR.js";
-import "./chunk-OMR2DT66.js";
-import "./chunk-DQC5FFGV.js";
-import {
-  __toESM
-} from "./chunk-HFNDKYVF.js";
-
-// plots/test/summary.integration.spec.js
-var import_tape = __toESM(require_tape(), 1);
-var runpp = getRunPp("mass", {
-  state: {
-    nav: {
-      header_mode: "hide_search",
-      activeTab: 1
-    },
-    vocab: {
-      dslabel: "TermdbTest",
-      genome: "hg38-test"
-    }
-  },
-  debug: 1
-});
-var tabLabels2Find = ["Barchart", "Violin", "Boxplot"];
-(0, import_tape.default)("\n", function(test) {
-  test.comment("-***- plots/summary -***-");
-  test.end();
-});
-(0, import_tape.default)('Render summary plot, term: "agedx"', (test) => {
-  test.timeoutAfter(6e3);
-  runpp({
-    state: {
-      plots: [
-        {
-          chartType: "summary",
-          childType: "barchart",
-          term: {
-            id: "agedx"
-          }
-        }
-      ]
-    },
-    summary: {
-      callbacks: {
-        "postRender.test": runTests
-      }
-    }
-  });
-  async function runTests(summary) {
-    summary.on("postRender.test", null);
-    testHeader(summary, summary.Inner.dom);
-    await testToggleButtons(summary, summary.Inner.dom);
-    await testOrientation(summary);
-    if (test._ok) summary.Inner.app.destroy();
-    test.end();
-  }
-  function testHeader(summary, dom) {
-    const headerText = dom.paneTitleDiv.select("div.sjpp-term-header").node();
-    const configTerm = summary.Inner.config.term.term.name;
-    test.equal(
-      headerText.innerHTML,
-      configTerm,
-      `Header text = ${headerText.innerHTML} should match term name = ${configTerm}`
-    );
-  }
-  async function testToggleButtons(summary, dom) {
-    const toggles = dom.chartToggles.selectAll("div > div> button").nodes().filter((d) => d.__data__.isVisible() == true);
-    let foundLabels = 0;
-    const notFoundLabels = [];
-    for (const toggle of toggles) {
-      if (tabLabels2Find.some((d) => d == toggle.__data__.label)) ++foundLabels;
-      else notFoundLabels.push(toggle.__data__.label);
-    }
-    if (notFoundLabels.length) test.fail(`Should not render tab(s) = ${notFoundLabels}`);
-    test.equal(tabLabels2Find.length, foundLabels, `Should render tabs: ${tabLabels2Find}`);
-    const foundTestPlot = await detectOne({
-      elem: summary.Inner.dom.holder.body.node(),
-      selector: ".sjpp-violin-plot",
-      trigger() {
-        toggles.find((d) => d.__data__.childType == "violin").click();
-      }
-    });
-    test.ok(foundTestPlot, `Should render violin after toggle`);
-    test.equal(summary.Inner.state.config.childType, "violin", `Should toggle to childType = violin`);
-    await detectStyle({
-      elem: summary.Inner.dom.plotDivs.barchart.node(),
-      matcher(mutations) {
-        for (const m of mutations) {
-          if (m.attributeName == "style" && m.target.style.display === "") return m;
-        }
-      },
-      trigger() {
-        toggles.find((d) => d.__data__.childType == "barchart").click();
-      }
-    });
-    test.equal(summary.Inner.state.config.childType, "barchart", `Should toggle back to childType = 'barchart'`);
-  }
-  async function testOrientation(summary) {
-    await summary.Inner.app.dispatch({
-      type: "plot_edit",
-      id: summary.Inner.id,
-      config: {
-        settings: { barchart: { orientation: "vertical" } }
-      }
-    });
-    test.notEqual(
-      summary.Inner.config.settings.barchart.orientation,
-      summary.Inner.config.settings.violin.orientation,
-      `Orientation change for barchart should not affect violin`
-    );
-  }
-});
-(0, import_tape.default)('Barchart tab only, term: "diaggrp"', (test) => {
-  test.timeoutAfter(3e3);
-  const message = `Should only show barchart tab in header`;
-  runpp({
-    state: {
-      plots: [
-        {
-          chartType: "summary",
-          childType: "barchart",
-          term: {
-            id: "diaggrp"
-          }
-        }
-      ]
-    },
-    summary: {
-      callbacks: {
-        "postRender.test": runTest
-      }
-    }
-  });
-  async function runTest(summary) {
-    const toggles = summary.Inner.dom.chartToggles.selectAll("div > div> button").nodes().filter((d) => d.__data__.isVisible() == true);
-    test.ok(toggles.length == 1, `Should only render one tab`);
-    if (toggles[0].__data__.childType == "barchart") test.pass(message);
-    else test.fail(message);
-    if (test._ok) summary.Inner.app.destroy();
-    test.end();
-  }
-});
-(0, import_tape.default)('Barchart & violin toggles, term: "diaggrp", term2: "agedx"', (test) => {
-  test.timeoutAfter(3e3);
-  runpp({
-    state: {
-      plots: [
-        {
-          chartType: "summary",
-          childType: "barchart",
-          term: {
-            id: "diaggrp"
-          },
-          term2: {
-            id: "agedx"
-          }
-        }
-      ]
-    },
-    summary: {
-      callbacks: {
-        "postRender.test": runTests
-      }
-    }
-  });
-  async function runTests(summary) {
-    summary.on("postRender.test", null);
-    await detectOne({ elem: summary.Inner.dom.holder.body.node(), selector: ".pp-bars-svg" });
-    await testToggleButtons(summary, summary.Inner.dom);
-    if (test._ok) summary.Inner.app.destroy();
-    test.end();
-  }
-  async function testToggleButtons(summary, dom) {
-    const toggles = dom.chartToggles.selectAll("div > div> button").nodes().filter((d) => d.__data__.isVisible() == true);
-    toggles.find((d) => d.__data__.childType == "violin").click();
-    const foundTestPlot = await detectOne({
-      elem: dom.holder.body.node(),
-      selector: ".sjpp-violin-plot"
-    });
-    test.ok(foundTestPlot, `Should render violin after toggle`);
-    test.equal(summary.Inner.state.config.childType, "violin", `Should toggle to childType = violin`);
-    await detectStyle({
-      elem: dom.plotDivs.barchart.node(),
-      matcher(mutations) {
-        for (const m of mutations) {
-          if (m.attributeName == "style" && m.target.style.display === "") return m;
-        }
-      },
-      trigger() {
-        toggles.find((d) => d.__data__.childType == "barchart").click();
-      }
-    });
-    test.equal(summary.Inner.state.config.childType, "barchart", `Should toggle back to childType = 'barchart'`);
-  }
-});
-(0, import_tape.default)('Barchart & violin toggles, term: "agedx", term2: "diaggrp"', (test) => {
-  test.timeoutAfter(3e3);
-  runpp({
-    state: {
-      plots: [
-        {
-          chartType: "summary",
-          childType: "barchart",
-          term: {
-            id: "agedx"
-          },
-          term2: {
-            id: "diaggrp"
-          }
-        }
-      ]
-    },
-    summary: {
-      callbacks: {
-        "postRender.test": runTests
-      }
-    }
-  });
-  async function runTests(summary) {
-    summary.on("postRender.test", null);
-    const toggles = summary.Inner.dom.chartToggles.selectAll("div > div> button").nodes().filter((d) => d.__data__.isVisible() == true);
-    testToggleButtonRendering(toggles);
-    await testToggleButtons(summary, toggles);
-    if (test._ok) summary.Inner.app.destroy();
-    test.end();
-  }
-  function testToggleButtonRendering(toggles) {
-    let foundLabels = 0;
-    for (const toggle of toggles) {
-      if (tabLabels2Find.some((d) => d == toggle.__data__.label)) ++foundLabels;
-    }
-    test.equal(
-      tabLabels2Find.length,
-      toggles.length,
-      `Should render ${tabLabels2Find.length} tabs: ${tabLabels2Find} for <2 numeric terms`
-    );
-  }
-  async function testToggleButtons(summary, toggles) {
-    toggles.find((d) => d.__data__.childType == "violin").click();
-    const foundTestPlot = await detectOne({
-      elem: summary.Inner.dom.holder.body.node(),
-      selector: ".sjpp-violin-plot"
-    });
-    test.ok(foundTestPlot, `Should render violin after toggle`);
-    test.equal(summary.Inner.state.config.childType, "violin", `Should toggle to childType = violin`);
-    await detectStyle({
-      elem: summary.Inner.dom.plotDivs.barchart.node(),
-      matcher(mutations) {
-        for (const m of mutations) {
-          if (m.attributeName == "style" && m.target.style.display === "") return m;
-        }
-      },
-      trigger() {
-        toggles.find((d) => d.__data__.childType == "barchart").click();
-      }
-    });
-    test.equal(summary.Inner.state.config.childType, "barchart", `Should toggle back to childType = 'barchart'`);
-  }
-});
-(0, import_tape.default)('Barchart, violin, and scatter toggles, term: "agedx", term2: "hrtavg"', (test) => {
-  test.timeoutAfter(3e3);
-  runpp({
-    state: {
-      plots: [
-        {
-          chartType: "summary",
-          childType: "barchart",
-          term: {
-            id: "agedx"
-          },
-          term2: {
-            id: "hrtavg"
-          }
-        }
-      ]
-    },
-    summary: {
-      callbacks: {
-        "postRender.test": runTests
-      }
-    }
-  });
-  async function runTests(summary) {
-    summary.on("postRender.test", null);
-    const sandboxDom = summary.Inner.dom;
-    const toggles = sandboxDom.chartToggles.selectAll("div > div> button").nodes().filter((d) => d.__data__.isVisible() == true);
-    testToggleButtonRendering(toggles);
-    await testToggling(summary, toggles);
-    if (test._ok) summary.Inner.app.destroy();
-    test.end();
-  }
-  function testToggleButtonRendering(toggles) {
-    const tabLabels2Find2 = [...tabLabels2Find];
-    tabLabels2Find2.push("Scatter");
-    let foundLabels = 0;
-    for (const toggle of toggles) {
-      if (tabLabels2Find2.some((d) => d == toggle.__data__.label)) ++foundLabels;
-    }
-    test.equal(
-      tabLabels2Find2.length,
-      toggles.length,
-      `Should render ${tabLabels2Find2.length} tabs: ${tabLabels2Find2} for 2 numeric terms`
-    );
-  }
-  async function testToggling(summary, toggles) {
-    toggles.find((d) => d.__data__.childType == "violin").click();
-    const foundTestPlot = await detectOne({
-      elem: summary.Inner.dom.holder.body.node(),
-      selector: ".sjpp-violin-plot"
-    });
-    test.ok(foundTestPlot, `Should render violin after toggle`);
-    test.equal(summary.Inner.state.config.childType, "violin", `Should toggle to childType = violin`);
-    await detectStyle({
-      elem: summary.Inner.dom.plotDivs.barchart.node(),
-      matcher(mutations) {
-        for (const m of mutations) {
-          if (m.attributeName == "style" && m.target.style.display === "") return m;
-        }
-      },
-      trigger() {
-        toggles.find((d) => d.__data__.childType == "barchart").click();
-      }
-    });
-    test.equal(summary.Inner.state.config.childType, "barchart", `Should toggle back to childType = 'barchart'`);
-  }
-});
-(0, import_tape.default)('Overlay continuity, term: "aaclassic_5", term2: "sex"', (test) => {
-  test.timeoutAfter(3e3);
-  const testTerm = "sex";
-  runpp({
-    state: {
-      plots: [
-        {
-          chartType: "summary",
-          childType: "barchart",
-          term: {
-            id: "aaclassic_5"
-          },
-          term2: {
-            id: testTerm
-          }
-        }
-      ]
-    },
-    summary: {
-      callbacks: {
-        "postRender.test": runTests
-      }
-    }
-  });
-  async function runTests(summary) {
-    summary.on("postRender.test", null);
-    await testOverlay(summary);
-    if (test._ok) summary.Inner.app.destroy();
-    test.end();
-  }
-  async function testOverlay(summary) {
-    const plots = summary.Inner.components.plots;
-    summary.Inner.dom.chartToggles.selectAll("div > div> button").nodes().find((d) => d.__data__.childType == "violin").click();
-    await detectOne({ elem: summary.Inner.dom.holder.body.node(), selector: ".sjpp-violin-plot" });
-    test.equal(
-      plots.violin.Inner.config.term2.term.id,
-      testTerm,
-      `Overlay term = ${testTerm} carried over to violin plot`
-    );
-  }
-});
-//# sourceMappingURL=summary.integration.spec-HQISXGNL.js.map

package/dist/summaryInput-HP675QOQ.js

@@ -1,235 +0,0 @@
-import {
-  t0_t2_defaultQ
-} from "./chunk-AZ47Q7BX.js";
-import "./chunk-KI5KI3ZJ.js";
-import "./chunk-V2OJLJSK.js";
-import {
-  PlotBase,
-  controlsInit,
-  defaultUiLabels,
-  fillTermWrapper,
-  term0_term2_defaultQ
-} from "./chunk-5VOPABBA.js";
-import "./chunk-HJ6L54YS.js";
-import "./chunk-LSEFWW72.js";
-import "./chunk-Z5U6HOE4.js";
-import "./chunk-HYOEWQ5P.js";
-import "./chunk-HBW42TDT.js";
-import "./chunk-FN5XPUPH.js";
-import "./chunk-5ABGFJSP.js";
-import "./chunk-IIT367QZ.js";
-import "./chunk-RZGEKL77.js";
-import "./chunk-XPY6AWXO.js";
-import "./chunk-NELOT3NJ.js";
-import "./chunk-M6EF3WVV.js";
-import "./chunk-7IYJZZQI.js";
-import {
-  copyMerge,
-  getCompInit
-} from "./chunk-M3J4MINX.js";
-import "./chunk-PF4DSFDR.js";
-import "./chunk-LFCYMSVA.js";
-import "./chunk-I6WR4CG7.js";
-import "./chunk-2X6W4E3W.js";
-import "./chunk-NYRZNRG5.js";
-import "./chunk-JNITUVXP.js";
-import "./chunk-3XVVN66M.js";
-import "./chunk-LOZEKOES.js";
-import "./chunk-VQZ2Z5YU.js";
-import "./chunk-NSTL4MY2.js";
-import "./chunk-TLT4YIG3.js";
-import "./chunk-KYBIQBXE.js";
-import "./chunk-I6Y4O3RR.js";
-import "./chunk-OMR2DT66.js";
-import "./chunk-DQC5FFGV.js";
-import "./chunk-HFNDKYVF.js";
-
-// plots/summaryInput.ts
-var SummaryInputPlot = class _SummaryInputPlot extends PlotBase {
-  constructor(opts, api) {
-    super(opts, api);
-    this.components = {};
-    // expected class-specific props
-    this.configTermKeys = ["term", "term0", "term2"];
-    this.type = _SummaryInputPlot.type;
-    this.dom = {
-      header: opts.header.html("Correlation Input"),
-      holder: opts.holder,
-      controls: opts.holder.append("div"),
-      submit: opts.holder.append("div").style("position", "relative").style("margin", "10px").style("max-width", "200px")
-    };
-  }
-  static {
-    this.type = "summaryInput";
-  }
-  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 init(appState) {
-    const state = this.getState(appState);
-    this.renderSubmit();
-    await this.setControls(state.config);
-  }
-  async setControls(config) {
-    const controlLabels = config.controlLabels;
-    const inputs = [
-      {
-        type: "term",
-        configKey: "term",
-        testids: {
-          suffix: "summaryInputControlTerm"
-        },
-        usecase: { target: "summaryInput", detail: "term" },
-        label: controlLabels.term1?.label || "Primary variable",
-        processConfig: (config2) => {
-          const { term, term2, term0, term2_surv, term0_surv } = this.state.config;
-          const editedType = config2.term?.term?.type;
-          if (editedType === term?.term?.type) return;
-          if (editedType == "survival") {
-            if (term2 && term2.term?.name != term2_surv?.term?.name)
-              config2.term2 = { term: structuredClone(term2.term), q: {} };
-            if (term0 && term0.term?.name != term0_surv?.term?.name)
-              config2.term0 = { term: structuredClone(term0.term), q: {} };
-          } else {
-            if (term2_surv && term2_surv.term?.name != term2?.term?.name)
-              config2.term2 = { term: structuredClone(term2_surv.term), q: {} };
-            if (term0_surv && term0_surv.term.name != term0?.term?.name)
-              config2.term0 = { term: structuredClone(term0_surv.term), q: {} };
-          }
-        }
-      },
-      {
-        type: "term",
-        configKey: "term2",
-        testids: {
-          suffix: "summaryInputControlTerm2"
-        },
-        usecase: { target: "summaryInput", detail: "term2" },
-        label: controlLabels.term2.label,
-        defaultQ4fillTW: term0_term2_defaultQ,
-        getDisplayStyle: (plot) => plot.config.term?.term.type == "survival" ? "none" : "table-row"
-      },
-      {
-        type: "term",
-        configKey: "term0",
-        testids: {
-          suffix: "summaryInputControlTerm0"
-        },
-        usecase: { target: "summaryInput", detail: "term0" },
-        label: controlLabels.term0.label,
-        defaultQ4fillTW: term0_term2_defaultQ,
-        numericEditMenuVersion: this.opts.numericEditMenuVersion || ["discrete"],
-        getDisplayStyle: (plot) => plot.config.term?.term.type == "survival" ? "none" : "table-row"
-      },
-      {
-        type: "term",
-        configKey: "term2_surv",
-        testids: {
-          suffix: "summaryInputControlTerm2surv"
-        },
-        usecase: { target: "summaryInput", detail: "term2" },
-        label: controlLabels.term2.label,
-        defaultQ4fillTW: t0_t2_defaultQ,
-        getDisplayStyle: (plot) => plot.config.term?.term.type == "survival" ? "table-row" : "none"
-      },
-      {
-        type: "term",
-        configKey: "term0_surv",
-        testids: {
-          suffix: "summaryInputControlTerm0surv"
-        },
-        usecase: { target: "summaryInput", detail: "term0" },
-        label: controlLabels.term0.label,
-        defaultQ4fillTW: t0_t2_defaultQ + "_surv",
-        numericEditMenuVersion: this.opts.numericEditMenuVersion || ["discrete"],
-        getDisplayStyle: (plot) => plot.config.term?.term.type == "survival" ? "table-row" : "none"
-      }
-    ];
-    this.components.controls = await controlsInit({
-      app: this.app,
-      id: this.id,
-      holder: this.dom.controls.style("display", "inline-block"),
-      isOpen: true,
-      showTopBar: false,
-      inputs,
-      // may comment out loadingMasks option to be able to click the submit button and
-      // manually test submitting before a config tw is fully filled, there should only be
-      // a console warning and no displayed error messages in the app
-      loadingMasks: [this.dom.submitMask]
-    });
-  }
-  renderSubmit() {
-    this.dom.submitBtn = this.dom.submit.append("button").property("disabled", true).style("border", "none").style("border-radius", "20px").style("padding", "10px 15px").attr("data-testid", "sjpp-summaryInput-submitBtn").text("Submit").on("click", () => {
-      const { term, term2, term0, term2_surv, term0_surv, filter } = structuredClone(this.config);
-      if (!term) throw "config.term is missing";
-      const chartType = term.term.type == "survival" ? "survival" : "summary";
-      this.app.dispatch({
-        type: "app_refresh",
-        subactions: [
-          {
-            type: "plot_create",
-            config: {
-              chartType,
-              term,
-              term2: chartType == "survival" ? term2_surv : term2,
-              term0: chartType == "survival" ? term0_surv : term0,
-              filter
-            }
-          },
-          {
-            type: "plot_delete",
-            id: this.id
-          }
-        ]
-      });
-    });
-    this.dom.submitMask = this.dom.submit.append("div").style("position", "absolute").style("top", 0).style("left", 0).style("height", "100%").style("width", "100%").style("background-color", `rgba(255,255,255,0.7)`).style("display", "none");
-  }
-  async main() {
-    this.config = await this.getMutableConfig();
-    this.dom.submitBtn.property("disabled", !this.config.term).style("cursor", this.config.term ? "pointer" : "default");
-    this.dom.submitMask.style("display", "none");
-  }
-};
-var summaryInputInit = getCompInit(SummaryInputPlot);
-var componentInit = summaryInputInit;
-async function getPlotConfig(opts, app) {
-  try {
-    if (opts.term) {
-      const defaultQ = opts.term.bins || opts.term.q ? void 0 : { geneVariant: { type: "predefined-groupset" } };
-      await fillTermWrapper(opts.term, app.vocabApi, defaultQ);
-    }
-    if (opts.term2) {
-      const defaultQ = opts.term2.bins || opts.term2.q ? void 0 : opts.term.term.type == "survival" ? t0_t2_defaultQ : term0_term2_defaultQ;
-      await fillTermWrapper(opts.term2, app.vocabApi, defaultQ);
-    }
-    if (opts.term0) {
-      const defaultQ = opts.term0.bins || opts.term0.q ? void 0 : opts.term.term.type == "survival" ? t0_t2_defaultQ : term0_term2_defaultQ;
-      await fillTermWrapper(opts.term0, app.vocabApi, defaultQ);
-    }
-  } catch (e) {
-    if (e.stack) console.log(e.stack);
-    throw `${e} [summaryInput getPlotConfig()]`;
-  }
-  const config = {
-    chartType: "summaryInput",
-    settings: {},
-    controlLabels: Object.assign({}, defaultUiLabels, app.vocabApi.termdbConfig.uiLabels || {})
-  };
-  return copyMerge(config, opts);
-}
-export {
-  componentInit,
-  getPlotConfig,
-  summaryInputInit
-};
-//# sourceMappingURL=summaryInput-HP675QOQ.js.map

package/dist/summaryInput-HP675QOQ.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../plots/summaryInput.ts"],
-  "sourcesContent": ["import { PlotBase, defaultUiLabels } from './PlotBase.ts'\nimport { getCompInit, copyMerge, type ComponentApi, type RxComponent } from '#rx'\nimport { controlsInit, term0_term2_defaultQ } from './controls'\nimport { t0_t2_defaultQ as term0_term2_defaultQ_surv } from './survival/survival.ts'\nimport { fillTermWrapper } from '#termsetting'\n\n// transient. on submission, it is replaced by a new one\n\nclass SummaryInputPlot extends PlotBase implements RxComponent {\n\tstatic type = 'summaryInput'\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\t// expected class-specific props\n\tconfigTermKeys = ['term', 'term0', 'term2']\n\tconfig: any\n\n\tconstructor(opts, api) {\n\t\tsuper(opts, api)\n\t\tthis.type = SummaryInputPlot.type\n\t\tthis.dom = {\n\t\t\theader: opts.header.html('Correlation Input'),\n\t\t\tholder: opts.holder,\n\t\t\tcontrols: opts.holder.append('div'),\n\t\t\tsubmit: opts.holder\n\t\t\t\t.append('div')\n\t\t\t\t.style('position', 'relative')\n\t\t\t\t.style('margin', '10px')\n\t\t\t\t.style('max-width', '200px')\n\t\t}\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 init(appState) {\n\t\tconst state = this.getState(appState)\n\t\tthis.renderSubmit()\n\t\tawait this.setControls(state.config)\n\t}\n\n\tasync setControls(config) {\n\t\tconst controlLabels = config.controlLabels\n\t\tconst inputs = [\n\t\t\t{\n\t\t\t\ttype: 'term',\n\t\t\t\tconfigKey: 'term',\n\t\t\t\ttestids: {\n\t\t\t\t\tsuffix: 'summaryInputControlTerm'\n\t\t\t\t},\n\t\t\t\tusecase: { target: 'summaryInput', detail: 'term' },\n\t\t\t\tlabel: controlLabels.term1?.label || 'Primary variable',\n\t\t\t\tprocessConfig: config => {\n\t\t\t\t\tconst { term, term2, term0, term2_surv, term0_surv } = this.state.config\n\t\t\t\t\tconst editedType = config.term?.term?.type\n\t\t\t\t\tif (editedType === term?.term?.type) return\n\t\t\t\t\tif (editedType == 'survival') {\n\t\t\t\t\t\tif (term2 && term2.term?.name != term2_surv?.term?.name)\n\t\t\t\t\t\t\tconfig.term2 = { term: structuredClone(term2.term), q: {} }\n\t\t\t\t\t\tif (term0 && term0.term?.name != term0_surv?.term?.name)\n\t\t\t\t\t\t\tconfig.term0 = { term: structuredClone(term0.term), q: {} }\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (term2_surv && term2_surv.term?.name != term2?.term?.name)\n\t\t\t\t\t\t\tconfig.term2 = { term: structuredClone(term2_surv.term), q: {} }\n\t\t\t\t\t\tif (term0_surv && term0_surv.term.name != term0?.term?.name)\n\t\t\t\t\t\t\tconfig.term0 = { term: structuredClone(term0_surv.term), q: {} }\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: 'term',\n\t\t\t\tconfigKey: 'term2',\n\t\t\t\ttestids: {\n\t\t\t\t\tsuffix: 'summaryInputControlTerm2'\n\t\t\t\t},\n\t\t\t\tusecase: { target: 'summaryInput', detail: 'term2' },\n\t\t\t\tlabel: controlLabels.term2.label,\n\t\t\t\tdefaultQ4fillTW: term0_term2_defaultQ,\n\t\t\t\tgetDisplayStyle: plot => (plot.config.term?.term.type == 'survival' ? 'none' : 'table-row')\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: 'term',\n\t\t\t\tconfigKey: 'term0',\n\t\t\t\ttestids: {\n\t\t\t\t\tsuffix: 'summaryInputControlTerm0'\n\t\t\t\t},\n\t\t\t\tusecase: { target: 'summaryInput', detail: 'term0' },\n\t\t\t\tlabel: controlLabels.term0.label,\n\t\t\t\tdefaultQ4fillTW: term0_term2_defaultQ,\n\t\t\t\tnumericEditMenuVersion: this.opts.numericEditMenuVersion || ['discrete'],\n\t\t\t\tgetDisplayStyle: plot => (plot.config.term?.term.type == 'survival' ? 'none' : 'table-row')\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: 'term',\n\t\t\t\tconfigKey: 'term2_surv',\n\t\t\t\ttestids: {\n\t\t\t\t\tsuffix: 'summaryInputControlTerm2surv'\n\t\t\t\t},\n\t\t\t\tusecase: { target: 'summaryInput', detail: 'term2' },\n\t\t\t\tlabel: controlLabels.term2.label,\n\t\t\t\tdefaultQ4fillTW: term0_term2_defaultQ_surv,\n\t\t\t\tgetDisplayStyle: plot => (plot.config.term?.term.type == 'survival' ? 'table-row' : 'none')\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: 'term',\n\t\t\t\tconfigKey: 'term0_surv',\n\t\t\t\ttestids: {\n\t\t\t\t\tsuffix: 'summaryInputControlTerm0surv'\n\t\t\t\t},\n\t\t\t\tusecase: { target: 'summaryInput', detail: 'term0' },\n\t\t\t\tlabel: controlLabels.term0.label,\n\t\t\t\tdefaultQ4fillTW: term0_term2_defaultQ_surv + '_surv',\n\t\t\t\tnumericEditMenuVersion: this.opts.numericEditMenuVersion || ['discrete'],\n\t\t\t\tgetDisplayStyle: plot => (plot.config.term?.term.type == 'survival' ? 'table-row' : 'none')\n\t\t\t}\n\t\t]\n\n\t\tthis.components.controls = await controlsInit({\n\t\t\tapp: this.app,\n\t\t\tid: this.id,\n\t\t\tholder: this.dom.controls.style('display', 'inline-block'),\n\t\t\tisOpen: true,\n\t\t\tshowTopBar: false,\n\t\t\tinputs,\n\t\t\t// may comment out loadingMasks option to be able to click the submit button and\n\t\t\t// manually test submitting before a config tw is fully filled, there should only be\n\t\t\t// a console warning and no displayed error messages in the app\n\t\t\tloadingMasks: [this.dom.submitMask]\n\t\t})\n\n\t\t//const appState = this.app.getState()\n\t\t//this.components.update({ state: this.state, appState })\n\t}\n\n\trenderSubmit() {\n\t\tthis.dom.submitBtn = this.dom.submit\n\t\t\t.append('button')\n\t\t\t.property('disabled', true)\n\t\t\t.style('border', 'none')\n\t\t\t.style('border-radius', '20px')\n\t\t\t.style('padding', '10px 15px')\n\t\t\t.attr('data-testid', 'sjpp-summaryInput-submitBtn')\n\t\t\t.text('Submit')\n\t\t\t.on('click', () => {\n\t\t\t\tconst { term, term2, term0, term2_surv, term0_surv, filter } = structuredClone(this.config)\n\n\t\t\t\tif (!term) throw 'config.term is missing'\n\t\t\t\t// if term1 is surival term, launch survival plot\n\t\t\t\t// otherwise, launch summary plot\n\t\t\t\tconst chartType = term.term.type == 'survival' ? 'survival' : 'summary'\n\t\t\t\tthis.app.dispatch({\n\t\t\t\t\ttype: 'app_refresh',\n\t\t\t\t\tsubactions: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttype: 'plot_create',\n\t\t\t\t\t\t\tconfig: {\n\t\t\t\t\t\t\t\tchartType,\n\t\t\t\t\t\t\t\tterm,\n\t\t\t\t\t\t\t\tterm2: chartType == 'survival' ? term2_surv : term2,\n\t\t\t\t\t\t\t\tterm0: chartType == 'survival' ? term0_surv : term0,\n\t\t\t\t\t\t\t\tfilter\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttype: 'plot_delete',\n\t\t\t\t\t\t\tid: this.id\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t})\n\t\t\t})\n\n\t\tthis.dom.submitMask = this.dom.submit\n\t\t\t.append('div')\n\t\t\t.style('position', 'absolute')\n\t\t\t.style('top', 0)\n\t\t\t.style('left', 0)\n\t\t\t.style('height', '100%')\n\t\t\t.style('width', '100%')\n\t\t\t.style('background-color', `rgba(255,255,255,0.7)`)\n\t\t\t.style('display', 'none')\n\t}\n\n\tasync main() {\n\t\tthis.config = await this.getMutableConfig()\n\t\tthis.dom.submitBtn.property('disabled', !this.config.term).style('cursor', this.config.term ? 'pointer' : 'default')\n\t\tthis.dom.submitMask.style('display', 'none')\n\t}\n}\n\nexport const summaryInputInit = getCompInit(SummaryInputPlot)\nexport const componentInit = summaryInputInit\n\nexport async function getPlotConfig(opts, app) {\n\ttry {\n\t\t// don't supply defaultQ if term.bins or term.q is defined (e.g. if q.mode='continuous', shouldn't override it with defaultQ)\n\t\tif (opts.term) {\n\t\t\tconst defaultQ: any = opts.term.bins || opts.term.q ? undefined : { geneVariant: { type: 'predefined-groupset' } }\n\t\t\tawait fillTermWrapper(opts.term, app.vocabApi, defaultQ)\n\t\t}\n\t\tif (opts.term2) {\n\t\t\tconst defaultQ =\n\t\t\t\topts.term2.bins || opts.term2.q\n\t\t\t\t\t? undefined\n\t\t\t\t\t: opts.term.term.type == 'survival'\n\t\t\t\t\t? term0_term2_defaultQ_surv\n\t\t\t\t\t: term0_term2_defaultQ\n\t\t\tawait fillTermWrapper(opts.term2, app.vocabApi, defaultQ)\n\t\t}\n\t\tif (opts.term0) {\n\t\t\tconst defaultQ =\n\t\t\t\topts.term0.bins || opts.term0.q\n\t\t\t\t\t? undefined\n\t\t\t\t\t: opts.term.term.type == 'survival'\n\t\t\t\t\t? term0_term2_defaultQ_surv\n\t\t\t\t\t: term0_term2_defaultQ\n\t\t\tawait fillTermWrapper(opts.term0, app.vocabApi, defaultQ)\n\t\t}\n\t} catch (e: any) {\n\t\tif (e.stack) console.log(e.stack)\n\t\tthrow `${e} [summaryInput getPlotConfig()]`\n\t}\n\n\tconst config = {\n\t\tchartType: 'summaryInput',\n\t\tsettings: {},\n\t\tcontrolLabels: Object.assign({}, defaultUiLabels, app.vocabApi.termdbConfig.uiLabels || {})\n\t}\n\n\t// may apply term-specific changes to the default object\n\treturn copyMerge(config, opts)\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAM,mBAAN,MAAM,0BAAyB,SAAgC;AAAA,EAgB9D,YAAY,MAAM,KAAK;AACtB,UAAM,MAAM,GAAG;AARhB,sBAEI,CAAC;AAEL;AAAA,0BAAiB,CAAC,QAAQ,SAAS,OAAO;AAKzC,SAAK,OAAO,kBAAiB;AAC7B,SAAK,MAAM;AAAA,MACV,QAAQ,KAAK,OAAO,KAAK,mBAAmB;AAAA,MAC5C,QAAQ,KAAK;AAAA,MACb,UAAU,KAAK,OAAO,OAAO,KAAK;AAAA,MAClC,QAAQ,KAAK,OACX,OAAO,KAAK,EACZ,MAAM,YAAY,UAAU,EAC5B,MAAM,UAAU,MAAM,EACtB,MAAM,aAAa,OAAO;AAAA,IAC7B;AAAA,EACD;AAAA,EA5BA;AAAA,SAAO,OAAO;AAAA;AAAA,EA8Bd,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,KAAK,UAAU;AACpB,UAAM,QAAQ,KAAK,SAAS,QAAQ;AACpC,SAAK,aAAa;AAClB,UAAM,KAAK,YAAY,MAAM,MAAM;AAAA,EACpC;AAAA,EAEA,MAAM,YAAY,QAAQ;AACzB,UAAM,gBAAgB,OAAO;AAC7B,UAAM,SAAS;AAAA,MACd;AAAA,QACC,MAAM;AAAA,QACN,WAAW;AAAA,QACX,SAAS;AAAA,UACR,QAAQ;AAAA,QACT;AAAA,QACA,SAAS,EAAE,QAAQ,gBAAgB,QAAQ,OAAO;AAAA,QAClD,OAAO,cAAc,OAAO,SAAS;AAAA,QACrC,eAAe,CAAAA,YAAU;AACxB,gBAAM,EAAE,MAAM,OAAO,OAAO,YAAY,WAAW,IAAI,KAAK,MAAM;AAClE,gBAAM,aAAaA,QAAO,MAAM,MAAM;AACtC,cAAI,eAAe,MAAM,MAAM,KAAM;AACrC,cAAI,cAAc,YAAY;AAC7B,gBAAI,SAAS,MAAM,MAAM,QAAQ,YAAY,MAAM;AAClD,cAAAA,QAAO,QAAQ,EAAE,MAAM,gBAAgB,MAAM,IAAI,GAAG,GAAG,CAAC,EAAE;AAC3D,gBAAI,SAAS,MAAM,MAAM,QAAQ,YAAY,MAAM;AAClD,cAAAA,QAAO,QAAQ,EAAE,MAAM,gBAAgB,MAAM,IAAI,GAAG,GAAG,CAAC,EAAE;AAAA,UAC5D,OAAO;AACN,gBAAI,cAAc,WAAW,MAAM,QAAQ,OAAO,MAAM;AACvD,cAAAA,QAAO,QAAQ,EAAE,MAAM,gBAAgB,WAAW,IAAI,GAAG,GAAG,CAAC,EAAE;AAChE,gBAAI,cAAc,WAAW,KAAK,QAAQ,OAAO,MAAM;AACtD,cAAAA,QAAO,QAAQ,EAAE,MAAM,gBAAgB,WAAW,IAAI,GAAG,GAAG,CAAC,EAAE;AAAA,UACjE;AAAA,QACD;AAAA,MACD;AAAA,MACA;AAAA,QACC,MAAM;AAAA,QACN,WAAW;AAAA,QACX,SAAS;AAAA,UACR,QAAQ;AAAA,QACT;AAAA,QACA,SAAS,EAAE,QAAQ,gBAAgB,QAAQ,QAAQ;AAAA,QACnD,OAAO,cAAc,MAAM;AAAA,QAC3B,iBAAiB;AAAA,QACjB,iBAAiB,UAAS,KAAK,OAAO,MAAM,KAAK,QAAQ,aAAa,SAAS;AAAA,MAChF;AAAA,MACA;AAAA,QACC,MAAM;AAAA,QACN,WAAW;AAAA,QACX,SAAS;AAAA,UACR,QAAQ;AAAA,QACT;AAAA,QACA,SAAS,EAAE,QAAQ,gBAAgB,QAAQ,QAAQ;AAAA,QACnD,OAAO,cAAc,MAAM;AAAA,QAC3B,iBAAiB;AAAA,QACjB,wBAAwB,KAAK,KAAK,0BAA0B,CAAC,UAAU;AAAA,QACvE,iBAAiB,UAAS,KAAK,OAAO,MAAM,KAAK,QAAQ,aAAa,SAAS;AAAA,MAChF;AAAA,MACA;AAAA,QACC,MAAM;AAAA,QACN,WAAW;AAAA,QACX,SAAS;AAAA,UACR,QAAQ;AAAA,QACT;AAAA,QACA,SAAS,EAAE,QAAQ,gBAAgB,QAAQ,QAAQ;AAAA,QACnD,OAAO,cAAc,MAAM;AAAA,QAC3B,iBAAiB;AAAA,QACjB,iBAAiB,UAAS,KAAK,OAAO,MAAM,KAAK,QAAQ,aAAa,cAAc;AAAA,MACrF;AAAA,MACA;AAAA,QACC,MAAM;AAAA,QACN,WAAW;AAAA,QACX,SAAS;AAAA,UACR,QAAQ;AAAA,QACT;AAAA,QACA,SAAS,EAAE,QAAQ,gBAAgB,QAAQ,QAAQ;AAAA,QACnD,OAAO,cAAc,MAAM;AAAA,QAC3B,iBAAiB,iBAA4B;AAAA,QAC7C,wBAAwB,KAAK,KAAK,0BAA0B,CAAC,UAAU;AAAA,QACvE,iBAAiB,UAAS,KAAK,OAAO,MAAM,KAAK,QAAQ,aAAa,cAAc;AAAA,MACrF;AAAA,IACD;AAEA,SAAK,WAAW,WAAW,MAAM,aAAa;AAAA,MAC7C,KAAK,KAAK;AAAA,MACV,IAAI,KAAK;AAAA,MACT,QAAQ,KAAK,IAAI,SAAS,MAAM,WAAW,cAAc;AAAA,MACzD,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ;AAAA;AAAA;AAAA;AAAA,MAIA,cAAc,CAAC,KAAK,IAAI,UAAU;AAAA,IACnC,CAAC;AAAA,EAIF;AAAA,EAEA,eAAe;AACd,SAAK,IAAI,YAAY,KAAK,IAAI,OAC5B,OAAO,QAAQ,EACf,SAAS,YAAY,IAAI,EACzB,MAAM,UAAU,MAAM,EACtB,MAAM,iBAAiB,MAAM,EAC7B,MAAM,WAAW,WAAW,EAC5B,KAAK,eAAe,6BAA6B,EACjD,KAAK,QAAQ,EACb,GAAG,SAAS,MAAM;AAClB,YAAM,EAAE,MAAM,OAAO,OAAO,YAAY,YAAY,OAAO,IAAI,gBAAgB,KAAK,MAAM;AAE1F,UAAI,CAAC,KAAM,OAAM;AAGjB,YAAM,YAAY,KAAK,KAAK,QAAQ,aAAa,aAAa;AAC9D,WAAK,IAAI,SAAS;AAAA,QACjB,MAAM;AAAA,QACN,YAAY;AAAA,UACX;AAAA,YACC,MAAM;AAAA,YACN,QAAQ;AAAA,cACP;AAAA,cACA;AAAA,cACA,OAAO,aAAa,aAAa,aAAa;AAAA,cAC9C,OAAO,aAAa,aAAa,aAAa;AAAA,cAC9C;AAAA,YACD;AAAA,UACD;AAAA,UACA;AAAA,YACC,MAAM;AAAA,YACN,IAAI,KAAK;AAAA,UACV;AAAA,QACD;AAAA,MACD,CAAC;AAAA,IACF,CAAC;AAEF,SAAK,IAAI,aAAa,KAAK,IAAI,OAC7B,OAAO,KAAK,EACZ,MAAM,YAAY,UAAU,EAC5B,MAAM,OAAO,CAAC,EACd,MAAM,QAAQ,CAAC,EACf,MAAM,UAAU,MAAM,EACtB,MAAM,SAAS,MAAM,EACrB,MAAM,oBAAoB,uBAAuB,EACjD,MAAM,WAAW,MAAM;AAAA,EAC1B;AAAA,EAEA,MAAM,OAAO;AACZ,SAAK,SAAS,MAAM,KAAK,iBAAiB;AAC1C,SAAK,IAAI,UAAU,SAAS,YAAY,CAAC,KAAK,OAAO,IAAI,EAAE,MAAM,UAAU,KAAK,OAAO,OAAO,YAAY,SAAS;AACnH,SAAK,IAAI,WAAW,MAAM,WAAW,MAAM;AAAA,EAC5C;AACD;AAEO,IAAM,mBAAmB,YAAY,gBAAgB;AACrD,IAAM,gBAAgB;AAE7B,eAAsB,cAAc,MAAM,KAAK;AAC9C,MAAI;AAEH,QAAI,KAAK,MAAM;AACd,YAAM,WAAgB,KAAK,KAAK,QAAQ,KAAK,KAAK,IAAI,SAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,EAAE;AACjH,YAAM,gBAAgB,KAAK,MAAM,IAAI,UAAU,QAAQ;AAAA,IACxD;AACA,QAAI,KAAK,OAAO;AACf,YAAM,WACL,KAAK,MAAM,QAAQ,KAAK,MAAM,IAC3B,SACA,KAAK,KAAK,KAAK,QAAQ,aACvB,iBACA;AACJ,YAAM,gBAAgB,KAAK,OAAO,IAAI,UAAU,QAAQ;AAAA,IACzD;AACA,QAAI,KAAK,OAAO;AACf,YAAM,WACL,KAAK,MAAM,QAAQ,KAAK,MAAM,IAC3B,SACA,KAAK,KAAK,KAAK,QAAQ,aACvB,iBACA;AACJ,YAAM,gBAAgB,KAAK,OAAO,IAAI,UAAU,QAAQ;AAAA,IACzD;AAAA,EACD,SAAS,GAAQ;AAChB,QAAI,EAAE,MAAO,SAAQ,IAAI,EAAE,KAAK;AAChC,UAAM,GAAG,CAAC;AAAA,EACX;AAEA,QAAM,SAAS;AAAA,IACd,WAAW;AAAA,IACX,UAAU,CAAC;AAAA,IACX,eAAe,OAAO,OAAO,CAAC,GAAG,iBAAiB,IAAI,SAAS,aAAa,YAAY,CAAC,CAAC;AAAA,EAC3F;AAGA,SAAO,UAAU,QAAQ,IAAI;AAC9B;",
-  "names": ["config"]
-}