@readium/navigator-html-injectables 1.3.3 → 2.0.0-beta.1

package/dist/index.js

@@ -1,5 +1,5 @@
-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 {
+const nt = Math.pow(2, 32), ge = () => Math.round(Math.random() * nt).toString(36), ot = () => `${Math.round(performance.now())}-${ge()}-${ge()}`, k = 1;
+class at {
   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,11 +12,11 @@ class zt {
     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 !== 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 = "";
+          if (this.destination = e.source, this.origin = e.origin, this.channelId = t._channel, t._readium !== k) {
+            t._readium > k ? this.send("error", `received comms version ${t._readium} higher than ${k}`) : this.send("error", `received comms version ${t._readium} lower than ${k}`), this.destination = null, this.origin = "", this.channelId = "";
             return;
           }
-          this.send("_pong", void 0), this.preLog.forEach((r) => this.send("log", r)), this.preLog = [];
+          this.send("_pong", void 0), this.preLog.forEach((i) => this.send("log", i)), this.preLog = [];
         }
         return;
       } else if (this.channelId) {
@@ -33,35 +33,35 @@ class zt {
       e.strict && this.send("_unhandled", e);
       return;
     }
-    t.forEach((r) => r.cb(e.data, (n) => {
-      this.send("_ack", n, e.id);
+    t.forEach((i) => i.cb(e.data, (s) => {
+      this.send("_ack", s, e.id);
     }));
   }
-  register(e, t, r) {
-    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,
+  register(e, t, i) {
+    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({
+          cb: i,
           module: t
-        }), this.registrar.set(n, s);
+        }), this.registrar.set(s, n);
       } else
-        this.registrar.set(n, [{
-          cb: r,
+        this.registrar.set(s, [{
+          cb: i,
           module: t
         }]);
     });
   }
   unregister(e, t) {
-    Array.isArray(e) || (e = [e]), e.forEach((r) => {
-      const n = this.registrar.get(r);
-      !n || n.length === 0 || n.splice(n.findIndex((s) => s.module === t), 1);
+    Array.isArray(e) || (e = [e]), e.forEach((i) => {
+      const s = this.registrar.get(i);
+      !s || s.length === 0 || s.splice(s.findIndex((n) => n.module === t), 1);
     });
   }
   unregisterAll(e) {
-    this.registrar.forEach((t, r) => this.registrar.set(r, t.filter((n) => n.module !== e)));
+    this.registrar.forEach((t, i) => this.registrar.set(i, t.filter((s) => s.module !== e)));
   }
   log(...e) {
     this.destination ? this.send("log", e) : this.preLog.push(e);
@@ -72,30 +72,30 @@ class zt {
   destroy() {
     this.destination = null, this.channelId = "", this.preLog = [], this.registrar.clear(), this.wnd.removeEventListener("message", this.receiver);
   }
-  send(e, t, r = void 0, n = []) {
+  send(e, t, i = void 0, s = []) {
     if (!this.destination)
       throw Error("Attempted to send comms message before destination has been initialized");
-    const s = {
-      _readium: j,
+    const n = {
+      _readium: k,
       _channel: this.channelId,
-      id: r ?? It(),
+      id: i ?? ot(),
       // scrict,
       key: e,
       data: t
     };
     try {
-      this.destination.postMessage(s, {
+      this.destination.postMessage(n, {
         targetOrigin: this.origin,
-        transfer: n
+        transfer: s
       });
     } catch (o) {
-      if (n.length > 0)
+      if (s.length > 0)
         throw o;
-      this.destination.postMessage(s, this.origin, n);
+      this.destination.postMessage(n, this.origin, s);
     }
   }
 }
-class we {
+class ie {
   /**
    * Creates a [Encryption].
    */
@@ -107,7 +107,7 @@ class we {
    */
   static deserialize(e) {
     if (e && e.algorithm)
-      return new we({
+      return new ie({
         algorithm: e.algorithm,
         compression: e.compression,
         originalLength: e.originalLength,
@@ -123,7 +123,7 @@ class we {
     return this.compression !== void 0 && (e.compression = this.compression), this.originalLength !== void 0 && (e.originalLength = this.originalLength), this.profile !== void 0 && (e.profile = this.profile), this.scheme !== void 0 && (e.scheme = this.scheme), e;
   }
 }
-class b {
+class E {
   constructor(e) {
     this.otherProperties = e;
   }
@@ -132,7 +132,7 @@ class b {
    */
   static deserialize(e) {
     if (e)
-      return new b(e);
+      return new E(e);
   }
   /**
    * Serializes a [Properties] to its RWPM JSON representation.
@@ -145,49 +145,49 @@ class b {
    */
   add(e) {
     const t = Object.assign({}, this.otherProperties);
-    for (const r in e)
-      t[r] = e[r];
-    return new b(t);
+    for (const i in e)
+      t[i] = e[i];
+    return new E(t);
   }
 }
-Object.defineProperty(b.prototype, "encryption", {
+Object.defineProperty(E.prototype, "encryption", {
   get: function() {
-    return we.deserialize(this.otherProperties.encrypted);
+    return ie.deserialize(this.otherProperties.encrypted);
   }
 });
-b.prototype.getContains = function() {
+E.prototype.getContains = function() {
   return new Set(this.otherProperties.contains || []);
 };
-b.prototype.getLayout = function() {
+E.prototype.getLayout = function() {
   return this.otherProperties.layout;
 };
 class l {
   /** Creates a MediaType object. */
   constructor(e) {
-    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)
+    let t, i, s = e.mediaType.replace(/\s/g, "").split(";");
+    const n = s[0].split("/");
+    if (n.length === 2) {
+      if (t = n[0].toLowerCase().trim(), i = n[1].toLowerCase().trim(), t.length === 0 || i.length === 0)
         throw new Error("Invalid media type");
     } else
       throw new Error("Invalid media type");
     const o = {};
-    for (let d = 1; d < n.length; d++) {
-      const f = n[d].split("=");
+    for (let u = 1; u < s.length; u++) {
+      const f = s[u].split("=");
       if (f.length === 2) {
-        const v = f[0].toLocaleLowerCase(), g = v === "charset" ? f[1].toUpperCase() : f[1];
-        o[v] = g;
+        const g = f[0].toLocaleLowerCase(), m = g === "charset" ? f[1].toUpperCase() : f[1];
+        o[g] = m;
       }
     }
     const a = {}, h = Object.keys(o);
-    h.sort((d, f) => d.localeCompare(f)), h.forEach((d) => a[d] = o[d]);
+    h.sort((u, f) => u.localeCompare(f)), h.forEach((u) => a[u] = o[u]);
     let c = "";
-    for (const d in a) {
-      const f = a[d];
-      c += `;${d}=${f}`;
+    for (const u in a) {
+      const f = a[u];
+      c += `;${u}=${f}`;
     }
-    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;
+    const d = `${t}/${i}${c}`, p = a.encoding;
+    this.string = d, this.type = t, this.subtype = i, this.parameters = a, this.encoding = p, this.name = e.name, this.fileExtension = e.fileExtension;
   }
   static parse(e) {
     return new l(e);
@@ -223,13 +223,13 @@ class l {
     const t = typeof e == "string" ? l.parse({ mediaType: e }) : e;
     if (!((this.type === "*" || this.type === t.type) && (this.subtype === "*" || this.subtype === t.subtype)))
       return !1;
-    const r = new Set(
-      Object.entries(this.parameters).map(([s, o]) => `${s}=${o}`)
-    ), n = new Set(
-      Object.entries(t.parameters).map(([s, o]) => `${s}=${o}`)
+    const i = new Set(
+      Object.entries(this.parameters).map(([n, o]) => `${n}=${o}`)
+    ), s = new Set(
+      Object.entries(t.parameters).map(([n, o]) => `${n}=${o}`)
     );
-    for (const s of Array.from(r.values()))
-      if (!n.has(s))
+    for (const n of Array.from(i.values()))
+      if (!s.has(n))
         return !1;
     return !0;
   }
@@ -616,7 +616,7 @@ class l {
     });
   }
 }
-class Re {
+class ye {
   constructor(e) {
     this.uri = e, this.parameters = this.getParameters(e);
   }
@@ -624,9 +624,9 @@ class Re {
    * List of URI template parameter keys, if the [Link] is templated.
    */
   getParameters(e) {
-    const t = /\{\??([^}]+)\}/g, r = e.match(t);
-    return r ? new Set(
-      r.join(",").replace(t, "$1").split(",").map((n) => n.trim())
+    const t = /\{\??([^}]+)\}/g, i = e.match(t);
+    return i ? new Set(
+      i.join(",").replace(t, "$1").split(",").map((s) => s.trim())
     ) : /* @__PURE__ */ new Set();
   }
   /** Expands the URI by replacing the template variables by the given parameters.
@@ -634,36 +634,36 @@ class Re {
    *  See RFC 6570 on URI template: https://tools.ietf.org/html/rfc6570
    */
   expand(e) {
-    const t = (n) => n.split(",").map((s) => {
-      const o = e[s];
+    const t = (s) => s.split(",").map((n) => {
+      const o = e[n];
       return o ? encodeURIComponent(o) : "";
-    }).join(","), r = (n) => "?" + n.split(",").map((s) => {
-      const o = s.split("=")[0], a = e[o];
+    }).join(","), i = (s) => "?" + s.split(",").map((n) => {
+      const o = n.split("=")[0], a = e[o];
       return a ? `${o}=${encodeURIComponent(a)}` : "";
     }).join("&");
-    return this.uri.replace(/\{(\??)([^}]+)\}/g, (...n) => n[1] ? r(n[2]) : t(n[2]));
+    return this.uri.replace(/\{(\??)([^}]+)\}/g, (...s) => s[1] ? i(s[2]) : t(s[2]));
   }
 }
-function Dt(i) {
-  return i && i instanceof Array ? i : void 0;
+function lt(r) {
+  return r && r instanceof Array ? r : void 0;
 }
-function it(i) {
-  return i && typeof i == "string" ? [i] : Dt(i);
+function We(r) {
+  return r && typeof r == "string" ? [r] : lt(r);
 }
-function Le(i) {
-  return typeof i == "string" ? new Date(i) : void 0;
+function ve(r) {
+  return typeof r == "string" ? new Date(r) : void 0;
 }
-function se(i) {
-  return isNaN(i) ? void 0 : i;
+function j(r) {
+  return isNaN(r) ? void 0 : r;
 }
-function O(i) {
-  return se(i) !== void 0 && Math.sign(i) >= 0 ? i : void 0;
+function C(r) {
+  return j(r) !== void 0 && Math.sign(r) >= 0 ? r : void 0;
 }
-function Bt(i) {
+function ht(r) {
   const e = new Array();
-  return i.forEach((t) => e.push(t)), e;
+  return r.forEach((t) => e.push(t)), e;
 }
-class w {
+class x {
   /**
    * Creates a [Locations].
    */
@@ -676,7 +676,7 @@ class w {
   static deserialize(e) {
     if (!e)
       return;
-    const t = se(e.progression), r = se(e.totalProgression), n = se(e.position), s = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set([
+    const t = j(e.progression), i = j(e.totalProgression), s = j(e.position), n = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set([
       "fragment",
       "fragments",
       "progression",
@@ -684,13 +684,13 @@ class w {
       "position"
     ]);
     return Object.entries(e).forEach(([a, h]) => {
-      o.has(a) || s.set(a, h);
-    }), new w({
-      fragments: it(e.fragments || e.fragment),
+      o.has(a) || n.set(a, h);
+    }), new x({
+      fragments: We(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: n !== void 0 && n > 0 ? n : void 0,
-      otherLocations: s.size === 0 ? void 0 : s
+      totalProgression: i !== void 0 && i >= 0 && i <= 1 ? i : void 0,
+      position: s !== void 0 && s > 0 ? s : void 0,
+      otherLocations: n.size === 0 ? void 0 : n
     });
   }
   /**
@@ -698,10 +698,10 @@ class w {
    */
   serialize() {
     const e = {};
-    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;
+    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, i) => e[i] = t), e;
   }
 }
-class _ {
+class U {
   /**
    * Creates a [Text].
    */
@@ -713,7 +713,7 @@ class _ {
    */
   static deserialize(e) {
     if (e)
-      return new _({
+      return new U({
         after: e.after,
         before: e.before,
         highlight: e.highlight
@@ -727,24 +727,24 @@ class _ {
     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 B {
+class D {
   /**
    * Creates a [Locator].
    */
   constructor(e) {
-    this.href = e.href, this.type = e.type, this.title = e.title, this.locations = e.locations ? e.locations : new w({}), this.text = e.text;
+    this.href = e.href, this.type = e.type, this.title = e.title, this.locations = e.locations ? e.locations : new x({}), this.text = e.text;
   }
   /**
    * Parses a [Link] from its RWPM JSON representation.
    */
   static deserialize(e) {
     if (e && e.href && e.type)
-      return new B({
+      return new D({
         href: e.href,
         type: e.type,
         title: e.title,
-        locations: w.deserialize(e.locations),
-        text: _.deserialize(e.text)
+        locations: x.deserialize(e.locations),
+        text: U.deserialize(e.text)
       });
   }
   /**
@@ -758,16 +758,16 @@ class B {
    * Shortcut to get a copy of the [Locator] with different [Locations] sub-properties.
    */
   copyWithLocations(e) {
-    return new B({
+    return new D({
       href: this.href,
       type: this.type,
       title: this.title,
       text: this.text,
-      locations: new w({ ...this.locations, ...e })
+      locations: new x({ ...this.locations, ...e })
     });
   }
 }
-class V {
+class B {
   /**
    * Creates a [Link].
    */
@@ -779,20 +779,20 @@ class V {
    */
   static deserialize(e) {
     if (e && e.href && typeof e.href == "string")
-      return new V({
+      return new B({
         href: e.href,
         templated: e.templated,
         type: e.type,
         title: e.title,
         rels: e.rel ? e.rel instanceof Array ? new Set(e.rel) : /* @__PURE__ */ new Set([e.rel]) : void 0,
-        properties: b.deserialize(e.properties),
-        height: O(e.height),
-        width: O(e.width),
-        duration: O(e.duration),
-        bitrate: O(e.bitrate),
-        languages: it(e.language),
-        alternates: ae.deserialize(e.alternate),
-        children: ae.deserialize(e.children)
+        properties: E.deserialize(e.properties),
+        height: C(e.height),
+        width: C(e.width),
+        duration: C(e.duration),
+        bitrate: C(e.bitrate),
+        languages: We(e.language),
+        alternates: q.deserialize(e.alternate),
+        children: q.deserialize(e.children)
       });
   }
   /**
@@ -800,7 +800,7 @@ class V {
    */
   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 = 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;
+    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 = ht(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() {
@@ -813,19 +813,19 @@ class V {
     const t = this.href.replace(/^(\/)/, "");
     if (t.length === 0)
       return;
-    let r = e || "/";
-    return r.startsWith("/") && (r = "file://" + r), new URL(t, r).href.replace(/^(file:\/\/)/, "");
+    let i = e || "/";
+    return i.startsWith("/") && (i = "file://" + i), new URL(t, i).href.replace(/^(file:\/\/)/, "");
   }
   /** List of URI template parameter keys, if the `Link` is templated. */
   get templateParameters() {
-    return this.templated ? new Re(this.href).parameters : /* @__PURE__ */ new Set();
+    return this.templated ? new ye(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 V({
-      href: new Re(this.href).expand(e),
+    return new B({
+      href: new ye(this.href).expand(e),
       templated: !1
     });
   }
@@ -834,25 +834,25 @@ class V {
    */
   addProperties(e) {
     var t;
-    const r = V.deserialize(this.serialize());
-    return r.properties = r.properties ? (t = r.properties) == null ? void 0 : t.add(e) : new b(e), r;
+    const i = B.deserialize(this.serialize());
+    return i.properties = i.properties ? (t = i.properties) == null ? void 0 : t.add(e) : new E(e), i;
   }
   /**
    * Creates a [Locator] from a reading order [Link].
    */
   get locator() {
     let e = this.href.split("#");
-    return new B({
+    return new D({
       href: e.length > 0 && e[0] !== void 0 ? e[0] : this.href,
       type: this.type ?? "",
       title: this.title,
-      locations: new w({
+      locations: new x({
         fragments: e.length > 1 && e[1] !== void 0 ? [e[1]] : []
       })
     });
   }
 }
-class ae {
+class q {
   /**
    * Creates a [Links].
    */
@@ -864,8 +864,8 @@ class ae {
    */
   static deserialize(e) {
     if (e && e instanceof Array)
-      return new ae(
-        e.map((t) => V.deserialize(t)).filter((t) => t !== void 0)
+      return new q(
+        e.map((t) => B.deserialize(t)).filter((t) => t !== void 0)
       );
   }
   /**
@@ -876,39 +876,39 @@ class ae {
   }
   /** Finds the first link with the given relation. */
   findWithRel(e) {
-    const t = (r) => r.rels && r.rels.has(e);
+    const t = (i) => i.rels && i.rels.has(e);
     return this.items.find(t);
   }
   /** Finds all the links with the given relation. */
   filterByRel(e) {
-    const t = (r) => r.rels && r.rels.has(e);
+    const t = (i) => i.rels && i.rels.has(e);
     return this.items.filter(t);
   }
   /** Finds the first link matching the given HREF. */
   findWithHref(e) {
-    const t = (r) => r.href === e;
+    const t = (i) => i.href === e;
     return this.items.find(t);
   }
   /** Finds the index of the first link matching the given HREF. */
   findIndexWithHref(e) {
-    const t = (r) => r.href === e;
+    const t = (i) => i.href === e;
     return this.items.findIndex(t);
   }
   /** Finds the first link matching the given media type. */
   findWithMediaType(e) {
-    const t = (r) => r.mediaType.matches(e);
+    const t = (i) => i.mediaType.matches(e);
     return this.items.find(t);
   }
   /** Finds all the links matching the given media type. */
   filterByMediaType(e) {
-    const t = (r) => r.mediaType.matches(e);
+    const t = (i) => i.mediaType.matches(e);
     return this.items.filter(t);
   }
   /** Finds all the links matching any of the given media types. */
   filterByMediaTypes(e) {
-    const t = (r) => {
-      for (const n of e)
-        if (r.mediaType.matches(n))
+    const t = (i) => {
+      for (const s of e)
+        if (i.mediaType.matches(s))
           return !0;
       return !1;
     };
@@ -937,8 +937,8 @@ class ae {
   /** Returns whether all the resources in the collection are matching any of the given media types. */
   everyMatchesMediaType(e) {
     return Array.isArray(e) ? this.items.length > 0 && this.items.every((t) => {
-      for (const r of e)
-        return t.mediaType.matches(r);
+      for (const i of e)
+        return t.mediaType.matches(i);
       return !1;
     }) : this.items.length > 0 && this.items.every((t) => t.mediaType.matches(e));
   }
@@ -946,7 +946,7 @@ class ae {
     return this.items.filter((e) => e.type);
   }
 }
-class le {
+class V {
   /**
    * Creates a [DomRange].
    */
@@ -959,14 +959,14 @@ class le {
   static deserialize(e) {
     if (!(e && e.cssSelector))
       return;
-    let t = O(e.textNodeIndex);
+    let t = C(e.textNodeIndex);
     if (t === void 0)
       return;
-    let r = O(e.charOffset);
-    return r === void 0 && (r = O(e.offset)), new le({
+    let i = C(e.charOffset);
+    return i === void 0 && (i = C(e.offset)), new V({
       cssSelector: e.cssSelector,
       textNodeIndex: t,
-      charOffset: r
+      charOffset: i
     });
   }
   /**
@@ -980,7 +980,7 @@ class le {
     return this.charOffset !== void 0 && (e.charOffset = this.charOffset), e;
   }
 }
-class Te {
+class re {
   /**
    * Creates a [DomRange].
    */
@@ -993,11 +993,11 @@ class Te {
   static deserialize(e) {
     if (!e)
       return;
-    let t = le.deserialize(e.start);
+    let t = V.deserialize(e.start);
     if (t)
-      return new Te({
+      return new re({
         start: t,
-        end: le.deserialize(e.end)
+        end: V.deserialize(e.end)
       });
   }
   /**
@@ -1008,55 +1008,55 @@ class Te {
     return this.end && (e.end = this.end.serialize()), e;
   }
 }
-w.prototype.getCssSelector = function() {
-  var i;
-  return (i = this.otherLocations) == null ? void 0 : i.get("cssSelector");
+x.prototype.getCssSelector = function() {
+  var r;
+  return (r = this.otherLocations) == null ? void 0 : r.get("cssSelector");
 };
-w.prototype.getPartialCfi = function() {
-  var i;
-  return (i = this.otherLocations) == null ? void 0 : i.get("partialCfi");
+x.prototype.getPartialCfi = function() {
+  var r;
+  return (r = this.otherLocations) == null ? void 0 : r.get("partialCfi");
 };
-w.prototype.getDomRange = function() {
-  var i;
-  return Te.deserialize((i = this.otherLocations) == null ? void 0 : i.get("domRange"));
+x.prototype.getDomRange = function() {
+  var r;
+  return re.deserialize((r = this.otherLocations) == null ? void 0 : r.get("domRange"));
 };
-w.prototype.fragmentParameters = function() {
+x.prototype.fragmentParameters = function() {
   return new Map(
-    this.fragments.map((i) => i.startsWith("#") ? i.slice(1) : i).join("&").split("&").filter((i) => !i.startsWith("#")).map((i) => i.split("=")).filter((i) => i.length === 2).map((i) => [
-      i[0].trim().toLowerCase(),
-      i[1].trim()
+    this.fragments.map((r) => r.startsWith("#") ? r.slice(1) : r).join("&").split("&").filter((r) => !r.startsWith("#")).map((r) => r.split("=")).filter((r) => r.length === 2).map((r) => [
+      r[0].trim().toLowerCase(),
+      r[1].trim()
     ])
   );
 };
-w.prototype.htmlId = function() {
+x.prototype.htmlId = function() {
   if (!this.fragments.length)
     return;
-  let i = this.fragments.find((e) => e.length && !e.includes("="));
-  if (!i) {
+  let r = this.fragments.find((e) => e.length && !e.includes("="));
+  if (!r) {
     const e = this.fragmentParameters();
-    e.has("id") ? i = e.get("id") : e.has("name") && (i = e.get("name"));
+    e.has("id") ? r = e.get("id") : e.has("name") && (r = e.get("name"));
   }
-  return i != null && i.startsWith("#") ? i.slice(1) : i;
+  return r != null && r.startsWith("#") ? r.slice(1) : r;
 };
-w.prototype.page = function() {
-  const i = parseInt(this.fragmentParameters().get("page"));
-  if (!isNaN(i) && i >= 0)
-    return i;
+x.prototype.page = function() {
+  const r = parseInt(this.fragmentParameters().get("page"));
+  if (!isNaN(r) && r >= 0)
+    return r;
 };
-w.prototype.time = function() {
-  const i = parseInt(this.fragmentParameters().get("t"));
-  if (!isNaN(i))
-    return i;
+x.prototype.time = function() {
+  const r = parseInt(this.fragmentParameters().get("t"));
+  if (!isNaN(r))
+    return r;
 };
-w.prototype.space = function() {
-  const i = this.fragmentParameters();
-  if (!i.has("xywh"))
+x.prototype.space = function() {
+  const r = this.fragmentParameters();
+  if (!r.has("xywh"))
     return;
-  const e = i.get("xywh").split(",").map((t) => parseInt(t));
+  const e = r.get("xywh").split(",").map((t) => parseInt(t));
   if (e.length === 4 && !e.some(isNaN))
     return e;
 };
-class Se {
+class se {
   /** Creates a [Price]. */
   constructor(e) {
     this.currency = e.currency, this.value = e.value;
@@ -1070,9 +1070,9 @@ class Se {
     let t = e.currency;
     if (!(t && typeof t == "string" && t.length > 0))
       return;
-    let r = O(e.value);
-    if (r !== void 0)
-      return new Se({ currency: t, value: r });
+    let i = C(e.value);
+    if (i !== void 0)
+      return new se({ currency: t, value: i });
   }
   /**
    * Serializes a [Price] to its RWPM JSON representation.
@@ -1081,7 +1081,7 @@ class Se {
     return { currency: this.currency, value: this.value };
   }
 }
-class G {
+class H {
   /** Creates a [Acquisition]. */
   constructor(e) {
     this.type = e.type, this.children = e.children;
@@ -1091,14 +1091,14 @@ class G {
    */
   static deserialize(e) {
     if (e && e.type)
-      return new G({
+      return new H({
         type: e.type,
-        children: G.deserializeArray(e.children)
+        children: H.deserializeArray(e.children)
       });
   }
   static deserializeArray(e) {
     if (e instanceof Array)
-      return e.map((t) => G.deserialize(t)).filter((t) => t !== void 0);
+      return e.map((t) => H.deserialize(t)).filter((t) => t !== void 0);
   }
   /**
    * Serializes a [Acquisition] to its RWPM JSON representation.
@@ -1108,7 +1108,7 @@ class G {
     return this.children && (e.children = this.children.map((t) => t.serialize())), e;
   }
 }
-class Ce {
+class ne {
   /** Creates a [Price]. */
   constructor(e) {
     this.total = e.total, this.position = e.position;
@@ -1118,9 +1118,9 @@ class Ce {
    */
   static deserialize(e) {
     if (e)
-      return new Ce({
-        total: O(e.total),
-        position: O(e.position)
+      return new ne({
+        total: C(e.total),
+        position: C(e.position)
       });
   }
   /**
@@ -1131,7 +1131,7 @@ class Ce {
     return this.total !== void 0 && (e.total = this.total), this.position !== void 0 && (e.position = this.position), e;
   }
 }
-class Oe {
+class oe {
   /** Creates a [Copies]. */
   constructor(e) {
     this.total = e.total, this.available = e.available;
@@ -1141,9 +1141,9 @@ class Oe {
    */
   static deserialize(e) {
     if (e)
-      return new Oe({
-        total: O(e.total),
-        available: O(e.available)
+      return new oe({
+        total: C(e.total),
+        available: C(e.available)
       });
   }
   /**
@@ -1154,7 +1154,7 @@ class Oe {
     return this.total !== void 0 && (e.total = this.total), this.available !== void 0 && (e.available = this.available), e;
   }
 }
-class Pe {
+class ae {
   /** Creates a [Availability]. */
   constructor(e) {
     this.state = e.state, this.since = e.since, this.until = e.until;
@@ -1164,10 +1164,10 @@ class Pe {
    */
   static deserialize(e) {
     if (e && e.state)
-      return new Pe({
+      return new ae({
         state: e.state,
-        since: Le(e.since),
-        until: Le(e.until)
+        since: ve(e.since),
+        until: ve(e.until)
       });
   }
   /**
@@ -1178,334 +1178,334 @@ class Pe {
     return this.since !== void 0 && (e.since = this.since.toISOString()), this.until !== void 0 && (e.until = this.until.toISOString()), e;
   }
 }
-b.prototype.getNumberOfItems = function() {
-  return O(this.otherProperties.numberOfItems);
+E.prototype.getNumberOfItems = function() {
+  return C(this.otherProperties.numberOfItems);
 };
-b.prototype.getPrice = function() {
-  return Se.deserialize(this.otherProperties.price);
+E.prototype.getPrice = function() {
+  return se.deserialize(this.otherProperties.price);
 };
-b.prototype.getIndirectAcquisitions = function() {
-  const i = this.otherProperties.indirectAcquisition;
-  if (i && i instanceof Array)
-    return i.map((e) => G.deserialize(e)).filter((e) => e !== void 0);
+E.prototype.getIndirectAcquisitions = function() {
+  const r = this.otherProperties.indirectAcquisition;
+  if (r && r instanceof Array)
+    return r.map((e) => H.deserialize(e)).filter((e) => e !== void 0);
 };
-b.prototype.getHolds = function() {
-  return Ce.deserialize(this.otherProperties.holds);
+E.prototype.getHolds = function() {
+  return ne.deserialize(this.otherProperties.holds);
 };
-b.prototype.getCopies = function() {
-  return Oe.deserialize(this.otherProperties.copies);
+E.prototype.getCopies = function() {
+  return oe.deserialize(this.otherProperties.copies);
 };
-b.prototype.getAvailability = function() {
-  return Pe.deserialize(this.otherProperties.availability);
+E.prototype.getAvailability = function() {
+  return ae.deserialize(this.otherProperties.availability);
 };
-b.prototype.getAuthenticate = function() {
-  return V.deserialize(this.otherProperties.authenticate);
+E.prototype.getAuthenticate = function() {
+  return B.deserialize(this.otherProperties.authenticate);
 };
-b.prototype.getClipped = function() {
+E.prototype.getClipped = function() {
   return this.otherProperties.clipped;
 };
-b.prototype.getFit = function() {
+E.prototype.getFit = function() {
   return this.otherProperties.fit;
 };
-b.prototype.getOrientation = function() {
+E.prototype.getOrientation = function() {
   return this.otherProperties.orientation;
 };
-b.prototype.getOverflow = function() {
+E.prototype.getOverflow = function() {
   return this.otherProperties.overflow;
 };
-b.prototype.getPage = function() {
+E.prototype.getPage = function() {
   return this.otherProperties.page || void 0;
 };
-b.prototype.getSpread = function() {
+E.prototype.getSpread = function() {
   return this.otherProperties.spread || void 0;
 };
-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);
+var R;
+(function(r) {
+  r.NONE = "none", r.DESCENDANT = "descendant", r.CHILD = "child";
+})(R || (R = {}));
+var P;
+(function(r) {
+  r.id = "id", r.class = "class", r.tag = "tag", r.attribute = "attribute", r.nthchild = "nthchild", r.nthoftype = "nthoftype";
+})(P || (P = {}));
+const ct = "CssSelectorGenerator";
+function Ee(r = "unknown problem", ...e) {
+  console.warn(`${ct}: ${r}`, ...e);
+}
+P.id, P.class, P.tag, P.attribute, Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY;
+function dt(r) {
+  return r instanceof RegExp;
+}
+function ut(r) {
+  return r.replace(/[|\\{}()[\]^$+?.]/g, "\\$&").replace(/\*/g, ".+");
+}
+function pt(r) {
+  const e = r.map((t) => {
+    if (dt(t))
+      return (i) => t.test(i);
     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;
+      return (i) => {
+        const s = t(i);
+        return typeof s != "boolean" ? (Ee("pattern matcher function invalid", "Provided pattern matching function does not return boolean. It's result will be ignored.", t), !1) : s;
       };
     if (typeof t == "string") {
-      const r = new RegExp("^" + kt(t) + "$");
-      return (n) => r.test(n);
+      const i = new RegExp("^" + ut(t) + "$");
+      return (s) => i.test(s);
     }
-    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 Ee("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));
+  return (t) => e.some((i) => i(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([
+const ft = "", mt = " > ", gt = " ";
+R.NONE + "", R.NONE, R.DESCENDANT + "", R.DESCENDANT, R.CHILD + "", R.CHILD;
+P.nthoftype, P.tag, P.id, P.class, P.attribute, P.nthchild;
+pt([
   "class",
   "id",
   // Angular attributes
   "ng-*"
 ]);
-class de {
+class Y {
 }
-function ze(i) {
-  return i.split("").reverse().join("");
+function be(r) {
+  return r.split("").reverse().join("");
 }
-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));
+function yt(r, e, t) {
+  const i = be(e);
+  return t.map((s) => {
+    const n = Math.max(0, s.end - e.length - s.errors), o = be(r.slice(n, s.end));
     return {
-      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
+      start: Fe(o, i, s.errors).reduce((h, c) => s.end - c.end < h ? s.end - c.end : h, s.end),
+      end: s.end,
+      errors: s.errors
     };
   });
 }
-function pe(i) {
-  return (i | -i) >> 31 & 1;
+function Z(r) {
+  return (r | -r) >> 31 & 1;
 }
-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 xe(r, e, t, i) {
+  let s = r.P[t], n = r.M[t];
+  const o = i >>> 31, a = e[t] | o, h = a | n, c = (a & s) + s ^ s | a;
+  let d = n | ~(c | s), p = s & c;
+  const u = Z(d & r.lastRowMask[t]) - Z(p & r.lastRowMask[t]);
+  return d <<= 1, p <<= 1, p |= o, d |= Z(i) - o, s = p | ~(h | d), n = d & h, r.P[t] = s, r.M[t] = n, u;
 }
-function rt(i, e, t) {
+function Fe(r, e, t) {
   if (e.length === 0)
     return [];
   t = Math.min(t, e.length);
-  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)
+  const i = [], 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)
   };
-  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++)
+  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++)
     c.push(a);
-  for (let d = 0; d < e.length; d += 1) {
-    const f = e.charCodeAt(d);
+  for (let u = 0; u < e.length; u += 1) {
+    const f = e.charCodeAt(u);
     if (h.has(f))
       continue;
-    const v = new Uint32Array(s + 1);
-    h.set(f, v), f < c.length && (c[f] = v);
-    for (let g = 0; g <= s; g += 1) {
-      v[g] = 0;
-      for (let y = 0; y < n; y += 1) {
-        const x = g * n + y;
-        if (x >= e.length)
+    const g = new Uint32Array(n + 1);
+    h.set(f, g), f < c.length && (c[f] = g);
+    for (let m = 0; m <= n; m += 1) {
+      g[m] = 0;
+      for (let v = 0; v < s; v += 1) {
+        const S = m * s + v;
+        if (S >= e.length)
           continue;
-        e.charCodeAt(x) === f && (v[g] |= 1 << y);
+        e.charCodeAt(S) === f && (g[m] |= 1 << v);
       }
     }
   }
-  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 <= 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 (u === s) {
-        const x = e.length % n;
-        y = x === 0 ? n : x;
+  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 < r.length; u += 1) {
+    const f = r.charCodeAt(u);
+    let g;
+    f < c.length ? g = c[f] : (g = h.get(f), typeof g > "u" && (g = a));
+    let m = 0;
+    for (let v = 0; v <= d; v += 1)
+      m = xe(o, g, v, m), p[v] += m;
+    if (p[d] - m <= t && d < n && (g[d + 1] & 1 || m < 0)) {
+      d += 1, o.P[d] = -1, o.M[d] = 0;
+      let v;
+      if (d === n) {
+        const S = e.length % s;
+        v = S === 0 ? s : S;
       } else
-        y = n;
-      p[u] = p[u - 1] + y - g + De(o, v, u, g);
+        v = s;
+      p[d] = p[d - 1] + v - m + xe(o, g, d, m);
     } else
-      for (; u > 0 && p[u] >= t + n; )
-        u -= 1;
-    u === s && p[u] <= t && (p[u] < t && r.splice(0, r.length), r.push({
+      for (; d > 0 && p[d] >= t + s; )
+        d -= 1;
+    d === n && p[d] <= t && (p[d] < t && i.splice(0, i.length), i.push({
       start: -1,
-      end: d + 1,
-      errors: p[u]
-    }), t = p[u]);
+      end: u + 1,
+      errors: p[d]
+    }), t = p[d]);
   }
-  return r;
+  return i;
 }
-function _t(i, e, t) {
-  const r = rt(i, e, t);
-  return qt(i, e, r);
-}
-function nt(i, e, t) {
-  let r = 0;
-  const n = [];
-  for (; r !== -1; )
-    r = i.indexOf(e, r), r !== -1 && (n.push({
-      start: r,
-      end: r + e.length,
+function vt(r, e, t) {
+  const i = Fe(r, e, t);
+  return yt(r, e, i);
+}
+function Be(r, e, t) {
+  let i = 0;
+  const s = [];
+  for (; i !== -1; )
+    i = r.indexOf(e, i), i !== -1 && (s.push({
+      start: i,
+      end: i + e.length,
       errors: 0
-    }), r += 1);
-  return n.length > 0 ? n : _t(i, e, t);
+    }), i += 1);
+  return s.length > 0 ? s : vt(r, e, t);
 }
-function Be(i, e) {
-  return e.length === 0 || i.length === 0 ? 0 : 1 - nt(i, e, e.length)[0].errors / e.length;
+function Se(r, e) {
+  return e.length === 0 || r.length === 0 ? 0 : 1 - Be(r, e, e.length)[0].errors / e.length;
 }
-function jt(i, e, t = {}) {
+function Et(r, e, t = {}) {
   if (e.length === 0)
     return null;
-  const r = Math.min(256, e.length / 2), n = nt(i, e, r);
-  if (n.length === 0)
+  const i = Math.min(256, e.length / 2), s = Be(r, e, i);
+  if (s.length === 0)
     return null;
-  const s = (a) => {
-    const d = 1 - a.errors / e.length, f = t.prefix ? Be(
-      i.slice(
+  const n = (a) => {
+    const u = 1 - a.errors / e.length, f = t.prefix ? Se(
+      r.slice(
         Math.max(0, a.start - t.prefix.length),
         a.start
       ),
       t.prefix
-    ) : 1, v = t.suffix ? Be(
-      i.slice(a.end, a.end + t.suffix.length),
+    ) : 1, g = t.suffix ? Se(
+      r.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 * d + 20 * f + 20 * v + 2 * g, x = 50 + 20 + 20 + 2;
-    return y / x;
-  }, o = n.map((a) => ({
+    let m = 1;
+    typeof t.hint == "number" && (m = 1 - Math.abs(a.start - t.hint) / r.length);
+    const v = 50 * u + 20 * f + 20 * g + 2 * m, S = 50 + 20 + 20 + 2;
+    return v / S;
+  }, o = s.map((a) => ({
     start: a.start,
     end: a.end,
-    score: s(a)
+    score: n(a)
   }));
   return o.sort((a, h) => h.score - a.score), o[0];
 }
-function ge(i, e, t) {
-  const r = t === 1 ? e : e - 1;
-  if (i.charAt(r).trim() !== "")
+function J(r, e, t) {
+  const i = t === 1 ? e : e - 1;
+  if (r.charAt(i).trim() !== "")
     return e;
-  let n, s;
-  if (t === 2 ? (n = i.substring(0, e), s = n.trimEnd()) : (n = i.substring(e), s = n.trimStart()), !s.length)
+  let s, n;
+  if (t === 2 ? (s = r.substring(0, e), n = s.trimEnd()) : (s = r.substring(e), n = s.trimStart()), !n.length)
     return -1;
-  const o = n.length - s.length;
+  const o = s.length - n.length;
   return t === 2 ? e - o : e + o;
 }
-function We(i, e) {
-  const t = i.commonAncestorContainer.ownerDocument.createNodeIterator(
-    i.commonAncestorContainer,
+function Te(r, e) {
+  const t = r.commonAncestorContainer.ownerDocument.createNodeIterator(
+    r.commonAncestorContainer,
     NodeFilter.SHOW_TEXT
-  ), 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());
+  ), i = e === 1 ? r.startContainer : r.endContainer, s = e === 1 ? r.endContainer : r.startContainer;
+  let n = t.nextNode();
+  for (; n && n !== i; )
+    n = t.nextNode();
+  e === 2 && (n = t.previousNode());
   let o = -1;
   const a = () => {
-    if (s = e === 1 ? t.nextNode() : t.previousNode(), s) {
-      const h = s.textContent, c = e === 1 ? 0 : h.length;
-      o = ge(h, c, e);
+    if (n = e === 1 ? t.nextNode() : t.previousNode(), n) {
+      const h = n.textContent, c = e === 1 ? 0 : h.length;
+      o = J(h, c, e);
     }
   };
-  for (; s && o === -1 && s !== n; )
+  for (; n && o === -1 && n !== s; )
     a();
-  if (s && o >= 0)
-    return { node: s, offset: o };
+  if (n && o >= 0)
+    return { node: n, offset: o };
   throw new RangeError("No text nodes with non-whitespace text found in range");
 }
-function Xt(i) {
-  if (!i.toString().trim().length)
+function bt(r) {
+  if (!r.toString().trim().length)
     throw new RangeError("Range contains no non-whitespace text");
-  if (i.startContainer.nodeType !== Node.TEXT_NODE)
+  if (r.startContainer.nodeType !== Node.TEXT_NODE)
     throw new RangeError("Range startContainer is not a text node");
-  if (i.endContainer.nodeType !== Node.TEXT_NODE)
+  if (r.endContainer.nodeType !== Node.TEXT_NODE)
     throw new RangeError("Range endContainer is not a text node");
-  const e = i.cloneRange();
-  let t = !1, r = !1;
-  const n = {
-    start: ge(
-      i.startContainer.textContent,
-      i.startOffset,
+  const e = r.cloneRange();
+  let t = !1, i = !1;
+  const s = {
+    start: J(
+      r.startContainer.textContent,
+      r.startOffset,
       1
       /* Forwards */
     ),
-    end: ge(
-      i.endContainer.textContent,
-      i.endOffset,
+    end: J(
+      r.endContainer.textContent,
+      r.endOffset,
       2
       /* Backwards */
     )
   };
-  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)
+  if (s.start >= 0 && (e.setStart(r.startContainer, s.start), t = !0), s.end > 0 && (e.setEnd(r.endContainer, s.end), i = !0), t && i)
     return e;
   if (!t) {
-    const { node: s, offset: o } = We(
+    const { node: n, offset: o } = Te(
       e,
       1
       /* Forwards */
     );
-    s && o >= 0 && e.setStart(s, o);
+    n && o >= 0 && e.setStart(n, o);
   }
-  if (!r) {
-    const { node: s, offset: o } = We(
+  if (!i) {
+    const { node: n, offset: o } = Te(
       e,
       2
       /* Backwards */
     );
-    s && o > 0 && e.setEnd(s, o);
+    n && o > 0 && e.setEnd(n, o);
   }
   return e;
 }
-function st(i) {
+function Ue(r) {
   var e;
-  switch (i.nodeType) {
+  switch (r.nodeType) {
     case Node.ELEMENT_NODE:
     case Node.TEXT_NODE:
-      return ((e = i.textContent) == null ? void 0 : e.length) ?? 0;
+      return ((e = r.textContent) == null ? void 0 : e.length) ?? 0;
     default:
       return 0;
   }
 }
-function Fe(i) {
-  let e = i.previousSibling, t = 0;
+function we(r) {
+  let e = r.previousSibling, t = 0;
   for (; e; )
-    t += st(e), e = e.previousSibling;
+    t += Ue(e), e = e.previousSibling;
   return t;
 }
-function ot(i, ...e) {
+function ke(r, ...e) {
   let t = e.shift();
-  const r = i.ownerDocument.createNodeIterator(
-    i,
+  const i = r.ownerDocument.createNodeIterator(
+    r,
     NodeFilter.SHOW_TEXT
-  ), 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);
+  ), s = [];
+  let n = i.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 = i.nextNode(), a += o.data.length);
   for (; t !== void 0 && o && a === t; )
-    n.push({ node: o, offset: o.data.length }), t = e.shift();
+    s.push({ node: o, offset: o.data.length }), t = e.shift();
   if (t !== void 0)
     throw new RangeError("Offset exceeds text length");
-  return n;
+  return s;
 }
-class L {
+class M {
   constructor(e, t) {
     if (t < 0)
       throw new Error("Offset is invalid");
@@ -1520,10 +1520,10 @@ class L {
   relativeTo(e) {
     if (!e.contains(this.element))
       throw new Error("Parent is not an ancestor of current element");
-    let t = this.element, r = this.offset;
+    let t = this.element, i = this.offset;
     for (; t !== e; )
-      r += Fe(t), t = t.parentElement;
-    return new L(t, r);
+      i += we(t), t = t.parentElement;
+    return new M(t, i);
   }
   /**
    * Resolve the position to a specific text node and offset within that node.
@@ -1544,18 +1544,18 @@ class L {
    */
   resolve(e = {}) {
     try {
-      return ot(this.element, this.offset)[0];
+      return ke(this.element, this.offset)[0];
     } catch (t) {
       if (this.offset === 0 && e.direction !== void 0) {
-        const r = document.createTreeWalker(
+        const i = document.createTreeWalker(
           this.element.getRootNode(),
           NodeFilter.SHOW_TEXT
         );
-        r.currentNode = this.element;
-        const n = e.direction === 1, s = n ? r.nextNode() : r.previousNode();
-        if (!s)
+        i.currentNode = this.element;
+        const s = e.direction === 1, n = s ? i.nextNode() : i.previousNode();
+        if (!n)
           throw t;
-        return { node: s, offset: n ? 0 : s.data.length };
+        return { node: n, offset: s ? 0 : n.data.length };
       } else
         throw t;
     }
@@ -1567,9 +1567,9 @@ class L {
   static fromCharOffset(e, t) {
     switch (e.nodeType) {
       case Node.TEXT_NODE:
-        return L.fromPoint(e, t);
+        return M.fromPoint(e, t);
       case Node.ELEMENT_NODE:
-        return new L(e, t);
+        return new M(e, t);
       default:
         throw new Error("Node is not an element or text node");
     }
@@ -1587,23 +1587,23 @@ class L {
           throw new Error("Text node offset is out of range");
         if (!e.parentElement)
           throw new Error("Text node has no parent");
-        const r = Fe(e) + t;
-        return new L(e.parentElement, r);
+        const i = we(e) + t;
+        return new M(e.parentElement, i);
       }
       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 n = 0; n < t; n++)
-          r += st(e.childNodes[n]);
-        return new L(e, r);
+        let i = 0;
+        for (let s = 0; s < t; s++)
+          i += Ue(e.childNodes[s]);
+        return new M(e, i);
       }
       default:
         throw new Error("Point is not in an element or text node");
     }
   }
 }
-class D {
+class z {
   constructor(e, t) {
     this.start = e, this.end = t;
   }
@@ -1613,7 +1613,7 @@ class D {
    * `end.element`.
    */
   relativeTo(e) {
-    return new D(
+    return new z(
       this.start.relativeTo(e),
       this.end.relativeTo(e)
     );
@@ -1629,7 +1629,7 @@ class D {
    */
   toRange() {
     let e, t;
-    this.start.element === this.end.element && this.start.offset <= this.end.offset ? [e, t] = ot(
+    this.start.element === this.end.element && this.start.offset <= this.end.offset ? [e, t] = ke(
       this.start.element,
       this.start.offset,
       this.end.offset
@@ -1640,27 +1640,27 @@ class D {
       direction: 2
       /* BACKWARDS */
     }));
-    const r = new Range();
-    return r.setStart(e.node, e.offset), r.setEnd(t.node, t.offset), r;
+    const i = new Range();
+    return i.setStart(e.node, e.offset), i.setEnd(t.node, t.offset), i;
   }
   /**
    * Create a TextRange from a (DOM) Range
    */
   static fromRange(e) {
-    const t = L.fromPoint(
+    const t = M.fromPoint(
       e.startContainer,
       e.startOffset
-    ), r = L.fromPoint(e.endContainer, e.endOffset);
-    return new D(t, r);
+    ), i = M.fromPoint(e.endContainer, e.endOffset);
+    return new z(t, i);
   }
   /**
    * Create a TextRange representing the `start`th to `end`th characters in
    * `root`
    */
-  static fromOffsets(e, t, r) {
-    return new D(
-      new L(e, t),
-      new L(e, r)
+  static fromOffsets(e, t, i) {
+    return new z(
+      new M(e, t),
+      new M(e, i)
     );
   }
   /**
@@ -1668,23 +1668,23 @@ class D {
    * whitespace
    */
   static trimmedRange(e) {
-    return Xt(D.fromRange(e).toRange());
+    return bt(z.fromRange(e).toRange());
   }
 }
-class he {
-  constructor(e, t, r) {
-    this.root = e, this.start = t, this.end = r;
+class _ {
+  constructor(e, t, i) {
+    this.root = e, this.start = t, this.end = i;
   }
   static fromRange(e, t) {
-    const r = D.fromRange(t).relativeTo(e);
-    return new he(
+    const i = z.fromRange(t).relativeTo(e);
+    return new _(
       e,
-      r.start.offset,
-      r.end.offset
+      i.start.offset,
+      i.end.offset
     );
   }
   static fromSelector(e, t) {
-    return new he(e, t.start, t.end);
+    return new _(e, t.start, t.end);
   }
   toSelector() {
     return {
@@ -1694,15 +1694,15 @@ class he {
     };
   }
   toRange() {
-    return D.fromOffsets(this.root, this.start, this.end).toRange();
+    return z.fromOffsets(this.root, this.start, this.end).toRange();
   }
 }
-class ce {
+class X {
   /**
    * @param root - A root element from which to anchor.
    */
-  constructor(e, t, r = {}) {
-    this.root = e, this.exact = t, this.context = r;
+  constructor(e, t, i = {}) {
+    this.root = e, this.exact = t, this.context = i;
   }
   /**
    * Create a `TextQuoteAnchor` from a range.
@@ -1710,15 +1710,15 @@ class ce {
    * Will throw if `range` does not contain any text nodes.
    */
   static fromRange(e, t) {
-    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))
+    const i = e.textContent, s = z.fromRange(t).relativeTo(e), n = s.start.offset, o = s.end.offset, a = 32;
+    return new X(e, i.slice(n, o), {
+      prefix: i.slice(Math.max(0, n - a), n),
+      suffix: i.slice(o, Math.min(i.length, o + a))
     });
   }
   static fromSelector(e, t) {
-    const { prefix: r, suffix: n } = t;
-    return new ce(e, t.exact, { prefix: r, suffix: n });
+    const { prefix: i, suffix: s } = t;
+    return new X(e, t.exact, { prefix: i, suffix: s });
   }
   toSelector() {
     return {
@@ -1732,45 +1732,45 @@ class ce {
     return this.toPositionAnchor(e).toRange();
   }
   toPositionAnchor(e = {}) {
-    const t = this.root.textContent, r = jt(t, this.exact, {
+    const t = this.root.textContent, i = Et(t, this.exact, {
       ...this.context,
       hint: e.hint
     });
-    if (!r)
+    if (!i)
       throw new Error("Quote not found");
-    return new he(this.root, r.start, r.end);
+    return new _(this.root, i.start, i.end);
   }
 }
-function Gt(i) {
-  const e = i.tagName.toUpperCase();
+function xt(r) {
+  const e = r.tagName.toUpperCase();
   return e === "IMG" || e === "VIDEO" || e === "AUDIO" || e === "IFRAME" || e === "OBJECT" || e === "EMBED" || e === "CANVAS";
 }
-function Ae(i, e) {
+function le(r, e) {
   try {
-    const t = e.locations, r = e.text;
-    if (r && 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
+    const t = e.locations, i = e.text;
+    if (i && i.highlight) {
+      let s;
+      t && t.getCssSelector() && (s = r.querySelector(t.getCssSelector())), s || (s = r.body);
+      const n = new X(s, i.highlight, {
+        prefix: i.before,
+        suffix: i.after
       });
       try {
-        return s.toRange();
+        return n.toRange();
       } catch {
-        return console.warn("Quote not found:", s), null;
+        return console.warn("Quote not found:", n), null;
       }
     }
     if (t) {
-      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)
+      let s = null;
+      if (!s && t.getCssSelector() && (s = r.querySelector(t.getCssSelector())), !s && t.fragments) {
+        for (const n of t.fragments)
+          if (s = r.getElementById(n), s)
             break;
       }
-      if (n) {
-        const s = i.createRange();
-        return n.childNodes.length === 0 || Gt(n) ? (s.selectNode(n), s) : (s.setStartBefore(n), s.setEndAfter(n), s);
+      if (s) {
+        const n = r.createRange();
+        return s.childNodes.length === 0 || xt(s) ? (n.selectNode(s), n) : (n.setStartBefore(s), n.setEndAfter(s), n);
       }
     }
   } catch (t) {
@@ -1778,12 +1778,12 @@ function Ae(i, e) {
   }
   return null;
 }
-function Yt(i, e) {
-  let t = i.getClientRects();
-  t.length || i.commonAncestorContainer.nodeType === Node.ELEMENT_NODE && (t = i.commonAncestorContainer.getClientRects());
-  const r = 1, n = [];
+function St(r, e) {
+  let t = r.getClientRects();
+  t.length || r.commonAncestorContainer.nodeType === Node.ELEMENT_NODE && (t = r.commonAncestorContainer.getClientRects());
+  const i = 1, s = [];
   for (const c of t)
-    n.push({
+    s.push({
       bottom: c.bottom,
       height: c.height,
       left: c.left,
@@ -1791,14 +1791,14 @@ function Yt(i, e) {
       top: c.top,
       width: c.width
     });
-  const s = at(
-    n,
-    r,
+  const n = He(
+    s,
+    i,
     e
-  ), o = Kt(s, r), a = lt(o), h = 2 * 2;
+  ), o = wt(n, i), a = $e(o), h = 2 * 2;
   for (let c = a.length - 1; c >= 0; c--) {
-    const u = a[c];
-    if (!(u.width * u.height > h))
+    const d = a[c];
+    if (!(d.width * d.height > h))
       if (a.length > 1)
         a.splice(c, 1);
       else
@@ -1806,446 +1806,208 @@ function Yt(i, e) {
   }
   return a;
 }
-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)
+function He(r, e, t) {
+  for (let i = 0; i < r.length; i++)
+    for (let s = i + 1; s < r.length; s++) {
+      const n = r[i], o = r[s];
+      if (n === 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,
+      const a = N(n.top, o.top, e) && N(n.bottom, o.bottom, e), h = N(n.left, o.left, e) && N(n.right, o.right, e);
+      if ((h && !t || a && !h) && je(n, o, e)) {
+        const u = r.filter((g) => g !== n && g !== o), f = Tt(n, o);
+        return u.push(f), He(
+          u,
           e,
           t
         );
       }
     }
-  return i;
+  return r;
 }
-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);
+function Tt(r, e) {
+  const t = Math.min(r.left, e.left), i = Math.max(r.right, e.right), s = Math.min(r.top, e.top), n = Math.max(r.bottom, e.bottom);
   return {
-    bottom: s,
-    height: s - n,
+    bottom: n,
+    height: n - s,
     left: t,
-    right: r,
-    top: n,
-    width: r - t
+    right: i,
+    top: s,
+    width: i - 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);
+function wt(r, e) {
+  const t = new Set(r);
+  for (const i of r) {
+    if (!(i.width > 1 && i.height > 1)) {
+      t.delete(i);
       continue;
     }
-    for (const s of i)
-      if (r !== s && t.has(s) && Zt(s, r, e)) {
-        t.delete(r);
+    for (const n of r)
+      if (i !== n && t.has(n) && Ct(n, i, e)) {
+        t.delete(i);
         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 Ct(r, e, t) {
+  return $(r, e.left, e.top, t) && $(r, e.right, e.top, t) && $(r, e.left, e.bottom, t) && $(r, 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 $(r, e, t, i) {
+  return (r.left < e || N(r.left, e, i)) && (r.right > e || N(r.right, e, i)) && (r.top < t || N(r.top, t, i)) && (r.bottom > t || N(r.bottom, t, i));
 }
-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);
+function $e(r) {
+  for (let e = 0; e < r.length; e++)
+    for (let t = e + 1; t < r.length; t++) {
+      const i = r[e], s = r[t];
+      if (i !== s && je(i, s, -1)) {
+        let n = [], o;
+        const a = Ce(i, s);
         if (a.length === 1)
-          s = a, o = r;
+          n = a, o = i;
         else {
-          const c = ke(n, r);
-          a.length < c.length ? (s = a, o = r) : (s = c, o = n);
+          const c = Ce(s, i);
+          a.length < c.length ? (n = a, o = i) : (n = c, o = s);
         }
-        const h = i.filter((c) => c !== o);
-        return Array.prototype.push.apply(h, s), lt(h);
+        const h = r.filter((c) => c !== o);
+        return Array.prototype.push.apply(h, n), $e(h);
       }
     }
-  return i;
+  return r;
 }
-function ke(i, e) {
-  const t = Qt(e, i);
+function Ce(r, e) {
+  const t = Pt(e, r);
   if (t.height === 0 || t.width === 0)
-    return [i];
-  const r = [];
+    return [r];
+  const i = [];
   {
-    const n = {
-      bottom: i.bottom,
+    const s = {
+      bottom: r.bottom,
       height: 0,
-      left: i.left,
+      left: r.left,
       right: t.left,
-      top: i.top,
+      top: r.top,
       width: 0
     };
-    n.width = n.right - n.left, n.height = n.bottom - n.top, n.height !== 0 && n.width !== 0 && r.push(n);
+    s.width = s.right - s.left, s.height = s.bottom - s.top, s.height !== 0 && s.width !== 0 && i.push(s);
   }
   {
-    const n = {
+    const s = {
       bottom: t.top,
       height: 0,
       left: t.left,
       right: t.right,
-      top: i.top,
+      top: r.top,
       width: 0
     };
-    n.width = n.right - n.left, n.height = n.bottom - n.top, n.height !== 0 && n.width !== 0 && r.push(n);
+    s.width = s.right - s.left, s.height = s.bottom - s.top, s.height !== 0 && s.width !== 0 && i.push(s);
   }
   {
-    const n = {
-      bottom: i.bottom,
+    const s = {
+      bottom: r.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);
+    s.width = s.right - s.left, s.height = s.bottom - s.top, s.height !== 0 && s.width !== 0 && i.push(s);
   }
   {
-    const n = {
-      bottom: i.bottom,
+    const s = {
+      bottom: r.bottom,
       height: 0,
       left: t.right,
-      right: i.right,
-      top: i.top,
+      right: r.right,
+      top: r.top,
       width: 0
     };
-    n.width = n.right - n.left, n.height = n.bottom - n.top, n.height !== 0 && n.width !== 0 && r.push(n);
+    s.width = s.right - s.left, s.height = s.bottom - s.top, s.height !== 0 && s.width !== 0 && i.push(s);
   }
-  return r;
+  return i;
 }
-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);
+function Pt(r, e) {
+  const t = Math.max(r.left, e.left), i = Math.min(r.right, e.right), s = Math.max(r.top, e.top), n = Math.min(r.bottom, e.bottom);
   return {
-    bottom: s,
-    height: Math.max(0, s - n),
+    bottom: n,
+    height: Math.max(0, n - s),
     left: t,
-    right: r,
-    top: n,
-    width: Math.max(0, r - t)
+    right: i,
+    top: s,
+    width: Math.max(0, i - 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 je(r, e, t) {
+  return (r.left < e.right || t >= 0 && N(r.left, e.right, t)) && (e.left < r.right || t >= 0 && N(e.left, r.right, t)) && (r.top < e.bottom || t >= 0 && N(r.top, e.bottom, t)) && (e.top < r.bottom || t >= 0 && N(e.top, r.bottom, t));
 }
-function N(i, e, t) {
-  return Math.abs(i - e) <= t;
+function N(r, e, t) {
+  return Math.abs(r - 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;
+function qe(r) {
+  const e = {}, t = r.document.documentElement.style;
+  for (const i in r.document.documentElement.style)
+    Object.hasOwn(t, i) && !Number.isNaN(Number.parseInt(i)) && (e[t[i]] = t.getPropertyValue(t[i]));
   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);
+}
+function Nt(r, e) {
+  const t = qe(r);
+  Object.keys(t).forEach((i) => {
+    e.hasOwnProperty(i) || he(r, i);
+  }), Object.entries(e).forEach(([i, s]) => {
+    t[i] !== s && G(r, i, s);
   });
-}, 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;
+}
+function Pe(r, e) {
+  return r.document.documentElement.style.getPropertyValue(e);
+}
+function G(r, e, t) {
+  r.document.documentElement.style.setProperty(e, t);
+}
+function he(r, e) {
+  r.document.documentElement.style.removeProperty(e);
+}
+const At = (r) => {
+  if (r.startsWith("rgb")) {
+    const e = r.match(/rgb\((\d+),\s(\d+),\s(\d+)(?:,\s(\d+))?\)/);
+    if (e)
+      return {
+        r: parseInt(e[1], 10),
+        g: parseInt(e[2], 10),
+        b: parseInt(e[3], 10),
+        a: e[4] ? parseInt(e[4], 10) / 255 : 1
+      };
+  } else if (r.startsWith("#")) {
+    const e = r.slice(1);
+    if (e.length === 3 || e.length === 4)
+      return {
+        r: parseInt(e[0] + e[0], 16) / 255,
+        g: parseInt(e[1] + e[1], 16) / 255,
+        b: parseInt(e[2] + e[2], 16) / 255,
+        a: e.length === 4 ? parseInt(e[3] + e[3], 16) / 255 : 1
+      };
+    if (e.length === 6 || e.length === 8)
+      return {
+        r: parseInt(e[0] + e[1], 16) / 255,
+        g: parseInt(e[2] + e[3], 16) / 255,
+        b: parseInt(e[4] + e[5], 16) / 255,
+        a: e.length === 8 ? parseInt(e[6] + e[7], 16) / 255 : 1
+      };
   }
-  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 {
+  return { r: 0, g: 0, b: 0, a: 1 };
+}, Mt = (r) => 0.2126 * r.r * r.a + 0.7152 * r.g * r.a + 0.0722 * r.b * r.a, Ot = (r) => {
+  const e = At(r);
+  return Mt(e) < 128;
+};
+var It = /* @__PURE__ */ ((r) => (r.Wrap = "wrap", r.Viewport = "viewport", r.Bounds = "bounds", r.Page = "page", r))(It || {}), Lt = /* @__PURE__ */ ((r) => (r.Boxes = "boxes", r.Bounds = "bounds", r))(Lt || {});
+const Rt = "Highlight" in window, Ne = ["IMG", "IMAGE", "AUDIO", "VIDEO", "SVG"];
+class zt {
   /**
    * 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());
+  constructor(e, t, i, s) {
+    this.wnd = e, this.comms = t, this.id = i, this.name = s, this.items = [], this.lastItemId = 0, this.container = void 0, this.activateable = !1, this.experimentalHighlights = !1, this.currentRender = 0, Rt && (this.experimentalHighlights = !0, this.notTextFlag = /* @__PURE__ */ new Map());
   }
   get activeable() {
     return this.activateable;
@@ -2259,35 +2021,35 @@ class Ci {
    */
   add(e) {
     var o, a, h, c;
-    const t = `${this.id}-${this.lastItemId++}`, r = Ae(this.wnd.document, e.locator);
-    if (!r) {
+    const t = `${this.id}-${this.lastItemId++}`, i = le(this.wnd.document, e.locator);
+    if (!i) {
       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 = {
+    const s = i.commonAncestorContainer;
+    s.nodeType !== Node.TEXT_NODE && this.experimentalHighlights && (Ne.includes(s.nodeName.toUpperCase()) && ((o = this.notTextFlag) == null || o.set(t, !0)), s.querySelector(Ne.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
+      range: i
     };
-    this.items.push(s), this.layout(s), this.renderLayout([s]);
+    this.items.push(n), this.layout(n), this.renderLayout([n]);
   }
   /**
    * Removes the decoration with given ID from the group.
    * @param identifier ID of item to remove
    */
   remove(e) {
-    var n, s;
+    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 && !((n = this.notTextFlag) != null && n.has(r.id))) {
+    const i = this.items[t];
+    if (this.items.splice(t, 1), i.clickableElements = void 0, i.container && (i.container.remove(), i.container = void 0), this.experimentalHighlights && !((s = this.notTextFlag) != null && s.has(i.id))) {
       const o = this.wnd.CSS.highlights.get(this.id);
-      o == null || o.delete(r.range);
+      o == null || o.delete(i.range);
     }
-    (s = this.notTextFlag) == null || s.delete(r.id);
+    (n = this.notTextFlag) == null || n.delete(i.id);
   }
   /**
    * Notifies that the given decoration was modified and needs to be updated.
@@ -2311,12 +2073,12 @@ class Ci {
     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 = `
+    var s, n;
+    const [t, i] = this.requireContainer(!0);
+    i.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"};
+            background-color: ${((n = (s = e.decoration) == null ? void 0 : s.style) == null ? void 0 : n.tint) ?? "yellow"};
         }`;
   }
   /**
@@ -2324,39 +2086,39 @@ class Ci {
    * @param item 
    */
   layout(e) {
-    var v, g, y, x, S;
-    if (this.experimentalHighlights && !((v = this.notTextFlag) != null && v.has(e.id)))
+    var g, m, v, S, O;
+    if (this.experimentalHighlights && !((g = this.notTextFlag) != null && g.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(
+    const i = this.wnd.innerWidth, s = 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`;
+    ), n = i / (s || 1), o = this.wnd.document.scrollingElement, a = o.scrollLeft, h = o.scrollTop, c = (y, b, I) => {
+      var ce, de, ue, pe, fe, me;
+      if (y.style.position = "absolute", ((de = (ce = e.decoration) == null ? void 0 : ce.style) == null ? void 0 : de.width) === "viewport") {
+        y.style.width = `${i}px`, y.style.height = `${b.height}px`;
+        let K = Math.floor(b.left / i) * i;
+        y.style.left = `${K + a}px`, y.style.top = `${b.top + h}px`;
+      } else if (((pe = (ue = e.decoration) == null ? void 0 : ue.style) == null ? void 0 : pe.width) === "bounds")
+        y.style.width = `${I.width}px`, y.style.height = `${b.height}px`, y.style.left = `${I.left + a}px`, y.style.top = `${b.top + h}px`;
+      else if (((me = (fe = e.decoration) == null ? void 0 : fe.style) == null ? void 0 : me.width) === "page") {
+        y.style.width = `${n}px`, y.style.height = `${b.height}px`;
+        let K = Math.floor(b.left / n) * n;
+        y.style.left = `${K + a}px`, y.style.top = `${b.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();
+        y.style.width = `${b.width}px`, y.style.height = `${b.height}px`, y.style.left = `${b.left + a}px`, y.style.top = `${b.top + h}px`;
+    }, d = e.range.getBoundingClientRect();
     let p = this.wnd.document.createElement("template");
-    const d = Ei(this.wnd, "--USER__appearance") === "readium-night-on";
+    const u = Pe(this.wnd, "--USER__appearance") === "readium-night-on" || Ot(Pe(this.wnd, "--USER__backgroundColor"));
     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`,
+      `background-color: ${((v = (m = e.decoration) == null ? void 0 : m.style) == null ? void 0 : v.tint) ?? "yellow"} !important`,
       //"opacity: 0.3 !important",
-      `mix-blend-mode: ${d ? "exclusion" : "multiply"} !important`,
+      `mix-blend-mode: ${u ? "exclusion" : "multiply"} !important`,
       "opacity: 1 !important",
       "box-sizing: border-box !important"
     ].join("; ")}"
@@ -2364,19 +2126,19 @@ class Ci {
         </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);
+    if (((O = (S = e.decoration) == null ? void 0 : S.style) == null ? void 0 : O.layout) === "bounds") {
+      const y = f.cloneNode(!0);
+      y.style.setProperty("pointer-events", "none"), c(y, d, d), t.append(y);
     } else {
-      let m = Yt(
+      let y = St(
         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);
+      y = y.sort((b, I) => b.top < I.top ? -1 : b.top > I.top ? 1 : 0);
+      for (let b of y) {
+        const I = f.cloneNode(!0);
+        I.style.setProperty("pointer-events", "none"), c(I, b, d), t.append(I);
       }
     }
     e.container = t, e.clickableElements = Array.from(
@@ -2385,12 +2147,12 @@ class Ci {
   }
   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));
+      if (e = e.filter((i) => {
+        var s;
+        return !this.experimentalHighlights || !!((s = this.notTextFlag) != null && s.has(i.id));
       }), !e || e.length === 0)
         return;
-      this.requireContainer().append(...e.map((r) => r.container).filter((r) => !!r));
+      this.requireContainer().append(...e.map((i) => i.container).filter((i) => !!i));
     });
   }
   /**
@@ -2401,8 +2163,8 @@ class Ci {
     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];
+      let i;
+      return this.wnd.CSS.highlights.has(this.id) ? i = this.wnd.CSS.highlights.get(this.id) : (i = new this.wnd.Highlight(), this.wnd.CSS.highlights.set(this.id, i)), [t, i];
     }
     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;
   }
@@ -2413,7 +2175,7 @@ class Ci {
     this.experimentalHighlights && this.wnd.CSS.highlights.delete(this.id), this.container && (this.container.remove(), this.container = void 0);
   }
 }
-const yt = class be extends de {
+const Ve = class Q extends Y {
   constructor() {
     super(...arguments), this.resizeFrame = 0, this.lastGroupId = 0, this.groups = /* @__PURE__ */ new Map(), this.handleResizer = this.handleResize.bind(this);
   }
@@ -2428,39 +2190,39 @@ const yt = class be extends de {
     }, 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(
+    return this.wnd = e, t.register("decorate", Q.moduleName, (i, s) => {
+      const n = i;
+      n.decoration && n.decoration.locator && (n.decoration.locator = D.deserialize(n.decoration.locator)), this.groups.has(n.group) || this.groups.set(n.group, new zt(
         e,
         t,
         `readium-decoration-${this.lastGroupId++}`,
-        s.group
+        n.group
       ));
-      const o = this.groups.get(s.group);
-      switch (s.action) {
+      const o = this.groups.get(n.group);
+      switch (n.action) {
         case "add":
-          o == null || o.add(s.decoration);
+          o == null || o.add(n.decoration);
           break;
         case "remove":
-          o == null || o.remove(s.decoration.id);
+          o == null || o.remove(n.decoration.id);
           break;
         case "clear":
           o == null || o.clear();
           break;
         case "update":
-          o == null || o.update(s.decoration);
+          o == null || o.update(n.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;
+      s(!0);
+    }), this.resizeObserver = new ResizeObserver(() => 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;
+    return e.removeEventListener("orientationchange", this.handleResizer), e.removeEventListener("resize", this.handleResizer), t.unregisterAll(Q.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 {
+Ve.moduleName = "decorator";
+let Dt = Ve;
+const Ae = "readium-snapper-style", _e = class ee extends Y {
   constructor() {
     super(...arguments), this.protected = !1;
   }
@@ -2472,48 +2234,53 @@ const Je = "readium-snapper-style", bt = class Ee extends de {
         }`;
   }
   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);
+    const i = e.document.createElement("style");
+    return i.dataset.readium = "true", i.id = Ae, i.textContent = this.buildStyles(), e.document.head.appendChild(i), t.register("protect", ee.moduleName, (s, n) => {
+      this.protected = !0, i.textContent = this.buildStyles(), n(!0);
+    }), t.register("unprotect", ee.moduleName, (s, n) => {
+      this.protected = !1, i.textContent = this.buildStyles(), n(!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;
+    var i;
+    return (i = e.document.getElementById(Ae)) == null || i.remove(), t.log("Snapper Unmounted"), !0;
   }
 };
-bt.moduleName = "snapper";
-let Et = bt;
-function k(i) {
-  return i.document.body.dir.toLowerCase() === "rtl";
+_e.moduleName = "snapper";
+let Xe = _e;
+function W(r) {
+  return r.document.body.dir.toLowerCase() === "rtl";
 }
-function xt(i) {
+function Ge(r) {
   return parseInt(
-    i.getComputedStyle(
-      i.document.documentElement
+    r.getComputedStyle(
+      r.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 Me(r) {
+  const e = getComputedStyle(r), t = parseFloat(e.paddingTop || "0"), i = parseFloat(e.paddingBottom || "0");
+  return r.clientHeight - t - i;
+}
+function Oe(r) {
+  const e = r.document.querySelectorAll("div[id^='readium-virtual-page']");
+  for (const a of e)
+    a.remove();
+  const t = Ge(r), i = r.document.scrollingElement.scrollWidth, s = Math.ceil(i / r.innerWidth) * t, n = Math.round(i / r.innerWidth * t), o = t === 1 ? 0 : s - n;
+  if (o > 0)
+    for (let a = 0; a < o; a++) {
+      const h = r.document.createElement("div");
+      h.setAttribute("id", `readium-virtual-page-${a}`), h.dataset.readium = "true", CSS.supports("break-before", "column") ? h.style.breakBefore = "column" : (CSS.supports("break-inside", "avoid-column") && (h.style.breakInside = "avoid-column"), h.style.height = Me(r.document.documentElement) + "px"), h.innerHTML = "&#8203;", r.document.body.appendChild(h);
+    }
 }
-function Ai(i) {
-  return i < 0.5 ? 2 * i * i : -1 + (4 - 2 * i) * i;
+function Wt(r) {
+  return r < 0.5 ? 2 * r * r : -1 + (4 - 2 * r) * r;
 }
-function T(i) {
-  const e = i.getSelection();
+function T(r) {
+  const e = r.getSelection();
   e && e.removeAllRanges();
 }
-const Ni = [
+const Ft = [
   "a",
   "audio",
   "button",
@@ -2527,49 +2294,49 @@ const Ni = [
   "textarea",
   "video"
 ];
-function wt(i) {
+function Ye(r) {
   var e;
-  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;
+  return Ft.indexOf(r.nodeName.toLowerCase()) !== -1 || r.hasAttribute("contenteditable") && ((e = r.getAttribute("contenteditable")) == null ? void 0 : e.toLowerCase()) !== "false" ? r : r.parentElement ? Ye(r.parentElement) : null;
 }
-function Tt(i, e) {
-  const t = St(i, i.document.body, e), r = i._readium_cssSelectorGenerator.getCssSelector(t, {
+function Ke(r, e) {
+  const t = Ze(r, r.document.body, e), i = r._readium_cssSelectorGenerator.getCssSelector(t, {
     selectors: ["tag", "id", "class", "nthchild", "nthoftype", "attribute"]
   });
-  return new B({
+  return new D({
     href: "#",
     type: "application/xhtml+xml",
-    locations: new w({
+    locations: new x({
       otherLocations: /* @__PURE__ */ new Map([
-        ["cssSelector", r]
+        ["cssSelector", i]
       ])
     }),
-    text: new _({
+    text: new U({
       highlight: t.textContent || void 0
     })
   });
 }
-function St(i, e, t) {
-  for (var r = 0; r < e.children.length; r++) {
-    const n = e.children[r];
-    if (!Li(n) && Mi(i, n, t))
-      return Ri(i, n) ? n : St(i, n, t);
+function Ze(r, e, t) {
+  for (var i = 0; i < e.children.length; i++) {
+    const s = e.children[i];
+    if (!kt(s) && Bt(r, s, t))
+      return Ut(r, s) ? s : Ze(r, s, t);
   }
   return e;
 }
-function Mi(i, e, t) {
+function Bt(r, e, t) {
   if (e === document.body || e === document.documentElement)
     return !0;
   if (!document || !document.documentElement || !document.body)
     return !1;
-  const r = e.getBoundingClientRect();
-  return t ? r.bottom > 0 && r.top < i.innerHeight : r.right > 0 && r.left < i.innerWidth;
+  const i = e.getBoundingClientRect();
+  return t ? i.bottom > 0 && i.top < r.innerHeight : i.right > 0 && i.left < r.innerWidth;
 }
-function Ri(i, e) {
+function Ut(r, e) {
   const t = e.getBoundingClientRect();
-  return t.top >= 0 && t.left >= 0 && t.bottom <= i.innerHeight && t.right <= i.innerWidth;
+  return t.top >= 0 && t.left >= 0 && t.bottom <= r.innerHeight && t.right <= r.innerWidth;
 }
-function Li(i) {
-  const e = getComputedStyle(i);
+function kt(r) {
+  const e = getComputedStyle(r);
   if (e) {
     const t = e.getPropertyValue("display");
     if (t != "block" && t != "list-item" || e.getPropertyValue("opacity") === "0")
@@ -2577,7 +2344,7 @@ function Li(i) {
   }
   return !1;
 }
-const Ke = "readium-column-snapper-style", Ii = 200, Ct = class C extends Et {
+const Ie = "readium-column-snapper-style", Ht = 200, Je = class w extends Xe {
   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);
   }
@@ -2588,7 +2355,7 @@ const Ke = "readium-column-snapper-style", Ii = 200, Ct = class C extends Et {
     return this.doc().scrollLeft > 0 ? this.doc().scrollLeft : this.alreadyScrollLeft;
   }
   snapOffset(e) {
-    const t = e + (k(this.wnd) ? -1 : 1);
+    const t = e + (W(this.wnd) ? -1 : 1);
     return t - t % this.wnd.innerWidth;
   }
   reportProgress() {
@@ -2598,7 +2365,7 @@ const Ke = "readium-column-snapper-style", Ii = 200, Ct = class C extends Et {
     if (this.overscroll !== 0 || this.shakeTimeout !== 0)
       return;
     const e = this.doc();
-    e.classList.add(k(this.wnd) ? "readium-bounce-l" : "readium-bounce-r");
+    e.classList.add(W(this.wnd) ? "readium-bounce-l" : "readium-bounce-r");
     const t = this.scrollOffset();
     this.shakeTimeout = this.wnd.setTimeout(() => {
       e.classList.remove("readium-bounce-l"), e.classList.remove("readium-bounce-r"), this.shakeTimeout = 0, this.doc().scrollLeft = t;
@@ -2613,28 +2380,28 @@ const Ke = "readium-column-snapper-style", Ii = 200, Ct = class C extends Et {
   }
   // Snaps the current offset to the page width.
   snapCurrentOffset(e = !1, t = !1) {
-    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 = (
+    const i = this.wnd.scrollX > 0 ? this.wnd.scrollX : this.alreadyScrollLeft, s = this.doc(), n = this.dragOffset(), o = Ge(this.wnd), a = Math.min(Math.max(0, i), this.cachedScrollWidth), h = W(this.wnd) ? -1 : 1, c = (
       // The hurdle to overcome in order to change pages
-      h * (this.wnd.innerWidth / 3) * (h * s > 0 ? 2 : 1)
-    ), u = this.snapOffset(a + c);
-    if (e && u !== this.scrollOffset()) {
+      h * (this.wnd.innerWidth / 3) * (h * n > 0 ? 2 : 1)
+    ), d = this.snapOffset(a + c);
+    if (e && d !== this.scrollOffset()) {
       this.snappingCancelled = !1;
-      const p = (g, y, x, S) => x > S ? y : g + (y - g) * Ai(x / S), d = (
+      const p = (m, v, S, O) => S > O ? v : m + (v - m) * Wt(S / O), u = (
         /*Math.abs(startX - (this.useTransform ? currentOffset : 0)) < 10 ? 1 : */
-        Ii * o
+        Ht * o
       );
       let f;
-      const v = (g) => {
+      const g = (m) => {
         if (this.snappingCancelled)
           return;
-        f || (f = g);
-        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());
+        f || (f = m);
+        const v = m - f, S = p(this.overscroll, 0, v, u), O = p(i, d, v, u);
+        s.scrollLeft = O, this.overscroll !== 0 && (s.style.transform = `translate3d(${-S}px, 0px, 0px)`), v < u ? this.wnd.requestAnimationFrame(g) : (this.clearTouches(), s.style.removeProperty("transform"), s.scrollLeft = d, t || this.reportProgress());
       };
-      this.wnd.requestAnimationFrame(v);
+      this.wnd.requestAnimationFrame(g);
     } else
-      n.style.removeProperty("transform"), this.wnd.requestAnimationFrame(() => {
-        n.scrollLeft = u, this.clearTouches(), t || this.reportProgress();
+      s.style.removeProperty("transform"), this.wnd.requestAnimationFrame(() => {
+        s.scrollLeft = d, this.clearTouches(), t || this.reportProgress();
       });
   }
   dragOffset() {
@@ -2659,8 +2426,8 @@ const Ke = "readium-column-snapper-style", Ii = 200, Ct = class C extends Et {
   }
   onTouchEnd(e) {
     if (this.touchState === 2) {
-      const t = this.dragOffset(), r = this.scrollOffset();
-      this.cachedScrollWidth <= this.wnd.innerWidth ? (this.reportProgress(), t > 5 && this.comms.send("no_more", void 0), t < -5 && this.comms.send("no_less", void 0)) : r < 5 && t < 5 ? (this.alreadyScrollLeft = 0, this.comms.send("no_less", void 0)) : this.cachedScrollWidth - r - this.wnd.innerWidth < 5 && t > 5 && (this.alreadyScrollLeft = this.cachedScrollWidth, this.comms.send("no_more", void 0)), this.snapCurrentOffset(!0), this.comms.send("swipe", t);
+      const t = this.dragOffset(), i = this.scrollOffset();
+      this.cachedScrollWidth <= this.wnd.innerWidth ? (this.reportProgress(), t > 5 && this.comms.send("no_more", void 0), t < -5 && this.comms.send("no_less", void 0)) : i < 5 && t < 5 ? (this.alreadyScrollLeft = 0, this.comms.send("no_less", void 0)) : this.cachedScrollWidth - i - this.wnd.innerWidth < 5 && t > 5 && (this.alreadyScrollLeft = this.cachedScrollWidth, this.comms.send("no_more", void 0)), this.snapCurrentOffset(!0), this.comms.send("swipe", t);
     }
     this.touchState = 0;
   }
@@ -2671,15 +2438,15 @@ const Ke = "readium-column-snapper-style", Ii = 200, Ct = class C extends Et {
     if (this.touchState === 0)
       return;
     this.touchState === 1 && (this.touchState = 2, T(this.wnd)), this.endingX = e.touches[0].clientX;
-    const t = this.dragOffset(), r = this.alreadyScrollLeft + t;
-    r < 0 ? (this.overscroll = r, this.doc().style.transform = `translate3d(${-this.overscroll}px, 0px, 0px)`) : r + this.wnd.innerWidth > this.cachedScrollWidth ? (this.overscroll = r, this.doc().style.transform = `translate3d(${-r}px, 0px, 0px)`) : (this.overscroll = 0, this.doc().style.removeProperty("transform"), this.doc().scrollLeft = this.alreadyScrollLeft + t);
+    const t = this.dragOffset(), i = this.alreadyScrollLeft + t;
+    i < 0 ? (this.overscroll = i, this.doc().style.transform = `translate3d(${-this.overscroll}px, 0px, 0px)`) : i + this.wnd.innerWidth > this.cachedScrollWidth ? (this.overscroll = i, this.doc().style.transform = `translate3d(${-i}px, 0px, 0px)`) : (this.overscroll = 0, this.doc().style.removeProperty("transform"), this.doc().scrollLeft = this.alreadyScrollLeft + t);
   }
   mount(e, t) {
     if (this.wnd = e, this.comms = t, !super.mount(e, t))
       return !1;
     e.navigator.epubReadingSystem.layoutStyle = "paginated";
-    const r = e.document.createElement("style");
-    r.dataset.readium = "true", r.id = Ke, r.textContent = `
+    const i = e.document.createElement("style");
+    i.dataset.readium = "true", i.id = Ie, i.textContent = `
         @keyframes readium-bounce-l-animation {
             0%, 100% {transform: translate3d(0, 0, 0);}
             50% {transform: translate3d(-50px, 0, 0);}
@@ -2713,131 +2480,121 @@ const Ke = "readium-column-snapper-style", Ii = 200, Ct = class C extends Et {
         body::-webkit-scrollbar {
             display: none; /* for Chrome, Safari, and Opera */
         }
-        `, e.document.head.appendChild(r);
-    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 s = (o) => {
-      const a = this.doc().scrollLeft;
-      return this.doc().scrollLeft = this.snapOffset(o), a !== this.doc().scrollLeft;
+        `, e.document.head.appendChild(i), this.resizeObserver = new ResizeObserver(() => {
+      e.requestAnimationFrame(() => {
+        e && Oe(e);
+      }), this.onWidthChange();
+    }), this.resizeObserver.observe(e.document.body), this.mutationObserver = new MutationObserver((n) => {
+      for (const o of n)
+        if (o.target === this.wnd.document.documentElement) {
+          const a = o.oldValue, h = o.target.getAttribute("style"), c = /transform\s*:\s*([^;]+)/, d = a == null ? void 0 : a.match(c), p = h == null ? void 0 : h.match(c);
+          (!d && !p || d && !p || d && p && d[1] !== p[1]) && (e.requestAnimationFrame(() => {
+            e && Oe(e);
+          }), this.onWidthChange());
+        } else
+          e.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"] }), this.mutationObserver.observe(e.document.documentElement, { attributes: !0, attributeFilter: ["style"] });
+    const s = (n) => {
+      const o = this.doc().scrollLeft;
+      return this.doc().scrollLeft = this.snapOffset(n), o !== this.doc().scrollLeft;
     };
-    return e.addEventListener("orientationchange", this.onWidthChanger), e.addEventListener("resize", this.onWidthChanger), e.requestAnimationFrame(() => this.cachedScrollWidth = this.doc().scrollWidth), t.register("go_progression", C.moduleName, (o, a) => {
-      const h = o;
-      if (h < 0 || h > 1) {
+    return e.addEventListener("orientationchange", this.onWidthChanger), e.addEventListener("resize", this.onWidthChanger), e.requestAnimationFrame(() => this.cachedScrollWidth = this.doc().scrollWidth), t.register("go_progression", w.moduleName, (n, o) => {
+      const a = n;
+      if (a < 0 || a > 1) {
         t.send("error", {
           message: "go_progression must be given a position from 0.0 to 1.0"
-        }), a(!1);
+        }), o(!1);
         return;
       }
       this.wnd.requestAnimationFrame(() => {
         this.cachedScrollWidth = this.doc().scrollWidth;
-        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);
+        const h = this.cachedScrollWidth, c = W(e) ? -1 : 1, d = h * a * c;
+        this.doc().scrollLeft = this.snapOffset(d), this.reportProgress(), T(this.wnd), o(!0);
       });
-    }), t.register("go_id", C.moduleName, (o, a) => {
-      const h = e.document.getElementById(o);
-      if (!h) {
-        a(!1);
+    }), t.register("go_id", w.moduleName, (n, o) => {
+      const a = e.document.getElementById(n);
+      if (!a) {
+        o(!1);
         return;
       }
       this.wnd.requestAnimationFrame(() => {
-        this.doc().scrollLeft = this.snapOffset(h.getBoundingClientRect().left + e.scrollX), this.reportProgress(), T(this.wnd), a(!0);
+        this.doc().scrollLeft = this.snapOffset(a.getBoundingClientRect().left + e.scrollX), this.reportProgress(), T(this.wnd), o(!0);
       });
-    }), t.register("go_text", C.moduleName, (o, a) => {
-      let h;
-      Array.isArray(o) && (o.length > 1 && (h = o[1]), o = o[0]);
-      const c = _.deserialize(o), u = Ae(this.wnd.document, new B({
+    }), t.register("go_text", w.moduleName, (n, o) => {
+      let a;
+      Array.isArray(n) && (n.length > 1 && (a = n[1]), n = n[0]);
+      const h = U.deserialize(n), c = le(this.wnd.document, new D({
         href: e.location.href,
         type: "text/html",
-        text: c,
-        locations: h ? new w({
+        text: h,
+        locations: a ? new x({
           otherLocations: /* @__PURE__ */ new Map([
-            ["cssSelector", h]
+            ["cssSelector", a]
           ])
         }) : void 0
       }));
-      if (!u) {
-        a(!1);
+      if (!c) {
+        o(!1);
         return;
       }
       this.wnd.requestAnimationFrame(() => {
-        this.doc().scrollLeft = this.snapOffset(u.getBoundingClientRect().left + e.scrollX), this.reportProgress(), T(this.wnd), a(!0);
+        this.doc().scrollLeft = this.snapOffset(c.getBoundingClientRect().left + e.scrollX), this.reportProgress(), T(this.wnd), o(!0);
       });
-    }), t.register("go_end", C.moduleName, (o, a) => {
-      const h = k(e) ? -1 : 1;
+    }), t.register("go_end", w.moduleName, (n, o) => {
+      const a = W(e) ? -1 : 1;
       this.wnd.requestAnimationFrame(() => {
         this.cachedScrollWidth = this.doc().scrollWidth;
-        const c = this.cachedScrollWidth * h;
-        if (this.doc().scrollLeft === c)
-          return a(!1);
-        this.doc().scrollLeft = this.snapOffset(c), this.reportProgress(), T(this.wnd), a(!0);
+        const h = this.cachedScrollWidth * a;
+        if (this.doc().scrollLeft === h)
+          return o(!1);
+        this.doc().scrollLeft = this.snapOffset(h), this.reportProgress(), T(this.wnd), o(!0);
       });
-    }), t.register("go_start", C.moduleName, (o, a) => {
+    }), t.register("go_start", w.moduleName, (n, o) => {
       this.wnd.requestAnimationFrame(() => {
         if (this.doc().scrollLeft === 0)
-          return a(!1);
-        this.doc().scrollLeft = 0, this.reportProgress(), T(this.wnd), a(!0);
+          return o(!1);
+        this.doc().scrollLeft = 0, this.reportProgress(), T(this.wnd), o(!0);
       });
-    }), t.register("go_prev", C.moduleName, (o, a) => {
+    }), t.register("go_prev", w.moduleName, (n, o) => {
       this.wnd.requestAnimationFrame(() => {
-        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);
+        this.cachedScrollWidth = this.doc().scrollWidth;
+        const a = e.scrollX - e.innerWidth, h = W(e) ? -(this.cachedScrollWidth - e.innerWidth) : 0, c = s(Math.max(a, h));
+        c && (this.reportProgress(), T(this.wnd)), o(c);
       });
-    }), t.register("go_next", C.moduleName, (o, a) => {
+    }), t.register("go_next", w.moduleName, (n, o) => {
       this.wnd.requestAnimationFrame(() => {
-        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);
+        this.cachedScrollWidth = this.doc().scrollWidth;
+        const a = e.scrollX + e.innerWidth, h = W(e) ? 0 : this.cachedScrollWidth - e.innerWidth, c = s(Math.min(a, h));
+        c && (this.reportProgress(), T(this.wnd)), o(c);
       });
-    }), t.register("unfocus", C.moduleName, (o, a) => {
-      this.snappingCancelled = !0, T(this.wnd), a(!0);
-    }), t.register("shake", C.moduleName, (o, a) => {
-      this.shake(), a(!0);
-    }), t.register("focus", C.moduleName, (o, a) => {
+    }), t.register("unfocus", w.moduleName, (n, o) => {
+      this.snappingCancelled = !0, T(this.wnd), o(!0);
+    }), t.register("shake", w.moduleName, (n, o) => {
+      this.shake(), o(!0);
+    }), t.register("focus", w.moduleName, (n, o) => {
       this.wnd.requestAnimationFrame(() => {
-        this.cachedScrollWidth = this.doc().scrollWidth, this.snapCurrentOffset(!1, !0), this.reportProgress(), a(!0);
+        this.cachedScrollWidth = this.doc().scrollWidth, this.snapCurrentOffset(!1, !0), this.reportProgress(), o(!0);
       });
-    }), t.register("first_visible_locator", C.moduleName, (o, a) => {
-      const h = Tt(e, !1);
-      this.comms.send("first_visible_locator", h.serialize()), a(!0);
+    }), t.register("first_visible_locator", w.moduleName, (n, o) => {
+      const a = Ke(e, !1);
+      this.comms.send("first_visible_locator", a.serialize()), o(!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(Ke)) == null || r.remove(), t.log("ColumnSnapper Unmounted"), super.unmount(e, t);
+    var i;
+    return this.snappingCancelled = !0, t.unregisterAll(w.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), (i = e.document.getElementById(Ie)) == null || i.remove(), t.log("ColumnSnapper Unmounted"), super.unmount(e, t);
   }
 };
-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 {
+Je.moduleName = "column_snapper";
+let $t = Je;
+const Le = "readium-scroll-snapper-style", Qe = class A extends Xe {
   constructor() {
-    super(...arguments), this.createAnchorElements = () => {
-      Bi(this.doc());
-    }, this.removeAnchorElements = () => {
-      Wi(this.doc());
-    }, this.createCustomElement = () => {
-      customElements.get("anchor-observer") || customElements.define("anchor-observer", Di);
+    super(...arguments), this.isScrolling = !1, this.handleScroll = () => {
+      this.isScrolling || (this.isScrolling = !0, this.wnd.requestAnimationFrame(() => {
+        const e = this.doc().scrollTop / this.doc().offsetHeight;
+        this.reportProgress({ progress: e, reference: this.wnd.innerHeight / this.doc().scrollHeight }), this.isScrolling = !1;
+      }));
     };
   }
   doc() {
@@ -2848,8 +2605,8 @@ const Ze = "readium-scroll-snapper-style", Ot = class M extends Et {
   }
   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 = Ze, r.textContent = `
+    const i = e.document.createElement("style");
+    return i.dataset.readium = "true", i.id = Le, i.textContent = `
         * {
             scrollbar-width: none; /* for Firefox */
         }
@@ -2857,95 +2614,99 @@ const Ze = "readium-scroll-snapper-style", Ot = class M extends Et {
         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;
+        `, e.document.head.appendChild(i), this.resizeObserver = new ResizeObserver(() => {
+      this.comms.ready && this.handleScroll();
+    }), this.resizeObserver.observe(e.document.body), e.addEventListener("scroll", this.handleScroll, {
+      passive: !0
+    }), t.register("go_progression", A.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"
-        }), s(!1);
+        }), 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), s(!0);
+        this.doc().scrollTop = this.doc().offsetHeight * o, this.reportProgress({ progress: o, reference: this.wnd.innerHeight / this.doc().scrollHeight }), T(this.wnd), n(!0);
       });
-    }), t.register("go_id", M.moduleName, (n, s) => {
-      const o = e.document.getElementById(n);
+    }), t.register("go_id", A.moduleName, (s, n) => {
+      const o = e.document.getElementById(s);
       if (!o) {
-        s(!1);
+        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), s(!0);
+        this.reportProgress({ progress: a, reference: this.wnd.innerHeight / this.doc().scrollHeight }), T(this.wnd), n(!0);
       });
-    }), t.register("go_text", M.moduleName, (n, s) => {
+    }), t.register("go_text", A.moduleName, (s, n) => {
       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({
+      Array.isArray(s) && (s.length > 1 && (o = s[1]), s = s[0]);
+      const a = U.deserialize(s), h = le(this.wnd.document, new D({
         href: e.location.href,
         type: "text/html",
         text: a,
-        locations: o ? new w({
+        locations: o ? new x({
           otherLocations: /* @__PURE__ */ new Map([
             ["cssSelector", o]
           ])
         }) : void 0
       }));
       if (!h) {
-        s(!1);
+        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), s(!0);
+        this.reportProgress({ progress: c, reference: this.wnd.innerHeight / this.doc().scrollHeight }), T(this.wnd), n(!0);
       });
-    }), t.register("go_start", M.moduleName, (n, s) => {
+    }), t.register("go_start", A.moduleName, (s, n) => {
       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) => {
+        return n(!1);
+      this.doc().scrollTop = 0, this.reportProgress({ progress: 0, reference: this.wnd.innerHeight / this.doc().scrollHeight }), n(!0);
+    }), t.register("go_end", A.moduleName, (s, n) => {
       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);
+        return n(!1);
+      this.doc().scrollTop = 0, this.reportProgress({ progress: 0, reference: this.wnd.innerHeight / this.doc().scrollHeight }), n(!0);
+    }), t.register("unfocus", A.moduleName, (s, n) => {
+      T(this.wnd), n(!0);
     }), t.register([
       "go_next",
       "go_prev"
-    ], M.moduleName, (n, s) => s(!1)), t.register("focus", M.moduleName, (n, s) => {
+    ], A.moduleName, (s, n) => n(!1)), t.register("focus", A.moduleName, (s, n) => {
       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;
+      this.reportProgress({ progress: o, reference: this.wnd.innerHeight / this.doc().scrollHeight }), n(!0);
+    }), t.register("first_visible_locator", A.moduleName, (s, n) => {
+      const o = Ke(e, !0);
+      this.comms.send("first_visible_locator", o.serialize()), n(!0);
+    }), t.log("ScrollSnapper Mounted"), !0;
   }
   unmount(e, t) {
-    var r;
-    return t.unregisterAll(M.moduleName), this.removeAnchorElements(), (r = e.document.getElementById(Ze)) == null || r.remove(), t.log("ScrollSnapper Unmounted"), !0;
+    var i;
+    return t.unregisterAll(A.moduleName), this.resizeObserver.disconnect(), this.handleScroll && e.removeEventListener("scroll", this.handleScroll), (i = e.document.getElementById(Le)) == null || i.remove(), t.log("ScrollSnapper Unmounted"), !0;
   }
 };
-Ot.moduleName = "scroll_snapper";
-let Fi = Ot;
-class Pt extends de {
+Qe.moduleName = "scroll_snapper";
+let jt = Qe;
+class et extends Y {
   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 n, s, o, a, h;
+    var s, n, 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 (t && ((s = t.toString()) == null ? void 0 : s.length) > 0) {
+      const c = (n = t.getRangeAt(0)) == null ? void 0 : n.getClientRects();
       if (!c || c.length === 0)
         return;
-      const u = c[0], p = {
+      const d = c[0], p = {
         text: t.toString(),
-        x: u.x,
-        y: u.y,
-        width: u.width,
-        height: u.height,
+        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);
@@ -2956,14 +2717,14 @@ class Pt extends de {
     }
     if (!(t != null && t.isCollapsed) || !e.isPrimary)
       return;
-    const r = this.wnd.devicePixelRatio;
+    const i = this.wnd.devicePixelRatio;
     e.preventDefault(), this.comms.send(e.pointerType === "touch" ? "tap" : "click", {
       defaultPrevented: e.defaultPrevented,
-      x: e.clientX * r,
-      y: e.clientY * r,
+      x: e.clientX * i,
+      y: e.clientY * i,
       targetFrameSrc: this.wnd.location.href,
       targetElement: e.target.outerHTML,
-      interactiveElement: (h = wt(e.target)) == null ? void 0 : h.outerHTML,
+      interactiveElement: (h = Ye(e.target)) == null ? void 0 : h.outerHTML,
       cssSelector: this.wnd._readium_cssSelectorGenerator.getCssSelector(e.target)
     }), this.pointerMoved = !1;
   }
@@ -2999,8 +2760,8 @@ class Pt extends de {
     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;
   }
 }
-Pt.moduleName = "peripherals";
-const At = class xe extends de {
+et.moduleName = "peripherals";
+const tt = class te extends Y {
   constructor() {
     super(...arguments), this.mediaPlayingCount = 0, this.allAnimations = /* @__PURE__ */ new Set();
   }
@@ -3016,19 +2777,19 @@ const At = class xe extends de {
   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]) {
+      const i = e._readium_blockedEvents.shift();
+      switch (i[0]) {
         case 0:
-          Reflect.apply(r[1], r[2], r[3]);
+          Reflect.apply(i[1], i[2], i[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
+          const s = i[1], n = i[2];
+          e.removeEventListener(s.type, e._readium_eventBlocker, !0);
+          const o = new Event(s.type, {
+            bubbles: s.bubbles,
+            cancelable: s.cancelable
           });
-          s ? s.dispatchEvent(o) : e.dispatchEvent(o);
+          n ? n.dispatchEvent(o) : e.dispatchEvent(o);
           break;
       }
     }
@@ -3043,8 +2804,8 @@ const At = class xe extends de {
   }
   pauseAllMedia(e) {
     const t = e.document.querySelectorAll("audio,video");
-    for (let r = 0; r < t.length; r++)
-      t[r].pause();
+    for (let i = 0; i < t.length; i++)
+      t[i].pause();
   }
   mount(e, t) {
     this.comms = t, e.addEventListener(
@@ -3054,9 +2815,9 @@ const At = class xe extends de {
     ), Reflect.defineProperty(e.navigator, "epubReadingSystem", {
       value: {
         name: "readium-ts-toolkit",
-        version: "1.3.3",
-        hasFeature: (n, s = "") => {
-          switch (n) {
+        version: "2.0.0-beta.1",
+        hasFeature: (s, n = "") => {
+          switch (s) {
             case "dom-manipulation":
               return !0;
             case "layout-changes":
@@ -3077,69 +2838,73 @@ const At = class xe extends de {
         }
       },
       writable: !1
-    }), "getAnimations" in e.document && e.document.getAnimations().forEach((n) => {
-      n.cancel(), this.allAnimations.add(n);
-    }), t.register("activate", xe.moduleName, (n, s) => {
+    }), "getAnimations" in e.document && e.document.getAnimations().forEach((s) => {
+      s.cancel(), this.allAnimations.add(s);
+    }), t.register("activate", te.moduleName, (s, n) => {
       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);
+      }), n(!0);
+    }), t.register("unfocus", te.moduleName, (s, n) => {
+      this.pauseAllMedia(e), this.allAnimations.forEach((o) => o.pause()), n(!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, {
+    const i = e.document.querySelectorAll("audio,video");
+    for (let s = 0; s < i.length; s++) {
+      const n = i[s];
+      n.addEventListener("play", this.onMediaPlayEvent, {
         passive: !0
-      }), s.addEventListener("pause", this.onMediaPauseEvent, {
+      }), 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;
+    return e.removeEventListener("error", this.wndOnErr), e.removeEventListener("play", this.onMediaPlayEvent), e.removeEventListener("pause", this.onMediaPauseEvent), this.allAnimations.forEach((i) => i.cancel()), this.allAnimations.clear(), t.log("Setup Unmounted"), !0;
   }
 };
-At.moduleName = "setup";
-let Nt = At;
-const Qe = "readium-viewport", Mt = class X extends Nt {
+tt.moduleName = "setup";
+let it = tt;
+const Re = "readium-viewport", rt = class F extends it {
   onViewportWidthChanged(e) {
     const t = e.target;
-    ye(t, "--RS__viewportWidth", `${t.innerWidth}px`);
+    G(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", Qe), r.setAttribute(
+    const i = e.document.createElement("meta");
+    return i.dataset.readium = "true", i.setAttribute("name", "viewport"), i.setAttribute("id", Re), i.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({
+    ), e.document.head.appendChild(i), 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.register("get_properties", F.moduleName, (s, n) => {
+      qe(e), n(!0);
+    }), t.register("update_properties", F.moduleName, (s, n) => {
+      s["--RS__viewportWidth"] = `${e.innerWidth}px`, Nt(e, s), n(!0);
+    }), t.register("set_property", F.moduleName, (s, n) => {
+      const o = s;
+      G(e, o[0], o[1]), n(!0);
+    }), t.register("remove_property", F.moduleName, (s, n) => {
+      he(e, s), n(!0);
+    }), t.register("activate", F.moduleName, (s, n) => {
+      this.unblock(e), n(!0);
     }), t.log("ReflowableSetup Mounted"), !0;
   }
   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);
+    var i;
+    return t.unregisterAll(F.moduleName), (i = e.document.head.querySelector(`#${Re}`)) == null || i.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 {
+rt.moduleName = "reflowable_setup";
+let qt = rt;
+const ze = "readium-fixed-style", st = class L extends it {
   mount(e, t) {
     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 = `
+    const i = e.document.createElement("style");
+    return i.id = ze, i.dataset.readium = "true", i.textContent = `
         html, body {
             text-size-adjust: none;
             -ms-text-size-adjust: none;
@@ -3151,13 +2916,13 @@ const et = "readium-fixed-style", Rt = class I extends Nt {
             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);
+        }`, e.document.head.appendChild(i), t.register("set_property", L.moduleName, (s, n) => {
+      const o = s;
+      G(e, o[0], o[1]), n(!0);
+    }), t.register("remove_property", L.moduleName, (s, n) => {
+      he(e, s), n(!0);
+    }), t.register("first_visible_locator", L.moduleName, (s, n) => n(!1)), t.register("unfocus", L.moduleName, (s, n) => {
+      T(e), n(!0);
     }), t.register([
       "focus",
       "go_next",
@@ -3167,56 +2932,56 @@ const et = "readium-fixed-style", Rt = class I extends Nt {
       "go_start",
       "go_text",
       "go_progression"
-    ], I.moduleName, (n, s) => s(!0)), t.register("activate", I.moduleName, (n, s) => {
-      this.unblock(e), s(!0);
+    ], L.moduleName, (s, n) => n(!0)), t.register("activate", L.moduleName, (s, n) => {
+      this.unblock(e), n(!0);
     }), t.log("FixedSetup Mounted"), !0;
   }
   unmount(e, t) {
-    var r;
-    return t.unregisterAll(I.moduleName), (r = e.document.getElementById(et)) == null || r.remove(), t.log("FixedSetup Unmounted"), super.unmount(e, t);
+    var i;
+    return t.unregisterAll(L.moduleName), (i = e.document.getElementById(ze)) == null || i.remove(), t.log("FixedSetup Unmounted"), super.unmount(e, t);
   }
 };
-Rt.moduleName = "fixed_setup";
-let Ui = Rt;
-const Hi = [
+st.moduleName = "fixed_setup";
+let Vt = st;
+const _t = [
   "fixed_setup",
   "decorator",
   "peripherals"
-], $i = [
+], Xt = [
   "reflowable_setup",
   "decorator",
   "peripherals",
   "column_snapper",
   "scroll_snapper"
-], tt = new Map([
+], De = new Map([
   // All modules go here
-  Ui,
-  ki,
-  Pt,
-  Oi,
-  zi,
-  Fi
-].map((i) => [i.moduleName, i]));
-class Vi {
+  Vt,
+  qt,
+  et,
+  Dt,
+  $t,
+  jt
+].map((r) => [r.moduleName, r]));
+class Gt {
   /**
    * @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 zt(e);
-    const r = [...new Set(t)];
-    if (r.length) {
+    this.loadedModules = [], this.wnd = e, this.comms = new at(e);
+    const i = [...new Set(t)];
+    if (i.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((n) => {
-        const s = this.loadModule(n);
-        if (s)
-          return s.mount(this.wnd, this.comms), s;
-      }).filter((n) => n !== void 0);
+      e.parent !== e && this.comms.log("Loader is probably in a frame"), this.loadedModules = i.map((s) => {
+        const n = this.loadModule(s);
+        if (n)
+          return n.mount(this.wnd, this.comms), n;
+      }).filter((s) => s !== void 0);
     }
   }
   loadModule(e) {
-    const t = tt.get(e);
+    const t = De.get(e);
     return t === void 0 ? (this.comms.log(`Module "${name}" does not exist in the library`), t) : new t();
   }
   /**
@@ -3234,11 +2999,11 @@ class Vi {
    * @returns Success
    */
   removeModule(e) {
-    const t = tt.get(e);
+    const t = De.get(e);
     if (t === void 0)
       return this.comms.log(`Module "${e}" does not exist in the library`), !1;
-    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);
+    const i = this.loadedModules.findIndex((s) => s instanceof t);
+    return i < 0 ? !1 : (this.loadedModules[i].unmount(this.wnd, this.comms), this.loadedModules.splice(i, 1), !0);
   }
   /**
    * Unmount and remove all modules
@@ -3248,16 +3013,16 @@ class Vi {
   }
 }
 export {
-  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
+  k as COMMS_VERSION,
+  at as Comms,
+  Dt as Decorator,
+  _t as FXLModules,
+  Lt as Layout,
+  Gt as Loader,
+  Y as Module,
+  De as ModuleLibrary,
+  et as Peripherals,
+  Xt as ReflowableModules,
+  It as Width,
+  ot as mid
 };