@readium/navigator 2.0.0-beta.2 → 2.0.0-beta.4

package/dist/index.js

@@ -26,7 +26,7 @@ let xA = class Ze {
     return this.compression !== void 0 && (t.compression = this.compression), this.originalLength !== void 0 && (t.originalLength = this.originalLength), this.profile !== void 0 && (t.profile = this.profile), this.scheme !== void 0 && (t.scheme = this.scheme), t;
   }
 };
-class Q {
+class R {
   constructor(t) {
     this.otherProperties = t;
   }
@@ -35,7 +35,7 @@ class Q {
    */
   static deserialize(t) {
     if (t)
-      return new Q(t);
+      return new R(t);
   }
   /**
    * Serializes a [Properties] to its RWPM JSON representation.
@@ -50,19 +50,19 @@ class Q {
     const e = Object.assign({}, this.otherProperties);
     for (const A in t)
       e[A] = t[A];
-    return new Q(e);
+    return new R(e);
   }
 }
-Object.defineProperty(Q.prototype, "encryption", {
+Object.defineProperty(R.prototype, "encryption", {
   get: function() {
     return xA.deserialize(this.otherProperties.encrypted);
   }
 });
-var p = /* @__PURE__ */ ((i) => (i.fixed = "fixed", i.reflowable = "reflowable", i))(p || {}), it = /* @__PURE__ */ ((i) => (i.auto = "auto", i.landscape = "landscape", i.portrait = "portrait", i))(it || {}), W = /* @__PURE__ */ ((i) => (i.left = "left", i.right = "right", i.center = "center", i))(W || {}), yt = /* @__PURE__ */ ((i) => (i.auto = "auto", i.both = "both", i.none = "none", i.landscape = "landscape", i))(yt || {});
-Q.prototype.getContains = function() {
+var p = /* @__PURE__ */ ((i) => (i.fixed = "fixed", i.reflowable = "reflowable", i))(p || {}), it = /* @__PURE__ */ ((i) => (i.auto = "auto", i.landscape = "landscape", i.portrait = "portrait", i))(it || {}), W = /* @__PURE__ */ ((i) => (i.left = "left", i.right = "right", i.center = "center", i))(W || {}), Ct = /* @__PURE__ */ ((i) => (i.auto = "auto", i.both = "both", i.none = "none", i.landscape = "landscape", i))(Ct || {});
+R.prototype.getContains = function() {
   return new Set(this.otherProperties.contains || []);
 };
-Q.prototype.getLayout = function() {
+R.prototype.getLayout = function() {
   return this.otherProperties.layout;
 };
 class d {
@@ -688,7 +688,7 @@ class X {
         type: t.type,
         title: t.title,
         rels: t.rel ? t.rel instanceof Array ? new Set(t.rel) : /* @__PURE__ */ new Set([t.rel]) : void 0,
-        properties: Q.deserialize(t.properties),
+        properties: R.deserialize(t.properties),
         height: D(t.height),
         width: D(t.width),
         duration: D(t.duration),
@@ -738,7 +738,7 @@ class X {
   addProperties(t) {
     var e;
     const A = X.deserialize(this.serialize());
-    return A.properties = A.properties ? (e = A.properties) == null ? void 0 : e.add(t) : new Q(t), A;
+    return A.properties = A.properties ? (e = A.properties) == null ? void 0 : e.add(t) : new R(t), A;
   }
   /**
    * Creates a [Locator] from a reading order [Link].
@@ -1078,46 +1078,46 @@ let PA = class iA {
     return this.since !== void 0 && (t.since = this.since.toISOString()), this.until !== void 0 && (t.until = this.until.toISOString()), t;
   }
 };
-Q.prototype.getNumberOfItems = function() {
+R.prototype.getNumberOfItems = function() {
   return D(this.otherProperties.numberOfItems);
 };
-Q.prototype.getPrice = function() {
+R.prototype.getPrice = function() {
   return bA.deserialize(this.otherProperties.price);
 };
-Q.prototype.getIndirectAcquisitions = function() {
+R.prototype.getIndirectAcquisitions = function() {
   const i = this.otherProperties.indirectAcquisition;
   if (i && i instanceof Array)
     return i.map((t) => vA.deserialize(t)).filter((t) => t !== void 0);
 };
-Q.prototype.getHolds = function() {
+R.prototype.getHolds = function() {
   return te.deserialize(this.otherProperties.holds);
 };
-Q.prototype.getCopies = function() {
+R.prototype.getCopies = function() {
   return ee.deserialize(this.otherProperties.copies);
 };
-Q.prototype.getAvailability = function() {
+R.prototype.getAvailability = function() {
   return PA.deserialize(this.otherProperties.availability);
 };
-Q.prototype.getAuthenticate = function() {
+R.prototype.getAuthenticate = function() {
   return X.deserialize(this.otherProperties.authenticate);
 };
 var I = /* @__PURE__ */ ((i) => (i.auto = "auto", i.btt = "btt", i.ltr = "ltr", i.rtl = "rtl", i.ttb = "ttb", i))(I || {});
-Q.prototype.getClipped = function() {
+R.prototype.getClipped = function() {
   return this.otherProperties.clipped;
 };
-Q.prototype.getFit = function() {
+R.prototype.getFit = function() {
   return this.otherProperties.fit;
 };
-Q.prototype.getOrientation = function() {
+R.prototype.getOrientation = function() {
   return this.otherProperties.orientation;
 };
-Q.prototype.getOverflow = function() {
+R.prototype.getOverflow = function() {
   return this.otherProperties.overflow;
 };
-Q.prototype.getPage = function() {
+R.prototype.getPage = function() {
   return this.otherProperties.page || void 0;
 };
-Q.prototype.getSpread = function() {
+R.prototype.getSpread = function() {
   return this.otherProperties.spread || void 0;
 };
 var K;
@@ -1427,7 +1427,7 @@ class ie {
     return this.compression !== void 0 && (t.compression = this.compression), this.originalLength !== void 0 && (t.originalLength = this.originalLength), this.profile !== void 0 && (t.profile = this.profile), this.scheme !== void 0 && (t.scheme = this.scheme), t;
   }
 }
-class Y {
+class Q {
   constructor(t) {
     this.otherProperties = t;
   }
@@ -1436,7 +1436,7 @@ class Y {
    */
   static deserialize(t) {
     if (t)
-      return new Y(t);
+      return new Q(t);
   }
   /**
    * Serializes a [Properties] to its RWPM JSON representation.
@@ -1451,18 +1451,18 @@ class Y {
     const e = Object.assign({}, this.otherProperties);
     for (const A in t)
       e[A] = t[A];
-    return new Y(e);
+    return new Q(e);
   }
 }
-Object.defineProperty(Y.prototype, "encryption", {
+Object.defineProperty(Q.prototype, "encryption", {
   get: function() {
     return ie.deserialize(this.otherProperties.encrypted);
   }
 });
-Y.prototype.getContains = function() {
+Q.prototype.getContains = function() {
   return new Set(this.otherProperties.contains || []);
 };
-Y.prototype.getLayout = function() {
+Q.prototype.getLayout = function() {
   return this.otherProperties.layout;
 };
 class u {
@@ -2089,7 +2089,7 @@ class at {
         type: t.type,
         title: t.title,
         rels: t.rel ? t.rel instanceof Array ? new Set(t.rel) : /* @__PURE__ */ new Set([t.rel]) : void 0,
-        properties: Y.deserialize(t.properties),
+        properties: Q.deserialize(t.properties),
         height: b(t.height),
         width: b(t.width),
         duration: b(t.duration),
@@ -2139,7 +2139,7 @@ class at {
   addProperties(t) {
     var e;
     const A = at.deserialize(this.serialize());
-    return A.properties = A.properties ? (e = A.properties) == null ? void 0 : e.add(t) : new Y(t), A;
+    return A.properties = A.properties ? (e = A.properties) == null ? void 0 : e.add(t) : new Q(t), A;
   }
   /**
    * Creates a [Locator] from a reading order [Link].
@@ -2482,45 +2482,45 @@ class ae {
     return this.since !== void 0 && (t.since = this.since.toISOString()), this.until !== void 0 && (t.until = this.until.toISOString()), t;
   }
 }
-Y.prototype.getNumberOfItems = function() {
+Q.prototype.getNumberOfItems = function() {
   return b(this.otherProperties.numberOfItems);
 };
-Y.prototype.getPrice = function() {
+Q.prototype.getPrice = function() {
   return re.deserialize(this.otherProperties.price);
 };
-Y.prototype.getIndirectAcquisitions = function() {
+Q.prototype.getIndirectAcquisitions = function() {
   const i = this.otherProperties.indirectAcquisition;
   if (i && i instanceof Array)
     return i.map((t) => Mt.deserialize(t)).filter((t) => t !== void 0);
 };
-Y.prototype.getHolds = function() {
+Q.prototype.getHolds = function() {
   return se.deserialize(this.otherProperties.holds);
 };
-Y.prototype.getCopies = function() {
+Q.prototype.getCopies = function() {
   return oe.deserialize(this.otherProperties.copies);
 };
-Y.prototype.getAvailability = function() {
+Q.prototype.getAvailability = function() {
   return ae.deserialize(this.otherProperties.availability);
 };
-Y.prototype.getAuthenticate = function() {
+Q.prototype.getAuthenticate = function() {
   return at.deserialize(this.otherProperties.authenticate);
 };
-Y.prototype.getClipped = function() {
+Q.prototype.getClipped = function() {
   return this.otherProperties.clipped;
 };
-Y.prototype.getFit = function() {
+Q.prototype.getFit = function() {
   return this.otherProperties.fit;
 };
-Y.prototype.getOrientation = function() {
+Q.prototype.getOrientation = function() {
   return this.otherProperties.orientation;
 };
-Y.prototype.getOverflow = function() {
+Q.prototype.getOverflow = function() {
   return this.otherProperties.overflow;
 };
-Y.prototype.getPage = function() {
+Q.prototype.getPage = function() {
   return this.otherProperties.page || void 0;
 };
-Y.prototype.getSpread = function() {
+Q.prototype.getSpread = function() {
   return this.otherProperties.spread || void 0;
 };
 var q;
@@ -2586,7 +2586,7 @@ function li(i, t, e) {
 function Ht(i) {
   return (i | -i) >> 31 & 1;
 }
-function Ce(i, t, e, A) {
+function ye(i, t, e, A) {
   let n = i.P[e], r = i.M[e];
   const s = A >>> 31, o = t[e] | s, a = o | r, h = (o & n) + n ^ n | o;
   let l = r | ~(h | n), c = n & h;
@@ -2633,7 +2633,7 @@ function oA(i, t, e) {
     m < h.length ? M = h[m] : (M = a.get(m), typeof M > "u" && (M = o));
     let B = 0;
     for (let E = 0; E <= l; E += 1)
-      B = Ce(s, M, E, B), c[E] += B;
+      B = ye(s, M, E, B), c[E] += B;
     if (c[l] - B <= e && l < r && (M[l + 1] & 1 || B < 0)) {
       l += 1, s.P[l] = -1, s.M[l] = 0;
       let E;
@@ -2642,7 +2642,7 @@ function oA(i, t, e) {
         E = f === 0 ? n : f;
       } else
         E = n;
-      c[l] = c[l - 1] + E - B + Ce(s, M, l, B);
+      c[l] = c[l - 1] + E - B + ye(s, M, l, B);
     } else
       for (; l > 0 && c[l] >= e + n; )
         l -= 1;
@@ -2669,7 +2669,7 @@ function aA(i, t, e) {
     }), A += 1);
   return n.length > 0 ? n : ci(i, t, e);
 }
-function ye(i, t) {
+function Ce(i, t) {
   return t.length === 0 || i.length === 0 ? 0 : 1 - aA(i, t, t.length)[0].errors / t.length;
 }
 function gi(i, t, e = {}) {
@@ -2679,13 +2679,13 @@ function gi(i, t, e = {}) {
   if (n.length === 0)
     return null;
   const r = (o) => {
-    const a = 1 - o.errors / t.length, h = e.prefix ? ye(
+    const a = 1 - o.errors / t.length, h = e.prefix ? Ce(
       i.slice(
         Math.max(0, o.start - e.prefix.length),
         o.start
       ),
       e.prefix
-    ) : 1, l = e.suffix ? ye(
+    ) : 1, l = e.suffix ? Ce(
       i.slice(o.end, o.end + e.suffix.length),
       e.suffix
     ) : 1;
@@ -3299,7 +3299,7 @@ const wi = (i) => {
   const t = wi(i);
   return Ii(t) < 128;
 }, Ui = "Highlight" in window, Ne = ["IMG", "IMAGE", "AUDIO", "VIDEO", "SVG"];
-class Ci {
+class yi {
   /**
    * Creates a DecorationGroup object
    * @param id Unique HTML ID-adhering name of the group
@@ -3394,14 +3394,14 @@ class Ci {
       getComputedStyle(this.wnd.document.documentElement).getPropertyValue(
         "column-count"
       )
-    ), l = a / (h || 1), c = this.wnd.document.scrollingElement, g = c.scrollLeft, m = c.scrollTop, M = (w, U, z) => {
+    ), l = a / (h || 1), c = this.wnd.document.scrollingElement, g = c.scrollLeft, m = c.scrollTop, M = (w, U, Y) => {
       var nt, mt, ce, ge, de, ue;
       if (w.style.position = "absolute", ((mt = (nt = t.decoration) == null ? void 0 : nt.style) == null ? void 0 : mt.width) === "viewport") {
         w.style.width = `${a}px`, w.style.height = `${U.height}px`;
         let bt = Math.floor(U.left / a) * a;
         w.style.left = `${bt + g}px`, w.style.top = `${U.top + m}px`;
       } else if (((ge = (ce = t.decoration) == null ? void 0 : ce.style) == null ? void 0 : ge.width) === "bounds")
-        w.style.width = `${z.width}px`, w.style.height = `${U.height}px`, w.style.left = `${z.left + g}px`, w.style.top = `${U.top + m}px`;
+        w.style.width = `${Y.width}px`, w.style.height = `${U.height}px`, w.style.left = `${Y.left + g}px`, w.style.top = `${U.top + m}px`;
       else if (((ue = (de = t.decoration) == null ? void 0 : de.style) == null ? void 0 : ue.width) === "page") {
         w.style.width = `${l}px`, w.style.height = `${U.height}px`;
         let bt = Math.floor(U.left / l) * l;
@@ -3434,10 +3434,10 @@ class Ci {
         !0
         // doNotMergeHorizontallyAlignedRects
       );
-      w = w.sort((U, z) => U.top < z.top ? -1 : U.top > z.top ? 1 : 0);
+      w = w.sort((U, Y) => U.top < Y.top ? -1 : U.top > Y.top ? 1 : 0);
       for (let U of w) {
-        const z = F.cloneNode(!0);
-        z.style.setProperty("pointer-events", "none"), M(z, U, B), o.append(z);
+        const Y = F.cloneNode(!0);
+        Y.style.setProperty("pointer-events", "none"), M(Y, U, B), o.append(Y);
       }
     }
     t.container = o, t.clickableElements = Array.from(
@@ -3489,7 +3489,7 @@ const mA = class Zt extends Dt {
   mount(t, e) {
     return this.wnd = t, e.register("decorate", Zt.moduleName, (A, n) => {
       const r = A;
-      r.decoration && r.decoration.locator && (r.decoration.locator = tt.deserialize(r.decoration.locator)), this.groups.has(r.group) || this.groups.set(r.group, new Ci(
+      r.decoration && r.decoration.locator && (r.decoration.locator = tt.deserialize(r.decoration.locator)), this.groups.has(r.group) || this.groups.set(r.group, new yi(
         t,
         e,
         `readium-decoration-${this.lastGroupId++}`,
@@ -3518,7 +3518,7 @@ const mA = class Zt extends Dt {
   }
 };
 mA.moduleName = "decorator";
-let yi = mA;
+let Ci = mA;
 const Se = "readium-snapper-style", MA = class Kt extends Dt {
   constructor() {
     super(...arguments), this.protected = !1;
@@ -3560,15 +3560,19 @@ function Ri(i) {
   return i.clientHeight - e - A;
 }
 function xe(i) {
-  const t = i.document.querySelectorAll("div[id^='readium-virtual-page']");
-  for (const o of t)
-    o.remove();
-  const e = pA(i), A = i.document.scrollingElement.scrollWidth, n = Math.ceil(A / i.innerWidth) * e, r = Math.round(A / i.innerWidth * e), s = e === 1 ? 0 : n - r;
-  if (s > 0)
-    for (let o = 0; o < s; o++) {
-      const a = i.document.createElement("div");
-      a.setAttribute("id", `readium-virtual-page-${o}`), a.dataset.readium = "true", CSS.supports("break-before", "column") ? a.style.breakBefore = "column" : (CSS.supports("break-inside", "avoid-column") && (a.style.breakInside = "avoid-column"), a.style.height = Ri(i.document.documentElement) + "px"), a.innerHTML = "&#8203;", i.document.body.appendChild(a);
+  const t = pA(i);
+  if (!t)
+    return !1;
+  const e = i.document.querySelectorAll("div[id^='readium-virtual-page']");
+  for (const a of e)
+    a.remove();
+  const A = e.length, n = i.document.scrollingElement.scrollWidth, r = i.visualViewport.width, s = Math.round(n / r * t) % t, o = t === 1 || s === 0 ? 0 : t - s;
+  if (o > 0)
+    for (let a = 0; a < o; a++) {
+      const h = i.document.createElement("div");
+      h.setAttribute("id", `readium-virtual-page-${a}`), h.dataset.readium = "true", CSS.supports("break-before", "column") ? h.style.breakBefore = "column" : (CSS.supports("break-inside", "avoid-column") && (h.style.breakInside = "avoid-column"), h.style.height = Ri(i.document.documentElement) + "px"), h.innerHTML = "&#8203;", i.document.body.appendChild(h);
     }
+  return A !== o;
 }
 function Qi(i) {
   return i < 0.5 ? 2 * i * i : -1 + (4 - 2 * i) * i;
@@ -4058,7 +4062,7 @@ class UA extends Dt {
   }
 }
 UA.moduleName = "peripherals";
-const CA = class qt extends Dt {
+const yA = class qt extends Dt {
   constructor() {
     super(...arguments), this.mediaPlayingCount = 0, this.allAnimations = /* @__PURE__ */ new Set();
   }
@@ -4112,7 +4116,7 @@ const CA = class qt extends Dt {
     ), Reflect.defineProperty(t.navigator, "epubReadingSystem", {
       value: {
         name: "readium-ts-toolkit",
-        version: "2.0.0-beta.1",
+        version: "2.0.0-beta.2",
         hasFeature: (n, r = "") => {
           switch (n) {
             case "dom-manipulation":
@@ -4159,9 +4163,9 @@ const CA = class qt extends Dt {
     return t.removeEventListener("error", this.wndOnErr), t.removeEventListener("play", this.onMediaPlayEvent), t.removeEventListener("pause", this.onMediaPauseEvent), this.allAnimations.forEach((A) => A.cancel()), this.allAnimations.clear(), e.log("Setup Unmounted"), !0;
   }
 };
-CA.moduleName = "setup";
-let yA = CA;
-const Ve = "readium-viewport", RA = class At extends yA {
+yA.moduleName = "setup";
+let CA = yA;
+const Ve = "readium-viewport", RA = class At extends CA {
   onViewportWidthChanged(t) {
     const e = t.target;
     Nt(e, "--RS__viewportWidth", `${e.innerWidth}px`);
@@ -4195,7 +4199,7 @@ const Ve = "readium-viewport", RA = class At extends yA {
 };
 RA.moduleName = "reflowable_setup";
 let Vi = RA;
-const De = "readium-fixed-style", QA = class Z extends yA {
+const De = "readium-fixed-style", QA = class Z extends CA {
   mount(t, e) {
     if (!super.mount(t, e))
       return !1;
@@ -4255,7 +4259,7 @@ const bi = [
   Di,
   Vi,
   UA,
-  yi,
+  Ci,
   Ti,
   ji
 ].map((i) => [i.moduleName, i]));
@@ -4533,16 +4537,16 @@ class Hi {
       }), this.currentBaseURL !== void 0 && t.baseURL !== this.currentBaseURL && (this.blobs.forEach((f) => URL.revokeObjectURL(f)), this.blobs.clear()), this.currentBaseURL = t.baseURL;
       const g = async (f) => {
         var U;
-        if (n && (this.blobs.forEach((z) => URL.revokeObjectURL(z)), this.blobs.clear(), this.pendingUpdates.clear()), this.pendingUpdates.has(f) && ((U = this.pendingUpdates.get(f)) == null ? void 0 : U.inPool) === !1) {
-          const z = this.blobs.get(f);
-          z && (URL.revokeObjectURL(z), this.blobs.delete(f), this.pendingUpdates.delete(f));
+        if (n && (this.blobs.forEach((Y) => URL.revokeObjectURL(Y)), this.blobs.clear(), this.pendingUpdates.clear()), this.pendingUpdates.has(f) && ((U = this.pendingUpdates.get(f)) == null ? void 0 : U.inPool) === !1) {
+          const Y = this.blobs.get(f);
+          Y && (URL.revokeObjectURL(Y), this.blobs.delete(f), this.pendingUpdates.delete(f));
         }
         if (this.pool.has(f)) {
-          const z = this.pool.get(f);
+          const Y = this.pool.get(f);
           if (!this.blobs.has(f))
-            await z.destroy(), this.pool.delete(f), this.pendingUpdates.delete(f);
+            await Y.destroy(), this.pool.delete(f), this.pendingUpdates.delete(f);
           else {
-            await z.load(A);
+            await Y.load(A);
             return;
           }
         }
@@ -5175,7 +5179,7 @@ class Ki {
       if (A.length > 1)
         return;
       const r = A[0], s = (o = r.properties) == null ? void 0 : o.getOrientation();
-      n === 0 && (s === it.landscape || s !== it.portrait && ((r.width || 0) > (r.height || 0) || ((a = r.properties) == null ? void 0 : a.getSpread()) === yt.both)) && (this.shift = !1), e && ((h = r.properties) == null ? void 0 : h.getPage()) === W.center && this.spreads[n - 1][0].addProperties({ addBlank: !0 }), s === it.portrait && ((l = r.properties) == null ? void 0 : l.getPage()) !== "center" && ((c = r.properties) == null ? void 0 : c.otherProperties.number) > 1 ? e = !0 : e = !1;
+      n === 0 && (s === it.landscape || s !== it.portrait && ((r.width || 0) > (r.height || 0) || ((a = r.properties) == null ? void 0 : a.getSpread()) === Ct.both)) && (this.shift = !1), e && ((h = r.properties) == null ? void 0 : h.getPage()) === W.center && this.spreads[n - 1][0].addProperties({ addBlank: !0 }), s === it.portrait && ((l = r.properties) == null ? void 0 : l.getPage()) !== "center" && ((c = r.properties) == null ? void 0 : c.otherProperties.number) > 1 ? e = !0 : e = !1;
     }), this.shift || this.index(t, !0);
   }
   buildSpreads(t) {
@@ -5196,7 +5200,7 @@ const He = 8, ke = 5, qi = 300, _i = 15e3, $i = 250, tn = 150, en = 500;
 class An {
   constructor(t, e, A) {
     var n;
-    if (this.pool = /* @__PURE__ */ new Map(), this.blobs = /* @__PURE__ */ new Map(), this.inprogress = /* @__PURE__ */ new Map(), this.delayedShow = /* @__PURE__ */ new Map(), this.delayedTimeout = /* @__PURE__ */ new Map(), this.previousFrames = [], this.width = 0, this.height = 0, this.transform = "", this.currentSlide = 0, this.spread = !0, this.orientationInternal = -1, this.container = t, this.positions = e, this.pub = A, this.spreadPresentation = ((n = A.metadata.getPresentation()) == null ? void 0 : n.spread) || yt.auto, this.pub.metadata.effectiveReadingProgression !== I.rtl && this.pub.metadata.effectiveReadingProgression !== I.ltr)
+    if (this.pool = /* @__PURE__ */ new Map(), this.blobs = /* @__PURE__ */ new Map(), this.inprogress = /* @__PURE__ */ new Map(), this.delayedShow = /* @__PURE__ */ new Map(), this.delayedTimeout = /* @__PURE__ */ new Map(), this.previousFrames = [], this.width = 0, this.height = 0, this.transform = "", this.currentSlide = 0, this.spread = !0, this.orientationInternal = -1, this.container = t, this.positions = e, this.pub = A, this.spreadPresentation = ((n = A.metadata.getPresentation()) == null ? void 0 : n.spread) || Ct.auto, this.pub.metadata.effectiveReadingProgression !== I.rtl && this.pub.metadata.effectiveReadingProgression !== I.ltr)
       throw Error("Unsupported reading progression for EPUB");
     this.spreader = new Ki(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 Zi(this), this.pub.readingOrder.items.forEach((r) => {
       var o, a;
@@ -5248,7 +5252,7 @@ class An {
     return 50;
   }
   get portrait() {
-    return this.spreadPresentation === yt.none ? !0 : (this.orientationInternal === -1 && (this.orientationInternal = this.containerHeightCached > this.container.clientWidth ? 1 : 0), this.orientationInternal === 1);
+    return this.spreadPresentation === Ct.none ? !0 : (this.orientationInternal === -1 && (this.orientationInternal = this.containerHeightCached > this.container.clientWidth ? 1 : 0), this.orientationInternal === 1);
   }
   updateSpineStyle(t, e = !0) {
     let A = "0";
@@ -5433,7 +5437,7 @@ class An {
             let w = !1;
             const U = window.setTimeout(async () => {
               this.delayedTimeout.set(M, 0);
-              const z = this.makeSpread(this.reAlign(B)), nt = this.spreadPosition(z, E), mt = this.pool.get(M);
+              const Y = this.makeSpread(this.reAlign(B)), nt = this.spreadPosition(Y, E), mt = this.pool.get(M);
               await mt.load(A, this.blobs.get(M)), this.peripherals.isScaled || await mt.show(nt), this.delayedShow.delete(M), w = !0, f();
             }, qi);
             setTimeout(() => {
@@ -5700,7 +5704,7 @@ var ht = {
   posix: null
 };
 ht.posix = ht;
-var We = ht, pt = /* @__PURE__ */ ((i) => (i.start = "start", i.left = "left", i.right = "right", i.justify = "justify", i))(pt || {}), Bt = /* @__PURE__ */ ((i) => (i.day = "day", i.sepia = "sepia", i.night = "night", i.custom = "custom", i))(Bt || {}), C = /* @__PURE__ */ ((i) => (i.margin = "margin", i.lineLength = "lineLength", i.columns = "columns", i))(C || {});
+var We = ht, pt = /* @__PURE__ */ ((i) => (i.start = "start", i.left = "left", i.right = "right", i.justify = "justify", i))(pt || {}), Bt = /* @__PURE__ */ ((i) => (i.day = "day", i.sepia = "sepia", i.night = "night", i.custom = "custom", i))(Bt || {}), y = /* @__PURE__ */ ((i) => (i.margin = "margin", i.lineLength = "lineLength", i.columns = "columns", i))(y || {});
 const Tt = {
   range: [0.7, 4],
   step: 0.05
@@ -5720,7 +5724,7 @@ function sn(i, t) {
 function T(i) {
   return typeof i == "string" ? i : i === null ? null : void 0;
 }
-function R(i) {
+function C(i) {
   return typeof i == "boolean" || i == null ? i : void 0;
 }
 function lt(i, t) {
@@ -5730,7 +5734,7 @@ function lt(i, t) {
 function ct(i) {
   return typeof i == "boolean" || typeof i == "number" && i >= 0 ? i : i === null ? null : void 0;
 }
-function y(i) {
+function z(i) {
   if (i !== void 0)
     return i === null ? null : i < 0 ? void 0 : i;
 }
@@ -5747,7 +5751,7 @@ function Wt(i, t) {
 }
 class Et {
   constructor(t = {}) {
-    this.backgroundColor = T(t.backgroundColor), this.blendFilter = R(t.blendFilter), this.constraint = y(t.constraint), this.columnCount = y(t.columnCount), this.darkenFilter = ct(t.darkenFilter), this.deprecatedFontSize = R(t.deprecatedFontSize), this.fontFamily = T(t.fontFamily), this.fontSize = gt(t.fontSize, Tt.range), this.fontSizeNormalize = R(t.fontSizeNormalize), this.fontOpticalSizing = R(t.fontOpticalSizing), this.fontOverride = R(t.fontOverride), this.fontWeight = gt(t.fontWeight, jt.range), this.fontWidth = gt(t.fontWidth, Vt.range), this.hyphens = R(t.hyphens), this.invertFilter = ct(t.invertFilter), this.invertGaijiFilter = ct(t.invertGaijiFilter), this.iPadOSPatch = R(t.iPadOSPatch), this.layoutStrategy = lt(t.layoutStrategy, C), this.letterSpacing = y(t.letterSpacing), this.ligatures = R(t.ligatures), this.lineHeight = y(t.lineHeight), this.linkColor = T(t.linkColor), this.noRuby = R(t.noRuby), this.pageGutter = y(t.pageGutter), this.paragraphIndent = y(t.paragraphIndent), this.paragraphSpacing = y(t.paragraphSpacing), this.scroll = R(t.scroll), this.selectionBackgroundColor = T(t.selectionBackgroundColor), this.selectionTextColor = T(t.selectionTextColor), this.textAlign = lt(t.textAlign, pt), this.textColor = T(t.textColor), this.textNormalization = R(t.textNormalization), this.theme = lt(t.theme, Bt), this.visitedColor = T(t.visitedColor), this.wordSpacing = y(t.wordSpacing), this.lineLength = y(t.lineLength), this.optimalLineLength = y(t.optimalLineLength), this.maximalLineLength = y(t.maximalLineLength), this.minimalLineLength = y(t.minimalLineLength);
+    this.backgroundColor = T(t.backgroundColor), this.blendFilter = C(t.blendFilter), this.constraint = z(t.constraint), this.columnCount = z(t.columnCount), this.darkenFilter = ct(t.darkenFilter), this.deprecatedFontSize = C(t.deprecatedFontSize), this.fontFamily = T(t.fontFamily), this.fontSize = gt(t.fontSize, Tt.range), this.fontSizeNormalize = C(t.fontSizeNormalize), this.fontOpticalSizing = C(t.fontOpticalSizing), this.fontOverride = C(t.fontOverride), this.fontWeight = gt(t.fontWeight, jt.range), this.fontWidth = gt(t.fontWidth, Vt.range), this.hyphens = C(t.hyphens), this.invertFilter = ct(t.invertFilter), this.invertGaijiFilter = ct(t.invertGaijiFilter), this.iPadOSPatch = C(t.iPadOSPatch), this.layoutStrategy = lt(t.layoutStrategy, y), this.letterSpacing = z(t.letterSpacing), this.ligatures = C(t.ligatures), this.lineHeight = z(t.lineHeight), this.linkColor = T(t.linkColor), this.noRuby = C(t.noRuby), this.pageGutter = z(t.pageGutter), this.paragraphIndent = z(t.paragraphIndent), this.paragraphSpacing = z(t.paragraphSpacing), this.scroll = C(t.scroll), this.selectionBackgroundColor = T(t.selectionBackgroundColor), this.selectionTextColor = T(t.selectionTextColor), this.textAlign = lt(t.textAlign, pt), this.textColor = T(t.textColor), this.textNormalization = C(t.textNormalization), this.theme = lt(t.theme, Bt), this.visitedColor = T(t.visitedColor), this.wordSpacing = z(t.wordSpacing), this.optimalLineLength = z(t.optimalLineLength), this.maximalLineLength = z(t.maximalLineLength), this.minimalLineLength = z(t.minimalLineLength);
   }
   static serialize(t) {
     const { ...e } = t;
@@ -5764,7 +5768,7 @@ class Et {
   merging(t) {
     const e = { ...this };
     for (const A of Object.keys(t))
-      t[A] !== void 0 && (A !== "maximalLineLength" || t[A] === null || t[A] >= (t.lineLength ?? e.lineLength ?? t.optimalLineLength ?? e.optimalLineLength ?? 65)) && (A !== "minimalLineLength" || t[A] === null || t[A] <= (t.lineLength ?? e.lineLength ?? t.optimalLineLength ?? e.optimalLineLength ?? 65)) && (e[A] = t[A]);
+      t[A] !== void 0 && (A !== "maximalLineLength" || t[A] === null || t[A] >= (t.optimalLineLength ?? e.optimalLineLength ?? 65)) && (A !== "minimalLineLength" || t[A] === null || t[A] <= (t.optimalLineLength ?? e.optimalLineLength ?? 65)) && (e[A] = t[A]);
     return new Et(e);
   }
 }
@@ -5777,40 +5781,16 @@ const on = "'Iowan Old Style', Sitka, 'Sitka Text', Palatino, 'Book Antiqua', 'U
 }, dn = 16, Le = gn.RS__oldStyleTf;
 class ft {
   constructor(t) {
-    this._optimalLineLength = null, this._canvas = document.createElement("canvas"), this._optimalChars = t.optimalChars, this._minChars = t.minChars, this._maxChars = t.maxChars, this._userChars = t.userChars || null, this._baseFontSize = t.baseFontSize || dn, this._fontFace = t.fontFace || Le, this._sample = t.sample || null, this._pageGutter = t.pageGutter || 0, this._letterSpacing = t.letterSpacing ? Math.round(t.letterSpacing * this._baseFontSize) : 0, this._wordSpacing = t.wordSpacing ? Math.round(t.wordSpacing * this._baseFontSize) : 0, this._isCJK = t.isCJK || !1, this._getRelative = t.getRelative || !1, this._padding = this._pageGutter * 2, this._minDivider = this._minChars && this._minChars < this._optimalChars ? this._optimalChars / this._minChars : this._minChars === null ? null : 1, this._userMultiplier = this._userChars ? this._userChars / this._optimalChars : null, this._maxMultiplier = this._maxChars && this._maxChars > this._optimalChars ? this._maxChars / this._optimalChars : this._maxChars === null ? null : 1, this._approximatedWordSpaces = ft.approximateWordSpaces(this._optimalChars, this._sample);
-  }
-  set minChars(t) {
-    t !== this._minChars && (this._minChars = t, this._minDivider = this._minChars && this._minChars < this._optimalChars ? this._optimalChars / this._minChars : this._minChars === null ? null : 1);
-  }
-  set optimalChars(t) {
-    t !== this._optimalChars && (this._optimalChars = t, this._optimalLineLength = this.getOptimalLineLength());
-  }
-  set maxChars(t) {
-    t !== this._maxChars && (this._maxChars = t, this._maxMultiplier = this._maxChars && this._maxChars > this._optimalChars ? this._maxChars / this._optimalChars : this._maxChars === null ? null : 1);
-  }
-  set userChars(t) {
-    t !== this._userChars && (this._userChars = t, this._userMultiplier = this._userChars ? this._userChars / this._optimalChars : null);
-  }
-  set letterSpacing(t) {
-    t !== this._letterSpacing && (this._letterSpacing = Math.round(t * this._baseFontSize), this._optimalLineLength = this.getOptimalLineLength());
+    this._optimalLineLength = null, this._canvas = document.createElement("canvas"), this._optimalChars = t.optimalChars, this._minChars = t.minChars, this._maxChars = t.maxChars, this._baseFontSize = t.baseFontSize || dn, this._fontFace = t.fontFace || Le, this._sample = t.sample || null, this._pageGutter = t.pageGutter || 0, this._letterSpacing = t.letterSpacing ? Math.round(t.letterSpacing * this._baseFontSize) : 0, this._wordSpacing = t.wordSpacing ? Math.round(t.wordSpacing * this._baseFontSize) : 0, this._isCJK = t.isCJK || !1, this._getRelative = t.getRelative || !1, this._padding = this._pageGutter * 2, this._minDivider = this._minChars && this._minChars < this._optimalChars ? this._optimalChars / this._minChars : this._minChars === null ? null : 1, this._maxMultiplier = this._maxChars && this._maxChars > this._optimalChars ? this._maxChars / this._optimalChars : this._maxChars === null ? null : 1, this._approximatedWordSpaces = ft.approximateWordSpaces(this._optimalChars, this._sample);
   }
-  set wordSpacing(t) {
-    t !== this._wordSpacing && (this._wordSpacing = Math.round(t * this._baseFontSize), this._optimalLineLength = this.getOptimalLineLength());
+  updateMultipliers() {
+    this._minDivider = this._minChars && this._minChars < this._optimalChars ? this._optimalChars / this._minChars : this._minChars === null ? null : 1, this._maxMultiplier = this._maxChars && this._maxChars > this._optimalChars ? this._maxChars / this._optimalChars : this._maxChars === null ? null : 1;
   }
-  set baseFontSize(t) {
-    this._baseFontSize = t, this._optimalLineLength = this.getOptimalLineLength();
-  }
-  set fontFace(t) {
-    this._fontFace = t || Le, this._optimalLineLength = this.getOptimalLineLength();
-  }
-  set sample(t) {
-    t !== this._sample && (this._sample = t, this._approximatedWordSpaces = ft.approximateWordSpaces(this._optimalChars, this._sample));
-  }
-  set pageGutter(t) {
-    t !== this._pageGutter && (this._pageGutter = t, this._padding = this._pageGutter * 2, this._optimalLineLength = this.getOptimalLineLength());
-  }
-  set relativeGetters(t) {
-    t !== this._getRelative && (this._getRelative = t);
+  // Batch update to guarantee up-to-date values
+  // Not filtering because pretty much everything can
+  // trigger a recomputation anyway.
+  update(t) {
+    t.optimalChars && (this._optimalChars = t.optimalChars), t.minChars !== void 0 && (this._minChars = t.minChars), t.maxChars !== void 0 && (this._maxChars = t.maxChars), t.baseFontSize && (this._baseFontSize = t.baseFontSize), t.fontFace !== void 0 && (this._fontFace = t.fontFace || Le), t.letterSpacing && (this._letterSpacing = t.letterSpacing), t.wordSpacing && (this._wordSpacing = t.wordSpacing), t.isCJK != null && (this._isCJK = t.isCJK), t.pageGutter && (this._pageGutter = t.pageGutter), t.getRelative && (this._getRelative = t.getRelative), t.sample && (this._sample = t.sample, this._approximatedWordSpaces = ft.approximateWordSpaces(this._optimalChars, this._sample)), this.updateMultipliers(), this._optimalLineLength = this.getOptimalLineLength();
   }
   get baseFontSize() {
     return this._baseFontSize;
@@ -5818,9 +5798,6 @@ class ft {
   get minimalLineLength() {
     return this._optimalLineLength || (this._optimalLineLength = this.getOptimalLineLength()), this._minDivider !== null ? Math.round(this._optimalLineLength / this._minDivider + this._padding) / (this._getRelative ? this._baseFontSize : 1) : null;
   }
-  get userLineLength() {
-    return this._optimalLineLength || (this._optimalLineLength = this.getOptimalLineLength()), this._userMultiplier !== null ? Math.round(this._optimalLineLength * this._userMultiplier + this._padding) / (this._getRelative ? this._baseFontSize : 1) : null;
-  }
   get maximalLineLength() {
     return this._optimalLineLength || (this._optimalLineLength = this.getOptimalLineLength()), this._maxMultiplier !== null ? Math.round(this._optimalLineLength * this._maxMultiplier + this._padding) / (this._getRelative ? this._baseFontSize : 1) : null;
   }
@@ -5830,7 +5807,6 @@ class ft {
   get all() {
     return this._optimalLineLength || (this._optimalLineLength = this.getOptimalLineLength()), {
       min: this.minimalLineLength,
-      user: this.userLineLength,
       max: this.maximalLineLength,
       optimal: this.optimalLineLength,
       baseFontSize: this._baseFontSize
@@ -5879,7 +5855,7 @@ class ft {
 }
 class un {
   constructor(t) {
-    this.backgroundColor = T(t.backgroundColor) || null, this.blendFilter = R(t.blendFilter) ?? !1, this.constraint = y(t.constraint) || 0, this.columnCount = y(t.columnCount) || null, this.darkenFilter = ct(t.darkenFilter) ?? !1, this.deprecatedFontSize = R(t.deprecatedFontSize), (this.deprecatedFontSize === !1 || this.deprecatedFontSize === null) && (this.deprecatedFontSize = !CSS.supports("zoom", "1")), this.fontFamily = T(t.fontFamily) || null, this.fontSize = gt(t.fontSize, Tt.range) || 1, this.fontSizeNormalize = R(t.fontSizeNormalize) ?? !1, this.fontOpticalSizing = R(t.fontOpticalSizing) ?? null, this.fontOverride = R(t.fontOverride) ?? null, this.fontWeight = gt(t.fontWeight, jt.range) || null, this.fontWidth = gt(t.fontWidth, Vt.range) || null, this.hyphens = R(t.hyphens) ?? null, this.invertFilter = ct(t.invertFilter) ?? !1, this.invertGaijiFilter = ct(t.invertGaijiFilter) ?? !1, this.iPadOSPatch = t.iPadOSPatch === !1 ? !1 : xt.OS.iPadOS && xt.iOSRequest === "desktop", this.layoutStrategy = lt(t.layoutStrategy, C) || C.lineLength, this.letterSpacing = y(t.letterSpacing) || null, this.ligatures = R(t.ligatures) ?? null, this.lineHeight = y(t.lineHeight) || null, this.linkColor = T(t.linkColor) || null, this.noRuby = R(t.noRuby) ?? !1, this.pageGutter = Wt(y(t.pageGutter), 20), this.paragraphIndent = y(t.paragraphIndent) ?? null, this.paragraphSpacing = y(t.paragraphSpacing) ?? null, this.scroll = R(t.scroll) ?? !1, this.selectionBackgroundColor = T(t.selectionBackgroundColor) || null, this.selectionTextColor = T(t.selectionTextColor) || null, this.textAlign = lt(t.textAlign, pt) || null, this.textColor = T(t.textColor) || null, this.textNormalization = R(t.textNormalization) ?? !1, this.theme = lt(t.theme, Bt) || null, this.visitedColor = T(t.visitedColor) || null, this.wordSpacing = y(t.wordSpacing) || null, this.lineLength = y(t.lineLength) || null, this.optimalLineLength = y(t.optimalLineLength) || 65, this.maximalLineLength = Wt(sn(t.maximalLineLength, this.lineLength || this.optimalLineLength), 80), this.minimalLineLength = Wt(rn(t.minimalLineLength, this.lineLength || this.optimalLineLength), 40);
+    this.backgroundColor = T(t.backgroundColor) || null, this.blendFilter = C(t.blendFilter) ?? !1, this.constraint = z(t.constraint) || 0, this.columnCount = z(t.columnCount) || null, this.darkenFilter = ct(t.darkenFilter) ?? !1, this.deprecatedFontSize = C(t.deprecatedFontSize), (this.deprecatedFontSize === !1 || this.deprecatedFontSize === null) && (this.deprecatedFontSize = !CSS.supports("zoom", "1")), this.fontFamily = T(t.fontFamily) || null, this.fontSize = gt(t.fontSize, Tt.range) || 1, this.fontSizeNormalize = C(t.fontSizeNormalize) ?? !1, this.fontOpticalSizing = C(t.fontOpticalSizing) ?? null, this.fontOverride = C(t.fontOverride) ?? null, this.fontWeight = gt(t.fontWeight, jt.range) || null, this.fontWidth = gt(t.fontWidth, Vt.range) || null, this.hyphens = C(t.hyphens) ?? null, this.invertFilter = ct(t.invertFilter) ?? !1, this.invertGaijiFilter = ct(t.invertGaijiFilter) ?? !1, this.iPadOSPatch = t.iPadOSPatch === !1 ? !1 : xt.OS.iPadOS && xt.iOSRequest === "desktop", this.layoutStrategy = lt(t.layoutStrategy, y) || y.lineLength, this.letterSpacing = z(t.letterSpacing) || null, this.ligatures = C(t.ligatures) ?? null, this.lineHeight = z(t.lineHeight) || null, this.linkColor = T(t.linkColor) || null, this.noRuby = C(t.noRuby) ?? !1, this.pageGutter = Wt(z(t.pageGutter), 20), this.paragraphIndent = z(t.paragraphIndent) ?? null, this.paragraphSpacing = z(t.paragraphSpacing) ?? null, this.scroll = C(t.scroll) ?? !1, this.selectionBackgroundColor = T(t.selectionBackgroundColor) || null, this.selectionTextColor = T(t.selectionTextColor) || null, this.textAlign = lt(t.textAlign, pt) || null, this.textColor = T(t.textColor) || null, this.textNormalization = C(t.textNormalization) ?? !1, this.theme = lt(t.theme, Bt) || null, this.visitedColor = T(t.visitedColor) || null, this.wordSpacing = z(t.wordSpacing) || null, this.optimalLineLength = z(t.optimalLineLength) || 65, this.maximalLineLength = Wt(sn(t.maximalLineLength, this.optimalLineLength), 80), this.minimalLineLength = Wt(rn(t.minimalLineLength, this.optimalLineLength), 40);
   }
 }
 class V {
@@ -6218,7 +6194,7 @@ class Oe {
       onChange: (t) => {
         this.updatePreference("layoutStrategy", t || null);
       },
-      supportedValues: Object.values(C)
+      supportedValues: Object.values(y)
     });
   }
   get letterSpacing() {
@@ -6256,18 +6232,6 @@ class Oe {
       step: 0.1
     });
   }
-  get lineLength() {
-    return new S({
-      initialValue: this.preferences.lineLength,
-      effectiveValue: this.settings.lineLength || this.settings.optimalLineLength,
-      isEffective: this.layout === p.reflowable && this.preferences.lineLength !== null,
-      onChange: (t) => {
-        this.updatePreference("lineLength", t || null);
-      },
-      supportedRange: [20, 100],
-      step: 1
-    });
-  }
   get linkColor() {
     return new V({
       initialValue: this.preferences.linkColor,
@@ -6317,7 +6281,7 @@ class Oe {
     return new S({
       initialValue: this.preferences.optimalLineLength,
       effectiveValue: this.settings.optimalLineLength,
-      isEffective: this.layout === p.reflowable && !this.settings.lineLength,
+      isEffective: this.layout === p.reflowable,
       onChange: (t) => {
         this.updatePreference("optimalLineLength", t);
       },
@@ -6456,10 +6420,10 @@ class Oe {
 }
 class Xe {
   constructor(t, e) {
-    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.fontOverride = typeof t.fontOverride == "boolean" ? t.fontOverride : e.fontOverride ?? 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.iPadOSPatch = this.deprecatedFontSize || t.iPadOSPatch === !1 ? !1 : t.iPadOSPatch === !0 ? xt.OS.iPadOS && xt.iOSRequest === "desktop" : e.iPadOSPatch, this.layoutStrategy = t.layoutStrategy || e.layoutStrategy || null, 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.lineLength = t.lineLength !== void 0 ? t.lineLength : e.lineLength !== void 0 ? e.lineLength : 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.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.theme = t.theme || e.theme || null, this.visitedColor = t.visitedColor || e.visitedColor || null, this.wordSpacing = t.wordSpacing !== void 0 ? t.wordSpacing : e.wordSpacing !== void 0 ? e.wordSpacing : null;
+    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.fontOverride = typeof t.fontOverride == "boolean" ? t.fontOverride : e.fontOverride ?? 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.iPadOSPatch = this.deprecatedFontSize || t.iPadOSPatch === !1 ? !1 : t.iPadOSPatch === !0 ? xt.OS.iPadOS && xt.iOSRequest === "desktop" : e.iPadOSPatch, this.layoutStrategy = t.layoutStrategy || e.layoutStrategy || null, 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.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.theme = t.theme || e.theme || null, this.visitedColor = t.visitedColor || e.visitedColor || null, this.wordSpacing = t.wordSpacing !== void 0 ? t.wordSpacing : e.wordSpacing !== void 0 ? e.wordSpacing : null;
   }
 }
-function Ct(i) {
+function yt(i) {
   const t = getComputedStyle(i), e = parseFloat(t.paddingLeft || "0"), A = parseFloat(t.paddingRight || "0");
   return i.clientWidth - e - A;
 }
@@ -6510,16 +6474,15 @@ class wn extends zA {
 }
 class In {
   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.layoutStrategy = t.layoutStrategy || C.lineLength, this.cachedColCount = t.userProperties.colCount, this.effectiveContainerWidth = Ct(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.layoutStrategy = t.layoutStrategy || y.lineLength, this.cachedColCount = t.userProperties.colCount, this.effectiveContainerWidth = yt(this.containerParent);
   }
   update(t) {
-    this.cachedColCount = t.columnCount, t.constraint !== this.constraint && (this.constraint = t.constraint), t.layoutStrategy && t.layoutStrategy !== this.layoutStrategy && (this.layoutStrategy = t.layoutStrategy), t.pageGutter !== this.rsProperties.pageGutter && (this.rsProperties.pageGutter = t.pageGutter), this.updateLineLengths({
+    this.cachedColCount = t.columnCount, t.constraint !== this.constraint && (this.constraint = t.constraint), t.layoutStrategy && t.layoutStrategy !== this.layoutStrategy && (this.layoutStrategy = t.layoutStrategy), t.pageGutter !== this.rsProperties.pageGutter && (this.rsProperties.pageGutter = t.pageGutter), this.lineLengths.update({
       fontFace: t.fontFamily,
       letterSpacing: t.letterSpacing,
       pageGutter: t.pageGutter,
       wordSpacing: t.wordSpacing,
       optimalChars: t.optimalLineLength,
-      userChars: t.lineLength,
       minChars: t.minimalLineLength,
       maxChars: t.maximalLineLength
     });
@@ -6562,18 +6525,15 @@ class In {
     };
     this.userProperties = new NA(A);
   }
-  updateLineLengths(t) {
-    t.fontFace !== void 0 && (this.lineLengths.fontFace = t.fontFace), t.letterSpacing !== void 0 && (this.lineLengths.letterSpacing = t.letterSpacing || 0), t.pageGutter !== void 0 && (this.lineLengths.pageGutter = t.pageGutter || 0), t.wordSpacing !== void 0 && (this.lineLengths.wordSpacing = t.wordSpacing || 0), t.optimalChars && (this.lineLengths.optimalChars = t.optimalChars), t.userChars !== void 0 && (this.lineLengths.userChars = t.userChars), t.minChars !== void 0 && (this.lineLengths.minChars = t.minChars), t.maxChars !== void 0 && (this.lineLengths.maxChars = t.maxChars);
-  }
   updateLayout(t, e, A, n) {
     return A ?? this.userProperties.view === "scroll" ? this.computeScrollLength(t, e) : this.paginate(t, e, n);
   }
   getCompensatedMetrics(t, e) {
-    const A = t || this.userProperties.fontSize || 1, n = A < 1 ? this.layoutStrategy === C.margin ? 1 / (A + 3e-3) : 1 / A : e ? A : 1;
+    const A = t || this.userProperties.fontSize || 1, n = A < 1 ? this.layoutStrategy === y.margin ? 1 / (A + 3e-3) : 1 / A : e ? A : 1;
     return {
       zoomFactor: A,
       zoomCompensation: n,
-      optimal: Math.round(this.lineLengths.userLineLength || this.lineLengths.optimalLineLength) * A,
+      optimal: Math.round(this.lineLengths.optimalLineLength) * A,
       minimal: this.lineLengths.minimalLineLength !== null ? Math.round(this.lineLengths.minimalLineLength * A) : null,
       maximal: this.lineLengths.maximalLineLength !== null ? Math.round(this.lineLengths.maximalLineLength * A) : null
     };
@@ -6582,7 +6542,7 @@ class In {
   // TODO: As scroll shows, the effective line-length
   // should be the same as uncompensated when scale >= 1
   paginate(t, e, A) {
-    const n = Math.round(Ct(this.containerParent) - this.constraint), r = this.getCompensatedMetrics(t, e), s = r.zoomCompensation, o = r.optimal, a = r.minimal, h = r.maximal;
+    const n = Math.round(yt(this.containerParent) - this.constraint), r = this.getCompensatedMetrics(t, e), s = r.zoomCompensation, o = r.optimal, a = r.minimal, h = r.maximal;
     let l = 1, c = n;
     if (A === void 0)
       return {
@@ -6591,14 +6551,14 @@ class In {
         effectiveLineLength: Math.round(c / l * s)
       };
     if (A === null) {
-      if (this.layoutStrategy === C.margin)
+      if (this.layoutStrategy === y.margin)
         if (n >= o) {
           l = Math.floor(n / o);
           const g = Math.round(l * (o * s));
           c = Math.min(g, n);
         } else
           l = 1, c = n;
-      else if (this.layoutStrategy === C.lineLength)
+      else if (this.layoutStrategy === y.lineLength)
         if (n < o || h === null)
           l = 1, c = n;
         else {
@@ -6606,7 +6566,7 @@ class In {
           const g = Math.round(l * (h * s));
           c = Math.min(g, n);
         }
-      else if (this.layoutStrategy === C.columns)
+      else if (this.layoutStrategy === y.columns)
         if (n >= o)
           if (h === null)
             l = Math.floor(n / o), c = n;
@@ -6620,17 +6580,17 @@ class In {
     } else if (A > 1) {
       const g = Math.round(A * (a !== null ? a : o));
       if (n >= g) {
-        if (l = A, this.layoutStrategy === C.margin) {
+        if (l = A, this.layoutStrategy === y.margin) {
           const m = Math.round(l * (o * s));
           c = Math.min(m, n);
-        } else if (this.layoutStrategy === C.lineLength || this.layoutStrategy === C.columns) {
+        } else if (this.layoutStrategy === y.lineLength || this.layoutStrategy === y.columns) {
           if (h === null)
             c = n;
           else {
             const m = Math.round(l * (h * s));
             c = Math.min(m, n);
           }
-          this.layoutStrategy === C.columns && console.error("Columns strategy is not compatible with a column count whose value is a number. Falling back to lineLength strategy.");
+          this.layoutStrategy === y.columns && console.error("Columns strategy is not compatible with a column count whose value is a number. Falling back to lineLength strategy.");
         }
       } else {
         a !== null && n < Math.round(A * a) ? l = Math.floor(n / a) : l = A;
@@ -6638,17 +6598,17 @@ class In {
         c = Math.min(m, n);
       }
     } else if (l = 1, n >= o) {
-      if (this.layoutStrategy === C.margin) {
+      if (this.layoutStrategy === y.margin) {
         const g = Math.round(o * s);
         c = Math.min(g, n);
-      } else if (this.layoutStrategy === C.lineLength || this.layoutStrategy === C.columns) {
+      } else if (this.layoutStrategy === y.lineLength || this.layoutStrategy === y.columns) {
         if (h === null)
           c = n;
         else {
           const g = Math.round(h * s);
           c = Math.min(g, n);
         }
-        this.layoutStrategy === C.columns && console.error("Columns strategy is not compatible with a column count whose value is a number. Falling back to lineLength strategy.");
+        this.layoutStrategy === y.columns && console.error("Columns strategy is not compatible with a column count whose value is a number. Falling back to lineLength strategy.");
       }
     } else
       c = n;
@@ -6660,13 +6620,13 @@ class In {
   }
   // This behaves as paginate where colCount = 1
   computeScrollLength(t, e) {
-    const A = Math.round(Ct(this.containerParent) - this.constraint), n = this.getCompensatedMetrics(t && (t < 1 || e) ? t : 1, e), r = n.zoomCompensation, s = n.optimal, o = n.maximal;
+    const A = Math.round(yt(this.containerParent) - this.constraint), n = this.getCompensatedMetrics(t && (t < 1 || e) ? t : 1, e), r = n.zoomCompensation, s = n.optimal, o = n.maximal;
     let a, h = A, l = Math.round(s * r);
-    if (this.layoutStrategy === C.margin) {
+    if (this.layoutStrategy === y.margin) {
       const c = Math.min(Math.round(s * r), A);
       l = e ? c : Math.round(c * r);
-    } else if (this.layoutStrategy === C.lineLength || this.layoutStrategy === C.columns)
-      if (this.layoutStrategy === C.columns && console.error("Columns strategy is not compatible with scroll. Falling back to lineLength strategy."), o === null)
+    } else if (this.layoutStrategy === y.lineLength || this.layoutStrategy === y.columns)
+      if (this.layoutStrategy === y.columns && console.error("Columns strategy is not compatible with scroll. Falling back to lineLength strategy."), o === null)
         l = A;
       else {
         const c = Math.min(Math.round(o * r), A);
@@ -6780,7 +6740,7 @@ class SA extends ZA {
   async resizeHandler() {
     const t = this.container.parentElement || document.documentElement;
     if (this.layout === p.fixed)
-      this.container.style.width = `${Ct(t) - this._settings.constraint}px`, this.framePool.resizeHandler();
+      this.container.style.width = `${yt(t) - this._settings.constraint}px`, this.framePool.resizeHandler();
     else {
       const e = this._css.userProperties.colCount, A = this._css.userProperties.lineLength;
       this._css.resizeHandler(), (this._css.userProperties.view !== "scroll" && e !== this._css.userProperties.colCount || A !== this._css.userProperties.lineLength) && await this.commitCSS(this._css);
@@ -7093,7 +7053,7 @@ class SA extends ZA {
     return this.go(t.locator, e, A);
   }
 }
-class Cn {
+class yn {
   constructor(t) {
     var e;
     this.sourceNode = null, this.listeners = {}, this.isMutedValue = !1, this.isPlayingValue = !1, this.isPausedValue = !1, this.isLoadingValue = !1, this.isLoadedValue = !1, this.isEndedValue = !1, this.playback = t.playback, this.audioContext = t.audioContext, this.gainNode = (e = this.audioContext) == null ? void 0 : e.createGain(), this.setVolume(this.playback.state.volume), this.mediaElement = document.createElement("audio"), this.mediaElement.crossOrigin = "use-credentials", this.mediaElement.addEventListener(
@@ -7284,7 +7244,7 @@ export {
   Gi as FrameManager,
   Hi as FramePoolManager,
   Wi as HorizontalThird,
-  C as LayoutStrategy,
+  y as LayoutStrategy,
   ft as LineLengths,
   XA as Navigator,
   V as Preference,
@@ -7296,7 +7256,7 @@ export {
   NA as UserProperties,
   Li as VerticalThird,
   ZA as VisualNavigator,
-  Cn as WebAudioEngine,
+  yn as WebAudioEngine,
   Tt as fontSizeRangeConfig,
   jt as fontWeightRangeConfig,
   Vt as fontWidthRangeConfig,