@d-i-t-a/reader 2.4.5 → 2.4.6

package/dist/esm/index.js

@@ -46282,16 +46282,21 @@ var Popup = class {
           return;
         }
         let self2 = this;
-        win.onclick = function(ev) {
-          if (event.target !== ev.target) {
-            if (d2popover.parentElement) {
-              self2.hidePopover();
-              if (win) {
-                win.onclick = null;
+        win.addEventListener(
+          "click",
+          function(ev) {
+            if (event.target !== ev.target) {
+              if (d2popover.parentElement) {
+                self2.hidePopover();
+                ev.stopImmediatePropagation();
               }
             }
+          },
+          {
+            once: true,
+            capture: true
           }
-        };
+        );
       }
     } else if (src) {
       let absolute = getAbsoluteHref(src);
@@ -46330,16 +46335,21 @@ var Popup = class {
           return;
         }
         let self2 = this;
-        win.onclick = function(ev) {
-          if (event.target !== ev.target) {
-            if (d2popover.parentElement) {
-              self2.hidePopover();
-              if (win) {
-                win.onclick = null;
+        win.addEventListener(
+          "click",
+          function(ev) {
+            if (event.target !== ev.target) {
+              if (d2popover.parentElement) {
+                self2.hidePopover();
+                ev.stopImmediatePropagation();
               }
             }
+          },
+          {
+            once: true,
+            capture: true
           }
-        };
+        );
       }
     }
   }
@@ -46510,7 +46520,7 @@ var EventHandler = class {
         },
         true
       );
-      element.addEventListener("click", this.handleLinks.bind(this));
+      element.addEventListener("click", this.handleLinks.bind(this), true);
     } else {
       throw "cannot setup events for null";
     }
@@ -58984,6 +58994,8 @@ var KeyboardEventHandler = class {
     };
     this.onForwardSwipe = () => {
     };
+    this.onKeydown = () => {
+    };
     this.setupEvents = (element) => {
       if (element) {
         this.focusin(element);
@@ -59035,20 +59047,22 @@ var KeyboardEventHandler = class {
       switch (key) {
         case "ArrowRight":
           self2.rtl ? self2.onBackwardSwipe(event) : self2.onForwardSwipe(event);
-          break;
+          return;
         case "ArrowLeft":
           self2.rtl ? self2.onForwardSwipe(event) : self2.onBackwardSwipe(event);
-          break;
+          return;
       }
       switch (event.code) {
         case "Space":
           if (event.ctrlKey) {
             self2.onBackwardSwipe(event);
+            return;
           } else {
             self2.onForwardSwipe(event);
+            return;
           }
-          break;
       }
+      self2.onKeydown(event);
     });
   }
 };
@@ -62111,9 +62125,13 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
         this.nextChapterBottomAnchorElement.style.display = "none";
       if (this.previousChapterTopAnchorElement)
         this.previousChapterTopAnchorElement.style.display = "none";
+      if (this.eventHandler) {
+        this.eventHandler.onClickThrough = this.handleClickThrough.bind(this);
+      }
       if (this.keyboardEventHandler) {
         this.keyboardEventHandler.onBackwardSwipe = this.handlePreviousChapterClick.bind(this);
         this.keyboardEventHandler.onForwardSwipe = this.handleNextChapterClick.bind(this);
+        this.keyboardEventHandler.onKeydown = this.handleKeydownFallthrough.bind(this);
       }
       if (this.touchEventHandler) {
         this.touchEventHandler.onBackwardSwipe = this.handlePreviousPageClick.bind(this);
@@ -62153,6 +62171,7 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
           if (this.keyboardEventHandler) {
             this.keyboardEventHandler.onBackwardSwipe = this.handlePreviousPageClick.bind(this);
             this.keyboardEventHandler.onForwardSwipe = this.handleNextPageClick.bind(this);
+            this.keyboardEventHandler.onKeydown = this.handleKeydownFallthrough.bind(this);
           }
         } else {
           if (this.infoBottom)
@@ -62256,6 +62275,7 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
           if (this.keyboardEventHandler) {
             this.keyboardEventHandler.onBackwardSwipe = this.handlePreviousPageClick.bind(this);
             this.keyboardEventHandler.onForwardSwipe = this.handleNextPageClick.bind(this);
+            this.keyboardEventHandler.onKeydown = this.handleKeydownFallthrough.bind(this);
           }
         }
       });
@@ -63378,7 +63398,11 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
       }
     }
   }
-  handleClickThrough(_event) {
+  handleClickThrough(event) {
+    var _a, _b;
+    if ((_a = this.api) == null ? void 0 : _a.clickThrough)
+      (_b = this.api) == null ? void 0 : _b.clickThrough(event);
+    this.emit("click", event);
   }
   handleInternalLink(event) {
     const element = event.target;
@@ -63659,6 +63683,12 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
       event.stopPropagation();
     }
   }
+  handleKeydownFallthrough(event) {
+    var _a, _b;
+    if ((_a = this.api) == null ? void 0 : _a.keydownFallthrough)
+      (_b = this.api) == null ? void 0 : _b.keydownFallthrough(event);
+    this.emit("keydown", event);
+  }
   hideView() {
     var _a, _b;
     if (((_a = this.view) == null ? void 0 : _a.layout) !== "fixed") {