Method constructor

packages/foliate-js/reader.js:79–107

()

    $("#side-bar").classList.remove("show");
  }
  constructor() {
    $("#side-bar-button").addEventListener("click", () => {
      $("#dimming-overlay").classList.add("show");
      $("#side-bar").classList.add("show");
    });
    $("#dimming-overlay").addEventListener("click", () => this.closeSideBar());

    const menu = createMenu([
      {
        name: "layout",
        label: "Layout",
        type: "radio",
        items: [
          ["Paginated", "paginated"],
          ["Scrolled", "scrolled"],
        ],
        onclick: (value) => {
          this.view?.renderer.setAttribute("flow", value);
        },
      },
    ]);
    menu.element.classList.add("menu");

    $("#menu-button").append(menu.element);
    $("#menu-button > button").addEventListener("click", () =>
      menu.element.classList.toggle("show"),
    );
    menu.groups.layout.select("paginated");
  }
  async open(file) {
    this.view = document.createElement("foliate-view");
    document.body.append(this.view);