fix: fixed circular dependency.

Author: tkskto

src/client/SeedOpenStateSwitcher.ts

@@ -1,17 +1,15 @@
-import {Model} from './model';
-
 class SeedOpenStateSwitcher {
   private _isOpen = false;
 
   private _details: NodeListOf<HTMLDetailsElement> | null = null;
 
   private _textElement: HTMLElement | null;
 
-  constructor(_button: HTMLButtonElement, model: Model) {
+  constructor(_button: HTMLButtonElement) {
     this._textElement = document.getElementById('btn-toggle-visible-state-text');
-    _button.addEventListener('click', this.onClick.bind(this));
+    this._details = document.querySelectorAll<HTMLDetailsElement>('.detail');
 
-    model.addEventListener(Model.EVENT.DATA_UPDATE, this.onDataUpdated.bind(this));
+    _button.addEventListener('click', this.onClick.bind(this));
   }
 
   private open() {
@@ -47,16 +45,12 @@ class SeedOpenStateSwitcher {
       this.close();
     }
   }
-
-  private onDataUpdated() {
-    this._details = document.querySelectorAll<HTMLDetailsElement>('.detail');
-  }
 }
 
-export const setSeedOpenStateSwitcher = (model: Model): void => {
+export const setSeedOpenStateSwitcher = (): void => {
   const btn = document.getElementById('btn-toggle-visible-state');
 
   if (btn) {
-    new SeedOpenStateSwitcher(btn as HTMLButtonElement, model);
+    new SeedOpenStateSwitcher(btn as HTMLButtonElement);
   }
 };

src/client/dialog/index.ts

@@ -1,4 +1,3 @@
-import {capture} from '../ScreenCapture';
 import {disableTabIndex, resetTabIndex} from '../common';
 
 class CustomDialog {
@@ -18,33 +17,31 @@ class CustomDialog {
     }
   }
 
-  show() {
+  private show() {
     document.body.classList.add('-dialog-show');
     disableTabIndex('#dialog');
   }
 
-  close() {
+  private close() {
     document.body.classList.remove('-dialog-show');
     resetTabIndex();
   }
 
-  load() {
+  public load() {
     this.show();
 
     if (this._contents) {
       this._contents.innerHTML = '<p>now loading...</p>';
     }
   }
 
-  complete(html: string) {
+  private complete(html: string) {
     if (this._contents) {
       this._contents.innerHTML = html;
     }
   }
 
-  async showExportDialog() {
-    this.load();
-    const img = await capture();
+  showExportDialog(img: HTMLImageElement) {
     this._btnExport.href = img.src;
     this.complete(img.outerHTML);
   }