@d-i-t-a/reader 2.0.0-beta.13 → 2.0.0-beta.14

package/dist/esm/index.js

@@ -46855,7 +46855,7 @@ var ReflowableBookView = class {
     const wrapper = findRequiredElement(document, "#iframe-wrapper");
     if (this.scrollMode) {
       const leftHeight = wrapper.scrollTop;
-      const height = this.getScreenHeight();
+      const height = this.getScreenHeight() - 40;
       const offset = leftHeight - height;
       if (offset >= 0) {
         wrapper.scrollTop = offset;
@@ -46881,7 +46881,7 @@ var ReflowableBookView = class {
     const wrapper = findRequiredElement(document, "#iframe-wrapper");
     if (this.scrollMode) {
       const leftHeight = wrapper.scrollTop;
-      const height = this.getScreenHeight();
+      const height = this.getScreenHeight() - 40;
       const scrollHeight = this.scrollingElement.scrollHeight;
       const offset = leftHeight + height;
       if (offset < scrollHeight) {
@@ -52800,6 +52800,7 @@ var MediaOverlayModule = class {
         const timeToSeekTo = this.currentAudioBegin ? this.currentAudioBegin : 0;
         this.audioElement.currentTime = timeToSeekTo;
         await this.audioElement.play();
+        this.ensureOnTimeUpdate(false, true);
         this.audioElement.volume = this.settings.volume;
         this.audioElement.playbackRate = this.settings.rate;
       } else {
@@ -53124,7 +53125,7 @@ var MediaOverlayModule = class {
                 setTimeout(async () => {
                   await self2.audioElement.play();
                   self2.ensureOnTimeUpdate(false, true);
-                }, self2.settings.wait * 1200);
+                }, self2.settings.wait * 1e3);
               }
             };
             let self2 = this;
@@ -53151,7 +53152,7 @@ var MediaOverlayModule = class {
                     setTimeout(async () => {
                       await self2.audioElement.play();
                       self2.ensureOnTimeUpdate(false, true);
-                    }, self2.settings.wait * 1200);
+                    }, self2.settings.wait * 1e3);
                   }
                 };
                 let self2 = this;
@@ -58748,10 +58749,12 @@ var TTSModule2 = class {
       }
     });
   }
-  cancel() {
-    if (this.api?.stopped)
-      this.api?.stopped();
-    this.delegate.emit("readaloud.stopped", "stopped");
+  cancel(api = true) {
+    if (api) {
+      if (this.api?.stopped)
+        this.api?.stopped();
+      this.delegate.emit("readaloud.stopped", "stopped");
+    }
     this.userScrolled = false;
     this.speaking = false;
     setTimeout(() => {
@@ -58768,7 +58771,7 @@ var TTSModule2 = class {
     this.delegate.emit("readaloud.started", "started");
     const self2 = this;
     this.userScrolled = false;
-    this.cancel();
+    this.cancel(false);
     let utterance;
     if (partial) {
       let iframe = document.querySelector("main#iframe-wrapper iframe");
@@ -58908,7 +58911,9 @@ var TTSModule2 = class {
     callback();
   }
   speakPlay() {
-    this.cancel();
+    this.cancel(false);
+    if (this.api?.started)
+      this.api?.started();
     this.delegate.emit("readaloud.started", "started");
     let self2 = this;
     let iframe = document.querySelector("main#iframe-wrapper iframe");
@@ -58918,47 +58923,27 @@ var TTSModule2 = class {
         let node = self2.highlighter.visibleTextRects[0];
         let doc = self2.delegate.iframes[0].contentDocument;
         if (doc) {
-          let isOutsideViewport = function(rect) {
-            const windowLeft = window.scrollX;
-            const windowRight = windowLeft + window.innerWidth;
-            const right = rect.left + rect.width;
-            const bottom = rect.top + rect.height;
-            const windowTop = window.scrollY;
-            const windowBottom = windowTop + window.innerHeight;
-            const isAbove = bottom < windowTop;
-            const isBelow = rect.top > windowBottom;
-            const isLeft = right < windowLeft;
-            const isRight = rect.left > windowRight;
-            return isAbove || isBelow || isLeft || isRight;
-          };
           const range = self2.highlighter.dom(doc.body).getWindow().document.createRange();
           const selection = self2.highlighter.dom(self2.delegate.iframes[0].contentDocument?.body).getSelection();
           selection.removeAllRanges();
           range.selectNodeContents(node.node);
           selection.addRange(range);
-          const clientRects = getClientRectsNoOverlap(range, false);
           let index2 = 0;
-          for (const rect of clientRects) {
-            if (!isOutsideViewport(rect)) {
-              const endNode = selection.focusNode;
-              const endOffset = selection.focusOffset;
-              selection.collapse(selection.anchorNode, selection.anchorOffset);
-              for (let i = 0; i < index2; i++) {
-                selection.modify("move", "forward", "line");
-              }
-              selection.extend(endNode, endOffset);
-              selection.collapse(selection.anchorNode, selection.anchorOffset);
-              if (rootEl) {
-                const idx = self2.findTtsQueueItemIndex(ttsQueue, selection.anchorNode, selection.focusNode, selection.focusOffset, rootEl);
-                if (idx >= 0) {
-                  ttsQueueIndex = idx;
-                }
-              }
-              selection.removeAllRanges();
-              break;
+          const endNode = selection.focusNode;
+          const endOffset = selection.focusOffset;
+          selection.collapse(selection.anchorNode, selection.anchorOffset);
+          for (let i = 0; i < index2; i++) {
+            selection.modify("move", "forward", "line");
+          }
+          selection.extend(endNode, endOffset);
+          selection.collapse(selection.anchorNode, selection.anchorOffset);
+          if (rootEl) {
+            const idx = self2.findTtsQueueItemIndex(ttsQueue, selection.anchorNode, selection.focusNode, selection.focusOffset, rootEl);
+            if (idx >= 0) {
+              ttsQueueIndex = idx;
             }
-            index2++;
           }
+          selection.removeAllRanges();
         }
       };
       const ttsQueue = this.generateTtsQueue(rootEl, true);
@@ -58972,7 +58957,7 @@ var TTSModule2 = class {
       }
       setTimeout(() => {
         this.startTTSSession(ttsQueue, ttsQueueIndex);
-      }, 100);
+      }, 200);
     }
   }
   speakPause() {
@@ -59660,7 +59645,7 @@ var DefinitionsModule = class {
                 }
               });
             }, { threshold: 1 });
-            if (highlightFragments) {
+            if (highlightFragments && highlightFragments.length > 0) {
               observer.observe(highlightFragments[0]);
             }
           });