@readium/navigator 2.4.0-alpha.4 → 2.4.0-alpha.6

package/dist/index.js

@@ -347,13 +347,13 @@ class g {
     }
     const a = {}, l = Object.keys(o);
     l.sort((m, y) => m.localeCompare(y)), l.forEach((m) => a[m] = o[m]);
-    let c = "";
+    let h = "";
     for (const m in a) {
       const y = a[m];
-      c += `;${m}=${y}`;
+      h += `;${m}=${y}`;
     }
-    const h = `${e}/${i}${c}`, u = a.encoding;
-    this.string = h, this.type = e, this.subtype = i, this.parameters = a, this.encoding = u, this.name = t.name, this.fileExtension = t.fileExtension;
+    const c = `${e}/${i}${h}`, u = a.encoding;
+    this.string = c, this.type = e, this.subtype = i, this.parameters = a, this.encoding = u, this.name = t.name, this.fileExtension = t.fileExtension;
   }
   static parse(t) {
     return new g(t);
@@ -1477,7 +1477,7 @@ function _n(s, t, e) {
   return e.map((n) => {
     const r = Math.max(0, n.end - t.length - n.errors), o = Ke(s.slice(r, n.end));
     return {
-      start: ki(o, i, n.errors).reduce((l, c) => n.end - c.end < l ? n.end - c.end : l, n.end),
+      start: ki(o, i, n.errors).reduce((l, h) => n.end - h.end < l ? n.end - h.end : l, n.end),
       end: n.end,
       errors: n.errors
     };
@@ -1488,10 +1488,10 @@ function ne(s) {
 }
 function Ze(s, t, e, i) {
   let n = s.P[e], r = s.M[e];
-  const o = i >>> 31, a = t[e] | o, l = a | r, c = (a & n) + n ^ n | a;
-  let h = r | ~(c | n), u = n & c;
-  const m = ne(h & s.lastRowMask[e]) - ne(u & s.lastRowMask[e]);
-  return h <<= 1, u <<= 1, u |= o, h |= ne(i) - o, n = u | ~(l | h), r = h & l, s.P[e] = n, s.M[e] = r, m;
+  const o = i >>> 31, a = t[e] | o, l = a | r, h = (a & n) + n ^ n | a;
+  let c = r | ~(h | n), u = n & h;
+  const m = ne(c & s.lastRowMask[e]) - ne(u & s.lastRowMask[e]);
+  return c <<= 1, u <<= 1, u |= o, c |= ne(i) - o, n = u | ~(l | c), r = c & l, s.P[e] = n, s.M[e] = r, m;
 }
 function ki(s, t, e) {
   if (t.length === 0)
@@ -1503,15 +1503,15 @@ function ki(s, t, e) {
     lastRowMask: new Uint32Array(r + 1)
   };
   o.lastRowMask.fill(1 << 31), o.lastRowMask[r] = 1 << (t.length - 1) % n;
-  const a = new Uint32Array(r + 1), l = /* @__PURE__ */ new Map(), c = [];
+  const a = new Uint32Array(r + 1), l = /* @__PURE__ */ new Map(), h = [];
   for (let m = 0; m < 256; m++)
-    c.push(a);
+    h.push(a);
   for (let m = 0; m < t.length; m += 1) {
     const y = t.charCodeAt(m);
     if (l.has(y))
       continue;
     const d = new Uint32Array(r + 1);
-    l.set(y, d), y < c.length && (c[y] = d);
+    l.set(y, d), y < h.length && (h[y] = d);
     for (let p = 0; p <= r; p += 1) {
       d[p] = 0;
       for (let b = 0; b < n; b += 1) {
@@ -1522,37 +1522,37 @@ function ki(s, t, e) {
       }
     }
   }
-  let h = Math.max(0, Math.ceil(e / n) - 1);
+  let c = Math.max(0, Math.ceil(e / n) - 1);
   const u = new Uint32Array(r + 1);
-  for (let m = 0; m <= h; m += 1)
+  for (let m = 0; m <= c; m += 1)
     u[m] = (m + 1) * n;
   u[r] = t.length;
-  for (let m = 0; m <= h; m += 1)
+  for (let m = 0; m <= c; m += 1)
     o.P[m] = -1, o.M[m] = 0;
   for (let m = 0; m < s.length; m += 1) {
     const y = s.charCodeAt(m);
     let d;
-    y < c.length ? d = c[y] : (d = l.get(y), typeof d > "u" && (d = a));
+    y < h.length ? d = h[y] : (d = l.get(y), typeof d > "u" && (d = a));
     let p = 0;
-    for (let b = 0; b <= h; b += 1)
+    for (let b = 0; b <= c; b += 1)
       p = Ze(o, d, b, p), u[b] += p;
-    if (u[h] - p <= e && h < r && (d[h + 1] & 1 || p < 0)) {
-      h += 1, o.P[h] = -1, o.M[h] = 0;
+    if (u[c] - p <= e && c < r && (d[c + 1] & 1 || p < 0)) {
+      c += 1, o.P[c] = -1, o.M[c] = 0;
       let b;
-      if (h === r) {
+      if (c === r) {
         const _ = t.length % n;
         b = _ === 0 ? n : _;
       } else
         b = n;
-      u[h] = u[h - 1] + b - p + Ze(o, d, h, p);
+      u[c] = u[c - 1] + b - p + Ze(o, d, c, p);
     } else
-      for (; h > 0 && u[h] >= e + n; )
-        h -= 1;
-    h === r && u[h] <= e && (u[h] < e && i.splice(0, i.length), i.push({
+      for (; c > 0 && u[c] >= e + n; )
+        c -= 1;
+    c === r && u[c] <= e && (u[c] < e && i.splice(0, i.length), i.push({
       start: -1,
       end: m + 1,
-      errors: u[h]
-    }), e = u[h]);
+      errors: u[c]
+    }), e = u[c]);
   }
   return i;
 }
@@ -1622,8 +1622,8 @@ function Qe(s, t) {
   let o = -1;
   const a = () => {
     if (r = t === 1 ? e.nextNode() : e.previousNode(), r) {
-      const l = r.textContent, c = t === 1 ? 0 : l.length;
-      o = ue(l, c, t);
+      const l = r.textContent, h = t === 1 ? 0 : l.length;
+      o = ue(l, h, t);
     }
   };
   for (; r && o === -1 && r !== n; )
@@ -1982,24 +1982,24 @@ function Rn(s, t) {
   let e = s.getClientRects();
   e.length || s.commonAncestorContainer.nodeType === Node.ELEMENT_NODE && (e = s.commonAncestorContainer.getClientRects());
   const i = 1, n = [];
-  for (const c of e)
+  for (const h of e)
     n.push({
-      bottom: c.bottom,
-      height: c.height,
-      left: c.left,
-      right: c.right,
-      top: c.top,
-      width: c.width
+      bottom: h.bottom,
+      height: h.height,
+      left: h.left,
+      right: h.right,
+      top: h.top,
+      width: h.width
     });
   const r = Mi(
     n,
     i
   ), o = On(r, i), a = Ui(o), l = 4;
-  for (let c = a.length - 1; c >= 0; c--) {
-    const h = a[c];
-    if (!(h.width * h.height > l))
+  for (let h = a.length - 1; h >= 0; h--) {
+    const c = a[h];
+    if (!(c.width * c.height > l))
       if (a.length > 1)
-        a.splice(c, 1);
+        a.splice(h, 1);
       else
         break;
   }
@@ -2064,10 +2064,10 @@ function Ui(s) {
         if (a.length === 1)
           r = a, o = i;
         else {
-          const c = ei(n, i);
-          a.length < c.length ? (r = a, o = i) : (r = c, o = n);
+          const h = ei(n, i);
+          a.length < h.length ? (r = a, o = i) : (r = h, o = n);
         }
-        const l = s.filter((c) => c !== o);
+        const l = s.filter((h) => h !== o);
         return Array.prototype.push.apply(l, r), Ui(l);
       }
     }
@@ -2218,10 +2218,10 @@ const ct = { r: 255, g: 255, b: 255, a: 1 }, st = /* @__PURE__ */ new Map(), An
     n.clearRect(r, o, 1, 1), t && (n.fillStyle = t, n.fillRect(r, o, 1, 1)), n.fillStyle = s, n.fillRect(r, o, 1, 1);
     const a = n.getImageData(r, o, 1, 1);
     yt = (yt + 1) % 25;
-    const [l, c, h, u] = a.data;
+    const [l, h, c, u] = a.data;
     if (u === 0)
       return At(s, "Fully transparent color."), st.set(e, null), ct;
-    const m = { r: l, g: c, b: h, a: u / 255 };
+    const m = { r: l, g: h, b: c, a: u / 255 };
     return st.set(e, m), m;
   } catch (r) {
     return At(s, `Error: ${r instanceof Error ? r.message : String(r)}`), st.set(e, null), ct;
@@ -2326,7 +2326,7 @@ class Nn {
       getComputedStyle(this.wnd.document.documentElement).getPropertyValue(
         "column-count"
       )
-    ), r = i / (n || 1), o = this.wnd.document.scrollingElement, a = o.scrollLeft, l = o.scrollTop, c = (d, p, b) => {
+    ), r = i / (n || 1), o = this.wnd.document.scrollingElement, a = o.scrollLeft, l = o.scrollTop, h = (d, p, b) => {
       if (d.style.position = "absolute", t.decoration?.style?.width === "viewport") {
         d.style.width = `${i}px`, d.style.height = `${p.height}px`;
         let _ = Math.floor(p.left / i) * i;
@@ -2339,7 +2339,7 @@ class Nn {
         d.style.left = `${_ + a}px`, d.style.top = `${p.top + l}px`;
       } else
         d.style.width = `${p.width}px`, d.style.height = `${p.height}px`, d.style.left = `${p.left + a}px`, d.style.top = `${p.top + l}px`;
-    }, h = t.range.getBoundingClientRect();
+    }, c = t.range.getBoundingClientRect();
     let u = this.wnd.document.createElement("template");
     const m = this.getCurrentDarkMode();
     u.innerHTML = `
@@ -2359,7 +2359,7 @@ class Nn {
     const y = u.content.firstElementChild;
     if (t.decoration?.style?.layout === "bounds") {
       const d = y.cloneNode(!0);
-      d.style.setProperty("pointer-events", "none"), c(d, h, h), e.append(d);
+      d.style.setProperty("pointer-events", "none"), h(d, c, c), e.append(d);
     } else {
       let d = Rn(
         t.range
@@ -2367,7 +2367,7 @@ class Nn {
       d = d.sort((p, b) => p.top < b.top ? -1 : p.top > b.top ? 1 : 0);
       for (let p of d) {
         const b = y.cloneNode(!0);
-        b.style.setProperty("pointer-events", "none"), c(b, p, h), e.append(b);
+        b.style.setProperty("pointer-events", "none"), h(b, p, c), e.append(b);
       }
     }
     t.container = e, t.clickableElements = Array.from(
@@ -2455,8 +2455,8 @@ const wt = class wt extends ft {
     }), this.resizeObserver = new ResizeObserver(() => t.requestAnimationFrame(() => this.handleResize())), this.resizeObserver.observe(t.document.body), t.addEventListener("orientationchange", this.handleResizer), t.addEventListener("resize", this.handleResizer), this.backgroundObserver = new MutationObserver((i) => {
       i.some((r) => {
         if (r.type === "attributes" && r.attributeName === "style") {
-          const o = r.target, a = r.oldValue, l = o.getAttribute("style"), c = this.extractCustomProperty(a, "--USER__appearance"), h = this.extractCustomProperty(l, "--USER__appearance"), u = this.extractCustomProperty(a, "--USER__backgroundColor"), m = this.extractCustomProperty(l, "--USER__backgroundColor");
-          return c !== h || u !== m;
+          const o = r.target, a = r.oldValue, l = o.getAttribute("style"), h = this.extractCustomProperty(a, "--USER__appearance"), c = this.extractCustomProperty(l, "--USER__appearance"), u = this.extractCustomProperty(a, "--USER__backgroundColor"), m = this.extractCustomProperty(l, "--USER__backgroundColor");
+          return h !== c || u !== m;
         }
         return !1;
       }) && this.updateHighlightStyles();
@@ -2517,13 +2517,13 @@ function li(s) {
   if (!t)
     return !1;
   const e = s.document.querySelectorAll("div[id^='readium-virtual-page']");
-  for (const c of e)
-    c.remove();
+  for (const h of e)
+    h.remove();
   const i = e.length, n = s.document.scrollingElement.scrollWidth, r = s.visualViewport.width, a = Math.round(n / r * t) % t, l = t === 1 || a === 0 ? 0 : t - a;
   if (l > 0)
-    for (let c = 0; c < l; c++) {
-      const h = s.document.createElement("div");
-      h.setAttribute("id", `readium-virtual-page-${c}`), 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 = ai(s.document.documentElement) + "px"), h.innerHTML = "&#8203;", s.document.body.appendChild(h);
+    for (let h = 0; h < l; h++) {
+      const c = s.document.createElement("div");
+      c.setAttribute("id", `readium-virtual-page-${h}`), c.dataset.readium = "true", CSS.supports("break-before", "column") ? c.style.breakBefore = "column" : (CSS.supports("break-inside", "avoid-column") && (c.style.breakInside = "avoid-column"), c.style.height = ai(s.document.documentElement) + "px"), c.innerHTML = "&#8203;", s.document.body.appendChild(c);
     }
   return i !== l;
 }
@@ -2649,8 +2649,8 @@ class ze {
     }), this.history = this.history.filter((p) => r - p.timestamp < 2e3).slice(-(this.options.historySize || 20)), this.history.length < 3) return !1;
     if (n > this.options.maxVelocity)
       return this.resetAfterDetection(), !0;
-    const o = this.history.map((p) => p.velocity), a = this.history.map((p) => p.distance), l = o.reduce((p, b) => p + b, 0) / o.length, c = a.reduce((p, b) => p + b, 0) / a.length, h = o.reduce((p, b) => p + Math.pow(b - l, 2), 0) / o.length, u = a.reduce((p, b) => p + Math.pow(b - c, 2), 0) / a.length;
-    if (h < this.options.minVariance && u < c * 0.1) {
+    const o = this.history.map((p) => p.velocity), a = this.history.map((p) => p.distance), l = o.reduce((p, b) => p + b, 0) / o.length, h = a.reduce((p, b) => p + b, 0) / a.length, c = o.reduce((p, b) => p + Math.pow(b - l, 2), 0) / o.length, u = a.reduce((p, b) => p + Math.pow(b - h, 2), 0) / a.length;
+    if (c < this.options.minVariance && u < h * 0.1) {
       if (this.consistentScrollCount++, this.consistentScrollCount >= (this.options.maxConsistentScrolls || 10))
         return this.resetAfterDetection(), !0;
     } else
@@ -2705,11 +2705,11 @@ const hi = "readium-column-snapper-style", Gn = 200, U = class U extends Et {
   }
   // Snaps the current offset to the page width.
   snapCurrentOffset(t = !1, e = !1) {
-    const i = this.wnd.scrollX > 0 ? this.wnd.scrollX : this.alreadyScrollLeft, n = this.doc(), r = this.dragOffset(), o = Di(this.wnd), a = Math.min(Math.max(0, i), this.cachedScrollWidth), l = nt(this.wnd) ? -1 : 1, c = (
+    const i = this.wnd.scrollX > 0 ? this.wnd.scrollX : this.alreadyScrollLeft, n = this.doc(), r = this.dragOffset(), o = Di(this.wnd), a = Math.min(Math.max(0, i), this.cachedScrollWidth), l = nt(this.wnd) ? -1 : 1, h = (
       // The hurdle to overcome in order to change pages
       l * (this.wnd.innerWidth / 3) * (l * r > 0 ? 2 : 1)
-    ), h = this.snapOffset(a + c), u = h > this.scrollOffset() ? "right" : "left";
-    if (this.checkSuspiciousSnap(u, Math.abs(h - this.scrollOffset())), t && h !== this.scrollOffset()) {
+    ), c = this.snapOffset(a + h), u = c > this.scrollOffset() ? "right" : "left";
+    if (this.checkSuspiciousSnap(u, Math.abs(c - this.scrollOffset())), t && c !== this.scrollOffset()) {
       this.snappingCancelled = !1;
       const m = (b, _, z, Q) => z > Q ? _ : b + (_ - b) * Fn(z / Q), y = (
         /*Math.abs(startX - (this.useTransform ? currentOffset : 0)) < 10 ? 1 : */
@@ -2719,13 +2719,13 @@ const hi = "readium-column-snapper-style", Gn = 200, U = class U extends Et {
       const p = (b) => {
         if (this.snappingCancelled) return;
         d || (d = b);
-        const _ = b - d, z = m(this.overscroll, 0, _, y), Q = m(i, h, _, y);
-        n.scrollLeft = Q, this.overscroll !== 0 && (n.style.transform = `translate3d(${-z}px, 0px, 0px)`), _ < y ? this.wnd.requestAnimationFrame(p) : (this.clearTouches(), n.style.removeProperty("transform"), n.scrollLeft = h, e || this.reportProgress());
+        const _ = b - d, z = m(this.overscroll, 0, _, y), Q = m(i, c, _, y);
+        n.scrollLeft = Q, this.overscroll !== 0 && (n.style.transform = `translate3d(${-z}px, 0px, 0px)`), _ < y ? this.wnd.requestAnimationFrame(p) : (this.clearTouches(), n.style.removeProperty("transform"), n.scrollLeft = c, e || this.reportProgress());
       };
       this.wnd.requestAnimationFrame(p);
     } else
       n.style.removeProperty("transform"), this.wnd.requestAnimationFrame(() => {
-        n.scrollLeft = h, this.clearTouches(), e || this.reportProgress();
+        n.scrollLeft = c, this.clearTouches(), e || this.reportProgress();
       });
   }
   dragOffset() {
@@ -2832,8 +2832,8 @@ const hi = "readium-column-snapper-style", Gn = 200, U = class U extends Et {
     }), this.resizeObserver.observe(t.document.body), this.mutationObserver = new MutationObserver((r) => {
       for (const o of r)
         if (o.target === this.wnd.document.documentElement) {
-          const a = o.oldValue, l = o.target.getAttribute("style"), c = /transform\s*:\s*([^;]+)/, h = a?.match(c), u = l?.match(c);
-          (!h && !u || h && !u || h && u && h[1] !== u[1]) && (t.requestAnimationFrame(() => {
+          const a = o.oldValue, l = o.target.getAttribute("style"), h = /transform\s*:\s*([^;]+)/, c = a?.match(h), u = l?.match(h);
+          (!c && !u || c && !u || c && u && c[1] !== u[1]) && (t.requestAnimationFrame(() => {
             t && li(t);
           }), this.onWidthChange());
         } else
@@ -2855,8 +2855,8 @@ const hi = "readium-column-snapper-style", Gn = 200, U = class U extends Et {
       }
       this.wnd.requestAnimationFrame(() => {
         this.cachedScrollWidth = this.doc().scrollWidth;
-        const l = this.cachedScrollWidth, c = nt(t) ? -1 : 1, h = l * a * c;
-        this.doc().scrollLeft = this.snapOffset(h), this.reportProgress(), T(this.wnd), o(!0);
+        const l = this.cachedScrollWidth, h = nt(t) ? -1 : 1, c = l * a * h;
+        this.doc().scrollLeft = this.snapOffset(c), this.reportProgress(), T(this.wnd), o(!0);
       });
     }), e.register("go_id", U.moduleName, (r, o) => {
       const a = t.document.getElementById(r);
@@ -2870,7 +2870,7 @@ const hi = "readium-column-snapper-style", Gn = 200, U = class U extends Et {
     }), e.register("go_text", U.moduleName, (r, o) => {
       let a;
       Array.isArray(r) && (r.length > 1 && (a = r[1]), r = r[0]);
-      const l = rt.deserialize(r), c = Qt(this.wnd.document, new H({
+      const l = rt.deserialize(r), h = Qt(this.wnd.document, new H({
         href: t.location.href,
         type: "text/html",
         text: l,
@@ -2880,12 +2880,12 @@ const hi = "readium-column-snapper-style", Gn = 200, U = class U extends Et {
           ])
         }) : void 0
       }));
-      if (!c) {
+      if (!h) {
         o(!1);
         return;
       }
       this.wnd.requestAnimationFrame(() => {
-        this.doc().scrollLeft = this.snapOffset(c.getBoundingClientRect().left + t.scrollX), this.reportProgress(), T(this.wnd), o(!0);
+        this.doc().scrollLeft = this.snapOffset(h.getBoundingClientRect().left + t.scrollX), this.reportProgress(), T(this.wnd), o(!0);
       });
     }), e.register("go_end", U.moduleName, (r, o) => {
       const a = nt(t) ? -1 : 1;
@@ -2903,14 +2903,14 @@ const hi = "readium-column-snapper-style", Gn = 200, U = class U extends Et {
     }), e.register("go_prev", U.moduleName, (r, o) => {
       this.wnd.requestAnimationFrame(() => {
         this.cachedScrollWidth = this.doc().scrollWidth;
-        const a = t.scrollX - t.innerWidth, l = nt(t) ? -(this.cachedScrollWidth - t.innerWidth) : 0, c = n(Math.max(a, l));
-        c && (this.reportProgress(), T(this.wnd), this.checkSuspiciousSnap("left", this.wnd.innerWidth)), o(c);
+        const a = t.scrollX - t.innerWidth, l = nt(t) ? -(this.cachedScrollWidth - t.innerWidth) : 0, h = n(Math.max(a, l));
+        h && (this.reportProgress(), T(this.wnd), this.checkSuspiciousSnap("left", this.wnd.innerWidth)), o(h);
       });
     }), e.register("go_next", U.moduleName, (r, o) => {
       this.wnd.requestAnimationFrame(() => {
         this.cachedScrollWidth = this.doc().scrollWidth;
-        const a = t.scrollX + t.innerWidth, l = nt(t) ? 0 : this.cachedScrollWidth - t.innerWidth, c = n(Math.min(a, l));
-        c && (this.reportProgress(), T(this.wnd), this.checkSuspiciousSnap("right", this.wnd.innerWidth)), o(c);
+        const a = t.scrollX + t.innerWidth, l = nt(t) ? 0 : this.cachedScrollWidth - t.innerWidth, h = n(Math.min(a, l));
+        h && (this.reportProgress(), T(this.wnd), this.checkSuspiciousSnap("right", this.wnd.innerWidth)), o(h);
       });
     }), e.register("unfocus", U.moduleName, (r, o) => {
       this.snappingCancelled = !0, T(this.wnd), o(!0);
@@ -3214,10 +3214,10 @@ class jn {
         length: n,
         wasBlocked: !1
       }), !0;
-    const l = o - this.lastSelectionTime < 100 && n > this.lastSelectionLength * 1.5, c = Math.min(
+    const l = o - this.lastSelectionTime < 100 && n > this.lastSelectionLength * 1.5, h = Math.min(
       r * this.options.maxSelectionPercent,
       this.options.absoluteMaxChars
-    ), h = this.isSuspiciousPattern(o), u = n > c || l || h;
+    ), c = this.isSuspiciousPattern(o), u = n > h || l || c;
     return this.copyHistory.push({
       timestamp: o,
       length: n,
@@ -3296,13 +3296,13 @@ class Gi {
   createActivityEvent(t, e, i, n) {
     let r;
     if (n) {
-      const o = n.getSelection(), a = o?.toString() || "", c = (a && o?.rangeCount ? o.getRangeAt(0)?.getClientRects() : null)?.[0];
-      c && a && (r = {
+      const o = n.getSelection(), a = o?.toString() || "", h = (a && o?.rangeCount ? o.getRangeAt(0)?.getClientRects() : null)?.[0];
+      h && a && (r = {
         text: a,
-        x: c.x,
-        y: c.y,
-        width: c.width,
-        height: c.height
+        x: h.x,
+        y: h.y,
+        width: h.width,
+        height: h.height
       });
     }
     return {
@@ -3328,8 +3328,8 @@ class Gi {
       r.push(...o.keyCombos.map((a) => ({
         ...a,
         handler: (l) => {
-          const c = o.type, h = this.createActivityEvent(l, c, t, n);
-          i(h);
+          const h = o.type, c = this.createActivityEvent(l, h, t, n);
+          i(c);
         }
       })));
     }), r;
@@ -3622,7 +3622,7 @@ const _t = class _t extends ft {
     ), Reflect.defineProperty(t.navigator, "epubReadingSystem", {
       value: {
         name: "readium-ts-toolkit",
-        version: "2.4.0-alpha.4",
+        version: "2.4.0-alpha.6",
         hasFeature: (n, r = "") => {
           switch (n) {
             case "dom-manipulation":
@@ -3967,7 +3967,7 @@ class er {
       const o = r.keyCombos.filter(
         (a) => !i.some(
           (l) => l.keyCombos.some(
-            (c) => a.keyCode === c.keyCode && a.ctrl === c.ctrl && a.shift === c.shift && a.alt === c.alt && a.meta === c.meta
+            (h) => a.keyCode === h.keyCode && a.ctrl === h.ctrl && a.shift === h.shift && a.alt === h.alt && a.meta === h.meta
           )
         )
       );
@@ -4219,12 +4219,12 @@ class Yi {
         else if (/^((Google )?Chrome OS|CrOS)$/.test(a)) o.ChromeOS = i(l);
         else if (/^(Linux|Ubuntu|X11)$/.test(a)) o.Linux = i(l);
         else return;
-        Object.keys(this.OS).forEach((c) => delete this.OS[c]), Object.assign(this.OS, o);
+        Object.keys(this.OS).forEach((h) => delete this.OS[h]), Object.assign(this.OS, o);
       }
     })({})), this.UA = ((r) => {
       let o = !1;
       if (t && Array.isArray(t.brands)) {
-        const a = t.brands.reduce((l, c) => (l[c.brand] = [c.version * 1], l), {});
+        const a = t.brands.reduce((l, h) => (l[h.brand] = [h.version * 1], l), {});
         a["Google Chrome"] ? (o = !0, r.Blink = r.Chromium = a.Chromium || [], r.Chrome = a["Google Chrome"]) : a["Microsoft Edge"] ? (o = !0, r.Blink = r.Chromium = a.Chromium || [], r.Edge = a["Microsoft Edge"]) : a.Opera && (o = !0, r.Blink = r.Chromium = a.Chromium || [], r.Opera = a.Opera);
       }
       return o || (/ Gecko\/\d/.test(e) ? (r.Gecko = n("rv"), / Waterfox\/\d/.test(e) ? r.Waterfox = n("Waterfox") : / Firefox\/\d/.test(e) && (r.Firefox = n("Firefox"))) : / Edge\/\d/.test(e) ? (r.EdgeHTML = n("Edge"), r.Edge = r.EdgeHTML) : / Chrom(ium|e)\/\d/.test(e) ? (r.Blink = r.Chromium = ((a) => a[0] ? a : n("Chrome"))(n("Chromium")), / EdgA?\/\d/.test(e) ? r.Edge = ((a) => a[0] ? a : n("Edg"))(n("EdgA")) : / OPR\/\d/.test(e) ? r.Opera = n("OPR") : / Vivaldi\/\d/.test(e) ? r.Vivaldi = n("Vivaldi") : / Silk\/\d/.test(e) ? r.Silk = n("Silk") : / UCBrowser\/\d/.test(e) ? r.UCBrowser = n("UCBrowser") : / Phoebe\/\d/.test(e) ? r.Phoebe = n("Phoebe") : r.Chrome = ((a) => a[0] ? a : r.Chromium)(n("Chrome"))) : / AppleWebKit\/\d/.test(e) ? (r.WebKit = n("AppleWebKit"), / CriOS \d/.test(e) ? r.Chrome = n("CriOS") : / FxiOS \d/.test(e) ? r.Firefox = n("FxiOS") : / EdgiOS\/\d/.test(e) ? r.Edge = n("EdgiOS") : / Version\/\d/.test(e) && (r.Safari = n("Version"))) : / Trident\/\d/.test(e) && (r.Trident = n("Trident"), r.InternetExplorer = ((a) => a[0] ? a : n("MSIE"))(n("rv")))), /[\[; ]FB(AN|_IAB)\//.test(e) && (r.Facebook = n("FBAV")), / Line\/\d/.test(e) && (r.LINE = n("Line")), r;
@@ -4360,11 +4360,11 @@ class hr {
     if (r < 0) throw Error(`Locator not found in reading order: ${e.href}`);
     const o = n[r].href;
     this.inprogress.has(o) && await this.inprogress.get(o);
-    const a = new Promise(async (l, c) => {
-      const h = [], u = [];
+    const a = new Promise(async (l, h) => {
+      const c = [], u = [];
       t.readingOrder.items.forEach((d, p) => {
-        p !== r && p !== r - 1 && p !== r + 1 && (h.includes(d.href) || h.push(d.href)), p === r && (u.includes(d.href) || u.push(d.href));
-      }), h.forEach(async (d) => {
+        p !== r && p !== r - 1 && p !== r + 1 && (c.includes(d.href) || c.push(d.href)), p === r && (u.includes(d.href) || u.push(d.href));
+      }), c.forEach(async (d) => {
         u.includes(d) || this.pool.has(d) && (await this.pool.get(d)?.destroy(), this.pool.delete(d));
       }), this.currentBaseURL !== void 0 && t.baseURL !== this.currentBaseURL && (this.blobs.forEach((d) => {
         this.injector?.releaseBlobUrl?.(d), URL.revokeObjectURL(d);
@@ -4403,7 +4403,7 @@ class hr {
       try {
         await Promise.all(u.map((d) => m(d)));
       } catch (d) {
-        c(d);
+        h(d);
       }
       const y = this.pool.get(o);
       y?.source !== this._currentFrame?.source && (await this._currentFrame?.hide(), y && await y.load(i), y && await y.show(e.locations.progression), this._currentFrame = y), l();
@@ -4460,33 +4460,33 @@ function cr() {
       throw new TypeError("Path must be a string. Received " + JSON.stringify(n));
   }
   function t(n, r) {
-    for (var o = "", a = 0, l = -1, c = 0, h, u = 0; u <= n.length; ++u) {
+    for (var o = "", a = 0, l = -1, h = 0, c, u = 0; u <= n.length; ++u) {
       if (u < n.length)
-        h = n.charCodeAt(u);
+        c = n.charCodeAt(u);
       else {
-        if (h === 47)
+        if (c === 47)
           break;
-        h = 47;
+        c = 47;
       }
-      if (h === 47) {
-        if (!(l === u - 1 || c === 1)) if (l !== u - 1 && c === 2) {
+      if (c === 47) {
+        if (!(l === u - 1 || h === 1)) if (l !== u - 1 && h === 2) {
           if (o.length < 2 || a !== 2 || o.charCodeAt(o.length - 1) !== 46 || o.charCodeAt(o.length - 2) !== 46) {
             if (o.length > 2) {
               var m = o.lastIndexOf("/");
               if (m !== o.length - 1) {
-                m === -1 ? (o = "", a = 0) : (o = o.slice(0, m), a = o.length - 1 - o.lastIndexOf("/")), l = u, c = 0;
+                m === -1 ? (o = "", a = 0) : (o = o.slice(0, m), a = o.length - 1 - o.lastIndexOf("/")), l = u, h = 0;
                 continue;
               }
             } else if (o.length === 2 || o.length === 1) {
-              o = "", a = 0, l = u, c = 0;
+              o = "", a = 0, l = u, h = 0;
               continue;
             }
           }
           r && (o.length > 0 ? o += "/.." : o = "..", a = 2);
         } else
           o.length > 0 ? o += "/" + n.slice(l + 1, u) : o = n.slice(l + 1, u), a = u - l - 1;
-        l = u, c = 0;
-      } else h === 46 && c !== -1 ? ++c : c = -1;
+        l = u, h = 0;
+      } else c === 46 && h !== -1 ? ++h : h = -1;
     }
     return o;
   }
@@ -4498,8 +4498,8 @@ function cr() {
     // path.resolve([from ...], to)
     resolve: function() {
       for (var r = "", o = !1, a, l = arguments.length - 1; l >= -1 && !o; l--) {
-        var c;
-        l >= 0 ? c = arguments[l] : (a === void 0 && (a = process.cwd()), c = a), s(c), c.length !== 0 && (r = c + "/" + r, o = c.charCodeAt(0) === 47);
+        var h;
+        l >= 0 ? h = arguments[l] : (a === void 0 && (a = process.cwd()), h = a), s(h), h.length !== 0 && (r = h + "/" + r, o = h.charCodeAt(0) === 47);
       }
       return r = t(r, !o), o ? r.length > 0 ? "/" + r : "/" : r.length > 0 ? r : ".";
     },
@@ -4524,19 +4524,19 @@ function cr() {
       if (s(r), s(o), r === o || (r = i.resolve(r), o = i.resolve(o), r === o)) return "";
       for (var a = 1; a < r.length && r.charCodeAt(a) === 47; ++a)
         ;
-      for (var l = r.length, c = l - a, h = 1; h < o.length && o.charCodeAt(h) === 47; ++h)
+      for (var l = r.length, h = l - a, c = 1; c < o.length && o.charCodeAt(c) === 47; ++c)
         ;
-      for (var u = o.length, m = u - h, y = c < m ? c : m, d = -1, p = 0; p <= y; ++p) {
+      for (var u = o.length, m = u - c, y = h < m ? h : m, d = -1, p = 0; p <= y; ++p) {
         if (p === y) {
           if (m > y) {
-            if (o.charCodeAt(h + p) === 47)
-              return o.slice(h + p + 1);
+            if (o.charCodeAt(c + p) === 47)
+              return o.slice(c + p + 1);
             if (p === 0)
-              return o.slice(h + p);
-          } else c > y && (r.charCodeAt(a + p) === 47 ? d = p : p === 0 && (d = 0));
+              return o.slice(c + p);
+          } else h > y && (r.charCodeAt(a + p) === 47 ? d = p : p === 0 && (d = 0));
           break;
         }
-        var b = r.charCodeAt(a + p), _ = o.charCodeAt(h + p);
+        var b = r.charCodeAt(a + p), _ = o.charCodeAt(c + p);
         if (b !== _)
           break;
         b === 47 && (d = p);
@@ -4544,68 +4544,68 @@ function cr() {
       var z = "";
       for (p = a + d + 1; p <= l; ++p)
         (p === l || r.charCodeAt(p) === 47) && (z.length === 0 ? z += ".." : z += "/..");
-      return z.length > 0 ? z + o.slice(h + d) : (h += d, o.charCodeAt(h) === 47 && ++h, o.slice(h));
+      return z.length > 0 ? z + o.slice(c + d) : (c += d, o.charCodeAt(c) === 47 && ++c, o.slice(c));
     },
     _makeLong: function(r) {
       return r;
     },
     dirname: function(r) {
       if (s(r), r.length === 0) return ".";
-      for (var o = r.charCodeAt(0), a = o === 47, l = -1, c = !0, h = r.length - 1; h >= 1; --h)
-        if (o = r.charCodeAt(h), o === 47) {
-          if (!c) {
-            l = h;
+      for (var o = r.charCodeAt(0), a = o === 47, l = -1, h = !0, c = r.length - 1; c >= 1; --c)
+        if (o = r.charCodeAt(c), o === 47) {
+          if (!h) {
+            l = c;
             break;
           }
         } else
-          c = !1;
+          h = !1;
       return l === -1 ? a ? "/" : "." : a && l === 1 ? "//" : r.slice(0, l);
     },
     basename: function(r, o) {
       if (o !== void 0 && typeof o != "string") throw new TypeError('"ext" argument must be a string');
       s(r);
-      var a = 0, l = -1, c = !0, h;
+      var a = 0, l = -1, h = !0, c;
       if (o !== void 0 && o.length > 0 && o.length <= r.length) {
         if (o.length === r.length && o === r) return "";
         var u = o.length - 1, m = -1;
-        for (h = r.length - 1; h >= 0; --h) {
-          var y = r.charCodeAt(h);
+        for (c = r.length - 1; c >= 0; --c) {
+          var y = r.charCodeAt(c);
           if (y === 47) {
-            if (!c) {
-              a = h + 1;
+            if (!h) {
+              a = c + 1;
               break;
             }
           } else
-            m === -1 && (c = !1, m = h + 1), u >= 0 && (y === o.charCodeAt(u) ? --u === -1 && (l = h) : (u = -1, l = m));
+            m === -1 && (h = !1, m = c + 1), u >= 0 && (y === o.charCodeAt(u) ? --u === -1 && (l = c) : (u = -1, l = m));
         }
         return a === l ? l = m : l === -1 && (l = r.length), r.slice(a, l);
       } else {
-        for (h = r.length - 1; h >= 0; --h)
-          if (r.charCodeAt(h) === 47) {
-            if (!c) {
-              a = h + 1;
+        for (c = r.length - 1; c >= 0; --c)
+          if (r.charCodeAt(c) === 47) {
+            if (!h) {
+              a = c + 1;
               break;
             }
-          } else l === -1 && (c = !1, l = h + 1);
+          } else l === -1 && (h = !1, l = c + 1);
         return l === -1 ? "" : r.slice(a, l);
       }
     },
     extname: function(r) {
       s(r);
-      for (var o = -1, a = 0, l = -1, c = !0, h = 0, u = r.length - 1; u >= 0; --u) {
+      for (var o = -1, a = 0, l = -1, h = !0, c = 0, u = r.length - 1; u >= 0; --u) {
         var m = r.charCodeAt(u);
         if (m === 47) {
-          if (!c) {
+          if (!h) {
             a = u + 1;
             break;
           }
           continue;
         }
-        l === -1 && (c = !1, l = u + 1), m === 46 ? o === -1 ? o = u : h !== 1 && (h = 1) : o !== -1 && (h = -1);
+        l === -1 && (h = !1, l = u + 1), m === 46 ? o === -1 ? o = u : c !== 1 && (c = 1) : o !== -1 && (c = -1);
       }
       return o === -1 || l === -1 || // We saw a non-dot character immediately before the dot
-      h === 0 || // The (right-most) trimmed path component is exactly '..'
-      h === 1 && o === l - 1 && o === a + 1 ? "" : r.slice(o, l);
+      c === 0 || // The (right-most) trimmed path component is exactly '..'
+      c === 1 && o === l - 1 && o === a + 1 ? "" : r.slice(o, l);
     },
     format: function(r) {
       if (r === null || typeof r != "object")
@@ -4616,9 +4616,9 @@ function cr() {
       s(r);
       var o = { root: "", dir: "", base: "", ext: "", name: "" };
       if (r.length === 0) return o;
-      var a = r.charCodeAt(0), l = a === 47, c;
-      l ? (o.root = "/", c = 1) : c = 0;
-      for (var h = -1, u = 0, m = -1, y = !0, d = r.length - 1, p = 0; d >= c; --d) {
+      var a = r.charCodeAt(0), l = a === 47, h;
+      l ? (o.root = "/", h = 1) : h = 0;
+      for (var c = -1, u = 0, m = -1, y = !0, d = r.length - 1, p = 0; d >= h; --d) {
         if (a = r.charCodeAt(d), a === 47) {
           if (!y) {
             u = d + 1;
@@ -4626,11 +4626,11 @@ function cr() {
           }
           continue;
         }
-        m === -1 && (y = !1, m = d + 1), a === 46 ? h === -1 ? h = d : p !== 1 && (p = 1) : h !== -1 && (p = -1);
+        m === -1 && (y = !1, m = d + 1), a === 46 ? c === -1 ? c = d : p !== 1 && (p = 1) : c !== -1 && (p = -1);
       }
-      return h === -1 || m === -1 || // We saw a non-dot character immediately before the dot
+      return c === -1 || m === -1 || // We saw a non-dot character immediately before the dot
       p === 0 || // The (right-most) trimmed path component is exactly '..'
-      p === 1 && h === m - 1 && h === u + 1 ? m !== -1 && (u === 0 && l ? o.base = o.name = r.slice(1, m) : o.base = o.name = r.slice(u, m)) : (u === 0 && l ? (o.name = r.slice(1, h), o.base = r.slice(1, m)) : (o.name = r.slice(u, h), o.base = r.slice(u, m)), o.ext = r.slice(h, m)), u > 0 ? o.dir = r.slice(0, u - 1) : l && (o.dir = "/"), o;
+      p === 1 && c === m - 1 && c === u + 1 ? m !== -1 && (u === 0 && l ? o.base = o.name = r.slice(1, m) : o.base = o.name = r.slice(u, m)) : (u === 0 && l ? (o.name = r.slice(1, c), o.base = r.slice(1, m)) : (o.name = r.slice(u, c), o.base = r.slice(u, m)), o.ext = r.slice(c, m)), u > 0 ? o.dir = r.slice(0, u - 1) : l && (o.dir = "/"), o;
     },
     sep: "/",
     delimiter: ":",
@@ -5261,8 +5261,8 @@ class tn {
       for (const { element: a, url: l } of i)
         try {
           a.remove(), await this.releaseBlobUrl(l);
-        } catch (c) {
-          console.error("Error during cleanup:", c);
+        } catch (h) {
+          console.error("Error during cleanup:", h);
         }
       throw o;
     }
@@ -6071,13 +6071,13 @@ class Ur extends ji {
       this._contentProtection,
       r.keyboardPeripherals || []
     ), (this._contentProtection.disableContextMenu || this._contentProtection.checkAutomation || this._contentProtection.checkIFrameEmbedding || this._contentProtection.monitorDevTools || this._contentProtection.protectPrinting?.disable) && (this._navigatorProtector = new rn(this._contentProtection), this._suspiciousActivityListener = (l) => {
-      const c = l;
-      this.listeners.contentProtection(c.detail.type, c.detail);
+      const h = l;
+      this.listeners.contentProtection(h.detail.type, h.detail);
     }, window.addEventListener(Rt, this._suspiciousActivityListener)), this._keyboardPeripherals.length > 0 && (this._keyboardPeripheralsManager = new sn({
       keyboardPeripherals: this._keyboardPeripherals
     }), this._keyboardPeripheralListener = (l) => {
-      const c = l.detail;
-      this.listeners.peripheral(c);
+      const h = l.detail;
+      this.listeners.peripheral(h);
     }, window.addEventListener(Lt, this._keyboardPeripheralListener)), n && typeof n.copyWithLocations == "function") {
       this.currentLocation = n;
       const l = this.pub.readingOrder.findIndexWithHref(n.href);
@@ -6180,12 +6180,12 @@ class Ur extends ji {
                 if (a.startsWith("http://") || a.startsWith("https://"))
                   l = a;
                 else if (this.currentLocation.href.startsWith("http://") || this.currentLocation.href.startsWith("https://")) {
-                  const h = new URL(this.currentLocation.href);
-                  l = new URL(a, h).href;
+                  const c = new URL(this.currentLocation.href);
+                  l = new URL(a, c).href;
                 } else
                   l = Vt.join(Vt.dirname(this.currentLocation.href), a);
-                const c = this.pub.readingOrder.findWithHref(l);
-                c ? this.goLink(c, !1, () => {
+                const h = this.pub.readingOrder.findWithHref(l);
+                h ? this.goLink(h, !1, () => {
                 }) : (console.warn(`Internal link not found in readingOrder: ${l}`), this.listeners.handleLocator(new B({
                   href: a
                 }).locator));
@@ -6296,7 +6296,7 @@ class Ur extends ji {
   }
   async loadLocator(t, e) {
     let i = !1, n = typeof t.locations.getCssSelector == "function" && t.locations.getCssSelector();
-    if (t.text?.highlight ? i = await new Promise((l, c) => {
+    if (t.text?.highlight ? i = await new Promise((l, h) => {
       this.framePool.currentFrames[0].msg.send(
         "go_text",
         n ? [
@@ -6304,9 +6304,9 @@ class Ur extends ji {
           n
           // Include CSS selector if it exists
         ] : t.text?.serialize(),
-        (h) => l(h)
+        (c) => l(c)
       );
-    }) : n && (i = await new Promise((l, c) => {
+    }) : n && (i = await new Promise((l, h) => {
       this.framePool.currentFrames[0].msg.send(
         "go_text",
         [
@@ -6315,22 +6315,22 @@ class Ur extends ji {
           n
           // Just CSS selector
         ],
-        (h) => l(h)
+        (c) => l(c)
       );
     })), i) {
       e(i);
       return;
     }
     const r = typeof t.locations.htmlId == "function" && t.locations.htmlId();
-    if (r && (i = await new Promise((l, c) => {
-      this.framePool.currentFrames[0].msg.send("go_id", r, (h) => l(h));
+    if (r && (i = await new Promise((l, h) => {
+      this.framePool.currentFrames[0].msg.send("go_id", r, (c) => l(c));
     })), i) {
       e(i);
       return;
     }
     const o = t?.locations?.progression;
-    o && o > 0 ? i = await new Promise((l, c) => {
-      this.framePool.currentFrames[0].msg.send("go_progression", o, (h) => l(h));
+    o && o > 0 ? i = await new Promise((l, h) => {
+      this.framePool.currentFrames[0].msg.send("go_progression", o, (c) => l(c));
     }) : i = !0, e(i);
   }
   go(t, e, i) {
@@ -6399,6 +6399,8 @@ class on {
     if (this.currentUrl) return this.currentUrl;
     this.currentResource = this.pub.get(this.item);
     const e = await this.currentResource.link();
+    if (!this.currentResource)
+      return "about:blank";
     if (e.mediaType.isHTML) {
       const i = await this.buildHtmlFrame(t);
       return this.currentUrl = i, i;
@@ -6409,6 +6411,7 @@ class on {
       throw Error("Unsupported frame mediatype " + e.mediaType.string);
   }
   async buildHtmlFrame(t = !1) {
+    if (!this.currentResource) throw new Error("No resource loaded");
     const e = await this.currentResource.link(), i = await this.currentResource.readAsString();
     if (!i) throw new Error(`Failed reading item ${e.href}`);
     const n = new DOMParser().parseFromString(
@@ -6422,6 +6425,7 @@ class on {
     return this.injector && await this.injector.injectForDocument(n, e), this.finalizeDOM(n, this.pub.baseURL, e.toURL(this.baseURL) || "", e.mediaType, t, this.cssProperties);
   }
   async buildImageFrame() {
+    if (!this.currentResource) throw new Error("No resource loaded");
     const t = await this.currentResource.link(), e = t.toURL(this.baseURL) || "", i = document.implementation.createHTMLDocument(t.title || t.href);
     if ((t?.height || 0) > 0 && (t?.width || 0) > 0) {
       const o = i.createElement("meta");
@@ -6453,21 +6457,21 @@ class on {
       ...e ? [e] : [],
       ...a
     ])].filter(Boolean);
-    if (o && !r && this.setProperties(o, t), t.body.querySelectorAll("img").forEach((h) => {
-      h.setAttribute("fetchpriority", "high"), h.setAttribute("referrerpolicy", "origin");
+    if (o && !r && this.setProperties(o, t), t.body.querySelectorAll("img").forEach((c) => {
+      c.setAttribute("fetchpriority", "high"), c.setAttribute("referrerpolicy", "origin");
     }), n.isHTML && this.pub.metadata.languages?.[0]) {
-      const h = this.pub.metadata.languages[0];
+      const c = this.pub.metadata.languages[0];
       if (n === g.XHTML) {
         const u = document.documentElement.lang || document.documentElement.getAttribute("xml:lang"), m = document.body.lang || document.body.getAttribute("xml:lang");
-        m && !u ? (document.documentElement.lang = m, document.documentElement.setAttribute("xml:lang", m), document.body.removeAttribute("xml:lang"), document.body.removeAttribute("lang")) : u || (document.documentElement.lang = h, document.documentElement.setAttribute("xml:lang", h));
-      } else n === g.HTML && !document.documentElement.lang && (document.documentElement.lang = h);
+        m && !u ? (document.documentElement.lang = m, document.documentElement.setAttribute("xml:lang", m), document.body.removeAttribute("xml:lang"), document.body.removeAttribute("lang")) : u || (document.documentElement.lang = c, document.documentElement.setAttribute("xml:lang", c));
+      } else n === g.HTML && !document.documentElement.lang && (document.documentElement.lang = c);
     }
     if (i !== void 0) {
-      const h = t.createElement("base");
-      h.href = i, h.dataset.readium = "true", t.head.firstChild.before(h);
+      const c = t.createElement("base");
+      c.href = i, c.dataset.readium = "true", t.head.firstChild.before(c);
     }
-    const c = t.createElement("meta");
-    return c.httpEquiv = "Content-Security-Policy", c.content = Nr(l), c.dataset.readium = "true", t.head.firstChild.before(c), URL.createObjectURL(
+    const h = t.createElement("meta");
+    return h.httpEquiv = "Content-Security-Policy", h.content = Nr(l), h.dataset.readium = "true", t.head.firstChild.before(h), URL.createObjectURL(
       new Blob([new XMLSerializer().serializeToString(t)], {
         type: n.isHTML ? n.string : "application/xhtml+xml"
         // Fallback to XHTML
@@ -6592,14 +6596,14 @@ class Dr {
   }
   async update(t, e, i, n = !1) {
     let r = this.positions.findIndex((l) => l.locations.position === e.locations.position);
-    if (r < 0) throw Error(`Locator not found in position list: ${e.locations.position} > ${this.positions.reduce((l, c) => c.locations.position || 0 > l ? c.locations.position || 0 : l, 0)}`);
+    if (r < 0) throw Error(`Locator not found in position list: ${e.locations.position} > ${this.positions.reduce((l, h) => h.locations.position || 0 > l ? h.locations.position || 0 : l, 0)}`);
     const o = this.positions[r].href;
     this.inprogress.has(o) && await this.inprogress.get(o);
-    const a = new Promise(async (l, c) => {
-      const h = [], u = [];
+    const a = new Promise(async (l, h) => {
+      const c = [], u = [];
       this.positions.forEach((d, p) => {
-        (p > r + wi || p < r - wi) && (h.includes(d.href) || h.push(d.href)), p < r + vi && p > r - vi && (u.includes(d.href) || u.push(d.href));
-      }), h.forEach(async (d) => {
+        (p > r + wi || p < r - wi) && (c.includes(d.href) || c.push(d.href)), p < r + vi && p > r - vi && (u.includes(d.href) || u.push(d.href));
+      }), c.forEach(async (d) => {
         u.includes(d) || this.pool.has(d) && (await this.pool.get(d)?.destroy(), this.pool.delete(d), this.pendingUpdates.has(d) && this.pendingUpdates.set(d, { inPool: !1 }));
       }), this.currentBaseURL !== void 0 && t.baseURL !== this.currentBaseURL && (this.blobs.forEach((d) => d.reset()), this.blobs.clear()), this.currentBaseURL = t.baseURL;
       const m = async (d) => {
@@ -6633,7 +6637,7 @@ class Dr {
       try {
         await Promise.all(u.map((d) => m(d)));
       } catch (d) {
-        c(d);
+        h(d);
       }
       const y = this.pool.get(o);
       (y?.source !== this._currentFrame?.source || n) && (await this._currentFrame?.hide(), y && await y.load(i), y && await y.show(e.locations.progression), this._currentFrame = y), l();
@@ -6683,10 +6687,10 @@ class Dr {
 }
 class Ir {
   constructor(t, e, i, n = {}, r = []) {
-    this.currModules = [], this.cachedPage = void 0, this.peripherals = t, this.debugHref = i, this.contentProtectionConfig = { ...n }, this.keyboardPeripheralsConfig = [...r], this.frame = document.createElement("iframe"), this.frame.sandbox.value = "allow-same-origin allow-scripts", this.frame.classList.add("readium-navigator-iframe"), this.frame.classList.add("blank"), this.frame.scrolling = "no", this.frame.style.visibility = "hidden", this.frame.style.setProperty("aria-hidden", "true"), this.frame.style.display = "none", this.frame.style.position = "absolute", this.frame.style.pointerEvents = "none", this.frame.style.transformOrigin = "0 0", this.frame.style.transform = "scale(1)", this.frame.style.background = "#fff", this.frame.style.touchAction = "none", this.frame.dataset.originalHref = i, this.source = "about:blank", this.wrapper = document.createElement("div"), this.wrapper.style.position = "relative", this.wrapper.style.float = this.wrapper.style.cssFloat = e === F.rtl ? "right" : "left", this.wrapper.appendChild(this.frame);
+    this.frameIsAppended = !1, this.currModules = [], this.cachedPage = void 0, this.peripherals = t, this.debugHref = i, this.contentProtectionConfig = { ...n }, this.keyboardPeripheralsConfig = [...r], this.frame = document.createElement("iframe"), this.frame.sandbox.value = "allow-same-origin allow-scripts", this.frame.classList.add("readium-navigator-iframe"), this.frame.classList.add("blank"), this.frame.scrolling = "no", this.frame.style.visibility = "hidden", this.frame.style.setProperty("aria-hidden", "true"), this.frame.style.display = "none", this.frame.style.position = "absolute", this.frame.style.pointerEvents = "none", this.frame.style.transformOrigin = "0 0", this.frame.style.transform = "scale(1)", this.frame.style.background = "#fff", this.frame.style.touchAction = "none", this.frame.dataset.originalHref = i, this.source = "about:blank", this.wrapper = document.createElement("div"), this.wrapper.style.position = "relative", this.wrapper.style.float = this.wrapper.style.cssFloat = e === F.rtl ? "right" : "left";
   }
   async load(t, e) {
-    return this.source === e && this.loadPromise && [...this.currModules].sort().join("|") === [...t].sort().join("|") ? this.loadPromise : (this.loaded && this.source !== e && this.window.stop(), this.source = e, this.loadPromise = new Promise((i, n) => {
+    return this.frameIsAppended || (this.wrapper.appendChild(this.frame), this.frameIsAppended = !0), this.source === e && this.loadPromise && [...this.currModules].sort().join("|") === [...t].sort().join("|") ? this.loadPromise : (this.loaded && this.source !== e && this.window.stop(), this.source = e, this.loadPromise = new Promise((i, n) => {
       if (this.loader && this.loaded) {
         const r = this.frame.contentWindow;
         if ([...this.currModules].sort().join("|") === [...t].sort().join("|")) {
@@ -6884,15 +6888,15 @@ class Br {
     };
     let r, o, a, l;
     a = r = i, l = o = 1 - i;
-    const c = {
+    const h = {
       X: null,
       Y: null
     };
-    return n.X < a ? c.X = 0 : l < n.X ? c.X = 2 : c.X = 1, n.Y < r ? c.Y = 0 : o < n.Y ? c.Y = 2 : c.Y = 1, {
+    return n.X < a ? h.X = 0 : l < n.X ? h.X = 2 : h.X = 1, n.Y < r ? h.Y = 0 : o < n.Y ? h.Y = 2 : h.Y = 1, {
       Target: t.target,
       Coord: e,
       Ratio: n,
-      Division: c
+      Division: h
     };
   }
 }
@@ -7070,10 +7074,10 @@ class Gr {
           this.debugger.DOM.touch2.style.top = `${y.Y - 10}px`, this.debugger.DOM.touch2.style.left = `${y.X - 10}px`, this.debugger.DOM.touch2.innerText = `${y.X.toFixed(2)},${y.Y.toFixed(2)}`;
         }
         l.X -= this.manager.width / 2, l.Y -= this.manager.height / 2;
-        let c = -l.X / r;
-        c += l.X / this.scale, this.pinch.target.X += c, l.X += this.pinch.target.X * this.scale / this.pinch.startScale;
-        let h = -l.Y / r;
-        h += l.Y / this.scale, this.pinch.target.Y += h, l.Y += this.pinch.target.Y * this.scale / this.pinch.startScale;
+        let h = -l.X / r;
+        h += l.X / this.scale, this.pinch.target.X += h, l.X += this.pinch.target.X * this.scale / this.pinch.startScale;
+        let c = -l.Y / r;
+        c += l.Y / this.scale, this.pinch.target.Y += c, l.Y += this.pinch.target.Y * this.scale / this.pinch.startScale;
         let u = (l.X - (this.pan.startX - this.manager.width / 2)) * 1 / this.scale, m = (l.Y - (this.pan.startY - this.manager.height / 2)) * 1 / this.scale;
         this.pan.translateX = u, this.pan.translateY = m, this.debugger?.show && (this.debugger.DOM.pinchTarget.style.left = `${this.pinch.target.X * this.scale / this.pinch.startScale - 5 + this.manager.width / 2}px`, this.debugger.DOM.pinchTarget.style.top = `${this.pinch.target.Y * this.scale / this.pinch.startScale - 5 + this.manager.height / 2}px`, this.debugger.DOM.pinchTarget.innerText = `${(this.pinch.target.X * this.scale / this.pinch.startScale).toFixed(2)},${(this.pinch.target.Y * this.scale / this.pinch.startScale).toFixed(2)}`);
       }
@@ -7089,10 +7093,10 @@ Overscroll: ${this.pan.overscrollX.toFixed(2)},${this.pan.overscrollY.toFixed(2)
     }
     if (this.dragState > 0 && this.pan.letItGo) {
       this.pan.endX = e.X;
-      const a = this.manager.currentSlide * (this.manager.width / this.manager.perPage), l = this.pan.endX - this.pan.startX, c = this.manager.rtl ? a + l : a - l;
+      const a = this.manager.currentSlide * (this.manager.width / this.manager.perPage), l = this.pan.endX - this.pan.startX, h = this.manager.rtl ? a + l : a - l;
       cancelAnimationFrame(this.moveFrame), this.moveFrame = requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          this.manager.spineElement.style.transform = `translate3d(${(this.manager.rtl ? 1 : -1) * c}px, 0, 0)`;
+          this.manager.spineElement.style.transform = `translate3d(${(this.manager.rtl ? 1 : -1) * h}px, 0, 0)`;
         });
       });
     }
@@ -7186,10 +7190,12 @@ class Zr {
   constructor(t, e, i, n, r, o) {
     if (this.pool = /* @__PURE__ */ new Map(), this.blobs = /* @__PURE__ */ new Map(), this.inprogress = /* @__PURE__ */ new Map(), this.delayedShow = /* @__PURE__ */ new Map(), this.delayedTimeout = /* @__PURE__ */ new Map(), this.previousFrames = [], this.injector = null, this.width = 0, this.height = 0, this.transform = "", this.currentSlide = 0, this.spread = !0, this.orientationInternal = -1, this.container = t, this.positions = e, this.pub = i, this.injector = n ?? null, this.contentProtectionConfig = r || {}, this.keyboardPeripheralsConfig = o || [], this.spreadPresentation = i.metadata.otherMetadata?.spread || Ee.auto, this.pub.metadata.effectiveReadingProgression !== F.rtl && this.pub.metadata.effectiveReadingProgression !== F.ltr)
       throw Error("Unsupported reading progression for EPUB");
-    this.spreader = new jr(this.pub), this.containerHeightCached = t.clientHeight, this.bookElement = document.createElement("div"), this.bookElement.ariaLabel = "Book", this.bookElement.tabIndex = -1, this.updateBookStyle(!0), this.spineElement = document.createElement("div"), this.spineElement.ariaLabel = "Spine", this.bookElement.appendChild(this.spineElement), this.container.appendChild(this.bookElement), this.updateSpineStyle(!0), this.peripherals = new Gr(this), this.pub.readingOrder.items.forEach((a) => {
-      const l = new Ir(this.peripherals, this.pub.metadata.effectiveReadingProgression, a.href, this.contentProtectionConfig, this.keyboardPeripheralsConfig);
-      this.spineElement.appendChild(l.element), this.pool.set(a.href, l), l.width = 100 / this.length * (a.properties?.otherProperties.orientation === Pe.landscape || a.properties?.otherProperties.addBlank ? this.perPage : 1), l.height = this.height;
-    });
+    this.spreader = new jr(this.pub), this.containerHeightCached = t.clientHeight, this.bookElement = document.createElement("div"), this.bookElement.ariaLabel = "Book", this.bookElement.tabIndex = -1, this.updateBookStyle(!0), this.spineElement = document.createElement("div"), this.spineElement.ariaLabel = "Spine", this.bookElement.appendChild(this.spineElement), this.container.appendChild(this.bookElement), this.updateSpineStyle(!0), this.peripherals = new Gr(this);
+    const a = document.createDocumentFragment();
+    this.pub.readingOrder.items.forEach((l) => {
+      const h = new Ir(this.peripherals, this.pub.metadata.effectiveReadingProgression, l.href, this.contentProtectionConfig, this.keyboardPeripheralsConfig);
+      this.pool.set(l.href, h), h.width = 100 / this.length * (l.properties?.otherProperties.orientation === Pe.landscape || l.properties?.otherProperties.addBlank ? this.perPage : 1), h.height = this.height, a.appendChild(h.wrapper);
+    }), this.spineElement.appendChild(a);
   }
   set listener(t) {
     this._listener = t;
@@ -7396,11 +7402,11 @@ class Zr {
     this.perPage > 1 && r++;
     for (const l of o)
       await this.waitForItem(l.href);
-    const a = new Promise(async (l, c) => {
-      const h = [], u = [];
+    const a = new Promise(async (l, h) => {
+      const c = [], u = [];
       this.positions.forEach((d, p) => {
-        (p > r + Ei || p < r - Ei) && (h.includes(d.href) || h.push(d.href)), p < r + Ci && p > r - Ci && (u.includes(d.href) || u.push(d.href));
-      }), h.forEach(async (d) => {
+        (p > r + Ei || p < r - Ei) && (c.includes(d.href) || c.push(d.href)), p < r + Ci && p > r - Ci && (u.includes(d.href) || u.push(d.href));
+      }), c.forEach(async (d) => {
         u.includes(d) || this.pool.has(d) && (this.cancelShowing(d), await this.pool.get(d)?.unload(), this.blobs.get(d)?.reset());
       }), this.currentBaseURL !== void 0 && t.baseURL !== this.currentBaseURL && (this.blobs.forEach((d) => d.reset()), this.blobs.clear()), this.currentBaseURL = t.baseURL;
       const m = async (d) => {
@@ -7427,7 +7433,7 @@ class Zr {
       try {
         await Promise.all(u.map((d) => m(d)));
       } catch (d) {
-        c(d);
+        h(d);
       }
       const y = [];
       for (const d of o) {
@@ -8075,7 +8081,7 @@ class os {
   // 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(Ut(this.containerParent) - this.constraint), r = this.getCompensatedMetrics(t, e), { zoomCompensation: o, optimal: a, minimal: l, maximal: c } = r, h = () => n >= a && c !== null ? Math.min(Math.round(c * o), n) : n;
+    const n = Math.round(Ut(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 {
@@ -8084,24 +8090,24 @@ class os {
         effectiveLineLength: Math.round(m / u * o)
       };
     if (i === null)
-      if (n >= a && c !== null) {
+      if (n >= a && h !== null) {
         u = Math.floor(n / a);
-        const y = Math.round(u * (c * o));
+        const y = Math.round(u * (h * o));
         m = Math.min(y, n);
       } else
-        m = h();
+        m = c();
     else if (i > 1) {
       const y = Math.round(i * (l !== null ? l : a));
       if (n >= y)
-        if (u = i, c === null)
+        if (u = i, h === null)
           m = n;
         else {
-          const d = Math.round(u * (c * o));
+          const d = Math.round(u * (h * o));
           m = Math.min(d, n);
         }
       else if (l !== null && n < Math.round(i * l))
         if (u = Math.floor(n / l), u <= 1)
-          u = 1, m = h();
+          u = 1, m = c();
         else {
           const d = Math.round(u * (a * o));
           m = Math.min(d, n);
@@ -8112,7 +8118,7 @@ class os {
         m = Math.min(d, n);
       }
     } else
-      u = 1, m = h();
+      u = 1, m = c();
     return {
       colCount: u,
       effectiveContainerWidth: m,
@@ -8122,17 +8128,17 @@ class os {
   // This behaves as paginate where colCount = 1
   computeScrollLength(t, e) {
     const i = Math.round(Ut(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, c = i, h = Math.round(o * r);
+    let l, h = i, c = Math.round(o * r);
     if (a === null)
-      h = i;
+      c = i;
     else {
       const u = Math.min(Math.round(a * r), i);
-      h = e ? u : Math.round(u * r);
+      c = e ? u : Math.round(u * r);
     }
     return {
       colCount: l,
-      effectiveContainerWidth: c,
-      effectiveLineLength: h
+      effectiveContainerWidth: h,
+      effectiveLineLength: c
     };
   }
   setContainerWidth() {
@@ -9490,14 +9496,14 @@ class ln extends ji {
     }), this._contentProtection = o.contentProtection || {}, this._keyboardPeripherals = this.mergeKeyboardPeripherals(
       this._contentProtection,
       o.keyboardPeripherals || []
-    ), (this._contentProtection.disableContextMenu || this._contentProtection.checkAutomation || this._contentProtection.checkIFrameEmbedding || this._contentProtection.monitorDevTools || this._contentProtection.protectPrinting?.disable) && (this._navigatorProtector = new rn(this._contentProtection), this._suspiciousActivityListener = (c) => {
-      const { type: h, ...u } = c.detail;
-      h === "context_menu" ? this.listeners.contextMenu(u) : this.listeners.contentProtection(h, u);
+    ), (this._contentProtection.disableContextMenu || this._contentProtection.checkAutomation || this._contentProtection.checkIFrameEmbedding || this._contentProtection.monitorDevTools || this._contentProtection.protectPrinting?.disable) && (this._navigatorProtector = new rn(this._contentProtection), this._suspiciousActivityListener = (h) => {
+      const { type: c, ...u } = h.detail;
+      c === "context_menu" ? this.listeners.contextMenu(u) : this.listeners.contentProtection(c, u);
     }, window.addEventListener(Rt, this._suspiciousActivityListener)), this._keyboardPeripherals.length > 0 && (this._keyboardPeripheralsManager = new sn({
       keyboardPeripherals: this._keyboardPeripherals
-    }), this._keyboardPeripheralListener = (c) => {
-      const h = c.detail;
-      this.listeners.peripheral(h);
+    }), this._keyboardPeripheralListener = (h) => {
+      const c = h.detail;
+      this.listeners.peripheral(c);
     }, window.addEventListener(Lt, this._keyboardPeripheralListener)), this.resizeObserver = new ResizeObserver(() => this.ownerWindow.requestAnimationFrame(async () => await this.resizeHandler())), this.resizeObserver.observe(this.container.parentElement || document.documentElement);
   }
   static determineLayout(t, e) {
@@ -9847,7 +9853,7 @@ class ln extends ji {
   }
   async loadLocator(t, e) {
     let i = !1, n = typeof t.locations.getCssSelector == "function" && t.locations.getCssSelector();
-    if (t.text?.highlight ? i = await new Promise((l, c) => {
+    if (t.text?.highlight ? i = await new Promise((l, h) => {
       this._cframes[0].msg.send(
         "go_text",
         n ? [
@@ -9855,9 +9861,9 @@ class ln extends ji {
           n
           // Include CSS selector if it exists
         ] : t.text?.serialize(),
-        (h) => l(h)
+        (c) => l(c)
       );
-    }) : n && (i = await new Promise((l, c) => {
+    }) : n && (i = await new Promise((l, h) => {
       this._cframes[0].msg.send(
         "go_text",
         [
@@ -9866,22 +9872,22 @@ class ln extends ji {
           n
           // Just CSS selector
         ],
-        (h) => l(h)
+        (c) => l(c)
       );
     })), i) {
       e(i);
       return;
     }
     const r = typeof t.locations.htmlId == "function" && t.locations.htmlId();
-    if (r && (i = await new Promise((l, c) => {
-      this._cframes[0].msg.send("go_id", r, (h) => l(h));
+    if (r && (i = await new Promise((l, h) => {
+      this._cframes[0].msg.send("go_id", r, (c) => l(c));
     })), i) {
       e(i);
       return;
     }
     const o = t?.locations?.progression;
-    o && o > 0 ? i = await new Promise((l, c) => {
-      this._cframes[0].msg.send("go_progression", o, (h) => l(h));
+    o && o > 0 ? i = await new Promise((l, h) => {
+      this._cframes[0].msg.send("go_progression", o, (c) => l(c));
     }) : i = !0, e(i);
   }
   go(t, e, i) {