@d-i-t-a/reader 2.0.0-beta.16 → 2.0.0-beta.17

package/dist/esm/index.js

@@ -55643,6 +55643,14 @@ var IFrameNavigator = class extends import_events.default {
         this.nextChapterBottomAnchorElement.style.display = "none";
       if (this.previousChapterTopAnchorElement)
         this.previousChapterTopAnchorElement.style.display = "none";
+      if (this.keyboardEventHandler) {
+        this.keyboardEventHandler.onBackwardSwipe = this.handlePreviousChapterClick.bind(this);
+        this.keyboardEventHandler.onForwardSwipe = this.handleNextChapterClick.bind(this);
+      }
+      if (this.touchEventHandler) {
+        this.touchEventHandler.onBackwardSwipe = this.handlePreviousPageClick.bind(this);
+        this.touchEventHandler.onForwardSwipe = this.handleNextPageClick.bind(this);
+      }
     } else {
       this.settings.isPaginated().then((paginated) => {
         if (paginated) {
@@ -59707,6 +59715,7 @@ init_polyfills();
 var DEFAULT_BACKGROUND_COLOR_OPACITY2 = 0.5;
 var LineFocusModule = class {
   constructor(delegate, properties, highlighter, api) {
+    this.hasEventListener = false;
     this.lines = [];
     this.index = 0;
     this.isActive = false;
@@ -59746,6 +59755,32 @@ var LineFocusModule = class {
       }
     }
   }
+  keydown(event) {
+    if (event instanceof KeyboardEvent) {
+      const key = event.key;
+      switch (key) {
+        case "ArrowUp":
+          event.stopPropagation();
+          break;
+        case "ArrowDown":
+          event.stopPropagation();
+          break;
+      }
+    }
+  }
+  keyup(event) {
+    if (event instanceof KeyboardEvent) {
+      const key = event.key;
+      switch (key) {
+        case "ArrowUp":
+          this.lineUp();
+          break;
+        case "ArrowDown":
+          this.lineDown();
+          break;
+      }
+    }
+  }
   handleResize() {
     if (this.isActive) {
       this.lineFocus();
@@ -59755,9 +59790,23 @@ var LineFocusModule = class {
     this.isActive = true;
     await this.delegate.settings.scroll(true);
     this.lineFocus();
+    if (!this.hasEventListener) {
+      this.hasEventListener = true;
+      addEventListenerOptional(document, "keydown", this.keydown.bind(this));
+      addEventListenerOptional(document, "keyup", this.keyup.bind(this));
+      addEventListenerOptional(this.delegate.iframes[0].contentDocument, "keydown", this.keydown.bind(this));
+      addEventListenerOptional(this.delegate.iframes[0].contentDocument, "keyup", this.keyup.bind(this));
+    }
   }
   disableLineFocus(resetHeight = true) {
     this.isActive = false;
+    if (this.hasEventListener) {
+      this.hasEventListener = false;
+      removeEventListenerOptional(document, "keydown", this.keydown.bind(this));
+      removeEventListenerOptional(document, "keyup", this.keyup.bind(this));
+      removeEventListenerOptional(this.delegate.iframes[0].contentDocument, "keydown", this.keydown.bind(this));
+      removeEventListenerOptional(this.delegate.iframes[0].contentDocument, "keyup", this.keyup.bind(this));
+    }
     const wrapper = findRequiredElement(document, "#iframe-wrapper");
     if (this.wrapperHeight) {
       wrapper.style.height = this.wrapperHeight;
@@ -59998,7 +60047,6 @@ var LineFocusModule = class {
       if (this.lineFocusBottomBlinder)
         this.lineFocusBottomBlinder.style.height = blindersHeight + "px";
     }
-    current.focus();
     current.scrollIntoView({
       block: "center",
       behavior: "smooth"
@@ -60022,7 +60070,6 @@ var LineFocusModule = class {
         if (this.lineFocusBottomBlinder)
           this.lineFocusBottomBlinder.style.height = blindersHeight + "px";
       }
-      current.focus();
       current.scrollIntoView({
         block: "center",
         behavior: "smooth"
@@ -60047,7 +60094,6 @@ var LineFocusModule = class {
         if (this.lineFocusBottomBlinder)
           this.lineFocusBottomBlinder.style.height = blindersHeight + "px";
       }
-      current.focus();
       current.scrollIntoView({
         block: "center",
         behavior: "smooth"