@readium/navigator-html-injectables 1.2.0 → 1.3.1

package/dist/index.js

@@ -1,5 +1,5 @@
-const Mt = Math.pow(2, 32), Ae = () => Math.round(Math.random() * Mt).toString(36), Nt = () => `${Math.round(performance.now())}-${Ae()}-${Ae()}`, X = 1;
-class Rt {
+const Mt = Math.pow(2, 32), Ae = () => Math.round(Math.random() * Mt).toString(36), Rt = () => `${Math.round(performance.now())}-${Ae()}-${Ae()}`, _ = 1;
+class Nt {
   constructor(e) {
     this.destination = null, this.registrar = /* @__PURE__ */ new Map(), this.origin = "", this.channelId = "", this.receiver = this.receive.bind(this), this.preLog = [], this.wnd = e, e.addEventListener("message", this.receiver);
   }
@@ -12,8 +12,8 @@ class Rt {
     if (!(!("_readium" in t) || !t._readium || t._readium <= 0)) {
       if (t.key === "_ping") {
         if (!this.destination) {
-          if (this.destination = e.source, this.origin = e.origin, this.channelId = t._channel, t._readium !== X) {
-            t._readium > X ? this.send("error", `received comms version ${t._readium} higher than ${X}`) : this.send("error", `received comms version ${t._readium} lower than ${X}`), this.destination = null, this.origin = "", this.channelId = "";
+          if (this.destination = e.source, this.origin = e.origin, this.channelId = t._channel, t._readium !== _) {
+            t._readium > _ ? this.send("error", `received comms version ${t._readium} higher than ${_}`) : this.send("error", `received comms version ${t._readium} lower than ${_}`), this.destination = null, this.origin = "", this.channelId = "";
             return;
           }
           this.send("_pong", void 0), this.preLog.forEach((r) => this.send("log", r)), this.preLog = [];
@@ -76,9 +76,9 @@ class Rt {
     if (!this.destination)
       throw Error("Attempted to send comms message before destination has been initialized");
     const n = {
-      _readium: X,
+      _readium: _,
       _channel: this.channelId,
-      id: r ?? Nt(),
+      id: r ?? Rt(),
       // scrict,
       key: e,
       data: t
@@ -116,7 +116,7 @@ var F = [], Lt = function() {
 })(G || (G = {}));
 var k = function(i) {
   return Object.freeze(i);
-}, Bt = function() {
+}, Dt = function() {
   function i(e, t) {
     this.inlineSize = e, this.blockSize = t, k(this);
   }
@@ -140,13 +140,13 @@ var k = function(i) {
   }
   var s = i, n = s.offsetWidth, o = s.offsetHeight;
   return !(n || o || i.getClientRects().length);
-}, Ne = function(i) {
+}, Re = function(i) {
   var e;
   if (i instanceof Element)
     return !0;
   var t = (e = i == null ? void 0 : i.ownerDocument) === null || e === void 0 ? void 0 : e.defaultView;
   return !!(t && i instanceof t.Element);
-}, Dt = function(i) {
+}, Bt = function(i) {
   switch (i.tagName) {
     case "INPUT":
       if (i.type !== "image")
@@ -161,25 +161,25 @@ var k = function(i) {
       return !0;
   }
   return !1;
-}, _ = typeof window < "u" ? window : {}, Q = /* @__PURE__ */ new WeakMap(), Re = /auto|scroll/, Wt = /^tb|vertical/, Ft = /msie|trident/i.test(_.navigator && _.navigator.userAgent), N = function(i) {
+}, V = typeof window < "u" ? window : {}, Q = /* @__PURE__ */ new WeakMap(), Ne = /auto|scroll/, Wt = /^tb|vertical/, Ft = /msie|trident/i.test(V.navigator && V.navigator.userAgent), R = function(i) {
   return parseFloat(i || "0");
-}, $ = function(i, e, t) {
-  return i === void 0 && (i = 0), e === void 0 && (e = 0), t === void 0 && (t = !1), new Bt((t ? e : i) || 0, (t ? i : e) || 0);
+}, H = function(i, e, t) {
+  return i === void 0 && (i = 0), e === void 0 && (e = 0), t === void 0 && (t = !1), new Dt((t ? e : i) || 0, (t ? i : e) || 0);
 }, Le = k({
-  devicePixelContentBoxSize: $(),
-  borderBoxSize: $(),
-  contentBoxSize: $(),
+  devicePixelContentBoxSize: H(),
+  borderBoxSize: H(),
+  contentBoxSize: H(),
   contentRect: new Qe(0, 0, 0, 0)
 }), tt = function(i, e) {
   if (e === void 0 && (e = !1), Q.has(i) && !e)
     return Q.get(i);
   if (et(i))
     return Q.set(i, Le), Le;
-  var t = getComputedStyle(i), r = Ee(i) && i.ownerSVGElement && i.getBBox(), s = !Ft && t.boxSizing === "border-box", n = Wt.test(t.writingMode || ""), o = !r && Re.test(t.overflowY || ""), a = !r && Re.test(t.overflowX || ""), h = r ? 0 : N(t.paddingTop), c = r ? 0 : N(t.paddingRight), d = r ? 0 : N(t.paddingBottom), p = r ? 0 : N(t.paddingLeft), u = r ? 0 : N(t.borderTopWidth), f = r ? 0 : N(t.borderRightWidth), v = r ? 0 : N(t.borderBottomWidth), g = r ? 0 : N(t.borderLeftWidth), y = p + c, x = h + d, S = g + f, m = u + v, E = a ? i.offsetHeight - m - i.clientHeight : 0, O = o ? i.offsetWidth - S - i.clientWidth : 0, Y = s ? y + S : 0, Z = s ? x + m : 0, B = r ? r.width : N(t.width) - Y - O, D = r ? r.height : N(t.height) - Z - E, K = B + y + O + S, J = D + x + E + m, U = k({
-    devicePixelContentBoxSize: $(Math.round(B * devicePixelRatio), Math.round(D * devicePixelRatio), n),
-    borderBoxSize: $(K, J, n),
-    contentBoxSize: $(B, D, n),
-    contentRect: new Qe(p, h, B, D)
+  var t = getComputedStyle(i), r = Ee(i) && i.ownerSVGElement && i.getBBox(), s = !Ft && t.boxSizing === "border-box", n = Wt.test(t.writingMode || ""), o = !r && Ne.test(t.overflowY || ""), a = !r && Ne.test(t.overflowX || ""), h = r ? 0 : R(t.paddingTop), c = r ? 0 : R(t.paddingRight), d = r ? 0 : R(t.paddingBottom), p = r ? 0 : R(t.paddingLeft), u = r ? 0 : R(t.borderTopWidth), f = r ? 0 : R(t.borderRightWidth), v = r ? 0 : R(t.borderBottomWidth), g = r ? 0 : R(t.borderLeftWidth), y = p + c, x = h + d, S = g + f, m = u + v, E = a ? i.offsetHeight - m - i.clientHeight : 0, P = o ? i.offsetWidth - S - i.clientWidth : 0, Y = s ? y + S : 0, Z = s ? x + m : 0, D = r ? r.width : R(t.width) - Y - P, B = r ? r.height : R(t.height) - Z - E, J = D + y + P + S, K = B + x + E + m, U = k({
+    devicePixelContentBoxSize: H(Math.round(D * devicePixelRatio), Math.round(B * devicePixelRatio), n),
+    borderBoxSize: H(J, K, n),
+    contentBoxSize: H(D, B, n),
+    contentRect: new Qe(p, h, D, B)
   });
   return Q.set(i, U), U;
 }, it = function(i, e, t) {
@@ -228,12 +228,12 @@ var k = function(i) {
       s.isActive() && (rt(s.target) > i ? t.activeTargets.push(s) : t.skippedTargets.push(s));
     });
   });
-}, $t = function() {
+}, Ht = function() {
   var i = 0;
   for (ze(i); Lt(); )
     i = Ut(), ze(i);
   return zt() && It(), i > 0;
-}, de, st = [], Ht = function() {
+}, de, st = [], $t = function() {
   return st.splice(0).forEach(function(i) {
     return i();
   });
@@ -241,19 +241,19 @@ var k = function(i) {
   if (!de) {
     var e = 0, t = document.createTextNode(""), r = { characterData: !0 };
     new MutationObserver(function() {
-      return Ht();
+      return $t();
     }).observe(t, r), de = function() {
       t.textContent = "".concat(e ? e-- : e++);
     };
   }
   st.push(i), de();
-}, Xt = function(i) {
+}, _t = function(i) {
   qt(function() {
     requestAnimationFrame(i);
   });
-}, re = 0, Vt = function() {
+}, re = 0, jt = function() {
   return !!re;
-}, _t = 250, jt = { attributes: !0, characterData: !0, childList: !0, subtree: !0 }, Ie = [
+}, Vt = 250, Xt = { attributes: !0, characterData: !0, childList: !0, subtree: !0 }, Ie = [
   "resize",
   "load",
   "transitionend",
@@ -268,7 +268,7 @@ var k = function(i) {
   "mouseout",
   "blur",
   "focus"
-], Be = function(i) {
+], De = function(i) {
   return i === void 0 && (i = 0), Date.now() + i;
 }, ue = !1, Gt = function() {
   function i() {
@@ -279,15 +279,15 @@ var k = function(i) {
   }
   return i.prototype.run = function(e) {
     var t = this;
-    if (e === void 0 && (e = _t), !ue) {
+    if (e === void 0 && (e = Vt), !ue) {
       ue = !0;
-      var r = Be(e);
-      Xt(function() {
+      var r = De(e);
+      _t(function() {
         var s = !1;
         try {
-          s = $t();
+          s = Ht();
         } finally {
-          if (ue = !1, e = r - Be(), !Vt())
+          if (ue = !1, e = r - De(), !jt())
             return;
           s ? t.run(1e3) : e > 0 ? t.run(e) : t.start();
         }
@@ -297,24 +297,24 @@ var k = function(i) {
     this.stop(), this.run();
   }, i.prototype.observe = function() {
     var e = this, t = function() {
-      return e.observer && e.observer.observe(document.body, jt);
+      return e.observer && e.observer.observe(document.body, Xt);
     };
-    document.body ? t() : _.addEventListener("DOMContentLoaded", t);
+    document.body ? t() : V.addEventListener("DOMContentLoaded", t);
   }, i.prototype.start = function() {
     var e = this;
     this.stopped && (this.stopped = !1, this.observer = new MutationObserver(this.listener), this.observe(), Ie.forEach(function(t) {
-      return _.addEventListener(t, e.listener, !0);
+      return V.addEventListener(t, e.listener, !0);
     }));
   }, i.prototype.stop = function() {
     var e = this;
     this.stopped || (this.observer && this.observer.disconnect(), Ie.forEach(function(t) {
-      return _.removeEventListener(t, e.listener, !0);
+      return V.removeEventListener(t, e.listener, !0);
     }), this.stopped = !0);
   }, i;
-}(), fe = new Gt(), De = function(i) {
+}(), fe = new Gt(), Be = function(i) {
   !re && i > 0 && fe.start(), re += i, !re && fe.stop();
 }, Yt = function(i) {
-  return !Ee(i) && !Dt(i) && getComputedStyle(i).display === "inline";
+  return !Ee(i) && !Bt(i) && getComputedStyle(i).display === "inline";
 }, Zt = function() {
   function i(e, t) {
     this.target = e, this.observedBox = t || G.CONTENT_BOX, this.lastReportedSize = {
@@ -326,7 +326,7 @@ var k = function(i) {
     var e = it(this.target, this.observedBox, !0);
     return Yt(this.target) && (this.lastReportedSize = e), this.lastReportedSize.inlineSize !== e.inlineSize || this.lastReportedSize.blockSize !== e.blockSize;
   }, i;
-}(), Kt = function() {
+}(), Jt = function() {
   function i(e, t) {
     this.activeTargets = [], this.skippedTargets = [], this.observationTargets = [], this.observer = e, this.callback = t;
   }
@@ -340,14 +340,14 @@ var k = function(i) {
   function i() {
   }
   return i.connect = function(e, t) {
-    var r = new Kt(e, t);
+    var r = new Jt(e, t);
     ee.set(e, r);
   }, i.observe = function(e, t, r) {
     var s = ee.get(e), n = s.observationTargets.length === 0;
-    We(s.observationTargets, t) < 0 && (n && F.push(s), s.observationTargets.push(new Zt(t, r && r.box)), De(1), fe.schedule());
+    We(s.observationTargets, t) < 0 && (n && F.push(s), s.observationTargets.push(new Zt(t, r && r.box)), Be(1), fe.schedule());
   }, i.unobserve = function(e, t) {
     var r = ee.get(e), s = We(r.observationTargets, t), n = r.observationTargets.length === 1;
-    s >= 0 && (n && F.splice(F.indexOf(r), 1), r.observationTargets.splice(s, 1), De(-1));
+    s >= 0 && (n && F.splice(F.indexOf(r), 1), r.observationTargets.splice(s, 1), Be(-1));
   }, i.disconnect = function(e) {
     var t = this, r = ee.get(e);
     r.observationTargets.slice().forEach(function(s) {
@@ -365,13 +365,13 @@ var k = function(i) {
   return i.prototype.observe = function(e, t) {
     if (arguments.length === 0)
       throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': 1 argument required, but only 0 present.");
-    if (!Ne(e))
+    if (!Re(e))
       throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");
     te.observe(this, e, t);
   }, i.prototype.unobserve = function(e) {
     if (arguments.length === 0)
       throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': 1 argument required, but only 0 present.");
-    if (!Ne(e))
+    if (!Re(e))
       throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");
     te.unobserve(this, e);
   }, i.prototype.disconnect = function() {
@@ -416,7 +416,7 @@ function lt(i) {
     ).getPropertyValue("column-count")
   );
 }
-function Jt(i) {
+function Kt(i) {
   const e = "readium-virtual-page";
   let t = i.document.getElementById(e);
   if (lt(i) !== 2)
@@ -843,6 +843,27 @@ class l {
       fileExtension: "json"
     });
   }
+  static get READIUM_CONTENT_DOCUMENT() {
+    return l.parse({
+      mediaType: "application/vnd.readium.content+json",
+      name: "Readium Content Document",
+      fileExtension: "json"
+    });
+  }
+  static get READIUM_GUIDED_NAVIGATION_DOCUMENT() {
+    return l.parse({
+      mediaType: "application/guided-navigation+json",
+      name: "Readium Guided Navigation Document",
+      fileExtension: "json"
+    });
+  }
+  static get READIUM_POSITION_LIST() {
+    return l.parse({
+      mediaType: "application/vnd.readium.position-list+json",
+      name: "Readium Position List",
+      fileExtension: "json"
+    });
+  }
   static get READIUM_WEBPUB() {
     return l.parse({
       mediaType: "application/webpub+zip",
@@ -969,7 +990,7 @@ function Ue(i) {
 function se(i) {
   return isNaN(i) ? void 0 : i;
 }
-function P(i) {
+function O(i) {
   return se(i) !== void 0 && Math.sign(i) >= 0 ? i : void 0;
 }
 function ti(i) {
@@ -1080,7 +1101,7 @@ class I {
     });
   }
 }
-class H {
+class $ {
   /**
    * Creates a [Link].
    */
@@ -1092,17 +1113,17 @@ class H {
    */
   static deserialize(e) {
     if (e && e.href && typeof e.href == "string")
-      return new H({
+      return new $({
         href: e.href,
         templated: e.templated,
         type: e.type,
         title: e.title,
         rels: e.rel ? e.rel instanceof Array ? new Set(e.rel) : /* @__PURE__ */ new Set([e.rel]) : void 0,
         properties: b.deserialize(e.properties),
-        height: P(e.height),
-        width: P(e.width),
-        duration: P(e.duration),
-        bitrate: P(e.bitrate),
+        height: O(e.height),
+        width: O(e.width),
+        duration: O(e.duration),
+        bitrate: O(e.bitrate),
         languages: ht(e.language),
         alternates: ne.deserialize(e.alternate),
         children: ne.deserialize(e.children)
@@ -1137,7 +1158,7 @@ class H {
    *  See RFC 6570 on URI template: https://tools.ietf.org/html/rfc6570
    */
   expandTemplate(e) {
-    return new H({
+    return new $({
       href: new ke(this.href).expand(e),
       templated: !1
     });
@@ -1147,7 +1168,7 @@ class H {
    */
   addProperties(e) {
     var t;
-    const r = H.deserialize(this.serialize());
+    const r = $.deserialize(this.serialize());
     return r.properties = r.properties ? (t = r.properties) == null ? void 0 : t.add(e) : new b(e), r;
   }
   /**
@@ -1178,7 +1199,7 @@ class ne {
   static deserialize(e) {
     if (e && e instanceof Array)
       return new ne(
-        e.map((t) => H.deserialize(t)).filter((t) => t !== void 0)
+        e.map((t) => $.deserialize(t)).filter((t) => t !== void 0)
       );
   }
   /**
@@ -1272,11 +1293,11 @@ class oe {
   static deserialize(e) {
     if (!(e && e.cssSelector))
       return;
-    let t = P(e.textNodeIndex);
+    let t = O(e.textNodeIndex);
     if (t === void 0)
       return;
-    let r = P(e.charOffset);
-    return r === void 0 && (r = P(e.offset)), new oe({
+    let r = O(e.charOffset);
+    return r === void 0 && (r = O(e.offset)), new oe({
       cssSelector: e.cssSelector,
       textNodeIndex: t,
       charOffset: r
@@ -1383,7 +1404,7 @@ class Te {
     let t = e.currency;
     if (!(t && typeof t == "string" && t.length > 0))
       return;
-    let r = P(e.value);
+    let r = O(e.value);
     if (r !== void 0)
       return new Te({ currency: t, value: r });
   }
@@ -1394,7 +1415,7 @@ class Te {
     return { currency: this.currency, value: this.value };
   }
 }
-class j {
+class X {
   /** Creates a [Acquisition]. */
   constructor(e) {
     this.type = e.type, this.children = e.children;
@@ -1404,14 +1425,14 @@ class j {
    */
   static deserialize(e) {
     if (e && e.type)
-      return new j({
+      return new X({
         type: e.type,
-        children: j.deserializeArray(e.children)
+        children: X.deserializeArray(e.children)
       });
   }
   static deserializeArray(e) {
     if (e instanceof Array)
-      return e.map((t) => j.deserialize(t)).filter((t) => t !== void 0);
+      return e.map((t) => X.deserialize(t)).filter((t) => t !== void 0);
   }
   /**
    * Serializes a [Acquisition] to its RWPM JSON representation.
@@ -1432,8 +1453,8 @@ class Se {
   static deserialize(e) {
     if (e)
       return new Se({
-        total: P(e.total),
-        position: P(e.position)
+        total: O(e.total),
+        position: O(e.position)
       });
   }
   /**
@@ -1455,8 +1476,8 @@ class Ce {
   static deserialize(e) {
     if (e)
       return new Ce({
-        total: P(e.total),
-        available: P(e.available)
+        total: O(e.total),
+        available: O(e.available)
       });
   }
   /**
@@ -1467,7 +1488,7 @@ class Ce {
     return this.total !== void 0 && (e.total = this.total), this.available !== void 0 && (e.available = this.available), e;
   }
 }
-class Pe {
+class Oe {
   /** Creates a [Availability]. */
   constructor(e) {
     this.state = e.state, this.since = e.since, this.until = e.until;
@@ -1477,7 +1498,7 @@ class Pe {
    */
   static deserialize(e) {
     if (e && e.state)
-      return new Pe({
+      return new Oe({
         state: e.state,
         since: Ue(e.since),
         until: Ue(e.until)
@@ -1492,7 +1513,7 @@ class Pe {
   }
 }
 b.prototype.getNumberOfItems = function() {
-  return P(this.otherProperties.numberOfItems);
+  return O(this.otherProperties.numberOfItems);
 };
 b.prototype.getPrice = function() {
   return Te.deserialize(this.otherProperties.price);
@@ -1500,7 +1521,7 @@ b.prototype.getPrice = function() {
 b.prototype.getIndirectAcquisitions = function() {
   const i = this.otherProperties.indirectAcquisition;
   if (i && i instanceof Array)
-    return i.map((e) => j.deserialize(e)).filter((e) => e !== void 0);
+    return i.map((e) => X.deserialize(e)).filter((e) => e !== void 0);
 };
 b.prototype.getHolds = function() {
   return Se.deserialize(this.otherProperties.holds);
@@ -1509,10 +1530,10 @@ b.prototype.getCopies = function() {
   return Ce.deserialize(this.otherProperties.copies);
 };
 b.prototype.getAvailability = function() {
-  return Pe.deserialize(this.otherProperties.availability);
+  return Oe.deserialize(this.otherProperties.availability);
 };
 b.prototype.getAuthenticate = function() {
-  return H.deserialize(this.otherProperties.authenticate);
+  return $.deserialize(this.otherProperties.authenticate);
 };
 b.prototype.getClipped = function() {
   return this.otherProperties.clipped;
@@ -1532,13 +1553,13 @@ b.prototype.getPage = function() {
 b.prototype.getSpread = function() {
   return this.otherProperties.spread || void 0;
 };
-function $e(i) {
+function He(i) {
   return i.split("").reverse().join("");
 }
 function ii(i, e, t) {
-  const r = $e(e);
+  const r = He(e);
   return t.map((s) => {
-    const n = Math.max(0, s.end - e.length - s.errors), o = $e(i.slice(n, s.end));
+    const n = Math.max(0, s.end - e.length - s.errors), o = He(i.slice(n, s.end));
     return {
       start: ct(o, r, s.errors).reduce((h, c) => s.end - c.end < h ? s.end - c.end : h, s.end),
       end: s.end,
@@ -1549,7 +1570,7 @@ function ii(i, e, t) {
 function pe(i) {
   return (i | -i) >> 31 & 1;
 }
-function He(i, e, t, r) {
+function $e(i, e, t, r) {
   let s = i.P[t], n = i.M[t];
   const o = r >>> 31, a = e[t] | o, h = a | n, c = (a & s) + s ^ s | a;
   let d = n | ~(c | s), p = s & c;
@@ -1598,7 +1619,7 @@ function ct(i, e, t) {
     f < c.length ? v = c[f] : (v = h.get(f), typeof v > "u" && (v = a));
     let g = 0;
     for (let y = 0; y <= d; y += 1)
-      g = He(o, v, y, g), p[y] += g;
+      g = $e(o, v, y, g), p[y] += g;
     if (p[d] - g <= t && d < n && (v[d + 1] & 1 || g < 0)) {
       d += 1, o.P[d] = -1, o.M[d] = 0;
       let y;
@@ -1607,7 +1628,7 @@ function ct(i, e, t) {
         y = x === 0 ? s : x;
       } else
         y = s;
-      p[d] = p[d - 1] + y - g + He(o, v, d, g);
+      p[d] = p[d - 1] + y - g + $e(o, v, d, g);
     } else
       for (; d > 0 && p[d] >= t + s; )
         d -= 1;
@@ -1675,7 +1696,7 @@ function ge(i, e, t) {
   const o = s.length - n.length;
   return t === 2 ? e - o : e + o;
 }
-function Xe(i, e) {
+function _e(i, e) {
   const t = i.commonAncestorContainer.ownerDocument.createNodeIterator(
     i.commonAncestorContainer,
     NodeFilter.SHOW_TEXT
@@ -1723,7 +1744,7 @@ function ni(i) {
   if (s.start >= 0 && (e.setStart(i.startContainer, s.start), t = !0), s.end > 0 && (e.setEnd(i.endContainer, s.end), r = !0), t && r)
     return e;
   if (!t) {
-    const { node: n, offset: o } = Xe(
+    const { node: n, offset: o } = _e(
       e,
       1
       /* Forwards */
@@ -1731,7 +1752,7 @@ function ni(i) {
     n && o >= 0 && e.setStart(n, o);
   }
   if (!r) {
-    const { node: n, offset: o } = Xe(
+    const { node: n, offset: o } = _e(
       e,
       2
       /* Backwards */
@@ -1750,7 +1771,7 @@ function ut(i) {
       return 0;
   }
 }
-function Ve(i) {
+function je(i) {
   let e = i.previousSibling, t = 0;
   for (; e; )
     t += ut(e), e = e.previousSibling;
@@ -1771,7 +1792,7 @@ function pt(i, ...e) {
     throw new RangeError("Offset exceeds text length");
   return s;
 }
-class R {
+class N {
   constructor(e, t) {
     if (t < 0)
       throw new Error("Offset is invalid");
@@ -1788,8 +1809,8 @@ class R {
       throw new Error("Parent is not an ancestor of current element");
     let t = this.element, r = this.offset;
     for (; t !== e; )
-      r += Ve(t), t = t.parentElement;
-    return new R(t, r);
+      r += je(t), t = t.parentElement;
+    return new N(t, r);
   }
   /**
    * Resolve the position to a specific text node and offset within that node.
@@ -1833,9 +1854,9 @@ class R {
   static fromCharOffset(e, t) {
     switch (e.nodeType) {
       case Node.TEXT_NODE:
-        return R.fromPoint(e, t);
+        return N.fromPoint(e, t);
       case Node.ELEMENT_NODE:
-        return new R(e, t);
+        return new N(e, t);
       default:
         throw new Error("Node is not an element or text node");
     }
@@ -1853,8 +1874,8 @@ class R {
           throw new Error("Text node offset is out of range");
         if (!e.parentElement)
           throw new Error("Text node has no parent");
-        const r = Ve(e) + t;
-        return new R(e.parentElement, r);
+        const r = je(e) + t;
+        return new N(e.parentElement, r);
       }
       case Node.ELEMENT_NODE: {
         if (t < 0 || t > e.childNodes.length)
@@ -1862,7 +1883,7 @@ class R {
         let r = 0;
         for (let s = 0; s < t; s++)
           r += ut(e.childNodes[s]);
-        return new R(e, r);
+        return new N(e, r);
       }
       default:
         throw new Error("Point is not in an element or text node");
@@ -1913,10 +1934,10 @@ class z {
    * Create a TextRange from a (DOM) Range
    */
   static fromRange(e) {
-    const t = R.fromPoint(
+    const t = N.fromPoint(
       e.startContainer,
       e.startOffset
-    ), r = R.fromPoint(e.endContainer, e.endOffset);
+    ), r = N.fromPoint(e.endContainer, e.endOffset);
     return new z(t, r);
   }
   /**
@@ -1925,8 +1946,8 @@ class z {
    */
   static fromOffsets(e, t, r) {
     return new z(
-      new R(e, t),
-      new R(e, r)
+      new N(e, t),
+      new N(e, r)
     );
   }
   /**
@@ -2007,36 +2028,40 @@ class le {
     return new ae(this.root, r.start, r.end);
   }
 }
-function Oe(i, e) {
+function oi(i) {
+  const e = i.tagName.toUpperCase();
+  return e === "IMG" || e === "VIDEO" || e === "AUDIO" || e === "IFRAME" || e === "OBJECT" || e === "EMBED" || e === "CANVAS";
+}
+function Pe(i, e) {
   try {
-    let r = e.locations, s = e.text;
-    if (s && s.highlight) {
-      let n;
-      r && r.getCssSelector() && (n = i.querySelector(r.getCssSelector())), n || (n = i.body);
-      let o = new le(n, s.highlight, {
-        prefix: s.before,
-        suffix: s.after
+    const t = e.locations, r = e.text;
+    if (r && r.highlight) {
+      let s;
+      t && t.getCssSelector() && (s = i.querySelector(t.getCssSelector())), s || (s = i.body);
+      const n = new le(s, r.highlight, {
+        prefix: r.before,
+        suffix: r.after
       });
       try {
-        return o.toRange();
+        return n.toRange();
       } catch {
-        return console.warn("Quote not found:", o), null;
+        return console.warn("Quote not found:", n), null;
       }
     }
-    if (r) {
-      var t = null;
-      if (!t && r.getCssSelector() && (t = i.querySelector(r.getCssSelector())), !t && r.fragments) {
-        for (const n of r.fragments)
-          if (t = i.getElementById(n), t)
+    if (t) {
+      let s = null;
+      if (!s && t.getCssSelector() && (s = i.querySelector(t.getCssSelector())), !s && t.fragments) {
+        for (const n of t.fragments)
+          if (s = i.getElementById(n), s)
             break;
       }
-      if (t) {
-        let n = i.createRange();
-        return t.childNodes.length === 0 ? (n.selectNodeContents(t), n) : (n.setStartBefore(t), n.setEndAfter(t), n);
+      if (s) {
+        const n = i.createRange();
+        return s.childNodes.length === 0 || oi(s) ? (n.selectNode(s), n) : (n.setStartBefore(s), n.setEndAfter(s), n);
       }
     }
-  } catch (r) {
-    console.error(r);
+  } catch (t) {
+    console.error(t);
   }
   return null;
 }
@@ -2044,7 +2069,7 @@ function T(i) {
   const e = i.getSelection();
   e && e.removeAllRanges();
 }
-const oi = [
+const ai = [
   "a",
   "audio",
   "button",
@@ -2060,7 +2085,7 @@ const oi = [
 ];
 function ft(i) {
   var e;
-  return oi.indexOf(i.nodeName.toLowerCase()) !== -1 || i.hasAttribute("contenteditable") && ((e = i.getAttribute("contenteditable")) == null ? void 0 : e.toLowerCase()) !== "false" ? i : i.parentElement ? ft(i.parentElement) : null;
+  return ai.indexOf(i.nodeName.toLowerCase()) !== -1 || i.hasAttribute("contenteditable") && ((e = i.getAttribute("contenteditable")) == null ? void 0 : e.toLowerCase()) !== "false" ? i : i.parentElement ? ft(i.parentElement) : null;
 }
 function mt(i, e) {
   const t = gt(i, i.document.body, e);
@@ -2080,12 +2105,12 @@ function mt(i, e) {
 function gt(i, e, t) {
   for (var r = 0; r < e.children.length; r++) {
     const s = e.children[r];
-    if (!li(s) && ai(i, s, t))
+    if (!hi(s) && li(i, s, t))
       return gt(i, s, t);
   }
   return e;
 }
-function ai(i, e, t) {
+function li(i, e, t) {
   if (e === document.body || e === document.documentElement)
     return !0;
   if (!document || !document.documentElement || !document.body)
@@ -2093,11 +2118,11 @@ function ai(i, e, t) {
   const r = e.getBoundingClientRect();
   return t ? r.bottom > 0 && r.top < i.innerHeight : r.right > 0 && r.left < i.innerWidth;
 }
-function li(i) {
+function hi(i) {
   const e = getComputedStyle(i);
   return !!(e && (e.getPropertyValue("display") != "block" || e.getPropertyValue("opacity") === "0"));
 }
-const _e = "readium-column-snapper-style", hi = 200, vt = class C extends at {
+const Ve = "readium-column-snapper-style", ci = 200, vt = class C extends at {
   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);
   }
@@ -2112,7 +2137,7 @@ const _e = "readium-column-snapper-style", hi = 200, vt = class C extends at {
     return t - t % this.wnd.innerWidth;
   }
   reportProgress() {
-    this.comms.send("progress", this.wnd.scrollX / this.cachedScrollWidth);
+    this.comms.send("progress", { progress: this.wnd.scrollX / this.cachedScrollWidth, reference: this.wnd.innerWidth / this.doc().scrollWidth });
   }
   shake() {
     if (this.overscroll !== 0 || this.shakeTimeout !== 0)
@@ -2141,7 +2166,7 @@ const _e = "readium-column-snapper-style", hi = 200, vt = class C extends at {
       this.snappingCancelled = !1;
       const p = (g, y, x, S) => x > S ? y : g + (y - g) * Qt(x / S), u = (
         /*Math.abs(startX - (this.useTransform ? currentOffset : 0)) < 10 ? 1 : */
-        hi * o
+        ci * o
       );
       let f;
       const v = (g) => {
@@ -2197,8 +2222,9 @@ const _e = "readium-column-snapper-style", hi = 200, vt = class C extends at {
   mount(e, t) {
     if (this.wnd = e, this.comms = t, !super.mount(e, t))
       return !1;
+    e.navigator.epubReadingSystem.layoutStyle = "paginated";
     const r = e.document.createElement("style");
-    r.dataset.readium = "true", r.id = _e, r.textContent = `
+    r.dataset.readium = "true", r.id = Ve, r.textContent = `
         @keyframes readium-bounce-l-animation {
             0%, 100% {transform: translate3d(0, 0, 0);}
             50% {transform: translate3d(-50px, 0, 0);}
@@ -2235,7 +2261,7 @@ const _e = "readium-column-snapper-style", hi = 200, vt = class C extends at {
         `, e.document.head.appendChild(r);
     const s = e.ResizeObserver || nt;
     this.resizeObserver = new s(() => e.requestAnimationFrame(() => {
-      e && Jt(e);
+      e && Kt(e);
     })), this.resizeObserver.observe(e.document.body), this.mutationObserver = new MutationObserver(() => {
       this.wnd.requestAnimationFrame(() => this.cachedScrollWidth = this.doc().scrollWidth);
     }), e.frameElement && this.mutationObserver.observe(e.frameElement, { attributes: !0, attributeFilter: ["style"] }), this.mutationObserver.observe(e.document, { attributes: !0, attributeFilter: ["style"] });
@@ -2268,7 +2294,7 @@ const _e = "readium-column-snapper-style", hi = 200, vt = class C extends at {
     }), t.register("go_text", C.moduleName, (o, a) => {
       let h;
       Array.isArray(o) && (o.length > 1 && (h = o[1]), o = o[0]);
-      const c = q.deserialize(o), d = Oe(this.wnd.document, new I({
+      const c = q.deserialize(o), d = Pe(this.wnd.document, new I({
         href: e.location.href,
         type: "text/html",
         text: c,
@@ -2326,37 +2352,37 @@ const _e = "readium-column-snapper-style", hi = 200, vt = class C extends at {
   }
   unmount(e, t) {
     var r;
-    return this.snappingCancelled = !0, t.unregisterAll(C.moduleName), this.resizeObserver.disconnect(), this.mutationObserver.disconnect(), e.removeEventListener("touchstart", this.onTouchStarter), e.removeEventListener("touchend", this.onTouchEnder), e.removeEventListener("touchmove", this.onTouchMover), e.removeEventListener("orientationchange", this.onWidthChanger), e.removeEventListener("resize", this.onWidthChanger), (r = e.document.getElementById(_e)) == null || r.remove(), t.log("ColumnSnapper Unmounted"), super.unmount(e, t);
+    return this.snappingCancelled = !0, t.unregisterAll(C.moduleName), this.resizeObserver.disconnect(), this.mutationObserver.disconnect(), e.removeEventListener("touchstart", this.onTouchStarter), e.removeEventListener("touchend", this.onTouchEnder), e.removeEventListener("touchmove", this.onTouchMover), e.removeEventListener("orientationchange", this.onWidthChanger), e.removeEventListener("resize", this.onWidthChanger), (r = e.document.getElementById(Ve)) == null || r.remove(), t.log("ColumnSnapper Unmounted"), super.unmount(e, t);
   }
 };
 vt.moduleName = "column_snapper";
-let ci = vt;
+let di = vt;
 const he = {
   top: "js-iframe-reader-top-anchor",
   bottom: "js-iframe-reader-bottom-anchor"
 };
-class di extends HTMLElement {
+class ui extends HTMLElement {
   connectedCallback() {
     this.setAttribute("aria-hidden", "true"), this.style.setProperty("display", "block", "important"), this.style.setProperty("padding", "0", "important"), this.style.setProperty("margin", "0", "important"), this.style.setProperty("visibility", "hidden", "important");
   }
 }
-function ui(i) {
+function pi(i) {
   const e = i.getElementsByTagName("body")[0], t = document.createElement("anchor-observer"), r = document.createElement("anchor-observer");
   t.dataset.readium = "true", r.dataset.readium = "true", t == null || t.setAttribute("id", he.top), t == null || t.style.setProperty("height", "115px", "important"), r == null || r.setAttribute("id", he.bottom), r == null || r.style.setProperty("height", "80px", "important"), e == null || e.insertBefore(t, e.firstChild), e == null || e.appendChild(r);
 }
-function pi(i) {
+function fi(i) {
   var s, n;
   const e = i.getElementsByTagName("body")[0], t = e == null ? void 0 : e.querySelector(`#${he.top}`), r = e == null ? void 0 : e.querySelector(`#${he.bottom}`);
   t && ((s = t.parentElement) == null || s.removeChild(t)), r && ((n = r.parentElement) == null || n.removeChild(r));
 }
-const je = "readium-scroll-snapper-style", yt = class M extends at {
+const Xe = "readium-scroll-snapper-style", yt = class M extends at {
   constructor() {
     super(...arguments), this.createAnchorElements = () => {
-      ui(this.doc());
-    }, this.removeAnchorElements = () => {
       pi(this.doc());
+    }, this.removeAnchorElements = () => {
+      fi(this.doc());
     }, this.createCustomElement = () => {
-      customElements.get("anchor-observer") || customElements.define("anchor-observer", di);
+      customElements.get("anchor-observer") || customElements.define("anchor-observer", ui);
     };
   }
   doc() {
@@ -2366,9 +2392,9 @@ const je = "readium-scroll-snapper-style", yt = class M extends at {
     this.comms.send("progress", e);
   }
   mount(e, t) {
-    this.wnd = e, this.comms = t;
+    this.wnd = e, this.comms = t, e.navigator.epubReadingSystem.layoutStyle = "scrolling";
     const r = e.document.createElement("style");
-    return r.dataset.readium = "true", r.id = je, r.textContent = `
+    return r.dataset.readium = "true", r.id = Xe, r.textContent = `
         * {
             scrollbar-width: none; /* for Firefox */
         }
@@ -2385,7 +2411,7 @@ const je = "readium-scroll-snapper-style", yt = class M extends at {
         return;
       }
       this.wnd.requestAnimationFrame(() => {
-        this.doc().scrollTop = this.doc().offsetHeight * o, this.reportProgress(o), T(this.wnd), n(!0);
+        this.doc().scrollTop = this.doc().offsetHeight * o, this.reportProgress({ progress: o, reference: this.wnd.innerHeight / this.doc().scrollHeight }), T(this.wnd), n(!0);
       });
     }), t.register("go_id", M.moduleName, (s, n) => {
       const o = e.document.getElementById(s);
@@ -2394,12 +2420,14 @@ const je = "readium-scroll-snapper-style", yt = class M extends at {
         return;
       }
       this.wnd.requestAnimationFrame(() => {
-        this.doc().scrollTop = o.getBoundingClientRect().top + e.scrollY - e.innerHeight / 2, this.reportProgress(this.doc().scrollTop / this.doc().offsetHeight), T(this.wnd), n(!0);
+        this.doc().scrollTop = o.getBoundingClientRect().top + e.scrollY - e.innerHeight / 2;
+        const a = this.doc().scrollTop / this.doc().offsetHeight;
+        this.reportProgress({ progress: a, reference: this.wnd.innerHeight / this.doc().scrollHeight }), T(this.wnd), n(!0);
       });
     }), t.register("go_text", M.moduleName, (s, n) => {
       let o;
       Array.isArray(s) && (s.length > 1 && (o = s[1]), s = s[0]);
-      const a = q.deserialize(s), h = Oe(this.wnd.document, new I({
+      const a = q.deserialize(s), h = Pe(this.wnd.document, new I({
         href: e.location.href,
         type: "text/html",
         text: a,
@@ -2414,23 +2442,26 @@ const je = "readium-scroll-snapper-style", yt = class M extends at {
         return;
       }
       this.wnd.requestAnimationFrame(() => {
-        this.doc().scrollTop = h.getBoundingClientRect().top + e.scrollY - e.innerHeight / 2, this.reportProgress(this.doc().scrollTop / this.doc().offsetHeight), T(this.wnd), n(!0);
+        this.doc().scrollTop = h.getBoundingClientRect().top + e.scrollY - e.innerHeight / 2;
+        const c = this.doc().scrollTop / this.doc().offsetHeight;
+        this.reportProgress({ progress: c, reference: this.wnd.innerHeight / this.doc().scrollHeight }), T(this.wnd), n(!0);
       });
     }), t.register("go_start", M.moduleName, (s, n) => {
       if (this.doc().scrollTop === 0)
         return n(!1);
-      this.doc().scrollTop = 0, this.reportProgress(0), n(!0);
+      this.doc().scrollTop = 0, this.reportProgress({ progress: 0, reference: this.wnd.innerHeight / this.doc().scrollHeight }), n(!0);
     }), t.register("go_end", M.moduleName, (s, n) => {
       if (this.doc().scrollTop === 0)
         return n(!1);
-      this.doc().scrollTop = 0, this.reportProgress(0), n(!0);
+      this.doc().scrollTop = 0, this.reportProgress({ progress: 0, reference: this.wnd.innerHeight / this.doc().scrollHeight }), n(!0);
     }), t.register("unfocus", M.moduleName, (s, n) => {
       T(this.wnd), n(!0);
     }), t.register([
       "go_next",
       "go_prev"
     ], M.moduleName, (s, n) => n(!1)), t.register("focus", M.moduleName, (s, n) => {
-      this.reportProgress(this.doc().scrollTop / this.doc().offsetHeight), n(!0);
+      const o = this.doc().scrollTop / this.doc().offsetHeight;
+      this.reportProgress({ progress: o, reference: this.wnd.innerHeight / this.doc().scrollHeight }), n(!0);
     }), t.register("first_visible_locator", M.moduleName, (s, n) => {
       const o = mt(e, !0);
       this.comms.send("first_visible_locator", o.serialize()), n(!0);
@@ -2438,11 +2469,11 @@ const je = "readium-scroll-snapper-style", yt = class M extends at {
   }
   unmount(e, t) {
     var r;
-    return t.unregisterAll(M.moduleName), this.removeAnchorElements(), (r = e.document.getElementById(je)) == null || r.remove(), t.log("ScrollSnapper Unmounted"), !0;
+    return t.unregisterAll(M.moduleName), this.removeAnchorElements(), (r = e.document.getElementById(Xe)) == null || r.remove(), t.log("ScrollSnapper Unmounted"), !0;
   }
 };
 yt.moduleName = "scroll_snapper";
-let fi = yt;
+let mi = yt;
 class bt extends ce {
   constructor() {
     super(...arguments), this.pointerMoved = !1, this.onPointerUp = this.onPointUp.bind(this), this.onPointerMove = this.onPointMove.bind(this), this.onPointerDown = this.onPointDown.bind(this), this.onContextMenu = this.onContext.bind(this), this.onClicker = this.onClick.bind(this);
@@ -2565,7 +2596,33 @@ const Et = class ve extends ce {
       "error",
       this.wndOnErr,
       !1
-    ), "getAnimations" in e.document && e.document.getAnimations().forEach((s) => {
+    ), Reflect.defineProperty(e.navigator, "epubReadingSystem", {
+      value: {
+        name: "readium-ts-toolkit",
+        version: "1.3.1",
+        hasFeature: (s, n = "") => {
+          switch (s) {
+            case "dom-manipulation":
+              return !0;
+            case "layout-changes":
+              return !0;
+            case "touch-events":
+              return !0;
+            case "mouse-events":
+              return !0;
+            case "keyboard-events":
+              return !0;
+            case "spine-scripting":
+              return !0;
+            case "embedded-web-content":
+              return !0;
+            default:
+              return !1;
+          }
+        }
+      },
+      writable: !1
+    }), "getAnimations" in e.document && e.document.getAnimations().forEach((s) => {
       s.cancel(), this.allAnimations.add(s);
     }), t.register("activate", ve.moduleName, (s, n) => {
       this.allAnimations.forEach((o) => {
@@ -2591,7 +2648,7 @@ const Et = class ve extends ce {
 };
 Et.moduleName = "setup";
 let xt = Et;
-function mi(i, e) {
+function gi(i, e) {
   return i.document.documentElement.style.getPropertyValue(e);
 }
 function ye(i, e, t) {
@@ -2600,7 +2657,7 @@ function ye(i, e, t) {
 function wt(i, e) {
   i.document.documentElement.style.removeProperty(e);
 }
-const Ge = "readium-viewport", Tt = class V extends xt {
+const Ge = "readium-viewport", Tt = class j extends xt {
   onViewportWidthChanged(e) {
     const t = e.target;
     ye(t, "--RS__viewportWidth", `${t.innerWidth}px`);
@@ -2614,26 +2671,27 @@ const Ge = "readium-viewport", Tt = class V extends xt {
       "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no"
     ), e.document.head.appendChild(r), e.addEventListener("orientationchange", this.onViewportWidthChanged), e.addEventListener("resize", this.onViewportWidthChanged), this.onViewportWidthChanged({
       target: e
-    }), t.register("set_property", V.moduleName, (s, n) => {
+    }), t.register("set_property", j.moduleName, (s, n) => {
       const o = s;
       ye(e, o[0], o[1]), n(!0);
-    }), t.register("remove_property", V.moduleName, (s, n) => {
+    }), t.register("remove_property", j.moduleName, (s, n) => {
       wt(e, s), n(!0);
-    }), t.register("activate", V.moduleName, (s, n) => {
+    }), t.register("activate", j.moduleName, (s, n) => {
       this.unblock(e), n(!0);
     }), t.log("ReflowableSetup Mounted"), !0;
   }
   unmount(e, t) {
     var r;
-    return t.unregisterAll(V.moduleName), (r = e.document.head.querySelector(`#${Ge}`)) == null || r.remove(), e.removeEventListener("orientationchange", this.onViewportWidthChanged), t.log("ReflowableSetup Unmounted"), super.unmount(e, t);
+    return t.unregisterAll(j.moduleName), (r = e.document.head.querySelector(`#${Ge}`)) == null || r.remove(), e.removeEventListener("orientationchange", this.onViewportWidthChanged), t.log("ReflowableSetup Unmounted"), super.unmount(e, t);
   }
 };
 Tt.moduleName = "reflowable_setup";
-let gi = Tt;
+let vi = Tt;
 const Ye = "readium-fixed-style", St = class L extends xt {
   mount(e, t) {
     if (!super.mount(e, t))
       return !1;
+    e.navigator.epubReadingSystem.layoutStyle = "paginated";
     const r = e.document.createElement("style");
     return r.id = Ye, r.dataset.readium = "true", r.textContent = `
         html, body {
@@ -2673,8 +2731,8 @@ const Ye = "readium-fixed-style", St = class L extends xt {
   }
 };
 St.moduleName = "fixed_setup";
-let vi = St;
-function yi(i, e) {
+let yi = St;
+function bi(i, e) {
   let t = i.getClientRects();
   t.length || i.commonAncestorContainer.nodeType === Node.ELEMENT_NODE && (t = i.commonAncestorContainer.getClientRects());
   const r = 1, s = [];
@@ -2691,7 +2749,7 @@ function yi(i, e) {
     s,
     r,
     e
-  ), o = Ei(n, r), a = Pt(o), h = 2 * 2;
+  ), o = xi(n, r), a = Ot(o), h = 2 * 2;
   for (let c = a.length - 1; c >= 0; c--) {
     const d = a[c];
     if (!(d.width * d.height > h))
@@ -2709,8 +2767,8 @@ function Ct(i, e, t) {
       if (n === o)
         continue;
       const a = A(n.top, o.top, e) && A(n.bottom, o.bottom, e), h = A(n.left, o.left, e) && A(n.right, o.right, e);
-      if ((h && !t || a && !h) && Ot(n, o, e)) {
-        const u = i.filter((v) => v !== n && v !== o), f = bi(n, o);
+      if ((h && !t || a && !h) && Pt(n, o, e)) {
+        const u = i.filter((v) => v !== n && v !== o), f = Ei(n, o);
         return u.push(f), Ct(
           u,
           e,
@@ -2720,7 +2778,7 @@ function Ct(i, e, t) {
     }
   return i;
 }
-function bi(i, e) {
+function Ei(i, e) {
   const t = Math.min(i.left, e.left), r = Math.max(i.right, e.right), s = Math.min(i.top, e.top), n = Math.max(i.bottom, e.bottom);
   return {
     bottom: n,
@@ -2731,7 +2789,7 @@ function bi(i, e) {
     width: r - t
   };
 }
-function Ei(i, e) {
+function xi(i, e) {
   const t = new Set(i);
   for (const r of i) {
     if (!(r.width > 1 && r.height > 1)) {
@@ -2739,24 +2797,24 @@ function Ei(i, e) {
       continue;
     }
     for (const n of i)
-      if (r !== n && t.has(n) && xi(n, r, e)) {
+      if (r !== n && t.has(n) && wi(n, r, e)) {
         t.delete(r);
         break;
       }
   }
   return Array.from(t);
 }
-function xi(i, e, t) {
+function wi(i, e, t) {
   return ie(i, e.left, e.top, t) && ie(i, e.right, e.top, t) && ie(i, e.left, e.bottom, t) && ie(i, e.right, e.bottom, t);
 }
 function ie(i, e, t, r) {
   return (i.left < e || A(i.left, e, r)) && (i.right > e || A(i.right, e, r)) && (i.top < t || A(i.top, t, r)) && (i.bottom > t || A(i.bottom, t, r));
 }
-function Pt(i) {
+function Ot(i) {
   for (let e = 0; e < i.length; e++)
     for (let t = e + 1; t < i.length; t++) {
       const r = i[e], s = i[t];
-      if (r !== s && Ot(r, s, -1)) {
+      if (r !== s && Pt(r, s, -1)) {
         let n = [], o;
         const a = Ze(r, s);
         if (a.length === 1)
@@ -2766,13 +2824,13 @@ function Pt(i) {
           a.length < c.length ? (n = a, o = r) : (n = c, o = s);
         }
         const h = i.filter((c) => c !== o);
-        return Array.prototype.push.apply(h, n), Pt(h);
+        return Array.prototype.push.apply(h, n), Ot(h);
       }
     }
   return i;
 }
 function Ze(i, e) {
-  const t = wi(e, i);
+  const t = Ti(e, i);
   if (t.height === 0 || t.width === 0)
     return [i];
   const r = [];
@@ -2822,7 +2880,7 @@ function Ze(i, e) {
   }
   return r;
 }
-function wi(i, e) {
+function Ti(i, e) {
   const t = Math.max(i.left, e.left), r = Math.min(i.right, e.right), s = Math.max(i.top, e.top), n = Math.min(i.bottom, e.bottom);
   return {
     bottom: n,
@@ -2833,21 +2891,21 @@ function wi(i, e) {
     width: Math.max(0, r - t)
   };
 }
-function Ot(i, e, t) {
+function Pt(i, e, t) {
   return (i.left < e.right || t >= 0 && A(i.left, e.right, t)) && (e.left < i.right || t >= 0 && A(e.left, i.right, t)) && (i.top < e.bottom || t >= 0 && A(i.top, e.bottom, t)) && (e.top < i.bottom || t >= 0 && A(e.top, i.bottom, t));
 }
 function A(i, e, t) {
   return Math.abs(i - e) <= t;
 }
-const Ti = window.ResizeObserver || nt, Si = "Highlight" in window, Ke = ["IMG", "IMAGE", "AUDIO", "VIDEO", "SVG"];
-class Ci {
+const Si = window.ResizeObserver || nt, Ci = "Highlight" in window, Je = ["IMG", "IMAGE", "AUDIO", "VIDEO", "SVG"];
+class Oi {
   /**
    * Creates a DecorationGroup object
    * @param id Unique HTML ID-adhering name of the group
    * @param name Human-readable name of the group
    */
   constructor(e, t, r, s) {
-    this.wnd = e, this.comms = t, this.id = r, this.name = s, this.items = [], this.lastItemId = 0, this.container = void 0, this.activateable = !1, this.experimentalHighlights = !1, this.currentRender = 0, Si && (this.experimentalHighlights = !0, this.notTextFlag = /* @__PURE__ */ new Map());
+    this.wnd = e, this.comms = t, this.id = r, this.name = s, this.items = [], this.lastItemId = 0, this.container = void 0, this.activateable = !1, this.experimentalHighlights = !1, this.currentRender = 0, Ci && (this.experimentalHighlights = !0, this.notTextFlag = /* @__PURE__ */ new Map());
   }
   get activeable() {
     return this.activateable;
@@ -2861,13 +2919,13 @@ class Ci {
    */
   add(e) {
     var o, a, h, c;
-    const t = `${this.id}-${this.lastItemId++}`, r = Oe(this.wnd.document, e.locator);
+    const t = `${this.id}-${this.lastItemId++}`, r = Pe(this.wnd.document, e.locator);
     if (!r) {
       this.comms.log("Can't locate DOM range for decoration", e);
       return;
     }
     const s = r.commonAncestorContainer;
-    s.nodeType !== Node.TEXT_NODE && this.experimentalHighlights && (Ke.includes(s.nodeName.toUpperCase()) && ((o = this.notTextFlag) == null || o.set(t, !0)), s.querySelector(Ke.join(", ").toLowerCase()) && ((a = this.notTextFlag) == null || a.set(t, !0)), (((h = s.textContent) == null ? void 0 : h.trim()) || "").length === 0 && ((c = this.notTextFlag) == null || c.set(t, !0)));
+    s.nodeType !== Node.TEXT_NODE && this.experimentalHighlights && (Je.includes(s.nodeName.toUpperCase()) && ((o = this.notTextFlag) == null || o.set(t, !0)), s.querySelector(Je.join(", ").toLowerCase()) && ((a = this.notTextFlag) == null || a.set(t, !0)), (((h = s.textContent) == null ? void 0 : h.trim()) || "").length === 0 && ((c = this.notTextFlag) == null || c.set(t, !0)));
     const n = {
       decoration: e,
       id: t,
@@ -2935,15 +2993,15 @@ class Ci {
       getComputedStyle(this.wnd.document.documentElement).getPropertyValue(
         "column-count"
       )
-    ), n = r / (s || 1), o = this.wnd.document.scrollingElement, a = o.scrollLeft, h = o.scrollTop, c = (m, E, O) => {
-      var Y, Z, B, D, K, J;
+    ), n = r / (s || 1), o = this.wnd.document.scrollingElement, a = o.scrollLeft, h = o.scrollTop, c = (m, E, P) => {
+      var Y, Z, D, B, J, K;
       if (m.style.position = "absolute", ((Z = (Y = e.decoration) == null ? void 0 : Y.style) == null ? void 0 : Z.width) === "viewport") {
         m.style.width = `${r}px`, m.style.height = `${E.height}px`;
         let U = Math.floor(E.left / r) * r;
         m.style.left = `${U + a}px`, m.style.top = `${E.top + h}px`;
-      } else if (((D = (B = e.decoration) == null ? void 0 : B.style) == null ? void 0 : D.width) === "bounds")
-        m.style.width = `${O.width}px`, m.style.height = `${E.height}px`, m.style.left = `${O.left + a}px`, m.style.top = `${E.top + h}px`;
-      else if (((J = (K = e.decoration) == null ? void 0 : K.style) == null ? void 0 : J.width) === "page") {
+      } else if (((B = (D = e.decoration) == null ? void 0 : D.style) == null ? void 0 : B.width) === "bounds")
+        m.style.width = `${P.width}px`, m.style.height = `${E.height}px`, m.style.left = `${P.left + a}px`, m.style.top = `${E.top + h}px`;
+      else if (((K = (J = e.decoration) == null ? void 0 : J.style) == null ? void 0 : K.width) === "page") {
         m.style.width = `${n}px`, m.style.height = `${E.height}px`;
         let U = Math.floor(E.left / n) * n;
         m.style.left = `${U + a}px`, m.style.top = `${E.top + h}px`;
@@ -2951,7 +3009,7 @@ class Ci {
         m.style.width = `${E.width}px`, m.style.height = `${E.height}px`, m.style.left = `${E.left + a}px`, m.style.top = `${E.top + h}px`;
     }, d = e.range.getBoundingClientRect();
     let p = this.wnd.document.createElement("template");
-    const u = mi(this.wnd, "--USER__appearance") === "readium-night-on";
+    const u = gi(this.wnd, "--USER__appearance") === "readium-night-on";
     p.innerHTML = `
         <div
             class="r2-highlight-0"
@@ -2970,15 +3028,15 @@ class Ci {
       const m = f.cloneNode(!0);
       m.style.setProperty("pointer-events", "none"), c(m, d, d), t.append(m);
     } else {
-      let m = yi(
+      let m = bi(
         e.range,
         !0
         // doNotMergeHorizontallyAlignedRects
       );
-      m = m.sort((E, O) => E.top < O.top ? -1 : E.top > O.top ? 1 : 0);
+      m = m.sort((E, P) => E.top < P.top ? -1 : E.top > P.top ? 1 : 0);
       for (let E of m) {
-        const O = f.cloneNode(!0);
-        O.style.setProperty("pointer-events", "none"), c(O, E, d), t.append(O);
+        const P = f.cloneNode(!0);
+        P.style.setProperty("pointer-events", "none"), c(P, E, d), t.append(P);
       }
     }
     e.container = t, e.clickableElements = Array.from(
@@ -3032,7 +3090,7 @@ const At = class be extends ce {
   mount(e, t) {
     return this.wnd = e, t.register("decorate", be.moduleName, (r, s) => {
       const n = r;
-      n.decoration && n.decoration.locator && (n.decoration.locator = I.deserialize(n.decoration.locator)), this.groups.has(n.group) || this.groups.set(n.group, new Ci(
+      n.decoration && n.decoration.locator && (n.decoration.locator = I.deserialize(n.decoration.locator)), this.groups.has(n.group) || this.groups.set(n.group, new Oi(
         e,
         t,
         `readium-decoration-${this.lastGroupId++}`,
@@ -3054,7 +3112,7 @@ const At = class be extends ce {
           break;
       }
       s(!0);
-    }), this.resizeObserver = new Ti(() => e.requestAnimationFrame(() => this.handleResize())), this.resizeObserver.observe(e.document.body), e.addEventListener("orientationchange", this.handleResizer), e.addEventListener("resize", this.handleResizer), t.log("Decorator Mounted"), !0;
+    }), this.resizeObserver = new Si(() => e.requestAnimationFrame(() => this.handleResize())), this.resizeObserver.observe(e.document.body), e.addEventListener("orientationchange", this.handleResizer), e.addEventListener("resize", this.handleResizer), t.log("Decorator Mounted"), !0;
   }
   unmount(e, t) {
     return e.removeEventListener("orientationchange", this.handleResizer), e.removeEventListener("resize", this.handleResizer), t.unregisterAll(be.moduleName), this.resizeObserver.disconnect(), this.cleanup(), t.log("Decorator Unmounted"), !0;
@@ -3062,32 +3120,32 @@ const At = class be extends ce {
 };
 At.moduleName = "decorator";
 let Pi = At;
-const Oi = [
+const Ai = [
   "fixed_setup",
   "decorator",
   "peripherals"
-], Ai = [
+], Mi = [
   "reflowable_setup",
   "decorator",
   "peripherals",
   "column_snapper",
   "scroll_snapper"
-], Je = new Map([
+], Ke = new Map([
   // All modules go here
+  yi,
   vi,
-  gi,
   bt,
   Pi,
-  ci,
-  fi
+  di,
+  mi
 ].map((i) => [i.moduleName, i]));
-class Mi {
+class Ri {
   /**
    * @param wnd Window instance to operate on
    * @param initialModules List of initial modules to load
    */
   constructor(e = window, t = []) {
-    this.loadedModules = [], this.wnd = e, this.comms = new Rt(e);
+    this.loadedModules = [], this.wnd = e, this.comms = new Nt(e);
     const r = [...new Set(t)];
     if (r.length) {
       if (typeof e > "u")
@@ -3100,7 +3158,7 @@ class Mi {
     }
   }
   loadModule(e) {
-    const t = Je.get(e);
+    const t = Ke.get(e);
     return t === void 0 ? (this.comms.log(`Module "${name}" does not exist in the library`), t) : new t();
   }
   /**
@@ -3118,7 +3176,7 @@ class Mi {
    * @returns Success
    */
   removeModule(e) {
-    const t = Je.get(e);
+    const t = Ke.get(e);
     if (t === void 0)
       return this.comms.log(`Module "${e}" does not exist in the library`), !1;
     const r = this.loadedModules.findIndex((s) => s instanceof t);
@@ -3132,13 +3190,13 @@ class Mi {
   }
 }
 export {
-  X as COMMS_VERSION,
-  Rt as Comms,
-  Oi as FXLModules,
-  Mi as Loader,
+  _ as COMMS_VERSION,
+  Nt as Comms,
+  Ai as FXLModules,
+  Ri as Loader,
   ce as Module,
-  Je as ModuleLibrary,
+  Ke as ModuleLibrary,
   bt as Peripherals,
-  Ai as ReflowableModules,
-  Nt as mid
+  Mi as ReflowableModules,
+  Rt as mid
 };