@readium/navigator 1.3.3 → 1.3.4

package/dist/index.js

@@ -557,11 +557,11 @@ function Jt(i) {
 function st(i) {
   return typeof i == "string" ? new Date(i) : void 0;
 }
-function IA(i) {
+function fA(i) {
   return isNaN(i) ? void 0 : i;
 }
 function T(i) {
-  return IA(i) !== void 0 && Math.sign(i) >= 0 ? i : void 0;
+  return fA(i) !== void 0 && Math.sign(i) >= 0 ? i : void 0;
 }
 function Ne(i) {
   const A = new Array();
@@ -580,7 +580,7 @@ class z {
   static deserialize(A) {
     if (!A)
       return;
-    const t = IA(A.progression), e = IA(A.totalProgression), n = IA(A.position), r = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Set([
+    const t = fA(A.progression), e = fA(A.totalProgression), n = fA(A.position), r = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Set([
       "fragment",
       "fragments",
       "progression",
@@ -1945,11 +1945,11 @@ function qt(i) {
 function lt(i) {
   return typeof i == "string" ? new Date(i) : void 0;
 }
-function fA(i) {
+function IA(i) {
   return isNaN(i) ? void 0 : i;
 }
 function x(i) {
-  return fA(i) !== void 0 && Math.sign(i) >= 0 ? i : void 0;
+  return IA(i) !== void 0 && Math.sign(i) >= 0 ? i : void 0;
 }
 function ti(i) {
   const A = new Array();
@@ -1968,7 +1968,7 @@ class Q {
   static deserialize(A) {
     if (!A)
       return;
-    const t = fA(A.progression), e = fA(A.totalProgression), n = fA(A.position), r = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Set([
+    const t = IA(A.progression), e = IA(A.totalProgression), n = IA(A.position), r = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Set([
       "fragment",
       "fragments",
       "progression",
@@ -2558,9 +2558,9 @@ function _t(i, A, t) {
     a.set(u, m), u < h.length && (h[u] = m);
     for (let B = 0; B <= r; B += 1) {
       m[B] = 0;
-      for (let I = 0; I < n; I += 1) {
-        const E = B * n + I;
-        E >= A.length || A.charCodeAt(E) === u && (m[B] |= 1 << I);
+      for (let f = 0; f < n; f += 1) {
+        const E = B * n + f;
+        E >= A.length || A.charCodeAt(E) === u && (m[B] |= 1 << f);
       }
     }
   }
@@ -2576,17 +2576,17 @@ function _t(i, A, t) {
     let m;
     u < h.length ? m = h[u] : (m = a.get(u), typeof m > "u" && (m = o));
     let B = 0;
-    for (let I = 0; I <= c; I += 1)
-      B = dt(s, m, I, B), l[I] += B;
+    for (let f = 0; f <= c; f += 1)
+      B = dt(s, m, f, B), l[f] += B;
     if (l[c] - B <= t && c < r && (m[c + 1] & 1 || B < 0)) {
       c += 1, s.P[c] = -1, s.M[c] = 0;
-      let I;
+      let f;
       if (c === r) {
         const E = A.length % n;
-        I = E === 0 ? n : E;
+        f = E === 0 ? n : E;
       } else
-        I = n;
-      l[c] = l[c - 1] + I - B + dt(s, m, c, B);
+        f = n;
+      l[c] = l[c - 1] + f - B + dt(s, m, c, B);
     } else
       for (; c > 0 && l[c] >= t + n; )
         c -= 1;
@@ -3231,7 +3231,7 @@ var $ = function(i) {
   }
   var n = i, r = n.offsetWidth, s = n.offsetHeight;
   return !(r || s || i.getClientRects().length);
-}, It = function(i) {
+}, ft = function(i) {
   var A;
   if (i instanceof Element)
     return !0;
@@ -3252,7 +3252,7 @@ var $ = function(i) {
       return !0;
   }
   return !1;
-}, lA = typeof window < "u" ? window : {}, mA = /* @__PURE__ */ new WeakMap(), ft = /auto|scroll/, Bi = /^tb|vertical/, Ei = /msie|trident/i.test(lA.navigator && lA.navigator.userAgent), H = function(i) {
+}, lA = typeof window < "u" ? window : {}, mA = /* @__PURE__ */ new WeakMap(), It = /auto|scroll/, Bi = /^tb|vertical/, Ei = /msie|trident/i.test(lA.navigator && lA.navigator.userAgent), H = function(i) {
   return parseFloat(i || "0");
 }, rA = function(i, A, t) {
   return i === void 0 && (i = 0), A === void 0 && (A = 0), t === void 0 && (t = !1), new ui((t ? A : i) || 0, (t ? i : A) || 0);
@@ -3266,7 +3266,7 @@ var $ = function(i) {
     return mA.get(i);
   if (se(i))
     return mA.set(i, pt), pt;
-  var t = getComputedStyle(i), e = nt(i) && i.ownerSVGElement && i.getBBox(), n = !Ei && t.boxSizing === "border-box", r = Bi.test(t.writingMode || ""), s = !e && ft.test(t.overflowY || ""), o = !e && ft.test(t.overflowX || ""), a = e ? 0 : H(t.paddingTop), h = e ? 0 : H(t.paddingRight), c = e ? 0 : H(t.paddingBottom), l = e ? 0 : H(t.paddingLeft), g = e ? 0 : H(t.borderTopWidth), u = e ? 0 : H(t.borderRightWidth), m = e ? 0 : H(t.borderBottomWidth), B = e ? 0 : H(t.borderLeftWidth), I = l + h, E = a + c, p = B + u, f = g + m, w = o ? i.offsetHeight - f - i.clientHeight : 0, R = s ? i.offsetWidth - p - i.clientWidth : 0, AA = n ? I + p : 0, O = n ? E + f : 0, X = e ? e.width : H(t.width) - AA - R, Z = e ? e.height : H(t.height) - O - w, dA = X + I + R + p, MA = Z + E + w + f, tA = $({
+  var t = getComputedStyle(i), e = nt(i) && i.ownerSVGElement && i.getBBox(), n = !Ei && t.boxSizing === "border-box", r = Bi.test(t.writingMode || ""), s = !e && It.test(t.overflowY || ""), o = !e && It.test(t.overflowX || ""), a = e ? 0 : H(t.paddingTop), h = e ? 0 : H(t.paddingRight), c = e ? 0 : H(t.paddingBottom), l = e ? 0 : H(t.paddingLeft), g = e ? 0 : H(t.borderTopWidth), u = e ? 0 : H(t.borderRightWidth), m = e ? 0 : H(t.borderBottomWidth), B = e ? 0 : H(t.borderLeftWidth), f = l + h, E = a + c, p = B + u, I = g + m, w = o ? i.offsetHeight - I - i.clientHeight : 0, R = s ? i.offsetWidth - p - i.clientWidth : 0, AA = n ? f + p : 0, O = n ? E + I : 0, X = e ? e.width : H(t.width) - AA - R, Z = e ? e.height : H(t.height) - O - w, dA = X + f + R + p, MA = Z + E + w + I, tA = $({
     devicePixelContentBoxSize: rA(Math.round(X * devicePixelRatio), Math.round(Z * devicePixelRatio), r),
     borderBoxSize: rA(dA, MA, r),
     contentBoxSize: rA(X, Z, r),
@@ -3283,7 +3283,7 @@ var $ = function(i) {
     default:
       return r;
   }
-}, Ii = function() {
+}, fi = function() {
   function i(A) {
     var t = oe(A);
     this.target = A, this.contentRect = t.contentRect, this.borderBoxSize = $([t.borderBoxSize]), this.contentBoxSize = $([t.contentBoxSize]), this.devicePixelContentBoxSize = $([t.devicePixelContentBoxSize]);
@@ -3295,13 +3295,13 @@ var $ = function(i) {
   for (var A = 0, t = i.parentNode; t; )
     A += 1, t = t.parentNode;
   return A;
-}, fi = function() {
+}, Ii = function() {
   var i = 1 / 0, A = [];
   _.forEach(function(r) {
     if (r.activeTargets.length !== 0) {
       var s = [];
       r.activeTargets.forEach(function(o) {
-        var a = new Ii(o.target), h = he(o.target);
+        var a = new fi(o.target), h = he(o.target);
         s.push(a), o.lastReportedSize = ae(o.target, o.observedBox), h < i && (i = h);
       }), A.push(function() {
         r.callback.call(r.observer, s, r.observer);
@@ -3322,7 +3322,7 @@ var $ = function(i) {
 }, pi = function() {
   var i = 0;
   for (wt(i); gi(); )
-    i = fi(), wt(i);
+    i = Ii(), wt(i);
   return di() && Mi(), i > 0;
 }, SA, ce = [], wi = function() {
   return ce.splice(0).forEach(function(i) {
@@ -3456,13 +3456,13 @@ var $ = function(i) {
   return i.prototype.observe = function(A, t) {
     if (arguments.length === 0)
       throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': 1 argument required, but only 0 present.");
-    if (!It(A))
+    if (!ft(A))
       throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");
     EA.observe(this, A, t);
   }, i.prototype.unobserve = function(A) {
     if (arguments.length === 0)
       throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': 1 argument required, but only 0 present.");
-    if (!It(A))
+    if (!ft(A))
       throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");
     EA.unobserve(this, A);
   }, i.prototype.disconnect = function() {
@@ -3576,24 +3576,24 @@ class Si {
       getComputedStyle(this.wnd.document.documentElement).getPropertyValue(
         "column-count"
       )
-    ), c = a / (h || 1), l = this.wnd.document.scrollingElement, g = l.scrollLeft, u = l.scrollTop, m = (f, w, R) => {
+    ), c = a / (h || 1), l = this.wnd.document.scrollingElement, g = l.scrollLeft, u = l.scrollTop, m = (I, w, R) => {
       var AA, O, X, Z, dA, MA;
-      if (f.style.position = "absolute", ((O = (AA = A.decoration) == null ? void 0 : AA.style) == null ? void 0 : O.width) === "viewport") {
-        f.style.width = `${a}px`, f.style.height = `${w.height}px`;
+      if (I.style.position = "absolute", ((O = (AA = A.decoration) == null ? void 0 : AA.style) == null ? void 0 : O.width) === "viewport") {
+        I.style.width = `${a}px`, I.style.height = `${w.height}px`;
         let tA = Math.floor(w.left / a) * a;
-        f.style.left = `${tA + g}px`, f.style.top = `${w.top + u}px`;
+        I.style.left = `${tA + g}px`, I.style.top = `${w.top + u}px`;
       } else if (((Z = (X = A.decoration) == null ? void 0 : X.style) == null ? void 0 : Z.width) === "bounds")
-        f.style.width = `${R.width}px`, f.style.height = `${w.height}px`, f.style.left = `${R.left + g}px`, f.style.top = `${w.top + u}px`;
+        I.style.width = `${R.width}px`, I.style.height = `${w.height}px`, I.style.left = `${R.left + g}px`, I.style.top = `${w.top + u}px`;
       else if (((MA = (dA = A.decoration) == null ? void 0 : dA.style) == null ? void 0 : MA.width) === "page") {
-        f.style.width = `${c}px`, f.style.height = `${w.height}px`;
+        I.style.width = `${c}px`, I.style.height = `${w.height}px`;
         let tA = Math.floor(w.left / c) * c;
-        f.style.left = `${tA + g}px`, f.style.top = `${w.top + u}px`;
+        I.style.left = `${tA + g}px`, I.style.top = `${w.top + u}px`;
       } else
-        f.style.width = `${w.width}px`, f.style.height = `${w.height}px`, f.style.left = `${w.left + g}px`, f.style.top = `${w.top + u}px`;
+        I.style.width = `${w.width}px`, I.style.height = `${w.height}px`, I.style.left = `${w.left + g}px`, I.style.top = `${w.top + u}px`;
     }, B = A.range.getBoundingClientRect();
-    let I = this.wnd.document.createElement("template");
+    let f = this.wnd.document.createElement("template");
     const E = Ti(this.wnd, "--USER__appearance") === "readium-night-on";
-    I.innerHTML = `
+    f.innerHTML = `
         <div
             class="r2-highlight-0"
             style="${[
@@ -3606,18 +3606,18 @@ class Si {
         >
         </div>
         `.trim();
-    const p = I.content.firstElementChild;
+    const p = f.content.firstElementChild;
     if (((s = (r = A.decoration) == null ? void 0 : r.style) == null ? void 0 : s.layout) === "bounds") {
-      const f = p.cloneNode(!0);
-      f.style.setProperty("pointer-events", "none"), m(f, B, B), o.append(f);
+      const I = p.cloneNode(!0);
+      I.style.setProperty("pointer-events", "none"), m(I, B, B), o.append(I);
     } else {
-      let f = oi(
+      let I = oi(
         A.range,
         !0
         // doNotMergeHorizontallyAlignedRects
       );
-      f = f.sort((w, R) => w.top < R.top ? -1 : w.top > R.top ? 1 : 0);
-      for (let w of f) {
+      I = I.sort((w, R) => w.top < R.top ? -1 : w.top > R.top ? 1 : 0);
+      for (let w of I) {
         const R = p.cloneNode(!0);
         R.style.setProperty("pointer-events", "none"), m(R, w, B), o.append(R);
       }
@@ -3773,7 +3773,7 @@ function Be(i) {
   return Gi.indexOf(i.nodeName.toLowerCase()) !== -1 || i.hasAttribute("contenteditable") && ((A = i.getAttribute("contenteditable")) == null ? void 0 : A.toLowerCase()) !== "false" ? i : i.parentElement ? Be(i.parentElement) : null;
 }
 function Ee(i, A) {
-  const t = Ie(i, i.document.body, A);
+  const t = fe(i, i.document.body, A);
   return new L({
     href: "#",
     type: "application/xhtml+xml",
@@ -3787,11 +3787,11 @@ function Ee(i, A) {
     })
   });
 }
-function Ie(i, A, t) {
+function fe(i, A, t) {
   for (var e = 0; e < A.children.length; e++) {
     const n = A.children[e];
     if (!bi(n) && vi(i, n, t))
-      return Ie(i, n, t);
+      return fe(i, n, t);
   }
   return A;
 }
@@ -3807,7 +3807,7 @@ function bi(i) {
   const A = getComputedStyle(i);
   return !!(A && (A.getPropertyValue("display") != "block" || A.getPropertyValue("opacity") === "0"));
 }
-const Ct = "readium-column-snapper-style", Ji = 200, fe = class N extends ue {
+const Ct = "readium-column-snapper-style", Ji = 200, Ie = class N extends ue {
   constructor() {
     super(...arguments), this.shakeTimeout = 0, this.snappingCancelled = !1, this.alreadyScrollLeft = 0, this.overscroll = 0, this.cachedScrollWidth = 0, this.touchState = 0, this.startingX = void 0, this.endingX = void 0, this.onTouchStarter = this.onTouchStart.bind(this), this.onTouchEnder = this.onTouchEnd.bind(this), this.onWidthChanger = this.onWidthChange.bind(this), this.onTouchMover = this.onTouchMove.bind(this);
   }
@@ -3849,7 +3849,7 @@ const Ct = "readium-column-snapper-style", Ji = 200, fe = class N extends ue {
     ), c = this.snapOffset(o + h);
     if (A && c !== this.scrollOffset()) {
       this.snappingCancelled = !1;
-      const l = (B, I, E, p) => E > p ? I : B + (I - B) * Hi(E / p), g = (
+      const l = (B, f, E, p) => E > p ? f : B + (f - B) * Hi(E / p), g = (
         /*Math.abs(startX - (this.useTransform ? currentOffset : 0)) < 10 ? 1 : */
         Ji * s
       );
@@ -3858,8 +3858,8 @@ const Ct = "readium-column-snapper-style", Ji = 200, fe = class N extends ue {
         if (this.snappingCancelled)
           return;
         u || (u = B);
-        const I = B - u, E = l(this.overscroll, 0, I, g), p = l(e, c, I, g);
-        n.scrollLeft = p, this.overscroll !== 0 && (n.style.transform = `translate3d(${-E}px, 0px, 0px)`), I < g ? this.wnd.requestAnimationFrame(m) : (this.clearTouches(), n.style.removeProperty("transform"), n.scrollLeft = c, t || this.reportProgress());
+        const f = B - u, E = l(this.overscroll, 0, f, g), p = l(e, c, f, g);
+        n.scrollLeft = p, this.overscroll !== 0 && (n.style.transform = `translate3d(${-E}px, 0px, 0px)`), f < g ? this.wnd.requestAnimationFrame(m) : (this.clearTouches(), n.style.removeProperty("transform"), n.scrollLeft = c, t || this.reportProgress());
       };
       this.wnd.requestAnimationFrame(m);
     } else
@@ -4040,8 +4040,8 @@ const Ct = "readium-column-snapper-style", Ji = 200, fe = class N extends ue {
     return this.snappingCancelled = !0, t.unregisterAll(N.moduleName), this.resizeObserver.disconnect(), this.mutationObserver.disconnect(), A.removeEventListener("touchstart", this.onTouchStarter), A.removeEventListener("touchend", this.onTouchEnder), A.removeEventListener("touchmove", this.onTouchMover), A.removeEventListener("orientationchange", this.onWidthChanger), A.removeEventListener("resize", this.onWidthChanger), (e = A.document.getElementById(Ct)) == null || e.remove(), t.log("ColumnSnapper Unmounted"), super.unmount(A, t);
   }
 };
-fe.moduleName = "column_snapper";
-let Pi = fe;
+Ie.moduleName = "column_snapper";
+let Pi = Ie;
 const YA = {
   top: "js-iframe-reader-top-anchor",
   bottom: "js-iframe-reader-bottom-anchor"
@@ -4561,7 +4561,7 @@ class Re {
 }
 class $i {
   constructor(A) {
-    this.currModules = [], this.frame = document.createElement("iframe"), this.frame.classList.add("readium-navigator-iframe"), this.frame.style.visibility = "hidden", this.frame.style.setProperty("aria-hidden", "true"), this.frame.style.opacity = "0", this.frame.style.position = "absolute", this.frame.style.pointerEvents = "none", this.frame.style.transition = "visibility 0s, opacity 0.1s linear", this.source = A;
+    this.destroyed = !1, this.currModules = [], this.frame = document.createElement("iframe"), this.frame.classList.add("readium-navigator-iframe"), this.frame.style.visibility = "hidden", this.frame.style.setProperty("aria-hidden", "true"), this.frame.style.opacity = "0", this.frame.style.position = "absolute", this.frame.style.pointerEvents = "none", this.frame.style.transition = "visibility 0s, opacity 0.1s linear", this.source = A;
   }
   async load(A) {
     return new Promise((t, e) => {
@@ -4599,25 +4599,27 @@ class $i {
   }
   async destroy() {
     var A;
-    await this.hide(), (A = this.loader) == null || A.destroy(), this.frame.remove();
+    await this.hide(), (A = this.loader) == null || A.destroy(), this.frame.remove(), this.destroyed = !0;
   }
   async hide() {
     var A;
-    if (this.frame.style.visibility = "hidden", this.frame.style.setProperty("aria-hidden", "true"), this.frame.style.opacity = "0", this.frame.style.pointerEvents = "none", this.frame.parentElement)
-      return this.comms === void 0 ? void 0 : new Promise((t, e) => {
-        var n;
-        (n = this.comms) == null || n.send("unfocus", void 0, (r) => {
-          var s;
-          (s = this.comms) == null || s.halt(), t();
+    if (!this.destroyed) {
+      if (this.frame.style.visibility = "hidden", this.frame.style.setProperty("aria-hidden", "true"), this.frame.style.opacity = "0", this.frame.style.pointerEvents = "none", this.frame.parentElement)
+        return this.comms === void 0 || !this.comms.ready ? void 0 : new Promise((t, e) => {
+          var n;
+          (n = this.comms) == null || n.send("unfocus", void 0, (r) => {
+            var s;
+            (s = this.comms) == null || s.halt(), t();
+          });
         });
-      });
-    (A = this.comms) == null || A.halt();
+      (A = this.comms) == null || A.halt();
+    }
   }
   async show(A) {
-    if (!this.frame.parentElement) {
-      console.warn("Trying to show frame that is not attached to the DOM");
-      return;
-    }
+    if (this.destroyed)
+      throw Error("Trying to show frame when it doesn't exist");
+    if (!this.frame.parentElement)
+      throw Error("Trying to show frame that is not attached to the DOM");
     return this.comms ? this.comms.resume() : this.comms = new Re(this.frame.contentWindow, this.source), new Promise((t, e) => {
       var n;
       (n = this.comms) == null || n.send("activate", void 0, () => {
@@ -4633,13 +4635,17 @@ class $i {
     });
   }
   get iframe() {
+    if (this.destroyed)
+      throw Error("Trying to use frame when it doesn't exist");
     return this.frame;
   }
   get realSize() {
+    if (this.destroyed)
+      throw Error("Trying to use frame client rect when it doesn't exist");
     return this.frame.getBoundingClientRect();
   }
   get window() {
-    if (!this.frame.contentWindow)
+    if (this.destroyed || !this.frame.contentWindow)
       throw Error("Trying to use frame window when it doesn't exist");
     return this.frame.contentWindow;
   }
@@ -4681,7 +4687,7 @@ class An {
     const s = this.positions[r].href;
     this.inprogress.has(s) && await this.inprogress.get(s);
     const o = new Promise(async (a, h) => {
-      var m, B, I;
+      var m, B, f;
       const c = [], l = [];
       this.positions.forEach((E, p) => {
         (p > r + xt || p < r - xt) && (c.includes(E.href) || c.push(E.href)), p < r + jt && p > r - jt && (l.includes(E.href) || l.push(E.href));
@@ -4706,8 +4712,8 @@ class An {
           const R = await new Kt(A, this.currentBaseURL || "", p).build();
           this.blobs.set(E, R);
         }
-        const f = new $i(this.blobs.get(E));
-        E !== s && await f.hide(), this.container.appendChild(f.iframe), await f.load(e), this.pool.set(E, f);
+        const I = new $i(this.blobs.get(E));
+        E !== s && await I.hide(), this.container.appendChild(I.iframe), await I.load(e), this.pool.set(E, I);
       };
       try {
         await Promise.all(l.map((E) => g(E)));
@@ -4717,7 +4723,7 @@ class An {
       const u = this.pool.get(s);
       if ((u == null ? void 0 : u.source) !== ((m = this._currentFrame) == null ? void 0 : m.source) || n) {
         await ((B = this._currentFrame) == null ? void 0 : B.hide()), u && await u.load(e);
-        const E = (((I = t == null ? void 0 : t.locations) == null ? void 0 : I.progression) ?? 0) > 0;
+        const E = (((f = t == null ? void 0 : t.locations) == null ? void 0 : f.progression) ?? 0) > 0;
         u && await u.show(E ? t.locations.progression : void 0), this._currentFrame = u;
       }
       a();
@@ -5210,8 +5216,8 @@ class an {
         m += u.X / this.scale, this.pinch.target.X += m, u.X += this.pinch.target.X * this.scale / this.pinch.startScale;
         let B = -u.Y / r;
         B += u.Y / this.scale, this.pinch.target.Y += B, u.Y += this.pinch.target.Y * this.scale / this.pinch.startScale;
-        let I = (u.X - (this.pan.startX - this.manager.width / 2)) * 1 / this.scale, E = (u.Y - (this.pan.startY - this.manager.height / 2)) * 1 / this.scale;
-        this.pan.translateX = I, this.pan.translateY = E, (h = this.debugger) != null && h.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)}`);
+        let f = (u.X - (this.pan.startX - this.manager.width / 2)) * 1 / this.scale, E = (u.Y - (this.pan.startY - this.manager.height / 2)) * 1 / this.scale;
+        this.pan.translateX = f, this.pan.translateY = E, (h = this.debugger) != null && h.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)}`);
       }
       const l = this.frameBounds.width / 6, g = this.frameBounds.height / 6;
       this.pan.translateX < -l && (this.pan.overscrollX = -(l + this.pan.translateX), this.pan.translateX = -l), this.pan.translateY < -g && (this.pan.overscrollY = -(g + this.pan.translateY), this.pan.translateY = -g), this.pan.translateX > l && (this.pan.overscrollX = l - this.pan.translateX, this.pan.translateX = l), this.pan.translateY > g && (this.pan.overscrollY = g - this.pan.translateY, this.pan.translateY = g), n = !0, (c = this.debugger) != null && c.show && (this.debugger.DOM.stats.innerText = `TX: ${this.pan.translateX.toFixed(2)}
@@ -5554,21 +5560,21 @@ class un {
         l.includes(m) || this.pool.has(m) && (this.cancelShowing(m), await ((B = this.pool.get(m)) == null ? void 0 : B.unload()));
       }), this.currentBaseURL !== void 0 && A.baseURL !== this.currentBaseURL && (this.blobs.forEach((m) => URL.revokeObjectURL(m)), this.blobs.clear()), this.currentBaseURL = A.baseURL;
       const g = async (m) => {
-        const B = A.readingOrder.findIndexWithHref(m), I = A.readingOrder.items[B];
-        if (I) {
+        const B = A.readingOrder.findIndexWithHref(m), f = A.readingOrder.items[B];
+        if (f) {
           if (!this.blobs.has(m)) {
-            const p = await new Kt(A, this.currentBaseURL || "", I).build(!0);
+            const p = await new Kt(A, this.currentBaseURL || "", f).build(!0);
             this.blobs.set(m, p);
           }
           this.delayedShow.has(m) || this.delayedShow.set(m, new Promise((E, p) => {
-            let f = !1;
+            let I = !1;
             const w = window.setTimeout(async () => {
               this.delayedTimeout.set(m, 0);
-              const R = this.makeSpread(this.reAlign(B)), AA = this.spreadPosition(R, I), O = this.pool.get(m);
-              await O.load(e, this.blobs.get(m)), this.peripherals.isScaled || await O.show(AA), this.delayedShow.delete(m), f = !0, E();
+              const R = this.makeSpread(this.reAlign(B)), AA = this.spreadPosition(R, f), O = this.pool.get(m);
+              await O.load(e, this.blobs.get(m)), this.peripherals.isScaled || await O.show(AA), this.delayedShow.delete(m), I = !0, E();
             }, cn);
             setTimeout(() => {
-              !f && this.delayedShow.has(m) && p(`Offscreen load timeout: ${m}`);
+              !I && this.delayedShow.has(m) && p(`Offscreen load timeout: ${m}`);
             }, ln), this.delayedTimeout.set(m, w);
           }));
         }
@@ -5580,8 +5586,8 @@ class un {
       }
       const u = [];
       for (const m of s) {
-        const B = this.pool.get(m.href), I = this.blobs.get(m.href);
-        I && (this.cancelShowing(m.href), await B.load(e, I), await B.show(this.spreadPosition(s, m)), this.previousFrames.push(B), await B.activate(), u.push(B));
+        const B = this.pool.get(m.href), f = this.blobs.get(m.href);
+        f && (this.cancelShowing(m.href), await B.load(e, f), await B.show(this.spreadPosition(s, m)), this.previousFrames.push(B), await B.activate(), u.push(B));
       }
       for (; this.previousFrames.length > 0; ) {
         const m = this.previousFrames.shift();

package/dist/index.umd.cjs

@@ -92,7 +92,7 @@
             min-height: 100%;
 
             /*cursor: var() TODO*/
-        }`,A.document.head.appendChild(e),t.register("set_property",O.moduleName,(n,r)=>{const s=n;At(A,s[0],s[1]),r(!0)}),t.register("remove_property",O.moduleName,(n,r)=>{qt(A,n),r(!0)}),t.register("first_visible_locator",O.moduleName,(n,r)=>r(!1)),t.register("unfocus",O.moduleName,(n,r)=>{N(A),r(!0)}),t.register(["focus","go_next","go_prev","go_id","go_end","go_start","go_text","go_progression"],O.moduleName,(n,r)=>r(!0)),t.register("activate",O.moduleName,(n,r)=>{this.unblock(A),r(!0)}),t.log("FixedSetup Mounted"),!0}unmount(A,t){var e;return t.unregisterAll(O.moduleName),(e=A.document.getElementById(me))==null||e.remove(),t.log("FixedSetup Unmounted"),super.unmount(A,t)}};Be.moduleName="fixed_setup";let sn=Be;const on=["fixed_setup","decorator","peripherals"],an=["reflowable_setup","decorator","peripherals","column_snapper","scroll_snapper"],tt=new Map([sn,rn,le,Li,$i,nn].map(i=>[i.moduleName,i]));class zA{constructor(A=window,t=[]){this.loadedModules=[],this.wnd=A,this.comms=new hi(A);const e=[...new Set(t)];if(e.length){if(typeof A>"u")throw Error("Loader is not in a web browser");A.parent!==A&&this.comms.log("Loader is probably in a frame"),this.loadedModules=e.map(n=>{const r=this.loadModule(n);if(r)return r.mount(this.wnd,this.comms),r}).filter(n=>n!==void 0)}}loadModule(A){const t=tt.get(A);return t===void 0?(this.comms.log(`Module "${name}" does not exist in the library`),t):new t}addModule(A){const t=this.loadModule(A);return!t||!t.mount(this.wnd,this.comms)?!1:(this.loadedModules.push(t),!0)}removeModule(A){const t=tt.get(A);if(t===void 0)return this.comms.log(`Module "${A}" does not exist in the library`),!1;const e=this.loadedModules.findIndex(n=>n instanceof t);return e<0?!1:(this.loadedModules[e].unmount(this.wnd,this.comms),this.loadedModules.splice(e,1),!0)}destroy(){this.comms.destroy(),this.loadedModules.forEach(A=>A.unmount(this.wnd,this.comms)),this.loadedModules=[]}}const hn=1e4;class et{constructor(A,t){this.registry=new Map,this._ready=!1,this.listenerBuffer=[],this.handler=this.handle.bind(this),this.wnd=A,this.origin=t;try{this.channelId=window.crypto.randomUUID()}catch{this.channelId=vA()}this.gc=setInterval(()=>{this.registry.forEach((e,n)=>{performance.now()-e.time>hn&&(console.warn(n,"event for",e.key,"was never handled!"),this.registry.delete(n))})},5e3),window.addEventListener("message",this.handler),this.send("_ping",void 0)}set listener(A){this.listenerBuffer.length>0&&this.listenerBuffer.forEach(t=>A(t[0],t[1])),this.listenerBuffer=[],this._listener=A}clearListener(){typeof this._listener=="function"&&(this._listener=void 0)}halt(){this._ready=!1,window.removeEventListener("message",this.handler),clearInterval(this.gc),this._listener=void 0,this.registry.clear()}resume(){window.addEventListener("message",this.handler),this._ready=!0}handle(A){const t=A.data;if(!t._readium){console.warn("Ignoring",t);return}if(t._channel===this.channelId)switch(t.key){case"_ack":{if(!t.id)return;const e=this.registry.get(t.id);if(!e)return;this.registry.delete(t.id),e.cb(!!t.data);return}case"_pong":this._ready=!0;default:{if(!this.ready)return;typeof this._listener=="function"?this._listener(t.key,t.data):this.listenerBuffer.push([t.key,t.data])}}}get ready(){return this._ready}send(A,t,e,n=!1,r=[]){const s=vA();return e&&this.registry.set(s,{cb:e,time:performance.now(),key:A}),this.wnd.postMessage({_readium:eA,_channel:this.channelId,id:s,data:t,key:A,strict:n},"/",r),s}}class Ee{constructor(A){this.currModules=[],this.frame=document.createElement("iframe"),this.frame.classList.add("readium-navigator-iframe"),this.frame.style.visibility="hidden",this.frame.style.setProperty("aria-hidden","true"),this.frame.style.opacity="0",this.frame.style.position="absolute",this.frame.style.pointerEvents="none",this.frame.style.transition="visibility 0s, opacity 0.1s linear",this.source=A}async load(A){return new Promise((t,e)=>{var n;if(this.loader){const r=this.frame.contentWindow;if([...this.currModules].sort().join("|")===[...A].sort().join("|")){try{t(r)}catch{}return}(n=this.comms)==null||n.halt(),this.loader.destroy(),this.loader=new zA(r,A),this.currModules=A,this.comms=void 0;try{t(r)}catch{}return}this.frame.onload=()=>{const r=this.frame.contentWindow;this.loader=new zA(r,A),this.currModules=A;try{t(r)}catch{}},this.frame.onerror=r=>{try{e(r)}catch{}},this.frame.contentWindow.location.replace(this.source)})}async destroy(){var A;await this.hide(),(A=this.loader)==null||A.destroy(),this.frame.remove()}async hide(){var A;if(this.frame.style.visibility="hidden",this.frame.style.setProperty("aria-hidden","true"),this.frame.style.opacity="0",this.frame.style.pointerEvents="none",this.frame.parentElement)return this.comms===void 0?void 0:new Promise((t,e)=>{var n;(n=this.comms)==null||n.send("unfocus",void 0,r=>{var s;(s=this.comms)==null||s.halt(),t()})});(A=this.comms)==null||A.halt()}async show(A){if(!this.frame.parentElement){console.warn("Trying to show frame that is not attached to the DOM");return}return this.comms?this.comms.resume():this.comms=new et(this.frame.contentWindow,this.source),new Promise((t,e)=>{var n;(n=this.comms)==null||n.send("activate",void 0,()=>{var r;(r=this.comms)==null||r.send("focus",void 0,()=>{var o;const s=()=>{this.frame.style.removeProperty("visibility"),this.frame.style.removeProperty("aria-hidden"),this.frame.style.removeProperty("opacity"),this.frame.style.removeProperty("pointer-events"),t()};A&&A>0?(o=this.comms)==null||o.send("go_progression",A,s):s()})})})}get iframe(){return this.frame}get realSize(){return this.frame.getBoundingClientRect()}get window(){if(!this.frame.contentWindow)throw Error("Trying to use frame window when it doesn't exist");return this.frame.contentWindow}get atLeft(){return this.window.scrollX<5}get atRight(){return this.window.scrollX>this.window.document.scrollingElement.scrollWidth-this.window.innerWidth-5}get msg(){return this.comms}get ldr(){return this.loader}}const fe=5,Ie=3;class pe{constructor(A,t){this.pool=new Map,this.blobs=new Map,this.inprogress=new Map,this.container=A,this.positions=t}async destroy(){let A=this.inprogress.values(),t=A.next();const e=[];for(;t.value;)e.push(t.value),t=A.next();e.length>0&&await Promise.allSettled(e),this.inprogress.clear();let n=this.pool.values(),r=n.next();for(;r.value;)await r.value.destroy(),r=n.next();this.pool.clear(),this.blobs.forEach(s=>URL.revokeObjectURL(s)),this.container.childNodes.forEach(s=>{(s.nodeType===Node.ELEMENT_NODE||s.nodeType===Node.TEXT_NODE)&&s.remove()})}async update(A,t,e,n=!1){let r=this.positions.findIndex(a=>a.locations.position===t.locations.position);if(r<0)throw Error(`Locator not found in position list: ${t.locations.position} > ${this.positions.reduce((a,h)=>h.locations.position||0>a?h.locations.position||0:a,0)}`);const s=this.positions[r].href;this.inprogress.has(s)&&await this.inprogress.get(s);const o=new Promise(async(a,h)=>{var m,B,f;const c=[],l=[];this.positions.forEach((E,p)=>{(p>r+fe||p<r-fe)&&(c.includes(E.href)||c.push(E.href)),p<r+Ie&&p>r-Ie&&(l.includes(E.href)||l.push(E.href))}),c.forEach(async E=>{var p;l.includes(E)||this.pool.has(E)&&(await((p=this.pool.get(E))==null?void 0:p.destroy()),this.pool.delete(E))}),this.currentBaseURL!==void 0&&A.baseURL!==this.currentBaseURL&&(this.blobs.forEach(E=>URL.revokeObjectURL(E)),this.blobs.clear()),this.currentBaseURL=A.baseURL;const g=async E=>{if(this.pool.has(E)){const w=this.pool.get(E);if(!this.blobs.has(E))await w.destroy(),this.pool.delete(E);else{await w.load(e);return}}const p=A.readingOrder.findWithHref(E);if(!p)return;if(!this.blobs.has(E)){const Y=await new Bt(A,this.currentBaseURL||"",p).build();this.blobs.set(E,Y)}const I=new Ee(this.blobs.get(E));E!==s&&await I.hide(),this.container.appendChild(I.iframe),await I.load(e),this.pool.set(E,I)};try{await Promise.all(l.map(E=>g(E)))}catch(E){h(E)}const u=this.pool.get(s);if((u==null?void 0:u.source)!==((m=this._currentFrame)==null?void 0:m.source)||n){await((B=this._currentFrame)==null?void 0:B.hide()),u&&await u.load(e);const E=(((f=t==null?void 0:t.locations)==null?void 0:f.progression)??0)>0;u&&await u.show(E?t.locations.progression:void 0),this._currentFrame=u}a()});this.inprogress.set(s,o),await o,this.inprogress.delete(s)}get currentFrames(){return[this._currentFrame]}get currentBounds(){const A={x:0,y:0,width:0,height:0,top:0,right:0,bottom:0,left:0,toJSON(){return this}};return this.currentFrames.forEach(t=>{if(!t)return;const e=t.realSize;A.x=Math.min(A.x,e.x),A.y=Math.min(A.y,e.y),A.width+=e.width,A.height=Math.max(A.height,e.height),A.top=Math.min(A.top,e.top),A.right=Math.min(A.right,e.right),A.bottom=Math.min(A.bottom,e.bottom),A.left=Math.min(A.left,e.left)}),A}}class we{constructor(A,t,e){this.currModules=[],this.cachedPage=void 0,this.peripherals=A,this.debugHref=e,this.frame=document.createElement("iframe"),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=e,this.source="about:blank",this.wrapper=document.createElement("div"),this.wrapper.style.position="relative",this.wrapper.style.float=this.wrapper.style.cssFloat=t===F.rtl?"right":"left",this.wrapper.appendChild(this.frame)}async load(A,t){return this.source===t&&this.loadPromise&&[...this.currModules].sort().join("|")===[...A].sort().join("|")?this.loadPromise:(this.loaded&&this.source!==t&&this.window.stop(),this.source=t,this.loadPromise=new Promise((e,n)=>{var r;if(this.loader&&this.loaded){const s=this.frame.contentWindow;if([...this.currModules].sort().join("|")===[...A].sort().join("|")){try{e(s),this.loadPromise=void 0}catch{}return}(r=this.comms)==null||r.halt(),this.loader.destroy(),this.loader=new zA(s,A),this.currModules=A,this.comms=void 0;try{e(s),this.loadPromise=void 0}catch{}return}this.frame.addEventListener("load",()=>{const s=this.frame.contentWindow;this.loader=new zA(s,A),this.currModules=A,this.peripherals.observe(this.wrapper),this.peripherals.observe(s);try{e(s)}catch{}},{once:!0}),this.frame.addEventListener("error",s=>{try{n(s.error),this.loadPromise=void 0}catch{}},{once:!0}),this.frame.style.removeProperty("display"),this.frame.contentWindow.location.replace(this.source)}),this.loadPromise)}loadPageSize(){const A=this.frame.contentWindow,t=A.document.head.querySelector("meta[name=viewport]");if(t){const e=/(\w+) *= *([^\s,]+)/g;let n,r=0,s=0;for(;n=e.exec(t.content);)n[1]==="width"?r=Number.parseFloat(n[2]):n[1]==="height"&&(s=Number.parseFloat(n[2]));if(r>0&&s>0)return{width:r,height:s}}return{width:A.document.body.scrollWidth,height:A.document.body.scrollHeight}}update(A){if(!this.loaded)return;const t=this.loadPageSize();this.frame.style.height=`${t.height}px`,this.frame.style.width=`${t.width}px`;const e=Math.min(this.wrapper.clientWidth/t.width,this.wrapper.clientHeight/t.height);this.frame.style.transform=`scale(${e})`;const n=this.frame.getBoundingClientRect(),r=this.wrapper.clientHeight-n.height;if(this.frame.style.top=`${r/2}px`,A===D.left){const s=this.wrapper.clientWidth-n.width;this.frame.style.left=`${s}px`}else if(A===D.center){const s=this.wrapper.clientWidth-n.width;this.frame.style.left=`${s/2}px`}else this.frame.style.left="0px";this.frame.style.removeProperty("visibility"),this.frame.style.removeProperty("aria-hidden"),this.frame.style.removeProperty("pointer-events"),this.frame.classList.remove("blank"),this.frame.classList.add("loaded")}async destroy(){var A;await this.unfocus(),(A=this.loader)==null||A.destroy(),this.wrapper.remove()}async unload(){var A,t;if(this.loaded)return this.deselect(),this.frame.style.visibility="hidden",this.frame.style.setProperty("aria-hidden","true"),this.frame.style.pointerEvents="none",this.frame.classList.add("blank"),this.frame.classList.remove("loaded"),(A=this.comms)==null||A.halt(),(t=this.loader)==null||t.destroy(),this.comms=void 0,this.frame.blur(),new Promise((e,n)=>{this.frame.addEventListener("load",()=>{try{this.showPromise=void 0,e()}catch{}},{once:!0}),this.frame.addEventListener("error",r=>{try{this.showPromise=void 0,n(r.error)}catch{}},{once:!0}),this.source="about:blank",this.frame.contentWindow.location.replace("about:blank"),this.frame.style.display="none"})}deselect(){var A,t;(t=(A=this.frame.contentWindow)==null?void 0:A.getSelection())==null||t.removeAllRanges()}async unfocus(){var A;if(this.frame.parentElement)return this.comms===void 0?void 0:new Promise((t,e)=>{var n;(n=this.comms)==null||n.send("unfocus",void 0,r=>{var s;(s=this.comms)==null||s.halt(),this.showPromise=void 0,t()})});(A=this.comms)==null||A.halt()}async show(A){if(!this.frame.parentElement){console.warn("Trying to show frame that is not attached to the DOM");return}if(!this.loaded){this.showPromise=void 0;return}return this.showPromise?(this.cachedPage!==A&&(this.update(A),this.cachedPage=A),this.showPromise):(this.cachedPage=A,this.comms?this.comms.resume():this.comms=new et(this.frame.contentWindow,this.source),this.showPromise=new Promise((t,e)=>{this.comms.send("focus",void 0,n=>{this.update(this.cachedPage),t()})}),this.showPromise)}async activate(){return new Promise((A,t)=>{var e;if(!this.comms)return A();(e=this.comms)==null||e.send("activate",void 0,()=>{A()})})}get element(){return this.wrapper}get iframe(){return this.frame}get realSize(){return this.frame.getBoundingClientRect()}get loaded(){return this.frame.contentWindow&&this.frame.contentWindow.location.href!=="about:blank"}set width(A){const t=`${A}%`;this.wrapper.style.width!==t&&(this.wrapper.style.width=t)}set height(A){const t=`${A}px`;this.wrapper.style.height!==t&&(this.wrapper.style.height=t)}get window(){if(!this.frame.contentWindow)throw Error("Trying to use frame window when it doesn't exist");return this.frame.contentWindow}get atLeft(){return this.window.scrollX<5}get atRight(){return this.window.scrollX>this.window.document.scrollingElement.scrollWidth-this.window.innerWidth-5}get msg(){return this.comms}get ldr(){return this.loader}}/*!
+        }`,A.document.head.appendChild(e),t.register("set_property",O.moduleName,(n,r)=>{const s=n;At(A,s[0],s[1]),r(!0)}),t.register("remove_property",O.moduleName,(n,r)=>{qt(A,n),r(!0)}),t.register("first_visible_locator",O.moduleName,(n,r)=>r(!1)),t.register("unfocus",O.moduleName,(n,r)=>{N(A),r(!0)}),t.register(["focus","go_next","go_prev","go_id","go_end","go_start","go_text","go_progression"],O.moduleName,(n,r)=>r(!0)),t.register("activate",O.moduleName,(n,r)=>{this.unblock(A),r(!0)}),t.log("FixedSetup Mounted"),!0}unmount(A,t){var e;return t.unregisterAll(O.moduleName),(e=A.document.getElementById(me))==null||e.remove(),t.log("FixedSetup Unmounted"),super.unmount(A,t)}};Be.moduleName="fixed_setup";let sn=Be;const on=["fixed_setup","decorator","peripherals"],an=["reflowable_setup","decorator","peripherals","column_snapper","scroll_snapper"],tt=new Map([sn,rn,le,Li,$i,nn].map(i=>[i.moduleName,i]));class zA{constructor(A=window,t=[]){this.loadedModules=[],this.wnd=A,this.comms=new hi(A);const e=[...new Set(t)];if(e.length){if(typeof A>"u")throw Error("Loader is not in a web browser");A.parent!==A&&this.comms.log("Loader is probably in a frame"),this.loadedModules=e.map(n=>{const r=this.loadModule(n);if(r)return r.mount(this.wnd,this.comms),r}).filter(n=>n!==void 0)}}loadModule(A){const t=tt.get(A);return t===void 0?(this.comms.log(`Module "${name}" does not exist in the library`),t):new t}addModule(A){const t=this.loadModule(A);return!t||!t.mount(this.wnd,this.comms)?!1:(this.loadedModules.push(t),!0)}removeModule(A){const t=tt.get(A);if(t===void 0)return this.comms.log(`Module "${A}" does not exist in the library`),!1;const e=this.loadedModules.findIndex(n=>n instanceof t);return e<0?!1:(this.loadedModules[e].unmount(this.wnd,this.comms),this.loadedModules.splice(e,1),!0)}destroy(){this.comms.destroy(),this.loadedModules.forEach(A=>A.unmount(this.wnd,this.comms)),this.loadedModules=[]}}const hn=1e4;class et{constructor(A,t){this.registry=new Map,this._ready=!1,this.listenerBuffer=[],this.handler=this.handle.bind(this),this.wnd=A,this.origin=t;try{this.channelId=window.crypto.randomUUID()}catch{this.channelId=vA()}this.gc=setInterval(()=>{this.registry.forEach((e,n)=>{performance.now()-e.time>hn&&(console.warn(n,"event for",e.key,"was never handled!"),this.registry.delete(n))})},5e3),window.addEventListener("message",this.handler),this.send("_ping",void 0)}set listener(A){this.listenerBuffer.length>0&&this.listenerBuffer.forEach(t=>A(t[0],t[1])),this.listenerBuffer=[],this._listener=A}clearListener(){typeof this._listener=="function"&&(this._listener=void 0)}halt(){this._ready=!1,window.removeEventListener("message",this.handler),clearInterval(this.gc),this._listener=void 0,this.registry.clear()}resume(){window.addEventListener("message",this.handler),this._ready=!0}handle(A){const t=A.data;if(!t._readium){console.warn("Ignoring",t);return}if(t._channel===this.channelId)switch(t.key){case"_ack":{if(!t.id)return;const e=this.registry.get(t.id);if(!e)return;this.registry.delete(t.id),e.cb(!!t.data);return}case"_pong":this._ready=!0;default:{if(!this.ready)return;typeof this._listener=="function"?this._listener(t.key,t.data):this.listenerBuffer.push([t.key,t.data])}}}get ready(){return this._ready}send(A,t,e,n=!1,r=[]){const s=vA();return e&&this.registry.set(s,{cb:e,time:performance.now(),key:A}),this.wnd.postMessage({_readium:eA,_channel:this.channelId,id:s,data:t,key:A,strict:n},"/",r),s}}class Ee{constructor(A){this.destroyed=!1,this.currModules=[],this.frame=document.createElement("iframe"),this.frame.classList.add("readium-navigator-iframe"),this.frame.style.visibility="hidden",this.frame.style.setProperty("aria-hidden","true"),this.frame.style.opacity="0",this.frame.style.position="absolute",this.frame.style.pointerEvents="none",this.frame.style.transition="visibility 0s, opacity 0.1s linear",this.source=A}async load(A){return new Promise((t,e)=>{var n;if(this.loader){const r=this.frame.contentWindow;if([...this.currModules].sort().join("|")===[...A].sort().join("|")){try{t(r)}catch{}return}(n=this.comms)==null||n.halt(),this.loader.destroy(),this.loader=new zA(r,A),this.currModules=A,this.comms=void 0;try{t(r)}catch{}return}this.frame.onload=()=>{const r=this.frame.contentWindow;this.loader=new zA(r,A),this.currModules=A;try{t(r)}catch{}},this.frame.onerror=r=>{try{e(r)}catch{}},this.frame.contentWindow.location.replace(this.source)})}async destroy(){var A;await this.hide(),(A=this.loader)==null||A.destroy(),this.frame.remove(),this.destroyed=!0}async hide(){var A;if(!this.destroyed){if(this.frame.style.visibility="hidden",this.frame.style.setProperty("aria-hidden","true"),this.frame.style.opacity="0",this.frame.style.pointerEvents="none",this.frame.parentElement)return this.comms===void 0||!this.comms.ready?void 0:new Promise((t,e)=>{var n;(n=this.comms)==null||n.send("unfocus",void 0,r=>{var s;(s=this.comms)==null||s.halt(),t()})});(A=this.comms)==null||A.halt()}}async show(A){if(this.destroyed)throw Error("Trying to show frame when it doesn't exist");if(!this.frame.parentElement)throw Error("Trying to show frame that is not attached to the DOM");return this.comms?this.comms.resume():this.comms=new et(this.frame.contentWindow,this.source),new Promise((t,e)=>{var n;(n=this.comms)==null||n.send("activate",void 0,()=>{var r;(r=this.comms)==null||r.send("focus",void 0,()=>{var o;const s=()=>{this.frame.style.removeProperty("visibility"),this.frame.style.removeProperty("aria-hidden"),this.frame.style.removeProperty("opacity"),this.frame.style.removeProperty("pointer-events"),t()};A&&A>0?(o=this.comms)==null||o.send("go_progression",A,s):s()})})})}get iframe(){if(this.destroyed)throw Error("Trying to use frame when it doesn't exist");return this.frame}get realSize(){if(this.destroyed)throw Error("Trying to use frame client rect when it doesn't exist");return this.frame.getBoundingClientRect()}get window(){if(this.destroyed||!this.frame.contentWindow)throw Error("Trying to use frame window when it doesn't exist");return this.frame.contentWindow}get atLeft(){return this.window.scrollX<5}get atRight(){return this.window.scrollX>this.window.document.scrollingElement.scrollWidth-this.window.innerWidth-5}get msg(){return this.comms}get ldr(){return this.loader}}const fe=5,Ie=3;class pe{constructor(A,t){this.pool=new Map,this.blobs=new Map,this.inprogress=new Map,this.container=A,this.positions=t}async destroy(){let A=this.inprogress.values(),t=A.next();const e=[];for(;t.value;)e.push(t.value),t=A.next();e.length>0&&await Promise.allSettled(e),this.inprogress.clear();let n=this.pool.values(),r=n.next();for(;r.value;)await r.value.destroy(),r=n.next();this.pool.clear(),this.blobs.forEach(s=>URL.revokeObjectURL(s)),this.container.childNodes.forEach(s=>{(s.nodeType===Node.ELEMENT_NODE||s.nodeType===Node.TEXT_NODE)&&s.remove()})}async update(A,t,e,n=!1){let r=this.positions.findIndex(a=>a.locations.position===t.locations.position);if(r<0)throw Error(`Locator not found in position list: ${t.locations.position} > ${this.positions.reduce((a,h)=>h.locations.position||0>a?h.locations.position||0:a,0)}`);const s=this.positions[r].href;this.inprogress.has(s)&&await this.inprogress.get(s);const o=new Promise(async(a,h)=>{var m,B,f;const c=[],l=[];this.positions.forEach((E,p)=>{(p>r+fe||p<r-fe)&&(c.includes(E.href)||c.push(E.href)),p<r+Ie&&p>r-Ie&&(l.includes(E.href)||l.push(E.href))}),c.forEach(async E=>{var p;l.includes(E)||this.pool.has(E)&&(await((p=this.pool.get(E))==null?void 0:p.destroy()),this.pool.delete(E))}),this.currentBaseURL!==void 0&&A.baseURL!==this.currentBaseURL&&(this.blobs.forEach(E=>URL.revokeObjectURL(E)),this.blobs.clear()),this.currentBaseURL=A.baseURL;const g=async E=>{if(this.pool.has(E)){const w=this.pool.get(E);if(!this.blobs.has(E))await w.destroy(),this.pool.delete(E);else{await w.load(e);return}}const p=A.readingOrder.findWithHref(E);if(!p)return;if(!this.blobs.has(E)){const Y=await new Bt(A,this.currentBaseURL||"",p).build();this.blobs.set(E,Y)}const I=new Ee(this.blobs.get(E));E!==s&&await I.hide(),this.container.appendChild(I.iframe),await I.load(e),this.pool.set(E,I)};try{await Promise.all(l.map(E=>g(E)))}catch(E){h(E)}const u=this.pool.get(s);if((u==null?void 0:u.source)!==((m=this._currentFrame)==null?void 0:m.source)||n){await((B=this._currentFrame)==null?void 0:B.hide()),u&&await u.load(e);const E=(((f=t==null?void 0:t.locations)==null?void 0:f.progression)??0)>0;u&&await u.show(E?t.locations.progression:void 0),this._currentFrame=u}a()});this.inprogress.set(s,o),await o,this.inprogress.delete(s)}get currentFrames(){return[this._currentFrame]}get currentBounds(){const A={x:0,y:0,width:0,height:0,top:0,right:0,bottom:0,left:0,toJSON(){return this}};return this.currentFrames.forEach(t=>{if(!t)return;const e=t.realSize;A.x=Math.min(A.x,e.x),A.y=Math.min(A.y,e.y),A.width+=e.width,A.height=Math.max(A.height,e.height),A.top=Math.min(A.top,e.top),A.right=Math.min(A.right,e.right),A.bottom=Math.min(A.bottom,e.bottom),A.left=Math.min(A.left,e.left)}),A}}class we{constructor(A,t,e){this.currModules=[],this.cachedPage=void 0,this.peripherals=A,this.debugHref=e,this.frame=document.createElement("iframe"),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=e,this.source="about:blank",this.wrapper=document.createElement("div"),this.wrapper.style.position="relative",this.wrapper.style.float=this.wrapper.style.cssFloat=t===F.rtl?"right":"left",this.wrapper.appendChild(this.frame)}async load(A,t){return this.source===t&&this.loadPromise&&[...this.currModules].sort().join("|")===[...A].sort().join("|")?this.loadPromise:(this.loaded&&this.source!==t&&this.window.stop(),this.source=t,this.loadPromise=new Promise((e,n)=>{var r;if(this.loader&&this.loaded){const s=this.frame.contentWindow;if([...this.currModules].sort().join("|")===[...A].sort().join("|")){try{e(s),this.loadPromise=void 0}catch{}return}(r=this.comms)==null||r.halt(),this.loader.destroy(),this.loader=new zA(s,A),this.currModules=A,this.comms=void 0;try{e(s),this.loadPromise=void 0}catch{}return}this.frame.addEventListener("load",()=>{const s=this.frame.contentWindow;this.loader=new zA(s,A),this.currModules=A,this.peripherals.observe(this.wrapper),this.peripherals.observe(s);try{e(s)}catch{}},{once:!0}),this.frame.addEventListener("error",s=>{try{n(s.error),this.loadPromise=void 0}catch{}},{once:!0}),this.frame.style.removeProperty("display"),this.frame.contentWindow.location.replace(this.source)}),this.loadPromise)}loadPageSize(){const A=this.frame.contentWindow,t=A.document.head.querySelector("meta[name=viewport]");if(t){const e=/(\w+) *= *([^\s,]+)/g;let n,r=0,s=0;for(;n=e.exec(t.content);)n[1]==="width"?r=Number.parseFloat(n[2]):n[1]==="height"&&(s=Number.parseFloat(n[2]));if(r>0&&s>0)return{width:r,height:s}}return{width:A.document.body.scrollWidth,height:A.document.body.scrollHeight}}update(A){if(!this.loaded)return;const t=this.loadPageSize();this.frame.style.height=`${t.height}px`,this.frame.style.width=`${t.width}px`;const e=Math.min(this.wrapper.clientWidth/t.width,this.wrapper.clientHeight/t.height);this.frame.style.transform=`scale(${e})`;const n=this.frame.getBoundingClientRect(),r=this.wrapper.clientHeight-n.height;if(this.frame.style.top=`${r/2}px`,A===D.left){const s=this.wrapper.clientWidth-n.width;this.frame.style.left=`${s}px`}else if(A===D.center){const s=this.wrapper.clientWidth-n.width;this.frame.style.left=`${s/2}px`}else this.frame.style.left="0px";this.frame.style.removeProperty("visibility"),this.frame.style.removeProperty("aria-hidden"),this.frame.style.removeProperty("pointer-events"),this.frame.classList.remove("blank"),this.frame.classList.add("loaded")}async destroy(){var A;await this.unfocus(),(A=this.loader)==null||A.destroy(),this.wrapper.remove()}async unload(){var A,t;if(this.loaded)return this.deselect(),this.frame.style.visibility="hidden",this.frame.style.setProperty("aria-hidden","true"),this.frame.style.pointerEvents="none",this.frame.classList.add("blank"),this.frame.classList.remove("loaded"),(A=this.comms)==null||A.halt(),(t=this.loader)==null||t.destroy(),this.comms=void 0,this.frame.blur(),new Promise((e,n)=>{this.frame.addEventListener("load",()=>{try{this.showPromise=void 0,e()}catch{}},{once:!0}),this.frame.addEventListener("error",r=>{try{this.showPromise=void 0,n(r.error)}catch{}},{once:!0}),this.source="about:blank",this.frame.contentWindow.location.replace("about:blank"),this.frame.style.display="none"})}deselect(){var A,t;(t=(A=this.frame.contentWindow)==null?void 0:A.getSelection())==null||t.removeAllRanges()}async unfocus(){var A;if(this.frame.parentElement)return this.comms===void 0?void 0:new Promise((t,e)=>{var n;(n=this.comms)==null||n.send("unfocus",void 0,r=>{var s;(s=this.comms)==null||s.halt(),this.showPromise=void 0,t()})});(A=this.comms)==null||A.halt()}async show(A){if(!this.frame.parentElement){console.warn("Trying to show frame that is not attached to the DOM");return}if(!this.loaded){this.showPromise=void 0;return}return this.showPromise?(this.cachedPage!==A&&(this.update(A),this.cachedPage=A),this.showPromise):(this.cachedPage=A,this.comms?this.comms.resume():this.comms=new et(this.frame.contentWindow,this.source),this.showPromise=new Promise((t,e)=>{this.comms.send("focus",void 0,n=>{this.update(this.cachedPage),t()})}),this.showPromise)}async activate(){return new Promise((A,t)=>{var e;if(!this.comms)return A();(e=this.comms)==null||e.send("activate",void 0,()=>{A()})})}get element(){return this.wrapper}get iframe(){return this.frame}get realSize(){return this.frame.getBoundingClientRect()}get loaded(){return this.frame.contentWindow&&this.frame.contentWindow.location.href!=="about:blank"}set width(A){const t=`${A}%`;this.wrapper.style.width!==t&&(this.wrapper.style.width=t)}set height(A){const t=`${A}px`;this.wrapper.style.height!==t&&(this.wrapper.style.height=t)}get window(){if(!this.frame.contentWindow)throw Error("Trying to use frame window when it doesn't exist");return this.frame.contentWindow}get atLeft(){return this.window.scrollX<5}get atRight(){return this.window.scrollX>this.window.document.scrollingElement.scrollWidth-this.window.innerWidth-5}get msg(){return this.comms}get ldr(){return this.loader}}/*!
  *                                                                                                                         (℠)
  *  # sML.js | I'm a Simple and Middling Library.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@readium/navigator",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "type": "module",
   "description": "Next generation SDK for publications in Web Apps",
   "author": "readium",

package/src/epub/frame/FrameManager.ts

@@ -8,6 +8,7 @@ export class FrameManager {
     private loader: Loader | undefined;
     public readonly source: string;
     private comms: FrameComms | undefined;
+    private destroyed: boolean = false;
 
     private currModules: ModuleName[] = [];
 
@@ -57,15 +58,17 @@ export class FrameManager {
         await this.hide();
         this.loader?.destroy();
         this.frame.remove();
+        this.destroyed = true;
     }
 
     async hide(): Promise<void> {
+        if(this.destroyed) return;
         this.frame.style.visibility = "hidden";
         this.frame.style.setProperty("aria-hidden", "true");
         this.frame.style.opacity = "0";
         this.frame.style.pointerEvents = "none";
         if(this.frame.parentElement) {
-            if(this.comms === undefined) return;
+            if(this.comms === undefined || !this.comms.ready) return;
             return new Promise((res, _) => {
                 this.comms?.send("unfocus", undefined, (_: boolean) => {
                     this.comms?.halt();
@@ -77,10 +80,8 @@ export class FrameManager {
     }
 
     async show(atProgress?: number): Promise<void> {
-        if(!this.frame.parentElement) {
-            console.warn("Trying to show frame that is not attached to the DOM");
-            return;
-        }
+        if(this.destroyed) throw Error("Trying to show frame when it doesn't exist");
+        if(!this.frame.parentElement) throw Error("Trying to show frame that is not attached to the DOM");
         if(this.comms) this.comms.resume();
         else this.comms = new FrameComms(this.frame.contentWindow!, this.source);
         return new Promise((res, _) => {
@@ -104,15 +105,17 @@ export class FrameManager {
     }
 
     get iframe() {
+        if(this.destroyed) throw Error("Trying to use frame when it doesn't exist");
         return this.frame;
     }
 
     get realSize() {
+        if(this.destroyed) throw Error("Trying to use frame client rect when it doesn't exist");
         return this.frame.getBoundingClientRect();
     }
 
     get window() {
-        if(!this.frame.contentWindow) throw Error("Trying to use frame window when it doesn't exist");
+        if(this.destroyed || !this.frame.contentWindow) throw Error("Trying to use frame window when it doesn't exist");
         return this.frame.contentWindow;
     }
 

package/types/src/epub/frame/FrameManager.d.ts

@@ -5,6 +5,7 @@ export declare class FrameManager {
     private loader;
     readonly source: string;
     private comms;
+    private destroyed;
     private currModules;
     constructor(source: string);
     load(modules: ModuleName[]): Promise<Window>;