react-iiif-vault 1.0.0 → 1.0.2

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

@@ -1,25 +1,25 @@
 import { jsx as x, jsxs as V, Fragment as Me } from "react/jsx-runtime";
 import * as ot from "react";
 import ge, { useContext as Q, useMemo as j, useState as J, useEffect as re, useCallback as D, createContext as ce, useRef as ve, useLayoutEffect as ur, Fragment as Je, useReducer as Gi, forwardRef as lr, useImperativeHandle as Ji } from "react";
-import { AtlasAuto as Ki, mergeStyles as Zi, RegionHighlight as Xi, TileSet as en, HTMLPortal as tn } from "@atlas-viewer/atlas";
-import { serialize as rn, serializeConfigPresentation2 as nn, serializeConfigPresentation3 as sn, isSpecificResource as an, HAS_PART as Ke, PART_OF as Ze, frameResource as fr, normalize as on } from "@iiif/parser";
-import { ImageServiceLoader as pr, getImageServices as cn, getFixedSizeFromImage as Ht } from "@atlas-viewer/iiif-image-api";
+import { AtlasAuto as Ki, ModeContext as Zi, mergeStyles as Xi, RegionHighlight as en, TileSet as tn, HTMLPortal as rn } from "@atlas-viewer/atlas";
+import { serialize as nn, serializeConfigPresentation2 as sn, serializeConfigPresentation3 as an, isSpecificResource as on, HAS_PART as Ke, PART_OF as Ze, frameResource as fr, normalize as cn } from "@iiif/parser";
+import { ImageServiceLoader as pr, getImageServices as un, getFixedSizeFromImage as Ht } from "@atlas-viewer/iiif-image-api";
 function mt(t, e) {
   return mt = Object.setPrototypeOf || function(i, n) {
     return i.__proto__ = n, i;
   }, mt(t, e);
 }
-function un(t, e) {
+function ln(t, e) {
   t.prototype = Object.create(e.prototype), t.prototype.constructor = t, mt(t, e);
 }
-var ln = function(e, r) {
+var fn = function(e, r) {
   return e === void 0 && (e = []), r === void 0 && (r = []), e.length !== r.length || e.some(function(i, n) {
     return !Object.is(i, r[n]);
   });
 }, Bt = {
   error: null
-}, fn = /* @__PURE__ */ function(t) {
-  un(e, t);
+}, pn = /* @__PURE__ */ function(t) {
+  ln(e, t);
   function e() {
     for (var i, n = arguments.length, s = new Array(n), a = 0; a < n; a++)
       s[a] = arguments[a];
@@ -42,7 +42,7 @@ var ln = function(e, r) {
     (a = (o = this.props).onError) == null || a.call(o, n, s);
   }, r.componentDidUpdate = function(n, s) {
     var a = this.state.error, o = this.props.resetKeys;
-    if (a !== null && s.error !== null && ln(n.resetKeys, o)) {
+    if (a !== null && s.error !== null && fn(n.resetKeys, o)) {
       var u, h;
       (u = (h = this.props).onResetKeysChange) == null || u.call(h, n.resetKeys, o), this.reset();
     }
@@ -64,14 +64,14 @@ var ln = function(e, r) {
     return this.props.children;
   }, e;
 }(ot.Component);
-const pn = {
+const hn = {
   collection: void 0,
   manifest: void 0,
   range: void 0,
   canvas: void 0,
   annotation: void 0,
   annotationPage: void 0
-}, Ot = ge.createContext(pn), Ee = () => Q(Ot);
+}, Ot = ge.createContext(hn), Ee = () => Q(Ot);
 function et({ value: t, children: e }) {
   const r = Ee(), i = j(() => ({
     ...r,
@@ -79,7 +79,7 @@ function et({ value: t, children: e }) {
   }), [t, r]);
   return /* @__PURE__ */ x(Ot.Provider, { value: i, children: e });
 }
-var hn = Object.defineProperty, dn = (t, e, r) => e in t ? hn(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, ye = (t, e, r) => (dn(t, typeof e != "symbol" ? e + "" : e, r), r);
+var dn = Object.defineProperty, yn = (t, e, r) => e in t ? dn(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, ye = (t, e, r) => (yn(t, typeof e != "symbol" ? e + "" : e, r), r);
 const q = function(t) {
   return function() {
     const e = { type: t, getType: () => t, toString: () => t };
@@ -89,31 +89,31 @@ const q = function(t) {
       ...i !== void 0 && { meta: i }
     });
   };
-}, hr = "@iiif/IMPORT_ENTITIES", dr = "@iiif/MODIFY_ENTITY_FIELD", yr = "@iiif/REORDER_ENTITY_FIELD", vr = "@iiif/ADD_REFERENCE", bt = "@iiif/UPDATE_REFERENCE", gr = "@iiif/REMOVE_REFERENCE", mr = "@iiif/ADD_METADATA", br = "@iiif/REMOVE_METADATA", At = "@iiif/UPDATE_METADATA", Ar = "@iiif/REORDER_METADATA", xr = q(hr)(), yn = q(dr)(), vn = q(yr)(), gn = q(vr)(), mn = q(gr)(), bn = q(bt)(), An = q(mr)(), xn = q(At)(), wn = q(br)(), Sn = q(Ar)(), Mn = {
+}, hr = "@iiif/IMPORT_ENTITIES", dr = "@iiif/MODIFY_ENTITY_FIELD", yr = "@iiif/REORDER_ENTITY_FIELD", vr = "@iiif/ADD_REFERENCE", bt = "@iiif/UPDATE_REFERENCE", gr = "@iiif/REMOVE_REFERENCE", mr = "@iiif/ADD_METADATA", br = "@iiif/REMOVE_METADATA", At = "@iiif/UPDATE_METADATA", Ar = "@iiif/REORDER_METADATA", xr = q(hr)(), vn = q(dr)(), gn = q(yr)(), mn = q(vr)(), bn = q(gr)(), An = q(bt)(), xn = q(mr)(), wn = q(At)(), Sn = q(br)(), Mn = q(Ar)(), Cn = {
   importEntities: xr,
-  modifyEntityField: yn,
-  reorderEntityField: vn,
-  addReference: gn,
-  removeReference: mn,
-  updateReference: bn,
-  addMetadata: An,
-  removeMetadata: wn,
-  updateMetadata: xn,
-  reorderMetadata: Sn
-}, wr = "@iiif/ADD_MAPPING", Sr = "@iiif/ADD_MAPPINGS", Cn = q(wr)(), Rn = q(Sr)(), Mr = "@iiif/SET_META_VALUE", Cr = "@iiif/SET_META_VALUE_DYNAMIC", Rr = "@iiif/UNSET_META_VALUE", Tn = q(Mr)(), In = q(Cr)(), kn = q(Rr)(), zt = {
-  setMetaValue: Tn,
-  setMetaValueDynamic: In,
-  unsetMetaValue: kn
-}, xt = "RESOURCE_ERROR", Tr = "RESOURCE_LOADING", wt = "RESOURCE_READY", Ir = "@iiif/REQUEST_RESOURCE", kr = "@iiif/REQUEST_ERROR", Or = "@iiif/REQUEST_MISMATCH", Er = "@iiif/REQUEST_COMPLETE", On = "@iiif/REQUEST_OFFLINE_RESOURCE", En = q(Ir)(), Pr = q(kr)(), Pn = q(Or)(), Ln = q(Er)(), Et = "@iiif/BATCH", Fn = "@iiif/BATCH_IMPORT", St = q(Et)(), jn = (t, e) => {
-  const { entities: r, resource: i, mapping: n } = on(e);
+  modifyEntityField: vn,
+  reorderEntityField: gn,
+  addReference: mn,
+  removeReference: bn,
+  updateReference: An,
+  addMetadata: xn,
+  removeMetadata: Sn,
+  updateMetadata: wn,
+  reorderMetadata: Mn
+}, wr = "@iiif/ADD_MAPPING", Sr = "@iiif/ADD_MAPPINGS", Rn = q(wr)(), Tn = q(Sr)(), Mr = "@iiif/SET_META_VALUE", Cr = "@iiif/SET_META_VALUE_DYNAMIC", Rr = "@iiif/UNSET_META_VALUE", In = q(Mr)(), kn = q(Cr)(), On = q(Rr)(), zt = {
+  setMetaValue: In,
+  setMetaValueDynamic: kn,
+  unsetMetaValue: On
+}, xt = "RESOURCE_ERROR", Tr = "RESOURCE_LOADING", wt = "RESOURCE_READY", Ir = "@iiif/REQUEST_RESOURCE", kr = "@iiif/REQUEST_ERROR", Or = "@iiif/REQUEST_MISMATCH", Er = "@iiif/REQUEST_COMPLETE", En = "@iiif/REQUEST_OFFLINE_RESOURCE", Pn = q(Ir)(), Pr = q(kr)(), Ln = q(Or)(), Fn = q(Er)(), Et = "@iiif/BATCH", jn = "@iiif/BATCH_IMPORT", St = q(Et)(), $n = (t, e) => {
+  const { entities: r, resource: i, mapping: n } = cn(e);
   if (i.id === void 0)
     return [Pr({ id: t, message: "ID is not defined in resource." })];
-  const s = [xr({ entities: r }), Rn({ mapping: n })];
-  return i.id !== t && (s.push(Cn({ id: t, type: i.type })), s.push(Pn({ requestId: t, actualId: i.id }))), s.push(Ln({ id: t })), s;
+  const s = [xr({ entities: r }), Tn({ mapping: n })];
+  return i.id !== t && (s.push(Rn({ id: t, type: i.type })), s.push(Ln({ requestId: t, actualId: i.id }))), s.push(Fn({ id: t })), s;
 }, Wt = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
 };
-function $n(t, e) {
+function Dn(t, e) {
   return !!(t === e || Wt(t) && Wt(e));
 }
 function Qt(t, e) {
@@ -122,7 +122,7 @@ function Qt(t, e) {
   if (t.length !== e.length)
     return !1;
   for (let r = 0; r < t.length; r++)
-    if (!$n(t[r], e[r]))
+    if (!Dn(t[r], e[r]))
       return !1;
   return !0;
 }
@@ -182,11 +182,11 @@ function Yt(t, e, { waitTimeout: r = 30 } = {}) {
           break;
         }
       }
-    t.dispatch(En({ id: i }));
+    t.dispatch(Pn({ id: i }));
     try {
       const u = await e(i, n);
       !u.id && !u["@id"] && (u["@type"] && (u["@id"] = i), u.id = i);
-      const h = jn(i, u);
+      const h = $n(i, u);
       return t.dispatch(St({ actions: h })), ct(s.getState(), i);
     } catch (u) {
       throw t.dispatch(Pr({ id: i, message: u.toString() })), u;
@@ -220,12 +220,12 @@ const Gt = (t) => {
     r.clear();
   } };
   return e = t(i, n, s), s;
-}, Dn = (t) => t ? Gt(t) : Gt, qn = (t, e) => (r, i, n) => (n.dispatch = (s) => (r((a) => t(a, s), !1, s), s), n.dispatchFromDevtools = !0, { dispatch: (...s) => n.dispatch(...s), ...e }), _n = qn, Mt = /* @__PURE__ */ new Map(), Ve = (t) => {
+}, qn = (t) => t ? Gt(t) : Gt, _n = (t, e) => (r, i, n) => (n.dispatch = (s) => (r((a) => t(a, s), !1, s), s), n.dispatchFromDevtools = !0, { dispatch: (...s) => n.dispatch(...s), ...e }), Un = _n, Mt = /* @__PURE__ */ new Map(), Ve = (t) => {
   const e = Mt.get(t);
   return e ? Object.fromEntries(
     Object.entries(e.stores).map(([r, i]) => [r, i.getState()])
   ) : {};
-}, Un = (t, e, r) => {
+}, Vn = (t, e, r) => {
   if (t === void 0)
     return {
       type: "untracked",
@@ -239,7 +239,7 @@ const Gt = (t) => {
     stores: {}
   };
   return Mt.set(r.name, n), { type: "tracked", store: t, ...n };
-}, Vn = (t, e = {}) => (r, i, n) => {
+}, Nn = (t, e = {}) => (r, i, n) => {
   const { enabled: s, anonymousActionType: a, store: o, ...u } = e;
   let h;
   try {
@@ -248,7 +248,7 @@ const Gt = (t) => {
   }
   if (!h)
     return t(r, i, n);
-  const { connection: l, ...p } = Un(o, h, u);
+  const { connection: l, ...p } = Vn(o, h, u);
   let v = !0;
   n.setState = (g, A, b) => {
     const w = r(g, A);
@@ -361,7 +361,7 @@ const Gt = (t) => {
         return;
     }
   }), d;
-}, Nn = Vn, ut = (t, e) => {
+}, Hn = Nn, ut = (t, e) => {
   let r;
   try {
     r = JSON.parse(t);
@@ -372,7 +372,7 @@ const Gt = (t) => {
     );
   }
   r !== void 0 && e(r);
-}, Hn = (t) => (e, r, i) => {
+}, Bn = (t) => (e, r, i) => {
   const n = i.subscribe;
   return i.subscribe = (s, a, o) => {
     let u = s;
@@ -389,7 +389,7 @@ const Gt = (t) => {
     }
     return n(u);
   }, t(e, r, i);
-}, Bn = Hn, zn = (t = {}, e) => {
+}, zn = Bn, Wn = (t = {}, e) => {
   switch (e.type) {
     case wr:
       return {
@@ -408,7 +408,7 @@ const Gt = (t) => {
 function lt(t, e, r, i) {
   return !(!t[r] || !t[r][e] || !t[r][e][i] || !Array.isArray(t[r][e][i]));
 }
-function Wn(t, e) {
+function Qn(t, e) {
   const r = {}, i = [];
   for (const [n, s] of Object.entries(t || {})) {
     i.push(n);
@@ -429,7 +429,7 @@ function C(t) {
 function ft(t, e) {
   return typeof t > "u" ? e : t;
 }
-const Qn = (t = Lr(), e) => {
+const Yn = (t = Lr(), e) => {
   var r;
   const i = (n, s) => ({
     ...t,
@@ -465,7 +465,7 @@ const Qn = (t = Lr(), e) => {
         const l = Object.keys(o || {}) || [];
         if (o && l) {
           for (const p of l)
-            h = !0, u[p] = t[a][p] ? Wn(t[a][p], o[p]) : o[p];
+            h = !0, u[p] = t[a][p] ? Qn(t[a][p], o[p]) : o[p];
           h && (s[a] = u);
         }
       }
@@ -512,10 +512,10 @@ const Qn = (t = Lr(), e) => {
     default:
       return t;
   }
-}, Yn = (t = {}, e) => {
+}, Gn = (t = {}, e) => {
   switch (e.type) {
     case Ir:
-    case On:
+    case En:
       return {
         ...t,
         [e.payload.id]: {
@@ -560,7 +560,7 @@ const Qn = (t = Lr(), e) => {
       };
   }
   return t;
-}, Gn = (t = {}, e) => {
+}, Jn = (t = {}, e) => {
   const { id: r, updateValue: i, value: n, meta: s, key: a } = e && e.payload || {};
   switch (e.type) {
     case Mr:
@@ -612,8 +612,8 @@ function Fr(t = {}) {
     return n ? s : r;
   };
 }
-function Jn(t) {
-  return (e, r) => r && r.type === Et ? r.payload.actions.reduce(t, e) : r && r.type === Fn ? {
+function Kn(t) {
+  return (e, r) => r && r.type === Et ? r.payload.actions.reduce(t, e) : r && r.type === jn ? {
     ...e,
     iiif: {
       ...e.iiif,
@@ -621,13 +621,13 @@ function Jn(t) {
     }
   } : t(e, r);
 }
-const Kn = Fr({
-  mapping: zn,
-  entities: Qn,
-  requests: Yn,
-  meta: Gn
+const Zn = Fr({
+  mapping: Wn,
+  entities: Yn,
+  requests: Gn,
+  meta: Jn
 });
-function Zn() {
+function Xn() {
   return {
     iiif: {
       entities: Lr(),
@@ -637,16 +637,16 @@ function Zn() {
     }
   };
 }
-function Xn(t = {}) {
+function es(t = {}) {
   const {
     enableDevtools: e = !1,
     iiifStoreName: r = "iiif",
-    defaultState: i = Zn(),
+    defaultState: i = Xn(),
     customReducers: n = {}
-  } = t, s = Jn(Fr({ [r]: Kn, ...n }));
-  return Dn(Bn(Nn(_n(s, i), { enabled: e })));
+  } = t, s = Kn(Fr({ [r]: Zn, ...n }));
+  return qn(zn(Hn(Un(s, i), { enabled: e })));
 }
-function es(t) {
+function ts(t) {
   return { all: t = t || /* @__PURE__ */ new Map(), on: function(e, r) {
     var i = t.get(e);
     i ? i.push(r) : t.set(e, [r]);
@@ -684,7 +684,7 @@ function z(t, e, r, i = !0) {
   });
 }
 const we = Symbol.for("_refs_"), xe = Symbol.for("_reactive_"), Te = Symbol.for("_defined_"), Jt = Symbol.for("_parent_");
-function ts(t, e = !1, r) {
+function rs(t, e = !1, r) {
   const i = {
     id: "",
     type: "unknown",
@@ -757,7 +757,7 @@ function ts(t, e = !1, r) {
   };
   return z("items", i, t), z("annotations", i, t), z("structures", i, t), z("seeAlso", i, t), z("rendering", i, t), z("partOf", i, t), z("start", i, t, !1), z("supplementary", i, t), z("homepage", i, t), z("thumbnail", i, t), z("placeholderCanvas", i, t, !1), z("accompanyingCanvas", i, t, !1), z("provider", i, t), z("body", i, t), z("logo", i, t), i;
 }
-function rs(t) {
+function is(t) {
   return !!t[Te];
 }
 function jr(t) {
@@ -768,7 +768,7 @@ function Se(t, e, r = !1, i) {
     return t.map((o) => Se(o, e, r));
   if (!t || !t.type || !t.id)
     return t;
-  const n = ts(e, r), s = Object.create(n), a = Object.assign(s, t);
+  const n = rs(e, r), s = Object.create(n), a = Object.assign(s, t);
   return r && a.reactive(), a;
 }
 function Kt(t) {
@@ -799,11 +799,11 @@ let Ct = class {
         enableDevtools: !0
       },
       e || {}
-    ), this.store = r || Xn({
+    ), this.store = r || es({
       customReducers: this.options.reducers,
       defaultState: this.options.defaultState,
       enableDevtools: this.options.enableDevtools
-    }), this.emitter = es(), this.remoteFetcher = Yt(this, this.options.customFetcher), this.staticFetcher = Yt(this, (i, n) => n);
+    }), this.emitter = ts(), this.remoteFetcher = Yt(this, this.options.customFetcher), this.staticFetcher = Yt(this, (i, n) => n);
   }
   batch(e) {
     this.isBatching = !0;
@@ -825,7 +825,7 @@ let Ct = class {
   }
   modifyEntityField(e, r, i) {
     this.dispatch(
-      Mn.modifyEntityField({
+      Cn.modifyEntityField({
         id: e.id,
         type: e.type,
         key: r,
@@ -858,13 +858,13 @@ let Ct = class {
     };
   }
   serialize(e, r) {
-    return rn(this.getState().iiif, e, r);
+    return nn(this.getState().iiif, e, r);
   }
   toPresentation2(e) {
-    return this.serialize(e, nn);
+    return this.serialize(e, sn);
   }
   toPresentation3(e) {
-    return this.serialize(e, sn);
+    return this.serialize(e, an);
   }
   hydrate(e, r, i = {}) {
     return this.get(e, r, { ...i, skipSelfReturn: !1 });
@@ -876,7 +876,7 @@ let Ct = class {
     if (Array.isArray(e))
       return e.map((p) => this.get(p, i));
     const a = this.getState();
-    if (an(e) && !i.preserveSpecificResources && (e = e.source), typeof e == "string") {
+    if (on(e) && !i.preserveSpecificResources && (e = e.source), typeof e == "string") {
       const p = Kt(r || a.iiif.mapping[e]);
       if (!p)
         return n ? null : { id: e, type: "unknown" };
@@ -971,7 +971,7 @@ let Ct = class {
     return Se(this.get(e, { skipSelfReturn: !1 }), this);
   }
   isWrapped(e) {
-    return rs(e);
+    return is(e);
   }
   setMetaValue([e, r, i], n) {
     this.dispatch(
@@ -989,11 +989,11 @@ let Ct = class {
     );
   }
 };
-function is() {
+function ns() {
   return typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {};
 }
 function $r(t) {
-  const e = is();
+  const e = ns();
   try {
     const i = e.IIIF_VAULT;
     if (i)
@@ -1028,7 +1028,7 @@ const W = () => {
     throw new Error("Vault not found. Ensure you have your provider set up correctly.");
   return t;
 };
-function ns(t, { noCache: e = !1 } = {}) {
+function ss(t, { noCache: e = !1 } = {}) {
   const r = typeof t == "string" ? t : t.id, i = W(), [n, s] = J(r), [a, o] = J(void 0), u = j(() => i.get(r, { skipSelfReturn: !0 }) || void 0, [r, i]), [h, l] = J(u);
   return re(() => {
     (async () => {
@@ -1048,14 +1048,14 @@ function ns(t, { noCache: e = !1 } = {}) {
     cached: !!(h && h === u)
   };
 }
-function ss(t, e) {
-  const { id: r, isLoaded: i, error: n, resource: s, requestId: a, cached: o } = ns(
+function as(t, e) {
+  const { id: r, isLoaded: i, error: n, resource: s, requestId: a, cached: o } = ss(
     t,
     e
   );
   return { id: r, isLoaded: i, error: n, manifest: s, requestId: a, cached: o };
 }
-function as({ manifest: t, children: e }) {
+function os({ manifest: t, children: e }) {
   return /* @__PURE__ */ x(et, { value: { manifest: t }, children: e });
 }
 function Pt({ canvas: t, children: e }) {
@@ -1091,7 +1091,7 @@ function Pe(t = {}, e = []) {
       return i ? i(a) : a;
   }, [a, i, ...e]);
 }
-function os({ range: t, children: e }) {
+function cs({ range: t, children: e }) {
   return /* @__PURE__ */ x(et, { value: { range: t }, children: e });
 }
 function _r(t, e) {
@@ -1104,7 +1104,7 @@ function _r(t, e) {
     }
   return r;
 }
-function cs(t, e, { disablePaging: r, skipNonPaged: i } = {}) {
+function us(t, e, { disablePaging: r, skipNonPaged: i } = {}) {
   const n = e.behavior, s = n.includes("paged"), a = s ? !1 : n.includes("continuous"), o = s || a ? !1 : n.includes("individuals"), u = e.type === "Manifest" ? e.items : _r(t, e);
   if (a)
     return [u, [u.map((d, g) => g)]];
@@ -1134,20 +1134,20 @@ function cs(t, e, { disablePaging: r, skipNonPaged: i } = {}) {
   }
   return l.length && p(), [u, h];
 }
-function us(t = {}, e = []) {
+function ls(t = {}, e = []) {
   const { id: r, selector: i } = t, n = Ee(), s = r || n.range, a = Y((o) => s ? o.iiif.entities.Range[s] : void 0, [s]);
   return j(() => {
     if (a)
       return i ? i(a) : a;
   }, [a, i, ...e]);
 }
-function ls({ startCanvas: t, disablePaging: e }) {
+function fs({ startCanvas: t, disablePaging: e }) {
   var d;
-  const r = W(), i = Pe(), n = us(), [s, a] = J(void 0), o = n || i;
+  const r = W(), i = Pe(), n = ls(), [s, a] = J(void 0), o = n || i;
   if (!o)
     throw new Error("Nothing selected");
   const [u, h] = j(
-    () => cs(r, o, { disablePaging: e }),
+    () => us(r, o, { disablePaging: e }),
     [r, o]
   ), l = D(
     (g) => {
@@ -1189,8 +1189,8 @@ const Le = () => {
   setSequenceIndex: Le,
   currentSequenceIndex: 0
 });
-function fs(t) {
-  const e = Pe(), { cursor: r, visibleItems: i, next: n, sequence: s, items: a, setCanvasIndex: o, setCanvasId: u, previous: h, setSequenceIndex: l } = ls({
+function ps(t) {
+  const e = Pe(), { cursor: r, visibleItems: i, next: n, sequence: s, items: a, setCanvasIndex: o, setCanvasId: u, previous: h, setSequenceIndex: l } = fs({
     startCanvas: t.startCanvas,
     disablePaging: t.pagingEnabled === !1
   }), p = j(
@@ -1210,21 +1210,21 @@ function fs(t) {
   );
   return e ? /* @__PURE__ */ x(it.Provider, { value: p, children: /* @__PURE__ */ x(rt.Provider, { value: i, children: /* @__PURE__ */ x(Pt, { canvas: i[0], children: t.children }) }) }) : (console.warn("The manifest passed to the provider is not a valid IIIF manifest."), /* @__PURE__ */ x("div", { children: "Sorry, something went wrong." }));
 }
-function ps(t) {
-  const e = ss(t.manifest);
+function hs(t) {
+  const e = as(t.manifest);
   if (!e)
     return console.warn("The manifest passed to the provider is not a valid IIIF manifest."), /* @__PURE__ */ x("div", { children: "Sorry, something went wrong." });
   if (e.error)
     return /* @__PURE__ */ x("div", { children: e.error.toString() });
   if (!e.isLoaded)
     return /* @__PURE__ */ x("div", { children: "Loading..." });
-  const r = /* @__PURE__ */ x(fs, { ...t, children: t.children });
-  return /* @__PURE__ */ x(as, { manifest: e.id, children: t.rangeId ? /* @__PURE__ */ x(os, { range: t.rangeId, children: r }) : r });
+  const r = /* @__PURE__ */ x(ps, { ...t, children: t.children });
+  return /* @__PURE__ */ x(os, { manifest: e.id, children: t.rangeId ? /* @__PURE__ */ x(cs, { range: t.rangeId, children: r }) : r });
 }
-function hs() {
+function ds() {
   return Q(it);
 }
-function ds() {
+function ys() {
   return {
     VaultContext: Q(tt),
     ResourceContext: Q(Ot),
@@ -1232,7 +1232,7 @@ function ds() {
     VisibleCanvasReactContext: Q(rt)
   };
 }
-function ys(t) {
+function vs(t) {
   return /* @__PURE__ */ x(Dr, { vault: t.bridge.VaultContext.vault || void 0, resources: t.bridge.ResourceContext, children: /* @__PURE__ */ x(rt.Provider, { value: t.bridge.VisibleCanvasReactContext, children: /* @__PURE__ */ x(it.Provider, { value: t.bridge.SimpleViewerReactContext, children: t.children }) }) });
 }
 const se = function(t) {
@@ -1244,27 +1244,27 @@ const se = function(t) {
       ...i !== void 0 && { meta: i }
     });
   };
-}, vs = "@iiif/IMPORT_ENTITIES", gs = "@iiif/MODIFY_ENTITY_FIELD", ms = "@iiif/REORDER_ENTITY_FIELD", bs = "@iiif/ADD_REFERENCE", As = "@iiif/UPDATE_REFERENCE", xs = "@iiif/REMOVE_REFERENCE", ws = "@iiif/ADD_METADATA", Ss = "@iiif/REMOVE_METADATA", Ms = "@iiif/UPDATE_METADATA", Cs = "@iiif/REORDER_METADATA", Rs = se(vs)(), Ts = se(gs)(), Is = se(ms)(), ks = se(bs)(), Os = se(xs)(), Es = se(As)(), Ps = se(ws)(), Ls = se(Ms)(), Fs = se(Ss)(), js = se(Cs)(), pt = {
-  importEntities: Rs,
-  modifyEntityField: Ts,
-  reorderEntityField: Is,
-  addReference: ks,
-  removeReference: Os,
-  updateReference: Es,
-  addMetadata: Ps,
-  removeMetadata: Fs,
-  updateMetadata: Ls,
-  reorderMetadata: js
+}, gs = "@iiif/IMPORT_ENTITIES", ms = "@iiif/MODIFY_ENTITY_FIELD", bs = "@iiif/REORDER_ENTITY_FIELD", As = "@iiif/ADD_REFERENCE", xs = "@iiif/UPDATE_REFERENCE", ws = "@iiif/REMOVE_REFERENCE", Ss = "@iiif/ADD_METADATA", Ms = "@iiif/REMOVE_METADATA", Cs = "@iiif/UPDATE_METADATA", Rs = "@iiif/REORDER_METADATA", Ts = se(gs)(), Is = se(ms)(), ks = se(bs)(), Os = se(As)(), Es = se(ws)(), Ps = se(xs)(), Ls = se(Ss)(), Fs = se(Cs)(), js = se(Ms)(), $s = se(Rs)(), pt = {
+  importEntities: Ts,
+  modifyEntityField: Is,
+  reorderEntityField: ks,
+  addReference: Os,
+  removeReference: Es,
+  updateReference: Ps,
+  addMetadata: Ls,
+  removeMetadata: js,
+  updateMetadata: Fs,
+  reorderMetadata: $s
 };
-function $s() {
+function Ds() {
   const e = W().getStore();
   return j(() => (r) => e.dispatch(r), [e]);
 }
 function Zt(t) {
   return typeof t != "string" && t && t.bindToVault;
 }
-function Ds() {
-  const t = W(), e = ve([]), r = $s(), i = j(() => `vault://annotation-page/${(/* @__PURE__ */ new Date()).getTime()}/${Math.round(Math.random() * 1e9).toString(16)}`, []);
+function qs() {
+  const t = W(), e = ve([]), r = Ds(), i = j(() => `vault://annotation-page/${(/* @__PURE__ */ new Date()).getTime()}/${Math.round(Math.random() * 1e9).toString(16)}`, []);
   ur(() => {
     const o = {
       id: i,
@@ -1345,7 +1345,7 @@ function Ds() {
   ];
 }
 const Ur = ce(null);
-function qs() {
+function _s() {
   const t = Q(Ur);
   return [
     t.fullPage,
@@ -1355,8 +1355,8 @@ function qs() {
     }
   ];
 }
-function _s({ children: t }) {
-  const [e, { addAnnotation: r, removeAnnotation: i }] = Ds();
+function Us({ children: t }) {
+  const [e, { addAnnotation: r, removeAnnotation: i }] = qs();
   return /* @__PURE__ */ x(
     Ur.Provider,
     {
@@ -1365,7 +1365,7 @@ function _s({ children: t }) {
     }
   );
 }
-function Us({
+function Vs({
   width: t,
   style: e,
   height: r,
@@ -1379,7 +1379,7 @@ function Us({
   ] });
 }
 const Lt = ce(null);
-function Vs() {
+function Ns() {
   return Q(Lt);
 }
 const Vr = ce(
@@ -1404,19 +1404,19 @@ function me(t = {}, e = []) {
 }
 const Hr = ce(() => {
 });
-function Ns(t) {
+function Hs(t) {
   const e = me(), r = Q(Hr);
   re(() => e && e.id ? (r(e.id, t), () => r(e.id, -1)) : () => {
   }, [e, t]);
 }
-function Hs({
+function Bs({
   children: t,
   errorFallback: e,
   outerContainerProps: r = {},
   worldScale: i,
   ...n
 }) {
-  const [s, a] = J(), o = ds(), u = e || Us, [h, l] = J({}), p = Object.entries(h), [v, m] = J({}), d = Object.entries(v), [g, A] = J({}), b = j(() => i || Math.max(...Object.values(g)), [g]), w = j(() => ({ maxOverZoom: b || 1 }), [b]), R = D((T, P) => {
+  const [s, a] = J(), o = ys(), u = e || Vs, [h, l] = J({}), p = Object.entries(h), [v, m] = J({}), d = Object.entries(v), [g, A] = J({}), b = j(() => i || Math.max(...Object.values(g)), [g]), w = j(() => ({ maxOverZoom: b || 1, ...n.runtimeOptions || {} }), [b, n.runtimeOptions]), R = D((T, P) => {
     A((E) => {
       if (P === -1) {
         const { [T]: M, ...$ } = E;
@@ -1435,7 +1435,7 @@ function Hs({
       [T]: { element: P, props: E }
     } : $);
   }, []);
-  return /* @__PURE__ */ V(fn, { resetKeys: [], fallbackRender: (T) => /* @__PURE__ */ x(u, { ...n, ...T }), children: [
+  return /* @__PURE__ */ V(pn, { resetKeys: [], fallbackRender: (T) => /* @__PURE__ */ x(u, { ...n, ...T }), children: [
     /* @__PURE__ */ x(
       Ki,
       {
@@ -1446,7 +1446,7 @@ function Hs({
           a(T), n.onCreated && n.onCreated(T);
         },
         runtimeOptions: w,
-        children: /* @__PURE__ */ x(Lt.Provider, { value: s, children: /* @__PURE__ */ x(Hr.Provider, { value: R, children: /* @__PURE__ */ x(Vr.Provider, { value: O, children: /* @__PURE__ */ x(Nr.Provider, { value: F, children: /* @__PURE__ */ x(ys, { bridge: o, children: /* @__PURE__ */ x(_s, { children: t }) }) }) }) }) })
+        children: /* @__PURE__ */ x(Lt.Provider, { value: s, children: /* @__PURE__ */ x(Hr.Provider, { value: R, children: /* @__PURE__ */ x(Vr.Provider, { value: O, children: /* @__PURE__ */ x(Nr.Provider, { value: F, children: /* @__PURE__ */ x(vs, { bridge: o, children: /* @__PURE__ */ x(Zi.Provider, { value: n.mode || "explore", children: /* @__PURE__ */ x(Us, { children: t }) }) }) }) }) }) })
       }
     ),
     /* @__PURE__ */ x("div", { children: d.map(([T, { element: P, props: E }]) => /* @__PURE__ */ x(ge.Fragment, { children: /* @__PURE__ */ x(P, { ...E || {} }) }, T)) })
@@ -1472,7 +1472,7 @@ const Ne = {}, Br = {
       return e ? r[e] : r;
   }
 };
-function Bs(t = Br) {
+function zs(t = Br) {
   return {
     addEventListener(e, r, i, n) {
       if (e)
@@ -1510,7 +1510,7 @@ function Bs(t = Br) {
   };
 }
 function zr(t, e) {
-  const r = W(), i = j(() => Bs(r), [r]), n = Y(() => t && t.id ? r.getResourceMeta(t.id, "eventManager") : null, [t]);
+  const r = W(), i = j(() => zs(r), [r]), n = Y(() => t && t.id ? r.getResourceMeta(t.id, "eventManager") : null, [t]);
   return j(() => t ? i.getListenersAsProps(t, e) : {}, [n, t, r, e]);
 }
 const He = {}, Wr = {
@@ -1554,7 +1554,7 @@ function Xe(t, e) {
     return n ? e ? n[e] : n : void 0;
   }, [t, e]);
 }
-var zs = Object.defineProperty, Ws = (t, e, r) => e in t ? zs(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, We = (t, e, r) => (Ws(t, typeof e != "symbol" ? e + "" : e, r), r), Qs = /* @__PURE__ */ function() {
+var Ws = Object.defineProperty, Qs = (t, e, r) => e in t ? Ws(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, We = (t, e, r) => (Qs(t, typeof e != "symbol" ? e + "" : e, r), r), Ys = /* @__PURE__ */ function() {
   function t(e, r) {
     var i = [], n = !0, s = !1, a = void 0;
     try {
@@ -1587,7 +1587,7 @@ var zs = Object.defineProperty, Ws = (t, e, r) => e in t ? zs(t, e, { enumerable
     x: h + s,
     y: l + a
   };
-}, Ys = function(t, e) {
+}, Gs = function(t, e) {
   var r = e === 1.5707963267948966 ? 0.551915024494 : e === -1.5707963267948966 ? -0.551915024494 : 1.3333333333333333 * Math.tan(e / 4), i = Math.cos(t), n = Math.sin(t), s = Math.cos(t + e), a = Math.sin(t + e);
   return [{
     x: i - n * r,
@@ -1602,12 +1602,12 @@ var zs = Object.defineProperty, Ws = (t, e, r) => e in t ? zs(t, e, { enumerable
 }, Xt = function(t, e, r, i) {
   var n = t * i - e * r < 0 ? -1 : 1, s = t * r + e * i;
   return s > 1 && (s = 1), s < -1 && (s = -1), n * Math.acos(s);
-}, Gs = function(t, e, r, i, n, s, a, o, u, h, l, p) {
+}, Js = function(t, e, r, i, n, s, a, o, u, h, l, p) {
   var v = Math.pow(n, 2), m = Math.pow(s, 2), d = Math.pow(l, 2), g = Math.pow(p, 2), A = v * m - v * g - m * d;
   A < 0 && (A = 0), A /= v * g + m * d, A = Math.sqrt(A) * (a === o ? -1 : 1);
   var b = A * n / s * p, w = A * -s / n * l, R = h * b - u * w + (t + r) / 2, O = u * b + h * w + (e + i) / 2, F = (l - b) / n, T = (p - w) / s, P = (-l - b) / n, E = (-p - w) / s, M = Xt(1, 0, F, T), $ = Xt(F, T, P, E);
   return o === 0 && $ > 0 && ($ -= je), o === 1 && $ < 0 && ($ += je), [R, O, M, $];
-}, Js = function(t) {
+}, Ks = function(t) {
   var e = t.px, r = t.py, i = t.cx, n = t.cy, s = t.rx, a = t.ry, o = t.xAxisRotation, u = o === void 0 ? 0 : o, h = t.largeArcFlag, l = h === void 0 ? 0 : h, p = t.sweepFlag, v = p === void 0 ? 0 : p, m = [];
   if (s === 0 || a === 0)
     return [];
@@ -1617,12 +1617,12 @@ var zs = Object.defineProperty, Ws = (t, e, r) => e in t ? zs(t, e, { enumerable
   s = Math.abs(s), a = Math.abs(a);
   var w = Math.pow(A, 2) / Math.pow(s, 2) + Math.pow(b, 2) / Math.pow(a, 2);
   w > 1 && (s *= Math.sqrt(w), a *= Math.sqrt(w));
-  var R = Gs(e, r, i, n, s, a, l, v, d, g, A, b), O = Qs(R, 4), F = O[0], T = O[1], P = O[2], E = O[3], M = Math.abs(E) / (je / 4);
+  var R = Js(e, r, i, n, s, a, l, v, d, g, A, b), O = Ys(R, 4), F = O[0], T = O[1], P = O[2], E = O[3], M = Math.abs(E) / (je / 4);
   Math.abs(1 - M) < 1e-7 && (M = 1);
   var $ = Math.max(Math.ceil(M), 1);
   E /= $;
   for (var ie = 0; ie < $; ie++)
-    m.push(Ys(P, E)), P += E;
+    m.push(Gs(P, E)), P += E;
   return m.map(function(K) {
     var U = ht(K[0], s, a, g, d, F, T), N = U.x, X = U.y, ne = ht(K[1], s, a, g, d, F, T), Ae = ne.x, k = ne.y, H = ht(K[2], s, a, g, d, F, T), Z = H.x, pe = H.y;
     return { x1: N, y1: X, x2: Ae, y2: k, x: Z, y: pe };
@@ -1631,12 +1631,12 @@ var zs = Object.defineProperty, Ws = (t, e, r) => e in t ? zs(t, e, { enumerable
 function Yr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ks = Xs, dt = { a: 7, c: 6, h: 1, l: 2, m: 2, q: 4, s: 4, t: 2, v: 1, z: 0 }, Zs = /([astvzqmhlc])([^astvzqmhlc]*)/ig;
-function Xs(t) {
+var Zs = ea, dt = { a: 7, c: 6, h: 1, l: 2, m: 2, q: 4, s: 4, t: 2, v: 1, z: 0 }, Xs = /([astvzqmhlc])([^astvzqmhlc]*)/ig;
+function ea(t) {
   var e = [];
-  return t.replace(Zs, function(r, i, n) {
+  return t.replace(Xs, function(r, i, n) {
     var s = i.toLowerCase();
-    for (n = ta(n), s == "m" && n.length > 2 && (e.push([i].concat(n.splice(0, 2))), s = "l", i = i == "m" ? "l" : "L"); ; ) {
+    for (n = ra(n), s == "m" && n.length > 2 && (e.push([i].concat(n.splice(0, 2))), s = "l", i = i == "m" ? "l" : "L"); ; ) {
       if (n.length == dt[s])
         return n.unshift(i), e.push(n);
       if (n.length < dt[s])
@@ -1645,14 +1645,14 @@ function Xs(t) {
     }
   }), e;
 }
-var ea = /-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/ig;
-function ta(t) {
-  var e = t.match(ea);
+var ta = /-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/ig;
+function ra(t) {
+  var e = t.match(ta);
   return e ? e.map(Number) : [];
 }
-const ra = /* @__PURE__ */ Yr(Ks);
-var ia = na;
-function na(t) {
+const ia = /* @__PURE__ */ Yr(Zs);
+var na = sa;
+function sa(t) {
   var e = 0, r = 0, i = 0, n = 0;
   return t.map(function(s) {
     s = s.slice();
@@ -1691,9 +1691,9 @@ function na(t) {
     return s;
   });
 }
-const sa = /* @__PURE__ */ Yr(ia);
-function aa(t) {
-  const e = ra(t), r = sa(e);
+const aa = /* @__PURE__ */ Yr(na);
+function oa(t) {
+  const e = ia(t), r = aa(e);
   let i, n = 0, s = 0, a = 0, o = 0, u, h, l = 0, p = 0;
   const v = [];
   for (let m = 0; m < r.length; m++) {
@@ -1723,7 +1723,7 @@ function aa(t) {
         break;
       case "A":
         {
-          const A = Js({
+          const A = Ks({
             px: l,
             py: p,
             cx: d[6],
@@ -1780,15 +1780,15 @@ function aa(t) {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-function oa(t, e, r, i = 1) {
+function ca(t, e, r, i = 1) {
   return new Gr(t, e, r).subdivide(i);
 }
-function ca(t, e, r, i, n = 1) {
+function ua(t, e, r, i, n = 1) {
   return new Ft(
     new Float64Array([t.x, t.y, e.x, e.y, r.x, r.y, i.x, i.y])
   ).subdivide(n);
 }
-function ua(t) {
+function la(t) {
   return t.x * t.x + t.y * t.y;
 }
 function $e(t) {
@@ -1853,7 +1853,7 @@ class Ft {
   }
   // Very fancy subdivision scheme
   subdivide(e) {
-    const r = 0.1 * e, i = e - r, n = Math.sqrt(i), s = ua(this.weightsum(1, -3, 3, -1)), a = Math.ceil(Math.pow(s / (432 * r * r), 1 / 6)), o = [];
+    const r = 0.1 * e, i = e - r, n = Math.sqrt(i), s = la(this.weightsum(1, -3, 3, -1)), a = Math.ceil(Math.pow(s / (432 * r * r), 1 / 6)), o = [];
     let u = 0;
     for (let d = 0; d < a; d++) {
       const g = d / a, A = (d + 1) / a, b = this.subsegment(g, A).midpoint_quadbez(), w = b.mapToBasic(), R = $e(w.x0), O = $e(w.x2), F = Math.sqrt(w.scale);
@@ -1881,7 +1881,7 @@ class Ft {
     return p.push({ x: this.c[6], y: this.c[7] }), p;
   }
 }
-const la = /&?(xywh=)?(pixel:|percent:|pct:)?([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?)/, fa = /&?(t=)(npt:)?([0-9]+(.[0-9]+)?)?(,([0-9]+(.[0-9]+)?))?/, er = /^rgba\((\d+),(\d+),(\d+),([0-9.]+)\)$/;
+const fa = /&?(xywh=)?(pixel:|percent:|pct:)?([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?)/, pa = /&?(t=)(npt:)?([0-9]+(.[0-9]+)?)?(,([0-9]+(.[0-9]+)?))?/, er = /^rgba\((\d+),(\d+),(\d+),([0-9.]+)\)$/;
 function Qe(t, {
   domParser: e,
   svgPreprocessor: r,
@@ -1935,7 +1935,7 @@ function Qe(t, {
       iiifRenderingHints: i
     });
   }
-  if (ya(t)) {
+  if (va(t)) {
     const n = [];
     if (t.region) {
       const s = Qe(
@@ -1951,7 +1951,7 @@ function Qe(t, {
     });
   }
   if (t.type === "FragmentSelector") {
-    const n = la.exec(t.value);
+    const n = fa.exec(t.value);
     if (n) {
       const a = {
         type: "BoxSelector",
@@ -1969,7 +1969,7 @@ function Qe(t, {
         iiifRenderingHints: i
       });
     }
-    const s = t.value.match(fa);
+    const s = t.value.match(pa);
     if (s) {
       const a = {
         type: "TemporalSelector",
@@ -2013,7 +2013,7 @@ function Qe(t, {
         // urx
         Math.max(...n.map((v) => v[1]))
         // ury
-      ], { style: a, svg: o } = da(p.element) ?? { svg: o });
+      ], { style: a, svg: o } = ya(p.element) ?? { svg: o });
     }
     const h = {
       type: "SvgSelector",
@@ -2035,7 +2035,7 @@ function Qe(t, {
     iiifRenderingHints: i
   });
 }
-function pa(t) {
+function ha(t) {
   const e = t.map((i) => i[0]).reduce(
     (i, n) => (i[n] += 1, i),
     { C: 0, Q: 0, L: 0, M: 0 }
@@ -2065,8 +2065,8 @@ function Jr(t) {
         const i = r.getAttribute("d");
         if (!i)
           continue;
-        const n = aa(i);
-        return { element: r, points: ha(n), shapeType: pa(n) };
+        const n = oa(i);
+        return { element: r, points: da(n), shapeType: ha(n) };
       }
       case "circle": {
         const i = parseFloat(r.getAttribute("cx") ?? "0"), n = parseFloat(r.getAttribute("cy") ?? "0"), s = parseFloat(r.getAttribute("r") ?? "0");
@@ -2132,7 +2132,7 @@ function Jr(t) {
     }
   return null;
 }
-function ha(t) {
+function da(t) {
   const e = [];
   for (let r = 0; r < t.length; r++) {
     const i = e[e.length - 1] ?? [0, 0], n = t[r];
@@ -2143,7 +2143,7 @@ function ha(t) {
         continue;
       case "C":
         e.push(
-          ...ca(
+          ...ua(
             { x: i[0], y: i[1] },
             { x: n[1], y: n[2] },
             { x: n[3], y: n[4] },
@@ -2154,7 +2154,7 @@ function ha(t) {
         continue;
       case "Q":
         e.push(
-          ...oa(
+          ...ca(
             { x: i[0], y: i[1] },
             { x: n[1], y: n[2] },
             { x: n[3], y: n[4] }
@@ -2166,7 +2166,7 @@ function ha(t) {
   }
   return e;
 }
-function da(t) {
+function ya(t) {
   const e = {};
   if (t.hasAttribute("fill") ? (e.fill = t.getAttribute("fill"), t.removeAttribute("fill")) : t.style.fill && (e.fill = t.style.fill), e.fill) {
     const i = er.exec(e.fill);
@@ -2183,14 +2183,14 @@ function da(t) {
       throw new Error("Could not find root SVG element");
   return { svg: r.outerHTML, style: Object.keys(e).length > 0 ? e : void 0 };
 }
-function ya(t) {
+function va(t) {
   return !!t && t.type === "iiif:ImageApiSelector" && t.type === "iiif:ImageApiSelector";
 }
 function ee(t) {
   if (t.iiifRenderingHints) {
     const e = t.iiifRenderingHints;
     if (e.rotation) {
-      const r = va(e.rotation);
+      const r = ga(e.rotation);
       if (r)
         if (t.selectors.length)
           for (const i of t.selectors)
@@ -2205,7 +2205,7 @@ function ee(t) {
     delete t.iiifRenderingHints;
   return t;
 }
-function va(t) {
+function ga(t) {
   let e = parseFloat(t);
   return e && t.startsWith("!") && (e = 360 - e), e && (e = e % 360), e !== e ? 0 : e || 0;
 }
@@ -2308,9 +2308,9 @@ const Zr = ({
   className: r,
   interactive: i
 }) => {
-  const n = Kr({ id: t }), s = Xe(n, "atlas"), a = Xe(n, "html"), o = zr(n, ["atlas"]), u = me(), h = j(() => Zi(e, s), [e, s]);
+  const n = Kr({ id: t }), s = Xe(n, "atlas"), a = Xe(n, "html"), o = zr(n, ["atlas"]), u = me(), h = j(() => Xi(e, s), [e, s]);
   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(
-    Xi,
+    en,
     {
       id: n.id,
       isEditing: !0,
@@ -2327,7 +2327,7 @@ const Zr = ({
     }
   ) : null;
 };
-function ga(t = {}, e = []) {
+function ma(t = {}, e = []) {
   const { id: r, selector: i } = t, n = Ee(), s = r || n.annotationPage, a = Y(
     (o) => s ? o.iiif.entities.AnnotationPage[s] : void 0,
     [s]
@@ -2342,7 +2342,7 @@ const Rt = ({
   page: e
 }) => {
   var s;
-  const r = ga({ id: e.id }) || e, i = Xe(r, "atlas"), n = Xe(r, "html");
+  const r = ma({ id: e.id }) || e, i = Xe(r, "atlas"), n = Xe(r, "html");
   return Y((a) => r.id ? a.iiif.entities.AnnotationPage[r.id] : null, []), /* @__PURE__ */ x(Je, { children: (s = r.items) == null ? void 0 : s.map((a) => /* @__PURE__ */ x(
     Zr,
     {
@@ -2380,7 +2380,7 @@ function Xr({
       onClick: u,
       children: e.service ? /* @__PURE__ */ V(Je, { children: [
         /* @__PURE__ */ x(
-          en,
+          tn,
           {
             tiles: {
               id: e.service.id || e.service["@id"] || "unknown",
@@ -2418,7 +2418,7 @@ function Xr({
     t + (e.service ? "server" : "no-service")
   );
 }
-var ma = Object.defineProperty, ba = (t, e, r) => e in t ? ma(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Ye = (t, e, r) => (ba(t, typeof e != "symbol" ? e + "" : e, r), r), Aa = /* @__PURE__ */ function() {
+var ba = Object.defineProperty, Aa = (t, e, r) => e in t ? ba(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Ye = (t, e, r) => (Aa(t, typeof e != "symbol" ? e + "" : e, r), r), xa = /* @__PURE__ */ function() {
   function t(e, r) {
     var i = [], n = !0, s = !1, a = void 0;
     try {
@@ -2451,7 +2451,7 @@ var ma = Object.defineProperty, ba = (t, e, r) => e in t ? ma(t, e, { enumerable
     x: h + s,
     y: l + a
   };
-}, xa = function(t, e) {
+}, wa = function(t, e) {
   var r = e === 1.5707963267948966 ? 0.551915024494 : e === -1.5707963267948966 ? -0.551915024494 : 1.3333333333333333 * Math.tan(e / 4), i = Math.cos(t), n = Math.sin(t), s = Math.cos(t + e), a = Math.sin(t + e);
   return [{
     x: i - n * r,
@@ -2466,12 +2466,12 @@ var ma = Object.defineProperty, ba = (t, e, r) => e in t ? ma(t, e, { enumerable
 }, tr = function(t, e, r, i) {
   var n = t * i - e * r < 0 ? -1 : 1, s = t * r + e * i;
   return s > 1 && (s = 1), s < -1 && (s = -1), n * Math.acos(s);
-}, wa = function(t, e, r, i, n, s, a, o, u, h, l, p) {
+}, Sa = function(t, e, r, i, n, s, a, o, u, h, l, p) {
   var v = Math.pow(n, 2), m = Math.pow(s, 2), d = Math.pow(l, 2), g = Math.pow(p, 2), A = v * m - v * g - m * d;
   A < 0 && (A = 0), A /= v * g + m * d, A = Math.sqrt(A) * (a === o ? -1 : 1);
   var b = A * n / s * p, w = A * -s / n * l, R = h * b - u * w + (t + r) / 2, O = u * b + h * w + (e + i) / 2, F = (l - b) / n, T = (p - w) / s, P = (-l - b) / n, E = (-p - w) / s, M = tr(1, 0, F, T), $ = tr(F, T, P, E);
   return o === 0 && $ > 0 && ($ -= De), o === 1 && $ < 0 && ($ += De), [R, O, M, $];
-}, Sa = function(t) {
+}, Ma = function(t) {
   var e = t.px, r = t.py, i = t.cx, n = t.cy, s = t.rx, a = t.ry, o = t.xAxisRotation, u = o === void 0 ? 0 : o, h = t.largeArcFlag, l = h === void 0 ? 0 : h, p = t.sweepFlag, v = p === void 0 ? 0 : p, m = [];
   if (s === 0 || a === 0)
     return [];
@@ -2481,26 +2481,26 @@ var ma = Object.defineProperty, ba = (t, e, r) => e in t ? ma(t, e, { enumerable
   s = Math.abs(s), a = Math.abs(a);
   var w = Math.pow(A, 2) / Math.pow(s, 2) + Math.pow(b, 2) / Math.pow(a, 2);
   w > 1 && (s *= Math.sqrt(w), a *= Math.sqrt(w));
-  var R = wa(e, r, i, n, s, a, l, v, d, g, A, b), O = Aa(R, 4), F = O[0], T = O[1], P = O[2], E = O[3], M = Math.abs(E) / (De / 4);
+  var R = Sa(e, r, i, n, s, a, l, v, d, g, A, b), O = xa(R, 4), F = O[0], T = O[1], P = O[2], E = O[3], M = Math.abs(E) / (De / 4);
   Math.abs(1 - M) < 1e-7 && (M = 1);
   var $ = Math.max(Math.ceil(M), 1);
   E /= $;
   for (var ie = 0; ie < $; ie++)
-    m.push(xa(P, E)), P += E;
+    m.push(wa(P, E)), P += E;
   return m.map(function(K) {
     var U = yt(K[0], s, a, g, d, F, T), N = U.x, X = U.y, ne = yt(K[1], s, a, g, d, F, T), Ae = ne.x, k = ne.y, H = yt(K[2], s, a, g, d, F, T), Z = H.x, pe = H.y;
     return { x1: N, y1: X, x2: Ae, y2: k, x: Z, y: pe };
   });
-}, Ma = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+}, Ca = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function ei(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ca = Ta, vt = { a: 7, c: 6, h: 1, l: 2, m: 2, q: 4, s: 4, t: 2, v: 1, z: 0 }, Ra = /([astvzqmhlc])([^astvzqmhlc]*)/ig;
-function Ta(t) {
+var Ra = Ia, vt = { a: 7, c: 6, h: 1, l: 2, m: 2, q: 4, s: 4, t: 2, v: 1, z: 0 }, Ta = /([astvzqmhlc])([^astvzqmhlc]*)/ig;
+function Ia(t) {
   var e = [];
-  return t.replace(Ra, function(r, i, n) {
+  return t.replace(Ta, function(r, i, n) {
     var s = i.toLowerCase();
-    for (n = ka(n), s == "m" && n.length > 2 && (e.push([i].concat(n.splice(0, 2))), s = "l", i = i == "m" ? "l" : "L"); ; ) {
+    for (n = Oa(n), s == "m" && n.length > 2 && (e.push([i].concat(n.splice(0, 2))), s = "l", i = i == "m" ? "l" : "L"); ; ) {
       if (n.length == vt[s])
         return n.unshift(i), e.push(n);
       if (n.length < vt[s])
@@ -2509,14 +2509,14 @@ function Ta(t) {
     }
   }), e;
 }
-var Ia = /-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/ig;
-function ka(t) {
-  var e = t.match(Ia);
+var ka = /-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/ig;
+function Oa(t) {
+  var e = t.match(ka);
   return e ? e.map(Number) : [];
 }
-const Oa = /* @__PURE__ */ ei(Ca);
-var Ea = Pa;
-function Pa(t) {
+const Ea = /* @__PURE__ */ ei(Ra);
+var Pa = La;
+function La(t) {
   var e = 0, r = 0, i = 0, n = 0;
   return t.map(function(s) {
     s = s.slice();
@@ -2555,9 +2555,9 @@ function Pa(t) {
     return s;
   });
 }
-const La = /* @__PURE__ */ ei(Ea);
-function Fa(t) {
-  const e = Oa(t), r = La(e);
+const Fa = /* @__PURE__ */ ei(Pa);
+function ja(t) {
+  const e = Ea(t), r = Fa(e);
   let i, n = 0, s = 0, a = 0, o = 0, u, h, l = 0, p = 0;
   const v = [];
   for (let m = 0; m < r.length; m++) {
@@ -2587,7 +2587,7 @@ function Fa(t) {
         break;
       case "A":
         {
-          const A = Sa({
+          const A = Ma({
             px: l,
             py: p,
             cx: d[6],
@@ -2644,15 +2644,15 @@ function Fa(t) {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-function ja(t, e, r, i = 1) {
+function $a(t, e, r, i = 1) {
   return new ti(t, e, r).subdivide(i);
 }
-function $a(t, e, r, i, n = 1) {
+function Da(t, e, r, i, n = 1) {
   return new jt(
     new Float64Array([t.x, t.y, e.x, e.y, r.x, r.y, i.x, i.y])
   ).subdivide(n);
 }
-function Da(t) {
+function qa(t) {
   return t.x * t.x + t.y * t.y;
 }
 function qe(t) {
@@ -2717,7 +2717,7 @@ class jt {
   }
   // Very fancy subdivision scheme
   subdivide(e) {
-    const r = 0.1 * e, i = e - r, n = Math.sqrt(i), s = Da(this.weightsum(1, -3, 3, -1)), a = Math.ceil(Math.pow(s / (432 * r * r), 1 / 6)), o = [];
+    const r = 0.1 * e, i = e - r, n = Math.sqrt(i), s = qa(this.weightsum(1, -3, 3, -1)), a = Math.ceil(Math.pow(s / (432 * r * r), 1 / 6)), o = [];
     let u = 0;
     for (let d = 0; d < a; d++) {
       const g = d / a, A = (d + 1) / a, b = this.subsegment(g, A).midpoint_quadbez(), w = b.mapToBasic(), R = qe(w.x0), O = qe(w.x2), F = Math.sqrt(w.scale);
@@ -2745,7 +2745,7 @@ class jt {
     return p.push({ x: this.c[6], y: this.c[7] }), p;
   }
 }
-const qa = /&?(xywh=)?(pixel:|percent:|pct:)?([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?)/, _a = /&?(t=)(npt:)?([0-9]+(.[0-9]+)?)?(,([0-9]+(.[0-9]+)?))?/, rr = /^rgba\((\d+),(\d+),(\d+),([0-9.]+)\)$/;
+const _a = /&?(xywh=)?(pixel:|percent:|pct:)?([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?)/, Ua = /&?(t=)(npt:)?([0-9]+(.[0-9]+)?)?(,([0-9]+(.[0-9]+)?))?/, rr = /^rgba\((\d+),(\d+),(\d+),([0-9.]+)\)$/;
 function Ge(t, {
   domParser: e,
   svgPreprocessor: r,
@@ -2799,7 +2799,7 @@ function Ge(t, {
       iiifRenderingHints: i
     });
   }
-  if (Ha(t)) {
+  if (Ba(t)) {
     const n = [];
     if (t.region) {
       const s = Ge(
@@ -2815,7 +2815,7 @@ function Ge(t, {
     });
   }
   if (t.type === "FragmentSelector") {
-    const n = qa.exec(t.value);
+    const n = _a.exec(t.value);
     if (n) {
       const a = {
         type: "BoxSelector",
@@ -2833,7 +2833,7 @@ function Ge(t, {
         iiifRenderingHints: i
       });
     }
-    const s = t.value.match(_a);
+    const s = t.value.match(Ua);
     if (s) {
       const a = {
         type: "TemporalSelector",
@@ -2877,7 +2877,7 @@ function Ge(t, {
         // urx
         Math.max(...n.map((v) => v[1]))
         // ury
-      ], { style: a, svg: o } = Na(p.element) ?? { svg: o });
+      ], { style: a, svg: o } = Ha(p.element) ?? { svg: o });
     }
     const h = {
       type: "SvgSelector",
@@ -2899,7 +2899,7 @@ function Ge(t, {
     iiifRenderingHints: i
   });
 }
-function Ua(t) {
+function Va(t) {
   const e = t.map((i) => i[0]).reduce(
     (i, n) => (i[n] += 1, i),
     { C: 0, Q: 0, L: 0, M: 0 }
@@ -2929,8 +2929,8 @@ function ri(t) {
         const i = r.getAttribute("d");
         if (!i)
           continue;
-        const n = Fa(i);
-        return { element: r, points: Va(n), shapeType: Ua(n) };
+        const n = ja(i);
+        return { element: r, points: Na(n), shapeType: Va(n) };
       }
       case "circle": {
         const i = parseFloat(r.getAttribute("cx") ?? "0"), n = parseFloat(r.getAttribute("cy") ?? "0"), s = parseFloat(r.getAttribute("r") ?? "0");
@@ -2996,7 +2996,7 @@ function ri(t) {
     }
   return null;
 }
-function Va(t) {
+function Na(t) {
   const e = [];
   for (let r = 0; r < t.length; r++) {
     const i = e[e.length - 1] ?? [0, 0], n = t[r];
@@ -3007,7 +3007,7 @@ function Va(t) {
         continue;
       case "C":
         e.push(
-          ...$a(
+          ...Da(
             { x: i[0], y: i[1] },
             { x: n[1], y: n[2] },
             { x: n[3], y: n[4] },
@@ -3018,7 +3018,7 @@ function Va(t) {
         continue;
       case "Q":
         e.push(
-          ...ja(
+          ...$a(
             { x: i[0], y: i[1] },
             { x: n[1], y: n[2] },
             { x: n[3], y: n[4] }
@@ -3030,7 +3030,7 @@ function Va(t) {
   }
   return e;
 }
-function Na(t) {
+function Ha(t) {
   const e = {};
   if (t.hasAttribute("fill") ? (e.fill = t.getAttribute("fill"), t.removeAttribute("fill")) : t.style.fill && (e.fill = t.style.fill), e.fill) {
     const i = rr.exec(e.fill);
@@ -3047,14 +3047,14 @@ function Na(t) {
       throw new Error("Could not find root SVG element");
   return { svg: r.outerHTML, style: Object.keys(e).length > 0 ? e : void 0 };
 }
-function Ha(t) {
+function Ba(t) {
   return !!t && t.type === "iiif:ImageApiSelector" && t.type === "iiif:ImageApiSelector";
 }
 function te(t) {
   if (t.iiifRenderingHints) {
     const e = t.iiifRenderingHints;
     if (e.rotation) {
-      const r = Ba(e.rotation);
+      const r = za(e.rotation);
       if (r)
         if (t.selectors.length)
           for (const i of t.selectors)
@@ -3069,7 +3069,7 @@ function te(t) {
     delete t.iiifRenderingHints;
   return t;
 }
-function Ba(t) {
+function za(t) {
   let e = parseFloat(t);
   return e && t.startsWith("!") && (e = 360 - e), e && (e = e % 360), e !== e ? 0 : e || 0;
 }
@@ -3144,8 +3144,8 @@ function Fe(t, e = {}) {
     selectors: []
   };
 }
-var za = Object.defineProperty, Wa = (t, e, r) => e in t ? za(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, ir = (t, e, r) => (Wa(t, typeof e != "symbol" ? e + "" : e, r), r);
-function Qa(t) {
+var Wa = Object.defineProperty, Qa = (t, e, r) => e in t ? Wa(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, ir = (t, e, r) => (Qa(t, typeof e != "symbol" ? e + "" : e, r), r);
+function Ya(t) {
   return Array.isArray(t) ? t : t ? [t] : [];
 }
 const nr = [
@@ -3161,7 +3161,7 @@ const nr = [
   "Service",
   "ContentResource"
 ];
-function Ya(t) {
+function Ga(t) {
   if (typeof t > "u" || t === null)
     throw new Error("Null or undefined is not a valid entity.");
   if (Array.isArray(t))
@@ -3330,7 +3330,7 @@ class $t {
   traverseUnknown(e) {
     if (!e["@type"] || typeof e == "string")
       return e;
-    switch (Ya(e)) {
+    switch (Ga(e)) {
       case "sc:Collection":
         return this.traverseCollection(e);
       case "sc:Manifest":
@@ -3403,7 +3403,7 @@ class $t {
     }, e);
   }
 }
-const Ga = "http://library.stanford.edu/iiif/image-api/compliance.html#level0", ii = "http://library.stanford.edu/iiif/image-api/compliance.html#level1", ni = "http://library.stanford.edu/iiif/image-api/compliance.html#level2", Ja = "http://library.stanford.edu/iiif/image-api/conformance.html#level0", si = "http://library.stanford.edu/iiif/image-api/conformance.html#level1", ai = "http://library.stanford.edu/iiif/image-api/conformance.html#level2", Ka = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level0", oi = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level1", ci = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level2", Za = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level0", ui = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level1", li = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level2", Xa = "http://iiif.io/api/image/1/level0.json", eo = "http://iiif.io/api/image/1/profiles/level0.json", fi = "http://iiif.io/api/image/1/level1.json", pi = "http://iiif.io/api/image/1/profiles/level1.json", hi = "http://iiif.io/api/image/1/level2.json", di = "http://iiif.io/api/image/1/profiles/level2.json", to = "http://iiif.io/api/image/2/level0.json", ro = "http://iiif.io/api/image/2/profiles/level0.json", yi = "http://iiif.io/api/image/2/level1.json", vi = "http://iiif.io/api/image/2/profiles/level1.json", gi = "http://iiif.io/api/image/2/level2.json", mi = "http://iiif.io/api/image/2/profiles/level2.json", io = "level0", bi = "level1", Ai = "level2", no = "http://iiif.io/api/image/2/level0", xi = "http://iiif.io/api/image/2/level1", wi = "http://iiif.io/api/image/2/level2", so = [
+const Ja = "http://library.stanford.edu/iiif/image-api/compliance.html#level0", ii = "http://library.stanford.edu/iiif/image-api/compliance.html#level1", ni = "http://library.stanford.edu/iiif/image-api/compliance.html#level2", Ka = "http://library.stanford.edu/iiif/image-api/conformance.html#level0", si = "http://library.stanford.edu/iiif/image-api/conformance.html#level1", ai = "http://library.stanford.edu/iiif/image-api/conformance.html#level2", Za = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level0", oi = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level1", ci = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level2", Xa = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level0", ui = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level1", li = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level2", eo = "http://iiif.io/api/image/1/level0.json", to = "http://iiif.io/api/image/1/profiles/level0.json", fi = "http://iiif.io/api/image/1/level1.json", pi = "http://iiif.io/api/image/1/profiles/level1.json", hi = "http://iiif.io/api/image/1/level2.json", di = "http://iiif.io/api/image/1/profiles/level2.json", ro = "http://iiif.io/api/image/2/level0.json", io = "http://iiif.io/api/image/2/profiles/level0.json", yi = "http://iiif.io/api/image/2/level1.json", vi = "http://iiif.io/api/image/2/profiles/level1.json", gi = "http://iiif.io/api/image/2/level2.json", mi = "http://iiif.io/api/image/2/profiles/level2.json", no = "level0", bi = "level1", Ai = "level2", so = "http://iiif.io/api/image/2/level0", xi = "http://iiif.io/api/image/2/level1", wi = "http://iiif.io/api/image/2/level2", ao = [
   xi,
   wi,
   ii,
@@ -3424,35 +3424,35 @@ const Ga = "http://library.stanford.edu/iiif/image-api/compliance.html#level0",
   mi,
   bi,
   Ai
-], ao = [
-  no,
+], oo = [
+  so,
   xi,
   wi,
-  Ga,
+  Ja,
   ii,
   ni,
-  Ja,
+  Ka,
   si,
   ai,
-  Ka,
+  Za,
   oi,
   ci,
-  Za,
+  Xa,
   ui,
   li,
-  Xa,
   eo,
+  to,
   fi,
   pi,
   hi,
   di,
-  to,
   ro,
+  io,
   yi,
   vi,
   gi,
   mi,
-  io,
+  no,
   bi,
   Ai
 ];
@@ -3488,14 +3488,14 @@ function Re(t, e = "none") {
 function Si(t) {
   if (Array.isArray(t))
     return Si(t.find((e) => typeof e == "string"));
-  if (ao.indexOf(t) !== -1)
+  if (oo.indexOf(t) !== -1)
     return "level2";
-  if (so.indexOf(t) !== -1)
+  if (ao.indexOf(t) !== -1)
     return "level1";
   if (typeof t == "string")
     return t;
 }
-function oo(t) {
+function co(t) {
   const e = Array.isArray(t) ? t : [t];
   for (const r of e)
     switch (r) {
@@ -3509,7 +3509,7 @@ function oo(t) {
         return "ImageApiSelector";
     }
 }
-function co(t) {
+function uo(t) {
   switch (t) {
     case "http://iiif.io/api/image/2/level0.json":
     case "http://iiif.io/api/image/2/level1.json":
@@ -3544,18 +3544,18 @@ function sr(t) {
       return t.slice(e.length + 1);
   return t;
 }
-const uo = ["Collection", "Manifest", "Annotation", "AnnotationPage", "Range", "Service"];
+const lo = ["Collection", "Manifest", "Annotation", "AnnotationPage", "Range", "Service"];
 function Dt(t) {
   const e = t["@id"] || t.id;
   let r = t["@type"] || t.type;
   const i = t.profile || void 0, n = t["@context"] || void 0;
   if (i) {
-    const s = co(i);
+    const s = uo(i);
     if (s)
       return s;
   }
   if (n) {
-    const s = oo(n);
+    const s = co(n);
     if (s)
       return s;
   }
@@ -3581,7 +3581,7 @@ function Dt(t) {
         return "TextualBody";
     }
   }
-  if (r && uo.indexOf(r) !== -1)
+  if (r && lo.indexOf(r) !== -1)
     return r;
   if (t.format) {
     if (t.format.startsWith("image/"))
@@ -3593,16 +3593,16 @@ function Dt(t) {
   }
   return e && (e.endsWith(".jpg") || e.endsWith(".png") || e.endsWith(".jpeg")) ? "Image" : r || "unknown";
 }
-const lo = /http(s)?:\/\/(creativecommons.org|rightsstatements.org)[^"'\\<\n]+/gm;
-function fo(t) {
-  const e = t.match(lo);
+const fo = /http(s)?:\/\/(creativecommons.org|rightsstatements.org)[^"'\\<\n]+/gm;
+function po(t) {
+  const e = t.match(fo);
   return e ? e[0] : t;
 }
-function po(t, e = "Rights/License", r = "none") {
+function ho(t, e = "Rights/License", r = "none") {
   let i = null;
   const n = [], s = Array.isArray(t) ? t : [t];
   for (const a of s) {
-    const o = a ? fo(a) : void 0;
+    const o = a ? po(a) : void 0;
     if (o && (o.indexOf("creativecommons.org") !== -1 || o.indexOf("rightsstatements.org") !== -1)) {
       o.startsWith("https://") ? i = `http://${o.slice(8)}` : i = o;
       continue;
@@ -3614,7 +3614,7 @@ function po(t, e = "Rights/License", r = "none") {
   }
   return [i, n];
 }
-const ho = [
+const yo = [
   "http://iiif.io/api/presentation/2/context.json",
   "http://iiif.io/api/image/2/context.json",
   "http://iiif.io/api/image/1/context.json",
@@ -3625,16 +3625,16 @@ const ho = [
   "http://iiif.io/api/auth/0/context.json",
   "http://iiif.io/api/annex/openannotation/context.json"
 ];
-function yo(t) {
+function vo(t) {
   if (t) {
     const e = Array.isArray(t) ? t : [t], r = [];
     for (const i of e)
-      i === "http://iiif.io/api/presentation/2/context.json" && r.push("http://iiif.io/api/presentation/3/context.json"), ho.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"), yo.indexOf(i) === -1 && r.push(i);
     if (e.length)
       return r.length === 1 ? r[0] : r;
   }
 }
-function vo(t) {
+function go(t) {
   return t ? t.map((e) => ({
     label: Re(e.label),
     value: Re(e.value)
@@ -3650,7 +3650,7 @@ function le(t) {
   t.viewingHint && e.push(t.viewingHint);
   let r;
   return Array.isArray(t.motivation) ? r = t.motivation.map(sr) : t.motivation && (r = sr(t.motivation)), {
-    "@context": t["@context"] ? yo(t["@context"]) : void 0,
+    "@context": t["@context"] ? vo(t["@context"]) : void 0,
     id: (t["@id"] || Mi(t)).trim(),
     type: Dt(t),
     behavior: e.length ? e : void 0,
@@ -3665,7 +3665,7 @@ function le(t) {
   };
 }
 function fe(t) {
-  const [e, r] = po(t.license), i = [...t.metadata ? vo(t.metadata) : [], ...r];
+  const [e, r] = ho(t.license), i = [...t.metadata ? go(t.metadata) : [], ...r];
   return {
     rights: e,
     metadata: i.length ? i : void 0,
@@ -3676,13 +3676,13 @@ function fe(t) {
     } : void 0,
     navDate: t.navDate,
     summary: t.description ? Re(t.description) : void 0,
-    thumbnail: go(t.thumbnail)
+    thumbnail: mo(t.thumbnail)
   };
 }
-function go(t) {
+function mo(t) {
   return t && (Array.isArray(t) ? t : [t]).map((e) => typeof e == "string" ? { id: e, type: "Image" } : (e.type === "unknown" && (e.type = "Image"), e));
 }
-function mo(t) {
+function bo(t) {
   if (!t.within)
     return;
   const e = Array.isArray(t.within) ? t.within : [t.within], r = [];
@@ -3713,22 +3713,22 @@ function be(t) {
         label: Re(Tt.providerName)
       }
     ] : void 0,
-    partOf: mo(t),
+    partOf: bo(t),
     rendering: t.rendering,
     seeAlso: t.seeAlso,
     start: t.startCanvas,
-    service: t.service ? Qa(t.service) : void 0,
+    service: t.service ? Ya(t.service) : void 0,
     supplementary: r ? [r] : void 0
   };
 }
-function bo(t) {
+function Ao(t) {
   return {
     chars: t.chars,
     format: t.format ? t.format : void 0,
     language: t.language
   };
 }
-function Ao(t) {
+function xo(t) {
   return ue({
     ...le(t),
     ...fe(t),
@@ -3736,7 +3736,7 @@ function Ao(t) {
     items: t.members
   });
 }
-function xo(t) {
+function wo(t) {
   const e = [], r = [];
   let i;
   for (const s of t.sequences || [])
@@ -3751,7 +3751,7 @@ function xo(t) {
     structures: t.structures
   });
 }
-function wo(t) {
+function So(t) {
   return ue({
     ...le(t),
     ...fe(t),
@@ -3766,7 +3766,7 @@ function wo(t) {
     ] : void 0
   });
 }
-function So(t) {
+function Mo(t) {
   return ue({
     ...le(t),
     ...fe(t),
@@ -3774,7 +3774,7 @@ function So(t) {
     items: t.resources && t.resources.length ? t.resources : void 0
   });
 }
-function Mo(t) {
+function Co(t) {
   return !t.canvases || t.canvases.length === 0 ? {
     canvases: [],
     behavior: []
@@ -3784,7 +3784,7 @@ function Mo(t) {
     startCanvas: t.startCanvas
   };
 }
-function Co(t) {
+function Ro(t) {
   function e(r) {
     if (Array.isArray(r)) {
       if (r.length > 1)
@@ -3825,10 +3825,10 @@ function It(t) {
     ...le(e),
     ...fe(e),
     ...be(e),
-    ...bo(e)
+    ...Ao(e)
   });
 }
-function Ro(t) {
+function To(t) {
   const e = [];
   return t.default && t.default !== "rdf:nil" && e.push(t.default), t.item && t.item !== "rdf:nil" && e.push(...t.item), {
     ...le(t),
@@ -3836,7 +3836,7 @@ function Ro(t) {
     items: e
   };
 }
-function To(t) {
+function Io(t) {
   return ue({
     ...le(t),
     ...fe(t),
@@ -3844,14 +3844,14 @@ function To(t) {
     items: t.members
   });
 }
-function Io(t) {
+function ko(t) {
   const { "@id": e, "@type": r, "@context": i, profile: n, ...s } = t, a = {};
   return e && (a["@id"] = e), a["@type"] = Dt(t), a["@type"] === "unknown" && (i && i.length && (a["@context"] = i), a["@type"] = "Service"), n && (a.profile = Si(n)), ue({
     ...a,
     ...s
   });
 }
-function ko(t) {
+function Oo(t) {
   return ue({
     ...le(t),
     ...fe(t),
@@ -3859,17 +3859,17 @@ function ko(t) {
   });
 }
 new $t({
-  collection: [Ao],
-  manifest: [xo],
-  canvas: [wo],
-  annotationList: [So],
-  sequence: [Mo],
-  annotation: [Co],
+  collection: [xo],
+  manifest: [wo],
+  canvas: [So],
+  annotationList: [Mo],
+  sequence: [Co],
+  annotation: [Ro],
   contentResource: [It],
-  choice: [Ro],
-  range: [To],
-  service: [Io],
-  layer: [ko]
+  choice: [To],
+  range: [Io],
+  service: [ko],
+  layer: [Oo]
 });
 function kt(t) {
   if ((Array.isArray(t["@type"]) && t["@type"].includes("oa:SvgSelector") || t["@type"] == "oa:SvgSelector") && ("chars" in t || "value" in t))
@@ -3902,7 +3902,7 @@ var or = { exports: {} };
   var r = Object.defineProperty, i = (s, a, o) => a in s ? r(s, a, { enumerable: !0, configurable: !0, writable: !0, value: o }) : s[a] = o, n = (s, a, o) => (i(s, typeof a != "symbol" ? a + "" : a, o), o);
   (function(s, a) {
     a(e);
-  })(Ma, function(s) {
+  })(Ca, function(s) {
     const a = "http://library.stanford.edu/iiif/image-api/compliance.html#level1", o = "http://library.stanford.edu/iiif/image-api/compliance.html#level2", u = "http://library.stanford.edu/iiif/image-api/conformance.html#level1", h = "http://library.stanford.edu/iiif/image-api/conformance.html#level2", l = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level1", p = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level2", v = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level1", m = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level2", d = "http://iiif.io/api/image/1/level1.json", g = "http://iiif.io/api/image/1/profiles/level1.json", A = "http://iiif.io/api/image/1/level2.json", b = "http://iiif.io/api/image/1/profiles/level2.json", w = "http://iiif.io/api/image/2/level1.json", R = "http://iiif.io/api/image/2/profiles/level1.json", O = "http://iiif.io/api/image/2/level2.json", F = "http://iiif.io/api/image/2/profiles/level2.json", T = "level1", P = "level2", E = "http://iiif.io/api/image/2/level1", M = "http://iiif.io/api/image/2/level2", $ = [E, M, a, o, u, h, l, p, v, m, d, g, A, b, w, R, O, F, T, P], ie = ["http://iiif.io/api/image/2/level0", E, M, "http://library.stanford.edu/iiif/image-api/compliance.html#level0", a, o, "http://library.stanford.edu/iiif/image-api/conformance.html#level0", u, h, "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level0", l, p, "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level0", v, m, "http://iiif.io/api/image/1/level0.json", "http://iiif.io/api/image/1/profiles/level0.json", d, g, A, b, "http://iiif.io/api/image/2/level0.json", "http://iiif.io/api/image/2/profiles/level0.json", w, R, O, F, "level0", T, P], K = ["sc:Collection", "sc:Manifest", "sc:Canvas", "sc:AnnotationList", "oa:Annotation", "sc:Range", "sc:Layer", "sc:Sequence", "oa:Choice", "Service", "ContentResource"];
     class U {
       constructor(c, y = {}) {
@@ -4330,16 +4330,16 @@ function Ci(t, e) {
     i
   ];
 }
-const Oo = {
+const Eo = {
   makeChoice: () => {
   }
-}, gt = { type: "unknown" }, _ = (t) => ({ type: "unknown", reason: t, annotations: { pages: [] } }), Eo = (t, e) => ({ type: "empty", width: t, height: e, annotations: { pages: [] }, image: null, images: [] });
-function Po(t, e) {
+}, gt = { type: "unknown" }, _ = (t) => ({ type: "unknown", reason: t, annotations: { pages: [] } }), Po = (t, e) => ({ type: "empty", width: t, height: e, annotations: { pages: [] }, image: null, images: [] });
+function Lo(t, e) {
   var i;
   const r = (i = t == null ? void 0 : t.iiif) == null ? void 0 : i.meta[e];
   return r ? r.annotationPageManager : null;
 }
-function Lo(t, e) {
+function Fo(t, e) {
   return Y(
     (r) => {
       const i = [];
@@ -4348,7 +4348,7 @@ function Lo(t, e) {
       const n = Object.keys(r.iiif.entities.AnnotationPage);
       for (const s of n)
         if (!e || e.indexOf(s) !== -1) {
-          const a = Po(r, s);
+          const a = Lo(r, s);
           a && a.views && a.views[t] && i.push(s);
         }
       return i;
@@ -4356,7 +4356,7 @@ function Lo(t, e) {
     [t, e]
   );
 }
-function Fo({
+function jo({
   canvas: t,
   manifest: e,
   all: r,
@@ -4376,18 +4376,18 @@ function Fo({
       n.indexOf(s.id) === -1 && n.push(s.id);
   return n;
 }
-function jo(t, e) {
+function $o(t, e) {
   var i;
   const r = (i = t == null ? void 0 : t.iiif) == null ? void 0 : i.meta[e];
   return r ? r.annotationPageManager : null;
 }
-function $o(t, e = {}) {
-  const r = W(), i = Pe(), n = me(), s = qr(), a = j(() => Fo({
+function Do(t, e = {}) {
+  const r = W(), i = Pe(), n = me(), s = qr(), a = j(() => jo({
     all: e.all,
     manifest: i,
     canvas: n,
     canvases: s
-  }), [e.all, n, s, i]), o = Lo(t, e.all ? void 0 : a), u = D(
+  }), [e.all, n, s, i]), o = Fo(t, e.all ? void 0 : a), u = D(
     (l) => {
       t && r.setMetaValue(
         [l, "annotationPageManager", "views"],
@@ -4406,7 +4406,7 @@ function $o(t, e = {}) {
       if (p != null && p.deselectOthers) {
         const d = Object.keys(v.iiif.entities.AnnotationPage);
         for (const g of d) {
-          const A = jo(v, g);
+          const A = $o(v, g);
           A && A.views && A.views[t] && m.push(g);
         }
       }
@@ -4429,14 +4429,14 @@ function $o(t, e = {}) {
     setPageDisabled: u
   };
 }
-function Do(t, e) {
+function qo(t, e) {
   return Y((r, i) => i.get(t.map((n) => ({ id: n, type: e }))), [t, e]);
 }
-const qo = ge.createContext(new pr());
+const _o = ge.createContext(new pr());
 function Ri() {
-  return Q(qo);
+  return Q(_o);
 }
-function _o() {
+function Uo() {
   const t = Ri(), [e, r] = J({}), i = ve(!1);
   return re(() => () => {
     i.current = !0;
@@ -4468,7 +4468,7 @@ function _o() {
     [t, e]
   ), e];
 }
-function Uo(t = {}) {
+function Vo(t = {}) {
   const e = Kr(), r = me(t.canvasId ? { id: t.canvasId } : void 0);
   return Y(
     (i, n) => {
@@ -4484,7 +4484,7 @@ function Uo(t = {}) {
     [r]
   );
 }
-function Vo(t) {
+function No(t) {
   return t.type === "SpecificResource" ? [t.source, { selector: t.selector }] : [t, { selector: null }];
 }
 const Be = {}, Ti = {
@@ -4507,7 +4507,7 @@ const Be = {}, Ti = {
       return e ? r[e] : r;
   }
 };
-function No(t = Ti) {
+function Ho(t = Ti) {
   function e(n) {
     const s = n ? typeof n == "string" ? t.get(n) : n : null;
     if (!s)
@@ -4526,7 +4526,7 @@ function No(t = Ti) {
         throw new Error("getPaintables() accept either a canvas or list of annotations");
       const p = Array.from(Array.isArray(l.body) ? l.body : [l.body]);
       for (const v of p) {
-        const [m, { selector: d }] = Vo(v), g = t.get(m), A = (g.type || "unknown").toLowerCase();
+        const [m, { selector: d }] = No(v), g = t.get(m), A = (g.type || "unknown").toLowerCase();
         if (A === "choice") {
           const b = t.get(g.items, { parent: g.id }), w = s.length ? s.map((R) => b.find((O) => O.id === R)).filter(Boolean) : [b[0]];
           w.length === 0 && w.push(b[0]), u = {
@@ -4565,8 +4565,8 @@ function No(t = Ti) {
     extractChoices: i
   };
 }
-function Ho(t, e = []) {
-  const r = W(), i = j(() => No(r), []), n = Uo({ enableSingleAnnotation: t == null ? void 0 : t.enableSingleAnnotation }), [s, a] = J((t == null ? void 0 : t.defaultChoices) || []), o = j(
+function Bo(t, e = []) {
+  const r = W(), i = j(() => Ho(r), []), n = Vo({ enableSingleAnnotation: t == null ? void 0 : t.enableSingleAnnotation }), [s, a] = J((t == null ? void 0 : t.defaultChoices) || []), o = j(
     () => i.getPaintables(n, s),
     [r, n, s, ...e]
   ), h = { makeChoice: D(
@@ -4598,7 +4598,7 @@ function Ho(t, e = []) {
   ) };
   return [o, h];
 }
-function Bo(t, e, r) {
+function zo(t, e, r) {
   const i = [];
   for (const n of e.items) {
     const s = n.resource && n.resource.type === "SpecificResource" ? n.resource.source : n.resource;
@@ -4606,7 +4606,7 @@ function Bo(t, e, r) {
       return _("No resource Identifier");
     let a;
     if (s.service) {
-      const m = cn(s);
+      const m = un(s);
       m[0] && (a = r(m[0], t));
     }
     const o = {
@@ -4660,15 +4660,15 @@ function Bo(t, e, r) {
     choice: e.choice
   };
 }
-const zo = ["model/gltf-binary"];
-function Wo(t, e) {
+const Wo = ["model/gltf-binary"];
+function Qo(t, e) {
   const i = e.items[0].resource;
-  return i.format ? zo.indexOf(i.format) === -1 ? _(`3D format: ${i.format} is unsupported`) : {
+  return i.format ? Wo.indexOf(i.format) === -1 ? _(`3D format: ${i.format} is unsupported`) : {
     type: "3d-model",
     model: i
   } : _("Unknown format");
 }
-function Qo(t, e) {
+function Yo(t, e) {
   var i;
   if (!t.duration)
     return _("No duration on canvas");
@@ -4703,8 +4703,8 @@ function Qo(t, e) {
     }
   } : _("Audio does not have format") : _("Unknown audio");
 }
-const Yo = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;
-function Go(t, e) {
+const Go = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;
+function Jo(t, e) {
   var a;
   const r = e.items.filter((o) => o.type === "video");
   if (!t.duration)
@@ -4742,7 +4742,7 @@ function Go(t, e) {
   };
   if (n) {
     s.type = "VideoYouTube";
-    const o = i.id.match(Yo);
+    const o = i.id.match(Go);
     if (!o[1])
       return _("Video is not known youtube video");
     s.youTubeId = o[1];
@@ -4769,7 +4769,7 @@ function Ii(t, e = {}, r) {
   }
   return e;
 }
-function Jo(t, e) {
+function Ko(t, e) {
   const r = [];
   return e.items.forEach((i) => {
     if (i.resource) {
@@ -4781,29 +4781,29 @@ function Jo(t, e) {
     items: r
   };
 }
-function Ko(t) {
-  const e = Pe(), r = me(), i = W(), [n, s] = _o(), { enabledPageIds: a } = $o((t == null ? void 0 : t.annotationPageManagerId) || (e == null ? void 0 : e.id) || (r == null ? void 0 : r.id), {
+function Zo(t) {
+  const e = Pe(), r = me(), i = W(), [n, s] = Uo(), { enabledPageIds: a } = Do((t == null ? void 0 : t.annotationPageManagerId) || (e == null ? void 0 : e.id) || (r == null ? void 0 : r.id), {
     all: !1
-  }), o = Do(a, "AnnotationPage"), u = (t == null ? void 0 : t.strategies) || [
+  }), o = qo(a, "AnnotationPage"), u = (t == null ? void 0 : t.strategies) || [
     "empty",
     "images",
     "media",
     "textual-content",
     "complex-timeline"
-  ], [h, l] = Ho(t, [s]), p = j(() => {
+  ], [h, l] = Bo(t, [s]), p = j(() => {
     if (!r)
       return console.log("No canvas"), gt;
     if (h.types.length === 0)
-      return u.indexOf("empty") !== -1 ? Eo(r.width, r.height) : (console.log("No paintables"), gt);
+      return u.indexOf("empty") !== -1 ? Po(r.width, r.height) : (console.log("No paintables"), gt);
     if (h.types.length !== 1)
       if (h.types.length === 2 && h.types.indexOf("text") !== -1)
         h.types = h.types.filter((m) => m !== "text");
       else
         return u.indexOf("complex-timeline") === -1 ? _("Complex timeline not supported") : _("ComplexTimelineStrategy not yet supported");
     const v = h.types[0];
-    return v === "image" ? u.indexOf("images") === -1 ? _("Image not supported") : Bo(r, h, n) : v === "Model" || v === "model" ? u.indexOf("3d-model") === -1 ? _("3D not supported") : Wo(r, h) : v === "textualbody" ? u.indexOf("textual-content") === -1 ? _("Textual content not supported") : Jo(r, h) : v === "sound" || v === "audio" ? u.indexOf("media") === -1 ? _("Media not supported") : Qo(r, h) : v === "video" ? u.indexOf("media") === -1 ? _("Media not supported") : Go(r, h) : (console.log("No idea"), gt);
+    return v === "image" ? u.indexOf("images") === -1 ? _("Image not supported") : zo(r, h, n) : v === "Model" || v === "model" ? u.indexOf("3d-model") === -1 ? _("3D not supported") : Qo(r, h) : v === "textualbody" ? u.indexOf("textual-content") === -1 ? _("Textual content not supported") : Ko(r, h) : v === "sound" || v === "audio" ? u.indexOf("media") === -1 ? _("Media not supported") : Yo(r, h) : v === "video" ? u.indexOf("media") === -1 ? _("Media not supported") : Jo(r, h) : (console.log("No idea"), gt);
   }, [r, h, i, l.makeChoice]);
-  return j(() => p.type === "unknown" ? [p, Oo] : [
+  return j(() => p.type === "unknown" ? [p, Eo] : [
     {
       ...p,
       annotations: { pages: o }
@@ -4811,7 +4811,7 @@ function Ko(t) {
     l
   ], [p, o]);
 }
-const Zo = (t, e = []) => {
+const Xo = (t, e = []) => {
   const r = W();
   re(() => {
     t(r);
@@ -4835,9 +4835,9 @@ const Zo = (t, e = []) => {
     if (r)
       return e ? r[e] : r;
   }
-}, Xo = new pr();
-function ec(t = ki, e = {}) {
-  const r = e.imageServiceLoader || Xo;
+}, ec = new pr();
+function tc(t = ki, e = {}) {
+  const r = e.imageServiceLoader || ec;
   async function i(n, s, a = !1, o = [], u) {
     const h = () => r.getThumbnailFromResource(void 0, s, a, o);
     if (!n)
@@ -4897,13 +4897,13 @@ function ec(t = ki, e = {}) {
     getBestThumbnailAtSize: i
   };
 }
-function tc(t, e, { canvasId: r, manifestId: i } = {}) {
-  const n = W(), s = Ri(), a = j(() => ec(n, { imageServiceLoader: s }), [n, s]), [o, u] = J(), h = Pe(i ? { id: i } : void 0), l = me(r ? { id: r } : void 0), p = l || h, v = ve(!1);
+function rc(t, e, { canvasId: r, manifestId: i } = {}) {
+  const n = W(), s = Ri(), a = j(() => tc(n, { imageServiceLoader: s }), [n, s]), [o, u] = J(), h = Pe(i ? { id: i } : void 0), l = me(r ? { id: r } : void 0), p = l || h, v = ve(!1);
   if (re(() => (v.current = !1, () => {
     v.current = !0;
   }), []), !p)
     throw new Error("Must be called under a manifest or canvas context.");
-  return Zo(
+  return Xo(
     (m) => {
       a.getBestThumbnailAtSize(p, t, e).then((d) => {
         d.best && !v.current && u(d.best);
@@ -4912,10 +4912,10 @@ function tc(t, e, { canvasId: r, manifestId: i } = {}) {
     [p]
   ), o;
 }
-function rc(t) {
+function ic(t) {
   return { isMuted: !1, playRequested: !1, isPlaying: !1, isFinished: !1, volume: 100, duration: t };
 }
-function ic(t, e) {
+function nc(t, e) {
   switch (e.type) {
     case "FINISHED":
       return { ...t, isFinished: !0, isPlaying: !1, playRequested: !1 };
@@ -4938,13 +4938,13 @@ function ic(t, e) {
   }
   return t;
 }
-function nc(t) {
+function sc(t) {
   const e = Math.round(t);
   return `${Math.floor(e / 60)}:${`${e % 60}`.padStart(2, "0")}`;
 }
 function qt(t) {
-  const [e, r] = Gi(ic, rc(t.duration)), i = ve(null), n = ve(null), s = ve(null), a = ve(!1), o = D(() => {
-    n.current && i.current && (n.current.innerHTML = nc(i.current.currentTime), s.current && (s.current.style.width = `${i.current.currentTime / t.duration * 100}%`), a.current !== i.current.muted && (a.current = i.current.muted, r(i.current.muted ? { type: "MUTE" } : { type: "UNMUTE" })));
+  const [e, r] = Gi(nc, ic(t.duration)), i = ve(null), n = ve(null), s = ve(null), a = ve(!1), o = D(() => {
+    n.current && i.current && (n.current.innerHTML = sc(i.current.currentTime), s.current && (s.current.style.width = `${i.current.currentTime / t.duration * 100}%`), a.current !== i.current.muted && (a.current = i.current.muted, r(i.current.muted ? { type: "MUTE" } : { type: "UNMUTE" })));
   }, [t.duration]), u = D(() => {
     i.current && (r({ type: "PLAY_REQUESTED" }), i.current.play().then(() => {
       r({ type: "PLAY" });
@@ -4992,7 +4992,7 @@ function qt(t) {
     }
   ];
 }
-const sc = ce(null), ac = ce(null), oc = ce(null);
+const ac = ce(null), oc = ce(null), cc = ce(null);
 function Oi({
   actions: t,
   state: e,
@@ -5001,7 +5001,7 @@ function Oi({
   progress: n,
   element: s
 }) {
-  return /* @__PURE__ */ x(oc.Provider, { value: { currentTime: i, progress: n, element: s }, children: /* @__PURE__ */ x(ac.Provider, { value: t, children: /* @__PURE__ */ x(sc.Provider, { value: e, children: r }) }) });
+  return /* @__PURE__ */ x(cc.Provider, { value: { currentTime: i, progress: n, element: s }, children: /* @__PURE__ */ x(oc.Provider, { value: t, children: /* @__PURE__ */ x(ac.Provider, { value: e, children: r }) }) });
 }
 function Ei({ media: t, children: e }) {
   const [{ element: r, currentTime: i, progress: n }, s, a] = qt({ duration: t.duration });
@@ -5117,18 +5117,18 @@ function Di({ style: t }) {
     }
   );
 }
-const cc = ge.createContext("en");
+const uc = ge.createContext("en");
 function qi() {
-  return ge.useContext(cc);
+  return ge.useContext(uc);
 }
 function cr(t) {
   return t.indexOf("-") !== -1 ? t.slice(0, t.indexOf("-")) : t;
 }
-function uc({ as: t, language: e, children: r, viewingDirection: i, ...n }) {
+function lc({ as: t, language: e, children: r, viewingDirection: i, ...n }) {
   const s = qi();
   return j(() => cr(s) === cr(e), [s, e]) ? t ? /* @__PURE__ */ x(t, { ...n, children: r }) : /* @__PURE__ */ x("span", { ...n, children: r }) : t ? /* @__PURE__ */ x(t, { ...n, lang: e, dir: i, children: r }) : /* @__PURE__ */ x("span", { ...n, lang: e, dir: i, children: r });
 }
-function lc(t, e, r) {
+function fc(t, e, r) {
   if (e.length === 0)
     return;
   if (e.length === 1)
@@ -5143,15 +5143,15 @@ function lc(t, e, r) {
       return n;
   return e.indexOf("none") !== -1 ? "none" : e.indexOf("@none") !== -1 ? "@none" : e[0];
 }
-const fc = (t, e = []) => {
+const pc = (t, e = []) => {
   const r = qi();
   return j(() => {
     const i = t();
-    return lc(r, i, []);
+    return fc(r, i, []);
   }, [r, ...e]);
 };
-function pc(t, e) {
-  const r = fc(() => Object.keys(t || {}), [t]);
+function hc(t, e) {
+  const r = pc(() => Object.keys(t || {}), [t]);
   return [
     j(() => {
       if (!t)
@@ -5165,10 +5165,10 @@ function pc(t, e) {
     r
   ];
 }
-const hc = ({ as: t, defaultText: e, enableDangerouslySetInnerHTML: r, children: i, ...n }) => {
-  const [s, a] = pc(i, e);
+const dc = ({ as: t, defaultText: e, enableDangerouslySetInnerHTML: r, children: i, ...n }) => {
+  const [s, a] = hc(i, e);
   return a ? /* @__PURE__ */ x(
-    uc,
+    lc,
     {
       ...n,
       as: t,
@@ -5191,7 +5191,7 @@ const hc = ({ as: t, defaultText: e, enableDangerouslySetInnerHTML: r, children:
     }
   );
 };
-function dc({
+function yc({
   element: t,
   media: e,
   playPause: r
@@ -5229,13 +5229,13 @@ function dc({
     )
   ] }) : null;
 }
-function yc({
+function vc({
   media: t,
   mediaControlsDeps: e,
   children: r
 }) {
   const [{ element: i, currentTime: n, progress: s }, a, o] = qt({ duration: t.duration });
-  return Oe("overlay", "video-element", dc, {
+  return Oe("overlay", "video-element", yc, {
     element: i,
     media: t,
     playPause: o.playPause
@@ -5262,7 +5262,7 @@ function _i({
   onClickPaintingAnnotation: b,
   children: w
 }) {
-  const R = me(), O = zr(R, ["deep-zoom"]), [F] = qs(), T = Vs(), P = W(), E = j(() => Qr(P), [P]), [M, $] = Ko({
+  const R = me(), O = zr(R, ["deep-zoom"]), [F] = _s(), T = Ns(), P = W(), E = j(() => Qr(P), [P]), [M, $] = Zo({
     strategies: l || ["images"],
     defaultChoices: n == null ? void 0 : n.map(({ id: k }) => k)
   }), ie = M.type === "images" ? M.choice : void 0, K = j(() => d ? 1 : Math.max(
@@ -5272,7 +5272,7 @@ function _i({
       return (k.width || 0) / ((H = k.target) == null ? void 0 : H.spatial.width);
     }) : []
   ), [d, M]);
-  Ns(K), re(() => {
+  Hs(K), re(() => {
     i && i($);
   }, [M.annotations]), re(() => {
     if (n)
@@ -5292,7 +5292,7 @@ function _i({
     } : {},
     [R, T, M, ...u || []]
   );
-  const U = tc({ maxWidth: 256, maxHeight: 256 });
+  const U = rc({ maxWidth: 256, maxHeight: 256 });
   if (!R)
     return null;
   const N = R.accompanyingCanvas, X = U && U.type === "fixed" ? /* @__PURE__ */ x("world-object", { height: R.height, width: R.width, x: t, y: e, children: /* @__PURE__ */ x(
@@ -5334,13 +5334,13 @@ function _i({
             var Z;
             return /* @__PURE__ */ V(Me, { children: [
               /* @__PURE__ */ x(
-                tn,
+                rn,
                 {
                   onClick: b ? (pe) => {
                     pe.stopPropagation(), b(k.annotationId, k, pe);
                   } : void 0,
                   target: ((Z = k.target) == null ? void 0 : Z.spatial) || void 0,
-                  children: /* @__PURE__ */ x("div", { "data-textual-content": !0, children: /* @__PURE__ */ x(hc, { enableDangerouslySetInnerHTML: !0, children: k.text }) })
+                  children: /* @__PURE__ */ x("div", { "data-textual-content": !0, children: /* @__PURE__ */ x(dc, { enableDangerouslySetInnerHTML: !0, children: k.text }) })
                 },
                 H
               ),
@@ -5372,7 +5372,7 @@ function _i({
           ] }) : M.media.type === "Video" ? /* @__PURE__ */ V(Fi, { media: M.media, mediaControlsDeps: h, children: [
             X,
             o ? o(M) : null
-          ] }) : M.media.type === "VideoYouTube" && A ? /* @__PURE__ */ V(yc, { media: M.media, mediaControlsDeps: h, children: [
+          ] }) : M.media.type === "VideoYouTube" && A ? /* @__PURE__ */ V(vc, { media: M.media, mediaControlsDeps: h, children: [
             X,
             o ? o(M) : null
           ] }) : null }) : null
@@ -5383,46 +5383,55 @@ function _i({
     M.type === "media" && M.media.type === "Sound" && N ? /* @__PURE__ */ x(Pt, { canvas: N.id, children: /* @__PURE__ */ x(_i, { renderViewerControls: a }) }) : null
   ] });
 }
-function vc() {
+function gc() {
   const t = Q(tt);
   return t && t.vault ? t.vault : $r();
 }
-const gc = lr(function(e, r) {
-  const i = Pe(), n = qr(), s = hs(), { ViewerControls: a, MediaControls: o } = e.components || {};
+const mc = lr(function(e, r) {
+  const i = Pe(), n = qr(), s = ds(), { ViewerControls: a, MediaControls: o } = e.components || {};
   if (Ji(r, () => s, [s]), !i)
     return /* @__PURE__ */ x("div", {});
   let u = 0;
   return /* @__PURE__ */ V(Me, { children: [
     e.header,
-    /* @__PURE__ */ x(G.Viewer, { height: e.height, children: n.map((h, l) => {
-      const p = u;
-      return u += h.width + (e.spacing || 0), /* @__PURE__ */ x(Pt, { canvas: h.id, children: /* @__PURE__ */ x(
-        G.RenderCanvas,
-        {
-          strategies: ["3d-model", "media", "images", "empty", "textual-content"],
-          renderViewerControls: l === 0 && a ? () => /* @__PURE__ */ x(a, {}) : void 0,
-          renderMediaControls: l === 0 && o ? () => /* @__PURE__ */ x(o, {}) : void 0,
-          x: p,
-          ...e.canvasProps || {},
-          children: e.annotations
-        },
-        h.id
-      ) }, h.id);
-    }) }, e.reuseAtlas ? "" : s.currentSequenceIndex),
+    /* @__PURE__ */ x(
+      G.Viewer,
+      {
+        height: e.height,
+        mode: e.mode,
+        children: n.map((h, l) => {
+          const p = u;
+          return u += h.width + (e.spacing || 0), /* @__PURE__ */ x(Pt, { canvas: h.id, children: /* @__PURE__ */ x(
+            G.RenderCanvas,
+            {
+              strategies: ["3d-model", "media", "images", "empty", "textual-content"],
+              renderViewerControls: l === 0 && a ? () => /* @__PURE__ */ x(a, {}) : void 0,
+              renderMediaControls: l === 0 && o ? () => /* @__PURE__ */ x(o, {}) : void 0,
+              x: p,
+              ...e.canvasProps || {},
+              children: e.annotations
+            },
+            h.id
+          ) }, h.id);
+        })
+      },
+      e.reuseAtlas ? "" : s.currentSequenceIndex
+    ),
     e.children
   ] });
-}), G = lr(function({ children: e, height: r, annotations: i, canvasProps: n, spacing: s, header: a, components: o, ...u }, h) {
-  const l = vc();
-  return /* @__PURE__ */ x(Dr, { vault: l, children: /* @__PURE__ */ x(ps, { ...u, children: /* @__PURE__ */ x(
-    gc,
+}), G = lr(function({ children: e, height: r, annotations: i, canvasProps: n, spacing: s, header: a, components: o, mode: u, ...h }, l) {
+  const p = gc();
+  return /* @__PURE__ */ x(Dr, { vault: p, children: /* @__PURE__ */ x(hs, { ...h, children: /* @__PURE__ */ x(
+    mc,
     {
-      ref: h,
+      ref: l,
       height: r,
       components: o,
       spacing: s,
       canvasProps: n,
       annotations: i,
       header: a,
+      mode: u,
       children: e
     }
   ) }) });
@@ -5431,7 +5440,7 @@ G.RenderImage = Xr;
 G.RenderCanvas = _i;
 G.RenderAnnotationPage = Rt;
 G.RenderAnnotation = Zr;
-G.Viewer = Hs;
+G.Viewer = Bs;
 G.CanvasBackground = Di;
 G.Audio = Pi;
 G.Video = Fi;