@readium/navigator-html-injectables 1.2.0 → 1.3.2

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
@@ -95,341 +95,7 @@ class Rt {
     }
   }
 }
-class ce {
-}
-var F = [], Lt = function() {
-  return F.some(function(i) {
-    return i.activeTargets.length > 0;
-  });
-}, zt = function() {
-  return F.some(function(i) {
-    return i.skippedTargets.length > 0;
-  });
-}, Me = "ResizeObserver loop completed with undelivered notifications.", It = function() {
-  var i;
-  typeof ErrorEvent == "function" ? i = new ErrorEvent("error", {
-    message: Me
-  }) : (i = document.createEvent("Event"), i.initEvent("error", !1, !1), i.message = Me), window.dispatchEvent(i);
-}, G;
-(function(i) {
-  i.BORDER_BOX = "border-box", i.CONTENT_BOX = "content-box", i.DEVICE_PIXEL_CONTENT_BOX = "device-pixel-content-box";
-})(G || (G = {}));
-var k = function(i) {
-  return Object.freeze(i);
-}, Bt = function() {
-  function i(e, t) {
-    this.inlineSize = e, this.blockSize = t, k(this);
-  }
-  return i;
-}(), Qe = function() {
-  function i(e, t, r, s) {
-    return this.x = e, this.y = t, this.width = r, this.height = s, this.top = this.y, this.left = this.x, this.bottom = this.top + this.height, this.right = this.left + this.width, k(this);
-  }
-  return i.prototype.toJSON = function() {
-    var e = this, t = e.x, r = e.y, s = e.top, n = e.right, o = e.bottom, a = e.left, h = e.width, c = e.height;
-    return { x: t, y: r, top: s, right: n, bottom: o, left: a, width: h, height: c };
-  }, i.fromRect = function(e) {
-    return new i(e.x, e.y, e.width, e.height);
-  }, i;
-}(), Ee = function(i) {
-  return i instanceof SVGElement && "getBBox" in i;
-}, et = function(i) {
-  if (Ee(i)) {
-    var e = i.getBBox(), t = e.width, r = e.height;
-    return !t && !r;
-  }
-  var s = i, n = s.offsetWidth, o = s.offsetHeight;
-  return !(n || o || i.getClientRects().length);
-}, Ne = 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) {
-  switch (i.tagName) {
-    case "INPUT":
-      if (i.type !== "image")
-        break;
-    case "VIDEO":
-    case "AUDIO":
-    case "EMBED":
-    case "OBJECT":
-    case "CANVAS":
-    case "IFRAME":
-    case "IMG":
-      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) {
-  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);
-}, Le = k({
-  devicePixelContentBoxSize: $(),
-  borderBoxSize: $(),
-  contentBoxSize: $(),
-  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)
-  });
-  return Q.set(i, U), U;
-}, it = function(i, e, t) {
-  var r = tt(i, t), s = r.borderBoxSize, n = r.contentBoxSize, o = r.devicePixelContentBoxSize;
-  switch (e) {
-    case G.DEVICE_PIXEL_CONTENT_BOX:
-      return o;
-    case G.BORDER_BOX:
-      return s;
-    default:
-      return n;
-  }
-}, kt = function() {
-  function i(e) {
-    var t = tt(e);
-    this.target = e, this.contentRect = t.contentRect, this.borderBoxSize = k([t.borderBoxSize]), this.contentBoxSize = k([t.contentBoxSize]), this.devicePixelContentBoxSize = k([t.devicePixelContentBoxSize]);
-  }
-  return i;
-}(), rt = function(i) {
-  if (et(i))
-    return 1 / 0;
-  for (var e = 0, t = i.parentNode; t; )
-    e += 1, t = t.parentNode;
-  return e;
-}, Ut = function() {
-  var i = 1 / 0, e = [];
-  F.forEach(function(o) {
-    if (o.activeTargets.length !== 0) {
-      var a = [];
-      o.activeTargets.forEach(function(c) {
-        var d = new kt(c.target), p = rt(c.target);
-        a.push(d), c.lastReportedSize = it(c.target, c.observedBox), p < i && (i = p);
-      }), e.push(function() {
-        o.callback.call(o.observer, a, o.observer);
-      }), o.activeTargets.splice(0, o.activeTargets.length);
-    }
-  });
-  for (var t = 0, r = e; t < r.length; t++) {
-    var s = r[t];
-    s();
-  }
-  return i;
-}, ze = function(i) {
-  F.forEach(function(t) {
-    t.activeTargets.splice(0, t.activeTargets.length), t.skippedTargets.splice(0, t.skippedTargets.length), t.observationTargets.forEach(function(s) {
-      s.isActive() && (rt(s.target) > i ? t.activeTargets.push(s) : t.skippedTargets.push(s));
-    });
-  });
-}, $t = function() {
-  var i = 0;
-  for (ze(i); Lt(); )
-    i = Ut(), ze(i);
-  return zt() && It(), i > 0;
-}, de, st = [], Ht = function() {
-  return st.splice(0).forEach(function(i) {
-    return i();
-  });
-}, qt = function(i) {
-  if (!de) {
-    var e = 0, t = document.createTextNode(""), r = { characterData: !0 };
-    new MutationObserver(function() {
-      return Ht();
-    }).observe(t, r), de = function() {
-      t.textContent = "".concat(e ? e-- : e++);
-    };
-  }
-  st.push(i), de();
-}, Xt = function(i) {
-  qt(function() {
-    requestAnimationFrame(i);
-  });
-}, re = 0, Vt = function() {
-  return !!re;
-}, _t = 250, jt = { attributes: !0, characterData: !0, childList: !0, subtree: !0 }, Ie = [
-  "resize",
-  "load",
-  "transitionend",
-  "animationend",
-  "animationstart",
-  "animationiteration",
-  "keyup",
-  "keydown",
-  "mouseup",
-  "mousedown",
-  "mouseover",
-  "mouseout",
-  "blur",
-  "focus"
-], Be = function(i) {
-  return i === void 0 && (i = 0), Date.now() + i;
-}, ue = !1, Gt = function() {
-  function i() {
-    var e = this;
-    this.stopped = !0, this.listener = function() {
-      return e.schedule();
-    };
-  }
-  return i.prototype.run = function(e) {
-    var t = this;
-    if (e === void 0 && (e = _t), !ue) {
-      ue = !0;
-      var r = Be(e);
-      Xt(function() {
-        var s = !1;
-        try {
-          s = $t();
-        } finally {
-          if (ue = !1, e = r - Be(), !Vt())
-            return;
-          s ? t.run(1e3) : e > 0 ? t.run(e) : t.start();
-        }
-      });
-    }
-  }, i.prototype.schedule = function() {
-    this.stop(), this.run();
-  }, i.prototype.observe = function() {
-    var e = this, t = function() {
-      return e.observer && e.observer.observe(document.body, jt);
-    };
-    document.body ? t() : _.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);
-    }));
-  }, i.prototype.stop = function() {
-    var e = this;
-    this.stopped || (this.observer && this.observer.disconnect(), Ie.forEach(function(t) {
-      return _.removeEventListener(t, e.listener, !0);
-    }), this.stopped = !0);
-  }, i;
-}(), fe = new Gt(), De = function(i) {
-  !re && i > 0 && fe.start(), re += i, !re && fe.stop();
-}, Yt = function(i) {
-  return !Ee(i) && !Dt(i) && getComputedStyle(i).display === "inline";
-}, Zt = function() {
-  function i(e, t) {
-    this.target = e, this.observedBox = t || G.CONTENT_BOX, this.lastReportedSize = {
-      inlineSize: 0,
-      blockSize: 0
-    };
-  }
-  return i.prototype.isActive = function() {
-    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() {
-  function i(e, t) {
-    this.activeTargets = [], this.skippedTargets = [], this.observationTargets = [], this.observer = e, this.callback = t;
-  }
-  return i;
-}(), ee = /* @__PURE__ */ new WeakMap(), We = function(i, e) {
-  for (var t = 0; t < i.length; t += 1)
-    if (i[t].target === e)
-      return t;
-  return -1;
-}, te = function() {
-  function i() {
-  }
-  return i.connect = function(e, t) {
-    var r = new Kt(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());
-  }, 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));
-  }, i.disconnect = function(e) {
-    var t = this, r = ee.get(e);
-    r.observationTargets.slice().forEach(function(s) {
-      return t.unobserve(e, s.target);
-    }), r.activeTargets.splice(0, r.activeTargets.length);
-  }, i;
-}(), nt = function() {
-  function i(e) {
-    if (arguments.length === 0)
-      throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");
-    if (typeof e != "function")
-      throw new TypeError("Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.");
-    te.connect(this, e);
-  }
-  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))
-      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))
-      throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");
-    te.unobserve(this, e);
-  }, i.prototype.disconnect = function() {
-    te.disconnect(this);
-  }, i.toString = function() {
-    return "function ResizeObserver () { [polyfill code] }";
-  }, i;
-}();
-const Fe = "readium-snapper-style", ot = class me extends ce {
-  constructor() {
-    super(...arguments), this.protected = !1;
-  }
-  buildStyles() {
-    return `
-        html, body {
-            touch-action: manipulation;
-            user-select: ${this.protected ? "none" : "auto"};
-        }`;
-  }
-  mount(e, t) {
-    const r = e.document.createElement("style");
-    return r.dataset.readium = "true", r.id = Fe, r.textContent = this.buildStyles(), e.document.head.appendChild(r), t.register("protect", me.moduleName, (s, n) => {
-      this.protected = !0, r.textContent = this.buildStyles(), n(!0);
-    }), t.register("unprotect", me.moduleName, (s, n) => {
-      this.protected = !1, r.textContent = this.buildStyles(), n(!0);
-    }), t.log("Snapper Mounted"), !0;
-  }
-  unmount(e, t) {
-    var r;
-    return (r = e.document.getElementById(Fe)) == null || r.remove(), t.log("Snapper Unmounted"), !0;
-  }
-};
-ot.moduleName = "snapper";
-let at = ot;
-function W(i) {
-  return i.document.body.dir.toLowerCase() === "rtl";
-}
-function lt(i) {
-  return parseInt(
-    i.getComputedStyle(
-      i.document.documentElement
-    ).getPropertyValue("column-count")
-  );
-}
-function Jt(i) {
-  const e = "readium-virtual-page";
-  let t = i.document.getElementById(e);
-  if (lt(i) !== 2)
-    t && t.remove();
-  else {
-    const s = i.document.scrollingElement.scrollWidth / i.innerWidth;
-    Math.round(s * 2) / 2 % 1 > 0.1 && (t ? t.remove() : (t = i.document.createElement("div"), t.setAttribute("id", e), t.dataset.readium = "true", t.style.breakBefore = "column", t.innerHTML = "&#8203;", i.document.body.appendChild(t)));
-  }
-}
-function Qt(i) {
-  return i < 0.5 ? 2 * i * i : -1 + (4 - 2 * i) * i;
-}
-class xe {
+class Ee {
   /**
    * Creates a [Encryption].
    */
@@ -441,7 +107,7 @@ class xe {
    */
   static deserialize(e) {
     if (e && e.algorithm)
-      return new xe({
+      return new Ee({
         algorithm: e.algorithm,
         compression: e.compression,
         originalLength: e.originalLength,
@@ -486,7 +152,7 @@ class b {
 }
 Object.defineProperty(b.prototype, "encryption", {
   get: function() {
-    return xe.deserialize(this.otherProperties.encrypted);
+    return Ee.deserialize(this.otherProperties.encrypted);
   }
 });
 b.prototype.getContains = function() {
@@ -506,22 +172,22 @@ class l {
     } else
       throw new Error("Invalid media type");
     const o = {};
-    for (let u = 1; u < s.length; u++) {
-      const f = s[u].split("=");
+    for (let d = 1; d < s.length; d++) {
+      const f = s[d].split("=");
       if (f.length === 2) {
         const v = f[0].toLocaleLowerCase(), g = v === "charset" ? f[1].toUpperCase() : f[1];
         o[v] = g;
       }
     }
     const a = {}, h = Object.keys(o);
-    h.sort((u, f) => u.localeCompare(f)), h.forEach((u) => a[u] = o[u]);
+    h.sort((d, f) => d.localeCompare(f)), h.forEach((d) => a[d] = o[d]);
     let c = "";
-    for (const u in a) {
-      const f = a[u];
-      c += `;${u}=${f}`;
+    for (const d in a) {
+      const f = a[d];
+      c += `;${d}=${f}`;
     }
-    const d = `${t}/${r}${c}`, p = a.encoding;
-    this.string = d, this.type = t, this.subtype = r, this.parameters = a, this.encoding = p, this.name = e.name, this.fileExtension = e.fileExtension;
+    const u = `${t}/${r}${c}`, p = a.encoding;
+    this.string = u, this.type = t, this.subtype = r, this.parameters = a, this.encoding = p, this.name = e.name, this.fileExtension = e.fileExtension;
   }
   static parse(e) {
     return new l(e);
@@ -843,6 +509,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",
@@ -929,7 +616,7 @@ class l {
     });
   }
 }
-class ke {
+class Me {
   constructor(e) {
     this.uri = e, this.parameters = this.getParameters(e);
   }
@@ -957,22 +644,22 @@ class ke {
     return this.uri.replace(/\{(\??)([^}]+)\}/g, (...s) => s[1] ? r(s[2]) : t(s[2]));
   }
 }
-function ei(i) {
+function Lt(i) {
   return i && i instanceof Array ? i : void 0;
 }
-function ht(i) {
-  return i && typeof i == "string" ? [i] : ei(i);
+function Qe(i) {
+  return i && typeof i == "string" ? [i] : Lt(i);
 }
-function Ue(i) {
+function Re(i) {
   return typeof i == "string" ? new Date(i) : void 0;
 }
-function se(i) {
+function re(i) {
   return isNaN(i) ? void 0 : i;
 }
-function P(i) {
-  return se(i) !== void 0 && Math.sign(i) >= 0 ? i : void 0;
+function O(i) {
+  return re(i) !== void 0 && Math.sign(i) >= 0 ? i : void 0;
 }
-function ti(i) {
+function zt(i) {
   const e = new Array();
   return i.forEach((t) => e.push(t)), e;
 }
@@ -989,7 +676,7 @@ class w {
   static deserialize(e) {
     if (!e)
       return;
-    const t = se(e.progression), r = se(e.totalProgression), s = se(e.position), n = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set([
+    const t = re(e.progression), r = re(e.totalProgression), s = re(e.position), n = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set([
       "fragment",
       "fragments",
       "progression",
@@ -999,7 +686,7 @@ class w {
     return Object.entries(e).forEach(([a, h]) => {
       o.has(a) || n.set(a, h);
     }), new w({
-      fragments: ht(e.fragments || e.fragment),
+      fragments: Qe(e.fragments || e.fragment),
       progression: t !== void 0 && t >= 0 && t <= 1 ? t : void 0,
       totalProgression: r !== void 0 && r >= 0 && r <= 1 ? r : void 0,
       position: s !== void 0 && s > 0 ? s : void 0,
@@ -1099,11 +786,11 @@ class H {
         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),
-        languages: ht(e.language),
+        height: O(e.height),
+        width: O(e.width),
+        duration: O(e.duration),
+        bitrate: O(e.bitrate),
+        languages: Qe(e.language),
         alternates: ne.deserialize(e.alternate),
         children: ne.deserialize(e.children)
       });
@@ -1113,7 +800,7 @@ class H {
    */
   serialize() {
     const e = { href: this.href };
-    return this.templated !== void 0 && (e.templated = this.templated), this.type !== void 0 && (e.type = this.type), this.title !== void 0 && (e.title = this.title), this.rels && (e.rel = ti(this.rels)), this.properties && (e.properties = this.properties.serialize()), this.height !== void 0 && (e.height = this.height), this.width !== void 0 && (e.width = this.width), this.duration !== void 0 && (e.duration = this.duration), this.bitrate !== void 0 && (e.bitrate = this.bitrate), this.languages && (e.language = this.languages), this.alternates && (e.alternate = this.alternates.serialize()), this.children && (e.children = this.children.serialize()), e;
+    return this.templated !== void 0 && (e.templated = this.templated), this.type !== void 0 && (e.type = this.type), this.title !== void 0 && (e.title = this.title), this.rels && (e.rel = zt(this.rels)), this.properties && (e.properties = this.properties.serialize()), this.height !== void 0 && (e.height = this.height), this.width !== void 0 && (e.width = this.width), this.duration !== void 0 && (e.duration = this.duration), this.bitrate !== void 0 && (e.bitrate = this.bitrate), this.languages && (e.language = this.languages), this.alternates && (e.alternate = this.alternates.serialize()), this.children && (e.children = this.children.serialize()), e;
   }
   /** MediaType of the linked resource. */
   get mediaType() {
@@ -1131,14 +818,14 @@ class H {
   }
   /** List of URI template parameter keys, if the `Link` is templated. */
   get templateParameters() {
-    return this.templated ? new ke(this.href).parameters : /* @__PURE__ */ new Set();
+    return this.templated ? new Me(this.href).parameters : /* @__PURE__ */ new Set();
   }
   /** Expands the `Link`'s HREF by replacing URI template variables by the given parameters.
    *  See RFC 6570 on URI template: https://tools.ietf.org/html/rfc6570
    */
   expandTemplate(e) {
     return new H({
-      href: new ke(this.href).expand(e),
+      href: new Me(this.href).expand(e),
       templated: !1
     });
   }
@@ -1272,11 +959,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
@@ -1293,7 +980,7 @@ class oe {
     return this.charOffset !== void 0 && (e.charOffset = this.charOffset), e;
   }
 }
-class we {
+class xe {
   /**
    * Creates a [DomRange].
    */
@@ -1308,7 +995,7 @@ class we {
       return;
     let t = oe.deserialize(e.start);
     if (t)
-      return new we({
+      return new xe({
         start: t,
         end: oe.deserialize(e.end)
       });
@@ -1331,7 +1018,7 @@ w.prototype.getPartialCfi = function() {
 };
 w.prototype.getDomRange = function() {
   var i;
-  return we.deserialize((i = this.otherLocations) == null ? void 0 : i.get("domRange"));
+  return xe.deserialize((i = this.otherLocations) == null ? void 0 : i.get("domRange"));
 };
 w.prototype.fragmentParameters = function() {
   return new Map(
@@ -1369,7 +1056,7 @@ w.prototype.space = function() {
   if (e.length === 4 && !e.some(isNaN))
     return e;
 };
-class Te {
+class we {
   /** Creates a [Price]. */
   constructor(e) {
     this.currency = e.currency, this.value = e.value;
@@ -1383,9 +1070,9 @@ 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 });
+      return new we({ currency: t, value: r });
   }
   /**
    * Serializes a [Price] to its RWPM JSON representation.
@@ -1421,7 +1108,7 @@ class j {
     return this.children && (e.children = this.children.map((t) => t.serialize())), e;
   }
 }
-class Se {
+class Te {
   /** Creates a [Price]. */
   constructor(e) {
     this.total = e.total, this.position = e.position;
@@ -1431,9 +1118,9 @@ class Se {
    */
   static deserialize(e) {
     if (e)
-      return new Se({
-        total: P(e.total),
-        position: P(e.position)
+      return new Te({
+        total: O(e.total),
+        position: O(e.position)
       });
   }
   /**
@@ -1444,7 +1131,7 @@ class Se {
     return this.total !== void 0 && (e.total = this.total), this.position !== void 0 && (e.position = this.position), e;
   }
 }
-class Ce {
+class Se {
   /** Creates a [Copies]. */
   constructor(e) {
     this.total = e.total, this.available = e.available;
@@ -1454,9 +1141,9 @@ class Ce {
    */
   static deserialize(e) {
     if (e)
-      return new Ce({
-        total: P(e.total),
-        available: P(e.available)
+      return new Se({
+        total: O(e.total),
+        available: O(e.available)
       });
   }
   /**
@@ -1467,7 +1154,7 @@ class Ce {
     return this.total !== void 0 && (e.total = this.total), this.available !== void 0 && (e.available = this.available), e;
   }
 }
-class Pe {
+class Ce {
   /** Creates a [Availability]. */
   constructor(e) {
     this.state = e.state, this.since = e.since, this.until = e.until;
@@ -1477,10 +1164,10 @@ class Pe {
    */
   static deserialize(e) {
     if (e && e.state)
-      return new Pe({
+      return new Ce({
         state: e.state,
-        since: Ue(e.since),
-        until: Ue(e.until)
+        since: Re(e.since),
+        until: Re(e.until)
       });
   }
   /**
@@ -1492,10 +1179,10 @@ 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);
+  return we.deserialize(this.otherProperties.price);
 };
 b.prototype.getIndirectAcquisitions = function() {
   const i = this.otherProperties.indirectAcquisition;
@@ -1503,13 +1190,13 @@ b.prototype.getIndirectAcquisitions = function() {
     return i.map((e) => j.deserialize(e)).filter((e) => e !== void 0);
 };
 b.prototype.getHolds = function() {
-  return Se.deserialize(this.otherProperties.holds);
+  return Te.deserialize(this.otherProperties.holds);
 };
 b.prototype.getCopies = function() {
-  return Ce.deserialize(this.otherProperties.copies);
+  return Se.deserialize(this.otherProperties.copies);
 };
 b.prototype.getAvailability = function() {
-  return Pe.deserialize(this.otherProperties.availability);
+  return Ce.deserialize(this.otherProperties.availability);
 };
 b.prototype.getAuthenticate = function() {
   return H.deserialize(this.otherProperties.authenticate);
@@ -1532,31 +1219,33 @@ b.prototype.getPage = function() {
 b.prototype.getSpread = function() {
   return this.otherProperties.spread || void 0;
 };
-function $e(i) {
+class ce {
+}
+function Ne(i) {
   return i.split("").reverse().join("");
 }
-function ii(i, e, t) {
-  const r = $e(e);
+function It(i, e, t) {
+  const r = Ne(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 = Ne(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),
+      start: et(o, r, s.errors).reduce((h, c) => s.end - c.end < h ? s.end - c.end : h, s.end),
       end: s.end,
       errors: s.errors
     };
   });
 }
-function pe(i) {
+function ue(i) {
   return (i | -i) >> 31 & 1;
 }
-function He(i, e, t, r) {
+function Le(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;
-  const u = pe(d & i.lastRowMask[t]) - pe(p & i.lastRowMask[t]);
-  return d <<= 1, p <<= 1, p |= o, d |= pe(r) - o, s = p | ~(h | d), n = d & h, i.P[t] = s, i.M[t] = n, u;
+  let u = n | ~(c | s), p = s & c;
+  const d = ue(u & i.lastRowMask[t]) - ue(p & i.lastRowMask[t]);
+  return u <<= 1, p <<= 1, p |= o, u |= ue(r) - o, s = p | ~(h | u), n = u & h, i.P[t] = s, i.M[t] = n, d;
 }
-function ct(i, e, t) {
+function et(i, e, t) {
   if (e.length === 0)
     return [];
   t = Math.min(t, e.length);
@@ -1567,10 +1256,10 @@ function ct(i, e, t) {
   };
   o.lastRowMask.fill(1 << 31), o.lastRowMask[n] = 1 << (e.length - 1) % s;
   const a = new Uint32Array(n + 1), h = /* @__PURE__ */ new Map(), c = [];
-  for (let u = 0; u < 256; u++)
+  for (let d = 0; d < 256; d++)
     c.push(a);
-  for (let u = 0; u < e.length; u += 1) {
-    const f = e.charCodeAt(u);
+  for (let d = 0; d < e.length; d += 1) {
+    const f = e.charCodeAt(d);
     if (h.has(f))
       continue;
     const v = new Uint32Array(n + 1);
@@ -1585,45 +1274,45 @@ function ct(i, e, t) {
       }
     }
   }
-  let d = Math.max(0, Math.ceil(t / s) - 1);
+  let u = Math.max(0, Math.ceil(t / s) - 1);
   const p = new Uint32Array(n + 1);
-  for (let u = 0; u <= d; u += 1)
-    p[u] = (u + 1) * s;
+  for (let d = 0; d <= u; d += 1)
+    p[d] = (d + 1) * s;
   p[n] = e.length;
-  for (let u = 0; u <= d; u += 1)
-    o.P[u] = -1, o.M[u] = 0;
-  for (let u = 0; u < i.length; u += 1) {
-    const f = i.charCodeAt(u);
+  for (let d = 0; d <= u; d += 1)
+    o.P[d] = -1, o.M[d] = 0;
+  for (let d = 0; d < i.length; d += 1) {
+    const f = i.charCodeAt(d);
     let v;
     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;
-    if (p[d] - g <= t && d < n && (v[d + 1] & 1 || g < 0)) {
-      d += 1, o.P[d] = -1, o.M[d] = 0;
+    for (let y = 0; y <= u; y += 1)
+      g = Le(o, v, y, g), p[y] += g;
+    if (p[u] - g <= t && u < n && (v[u + 1] & 1 || g < 0)) {
+      u += 1, o.P[u] = -1, o.M[u] = 0;
       let y;
-      if (d === n) {
+      if (u === n) {
         const x = e.length % s;
         y = x === 0 ? s : x;
       } else
         y = s;
-      p[d] = p[d - 1] + y - g + He(o, v, d, g);
+      p[u] = p[u - 1] + y - g + Le(o, v, u, g);
     } else
-      for (; d > 0 && p[d] >= t + s; )
-        d -= 1;
-    d === n && p[d] <= t && (p[d] < t && r.splice(0, r.length), r.push({
+      for (; u > 0 && p[u] >= t + s; )
+        u -= 1;
+    u === n && p[u] <= t && (p[u] < t && r.splice(0, r.length), r.push({
       start: -1,
-      end: u + 1,
-      errors: p[d]
-    }), t = p[d]);
+      end: d + 1,
+      errors: p[u]
+    }), t = p[u]);
   }
   return r;
 }
-function ri(i, e, t) {
-  const r = ct(i, e, t);
-  return ii(i, e, r);
+function Dt(i, e, t) {
+  const r = et(i, e, t);
+  return It(i, e, r);
 }
-function dt(i, e, t) {
+function tt(i, e, t) {
   let r = 0;
   const s = [];
   for (; r !== -1; )
@@ -1632,31 +1321,31 @@ function dt(i, e, t) {
       end: r + e.length,
       errors: 0
     }), r += 1);
-  return s.length > 0 ? s : ri(i, e, t);
+  return s.length > 0 ? s : Dt(i, e, t);
 }
-function qe(i, e) {
-  return e.length === 0 || i.length === 0 ? 0 : 1 - dt(i, e, e.length)[0].errors / e.length;
+function ze(i, e) {
+  return e.length === 0 || i.length === 0 ? 0 : 1 - tt(i, e, e.length)[0].errors / e.length;
 }
-function si(i, e, t = {}) {
+function Bt(i, e, t = {}) {
   if (e.length === 0)
     return null;
-  const r = Math.min(256, e.length / 2), s = dt(i, e, r);
+  const r = Math.min(256, e.length / 2), s = tt(i, e, r);
   if (s.length === 0)
     return null;
   const n = (a) => {
-    const u = 1 - a.errors / e.length, f = t.prefix ? qe(
+    const d = 1 - a.errors / e.length, f = t.prefix ? ze(
       i.slice(
         Math.max(0, a.start - t.prefix.length),
         a.start
       ),
       t.prefix
-    ) : 1, v = t.suffix ? qe(
+    ) : 1, v = t.suffix ? ze(
       i.slice(a.end, a.end + t.suffix.length),
       t.suffix
     ) : 1;
     let g = 1;
     typeof t.hint == "number" && (g = 1 - Math.abs(a.start - t.hint) / i.length);
-    const y = 50 * u + 20 * f + 20 * v + 2 * g, x = 50 + 20 + 20 + 2;
+    const y = 50 * d + 20 * f + 20 * v + 2 * g, x = 50 + 20 + 20 + 2;
     return y / x;
   }, o = s.map((a) => ({
     start: a.start,
@@ -1665,7 +1354,7 @@ function si(i, e, t = {}) {
   }));
   return o.sort((a, h) => h.score - a.score), o[0];
 }
-function ge(i, e, t) {
+function fe(i, e, t) {
   const r = t === 1 ? e : e - 1;
   if (i.charAt(r).trim() !== "")
     return e;
@@ -1675,7 +1364,7 @@ function ge(i, e, t) {
   const o = s.length - n.length;
   return t === 2 ? e - o : e + o;
 }
-function Xe(i, e) {
+function Ie(i, e) {
   const t = i.commonAncestorContainer.ownerDocument.createNodeIterator(
     i.commonAncestorContainer,
     NodeFilter.SHOW_TEXT
@@ -1688,7 +1377,7 @@ function Xe(i, e) {
   const a = () => {
     if (n = e === 1 ? t.nextNode() : t.previousNode(), n) {
       const h = n.textContent, c = e === 1 ? 0 : h.length;
-      o = ge(h, c, e);
+      o = fe(h, c, e);
     }
   };
   for (; n && o === -1 && n !== s; )
@@ -1697,7 +1386,7 @@ function Xe(i, e) {
     return { node: n, offset: o };
   throw new RangeError("No text nodes with non-whitespace text found in range");
 }
-function ni(i) {
+function Wt(i) {
   if (!i.toString().trim().length)
     throw new RangeError("Range contains no non-whitespace text");
   if (i.startContainer.nodeType !== Node.TEXT_NODE)
@@ -1707,13 +1396,13 @@ function ni(i) {
   const e = i.cloneRange();
   let t = !1, r = !1;
   const s = {
-    start: ge(
+    start: fe(
       i.startContainer.textContent,
       i.startOffset,
       1
       /* Forwards */
     ),
-    end: ge(
+    end: fe(
       i.endContainer.textContent,
       i.endOffset,
       2
@@ -1723,7 +1412,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 } = Ie(
       e,
       1
       /* Forwards */
@@ -1731,7 +1420,7 @@ function ni(i) {
     n && o >= 0 && e.setStart(n, o);
   }
   if (!r) {
-    const { node: n, offset: o } = Xe(
+    const { node: n, offset: o } = Ie(
       e,
       2
       /* Backwards */
@@ -1740,7 +1429,7 @@ function ni(i) {
   }
   return e;
 }
-function ut(i) {
+function it(i) {
   var e;
   switch (i.nodeType) {
     case Node.ELEMENT_NODE:
@@ -1750,13 +1439,13 @@ function ut(i) {
       return 0;
   }
 }
-function Ve(i) {
+function De(i) {
   let e = i.previousSibling, t = 0;
   for (; e; )
-    t += ut(e), e = e.previousSibling;
+    t += it(e), e = e.previousSibling;
   return t;
 }
-function pt(i, ...e) {
+function rt(i, ...e) {
   let t = e.shift();
   const r = i.ownerDocument.createNodeIterator(
     i,
@@ -1771,7 +1460,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 +1477,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 += De(t), t = t.parentElement;
+    return new N(t, r);
   }
   /**
    * Resolve the position to a specific text node and offset within that node.
@@ -1810,7 +1499,7 @@ class R {
    */
   resolve(e = {}) {
     try {
-      return pt(this.element, this.offset)[0];
+      return rt(this.element, this.offset)[0];
     } catch (t) {
       if (this.offset === 0 && e.direction !== void 0) {
         const r = document.createTreeWalker(
@@ -1833,9 +1522,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,16 +1542,16 @@ 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 = De(e) + t;
+        return new N(e.parentElement, r);
       }
       case Node.ELEMENT_NODE: {
         if (t < 0 || t > e.childNodes.length)
           throw new Error("Child node offset is out of range");
         let r = 0;
         for (let s = 0; s < t; s++)
-          r += ut(e.childNodes[s]);
-        return new R(e, r);
+          r += it(e.childNodes[s]);
+        return new N(e, r);
       }
       default:
         throw new Error("Point is not in an element or text node");
@@ -1895,7 +1584,7 @@ class z {
    */
   toRange() {
     let e, t;
-    this.start.element === this.end.element && this.start.offset <= this.end.offset ? [e, t] = pt(
+    this.start.element === this.end.element && this.start.offset <= this.end.offset ? [e, t] = rt(
       this.start.element,
       this.start.offset,
       this.end.offset
@@ -1913,10 +1602,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 +1614,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)
     );
   }
   /**
@@ -1934,7 +1623,7 @@ class z {
    * whitespace
    */
   static trimmedRange(e) {
-    return ni(z.fromRange(e).toRange());
+    return Wt(z.fromRange(e).toRange());
   }
 }
 class ae {
@@ -1998,7 +1687,7 @@ class le {
     return this.toPositionAnchor(e).toRange();
   }
   toPositionAnchor(e = {}) {
-    const t = this.root.textContent, r = si(t, this.exact, {
+    const t = this.root.textContent, r = Bt(t, this.exact, {
       ...this.context,
       hint: e.hint
     });
@@ -2007,1087 +1696,1458 @@ class le {
     return new ae(this.root, r.start, r.end);
   }
 }
+function Ft(i) {
+  const e = i.tagName.toUpperCase();
+  return e === "IMG" || e === "VIDEO" || e === "AUDIO" || e === "IFRAME" || e === "OBJECT" || e === "EMBED" || e === "CANVAS";
+}
 function Oe(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 || Ft(s) ? (n.selectNode(s), n) : (n.setStartBefore(s), n.setEndAfter(s), n);
       }
     }
-  } catch (r) {
-    console.error(r);
+  } catch (t) {
+    console.error(t);
   }
   return null;
 }
-function T(i) {
-  const e = i.getSelection();
-  e && e.removeAllRanges();
+function kt(i, e) {
+  let t = i.getClientRects();
+  t.length || i.commonAncestorContainer.nodeType === Node.ELEMENT_NODE && (t = i.commonAncestorContainer.getClientRects());
+  const r = 1, s = [];
+  for (const c of t)
+    s.push({
+      bottom: c.bottom,
+      height: c.height,
+      left: c.left,
+      right: c.right,
+      top: c.top,
+      width: c.width
+    });
+  const n = st(
+    s,
+    r,
+    e
+  ), o = Ht(n, r), a = nt(o), h = 2 * 2;
+  for (let c = a.length - 1; c >= 0; c--) {
+    const u = a[c];
+    if (!(u.width * u.height > h))
+      if (a.length > 1)
+        a.splice(c, 1);
+      else
+        break;
+  }
+  return a;
 }
-const oi = [
-  "a",
-  "audio",
-  "button",
-  "canvas",
-  "details",
-  "input",
-  "label",
-  "option",
-  "select",
-  "submit",
-  "textarea",
-  "video"
-];
-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;
+function st(i, e, t) {
+  for (let r = 0; r < i.length; r++)
+    for (let s = r + 1; s < i.length; s++) {
+      const n = i[r], o = i[s];
+      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 d = i.filter((v) => v !== n && v !== o), f = Ut(n, o);
+        return d.push(f), st(
+          d,
+          e,
+          t
+        );
+      }
+    }
+  return i;
 }
-function mt(i, e) {
-  const t = gt(i, i.document.body, e);
-  return new I({
-    href: "#",
-    type: "application/xhtml+xml",
-    locations: new w({
-      otherLocations: /* @__PURE__ */ new Map([
-        ["cssSelector", i._readium_cssSelectorGenerator.getCssSelector(t)]
-      ])
-    }),
-    text: new q({
-      highlight: t.textContent || void 0
-    })
-  });
+function Ut(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,
+    height: n - s,
+    left: t,
+    right: r,
+    top: s,
+    width: r - t
+  };
 }
-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))
-      return gt(i, s, t);
+function Ht(i, e) {
+  const t = new Set(i);
+  for (const r of i) {
+    if (!(r.width > 1 && r.height > 1)) {
+      t.delete(r);
+      continue;
+    }
+    for (const n of i)
+      if (r !== n && t.has(n) && $t(n, r, e)) {
+        t.delete(r);
+        break;
+      }
   }
-  return e;
+  return Array.from(t);
 }
-function ai(i, e, t) {
-  if (e === document.body || e === document.documentElement)
-    return !0;
-  if (!document || !document.documentElement || !document.body)
-    return !1;
-  const r = e.getBoundingClientRect();
-  return t ? r.bottom > 0 && r.top < i.innerHeight : r.right > 0 && r.left < i.innerWidth;
+function $t(i, e, t) {
+  return Q(i, e.left, e.top, t) && Q(i, e.right, e.top, t) && Q(i, e.left, e.bottom, t) && Q(i, e.right, e.bottom, t);
 }
-function li(i) {
-  const e = getComputedStyle(i);
-  return !!(e && (e.getPropertyValue("display") != "block" || e.getPropertyValue("opacity") === "0"));
+function Q(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));
 }
-const _e = "readium-column-snapper-style", hi = 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);
-  }
-  doc() {
-    return this.wnd.document.scrollingElement;
-  }
-  scrollOffset() {
-    return this.doc().scrollLeft > 0 ? this.doc().scrollLeft : this.alreadyScrollLeft;
-  }
-  snapOffset(e) {
-    const t = e + (W(this.wnd) ? -1 : 1);
-    return t - t % this.wnd.innerWidth;
+function nt(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)) {
+        let n = [], o;
+        const a = Be(r, s);
+        if (a.length === 1)
+          n = a, o = r;
+        else {
+          const c = Be(s, r);
+          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), nt(h);
+      }
+    }
+  return i;
+}
+function Be(i, e) {
+  const t = qt(e, i);
+  if (t.height === 0 || t.width === 0)
+    return [i];
+  const r = [];
+  {
+    const s = {
+      bottom: i.bottom,
+      height: 0,
+      left: i.left,
+      right: t.left,
+      top: i.top,
+      width: 0
+    };
+    s.width = s.right - s.left, s.height = s.bottom - s.top, s.height !== 0 && s.width !== 0 && r.push(s);
   }
-  reportProgress() {
-    this.comms.send("progress", this.wnd.scrollX / this.cachedScrollWidth);
+  {
+    const s = {
+      bottom: t.top,
+      height: 0,
+      left: t.left,
+      right: t.right,
+      top: i.top,
+      width: 0
+    };
+    s.width = s.right - s.left, s.height = s.bottom - s.top, s.height !== 0 && s.width !== 0 && r.push(s);
   }
-  shake() {
-    if (this.overscroll !== 0 || this.shakeTimeout !== 0)
-      return;
-    const e = this.doc();
-    e.classList.add(W(this.wnd) ? "readium-bounce-l" : "readium-bounce-r");
-    const t = this.scrollOffset();
-    this.shakeTimeout = this.wnd.setTimeout(() => {
-      e.classList.remove("readium-bounce-l"), e.classList.remove("readium-bounce-r"), this.shakeTimeout = 0, this.doc().scrollLeft = t;
-    }, 150);
+  {
+    const s = {
+      bottom: i.bottom,
+      height: 0,
+      left: t.left,
+      right: t.right,
+      top: t.bottom,
+      width: 0
+    };
+    s.width = s.right - s.left, s.height = s.bottom - s.top, s.height !== 0 && s.width !== 0 && r.push(s);
   }
-  // We have to cache this because during overscroll (transform, or left) the width is incorrect due to browser
-  takeOverSnap() {
-    var t;
-    this.snappingCancelled = !0, this.clearTouches();
-    const e = this.doc();
-    this.overscroll = ((t = e.style.transform) == null ? void 0 : t.length) > 12 ? parseFloat(e.style.transform.slice(12).split("px")[0]) : 0;
+  {
+    const s = {
+      bottom: i.bottom,
+      height: 0,
+      left: t.right,
+      right: i.right,
+      top: i.top,
+      width: 0
+    };
+    s.width = s.right - s.left, s.height = s.bottom - s.top, s.height !== 0 && s.width !== 0 && r.push(s);
   }
-  // Snaps the current offset to the page width.
-  snapCurrentOffset(e = !1, t = !1) {
-    const r = this.wnd.scrollX > 0 ? this.wnd.scrollX : this.alreadyScrollLeft, s = this.doc(), n = this.dragOffset(), o = lt(this.wnd), a = Math.min(Math.max(0, r), this.cachedScrollWidth), h = W(this.wnd) ? -1 : 1, c = (
-      // The hurdle to overcome in order to change pages
-      h * (this.wnd.innerWidth / 3) * (h * n > 0 ? 2 : 1)
-    ), d = this.snapOffset(a + c);
-    if (e && d !== this.scrollOffset()) {
-      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
-      );
-      let f;
-      const v = (g) => {
-        if (this.snappingCancelled)
-          return;
-        f || (f = g);
-        const y = g - f, x = p(this.overscroll, 0, y, u), S = p(r, d, y, u);
-        s.scrollLeft = S, this.overscroll !== 0 && (s.style.transform = `translate3d(${-x}px, 0px, 0px)`), y < u ? this.wnd.requestAnimationFrame(v) : (this.clearTouches(), s.style.removeProperty("transform"), s.scrollLeft = d, t || this.reportProgress());
-      };
-      this.wnd.requestAnimationFrame(v);
-    } else
-      s.style.removeProperty("transform"), this.wnd.requestAnimationFrame(() => {
-        s.scrollLeft = d, this.clearTouches(), t || this.reportProgress();
-      });
+  return r;
+}
+function qt(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,
+    height: Math.max(0, n - s),
+    left: t,
+    right: r,
+    top: s,
+    width: Math.max(0, r - t)
+  };
+}
+function ot(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;
+}
+var F = [], _t = function() {
+  return F.some(function(i) {
+    return i.activeTargets.length > 0;
+  });
+}, Vt = function() {
+  return F.some(function(i) {
+    return i.skippedTargets.length > 0;
+  });
+}, We = "ResizeObserver loop completed with undelivered notifications.", jt = function() {
+  var i;
+  typeof ErrorEvent == "function" ? i = new ErrorEvent("error", {
+    message: We
+  }) : (i = document.createEvent("Event"), i.initEvent("error", !1, !1), i.message = We), window.dispatchEvent(i);
+}, G;
+(function(i) {
+  i.BORDER_BOX = "border-box", i.CONTENT_BOX = "content-box", i.DEVICE_PIXEL_CONTENT_BOX = "device-pixel-content-box";
+})(G || (G = {}));
+var k = function(i) {
+  return Object.freeze(i);
+}, Xt = function() {
+  function i(e, t) {
+    this.inlineSize = e, this.blockSize = t, k(this);
   }
-  dragOffset() {
-    return (this.startingX ?? 0) - (this.endingX ?? 0);
+  return i;
+}(), at = function() {
+  function i(e, t, r, s) {
+    return this.x = e, this.y = t, this.width = r, this.height = s, this.top = this.y, this.left = this.x, this.bottom = this.top + this.height, this.right = this.left + this.width, k(this);
   }
-  clearTouches() {
-    this.startingX = void 0, this.endingX = void 0, this.overscroll = 0;
+  return i.prototype.toJSON = function() {
+    var e = this, t = e.x, r = e.y, s = e.top, n = e.right, o = e.bottom, a = e.left, h = e.width, c = e.height;
+    return { x: t, y: r, top: s, right: n, bottom: o, left: a, width: h, height: c };
+  }, i.fromRect = function(e) {
+    return new i(e.x, e.y, e.width, e.height);
+  }, i;
+}(), Pe = function(i) {
+  return i instanceof SVGElement && "getBBox" in i;
+}, lt = function(i) {
+  if (Pe(i)) {
+    var e = i.getBBox(), t = e.width, r = e.height;
+    return !t && !r;
   }
-  onTouchStart(e) {
-    switch (e.stopPropagation(), this.takeOverSnap(), e.touches.length) {
-      case 1:
+  var s = i, n = s.offsetWidth, o = s.offsetHeight;
+  return !(n || o || i.getClientRects().length);
+}, Fe = 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);
+}, Gt = function(i) {
+  switch (i.tagName) {
+    case "INPUT":
+      if (i.type !== "image")
         break;
-      case 2:
-        this.onTouchEnd(e);
-        return;
-      default: {
-        this.onTouchEnd(e), this.comms.send("tap_more", e.touches.length);
-        return;
+    case "VIDEO":
+    case "AUDIO":
+    case "EMBED":
+    case "OBJECT":
+    case "CANVAS":
+    case "IFRAME":
+    case "IMG":
+      return !0;
+  }
+  return !1;
+}, X = typeof window < "u" ? window : {}, ee = /* @__PURE__ */ new WeakMap(), ke = /auto|scroll/, Yt = /^tb|vertical/, Zt = /msie|trident/i.test(X.navigator && X.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 Xt((t ? e : i) || 0, (t ? i : e) || 0);
+}, Ue = k({
+  devicePixelContentBoxSize: $(),
+  borderBoxSize: $(),
+  contentBoxSize: $(),
+  contentRect: new at(0, 0, 0, 0)
+}), ht = function(i, e) {
+  if (e === void 0 && (e = !1), ee.has(i) && !e)
+    return ee.get(i);
+  if (lt(i))
+    return ee.set(i, Ue), Ue;
+  var t = getComputedStyle(i), r = Pe(i) && i.ownerSVGElement && i.getBBox(), s = !Zt && t.boxSizing === "border-box", n = Yt.test(t.writingMode || ""), o = !r && ke.test(t.overflowY || ""), a = !r && ke.test(t.overflowX || ""), h = r ? 0 : R(t.paddingTop), c = r ? 0 : R(t.paddingRight), u = r ? 0 : R(t.paddingBottom), p = r ? 0 : R(t.paddingLeft), d = 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 + u, S = g + f, m = d + 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: $(Math.round(D * devicePixelRatio), Math.round(B * devicePixelRatio), n),
+    borderBoxSize: $(J, K, n),
+    contentBoxSize: $(D, B, n),
+    contentRect: new at(p, h, D, B)
+  });
+  return ee.set(i, U), U;
+}, ct = function(i, e, t) {
+  var r = ht(i, t), s = r.borderBoxSize, n = r.contentBoxSize, o = r.devicePixelContentBoxSize;
+  switch (e) {
+    case G.DEVICE_PIXEL_CONTENT_BOX:
+      return o;
+    case G.BORDER_BOX:
+      return s;
+    default:
+      return n;
+  }
+}, Jt = function() {
+  function i(e) {
+    var t = ht(e);
+    this.target = e, this.contentRect = t.contentRect, this.borderBoxSize = k([t.borderBoxSize]), this.contentBoxSize = k([t.contentBoxSize]), this.devicePixelContentBoxSize = k([t.devicePixelContentBoxSize]);
+  }
+  return i;
+}(), ut = function(i) {
+  if (lt(i))
+    return 1 / 0;
+  for (var e = 0, t = i.parentNode; t; )
+    e += 1, t = t.parentNode;
+  return e;
+}, Kt = function() {
+  var i = 1 / 0, e = [];
+  F.forEach(function(o) {
+    if (o.activeTargets.length !== 0) {
+      var a = [];
+      o.activeTargets.forEach(function(c) {
+        var u = new Jt(c.target), p = ut(c.target);
+        a.push(u), c.lastReportedSize = ct(c.target, c.observedBox), p < i && (i = p);
+      }), e.push(function() {
+        o.callback.call(o.observer, a, o.observer);
+      }), o.activeTargets.splice(0, o.activeTargets.length);
+    }
+  });
+  for (var t = 0, r = e; t < r.length; t++) {
+    var s = r[t];
+    s();
+  }
+  return i;
+}, He = function(i) {
+  F.forEach(function(t) {
+    t.activeTargets.splice(0, t.activeTargets.length), t.skippedTargets.splice(0, t.skippedTargets.length), t.observationTargets.forEach(function(s) {
+      s.isActive() && (ut(s.target) > i ? t.activeTargets.push(s) : t.skippedTargets.push(s));
+    });
+  });
+}, Qt = function() {
+  var i = 0;
+  for (He(i); _t(); )
+    i = Kt(), He(i);
+  return Vt() && jt(), i > 0;
+}, de, dt = [], ei = function() {
+  return dt.splice(0).forEach(function(i) {
+    return i();
+  });
+}, ti = function(i) {
+  if (!de) {
+    var e = 0, t = document.createTextNode(""), r = { characterData: !0 };
+    new MutationObserver(function() {
+      return ei();
+    }).observe(t, r), de = function() {
+      t.textContent = "".concat(e ? e-- : e++);
+    };
+  }
+  dt.push(i), de();
+}, ii = function(i) {
+  ti(function() {
+    requestAnimationFrame(i);
+  });
+}, se = 0, ri = function() {
+  return !!se;
+}, si = 250, ni = { attributes: !0, characterData: !0, childList: !0, subtree: !0 }, $e = [
+  "resize",
+  "load",
+  "transitionend",
+  "animationend",
+  "animationstart",
+  "animationiteration",
+  "keyup",
+  "keydown",
+  "mouseup",
+  "mousedown",
+  "mouseover",
+  "mouseout",
+  "blur",
+  "focus"
+], qe = function(i) {
+  return i === void 0 && (i = 0), Date.now() + i;
+}, pe = !1, oi = function() {
+  function i() {
+    var e = this;
+    this.stopped = !0, this.listener = function() {
+      return e.schedule();
+    };
+  }
+  return i.prototype.run = function(e) {
+    var t = this;
+    if (e === void 0 && (e = si), !pe) {
+      pe = !0;
+      var r = qe(e);
+      ii(function() {
+        var s = !1;
+        try {
+          s = Qt();
+        } finally {
+          if (pe = !1, e = r - qe(), !ri())
+            return;
+          s ? t.run(1e3) : e > 0 ? t.run(e) : t.start();
+        }
+      });
+    }
+  }, i.prototype.schedule = function() {
+    this.stop(), this.run();
+  }, i.prototype.observe = function() {
+    var e = this, t = function() {
+      return e.observer && e.observer.observe(document.body, ni);
+    };
+    document.body ? t() : X.addEventListener("DOMContentLoaded", t);
+  }, i.prototype.start = function() {
+    var e = this;
+    this.stopped && (this.stopped = !1, this.observer = new MutationObserver(this.listener), this.observe(), $e.forEach(function(t) {
+      return X.addEventListener(t, e.listener, !0);
+    }));
+  }, i.prototype.stop = function() {
+    var e = this;
+    this.stopped || (this.observer && this.observer.disconnect(), $e.forEach(function(t) {
+      return X.removeEventListener(t, e.listener, !0);
+    }), this.stopped = !0);
+  }, i;
+}(), me = new oi(), _e = function(i) {
+  !se && i > 0 && me.start(), se += i, !se && me.stop();
+}, ai = function(i) {
+  return !Pe(i) && !Gt(i) && getComputedStyle(i).display === "inline";
+}, li = function() {
+  function i(e, t) {
+    this.target = e, this.observedBox = t || G.CONTENT_BOX, this.lastReportedSize = {
+      inlineSize: 0,
+      blockSize: 0
+    };
+  }
+  return i.prototype.isActive = function() {
+    var e = ct(this.target, this.observedBox, !0);
+    return ai(this.target) && (this.lastReportedSize = e), this.lastReportedSize.inlineSize !== e.inlineSize || this.lastReportedSize.blockSize !== e.blockSize;
+  }, i;
+}(), hi = function() {
+  function i(e, t) {
+    this.activeTargets = [], this.skippedTargets = [], this.observationTargets = [], this.observer = e, this.callback = t;
+  }
+  return i;
+}(), te = /* @__PURE__ */ new WeakMap(), Ve = function(i, e) {
+  for (var t = 0; t < i.length; t += 1)
+    if (i[t].target === e)
+      return t;
+  return -1;
+}, ie = function() {
+  function i() {
+  }
+  return i.connect = function(e, t) {
+    var r = new hi(e, t);
+    te.set(e, r);
+  }, i.observe = function(e, t, r) {
+    var s = te.get(e), n = s.observationTargets.length === 0;
+    Ve(s.observationTargets, t) < 0 && (n && F.push(s), s.observationTargets.push(new li(t, r && r.box)), _e(1), me.schedule());
+  }, i.unobserve = function(e, t) {
+    var r = te.get(e), s = Ve(r.observationTargets, t), n = r.observationTargets.length === 1;
+    s >= 0 && (n && F.splice(F.indexOf(r), 1), r.observationTargets.splice(s, 1), _e(-1));
+  }, i.disconnect = function(e) {
+    var t = this, r = te.get(e);
+    r.observationTargets.slice().forEach(function(s) {
+      return t.unobserve(e, s.target);
+    }), r.activeTargets.splice(0, r.activeTargets.length);
+  }, i;
+}(), pt = function() {
+  function i(e) {
+    if (arguments.length === 0)
+      throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");
+    if (typeof e != "function")
+      throw new TypeError("Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.");
+    ie.connect(this, e);
+  }
+  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 (!Fe(e))
+      throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");
+    ie.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 (!Fe(e))
+      throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");
+    ie.unobserve(this, e);
+  }, i.prototype.disconnect = function() {
+    ie.disconnect(this);
+  }, i.toString = function() {
+    return "function ResizeObserver () { [polyfill code] }";
+  }, i;
+}();
+function ci(i, e) {
+  return i.document.documentElement.style.getPropertyValue(e);
+}
+function ge(i, e, t) {
+  i.document.documentElement.style.setProperty(e, t);
+}
+function ft(i, e) {
+  i.document.documentElement.style.removeProperty(e);
+}
+const ui = window.ResizeObserver || pt;
+var di = /* @__PURE__ */ ((i) => (i.Wrap = "wrap", i.Viewport = "viewport", i.Bounds = "bounds", i.Page = "page", i))(di || {}), pi = /* @__PURE__ */ ((i) => (i.Boxes = "boxes", i.Bounds = "bounds", i))(pi || {});
+const fi = "Highlight" in window, je = ["IMG", "IMAGE", "AUDIO", "VIDEO", "SVG"];
+class mi {
+  /**
+   * 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, fi && (this.experimentalHighlights = !0, this.notTextFlag = /* @__PURE__ */ new Map());
+  }
+  get activeable() {
+    return this.activateable;
+  }
+  set activeable(e) {
+    this.activateable = e;
+  }
+  /**
+   * Adds a new decoration to the group.
+   * @param decoration Decoration to add
+   */
+  add(e) {
+    var o, a, h, c;
+    const t = `${this.id}-${this.lastItemId++}`, r = Oe(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 && (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,
+      range: r
+    };
+    this.items.push(n), this.layout(n), this.renderLayout([n]);
+  }
+  /**
+   * Removes the decoration with given ID from the group.
+   * @param identifier ID of item to remove
+   */
+  remove(e) {
+    var s, n;
+    const t = this.items.findIndex((o) => o.decoration.id === e);
+    if (t < 0)
+      return;
+    const r = this.items[t];
+    if (this.items.splice(t, 1), r.clickableElements = void 0, r.container && (r.container.remove(), r.container = void 0), this.experimentalHighlights && !((s = this.notTextFlag) != null && s.has(r.id))) {
+      const o = this.wnd.CSS.highlights.get(this.id);
+      o == null || o.delete(r.range);
+    }
+    (n = this.notTextFlag) == null || n.delete(r.id);
+  }
+  /**
+   * Notifies that the given decoration was modified and needs to be updated.
+   * @param decoration Decoration to update
+   */
+  update(e) {
+    this.remove(e.id), this.add(e);
+  }
+  /**
+   * Removes all decorations from this group.
+   */
+  clear() {
+    var e;
+    this.clearContainer(), this.items.length = 0, (e = this.notTextFlag) == null || e.clear();
+  }
+  /**
+   * Recreates the decoration elements.
+   * To be called after reflowing the resource, for example.
+   */
+  requestLayout() {
+    this.wnd.cancelAnimationFrame(this.currentRender), this.clearContainer(), this.items.forEach((e) => this.layout(e)), this.renderLayout(this.items);
+  }
+  experimentalLayout(e) {
+    var s, n;
+    const [t, r] = this.requireContainer(!0);
+    r.add(e.range), t.innerHTML = `
+        ::highlight(${this.id}) {
+            color: black;
+            background-color: ${((n = (s = e.decoration) == null ? void 0 : s.style) == null ? void 0 : n.tint) ?? "yellow"};
+        }`;
+  }
+  /**
+   * Layouts a single DecorationItem.
+   * @param item 
+   */
+  layout(e) {
+    var v, g, y, x, S;
+    if (this.experimentalHighlights && !((v = this.notTextFlag) != null && v.has(e.id)))
+      return this.experimentalLayout(e);
+    const t = this.wnd.document.createElement("div");
+    t.setAttribute("id", e.id), t.style.setProperty("pointer-events", "none");
+    const r = this.wnd.innerWidth, s = parseInt(
+      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, 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 (((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`;
+      } else
+        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`;
+    }, u = e.range.getBoundingClientRect();
+    let p = this.wnd.document.createElement("template");
+    const d = ci(this.wnd, "--USER__appearance") === "readium-night-on";
+    p.innerHTML = `
+        <div
+            class="r2-highlight-0"
+            style="${[
+      `background-color: ${((y = (g = e.decoration) == null ? void 0 : g.style) == null ? void 0 : y.tint) ?? "yellow"} !important`,
+      //"opacity: 0.3 !important",
+      `mix-blend-mode: ${d ? "exclusion" : "multiply"} !important`,
+      "opacity: 1 !important",
+      "box-sizing: border-box !important"
+    ].join("; ")}"
+        >
+        </div>
+        `.trim();
+    const f = p.content.firstElementChild;
+    if (((S = (x = e.decoration) == null ? void 0 : x.style) == null ? void 0 : S.layout) === "bounds") {
+      const m = f.cloneNode(!0);
+      m.style.setProperty("pointer-events", "none"), c(m, u, u), t.append(m);
+    } else {
+      let m = kt(
+        e.range,
+        !0
+        // doNotMergeHorizontallyAlignedRects
+      );
+      m = m.sort((E, P) => E.top < P.top ? -1 : E.top > P.top ? 1 : 0);
+      for (let E of m) {
+        const P = f.cloneNode(!0);
+        P.style.setProperty("pointer-events", "none"), c(P, E, u), t.append(P);
       }
     }
-    this.startingX = e.touches[0].clientX, this.alreadyScrollLeft = this.doc().scrollLeft, this.touchState = 1;
-  }
-  onTouchEnd(e) {
-    if (this.touchState === 2) {
-      const t = this.dragOffset(), r = this.scrollOffset();
-      this.cachedScrollWidth <= this.wnd.innerWidth ? (this.reportProgress(), t > 5 && this.comms.send("no_more", void 0), t < -5 && this.comms.send("no_less", void 0)) : r < 5 && t < 5 ? (this.alreadyScrollLeft = 0, this.comms.send("no_less", void 0)) : this.cachedScrollWidth - r - this.wnd.innerWidth < 5 && t > 5 && (this.alreadyScrollLeft = this.cachedScrollWidth, this.comms.send("no_more", void 0)), this.snapCurrentOffset(!0), this.comms.send("swipe", t);
-    }
-    this.touchState = 0;
-  }
-  onWidthChange() {
-    this.cachedScrollWidth = this.doc().scrollWidth, this.comms.ready && this.snapCurrentOffset();
-  }
-  onTouchMove(e) {
-    if (this.touchState === 0)
-      return;
-    this.touchState === 1 && (this.touchState = 2, T(this.wnd)), this.endingX = e.touches[0].clientX;
-    const t = this.dragOffset(), r = this.alreadyScrollLeft + t;
-    r < 0 ? (this.overscroll = r, this.doc().style.transform = `translate3d(${-this.overscroll}px, 0px, 0px)`) : r + this.wnd.innerWidth > this.cachedScrollWidth ? (this.overscroll = r, this.doc().style.transform = `translate3d(${-r}px, 0px, 0px)`) : (this.overscroll = 0, this.doc().style.removeProperty("transform"), this.doc().scrollLeft = this.alreadyScrollLeft + t);
+    e.container = t, e.clickableElements = Array.from(
+      t.querySelectorAll("[data-activable='1']")
+    ), e.clickableElements.length || (e.clickableElements = Array.from(t.children));
   }
-  mount(e, t) {
-    if (this.wnd = e, this.comms = t, !super.mount(e, t))
-      return !1;
-    const r = e.document.createElement("style");
-    r.dataset.readium = "true", r.id = _e, r.textContent = `
-        @keyframes readium-bounce-l-animation {
-            0%, 100% {transform: translate3d(0, 0, 0);}
-            50% {transform: translate3d(-50px, 0, 0);}
-        }
-
-        @keyframes readium-bounce-r-animation {
-            0%, 100% {transform: translate3d(0, 0, 0);}
-            50% {transform: translate3d(50px, 0, 0);}
-        }
-
-        .readium-bounce-l {
-            animation: readium-bounce-l-animation 150ms ease-out 1;
-        }
-
-        .readium-bounce-r {
-            animation: readium-bounce-r-animation 150ms ease-out 1;
-        }
-
-        html {
-            overflow: hidden;
-        }
-
-        body {
-            -ms-overflow-style: none; /* for Internet Explorer, Edge */
-        }
-
-        * {
-            scrollbar-width: none; /* for Firefox */
-        }
-        
-        body::-webkit-scrollbar {
-            display: none; /* for Chrome, Safari, and Opera */
-        }
-        `, e.document.head.appendChild(r);
-    const s = e.ResizeObserver || nt;
-    this.resizeObserver = new s(() => e.requestAnimationFrame(() => {
-      e && Jt(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"] });
-    const n = (o) => {
-      const a = this.doc().scrollLeft;
-      return this.doc().scrollLeft = this.snapOffset(o), a !== this.doc().scrollLeft;
-    };
-    return e.addEventListener("orientationchange", this.onWidthChanger), e.addEventListener("resize", this.onWidthChanger), e.requestAnimationFrame(() => this.cachedScrollWidth = this.doc().scrollWidth), t.register("go_progression", C.moduleName, (o, a) => {
-      const h = o;
-      if (h < 0 || h > 1) {
-        t.send("error", {
-          message: "go_progression must be given a position from 0.0 to 1.0"
-        }), a(!1);
-        return;
-      }
-      this.wnd.requestAnimationFrame(() => {
-        this.cachedScrollWidth = this.doc().scrollWidth;
-        const c = this.cachedScrollWidth, d = W(e) ? -1 : 1, p = c * h * d;
-        this.doc().scrollLeft = this.snapOffset(p), this.reportProgress(), T(this.wnd), a(!0);
-      });
-    }), t.register("go_id", C.moduleName, (o, a) => {
-      const h = e.document.getElementById(o);
-      if (!h) {
-        a(!1);
-        return;
-      }
-      this.wnd.requestAnimationFrame(() => {
-        this.doc().scrollLeft = this.snapOffset(h.getBoundingClientRect().left + e.scrollX), this.reportProgress(), T(this.wnd), a(!0);
-      });
-    }), 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({
-        href: e.location.href,
-        type: "text/html",
-        text: c,
-        locations: h ? new w({
-          otherLocations: /* @__PURE__ */ new Map([
-            ["cssSelector", h]
-          ])
-        }) : void 0
-      }));
-      if (!d) {
-        a(!1);
+  renderLayout(e) {
+    this.wnd.cancelAnimationFrame(this.currentRender), this.currentRender = this.wnd.requestAnimationFrame(() => {
+      if (e = e.filter((r) => {
+        var s;
+        return !this.experimentalHighlights || !!((s = this.notTextFlag) != null && s.has(r.id));
+      }), !e || e.length === 0)
         return;
-      }
-      this.wnd.requestAnimationFrame(() => {
-        this.doc().scrollLeft = this.snapOffset(d.getBoundingClientRect().left + e.scrollX), this.reportProgress(), T(this.wnd), a(!0);
-      });
-    }), t.register("go_end", C.moduleName, (o, a) => {
-      const h = W(e) ? -1 : 1;
-      this.wnd.requestAnimationFrame(() => {
-        this.cachedScrollWidth = this.doc().scrollWidth;
-        const c = this.cachedScrollWidth * h;
-        if (this.doc().scrollLeft === c)
-          return a(!1);
-        this.doc().scrollLeft = this.snapOffset(c), this.reportProgress(), T(this.wnd), a(!0);
-      });
-    }), t.register("go_start", C.moduleName, (o, a) => {
-      this.wnd.requestAnimationFrame(() => {
-        if (this.doc().scrollLeft === 0)
-          return a(!1);
-        this.doc().scrollLeft = 0, this.reportProgress(), T(this.wnd), a(!0);
-      });
-    }), t.register("go_prev", C.moduleName, (o, a) => {
-      this.wnd.requestAnimationFrame(() => {
-        const h = e.scrollX - e.innerWidth, c = W(e) ? -(this.cachedScrollWidth - e.innerWidth) : 0, d = n(Math.max(h, c));
-        d && (this.reportProgress(), T(this.wnd)), a(d);
-      });
-    }), t.register("go_next", C.moduleName, (o, a) => {
-      this.wnd.requestAnimationFrame(() => {
-        const h = e.scrollX + e.innerWidth, c = W(e) ? 0 : this.cachedScrollWidth - e.innerWidth, d = n(Math.min(h, c));
-        d && (this.reportProgress(), T(this.wnd)), a(d);
-      });
-    }), t.register("unfocus", C.moduleName, (o, a) => {
-      this.snappingCancelled = !0, T(this.wnd), a(!0);
-    }), t.register("shake", C.moduleName, (o, a) => {
-      this.shake(), a(!0);
-    }), t.register("focus", C.moduleName, (o, a) => {
-      this.wnd.requestAnimationFrame(() => {
-        this.cachedScrollWidth = this.doc().scrollWidth, this.snapCurrentOffset(!1, !0), this.reportProgress(), a(!0);
-      });
-    }), t.register("first_visible_locator", C.moduleName, (o, a) => {
-      const h = mt(e, !1);
-      this.comms.send("first_visible_locator", h.serialize()), a(!0);
-    }), e.addEventListener("touchstart", this.onTouchStarter, { passive: !0 }), e.addEventListener("touchend", this.onTouchEnder, { passive: !0 }), e.addEventListener("touchmove", this.onTouchMover, { passive: !0 }), e.document.addEventListener("touchstart", () => {
-    }), t.log("ColumnSnapper Mounted"), !0;
+      this.requireContainer().append(...e.map((r) => r.container).filter((r) => !!r));
+    });
   }
-  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);
+  /**
+   * Returns the group container element, after making sure it exists.
+   * @returns Group's container
+   */
+  requireContainer(e = !1) {
+    if (e) {
+      let t;
+      this.wnd.document.getElementById(`${this.id}-style`) ? t = this.wnd.document.getElementById(`${this.id}-style`) : (t = this.wnd.document.createElement("style"), t.dataset.readium = "true", t.id = `${this.id}-style`, this.wnd.document.head.appendChild(t));
+      let r;
+      return this.wnd.CSS.highlights.has(this.id) ? r = this.wnd.CSS.highlights.get(this.id) : (r = new this.wnd.Highlight(), this.wnd.CSS.highlights.set(this.id, r)), [t, r];
+    }
+    return this.container || (this.container = this.wnd.document.createElement("div"), this.container.setAttribute("id", this.id), this.container.dataset.group = this.name, this.container.dataset.readium = "true", this.container.style.setProperty("pointer-events", "none"), this.container.style.display = "contents", this.wnd.document.body.append(this.container)), this.container;
   }
-};
-vt.moduleName = "column_snapper";
-let ci = vt;
-const he = {
-  top: "js-iframe-reader-top-anchor",
-  bottom: "js-iframe-reader-bottom-anchor"
-};
-class di 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");
+  /**
+   * Removes the group container.
+   */
+  clearContainer() {
+    this.experimentalHighlights && this.wnd.CSS.highlights.delete(this.id), this.container && (this.container.remove(), this.container = void 0);
   }
 }
-function ui(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) {
-  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 mt = class ve extends ce {
   constructor() {
-    super(...arguments), this.createAnchorElements = () => {
-      ui(this.doc());
-    }, this.removeAnchorElements = () => {
-      pi(this.doc());
-    }, this.createCustomElement = () => {
-      customElements.get("anchor-observer") || customElements.define("anchor-observer", di);
-    };
+    super(...arguments), this.resizeFrame = 0, this.lastGroupId = 0, this.groups = /* @__PURE__ */ new Map(), this.handleResizer = this.handleResize.bind(this);
   }
-  doc() {
-    return this.wnd.document.scrollingElement;
+  cleanup() {
+    this.groups.forEach((e) => e.clear()), this.groups.clear();
   }
-  reportProgress(e) {
-    this.comms.send("progress", e);
+  handleResize() {
+    this.wnd.clearTimeout(this.resizeFrame), this.resizeFrame = this.wnd.setTimeout(() => {
+      this.groups.forEach((e) => {
+        e.experimentalHighlights || e.requestLayout();
+      });
+    }, 50);
   }
   mount(e, t) {
-    this.wnd = e, this.comms = t;
-    const r = e.document.createElement("style");
-    return r.dataset.readium = "true", r.id = je, r.textContent = `
-        * {
-            scrollbar-width: none; /* for Firefox */
-        }
-        
-        body::-webkit-scrollbar {
-            display: none; /* for Chrome, Safari, and Opera */
-        }
-        `, e.document.head.appendChild(r), t.register("go_progression", M.moduleName, (s, n) => {
-      const o = s;
-      if (o < 0 || o > 1) {
-        t.send("error", {
-          message: "go_progression must be given a position from 0.0 to 1.0"
-        }), n(!1);
-        return;
-      }
-      this.wnd.requestAnimationFrame(() => {
-        this.doc().scrollTop = this.doc().offsetHeight * o, this.reportProgress(o), T(this.wnd), n(!0);
-      });
-    }), t.register("go_id", M.moduleName, (s, n) => {
-      const o = e.document.getElementById(s);
-      if (!o) {
-        n(!1);
-        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);
-      });
-    }), 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({
-        href: e.location.href,
-        type: "text/html",
-        text: a,
-        locations: o ? new w({
-          otherLocations: /* @__PURE__ */ new Map([
-            ["cssSelector", o]
-          ])
-        }) : void 0
-      }));
-      if (!h) {
-        n(!1);
-        return;
+    return this.wnd = e, t.register("decorate", ve.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 mi(
+        e,
+        t,
+        `readium-decoration-${this.lastGroupId++}`,
+        n.group
+      ));
+      const o = this.groups.get(n.group);
+      switch (n.action) {
+        case "add":
+          o == null || o.add(n.decoration);
+          break;
+        case "remove":
+          o == null || o.remove(n.decoration.id);
+          break;
+        case "clear":
+          o == null || o.clear();
+          break;
+        case "update":
+          o == null || o.update(n.decoration);
+          break;
       }
-      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);
-      });
-    }), 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);
-    }), 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);
-    }), 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);
-    }), t.register("first_visible_locator", M.moduleName, (s, n) => {
-      const o = mt(e, !0);
-      this.comms.send("first_visible_locator", o.serialize()), n(!0);
-    }), t.log("ScrollSnapper Mounted"), this.createCustomElement(), this.createAnchorElements(), !0;
+      s(!0);
+    }), this.resizeObserver = new ui(() => 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) {
-    var r;
-    return t.unregisterAll(M.moduleName), this.removeAnchorElements(), (r = e.document.getElementById(je)) == null || r.remove(), t.log("ScrollSnapper Unmounted"), !0;
+    return e.removeEventListener("orientationchange", this.handleResizer), e.removeEventListener("resize", this.handleResizer), t.unregisterAll(ve.moduleName), this.resizeObserver.disconnect(), this.cleanup(), t.log("Decorator Unmounted"), !0;
   }
 };
-yt.moduleName = "scroll_snapper";
-let fi = yt;
-class bt extends ce {
+mt.moduleName = "decorator";
+let gi = mt;
+const Xe = "readium-snapper-style", gt = class ye 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);
-  }
-  onPointUp(e) {
-    var s, n, o, a, h;
-    const t = this.wnd.getSelection();
-    if (t && ((s = t.toString()) == null ? void 0 : s.length) > 0) {
-      const c = (n = t.getRangeAt(0)) == null ? void 0 : n.getClientRects();
-      if (!c || c.length === 0)
-        return;
-      const d = c[0], p = {
-        text: t.toString(),
-        x: d.x,
-        y: d.y,
-        width: d.width,
-        height: d.height,
-        targetFrameSrc: (a = (o = this.wnd) == null ? void 0 : o.location) == null ? void 0 : a.href
-      };
-      this.comms.send("text_selected", p);
-    }
-    if (this.pointerMoved) {
-      this.pointerMoved = !1;
-      return;
-    }
-    if (!(t != null && t.isCollapsed) || !e.isPrimary)
-      return;
-    const r = this.wnd.devicePixelRatio;
-    e.preventDefault(), this.comms.send(e.pointerType === "touch" ? "tap" : "click", {
-      defaultPrevented: e.defaultPrevented,
-      x: e.clientX * r,
-      y: e.clientY * r,
-      targetFrameSrc: this.wnd.location.href,
-      targetElement: e.target.outerHTML,
-      interactiveElement: (h = ft(e.target)) == null ? void 0 : h.outerHTML,
-      cssSelector: this.wnd._readium_cssSelectorGenerator.getCssSelector(e.target)
-    }), this.pointerMoved = !1;
-  }
-  onPointMove(e) {
-    if (e.movementY !== void 0 && e.movementX !== void 0) {
-      (Math.abs(e.movementX) > 1 || Math.abs(e.movementY) > 1) && (this.pointerMoved = !0);
-      return;
-    }
-    this.pointerMoved = !0;
-  }
-  onPointDown() {
-    this.pointerMoved = !1;
-  }
-  onContext(e) {
-    this.onPointUp(e), this.pointerMoved = !1;
+    super(...arguments), this.protected = !1;
   }
-  onClick(e) {
-    if (e.preventDefault(), !e.isTrusted) {
-      const t = new PointerEvent("pointerup", {
-        isPrimary: !0,
-        pointerType: "mouse",
-        // Not really a better choice than this
-        clientX: e.clientX,
-        clientY: e.clientY
-      });
-      Object.defineProperty(t, "target", { writable: !1, value: e.target }), Object.defineProperty(t, "defaultPrevented", { writable: !1, value: e.defaultPrevented }), this.onPointUp(t);
-    }
+  buildStyles() {
+    return `
+        html, body {
+            touch-action: manipulation;
+            user-select: ${this.protected ? "none" : "auto"};
+        }`;
   }
   mount(e, t) {
-    return this.wnd = e, this.comms = t, e.document.addEventListener("pointerdown", this.onPointerDown), e.document.addEventListener("pointerup", this.onPointerUp), e.document.addEventListener("contextmenu", this.onContextMenu), e.document.addEventListener("pointermove", this.onPointerMove), e.document.addEventListener("click", this.onClicker), t.log("Peripherals Mounted"), !0;
+    const r = e.document.createElement("style");
+    return r.dataset.readium = "true", r.id = Xe, r.textContent = this.buildStyles(), e.document.head.appendChild(r), t.register("protect", ye.moduleName, (s, n) => {
+      this.protected = !0, r.textContent = this.buildStyles(), n(!0);
+    }), t.register("unprotect", ye.moduleName, (s, n) => {
+      this.protected = !1, r.textContent = this.buildStyles(), n(!0);
+    }), t.log("Snapper Mounted"), !0;
   }
   unmount(e, t) {
-    return e.document.removeEventListener("pointerdown", this.onPointerDown), e.document.removeEventListener("pointerup", this.onPointerUp), e.document.removeEventListener("contextmenu", this.onContextMenu), e.document.removeEventListener("pointermove", this.onPointerMove), e.document.removeEventListener("click", this.onClicker), t.log("Peripherals Unmounted"), !0;
+    var r;
+    return (r = e.document.getElementById(Xe)) == null || r.remove(), t.log("Snapper Unmounted"), !0;
+  }
+};
+gt.moduleName = "snapper";
+let vt = gt;
+function W(i) {
+  return i.document.body.dir.toLowerCase() === "rtl";
+}
+function yt(i) {
+  return parseInt(
+    i.getComputedStyle(
+      i.document.documentElement
+    ).getPropertyValue("column-count")
+  );
+}
+function vi(i) {
+  const e = "readium-virtual-page";
+  let t = i.document.getElementById(e);
+  if (yt(i) !== 2)
+    t && t.remove();
+  else {
+    const s = i.document.scrollingElement.scrollWidth / i.innerWidth;
+    Math.round(s * 2) / 2 % 1 > 0.1 && (t ? t.remove() : (t = i.document.createElement("div"), t.setAttribute("id", e), t.dataset.readium = "true", t.style.breakBefore = "column", t.innerHTML = "&#8203;", i.document.body.appendChild(t)));
+  }
+}
+function yi(i) {
+  return i < 0.5 ? 2 * i * i : -1 + (4 - 2 * i) * i;
+}
+function T(i) {
+  const e = i.getSelection();
+  e && e.removeAllRanges();
+}
+const bi = [
+  "a",
+  "audio",
+  "button",
+  "canvas",
+  "details",
+  "input",
+  "label",
+  "option",
+  "select",
+  "submit",
+  "textarea",
+  "video"
+];
+function bt(i) {
+  var e;
+  return bi.indexOf(i.nodeName.toLowerCase()) !== -1 || i.hasAttribute("contenteditable") && ((e = i.getAttribute("contenteditable")) == null ? void 0 : e.toLowerCase()) !== "false" ? i : i.parentElement ? bt(i.parentElement) : null;
+}
+function Et(i, e) {
+  const t = xt(i, i.document.body, e);
+  return new I({
+    href: "#",
+    type: "application/xhtml+xml",
+    locations: new w({
+      otherLocations: /* @__PURE__ */ new Map([
+        ["cssSelector", i._readium_cssSelectorGenerator.getCssSelector(t)]
+      ])
+    }),
+    text: new q({
+      highlight: t.textContent || void 0
+    })
+  });
+}
+function xt(i, e, t) {
+  for (var r = 0; r < e.children.length; r++) {
+    const s = e.children[r];
+    if (!xi(s) && Ei(i, s, t))
+      return xt(i, s, t);
   }
+  return e;
+}
+function Ei(i, e, t) {
+  if (e === document.body || e === document.documentElement)
+    return !0;
+  if (!document || !document.documentElement || !document.body)
+    return !1;
+  const r = e.getBoundingClientRect();
+  return t ? r.bottom > 0 && r.top < i.innerHeight : r.right > 0 && r.left < i.innerWidth;
+}
+function xi(i) {
+  const e = getComputedStyle(i);
+  return !!(e && (e.getPropertyValue("display") != "block" || e.getPropertyValue("opacity") === "0"));
 }
-bt.moduleName = "peripherals";
-const Et = class ve extends ce {
+const Ge = "readium-column-snapper-style", wi = 200, wt = class C extends vt {
   constructor() {
-    super(...arguments), this.mediaPlayingCount = 0, this.allAnimations = /* @__PURE__ */ new Set();
+    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);
   }
-  wndOnErr(e) {
-    var t;
-    (t = this.comms) == null || t.send("error", {
-      message: e.message,
-      filename: e.filename,
-      lineno: e.lineno,
-      colno: e.colno
-    });
+  doc() {
+    return this.wnd.document.scrollingElement;
   }
-  unblock(e) {
-    var t;
-    for (e._readium_blockEvents = !1; ((t = e._readium_blockedEvents) == null ? void 0 : t.length) > 0; ) {
-      const r = e._readium_blockedEvents.shift();
-      switch (r[0]) {
-        case 0:
-          Reflect.apply(r[1], r[2], r[3]);
-          break;
-        case 1:
-          const s = r[1], n = r[2];
-          e.removeEventListener(s.type, e._readium_eventBlocker, !0);
-          const o = new Event(s.type, {
-            bubbles: s.bubbles,
-            cancelable: s.cancelable
-          });
-          n ? n.dispatchEvent(o) : e.dispatchEvent(o);
-          break;
-      }
-    }
+  scrollOffset() {
+    return this.doc().scrollLeft > 0 ? this.doc().scrollLeft : this.alreadyScrollLeft;
   }
-  onMediaPlayEvent() {
-    var e;
-    this.mediaPlayingCount++, (e = this.comms) == null || e.send("media_play", this.mediaPlayingCount);
+  snapOffset(e) {
+    const t = e + (W(this.wnd) ? -1 : 1);
+    return t - t % this.wnd.innerWidth;
   }
-  onMediaPauseEvent() {
-    var e;
-    this.mediaPlayingCount > 0 && this.mediaPlayingCount--, (e = this.comms) == null || e.send("media_pause", this.mediaPlayingCount);
+  reportProgress() {
+    this.comms.send("progress", { progress: this.wnd.scrollX / this.cachedScrollWidth, reference: this.wnd.innerWidth / this.doc().scrollWidth });
   }
-  pauseAllMedia(e) {
-    const t = e.document.querySelectorAll("audio,video");
-    for (let r = 0; r < t.length; r++)
-      t[r].pause();
+  shake() {
+    if (this.overscroll !== 0 || this.shakeTimeout !== 0)
+      return;
+    const e = this.doc();
+    e.classList.add(W(this.wnd) ? "readium-bounce-l" : "readium-bounce-r");
+    const t = this.scrollOffset();
+    this.shakeTimeout = this.wnd.setTimeout(() => {
+      e.classList.remove("readium-bounce-l"), e.classList.remove("readium-bounce-r"), this.shakeTimeout = 0, this.doc().scrollLeft = t;
+    }, 150);
   }
-  mount(e, t) {
-    this.comms = t, e.addEventListener(
-      "error",
-      this.wndOnErr,
-      !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) => {
-        o.cancel(), o.play();
-      }), n(!0);
-    }), t.register("unfocus", ve.moduleName, (s, n) => {
-      this.pauseAllMedia(e), this.allAnimations.forEach((o) => o.pause()), n(!0);
-    });
-    const r = e.document.querySelectorAll("audio,video");
-    for (let s = 0; s < r.length; s++) {
-      const n = r[s];
-      n.addEventListener("play", this.onMediaPlayEvent, {
-        passive: !0
-      }), n.addEventListener("pause", this.onMediaPauseEvent, {
-        passive: !0
+  // We have to cache this because during overscroll (transform, or left) the width is incorrect due to browser
+  takeOverSnap() {
+    var t;
+    this.snappingCancelled = !0, this.clearTouches();
+    const e = this.doc();
+    this.overscroll = ((t = e.style.transform) == null ? void 0 : t.length) > 12 ? parseFloat(e.style.transform.slice(12).split("px")[0]) : 0;
+  }
+  // Snaps the current offset to the page width.
+  snapCurrentOffset(e = !1, t = !1) {
+    const r = this.wnd.scrollX > 0 ? this.wnd.scrollX : this.alreadyScrollLeft, s = this.doc(), n = this.dragOffset(), o = yt(this.wnd), a = Math.min(Math.max(0, r), this.cachedScrollWidth), h = W(this.wnd) ? -1 : 1, c = (
+      // The hurdle to overcome in order to change pages
+      h * (this.wnd.innerWidth / 3) * (h * n > 0 ? 2 : 1)
+    ), u = this.snapOffset(a + c);
+    if (e && u !== this.scrollOffset()) {
+      this.snappingCancelled = !1;
+      const p = (g, y, x, S) => x > S ? y : g + (y - g) * yi(x / S), d = (
+        /*Math.abs(startX - (this.useTransform ? currentOffset : 0)) < 10 ? 1 : */
+        wi * o
+      );
+      let f;
+      const v = (g) => {
+        if (this.snappingCancelled)
+          return;
+        f || (f = g);
+        const y = g - f, x = p(this.overscroll, 0, y, d), S = p(r, u, y, d);
+        s.scrollLeft = S, this.overscroll !== 0 && (s.style.transform = `translate3d(${-x}px, 0px, 0px)`), y < d ? this.wnd.requestAnimationFrame(v) : (this.clearTouches(), s.style.removeProperty("transform"), s.scrollLeft = u, t || this.reportProgress());
+      };
+      this.wnd.requestAnimationFrame(v);
+    } else
+      s.style.removeProperty("transform"), this.wnd.requestAnimationFrame(() => {
+        s.scrollLeft = u, this.clearTouches(), t || this.reportProgress();
       });
-    }
-    return t.log("Setup Mounted"), !0;
   }
-  unmount(e, t) {
-    return e.removeEventListener("error", this.wndOnErr), e.removeEventListener("play", this.onMediaPlayEvent), e.removeEventListener("pause", this.onMediaPauseEvent), this.allAnimations.forEach((r) => r.cancel()), this.allAnimations.clear(), t.log("Setup Unmounted"), !0;
+  dragOffset() {
+    return (this.startingX ?? 0) - (this.endingX ?? 0);
   }
-};
-Et.moduleName = "setup";
-let xt = Et;
-function mi(i, e) {
-  return i.document.documentElement.style.getPropertyValue(e);
-}
-function ye(i, e, t) {
-  i.document.documentElement.style.setProperty(e, t);
-}
-function wt(i, e) {
-  i.document.documentElement.style.removeProperty(e);
-}
-const Ge = "readium-viewport", Tt = class V extends xt {
-  onViewportWidthChanged(e) {
-    const t = e.target;
-    ye(t, "--RS__viewportWidth", `${t.innerWidth}px`);
+  clearTouches() {
+    this.startingX = void 0, this.endingX = void 0, this.overscroll = 0;
   }
-  mount(e, t) {
-    if (!super.mount(e, t))
-      return !1;
-    const r = e.document.createElement("meta");
-    return r.dataset.readium = "true", r.setAttribute("name", "viewport"), r.setAttribute("id", Ge), r.setAttribute(
-      "content",
-      "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) => {
-      const o = s;
-      ye(e, o[0], o[1]), n(!0);
-    }), t.register("remove_property", V.moduleName, (s, n) => {
-      wt(e, s), n(!0);
-    }), t.register("activate", V.moduleName, (s, n) => {
-      this.unblock(e), n(!0);
-    }), t.log("ReflowableSetup Mounted"), !0;
+  onTouchStart(e) {
+    switch (e.stopPropagation(), this.takeOverSnap(), e.touches.length) {
+      case 1:
+        break;
+      case 2:
+        this.onTouchEnd(e);
+        return;
+      default: {
+        this.onTouchEnd(e), this.comms.send("tap_more", e.touches.length);
+        return;
+      }
+    }
+    this.startingX = e.touches[0].clientX, this.alreadyScrollLeft = this.doc().scrollLeft, this.touchState = 1;
   }
-  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);
+  onTouchEnd(e) {
+    if (this.touchState === 2) {
+      const t = this.dragOffset(), r = this.scrollOffset();
+      this.cachedScrollWidth <= this.wnd.innerWidth ? (this.reportProgress(), t > 5 && this.comms.send("no_more", void 0), t < -5 && this.comms.send("no_less", void 0)) : r < 5 && t < 5 ? (this.alreadyScrollLeft = 0, this.comms.send("no_less", void 0)) : this.cachedScrollWidth - r - this.wnd.innerWidth < 5 && t > 5 && (this.alreadyScrollLeft = this.cachedScrollWidth, this.comms.send("no_more", void 0)), this.snapCurrentOffset(!0), this.comms.send("swipe", t);
+    }
+    this.touchState = 0;
+  }
+  onWidthChange() {
+    this.cachedScrollWidth = this.doc().scrollWidth, this.comms.ready && this.snapCurrentOffset();
+  }
+  onTouchMove(e) {
+    if (this.touchState === 0)
+      return;
+    this.touchState === 1 && (this.touchState = 2, T(this.wnd)), this.endingX = e.touches[0].clientX;
+    const t = this.dragOffset(), r = this.alreadyScrollLeft + t;
+    r < 0 ? (this.overscroll = r, this.doc().style.transform = `translate3d(${-this.overscroll}px, 0px, 0px)`) : r + this.wnd.innerWidth > this.cachedScrollWidth ? (this.overscroll = r, this.doc().style.transform = `translate3d(${-r}px, 0px, 0px)`) : (this.overscroll = 0, this.doc().style.removeProperty("transform"), this.doc().scrollLeft = this.alreadyScrollLeft + t);
   }
-};
-Tt.moduleName = "reflowable_setup";
-let gi = Tt;
-const Ye = "readium-fixed-style", St = class L extends xt {
   mount(e, t) {
-    if (!super.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");
-    return r.id = Ye, r.dataset.readium = "true", r.textContent = `
-        html, body {
-            text-size-adjust: none;
-            -ms-text-size-adjust: none;
-            -webkit-text-size-adjust: none;
-            -moz-text-size-adjust: none;
+    r.dataset.readium = "true", r.id = Ge, r.textContent = `
+        @keyframes readium-bounce-l-animation {
+            0%, 100% {transform: translate3d(0, 0, 0);}
+            50% {transform: translate3d(-50px, 0, 0);}
+        }
 
-            /* Fight Safari pinches */
-            touch-action: none !important;
-            min-height: 100%;
+        @keyframes readium-bounce-r-animation {
+            0%, 100% {transform: translate3d(0, 0, 0);}
+            50% {transform: translate3d(50px, 0, 0);}
+        }
 
-            /*cursor: var() TODO*/
-        }`, e.document.head.appendChild(r), t.register("set_property", L.moduleName, (s, n) => {
-      const o = s;
-      ye(e, o[0], o[1]), n(!0);
-    }), t.register("remove_property", L.moduleName, (s, n) => {
-      wt(e, s), n(!0);
-    }), t.register("first_visible_locator", L.moduleName, (s, n) => n(!1)), t.register("unfocus", L.moduleName, (s, n) => {
-      T(e), n(!0);
-    }), t.register([
-      "focus",
-      "go_next",
-      "go_prev",
-      "go_id",
-      "go_end",
-      "go_start",
-      "go_text",
-      "go_progression"
-    ], L.moduleName, (s, n) => n(!0)), t.register("activate", L.moduleName, (s, n) => {
-      this.unblock(e), n(!0);
-    }), t.log("FixedSetup Mounted"), !0;
-  }
-  unmount(e, t) {
-    var r;
-    return t.unregisterAll(L.moduleName), (r = e.document.getElementById(Ye)) == null || r.remove(), t.log("FixedSetup Unmounted"), super.unmount(e, t);
-  }
-};
-St.moduleName = "fixed_setup";
-let vi = St;
-function yi(i, e) {
-  let t = i.getClientRects();
-  t.length || i.commonAncestorContainer.nodeType === Node.ELEMENT_NODE && (t = i.commonAncestorContainer.getClientRects());
-  const r = 1, s = [];
-  for (const c of t)
-    s.push({
-      bottom: c.bottom,
-      height: c.height,
-      left: c.left,
-      right: c.right,
-      top: c.top,
-      width: c.width
-    });
-  const n = Ct(
-    s,
-    r,
-    e
-  ), o = Ei(n, r), a = Pt(o), h = 2 * 2;
-  for (let c = a.length - 1; c >= 0; c--) {
-    const d = a[c];
-    if (!(d.width * d.height > h))
-      if (a.length > 1)
-        a.splice(c, 1);
-      else
-        break;
-  }
-  return a;
-}
-function Ct(i, e, t) {
-  for (let r = 0; r < i.length; r++)
-    for (let s = r + 1; s < i.length; s++) {
-      const n = i[r], o = i[s];
-      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);
-        return u.push(f), Ct(
-          u,
-          e,
-          t
-        );
+        .readium-bounce-l {
+            animation: readium-bounce-l-animation 150ms ease-out 1;
+        }
+
+        .readium-bounce-r {
+            animation: readium-bounce-r-animation 150ms ease-out 1;
+        }
+
+        html {
+            overflow: hidden;
+        }
+
+        body {
+            -ms-overflow-style: none; /* for Internet Explorer, Edge */
+        }
+
+        * {
+            scrollbar-width: none; /* for Firefox */
+        }
+        
+        body::-webkit-scrollbar {
+            display: none; /* for Chrome, Safari, and Opera */
+        }
+        `, e.document.head.appendChild(r);
+    const s = e.ResizeObserver || pt;
+    this.resizeObserver = new s(() => e.requestAnimationFrame(() => {
+      e && vi(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"] });
+    const n = (o) => {
+      const a = this.doc().scrollLeft;
+      return this.doc().scrollLeft = this.snapOffset(o), a !== this.doc().scrollLeft;
+    };
+    return e.addEventListener("orientationchange", this.onWidthChanger), e.addEventListener("resize", this.onWidthChanger), e.requestAnimationFrame(() => this.cachedScrollWidth = this.doc().scrollWidth), t.register("go_progression", C.moduleName, (o, a) => {
+      const h = o;
+      if (h < 0 || h > 1) {
+        t.send("error", {
+          message: "go_progression must be given a position from 0.0 to 1.0"
+        }), a(!1);
+        return;
       }
-    }
-  return i;
-}
-function bi(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,
-    height: n - s,
-    left: t,
-    right: r,
-    top: s,
-    width: r - t
-  };
-}
-function Ei(i, e) {
-  const t = new Set(i);
-  for (const r of i) {
-    if (!(r.width > 1 && r.height > 1)) {
-      t.delete(r);
-      continue;
-    }
-    for (const n of i)
-      if (r !== n && t.has(n) && xi(n, r, e)) {
-        t.delete(r);
-        break;
+      this.wnd.requestAnimationFrame(() => {
+        this.cachedScrollWidth = this.doc().scrollWidth;
+        const c = this.cachedScrollWidth, u = W(e) ? -1 : 1, p = c * h * u;
+        this.doc().scrollLeft = this.snapOffset(p), this.reportProgress(), T(this.wnd), a(!0);
+      });
+    }), t.register("go_id", C.moduleName, (o, a) => {
+      const h = e.document.getElementById(o);
+      if (!h) {
+        a(!1);
+        return;
+      }
+      this.wnd.requestAnimationFrame(() => {
+        this.doc().scrollLeft = this.snapOffset(h.getBoundingClientRect().left + e.scrollX), this.reportProgress(), T(this.wnd), a(!0);
+      });
+    }), 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), u = Oe(this.wnd.document, new I({
+        href: e.location.href,
+        type: "text/html",
+        text: c,
+        locations: h ? new w({
+          otherLocations: /* @__PURE__ */ new Map([
+            ["cssSelector", h]
+          ])
+        }) : void 0
+      }));
+      if (!u) {
+        a(!1);
+        return;
       }
+      this.wnd.requestAnimationFrame(() => {
+        this.doc().scrollLeft = this.snapOffset(u.getBoundingClientRect().left + e.scrollX), this.reportProgress(), T(this.wnd), a(!0);
+      });
+    }), t.register("go_end", C.moduleName, (o, a) => {
+      const h = W(e) ? -1 : 1;
+      this.wnd.requestAnimationFrame(() => {
+        this.cachedScrollWidth = this.doc().scrollWidth;
+        const c = this.cachedScrollWidth * h;
+        if (this.doc().scrollLeft === c)
+          return a(!1);
+        this.doc().scrollLeft = this.snapOffset(c), this.reportProgress(), T(this.wnd), a(!0);
+      });
+    }), t.register("go_start", C.moduleName, (o, a) => {
+      this.wnd.requestAnimationFrame(() => {
+        if (this.doc().scrollLeft === 0)
+          return a(!1);
+        this.doc().scrollLeft = 0, this.reportProgress(), T(this.wnd), a(!0);
+      });
+    }), t.register("go_prev", C.moduleName, (o, a) => {
+      this.wnd.requestAnimationFrame(() => {
+        const h = e.scrollX - e.innerWidth, c = W(e) ? -(this.cachedScrollWidth - e.innerWidth) : 0, u = n(Math.max(h, c));
+        u && (this.reportProgress(), T(this.wnd)), a(u);
+      });
+    }), t.register("go_next", C.moduleName, (o, a) => {
+      this.wnd.requestAnimationFrame(() => {
+        const h = e.scrollX + e.innerWidth, c = W(e) ? 0 : this.cachedScrollWidth - e.innerWidth, u = n(Math.min(h, c));
+        u && (this.reportProgress(), T(this.wnd)), a(u);
+      });
+    }), t.register("unfocus", C.moduleName, (o, a) => {
+      this.snappingCancelled = !0, T(this.wnd), a(!0);
+    }), t.register("shake", C.moduleName, (o, a) => {
+      this.shake(), a(!0);
+    }), t.register("focus", C.moduleName, (o, a) => {
+      this.wnd.requestAnimationFrame(() => {
+        this.cachedScrollWidth = this.doc().scrollWidth, this.snapCurrentOffset(!1, !0), this.reportProgress(), a(!0);
+      });
+    }), t.register("first_visible_locator", C.moduleName, (o, a) => {
+      const h = Et(e, !1);
+      this.comms.send("first_visible_locator", h.serialize()), a(!0);
+    }), e.addEventListener("touchstart", this.onTouchStarter, { passive: !0 }), e.addEventListener("touchend", this.onTouchEnder, { passive: !0 }), e.addEventListener("touchmove", this.onTouchMover, { passive: !0 }), e.document.addEventListener("touchstart", () => {
+    }), t.log("ColumnSnapper Mounted"), !0;
+  }
+  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(Ge)) == null || r.remove(), t.log("ColumnSnapper Unmounted"), super.unmount(e, t);
+  }
+};
+wt.moduleName = "column_snapper";
+let Ti = wt;
+const he = {
+  top: "js-iframe-reader-top-anchor",
+  bottom: "js-iframe-reader-bottom-anchor"
+};
+class Si 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");
   }
-  return Array.from(t);
-}
-function xi(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 Ci(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 Pt(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)) {
-        let n = [], o;
-        const a = Ze(r, s);
-        if (a.length === 1)
-          n = a, o = r;
-        else {
-          const c = Ze(s, r);
-          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 i;
+function Oi(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));
 }
-function Ze(i, e) {
-  const t = wi(e, i);
-  if (t.height === 0 || t.width === 0)
-    return [i];
-  const r = [];
-  {
-    const s = {
-      bottom: i.bottom,
-      height: 0,
-      left: i.left,
-      right: t.left,
-      top: i.top,
-      width: 0
-    };
-    s.width = s.right - s.left, s.height = s.bottom - s.top, s.height !== 0 && s.width !== 0 && r.push(s);
-  }
-  {
-    const s = {
-      bottom: t.top,
-      height: 0,
-      left: t.left,
-      right: t.right,
-      top: i.top,
-      width: 0
+const Ye = "readium-scroll-snapper-style", Tt = class M extends vt {
+  constructor() {
+    super(...arguments), this.createAnchorElements = () => {
+      Ci(this.doc());
+    }, this.removeAnchorElements = () => {
+      Oi(this.doc());
+    }, this.createCustomElement = () => {
+      customElements.get("anchor-observer") || customElements.define("anchor-observer", Si);
     };
-    s.width = s.right - s.left, s.height = s.bottom - s.top, s.height !== 0 && s.width !== 0 && r.push(s);
   }
-  {
-    const s = {
-      bottom: i.bottom,
-      height: 0,
-      left: t.left,
-      right: t.right,
-      top: t.bottom,
-      width: 0
-    };
-    s.width = s.right - s.left, s.height = s.bottom - s.top, s.height !== 0 && s.width !== 0 && r.push(s);
+  doc() {
+    return this.wnd.document.scrollingElement;
   }
-  {
-    const s = {
-      bottom: i.bottom,
-      height: 0,
-      left: t.right,
-      right: i.right,
-      top: i.top,
-      width: 0
-    };
-    s.width = s.right - s.left, s.height = s.bottom - s.top, s.height !== 0 && s.width !== 0 && r.push(s);
+  reportProgress(e) {
+    this.comms.send("progress", e);
   }
-  return r;
-}
-function wi(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,
-    height: Math.max(0, n - s),
-    left: t,
-    right: r,
-    top: s,
-    width: Math.max(0, r - t)
-  };
-}
-function Ot(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 {
-  /**
-   * 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());
+  mount(e, 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 = Ye, r.textContent = `
+        * {
+            scrollbar-width: none; /* for Firefox */
+        }
+        
+        body::-webkit-scrollbar {
+            display: none; /* for Chrome, Safari, and Opera */
+        }
+        `, e.document.head.appendChild(r), t.register("go_progression", M.moduleName, (s, n) => {
+      const o = s;
+      if (o < 0 || o > 1) {
+        t.send("error", {
+          message: "go_progression must be given a position from 0.0 to 1.0"
+        }), n(!1);
+        return;
+      }
+      this.wnd.requestAnimationFrame(() => {
+        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);
+      if (!o) {
+        n(!1);
+        return;
+      }
+      this.wnd.requestAnimationFrame(() => {
+        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({
+        href: e.location.href,
+        type: "text/html",
+        text: a,
+        locations: o ? new w({
+          otherLocations: /* @__PURE__ */ new Map([
+            ["cssSelector", o]
+          ])
+        }) : void 0
+      }));
+      if (!h) {
+        n(!1);
+        return;
+      }
+      this.wnd.requestAnimationFrame(() => {
+        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({ 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({ 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) => {
+      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 = Et(e, !0);
+      this.comms.send("first_visible_locator", o.serialize()), n(!0);
+    }), t.log("ScrollSnapper Mounted"), this.createCustomElement(), this.createAnchorElements(), !0;
   }
-  get activeable() {
-    return this.activateable;
+  unmount(e, t) {
+    var r;
+    return t.unregisterAll(M.moduleName), this.removeAnchorElements(), (r = e.document.getElementById(Ye)) == null || r.remove(), t.log("ScrollSnapper Unmounted"), !0;
   }
-  set activeable(e) {
-    this.activateable = e;
+};
+Tt.moduleName = "scroll_snapper";
+let Pi = Tt;
+class St 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);
   }
-  /**
-   * Adds a new decoration to the group.
-   * @param decoration Decoration to add
-   */
-  add(e) {
-    var o, a, h, c;
-    const t = `${this.id}-${this.lastItemId++}`, r = Oe(this.wnd.document, e.locator);
-    if (!r) {
-      this.comms.log("Can't locate DOM range for decoration", e);
+  onPointUp(e) {
+    var s, n, o, a, h;
+    const t = this.wnd.getSelection();
+    if (t && ((s = t.toString()) == null ? void 0 : s.length) > 0) {
+      const c = (n = t.getRangeAt(0)) == null ? void 0 : n.getClientRects();
+      if (!c || c.length === 0)
+        return;
+      const u = c[0], p = {
+        text: t.toString(),
+        x: u.x,
+        y: u.y,
+        width: u.width,
+        height: u.height,
+        targetFrameSrc: (a = (o = this.wnd) == null ? void 0 : o.location) == null ? void 0 : a.href
+      };
+      this.comms.send("text_selected", p);
+    }
+    if (this.pointerMoved) {
+      this.pointerMoved = !1;
       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)));
-    const n = {
-      decoration: e,
-      id: t,
-      range: r
-    };
-    this.items.push(n), this.layout(n), this.renderLayout([n]);
+    if (!(t != null && t.isCollapsed) || !e.isPrimary)
+      return;
+    const r = this.wnd.devicePixelRatio;
+    e.preventDefault(), this.comms.send(e.pointerType === "touch" ? "tap" : "click", {
+      defaultPrevented: e.defaultPrevented,
+      x: e.clientX * r,
+      y: e.clientY * r,
+      targetFrameSrc: this.wnd.location.href,
+      targetElement: e.target.outerHTML,
+      interactiveElement: (h = bt(e.target)) == null ? void 0 : h.outerHTML,
+      cssSelector: this.wnd._readium_cssSelectorGenerator.getCssSelector(e.target)
+    }), this.pointerMoved = !1;
   }
-  /**
-   * Removes the decoration with given ID from the group.
-   * @param identifier ID of item to remove
-   */
-  remove(e) {
-    var s, n;
-    const t = this.items.findIndex((o) => o.decoration.id === e);
-    if (t < 0)
+  onPointMove(e) {
+    if (e.movementY !== void 0 && e.movementX !== void 0) {
+      (Math.abs(e.movementX) > 1 || Math.abs(e.movementY) > 1) && (this.pointerMoved = !0);
       return;
-    const r = this.items[t];
-    if (this.items.splice(t, 1), r.clickableElements = void 0, r.container && (r.container.remove(), r.container = void 0), this.experimentalHighlights && !((s = this.notTextFlag) != null && s.has(r.id))) {
-      const o = this.wnd.CSS.highlights.get(this.id);
-      o == null || o.delete(r.range);
     }
-    (n = this.notTextFlag) == null || n.delete(r.id);
+    this.pointerMoved = !0;
+  }
+  onPointDown() {
+    this.pointerMoved = !1;
+  }
+  onContext(e) {
+    this.onPointUp(e), this.pointerMoved = !1;
+  }
+  onClick(e) {
+    if (e.preventDefault(), !e.isTrusted) {
+      const t = new PointerEvent("pointerup", {
+        isPrimary: !0,
+        pointerType: "mouse",
+        // Not really a better choice than this
+        clientX: e.clientX,
+        clientY: e.clientY
+      });
+      Object.defineProperty(t, "target", { writable: !1, value: e.target }), Object.defineProperty(t, "defaultPrevented", { writable: !1, value: e.defaultPrevented }), this.onPointUp(t);
+    }
   }
-  /**
-   * Notifies that the given decoration was modified and needs to be updated.
-   * @param decoration Decoration to update
-   */
-  update(e) {
-    this.remove(e.id), this.add(e);
+  mount(e, t) {
+    return this.wnd = e, this.comms = t, e.document.addEventListener("pointerdown", this.onPointerDown), e.document.addEventListener("pointerup", this.onPointerUp), e.document.addEventListener("contextmenu", this.onContextMenu), e.document.addEventListener("pointermove", this.onPointerMove), e.document.addEventListener("click", this.onClicker), t.log("Peripherals Mounted"), !0;
   }
-  /**
-   * Removes all decorations from this group.
-   */
-  clear() {
-    var e;
-    this.clearContainer(), this.items.length = 0, (e = this.notTextFlag) == null || e.clear();
+  unmount(e, t) {
+    return e.document.removeEventListener("pointerdown", this.onPointerDown), e.document.removeEventListener("pointerup", this.onPointerUp), e.document.removeEventListener("contextmenu", this.onContextMenu), e.document.removeEventListener("pointermove", this.onPointerMove), e.document.removeEventListener("click", this.onClicker), t.log("Peripherals Unmounted"), !0;
   }
-  /**
-   * Recreates the decoration elements.
-   * To be called after reflowing the resource, for example.
-   */
-  requestLayout() {
-    this.wnd.cancelAnimationFrame(this.currentRender), this.clearContainer(), this.items.forEach((e) => this.layout(e)), this.renderLayout(this.items);
+}
+St.moduleName = "peripherals";
+const Ct = class be extends ce {
+  constructor() {
+    super(...arguments), this.mediaPlayingCount = 0, this.allAnimations = /* @__PURE__ */ new Set();
   }
-  experimentalLayout(e) {
-    var s, n;
-    const [t, r] = this.requireContainer(!0);
-    r.add(e.range), t.innerHTML = `
-        ::highlight(${this.id}) {
-            color: black;
-            background-color: ${((n = (s = e.decoration) == null ? void 0 : s.style) == null ? void 0 : n.tint) ?? "yellow"};
-        }`;
+  wndOnErr(e) {
+    var t;
+    (t = this.comms) == null || t.send("error", {
+      message: e.message,
+      filename: e.filename,
+      lineno: e.lineno,
+      colno: e.colno
+    });
   }
-  /**
-   * Layouts a single DecorationItem.
-   * @param item 
-   */
-  layout(e) {
-    var v, g, y, x, S;
-    if (this.experimentalHighlights && !((v = this.notTextFlag) != null && v.has(e.id)))
-      return this.experimentalLayout(e);
-    const t = this.wnd.document.createElement("div");
-    t.setAttribute("id", e.id), t.style.setProperty("pointer-events", "none");
-    const r = this.wnd.innerWidth, s = parseInt(
-      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;
-      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") {
-        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`;
-      } else
-        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";
-    p.innerHTML = `
-        <div
-            class="r2-highlight-0"
-            style="${[
-      `background-color: ${((y = (g = e.decoration) == null ? void 0 : g.style) == null ? void 0 : y.tint) ?? "yellow"} !important`,
-      //"opacity: 0.3 !important",
-      `mix-blend-mode: ${u ? "exclusion" : "multiply"} !important`,
-      "opacity: 1 !important",
-      "box-sizing: border-box !important"
-    ].join("; ")}"
-        >
-        </div>
-        `.trim();
-    const f = p.content.firstElementChild;
-    if (((S = (x = e.decoration) == null ? void 0 : x.style) == null ? void 0 : S.layout) === "bounds") {
-      const m = f.cloneNode(!0);
-      m.style.setProperty("pointer-events", "none"), c(m, d, d), t.append(m);
-    } else {
-      let m = yi(
-        e.range,
-        !0
-        // doNotMergeHorizontallyAlignedRects
-      );
-      m = m.sort((E, O) => E.top < O.top ? -1 : E.top > O.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);
+  unblock(e) {
+    var t;
+    for (e._readium_blockEvents = !1; ((t = e._readium_blockedEvents) == null ? void 0 : t.length) > 0; ) {
+      const r = e._readium_blockedEvents.shift();
+      switch (r[0]) {
+        case 0:
+          Reflect.apply(r[1], r[2], r[3]);
+          break;
+        case 1:
+          const s = r[1], n = r[2];
+          e.removeEventListener(s.type, e._readium_eventBlocker, !0);
+          const o = new Event(s.type, {
+            bubbles: s.bubbles,
+            cancelable: s.cancelable
+          });
+          n ? n.dispatchEvent(o) : e.dispatchEvent(o);
+          break;
       }
     }
-    e.container = t, e.clickableElements = Array.from(
-      t.querySelectorAll("[data-activable='1']")
-    ), e.clickableElements.length || (e.clickableElements = Array.from(t.children));
   }
-  renderLayout(e) {
-    this.wnd.cancelAnimationFrame(this.currentRender), this.currentRender = this.wnd.requestAnimationFrame(() => {
-      if (e = e.filter((r) => {
-        var s;
-        return !this.experimentalHighlights || !!((s = this.notTextFlag) != null && s.has(r.id));
-      }), !e || e.length === 0)
-        return;
-      this.requireContainer().append(...e.map((r) => r.container).filter((r) => !!r));
-    });
+  onMediaPlayEvent() {
+    var e;
+    this.mediaPlayingCount++, (e = this.comms) == null || e.send("media_play", this.mediaPlayingCount);
   }
-  /**
-   * Returns the group container element, after making sure it exists.
-   * @returns Group's container
-   */
-  requireContainer(e = !1) {
-    if (e) {
-      let t;
-      this.wnd.document.getElementById(`${this.id}-style`) ? t = this.wnd.document.getElementById(`${this.id}-style`) : (t = this.wnd.document.createElement("style"), t.dataset.readium = "true", t.id = `${this.id}-style`, this.wnd.document.head.appendChild(t));
-      let r;
-      return this.wnd.CSS.highlights.has(this.id) ? r = this.wnd.CSS.highlights.get(this.id) : (r = new this.wnd.Highlight(), this.wnd.CSS.highlights.set(this.id, r)), [t, r];
+  onMediaPauseEvent() {
+    var e;
+    this.mediaPlayingCount > 0 && this.mediaPlayingCount--, (e = this.comms) == null || e.send("media_pause", this.mediaPlayingCount);
+  }
+  pauseAllMedia(e) {
+    const t = e.document.querySelectorAll("audio,video");
+    for (let r = 0; r < t.length; r++)
+      t[r].pause();
+  }
+  mount(e, t) {
+    this.comms = t, e.addEventListener(
+      "error",
+      this.wndOnErr,
+      !1
+    ), Reflect.defineProperty(e.navigator, "epubReadingSystem", {
+      value: {
+        name: "readium-ts-toolkit",
+        version: "1.3.2",
+        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", be.moduleName, (s, n) => {
+      this.allAnimations.forEach((o) => {
+        o.cancel(), o.play();
+      }), n(!0);
+    }), t.register("unfocus", be.moduleName, (s, n) => {
+      this.pauseAllMedia(e), this.allAnimations.forEach((o) => o.pause()), n(!0);
+    });
+    const r = e.document.querySelectorAll("audio,video");
+    for (let s = 0; s < r.length; s++) {
+      const n = r[s];
+      n.addEventListener("play", this.onMediaPlayEvent, {
+        passive: !0
+      }), n.addEventListener("pause", this.onMediaPauseEvent, {
+        passive: !0
+      });
     }
-    return this.container || (this.container = this.wnd.document.createElement("div"), this.container.setAttribute("id", this.id), this.container.dataset.group = this.name, this.container.dataset.readium = "true", this.container.style.setProperty("pointer-events", "none"), this.container.style.display = "contents", this.wnd.document.body.append(this.container)), this.container;
+    return t.log("Setup Mounted"), !0;
   }
-  /**
-   * Removes the group container.
-   */
-  clearContainer() {
-    this.experimentalHighlights && this.wnd.CSS.highlights.delete(this.id), this.container && (this.container.remove(), this.container = void 0);
+  unmount(e, t) {
+    return e.removeEventListener("error", this.wndOnErr), e.removeEventListener("play", this.onMediaPlayEvent), e.removeEventListener("pause", this.onMediaPauseEvent), this.allAnimations.forEach((r) => r.cancel()), this.allAnimations.clear(), t.log("Setup Unmounted"), !0;
   }
-}
-const At = class be extends ce {
-  constructor() {
-    super(...arguments), this.resizeFrame = 0, this.lastGroupId = 0, this.groups = /* @__PURE__ */ new Map(), this.handleResizer = this.handleResize.bind(this);
+};
+Ct.moduleName = "setup";
+let Ot = Ct;
+const Ze = "readium-viewport", Pt = class V extends Ot {
+  onViewportWidthChanged(e) {
+    const t = e.target;
+    ge(t, "--RS__viewportWidth", `${t.innerWidth}px`);
   }
-  cleanup() {
-    this.groups.forEach((e) => e.clear()), this.groups.clear();
+  mount(e, t) {
+    if (!super.mount(e, t))
+      return !1;
+    const r = e.document.createElement("meta");
+    return r.dataset.readium = "true", r.setAttribute("name", "viewport"), r.setAttribute("id", Ze), r.setAttribute(
+      "content",
+      "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) => {
+      const o = s;
+      ge(e, o[0], o[1]), n(!0);
+    }), t.register("remove_property", V.moduleName, (s, n) => {
+      ft(e, s), n(!0);
+    }), t.register("activate", V.moduleName, (s, n) => {
+      this.unblock(e), n(!0);
+    }), t.log("ReflowableSetup Mounted"), !0;
   }
-  handleResize() {
-    this.wnd.clearTimeout(this.resizeFrame), this.resizeFrame = this.wnd.setTimeout(() => {
-      this.groups.forEach((e) => {
-        e.experimentalHighlights || e.requestLayout();
-      });
-    }, 50);
+  unmount(e, t) {
+    var r;
+    return t.unregisterAll(V.moduleName), (r = e.document.head.querySelector(`#${Ze}`)) == null || r.remove(), e.removeEventListener("orientationchange", this.onViewportWidthChanged), t.log("ReflowableSetup Unmounted"), super.unmount(e, t);
   }
+};
+Pt.moduleName = "reflowable_setup";
+let Ai = Pt;
+const Je = "readium-fixed-style", At = class L extends Ot {
   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(
-        e,
-        t,
-        `readium-decoration-${this.lastGroupId++}`,
-        n.group
-      ));
-      const o = this.groups.get(n.group);
-      switch (n.action) {
-        case "add":
-          o == null || o.add(n.decoration);
-          break;
-        case "remove":
-          o == null || o.remove(n.decoration.id);
-          break;
-        case "clear":
-          o == null || o.clear();
-          break;
-        case "update":
-          o == null || o.update(n.decoration);
-          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;
+    if (!super.mount(e, t))
+      return !1;
+    e.navigator.epubReadingSystem.layoutStyle = "paginated";
+    const r = e.document.createElement("style");
+    return r.id = Je, r.dataset.readium = "true", r.textContent = `
+        html, body {
+            text-size-adjust: none;
+            -ms-text-size-adjust: none;
+            -webkit-text-size-adjust: none;
+            -moz-text-size-adjust: none;
+
+            /* Fight Safari pinches */
+            touch-action: none !important;
+            min-height: 100%;
+
+            /*cursor: var() TODO*/
+        }`, e.document.head.appendChild(r), t.register("set_property", L.moduleName, (s, n) => {
+      const o = s;
+      ge(e, o[0], o[1]), n(!0);
+    }), t.register("remove_property", L.moduleName, (s, n) => {
+      ft(e, s), n(!0);
+    }), t.register("first_visible_locator", L.moduleName, (s, n) => n(!1)), t.register("unfocus", L.moduleName, (s, n) => {
+      T(e), n(!0);
+    }), t.register([
+      "focus",
+      "go_next",
+      "go_prev",
+      "go_id",
+      "go_end",
+      "go_start",
+      "go_text",
+      "go_progression"
+    ], L.moduleName, (s, n) => n(!0)), t.register("activate", L.moduleName, (s, n) => {
+      this.unblock(e), n(!0);
+    }), t.log("FixedSetup 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;
+    var r;
+    return t.unregisterAll(L.moduleName), (r = e.document.getElementById(Je)) == null || r.remove(), t.log("FixedSetup Unmounted"), super.unmount(e, t);
   }
 };
-At.moduleName = "decorator";
-let Pi = At;
-const Oi = [
+At.moduleName = "fixed_setup";
+let Mi = At;
+const Ri = [
   "fixed_setup",
   "decorator",
   "peripherals"
-], Ai = [
+], Ni = [
   "reflowable_setup",
   "decorator",
   "peripherals",
   "column_snapper",
   "scroll_snapper"
-], Je = new Map([
+], Ke = new Map([
   // All modules go here
-  vi,
+  Mi,
+  Ai,
+  St,
   gi,
-  bt,
-  Pi,
-  ci,
-  fi
+  Ti,
+  Pi
 ].map((i) => [i.moduleName, i]));
-class Mi {
+class Li {
   /**
    * @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 +3160,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 +3178,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 +3192,16 @@ class Mi {
   }
 }
 export {
-  X as COMMS_VERSION,
-  Rt as Comms,
-  Oi as FXLModules,
-  Mi as Loader,
+  _ as COMMS_VERSION,
+  Nt as Comms,
+  gi as Decorator,
+  Ri as FXLModules,
+  pi as Layout,
+  Li as Loader,
   ce as Module,
-  Je as ModuleLibrary,
-  bt as Peripherals,
-  Ai as ReflowableModules,
-  Nt as mid
+  Ke as ModuleLibrary,
+  St as Peripherals,
+  Ni as ReflowableModules,
+  di as Width,
+  Rt as mid
 };