react-iiif-vault 1.0.0 → 1.0.1

package/dist/react17/esm/index.mjs

@@ -1,32 +1,32 @@
 import { jsx as x, jsxs as N, Fragment as Me } from "react/jsx-runtime";
-import * as ot from "react";
-import me, { useContext as H, useMemo as E, useState as B, useEffect as K, useCallback as D, createContext as ce, useRef as ge, useLayoutEffect as hr, Fragment as Ke, useReducer as on, forwardRef as yr, useImperativeHandle as cn } from "react";
-import { AtlasAuto as un, mergeStyles as ln, RegionHighlight as fn, TileSet as pn, HTMLPortal as dn } from "@atlas-viewer/atlas";
-import { serialize as hn, serializeConfigPresentation2 as yn, serializeConfigPresentation3 as vn, isSpecificResource as gn, HAS_PART as Ze, PART_OF as Xe, frameResource as vr, normalize as mn } from "@iiif/parser";
+import * as at from "react";
+import me, { useContext as H, useMemo as E, useState as B, useEffect as K, useCallback as D, createContext as ce, useRef as ge, useLayoutEffect as hr, Fragment as Ke, useReducer as an, forwardRef as yr, useImperativeHandle as cn } from "react";
+import { AtlasAuto as un, ModeContext as ln, mergeStyles as fn, RegionHighlight as pn, TileSet as dn, HTMLPortal as hn } from "@atlas-viewer/atlas";
+import { serialize as yn, serializeConfigPresentation2 as vn, serializeConfigPresentation3 as gn, isSpecificResource as mn, HAS_PART as Ze, PART_OF as Xe, frameResource as vr, normalize as bn } from "@iiif/parser";
 import { ImageServiceLoader as gr, getImageServices as mt, getFixedSizeFromImage as Yt } from "@atlas-viewer/iiif-image-api";
 function bt(e, t) {
   return bt = Object.setPrototypeOf || function(i, n) {
     return i.__proto__ = n, i;
   }, bt(e, t);
 }
-function bn(e, t) {
+function An(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, bt(e, t);
 }
-var An = function(t, r) {
+var xn = function(t, r) {
   return t === void 0 && (t = []), r === void 0 && (r = []), t.length !== r.length || t.some(function(i, n) {
     return !Object.is(i, r[n]);
   });
 }, Gt = {
   error: null
-}, xn = /* @__PURE__ */ function(e) {
-  bn(t, e);
+}, wn = /* @__PURE__ */ function(e) {
+  An(t, e);
   function t() {
-    for (var i, n = arguments.length, s = new Array(n), a = 0; a < n; a++)
-      s[a] = arguments[a];
+    for (var i, n = arguments.length, s = new Array(n), o = 0; o < n; o++)
+      s[o] = arguments[o];
     return i = e.call.apply(e, [this].concat(s)) || this, i.state = Gt, i.resetErrorBoundary = function() {
-      for (var o, u = arguments.length, d = new Array(u), l = 0; l < u; l++)
+      for (var a, u = arguments.length, d = new Array(u), l = 0; l < u; l++)
         d[l] = arguments[l];
-      i.props.onReset == null || (o = i.props).onReset.apply(o, d), i.reset();
+      i.props.onReset == null || (a = i.props).onReset.apply(a, d), i.reset();
     }, i;
   }
   t.getDerivedStateFromError = function(n) {
@@ -38,40 +38,40 @@ var An = function(t, r) {
   return r.reset = function() {
     this.setState(Gt);
   }, r.componentDidCatch = function(n, s) {
-    var a, o;
-    (a = (o = this.props).onError) == null || a.call(o, n, s);
+    var o, a;
+    (o = (a = this.props).onError) == null || o.call(a, n, s);
   }, r.componentDidUpdate = function(n, s) {
-    var a = this.state.error, o = this.props.resetKeys;
-    if (a !== null && s.error !== null && An(n.resetKeys, o)) {
+    var o = this.state.error, a = this.props.resetKeys;
+    if (o !== null && s.error !== null && xn(n.resetKeys, a)) {
       var u, d;
-      (u = (d = this.props).onResetKeysChange) == null || u.call(d, n.resetKeys, o), this.reset();
+      (u = (d = this.props).onResetKeysChange) == null || u.call(d, n.resetKeys, a), this.reset();
     }
   }, r.render = function() {
-    var n = this.state.error, s = this.props, a = s.fallbackRender, o = s.FallbackComponent, u = s.fallback;
+    var n = this.state.error, s = this.props, o = s.fallbackRender, a = s.FallbackComponent, u = s.fallback;
     if (n !== null) {
       var d = {
         error: n,
         resetErrorBoundary: this.resetErrorBoundary
       };
-      if (/* @__PURE__ */ ot.isValidElement(u))
+      if (/* @__PURE__ */ at.isValidElement(u))
         return u;
-      if (typeof a == "function")
-        return a(d);
-      if (o)
-        return /* @__PURE__ */ ot.createElement(o, d);
+      if (typeof o == "function")
+        return o(d);
+      if (a)
+        return /* @__PURE__ */ at.createElement(a, d);
       throw new Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop");
     }
     return this.props.children;
   }, t;
-}(ot.Component);
-const wn = {
+}(at.Component);
+const Sn = {
   collection: void 0,
   manifest: void 0,
   range: void 0,
   canvas: void 0,
   annotation: void 0,
   annotationPage: void 0
-}, Et = me.createContext(wn), be = () => H(Et);
+}, Et = me.createContext(Sn), be = () => H(Et);
 function Te({ value: e, children: t }) {
   const r = be(), i = E(() => ({
     ...r,
@@ -79,7 +79,7 @@ function Te({ value: e, children: t }) {
   }), [e, r]);
   return /* @__PURE__ */ x(Et.Provider, { value: i, children: t });
 }
-var Sn = Object.defineProperty, Cn = (e, t, r) => t in e ? Sn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, ve = (e, t, r) => (Cn(e, typeof t != "symbol" ? t + "" : t, r), r);
+var Cn = Object.defineProperty, Mn = (e, t, r) => t in e ? Cn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, ve = (e, t, r) => (Mn(e, typeof t != "symbol" ? t + "" : t, r), r);
 const q = function(e) {
   return function() {
     const t = { type: e, getType: () => e, toString: () => e };
@@ -89,31 +89,31 @@ const q = function(e) {
       ...i !== void 0 && { meta: i }
     });
   };
-}, mr = "@iiif/IMPORT_ENTITIES", br = "@iiif/MODIFY_ENTITY_FIELD", Ar = "@iiif/REORDER_ENTITY_FIELD", xr = "@iiif/ADD_REFERENCE", At = "@iiif/UPDATE_REFERENCE", wr = "@iiif/REMOVE_REFERENCE", Sr = "@iiif/ADD_METADATA", Cr = "@iiif/REMOVE_METADATA", xt = "@iiif/UPDATE_METADATA", Mr = "@iiif/REORDER_METADATA", Rr = q(mr)(), Mn = q(br)(), Rn = q(Ar)(), In = q(xr)(), Tn = q(wr)(), kn = q(At)(), On = q(Sr)(), En = q(xt)(), Pn = q(Cr)(), Ln = q(Mr)(), Fn = {
+}, mr = "@iiif/IMPORT_ENTITIES", br = "@iiif/MODIFY_ENTITY_FIELD", Ar = "@iiif/REORDER_ENTITY_FIELD", xr = "@iiif/ADD_REFERENCE", At = "@iiif/UPDATE_REFERENCE", wr = "@iiif/REMOVE_REFERENCE", Sr = "@iiif/ADD_METADATA", Cr = "@iiif/REMOVE_METADATA", xt = "@iiif/UPDATE_METADATA", Mr = "@iiif/REORDER_METADATA", Rr = q(mr)(), Rn = q(br)(), In = q(Ar)(), Tn = q(xr)(), kn = q(wr)(), On = q(At)(), En = q(Sr)(), Pn = q(xt)(), Ln = q(Cr)(), Fn = q(Mr)(), jn = {
   importEntities: Rr,
-  modifyEntityField: Mn,
-  reorderEntityField: Rn,
-  addReference: In,
-  removeReference: Tn,
-  updateReference: kn,
-  addMetadata: On,
-  removeMetadata: Pn,
-  updateMetadata: En,
-  reorderMetadata: Ln
-}, Ir = "@iiif/ADD_MAPPING", Tr = "@iiif/ADD_MAPPINGS", jn = q(Ir)(), $n = q(Tr)(), kr = "@iiif/SET_META_VALUE", Or = "@iiif/SET_META_VALUE_DYNAMIC", Er = "@iiif/UNSET_META_VALUE", Dn = q(kr)(), qn = q(Or)(), _n = q(Er)(), Jt = {
-  setMetaValue: Dn,
-  setMetaValueDynamic: qn,
-  unsetMetaValue: _n
-}, wt = "RESOURCE_ERROR", Pr = "RESOURCE_LOADING", St = "RESOURCE_READY", Lr = "@iiif/REQUEST_RESOURCE", Fr = "@iiif/REQUEST_ERROR", jr = "@iiif/REQUEST_MISMATCH", $r = "@iiif/REQUEST_COMPLETE", Un = "@iiif/REQUEST_OFFLINE_RESOURCE", Vn = q(Lr)(), Dr = q(Fr)(), Nn = q(jr)(), Hn = q($r)(), Pt = "@iiif/BATCH", Bn = "@iiif/BATCH_IMPORT", Ct = q(Pt)(), zn = (e, t) => {
-  const { entities: r, resource: i, mapping: n } = mn(t);
+  modifyEntityField: Rn,
+  reorderEntityField: In,
+  addReference: Tn,
+  removeReference: kn,
+  updateReference: On,
+  addMetadata: En,
+  removeMetadata: Ln,
+  updateMetadata: Pn,
+  reorderMetadata: Fn
+}, Ir = "@iiif/ADD_MAPPING", Tr = "@iiif/ADD_MAPPINGS", $n = q(Ir)(), Dn = q(Tr)(), kr = "@iiif/SET_META_VALUE", Or = "@iiif/SET_META_VALUE_DYNAMIC", Er = "@iiif/UNSET_META_VALUE", qn = q(kr)(), _n = q(Or)(), Un = q(Er)(), Jt = {
+  setMetaValue: qn,
+  setMetaValueDynamic: _n,
+  unsetMetaValue: Un
+}, wt = "RESOURCE_ERROR", Pr = "RESOURCE_LOADING", St = "RESOURCE_READY", Lr = "@iiif/REQUEST_RESOURCE", Fr = "@iiif/REQUEST_ERROR", jr = "@iiif/REQUEST_MISMATCH", $r = "@iiif/REQUEST_COMPLETE", Vn = "@iiif/REQUEST_OFFLINE_RESOURCE", Nn = q(Lr)(), Dr = q(Fr)(), Hn = q(jr)(), Bn = q($r)(), Pt = "@iiif/BATCH", zn = "@iiif/BATCH_IMPORT", Ct = q(Pt)(), Wn = (e, t) => {
+  const { entities: r, resource: i, mapping: n } = bn(t);
   if (i.id === void 0)
     return [Dr({ id: e, message: "ID is not defined in resource." })];
-  const s = [Rr({ entities: r }), $n({ mapping: n })];
-  return i.id !== e && (s.push(jn({ id: e, type: i.type })), s.push(Nn({ requestId: e, actualId: i.id }))), s.push(Hn({ id: e })), s;
+  const s = [Rr({ entities: r }), Dn({ mapping: n })];
+  return i.id !== e && (s.push($n({ id: e, type: i.type })), s.push(Hn({ requestId: e, actualId: i.id }))), s.push(Bn({ id: e })), s;
 }, Kt = Number.isNaN || function(e) {
   return typeof e == "number" && e !== e;
 };
-function Wn(e, t) {
+function Qn(e, t) {
   return !!(e === t || Kt(e) && Kt(t));
 }
 function Zt(e, t) {
@@ -122,7 +122,7 @@ function Zt(e, t) {
   if (e.length !== t.length)
     return !1;
   for (let r = 0; r < e.length; r++)
-    if (!Wn(e[r], t[r]))
+    if (!Qn(e[r], t[r]))
       return !1;
   return !0;
 }
@@ -132,16 +132,16 @@ function ct(e, t, r) {
     return;
   const s = e.iiif.entities[n][i.resourceUri];
   if (s && s[Ze]) {
-    const a = s[Ze].find((o) => r ? o[Xe] === r.id : o[Xe] === s.id);
-    return vr(s, a);
+    const o = s[Ze].find((a) => r ? a[Xe] === r.id : a[Xe] === s.id);
+    return vr(s, o);
   }
   return s;
 }
 function Xt(e, t, { waitTimeout: r = 30 } = {}) {
   return async (i, n) => {
-    const s = e.getStore(), a = s.getState(), o = a.iiif.requests[i];
-    if (o)
-      switch (o.loadingState) {
+    const s = e.getStore(), o = s.getState(), a = o.iiif.requests[i];
+    if (a)
+      switch (a.loadingState) {
         case wt:
           break;
         case Pr: {
@@ -176,17 +176,17 @@ function Xt(e, t, { waitTimeout: r = 30 } = {}) {
           break;
         }
         case St: {
-          const u = ct(a, i);
+          const u = ct(o, i);
           if (u)
             return u;
           break;
         }
       }
-    e.dispatch(Vn({ id: i }));
+    e.dispatch(Nn({ id: i }));
     try {
       const u = await t(i, n);
       !u.id && !u["@id"] && (u["@type"] && (u["@id"] = i), u.id = i);
-      const d = zn(i, u);
+      const d = Wn(i, u);
       return e.dispatch(Ct({ actions: d })), ct(s.getState(), i);
     } catch (u) {
       throw e.dispatch(Dr({ id: i, message: u.toString() })), u;
@@ -210,22 +210,22 @@ function qr() {
 }
 const er = (e) => {
   let t;
-  const r = /* @__PURE__ */ new Set(), i = (a, o) => {
-    const u = typeof a == "function" ? a(t) : a;
+  const r = /* @__PURE__ */ new Set(), i = (o, a) => {
+    const u = typeof o == "function" ? o(t) : o;
     if (!Object.is(u, t)) {
       const d = t;
-      t = o ?? typeof u != "object" ? u : Object.assign({}, t, u), r.forEach((l) => l(t, d));
+      t = a ?? typeof u != "object" ? u : Object.assign({}, t, u), r.forEach((l) => l(t, d));
     }
-  }, n = () => t, s = { setState: i, getState: n, subscribe: (a) => (r.add(a), () => r.delete(a)), destroy: () => {
+  }, n = () => t, s = { setState: i, getState: n, subscribe: (o) => (r.add(o), () => r.delete(o)), destroy: () => {
     r.clear();
   } };
   return t = e(i, n, s), s;
-}, Qn = (e) => e ? er(e) : er, Yn = (e, t) => (r, i, n) => (n.dispatch = (s) => (r((a) => e(a, s), !1, s), s), n.dispatchFromDevtools = !0, { dispatch: (...s) => n.dispatch(...s), ...t }), Gn = Yn, Mt = /* @__PURE__ */ new Map(), Ne = (e) => {
+}, Yn = (e) => e ? er(e) : er, Gn = (e, t) => (r, i, n) => (n.dispatch = (s) => (r((o) => e(o, s), !1, s), s), n.dispatchFromDevtools = !0, { dispatch: (...s) => n.dispatch(...s), ...t }), Jn = Gn, Mt = /* @__PURE__ */ new Map(), Ne = (e) => {
   const t = Mt.get(e);
   return t ? Object.fromEntries(
     Object.entries(t.stores).map(([r, i]) => [r, i.getState()])
   ) : {};
-}, Jn = (e, t, r) => {
+}, Kn = (e, t, r) => {
   if (e === void 0)
     return {
       type: "untracked",
@@ -239,8 +239,8 @@ const er = (e) => {
     stores: {}
   };
   return Mt.set(r.name, n), { type: "tracked", store: e, ...n };
-}, Kn = (e, t = {}) => (r, i, n) => {
-  const { enabled: s, anonymousActionType: a, store: o, ...u } = t;
+}, Zn = (e, t = {}) => (r, i, n) => {
+  const { enabled: s, anonymousActionType: o, store: a, ...u } = t;
   let d;
   try {
     d = (s ?? !1) && window.__REDUX_DEVTOOLS_EXTENSION__;
@@ -248,21 +248,21 @@ const er = (e) => {
   }
   if (!d)
     return e(r, i, n);
-  const { connection: l, ...p } = Jn(o, d, u);
+  const { connection: l, ...p } = Kn(a, d, u);
   let v = !0;
   n.setState = (g, b, A) => {
     const w = r(g, b);
     if (!v)
       return w;
-    const C = A === void 0 ? { type: a || "anonymous" } : typeof A == "string" ? { type: A } : A;
-    return o === void 0 ? (l == null || l.send(C, i()), w) : (l == null || l.send(
+    const C = A === void 0 ? { type: o || "anonymous" } : typeof A == "string" ? { type: A } : A;
+    return a === void 0 ? (l == null || l.send(C, i()), w) : (l == null || l.send(
       {
         ...C,
-        type: `${o}/${C.type}`
+        type: `${a}/${C.type}`
       },
       {
         ...Ne(u.name),
-        [o]: n.getState()
+        [a]: n.getState()
       }
     ), w);
   };
@@ -297,7 +297,7 @@ const er = (e) => {
           g.payload,
           (A) => {
             if (A.type === "__setState") {
-              if (o === void 0) {
+              if (a === void 0) {
                 m(A.state);
                 return;
               }
@@ -308,7 +308,7 @@ const er = (e) => {
                     and value of this only key should be a state object. Example: { "type": "__setState", "state": { "abc123Store": { "foo": "bar" } } }
                     `
               );
-              const w = A.state[o];
+              const w = A.state[a];
               if (w == null)
                 return;
               JSON.stringify(n.getState()) !== JSON.stringify(w) && m(w);
@@ -320,35 +320,35 @@ const er = (e) => {
       case "DISPATCH":
         switch (g.payload.type) {
           case "RESET":
-            return m(h), o === void 0 ? l == null ? void 0 : l.init(n.getState()) : l == null ? void 0 : l.init(Ne(u.name));
+            return m(h), a === void 0 ? l == null ? void 0 : l.init(n.getState()) : l == null ? void 0 : l.init(Ne(u.name));
           case "COMMIT":
-            if (o === void 0) {
+            if (a === void 0) {
               l == null || l.init(n.getState());
               return;
             }
             return l == null ? void 0 : l.init(Ne(u.name));
           case "ROLLBACK":
             return ut(g.state, (A) => {
-              if (o === void 0) {
+              if (a === void 0) {
                 m(A), l == null || l.init(n.getState());
                 return;
               }
-              m(A[o]), l == null || l.init(Ne(u.name));
+              m(A[a]), l == null || l.init(Ne(u.name));
             });
           case "JUMP_TO_STATE":
           case "JUMP_TO_ACTION":
             return ut(g.state, (A) => {
-              if (o === void 0) {
+              if (a === void 0) {
                 m(A);
                 return;
               }
-              JSON.stringify(n.getState()) !== JSON.stringify(A[o]) && m(A[o]);
+              JSON.stringify(n.getState()) !== JSON.stringify(A[a]) && m(A[a]);
             });
           case "IMPORT_STATE": {
             const { nextLiftedState: A } = g.payload, w = (b = A.computedStates.slice(-1)[0]) == null ? void 0 : b.state;
             if (!w)
               return;
-            m(o === void 0 ? w : w[o]), l == null || l.send(
+            m(a === void 0 ? w : w[a]), l == null || l.send(
               null,
               // FIXME no-any
               A
@@ -361,7 +361,7 @@ const er = (e) => {
         return;
     }
   }), h;
-}, Zn = Kn, ut = (e, t) => {
+}, Xn = Zn, ut = (e, t) => {
   let r;
   try {
     r = JSON.parse(e);
@@ -372,24 +372,24 @@ const er = (e) => {
     );
   }
   r !== void 0 && t(r);
-}, Xn = (e) => (t, r, i) => {
+}, es = (e) => (t, r, i) => {
   const n = i.subscribe;
-  return i.subscribe = (s, a, o) => {
+  return i.subscribe = (s, o, a) => {
     let u = s;
-    if (a) {
-      const d = (o == null ? void 0 : o.equalityFn) || Object.is;
+    if (o) {
+      const d = (a == null ? void 0 : a.equalityFn) || Object.is;
       let l = s(i.getState());
       u = (p) => {
         const v = s(p);
         if (!d(l, v)) {
           const m = l;
-          a(l = v, m);
+          o(l = v, m);
         }
-      }, o != null && o.fireImmediately && a(l, l);
+      }, a != null && a.fireImmediately && o(l, l);
     }
     return n(u);
   }, e(t, r, i);
-}, es = Xn, ts = (e = {}, t) => {
+}, ts = es, rs = (e = {}, t) => {
   switch (t.type) {
     case Ir:
       return {
@@ -408,16 +408,16 @@ const er = (e) => {
 function lt(e, t, r, i) {
   return !(!e[r] || !e[r][t] || !e[r][t][i] || !Array.isArray(e[r][t][i]));
 }
-function rs(e, t) {
+function is(e, t) {
   const r = {}, i = [];
   for (const [n, s] of Object.entries(e || {})) {
     i.push(n);
-    const a = (t || {})[n];
-    if (!a || a.length === 0) {
+    const o = (t || {})[n];
+    if (!o || o.length === 0) {
       r[n] = s;
       continue;
     }
-    r[n] = a;
+    r[n] = o;
   }
   for (const [n, s] of Object.entries(t || {}))
     i.indexOf(n) === -1 && (r[n] = s);
@@ -429,7 +429,7 @@ function R(e) {
 function ft(e, t) {
   return typeof e > "u" ? t : e;
 }
-const is = (e = qr(), t) => {
+const ns = (e = qr(), t) => {
   var r;
   const i = (n, s) => ({
     ...e,
@@ -454,19 +454,19 @@ const is = (e = qr(), t) => {
       const n = e[R(t).type][R(t).id];
       if (typeof n == "string")
         return e;
-      const s = Array.from(n[R(t).key]), [a] = s.splice(R(t).startIndex, 1);
-      return s.splice(R(t).endIndex, 0, a), i(n, { [R(t).key]: s });
+      const s = Array.from(n[R(t).key]), [o] = s.splice(R(t).startIndex, 1);
+      return s.splice(R(t).endIndex, 0, o), i(n, { [R(t).key]: s });
     }
     case mr: {
       const n = Object.keys(R(t).entities), s = { ...e };
-      for (const a of n) {
-        const o = R(t).entities[a], u = { ...e[a] || {} };
+      for (const o of n) {
+        const a = R(t).entities[o], u = { ...e[o] || {} };
         let d = !1;
-        const l = Object.keys(o || {}) || [];
-        if (o && l) {
+        const l = Object.keys(a || {}) || [];
+        if (a && l) {
           for (const p of l)
-            d = !0, u[p] = e[a][p] ? rs(e[a][p], o[p]) : o[p];
-          d && (s[a] = u);
+            d = !0, u[p] = e[o][p] ? is(e[o][p], a[p]) : a[p];
+          d && (s[o] = u);
         }
       }
       return s;
@@ -481,41 +481,41 @@ const is = (e = qr(), t) => {
     case wr: {
       if (!lt(e, R(t).id, R(t).type, R(t).key))
         return e;
-      const n = e[R(t).type][R(t).id], s = Array.from(n[R(t).key]), a = ft(
+      const n = e[R(t).type][R(t).id], s = Array.from(n[R(t).key]), o = ft(
         R(t).index,
-        s.findIndex((o) => o && o.id === R(t).reference.id)
+        s.findIndex((a) => a && a.id === R(t).reference.id)
       );
-      return a === -1 || ((r = s[a]) == null ? void 0 : r.id) !== R(t).reference.id ? e : (t.type === At ? s.splice(a, 1, R(t).reference) : s.splice(a, 1), i(n, { [R(t).key]: s }));
+      return o === -1 || ((r = s[o]) == null ? void 0 : r.id) !== R(t).reference.id ? e : (t.type === At ? s.splice(o, 1, R(t).reference) : s.splice(o, 1), i(n, { [R(t).key]: s }));
     }
     case Sr: {
       const n = e[R(t).type][R(t).id];
       if (!n)
         return e;
-      const s = Array.from(n.metadata || []), a = R(t);
+      const s = Array.from(n.metadata || []), o = R(t);
       return s.splice(ft(t.payload.beforeIndex, s.length + 1), 0, {
-        label: a.label,
-        value: a.label
+        label: o.label,
+        value: o.label
       }), i(n, { metadata: s });
     }
     case Mr: {
       const n = e[R(t).type][R(t).id];
       if (typeof n == "string" || !n)
         return e;
-      const s = Array.from(n.metadata || []), [a] = s.splice(R(t).startIndex, 1);
-      return s.splice(R(t).endIndex, 0, a), i(n, { metadata: s });
+      const s = Array.from(n.metadata || []), [o] = s.splice(R(t).startIndex, 1);
+      return s.splice(R(t).endIndex, 0, o), i(n, { metadata: s });
     }
     case xt:
     case Cr: {
-      const n = e[R(t).type][R(t).id], s = Array.from(n.metadata || []), a = R(t).atIndex;
-      return typeof a > "u" || a === -1 || !s[a] ? e : (t.type === xt ? s.splice(a, 1, { label: R(t).label, value: R(t).value }) : s.splice(a, 1), i(n, { metadata: s }));
+      const n = e[R(t).type][R(t).id], s = Array.from(n.metadata || []), o = R(t).atIndex;
+      return typeof o > "u" || o === -1 || !s[o] ? e : (t.type === xt ? s.splice(o, 1, { label: R(t).label, value: R(t).value }) : s.splice(o, 1), i(n, { metadata: s }));
     }
     default:
       return e;
   }
-}, ns = (e = {}, t) => {
+}, ss = (e = {}, t) => {
   switch (t.type) {
     case Lr:
-    case Un:
+    case Vn:
       return {
         ...e,
         [t.payload.id]: {
@@ -560,8 +560,8 @@ const is = (e = qr(), t) => {
       };
   }
   return e;
-}, ss = (e = {}, t) => {
-  const { id: r, updateValue: i, value: n, meta: s, key: a } = t && t.payload || {};
+}, os = (e = {}, t) => {
+  const { id: r, updateValue: i, value: n, meta: s, key: o } = t && t.payload || {};
   switch (t.type) {
     case kr:
       return {
@@ -570,7 +570,7 @@ const is = (e = qr(), t) => {
           ...e[r] || {},
           [s]: {
             ...e[r] ? e[r][s] || {} : {},
-            [a]: n
+            [o]: n
           }
         }
       };
@@ -581,18 +581,18 @@ const is = (e = qr(), t) => {
           ...e[r] || {},
           [s]: {
             ...e[r] ? e[r][s] || {} : {},
-            [a]: e[r] && e[r][s] ? i(e[r][s][a]) : i(void 0)
+            [o]: e[r] && e[r][s] ? i(e[r][s][o]) : i(void 0)
           }
         }
       };
     case Er:
-      return e[r] && e[r][s] && e[r][s][a] ? {
+      return e[r] && e[r][s] && e[r][s][o] ? {
         ...e,
         [r]: {
           ...e[r] || {},
           [s]: {
             ...e[r] ? e[r][s] || {} : {},
-            [a]: void 0
+            [o]: void 0
           }
         }
       } : e;
@@ -605,15 +605,15 @@ function _r(e = {}) {
   return function(r = {}, i) {
     let n = !1;
     const s = {};
-    for (let a = 0; a < t.length; a++) {
-      const o = t[a];
-      s[o] = e[o](r[o], i), n = n || s[o] !== r[o];
+    for (let o = 0; o < t.length; o++) {
+      const a = t[o];
+      s[a] = e[a](r[a], i), n = n || s[a] !== r[a];
     }
     return n ? s : r;
   };
 }
 function as(e) {
-  return (t, r) => r && r.type === Pt ? r.payload.actions.reduce(e, t) : r && r.type === Bn ? {
+  return (t, r) => r && r.type === Pt ? r.payload.actions.reduce(e, t) : r && r.type === zn ? {
     ...t,
     iiif: {
       ...t.iiif,
@@ -621,13 +621,13 @@ function as(e) {
     }
   } : e(t, r);
 }
-const os = _r({
-  mapping: ts,
-  entities: is,
-  requests: ns,
-  meta: ss
+const cs = _r({
+  mapping: rs,
+  entities: ns,
+  requests: ss,
+  meta: os
 });
-function cs() {
+function us() {
   return {
     iiif: {
       entities: qr(),
@@ -637,16 +637,16 @@ function cs() {
     }
   };
 }
-function us(e = {}) {
+function ls(e = {}) {
   const {
     enableDevtools: t = !1,
     iiifStoreName: r = "iiif",
-    defaultState: i = cs(),
+    defaultState: i = us(),
     customReducers: n = {}
-  } = e, s = as(_r({ [r]: os, ...n }));
-  return Qn(es(Zn(Gn(s, i), { enabled: t })));
+  } = e, s = as(_r({ [r]: cs, ...n }));
+  return Yn(ts(Xn(Jn(s, i), { enabled: t })));
 }
-function ls(e) {
+function fs(e) {
   return { all: e = e || /* @__PURE__ */ new Map(), on: function(t, r) {
     var i = e.get(t);
     i ? i.push(r) : e.set(t, [r]);
@@ -673,10 +673,10 @@ function G(e, t, r, i = !0) {
       const s = t[Se][e];
       if (!s)
         return s;
-      const a = r.get(t[Se][e], {
+      const o = r.get(t[Se][e], {
         parent: this.id ? { id: this.id, type: this.type } : void 0
       });
-      return n.has(a) || (n.clear(), n.set(a, Ce(a, r))), n.get(a);
+      return n.has(o) || (n.clear(), n.set(o, Ce(o, r))), n.get(o);
     },
     set(s) {
       t[Se][e] !== s && (this[we] ? r.modifyEntityField({ id: this.id, type: this.type }, e, Ur(s)) : this[Se][e] = s);
@@ -684,7 +684,7 @@ function G(e, t, r, i = !0) {
   });
 }
 const Se = Symbol.for("_refs_"), we = Symbol.for("_reactive_"), Oe = Symbol.for("_defined_"), tr = Symbol.for("_parent_");
-function fs(e, t = !1, r) {
+function ps(e, t = !1, r) {
   const i = {
     id: "",
     type: "unknown",
@@ -757,7 +757,7 @@ function fs(e, t = !1, r) {
   };
   return G("items", i, e), G("annotations", i, e), G("structures", i, e), G("seeAlso", i, e), G("rendering", i, e), G("partOf", i, e), G("start", i, e, !1), G("supplementary", i, e), G("homepage", i, e), G("thumbnail", i, e), G("placeholderCanvas", i, e, !1), G("accompanyingCanvas", i, e, !1), G("provider", i, e), G("body", i, e), G("logo", i, e), i;
 }
-function ps(e) {
+function ds(e) {
   return !!e[Oe];
 }
 function Ur(e) {
@@ -765,11 +765,11 @@ function Ur(e) {
 }
 function Ce(e, t, r = !1, i) {
   if (Array.isArray(e))
-    return e.map((o) => Ce(o, t, r));
+    return e.map((a) => Ce(a, t, r));
   if (!e || !e.type || !e.id)
     return e;
-  const n = fs(t, r), s = Object.create(n), a = Object.assign(s, e);
-  return r && a.reactive(), a;
+  const n = ps(t, r), s = Object.create(n), o = Object.assign(s, e);
+  return r && o.reactive(), o;
 }
 function rr(e) {
   switch (e) {
@@ -799,11 +799,11 @@ let Rt = class {
         enableDevtools: !0
       },
       t || {}
-    ), this.store = r || us({
+    ), this.store = r || ls({
       customReducers: this.options.reducers,
       defaultState: this.options.defaultState,
       enableDevtools: this.options.enableDevtools
-    }), this.emitter = ls(), this.remoteFetcher = Xt(this, this.options.customFetcher), this.staticFetcher = Xt(this, (i, n) => n);
+    }), this.emitter = fs(), this.remoteFetcher = Xt(this, this.options.customFetcher), this.staticFetcher = Xt(this, (i, n) => n);
   }
   batch(t) {
     this.isBatching = !0;
@@ -825,7 +825,7 @@ let Rt = class {
   }
   modifyEntityField(t, r, i) {
     this.dispatch(
-      Fn.modifyEntityField({
+      jn.modifyEntityField({
         id: t.id,
         type: t.type,
         key: r,
@@ -858,13 +858,13 @@ let Rt = class {
     };
   }
   serialize(t, r) {
-    return hn(this.getState().iiif, t, r);
+    return yn(this.getState().iiif, t, r);
   }
   toPresentation2(t) {
-    return this.serialize(t, yn);
+    return this.serialize(t, vn);
   }
   toPresentation3(t) {
-    return this.serialize(t, vn);
+    return this.serialize(t, gn);
   }
   hydrate(t, r, i = {}) {
     return this.get(t, r, { ...i, skipSelfReturn: !1 });
@@ -875,9 +875,9 @@ let Rt = class {
     let s = i.parent ? typeof i.parent == "string" ? i.parent : i.parent.id : void 0;
     if (Array.isArray(t))
       return t.map((p) => this.get(p, i));
-    const a = this.getState();
-    if (gn(t) && !i.preserveSpecificResources && (t = t.source), typeof t == "string") {
-      const p = rr(r || a.iiif.mapping[t]);
+    const o = this.getState();
+    if (mn(t) && !i.preserveSpecificResources && (t = t.source), typeof t == "string") {
+      const p = rr(r || o.iiif.mapping[t]);
       if (!p)
         return n ? null : { id: t, type: "unknown" };
       t = { id: t, type: p };
@@ -886,9 +886,9 @@ let Rt = class {
       const p = Array.isArray(t.partOf) ? t.partOf[0] : t.partOf;
       p && (typeof p == "string" && (s = p), typeof p.id == "string" && (s = p.id));
     }
-    const o = rr(r || (t == null ? void 0 : t.type)), u = t == null ? void 0 : t.id, d = a.iiif.entities[o];
+    const a = rr(r || (t == null ? void 0 : t.type)), u = t == null ? void 0 : t.id, d = o.iiif.entities[a];
     if (!d) {
-      const p = a.iiif.requests[u];
+      const p = o.iiif.requests[u];
       return p && p.resourceUri !== u ? this.get(p.resourceUri, i) : n ? null : t;
     }
     const l = d[t.id];
@@ -912,7 +912,7 @@ let Rt = class {
       return this.get(r, { skipSelfReturn: !1 });
     if (typeof t == "function")
       try {
-        const n = t(this.get(r, { skipSelfReturn: !1 })), s = (a) => this.deep(a, n);
+        const n = t(this.get(r, { skipSelfReturn: !1 })), s = (o) => this.deep(o, n);
         return s.size = Array.isArray(n) ? n.length : 1, s;
       } catch {
         const n = (s) => this.deep(s, void 0);
@@ -971,7 +971,7 @@ let Rt = class {
     return Ce(this.get(t, { skipSelfReturn: !1 }), this);
   }
   isWrapped(t) {
-    return ps(t);
+    return ds(t);
   }
   setMetaValue([t, r, i], n) {
     this.dispatch(
@@ -989,11 +989,11 @@ let Rt = class {
     );
   }
 };
-function ds() {
+function hs() {
   return typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {};
 }
 function Vr(e) {
-  const t = ds();
+  const t = hs();
   try {
     const i = t.IIIF_VAULT;
     if (i)
@@ -1019,8 +1019,8 @@ function Nr({
   resources: i,
   children: n
 }) {
-  const [s, a] = B(() => e || (r ? Vr(t) : t ? new Rt(t) : new Rt()));
-  return /* @__PURE__ */ x(tt.Provider, { value: { vault: s, setVaultInstance: a }, children: /* @__PURE__ */ x(Te, { value: i || {}, children: n }) });
+  const [s, o] = B(() => e || (r ? Vr(t) : t ? new Rt(t) : new Rt()));
+  return /* @__PURE__ */ x(tt.Provider, { value: { vault: s, setVaultInstance: o }, children: /* @__PURE__ */ x(Te, { value: i || {}, children: n }) });
 }
 const V = () => {
   const { vault: e } = H(tt);
@@ -1029,33 +1029,33 @@ const V = () => {
   return e;
 };
 function Hr(e, { noCache: t = !1 } = {}) {
-  const r = typeof e == "string" ? e : e.id, i = V(), [n, s] = B(r), [a, o] = B(void 0), u = E(() => i.get(r, { skipSelfReturn: !0 }) || void 0, [r, i]), [d, l] = B(u);
+  const r = typeof e == "string" ? e : e.id, i = V(), [n, s] = B(r), [o, a] = B(void 0), u = E(() => i.get(r, { skipSelfReturn: !0 }) || void 0, [r, i]), [d, l] = B(u);
   return K(() => {
     (async () => {
       try {
         const p = u && !t ? u : await i.load(r), v = p ? p.id || p["@id"] : null;
         p && n !== v && s(v), l(p);
       } catch (p) {
-        o(p);
+        a(p);
       }
     })();
   }, [r, t]), {
     isLoaded: !!d,
     id: n,
     requestId: r,
-    error: a,
+    error: o,
     resource: d,
     cached: !!(d && d === u)
   };
 }
-function hs(e, t) {
-  const { id: r, isLoaded: i, error: n, resource: s, requestId: a, cached: o } = Hr(
+function ys(e, t) {
+  const { id: r, isLoaded: i, error: n, resource: s, requestId: o, cached: a } = Hr(
     e,
     t
   );
-  return { id: r, isLoaded: i, error: n, manifest: s, requestId: a, cached: o };
+  return { id: r, isLoaded: i, error: n, manifest: s, requestId: o, cached: a };
 }
-function ys({ manifest: e, children: t }) {
+function vs({ manifest: e, children: t }) {
   return /* @__PURE__ */ x(Te, { value: { manifest: e }, children: t });
 }
 function Lt({ canvas: e, children: t }) {
@@ -1082,26 +1082,26 @@ function Br() {
 function ke(e = {}, t = []) {
   const { id: r, selector: i } = e, n = be();
   V();
-  const s = r || n.manifest, a = Q(
-    (o) => s ? o.iiif.entities.Manifest[s] : void 0,
+  const s = r || n.manifest, o = Q(
+    (a) => s ? a.iiif.entities.Manifest[s] : void 0,
     [s]
   );
   return E(() => {
-    if (a)
-      return i ? i(a) : a;
-  }, [a, i, ...t]);
+    if (o)
+      return i ? i(o) : o;
+  }, [o, i, ...t]);
 }
-function vs({ range: e, children: t }) {
+function gs({ range: e, children: t }) {
   return /* @__PURE__ */ x(Te, { value: { range: e }, children: t });
 }
-function gs(e, t) {
+function ms(e, t) {
   for (const r of t.items) {
     if (r.type === "Canvas")
       return r;
     if (r.type === "SpecificResource")
       return r.source;
     if (r.type === "Range") {
-      const i = gs(e, e.get(r));
+      const i = ms(e, e.get(r));
       if (i)
         return i;
     }
@@ -1118,7 +1118,7 @@ function zr(e, t) {
     }
   return r;
 }
-function Ic(e, t, r) {
+function Tc(e, t, r) {
   for (const i of t.structures) {
     const n = Wr(e, e.get(i), r);
     if (n)
@@ -1128,23 +1128,23 @@ function Ic(e, t, r) {
 }
 function Wr(e, t, r) {
   var i, n, s;
-  for (const a of t.items) {
-    const o = (n = (i = a == null ? void 0 : a.source) == null ? void 0 : i.id) == null ? void 0 : n.split("#")[0];
-    if (a.type === "SpecificResource" && a.source === r || a.type === "SpecificResource" && ((s = a.source) == null ? void 0 : s.type) === "Canvas" && r === o)
+  for (const o of t.items) {
+    const a = (n = (i = o == null ? void 0 : o.source) == null ? void 0 : i.id) == null ? void 0 : n.split("#")[0];
+    if (o.type === "SpecificResource" && o.source === r || o.type === "SpecificResource" && ((s = o.source) == null ? void 0 : s.type) === "Canvas" && r === a)
       return t;
-    if (a.type === "Range") {
-      const u = Wr(e, e.get(a), r);
+    if (o.type === "Range") {
+      const u = Wr(e, e.get(o), r);
       if (u)
         return u;
     }
   }
   return null;
 }
-function Tc(e, t, r, i = !1) {
+function kc(e, t, r, i = !1) {
   const n = t.behavior, s = r ? e.get(r) : null;
   if (!s)
     return [];
-  const a = s.behavior, o = i ? !1 : n.includes("paged"), u = o ? !1 : n.includes("continuous"), d = o || u ? !1 : n.includes("individuals"), l = a.includes("facing-pages"), p = a.includes("non-paged");
+  const o = s.behavior, a = i ? !1 : n.includes("paged"), u = a ? !1 : n.includes("continuous"), d = a || u ? !1 : n.includes("individuals"), l = o.includes("facing-pages"), p = o.includes("non-paged");
   if (l || p || d || i)
     return [{ id: s.id, type: "Canvas" }];
   const [v, m] = Qr(e, t);
@@ -1159,10 +1159,10 @@ function Tc(e, t, r, i = !1) {
   return [{ id: s.id, type: "Canvas" }];
 }
 function Qr(e, t, { disablePaging: r, skipNonPaged: i } = {}) {
-  const n = t.behavior, s = n.includes("paged"), a = s ? !1 : n.includes("continuous"), o = s || a ? !1 : n.includes("individuals"), u = t.type === "Manifest" ? t.items : zr(e, t);
-  if (a)
+  const n = t.behavior, s = n.includes("paged"), o = s ? !1 : n.includes("continuous"), a = s || o ? !1 : n.includes("individuals"), u = t.type === "Manifest" ? t.items : zr(e, t);
+  if (o)
     return [u, [u.map((h, g) => g)]];
-  if (o || !s || r)
+  if (a || !s || r)
     return [u, u.map((h, g) => [g])];
   const d = [];
   let l = [];
@@ -1188,44 +1188,44 @@ function Qr(e, t, { disablePaging: r, skipNonPaged: i } = {}) {
   }
   return l.length && p(), [u, d];
 }
-function ms(e = {}, t = []) {
-  const { id: r, selector: i } = e, n = be(), s = r || n.range, a = Q((o) => s ? o.iiif.entities.Range[s] : void 0, [s]);
+function bs(e = {}, t = []) {
+  const { id: r, selector: i } = e, n = be(), s = r || n.range, o = Q((a) => s ? a.iiif.entities.Range[s] : void 0, [s]);
   return E(() => {
-    if (a)
-      return i ? i(a) : a;
-  }, [a, i, ...t]);
+    if (o)
+      return i ? i(o) : o;
+  }, [o, i, ...t]);
 }
-function bs({ startCanvas: e, disablePaging: t }) {
+function As({ startCanvas: e, disablePaging: t }) {
   var h;
-  const r = V(), i = ke(), n = ms(), [s, a] = B(void 0), o = n || i;
-  if (!o)
+  const r = V(), i = ke(), n = bs(), [s, o] = B(void 0), a = n || i;
+  if (!a)
     throw new Error("Nothing selected");
   const [u, d] = E(
-    () => Qr(r, o, { disablePaging: t }),
-    [r, o]
+    () => Qr(r, a, { disablePaging: t }),
+    [r, a]
   ), l = D(
     (g) => {
       const b = d.findIndex((A) => A.includes(g));
-      a(b === -1 ? 0 : b);
+      o(b === -1 ? 0 : b);
     },
     [u, d]
   ), p = D(
     (g) => {
       const b = u.findIndex((A) => A.id === g);
-      b !== -1 ? l(b) : a(0);
+      b !== -1 ? l(b) : o(0);
     },
     [u, d]
   ), v = D(() => {
-    a((g) => g >= d.length ? g : g + 1);
+    o((g) => g >= d.length ? g : g + 1);
   }, [d]), m = D(() => {
-    a((g) => g <= 0 ? 0 : g - 1);
+    o((g) => g <= 0 ? 0 : g - 1);
   }, [d]);
-  return typeof s > "u" && (e ? p(e) : a(0)), {
+  return typeof s > "u" && (e ? p(e) : o(0)), {
     visibleItems: ((h = d[s]) == null ? void 0 : h.map((g) => u[g].id)) || [],
     cursor: s,
     items: u,
     sequence: d,
-    setSequenceIndex: a,
+    setSequenceIndex: o,
     setCanvasIndex: l,
     setCanvasId: p,
     next: v,
@@ -1243,42 +1243,42 @@ const Fe = () => {
   setSequenceIndex: Fe,
   currentSequenceIndex: 0
 });
-function As(e) {
-  const t = ke(), { cursor: r, visibleItems: i, next: n, sequence: s, items: a, setCanvasIndex: o, setCanvasId: u, previous: d, setSequenceIndex: l } = bs({
+function xs(e) {
+  const t = ke(), { cursor: r, visibleItems: i, next: n, sequence: s, items: o, setCanvasIndex: a, setCanvasId: u, previous: d, setSequenceIndex: l } = As({
     startCanvas: e.startCanvas,
     disablePaging: e.pagingEnabled === !1
   }), p = E(
     () => ({
       sequence: s,
-      items: a,
+      items: o,
       // Extra functions.
       setCurrentCanvasId: u,
       nextCanvas: n,
       previousCanvas: d,
-      totalCanvases: a.length,
-      setCurrentCanvasIndex: o,
+      totalCanvases: o.length,
+      setCurrentCanvasIndex: a,
       setSequenceIndex: l,
       currentSequenceIndex: r
     }),
-    [s, a, u, n, d, a, o, l, r]
+    [s, o, u, n, d, o, a, l, r]
   );
   return t ? /* @__PURE__ */ x(it.Provider, { value: p, children: /* @__PURE__ */ x(rt.Provider, { value: i, children: /* @__PURE__ */ x(Lt, { canvas: i[0], children: e.children }) }) }) : (console.warn("The manifest passed to the provider is not a valid IIIF manifest."), /* @__PURE__ */ x("div", { children: "Sorry, something went wrong." }));
 }
-function xs(e) {
-  const t = hs(e.manifest);
+function ws(e) {
+  const t = ys(e.manifest);
   if (!t)
     return console.warn("The manifest passed to the provider is not a valid IIIF manifest."), /* @__PURE__ */ x("div", { children: "Sorry, something went wrong." });
   if (t.error)
     return /* @__PURE__ */ x("div", { children: t.error.toString() });
   if (!t.isLoaded)
     return /* @__PURE__ */ x("div", { children: "Loading..." });
-  const r = /* @__PURE__ */ x(As, { ...e, children: e.children });
-  return /* @__PURE__ */ x(ys, { manifest: t.id, children: e.rangeId ? /* @__PURE__ */ x(vs, { range: e.rangeId, children: r }) : r });
+  const r = /* @__PURE__ */ x(xs, { ...e, children: e.children });
+  return /* @__PURE__ */ x(vs, { manifest: t.id, children: e.rangeId ? /* @__PURE__ */ x(gs, { range: e.rangeId, children: r }) : r });
 }
-function ws() {
+function Ss() {
   return H(it);
 }
-function Ss() {
+function Cs() {
   return {
     VaultContext: H(tt),
     ResourceContext: H(Et),
@@ -1286,7 +1286,7 @@ function Ss() {
     VisibleCanvasReactContext: H(rt)
   };
 }
-function Cs(e) {
+function Ms(e) {
   return /* @__PURE__ */ x(Nr, { vault: e.bridge.VaultContext.vault || void 0, resources: e.bridge.ResourceContext, children: /* @__PURE__ */ x(rt.Provider, { value: e.bridge.VisibleCanvasReactContext, children: /* @__PURE__ */ x(it.Provider, { value: e.bridge.SimpleViewerReactContext, children: e.children }) }) });
 }
 const se = function(e) {
@@ -1298,29 +1298,29 @@ const se = function(e) {
       ...i !== void 0 && { meta: i }
     });
   };
-}, Ms = "@iiif/IMPORT_ENTITIES", Rs = "@iiif/MODIFY_ENTITY_FIELD", Is = "@iiif/REORDER_ENTITY_FIELD", Ts = "@iiif/ADD_REFERENCE", ks = "@iiif/UPDATE_REFERENCE", Os = "@iiif/REMOVE_REFERENCE", Es = "@iiif/ADD_METADATA", Ps = "@iiif/REMOVE_METADATA", Ls = "@iiif/UPDATE_METADATA", Fs = "@iiif/REORDER_METADATA", js = se(Ms)(), $s = se(Rs)(), Ds = se(Is)(), qs = se(Ts)(), _s = se(Os)(), Us = se(ks)(), Vs = se(Es)(), Ns = se(Ls)(), Hs = se(Ps)(), Bs = se(Fs)(), pt = {
-  importEntities: js,
-  modifyEntityField: $s,
-  reorderEntityField: Ds,
-  addReference: qs,
-  removeReference: _s,
-  updateReference: Us,
-  addMetadata: Vs,
-  removeMetadata: Hs,
-  updateMetadata: Ns,
-  reorderMetadata: Bs
+}, Rs = "@iiif/IMPORT_ENTITIES", Is = "@iiif/MODIFY_ENTITY_FIELD", Ts = "@iiif/REORDER_ENTITY_FIELD", ks = "@iiif/ADD_REFERENCE", Os = "@iiif/UPDATE_REFERENCE", Es = "@iiif/REMOVE_REFERENCE", Ps = "@iiif/ADD_METADATA", Ls = "@iiif/REMOVE_METADATA", Fs = "@iiif/UPDATE_METADATA", js = "@iiif/REORDER_METADATA", $s = se(Rs)(), Ds = se(Is)(), qs = se(Ts)(), _s = se(ks)(), Us = se(Es)(), Vs = se(Os)(), Ns = se(Ps)(), Hs = se(Fs)(), Bs = se(Ls)(), zs = se(js)(), pt = {
+  importEntities: $s,
+  modifyEntityField: Ds,
+  reorderEntityField: qs,
+  addReference: _s,
+  removeReference: Us,
+  updateReference: Vs,
+  addMetadata: Ns,
+  removeMetadata: Bs,
+  updateMetadata: Hs,
+  reorderMetadata: zs
 };
-function zs() {
+function Ws() {
   const t = V().getStore();
   return E(() => (r) => t.dispatch(r), [t]);
 }
 function ir(e) {
   return typeof e != "string" && e && e.bindToVault;
 }
-function Ws() {
-  const e = V(), t = ge([]), r = zs(), i = E(() => `vault://annotation-page/${(/* @__PURE__ */ new Date()).getTime()}/${Math.round(Math.random() * 1e9).toString(16)}`, []);
+function Qs() {
+  const e = V(), t = ge([]), r = Ws(), i = E(() => `vault://annotation-page/${(/* @__PURE__ */ new Date()).getTime()}/${Math.round(Math.random() * 1e9).toString(16)}`, []);
   hr(() => {
-    const o = {
+    const a = {
       id: i,
       type: "AnnotationPage",
       behavior: [],
@@ -1341,31 +1341,31 @@ function Ws() {
       pt.importEntities({
         entities: {
           AnnotationPage: {
-            [o.id]: o
+            [a.id]: a
           }
         }
       })
     );
   }, [i]);
   const n = Q(
-    (o) => i ? o.iiif.entities.AnnotationPage[i] : null,
+    (a) => i ? a.iiif.entities.AnnotationPage[i] : null,
     [i]
   ), s = D(
-    (o, u) => {
+    (a, u) => {
       if (i) {
-        if (ir(o)) {
-          const p = o;
-          p.__vault || p.bindToVault(e), o = typeof p.source == "string" ? p.source : p.source.id, t.current[o] = p;
+        if (ir(a)) {
+          const p = a;
+          p.__vault || p.bindToVault(e), a = typeof p.source == "string" ? p.source : p.source.id, t.current[a] = p;
         } else
-          typeof o != "string" && (o = o.id);
-        const d = e.get({ id: i, type: "AnnotationPage" }), l = e.get({ id: o, type: "Annotation" });
+          typeof a != "string" && (a = a.id);
+        const d = e.get({ id: i, type: "AnnotationPage" }), l = e.get({ id: a, type: "Annotation" });
         d && l && (d.items.find((p) => p.id === l.id) || r(
           pt.addReference({
             id: i,
             type: "AnnotationPage",
             key: "items",
             reference: {
-              id: o,
+              id: a,
               type: "Annotation"
             },
             index: u
@@ -1374,15 +1374,15 @@ function Ws() {
       }
     },
     [i]
-  ), a = D(
-    (o) => {
-      i && (ir(o) ? o = typeof o.source == "string" ? o.source : o.source.id : typeof o != "string" && (o = o.id), t.current[o] && t.current[o].beforeRemove(), e.get({ id: i, type: "AnnotationPage" }) && r(
+  ), o = D(
+    (a) => {
+      i && (ir(a) ? a = typeof a.source == "string" ? a.source : a.source.id : typeof a != "string" && (a = a.id), t.current[a] && t.current[a].beforeRemove(), e.get({ id: i, type: "AnnotationPage" }) && r(
         pt.removeReference({
           id: i,
           type: "AnnotationPage",
           key: "items",
           reference: {
-            id: o,
+            id: a,
             type: "Annotation"
           }
         })
@@ -1394,12 +1394,12 @@ function Ws() {
     n,
     {
       addAnnotation: s,
-      removeAnnotation: a
+      removeAnnotation: o
     }
   ];
 }
 const Yr = ce(null);
-function Qs() {
+function Ys() {
   const e = H(Yr);
   return [
     e.fullPage,
@@ -1409,8 +1409,8 @@ function Qs() {
     }
   ];
 }
-function Ys({ children: e }) {
-  const [t, { addAnnotation: r, removeAnnotation: i }] = Ws();
+function Gs({ children: e }) {
+  const [t, { addAnnotation: r, removeAnnotation: i }] = Qs();
   return /* @__PURE__ */ x(
     Yr.Provider,
     {
@@ -1419,7 +1419,7 @@ function Ys({ children: e }) {
     }
   );
 }
-function Gs({
+function Js({
   width: e,
   style: t,
   height: r,
@@ -1433,7 +1433,7 @@ function Gs({
   ] });
 }
 const Ft = ce(null);
-function Js() {
+function Ks() {
   return H(Ft);
 }
 const Gr = ce(
@@ -1450,27 +1450,27 @@ function Le(e, t, r, i, n = []) {
   }), [t, e, s, ...n]);
 }
 function ue(e = {}, t = []) {
-  const { id: r, selector: i } = e, n = be(), s = r || n.canvas, a = Q((o) => s ? o.iiif.entities.Canvas[s] : void 0, [s]);
+  const { id: r, selector: i } = e, n = be(), s = r || n.canvas, o = Q((a) => s ? a.iiif.entities.Canvas[s] : void 0, [s]);
   return E(() => {
-    if (a)
-      return i ? i(a) : a;
-  }, [a, i, ...t]);
+    if (o)
+      return i ? i(o) : o;
+  }, [o, i, ...t]);
 }
 const Kr = ce(() => {
 });
-function Ks(e) {
+function Zs(e) {
   const t = ue(), r = H(Kr);
   K(() => t && t.id ? (r(t.id, e), () => r(t.id, -1)) : () => {
   }, [t, e]);
 }
-function Zs({
+function Xs({
   children: e,
   errorFallback: t,
   outerContainerProps: r = {},
   worldScale: i,
   ...n
 }) {
-  const [s, a] = B(), o = Ss(), u = t || Gs, [d, l] = B({}), p = Object.entries(d), [v, m] = B({}), h = Object.entries(v), [g, b] = B({}), A = E(() => i || Math.max(...Object.values(g)), [g]), w = E(() => ({ maxOverZoom: A || 1 }), [A]), C = D((I, L) => {
+  const [s, o] = B(), a = Cs(), u = t || Js, [d, l] = B({}), p = Object.entries(d), [v, m] = B({}), h = Object.entries(v), [g, b] = B({}), A = E(() => i || Math.max(...Object.values(g)), [g]), w = E(() => ({ maxOverZoom: A || 1 }), [A]), C = D((I, L) => {
     b((P) => {
       if (L === -1) {
         const { [I]: M, ...$ } = P;
@@ -1489,7 +1489,7 @@ function Zs({
       [I]: { element: L, props: P }
     } : $);
   }, []);
-  return /* @__PURE__ */ N(xn, { resetKeys: [], fallbackRender: (I) => /* @__PURE__ */ x(u, { ...n, ...I }), children: [
+  return /* @__PURE__ */ N(wn, { resetKeys: [], fallbackRender: (I) => /* @__PURE__ */ x(u, { ...n, ...I }), children: [
     /* @__PURE__ */ x(
       un,
       {
@@ -1497,10 +1497,10 @@ function Zs({
         containerProps: { style: { position: "relative" }, ...n.containerProps || {} },
         htmlChildren: /* @__PURE__ */ x(Me, { children: p.map(([I, { element: L, props: P }]) => /* @__PURE__ */ x(me.Fragment, { children: /* @__PURE__ */ x(L, { ...P || {} }) }, I)) }),
         onCreated: (I) => {
-          a(I), n.onCreated && n.onCreated(I);
+          o(I), n.onCreated && n.onCreated(I);
         },
         runtimeOptions: w,
-        children: /* @__PURE__ */ x(Ft.Provider, { value: s, children: /* @__PURE__ */ x(Kr.Provider, { value: C, children: /* @__PURE__ */ x(Gr.Provider, { value: T, children: /* @__PURE__ */ x(Jr.Provider, { value: j, children: /* @__PURE__ */ x(Cs, { bridge: o, children: /* @__PURE__ */ x(Ys, { children: e }) }) }) }) }) })
+        children: /* @__PURE__ */ x(Ft.Provider, { value: s, children: /* @__PURE__ */ x(Kr.Provider, { value: C, children: /* @__PURE__ */ x(Gr.Provider, { value: T, children: /* @__PURE__ */ x(Jr.Provider, { value: j, children: /* @__PURE__ */ x(Ms, { bridge: a, children: /* @__PURE__ */ x(ln.Provider, { value: n.mode || "explore", children: /* @__PURE__ */ x(Gs, { children: e }) }) }) }) }) }) })
       }
     ),
     /* @__PURE__ */ x("div", { children: h.map(([I, { element: L, props: P }]) => /* @__PURE__ */ x(me.Fragment, { children: /* @__PURE__ */ x(L, { ...P || {} }) }, I)) })
@@ -1511,12 +1511,12 @@ const He = {}, Zr = {
     return e;
   },
   setMetaValue([e, t, r], i) {
-    const n = Zr.getResourceMeta(e, t), s = n ? n[r] : void 0, a = typeof i == "function" ? i(s) : i;
+    const n = Zr.getResourceMeta(e, t), s = n ? n[r] : void 0, o = typeof i == "function" ? i(s) : i;
     He[e] = {
       ...He[e] || {},
       [t]: {
         ...(He[e] || {})[t] || {},
-        [r]: a
+        [r]: o
       }
     };
   },
@@ -1533,11 +1533,11 @@ function Xr(e = Zr) {
         return e.setMetaValue(
           [t.id, "eventManager", r],
           (s) => {
-            const a = s || [];
-            for (const o of a)
-              if (o.callback === i)
-                return a;
-            return [...a, { callback: i, scope: n }];
+            const o = s || [];
+            for (const a of o)
+              if (a.callback === i)
+                return o;
+            return [...o, { callback: i, scope: n }];
           }
         ), i;
     },
@@ -1553,11 +1553,11 @@ function Xr(e = Zr) {
         return {};
       const n = e.getResourceMeta(i.id, "eventManager"), s = {};
       if (n && i)
-        for (const a of Object.keys(n))
-          s[a] = (o) => {
+        for (const o of Object.keys(n))
+          s[o] = (a) => {
             const u = e.get(i);
-            for (const { callback: d, scope: l } of n[a] || [])
-              (!l || r && l.indexOf(r) !== -1) && d(o, u);
+            for (const { callback: d, scope: l } of n[o] || [])
+              (!l || r && l.indexOf(r) !== -1) && d(a, u);
           };
       return s;
     }
@@ -1572,12 +1572,12 @@ const Be = {}, ti = {
     return e;
   },
   setMetaValue([e, t, r], i) {
-    const n = ti.getResourceMeta(e, t), s = n ? n[r] : void 0, a = typeof i == "function" ? i(s) : i;
+    const n = ti.getResourceMeta(e, t), s = n ? n[r] : void 0, o = typeof i == "function" ? i(s) : i;
     Be[e] = {
       ...Be[e] || {},
       [t]: {
         ...(Be[e] || {})[t] || {},
-        [r]: a
+        [r]: o
       }
     };
   },
@@ -1608,20 +1608,20 @@ function et(e, t) {
     return n ? t ? n[t] : n : void 0;
   }, [e, t]);
 }
-var Xs = Object.defineProperty, ea = (e, t, r) => t in e ? Xs(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Qe = (e, t, r) => (ea(e, typeof t != "symbol" ? t + "" : t, r), r), ta = /* @__PURE__ */ function() {
+var eo = Object.defineProperty, to = (e, t, r) => t in e ? eo(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Qe = (e, t, r) => (to(e, typeof t != "symbol" ? t + "" : t, r), r), ro = /* @__PURE__ */ function() {
   function e(t, r) {
-    var i = [], n = !0, s = !1, a = void 0;
+    var i = [], n = !0, s = !1, o = void 0;
     try {
-      for (var o = t[Symbol.iterator](), u; !(n = (u = o.next()).done) && (i.push(u.value), !(r && i.length === r)); n = !0)
+      for (var a = t[Symbol.iterator](), u; !(n = (u = a.next()).done) && (i.push(u.value), !(r && i.length === r)); n = !0)
         ;
     } catch (d) {
-      s = !0, a = d;
+      s = !0, o = d;
     } finally {
       try {
-        !n && o.return && o.return();
+        !n && a.return && a.return();
       } finally {
         if (s)
-          throw a;
+          throw o;
       }
     }
     return i;
@@ -1633,64 +1633,64 @@ var Xs = Object.defineProperty, ea = (e, t, r) => t in e ? Xs(e, t, { enumerable
       return e(t, r);
     throw new TypeError("Invalid attempt to destructure non-iterable instance");
   };
-}(), $e = Math.PI * 2, dt = function(e, t, r, i, n, s, a) {
-  var o = e.x, u = e.y;
-  o *= t, u *= r;
-  var d = i * o - n * u, l = n * o + i * u;
+}(), $e = Math.PI * 2, dt = function(e, t, r, i, n, s, o) {
+  var a = e.x, u = e.y;
+  a *= t, u *= r;
+  var d = i * a - n * u, l = n * a + i * u;
   return {
     x: d + s,
-    y: l + a
+    y: l + o
   };
-}, ra = function(e, t) {
-  var r = t === 1.5707963267948966 ? 0.551915024494 : t === -1.5707963267948966 ? -0.551915024494 : 1.3333333333333333 * Math.tan(t / 4), i = Math.cos(e), n = Math.sin(e), s = Math.cos(e + t), a = Math.sin(e + t);
+}, io = function(e, t) {
+  var r = t === 1.5707963267948966 ? 0.551915024494 : t === -1.5707963267948966 ? -0.551915024494 : 1.3333333333333333 * Math.tan(t / 4), i = Math.cos(e), n = Math.sin(e), s = Math.cos(e + t), o = Math.sin(e + t);
   return [{
     x: i - n * r,
     y: n + i * r
   }, {
-    x: s + a * r,
-    y: a - s * r
+    x: s + o * r,
+    y: o - s * r
   }, {
     x: s,
-    y: a
+    y: o
   }];
 }, nr = function(e, t, r, i) {
   var n = e * i - t * r < 0 ? -1 : 1, s = e * r + t * i;
   return s > 1 && (s = 1), s < -1 && (s = -1), n * Math.acos(s);
-}, ia = function(e, t, r, i, n, s, a, o, u, d, l, p) {
+}, no = function(e, t, r, i, n, s, o, a, u, d, l, p) {
   var v = Math.pow(n, 2), m = Math.pow(s, 2), h = Math.pow(l, 2), g = Math.pow(p, 2), b = v * m - v * g - m * h;
-  b < 0 && (b = 0), b /= v * g + m * h, b = Math.sqrt(b) * (a === o ? -1 : 1);
+  b < 0 && (b = 0), b /= v * g + m * h, b = Math.sqrt(b) * (o === a ? -1 : 1);
   var A = b * n / s * p, w = b * -s / n * l, C = d * A - u * w + (e + r) / 2, T = u * A + d * w + (t + i) / 2, j = (l - A) / n, I = (p - w) / s, L = (-l - A) / n, P = (-p - w) / s, M = nr(1, 0, j, I), $ = nr(j, I, L, P);
-  return o === 0 && $ > 0 && ($ -= $e), o === 1 && $ < 0 && ($ += $e), [C, T, M, $];
-}, na = function(e) {
-  var t = e.px, r = e.py, i = e.cx, n = e.cy, s = e.rx, a = e.ry, o = e.xAxisRotation, u = o === void 0 ? 0 : o, d = e.largeArcFlag, l = d === void 0 ? 0 : d, p = e.sweepFlag, v = p === void 0 ? 0 : p, m = [];
-  if (s === 0 || a === 0)
+  return a === 0 && $ > 0 && ($ -= $e), a === 1 && $ < 0 && ($ += $e), [C, T, M, $];
+}, so = function(e) {
+  var t = e.px, r = e.py, i = e.cx, n = e.cy, s = e.rx, o = e.ry, a = e.xAxisRotation, u = a === void 0 ? 0 : a, d = e.largeArcFlag, l = d === void 0 ? 0 : d, p = e.sweepFlag, v = p === void 0 ? 0 : p, m = [];
+  if (s === 0 || o === 0)
     return [];
   var h = Math.sin(u * $e / 360), g = Math.cos(u * $e / 360), b = g * (t - i) / 2 + h * (r - n) / 2, A = -h * (t - i) / 2 + g * (r - n) / 2;
   if (b === 0 && A === 0)
     return [];
-  s = Math.abs(s), a = Math.abs(a);
-  var w = Math.pow(b, 2) / Math.pow(s, 2) + Math.pow(A, 2) / Math.pow(a, 2);
-  w > 1 && (s *= Math.sqrt(w), a *= Math.sqrt(w));
-  var C = ia(t, r, i, n, s, a, l, v, h, g, b, A), T = ta(C, 4), j = T[0], I = T[1], L = T[2], P = T[3], M = Math.abs(P) / ($e / 4);
+  s = Math.abs(s), o = Math.abs(o);
+  var w = Math.pow(b, 2) / Math.pow(s, 2) + Math.pow(A, 2) / Math.pow(o, 2);
+  w > 1 && (s *= Math.sqrt(w), o *= Math.sqrt(w));
+  var C = no(t, r, i, n, s, o, l, v, h, g, b, A), T = ro(C, 4), j = T[0], I = T[1], L = T[2], P = T[3], M = Math.abs(P) / ($e / 4);
   Math.abs(1 - M) < 1e-7 && (M = 1);
   var $ = Math.max(Math.ceil(M), 1);
   P /= $;
   for (var ie = 0; ie < $; ie++)
-    m.push(ra(L, P)), L += P;
+    m.push(io(L, P)), L += P;
   return m.map(function(Z) {
-    var U = dt(Z[0], s, a, g, h, j, I), z = U.x, ee = U.y, ne = dt(Z[1], s, a, g, h, j, I), xe = ne.x, O = ne.y, W = dt(Z[2], s, a, g, h, j, I), X = W.x, de = W.y;
+    var U = dt(Z[0], s, o, g, h, j, I), z = U.x, ee = U.y, ne = dt(Z[1], s, o, g, h, j, I), xe = ne.x, O = ne.y, W = dt(Z[2], s, o, g, h, j, I), X = W.x, de = W.y;
     return { x1: z, y1: ee, x2: xe, y2: O, x: X, y: de };
   });
 };
 function ri(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var sa = oa, ht = { a: 7, c: 6, h: 1, l: 2, m: 2, q: 4, s: 4, t: 2, v: 1, z: 0 }, aa = /([astvzqmhlc])([^astvzqmhlc]*)/ig;
-function oa(e) {
+var oo = co, ht = { a: 7, c: 6, h: 1, l: 2, m: 2, q: 4, s: 4, t: 2, v: 1, z: 0 }, ao = /([astvzqmhlc])([^astvzqmhlc]*)/ig;
+function co(e) {
   var t = [];
-  return e.replace(aa, function(r, i, n) {
+  return e.replace(ao, function(r, i, n) {
     var s = i.toLowerCase();
-    for (n = ua(n), s == "m" && n.length > 2 && (t.push([i].concat(n.splice(0, 2))), s = "l", i = i == "m" ? "l" : "L"); ; ) {
+    for (n = lo(n), s == "m" && n.length > 2 && (t.push([i].concat(n.splice(0, 2))), s = "l", i = i == "m" ? "l" : "L"); ; ) {
       if (n.length == ht[s])
         return n.unshift(i), t.push(n);
       if (n.length < ht[s])
@@ -1699,20 +1699,20 @@ function oa(e) {
     }
   }), t;
 }
-var ca = /-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/ig;
-function ua(e) {
-  var t = e.match(ca);
+var uo = /-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/ig;
+function lo(e) {
+  var t = e.match(uo);
   return t ? t.map(Number) : [];
 }
-const la = /* @__PURE__ */ ri(sa);
-var fa = pa;
-function pa(e) {
+const fo = /* @__PURE__ */ ri(oo);
+var po = ho;
+function ho(e) {
   var t = 0, r = 0, i = 0, n = 0;
   return e.map(function(s) {
     s = s.slice();
-    var a = s[0], o = a.toUpperCase();
-    if (a != o)
-      switch (s[0] = o, a) {
+    var o = s[0], a = o.toUpperCase();
+    if (o != a)
+      switch (s[0] = a, o) {
         case "a":
           s[6] += i, s[7] += n;
           break;
@@ -1726,7 +1726,7 @@ function pa(e) {
           for (var u = 1; u < s.length; )
             s[u++] += i, s[u++] += n;
       }
-    switch (o) {
+    switch (a) {
       case "Z":
         i = t, n = r;
         break;
@@ -1745,10 +1745,10 @@ function pa(e) {
     return s;
   });
 }
-const da = /* @__PURE__ */ ri(fa);
-function ha(e) {
-  const t = la(e), r = da(t);
-  let i, n = 0, s = 0, a = 0, o = 0, u, d, l = 0, p = 0;
+const yo = /* @__PURE__ */ ri(po);
+function vo(e) {
+  const t = fo(e), r = yo(t);
+  let i, n = 0, s = 0, o = 0, a = 0, u, d, l = 0, p = 0;
   const v = [];
   for (let m = 0; m < r.length; m++) {
     let h = r[m];
@@ -1766,7 +1766,7 @@ function ha(e) {
       case "S":
         {
           let b = l, A = p;
-          (i === "C" || i == "S") && (b += b - a, A += A - o), h = ["C", b, A, h[1], h[2], h[3], h[4]];
+          (i === "C" || i == "S") && (b += b - o, A += A - a), h = ["C", b, A, h[1], h[2], h[3], h[4]];
         }
         break;
       case "T":
@@ -1777,7 +1777,7 @@ function ha(e) {
         break;
       case "A":
         {
-          const b = na({
+          const b = so({
             px: l,
             py: p,
             cx: h[6],
@@ -1799,7 +1799,7 @@ function ha(e) {
         h = ["L", n, s];
         break;
     }
-    i = g, l = h[h.length - 2], p = h[h.length - 1], ["C", "Q", "A"].indexOf(g) > -1 ? (a = h[h.length - 4], o = h[h.length - 3]) : (a = l, o = p), v.push(h);
+    i = g, l = h[h.length - 2], p = h[h.length - 1], ["C", "Q", "A"].indexOf(g) > -1 ? (o = h[h.length - 4], a = h[h.length - 3]) : (o = l, a = p), v.push(h);
   }
   return v;
 }
@@ -1834,15 +1834,15 @@ function ha(e) {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-function ya(e, t, r, i = 1) {
+function go(e, t, r, i = 1) {
   return new ii(e, t, r).subdivide(i);
 }
-function va(e, t, r, i, n = 1) {
+function mo(e, t, r, i, n = 1) {
   return new $t(
     new Float64Array([e.x, e.y, t.x, t.y, r.x, r.y, i.x, i.y])
   ).subdivide(n);
 }
-function ga(e) {
+function bo(e) {
   return e.x * e.x + e.y * e.y;
 }
 function De(e) {
@@ -1863,13 +1863,13 @@ class ii {
     };
   }
   mapToBasic() {
-    const { x: t, y: r } = this.start, { x: i, y: n } = this.control, { x: s, y: a } = this.end, o = 2 * i - t - s, u = 2 * n - r - a, d = (i - t) * o + (n - r) * u, l = (s - i) * o + (a - n) * u, p = (s - t) * u - (a - r) * o, v = d / p, m = l / p, h = Math.abs(p) / (Math.hypot(o, u) * Math.abs(m - v));
+    const { x: t, y: r } = this.start, { x: i, y: n } = this.control, { x: s, y: o } = this.end, a = 2 * i - t - s, u = 2 * n - r - o, d = (i - t) * a + (n - r) * u, l = (s - i) * a + (o - n) * u, p = (s - t) * u - (o - r) * a, v = d / p, m = l / p, h = Math.abs(p) / (Math.hypot(a, u) * Math.abs(m - v));
     return { x0: t, x2: s, scale: h, cross: p };
   }
   subdivide(t) {
-    const r = this.mapToBasic(), i = De(r.x0), n = De(r.x2), s = 0.5 * Math.abs(n - i) * Math.sqrt(r.scale / t), a = Math.ceil(s), o = Ee(i), u = Ee(n), d = [0];
-    for (let l = 1; l < a; l++) {
-      const p = (Ee(i + (n - i) * l / a) - o) / (u - o);
+    const r = this.mapToBasic(), i = De(r.x0), n = De(r.x2), s = 0.5 * Math.abs(n - i) * Math.sqrt(r.scale / t), o = Math.ceil(s), a = Ee(i), u = Ee(n), d = [0];
+    for (let l = 1; l < o; l++) {
+      const p = (Ee(i + (n - i) * l / o) - a) / (u - a);
       d.push(p);
     }
     return d.push(1), d.map((l) => this.eval(l));
@@ -1881,16 +1881,16 @@ class $t {
     Qe(this, "c"), this.c = t;
   }
   weightsum(t, r, i, n) {
-    const s = t * this.c[0] + r * this.c[2] + i * this.c[4] + n * this.c[6], a = t * this.c[1] + r * this.c[3] + i * this.c[5] + n * this.c[7];
-    return { x: s, y: a };
+    const s = t * this.c[0] + r * this.c[2] + i * this.c[4] + n * this.c[6], o = t * this.c[1] + r * this.c[3] + i * this.c[5] + n * this.c[7];
+    return { x: s, y: o };
   }
   eval(t) {
-    const r = 1 - t, i = r * r * r, n = 3 * r * r * t, s = 3 * r * t * t, a = t * t * t;
-    return this.weightsum(i, n, s, a);
+    const r = 1 - t, i = r * r * r, n = 3 * r * r * t, s = 3 * r * t * t, o = t * t * t;
+    return this.weightsum(i, n, s, o);
   }
   deriv(t) {
-    const r = 1 - t, i = -3 * r * r, n = 3 * t * t, s = -6 * t * r - i, a = 6 * t * r - n;
-    return this.weightsum(i, s, a, n);
+    const r = 1 - t, i = -3 * r * r, n = 3 * t * t, s = -6 * t * r - i, o = 6 * t * r - n;
+    return this.weightsum(i, s, o, n);
   }
   // quadratic bezier with matching endpoints and minimum max vector error
   midpoint_quadbez() {
@@ -1900,23 +1900,23 @@ class $t {
   subsegment(t, r) {
     const i = new Float64Array(8), n = this.eval(t), s = this.eval(r);
     i[0] = n.x, i[1] = n.y;
-    const a = (r - t) / 3, o = this.deriv(t);
-    i[2] = n.x + a * o.x, i[3] = n.y + a * o.y;
+    const o = (r - t) / 3, a = this.deriv(t);
+    i[2] = n.x + o * a.x, i[3] = n.y + o * a.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 $t(i);
+    return i[4] = s.x - o * u.x, i[5] = s.y - o * u.y, i[6] = s.x, i[7] = s.y, new $t(i);
   }
   // Very fancy subdivision scheme
   subdivide(t) {
-    const r = 0.1 * t, i = t - r, n = Math.sqrt(i), s = ga(this.weightsum(1, -3, 3, -1)), a = Math.ceil(Math.pow(s / (432 * r * r), 1 / 6)), o = [];
+    const r = 0.1 * t, i = t - r, n = Math.sqrt(i), s = bo(this.weightsum(1, -3, 3, -1)), o = Math.ceil(Math.pow(s / (432 * r * r), 1 / 6)), a = [];
     let u = 0;
-    for (let h = 0; h < a; h++) {
-      const g = h / a, b = (h + 1) / a, A = this.subsegment(g, b).midpoint_quadbez(), w = A.mapToBasic(), C = De(w.x0), T = De(w.x2), j = Math.sqrt(w.scale);
+    for (let h = 0; h < o; h++) {
+      const g = h / o, b = (h + 1) / o, A = this.subsegment(g, b).midpoint_quadbez(), w = A.mapToBasic(), C = De(w.x0), T = De(w.x2), j = Math.sqrt(w.scale);
       let I = Math.abs(T - C) * j;
       if (Math.sign(w.x0) != Math.sign(w.x2)) {
         const L = n / j, P = n * Math.abs(T - C) / De(L);
         I = Math.max(I, P);
       }
-      o.push({
+      a.push({
         quad: A,
         a0: C,
         a2: T,
@@ -1927,15 +1927,15 @@ class $t {
     let v = 0, m = 0;
     for (let h = 1; h < l; h++) {
       const g = u * h / l;
-      for (; v + o[m].val < g; )
-        v += o[m].val, m++;
-      const b = o[m].a0, A = o[m].a2, w = Ee(b), C = Ee(A), T = b + (A - b) * (g - v) / o[m].val, j = (Ee(T) - w) / (C - w);
-      p.push(o[m].quad.eval(j));
+      for (; v + a[m].val < g; )
+        v += a[m].val, m++;
+      const b = a[m].a0, A = a[m].a2, w = Ee(b), C = Ee(A), T = b + (A - b) * (g - v) / a[m].val, j = (Ee(T) - w) / (C - w);
+      p.push(a[m].quad.eval(j));
     }
     return p.push({ x: this.c[6], y: this.c[7] }), p;
   }
 }
-const ma = /&?(xywh=)?(pixel:|percent:|pct:)?([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?)/, ba = /&?(t=)(npt:)?([0-9]+(.[0-9]+)?)?(,([0-9]+(.[0-9]+)?))?/, sr = /^rgba\((\d+),(\d+),(\d+),([0-9.]+)\)$/;
+const Ao = /&?(xywh=)?(pixel:|percent:|pct:)?([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?)/, xo = /&?(t=)(npt:)?([0-9]+(.[0-9]+)?)?(,([0-9]+(.[0-9]+)?))?/, sr = /^rgba\((\d+),(\d+),(\d+),([0-9.]+)\)$/;
 function Ye(e, {
   domParser: t,
   svgPreprocessor: r,
@@ -1946,11 +1946,11 @@ function Ye(e, {
       e.reduce(
         (n, s) => {
           const {
-            selector: a,
-            selectors: o,
+            selector: o,
+            selectors: a,
             iiifRenderingHints: u
           } = Ye(s, { domParser: t, svgPreprocessor: r, iiifRenderingHints: i });
-          return a && (n.selector || (n.selector = a), n.selectors.push(...o)), u && (n.iiifRenderingHints = n.iiifRenderingHints || { type: "ImageApiSelector" }, Object.assign(n.iiifRenderingHints, u)), n;
+          return o && (n.selector || (n.selector = o), n.selectors.push(...a)), u && (n.iiifRenderingHints = n.iiifRenderingHints || { type: "ImageApiSelector" }, Object.assign(n.iiifRenderingHints, u)), n;
         },
         {
           selector: null,
@@ -1989,7 +1989,7 @@ function Ye(e, {
       iiifRenderingHints: i
     });
   }
-  if (Sa(e)) {
+  if (Mo(e)) {
     const n = [];
     if (e.region) {
       const s = Ye(
@@ -2005,9 +2005,9 @@ function Ye(e, {
     });
   }
   if (e.type === "FragmentSelector") {
-    const n = ma.exec(e.value);
+    const n = Ao.exec(e.value);
     if (n) {
-      const a = {
+      const o = {
         type: "BoxSelector",
         spatial: {
           unit: n[2] === "percent:" || n[2] === "pct:" ? "percent" : "pixel",
@@ -2018,14 +2018,14 @@ function Ye(e, {
         }
       };
       return te({
-        selector: a,
-        selectors: [a],
+        selector: o,
+        selectors: [o],
         iiifRenderingHints: i
       });
     }
-    const s = e.value.match(ba);
+    const s = e.value.match(xo);
     if (s) {
-      const a = {
+      const o = {
         type: "TemporalSelector",
         temporal: {
           startTime: s[4] ? parseFloat(s[4]) : 0,
@@ -2033,8 +2033,8 @@ function Ye(e, {
         }
       };
       return te({
-        selector: a,
-        selectors: [a],
+        selector: o,
+        selectors: [o],
         iiifRenderingHints: i
       });
     }
@@ -2048,7 +2048,7 @@ function Ye(e, {
     t || (typeof window < "u" ? t = new window.DOMParser() : console.warn(
       "No DOMParser available, cannot parse SVG selector, `points`, `spatial` and `style` will be unavailable and the SVG will not be normalized."
     ));
-    let n = [], s, a, o = (r == null ? void 0 : r(e.value)) ?? e.value, u;
+    let n = [], s, o, a = (r == null ? void 0 : r(e.value)) ?? e.value, u;
     if (t) {
       const l = t.parseFromString(e.value, "image/svg+xml").querySelector("svg");
       if (!l)
@@ -2067,13 +2067,13 @@ function Ye(e, {
         // urx
         Math.max(...n.map((v) => v[1]))
         // ury
-      ], { style: a, svg: o } = wa(p.element) ?? { svg: o });
+      ], { style: o, svg: a } = Co(p.element) ?? { svg: a });
     }
     const d = {
       type: "SvgSelector",
-      svg: o,
+      svg: a,
       svgShape: u,
-      style: a,
+      style: o,
       points: n.length ? n : void 0,
       spatial: s ? { unit: "pixel", x: s[0], y: s[1], width: s[2] - s[0], height: s[3] - s[1] } : void 0
     };
@@ -2089,7 +2089,7 @@ function Ye(e, {
     iiifRenderingHints: i
   });
 }
-function Aa(e) {
+function wo(e) {
   const t = e.map((i) => i[0]).reduce(
     (i, n) => (i[n] += 1, i),
     { C: 0, Q: 0, L: 0, M: 0 }
@@ -2119,40 +2119,40 @@ function ni(e) {
         const i = r.getAttribute("d");
         if (!i)
           continue;
-        const n = ha(i);
-        return { element: r, points: xa(n), shapeType: Aa(n) };
+        const n = vo(i);
+        return { element: r, points: So(n), shapeType: wo(n) };
       }
       case "circle": {
         const i = parseFloat(r.getAttribute("cx") ?? "0"), n = parseFloat(r.getAttribute("cy") ?? "0"), s = parseFloat(r.getAttribute("r") ?? "0");
         if (!s)
           continue;
-        const a = [];
-        for (let o = 0; o <= 360; o += 12) {
-          const u = o * Math.PI / 180;
-          a.push([i + s * Math.cos(u), n + s * Math.sin(u)]);
+        const o = [];
+        for (let a = 0; a <= 360; a += 12) {
+          const u = a * Math.PI / 180;
+          o.push([i + s * Math.cos(u), n + s * Math.sin(u)]);
         }
-        return { element: r, points: a, shapeType: "circle" };
+        return { element: r, points: o, shapeType: "circle" };
       }
       case "ellipse": {
-        const i = parseFloat(r.getAttribute("cx") ?? "0"), n = parseFloat(r.getAttribute("cy") ?? "0"), s = parseFloat(r.getAttribute("rx") ?? "0"), a = parseFloat(r.getAttribute("ry") ?? "0");
-        if (!s && !a)
+        const i = parseFloat(r.getAttribute("cx") ?? "0"), n = parseFloat(r.getAttribute("cy") ?? "0"), s = parseFloat(r.getAttribute("rx") ?? "0"), o = parseFloat(r.getAttribute("ry") ?? "0");
+        if (!s && !o)
           continue;
-        const o = [];
+        const a = [];
         for (let u = 0; u <= 360; u += 12) {
-          const d = Math.tan(u / 360 * Math.PI), l = s * (1 - d ** 2) / (1 + d ** 2), p = a * 2 * d / (1 + d ** 2);
-          o.push([i + l, n + p]);
+          const d = Math.tan(u / 360 * Math.PI), l = s * (1 - d ** 2) / (1 + d ** 2), p = o * 2 * d / (1 + d ** 2);
+          a.push([i + l, n + p]);
         }
-        return { element: r, points: o, shapeType: "ellipse" };
+        return { element: r, points: a, shapeType: "ellipse" };
       }
       case "line": {
-        const i = parseFloat(r.getAttribute("x0") ?? "0"), n = parseFloat(r.getAttribute("y0") ?? "0"), s = parseFloat(r.getAttribute("x1") ?? "0"), a = parseFloat(r.getAttribute("y1") ?? "0");
-        if (i === s && n === a)
+        const i = parseFloat(r.getAttribute("x0") ?? "0"), n = parseFloat(r.getAttribute("y0") ?? "0"), s = parseFloat(r.getAttribute("x1") ?? "0"), o = parseFloat(r.getAttribute("y1") ?? "0");
+        if (i === s && n === o)
           continue;
         return {
           element: r,
           points: [
             [i, n],
-            [s, a]
+            [s, o]
           ],
           shapeType: "polyline"
         };
@@ -2166,16 +2166,16 @@ function ni(e) {
         return r.tagName.toLowerCase() === "polygon" && (i.push(i[0]), n = "polygon"), { element: r, points: i, shapeType: n };
       }
       case "rect": {
-        const i = parseFloat(r.getAttribute("x") ?? "0"), n = parseFloat(r.getAttribute("y") ?? "0"), s = parseFloat(r.getAttribute("width") ?? "0"), a = parseFloat(r.getAttribute("height") ?? "0");
-        if (!s || !a)
+        const i = parseFloat(r.getAttribute("x") ?? "0"), n = parseFloat(r.getAttribute("y") ?? "0"), s = parseFloat(r.getAttribute("width") ?? "0"), o = parseFloat(r.getAttribute("height") ?? "0");
+        if (!s || !o)
           continue;
         return {
           element: r,
           points: [
             [i, n],
             [i + s, n],
-            [i + s, n + a],
-            [i, n + a],
+            [i + s, n + o],
+            [i, n + o],
             [i, n]
           ],
           shapeType: "rect"
@@ -2186,7 +2186,7 @@ function ni(e) {
     }
   return null;
 }
-function xa(e) {
+function So(e) {
   const t = [];
   for (let r = 0; r < e.length; r++) {
     const i = t[t.length - 1] ?? [0, 0], n = e[r];
@@ -2197,7 +2197,7 @@ function xa(e) {
         continue;
       case "C":
         t.push(
-          ...va(
+          ...mo(
             { x: i[0], y: i[1] },
             { x: n[1], y: n[2] },
             { x: n[3], y: n[4] },
@@ -2208,7 +2208,7 @@ function xa(e) {
         continue;
       case "Q":
         t.push(
-          ...ya(
+          ...go(
             { x: i[0], y: i[1] },
             { x: n[1], y: n[2] },
             { x: n[3], y: n[4] }
@@ -2220,7 +2220,7 @@ function xa(e) {
   }
   return t;
 }
-function wa(e) {
+function Co(e) {
   const t = {};
   if (e.hasAttribute("fill") ? (t.fill = e.getAttribute("fill"), e.removeAttribute("fill")) : e.style.fill && (t.fill = e.style.fill), t.fill) {
     const i = sr.exec(t.fill);
@@ -2237,14 +2237,14 @@ function wa(e) {
       throw new Error("Could not find root SVG element");
   return { svg: r.outerHTML, style: Object.keys(t).length > 0 ? t : void 0 };
 }
-function Sa(e) {
+function Mo(e) {
   return !!e && e.type === "iiif:ImageApiSelector" && e.type === "iiif:ImageApiSelector";
 }
 function te(e) {
   if (e.iiifRenderingHints) {
     const t = e.iiifRenderingHints;
     if (t.rotation) {
-      const r = Ca(t.rotation);
+      const r = Ro(t.rotation);
       if (r)
         if (e.selectors.length)
           for (const i of e.selectors)
@@ -2259,7 +2259,7 @@ function te(e) {
     delete e.iiifRenderingHints;
   return e;
 }
-function Ca(e) {
+function Ro(e) {
   let t = parseFloat(e);
   return t && e.startsWith("!") && (t = 360 - t), t && (t = t % 360), t !== t ? 0 : t || 0;
 }
@@ -2335,95 +2335,95 @@ function Re(e, t = {}) {
   };
 }
 function si(e = {}, t = []) {
-  const { id: r, selector: i } = e, n = be(), s = V(), a = r || n.annotation, o = Q(
-    (d) => a ? d.iiif.entities.Annotation[a] : void 0,
-    [a]
+  const { id: r, selector: i } = e, n = be(), s = V(), o = r || n.annotation, a = Q(
+    (d) => o ? d.iiif.entities.Annotation[o] : void 0,
+    [o]
   ), u = Q(
-    (d) => o && o.body ? o.body.map((l) => l ? l.type === "SpecificResource" ? {
+    (d) => a && a.body ? a.body.map((l) => l ? l.type === "SpecificResource" ? {
       ...l,
       source: s.get(l)
     } : l ? d.iiif.entities[l.type][l.id] : null : null).filter(Boolean) : [],
-    [o]
+    [a]
   );
   return E(() => {
-    if (!o)
+    if (!a)
       return;
     const d = {
-      ...o,
+      ...a,
       body: u,
-      target: Re(o.target, { typeMap: s.getState().iiif.mapping })
+      target: Re(a.target, { typeMap: s.getState().iiif.mapping })
     };
     return i ? i(d) : d;
-  }, [o, i, u, ...t]);
+  }, [a, i, u, ...t]);
 }
-const ai = ({
+const oi = ({
   id: e,
   style: t,
   className: r,
   interactive: i
 }) => {
-  const n = si({ id: e }), s = et(n, "atlas"), a = et(n, "html"), o = ei(n, ["atlas"]), u = ue(), d = E(() => ln(t, s), [t, s]);
+  const n = si({ id: e }), s = et(n, "atlas"), o = et(n, "html"), a = ei(n, ["atlas"]), u = ue(), d = E(() => fn(t, s), [t, s]);
   return u && n && n.target && n.target.selector && n.target.selector.type === "BoxSelector" && n.target.source && (n.target.source.id === u.id || n.target.source === u.id) ? /* @__PURE__ */ x(
-    fn,
+    pn,
     {
       id: n.id,
       isEditing: !0,
       region: n.target.selector.spatial,
       style: d,
-      className: (a == null ? void 0 : a.className) || r,
-      interactive: !!(a != null && a.href || i),
-      href: (a == null ? void 0 : a.href) || null,
-      title: (a == null ? void 0 : a.title) || null,
-      hrefTarget: (a == null ? void 0 : a.target) || null,
+      className: (o == null ? void 0 : o.className) || r,
+      interactive: !!(o != null && o.href || i),
+      href: (o == null ? void 0 : o.href) || null,
+      title: (o == null ? void 0 : o.title) || null,
+      hrefTarget: (o == null ? void 0 : o.target) || null,
       onClick: () => {
       },
-      ...o
+      ...a
     }
   ) : null;
 };
-function Ma(e = {}, t = []) {
-  const { id: r, selector: i } = e, n = be(), s = r || n.annotationPage, a = Q(
-    (o) => s ? o.iiif.entities.AnnotationPage[s] : void 0,
+function Io(e = {}, t = []) {
+  const { id: r, selector: i } = e, n = be(), s = r || n.annotationPage, o = Q(
+    (a) => s ? a.iiif.entities.AnnotationPage[s] : void 0,
     [s]
   );
   return E(() => {
-    if (a)
-      return i ? i(a) : a;
-  }, [a, ...t]);
+    if (o)
+      return i ? i(o) : o;
+  }, [o, ...t]);
 }
 const It = ({
   className: e,
   page: t
 }) => {
   var s;
-  const r = Ma({ id: t.id }) || t, i = et(r, "atlas"), n = et(r, "html");
-  return Q((a) => r.id ? a.iiif.entities.AnnotationPage[r.id] : null, []), /* @__PURE__ */ x(Ke, { children: (s = r.items) == null ? void 0 : s.map((a) => /* @__PURE__ */ x(
-    ai,
+  const r = Io({ id: t.id }) || t, i = et(r, "atlas"), n = et(r, "html");
+  return Q((o) => r.id ? o.iiif.entities.AnnotationPage[r.id] : null, []), /* @__PURE__ */ x(Ke, { children: (s = r.items) == null ? void 0 : s.map((o) => /* @__PURE__ */ x(
+    oi,
     {
-      id: a.id,
+      id: o.id,
       style: i,
       className: (n == null ? void 0 : n.className) || e
     },
-    a.id
+    o.id
   )) });
 };
-function oi({
+function ai({
   id: e,
   image: t,
   thumbnail: r,
   isStatic: i,
   x: n = 0,
   y: s = 0,
-  children: a,
-  selector: o,
+  children: o,
+  selector: a,
   onClick: u,
   enableSizes: d
 }) {
   var p, v;
   const l = E(() => {
-    if (!(!o || o.spatial.x === 0 && o.spatial.y === 0))
-      return o.spatial;
-  }, [o]);
+    if (!(!a || a.spatial.x === 0 && a.spatial.y === 0))
+      return a.spatial;
+  }, [a]);
   return /* @__PURE__ */ x(
     "world-object",
     {
@@ -2434,7 +2434,7 @@ function oi({
       onClick: u,
       children: t.service ? /* @__PURE__ */ N(Ke, { children: [
         /* @__PURE__ */ x(
-          pn,
+          dn,
           {
             tiles: {
               id: t.service.id || t.service["@id"] || "unknown",
@@ -2451,7 +2451,7 @@ function oi({
             crop: l
           }
         ),
-        a
+        o
       ] }, "service") : /* @__PURE__ */ N(Ke, { children: [
         /* @__PURE__ */ x(
           "world-image",
@@ -2466,26 +2466,26 @@ function oi({
             crop: l
           }
         ),
-        a
+        o
       ] }, "no-service")
     },
     e + (t.service ? "server" : "no-service")
   );
 }
-var Ra = Object.defineProperty, Ia = (e, t, r) => t in e ? Ra(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Ge = (e, t, r) => (Ia(e, typeof t != "symbol" ? t + "" : t, r), r), Ta = /* @__PURE__ */ function() {
+var To = Object.defineProperty, ko = (e, t, r) => t in e ? To(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Ge = (e, t, r) => (ko(e, typeof t != "symbol" ? t + "" : t, r), r), Oo = /* @__PURE__ */ function() {
   function e(t, r) {
-    var i = [], n = !0, s = !1, a = void 0;
+    var i = [], n = !0, s = !1, o = void 0;
     try {
-      for (var o = t[Symbol.iterator](), u; !(n = (u = o.next()).done) && (i.push(u.value), !(r && i.length === r)); n = !0)
+      for (var a = t[Symbol.iterator](), u; !(n = (u = a.next()).done) && (i.push(u.value), !(r && i.length === r)); n = !0)
         ;
     } catch (d) {
-      s = !0, a = d;
+      s = !0, o = d;
     } finally {
       try {
-        !n && o.return && o.return();
+        !n && a.return && a.return();
       } finally {
         if (s)
-          throw a;
+          throw o;
       }
     }
     return i;
@@ -2497,64 +2497,64 @@ var Ra = Object.defineProperty, Ia = (e, t, r) => t in e ? Ra(e, t, { enumerable
       return e(t, r);
     throw new TypeError("Invalid attempt to destructure non-iterable instance");
   };
-}(), qe = Math.PI * 2, yt = function(e, t, r, i, n, s, a) {
-  var o = e.x, u = e.y;
-  o *= t, u *= r;
-  var d = i * o - n * u, l = n * o + i * u;
+}(), qe = Math.PI * 2, yt = function(e, t, r, i, n, s, o) {
+  var a = e.x, u = e.y;
+  a *= t, u *= r;
+  var d = i * a - n * u, l = n * a + i * u;
   return {
     x: d + s,
-    y: l + a
+    y: l + o
   };
-}, ka = function(e, t) {
-  var r = t === 1.5707963267948966 ? 0.551915024494 : t === -1.5707963267948966 ? -0.551915024494 : 1.3333333333333333 * Math.tan(t / 4), i = Math.cos(e), n = Math.sin(e), s = Math.cos(e + t), a = Math.sin(e + t);
+}, Eo = function(e, t) {
+  var r = t === 1.5707963267948966 ? 0.551915024494 : t === -1.5707963267948966 ? -0.551915024494 : 1.3333333333333333 * Math.tan(t / 4), i = Math.cos(e), n = Math.sin(e), s = Math.cos(e + t), o = Math.sin(e + t);
   return [{
     x: i - n * r,
     y: n + i * r
   }, {
-    x: s + a * r,
-    y: a - s * r
+    x: s + o * r,
+    y: o - s * r
   }, {
     x: s,
-    y: a
+    y: o
   }];
-}, ar = function(e, t, r, i) {
+}, or = function(e, t, r, i) {
   var n = e * i - t * r < 0 ? -1 : 1, s = e * r + t * i;
   return s > 1 && (s = 1), s < -1 && (s = -1), n * Math.acos(s);
-}, Oa = function(e, t, r, i, n, s, a, o, u, d, l, p) {
+}, Po = function(e, t, r, i, n, s, o, a, u, d, l, p) {
   var v = Math.pow(n, 2), m = Math.pow(s, 2), h = Math.pow(l, 2), g = Math.pow(p, 2), b = v * m - v * g - m * h;
-  b < 0 && (b = 0), b /= v * g + m * h, b = Math.sqrt(b) * (a === o ? -1 : 1);
-  var A = b * n / s * p, w = b * -s / n * l, C = d * A - u * w + (e + r) / 2, T = u * A + d * w + (t + i) / 2, j = (l - A) / n, I = (p - w) / s, L = (-l - A) / n, P = (-p - w) / s, M = ar(1, 0, j, I), $ = ar(j, I, L, P);
-  return o === 0 && $ > 0 && ($ -= qe), o === 1 && $ < 0 && ($ += qe), [C, T, M, $];
-}, Ea = function(e) {
-  var t = e.px, r = e.py, i = e.cx, n = e.cy, s = e.rx, a = e.ry, o = e.xAxisRotation, u = o === void 0 ? 0 : o, d = e.largeArcFlag, l = d === void 0 ? 0 : d, p = e.sweepFlag, v = p === void 0 ? 0 : p, m = [];
-  if (s === 0 || a === 0)
+  b < 0 && (b = 0), b /= v * g + m * h, b = Math.sqrt(b) * (o === a ? -1 : 1);
+  var A = b * n / s * p, w = b * -s / n * l, C = d * A - u * w + (e + r) / 2, T = u * A + d * w + (t + i) / 2, j = (l - A) / n, I = (p - w) / s, L = (-l - A) / n, P = (-p - w) / s, M = or(1, 0, j, I), $ = or(j, I, L, P);
+  return a === 0 && $ > 0 && ($ -= qe), a === 1 && $ < 0 && ($ += qe), [C, T, M, $];
+}, Lo = function(e) {
+  var t = e.px, r = e.py, i = e.cx, n = e.cy, s = e.rx, o = e.ry, a = e.xAxisRotation, u = a === void 0 ? 0 : a, d = e.largeArcFlag, l = d === void 0 ? 0 : d, p = e.sweepFlag, v = p === void 0 ? 0 : p, m = [];
+  if (s === 0 || o === 0)
     return [];
   var h = Math.sin(u * qe / 360), g = Math.cos(u * qe / 360), b = g * (t - i) / 2 + h * (r - n) / 2, A = -h * (t - i) / 2 + g * (r - n) / 2;
   if (b === 0 && A === 0)
     return [];
-  s = Math.abs(s), a = Math.abs(a);
-  var w = Math.pow(b, 2) / Math.pow(s, 2) + Math.pow(A, 2) / Math.pow(a, 2);
-  w > 1 && (s *= Math.sqrt(w), a *= Math.sqrt(w));
-  var C = Oa(t, r, i, n, s, a, l, v, h, g, b, A), T = Ta(C, 4), j = T[0], I = T[1], L = T[2], P = T[3], M = Math.abs(P) / (qe / 4);
+  s = Math.abs(s), o = Math.abs(o);
+  var w = Math.pow(b, 2) / Math.pow(s, 2) + Math.pow(A, 2) / Math.pow(o, 2);
+  w > 1 && (s *= Math.sqrt(w), o *= Math.sqrt(w));
+  var C = Po(t, r, i, n, s, o, l, v, h, g, b, A), T = Oo(C, 4), j = T[0], I = T[1], L = T[2], P = T[3], M = Math.abs(P) / (qe / 4);
   Math.abs(1 - M) < 1e-7 && (M = 1);
   var $ = Math.max(Math.ceil(M), 1);
   P /= $;
   for (var ie = 0; ie < $; ie++)
-    m.push(ka(L, P)), L += P;
+    m.push(Eo(L, P)), L += P;
   return m.map(function(Z) {
-    var U = yt(Z[0], s, a, g, h, j, I), z = U.x, ee = U.y, ne = yt(Z[1], s, a, g, h, j, I), xe = ne.x, O = ne.y, W = yt(Z[2], s, a, g, h, j, I), X = W.x, de = W.y;
+    var U = yt(Z[0], s, o, g, h, j, I), z = U.x, ee = U.y, ne = yt(Z[1], s, o, g, h, j, I), xe = ne.x, O = ne.y, W = yt(Z[2], s, o, g, h, j, I), X = W.x, de = W.y;
     return { x1: z, y1: ee, x2: xe, y2: O, x: X, y: de };
   });
-}, Pa = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+}, Fo = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function ci(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var La = ja, vt = { a: 7, c: 6, h: 1, l: 2, m: 2, q: 4, s: 4, t: 2, v: 1, z: 0 }, Fa = /([astvzqmhlc])([^astvzqmhlc]*)/ig;
-function ja(e) {
+var jo = Do, vt = { a: 7, c: 6, h: 1, l: 2, m: 2, q: 4, s: 4, t: 2, v: 1, z: 0 }, $o = /([astvzqmhlc])([^astvzqmhlc]*)/ig;
+function Do(e) {
   var t = [];
-  return e.replace(Fa, function(r, i, n) {
+  return e.replace($o, function(r, i, n) {
     var s = i.toLowerCase();
-    for (n = Da(n), s == "m" && n.length > 2 && (t.push([i].concat(n.splice(0, 2))), s = "l", i = i == "m" ? "l" : "L"); ; ) {
+    for (n = _o(n), s == "m" && n.length > 2 && (t.push([i].concat(n.splice(0, 2))), s = "l", i = i == "m" ? "l" : "L"); ; ) {
       if (n.length == vt[s])
         return n.unshift(i), t.push(n);
       if (n.length < vt[s])
@@ -2563,20 +2563,20 @@ function ja(e) {
     }
   }), t;
 }
-var $a = /-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/ig;
-function Da(e) {
-  var t = e.match($a);
+var qo = /-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/ig;
+function _o(e) {
+  var t = e.match(qo);
   return t ? t.map(Number) : [];
 }
-const qa = /* @__PURE__ */ ci(La);
-var _a = Ua;
-function Ua(e) {
+const Uo = /* @__PURE__ */ ci(jo);
+var Vo = No;
+function No(e) {
   var t = 0, r = 0, i = 0, n = 0;
   return e.map(function(s) {
     s = s.slice();
-    var a = s[0], o = a.toUpperCase();
-    if (a != o)
-      switch (s[0] = o, a) {
+    var o = s[0], a = o.toUpperCase();
+    if (o != a)
+      switch (s[0] = a, o) {
         case "a":
           s[6] += i, s[7] += n;
           break;
@@ -2590,7 +2590,7 @@ function Ua(e) {
           for (var u = 1; u < s.length; )
             s[u++] += i, s[u++] += n;
       }
-    switch (o) {
+    switch (a) {
       case "Z":
         i = t, n = r;
         break;
@@ -2609,10 +2609,10 @@ function Ua(e) {
     return s;
   });
 }
-const Va = /* @__PURE__ */ ci(_a);
-function Na(e) {
-  const t = qa(e), r = Va(t);
-  let i, n = 0, s = 0, a = 0, o = 0, u, d, l = 0, p = 0;
+const Ho = /* @__PURE__ */ ci(Vo);
+function Bo(e) {
+  const t = Uo(e), r = Ho(t);
+  let i, n = 0, s = 0, o = 0, a = 0, u, d, l = 0, p = 0;
   const v = [];
   for (let m = 0; m < r.length; m++) {
     let h = r[m];
@@ -2630,7 +2630,7 @@ function Na(e) {
       case "S":
         {
           let b = l, A = p;
-          (i === "C" || i == "S") && (b += b - a, A += A - o), h = ["C", b, A, h[1], h[2], h[3], h[4]];
+          (i === "C" || i == "S") && (b += b - o, A += A - a), h = ["C", b, A, h[1], h[2], h[3], h[4]];
         }
         break;
       case "T":
@@ -2641,7 +2641,7 @@ function Na(e) {
         break;
       case "A":
         {
-          const b = Ea({
+          const b = Lo({
             px: l,
             py: p,
             cx: h[6],
@@ -2663,7 +2663,7 @@ function Na(e) {
         h = ["L", n, s];
         break;
     }
-    i = g, l = h[h.length - 2], p = h[h.length - 1], ["C", "Q", "A"].indexOf(g) > -1 ? (a = h[h.length - 4], o = h[h.length - 3]) : (a = l, o = p), v.push(h);
+    i = g, l = h[h.length - 2], p = h[h.length - 1], ["C", "Q", "A"].indexOf(g) > -1 ? (o = h[h.length - 4], a = h[h.length - 3]) : (o = l, a = p), v.push(h);
   }
   return v;
 }
@@ -2698,15 +2698,15 @@ function Na(e) {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-function Ha(e, t, r, i = 1) {
+function zo(e, t, r, i = 1) {
   return new ui(e, t, r).subdivide(i);
 }
-function Ba(e, t, r, i, n = 1) {
+function Wo(e, t, r, i, n = 1) {
   return new Dt(
     new Float64Array([e.x, e.y, t.x, t.y, r.x, r.y, i.x, i.y])
   ).subdivide(n);
 }
-function za(e) {
+function Qo(e) {
   return e.x * e.x + e.y * e.y;
 }
 function _e(e) {
@@ -2727,13 +2727,13 @@ class ui {
     };
   }
   mapToBasic() {
-    const { x: t, y: r } = this.start, { x: i, y: n } = this.control, { x: s, y: a } = this.end, o = 2 * i - t - s, u = 2 * n - r - a, d = (i - t) * o + (n - r) * u, l = (s - i) * o + (a - n) * u, p = (s - t) * u - (a - r) * o, v = d / p, m = l / p, h = Math.abs(p) / (Math.hypot(o, u) * Math.abs(m - v));
+    const { x: t, y: r } = this.start, { x: i, y: n } = this.control, { x: s, y: o } = this.end, a = 2 * i - t - s, u = 2 * n - r - o, d = (i - t) * a + (n - r) * u, l = (s - i) * a + (o - n) * u, p = (s - t) * u - (o - r) * a, v = d / p, m = l / p, h = Math.abs(p) / (Math.hypot(a, u) * Math.abs(m - v));
     return { x0: t, x2: s, scale: h, cross: p };
   }
   subdivide(t) {
-    const r = this.mapToBasic(), i = _e(r.x0), n = _e(r.x2), s = 0.5 * Math.abs(n - i) * Math.sqrt(r.scale / t), a = Math.ceil(s), o = Pe(i), u = Pe(n), d = [0];
-    for (let l = 1; l < a; l++) {
-      const p = (Pe(i + (n - i) * l / a) - o) / (u - o);
+    const r = this.mapToBasic(), i = _e(r.x0), n = _e(r.x2), s = 0.5 * Math.abs(n - i) * Math.sqrt(r.scale / t), o = Math.ceil(s), a = Pe(i), u = Pe(n), d = [0];
+    for (let l = 1; l < o; l++) {
+      const p = (Pe(i + (n - i) * l / o) - a) / (u - a);
       d.push(p);
     }
     return d.push(1), d.map((l) => this.eval(l));
@@ -2745,16 +2745,16 @@ class Dt {
     Ge(this, "c"), this.c = t;
   }
   weightsum(t, r, i, n) {
-    const s = t * this.c[0] + r * this.c[2] + i * this.c[4] + n * this.c[6], a = t * this.c[1] + r * this.c[3] + i * this.c[5] + n * this.c[7];
-    return { x: s, y: a };
+    const s = t * this.c[0] + r * this.c[2] + i * this.c[4] + n * this.c[6], o = t * this.c[1] + r * this.c[3] + i * this.c[5] + n * this.c[7];
+    return { x: s, y: o };
   }
   eval(t) {
-    const r = 1 - t, i = r * r * r, n = 3 * r * r * t, s = 3 * r * t * t, a = t * t * t;
-    return this.weightsum(i, n, s, a);
+    const r = 1 - t, i = r * r * r, n = 3 * r * r * t, s = 3 * r * t * t, o = t * t * t;
+    return this.weightsum(i, n, s, o);
   }
   deriv(t) {
-    const r = 1 - t, i = -3 * r * r, n = 3 * t * t, s = -6 * t * r - i, a = 6 * t * r - n;
-    return this.weightsum(i, s, a, n);
+    const r = 1 - t, i = -3 * r * r, n = 3 * t * t, s = -6 * t * r - i, o = 6 * t * r - n;
+    return this.weightsum(i, s, o, n);
   }
   // quadratic bezier with matching endpoints and minimum max vector error
   midpoint_quadbez() {
@@ -2764,23 +2764,23 @@ class Dt {
   subsegment(t, r) {
     const i = new Float64Array(8), n = this.eval(t), s = this.eval(r);
     i[0] = n.x, i[1] = n.y;
-    const a = (r - t) / 3, o = this.deriv(t);
-    i[2] = n.x + a * o.x, i[3] = n.y + a * o.y;
+    const o = (r - t) / 3, a = this.deriv(t);
+    i[2] = n.x + o * a.x, i[3] = n.y + o * a.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 Dt(i);
+    return i[4] = s.x - o * u.x, i[5] = s.y - o * u.y, i[6] = s.x, i[7] = s.y, new Dt(i);
   }
   // Very fancy subdivision scheme
   subdivide(t) {
-    const r = 0.1 * t, i = t - r, n = Math.sqrt(i), s = za(this.weightsum(1, -3, 3, -1)), a = Math.ceil(Math.pow(s / (432 * r * r), 1 / 6)), o = [];
+    const r = 0.1 * t, i = t - r, n = Math.sqrt(i), s = Qo(this.weightsum(1, -3, 3, -1)), o = Math.ceil(Math.pow(s / (432 * r * r), 1 / 6)), a = [];
     let u = 0;
-    for (let h = 0; h < a; h++) {
-      const g = h / a, b = (h + 1) / a, A = this.subsegment(g, b).midpoint_quadbez(), w = A.mapToBasic(), C = _e(w.x0), T = _e(w.x2), j = Math.sqrt(w.scale);
+    for (let h = 0; h < o; h++) {
+      const g = h / o, b = (h + 1) / o, A = this.subsegment(g, b).midpoint_quadbez(), w = A.mapToBasic(), C = _e(w.x0), T = _e(w.x2), j = Math.sqrt(w.scale);
       let I = Math.abs(T - C) * j;
       if (Math.sign(w.x0) != Math.sign(w.x2)) {
         const L = n / j, P = n * Math.abs(T - C) / _e(L);
         I = Math.max(I, P);
       }
-      o.push({
+      a.push({
         quad: A,
         a0: C,
         a2: T,
@@ -2791,15 +2791,15 @@ class Dt {
     let v = 0, m = 0;
     for (let h = 1; h < l; h++) {
       const g = u * h / l;
-      for (; v + o[m].val < g; )
-        v += o[m].val, m++;
-      const b = o[m].a0, A = o[m].a2, w = Pe(b), C = Pe(A), T = b + (A - b) * (g - v) / o[m].val, j = (Pe(T) - w) / (C - w);
-      p.push(o[m].quad.eval(j));
+      for (; v + a[m].val < g; )
+        v += a[m].val, m++;
+      const b = a[m].a0, A = a[m].a2, w = Pe(b), C = Pe(A), T = b + (A - b) * (g - v) / a[m].val, j = (Pe(T) - w) / (C - w);
+      p.push(a[m].quad.eval(j));
     }
     return p.push({ x: this.c[6], y: this.c[7] }), p;
   }
 }
-const Wa = /&?(xywh=)?(pixel:|percent:|pct:)?([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?)/, Qa = /&?(t=)(npt:)?([0-9]+(.[0-9]+)?)?(,([0-9]+(.[0-9]+)?))?/, or = /^rgba\((\d+),(\d+),(\d+),([0-9.]+)\)$/;
+const Yo = /&?(xywh=)?(pixel:|percent:|pct:)?([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?)/, Go = /&?(t=)(npt:)?([0-9]+(.[0-9]+)?)?(,([0-9]+(.[0-9]+)?))?/, ar = /^rgba\((\d+),(\d+),(\d+),([0-9.]+)\)$/;
 function Je(e, {
   domParser: t,
   svgPreprocessor: r,
@@ -2810,11 +2810,11 @@ function Je(e, {
       e.reduce(
         (n, s) => {
           const {
-            selector: a,
-            selectors: o,
+            selector: o,
+            selectors: a,
             iiifRenderingHints: u
           } = Je(s, { domParser: t, svgPreprocessor: r, iiifRenderingHints: i });
-          return a && (n.selector || (n.selector = a), n.selectors.push(...o)), u && (n.iiifRenderingHints = n.iiifRenderingHints || { type: "ImageApiSelector" }, Object.assign(n.iiifRenderingHints, u)), n;
+          return o && (n.selector || (n.selector = o), n.selectors.push(...a)), u && (n.iiifRenderingHints = n.iiifRenderingHints || { type: "ImageApiSelector" }, Object.assign(n.iiifRenderingHints, u)), n;
         },
         {
           selector: null,
@@ -2853,7 +2853,7 @@ function Je(e, {
       iiifRenderingHints: i
     });
   }
-  if (Ka(e)) {
+  if (Xo(e)) {
     const n = [];
     if (e.region) {
       const s = Je(
@@ -2869,9 +2869,9 @@ function Je(e, {
     });
   }
   if (e.type === "FragmentSelector") {
-    const n = Wa.exec(e.value);
+    const n = Yo.exec(e.value);
     if (n) {
-      const a = {
+      const o = {
         type: "BoxSelector",
         spatial: {
           unit: n[2] === "percent:" || n[2] === "pct:" ? "percent" : "pixel",
@@ -2882,14 +2882,14 @@ function Je(e, {
         }
       };
       return re({
-        selector: a,
-        selectors: [a],
+        selector: o,
+        selectors: [o],
         iiifRenderingHints: i
       });
     }
-    const s = e.value.match(Qa);
+    const s = e.value.match(Go);
     if (s) {
-      const a = {
+      const o = {
         type: "TemporalSelector",
         temporal: {
           startTime: s[4] ? parseFloat(s[4]) : 0,
@@ -2897,8 +2897,8 @@ function Je(e, {
         }
       };
       return re({
-        selector: a,
-        selectors: [a],
+        selector: o,
+        selectors: [o],
         iiifRenderingHints: i
       });
     }
@@ -2912,7 +2912,7 @@ function Je(e, {
     t || (typeof window < "u" ? t = new window.DOMParser() : console.warn(
       "No DOMParser available, cannot parse SVG selector, `points`, `spatial` and `style` will be unavailable and the SVG will not be normalized."
     ));
-    let n = [], s, a, o = (r == null ? void 0 : r(e.value)) ?? e.value, u;
+    let n = [], s, o, a = (r == null ? void 0 : r(e.value)) ?? e.value, u;
     if (t) {
       const l = t.parseFromString(e.value, "image/svg+xml").querySelector("svg");
       if (!l)
@@ -2931,13 +2931,13 @@ function Je(e, {
         // urx
         Math.max(...n.map((v) => v[1]))
         // ury
-      ], { style: a, svg: o } = Ja(p.element) ?? { svg: o });
+      ], { style: o, svg: a } = Zo(p.element) ?? { svg: a });
     }
     const d = {
       type: "SvgSelector",
-      svg: o,
+      svg: a,
       svgShape: u,
-      style: a,
+      style: o,
       points: n.length ? n : void 0,
       spatial: s ? { unit: "pixel", x: s[0], y: s[1], width: s[2] - s[0], height: s[3] - s[1] } : void 0
     };
@@ -2953,7 +2953,7 @@ function Je(e, {
     iiifRenderingHints: i
   });
 }
-function Ya(e) {
+function Jo(e) {
   const t = e.map((i) => i[0]).reduce(
     (i, n) => (i[n] += 1, i),
     { C: 0, Q: 0, L: 0, M: 0 }
@@ -2983,40 +2983,40 @@ function li(e) {
         const i = r.getAttribute("d");
         if (!i)
           continue;
-        const n = Na(i);
-        return { element: r, points: Ga(n), shapeType: Ya(n) };
+        const n = Bo(i);
+        return { element: r, points: Ko(n), shapeType: Jo(n) };
       }
       case "circle": {
         const i = parseFloat(r.getAttribute("cx") ?? "0"), n = parseFloat(r.getAttribute("cy") ?? "0"), s = parseFloat(r.getAttribute("r") ?? "0");
         if (!s)
           continue;
-        const a = [];
-        for (let o = 0; o <= 360; o += 12) {
-          const u = o * Math.PI / 180;
-          a.push([i + s * Math.cos(u), n + s * Math.sin(u)]);
+        const o = [];
+        for (let a = 0; a <= 360; a += 12) {
+          const u = a * Math.PI / 180;
+          o.push([i + s * Math.cos(u), n + s * Math.sin(u)]);
         }
-        return { element: r, points: a, shapeType: "circle" };
+        return { element: r, points: o, shapeType: "circle" };
       }
       case "ellipse": {
-        const i = parseFloat(r.getAttribute("cx") ?? "0"), n = parseFloat(r.getAttribute("cy") ?? "0"), s = parseFloat(r.getAttribute("rx") ?? "0"), a = parseFloat(r.getAttribute("ry") ?? "0");
-        if (!s && !a)
+        const i = parseFloat(r.getAttribute("cx") ?? "0"), n = parseFloat(r.getAttribute("cy") ?? "0"), s = parseFloat(r.getAttribute("rx") ?? "0"), o = parseFloat(r.getAttribute("ry") ?? "0");
+        if (!s && !o)
           continue;
-        const o = [];
+        const a = [];
         for (let u = 0; u <= 360; u += 12) {
-          const d = Math.tan(u / 360 * Math.PI), l = s * (1 - d ** 2) / (1 + d ** 2), p = a * 2 * d / (1 + d ** 2);
-          o.push([i + l, n + p]);
+          const d = Math.tan(u / 360 * Math.PI), l = s * (1 - d ** 2) / (1 + d ** 2), p = o * 2 * d / (1 + d ** 2);
+          a.push([i + l, n + p]);
         }
-        return { element: r, points: o, shapeType: "ellipse" };
+        return { element: r, points: a, shapeType: "ellipse" };
       }
       case "line": {
-        const i = parseFloat(r.getAttribute("x0") ?? "0"), n = parseFloat(r.getAttribute("y0") ?? "0"), s = parseFloat(r.getAttribute("x1") ?? "0"), a = parseFloat(r.getAttribute("y1") ?? "0");
-        if (i === s && n === a)
+        const i = parseFloat(r.getAttribute("x0") ?? "0"), n = parseFloat(r.getAttribute("y0") ?? "0"), s = parseFloat(r.getAttribute("x1") ?? "0"), o = parseFloat(r.getAttribute("y1") ?? "0");
+        if (i === s && n === o)
           continue;
         return {
           element: r,
           points: [
             [i, n],
-            [s, a]
+            [s, o]
           ],
           shapeType: "polyline"
         };
@@ -3030,16 +3030,16 @@ function li(e) {
         return r.tagName.toLowerCase() === "polygon" && (i.push(i[0]), n = "polygon"), { element: r, points: i, shapeType: n };
       }
       case "rect": {
-        const i = parseFloat(r.getAttribute("x") ?? "0"), n = parseFloat(r.getAttribute("y") ?? "0"), s = parseFloat(r.getAttribute("width") ?? "0"), a = parseFloat(r.getAttribute("height") ?? "0");
-        if (!s || !a)
+        const i = parseFloat(r.getAttribute("x") ?? "0"), n = parseFloat(r.getAttribute("y") ?? "0"), s = parseFloat(r.getAttribute("width") ?? "0"), o = parseFloat(r.getAttribute("height") ?? "0");
+        if (!s || !o)
           continue;
         return {
           element: r,
           points: [
             [i, n],
             [i + s, n],
-            [i + s, n + a],
-            [i, n + a],
+            [i + s, n + o],
+            [i, n + o],
             [i, n]
           ],
           shapeType: "rect"
@@ -3050,7 +3050,7 @@ function li(e) {
     }
   return null;
 }
-function Ga(e) {
+function Ko(e) {
   const t = [];
   for (let r = 0; r < e.length; r++) {
     const i = t[t.length - 1] ?? [0, 0], n = e[r];
@@ -3061,7 +3061,7 @@ function Ga(e) {
         continue;
       case "C":
         t.push(
-          ...Ba(
+          ...Wo(
             { x: i[0], y: i[1] },
             { x: n[1], y: n[2] },
             { x: n[3], y: n[4] },
@@ -3072,7 +3072,7 @@ function Ga(e) {
         continue;
       case "Q":
         t.push(
-          ...Ha(
+          ...zo(
             { x: i[0], y: i[1] },
             { x: n[1], y: n[2] },
             { x: n[3], y: n[4] }
@@ -3084,14 +3084,14 @@ function Ga(e) {
   }
   return t;
 }
-function Ja(e) {
+function Zo(e) {
   const t = {};
   if (e.hasAttribute("fill") ? (t.fill = e.getAttribute("fill"), e.removeAttribute("fill")) : e.style.fill && (t.fill = e.style.fill), t.fill) {
-    const i = or.exec(t.fill);
+    const i = ar.exec(t.fill);
     i && (t.fillOpacity = parseFloat(i[4]), t.fill = `rgb(${i[1]}, ${i[2]}, ${i[3]})`);
   }
   if (e.hasAttribute("fill-opacity") ? (t.fillOpacity = parseFloat(e.getAttribute("fill-opacity")), e.removeAttribute("fill-opacity")) : e.style.fillOpacity && (t.fillOpacity = parseFloat(e.style.fillOpacity)), e.hasAttribute("stroke") ? (t.stroke = e.getAttribute("stroke"), e.removeAttribute("stroke")) : e.style.stroke && (t.stroke = e.style.stroke), t.stroke) {
-    const i = or.exec(t.stroke);
+    const i = ar.exec(t.stroke);
     i && (t.strokeOpacity = parseFloat(i[4]), t.stroke = `rgb(${i[1]}, ${i[2]}, ${i[3]})`);
   }
   e.hasAttribute("stroke-opacity") ? (t.strokeOpacity = parseFloat(e.getAttribute("stroke-opacity")), e.removeAttribute("stroke-opacity")) : e.style.strokeOpacity && (t.strokeOpacity = parseFloat(e.style.strokeOpacity)), e.hasAttribute("stroke-width") ? (t.strokeWidth = e.getAttribute("stroke-width"), e.removeAttribute("stroke-width")) : e.style.strokeWidth && (t.strokeWidth = e.style.strokeWidth), e.hasAttribute("stroke-dasharray") ? (t.strokeDasharray = e.getAttribute("stroke-dasharray"), e.removeAttribute("stroke-dasharray")) : e.style.strokeDasharray && (t.strokeDasharray = e.style.strokeDasharray);
@@ -3101,14 +3101,14 @@ function Ja(e) {
       throw new Error("Could not find root SVG element");
   return { svg: r.outerHTML, style: Object.keys(t).length > 0 ? t : void 0 };
 }
-function Ka(e) {
+function Xo(e) {
   return !!e && e.type === "iiif:ImageApiSelector" && e.type === "iiif:ImageApiSelector";
 }
 function re(e) {
   if (e.iiifRenderingHints) {
     const t = e.iiifRenderingHints;
     if (t.rotation) {
-      const r = Za(t.rotation);
+      const r = ea(t.rotation);
       if (r)
         if (e.selectors.length)
           for (const i of e.selectors)
@@ -3123,7 +3123,7 @@ function re(e) {
     delete e.iiifRenderingHints;
   return e;
 }
-function Za(e) {
+function ea(e) {
   let t = parseFloat(e);
   return t && e.startsWith("!") && (t = 360 - t), t && (t = t % 360), t !== t ? 0 : t || 0;
 }
@@ -3198,8 +3198,8 @@ function je(e, t = {}) {
     selectors: []
   };
 }
-var Xa = Object.defineProperty, eo = (e, t, r) => t in e ? Xa(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, cr = (e, t, r) => (eo(e, typeof t != "symbol" ? t + "" : t, r), r);
-function to(e) {
+var ta = Object.defineProperty, ra = (e, t, r) => t in e ? ta(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, cr = (e, t, r) => (ra(e, typeof t != "symbol" ? t + "" : t, r), r);
+function ia(e) {
   return Array.isArray(e) ? e : e ? [e] : [];
 }
 const ur = [
@@ -3215,7 +3215,7 @@ const ur = [
   "Service",
   "ContentResource"
 ];
-function ro(e) {
+function na(e) {
   if (typeof e > "u" || e === null)
     throw new Error("Null or undefined is not a valid entity.");
   if (Array.isArray(e))
@@ -3384,7 +3384,7 @@ class qt {
   traverseUnknown(t) {
     if (!t["@type"] || typeof t == "string")
       return t;
-    switch (ro(t)) {
+    switch (na(t)) {
       case "sc:Collection":
         return this.traverseCollection(t);
       case "sc:Manifest":
@@ -3457,7 +3457,7 @@ class qt {
     }, t);
   }
 }
-const io = "http://library.stanford.edu/iiif/image-api/compliance.html#level0", fi = "http://library.stanford.edu/iiif/image-api/compliance.html#level1", pi = "http://library.stanford.edu/iiif/image-api/compliance.html#level2", no = "http://library.stanford.edu/iiif/image-api/conformance.html#level0", di = "http://library.stanford.edu/iiif/image-api/conformance.html#level1", hi = "http://library.stanford.edu/iiif/image-api/conformance.html#level2", so = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level0", yi = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level1", vi = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level2", ao = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level0", gi = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level1", mi = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level2", oo = "http://iiif.io/api/image/1/level0.json", co = "http://iiif.io/api/image/1/profiles/level0.json", bi = "http://iiif.io/api/image/1/level1.json", Ai = "http://iiif.io/api/image/1/profiles/level1.json", xi = "http://iiif.io/api/image/1/level2.json", wi = "http://iiif.io/api/image/1/profiles/level2.json", uo = "http://iiif.io/api/image/2/level0.json", lo = "http://iiif.io/api/image/2/profiles/level0.json", Si = "http://iiif.io/api/image/2/level1.json", Ci = "http://iiif.io/api/image/2/profiles/level1.json", Mi = "http://iiif.io/api/image/2/level2.json", Ri = "http://iiif.io/api/image/2/profiles/level2.json", fo = "level0", Ii = "level1", Ti = "level2", po = "http://iiif.io/api/image/2/level0", ki = "http://iiif.io/api/image/2/level1", Oi = "http://iiif.io/api/image/2/level2", ho = [
+const sa = "http://library.stanford.edu/iiif/image-api/compliance.html#level0", fi = "http://library.stanford.edu/iiif/image-api/compliance.html#level1", pi = "http://library.stanford.edu/iiif/image-api/compliance.html#level2", oa = "http://library.stanford.edu/iiif/image-api/conformance.html#level0", di = "http://library.stanford.edu/iiif/image-api/conformance.html#level1", hi = "http://library.stanford.edu/iiif/image-api/conformance.html#level2", aa = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level0", yi = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level1", vi = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level2", ca = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level0", gi = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level1", mi = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level2", ua = "http://iiif.io/api/image/1/level0.json", la = "http://iiif.io/api/image/1/profiles/level0.json", bi = "http://iiif.io/api/image/1/level1.json", Ai = "http://iiif.io/api/image/1/profiles/level1.json", xi = "http://iiif.io/api/image/1/level2.json", wi = "http://iiif.io/api/image/1/profiles/level2.json", fa = "http://iiif.io/api/image/2/level0.json", pa = "http://iiif.io/api/image/2/profiles/level0.json", Si = "http://iiif.io/api/image/2/level1.json", Ci = "http://iiif.io/api/image/2/profiles/level1.json", Mi = "http://iiif.io/api/image/2/level2.json", Ri = "http://iiif.io/api/image/2/profiles/level2.json", da = "level0", Ii = "level1", Ti = "level2", ha = "http://iiif.io/api/image/2/level0", ki = "http://iiif.io/api/image/2/level1", Oi = "http://iiif.io/api/image/2/level2", ya = [
   ki,
   Oi,
   fi,
@@ -3478,35 +3478,35 @@ const io = "http://library.stanford.edu/iiif/image-api/compliance.html#level0",
   Ri,
   Ii,
   Ti
-], yo = [
-  po,
+], va = [
+  ha,
   ki,
   Oi,
-  io,
+  sa,
   fi,
   pi,
-  no,
+  oa,
   di,
   hi,
-  so,
+  aa,
   yi,
   vi,
-  ao,
+  ca,
   gi,
   mi,
-  oo,
-  co,
+  ua,
+  la,
   bi,
   Ai,
   xi,
   wi,
-  uo,
-  lo,
+  fa,
+  pa,
   Si,
   Ci,
   Mi,
   Ri,
-  fo,
+  da,
   Ii,
   Ti
 ];
@@ -3542,14 +3542,14 @@ function Ie(e, t = "none") {
 function Ei(e) {
   if (Array.isArray(e))
     return Ei(e.find((t) => typeof t == "string"));
-  if (yo.indexOf(e) !== -1)
+  if (va.indexOf(e) !== -1)
     return "level2";
-  if (ho.indexOf(e) !== -1)
+  if (ya.indexOf(e) !== -1)
     return "level1";
   if (typeof e == "string")
     return e;
 }
-function vo(e) {
+function ga(e) {
   const t = Array.isArray(e) ? e : [e];
   for (const r of t)
     switch (r) {
@@ -3563,7 +3563,7 @@ function vo(e) {
         return "ImageApiSelector";
     }
 }
-function go(e) {
+function ma(e) {
   switch (e) {
     case "http://iiif.io/api/image/2/level0.json":
     case "http://iiif.io/api/image/2/level1.json":
@@ -3598,18 +3598,18 @@ function lr(e) {
       return e.slice(t.length + 1);
   return e;
 }
-const mo = ["Collection", "Manifest", "Annotation", "AnnotationPage", "Range", "Service"];
+const ba = ["Collection", "Manifest", "Annotation", "AnnotationPage", "Range", "Service"];
 function _t(e) {
   const t = e["@id"] || e.id;
   let r = e["@type"] || e.type;
   const i = e.profile || void 0, n = e["@context"] || void 0;
   if (i) {
-    const s = go(i);
+    const s = ma(i);
     if (s)
       return s;
   }
   if (n) {
-    const s = vo(n);
+    const s = ga(n);
     if (s)
       return s;
   }
@@ -3635,7 +3635,7 @@ function _t(e) {
         return "TextualBody";
     }
   }
-  if (r && mo.indexOf(r) !== -1)
+  if (r && ba.indexOf(r) !== -1)
     return r;
   if (e.format) {
     if (e.format.startsWith("image/"))
@@ -3647,28 +3647,28 @@ function _t(e) {
   }
   return t && (t.endsWith(".jpg") || t.endsWith(".png") || t.endsWith(".jpeg")) ? "Image" : r || "unknown";
 }
-const bo = /http(s)?:\/\/(creativecommons.org|rightsstatements.org)[^"'\\<\n]+/gm;
-function Ao(e) {
-  const t = e.match(bo);
+const Aa = /http(s)?:\/\/(creativecommons.org|rightsstatements.org)[^"'\\<\n]+/gm;
+function xa(e) {
+  const t = e.match(Aa);
   return t ? t[0] : e;
 }
-function xo(e, t = "Rights/License", r = "none") {
+function wa(e, t = "Rights/License", r = "none") {
   let i = null;
   const n = [], s = Array.isArray(e) ? e : [e];
-  for (const a of s) {
-    const o = a ? Ao(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;
+  for (const o of s) {
+    const a = o ? xa(o) : void 0;
+    if (a && (a.indexOf("creativecommons.org") !== -1 || a.indexOf("rightsstatements.org") !== -1)) {
+      a.startsWith("https://") ? i = `http://${a.slice(8)}` : i = a;
       continue;
     }
-    o && n.push({
+    a && n.push({
       label: { [r]: [t] },
-      value: { [r]: [o] }
+      value: { [r]: [a] }
     });
   }
   return [i, n];
 }
-const wo = [
+const Sa = [
   "http://iiif.io/api/presentation/2/context.json",
   "http://iiif.io/api/image/2/context.json",
   "http://iiif.io/api/image/1/context.json",
@@ -3679,16 +3679,16 @@ const wo = [
   "http://iiif.io/api/auth/0/context.json",
   "http://iiif.io/api/annex/openannotation/context.json"
 ];
-function So(e) {
+function Ca(e) {
   if (e) {
     const t = Array.isArray(e) ? e : [e], r = [];
     for (const i of t)
-      i === "http://iiif.io/api/presentation/2/context.json" && r.push("http://iiif.io/api/presentation/3/context.json"), wo.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"), Sa.indexOf(i) === -1 && r.push(i);
     if (t.length)
       return r.length === 1 ? r[0] : r;
   }
 }
-function Co(e) {
+function Ma(e) {
   return e ? e.map((t) => ({
     label: Ie(t.label),
     value: Ie(t.value)
@@ -3704,7 +3704,7 @@ function fe(e) {
   e.viewingHint && t.push(e.viewingHint);
   let r;
   return Array.isArray(e.motivation) ? r = e.motivation.map(lr) : e.motivation && (r = lr(e.motivation)), {
-    "@context": e["@context"] ? So(e["@context"]) : void 0,
+    "@context": e["@context"] ? Ca(e["@context"]) : void 0,
     id: (e["@id"] || Pi(e)).trim(),
     type: _t(e),
     behavior: t.length ? t : void 0,
@@ -3719,7 +3719,7 @@ function fe(e) {
   };
 }
 function pe(e) {
-  const [t, r] = xo(e.license), i = [...e.metadata ? Co(e.metadata) : [], ...r];
+  const [t, r] = wa(e.license), i = [...e.metadata ? Ma(e.metadata) : [], ...r];
   return {
     rights: t,
     metadata: i.length ? i : void 0,
@@ -3730,13 +3730,13 @@ function pe(e) {
     } : void 0,
     navDate: e.navDate,
     summary: e.description ? Ie(e.description) : void 0,
-    thumbnail: Mo(e.thumbnail)
+    thumbnail: Ra(e.thumbnail)
   };
 }
-function Mo(e) {
+function Ra(e) {
   return e && (Array.isArray(e) ? e : [e]).map((t) => typeof t == "string" ? { id: t, type: "Image" } : (t.type === "unknown" && (t.type = "Image"), t));
 }
-function Ro(e) {
+function Ia(e) {
   if (!e.within)
     return;
   const t = Array.isArray(e.within) ? e.within : [e.within], r = [];
@@ -3767,22 +3767,22 @@ function Ae(e) {
         label: Ie(Tt.providerName)
       }
     ] : void 0,
-    partOf: Ro(e),
+    partOf: Ia(e),
     rendering: e.rendering,
     seeAlso: e.seeAlso,
     start: e.startCanvas,
-    service: e.service ? to(e.service) : void 0,
+    service: e.service ? ia(e.service) : void 0,
     supplementary: r ? [r] : void 0
   };
 }
-function Io(e) {
+function Ta(e) {
   return {
     chars: e.chars,
     format: e.format ? e.format : void 0,
     language: e.language
   };
 }
-function To(e) {
+function ka(e) {
   return le({
     ...fe(e),
     ...pe(e),
@@ -3790,7 +3790,7 @@ function To(e) {
     items: e.members
   });
 }
-function ko(e) {
+function Oa(e) {
   const t = [], r = [];
   let i;
   for (const s of e.sequences || [])
@@ -3805,7 +3805,7 @@ function ko(e) {
     structures: e.structures
   });
 }
-function Oo(e) {
+function Ea(e) {
   return le({
     ...fe(e),
     ...pe(e),
@@ -3820,7 +3820,7 @@ function Oo(e) {
     ] : void 0
   });
 }
-function Eo(e) {
+function Pa(e) {
   return le({
     ...fe(e),
     ...pe(e),
@@ -3828,7 +3828,7 @@ function Eo(e) {
     items: e.resources && e.resources.length ? e.resources : void 0
   });
 }
-function Po(e) {
+function La(e) {
   return !e.canvases || e.canvases.length === 0 ? {
     canvases: [],
     behavior: []
@@ -3838,7 +3838,7 @@ function Po(e) {
     startCanvas: e.startCanvas
   };
 }
-function Lo(e) {
+function Fa(e) {
   function t(r) {
     if (Array.isArray(r)) {
       if (r.length > 1)
@@ -3879,10 +3879,10 @@ function kt(e) {
     ...fe(t),
     ...pe(t),
     ...Ae(t),
-    ...Io(t)
+    ...Ta(t)
   });
 }
-function Fo(e) {
+function ja(e) {
   const t = [];
   return e.default && e.default !== "rdf:nil" && t.push(e.default), e.item && e.item !== "rdf:nil" && t.push(...e.item), {
     ...fe(e),
@@ -3890,7 +3890,7 @@ function Fo(e) {
     items: t
   };
 }
-function jo(e) {
+function $a(e) {
   return le({
     ...fe(e),
     ...pe(e),
@@ -3898,14 +3898,14 @@ function jo(e) {
     items: e.members
   });
 }
-function $o(e) {
-  const { "@id": t, "@type": r, "@context": i, profile: n, ...s } = e, a = {};
-  return t && (a["@id"] = t), a["@type"] = _t(e), a["@type"] === "unknown" && (i && i.length && (a["@context"] = i), a["@type"] = "Service"), n && (a.profile = Ei(n)), le({
-    ...a,
+function Da(e) {
+  const { "@id": t, "@type": r, "@context": i, profile: n, ...s } = e, o = {};
+  return t && (o["@id"] = t), o["@type"] = _t(e), o["@type"] === "unknown" && (i && i.length && (o["@context"] = i), o["@type"] = "Service"), n && (o.profile = Ei(n)), le({
+    ...o,
     ...s
   });
 }
-function Do(e) {
+function qa(e) {
   return le({
     ...fe(e),
     ...pe(e),
@@ -3913,17 +3913,17 @@ function Do(e) {
   });
 }
 new qt({
-  collection: [To],
-  manifest: [ko],
-  canvas: [Oo],
-  annotationList: [Eo],
-  sequence: [Po],
-  annotation: [Lo],
+  collection: [ka],
+  manifest: [Oa],
+  canvas: [Ea],
+  annotationList: [Pa],
+  sequence: [La],
+  annotation: [Fa],
   contentResource: [kt],
-  choice: [Fo],
-  range: [jo],
-  service: [$o],
-  layer: [Do]
+  choice: [ja],
+  range: [$a],
+  service: [Da],
+  layer: [qa]
 });
 function Ot(e) {
   if ((Array.isArray(e["@type"]) && e["@type"].includes("oa:SvgSelector") || e["@type"] == "oa:SvgSelector") && ("chars" in e || "value" in e))
@@ -3953,11 +3953,11 @@ function Ot(e) {
 }
 var pr = { exports: {} };
 (function(e, t) {
-  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(t);
-  })(Pa, 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", d = "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", h = "http://iiif.io/api/image/1/level1.json", g = "http://iiif.io/api/image/1/profiles/level1.json", b = "http://iiif.io/api/image/1/level2.json", A = "http://iiif.io/api/image/1/profiles/level2.json", w = "http://iiif.io/api/image/2/level1.json", C = "http://iiif.io/api/image/2/profiles/level1.json", T = "http://iiif.io/api/image/2/level2.json", j = "http://iiif.io/api/image/2/profiles/level2.json", I = "level1", L = "level2", P = "http://iiif.io/api/image/2/level1", M = "http://iiif.io/api/image/2/level2", $ = [P, M, a, o, u, d, l, p, v, m, h, g, b, A, w, C, T, j, I, L], ie = ["http://iiif.io/api/image/2/level0", P, M, "http://library.stanford.edu/iiif/image-api/compliance.html#level0", a, o, "http://library.stanford.edu/iiif/image-api/conformance.html#level0", u, d, "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", h, g, b, A, "http://iiif.io/api/image/2/level0.json", "http://iiif.io/api/image/2/profiles/level0.json", w, C, T, j, "level0", I, L], Z = ["sc:Collection", "sc:Manifest", "sc:Canvas", "sc:AnnotationList", "oa:Annotation", "sc:Range", "sc:Layer", "sc:Sequence", "oa:Choice", "Service", "ContentResource"];
+  var r = Object.defineProperty, i = (s, o, a) => o in s ? r(s, o, { enumerable: !0, configurable: !0, writable: !0, value: a }) : s[o] = a, n = (s, o, a) => (i(s, typeof o != "symbol" ? o + "" : o, a), a);
+  (function(s, o) {
+    o(t);
+  })(Fo, function(s) {
+    const o = "http://library.stanford.edu/iiif/image-api/compliance.html#level1", a = "http://library.stanford.edu/iiif/image-api/compliance.html#level2", u = "http://library.stanford.edu/iiif/image-api/conformance.html#level1", d = "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", h = "http://iiif.io/api/image/1/level1.json", g = "http://iiif.io/api/image/1/profiles/level1.json", b = "http://iiif.io/api/image/1/level2.json", A = "http://iiif.io/api/image/1/profiles/level2.json", w = "http://iiif.io/api/image/2/level1.json", C = "http://iiif.io/api/image/2/profiles/level1.json", T = "http://iiif.io/api/image/2/level2.json", j = "http://iiif.io/api/image/2/profiles/level2.json", I = "level1", L = "level2", P = "http://iiif.io/api/image/2/level1", M = "http://iiif.io/api/image/2/level2", $ = [P, M, o, a, u, d, l, p, v, m, h, g, b, A, w, C, T, j, I, L], ie = ["http://iiif.io/api/image/2/level0", P, M, "http://library.stanford.edu/iiif/image-api/compliance.html#level0", o, a, "http://library.stanford.edu/iiif/image-api/conformance.html#level0", u, d, "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", h, g, b, A, "http://iiif.io/api/image/2/level0.json", "http://iiif.io/api/image/2/profiles/level0.json", w, C, T, j, "level0", I, L], Z = ["sc:Collection", "sc:Manifest", "sc:Canvas", "sc:AnnotationList", "oa:Annotation", "sc:Range", "sc:Layer", "sc:Sequence", "oa:Choice", "Service", "ContentResource"];
     class U {
       constructor(c, y = {}) {
         n(this, "traversals"), n(this, "options"), this.traversals = { collection: [], manifest: [], canvas: [], annotationList: [], sequence: [], annotation: [], contentResource: [], choice: [], range: [], service: [], layer: [], ...c }, this.options = { convertPropsToArray: !0, mergeMemberProperties: !0, allowUndefinedReturn: !1, ...y };
@@ -4256,16 +4256,16 @@ var pr = { exports: {} };
       const y = encodeURI(f.id || f["@id"] || "").trim();
       return y && c ? `${y}/${c}` : y || (Bt++, `http://example.org/${f["@type"]}${c ? `/${c}` : ""}/${Bt}`);
     }
-    function ae(f) {
+    function oe(f) {
       const c = [...f.behavior || []];
       let y;
       return f.viewingHint && c.push(f.viewingHint), Array.isArray(f.motivation) ? y = f.motivation.map(X) : f.motivation && (y = X(f.motivation)), { "@context": f["@context"] ? en(f["@context"]) : void 0, id: (f["@id"] || zt(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) {
+    function ae(f) {
       const [c, y] = function(k, Y = "Rights/License", Ue = "none") {
         let Ve = null;
-        const Wt = [], an = Array.isArray(k) ? k : [k];
-        for (const Qt of an) {
+        const Wt = [], on = Array.isArray(k) ? k : [k];
+        for (const Qt of on) {
           const ye = Qt ? Zi(Qt) : void 0;
           !ye || ye.indexOf("creativecommons.org") === -1 && ye.indexOf("rightsstatements.org") === -1 ? ye && Wt.push({ label: { [Ue]: [Y] }, value: { [Ue]: [ye] } }) : Ve = ye.startsWith("https://") ? `http://${ye.slice(8)}` : ye;
         }
@@ -4292,26 +4292,26 @@ var pr = { exports: {} };
     }
     function st(f) {
       const c = f;
-      return z({ ...ae(c), ...oe(c), ...he(c), ...(y = c, { chars: y.chars, format: y.format ? y.format : void 0, language: y.language }) });
+      return z({ ...oe(c), ...ae(c), ...he(c), ...(y = c, { chars: y.chars, format: y.format ? y.format : void 0, language: y.language }) });
       var y;
     }
     const nn = new U({ collection: [function(f) {
-      return z({ ...ae(f), ...oe(f), ...he(f), items: f.members });
+      return z({ ...oe(f), ...ae(f), ...he(f), items: f.members });
     }], manifest: [function(f) {
       const c = [], y = [];
       let S;
       for (const k of f.sequences || [])
         k.canvases.length && c.push(...k.canvases), k.behavior && y.push(...k.behavior), k.startCanvas && (S = k.startCanvas);
-      const F = ae(f);
-      return y.length && (F.behavior ? F.behavior.push(...y) : F.behavior = y), z({ ...F, ...oe(f), ...he(f), start: S, items: c, structures: f.structures });
+      const F = oe(f);
+      return y.length && (F.behavior ? F.behavior.push(...y) : F.behavior = y), z({ ...F, ...ae(f), ...he(f), start: S, items: c, structures: f.structures });
     }], canvas: [function(f) {
-      return z({ ...ae(f), ...oe(f), ...he(f), annotations: f.otherContent && f.otherContent.length ? f.otherContent : void 0, items: f.images && f.images.length ? [{ id: zt(f, "annotation-page"), type: "AnnotationPage", items: f.images }] : void 0 });
+      return z({ ...oe(f), ...ae(f), ...he(f), annotations: f.otherContent && f.otherContent.length ? f.otherContent : void 0, items: f.images && f.images.length ? [{ id: zt(f, "annotation-page"), type: "AnnotationPage", items: f.images }] : void 0 });
     }], annotationList: [function(f) {
-      return z({ ...ae(f), ...oe(f), ...he(f), items: f.resources && f.resources.length ? f.resources : void 0 });
+      return z({ ...oe(f), ...ae(f), ...he(f), items: f.resources && f.resources.length ? f.resources : void 0 });
     }], sequence: [function(f) {
       return f.canvases && f.canvases.length !== 0 ? { canvases: f.canvases, behavior: f.viewingHint ? [f.viewingHint] : [], startCanvas: f.startCanvas } : { canvases: [], behavior: [] };
     }], annotation: [function(f) {
-      return z({ ...ae(f), ...oe(f), ...he(f), target: function c(y) {
+      return z({ ...oe(f), ...ae(f), ...he(f), target: function c(y) {
         if (Array.isArray(y)) {
           if (y.length > 1)
             return { type: "List", items: y.map(c) };
@@ -4330,28 +4330,28 @@ var pr = { exports: {} };
               throw new Error(`Unsupported source type on annotation: ${y.full["@type"]}`);
             S = { id: y.full["@id"], type: "Canvas" };
           }
-          return { type: "SpecificResource", source: S, selector: at(y.selector) };
+          return { type: "SpecificResource", source: S, selector: ot(y.selector) };
         }
         return encodeURI(y["@id"]).trim();
       }(f.on), body: Array.isArray(f.resource) ? f.resource.map(st) : st(f.resource) });
     }], contentResource: [st], choice: [function(f) {
       const c = [];
-      return f.default && f.default !== "rdf:nil" && c.push(f.default), f.item && f.item !== "rdf:nil" && c.push(...f.item), { ...ae(f), ...oe(f), items: c };
+      return f.default && f.default !== "rdf:nil" && c.push(f.default), f.item && f.item !== "rdf:nil" && c.push(...f.item), { ...oe(f), ...ae(f), items: c };
     }], range: [function(f) {
-      return z({ ...ae(f), ...oe(f), ...he(f), items: f.members });
+      return z({ ...oe(f), ...ae(f), ...he(f), items: f.members });
     }], service: [function(f) {
       const { "@id": c, "@type": y, "@context": S, profile: F, ...k } = f, Y = {};
       return c && (Y["@id"] = c), Y["@type"] = nt(f), Y["@type"] === "unknown" && (S && S.length && (Y["@context"] = S), Y["@type"] = "Service"), F && (Y.profile = W(F)), z({ ...Y, ...k });
     }], layer: [function(f) {
-      return z({ ...ae(f), ...oe(f), ...he(f) });
+      return z({ ...oe(f), ...ae(f), ...he(f) });
     }] });
-    function at(f) {
+    function ot(f) {
       if ((Array.isArray(f["@type"]) && f["@type"].includes("oa:SvgSelector") || f["@type"] == "oa:SvgSelector") && ("chars" in f || "value" in f))
         return { type: "SvgSelector", value: "chars" in f ? f.chars : f.value };
       if (f["@type"] === "oa:FragmentSelector")
         return { type: "FragmentSelector", value: f.value };
       if (f["@type"] === "oa:Choice")
-        return [at(f.default), ...(Array.isArray(f.item) ? f.item : [f.item]).map(at)];
+        return [ot(f.default), ...(Array.isArray(f.item) ? f.item : [f.item]).map(ot)];
       if (f["@type"] == "iiif:ImageApiSelector")
         return { type: "ImageApiSelector", region: "region" in f ? f.region : void 0, rotation: "rotation" in f ? f.rotation : void 0 };
       throw new Error(`Unsupported selector type: ${f["@type"]}`);
@@ -4362,7 +4362,7 @@ var pr = { exports: {} };
     s.upgrade = sn, Object.defineProperties(s, { __esModule: { value: !0 }, [Symbol.toStringTag]: { value: "Module" } });
   });
 })(pr, pr.exports);
-function kc(e) {
+function Oc(e) {
   return e.type === "SpecificResource" ? [e.source, { selector: e.selector }] : [e, { selector: null }];
 }
 function Li(e, t) {
@@ -4387,16 +4387,16 @@ function Li(e, t) {
     i
   ];
 }
-const qo = {
+const _a = {
   makeChoice: () => {
   }
-}, gt = { type: "unknown" }, _ = (e) => ({ type: "unknown", reason: e, annotations: { pages: [] } }), _o = (e, t) => ({ type: "empty", width: e, height: t, annotations: { pages: [] }, image: null, images: [] });
-function Uo(e, t) {
+}, gt = { type: "unknown" }, _ = (e) => ({ type: "unknown", reason: e, annotations: { pages: [] } }), Ua = (e, t) => ({ type: "empty", width: e, height: t, annotations: { pages: [] }, image: null, images: [] });
+function Va(e, t) {
   var i;
   const r = (i = e == null ? void 0 : e.iiif) == null ? void 0 : i.meta[t];
   return r ? r.annotationPageManager : null;
 }
-function Vo(e, t) {
+function Na(e, t) {
   return Q(
     (r) => {
       const i = [];
@@ -4405,15 +4405,15 @@ function Vo(e, t) {
       const n = Object.keys(r.iiif.entities.AnnotationPage);
       for (const s of n)
         if (!t || t.indexOf(s) !== -1) {
-          const a = Uo(r, s);
-          a && a.views && a.views[e] && i.push(s);
+          const o = Va(r, s);
+          o && o.views && o.views[e] && i.push(s);
         }
       return i;
     },
     [e, t]
   );
 }
-function No({
+function Ha({
   canvas: e,
   manifest: t,
   all: r,
@@ -4426,25 +4426,25 @@ function No({
   if (r) {
     if (i && i.length)
       for (const s of i)
-        for (const a of s.annotations)
-          n.indexOf(a.id) === -1 && n.push(a.id);
+        for (const o of s.annotations)
+          n.indexOf(o.id) === -1 && n.push(o.id);
   } else if (e)
     for (const s of e.annotations)
       n.indexOf(s.id) === -1 && n.push(s.id);
   return n;
 }
-function Ho(e, t) {
+function Ba(e, t) {
   var i;
   const r = (i = e == null ? void 0 : e.iiif) == null ? void 0 : i.meta[t];
   return r ? r.annotationPageManager : null;
 }
-function Bo(e, t = {}) {
-  const r = V(), i = ke(), n = ue(), s = Br(), a = E(() => No({
+function za(e, t = {}) {
+  const r = V(), i = ke(), n = ue(), s = Br(), o = E(() => Ha({
     all: t.all,
     manifest: i,
     canvas: n,
     canvases: s
-  }), [t.all, n, s, i]), o = Vo(e, t.all ? void 0 : a), u = D(
+  }), [t.all, n, s, i]), a = Na(e, t.all ? void 0 : o), u = D(
     (l) => {
       e && r.setMetaValue(
         [l, "annotationPageManager", "views"],
@@ -4463,7 +4463,7 @@ function Bo(e, t = {}) {
       if (p != null && p.deselectOthers) {
         const h = Object.keys(v.iiif.entities.AnnotationPage);
         for (const g of h) {
-          const b = Ho(v, g);
+          const b = Ba(v, g);
           b && b.views && b.views[e] && m.push(g);
         }
       }
@@ -4480,30 +4480,30 @@ function Bo(e, t = {}) {
     [e, u, r]
   );
   return {
-    availablePageIds: a,
-    enabledPageIds: o,
+    availablePageIds: o,
+    enabledPageIds: a,
     setPageEnabled: d,
     setPageDisabled: u
   };
 }
-function zo(e, t) {
+function Wa(e, t) {
   return Q((r, i) => i.get(e.map((n) => ({ id: n, type: t }))), [e, t]);
 }
-const Wo = me.createContext(new gr());
+const Qa = me.createContext(new gr());
 function Ut() {
-  return H(Wo);
+  return H(Qa);
 }
-function Qo() {
+function Ya() {
   const e = Ut(), [t, r] = B({}), i = ge(!1);
   return K(() => () => {
     i.current = !0;
   }, []), [D(
-    (s, { height: a, width: o }) => {
+    (s, { height: o, width: a }) => {
       if (s) {
         const u = s.id || s["@id"], d = e.loadServiceSync({
           id: u,
-          width: s.width || o,
-          height: s.height || a,
+          width: s.width || a,
+          height: s.height || o,
           source: s
         });
         d ? s = d : t[u] || (i.current || r((l) => ({
@@ -4511,8 +4511,8 @@ function Qo() {
           [u]: "loading"
         })), e.loadService({
           id: u,
-          width: s.width || o,
-          height: s.height || a
+          width: s.width || a,
+          height: s.height || o
         }).then(() => {
           i.current || r((l) => ({
             ...l,
@@ -4533,15 +4533,15 @@ function Vt(e = {}) {
         return [];
       if (t && e.enableSingleAnnotation)
         return [t];
-      const s = n.get(r.items), a = [];
-      for (const o of s)
-        a.push(...n.get(o.items));
-      return a;
+      const s = n.get(r.items), o = [];
+      for (const a of s)
+        o.push(...n.get(a.items));
+      return o;
     },
     [r]
   );
 }
-function Yo(e) {
+function Ga(e) {
   return e.type === "SpecificResource" ? [e.source, { selector: e.selector }] : [e, { selector: null }];
 }
 const ze = {}, Fi = {
@@ -4549,12 +4549,12 @@ const ze = {}, Fi = {
     return e;
   },
   setMetaValue([e, t, r], i) {
-    const n = Fi.getResourceMeta(e, t), s = n ? n[r] : void 0, a = typeof i == "function" ? i(s) : i;
+    const n = Fi.getResourceMeta(e, t), s = n ? n[r] : void 0, o = typeof i == "function" ? i(s) : i;
     ze[e] = {
       ...ze[e] || {},
       [t]: {
         ...(ze[e] || {})[t] || {},
-        [r]: a
+        [r]: o
       }
     };
   },
@@ -4564,26 +4564,26 @@ const ze = {}, Fi = {
       return t ? r[t] : r;
   }
 };
-function Go(e = Fi) {
+function Ja(e = Fi) {
   function t(n) {
     const s = n ? typeof n == "string" ? e.get(n) : n : null;
     if (!s)
       return [];
-    const a = e.get(s.items, { parent: s }), o = [];
-    for (const u of a)
-      o.push(...e.get(u.items, { parent: u }));
-    return o;
+    const o = e.get(s.items, { parent: s }), a = [];
+    for (const u of o)
+      a.push(...e.get(u.items, { parent: u }));
+    return a;
   }
   function r(n, s = []) {
-    const a = Array.isArray(n) ? n : t(n), o = [];
+    const o = Array.isArray(n) ? n : t(n), a = [];
     let u = null;
     const d = [];
-    for (const l of a) {
+    for (const l of o) {
       if (l.type !== "Annotation")
         throw new Error("getPaintables() accept either a canvas or list of annotations");
       const p = Array.from(Array.isArray(l.body) ? l.body : [l.body]);
       for (const v of p) {
-        const [m, { selector: h }] = Yo(v), g = e.get(m), b = (g.type || "unknown").toLowerCase();
+        const [m, { selector: h }] = Ga(v), g = e.get(m), b = (g.type || "unknown").toLowerCase();
         if (b === "choice") {
           const A = e.get(g.items, { parent: g.id }), w = s.length ? s.map((C) => A.find((T) => T.id === C)).filter(Boolean) : [A[0]];
           w.length === 0 && w.push(A[0]), u = {
@@ -4597,7 +4597,7 @@ function Go(e = Fi) {
           }, p.push(...w);
           continue;
         }
-        o.indexOf(b) === -1 && o.push(b), d.push({
+        a.indexOf(b) === -1 && a.push(b), d.push({
           type: b,
           annotationId: l.id,
           resource: g,
@@ -4607,7 +4607,7 @@ function Go(e = Fi) {
       }
     }
     return {
-      types: o,
+      types: a,
       items: d,
       choice: u
     };
@@ -4622,20 +4622,20 @@ function Go(e = Fi) {
     extractChoices: i
   };
 }
-function Jo(e, t = []) {
-  const r = V(), i = E(() => Go(r), []), n = Vt({ enableSingleAnnotation: e == null ? void 0 : e.enableSingleAnnotation }), [s, a] = B((e == null ? void 0 : e.defaultChoices) || []), o = E(
+function Ka(e, t = []) {
+  const r = V(), i = E(() => Ja(r), []), n = Vt({ enableSingleAnnotation: e == null ? void 0 : e.enableSingleAnnotation }), [s, o] = B((e == null ? void 0 : e.defaultChoices) || []), a = E(
     () => i.getPaintables(n, s),
     [r, n, s, ...t]
   ), d = { makeChoice: D(
     (l, { deselectOthers: p = !0, deselect: v = !1 } = {}) => {
-      if (o.choice) {
-        if (o.choice.type !== "single-choice")
+      if (a.choice) {
+        if (a.choice.type !== "single-choice")
           throw new Error("Complex choice not supported yet");
-        a((m) => {
+        o((m) => {
           if (v) {
             const g = m.filter((b) => b !== l);
             if (g.length === 0) {
-              const b = o.items[0].resource.id;
+              const b = a.items[0].resource.id;
               return b ? [b] : [];
             }
             return g;
@@ -4643,30 +4643,30 @@ function Jo(e, t = []) {
           if (p)
             return [l];
           const h = [...m];
-          if (h.length === 0 && o.items.length) {
-            const g = o.items[0].resource.id;
+          if (h.length === 0 && a.items.length) {
+            const g = a.items[0].resource.id;
             g && h.push(g);
           }
           return m.indexOf(l) !== -1 ? m : [...m, l];
         });
       }
     },
-    [o.choice]
+    [a.choice]
   ) };
-  return [o, d];
+  return [a, d];
 }
-function Ko(e, t, r) {
+function Za(e, t, r) {
   const i = [];
   for (const n of t.items) {
     const s = n.resource && n.resource.type === "SpecificResource" ? n.resource.source : n.resource;
     if (!s.id)
       return _("No resource Identifier");
-    let a;
+    let o;
     if (s.service) {
       const m = mt(s);
-      m[0] && (a = r(m[0], e));
+      m[0] && (o = r(m[0], e));
     }
-    const o = {
+    const a = {
       type: "BoxSelector",
       spatial: {
         x: 0,
@@ -4696,16 +4696,16 @@ function Ko(e, t, r) {
         height: l.selector.spatial.height
       }
     } : void 0;
-    a && !a.id && (a.id = a["@id"]);
+    o && !o.id && (o.id = o["@id"]);
     const v = {
       id: s.id,
       type: "Image",
       annotationId: n.annotationId,
       width: Number(u || p ? s.width : e.width),
       height: Number(u || p ? s.height : e.height),
-      service: a,
-      sizes: a && a.sizes ? a.sizes : s.width && s.height ? [{ width: s.width, height: s.height }] : [],
-      target: u && u.type !== "PointSelector" ? u : o,
+      service: o,
+      sizes: o && o.sizes ? o.sizes : s.width && s.height ? [{ width: s.width, height: s.height }] : [],
+      target: u && u.type !== "PointSelector" ? u : a,
       selector: p
     };
     i.push(v);
@@ -4717,15 +4717,15 @@ function Ko(e, t, r) {
     choice: t.choice
   };
 }
-const Zo = ["model/gltf-binary"];
-function Xo(e, t) {
+const Xa = ["model/gltf-binary"];
+function ec(e, t) {
   const i = t.items[0].resource;
-  return i.format ? Zo.indexOf(i.format) === -1 ? _(`3D format: ${i.format} is unsupported`) : {
+  return i.format ? Xa.indexOf(i.format) === -1 ? _(`3D format: ${i.format} is unsupported`) : {
     type: "3d-model",
     model: i
   } : _("Unknown format");
 }
-function ec(e, t) {
+function tc(e, t) {
   var i;
   if (!e.duration)
     return _("No duration on canvas");
@@ -4760,16 +4760,16 @@ function ec(e, t) {
     }
   } : _("Audio does not have format") : _("Unknown audio");
 }
-const tc = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;
-function rc(e, t) {
-  var a;
-  const r = t.items.filter((o) => o.type === "video");
+const rc = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;
+function ic(e, t) {
+  var o;
+  const r = t.items.filter((a) => a.type === "video");
   if (!e.duration)
     return _("No duration on canvas");
   if (r.length > 1)
     return _("Only one video source supported");
-  const i = (a = r[0]) == null ? void 0 : a.resource, n = !!(i.service || []).find(
-    (o) => (o.profile || "").includes("youtube.com")
+  const i = (o = r[0]) == null ? void 0 : o.resource, n = !!(i.service || []).find(
+    (a) => (a.profile || "").includes("youtube.com")
   );
   if (!i)
     return _("Unknown video");
@@ -4799,10 +4799,10 @@ function rc(e, t) {
   };
   if (n) {
     s.type = "VideoYouTube";
-    const o = i.id.match(tc);
-    if (!o[1])
+    const a = i.id.match(rc);
+    if (!a[1])
       return _("Video is not known youtube video");
-    s.youTubeId = o[1];
+    s.youTubeId = a[1];
   }
   return {
     type: "media",
@@ -4826,7 +4826,7 @@ function ji(e, t = {}, r) {
   }
   return t;
 }
-function ic(e, t) {
+function nc(e, t) {
   const r = [];
   return t.items.forEach((i) => {
     if (i.resource) {
@@ -4838,37 +4838,37 @@ function ic(e, t) {
     items: r
   };
 }
-function nc(e) {
-  const t = ke(), r = ue(), i = V(), [n, s] = Qo(), { enabledPageIds: a } = Bo((e == null ? void 0 : e.annotationPageManagerId) || (t == null ? void 0 : t.id) || (r == null ? void 0 : r.id), {
+function sc(e) {
+  const t = ke(), r = ue(), i = V(), [n, s] = Ya(), { enabledPageIds: o } = za((e == null ? void 0 : e.annotationPageManagerId) || (t == null ? void 0 : t.id) || (r == null ? void 0 : r.id), {
     all: !1
-  }), o = zo(a, "AnnotationPage"), u = (e == null ? void 0 : e.strategies) || [
+  }), a = Wa(o, "AnnotationPage"), u = (e == null ? void 0 : e.strategies) || [
     "empty",
     "images",
     "media",
     "textual-content",
     "complex-timeline"
-  ], [d, l] = Jo(e, [s]), p = E(() => {
+  ], [d, l] = Ka(e, [s]), p = E(() => {
     if (!r)
       return console.log("No canvas"), gt;
     if (d.types.length === 0)
-      return u.indexOf("empty") !== -1 ? _o(r.width, r.height) : (console.log("No paintables"), gt);
+      return u.indexOf("empty") !== -1 ? Ua(r.width, r.height) : (console.log("No paintables"), gt);
     if (d.types.length !== 1)
       if (d.types.length === 2 && d.types.indexOf("text") !== -1)
         d.types = d.types.filter((m) => m !== "text");
       else
         return u.indexOf("complex-timeline") === -1 ? _("Complex timeline not supported") : _("ComplexTimelineStrategy not yet supported");
     const v = d.types[0];
-    return v === "image" ? u.indexOf("images") === -1 ? _("Image not supported") : Ko(r, d, n) : v === "Model" || v === "model" ? u.indexOf("3d-model") === -1 ? _("3D not supported") : Xo(r, d) : v === "textualbody" ? u.indexOf("textual-content") === -1 ? _("Textual content not supported") : ic(r, d) : v === "sound" || v === "audio" ? u.indexOf("media") === -1 ? _("Media not supported") : ec(r, d) : v === "video" ? u.indexOf("media") === -1 ? _("Media not supported") : rc(r, d) : (console.log("No idea"), gt);
+    return v === "image" ? u.indexOf("images") === -1 ? _("Image not supported") : Za(r, d, n) : v === "Model" || v === "model" ? u.indexOf("3d-model") === -1 ? _("3D not supported") : ec(r, d) : v === "textualbody" ? u.indexOf("textual-content") === -1 ? _("Textual content not supported") : nc(r, d) : v === "sound" || v === "audio" ? u.indexOf("media") === -1 ? _("Media not supported") : tc(r, d) : v === "video" ? u.indexOf("media") === -1 ? _("Media not supported") : ic(r, d) : (console.log("No idea"), gt);
   }, [r, d, i, l.makeChoice]);
-  return E(() => p.type === "unknown" ? [p, qo] : [
+  return E(() => p.type === "unknown" ? [p, _a] : [
     {
       ...p,
-      annotations: { pages: o }
+      annotations: { pages: a }
     },
     l
-  ], [p, o]);
+  ], [p, a]);
 }
-const sc = (e, t = []) => {
+const oc = (e, t = []) => {
   const r = V();
   K(() => {
     e(r);
@@ -4878,12 +4878,12 @@ const sc = (e, t = []) => {
     return e;
   },
   setMetaValue([e, t, r], i) {
-    const n = $i.getResourceMeta(e, t), s = n ? n[r] : void 0, a = typeof i == "function" ? i(s) : i;
+    const n = $i.getResourceMeta(e, t), s = n ? n[r] : void 0, o = typeof i == "function" ? i(s) : i;
     We[e] = {
       ...We[e] || {},
       [t]: {
         ...(We[e] || {})[t] || {},
-        [r]: a
+        [r]: o
       }
     };
   },
@@ -4893,15 +4893,15 @@ const sc = (e, t = []) => {
       return t ? r[t] : r;
   }
 }, ac = new gr();
-function oc(e = $i, t = {}) {
+function cc(e = $i, t = {}) {
   const r = t.imageServiceLoader || ac;
-  async function i(n, s, a = !1, o = [], u) {
-    const d = () => r.getThumbnailFromResource(void 0, s, a, o);
+  async function i(n, s, o = !1, a = [], u) {
+    const d = () => r.getThumbnailFromResource(void 0, s, o, a);
     if (!n)
-      return await r.getThumbnailFromResource(void 0, s, a, o);
+      return await r.getThumbnailFromResource(void 0, s, o, a);
     if (typeof n == "string") {
       const p = Yt(n);
-      return p && o.push(p), await r.getThumbnailFromResource(void 0, s, a, o);
+      return p && a.push(p), await r.getThumbnailFromResource(void 0, s, o, a);
     }
     const l = e.get(n, { skipSelfReturn: !1 });
     if (typeof l == "string")
@@ -4910,34 +4910,34 @@ function oc(e = $i, t = {}) {
       return await d();
     switch (await (async (p) => {
       if (p && p.thumbnail && p.thumbnail.length) {
-        const v = e.get(p.thumbnail[0]), m = await r.getImageCandidates(v, a);
-        m && m.length && o.push(...m);
+        const v = e.get(p.thumbnail[0]), m = await r.getImageCandidates(v, o);
+        m && m.length && a.push(...m);
       }
     })(l), l.type) {
       case "Annotation": {
         const p = Array.isArray(l.body) ? l.body : [l.body], v = e.get(p[0]);
-        return u && !v.width && (v.width = u.width, v.height = u.height), await r.getThumbnailFromResource(v, s, a, o);
+        return u && !v.width && (v.width = u.width, v.height = u.height), await r.getThumbnailFromResource(v, s, o, a);
       }
       case "Canvas": {
         const p = l;
-        return i(p.items[0], s, a, o, {
+        return i(p.items[0], s, o, a, {
           width: p.width,
           height: p.height
         });
       }
       case "AnnotationPage":
-        return i(l.items[0], s, a, o, u);
+        return i(l.items[0], s, o, a, u);
       case "Choice": {
         const p = l;
-        return !p.items || p.items[0] ? await d() : i(p.items[0], s, a, o, u);
+        return !p.items || p.items[0] ? await d() : i(p.items[0], s, o, a, u);
       }
       case "Collection": {
         const p = l.items[0];
-        return p ? i(p, s, a, o, u) : await d();
+        return p ? i(p, s, o, a, u) : await d();
       }
       case "Manifest": {
         const p = l.items[0];
-        return p ? i(p, s, a, o, u) : await d();
+        return p ? i(p, s, o, a, u) : await d();
       }
       case "SpecificResource":
       case "Image":
@@ -4946,7 +4946,7 @@ function oc(e = $i, t = {}) {
       case "Text":
       case "TextualBody":
       case "Video":
-        return u && !l.width && (l.width = u.width, l.height = u.height), r.getThumbnailFromResource(l, s, a, o);
+        return u && !l.width && (l.width = u.width, l.height = u.height), r.getThumbnailFromResource(l, s, o, a);
     }
     return await d();
   }
@@ -4954,25 +4954,25 @@ function oc(e = $i, t = {}) {
     getBestThumbnailAtSize: i
   };
 }
-function cc(e, t, { canvasId: r, manifestId: i } = {}) {
-  const n = V(), s = Ut(), a = E(() => oc(n, { imageServiceLoader: s }), [n, s]), [o, u] = B(), d = ke(i ? { id: i } : void 0), l = ue(r ? { id: r } : void 0), p = l || d, v = ge(!1);
+function uc(e, t, { canvasId: r, manifestId: i } = {}) {
+  const n = V(), s = Ut(), o = E(() => cc(n, { imageServiceLoader: s }), [n, s]), [a, u] = B(), d = ke(i ? { id: i } : void 0), l = ue(r ? { id: r } : void 0), p = l || d, v = ge(!1);
   if (K(() => (v.current = !1, () => {
     v.current = !0;
   }), []), !p)
     throw new Error("Must be called under a manifest or canvas context.");
-  return sc(
+  return oc(
     (m) => {
-      a.getBestThumbnailAtSize(p, e, t).then((h) => {
+      o.getBestThumbnailAtSize(p, e, t).then((h) => {
         h.best && !v.current && u(h.best);
       });
     },
     [p]
-  ), o;
+  ), a;
 }
-function uc(e) {
+function lc(e) {
   return { isMuted: !1, playRequested: !1, isPlaying: !1, isFinished: !1, volume: 100, duration: e };
 }
-function lc(e, t) {
+function fc(e, t) {
   switch (t.type) {
     case "FINISHED":
       return { ...e, isFinished: !0, isPlaying: !1, playRequested: !1 };
@@ -4995,22 +4995,22 @@ function lc(e, t) {
   }
   return e;
 }
-function fc(e) {
+function pc(e) {
   const t = Math.round(e);
   return `${Math.floor(t / 60)}:${`${t % 60}`.padStart(2, "0")}`;
 }
 function Nt(e) {
-  const [t, r] = on(lc, uc(e.duration)), i = ge(null), n = ge(null), s = ge(null), a = ge(!1), o = D(() => {
-    n.current && i.current && (n.current.innerHTML = fc(i.current.currentTime), s.current && (s.current.style.width = `${i.current.currentTime / e.duration * 100}%`), a.current !== i.current.muted && (a.current = i.current.muted, r(i.current.muted ? { type: "MUTE" } : { type: "UNMUTE" })));
+  const [t, r] = an(fc, lc(e.duration)), i = ge(null), n = ge(null), s = ge(null), o = ge(!1), a = D(() => {
+    n.current && i.current && (n.current.innerHTML = pc(i.current.currentTime), s.current && (s.current.style.width = `${i.current.currentTime / e.duration * 100}%`), o.current !== i.current.muted && (o.current = i.current.muted, r(i.current.muted ? { type: "MUTE" } : { type: "UNMUTE" })));
   }, [e.duration]), u = D(() => {
     i.current && (r({ type: "PLAY_REQUESTED" }), i.current.play().then(() => {
       r({ type: "PLAY" });
-    }), o());
-  }, [o]), d = D(() => {
+    }), a());
+  }, [a]), d = D(() => {
     i.current && (i.current.duration > 0 && i.current.paused ? u() : l());
-  }, [o]), l = D(() => {
-    i.current && (i.current.pause(), r({ type: "PAUSE" }), o());
-  }, [o]), p = D(() => {
+  }, [a]), l = D(() => {
+    i.current && (i.current.pause(), r({ type: "PAUSE" }), a());
+  }, [a]), p = D(() => {
     i.current && (i.current.muted = !i.current.muted, r(i.current.muted ? { type: "MUTE" } : { type: "UNMUTE" }));
   }, []), v = D(() => {
     i.current && (i.current.muted = !0, r({ type: "MUTE" }));
@@ -5019,16 +5019,16 @@ function Nt(e) {
   }, []), h = D((A) => {
     i.current && (i.current.muted = !1, i.current.volume = A / 100, r({ type: "SET_VOLUME", volume: A }));
   }, []), g = D((A) => {
-    i.current && (i.current.currentTime = Math.max(0, Math.min(A * e.duration, e.duration)), o());
+    i.current && (i.current.currentTime = Math.max(0, Math.min(A * e.duration, e.duration)), a());
   }, []), b = D((A) => {
-    i.current && (i.current.currentTime = Math.max(0, Math.min(A, e.duration)), o());
+    i.current && (i.current.currentTime = Math.max(0, Math.min(A, e.duration)), a());
   }, []);
   return K(() => {
     const A = setInterval(() => {
-      o();
+      a();
     }, 350);
     return () => clearInterval(A);
-  }, [o, e.duration]), K(() => {
+  }, [a, e.duration]), K(() => {
     const A = () => {
       r({ type: "FINISHED" });
     }, w = i.current;
@@ -5050,19 +5050,19 @@ function Nt(e) {
   ];
 }
 const Di = ce(null), qi = ce(null), _i = ce(null);
-function Oc() {
+function Ec() {
   const e = H(Di);
   if (!e)
     throw new Error("Ctx not found");
   return e;
 }
-function Ec() {
+function Pc() {
   const e = H(qi);
   if (!e)
     throw new Error("Ctx not found");
   return e;
 }
-function Pc() {
+function Lc() {
   const e = H(_i);
   if (!e)
     throw new Error("Ctx not found");
@@ -5079,12 +5079,12 @@ function Ui({
   return /* @__PURE__ */ x(_i.Provider, { value: { currentTime: i, progress: n, element: s }, children: /* @__PURE__ */ x(qi.Provider, { value: e, children: /* @__PURE__ */ x(Di.Provider, { value: t, children: r }) }) });
 }
 function Vi({ media: e, children: t }) {
-  const [{ element: r, currentTime: i, progress: n }, s, a] = Nt({ duration: e.duration });
+  const [{ element: r, currentTime: i, progress: n }, s, o] = Nt({ duration: e.duration });
   return /* @__PURE__ */ N(
     Ui,
     {
       state: s,
-      actions: a,
+      actions: o,
       currentTime: i,
       progress: n,
       element: r,
@@ -5130,24 +5130,24 @@ function Bi({
   mediaControlsDeps: t,
   children: r
 }) {
-  const [{ element: i, currentTime: n, progress: s }, a, o] = Nt({ duration: e.duration });
+  const [{ element: i, currentTime: n, progress: s }, o, a] = Nt({ duration: e.duration });
   return Le("overlay", "video-element", Hi, {
     element: i,
     media: e,
-    playPause: o.playPause
+    playPause: a.playPause
   }), Le(
     "portal",
     "custom-controls",
     Ui,
     {
-      state: a,
-      actions: o,
+      state: o,
+      actions: a,
       currentTime: n,
       progress: s,
       element: i,
       children: r
     },
-    [n, a, e, ...t || []]
+    [n, o, e, ...t || []]
   ), null;
 }
 function zi({ model: e }) {
@@ -5193,7 +5193,7 @@ function Qi({ style: e }) {
   );
 }
 const Yi = me.createContext("en");
-function Lc(e) {
+function Fc(e) {
   return /* @__PURE__ */ x(Yi.Provider, { value: e.language, children: e.children });
 }
 function Ht() {
@@ -5202,7 +5202,7 @@ function Ht() {
 function dr(e) {
   return e.indexOf("-") !== -1 ? e.slice(0, e.indexOf("-")) : e;
 }
-function pc({ as: e, language: t, children: r, viewingDirection: i, ...n }) {
+function dc({ as: e, language: t, children: r, viewingDirection: i, ...n }) {
   const s = Ht();
   return E(() => dr(s) === dr(t), [s, t]) ? e ? /* @__PURE__ */ x(e, { ...n, children: r }) : /* @__PURE__ */ x("span", { ...n, children: r }) : e ? /* @__PURE__ */ x(e, { ...n, lang: t, dir: i, children: r }) : /* @__PURE__ */ x("span", { ...n, lang: t, dir: i, children: r });
 }
@@ -5221,15 +5221,15 @@ function Gi(e, t, r) {
       return n;
   return t.indexOf("none") !== -1 ? "none" : t.indexOf("@none") !== -1 ? "@none" : t[0];
 }
-const dc = (e, t = []) => {
+const hc = (e, t = []) => {
   const r = Ht();
   return E(() => {
     const i = e();
     return Gi(r, i, []);
   }, [r, ...t]);
 };
-function hc(e, t) {
-  const r = dc(() => Object.keys(e || {}), [e]);
+function yc(e, t) {
+  const r = hc(() => Object.keys(e || {}), [e]);
   return [
     E(() => {
       if (!e)
@@ -5243,27 +5243,27 @@ function hc(e, t) {
     r
   ];
 }
-function Fc() {
+function jc() {
   const e = Ht();
   return function(r, i, n) {
-    const s = Object.keys(r || {}), a = Gi(e, s, []);
+    const s = Object.keys(r || {}), o = Gi(e, s, []);
     if (!r)
       return i || "";
     if (typeof r == "string")
       return r;
-    const o = a ? r[a] : void 0;
-    return o ? typeof o == "string" ? o : o.join(typeof n < "u" ? n : `
+    const a = o ? r[o] : void 0;
+    return a ? typeof a == "string" ? a : a.join(typeof n < "u" ? n : `
 `) : "";
   };
 }
-const yc = ({ as: e, defaultText: t, enableDangerouslySetInnerHTML: r, children: i, ...n }) => {
-  const [s, a] = hc(i, t);
-  return a ? /* @__PURE__ */ x(
-    pc,
+const vc = ({ as: e, defaultText: t, enableDangerouslySetInnerHTML: r, children: i, ...n }) => {
+  const [s, o] = yc(i, t);
+  return o ? /* @__PURE__ */ x(
+    dc,
     {
       ...n,
       as: e,
-      language: a,
+      language: o,
       title: r ? void 0 : s,
       dangerouslySetInnerHTML: r ? {
         __html: s
@@ -5282,7 +5282,7 @@ const yc = ({ as: e, defaultText: t, enableDangerouslySetInnerHTML: r, children:
     }
   );
 };
-function vc({
+function gc({
   element: e,
   media: t,
   playPause: r
@@ -5320,16 +5320,16 @@ function vc({
     )
   ] }) : null;
 }
-function gc({
+function mc({
   media: e,
   mediaControlsDeps: t,
   children: r
 }) {
-  const [{ element: i, currentTime: n, progress: s }, a, o] = Nt({ duration: e.duration });
-  return Le("overlay", "video-element", vc, {
+  const [{ element: i, currentTime: n, progress: s }, o, a] = Nt({ duration: e.duration });
+  return Le("overlay", "video-element", gc, {
     element: i,
     media: e,
-    playPause: o.playPause
+    playPause: a.playPause
   }), null;
 }
 function Ji({
@@ -5339,8 +5339,8 @@ function Ji({
   registerActions: i,
   defaultChoices: n,
   isStatic: s,
-  renderViewerControls: a,
-  renderMediaControls: o,
+  renderViewerControls: o,
+  renderMediaControls: a,
   viewControlsDeps: u,
   mediaControlsDeps: d,
   strategies: l,
@@ -5353,7 +5353,7 @@ function Ji({
   onClickPaintingAnnotation: A,
   children: w
 }) {
-  const C = ue(), T = ei(C, ["deep-zoom"]), [j] = Qs(), I = Js(), L = V(), P = E(() => jt(L), [L]), [M, $] = nc({
+  const C = ue(), T = ei(C, ["deep-zoom"]), [j] = Ys(), I = Ks(), L = V(), P = E(() => jt(L), [L]), [M, $] = sc({
     strategies: l || ["images"],
     defaultChoices: n == null ? void 0 : n.map(({ id: O }) => O)
   }), ie = M.type === "images" ? M.choice : void 0, Z = E(() => h ? 1 : Math.max(
@@ -5363,7 +5363,7 @@ function Ji({
       return (O.width || 0) / ((W = O.target) == null ? void 0 : W.spatial.width);
     }) : []
   ), [h, M]);
-  Ks(Z), K(() => {
+  Zs(Z), K(() => {
     i && i($);
   }, [M.annotations]), K(() => {
     if (n)
@@ -5374,16 +5374,16 @@ function Ji({
   }, [n]), hr(() => {
     r && r(ie);
   }, [ie]), Le(
-    I && (M.type === "images" || M.type === "empty" || M.type === "textual-content" && a) ? "overlay" : "none",
+    I && (M.type === "images" || M.type === "empty" || M.type === "textual-content" && o) ? "overlay" : "none",
     `canvas-portal-controls-${C == null ? void 0 : C.id}`,
     Ft.Provider,
-    a ? {
+    o ? {
       value: I || null,
-      children: a(M)
+      children: o(M)
     } : {},
     [C, I, M, ...u || []]
   );
-  const U = cc({ maxWidth: 256, maxHeight: 256 });
+  const U = uc({ maxWidth: 256, maxHeight: 256 });
   if (!C)
     return null;
   const z = C.accompanyingCanvas, ee = U && U.type === "fixed" ? /* @__PURE__ */ x("world-object", { height: C.height, width: C.width, x: e, y: t, children: /* @__PURE__ */ x(
@@ -5425,13 +5425,13 @@ function Ji({
             var X;
             return /* @__PURE__ */ N(Me, { children: [
               /* @__PURE__ */ x(
-                dn,
+                hn,
                 {
                   onClick: A ? (de) => {
                     de.stopPropagation(), A(O.annotationId, O, de);
                   } : void 0,
                   target: ((X = O.target) == null ? void 0 : X.spatial) || void 0,
-                  children: /* @__PURE__ */ x("div", { "data-textual-content": !0, children: /* @__PURE__ */ x(yc, { enableDangerouslySetInnerHTML: !0, children: O.text }) })
+                  children: /* @__PURE__ */ x("div", { "data-textual-content": !0, children: /* @__PURE__ */ x(vc, { enableDangerouslySetInnerHTML: !0, children: O.text }) })
                 },
                 W
               ),
@@ -5440,7 +5440,7 @@ function Ji({
           }) : null,
           M.type === "images" ? /* @__PURE__ */ N(Me, { children: [
             M.images.map((O, W) => /* @__PURE__ */ x(
-              oi,
+              ai,
               {
                 isStatic: s,
                 image: O,
@@ -5459,70 +5459,79 @@ function Ji({
           M.type === "3d-model" ? /* @__PURE__ */ x(Wi, { model: M.model }) : null,
           M.type === "media" ? /* @__PURE__ */ x(Me, { children: M.media.type === "Sound" ? /* @__PURE__ */ N(Ni, { media: M.media, mediaControlsDeps: d, children: [
             ee,
-            o ? o(M) : null
+            a ? a(M) : null
           ] }) : M.media.type === "Video" ? /* @__PURE__ */ N(Bi, { media: M.media, mediaControlsDeps: d, children: [
             ee,
-            o ? o(M) : null
-          ] }) : M.media.type === "VideoYouTube" && b ? /* @__PURE__ */ N(gc, { media: M.media, mediaControlsDeps: d, children: [
+            a ? a(M) : null
+          ] }) : M.media.type === "VideoYouTube" && b ? /* @__PURE__ */ N(mc, { media: M.media, mediaControlsDeps: d, children: [
             ee,
-            o ? o(M) : null
+            a ? a(M) : null
           ] }) : null }) : null
         ]
       },
       `${C.id}/${M.type}/${xe}`
     ),
-    M.type === "media" && M.media.type === "Sound" && z ? /* @__PURE__ */ x(Lt, { canvas: z.id, children: /* @__PURE__ */ x(Ji, { renderViewerControls: a }) }) : null
+    M.type === "media" && M.media.type === "Sound" && z ? /* @__PURE__ */ x(Lt, { canvas: z.id, children: /* @__PURE__ */ x(Ji, { renderViewerControls: o }) }) : null
   ] });
 }
-function mc() {
+function bc() {
   const e = H(tt);
   return e && e.vault ? e.vault : Vr();
 }
-const bc = yr(function(t, r) {
-  const i = ke(), n = Br(), s = ws(), { ViewerControls: a, MediaControls: o } = t.components || {};
+const Ac = yr(function(t, r) {
+  const i = ke(), n = Br(), s = Ss(), { ViewerControls: o, MediaControls: a } = t.components || {};
   if (cn(r, () => s, [s]), !i)
     return /* @__PURE__ */ x("div", {});
   let u = 0;
   return /* @__PURE__ */ N(Me, { children: [
     t.header,
-    /* @__PURE__ */ x(J.Viewer, { height: t.height, children: n.map((d, l) => {
-      const p = u;
-      return u += d.width + (t.spacing || 0), /* @__PURE__ */ x(Lt, { canvas: d.id, children: /* @__PURE__ */ x(
-        J.RenderCanvas,
-        {
-          strategies: ["3d-model", "media", "images", "empty", "textual-content"],
-          renderViewerControls: l === 0 && a ? () => /* @__PURE__ */ x(a, {}) : void 0,
-          renderMediaControls: l === 0 && o ? () => /* @__PURE__ */ x(o, {}) : void 0,
-          x: p,
-          ...t.canvasProps || {},
-          children: t.annotations
-        },
-        d.id
-      ) }, d.id);
-    }) }, t.reuseAtlas ? "" : s.currentSequenceIndex),
+    /* @__PURE__ */ x(
+      J.Viewer,
+      {
+        height: t.height,
+        mode: t.mode,
+        children: n.map((d, l) => {
+          const p = u;
+          return u += d.width + (t.spacing || 0), /* @__PURE__ */ x(Lt, { canvas: d.id, children: /* @__PURE__ */ x(
+            J.RenderCanvas,
+            {
+              strategies: ["3d-model", "media", "images", "empty", "textual-content"],
+              renderViewerControls: l === 0 && o ? () => /* @__PURE__ */ x(o, {}) : void 0,
+              renderMediaControls: l === 0 && a ? () => /* @__PURE__ */ x(a, {}) : void 0,
+              x: p,
+              ...t.canvasProps || {},
+              children: t.annotations
+            },
+            d.id
+          ) }, d.id);
+        })
+      },
+      t.reuseAtlas ? "" : s.currentSequenceIndex
+    ),
     t.children
   ] });
-}), J = yr(function({ children: t, height: r, annotations: i, canvasProps: n, spacing: s, header: a, components: o, ...u }, d) {
-  const l = mc();
-  return /* @__PURE__ */ x(Nr, { vault: l, children: /* @__PURE__ */ x(xs, { ...u, children: /* @__PURE__ */ x(
-    bc,
+}), J = yr(function({ children: t, height: r, annotations: i, canvasProps: n, spacing: s, header: o, components: a, mode: u, ...d }, l) {
+  const p = bc();
+  return /* @__PURE__ */ x(Nr, { vault: p, children: /* @__PURE__ */ x(ws, { ...d, children: /* @__PURE__ */ x(
+    Ac,
     {
-      ref: d,
+      ref: l,
       height: r,
-      components: o,
+      components: a,
       spacing: s,
       canvasProps: n,
       annotations: i,
-      header: a,
+      header: o,
+      mode: u,
       children: t
     }
   ) }) });
 });
-J.RenderImage = oi;
+J.RenderImage = ai;
 J.RenderCanvas = Ji;
 J.RenderAnnotationPage = It;
-J.RenderAnnotation = ai;
-J.Viewer = Zs;
+J.RenderAnnotation = oi;
+J.Viewer = Xs;
 J.CanvasBackground = Qi;
 J.Audio = Ni;
 J.Video = Bi;
@@ -5530,64 +5539,64 @@ J.Model = Wi;
 J.AudioHTML = Vi;
 J.VideoHTML = Hi;
 J.ModelHTML = zi;
-function jc({ annotation: e, children: t }) {
+function $c({ annotation: e, children: t }) {
   return /* @__PURE__ */ x(Te, { value: { annotation: e }, children: t });
 }
-function $c({ annotationPage: e, children: t }) {
+function Dc({ annotationPage: e, children: t }) {
   return /* @__PURE__ */ x(Te, { value: { annotationPage: e }, children: t });
 }
-function Dc({ collection: e, children: t }) {
+function qc({ collection: e, children: t }) {
   return /* @__PURE__ */ x(Te, { value: { collection: e }, children: t });
 }
-function qc(e, t = {}) {
+function _c(e, t = {}) {
   return Vt(t);
 }
-function _c(e, t = !1) {
+function Uc(e, t = !1) {
 }
-function Uc(e) {
+function Vc(e) {
   const r = be().manifest, i = e ? e.map((n) => typeof n == "string" ? n : n == null ? void 0 : n.id) : [];
   return Q(
     (n) => {
-      const s = r ? n.iiif.entities.Manifest[r] : void 0, a = (s == null ? void 0 : s.items) || [];
+      const s = r ? n.iiif.entities.Manifest[r] : void 0, o = (s == null ? void 0 : s.items) || [];
       if (typeof e > "u")
-        return a;
-      const o = [];
+        return o;
+      const a = [];
       for (const u of (s == null ? void 0 : s.items) || [])
-        i.indexOf(u.id) !== -1 && o.push(u);
-      return o;
+        i.indexOf(u.id) !== -1 && a.push(u);
+      return a;
     },
     [i.join("/")]
   );
 }
-function Vc(e, t = []) {
-  const { id: r, selector: i } = e, n = be(), s = r || n.collection, a = Q(
-    (o) => s ? o.iiif.entities.Collection[s] : void 0,
+function Nc(e, t = []) {
+  const { id: r, selector: i } = e, n = be(), s = r || n.collection, o = Q(
+    (a) => s ? a.iiif.entities.Collection[s] : void 0,
     [s]
   );
   return E(() => {
-    if (a)
-      return i ? i(a) : a;
-  }, [a, i, ...t]);
+    if (o)
+      return i ? i(o) : o;
+  }, [o, i, ...t]);
 }
-function Nc(e, t, r, i, n = []) {
-  const s = V(), a = E(() => Xr(s), [s]);
+function Hc(e, t, r, i, n = []) {
+  const s = V(), o = E(() => Xr(s), [s]);
   K(() => {
-    const o = e;
-    return o ? (a.addEventListener(o, t, r, i), () => {
-      a.removeEventListener(o, t, r);
+    const a = e;
+    return a ? (o.addEventListener(a, t, r, i), () => {
+      o.removeEventListener(a, t, r);
     }) : () => {
     };
-  }, [a, e, t, ...n]);
+  }, [o, e, t, ...n]);
 }
-function Hc(e, t) {
-  const { id: r, isLoaded: i, error: n, resource: s, requestId: a, cached: o } = Hr(
+function Bc(e, t) {
+  const { id: r, isLoaded: i, error: n, resource: s, requestId: o, cached: a } = Hr(
     e,
     t
   );
-  return { id: r, isLoaded: i, error: n, manifest: s, requestId: a, cached: o };
+  return { id: r, isLoaded: i, error: n, manifest: s, requestId: o, cached: a };
 }
-function Ac({ cacheKey: e } = {}) {
-  const t = ue(), r = Vt(), i = V(), n = Ut(), [s, a] = B(void 0), [o, u] = B(!1), [d, l] = B("idle"), [p, v] = B(void 0), m = t ? t.id : "undefined", h = E(() => {
+function xc({ cacheKey: e } = {}) {
+  const t = ue(), r = Vt(), i = V(), n = Ut(), [s, o] = B(void 0), [a, u] = B(!1), [d, l] = B("idle"), [p, v] = B(void 0), m = t ? t.id : "undefined", h = E(() => {
     try {
       if (t && r.length) {
         const b = r[0], A = i.get(b.body[0]), C = mt(A)[0];
@@ -5615,7 +5624,7 @@ function Ac({ cacheKey: e } = {}) {
               width: C.width || t.width,
               height: C.height || t.height
             }) || void 0;
-            a(T), l("success"), u(!1);
+            o(T), l("success"), u(!1);
           } catch (T) {
             l("error"), v(T);
           }
@@ -5626,13 +5635,13 @@ function Ac({ cacheKey: e } = {}) {
     })();
   }, [m, e]), E(() => ({
     data: g,
-    isFetching: o,
+    isFetching: a,
     status: d,
     error: p
-  }), [g, o, d, p]);
+  }), [g, a, d, p]);
 }
-function Bc() {
-  const e = Ac();
+function zc() {
+  const e = xc();
   return {
     isLoading: e.isFetching,
     tile: e.data ? {
@@ -5644,106 +5653,106 @@ function Bc() {
     } : null
   };
 }
-function zc() {
+function Wc() {
   const e = ke();
   return e ? e.service.find(
     (t) => t.profile === "SearchService1" || t.profile === "http://iiif.io/api/search/1/search"
   ) : void 0;
 }
-function Wc() {
+function Qc() {
   const e = V();
   return E(() => jt(e), [e]);
 }
 export {
-  jc as AnnotationContext,
-  $c as AnnotationPageContext,
+  $c as AnnotationContext,
+  Dc as AnnotationPageContext,
   Lt as CanvasContext,
   J as CanvasPanel,
-  Dc as CollectionContext,
-  Cs as ContextBridge,
-  Wo as ImageServiceLoaderContext,
-  As as InnerViewerProvider,
-  Lc as LanguageProvider,
-  pc as LanguageString,
-  yc as LocaleString,
-  ys as ManifestContext,
+  qc as CollectionContext,
+  Ms as ContextBridge,
+  Qa as ImageServiceLoaderContext,
+  xs as InnerViewerProvider,
+  Fc as LanguageProvider,
+  dc as LanguageString,
+  vc as LocaleString,
+  vs as ManifestContext,
   Ui as MediaPlayerProvider,
-  vs as RangeContext,
+  gs as RangeContext,
   tt as ReactVaultContext,
   Te as ResourceProvider,
   Et as ResourceReactContext,
-  xs as SimpleViewerProvider,
+  ws as SimpleViewerProvider,
   it as SimpleViewerReactContext,
   Nr as VaultProvider,
   Ft as ViewerPresetContext,
-  Ys as VirtualAnnotationProvider,
+  Gs as VirtualAnnotationProvider,
   rt as VisibleCanvasReactContext,
-  qo as emptyActions,
-  _o as emptyStrategy,
+  _a as emptyActions,
+  Ua as emptyStrategy,
   Re as expandTarget,
   zr as findAllCanvasesInRange,
-  gs as findFirstCanvasFromRange,
-  Ic as findManifestSelectedRange,
+  ms as findFirstCanvasFromRange,
+  Tc as findManifestSelectedRange,
   Wr as findSelectedRange,
-  No as flattenAnnotationPageIds,
-  fc as formatTime,
-  Ko as getImageStrategy,
+  Ha as flattenAnnotationPageIds,
+  pc as formatTime,
+  Za as getImageStrategy,
   Qr as getManifestSequence,
   Li as getParsedTargetSelector,
-  Tc as getVisibleCanvasesFromCanvasId,
-  Sa as isImageApiSelector,
-  Ca as parseRotation,
+  kc as getVisibleCanvasesFromCanvasId,
+  Mo as isImageApiSelector,
+  Ro as parseRotation,
   Ye as parseSelector,
-  kc as parseSpecificResource,
+  Oc as parseSpecificResource,
   gt as unknownResponse,
   _ as unsupportedStrategy,
   si as useAnnotation,
-  Ma as useAnnotationPage,
-  Bo as useAnnotationPageManager,
-  qc as useAnnotationsAtTime,
+  Io as useAnnotationPage,
+  za as useAnnotationPageManager,
+  _c as useAnnotationsAtTime,
   ue as useCanvas,
-  _c as useCanvasClock,
-  bs as useCanvasSequence,
-  Uc as useCanvasSubset,
-  dc as useClosestLanguage,
-  Vc as useCollection,
-  Ss as useContextBridge,
-  Fc as useCreateLocaleString,
-  zs as useDispatch,
-  Nc as useEventListener,
-  mc as useExistingVault,
-  Hc as useExternalCollection,
-  hs as useExternalManifest,
+  Uc as useCanvasClock,
+  As as useCanvasSequence,
+  Vc as useCanvasSubset,
+  hc as useClosestLanguage,
+  Nc as useCollection,
+  Cs as useContextBridge,
+  jc as useCreateLocaleString,
+  Ws as useDispatch,
+  Hc as useEventListener,
+  bc as useExistingVault,
+  Bc as useExternalCollection,
+  ys as useExternalManifest,
   Hr as useExternalResource,
   Ht as useIIIFLanguage,
-  Ac as useImageService,
+  xc as useImageService,
   Ut as useImageServiceLoader,
-  Bc as useImageTile,
-  Qo as useLoadImageService,
-  hc as useLocaleString,
+  zc as useImageTile,
+  Ya as useLoadImageService,
+  yc as useLocaleString,
   ke as useManifest,
-  Ec as useMediaActions,
-  Pc as useMediaElements,
-  Oc as useMediaState,
-  Jo as usePaintables,
+  Pc as useMediaActions,
+  Lc as useMediaElements,
+  Ec as useMediaState,
+  Ka as usePaintables,
   Vt as usePaintingAnnotations,
-  ms as useRange,
-  nc as useRenderingStrategy,
+  bs as useRange,
+  sc as useRenderingStrategy,
   be as useResourceContext,
   ei as useResourceEvents,
-  zo as useResources,
-  zc as useSearchService,
+  Wa as useResources,
+  Wc as useSearchService,
   Nt as useSimpleMediaPlayer,
-  ws as useSimpleViewer,
-  Wc as useStyleHelper,
+  Ss as useSimpleViewer,
+  Qc as useStyleHelper,
   et as useStyles,
-  cc as useThumbnail,
+  uc as useThumbnail,
   V as useVault,
-  sc as useVaultEffect,
+  oc as useVaultEffect,
   Q as useVaultSelector,
-  Js as useViewerPreset,
-  Ws as useVirtualAnnotationPage,
-  Qs as useVirtualAnnotationPageContext,
+  Ks as useViewerPreset,
+  Qs as useVirtualAnnotationPage,
+  Ys as useVirtualAnnotationPageContext,
   Br as useVisibleCanvases
 };
 //# sourceMappingURL=index.mjs.map