@d-i-t-a/reader 2.0.0-beta.21 → 2.0.0-beta.22

package/dist/esm/index.js

@@ -49267,7 +49267,6 @@ var _blacklistIdClassForCssSelectors = [
 ];
 var lastMouseDownX = -1;
 var lastMouseDownY = -1;
-var bodyEventListeners = [];
 var TextHighlighter = class {
   constructor(delegate, layerSettings, properties, hasEventListener, options, api) {
     this.lastSelectedHighlight = void 0;
@@ -49332,7 +49331,6 @@ var TextHighlighter = class {
     this.initializeToolbox();
     lastMouseDownX = -1;
     lastMouseDownY = -1;
-    bodyEventListeners = [];
     let self2 = this;
     async function unselect() {
       if (self2.lastSelectedHighlight === void 0) {
@@ -49559,8 +49557,26 @@ var TextHighlighter = class {
     if (this.isAndroid()) {
       el.addEventListener("contextmenu", this.disableContext);
     }
+    el.addEventListener("mousedown", this.mousedown.bind(this));
+    el.addEventListener("mouseup", this.mouseup.bind(this));
+    el.addEventListener("mousemove", this.mousemove.bind(this));
+    el.addEventListener("touchstart", this.mousedown.bind(this));
+    el.addEventListener("touchend", this.mouseup.bind(this));
+    el.addEventListener("touchmove", this.mousemove.bind(this));
     this.hasEventListener = true;
   }
+  async mousedown(ev) {
+    lastMouseDownX = ev.clientX;
+    lastMouseDownY = ev.clientY;
+  }
+  async mouseup(ev) {
+    if (Math.abs(lastMouseDownX - ev.clientX) < 3 && Math.abs(lastMouseDownY - ev.clientY) < 3) {
+      await this.processMouseEvent(ev);
+    }
+  }
+  async mousemove(ev) {
+    await this.processMouseEvent(ev);
+  }
   unbindEvents(el, _scope) {
     let doc = el.ownerDocument;
     doc.removeEventListener("keyup", this.toolboxShowDelayed.bind(this));
@@ -49574,6 +49590,12 @@ var TextHighlighter = class {
     if (this.isAndroid()) {
       el.removeEventListener("contextmenu", this.disableContext);
     }
+    el.removeEventListener("mousedown", this.mousedown.bind(this));
+    el.removeEventListener("mouseup", this.mouseup.bind(this));
+    el.removeEventListener("mousemove", this.mousemove.bind(this));
+    el.removeEventListener("touchstart", this.mousedown.bind(this));
+    el.removeEventListener("touchend", this.mouseup.bind(this));
+    el.removeEventListener("touchmove", this.mousemove.bind(this));
     this.hasEventListener = false;
   }
   destroy() {
@@ -50350,12 +50372,12 @@ var TextHighlighter = class {
     }
     throw new Error("Bad Hex");
   }
-  resetHighlightBoundingStyle(_win, highlightBounding) {
+  resetHighlightBoundingStyle(highlightBounding) {
     highlightBounding.style.outline = "none";
     highlightBounding.style.setProperty("background-color", "transparent", "important");
   }
-  resetHighlightAreaStyle(win, highlightArea, id_container) {
-    let doc = win.document;
+  resetHighlightAreaStyle(highlightArea, id_container) {
+    let doc = this.delegate.iframes[0].contentWindow?.document;
     const id2 = highlightArea.parentNode && highlightArea.parentNode.nodeType === Node.ELEMENT_NODE && highlightArea.parentNode.getAttribute ? highlightArea.parentNode.getAttribute("id") : void 0;
     if (id2) {
       const highlight = _highlights.find((h) => {
@@ -50420,9 +50442,11 @@ var TextHighlighter = class {
           }
         }
         let highlightParent;
-        let container = doc.getElementById(id_container);
-        if (container) {
-          highlightParent = container.querySelector(`#${highlight.id}`);
+        if (doc) {
+          let container = doc.getElementById(id_container);
+          if (container) {
+            highlightParent = container.querySelector(`#${highlight.id}`);
+          }
         }
         if (highlightParent) {
           let nodeList = highlightParent.getElementsByClassName(CLASS_HIGHLIGHT_ICON);
@@ -50436,8 +50460,7 @@ var TextHighlighter = class {
       }
     }
   }
-  setHighlightAreaStyle(win, highlightAreas, highlight) {
-    let doc = win.document;
+  setHighlightAreaStyle(doc, highlightAreas, highlight) {
     for (const highlightArea of highlightAreas) {
       if (highlight.marker === AnnotationMarker.Custom || highlight.marker === AnnotationMarker.Bookmark) {
         if (highlight.style?.hover) {
@@ -50562,10 +50585,13 @@ var TextHighlighter = class {
   isAndroid() {
     return navigator.userAgent.match(/Android/i) != null;
   }
-  async processMouseEvent(win, ev) {
-    const doc = win.document;
+  async processMouseEvent(ev) {
+    const doc = this.delegate.iframes[0].contentWindow?.document;
     const x = ev.clientX;
     const y = ev.clientY;
+    if (!doc) {
+      return;
+    }
     if (!doc.getElementById(HighlightContainer.R2_ID_HIGHLIGHTS_CONTAINER) && !doc.getElementById(HighlightContainer.R2_ID_SEARCH_CONTAINER) && !doc.getElementById(HighlightContainer.R2_ID_PAGEBREAK_CONTAINER) && !doc.getElementById(HighlightContainer.R2_ID_READALOUD_CONTAINER) && !doc.getElementById(HighlightContainer.R2_ID_DEFINITIONS_CONTAINER)) {
       return;
     }
@@ -50581,7 +50607,9 @@ var TextHighlighter = class {
       let highlightParent = doc.getElementById(`${highlight.id}`);
       if (!highlightParent) {
         let container = doc.getElementById(HighlightContainer.R2_ID_HIGHLIGHTS_CONTAINER);
-        highlightParent = container.querySelector(`#${highlight.id}`);
+        if (container) {
+          highlightParent = container.querySelector(`#${highlight.id}`);
+        }
       }
       if (!highlightParent) {
         continue;
@@ -50609,11 +50637,11 @@ var TextHighlighter = class {
         if (container) {
           const highlightBoundings = container.querySelectorAll(`.${CLASS_HIGHLIGHT_BOUNDING_AREA}`);
           for (const highlightBounding of highlightBoundings) {
-            this.resetHighlightBoundingStyle(win, highlightBounding);
+            this.resetHighlightBoundingStyle(highlightBounding);
           }
           const allHighlightAreas = Array.from(container.querySelectorAll(`.${CLASS_HIGHLIGHT_AREA}`));
           for (const highlightArea of allHighlightAreas) {
-            this.resetHighlightAreaStyle(win, highlightArea, id2);
+            this.resetHighlightAreaStyle(highlightArea, id2);
           }
         }
       }
@@ -50628,12 +50656,12 @@ var TextHighlighter = class {
             const allHighlightAreas = container.querySelectorAll(`.${CLASS_HIGHLIGHT_AREA}`);
             for (const highlightArea of allHighlightAreas) {
               if (foundElementHighlightAreas.indexOf(highlightArea) < 0) {
-                this.resetHighlightAreaStyle(win, highlightArea, id2);
+                this.resetHighlightAreaStyle(highlightArea, id2);
               }
             }
           }
         }
-        this.setHighlightAreaStyle(win, foundElementHighlightAreas, foundHighlight);
+        this.setHighlightAreaStyle(doc, foundElementHighlightAreas, foundHighlight);
         const foundElementHighlightBounding = foundElement.querySelector(`.${CLASS_HIGHLIGHT_BOUNDING_AREA}`);
         for (let id2 in HighlightContainer) {
           let container = doc.getElementById(id2);
@@ -50641,7 +50669,7 @@ var TextHighlighter = class {
             const allHighlightBoundings = container.querySelectorAll(`.${CLASS_HIGHLIGHT_BOUNDING_AREA}`);
             for (const highlightBounding of allHighlightBoundings) {
               if (!foundElementHighlightBounding || highlightBounding !== foundElementHighlightBounding) {
-                this.resetHighlightBoundingStyle(win, highlightBounding);
+                this.resetHighlightBoundingStyle(highlightBounding);
               }
             }
           }
@@ -50790,31 +50818,7 @@ var TextHighlighter = class {
   }
   async ensureHighlightsContainer(win, id2) {
     const doc = win.document;
-    let self2 = this;
     if (!doc.getElementById(id2)) {
-      if (!bodyEventListeners[id2]) {
-        bodyEventListeners[id2] = true;
-        async function mousedown(ev) {
-          lastMouseDownX = ev.clientX;
-          lastMouseDownY = ev.clientY;
-        }
-        async function mouseup(ev) {
-          if (Math.abs(lastMouseDownX - ev.clientX) < 3 && Math.abs(lastMouseDownY - ev.clientY) < 3) {
-            self2.processMouseEvent(win, ev);
-          }
-        }
-        async function mousemove(ev) {
-          self2.processMouseEvent(win, ev);
-        }
-        if (doc.body) {
-          doc.body.addEventListener("mousedown", mousedown, false);
-          doc.body.addEventListener("mouseup", mouseup, false);
-          doc.body.addEventListener("mousemove", mousemove, false);
-          doc.body.addEventListener("touchstart", mousedown, false);
-          doc.body.addEventListener("touchend", mouseup, false);
-          doc.body.addEventListener("touchmove", mousemove, false);
-        }
-      }
       let container = doc.createElement("div");
       container.setAttribute("id", id2);
       container.style.setProperty("pointer-events", "none");
@@ -51263,7 +51267,7 @@ var TextHighlighter = class {
           }
         }
         const foundElementHighlightAreas = Array.from(highlightParent.querySelectorAll(`.${CLASS_HIGHLIGHT_AREA}`));
-        self2.setHighlightAreaStyle(win, foundElementHighlightAreas, highlight);
+        self2.setHighlightAreaStyle(doc, foundElementHighlightAreas, highlight);
       });
     }
     if (highlight.note) {