// Imports
import * as RoundSelection from "/components/visualization/round-selection.js";
import * as VisualizationSection from "/components/visualization/visualization-section.js";

export async function mount(where) {
  const visualizationPage = new VisualizationPage();
  await visualizationPage.mount(where);
}

class VisualizationPage {
  constructor() {}

  async mount(where) {
    const mountpoint = where;
    document.getElementById(mountpoint).innerHTML = /* HTML */ `
      <section
        id="visualization-section"
        style="margin-bottom: 230px;"
      ></section>
    `;
    this.handleDom();
    await RoundSelection.mount("visualization-section", this);
  }

  handleDom() {}
  async displayRound(round) {
    this.resultSection = await VisualizationSection.mount("visualization-section", round);
  }
}