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

package/dist/esm/index.js

@@ -5225,7 +5225,7 @@ var require_metadata_encrypted = __commonJS({
     exports2.Encrypted = void 0;
     var tslib_1 = (init_tslib_es62(), __toCommonJS(tslib_es6_exports2));
     var ta_json_x_1 = require_cjs();
-    var Encrypted = exports2.Encrypted = class Encrypted {
+    var Encrypted = class Encrypted {
       constructor() {
         this.DecryptedLengthBeforeInflate = -1;
         this.CypherBlockPadding = -1;
@@ -5240,6 +5240,7 @@ var require_metadata_encrypted = __commonJS({
         }
       }
     };
+    exports2.Encrypted = Encrypted;
     tslib_1.__decorate([
       (0, ta_json_x_1.JsonProperty)("scheme"),
       tslib_1.__metadata("design:type", String)
@@ -5312,8 +5313,9 @@ var require_metadata_properties = __commonJS({
       SpreadEnum2["Landscape"] = "landscape";
     })(SpreadEnum || (exports2.SpreadEnum = SpreadEnum = {}));
     exports2.PropertiesSupportedKeys = ["contains", "layout", "orientation", "overflow", "page", "spread", "encrypted", "media-overlay"];
-    var Properties = exports2.Properties = class Properties {
+    var Properties = class Properties {
     };
+    exports2.Properties = Properties;
     tslib_1.__decorate([
       (0, ta_json_x_1.JsonProperty)("contains"),
       (0, ta_json_x_1.JsonElementType)(String),
@@ -5358,7 +5360,6 @@ var require_publication_link = __commonJS({
   "node_modules/r2-shared-js/dist/es6-es2015/src/models/publication-link.js"(exports2) {
     "use strict";
     init_polyfills();
-    var Link_1;
     Object.defineProperty(exports2, "__esModule", { value: true });
     exports2.Link = void 0;
     var tslib_1 = (init_tslib_es6(), __toCommonJS(tslib_es6_exports));
@@ -5369,7 +5370,7 @@ var require_publication_link = __commonJS({
     var PROPERTIES_JSON_PROP = "properties";
     var CHILDREN_JSON_PROP = "children";
     var ALTERNATE_JSON_PROP = "alternate";
-    var Link2 = exports2.Link = Link_1 = class Link {
+    var Link2 = class Link {
       get Href() {
         return this.Href1;
       }
@@ -5422,6 +5423,7 @@ var require_publication_link = __commonJS({
         }
       }
     };
+    exports2.Link = Link2;
     tslib_1.__decorate([
       (0, ta_json_x_1.JsonProperty)("type"),
       tslib_1.__metadata("design:type", String)
@@ -5456,12 +5458,12 @@ var require_publication_link = __commonJS({
     ], Link2.prototype, "Templated", void 0);
     tslib_1.__decorate([
       (0, ta_json_x_1.JsonProperty)(CHILDREN_JSON_PROP),
-      (0, ta_json_x_1.JsonElementType)(Link_1),
+      (0, ta_json_x_1.JsonElementType)(Link2),
       tslib_1.__metadata("design:type", Array)
     ], Link2.prototype, "Children", void 0);
     tslib_1.__decorate([
       (0, ta_json_x_1.JsonProperty)(ALTERNATE_JSON_PROP),
-      (0, ta_json_x_1.JsonElementType)(Link_1),
+      (0, ta_json_x_1.JsonElementType)(Link2),
       tslib_1.__metadata("design:type", Array)
     ], Link2.prototype, "Alternate", void 0);
     tslib_1.__decorate([
@@ -5480,7 +5482,7 @@ var require_publication_link = __commonJS({
       tslib_1.__metadata("design:paramtypes", []),
       tslib_1.__metadata("design:returntype", void 0)
     ], Link2.prototype, "_OnDeserialized", null);
-    exports2.Link = Link2 = Link_1 = tslib_1.__decorate([
+    exports2.Link = Link2 = tslib_1.__decorate([
       (0, ta_json_x_1.JsonObject)()
     ], Link2);
   }
@@ -5498,7 +5500,7 @@ var require_metadata_contributor = __commonJS({
     var ta_json_string_converter_1 = require_ta_json_string_converter();
     var publication_link_1 = require_publication_link();
     var LINKS_JSON_PROP = "links";
-    var Contributor = exports2.Contributor = class Contributor {
+    var Contributor = class Contributor {
       get SortAs() {
         return this.SortAs2 ? this.SortAs2 : this.SortAs1;
       }
@@ -5514,6 +5516,7 @@ var require_metadata_contributor = __commonJS({
         }
       }
     };
+    exports2.Contributor = Contributor;
     tslib_1.__decorate([
       (0, ta_json_x_1.JsonProperty)("name"),
       tslib_1.__metadata("design:type", Object)
@@ -5624,8 +5627,9 @@ var require_metadata_belongsto = __commonJS({
     var metadata_contributor_json_converter_1 = require_metadata_contributor_json_converter();
     var SERIES_JSON_PROP = "series";
     var COLLECTION_JSON_PROP = "collection";
-    var BelongsTo = exports2.BelongsTo = class BelongsTo {
+    var BelongsTo = class BelongsTo {
     };
+    exports2.BelongsTo = BelongsTo;
     tslib_1.__decorate([
       (0, ta_json_x_1.JsonProperty)(SERIES_JSON_PROP),
       (0, ta_json_x_1.JsonElementType)(metadata_contributor_1.Contributor),
@@ -5653,8 +5657,9 @@ var require_metadata_media_overlay = __commonJS({
     exports2.MediaOverlay = void 0;
     var tslib_1 = (init_tslib_es6(), __toCommonJS(tslib_es6_exports));
     var ta_json_x_1 = require_cjs();
-    var MediaOverlay = exports2.MediaOverlay = class MediaOverlay {
+    var MediaOverlay = class MediaOverlay {
     };
+    exports2.MediaOverlay = MediaOverlay;
     tslib_1.__decorate([
       (0, ta_json_x_1.JsonProperty)("active-class"),
       tslib_1.__metadata("design:type", String)
@@ -5680,7 +5685,7 @@ var require_metadata_subject = __commonJS({
     var ta_json_x_1 = require_cjs();
     var publication_link_1 = require_publication_link();
     var LINKS_JSON_PROP = "links";
-    var Subject = exports2.Subject = class Subject {
+    var Subject = class Subject {
       get SortAs() {
         return this.SortAs2 ? this.SortAs2 : this.SortAs1;
       }
@@ -5696,6 +5701,7 @@ var require_metadata_subject = __commonJS({
         }
       }
     };
+    exports2.Subject = Subject;
     tslib_1.__decorate([
       (0, ta_json_x_1.JsonProperty)("name"),
       tslib_1.__metadata("design:type", Object)
@@ -5777,8 +5783,9 @@ var require_metadata_accessibility_certification = __commonJS({
     var tslib_1 = (init_tslib_es6(), __toCommonJS(tslib_es6_exports));
     var ta_json_x_1 = require_cjs();
     var ta_json_string_converter_1 = require_ta_json_string_converter();
-    var AccessibilityCertification = exports2.AccessibilityCertification = class AccessibilityCertification {
+    var AccessibilityCertification = class AccessibilityCertification {
     };
+    exports2.AccessibilityCertification = AccessibilityCertification;
     tslib_1.__decorate([
       (0, ta_json_x_1.JsonProperty)("certifiedBy"),
       (0, ta_json_x_1.JsonConverter)(ta_json_string_converter_1.JsonStringConverter),
@@ -5814,8 +5821,9 @@ var require_metadata_accessibility = __commonJS({
     var ta_json_x_1 = require_cjs();
     var ta_json_string_converter_1 = require_ta_json_string_converter();
     var metadata_accessibility_certification_1 = require_metadata_accessibility_certification();
-    var AccessibilityMetadata = exports2.AccessibilityMetadata = class AccessibilityMetadata {
+    var AccessibilityMetadata = class AccessibilityMetadata {
     };
+    exports2.AccessibilityMetadata = AccessibilityMetadata;
     tslib_1.__decorate([
       (0, ta_json_x_1.JsonProperty)("certification"),
       tslib_1.__metadata("design:type", metadata_accessibility_certification_1.AccessibilityCertification)
@@ -5935,7 +5943,7 @@ var require_metadata = __commonJS({
       "source",
       "subject"
     ];
-    var Metadata = exports2.Metadata = class Metadata {
+    var Metadata = class Metadata {
       get SortAs() {
         return this.SortAs2 ? this.SortAs2 : this.SortAs1;
       }
@@ -5969,6 +5977,7 @@ var require_metadata = __commonJS({
         }
       }
     };
+    exports2.Metadata = Metadata;
     tslib_1.__decorate([
       (0, ta_json_x_1.JsonProperty)("accessibility"),
       tslib_1.__metadata("design:type", metadata_accessibility_1.AccessibilityMetadata)
@@ -6241,7 +6250,7 @@ var require_publication = __commonJS({
     var LOA_JSON_PROP = "loa";
     var LOV_JSON_PROP = "lov";
     var LOT_JSON_PROP = "lot";
-    var Publication2 = exports2.Publication = class Publication {
+    var Publication2 = class Publication {
       get Spine() {
         return this.Spine2 ? this.Spine2 : this.Spine1;
       }
@@ -6348,6 +6357,7 @@ var require_publication = __commonJS({
         }
       }
     };
+    exports2.Publication = Publication2;
     tslib_1.__decorate([
       (0, ta_json_x_1.JsonProperty)("@context"),
       (0, ta_json_x_1.JsonElementType)(String),
@@ -15309,6 +15319,8 @@ var require_loglevel = __commonJS({
         "warn",
         "error"
       ];
+      var _loggersByName = {};
+      var defaultLogger = null;
       function bindMethod(obj, methodName) {
         var method = obj[methodName];
         if (typeof method.bind === "function") {
@@ -15350,28 +15362,33 @@ var require_loglevel = __commonJS({
           return noop;
         }
       }
-      function replaceLoggingMethods(level, loggerName) {
+      function replaceLoggingMethods() {
+        var level = this.getLevel();
         for (var i = 0; i < logMethods.length; i++) {
           var methodName = logMethods[i];
-          this[methodName] = i < level ? noop : this.methodFactory(methodName, level, loggerName);
+          this[methodName] = i < level ? noop : this.methodFactory(methodName, level, this.name);
         }
         this.log = this.debug;
+        if (typeof console === undefinedType && level < this.levels.SILENT) {
+          return "No console available for logging";
+        }
       }
-      function enableLoggingWhenConsoleArrives(methodName, level, loggerName) {
+      function enableLoggingWhenConsoleArrives(methodName) {
         return function() {
           if (typeof console !== undefinedType) {
-            replaceLoggingMethods.call(this, level, loggerName);
+            replaceLoggingMethods.call(this);
             this[methodName].apply(this, arguments);
           }
         };
       }
-      function defaultMethodFactory(methodName, level, loggerName) {
+      function defaultMethodFactory(methodName, _level, _loggerName) {
         return realMethod(methodName) || enableLoggingWhenConsoleArrives.apply(this, arguments);
       }
-      function Logger(name, defaultLevel, factory) {
+      function Logger(name, factory) {
         var self2 = this;
-        var currentLevel;
-        defaultLevel = defaultLevel == null ? "WARN" : defaultLevel;
+        var inheritedLevel;
+        var defaultLevel;
+        var userLevel;
         var storageKey = "loglevel";
         if (typeof name === "string") {
           storageKey += ":" + name;
@@ -15403,11 +15420,12 @@ var require_loglevel = __commonJS({
           if (typeof storedLevel === undefinedType) {
             try {
               var cookie = window.document.cookie;
-              var location = cookie.indexOf(
-                encodeURIComponent(storageKey) + "="
-              );
+              var cookieName = encodeURIComponent(storageKey);
+              var location = cookie.indexOf(cookieName + "=");
               if (location !== -1) {
-                storedLevel = /^([^;]+)/.exec(cookie.slice(location))[1];
+                storedLevel = /^([^;]+)/.exec(
+                  cookie.slice(location + cookieName.length + 1)
+                )[1];
               }
             } catch (ignore) {
             }
@@ -15422,7 +15440,6 @@ var require_loglevel = __commonJS({
             return;
           try {
             window.localStorage.removeItem(storageKey);
-            return;
           } catch (ignore) {
           }
           try {
@@ -15430,6 +15447,17 @@ var require_loglevel = __commonJS({
           } catch (ignore) {
           }
         }
+        function normalizeLevel(input) {
+          var level = input;
+          if (typeof level === "string" && self2.levels[level.toUpperCase()] !== void 0) {
+            level = self2.levels[level.toUpperCase()];
+          }
+          if (typeof level === "number" && level >= 0 && level <= self2.levels.SILENT) {
+            return level;
+          } else {
+            throw new TypeError("log.setLevel() called with invalid level: " + input);
+          }
+        }
         self2.name = name;
         self2.levels = {
           "TRACE": 0,
@@ -15441,34 +15469,31 @@ var require_loglevel = __commonJS({
         };
         self2.methodFactory = factory || defaultMethodFactory;
         self2.getLevel = function() {
-          return currentLevel;
+          if (userLevel != null) {
+            return userLevel;
+          } else if (defaultLevel != null) {
+            return defaultLevel;
+          } else {
+            return inheritedLevel;
+          }
         };
         self2.setLevel = function(level, persist) {
-          if (typeof level === "string" && self2.levels[level.toUpperCase()] !== void 0) {
-            level = self2.levels[level.toUpperCase()];
-          }
-          if (typeof level === "number" && level >= 0 && level <= self2.levels.SILENT) {
-            currentLevel = level;
-            if (persist !== false) {
-              persistLevelIfPossible(level);
-            }
-            replaceLoggingMethods.call(self2, level, name);
-            if (typeof console === undefinedType && level < self2.levels.SILENT) {
-              return "No console available for logging";
-            }
-          } else {
-            throw "log.setLevel() called with invalid level: " + level;
+          userLevel = normalizeLevel(level);
+          if (persist !== false) {
+            persistLevelIfPossible(userLevel);
           }
+          return replaceLoggingMethods.call(self2);
         };
         self2.setDefaultLevel = function(level) {
-          defaultLevel = level;
+          defaultLevel = normalizeLevel(level);
           if (!getPersistedLevel()) {
             self2.setLevel(level, false);
           }
         };
         self2.resetLevel = function() {
-          self2.setLevel(defaultLevel, false);
+          userLevel = null;
           clearPersistedLevel();
+          replaceLoggingMethods.call(self2);
         };
         self2.enableAll = function(persist) {
           self2.setLevel(self2.levels.TRACE, persist);
@@ -15476,14 +15501,27 @@ var require_loglevel = __commonJS({
         self2.disableAll = function(persist) {
           self2.setLevel(self2.levels.SILENT, persist);
         };
+        self2.rebuild = function() {
+          if (defaultLogger !== self2) {
+            inheritedLevel = normalizeLevel(defaultLogger.getLevel());
+          }
+          replaceLoggingMethods.call(self2);
+          if (defaultLogger === self2) {
+            for (var childName in _loggersByName) {
+              _loggersByName[childName].rebuild();
+            }
+          }
+        };
+        inheritedLevel = normalizeLevel(
+          defaultLogger ? defaultLogger.getLevel() : "WARN"
+        );
         var initialLevel = getPersistedLevel();
-        if (initialLevel == null) {
-          initialLevel = defaultLevel;
+        if (initialLevel != null) {
+          userLevel = normalizeLevel(initialLevel);
         }
-        self2.setLevel(initialLevel, false);
+        replaceLoggingMethods.call(self2);
       }
-      var defaultLogger = new Logger();
-      var _loggersByName = {};
+      defaultLogger = new Logger();
       defaultLogger.getLogger = function getLogger(name) {
         if (typeof name !== "symbol" && typeof name !== "string" || name === "") {
           throw new TypeError("You must supply a name when creating a logger.");
@@ -15492,7 +15530,6 @@ var require_loglevel = __commonJS({
         if (!logger) {
           logger = _loggersByName[name] = new Logger(
             name,
-            defaultLogger.getLevel(),
             defaultLogger.methodFactory
           );
         }
@@ -21344,7 +21381,6 @@ var require_media_overlay = __commonJS({
   "node_modules/r2-shared-js/dist/es6-es2015/src/models/media-overlay.js"(exports2) {
     "use strict";
     init_polyfills();
-    var MediaOverlayNode_1;
     Object.defineProperty(exports2, "__esModule", { value: true });
     exports2.MediaOverlayNode = exports2.timeStrToSeconds = void 0;
     var tslib_1 = (init_tslib_es6(), __toCommonJS(tslib_es6_exports));
@@ -21407,11 +21443,12 @@ var require_media_overlay = __commonJS({
       return hours * 3600 + minutes * 60 + seconds;
     }
     exports2.timeStrToSeconds = timeStrToSeconds;
-    var MediaOverlayNode2 = exports2.MediaOverlayNode = MediaOverlayNode_1 = class MediaOverlayNode {
+    var MediaOverlayNode2 = class MediaOverlayNode {
       constructor() {
         this.initialized = false;
       }
     };
+    exports2.MediaOverlayNode = MediaOverlayNode2;
     tslib_1.__decorate([
       (0, ta_json_x_1.JsonProperty)("text"),
       tslib_1.__metadata("design:type", String)
@@ -21428,10 +21465,10 @@ var require_media_overlay = __commonJS({
     ], MediaOverlayNode2.prototype, "Role", void 0);
     tslib_1.__decorate([
       (0, ta_json_x_1.JsonProperty)("narration"),
-      (0, ta_json_x_1.JsonElementType)(MediaOverlayNode_1),
+      (0, ta_json_x_1.JsonElementType)(MediaOverlayNode2),
       tslib_1.__metadata("design:type", Array)
     ], MediaOverlayNode2.prototype, "Children", void 0);
-    exports2.MediaOverlayNode = MediaOverlayNode2 = MediaOverlayNode_1 = tslib_1.__decorate([
+    exports2.MediaOverlayNode = MediaOverlayNode2 = tslib_1.__decorate([
       (0, ta_json_x_1.JsonObject)()
     ], MediaOverlayNode2);
   }
@@ -46067,6 +46104,7 @@ _ReadiumCSS.SCROLL_REF = "scroll";
 // static readonly PUBLISHER_DEFAULT_REF = "advancedSettings";
 _ReadiumCSS.TEXT_ALIGNMENT_REF = "textAlign";
 _ReadiumCSS.COLUMN_COUNT_REF = "colCount";
+_ReadiumCSS.DIRECTION_REF = "direction";
 _ReadiumCSS.WORD_SPACING_REF = "wordSpacing";
 _ReadiumCSS.LETTER_SPACING_REF = "letterSpacing";
 _ReadiumCSS.PAGE_MARGINS_REF = "pageMargins";
@@ -46080,6 +46118,7 @@ _ReadiumCSS.SCROLL_KEY = "--USER__" + _ReadiumCSS.SCROLL_REF;
 //   "--USER__" + ReadiumCSS.PUBLISHER_DEFAULT_REF;
 _ReadiumCSS.TEXT_ALIGNMENT_KEY = "--USER__" + _ReadiumCSS.TEXT_ALIGNMENT_REF;
 _ReadiumCSS.COLUMN_COUNT_KEY = "--USER__" + _ReadiumCSS.COLUMN_COUNT_REF;
+_ReadiumCSS.DIRECTION_KEY = "--USER__" + _ReadiumCSS.DIRECTION_REF;
 _ReadiumCSS.WORD_SPACING_KEY = "--USER__" + _ReadiumCSS.WORD_SPACING_REF;
 _ReadiumCSS.LETTER_SPACING_KEY = "--USER__" + _ReadiumCSS.LETTER_SPACING_REF;
 _ReadiumCSS.PAGE_MARGINS_KEY = "--USER__" + _ReadiumCSS.PAGE_MARGINS_REF;
@@ -46243,16 +46282,21 @@ var Popup = class {
           return;
         }
         let self2 = this;
-        win.onclick = function(ev) {
-          if (event.target !== ev.target) {
-            if (d2popover.parentElement) {
-              self2.hidePopover();
-              if (win) {
-                win.onclick = null;
+        win.addEventListener(
+          "click",
+          function(ev) {
+            if (event.target !== ev.target) {
+              if (d2popover.parentElement) {
+                self2.hidePopover();
+                ev.stopImmediatePropagation();
               }
             }
+          },
+          {
+            once: true,
+            capture: true
           }
-        };
+        );
       }
     } else if (src) {
       let absolute = getAbsoluteHref(src);
@@ -46291,16 +46335,21 @@ var Popup = class {
           return;
         }
         let self2 = this;
-        win.onclick = function(ev) {
-          if (event.target !== ev.target) {
-            if (d2popover.parentElement) {
-              self2.hidePopover();
-              if (win) {
-                win.onclick = null;
+        win.addEventListener(
+          "click",
+          function(ev) {
+            if (event.target !== ev.target) {
+              if (d2popover.parentElement) {
+                self2.hidePopover();
+                ev.stopImmediatePropagation();
               }
             }
+          },
+          {
+            once: true,
+            capture: true
           }
-        };
+        );
       }
     }
   }
@@ -46471,7 +46520,7 @@ var EventHandler = class {
         },
         true
       );
-      element.addEventListener("click", this.handleLinks.bind(this));
+      element.addEventListener("click", this.handleLinks.bind(this), true);
     } else {
       throw "cannot setup events for null";
     }
@@ -47019,6 +47068,7 @@ var _UserSettings = class _UserSettings {
     // publisherDefaults = true;
     this.textAlignment = 0;
     this.columnCount = 0;
+    this.direction = 0;
     this.wordSpacing = 0;
     this.letterSpacing = 0;
     this.pageMargins = 2;
@@ -47141,6 +47191,17 @@ var _UserSettings = class _UserSettings {
         }
         import_loglevel2.default.log(settings.columnCount);
       }
+      if (initialUserSettings.direction) {
+        settings.direction = _UserSettings.directionValues.findIndex(
+          (el) => el === initialUserSettings.direction
+        );
+        let prop = settings.userProperties.getByRef(ReadiumCSS.DIRECTION_REF);
+        if (prop) {
+          prop.value = settings.direction;
+          await settings.saveProperty(prop);
+        }
+        import_loglevel2.default.log(settings.direction);
+      }
       if (initialUserSettings.wordSpacing) {
         settings.wordSpacing = initialUserSettings.wordSpacing;
         let prop = settings.userProperties.getByRef(
@@ -47216,6 +47277,10 @@ var _UserSettings = class _UserSettings {
       "columnCount",
       ReadiumCSS.COLUMN_COUNT_KEY
     );
+    this.direction = await this.getPropertyAndFallback(
+      "direction",
+      ReadiumCSS.DIRECTION_KEY
+    );
     this.fontSize = await this.getPropertyAndFallback(
       "fontSize",
       ReadiumCSS.FONT_SIZE_KEY
@@ -47246,6 +47311,7 @@ var _UserSettings = class _UserSettings {
     this.fontFamily = 0;
     this.textAlignment = 0;
     this.columnCount = 0;
+    this.direction = 0;
     this.wordSpacing = 0;
     this.letterSpacing = 0;
     this.pageMargins = 2;
@@ -47258,18 +47324,21 @@ var _UserSettings = class _UserSettings {
         "html"
       );
       if (html) {
-        const rootElement = document.documentElement;
-        const body = findRequiredElement(rootElement, "body");
+        const rootElement = findElement(document, "#root") || document.documentElement;
+        const body = findElement(html, "body");
         html.style.removeProperty(ReadiumCSS.FONT_SIZE_KEY);
         html.style.removeProperty(ReadiumCSS.WORD_SPACING_KEY);
         html.style.removeProperty(ReadiumCSS.LETTER_SPACING_KEY);
         html.style.removeProperty(ReadiumCSS.COLUMN_COUNT_KEY);
+        html.style.removeProperty(ReadiumCSS.DIRECTION_KEY);
         html.style.removeProperty(ReadiumCSS.TEXT_ALIGNMENT_KEY);
         html.style.removeProperty(ReadiumCSS.LINE_HEIGHT_KEY);
         html.style.removeProperty(ReadiumCSS.PAGE_MARGINS_KEY);
         html.style.removeProperty(ReadiumCSS.APPEARANCE_KEY);
-        setAttr(rootElement, "data-viewer-theme", "day");
-        setAttr(body, "data-viewer-theme", "day");
+        if (rootElement)
+          setAttr(rootElement, "data-viewer-theme", "day");
+        if (body)
+          setAttr(body, "data-viewer-theme", "day");
         html.style.removeProperty(ReadiumCSS.FONT_FAMILY_KEY);
         setAttr(html, "data-viewer-font", "publisher");
         html.style.setProperty(
@@ -47288,7 +47357,7 @@ var _UserSettings = class _UserSettings {
       );
   }
   async applyProperties() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
     this.userProperties = this.getUserSettings();
     let doc = this.iframe.contentDocument;
     if (doc) {
@@ -47297,8 +47366,8 @@ var _UserSettings = class _UserSettings {
         "html"
       );
       if (html) {
-        const rootElement = document.documentElement;
-        const body = findRequiredElement(rootElement, "body");
+        const rootElement = findElement(document, "#root") || document.documentElement;
+        const body = findElement(html, "body");
         if ((_a = this.view) == null ? void 0 : _a.navigator.publication.isReflowable) {
           if (await this.getProperty(ReadiumCSS.FONT_SIZE_KEY)) {
             html.style.setProperty(
@@ -47355,42 +47424,57 @@ var _UserSettings = class _UserSettings {
             ((_k = this.userProperties.getByRef(ReadiumCSS.APPEARANCE_REF)) == null ? void 0 : _k.toString()) ?? null
           );
           if (((_l = this.userProperties.getByRef(ReadiumCSS.APPEARANCE_REF)) == null ? void 0 : _l.value) === 0) {
-            setAttr(rootElement, "data-viewer-theme", "day");
-            setAttr(body, "data-viewer-theme", "day");
+            if (rootElement)
+              setAttr(rootElement, "data-viewer-theme", "day");
+            if (body)
+              setAttr(body, "data-viewer-theme", "day");
           } else if (((_m = this.userProperties.getByRef(ReadiumCSS.APPEARANCE_REF)) == null ? void 0 : _m.value) === 1) {
-            setAttr(rootElement, "data-viewer-theme", "sepia");
-            setAttr(body, "data-viewer-theme", "sepia");
+            if (rootElement)
+              setAttr(rootElement, "data-viewer-theme", "sepia");
+            if (body)
+              setAttr(body, "data-viewer-theme", "sepia");
           } else if (((_n = this.userProperties.getByRef(ReadiumCSS.APPEARANCE_REF)) == null ? void 0 : _n.value) === 2) {
-            setAttr(rootElement, "data-viewer-theme", "night");
-            setAttr(body, "data-viewer-theme", "night");
+            if (rootElement)
+              setAttr(rootElement, "data-viewer-theme", "night");
+            if (body)
+              setAttr(body, "data-viewer-theme", "night");
           }
         } else {
           html.style.setProperty(
             ReadiumCSS.APPEARANCE_KEY,
             ((_o = this.userProperties.getByRef(ReadiumCSS.APPEARANCE_REF)) == null ? void 0 : _o.toString()) ?? null
           );
-          setAttr(rootElement, "data-viewer-theme", "day");
-          setAttr(body, "data-viewer-theme", "day");
+          if (rootElement)
+            setAttr(rootElement, "data-viewer-theme", "day");
+          if (body)
+            setAttr(body, "data-viewer-theme", "day");
         }
-        if ((_p = this.view) == null ? void 0 : _p.navigator.publication.isReflowable) {
+        if ((_p = this.view) == null ? void 0 : _p.navigator.publication.isFixedLayout) {
+          if (await this.getProperty(ReadiumCSS.DIRECTION_KEY)) {
+            let value = ((_q = this.userProperties.getByRef(ReadiumCSS.DIRECTION_REF)) == null ? void 0 : _q.toString()) ?? null;
+            html.style.setProperty(ReadiumCSS.DIRECTION_KEY, value);
+            this.view.navigator.setDirection(value);
+          }
+        }
+        if ((_r = this.view) == null ? void 0 : _r.navigator.publication.isReflowable) {
           if (await this.getProperty(ReadiumCSS.FONT_FAMILY_KEY)) {
             html.style.setProperty(
               ReadiumCSS.FONT_FAMILY_KEY,
-              ((_q = this.userProperties.getByRef(ReadiumCSS.FONT_FAMILY_REF)) == null ? void 0 : _q.toString()) ?? null
+              ((_s = this.userProperties.getByRef(ReadiumCSS.FONT_FAMILY_REF)) == null ? void 0 : _s.toString()) ?? null
             );
-            if (((_r = this.userProperties.getByRef(ReadiumCSS.FONT_FAMILY_REF)) == null ? void 0 : _r.value) === 0) {
+            if (((_t = this.userProperties.getByRef(ReadiumCSS.FONT_FAMILY_REF)) == null ? void 0 : _t.value) === 0) {
               setAttr(html, "data-viewer-font", "publisher");
               html.style.setProperty(
                 ReadiumCSS.FONT_OVERRIDE_KEY,
                 "readium-font-off"
               );
-            } else if (((_s = this.userProperties.getByRef(ReadiumCSS.FONT_FAMILY_REF)) == null ? void 0 : _s.value) === 1) {
+            } else if (((_u = this.userProperties.getByRef(ReadiumCSS.FONT_FAMILY_REF)) == null ? void 0 : _u.value) === 1) {
               setAttr(html, "data-viewer-font", "serif");
               html.style.setProperty(
                 ReadiumCSS.FONT_OVERRIDE_KEY,
                 "readium-font-on"
               );
-            } else if (((_t = this.userProperties.getByRef(ReadiumCSS.FONT_FAMILY_REF)) == null ? void 0 : _t.value) === 2) {
+            } else if (((_v = this.userProperties.getByRef(ReadiumCSS.FONT_FAMILY_REF)) == null ? void 0 : _v.value) === 2) {
               setAttr(html, "data-viewer-font", "sans");
               html.style.setProperty(
                 ReadiumCSS.FONT_OVERRIDE_KEY,
@@ -47415,7 +47499,7 @@ var _UserSettings = class _UserSettings {
           } else {
             html.style.setProperty(
               ReadiumCSS.FONT_FAMILY_KEY,
-              ((_u = this.userProperties.getByRef(ReadiumCSS.FONT_FAMILY_REF)) == null ? void 0 : _u.toString()) ?? null
+              ((_w = this.userProperties.getByRef(ReadiumCSS.FONT_FAMILY_REF)) == null ? void 0 : _w.toString()) ?? null
             );
             setAttr(html, "data-viewer-font", "publisher");
             html.style.setProperty(
@@ -47424,7 +47508,7 @@ var _UserSettings = class _UserSettings {
             );
           }
           if (await this.getProperty(ReadiumCSS.SCROLL_KEY)) {
-            if (((_v = this.userProperties.getByRef(ReadiumCSS.SCROLL_REF)) == null ? void 0 : _v.value) === true) {
+            if (((_x = this.userProperties.getByRef(ReadiumCSS.SCROLL_REF)) == null ? void 0 : _x.value) === true) {
               html.style.setProperty("--USER__scroll", "readium-scroll-on");
             } else {
               html.style.setProperty("--USER__scroll", "readium-scroll-off");
@@ -47491,24 +47575,25 @@ var _UserSettings = class _UserSettings {
     this.applyProperties();
   }
   async updateUserSettings() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
     let userSettings = {
       fontFamily: _UserSettings.fontFamilyValues[await ((_b = (_a = this.userProperties) == null ? void 0 : _a.getByRef(ReadiumCSS.FONT_FAMILY_REF)) == null ? void 0 : _b.value)],
       fontSize: (_d = (_c = this.userProperties) == null ? void 0 : _c.getByRef(ReadiumCSS.FONT_SIZE_REF)) == null ? void 0 : _d.value,
       appearance: _UserSettings.appearanceValues[await ((_f = (_e = this.userProperties) == null ? void 0 : _e.getByRef(ReadiumCSS.APPEARANCE_REF)) == null ? void 0 : _f.value)],
       textAlignment: _UserSettings.textAlignmentValues[await ((_h = (_g = this.userProperties) == null ? void 0 : _g.getByRef(ReadiumCSS.TEXT_ALIGNMENT_REF)) == null ? void 0 : _h.value)],
       columnCount: _UserSettings.columnCountValues[await ((_j = (_i = this.userProperties) == null ? void 0 : _i.getByRef(ReadiumCSS.COLUMN_COUNT_REF)) == null ? void 0 : _j.value)],
-      wordSpacing: (_l = (_k = this.userProperties) == null ? void 0 : _k.getByRef(ReadiumCSS.WORD_SPACING_REF)) == null ? void 0 : _l.value,
-      letterSpacing: (_n = (_m = this.userProperties) == null ? void 0 : _m.getByRef(
+      direction: _UserSettings.directionValues[await ((_l = (_k = this.userProperties) == null ? void 0 : _k.getByRef(ReadiumCSS.DIRECTION_REF)) == null ? void 0 : _l.value)],
+      wordSpacing: (_n = (_m = this.userProperties) == null ? void 0 : _m.getByRef(ReadiumCSS.WORD_SPACING_REF)) == null ? void 0 : _n.value,
+      letterSpacing: (_p = (_o = this.userProperties) == null ? void 0 : _o.getByRef(
         ReadiumCSS.LETTER_SPACING_REF
-      )) == null ? void 0 : _n.value,
+      )) == null ? void 0 : _p.value,
       // publisherDefault: this.userProperties.getByRef(
       //   ReadiumCSS.PUBLISHER_DEFAULT_REF
       // ).value,
-      verticalScroll: (_p = (_o = this.userProperties) == null ? void 0 : _o.getByRef(ReadiumCSS.SCROLL_REF)) == null ? void 0 : _p.value
+      verticalScroll: (_r = (_q = this.userProperties) == null ? void 0 : _q.getByRef(ReadiumCSS.SCROLL_REF)) == null ? void 0 : _r.value
     };
-    if ((_q = this.api) == null ? void 0 : _q.updateSettings) {
-      (_r = this.api) == null ? void 0 : _r.updateSettings(userSettings).then((_) => {
+    if ((_s = this.api) == null ? void 0 : _s.updateSettings) {
+      (_t = this.api) == null ? void 0 : _t.updateSettings(userSettings).then((_) => {
         import_loglevel2.default.log("api updated user settings", JSON.stringify(userSettings));
       });
     }
@@ -47528,6 +47613,12 @@ var _UserSettings = class _UserSettings {
       ReadiumCSS.COLUMN_COUNT_REF,
       ReadiumCSS.COLUMN_COUNT_KEY
     );
+    userProperties.addEnumerable(
+      this.direction,
+      _UserSettings.directionValues,
+      ReadiumCSS.DIRECTION_REF,
+      ReadiumCSS.DIRECTION_KEY
+    );
     userProperties.addEnumerable(
       this.appearance,
       _UserSettings.appearanceValues,
@@ -47642,7 +47733,7 @@ var _UserSettings = class _UserSettings {
     this.settingsChangeCallback();
   }
   get currentSettings() {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
     return {
       appearance: _UserSettings.appearanceValues[(_b = (_a = this.userProperties) == null ? void 0 : _a.getByRef(ReadiumCSS.APPEARANCE_REF)) == null ? void 0 : _b.value],
       //readium-default-on, readium-night-on, readium-sepia-on
@@ -47652,6 +47743,8 @@ var _UserSettings = class _UserSettings {
       //"auto", "justify", "start"
       columnCount: _UserSettings.columnCountValues[(_h = (_g = this.userProperties) == null ? void 0 : _g.getByRef(ReadiumCSS.COLUMN_COUNT_REF)) == null ? void 0 : _h.value],
       // "auto", "1", "2"
+      direction: _UserSettings.directionValues[(_j = (_i = this.userProperties) == null ? void 0 : _i.getByRef(ReadiumCSS.DIRECTION_REF)) == null ? void 0 : _j.value],
+      // "auto", "ltr", "rtl"
       verticalScroll: this.verticalScroll,
       fontSize: this.fontSize,
       wordSpacing: this.wordSpacing,
@@ -47661,7 +47754,7 @@ var _UserSettings = class _UserSettings {
     };
   }
   async applyUserSettings(userSettings) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
     if (userSettings.appearance) {
       this.appearance = _UserSettings.parseAppearanceSetting(
         userSettings.appearance
@@ -47717,11 +47810,21 @@ var _UserSettings = class _UserSettings {
       }
       this.settingsColumnsChangeCallback();
     }
+    if (userSettings.direction) {
+      this.direction = _UserSettings.directionValues.findIndex(
+        (el) => el === userSettings.direction
+      );
+      let prop = (_g = this.userProperties) == null ? void 0 : _g.getByRef(ReadiumCSS.DIRECTION_REF);
+      if (prop) {
+        prop.value = this.direction;
+        await this.storeProperty(prop);
+      }
+    }
     if (userSettings.textAlignment) {
       this.textAlignment = _UserSettings.textAlignmentValues.findIndex(
         (el) => el === userSettings.textAlignment
       );
-      let prop = (_g = this.userProperties) == null ? void 0 : _g.getByRef(ReadiumCSS.TEXT_ALIGNMENT_REF);
+      let prop = (_h = this.userProperties) == null ? void 0 : _h.getByRef(ReadiumCSS.TEXT_ALIGNMENT_REF);
       if (prop) {
         prop.value = this.textAlignment;
         await this.storeProperty(prop);
@@ -47729,7 +47832,7 @@ var _UserSettings = class _UserSettings {
     }
     if (userSettings.lineHeight) {
       this.lineHeight = userSettings.lineHeight;
-      let prop = (_h = this.userProperties) == null ? void 0 : _h.getByRef(ReadiumCSS.LINE_HEIGHT_REF);
+      let prop = (_i = this.userProperties) == null ? void 0 : _i.getByRef(ReadiumCSS.LINE_HEIGHT_REF);
       if (prop) {
         prop.value = this.lineHeight;
         await this.storeProperty(prop);
@@ -47737,25 +47840,25 @@ var _UserSettings = class _UserSettings {
     }
     if (userSettings.pageMargins) {
       this.pageMargins = userSettings.pageMargins;
-      let prop = (_i = this.userProperties) == null ? void 0 : _i.getByRef(ReadiumCSS.PAGE_MARGINS_REF);
+      let prop = (_j = this.userProperties) == null ? void 0 : _j.getByRef(ReadiumCSS.PAGE_MARGINS_REF);
       if (prop) {
         prop.value = this.pageMargins;
         await this.storeProperty(prop);
       }
     }
     if (userSettings.verticalScroll !== void 0) {
-      const position = (_j = this.view) == null ? void 0 : _j.getCurrentPosition();
+      const position = (_k = this.view) == null ? void 0 : _k.getCurrentPosition();
       this.verticalScroll = _UserSettings.parseScrollSetting(
         userSettings.verticalScroll
       );
-      let prop = (_k = this.userProperties) == null ? void 0 : _k.getByRef(ReadiumCSS.SCROLL_REF);
+      let prop = (_l = this.userProperties) == null ? void 0 : _l.getByRef(ReadiumCSS.SCROLL_REF);
       if (prop) {
         prop.value = this.verticalScroll;
         await this.saveProperty(prop);
       }
-      (_m = (_l = this.view) == null ? void 0 : _l.setMode) == null ? void 0 : _m.call(_l, this.verticalScroll);
+      (_n = (_m = this.view) == null ? void 0 : _m.setMode) == null ? void 0 : _n.call(_m, this.verticalScroll);
       if (position) {
-        (_n = this.view) == null ? void 0 : _n.goToProgression(position);
+        (_o = this.view) == null ? void 0 : _o.goToProgression(position);
       }
       this.viewChangeCallback();
     }
@@ -47916,6 +48019,7 @@ _UserSettings.appearanceValues = [
 _UserSettings.fontFamilyValues = ["Original", "serif", "sans-serif"];
 _UserSettings.textAlignmentValues = ["auto", "justify", "start"];
 _UserSettings.columnCountValues = ["auto", "1", "2"];
+_UserSettings.directionValues = ["auto", "ltr", "rtl"];
 var UserSettings = _UserSettings;
 
 // src/modules/AnnotationModule.ts
@@ -49649,17 +49753,13 @@ var TextHighlighter = class _TextHighlighter {
     );
     return new Promise((resolve) => resolve(module2));
   }
-  async initialize() {
+  async initialize(iframe) {
     var _a;
-    let doc = this.navigator.iframes[0].contentDocument;
+    let doc = iframe.contentDocument;
     if (doc) {
       this.dom(doc.body).addClass(this.options.contextClass);
     }
-    this.bindEvents(
-      (_a = this.navigator.iframes[0].contentDocument) == null ? void 0 : _a.body,
-      this,
-      this.hasEventListener
-    );
+    this.bindEvents((_a = iframe.contentDocument) == null ? void 0 : _a.body, this, this.hasEventListener);
     this.initializeToolbox();
     lastMouseDownX = -1;
     lastMouseDownY = -1;
@@ -49672,7 +49772,7 @@ var TextHighlighter = class _TextHighlighter {
     }
     setTimeout(async () => {
       var _a2;
-      let doc2 = this.navigator.iframes[0].contentDocument;
+      let doc2 = iframe.contentDocument;
       if (doc2) {
         await ((_a2 = doc2.body) == null ? void 0 : _a2.addEventListener("click", unselect));
       }
@@ -52301,8 +52401,8 @@ var ConsumptionModule = class {
     import_loglevel7.default.log("Consumption module stop");
     this.endResearchSession();
   }
-  initialize() {
-    let win = this.navigator.iframes[0].contentWindow;
+  initialize(iframe) {
+    let win = iframe.contentWindow;
     if (win) {
       const self2 = this;
       win.onload = function() {
@@ -52536,7 +52636,7 @@ var AnnotationModule = class _AnnotationModule {
       await this.showHighlights();
     }, 200);
   }
-  initialize() {
+  initialize(iframe) {
     return new Promise(async (resolve) => {
       await document.fonts.ready;
       if (this.rights.enableAnnotations) {
@@ -52545,7 +52645,7 @@ var AnnotationModule = class _AnnotationModule {
           this.drawHighlights();
           this.showHighlights();
           addEventListenerOptional(
-            (_a = this.navigator.iframes[0].contentDocument) == null ? void 0 : _a.body,
+            (_a = iframe.contentDocument) == null ? void 0 : _a.body,
             "click",
             this.click.bind(this)
           );
@@ -54267,7 +54367,9 @@ var MediaOverlaySettings = class {
     var _a, _b;
     if (incremental === "mo_volume") {
       this.userProperties.getByRef(MEDIAOVERLAYREFS.VOLUME_REF).increment();
-      this.volume = (_a = this.userProperties.getByRef(MEDIAOVERLAYREFS.VOLUME_REF)) == null ? void 0 : _a.value;
+      this.volume = (_a = this.userProperties.getByRef(
+        MEDIAOVERLAYREFS.VOLUME_REF
+      )) == null ? void 0 : _a.value;
       let prop = this.userProperties.getByRef(MEDIAOVERLAYREFS.VOLUME_REF);
       if (prop) {
         this.storeProperty(prop);
@@ -54275,7 +54377,9 @@ var MediaOverlaySettings = class {
       this.settingsChangeCallback();
     } else if (incremental === "mo_rate") {
       this.userProperties.getByRef(MEDIAOVERLAYREFS.RATE_REF).increment();
-      this.rate = (_b = this.userProperties.getByRef(MEDIAOVERLAYREFS.RATE_REF)) == null ? void 0 : _b.value;
+      this.rate = (_b = this.userProperties.getByRef(
+        MEDIAOVERLAYREFS.RATE_REF
+      )) == null ? void 0 : _b.value;
       let prop = this.userProperties.getByRef(MEDIAOVERLAYREFS.RATE_REF);
       if (prop) {
         this.storeProperty(prop);
@@ -54287,7 +54391,9 @@ var MediaOverlaySettings = class {
     var _a, _b;
     if (incremental === "mo_volume") {
       this.userProperties.getByRef(MEDIAOVERLAYREFS.VOLUME_REF).decrement();
-      this.volume = (_a = this.userProperties.getByRef(MEDIAOVERLAYREFS.VOLUME_REF)) == null ? void 0 : _a.value;
+      this.volume = (_a = this.userProperties.getByRef(
+        MEDIAOVERLAYREFS.VOLUME_REF
+      )) == null ? void 0 : _a.value;
       let prop = this.userProperties.getByRef(MEDIAOVERLAYREFS.VOLUME_REF);
       if (prop) {
         this.storeProperty(prop);
@@ -54295,7 +54401,9 @@ var MediaOverlaySettings = class {
       this.settingsChangeCallback();
     } else if (incremental === "mo_rate") {
       this.userProperties.getByRef(MEDIAOVERLAYREFS.RATE_REF).decrement();
-      this.rate = (_b = this.userProperties.getByRef(MEDIAOVERLAYREFS.RATE_REF)) == null ? void 0 : _b.value;
+      this.rate = (_b = this.userProperties.getByRef(
+        MEDIAOVERLAYREFS.RATE_REF
+      )) == null ? void 0 : _b.value;
       let prop = this.userProperties.getByRef(MEDIAOVERLAYREFS.RATE_REF);
       if (prop) {
         this.storeProperty(prop);
@@ -57087,35 +57195,33 @@ var ContentProtectionModule = class {
       this.preventDrag(true);
     }
   }
-  async initialize() {
+  async initialize(iframe) {
     var _a;
     if ((_a = this.properties) == null ? void 0 : _a.enableObfuscation) {
       return new Promise(async (resolve) => {
         await document.fonts.ready;
-        for (const iframe of this.navigator.iframes) {
-          if (iframe.contentDocument) {
-            const body = findRequiredIframeElement(
-              iframe.contentDocument,
-              "body"
+        if (iframe.contentDocument) {
+          const body = findRequiredIframeElement(
+            iframe.contentDocument,
+            "body"
+          );
+          this.observe();
+          setTimeout(() => {
+            this.rects = this.findRects(body);
+            this.rects.forEach(
+              (rect) => this.toggleRect(rect, this.securityContainer, this.isHacked)
             );
-            this.observe();
-            setTimeout(() => {
-              this.rects = this.findRects(body);
-              this.rects.forEach(
-                (rect) => this.toggleRect(rect, this.securityContainer, this.isHacked)
+            this.setupEvents();
+            if (!this.hasEventListener) {
+              this.hasEventListener = true;
+              addEventListenerOptional(
+                this.wrapper,
+                "scroll",
+                this.handleScroll.bind(this)
               );
-              this.setupEvents();
-              if (!this.hasEventListener) {
-                this.hasEventListener = true;
-                addEventListenerOptional(
-                  this.wrapper,
-                  "scroll",
-                  this.handleScroll.bind(this)
-                );
-              }
-              resolve();
-            }, 10);
-          }
+            }
+            resolve();
+          }, 10);
         }
       });
     }
@@ -58888,6 +58994,8 @@ var KeyboardEventHandler = class {
     };
     this.onForwardSwipe = () => {
     };
+    this.onKeydown = () => {
+    };
     this.setupEvents = (element) => {
       if (element) {
         this.focusin(element);
@@ -58915,6 +59023,7 @@ var KeyboardEventHandler = class {
     // when removing the event listeners
     this.handlers = {};
     this.navigator = navigator2;
+    this.rtl = false;
   }
   onFocusIn(self2) {
     return this.handlers["onFocusIn"] || (this.handlers["onFocusIn"] = function(event) {
@@ -58937,21 +59046,23 @@ var KeyboardEventHandler = class {
       const key = event.key;
       switch (key) {
         case "ArrowRight":
-          self2.onForwardSwipe(event);
-          break;
+          self2.rtl ? self2.onBackwardSwipe(event) : self2.onForwardSwipe(event);
+          return;
         case "ArrowLeft":
-          self2.onBackwardSwipe(event);
-          break;
+          self2.rtl ? self2.onForwardSwipe(event) : self2.onBackwardSwipe(event);
+          return;
       }
       switch (event.code) {
         case "Space":
           if (event.ctrlKey) {
             self2.onBackwardSwipe(event);
+            return;
           } else {
             self2.onForwardSwipe(event);
+            return;
           }
-          break;
       }
+      self2.onKeydown(event);
     });
   }
 };
@@ -60530,7 +60641,7 @@ var LineFocusModule = class {
       }
     }
   }
-  initialize() {
+  initialize(iframe) {
     return new Promise(async (resolve) => {
       await document.fonts.ready;
       if (!this.hasEventListener) {
@@ -60538,12 +60649,12 @@ var LineFocusModule = class {
         addEventListenerOptional(document, "keydown", this.keydown.bind(this));
         addEventListenerOptional(document, "keyup", this.keyup.bind(this));
         addEventListenerOptional(
-          this.navigator.iframes[0].contentDocument,
+          iframe.contentDocument,
           "keydown",
           this.keydown.bind(this)
         );
         addEventListenerOptional(
-          this.navigator.iframes[0].contentDocument,
+          iframe.contentDocument,
           "keyup",
           this.keyup.bind(this)
         );
@@ -61039,7 +61150,6 @@ var HistoryModule = class {
     }
   }
   async push(locator, history) {
-    let lastInHistory;
     if (history && this.annotator) {
       let lastReadingPosition = await this.annotator.getLastReadingPosition();
       if (lastReadingPosition) {
@@ -61054,12 +61164,18 @@ var HistoryModule = class {
         } else if ((lastReadingPosition == null ? void 0 : lastReadingPosition.locations.progression) && (lastReadingPosition == null ? void 0 : lastReadingPosition.locations.progression) > 0) {
           this.history.push(lastReadingPosition);
           this.historyCurrentIndex = this.history.length - 1;
+        } else {
+          const lastInHistory2 = this.history[this.history.length - 1];
+          if (lastInHistory2 && lastInHistory2.href !== locator.href && lastInHistory2.locations !== locator.locations || lastInHistory2 === void 0) {
+            this.history.push(lastReadingPosition);
+            this.historyCurrentIndex = this.history.length - 1;
+          }
         }
       }
       if (this.historyCurrentIndex < this.history.length - 1) {
         this.history = this.history.slice(0, this.historyCurrentIndex);
       }
-      lastInHistory = this.history[this.history.length - 1];
+      const lastInHistory = this.history[this.history.length - 1];
       if (lastInHistory && lastInHistory.href !== locator.href || lastInHistory === void 0) {
         this.history.push(locator);
         this.historyCurrentIndex = this.history.length - 1;
@@ -61604,6 +61720,24 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
     if (this.didInitKeyboardEventHandler)
       this.keyboardEventHandler.removeEvents(document);
   }
+  setDirection(direction) {
+    var _a, _b;
+    let dir = "";
+    if (direction === "rtl" || direction === "ltr")
+      dir = direction;
+    if (direction === "auto")
+      dir = this.publication.Metadata.Direction2;
+    if (dir) {
+      if (dir === "rtl")
+        this.spreads.style.flexDirection = "row-reverse";
+      if (dir === "ltr")
+        this.spreads.style.flexDirection = "row";
+      this.keyboardEventHandler.rtl = dir === "rtl";
+      if ((_a = this.api) == null ? void 0 : _a.direction)
+        (_b = this.api) == null ? void 0 : _b.direction(dir);
+      this.emit("direction", dir);
+    }
+  }
   async start(mainElement, headerMenu, footerMenu) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
     this.headerMenu = headerMenu;
@@ -61643,6 +61777,19 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
           this.spreads.appendChild(this.firstSpread);
           this.firstSpread.appendChild(this.iframes[0]);
           wrapper.appendChild(this.spreads);
+          let dir = "";
+          switch (this.settings.direction) {
+            case 0:
+              dir = "auto";
+              break;
+            case 1:
+              dir = "ltr";
+              break;
+            case 2:
+              dir = "rtl";
+              break;
+          }
+          this.setDirection(dir);
         } else {
           iframe3.setAttribute("height", "100%");
           iframe3.setAttribute("width", "100%");
@@ -61914,7 +62061,7 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
       addEventListenerOptional(
         iframe,
         "load",
-        this.handleIFrameLoad.bind(this)
+        this.handleIFrameLoad.bind(this, iframe)
       );
     }
     addEventListenerOptional(
@@ -61978,9 +62125,13 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
         this.nextChapterBottomAnchorElement.style.display = "none";
       if (this.previousChapterTopAnchorElement)
         this.previousChapterTopAnchorElement.style.display = "none";
+      if (this.eventHandler) {
+        this.eventHandler.onClickThrough = this.handleClickThrough.bind(this);
+      }
       if (this.keyboardEventHandler) {
         this.keyboardEventHandler.onBackwardSwipe = this.handlePreviousChapterClick.bind(this);
         this.keyboardEventHandler.onForwardSwipe = this.handleNextChapterClick.bind(this);
+        this.keyboardEventHandler.onKeydown = this.handleKeydownFallthrough.bind(this);
       }
       if (this.touchEventHandler) {
         this.touchEventHandler.onBackwardSwipe = this.handlePreviousPageClick.bind(this);
@@ -62020,6 +62171,7 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
           if (this.keyboardEventHandler) {
             this.keyboardEventHandler.onBackwardSwipe = this.handlePreviousPageClick.bind(this);
             this.keyboardEventHandler.onForwardSwipe = this.handleNextPageClick.bind(this);
+            this.keyboardEventHandler.onKeydown = this.handleKeydownFallthrough.bind(this);
           }
         } else {
           if (this.infoBottom)
@@ -62123,6 +62275,7 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
           if (this.keyboardEventHandler) {
             this.keyboardEventHandler.onBackwardSwipe = this.handlePreviousPageClick.bind(this);
             this.keyboardEventHandler.onForwardSwipe = this.handleNextPageClick.bind(this);
+            this.keyboardEventHandler.onKeydown = this.handleKeydownFallthrough.bind(this);
           }
         }
       });
@@ -62286,8 +62439,8 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
       });
     }
   }
-  async handleIFrameLoad() {
-    var _a, _b, _c, _d, _e, _f;
+  async handleIFrameLoad(iframe) {
+    var _a, _b, _c, _d, _e, _f, _g;
     if (this.errorMessage)
       this.errorMessage.style.display = "none";
     this.showLoadingMessageAfterDelay();
@@ -62377,54 +62530,52 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
         if (this.chapterTitle)
           this.chapterTitle.innerHTML = "(Current Chapter)";
       }
-      await this.injectInjectablesIntoIframeHead();
-      if (this.highlighter !== void 0) {
-        await this.highlighter.initialize();
+      await this.injectInjectablesIntoIframeHead(iframe);
+      if (((_a = this.view) == null ? void 0 : _a.layout) !== "fixed" && this.highlighter !== void 0) {
+        await this.highlighter.initialize(iframe);
       }
-      const body = (_a = this.iframes[0].contentDocument) == null ? void 0 : _a.body;
+      const body = (_b = iframe.contentDocument) == null ? void 0 : _b.body;
       let details = body == null ? void 0 : body.querySelector("details");
       if (details) {
         let self2 = this;
         details.addEventListener("toggle", async (_event) => {
           var _a2, _b2;
-          await ((_b2 = (_a2 = self2.view) == null ? void 0 : _a2.setIframeHeight) == null ? void 0 : _b2.call(_a2, this.iframes[0]));
+          await ((_b2 = (_a2 = self2.view) == null ? void 0 : _a2.setIframeHeight) == null ? void 0 : _b2.call(_a2, iframe));
         });
       }
       if (this.eventHandler) {
-        for (const iframe of this.iframes) {
-          this.eventHandler.setupEvents(iframe.contentDocument);
-          this.touchEventHandler.setupEvents(iframe.contentDocument);
-          this.keyboardEventHandler.setupEvents(iframe.contentDocument);
-        }
+        this.eventHandler.setupEvents(iframe.contentDocument);
+        this.touchEventHandler.setupEvents(iframe.contentDocument);
+        this.keyboardEventHandler.setupEvents(iframe.contentDocument);
         this.touchEventHandler.setupEvents(this.errorMessage);
         if (!this.didInitKeyboardEventHandler) {
           this.keyboardEventHandler.keydown(document);
           this.didInitKeyboardEventHandler = true;
         }
       }
-      if (((_b = this.view) == null ? void 0 : _b.layout) !== "fixed") {
-        if ((_c = this.view) == null ? void 0 : _c.isScrollMode()) {
-          this.iframes[0].height = "0";
-          (_e = (_d = this.view) == null ? void 0 : _d.setIframeHeight) == null ? void 0 : _e.call(_d, this.iframes[0]);
+      if (((_c = this.view) == null ? void 0 : _c.layout) !== "fixed") {
+        if ((_d = this.view) == null ? void 0 : _d.isScrollMode()) {
+          iframe.height = "0";
+          (_f = (_e = this.view) == null ? void 0 : _e.setIframeHeight) == null ? void 0 : _f.call(_e, iframe);
         }
       }
       if (this.rights.enableContentProtection && this.contentProtectionModule) {
-        await this.contentProtectionModule.initialize();
+        await this.contentProtectionModule.initialize(iframe);
       }
       if (this.rights.enableConsumption && this.consumptionModule) {
-        await this.consumptionModule.initialize();
+        await this.consumptionModule.initialize(iframe);
       }
       if (this.rights.enableAnnotations && this.annotationModule) {
-        await this.annotationModule.initialize();
+        await this.annotationModule.initialize(iframe);
       }
       if (this.rights.enableBookmarks && this.bookmarkModule) {
         await this.bookmarkModule.initialize();
       }
       if (this.rights.enableLineFocus && this.lineFocusModule) {
-        await this.lineFocusModule.initialize();
+        await this.lineFocusModule.initialize(iframe);
       }
       if (this.rights.enableTTS && this.ttsModule) {
-        const body2 = (_f = this.iframes[0].contentDocument) == null ? void 0 : _f.body;
+        const body2 = (_g = iframe.contentDocument) == null ? void 0 : _g.body;
         const ttsModule = this.ttsModule;
         await ttsModule.initialize(body2);
       }
@@ -62435,9 +62586,11 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
         await this.mediaOverlayModule.initialize();
       }
       setTimeout(async () => {
-        var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h;
+        var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h;
         if (this.newElementId) {
-          const element = this.iframes[0].contentDocument.getElementById(this.newElementId);
+          const element = iframe.contentDocument.getElementById(
+            this.newElementId
+          );
           (_b2 = (_a2 = this.view) == null ? void 0 : _a2.goToElement) == null ? void 0 : _b2.call(_a2, element);
           this.newElementId = void 0;
         } else if (this.newPosition && this.newPosition.highlight) {
@@ -62455,10 +62608,10 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
           }
         }
         this.hideLoadingMessage();
-        this.showIframeContents();
+        this.showIframeContents(iframe);
         if (this.rights.enableMediaOverlays && this.mediaOverlayModule && this.hasMediaOverlays) {
           let link = this.currentLink();
-          await ((_g = this.mediaOverlayModule) == null ? void 0 : _g.initializeResource(link));
+          await ((_g2 = this.mediaOverlayModule) == null ? void 0 : _g2.initializeResource(link));
         }
         await this.updatePositionInfo();
         await ((_h = this.view) == null ? void 0 : _h.setSize());
@@ -62475,7 +62628,7 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
       return Promise.reject(err);
     }
   }
-  async injectInjectablesIntoIframeHead() {
+  async injectInjectablesIntoIframeHead(iframe) {
     var _a, _b;
     const injectablesToLoad = [];
     const addLoadingInjectable = (injectable) => {
@@ -62490,55 +62643,53 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
       });
       injectablesToLoad.push(loadPromise);
     };
-    for (const iframe of this.iframes) {
-      const head = (_a = iframe.contentDocument) == null ? void 0 : _a.head;
-      if (head) {
-        const bases = iframe.contentDocument.getElementsByTagName("base");
-        if (bases.length === 0) {
-          head.insertBefore(
-            _IFrameNavigator.createBase(this.currentChapterLink.href),
-            head.firstChild
-          );
-        }
-        (_b = this.injectables) == null ? void 0 : _b.forEach((injectable) => {
-          if (injectable.type === "style") {
-            if (injectable.fontFamily) {
-              this.settings.initAddedFont();
-              if (!injectable.systemFont && injectable.url) {
-                const link = _IFrameNavigator.createCssLink(injectable.url);
-                head.appendChild(link);
-                addLoadingInjectable(link);
-              }
-            } else if (injectable.r2before && injectable.url) {
-              const link = _IFrameNavigator.createCssLink(injectable.url);
-              head.insertBefore(link, head.firstChild);
-              addLoadingInjectable(link);
-            } else if (injectable.r2default && injectable.url) {
-              const link = _IFrameNavigator.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);
-              head.appendChild(link);
-              addLoadingInjectable(link);
-            } else if (injectable.url) {
+    const head = (_a = iframe.contentDocument) == null ? void 0 : _a.head;
+    if (head) {
+      const bases = iframe.contentDocument.getElementsByTagName("base");
+      if (bases.length === 0) {
+        head.insertBefore(
+          _IFrameNavigator.createBase(this.currentChapterLink.href),
+          head.firstChild
+        );
+      }
+      (_b = this.injectables) == null ? void 0 : _b.forEach((injectable) => {
+        if (injectable.type === "style") {
+          if (injectable.fontFamily) {
+            this.settings.initAddedFont();
+            if (!injectable.systemFont && injectable.url) {
               const link = _IFrameNavigator.createCssLink(injectable.url);
               head.appendChild(link);
               addLoadingInjectable(link);
             }
-          } else if (injectable.type === "script" && injectable.url) {
-            const script = _IFrameNavigator.createJavascriptLink(
-              injectable.url,
-              injectable.async ?? false
-            );
-            head.appendChild(script);
-            addLoadingInjectable(script);
-          }
-        });
-      }
+          } else if (injectable.r2before && injectable.url) {
+            const link = _IFrameNavigator.createCssLink(injectable.url);
+            head.insertBefore(link, head.firstChild);
+            addLoadingInjectable(link);
+          } else if (injectable.r2default && injectable.url) {
+            const link = _IFrameNavigator.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);
+            head.appendChild(link);
+            addLoadingInjectable(link);
+          } else if (injectable.url) {
+            const link = _IFrameNavigator.createCssLink(injectable.url);
+            head.appendChild(link);
+            addLoadingInjectable(link);
+          }
+        } else if (injectable.type === "script" && injectable.url) {
+          const script = _IFrameNavigator.createJavascriptLink(
+            injectable.url,
+            injectable.async ?? false
+          );
+          head.appendChild(script);
+          addLoadingInjectable(script);
+        }
+      });
     }
     if (injectablesToLoad.length === 0) {
       return;
@@ -62856,21 +63007,21 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
               }
             } else {
               this.iframes[0].src = "about:blank";
-            }
-            if (this.iframes.length === 2) {
-              this.currentSpreadLinks.right = {
-                href: this.currentChapterLink.href
-              };
-              if (isSameOrigin) {
-                this.iframes[1].src = this.currentChapterLink.href;
-              } else {
-                fetch(this.currentChapterLink.href, this.requestConfig).then((r) => r.text()).then(async (content) => {
-                  writeIframe2Doc.call(
-                    this,
-                    content,
-                    this.currentChapterLink.href
-                  );
-                });
+              if (this.iframes.length === 2) {
+                this.currentSpreadLinks.right = {
+                  href: this.currentChapterLink.href
+                };
+                if (isSameOrigin) {
+                  this.iframes[1].src = this.currentChapterLink.href;
+                } else {
+                  fetch(this.currentChapterLink.href, this.requestConfig).then((r) => r.text()).then(async (content) => {
+                    writeIframe2Doc.call(
+                      this,
+                      content,
+                      this.currentChapterLink.href
+                    );
+                  });
+                }
               }
             }
           }
@@ -63247,7 +63398,11 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
       }
     }
   }
-  handleClickThrough(_event) {
+  handleClickThrough(event) {
+    var _a, _b;
+    if ((_a = this.api) == null ? void 0 : _a.clickThrough)
+      (_b = this.api) == null ? void 0 : _b.clickThrough(event);
+    this.emit("click", event);
   }
   handleInternalLink(event) {
     const element = event.target;
@@ -63528,6 +63683,12 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
       event.stopPropagation();
     }
   }
+  handleKeydownFallthrough(event) {
+    var _a, _b;
+    if ((_a = this.api) == null ? void 0 : _a.keydownFallthrough)
+      (_b = this.api) == null ? void 0 : _b.keydownFallthrough(event);
+    this.emit("keydown", event);
+  }
   hideView() {
     var _a, _b;
     if (((_a = this.view) == null ? void 0 : _a.layout) !== "fixed") {
@@ -63797,15 +63958,13 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
       }
     }
   }
-  showIframeContents() {
+  showIframeContents(iframe) {
     this.isBeingStyled = false;
     setTimeout(() => {
       if (!this.isBeingStyled) {
-        this.iframes.forEach((iframe) => {
-          iframe.style.opacity = "1";
-          iframe.style.border = "none";
-          iframe.style.overflow = "hidden";
-        });
+        iframe.style.opacity = "1";
+        iframe.style.border = "none";
+        iframe.style.overflow = "hidden";
       }
     }, 150);
   }
@@ -64426,16 +64585,20 @@ var LocalStorageStore = class {
   constructor(config2) {
     this.prefix = config2.prefix;
     this.useLocalStorage = config2.useLocalStorage;
+    this.useStorageType = config2.useStorageType;
     try {
       const testKey = config2.prefix + "-" + String(Math.random());
-      if (this.useLocalStorage) {
+      if (this.useStorageType === "memory") {
+        this.fallbackStore = new MemoryStore();
+      } else if (this.useStorageType === "local" || this.useLocalStorage) {
         window.localStorage.setItem(testKey, "test");
         window.localStorage.removeItem(testKey);
-      } else {
+        this.fallbackStore = null;
+      } else if (this.useStorageType === "session" || !this.useLocalStorage) {
         window.sessionStorage.setItem(testKey, "test");
         window.sessionStorage.removeItem(testKey);
+        this.fallbackStore = null;
       }
-      this.fallbackStore = null;
     } catch (e) {
       this.fallbackStore = new MemoryStore();
     }
@@ -64446,7 +64609,7 @@ var LocalStorageStore = class {
   get(key) {
     let value;
     if (!this.fallbackStore) {
-      if (this.useLocalStorage) {
+      if (this.useStorageType === "local" || this.useLocalStorage) {
         value = window.localStorage.getItem(this.getLocalStorageKey(key));
       } else {
         value = window.sessionStorage.getItem(this.getLocalStorageKey(key));
@@ -64458,7 +64621,7 @@ var LocalStorageStore = class {
   }
   set(key, value) {
     if (!this.fallbackStore) {
-      if (this.useLocalStorage) {
+      if (this.useStorageType === "local" || this.useLocalStorage) {
         window.localStorage.setItem(this.getLocalStorageKey(key), value);
       } else {
         window.sessionStorage.setItem(this.getLocalStorageKey(key), value);
@@ -64469,7 +64632,7 @@ var LocalStorageStore = class {
   }
   remove(key) {
     if (!this.fallbackStore) {
-      if (this.useLocalStorage) {
+      if (this.useStorageType === "local" || this.useLocalStorage) {
         window.localStorage.removeItem(this.getLocalStorageKey(key));
       } else {
         window.sessionStorage.removeItem(this.getLocalStorageKey(key));
@@ -65416,15 +65579,18 @@ var D2Reader = class _D2Reader {
     }
     const store = new LocalStorageStore({
       prefix: publication.manifestUrl,
-      useLocalStorage: initialConfig.useLocalStorage ?? false
+      useLocalStorage: initialConfig.useLocalStorage ?? false,
+      useStorageType: initialConfig.useStorageType
     });
     const settingsStore = new LocalStorageStore({
       prefix: "r2d2bc-reader",
-      useLocalStorage: initialConfig.useLocalStorage ?? false
+      useLocalStorage: initialConfig.useLocalStorage ?? false,
+      useStorageType: initialConfig.useStorageType
     });
     const layerStore = new LocalStorageStore({
       prefix: "r2d2bc-layers",
-      useLocalStorage: initialConfig.useLocalStorage ?? false
+      useLocalStorage: initialConfig.useLocalStorage ?? false,
+      useStorageType: initialConfig.useStorageType
     });
     const annotator = new LocalAnnotator({ store });
     publication.sample = initialConfig.sample;