react-iiif-vault 1.0.1 → 1.0.3

package/dist/canvas-panel/esm/canvas-panel.mjs

@@ -1,9 +1,9 @@
 import { jsx as x, jsxs as V, Fragment as Me } from "react/jsx-runtime";
 import * as ot from "react";
-import ge, { useContext as Q, useMemo as j, useState as J, useEffect as re, useCallback as D, createContext as ce, useRef as ve, useLayoutEffect as ur, Fragment as Je, useReducer as Gi, forwardRef as lr, useImperativeHandle as Ji } from "react";
+import ge, { useContext as Q, useMemo as j, useState as J, useEffect as re, useCallback as D, createContext as ce, useRef as ve, useLayoutEffect as lr, Fragment as Je, useReducer as Gi, forwardRef as fr, useImperativeHandle as Ji } from "react";
 import { AtlasAuto as Ki, ModeContext as Zi, mergeStyles as Xi, RegionHighlight as en, TileSet as tn, HTMLPortal as rn } from "@atlas-viewer/atlas";
-import { serialize as nn, serializeConfigPresentation2 as sn, serializeConfigPresentation3 as an, isSpecificResource as on, HAS_PART as Ke, PART_OF as Ze, frameResource as fr, normalize as cn } from "@iiif/parser";
-import { ImageServiceLoader as pr, getImageServices as un, getFixedSizeFromImage as Ht } from "@atlas-viewer/iiif-image-api";
+import { serialize as nn, serializeConfigPresentation2 as sn, serializeConfigPresentation3 as an, isSpecificResource as on, HAS_PART as Ke, PART_OF as Ze, frameResource as pr, normalize as cn } from "@iiif/parser";
+import { ImageServiceLoader as hr, getImageServices as un, getFixedSizeFromImage as Bt } from "@atlas-viewer/iiif-image-api";
 function mt(t, e) {
   return mt = Object.setPrototypeOf || function(i, n) {
     return i.__proto__ = n, i;
@@ -16,17 +16,17 @@ var fn = function(e, r) {
   return e === void 0 && (e = []), r === void 0 && (r = []), e.length !== r.length || e.some(function(i, n) {
     return !Object.is(i, r[n]);
   });
-}, Bt = {
+}, zt = {
   error: null
 }, pn = /* @__PURE__ */ function(t) {
   ln(e, t);
   function e() {
     for (var i, n = arguments.length, s = new Array(n), a = 0; a < n; a++)
       s[a] = arguments[a];
-    return i = t.call.apply(t, [this].concat(s)) || this, i.state = Bt, i.resetErrorBoundary = function() {
-      for (var o, u = arguments.length, h = new Array(u), l = 0; l < u; l++)
-        h[l] = arguments[l];
-      i.props.onReset == null || (o = i.props).onReset.apply(o, h), i.reset();
+    return i = t.call.apply(t, [this].concat(s)) || this, i.state = zt, i.resetErrorBoundary = function() {
+      for (var o, u = arguments.length, p = new Array(u), l = 0; l < u; l++)
+        p[l] = arguments[l];
+      i.props.onReset == null || (o = i.props).onReset.apply(o, p), i.reset();
     }, i;
   }
   e.getDerivedStateFromError = function(n) {
@@ -36,29 +36,29 @@ var fn = function(e, r) {
   };
   var r = e.prototype;
   return r.reset = function() {
-    this.setState(Bt);
+    this.setState(zt);
   }, r.componentDidCatch = function(n, s) {
     var a, o;
     (a = (o = this.props).onError) == null || a.call(o, n, s);
   }, r.componentDidUpdate = function(n, s) {
     var a = this.state.error, o = this.props.resetKeys;
     if (a !== null && s.error !== null && fn(n.resetKeys, o)) {
-      var u, h;
-      (u = (h = this.props).onResetKeysChange) == null || u.call(h, n.resetKeys, o), this.reset();
+      var u, p;
+      (u = (p = this.props).onResetKeysChange) == null || u.call(p, n.resetKeys, o), this.reset();
     }
   }, r.render = function() {
     var n = this.state.error, s = this.props, a = s.fallbackRender, o = s.FallbackComponent, u = s.fallback;
     if (n !== null) {
-      var h = {
+      var p = {
         error: n,
         resetErrorBoundary: this.resetErrorBoundary
       };
       if (/* @__PURE__ */ ot.isValidElement(u))
         return u;
       if (typeof a == "function")
-        return a(h);
+        return a(p);
       if (o)
-        return /* @__PURE__ */ ot.createElement(o, h);
+        return /* @__PURE__ */ ot.createElement(o, p);
       throw new Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop");
     }
     return this.props.children;
@@ -71,13 +71,13 @@ const hn = {
   canvas: void 0,
   annotation: void 0,
   annotationPage: void 0
-}, Ot = ge.createContext(hn), Ee = () => Q(Ot);
+}, Et = ge.createContext(hn), Ee = () => Q(Et);
 function et({ value: t, children: e }) {
   const r = Ee(), i = j(() => ({
     ...r,
     ...t
   }), [t, r]);
-  return /* @__PURE__ */ x(Ot.Provider, { value: i, children: e });
+  return /* @__PURE__ */ x(Et.Provider, { value: i, children: e });
 }
 var dn = Object.defineProperty, yn = (t, e, r) => e in t ? dn(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, ye = (t, e, r) => (yn(t, typeof e != "symbol" ? e + "" : e, r), r);
 const q = function(t) {
@@ -89,8 +89,8 @@ const q = function(t) {
       ...i !== void 0 && { meta: i }
     });
   };
-}, hr = "@iiif/IMPORT_ENTITIES", dr = "@iiif/MODIFY_ENTITY_FIELD", yr = "@iiif/REORDER_ENTITY_FIELD", vr = "@iiif/ADD_REFERENCE", bt = "@iiif/UPDATE_REFERENCE", gr = "@iiif/REMOVE_REFERENCE", mr = "@iiif/ADD_METADATA", br = "@iiif/REMOVE_METADATA", At = "@iiif/UPDATE_METADATA", Ar = "@iiif/REORDER_METADATA", xr = q(hr)(), vn = q(dr)(), gn = q(yr)(), mn = q(vr)(), bn = q(gr)(), An = q(bt)(), xn = q(mr)(), wn = q(At)(), Sn = q(br)(), Mn = q(Ar)(), Cn = {
-  importEntities: xr,
+}, dr = "@iiif/IMPORT_ENTITIES", yr = "@iiif/MODIFY_ENTITY_FIELD", vr = "@iiif/REORDER_ENTITY_FIELD", gr = "@iiif/ADD_REFERENCE", bt = "@iiif/UPDATE_REFERENCE", mr = "@iiif/REMOVE_REFERENCE", br = "@iiif/ADD_METADATA", Ar = "@iiif/REMOVE_METADATA", At = "@iiif/UPDATE_METADATA", xr = "@iiif/REORDER_METADATA", wr = q(dr)(), vn = q(yr)(), gn = q(vr)(), mn = q(gr)(), bn = q(mr)(), An = q(bt)(), xn = q(br)(), wn = q(At)(), Sn = q(Ar)(), Mn = q(xr)(), Cn = {
+  importEntities: wr,
   modifyEntityField: vn,
   reorderEntityField: gn,
   addReference: mn,
@@ -100,23 +100,23 @@ const q = function(t) {
   removeMetadata: Sn,
   updateMetadata: wn,
   reorderMetadata: Mn
-}, wr = "@iiif/ADD_MAPPING", Sr = "@iiif/ADD_MAPPINGS", Rn = q(wr)(), Tn = q(Sr)(), Mr = "@iiif/SET_META_VALUE", Cr = "@iiif/SET_META_VALUE_DYNAMIC", Rr = "@iiif/UNSET_META_VALUE", In = q(Mr)(), kn = q(Cr)(), On = q(Rr)(), zt = {
+}, Sr = "@iiif/ADD_MAPPING", Mr = "@iiif/ADD_MAPPINGS", Rn = q(Sr)(), Tn = q(Mr)(), Cr = "@iiif/SET_META_VALUE", Rr = "@iiif/SET_META_VALUE_DYNAMIC", Tr = "@iiif/UNSET_META_VALUE", In = q(Cr)(), kn = q(Rr)(), On = q(Tr)(), Wt = {
   setMetaValue: In,
   setMetaValueDynamic: kn,
   unsetMetaValue: On
-}, xt = "RESOURCE_ERROR", Tr = "RESOURCE_LOADING", wt = "RESOURCE_READY", Ir = "@iiif/REQUEST_RESOURCE", kr = "@iiif/REQUEST_ERROR", Or = "@iiif/REQUEST_MISMATCH", Er = "@iiif/REQUEST_COMPLETE", En = "@iiif/REQUEST_OFFLINE_RESOURCE", Pn = q(Ir)(), Pr = q(kr)(), Ln = q(Or)(), Fn = q(Er)(), Et = "@iiif/BATCH", jn = "@iiif/BATCH_IMPORT", St = q(Et)(), $n = (t, e) => {
+}, xt = "RESOURCE_ERROR", Ir = "RESOURCE_LOADING", wt = "RESOURCE_READY", kr = "@iiif/REQUEST_RESOURCE", Or = "@iiif/REQUEST_ERROR", Er = "@iiif/REQUEST_MISMATCH", Pr = "@iiif/REQUEST_COMPLETE", En = "@iiif/REQUEST_OFFLINE_RESOURCE", Pn = q(kr)(), St = q(Or)(), Ln = q(Er)(), Fn = q(Pr)(), Pt = "@iiif/BATCH", jn = "@iiif/BATCH_IMPORT", Mt = q(Pt)(), $n = (t, e) => {
   const { entities: r, resource: i, mapping: n } = cn(e);
   if (i.id === void 0)
-    return [Pr({ id: t, message: "ID is not defined in resource." })];
-  const s = [xr({ entities: r }), Tn({ mapping: n })];
+    return [St({ id: t, message: "ID is not defined in resource." })];
+  const s = [wr({ entities: r }), Tn({ mapping: n })];
   return i.id !== t && (s.push(Rn({ id: t, type: i.type })), s.push(Ln({ requestId: t, actualId: i.id }))), s.push(Fn({ id: t })), s;
-}, Wt = Number.isNaN || function(t) {
+}, Qt = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
 };
 function Dn(t, e) {
-  return !!(t === e || Wt(t) && Wt(e));
+  return !!(t === e || Qt(t) && Qt(e));
 }
-function Qt(t, e) {
+function Yt(t, e) {
   if (!Array.isArray(t) || !Array.isArray(e))
     return t === e;
   if (t.length !== e.length)
@@ -133,63 +133,79 @@ function ct(t, e, r) {
   const s = t.iiif.entities[n][i.resourceUri];
   if (s && s[Ke]) {
     const a = s[Ke].find((o) => r ? o[Ze] === r.id : o[Ze] === s.id);
-    return fr(s, a);
+    return pr(s, a);
   }
   return s;
 }
-function Yt(t, e, { waitTimeout: r = 30 } = {}) {
-  return async (i, n) => {
+function qn(t) {
+  return t && typeof t.then == "function";
+}
+function Gt(t, e, { waitTimeout: r = 30 } = {}) {
+  return (i, n) => {
     const s = t.getStore(), a = s.getState(), o = a.iiif.requests[i];
-    if (o)
+    if (o) {
+      if (o.loadingState === wt) {
+        const p = ct(a, i);
+        if (p)
+          return p;
+      }
       switch (o.loadingState) {
         case xt:
           break;
-        case Tr: {
-          let u, h = !1;
-          try {
-            const l = await Promise.race([
-              new Promise((p, v) => {
-                h || (u = s.subscribe(() => {
-                  const m = s.getState();
-                  if (m.iiif.requests[i].loadingState === xt) {
-                    v();
-                    return;
-                  }
-                  if (m.iiif.requests[i].loadingState === wt) {
-                    const d = ct(m, i);
-                    d ? p(d) : v();
-                  }
-                }));
-              }),
-              new Promise(
-                (p, v) => setTimeout(() => {
-                  h = !0, v();
-                }, r * 60 * 1e3)
-              )
-            ]);
-            if (u && u(), l)
-              return l;
-          } catch {
-            u && u();
-            break;
-          }
-          break;
-        }
-        case wt: {
-          const u = ct(a, i);
-          if (u)
-            return u;
-          break;
-        }
+        case Ir:
+          return (async () => {
+            let p, l = !1;
+            try {
+              const h = await Promise.race([
+                new Promise((v, m) => {
+                  l || (p = s.subscribe(() => {
+                    const d = s.getState();
+                    if (d.iiif.requests[i].loadingState === xt) {
+                      m();
+                      return;
+                    }
+                    if (d.iiif.requests[i].loadingState === wt) {
+                      const g = ct(d, i);
+                      g ? v(g) : m();
+                    }
+                  }));
+                }),
+                new Promise(
+                  (v, m) => setTimeout(
+                    () => {
+                      l = !0, m();
+                    },
+                    r * 60 * 1e3
+                  )
+                )
+              ]);
+              if (p && p(), h)
+                return h;
+            } catch {
+              p && p();
+            }
+          })();
       }
+    }
     t.dispatch(Pn({ id: i }));
+    const u = (p) => {
+      if (!p)
+        return;
+      !p.id && !p["@id"] && (p["@type"] && (p["@id"] = i), p.id = i);
+      const l = $n(i, p);
+      return t.dispatch(Mt({ actions: l })), ct(s.getState(), i);
+    };
     try {
-      const u = await e(i, n);
-      !u.id && !u["@id"] && (u["@type"] && (u["@id"] = i), u.id = i);
-      const h = $n(i, u);
-      return t.dispatch(St({ actions: h })), ct(s.getState(), i);
-    } catch (u) {
-      throw t.dispatch(Pr({ id: i, message: u.toString() })), u;
+      const p = e(i, n);
+      return qn(p) ? (async () => {
+        try {
+          return u(await p);
+        } catch (l) {
+          throw t.dispatch(St({ id: i, message: l.toString() })), l;
+        }
+      })() : u(p);
+    } catch (p) {
+      throw t.dispatch(St({ id: i, message: p.toString() })), p;
     }
   };
 }
@@ -208,47 +224,47 @@ function Lr() {
     Agent: {}
   };
 }
-const Gt = (t) => {
+const Jt = (t) => {
   let e;
   const r = /* @__PURE__ */ new Set(), i = (a, o) => {
     const u = typeof a == "function" ? a(e) : a;
     if (!Object.is(u, e)) {
-      const h = e;
-      e = o ?? typeof u != "object" ? u : Object.assign({}, e, u), r.forEach((l) => l(e, h));
+      const p = e;
+      e = o ?? typeof u != "object" ? u : Object.assign({}, e, u), r.forEach((l) => l(e, p));
     }
   }, n = () => e, s = { setState: i, getState: n, subscribe: (a) => (r.add(a), () => r.delete(a)), destroy: () => {
     r.clear();
   } };
   return e = t(i, n, s), s;
-}, qn = (t) => t ? Gt(t) : Gt, _n = (t, e) => (r, i, n) => (n.dispatch = (s) => (r((a) => t(a, s), !1, s), s), n.dispatchFromDevtools = !0, { dispatch: (...s) => n.dispatch(...s), ...e }), Un = _n, Mt = /* @__PURE__ */ new Map(), Ve = (t) => {
-  const e = Mt.get(t);
+}, _n = (t) => t ? Jt(t) : Jt, Un = (t, e) => (r, i, n) => (n.dispatch = (s) => (r((a) => t(a, s), !1, s), s), n.dispatchFromDevtools = !0, { dispatch: (...s) => n.dispatch(...s), ...e }), Vn = Un, Ct = /* @__PURE__ */ new Map(), Ve = (t) => {
+  const e = Ct.get(t);
   return e ? Object.fromEntries(
     Object.entries(e.stores).map(([r, i]) => [r, i.getState()])
   ) : {};
-}, Vn = (t, e, r) => {
+}, Nn = (t, e, r) => {
   if (t === void 0)
     return {
       type: "untracked",
       connection: e.connect(r)
     };
-  const i = Mt.get(r.name);
+  const i = Ct.get(r.name);
   if (i)
     return { type: "tracked", store: t, ...i };
   const n = {
     connection: e.connect(r),
     stores: {}
   };
-  return Mt.set(r.name, n), { type: "tracked", store: t, ...n };
-}, Nn = (t, e = {}) => (r, i, n) => {
+  return Ct.set(r.name, n), { type: "tracked", store: t, ...n };
+}, Hn = (t, e = {}) => (r, i, n) => {
   const { enabled: s, anonymousActionType: a, store: o, ...u } = e;
-  let h;
+  let p;
   try {
-    h = (s ?? !1) && window.__REDUX_DEVTOOLS_EXTENSION__;
+    p = (s ?? !1) && window.__REDUX_DEVTOOLS_EXTENSION__;
   } catch {
   }
-  if (!h)
+  if (!p)
     return t(r, i, n);
-  const { connection: l, ...p } = Vn(o, h, u);
+  const { connection: l, ...h } = Nn(o, p, u);
   let v = !0;
   n.setState = (g, A, b) => {
     const w = r(g, A);
@@ -270,11 +286,11 @@ const Gt = (t) => {
     const A = v;
     v = !1, r(...g), v = A;
   }, d = t(n.setState, i, n);
-  if (p.type === "untracked" ? l == null || l.init(d) : (p.stores[p.store] = n, l == null || l.init(
+  if (h.type === "untracked" ? l == null || l.init(d) : (h.stores[h.store] = n, l == null || l.init(
     Object.fromEntries(
-      Object.entries(p.stores).map(([g, A]) => [
+      Object.entries(h.stores).map(([g, A]) => [
         g,
-        g === p.store ? d : A.getState()
+        g === h.store ? d : A.getState()
       ])
     )
   )), n.dispatchFromDevtools && typeof n.dispatch == "function") {
@@ -361,7 +377,7 @@ const Gt = (t) => {
         return;
     }
   }), d;
-}, Hn = Nn, ut = (t, e) => {
+}, Bn = Hn, ut = (t, e) => {
   let r;
   try {
     r = JSON.parse(t);
@@ -372,16 +388,16 @@ const Gt = (t) => {
     );
   }
   r !== void 0 && e(r);
-}, Bn = (t) => (e, r, i) => {
+}, zn = (t) => (e, r, i) => {
   const n = i.subscribe;
   return i.subscribe = (s, a, o) => {
     let u = s;
     if (a) {
-      const h = (o == null ? void 0 : o.equalityFn) || Object.is;
+      const p = (o == null ? void 0 : o.equalityFn) || Object.is;
       let l = s(i.getState());
-      u = (p) => {
-        const v = s(p);
-        if (!h(l, v)) {
+      u = (h) => {
+        const v = s(h);
+        if (!p(l, v)) {
           const m = l;
           a(l = v, m);
         }
@@ -389,14 +405,14 @@ const Gt = (t) => {
     }
     return n(u);
   }, t(e, r, i);
-}, zn = Bn, Wn = (t = {}, e) => {
+}, Wn = zn, Qn = (t = {}, e) => {
   switch (e.type) {
-    case wr:
+    case Sr:
       return {
         ...t,
         [e.payload.id]: e.payload.type
       };
-    case Sr:
+    case Mr:
       return {
         ...t,
         ...e.payload.mapping
@@ -408,7 +424,7 @@ const Gt = (t) => {
 function lt(t, e, r, i) {
   return !(!t[r] || !t[r][e] || !t[r][e][i] || !Array.isArray(t[r][e][i]));
 }
-function Qn(t, e) {
+function Yn(t, e) {
   const r = {}, i = [];
   for (const [n, s] of Object.entries(t || {})) {
     i.push(n);
@@ -429,7 +445,7 @@ function C(t) {
 function ft(t, e) {
   return typeof t > "u" ? e : t;
 }
-const Yn = (t = Lr(), e) => {
+const Gn = (t = Lr(), e) => {
   var r;
   const i = (n, s) => ({
     ...t,
@@ -442,13 +458,13 @@ const Yn = (t = Lr(), e) => {
     }
   });
   switch (e.type) {
-    case dr: {
+    case yr: {
       if (!t[C(e).type] || !t[C(e).type][C(e).id])
         return t;
       const n = t[C(e).type][C(e).id];
       return typeof n == "string" ? t : i(n, { [C(e).key]: C(e).value });
     }
-    case yr: {
+    case vr: {
       if (!lt(t, C(e).id, C(e).type, C(e).key))
         return t;
       const n = t[C(e).type][C(e).id];
@@ -457,28 +473,28 @@ const Yn = (t = Lr(), e) => {
       const s = Array.from(n[C(e).key]), [a] = s.splice(C(e).startIndex, 1);
       return s.splice(C(e).endIndex, 0, a), i(n, { [C(e).key]: s });
     }
-    case hr: {
+    case dr: {
       const n = Object.keys(C(e).entities), s = { ...t };
       for (const a of n) {
         const o = C(e).entities[a], u = { ...t[a] || {} };
-        let h = !1;
+        let p = !1;
         const l = Object.keys(o || {}) || [];
         if (o && l) {
-          for (const p of l)
-            h = !0, u[p] = t[a][p] ? Qn(t[a][p], o[p]) : o[p];
-          h && (s[a] = u);
+          for (const h of l)
+            p = !0, u[h] = t[a][h] ? Yn(t[a][h], o[h]) : o[h];
+          p && (s[a] = u);
         }
       }
       return s;
     }
-    case vr: {
+    case gr: {
       if (!lt(t, C(e).id, C(e).type, C(e).key))
         return t;
       const n = t[C(e).type][C(e).id], s = Array.from(n[C(e).key]);
       return s.splice(ft(C(e).index, s.length + 1), 0, C(e).reference), i(n, { [C(e).key]: s });
     }
     case bt:
-    case gr: {
+    case mr: {
       if (!lt(t, C(e).id, C(e).type, C(e).key))
         return t;
       const n = t[C(e).type][C(e).id], s = Array.from(n[C(e).key]), a = ft(
@@ -487,7 +503,7 @@ const Yn = (t = Lr(), e) => {
       );
       return a === -1 || ((r = s[a]) == null ? void 0 : r.id) !== C(e).reference.id ? t : (e.type === bt ? s.splice(a, 1, C(e).reference) : s.splice(a, 1), i(n, { [C(e).key]: s }));
     }
-    case mr: {
+    case br: {
       const n = t[C(e).type][C(e).id];
       if (!n)
         return t;
@@ -497,7 +513,7 @@ const Yn = (t = Lr(), e) => {
         value: a.label
       }), i(n, { metadata: s });
     }
-    case Ar: {
+    case xr: {
       const n = t[C(e).type][C(e).id];
       if (typeof n == "string" || !n)
         return t;
@@ -505,27 +521,27 @@ const Yn = (t = Lr(), e) => {
       return s.splice(C(e).endIndex, 0, a), i(n, { metadata: s });
     }
     case At:
-    case br: {
+    case Ar: {
       const n = t[C(e).type][C(e).id], s = Array.from(n.metadata || []), a = C(e).atIndex;
       return typeof a > "u" || a === -1 || !s[a] ? t : (e.type === At ? s.splice(a, 1, { label: C(e).label, value: C(e).value }) : s.splice(a, 1), i(n, { metadata: s }));
     }
     default:
       return t;
   }
-}, Gn = (t = {}, e) => {
+}, Jn = (t = {}, e) => {
   switch (e.type) {
-    case Ir:
+    case kr:
     case En:
       return {
         ...t,
         [e.payload.id]: {
           requestUri: e.payload.id,
-          loadingState: Tr,
+          loadingState: Ir,
           uriMismatch: !1,
           resourceUri: e.payload.id
         }
       };
-    case Or:
+    case Er:
       return {
         ...t,
         [e.payload.requestId]: {
@@ -540,7 +556,7 @@ const Yn = (t = Lr(), e) => {
           resourceUri: e.payload.actualId
         }
       };
-    case kr:
+    case Or:
       return {
         ...t,
         [e.payload.id]: {
@@ -549,7 +565,7 @@ const Yn = (t = Lr(), e) => {
           error: e.payload.message
         }
       };
-    case Er:
+    case Pr:
       return {
         ...t,
         [e.payload.id]: {
@@ -560,10 +576,10 @@ const Yn = (t = Lr(), e) => {
       };
   }
   return t;
-}, Jn = (t = {}, e) => {
+}, Kn = (t = {}, e) => {
   const { id: r, updateValue: i, value: n, meta: s, key: a } = e && e.payload || {};
   switch (e.type) {
-    case Mr:
+    case Cr:
       return {
         ...t,
         [r]: {
@@ -574,7 +590,7 @@ const Yn = (t = Lr(), e) => {
           }
         }
       };
-    case Cr:
+    case Rr:
       return {
         ...t,
         [r]: {
@@ -585,7 +601,7 @@ const Yn = (t = Lr(), e) => {
           }
         }
       };
-    case Rr:
+    case Tr:
       return t[r] && t[r][s] && t[r][s][a] ? {
         ...t,
         [r]: {
@@ -612,8 +628,8 @@ function Fr(t = {}) {
     return n ? s : r;
   };
 }
-function Kn(t) {
-  return (e, r) => r && r.type === Et ? r.payload.actions.reduce(t, e) : r && r.type === jn ? {
+function Zn(t) {
+  return (e, r) => r && r.type === Pt ? r.payload.actions.reduce(t, e) : r && r.type === jn ? {
     ...e,
     iiif: {
       ...e.iiif,
@@ -621,13 +637,13 @@ function Kn(t) {
     }
   } : t(e, r);
 }
-const Zn = Fr({
-  mapping: Wn,
-  entities: Yn,
-  requests: Gn,
-  meta: Jn
+const Xn = Fr({
+  mapping: Qn,
+  entities: Gn,
+  requests: Jn,
+  meta: Kn
 });
-function Xn() {
+function es() {
   return {
     iiif: {
       entities: Lr(),
@@ -637,16 +653,16 @@ function Xn() {
     }
   };
 }
-function es(t = {}) {
+function ts(t = {}) {
   const {
     enableDevtools: e = !1,
     iiifStoreName: r = "iiif",
-    defaultState: i = Xn(),
+    defaultState: i = es(),
     customReducers: n = {}
-  } = t, s = Kn(Fr({ [r]: Zn, ...n }));
-  return qn(zn(Hn(Un(s, i), { enabled: e })));
+  } = t, s = Zn(Fr({ [r]: Xn, ...n }));
+  return _n(Wn(Bn(Vn(s, i), { enabled: e })));
 }
-function ts(t) {
+function rs(t) {
   return { all: t = t || /* @__PURE__ */ new Map(), on: function(e, r) {
     var i = t.get(e);
     i ? i.push(r) : t.set(e, [r]);
@@ -683,14 +699,14 @@ function z(t, e, r, i = !0) {
     }
   });
 }
-const we = Symbol.for("_refs_"), xe = Symbol.for("_reactive_"), Te = Symbol.for("_defined_"), Jt = Symbol.for("_parent_");
-function rs(t, e = !1, r) {
+const we = Symbol.for("_refs_"), xe = Symbol.for("_reactive_"), Te = Symbol.for("_defined_"), Kt = Symbol.for("_parent_");
+function is(t, e = !1, r) {
   const i = {
     id: "",
     type: "unknown",
     [Te]: [],
     [we]: {},
-    [Jt]: r || null,
+    [Kt]: r || null,
     [xe]: null,
     is(n) {
       return typeof n == "string" ? this.id === n : n.id ? n.id === this.id : !1;
@@ -714,7 +730,7 @@ function rs(t, e = !1, r) {
     unwrap() {
       if (!this.id)
         throw new Error("Invalid object");
-      const n = this[Jt];
+      const n = this[Kt];
       return t.get(this.id, { parent: n ? { id: n, type: "unknown" } : void 0 });
     },
     toPresentation3() {
@@ -757,7 +773,7 @@ function rs(t, e = !1, r) {
   };
   return z("items", i, t), z("annotations", i, t), z("structures", i, t), z("seeAlso", i, t), z("rendering", i, t), z("partOf", i, t), z("start", i, t, !1), z("supplementary", i, t), z("homepage", i, t), z("thumbnail", i, t), z("placeholderCanvas", i, t, !1), z("accompanyingCanvas", i, t, !1), z("provider", i, t), z("body", i, t), z("logo", i, t), i;
 }
-function is(t) {
+function ns(t) {
   return !!t[Te];
 }
 function jr(t) {
@@ -768,10 +784,10 @@ function Se(t, e, r = !1, i) {
     return t.map((o) => Se(o, e, r));
   if (!t || !t.type || !t.id)
     return t;
-  const n = rs(e, r), s = Object.create(n), a = Object.assign(s, t);
+  const n = is(e, r), s = Object.create(n), a = Object.assign(s, t);
   return r && a.reactive(), a;
 }
-function Kt(t) {
+function Zt(t) {
   switch (t) {
     case "Image":
     case "Video":
@@ -790,7 +806,7 @@ function Kt(t) {
   }
   return t;
 }
-let Ct = class {
+let Rt = class {
   constructor(e, r) {
     ye(this, "options"), ye(this, "store"), ye(this, "emitter"), ye(this, "isBatching", !1), ye(this, "batchQueue", []), ye(this, "remoteFetcher"), ye(this, "staticFetcher"), ye(this, "defaultFetcher", (i) => fetch(i).then((n) => n.json())), this.options = Object.assign(
       {
@@ -799,16 +815,16 @@ let Ct = class {
         enableDevtools: !0
       },
       e || {}
-    ), this.store = r || es({
+    ), this.store = r || ts({
       customReducers: this.options.reducers,
       defaultState: this.options.defaultState,
       enableDevtools: this.options.enableDevtools
-    }), this.emitter = ts(), this.remoteFetcher = Yt(this, this.options.customFetcher), this.staticFetcher = Yt(this, (i, n) => n);
+    }), this.emitter = rs(), this.remoteFetcher = Gt(this, this.options.customFetcher), this.staticFetcher = Gt(this, (i, n) => n);
   }
   batch(e) {
     this.isBatching = !0;
     try {
-      e(this), this.isBatching = !1, this.dispatch(St({ actions: this.batchQueue }));
+      e(this), this.isBatching = !1, this.dispatch(Mt({ actions: this.batchQueue }));
     } catch (r) {
       throw this.batchQueue = [], this.isBatching = !1, r;
     }
@@ -817,7 +833,7 @@ let Ct = class {
   async asyncBatch(e) {
     this.isBatching = !0;
     try {
-      await e(this), this.isBatching = !1, this.dispatch(St({ actions: this.batchQueue }));
+      await e(this), this.isBatching = !1, this.dispatch(Mt({ actions: this.batchQueue }));
     } catch (r) {
       throw this.batchQueue = [], this.isBatching = !1, r;
     }
@@ -837,7 +853,7 @@ let Ct = class {
     if (this.isBatching)
       this.batchQueue.push(e);
     else {
-      if (e.type === Et) {
+      if (e.type === Pt) {
         for (const n of e.payload.actions)
           this.emitter.emit(n.type, { action: n, state: this.store.getState() });
         this.store.dispatch(e);
@@ -874,29 +890,29 @@ let Ct = class {
     const { skipSelfReturn: n = !0 } = i || {};
     let s = i.parent ? typeof i.parent == "string" ? i.parent : i.parent.id : void 0;
     if (Array.isArray(e))
-      return e.map((p) => this.get(p, i));
+      return e.map((h) => this.get(h, i));
     const a = this.getState();
     if (on(e) && !i.preserveSpecificResources && (e = e.source), typeof e == "string") {
-      const p = Kt(r || a.iiif.mapping[e]);
-      if (!p)
+      const h = Zt(r || a.iiif.mapping[e]);
+      if (!h)
         return n ? null : { id: e, type: "unknown" };
-      e = { id: e, type: p };
+      e = { id: e, type: h };
     }
     if (e && e.partOf && !s && !i.skipPartOfCheck) {
-      const p = Array.isArray(e.partOf) ? e.partOf[0] : e.partOf;
-      p && (typeof p == "string" && (s = p), typeof p.id == "string" && (s = p.id));
+      const h = Array.isArray(e.partOf) ? e.partOf[0] : e.partOf;
+      h && (typeof h == "string" && (s = h), typeof h.id == "string" && (s = h.id));
     }
-    const o = Kt(r || (e == null ? void 0 : e.type)), u = e == null ? void 0 : e.id, h = a.iiif.entities[o];
-    if (!h) {
-      const p = a.iiif.requests[u];
-      return p && p.resourceUri !== u ? this.get(p.resourceUri, i) : n ? null : e;
+    const o = Zt(r || (e == null ? void 0 : e.type)), u = e == null ? void 0 : e.id, p = a.iiif.entities[o];
+    if (!p) {
+      const h = a.iiif.requests[u];
+      return h && h.resourceUri !== u ? this.get(h.resourceUri, i) : n ? null : e;
     }
-    const l = h[e.id];
+    const l = p[e.id];
     if (l && l[Ke]) {
-      const p = l[Ke].find((v) => s ? v[Ze] === s : v[Ze] === l.id);
-      return fr(l, p);
+      const h = l[Ke].find((v) => s ? v[Ze] === s : v[Ze] === l.id);
+      return pr(l, h);
     }
-    return h[e.id] || (n ? null : e);
+    return p[e.id] || (n ? null : e);
   }
   select(e) {
     return e(this.getState());
@@ -931,14 +947,26 @@ let Ct = class {
   }
   load(e, r) {
     const i = typeof e == "string" ? e : e.id;
-    return r ? this.staticFetcher(i, r) : this.remoteFetcher(i);
+    return r ? Promise.resolve(this.staticFetcher(i, r)) : Promise.resolve(this.remoteFetcher(i));
+  }
+  loadSync(e, r) {
+    const i = typeof e == "string" ? e : e.id;
+    return this.staticFetcher(i, r);
+  }
+  loadManifestSync(e, r) {
+    const i = typeof e == "string" ? e : e.id;
+    return this.loadSync(i, r);
+  }
+  loadCollectionSync(e, r) {
+    const i = typeof e == "string" ? e : e.id;
+    return this.loadSync(i, r);
   }
   areInputsEqual(e, r) {
-    return Qt(e, r);
+    return Yt(e, r);
   }
   subscribe(e, r, i) {
     return typeof i > "u" && (typeof r > "u" || r === !1 || r === !0) && (i = r, r = e, e = (n) => n), this.store.subscribe(e, (n) => r(n, this), {
-      equalityFn: Qt,
+      equalityFn: Yt,
       fireImmediately: !i
     });
   }
@@ -971,16 +999,16 @@ let Ct = class {
     return Se(this.get(e, { skipSelfReturn: !1 }), this);
   }
   isWrapped(e) {
-    return is(e);
+    return ns(e);
   }
   setMetaValue([e, r, i], n) {
     this.dispatch(
-      typeof n == "function" ? zt.setMetaValueDynamic({
+      typeof n == "function" ? Wt.setMetaValueDynamic({
         id: e,
         meta: r,
         key: i,
         updateValue: n
-      }) : zt.setMetaValue({
+      }) : Wt.setMetaValue({
         id: e,
         meta: r,
         key: i,
@@ -989,18 +1017,18 @@ let Ct = class {
     );
   }
 };
-function ns() {
+function ss() {
   return typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {};
 }
 function $r(t) {
-  const e = ns();
+  const e = ss();
   try {
     const i = e.IIIF_VAULT;
     if (i)
       return i;
   } catch {
   }
-  const r = new Ct(t);
+  const r = new Rt(t);
   try {
     e.IIIF_VAULT = r;
   } catch {
@@ -1019,7 +1047,7 @@ function Dr({
   resources: i,
   children: n
 }) {
-  const [s, a] = J(() => t || (r ? $r(e) : e ? new Ct(e) : new Ct()));
+  const [s, a] = J(() => t || (r ? $r(e) : e ? new Rt(e) : new Rt()));
   return /* @__PURE__ */ x(tt.Provider, { value: { vault: s, setVaultInstance: a }, children: /* @__PURE__ */ x(et, { value: i || {}, children: n }) });
 }
 const W = () => {
@@ -1028,37 +1056,37 @@ const W = () => {
     throw new Error("Vault not found. Ensure you have your provider set up correctly.");
   return t;
 };
-function ss(t, { noCache: e = !1 } = {}) {
-  const r = typeof t == "string" ? t : t.id, i = W(), [n, s] = J(r), [a, o] = J(void 0), u = j(() => i.get(r, { skipSelfReturn: !0 }) || void 0, [r, i]), [h, l] = J(u);
+function as(t, { noCache: e = !1 } = {}) {
+  const r = typeof t == "string" ? t : t.id, i = W(), [n, s] = J(r), [a, o] = J(void 0), u = j(() => i.get(r, { skipSelfReturn: !0 }) || void 0, [r, i]), [p, l] = J(u);
   return re(() => {
     (async () => {
       try {
-        const p = u && !e ? u : await i.load(r), v = p ? p.id || p["@id"] : null;
-        p && n !== v && s(v), l(p);
-      } catch (p) {
-        o(p);
+        const h = u && !e ? u : await i.load(r), v = h ? h.id || h["@id"] : null;
+        h && n !== v && s(v), l(h);
+      } catch (h) {
+        o(h);
       }
     })();
   }, [r, e]), {
-    isLoaded: !!h,
+    isLoaded: !!p,
     id: n,
     requestId: r,
     error: a,
-    resource: h,
-    cached: !!(h && h === u)
+    resource: p,
+    cached: !!(p && p === u)
   };
 }
-function as(t, e) {
-  const { id: r, isLoaded: i, error: n, resource: s, requestId: a, cached: o } = ss(
+function os(t, e) {
+  const { id: r, isLoaded: i, error: n, resource: s, requestId: a, cached: o } = as(
     t,
     e
   );
   return { id: r, isLoaded: i, error: n, manifest: s, requestId: a, cached: o };
 }
-function os({ manifest: t, children: e }) {
+function cs({ manifest: t, children: e }) {
   return /* @__PURE__ */ x(et, { value: { manifest: t }, children: e });
 }
-function Pt({ canvas: t, children: e }) {
+function Lt({ canvas: t, children: e }) {
   return /* @__PURE__ */ x(et, { value: { canvas: t }, children: e });
 }
 function Y(t, e = []) {
@@ -1091,7 +1119,7 @@ function Pe(t = {}, e = []) {
       return i ? i(a) : a;
   }, [a, i, ...e]);
 }
-function cs({ range: t, children: e }) {
+function us({ range: t, children: e }) {
   return /* @__PURE__ */ x(et, { value: { range: t }, children: e });
 }
 function _r(t, e) {
@@ -1104,76 +1132,76 @@ function _r(t, e) {
     }
   return r;
 }
-function us(t, e, { disablePaging: r, skipNonPaged: i } = {}) {
+function ls(t, e, { disablePaging: r, skipNonPaged: i } = {}) {
   const n = e.behavior, s = n.includes("paged"), a = s ? !1 : n.includes("continuous"), o = s || a ? !1 : n.includes("individuals"), u = e.type === "Manifest" ? e.items : _r(t, e);
   if (a)
     return [u, [u.map((d, g) => g)]];
   if (o || !s || r)
     return [u, u.map((d, g) => [g])];
-  const h = [];
+  const p = [];
   let l = [];
-  const p = () => {
-    l.length && (h.push([...l]), l = []);
+  const h = () => {
+    l.length && (p.push([...l]), l = []);
   };
   let v = 0, m = !1;
   for (let d = 0; d < u.length; d++) {
     const g = t.get(u[d]);
     if (g.behavior.includes("non-paged")) {
-      d === v && v++, i || (p(), h.push([d]), p());
+      d === v && v++, i || (h(), p.push([d]), h());
       continue;
     }
     if (d === v || g.behavior.includes("facing-pages")) {
-      l.length && (m = !0), p(), h.push([d]), p();
+      l.length && (m = !0), h(), p.push([d]), h();
       continue;
     }
     if (l.push(d), m) {
-      p(), m = !1;
+      h(), m = !1;
       continue;
     }
-    l.length > 1 && p();
+    l.length > 1 && h();
   }
-  return l.length && p(), [u, h];
+  return l.length && h(), [u, p];
 }
-function ls(t = {}, e = []) {
+function fs(t = {}, e = []) {
   const { id: r, selector: i } = t, n = Ee(), s = r || n.range, a = Y((o) => s ? o.iiif.entities.Range[s] : void 0, [s]);
   return j(() => {
     if (a)
       return i ? i(a) : a;
   }, [a, i, ...e]);
 }
-function fs({ startCanvas: t, disablePaging: e }) {
+function ps({ startCanvas: t, disablePaging: e }) {
   var d;
-  const r = W(), i = Pe(), n = ls(), [s, a] = J(void 0), o = n || i;
+  const r = W(), i = Pe(), n = fs(), [s, a] = J(void 0), o = n || i;
   if (!o)
     throw new Error("Nothing selected");
-  const [u, h] = j(
-    () => us(r, o, { disablePaging: e }),
+  const [u, p] = j(
+    () => ls(r, o, { disablePaging: e }),
     [r, o]
   ), l = D(
     (g) => {
-      const A = h.findIndex((b) => b.includes(g));
+      const A = p.findIndex((b) => b.includes(g));
       a(A === -1 ? 0 : A);
     },
-    [u, h]
-  ), p = D(
+    [u, p]
+  ), h = D(
     (g) => {
       const A = u.findIndex((b) => b.id === g);
       A !== -1 ? l(A) : a(0);
     },
-    [u, h]
+    [u, p]
   ), v = D(() => {
-    a((g) => g >= h.length ? g : g + 1);
-  }, [h]), m = D(() => {
+    a((g) => g >= p.length ? g : g + 1);
+  }, [p]), m = D(() => {
     a((g) => g <= 0 ? 0 : g - 1);
-  }, [h]);
-  return typeof s > "u" && (t ? p(t) : a(0)), {
-    visibleItems: ((d = h[s]) == null ? void 0 : d.map((g) => u[g].id)) || [],
+  }, [p]);
+  return typeof s > "u" && (t ? h(t) : a(0)), {
+    visibleItems: ((d = p[s]) == null ? void 0 : d.map((g) => u[g].id)) || [],
     cursor: s,
     items: u,
-    sequence: h,
+    sequence: p,
     setSequenceIndex: a,
     setCanvasIndex: l,
-    setCanvasId: p,
+    setCanvasId: h,
     next: v,
     previous: m
   };
@@ -1189,50 +1217,50 @@ const Le = () => {
   setSequenceIndex: Le,
   currentSequenceIndex: 0
 });
-function ps(t) {
-  const e = Pe(), { cursor: r, visibleItems: i, next: n, sequence: s, items: a, setCanvasIndex: o, setCanvasId: u, previous: h, setSequenceIndex: l } = fs({
+function hs(t) {
+  const e = Pe(), { cursor: r, visibleItems: i, next: n, sequence: s, items: a, setCanvasIndex: o, setCanvasId: u, previous: p, setSequenceIndex: l } = ps({
     startCanvas: t.startCanvas,
     disablePaging: t.pagingEnabled === !1
-  }), p = j(
+  }), h = j(
     () => ({
       sequence: s,
       items: a,
       // Extra functions.
       setCurrentCanvasId: u,
       nextCanvas: n,
-      previousCanvas: h,
+      previousCanvas: p,
       totalCanvases: a.length,
       setCurrentCanvasIndex: o,
       setSequenceIndex: l,
       currentSequenceIndex: r
     }),
-    [s, a, u, n, h, a, o, l, r]
+    [s, a, u, n, p, a, o, l, r]
   );
-  return e ? /* @__PURE__ */ x(it.Provider, { value: p, children: /* @__PURE__ */ x(rt.Provider, { value: i, children: /* @__PURE__ */ x(Pt, { canvas: i[0], children: t.children }) }) }) : (console.warn("The manifest passed to the provider is not a valid IIIF manifest."), /* @__PURE__ */ x("div", { children: "Sorry, something went wrong." }));
+  return e ? /* @__PURE__ */ x(it.Provider, { value: h, children: /* @__PURE__ */ x(rt.Provider, { value: i, children: /* @__PURE__ */ x(Lt, { canvas: i[0], children: t.children }) }) }) : (console.warn("The manifest passed to the provider is not a valid IIIF manifest."), /* @__PURE__ */ x("div", { children: "Sorry, something went wrong." }));
 }
-function hs(t) {
-  const e = as(t.manifest);
+function ds(t) {
+  const e = os(t.manifest);
   if (!e)
     return console.warn("The manifest passed to the provider is not a valid IIIF manifest."), /* @__PURE__ */ x("div", { children: "Sorry, something went wrong." });
   if (e.error)
     return /* @__PURE__ */ x("div", { children: e.error.toString() });
   if (!e.isLoaded)
     return /* @__PURE__ */ x("div", { children: "Loading..." });
-  const r = /* @__PURE__ */ x(ps, { ...t, children: t.children });
-  return /* @__PURE__ */ x(os, { manifest: e.id, children: t.rangeId ? /* @__PURE__ */ x(cs, { range: t.rangeId, children: r }) : r });
+  const r = /* @__PURE__ */ x(hs, { ...t, children: t.children });
+  return /* @__PURE__ */ x(cs, { manifest: e.id, children: t.rangeId ? /* @__PURE__ */ x(us, { range: t.rangeId, children: r }) : r });
 }
-function ds() {
+function ys() {
   return Q(it);
 }
-function ys() {
+function vs() {
   return {
     VaultContext: Q(tt),
-    ResourceContext: Q(Ot),
+    ResourceContext: Q(Et),
     SimpleViewerReactContext: Q(it),
     VisibleCanvasReactContext: Q(rt)
   };
 }
-function vs(t) {
+function gs(t) {
   return /* @__PURE__ */ x(Dr, { vault: t.bridge.VaultContext.vault || void 0, resources: t.bridge.ResourceContext, children: /* @__PURE__ */ x(rt.Provider, { value: t.bridge.VisibleCanvasReactContext, children: /* @__PURE__ */ x(it.Provider, { value: t.bridge.SimpleViewerReactContext, children: t.children }) }) });
 }
 const se = function(t) {
@@ -1244,28 +1272,28 @@ const se = function(t) {
       ...i !== void 0 && { meta: i }
     });
   };
-}, gs = "@iiif/IMPORT_ENTITIES", ms = "@iiif/MODIFY_ENTITY_FIELD", bs = "@iiif/REORDER_ENTITY_FIELD", As = "@iiif/ADD_REFERENCE", xs = "@iiif/UPDATE_REFERENCE", ws = "@iiif/REMOVE_REFERENCE", Ss = "@iiif/ADD_METADATA", Ms = "@iiif/REMOVE_METADATA", Cs = "@iiif/UPDATE_METADATA", Rs = "@iiif/REORDER_METADATA", Ts = se(gs)(), Is = se(ms)(), ks = se(bs)(), Os = se(As)(), Es = se(ws)(), Ps = se(xs)(), Ls = se(Ss)(), Fs = se(Cs)(), js = se(Ms)(), $s = se(Rs)(), pt = {
-  importEntities: Ts,
-  modifyEntityField: Is,
-  reorderEntityField: ks,
-  addReference: Os,
-  removeReference: Es,
-  updateReference: Ps,
-  addMetadata: Ls,
-  removeMetadata: js,
-  updateMetadata: Fs,
-  reorderMetadata: $s
+}, ms = "@iiif/IMPORT_ENTITIES", bs = "@iiif/MODIFY_ENTITY_FIELD", As = "@iiif/REORDER_ENTITY_FIELD", xs = "@iiif/ADD_REFERENCE", ws = "@iiif/UPDATE_REFERENCE", Ss = "@iiif/REMOVE_REFERENCE", Ms = "@iiif/ADD_METADATA", Cs = "@iiif/REMOVE_METADATA", Rs = "@iiif/UPDATE_METADATA", Ts = "@iiif/REORDER_METADATA", Is = se(ms)(), ks = se(bs)(), Os = se(As)(), Es = se(xs)(), Ps = se(Ss)(), Ls = se(ws)(), Fs = se(Ms)(), js = se(Rs)(), $s = se(Cs)(), Ds = se(Ts)(), pt = {
+  importEntities: Is,
+  modifyEntityField: ks,
+  reorderEntityField: Os,
+  addReference: Es,
+  removeReference: Ps,
+  updateReference: Ls,
+  addMetadata: Fs,
+  removeMetadata: $s,
+  updateMetadata: js,
+  reorderMetadata: Ds
 };
-function Ds() {
+function qs() {
   const e = W().getStore();
   return j(() => (r) => e.dispatch(r), [e]);
 }
-function Zt(t) {
+function Xt(t) {
   return typeof t != "string" && t && t.bindToVault;
 }
-function qs() {
-  const t = W(), e = ve([]), r = Ds(), i = j(() => `vault://annotation-page/${(/* @__PURE__ */ new Date()).getTime()}/${Math.round(Math.random() * 1e9).toString(16)}`, []);
-  ur(() => {
+function _s() {
+  const t = W(), e = ve([]), r = qs(), i = j(() => `vault://annotation-page/${(/* @__PURE__ */ new Date()).getTime()}/${Math.round(Math.random() * 1e9).toString(16)}`, []);
+  lr(() => {
     const o = {
       id: i,
       type: "AnnotationPage",
@@ -1299,13 +1327,13 @@ function qs() {
   ), s = D(
     (o, u) => {
       if (i) {
-        if (Zt(o)) {
-          const p = o;
-          p.__vault || p.bindToVault(t), o = typeof p.source == "string" ? p.source : p.source.id, e.current[o] = p;
+        if (Xt(o)) {
+          const h = o;
+          h.__vault || h.bindToVault(t), o = typeof h.source == "string" ? h.source : h.source.id, e.current[o] = h;
         } else
           typeof o != "string" && (o = o.id);
-        const h = t.get({ id: i, type: "AnnotationPage" }), l = t.get({ id: o, type: "Annotation" });
-        h && l && (h.items.find((p) => p.id === l.id) || r(
+        const p = t.get({ id: i, type: "AnnotationPage" }), l = t.get({ id: o, type: "Annotation" });
+        p && l && (p.items.find((h) => h.id === l.id) || r(
           pt.addReference({
             id: i,
             type: "AnnotationPage",
@@ -1322,7 +1350,7 @@ function qs() {
     [i]
   ), a = D(
     (o) => {
-      i && (Zt(o) ? o = typeof o.source == "string" ? o.source : o.source.id : typeof o != "string" && (o = o.id), e.current[o] && e.current[o].beforeRemove(), t.get({ id: i, type: "AnnotationPage" }) && r(
+      i && (Xt(o) ? o = typeof o.source == "string" ? o.source : o.source.id : typeof o != "string" && (o = o.id), e.current[o] && e.current[o].beforeRemove(), t.get({ id: i, type: "AnnotationPage" }) && r(
         pt.removeReference({
           id: i,
           type: "AnnotationPage",
@@ -1345,7 +1373,7 @@ function qs() {
   ];
 }
 const Ur = ce(null);
-function _s() {
+function Us() {
   const t = Q(Ur);
   return [
     t.fullPage,
@@ -1355,8 +1383,8 @@ function _s() {
     }
   ];
 }
-function Us({ children: t }) {
-  const [e, { addAnnotation: r, removeAnnotation: i }] = qs();
+function Vs({ children: t }) {
+  const [e, { addAnnotation: r, removeAnnotation: i }] = _s();
   return /* @__PURE__ */ x(
     Ur.Provider,
     {
@@ -1365,7 +1393,7 @@ function Us({ children: t }) {
     }
   );
 }
-function Vs({
+function Ns({
   width: t,
   style: e,
   height: r,
@@ -1378,9 +1406,9 @@ function Vs({
     /* @__PURE__ */ x("button", { onClick: n, children: "Reset" })
   ] });
 }
-const Lt = ce(null);
-function Ns() {
-  return Q(Lt);
+const Ft = ce(null);
+function Hs() {
+  return Q(Ft);
 }
 const Vr = ce(
   () => {
@@ -1404,19 +1432,19 @@ function me(t = {}, e = []) {
 }
 const Hr = ce(() => {
 });
-function Hs(t) {
+function Bs(t) {
   const e = me(), r = Q(Hr);
   re(() => e && e.id ? (r(e.id, t), () => r(e.id, -1)) : () => {
   }, [e, t]);
 }
-function Bs({
+function zs({
   children: t,
   errorFallback: e,
   outerContainerProps: r = {},
   worldScale: i,
   ...n
 }) {
-  const [s, a] = J(), o = ys(), u = e || Vs, [h, l] = J({}), p = Object.entries(h), [v, m] = J({}), d = Object.entries(v), [g, A] = J({}), b = j(() => i || Math.max(...Object.values(g)), [g]), w = j(() => ({ maxOverZoom: b || 1 }), [b]), R = D((T, P) => {
+  const [s, a] = J(), o = vs(), u = e || Ns, [p, l] = J({}), h = Object.entries(p), [v, m] = J({}), d = Object.entries(v), [g, A] = J({}), b = j(() => i || Math.max(...Object.values(g)), [g]), w = j(() => ({ maxOverZoom: b || 1, ...n.runtimeOptions || {} }), [b, n.runtimeOptions]), R = D((T, P) => {
     A((E) => {
       if (P === -1) {
         const { [T]: M, ...$ } = E;
@@ -1441,12 +1469,12 @@ function Bs({
       {
         ...n,
         containerProps: { style: { position: "relative" }, ...n.containerProps || {} },
-        htmlChildren: /* @__PURE__ */ x(Me, { children: p.map(([T, { element: P, props: E }]) => /* @__PURE__ */ x(ge.Fragment, { children: /* @__PURE__ */ x(P, { ...E || {} }) }, T)) }),
+        htmlChildren: /* @__PURE__ */ x(Me, { children: h.map(([T, { element: P, props: E }]) => /* @__PURE__ */ x(ge.Fragment, { children: /* @__PURE__ */ x(P, { ...E || {} }) }, T)) }),
         onCreated: (T) => {
           a(T), n.onCreated && n.onCreated(T);
         },
         runtimeOptions: w,
-        children: /* @__PURE__ */ x(Lt.Provider, { value: s, children: /* @__PURE__ */ x(Hr.Provider, { value: R, children: /* @__PURE__ */ x(Vr.Provider, { value: O, children: /* @__PURE__ */ x(Nr.Provider, { value: F, children: /* @__PURE__ */ x(vs, { bridge: o, children: /* @__PURE__ */ x(Zi.Provider, { value: n.mode || "explore", children: /* @__PURE__ */ x(Us, { children: t }) }) }) }) }) }) })
+        children: /* @__PURE__ */ x(Ft.Provider, { value: s, children: /* @__PURE__ */ x(Hr.Provider, { value: R, children: /* @__PURE__ */ x(Vr.Provider, { value: O, children: /* @__PURE__ */ x(Nr.Provider, { value: F, children: /* @__PURE__ */ x(gs, { bridge: o, children: /* @__PURE__ */ x(Zi.Provider, { value: n.mode || "explore", children: /* @__PURE__ */ x(Vs, { children: t }) }) }) }) }) }) })
       }
     ),
     /* @__PURE__ */ x("div", { children: d.map(([T, { element: P, props: E }]) => /* @__PURE__ */ x(ge.Fragment, { children: /* @__PURE__ */ x(P, { ...E || {} }) }, T)) })
@@ -1472,7 +1500,7 @@ const Ne = {}, Br = {
       return e ? r[e] : r;
   }
 };
-function zs(t = Br) {
+function Ws(t = Br) {
   return {
     addEventListener(e, r, i, n) {
       if (e)
@@ -1502,15 +1530,15 @@ function zs(t = Br) {
         for (const a of Object.keys(n))
           s[a] = (o) => {
             const u = t.get(i);
-            for (const { callback: h, scope: l } of n[a] || [])
-              (!l || r && l.indexOf(r) !== -1) && h(o, u);
+            for (const { callback: p, scope: l } of n[a] || [])
+              (!l || r && l.indexOf(r) !== -1) && p(o, u);
           };
       return s;
     }
   };
 }
 function zr(t, e) {
-  const r = W(), i = j(() => zs(r), [r]), n = Y(() => t && t.id ? r.getResourceMeta(t.id, "eventManager") : null, [t]);
+  const r = W(), i = j(() => Ws(r), [r]), n = Y(() => t && t.id ? r.getResourceMeta(t.id, "eventManager") : null, [t]);
   return j(() => t ? i.getListenersAsProps(t, e) : {}, [n, t, r, e]);
 }
 const He = {}, Wr = {
@@ -1554,14 +1582,14 @@ function Xe(t, e) {
     return n ? e ? n[e] : n : void 0;
   }, [t, e]);
 }
-var Ws = Object.defineProperty, Qs = (t, e, r) => e in t ? Ws(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, We = (t, e, r) => (Qs(t, typeof e != "symbol" ? e + "" : e, r), r), Ys = /* @__PURE__ */ function() {
+var Qs = Object.defineProperty, Ys = (t, e, r) => e in t ? Qs(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, We = (t, e, r) => (Ys(t, typeof e != "symbol" ? e + "" : e, r), r), Gs = /* @__PURE__ */ function() {
   function t(e, r) {
     var i = [], n = !0, s = !1, a = void 0;
     try {
       for (var o = e[Symbol.iterator](), u; !(n = (u = o.next()).done) && (i.push(u.value), !(r && i.length === r)); n = !0)
         ;
-    } catch (h) {
-      s = !0, a = h;
+    } catch (p) {
+      s = !0, a = p;
     } finally {
       try {
         !n && o.return && o.return();
@@ -1582,12 +1610,12 @@ var Ws = Object.defineProperty, Qs = (t, e, r) => e in t ? Ws(t, e, { enumerable
 }(), je = Math.PI * 2, ht = function(t, e, r, i, n, s, a) {
   var o = t.x, u = t.y;
   o *= e, u *= r;
-  var h = i * o - n * u, l = n * o + i * u;
+  var p = i * o - n * u, l = n * o + i * u;
   return {
-    x: h + s,
+    x: p + s,
     y: l + a
   };
-}, Gs = function(t, e) {
+}, Js = function(t, e) {
   var r = e === 1.5707963267948966 ? 0.551915024494 : e === -1.5707963267948966 ? -0.551915024494 : 1.3333333333333333 * Math.tan(e / 4), i = Math.cos(t), n = Math.sin(t), s = Math.cos(t + e), a = Math.sin(t + e);
   return [{
     x: i - n * r,
@@ -1599,16 +1627,16 @@ var Ws = Object.defineProperty, Qs = (t, e, r) => e in t ? Ws(t, e, { enumerable
     x: s,
     y: a
   }];
-}, Xt = function(t, e, r, i) {
+}, er = function(t, e, r, i) {
   var n = t * i - e * r < 0 ? -1 : 1, s = t * r + e * i;
   return s > 1 && (s = 1), s < -1 && (s = -1), n * Math.acos(s);
-}, Js = function(t, e, r, i, n, s, a, o, u, h, l, p) {
-  var v = Math.pow(n, 2), m = Math.pow(s, 2), d = Math.pow(l, 2), g = Math.pow(p, 2), A = v * m - v * g - m * d;
+}, Ks = function(t, e, r, i, n, s, a, o, u, p, l, h) {
+  var v = Math.pow(n, 2), m = Math.pow(s, 2), d = Math.pow(l, 2), g = Math.pow(h, 2), A = v * m - v * g - m * d;
   A < 0 && (A = 0), A /= v * g + m * d, A = Math.sqrt(A) * (a === o ? -1 : 1);
-  var b = A * n / s * p, w = A * -s / n * l, R = h * b - u * w + (t + r) / 2, O = u * b + h * w + (e + i) / 2, F = (l - b) / n, T = (p - w) / s, P = (-l - b) / n, E = (-p - w) / s, M = Xt(1, 0, F, T), $ = Xt(F, T, P, E);
+  var b = A * n / s * h, w = A * -s / n * l, R = p * b - u * w + (t + r) / 2, O = u * b + p * w + (e + i) / 2, F = (l - b) / n, T = (h - w) / s, P = (-l - b) / n, E = (-h - w) / s, M = er(1, 0, F, T), $ = er(F, T, P, E);
   return o === 0 && $ > 0 && ($ -= je), o === 1 && $ < 0 && ($ += je), [R, O, M, $];
-}, Ks = function(t) {
-  var e = t.px, r = t.py, i = t.cx, n = t.cy, s = t.rx, a = t.ry, o = t.xAxisRotation, u = o === void 0 ? 0 : o, h = t.largeArcFlag, l = h === void 0 ? 0 : h, p = t.sweepFlag, v = p === void 0 ? 0 : p, m = [];
+}, Zs = function(t) {
+  var e = t.px, r = t.py, i = t.cx, n = t.cy, s = t.rx, a = t.ry, o = t.xAxisRotation, u = o === void 0 ? 0 : o, p = t.largeArcFlag, l = p === void 0 ? 0 : p, h = t.sweepFlag, v = h === void 0 ? 0 : h, m = [];
   if (s === 0 || a === 0)
     return [];
   var d = Math.sin(u * je / 360), g = Math.cos(u * je / 360), A = g * (e - i) / 2 + d * (r - n) / 2, b = -d * (e - i) / 2 + g * (r - n) / 2;
@@ -1617,12 +1645,12 @@ var Ws = Object.defineProperty, Qs = (t, e, r) => e in t ? Ws(t, e, { enumerable
   s = Math.abs(s), a = Math.abs(a);
   var w = Math.pow(A, 2) / Math.pow(s, 2) + Math.pow(b, 2) / Math.pow(a, 2);
   w > 1 && (s *= Math.sqrt(w), a *= Math.sqrt(w));
-  var R = Js(e, r, i, n, s, a, l, v, d, g, A, b), O = Ys(R, 4), F = O[0], T = O[1], P = O[2], E = O[3], M = Math.abs(E) / (je / 4);
+  var R = Ks(e, r, i, n, s, a, l, v, d, g, A, b), O = Gs(R, 4), F = O[0], T = O[1], P = O[2], E = O[3], M = Math.abs(E) / (je / 4);
   Math.abs(1 - M) < 1e-7 && (M = 1);
   var $ = Math.max(Math.ceil(M), 1);
   E /= $;
   for (var ie = 0; ie < $; ie++)
-    m.push(Gs(P, E)), P += E;
+    m.push(Js(P, E)), P += E;
   return m.map(function(K) {
     var U = ht(K[0], s, a, g, d, F, T), N = U.x, X = U.y, ne = ht(K[1], s, a, g, d, F, T), Ae = ne.x, k = ne.y, H = ht(K[2], s, a, g, d, F, T), Z = H.x, pe = H.y;
     return { x1: N, y1: X, x2: Ae, y2: k, x: Z, y: pe };
@@ -1631,12 +1659,12 @@ var Ws = Object.defineProperty, Qs = (t, e, r) => e in t ? Ws(t, e, { enumerable
 function Yr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Zs = ea, dt = { a: 7, c: 6, h: 1, l: 2, m: 2, q: 4, s: 4, t: 2, v: 1, z: 0 }, Xs = /([astvzqmhlc])([^astvzqmhlc]*)/ig;
-function ea(t) {
+var Xs = ta, dt = { a: 7, c: 6, h: 1, l: 2, m: 2, q: 4, s: 4, t: 2, v: 1, z: 0 }, ea = /([astvzqmhlc])([^astvzqmhlc]*)/ig;
+function ta(t) {
   var e = [];
-  return t.replace(Xs, function(r, i, n) {
+  return t.replace(ea, function(r, i, n) {
     var s = i.toLowerCase();
-    for (n = ra(n), s == "m" && n.length > 2 && (e.push([i].concat(n.splice(0, 2))), s = "l", i = i == "m" ? "l" : "L"); ; ) {
+    for (n = ia(n), s == "m" && n.length > 2 && (e.push([i].concat(n.splice(0, 2))), s = "l", i = i == "m" ? "l" : "L"); ; ) {
       if (n.length == dt[s])
         return n.unshift(i), e.push(n);
       if (n.length < dt[s])
@@ -1645,14 +1673,14 @@ function ea(t) {
     }
   }), e;
 }
-var ta = /-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/ig;
-function ra(t) {
-  var e = t.match(ta);
+var ra = /-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/ig;
+function ia(t) {
+  var e = t.match(ra);
   return e ? e.map(Number) : [];
 }
-const ia = /* @__PURE__ */ Yr(Zs);
-var na = sa;
-function sa(t) {
+const na = /* @__PURE__ */ Yr(Xs);
+var sa = aa;
+function aa(t) {
   var e = 0, r = 0, i = 0, n = 0;
   return t.map(function(s) {
     s = s.slice();
@@ -1691,10 +1719,10 @@ function sa(t) {
     return s;
   });
 }
-const aa = /* @__PURE__ */ Yr(na);
-function oa(t) {
-  const e = ia(t), r = aa(e);
-  let i, n = 0, s = 0, a = 0, o = 0, u, h, l = 0, p = 0;
+const oa = /* @__PURE__ */ Yr(sa);
+function ca(t) {
+  const e = na(t), r = oa(e);
+  let i, n = 0, s = 0, a = 0, o = 0, u, p, l = 0, h = 0;
   const v = [];
   for (let m = 0; m < r.length; m++) {
     let d = r[m];
@@ -1711,21 +1739,21 @@ function oa(t) {
         break;
       case "S":
         {
-          let A = l, b = p;
+          let A = l, b = h;
           (i === "C" || i == "S") && (A += A - a, b += b - o), d = ["C", A, b, d[1], d[2], d[3], d[4]];
         }
         break;
       case "T":
-        i === "Q" || i == "T" ? (u = l * 2 - u, h = p * 2 - h) : (u = l, h = p), d = ["Q", u, h, d[1], d[2]];
+        i === "Q" || i == "T" ? (u = l * 2 - u, p = h * 2 - p) : (u = l, p = h), d = ["Q", u, p, d[1], d[2]];
         break;
       case "Q":
-        u = d[1], h = d[2];
+        u = d[1], p = d[2];
         break;
       case "A":
         {
-          const A = Ks({
+          const A = Zs({
             px: l,
-            py: p,
+            py: h,
             cx: d[6],
             cy: d[7],
             rx: d[1],
@@ -1745,7 +1773,7 @@ function oa(t) {
         d = ["L", n, s];
         break;
     }
-    i = g, l = d[d.length - 2], p = d[d.length - 1], ["C", "Q", "A"].indexOf(g) > -1 ? (a = d[d.length - 4], o = d[d.length - 3]) : (a = l, o = p), v.push(d);
+    i = g, l = d[d.length - 2], h = d[d.length - 1], ["C", "Q", "A"].indexOf(g) > -1 ? (a = d[d.length - 4], o = d[d.length - 3]) : (a = l, o = h), v.push(d);
   }
   return v;
 }
@@ -1780,15 +1808,15 @@ function oa(t) {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-function ca(t, e, r, i = 1) {
+function ua(t, e, r, i = 1) {
   return new Gr(t, e, r).subdivide(i);
 }
-function ua(t, e, r, i, n = 1) {
-  return new Ft(
+function la(t, e, r, i, n = 1) {
+  return new jt(
     new Float64Array([t.x, t.y, e.x, e.y, r.x, r.y, i.x, i.y])
   ).subdivide(n);
 }
-function la(t) {
+function fa(t) {
   return t.x * t.x + t.y * t.y;
 }
 function $e(t) {
@@ -1809,19 +1837,19 @@ class Gr {
     };
   }
   mapToBasic() {
-    const { x: e, y: r } = this.start, { x: i, y: n } = this.control, { x: s, y: a } = this.end, o = 2 * i - e - s, u = 2 * n - r - a, h = (i - e) * o + (n - r) * u, l = (s - i) * o + (a - n) * u, p = (s - e) * u - (a - r) * o, v = h / p, m = l / p, d = Math.abs(p) / (Math.hypot(o, u) * Math.abs(m - v));
-    return { x0: e, x2: s, scale: d, cross: p };
+    const { x: e, y: r } = this.start, { x: i, y: n } = this.control, { x: s, y: a } = this.end, o = 2 * i - e - s, u = 2 * n - r - a, p = (i - e) * o + (n - r) * u, l = (s - i) * o + (a - n) * u, h = (s - e) * u - (a - r) * o, v = p / h, m = l / h, d = Math.abs(h) / (Math.hypot(o, u) * Math.abs(m - v));
+    return { x0: e, x2: s, scale: d, cross: h };
   }
   subdivide(e) {
-    const r = this.mapToBasic(), i = $e(r.x0), n = $e(r.x2), s = 0.5 * Math.abs(n - i) * Math.sqrt(r.scale / e), a = Math.ceil(s), o = Ie(i), u = Ie(n), h = [0];
+    const r = this.mapToBasic(), i = $e(r.x0), n = $e(r.x2), s = 0.5 * Math.abs(n - i) * Math.sqrt(r.scale / e), a = Math.ceil(s), o = Ie(i), u = Ie(n), p = [0];
     for (let l = 1; l < a; l++) {
-      const p = (Ie(i + (n - i) * l / a) - o) / (u - o);
-      h.push(p);
+      const h = (Ie(i + (n - i) * l / a) - o) / (u - o);
+      p.push(h);
     }
-    return h.push(1), h.map((l) => this.eval(l));
+    return p.push(1), p.map((l) => this.eval(l));
   }
 }
-class Ft {
+class jt {
   /// Argument is array of coordinate values [x0, y0, x1, y1, x2, y2, x3, y3].
   constructor(e) {
     We(this, "c"), this.c = e;
@@ -1849,11 +1877,11 @@ class Ft {
     const a = (r - e) / 3, o = this.deriv(e);
     i[2] = n.x + a * o.x, i[3] = n.y + a * o.y;
     const u = this.deriv(r);
-    return i[4] = s.x - a * u.x, i[5] = s.y - a * u.y, i[6] = s.x, i[7] = s.y, new Ft(i);
+    return i[4] = s.x - a * u.x, i[5] = s.y - a * u.y, i[6] = s.x, i[7] = s.y, new jt(i);
   }
   // Very fancy subdivision scheme
   subdivide(e) {
-    const r = 0.1 * e, i = e - r, n = Math.sqrt(i), s = la(this.weightsum(1, -3, 3, -1)), a = Math.ceil(Math.pow(s / (432 * r * r), 1 / 6)), o = [];
+    const r = 0.1 * e, i = e - r, n = Math.sqrt(i), s = fa(this.weightsum(1, -3, 3, -1)), a = Math.ceil(Math.pow(s / (432 * r * r), 1 / 6)), o = [];
     let u = 0;
     for (let d = 0; d < a; d++) {
       const g = d / a, A = (d + 1) / a, b = this.subsegment(g, A).midpoint_quadbez(), w = b.mapToBasic(), R = $e(w.x0), O = $e(w.x2), F = Math.sqrt(w.scale);
@@ -1869,19 +1897,19 @@ class Ft {
         val: T
       }), u += T;
     }
-    const h = 0.5 * u / n, l = Math.ceil(h), p = [{ x: this.c[0], y: this.c[1] }];
+    const p = 0.5 * u / n, l = Math.ceil(p), h = [{ x: this.c[0], y: this.c[1] }];
     let v = 0, m = 0;
     for (let d = 1; d < l; d++) {
       const g = u * d / l;
       for (; v + o[m].val < g; )
         v += o[m].val, m++;
       const A = o[m].a0, b = o[m].a2, w = Ie(A), R = Ie(b), O = A + (b - A) * (g - v) / o[m].val, F = (Ie(O) - w) / (R - w);
-      p.push(o[m].quad.eval(F));
+      h.push(o[m].quad.eval(F));
     }
-    return p.push({ x: this.c[6], y: this.c[7] }), p;
+    return h.push({ x: this.c[6], y: this.c[7] }), h;
   }
 }
-const fa = /&?(xywh=)?(pixel:|percent:|pct:)?([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?)/, pa = /&?(t=)(npt:)?([0-9]+(.[0-9]+)?)?(,([0-9]+(.[0-9]+)?))?/, er = /^rgba\((\d+),(\d+),(\d+),([0-9.]+)\)$/;
+const pa = /&?(xywh=)?(pixel:|percent:|pct:)?([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?)/, ha = /&?(t=)(npt:)?([0-9]+(.[0-9]+)?)?(,([0-9]+(.[0-9]+)?))?/, tr = /^rgba\((\d+),(\d+),(\d+),([0-9.]+)\)$/;
 function Qe(t, {
   domParser: e,
   svgPreprocessor: r,
@@ -1935,7 +1963,7 @@ function Qe(t, {
       iiifRenderingHints: i
     });
   }
-  if (va(t)) {
+  if (ga(t)) {
     const n = [];
     if (t.region) {
       const s = Qe(
@@ -1951,7 +1979,7 @@ function Qe(t, {
     });
   }
   if (t.type === "FragmentSelector") {
-    const n = fa.exec(t.value);
+    const n = pa.exec(t.value);
     if (n) {
       const a = {
         type: "BoxSelector",
@@ -1969,7 +1997,7 @@ function Qe(t, {
         iiifRenderingHints: i
       });
     }
-    const s = t.value.match(pa);
+    const s = t.value.match(ha);
     if (s) {
       const a = {
         type: "TemporalSelector",
@@ -2003,8 +2031,8 @@ function Qe(t, {
           selectors: [],
           iiifRenderingHints: i
         });
-      const p = Jr(l);
-      p && (n = p.points, u = p.shapeType, s = [
+      const h = Jr(l);
+      h && (n = h.points, u = h.shapeType, s = [
         Math.min(...n.map((v) => v[0])),
         // llx
         Math.min(...n.map((v) => v[1])),
@@ -2013,9 +2041,9 @@ function Qe(t, {
         // urx
         Math.max(...n.map((v) => v[1]))
         // ury
-      ], { style: a, svg: o } = ya(p.element) ?? { svg: o });
+      ], { style: a, svg: o } = va(h.element) ?? { svg: o });
     }
-    const h = {
+    const p = {
       type: "SvgSelector",
       svg: o,
       svgShape: u,
@@ -2024,8 +2052,8 @@ function Qe(t, {
       spatial: s ? { unit: "pixel", x: s[0], y: s[1], width: s[2] - s[0], height: s[3] - s[1] } : void 0
     };
     return ee({
-      selector: h,
-      selectors: [h],
+      selector: p,
+      selectors: [p],
       iiifRenderingHints: i
     });
   }
@@ -2035,7 +2063,7 @@ function Qe(t, {
     iiifRenderingHints: i
   });
 }
-function ha(t) {
+function da(t) {
   const e = t.map((i) => i[0]).reduce(
     (i, n) => (i[n] += 1, i),
     { C: 0, Q: 0, L: 0, M: 0 }
@@ -2065,8 +2093,8 @@ function Jr(t) {
         const i = r.getAttribute("d");
         if (!i)
           continue;
-        const n = oa(i);
-        return { element: r, points: da(n), shapeType: ha(n) };
+        const n = ca(i);
+        return { element: r, points: ya(n), shapeType: da(n) };
       }
       case "circle": {
         const i = parseFloat(r.getAttribute("cx") ?? "0"), n = parseFloat(r.getAttribute("cy") ?? "0"), s = parseFloat(r.getAttribute("r") ?? "0");
@@ -2085,8 +2113,8 @@ function Jr(t) {
           continue;
         const o = [];
         for (let u = 0; u <= 360; u += 12) {
-          const h = Math.tan(u / 360 * Math.PI), l = s * (1 - h ** 2) / (1 + h ** 2), p = a * 2 * h / (1 + h ** 2);
-          o.push([i + l, n + p]);
+          const p = Math.tan(u / 360 * Math.PI), l = s * (1 - p ** 2) / (1 + p ** 2), h = a * 2 * p / (1 + p ** 2);
+          o.push([i + l, n + h]);
         }
         return { element: r, points: o, shapeType: "ellipse" };
       }
@@ -2132,7 +2160,7 @@ function Jr(t) {
     }
   return null;
 }
-function da(t) {
+function ya(t) {
   const e = [];
   for (let r = 0; r < t.length; r++) {
     const i = e[e.length - 1] ?? [0, 0], n = t[r];
@@ -2143,7 +2171,7 @@ function da(t) {
         continue;
       case "C":
         e.push(
-          ...ua(
+          ...la(
             { x: i[0], y: i[1] },
             { x: n[1], y: n[2] },
             { x: n[3], y: n[4] },
@@ -2154,7 +2182,7 @@ function da(t) {
         continue;
       case "Q":
         e.push(
-          ...ca(
+          ...ua(
             { x: i[0], y: i[1] },
             { x: n[1], y: n[2] },
             { x: n[3], y: n[4] }
@@ -2166,14 +2194,14 @@ function da(t) {
   }
   return e;
 }
-function ya(t) {
+function va(t) {
   const e = {};
   if (t.hasAttribute("fill") ? (e.fill = t.getAttribute("fill"), t.removeAttribute("fill")) : t.style.fill && (e.fill = t.style.fill), e.fill) {
-    const i = er.exec(e.fill);
+    const i = tr.exec(e.fill);
     i && (e.fillOpacity = parseFloat(i[4]), e.fill = `rgb(${i[1]}, ${i[2]}, ${i[3]})`);
   }
   if (t.hasAttribute("fill-opacity") ? (e.fillOpacity = parseFloat(t.getAttribute("fill-opacity")), t.removeAttribute("fill-opacity")) : t.style.fillOpacity && (e.fillOpacity = parseFloat(t.style.fillOpacity)), t.hasAttribute("stroke") ? (e.stroke = t.getAttribute("stroke"), t.removeAttribute("stroke")) : t.style.stroke && (e.stroke = t.style.stroke), e.stroke) {
-    const i = er.exec(e.stroke);
+    const i = tr.exec(e.stroke);
     i && (e.strokeOpacity = parseFloat(i[4]), e.stroke = `rgb(${i[1]}, ${i[2]}, ${i[3]})`);
   }
   t.hasAttribute("stroke-opacity") ? (e.strokeOpacity = parseFloat(t.getAttribute("stroke-opacity")), t.removeAttribute("stroke-opacity")) : t.style.strokeOpacity && (e.strokeOpacity = parseFloat(t.style.strokeOpacity)), t.hasAttribute("stroke-width") ? (e.strokeWidth = t.getAttribute("stroke-width"), t.removeAttribute("stroke-width")) : t.style.strokeWidth && (e.strokeWidth = t.style.strokeWidth), t.hasAttribute("stroke-dasharray") ? (e.strokeDasharray = t.getAttribute("stroke-dasharray"), t.removeAttribute("stroke-dasharray")) : t.style.strokeDasharray && (e.strokeDasharray = t.style.strokeDasharray);
@@ -2183,14 +2211,14 @@ function ya(t) {
       throw new Error("Could not find root SVG element");
   return { svg: r.outerHTML, style: Object.keys(e).length > 0 ? e : void 0 };
 }
-function va(t) {
+function ga(t) {
   return !!t && t.type === "iiif:ImageApiSelector" && t.type === "iiif:ImageApiSelector";
 }
 function ee(t) {
   if (t.iiifRenderingHints) {
     const e = t.iiifRenderingHints;
     if (e.rotation) {
-      const r = ga(e.rotation);
+      const r = ma(e.rotation);
       if (r)
         if (t.selectors.length)
           for (const i of t.selectors)
@@ -2205,7 +2233,7 @@ function ee(t) {
     delete t.iiifRenderingHints;
   return t;
 }
-function ga(t) {
+function ma(t) {
   let e = parseFloat(t);
   return e && t.startsWith("!") && (e = 360 - e), e && (e = e % 360), e !== e ? 0 : e || 0;
 }
@@ -2282,24 +2310,24 @@ function Ce(t, e = {}) {
 }
 function Kr(t = {}, e = []) {
   const { id: r, selector: i } = t, n = Ee(), s = W(), a = r || n.annotation, o = Y(
-    (h) => a ? h.iiif.entities.Annotation[a] : void 0,
+    (p) => a ? p.iiif.entities.Annotation[a] : void 0,
     [a]
   ), u = Y(
-    (h) => o && o.body ? o.body.map((l) => l ? l.type === "SpecificResource" ? {
+    (p) => o && o.body ? o.body.map((l) => l ? l.type === "SpecificResource" ? {
       ...l,
       source: s.get(l)
-    } : l ? h.iiif.entities[l.type][l.id] : null : null).filter(Boolean) : [],
+    } : l ? p.iiif.entities[l.type][l.id] : null : null).filter(Boolean) : [],
     [o]
   );
   return j(() => {
     if (!o)
       return;
-    const h = {
+    const p = {
       ...o,
       body: u,
       target: Ce(o.target, { typeMap: s.getState().iiif.mapping })
     };
-    return i ? i(h) : h;
+    return i ? i(p) : p;
   }, [o, i, u, ...e]);
 }
 const Zr = ({
@@ -2308,14 +2336,14 @@ const Zr = ({
   className: r,
   interactive: i
 }) => {
-  const n = Kr({ id: t }), s = Xe(n, "atlas"), a = Xe(n, "html"), o = zr(n, ["atlas"]), u = me(), h = j(() => Xi(e, s), [e, s]);
+  const n = Kr({ id: t }), s = Xe(n, "atlas"), a = Xe(n, "html"), o = zr(n, ["atlas"]), u = me(), p = j(() => Xi(e, s), [e, s]);
   return u && n && n.target && n.target.selector && n.target.selector.type === "BoxSelector" && n.target.source && (n.target.source.id === u.id || n.target.source === u.id) ? /* @__PURE__ */ x(
     en,
     {
       id: n.id,
       isEditing: !0,
       region: n.target.selector.spatial,
-      style: h,
+      style: p,
       className: (a == null ? void 0 : a.className) || r,
       interactive: !!(a != null && a.href || i),
       href: (a == null ? void 0 : a.href) || null,
@@ -2327,7 +2355,7 @@ const Zr = ({
     }
   ) : null;
 };
-function ma(t = {}, e = []) {
+function ba(t = {}, e = []) {
   const { id: r, selector: i } = t, n = Ee(), s = r || n.annotationPage, a = Y(
     (o) => s ? o.iiif.entities.AnnotationPage[s] : void 0,
     [s]
@@ -2337,12 +2365,12 @@ function ma(t = {}, e = []) {
       return i ? i(a) : a;
   }, [a, ...e]);
 }
-const Rt = ({
+const Tt = ({
   className: t,
   page: e
 }) => {
   var s;
-  const r = ma({ id: e.id }) || e, i = Xe(r, "atlas"), n = Xe(r, "html");
+  const r = ba({ id: e.id }) || e, i = Xe(r, "atlas"), n = Xe(r, "html");
   return Y((a) => r.id ? a.iiif.entities.AnnotationPage[r.id] : null, []), /* @__PURE__ */ x(Je, { children: (s = r.items) == null ? void 0 : s.map((a) => /* @__PURE__ */ x(
     Zr,
     {
@@ -2363,9 +2391,9 @@ function Xr({
   children: a,
   selector: o,
   onClick: u,
-  enableSizes: h
+  enableSizes: p
 }) {
-  var p, v;
+  var h, v;
   const l = j(() => {
     if (!(!o || o.spatial.x === 0 && o.spatial.y === 0))
       return o.spatial;
@@ -2389,10 +2417,10 @@ function Xr({
               imageService: e.service,
               thumbnail: r && r.type === "fixed" ? r : void 0
             },
-            enableSizes: h,
+            enableSizes: p,
             x: 0,
             y: 0,
-            width: (p = e.target) == null ? void 0 : p.spatial.width,
+            width: (h = e.target) == null ? void 0 : h.spatial.width,
             height: (v = e.target) == null ? void 0 : v.spatial.height,
             crop: l
           }
@@ -2418,14 +2446,14 @@ function Xr({
     t + (e.service ? "server" : "no-service")
   );
 }
-var ba = Object.defineProperty, Aa = (t, e, r) => e in t ? ba(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Ye = (t, e, r) => (Aa(t, typeof e != "symbol" ? e + "" : e, r), r), xa = /* @__PURE__ */ function() {
+var Aa = Object.defineProperty, xa = (t, e, r) => e in t ? Aa(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Ye = (t, e, r) => (xa(t, typeof e != "symbol" ? e + "" : e, r), r), wa = /* @__PURE__ */ function() {
   function t(e, r) {
     var i = [], n = !0, s = !1, a = void 0;
     try {
       for (var o = e[Symbol.iterator](), u; !(n = (u = o.next()).done) && (i.push(u.value), !(r && i.length === r)); n = !0)
         ;
-    } catch (h) {
-      s = !0, a = h;
+    } catch (p) {
+      s = !0, a = p;
     } finally {
       try {
         !n && o.return && o.return();
@@ -2446,12 +2474,12 @@ var ba = Object.defineProperty, Aa = (t, e, r) => e in t ? ba(t, e, { enumerable
 }(), De = Math.PI * 2, yt = function(t, e, r, i, n, s, a) {
   var o = t.x, u = t.y;
   o *= e, u *= r;
-  var h = i * o - n * u, l = n * o + i * u;
+  var p = i * o - n * u, l = n * o + i * u;
   return {
-    x: h + s,
+    x: p + s,
     y: l + a
   };
-}, wa = function(t, e) {
+}, Sa = function(t, e) {
   var r = e === 1.5707963267948966 ? 0.551915024494 : e === -1.5707963267948966 ? -0.551915024494 : 1.3333333333333333 * Math.tan(e / 4), i = Math.cos(t), n = Math.sin(t), s = Math.cos(t + e), a = Math.sin(t + e);
   return [{
     x: i - n * r,
@@ -2463,16 +2491,16 @@ var ba = Object.defineProperty, Aa = (t, e, r) => e in t ? ba(t, e, { enumerable
     x: s,
     y: a
   }];
-}, tr = function(t, e, r, i) {
+}, rr = function(t, e, r, i) {
   var n = t * i - e * r < 0 ? -1 : 1, s = t * r + e * i;
   return s > 1 && (s = 1), s < -1 && (s = -1), n * Math.acos(s);
-}, Sa = function(t, e, r, i, n, s, a, o, u, h, l, p) {
-  var v = Math.pow(n, 2), m = Math.pow(s, 2), d = Math.pow(l, 2), g = Math.pow(p, 2), A = v * m - v * g - m * d;
+}, Ma = function(t, e, r, i, n, s, a, o, u, p, l, h) {
+  var v = Math.pow(n, 2), m = Math.pow(s, 2), d = Math.pow(l, 2), g = Math.pow(h, 2), A = v * m - v * g - m * d;
   A < 0 && (A = 0), A /= v * g + m * d, A = Math.sqrt(A) * (a === o ? -1 : 1);
-  var b = A * n / s * p, w = A * -s / n * l, R = h * b - u * w + (t + r) / 2, O = u * b + h * w + (e + i) / 2, F = (l - b) / n, T = (p - w) / s, P = (-l - b) / n, E = (-p - w) / s, M = tr(1, 0, F, T), $ = tr(F, T, P, E);
+  var b = A * n / s * h, w = A * -s / n * l, R = p * b - u * w + (t + r) / 2, O = u * b + p * w + (e + i) / 2, F = (l - b) / n, T = (h - w) / s, P = (-l - b) / n, E = (-h - w) / s, M = rr(1, 0, F, T), $ = rr(F, T, P, E);
   return o === 0 && $ > 0 && ($ -= De), o === 1 && $ < 0 && ($ += De), [R, O, M, $];
-}, Ma = function(t) {
-  var e = t.px, r = t.py, i = t.cx, n = t.cy, s = t.rx, a = t.ry, o = t.xAxisRotation, u = o === void 0 ? 0 : o, h = t.largeArcFlag, l = h === void 0 ? 0 : h, p = t.sweepFlag, v = p === void 0 ? 0 : p, m = [];
+}, Ca = function(t) {
+  var e = t.px, r = t.py, i = t.cx, n = t.cy, s = t.rx, a = t.ry, o = t.xAxisRotation, u = o === void 0 ? 0 : o, p = t.largeArcFlag, l = p === void 0 ? 0 : p, h = t.sweepFlag, v = h === void 0 ? 0 : h, m = [];
   if (s === 0 || a === 0)
     return [];
   var d = Math.sin(u * De / 360), g = Math.cos(u * De / 360), A = g * (e - i) / 2 + d * (r - n) / 2, b = -d * (e - i) / 2 + g * (r - n) / 2;
@@ -2481,26 +2509,26 @@ var ba = Object.defineProperty, Aa = (t, e, r) => e in t ? ba(t, e, { enumerable
   s = Math.abs(s), a = Math.abs(a);
   var w = Math.pow(A, 2) / Math.pow(s, 2) + Math.pow(b, 2) / Math.pow(a, 2);
   w > 1 && (s *= Math.sqrt(w), a *= Math.sqrt(w));
-  var R = Sa(e, r, i, n, s, a, l, v, d, g, A, b), O = xa(R, 4), F = O[0], T = O[1], P = O[2], E = O[3], M = Math.abs(E) / (De / 4);
+  var R = Ma(e, r, i, n, s, a, l, v, d, g, A, b), O = wa(R, 4), F = O[0], T = O[1], P = O[2], E = O[3], M = Math.abs(E) / (De / 4);
   Math.abs(1 - M) < 1e-7 && (M = 1);
   var $ = Math.max(Math.ceil(M), 1);
   E /= $;
   for (var ie = 0; ie < $; ie++)
-    m.push(wa(P, E)), P += E;
+    m.push(Sa(P, E)), P += E;
   return m.map(function(K) {
     var U = yt(K[0], s, a, g, d, F, T), N = U.x, X = U.y, ne = yt(K[1], s, a, g, d, F, T), Ae = ne.x, k = ne.y, H = yt(K[2], s, a, g, d, F, T), Z = H.x, pe = H.y;
     return { x1: N, y1: X, x2: Ae, y2: k, x: Z, y: pe };
   });
-}, Ca = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+}, Ra = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function ei(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ra = Ia, vt = { a: 7, c: 6, h: 1, l: 2, m: 2, q: 4, s: 4, t: 2, v: 1, z: 0 }, Ta = /([astvzqmhlc])([^astvzqmhlc]*)/ig;
-function Ia(t) {
+var Ta = ka, vt = { a: 7, c: 6, h: 1, l: 2, m: 2, q: 4, s: 4, t: 2, v: 1, z: 0 }, Ia = /([astvzqmhlc])([^astvzqmhlc]*)/ig;
+function ka(t) {
   var e = [];
-  return t.replace(Ta, function(r, i, n) {
+  return t.replace(Ia, function(r, i, n) {
     var s = i.toLowerCase();
-    for (n = Oa(n), s == "m" && n.length > 2 && (e.push([i].concat(n.splice(0, 2))), s = "l", i = i == "m" ? "l" : "L"); ; ) {
+    for (n = Ea(n), s == "m" && n.length > 2 && (e.push([i].concat(n.splice(0, 2))), s = "l", i = i == "m" ? "l" : "L"); ; ) {
       if (n.length == vt[s])
         return n.unshift(i), e.push(n);
       if (n.length < vt[s])
@@ -2509,14 +2537,14 @@ function Ia(t) {
     }
   }), e;
 }
-var ka = /-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/ig;
-function Oa(t) {
-  var e = t.match(ka);
+var Oa = /-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/ig;
+function Ea(t) {
+  var e = t.match(Oa);
   return e ? e.map(Number) : [];
 }
-const Ea = /* @__PURE__ */ ei(Ra);
-var Pa = La;
-function La(t) {
+const Pa = /* @__PURE__ */ ei(Ta);
+var La = Fa;
+function Fa(t) {
   var e = 0, r = 0, i = 0, n = 0;
   return t.map(function(s) {
     s = s.slice();
@@ -2555,10 +2583,10 @@ function La(t) {
     return s;
   });
 }
-const Fa = /* @__PURE__ */ ei(Pa);
-function ja(t) {
-  const e = Ea(t), r = Fa(e);
-  let i, n = 0, s = 0, a = 0, o = 0, u, h, l = 0, p = 0;
+const ja = /* @__PURE__ */ ei(La);
+function $a(t) {
+  const e = Pa(t), r = ja(e);
+  let i, n = 0, s = 0, a = 0, o = 0, u, p, l = 0, h = 0;
   const v = [];
   for (let m = 0; m < r.length; m++) {
     let d = r[m];
@@ -2575,21 +2603,21 @@ function ja(t) {
         break;
       case "S":
         {
-          let A = l, b = p;
+          let A = l, b = h;
           (i === "C" || i == "S") && (A += A - a, b += b - o), d = ["C", A, b, d[1], d[2], d[3], d[4]];
         }
         break;
       case "T":
-        i === "Q" || i == "T" ? (u = l * 2 - u, h = p * 2 - h) : (u = l, h = p), d = ["Q", u, h, d[1], d[2]];
+        i === "Q" || i == "T" ? (u = l * 2 - u, p = h * 2 - p) : (u = l, p = h), d = ["Q", u, p, d[1], d[2]];
         break;
       case "Q":
-        u = d[1], h = d[2];
+        u = d[1], p = d[2];
         break;
       case "A":
         {
-          const A = Ma({
+          const A = Ca({
             px: l,
-            py: p,
+            py: h,
             cx: d[6],
             cy: d[7],
             rx: d[1],
@@ -2609,7 +2637,7 @@ function ja(t) {
         d = ["L", n, s];
         break;
     }
-    i = g, l = d[d.length - 2], p = d[d.length - 1], ["C", "Q", "A"].indexOf(g) > -1 ? (a = d[d.length - 4], o = d[d.length - 3]) : (a = l, o = p), v.push(d);
+    i = g, l = d[d.length - 2], h = d[d.length - 1], ["C", "Q", "A"].indexOf(g) > -1 ? (a = d[d.length - 4], o = d[d.length - 3]) : (a = l, o = h), v.push(d);
   }
   return v;
 }
@@ -2644,15 +2672,15 @@ function ja(t) {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-function $a(t, e, r, i = 1) {
+function Da(t, e, r, i = 1) {
   return new ti(t, e, r).subdivide(i);
 }
-function Da(t, e, r, i, n = 1) {
-  return new jt(
+function qa(t, e, r, i, n = 1) {
+  return new $t(
     new Float64Array([t.x, t.y, e.x, e.y, r.x, r.y, i.x, i.y])
   ).subdivide(n);
 }
-function qa(t) {
+function _a(t) {
   return t.x * t.x + t.y * t.y;
 }
 function qe(t) {
@@ -2673,19 +2701,19 @@ class ti {
     };
   }
   mapToBasic() {
-    const { x: e, y: r } = this.start, { x: i, y: n } = this.control, { x: s, y: a } = this.end, o = 2 * i - e - s, u = 2 * n - r - a, h = (i - e) * o + (n - r) * u, l = (s - i) * o + (a - n) * u, p = (s - e) * u - (a - r) * o, v = h / p, m = l / p, d = Math.abs(p) / (Math.hypot(o, u) * Math.abs(m - v));
-    return { x0: e, x2: s, scale: d, cross: p };
+    const { x: e, y: r } = this.start, { x: i, y: n } = this.control, { x: s, y: a } = this.end, o = 2 * i - e - s, u = 2 * n - r - a, p = (i - e) * o + (n - r) * u, l = (s - i) * o + (a - n) * u, h = (s - e) * u - (a - r) * o, v = p / h, m = l / h, d = Math.abs(h) / (Math.hypot(o, u) * Math.abs(m - v));
+    return { x0: e, x2: s, scale: d, cross: h };
   }
   subdivide(e) {
-    const r = this.mapToBasic(), i = qe(r.x0), n = qe(r.x2), s = 0.5 * Math.abs(n - i) * Math.sqrt(r.scale / e), a = Math.ceil(s), o = ke(i), u = ke(n), h = [0];
+    const r = this.mapToBasic(), i = qe(r.x0), n = qe(r.x2), s = 0.5 * Math.abs(n - i) * Math.sqrt(r.scale / e), a = Math.ceil(s), o = ke(i), u = ke(n), p = [0];
     for (let l = 1; l < a; l++) {
-      const p = (ke(i + (n - i) * l / a) - o) / (u - o);
-      h.push(p);
+      const h = (ke(i + (n - i) * l / a) - o) / (u - o);
+      p.push(h);
     }
-    return h.push(1), h.map((l) => this.eval(l));
+    return p.push(1), p.map((l) => this.eval(l));
   }
 }
-class jt {
+class $t {
   /// Argument is array of coordinate values [x0, y0, x1, y1, x2, y2, x3, y3].
   constructor(e) {
     Ye(this, "c"), this.c = e;
@@ -2713,11 +2741,11 @@ class jt {
     const a = (r - e) / 3, o = this.deriv(e);
     i[2] = n.x + a * o.x, i[3] = n.y + a * o.y;
     const u = this.deriv(r);
-    return i[4] = s.x - a * u.x, i[5] = s.y - a * u.y, i[6] = s.x, i[7] = s.y, new jt(i);
+    return i[4] = s.x - a * u.x, i[5] = s.y - a * u.y, i[6] = s.x, i[7] = s.y, new $t(i);
   }
   // Very fancy subdivision scheme
   subdivide(e) {
-    const r = 0.1 * e, i = e - r, n = Math.sqrt(i), s = qa(this.weightsum(1, -3, 3, -1)), a = Math.ceil(Math.pow(s / (432 * r * r), 1 / 6)), o = [];
+    const r = 0.1 * e, i = e - r, n = Math.sqrt(i), s = _a(this.weightsum(1, -3, 3, -1)), a = Math.ceil(Math.pow(s / (432 * r * r), 1 / 6)), o = [];
     let u = 0;
     for (let d = 0; d < a; d++) {
       const g = d / a, A = (d + 1) / a, b = this.subsegment(g, A).midpoint_quadbez(), w = b.mapToBasic(), R = qe(w.x0), O = qe(w.x2), F = Math.sqrt(w.scale);
@@ -2733,19 +2761,19 @@ class jt {
         val: T
       }), u += T;
     }
-    const h = 0.5 * u / n, l = Math.ceil(h), p = [{ x: this.c[0], y: this.c[1] }];
+    const p = 0.5 * u / n, l = Math.ceil(p), h = [{ x: this.c[0], y: this.c[1] }];
     let v = 0, m = 0;
     for (let d = 1; d < l; d++) {
       const g = u * d / l;
       for (; v + o[m].val < g; )
         v += o[m].val, m++;
       const A = o[m].a0, b = o[m].a2, w = ke(A), R = ke(b), O = A + (b - A) * (g - v) / o[m].val, F = (ke(O) - w) / (R - w);
-      p.push(o[m].quad.eval(F));
+      h.push(o[m].quad.eval(F));
     }
-    return p.push({ x: this.c[6], y: this.c[7] }), p;
+    return h.push({ x: this.c[6], y: this.c[7] }), h;
   }
 }
-const _a = /&?(xywh=)?(pixel:|percent:|pct:)?([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?)/, Ua = /&?(t=)(npt:)?([0-9]+(.[0-9]+)?)?(,([0-9]+(.[0-9]+)?))?/, rr = /^rgba\((\d+),(\d+),(\d+),([0-9.]+)\)$/;
+const Ua = /&?(xywh=)?(pixel:|percent:|pct:)?([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?)/, Va = /&?(t=)(npt:)?([0-9]+(.[0-9]+)?)?(,([0-9]+(.[0-9]+)?))?/, ir = /^rgba\((\d+),(\d+),(\d+),([0-9.]+)\)$/;
 function Ge(t, {
   domParser: e,
   svgPreprocessor: r,
@@ -2799,7 +2827,7 @@ function Ge(t, {
       iiifRenderingHints: i
     });
   }
-  if (Ba(t)) {
+  if (za(t)) {
     const n = [];
     if (t.region) {
       const s = Ge(
@@ -2815,7 +2843,7 @@ function Ge(t, {
     });
   }
   if (t.type === "FragmentSelector") {
-    const n = _a.exec(t.value);
+    const n = Ua.exec(t.value);
     if (n) {
       const a = {
         type: "BoxSelector",
@@ -2833,7 +2861,7 @@ function Ge(t, {
         iiifRenderingHints: i
       });
     }
-    const s = t.value.match(Ua);
+    const s = t.value.match(Va);
     if (s) {
       const a = {
         type: "TemporalSelector",
@@ -2867,8 +2895,8 @@ function Ge(t, {
           selectors: [],
           iiifRenderingHints: i
         });
-      const p = ri(l);
-      p && (n = p.points, u = p.shapeType, s = [
+      const h = ri(l);
+      h && (n = h.points, u = h.shapeType, s = [
         Math.min(...n.map((v) => v[0])),
         // llx
         Math.min(...n.map((v) => v[1])),
@@ -2877,9 +2905,9 @@ function Ge(t, {
         // urx
         Math.max(...n.map((v) => v[1]))
         // ury
-      ], { style: a, svg: o } = Ha(p.element) ?? { svg: o });
+      ], { style: a, svg: o } = Ba(h.element) ?? { svg: o });
     }
-    const h = {
+    const p = {
       type: "SvgSelector",
       svg: o,
       svgShape: u,
@@ -2888,8 +2916,8 @@ function Ge(t, {
       spatial: s ? { unit: "pixel", x: s[0], y: s[1], width: s[2] - s[0], height: s[3] - s[1] } : void 0
     };
     return te({
-      selector: h,
-      selectors: [h],
+      selector: p,
+      selectors: [p],
       iiifRenderingHints: i
     });
   }
@@ -2899,7 +2927,7 @@ function Ge(t, {
     iiifRenderingHints: i
   });
 }
-function Va(t) {
+function Na(t) {
   const e = t.map((i) => i[0]).reduce(
     (i, n) => (i[n] += 1, i),
     { C: 0, Q: 0, L: 0, M: 0 }
@@ -2929,8 +2957,8 @@ function ri(t) {
         const i = r.getAttribute("d");
         if (!i)
           continue;
-        const n = ja(i);
-        return { element: r, points: Na(n), shapeType: Va(n) };
+        const n = $a(i);
+        return { element: r, points: Ha(n), shapeType: Na(n) };
       }
       case "circle": {
         const i = parseFloat(r.getAttribute("cx") ?? "0"), n = parseFloat(r.getAttribute("cy") ?? "0"), s = parseFloat(r.getAttribute("r") ?? "0");
@@ -2949,8 +2977,8 @@ function ri(t) {
           continue;
         const o = [];
         for (let u = 0; u <= 360; u += 12) {
-          const h = Math.tan(u / 360 * Math.PI), l = s * (1 - h ** 2) / (1 + h ** 2), p = a * 2 * h / (1 + h ** 2);
-          o.push([i + l, n + p]);
+          const p = Math.tan(u / 360 * Math.PI), l = s * (1 - p ** 2) / (1 + p ** 2), h = a * 2 * p / (1 + p ** 2);
+          o.push([i + l, n + h]);
         }
         return { element: r, points: o, shapeType: "ellipse" };
       }
@@ -2996,7 +3024,7 @@ function ri(t) {
     }
   return null;
 }
-function Na(t) {
+function Ha(t) {
   const e = [];
   for (let r = 0; r < t.length; r++) {
     const i = e[e.length - 1] ?? [0, 0], n = t[r];
@@ -3007,7 +3035,7 @@ function Na(t) {
         continue;
       case "C":
         e.push(
-          ...Da(
+          ...qa(
             { x: i[0], y: i[1] },
             { x: n[1], y: n[2] },
             { x: n[3], y: n[4] },
@@ -3018,7 +3046,7 @@ function Na(t) {
         continue;
       case "Q":
         e.push(
-          ...$a(
+          ...Da(
             { x: i[0], y: i[1] },
             { x: n[1], y: n[2] },
             { x: n[3], y: n[4] }
@@ -3030,14 +3058,14 @@ function Na(t) {
   }
   return e;
 }
-function Ha(t) {
+function Ba(t) {
   const e = {};
   if (t.hasAttribute("fill") ? (e.fill = t.getAttribute("fill"), t.removeAttribute("fill")) : t.style.fill && (e.fill = t.style.fill), e.fill) {
-    const i = rr.exec(e.fill);
+    const i = ir.exec(e.fill);
     i && (e.fillOpacity = parseFloat(i[4]), e.fill = `rgb(${i[1]}, ${i[2]}, ${i[3]})`);
   }
   if (t.hasAttribute("fill-opacity") ? (e.fillOpacity = parseFloat(t.getAttribute("fill-opacity")), t.removeAttribute("fill-opacity")) : t.style.fillOpacity && (e.fillOpacity = parseFloat(t.style.fillOpacity)), t.hasAttribute("stroke") ? (e.stroke = t.getAttribute("stroke"), t.removeAttribute("stroke")) : t.style.stroke && (e.stroke = t.style.stroke), e.stroke) {
-    const i = rr.exec(e.stroke);
+    const i = ir.exec(e.stroke);
     i && (e.strokeOpacity = parseFloat(i[4]), e.stroke = `rgb(${i[1]}, ${i[2]}, ${i[3]})`);
   }
   t.hasAttribute("stroke-opacity") ? (e.strokeOpacity = parseFloat(t.getAttribute("stroke-opacity")), t.removeAttribute("stroke-opacity")) : t.style.strokeOpacity && (e.strokeOpacity = parseFloat(t.style.strokeOpacity)), t.hasAttribute("stroke-width") ? (e.strokeWidth = t.getAttribute("stroke-width"), t.removeAttribute("stroke-width")) : t.style.strokeWidth && (e.strokeWidth = t.style.strokeWidth), t.hasAttribute("stroke-dasharray") ? (e.strokeDasharray = t.getAttribute("stroke-dasharray"), t.removeAttribute("stroke-dasharray")) : t.style.strokeDasharray && (e.strokeDasharray = t.style.strokeDasharray);
@@ -3047,14 +3075,14 @@ function Ha(t) {
       throw new Error("Could not find root SVG element");
   return { svg: r.outerHTML, style: Object.keys(e).length > 0 ? e : void 0 };
 }
-function Ba(t) {
+function za(t) {
   return !!t && t.type === "iiif:ImageApiSelector" && t.type === "iiif:ImageApiSelector";
 }
 function te(t) {
   if (t.iiifRenderingHints) {
     const e = t.iiifRenderingHints;
     if (e.rotation) {
-      const r = za(e.rotation);
+      const r = Wa(e.rotation);
       if (r)
         if (t.selectors.length)
           for (const i of t.selectors)
@@ -3069,7 +3097,7 @@ function te(t) {
     delete t.iiifRenderingHints;
   return t;
 }
-function za(t) {
+function Wa(t) {
   let e = parseFloat(t);
   return e && t.startsWith("!") && (e = 360 - e), e && (e = e % 360), e !== e ? 0 : e || 0;
 }
@@ -3144,11 +3172,11 @@ function Fe(t, e = {}) {
     selectors: []
   };
 }
-var Wa = Object.defineProperty, Qa = (t, e, r) => e in t ? Wa(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, ir = (t, e, r) => (Qa(t, typeof e != "symbol" ? e + "" : e, r), r);
-function Ya(t) {
+var Qa = Object.defineProperty, Ya = (t, e, r) => e in t ? Qa(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, nr = (t, e, r) => (Ya(t, typeof e != "symbol" ? e + "" : e, r), r);
+function Ga(t) {
   return Array.isArray(t) ? t : t ? [t] : [];
 }
-const nr = [
+const sr = [
   "sc:Collection",
   "sc:Manifest",
   "sc:Canvas",
@@ -3161,7 +3189,7 @@ const nr = [
   "Service",
   "ContentResource"
 ];
-function Ga(t) {
+function Ja(t) {
   if (typeof t > "u" || t === null)
     throw new Error("Null or undefined is not a valid entity.");
   if (Array.isArray(t))
@@ -3169,9 +3197,9 @@ function Ga(t) {
   if (typeof t != "object")
     throw new Error(`${typeof t} is not a valid entity`);
   if (typeof t["@type"] == "string") {
-    const e = nr.indexOf(t["@type"]);
+    const e = sr.indexOf(t["@type"]);
     if (e !== -1)
-      return nr[e];
+      return sr[e];
   }
   if (t.profile)
     return "Service";
@@ -3179,9 +3207,9 @@ function Ga(t) {
     return "ContentResource";
   throw new Error("Resource type is not known");
 }
-class $t {
+class Dt {
   constructor(e, r = {}) {
-    ir(this, "traversals"), ir(this, "options"), this.traversals = {
+    nr(this, "traversals"), nr(this, "options"), this.traversals = {
       collection: [],
       manifest: [],
       canvas: [],
@@ -3202,7 +3230,7 @@ class $t {
     };
   }
   static all(e) {
-    return new $t({
+    return new Dt({
       collection: [e],
       manifest: [e],
       canvas: [e],
@@ -3330,7 +3358,7 @@ class $t {
   traverseUnknown(e) {
     if (!e["@type"] || typeof e == "string")
       return e;
-    switch (Ga(e)) {
+    switch (Ja(e)) {
       case "sc:Collection":
         return this.traverseCollection(e);
       case "sc:Manifest":
@@ -3403,7 +3431,7 @@ class $t {
     }, e);
   }
 }
-const Ja = "http://library.stanford.edu/iiif/image-api/compliance.html#level0", ii = "http://library.stanford.edu/iiif/image-api/compliance.html#level1", ni = "http://library.stanford.edu/iiif/image-api/compliance.html#level2", Ka = "http://library.stanford.edu/iiif/image-api/conformance.html#level0", si = "http://library.stanford.edu/iiif/image-api/conformance.html#level1", ai = "http://library.stanford.edu/iiif/image-api/conformance.html#level2", Za = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level0", oi = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level1", ci = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level2", Xa = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level0", ui = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level1", li = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level2", eo = "http://iiif.io/api/image/1/level0.json", to = "http://iiif.io/api/image/1/profiles/level0.json", fi = "http://iiif.io/api/image/1/level1.json", pi = "http://iiif.io/api/image/1/profiles/level1.json", hi = "http://iiif.io/api/image/1/level2.json", di = "http://iiif.io/api/image/1/profiles/level2.json", ro = "http://iiif.io/api/image/2/level0.json", io = "http://iiif.io/api/image/2/profiles/level0.json", yi = "http://iiif.io/api/image/2/level1.json", vi = "http://iiif.io/api/image/2/profiles/level1.json", gi = "http://iiif.io/api/image/2/level2.json", mi = "http://iiif.io/api/image/2/profiles/level2.json", no = "level0", bi = "level1", Ai = "level2", so = "http://iiif.io/api/image/2/level0", xi = "http://iiif.io/api/image/2/level1", wi = "http://iiif.io/api/image/2/level2", ao = [
+const Ka = "http://library.stanford.edu/iiif/image-api/compliance.html#level0", ii = "http://library.stanford.edu/iiif/image-api/compliance.html#level1", ni = "http://library.stanford.edu/iiif/image-api/compliance.html#level2", Za = "http://library.stanford.edu/iiif/image-api/conformance.html#level0", si = "http://library.stanford.edu/iiif/image-api/conformance.html#level1", ai = "http://library.stanford.edu/iiif/image-api/conformance.html#level2", Xa = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level0", oi = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level1", ci = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level2", eo = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level0", ui = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level1", li = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level2", to = "http://iiif.io/api/image/1/level0.json", ro = "http://iiif.io/api/image/1/profiles/level0.json", fi = "http://iiif.io/api/image/1/level1.json", pi = "http://iiif.io/api/image/1/profiles/level1.json", hi = "http://iiif.io/api/image/1/level2.json", di = "http://iiif.io/api/image/1/profiles/level2.json", io = "http://iiif.io/api/image/2/level0.json", no = "http://iiif.io/api/image/2/profiles/level0.json", yi = "http://iiif.io/api/image/2/level1.json", vi = "http://iiif.io/api/image/2/profiles/level1.json", gi = "http://iiif.io/api/image/2/level2.json", mi = "http://iiif.io/api/image/2/profiles/level2.json", so = "level0", bi = "level1", Ai = "level2", ao = "http://iiif.io/api/image/2/level0", xi = "http://iiif.io/api/image/2/level1", wi = "http://iiif.io/api/image/2/level2", oo = [
   xi,
   wi,
   ii,
@@ -3424,35 +3452,35 @@ const Ja = "http://library.stanford.edu/iiif/image-api/compliance.html#level0",
   mi,
   bi,
   Ai
-], oo = [
-  so,
+], co = [
+  ao,
   xi,
   wi,
-  Ja,
+  Ka,
   ii,
   ni,
-  Ka,
+  Za,
   si,
   ai,
-  Za,
+  Xa,
   oi,
   ci,
-  Xa,
+  eo,
   ui,
   li,
-  eo,
   to,
+  ro,
   fi,
   pi,
   hi,
   di,
-  ro,
   io,
+  no,
   yi,
   vi,
   gi,
   mi,
-  no,
+  so,
   bi,
   Ai
 ];
@@ -3461,7 +3489,7 @@ function ue(t) {
     (typeof t[e] > "u" || t[e] === null) && delete t[e];
   return t;
 }
-const Tt = {
+const It = {
   attributionLabel: "Attribution",
   lang: "none",
   providerId: "http://example.org/provider",
@@ -3488,14 +3516,14 @@ function Re(t, e = "none") {
 function Si(t) {
   if (Array.isArray(t))
     return Si(t.find((e) => typeof e == "string"));
-  if (oo.indexOf(t) !== -1)
+  if (co.indexOf(t) !== -1)
     return "level2";
-  if (ao.indexOf(t) !== -1)
+  if (oo.indexOf(t) !== -1)
     return "level1";
   if (typeof t == "string")
     return t;
 }
-function co(t) {
+function uo(t) {
   const e = Array.isArray(t) ? t : [t];
   for (const r of e)
     switch (r) {
@@ -3509,7 +3537,7 @@ function co(t) {
         return "ImageApiSelector";
     }
 }
-function uo(t) {
+function lo(t) {
   switch (t) {
     case "http://iiif.io/api/image/2/level0.json":
     case "http://iiif.io/api/image/2/level1.json":
@@ -3538,24 +3566,24 @@ function uo(t) {
       return "AutoCompleteService1";
   }
 }
-function sr(t) {
+function ar(t) {
   for (const e of ["sc", "oa", "dcterms", "dctypes", "iiif"])
     if (t.startsWith(`${e}:`))
       return t.slice(e.length + 1);
   return t;
 }
-const lo = ["Collection", "Manifest", "Annotation", "AnnotationPage", "Range", "Service"];
-function Dt(t) {
+const fo = ["Collection", "Manifest", "Annotation", "AnnotationPage", "Range", "Service"];
+function qt(t) {
   const e = t["@id"] || t.id;
   let r = t["@type"] || t.type;
   const i = t.profile || void 0, n = t["@context"] || void 0;
   if (i) {
-    const s = uo(i);
+    const s = lo(i);
     if (s)
       return s;
   }
   if (n) {
-    const s = co(n);
+    const s = uo(n);
     if (s)
       return s;
   }
@@ -3581,7 +3609,7 @@ function Dt(t) {
         return "TextualBody";
     }
   }
-  if (r && lo.indexOf(r) !== -1)
+  if (r && fo.indexOf(r) !== -1)
     return r;
   if (t.format) {
     if (t.format.startsWith("image/"))
@@ -3593,16 +3621,16 @@ function Dt(t) {
   }
   return e && (e.endsWith(".jpg") || e.endsWith(".png") || e.endsWith(".jpeg")) ? "Image" : r || "unknown";
 }
-const fo = /http(s)?:\/\/(creativecommons.org|rightsstatements.org)[^"'\\<\n]+/gm;
-function po(t) {
-  const e = t.match(fo);
+const po = /http(s)?:\/\/(creativecommons.org|rightsstatements.org)[^"'\\<\n]+/gm;
+function ho(t) {
+  const e = t.match(po);
   return e ? e[0] : t;
 }
-function ho(t, e = "Rights/License", r = "none") {
+function yo(t, e = "Rights/License", r = "none") {
   let i = null;
   const n = [], s = Array.isArray(t) ? t : [t];
   for (const a of s) {
-    const o = a ? po(a) : void 0;
+    const o = a ? ho(a) : void 0;
     if (o && (o.indexOf("creativecommons.org") !== -1 || o.indexOf("rightsstatements.org") !== -1)) {
       o.startsWith("https://") ? i = `http://${o.slice(8)}` : i = o;
       continue;
@@ -3614,7 +3642,7 @@ function ho(t, e = "Rights/License", r = "none") {
   }
   return [i, n];
 }
-const yo = [
+const vo = [
   "http://iiif.io/api/presentation/2/context.json",
   "http://iiif.io/api/image/2/context.json",
   "http://iiif.io/api/image/1/context.json",
@@ -3625,34 +3653,34 @@ const yo = [
   "http://iiif.io/api/auth/0/context.json",
   "http://iiif.io/api/annex/openannotation/context.json"
 ];
-function vo(t) {
+function go(t) {
   if (t) {
     const e = Array.isArray(t) ? t : [t], r = [];
     for (const i of e)
-      i === "http://iiif.io/api/presentation/2/context.json" && r.push("http://iiif.io/api/presentation/3/context.json"), yo.indexOf(i) === -1 && r.push(i);
+      i === "http://iiif.io/api/presentation/2/context.json" && r.push("http://iiif.io/api/presentation/3/context.json"), vo.indexOf(i) === -1 && r.push(i);
     if (e.length)
       return r.length === 1 ? r[0] : r;
   }
 }
-function go(t) {
+function mo(t) {
   return t ? t.map((e) => ({
     label: Re(e.label),
     value: Re(e.value)
   })) : [];
 }
-let ar = 0;
+let or = 0;
 function Mi(t, e) {
   const r = encodeURI(t.id || t["@id"] || "").trim();
-  return r && e ? `${r}/${e}` : r || (ar++, `http://example.org/${t["@type"]}${e ? `/${e}` : ""}/${ar}`);
+  return r && e ? `${r}/${e}` : r || (or++, `http://example.org/${t["@type"]}${e ? `/${e}` : ""}/${or}`);
 }
 function le(t) {
   const e = [...t.behavior || []];
   t.viewingHint && e.push(t.viewingHint);
   let r;
-  return Array.isArray(t.motivation) ? r = t.motivation.map(sr) : t.motivation && (r = sr(t.motivation)), {
-    "@context": t["@context"] ? vo(t["@context"]) : void 0,
+  return Array.isArray(t.motivation) ? r = t.motivation.map(ar) : t.motivation && (r = ar(t.motivation)), {
+    "@context": t["@context"] ? go(t["@context"]) : void 0,
     id: (t["@id"] || Mi(t)).trim(),
-    type: Dt(t),
+    type: qt(t),
     behavior: e.length ? e : void 0,
     height: t.height ? t.height : void 0,
     width: t.width ? t.width : void 0,
@@ -3665,24 +3693,24 @@ function le(t) {
   };
 }
 function fe(t) {
-  const [e, r] = ho(t.license), i = [...t.metadata ? go(t.metadata) : [], ...r];
+  const [e, r] = yo(t.license), i = [...t.metadata ? mo(t.metadata) : [], ...r];
   return {
     rights: e,
     metadata: i.length ? i : void 0,
     label: t.label ? Re(t.label) : void 0,
     requiredStatement: t.attribution ? {
-      label: Re(Tt.attributionLabel),
+      label: Re(It.attributionLabel),
       value: Re(t.attribution)
     } : void 0,
     navDate: t.navDate,
     summary: t.description ? Re(t.description) : void 0,
-    thumbnail: mo(t.thumbnail)
+    thumbnail: bo(t.thumbnail)
   };
 }
-function mo(t) {
+function bo(t) {
   return t && (Array.isArray(t) ? t : [t]).map((e) => typeof e == "string" ? { id: e, type: "Image" } : (e.type === "unknown" && (e.type = "Image"), e));
 }
-function bo(t) {
+function Ao(t) {
   if (!t.within)
     return;
   const e = Array.isArray(t.within) ? t.within : [t.within], r = [];
@@ -3697,7 +3725,7 @@ function bo(t) {
     } else
       i["@id"] && r.push({
         id: i["@id"],
-        type: Dt(i)
+        type: qt(i)
       });
   return r.length ? r : void 0;
 }
@@ -3706,29 +3734,29 @@ function be(t) {
   return {
     provider: t.logo || e.length ? [
       {
-        id: Tt.providerId,
+        id: It.providerId,
         type: "Agent",
         homepage: e.length ? [e[0]] : void 0,
         logo: t.logo ? Array.isArray(t.logo) ? t.logo : [t.logo] : void 0,
-        label: Re(Tt.providerName)
+        label: Re(It.providerName)
       }
     ] : void 0,
-    partOf: bo(t),
+    partOf: Ao(t),
     rendering: t.rendering,
     seeAlso: t.seeAlso,
     start: t.startCanvas,
-    service: t.service ? Ya(t.service) : void 0,
+    service: t.service ? Ga(t.service) : void 0,
     supplementary: r ? [r] : void 0
   };
 }
-function Ao(t) {
+function xo(t) {
   return {
     chars: t.chars,
     format: t.format ? t.format : void 0,
     language: t.language
   };
 }
-function xo(t) {
+function wo(t) {
   return ue({
     ...le(t),
     ...fe(t),
@@ -3736,7 +3764,7 @@ function xo(t) {
     items: t.members
   });
 }
-function wo(t) {
+function So(t) {
   const e = [], r = [];
   let i;
   for (const s of t.sequences || [])
@@ -3751,7 +3779,7 @@ function wo(t) {
     structures: t.structures
   });
 }
-function So(t) {
+function Mo(t) {
   return ue({
     ...le(t),
     ...fe(t),
@@ -3766,7 +3794,7 @@ function So(t) {
     ] : void 0
   });
 }
-function Mo(t) {
+function Co(t) {
   return ue({
     ...le(t),
     ...fe(t),
@@ -3774,7 +3802,7 @@ function Mo(t) {
     items: t.resources && t.resources.length ? t.resources : void 0
   });
 }
-function Co(t) {
+function Ro(t) {
   return !t.canvases || t.canvases.length === 0 ? {
     canvases: [],
     behavior: []
@@ -3784,7 +3812,7 @@ function Co(t) {
     startCanvas: t.startCanvas
   };
 }
-function Ro(t) {
+function To(t) {
   function e(r) {
     if (Array.isArray(r)) {
       if (r.length > 1)
@@ -3806,7 +3834,7 @@ function Ro(t) {
       return {
         type: "SpecificResource",
         source: i,
-        selector: kt(r.selector)
+        selector: Ot(r.selector)
       };
     } else
       return encodeURI(r["@id"]).trim();
@@ -3816,19 +3844,19 @@ function Ro(t) {
     ...fe(t),
     ...be(t),
     target: e(t.on),
-    body: Array.isArray(t.resource) ? t.resource.map(It) : It(t.resource)
+    body: Array.isArray(t.resource) ? t.resource.map(kt) : kt(t.resource)
   });
 }
-function It(t) {
+function kt(t) {
   const e = t;
   return ue({
     ...le(e),
     ...fe(e),
     ...be(e),
-    ...Ao(e)
+    ...xo(e)
   });
 }
-function To(t) {
+function Io(t) {
   const e = [];
   return t.default && t.default !== "rdf:nil" && e.push(t.default), t.item && t.item !== "rdf:nil" && e.push(...t.item), {
     ...le(t),
@@ -3836,7 +3864,7 @@ function To(t) {
     items: e
   };
 }
-function Io(t) {
+function ko(t) {
   return ue({
     ...le(t),
     ...fe(t),
@@ -3844,34 +3872,34 @@ function Io(t) {
     items: t.members
   });
 }
-function ko(t) {
+function Oo(t) {
   const { "@id": e, "@type": r, "@context": i, profile: n, ...s } = t, a = {};
-  return e && (a["@id"] = e), a["@type"] = Dt(t), a["@type"] === "unknown" && (i && i.length && (a["@context"] = i), a["@type"] = "Service"), n && (a.profile = Si(n)), ue({
+  return e && (a["@id"] = e), a["@type"] = qt(t), a["@type"] === "unknown" && (i && i.length && (a["@context"] = i), a["@type"] = "Service"), n && (a.profile = Si(n)), ue({
     ...a,
     ...s
   });
 }
-function Oo(t) {
+function Eo(t) {
   return ue({
     ...le(t),
     ...fe(t),
     ...be(t)
   });
 }
-new $t({
-  collection: [xo],
-  manifest: [wo],
-  canvas: [So],
-  annotationList: [Mo],
-  sequence: [Co],
-  annotation: [Ro],
-  contentResource: [It],
-  choice: [To],
-  range: [Io],
-  service: [ko],
-  layer: [Oo]
+new Dt({
+  collection: [wo],
+  manifest: [So],
+  canvas: [Mo],
+  annotationList: [Co],
+  sequence: [Ro],
+  annotation: [To],
+  contentResource: [kt],
+  choice: [Io],
+  range: [ko],
+  service: [Oo],
+  layer: [Eo]
 });
-function kt(t) {
+function Ot(t) {
   if ((Array.isArray(t["@type"]) && t["@type"].includes("oa:SvgSelector") || t["@type"] == "oa:SvgSelector") && ("chars" in t || "value" in t))
     return {
       type: "SvgSelector",
@@ -3884,9 +3912,9 @@ function kt(t) {
     };
   if (t["@type"] === "oa:Choice")
     return [
-      kt(t.default),
+      Ot(t.default),
       ...(Array.isArray(t.item) ? t.item : [t.item]).map(
-        kt
+        Ot
       )
     ];
   if (t["@type"] == "iiif:ImageApiSelector")
@@ -3897,13 +3925,13 @@ function kt(t) {
     };
   throw new Error(`Unsupported selector type: ${t["@type"]}`);
 }
-var or = { exports: {} };
+var cr = { exports: {} };
 (function(t, e) {
   var r = Object.defineProperty, i = (s, a, o) => a in s ? r(s, a, { enumerable: !0, configurable: !0, writable: !0, value: o }) : s[a] = o, n = (s, a, o) => (i(s, typeof a != "symbol" ? a + "" : a, o), o);
   (function(s, a) {
     a(e);
-  })(Ca, function(s) {
-    const a = "http://library.stanford.edu/iiif/image-api/compliance.html#level1", o = "http://library.stanford.edu/iiif/image-api/compliance.html#level2", u = "http://library.stanford.edu/iiif/image-api/conformance.html#level1", h = "http://library.stanford.edu/iiif/image-api/conformance.html#level2", l = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level1", p = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level2", v = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level1", m = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level2", d = "http://iiif.io/api/image/1/level1.json", g = "http://iiif.io/api/image/1/profiles/level1.json", A = "http://iiif.io/api/image/1/level2.json", b = "http://iiif.io/api/image/1/profiles/level2.json", w = "http://iiif.io/api/image/2/level1.json", R = "http://iiif.io/api/image/2/profiles/level1.json", O = "http://iiif.io/api/image/2/level2.json", F = "http://iiif.io/api/image/2/profiles/level2.json", T = "level1", P = "level2", E = "http://iiif.io/api/image/2/level1", M = "http://iiif.io/api/image/2/level2", $ = [E, M, a, o, u, h, l, p, v, m, d, g, A, b, w, R, O, F, T, P], ie = ["http://iiif.io/api/image/2/level0", E, M, "http://library.stanford.edu/iiif/image-api/compliance.html#level0", a, o, "http://library.stanford.edu/iiif/image-api/conformance.html#level0", u, h, "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level0", l, p, "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level0", v, m, "http://iiif.io/api/image/1/level0.json", "http://iiif.io/api/image/1/profiles/level0.json", d, g, A, b, "http://iiif.io/api/image/2/level0.json", "http://iiif.io/api/image/2/profiles/level0.json", w, R, O, F, "level0", T, P], K = ["sc:Collection", "sc:Manifest", "sc:Canvas", "sc:AnnotationList", "oa:Annotation", "sc:Range", "sc:Layer", "sc:Sequence", "oa:Choice", "Service", "ContentResource"];
+  })(Ra, function(s) {
+    const a = "http://library.stanford.edu/iiif/image-api/compliance.html#level1", o = "http://library.stanford.edu/iiif/image-api/compliance.html#level2", u = "http://library.stanford.edu/iiif/image-api/conformance.html#level1", p = "http://library.stanford.edu/iiif/image-api/conformance.html#level2", l = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level1", h = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level2", v = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level1", m = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level2", d = "http://iiif.io/api/image/1/level1.json", g = "http://iiif.io/api/image/1/profiles/level1.json", A = "http://iiif.io/api/image/1/level2.json", b = "http://iiif.io/api/image/1/profiles/level2.json", w = "http://iiif.io/api/image/2/level1.json", R = "http://iiif.io/api/image/2/profiles/level1.json", O = "http://iiif.io/api/image/2/level2.json", F = "http://iiif.io/api/image/2/profiles/level2.json", T = "level1", P = "level2", E = "http://iiif.io/api/image/2/level1", M = "http://iiif.io/api/image/2/level2", $ = [E, M, a, o, u, p, l, h, v, m, d, g, A, b, w, R, O, F, T, P], ie = ["http://iiif.io/api/image/2/level0", E, M, "http://library.stanford.edu/iiif/image-api/compliance.html#level0", a, o, "http://library.stanford.edu/iiif/image-api/conformance.html#level0", u, p, "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level0", l, h, "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level0", v, m, "http://iiif.io/api/image/1/level0.json", "http://iiif.io/api/image/1/profiles/level0.json", d, g, A, b, "http://iiif.io/api/image/2/level0.json", "http://iiif.io/api/image/2/profiles/level0.json", w, R, O, F, "level0", T, P], K = ["sc:Collection", "sc:Manifest", "sc:Canvas", "sc:AnnotationList", "oa:Annotation", "sc:Range", "sc:Layer", "sc:Sequence", "oa:Choice", "Service", "ContentResource"];
     class U {
       constructor(c, y = {}) {
         n(this, "traversals"), n(this, "options"), this.traversals = { collection: [], manifest: [], canvas: [], annotationList: [], sequence: [], annotation: [], contentResource: [], choice: [], range: [], service: [], layer: [], ...c }, this.options = { convertPropsToArray: !0, mergeMemberProperties: !0, allowUndefinedReturn: !1, ...y };
@@ -4197,25 +4225,25 @@ var or = { exports: {} };
           return y.length === 1 ? y[0] : y;
       }
     }
-    let _t = 0;
-    function Ut(f, c) {
+    let Ut = 0;
+    function Vt(f, c) {
       const y = encodeURI(f.id || f["@id"] || "").trim();
-      return y && c ? `${y}/${c}` : y || (_t++, `http://example.org/${f["@type"]}${c ? `/${c}` : ""}/${_t}`);
+      return y && c ? `${y}/${c}` : y || (Ut++, `http://example.org/${f["@type"]}${c ? `/${c}` : ""}/${Ut}`);
     }
     function ae(f) {
       const c = [...f.behavior || []];
       let y;
-      return f.viewingHint && c.push(f.viewingHint), Array.isArray(f.motivation) ? y = f.motivation.map(Z) : f.motivation && (y = Z(f.motivation)), { "@context": f["@context"] ? Hi(f["@context"]) : void 0, id: (f["@id"] || Ut(f)).trim(), type: nt(f), behavior: c.length ? c : void 0, height: f.height ? f.height : void 0, width: f.width ? f.width : void 0, motivation: y, viewingDirection: f.viewingDirection, profile: f.profile, format: f.format ? f.format : void 0, duration: void 0, timeMode: void 0 };
+      return f.viewingHint && c.push(f.viewingHint), Array.isArray(f.motivation) ? y = f.motivation.map(Z) : f.motivation && (y = Z(f.motivation)), { "@context": f["@context"] ? Hi(f["@context"]) : void 0, id: (f["@id"] || Vt(f)).trim(), type: nt(f), behavior: c.length ? c : void 0, height: f.height ? f.height : void 0, width: f.width ? f.width : void 0, motivation: y, viewingDirection: f.viewingDirection, profile: f.profile, format: f.format ? f.format : void 0, duration: void 0, timeMode: void 0 };
     }
     function oe(f) {
       const [c, y] = function(I, B = "Rights/License", _e = "none") {
         let Ue = null;
-        const Vt = [], Yi = Array.isArray(I) ? I : [I];
-        for (const Nt of Yi) {
-          const de = Nt ? Vi(Nt) : void 0;
-          !de || de.indexOf("creativecommons.org") === -1 && de.indexOf("rightsstatements.org") === -1 ? de && Vt.push({ label: { [_e]: [B] }, value: { [_e]: [de] } }) : Ue = de.startsWith("https://") ? `http://${de.slice(8)}` : de;
+        const Nt = [], Yi = Array.isArray(I) ? I : [I];
+        for (const Ht of Yi) {
+          const de = Ht ? Vi(Ht) : void 0;
+          !de || de.indexOf("creativecommons.org") === -1 && de.indexOf("rightsstatements.org") === -1 ? de && Nt.push({ label: { [_e]: [B] }, value: { [_e]: [de] } }) : Ue = de.startsWith("https://") ? `http://${de.slice(8)}` : de;
         }
-        return [Ue, Vt];
+        return [Ue, Nt];
       }(f.license), S = [...f.metadata ? (L = f.metadata, L ? L.map((I) => ({ label: k(I.label), value: k(I.value) })) : []) : [], ...y];
       var L;
       return { rights: c, metadata: S.length ? S : void 0, label: f.label ? k(f.label) : void 0, requiredStatement: f.attribution ? { label: k(X), value: k(f.attribution) } : void 0, navDate: f.navDate, summary: f.description ? k(f.description) : void 0, thumbnail: Bi(f.thumbnail) };
@@ -4251,7 +4279,7 @@ var or = { exports: {} };
       const L = ae(f);
       return y.length && (L.behavior ? L.behavior.push(...y) : L.behavior = y), N({ ...L, ...oe(f), ...he(f), start: S, items: c, structures: f.structures });
     }], canvas: [function(f) {
-      return N({ ...ae(f), ...oe(f), ...he(f), annotations: f.otherContent && f.otherContent.length ? f.otherContent : void 0, items: f.images && f.images.length ? [{ id: Ut(f, "annotation-page"), type: "AnnotationPage", items: f.images }] : void 0 });
+      return N({ ...ae(f), ...oe(f), ...he(f), annotations: f.otherContent && f.otherContent.length ? f.otherContent : void 0, items: f.images && f.images.length ? [{ id: Vt(f, "annotation-page"), type: "AnnotationPage", items: f.images }] : void 0 });
     }], annotationList: [function(f) {
       return N({ ...ae(f), ...oe(f), ...he(f), items: f.resources && f.resources.length ? f.resources : void 0 });
     }], sequence: [function(f) {
@@ -4307,7 +4335,7 @@ var or = { exports: {} };
     };
     s.upgrade = Qi, Object.defineProperties(s, { __esModule: { value: !0 }, [Symbol.toStringTag]: { value: "Module" } });
   });
-})(or, or.exports);
+})(cr, cr.exports);
 function Ci(t, e) {
   const { selector: r, source: i } = Fe(e);
   if (i.id !== t.id)
@@ -4330,16 +4358,16 @@ function Ci(t, e) {
     i
   ];
 }
-const Eo = {
+const Po = {
   makeChoice: () => {
   }
-}, gt = { type: "unknown" }, _ = (t) => ({ type: "unknown", reason: t, annotations: { pages: [] } }), Po = (t, e) => ({ type: "empty", width: t, height: e, annotations: { pages: [] }, image: null, images: [] });
-function Lo(t, e) {
+}, gt = { type: "unknown" }, _ = (t) => ({ type: "unknown", reason: t, annotations: { pages: [] } }), Lo = (t, e) => ({ type: "empty", width: t, height: e, annotations: { pages: [] }, image: null, images: [] });
+function Fo(t, e) {
   var i;
   const r = (i = t == null ? void 0 : t.iiif) == null ? void 0 : i.meta[e];
   return r ? r.annotationPageManager : null;
 }
-function Fo(t, e) {
+function jo(t, e) {
   return Y(
     (r) => {
       const i = [];
@@ -4348,7 +4376,7 @@ function Fo(t, e) {
       const n = Object.keys(r.iiif.entities.AnnotationPage);
       for (const s of n)
         if (!e || e.indexOf(s) !== -1) {
-          const a = Lo(r, s);
+          const a = Fo(r, s);
           a && a.views && a.views[t] && i.push(s);
         }
       return i;
@@ -4356,7 +4384,7 @@ function Fo(t, e) {
     [t, e]
   );
 }
-function jo({
+function $o({
   canvas: t,
   manifest: e,
   all: r,
@@ -4376,37 +4404,37 @@ function jo({
       n.indexOf(s.id) === -1 && n.push(s.id);
   return n;
 }
-function $o(t, e) {
+function Do(t, e) {
   var i;
   const r = (i = t == null ? void 0 : t.iiif) == null ? void 0 : i.meta[e];
   return r ? r.annotationPageManager : null;
 }
-function Do(t, e = {}) {
-  const r = W(), i = Pe(), n = me(), s = qr(), a = j(() => jo({
+function qo(t, e = {}) {
+  const r = W(), i = Pe(), n = me(), s = qr(), a = j(() => $o({
     all: e.all,
     manifest: i,
     canvas: n,
     canvases: s
-  }), [e.all, n, s, i]), o = Fo(t, e.all ? void 0 : a), u = D(
+  }), [e.all, n, s, i]), o = jo(t, e.all ? void 0 : a), u = D(
     (l) => {
       t && r.setMetaValue(
         [l, "annotationPageManager", "views"],
-        (p) => p && !p[t] ? p : {
-          ...p || {},
+        (h) => h && !h[t] ? h : {
+          ...h || {},
           [t]: !1
         }
       );
     },
     [t, r]
-  ), h = D(
-    (l, p = {}) => {
+  ), p = D(
+    (l, h = {}) => {
       if (!t)
         return;
       const v = r.getState(), m = [];
-      if (p != null && p.deselectOthers) {
+      if (h != null && h.deselectOthers) {
         const d = Object.keys(v.iiif.entities.AnnotationPage);
         for (const g of d) {
-          const A = $o(v, g);
+          const A = Do(v, g);
           A && A.views && A.views[t] && m.push(g);
         }
       }
@@ -4425,31 +4453,31 @@ function Do(t, e = {}) {
   return {
     availablePageIds: a,
     enabledPageIds: o,
-    setPageEnabled: h,
+    setPageEnabled: p,
     setPageDisabled: u
   };
 }
-function qo(t, e) {
+function _o(t, e) {
   return Y((r, i) => i.get(t.map((n) => ({ id: n, type: e }))), [t, e]);
 }
-const _o = ge.createContext(new pr());
+const Uo = ge.createContext(new hr());
 function Ri() {
-  return Q(_o);
+  return Q(Uo);
 }
-function Uo() {
+function Vo() {
   const t = Ri(), [e, r] = J({}), i = ve(!1);
   return re(() => () => {
     i.current = !0;
   }, []), [D(
     (s, { height: a, width: o }) => {
       if (s) {
-        const u = s.id || s["@id"], h = t.loadServiceSync({
+        const u = s.id || s["@id"], p = t.loadServiceSync({
           id: u,
           width: s.width || o,
           height: s.height || a,
           source: s
         });
-        h ? s = h : e[u] || (i.current || r((l) => ({
+        p ? s = p : e[u] || (i.current || r((l) => ({
           ...l,
           [u]: "loading"
         })), t.loadService({
@@ -4468,7 +4496,7 @@ function Uo() {
     [t, e]
   ), e];
 }
-function Vo(t = {}) {
+function No(t = {}) {
   const e = Kr(), r = me(t.canvasId ? { id: t.canvasId } : void 0);
   return Y(
     (i, n) => {
@@ -4484,7 +4512,7 @@ function Vo(t = {}) {
     [r]
   );
 }
-function No(t) {
+function Ho(t) {
   return t.type === "SpecificResource" ? [t.source, { selector: t.selector }] : [t, { selector: null }];
 }
 const Be = {}, Ti = {
@@ -4507,7 +4535,7 @@ const Be = {}, Ti = {
       return e ? r[e] : r;
   }
 };
-function Ho(t = Ti) {
+function Bo(t = Ti) {
   function e(n) {
     const s = n ? typeof n == "string" ? t.get(n) : n : null;
     if (!s)
@@ -4520,13 +4548,13 @@ function Ho(t = Ti) {
   function r(n, s = []) {
     const a = Array.isArray(n) ? n : e(n), o = [];
     let u = null;
-    const h = [];
+    const p = [];
     for (const l of a) {
       if (l.type !== "Annotation")
         throw new Error("getPaintables() accept either a canvas or list of annotations");
-      const p = Array.from(Array.isArray(l.body) ? l.body : [l.body]);
-      for (const v of p) {
-        const [m, { selector: d }] = No(v), g = t.get(m), A = (g.type || "unknown").toLowerCase();
+      const h = Array.from(Array.isArray(l.body) ? l.body : [l.body]);
+      for (const v of h) {
+        const [m, { selector: d }] = Ho(v), g = t.get(m), A = (g.type || "unknown").toLowerCase();
         if (A === "choice") {
           const b = t.get(g.items, { parent: g.id }), w = s.length ? s.map((R) => b.find((O) => O.id === R)).filter(Boolean) : [b[0]];
           w.length === 0 && w.push(b[0]), u = {
@@ -4537,10 +4565,10 @@ function Ho(t = Ti) {
               selected: w.indexOf(R) !== -1
             })),
             label: m.label
-          }, p.push(...w);
+          }, h.push(...w);
           continue;
         }
-        o.indexOf(A) === -1 && o.push(A), h.push({
+        o.indexOf(A) === -1 && o.push(A), p.push({
           type: A,
           annotationId: l.id,
           resource: g,
@@ -4551,7 +4579,7 @@ function Ho(t = Ti) {
     }
     return {
       types: o,
-      items: h,
+      items: p,
       choice: u
     };
   }
@@ -4565,12 +4593,12 @@ function Ho(t = Ti) {
     extractChoices: i
   };
 }
-function Bo(t, e = []) {
-  const r = W(), i = j(() => Ho(r), []), n = Vo({ enableSingleAnnotation: t == null ? void 0 : t.enableSingleAnnotation }), [s, a] = J((t == null ? void 0 : t.defaultChoices) || []), o = j(
+function zo(t, e = []) {
+  const r = W(), i = j(() => Bo(r), []), n = No({ enableSingleAnnotation: t == null ? void 0 : t.enableSingleAnnotation }), [s, a] = J((t == null ? void 0 : t.defaultChoices) || []), o = j(
     () => i.getPaintables(n, s),
     [r, n, s, ...e]
-  ), h = { makeChoice: D(
-    (l, { deselectOthers: p = !0, deselect: v = !1 } = {}) => {
+  ), p = { makeChoice: D(
+    (l, { deselectOthers: h = !0, deselect: v = !1 } = {}) => {
       if (o.choice) {
         if (o.choice.type !== "single-choice")
           throw new Error("Complex choice not supported yet");
@@ -4583,7 +4611,7 @@ function Bo(t, e = []) {
             }
             return g;
           }
-          if (p)
+          if (h)
             return [l];
           const d = [...m];
           if (d.length === 0 && o.items.length) {
@@ -4596,9 +4624,9 @@ function Bo(t, e = []) {
     },
     [o.choice]
   ) };
-  return [o, h];
+  return [o, p];
 }
-function zo(t, e, r) {
+function Wo(t, e, r) {
   const i = [];
   for (const n of e.items) {
     const s = n.resource && n.resource.type === "SpecificResource" ? n.resource.source : n.resource;
@@ -4617,8 +4645,8 @@ function zo(t, e, r) {
         width: Number(t.width),
         height: Number(t.height)
       }
-    }, [u, h] = Ci(t, n.target);
-    if (h.id !== t.id)
+    }, [u, p] = Ci(t, n.target);
+    if (p.id !== t.id)
       continue;
     n.resource.width && n.resource.height && (n.resource.width, n.resource.height);
     let l = n.resource.type === "SpecificResource" ? Ce(n.resource) : null;
@@ -4630,7 +4658,7 @@ function zo(t, e, r) {
       });
       m && (l = m);
     }
-    const p = l && l.selector && (l.selector.type === "BoxSelector" || l.selector.type === "TemporalBoxSelector") ? {
+    const h = l && l.selector && (l.selector.type === "BoxSelector" || l.selector.type === "TemporalBoxSelector") ? {
       type: "BoxSelector",
       spatial: {
         x: l.selector.spatial.x,
@@ -4644,12 +4672,12 @@ function zo(t, e, r) {
       id: s.id,
       type: "Image",
       annotationId: n.annotationId,
-      width: Number(u || p ? s.width : t.width),
-      height: Number(u || p ? s.height : t.height),
+      width: Number(u || h ? s.width : t.width),
+      height: Number(u || h ? s.height : t.height),
       service: a,
       sizes: a && a.sizes ? a.sizes : s.width && s.height ? [{ width: s.width, height: s.height }] : [],
       target: u && u.type !== "PointSelector" ? u : o,
-      selector: p
+      selector: h
     };
     i.push(v);
   }
@@ -4660,15 +4688,15 @@ function zo(t, e, r) {
     choice: e.choice
   };
 }
-const Wo = ["model/gltf-binary"];
-function Qo(t, e) {
+const Qo = ["model/gltf-binary"];
+function Yo(t, e) {
   const i = e.items[0].resource;
-  return i.format ? Wo.indexOf(i.format) === -1 ? _(`3D format: ${i.format} is unsupported`) : {
+  return i.format ? Qo.indexOf(i.format) === -1 ? _(`3D format: ${i.format} is unsupported`) : {
     type: "3d-model",
     model: i
   } : _("Unknown format");
 }
-function Yo(t, e) {
+function Go(t, e) {
   var i;
   if (!t.duration)
     return _("No duration on canvas");
@@ -4703,8 +4731,8 @@ function Yo(t, e) {
     }
   } : _("Audio does not have format") : _("Unknown audio");
 }
-const Go = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;
-function Jo(t, e) {
+const Jo = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;
+function Ko(t, e) {
   var a;
   const r = e.items.filter((o) => o.type === "video");
   if (!t.duration)
@@ -4742,7 +4770,7 @@ function Jo(t, e) {
   };
   if (n) {
     s.type = "VideoYouTube";
-    const o = i.id.match(Go);
+    const o = i.id.match(Jo);
     if (!o[1])
       return _("Video is not known youtube video");
     s.youTubeId = o[1];
@@ -4769,7 +4797,7 @@ function Ii(t, e = {}, r) {
   }
   return e;
 }
-function Ko(t, e) {
+function Zo(t, e) {
   const r = [];
   return e.items.forEach((i) => {
     if (i.resource) {
@@ -4781,37 +4809,37 @@ function Ko(t, e) {
     items: r
   };
 }
-function Zo(t) {
-  const e = Pe(), r = me(), i = W(), [n, s] = Uo(), { enabledPageIds: a } = Do((t == null ? void 0 : t.annotationPageManagerId) || (e == null ? void 0 : e.id) || (r == null ? void 0 : r.id), {
+function Xo(t) {
+  const e = Pe(), r = me(), i = W(), [n, s] = Vo(), { enabledPageIds: a } = qo((t == null ? void 0 : t.annotationPageManagerId) || (e == null ? void 0 : e.id) || (r == null ? void 0 : r.id), {
     all: !1
-  }), o = qo(a, "AnnotationPage"), u = (t == null ? void 0 : t.strategies) || [
+  }), o = _o(a, "AnnotationPage"), u = (t == null ? void 0 : t.strategies) || [
     "empty",
     "images",
     "media",
     "textual-content",
     "complex-timeline"
-  ], [h, l] = Bo(t, [s]), p = j(() => {
+  ], [p, l] = zo(t, [s]), h = j(() => {
     if (!r)
       return console.log("No canvas"), gt;
-    if (h.types.length === 0)
-      return u.indexOf("empty") !== -1 ? Po(r.width, r.height) : (console.log("No paintables"), gt);
-    if (h.types.length !== 1)
-      if (h.types.length === 2 && h.types.indexOf("text") !== -1)
-        h.types = h.types.filter((m) => m !== "text");
+    if (p.types.length === 0)
+      return u.indexOf("empty") !== -1 ? Lo(r.width, r.height) : (console.log("No paintables"), gt);
+    if (p.types.length !== 1)
+      if (p.types.length === 2 && p.types.indexOf("text") !== -1)
+        p.types = p.types.filter((m) => m !== "text");
       else
         return u.indexOf("complex-timeline") === -1 ? _("Complex timeline not supported") : _("ComplexTimelineStrategy not yet supported");
-    const v = h.types[0];
-    return v === "image" ? u.indexOf("images") === -1 ? _("Image not supported") : zo(r, h, n) : v === "Model" || v === "model" ? u.indexOf("3d-model") === -1 ? _("3D not supported") : Qo(r, h) : v === "textualbody" ? u.indexOf("textual-content") === -1 ? _("Textual content not supported") : Ko(r, h) : v === "sound" || v === "audio" ? u.indexOf("media") === -1 ? _("Media not supported") : Yo(r, h) : v === "video" ? u.indexOf("media") === -1 ? _("Media not supported") : Jo(r, h) : (console.log("No idea"), gt);
-  }, [r, h, i, l.makeChoice]);
-  return j(() => p.type === "unknown" ? [p, Eo] : [
+    const v = p.types[0];
+    return v === "image" ? u.indexOf("images") === -1 ? _("Image not supported") : Wo(r, p, n) : v === "Model" || v === "model" ? u.indexOf("3d-model") === -1 ? _("3D not supported") : Yo(r, p) : v === "textualbody" ? u.indexOf("textual-content") === -1 ? _("Textual content not supported") : Zo(r, p) : v === "sound" || v === "audio" ? u.indexOf("media") === -1 ? _("Media not supported") : Go(r, p) : v === "video" ? u.indexOf("media") === -1 ? _("Media not supported") : Ko(r, p) : (console.log("No idea"), gt);
+  }, [r, p, i, l.makeChoice]);
+  return j(() => h.type === "unknown" ? [h, Po] : [
     {
-      ...p,
+      ...h,
       annotations: { pages: o }
     },
     l
-  ], [p, o]);
+  ], [h, o]);
 }
-const Xo = (t, e = []) => {
+const ec = (t, e = []) => {
   const r = W();
   re(() => {
     t(r);
@@ -4835,52 +4863,52 @@ const Xo = (t, e = []) => {
     if (r)
       return e ? r[e] : r;
   }
-}, ec = new pr();
-function tc(t = ki, e = {}) {
-  const r = e.imageServiceLoader || ec;
+}, tc = new hr();
+function rc(t = ki, e = {}) {
+  const r = e.imageServiceLoader || tc;
   async function i(n, s, a = !1, o = [], u) {
-    const h = () => r.getThumbnailFromResource(void 0, s, a, o);
+    const p = () => r.getThumbnailFromResource(void 0, s, a, o);
     if (!n)
       return await r.getThumbnailFromResource(void 0, s, a, o);
     if (typeof n == "string") {
-      const p = Ht(n);
-      return p && o.push(p), await r.getThumbnailFromResource(void 0, s, a, o);
+      const h = Bt(n);
+      return h && o.push(h), await r.getThumbnailFromResource(void 0, s, a, o);
     }
     const l = t.get(n, { skipSelfReturn: !1 });
     if (typeof l == "string")
-      return { best: Ht(l), fallback: [], log: [] };
+      return { best: Bt(l), fallback: [], log: [] };
     if (!l)
-      return await h();
-    switch (await (async (p) => {
-      if (p && p.thumbnail && p.thumbnail.length) {
-        const v = t.get(p.thumbnail[0]), m = await r.getImageCandidates(v, a);
+      return await p();
+    switch (await (async (h) => {
+      if (h && h.thumbnail && h.thumbnail.length) {
+        const v = t.get(h.thumbnail[0]), m = await r.getImageCandidates(v, a);
         m && m.length && o.push(...m);
       }
     })(l), l.type) {
       case "Annotation": {
-        const p = Array.isArray(l.body) ? l.body : [l.body], v = t.get(p[0]);
+        const h = Array.isArray(l.body) ? l.body : [l.body], v = t.get(h[0]);
         return u && !v.width && (v.width = u.width, v.height = u.height), await r.getThumbnailFromResource(v, s, a, o);
       }
       case "Canvas": {
-        const p = l;
-        return i(p.items[0], s, a, o, {
-          width: p.width,
-          height: p.height
+        const h = l;
+        return i(h.items[0], s, a, o, {
+          width: h.width,
+          height: h.height
         });
       }
       case "AnnotationPage":
         return i(l.items[0], s, a, o, u);
       case "Choice": {
-        const p = l;
-        return !p.items || p.items[0] ? await h() : i(p.items[0], s, a, o, u);
+        const h = l;
+        return !h.items || h.items[0] ? await p() : i(h.items[0], s, a, o, u);
       }
       case "Collection": {
-        const p = l.items[0];
-        return p ? i(p, s, a, o, u) : await h();
+        const h = l.items[0];
+        return h ? i(h, s, a, o, u) : await p();
       }
       case "Manifest": {
-        const p = l.items[0];
-        return p ? i(p, s, a, o, u) : await h();
+        const h = l.items[0];
+        return h ? i(h, s, a, o, u) : await p();
       }
       case "SpecificResource":
       case "Image":
@@ -4891,31 +4919,31 @@ function tc(t = ki, e = {}) {
       case "Video":
         return u && !l.width && (l.width = u.width, l.height = u.height), r.getThumbnailFromResource(l, s, a, o);
     }
-    return await h();
+    return await p();
   }
   return {
     getBestThumbnailAtSize: i
   };
 }
-function rc(t, e, { canvasId: r, manifestId: i } = {}) {
-  const n = W(), s = Ri(), a = j(() => tc(n, { imageServiceLoader: s }), [n, s]), [o, u] = J(), h = Pe(i ? { id: i } : void 0), l = me(r ? { id: r } : void 0), p = l || h, v = ve(!1);
+function ic(t, e, { canvasId: r, manifestId: i } = {}) {
+  const n = W(), s = Ri(), a = j(() => rc(n, { imageServiceLoader: s }), [n, s]), [o, u] = J(), p = Pe(i ? { id: i } : void 0), l = me(r ? { id: r } : void 0), h = l || p, v = ve(!1);
   if (re(() => (v.current = !1, () => {
     v.current = !0;
-  }), []), !p)
+  }), []), !h)
     throw new Error("Must be called under a manifest or canvas context.");
-  return Xo(
+  return ec(
     (m) => {
-      a.getBestThumbnailAtSize(p, t, e).then((d) => {
+      a.getBestThumbnailAtSize(h, t, e).then((d) => {
         d.best && !v.current && u(d.best);
       });
     },
-    [p]
+    [h]
   ), o;
 }
-function ic(t) {
+function nc(t) {
   return { isMuted: !1, playRequested: !1, isPlaying: !1, isFinished: !1, volume: 100, duration: t };
 }
-function nc(t, e) {
+function sc(t, e) {
   switch (e.type) {
     case "FINISHED":
       return { ...t, isFinished: !0, isPlaying: !1, playRequested: !1 };
@@ -4938,22 +4966,22 @@ function nc(t, e) {
   }
   return t;
 }
-function sc(t) {
+function ac(t) {
   const e = Math.round(t);
   return `${Math.floor(e / 60)}:${`${e % 60}`.padStart(2, "0")}`;
 }
-function qt(t) {
-  const [e, r] = Gi(nc, ic(t.duration)), i = ve(null), n = ve(null), s = ve(null), a = ve(!1), o = D(() => {
-    n.current && i.current && (n.current.innerHTML = sc(i.current.currentTime), s.current && (s.current.style.width = `${i.current.currentTime / t.duration * 100}%`), a.current !== i.current.muted && (a.current = i.current.muted, r(i.current.muted ? { type: "MUTE" } : { type: "UNMUTE" })));
+function _t(t) {
+  const [e, r] = Gi(sc, nc(t.duration)), i = ve(null), n = ve(null), s = ve(null), a = ve(!1), o = D(() => {
+    n.current && i.current && (n.current.innerHTML = ac(i.current.currentTime), s.current && (s.current.style.width = `${i.current.currentTime / t.duration * 100}%`), a.current !== i.current.muted && (a.current = i.current.muted, r(i.current.muted ? { type: "MUTE" } : { type: "UNMUTE" })));
   }, [t.duration]), u = D(() => {
     i.current && (r({ type: "PLAY_REQUESTED" }), i.current.play().then(() => {
       r({ type: "PLAY" });
     }), o());
-  }, [o]), h = D(() => {
+  }, [o]), p = D(() => {
     i.current && (i.current.duration > 0 && i.current.paused ? u() : l());
   }, [o]), l = D(() => {
     i.current && (i.current.pause(), r({ type: "PAUSE" }), o());
-  }, [o]), p = D(() => {
+  }, [o]), h = D(() => {
     i.current && (i.current.muted = !i.current.muted, r(i.current.muted ? { type: "MUTE" } : { type: "UNMUTE" }));
   }, []), v = D(() => {
     i.current && (i.current.muted = !0, r({ type: "MUTE" }));
@@ -4982,17 +5010,17 @@ function qt(t) {
     {
       play: u,
       pause: l,
-      playPause: h,
+      playPause: p,
       mute: v,
       unmute: m,
-      toggleMute: p,
+      toggleMute: h,
       setVolume: d,
       setDurationPercent: g,
       setTime: A
     }
   ];
 }
-const ac = ce(null), oc = ce(null), cc = ce(null);
+const oc = ce(null), cc = ce(null), uc = ce(null);
 function Oi({
   actions: t,
   state: e,
@@ -5001,10 +5029,10 @@ function Oi({
   progress: n,
   element: s
 }) {
-  return /* @__PURE__ */ x(cc.Provider, { value: { currentTime: i, progress: n, element: s }, children: /* @__PURE__ */ x(oc.Provider, { value: t, children: /* @__PURE__ */ x(ac.Provider, { value: e, children: r }) }) });
+  return /* @__PURE__ */ x(uc.Provider, { value: { currentTime: i, progress: n, element: s }, children: /* @__PURE__ */ x(cc.Provider, { value: t, children: /* @__PURE__ */ x(oc.Provider, { value: e, children: r }) }) });
 }
 function Ei({ media: t, children: e }) {
-  const [{ element: r, currentTime: i, progress: n }, s, a] = qt({ duration: t.duration });
+  const [{ element: r, currentTime: i, progress: n }, s, a] = _t({ duration: t.duration });
   return /* @__PURE__ */ V(
     Oi,
     {
@@ -5055,7 +5083,7 @@ function Fi({
   mediaControlsDeps: e,
   children: r
 }) {
-  const [{ element: i, currentTime: n, progress: s }, a, o] = qt({ duration: t.duration });
+  const [{ element: i, currentTime: n, progress: s }, a, o] = _t({ duration: t.duration });
   return Oe("overlay", "video-element", Li, {
     element: i,
     media: t,
@@ -5117,18 +5145,18 @@ function Di({ style: t }) {
     }
   );
 }
-const uc = ge.createContext("en");
+const lc = ge.createContext("en");
 function qi() {
-  return ge.useContext(uc);
+  return ge.useContext(lc);
 }
-function cr(t) {
+function ur(t) {
   return t.indexOf("-") !== -1 ? t.slice(0, t.indexOf("-")) : t;
 }
-function lc({ as: t, language: e, children: r, viewingDirection: i, ...n }) {
+function fc({ as: t, language: e, children: r, viewingDirection: i, ...n }) {
   const s = qi();
-  return j(() => cr(s) === cr(e), [s, e]) ? t ? /* @__PURE__ */ x(t, { ...n, children: r }) : /* @__PURE__ */ x("span", { ...n, children: r }) : t ? /* @__PURE__ */ x(t, { ...n, lang: e, dir: i, children: r }) : /* @__PURE__ */ x("span", { ...n, lang: e, dir: i, children: r });
+  return j(() => ur(s) === ur(e), [s, e]) ? t ? /* @__PURE__ */ x(t, { ...n, children: r }) : /* @__PURE__ */ x("span", { ...n, children: r }) : t ? /* @__PURE__ */ x(t, { ...n, lang: e, dir: i, children: r }) : /* @__PURE__ */ x("span", { ...n, lang: e, dir: i, children: r });
 }
-function fc(t, e, r) {
+function pc(t, e, r) {
   if (e.length === 0)
     return;
   if (e.length === 1)
@@ -5143,15 +5171,15 @@ function fc(t, e, r) {
       return n;
   return e.indexOf("none") !== -1 ? "none" : e.indexOf("@none") !== -1 ? "@none" : e[0];
 }
-const pc = (t, e = []) => {
+const hc = (t, e = []) => {
   const r = qi();
   return j(() => {
     const i = t();
-    return fc(r, i, []);
+    return pc(r, i, []);
   }, [r, ...e]);
 };
-function hc(t, e) {
-  const r = pc(() => Object.keys(t || {}), [t]);
+function dc(t, e) {
+  const r = hc(() => Object.keys(t || {}), [t]);
   return [
     j(() => {
       if (!t)
@@ -5165,10 +5193,10 @@ function hc(t, e) {
     r
   ];
 }
-const dc = ({ as: t, defaultText: e, enableDangerouslySetInnerHTML: r, children: i, ...n }) => {
-  const [s, a] = hc(i, e);
+const yc = ({ as: t, defaultText: e, enableDangerouslySetInnerHTML: r, children: i, ...n }) => {
+  const [s, a] = dc(i, e);
   return a ? /* @__PURE__ */ x(
-    lc,
+    fc,
     {
       ...n,
       as: t,
@@ -5191,7 +5219,7 @@ const dc = ({ as: t, defaultText: e, enableDangerouslySetInnerHTML: r, children:
     }
   );
 };
-function yc({
+function vc({
   element: t,
   media: e,
   playPause: r
@@ -5229,13 +5257,13 @@ function yc({
     )
   ] }) : null;
 }
-function vc({
+function gc({
   media: t,
   mediaControlsDeps: e,
   children: r
 }) {
-  const [{ element: i, currentTime: n, progress: s }, a, o] = qt({ duration: t.duration });
-  return Oe("overlay", "video-element", yc, {
+  const [{ element: i, currentTime: n, progress: s }, a, o] = _t({ duration: t.duration });
+  return Oe("overlay", "video-element", vc, {
     element: i,
     media: t,
     playPause: o.playPause
@@ -5251,9 +5279,9 @@ function _i({
   renderViewerControls: a,
   renderMediaControls: o,
   viewControlsDeps: u,
-  mediaControlsDeps: h,
+  mediaControlsDeps: p,
   strategies: l,
-  throwOnUnknown: p,
+  throwOnUnknown: h,
   backgroundStyle: v,
   alwaysShowBackground: m,
   keepCanvasScale: d = !1,
@@ -5262,7 +5290,7 @@ function _i({
   onClickPaintingAnnotation: b,
   children: w
 }) {
-  const R = me(), O = zr(R, ["deep-zoom"]), [F] = _s(), T = Ns(), P = W(), E = j(() => Qr(P), [P]), [M, $] = Zo({
+  const R = me(), O = zr(R, ["deep-zoom"]), [F] = Us(), T = Hs(), P = W(), E = j(() => Qr(P), [P]), [M, $] = Xo({
     strategies: l || ["images"],
     defaultChoices: n == null ? void 0 : n.map(({ id: k }) => k)
   }), ie = M.type === "images" ? M.choice : void 0, K = j(() => d ? 1 : Math.max(
@@ -5272,7 +5300,7 @@ function _i({
       return (k.width || 0) / ((H = k.target) == null ? void 0 : H.spatial.width);
     }) : []
   ), [d, M]);
-  Hs(K), re(() => {
+  Bs(K), re(() => {
     i && i($);
   }, [M.annotations]), re(() => {
     if (n)
@@ -5280,19 +5308,19 @@ function _i({
         typeof k.opacity < "u" && E.applyStyles({ id: k.id }, "atlas", {
           opacity: k.opacity
         });
-  }, [n]), ur(() => {
+  }, [n]), lr(() => {
     r && r(ie);
   }, [ie]), Oe(
     T && (M.type === "images" || M.type === "empty" || M.type === "textual-content" && a) ? "overlay" : "none",
     `canvas-portal-controls-${R == null ? void 0 : R.id}`,
-    Lt.Provider,
+    Ft.Provider,
     a ? {
       value: T || null,
       children: a(M)
     } : {},
     [R, T, M, ...u || []]
   );
-  const U = rc({ maxWidth: 256, maxHeight: 256 });
+  const U = ic({ maxWidth: 256, maxHeight: 256 });
   if (!R)
     return null;
   const N = R.accompanyingCanvas, X = U && U.type === "fixed" ? /* @__PURE__ */ x("world-object", { height: R.height, width: R.width, x: t, y: e, children: /* @__PURE__ */ x(
@@ -5310,13 +5338,13 @@ function _i({
   if (M.type === "unknown") {
     if (X)
       return X;
-    if (p)
+    if (h)
       throw new Error(M.reason || "Unknown image strategy");
     return null;
   }
   const ne = /* @__PURE__ */ V(Je, { children: [
-    F ? /* @__PURE__ */ x(Rt, { page: F }) : null,
-    M.annotations && M.annotations.pages ? M.annotations.pages.map((k) => /* @__PURE__ */ x(Rt, { page: k }, k.id)) : null,
+    F ? /* @__PURE__ */ x(Tt, { page: F }) : null,
+    M.annotations && M.annotations.pages ? M.annotations.pages.map((k) => /* @__PURE__ */ x(Tt, { page: k }, k.id)) : null,
     w
   ] }), Ae = M.type === "images" ? M.images.length : 0;
   return /* @__PURE__ */ V(Me, { children: [
@@ -5340,7 +5368,7 @@ function _i({
                     pe.stopPropagation(), b(k.annotationId, k, pe);
                   } : void 0,
                   target: ((Z = k.target) == null ? void 0 : Z.spatial) || void 0,
-                  children: /* @__PURE__ */ x("div", { "data-textual-content": !0, children: /* @__PURE__ */ x(dc, { enableDangerouslySetInnerHTML: !0, children: k.text }) })
+                  children: /* @__PURE__ */ x("div", { "data-textual-content": !0, children: /* @__PURE__ */ x(yc, { enableDangerouslySetInnerHTML: !0, children: k.text }) })
                 },
                 H
               ),
@@ -5366,13 +5394,13 @@ function _i({
             ne
           ] }) : null,
           M.type === "3d-model" ? /* @__PURE__ */ x($i, { model: M.model }) : null,
-          M.type === "media" ? /* @__PURE__ */ x(Me, { children: M.media.type === "Sound" ? /* @__PURE__ */ V(Pi, { media: M.media, mediaControlsDeps: h, children: [
+          M.type === "media" ? /* @__PURE__ */ x(Me, { children: M.media.type === "Sound" ? /* @__PURE__ */ V(Pi, { media: M.media, mediaControlsDeps: p, children: [
             X,
             o ? o(M) : null
-          ] }) : M.media.type === "Video" ? /* @__PURE__ */ V(Fi, { media: M.media, mediaControlsDeps: h, children: [
+          ] }) : M.media.type === "Video" ? /* @__PURE__ */ V(Fi, { media: M.media, mediaControlsDeps: p, children: [
             X,
             o ? o(M) : null
-          ] }) : M.media.type === "VideoYouTube" && A ? /* @__PURE__ */ V(vc, { media: M.media, mediaControlsDeps: h, children: [
+          ] }) : M.media.type === "VideoYouTube" && A ? /* @__PURE__ */ V(gc, { media: M.media, mediaControlsDeps: p, children: [
             X,
             o ? o(M) : null
           ] }) : null }) : null
@@ -5380,15 +5408,15 @@ function _i({
       },
       `${R.id}/${M.type}/${Ae}`
     ),
-    M.type === "media" && M.media.type === "Sound" && N ? /* @__PURE__ */ x(Pt, { canvas: N.id, children: /* @__PURE__ */ x(_i, { renderViewerControls: a }) }) : null
+    M.type === "media" && M.media.type === "Sound" && N ? /* @__PURE__ */ x(Lt, { canvas: N.id, children: /* @__PURE__ */ x(_i, { renderViewerControls: a }) }) : null
   ] });
 }
-function gc() {
+function mc() {
   const t = Q(tt);
   return t && t.vault ? t.vault : $r();
 }
-const mc = lr(function(e, r) {
-  const i = Pe(), n = qr(), s = ds(), { ViewerControls: a, MediaControls: o } = e.components || {};
+const bc = fr(function(e, r) {
+  const i = Pe(), n = qr(), s = ys(), { ViewerControls: a, MediaControls: o } = e.components || {};
   if (Ji(r, () => s, [s]), !i)
     return /* @__PURE__ */ x("div", {});
   let u = 0;
@@ -5399,30 +5427,30 @@ const mc = lr(function(e, r) {
       {
         height: e.height,
         mode: e.mode,
-        children: n.map((h, l) => {
-          const p = u;
-          return u += h.width + (e.spacing || 0), /* @__PURE__ */ x(Pt, { canvas: h.id, children: /* @__PURE__ */ x(
+        children: n.map((p, l) => {
+          const h = u;
+          return u += p.width + (e.spacing || 0), /* @__PURE__ */ x(Lt, { canvas: p.id, children: /* @__PURE__ */ x(
             G.RenderCanvas,
             {
               strategies: ["3d-model", "media", "images", "empty", "textual-content"],
               renderViewerControls: l === 0 && a ? () => /* @__PURE__ */ x(a, {}) : void 0,
               renderMediaControls: l === 0 && o ? () => /* @__PURE__ */ x(o, {}) : void 0,
-              x: p,
+              x: h,
               ...e.canvasProps || {},
               children: e.annotations
             },
-            h.id
-          ) }, h.id);
+            p.id
+          ) }, p.id);
         })
       },
       e.reuseAtlas ? "" : s.currentSequenceIndex
     ),
     e.children
   ] });
-}), G = lr(function({ children: e, height: r, annotations: i, canvasProps: n, spacing: s, header: a, components: o, mode: u, ...h }, l) {
-  const p = gc();
-  return /* @__PURE__ */ x(Dr, { vault: p, children: /* @__PURE__ */ x(hs, { ...h, children: /* @__PURE__ */ x(
-    mc,
+}), G = fr(function({ children: e, height: r, annotations: i, canvasProps: n, spacing: s, header: a, components: o, mode: u, ...p }, l) {
+  const h = mc();
+  return /* @__PURE__ */ x(Dr, { vault: h, children: /* @__PURE__ */ x(ds, { ...p, children: /* @__PURE__ */ x(
+    bc,
     {
       ref: l,
       height: r,
@@ -5438,9 +5466,9 @@ const mc = lr(function(e, r) {
 });
 G.RenderImage = Xr;
 G.RenderCanvas = _i;
-G.RenderAnnotationPage = Rt;
+G.RenderAnnotationPage = Tt;
 G.RenderAnnotation = Zr;
-G.Viewer = Bs;
+G.Viewer = zs;
 G.CanvasBackground = Di;
 G.Audio = Pi;
 G.Video = Fi;