react-iiif-vault 1.0.2 → 1.0.4

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,14 +16,14 @@ 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() {
+    return i = t.call.apply(t, [this].concat(s)) || this, i.state = zt, 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();
@@ -36,7 +36,7 @@ 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);
@@ -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 h = ct(a, i);
+        if (h)
+          return h;
+      }
       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 h, l = !1;
+            try {
+              const p = await Promise.race([
+                new Promise((v, m) => {
+                  l || (h = 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 (h && h(), p)
+                return p;
+            } catch {
+              h && h();
+            }
+          })();
       }
+    }
     t.dispatch(Pn({ id: i }));
+    const u = (h) => {
+      if (!h)
+        return;
+      !h.id && !h["@id"] && (h["@type"] && (h["@id"] = i), h.id = i);
+      const l = $n(i, h);
+      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 h = e(i, n);
+      return qn(h) ? (async () => {
+        try {
+          return u(await h);
+        } catch (l) {
+          throw t.dispatch(St({ id: i, message: l.toString() })), l;
+        }
+      })() : u(h);
+    } catch (h) {
+      throw t.dispatch(St({ id: i, message: h.toString() })), h;
     }
   };
 }
@@ -208,7 +224,7 @@ 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;
@@ -220,26 +236,26 @@ const Gt = (t) => {
     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;
   try {
@@ -248,7 +264,7 @@ const Gt = (t) => {
   }
   if (!h)
     return t(r, i, n);
-  const { connection: l, ...p } = Vn(o, h, u);
+  const { connection: l, ...p } = Nn(o, h, u);
   let v = !0;
   n.setState = (g, A, b) => {
     const w = r(g, A);
@@ -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,7 +388,7 @@ 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;
@@ -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,7 +473,7 @@ 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] || {} };
@@ -465,20 +481,20 @@ const Yn = (t = Lr(), e) => {
         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 = !0, u[p] = t[a][p] ? Yn(t[a][p], o[p]) : o[p];
           h && (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);
@@ -877,7 +893,7 @@ let Ct = class {
       return e.map((p) => this.get(p, i));
     const a = this.getState();
     if (on(e) && !i.preserveSpecificResources && (e = e.source), typeof e == "string") {
-      const p = Kt(r || a.iiif.mapping[e]);
+      const p = Zt(r || a.iiif.mapping[e]);
       if (!p)
         return n ? null : { id: e, type: "unknown" };
       e = { id: e, type: p };
@@ -886,7 +902,7 @@ let Ct = class {
       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 o = Kt(r || (e == null ? void 0 : e.type)), u = e == null ? void 0 : e.id, h = a.iiif.entities[o];
+    const o = Zt(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;
@@ -894,7 +910,7 @@ let Ct = class {
     const l = h[e.id];
     if (l && l[Ke]) {
       const p = l[Ke].find((v) => s ? v[Ze] === s : v[Ze] === l.id);
-      return fr(l, p);
+      return pr(l, p);
     }
     return h[e.id] || (n ? null : e);
   }
@@ -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,7 +1056,7 @@ const W = () => {
     throw new Error("Vault not found. Ensure you have your provider set up correctly.");
   return t;
 };
-function ss(t, { noCache: e = !1 } = {}) {
+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]), [h, l] = J(u);
   return re(() => {
     (async () => {
@@ -1048,17 +1076,17 @@ function ss(t, { noCache: e = !1 } = {}) {
     cached: !!(h && h === 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,7 +1132,7 @@ 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)]];
@@ -1134,20 +1162,20 @@ function us(t, e, { disablePaging: r, skipNonPaged: i } = {}) {
   }
   return l.length && p(), [u, h];
 }
-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 }),
+    () => ls(r, o, { disablePaging: e }),
     [r, o]
   ), l = D(
     (g) => {
@@ -1189,8 +1217,8 @@ 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: h, setSequenceIndex: l } = ps({
     startCanvas: t.startCanvas,
     disablePaging: t.pagingEnabled === !1
   }), p = j(
@@ -1208,31 +1236,31 @@ function ps(t) {
     }),
     [s, a, u, n, h, 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 ? i.length === 0 ? null : /* @__PURE__ */ x(it.Provider, { value: p, 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,7 +1327,7 @@ function qs() {
   ), s = D(
     (o, u) => {
       if (i) {
-        if (Zt(o)) {
+        if (Xt(o)) {
           const p = o;
           p.__vault || p.bindToVault(t), o = typeof p.source == "string" ? p.source : p.source.id, e.current[o] = p;
         } else
@@ -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, ...n.runtimeOptions || {} }), [b, n.runtimeOptions]), R = D((T, P) => {
+  const [s, a] = J(), o = vs(), u = e || Ns, [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, ...n.runtimeOptions || {} }), [b, n.runtimeOptions]), R = D((T, P) => {
     A((E) => {
       if (P === -1) {
         const { [T]: M, ...$ } = E;
@@ -1446,7 +1474,7 @@ function Bs({
           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)
@@ -1510,7 +1538,7 @@ function zs(t = Br) {
   };
 }
 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,7 +1582,7 @@ 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 {
@@ -1587,7 +1615,7 @@ var Ws = Object.defineProperty, Qs = (t, e, r) => e in t ? Ws(t, e, { enumerable
     x: h + 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,15 +1627,15 @@ 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) {
+}, Ks = 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;
   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 * 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 = 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) {
+}, 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, h = t.largeArcFlag, l = h === void 0 ? 0 : h, p = t.sweepFlag, v = p === void 0 ? 0 : p, m = [];
   if (s === 0 || a === 0)
     return [];
@@ -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,9 +1719,9 @@ function sa(t) {
     return s;
   });
 }
-const aa = /* @__PURE__ */ Yr(na);
-function oa(t) {
-  const e = ia(t), r = aa(e);
+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, h, l = 0, p = 0;
   const v = [];
   for (let m = 0; m < r.length; m++) {
@@ -1723,7 +1751,7 @@ function oa(t) {
         break;
       case "A":
         {
-          const A = Ks({
+          const A = Zs({
             px: l,
             py: p,
             cx: d[6],
@@ -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) {
@@ -1821,7 +1849,7 @@ class Gr {
     return h.push(1), h.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);
@@ -1881,7 +1909,7 @@ class Ft {
     return p.push({ x: this.c[6], y: this.c[7] }), p;
   }
 }
-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",
@@ -2013,7 +2041,7 @@ 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(p.element) ?? { svg: o });
     }
     const h = {
       type: "SvgSelector",
@@ -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");
@@ -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;
 }
@@ -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,
     {
@@ -2418,7 +2446,7 @@ 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 {
@@ -2451,7 +2479,7 @@ var ba = Object.defineProperty, Aa = (t, e, r) => e in t ? ba(t, e, { enumerable
     x: h + 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,15 +2491,15 @@ 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) {
+}, Ma = 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;
   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 * 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 = 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) {
+}, 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, h = t.largeArcFlag, l = h === void 0 ? 0 : h, p = t.sweepFlag, v = p === void 0 ? 0 : p, m = [];
   if (s === 0 || a === 0)
     return [];
@@ -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,9 +2583,9 @@ function La(t) {
     return s;
   });
 }
-const Fa = /* @__PURE__ */ ei(Pa);
-function ja(t) {
-  const e = Ea(t), r = Fa(e);
+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, h, l = 0, p = 0;
   const v = [];
   for (let m = 0; m < r.length; m++) {
@@ -2587,7 +2615,7 @@ function ja(t) {
         break;
       case "A":
         {
-          const A = Ma({
+          const A = Ca({
             px: l,
             py: p,
             cx: d[6],
@@ -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) {
@@ -2685,7 +2713,7 @@ class ti {
     return h.push(1), h.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);
@@ -2745,7 +2773,7 @@ class jt {
     return p.push({ x: this.c[6], y: this.c[7] }), p;
   }
 }
-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",
@@ -2877,7 +2905,7 @@ 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(p.element) ?? { svg: o });
     }
     const h = {
       type: "SvgSelector",
@@ -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");
@@ -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,12 +3925,12 @@ 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) {
+  })(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", 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"];
     class U {
       constructor(c, 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,18 +4404,18 @@ 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"],
@@ -4406,7 +4434,7 @@ function Do(t, e = {}) {
       if (p != null && p.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);
         }
       }
@@ -4429,14 +4457,14 @@ function Do(t, e = {}) {
     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;
@@ -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)
@@ -4526,7 +4554,7 @@ function Ho(t = Ti) {
         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 [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 = {
@@ -4565,8 +4593,8 @@ 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(
@@ -4598,7 +4626,50 @@ function Bo(t, e = []) {
   ) };
   return [o, h];
 }
-function zo(t, e, r) {
+const Wo = ["model/gltf-binary"];
+function Qo(t, e) {
+  const i = e.items[0].resource;
+  return i.format ? Wo.indexOf(i.format) === -1 ? _(`3D format: ${i.format} is unsupported`) : {
+    type: "3d-model",
+    model: i
+  } : _("Unknown format");
+}
+function Yo(t, e) {
+  var i;
+  if (!t.duration)
+    return _("No duration on canvas");
+  if (e.items.length > 1)
+    return _("Only one audio source supported");
+  const r = (i = e.items[0]) == null ? void 0 : i.resource;
+  return r ? r.format ? {
+    type: "media",
+    media: {
+      annotationId: e.items[0].annotationId,
+      duration: t.duration,
+      url: r.id,
+      type: "Sound",
+      target: {
+        type: "TemporalSelector",
+        temporal: {
+          startTime: 0,
+          endTime: t.duration
+        }
+      },
+      format: r.format,
+      selector: {
+        type: "TemporalSelector",
+        temporal: {
+          startTime: 0,
+          endTime: t.duration
+        }
+      }
+    },
+    annotations: {
+      pages: []
+    }
+  } : _("Audio does not have format") : _("Unknown audio");
+}
+function Go(t, e, r) {
   const i = [];
   for (const n of e.items) {
     const s = n.resource && n.resource.type === "SpecificResource" ? n.resource.source : n.resource;
@@ -4660,51 +4731,34 @@ function zo(t, e, r) {
     choice: e.choice
   };
 }
-const Wo = ["model/gltf-binary"];
-function Qo(t, e) {
-  const i = e.items[0].resource;
-  return i.format ? Wo.indexOf(i.format) === -1 ? _(`3D format: ${i.format} is unsupported`) : {
-    type: "3d-model",
-    model: i
-  } : _("Unknown format");
-}
-function Yo(t, e) {
-  var i;
-  if (!t.duration)
-    return _("No duration on canvas");
-  if (e.items.length > 1)
-    return _("Only one audio source supported");
-  const r = (i = e.items[0]) == null ? void 0 : i.resource;
-  return r ? r.format ? {
-    type: "media",
-    media: {
-      annotationId: e.items[0].annotationId,
-      duration: t.duration,
-      url: r.id,
-      type: "Sound",
-      target: {
-        type: "TemporalSelector",
-        temporal: {
-          startTime: 0,
-          endTime: t.duration
-        }
-      },
-      format: r.format,
-      selector: {
-        type: "TemporalSelector",
-        temporal: {
-          startTime: 0,
-          endTime: t.duration
-        }
-      }
-    },
-    annotations: {
-      pages: []
+function Ii(t, e = {}, r) {
+  const i = t.language || r || "none";
+  switch (t.type) {
+    case "TextualBody": {
+      typeof t.value < "u" && (e[i] = t.value);
+      break;
     }
-  } : _("Audio does not have format") : _("Unknown audio");
+    case "List":
+    case "Composite":
+    case "Choice":
+      t.items && t.items.forEach((n) => Ii(n, e, i));
+  }
+  return e;
 }
-const Go = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;
 function Jo(t, e) {
+  const r = [];
+  return e.items.forEach((i) => {
+    if (i.resource) {
+      const [n] = Ci(t, i.target);
+      r.push({ annotationId: i.annotationId, text: Ii(i.resource), target: n });
+    }
+  }), {
+    type: "textual-content",
+    items: r
+  };
+}
+const Ko = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;
+function Zo(t, e) {
   var a;
   const r = e.items.filter((o) => o.type === "video");
   if (!t.duration)
@@ -4742,7 +4796,7 @@ function Jo(t, e) {
   };
   if (n) {
     s.type = "VideoYouTube";
-    const o = i.id.match(Go);
+    const o = i.id.match(Ko);
     if (!o[1])
       return _("Video is not known youtube video");
     s.youTubeId = o[1];
@@ -4755,55 +4809,30 @@ function Jo(t, e) {
     }
   };
 }
-function Ii(t, e = {}, r) {
-  const i = t.language || r || "none";
-  switch (t.type) {
-    case "TextualBody": {
-      typeof t.value < "u" && (e[i] = t.value);
-      break;
-    }
-    case "List":
-    case "Composite":
-    case "Choice":
-      t.items && t.items.forEach((n) => Ii(n, e, i));
-  }
-  return e;
-}
-function Ko(t, e) {
-  const r = [];
-  return e.items.forEach((i) => {
-    if (i.resource) {
-      const [n] = Ci(t, i.target);
-      r.push({ annotationId: i.annotationId, text: Ii(i.resource), target: n });
-    }
-  }), {
-    type: "textual-content",
-    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({ canvas: t, paintables: e, supports: r, loadImageService: i }) {
+  if (!t)
+    return console.log("No canvas"), gt;
+  if (e.types.length === 0)
+    return r.indexOf("empty") !== -1 ? Lo(t.width, t.height) : (console.log("No paintables"), gt);
+  if (e.types.length !== 1)
+    if (e.types.length === 2 && e.types.indexOf("text") !== -1)
+      e.types = e.types.filter((s) => s !== "text");
+    else
+      return r.indexOf("complex-timeline") === -1 ? _("Complex timeline not supported") : _("ComplexTimelineStrategy not yet supported");
+  const n = e.types[0];
+  return n === "image" ? r.indexOf("images") === -1 ? _("Image not supported") : Go(t, e, i) : n === "Model" || n === "model" ? r.indexOf("3d-model") === -1 ? _("3D not supported") : Qo(t, e) : n === "textualbody" ? r.indexOf("textual-content") === -1 ? _("Textual content not supported") : Jo(t, e) : n === "sound" || n === "audio" ? r.indexOf("media") === -1 ? _("Media not supported") : Yo(t, e) : n === "video" ? r.indexOf("media") === -1 ? _("Media not supported") : Zo(t, e) : gt;
+}
+function ec(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(() => {
-    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");
-      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] : [
+  ], [h, l] = zo(t, [s]), p = j(() => Xo({ canvas: r, paintables: h, supports: u, loadImageService: n }), [r, h, i, l.makeChoice]);
+  return j(() => p.type === "unknown" ? [p, Po] : [
     {
       ...p,
       annotations: { pages: o }
@@ -4811,7 +4840,7 @@ function Zo(t) {
     l
   ], [p, o]);
 }
-const Xo = (t, e = []) => {
+const tc = (t, e = []) => {
   const r = W();
   re(() => {
     t(r);
@@ -4835,20 +4864,20 @@ const Xo = (t, e = []) => {
     if (r)
       return e ? r[e] : r;
   }
-}, ec = new pr();
-function tc(t = ki, e = {}) {
-  const r = e.imageServiceLoader || ec;
+}, rc = new hr();
+function ic(t = ki, e = {}) {
+  const r = e.imageServiceLoader || rc;
   async function i(n, s, a = !1, o = [], u) {
     const h = () => 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);
+      const p = Bt(n);
       return p && o.push(p), 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) => {
@@ -4897,13 +4926,13 @@ function tc(t = ki, e = {}) {
     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 nc(t, e, { canvasId: r, manifestId: i } = {}) {
+  const n = W(), s = Ri(), a = j(() => ic(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);
   if (re(() => (v.current = !1, () => {
     v.current = !0;
   }), []), !p)
     throw new Error("Must be called under a manifest or canvas context.");
-  return Xo(
+  return tc(
     (m) => {
       a.getBestThumbnailAtSize(p, t, e).then((d) => {
         d.best && !v.current && u(d.best);
@@ -4912,10 +4941,10 @@ function rc(t, e, { canvasId: r, manifestId: i } = {}) {
     [p]
   ), o;
 }
-function ic(t) {
+function sc(t) {
   return { isMuted: !1, playRequested: !1, isPlaying: !1, isFinished: !1, volume: 100, duration: t };
 }
-function nc(t, e) {
+function ac(t, e) {
   switch (e.type) {
     case "FINISHED":
       return { ...t, isFinished: !0, isPlaying: !1, playRequested: !1 };
@@ -4938,13 +4967,13 @@ function nc(t, e) {
   }
   return t;
 }
-function sc(t) {
+function oc(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(ac, sc(t.duration)), i = ve(null), n = ve(null), s = ve(null), a = ve(!1), o = D(() => {
+    n.current && i.current && (n.current.innerHTML = oc(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" });
@@ -4992,7 +5021,7 @@ function qt(t) {
     }
   ];
 }
-const ac = ce(null), oc = ce(null), cc = ce(null);
+const cc = ce(null), uc = ce(null), lc = ce(null);
 function Oi({
   actions: t,
   state: e,
@@ -5001,10 +5030,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(lc.Provider, { value: { currentTime: i, progress: n, element: s }, children: /* @__PURE__ */ x(uc.Provider, { value: t, children: /* @__PURE__ */ x(cc.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 +5084,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 +5146,18 @@ function Di({ style: t }) {
     }
   );
 }
-const uc = ge.createContext("en");
+const fc = ge.createContext("en");
 function qi() {
-  return ge.useContext(uc);
+  return ge.useContext(fc);
 }
-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 pc({ 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 hc(t, e, r) {
   if (e.length === 0)
     return;
   if (e.length === 1)
@@ -5143,15 +5172,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 dc = (t, e = []) => {
   const r = qi();
   return j(() => {
     const i = t();
-    return fc(r, i, []);
+    return hc(r, i, []);
   }, [r, ...e]);
 };
-function hc(t, e) {
-  const r = pc(() => Object.keys(t || {}), [t]);
+function yc(t, e) {
+  const r = dc(() => Object.keys(t || {}), [t]);
   return [
     j(() => {
       if (!t)
@@ -5165,10 +5194,10 @@ function hc(t, e) {
     r
   ];
 }
-const dc = ({ as: t, defaultText: e, enableDangerouslySetInnerHTML: r, children: i, ...n }) => {
-  const [s, a] = hc(i, e);
+const vc = ({ as: t, defaultText: e, enableDangerouslySetInnerHTML: r, children: i, ...n }) => {
+  const [s, a] = yc(i, e);
   return a ? /* @__PURE__ */ x(
-    lc,
+    pc,
     {
       ...n,
       as: t,
@@ -5191,7 +5220,7 @@ const dc = ({ as: t, defaultText: e, enableDangerouslySetInnerHTML: r, children:
     }
   );
 };
-function yc({
+function gc({
   element: t,
   media: e,
   playPause: r
@@ -5229,13 +5258,13 @@ function yc({
     )
   ] }) : null;
 }
-function vc({
+function mc({
   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", gc, {
     element: i,
     media: t,
     playPause: o.playPause
@@ -5262,7 +5291,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, $] = ec({
     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 +5301,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 +5309,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 = nc({ 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(
@@ -5315,8 +5344,8 @@ function _i({
     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 +5369,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(vc, { enableDangerouslySetInnerHTML: !0, children: k.text }) })
                 },
                 H
               ),
@@ -5372,7 +5401,7 @@ function _i({
           ] }) : M.media.type === "Video" ? /* @__PURE__ */ V(Fi, { media: M.media, mediaControlsDeps: h, 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(mc, { media: M.media, mediaControlsDeps: h, children: [
             X,
             o ? o(M) : null
           ] }) : null }) : null
@@ -5380,15 +5409,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 bc() {
   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 Ac = 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;
@@ -5401,7 +5430,7 @@ const mc = lr(function(e, r) {
         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(
+          return u += h.width + (e.spacing || 0), /* @__PURE__ */ x(Lt, { canvas: h.id, children: /* @__PURE__ */ x(
             G.RenderCanvas,
             {
               strategies: ["3d-model", "media", "images", "empty", "textual-content"],
@@ -5419,10 +5448,10 @@ const mc = lr(function(e, r) {
     ),
     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, ...h }, l) {
+  const p = bc();
+  return /* @__PURE__ */ x(Dr, { vault: p, children: /* @__PURE__ */ x(ds, { ...h, children: /* @__PURE__ */ x(
+    Ac,
     {
       ref: l,
       height: r,
@@ -5438,9 +5467,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;