@readium/navigator-html-injectables 1.3.1 → 1.3.3

package/dist/index.js

@@ -1,5 +1,5 @@
-const Mt = Math.pow(2, 32), Ae = () => Math.round(Math.random() * Mt).toString(36), Rt = () => `${Math.round(performance.now())}-${Ae()}-${Ae()}`, _ = 1;
-class Nt {
+const Lt = Math.pow(2, 32), Me = () => Math.round(Math.random() * Lt).toString(36), It = () => `${Math.round(performance.now())}-${Me()}-${Me()}`, j = 1;
+class zt {
   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 Nt {
     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 !== _) {
-            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 = "";
+          if (this.destination = e.source, this.origin = e.origin, this.channelId = t._channel, t._readium !== j) {
+            t._readium > j ? this.send("error", `received comms version ${t._readium} higher than ${j}`) : this.send("error", `received comms version ${t._readium} lower than ${j}`), this.destination = null, this.origin = "", this.channelId = "";
             return;
           }
           this.send("_pong", void 0), this.preLog.forEach((r) => this.send("log", r)), this.preLog = [];
@@ -33,22 +33,22 @@ class Nt {
       e.strict && this.send("_unhandled", e);
       return;
     }
-    t.forEach((r) => r.cb(e.data, (s) => {
-      this.send("_ack", s, e.id);
+    t.forEach((r) => r.cb(e.data, (n) => {
+      this.send("_ack", n, e.id);
     }));
   }
   register(e, t, r) {
-    Array.isArray(e) || (e = [e]), e.forEach((s) => {
-      const n = this.registrar.get(s);
-      if (n && n.length >= 0) {
-        if (n.find((a) => a.module === t))
-          throw new Error(`Trying to register another callback for combination of event ${s} and module ${t}`);
-        n.push({
+    Array.isArray(e) || (e = [e]), e.forEach((n) => {
+      const s = this.registrar.get(n);
+      if (s && s.length >= 0) {
+        if (s.find((a) => a.module === t))
+          throw new Error(`Trying to register another callback for combination of event ${n} and module ${t}`);
+        s.push({
           cb: r,
           module: t
-        }), this.registrar.set(s, n);
+        }), this.registrar.set(n, s);
       } else
-        this.registrar.set(s, [{
+        this.registrar.set(n, [{
           cb: r,
           module: t
         }]);
@@ -56,12 +56,12 @@ class Nt {
   }
   unregister(e, t) {
     Array.isArray(e) || (e = [e]), e.forEach((r) => {
-      const s = this.registrar.get(r);
-      !s || s.length === 0 || s.splice(s.findIndex((n) => n.module === t), 1);
+      const n = this.registrar.get(r);
+      !n || n.length === 0 || n.splice(n.findIndex((s) => s.module === t), 1);
     });
   }
   unregisterAll(e) {
-    this.registrar.forEach((t, r) => this.registrar.set(r, t.filter((s) => s.module !== e)));
+    this.registrar.forEach((t, r) => this.registrar.set(r, t.filter((n) => n.module !== e)));
   }
   log(...e) {
     this.destination ? this.send("log", e) : this.preLog.push(e);
@@ -72,364 +72,30 @@ class Nt {
   destroy() {
     this.destination = null, this.channelId = "", this.preLog = [], this.registrar.clear(), this.wnd.removeEventListener("message", this.receiver);
   }
-  send(e, t, r = void 0, s = []) {
+  send(e, t, r = void 0, n = []) {
     if (!this.destination)
       throw Error("Attempted to send comms message before destination has been initialized");
-    const n = {
-      _readium: _,
+    const s = {
+      _readium: j,
       _channel: this.channelId,
-      id: r ?? Rt(),
+      id: r ?? It(),
       // scrict,
       key: e,
       data: t
     };
     try {
-      this.destination.postMessage(n, {
+      this.destination.postMessage(s, {
         targetOrigin: this.origin,
-        transfer: s
+        transfer: n
       });
     } catch (o) {
-      if (s.length > 0)
+      if (n.length > 0)
         throw o;
-      this.destination.postMessage(n, this.origin, s);
-    }
-  }
-}
-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);
-}, Dt = 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);
-}, Re = function(i) {
-  var e;
-  if (i instanceof Element)
-    return !0;
-  var t = (e = i == null ? void 0 : i.ownerDocument) === null || e === void 0 ? void 0 : e.defaultView;
-  return !!(t && i instanceof t.Element);
-}, Bt = 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;
-}, V = typeof window < "u" ? window : {}, Q = /* @__PURE__ */ new WeakMap(), Ne = /auto|scroll/, Wt = /^tb|vertical/, Ft = /msie|trident/i.test(V.navigator && V.navigator.userAgent), R = function(i) {
-  return parseFloat(i || "0");
-}, H = function(i, e, t) {
-  return i === void 0 && (i = 0), e === void 0 && (e = 0), t === void 0 && (t = !1), new Dt((t ? e : i) || 0, (t ? i : e) || 0);
-}, Le = k({
-  devicePixelContentBoxSize: H(),
-  borderBoxSize: H(),
-  contentBoxSize: H(),
-  contentRect: new Qe(0, 0, 0, 0)
-}), tt = function(i, e) {
-  if (e === void 0 && (e = !1), Q.has(i) && !e)
-    return Q.get(i);
-  if (et(i))
-    return Q.set(i, Le), Le;
-  var t = getComputedStyle(i), r = Ee(i) && i.ownerSVGElement && i.getBBox(), s = !Ft && t.boxSizing === "border-box", n = Wt.test(t.writingMode || ""), o = !r && Ne.test(t.overflowY || ""), a = !r && Ne.test(t.overflowX || ""), h = r ? 0 : R(t.paddingTop), c = r ? 0 : R(t.paddingRight), d = r ? 0 : R(t.paddingBottom), p = r ? 0 : R(t.paddingLeft), u = r ? 0 : R(t.borderTopWidth), f = r ? 0 : R(t.borderRightWidth), v = r ? 0 : R(t.borderBottomWidth), g = r ? 0 : R(t.borderLeftWidth), y = p + c, x = h + d, S = g + f, m = u + v, E = a ? i.offsetHeight - m - i.clientHeight : 0, P = o ? i.offsetWidth - S - i.clientWidth : 0, Y = s ? y + S : 0, Z = s ? x + m : 0, D = r ? r.width : R(t.width) - Y - P, B = r ? r.height : R(t.height) - Z - E, J = D + y + P + S, K = B + x + E + m, U = k({
-    devicePixelContentBoxSize: H(Math.round(D * devicePixelRatio), Math.round(B * devicePixelRatio), n),
-    borderBoxSize: H(J, K, n),
-    contentBoxSize: H(D, B, n),
-    contentRect: new Qe(p, h, D, B)
-  });
-  return Q.set(i, U), U;
-}, it = function(i, e, t) {
-  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));
-    });
-  });
-}, Ht = function() {
-  var i = 0;
-  for (ze(i); Lt(); )
-    i = Ut(), ze(i);
-  return zt() && It(), i > 0;
-}, de, st = [], $t = 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 $t();
-    }).observe(t, r), de = function() {
-      t.textContent = "".concat(e ? e-- : e++);
-    };
-  }
-  st.push(i), de();
-}, _t = function(i) {
-  qt(function() {
-    requestAnimationFrame(i);
-  });
-}, re = 0, jt = function() {
-  return !!re;
-}, Vt = 250, Xt = { attributes: !0, characterData: !0, childList: !0, subtree: !0 }, Ie = [
-  "resize",
-  "load",
-  "transitionend",
-  "animationend",
-  "animationstart",
-  "animationiteration",
-  "keyup",
-  "keydown",
-  "mouseup",
-  "mousedown",
-  "mouseover",
-  "mouseout",
-  "blur",
-  "focus"
-], De = 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 = Vt), !ue) {
-      ue = !0;
-      var r = De(e);
-      _t(function() {
-        var s = !1;
-        try {
-          s = Ht();
-        } finally {
-          if (ue = !1, e = r - De(), !jt())
-            return;
-          s ? t.run(1e3) : e > 0 ? t.run(e) : t.start();
-        }
-      });
+      this.destination.postMessage(s, this.origin, n);
     }
-  }, 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, Xt);
-    };
-    document.body ? t() : V.addEventListener("DOMContentLoaded", t);
-  }, i.prototype.start = function() {
-    var e = this;
-    this.stopped && (this.stopped = !1, this.observer = new MutationObserver(this.listener), this.observe(), Ie.forEach(function(t) {
-      return V.addEventListener(t, e.listener, !0);
-    }));
-  }, i.prototype.stop = function() {
-    var e = this;
-    this.stopped || (this.observer && this.observer.disconnect(), Ie.forEach(function(t) {
-      return V.removeEventListener(t, e.listener, !0);
-    }), this.stopped = !0);
-  }, i;
-}(), fe = new Gt(), Be = function(i) {
-  !re && i > 0 && fe.start(), re += i, !re && fe.stop();
-}, Yt = function(i) {
-  return !Ee(i) && !Bt(i) && getComputedStyle(i).display === "inline";
-}, Zt = function() {
-  function i(e, t) {
-    this.target = e, this.observedBox = t || G.CONTENT_BOX, this.lastReportedSize = {
-      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;
-}(), Jt = 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 Jt(e, t);
-    ee.set(e, r);
-  }, i.observe = function(e, t, r) {
-    var s = ee.get(e), n = s.observationTargets.length === 0;
-    We(s.observationTargets, t) < 0 && (n && F.push(s), s.observationTargets.push(new Zt(t, r && r.box)), Be(1), fe.schedule());
-  }, i.unobserve = function(e, t) {
-    var r = ee.get(e), s = We(r.observationTargets, t), n = r.observationTargets.length === 1;
-    s >= 0 && (n && F.splice(F.indexOf(r), 1), r.observationTargets.splice(s, 1), Be(-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 (!Re(e))
-      throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");
-    te.observe(this, e, t);
-  }, i.prototype.unobserve = function(e) {
-    if (arguments.length === 0)
-      throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': 1 argument required, but only 0 present.");
-    if (!Re(e))
-      throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");
-    te.unobserve(this, e);
-  }, i.prototype.disconnect = function() {
-    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 Kt(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 we {
   /**
    * Creates a [Encryption].
    */
@@ -441,7 +107,7 @@ class xe {
    */
   static deserialize(e) {
     if (e && e.algorithm)
-      return new xe({
+      return new we({
         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 we.deserialize(this.otherProperties.encrypted);
   }
 });
 b.prototype.getContains = function() {
@@ -498,30 +164,30 @@ b.prototype.getLayout = function() {
 class l {
   /** Creates a MediaType object. */
   constructor(e) {
-    let t, r, s = e.mediaType.replace(/\s/g, "").split(";");
-    const n = s[0].split("/");
-    if (n.length === 2) {
-      if (t = n[0].toLowerCase().trim(), r = n[1].toLowerCase().trim(), t.length === 0 || r.length === 0)
+    let t, r, n = e.mediaType.replace(/\s/g, "").split(";");
+    const s = n[0].split("/");
+    if (s.length === 2) {
+      if (t = s[0].toLowerCase().trim(), r = s[1].toLowerCase().trim(), t.length === 0 || r.length === 0)
         throw new Error("Invalid media type");
     } 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 < n.length; d++) {
+      const f = n[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);
@@ -558,12 +224,12 @@ class l {
     if (!((this.type === "*" || this.type === t.type) && (this.subtype === "*" || this.subtype === t.subtype)))
       return !1;
     const r = new Set(
-      Object.entries(this.parameters).map(([n, o]) => `${n}=${o}`)
-    ), s = new Set(
-      Object.entries(t.parameters).map(([n, o]) => `${n}=${o}`)
+      Object.entries(this.parameters).map(([s, o]) => `${s}=${o}`)
+    ), n = new Set(
+      Object.entries(t.parameters).map(([s, o]) => `${s}=${o}`)
     );
-    for (const n of Array.from(r.values()))
-      if (!s.has(n))
+    for (const s of Array.from(r.values()))
+      if (!n.has(s))
         return !1;
     return !0;
   }
@@ -950,7 +616,7 @@ class l {
     });
   }
 }
-class ke {
+class Re {
   constructor(e) {
     this.uri = e, this.parameters = this.getParameters(e);
   }
@@ -960,7 +626,7 @@ class ke {
   getParameters(e) {
     const t = /\{\??([^}]+)\}/g, r = e.match(t);
     return r ? new Set(
-      r.join(",").replace(t, "$1").split(",").map((s) => s.trim())
+      r.join(",").replace(t, "$1").split(",").map((n) => n.trim())
     ) : /* @__PURE__ */ new Set();
   }
   /** Expands the URI by replacing the template variables by the given parameters.
@@ -968,23 +634,23 @@ class ke {
    *  See RFC 6570 on URI template: https://tools.ietf.org/html/rfc6570
    */
   expand(e) {
-    const t = (s) => s.split(",").map((n) => {
-      const o = e[n];
+    const t = (n) => n.split(",").map((s) => {
+      const o = e[s];
       return o ? encodeURIComponent(o) : "";
-    }).join(","), r = (s) => "?" + s.split(",").map((n) => {
-      const o = n.split("=")[0], a = e[o];
+    }).join(","), r = (n) => "?" + n.split(",").map((s) => {
+      const o = s.split("=")[0], a = e[o];
       return a ? `${o}=${encodeURIComponent(a)}` : "";
     }).join("&");
-    return this.uri.replace(/\{(\??)([^}]+)\}/g, (...s) => s[1] ? r(s[2]) : t(s[2]));
+    return this.uri.replace(/\{(\??)([^}]+)\}/g, (...n) => n[1] ? r(n[2]) : t(n[2]));
   }
 }
-function ei(i) {
+function Dt(i) {
   return i && i instanceof Array ? i : void 0;
 }
-function ht(i) {
-  return i && typeof i == "string" ? [i] : ei(i);
+function it(i) {
+  return i && typeof i == "string" ? [i] : Dt(i);
 }
-function Ue(i) {
+function Le(i) {
   return typeof i == "string" ? new Date(i) : void 0;
 }
 function se(i) {
@@ -993,7 +659,7 @@ function se(i) {
 function O(i) {
   return se(i) !== void 0 && Math.sign(i) >= 0 ? i : void 0;
 }
-function ti(i) {
+function Bt(i) {
   const e = new Array();
   return i.forEach((t) => e.push(t)), e;
 }
@@ -1010,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 = se(e.progression), r = se(e.totalProgression), n = se(e.position), s = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set([
       "fragment",
       "fragments",
       "progression",
@@ -1018,13 +684,13 @@ class w {
       "position"
     ]);
     return Object.entries(e).forEach(([a, h]) => {
-      o.has(a) || n.set(a, h);
+      o.has(a) || s.set(a, h);
     }), new w({
-      fragments: ht(e.fragments || e.fragment),
+      fragments: it(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,
-      otherLocations: n.size === 0 ? void 0 : n
+      position: n !== void 0 && n > 0 ? n : void 0,
+      otherLocations: s.size === 0 ? void 0 : s
     });
   }
   /**
@@ -1035,7 +701,7 @@ class w {
     return this.fragments && (e.fragments = this.fragments), this.progression !== void 0 && (e.progression = this.progression), this.totalProgression !== void 0 && (e.totalProgression = this.totalProgression), this.position !== void 0 && (e.position = this.position), this.otherLocations && this.otherLocations.forEach((t, r) => e[r] = t), e;
   }
 }
-class q {
+class _ {
   /**
    * Creates a [Text].
    */
@@ -1047,7 +713,7 @@ class q {
    */
   static deserialize(e) {
     if (e)
-      return new q({
+      return new _({
         after: e.after,
         before: e.before,
         highlight: e.highlight
@@ -1061,7 +727,7 @@ class q {
     return this.after !== void 0 && (e.after = this.after), this.before !== void 0 && (e.before = this.before), this.highlight !== void 0 && (e.highlight = this.highlight), e;
   }
 }
-class I {
+class B {
   /**
    * Creates a [Locator].
    */
@@ -1073,12 +739,12 @@ class I {
    */
   static deserialize(e) {
     if (e && e.href && e.type)
-      return new I({
+      return new B({
         href: e.href,
         type: e.type,
         title: e.title,
         locations: w.deserialize(e.locations),
-        text: q.deserialize(e.text)
+        text: _.deserialize(e.text)
       });
   }
   /**
@@ -1092,7 +758,7 @@ class I {
    * Shortcut to get a copy of the [Locator] with different [Locations] sub-properties.
    */
   copyWithLocations(e) {
-    return new I({
+    return new B({
       href: this.href,
       type: this.type,
       title: this.title,
@@ -1101,7 +767,7 @@ class I {
     });
   }
 }
-class $ {
+class V {
   /**
    * Creates a [Link].
    */
@@ -1113,7 +779,7 @@ class $ {
    */
   static deserialize(e) {
     if (e && e.href && typeof e.href == "string")
-      return new $({
+      return new V({
         href: e.href,
         templated: e.templated,
         type: e.type,
@@ -1124,9 +790,9 @@ class $ {
         width: O(e.width),
         duration: O(e.duration),
         bitrate: O(e.bitrate),
-        languages: ht(e.language),
-        alternates: ne.deserialize(e.alternate),
-        children: ne.deserialize(e.children)
+        languages: it(e.language),
+        alternates: ae.deserialize(e.alternate),
+        children: ae.deserialize(e.children)
       });
   }
   /**
@@ -1134,7 +800,7 @@ class $ {
    */
   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 = Bt(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() {
@@ -1152,14 +818,14 @@ class $ {
   }
   /** 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 Re(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 $({
-      href: new ke(this.href).expand(e),
+    return new V({
+      href: new Re(this.href).expand(e),
       templated: !1
     });
   }
@@ -1168,7 +834,7 @@ class $ {
    */
   addProperties(e) {
     var t;
-    const r = $.deserialize(this.serialize());
+    const r = V.deserialize(this.serialize());
     return r.properties = r.properties ? (t = r.properties) == null ? void 0 : t.add(e) : new b(e), r;
   }
   /**
@@ -1176,7 +842,7 @@ class $ {
    */
   get locator() {
     let e = this.href.split("#");
-    return new I({
+    return new B({
       href: e.length > 0 && e[0] !== void 0 ? e[0] : this.href,
       type: this.type ?? "",
       title: this.title,
@@ -1186,7 +852,7 @@ class $ {
     });
   }
 }
-class ne {
+class ae {
   /**
    * Creates a [Links].
    */
@@ -1198,8 +864,8 @@ class ne {
    */
   static deserialize(e) {
     if (e && e instanceof Array)
-      return new ne(
-        e.map((t) => $.deserialize(t)).filter((t) => t !== void 0)
+      return new ae(
+        e.map((t) => V.deserialize(t)).filter((t) => t !== void 0)
       );
   }
   /**
@@ -1241,8 +907,8 @@ class ne {
   /** Finds all the links matching any of the given media types. */
   filterByMediaTypes(e) {
     const t = (r) => {
-      for (const s of e)
-        if (r.mediaType.matches(s))
+      for (const n of e)
+        if (r.mediaType.matches(n))
           return !0;
       return !1;
     };
@@ -1280,7 +946,7 @@ class ne {
     return this.items.filter((e) => e.type);
   }
 }
-class oe {
+class le {
   /**
    * Creates a [DomRange].
    */
@@ -1297,7 +963,7 @@ class oe {
     if (t === void 0)
       return;
     let r = O(e.charOffset);
-    return r === void 0 && (r = O(e.offset)), new oe({
+    return r === void 0 && (r = O(e.offset)), new le({
       cssSelector: e.cssSelector,
       textNodeIndex: t,
       charOffset: r
@@ -1314,7 +980,7 @@ class oe {
     return this.charOffset !== void 0 && (e.charOffset = this.charOffset), e;
   }
 }
-class we {
+class Te {
   /**
    * Creates a [DomRange].
    */
@@ -1327,11 +993,11 @@ class we {
   static deserialize(e) {
     if (!e)
       return;
-    let t = oe.deserialize(e.start);
+    let t = le.deserialize(e.start);
     if (t)
-      return new we({
+      return new Te({
         start: t,
-        end: oe.deserialize(e.end)
+        end: le.deserialize(e.end)
       });
   }
   /**
@@ -1352,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 Te.deserialize((i = this.otherLocations) == null ? void 0 : i.get("domRange"));
 };
 w.prototype.fragmentParameters = function() {
   return new Map(
@@ -1390,7 +1056,7 @@ w.prototype.space = function() {
   if (e.length === 4 && !e.some(isNaN))
     return e;
 };
-class Te {
+class Se {
   /** Creates a [Price]. */
   constructor(e) {
     this.currency = e.currency, this.value = e.value;
@@ -1406,7 +1072,7 @@ class Te {
       return;
     let r = O(e.value);
     if (r !== void 0)
-      return new Te({ currency: t, value: r });
+      return new Se({ currency: t, value: r });
   }
   /**
    * Serializes a [Price] to its RWPM JSON representation.
@@ -1415,7 +1081,7 @@ class Te {
     return { currency: this.currency, value: this.value };
   }
 }
-class X {
+class G {
   /** Creates a [Acquisition]. */
   constructor(e) {
     this.type = e.type, this.children = e.children;
@@ -1425,14 +1091,14 @@ class X {
    */
   static deserialize(e) {
     if (e && e.type)
-      return new X({
+      return new G({
         type: e.type,
-        children: X.deserializeArray(e.children)
+        children: G.deserializeArray(e.children)
       });
   }
   static deserializeArray(e) {
     if (e instanceof Array)
-      return e.map((t) => X.deserialize(t)).filter((t) => t !== void 0);
+      return e.map((t) => G.deserialize(t)).filter((t) => t !== void 0);
   }
   /**
    * Serializes a [Acquisition] to its RWPM JSON representation.
@@ -1442,7 +1108,7 @@ class X {
     return this.children && (e.children = this.children.map((t) => t.serialize())), e;
   }
 }
-class Se {
+class Ce {
   /** Creates a [Price]. */
   constructor(e) {
     this.total = e.total, this.position = e.position;
@@ -1452,7 +1118,7 @@ class Se {
    */
   static deserialize(e) {
     if (e)
-      return new Se({
+      return new Ce({
         total: O(e.total),
         position: O(e.position)
       });
@@ -1465,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 Oe {
   /** Creates a [Copies]. */
   constructor(e) {
     this.total = e.total, this.available = e.available;
@@ -1475,7 +1141,7 @@ class Ce {
    */
   static deserialize(e) {
     if (e)
-      return new Ce({
+      return new Oe({
         total: O(e.total),
         available: O(e.available)
       });
@@ -1488,7 +1154,7 @@ class Ce {
     return this.total !== void 0 && (e.total = this.total), this.available !== void 0 && (e.available = this.available), e;
   }
 }
-class Oe {
+class Pe {
   /** Creates a [Availability]. */
   constructor(e) {
     this.state = e.state, this.since = e.since, this.until = e.until;
@@ -1498,10 +1164,10 @@ class Oe {
    */
   static deserialize(e) {
     if (e && e.state)
-      return new Oe({
+      return new Pe({
         state: e.state,
-        since: Ue(e.since),
-        until: Ue(e.until)
+        since: Le(e.since),
+        until: Le(e.until)
       });
   }
   /**
@@ -1516,24 +1182,24 @@ b.prototype.getNumberOfItems = function() {
   return O(this.otherProperties.numberOfItems);
 };
 b.prototype.getPrice = function() {
-  return Te.deserialize(this.otherProperties.price);
+  return Se.deserialize(this.otherProperties.price);
 };
 b.prototype.getIndirectAcquisitions = function() {
   const i = this.otherProperties.indirectAcquisition;
   if (i && i instanceof Array)
-    return i.map((e) => X.deserialize(e)).filter((e) => e !== void 0);
+    return i.map((e) => G.deserialize(e)).filter((e) => e !== void 0);
 };
 b.prototype.getHolds = function() {
-  return Se.deserialize(this.otherProperties.holds);
+  return Ce.deserialize(this.otherProperties.holds);
 };
 b.prototype.getCopies = function() {
-  return Ce.deserialize(this.otherProperties.copies);
+  return Oe.deserialize(this.otherProperties.copies);
 };
 b.prototype.getAvailability = function() {
-  return Oe.deserialize(this.otherProperties.availability);
+  return Pe.deserialize(this.otherProperties.availability);
 };
 b.prototype.getAuthenticate = function() {
-  return $.deserialize(this.otherProperties.authenticate);
+  return V.deserialize(this.otherProperties.authenticate);
 };
 b.prototype.getClipped = function() {
   return this.otherProperties.clipped;
@@ -1553,136 +1219,183 @@ b.prototype.getPage = function() {
 b.prototype.getSpread = function() {
   return this.otherProperties.spread || void 0;
 };
-function He(i) {
+var z;
+(function(i) {
+  i.NONE = "none", i.DESCENDANT = "descendant", i.CHILD = "child";
+})(z || (z = {}));
+var A;
+(function(i) {
+  i.id = "id", i.class = "class", i.tag = "tag", i.attribute = "attribute", i.nthchild = "nthchild", i.nthoftype = "nthoftype";
+})(A || (A = {}));
+const Wt = "CssSelectorGenerator";
+function Ie(i = "unknown problem", ...e) {
+  console.warn(`${Wt}: ${i}`, ...e);
+}
+A.id, A.class, A.tag, A.attribute, Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY;
+function Ft(i) {
+  return i instanceof RegExp;
+}
+function kt(i) {
+  return i.replace(/[|\\{}()[\]^$+?.]/g, "\\$&").replace(/\*/g, ".+");
+}
+function Ut(i) {
+  const e = i.map((t) => {
+    if (Ft(t))
+      return (r) => t.test(r);
+    if (typeof t == "function")
+      return (r) => {
+        const n = t(r);
+        return typeof n != "boolean" ? (Ie("pattern matcher function invalid", "Provided pattern matching function does not return boolean. It's result will be ignored.", t), !1) : n;
+      };
+    if (typeof t == "string") {
+      const r = new RegExp("^" + kt(t) + "$");
+      return (n) => r.test(n);
+    }
+    return Ie("pattern matcher invalid", "Pattern matching only accepts strings, regular expressions and/or functions. This item is invalid and will be ignored.", t), () => !1;
+  });
+  return (t) => e.some((r) => r(t));
+}
+const Ht = "", $t = " > ", Vt = " ";
+z.NONE + "", z.NONE, z.DESCENDANT + "", z.DESCENDANT, z.CHILD + "", z.CHILD;
+A.nthoftype, A.tag, A.id, A.class, A.attribute, A.nthchild;
+Ut([
+  "class",
+  "id",
+  // Angular attributes
+  "ng-*"
+]);
+class de {
+}
+function ze(i) {
   return i.split("").reverse().join("");
 }
-function ii(i, e, t) {
-  const r = He(e);
-  return t.map((s) => {
-    const n = Math.max(0, s.end - e.length - s.errors), o = He(i.slice(n, s.end));
+function qt(i, e, t) {
+  const r = ze(e);
+  return t.map((n) => {
+    const s = Math.max(0, n.end - e.length - n.errors), o = ze(i.slice(s, n.end));
     return {
-      start: ct(o, r, s.errors).reduce((h, c) => s.end - c.end < h ? s.end - c.end : h, s.end),
-      end: s.end,
-      errors: s.errors
+      start: rt(o, r, n.errors).reduce((h, c) => n.end - c.end < h ? n.end - c.end : h, n.end),
+      end: n.end,
+      errors: n.errors
     };
   });
 }
 function pe(i) {
   return (i | -i) >> 31 & 1;
 }
-function $e(i, e, t, r) {
-  let s = i.P[t], n = i.M[t];
-  const o = r >>> 31, a = e[t] | o, h = a | n, c = (a & s) + s ^ s | a;
-  let d = n | ~(c | s), p = s & c;
-  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;
+function De(i, e, t, r) {
+  let n = i.P[t], s = i.M[t];
+  const o = r >>> 31, a = e[t] | o, h = a | s, c = (a & n) + n ^ n | a;
+  let u = s | ~(c | n), p = n & c;
+  const d = pe(u & i.lastRowMask[t]) - pe(p & i.lastRowMask[t]);
+  return u <<= 1, p <<= 1, p |= o, u |= pe(r) - o, n = p | ~(h | u), s = u & h, i.P[t] = n, i.M[t] = s, d;
 }
-function ct(i, e, t) {
+function rt(i, e, t) {
   if (e.length === 0)
     return [];
   t = Math.min(t, e.length);
-  const r = [], s = 32, n = Math.ceil(e.length / s) - 1, o = {
-    P: new Uint32Array(n + 1),
-    M: new Uint32Array(n + 1),
-    lastRowMask: new Uint32Array(n + 1)
+  const r = [], n = 32, s = Math.ceil(e.length / n) - 1, o = {
+    P: new Uint32Array(s + 1),
+    M: new Uint32Array(s + 1),
+    lastRowMask: new Uint32Array(s + 1)
   };
-  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++)
+  o.lastRowMask.fill(1 << 31), o.lastRowMask[s] = 1 << (e.length - 1) % n;
+  const a = new Uint32Array(s + 1), h = /* @__PURE__ */ new Map(), c = [];
+  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);
+    const v = new Uint32Array(s + 1);
     h.set(f, v), f < c.length && (c[f] = v);
-    for (let g = 0; g <= n; g += 1) {
+    for (let g = 0; g <= s; g += 1) {
       v[g] = 0;
-      for (let y = 0; y < s; y += 1) {
-        const x = g * s + y;
+      for (let y = 0; y < n; y += 1) {
+        const x = g * n + y;
         if (x >= e.length)
           continue;
         e.charCodeAt(x) === f && (v[g] |= 1 << y);
       }
     }
   }
-  let d = 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;
-  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);
+  let u = Math.max(0, Math.ceil(t / n) - 1);
+  const p = new Uint32Array(s + 1);
+  for (let d = 0; d <= u; d += 1)
+    p[d] = (d + 1) * n;
+  p[s] = e.length;
+  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 = $e(o, v, y, g), p[y] += g;
-    if (p[d] - g <= t && d < n && (v[d + 1] & 1 || g < 0)) {
-      d += 1, o.P[d] = -1, o.M[d] = 0;
+    for (let y = 0; y <= u; y += 1)
+      g = De(o, v, y, g), p[y] += g;
+    if (p[u] - g <= t && u < s && (v[u + 1] & 1 || g < 0)) {
+      u += 1, o.P[u] = -1, o.M[u] = 0;
       let y;
-      if (d === n) {
-        const x = e.length % s;
-        y = x === 0 ? s : x;
+      if (u === s) {
+        const x = e.length % n;
+        y = x === 0 ? n : x;
       } else
-        y = s;
-      p[d] = p[d - 1] + y - g + $e(o, v, d, g);
+        y = n;
+      p[u] = p[u - 1] + y - g + De(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 + n; )
+        u -= 1;
+    u === s && 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 _t(i, e, t) {
+  const r = rt(i, e, t);
+  return qt(i, e, r);
 }
-function dt(i, e, t) {
+function nt(i, e, t) {
   let r = 0;
-  const s = [];
+  const n = [];
   for (; r !== -1; )
-    r = i.indexOf(e, r), r !== -1 && (s.push({
+    r = i.indexOf(e, r), r !== -1 && (n.push({
       start: r,
       end: r + e.length,
       errors: 0
     }), r += 1);
-  return s.length > 0 ? s : ri(i, e, t);
+  return n.length > 0 ? n : _t(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 Be(i, e) {
+  return e.length === 0 || i.length === 0 ? 0 : 1 - nt(i, e, e.length)[0].errors / e.length;
 }
-function si(i, e, t = {}) {
+function jt(i, e, t = {}) {
   if (e.length === 0)
     return null;
-  const r = Math.min(256, e.length / 2), s = dt(i, e, r);
-  if (s.length === 0)
+  const r = Math.min(256, e.length / 2), n = nt(i, e, r);
+  if (n.length === 0)
     return null;
-  const n = (a) => {
-    const u = 1 - a.errors / e.length, f = t.prefix ? qe(
+  const s = (a) => {
+    const d = 1 - a.errors / e.length, f = t.prefix ? Be(
       i.slice(
         Math.max(0, a.start - t.prefix.length),
         a.start
       ),
       t.prefix
-    ) : 1, v = t.suffix ? qe(
+    ) : 1, v = t.suffix ? Be(
       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) => ({
+  }, o = n.map((a) => ({
     start: a.start,
     end: a.end,
-    score: n(a)
+    score: s(a)
   }));
   return o.sort((a, h) => h.score - a.score), o[0];
 }
@@ -1690,35 +1403,35 @@ function ge(i, e, t) {
   const r = t === 1 ? e : e - 1;
   if (i.charAt(r).trim() !== "")
     return e;
-  let s, n;
-  if (t === 2 ? (s = i.substring(0, e), n = s.trimEnd()) : (s = i.substring(e), n = s.trimStart()), !n.length)
+  let n, s;
+  if (t === 2 ? (n = i.substring(0, e), s = n.trimEnd()) : (n = i.substring(e), s = n.trimStart()), !s.length)
     return -1;
-  const o = s.length - n.length;
+  const o = n.length - s.length;
   return t === 2 ? e - o : e + o;
 }
-function _e(i, e) {
+function We(i, e) {
   const t = i.commonAncestorContainer.ownerDocument.createNodeIterator(
     i.commonAncestorContainer,
     NodeFilter.SHOW_TEXT
-  ), r = e === 1 ? i.startContainer : i.endContainer, s = e === 1 ? i.endContainer : i.startContainer;
-  let n = t.nextNode();
-  for (; n && n !== r; )
-    n = t.nextNode();
-  e === 2 && (n = t.previousNode());
+  ), r = e === 1 ? i.startContainer : i.endContainer, n = e === 1 ? i.endContainer : i.startContainer;
+  let s = t.nextNode();
+  for (; s && s !== r; )
+    s = t.nextNode();
+  e === 2 && (s = t.previousNode());
   let o = -1;
   const a = () => {
-    if (n = e === 1 ? t.nextNode() : t.previousNode(), n) {
-      const h = n.textContent, c = e === 1 ? 0 : h.length;
+    if (s = e === 1 ? t.nextNode() : t.previousNode(), s) {
+      const h = s.textContent, c = e === 1 ? 0 : h.length;
       o = ge(h, c, e);
     }
   };
-  for (; n && o === -1 && n !== s; )
+  for (; s && o === -1 && s !== n; )
     a();
-  if (n && o >= 0)
-    return { node: n, offset: o };
+  if (s && o >= 0)
+    return { node: s, offset: o };
   throw new RangeError("No text nodes with non-whitespace text found in range");
 }
-function ni(i) {
+function Xt(i) {
   if (!i.toString().trim().length)
     throw new RangeError("Range contains no non-whitespace text");
   if (i.startContainer.nodeType !== Node.TEXT_NODE)
@@ -1727,7 +1440,7 @@ function ni(i) {
     throw new RangeError("Range endContainer is not a text node");
   const e = i.cloneRange();
   let t = !1, r = !1;
-  const s = {
+  const n = {
     start: ge(
       i.startContainer.textContent,
       i.startOffset,
@@ -1741,27 +1454,27 @@ function ni(i) {
       /* Backwards */
     )
   };
-  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)
+  if (n.start >= 0 && (e.setStart(i.startContainer, n.start), t = !0), n.end > 0 && (e.setEnd(i.endContainer, n.end), r = !0), t && r)
     return e;
   if (!t) {
-    const { node: n, offset: o } = _e(
+    const { node: s, offset: o } = We(
       e,
       1
       /* Forwards */
     );
-    n && o >= 0 && e.setStart(n, o);
+    s && o >= 0 && e.setStart(s, o);
   }
   if (!r) {
-    const { node: n, offset: o } = _e(
+    const { node: s, offset: o } = We(
       e,
       2
       /* Backwards */
     );
-    n && o > 0 && e.setEnd(n, o);
+    s && o > 0 && e.setEnd(s, o);
   }
   return e;
 }
-function ut(i) {
+function st(i) {
   var e;
   switch (i.nodeType) {
     case Node.ELEMENT_NODE:
@@ -1771,28 +1484,28 @@ function ut(i) {
       return 0;
   }
 }
-function je(i) {
+function Fe(i) {
   let e = i.previousSibling, t = 0;
   for (; e; )
-    t += ut(e), e = e.previousSibling;
+    t += st(e), e = e.previousSibling;
   return t;
 }
-function pt(i, ...e) {
+function ot(i, ...e) {
   let t = e.shift();
   const r = i.ownerDocument.createNodeIterator(
     i,
     NodeFilter.SHOW_TEXT
-  ), s = [];
-  let n = r.nextNode(), o, a = 0;
-  for (; t !== void 0 && n; )
-    o = n, a + o.data.length > t ? (s.push({ node: o, offset: t - a }), t = e.shift()) : (n = r.nextNode(), a += o.data.length);
+  ), n = [];
+  let s = r.nextNode(), o, a = 0;
+  for (; t !== void 0 && s; )
+    o = s, a + o.data.length > t ? (n.push({ node: o, offset: t - a }), t = e.shift()) : (s = r.nextNode(), a += o.data.length);
   for (; t !== void 0 && o && a === t; )
-    s.push({ node: o, offset: o.data.length }), t = e.shift();
+    n.push({ node: o, offset: o.data.length }), t = e.shift();
   if (t !== void 0)
     throw new RangeError("Offset exceeds text length");
-  return s;
+  return n;
 }
-class N {
+class L {
   constructor(e, t) {
     if (t < 0)
       throw new Error("Offset is invalid");
@@ -1809,8 +1522,8 @@ class N {
       throw new Error("Parent is not an ancestor of current element");
     let t = this.element, r = this.offset;
     for (; t !== e; )
-      r += je(t), t = t.parentElement;
-    return new N(t, r);
+      r += Fe(t), t = t.parentElement;
+    return new L(t, r);
   }
   /**
    * Resolve the position to a specific text node and offset within that node.
@@ -1831,7 +1544,7 @@ class N {
    */
   resolve(e = {}) {
     try {
-      return pt(this.element, this.offset)[0];
+      return ot(this.element, this.offset)[0];
     } catch (t) {
       if (this.offset === 0 && e.direction !== void 0) {
         const r = document.createTreeWalker(
@@ -1839,10 +1552,10 @@ class N {
           NodeFilter.SHOW_TEXT
         );
         r.currentNode = this.element;
-        const s = e.direction === 1, n = s ? r.nextNode() : r.previousNode();
-        if (!n)
+        const n = e.direction === 1, s = n ? r.nextNode() : r.previousNode();
+        if (!s)
           throw t;
-        return { node: n, offset: s ? 0 : n.data.length };
+        return { node: s, offset: n ? 0 : s.data.length };
       } else
         throw t;
     }
@@ -1854,9 +1567,9 @@ class N {
   static fromCharOffset(e, t) {
     switch (e.nodeType) {
       case Node.TEXT_NODE:
-        return N.fromPoint(e, t);
+        return L.fromPoint(e, t);
       case Node.ELEMENT_NODE:
-        return new N(e, t);
+        return new L(e, t);
       default:
         throw new Error("Node is not an element or text node");
     }
@@ -1874,23 +1587,23 @@ class N {
           throw new Error("Text node offset is out of range");
         if (!e.parentElement)
           throw new Error("Text node has no parent");
-        const r = je(e) + t;
-        return new N(e.parentElement, r);
+        const r = Fe(e) + t;
+        return new L(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 N(e, r);
+        for (let n = 0; n < t; n++)
+          r += st(e.childNodes[n]);
+        return new L(e, r);
       }
       default:
         throw new Error("Point is not in an element or text node");
     }
   }
 }
-class z {
+class D {
   constructor(e, t) {
     this.start = e, this.end = t;
   }
@@ -1900,7 +1613,7 @@ class z {
    * `end.element`.
    */
   relativeTo(e) {
-    return new z(
+    return new D(
       this.start.relativeTo(e),
       this.end.relativeTo(e)
     );
@@ -1916,7 +1629,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] = ot(
       this.start.element,
       this.start.offset,
       this.end.offset
@@ -1934,20 +1647,20 @@ class z {
    * Create a TextRange from a (DOM) Range
    */
   static fromRange(e) {
-    const t = N.fromPoint(
+    const t = L.fromPoint(
       e.startContainer,
       e.startOffset
-    ), r = N.fromPoint(e.endContainer, e.endOffset);
-    return new z(t, r);
+    ), r = L.fromPoint(e.endContainer, e.endOffset);
+    return new D(t, r);
   }
   /**
    * Create a TextRange representing the `start`th to `end`th characters in
    * `root`
    */
   static fromOffsets(e, t, r) {
-    return new z(
-      new N(e, t),
-      new N(e, r)
+    return new D(
+      new L(e, t),
+      new L(e, r)
     );
   }
   /**
@@ -1955,23 +1668,23 @@ class z {
    * whitespace
    */
   static trimmedRange(e) {
-    return ni(z.fromRange(e).toRange());
+    return Xt(D.fromRange(e).toRange());
   }
 }
-class ae {
+class he {
   constructor(e, t, r) {
     this.root = e, this.start = t, this.end = r;
   }
   static fromRange(e, t) {
-    const r = z.fromRange(t).relativeTo(e);
-    return new ae(
+    const r = D.fromRange(t).relativeTo(e);
+    return new he(
       e,
       r.start.offset,
       r.end.offset
     );
   }
   static fromSelector(e, t) {
-    return new ae(e, t.start, t.end);
+    return new he(e, t.start, t.end);
   }
   toSelector() {
     return {
@@ -1981,10 +1694,10 @@ class ae {
     };
   }
   toRange() {
-    return z.fromOffsets(this.root, this.start, this.end).toRange();
+    return D.fromOffsets(this.root, this.start, this.end).toRange();
   }
 }
-class le {
+class ce {
   /**
    * @param root - A root element from which to anchor.
    */
@@ -1997,15 +1710,15 @@ class le {
    * Will throw if `range` does not contain any text nodes.
    */
   static fromRange(e, t) {
-    const r = e.textContent, s = z.fromRange(t).relativeTo(e), n = s.start.offset, o = s.end.offset, a = 32;
-    return new le(e, r.slice(n, o), {
-      prefix: r.slice(Math.max(0, n - a), n),
+    const r = e.textContent, n = D.fromRange(t).relativeTo(e), s = n.start.offset, o = n.end.offset, a = 32;
+    return new ce(e, r.slice(s, o), {
+      prefix: r.slice(Math.max(0, s - a), s),
       suffix: r.slice(o, Math.min(r.length, o + a))
     });
   }
   static fromSelector(e, t) {
-    const { prefix: r, suffix: s } = t;
-    return new le(e, t.exact, { prefix: r, suffix: s });
+    const { prefix: r, suffix: n } = t;
+    return new ce(e, t.exact, { prefix: r, suffix: n });
   }
   toSelector() {
     return {
@@ -2019,45 +1732,45 @@ 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 = jt(t, this.exact, {
       ...this.context,
       hint: e.hint
     });
     if (!r)
       throw new Error("Quote not found");
-    return new ae(this.root, r.start, r.end);
+    return new he(this.root, r.start, r.end);
   }
 }
-function oi(i) {
+function Gt(i) {
   const e = i.tagName.toUpperCase();
   return e === "IMG" || e === "VIDEO" || e === "AUDIO" || e === "IFRAME" || e === "OBJECT" || e === "EMBED" || e === "CANVAS";
 }
-function Pe(i, e) {
+function Ae(i, e) {
   try {
     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, {
+      let n;
+      t && t.getCssSelector() && (n = i.querySelector(t.getCssSelector())), n || (n = i.body);
+      const s = new ce(n, r.highlight, {
         prefix: r.before,
         suffix: r.after
       });
       try {
-        return n.toRange();
+        return s.toRange();
       } catch {
-        return console.warn("Quote not found:", n), null;
+        return console.warn("Quote not found:", s), null;
       }
     }
     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)
+      let n = null;
+      if (!n && t.getCssSelector() && (n = i.querySelector(t.getCssSelector())), !n && t.fragments) {
+        for (const s of t.fragments)
+          if (n = i.getElementById(s), n)
             break;
       }
-      if (s) {
-        const n = i.createRange();
-        return s.childNodes.length === 0 || oi(s) ? (n.selectNode(s), n) : (n.setStartBefore(s), n.setEndAfter(s), n);
+      if (n) {
+        const s = i.createRange();
+        return n.childNodes.length === 0 || Gt(n) ? (s.selectNode(n), s) : (s.setStartBefore(n), s.setEndAfter(n), s);
       }
     }
   } catch (t) {
@@ -2065,52 +1778,785 @@ function Pe(i, e) {
   }
   return null;
 }
-function T(i) {
-  const e = i.getSelection();
-  e && e.removeAllRanges();
+function Yt(i, e) {
+  let t = i.getClientRects();
+  t.length || i.commonAncestorContainer.nodeType === Node.ELEMENT_NODE && (t = i.commonAncestorContainer.getClientRects());
+  const r = 1, n = [];
+  for (const c of t)
+    n.push({
+      bottom: c.bottom,
+      height: c.height,
+      left: c.left,
+      right: c.right,
+      top: c.top,
+      width: c.width
+    });
+  const s = at(
+    n,
+    r,
+    e
+  ), o = Kt(s, r), a = lt(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 ai = [
-  "a",
-  "audio",
-  "button",
-  "canvas",
-  "details",
-  "input",
-  "label",
+function at(i, e, t) {
+  for (let r = 0; r < i.length; r++)
+    for (let n = r + 1; n < i.length; n++) {
+      const s = i[r], o = i[n];
+      if (s === o)
+        continue;
+      const a = N(s.top, o.top, e) && N(s.bottom, o.bottom, e), h = N(s.left, o.left, e) && N(s.right, o.right, e);
+      if ((h && !t || a && !h) && ht(s, o, e)) {
+        const d = i.filter((v) => v !== s && v !== o), f = Jt(s, o);
+        return d.push(f), at(
+          d,
+          e,
+          t
+        );
+      }
+    }
+  return i;
+}
+function Jt(i, e) {
+  const t = Math.min(i.left, e.left), r = Math.max(i.right, e.right), n = Math.min(i.top, e.top), s = Math.max(i.bottom, e.bottom);
+  return {
+    bottom: s,
+    height: s - n,
+    left: t,
+    right: r,
+    top: n,
+    width: r - t
+  };
+}
+function Kt(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 s of i)
+      if (r !== s && t.has(s) && Zt(s, r, e)) {
+        t.delete(r);
+        break;
+      }
+  }
+  return Array.from(t);
+}
+function Zt(i, e, t) {
+  return te(i, e.left, e.top, t) && te(i, e.right, e.top, t) && te(i, e.left, e.bottom, t) && te(i, e.right, e.bottom, t);
+}
+function te(i, e, t, r) {
+  return (i.left < e || N(i.left, e, r)) && (i.right > e || N(i.right, e, r)) && (i.top < t || N(i.top, t, r)) && (i.bottom > t || N(i.bottom, t, r));
+}
+function lt(i) {
+  for (let e = 0; e < i.length; e++)
+    for (let t = e + 1; t < i.length; t++) {
+      const r = i[e], n = i[t];
+      if (r !== n && ht(r, n, -1)) {
+        let s = [], o;
+        const a = ke(r, n);
+        if (a.length === 1)
+          s = a, o = r;
+        else {
+          const c = ke(n, r);
+          a.length < c.length ? (s = a, o = r) : (s = c, o = n);
+        }
+        const h = i.filter((c) => c !== o);
+        return Array.prototype.push.apply(h, s), lt(h);
+      }
+    }
+  return i;
+}
+function ke(i, e) {
+  const t = Qt(e, i);
+  if (t.height === 0 || t.width === 0)
+    return [i];
+  const r = [];
+  {
+    const n = {
+      bottom: i.bottom,
+      height: 0,
+      left: i.left,
+      right: t.left,
+      top: i.top,
+      width: 0
+    };
+    n.width = n.right - n.left, n.height = n.bottom - n.top, n.height !== 0 && n.width !== 0 && r.push(n);
+  }
+  {
+    const n = {
+      bottom: t.top,
+      height: 0,
+      left: t.left,
+      right: t.right,
+      top: i.top,
+      width: 0
+    };
+    n.width = n.right - n.left, n.height = n.bottom - n.top, n.height !== 0 && n.width !== 0 && r.push(n);
+  }
+  {
+    const n = {
+      bottom: i.bottom,
+      height: 0,
+      left: t.left,
+      right: t.right,
+      top: t.bottom,
+      width: 0
+    };
+    n.width = n.right - n.left, n.height = n.bottom - n.top, n.height !== 0 && n.width !== 0 && r.push(n);
+  }
+  {
+    const n = {
+      bottom: i.bottom,
+      height: 0,
+      left: t.right,
+      right: i.right,
+      top: i.top,
+      width: 0
+    };
+    n.width = n.right - n.left, n.height = n.bottom - n.top, n.height !== 0 && n.width !== 0 && r.push(n);
+  }
+  return r;
+}
+function Qt(i, e) {
+  const t = Math.max(i.left, e.left), r = Math.min(i.right, e.right), n = Math.max(i.top, e.top), s = Math.min(i.bottom, e.bottom);
+  return {
+    bottom: s,
+    height: Math.max(0, s - n),
+    left: t,
+    right: r,
+    top: n,
+    width: Math.max(0, r - t)
+  };
+}
+function ht(i, e, t) {
+  return (i.left < e.right || t >= 0 && N(i.left, e.right, t)) && (e.left < i.right || t >= 0 && N(e.left, i.right, t)) && (i.top < e.bottom || t >= 0 && N(i.top, e.bottom, t)) && (e.top < i.bottom || t >= 0 && N(e.top, i.bottom, t));
+}
+function N(i, e, t) {
+  return Math.abs(i - e) <= t;
+}
+var U = [], ei = function() {
+  return U.some(function(i) {
+    return i.activeTargets.length > 0;
+  });
+}, ti = function() {
+  return U.some(function(i) {
+    return i.skippedTargets.length > 0;
+  });
+}, Ue = "ResizeObserver loop completed with undelivered notifications.", ii = function() {
+  var i;
+  typeof ErrorEvent == "function" ? i = new ErrorEvent("error", {
+    message: Ue
+  }) : (i = document.createEvent("Event"), i.initEvent("error", !1, !1), i.message = Ue), window.dispatchEvent(i);
+}, J;
+(function(i) {
+  i.BORDER_BOX = "border-box", i.CONTENT_BOX = "content-box", i.DEVICE_PIXEL_CONTENT_BOX = "device-pixel-content-box";
+})(J || (J = {}));
+var H = function(i) {
+  return Object.freeze(i);
+}, ri = function() {
+  function i(e, t) {
+    this.inlineSize = e, this.blockSize = t, H(this);
+  }
+  return i;
+}(), ct = function() {
+  function i(e, t, r, n) {
+    return this.x = e, this.y = t, this.width = r, this.height = n, this.top = this.y, this.left = this.x, this.bottom = this.top + this.height, this.right = this.left + this.width, H(this);
+  }
+  return i.prototype.toJSON = function() {
+    var e = this, t = e.x, r = e.y, n = e.top, s = e.right, o = e.bottom, a = e.left, h = e.width, c = e.height;
+    return { x: t, y: r, top: n, right: s, bottom: o, left: a, width: h, height: c };
+  }, i.fromRect = function(e) {
+    return new i(e.x, e.y, e.width, e.height);
+  }, i;
+}(), Ne = function(i) {
+  return i instanceof SVGElement && "getBBox" in i;
+}, ut = function(i) {
+  if (Ne(i)) {
+    var e = i.getBBox(), t = e.width, r = e.height;
+    return !t && !r;
+  }
+  var n = i, s = n.offsetWidth, o = n.offsetHeight;
+  return !(s || o || i.getClientRects().length);
+}, He = 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);
+}, ni = 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;
+}, Y = typeof window < "u" ? window : {}, ie = /* @__PURE__ */ new WeakMap(), $e = /auto|scroll/, si = /^tb|vertical/, oi = /msie|trident/i.test(Y.navigator && Y.navigator.userAgent), R = function(i) {
+  return parseFloat(i || "0");
+}, q = function(i, e, t) {
+  return i === void 0 && (i = 0), e === void 0 && (e = 0), t === void 0 && (t = !1), new ri((t ? e : i) || 0, (t ? i : e) || 0);
+}, Ve = H({
+  devicePixelContentBoxSize: q(),
+  borderBoxSize: q(),
+  contentBoxSize: q(),
+  contentRect: new ct(0, 0, 0, 0)
+}), dt = function(i, e) {
+  if (e === void 0 && (e = !1), ie.has(i) && !e)
+    return ie.get(i);
+  if (ut(i))
+    return ie.set(i, Ve), Ve;
+  var t = getComputedStyle(i), r = Ne(i) && i.ownerSVGElement && i.getBBox(), n = !oi && t.boxSizing === "border-box", s = si.test(t.writingMode || ""), o = !r && $e.test(t.overflowY || ""), a = !r && $e.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, K = n ? y + S : 0, Z = n ? x + m : 0, W = r ? r.width : R(t.width) - K - P, F = r ? r.height : R(t.height) - Z - E, Q = W + y + P + S, ee = F + x + E + m, $ = H({
+    devicePixelContentBoxSize: q(Math.round(W * devicePixelRatio), Math.round(F * devicePixelRatio), s),
+    borderBoxSize: q(Q, ee, s),
+    contentBoxSize: q(W, F, s),
+    contentRect: new ct(p, h, W, F)
+  });
+  return ie.set(i, $), $;
+}, pt = function(i, e, t) {
+  var r = dt(i, t), n = r.borderBoxSize, s = r.contentBoxSize, o = r.devicePixelContentBoxSize;
+  switch (e) {
+    case J.DEVICE_PIXEL_CONTENT_BOX:
+      return o;
+    case J.BORDER_BOX:
+      return n;
+    default:
+      return s;
+  }
+}, ai = function() {
+  function i(e) {
+    var t = dt(e);
+    this.target = e, this.contentRect = t.contentRect, this.borderBoxSize = H([t.borderBoxSize]), this.contentBoxSize = H([t.contentBoxSize]), this.devicePixelContentBoxSize = H([t.devicePixelContentBoxSize]);
+  }
+  return i;
+}(), ft = function(i) {
+  if (ut(i))
+    return 1 / 0;
+  for (var e = 0, t = i.parentNode; t; )
+    e += 1, t = t.parentNode;
+  return e;
+}, li = function() {
+  var i = 1 / 0, e = [];
+  U.forEach(function(o) {
+    if (o.activeTargets.length !== 0) {
+      var a = [];
+      o.activeTargets.forEach(function(c) {
+        var u = new ai(c.target), p = ft(c.target);
+        a.push(u), c.lastReportedSize = pt(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 n = r[t];
+    n();
+  }
+  return i;
+}, qe = function(i) {
+  U.forEach(function(t) {
+    t.activeTargets.splice(0, t.activeTargets.length), t.skippedTargets.splice(0, t.skippedTargets.length), t.observationTargets.forEach(function(n) {
+      n.isActive() && (ft(n.target) > i ? t.activeTargets.push(n) : t.skippedTargets.push(n));
+    });
+  });
+}, hi = function() {
+  var i = 0;
+  for (qe(i); ei(); )
+    i = li(), qe(i);
+  return ti() && ii(), i > 0;
+}, fe, mt = [], ci = function() {
+  return mt.splice(0).forEach(function(i) {
+    return i();
+  });
+}, ui = function(i) {
+  if (!fe) {
+    var e = 0, t = document.createTextNode(""), r = { characterData: !0 };
+    new MutationObserver(function() {
+      return ci();
+    }).observe(t, r), fe = function() {
+      t.textContent = "".concat(e ? e-- : e++);
+    };
+  }
+  mt.push(i), fe();
+}, di = function(i) {
+  ui(function() {
+    requestAnimationFrame(i);
+  });
+}, oe = 0, pi = function() {
+  return !!oe;
+}, fi = 250, mi = { attributes: !0, characterData: !0, childList: !0, subtree: !0 }, _e = [
+  "resize",
+  "load",
+  "transitionend",
+  "animationend",
+  "animationstart",
+  "animationiteration",
+  "keyup",
+  "keydown",
+  "mouseup",
+  "mousedown",
+  "mouseover",
+  "mouseout",
+  "blur",
+  "focus"
+], je = function(i) {
+  return i === void 0 && (i = 0), Date.now() + i;
+}, me = !1, gi = 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 = fi), !me) {
+      me = !0;
+      var r = je(e);
+      di(function() {
+        var n = !1;
+        try {
+          n = hi();
+        } finally {
+          if (me = !1, e = r - je(), !pi())
+            return;
+          n ? 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, mi);
+    };
+    document.body ? t() : Y.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 Y.addEventListener(t, e.listener, !0);
+    }));
+  }, i.prototype.stop = function() {
+    var e = this;
+    this.stopped || (this.observer && this.observer.disconnect(), _e.forEach(function(t) {
+      return Y.removeEventListener(t, e.listener, !0);
+    }), this.stopped = !0);
+  }, i;
+}(), ve = new gi(), Xe = function(i) {
+  !oe && i > 0 && ve.start(), oe += i, !oe && ve.stop();
+}, vi = function(i) {
+  return !Ne(i) && !ni(i) && getComputedStyle(i).display === "inline";
+}, yi = function() {
+  function i(e, t) {
+    this.target = e, this.observedBox = t || J.CONTENT_BOX, this.lastReportedSize = {
+      inlineSize: 0,
+      blockSize: 0
+    };
+  }
+  return i.prototype.isActive = function() {
+    var e = pt(this.target, this.observedBox, !0);
+    return vi(this.target) && (this.lastReportedSize = e), this.lastReportedSize.inlineSize !== e.inlineSize || this.lastReportedSize.blockSize !== e.blockSize;
+  }, i;
+}(), bi = function() {
+  function i(e, t) {
+    this.activeTargets = [], this.skippedTargets = [], this.observationTargets = [], this.observer = e, this.callback = t;
+  }
+  return i;
+}(), re = /* @__PURE__ */ new WeakMap(), Ge = function(i, e) {
+  for (var t = 0; t < i.length; t += 1)
+    if (i[t].target === e)
+      return t;
+  return -1;
+}, ne = function() {
+  function i() {
+  }
+  return i.connect = function(e, t) {
+    var r = new bi(e, t);
+    re.set(e, r);
+  }, i.observe = function(e, t, r) {
+    var n = re.get(e), s = n.observationTargets.length === 0;
+    Ge(n.observationTargets, t) < 0 && (s && U.push(n), n.observationTargets.push(new yi(t, r && r.box)), Xe(1), ve.schedule());
+  }, i.unobserve = function(e, t) {
+    var r = re.get(e), n = Ge(r.observationTargets, t), s = r.observationTargets.length === 1;
+    n >= 0 && (s && U.splice(U.indexOf(r), 1), r.observationTargets.splice(n, 1), Xe(-1));
+  }, i.disconnect = function(e) {
+    var t = this, r = re.get(e);
+    r.observationTargets.slice().forEach(function(n) {
+      return t.unobserve(e, n.target);
+    }), r.activeTargets.splice(0, r.activeTargets.length);
+  }, i;
+}(), gt = 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.");
+    ne.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 (!He(e))
+      throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");
+    ne.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 (!He(e))
+      throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");
+    ne.unobserve(this, e);
+  }, i.prototype.disconnect = function() {
+    ne.disconnect(this);
+  }, i.toString = function() {
+    return "function ResizeObserver () { [polyfill code] }";
+  }, i;
+}();
+function Ei(i, e) {
+  return i.document.documentElement.style.getPropertyValue(e);
+}
+function ye(i, e, t) {
+  i.document.documentElement.style.setProperty(e, t);
+}
+function vt(i, e) {
+  i.document.documentElement.style.removeProperty(e);
+}
+const xi = window.ResizeObserver || gt;
+var wi = /* @__PURE__ */ ((i) => (i.Wrap = "wrap", i.Viewport = "viewport", i.Bounds = "bounds", i.Page = "page", i))(wi || {}), Ti = /* @__PURE__ */ ((i) => (i.Boxes = "boxes", i.Bounds = "bounds", i))(Ti || {});
+const Si = "Highlight" in window, Ye = ["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, n) {
+    this.wnd = e, this.comms = t, this.id = r, this.name = n, 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());
+  }
+  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 = Ae(this.wnd.document, e.locator);
+    if (!r) {
+      this.comms.log("Can't locate DOM range for decoration", e);
+      return;
+    }
+    const n = r.commonAncestorContainer;
+    n.nodeType !== Node.TEXT_NODE && this.experimentalHighlights && (Ye.includes(n.nodeName.toUpperCase()) && ((o = this.notTextFlag) == null || o.set(t, !0)), n.querySelector(Ye.join(", ").toLowerCase()) && ((a = this.notTextFlag) == null || a.set(t, !0)), (((h = n.textContent) == null ? void 0 : h.trim()) || "").length === 0 && ((c = this.notTextFlag) == null || c.set(t, !0)));
+    const s = {
+      decoration: e,
+      id: t,
+      range: r
+    };
+    this.items.push(s), this.layout(s), this.renderLayout([s]);
+  }
+  /**
+   * Removes the decoration with given ID from the group.
+   * @param identifier ID of item to remove
+   */
+  remove(e) {
+    var n, s;
+    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 && !((n = this.notTextFlag) != null && n.has(r.id))) {
+      const o = this.wnd.CSS.highlights.get(this.id);
+      o == null || o.delete(r.range);
+    }
+    (s = this.notTextFlag) == null || s.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 n, s;
+    const [t, r] = this.requireContainer(!0);
+    r.add(e.range), t.innerHTML = `
+        ::highlight(${this.id}) {
+            color: black;
+            background-color: ${((s = (n = e.decoration) == null ? void 0 : n.style) == null ? void 0 : s.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, n = parseInt(
+      getComputedStyle(this.wnd.document.documentElement).getPropertyValue(
+        "column-count"
+      )
+    ), s = r / (n || 1), o = this.wnd.document.scrollingElement, a = o.scrollLeft, h = o.scrollTop, c = (m, E, P) => {
+      var K, Z, W, F, Q, ee;
+      if (m.style.position = "absolute", ((Z = (K = e.decoration) == null ? void 0 : K.style) == null ? void 0 : Z.width) === "viewport") {
+        m.style.width = `${r}px`, m.style.height = `${E.height}px`;
+        let $ = Math.floor(E.left / r) * r;
+        m.style.left = `${$ + a}px`, m.style.top = `${E.top + h}px`;
+      } else if (((F = (W = e.decoration) == null ? void 0 : W.style) == null ? void 0 : F.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 (((ee = (Q = e.decoration) == null ? void 0 : Q.style) == null ? void 0 : ee.width) === "page") {
+        m.style.width = `${s}px`, m.style.height = `${E.height}px`;
+        let $ = Math.floor(E.left / s) * s;
+        m.style.left = `${$ + 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 = Ei(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 = Yt(
+        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);
+      }
+    }
+    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 n;
+        return !this.experimentalHighlights || !!((n = this.notTextFlag) != null && n.has(r.id));
+      }), !e || e.length === 0)
+        return;
+      this.requireContainer().append(...e.map((r) => r.container).filter((r) => !!r));
+    });
+  }
+  /**
+   * 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;
+  }
+  /**
+   * Removes the group container.
+   */
+  clearContainer() {
+    this.experimentalHighlights && this.wnd.CSS.highlights.delete(this.id), this.container && (this.container.remove(), this.container = void 0);
+  }
+}
+const yt = class be extends de {
+  constructor() {
+    super(...arguments), this.resizeFrame = 0, this.lastGroupId = 0, this.groups = /* @__PURE__ */ new Map(), this.handleResizer = this.handleResize.bind(this);
+  }
+  cleanup() {
+    this.groups.forEach((e) => e.clear()), this.groups.clear();
+  }
+  handleResize() {
+    this.wnd.clearTimeout(this.resizeFrame), this.resizeFrame = this.wnd.setTimeout(() => {
+      this.groups.forEach((e) => {
+        e.experimentalHighlights || e.requestLayout();
+      });
+    }, 50);
+  }
+  mount(e, t) {
+    return this.wnd = e, t.register("decorate", be.moduleName, (r, n) => {
+      const s = r;
+      s.decoration && s.decoration.locator && (s.decoration.locator = B.deserialize(s.decoration.locator)), this.groups.has(s.group) || this.groups.set(s.group, new Ci(
+        e,
+        t,
+        `readium-decoration-${this.lastGroupId++}`,
+        s.group
+      ));
+      const o = this.groups.get(s.group);
+      switch (s.action) {
+        case "add":
+          o == null || o.add(s.decoration);
+          break;
+        case "remove":
+          o == null || o.remove(s.decoration.id);
+          break;
+        case "clear":
+          o == null || o.clear();
+          break;
+        case "update":
+          o == null || o.update(s.decoration);
+          break;
+      }
+      n(!0);
+    }), this.resizeObserver = new xi(() => e.requestAnimationFrame(() => this.handleResize())), this.resizeObserver.observe(e.document.body), e.addEventListener("orientationchange", this.handleResizer), e.addEventListener("resize", this.handleResizer), t.log("Decorator Mounted"), !0;
+  }
+  unmount(e, t) {
+    return e.removeEventListener("orientationchange", this.handleResizer), e.removeEventListener("resize", this.handleResizer), t.unregisterAll(be.moduleName), this.resizeObserver.disconnect(), this.cleanup(), t.log("Decorator Unmounted"), !0;
+  }
+};
+yt.moduleName = "decorator";
+let Oi = yt;
+const Je = "readium-snapper-style", bt = class Ee extends de {
+  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 = Je, r.textContent = this.buildStyles(), e.document.head.appendChild(r), t.register("protect", Ee.moduleName, (n, s) => {
+      this.protected = !0, r.textContent = this.buildStyles(), s(!0);
+    }), t.register("unprotect", Ee.moduleName, (n, s) => {
+      this.protected = !1, r.textContent = this.buildStyles(), s(!0);
+    }), t.log("Snapper Mounted"), !0;
+  }
+  unmount(e, t) {
+    var r;
+    return (r = e.document.getElementById(Je)) == null || r.remove(), t.log("Snapper Unmounted"), !0;
+  }
+};
+bt.moduleName = "snapper";
+let Et = bt;
+function k(i) {
+  return i.document.body.dir.toLowerCase() === "rtl";
+}
+function xt(i) {
+  return parseInt(
+    i.getComputedStyle(
+      i.document.documentElement
+    ).getPropertyValue("column-count")
+  );
+}
+function Pi(i) {
+  const e = "readium-virtual-page";
+  let t = i.document.getElementById(e);
+  if (xt(i) !== 2)
+    t && t.remove();
+  else {
+    const n = i.document.scrollingElement.scrollWidth / i.innerWidth;
+    Math.round(n * 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 Ai(i) {
+  return i < 0.5 ? 2 * i * i : -1 + (4 - 2 * i) * i;
+}
+function T(i) {
+  const e = i.getSelection();
+  e && e.removeAllRanges();
+}
+const Ni = [
+  "a",
+  "audio",
+  "button",
+  "canvas",
+  "details",
+  "input",
+  "label",
   "option",
   "select",
   "submit",
   "textarea",
   "video"
 ];
-function ft(i) {
+function wt(i) {
   var e;
-  return ai.indexOf(i.nodeName.toLowerCase()) !== -1 || i.hasAttribute("contenteditable") && ((e = i.getAttribute("contenteditable")) == null ? void 0 : e.toLowerCase()) !== "false" ? i : i.parentElement ? ft(i.parentElement) : null;
+  return Ni.indexOf(i.nodeName.toLowerCase()) !== -1 || i.hasAttribute("contenteditable") && ((e = i.getAttribute("contenteditable")) == null ? void 0 : e.toLowerCase()) !== "false" ? i : i.parentElement ? wt(i.parentElement) : null;
 }
-function mt(i, e) {
-  const t = gt(i, i.document.body, e);
-  return new I({
+function Tt(i, e) {
+  const t = St(i, i.document.body, e), r = i._readium_cssSelectorGenerator.getCssSelector(t, {
+    selectors: ["tag", "id", "class", "nthchild", "nthoftype", "attribute"]
+  });
+  return new B({
     href: "#",
     type: "application/xhtml+xml",
     locations: new w({
       otherLocations: /* @__PURE__ */ new Map([
-        ["cssSelector", i._readium_cssSelectorGenerator.getCssSelector(t)]
+        ["cssSelector", r]
       ])
     }),
-    text: new q({
+    text: new _({
       highlight: t.textContent || void 0
     })
   });
 }
-function gt(i, e, t) {
+function St(i, e, t) {
   for (var r = 0; r < e.children.length; r++) {
-    const s = e.children[r];
-    if (!hi(s) && li(i, s, t))
-      return gt(i, s, t);
+    const n = e.children[r];
+    if (!Li(n) && Mi(i, n, t))
+      return Ri(i, n) ? n : St(i, n, t);
   }
   return e;
 }
-function li(i, e, t) {
+function Mi(i, e, t) {
   if (e === document.body || e === document.documentElement)
     return !0;
   if (!document || !document.documentElement || !document.body)
@@ -2118,11 +2564,20 @@ function li(i, e, t) {
   const r = e.getBoundingClientRect();
   return t ? r.bottom > 0 && r.top < i.innerHeight : r.right > 0 && r.left < i.innerWidth;
 }
-function hi(i) {
+function Ri(i, e) {
+  const t = e.getBoundingClientRect();
+  return t.top >= 0 && t.left >= 0 && t.bottom <= i.innerHeight && t.right <= i.innerWidth;
+}
+function Li(i) {
   const e = getComputedStyle(i);
-  return !!(e && (e.getPropertyValue("display") != "block" || e.getPropertyValue("opacity") === "0"));
+  if (e) {
+    const t = e.getPropertyValue("display");
+    if (t != "block" && t != "list-item" || e.getPropertyValue("opacity") === "0")
+      return !0;
+  }
+  return !1;
 }
-const Ve = "readium-column-snapper-style", ci = 200, vt = class C extends at {
+const Ke = "readium-column-snapper-style", Ii = 200, Ct = class C extends Et {
   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);
   }
@@ -2133,7 +2588,7 @@ const Ve = "readium-column-snapper-style", ci = 200, vt = class C extends at {
     return this.doc().scrollLeft > 0 ? this.doc().scrollLeft : this.alreadyScrollLeft;
   }
   snapOffset(e) {
-    const t = e + (W(this.wnd) ? -1 : 1);
+    const t = e + (k(this.wnd) ? -1 : 1);
     return t - t % this.wnd.innerWidth;
   }
   reportProgress() {
@@ -2143,7 +2598,7 @@ const Ve = "readium-column-snapper-style", ci = 200, vt = class C extends at {
     if (this.overscroll !== 0 || this.shakeTimeout !== 0)
       return;
     const e = this.doc();
-    e.classList.add(W(this.wnd) ? "readium-bounce-l" : "readium-bounce-r");
+    e.classList.add(k(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;
@@ -2158,28 +2613,28 @@ const Ve = "readium-column-snapper-style", ci = 200, vt = class C extends at {
   }
   // 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 = (
+    const r = this.wnd.scrollX > 0 ? this.wnd.scrollX : this.alreadyScrollLeft, n = this.doc(), s = this.dragOffset(), o = xt(this.wnd), a = Math.min(Math.max(0, r), this.cachedScrollWidth), h = k(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()) {
+      h * (this.wnd.innerWidth / 3) * (h * s > 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) * Qt(x / S), u = (
+      const p = (g, y, x, S) => x > S ? y : g + (y - g) * Ai(x / S), d = (
         /*Math.abs(startX - (this.useTransform ? currentOffset : 0)) < 10 ? 1 : */
-        ci * o
+        Ii * 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());
+        const y = g - f, x = p(this.overscroll, 0, y, d), S = p(r, u, y, d);
+        n.scrollLeft = S, this.overscroll !== 0 && (n.style.transform = `translate3d(${-x}px, 0px, 0px)`), y < d ? this.wnd.requestAnimationFrame(v) : (this.clearTouches(), n.style.removeProperty("transform"), n.scrollLeft = u, t || this.reportProgress());
       };
       this.wnd.requestAnimationFrame(v);
     } else
-      s.style.removeProperty("transform"), this.wnd.requestAnimationFrame(() => {
-        s.scrollLeft = d, this.clearTouches(), t || this.reportProgress();
+      n.style.removeProperty("transform"), this.wnd.requestAnimationFrame(() => {
+        n.scrollLeft = u, this.clearTouches(), t || this.reportProgress();
       });
   }
   dragOffset() {
@@ -2224,7 +2679,7 @@ const Ve = "readium-column-snapper-style", ci = 200, vt = class C extends at {
       return !1;
     e.navigator.epubReadingSystem.layoutStyle = "paginated";
     const r = e.document.createElement("style");
-    r.dataset.readium = "true", r.id = Ve, r.textContent = `
+    r.dataset.readium = "true", r.id = Ke, r.textContent = `
         @keyframes readium-bounce-l-animation {
             0%, 100% {transform: translate3d(0, 0, 0);}
             50% {transform: translate3d(-50px, 0, 0);}
@@ -2259,13 +2714,13 @@ const Ve = "readium-column-snapper-style", ci = 200, vt = class C extends at {
             display: none; /* for Chrome, Safari, and Opera */
         }
         `, e.document.head.appendChild(r);
-    const s = e.ResizeObserver || nt;
-    this.resizeObserver = new s(() => e.requestAnimationFrame(() => {
-      e && Kt(e);
+    const n = e.ResizeObserver || gt;
+    this.resizeObserver = new n(() => e.requestAnimationFrame(() => {
+      e && Pi(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 s = (o) => {
       const a = this.doc().scrollLeft;
       return this.doc().scrollLeft = this.snapOffset(o), a !== this.doc().scrollLeft;
     };
@@ -2279,7 +2734,7 @@ const Ve = "readium-column-snapper-style", ci = 200, vt = class C extends at {
       }
       this.wnd.requestAnimationFrame(() => {
         this.cachedScrollWidth = this.doc().scrollWidth;
-        const c = this.cachedScrollWidth, d = W(e) ? -1 : 1, p = c * h * d;
+        const c = this.cachedScrollWidth, u = k(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) => {
@@ -2294,7 +2749,7 @@ const Ve = "readium-column-snapper-style", ci = 200, vt = class C extends at {
     }), t.register("go_text", C.moduleName, (o, a) => {
       let h;
       Array.isArray(o) && (o.length > 1 && (h = o[1]), o = o[0]);
-      const c = q.deserialize(o), d = Pe(this.wnd.document, new I({
+      const c = _.deserialize(o), u = Ae(this.wnd.document, new B({
         href: e.location.href,
         type: "text/html",
         text: c,
@@ -2304,15 +2759,15 @@ const Ve = "readium-column-snapper-style", ci = 200, vt = class C extends at {
           ])
         }) : void 0
       }));
-      if (!d) {
+      if (!u) {
         a(!1);
         return;
       }
       this.wnd.requestAnimationFrame(() => {
-        this.doc().scrollLeft = this.snapOffset(d.getBoundingClientRect().left + e.scrollX), this.reportProgress(), T(this.wnd), a(!0);
+        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;
+      const h = k(e) ? -1 : 1;
       this.wnd.requestAnimationFrame(() => {
         this.cachedScrollWidth = this.doc().scrollWidth;
         const c = this.cachedScrollWidth * h;
@@ -2328,13 +2783,13 @@ const Ve = "readium-column-snapper-style", ci = 200, vt = class C extends at {
       });
     }), 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);
+        const h = e.scrollX - e.innerWidth, c = k(e) ? -(this.cachedScrollWidth - e.innerWidth) : 0, u = s(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, d = n(Math.min(h, c));
-        d && (this.reportProgress(), T(this.wnd)), a(d);
+        const h = e.scrollX + e.innerWidth, c = k(e) ? 0 : this.cachedScrollWidth - e.innerWidth, u = s(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);
@@ -2345,820 +2800,423 @@ const Ve = "readium-column-snapper-style", ci = 200, vt = class C extends at {
         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);
+      const h = Tt(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(Ve)) == null || r.remove(), t.log("ColumnSnapper Unmounted"), super.unmount(e, t);
-  }
-};
-vt.moduleName = "column_snapper";
-let di = vt;
-const he = {
-  top: "js-iframe-reader-top-anchor",
-  bottom: "js-iframe-reader-bottom-anchor"
-};
-class ui extends HTMLElement {
-  connectedCallback() {
-    this.setAttribute("aria-hidden", "true"), this.style.setProperty("display", "block", "important"), this.style.setProperty("padding", "0", "important"), this.style.setProperty("margin", "0", "important"), this.style.setProperty("visibility", "hidden", "important");
-  }
-}
-function pi(i) {
-  const e = i.getElementsByTagName("body")[0], t = document.createElement("anchor-observer"), r = document.createElement("anchor-observer");
-  t.dataset.readium = "true", r.dataset.readium = "true", t == null || t.setAttribute("id", he.top), t == null || t.style.setProperty("height", "115px", "important"), r == null || r.setAttribute("id", he.bottom), r == null || r.style.setProperty("height", "80px", "important"), e == null || e.insertBefore(t, e.firstChild), e == null || e.appendChild(r);
-}
-function fi(i) {
-  var s, n;
-  const e = i.getElementsByTagName("body")[0], t = e == null ? void 0 : e.querySelector(`#${he.top}`), r = e == null ? void 0 : e.querySelector(`#${he.bottom}`);
-  t && ((s = t.parentElement) == null || s.removeChild(t)), r && ((n = r.parentElement) == null || n.removeChild(r));
-}
-const Xe = "readium-scroll-snapper-style", yt = class M extends at {
-  constructor() {
-    super(...arguments), this.createAnchorElements = () => {
-      pi(this.doc());
-    }, this.removeAnchorElements = () => {
-      fi(this.doc());
-    }, this.createCustomElement = () => {
-      customElements.get("anchor-observer") || customElements.define("anchor-observer", ui);
-    };
-  }
-  doc() {
-    return this.wnd.document.scrollingElement;
-  }
-  reportProgress(e) {
-    this.comms.send("progress", e);
-  }
-  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 = Xe, 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 = Pe(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 = mt(e, !0);
-      this.comms.send("first_visible_locator", o.serialize()), n(!0);
-    }), t.log("ScrollSnapper Mounted"), this.createCustomElement(), this.createAnchorElements(), !0;
-  }
-  unmount(e, t) {
-    var r;
-    return t.unregisterAll(M.moduleName), this.removeAnchorElements(), (r = e.document.getElementById(Xe)) == null || r.remove(), t.log("ScrollSnapper Unmounted"), !0;
-  }
-};
-yt.moduleName = "scroll_snapper";
-let mi = yt;
-class bt extends ce {
-  constructor() {
-    super(...arguments), this.pointerMoved = !1, this.onPointerUp = this.onPointUp.bind(this), this.onPointerMove = this.onPointMove.bind(this), this.onPointerDown = this.onPointDown.bind(this), this.onContextMenu = this.onContext.bind(this), this.onClicker = this.onClick.bind(this);
-  }
-  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;
-  }
-  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);
-    }
-  }
-  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;
-  }
-  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;
-  }
-}
-bt.moduleName = "peripherals";
-const Et = class ve extends ce {
-  constructor() {
-    super(...arguments), this.mediaPlayingCount = 0, this.allAnimations = /* @__PURE__ */ new Set();
-  }
-  wndOnErr(e) {
-    var t;
-    (t = this.comms) == null || t.send("error", {
-      message: e.message,
-      filename: e.filename,
-      lineno: e.lineno,
-      colno: e.colno
-    });
-  }
-  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;
-      }
-    }
-  }
-  onMediaPlayEvent() {
-    var e;
-    this.mediaPlayingCount++, (e = this.comms) == null || e.send("media_play", this.mediaPlayingCount);
-  }
-  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.1",
-        hasFeature: (s, n = "") => {
-          switch (s) {
-            case "dom-manipulation":
-              return !0;
-            case "layout-changes":
-              return !0;
-            case "touch-events":
-              return !0;
-            case "mouse-events":
-              return !0;
-            case "keyboard-events":
-              return !0;
-            case "spine-scripting":
-              return !0;
-            case "embedded-web-content":
-              return !0;
-            default:
-              return !1;
-          }
-        }
-      },
-      writable: !1
-    }), "getAnimations" in e.document && e.document.getAnimations().forEach((s) => {
-      s.cancel(), this.allAnimations.add(s);
-    }), t.register("activate", ve.moduleName, (s, n) => {
-      this.allAnimations.forEach((o) => {
-        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
-      });
-    }
-    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;
-  }
-};
-Et.moduleName = "setup";
-let xt = Et;
-function gi(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 j extends xt {
-  onViewportWidthChanged(e) {
-    const t = e.target;
-    ye(t, "--RS__viewportWidth", `${t.innerWidth}px`);
-  }
-  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", j.moduleName, (s, n) => {
-      const o = s;
-      ye(e, o[0], o[1]), n(!0);
-    }), t.register("remove_property", j.moduleName, (s, n) => {
-      wt(e, s), n(!0);
-    }), t.register("activate", j.moduleName, (s, n) => {
-      this.unblock(e), n(!0);
-    }), t.log("ReflowableSetup Mounted"), !0;
+    }), t.log("ColumnSnapper Mounted"), !0;
   }
   unmount(e, t) {
     var r;
-    return t.unregisterAll(j.moduleName), (r = e.document.head.querySelector(`#${Ge}`)) == null || r.remove(), e.removeEventListener("orientationchange", this.onViewportWidthChanged), t.log("ReflowableSetup Unmounted"), super.unmount(e, t);
+    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(Ke)) == null || r.remove(), t.log("ColumnSnapper Unmounted"), super.unmount(e, t);
   }
 };
-Tt.moduleName = "reflowable_setup";
-let vi = Tt;
-const Ye = "readium-fixed-style", St = class L extends xt {
+Ct.moduleName = "column_snapper";
+let zi = Ct;
+const ue = {
+  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");
+  }
+}
+function Bi(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", ue.top), t == null || t.style.setProperty("height", "115px", "important"), r == null || r.setAttribute("id", ue.bottom), r == null || r.style.setProperty("height", "80px", "important"), e == null || e.insertBefore(t, e.firstChild), e == null || e.appendChild(r);
+}
+function Wi(i) {
+  var n, s;
+  const e = i.getElementsByTagName("body")[0], t = e == null ? void 0 : e.querySelector(`#${ue.top}`), r = e == null ? void 0 : e.querySelector(`#${ue.bottom}`);
+  t && ((n = t.parentElement) == null || n.removeChild(t)), r && ((s = r.parentElement) == null || s.removeChild(r));
+}
+const Ze = "readium-scroll-snapper-style", Ot = class M extends Et {
+  constructor() {
+    super(...arguments), this.createAnchorElements = () => {
+      Bi(this.doc());
+    }, this.removeAnchorElements = () => {
+      Wi(this.doc());
+    }, this.createCustomElement = () => {
+      customElements.get("anchor-observer") || customElements.define("anchor-observer", Di);
+    };
+  }
+  doc() {
+    return this.wnd.document.scrollingElement;
+  }
+  reportProgress(e) {
+    this.comms.send("progress", e);
+  }
   mount(e, t) {
-    if (!super.mount(e, t))
-      return !1;
-    e.navigator.epubReadingSystem.layoutStyle = "paginated";
+    this.wnd = e, this.comms = t, e.navigator.epubReadingSystem.layoutStyle = "scrolling";
     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;
-
-            /* 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;
-      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);
+    return r.dataset.readium = "true", r.id = Ze, 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, (n, s) => {
+      const o = n;
+      if (o < 0 || o > 1) {
+        t.send("error", {
+          message: "go_progression must be given a position from 0.0 to 1.0"
+        }), s(!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), s(!0);
+      });
+    }), t.register("go_id", M.moduleName, (n, s) => {
+      const o = e.document.getElementById(n);
+      if (!o) {
+        s(!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), s(!0);
+      });
+    }), t.register("go_text", M.moduleName, (n, s) => {
+      let o;
+      Array.isArray(n) && (n.length > 1 && (o = n[1]), n = n[0]);
+      const a = _.deserialize(n), h = Ae(this.wnd.document, new B({
+        href: e.location.href,
+        type: "text/html",
+        text: a,
+        locations: o ? new w({
+          otherLocations: /* @__PURE__ */ new Map([
+            ["cssSelector", o]
+          ])
+        }) : void 0
+      }));
+      if (!h) {
+        s(!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), s(!0);
+      });
+    }), t.register("go_start", M.moduleName, (n, s) => {
+      if (this.doc().scrollTop === 0)
+        return s(!1);
+      this.doc().scrollTop = 0, this.reportProgress({ progress: 0, reference: this.wnd.innerHeight / this.doc().scrollHeight }), s(!0);
+    }), t.register("go_end", M.moduleName, (n, s) => {
+      if (this.doc().scrollTop === 0)
+        return s(!1);
+      this.doc().scrollTop = 0, this.reportProgress({ progress: 0, reference: this.wnd.innerHeight / this.doc().scrollHeight }), s(!0);
+    }), t.register("unfocus", M.moduleName, (n, s) => {
+      T(this.wnd), s(!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;
+      "go_prev"
+    ], M.moduleName, (n, s) => s(!1)), t.register("focus", M.moduleName, (n, s) => {
+      const o = this.doc().scrollTop / this.doc().offsetHeight;
+      this.reportProgress({ progress: o, reference: this.wnd.innerHeight / this.doc().scrollHeight }), s(!0);
+    }), t.register("first_visible_locator", M.moduleName, (n, s) => {
+      const o = Tt(e, !0);
+      this.comms.send("first_visible_locator", o.serialize()), s(!0);
+    }), t.log("ScrollSnapper Mounted"), this.createCustomElement(), this.createAnchorElements(), !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);
+    return t.unregisterAll(M.moduleName), this.removeAnchorElements(), (r = e.document.getElementById(Ze)) == null || r.remove(), t.log("ScrollSnapper Unmounted"), !0;
   }
 };
-St.moduleName = "fixed_setup";
-let yi = St;
-function bi(i, e) {
-  let t = i.getClientRects();
-  t.length || i.commonAncestorContainer.nodeType === Node.ELEMENT_NODE && (t = i.commonAncestorContainer.getClientRects());
-  const r = 1, s = [];
-  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 = xi(n, r), a = Ot(o), h = 2 * 2;
-  for (let c = a.length - 1; c >= 0; c--) {
-    const d = a[c];
-    if (!(d.width * d.height > h))
-      if (a.length > 1)
-        a.splice(c, 1);
-      else
-        break;
+Ot.moduleName = "scroll_snapper";
+let Fi = Ot;
+class Pt extends de {
+  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);
   }
-  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) && Pt(n, o, e)) {
-        const u = i.filter((v) => v !== n && v !== o), f = Ei(n, o);
-        return u.push(f), Ct(
-          u,
-          e,
-          t
-        );
-      }
+  onPointUp(e) {
+    var n, s, o, a, h;
+    const t = this.wnd.getSelection();
+    if (t && ((n = t.toString()) == null ? void 0 : n.length) > 0) {
+      const c = (s = t.getRangeAt(0)) == null ? void 0 : s.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);
     }
-  return i;
-}
-function Ei(i, e) {
-  const t = Math.min(i.left, e.left), r = Math.max(i.right, e.right), s = Math.min(i.top, e.top), n = Math.max(i.bottom, e.bottom);
-  return {
-    bottom: n,
-    height: n - s,
-    left: t,
-    right: r,
-    top: s,
-    width: r - t
-  };
-}
-function xi(i, e) {
-  const t = new Set(i);
-  for (const r of i) {
-    if (!(r.width > 1 && r.height > 1)) {
-      t.delete(r);
-      continue;
+    if (this.pointerMoved) {
+      this.pointerMoved = !1;
+      return;
     }
-    for (const n of i)
-      if (r !== n && t.has(n) && wi(n, r, e)) {
-        t.delete(r);
-        break;
-      }
+    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 = wt(e.target)) == null ? void 0 : h.outerHTML,
+      cssSelector: this.wnd._readium_cssSelectorGenerator.getCssSelector(e.target)
+    }), this.pointerMoved = !1;
   }
-  return Array.from(t);
-}
-function wi(i, e, t) {
-  return ie(i, e.left, e.top, t) && ie(i, e.right, e.top, t) && ie(i, e.left, e.bottom, t) && ie(i, e.right, e.bottom, t);
-}
-function ie(i, e, t, r) {
-  return (i.left < e || A(i.left, e, r)) && (i.right > e || A(i.right, e, r)) && (i.top < t || A(i.top, t, r)) && (i.bottom > t || A(i.bottom, t, r));
-}
-function Ot(i) {
-  for (let e = 0; e < i.length; e++)
-    for (let t = e + 1; t < i.length; t++) {
-      const r = i[e], s = i[t];
-      if (r !== s && Pt(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), Ot(h);
-      }
+  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;
     }
-  return i;
-}
-function Ze(i, e) {
-  const t = Ti(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
-    };
-    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);
-  }
-  {
-    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);
-  }
-  return r;
-}
-function Ti(i, e) {
-  const t = Math.max(i.left, e.left), r = Math.min(i.right, e.right), s = Math.max(i.top, e.top), n = Math.min(i.bottom, e.bottom);
-  return {
-    bottom: n,
-    height: Math.max(0, n - s),
-    left: t,
-    right: r,
-    top: s,
-    width: Math.max(0, r - t)
-  };
-}
-function Pt(i, e, t) {
-  return (i.left < e.right || t >= 0 && A(i.left, e.right, t)) && (e.left < i.right || t >= 0 && A(e.left, i.right, t)) && (i.top < e.bottom || t >= 0 && A(i.top, e.bottom, t)) && (e.top < i.bottom || t >= 0 && A(e.top, i.bottom, t));
-}
-function A(i, e, t) {
-  return Math.abs(i - e) <= t;
-}
-const Si = window.ResizeObserver || nt, Ci = "Highlight" in window, Je = ["IMG", "IMAGE", "AUDIO", "VIDEO", "SVG"];
-class Oi {
-  /**
-   * Creates a DecorationGroup object
-   * @param id Unique HTML ID-adhering name of the group
-   * @param name Human-readable name of the group
-   */
-  constructor(e, t, r, s) {
-    this.wnd = e, this.comms = t, this.id = r, this.name = s, this.items = [], this.lastItemId = 0, this.container = void 0, this.activateable = !1, this.experimentalHighlights = !1, this.currentRender = 0, Ci && (this.experimentalHighlights = !0, this.notTextFlag = /* @__PURE__ */ new Map());
-  }
-  get activeable() {
-    return this.activateable;
+    this.pointerMoved = !0;
   }
-  set activeable(e) {
-    this.activateable = e;
+  onPointDown() {
+    this.pointerMoved = !1;
   }
-  /**
-   * 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 = Pe(this.wnd.document, e.locator);
-    if (!r) {
-      this.comms.log("Can't locate DOM range for decoration", e);
-      return;
-    }
-    const s = r.commonAncestorContainer;
-    s.nodeType !== Node.TEXT_NODE && this.experimentalHighlights && (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]);
+  onContext(e) {
+    this.onPointUp(e), 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)
-      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);
+  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);
     }
-    (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);
+  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);
+}
+Pt.moduleName = "peripherals";
+const At = class xe extends de {
+  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, 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`;
-    }, d = e.range.getBoundingClientRect();
-    let p = this.wnd.document.createElement("template");
-    const u = gi(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 = bi(
-        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, d), t.append(P);
+  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 n = r[1], s = r[2];
+          e.removeEventListener(n.type, e._readium_eventBlocker, !0);
+          const o = new Event(n.type, {
+            bubbles: n.bubbles,
+            cancelable: n.cancelable
+          });
+          s ? s.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.3",
+        hasFeature: (n, s = "") => {
+          switch (n) {
+            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((n) => {
+      n.cancel(), this.allAnimations.add(n);
+    }), t.register("activate", xe.moduleName, (n, s) => {
+      this.allAnimations.forEach((o) => {
+        o.cancel(), o.play();
+      }), s(!0);
+    }), t.register("unfocus", xe.moduleName, (n, s) => {
+      this.pauseAllMedia(e), this.allAnimations.forEach((o) => o.pause()), s(!0);
+    });
+    const r = e.document.querySelectorAll("audio,video");
+    for (let n = 0; n < r.length; n++) {
+      const s = r[n];
+      s.addEventListener("play", this.onMediaPlayEvent, {
+        passive: !0
+      }), s.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);
+};
+At.moduleName = "setup";
+let Nt = At;
+const Qe = "readium-viewport", Mt = class X extends Nt {
+  onViewportWidthChanged(e) {
+    const t = e.target;
+    ye(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", Qe), 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", X.moduleName, (n, s) => {
+      const o = n;
+      ye(e, o[0], o[1]), s(!0);
+    }), t.register("remove_property", X.moduleName, (n, s) => {
+      vt(e, n), s(!0);
+    }), t.register("activate", X.moduleName, (n, s) => {
+      this.unblock(e), s(!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(X.moduleName), (r = e.document.head.querySelector(`#${Qe}`)) == null || r.remove(), e.removeEventListener("orientationchange", this.onViewportWidthChanged), t.log("ReflowableSetup Unmounted"), super.unmount(e, t);
   }
+};
+Mt.moduleName = "reflowable_setup";
+let ki = Mt;
+const et = "readium-fixed-style", Rt = class I extends Nt {
   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 Oi(
-        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 Si(() => e.requestAnimationFrame(() => this.handleResize())), this.resizeObserver.observe(e.document.body), e.addEventListener("orientationchange", this.handleResizer), e.addEventListener("resize", this.handleResizer), t.log("Decorator Mounted"), !0;
+    if (!super.mount(e, t))
+      return !1;
+    e.navigator.epubReadingSystem.layoutStyle = "paginated";
+    const r = e.document.createElement("style");
+    return r.id = et, 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", I.moduleName, (n, s) => {
+      const o = n;
+      ye(e, o[0], o[1]), s(!0);
+    }), t.register("remove_property", I.moduleName, (n, s) => {
+      vt(e, n), s(!0);
+    }), t.register("first_visible_locator", I.moduleName, (n, s) => s(!1)), t.register("unfocus", I.moduleName, (n, s) => {
+      T(e), s(!0);
+    }), t.register([
+      "focus",
+      "go_next",
+      "go_prev",
+      "go_id",
+      "go_end",
+      "go_start",
+      "go_text",
+      "go_progression"
+    ], I.moduleName, (n, s) => s(!0)), t.register("activate", I.moduleName, (n, s) => {
+      this.unblock(e), s(!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(I.moduleName), (r = e.document.getElementById(et)) == null || r.remove(), t.log("FixedSetup Unmounted"), super.unmount(e, t);
   }
 };
-At.moduleName = "decorator";
-let Pi = At;
-const Ai = [
+Rt.moduleName = "fixed_setup";
+let Ui = Rt;
+const Hi = [
   "fixed_setup",
   "decorator",
   "peripherals"
-], Mi = [
+], $i = [
   "reflowable_setup",
   "decorator",
   "peripherals",
   "column_snapper",
   "scroll_snapper"
-], Ke = new Map([
+], tt = new Map([
   // All modules go here
-  yi,
-  vi,
-  bt,
-  Pi,
-  di,
-  mi
+  Ui,
+  ki,
+  Pt,
+  Oi,
+  zi,
+  Fi
 ].map((i) => [i.moduleName, i]));
-class Ri {
+class Vi {
   /**
    * @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 Nt(e);
+    this.loadedModules = [], this.wnd = e, this.comms = new zt(e);
     const r = [...new Set(t)];
     if (r.length) {
       if (typeof e > "u")
         throw Error("Loader is not in a web browser");
-      e.parent !== e && this.comms.log("Loader is probably in a frame"), this.loadedModules = r.map((s) => {
-        const n = this.loadModule(s);
-        if (n)
-          return n.mount(this.wnd, this.comms), n;
-      }).filter((s) => s !== void 0);
+      e.parent !== e && this.comms.log("Loader is probably in a frame"), this.loadedModules = r.map((n) => {
+        const s = this.loadModule(n);
+        if (s)
+          return s.mount(this.wnd, this.comms), s;
+      }).filter((n) => n !== void 0);
     }
   }
   loadModule(e) {
-    const t = Ke.get(e);
+    const t = tt.get(e);
     return t === void 0 ? (this.comms.log(`Module "${name}" does not exist in the library`), t) : new t();
   }
   /**
@@ -3176,10 +3234,10 @@ class Ri {
    * @returns Success
    */
   removeModule(e) {
-    const t = Ke.get(e);
+    const t = tt.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);
+    const r = this.loadedModules.findIndex((n) => n instanceof t);
     return r < 0 ? !1 : (this.loadedModules[r].unmount(this.wnd, this.comms), this.loadedModules.splice(r, 1), !0);
   }
   /**
@@ -3190,13 +3248,16 @@ class Ri {
   }
 }
 export {
-  _ as COMMS_VERSION,
-  Nt as Comms,
-  Ai as FXLModules,
-  Ri as Loader,
-  ce as Module,
-  Ke as ModuleLibrary,
-  bt as Peripherals,
-  Mi as ReflowableModules,
-  Rt as mid
+  j as COMMS_VERSION,
+  zt as Comms,
+  Oi as Decorator,
+  Hi as FXLModules,
+  Ti as Layout,
+  Vi as Loader,
+  de as Module,
+  tt as ModuleLibrary,
+  Pt as Peripherals,
+  $i as ReflowableModules,
+  wi as Width,
+  It as mid
 };