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

package/dist/index.js

@@ -1,5 +1,5 @@
-const Mt = Math.pow(2, 32), Ae = () => Math.round(Math.random() * Mt).toString(36), Rt = () => `${Math.round(performance.now())}-${Ae()}-${Ae()}`, _ = 1;
-class Nt {
+const 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 Nt {
     if (!(!("_readium" in t) || !t._readium || t._readium <= 0)) {
       if (t.key === "_ping") {
         if (!this.destination) {
-          if (this.destination = e.source, this.origin = e.origin, this.channelId = t._channel, t._readium !== _) {
-            t._readium > _ ? this.send("error", `received comms version ${t._readium} higher than ${_}`) : this.send("error", `received comms version ${t._readium} lower than ${_}`), this.destination = null, this.origin = "", this.channelId = "";
+          if (this.destination = e.source, this.origin = e.origin, this.channelId = t._channel, t._readium !== 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 Nt {
       e.strict && this.send("_unhandled", e);
       return;
     }
-    t.forEach((r) => r.cb(e.data, (s) => {
+    t.forEach((i) => i.cb(e.data, (s) => {
       this.send("_ack", s, e.id);
     }));
   }
-  register(e, t, 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: r,
+          cb: i,
           module: t
         }), this.registrar.set(s, n);
       } else
         this.registrar.set(s, [{
-          cb: r,
+          cb: i,
           module: t
         }]);
     });
   }
   unregister(e, t) {
-    Array.isArray(e) || (e = [e]), e.forEach((r) => {
-      const s = this.registrar.get(r);
+    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((s) => s.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,13 +72,13 @@ class Nt {
   destroy() {
     this.destination = null, this.channelId = "", this.preLog = [], this.registrar.clear(), this.wnd.removeEventListener("message", this.receiver);
   }
-  send(e, t, r = void 0, s = []) {
+  send(e, t, i = void 0, s = []) {
     if (!this.destination)
       throw Error("Attempted to send comms message before destination has been initialized");
     const n = {
-      _readium: _,
+      _readium: k,
       _channel: this.channelId,
-      id: r ?? Rt(),
+      id: i ?? ot(),
       // scrict,
       key: e,
       data: t
@@ -95,7 +95,7 @@ class Nt {
     }
   }
 }
-class Ee {
+class ie {
   /**
    * Creates a [Encryption].
    */
@@ -107,7 +107,7 @@ class Ee {
    */
   static deserialize(e) {
     if (e && e.algorithm)
-      return new Ee({
+      return new ie({
         algorithm: e.algorithm,
         compression: e.compression,
         originalLength: e.originalLength,
@@ -123,7 +123,7 @@ class Ee {
     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 Ee.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, s = e.mediaType.replace(/\s/g, "").split(";");
+    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(), r = n[1].toLowerCase().trim(), t.length === 0 || r.length === 0)
+      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 < s.length; d++) {
-      const f = s[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,12 +223,12 @@ 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(
+    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 n of Array.from(r.values()))
+    for (const n of Array.from(i.values()))
       if (!s.has(n))
         return !1;
     return !0;
@@ -616,7 +616,7 @@ class l {
     });
   }
 }
-class Me {
+class ye {
   constructor(e) {
     this.uri = e, this.parameters = this.getParameters(e);
   }
@@ -624,9 +624,9 @@ class Me {
    * 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((s) => s.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.
@@ -637,33 +637,33 @@ class Me {
     const t = (s) => s.split(",").map((n) => {
       const o = e[n];
       return o ? encodeURIComponent(o) : "";
-    }).join(","), r = (s) => "?" + s.split(",").map((n) => {
+    }).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, (...s) => s[1] ? r(s[2]) : t(s[2]));
+    return this.uri.replace(/\{(\??)([^}]+)\}/g, (...s) => s[1] ? i(s[2]) : t(s[2]));
   }
 }
-function Lt(i) {
-  return i && i instanceof Array ? i : void 0;
+function lt(r) {
+  return r && r instanceof Array ? r : void 0;
 }
-function Qe(i) {
-  return i && typeof i == "string" ? [i] : Lt(i);
+function We(r) {
+  return r && typeof r == "string" ? [r] : lt(r);
 }
-function Re(i) {
-  return typeof i == "string" ? new Date(i) : void 0;
+function ve(r) {
+  return typeof r == "string" ? new Date(r) : void 0;
 }
-function re(i) {
-  return isNaN(i) ? void 0 : i;
+function j(r) {
+  return isNaN(r) ? void 0 : r;
 }
-function O(i) {
-  return re(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 zt(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 = re(e.progression), r = re(e.totalProgression), s = re(e.position), n = /* @__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",
@@ -685,10 +685,10 @@ class w {
     ]);
     return Object.entries(e).forEach(([a, h]) => {
       o.has(a) || n.set(a, h);
-    }), new w({
-      fragments: Qe(e.fragments || e.fragment),
+    }), 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,
+      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 q {
+class U {
   /**
    * Creates a [Text].
    */
@@ -713,7 +713,7 @@ class q {
    */
   static deserialize(e) {
     if (e)
-      return new q({
+      return new U({
         after: e.after,
         before: e.before,
         highlight: e.highlight
@@ -727,24 +727,24 @@ class q {
     return this.after !== void 0 && (e.after = this.after), this.before !== void 0 && (e.before = this.before), this.highlight !== void 0 && (e.highlight = this.highlight), e;
   }
 }
-class I {
+class 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 I({
+      return new D({
         href: e.href,
         type: e.type,
         title: e.title,
-        locations: w.deserialize(e.locations),
-        text: q.deserialize(e.text)
+        locations: x.deserialize(e.locations),
+        text: U.deserialize(e.text)
       });
   }
   /**
@@ -758,16 +758,16 @@ class I {
    * Shortcut to get a copy of the [Locator] with different [Locations] sub-properties.
    */
   copyWithLocations(e) {
-    return new I({
+    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 H {
+class B {
   /**
    * Creates a [Link].
    */
@@ -779,20 +779,20 @@ class H {
    */
   static deserialize(e) {
     if (e && e.href && typeof e.href == "string")
-      return new H({
+      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: Qe(e.language),
-        alternates: ne.deserialize(e.alternate),
-        children: ne.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 H {
    */
   serialize() {
     const e = { href: this.href };
-    return this.templated !== void 0 && (e.templated = this.templated), this.type !== void 0 && (e.type = this.type), this.title !== void 0 && (e.title = this.title), this.rels && (e.rel = zt(this.rels)), this.properties && (e.properties = this.properties.serialize()), this.height !== void 0 && (e.height = this.height), this.width !== void 0 && (e.width = this.width), this.duration !== void 0 && (e.duration = this.duration), this.bitrate !== void 0 && (e.bitrate = this.bitrate), this.languages && (e.language = this.languages), this.alternates && (e.alternate = this.alternates.serialize()), this.children && (e.children = this.children.serialize()), e;
+    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 H {
     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 Me(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 H({
-      href: new Me(this.href).expand(e),
+    return new B({
+      href: new ye(this.href).expand(e),
       templated: !1
     });
   }
@@ -834,25 +834,25 @@ class H {
    */
   addProperties(e) {
     var t;
-    const r = H.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 I({
+    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 ne {
+class q {
   /**
    * Creates a [Links].
    */
@@ -864,8 +864,8 @@ class ne {
    */
   static deserialize(e) {
     if (e && e instanceof Array)
-      return new ne(
-        e.map((t) => H.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 ne {
   }
   /** 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) => {
+    const t = (i) => {
       for (const s of e)
-        if (r.mediaType.matches(s))
+        if (i.mediaType.matches(s))
           return !0;
       return !1;
     };
@@ -937,8 +937,8 @@ class ne {
   /** 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 ne {
     return this.items.filter((e) => e.type);
   }
 }
-class oe {
+class V {
   /**
    * Creates a [DomRange].
    */
@@ -959,14 +959,14 @@ class oe {
   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 oe({
+    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 oe {
     return this.charOffset !== void 0 && (e.charOffset = this.charOffset), e;
   }
 }
-class xe {
+class re {
   /**
    * Creates a [DomRange].
    */
@@ -993,11 +993,11 @@ class xe {
   static deserialize(e) {
     if (!e)
       return;
-    let t = oe.deserialize(e.start);
+    let t = V.deserialize(e.start);
     if (t)
-      return new xe({
+      return new re({
         start: t,
-        end: oe.deserialize(e.end)
+        end: V.deserialize(e.end)
       });
   }
   /**
@@ -1008,55 +1008,55 @@ class xe {
     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 xe.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 we {
+class se {
   /** Creates a [Price]. */
   constructor(e) {
     this.currency = e.currency, this.value = e.value;
@@ -1070,9 +1070,9 @@ class we {
     let t = e.currency;
     if (!(t && typeof t == "string" && t.length > 0))
       return;
-    let r = O(e.value);
-    if (r !== void 0)
-      return new we({ 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 we {
     return { currency: this.currency, value: this.value };
   }
 }
-class j {
+class H {
   /** Creates a [Acquisition]. */
   constructor(e) {
     this.type = e.type, this.children = e.children;
@@ -1091,14 +1091,14 @@ class j {
    */
   static deserialize(e) {
     if (e && e.type)
-      return new j({
+      return new H({
         type: e.type,
-        children: j.deserializeArray(e.children)
+        children: H.deserializeArray(e.children)
       });
   }
   static deserializeArray(e) {
     if (e instanceof Array)
-      return e.map((t) => j.deserialize(t)).filter((t) => t !== void 0);
+      return e.map((t) => H.deserialize(t)).filter((t) => t !== void 0);
   }
   /**
    * Serializes a [Acquisition] to its RWPM JSON representation.
@@ -1108,7 +1108,7 @@ class j {
     return this.children && (e.children = this.children.map((t) => t.serialize())), e;
   }
 }
-class Te {
+class ne {
   /** Creates a [Price]. */
   constructor(e) {
     this.total = e.total, this.position = e.position;
@@ -1118,9 +1118,9 @@ class Te {
    */
   static deserialize(e) {
     if (e)
-      return new Te({
-        total: O(e.total),
-        position: O(e.position)
+      return new ne({
+        total: C(e.total),
+        position: C(e.position)
       });
   }
   /**
@@ -1131,7 +1131,7 @@ class Te {
     return this.total !== void 0 && (e.total = this.total), this.position !== void 0 && (e.position = this.position), e;
   }
 }
-class Se {
+class oe {
   /** Creates a [Copies]. */
   constructor(e) {
     this.total = e.total, this.available = e.available;
@@ -1141,9 +1141,9 @@ class Se {
    */
   static deserialize(e) {
     if (e)
-      return new Se({
-        total: O(e.total),
-        available: O(e.available)
+      return new oe({
+        total: C(e.total),
+        available: C(e.available)
       });
   }
   /**
@@ -1154,7 +1154,7 @@ class Se {
     return this.total !== void 0 && (e.total = this.total), this.available !== void 0 && (e.available = this.available), e;
   }
 }
-class Ce {
+class ae {
   /** Creates a [Availability]. */
   constructor(e) {
     this.state = e.state, this.since = e.since, this.until = e.until;
@@ -1164,10 +1164,10 @@ class Ce {
    */
   static deserialize(e) {
     if (e && e.state)
-      return new Ce({
+      return new ae({
         state: e.state,
-        since: Re(e.since),
-        until: Re(e.until)
+        since: ve(e.since),
+        until: ve(e.until)
       });
   }
   /**
@@ -1178,175 +1178,220 @@ class Ce {
     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 we.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) => j.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 Te.deserialize(this.otherProperties.holds);
+E.prototype.getHolds = function() {
+  return ne.deserialize(this.otherProperties.holds);
 };
-b.prototype.getCopies = function() {
-  return Se.deserialize(this.otherProperties.copies);
+E.prototype.getCopies = function() {
+  return oe.deserialize(this.otherProperties.copies);
 };
-b.prototype.getAvailability = function() {
-  return Ce.deserialize(this.otherProperties.availability);
+E.prototype.getAvailability = function() {
+  return ae.deserialize(this.otherProperties.availability);
 };
-b.prototype.getAuthenticate = function() {
-  return H.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;
 };
-class ce {
-}
-function Ne(i) {
-  return i.split("").reverse().join("");
-}
-function It(i, e, t) {
-  const r = Ne(e);
+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 (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 i = new RegExp("^" + ut(t) + "$");
+      return (s) => i.test(s);
+    }
+    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((i) => i(t));
+}
+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 Y {
+}
+function be(r) {
+  return r.split("").reverse().join("");
+}
+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 = Ne(i.slice(n, s.end));
+    const n = Math.max(0, s.end - e.length - s.errors), o = be(r.slice(n, s.end));
     return {
-      start: et(o, r, s.errors).reduce((h, c) => s.end - c.end < h ? s.end - c.end : h, s.end),
+      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 ue(i) {
-  return (i | -i) >> 31 & 1;
+function Z(r) {
+  return (r | -r) >> 31 & 1;
 }
-function Le(i, e, t, r) {
-  let s = i.P[t], n = i.M[t];
-  const o = r >>> 31, a = e[t] | o, h = a | n, c = (a & s) + s ^ s | a;
-  let u = n | ~(c | s), p = s & c;
-  const d = ue(u & i.lastRowMask[t]) - ue(p & i.lastRowMask[t]);
-  return u <<= 1, p <<= 1, p |= o, u |= ue(r) - o, s = p | ~(h | u), n = u & h, i.P[t] = s, i.M[t] = n, d;
+function 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 et(i, e, t) {
+function Fe(r, e, t) {
   if (e.length === 0)
     return [];
   t = Math.min(t, e.length);
-  const r = [], s = 32, n = Math.ceil(e.length / s) - 1, o = {
+  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[n] = 1 << (e.length - 1) % s;
   const a = new Uint32Array(n + 1), h = /* @__PURE__ */ new Map(), c = [];
-  for (let d = 0; d < 256; d++)
+  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(n + 1);
-    h.set(f, v), f < c.length && (c[f] = v);
-    for (let g = 0; g <= n; g += 1) {
-      v[g] = 0;
-      for (let y = 0; y < s; y += 1) {
-        const x = g * s + 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 / s) - 1);
+  let d = Math.max(0, Math.ceil(t / s) - 1);
   const p = new Uint32Array(n + 1);
-  for (let d = 0; d <= u; d += 1)
-    p[d] = (d + 1) * s;
+  for (let u = 0; u <= d; u += 1)
+    p[u] = (u + 1) * s;
   p[n] = 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 = Le(o, v, y, g), p[y] += g;
-    if (p[u] - g <= t && u < n && (v[u + 1] & 1 || g < 0)) {
-      u += 1, o.P[u] = -1, o.M[u] = 0;
-      let y;
-      if (u === n) {
-        const x = e.length % s;
-        y = x === 0 ? s : x;
+  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 = s;
-      p[u] = p[u - 1] + y - g + Le(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 + s; )
-        u -= 1;
-    u === n && 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 Dt(i, e, t) {
-  const r = et(i, e, t);
-  return It(i, e, r);
+function vt(r, e, t) {
+  const i = Fe(r, e, t);
+  return yt(r, e, i);
 }
-function tt(i, e, t) {
-  let r = 0;
+function Be(r, e, t) {
+  let i = 0;
   const s = [];
-  for (; r !== -1; )
-    r = i.indexOf(e, r), r !== -1 && (s.push({
-      start: r,
-      end: r + e.length,
+  for (; i !== -1; )
+    i = r.indexOf(e, i), i !== -1 && (s.push({
+      start: i,
+      end: i + e.length,
       errors: 0
-    }), r += 1);
-  return s.length > 0 ? s : Dt(i, e, t);
+    }), i += 1);
+  return s.length > 0 ? s : vt(r, e, t);
 }
-function ze(i, e) {
-  return e.length === 0 || i.length === 0 ? 0 : 1 - tt(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 Bt(i, e, t = {}) {
+function Et(r, e, t = {}) {
   if (e.length === 0)
     return null;
-  const r = Math.min(256, e.length / 2), s = tt(i, e, r);
+  const i = Math.min(256, e.length / 2), s = Be(r, e, i);
   if (s.length === 0)
     return null;
   const n = (a) => {
-    const d = 1 - a.errors / e.length, f = t.prefix ? ze(
-      i.slice(
+    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 ? ze(
-      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;
+    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,
@@ -1354,30 +1399,30 @@ function Bt(i, e, t = {}) {
   }));
   return o.sort((a, h) => h.score - a.score), o[0];
 }
-function fe(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 s, n;
-  if (t === 2 ? (s = i.substring(0, e), n = s.trimEnd()) : (s = i.substring(e), n = s.trimStart()), !n.length)
+  if (t === 2 ? (s = r.substring(0, e), n = s.trimEnd()) : (s = r.substring(e), n = s.trimStart()), !n.length)
     return -1;
   const o = s.length - n.length;
   return t === 2 ? e - o : e + o;
 }
-function Ie(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, s = e === 1 ? i.endContainer : i.startContainer;
+  ), i = e === 1 ? r.startContainer : r.endContainer, s = e === 1 ? r.endContainer : r.startContainer;
   let n = t.nextNode();
-  for (; n && n !== r; )
+  for (; n && n !== i; )
     n = t.nextNode();
   e === 2 && (n = t.previousNode());
   let o = -1;
   const a = () => {
     if (n = e === 1 ? t.nextNode() : t.previousNode(), n) {
       const h = n.textContent, c = e === 1 ? 0 : h.length;
-      o = fe(h, c, e);
+      o = J(h, c, e);
     }
   };
   for (; n && o === -1 && n !== s; )
@@ -1386,41 +1431,41 @@ function Ie(i, e) {
     return { node: n, offset: o };
   throw new RangeError("No text nodes with non-whitespace text found in range");
 }
-function Wt(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 e = r.cloneRange();
+  let t = !1, i = !1;
   const s = {
-    start: fe(
-      i.startContainer.textContent,
-      i.startOffset,
+    start: J(
+      r.startContainer.textContent,
+      r.startOffset,
       1
       /* Forwards */
     ),
-    end: fe(
-      i.endContainer.textContent,
-      i.endOffset,
+    end: J(
+      r.endContainer.textContent,
+      r.endOffset,
       2
       /* Backwards */
     )
   };
-  if (s.start >= 0 && (e.setStart(i.startContainer, s.start), t = !0), s.end > 0 && (e.setEnd(i.endContainer, s.end), r = !0), t && r)
+  if (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: n, offset: o } = Ie(
+    const { node: n, offset: o } = Te(
       e,
       1
       /* Forwards */
     );
     n && o >= 0 && e.setStart(n, o);
   }
-  if (!r) {
-    const { node: n, offset: o } = Ie(
+  if (!i) {
+    const { node: n, offset: o } = Te(
       e,
       2
       /* Backwards */
@@ -1429,38 +1474,38 @@ function Wt(i) {
   }
   return e;
 }
-function it(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 De(i) {
-  let e = i.previousSibling, t = 0;
+function we(r) {
+  let e = r.previousSibling, t = 0;
   for (; e; )
-    t += it(e), e = e.previousSibling;
+    t += Ue(e), e = e.previousSibling;
   return t;
 }
-function rt(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
   ), s = [];
-  let n = r.nextNode(), o, a = 0;
+  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 = r.nextNode(), a += o.data.length);
+    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; )
     s.push({ node: o, offset: o.data.length }), t = e.shift();
   if (t !== void 0)
     throw new RangeError("Offset exceeds text length");
   return s;
 }
-class N {
+class M {
   constructor(e, t) {
     if (t < 0)
       throw new Error("Offset is invalid");
@@ -1475,10 +1520,10 @@ class N {
   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 += De(t), t = t.parentElement;
-    return new N(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.
@@ -1499,15 +1544,15 @@ class N {
    */
   resolve(e = {}) {
     try {
-      return rt(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 s = e.direction === 1, n = s ? r.nextNode() : r.previousNode();
+        i.currentNode = this.element;
+        const s = e.direction === 1, n = s ? i.nextNode() : i.previousNode();
         if (!n)
           throw t;
         return { node: n, offset: s ? 0 : n.data.length };
@@ -1522,9 +1567,9 @@ class N {
   static fromCharOffset(e, t) {
     switch (e.nodeType) {
       case Node.TEXT_NODE:
-        return N.fromPoint(e, t);
+        return M.fromPoint(e, t);
       case Node.ELEMENT_NODE:
-        return new N(e, t);
+        return new M(e, t);
       default:
         throw new Error("Node is not an element or text node");
     }
@@ -1542,16 +1587,16 @@ class N {
           throw new Error("Text node offset is out of range");
         if (!e.parentElement)
           throw new Error("Text node has no parent");
-        const r = De(e) + t;
-        return new N(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;
+        let i = 0;
         for (let s = 0; s < t; s++)
-          r += it(e.childNodes[s]);
-        return new N(e, r);
+          i += Ue(e.childNodes[s]);
+        return new M(e, i);
       }
       default:
         throw new Error("Point is not in an element or text node");
@@ -1584,7 +1629,7 @@ class z {
    */
   toRange() {
     let e, t;
-    this.start.element === this.end.element && this.start.offset <= this.end.offset ? [e, t] = rt(
+    this.start.element === this.end.element && this.start.offset <= this.end.offset ? [e, t] = ke(
       this.start.element,
       this.start.offset,
       this.end.offset
@@ -1595,27 +1640,27 @@ class z {
       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 = N.fromPoint(
+    const t = M.fromPoint(
       e.startContainer,
       e.startOffset
-    ), r = N.fromPoint(e.endContainer, e.endOffset);
-    return new z(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) {
+  static fromOffsets(e, t, i) {
     return new z(
-      new N(e, t),
-      new N(e, r)
+      new M(e, t),
+      new M(e, i)
     );
   }
   /**
@@ -1623,23 +1668,23 @@ class z {
    * whitespace
    */
   static trimmedRange(e) {
-    return Wt(z.fromRange(e).toRange());
+    return bt(z.fromRange(e).toRange());
   }
 }
-class ae {
-  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 = z.fromRange(t).relativeTo(e);
-    return new ae(
+    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 ae(e, t.start, t.end);
+    return new _(e, t.start, t.end);
   }
   toSelector() {
     return {
@@ -1652,12 +1697,12 @@ class ae {
     return z.fromOffsets(this.root, this.start, this.end).toRange();
   }
 }
-class le {
+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.
@@ -1665,15 +1710,15 @@ class le {
    * Will throw if `range` does not contain any text nodes.
    */
   static fromRange(e, t) {
-    const r = e.textContent, s = z.fromRange(t).relativeTo(e), n = s.start.offset, o = s.end.offset, a = 32;
-    return new le(e, r.slice(n, o), {
-      prefix: r.slice(Math.max(0, n - a), n),
-      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: s } = t;
-    return new le(e, t.exact, { prefix: r, suffix: s });
+    const { prefix: i, suffix: s } = t;
+    return new X(e, t.exact, { prefix: i, suffix: s });
   }
   toSelector() {
     return {
@@ -1687,28 +1732,28 @@ class le {
     return this.toPositionAnchor(e).toRange();
   }
   toPositionAnchor(e = {}) {
-    const t = this.root.textContent, r = Bt(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 ae(this.root, r.start, r.end);
+    return new _(this.root, i.start, i.end);
   }
 }
-function Ft(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 Oe(i, e) {
+function le(r, e) {
   try {
-    const t = e.locations, r = e.text;
-    if (r && r.highlight) {
+    const t = e.locations, i = e.text;
+    if (i && i.highlight) {
       let s;
-      t && t.getCssSelector() && (s = i.querySelector(t.getCssSelector())), s || (s = i.body);
-      const n = new le(s, r.highlight, {
-        prefix: r.before,
-        suffix: r.after
+      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 n.toRange();
@@ -1718,14 +1763,14 @@ function Oe(i, e) {
     }
     if (t) {
       let s = null;
-      if (!s && t.getCssSelector() && (s = i.querySelector(t.getCssSelector())), !s && t.fragments) {
+      if (!s && t.getCssSelector() && (s = r.querySelector(t.getCssSelector())), !s && t.fragments) {
         for (const n of t.fragments)
-          if (s = i.getElementById(n), s)
+          if (s = r.getElementById(n), s)
             break;
       }
       if (s) {
-        const n = i.createRange();
-        return s.childNodes.length === 0 || Ft(s) ? (n.selectNode(s), n) : (n.setStartBefore(s), n.setEndAfter(s), n);
+        const n = r.createRange();
+        return s.childNodes.length === 0 || xt(s) ? (n.selectNode(s), n) : (n.setStartBefore(s), n.setEndAfter(s), n);
       }
     }
   } catch (t) {
@@ -1733,10 +1778,10 @@ function Oe(i, e) {
   }
   return null;
 }
-function kt(i, e) {
-  let t = i.getClientRects();
-  t.length || i.commonAncestorContainer.nodeType === Node.ELEMENT_NODE && (t = i.commonAncestorContainer.getClientRects());
-  const r = 1, s = [];
+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)
     s.push({
       bottom: c.bottom,
@@ -1746,14 +1791,14 @@ function kt(i, e) {
       top: c.top,
       width: c.width
     });
-  const n = st(
+  const n = He(
     s,
-    r,
+    i,
     e
-  ), o = Ht(n, r), a = nt(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
@@ -1761,90 +1806,90 @@ function kt(i, e) {
   }
   return a;
 }
-function st(i, e, t) {
-  for (let r = 0; r < i.length; r++)
-    for (let s = r + 1; s < i.length; s++) {
-      const n = i[r], o = i[s];
+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 = A(n.top, o.top, e) && A(n.bottom, o.bottom, e), h = A(n.left, o.left, e) && A(n.right, o.right, e);
-      if ((h && !t || a && !h) && ot(n, o, e)) {
-        const d = i.filter((v) => v !== n && v !== o), f = Ut(n, o);
-        return d.push(f), st(
-          d,
+      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 Ut(i, e) {
-  const t = Math.min(i.left, e.left), r = Math.max(i.right, e.right), s = Math.min(i.top, e.top), n = Math.max(i.bottom, e.bottom);
+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: n,
     height: n - s,
     left: t,
-    right: r,
+    right: i,
     top: s,
-    width: r - t
+    width: i - t
   };
 }
-function Ht(i, e) {
-  const t = new Set(i);
-  for (const r of i) {
-    if (!(r.width > 1 && r.height > 1)) {
-      t.delete(r);
+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 n of i)
-      if (r !== n && t.has(n) && $t(n, 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 $t(i, e, t) {
-  return Q(i, e.left, e.top, t) && Q(i, e.right, e.top, t) && Q(i, e.left, e.bottom, t) && Q(i, e.right, e.bottom, t);
+function 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 Q(i, e, t, r) {
-  return (i.left < e || A(i.left, e, r)) && (i.right > e || A(i.right, e, r)) && (i.top < t || A(i.top, t, r)) && (i.bottom > t || A(i.bottom, t, r));
+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 nt(i) {
-  for (let e = 0; e < i.length; e++)
-    for (let t = e + 1; t < i.length; t++) {
-      const r = i[e], s = i[t];
-      if (r !== s && ot(r, s, -1)) {
+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 = Be(r, s);
+        const a = Ce(i, s);
         if (a.length === 1)
-          n = a, o = r;
+          n = a, o = i;
         else {
-          const c = Be(s, r);
-          a.length < c.length ? (n = a, o = r) : (n = c, o = s);
+          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, n), nt(h);
+        const h = r.filter((c) => c !== o);
+        return Array.prototype.push.apply(h, n), $e(h);
       }
     }
-  return i;
+  return r;
 }
-function Be(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 s = {
-      bottom: i.bottom,
+      bottom: r.bottom,
       height: 0,
-      left: i.left,
+      left: r.left,
       right: t.left,
-      top: i.top,
+      top: r.top,
       width: 0
     };
-    s.width = s.right - s.left, s.height = s.bottom - s.top, s.height !== 0 && s.width !== 0 && r.push(s);
+    s.width = s.right - s.left, s.height = s.bottom - s.top, s.height !== 0 && s.width !== 0 && i.push(s);
   }
   {
     const s = {
@@ -1852,355 +1897,117 @@ function Be(i, e) {
       height: 0,
       left: t.left,
       right: t.right,
-      top: i.top,
+      top: r.top,
       width: 0
     };
-    s.width = s.right - s.left, s.height = s.bottom - s.top, s.height !== 0 && s.width !== 0 && r.push(s);
+    s.width = s.right - s.left, s.height = s.bottom - s.top, s.height !== 0 && s.width !== 0 && i.push(s);
   }
   {
     const s = {
-      bottom: i.bottom,
+      bottom: r.bottom,
       height: 0,
       left: t.left,
       right: t.right,
       top: t.bottom,
       width: 0
     };
-    s.width = s.right - s.left, s.height = s.bottom - s.top, s.height !== 0 && s.width !== 0 && r.push(s);
+    s.width = s.right - s.left, s.height = s.bottom - s.top, s.height !== 0 && s.width !== 0 && i.push(s);
   }
   {
     const s = {
-      bottom: i.bottom,
+      bottom: r.bottom,
       height: 0,
       left: t.right,
-      right: i.right,
-      top: i.top,
+      right: r.right,
+      top: r.top,
       width: 0
     };
-    s.width = s.right - s.left, s.height = s.bottom - s.top, s.height !== 0 && s.width !== 0 && r.push(s);
+    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), s = Math.max(i.top, e.top), n = 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: n,
     height: Math.max(0, n - s),
     left: t,
-    right: r,
+    right: i,
     top: s,
-    width: Math.max(0, r - t)
+    width: Math.max(0, i - t)
   };
 }
-function ot(i, e, t) {
-  return (i.left < e.right || t >= 0 && A(i.left, e.right, t)) && (e.left < i.right || t >= 0 && A(e.left, i.right, t)) && (i.top < e.bottom || t >= 0 && A(i.top, e.bottom, t)) && (e.top < i.bottom || t >= 0 && A(e.top, i.bottom, t));
+function 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 A(i, e, t) {
-  return Math.abs(i - e) <= t;
+function N(r, e, t) {
+  return Math.abs(r - e) <= t;
 }
-var F = [], _t = function() {
-  return F.some(function(i) {
-    return i.activeTargets.length > 0;
-  });
-}, Vt = function() {
-  return F.some(function(i) {
-    return i.skippedTargets.length > 0;
-  });
-}, We = "ResizeObserver loop completed with undelivered notifications.", jt = function() {
-  var i;
-  typeof ErrorEvent == "function" ? i = new ErrorEvent("error", {
-    message: We
-  }) : (i = document.createEvent("Event"), i.initEvent("error", !1, !1), i.message = We), window.dispatchEvent(i);
-}, G;
-(function(i) {
-  i.BORDER_BOX = "border-box", i.CONTENT_BOX = "content-box", i.DEVICE_PIXEL_CONTENT_BOX = "device-pixel-content-box";
-})(G || (G = {}));
-var k = function(i) {
-  return Object.freeze(i);
-}, Xt = function() {
-  function i(e, t) {
-    this.inlineSize = e, this.blockSize = t, k(this);
-  }
-  return i;
-}(), at = function() {
-  function i(e, t, r, s) {
-    return this.x = e, this.y = t, this.width = r, this.height = s, this.top = this.y, this.left = this.x, this.bottom = this.top + this.height, this.right = this.left + this.width, k(this);
-  }
-  return i.prototype.toJSON = function() {
-    var e = this, t = e.x, r = e.y, s = e.top, n = e.right, o = e.bottom, a = e.left, h = e.width, c = e.height;
-    return { x: t, y: r, top: s, right: n, bottom: o, left: a, width: h, height: c };
-  }, i.fromRect = function(e) {
-    return new i(e.x, e.y, e.width, e.height);
-  }, i;
-}(), Pe = function(i) {
-  return i instanceof SVGElement && "getBBox" in i;
-}, lt = function(i) {
-  if (Pe(i)) {
-    var e = i.getBBox(), t = e.width, r = e.height;
-    return !t && !r;
-  }
-  var s = i, n = s.offsetWidth, o = s.offsetHeight;
-  return !(n || o || i.getClientRects().length);
-}, Fe = function(i) {
-  var e;
-  if (i instanceof Element)
-    return !0;
-  var t = (e = i == null ? void 0 : i.ownerDocument) === null || e === void 0 ? void 0 : e.defaultView;
-  return !!(t && i instanceof t.Element);
-}, Gt = function(i) {
-  switch (i.tagName) {
-    case "INPUT":
-      if (i.type !== "image")
-        break;
-    case "VIDEO":
-    case "AUDIO":
-    case "EMBED":
-    case "OBJECT":
-    case "CANVAS":
-    case "IFRAME":
-    case "IMG":
-      return !0;
-  }
-  return !1;
-}, X = typeof window < "u" ? window : {}, ee = /* @__PURE__ */ new WeakMap(), ke = /auto|scroll/, Yt = /^tb|vertical/, Zt = /msie|trident/i.test(X.navigator && X.navigator.userAgent), R = function(i) {
-  return parseFloat(i || "0");
-}, $ = function(i, e, t) {
-  return i === void 0 && (i = 0), e === void 0 && (e = 0), t === void 0 && (t = !1), new Xt((t ? e : i) || 0, (t ? i : e) || 0);
-}, Ue = k({
-  devicePixelContentBoxSize: $(),
-  borderBoxSize: $(),
-  contentBoxSize: $(),
-  contentRect: new at(0, 0, 0, 0)
-}), ht = function(i, e) {
-  if (e === void 0 && (e = !1), ee.has(i) && !e)
-    return ee.get(i);
-  if (lt(i))
-    return ee.set(i, Ue), Ue;
-  var t = getComputedStyle(i), r = Pe(i) && i.ownerSVGElement && i.getBBox(), s = !Zt && t.boxSizing === "border-box", n = Yt.test(t.writingMode || ""), o = !r && ke.test(t.overflowY || ""), a = !r && ke.test(t.overflowX || ""), h = r ? 0 : R(t.paddingTop), c = r ? 0 : R(t.paddingRight), u = r ? 0 : R(t.paddingBottom), p = r ? 0 : R(t.paddingLeft), d = r ? 0 : R(t.borderTopWidth), f = r ? 0 : R(t.borderRightWidth), v = r ? 0 : R(t.borderBottomWidth), g = r ? 0 : R(t.borderLeftWidth), y = p + c, x = h + u, S = g + f, m = d + v, E = a ? i.offsetHeight - m - i.clientHeight : 0, P = o ? i.offsetWidth - S - i.clientWidth : 0, Y = s ? y + S : 0, Z = s ? x + m : 0, D = r ? r.width : R(t.width) - Y - P, B = r ? r.height : R(t.height) - Z - E, J = D + y + P + S, K = B + x + E + m, U = k({
-    devicePixelContentBoxSize: $(Math.round(D * devicePixelRatio), Math.round(B * devicePixelRatio), n),
-    borderBoxSize: $(J, K, n),
-    contentBoxSize: $(D, B, n),
-    contentRect: new at(p, h, D, B)
-  });
-  return ee.set(i, U), U;
-}, ct = function(i, e, t) {
-  var r = ht(i, t), s = r.borderBoxSize, n = r.contentBoxSize, o = r.devicePixelContentBoxSize;
-  switch (e) {
-    case G.DEVICE_PIXEL_CONTENT_BOX:
-      return o;
-    case G.BORDER_BOX:
-      return s;
-    default:
-      return n;
-  }
-}, Jt = function() {
-  function i(e) {
-    var t = ht(e);
-    this.target = e, this.contentRect = t.contentRect, this.borderBoxSize = k([t.borderBoxSize]), this.contentBoxSize = k([t.contentBoxSize]), this.devicePixelContentBoxSize = k([t.devicePixelContentBoxSize]);
-  }
-  return i;
-}(), ut = function(i) {
-  if (lt(i))
-    return 1 / 0;
-  for (var e = 0, t = i.parentNode; t; )
-    e += 1, t = t.parentNode;
+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;
-}, Kt = function() {
-  var i = 1 / 0, e = [];
-  F.forEach(function(o) {
-    if (o.activeTargets.length !== 0) {
-      var a = [];
-      o.activeTargets.forEach(function(c) {
-        var u = new Jt(c.target), p = ut(c.target);
-        a.push(u), c.lastReportedSize = ct(c.target, c.observedBox), p < i && (i = p);
-      }), e.push(function() {
-        o.callback.call(o.observer, a, o.observer);
-      }), o.activeTargets.splice(0, o.activeTargets.length);
-    }
-  });
-  for (var t = 0, r = e; t < r.length; t++) {
-    var s = r[t];
-    s();
-  }
-  return i;
-}, He = function(i) {
-  F.forEach(function(t) {
-    t.activeTargets.splice(0, t.activeTargets.length), t.skippedTargets.splice(0, t.skippedTargets.length), t.observationTargets.forEach(function(s) {
-      s.isActive() && (ut(s.target) > i ? t.activeTargets.push(s) : t.skippedTargets.push(s));
-    });
-  });
-}, Qt = function() {
-  var i = 0;
-  for (He(i); _t(); )
-    i = Kt(), He(i);
-  return Vt() && jt(), i > 0;
-}, de, dt = [], ei = function() {
-  return dt.splice(0).forEach(function(i) {
-    return i();
-  });
-}, ti = function(i) {
-  if (!de) {
-    var e = 0, t = document.createTextNode(""), r = { characterData: !0 };
-    new MutationObserver(function() {
-      return ei();
-    }).observe(t, r), de = function() {
-      t.textContent = "".concat(e ? e-- : e++);
-    };
-  }
-  dt.push(i), de();
-}, ii = function(i) {
-  ti(function() {
-    requestAnimationFrame(i);
+}
+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);
   });
-}, se = 0, ri = function() {
-  return !!se;
-}, si = 250, ni = { attributes: !0, characterData: !0, childList: !0, subtree: !0 }, $e = [
-  "resize",
-  "load",
-  "transitionend",
-  "animationend",
-  "animationstart",
-  "animationiteration",
-  "keyup",
-  "keydown",
-  "mouseup",
-  "mousedown",
-  "mouseover",
-  "mouseout",
-  "blur",
-  "focus"
-], qe = function(i) {
-  return i === void 0 && (i = 0), Date.now() + i;
-}, pe = !1, oi = function() {
-  function i() {
-    var e = this;
-    this.stopped = !0, this.listener = function() {
-      return e.schedule();
-    };
-  }
-  return i.prototype.run = function(e) {
-    var t = this;
-    if (e === void 0 && (e = si), !pe) {
-      pe = !0;
-      var r = qe(e);
-      ii(function() {
-        var s = !1;
-        try {
-          s = Qt();
-        } finally {
-          if (pe = !1, e = r - qe(), !ri())
-            return;
-          s ? t.run(1e3) : e > 0 ? t.run(e) : t.start();
-        }
-      });
-    }
-  }, i.prototype.schedule = function() {
-    this.stop(), this.run();
-  }, i.prototype.observe = function() {
-    var e = this, t = function() {
-      return e.observer && e.observer.observe(document.body, ni);
-    };
-    document.body ? t() : X.addEventListener("DOMContentLoaded", t);
-  }, i.prototype.start = function() {
-    var e = this;
-    this.stopped && (this.stopped = !1, this.observer = new MutationObserver(this.listener), this.observe(), $e.forEach(function(t) {
-      return X.addEventListener(t, e.listener, !0);
-    }));
-  }, i.prototype.stop = function() {
-    var e = this;
-    this.stopped || (this.observer && this.observer.disconnect(), $e.forEach(function(t) {
-      return X.removeEventListener(t, e.listener, !0);
-    }), this.stopped = !0);
-  }, i;
-}(), me = new oi(), _e = function(i) {
-  !se && i > 0 && me.start(), se += i, !se && me.stop();
-}, ai = function(i) {
-  return !Pe(i) && !Gt(i) && getComputedStyle(i).display === "inline";
-}, li = function() {
-  function i(e, t) {
-    this.target = e, this.observedBox = t || G.CONTENT_BOX, this.lastReportedSize = {
-      inlineSize: 0,
-      blockSize: 0
-    };
-  }
-  return i.prototype.isActive = function() {
-    var e = ct(this.target, this.observedBox, !0);
-    return ai(this.target) && (this.lastReportedSize = e), this.lastReportedSize.inlineSize !== e.inlineSize || this.lastReportedSize.blockSize !== e.blockSize;
-  }, i;
-}(), hi = function() {
-  function i(e, t) {
-    this.activeTargets = [], this.skippedTargets = [], this.observationTargets = [], this.observer = e, this.callback = t;
+}
+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;
-}(), te = /* @__PURE__ */ new WeakMap(), Ve = function(i, e) {
-  for (var t = 0; t < i.length; t += 1)
-    if (i[t].target === e)
-      return t;
-  return -1;
-}, ie = function() {
-  function i() {
-  }
-  return i.connect = function(e, t) {
-    var r = new hi(e, t);
-    te.set(e, r);
-  }, i.observe = function(e, t, r) {
-    var s = te.get(e), n = s.observationTargets.length === 0;
-    Ve(s.observationTargets, t) < 0 && (n && F.push(s), s.observationTargets.push(new li(t, r && r.box)), _e(1), me.schedule());
-  }, i.unobserve = function(e, t) {
-    var r = te.get(e), s = Ve(r.observationTargets, t), n = r.observationTargets.length === 1;
-    s >= 0 && (n && F.splice(F.indexOf(r), 1), r.observationTargets.splice(s, 1), _e(-1));
-  }, i.disconnect = function(e) {
-    var t = this, r = te.get(e);
-    r.observationTargets.slice().forEach(function(s) {
-      return t.unobserve(e, s.target);
-    }), r.activeTargets.splice(0, r.activeTargets.length);
-  }, i;
-}(), pt = function() {
-  function i(e) {
-    if (arguments.length === 0)
-      throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");
-    if (typeof e != "function")
-      throw new TypeError("Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.");
-    ie.connect(this, e);
-  }
-  return i.prototype.observe = function(e, t) {
-    if (arguments.length === 0)
-      throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': 1 argument required, but only 0 present.");
-    if (!Fe(e))
-      throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");
-    ie.observe(this, e, t);
-  }, i.prototype.unobserve = function(e) {
-    if (arguments.length === 0)
-      throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': 1 argument required, but only 0 present.");
-    if (!Fe(e))
-      throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");
-    ie.unobserve(this, e);
-  }, i.prototype.disconnect = function() {
-    ie.disconnect(this);
-  }, i.toString = function() {
-    return "function ResizeObserver () { [polyfill code] }";
-  }, i;
-}();
-function ci(i, e) {
-  return i.document.documentElement.style.getPropertyValue(e);
-}
-function ge(i, e, t) {
-  i.document.documentElement.style.setProperty(e, t);
-}
-function ft(i, e) {
-  i.document.documentElement.style.removeProperty(e);
-}
-const ui = window.ResizeObserver || pt;
-var di = /* @__PURE__ */ ((i) => (i.Wrap = "wrap", i.Viewport = "viewport", i.Bounds = "bounds", i.Page = "page", i))(di || {}), pi = /* @__PURE__ */ ((i) => (i.Boxes = "boxes", i.Bounds = "bounds", i))(pi || {});
-const fi = "Highlight" in window, je = ["IMG", "IMAGE", "AUDIO", "VIDEO", "SVG"];
-class mi {
+  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, s) {
-    this.wnd = e, this.comms = t, this.id = r, this.name = s, this.items = [], this.lastItemId = 0, this.container = void 0, this.activateable = !1, this.experimentalHighlights = !1, this.currentRender = 0, fi && (this.experimentalHighlights = !0, this.notTextFlag = /* @__PURE__ */ new Map());
+  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;
@@ -2214,17 +2021,17 @@ class mi {
    */
   add(e) {
     var o, a, h, c;
-    const t = `${this.id}-${this.lastItemId++}`, r = Oe(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 s = r.commonAncestorContainer;
-    s.nodeType !== Node.TEXT_NODE && this.experimentalHighlights && (je.includes(s.nodeName.toUpperCase()) && ((o = this.notTextFlag) == null || o.set(t, !0)), s.querySelector(je.join(", ").toLowerCase()) && ((a = this.notTextFlag) == null || a.set(t, !0)), (((h = s.textContent) == null ? void 0 : h.trim()) || "").length === 0 && ((c = this.notTextFlag) == null || c.set(t, !0)));
+    const 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(n), this.layout(n), this.renderLayout([n]);
   }
@@ -2237,12 +2044,12 @@ class mi {
     const t = this.items.findIndex((o) => o.decoration.id === e);
     if (t < 0)
       return;
-    const r = this.items[t];
-    if (this.items.splice(t, 1), r.clickableElements = void 0, r.container && (r.container.remove(), r.container = void 0), this.experimentalHighlights && !((s = this.notTextFlag) != null && s.has(r.id))) {
+    const 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);
     }
-    (n = this.notTextFlag) == null || n.delete(r.id);
+    (n = this.notTextFlag) == null || n.delete(i.id);
   }
   /**
    * Notifies that the given decoration was modified and needs to be updated.
@@ -2267,8 +2074,8 @@ class mi {
   }
   experimentalLayout(e) {
     var s, n;
-    const [t, r] = this.requireContainer(!0);
-    r.add(e.range), t.innerHTML = `
+    const [t, i] = this.requireContainer(!0);
+    i.add(e.range), t.innerHTML = `
         ::highlight(${this.id}) {
             color: black;
             background-color: ${((n = (s = e.decoration) == null ? void 0 : s.style) == null ? void 0 : n.tint) ?? "yellow"};
@@ -2279,39 +2086,39 @@ class mi {
    * @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, s = parseInt(
+    const i = this.wnd.innerWidth, s = parseInt(
       getComputedStyle(this.wnd.document.documentElement).getPropertyValue(
         "column-count"
       )
-    ), n = r / (s || 1), o = this.wnd.document.scrollingElement, a = o.scrollLeft, h = o.scrollTop, c = (m, E, P) => {
-      var Y, Z, D, B, J, K;
-      if (m.style.position = "absolute", ((Z = (Y = e.decoration) == null ? void 0 : Y.style) == null ? void 0 : Z.width) === "viewport") {
-        m.style.width = `${r}px`, m.style.height = `${E.height}px`;
-        let U = Math.floor(E.left / r) * r;
-        m.style.left = `${U + a}px`, m.style.top = `${E.top + h}px`;
-      } else if (((B = (D = e.decoration) == null ? void 0 : D.style) == null ? void 0 : B.width) === "bounds")
-        m.style.width = `${P.width}px`, m.style.height = `${E.height}px`, m.style.left = `${P.left + a}px`, m.style.top = `${E.top + h}px`;
-      else if (((K = (J = e.decoration) == null ? void 0 : J.style) == null ? void 0 : K.width) === "page") {
-        m.style.width = `${n}px`, m.style.height = `${E.height}px`;
-        let U = Math.floor(E.left / n) * n;
-        m.style.left = `${U + a}px`, m.style.top = `${E.top + h}px`;
+    ), 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 = ci(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("; ")}"
@@ -2319,19 +2126,19 @@ class mi {
         </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 = kt(
+      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(
@@ -2340,12 +2147,12 @@ class mi {
   }
   renderLayout(e) {
     this.wnd.cancelAnimationFrame(this.currentRender), this.currentRender = this.wnd.requestAnimationFrame(() => {
-      if (e = e.filter((r) => {
+      if (e = e.filter((i) => {
         var s;
-        return !this.experimentalHighlights || !!((s = this.notTextFlag) != null && s.has(r.id));
+        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));
     });
   }
   /**
@@ -2356,8 +2163,8 @@ class mi {
     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;
   }
@@ -2368,7 +2175,7 @@ class mi {
     this.experimentalHighlights && this.wnd.CSS.highlights.delete(this.id), this.container && (this.container.remove(), this.container = void 0);
   }
 }
-const mt = class ve extends ce {
+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);
   }
@@ -2383,9 +2190,9 @@ const mt = class ve extends ce {
     }, 50);
   }
   mount(e, t) {
-    return this.wnd = e, t.register("decorate", ve.moduleName, (r, s) => {
-      const n = r;
-      n.decoration && n.decoration.locator && (n.decoration.locator = I.deserialize(n.decoration.locator)), this.groups.has(n.group) || this.groups.set(n.group, new mi(
+    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++}`,
@@ -2407,15 +2214,15 @@ const mt = class ve extends ce {
           break;
       }
       s(!0);
-    }), this.resizeObserver = new ui(() => e.requestAnimationFrame(() => this.handleResize())), this.resizeObserver.observe(e.document.body), e.addEventListener("orientationchange", this.handleResizer), e.addEventListener("resize", this.handleResizer), t.log("Decorator Mounted"), !0;
+    }), 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(ve.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;
   }
 };
-mt.moduleName = "decorator";
-let gi = mt;
-const Xe = "readium-snapper-style", gt = class ye extends ce {
+Ve.moduleName = "decorator";
+let Dt = Ve;
+const Ae = "readium-snapper-style", _e = class ee extends Y {
   constructor() {
     super(...arguments), this.protected = !1;
   }
@@ -2427,48 +2234,53 @@ const Xe = "readium-snapper-style", gt = class ye extends ce {
         }`;
   }
   mount(e, t) {
-    const r = e.document.createElement("style");
-    return r.dataset.readium = "true", r.id = Xe, r.textContent = this.buildStyles(), e.document.head.appendChild(r), t.register("protect", ye.moduleName, (s, n) => {
-      this.protected = !0, r.textContent = this.buildStyles(), n(!0);
-    }), t.register("unprotect", ye.moduleName, (s, n) => {
-      this.protected = !1, r.textContent = this.buildStyles(), n(!0);
+    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(Xe)) == null || r.remove(), t.log("Snapper Unmounted"), !0;
+    var i;
+    return (i = e.document.getElementById(Ae)) == null || i.remove(), t.log("Snapper Unmounted"), !0;
   }
 };
-gt.moduleName = "snapper";
-let vt = gt;
-function W(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 yt(i) {
+function Ge(r) {
   return parseInt(
-    i.getComputedStyle(
-      i.document.documentElement
+    r.getComputedStyle(
+      r.document.documentElement
     ).getPropertyValue("column-count")
   );
 }
-function vi(i) {
-  const e = "readium-virtual-page";
-  let t = i.document.getElementById(e);
-  if (yt(i) !== 2)
-    t && t.remove();
-  else {
-    const s = i.document.scrollingElement.scrollWidth / i.innerWidth;
-    Math.round(s * 2) / 2 % 1 > 0.1 && (t ? t.remove() : (t = i.document.createElement("div"), t.setAttribute("id", e), t.dataset.readium = "true", t.style.breakBefore = "column", t.innerHTML = "&#8203;", i.document.body.appendChild(t)));
-  }
+function 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 yi(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 bi = [
+const Ft = [
   "a",
   "audio",
   "button",
@@ -2482,46 +2294,57 @@ const bi = [
   "textarea",
   "video"
 ];
-function bt(i) {
+function Ye(r) {
   var e;
-  return bi.indexOf(i.nodeName.toLowerCase()) !== -1 || i.hasAttribute("contenteditable") && ((e = i.getAttribute("contenteditable")) == null ? void 0 : e.toLowerCase()) !== "false" ? i : i.parentElement ? bt(i.parentElement) : null;
+  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 Et(i, e) {
-  const t = xt(i, i.document.body, e);
-  return new I({
+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 D({
     href: "#",
     type: "application/xhtml+xml",
-    locations: new w({
+    locations: new x({
       otherLocations: /* @__PURE__ */ new Map([
-        ["cssSelector", i._readium_cssSelectorGenerator.getCssSelector(t)]
+        ["cssSelector", i]
       ])
     }),
-    text: new q({
+    text: new U({
       highlight: t.textContent || void 0
     })
   });
 }
-function xt(i, e, t) {
-  for (var r = 0; r < e.children.length; r++) {
-    const s = e.children[r];
-    if (!xi(s) && Ei(i, s, t))
-      return xt(i, s, t);
+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 Ei(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;
-}
-function xi(i) {
-  const e = getComputedStyle(i);
-  return !!(e && (e.getPropertyValue("display") != "block" || e.getPropertyValue("opacity") === "0"));
+  const i = e.getBoundingClientRect();
+  return t ? i.bottom > 0 && i.top < r.innerHeight : i.right > 0 && i.left < r.innerWidth;
+}
+function Ut(r, e) {
+  const t = e.getBoundingClientRect();
+  return t.top >= 0 && t.left >= 0 && t.bottom <= r.innerHeight && t.right <= r.innerWidth;
+}
+function kt(r) {
+  const e = getComputedStyle(r);
+  if (e) {
+    const t = e.getPropertyValue("display");
+    if (t != "block" && t != "list-item" || e.getPropertyValue("opacity") === "0")
+      return !0;
+  }
+  return !1;
 }
-const Ge = "readium-column-snapper-style", wi = 200, wt = class C extends vt {
+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);
   }
@@ -2557,28 +2380,28 @@ const Ge = "readium-column-snapper-style", wi = 200, wt = class C extends vt {
   }
   // Snaps the current offset to the page width.
   snapCurrentOffset(e = !1, t = !1) {
-    const r = this.wnd.scrollX > 0 ? this.wnd.scrollX : this.alreadyScrollLeft, s = this.doc(), n = this.dragOffset(), o = yt(this.wnd), a = Math.min(Math.max(0, r), this.cachedScrollWidth), h = W(this.wnd) ? -1 : 1, c = (
+    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 * n > 0 ? 2 : 1)
-    ), u = this.snapOffset(a + c);
-    if (e && u !== this.scrollOffset()) {
+    ), 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) * yi(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 : */
-        wi * 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);
-        s.scrollLeft = S, this.overscroll !== 0 && (s.style.transform = `translate3d(${-x}px, 0px, 0px)`), y < d ? this.wnd.requestAnimationFrame(v) : (this.clearTouches(), s.style.removeProperty("transform"), s.scrollLeft = u, t || this.reportProgress());
+        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
       s.style.removeProperty("transform"), this.wnd.requestAnimationFrame(() => {
-        s.scrollLeft = u, this.clearTouches(), t || this.reportProgress();
+        s.scrollLeft = d, this.clearTouches(), t || this.reportProgress();
       });
   }
   dragOffset() {
@@ -2603,8 +2426,8 @@ const Ge = "readium-column-snapper-style", wi = 200, wt = class C extends vt {
   }
   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;
   }
@@ -2615,15 +2438,15 @@ const Ge = "readium-column-snapper-style", wi = 200, wt = class C extends vt {
     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 = Ge, 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);}
@@ -2657,131 +2480,121 @@ const Ge = "readium-column-snapper-style", wi = 200, wt = class C extends vt {
         body::-webkit-scrollbar {
             display: none; /* for Chrome, Safari, and Opera */
         }
-        `, e.document.head.appendChild(r);
-    const s = e.ResizeObserver || pt;
-    this.resizeObserver = new s(() => e.requestAnimationFrame(() => {
-      e && vi(e);
-    })), this.resizeObserver.observe(e.document.body), this.mutationObserver = new MutationObserver(() => {
-      this.wnd.requestAnimationFrame(() => this.cachedScrollWidth = this.doc().scrollWidth);
-    }), e.frameElement && this.mutationObserver.observe(e.frameElement, { attributes: !0, attributeFilter: ["style"] }), this.mutationObserver.observe(e.document, { attributes: !0, attributeFilter: ["style"] });
-    const n = (o) => {
-      const a = this.doc().scrollLeft;
-      return this.doc().scrollLeft = this.snapOffset(o), a !== this.doc().scrollLeft;
+        `, 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 = W(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 = q.deserialize(o), u = Oe(this.wnd.document, new I({
+    }), 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 = W(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 = W(e) ? -(this.cachedScrollWidth - e.innerWidth) : 0, u = n(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 = W(e) ? 0 : this.cachedScrollWidth - e.innerWidth, u = n(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 = Et(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(Ge)) == 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);
   }
 };
-wt.moduleName = "column_snapper";
-let Ti = wt;
-const he = {
-  top: "js-iframe-reader-top-anchor",
-  bottom: "js-iframe-reader-bottom-anchor"
-};
-class Si extends HTMLElement {
-  connectedCallback() {
-    this.setAttribute("aria-hidden", "true"), this.style.setProperty("display", "block", "important"), this.style.setProperty("padding", "0", "important"), this.style.setProperty("margin", "0", "important"), this.style.setProperty("visibility", "hidden", "important");
-  }
-}
-function Ci(i) {
-  const e = i.getElementsByTagName("body")[0], t = document.createElement("anchor-observer"), r = document.createElement("anchor-observer");
-  t.dataset.readium = "true", r.dataset.readium = "true", t == null || t.setAttribute("id", he.top), t == null || t.style.setProperty("height", "115px", "important"), r == null || r.setAttribute("id", he.bottom), r == null || r.style.setProperty("height", "80px", "important"), e == null || e.insertBefore(t, e.firstChild), e == null || e.appendChild(r);
-}
-function Oi(i) {
-  var s, n;
-  const e = i.getElementsByTagName("body")[0], t = e == null ? void 0 : e.querySelector(`#${he.top}`), r = e == null ? void 0 : e.querySelector(`#${he.bottom}`);
-  t && ((s = t.parentElement) == null || s.removeChild(t)), r && ((n = r.parentElement) == null || n.removeChild(r));
-}
-const Ye = "readium-scroll-snapper-style", Tt = class M extends vt {
+Je.moduleName = "column_snapper";
+let $t = Je;
+const Le = "readium-scroll-snapper-style", Qe = class A extends Xe {
   constructor() {
-    super(...arguments), this.createAnchorElements = () => {
-      Ci(this.doc());
-    }, this.removeAnchorElements = () => {
-      Oi(this.doc());
-    }, this.createCustomElement = () => {
-      customElements.get("anchor-observer") || customElements.define("anchor-observer", Si);
+    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() {
@@ -2792,8 +2605,8 @@ const Ye = "readium-scroll-snapper-style", Tt = class M extends vt {
   }
   mount(e, t) {
     this.wnd = e, this.comms = t, e.navigator.epubReadingSystem.layoutStyle = "scrolling";
-    const r = e.document.createElement("style");
-    return r.dataset.readium = "true", r.id = Ye, r.textContent = `
+    const i = e.document.createElement("style");
+    return i.dataset.readium = "true", i.id = Le, i.textContent = `
         * {
             scrollbar-width: none; /* for Firefox */
         }
@@ -2801,7 +2614,11 @@ const Ye = "readium-scroll-snapper-style", Tt = class M extends vt {
         body::-webkit-scrollbar {
             display: none; /* for Chrome, Safari, and Opera */
         }
-        `, e.document.head.appendChild(r), t.register("go_progression", M.moduleName, (s, 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", {
@@ -2812,7 +2629,7 @@ const Ye = "readium-scroll-snapper-style", Tt = class M extends vt {
       this.wnd.requestAnimationFrame(() => {
         this.doc().scrollTop = this.doc().offsetHeight * o, this.reportProgress({ progress: o, reference: this.wnd.innerHeight / this.doc().scrollHeight }), T(this.wnd), n(!0);
       });
-    }), t.register("go_id", M.moduleName, (s, n) => {
+    }), t.register("go_id", A.moduleName, (s, n) => {
       const o = e.document.getElementById(s);
       if (!o) {
         n(!1);
@@ -2823,14 +2640,14 @@ const Ye = "readium-scroll-snapper-style", Tt = class M extends vt {
         const a = this.doc().scrollTop / this.doc().offsetHeight;
         this.reportProgress({ progress: a, reference: this.wnd.innerHeight / this.doc().scrollHeight }), T(this.wnd), n(!0);
       });
-    }), t.register("go_text", M.moduleName, (s, n) => {
+    }), t.register("go_text", A.moduleName, (s, n) => {
       let o;
       Array.isArray(s) && (s.length > 1 && (o = s[1]), s = s[0]);
-      const a = q.deserialize(s), h = Oe(this.wnd.document, new I({
+      const a = 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]
           ])
@@ -2845,35 +2662,35 @@ const Ye = "readium-scroll-snapper-style", Tt = class M extends vt {
         const c = this.doc().scrollTop / this.doc().offsetHeight;
         this.reportProgress({ progress: c, reference: this.wnd.innerHeight / this.doc().scrollHeight }), T(this.wnd), n(!0);
       });
-    }), t.register("go_start", M.moduleName, (s, n) => {
+    }), t.register("go_start", A.moduleName, (s, n) => {
       if (this.doc().scrollTop === 0)
         return n(!1);
       this.doc().scrollTop = 0, this.reportProgress({ progress: 0, reference: this.wnd.innerHeight / this.doc().scrollHeight }), n(!0);
-    }), t.register("go_end", M.moduleName, (s, n) => {
+    }), t.register("go_end", A.moduleName, (s, n) => {
       if (this.doc().scrollTop === 0)
         return n(!1);
       this.doc().scrollTop = 0, this.reportProgress({ progress: 0, reference: this.wnd.innerHeight / this.doc().scrollHeight }), n(!0);
-    }), t.register("unfocus", M.moduleName, (s, n) => {
+    }), t.register("unfocus", A.moduleName, (s, n) => {
       T(this.wnd), n(!0);
     }), t.register([
       "go_next",
       "go_prev"
-    ], M.moduleName, (s, n) => n(!1)), t.register("focus", M.moduleName, (s, n) => {
+    ], 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 }), n(!0);
-    }), t.register("first_visible_locator", M.moduleName, (s, n) => {
-      const o = Et(e, !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"), this.createCustomElement(), this.createAnchorElements(), !0;
+    }), t.log("ScrollSnapper Mounted"), !0;
   }
   unmount(e, t) {
-    var r;
-    return t.unregisterAll(M.moduleName), this.removeAnchorElements(), (r = e.document.getElementById(Ye)) == null || r.remove(), t.log("ScrollSnapper Unmounted"), !0;
+    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;
   }
 };
-Tt.moduleName = "scroll_snapper";
-let Pi = Tt;
-class St extends ce {
+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);
   }
@@ -2884,12 +2701,12 @@ class St extends ce {
       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);
@@ -2900,14 +2717,14 @@ class St extends ce {
     }
     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 = bt(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;
   }
@@ -2943,8 +2760,8 @@ class St extends ce {
     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;
   }
 }
-St.moduleName = "peripherals";
-const Ct = class be extends ce {
+et.moduleName = "peripherals";
+const tt = class te extends Y {
   constructor() {
     super(...arguments), this.mediaPlayingCount = 0, this.allAnimations = /* @__PURE__ */ new Set();
   }
@@ -2960,13 +2777,13 @@ const Ct = class be extends ce {
   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 s = r[1], n = r[2];
+          const s = i[1], n = i[2];
           e.removeEventListener(s.type, e._readium_eventBlocker, !0);
           const o = new Event(s.type, {
             bubbles: s.bubbles,
@@ -2987,8 +2804,8 @@ const Ct = class be extends ce {
   }
   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(
@@ -2998,7 +2815,7 @@ const Ct = class be extends ce {
     ), Reflect.defineProperty(e.navigator, "epubReadingSystem", {
       value: {
         name: "readium-ts-toolkit",
-        version: "1.3.2",
+        version: "2.0.0-beta.1",
         hasFeature: (s, n = "") => {
           switch (s) {
             case "dom-manipulation":
@@ -3023,16 +2840,16 @@ const Ct = class be extends ce {
       writable: !1
     }), "getAnimations" in e.document && e.document.getAnimations().forEach((s) => {
       s.cancel(), this.allAnimations.add(s);
-    }), t.register("activate", be.moduleName, (s, n) => {
+    }), t.register("activate", te.moduleName, (s, n) => {
       this.allAnimations.forEach((o) => {
         o.cancel(), o.play();
       }), n(!0);
-    }), t.register("unfocus", be.moduleName, (s, n) => {
+    }), 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 s = 0; s < r.length; s++) {
-      const n = r[s];
+    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
       }), n.addEventListener("pause", this.onMediaPauseEvent, {
@@ -3042,48 +2859,52 @@ const Ct = class be extends ce {
     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;
   }
 };
-Ct.moduleName = "setup";
-let Ot = Ct;
-const Ze = "readium-viewport", Pt = class V extends Ot {
+tt.moduleName = "setup";
+let it = tt;
+const Re = "readium-viewport", rt = class F extends it {
   onViewportWidthChanged(e) {
     const t = e.target;
-    ge(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", Ze), 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", V.moduleName, (s, n) => {
+    }), 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;
-      ge(e, o[0], o[1]), n(!0);
-    }), t.register("remove_property", V.moduleName, (s, n) => {
-      ft(e, s), n(!0);
-    }), t.register("activate", V.moduleName, (s, n) => {
+      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(V.moduleName), (r = e.document.head.querySelector(`#${Ze}`)) == 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);
   }
 };
-Pt.moduleName = "reflowable_setup";
-let Ai = Pt;
-const Je = "readium-fixed-style", At = class L extends Ot {
+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 = Je, 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;
@@ -3095,11 +2916,11 @@ const Je = "readium-fixed-style", At = class L extends Ot {
             min-height: 100%;
 
             /*cursor: var() TODO*/
-        }`, e.document.head.appendChild(r), t.register("set_property", L.moduleName, (s, n) => {
+        }`, e.document.head.appendChild(i), t.register("set_property", L.moduleName, (s, n) => {
       const o = s;
-      ge(e, o[0], o[1]), n(!0);
+      G(e, o[0], o[1]), n(!0);
     }), t.register("remove_property", L.moduleName, (s, n) => {
-      ft(e, s), n(!0);
+      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([
@@ -3116,43 +2937,43 @@ const Je = "readium-fixed-style", At = class L extends Ot {
     }), t.log("FixedSetup Mounted"), !0;
   }
   unmount(e, t) {
-    var r;
-    return t.unregisterAll(L.moduleName), (r = e.document.getElementById(Je)) == 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);
   }
 };
-At.moduleName = "fixed_setup";
-let Mi = At;
-const Ri = [
+st.moduleName = "fixed_setup";
+let Vt = st;
+const _t = [
   "fixed_setup",
   "decorator",
   "peripherals"
-], Ni = [
+], Xt = [
   "reflowable_setup",
   "decorator",
   "peripherals",
   "column_snapper",
   "scroll_snapper"
-], Ke = new Map([
+], De = new Map([
   // All modules go here
-  Mi,
-  Ai,
-  St,
-  gi,
-  Ti,
-  Pi
-].map((i) => [i.moduleName, i]));
-class Li {
+  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 Nt(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((s) => {
+      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;
@@ -3160,7 +2981,7 @@ class Li {
     }
   }
   loadModule(e) {
-    const t = Ke.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();
   }
   /**
@@ -3178,11 +2999,11 @@ class Li {
    * @returns Success
    */
   removeModule(e) {
-    const t = Ke.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((s) => s 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
@@ -3192,16 +3013,16 @@ class Li {
   }
 }
 export {
-  _ as COMMS_VERSION,
-  Nt as Comms,
-  gi as Decorator,
-  Ri as FXLModules,
-  pi as Layout,
-  Li as Loader,
-  ce as Module,
-  Ke as ModuleLibrary,
-  St as Peripherals,
-  Ni as ReflowableModules,
-  di as Width,
-  Rt 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
 };