@sjcrh/proteinpaint-client 2.182.0 → 2.183.0

package/dist/SC-H2YCKSBH.js

@@ -0,0 +1,682 @@
+import {
+  GeneExpChartMenu,
+  PlotBase,
+  digestMessage,
+  getGEunit,
+  newSandboxDiv,
+  renderTable
+} from "./chunk-OXJ2TWDO.js";
+import "./chunk-HJ6L54YS.js";
+import {
+  importPlot
+} from "./chunk-V6DLLX4N.js";
+import {
+  dofetch3
+} from "./chunk-7RN3L2BX.js";
+import {
+  Menu
+} from "./chunk-A6TQGNDQ.js";
+import "./chunk-HYZG6OPC.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-LSEFWW72.js";
+import "./chunk-5EF5U7MX.js";
+import "./chunk-2K5DSRBJ.js";
+import "./chunk-UCLS2SVB.js";
+import {
+  copyMerge,
+  getCompInit
+} from "./chunk-MVTCBVSX.js";
+import "./chunk-SEQLC4AD.js";
+import "./chunk-L4QG7XZE.js";
+import "./chunk-DQC5FFGV.js";
+import "./chunk-KQMEJUWI.js";
+import "./chunk-UJU3Q7QJ.js";
+import "./chunk-WGL6FIUE.js";
+import {
+  SINGLECELL_CELLTYPE,
+  SINGLECELL_GENE_EXPRESSION
+} from "./chunk-6ITDJ5UR.js";
+import {
+  TermTypeGroups
+} from "./chunk-XYFDBYOY.js";
+import "./chunk-TV74I3Y5.js";
+import "./chunk-IH7ILDJS.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-TOU7EVFQ.js";
+import "./chunk-OAWQ6LOO.js";
+import "./chunk-SEEYV6P2.js";
+import "./chunk-NDWTN4U5.js";
+import "./chunk-OMR2DT66.js";
+import "./chunk-HFNDKYVF.js";
+
+// plots/sc/model/SCModel.ts
+var SCModel = class {
+  constructor(app, id) {
+    this.app = app;
+    this.id = id;
+    this.state = this.app.getState();
+  }
+  /********** Single Cell SAMPLES for rendering the table *********/
+  //The table data does not update
+  //Should only need to init once
+  async getSampleData() {
+    const body = this.getSampleRequestOpts();
+    return await dofetch3("termdb/singlecellSamples", { body });
+  }
+  //May involve more complicated logic later
+  getSampleRequestOpts() {
+    return {
+      genome: this.state.vocab.genome,
+      dslabel: this.state.vocab.dslabel,
+      filter0: this.state.termfilter.filter0 || null
+    };
+  }
+  //Fetches optional name for ds defined columns
+  async getColumnLabels(dsScSamples) {
+    if (!dsScSamples || !dsScSamples.sampleColumns) return;
+    const colsCopy = structuredClone(dsScSamples.sampleColumns);
+    for (const col of colsCopy) {
+      let label = col.termid;
+      try {
+        label = (await this.app.vocabApi.getterm(col.termid)).name;
+      } catch (e) {
+        if (e.message) {
+        }
+      }
+      col.label = label;
+    }
+    return colsCopy;
+  }
+  /********** Single Cell DATA for rendering plots *********/
+  async getData() {
+    const body = this.getDataRequestOpts();
+    if (!body) return;
+    return await dofetch3("termdb/singlecellData", { body });
+  }
+  getDataRequestOpts() {
+    const state = this.app.getState();
+    const singleCellTermdbConfig = state.termdbConfig?.queries?.singleCell;
+    if (!singleCellTermdbConfig?.data) throw new Error("No singleCell.data defined in termdbConfig.queries");
+    const config = state.plots.find((p) => p.id === this.id);
+    if (!config.settings.sc.item) return;
+    const plots = singleCellTermdbConfig.data.plots.map((p) => p.name);
+    return {
+      genome: this.state.vocab.genome,
+      dslabel: this.state.vocab.dslabel,
+      plots,
+      sample: {
+        eID: config.settings.sc.item.experiment,
+        sID: config.settings.sc.item.sample
+      }
+    };
+  }
+};
+
+// plots/sc/viewModel/SCViewModel.ts
+var SCViewModel = class {
+  constructor(app, config, items, sampleColumns) {
+    this.app = app;
+    this.state = this.app.getState();
+    const [rows, columns] = this.getTabelData(config, items, sampleColumns);
+    const selectedRows = [];
+    const i = items.findIndex((i2) => i2.sample == config.settings.sc.item?.sample);
+    if (i != -1) selectedRows.push(i);
+    this.tableData = {
+      rows,
+      columns,
+      selectedRows
+    };
+  }
+  getTabelData(plotConfig, items, sampleColumns) {
+    const rows = [];
+    const hasExperiments = items.some((i) => i.experiments);
+    const columns = [{ label: plotConfig.settings.sc.columns.sample, sortable: true }];
+    if (hasExperiments) columns.push({ label: "Sample", sortable: true });
+    for (const col of sampleColumns || []) {
+      columns.push({
+        label: col.label,
+        width: "14vw",
+        sortable: true
+      });
+    }
+    if (hasExperiments) columns.push({ label: "Experiment", sortable: true });
+    for (const item of items) {
+      if (hasExperiments)
+        for (const exp of item.experiments) {
+          const row = [{ value: item.sample, __experimentID: exp.experimentID }];
+          row.push({ value: exp.sampleName });
+          for (const col of sampleColumns || []) {
+            row.push({ value: item[col.termid] });
+          }
+          if (this.state.vocab.dslabel == "GDC")
+            row.push({ value: exp.experimentID, url: `https://portal.gdc.cancer.gov/files/${exp.experimentID}` });
+          else row.push({ value: exp.experimentID });
+          rows.push(row);
+        }
+      else {
+        const row = [{ value: item.sample }];
+        for (const col of sampleColumns || []) {
+          row.push({ value: item[col.termid] });
+        }
+        rows.push(row);
+      }
+    }
+    return [rows, columns];
+  }
+};
+
+// plots/sc/interactions/SCInteractions.ts
+var SCInteractions = class {
+  constructor(app, dom, id, getState) {
+    this.app = app;
+    this.dom = dom;
+    this.id = id;
+    this.getState = getState();
+  }
+  /** Used in the gene search menu shown on click from a plot btn
+   * Add the plot to the state.plots array with .parentId. Adding
+   * .parentId prevents the plot from launching in a new sandbox.
+   * Pass the .parentId to both the plotConfig and the action.
+   * this.getState() in SC.ts will find all the subplots with the parentId==this.id
+   * SC.main() initializes the subplots as components in chartsDiv
+   */
+  async createSubplot(config) {
+    const item = this.app.getState().plots.find((p) => p.id === this.id)?.settings.sc.item;
+    const c = Object.assign({}, config, { parentId: this.id, scItem: structuredClone(item) });
+    await this.app.dispatch({
+      type: "plot_create",
+      parentId: this.id,
+      config: c
+    });
+  }
+  /** Updates the item in the plot settings */
+  async updateItem(item) {
+    await this.app.dispatch({
+      type: "plot_edit",
+      id: this.id,
+      config: { settings: { sc: { item } } }
+    });
+  }
+  toggleLoading(on) {
+    if (on) {
+      this.dom.loading.selectAll("*").remove();
+      this.dom.loading.style("display", "block").append("div").style("position", "relative").style("top", "50%").append("span").attr("class", "sjpp-spinner");
+      this.dom.loading.style("display", "");
+    } else {
+      this.dom.loading.selectAll(".sjpp-spinner").remove();
+      this.dom.loading.style("display", "none");
+    }
+  }
+};
+
+// plots/sc/view/PlotSelectionRenderer.ts
+var PlotSelectionRenderer = class {
+  constructor(dom, interactions, tableData) {
+    this.dom = dom;
+    this.interactions = interactions;
+    this.renderSamplesTable(tableData);
+  }
+  /** Users select one item at a time to render the plot buttons
+   * to init() plots in the dashboard.*/
+  renderSamplesTable(tableData) {
+    renderTable({
+      rows: tableData.rows,
+      columns: tableData.columns,
+      div: this.dom.tableDiv,
+      singleMode: true,
+      maxWidth: tableData.columns.length > 3 ? "98vw" : "40vw",
+      maxHeight: "30vh",
+      header: {
+        allowSort: true,
+        style: { "text-transform": "capitalize" }
+      },
+      striped: true,
+      selectedRows: tableData.selectedRows,
+      noButtonCallback: (index) => {
+        const item = {};
+        tableData.rows[index].forEach((r, idx) => {
+          if (!r.value) return;
+          item[tableData.columns[idx].label.toLowerCase()] = r.value;
+        });
+        this.interactions.updateItem(item);
+        this.dom.plotsBtnsDiv.style("display", "block");
+      }
+    });
+  }
+};
+
+// plots/sc/view/PlotButtons.ts
+var PlotButtons = class {
+  constructor(interactions, holder) {
+    holder.style("padding", "10px");
+    const promptDiv = holder.append("div").style("padding", "10px 0").text("Select data from");
+    this.plotBtnsDom = {
+      promptDiv,
+      selectPrompt: promptDiv.append("span"),
+      btnsDiv: holder.append("div"),
+      tip: new Menu({ padding: "" })
+    };
+    this.interactions = interactions;
+    const state = this.interactions.getState;
+    this.scctTerms = state.termdbConfig?.termType2terms?.[TermTypeGroups.SINGLECELL_CELLTYPE];
+    this.scTermdbConfig = state.termdbConfig.queries.singleCell;
+  }
+  update(settings, data) {
+    const item = settings.sc.item;
+    this.plotBtnsDom.promptDiv.style("display", !item ? "none" : "block");
+    if (!item) return;
+    if (data != null && data.plots) this.data = data;
+    this.settings = settings;
+    this.item = item;
+    const name = item.sample;
+    this.plotBtnsDom.selectPrompt.text(` ${name}:`);
+    this.renderChartBtns();
+  }
+  renderChartBtns() {
+    this.plotBtnsDom.btnsDiv.selectAll("*").remove();
+    const btns = this.getChartBtnOpts();
+    this.plotBtnsDom.btnsDiv.selectAll("button").data(btns.filter((b) => b.isVisible())).enter().append("button").attr("type", "button").attr("data-testid", (b) => `sjpp-sc-plot-btn-${b.label.toLowerCase().replace(/\s/g, "-")}`).style("padding", "10px 15px").style("border-radius", "20px").style("border-color", "transparent").style("background-color", "#CFE2F3").style("margin", "0 10px").style("cursor", "pointer").text((b) => b.label).on("click", async (e, plot) => {
+      if (plot.open) {
+        this.plotBtnsDom.tip.clear().showunder(e.target);
+        plot.open(plot, this);
+      } else {
+        if (!plot.getPlotConfig)
+          throw new Error(`No getPlotConfig function defined for this plot button = ${plot.label}`);
+        const config = await plot.getPlotConfig();
+        await this.interactions.createSubplot(config);
+      }
+    });
+  }
+  getChartBtnOpts() {
+    const btns = [];
+    for (const plot of this.scTermdbConfig?.data?.plots || []) {
+      btns.push({
+        label: plot.name,
+        isVisible: () => true,
+        getPlotConfig: async () => {
+          return await this.getSingleCellConfig(plot.name);
+        }
+      });
+    }
+    btns.push(
+      {
+        label: "Summary",
+        isVisible: () => true,
+        getPlotConfig: () => {
+          const sample = this.makeSampleObj();
+          return {
+            chartType: "dictionary",
+            spawnConfig: {
+              parentId: this.interactions.id,
+              hidePlotFilter: true,
+              sample
+            },
+            tree: {
+              usecase: {
+                target: "dictionary",
+                specialCase: {
+                  type: "singleCell",
+                  config: { sample }
+                }
+              }
+            }
+          };
+        }
+      },
+      {
+        label: "Gene expression",
+        isVisible: () => this.scTermdbConfig.geneExpression,
+        open: this.geneExpMenu
+      },
+      {
+        label: "Differential expression",
+        isVisible: () => this.scTermdbConfig.DEgenes,
+        open: this.termDropdownMenu,
+        getPlotConfig: (value) => {
+          return {
+            chartType: "differentialAnalysis",
+            termType: SINGLECELL_CELLTYPE,
+            categoryName: `${value}`,
+            termId: this.scTermdbConfig.DEgenes.termId,
+            sample: this.item.experiment || this.item.sample
+          };
+        }
+      }
+    );
+    return btns;
+  }
+  //********** Btn Menus **********/
+  geneExpMenu(plot, self) {
+    const opts = {
+      termType: SINGLECELL_GENE_EXPRESSION,
+      termProperties: { sample: self.makeSampleObj() },
+      spawnConfig: {
+        hidePlotFilter: true,
+        parentId: self.interactions.id,
+        scItem: self.makeSampleObj(),
+        /** It's not ideal to always pass the hierCluster settings here, but it's required for the current implementation */
+        settings: { hierCluster: self.settings.hierCluster }
+      }
+    };
+    new GeneExpChartMenu(self.interactions.app, self.plotBtnsDom.tip, opts);
+  }
+  //TODO: Change this to use the term from termdbConfig
+  // and return to getPlotConfig
+  termDropdownMenu(plot, self) {
+    self.plotBtnsDom.tip.clear();
+    const _plot = self.data.plots[0];
+    const wrapper = self.plotBtnsDom.tip.d.append("div").style("padding", "10px");
+    wrapper.append("div").style("display", "block").style("width", "300px").text(`View differentially expressed genes of a ${_plot.colorBy.toLowerCase()} versus rest of the cells:`);
+    const select = wrapper.append("select").style("margin", "10px 0").style("width", "auto").style("padding", "5px").on("change", async function() {
+      self.plotBtnsDom.tip.hide();
+      const value = select.node().value;
+      if (value.indexOf("Select") == 0) return;
+      const config = plot.getPlotConfig(value, _plot.colorBy);
+      await self.interactions.createSubplot(config);
+    });
+    const regex = new RegExp(_plot.colorBy, "g");
+    _plot.clusters.unshift(`Select ${_plot.colorBy}...`);
+    for (const cluster of _plot.clusters) {
+      select.append("option").attr("value", cluster.replace(regex, "").trim()).text(cluster);
+    }
+  }
+  //********** Plot Config Helpers **********/
+  async getSingleCellConfig(plotName) {
+    if (!this.item) throw new Error("No item selected");
+    const plot = this.scTermdbConfig.data.plots.find((p) => p.name == plotName);
+    if (!plot) throw new Error(`No plot by name ${plotName} in data.plots.`);
+    const config = {
+      chartType: "sampleScatter",
+      singleCellPlot: {
+        name: plotName,
+        sample: this.makeSampleObj()
+      }
+    };
+    if (plot.colorColumns?.[0]) {
+      config.colorTW = await this.makeScctTW(this.item, plot);
+    }
+    return config;
+  }
+  // Quick fix. Eventually use the handler to get the proper term from the termdbConfig
+  async makeScctTW(item, plot) {
+    const colorColName = plot.colorColumns[0].name;
+    const savedTerm = this.scctTerms?.find((t) => t.name == colorColName && t.plot == plot.name);
+    if (!savedTerm)
+      throw new Error(
+        `No term found for colorColumn=${colorColName} in .termType2terms.[TermTypeGroups.SINGLECELL_CELLTYPE] for plot ${plot.name}`
+      );
+    const term = Object.assign(structuredClone(savedTerm), {
+      sample: this.makeSampleObj()
+    });
+    const id = await digestMessage(`${plot.name}-${item.sample}-${item.experiment}`);
+    return Object.assign({ $id: id }, { term });
+  }
+  /** Creates a sample object for the current item.
+   * Part of the effort to normalize sample objects across
+   * native and gdc datasets. */
+  makeSampleObj() {
+    return {
+      sID: this.item.sample,
+      eID: this.item.experiment
+    };
+  }
+};
+
+// plots/sc/view/SCViewRenderer.ts
+var SCViewRenderer = class _SCViewRenderer {
+  static {
+    //On load, show table
+    //Eventually maybe an app dispatch and not a flag
+    this.inUse = true;
+  }
+  constructor(dom, interactions, segments) {
+    this.dom = dom;
+    this.interactions = interactions;
+    this.plotBtns = new PlotButtons(this.interactions, this.dom.plotsBtnsDiv);
+    this.segments = segments;
+  }
+  render(tableData) {
+    this.renderSelectBtn();
+    new PlotSelectionRenderer(this.dom, this.interactions, tableData);
+    this.dom.plotsBtnsDiv.style("display", "none");
+  }
+  /** Renders the select btn at the top of the page that
+   * show/hides the item table and plot buttons */
+  renderSelectBtn() {
+    this.dom.selectBtnDiv.style("padding", "10px");
+    const btn = this.dom.selectBtnDiv.append("button").attr("data-testid", "sjpp-sc-item-table-select-btn").style("border-radius", "20px").style("padding", "5px 10px").style("background-color", "transparent").text("Select sample and plots");
+    const arrowSpan = btn.append("span").style("font-size", "0.8em").style("padding-left", "3px").text("\u25BC");
+    btn.on("click", () => {
+      _SCViewRenderer.inUse = !_SCViewRenderer.inUse;
+      arrowSpan.text(_SCViewRenderer.inUse ? "\u25BC" : "\u25B2");
+      this.dom.tableDiv.style("display", _SCViewRenderer.inUse ? "block" : "none");
+      this.dom.plotsBtnsDiv.style("display", _SCViewRenderer.inUse ? "block" : "none");
+    });
+  }
+  update(settings, data) {
+    this.plotBtns.update(settings, data);
+  }
+  removeSegments() {
+    if (!Object.keys(this.segments).length) return;
+    for (const [key, segment] of Object.entries(this.segments)) {
+      const plots = segment.subplots.selectAll(".sjpp-output-sandbox-header").size();
+      if (!plots) {
+        segment.title.remove();
+        segment.subplots.remove();
+        delete this.segments[key];
+      }
+    }
+  }
+};
+
+// plots/sc/defaults.ts
+function getDefaultSCAppSettings(overrides = {}, app) {
+  const defaults = {
+    sc: {
+      columns: {
+        // TODO: Implement ds specific column name
+        sample: "Sample"
+      },
+      item: void 0
+    },
+    hierCluster: {
+      unit: getGEunit(app.vocabApi),
+      yDendrogramHeight: 0,
+      clusterSamples: false
+    }
+  };
+  return Object.assign(defaults, overrides);
+}
+
+// plots/sc/viewModel/plotData.ts
+function formatPlotData(_plots) {
+  const plots = structuredClone(_plots);
+  for (const plot of plots) {
+    const expCells = plot.expCells.sort((a, b) => a.geneExp - b.geneExp);
+    plot.cells = [...plot.noExpCells, ...expCells];
+    const clusters = new Set(plot.cells.map((c) => c.category));
+    plot.clusters = Array.from(clusters).sort((a, b) => {
+      const num1 = parseInt(a.split(" ")[1]);
+      const num2 = parseInt(b.split(" ")[1]);
+      return num1 - num2;
+    });
+  }
+  return plots;
+}
+
+// plots/sc/SC.ts
+var SCViewer = class _SCViewer extends PlotBase {
+  static {
+    this.type = "sc";
+  }
+  constructor(opts, api) {
+    super(opts, api);
+    this.type = _SCViewer.type;
+    this.components = {
+      plots: {}
+    };
+    const div = opts.holder.classed("sjpp-sc-main", true).append("div").style("padding", "5px").style("display", "inline-block").style("vertical-align", "top");
+    this.dom = {
+      div,
+      loading: opts.holder.append("div").attr("class", "sjpp-sc-main-loading").attr("data-testid", "sjpp-sc-main-loading").style("position", "absolute").style("top", "0").style("left", "0").style("width", "100%").style("height", "100%").style("background-color", "rgba(255, 255, 255, 0.95)").style("text-align", "center"),
+      selectBtnDiv: div.append("div").attr("id", "sjpp-sc-select-btn"),
+      tableDiv: div.append("div").attr("id", "sjpp-sc-item-table"),
+      plotsBtnsDiv: div.append("div").attr("id", "sjpp-sc-plot-buttons").style("display", "none")
+    };
+    this.segments = {};
+    if (opts.header) opts.header.html(`SINGLE CELL`).style("font-size", "0.9em");
+  }
+  getState(appState) {
+    const config = appState.plots.find((p) => p.id === this.id);
+    if (!config) {
+      throw new Error(
+        `No plot with id='${this.id}' found. Did you set this.id before this.api = getComponentApi(this)?`
+      );
+    }
+    return {
+      config,
+      subplots: appState.plots.filter((p) => p.parentId === this.id),
+      termfilter: appState.termfilter,
+      termdbConfig: appState.termdbConfig,
+      vocab: appState.vocab
+    };
+  }
+  async init(appState) {
+    const state = this.getState(appState);
+    const dsScSamples = state.termdbConfig.queries?.singleCell?.samples;
+    this.model = new SCModel(this.app, this.id);
+    try {
+      const response = await this.model.getSampleData();
+      if (response.error || !response.samples || !response.samples.length) {
+        this.app.printError("No samples found for this dataset");
+        return;
+      }
+      this.items = response.samples;
+      this.itemColumns = await this.model.getColumnLabels(dsScSamples);
+    } catch (e) {
+      if (e instanceof Error) console.error(`${e.message || e} [SC init()]`);
+      else if (e.stack) console.log(e.stack);
+      throw new Error(e.message || e);
+    }
+    this.interactions = new SCInteractions(this.app, this.dom, this.id, () => this.getState(this.app.getState()));
+    this.viewModel = new SCViewModel(this.app, state.config, this.items, this.itemColumns);
+    this.view = new SCViewRenderer(this.dom, this.interactions, this.segments);
+    this.view.render(this.viewModel.tableData);
+  }
+  //TODO: .text() should be ds specific
+  async initSegment(item, sampleId) {
+    const caseText = item.case ? `Case: ${item.case}` : "";
+    const itemText = `Sample: ${sampleId}`;
+    const projectText = item["project id"] ? `Project: ${item["project id"]}` : "";
+    const headerText = [itemText, caseText, projectText].join(" ");
+    this.segments[sampleId] = {
+      title: this.dom.div.append("div").attr("data-testid", `sjpp-sc-segment-title-${sampleId}`).style("margin-left", "10px").style("padding", "10px").style("font-weight", 600).text(headerText),
+      subplots: this.dom.div.append("div").attr("data-testid", `sjpp-sc-segment-subplots-${sampleId}`).style("margin-left", "10px"),
+      sandboxes: {}
+    };
+  }
+  /** The plot obj is already in state.plots[] but not rendered
+   * (see SCInteractions). This creates the component and renders the plot */
+  async initSubplotComponent(subplot, sampleId) {
+    const sandbox = newSandboxDiv(this.segments[sampleId].subplots, {
+      close: () => {
+        delete this.components.plots[subplot.id];
+        delete this.segments[sampleId].sandboxes[subplot.id];
+        this.app.dispatch({
+          type: "plot_delete",
+          id: subplot.id,
+          parentId: this.id
+        });
+        this.view?.removeSegments();
+      },
+      plotId: subplot.id,
+      beforePlotId: subplot.insertBefore || null
+      // style: {
+      // 	width: '98.5%'
+      // }
+    });
+    const opts = Object.assign({}, subplot, {
+      app: this.app,
+      parentId: this.id,
+      id: subplot.id
+    });
+    if (subplot.chartType == "summary") {
+      opts.holder = sandbox;
+    } else {
+      opts.holder = sandbox.body;
+      opts.header = sandbox.header;
+    }
+    const { componentInit: componentInit2 } = await importPlot(opts.chartType);
+    this.components.plots[subplot.id] = await componentInit2(opts);
+    this.segments[sampleId].sandboxes[subplot.id] = sandbox.app_div;
+  }
+  async reconcileSubplots(state) {
+    const subplotsById = new Map(state.subplots.map((subplot) => [subplot.id, subplot]));
+    for (const [subplotId, subplot] of subplotsById) {
+      const item = subplot.scItem || subplot?.term?.term?.sample;
+      if (!item) throw new Error("No item found for subplot. Expected subplot.scItem or config.settings.sc.item");
+      const sampleId = item.sample || item.sID;
+      if (!this.segments[sampleId]) this.initSegment(item, sampleId);
+      if (!this.components.plots[subplotId]) await this.initSubplotComponent(subplot, sampleId);
+    }
+    for (const subplotId of Object.keys(this.components.plots)) {
+      if (!subplotsById.has(subplotId)) {
+        for (const segment of Object.values(this.segments)) {
+          const sandbox = segment.sandboxes[subplotId];
+          if (sandbox) {
+            sandbox.remove();
+            delete segment.sandboxes[subplotId];
+            break;
+          }
+        }
+        delete this.components.plots[subplotId];
+      }
+    }
+    this.view?.removeSegments();
+  }
+  async main() {
+    const state = structuredClone(this.state);
+    const config = state.config;
+    if (!this.model) throw new Error(`Model not initialized`);
+    if (!this.viewModel) throw new Error(`ViewModel not initialized`);
+    if (!this.view) throw new Error(`View not initialized`);
+    if (!this.interactions) throw new Error(`Interactions not initialized`);
+    this.interactions.toggleLoading(true);
+    await this.reconcileSubplots(state);
+    let data = null;
+    if (config.settings.sc.item) {
+      try {
+        data = await this.model.getData();
+        if (data.error || !data.plots || !data.plots.length) {
+          this.interactions.toggleLoading(false);
+          this.app.printError(data.error);
+          return;
+        }
+      } catch (e) {
+        this.interactions.toggleLoading(false);
+        if (e instanceof Error) console.error(`${e.message || e} [SC main()]`);
+        else if (e.stack) console.log(e.stack);
+        throw new Error(e.message || e);
+      }
+      data.plots = formatPlotData(data.plots);
+    }
+    this.view.update(config.settings, data);
+    this.interactions.toggleLoading(false);
+  }
+};
+var SCInit = getCompInit(SCViewer);
+var componentInit = SCInit;
+function getPlotConfig(opts, app) {
+  const config = {
+    chartType: "sc",
+    hidePlotFilter: true,
+    settings: getDefaultSCAppSettings(opts.overrides, app)
+  };
+  return copyMerge(config, opts);
+}
+export {
+  SCInit,
+  componentInit,
+  getPlotConfig
+};
+//# sourceMappingURL=SC-H2YCKSBH.js.map