@readium/navigator 2.4.0-alpha.7 → 2.4.0-alpha.9

package/dist/index.js

@@ -111,7 +111,7 @@ const f = class f {
   }
 };
 f.NONE = new f("none"), f.ANNOTATIONS = new f("annotations"), f.ARIA = new f("ARIA"), f.INDEX = new f("index"), f.PAGE_BREAK_MARKERS = new f("pageBreakMarkers"), f.PAGE_NAVIGATION = new f("pageNavigation"), f.PRINT_PAGE_NUMBERS = new f("printPageNumbers"), f.READING_ORDER = new f("readingOrder"), f.STRUCTURAL_NAVIGATION = new f("structuralNavigation"), f.TABLE_OF_CONTENTS = new f("tableOfContents"), f.TAGGED_PDF = new f("taggedPDF"), f.ALTERNATIVE_TEXT = new f("alternativeText"), f.AUDIO_DESCRIPTION = new f("audioDescription"), f.CAPTIONS = new f("captions"), f.CLOSED_CAPTIONS = new f("closedCaptions"), f.DESCRIBED_MATH = new f("describedMath"), f.LONG_DESCRIPTION = new f("longDescription"), f.OPEN_CAPTIONS = new f("openCaptions"), f.SIGN_LANGUAGE = new f("signLanguage"), f.TRANSCRIPT = new f("transcript"), f.DISPLAY_TRANSFORMABILITY = new f("displayTransformability"), f.SYNCHRONIZED_AUDIO_TEXT = new f("synchronizedAudioText"), f.TIMING_CONTROL = new f("timingControl"), f.UNLOCKED = new f("unlocked"), f.CHEM_ML = new f("ChemML"), f.LATEX = new f("latex"), f.LATEX_CHEMISTRY = new f("latex-chemistry"), f.MATH_ML = new f("MathML"), f.MATH_ML_CHEMISTRY = new f("MathML-chemistry"), f.TTS_MARKUP = new f("ttsMarkup"), f.HIGH_CONTRAST_AUDIO = new f("highContrastAudio"), f.HIGH_CONTRAST_DISPLAY = new f("highContrastDisplay"), f.LARGE_PRINT = new f("largePrint"), f.BRAILLE = new f("braille"), f.TACTILE_GRAPHIC = new f("tactileGraphic"), f.TACTILE_OBJECT = new f("tactileObject"), f.FULL_RUBY_ANNOTATIONS = new f("fullRubyAnnotations"), f.HORIZONTAL_WRITING = new f("horizontalWriting"), f.RUBY_ANNOTATIONS = new f("rubyAnnotations"), f.VERTICAL_WRITING = new f("verticalWriting"), f.WITH_ADDITIONAL_WORD_SEGMENTATION = new f("withAdditionalWordSegmentation"), f.WITHOUT_ADDITIONAL_WORD_SEGMENTATION = new f("withoutAdditionalWordSegmentation");
-let Ft = f;
+let Nt = f;
 const C = class C {
   constructor(t) {
     this.value = t;
@@ -938,8 +938,8 @@ class B {
         duration: W(t.duration),
         bitrate: W(t.bitrate),
         languages: Li(t.language),
-        alternates: Nt.deserialize(t.alternate),
-        children: Nt.deserialize(t.children)
+        alternates: Ft.deserialize(t.alternate),
+        children: Ft.deserialize(t.children)
       });
   }
   /**
@@ -997,7 +997,7 @@ class B {
     });
   }
 }
-class Nt {
+class Ft {
   /**
    * Creates a [Links].
    */
@@ -1009,7 +1009,7 @@ class Nt {
    */
   static deserialize(t) {
     if (t && Array.isArray(t))
-      return new Nt(
+      return new Ft(
         t.map((e) => B.deserialize(e)).filter((e) => e !== void 0)
       );
   }
@@ -1091,7 +1091,7 @@ class Nt {
     return this.items.filter((t) => t.type);
   }
 }
-var Oi = /* @__PURE__ */ ((s) => (s.EPUB = "https://readium.org/webpub-manifest/profiles/epub", s.AUDIOBOOK = "https://readium.org/webpub-manifest/profiles/audiobook", s.DIVINA = "https://readium.org/webpub-manifest/profiles/divina", s.PDF = "https://readium.org/webpub-manifest/profiles/pdf", s))(Oi || {}), N = /* @__PURE__ */ ((s) => (s.ltr = "ltr", s.rtl = "rtl", s))(N || {});
+var Oi = /* @__PURE__ */ ((s) => (s.EPUB = "https://readium.org/webpub-manifest/profiles/epub", s.AUDIOBOOK = "https://readium.org/webpub-manifest/profiles/audiobook", s.DIVINA = "https://readium.org/webpub-manifest/profiles/divina", s.PDF = "https://readium.org/webpub-manifest/profiles/pdf", s))(Oi || {}), F = /* @__PURE__ */ ((s) => (s.ltr = "ltr", s.rtl = "rtl", s))(F || {});
 j.prototype.getContains = function() {
   return new Set(this.otherProperties.contains || []);
 };
@@ -2012,7 +2012,7 @@ function Mi(s, t, e) {
       if (r === o)
         continue;
       const a = V(r.top, o.top, t) && V(r.bottom, o.bottom, t), l = V(r.left, o.left, t) && V(r.right, o.right, t);
-      if (a && !l && Fi(r, o, t)) {
+      if (a && !l && Ni(r, o, t)) {
         const u = s.filter((y) => y !== r && y !== o), m = Ln(r, o);
         return u.push(m), Mi(
           u,
@@ -2058,7 +2058,7 @@ function Ui(s) {
   for (let t = 0; t < s.length; t++)
     for (let e = t + 1; e < s.length; e++) {
       const i = s[t], n = s[e];
-      if (i !== n && Fi(i, n, -1)) {
+      if (i !== n && Ni(i, n, -1)) {
         let r = [], o;
         const a = ei(i, n);
         if (a.length === 1)
@@ -2135,7 +2135,7 @@ function Tn(s, t) {
     width: Math.max(0, i - e)
   };
 }
-function Fi(s, t, e) {
+function Ni(s, t, e) {
   return (s.left < t.right || e >= 0 && V(s.left, t.right, e)) && (t.left < s.right || e >= 0 && V(t.left, s.right, e)) && (s.top < t.bottom || e >= 0 && V(s.top, t.bottom, e)) && (t.top < s.bottom || e >= 0 && V(t.top, s.bottom, e));
 }
 function V(s, t, e) {
@@ -2147,7 +2147,7 @@ function Te(s) {
     Object.hasOwn(e, i) && !Number.isNaN(Number.parseInt(i)) && (t[e[i]] = e.getPropertyValue(e[i]));
   return t;
 }
-function Ni(s, t) {
+function Fi(s, t) {
   const e = Te(s);
   Object.keys(e).forEach((i) => {
     t.hasOwnProperty(i) || te(s, i);
@@ -2239,7 +2239,7 @@ const ct = { r: 255, g: 255, b: 255, a: 1 }, st = /* @__PURE__ */ new Map(), An
   const e = pe(s, t), i = ni(e, { r: 255, g: 255, b: 255, a: 1 }), n = ni(e, { r: 0, g: 0, b: 0, a: 1 });
   return i > n;
 }, Mn = (s, t = null) => me(s, t) ? "white" : "black", ri = "#FFFF00", Un = () => "Highlight" in window, si = ["IMG", "IMAGE", "AUDIO", "VIDEO", "SVG"];
-class Fn {
+class Nn {
   /**
    * Creates a DecorationGroup object
    * @param id Unique HTML ID-adhering name of the group
@@ -2430,7 +2430,7 @@ const wt = class wt extends ft {
   mount(t, e) {
     return this.wnd = t, e.register("decorate", wt.moduleName, (i, n) => {
       const r = i;
-      r.decoration && r.decoration.locator && (r.decoration.locator = H.deserialize(r.decoration.locator)), this.groups.has(r.group) || this.groups.set(r.group, new Fn(
+      r.decoration && r.decoration.locator && (r.decoration.locator = H.deserialize(r.decoration.locator)), this.groups.has(r.group) || this.groups.set(r.group, new Nn(
         t,
         e,
         `readium-decoration-${this.lastGroupId++}`,
@@ -2531,7 +2531,7 @@ function Ii(s) {
   const t = s.document.createElement("style");
   t.appendChild(s.document.createTextNode("*{}")), s.document.body.appendChild(t), s.document.body.removeChild(t);
 }
-function Nn(s) {
+function Fn(s) {
   return s < 0.5 ? 2 * s * s : -1 + (4 - 2 * s) * s;
 }
 function T(s) {
@@ -2711,7 +2711,7 @@ const hi = "readium-column-snapper-style", Gn = 200, U = class U extends Et {
     ), c = this.snapOffset(a + h), u = c > this.scrollOffset() ? "right" : "left";
     if (this.checkSuspiciousSnap(u, Math.abs(c - this.scrollOffset())), t && c !== this.scrollOffset()) {
       this.snappingCancelled = !1;
-      const m = (b, _, z, Q) => z > Q ? _ : b + (_ - b) * Nn(z / Q), y = (
+      const m = (b, _, z, Q) => z > Q ? _ : b + (_ - b) * Fn(z / Q), y = (
         /*Math.abs(startX - (this.useTransform ? currentOffset : 0)) < 10 ? 1 : */
         Gn * o
       );
@@ -3622,7 +3622,7 @@ const _t = class _t extends ft {
     ), Reflect.defineProperty(t.navigator, "epubReadingSystem", {
       value: {
         name: "readium-ts-toolkit",
-        version: "2.4.0-alpha.7",
+        version: "2.4.0-alpha.9",
         hasFeature: (n, r = "") => {
           switch (n) {
             case "dom-manipulation":
@@ -3687,7 +3687,7 @@ const di = "readium-viewport", K = class K extends Ht {
     }), e.register("get_properties", K.moduleName, (n, r) => {
       Te(t), r(!0);
     }), e.register("update_properties", K.moduleName, (n, r) => {
-      n["--RS__viewportWidth"] = `${t.innerWidth}px`, Ni(t, n), r(!0);
+      n["--RS__viewportWidth"] = `${t.innerWidth}px`, Fi(t, n), r(!0);
     }), e.register("set_property", K.moduleName, (n, r) => {
       const o = n;
       Pt(t, o[0], o[1]), r(!0);
@@ -3763,7 +3763,7 @@ const Z = class Z extends ft {
     ), e.register("get_properties", Z.moduleName, (i, n) => {
       Te(t), n(!0);
     }), e.register("update_properties", Z.moduleName, (i, n) => {
-      Ni(t, i), n(!0);
+      Fi(t, i), n(!0);
     }), e.register("set_property", Z.moduleName, (i, n) => {
       const r = i;
       Pt(t, r[0], r[1]), n(!0);
@@ -3984,13 +3984,13 @@ class ji extends er {
    * Moves to the left content portion (eg. page) relative to the reading progression direction.
    */
   goLeft(t = !1, e) {
-    this.readingProgression === N.ltr ? this.goBackward(t, e) : this.readingProgression === N.rtl && this.goForward(t, e);
+    this.readingProgression === F.ltr ? this.goBackward(t, e) : this.readingProgression === F.rtl && this.goForward(t, e);
   }
   /**
    * Moves to the right content portion (eg. page) relative to the reading progression direction.
    */
   goRight(t = !1, e) {
-    this.readingProgression === N.ltr ? this.goForward(t, e) : this.readingProgression === N.rtl && this.goBackward(t, e);
+    this.readingProgression === F.ltr ? this.goForward(t, e) : this.readingProgression === F.rtl && this.goBackward(t, e);
   }
 }
 class ir {
@@ -4246,7 +4246,7 @@ class ar extends Yi {
 const Y = new Yi(), L = new ar();
 class lr {
   constructor(t, e = {}, i = []) {
-    this.hidden = !0, this.destroyed = !1, this.currModules = [], this.frame = document.createElement("iframe"), this.frame.classList.add("readium-navigator-iframe"), this.frame.style.visibility = "hidden", this.frame.style.setProperty("aria-hidden", "true"), this.frame.style.opacity = "0", this.frame.style.position = "absolute", this.frame.style.pointerEvents = "none", this.frame.style.transition = "visibility 0s, opacity 0.1s linear", this.frame.style.backgroundColor = "#FFFFFF", this.source = t, this.contentProtectionConfig = { ...e }, this.keyboardPeripheralsConfig = [...i];
+    this.hidden = !0, this.destroyed = !1, this.currModules = [], this.frame = document.createElement("iframe"), this.frame.classList.add("readium-navigator-iframe"), this.frame.style.visibility = "hidden", this.frame.ariaHidden = "true", this.frame.style.opacity = "0", this.frame.style.position = "absolute", this.frame.style.pointerEvents = "none", this.frame.style.transition = "visibility 0s, opacity 0.1s linear", this.frame.style.backgroundColor = "#FFFFFF", this.source = t, this.contentProtectionConfig = { ...e }, this.keyboardPeripheralsConfig = [...i];
   }
   async load(t = []) {
     return new Promise((e, i) => {
@@ -4289,7 +4289,7 @@ class lr {
   }
   async hide() {
     if (!this.destroyed) {
-      if (this.frame.style.visibility = "hidden", this.frame.style.setProperty("aria-hidden", "true"), this.frame.style.opacity = "0", this.frame.style.pointerEvents = "none", this.hidden = !0, this.frame.parentElement)
+      if (this.frame.style.visibility = "hidden", this.frame.ariaHidden = "true", this.frame.style.opacity = "0", this.frame.style.pointerEvents = "none", this.hidden = !0, this.frame.parentElement)
         return this.comms === void 0 || !this.comms.ready ? void 0 : new Promise((t, e) => {
           this.comms?.send("unfocus", void 0, (i) => {
             this.comms?.halt(), t();
@@ -4306,7 +4306,7 @@ class lr {
         this.comms?.send("focus", void 0, () => {
           this.applyContentProtection();
           const n = () => {
-            this.frame.style.removeProperty("visibility"), this.frame.style.removeProperty("aria-hidden"), this.frame.style.removeProperty("opacity"), this.frame.style.removeProperty("pointer-events"), this.hidden = !1, Y.UA.WebKit && this.comms?.send("force_webkit_recalc", void 0), e();
+            this.frame.style.removeProperty("visibility"), this.frame.ariaHidden = null, this.frame.style.removeProperty("opacity"), this.frame.style.removeProperty("pointer-events"), this.hidden = !1, Y.UA.WebKit && this.comms?.send("force_webkit_recalc", void 0), e();
           };
           t !== void 0 ? this.comms?.send("go_progression", t, n) : n();
         });
@@ -4758,7 +4758,7 @@ function fr(s, t) {
 function yr(s, t) {
   return s == null || t == null || s >= t ? s : void 0;
 }
-function F(s) {
+function N(s) {
   return typeof s == "string" ? s : s === null ? null : void 0;
 }
 function P(s) {
@@ -4792,7 +4792,7 @@ function Ki(s) {
 }
 class xt {
   constructor(t = {}) {
-    this.fontFamily = F(t.fontFamily), this.fontWeight = q(t.fontWeight, it.range), this.hyphens = P(t.hyphens), this.iOSPatch = P(t.iOSPatch), this.iPadOSPatch = P(t.iPadOSPatch), this.letterSpacing = v(t.letterSpacing), this.ligatures = P(t.ligatures), this.lineHeight = v(t.lineHeight), this.noRuby = P(t.noRuby), this.paragraphIndent = v(t.paragraphIndent), this.paragraphSpacing = v(t.paragraphSpacing), this.textAlign = ie(t.textAlign, J), this.textNormalization = P(t.textNormalization), this.wordSpacing = v(t.wordSpacing), this.zoom = q(t.zoom, Zt.range);
+    this.fontFamily = N(t.fontFamily), this.fontWeight = q(t.fontWeight, it.range), this.hyphens = P(t.hyphens), this.iOSPatch = P(t.iOSPatch), this.iPadOSPatch = P(t.iPadOSPatch), this.letterSpacing = v(t.letterSpacing), this.ligatures = P(t.ligatures), this.lineHeight = v(t.lineHeight), this.noRuby = P(t.noRuby), this.paragraphIndent = v(t.paragraphIndent), this.paragraphSpacing = v(t.paragraphSpacing), this.textAlign = ie(t.textAlign, J), this.textNormalization = P(t.textNormalization), this.wordSpacing = v(t.wordSpacing), this.zoom = q(t.zoom, Zt.range);
   }
   static serialize(t) {
     const { ...e } = t;
@@ -4815,7 +4815,7 @@ class xt {
 }
 class Sr {
   constructor(t) {
-    this.fontFamily = F(t.fontFamily) || null, this.fontWeight = q(t.fontWeight, it.range) || null, this.hyphens = P(t.hyphens) ?? null, this.iOSPatch = t.iOSPatch === !1 ? !1 : (L.OS.iOS || L.OS.iPadOS) && L.iOSRequest === "mobile", this.iPadOSPatch = t.iPadOSPatch === !1 ? !1 : L.OS.iPadOS && L.iOSRequest === "desktop", this.letterSpacing = v(t.letterSpacing) || null, this.ligatures = P(t.ligatures) ?? null, this.lineHeight = v(t.lineHeight) || null, this.noRuby = P(t.noRuby) ?? !1, this.paragraphIndent = v(t.paragraphIndent) ?? null, this.paragraphSpacing = v(t.paragraphSpacing) ?? null, this.textAlign = ie(t.textAlign, J) || null, this.textNormalization = P(t.textNormalization) ?? !1, this.wordSpacing = v(t.wordSpacing) || null, this.zoom = q(t.zoom, Zt.range) || 1, this.experiments = Ki(t.experiments) ?? null;
+    this.fontFamily = N(t.fontFamily) || null, this.fontWeight = q(t.fontWeight, it.range) || null, this.hyphens = P(t.hyphens) ?? null, this.iOSPatch = t.iOSPatch === !1 ? !1 : (L.OS.iOS || L.OS.iPadOS) && L.iOSRequest === "mobile", this.iPadOSPatch = t.iPadOSPatch === !1 ? !1 : L.OS.iPadOS && L.iOSRequest === "desktop", this.letterSpacing = v(t.letterSpacing) || null, this.ligatures = P(t.ligatures) ?? null, this.lineHeight = v(t.lineHeight) || null, this.noRuby = P(t.noRuby) ?? !1, this.paragraphIndent = v(t.paragraphIndent) ?? null, this.paragraphSpacing = v(t.paragraphSpacing) ?? null, this.textAlign = ie(t.textAlign, J) || null, this.textNormalization = P(t.textNormalization) ?? !1, this.wordSpacing = v(t.wordSpacing) || null, this.zoom = q(t.zoom, Zt.range) || 1, this.experiments = Ki(t.experiments) ?? null;
   }
 }
 class gi {
@@ -4961,7 +4961,7 @@ class fi {
   }
   get isDisplayTransformable() {
     return this.metadata?.accessibility?.feature?.some(
-      (t) => t.value === Ft.DISPLAY_TRANSFORMABILITY.value
+      (t) => t.value === Nt.DISPLAY_TRANSFORMABILITY.value
     ) ?? !1;
   }
   get fontFamily() {
@@ -5681,7 +5681,7 @@ onmessage = function(event) {
     time: performance.now() - startTime
   })
 }
-`, Fe = class Fe {
+`, Ne = class Ne {
   constructor(t, e) {
     this.callbacks = /* @__PURE__ */ new Map(), this.worker = t, this.blobUrl = e, this.worker.onmessage = (i) => {
       const n = i.data, r = n.id, o = this.callbacks.get(n.id);
@@ -5706,8 +5706,8 @@ onmessage = function(event) {
     this.worker.terminate(), URL.revokeObjectURL(this.blobUrl);
   }
 };
-Fe.workerScript = xr;
-let Jt = Fe;
+Ne.workerScript = xr;
+let Jt = Ne;
 function Ue(s) {
   return typeof window < "u" && console ? console[s] : (...t) => {
   };
@@ -6133,7 +6133,7 @@ class Ur extends ji {
   }
   get hasDisplayTransformability() {
     return this.pub.metadata?.accessibility?.feature?.some(
-      (t) => t.value === Ft.DISPLAY_TRANSFORMABILITY.value
+      (t) => t.value === Nt.DISPLAY_TRANSFORMABILITY.value
     ) ?? !1;
   }
   eventListener(t, e) {
@@ -6363,7 +6363,7 @@ class Ur extends ji {
     });
   }
 }
-const ps = Ur, Fr = (s) => {
+const ps = Ur, Nr = (s) => {
   const t = s.join(" ");
   return [
     // 'self' is useless because the document is loaded from a blob: URL
@@ -6412,17 +6412,14 @@ class on {
   }
   async buildHtmlFrame(t = !1) {
     if (!this.currentResource) throw new Error("No resource loaded");
-    const e = await this.currentResource.link(), i = await this.currentResource.readAsString();
+    const e = await this.currentResource.link(), i = await this.currentResource.readAsXML();
     if (!i) throw new Error(`Failed reading item ${e.href}`);
-    const n = new DOMParser().parseFromString(
-      i,
-      e.mediaType.string
-    ), r = n.querySelector("parsererror");
-    if (r) {
-      const o = r.querySelector("div");
-      throw new Error(`Failed parsing item ${e.href}: ${o?.textContent || r.textContent}`);
+    const n = i.querySelector("parsererror");
+    if (n) {
+      const r = n.querySelector("div");
+      throw new Error(`Failed parsing item ${e.href}: ${r?.textContent || n.textContent}`);
     }
-    return this.injector && await this.injector.injectForDocument(n, e), this.finalizeDOM(n, this.pub.baseURL, e.toURL(this.baseURL) || "", e.mediaType, t, this.cssProperties);
+    return this.injector && await this.injector.injectForDocument(i, e), this.finalizeDOM(i, this.pub.baseURL, e.toURL(this.baseURL) || "", e.mediaType, t, this.cssProperties);
   }
   async buildImageFrame() {
     if (!this.currentResource) throw new Error("No resource loaded");
@@ -6432,7 +6429,7 @@ class on {
       o.name = "viewport", o.content = `width=${t.width}, height=${t.height}`, o.dataset.readium = "true", i.head.appendChild(o);
     }
     const n = document.createElement("img");
-    n.src = e || "", n.alt = t.title || "", n.decoding = "async", i.body.appendChild(n), this.injector && await this.injector.injectForDocument(i, new B({
+    n.src = e || "", n.alt = t.title || "", await n.decode(), i.body.appendChild(n), this.injector && await this.injector.injectForDocument(i, new B({
       // Temporary solution to address injector only expecting (X)HTML
       // documents for injection, which we are technically providing
       href: "readium-image-frame.xhtml",
@@ -6471,7 +6468,7 @@ class on {
       c.href = i, c.dataset.readium = "true", t.head.firstChild.before(c);
     }
     const h = t.createElement("meta");
-    return h.httpEquiv = "Content-Security-Policy", h.content = Fr(l), h.dataset.readium = "true", t.head.firstChild.before(h), URL.createObjectURL(
+    return h.httpEquiv = "Content-Security-Policy", h.content = Nr(l), h.dataset.readium = "true", t.head.firstChild.before(h), URL.createObjectURL(
       new Blob([new XMLSerializer().serializeToString(t)], {
         type: n.isHTML ? n.string : "application/xhtml+xml"
         // Fallback to XHTML
@@ -6479,9 +6476,9 @@ class on {
     );
   }
 }
-class Nr {
+class Fr {
   constructor(t, e = {}, i = []) {
-    this.hidden = !0, this.destroyed = !1, this.currModules = [], this.frame = document.createElement("iframe"), this.frame.sandbox.value = "allow-same-origin allow-scripts", this.frame.classList.add("readium-navigator-iframe"), this.frame.style.visibility = "hidden", this.frame.style.setProperty("aria-hidden", "true"), this.frame.style.opacity = "0", this.frame.style.position = "absolute", this.frame.style.pointerEvents = "none", this.frame.style.transition = "visibility 0s, opacity 0.1s linear", this.source = t, this.contentProtectionConfig = { ...e }, this.keyboardPeripheralsConfig = [...i];
+    this.hidden = !0, this.destroyed = !1, this.currModules = [], this.frame = document.createElement("iframe"), this.frame.sandbox.value = "allow-same-origin allow-scripts", this.frame.classList.add("readium-navigator-iframe"), this.frame.style.visibility = "hidden", this.frame.ariaHidden = "true", this.frame.style.opacity = "0", this.frame.style.position = "absolute", this.frame.style.pointerEvents = "none", this.frame.style.transition = "visibility 0s, opacity 0.1s linear", this.source = t, this.contentProtectionConfig = { ...e }, this.keyboardPeripheralsConfig = [...i];
   }
   async load(t) {
     return new Promise((e, i) => {
@@ -6524,7 +6521,7 @@ class Nr {
   }
   async hide() {
     if (!this.destroyed) {
-      if (this.frame.style.visibility = "hidden", this.frame.style.setProperty("aria-hidden", "true"), this.frame.style.opacity = "0", this.frame.style.pointerEvents = "none", this.hidden = !0, this.frame.parentElement)
+      if (this.frame.style.visibility = "hidden", this.frame.ariaHidden = "true", this.frame.style.opacity = "0", this.frame.style.pointerEvents = "none", this.hidden = !0, this.frame.parentElement)
         return this.comms === void 0 || !this.comms.ready ? void 0 : new Promise((t, e) => {
           this.comms?.send("unfocus", void 0, (i) => {
             this.comms?.halt(), t();
@@ -6541,7 +6538,7 @@ class Nr {
         this.comms?.send("focus", void 0, () => {
           this.applyContentProtection();
           const n = () => {
-            this.frame.style.removeProperty("visibility"), this.frame.style.removeProperty("aria-hidden"), this.frame.style.removeProperty("opacity"), this.frame.style.removeProperty("pointer-events"), this.hidden = !1, Y.UA.WebKit && this.comms?.send("force_webkit_recalc", void 0), e();
+            this.frame.style.removeProperty("visibility"), this.frame.style.removeProperty("opacity"), this.frame.style.removeProperty("pointer-events"), this.frame.ariaHidden = null, this.hidden = !1, Y.UA.WebKit && this.comms?.send("force_webkit_recalc", void 0), e();
           };
           t !== void 0 ? this.comms?.send("go_progression", t, n) : n();
         });
@@ -6631,7 +6628,7 @@ class Dr {
             injector: this.injector
           }
         ));
-        const b = new Nr(await this.blobs.get(d).build(), this.contentProtectionConfig, this.keyboardPeripheralsConfig);
+        const b = new Fr(await this.blobs.get(d).build(), this.contentProtectionConfig, this.keyboardPeripheralsConfig);
         d !== o && await b.hide(), this.container.appendChild(b.iframe), await b.load(i), this.pool.set(d, b);
       };
       try {
@@ -6687,7 +6684,7 @@ class Dr {
 }
 class Ir {
   constructor(t, e, i, n = {}, r = []) {
-    this.frameIsAppended = !1, this.currModules = [], this.pageSize = void 0, this.cachedPage = void 0, this.peripherals = t, this.debugHref = i, this.contentProtectionConfig = { ...n }, this.keyboardPeripheralsConfig = [...r], this.frame = document.createElement("iframe"), this.frame.sandbox.value = "allow-same-origin allow-scripts", this.frame.classList.add("readium-navigator-iframe"), this.frame.classList.add("blank"), this.frame.scrolling = "no", this.frame.style.visibility = "hidden", this.frame.style.setProperty("aria-hidden", "true"), this.frame.style.display = "none", this.frame.style.position = "absolute", this.frame.style.pointerEvents = "none", this.frame.style.transformOrigin = "0 0", this.frame.style.transform = "scale(1)", this.frame.style.background = "#fff", this.frame.style.touchAction = "none", this.frame.dataset.originalHref = i, this.source = "about:blank", this.wrapper = document.createElement("div"), this.wrapper.style.position = "relative", this.wrapper.style.float = this.wrapper.style.cssFloat = e === N.rtl ? "right" : "left";
+    this.frameIsAppended = !1, this.currModules = [], this.viewportSize = void 0, this.cachedPage = void 0, this.peripherals = t, this.debugHref = i, this.contentProtectionConfig = { ...n }, this.keyboardPeripheralsConfig = [...r], this.frame = document.createElement("iframe"), this.frame.sandbox.value = "allow-same-origin allow-scripts", this.frame.classList.add("readium-navigator-iframe"), this.frame.classList.add("blank"), this.frame.scrolling = "no", this.frame.style.visibility = "hidden", this.frame.ariaHidden = "true", this.frame.style.display = "none", this.frame.style.position = "absolute", this.frame.style.pointerEvents = "none", this.frame.style.transformOrigin = "0 0", this.frame.style.transform = "scale(1)", this.frame.style.background = "#fff", this.frame.style.touchAction = "none", this.frame.dataset.originalHref = i, this.source = "about:blank", this.wrapper = document.createElement("div"), this.wrapper.style.position = "relative", this.wrapper.style.contain = "strict", this.wrapper.style.float = this.wrapper.style.cssFloat = e === F.rtl ? "right" : "left";
   }
   async load(t, e) {
     return this.frameIsAppended || (this.wrapper.appendChild(this.frame), this.frameIsAppended = !0), this.source === e && this.loadPromise && [...this.currModules].sort().join("|") === [...t].sort().join("|") ? this.loadPromise : (this.loaded && this.source !== e && this.window.stop(), this.source = e, this.loadPromise = new Promise((i, n) => {
@@ -6724,7 +6721,7 @@ class Ir {
   }
   // Parses the page size from the viewport meta tag of the loaded resource.
   loadPageSize() {
-    if (this.pageSize) return this.pageSize;
+    if (this.viewportSize) return this.viewportSize;
     const t = this.frame.contentWindow, e = t.document.head.querySelector(
       "meta[name=viewport]"
     );
@@ -6734,12 +6731,12 @@ class Ir {
       for (; n = i.exec(e.content); )
         n[1] === "width" ? r = Number.parseFloat(n[2]) : n[1] === "height" && (o = Number.parseFloat(n[2]));
       if (r > 0 && o > 0)
-        return { width: r, height: o };
+        return this.viewportSize = { width: r, height: o }, this.viewportSize;
     }
-    return this.pageSize = {
+    return {
       width: t.document.body.scrollWidth,
       height: t.document.body.scrollHeight
-    }, this.pageSize;
+    };
   }
   update(t) {
     if (!this.loaded) return;
@@ -6756,14 +6753,14 @@ class Ir {
       this.frame.style.left = `${o / 2}px`;
     } else
       this.frame.style.left = "0px";
-    this.frame.style.removeProperty("visibility"), this.frame.style.removeProperty("aria-hidden"), this.frame.style.removeProperty("pointer-events"), this.frame.classList.remove("blank"), this.frame.classList.add("loaded");
+    this.frame.style.removeProperty("visibility"), this.frame.ariaHidden = null, this.frame.style.removeProperty("pointer-events"), this.frame.classList.remove("blank"), this.frame.classList.add("loaded");
   }
   async destroy() {
     await this.unfocus(), this.loader?.destroy(), this.wrapper.remove();
   }
   async unload() {
     if (this.loaded)
-      return this.deselect(), this.frame.style.visibility = "hidden", this.frame.style.setProperty("aria-hidden", "true"), this.frame.style.pointerEvents = "none", this.frame.classList.add("blank"), this.frame.classList.remove("loaded"), this.comms?.halt(), this.loader?.destroy(), this.comms = void 0, this.frame.blur(), new Promise((t, e) => {
+      return this.deselect(), this.frame.style.visibility = "hidden", this.frame.ariaHidden = "true", this.frame.style.pointerEvents = "none", this.frame.classList.add("blank"), this.frame.classList.remove("loaded"), this.comms?.halt(), this.loader?.destroy(), this.comms = void 0, this.frame.blur(), new Promise((t, e) => {
         this.frame.addEventListener("load", () => {
           try {
             this.showPromise = void 0, t();
@@ -6774,7 +6771,7 @@ class Ir {
             this.showPromise = void 0, e(i.error);
           } catch {
           }
-        }, { once: !0 }), this.source = "about:blank", this.frame.contentWindow.location.replace("about:blank"), this.frame.style.display = "none";
+        }, { once: !0 }), this.source = "about:blank", this.frame.contentWindow.location.replace("about:blank"), this.frame.style.display = "none", this.frame.style.width = "0px", this.frame.style.height = "0px";
       });
   }
   deselect() {
@@ -7159,7 +7156,7 @@ class jr {
           "center"
         ) : (
           // Center it
-          ((this.shift ? 0 : 1) + n - this.nLandscape) % 2 ? t.metadata.readingProgression === N.rtl ? "right" : "left" : t.metadata.readingProgression === N.rtl ? "left" : "right"
+          ((this.shift ? 0 : 1) + n - this.nLandscape) % 2 ? t.metadata.readingProgression === F.rtl ? "right" : "left" : t.metadata.readingProgression === F.rtl ? "left" : "right"
         )
       })), (r || i.properties?.otherProperties.addBlank) && this.nLandscape++;
     }), e && (this.spreads = []), this.buildSpreads(t.readingOrder);
@@ -7189,7 +7186,7 @@ class jr {
 const Ei = 8, Ci = 5, $r = 300, Xr = 15e3, Yr = 250, qr = 150, Kr = 500;
 class Zr {
   constructor(t, e, i, n, r, o) {
-    if (this.pool = /* @__PURE__ */ new Map(), this.blobs = /* @__PURE__ */ new Map(), this.inprogress = /* @__PURE__ */ new Map(), this.delayedShow = /* @__PURE__ */ new Map(), this.delayedTimeout = /* @__PURE__ */ new Map(), this.previousFrames = [], this.injector = null, this.width = 0, this.height = 0, this.transform = "", this.currentSlide = 0, this.spread = !0, this.orientationInternal = -1, this.container = t, this.positions = e, this.pub = i, this.injector = n ?? null, this.contentProtectionConfig = r || {}, this.keyboardPeripheralsConfig = o || [], this.spreadPresentation = i.metadata.otherMetadata?.spread || Ee.auto, this.pub.metadata.effectiveReadingProgression !== N.rtl && this.pub.metadata.effectiveReadingProgression !== N.ltr)
+    if (this.pool = /* @__PURE__ */ new Map(), this.blobs = /* @__PURE__ */ new Map(), this.inprogress = /* @__PURE__ */ new Map(), this.delayedShow = /* @__PURE__ */ new Map(), this.delayedTimeout = /* @__PURE__ */ new Map(), this.previousFrames = [], this.injector = null, this.width = 0, this.height = 0, this.transform = "", this.currentSlide = 0, this.spread = !0, this.orientationInternal = -1, this.container = t, this.positions = e, this.pub = i, this.injector = n ?? null, this.contentProtectionConfig = r || {}, this.keyboardPeripheralsConfig = o || [], this.spreadPresentation = i.metadata.otherMetadata?.spread || Ee.auto, this.pub.metadata.effectiveReadingProgression !== F.rtl && this.pub.metadata.effectiveReadingProgression !== F.ltr)
       throw Error("Unsupported reading progression for EPUB");
     this.spreader = new jr(this.pub), this.containerHeightCached = t.clientHeight, this.bookElement = document.createElement("div"), this.bookElement.ariaLabel = "Book", this.bookElement.tabIndex = -1, this.updateBookStyle(!0), this.spineElement = document.createElement("div"), this.spineElement.ariaLabel = "Spine", this.bookElement.appendChild(this.spineElement), this.container.appendChild(this.bookElement), this.updateSpineStyle(!0), this.peripherals = new Gr(this);
     const a = document.createDocumentFragment();
@@ -7230,7 +7227,7 @@ class Zr {
     this.width = this.bookElement.clientWidth, this.height = this.bookElement.clientHeight;
   }
   get rtl() {
-    return this.pub.metadata.effectiveReadingProgression === N.rtl;
+    return this.pub.metadata.effectiveReadingProgression === F.rtl;
   }
   get single() {
     return !this.spread || this.portrait;
@@ -7425,8 +7422,8 @@ class Zr {
           let Q = !1;
           const hn = window.setTimeout(async () => {
             this.delayedTimeout.set(d, 0);
-            const cn = this.makeSpread(this.reAlign(p)), dn = this.spreadPosition(cn, b), Ne = this.pool.get(d);
-            await Ne.load(i, await this.blobs.get(d).build(!0)), this.peripherals.isScaled || await Ne.show(dn), this.delayedShow.delete(d), Q = !0, _();
+            const cn = this.makeSpread(this.reAlign(p)), dn = this.spreadPosition(cn, b), Fe = this.pool.get(d);
+            await Fe.load(i, await this.blobs.get(d).build(!0)), this.peripherals.isScaled || await Fe.show(dn), this.delayedShow.delete(d), Q = !0, _();
           }, $r);
           setTimeout(() => {
             !Q && this.delayedShow.has(d) && z(`Offscreen load timeout: ${d}`);
@@ -7507,7 +7504,7 @@ class Zr {
 }
 class Ot {
   constructor(t = {}) {
-    this.backgroundColor = F(t.backgroundColor), this.blendFilter = P(t.blendFilter), this.constraint = v(t.constraint), this.columnCount = v(t.columnCount), this.darkenFilter = pt(t.darkenFilter), this.deprecatedFontSize = P(t.deprecatedFontSize), this.fontFamily = F(t.fontFamily), this.fontSize = q(t.fontSize, Gt.range), this.fontSizeNormalize = P(t.fontSizeNormalize), this.fontOpticalSizing = P(t.fontOpticalSizing), this.fontWeight = q(t.fontWeight, it.range), this.fontWidth = q(t.fontWidth, jt.range), this.hyphens = P(t.hyphens), this.invertFilter = pt(t.invertFilter), this.invertGaijiFilter = pt(t.invertGaijiFilter), this.iOSPatch = P(t.iOSPatch), this.iPadOSPatch = P(t.iPadOSPatch), this.letterSpacing = v(t.letterSpacing), this.ligatures = P(t.ligatures), this.lineHeight = v(t.lineHeight), this.linkColor = F(t.linkColor), this.noRuby = P(t.noRuby), this.pageGutter = v(t.pageGutter), this.paragraphIndent = v(t.paragraphIndent), this.paragraphSpacing = v(t.paragraphSpacing), this.scroll = P(t.scroll), this.scrollPaddingTop = v(t.scrollPaddingTop), this.scrollPaddingBottom = v(t.scrollPaddingBottom), this.scrollPaddingLeft = v(t.scrollPaddingLeft), this.scrollPaddingRight = v(t.scrollPaddingRight), this.selectionBackgroundColor = F(t.selectionBackgroundColor), this.selectionTextColor = F(t.selectionTextColor), this.textAlign = ie(t.textAlign, J), this.textColor = F(t.textColor), this.textNormalization = P(t.textNormalization), this.visitedColor = F(t.visitedColor), this.wordSpacing = v(t.wordSpacing), this.optimalLineLength = v(t.optimalLineLength), this.maximalLineLength = v(t.maximalLineLength), this.minimalLineLength = v(t.minimalLineLength);
+    this.backgroundColor = N(t.backgroundColor), this.blendFilter = P(t.blendFilter), this.constraint = v(t.constraint), this.columnCount = v(t.columnCount), this.darkenFilter = pt(t.darkenFilter), this.deprecatedFontSize = P(t.deprecatedFontSize), this.fontFamily = N(t.fontFamily), this.fontSize = q(t.fontSize, Gt.range), this.fontSizeNormalize = P(t.fontSizeNormalize), this.fontOpticalSizing = P(t.fontOpticalSizing), this.fontWeight = q(t.fontWeight, it.range), this.fontWidth = q(t.fontWidth, jt.range), this.hyphens = P(t.hyphens), this.invertFilter = pt(t.invertFilter), this.invertGaijiFilter = pt(t.invertGaijiFilter), this.iOSPatch = P(t.iOSPatch), this.iPadOSPatch = P(t.iPadOSPatch), this.letterSpacing = v(t.letterSpacing), this.ligatures = P(t.ligatures), this.lineHeight = v(t.lineHeight), this.linkColor = N(t.linkColor), this.noRuby = P(t.noRuby), this.pageGutter = v(t.pageGutter), this.paragraphIndent = v(t.paragraphIndent), this.paragraphSpacing = v(t.paragraphSpacing), this.scroll = P(t.scroll), this.scrollPaddingTop = v(t.scrollPaddingTop), this.scrollPaddingBottom = v(t.scrollPaddingBottom), this.scrollPaddingLeft = v(t.scrollPaddingLeft), this.scrollPaddingRight = v(t.scrollPaddingRight), this.selectionBackgroundColor = N(t.selectionBackgroundColor), this.selectionTextColor = N(t.selectionTextColor), this.textAlign = ie(t.textAlign, J), this.textColor = N(t.textColor), this.textNormalization = P(t.textNormalization), this.visitedColor = N(t.visitedColor), this.wordSpacing = v(t.wordSpacing), this.optimalLineLength = v(t.optimalLineLength), this.maximalLineLength = v(t.maximalLineLength), this.minimalLineLength = v(t.minimalLineLength);
   }
   static serialize(t) {
     const { ...e } = t;
@@ -7530,7 +7527,7 @@ class Ot {
 }
 class Jr {
   constructor(t) {
-    this.backgroundColor = F(t.backgroundColor) || null, this.blendFilter = P(t.blendFilter) ?? !1, this.constraint = v(t.constraint) || 0, this.columnCount = v(t.columnCount) || null, this.darkenFilter = pt(t.darkenFilter) ?? !1, this.deprecatedFontSize = P(t.deprecatedFontSize), (this.deprecatedFontSize === !1 || this.deprecatedFontSize === null) && (this.deprecatedFontSize = !CSS.supports("zoom", "1")), this.fontFamily = F(t.fontFamily) || null, this.fontSize = q(t.fontSize, Gt.range) || 1, this.fontSizeNormalize = P(t.fontSizeNormalize) ?? !1, this.fontOpticalSizing = P(t.fontOpticalSizing) ?? null, this.fontWeight = q(t.fontWeight, it.range) || null, this.fontWidth = q(t.fontWidth, jt.range) || null, this.hyphens = P(t.hyphens) ?? null, this.invertFilter = pt(t.invertFilter) ?? !1, this.invertGaijiFilter = pt(t.invertGaijiFilter) ?? !1, this.iOSPatch = t.iOSPatch === !1 ? !1 : (L.OS.iOS || L.OS.iPadOS) && L.iOSRequest === "mobile", this.iPadOSPatch = t.iPadOSPatch === !1 ? !1 : L.OS.iPadOS && L.iOSRequest === "desktop", this.letterSpacing = v(t.letterSpacing) || null, this.ligatures = P(t.ligatures) ?? null, this.lineHeight = v(t.lineHeight) || null, this.linkColor = F(t.linkColor) || null, this.noRuby = P(t.noRuby) ?? !1, this.pageGutter = le(v(t.pageGutter), 20), this.paragraphIndent = v(t.paragraphIndent) ?? null, this.paragraphSpacing = v(t.paragraphSpacing) ?? null, this.scroll = P(t.scroll) ?? !1, this.scrollPaddingTop = v(t.scrollPaddingTop) ?? null, this.scrollPaddingBottom = v(t.scrollPaddingBottom) ?? null, this.scrollPaddingLeft = v(t.scrollPaddingLeft) ?? null, this.scrollPaddingRight = v(t.scrollPaddingRight) ?? null, this.selectionBackgroundColor = F(t.selectionBackgroundColor) || null, this.selectionTextColor = F(t.selectionTextColor) || null, this.textAlign = ie(t.textAlign, J) || null, this.textColor = F(t.textColor) || null, this.textNormalization = P(t.textNormalization) ?? !1, this.visitedColor = F(t.visitedColor) || null, this.wordSpacing = v(t.wordSpacing) || null, this.optimalLineLength = v(t.optimalLineLength) || 65, this.maximalLineLength = le(yr(t.maximalLineLength, this.optimalLineLength), 80), this.minimalLineLength = le(fr(t.minimalLineLength, this.optimalLineLength), 40), this.experiments = Ki(t.experiments) || null;
+    this.backgroundColor = N(t.backgroundColor) || null, this.blendFilter = P(t.blendFilter) ?? !1, this.constraint = v(t.constraint) || 0, this.columnCount = v(t.columnCount) || null, this.darkenFilter = pt(t.darkenFilter) ?? !1, this.deprecatedFontSize = P(t.deprecatedFontSize), (this.deprecatedFontSize === !1 || this.deprecatedFontSize === null) && (this.deprecatedFontSize = !CSS.supports("zoom", "1")), this.fontFamily = N(t.fontFamily) || null, this.fontSize = q(t.fontSize, Gt.range) || 1, this.fontSizeNormalize = P(t.fontSizeNormalize) ?? !1, this.fontOpticalSizing = P(t.fontOpticalSizing) ?? null, this.fontWeight = q(t.fontWeight, it.range) || null, this.fontWidth = q(t.fontWidth, jt.range) || null, this.hyphens = P(t.hyphens) ?? null, this.invertFilter = pt(t.invertFilter) ?? !1, this.invertGaijiFilter = pt(t.invertGaijiFilter) ?? !1, this.iOSPatch = t.iOSPatch === !1 ? !1 : (L.OS.iOS || L.OS.iPadOS) && L.iOSRequest === "mobile", this.iPadOSPatch = t.iPadOSPatch === !1 ? !1 : L.OS.iPadOS && L.iOSRequest === "desktop", this.letterSpacing = v(t.letterSpacing) || null, this.ligatures = P(t.ligatures) ?? null, this.lineHeight = v(t.lineHeight) || null, this.linkColor = N(t.linkColor) || null, this.noRuby = P(t.noRuby) ?? !1, this.pageGutter = le(v(t.pageGutter), 20), this.paragraphIndent = v(t.paragraphIndent) ?? null, this.paragraphSpacing = v(t.paragraphSpacing) ?? null, this.scroll = P(t.scroll) ?? !1, this.scrollPaddingTop = v(t.scrollPaddingTop) ?? null, this.scrollPaddingBottom = v(t.scrollPaddingBottom) ?? null, this.scrollPaddingLeft = v(t.scrollPaddingLeft) ?? null, this.scrollPaddingRight = v(t.scrollPaddingRight) ?? null, this.selectionBackgroundColor = N(t.selectionBackgroundColor) || null, this.selectionTextColor = N(t.selectionTextColor) || null, this.textAlign = ie(t.textAlign, J) || null, this.textColor = N(t.textColor) || null, this.textNormalization = P(t.textNormalization) ?? !1, this.visitedColor = N(t.visitedColor) || null, this.wordSpacing = v(t.wordSpacing) || null, this.optimalLineLength = v(t.optimalLineLength) || 65, this.maximalLineLength = le(yr(t.maximalLineLength, this.optimalLineLength), 80), this.minimalLineLength = le(fr(t.minimalLineLength, this.optimalLineLength), 40), this.experiments = Ki(t.experiments) || null;
   }
 }
 const Qr = "#FFFFFF", ts = "#121212", es = "#0000EE", is = "#551A8B", ns = "#b4d8fe", rs = "inherit", lt = {
@@ -7683,7 +7680,7 @@ class xi {
     return new A({
       initialValue: this.preferences.hyphens,
       effectiveValue: this.settings.hyphens || !1,
-      isEffective: this.layout !== S.fixed && this.metadata?.effectiveReadingProgression === N.ltr && this.preferences.hyphens !== null,
+      isEffective: this.layout !== S.fixed && this.metadata?.effectiveReadingProgression === F.ltr && this.preferences.hyphens !== null,
       onChange: (t) => {
         this.updatePreference("hyphens", t || null);
       }
@@ -9661,9 +9658,9 @@ class ln extends ji {
               }
           } else console.log("Clicked on", o);
         } else {
-          if (this._layout === S.fixed && this.framePool.doNotDisturb && (n.doNotDisturb = !0), this._layout === S.fixed && (this.currentProgression === N.rtl || this.currentProgression === N.ltr) && this.framePool.currentFrames.length > 1) {
+          if (this._layout === S.fixed && this.framePool.doNotDisturb && (n.doNotDisturb = !0), this._layout === S.fixed && (this.currentProgression === F.rtl || this.currentProgression === F.ltr) && this.framePool.currentFrames.length > 1) {
             const l = this.framePool.currentFrames;
-            n.targetFrameSrc === l[this.currentProgression === N.rtl ? 0 : 1]?.source && (n.x += (l[this.currentProgression === N.rtl ? 1 : 0]?.iframe.contentWindow?.innerWidth ?? 0) * window.devicePixelRatio);
+            n.targetFrameSrc === l[this.currentProgression === F.rtl ? 0 : 1]?.source && (n.x += (l[this.currentProgression === F.rtl ? 1 : 0]?.iframe.contentWindow?.innerWidth ?? 0) * window.devicePixelRatio);
           }
           if (t === "click" ? this.listeners.click(n) : this.listeners.tap(n)) break;
           const a = (this._cframes.length === 2 ? this._cframes[0].window.innerWidth + this._cframes[1].window.innerWidth : this._cframes[0].window.innerWidth) * window.devicePixelRatio / 4;
@@ -10094,7 +10091,7 @@ export {
   Gr as FXLPeripherals,
   jr as FXLSpreader,
   Ct as FrameComms,
-  Nr as FrameManager,
+  Fr as FrameManager,
   Dr as FramePoolManager,
   Wr as HorizontalThird,
   tn as Injector,
@@ -10130,7 +10127,7 @@ export {
   fr as ensureLessThanOrEqual,
   yr as ensureMoreThanOrEqual,
   v as ensureNonNegative,
-  F as ensureString,
+  N as ensureString,
   q as ensureValueInRange,
   Me as experiments,
   ot as filterRangeConfig,