@readium/navigator 2.4.0-beta.6 → 2.4.0-beta.7

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 N = class N {
+const F = class F {
   constructor(t) {
     if (typeof t == "string") {
-      if (!N.VALID_MODES.has(t.toLowerCase()))
+      if (!F.VALID_MODES.has(t.toLowerCase()))
         return;
       this.value = t.toLowerCase();
     } else {
       const e = t.filter(
-        (i) => N.VALID_MODES.has(i.toLowerCase())
+        (i) => F.VALID_MODES.has(i.toLowerCase())
       );
       if (e.length === 0)
         return;
@@ -77,11 +77,11 @@ const N = class N {
   static deserialize(t) {
     if (!t) return;
     if (typeof t == "string")
-      return new N(t);
+      return new F(t);
     if (!Array.isArray(t)) return;
-    const e = t.filter((i) => i ? N.VALID_MODES.has(i.toLowerCase()) : !1);
+    const e = t.filter((i) => i ? F.VALID_MODES.has(i.toLowerCase()) : !1);
     if (e.length !== 0)
-      return new N(e);
+      return new F(e);
   }
   /**
    * Serializes a [PrimaryAccessMode] to its RWPM JSON representation.
@@ -90,8 +90,8 @@ const N = class N {
     return this.value;
   }
 };
-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;
+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;
 const f = class f {
   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 F {
+class N {
   /**
    * Creates a [Locator].
    */
@@ -889,7 +889,7 @@ class F {
    */
   static deserialize(t) {
     if (t && t.href && t.type)
-      return new F({
+      return new N({
         href: t.href,
         type: t.type,
         title: t.title,
@@ -908,7 +908,7 @@ class F {
    * Shortcut to get a copy of the [Locator] with different [Locations] sub-properties.
    */
   copyWithLocations(t) {
-    return new F({
+    return new N({
       href: this.href,
       type: this.type,
       title: this.title,
@@ -991,7 +991,7 @@ class j {
    */
   get locator() {
     let t = this.href.split("#");
-    return new F({
+    return new N({
       href: t.length > 0 && t[0] !== void 0 ? t[0] : this.href,
       type: this.type ?? "",
       title: this.title,
@@ -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 Fn(s) {
+function Nn(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 Fn(tt.fromRange(t).toRange());
+    return Nn(tt.fromRange(t).toRange());
   }
 }
 class Wt {
@@ -1941,7 +1941,7 @@ class Ht {
     return new Wt(this.root, i.start, i.end);
   }
 }
-function Nn(s) {
+function Fn(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 || Nn(n) ? (r.selectNode(n), r) : (r.setStartBefore(n), r.setEndAfter(n), r);
+        return n.childNodes.length === 0 || Fn(n) ? (r.selectNode(n), r) : (r.setStartBefore(n), r.setEndAfter(n), r);
       }
     }
   } catch (e) {
@@ -2141,14 +2141,14 @@ function Xi(s, t, e) {
 function V(s, t, e) {
   return Math.abs(s - t) <= e;
 }
-function Fe(s) {
+function Ne(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 = Fe(s);
+  const e = Ne(s);
   Object.keys(e).forEach((i) => {
     t.hasOwnProperty(i) || ne(s, i);
   }), Object.entries(t).forEach(([i, n]) => {
@@ -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 = F.deserialize(r.decoration.locator)), this.groups.has(r.group) || this.groups.set(r.group, new $n(
+      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(
         t,
         e,
         `readium-decoration-${this.lastGroupId++}`,
@@ -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 Ne(s, t) {
+function Fe(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 F({
+  return new N({
     href: "#",
     type: "application/xhtml+xml",
     locations: new E({
@@ -2870,7 +2870,7 @@ const fi = "readium-column-snapper-style", tr = 200, U = class U extends Rt {
     }), e.register("go_text", U.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 F({
+      const l = at.deserialize(r), h = ie(this.wnd.document, new N({
         href: t.location.href,
         type: "text/html",
         text: l,
@@ -2921,7 +2921,7 @@ const fi = "readium-column-snapper-style", tr = 200, U = class U extends Rt {
         this.cachedScrollWidth = this.doc().scrollWidth, this.snapCurrentOffset(!1, !0), this.reportProgress(), o(!0);
       });
     }), e.register("first_visible_locator", U.moduleName, (r, o) => {
-      const a = Ne(t, !1);
+      const a = Fe(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;
@@ -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 F({
+      const a = at.deserialize(n), l = ie(this.wnd.document, new N({
         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 = Ne(t, !0);
+      const o = Fe(t, !0);
       this.comms.send("first_visible_locator", o.serialize()), r(!0);
     }), e.log("ScrollSnapper Mounted"), !0;
   }
@@ -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 F({
+      const o = at.deserialize(i), a = ie(this.wnd.document, new N({
         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 = Ne(t, !0);
+      const r = Fe(t, !0);
       e.send("first_visible_locator", r.serialize()), n(!0);
     }), e.log("WebPubSnapper Mounted"), !0;
   }
@@ -3622,7 +3622,7 @@ const Ct = class Ct extends bt {
     ), Reflect.defineProperty(t.navigator, "epubReadingSystem", {
       value: {
         name: "readium-ts-toolkit",
-        version: "2.4.0-beta.6",
+        version: "2.4.0-beta.7",
         hasFeature: (n, r = "") => {
           switch (n) {
             case "dom-manipulation":
@@ -3685,7 +3685,7 @@ 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) => {
-      Fe(t), r(!0);
+      Ne(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) => {
@@ -3761,7 +3761,7 @@ const Z = class Z extends bt {
       this.wndOnErr,
       !1
     ), e.register("get_properties", Z.moduleName, (i, n) => {
-      Fe(t), n(!0);
+      Ne(t), n(!0);
     }), e.register("update_properties", Z.moduleName, (i, n) => {
       Yi(t, i), n(!0);
     }), e.register("set_property", Z.moduleName, (i, n) => {
@@ -5311,7 +5311,7 @@ class pn {
     }
   }
 }
-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 = `/*!
+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
  * 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
@@ -5633,7 +5633,7 @@ function Ar(s) {
       id: "readium-css-webpub",
       as: "link",
       target: "head",
-      blob: new Blob([Ft(Or)], { type: "text/css" }),
+      blob: new Blob([Nt(Or)], { type: "text/css" }),
       rel: "stylesheet"
     }
   ];
@@ -5678,10 +5678,10 @@ class zr {
   }
 }
 let Mr = 0;
-function Fr() {
+function Nr() {
   return ++Mr;
 }
-const Nr = `
+const Fr = `
 onmessage = function(event) {
   var action = event.data;
   var startTime = performance.now()
@@ -5702,7 +5702,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 = Fr();
+    const i = Nr();
     return new Promise((n, r) => {
       this.callbacks.set(i, n), this.worker.postMessage({
         id: i,
@@ -5717,7 +5717,7 @@ onmessage = function(event) {
     this.worker.terminate(), URL.revokeObjectURL(this.blobUrl);
   }
 };
-Ve.workerScript = Nr;
+Ve.workerScript = Fr;
 let ee = Ve;
 function De(s) {
   return typeof window < "u" && console ? console[s] : (...t) => {
@@ -6153,9 +6153,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 = F.deserialize(e);
+        const i = N.deserialize(e);
         if (!i) break;
-        this.currentLocation = new F({
+        this.currentLocation = new N({
           href: this.currentLocation.href,
           type: this.currentLocation.type,
           title: this.currentLocation.title,
@@ -6363,7 +6363,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 F({
+    return this.pub.manifest.locatorFromLink(e) || new N({
       href: e.href,
       type: e.type || "text/html",
       locations: new E({
@@ -7983,7 +7983,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 Nt(s) {
+function Ft(s) {
   const t = getComputedStyle(s), e = parseFloat(t.paddingLeft || "0"), i = parseFloat(t.paddingRight || "0");
   return s.clientWidth - e - i;
 }
@@ -8009,7 +8009,7 @@ class gs extends re {
 }
 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 = Nt(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 = Ft(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 +8076,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(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;
+    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;
     let u = 1, m = n;
     if (i === void 0)
       return {
@@ -8122,7 +8122,7 @@ class fs {
   }
   // This behaves as paginate where colCount = 1
   computeScrollLength(t, e) {
-    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;
+    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;
     let l, h = i, c = Math.round(o * r);
     if (a === null)
       c = i;
@@ -9409,7 +9409,7 @@ function ws(s, t) {
     id: "readium-css-before",
     as: "link",
     target: "head",
-    blob: new Blob([Ft(Ss)], { type: "text/css" }),
+    blob: new Blob([Nt(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([Ft(bs)], { type: "text/css" }),
+      blob: new Blob([Nt(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([Ft(ys)], { type: "text/css" }),
+      blob: new Blob([Nt(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 = `${Nt(t) - this._settings.constraint}px`, this.framePool.resizeHandler();
+      this.container.style.width = `${Ft(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 = F.deserialize(e);
+        const i = N.deserialize(e);
         if (!i) break;
-        this.currentLocation = new F({
+        this.currentLocation = new N({
           href: this.currentLocation.href,
           type: this.currentLocation.type,
           title: this.currentLocation.title,
@@ -10103,22 +10103,6 @@ class Es {
       (i) => i !== e
     ));
   }
-  /**
-   * Load the audio resource at the given URL.
-   * @param url The URL of the audio resource.
-   * */
-  loadAudio(t) {
-    if (this.mediaElement.pause(), this.mediaElement.removeAttribute("src"), this.mediaElement.load(), this.isLoadingValue = !0, this.isLoadedValue = !1, this.isPlayingValue = !1, this.isPausedValue = !1, this.webAudioActive) {
-      this.mediaElement.crossOrigin = "anonymous", this.mediaElement.src = t, this.mediaElement.load(), this.mediaElement.playbackRate = this.currentPlaybackRate;
-      const e = () => {
-        this.mediaElement.removeEventListener("error", i), this.mediaElement.removeEventListener("canplaythrough", n);
-      }, i = () => {
-        e(), this.deactivateWebAudio(), this.mediaElement.removeAttribute("crossOrigin"), this.mediaElement.src = t, this.mediaElement.load(), this.mediaElement.playbackRate = this.currentPlaybackRate;
-      }, n = () => e();
-      this.mediaElement.addEventListener("error", i), this.mediaElement.addEventListener("canplaythrough", n);
-    } else
-      this.mediaElement.src = t, this.mediaElement.load(), this.mediaElement.playbackRate = this.currentPlaybackRate;
-  }
   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;
   }
@@ -10127,7 +10111,14 @@ class Es {
    * @param element The HTML audio element to use.
    */
   setMediaElement(t) {
-    this.mediaElement.pause(), this.isPlayingValue = !1, this.isPausedValue = !1, this.sourceNode && (this.sourceNode.disconnect(), this.sourceNode = null), 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 = 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.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);
+    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() {
@@ -10356,12 +10347,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 Fi {
+class Ni {
   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 Ni {
+class Fi {
   constructor(t, e) {
     this.preferences = t, this.settings = e;
   }
@@ -10501,7 +10492,7 @@ class xs {
    */
   ensure(t) {
     let e = this.pool.get(t);
-    return e || (e = document.createElement("audio"), e.preload = "auto", e.src = t, e.load(), this.pool.set(t, e)), e;
+    return e || (e = document.createElement("audio"), e.preload = "auto", this._audioEngine.isWebAudioActive && (e.crossOrigin = "anonymous"), e.src = t, e.load(), this.pool.set(t, e)), e;
   }
   /**
    * Updates the pool around the given index: ensures elements exist within
@@ -10522,7 +10513,7 @@ class xs {
    */
   setCurrentAudio(t, e) {
     const i = this.pickPlayableHref(this._publication.readingOrder.items[t]), n = this.ensure(i);
-    this.audioEngine.isWebAudioActive ? (this.audioEngine.setMediaElement(n), this.audioEngine.loadAudio(i)) : this.audioEngine.setMediaElement(n), this.pool.delete(i), this.update(t);
+    this.audioEngine.setMediaElement(n), this.pool.delete(i), this.update(t);
   }
   destroy() {
     this.audioEngine.stop();
@@ -10607,11 +10598,11 @@ class As extends dr {
     preferences: {},
     defaults: {}
   }) {
-    if (super(), this.positionPollInterval = null, this.navigationId = 0, 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 Fi(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.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)
       this.currentLocation = this.ensureLocatorLocations(i);
     else {
       const u = this.pub.readingOrder.items[0];
-      this.currentLocation = new F({
+      this.currentLocation = new N({
         href: u.href,
         type: u.type || "audio/mpeg",
         title: u.title,
@@ -10652,19 +10643,19 @@ class As extends dr {
     return this._settings;
   }
   get preferencesEditor() {
-    return this._preferencesEditor === null && (this._preferencesEditor = new Ni(this._preferences, this.settings)), this._preferencesEditor;
+    return this._preferencesEditor === null && (this._preferencesEditor = new Fi(this._preferences, this.settings)), this._preferencesEditor;
   }
   async submitPreferences(t) {
     this._preferences = this._preferences.merging(t), this.applyPreferences();
   }
   applyPreferences() {
-    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._settings.enableMediaSession && !this._mediaSessionEnabled ? (this._mediaSessionEnabled = !0, this.setupMediaSession()) : !this._settings.enableMediaSession && this._mediaSessionEnabled && (this._mediaSessionEnabled = !1, this.destroyMediaSession());
+    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());
   }
   get publication() {
     return this.pub;
   }
   ensureLocatorLocations(t) {
-    return new F({
+    return new N({
       ...t,
       locations: t.locations instanceof E ? t.locations : t.locations ? new E(t.locations) : void 0
     });
@@ -10697,7 +10688,7 @@ 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 F({
+    return new N({
       href: i.href,
       type: i.type || "audio/mpeg",
       title: i.title,
@@ -10805,9 +10796,9 @@ class As extends dr {
         i(!1);
         return;
       }
-      const a = ++this.navigationId, l = r >= this.currentTrackIndex() ? "forward" : "backward", h = this.isPlaying;
-      if (this.stopPositionPolling(), this.pool.setCurrentAudio(r, l), this.currentLocation = t.copyWithLocations(t.locations), await this.waitForLoadedAndSeeked(o, a), a !== this.navigationId) return;
-      this.listeners.trackLoaded(this.pool.audioEngine.getMediaElement()), this.listeners.positionChanged(this.currentLocator), this._settings.enableMediaSession && this.updateMediaSessionMetadata(), h && this.play(), i(!0);
+      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) return;
+      this.listeners.trackLoaded(this.pool.audioEngine.getMediaElement()), this.listeners.positionChanged(this.currentLocator), this._settings.enableMediaSession && this.updateMediaSessionMetadata(), h && this.play(), this._playIntent = !1, i(!0);
     } catch (n) {
       console.error("Failed to go to locator:", n), i(!1);
     }
@@ -10896,8 +10887,8 @@ export {
   Cs as AudioDefaults,
   As as AudioNavigator,
   oe as AudioPreferences,
-  Ni as AudioPreferencesEditor,
-  Fi as AudioSettings,
+  Fi as AudioPreferencesEditor,
+  Ni as AudioSettings,
   O as BooleanPreference,
   cn as EnumPreference,
   ls as EpubDefaults,