@d-i-t-a/reader 3.0.0-alpha.7 → 3.0.0-alpha.9

package/dist/esm/index.js

@@ -12860,6 +12860,69 @@ var require_debounce = __commonJS({
   }
 });
 
+// src/utils/Events.ts
+var ReaderEvent;
+var init_Events = __esm({
+  "src/utils/Events.ts"() {
+    init_polyfills();
+    ReaderEvent = {
+      // Resource lifecycle
+      ResourceReady: "resource.ready",
+      ResourceStart: "resource.start",
+      ResourceEnd: "resource.end",
+      ResourceFits: "resource.fits",
+      ResourceError: "resource.error",
+      // Navigation info
+      Direction: "direction",
+      ChapterInfo: "chapterinfo",
+      PositionInfo: "positioninfo",
+      LocationChanged: "location.changed",
+      // User interaction
+      Click: "click",
+      KeyDown: "keydown",
+      // Error
+      Error: "error",
+      // TTS / Read Aloud
+      ReadAloudStarted: "readaloud.started",
+      ReadAloudStopped: "readaloud.stopped",
+      ReadAloudPaused: "readaloud.paused",
+      ReadAloudResumed: "readaloud.resumed",
+      ReadAloudFinished: "readaloud.finished",
+      // Media Overlays / Read Along
+      ReadAlongStarted: "readalong.started",
+      ReadAlongStopped: "readalong.stopped",
+      ReadAlongPaused: "readalong.paused",
+      ReadAlongResumed: "readalong.resumed",
+      ReadAlongFinished: "readalong.finished",
+      // Bookmarks
+      BookmarkCreated: "bookmark.created",
+      BookmarkDeleted: "bookmark.deleted",
+      // Annotations
+      AnnotationCreated: "annotation.created",
+      AnnotationDeleted: "annotation.deleted",
+      AnnotationUpdated: "annotation.updated",
+      AnnotationSelected: "annotation.selected",
+      AnnotationCommentAdded: "annotation.comment.added",
+      // Text selection / Toolbox
+      ToolboxOpened: "toolbox.opened",
+      ToolboxClosed: "toolbox.closed",
+      TextSelected: "text.selected",
+      // Definitions
+      DefinitionSuccess: "definition.success",
+      DefinitionClick: "definition.click",
+      DefinitionVisible: "definition.visible",
+      // Citation
+      CitationCreated: "citation.created",
+      CitationFailed: "citation.failed",
+      // Content Protection
+      InspectDetected: "inspect.detected",
+      // Consumption tracking
+      ActionTracked: "consumption.action",
+      IdleSince: "consumption.idle"
+    };
+  }
+});
+
 // node_modules/cssesc/cssesc.js
 var require_cssesc = __commonJS({
   "node_modules/cssesc/cssesc.js"(exports, module) {
@@ -29881,24 +29944,6 @@ var require_jscrypto = __commonJS({
   }
 });
 
-// src/utils/HTMLTemplates.ts
-var readerLoading, readerError;
-var init_HTMLTemplates = __esm({
-  "src/utils/HTMLTemplates.ts"() {
-    init_polyfills();
-    init_IconLib();
-    readerLoading = `${icons.loading}`;
-    readerError = `
-    <span>
-    ${icons.error}
-    </span>
-    <span>There was an error loading this page.</span>
-    <button class="go-back">Go back</button>
-    <button class="try-again">Try again</button>
-`;
-  }
-});
-
 // node_modules/eventemitter3/index.js
 var require_eventemitter3 = __commonJS({
   "node_modules/eventemitter3/index.js"(exports, module) {
@@ -30072,6 +30117,264 @@ var init_eventemitter3 = __esm({
   }
 });
 
+// src/navigator/VisualNavigator.ts
+var NavigatorFeature, VisualNavigator;
+var init_VisualNavigator = __esm({
+  "src/navigator/VisualNavigator.ts"() {
+    init_polyfills();
+    init_eventemitter3();
+    NavigatorFeature = {
+      TTS: "tts",
+      MediaOverlays: "mediaOverlays",
+      Search: "search",
+      Annotations: "annotations",
+      Bookmarks: "bookmarks",
+      Zoom: "zoom",
+      LineFocus: "lineFocus",
+      Definitions: "definitions",
+      Citations: "citations",
+      ContentProtection: "contentProtection",
+      Consumption: "consumption",
+      History: "history",
+      Timeline: "timeline"
+    };
+    VisualNavigator = class extends eventemitter3_default {
+      // ── Capability query ──────────────────────────────────────────
+      /**
+       * Check if this navigator supports a given feature.
+       * Replaces instanceof checks in D2Reader.
+       */
+      supports(_feature) {
+        return false;
+      }
+      // ── Default no-ops for optional features ──────────────────────
+      // Subclasses override what they support. D2Reader calls these
+      // without instanceof checks — if the navigator doesn't support
+      // the feature, the no-op runs silently.
+      startReadAloud() {
+      }
+      stopReadAloud() {
+      }
+      pauseReadAloud() {
+      }
+      resumeReadAloud() {
+      }
+      startReadAlong() {
+      }
+      stopReadAlong() {
+      }
+      pauseReadAlong() {
+      }
+      resumeReadAlong() {
+      }
+      hideLayer(_layer) {
+      }
+      showLayer(_layer) {
+      }
+      activateMarker(_id, _position) {
+      }
+      deactivateMarker() {
+      }
+      snapToSelector(_selector) {
+      }
+      applyAttributes(_value) {
+      }
+      mostRecentNavigatedTocItem() {
+        return void 0;
+      }
+      // ── RTL-aware navigation ──────────────────────────────────────
+      /**
+       * Navigate left — respects reading progression direction.
+       * In LTR: goes to previous page. In RTL: goes to next page.
+       */
+      goLeft() {
+        const rtl = this.publication.metadata?.readingProgression === "rtl" || this.publication.metadata?.otherMetadata?.["rendition:spread-direction"] === "rtl";
+        if (rtl) {
+          this.nextPage();
+        } else {
+          this.previousPage();
+        }
+      }
+      /**
+       * Navigate right — respects reading progression direction.
+       * In LTR: goes to next page. In RTL: goes to previous page.
+       */
+      goRight() {
+        const rtl = this.publication.metadata?.readingProgression === "rtl" || this.publication.metadata?.otherMetadata?.["rendition:spread-direction"] === "rtl";
+        if (rtl) {
+          this.previousPage();
+        } else {
+          this.nextPage();
+        }
+      }
+      // ── Zoom (for FXL and PDF) ────────────────────────────────────
+      // Default no-ops. PDFNavigator and EpubNavigator (FXL) override.
+      fitToPage() {
+      }
+      fitToWidth() {
+      }
+      zoomIn() {
+      }
+      zoomOut() {
+      }
+      activateHand() {
+      }
+      deactivateHand() {
+      }
+    };
+  }
+});
+
+// src/utils/HTMLTemplates.ts
+var readerLoading, readerError;
+var init_HTMLTemplates = __esm({
+  "src/utils/HTMLTemplates.ts"() {
+    init_polyfills();
+    init_IconLib();
+    readerLoading = `${icons.loading}`;
+    readerError = `
+    <span>
+    ${icons.error}
+    </span>
+    <span>There was an error loading this page.</span>
+    <button class="go-back">Go back</button>
+    <button class="try-again">Try again</button>
+`;
+  }
+});
+
+// src/utils/GrabToPan.ts
+var CSS_CLASS_GRAB, GrabToPan;
+var init_GrabToPan = __esm({
+  "src/utils/GrabToPan.ts"() {
+    init_polyfills();
+    CSS_CLASS_GRAB = "grab-to-pan-grab";
+    GrabToPan = class {
+      /**
+       * Construct a GrabToPan instance for a given HTML element.
+       * @param {Element} options.element
+       * @param {function} [options.ignoreTarget] - See `ignoreTarget(node)`.
+       * @param {function(boolean)} [options.onActiveChanged] - Called when
+       *   grab-to-pan is (de)activated. The first argument is a boolean that
+       *   shows whether grab-to-pan is activated.
+       */
+      constructor(options) {
+        this.element = options.element;
+        this.document = options.element.ownerDocument;
+        if (typeof options.ignoreTarget === "function") {
+          this.ignoreTarget = options.ignoreTarget;
+        }
+        this.onActiveChanged = options.onActiveChanged;
+        this.activate = this.activate.bind(this);
+        this.deactivate = this.deactivate.bind(this);
+        this.toggle = this.toggle.bind(this);
+        this._onMouseDown = this.#onMouseDown.bind(this);
+        this._onMouseMove = this.#onMouseMove.bind(this);
+        this._endPan = this.#endPan.bind(this);
+        const overlay = this.overlay = document.createElement("div");
+        overlay.className = "grab-to-pan-grabbing";
+      }
+      /**
+       * Bind a mousedown event to the element to enable grab-detection.
+       */
+      activate() {
+        if (!this.active) {
+          this.active = true;
+          this.element.addEventListener("mousedown", this._onMouseDown, true);
+          this.element.classList.add(CSS_CLASS_GRAB);
+          this.onActiveChanged?.(true);
+        }
+      }
+      /**
+       * Removes all events. Any pending pan session is immediately stopped.
+       */
+      deactivate() {
+        if (this.active) {
+          this.active = false;
+          this.element.removeEventListener("mousedown", this._onMouseDown, true);
+          this._endPan();
+          this.element.classList.remove(CSS_CLASS_GRAB);
+          this.onActiveChanged?.(false);
+        }
+      }
+      toggle() {
+        if (this.active) {
+          this.deactivate();
+        } else {
+          this.activate();
+        }
+      }
+      /**
+       * Whether to not pan if the target element is clicked.
+       * Override this method to change the default behaviour.
+       *
+       * @param {Element} node - The target of the event.
+       * @returns {boolean} Whether to not react to the click event.
+       */
+      ignoreTarget(node) {
+        return node.matches(
+          "a[href], a[href] *, input, textarea, button, button *, select, option"
+        );
+      }
+      #onMouseDown(event) {
+        if (event.button !== 0 || this.ignoreTarget(event.target)) {
+          return;
+        }
+        if (event.originalTarget) {
+          try {
+            event.originalTarget.tagName;
+          } catch (e7) {
+            return;
+          }
+        }
+        this.scrollLeftStart = this.element.scrollLeft;
+        this.scrollTopStart = this.element.scrollTop;
+        this.clientXStart = event.clientX;
+        this.clientYStart = event.clientY;
+        this.document.addEventListener("mousemove", this._onMouseMove, true);
+        this.document.addEventListener("mouseup", this._endPan, true);
+        this.element.addEventListener("scroll", this._endPan, true);
+        event.preventDefault();
+        event.stopPropagation();
+        const focusedElement = document.activeElement;
+        if (focusedElement && !focusedElement.contains(event.target)) {
+          focusedElement.blur();
+        }
+      }
+      #onMouseMove(event) {
+        this.element.removeEventListener("scroll", this._endPan, true);
+        if (!(event.buttons & 1)) {
+          this._endPan();
+          return;
+        }
+        const xDiff = event.clientX - this.clientXStart;
+        const yDiff = event.clientY - this.clientYStart;
+        const scrollTop = this.scrollTopStart - yDiff;
+        const scrollLeft = this.scrollLeftStart - xDiff;
+        if (this.element.scrollTo) {
+          this.element.scrollTo({
+            top: scrollTop,
+            left: scrollLeft,
+            behavior: "instant"
+          });
+        } else {
+          this.element.scrollTop = scrollTop;
+          this.element.scrollLeft = scrollLeft;
+        }
+        if (!this.overlay.parentNode) {
+          document.body.append(this.overlay);
+        }
+      }
+      #endPan() {
+        this.element.removeEventListener("scroll", this._endPan, true);
+        this.document.removeEventListener("mousemove", this._onMouseMove, true);
+        this.document.removeEventListener("mouseup", this._endPan, true);
+        this.overlay.remove();
+      }
+    };
+  }
+});
+
 // node_modules/pdfjs-dist/build/pdf.mjs
 function setVerbosityLevel(level) {
   if (Number.isInteger(level)) {
@@ -65208,138 +65511,6 @@ var init_pdf_viewer = __esm({
   }
 });
 
-// src/utils/GrabToPan.ts
-var CSS_CLASS_GRAB, GrabToPan;
-var init_GrabToPan = __esm({
-  "src/utils/GrabToPan.ts"() {
-    init_polyfills();
-    CSS_CLASS_GRAB = "grab-to-pan-grab";
-    GrabToPan = class {
-      /**
-       * Construct a GrabToPan instance for a given HTML element.
-       * @param {Element} options.element
-       * @param {function} [options.ignoreTarget] - See `ignoreTarget(node)`.
-       * @param {function(boolean)} [options.onActiveChanged] - Called when
-       *   grab-to-pan is (de)activated. The first argument is a boolean that
-       *   shows whether grab-to-pan is activated.
-       */
-      constructor(options) {
-        this.element = options.element;
-        this.document = options.element.ownerDocument;
-        if (typeof options.ignoreTarget === "function") {
-          this.ignoreTarget = options.ignoreTarget;
-        }
-        this.onActiveChanged = options.onActiveChanged;
-        this.activate = this.activate.bind(this);
-        this.deactivate = this.deactivate.bind(this);
-        this.toggle = this.toggle.bind(this);
-        this._onMouseDown = this.#onMouseDown.bind(this);
-        this._onMouseMove = this.#onMouseMove.bind(this);
-        this._endPan = this.#endPan.bind(this);
-        const overlay = this.overlay = document.createElement("div");
-        overlay.className = "grab-to-pan-grabbing";
-      }
-      /**
-       * Bind a mousedown event to the element to enable grab-detection.
-       */
-      activate() {
-        if (!this.active) {
-          this.active = true;
-          this.element.addEventListener("mousedown", this._onMouseDown, true);
-          this.element.classList.add(CSS_CLASS_GRAB);
-          this.onActiveChanged?.(true);
-        }
-      }
-      /**
-       * Removes all events. Any pending pan session is immediately stopped.
-       */
-      deactivate() {
-        if (this.active) {
-          this.active = false;
-          this.element.removeEventListener("mousedown", this._onMouseDown, true);
-          this._endPan();
-          this.element.classList.remove(CSS_CLASS_GRAB);
-          this.onActiveChanged?.(false);
-        }
-      }
-      toggle() {
-        if (this.active) {
-          this.deactivate();
-        } else {
-          this.activate();
-        }
-      }
-      /**
-       * Whether to not pan if the target element is clicked.
-       * Override this method to change the default behaviour.
-       *
-       * @param {Element} node - The target of the event.
-       * @returns {boolean} Whether to not react to the click event.
-       */
-      ignoreTarget(node) {
-        return node.matches(
-          "a[href], a[href] *, input, textarea, button, button *, select, option"
-        );
-      }
-      #onMouseDown(event) {
-        if (event.button !== 0 || this.ignoreTarget(event.target)) {
-          return;
-        }
-        if (event.originalTarget) {
-          try {
-            event.originalTarget.tagName;
-          } catch (e7) {
-            return;
-          }
-        }
-        this.scrollLeftStart = this.element.scrollLeft;
-        this.scrollTopStart = this.element.scrollTop;
-        this.clientXStart = event.clientX;
-        this.clientYStart = event.clientY;
-        this.document.addEventListener("mousemove", this._onMouseMove, true);
-        this.document.addEventListener("mouseup", this._endPan, true);
-        this.element.addEventListener("scroll", this._endPan, true);
-        event.preventDefault();
-        event.stopPropagation();
-        const focusedElement = document.activeElement;
-        if (focusedElement && !focusedElement.contains(event.target)) {
-          focusedElement.blur();
-        }
-      }
-      #onMouseMove(event) {
-        this.element.removeEventListener("scroll", this._endPan, true);
-        if (!(event.buttons & 1)) {
-          this._endPan();
-          return;
-        }
-        const xDiff = event.clientX - this.clientXStart;
-        const yDiff = event.clientY - this.clientYStart;
-        const scrollTop = this.scrollTopStart - yDiff;
-        const scrollLeft = this.scrollLeftStart - xDiff;
-        if (this.element.scrollTo) {
-          this.element.scrollTo({
-            top: scrollTop,
-            left: scrollLeft,
-            behavior: "instant"
-          });
-        } else {
-          this.element.scrollTop = scrollTop;
-          this.element.scrollLeft = scrollLeft;
-        }
-        if (!this.overlay.parentNode) {
-          document.body.append(this.overlay);
-        }
-      }
-      #endPan() {
-        this.element.removeEventListener("scroll", this._endPan, true);
-        this.document.removeEventListener("mousemove", this._onMouseMove, true);
-        this.document.removeEventListener("mouseup", this._endPan, true);
-        this.overlay.remove();
-      }
-    };
-  }
-});
-
 // src/navigator/PDFNavigator.ts
 var PDFNavigator_exports = {};
 __export(PDFNavigator_exports, {
@@ -65354,7 +65525,8 @@ var init_PDFNavigator = __esm({
   "src/navigator/PDFNavigator.ts"() {
     init_polyfills();
     import_debounce8 = __toESM(require_debounce());
-    init_eventemitter3();
+    init_VisualNavigator();
+    init_Events();
     init_pdf();
     init_pdf_viewer();
     init_EventHandler();
@@ -65366,7 +65538,7 @@ var init_PDFNavigator = __esm({
       ScaleType2[ScaleType2["Width"] = 1] = "Width";
       return ScaleType2;
     })(ScaleType || {});
-    _PDFNavigator = class _PDFNavigator extends eventemitter3_default {
+    _PDFNavigator = class _PDFNavigator extends VisualNavigator {
       constructor(settings, publication, api, workerSrc, annotator, initialLastReadingPosition, viewStore) {
         super();
         this.isPDF = true;
@@ -65395,6 +65567,20 @@ var init_PDFNavigator = __esm({
         this.initialLastReadingPosition = initialLastReadingPosition;
         this.viewStore = viewStore;
       }
+      supports(feature) {
+        switch (feature) {
+          case NavigatorFeature.Search:
+            return true;
+          case NavigatorFeature.Annotations:
+            return true;
+          case NavigatorFeature.Zoom:
+            return true;
+          case NavigatorFeature.Bookmarks:
+            return true;
+          default:
+            return false;
+        }
+      }
       // ── Factory ────────────────────────────────────────────────────────────────
       static async create(config2) {
         const nav = new this(
@@ -65476,10 +65662,14 @@ var init_PDFNavigator = __esm({
             this.saveLastReadingPosition();
             if (this.atStart()) {
               this.api?.resourceAtStart?.();
-              this.emit("resource.start");
+              this.emit(ReaderEvent.ResourceStart, {
+                href: this.publication.readingOrder[0]?.href
+              });
             } else if (this.atEnd()) {
               this.api?.resourceAtEnd?.();
-              this.emit("resource.end");
+              this.emit(ReaderEvent.ResourceEnd, {
+                href: this.publication.readingOrder[0]?.href
+              });
             }
           }
         );
@@ -65489,7 +65679,9 @@ var init_PDFNavigator = __esm({
             this._numPages = pagesCount;
             this.hideLoading();
             this.api?.resourceReady?.();
-            this.emit("resource.ready");
+            this.emit(ReaderEvent.ResourceReady, {
+              href: this.publication.readingOrder[0]?.href
+            });
             if (!this._positionRestored) {
               this._positionRestored = true;
               await this.restoreLastReadingPosition();
@@ -65590,7 +65782,7 @@ var init_PDFNavigator = __esm({
           const error = err instanceof Error ? err : new Error(String(err));
           console.error("PDFNavigator: failed to load document", url, error);
           this.api?.onError?.(error);
-          this.emit("resource.error", error);
+          this.emit(ReaderEvent.ResourceError, error);
         }
       }
       // ── Navigator interface ────────────────────────────────────────────────────
@@ -66027,6 +66219,7 @@ var init_PDFNavigator = __esm({
         } else {
           this.annotator.saveLastReadingPosition(position);
         }
+        this.emit(ReaderEvent.LocationChanged, position);
       }
       async restoreLastReadingPosition() {
         if (this.initialLastReadingPosition) {
@@ -68738,7 +68931,7 @@ var Publication = class _Publication {
   // ── Layout detection ─────────────────────────────────────────
   get isFixedLayout() {
     if (this.metadata?.layout === "fixed") return true;
-    const renditionLayout = this.metadata?.otherMetadata?.["rendition:layout"];
+    const renditionLayout = this.metadata?.otherMetadata?.["rendition:layout"] ?? this.metadata?.otherMetadata?.rendition?.layout;
     return renditionLayout === "pre-paginated" || renditionLayout === "fixed";
   }
   get isReflowable() {
@@ -69253,6 +69446,8 @@ var ReflowableBookView = class {
         if (html) {
           html.style.setProperty("--USER__scroll", "readium-scroll-on");
         }
+        const spacer = doc.getElementById("r2d2bc-column-spacer");
+        if (spacer) spacer.remove();
       }
       this.setSize();
       this.setIframeHeight(this.iframe);
@@ -69274,8 +69469,8 @@ var ReflowableBookView = class {
       this.setSize();
       this.padOddColumns();
     }
-    if (this.navigator.rights.enableContentProtection) {
-      this.navigator.contentProtectionModule?.recalculate();
+    if (this.host.isContentProtectionEnabled()) {
+      this.host.recalculateContentProtection();
     }
   }
   start() {
@@ -69383,8 +69578,8 @@ var ReflowableBookView = class {
         let roundedLeftWidth = Math.floor(left / width) * width;
         element.style.height = originalHeight;
         this.setLeftColumnsWidth(roundedLeftWidth);
-        if (this.navigator.rights.enableContentProtection) {
-          this.navigator.contentProtectionModule?.recalculate(0);
+        if (this.host.isContentProtectionEnabled()) {
+          this.host.recalculateContentProtection(0);
         }
       }
     }
@@ -69408,8 +69603,8 @@ var ReflowableBookView = class {
         }
         element.style.height = originalHeight;
         this.setLeftColumnsWidth(roundedLeftWidth);
-        if (this.navigator.rights.enableContentProtection) {
-          this.navigator.contentProtectionModule?.recalculate(200);
+        if (this.host.isContentProtectionEnabled()) {
+          this.host.recalculateContentProtection(200);
         }
       }
     }
@@ -69466,10 +69661,10 @@ var ReflowableBookView = class {
       } else {
         this.setLeftColumnsWidth(0);
       }
-      this.navigator.checkResourcePosition();
+      this.host.checkResourcePosition();
     }
-    if (this.navigator.rights.enableContentProtection) {
-      this.navigator.contentProtectionModule?.recalculate();
+    if (this.host.isContentProtectionEnabled()) {
+      this.host.recalculateContentProtection();
     }
   }
   goToNextPage() {
@@ -69497,10 +69692,10 @@ var ReflowableBookView = class {
       } else {
         this.setLeftColumnsWidth(scrollWidth);
       }
-      this.navigator.checkResourcePosition();
+      this.host.checkResourcePosition();
     }
-    if (this.navigator.rights.enableContentProtection) {
-      this.navigator.contentProtectionModule?.recalculate();
+    if (this.host.isContentProtectionEnabled()) {
+      this.host.recalculateContentProtection();
     }
   }
   // doesn't exist in scroll mode
@@ -70146,7 +70341,7 @@ var _UserSettings = class _UserSettings {
       if (html) {
         const rootElement = findElement(document, "#root") || document.documentElement;
         const body = findElement(html, "body");
-        if (this.view?.navigator.publication.isReflowable) {
+        if (this.view?.host?.isReflowable()) {
           if (await this.getProperty(ReadiumCSS.FONT_SIZE_KEY)) {
             html.style.setProperty(
               ReadiumCSS.FONT_SIZE_KEY,
@@ -70172,7 +70367,7 @@ var _UserSettings = class _UserSettings {
             this.userProperties.getByRef(ReadiumCSS.COLUMN_COUNT_REF)?.toString() ?? null
           );
         }
-        if (this.view?.navigator.publication.isReflowable) {
+        if (this.view?.host?.isReflowable()) {
           if (await this.getProperty(ReadiumCSS.TEXT_ALIGNMENT_KEY)) {
             if (this.userProperties.getByRef(ReadiumCSS.TEXT_ALIGNMENT_REF)?.toString() === "auto") {
               html.style.removeProperty(ReadiumCSS.TEXT_ALIGNMENT_KEY);
@@ -70259,14 +70454,14 @@ var _UserSettings = class _UserSettings {
             setAttr(rootElement, "data-viewer-theme", "day");
           if (body) setAttr(body, "data-viewer-theme", "day");
         }
-        if (this.view?.navigator.publication.isFixedLayout) {
+        if (this.view?.host?.isFixedLayout()) {
           if (await this.getProperty(ReadiumCSS.DIRECTION_KEY)) {
             let value = this.userProperties.getByRef(ReadiumCSS.DIRECTION_REF)?.toString() ?? null;
             html.style.setProperty(ReadiumCSS.DIRECTION_KEY, value);
-            this.view.navigator.setDirection(value);
+            this.view.host?.setDirection(value);
           }
         }
-        if (this.view?.navigator.publication.isReflowable) {
+        if (this.view?.host?.isReflowable()) {
           if (await this.getProperty(ReadiumCSS.FONT_FAMILY_KEY)) {
             html.style.setProperty(
               ReadiumCSS.FONT_FAMILY_KEY,
@@ -71612,6 +71807,9 @@ var import_debounce2 = __toESM(require_debounce());
 // src/modules/highlight/common/highlight.ts
 init_polyfills();
 
+// src/modules/highlight/TextHighlighter.ts
+init_Events();
+
 // src/modules/highlight/common/rect-utils.ts
 init_polyfills();
 var import_loglevel3 = __toESM(require_loglevel());
@@ -72578,18 +72776,25 @@ var TextHighlighter = class _TextHighlighter {
       if (!this.isSelectionMenuOpen) {
         this.isSelectionMenuOpen = true;
         if (this.api?.selectionMenuOpen) this.api?.selectionMenuOpen();
-        this.navigator.emit("toolbox.opened", "opened");
+        const doc = this.navigator.iframes[0].contentDocument;
+        const sel = doc ? this.dom(doc.body)?.getSelection() : null;
+        const text = sel && !sel.isCollapsed ? sel.toString() : void 0;
+        this.navigator.emit(ReaderEvent.ToolboxOpened, "opened", { text });
+        if (text && sel) {
+          if (this.api?.selection) this.api.selection(text, sel);
+          this.navigator.emit(ReaderEvent.TextSelected, { text, selection: sel });
+        }
       }
     }, 100);
     this.selectionMenuClosed = (0, import_debounce2.default)(() => {
       if (this.isSelectionMenuOpen) {
         this.isSelectionMenuOpen = false;
         if (this.api?.selectionMenuClose) this.api?.selectionMenuClose();
-        this.navigator.emit("toolbox.closed", "closed");
+        this.navigator.emit(ReaderEvent.ToolboxClosed, "closed");
       }
     }, 100);
-    this.selection = (0, import_debounce2.default)((text, selection) => {
-      if (this.api?.selection) this.api?.selection(text, selection);
+    /** @deprecated Selection callback now fires from selectionMenuOpened */
+    this.selection = (0, import_debounce2.default)((_text, _selection) => {
     }, 100);
     this.getScrollingElement = (doc) => {
       if (doc?.scrollingElement) {
@@ -73569,6 +73774,10 @@ var TextHighlighter = class _TextHighlighter {
                             if (menuItem?.note) {
                               if (anno.highlight) {
                                 self3.navigator.annotationModule?.api?.addCommentToAnnotation(anno).then((result) => {
+                                  self3.navigator.emit(
+                                    ReaderEvent.AnnotationCommentAdded,
+                                    result
+                                  );
                                   self3.navigator.annotationModule?.updateAnnotation(result).then(async () => {
                                     import_loglevel5.default.log(
                                       "update highlight " + result.id
@@ -74361,6 +74570,7 @@ var TextHighlighter = class _TextHighlighter {
         if (payload.highlight.type === 0 /* Annotation */) {
           this.navigator.annotationModule?.api?.selectedAnnotation(anno).then(async () => {
           });
+          this.navigator.emit(ReaderEvent.AnnotationSelected, anno);
         }
         if (anno?.id) {
           import_loglevel5.default.log("selected highlight " + anno.id);
@@ -74372,6 +74582,10 @@ var TextHighlighter = class _TextHighlighter {
             if (getComputedStyle(toolbox).display === "none") {
               let noteH = function() {
                 self2.navigator.annotationModule?.api?.addCommentToAnnotation(anno).then((result) => {
+                  self2.navigator.emit(
+                    ReaderEvent.AnnotationCommentAdded,
+                    result
+                  );
                   self2.navigator.annotationModule?.updateAnnotation(result).then(async () => {
                     import_loglevel5.default.log("update highlight " + result.id);
                     if (toolbox) {
@@ -74474,7 +74688,11 @@ var TextHighlighter = class _TextHighlighter {
               lodash.omit(result, "callbacks"),
               lodash.omit(foundHighlight, "definition")
             );
-            this.navigator.emit("definition.click", result, foundHighlight);
+            this.navigator.emit(
+              ReaderEvent.DefinitionClick,
+              result,
+              foundHighlight
+            );
           }
         }
       }
@@ -75041,6 +75259,7 @@ var TextHighlighter = class _TextHighlighter {
           );
           self2.navigator.annotationModule?.api?.selectedAnnotation(anno).then(async () => {
           });
+          self2.navigator.emit(ReaderEvent.AnnotationSelected, anno);
         } else if (self2.navigator.rights.enableBookmarks) {
           anno = await self2.navigator.bookmarkModule?.getAnnotationByID(
             highlight.id
@@ -75259,6 +75478,7 @@ var import_loglevel8 = __toESM(require_loglevel());
 
 // src/modules/consumption/ConsumptionModule.ts
 init_polyfills();
+init_Events();
 var import_loglevel7 = __toESM(require_loglevel());
 var ConsumptionModule = class {
   constructor(publication, properties, api) {
@@ -75309,6 +75529,7 @@ var ConsumptionModule = class {
   }
   trackAction(locator, action) {
     this.api?.actionTracked(locator, action);
+    this.navigator.emit(ReaderEvent.ActionTracked, { locator, action });
   }
   startReadingSession(locator) {
     if (this.firstReadingLocator && this.lastReadingLocator) {
@@ -75400,6 +75621,7 @@ var ConsumptionModule = class {
     this.currSeconds++;
     if (this.currSeconds === this.properties.idleTimeout) {
       this.api?.idleSince(this.currSeconds);
+      this.navigator.emit(ReaderEvent.IdleSince, this.currSeconds);
       if (this.startResearchTimer !== void 0) {
         this.updateResearchSession();
       } else {
@@ -75421,6 +75643,7 @@ var ConsumptionModule = class {
 };
 
 // src/modules/AnnotationModule.ts
+init_Events();
 var AnnotationModule = class _AnnotationModule {
   constructor(annotator, rights, publication, initialAnnotations, properties, highlighter, api, headerMenu) {
     this.hide = findElement(
@@ -75631,9 +75854,11 @@ var AnnotationModule = class _AnnotationModule {
   }
   async deleteAnnotation(highlight) {
     await this.deleteLocalHighlight(highlight.id);
+    this.navigator.emit(ReaderEvent.AnnotationDeleted, highlight);
   }
   async addAnnotation(highlight) {
     await this.annotator?.saveAnnotation(highlight);
+    this.navigator.emit(ReaderEvent.AnnotationCreated, highlight);
     await this.showHighlights();
     await this.drawHighlights();
   }
@@ -75641,27 +75866,33 @@ var AnnotationModule = class _AnnotationModule {
     if (this.api?.deleteAnnotation) {
       this.api?.deleteAnnotation(highlight).then(async () => {
         this.deleteLocalHighlight(highlight.id);
+        this.navigator.emit(ReaderEvent.AnnotationDeleted, highlight);
       });
     } else {
       this.deleteLocalHighlight(highlight.id);
+      this.navigator.emit(ReaderEvent.AnnotationDeleted, highlight);
     }
   }
   async deleteSelectedHighlight(highlight) {
     if (this.api?.deleteAnnotation) {
       this.api.deleteAnnotation(highlight).then(async () => {
         this.deleteLocalHighlight(highlight.id);
+        this.navigator.emit(ReaderEvent.AnnotationDeleted, highlight);
       });
     } else {
       this.deleteLocalHighlight(highlight.id);
+      this.navigator.emit(ReaderEvent.AnnotationDeleted, highlight);
     }
   }
   async updateAnnotation(highlight) {
     if (this.api?.updateAnnotation) {
       this.api.updateAnnotation(highlight).then(async () => {
         this.updateLocalHighlight(highlight);
+        this.navigator.emit(ReaderEvent.AnnotationUpdated, highlight);
       });
     } else {
       this.updateLocalHighlight(highlight);
+      this.navigator.emit(ReaderEvent.AnnotationUpdated, highlight);
     }
   }
   async saveAnnotation(highlight) {
@@ -75739,6 +75970,7 @@ var AnnotationModule = class _AnnotationModule {
             try {
               let result = await this.api.addAnnotation(annotation);
               const saved = await this.annotator.saveAnnotation(result);
+              this.navigator.emit(ReaderEvent.AnnotationCreated, saved);
               await this.showHighlights();
               await this.drawHighlights();
               return new Promise((resolve) => resolve(saved));
@@ -75748,6 +75980,7 @@ var AnnotationModule = class _AnnotationModule {
             }
           } else {
             const saved = await this.annotator.saveAnnotation(annotation);
+            this.navigator.emit(ReaderEvent.AnnotationCreated, saved);
             await this.showHighlights();
             await this.drawHighlights();
             return new Promise((resolve) => resolve(saved));
@@ -76248,6 +76481,7 @@ init_HTMLUtilities();
 init_EventHandler();
 init_IconLib();
 var import_loglevel9 = __toESM(require_loglevel());
+init_Events();
 var BookmarkModule = class _BookmarkModule {
   static async create(config2) {
     const module = new this(
@@ -76333,12 +76567,14 @@ var BookmarkModule = class _BookmarkModule {
         await this.api?.deleteBookmark(bookmark);
         let deleted = await this.annotator.deleteBookmark(bookmark);
         import_loglevel9.default.log("Bookmark deleted " + JSON.stringify(deleted));
+        this.navigator.emit(ReaderEvent.BookmarkDeleted, bookmark);
         await this.showBookmarks();
         await this.drawBookmarks();
         return deleted;
       } else {
         let deleted = await this.annotator.deleteBookmark(bookmark);
         import_loglevel9.default.log("Bookmark deleted " + JSON.stringify(deleted));
+        this.navigator.emit(ReaderEvent.BookmarkDeleted, bookmark);
         await this.showBookmarks();
         await this.drawBookmarks();
         return deleted;
@@ -76413,12 +76649,14 @@ var BookmarkModule = class _BookmarkModule {
             import_loglevel9.default.log(bookmark);
             let saved = this.annotator.saveBookmark(bookmark);
             import_loglevel9.default.log("Bookmark added " + JSON.stringify(saved));
+            this.navigator.emit(ReaderEvent.BookmarkCreated, bookmark);
             this.showBookmarks();
             await this.drawBookmarks();
             return saved;
           } else {
             let saved = this.annotator.saveBookmark(bookmark);
             import_loglevel9.default.log("Bookmark added " + JSON.stringify(saved));
+            this.navigator.emit(ReaderEvent.BookmarkCreated, bookmark);
             this.showBookmarks();
             await this.drawBookmarks();
             return saved;
@@ -76613,11 +76851,13 @@ var BookmarkModule = class _BookmarkModule {
           if (this.api?.addBookmark) {
             let result = await this.api.addBookmark(annotation);
             const saved = await this.annotator.saveAnnotation(result);
+            this.navigator.emit(ReaderEvent.BookmarkCreated, annotation);
             await this.showBookmarks();
             await this.drawBookmarks();
             return new Promise((resolve) => resolve(saved));
           } else {
             const saved = await this.annotator.saveAnnotation(annotation);
+            this.navigator.emit(ReaderEvent.BookmarkCreated, annotation);
             await this.showBookmarks();
             await this.drawBookmarks();
             return new Promise((resolve) => resolve(saved));
@@ -76907,6 +77147,7 @@ var BookmarkModule = class _BookmarkModule {
 
 // src/modules/mediaoverlays/MediaOverlayModule.ts
 init_polyfills();
+init_Events();
 
 // src/model/v3/MediaOverlayNode.ts
 init_polyfills();
@@ -77352,6 +77593,7 @@ var MediaOverlayModule = class {
       config2.settings,
       config2
     );
+    mediaOverlay.api = config2.api;
     mediaOverlay.start();
     return mediaOverlay;
   }
@@ -77422,10 +77664,28 @@ var MediaOverlayModule = class {
         await this.playLink();
       } else {
         if (this.settings.autoTurn && this.settings.playing) {
-          if (this.audioElement) {
-            await this.audioElement.pause();
+          const currentLink = this.currentLinks[this.currentLinkIndex];
+          const nextLink = currentLink ? this.publication.getNextSpineItem(
+            this.publication.getAbsoluteHref(currentLink.href)
+          ) : void 0;
+          if (nextLink) {
+            if (this.audioElement) {
+              await this.audioElement.pause();
+            }
+            this.navigator.nextResource();
+          } else {
+            await this.stopReadAloud();
+            if (this.api?.finished) this.api.finished();
+            this.navigator.emit(ReaderEvent.ReadAlongFinished, "finished", {
+              href: this.currentLinks[this.currentLinkIndex]?.href
+            });
           }
-          this.navigator.nextResource();
+        } else if (this.settings.playing) {
+          await this.stopReadAloud();
+          if (this.api?.stopped) this.api.stopped();
+          this.navigator.emit(ReaderEvent.ReadAlongStopped, "stopped", {
+            href: this.currentLinks[this.currentLinkIndex]?.href
+          });
         } else {
           await this.stopReadAloud();
         }
@@ -77538,6 +77798,10 @@ var MediaOverlayModule = class {
       if (this.play) this.play.style.display = "none";
       if (this.pause) this.pause.style.removeProperty("display");
       this.bindClickHandler();
+      if (this.api?.started) this.api.started();
+      this.navigator.emit(ReaderEvent.ReadAlongStarted, "started", {
+        href: this.currentLinks[this.currentLinkIndex]?.href
+      });
     }
   }
   async stopReadAloud() {
@@ -77555,6 +77819,10 @@ var MediaOverlayModule = class {
       this.audioElement.pause();
       if (this.play) this.play.style.removeProperty("display");
       if (this.pause) this.pause.style.display = "none";
+      if (this.api?.paused) this.api.paused();
+      this.navigator.emit(ReaderEvent.ReadAlongPaused, "paused", {
+        href: this.currentLinks[this.currentLinkIndex]?.href
+      });
     }
   }
   async resumeReadAloud() {
@@ -77563,6 +77831,10 @@ var MediaOverlayModule = class {
       await this.audioElement.play();
       if (this.play) this.play.style.display = "none";
       if (this.pause) this.pause.style.removeProperty("display");
+      if (this.api?.resumed) this.api.resumed();
+      this.navigator.emit(ReaderEvent.ReadAlongResumed, "resumed", {
+        href: this.currentLinks[this.currentLinkIndex]?.href
+      });
     }
   }
   findDepthFirstTextAudioPair(textHref, mo, textFragmentIDChain) {
@@ -77673,8 +77945,25 @@ var MediaOverlayModule = class {
         } else {
           this.audioElement.pause();
           if (this.settings.autoTurn && this.settings.playing) {
-            this.audioElement.pause();
-            this.navigator.nextResource();
+            const currentLink = this.currentLinks[this.currentLinkIndex];
+            const nextLink = currentLink ? this.publication.getNextSpineItem(
+              this.publication.getAbsoluteHref(currentLink.href)
+            ) : void 0;
+            if (nextLink) {
+              this.navigator.nextResource();
+            } else {
+              this.stopReadAloud();
+              if (this.api?.finished) this.api.finished();
+              this.navigator.emit(ReaderEvent.ReadAlongFinished, "finished", {
+                href: this.currentLinks[this.currentLinkIndex]?.href
+              });
+            }
+          } else if (this.settings.playing) {
+            this.stopReadAloud();
+            if (this.api?.stopped) this.api.stopped();
+            this.navigator.emit(ReaderEvent.ReadAlongStopped, "stopped", {
+              href: this.currentLinks[this.currentLinkIndex]?.href
+            });
           } else {
             this.stopReadAloud();
           }
@@ -81804,8 +82093,10 @@ var TTSSettings = class {
   }
 };
 
-// src/navigator/IFrameNavigator.ts
+// src/navigator/EpubNavigator.ts
 init_polyfills();
+init_VisualNavigator();
+init_Events();
 init_EventHandler();
 init_HTMLUtilities();
 init_HTMLTemplates();
@@ -82284,6 +82575,7 @@ var PageBreakModule = class {
 
 // src/modules/TTS/TTSModule2.ts
 init_polyfills();
+init_Events();
 init_HTMLUtilities();
 init_EventHandler();
 var import_sanitize_html2 = __toESM(require_sanitize_html());
@@ -82454,9 +82746,11 @@ var TTSModule2 = class {
     });
   }
   cancel(api = true) {
-    if (api) {
+    if (api && this.speaking) {
       if (this.api?.stopped) this.api?.stopped();
-      this.navigator.emit("readaloud.stopped", "stopped");
+      this.navigator.emit(ReaderEvent.ReadAloudStopped, "stopped", {
+        locator: this.navigator.currentLocator()
+      });
     }
     this.userScrolled = false;
     this.speaking = false;
@@ -82475,7 +82769,9 @@ var TTSModule2 = class {
       }
     }
     if (this.api?.started) this.api?.started();
-    this.navigator.emit("readaloud.started", "started");
+    this.navigator.emit(ReaderEvent.ReadAloudStarted, "started", {
+      locator: this.navigator.currentLocator()
+    });
     const self2 = this;
     this.userScrolled = false;
     this.cancel(false);
@@ -82644,14 +82940,18 @@ var TTSModule2 = class {
               import_loglevel18.default.log("utterance ended");
               self2.highlighter.doneSpeaking();
               self2.api?.finished();
-              self2.navigator.emit("readaloud.finished", "finished");
+              self2.navigator.emit(ReaderEvent.ReadAloudFinished, "finished", {
+                locator: this.navigator.currentLocator()
+              });
             }
           }
         } else {
           import_loglevel18.default.log("utterance ended");
           self2.highlighter.doneSpeaking();
           self2.api?.finished();
-          self2.navigator.emit("readaloud.finished", "finished");
+          self2.navigator.emit(ReaderEvent.ReadAloudFinished, "finished", {
+            locator: this.navigator.currentLocator()
+          });
         }
       };
     }
@@ -82758,7 +83058,9 @@ var TTSModule2 = class {
     this.scrollPartial = true;
     this.cancel(false);
     if (this.api?.started) this.api?.started();
-    this.navigator.emit("readaloud.started", "started");
+    this.navigator.emit(ReaderEvent.ReadAloudStarted, "started", {
+      locator: this.navigator.currentLocator()
+    });
     let self2 = this;
     let iframe = document.querySelector(
       "main#iframe-wrapper iframe"
@@ -82818,7 +83120,9 @@ var TTSModule2 = class {
   speakPause() {
     if (window.speechSynthesis.speaking) {
       if (this.api?.paused) this.api?.paused();
-      this.navigator.emit("readaloud.paused", "paused");
+      this.navigator.emit(ReaderEvent.ReadAloudPaused, "paused", {
+        locator: this.navigator.currentLocator()
+      });
       this.userScrolled = false;
       window.speechSynthesis.pause();
       this.speaking = false;
@@ -82831,7 +83135,9 @@ var TTSModule2 = class {
   speakResume() {
     if (window.speechSynthesis.speaking) {
       if (this.api?.resumed) this.api?.resumed();
-      this.navigator.emit("readaloud.resumed", "resumed");
+      this.navigator.emit(ReaderEvent.ReadAloudResumed, "resumed", {
+        locator: this.navigator.currentLocator()
+      });
       this.userScrolled = false;
       window.speechSynthesis.resume();
       this.speaking = true;
@@ -83269,6 +83575,7 @@ function getTtsQueueItemRefText(obj) {
 // src/modules/search/DefinitionsModule.ts
 init_polyfills();
 var lodash3 = __toESM(require_lodash());
+init_Events();
 var import_debounce6 = __toESM(require_debounce());
 var import_loglevel19 = __toESM(require_loglevel());
 var DefinitionsModule = class {
@@ -83361,7 +83668,9 @@ var DefinitionsModule = class {
     await this.searchAndPaint(item, async (result) => {
       if (this.api?.success) {
         this.api?.success(lodash3.omit(item, "callbacks"), result);
-        this.navigator.emit("definition.success", result);
+        if (result && result.length > 0) {
+          this.navigator.emit(ReaderEvent.DefinitionSuccess, result);
+        }
         if (this.api?.visible) {
           result.forEach((highlight) => {
             let highlightParent = this.navigator.iframes[0].contentDocument?.querySelector(
@@ -83378,7 +83687,11 @@ var DefinitionsModule = class {
                       lodash3.omit(item, "callbacks"),
                       lodash3.omit(highlight, "definition")
                     );
-                    this.navigator.emit("definition.visible", item, highlight);
+                    this.navigator.emit(
+                      ReaderEvent.DefinitionVisible,
+                      item,
+                      highlight
+                    );
                   }
                 });
               },
@@ -83449,9 +83762,6 @@ var DefinitionsModule = class {
   }
 };
 
-// src/navigator/IFrameNavigator.ts
-init_eventemitter3();
-
 // src/modules/linefocus/LineFocusModule.ts
 init_polyfills();
 init_HTMLUtilities();
@@ -84115,6 +84425,7 @@ var HistoryModule = class {
 // src/modules/citation/CitationModule.ts
 init_polyfills();
 var import_loglevel22 = __toESM(require_loglevel());
+init_Events();
 var CitationStyle = /* @__PURE__ */ ((CitationStyle2) => {
   CitationStyle2[CitationStyle2["Chicago"] = 0] = "Chicago";
   CitationStyle2[CitationStyle2["MLA"] = 1] = "MLA";
@@ -84160,7 +84471,13 @@ var CitationModule = class {
       tmp.innerHTML = textToClipboard;
       const plainText = tmp.textContent ?? tmp.innerText ?? textToClipboard;
       navigator.clipboard.writeText(plainText).then(
-        () => this.api?.citationCreated("The text was copied to the clipboard!"),
+        () => {
+          this.api?.citationCreated("The text was copied to the clipboard!");
+          this.navigator.emit(
+            ReaderEvent.CitationCreated,
+            "The text was copied to the clipboard!"
+          );
+        },
         () => this.legacyCopyToClipboard(textToClipboard)
       );
     } else {
@@ -84187,8 +84504,16 @@ var CitationModule = class {
     document.body.removeChild(forExecElement);
     if (success) {
       this.api?.citationCreated("The text was copied to the clipboard!");
+      this.navigator.emit(
+        ReaderEvent.CitationCreated,
+        "The text was copied to the clipboard!"
+      );
     } else {
       this.api?.citationFailed("Your browser doesn't allow clipboard access!");
+      this.navigator.emit(
+        ReaderEvent.CitationFailed,
+        "Your browser doesn't allow clipboard access!"
+      );
     }
   }
   selectContent(element) {
@@ -84424,12 +84749,31 @@ var CitationModule = class {
   }
 };
 
-// src/navigator/IFrameNavigator.ts
+// src/navigator/EpubNavigator.ts
 var import_loglevel23 = __toESM(require_loglevel());
-var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
+init_GrabToPan();
+var EpubNavigator = class _EpubNavigator extends VisualNavigator {
   constructor(settings, annotator = void 0, initialLastReadingPosition = void 0, publication, api, rights, tts, injectables, attributes, services, sample, requestConfig, highlighter, modules) {
     super();
     this.iframes = [];
+    // ── FXL zoom ────────────────────────────────────────────────
+    this.fxlZoomKeyHandler = (event) => {
+      if (/input|select|option|textarea/i.test(
+        event.target.tagName
+      ))
+        return;
+      const key = event.key;
+      if (key === "=" || key === "+") {
+        this.zoomIn();
+      } else if (key === "-") {
+        this.zoomOut();
+      } else if (key === "0") {
+        this.fitToPage();
+      } else {
+        return;
+      }
+      event.preventDefault();
+    };
     this.sideNavExpanded = false;
     this.currentChapterLink = { href: "" };
     this.currentSpreadLinks = {};
@@ -84450,6 +84794,8 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
       enableCitations: false
     };
     this.didInitKeyboardEventHandler = false;
+    this.fxlContentWidth = 0;
+    this.fxlContentHeight = 0;
     this.onResize = () => {
       clearTimeout(this.timeout);
       this.timeout = setTimeout(this.handleResize.bind(this), 200);
@@ -84477,13 +84823,19 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
     this.checkResourcePosition = (0, import_debounce7.default)(() => {
       if (this.view?.atStart() && this.view?.atEnd()) {
         if (this.api?.resourceFitsScreen) this.api?.resourceFitsScreen();
-        this.emit("resource.fits");
+        this.emit(ReaderEvent.ResourceFits, {
+          href: this.currentChapterLink.href
+        });
       } else if (this.view?.atEnd()) {
         if (this.api?.resourceAtEnd) this.api?.resourceAtEnd();
-        this.emit("resource.end");
+        this.emit(ReaderEvent.ResourceEnd, {
+          href: this.currentChapterLink.href
+        });
       } else if (this.view?.atStart()) {
         if (this.api?.resourceAtStart) this.api?.resourceAtStart();
-        this.emit("resource.start");
+        this.emit(ReaderEvent.ResourceStart, {
+          href: this.currentChapterLink.href
+        });
       }
     }, 200);
     this.highlighter = highlighter;
@@ -84525,7 +84877,14 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
     this.annotator = annotator;
     this.view = settings.view;
     this.view.attributes = attributes;
-    this.view.navigator = this;
+    this.view.host = {
+      checkResourcePosition: () => this.checkResourcePosition(),
+      recalculateContentProtection: (delay2) => this.contentProtectionModule?.recalculate(delay2),
+      isContentProtectionEnabled: () => !!this.rights.enableContentProtection,
+      isFixedLayout: () => this.publication.isFixedLayout,
+      isReflowable: () => this.publication.isReflowable,
+      setDirection: (direction) => this.setDirection(direction)
+    };
     this.eventHandler = new EventHandler(this);
     this.touchEventHandler = new TouchEventHandler(this);
     this.keyboardEventHandler = new KeyboardEventHandler(this);
@@ -84556,6 +84915,117 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
     this.requestConfig = requestConfig;
     this.sampleReadEventHandler = new SampleReadEventHandler(this);
   }
+  supports(feature) {
+    switch (feature) {
+      case NavigatorFeature.TTS:
+        return !!this.rights.enableTTS && !!this.ttsModule;
+      case NavigatorFeature.MediaOverlays:
+        return !!this.rights.enableMediaOverlays && !!this.mediaOverlayModule && this.hasMediaOverlays;
+      case NavigatorFeature.Search:
+        return !!this.rights.enableSearch && !!this.searchModule;
+      case NavigatorFeature.Annotations:
+        return !!this.rights.enableAnnotations && !!this.annotationModule;
+      case NavigatorFeature.Bookmarks:
+        return !!this.rights.enableBookmarks && !!this.bookmarkModule;
+      case NavigatorFeature.Zoom:
+        return this.publication.isFixedLayout;
+      case NavigatorFeature.LineFocus:
+        return !!this.rights.enableLineFocus && !!this.lineFocusModule;
+      case NavigatorFeature.Definitions:
+        return !!this.rights.enableDefinitions && !!this.definitionsModule;
+      case NavigatorFeature.Citations:
+        return !!this.rights.enableCitations && !!this.citationModule;
+      case NavigatorFeature.ContentProtection:
+        return !!this.rights.enableContentProtection && !!this.contentProtectionModule;
+      case NavigatorFeature.Consumption:
+        return !!this.rights.enableConsumption && !!this.consumptionModule;
+      case NavigatorFeature.History:
+        return !!this.rights.enableHistory && !!this.historyModule;
+      case NavigatorFeature.Timeline:
+        return !!this.rights.enableTimeline && !!this.timelineModule;
+      default:
+        return false;
+    }
+  }
+  getFxlCurrentScale() {
+    const match2 = this.spreads?.style.transform?.match(/scale\(([^)]+)\)/);
+    return match2 ? parseFloat(match2[1]) : 1;
+  }
+  fitToPage() {
+    if (!this.publication.isFixedLayout) return;
+    this.handleResize();
+  }
+  zoomIn() {
+    if (!this.publication.isFixedLayout) return;
+    this.setFxlScale(this.getFxlCurrentScale() * 1.15);
+  }
+  zoomOut() {
+    if (!this.publication.isFixedLayout) return;
+    this.setFxlScale(this.getFxlCurrentScale() / 1.15);
+  }
+  setFxlScale(newScale) {
+    if (!this.spreads || !this.fxlZoomContainer) return;
+    this.spreads.style.transform = "scale(" + newScale + ")";
+    this.updateFxlZoomContainer(newScale);
+  }
+  updateFxlZoomContainer(scale) {
+    if (!this.fxlZoomContainer || !this.fxlContentWidth || !this.fxlContentHeight)
+      return;
+    this.fxlZoomContainer.style.width = this.fxlContentWidth * scale + "px";
+    this.fxlZoomContainer.style.height = this.fxlContentHeight * scale + "px";
+    this.spreads.style.width = this.fxlContentWidth + "px";
+    this.spreads.style.height = this.fxlContentHeight + "px";
+    if (this.fxlHandTool) {
+      requestAnimationFrame(() => {
+        if (!this.fxlScrollContainer) return;
+        const isZoomed = this.fxlScrollContainer.scrollWidth > this.fxlScrollContainer.clientWidth || this.fxlScrollContainer.scrollHeight > this.fxlScrollContainer.clientHeight;
+        if (isZoomed) {
+          this.activateHand();
+        } else {
+          this.deactivateHand();
+        }
+      });
+    }
+  }
+  setupFxlPan() {
+    const el = this.fxlScrollContainer;
+    if (!el) return;
+    this.fxlPanOverlay = document.createElement("div");
+    this.fxlPanOverlay.style.position = "absolute";
+    this.fxlPanOverlay.style.top = "0";
+    this.fxlPanOverlay.style.left = "0";
+    this.fxlPanOverlay.style.width = "100%";
+    this.fxlPanOverlay.style.height = "100%";
+    this.fxlPanOverlay.style.pointerEvents = "none";
+    this.fxlPanOverlay.style.zIndex = "1";
+    this.fxlZoomContainer.style.position = "relative";
+    this.fxlZoomContainer.appendChild(this.fxlPanOverlay);
+    this.fxlHandTool = new GrabToPan({ element: el });
+  }
+  activateHand() {
+    if (!this.publication.isFixedLayout) return;
+    if (this.fxlPanOverlay) {
+      this.fxlPanOverlay.style.pointerEvents = "auto";
+    }
+    this.fxlHandTool?.activate();
+    const panBtn = document.querySelector("#fxl-pan a");
+    if (panBtn) {
+      panBtn.classList.add("active");
+      panBtn.style.color = "#039be5";
+    }
+  }
+  deactivateHand() {
+    if (!this.publication.isFixedLayout) return;
+    if (this.fxlPanOverlay) {
+      this.fxlPanOverlay.style.pointerEvents = "none";
+    }
+    this.fxlHandTool?.deactivate();
+    const panBtn = document.querySelector("#fxl-pan a");
+    if (panBtn) {
+      panBtn.classList.remove("active");
+      panBtn.style.color = "";
+    }
+  }
   static async create(config2) {
     const navigator2 = new this(
       config2.settings,
@@ -84620,7 +85090,7 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
     removeEventListenerOptional(
       this.goBackButton,
       "click",
-      _IFrameNavigator.goBack.bind(this)
+      _EpubNavigator.goBack.bind(this)
     );
     removeEventListenerOptional(
       this.espandMenuIcon,
@@ -84636,15 +85106,18 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
   }
   setDirection(direction) {
     let dir = "";
-    if (direction === "rtl" || direction === "ltr") dir = direction;
-    if (direction === "auto")
-      dir = this.publication.metadata?.readingProgression;
-    if (dir) {
-      if (dir === "rtl") this.spreads.style.flexDirection = "row-reverse";
-      if (dir === "ltr") this.spreads.style.flexDirection = "row";
+    if (direction === "rtl" || direction === "ltr") {
+      dir = direction;
+    } else if (direction === "auto") {
+      dir = this.publication.metadata?.readingProgression || this.publication.metadata?.otherMetadata?.["rendition:spread-direction"] || "ltr";
+    }
+    if (dir === "rtl" || dir === "ltr") {
+      if (this.publication.isFixedLayout) {
+        this.spreads.style.flexDirection = dir === "rtl" ? "row-reverse" : "row";
+      }
       this.keyboardEventHandler.rtl = dir === "rtl";
       if (this.api?.direction) this.api?.direction(dir);
-      this.emit("direction", dir);
+      this.emit(ReaderEvent.Direction, dir);
     }
   }
   async start(mainElement, headerMenu, footerMenu) {
@@ -84680,11 +85153,33 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
           this.spreads = document.createElement("div");
           this.firstSpread = document.createElement("div");
           this.spreads.style.display = "flex";
-          this.spreads.style.alignItems = "center";
-          this.spreads.style.justifyContent = "center";
+          this.spreads.style.transformOrigin = "0 0";
           this.spreads.appendChild(this.firstSpread);
           this.firstSpread.appendChild(this.iframes[0]);
-          wrapper.appendChild(this.spreads);
+          this.fxlScrollContainer = document.createElement("div");
+          this.fxlScrollContainer.style.position = "absolute";
+          this.fxlScrollContainer.style.top = "0";
+          this.fxlScrollContainer.style.right = "0";
+          const timelineEl = document.getElementById("container-view-timeline");
+          this.fxlScrollContainer.style.left = timelineEl && this.rights.enableTimeline ? "70px" : "0";
+          const infoBottom = document.getElementById("reader-info-bottom");
+          this.fxlScrollContainer.style.bottom = infoBottom ? (this.attributes?.bottomInfoHeight ?? 40) + "px" : "0";
+          this.fxlScrollContainer.style.overflow = "auto";
+          this.fxlScrollContainer.style.display = "flex";
+          this.fxlZoomContainer = document.createElement("div");
+          this.fxlZoomContainer.style.margin = "auto";
+          this.fxlZoomContainer.style.flexShrink = "0";
+          this.fxlZoomContainer.style.overflow = "hidden";
+          if (this.attributes?.fixedLayoutShadow !== false) {
+            this.fxlZoomContainer.style.padding = "12px";
+            this.fxlZoomContainer.style.boxSizing = "content-box";
+          }
+          this.fxlZoomContainer.appendChild(this.spreads);
+          this.fxlScrollContainer.appendChild(this.fxlZoomContainer);
+          wrapper.style.position = "relative";
+          wrapper.appendChild(this.fxlScrollContainer);
+          document.addEventListener("keydown", this.fxlZoomKeyHandler);
+          this.setupFxlPan();
           let dir = "";
           switch (this.settings.direction) {
             case 0:
@@ -84732,13 +85227,23 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
         }
       }
       if (this.publication.isFixedLayout) {
-        const minHeight = wrapper.clientHeight;
-        var iframeParent = this.iframes[0].parentElement?.parentElement;
-        iframeParent.style.height = minHeight + 40 + "px";
       } else {
         if (this.iframes.length === 2) {
           this.iframes.pop();
         }
+        let dir = "";
+        switch (this.settings.direction) {
+          case 0:
+            dir = "auto";
+            break;
+          case 1:
+            dir = "ltr";
+            break;
+          case 2:
+            dir = "rtl";
+            break;
+        }
+        this.setDirection(dir);
       }
       this.loadingMessage = findElement(
         mainElement,
@@ -84934,7 +85439,7 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
           if (menuSearch)
             menuSearch.parentElement?.style.setProperty("display", "none");
         }
-        if (menuSearch && this.view?.navigator.publication.isFixedLayout) {
+        if (menuSearch && this.publication.isFixedLayout) {
           menuSearch.parentElement?.style.setProperty("display", "none");
         }
         if (this.hasMediaOverlays) {
@@ -85008,7 +85513,7 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
     addEventListenerOptional(
       this.goBackButton,
       "click",
-      _IFrameNavigator.goBack.bind(this)
+      _EpubNavigator.goBack.bind(this)
     );
     addEventListenerOptional(
       this.espandMenuIcon,
@@ -85421,12 +85926,12 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
           this.chapterTitle.innerHTML = "(" + this.currentChapterLink.title + ")";
         if (this.api?.chapterInfo)
           this.api.chapterInfo(this.currentChapterLink.title);
-        this.emit("chapterinfo", this.currentChapterLink.title);
+        this.emit(ReaderEvent.ChapterInfo, this.currentChapterLink.title);
       } else {
         if (this.chapterTitle)
           this.chapterTitle.innerHTML = "(Current Chapter)";
         if (this.api?.chapterInfo) this.api.chapterInfo(void 0);
-        this.emit("chapterinfo", void 0);
+        this.emit(ReaderEvent.ChapterInfo, void 0);
       }
       await this.injectInjectablesIntoIframeHead(iframe);
       if (this.view?.layout !== "fixed" && this.highlighter !== void 0) {
@@ -85450,6 +85955,12 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
           this.didInitKeyboardEventHandler = true;
         }
       }
+      if (this.publication.isFixedLayout && iframe.contentDocument) {
+        iframe.contentDocument.addEventListener(
+          "keydown",
+          this.fxlZoomKeyHandler
+        );
+      }
       if (this.view?.layout !== "fixed") {
         if (this.view?.isScrollMode()) {
           iframe.height = "0";
@@ -85514,6 +86025,9 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
         setTimeout(() => {
           if (this.mediaOverlayModule) {
             this.mediaOverlayModule.settings.resourceReady = true;
+            if (this.mediaOverlayModule.settings.playing) {
+              this.mediaOverlayModule.bindClickHandler();
+            }
           }
         }, 300);
       }, 200);
@@ -85543,7 +86057,7 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
       const bases = iframe.contentDocument.getElementsByTagName("base");
       if (bases.length === 0) {
         head.insertBefore(
-          _IFrameNavigator.createBase(this.currentChapterLink.href),
+          _EpubNavigator.createBase(this.currentChapterLink.href),
           head.firstChild
         );
       }
@@ -85552,32 +86066,32 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
           if (injectable.fontFamily) {
             this.settings.initAddedFont();
             if (!injectable.systemFont && injectable.url) {
-              const link = _IFrameNavigator.createCssLink(injectable.url);
+              const link = _EpubNavigator.createCssLink(injectable.url);
               head.appendChild(link);
               addLoadingInjectable(link);
             }
           } else if (injectable.r2before && injectable.url) {
-            const link = _IFrameNavigator.createCssLink(injectable.url);
+            const link = _EpubNavigator.createCssLink(injectable.url);
             head.insertBefore(link, head.firstChild);
             addLoadingInjectable(link);
           } else if (injectable.r2default && injectable.url) {
-            const link = _IFrameNavigator.createCssLink(injectable.url);
+            const link = _EpubNavigator.createCssLink(injectable.url);
             head.insertBefore(link, head.childNodes[1]);
             addLoadingInjectable(link);
           } else if (injectable.r2after && injectable.url) {
             if (injectable.appearance) {
               this.settings.initAddedAppearance();
             }
-            const link = _IFrameNavigator.createCssLink(injectable.url);
+            const link = _EpubNavigator.createCssLink(injectable.url);
             head.appendChild(link);
             addLoadingInjectable(link);
           } else if (injectable.url) {
-            const link = _IFrameNavigator.createCssLink(injectable.url);
+            const link = _EpubNavigator.createCssLink(injectable.url);
             head.appendChild(link);
             addLoadingInjectable(link);
           }
         } else if (injectable.type === "script" && injectable.url) {
-          const script = _IFrameNavigator.createJavascriptLink(
+          const script = _EpubNavigator.createJavascriptLink(
             injectable.url,
             injectable.async ?? false
           );
@@ -85596,8 +86110,9 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
    */
   abortOnError(e7) {
     if (this.api?.onError) {
-      const trueError = e7 instanceof Error ? e7 : typeof e7 === "string" ? new Error(e7) : new Error("An unknown error occurred in the IFrameNavigator.");
+      const trueError = e7 instanceof Error ? e7 : typeof e7 === "string" ? new Error(e7) : new Error("An unknown error occurred in the EpubNavigator.");
       this.api.onError(trueError);
+      this.emit(ReaderEvent.Error, trueError);
     } else {
       if (this.errorMessage) this.errorMessage.style.display = "block";
       if (this.isLoading) {
@@ -85621,7 +86136,7 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
         const bases = doc.getElementsByTagName("base");
         if (bases.length === 0) {
           doc.head.insertBefore(
-            _IFrameNavigator.createBase(href),
+            _EpubNavigator.createBase(href),
             doc.head.firstChild
           );
         }
@@ -85641,7 +86156,7 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
         const bases = doc.getElementsByTagName("base");
         if (bases.length === 0) {
           doc.head.insertBefore(
-            _IFrameNavigator.createBase(href),
+            _EpubNavigator.createBase(href),
             doc.head.firstChild
           );
         }
@@ -85993,13 +86508,15 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
             }
           }
         }
-        var iframeParent = index2 === 0 && this.iframes.length === 2 ? this.iframes[1].parentElement?.parentElement : this.iframes[0].parentElement?.parentElement;
-        if (iframeParent && width) {
+        if (width) {
+          if (!this.fxlScrollContainer) return;
           const fxlMargin = this.attributes?.fixedLayoutMargin ?? 100;
-          var widthRatio = (parseInt(getComputedStyle(iframeParent).width) - fxlMargin) / (this.iframes.length === 2 ? parseInt(width.toString().replace("px", "")) * 2 + fxlMargin * 2 : parseInt(width.toString().replace("px", "")));
-          var heightRatio = (parseInt(getComputedStyle(iframeParent).height) - fxlMargin) / parseInt(height.toString().replace("px", ""));
+          const contentW = parseInt(width.toString().replace("px", ""));
+          const contentH = parseInt(height.toString().replace("px", ""));
+          var widthRatio = (this.fxlScrollContainer.clientWidth - fxlMargin) / (this.iframes.length === 2 ? contentW * 2 + fxlMargin * 2 : contentW);
+          var heightRatio = (this.fxlScrollContainer.clientHeight - fxlMargin) / contentH;
           var scale = Math.min(widthRatio, heightRatio);
-          iframeParent.style.transform = "scale(" + scale + ")";
+          this.spreads.style.transform = "scale(" + scale + ")";
           for (const iframe of this.iframes) {
             iframe.style.height = height;
             iframe.style.width = width;
@@ -86007,6 +86524,9 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
               iframe.parentElement.style.height = height;
             }
           }
+          this.fxlContentWidth = this.iframes.length === 2 ? contentW * 2 : contentW;
+          this.fxlContentHeight = contentH;
+          this.updateFxlZoomContainer(scale);
         }
       }, 400);
     }
@@ -86058,7 +86578,11 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
   }
   stopReadAlong() {
     if (this.rights.enableMediaOverlays && this.mediaOverlayModule !== void 0 && this.hasMediaOverlays) {
+      const wasPlaying = this.mediaOverlayModule.settings.playing;
       this.mediaOverlayModule?.stopReadAloud();
+      if (wasPlaying) {
+        this.emit(ReaderEvent.ReadAlongStopped, "stopped");
+      }
     }
   }
   pauseReadAloud() {
@@ -86294,7 +86818,7 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
   }
   handleClickThrough(event) {
     if (this.api?.clickThrough) this.api?.clickThrough(event);
-    this.emit("click", event);
+    this.emit(ReaderEvent.Click, event);
   }
   handleInternalLink(event) {
     const element = event.target;
@@ -86365,10 +86889,7 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
     }
     if (this.publication.isFixedLayout) {
       var index2 = this.publication.getSpineIndex(this.currentChapterLink.href);
-      const minHeight = getHeight() - 40 - (this.attributes?.margin ?? 0);
-      var iframeParent = index2 === 0 && this.iframes.length === 2 ? this.iframes[1].parentElement?.parentElement : this.iframes[0].parentElement?.parentElement;
-      if (iframeParent) {
-        iframeParent.style.height = minHeight + 40 + "px";
+      if (this.fxlScrollContainer) {
         let height, width;
         let doc;
         if (index2 === 0 && this.iframes?.length === 2) {
@@ -86406,14 +86927,14 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
           }
         }
         const fxlMargin = this.attributes?.fixedLayoutMargin ?? 100;
-        var widthRatio = (parseInt(getComputedStyle(iframeParent).width) - fxlMargin) / (this.iframes.length === 2 ? parseInt(
+        const contentW = parseInt(
           width.toString().endsWith("px") ? width?.replace("px", "") : width
-        ) * 2 + fxlMargin * 2 : parseInt(
-          width.toString().endsWith("px") ? width?.replace("px", "") : width
-        ));
-        var heightRatio = (parseInt(getComputedStyle(iframeParent).height) - fxlMargin) / parseInt(height.toString().replace("px", ""));
+        );
+        const contentH = parseInt(height.toString().replace("px", ""));
+        var widthRatio = (this.fxlScrollContainer.clientWidth - fxlMargin) / (this.iframes.length === 2 ? contentW * 2 + fxlMargin * 2 : contentW);
+        var heightRatio = (this.fxlScrollContainer.clientHeight - fxlMargin) / contentH;
         var scale = Math.min(widthRatio, heightRatio);
-        iframeParent.style.transform = "scale(" + scale + ")";
+        this.spreads.style.transform = "scale(" + scale + ")";
         for (const iframe of this.iframes) {
           iframe.style.height = height;
           iframe.style.width = width;
@@ -86421,6 +86942,9 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
             iframe.parentElement.style.height = height;
           }
         }
+        this.fxlContentWidth = this.iframes.length === 2 ? contentW * 2 : contentW;
+        this.fxlContentHeight = contentH;
+        this.updateFxlZoomContainer(scale);
       }
     }
     const oldPosition = this.view?.getCurrentPosition();
@@ -86493,7 +87017,7 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
           if (this.api?.positionInfo) {
             this.api.positionInfo(locator);
           }
-          this.emit("positioninfo", locator);
+          this.emit(ReaderEvent.PositionInfo, locator);
         }
       } else {
         if (this.chapterPosition) this.chapterPosition.innerHTML = "";
@@ -86577,7 +87101,7 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
   }
   handleKeydownFallthrough(event) {
     if (this.api?.keydownFallthrough) this.api?.keydownFallthrough(event);
-    this.emit("keydown", event);
+    this.emit(ReaderEvent.KeyDown, event);
   }
   hideView() {
     if (this.view?.layout !== "fixed") {
@@ -86737,12 +87261,12 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
             this.chapterTitle.innerHTML = "(" + this.currentChapterLink.title + ")";
           if (this.api?.chapterInfo)
             this.api.chapterInfo(this.currentChapterLink.title);
-          this.emit("chapterinfo", this.currentChapterLink.title);
+          this.emit(ReaderEvent.ChapterInfo, this.currentChapterLink.title);
         } else {
           if (this.chapterTitle)
             this.chapterTitle.innerHTML = "(Current Chapter)";
           if (this.api?.chapterInfo) this.api.chapterInfo(void 0);
-          this.emit("chapterinfo", void 0);
+          this.emit(ReaderEvent.ChapterInfo, void 0);
         }
         await this.updatePositionInfo();
       } else {
@@ -86801,7 +87325,9 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
           if (this.previousChapterTopAnchorElement)
             this.previousChapterTopAnchorElement.style.display = "none";
           if (this.api?.resourceFitsScreen) this.api?.resourceFitsScreen();
-          this.emit("resource.fits");
+          this.emit(ReaderEvent.ResourceFits, {
+            href: this.currentChapterLink.href
+          });
         } else {
           this.settings.isPaginated().then((paginated) => {
             if (!paginated) {
@@ -86888,17 +87414,25 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
         this.view?.padOddColumns?.();
         if (this.view?.atStart() && this.view?.atEnd()) {
           if (this.api?.resourceFitsScreen) this.api?.resourceFitsScreen();
-          this.emit("resource.fits");
+          this.emit(ReaderEvent.ResourceFits, {
+            href: this.currentChapterLink.href
+          });
         } else if (this.view?.atEnd()) {
           if (this.api?.resourceAtEnd) this.api?.resourceAtEnd();
-          this.emit("resource.end");
+          this.emit(ReaderEvent.ResourceEnd, {
+            href: this.currentChapterLink.href
+          });
         } else if (this.view?.atStart()) {
           if (this.api?.resourceAtStart) this.api?.resourceAtStart();
-          this.emit("resource.start");
+          this.emit(ReaderEvent.ResourceStart, {
+            href: this.currentChapterLink.href
+          });
         }
       }
       if (this.api?.resourceReady) this.api?.resourceReady();
-      this.emit("resource.ready");
+      this.emit(ReaderEvent.ResourceReady, {
+        href: this.currentChapterLink.href
+      });
     }, 150);
   }
   saveCurrentReadingPosition() {
@@ -86967,6 +87501,7 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
             import_loglevel23.default.log("save last reading position", position);
             this.annotator.saveLastReadingPosition(position);
           }
+          this.emit(ReaderEvent.LocationChanged, position);
           if (this.consumptionModule) {
             this.consumptionModule.continueReadingSession(position);
           }
@@ -87099,6 +87634,7 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
     }
   }
 };
+var IFrameNavigator = EpubNavigator;
 
 // src/store/LocalAnnotator.ts
 init_polyfills();
@@ -87588,6 +88124,7 @@ var LayerSettings = class {
 };
 
 // src/reader.ts
+init_VisualNavigator();
 var _PDFNavigatorClass;
 async function loadPDFNavigator() {
   if (!_PDFNavigatorClass) {
@@ -87624,54 +88161,38 @@ var D2Reader = class _D2Reader {
      */
     /** Start TTS Read Aloud */
     this.startReadAloud = () => {
-      if (this.navigator instanceof IFrameNavigator) {
-        this.navigator.startReadAloud();
-      }
+      this.navigator.startReadAloud();
     };
-    /** Start TTS Read Aloud */
+    /** Stop TTS Read Aloud */
     this.stopReadAloud = () => {
-      if (this.navigator instanceof IFrameNavigator) {
-        this.navigator.stopReadAloud();
-      }
+      this.navigator.stopReadAloud();
     };
-    /** Start TTS Read Aloud */
+    /** Pause TTS Read Aloud */
     this.pauseReadAloud = () => {
-      if (this.navigator instanceof IFrameNavigator) {
-        this.navigator.pauseReadAloud();
-      }
+      this.navigator.pauseReadAloud();
     };
-    /** Start TTS Read Aloud */
+    /** Resume TTS Read Aloud */
     this.resumeReadAloud = () => {
-      if (this.navigator instanceof IFrameNavigator) {
-        this.navigator.resumeReadAloud();
-      }
+      this.navigator.resumeReadAloud();
     };
     /**
      * Read Along
      */
     /** Start Media Overlay Read Along */
     this.startReadAlong = () => {
-      if (this.navigator instanceof IFrameNavigator) {
-        this.navigator.startReadAlong();
-      }
+      this.navigator.startReadAlong();
     };
     /** Stop Media Overlay Read Along */
     this.stopReadAlong = () => {
-      if (this.navigator instanceof IFrameNavigator) {
-        this.navigator.stopReadAlong();
-      }
+      this.navigator.stopReadAlong();
     };
     /** Pause Media Overlay Read Along */
     this.pauseReadAlong = () => {
-      if (this.navigator instanceof IFrameNavigator) {
-        this.navigator.pauseReadAlong();
-      }
+      this.navigator.pauseReadAlong();
     };
     /** Resume Media Overlay Read Along */
     this.resumeReadAlong = () => {
-      if (this.navigator instanceof IFrameNavigator) {
-        this.navigator.resumeReadAlong();
-      }
+      this.navigator.resumeReadAlong();
     };
     /**
      * Bookmarks and annotations
@@ -87720,20 +88241,20 @@ var D2Reader = class _D2Reader {
     };
     /** Hide  Layer */
     this.hideLayer = (layer) => {
-      return this.navigator instanceof IFrameNavigator ? this.navigator?.hideLayer(layer) : false;
+      this.navigator.hideLayer(layer);
     };
     /** Show  Layer */
     this.showLayer = (layer) => {
-      return this.navigator instanceof IFrameNavigator ? this.navigator?.showLayer(layer) : false;
+      this.navigator.showLayer(layer);
     };
     /** Activate Marker <br>
      * Activated Marker will be used for active annotation creation */
     this.activateMarker = (id2, position) => {
-      return this.navigator instanceof IFrameNavigator ? this.navigator?.activateMarker(id2, position) : false;
+      this.navigator.activateMarker(id2, position);
     };
     /** Deactivate Marker */
     this.deactivateMarker = () => {
-      return this.navigator instanceof IFrameNavigator ? this.navigator?.deactivateMarker() : false;
+      this.navigator.deactivateMarker();
     };
     /**
      * Definitions
@@ -87764,17 +88285,17 @@ var D2Reader = class _D2Reader {
       return await this.searchModule?.search(term, current) ?? [];
     };
     this.goToSearchIndex = async (href, index2, current) => {
-      if (this.navigator instanceof IFrameNavigator && this.navigator.rights.enableSearch) {
+      if (this.navigator.supports(NavigatorFeature.Search)) {
         await this.searchModule?.goToSearchIndex(href, index2, current);
       }
     };
     this.goToSearchID = async (href, index2, current) => {
-      if (this.navigator instanceof IFrameNavigator && this.navigator.rights.enableSearch) {
+      if (this.navigator.supports(NavigatorFeature.Search)) {
         await this.searchModule?.goToSearchID(href, index2, current);
       }
     };
     this.clearSearch = async () => {
-      if (this.navigator instanceof IFrameNavigator && this.navigator.rights.enableSearch) {
+      if (this.navigator.supports(NavigatorFeature.Search)) {
         await this.searchModule?.clearSearch();
       }
     };
@@ -87791,16 +88312,16 @@ var D2Reader = class _D2Reader {
       return await this.settings.scroll(value);
     };
     /**
-    * Used to increase anything that can be increased,
-    * such as pitch, rate, volume, fontSize
-    */
+     * Used to increase anything that can be increased,
+     * such as pitch, rate, volume, fontSize
+     */
     this.increase = async (incremental) => {
       if (this.isTTSIncrementable(incremental)) {
-        if (this.navigator instanceof IFrameNavigator && this.navigator.rights.enableTTS) {
+        if (this.navigator.supports(NavigatorFeature.TTS)) {
           await this.ttsSettings?.increase(incremental);
         }
       } else if (this.isMOIncrementable(incremental)) {
-        if (this.navigator instanceof IFrameNavigator && this.navigator.rights.enableMediaOverlays) {
+        if (this.navigator.supports(NavigatorFeature.MediaOverlays)) {
           await this.mediaOverlaySettings?.increase(incremental);
         }
       } else {
@@ -87813,11 +88334,11 @@ var D2Reader = class _D2Reader {
      */
     this.decrease = async (incremental) => {
       if (this.isTTSIncrementable(incremental)) {
-        if (this.navigator instanceof IFrameNavigator && this.navigator.rights.enableTTS) {
+        if (this.navigator.supports(NavigatorFeature.TTS)) {
           await this.ttsSettings?.decrease(incremental);
         }
       } else if (this.isMOIncrementable(incremental)) {
-        if (this.navigator instanceof IFrameNavigator && this.navigator.rights.enableMediaOverlays) {
+        if (this.navigator.supports(NavigatorFeature.MediaOverlays)) {
           await this.mediaOverlaySettings?.decrease(incremental);
         }
       } else {
@@ -87835,12 +88356,12 @@ var D2Reader = class _D2Reader {
      * TTS Settings
      */
     this.resetTTSSettings = () => {
-      if (this.navigator instanceof IFrameNavigator && this.navigator.rights.enableTTS) {
+      if (this.navigator.supports(NavigatorFeature.TTS)) {
         this.ttsSettings?.resetTTSSettings();
       }
     };
     this.applyTTSSettings = async (ttsSettings) => {
-      if (this.navigator instanceof IFrameNavigator && this.navigator.rights.enableTTS) {
+      if (this.navigator.supports(NavigatorFeature.TTS)) {
         await this.ttsSettings?.applyTTSSettings(ttsSettings);
       }
     };
@@ -87853,7 +88374,7 @@ var D2Reader = class _D2Reader {
     //   }
     // };
     this.applyPreferredVoice = async (value) => {
-      if (this.navigator instanceof IFrameNavigator && this.navigator.rights.enableTTS) {
+      if (this.navigator.supports(NavigatorFeature.TTS)) {
         await this.ttsSettings?.applyPreferredVoice(value);
       }
     };
@@ -87861,12 +88382,12 @@ var D2Reader = class _D2Reader {
      * Media Overlay Settings
      */
     this.resetMediaOverlaySettings = async () => {
-      if (this.navigator instanceof IFrameNavigator && this.navigator.rights.enableMediaOverlays) {
+      if (this.navigator.supports(NavigatorFeature.MediaOverlays)) {
         await this.mediaOverlaySettings?.resetMediaOverlaySettings();
       }
     };
     this.applyMediaOverlaySettings = async (settings) => {
-      if (this.navigator instanceof IFrameNavigator && this.navigator.rights.enableMediaOverlays) {
+      if (this.navigator.supports(NavigatorFeature.MediaOverlays)) {
         await this.mediaOverlaySettings?.applyMediaOverlaySettings(settings);
       }
     };
@@ -87880,34 +88401,22 @@ var D2Reader = class _D2Reader {
       await this.navigator.goToPage(page);
     };
     this.fitToPage = () => {
-      if (isPDFNavigator(this.navigator)) {
-        this.navigator.fitToPage();
-      }
+      this.navigator.fitToPage();
     };
     this.fitToWidth = () => {
-      if (isPDFNavigator(this.navigator)) {
-        this.navigator.fitToWidth();
-      }
+      this.navigator.fitToWidth();
     };
     this.zoomIn = () => {
-      if (isPDFNavigator(this.navigator)) {
-        this.navigator.zoomIn();
-      }
+      this.navigator.zoomIn();
     };
     this.zoomOut = () => {
-      if (isPDFNavigator(this.navigator)) {
-        this.navigator.zoomOut();
-      }
+      this.navigator.zoomOut();
     };
     this.activateHand = () => {
-      if (isPDFNavigator(this.navigator)) {
-        this.navigator.activateHand();
-      }
+      this.navigator.activateHand();
     };
     this.deactivateHand = () => {
-      if (isPDFNavigator(this.navigator)) {
-        this.navigator.deactivateHand();
-      }
+      this.navigator.deactivateHand();
     };
     this.copyToClipboard = (text) => {
       this.contentProtectionModule?.copyToClipboard(text);
@@ -87925,18 +88434,14 @@ var D2Reader = class _D2Reader {
       this.navigator.previousPage();
     };
     this.snapToSelector = async (selector2) => {
-      if (this.navigator instanceof IFrameNavigator) {
-        this.navigator.snapToSelector(selector2);
-      }
+      this.navigator.snapToSelector?.(selector2);
     };
     /**
      * You have attributes in the reader when you initialize it. You can set margin, navigationHeight etc...
      * This is in case you change the attributes after initializing the reader.
      */
     this.applyAttributes = (value) => {
-      if (this.navigator instanceof IFrameNavigator) {
-        this.navigator.applyAttributes(value);
-      }
+      this.navigator.applyAttributes?.(value);
     };
     /**
      * Destructor:
@@ -87965,9 +88470,7 @@ var D2Reader = class _D2Reader {
     };
   }
   addEventListener(event, handler) {
-    if (this.navigator instanceof IFrameNavigator || isPDFNavigator(this.navigator)) {
-      this.navigator.addListener(event, handler);
-    }
+    this.navigator.addListener(event, handler);
   }
   /**
    * The async builder.
@@ -88168,7 +88671,7 @@ var D2Reader = class _D2Reader {
         publication,
         ...initialConfig.consumption
       }) : void 0;
-      const navigator2 = await IFrameNavigator.create({
+      const navigator2 = await EpubNavigator.create({
         mainElement,
         headerMenu,
         footerMenu,
@@ -88224,10 +88727,7 @@ var D2Reader = class _D2Reader {
     }
   }
   get hasMediaOverlays() {
-    if (this.navigator instanceof IFrameNavigator) {
-      return this.navigator.hasMediaOverlays;
-    }
-    return false;
+    return this.navigator.publication.hasMediaOverlays ?? false;
   }
   /** Table of Contents */
   get tableOfContents() {
@@ -88271,7 +88771,7 @@ var D2Reader = class _D2Reader {
     return this.navigator.currentResource();
   }
   get mostRecentNavigatedTocItem() {
-    return this.navigator instanceof IFrameNavigator ? this.navigator.mostRecentNavigatedTocItem() : false;
+    return this.navigator.mostRecentNavigatedTocItem?.() ?? void 0;
   }
   get totalResources() {
     return this.navigator.totalResources();
@@ -88302,10 +88802,10 @@ var D2Reader = class _D2Reader {
     return this.navigator.positions();
   }
   get atStart() {
-    return this.navigator instanceof IFrameNavigator ? this.navigator.atStart() : false;
+    return this.navigator.atStart();
   }
   get atEnd() {
-    return this.navigator instanceof IFrameNavigator ? this.navigator.atEnd() : false;
+    return this.navigator.atEnd();
   }
   async applyLineFocusSettings(userSettings) {
     if (userSettings.lines) {
@@ -88373,11 +88873,17 @@ function updateConfig(rights, publication) {
 }
 
 // src/index.ts
+init_Events();
+init_VisualNavigator();
 var index_default = D2Reader;
 var load = D2Reader.load;
 export {
   AnnotationMarker,
+  EpubNavigator,
+  IFrameNavigator,
   Link,
+  NavigatorFeature,
+  ReaderEvent,
   index_default as default,
   load
 };