@readium/navigator 2.4.0-beta.9 → 2.4.0

package/dist/index.js

@@ -56,15 +56,15 @@ const C = class C {
 };
 C.AUDITORY = new C("auditory"), C.CHART_ON_VISUAL = new C("chartOnVisual"), C.CHEM_ON_VISUAL = new C("chemOnVisual"), C.COLOR_DEPENDENT = new C("colorDependent"), C.DIAGRAM_ON_VISUAL = new C("diagramOnVisual"), C.MATH_ON_VISUAL = new C("mathOnVisual"), C.MUSIC_ON_VISUAL = new C("musicOnVisual"), C.TACTILE = new C("tactile"), C.TEXT_ON_VISUAL = new C("textOnVisual"), C.TEXTUAL = new C("textual"), C.VISUAL = new C("visual");
 let $e = C;
-const F = class F {
+const N = class N {
   constructor(t) {
     if (typeof t == "string") {
-      if (!F.VALID_MODES.has(t.toLowerCase()))
+      if (!N.VALID_MODES.has(t.toLowerCase()))
         return;
       this.value = t.toLowerCase();
     } else {
       const e = t.filter(
-        (i) => F.VALID_MODES.has(i.toLowerCase())
+        (i) => N.VALID_MODES.has(i.toLowerCase())
       );
       if (e.length === 0)
         return;
@@ -77,11 +77,11 @@ const F = class F {
   static deserialize(t) {
     if (!t) return;
     if (typeof t == "string")
-      return new F(t);
+      return new N(t);
     if (!Array.isArray(t)) return;
-    const e = t.filter((i) => i ? F.VALID_MODES.has(i.toLowerCase()) : !1);
+    const e = t.filter((i) => i ? N.VALID_MODES.has(i.toLowerCase()) : !1);
     if (e.length !== 0)
-      return new F(e);
+      return new N(e);
   }
   /**
    * Serializes a [PrimaryAccessMode] to its RWPM JSON representation.
@@ -90,8 +90,8 @@ const F = class F {
     return this.value;
   }
 };
-F.VALID_MODES = /* @__PURE__ */ new Set(["auditory", "tactile", "textual", "visual"]), F.AUDITORY = new F("auditory"), F.TACTILE = new F("tactile"), F.TEXTUAL = new F("textual"), F.VISUAL = new F("visual");
-let Xe = F;
+N.VALID_MODES = /* @__PURE__ */ new Set(["auditory", "tactile", "textual", "visual"]), N.AUDITORY = new N("auditory"), N.TACTILE = new N("tactile"), N.TEXTUAL = new N("textual"), N.VISUAL = new N("visual");
+let Xe = N;
 const f = class f {
   constructor(t) {
     this.value = t;
@@ -111,8 +111,8 @@ 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 Ut = f;
-const x = class x {
+let It = f;
+const R = class R {
   constructor(t) {
     this.value = t;
   }
@@ -121,7 +121,7 @@ const x = class x {
    */
   static deserialize(t) {
     if (!(!t || typeof t != "string"))
-      return new x(t);
+      return new R(t);
   }
   /**
    * Serializes a [Hazard] to its RWPM JSON representation.
@@ -130,8 +130,8 @@ const x = class x {
     return this.value;
   }
 };
-x.FLASHING = new x("flashing"), x.NO_FLASHING_HAZARD = new x("noFlashingHazard"), x.UNKNOWN_FLASHING_HAZARD = new x("unknownFlashingHazard"), x.MOTION_SIMULATION = new x("motionSimulation"), x.NO_MOTION_SIMULATION_HAZARD = new x("noMotionSimulationHazard"), x.UNKNOWN_MOTION_SIMULATION_HAZARD = new x("unknownMotionSimulationHazard"), x.SOUND = new x("sound"), x.NO_SOUND_HAZARD = new x("noSoundHazard"), x.UNKNOWN_SOUND_HAZARD = new x("unknownSoundHazard"), x.UNKNOWN = new x("unknown"), x.NONE = new x("none");
-let Ye = x;
+R.FLASHING = new R("flashing"), R.NO_FLASHING_HAZARD = new R("noFlashingHazard"), R.UNKNOWN_FLASHING_HAZARD = new R("unknownFlashingHazard"), R.MOTION_SIMULATION = new R("motionSimulation"), R.NO_MOTION_SIMULATION_HAZARD = new R("noMotionSimulationHazard"), R.UNKNOWN_MOTION_SIMULATION_HAZARD = new R("unknownMotionSimulationHazard"), R.SOUND = new R("sound"), R.NO_SOUND_HAZARD = new R("noSoundHazard"), R.UNKNOWN_SOUND_HAZARD = new R("unknownSoundHazard"), R.UNKNOWN = new R("unknown"), R.NONE = new R("none");
+let Ye = R;
 const L = class L {
   constructor(t) {
     this.value = t;
@@ -877,7 +877,7 @@ class at {
     return this.after !== void 0 && (t.after = this.after), this.before !== void 0 && (t.before = this.before), this.highlight !== void 0 && (t.highlight = this.highlight), t;
   }
 }
-class N {
+class F {
   /**
    * Creates a [Locator].
    */
@@ -889,7 +889,7 @@ class N {
    */
   static deserialize(t) {
     if (t && t.href && t.type)
-      return new N({
+      return new F({
         href: t.href,
         type: t.type,
         title: t.title,
@@ -908,7 +908,7 @@ class N {
    * Shortcut to get a copy of the [Locator] with different [Locations] sub-properties.
    */
   copyWithLocations(t) {
-    return new N({
+    return new F({
       href: this.href,
       type: this.type,
       title: this.title,
@@ -942,8 +942,8 @@ class j {
         duration: B(t.duration),
         bitrate: B(t.bitrate),
         languages: Di(t.language),
-        alternates: It.deserialize(t.alternate),
-        children: It.deserialize(t.children)
+        alternates: Ut.deserialize(t.alternate),
+        children: Ut.deserialize(t.children)
       });
   }
   /**
@@ -991,7 +991,7 @@ class j {
    */
   get locator() {
     let t = this.href.split("#");
-    return new N({
+    return new F({
       href: t.length > 0 && t[0] !== void 0 ? t[0] : this.href,
       type: this.type ?? "",
       title: this.title,
@@ -1001,7 +1001,7 @@ class j {
     });
   }
 }
-class It {
+class Ut {
   /**
    * Creates a [Links].
    */
@@ -1013,7 +1013,7 @@ class It {
    */
   static deserialize(t) {
     if (t && Array.isArray(t))
-      return new It(
+      return new Ut(
         t.map((e) => j.deserialize(e)).filter((e) => e !== void 0)
       );
   }
@@ -1343,11 +1343,11 @@ $.prototype.getAvailability = function() {
 $.prototype.getAuthenticate = function() {
   return j.deserialize(this.otherProperties.authenticate);
 };
-const xn = "CssSelectorGenerator";
+const Rn = "CssSelectorGenerator";
 function ei(s = "unknown problem", ...t) {
-  console.warn(`${xn}: ${s}`, ...t);
+  console.warn(`${Rn}: ${s}`, ...t);
 }
-function Rn(s) {
+function xn(s) {
   return s instanceof RegExp;
 }
 function Ln(s) {
@@ -1355,7 +1355,7 @@ function Ln(s) {
 }
 function kn(s) {
   const t = s.map((e) => {
-    if (Rn(e))
+    if (xn(e))
       return (i) => e.test(i);
     if (typeof e == "function")
       return (i) => {
@@ -1632,7 +1632,7 @@ function oi(s, t) {
     return { node: r, offset: o };
   throw new RangeError("No text nodes with non-whitespace text found in range");
 }
-function Nn(s) {
+function Fn(s) {
   if (!s.toString().trim().length)
     throw new RangeError("Range contains no non-whitespace text");
   if (s.startContainer.nodeType !== Node.TEXT_NODE)
@@ -1868,7 +1868,7 @@ class tt {
    * whitespace
    */
   static trimmedRange(t) {
-    return Nn(tt.fromRange(t).toRange());
+    return Fn(tt.fromRange(t).toRange());
   }
 }
 class Wt {
@@ -1941,7 +1941,7 @@ class Ht {
     return new Wt(this.root, i.start, i.end);
   }
 }
-function Fn(s) {
+function Nn(s) {
   const t = s.tagName.toUpperCase();
   return t === "IMG" || t === "VIDEO" || t === "AUDIO" || t === "IFRAME" || t === "OBJECT" || t === "EMBED" || t === "CANVAS";
 }
@@ -1970,7 +1970,7 @@ function ie(s, t) {
       }
       if (n) {
         const r = s.createRange();
-        return n.childNodes.length === 0 || Fn(n) ? (r.selectNode(n), r) : (r.setStartBefore(n), r.setEndAfter(n), r);
+        return n.childNodes.length === 0 || Nn(n) ? (r.selectNode(n), r) : (r.setStartBefore(n), r.setEndAfter(n), r);
       }
     }
   } catch (e) {
@@ -1978,7 +1978,7 @@ function ie(s, t) {
   }
   return null;
 }
-function Un(s, t) {
+function In(s, t) {
   let e = s.getClientRects();
   e.length || s.commonAncestorContainer.nodeType === Node.ELEMENT_NODE && (e = s.commonAncestorContainer.getClientRects());
   const i = 1, n = [];
@@ -2013,7 +2013,7 @@ function Gi(s, t, e) {
         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 && Xi(r, o, t)) {
-        const u = s.filter((y) => y !== r && y !== o), m = In(r, o);
+        const u = s.filter((y) => y !== r && y !== o), m = Un(r, o);
         return u.push(m), Gi(
           u,
           t
@@ -2022,7 +2022,7 @@ function Gi(s, t, e) {
     }
   return s;
 }
-function In(s, t) {
+function Un(s, t) {
   const e = Math.min(s.left, t.left), i = Math.max(s.right, t.right), n = Math.min(s.top, t.top), r = Math.max(s.bottom, t.bottom);
   return {
     bottom: r,
@@ -2141,24 +2141,24 @@ function Xi(s, t, e) {
 function V(s, t, e) {
   return Math.abs(s - t) <= e;
 }
-function Ne(s) {
+function Fe(s) {
   const t = {}, e = s.document.documentElement.style;
   for (const i in s.document.documentElement.style)
     Object.hasOwn(e, i) && !Number.isNaN(Number.parseInt(i)) && (t[e[i]] = e.getPropertyValue(e[i]));
   return t;
 }
 function Yi(s, t) {
-  const e = Ne(s);
+  const e = Fe(s);
   Object.keys(e).forEach((i) => {
     t.hasOwnProperty(i) || ne(s, i);
   }), Object.entries(t).forEach(([i, n]) => {
-    e[i] !== n && xt(s, i, n);
+    e[i] !== n && Rt(s, i, n);
   });
 }
 function le(s, t) {
   return s.document.documentElement.style.getPropertyValue(t);
 }
-function xt(s, t, e) {
+function Rt(s, t, e) {
   s.document.documentElement.style.setProperty(t, e);
 }
 function ne(s, t) {
@@ -2315,7 +2315,7 @@ class $n {
   }
   /**
    * Layouts a single DecorationItem.
-   * @param item 
+   * @param item
    */
   layout(t) {
     if (this.experimentalHighlights && !this.notTextFlag?.has(t.id))
@@ -2344,7 +2344,7 @@ class $n {
     const m = this.getCurrentDarkMode();
     u.innerHTML = `
         <div
-            data-readium="true" 
+            data-readium="true"
             class="readium-highlight"
             style="${[
       `background-color: ${t.decoration?.style?.tint ?? di} !important`,
@@ -2361,7 +2361,7 @@ class $n {
       const d = y.cloneNode(!0);
       d.style.setProperty("pointer-events", "none"), h(d, c, c), e.append(d);
     } else {
-      let d = Un(
+      let d = In(
         t.range
       );
       d = d.sort((p, b) => p.top < b.top ? -1 : p.top > b.top ? 1 : 0);
@@ -2430,7 +2430,7 @@ const Pt = class Pt extends bt {
   mount(t, e) {
     return this.wnd = t, e.register("decorate", Pt.moduleName, (i, n) => {
       const r = i;
-      r.decoration && r.decoration.locator && (r.decoration.locator = N.deserialize(r.decoration.locator)), this.groups.has(r.group) || this.groups.set(r.group, new $n(
+      r.decoration && r.decoration.locator && (r.decoration.locator = F.deserialize(r.decoration.locator)), this.groups.has(r.group) || this.groups.set(r.group, new $n(
         t,
         e,
         `readium-decoration-${this.lastGroupId++}`,
@@ -2497,7 +2497,7 @@ const pi = "readium-snapper-style", Et = class Et extends bt {
   }
 };
 Et.moduleName = "snapper";
-let Rt = Et;
+let xt = Et;
 function rt(s) {
   return s.document.body.dir.toLowerCase() === "rtl";
 }
@@ -2555,11 +2555,11 @@ const Yn = [
 function Zi(s) {
   return Yn.indexOf(s.nodeName.toLowerCase()) !== -1 || s.hasAttribute("contenteditable") && s.getAttribute("contenteditable")?.toLowerCase() !== "false" ? s : s.parentElement ? Zi(s.parentElement) : null;
 }
-function Fe(s, t) {
+function Ne(s, t) {
   const e = Ji(s, s.document.body, t), i = s._readium_cssSelectorGenerator.getCssSelector(e, {
     selectors: ["tag", "id", "class", "nthchild", "nthoftype", "attribute"]
   });
-  return new N({
+  return new F({
     href: "#",
     type: "application/xhtml+xml",
     locations: new E({
@@ -2634,7 +2634,7 @@ const Jn = {
   absoluteMaxChars: 5e3,
   historySize: 20
 };
-class Ue {
+class Ie {
   constructor(t = {}) {
     this.history = [], this.consistentScrollCount = 0, this.options = { ...Jn, ...t };
   }
@@ -2667,7 +2667,7 @@ class Ue {
     this.history = [], this.consistentScrollCount = 0;
   }
 }
-const fi = "readium-column-snapper-style", tr = 200, U = class U extends Rt {
+const fi = "readium-column-snapper-style", tr = 200, I = class I extends xt {
   constructor() {
     super(...arguments), this.isSnapProtectionEnabled = !1, this.patternAnalyzer = null, this.lastTurnTime = 0, this.shakeTimeout = 0, this.snappingCancelled = !1, this.alreadyScrollLeft = 0, this.overscroll = 0, this.cachedScrollWidth = 0, this.touchState = 0, this.startingX = void 0, this.endingX = void 0, this.onTouchStarter = this.onTouchStart.bind(this), this.onTouchEnder = this.onTouchEnd.bind(this), this.onWidthChanger = this.onWidthChange.bind(this), this.onTouchMover = this.onTouchMove.bind(this);
   }
@@ -2765,7 +2765,7 @@ const fi = "readium-column-snapper-style", tr = 200, U = class U extends Rt {
     i < 0 ? (this.overscroll = i, this.doc().style.transform = `translate3d(${-this.overscroll}px, 0px, 0px)`) : i + this.wnd.innerWidth > this.cachedScrollWidth ? (this.overscroll = i, this.doc().style.transform = `translate3d(${-i}px, 0px, 0px)`) : (this.overscroll = 0, this.doc().style.removeProperty("transform"), this.doc().scrollLeft = this.alreadyScrollLeft + e);
   }
   enableSnapProtection() {
-    this.patternAnalyzer || (this.patternAnalyzer = new Ue({
+    this.patternAnalyzer || (this.patternAnalyzer = new Ie({
       maxVelocity: this.wnd.innerWidth,
       // page width
       minVariance: 0.1,
@@ -2821,7 +2821,7 @@ const fi = "readium-column-snapper-style", tr = 200, U = class U extends Rt {
         * {
             scrollbar-width: none; /* for Firefox */
         }
-        
+
         body::-webkit-scrollbar {
             display: none; /* for Chrome, Safari, and Opera */
         }
@@ -2838,14 +2838,14 @@ const fi = "readium-column-snapper-style", tr = 200, U = class U extends Rt {
           }), this.onWidthChange());
         } else
           t.requestAnimationFrame(() => this.cachedScrollWidth = this.doc().scrollWidth);
-    }), t.frameElement && this.mutationObserver.observe(t.frameElement, { attributes: !0, attributeFilter: ["style"] }), this.mutationObserver.observe(t.document, { attributes: !0, attributeFilter: ["style"] }), this.mutationObserver.observe(t.document.documentElement, { attributes: !0, attributeFilter: ["style"] }), e.register("scroll_protection", U.moduleName, (r, o) => {
+    }), t.frameElement && this.mutationObserver.observe(t.frameElement, { attributes: !0, attributeFilter: ["style"] }), this.mutationObserver.observe(t.document, { attributes: !0, attributeFilter: ["style"] }), this.mutationObserver.observe(t.document.documentElement, { attributes: !0, attributeFilter: ["style"] }), e.register("scroll_protection", I.moduleName, (r, o) => {
       this.enableSnapProtection(), o(!0);
     });
     const n = (r) => {
       const o = this.doc().scrollLeft;
       return this.doc().scrollLeft = this.snapOffset(r), o !== this.doc().scrollLeft;
     };
-    return t.addEventListener("orientationchange", this.onWidthChanger), t.addEventListener("resize", this.onWidthChanger), t.requestAnimationFrame(() => this.cachedScrollWidth = this.doc().scrollWidth), e.register("go_progression", U.moduleName, (r, o) => {
+    return t.addEventListener("orientationchange", this.onWidthChanger), t.addEventListener("resize", this.onWidthChanger), t.requestAnimationFrame(() => this.cachedScrollWidth = this.doc().scrollWidth), e.register("go_progression", I.moduleName, (r, o) => {
       const a = r;
       if (a < 0 || a > 1) {
         e.send("error", {
@@ -2858,7 +2858,7 @@ const fi = "readium-column-snapper-style", tr = 200, U = class U extends Rt {
         const l = this.cachedScrollWidth, h = rt(t) ? -1 : 1, c = l * a * h;
         this.doc().scrollLeft = this.snapOffset(c), this.reportProgress(), z(this.wnd), o(!0);
       });
-    }), e.register("go_id", U.moduleName, (r, o) => {
+    }), e.register("go_id", I.moduleName, (r, o) => {
       const a = t.document.getElementById(r);
       if (!a) {
         o(!1);
@@ -2867,10 +2867,10 @@ const fi = "readium-column-snapper-style", tr = 200, U = class U extends Rt {
       this.wnd.requestAnimationFrame(() => {
         this.doc().scrollLeft = this.snapOffset(a.getBoundingClientRect().left + t.scrollX), this.reportProgress(), z(this.wnd), o(!0);
       });
-    }), e.register("go_text", U.moduleName, (r, o) => {
+    }), e.register("go_text", I.moduleName, (r, o) => {
       let a;
       Array.isArray(r) && (r.length > 1 && (a = r[1]), r = r[0]);
-      const l = at.deserialize(r), h = ie(this.wnd.document, new N({
+      const l = at.deserialize(r), h = ie(this.wnd.document, new F({
         href: t.location.href,
         type: "text/html",
         text: l,
@@ -2887,7 +2887,7 @@ const fi = "readium-column-snapper-style", tr = 200, U = class U extends Rt {
       this.wnd.requestAnimationFrame(() => {
         this.doc().scrollLeft = this.snapOffset(h.getBoundingClientRect().left + t.scrollX), this.reportProgress(), z(this.wnd), o(!0);
       });
-    }), e.register("go_end", U.moduleName, (r, o) => {
+    }), e.register("go_end", I.moduleName, (r, o) => {
       const a = rt(t) ? -1 : 1;
       this.wnd.requestAnimationFrame(() => {
         this.cachedScrollWidth = this.doc().scrollWidth;
@@ -2895,44 +2895,44 @@ const fi = "readium-column-snapper-style", tr = 200, U = class U extends Rt {
         if (this.doc().scrollLeft === l) return o(!1);
         this.doc().scrollLeft = this.snapOffset(l), this.reportProgress(), z(this.wnd), o(!0);
       });
-    }), e.register("go_start", U.moduleName, (r, o) => {
+    }), e.register("go_start", I.moduleName, (r, o) => {
       this.wnd.requestAnimationFrame(() => {
         if (this.doc().scrollLeft === 0) return o(!1);
         this.doc().scrollLeft = 0, this.reportProgress(), z(this.wnd), o(!0);
       });
-    }), e.register("go_prev", U.moduleName, (r, o) => {
+    }), e.register("go_prev", I.moduleName, (r, o) => {
       this.wnd.requestAnimationFrame(() => {
         this.cachedScrollWidth = this.doc().scrollWidth;
         const a = t.scrollX - t.innerWidth, l = rt(t) ? -(this.cachedScrollWidth - t.innerWidth) : 0, h = n(Math.max(a, l));
         h && (this.reportProgress(), z(this.wnd), this.checkSuspiciousSnap("left", this.wnd.innerWidth)), o(h);
       });
-    }), e.register("go_next", U.moduleName, (r, o) => {
+    }), e.register("go_next", I.moduleName, (r, o) => {
       this.wnd.requestAnimationFrame(() => {
         this.cachedScrollWidth = this.doc().scrollWidth;
         const a = t.scrollX + t.innerWidth, l = rt(t) ? 0 : this.cachedScrollWidth - t.innerWidth, h = n(Math.min(a, l));
         h && (this.reportProgress(), z(this.wnd), this.checkSuspiciousSnap("right", this.wnd.innerWidth)), o(h);
       });
-    }), e.register("unfocus", U.moduleName, (r, o) => {
+    }), e.register("unfocus", I.moduleName, (r, o) => {
       this.snappingCancelled = !0, z(this.wnd), o(!0);
-    }), e.register("shake", U.moduleName, (r, o) => {
+    }), e.register("shake", I.moduleName, (r, o) => {
       this.shake(), o(!0);
-    }), e.register("focus", U.moduleName, (r, o) => {
+    }), e.register("focus", I.moduleName, (r, o) => {
       this.wnd.requestAnimationFrame(() => {
         this.cachedScrollWidth = this.doc().scrollWidth, this.snapCurrentOffset(!1, !0), this.reportProgress(), o(!0);
       });
-    }), e.register("first_visible_locator", U.moduleName, (r, o) => {
-      const a = Fe(t, !1);
+    }), e.register("first_visible_locator", I.moduleName, (r, o) => {
+      const a = Ne(t, !1);
       this.comms.send("first_visible_locator", a.serialize()), o(!0);
     }), t.addEventListener("touchstart", this.onTouchStarter, { passive: !0 }), t.addEventListener("touchend", this.onTouchEnder, { passive: !0 }), t.addEventListener("touchmove", this.onTouchMover, { passive: !0 }), t.document.addEventListener("touchstart", () => {
     }), e.log("ColumnSnapper Mounted"), !0;
   }
   unmount(t, e) {
-    return this.snappingCancelled = !0, e.unregisterAll(U.moduleName), this.resizeObserver.disconnect(), this.mutationObserver.disconnect(), this.patternAnalyzer && (this.patternAnalyzer.clear(), this.patternAnalyzer = null, this.isSnapProtectionEnabled = !1), t.removeEventListener("touchstart", this.onTouchStarter), t.removeEventListener("touchend", this.onTouchEnder), t.removeEventListener("touchmove", this.onTouchMover), t.removeEventListener("orientationchange", this.onWidthChanger), t.removeEventListener("resize", this.onWidthChanger), t.document.getElementById(fi)?.remove(), e.log("ColumnSnapper Unmounted"), super.unmount(t, e);
+    return this.snappingCancelled = !0, e.unregisterAll(I.moduleName), this.resizeObserver.disconnect(), this.mutationObserver.disconnect(), this.patternAnalyzer && (this.patternAnalyzer.clear(), this.patternAnalyzer = null, this.isSnapProtectionEnabled = !1), t.removeEventListener("touchstart", this.onTouchStarter), t.removeEventListener("touchend", this.onTouchEnder), t.removeEventListener("touchmove", this.onTouchMover), t.removeEventListener("orientationchange", this.onWidthChanger), t.removeEventListener("resize", this.onWidthChanger), t.document.getElementById(fi)?.remove(), e.log("ColumnSnapper Unmounted"), super.unmount(t, e);
   }
 };
-U.moduleName = "column_snapper";
-let ve = U;
-const yi = "readium-scroll-snapper-style", W = class W extends Rt {
+I.moduleName = "column_snapper";
+let ve = I;
+const yi = "readium-scroll-snapper-style", W = class W extends xt {
   constructor() {
     super(...arguments), this.patternAnalyzer = null, this.lastScrollTime = 0, this.isScrollProtectionEnabled = !1, this.initialScrollHandled = !1, this.isScrolling = !1, this.lastScrollTop = 0, this.isResizing = !1, this.resizeDebounce = null, this.handleScroll = (t) => {
       if (this.comms.ready && !this.isResizing) {
@@ -2978,7 +2978,7 @@ const yi = "readium-scroll-snapper-style", W = class W extends Rt {
     });
   }
   enableScrollProtection() {
-    this.patternAnalyzer || (this.patternAnalyzer = new Ue(Qi), this.isScrollProtectionEnabled = !0, this.comms?.log("Scroll protection enabled"));
+    this.patternAnalyzer || (this.patternAnalyzer = new Ie(Qi), this.isScrollProtectionEnabled = !0, this.comms?.log("Scroll protection enabled"));
   }
   mount(t, e) {
     this.wnd = t, this.comms = e, this.initialScrollHandled = !1, this.lastScrollTop = 0, this.isResizing = !1, this.resizeDebounce && (this.wnd.clearTimeout(this.resizeDebounce), this.resizeDebounce = null), t.navigator.epubReadingSystem && (t.navigator.epubReadingSystem.layoutStyle = "scrolling");
@@ -2987,7 +2987,7 @@ const yi = "readium-scroll-snapper-style", W = class W extends Rt {
         * {
             scrollbar-width: none; /* for Firefox */
         }
-        
+
         body::-webkit-scrollbar {
             display: none; /* for Chrome, Safari, and Opera */
         }
@@ -3022,7 +3022,7 @@ const yi = "readium-scroll-snapper-style", W = class W extends Rt {
     }), e.register("go_text", W.moduleName, (n, r) => {
       let o;
       Array.isArray(n) && (n.length > 1 && (o = n[1]), n = n[0]);
-      const a = at.deserialize(n), l = ie(this.wnd.document, new N({
+      const a = at.deserialize(n), l = ie(this.wnd.document, new F({
         href: t.location.href,
         type: "text/html",
         text: a,
@@ -3055,7 +3055,7 @@ const yi = "readium-scroll-snapper-style", W = class W extends Rt {
     ], W.moduleName, (n, r) => r(!1)), e.register("focus", W.moduleName, (n, r) => {
       this.reportProgress(), r(!0);
     }), e.register("first_visible_locator", W.moduleName, (n, r) => {
-      const o = Fe(t, !0);
+      const o = Ne(t, !0);
       this.comms.send("first_visible_locator", o.serialize()), r(!0);
     }), e.log("ScrollSnapper Mounted"), !0;
   }
@@ -3065,7 +3065,7 @@ const yi = "readium-scroll-snapper-style", W = class W extends Rt {
 };
 W.moduleName = "scroll_snapper";
 let we = W;
-const H = class H extends Rt {
+const H = class H extends xt {
   constructor() {
     super(...arguments), this.patternAnalyzer = null, this.lastScrollTime = 0, this.isScrollProtectionEnabled = !1, this.initialScrollHandled = !1, this.isScrolling = !1, this.lastScrollTop = 0, this.isResizing = !1, this.resizeDebounce = null, this.handleScroll = (t) => {
       if (this.comms.ready && !this.isResizing) {
@@ -3111,7 +3111,7 @@ const H = class H extends Rt {
     });
   }
   enableScrollProtection() {
-    this.patternAnalyzer || (this.patternAnalyzer = new Ue(Qi), this.isScrollProtectionEnabled = !0, this.comms?.log("Scroll protection enabled"));
+    this.patternAnalyzer || (this.patternAnalyzer = new Ie(Qi), this.isScrollProtectionEnabled = !0, this.comms?.log("Scroll protection enabled"));
   }
   mount(t, e) {
     return this.wnd = t, this.comms = e, this.initialScrollHandled = !1, this.lastScrollTop = 0, this.isResizing = !1, this.resizeDebounce && (this.wnd.clearTimeout(this.resizeDebounce), this.resizeDebounce = null), this.resizeObserver = new ResizeObserver(() => {
@@ -3145,7 +3145,7 @@ const H = class H extends Rt {
     }), e.register("go_text", H.moduleName, (i, n) => {
       let r;
       Array.isArray(i) && (i.length > 1 && (r = i[1]), i = i[0]);
-      const o = at.deserialize(i), a = ie(this.wnd.document, new N({
+      const o = at.deserialize(i), a = ie(this.wnd.document, new F({
         href: t.location.href,
         type: "text/html",
         text: o,
@@ -3178,7 +3178,7 @@ const H = class H extends Rt {
     ], H.moduleName, (i, n) => n(!1)), e.register("focus", H.moduleName, (i, n) => {
       this.reportProgress(), n(!0);
     }), e.register("first_visible_locator", H.moduleName, (i, n) => {
-      const r = Fe(t, !0);
+      const r = Ne(t, !0);
       e.send("first_visible_locator", r.serialize()), n(!0);
     }), e.log("WebPubSnapper Mounted"), !0;
   }
@@ -3396,6 +3396,8 @@ const gt = class gt extends bt {
         }
       } else
         this.currentSelection = null;
+    }, this.onDragOver = (t) => {
+      this.isDragAndDropEnabled && (t.preventDefault(), t.stopPropagation());
     }, this.onDragStart = (t) => {
       if (this.isDragAndDropEnabled) {
         t.preventDefault();
@@ -3450,10 +3452,10 @@ const gt = class gt extends bt {
     !this.isContextMenuEnabled || !this.wnd || (this.wnd.document.removeEventListener("contextmenu", this.onContext), this.isContextMenuEnabled = !1);
   }
   addDragAndDropPrevention() {
-    this.isDragAndDropEnabled || !this.wnd || (this.wnd.document.addEventListener("dragstart", this.onDragStart), this.wnd.document.addEventListener("drop", this.onDrop), this.isDragAndDropEnabled = !0);
+    this.isDragAndDropEnabled || !this.wnd || (this.wnd.document.addEventListener("dragstart", this.onDragStart), this.wnd.document.addEventListener("dragover", this.onDragOver), this.wnd.document.addEventListener("drop", this.onDrop), this.isDragAndDropEnabled = !0);
   }
   removeDragAndDropPrevention() {
-    !this.isDragAndDropEnabled || !this.wnd || (this.wnd.document.removeEventListener("dragstart", this.onDragStart), this.wnd.document.removeEventListener("drop", this.onDrop), this.isDragAndDropEnabled = !1);
+    !this.isDragAndDropEnabled || !this.wnd || (this.wnd.document.removeEventListener("dragstart", this.onDragStart), this.wnd.document.removeEventListener("dragover", this.onDragOver), this.wnd.document.removeEventListener("drop", this.onDrop), this.isDragAndDropEnabled = !1);
   }
   enableKeyboardPeripherals(t = []) {
     this.disableKeyboardPeripherals();
@@ -3622,7 +3624,7 @@ const Ct = class Ct extends bt {
     ), Reflect.defineProperty(t.navigator, "epubReadingSystem", {
       value: {
         name: "readium-ts-toolkit",
-        version: "2.4.0-beta.9",
+        version: "2.4.0",
         hasFeature: (n, r = "") => {
           switch (n) {
             case "dom-manipulation":
@@ -3674,7 +3676,7 @@ let Bt = Ct;
 const Si = "readium-viewport", K = class K extends Bt {
   onViewportWidthChanged(t) {
     const e = t.target;
-    xt(e, "--RS__viewportWidth", `${e.innerWidth}px`);
+    Rt(e, "--RS__viewportWidth", `${e.innerWidth}px`);
   }
   mount(t, e) {
     if (!super.mount(t, e)) return !1;
@@ -3685,12 +3687,12 @@ const Si = "readium-viewport", K = class K extends Bt {
     ), t.document.head.appendChild(i), t.addEventListener("orientationchange", this.onViewportWidthChanged), t.addEventListener("resize", this.onViewportWidthChanged), this.onViewportWidthChanged({
       target: t
     }), e.register("get_properties", K.moduleName, (n, r) => {
-      Ne(t), r(!0);
+      Fe(t), r(!0);
     }), e.register("update_properties", K.moduleName, (n, r) => {
       n["--RS__viewportWidth"] = `${t.innerWidth}px`, Yi(t, n), r(!0);
     }), e.register("set_property", K.moduleName, (n, r) => {
       const o = n;
-      xt(t, o[0], o[1]), r(!0);
+      Rt(t, o[0], o[1]), r(!0);
     }), e.register("remove_property", K.moduleName, (n, r) => {
       ne(t, n), r(!0);
     }), e.register("activate", K.moduleName, (n, r) => {
@@ -3722,7 +3724,7 @@ const bi = "readium-fixed-style", X = class X extends Bt {
             /*cursor: var() TODO*/
         }`, t.document.head.appendChild(i), e.register("set_property", X.moduleName, (n, r) => {
       const o = n;
-      xt(t, o[0], o[1]), r(!0);
+      Rt(t, o[0], o[1]), r(!0);
     }), e.register("remove_property", X.moduleName, (n, r) => {
       ne(t, n), r(!0);
     }), e.register("first_visible_locator", X.moduleName, (n, r) => r(!1)), e.register("unfocus", X.moduleName, (n, r) => {
@@ -3761,12 +3763,12 @@ const Z = class Z extends bt {
       this.wndOnErr,
       !1
     ), e.register("get_properties", Z.moduleName, (i, n) => {
-      Ne(t), n(!0);
+      Fe(t), n(!0);
     }), e.register("update_properties", Z.moduleName, (i, n) => {
       Yi(t, i), n(!0);
     }), e.register("set_property", Z.moduleName, (i, n) => {
       const r = i;
-      xt(t, r[0], r[1]), n(!0);
+      Rt(t, r[0], r[1]), n(!0);
     }), e.register("remove_property", Z.moduleName, (i, n) => {
       ne(t, i), n(!0);
     }), e.register("activate", Z.moduleName, (i, n) => {
@@ -3778,7 +3780,7 @@ const Z = class Z extends bt {
   }
 };
 Z.moduleName = "webpub_setup";
-let xe = Z;
+let Re = Z;
 var it;
 let nr = (it = class extends bt {
   constructor() {
@@ -3838,7 +3840,7 @@ const rr = [
   // All modules go here
   Ce,
   Ee,
-  xe,
+  Re,
   _e,
   Pe,
   be,
@@ -4645,7 +4647,7 @@ var jt = vr();
 const wr = { description: "Attempts to filter out paragraphs that are implicitly headings or part of headers", scope: "RS", value: "readium-experimentalHeaderFiltering-on" }, _r = { description: "Attemps to filter out elements that are sized using viewport units and should not be scaled directly e.g. tables, images, iframes, etc.", scope: "RS", value: "readium-experimentalZoom-on" }, Pr = {
   experimentalHeaderFiltering: wr,
   experimentalZoom: _r
-}, Ie = Pr;
+}, Ue = Pr;
 var J = /* @__PURE__ */ ((s) => (s.start = "start", s.left = "left", s.right = "right", s.justify = "justify", s))(J || {});
 const ht = {
   range: [0, 100],
@@ -4733,7 +4735,7 @@ class Er extends re {
   toCSSProperties() {
     const t = {};
     return this.experiments && this.experiments.forEach((e) => {
-      t["--RS__" + e] = Ie[e].value;
+      t["--RS__" + e] = Ue[e].value;
     }), t;
   }
 }
@@ -4763,13 +4765,13 @@ class Cr {
     this.userProperties = new ln(e);
   }
 }
-function xr(s, t) {
+function Rr(s, t) {
   return s == null || t == null || s <= t ? s : void 0;
 }
-function Rr(s, t) {
+function xr(s, t) {
   return s == null || t == null || s >= t ? s : void 0;
 }
-function I(s) {
+function U(s) {
   return typeof s == "string" ? s : s === null ? null : void 0;
 }
 function P(s) {
@@ -4799,11 +4801,11 @@ function ue(s, t) {
 }
 function hn(s) {
   if (s !== void 0)
-    return s === null ? null : s.filter((t) => t in Ie);
+    return s === null ? null : s.filter((t) => t in Ue);
 }
 class kt {
   constructor(t = {}) {
-    this.fontFamily = I(t.fontFamily), this.fontWeight = M(t.fontWeight, nt.range), this.hyphens = P(t.hyphens), this.iOSPatch = P(t.iOSPatch), this.iPadOSPatch = P(t.iPadOSPatch), this.letterSpacing = w(t.letterSpacing), this.ligatures = P(t.ligatures), this.lineHeight = w(t.lineHeight), this.noRuby = P(t.noRuby), this.paragraphIndent = w(t.paragraphIndent), this.paragraphSpacing = w(t.paragraphSpacing), this.textAlign = se(t.textAlign, J), this.textNormalization = P(t.textNormalization), this.wordSpacing = w(t.wordSpacing), this.zoom = M(t.zoom, Jt.range);
+    this.fontFamily = U(t.fontFamily), this.fontWeight = M(t.fontWeight, nt.range), this.hyphens = P(t.hyphens), this.iOSPatch = P(t.iOSPatch), this.iPadOSPatch = P(t.iPadOSPatch), this.letterSpacing = w(t.letterSpacing), this.ligatures = P(t.ligatures), this.lineHeight = w(t.lineHeight), this.noRuby = P(t.noRuby), this.paragraphIndent = w(t.paragraphIndent), this.paragraphSpacing = w(t.paragraphSpacing), this.textAlign = se(t.textAlign, J), this.textNormalization = P(t.textNormalization), this.wordSpacing = w(t.wordSpacing), this.zoom = M(t.zoom, Jt.range);
   }
   static serialize(t) {
     const { ...e } = t;
@@ -4826,7 +4828,7 @@ class kt {
 }
 class Lr {
   constructor(t) {
-    this.fontFamily = I(t.fontFamily) || null, this.fontWeight = M(t.fontWeight, nt.range) || null, this.hyphens = P(t.hyphens) ?? null, this.iOSPatch = t.iOSPatch === !1 ? !1 : (T.OS.iOS || T.OS.iPadOS) && T.iOSRequest === "mobile", this.iPadOSPatch = t.iPadOSPatch === !1 ? !1 : T.OS.iPadOS && T.iOSRequest === "desktop", this.letterSpacing = w(t.letterSpacing) || null, this.ligatures = P(t.ligatures) ?? null, this.lineHeight = w(t.lineHeight) || null, this.noRuby = P(t.noRuby) ?? !1, this.paragraphIndent = w(t.paragraphIndent) ?? null, this.paragraphSpacing = w(t.paragraphSpacing) ?? null, this.textAlign = se(t.textAlign, J) || null, this.textNormalization = P(t.textNormalization) ?? !1, this.wordSpacing = w(t.wordSpacing) || null, this.zoom = M(t.zoom, Jt.range) || 1, this.experiments = hn(t.experiments) ?? null;
+    this.fontFamily = U(t.fontFamily) || null, this.fontWeight = M(t.fontWeight, nt.range) || null, this.hyphens = P(t.hyphens) ?? null, this.iOSPatch = t.iOSPatch === !1 ? !1 : (T.OS.iOS || T.OS.iPadOS) && T.iOSRequest === "mobile", this.iPadOSPatch = t.iPadOSPatch === !1 ? !1 : T.OS.iPadOS && T.iOSRequest === "desktop", this.letterSpacing = w(t.letterSpacing) || null, this.ligatures = P(t.ligatures) ?? null, this.lineHeight = w(t.lineHeight) || null, this.noRuby = P(t.noRuby) ?? !1, this.paragraphIndent = w(t.paragraphIndent) ?? null, this.paragraphSpacing = w(t.paragraphSpacing) ?? null, this.textAlign = se(t.textAlign, J) || null, this.textNormalization = P(t.textNormalization) ?? !1, this.wordSpacing = w(t.wordSpacing) || null, this.zoom = M(t.zoom, Jt.range) || 1, this.experiments = hn(t.experiments) ?? null;
   }
 }
 class _i {
@@ -4910,7 +4912,7 @@ class cn extends A {
     this._value = null;
   }
 }
-class R extends A {
+class x extends A {
   constructor({
     initialValue: t = null,
     effectiveValue: e,
@@ -4972,7 +4974,7 @@ class Pi {
   }
   get isDisplayTransformable() {
     return this.metadata?.accessibility?.feature?.some(
-      (t) => t.value === Ut.DISPLAY_TRANSFORMABILITY.value
+      (t) => t.value === It.DISPLAY_TRANSFORMABILITY.value
     ) ?? !1;
   }
   get fontFamily() {
@@ -4981,17 +4983,17 @@ class Pi {
       effectiveValue: this.settings.fontFamily || null,
       isEffective: this.isDisplayTransformable,
       onChange: (t) => {
-        this.updatePreference("fontFamily", t || null);
+        this.updatePreference("fontFamily", t ?? null);
       }
     });
   }
   get fontWeight() {
-    return new R({
+    return new x({
       initialValue: this.preferences.fontWeight,
       effectiveValue: this.settings.fontWeight || 400,
       isEffective: this.isDisplayTransformable,
       onChange: (t) => {
-        this.updatePreference("fontWeight", t || null);
+        this.updatePreference("fontWeight", t ?? null);
       },
       supportedRange: nt.range,
       step: nt.step
@@ -5003,7 +5005,7 @@ class Pi {
       effectiveValue: this.settings.hyphens || !1,
       isEffective: this.isDisplayTransformable,
       onChange: (t) => {
-        this.updatePreference("hyphens", t || null);
+        this.updatePreference("hyphens", t ?? null);
       }
     });
   }
@@ -5013,7 +5015,7 @@ class Pi {
       effectiveValue: this.settings.iOSPatch || !1,
       isEffective: !0,
       onChange: (t) => {
-        this.updatePreference("iOSPatch", t || null);
+        this.updatePreference("iOSPatch", t ?? null);
       }
     });
   }
@@ -5023,17 +5025,17 @@ class Pi {
       effectiveValue: this.settings.iPadOSPatch || !1,
       isEffective: !0,
       onChange: (t) => {
-        this.updatePreference("iPadOSPatch", t || null);
+        this.updatePreference("iPadOSPatch", t ?? null);
       }
     });
   }
   get letterSpacing() {
-    return new R({
+    return new x({
       initialValue: this.preferences.letterSpacing,
       effectiveValue: this.settings.letterSpacing || 0,
       isEffective: this.isDisplayTransformable,
       onChange: (t) => {
-        this.updatePreference("letterSpacing", t || null);
+        this.updatePreference("letterSpacing", t ?? null);
       },
       supportedRange: Xt.range,
       step: Xt.step
@@ -5045,17 +5047,17 @@ class Pi {
       effectiveValue: this.settings.ligatures || !0,
       isEffective: this.isDisplayTransformable,
       onChange: (t) => {
-        this.updatePreference("ligatures", t || null);
+        this.updatePreference("ligatures", t ?? null);
       }
     });
   }
   get lineHeight() {
-    return new R({
+    return new x({
       initialValue: this.preferences.lineHeight,
       effectiveValue: this.settings.lineHeight,
       isEffective: this.isDisplayTransformable,
       onChange: (t) => {
-        this.updatePreference("lineHeight", t || null);
+        this.updatePreference("lineHeight", t ?? null);
       },
       supportedRange: Yt.range,
       step: Yt.step
@@ -5067,29 +5069,29 @@ class Pi {
       effectiveValue: this.settings.noRuby || !1,
       isEffective: this.isDisplayTransformable,
       onChange: (t) => {
-        this.updatePreference("noRuby", t || null);
+        this.updatePreference("noRuby", t ?? null);
       }
     });
   }
   get paragraphIndent() {
-    return new R({
+    return new x({
       initialValue: this.preferences.paragraphIndent,
       effectiveValue: this.settings.paragraphIndent || 0,
       isEffective: this.isDisplayTransformable,
       onChange: (t) => {
-        this.updatePreference("paragraphIndent", t || null);
+        this.updatePreference("paragraphIndent", t ?? null);
       },
       supportedRange: qt.range,
       step: qt.step
     });
   }
   get paragraphSpacing() {
-    return new R({
+    return new x({
       initialValue: this.preferences.paragraphSpacing,
       effectiveValue: this.settings.paragraphSpacing || 0,
       isEffective: this.isDisplayTransformable,
       onChange: (t) => {
-        this.updatePreference("paragraphSpacing", t || null);
+        this.updatePreference("paragraphSpacing", t ?? null);
       },
       supportedRange: Kt.range,
       step: Kt.step
@@ -5101,7 +5103,7 @@ class Pi {
       effectiveValue: this.settings.textAlign || J.start,
       isEffective: this.isDisplayTransformable,
       onChange: (t) => {
-        this.updatePreference("textAlign", t || null);
+        this.updatePreference("textAlign", t ?? null);
       },
       supportedValues: Object.values(J)
     });
@@ -5112,29 +5114,29 @@ class Pi {
       effectiveValue: this.settings.textNormalization || !1,
       isEffective: this.isDisplayTransformable,
       onChange: (t) => {
-        this.updatePreference("textNormalization", t || null);
+        this.updatePreference("textNormalization", t ?? null);
       }
     });
   }
   get wordSpacing() {
-    return new R({
+    return new x({
       initialValue: this.preferences.wordSpacing,
       effectiveValue: this.settings.wordSpacing || 0,
       isEffective: this.isDisplayTransformable,
       onChange: (t) => {
-        this.updatePreference("wordSpacing", t || null);
+        this.updatePreference("wordSpacing", t ?? null);
       },
       supportedRange: Zt.range,
       step: Zt.step
     });
   }
   get zoom() {
-    return new R({
+    return new x({
       initialValue: this.preferences.zoom,
       effectiveValue: this.settings.zoom || 1,
       isEffective: CSS.supports("zoom", "1") ?? !1,
       onChange: (t) => {
-        this.updatePreference("zoom", t || null);
+        this.updatePreference("zoom", t ?? null);
       },
       supportedRange: Jt.range,
       step: Jt.step
@@ -5311,8 +5313,8 @@ class pn {
     }
   }
 }
-const yt = (s) => s.replace(/\/\/.*/g, "").replace(/\/\*[\s\S]*?\*\//g, "").replace(/\n/g, "").replace(/\s+/g, " "), Nt = (s) => s.replace(/\/\*(?:(?!\*\/)[\s\S])*\*\/|[\r\n\t]+/g, "").replace(/ {2,}/g, " "), Or = `/*!
- * Readium CSS v.2.0.0
+const yt = (s) => s.replace(/\/\/.*/g, "").replace(/\/\*[\s\S]*?\*\//g, "").replace(/\n/g, "").replace(/\s+/g, " "), Ft = (s) => s.replace(/\/\*(?:(?!\*\/)[\s\S])*\*\/|[\r\n\t]+/g, "").replace(/ {2,}/g, " "), Or = `/*!
+ * Readium CSS v.2.0.1
  * Copyright (c) 2017–2026. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
  * LICENSE file present in the project repository where this source code is maintained.
@@ -5465,8 +5467,7 @@ const yt = (s) => s.replace(/\/\/.*/g, "").replace(/\/\*[\s\S]*?\*\//g, "").repl
   text-indent:var(--USER__paraIndent) !important;
 }
 
-:root[style*="--USER__paraIndent"] p *,
-:root[style*="--USER__paraIndent"] p:first-letter{
+:root[style*="--USER__paraIndent"] p *{
   text-indent:0 !important;
 }
 
@@ -5633,7 +5634,7 @@ function Ar(s) {
       id: "readium-css-webpub",
       as: "link",
       target: "head",
-      blob: new Blob([Nt(Or)], { type: "text/css" }),
+      blob: new Blob([Ft(Or)], { type: "text/css" }),
       rel: "stylesheet"
     }
   ];
@@ -5678,10 +5679,10 @@ class zr {
   }
 }
 let Mr = 0;
-function Nr() {
+function Fr() {
   return ++Mr;
 }
-const Fr = `
+const Nr = `
 onmessage = function(event) {
   var action = event.data;
   var startTime = performance.now()
@@ -5702,7 +5703,7 @@ onmessage = function(event) {
     }, this.log = (...i) => this.send("log", ...i), this.table = (...i) => this.send("table", ...i), this.clear = (...i) => this.send("clear", ...i);
   }
   async send(t, ...e) {
-    const i = Nr();
+    const i = Fr();
     return new Promise((n, r) => {
       this.callbacks.set(i, n), this.worker.postMessage({
         id: i,
@@ -5717,14 +5718,14 @@ onmessage = function(event) {
     this.worker.terminate(), URL.revokeObjectURL(this.blobUrl);
   }
 };
-Ve.workerScript = Fr;
+Ve.workerScript = Nr;
 let ee = Ve;
 function De(s) {
   return typeof window < "u" && console ? console[s] : (...t) => {
   };
 }
-const Ur = De("log"), Ci = De("table"), Ir = De("clear");
-async function xi() {
+const Ir = De("log"), Ci = De("table"), Ur = De("clear");
+async function Ri() {
   if (typeof navigator < "u" && navigator.brave && navigator.brave.isBrave)
     try {
       return await Promise.race([
@@ -5801,7 +5802,7 @@ class Wr {
       return (await this.workerConsole.log(t)).time;
     {
       const e = performance.now();
-      return Ur(t), performance.now() - e;
+      return Ir(t), performance.now() - e;
     }
   }
   /**
@@ -5831,14 +5832,14 @@ class Wr {
     if (!this.isPerformanceDetectionEnabled())
       return !1;
     const t = await this.calcTablePrintTime(), e = Math.max(await this.calcLogPrintTime(), await this.calcLogPrintTime());
-    return this.maxPrintTime = Math.max(this.maxPrintTime, e), this.workerConsole ? await this.workerConsole.clear() : Ir(), t === 0 ? !1 : this.maxPrintTime === 0 ? !!await xi() : t > this.maxPrintTime * 10;
+    return this.maxPrintTime = Math.max(this.maxPrintTime, e), this.workerConsole ? await this.workerConsole.clear() : Ur(), t === 0 ? !1 : this.maxPrintTime === 0 ? !!await Ri() : t > this.maxPrintTime * 10;
   }
   /**
    * Debugger-based detection (fallback method)
    * WARNING: This method impacts user experience
    */
   async checkDebuggerBased() {
-    if (!this.isDebuggerDetectionEnabled() || await xi())
+    if (!this.isDebuggerDetectionEnabled() || await Ri())
       return !1;
     const t = performance.now();
     try {
@@ -6144,7 +6145,7 @@ class Gr extends rn {
   }
   get hasDisplayTransformability() {
     return this.pub.metadata?.accessibility?.feature?.some(
-      (t) => t.value === Ut.DISPLAY_TRANSFORMABILITY.value
+      (t) => t.value === It.DISPLAY_TRANSFORMABILITY.value
     ) ?? !1;
   }
   eventListener(t, e) {
@@ -6153,9 +6154,9 @@ class Gr extends rn {
         this.listeners.frameLoaded(this.framePool.currentFrames[0].iframe.contentWindow), this.listeners.positionChanged(this.currentLocation);
         break;
       case "first_visible_locator":
-        const i = N.deserialize(e);
+        const i = F.deserialize(e);
         if (!i) break;
-        this.currentLocation = new N({
+        this.currentLocation = new F({
           href: this.currentLocation.href,
           type: this.currentLocation.type,
           title: this.currentLocation.title,
@@ -6363,7 +6364,7 @@ class Gr extends rn {
     if (!e)
       throw new Error("No current resource available");
     const n = this.currentLocation && this.currentLocation.href === e.href && this.currentLocation.locations.progression ? this.currentLocation.locations.progression : 0;
-    return this.pub.manifest.locatorFromLink(e) || new N({
+    return this.pub.manifest.locatorFromLink(e) || new F({
       href: e.href,
       type: e.type || "text/html",
       locations: new E({
@@ -6558,7 +6559,7 @@ class Xr {
     return this.loader;
   }
 }
-const Ri = 5, Li = 3;
+const xi = 5, Li = 3;
 class Yr {
   constructor(t, e, i, n, r, o) {
     this.pool = /* @__PURE__ */ new Map(), this.blobs = /* @__PURE__ */ new Map(), this.inprogress = /* @__PURE__ */ new Map(), this.pendingUpdates = /* @__PURE__ */ new Map(), this.injector = null, this.container = t, this.positions = e, this.currentCssProperties = i, this.injector = n ?? null, this.contentProtectionConfig = r || {}, this.keyboardPeripheralsConfig = o || [];
@@ -6586,7 +6587,7 @@ class Yr {
     const a = new Promise(async (l, h) => {
       const c = [], u = [];
       this.positions.forEach((d, p) => {
-        (p > r + Ri || p < r - Ri) && (c.includes(d.href) || c.push(d.href)), p < r + Li && p > r - Li && (u.includes(d.href) || u.push(d.href));
+        (p > r + xi || p < r - xi) && (c.includes(d.href) || c.push(d.href)), p < r + Li && p > r - Li && (u.includes(d.href) || u.push(d.href));
       }), c.forEach(async (d) => {
         u.includes(d) || this.pool.has(d) && (await this.pool.get(d)?.destroy(), this.pool.delete(d), this.pendingUpdates.has(d) && this.pendingUpdates.set(d, { inPool: !1 }));
       }), this.currentBaseURL !== void 0 && t.baseURL !== this.currentBaseURL && (this.blobs.forEach((d) => {
@@ -7130,7 +7131,7 @@ Overscroll: ${this.pan.overscrollX.toFixed(2)},${this.pan.overscrollY.toFixed(2)
     t > 0 && e > this.manager.threshold && this.manager.slength > this.manager.perPage ? this.manager.listener("no_less", void 0) : t < 0 && e > this.manager.threshold && this.manager.slength > this.manager.perPage && this.manager.listener("no_more", void 0), this.manager.slideToCurrent(!0, !0);
   }
 }
-var Re = /* @__PURE__ */ ((s) => (s.auto = "auto", s.landscape = "landscape", s.portrait = "portrait", s))(Re || {}), Le = /* @__PURE__ */ ((s) => (s.auto = "auto", s.both = "both", s.none = "none", s.landscape = "landscape", s))(Le || {});
+var xe = /* @__PURE__ */ ((s) => (s.auto = "auto", s.landscape = "landscape", s.portrait = "portrait", s))(xe || {}), Le = /* @__PURE__ */ ((s) => (s.auto = "auto", s.both = "both", s.none = "none", s.landscape = "landscape", s))(Le || {});
 class es {
   // TODO getter
   constructor(t) {
@@ -7183,7 +7184,7 @@ class as {
       throw Error("Unsupported reading progression for EPUB");
     this.spreader = new es(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 ts(this), this.pub.readingOrder.items.forEach((a) => {
       const l = new qr(this.peripherals, this.pub.metadata.effectiveReadingProgression, a.href, this.contentProtectionConfig, this.keyboardPeripheralsConfig);
-      this.spineElement.appendChild(l.element), this.pool.set(a.href, l), l.width = 100 / this.length * (a.properties?.otherProperties.orientation === Re.landscape || a.properties?.otherProperties.addBlank ? this.perPage : 1), l.height = this.height;
+      this.spineElement.appendChild(l.element), this.pool.set(a.href, l), l.width = 100 / this.length * (a.properties?.otherProperties.orientation === xe.landscape || a.properties?.otherProperties.addBlank ? this.perPage : 1), l.height = this.height;
     });
   }
   set listener(t) {
@@ -7203,7 +7204,7 @@ class as {
       this.pool.forEach((i, n) => {
         let r = this.pub.readingOrder.items.findIndex((l) => l.href === n);
         const o = this.pub.readingOrder.items[r];
-        if (i.width = 100 / this.length * (o.properties?.otherProperties.orientation === Re.landscape || o.properties?.otherProperties.addBlank ? this.perPage : 1), i.height = this.height, !i.loaded) return;
+        if (i.width = 100 / this.length * (o.properties?.otherProperties.orientation === xe.landscape || o.properties?.otherProperties.addBlank ? this.perPage : 1), i.height = this.height, !i.loaded) return;
         const a = this.spreader.findByLink(o);
         i.update(this.spreadPosition(a, o));
       });
@@ -7499,7 +7500,7 @@ class as {
 }
 class Ot {
   constructor(t = {}) {
-    this.backgroundColor = I(t.backgroundColor), this.blendFilter = P(t.blendFilter), this.constraint = w(t.constraint), this.columnCount = w(t.columnCount), this.darkenFilter = ft(t.darkenFilter), this.deprecatedFontSize = P(t.deprecatedFontSize), this.fontFamily = I(t.fontFamily), this.fontSize = M(t.fontSize, Gt.range), this.fontSizeNormalize = P(t.fontSizeNormalize), this.fontOpticalSizing = P(t.fontOpticalSizing), this.fontWeight = M(t.fontWeight, nt.range), this.fontWidth = M(t.fontWidth, $t.range), this.hyphens = P(t.hyphens), this.invertFilter = ft(t.invertFilter), this.invertGaijiFilter = ft(t.invertGaijiFilter), this.iOSPatch = P(t.iOSPatch), this.iPadOSPatch = P(t.iPadOSPatch), this.letterSpacing = w(t.letterSpacing), this.ligatures = P(t.ligatures), this.lineHeight = w(t.lineHeight), this.linkColor = I(t.linkColor), this.noRuby = P(t.noRuby), this.pageGutter = w(t.pageGutter), this.paragraphIndent = w(t.paragraphIndent), this.paragraphSpacing = w(t.paragraphSpacing), this.scroll = P(t.scroll), this.scrollPaddingTop = w(t.scrollPaddingTop), this.scrollPaddingBottom = w(t.scrollPaddingBottom), this.scrollPaddingLeft = w(t.scrollPaddingLeft), this.scrollPaddingRight = w(t.scrollPaddingRight), this.selectionBackgroundColor = I(t.selectionBackgroundColor), this.selectionTextColor = I(t.selectionTextColor), this.textAlign = se(t.textAlign, J), this.textColor = I(t.textColor), this.textNormalization = P(t.textNormalization), this.visitedColor = I(t.visitedColor), this.wordSpacing = w(t.wordSpacing), this.optimalLineLength = w(t.optimalLineLength), this.maximalLineLength = w(t.maximalLineLength), this.minimalLineLength = w(t.minimalLineLength);
+    this.backgroundColor = U(t.backgroundColor), this.blendFilter = P(t.blendFilter), this.constraint = w(t.constraint), this.columnCount = w(t.columnCount), this.darkenFilter = ft(t.darkenFilter), this.deprecatedFontSize = P(t.deprecatedFontSize), this.fontFamily = U(t.fontFamily), this.fontSize = M(t.fontSize, Gt.range), this.fontSizeNormalize = P(t.fontSizeNormalize), this.fontOpticalSizing = P(t.fontOpticalSizing), this.fontWeight = M(t.fontWeight, nt.range), this.fontWidth = M(t.fontWidth, $t.range), this.hyphens = P(t.hyphens), this.invertFilter = ft(t.invertFilter), this.invertGaijiFilter = ft(t.invertGaijiFilter), this.iOSPatch = P(t.iOSPatch), this.iPadOSPatch = P(t.iPadOSPatch), this.letterSpacing = w(t.letterSpacing), this.ligatures = P(t.ligatures), this.lineHeight = w(t.lineHeight), this.linkColor = U(t.linkColor), this.noRuby = P(t.noRuby), this.pageGutter = w(t.pageGutter), this.paragraphIndent = w(t.paragraphIndent), this.paragraphSpacing = w(t.paragraphSpacing), this.scroll = P(t.scroll), this.scrollPaddingTop = w(t.scrollPaddingTop), this.scrollPaddingBottom = w(t.scrollPaddingBottom), this.scrollPaddingLeft = w(t.scrollPaddingLeft), this.scrollPaddingRight = w(t.scrollPaddingRight), this.selectionBackgroundColor = U(t.selectionBackgroundColor), this.selectionTextColor = U(t.selectionTextColor), this.textAlign = se(t.textAlign, J), this.textColor = U(t.textColor), this.textNormalization = P(t.textNormalization), this.visitedColor = U(t.visitedColor), this.wordSpacing = w(t.wordSpacing), this.optimalLineLength = w(t.optimalLineLength), this.maximalLineLength = w(t.maximalLineLength), this.minimalLineLength = w(t.minimalLineLength);
   }
   static serialize(t) {
     const { ...e } = t;
@@ -7522,7 +7523,7 @@ class Ot {
 }
 class ls {
   constructor(t) {
-    this.backgroundColor = I(t.backgroundColor) || null, this.blendFilter = P(t.blendFilter) ?? !1, this.constraint = w(t.constraint) || 0, this.columnCount = w(t.columnCount) || null, this.darkenFilter = ft(t.darkenFilter) ?? !1, this.deprecatedFontSize = P(t.deprecatedFontSize), (this.deprecatedFontSize === !1 || this.deprecatedFontSize === null) && (this.deprecatedFontSize = !CSS.supports("zoom", "1")), this.fontFamily = I(t.fontFamily) || null, this.fontSize = M(t.fontSize, Gt.range) || 1, this.fontSizeNormalize = P(t.fontSizeNormalize) ?? !1, this.fontOpticalSizing = P(t.fontOpticalSizing) ?? null, this.fontWeight = M(t.fontWeight, nt.range) || null, this.fontWidth = M(t.fontWidth, $t.range) || null, this.hyphens = P(t.hyphens) ?? null, this.invertFilter = ft(t.invertFilter) ?? !1, this.invertGaijiFilter = ft(t.invertGaijiFilter) ?? !1, this.iOSPatch = t.iOSPatch === !1 ? !1 : (T.OS.iOS || T.OS.iPadOS) && T.iOSRequest === "mobile", this.iPadOSPatch = t.iPadOSPatch === !1 ? !1 : T.OS.iPadOS && T.iOSRequest === "desktop", this.letterSpacing = w(t.letterSpacing) || null, this.ligatures = P(t.ligatures) ?? null, this.lineHeight = w(t.lineHeight) || null, this.linkColor = I(t.linkColor) || null, this.noRuby = P(t.noRuby) ?? !1, this.pageGutter = ue(w(t.pageGutter), 20), this.paragraphIndent = w(t.paragraphIndent) ?? null, this.paragraphSpacing = w(t.paragraphSpacing) ?? null, this.scroll = P(t.scroll) ?? !1, this.scrollPaddingTop = w(t.scrollPaddingTop) ?? null, this.scrollPaddingBottom = w(t.scrollPaddingBottom) ?? null, this.scrollPaddingLeft = w(t.scrollPaddingLeft) ?? null, this.scrollPaddingRight = w(t.scrollPaddingRight) ?? null, this.selectionBackgroundColor = I(t.selectionBackgroundColor) || null, this.selectionTextColor = I(t.selectionTextColor) || null, this.textAlign = se(t.textAlign, J) || null, this.textColor = I(t.textColor) || null, this.textNormalization = P(t.textNormalization) ?? !1, this.visitedColor = I(t.visitedColor) || null, this.wordSpacing = w(t.wordSpacing) || null, this.optimalLineLength = w(t.optimalLineLength) || 65, this.maximalLineLength = ue(Rr(t.maximalLineLength, this.optimalLineLength), 80), this.minimalLineLength = ue(xr(t.minimalLineLength, this.optimalLineLength), 40), this.experiments = hn(t.experiments) || null;
+    this.backgroundColor = U(t.backgroundColor) || null, this.blendFilter = P(t.blendFilter) ?? !1, this.constraint = w(t.constraint) || 0, this.columnCount = w(t.columnCount) || null, this.darkenFilter = ft(t.darkenFilter) ?? !1, this.deprecatedFontSize = P(t.deprecatedFontSize), (this.deprecatedFontSize === !1 || this.deprecatedFontSize === null) && (this.deprecatedFontSize = !CSS.supports("zoom", "1")), this.fontFamily = U(t.fontFamily) || null, this.fontSize = M(t.fontSize, Gt.range) || 1, this.fontSizeNormalize = P(t.fontSizeNormalize) ?? !1, this.fontOpticalSizing = P(t.fontOpticalSizing) ?? null, this.fontWeight = M(t.fontWeight, nt.range) || null, this.fontWidth = M(t.fontWidth, $t.range) || null, this.hyphens = P(t.hyphens) ?? null, this.invertFilter = ft(t.invertFilter) ?? !1, this.invertGaijiFilter = ft(t.invertGaijiFilter) ?? !1, this.iOSPatch = t.iOSPatch === !1 ? !1 : (T.OS.iOS || T.OS.iPadOS) && T.iOSRequest === "mobile", this.iPadOSPatch = t.iPadOSPatch === !1 ? !1 : T.OS.iPadOS && T.iOSRequest === "desktop", this.letterSpacing = w(t.letterSpacing) || null, this.ligatures = P(t.ligatures) ?? null, this.lineHeight = w(t.lineHeight) || null, this.linkColor = U(t.linkColor) || null, this.noRuby = P(t.noRuby) ?? !1, this.pageGutter = ue(w(t.pageGutter), 20), this.paragraphIndent = w(t.paragraphIndent) ?? null, this.paragraphSpacing = w(t.paragraphSpacing) ?? null, this.scroll = P(t.scroll) ?? !1, this.scrollPaddingTop = w(t.scrollPaddingTop) ?? null, this.scrollPaddingBottom = w(t.scrollPaddingBottom) ?? null, this.scrollPaddingLeft = w(t.scrollPaddingLeft) ?? null, this.scrollPaddingRight = w(t.scrollPaddingRight) ?? null, this.selectionBackgroundColor = U(t.selectionBackgroundColor) || null, this.selectionTextColor = U(t.selectionTextColor) || null, this.textAlign = se(t.textAlign, J) || null, this.textColor = U(t.textColor) || null, this.textNormalization = P(t.textNormalization) ?? !1, this.visitedColor = U(t.visitedColor) || null, this.wordSpacing = w(t.wordSpacing) || null, this.optimalLineLength = w(t.optimalLineLength) || 65, this.maximalLineLength = ue(xr(t.maximalLineLength, this.optimalLineLength), 80), this.minimalLineLength = ue(Rr(t.minimalLineLength, this.optimalLineLength), 40), this.experiments = hn(t.experiments) || null;
   }
 }
 const hs = "#FFFFFF", cs = "#121212", ds = "#0000EE", us = "#551A8B", ps = "#b4d8fe", ms = "inherit", dt = {
@@ -7549,7 +7550,7 @@ class zi {
       effectiveValue: this.settings.backgroundColor || dt.RS__backgroundColor,
       isEffective: this.preferences.backgroundColor !== null,
       onChange: (t) => {
-        this.updatePreference("backgroundColor", t || null);
+        this.updatePreference("backgroundColor", t ?? null);
       }
     });
   }
@@ -7559,7 +7560,7 @@ class zi {
       effectiveValue: this.settings.blendFilter || !1,
       isEffective: this.preferences.blendFilter !== null,
       onChange: (t) => {
-        this.updatePreference("blendFilter", t || null);
+        this.updatePreference("blendFilter", t ?? null);
       }
     });
   }
@@ -7569,7 +7570,7 @@ class zi {
       effectiveValue: this.settings.columnCount || null,
       isEffective: this.layout !== S.fixed && !this.settings.scroll,
       onChange: (t) => {
-        this.updatePreference("columnCount", t || null);
+        this.updatePreference("columnCount", t ?? null);
       }
     });
   }
@@ -7579,17 +7580,17 @@ class zi {
       effectiveValue: this.preferences.constraint || 0,
       isEffective: !0,
       onChange: (t) => {
-        this.updatePreference("constraint", t || null);
+        this.updatePreference("constraint", t ?? null);
       }
     });
   }
   get darkenFilter() {
-    return new R({
+    return new x({
       initialValue: typeof this.preferences.darkenFilter == "boolean" ? 100 : this.preferences.darkenFilter,
       effectiveValue: typeof this.settings.darkenFilter == "boolean" ? 100 : this.settings.darkenFilter || 0,
       isEffective: this.settings.darkenFilter !== null,
       onChange: (t) => {
-        this.updatePreference("darkenFilter", t || null);
+        this.updatePreference("darkenFilter", t ?? null);
       },
       supportedRange: ht.range,
       step: ht.step
@@ -7601,7 +7602,7 @@ class zi {
       effectiveValue: CSS.supports("zoom", "1") ? this.settings.deprecatedFontSize || !1 : !0,
       isEffective: this.layout !== S.fixed,
       onChange: (t) => {
-        this.updatePreference("deprecatedFontSize", t || null);
+        this.updatePreference("deprecatedFontSize", t ?? null);
       }
     });
   }
@@ -7611,17 +7612,17 @@ class zi {
       effectiveValue: this.settings.fontFamily || null,
       isEffective: this.layout !== S.fixed,
       onChange: (t) => {
-        this.updatePreference("fontFamily", t || null);
+        this.updatePreference("fontFamily", t ?? null);
       }
     });
   }
   get fontSize() {
-    return new R({
+    return new x({
       initialValue: this.preferences.fontSize,
       effectiveValue: this.settings.fontSize || 1,
       isEffective: this.layout !== S.fixed,
       onChange: (t) => {
-        this.updatePreference("fontSize", t || null);
+        this.updatePreference("fontSize", t ?? null);
       },
       supportedRange: Gt.range,
       step: Gt.step
@@ -7633,7 +7634,7 @@ class zi {
       effectiveValue: this.settings.fontSizeNormalize || !1,
       isEffective: this.layout !== S.fixed && this.preferences.fontSizeNormalize !== null,
       onChange: (t) => {
-        this.updatePreference("fontSizeNormalize", t || null);
+        this.updatePreference("fontSizeNormalize", t ?? null);
       }
     });
   }
@@ -7643,29 +7644,29 @@ class zi {
       effectiveValue: this.settings.fontOpticalSizing || !0,
       isEffective: this.layout !== S.fixed && this.preferences.fontOpticalSizing !== null,
       onChange: (t) => {
-        this.updatePreference("fontOpticalSizing", t || null);
+        this.updatePreference("fontOpticalSizing", t ?? null);
       }
     });
   }
   get fontWeight() {
-    return new R({
+    return new x({
       initialValue: this.preferences.fontWeight,
       effectiveValue: this.settings.fontWeight || 400,
       isEffective: this.layout !== S.fixed && this.preferences.fontWeight !== null,
       onChange: (t) => {
-        this.updatePreference("fontWeight", t || null);
+        this.updatePreference("fontWeight", t ?? null);
       },
       supportedRange: nt.range,
       step: nt.step
     });
   }
   get fontWidth() {
-    return new R({
+    return new x({
       initialValue: this.preferences.fontWidth,
       effectiveValue: this.settings.fontWidth || 100,
       isEffective: this.layout !== S.fixed && this.preferences.fontWidth !== null,
       onChange: (t) => {
-        this.updatePreference("fontWidth", t || null);
+        this.updatePreference("fontWidth", t ?? null);
       },
       supportedRange: $t.range,
       step: $t.step
@@ -7677,29 +7678,29 @@ class zi {
       effectiveValue: this.settings.hyphens || !1,
       isEffective: this.layout !== S.fixed && this.metadata?.effectiveReadingProgression === D.ltr && this.preferences.hyphens !== null,
       onChange: (t) => {
-        this.updatePreference("hyphens", t || null);
+        this.updatePreference("hyphens", t ?? null);
       }
     });
   }
   get invertFilter() {
-    return new R({
+    return new x({
       initialValue: typeof this.preferences.invertFilter == "boolean" ? 100 : this.preferences.invertFilter,
       effectiveValue: typeof this.settings.invertFilter == "boolean" ? 100 : this.settings.invertFilter || 0,
       isEffective: this.settings.invertFilter !== null,
       onChange: (t) => {
-        this.updatePreference("invertFilter", t || null);
+        this.updatePreference("invertFilter", t ?? null);
       },
       supportedRange: ht.range,
       step: ht.step
     });
   }
   get invertGaijiFilter() {
-    return new R({
+    return new x({
       initialValue: typeof this.preferences.invertGaijiFilter == "boolean" ? 100 : this.preferences.invertGaijiFilter,
       effectiveValue: typeof this.settings.invertGaijiFilter == "boolean" ? 100 : this.settings.invertGaijiFilter || 0,
       isEffective: this.preferences.invertGaijiFilter !== null,
       onChange: (t) => {
-        this.updatePreference("invertGaijiFilter", t || null);
+        this.updatePreference("invertGaijiFilter", t ?? null);
       },
       supportedRange: ht.range,
       step: ht.step
@@ -7711,7 +7712,7 @@ class zi {
       effectiveValue: this.settings.iOSPatch || !1,
       isEffective: this.layout !== S.fixed,
       onChange: (t) => {
-        this.updatePreference("iOSPatch", t || null);
+        this.updatePreference("iOSPatch", t ?? null);
       }
     });
   }
@@ -7721,17 +7722,17 @@ class zi {
       effectiveValue: this.settings.iPadOSPatch || !1,
       isEffective: this.layout !== S.fixed,
       onChange: (t) => {
-        this.updatePreference("iPadOSPatch", t || null);
+        this.updatePreference("iPadOSPatch", t ?? null);
       }
     });
   }
   get letterSpacing() {
-    return new R({
+    return new x({
       initialValue: this.preferences.letterSpacing,
       effectiveValue: this.settings.letterSpacing || 0,
       isEffective: this.layout !== S.fixed && this.preferences.letterSpacing !== null,
       onChange: (t) => {
-        this.updatePreference("letterSpacing", t || null);
+        this.updatePreference("letterSpacing", t ?? null);
       },
       supportedRange: Xt.range,
       step: Xt.step
@@ -7748,17 +7749,17 @@ class zi {
         return !(t && ["zh", "ja", "ko", "mn-mong"].some((e) => t.startsWith(e)));
       })(),
       onChange: (t) => {
-        this.updatePreference("ligatures", t || null);
+        this.updatePreference("ligatures", t ?? null);
       }
     });
   }
   get lineHeight() {
-    return new R({
+    return new x({
       initialValue: this.preferences.lineHeight,
       effectiveValue: this.settings.lineHeight,
       isEffective: this.layout !== S.fixed && this.preferences.lineHeight !== null,
       onChange: (t) => {
-        this.updatePreference("lineHeight", t || null);
+        this.updatePreference("lineHeight", t ?? null);
       },
       supportedRange: Yt.range,
       step: Yt.step
@@ -7770,12 +7771,12 @@ class zi {
       effectiveValue: this.settings.linkColor || dt.RS__linkColor,
       isEffective: this.layout !== S.fixed && this.preferences.linkColor !== null,
       onChange: (t) => {
-        this.updatePreference("linkColor", t || null);
+        this.updatePreference("linkColor", t ?? null);
       }
     });
   }
   get maximalLineLength() {
-    return new R({
+    return new x({
       initialValue: this.preferences.maximalLineLength,
       effectiveValue: this.settings.maximalLineLength,
       isEffective: this.layout !== S.fixed,
@@ -7787,7 +7788,7 @@ class zi {
     });
   }
   get minimalLineLength() {
-    return new R({
+    return new x({
       initialValue: this.preferences.minimalLineLength,
       effectiveValue: this.settings.minimalLineLength,
       isEffective: this.layout !== S.fixed,
@@ -7804,12 +7805,12 @@ class zi {
       effectiveValue: this.settings.noRuby || !1,
       isEffective: this.layout !== S.fixed && this.metadata?.languages?.includes("ja") || !1,
       onChange: (t) => {
-        this.updatePreference("noRuby", t || null);
+        this.updatePreference("noRuby", t ?? null);
       }
     });
   }
   get optimalLineLength() {
-    return new R({
+    return new x({
       initialValue: this.preferences.optimalLineLength,
       effectiveValue: this.settings.optimalLineLength,
       isEffective: this.layout !== S.fixed,
@@ -7826,29 +7827,29 @@ class zi {
       effectiveValue: this.settings.pageGutter,
       isEffective: this.layout !== S.fixed && !this.settings.scroll,
       onChange: (t) => {
-        this.updatePreference("pageGutter", t || null);
+        this.updatePreference("pageGutter", t ?? null);
       }
     });
   }
   get paragraphIndent() {
-    return new R({
+    return new x({
       initialValue: this.preferences.paragraphIndent,
       effectiveValue: this.settings.paragraphIndent || 0,
       isEffective: this.layout !== S.fixed && this.preferences.paragraphIndent !== null,
       onChange: (t) => {
-        this.updatePreference("paragraphIndent", t || null);
+        this.updatePreference("paragraphIndent", t ?? null);
       },
       supportedRange: qt.range,
       step: qt.step
     });
   }
   get paragraphSpacing() {
-    return new R({
+    return new x({
       initialValue: this.preferences.paragraphSpacing,
       effectiveValue: this.settings.paragraphSpacing || 0,
       isEffective: this.layout !== S.fixed && this.preferences.paragraphSpacing !== null,
       onChange: (t) => {
-        this.updatePreference("paragraphSpacing", t || null);
+        this.updatePreference("paragraphSpacing", t ?? null);
       },
       supportedRange: Kt.range,
       step: Kt.step
@@ -7860,7 +7861,7 @@ class zi {
       effectiveValue: this.settings.scroll || !1,
       isEffective: this.layout !== S.fixed,
       onChange: (t) => {
-        this.updatePreference("scroll", t || null);
+        this.updatePreference("scroll", t ?? null);
       }
     });
   }
@@ -7870,7 +7871,7 @@ class zi {
       effectiveValue: this.settings.scrollPaddingTop || 0,
       isEffective: this.layout !== S.fixed && !!this.settings.scroll && this.preferences.scrollPaddingTop !== null,
       onChange: (t) => {
-        this.updatePreference("scrollPaddingTop", t || null);
+        this.updatePreference("scrollPaddingTop", t ?? null);
       }
     });
   }
@@ -7880,7 +7881,7 @@ class zi {
       effectiveValue: this.settings.scrollPaddingBottom || 0,
       isEffective: this.layout !== S.fixed && !!this.settings.scroll && this.preferences.scrollPaddingBottom !== null,
       onChange: (t) => {
-        this.updatePreference("scrollPaddingBottom", t || null);
+        this.updatePreference("scrollPaddingBottom", t ?? null);
       }
     });
   }
@@ -7890,7 +7891,7 @@ class zi {
       effectiveValue: this.settings.scrollPaddingLeft || 0,
       isEffective: this.layout !== S.fixed && !!this.settings.scroll && this.preferences.scrollPaddingLeft !== null,
       onChange: (t) => {
-        this.updatePreference("scrollPaddingLeft", t || null);
+        this.updatePreference("scrollPaddingLeft", t ?? null);
       }
     });
   }
@@ -7900,7 +7901,7 @@ class zi {
       effectiveValue: this.settings.scrollPaddingRight || 0,
       isEffective: this.layout !== S.fixed && !!this.settings.scroll && this.preferences.scrollPaddingRight !== null,
       onChange: (t) => {
-        this.updatePreference("scrollPaddingRight", t || null);
+        this.updatePreference("scrollPaddingRight", t ?? null);
       }
     });
   }
@@ -7910,7 +7911,7 @@ class zi {
       effectiveValue: this.settings.selectionBackgroundColor || dt.RS__selectionBackgroundColor,
       isEffective: this.layout !== S.fixed && this.preferences.selectionBackgroundColor !== null,
       onChange: (t) => {
-        this.updatePreference("selectionBackgroundColor", t || null);
+        this.updatePreference("selectionBackgroundColor", t ?? null);
       }
     });
   }
@@ -7920,7 +7921,7 @@ class zi {
       effectiveValue: this.settings.selectionTextColor || dt.RS__selectionTextColor,
       isEffective: this.layout !== S.fixed && this.preferences.selectionTextColor !== null,
       onChange: (t) => {
-        this.updatePreference("selectionTextColor", t || null);
+        this.updatePreference("selectionTextColor", t ?? null);
       }
     });
   }
@@ -7930,7 +7931,7 @@ class zi {
       effectiveValue: this.settings.textAlign || J.start,
       isEffective: this.layout !== S.fixed && this.preferences.textAlign !== null,
       onChange: (t) => {
-        this.updatePreference("textAlign", t || null);
+        this.updatePreference("textAlign", t ?? null);
       },
       supportedValues: Object.values(J)
     });
@@ -7941,7 +7942,7 @@ class zi {
       effectiveValue: this.settings.textColor || dt.RS__textColor,
       isEffective: this.layout !== S.fixed && this.preferences.textColor !== null,
       onChange: (t) => {
-        this.updatePreference("textColor", t || null);
+        this.updatePreference("textColor", t ?? null);
       }
     });
   }
@@ -7951,7 +7952,7 @@ class zi {
       effectiveValue: this.settings.textNormalization || !1,
       isEffective: this.layout !== S.fixed,
       onChange: (t) => {
-        this.updatePreference("textNormalization", t || null);
+        this.updatePreference("textNormalization", t ?? null);
       }
     });
   }
@@ -7961,17 +7962,17 @@ class zi {
       effectiveValue: this.settings.visitedColor || dt.RS__visitedColor,
       isEffective: this.layout !== S.fixed && this.preferences.visitedColor !== null,
       onChange: (t) => {
-        this.updatePreference("visitedColor", t || null);
+        this.updatePreference("visitedColor", t ?? null);
       }
     });
   }
   get wordSpacing() {
-    return new R({
+    return new x({
       initialValue: this.preferences.wordSpacing,
       effectiveValue: this.settings.wordSpacing || 0,
       isEffective: this.layout !== S.fixed && this.preferences.wordSpacing !== null,
       onChange: (t) => {
-        this.updatePreference("wordSpacing", t || null);
+        this.updatePreference("wordSpacing", t ?? null);
       },
       supportedRange: Zt.range,
       step: Zt.step
@@ -7983,7 +7984,7 @@ class Mi {
     this.backgroundColor = t.backgroundColor || e.backgroundColor || null, this.blendFilter = typeof t.blendFilter == "boolean" ? t.blendFilter : e.blendFilter ?? null, this.columnCount = t.columnCount !== void 0 ? t.columnCount : e.columnCount !== void 0 ? e.columnCount : null, this.constraint = t.constraint || e.constraint, this.darkenFilter = typeof t.darkenFilter == "boolean" ? t.darkenFilter : e.darkenFilter ?? null, this.deprecatedFontSize = typeof t.deprecatedFontSize == "boolean" ? t.deprecatedFontSize : e.deprecatedFontSize ?? null, this.fontFamily = t.fontFamily || e.fontFamily || null, this.fontSize = t.fontSize !== void 0 ? t.fontSize : e.fontSize !== void 0 ? e.fontSize : null, this.fontSizeNormalize = typeof t.fontSizeNormalize == "boolean" ? t.fontSizeNormalize : e.fontSizeNormalize ?? null, this.fontOpticalSizing = typeof t.fontOpticalSizing == "boolean" ? t.fontOpticalSizing : e.fontOpticalSizing ?? null, this.fontWeight = t.fontWeight !== void 0 ? t.fontWeight : e.fontWeight !== void 0 ? e.fontWeight : null, this.fontWidth = t.fontWidth !== void 0 ? t.fontWidth : e.fontWidth !== void 0 ? e.fontWidth : null, this.hyphens = typeof t.hyphens == "boolean" ? t.hyphens : e.hyphens ?? null, this.invertFilter = typeof t.invertFilter == "boolean" ? t.invertFilter : e.invertFilter ?? null, this.invertGaijiFilter = typeof t.invertGaijiFilter == "boolean" ? t.invertGaijiFilter : e.invertGaijiFilter ?? null, this.iOSPatch = this.deprecatedFontSize || t.iOSPatch === !1 ? !1 : t.iOSPatch === !0 ? (T.OS.iOS || T.OS.iPadOS) && T.iOSRequest === "mobile" : e.iOSPatch, this.iPadOSPatch = this.deprecatedFontSize || t.iPadOSPatch === !1 ? !1 : t.iPadOSPatch === !0 ? T.OS.iPadOS && T.iOSRequest === "desktop" : e.iPadOSPatch, this.letterSpacing = t.letterSpacing !== void 0 ? t.letterSpacing : e.letterSpacing !== void 0 ? e.letterSpacing : null, this.ligatures = typeof t.ligatures == "boolean" ? t.ligatures : e.ligatures ?? null, this.lineHeight = t.lineHeight !== void 0 ? t.lineHeight : e.lineHeight !== void 0 ? e.lineHeight : null, this.linkColor = t.linkColor || e.linkColor || null, this.maximalLineLength = t.maximalLineLength === null ? null : t.maximalLineLength || e.maximalLineLength || null, this.minimalLineLength = t.minimalLineLength === null ? null : t.minimalLineLength || e.minimalLineLength || null, this.noRuby = typeof t.noRuby == "boolean" ? t.noRuby : e.noRuby ?? null, this.optimalLineLength = t.optimalLineLength || e.optimalLineLength, this.pageGutter = t.pageGutter !== void 0 ? t.pageGutter : e.pageGutter !== void 0 ? e.pageGutter : null, this.paragraphIndent = t.paragraphIndent !== void 0 ? t.paragraphIndent : e.paragraphIndent !== void 0 ? e.paragraphIndent : null, this.paragraphSpacing = t.paragraphSpacing !== void 0 ? t.paragraphSpacing : e.paragraphSpacing !== void 0 ? e.paragraphSpacing : null, this.scroll = typeof t.scroll == "boolean" ? t.scroll : e.scroll ?? null, this.scrollPaddingTop = t.scrollPaddingTop !== void 0 ? t.scrollPaddingTop : e.scrollPaddingTop !== void 0 ? e.scrollPaddingTop : null, this.scrollPaddingBottom = t.scrollPaddingBottom !== void 0 ? t.scrollPaddingBottom : e.scrollPaddingBottom !== void 0 ? e.scrollPaddingBottom : null, this.scrollPaddingLeft = t.scrollPaddingLeft !== void 0 ? t.scrollPaddingLeft : e.scrollPaddingLeft !== void 0 ? e.scrollPaddingLeft : null, this.scrollPaddingRight = t.scrollPaddingRight !== void 0 ? t.scrollPaddingRight : e.scrollPaddingRight !== void 0 ? e.scrollPaddingRight : null, this.selectionBackgroundColor = t.selectionBackgroundColor || e.selectionBackgroundColor || null, this.selectionTextColor = t.selectionTextColor || e.selectionTextColor || null, this.textAlign = t.textAlign || e.textAlign || null, this.textColor = t.textColor || e.textColor || null, this.textNormalization = typeof t.textNormalization == "boolean" ? t.textNormalization : e.textNormalization ?? null, this.visitedColor = t.visitedColor || e.visitedColor || null, this.wordSpacing = t.wordSpacing !== void 0 ? t.wordSpacing : e.wordSpacing !== void 0 ? e.wordSpacing : null, this.experiments = e.experiments || null;
   }
 }
-function Ft(s) {
+function Nt(s) {
   const t = getComputedStyle(s), e = parseFloat(t.paddingLeft || "0"), i = parseFloat(t.paddingRight || "0");
   return s.clientWidth - e - i;
 }
@@ -8003,13 +8004,13 @@ class gs extends re {
   toCSSProperties() {
     const t = {};
     return this.backgroundColor && (t["--RS__backgroundColor"] = this.backgroundColor), this.baseFontFamily && (t["--RS__baseFontFamily"] = this.baseFontFamily), this.baseFontSize != null && (t["--RS__baseFontSize"] = this.toRem(this.baseFontSize)), this.baseLineHeight != null && (t["--RS__baseLineHeight"] = this.toUnitless(this.baseLineHeight)), this.boxSizingMedia && (t["--RS__boxSizingMedia"] = this.boxSizingMedia), this.boxSizingTable && (t["--RS__boxSizingTable"] = this.boxSizingTable), this.colWidth != null && (t["--RS__colWidth"] = this.colWidth), this.colCount != null && (t["--RS__colCount"] = this.toUnitless(this.colCount)), this.colGap != null && (t["--RS__colGap"] = this.toPx(this.colGap)), this.codeFontFamily && (t["--RS__codeFontFamily"] = this.codeFontFamily), this.compFontFamily && (t["--RS__compFontFamily"] = this.compFontFamily), this.defaultLineLength != null && (t["--RS__defaultLineLength"] = this.toPx(this.defaultLineLength)), this.flowSpacing != null && (t["--RS__flowSpacing"] = this.toRem(this.flowSpacing)), this.humanistTf && (t["--RS__humanistTf"] = this.humanistTf), this.linkColor && (t["--RS__linkColor"] = this.linkColor), this.maxMediaWidth && (t["--RS__maxMediaWidth"] = this.toVw(this.maxMediaWidth)), this.maxMediaHeight && (t["--RS__maxMediaHeight"] = this.toVh(this.maxMediaHeight)), this.modernTf && (t["--RS__modernTf"] = this.modernTf), this.monospaceTf && (t["--RS__monospaceTf"] = this.monospaceTf), this.noOverflow && (t["--RS__disableOverflow"] = this.toFlag("noOverflow")), this.noVerticalPagination && (t["--RS__disablePagination"] = this.toFlag("noVerticalPagination")), this.oldStyleTf && (t["--RS__oldStyleTf"] = this.oldStyleTf), this.pageGutter != null && (t["--RS__pageGutter"] = this.toPx(this.pageGutter)), this.paraIndent != null && (t["--RS__paraIndent"] = this.toRem(this.paraIndent)), this.paraSpacing != null && (t["--RS__paraSpacing"] = this.toRem(this.paraSpacing)), this.primaryColor && (t["--RS__primaryColor"] = this.primaryColor), this.sansSerifJa && (t["--RS__sans-serif-ja"] = this.sansSerifJa), this.sansSerifJaV && (t["--RS__sans-serif-ja-v"] = this.sansSerifJaV), this.sansTf && (t["--RS__sansTf"] = this.sansTf), this.scrollPaddingBottom != null && (t["--RS__scrollPaddingBottom"] = this.toPx(this.scrollPaddingBottom)), this.scrollPaddingLeft != null && (t["--RS__scrollPaddingLeft"] = this.toPx(this.scrollPaddingLeft)), this.scrollPaddingRight != null && (t["--RS__scrollPaddingRight"] = this.toPx(this.scrollPaddingRight)), this.scrollPaddingTop != null && (t["--RS__scrollPaddingTop"] = this.toPx(this.scrollPaddingTop)), this.secondaryColor && (t["--RS__secondaryColor"] = this.secondaryColor), this.selectionBackgroundColor && (t["--RS__selectionBackgroundColor"] = this.selectionBackgroundColor), this.selectionTextColor && (t["--RS__selectionTextColor"] = this.selectionTextColor), this.serifJa && (t["--RS__serif-ja"] = this.serifJa), this.serifJaV && (t["--RS__serif-ja-v"] = this.serifJaV), this.textColor && (t["--RS__textColor"] = this.textColor), this.typeScale && (t["--RS__typeScale"] = this.toUnitless(this.typeScale)), this.visitedColor && (t["--RS__visitedColor"] = this.visitedColor), this.experiments && this.experiments.forEach((e) => {
-      t["--RS__" + e] = Ie[e].value;
+      t["--RS__" + e] = Ue[e].value;
     }), t;
   }
 }
 class fs {
   constructor(t) {
-    this.rsProperties = t.rsProperties, this.userProperties = t.userProperties, this.lineLengths = t.lineLengths, this.container = t.container, this.containerParent = t.container.parentElement || document.documentElement, this.constraint = t.constraint, this.cachedColCount = t.userProperties.colCount, this.effectiveContainerWidth = Ft(this.containerParent);
+    this.rsProperties = t.rsProperties, this.userProperties = t.userProperties, this.lineLengths = t.lineLengths, this.container = t.container, this.containerParent = t.container.parentElement || document.documentElement, this.constraint = t.constraint, this.cachedColCount = t.userProperties.colCount, this.effectiveContainerWidth = Nt(this.containerParent);
   }
   update(t) {
     this.cachedColCount = t.columnCount, t.constraint !== this.constraint && (this.constraint = t.constraint), t.pageGutter !== this.rsProperties.pageGutter && (this.rsProperties.pageGutter = t.pageGutter), t.scrollPaddingBottom !== this.rsProperties.scrollPaddingBottom && (this.rsProperties.scrollPaddingBottom = t.scrollPaddingBottom), t.scrollPaddingLeft !== this.rsProperties.scrollPaddingLeft && (this.rsProperties.scrollPaddingLeft = t.scrollPaddingLeft), t.scrollPaddingRight !== this.rsProperties.scrollPaddingRight && (this.rsProperties.scrollPaddingRight = t.scrollPaddingRight), t.scrollPaddingTop !== this.rsProperties.scrollPaddingTop && (this.rsProperties.scrollPaddingTop = t.scrollPaddingTop), t.experiments !== this.rsProperties.experiments && (this.rsProperties.experiments = t.experiments), this.lineLengths.update({
@@ -8076,7 +8077,7 @@ class fs {
   // TODO: As scroll shows, the effective line-length
   // should be the same as uncompensated when scale >= 1
   paginate(t, e, i) {
-    const n = Math.round(Ft(this.containerParent) - this.constraint), r = this.getCompensatedMetrics(t, e), { zoomCompensation: o, optimal: a, minimal: l, maximal: h } = r, c = () => n >= a && h !== null ? Math.min(Math.round(h * o), n) : n;
+    const n = Math.round(Nt(this.containerParent) - this.constraint), r = this.getCompensatedMetrics(t, e), { zoomCompensation: o, optimal: a, minimal: l, maximal: h } = r, c = () => n >= a && h !== null ? Math.min(Math.round(h * o), n) : n;
     let u = 1, m = n;
     if (i === void 0)
       return {
@@ -8122,7 +8123,7 @@ class fs {
   }
   // This behaves as paginate where colCount = 1
   computeScrollLength(t, e) {
-    const i = Math.round(Ft(this.containerParent) - this.constraint), n = this.getCompensatedMetrics(t && (t < 1 || e) ? t : 1, e), r = n.zoomCompensation, o = n.optimal, a = n.maximal;
+    const i = Math.round(Nt(this.containerParent) - this.constraint), n = this.getCompensatedMetrics(t && (t < 1 || e) ? t : 1, e), r = n.zoomCompensation, o = n.optimal, a = n.maximal;
     let l, h = i, c = Math.round(o * r);
     if (a === null)
       c = i;
@@ -8145,7 +8146,7 @@ class fs {
   }
 }
 const ys = `/*!
- * Readium CSS v.2.0.0
+ * Readium CSS v.2.0.1
  * Copyright (c) 2017–2026. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
  * LICENSE file present in the project repository where this source code is maintained.
@@ -8508,8 +8509,7 @@ body{
   text-indent:var(--USER__paraIndent) !important;
 }
 
-:root[style*="--USER__paraIndent"] p *,
-:root[style*="--USER__paraIndent"] p:first-letter{
+:root[style*="--USER__paraIndent"] p *{
   text-indent:0 !important;
 }
 
@@ -8734,7 +8734,7 @@ body{
 :root[style*="readium-iPadOSPatch-on"] p:not(:has(b, cite, em, i, q, s, small, span, strong)):first-line{
   -webkit-text-zoom:normal;
 }`, Ss = `/*!
- * Readium CSS v.2.0.0
+ * Readium CSS v.2.0.1
  * Copyright (c) 2017–2026. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
  * LICENSE file present in the project repository where this source code is maintained.
@@ -9155,7 +9155,7 @@ table{
   max-width:var(--RS__maxMediaWidth);
   box-sizing:var(--RS__boxSizingTable);
 }`, bs = `/*!
- * Readium CSS v.2.0.0
+ * Readium CSS v.2.0.1
  * Copyright (c) 2017–2026. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
  * LICENSE file present in the project repository where this source code is maintained.
@@ -9409,7 +9409,7 @@ function ws(s, t) {
     id: "readium-css-before",
     as: "link",
     target: "head",
-    blob: new Blob([Nt(Ss)], { type: "text/css" }),
+    blob: new Blob([Ft(Ss)], { type: "text/css" }),
     rel: "stylesheet"
   }), o.unshift(
     // Readium CSS Default - only for reflowable AND no existing styles
@@ -9417,7 +9417,7 @@ function ws(s, t) {
       id: "readium-css-default",
       as: "link",
       target: "head",
-      blob: new Blob([Nt(bs)], { type: "text/css" }),
+      blob: new Blob([Ft(bs)], { type: "text/css" }),
       rel: "stylesheet",
       condition: (a) => !(a.querySelector("link[rel='stylesheet']") || a.querySelector("style") || a.querySelector("[style]:not([style=''])"))
     },
@@ -9426,7 +9426,7 @@ function ws(s, t) {
       id: "readium-css-after",
       as: "link",
       target: "head",
-      blob: new Blob([Nt(ys)], { type: "text/css" }),
+      blob: new Blob([Ft(ys)], { type: "text/css" }),
       rel: "stylesheet"
     }
   )), [
@@ -9571,7 +9571,7 @@ class Sn extends rn {
   async resizeHandler() {
     const t = this.container.parentElement || document.documentElement;
     if (this._layout === S.fixed)
-      this.container.style.width = `${Ft(t) - this._settings.constraint}px`, this.framePool.resizeHandler();
+      this.container.style.width = `${Nt(t) - this._settings.constraint}px`, this.framePool.resizeHandler();
     else {
       const e = this._css.userProperties.colCount, i = this._css.userProperties.lineLength;
       this._css.resizeHandler(), (this._css.userProperties.view !== "scroll" && e !== this._css.userProperties.colCount || i !== this._css.userProperties.lineLength) && await this.commitCSS(this._css);
@@ -9608,9 +9608,9 @@ class Sn extends rn {
         this.listeners.frameLoaded(this._cframes[0].iframe.contentWindow), this.listeners.positionChanged(this.currentLocation);
         break;
       case "first_visible_locator":
-        const i = N.deserialize(e);
+        const i = F.deserialize(e);
         if (!i) break;
-        this.currentLocation = new N({
+        this.currentLocation = new F({
           href: this.currentLocation.href,
           type: this.currentLocation.type,
           title: this.currentLocation.title,
@@ -9899,25 +9899,53 @@ class Sn extends rn {
   }
 }
 const Ps = `// PreservePitchProcessor.js
-// AudioWorklet processor for pitch preservation via pitch shifting
+// AudioWorklet processor for pitch preservation via pitch shifting.
+//
+// Architecture:
+//   - Overlap-add (OLA) phase vocoder with an iterative in-place Cooley-Tukey FFT/IFFT.
+//   - All intermediate buffers are pre-allocated in the constructor; the hot path
+//     (process → _processBuffer → _fft) is allocation-free and GC-safe.
+//   - An output ring buffer decouples OLA processing (fires every hopSize input
+//     samples) from the Web Audio render quantum (128 frames), so process() always
+//     fills outputChannel completely.
 
 class PreservePitchProcessor extends AudioWorkletProcessor {
   constructor() {
     super();
-    this.bufferSize = 1024;
-    this.hopSize = 256;
-    this.overlap = this.bufferSize - this.hopSize;
-    this.inputBuffer = new Float32Array(this.bufferSize);
-    this.outputBuffer = new Float32Array(this.bufferSize);
-    this.window = new Float32Array(this.bufferSize);
-    this.bufferIndex = 0;
+    this.bufferSize  = 1024;
+    this.hopSize     = 256;
+    this.overlap     = this.bufferSize - this.hopSize;
     this.pitchFactor = 1.0;
 
-    // Hann window
+    // Sliding input window (always holds the last bufferSize samples)
+    this.inputBuffer = new Float32Array(this.bufferSize);
+    this.inputFill   = 0;   // samples loaded during startup (saturates at bufferSize)
+    this.hopAccum    = 0;   // new samples since last OLA step; triggers a step at hopSize
+
+    // OLA output accumulator: overlap-add results accumulate here; hopSize samples
+    // are drained to the ring buffer and the remainder shifts down each OLA step.
+    this.olaBuffer = new Float32Array(this.bufferSize);
+
+    // Output FIFO ring buffer — power-of-2 size for allocation-free modulo wrapping.
+    this._ringSize  = 4096;
+    this._ring      = new Float32Array(this._ringSize);
+    this._ringMask  = this._ringSize - 1;
+    this._ringWrite = 0;
+    this._ringRead  = 0;
+    this._ringAvail = 0;
+
+    // Hann window (pre-computed, never mutated)
+    this.window = new Float32Array(this.bufferSize);
     for (let i = 0; i < this.bufferSize; i++) {
       this.window[i] = 0.5 * (1 - Math.cos(2 * Math.PI * i / this.bufferSize));
     }
 
+    // Pre-allocated FFT work buffers — never re-created in the hot path
+    this._re        = new Float64Array(this.bufferSize);
+    this._im        = new Float64Array(this.bufferSize);
+    this._shiftedRe = new Float64Array(this.bufferSize);
+    this._shiftedIm = new Float64Array(this.bufferSize);
+
     this.port.onmessage = (event) => {
       if (event.data.type === 'setPitchFactor') {
         this.pitchFactor = event.data.factor;
@@ -9926,123 +9954,160 @@ class PreservePitchProcessor extends AudioWorkletProcessor {
   }
 
   process(inputs, outputs) {
-    const input = inputs[0];
+    const input  = inputs[0];
     const output = outputs[0];
-
     if (!input || !output) return true;
+    const inCh  = input[0];
+    const outCh = output[0];
+    if (!inCh || !outCh) return true;
+
+    const newCount = inCh.length; // always 128 under normal Web Audio conditions
+
+    // --- 1. Push new samples into the sliding input window ---
+    if (this.inputFill < this.bufferSize) {
+      // Startup: fill the window until we have a full bufferSize frame.
+      // Since bufferSize (1024) is an exact multiple of the render quantum (128)
+      // this branch always copies exactly newCount samples.
+      this.inputBuffer.set(inCh, this.inputFill);
+      this.inputFill += newCount;
+    } else {
+      // Steady state: slide left by newCount, append the new quantum at the end.
+      this.inputBuffer.copyWithin(0, newCount);
+      this.inputBuffer.set(inCh, this.bufferSize - newCount);
+    }
+    this.hopAccum += newCount;
 
-    const inputChannel = input[0];
-    const outputChannel = output[0];
-
-    // Accumulate input
-    for (let i = 0; i < inputChannel.length; i++) {
-      this.inputBuffer[this.bufferIndex] = inputChannel[i];
-      this.bufferIndex++;
+    // --- 2. Run OLA step(s) whenever hopAccum reaches hopSize ---
+    // During startup we skip processing until a full window is available.
+    while (this.inputFill >= this.bufferSize && this.hopAccum >= this.hopSize) {
+      this.hopAccum -= this.hopSize;
+      this._processBuffer(); // drains hopSize samples into _ring
+    }
 
-      if (this.bufferIndex >= this.bufferSize) {
-        // Process buffer
-        this.processBuffer();
-        // Output hopSize samples
-        for (let j = 0; j < this.hopSize; j++) {
-          outputChannel[j] = this.outputBuffer[j];
-        }
-        // Shift buffer
-        for (let j = 0; j < this.overlap; j++) {
-          this.inputBuffer[j] = this.inputBuffer[j + this.hopSize];
-        }
-        this.bufferIndex = this.overlap;
-        // Clear output buffer for next
-        this.outputBuffer.fill(0);
+    // --- 3. Drain output ring into outputChannel ---
+    // Output silence during the initial buffering latency (bufferSize samples ≈ 23 ms
+    // at 44100 Hz).  Once the ring has data it stays ahead of demand.
+    if (this._ringAvail >= newCount) {
+      for (let i = 0; i < newCount; i++) {
+        outCh[i] = this._ring[this._ringRead];
+        this._ringRead = (this._ringRead + 1) & this._ringMask;
       }
+      this._ringAvail -= newCount;
+    } else {
+      outCh.fill(0);
     }
 
     return true;
   }
 
-  processBuffer() {
-    // Apply window
-    let windowed = new Float32Array(this.bufferSize);
-    for (let i = 0; i < this.bufferSize; i++) {
-      windowed[i] = this.inputBuffer[i] * this.window[i];
+  _processBuffer() {
+    const N         = this.bufferSize;
+    const re        = this._re;
+    const im        = this._im;
+    const shiftedRe = this._shiftedRe;
+    const shiftedIm = this._shiftedIm;
+    const win       = this.window;
+
+    // Load windowed input into real part; zero imaginary part
+    for (let i = 0; i < N; i++) {
+      re[i] = this.inputBuffer[i] * win[i];
+      im[i] = 0;
     }
 
-    // FFT
-    let fftResult = this.fft(windowed);
+    this._fft(re, im, false);
+
+    // Spectral pitch shift: map bin k → round(k * factor)
+    shiftedRe.fill(0);
+    shiftedIm.fill(0);
+    const half   = N >> 1;
+    const factor = this.pitchFactor;
+    for (let k = 0; k <= half; k++) {
+      const newK = Math.round(k * factor);
+      if (newK <= half) {
+        shiftedRe[newK] += re[k];
+        shiftedIm[newK] += im[k];
+        // Restore conjugate symmetry so the IFFT yields a real-valued signal
+        if (newK > 0 && newK < half) {
+          shiftedRe[N - newK] =  shiftedRe[newK];
+          shiftedIm[N - newK] = -shiftedIm[newK];
+        }
+      }
+    }
 
-    // Pitch shift
-    let shifted = this.pitchShift(fftResult, this.pitchFactor);
+    this._fft(shiftedRe, shiftedIm, true); // in-place IFFT
 
-    // IFFT
-    let ifftResult = this.ifft(shifted);
+    // Overlap-add into olaBuffer
+    for (let i = 0; i < N; i++) {
+      this.olaBuffer[i] += shiftedRe[i] * win[i];
+    }
 
-    // Overlap-add
-    for (let i = 0; i < this.bufferSize; i++) {
-      this.outputBuffer[i] += ifftResult[i] * this.window[i];
+    // Push hopSize output samples to the ring buffer
+    for (let i = 0; i < this.hopSize; i++) {
+      this._ring[this._ringWrite] = this.olaBuffer[i];
+      this._ringWrite = (this._ringWrite + 1) & this._ringMask;
     }
+    this._ringAvail += this.hopSize;
+
+    // Shift the OLA accumulator left by hopSize; clear the vacated tail
+    this.olaBuffer.copyWithin(0, this.hopSize);
+    this.olaBuffer.fill(0, this.bufferSize - this.hopSize);
   }
 
-  pitchShift(fft, factor) {
-    let N = fft.length;
-    let result = new Array(N).fill(null).map(() => ({ real: 0, imag: 0 }));
-    for (let k = 0; k < N / 2; k++) {
-      let newK = Math.round(k * factor);
-      if (newK < N / 2) {
-        result[newK] = fft[k];
-        result[N - newK] = fft[N - k]; // symmetric for real input
+  /**
+   * In-place iterative Cooley-Tukey FFT / IFFT.
+   * Operates entirely on the caller-supplied Float64Arrays — no allocation.
+   *
+   * @param {Float64Array} re      Real parts (mutated in place)
+   * @param {Float64Array} im      Imaginary parts (mutated in place)
+   * @param {boolean}      inverse true → IFFT (divides by N), false → FFT
+   */
+  _fft(re, im, inverse) {
+    const N = re.length;
+
+    // Bit-reversal permutation
+    let j = 0;
+    for (let i = 1; i < N; i++) {
+      let bit = N >> 1;
+      for (; j & bit; bit >>= 1) j ^= bit;
+      j ^= bit;
+      if (i < j) {
+        let tmp;
+        tmp = re[i]; re[i] = re[j]; re[j] = tmp;
+        tmp = im[i]; im[i] = im[j]; im[j] = tmp;
       }
     }
-    return result;
-  }
-
-  fft(input) {
-    let N = input.length;
-    if (N <= 1) return [{ real: input[0] || 0, imag: 0 }];
-    if ((N & (N - 1)) !== 0) throw new Error('N must be power of 2');
 
-    let even = this.fft(input.filter((_, i) => i % 2 === 0));
-    let odd = this.fft(input.filter((_, i) => i % 2 === 1));
-
-    let result = new Array(N);
-    for (let k = 0; k < N / 2; k++) {
-      let t = odd[k];
-      let angle = -2 * Math.PI * k / N;
-      let twiddle = { real: Math.cos(angle), imag: Math.sin(angle) };
-      let twiddled = {
-        real: t.real * twiddle.real - t.imag * twiddle.imag,
-        imag: t.real * twiddle.imag + t.imag * twiddle.real
-      };
-      result[k] = {
-        real: even[k].real + twiddled.real,
-        imag: even[k].imag + twiddled.imag
-      };
-      result[k + N / 2] = {
-        real: even[k].real - twiddled.real,
-        imag: even[k].imag - twiddled.imag
-      };
+    // Butterfly stages — O(N log N), no allocation
+    const sign = inverse ? 1 : -1;
+    for (let len = 2; len <= N; len <<= 1) {
+      const halfLen = len >> 1;
+      const ang     = sign * Math.PI / halfLen;
+      const wBaseRe = Math.cos(ang);
+      const wBaseIm = Math.sin(ang);
+      for (let i = 0; i < N; i += len) {
+        let wRe = 1, wIm = 0;
+        for (let k = 0; k < halfLen; k++) {
+          const uRe = re[i + k];
+          const uIm = im[i + k];
+          const vRe = re[i + k + halfLen] * wRe - im[i + k + halfLen] * wIm;
+          const vIm = re[i + k + halfLen] * wIm + im[i + k + halfLen] * wRe;
+          re[i + k]           = uRe + vRe;
+          im[i + k]           = uIm + vIm;
+          re[i + k + halfLen] = uRe - vRe;
+          im[i + k + halfLen] = uIm - vIm;
+          const newWRe = wRe * wBaseRe - wIm * wBaseIm;
+          wIm = wRe * wBaseIm + wIm * wBaseRe;
+          wRe = newWRe;
+        }
+      }
     }
-    return result;
-  }
-
-  ifft(input) {
-    let N = input.length;
-    // Conjugate
-    let conj = input.map(c => ({ real: c.real, imag: -c.imag }));
-    // FFT
-    let fftConj = this.fft(conj.map(c => c.real)); // wait, fft expects real array
-    // FFT on complex is needed, but simplify
-    // For simplicity, implement IFFT similarly
-    let result = new Float32Array(N);
-    for (let n = 0; n < N; n++) {
-      let sumReal = 0, sumImag = 0;
-      for (let k = 0; k < N; k++) {
-        let angle = 2 * Math.PI * k * n / N;
-        let c = input[k];
-        sumReal += c.real * Math.cos(angle) - c.imag * Math.sin(angle);
-        sumImag += c.real * Math.sin(angle) + c.imag * Math.cos(angle);
+
+    if (inverse) {
+      for (let i = 0; i < N; i++) {
+        re[i] /= N;
+        im[i] /= N;
       }
-      result[n] = sumReal / N;
     }
-    return result;
   }
 }
 
@@ -10050,40 +10115,37 @@ registerProcessor('preserve-pitch-processor', PreservePitchProcessor);
 `;
 class Be {
   constructor(t) {
-    this.mediaElement = null, this.source = null, this.workletNode = null, this.url = null, this.ctx = t;
+    this.workletNode = null, this.url = null, this.ctx = t;
   }
   static async createWorklet(t) {
-    const { ctx: e, mediaElement: i, pitchFactor: n, modulePath: r } = t, o = new Be(e);
+    const { ctx: e, pitchFactor: i, modulePath: n } = t, r = new Be(e);
     try {
-      if (r)
-        await e.audioWorklet.addModule(r);
+      if (n)
+        await e.audioWorklet.addModule(n);
       else {
-        const a = new Blob([Ps], { type: "text/javascript" });
-        o.url = URL.createObjectURL(a), await e.audioWorklet.addModule(o.url);
+        const o = new Blob([Ps], { type: "text/javascript" });
+        r.url = URL.createObjectURL(o), await e.audioWorklet.addModule(r.url);
       }
-    } catch (a) {
-      throw o.destroy(), new Error(`Error adding module: ${a}`);
+    } catch (o) {
+      throw r.destroy(), new Error(`Error adding module: ${o}`);
     }
     try {
-      if (o.workletNode = new AudioWorkletNode(e, "preserve-pitch-processor"), n && o.updatePitchFactor(n), i) {
-        const a = e.createMediaElementSource(i);
-        a.connect(o.workletNode), o.mediaElement = i, o.source = a;
-      }
-    } catch (a) {
-      throw o.destroy(), new Error(`Error creating worklet node: ${a}`);
+      r.workletNode = new AudioWorkletNode(e, "preserve-pitch-processor"), i && r.updatePitchFactor(i);
+    } catch (o) {
+      throw r.destroy(), new Error(`Error creating worklet node: ${o}`);
     }
-    return o;
+    return r;
   }
   updatePitchFactor(t) {
     this.workletNode && this.workletNode.port.postMessage({ type: "setPitchFactor", factor: t });
   }
   destroy() {
-    this.workletNode && (this.workletNode.disconnect(), this.workletNode = null), this.source && (this.source.disconnect(), this.source = null), this.url && (URL.revokeObjectURL(this.url), this.url = null);
+    this.workletNode && (this.workletNode.disconnect(), this.workletNode = null), this.url && (URL.revokeObjectURL(this.url), this.url = null);
   }
 }
 class Es {
   constructor(t) {
-    this.audioContext = null, this.sourceNode = null, this.gainNode = null, this.listeners = {}, this.currentVolume = 1, this.currentPlaybackRate = 1, this.isMutedValue = !1, this.isPlayingValue = !1, this.isPausedValue = !1, this.isLoadingValue = !1, this.isLoadedValue = !1, this.isEndedValue = !1, this.isStoppedValue = !1, this.worklet = null, this.webAudioActive = !1, this.boundOnCanPlayThrough = this.onCanPlayThrough.bind(this), this.boundOnTimeUpdate = this.onTimeUpdate.bind(this), this.boundOnError = this.onError.bind(this), this.boundOnEnded = this.onEnded.bind(this), this.boundOnStalled = this.onStalled.bind(this), this.boundOnEmptied = this.onEmptied.bind(this), this.boundOnSuspend = this.onSuspend.bind(this), this.boundOnWaiting = this.onWaiting.bind(this), this.boundOnLoadedMetadata = this.onLoadedMetadata.bind(this), this.boundOnSeeking = this.onSeeking.bind(this), this.boundOnSeeked = this.onSeeked.bind(this), this.boundOnPlay = this.onPlay.bind(this), this.boundOnPlaying = this.onPlaying.bind(this), this.boundOnPause = this.onPause.bind(this), this.boundOnProgress = this.onProgress.bind(this), this.playback = t.playback, this.mediaElement = document.createElement("audio"), this.mediaElement.addEventListener("canplaythrough", this.boundOnCanPlayThrough), this.mediaElement.addEventListener("timeupdate", this.boundOnTimeUpdate), this.mediaElement.addEventListener("error", this.boundOnError), this.mediaElement.addEventListener("ended", this.boundOnEnded), this.mediaElement.addEventListener("stalled", this.boundOnStalled), this.mediaElement.addEventListener("emptied", this.boundOnEmptied), this.mediaElement.addEventListener("suspend", this.boundOnSuspend), this.mediaElement.addEventListener("waiting", this.boundOnWaiting), this.mediaElement.addEventListener("loadedmetadata", this.boundOnLoadedMetadata), this.mediaElement.addEventListener("seeking", this.boundOnSeeking), this.mediaElement.addEventListener("seeked", this.boundOnSeeked), this.mediaElement.addEventListener("play", this.boundOnPlay), this.mediaElement.addEventListener("playing", this.boundOnPlaying), this.mediaElement.addEventListener("pause", this.boundOnPause), this.mediaElement.addEventListener("progress", this.boundOnProgress), this.mediaElement.currentTime = this.playback.state.currentTime;
+    this.audioContext = null, this.sourceNode = null, this.gainNode = null, this.listeners = {}, this.isMutedValue = !1, this.isPlayingValue = !1, this.isPausedValue = !1, this.isLoadingValue = !1, this.isLoadedValue = !1, this.isEndedValue = !1, this.isStoppedValue = !1, this.worklet = null, this.webAudioActive = !1, this.boundOnCanPlayThrough = this.onCanPlayThrough.bind(this), this.boundOnTimeUpdate = this.onTimeUpdate.bind(this), this.boundOnError = this.onError.bind(this), this.boundOnEnded = this.onEnded.bind(this), this.boundOnStalled = this.onStalled.bind(this), this.boundOnEmptied = this.onEmptied.bind(this), this.boundOnSuspend = this.onSuspend.bind(this), this.boundOnWaiting = this.onWaiting.bind(this), this.boundOnLoadedMetadata = this.onLoadedMetadata.bind(this), this.boundOnSeeking = this.onSeeking.bind(this), this.boundOnSeeked = this.onSeeked.bind(this), this.boundOnPlay = this.onPlay.bind(this), this.boundOnPlaying = this.onPlaying.bind(this), this.boundOnPause = this.onPause.bind(this), this.boundOnProgress = this.onProgress.bind(this), this.playback = t.playback, this.mediaElement = document.createElement("audio"), this.mediaElement.addEventListener("canplaythrough", this.boundOnCanPlayThrough), this.mediaElement.addEventListener("timeupdate", this.boundOnTimeUpdate), this.mediaElement.addEventListener("error", this.boundOnError), this.mediaElement.addEventListener("ended", this.boundOnEnded), this.mediaElement.addEventListener("stalled", this.boundOnStalled), this.mediaElement.addEventListener("emptied", this.boundOnEmptied), this.mediaElement.addEventListener("suspend", this.boundOnSuspend), this.mediaElement.addEventListener("waiting", this.boundOnWaiting), this.mediaElement.addEventListener("loadedmetadata", this.boundOnLoadedMetadata), this.mediaElement.addEventListener("seeking", this.boundOnSeeking), this.mediaElement.addEventListener("seeked", this.boundOnSeeked), this.mediaElement.addEventListener("play", this.boundOnPlay), this.mediaElement.addEventListener("playing", this.boundOnPlaying), this.mediaElement.addEventListener("pause", this.boundOnPause), this.mediaElement.addEventListener("progress", this.boundOnProgress), this.mediaElement.currentTime = this.playback.state.currentTime;
   }
   /**
    * Adds an event listener to the audio engine.
@@ -10103,23 +10165,6 @@ class Es {
       (i) => i !== e
     ));
   }
-  deactivateWebAudio() {
-    this.worklet && (this.worklet.destroy(), this.worklet = null), this.sourceNode && (this.sourceNode.disconnect(), this.sourceNode = null), this.gainNode && (this.gainNode.disconnect(), this.gainNode = null), this.webAudioActive = !1;
-  }
-  /**
-   * Sets the media element for playback.
-   * @param element The HTML audio element to use.
-   */
-  setMediaElement(t) {
-    if (this.mediaElement.removeEventListener("canplaythrough", this.boundOnCanPlayThrough), this.mediaElement.removeEventListener("timeupdate", this.boundOnTimeUpdate), this.mediaElement.removeEventListener("error", this.boundOnError), this.mediaElement.removeEventListener("ended", this.boundOnEnded), this.mediaElement.removeEventListener("stalled", this.boundOnStalled), this.mediaElement.removeEventListener("emptied", this.boundOnEmptied), this.mediaElement.removeEventListener("suspend", this.boundOnSuspend), this.mediaElement.removeEventListener("waiting", this.boundOnWaiting), this.mediaElement.removeEventListener("loadedmetadata", this.boundOnLoadedMetadata), this.mediaElement.removeEventListener("seeking", this.boundOnSeeking), this.mediaElement.removeEventListener("seeked", this.boundOnSeeked), this.mediaElement.removeEventListener("play", this.boundOnPlay), this.mediaElement.removeEventListener("playing", this.boundOnPlaying), this.mediaElement.removeEventListener("pause", this.boundOnPause), this.mediaElement.removeEventListener("progress", this.boundOnProgress), this.mediaElement.pause(), this.isPlayingValue = !1, this.isPausedValue = !1, this.sourceNode && (this.sourceNode.disconnect(), this.sourceNode = null), this.mediaElement = t, this.mediaElement.addEventListener("canplaythrough", this.boundOnCanPlayThrough), this.mediaElement.addEventListener("timeupdate", this.boundOnTimeUpdate), this.mediaElement.addEventListener("error", this.boundOnError), this.mediaElement.addEventListener("ended", this.boundOnEnded), this.mediaElement.addEventListener("stalled", this.boundOnStalled), this.mediaElement.addEventListener("emptied", this.boundOnEmptied), this.mediaElement.addEventListener("suspend", this.boundOnSuspend), this.mediaElement.addEventListener("waiting", this.boundOnWaiting), this.mediaElement.addEventListener("loadedmetadata", this.boundOnLoadedMetadata), this.mediaElement.addEventListener("seeking", this.boundOnSeeking), this.mediaElement.addEventListener("seeked", this.boundOnSeeked), this.mediaElement.addEventListener("play", this.boundOnPlay), this.mediaElement.addEventListener("playing", this.boundOnPlaying), this.mediaElement.addEventListener("pause", this.boundOnPause), this.mediaElement.addEventListener("progress", this.boundOnProgress), this.mediaElement.volume = this.isMutedValue ? 0 : this.currentVolume, this.mediaElement.playbackRate = this.currentPlaybackRate, this.webAudioActive)
-      try {
-        const e = this.getOrCreateAudioContext();
-        this.sourceNode = new MediaElementAudioSourceNode(e, { mediaElement: this.mediaElement }), this.gainNode || (this.gainNode = e.createGain(), this.gainNode.connect(e.destination)), this.worklet?.workletNode ? this.sourceNode.connect(this.worklet.workletNode) : this.sourceNode.connect(this.gainNode);
-      } catch {
-        this.deactivateWebAudio();
-      }
-    this.mediaElement.readyState >= 1 && this.onLoadedMetadata(new Event("loadedmetadata")), this.mediaElement.seekable.length > 0 && this.onProgress(), this.mediaElement.readyState >= 4 ? this.onCanPlayThrough() : (this.isLoadingValue = !0, this.isLoadedValue = !1);
-  }
   // Ensure AudioContext is running
   async ensureAudioContextRunning() {
     this.audioContext || (this.audioContext = new AudioContext()), this.audioContext.state === "suspended" && await this.audioContext.resume();
@@ -10186,7 +10231,7 @@ class Es {
   async play() {
     if (!this.isPlayingValue)
       try {
-        await this.mediaElement.play(), this.isPlayingValue = !0, this.isPausedValue = !1, this.isStoppedValue = !1;
+        this.audioContext && await this.ensureAudioContextRunning(), await this.mediaElement.play(), this.isPlayingValue = !0, this.isPausedValue = !1, this.isStoppedValue = !1;
       } catch (t) {
         if (t?.name === "AbortError") return;
         console.error("error trying to play media element", t), this.emit("error", t);
@@ -10209,15 +10254,8 @@ class Es {
    * @volume The volume to set, in the range [0, 1].
    */
   setVolume(t) {
-    if (t < 0) {
-      this.currentVolume = 0, this.mediaElement.volume = 0, this.gainNode && (this.gainNode.gain.value = 0), this.isMutedValue = !0;
-      return;
-    }
-    if (t > 1) {
-      this.setVolume(t / 100);
-      return;
-    }
-    this.currentVolume = t, this.mediaElement.volume = t, this.gainNode && (this.gainNode.gain.value = t);
+    const e = Math.max(0, Math.min(1, t));
+    this.gainNode ? (this.mediaElement.volume = 1, this.gainNode.gain.value = e) : this.mediaElement.volume = e, this.isMutedValue = e === 0;
   }
   /**
    * Skips [seconds] either forward or backward if [seconds] is negative.
@@ -10286,19 +10324,18 @@ class Es {
    * Sets the playback rate of the audio resource with pitch preservation.
    */
   setPlaybackRate(t, e) {
-    this.currentPlaybackRate = t, this.mediaElement.playbackRate = t, e ? "preservesPitch" in this.mediaElement ? this.mediaElement.preservesPitch = !0 : this.activateWebAudio().then(() => {
-      this.worklet ? this.worklet.updatePitchFactor(1 / t) : (this.sourceNode && (this.sourceNode.disconnect(), this.sourceNode = null), Be.createWorklet({
+    this.mediaElement.playbackRate = t, e ? "preservesPitch" in this.mediaElement ? this.mediaElement.preservesPitch = !0 : this.activateWebAudio().then(() => {
+      this.worklet ? this.worklet.updatePitchFactor(1 / t) : Be.createWorklet({
         ctx: this.getOrCreateAudioContext(),
-        mediaElement: this.mediaElement,
         pitchFactor: 1
       }).then((i) => {
-        this.worklet = i, this.worklet.workletNode.connect(this.gainNode), this.worklet.updatePitchFactor(1 / t);
+        this.sourceNode && this.sourceNode.disconnect(), this.worklet = i, this.sourceNode?.connect(this.worklet.workletNode), this.worklet.workletNode.connect(this.gainNode), this.worklet.updatePitchFactor(1 / t);
       }).catch((i) => {
         console.warn("Failed to create preserve pitch worklet", i);
-      }));
+      });
     }).catch((i) => {
       console.warn("Web Audio unavailable, playing without pitch correction:", i);
-    }) : this.worklet && (this.worklet.destroy(), this.worklet = null, this.webAudioActive && (this.sourceNode = new MediaElementAudioSourceNode(this.getOrCreateAudioContext(), { mediaElement: this.mediaElement }), this.sourceNode.connect(this.gainNode)));
+    }) : ("preservesPitch" in this.mediaElement && (this.mediaElement.preservesPitch = !1), this.worklet && (this.worklet.destroy(), this.worklet = null, this.webAudioActive && this.sourceNode && (this.sourceNode.disconnect(), this.sourceNode.connect(this.gainNode))));
   }
   /**
    * Activates the Web Audio graph for the current media element.
@@ -10310,20 +10347,61 @@ class Es {
     const t = this.mediaElement.src;
     if (!t) return;
     const e = this.mediaElement.currentTime, i = this.isPlayingValue;
-    i && (this.mediaElement.pause(), this.isPlayingValue = !1), this.mediaElement.crossOrigin = "anonymous", this.mediaElement.src = t, this.mediaElement.load(), await new Promise((r, o) => {
-      const a = () => {
-        this.mediaElement.removeEventListener("canplaythrough", a), this.mediaElement.removeEventListener("error", l), r();
-      }, l = () => {
-        this.mediaElement.removeEventListener("canplaythrough", a), this.mediaElement.removeEventListener("error", l), o(new Error("Audio reload with CORS failed — server may not send Access-Control-Allow-Origin"));
-      };
-      this.mediaElement.addEventListener("canplaythrough", a), this.mediaElement.addEventListener("error", l);
-    }), this.mediaElement.currentTime = e, this.sourceNode = new MediaElementAudioSourceNode(this.getOrCreateAudioContext(), { mediaElement: this.mediaElement });
+    i && (this.mediaElement.pause(), this.isPlayingValue = !1), this.mediaElement.crossOrigin = "anonymous", this.mediaElement.src = t, this.mediaElement.load();
+    try {
+      await new Promise((r, o) => {
+        const a = () => {
+          this.mediaElement.removeEventListener("canplaythrough", a), this.mediaElement.removeEventListener("error", l), r();
+        }, l = () => {
+          this.mediaElement.removeEventListener("canplaythrough", a), this.mediaElement.removeEventListener("error", l), o(new Error("Audio reload with CORS failed — server may not send Access-Control-Allow-Origin"));
+        };
+        this.mediaElement.addEventListener("canplaythrough", a), this.mediaElement.addEventListener("error", l);
+      });
+    } catch (r) {
+      throw this.mediaElement.removeAttribute("crossorigin"), this.mediaElement.src = t, this.mediaElement.load(), i ? (await new Promise((o) => {
+        const a = () => {
+          this.mediaElement.removeEventListener("canplaythrough", a), o();
+        };
+        this.mediaElement.addEventListener("canplaythrough", a);
+      }), this.mediaElement.currentTime = e, await this.mediaElement.play(), this.isPlayingValue = !0, this.isPausedValue = !1) : this.mediaElement.currentTime = e, r;
+    }
+    this.mediaElement.currentTime = e, this.sourceNode = new MediaElementAudioSourceNode(this.getOrCreateAudioContext(), { mediaElement: this.mediaElement });
     const n = this.getOrCreateAudioContext();
-    this.gainNode = n.createGain(), this.sourceNode.connect(this.gainNode), this.gainNode.connect(n.destination), this.webAudioActive = !0, i && (await this.ensureAudioContextRunning(), await this.mediaElement.play(), this.isPlayingValue = !0, this.isPausedValue = !1);
+    this.gainNode = n.createGain(), this.gainNode.gain.value = this.mediaElement.volume, this.mediaElement.volume = 1, this.sourceNode.connect(this.gainNode), this.gainNode.connect(n.destination), this.webAudioActive = !0, i && (await this.ensureAudioContextRunning(), await this.mediaElement.play(), this.isPlayingValue = !0, this.isPausedValue = !1);
   }
   get isWebAudioActive() {
     return this.webAudioActive;
   }
+  /**
+   * Tears down the Web Audio graph and restores the media element to standalone
+   * playback. Safe to call even if Web Audio was never activated.
+   */
+  tearDownWebAudio() {
+    this.worklet && (this.worklet.destroy(), this.worklet = null), this.sourceNode && (this.sourceNode.disconnect(), this.sourceNode = null), this.gainNode && (this.mediaElement.volume = this.gainNode.gain.value, this.gainNode.disconnect(), this.gainNode = null), this.webAudioActive = !1;
+  }
+  /**
+   * Changes the src of the primary media element without swapping the element.
+   * Preserves the RemotePlayback session and all attached event listeners.
+   * When the Web Audio graph is active, the new src is loaded with
+   * crossOrigin="anonymous". If the CORS request fails (server does not send
+   * the required headers), the graph is torn down and the src is reloaded
+   * without CORS so playback continues — just without pitch correction.
+   */
+  changeSrc(t) {
+    if (this.mediaElement.src !== t)
+      if (this.mediaElement.pause(), this.isPlayingValue = !1, this.isPausedValue = !1, this.isLoadedValue = !1, this.isLoadingValue = !0, this.isEndedValue = !1, this.webAudioActive) {
+        this.mediaElement.crossOrigin = "anonymous", this.mediaElement.src = t, this.mediaElement.load();
+        const e = () => {
+          n();
+        }, i = () => {
+          n(), console.warn("CORS reload failed for new track — disabling Web Audio graph:", t), this.tearDownWebAudio(), this.mediaElement.removeAttribute("crossorigin"), this.mediaElement.src = t, this.mediaElement.load();
+        }, n = () => {
+          this.mediaElement.removeEventListener("canplaythrough", e), this.mediaElement.removeEventListener("error", i);
+        };
+        this.mediaElement.addEventListener("canplaythrough", e), this.mediaElement.addEventListener("error", i);
+      } else
+        this.mediaElement.src = t, this.mediaElement.load();
+  }
   /**
    * Returns the HTML media element used for playback.
    */
@@ -10347,12 +10425,12 @@ class Cs {
     this.volume = M(t.volume, Qt.range) ?? 1, this.playbackRate = M(t.playbackRate, te.range) ?? 1, this.preservePitch = P(t.preservePitch) ?? !0, this.skipBackwardInterval = M(t.skipBackwardInterval, et.range) ?? 10, this.skipForwardInterval = M(t.skipForwardInterval, et.range) ?? 10, this.pollInterval = w(t.pollInterval) ?? 1e3, this.autoPlay = P(t.autoPlay) ?? !0, this.enableMediaSession = P(t.enableMediaSession) ?? !0;
   }
 }
-class Ni {
+class Fi {
   constructor(t, e) {
     this.volume = t.volume ?? e.volume, this.playbackRate = t.playbackRate ?? e.playbackRate, this.preservePitch = t.preservePitch ?? e.preservePitch, this.skipBackwardInterval = t.skipBackwardInterval ?? e.skipBackwardInterval, this.skipForwardInterval = t.skipForwardInterval ?? e.skipForwardInterval, this.pollInterval = t.pollInterval ?? e.pollInterval, this.autoPlay = t.autoPlay ?? e.autoPlay, this.enableMediaSession = t.enableMediaSession ?? e.enableMediaSession;
   }
 }
-class Fi {
+class Ni {
   constructor(t, e) {
     this.preferences = t, this.settings = e;
   }
@@ -10363,24 +10441,24 @@ class Fi {
     this.preferences[t] = e;
   }
   get volume() {
-    return new R({
+    return new x({
       initialValue: this.preferences.volume,
       effectiveValue: this.settings.volume,
       isEffective: this.preferences.volume !== null,
       onChange: (t) => {
-        this.updatePreference("volume", t ?? 1);
+        this.updatePreference("volume", t ?? null);
       },
       supportedRange: Qt.range,
       step: Qt.step
     });
   }
   get playbackRate() {
-    return new R({
+    return new x({
       initialValue: this.preferences.playbackRate,
       effectiveValue: this.settings.playbackRate,
       isEffective: this.preferences.playbackRate !== null,
       onChange: (t) => {
-        this.updatePreference("playbackRate", t ?? 1);
+        this.updatePreference("playbackRate", t ?? null);
       },
       supportedRange: te.range,
       step: te.step
@@ -10392,29 +10470,29 @@ class Fi {
       effectiveValue: this.settings.preservePitch,
       isEffective: this.preferences.preservePitch !== null,
       onChange: (t) => {
-        this.updatePreference("preservePitch", t ?? !0);
+        this.updatePreference("preservePitch", t ?? null);
       }
     });
   }
   get skipBackwardInterval() {
-    return new R({
+    return new x({
       initialValue: this.preferences.skipBackwardInterval,
       effectiveValue: this.settings.skipBackwardInterval,
       isEffective: this.preferences.skipBackwardInterval !== null,
       onChange: (t) => {
-        this.updatePreference("skipBackwardInterval", t ?? 10);
+        this.updatePreference("skipBackwardInterval", t ?? null);
       },
       supportedRange: et.range,
       step: et.step
     });
   }
   get skipForwardInterval() {
-    return new R({
+    return new x({
       initialValue: this.preferences.skipForwardInterval,
       effectiveValue: this.settings.skipForwardInterval,
       isEffective: this.preferences.skipForwardInterval !== null,
       onChange: (t) => {
-        this.updatePreference("skipForwardInterval", t ?? 10);
+        this.updatePreference("skipForwardInterval", t ?? null);
       },
       supportedRange: et.range,
       step: et.step
@@ -10426,7 +10504,7 @@ class Fi {
       effectiveValue: this.settings.pollInterval,
       isEffective: this.preferences.pollInterval !== null,
       onChange: (t) => {
-        this.updatePreference("pollInterval", t ?? 1e3);
+        this.updatePreference("pollInterval", t ?? null);
       }
     });
   }
@@ -10436,7 +10514,7 @@ class Fi {
       effectiveValue: this.settings.autoPlay,
       isEffective: this.preferences.autoPlay !== null,
       onChange: (t) => {
-        this.updatePreference("autoPlay", t ?? !0);
+        this.updatePreference("autoPlay", t ?? null);
       }
     });
   }
@@ -10446,15 +10524,15 @@ class Fi {
       effectiveValue: this.settings.enableMediaSession,
       isEffective: this.preferences.enableMediaSession !== null,
       onChange: (t) => {
-        this.updatePreference("enableMediaSession", t ?? !0);
+        this.updatePreference("enableMediaSession", t ?? null);
       }
     });
   }
 }
-const Ui = 1, Ii = 1;
-class xs {
-  constructor(t, e) {
-    this.pool = /* @__PURE__ */ new Map(), this._audioEngine = t, this._publication = e, this._supportedAudioTypes = this.detectSupportedAudioTypes();
+const Ii = 1, Ui = 1;
+class Rs {
+  constructor(t, e, i = {}) {
+    this.pool = /* @__PURE__ */ new Map(), this._audioEngine = t, this._publication = e, this._supportedAudioTypes = this.detectSupportedAudioTypes(), i.disableRemotePlayback && (this._audioEngine.getMediaElement().disableRemotePlayback = !0);
   }
   detectSupportedAudioTypes() {
     const t = document.createElement("audio"), e = /* @__PURE__ */ new Set();
@@ -10471,17 +10549,17 @@ class xs {
     return i;
   }
   pickPlayableHref(t) {
-    const e = [t, ...t.alternates?.items ?? []];
-    let i;
-    for (const n of e) {
-      if (!n.type) continue;
-      const r = this._supportedAudioTypes.get(n.type);
-      if (r) {
-        if (r === "probably") return n.href;
-        i || (i = { href: n.href, confidence: r });
-      }
+    const e = this._publication.baseURL, i = [t, ...t.alternates?.items ?? []];
+    let n;
+    for (const r of i) {
+      if (!r.type) continue;
+      const o = this._supportedAudioTypes.get(r.type);
+      if (!o) continue;
+      const a = r.toURL(e) ?? r.href;
+      if (o === "probably") return a;
+      n || (n = { href: a, confidence: o });
     }
-    return i?.href ?? t.href;
+    return n?.href ?? t.toURL(e) ?? t.href;
   }
   get audioEngine() {
     return this._audioEngine;
@@ -10497,23 +10575,30 @@ class xs {
   /**
    * Updates the pool around the given index: ensures elements exist within
    * the LOWER_BOUNDARY and disposes those beyond the UPPER_BOUNDARY.
+   * The current track is excluded — the primary engine element represents it.
    */
   update(t) {
     const e = this._publication.readingOrder.items, i = /* @__PURE__ */ new Set();
     for (let n = 0; n < e.length; n++) {
+      if (n === t) continue;
       const r = this.pickPlayableHref(e[n]);
-      n >= t - Ii && n <= t + Ii ? (this.ensure(r), i.add(r)) : n >= t - Ui && n <= t + Ui && this.pool.has(r) && i.add(r);
+      n >= t - Ui && n <= t + Ui ? (this.ensure(r), i.add(r)) : n >= t - Ii && n <= t + Ii && this.pool.has(r) && i.add(r);
     }
     for (const [n, r] of this.pool)
       i.has(n) || (r.removeAttribute("src"), r.load(), this.pool.delete(n));
   }
   /**
-   * Sets the current audio for playback at the given track index.
-   * The element is always sourced from the pool — never loaded ad-hoc on the engine.
+   * Sets the current audio for playback at the given track index by changing
+   * the src on the persistent primary element. This preserves the RemotePlayback
+   * session and any Web Audio graph connections across track changes.
    */
   setCurrentAudio(t, e) {
-    const i = this.pickPlayableHref(this._publication.readingOrder.items[t]), n = this.ensure(i);
-    this.audioEngine.setMediaElement(n), this.pool.delete(i), this.update(t);
+    const i = this.pickPlayableHref(this._publication.readingOrder.items[t]);
+    if (this.audioEngine.changeSrc(i), this.pool.has(i)) {
+      const n = this.pool.get(i);
+      n.removeAttribute("src"), n.load(), this.pool.delete(i);
+    }
+    this.update(t);
   }
   destroy() {
     this.audioEngine.stop();
@@ -10522,33 +10607,35 @@ class xs {
     this.pool.clear();
   }
 }
-class Rs {
+class xs {
   constructor(t = {}) {
     this.dragstartHandler = (e) => {
       e.preventDefault(), e.stopPropagation(), t.onDragDetected?.(Array.from(e.dataTransfer?.types ?? []));
+    }, this.dragoverHandler = (e) => {
+      e.preventDefault(), e.stopPropagation();
     }, this.dropHandler = (e) => {
       e.preventDefault(), e.stopPropagation();
       const i = Array.from(e.dataTransfer?.types ?? []), n = e.dataTransfer?.files.length ?? 0;
       t.onDropDetected?.(i, n);
-    }, document.addEventListener("dragstart", this.dragstartHandler, !0), document.addEventListener("drop", this.dropHandler, !0), window.addEventListener("unload", () => this.destroy());
+    }, this.unloadHandler = () => this.destroy(), document.addEventListener("dragstart", this.dragstartHandler, !0), document.addEventListener("dragover", this.dragoverHandler, !0), document.addEventListener("drop", this.dropHandler, !0), window.addEventListener("unload", this.unloadHandler);
   }
   destroy() {
-    document.removeEventListener("dragstart", this.dragstartHandler, !0), document.removeEventListener("drop", this.dropHandler, !0);
+    document.removeEventListener("dragstart", this.dragstartHandler, !0), document.removeEventListener("dragover", this.dragoverHandler, !0), document.removeEventListener("drop", this.dropHandler, !0), window.removeEventListener("unload", this.unloadHandler);
   }
 }
 class Ls {
   constructor(t = {}) {
     this.copyHandler = (e) => {
       e.preventDefault(), e.stopPropagation(), t.onCopyBlocked?.();
-    }, document.addEventListener("copy", this.copyHandler, !0), window.addEventListener("unload", () => this.destroy());
+    }, this.unloadHandler = () => this.destroy(), document.addEventListener("copy", this.copyHandler, !0), window.addEventListener("unload", this.unloadHandler);
   }
   destroy() {
-    document.removeEventListener("copy", this.copyHandler, !0);
+    document.removeEventListener("copy", this.copyHandler, !0), window.removeEventListener("unload", this.unloadHandler);
   }
 }
 class ks extends We {
   constructor(t = {}) {
-    super(t), t.disableDragAndDrop && (this.dragAndDropProtector = new Rs({
+    super(t), t.disableDragAndDrop && (this.dragAndDropProtector = new xs({
       onDragDetected: (e) => {
         this.dispatchSuspiciousActivity("drag_detected", { dataTransferTypes: e, targetFrameSrc: "" });
       },
@@ -10593,6 +10680,8 @@ const Os = (s) => ({
   peripheral: s.peripheral ?? (() => {
   }),
   contextMenu: s.contextMenu ?? (() => {
+  }),
+  remotePlaybackStateChanged: s.remotePlaybackStateChanged ?? (() => {
   })
 });
 class As extends dr {
@@ -10600,23 +10689,28 @@ class As extends dr {
     preferences: {},
     defaults: {}
   }) {
-    if (super(), this.positionPollInterval = null, this.navigationId = 0, this._playIntent = !1, this._preferencesEditor = null, this._mediaSessionEnabled = !1, this._navigatorProtector = null, this._keyboardPeripheralsManager = null, this._suspiciousActivityListener = null, this._keyboardPeripheralListener = null, this.pub = t, this.listeners = Os(e), this._preferences = new oe(n.preferences), this._defaults = new Cs(n.defaults), this._settings = new Ni(this._preferences, this._defaults), i)
+    if (super(), this.positionPollInterval = null, this.navigationId = 0, this._playIntent = !1, this._preferencesEditor = null, this._mediaSessionEnabled = !1, this._navigatorProtector = null, this._keyboardPeripheralsManager = null, this._suspiciousActivityListener = null, this._keyboardPeripheralListener = null, this._isNavigating = !1, this._isStalled = !1, this._stalledWatchdog = null, this._stalledCheckTime = 0, this.pub = t, this.listeners = Os(e), this._preferences = new oe(n.preferences), this._defaults = new Cs(n.defaults), this._settings = new Fi(this._preferences, this._defaults), t.readingOrder.items.length === 0)
+      throw new Error("AudioNavigator: publication has an empty reading order");
+    if (i)
       this.currentLocation = this.ensureLocatorLocations(i);
     else {
       const u = this.pub.readingOrder.items[0];
-      this.currentLocation = new N({
+      this.currentLocation = new F({
         href: u.href,
         type: u.type || "audio/mpeg",
         title: u.title,
         locations: new E({
-          position: 0,
+          position: 1,
           progression: 0,
           totalProgression: 0,
           fragments: ["t=0"]
         })
       });
     }
-    const r = this.currentLocation.href.split("#")[0], o = this.hrefToTrackIndex(r), a = this.currentLocation.locations?.time() || 0, l = new Es({
+    const r = this.currentLocation.href.split("#")[0], o = this.hrefToTrackIndex(r);
+    if (o === -1)
+      throw new Error(`AudioNavigator: initial href "${r}" not found in reading order`);
+    const a = this.currentLocation.locations?.time() || 0, l = new Es({
       playback: {
         state: {
           currentTime: a,
@@ -10626,8 +10720,10 @@ class As extends dr {
         index: o
       }
     });
-    this.pool = new xs(l, t);
-    const h = n.contentProtection || {}, c = this.mergeKeyboardPeripherals(
+    this.pool = new Rs(l, t, n.contentProtection);
+    const h = n.contentProtection || {};
+    this._contentProtection = h;
+    const c = this.mergeKeyboardPeripherals(
       h,
       n.keyboardPeripherals || []
     );
@@ -10636,22 +10732,23 @@ class As extends dr {
       m === "context_menu" ? this.listeners.contextMenu(y) : this.listeners.contentProtection(m, y);
     }, window.addEventListener(st, this._suspiciousActivityListener)), c.length > 0 && (this._keyboardPeripheralsManager = new He({ keyboardPeripherals: c }), this._keyboardPeripheralListener = (u) => {
       this.listeners.peripheral(u.detail);
-    }, window.addEventListener(ot, this._keyboardPeripheralListener)), this.setupEventListeners(), this.applyPreferences(), this.pool.setCurrentAudio(o, "forward"), this.waitForLoadedAndSeeked(a).then(() => {
-      this.listeners.trackLoaded(this.pool.audioEngine.getMediaElement()), this._notifyTimelineChange(this.currentLocator), this.listeners.positionChanged(this.currentLocator);
+    }, window.addEventListener(ot, this._keyboardPeripheralListener)), this.setupEventListeners(), this._isNavigating = !0, this.pool.setCurrentAudio(o, "forward"), this.applyPreferences(), this.waitForLoadedAndSeeked(a).then(() => {
+      this._isNavigating = !1, this.listeners.trackLoaded(this.pool.audioEngine.getMediaElement()), this._notifyTimelineChange(this.currentLocator), this.listeners.positionChanged(this.currentLocator), this._setupRemotePlayback();
     }).catch(() => {
+      this._isNavigating = !1;
     });
   }
   get settings() {
     return this._settings;
   }
   get preferencesEditor() {
-    return this._preferencesEditor === null && (this._preferencesEditor = new Fi(this._preferences, this.settings)), this._preferencesEditor;
+    return this._preferencesEditor === null && (this._preferencesEditor = new Ni(this._preferences, this.settings)), this._preferencesEditor;
   }
   async submitPreferences(t) {
     this._preferences = this._preferences.merging(t), this.applyPreferences();
   }
   applyPreferences() {
-    this._settings = new Ni(this._preferences, this._defaults), this._preferencesEditor !== null && (this._preferencesEditor = new Fi(this._preferences, this.settings)), this.pool.audioEngine.setVolume(this._settings.volume), this.pool.audioEngine.setPlaybackRate(this._settings.playbackRate, this._settings.preservePitch), this._settings.enableMediaSession && !this._mediaSessionEnabled ? (this._mediaSessionEnabled = !0, this.setupMediaSession()) : !this._settings.enableMediaSession && this._mediaSessionEnabled && (this._mediaSessionEnabled = !1, this.destroyMediaSession());
+    this._settings = new Fi(this._preferences, this._defaults), this._preferencesEditor !== null && (this._preferencesEditor = new Ni(this._preferences, this.settings)), this.pool.audioEngine.setVolume(this._settings.volume), this.pool.audioEngine.setPlaybackRate(this._settings.playbackRate, this._settings.preservePitch), this.positionPollInterval !== null && this.startPositionPolling(), this._settings.enableMediaSession && !this._mediaSessionEnabled ? (this._mediaSessionEnabled = !0, this.setupMediaSession()) : !this._settings.enableMediaSession && this._mediaSessionEnabled && (this._mediaSessionEnabled = !1, this.destroyMediaSession());
   }
   get publication() {
     return this.pub;
@@ -10661,10 +10758,10 @@ class As extends dr {
   }
   _notifyTimelineChange(t) {
     const e = this.pub.timeline.locate(t);
-    e !== this._currentTimelineItem && (this._currentTimelineItem = e, this.listeners.timelineItemChanged(e));
+    e !== this._currentTimelineItem && (this._currentTimelineItem = e, this.listeners.timelineItemChanged(e), this._settings.enableMediaSession && this.updateMediaSessionMetadata());
   }
   ensureLocatorLocations(t) {
-    return new N({
+    return new F({
       ...t,
       locations: t.locations instanceof E ? t.locations : t.locations ? new E(t.locations) : void 0
     });
@@ -10697,13 +10794,13 @@ class As extends dr {
     const i = this.pub.readingOrder.items[t];
     if (!i) throw new Error(`Invalid track index: ${t}`);
     const n = this.pool.audioEngine.duration();
-    return new N({
+    return new F({
       href: i.href,
       type: i.type || "audio/mpeg",
       title: i.title,
       locations: new E({
         progression: n > 0 ? e / n : 0,
-        position: t,
+        position: t + 1,
         fragments: [`t=${e}`]
       })
     });
@@ -10746,29 +10843,61 @@ class As extends dr {
       this.listeners.error(t, this.currentLocator);
     }), this.pool.audioEngine.on("ended", async () => {
       this.stopPositionPolling(), this.currentLocation = this.currentLocation.copyWithLocations(new E({
-        position: this.currentTrackIndex(),
+        position: this.currentTrackIndex() + 1,
         progression: 1,
         fragments: [`t=${this.duration}`]
       })), this.listeners.trackEnded(this.currentLocator), this.canGoForward && (await this.nextTrack(), this._settings.autoPlay && this.play());
     }), this.pool.audioEngine.on("play", () => {
-      this.startPositionPolling(), this.listeners.play(this.currentLocator);
+      this._isNavigating || (this.startPositionPolling(), this.listeners.play(this.currentLocator));
     }), this.pool.audioEngine.on("playing", () => {
-      this.listeners.stalled(!1);
+      this._isNavigating || this._setStalled(!1);
     }), this.pool.audioEngine.on("pause", () => {
-      this.stopPositionPolling(), this.listeners.pause(this.currentLocator);
+      this._isNavigating || (this.stopPositionPolling(), this.listeners.pause(this.currentLocator));
     }), this.pool.audioEngine.on("seeked", () => {
-      if (this.listeners.seeking(!1), !this.isPlaying) {
-        const t = this.currentTime, e = this.duration, i = e > 0 ? t / e : 0;
-        this.currentLocation = this.currentLocation.copyWithLocations(new E({
-          position: this.currentTrackIndex(),
-          progression: i,
-          fragments: [`t=${t}`]
-        })), this._notifyTimelineChange(this.currentLocation), this.listeners.positionChanged(this.currentLocation);
-      }
-    }), this.pool.audioEngine.on("seeking", () => this.listeners.seeking(!0)), this.pool.audioEngine.on("waiting", () => this.listeners.seeking(!0)), this.pool.audioEngine.on("stalled", () => this.listeners.stalled(!0)), this.pool.audioEngine.on("canplaythrough", () => this.listeners.stalled(!1)), this.pool.audioEngine.on("progress", (t) => this.listeners.seekable(t)), this.pool.audioEngine.on("loadedmetadata", () => {
-      this.listeners.metadataLoaded(this.pool.audioEngine.duration());
+      if (this._isNavigating) return;
+      this.listeners.seeking(!1);
+      const t = this.currentTime, e = this.duration, i = e > 0 ? t / e : 0;
+      this.currentLocation = this.currentLocation.copyWithLocations(new E({
+        position: this.currentTrackIndex() + 1,
+        progression: i,
+        fragments: [`t=${t}`]
+      })), this._notifyTimelineChange(this.currentLocation), this.listeners.positionChanged(this.currentLocation);
+    }), this.pool.audioEngine.on("seeking", () => {
+      this._isNavigating || this.listeners.seeking(!0);
+    }), this.pool.audioEngine.on("waiting", () => {
+      this._isNavigating || this.listeners.seeking(!0);
+    }), this.pool.audioEngine.on("stalled", () => {
+      this._isNavigating || this._setStalled(!0);
+    }), this.pool.audioEngine.on("canplaythrough", () => {
+      this._isNavigating || this._setStalled(!1);
+    }), this.pool.audioEngine.on("progress", (t) => {
+      this._isNavigating || this.listeners.seekable(t);
+    }), this.pool.audioEngine.on("loadedmetadata", () => {
+      const t = this.pool.audioEngine.getMediaElement(), e = {
+        duration: this.pool.audioEngine.duration(),
+        textTracks: t.textTracks,
+        readyState: t.readyState,
+        networkState: t.networkState
+      };
+      this.listeners.metadataLoaded(e);
     });
   }
+  _setStalled(t) {
+    this._isStalled !== t && (this._isStalled = t, this.listeners.stalled(t), t ? (this._stalledCheckTime = this.currentTime, this._startStalledWatchdog()) : this._stopStalledWatchdog());
+  }
+  _startStalledWatchdog() {
+    this._stalledWatchdog = setInterval(() => {
+      if (!this.isPlaying) {
+        this._setStalled(!1);
+        return;
+      }
+      const t = this.currentTime;
+      t !== this._stalledCheckTime && this._setStalled(!1), this._stalledCheckTime = t;
+    }, 500);
+  }
+  _stopStalledWatchdog() {
+    this._stalledWatchdog !== null && (clearInterval(this._stalledWatchdog), this._stalledWatchdog = null);
+  }
   setupMediaSession() {
     "mediaSession" in navigator && (navigator.mediaSession.setActionHandler("play", () => this.play()), navigator.mediaSession.setActionHandler("pause", () => this.pause()), navigator.mediaSession.setActionHandler("previoustrack", () => this.goBackward(!1, () => {
     })), navigator.mediaSession.setActionHandler("nexttrack", () => this.goForward(!1, () => {
@@ -10781,14 +10910,14 @@ class As extends dr {
       title: e?.title || `Track ${t + 1}`,
       artist: this.pub.metadata.authors ? this.pub.metadata.authors.items.map((n) => n.name.getTranslation()).join(", ") : void 0,
       album: this.pub.metadata.title.getTranslation(),
-      artwork: i ? [{ src: i.href, type: i.type }] : void 0
+      artwork: i ? [{ src: i.toURL(this.pub.baseURL) ?? i.href, type: i.type }] : void 0
     });
   }
   startPositionPolling() {
     this.stopPositionPolling(), this.positionPollInterval = setInterval(() => {
       const t = this.currentTime, e = this.duration, i = e > 0 ? t / e : 0;
       this.currentLocation = this.currentLocation.copyWithLocations(new E({
-        position: this.currentTrackIndex(),
+        position: this.currentTrackIndex() + 1,
         progression: i,
         fragments: [`t=${t}`]
       })), this._notifyTimelineChange(this.currentLocation), this.listeners.positionChanged(this.currentLocation);
@@ -10805,14 +10934,14 @@ class As extends dr {
         i(!1);
         return;
       }
-      const a = ++this.navigationId, l = r >= this.currentTrackIndex() ? "forward" : "backward", h = this.isPlaying || this._playIntent;
-      if (this._playIntent = h, this.stopPositionPolling(), this.pool.setCurrentAudio(r, l), this.currentLocation = t.copyWithLocations(t.locations), await this.waitForLoadedAndSeeked(o, a), a !== this.navigationId) {
+      const a = ++this.navigationId, l = this.currentTrackIndex(), h = r >= l ? "forward" : "backward", c = this.isPlaying || this._playIntent;
+      if (this._playIntent = c, this._isNavigating = !0, this.stopPositionPolling(), this.pool.setCurrentAudio(r, h), this.currentLocation = t.copyWithLocations(t.locations), await this.waitForLoadedAndSeeked(o, a), this._isNavigating = !1, a !== this.navigationId) {
         i(!1);
         return;
       }
-      this.listeners.trackLoaded(this.pool.audioEngine.getMediaElement()), this._notifyTimelineChange(this.currentLocator), this.listeners.positionChanged(this.currentLocator), this._settings.enableMediaSession && this.updateMediaSessionMetadata(), h && this.play(), i(!0);
+      r !== l && this.listeners.trackLoaded(this.pool.audioEngine.getMediaElement()), this._notifyTimelineChange(this.currentLocator), this.listeners.positionChanged(this.currentLocator), this._settings.enableMediaSession && this.updateMediaSessionMetadata(), c && this.play(), i(!0);
     } catch (n) {
-      console.error("Failed to go to locator:", n), i(!1);
+      this._isNavigating = !1, console.error("Failed to go to locator:", n), i(!1);
     } finally {
       this._playIntent = !1;
     }
@@ -10890,19 +11019,36 @@ class As extends dr {
   get canGoForward() {
     return this.currentTrackIndex() < this.pub.readingOrder.items.length - 1;
   }
+  /**
+   * The RemotePlayback object for the primary media element.
+   * Because the element is never swapped, this reference is stable for the
+   * lifetime of the navigator — host apps can store it and call `.prompt()`,
+   * `.watchAvailability()`, etc. directly.
+   */
+  get remotePlayback() {
+    const t = this.pool.audioEngine.getMediaElement();
+    return "remote" in t ? t.remote : void 0;
+  }
+  /** Wires up the optional remotePlaybackStateChanged listener. Called once after initial load. */
+  _setupRemotePlayback() {
+    if (this._contentProtection.disableRemotePlayback)
+      return;
+    const t = this.remotePlayback;
+    t && (t.onconnecting = () => this.listeners.remotePlaybackStateChanged("connecting"), t.onconnect = () => this.listeners.remotePlaybackStateChanged("connected"), t.ondisconnect = () => this.listeners.remotePlaybackStateChanged("disconnected"));
+  }
   destroyMediaSession() {
     "mediaSession" in navigator && (navigator.mediaSession.metadata = null, navigator.mediaSession.setActionHandler("play", null), navigator.mediaSession.setActionHandler("pause", null), navigator.mediaSession.setActionHandler("previoustrack", null), navigator.mediaSession.setActionHandler("nexttrack", null), navigator.mediaSession.setActionHandler("seekbackward", null), navigator.mediaSession.setActionHandler("seekforward", null));
   }
   destroy() {
-    this.stopPositionPolling(), this.destroyMediaSession(), this._suspiciousActivityListener && window.removeEventListener(st, this._suspiciousActivityListener), this._keyboardPeripheralListener && window.removeEventListener(ot, this._keyboardPeripheralListener), this._navigatorProtector?.destroy(), this._keyboardPeripheralsManager?.destroy(), this.pool.destroy();
+    this.stopPositionPolling(), this._stopStalledWatchdog(), this.destroyMediaSession(), this._suspiciousActivityListener && window.removeEventListener(st, this._suspiciousActivityListener), this._keyboardPeripheralListener && window.removeEventListener(ot, this._keyboardPeripheralListener), this._navigatorProtector?.destroy(), this._keyboardPeripheralsManager?.destroy(), this.pool.destroy();
   }
 }
 export {
   Cs as AudioDefaults,
   As as AudioNavigator,
   oe as AudioPreferences,
-  Fi as AudioPreferencesEditor,
-  Ni as AudioSettings,
+  Ni as AudioPreferencesEditor,
+  Fi as AudioSettings,
   O as BooleanPreference,
   cn as EnumPreference,
   ls as EpubDefaults,
@@ -10924,11 +11070,11 @@ export {
   _t as LineLengths,
   dr as MediaNavigator,
   nn as Navigator,
-  Re as Orientation,
+  xe as Orientation,
   A as Preference,
   re as Properties,
   gs as RSProperties,
-  R as RangePreference,
+  x as RangePreference,
   fs as ReadiumCSS,
   Le as Spread,
   J as TextAlignment,
@@ -10951,12 +11097,12 @@ export {
   se as ensureEnumValue,
   hn as ensureExperiment,
   ft as ensureFilter,
-  xr as ensureLessThanOrEqual,
-  Rr as ensureMoreThanOrEqual,
+  Rr as ensureLessThanOrEqual,
+  xr as ensureMoreThanOrEqual,
   w as ensureNonNegative,
-  I as ensureString,
+  U as ensureString,
   M as ensureValueInRange,
-  Ie as experiments,
+  Ue as experiments,
   ht as filterRangeConfig,
   Gt as fontSizeRangeConfig,
   nt as fontWeightRangeConfig,