react-iiif-vault 1.0.9 → 1.0.10

package/dist/react17/esm/index.mjs

@@ -1,19 +1,19 @@
 import { jsx as d, jsxs as X, Fragment as Oe } from "react/jsx-runtime";
-import Ie, { createContext as xe, Component as bn, createElement as Pt, isValidElement as wn, useContext as ue, useMemo as N, useState as ae, useEffect as be, useCallback as Q, useRef as Ee, useLayoutEffect as st, Fragment as Ye, useReducer as Pn, forwardRef as ct, useImperativeHandle as Tt } from "react";
-import { AtlasAuto as On, ModeContext as Sn, mergeStyles as xn, RegionHighlight as Tn, TileSet as En, HTMLPortal as In, useCanvas as Cn } from "@atlas-viewer/atlas";
-import { globalVault as Et, Vault as Ot } from "@iiif/helpers/vault";
+import Ie, { createContext as xe, Component as wn, createElement as St, isValidElement as Pn, useContext as ue, useMemo as N, useState as ie, useEffect as be, useCallback as Q, useRef as Ee, useLayoutEffect as st, Fragment as Ye, useReducer as On, forwardRef as ct, useImperativeHandle as It } from "react";
+import { AtlasAuto as Sn, ModeContext as xn, mergeStyles as Tn, RegionHighlight as En, TileSet as In, HTMLPortal as Cn, useCanvas as jn } from "@atlas-viewer/atlas";
+import { globalVault as Ct, Vault as xt } from "@iiif/helpers/vault";
 import { createStylesHelper as ut } from "@iiif/helpers/styles";
 import { expandTarget as ot } from "@iiif/helpers/annotation-targets";
 export * from "@iiif/helpers/annotation-targets";
-import { expandTarget as jn } from "@iiif/helpers";
-import { ImageServiceLoader as Mn, getImageServices as it, createImageServiceRequest as Rn, imageServiceRequestToString as Ln } from "@atlas-viewer/iiif-image-api";
-import { createThumbnailHelper as An } from "@iiif/helpers/thumbnail";
-import kn from "react-dom";
-const Nn = xe(null), tt = {
+import { expandTarget as Mn } from "@iiif/helpers";
+import { ImageServiceLoader as Rn, getImageServices as it, createImageServiceRequest as Ln, imageServiceRequestToString as An } from "@atlas-viewer/iiif-image-api";
+import { createThumbnailHelper as kn } from "@iiif/helpers/thumbnail";
+import Nn from "react-dom";
+const Vn = xe(null), tt = {
   didCatch: !1,
   error: null
 };
-class Vn extends bn {
+class _n extends wn {
   constructor(t) {
     super(t), this.resetErrorBoundary = this.resetErrorBoundary.bind(this), this.state = tt;
   }
@@ -46,7 +46,7 @@ class Vn extends bn {
     } = this.state, {
       resetKeys: r
     } = this.props;
-    if (o && n.error !== null && _n(t.resetKeys, r)) {
+    if (o && n.error !== null && Dn(t.resetKeys, r)) {
       var a, i;
       (a = (i = this.props).onReset) === null || a === void 0 || a.call(i, {
         next: r,
@@ -74,13 +74,13 @@ class Vn extends bn {
       if (typeof n == "function")
         s = n(f);
       else if (o)
-        s = Pt(o, f);
-      else if (r === null || wn(r))
+        s = St(o, f);
+      else if (r === null || Pn(r))
         s = r;
       else
         throw i;
     }
-    return Pt(Nn.Provider, {
+    return St(Vn.Provider, {
       value: {
         didCatch: a,
         error: i,
@@ -89,18 +89,18 @@ class Vn extends bn {
     }, s);
   }
 }
-function _n() {
+function Dn() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
   return e.length !== t.length || e.some((n, o) => !Object.is(n, t[o]));
 }
-const Dn = {
+const Bn = {
   collection: void 0,
   manifest: void 0,
   range: void 0,
   canvas: void 0,
   annotation: void 0,
   annotationPage: void 0
-}, lt = Ie.createContext(Dn), je = () => ue(lt);
+}, lt = Ie.createContext(Bn), je = () => ue(lt);
 function Le({ value: e, children: t }) {
   const n = je(), o = N(() => ({
     ...n,
@@ -113,24 +113,22 @@ const Ke = Ie.createContext({
   setVaultInstance: (e) => {
   }
 });
-function It({
+function ft({
   vault: e,
   vaultOptions: t,
   useGlobal: n,
   resources: o,
   children: r
 }) {
-  const [a, i] = ae(() => e || (n ? Et(t) : t ? new Ot(t) : new Ot()));
+  const [a, i] = ie(() => e || (n ? Ct(t) : t ? new xt(t) : new xt()));
   return /* @__PURE__ */ d(Ke.Provider, { value: { vault: a, setVaultInstance: i }, children: /* @__PURE__ */ d(Le, { value: o || {}, children: r }) });
 }
-const re = () => {
-  const { vault: e } = ue(Ke);
-  if (e === null)
-    throw new Error("Vault not found. Ensure you have your provider set up correctly.");
-  return e;
-};
-function Ct(e, { noCache: t = !1 } = {}) {
-  const n = typeof e == "string" ? e : e.id, o = re(), [r, a] = ae(n), [i, s] = ae(void 0), f = N(() => o.get(n, { skipSelfReturn: !0 }) || void 0, [n, o]), [h, u] = ae(f);
+function dt(e) {
+  const t = ue(Ke);
+  return e || (t && t.vault ? t.vault : Ct());
+}
+function jt(e, { noCache: t = !1 } = {}) {
+  const n = typeof e == "string" ? e : e.id, o = dt(), [r, a] = ie(n), [i, s] = ie(void 0), f = N(() => o.get(n, { skipSelfReturn: !0 }) || void 0, [n, o]), [h, u] = ie(f);
   return be(() => {
     (async () => {
       try {
@@ -149,21 +147,27 @@ function Ct(e, { noCache: t = !1 } = {}) {
     cached: !!(h && h === f)
   };
 }
-function Bn(e, t) {
-  const { id: n, isLoaded: o, error: r, resource: a, requestId: i, cached: s } = Ct(
+function qn(e, t) {
+  const { id: n, isLoaded: o, error: r, resource: a, requestId: i, cached: s } = jt(
     e,
     t
   );
   return { id: n, isLoaded: o, error: r, manifest: a, requestId: i, cached: s };
 }
-function qn({ manifest: e, children: t }) {
+function Fn({ manifest: e, children: t }) {
   return /* @__PURE__ */ d(Le, { value: { manifest: e }, children: t });
 }
 function Qe({ canvas: e, children: t }) {
   return /* @__PURE__ */ d(Le, { value: { canvas: e }, children: t });
 }
+const ae = () => {
+  const { vault: e } = ue(Ke);
+  if (e === null)
+    throw new Error("Vault not found. Ensure you have your provider set up correctly.");
+  return e;
+};
 function ye(e, t = []) {
-  const n = re(), [o, r] = ae(() => e(n.getState(), n));
+  const n = ae(), [o, r] = ie(() => e(n.getState(), n));
   return be(() => n.subscribe(
     (a) => e(a, n),
     (a) => {
@@ -173,7 +177,7 @@ function ye(e, t = []) {
   ), t), o;
 }
 const Ge = Ie.createContext([]);
-function jt() {
+function Mt() {
   const e = ue(Ge);
   return ye(
     (t) => e.map((n) => t.iiif.entities.Canvas[n]).filter(Boolean),
@@ -182,7 +186,7 @@ function jt() {
 }
 function Ce(e = {}, t = []) {
   const { id: n, selector: o } = e, r = je();
-  re();
+  ae();
   const a = n || r.manifest, i = ye(
     (s) => a ? s.iiif.entities.Manifest[a] : void 0,
     [a]
@@ -192,28 +196,28 @@ function Ce(e = {}, t = []) {
       return o ? o(i) : i;
   }, [i, o, ...t]);
 }
-function Fn({ range: e, children: t }) {
+function Un({ range: e, children: t }) {
   return /* @__PURE__ */ d(Le, { value: { range: e }, children: t });
 }
-function Un(e, t) {
+function $n(e, t) {
   for (const n of t.items) {
     if (n.type === "Canvas")
       return n;
     if (n.type === "SpecificResource")
       return n.source;
     if (n.type === "Range") {
-      const o = Un(e, e.get(n));
+      const o = $n(e, e.get(n));
       if (o)
         return o;
     }
   }
   return null;
 }
-function Mt(e, t) {
+function Rt(e, t) {
   var o;
   const n = [];
   for (const r of t.items)
-    if (r.type === "SpecificResource" && ((o = r.source) == null ? void 0 : o.type) === "Canvas" && (r.source.id.indexOf("#") !== -1 ? n.push({ id: r.source.id.split("#")[0], type: "Canvas" }) : n.push(r.source)), r.type === "Range" && n.push(...Mt(e, e.get(r))), r.type === "SpecificResource") {
+    if (r.type === "SpecificResource" && ((o = r.source) == null ? void 0 : o.type) === "Canvas" && (r.source.id.indexOf("#") !== -1 ? n.push({ id: r.source.id.split("#")[0], type: "Canvas" }) : n.push(r.source)), r.type === "Range" && n.push(...Rt(e, e.get(r))), r.type === "SpecificResource") {
       const a = typeof r.source == "string" ? r.source : r.source.id;
       n.push({ id: a, type: "Canvas" });
     }
@@ -221,20 +225,20 @@ function Mt(e, t) {
 }
 function Po(e, t, n) {
   for (const o of t.structures) {
-    const r = Rt(e, e.get(o), n);
+    const r = Lt(e, e.get(o), n);
     if (r)
       return r;
   }
   return null;
 }
-function Rt(e, t, n) {
+function Lt(e, t, n) {
   var o, r, a;
   for (const i of t.items) {
     const s = (r = (o = i == null ? void 0 : i.source) == null ? void 0 : o.id) == null ? void 0 : r.split("#")[0];
     if (i.type === "SpecificResource" && i.source === n || i.type === "SpecificResource" && ((a = i.source) == null ? void 0 : a.type) === "Canvas" && n === s)
       return t;
     if (i.type === "Range") {
-      const f = Rt(e, e.get(i), n);
+      const f = Lt(e, e.get(i), n);
       if (f)
         return f;
     }
@@ -248,7 +252,7 @@ function Oo(e, t, n, o = !1) {
   const i = a.behavior, s = o ? !1 : r.includes("paged"), f = s ? !1 : r.includes("continuous"), h = s || f ? !1 : r.includes("individuals"), u = i.includes("facing-pages"), y = i.includes("non-paged");
   if (u || y || h || o)
     return [{ id: a.id, type: "Canvas" }];
-  const [x, M] = Lt(e, t);
+  const [x, M] = At(e, t);
   if (f)
     return x;
   const I = x.findIndex((b) => b.id === n);
@@ -259,8 +263,8 @@ function Oo(e, t, n, o = !1) {
       return b.map((E) => x[E]);
   return [{ id: a.id, type: "Canvas" }];
 }
-function Lt(e, t, { disablePaging: n, skipNonPaged: o } = {}) {
-  const r = t.behavior, a = r.includes("paged"), i = a ? !1 : r.includes("continuous"), s = a || i ? !1 : r.includes("individuals"), f = t.type === "Manifest" ? t.items : Mt(e, t);
+function At(e, t, { disablePaging: n, skipNonPaged: o } = {}) {
+  const r = t.behavior, a = r.includes("paged"), i = a ? !1 : r.includes("continuous"), s = a || i ? !1 : r.includes("individuals"), f = t.type === "Manifest" ? t.items : Rt(e, t);
   if (i)
     return [f, [f.map((I, b) => b)]];
   if (s || !a || n)
@@ -289,21 +293,21 @@ function Lt(e, t, { disablePaging: n, skipNonPaged: o } = {}) {
   }
   return u.length && y(), [f, h];
 }
-function At(e = {}, t = []) {
+function kt(e = {}, t = []) {
   const { id: n, selector: o } = e, r = je(), a = n || r.range, i = ye((s) => a ? s.iiif.entities.Range[a] : void 0, [a]);
   return N(() => {
     if (i)
       return o ? o(i) : i;
   }, [i, o, ...t]);
 }
-function $n({ startCanvas: e, disablePaging: t }) {
+function Wn({ startCanvas: e, disablePaging: t }) {
   var I;
-  const n = re(), o = Ce(), r = At(), [a, i] = ae(void 0), s = r || o;
+  const n = ae(), o = Ce(), r = kt(), [a, i] = ie(void 0), s = r || o;
   if (!s)
     throw new Error("Nothing selected");
   const [f, h] = N(
-    () => Lt(n, s, { disablePaging: t }),
-    [n, s]
+    () => At(n, s, { disablePaging: t }),
+    [n, s, t]
   ), u = Q(
     (b) => {
       const E = h.findIndex((C) => C.includes(b));
@@ -348,7 +352,7 @@ const De = () => {
   hasNext: !1,
   hasPrevious: !1
 });
-function Wn(e) {
+function Hn(e) {
   const t = Ce(), {
     cursor: n,
     visibleItems: o,
@@ -361,7 +365,7 @@ function Wn(e) {
     setSequenceIndex: u,
     hasNext: y,
     hasPrevious: x
-  } = $n({
+  } = Wn({
     startCanvas: e.startCanvas,
     disablePaging: e.pagingEnabled === !1
   }), M = N(
@@ -383,21 +387,21 @@ function Wn(e) {
   );
   return t ? o.length === 0 ? null : /* @__PURE__ */ d(Xe.Provider, { value: M, children: /* @__PURE__ */ d(Ge.Provider, { value: o, children: /* @__PURE__ */ d(Qe, { canvas: o[0], children: e.children }) }) }) : (console.warn("The manifest passed to the provider is not a valid IIIF manifest."), /* @__PURE__ */ d("div", { children: "Sorry, something went wrong." }));
 }
-function Hn(e) {
-  const t = Bn(e.manifest);
-  if (!t)
+function Yn(e) {
+  const t = dt(e.vault), n = qn(e.manifest);
+  if (!n)
     return console.warn("The manifest passed to the provider is not a valid IIIF manifest."), /* @__PURE__ */ d("div", { children: "Sorry, something went wrong." });
-  if (t.error)
-    return /* @__PURE__ */ d("div", { children: t.error.toString() });
-  if (!t.isLoaded)
+  if (n.error)
+    return /* @__PURE__ */ d("div", { children: n.error.toString() });
+  if (!n.isLoaded)
     return /* @__PURE__ */ d("div", { children: "Loading..." });
-  const n = /* @__PURE__ */ d(Wn, { ...e, children: e.children });
-  return /* @__PURE__ */ d(qn, { manifest: t.id, children: e.rangeId ? /* @__PURE__ */ d(Fn, { range: e.rangeId, children: n }) : n });
+  const o = /* @__PURE__ */ d(Hn, { ...e, children: e.children });
+  return /* @__PURE__ */ d(ft, { vault: t, children: /* @__PURE__ */ d(Fn, { manifest: n.id, children: e.rangeId ? /* @__PURE__ */ d(Un, { range: e.rangeId, children: o }) : o }) });
 }
-function kt() {
+function Nt() {
   return ue(Xe);
 }
-function Yn() {
+function zn() {
   return {
     VaultContext: ue(Ke),
     ResourceContext: ue(lt),
@@ -405,8 +409,8 @@ function Yn() {
     VisibleCanvasReactContext: ue(Ge)
   };
 }
-function zn(e) {
-  return /* @__PURE__ */ d(It, { vault: e.bridge.VaultContext.vault || void 0, resources: e.bridge.ResourceContext, children: /* @__PURE__ */ d(Ge.Provider, { value: e.bridge.VisibleCanvasReactContext, children: /* @__PURE__ */ d(Xe.Provider, { value: e.bridge.SimpleViewerReactContext, children: e.children }) }) });
+function Kn(e) {
+  return /* @__PURE__ */ d(ft, { vault: e.bridge.VaultContext.vault || void 0, resources: e.bridge.ResourceContext, children: /* @__PURE__ */ d(Ge.Provider, { value: e.bridge.VisibleCanvasReactContext, children: /* @__PURE__ */ d(Xe.Provider, { value: e.bridge.SimpleViewerReactContext, children: e.children }) }) });
 }
 const Te = function(e) {
   return function() {
@@ -417,27 +421,27 @@ const Te = function(e) {
       ...o !== void 0 && { meta: o }
     });
   };
-}, Kn = "@iiif/IMPORT_ENTITIES", Qn = "@iiif/MODIFY_ENTITY_FIELD", Gn = "@iiif/REORDER_ENTITY_FIELD", Xn = "@iiif/ADD_REFERENCE", Jn = "@iiif/UPDATE_REFERENCE", Zn = "@iiif/REMOVE_REFERENCE", er = "@iiif/ADD_METADATA", tr = "@iiif/REMOVE_METADATA", nr = "@iiif/UPDATE_METADATA", rr = "@iiif/REORDER_METADATA", or = Te(Kn)(), ir = Te(Qn)(), ar = Te(Gn)(), sr = Te(Xn)(), cr = Te(Zn)(), ur = Te(Jn)(), lr = Te(er)(), fr = Te(nr)(), dr = Te(tr)(), pr = Te(rr)(), nt = {
-  importEntities: or,
-  modifyEntityField: ir,
-  reorderEntityField: ar,
-  addReference: sr,
-  removeReference: cr,
-  updateReference: ur,
-  addMetadata: lr,
-  removeMetadata: dr,
-  updateMetadata: fr,
-  reorderMetadata: pr
+}, Qn = "@iiif/IMPORT_ENTITIES", Gn = "@iiif/MODIFY_ENTITY_FIELD", Xn = "@iiif/REORDER_ENTITY_FIELD", Jn = "@iiif/ADD_REFERENCE", Zn = "@iiif/UPDATE_REFERENCE", er = "@iiif/REMOVE_REFERENCE", tr = "@iiif/ADD_METADATA", nr = "@iiif/REMOVE_METADATA", rr = "@iiif/UPDATE_METADATA", or = "@iiif/REORDER_METADATA", ir = Te(Qn)(), ar = Te(Gn)(), sr = Te(Xn)(), cr = Te(Jn)(), ur = Te(er)(), lr = Te(Zn)(), fr = Te(tr)(), dr = Te(rr)(), pr = Te(nr)(), hr = Te(or)(), nt = {
+  importEntities: ir,
+  modifyEntityField: ar,
+  reorderEntityField: sr,
+  addReference: cr,
+  removeReference: ur,
+  updateReference: lr,
+  addMetadata: fr,
+  removeMetadata: pr,
+  updateMetadata: dr,
+  reorderMetadata: hr
 };
-function hr() {
-  const t = re().getStore();
+function yr() {
+  const t = ae().getStore();
   return N(() => (n) => t.dispatch(n), [t]);
 }
-function St(e) {
+function Tt(e) {
   return typeof e != "string" && e && e.bindToVault;
 }
-function yr() {
-  const e = re(), t = Ee([]), n = hr(), o = N(() => `vault://annotation-page/${(/* @__PURE__ */ new Date()).getTime()}/${Math.round(Math.random() * 1e9).toString(16)}`, []);
+function gr() {
+  const e = ae(), t = Ee([]), n = yr(), o = N(() => `vault://annotation-page/${(/* @__PURE__ */ new Date()).getTime()}/${Math.round(Math.random() * 1e9).toString(16)}`, []);
   st(() => {
     const s = {
       id: o,
@@ -472,7 +476,7 @@ function yr() {
   ), a = Q(
     (s, f) => {
       if (o) {
-        if (St(s)) {
+        if (Tt(s)) {
           const y = s;
           y.__vault || y.bindToVault(e), s = typeof y.source == "string" ? y.source : y.source.id, t.current[s] = y;
         } else
@@ -495,7 +499,7 @@ function yr() {
     [o]
   ), i = Q(
     (s) => {
-      o && (St(s) ? s = typeof s.source == "string" ? s.source : s.source.id : typeof s != "string" && (s = s.id), t.current[s] && t.current[s].beforeRemove(), e.get({ id: o, type: "AnnotationPage" }) && n(
+      o && (Tt(s) ? s = typeof s.source == "string" ? s.source : s.source.id : typeof s != "string" && (s = s.id), t.current[s] && t.current[s].beforeRemove(), e.get({ id: o, type: "AnnotationPage" }) && n(
         nt.removeReference({
           id: o,
           type: "AnnotationPage",
@@ -517,9 +521,9 @@ function yr() {
     }
   ];
 }
-const Nt = xe(null);
-function gr() {
-  const e = ue(Nt);
+const Vt = xe(null);
+function mr() {
+  const e = ue(Vt);
   return [
     e.fullPage,
     {
@@ -528,17 +532,17 @@ function gr() {
     }
   ];
 }
-function mr({ children: e }) {
-  const [t, { addAnnotation: n, removeAnnotation: o }] = yr();
+function vr({ children: e }) {
+  const [t, { addAnnotation: n, removeAnnotation: o }] = gr();
   return /* @__PURE__ */ d(
-    Nt.Provider,
+    Vt.Provider,
     {
       value: N(() => ({ fullPage: t, addAnnotation: n, removeAnnotation: o }), [t]),
       children: e
     }
   );
 }
-function vr({
+function br({
   width: e,
   style: t,
   height: n,
@@ -551,19 +555,19 @@ function vr({
     /* @__PURE__ */ d("button", { onClick: r, children: "Reset" })
   ] });
 }
-const ft = xe(null);
-function br() {
-  return ue(ft);
+const pt = xe(null);
+function wr() {
+  return ue(pt);
 }
-const Vt = xe(
+const _t = xe(
   () => {
   }
-), _t = xe(
+), Dt = xe(
   () => {
   }
 );
 function Ve(e, t, n, o, r = []) {
-  const a = ue(e === "portal" ? _t : Vt);
+  const a = ue(e === "portal" ? Dt : _t);
   be(() => (e !== "none" && a(t, n, o), () => {
     a(t, null);
   }), [t, e, a, ...r]);
@@ -575,21 +579,21 @@ function Se(e = {}, t = []) {
       return o ? o(i) : i;
   }, [i, o, ...t]);
 }
-const Dt = xe(() => {
+const Bt = xe(() => {
 });
-function wr(e) {
-  const t = Se(), n = ue(Dt);
+function Pr(e) {
+  const t = Se(), n = ue(Bt);
   be(() => t && t.id ? (n(t.id, e), () => n(t.id, -1)) : () => {
   }, [t, e]);
 }
-function Pr({
+function Or({
   children: e,
   errorFallback: t,
   outerContainerProps: n = {},
   worldScale: o,
   ...r
 }) {
-  const [a, i] = ae(), s = Yn(), f = t || vr, [h, u] = ae({}), y = Object.entries(h), [x, M] = ae({}), I = Object.entries(x), [b, E] = ae({}), C = N(() => o || Math.max(...Object.values(b)), [b]), A = N(() => ({ maxOverZoom: C || 1, ...r.runtimeOptions || {} }), [C, r.runtimeOptions]), S = Q((R, B) => {
+  const [a, i] = ie(), s = zn(), f = t || br, [h, u] = ie({}), y = Object.entries(h), [x, M] = ie({}), I = Object.entries(x), [b, E] = ie({}), C = N(() => o || Math.max(...Object.values(b)), [b]), A = N(() => ({ maxOverZoom: C || 1, ...r.runtimeOptions || {} }), [C, r.runtimeOptions]), S = Q((R, B) => {
     E((j) => {
       if (B === -1) {
         const { [R]: O, ...U } = j;
@@ -608,9 +612,9 @@ function Pr({
       [R]: { element: B, props: j }
     } : U);
   }, []);
-  return /* @__PURE__ */ X(Vn, { resetKeys: [], fallbackRender: (R) => /* @__PURE__ */ d(f, { ...r, ...R }), children: [
+  return /* @__PURE__ */ X(_n, { resetKeys: [], fallbackRender: (R) => /* @__PURE__ */ d(f, { ...r, ...R }), children: [
     /* @__PURE__ */ d(
-      On,
+      Sn,
       {
         ...r,
         containerProps: { style: { position: "relative" }, ...r.containerProps || {} },
@@ -619,18 +623,18 @@ function Pr({
           i(R), r.onCreated && r.onCreated(R);
         },
         runtimeOptions: A,
-        children: /* @__PURE__ */ d(ft.Provider, { value: a, children: /* @__PURE__ */ d(Dt.Provider, { value: S, children: /* @__PURE__ */ d(Vt.Provider, { value: F, children: /* @__PURE__ */ d(_t.Provider, { value: L, children: /* @__PURE__ */ d(zn, { bridge: s, children: /* @__PURE__ */ d(Sn.Provider, { value: r.mode || "explore", children: /* @__PURE__ */ d(mr, { children: e }) }) }) }) }) }) })
+        children: /* @__PURE__ */ d(pt.Provider, { value: a, children: /* @__PURE__ */ d(Bt.Provider, { value: S, children: /* @__PURE__ */ d(_t.Provider, { value: F, children: /* @__PURE__ */ d(Dt.Provider, { value: L, children: /* @__PURE__ */ d(Kn, { bridge: s, children: /* @__PURE__ */ d(xn.Provider, { value: r.mode || "explore", children: /* @__PURE__ */ d(vr, { children: e }) }) }) }) }) }) })
       }
     ),
     /* @__PURE__ */ d("div", { children: I.map(([R, { element: B, props: j }]) => /* @__PURE__ */ d(Ie.Fragment, { children: /* @__PURE__ */ d(B, { ...j || {} }) }, R)) })
   ] });
 }
-const We = {}, Bt = {
+const We = {}, qt = {
   get(e) {
     return e;
   },
   setMetaValue([e, t, n], o) {
-    const r = Bt.getResourceMeta(e, t), a = r ? r[n] : void 0, i = typeof o == "function" ? o(a) : o;
+    const r = qt.getResourceMeta(e, t), a = r ? r[n] : void 0, i = typeof o == "function" ? o(a) : o;
     We[e] = {
       ...We[e] || {},
       [t]: {
@@ -645,7 +649,7 @@ const We = {}, Bt = {
       return t ? n[t] : n;
   }
 };
-function qt(e = Bt) {
+function Ft(e = qt) {
   return {
     addEventListener(t, n, o, r) {
       if (t)
@@ -682,12 +686,12 @@ function qt(e = Bt) {
     }
   };
 }
-function Ft(e, t) {
-  const n = re(), o = N(() => qt(n), [n]), r = ye(() => e && e.id ? n.getResourceMeta(e.id, "eventManager") : null, [e]);
+function Ut(e, t) {
+  const n = ae(), o = N(() => Ft(n), [n]), r = ye(() => e && e.id ? n.getResourceMeta(e.id, "eventManager") : null, [e]);
   return N(() => e ? o.getListenersAsProps(e, t) : {}, [r, e, n, t]);
 }
 function ze(e, t) {
-  const n = re(), o = N(() => ut(n), [n]);
+  const n = ae(), o = N(() => ut(n), [n]);
   return ye(() => {
     if (!e)
       return null;
@@ -695,8 +699,8 @@ function ze(e, t) {
     return r ? t ? r[t] : r : void 0;
   }, [e, t]);
 }
-function Ut(e = {}, t = []) {
-  const { id: n, selector: o } = e, r = je(), a = re(), i = n || r.annotation, s = ye(
+function $t(e = {}, t = []) {
+  const { id: n, selector: o } = e, r = je(), a = ae(), i = n || r.annotation, s = ye(
     (h) => i ? h.iiif.entities.Annotation[i] : void 0,
     [i]
   ), f = ye(
@@ -717,15 +721,15 @@ function Ut(e = {}, t = []) {
     return o ? o(h) : h;
   }, [s, o, f, ...t]);
 }
-const $t = ({
+const Wt = ({
   id: e,
   style: t,
   className: n,
   interactive: o
 }) => {
-  const r = Ut({ id: e }), a = ze(r, "atlas"), i = ze(r, "html"), s = Ft(r, ["atlas"]), f = Se(), h = N(() => xn(t, a), [t, a]);
+  const r = $t({ id: e }), a = ze(r, "atlas"), i = ze(r, "html"), s = Ut(r, ["atlas"]), f = Se(), h = N(() => Tn(t, a), [t, a]);
   return f && r && r.target && r.target.selector && r.target.selector.type === "BoxSelector" && r.target.source && (r.target.source.id === f.id || r.target.source === f.id) ? /* @__PURE__ */ d(
-    Tn,
+    En,
     {
       id: r.id,
       isEditing: !0,
@@ -742,7 +746,7 @@ const $t = ({
     }
   ) : null;
 };
-function Or(e = {}, t = []) {
+function Sr(e = {}, t = []) {
   const { id: n, selector: o } = e, r = je(), a = n || r.annotationPage, i = ye(
     (s) => a ? s.iiif.entities.AnnotationPage[a] : void 0,
     [a]
@@ -757,9 +761,9 @@ const at = ({
   page: t
 }) => {
   var a;
-  const n = Or({ id: t.id }) || t, o = ze(n, "atlas"), r = ze(n, "html");
+  const n = Sr({ id: t.id }) || t, o = ze(n, "atlas"), r = ze(n, "html");
   return ye((i) => n.id ? i.iiif.entities.AnnotationPage[n.id] : null, []), /* @__PURE__ */ d(Ye, { children: (a = n.items) == null ? void 0 : a.map((i) => /* @__PURE__ */ d(
-    $t,
+    Wt,
     {
       id: i.id,
       style: o,
@@ -768,7 +772,7 @@ const at = ({
     i.id
   )) });
 };
-function Wt({
+function Ht({
   id: e,
   image: t,
   thumbnail: n,
@@ -795,7 +799,7 @@ function Wt({
       onClick: f,
       children: t.service ? /* @__PURE__ */ X(Ye, { children: [
         /* @__PURE__ */ d(
-          En,
+          In,
           {
             tiles: {
               id: t.service.id || t.service["@id"] || "unknown",
@@ -836,8 +840,8 @@ function Wt({
 function So(e) {
   return e.type === "SpecificResource" ? [e.source, { selector: e.selector }] : [e, { selector: null }];
 }
-function Ht(e, t) {
-  const { selector: n, source: o } = jn(t);
+function Yt(e, t) {
+  const { selector: n, source: o } = Mn(t);
   if (o.id !== e.id)
     return [null, o];
   const r = {
@@ -858,16 +862,16 @@ function Ht(e, t) {
     o
   ];
 }
-const Sr = {
+const xr = {
   makeChoice: () => {
   }
-}, rt = { type: "unknown" }, ne = (e) => ({ type: "unknown", reason: e, annotations: { pages: [] } }), xr = (e, t) => ({ type: "empty", width: e, height: t, annotations: { pages: [] }, image: null, images: [] });
-function Tr(e, t) {
+}, rt = { type: "unknown" }, ne = (e) => ({ type: "unknown", reason: e, annotations: { pages: [] } }), Tr = (e, t) => ({ type: "empty", width: e, height: t, annotations: { pages: [] }, image: null, images: [] });
+function Er(e, t) {
   var o;
   const n = (o = e == null ? void 0 : e.iiif) == null ? void 0 : o.meta[t];
   return n ? n.annotationPageManager : null;
 }
-function Er(e, t) {
+function Ir(e, t) {
   return ye(
     (n) => {
       const o = [];
@@ -876,7 +880,7 @@ function Er(e, t) {
       const r = Object.keys(n.iiif.entities.AnnotationPage);
       for (const a of r)
         if (!t || t.indexOf(a) !== -1) {
-          const i = Tr(n, a);
+          const i = Er(n, a);
           i && i.views && i.views[e] && o.push(a);
         }
       return o;
@@ -884,7 +888,7 @@ function Er(e, t) {
     [e, t]
   );
 }
-function Ir({
+function Cr({
   canvas: e,
   manifest: t,
   all: n,
@@ -904,18 +908,18 @@ function Ir({
       r.indexOf(a.id) === -1 && r.push(a.id);
   return r;
 }
-function Cr(e, t) {
+function jr(e, t) {
   var o;
   const n = (o = e == null ? void 0 : e.iiif) == null ? void 0 : o.meta[t];
   return n ? n.annotationPageManager : null;
 }
-function Yt(e, t = {}) {
-  const n = re(), o = Ce(), r = Se(), a = jt(), i = N(() => Ir({
+function zt(e, t = {}) {
+  const n = ae(), o = Ce(), r = Se(), a = Mt(), i = N(() => Cr({
     all: t.all,
     manifest: o,
     canvas: r,
     canvases: a
-  }), [t.all, r, a, o]), s = Er(e, t.all ? void 0 : i), f = Q(
+  }), [t.all, r, a, o]), s = Ir(e, t.all ? void 0 : i), f = Q(
     (u) => {
       e && n.setMetaValue(
         [u, "annotationPageManager", "views"],
@@ -934,7 +938,7 @@ function Yt(e, t = {}) {
       if (y != null && y.deselectOthers) {
         const I = Object.keys(x.iiif.entities.AnnotationPage);
         for (const b of I) {
-          const E = Cr(x, b);
+          const E = jr(x, b);
           E && E.views && E.views[e] && M.push(b);
         }
       }
@@ -957,15 +961,15 @@ function Yt(e, t = {}) {
     setPageDisabled: f
   };
 }
-function jr(e, t) {
+function Mr(e, t) {
   return ye((n, o) => o.get(e.map((r) => ({ id: r, type: t }))), [e, t]);
 }
-const Mr = Ie.createContext(new Mn());
+const Rr = Ie.createContext(new Rn());
 function Je() {
-  return ue(Mr);
+  return ue(Rr);
 }
-function Rr() {
-  const e = Je(), [t, n] = ae({}), o = Ee(!1);
+function Lr() {
+  const e = Je(), [t, n] = ie({}), o = Ee(!1);
   return be(() => () => {
     o.current = !0;
   }, []), [Q(
@@ -996,8 +1000,8 @@ function Rr() {
     [e, t]
   ), t];
 }
-function dt(e = {}) {
-  const t = Ut(), n = Se(e.canvasId ? { id: e.canvasId } : void 0);
+function ht(e = {}) {
+  const t = $t(), n = Se(e.canvasId ? { id: e.canvasId } : void 0);
   return ye(
     (o, r) => {
       if (!n)
@@ -1012,15 +1016,15 @@ function dt(e = {}) {
     [n]
   );
 }
-function Lr(e) {
+function Ar(e) {
   return e.type === "SpecificResource" ? [e.source, { selector: e.selector }] : [e, { selector: null }];
 }
-const He = {}, zt = {
+const He = {}, Kt = {
   get(e) {
     return e;
   },
   setMetaValue([e, t, n], o) {
-    const r = zt.getResourceMeta(e, t), a = r ? r[n] : void 0, i = typeof o == "function" ? o(a) : o;
+    const r = Kt.getResourceMeta(e, t), a = r ? r[n] : void 0, i = typeof o == "function" ? o(a) : o;
     He[e] = {
       ...He[e] || {},
       [t]: {
@@ -1035,7 +1039,7 @@ const He = {}, zt = {
       return t ? n[t] : n;
   }
 };
-function Ar(e = zt) {
+function kr(e = Kt) {
   function t(r) {
     const a = r ? typeof r == "string" ? e.get(r) : r : null;
     if (!a)
@@ -1054,7 +1058,7 @@ function Ar(e = zt) {
         throw new Error("getPaintables() accept either a canvas or list of annotations");
       const y = Array.from(Array.isArray(u.body) ? u.body : [u.body]);
       for (const x of y) {
-        const [M, { selector: I }] = Lr(x), b = e.get(M), E = (b.type || "unknown").toLowerCase();
+        const [M, { selector: I }] = Ar(x), b = e.get(M), E = (b.type || "unknown").toLowerCase();
         if (E === "choice") {
           const C = e.get(b.items, { parent: b.id }), A = a.length ? a.map((S) => C.find((F) => F.id === S)).filter(Boolean) : [C[0]];
           A.length === 0 && A.push(C[0]), f = {
@@ -1093,8 +1097,8 @@ function Ar(e = zt) {
     extractChoices: o
   };
 }
-function kr(e, t = []) {
-  const n = re(), o = N(() => Ar(n), []), r = dt({ enableSingleAnnotation: e == null ? void 0 : e.enableSingleAnnotation }), [a, i] = ae((e == null ? void 0 : e.defaultChoices) || []), s = N(
+function Nr(e, t = []) {
+  const n = ae(), o = N(() => kr(n), []), r = ht({ enableSingleAnnotation: e == null ? void 0 : e.enableSingleAnnotation }), [a, i] = ie((e == null ? void 0 : e.defaultChoices) || []), s = N(
     () => o.getPaintables(r, a),
     [n, r, a, ...t]
   ), h = { makeChoice: Q(
@@ -1126,15 +1130,15 @@ function kr(e, t = []) {
   ) };
   return [s, h];
 }
-const Nr = ["model/gltf-binary"];
-function Vr(e, t) {
+const Vr = ["model/gltf-binary"];
+function _r(e, t) {
   const o = t.items[0].resource;
-  return o.format ? Nr.indexOf(o.format) === -1 ? ne(`3D format: ${o.format} is unsupported`) : {
+  return o.format ? Vr.indexOf(o.format) === -1 ? ne(`3D format: ${o.format} is unsupported`) : {
     type: "3d-model",
     model: o
   } : ne("Unknown format");
 }
-function _r(e, t) {
+function Dr(e, t) {
   var o;
   if (!e.duration)
     return ne("No duration on canvas");
@@ -1169,7 +1173,7 @@ function _r(e, t) {
     }
   } : ne("Audio does not have format") : ne("Unknown audio");
 }
-function Dr(e, t, n) {
+function Br(e, t, n) {
   const o = [];
   for (const r of t.items) {
     const a = r.resource && r.resource.type === "SpecificResource" ? r.resource.source : r.resource;
@@ -1188,7 +1192,7 @@ function Dr(e, t, n) {
         width: Number(e.width),
         height: Number(e.height)
       }
-    }, [f, h] = Ht(e, r.target);
+    }, [f, h] = Yt(e, r.target);
     if (!(h.id === e.id || decodeURIComponent(h.id || "") === (e.id || "")))
       continue;
     r.resource.width && r.resource.height && (r.resource.width, r.resource.height);
@@ -1231,7 +1235,7 @@ function Dr(e, t, n) {
     choice: t.choice
   };
 }
-function Kt(e, t = {}, n) {
+function Qt(e, t = {}, n) {
   const o = e.language || n || "none";
   switch (e.type) {
     case "TextualBody": {
@@ -1241,24 +1245,24 @@ function Kt(e, t = {}, n) {
     case "List":
     case "Composite":
     case "Choice":
-      e.items && e.items.forEach((r) => Kt(r, t, o));
+      e.items && e.items.forEach((r) => Qt(r, t, o));
   }
   return t;
 }
-function Br(e, t) {
+function qr(e, t) {
   const n = [];
   return t.items.forEach((o) => {
     if (o.resource) {
-      const [r] = Ht(e, o.target);
-      n.push({ annotationId: o.annotationId, text: Kt(o.resource), target: r });
+      const [r] = Yt(e, o.target);
+      n.push({ annotationId: o.annotationId, text: Qt(o.resource), target: r });
     }
   }), {
     type: "textual-content",
     items: n
   };
 }
-const qr = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;
-function Fr(e, t) {
+const Fr = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;
+function Ur(e, t) {
   var s;
   const n = t.items.filter((f) => f.type === "video");
   let o = !1;
@@ -1297,7 +1301,7 @@ function Fr(e, t) {
   };
   if (a) {
     i.type = "VideoYouTube";
-    const f = r.id.match(qr);
+    const f = r.id.match(Fr);
     if (!f[1])
       return ne("Video is not known youtube video");
     i.youTubeId = f[1];
@@ -1310,30 +1314,30 @@ function Fr(e, t) {
     }
   };
 }
-function Ur({ canvas: e, paintables: t, supports: n, loadImageService: o }) {
+function $r({ canvas: e, paintables: t, supports: n, loadImageService: o }) {
   if (!e)
     return console.log("No canvas"), rt;
   if (t.types.length === 0)
-    return n.indexOf("empty") !== -1 ? xr(e.width, e.height) : (console.log("No paintables"), rt);
+    return n.indexOf("empty") !== -1 ? Tr(e.width, e.height) : (console.log("No paintables"), rt);
   if (t.types.length !== 1)
     if (t.types.length === 2 && t.types.indexOf("text") !== -1)
       t.types = t.types.filter((a) => a !== "text");
     else
       return n.indexOf("complex-timeline") === -1 ? ne("Complex timeline not supported") : ne("ComplexTimelineStrategy not yet supported");
   const r = t.types[0];
-  return r === "image" ? n.indexOf("images") === -1 ? ne("Image not supported") : Dr(e, t, o) : r === "Model" || r === "model" ? n.indexOf("3d-model") === -1 ? ne("3D not supported") : Vr(e, t) : r === "textualbody" ? n.indexOf("textual-content") === -1 ? ne("Textual content not supported") : Br(e, t) : r === "sound" || r === "audio" ? n.indexOf("media") === -1 ? ne("Media not supported") : _r(e, t) : r === "video" ? n.indexOf("media") === -1 ? ne("Media not supported") : Fr(e, t) : rt;
+  return r === "image" ? n.indexOf("images") === -1 ? ne("Image not supported") : Br(e, t, o) : r === "Model" || r === "model" ? n.indexOf("3d-model") === -1 ? ne("3D not supported") : _r(e, t) : r === "textualbody" ? n.indexOf("textual-content") === -1 ? ne("Textual content not supported") : qr(e, t) : r === "sound" || r === "audio" ? n.indexOf("media") === -1 ? ne("Media not supported") : Dr(e, t) : r === "video" ? n.indexOf("media") === -1 ? ne("Media not supported") : Ur(e, t) : rt;
 }
-function $r(e) {
-  const t = Ce(), n = Se(), o = re(), [r, a] = Rr(), { enabledPageIds: i } = Yt((e == null ? void 0 : e.annotationPageManagerId) || (t == null ? void 0 : t.id) || (n == null ? void 0 : n.id), {
+function Wr(e) {
+  const t = Ce(), n = Se(), o = ae(), [r, a] = Lr(), { enabledPageIds: i } = zt((e == null ? void 0 : e.annotationPageManagerId) || (t == null ? void 0 : t.id) || (n == null ? void 0 : n.id), {
     all: !1
-  }), s = jr(i, "AnnotationPage"), f = (e == null ? void 0 : e.strategies) || [
+  }), s = Mr(i, "AnnotationPage"), f = (e == null ? void 0 : e.strategies) || [
     "empty",
     "images",
     "media",
     "textual-content",
     "complex-timeline"
-  ], [h, u] = kr(e, [a]), y = N(() => Ur({ canvas: n, paintables: h, supports: f, loadImageService: r }), [n, h, o, u.makeChoice]);
-  return N(() => y.type === "unknown" ? [y, Sr] : [
+  ], [h, u] = Nr(e, [a]), y = N(() => $r({ canvas: n, paintables: h, supports: f, loadImageService: r }), [n, h, o, u.makeChoice]);
+  return N(() => y.type === "unknown" ? [y, xr] : [
     {
       ...y,
       annotations: { pages: s }
@@ -1341,19 +1345,19 @@ function $r(e) {
     u
   ], [y, s]);
 }
-const Wr = (e, t = []) => {
-  const n = re();
+const Hr = (e, t = []) => {
+  const n = ae();
   be(() => {
     e(n);
   }, [n, ...t]);
 };
-function Qt(e, t, { canvasId: n, manifestId: o } = {}) {
-  const r = re(), a = Je(), i = N(() => An(r, { imageServiceLoader: a }), [r, a]), [s, f] = ae(), h = Ce(o ? { id: o } : void 0), u = Se(n ? { id: n } : void 0), y = u || h, x = Ee(!1);
+function Gt(e, t, { canvasId: n, manifestId: o } = {}) {
+  const r = ae(), a = Je(), i = N(() => kn(r, { imageServiceLoader: a }), [r, a]), [s, f] = ie(), h = Ce(o ? { id: o } : void 0), u = Se(n ? { id: n } : void 0), y = u || h, x = Ee(!1);
   if (be(() => (x.current = !1, () => {
     x.current = !0;
   }), []), !y)
     throw new Error("Must be called under a manifest or canvas context.");
-  return Wr(
+  return Hr(
     (M) => {
       i.getBestThumbnailAtSize(y, e, t).then((I) => {
         I.best && !x.current && f(I.best);
@@ -1362,10 +1366,10 @@ function Qt(e, t, { canvasId: n, manifestId: o } = {}) {
     [y]
   ), s;
 }
-function Hr(e) {
+function Yr(e) {
   return { isMuted: !1, playRequested: !1, isPlaying: !1, isFinished: !1, volume: 100, duration: e };
 }
-function Yr(e, t) {
+function zr(e, t) {
   switch (t.type) {
     case "FINISHED":
       return { ...e, isFinished: !0, isPlaying: !1, playRequested: !1 };
@@ -1388,13 +1392,13 @@ function Yr(e, t) {
   }
   return e;
 }
-function zr(e) {
+function Kr(e) {
   const t = Math.round(e);
   return `${Math.floor(t / 60)}:${`${t % 60}`.padStart(2, "0")}`;
 }
-function pt(e) {
-  const [t, n] = Pn(Yr, Hr(e.duration)), o = Ee(null), r = Ee(null), a = Ee(null), i = Ee(!1), s = Q(() => {
-    r.current && o.current && (r.current.innerHTML = zr(o.current.currentTime), a.current && (a.current.style.width = `${o.current.currentTime / e.duration * 100}%`), i.current !== o.current.muted && (i.current = o.current.muted, n(o.current.muted ? { type: "MUTE" } : { type: "UNMUTE" })));
+function yt(e) {
+  const [t, n] = On(zr, Yr(e.duration)), o = Ee(null), r = Ee(null), a = Ee(null), i = Ee(!1), s = Q(() => {
+    r.current && o.current && (r.current.innerHTML = Kr(o.current.currentTime), a.current && (a.current.style.width = `${o.current.currentTime / e.duration * 100}%`), i.current !== o.current.muted && (i.current = o.current.muted, n(o.current.muted ? { type: "MUTE" } : { type: "UNMUTE" })));
   }, [e.duration]), f = Q(() => {
     o.current && (n({ type: "PLAY_REQUESTED" }), o.current.play().then(() => {
       n({ type: "PLAY" });
@@ -1442,26 +1446,26 @@ function pt(e) {
     }
   ];
 }
-const Gt = xe(null), Xt = xe(null), Jt = xe(null);
+const Xt = xe(null), Jt = xe(null), Zt = xe(null);
 function xo() {
-  const e = ue(Gt);
+  const e = ue(Xt);
   if (!e)
     throw new Error("Ctx not found");
   return e;
 }
 function To() {
-  const e = ue(Xt);
+  const e = ue(Jt);
   if (!e)
     throw new Error("Ctx not found");
   return e;
 }
 function Eo() {
-  const e = ue(Jt);
+  const e = ue(Zt);
   if (!e)
     throw new Error("Ctx not found");
   return e;
 }
-function Zt({
+function en({
   actions: e,
   state: t,
   children: n,
@@ -1469,12 +1473,12 @@ function Zt({
   progress: r,
   element: a
 }) {
-  return /* @__PURE__ */ d(Jt.Provider, { value: { currentTime: o, progress: r, element: a }, children: /* @__PURE__ */ d(Xt.Provider, { value: e, children: /* @__PURE__ */ d(Gt.Provider, { value: t, children: n }) }) });
+  return /* @__PURE__ */ d(Zt.Provider, { value: { currentTime: o, progress: r, element: a }, children: /* @__PURE__ */ d(Jt.Provider, { value: e, children: /* @__PURE__ */ d(Xt.Provider, { value: t, children: n }) }) });
 }
-function en({ media: e, children: t }) {
-  const [{ element: n, currentTime: o, progress: r }, a, i] = pt({ duration: e.duration });
+function tn({ media: e, children: t }) {
+  const [{ element: n, currentTime: o, progress: r }, a, i] = yt({ duration: e.duration });
   return /* @__PURE__ */ X(
-    Zt,
+    en,
     {
       state: a,
       actions: i,
@@ -1488,14 +1492,14 @@ function en({ media: e, children: t }) {
     }
   );
 }
-function tn({
+function nn({
   media: e,
   mediaControlsDeps: t,
   children: n
 }) {
-  return Ve("portal", "audio", en, { media: e, children: n }, [e, ...t || []]), null;
+  return Ve("portal", "audio", tn, { media: e, children: n }, [e, ...t || []]), null;
 }
-function nn({
+function rn({
   element: e,
   media: t,
   playPause: n
@@ -1518,20 +1522,20 @@ function nn({
     /* @__PURE__ */ d("video", { ref: e, src: t.url, style: { width: "100%", objectFit: "contain" } })
   ] });
 }
-function rn({
+function on({
   media: e,
   mediaControlsDeps: t,
   children: n
 }) {
-  const [{ element: o, currentTime: r, progress: a }, i, s] = pt({ duration: e.duration });
-  return Ve("overlay", "video-element", nn, {
+  const [{ element: o, currentTime: r, progress: a }, i, s] = yt({ duration: e.duration });
+  return Ve("overlay", "video-element", rn, {
     element: o,
     media: e,
     playPause: s.playPause
   }), Ve(
     "portal",
     "custom-controls",
-    Zt,
+    en,
     {
       state: i,
       actions: s,
@@ -1543,7 +1547,7 @@ function rn({
     [r, i, e, ...t || []]
   ), null;
 }
-function on({ model: e }) {
+function an({ model: e }) {
   return /* @__PURE__ */ X(Oe, { children: [
     /* @__PURE__ */ d("style", { children: `
             .model-container {
@@ -1571,10 +1575,10 @@ function on({ model: e }) {
     ) })
   ] });
 }
-function an({ model: e, name: t }) {
-  return Ve("overlay", `model-${t}`, on, { model: e }, [e]), null;
+function sn({ model: e, name: t }) {
+  return Ve("overlay", `model-${t}`, an, { model: e }, [e]), null;
 }
-function sn({ style: e }) {
+function cn({ style: e }) {
   const t = Se();
   return !t || !t.height || !t.width ? null : /* @__PURE__ */ d(
     "box",
@@ -1585,21 +1589,21 @@ function sn({ style: e }) {
     }
   );
 }
-const cn = Ie.createContext("en");
+const un = Ie.createContext("en");
 function Io(e) {
-  return /* @__PURE__ */ d(cn.Provider, { value: e.language, children: e.children });
+  return /* @__PURE__ */ d(un.Provider, { value: e.language, children: e.children });
 }
-function ht() {
-  return Ie.useContext(cn);
+function gt() {
+  return Ie.useContext(un);
 }
-function xt(e) {
+function Et(e) {
   return e.indexOf("-") !== -1 ? e.slice(0, e.indexOf("-")) : e;
 }
-function Kr({ as: e, language: t, children: n, viewingDirection: o, ...r }) {
-  const a = ht();
-  return N(() => xt(a) === xt(t), [a, t]) ? e ? /* @__PURE__ */ d(e, { ...r, children: n }) : /* @__PURE__ */ d("span", { ...r, children: n }) : e ? /* @__PURE__ */ d(e, { ...r, lang: t, dir: o, children: n }) : /* @__PURE__ */ d("span", { ...r, lang: t, dir: o, children: n });
+function Qr({ as: e, language: t, children: n, viewingDirection: o, ...r }) {
+  const a = gt();
+  return N(() => Et(a) === Et(t), [a, t]) ? e ? /* @__PURE__ */ d(e, { ...r, children: n }) : /* @__PURE__ */ d("span", { ...r, children: n }) : e ? /* @__PURE__ */ d(e, { ...r, lang: t, dir: o, children: n }) : /* @__PURE__ */ d("span", { ...r, lang: t, dir: o, children: n });
 }
-function un(e, t, n) {
+function ln(e, t, n) {
   if (t.length === 0)
     return;
   if (t.length === 1)
@@ -1614,16 +1618,16 @@ function un(e, t, n) {
       return r;
   return t.indexOf("none") !== -1 ? "none" : t.indexOf("@none") !== -1 ? "@none" : t[0];
 }
-const Qr = (e, t = []) => {
-  const n = ht();
+const Gr = (e, t = []) => {
+  const n = gt();
   return N(() => {
     const o = e();
-    return un(n, o, []);
+    return ln(n, o, []);
   }, [n, ...t]);
 };
-function Gr(e, t, n = `
+function Xr(e, t, n = `
 `) {
-  const o = Qr(() => Object.keys(e || {}), [e]);
+  const o = Gr(() => Object.keys(e || {}), [e]);
   return [
     N(() => {
       if (!e)
@@ -1637,9 +1641,9 @@ function Gr(e, t, n = `
   ];
 }
 function Co() {
-  const e = ht();
+  const e = gt();
   return function(n, o, r) {
-    const a = Object.keys(n || {}), i = un(e, a, []);
+    const a = Object.keys(n || {}), i = ln(e, a, []);
     if (!n)
       return o || "";
     if (typeof n == "string")
@@ -1657,9 +1661,9 @@ function Ne({
   separator: r,
   ...a
 }) {
-  const [i, s] = Gr(o, t, r);
+  const [i, s] = Xr(o, t, r);
   return s ? /* @__PURE__ */ d(
-    Kr,
+    Qr,
     {
       ...a,
       as: e,
@@ -1682,7 +1686,7 @@ function Ne({
     }
   );
 }
-function Xr({
+function Jr({
   element: e,
   media: t,
   playPause: n
@@ -1720,19 +1724,19 @@ function Xr({
     )
   ] }) : null;
 }
-function Jr({
+function Zr({
   media: e,
   mediaControlsDeps: t,
   children: n
 }) {
-  const [{ element: o, currentTime: r, progress: a }, i, s] = pt({ duration: e.duration });
-  return Ve("overlay", "video-element", Xr, {
+  const [{ element: o, currentTime: r, progress: a }, i, s] = yt({ duration: e.duration });
+  return Ve("overlay", "video-element", Jr, {
     element: o,
     media: e,
     playPause: s.playPause
   }), null;
 }
-function ln({
+function fn({
   x: e,
   y: t,
   onChoiceChange: n,
@@ -1753,7 +1757,7 @@ function ln({
   onClickPaintingAnnotation: C,
   children: A
 }) {
-  const S = Se(), F = Ft(S, ["deep-zoom"]), [L] = gr(), R = br(), B = re(), j = N(() => ut(B), [B]), [O, U] = $r({
+  const S = Se(), F = Ut(S, ["deep-zoom"]), [L] = mr(), R = wr(), B = ae(), j = N(() => ut(B), [B]), [O, U] = Wr({
     strategies: u || ["images"],
     defaultChoices: r == null ? void 0 : r.map(({ id: V }) => V)
   }), H = O.type === "images" ? O.choice : void 0, G = N(() => I ? 1 : Math.max(
@@ -1763,7 +1767,7 @@ function ln({
       return (V.width || 0) / ((te = V.target) == null ? void 0 : te.spatial.width);
     }) : []
   ), [I, O]);
-  wr(G), be(() => {
+  Pr(G), be(() => {
     o && o(U);
   }, [O.annotations]), be(() => {
     if (r)
@@ -1776,14 +1780,14 @@ function ln({
   }, [H]), Ve(
     R && (O.type === "images" || O.type === "empty" || O.type === "textual-content" && i) ? "overlay" : "none",
     `canvas-portal-controls-${S == null ? void 0 : S.id}`,
-    ft.Provider,
+    pt.Provider,
     i ? {
       value: R || null,
       children: i(O)
     } : {},
     [S, R, O, ...f || []]
   );
-  const Y = Qt({ maxWidth: 256, maxHeight: 256 });
+  const Y = Gt({ maxWidth: 256, maxHeight: 256 });
   if (!S)
     return null;
   const Z = S.accompanyingCanvas, ee = Y && Y.type === "fixed" ? /* @__PURE__ */ d("world-object", { height: S.height, width: S.width, x: e, y: t, children: /* @__PURE__ */ d(
@@ -1820,12 +1824,12 @@ function ln({
         y: t,
         ...F,
         children: [
-          O.type === "empty" || M ? /* @__PURE__ */ d(sn, { style: x }) : null,
+          O.type === "empty" || M ? /* @__PURE__ */ d(cn, { style: x }) : null,
           O.type === "textual-content" ? O.items.map((V, te) => {
             var $;
             return /* @__PURE__ */ X(Oe, { children: [
               /* @__PURE__ */ d(
-                In,
+                Cn,
                 {
                   onClick: C ? (le) => {
                     le.stopPropagation(), C(V.annotationId, V, le);
@@ -1840,7 +1844,7 @@ function ln({
           }) : null,
           O.type === "images" ? /* @__PURE__ */ X(Oe, { children: [
             O.images.map((V, te) => /* @__PURE__ */ d(
-              Wt,
+              Ht,
               {
                 isStatic: a,
                 image: V,
@@ -1856,14 +1860,14 @@ function ln({
             )),
             se
           ] }) : null,
-          O.type === "3d-model" ? /* @__PURE__ */ d(an, { model: O.model }) : null,
-          O.type === "media" ? /* @__PURE__ */ d(Oe, { children: O.media.type === "Sound" ? /* @__PURE__ */ X(tn, { media: O.media, mediaControlsDeps: h, children: [
+          O.type === "3d-model" ? /* @__PURE__ */ d(sn, { model: O.model }) : null,
+          O.type === "media" ? /* @__PURE__ */ d(Oe, { children: O.media.type === "Sound" ? /* @__PURE__ */ X(nn, { media: O.media, mediaControlsDeps: h, children: [
             ee,
             s ? s(O) : null
-          ] }) : O.media.type === "Video" ? /* @__PURE__ */ X(rn, { media: O.media, mediaControlsDeps: h, children: [
+          ] }) : O.media.type === "Video" ? /* @__PURE__ */ X(on, { media: O.media, mediaControlsDeps: h, children: [
             ee,
             s ? s(O) : null
-          ] }) : O.media.type === "VideoYouTube" && E ? /* @__PURE__ */ X(Jr, { media: O.media, mediaControlsDeps: h, children: [
+          ] }) : O.media.type === "VideoYouTube" && E ? /* @__PURE__ */ X(Zr, { media: O.media, mediaControlsDeps: h, children: [
             ee,
             s ? s(O) : null
           ] }) : null }) : null
@@ -1871,16 +1875,12 @@ function ln({
       },
       `${S.id}/${O.type}/${me}`
     ),
-    O.type === "media" && O.media.type === "Sound" && Z ? /* @__PURE__ */ d(Qe, { canvas: Z.id, children: /* @__PURE__ */ d(ln, { renderViewerControls: i }) }) : null
+    O.type === "media" && O.media.type === "Sound" && Z ? /* @__PURE__ */ d(Qe, { canvas: Z.id, children: /* @__PURE__ */ d(fn, { renderViewerControls: i }) }) : null
   ] });
 }
-function Zr() {
-  const e = ue(Ke);
-  return e && e.vault ? e.vault : Et();
-}
 const eo = ct(function(t, n) {
-  const o = Ce(), r = jt(), a = kt(), { ViewerControls: i, MediaControls: s } = t.components || {};
-  if (Tt(n, () => a, [a]), !o)
+  const o = Ce(), r = Mt(), a = Nt(), { ViewerControls: i, MediaControls: s } = t.components || {};
+  if (It(n, () => a, [a]), !o)
     return /* @__PURE__ */ d("div", {});
   let f = 0;
   return /* @__PURE__ */ X(Oe, { children: [
@@ -1910,20 +1910,9 @@ const eo = ct(function(t, n) {
     ),
     t.children
   ] });
-}), ge = ct(function({
-  children: t,
-  height: n,
-  annotations: o,
-  canvasProps: r,
-  spacing: a,
-  header: i,
-  components: s,
-  mode: f,
-  reuseAtlas: h,
-  ...u
-}, y) {
-  const x = Zr();
-  return /* @__PURE__ */ d(It, { vault: x, children: /* @__PURE__ */ d(Hn, { ...u, children: /* @__PURE__ */ d(
+}), ge = ct(function({ children: t, height: n, annotations: o, canvasProps: r, spacing: a, header: i, components: s, mode: f, reuseAtlas: h, ...u }, y) {
+  const x = dt();
+  return /* @__PURE__ */ d(ft, { vault: x, children: /* @__PURE__ */ d(Yn, { ...u, children: /* @__PURE__ */ d(
     eo,
     {
       ref: y,
@@ -1939,25 +1928,25 @@ const eo = ct(function(t, n) {
     }
   ) }) });
 });
-ge.RenderImage = Wt;
-ge.RenderCanvas = ln;
+ge.RenderImage = Ht;
+ge.RenderCanvas = fn;
 ge.RenderAnnotationPage = at;
-ge.RenderAnnotation = $t;
-ge.Viewer = Pr;
-ge.CanvasBackground = sn;
-ge.Audio = tn;
-ge.Video = rn;
-ge.Model = an;
-ge.AudioHTML = en;
-ge.VideoHTML = nn;
-ge.ModelHTML = on;
+ge.RenderAnnotation = Wt;
+ge.Viewer = Or;
+ge.CanvasBackground = cn;
+ge.Audio = nn;
+ge.Video = on;
+ge.Model = sn;
+ge.AudioHTML = tn;
+ge.VideoHTML = rn;
+ge.ModelHTML = an;
 const jo = ct(
   function({ canvasId: t }, n) {
-    const o = Cn(), r = Yt(t || (o == null ? void 0 : o.id)), a = re();
-    return Tt(n, () => r, [t, o]), !o || r.enabledPageIds.length === 0 ? null : /* @__PURE__ */ d(Oe, { children: r.enabledPageIds.map((i) => /* @__PURE__ */ d(ge.RenderAnnotationPage, { page: a.get(i) }, i)) });
+    const o = jn(), r = zt(t || (o == null ? void 0 : o.id)), a = ae();
+    return It(n, () => r, [t, o]), !o || r.enabledPageIds.length === 0 ? null : /* @__PURE__ */ d(Oe, { children: r.enabledPageIds.map((i) => /* @__PURE__ */ d(ge.RenderAnnotationPage, { page: a.get(i) }, i)) });
   }
 );
-function fn({
+function dn({
   metadata: e = [],
   config: t,
   labelWidth: n = 16,
@@ -2043,21 +2032,21 @@ function fn({
   ] });
 }
 function Mo(e) {
-  const t = Ce(), n = Se(), o = At(), r = N(() => {
+  const t = Ce(), n = Se(), o = kt(), r = N(() => {
     const a = (t == null ? void 0 : t.metadata) || [], i = (n == null ? void 0 : n.metadata) || [], s = (o == null ? void 0 : o.metadata) || [];
     return [...a, ...i, ...s];
   }, [t, n, o]);
-  return /* @__PURE__ */ d(fn, { metadata: r, ...e });
+  return /* @__PURE__ */ d(dn, { metadata: r, ...e });
 }
-function dn(e, t = {}, n = []) {
+function pn(e, t = {}, n = []) {
   return N(() => {
     var i, s;
     if (!e)
       return null;
     let o = t.quality;
     e && e.extraQualities && t.quality && (e.extraQualities.includes(t.quality) || (console.log("Invalid quality", t.quality, e.extraQualities), o = "default"));
-    const r = Rn(e);
-    return Ln({
+    const r = Ln(e);
+    return An({
       identifier: r.identifier,
       server: r.server,
       scheme: r.scheme,
@@ -2080,7 +2069,7 @@ function dn(e, t = {}, n = []) {
   }, [...n]);
 }
 function to(e) {
-  const t = typeof e.src == "string" ? e.src : e.src.id, n = Je(), [o, r] = ae(!1);
+  const t = typeof e.src == "string" ? e.src : e.src.id, n = Je(), [o, r] = ie(!1);
   let a;
   if (t) {
     const s = n.loadServiceSync({ id: t });
@@ -2089,7 +2078,7 @@ function to(e) {
   !a && !o && n.loadService({ id: t }).then(() => {
     r(!0);
   });
-  const i = dn(
+  const i = pn(
     a,
     {
       size: e.size,
@@ -2108,7 +2097,7 @@ function to(e) {
 function no(e) {
   if (e.fetchImageService)
     return /* @__PURE__ */ d(to, { ...e });
-  const t = typeof e.src == "string" ? { id: e.src, profile: "level0" } : e.src, n = dn(
+  const t = typeof e.src == "string" ? { id: e.src, profile: "level0" } : e.src, n = pn(
     t,
     {
       size: e.size,
@@ -2124,9 +2113,9 @@ function no(e) {
 }
 function Ro(e) {
   const t = Ce();
-  return /* @__PURE__ */ d(fn, { metadata: (t == null ? void 0 : t.metadata) || [], ...e });
+  return /* @__PURE__ */ d(dn, { metadata: (t == null ? void 0 : t.metadata) || [], ...e });
 }
-var pn = { exports: {} };
+var hn = { exports: {} };
 (() => {
   var e = { 296: (r, a, i) => {
     var s = /^\s+|\s+$/g, f = /^[-+]0x[0-9a-f]+$/i, h = /^0b[01]+$/i, u = /^0o[0-7]+$/i, y = parseInt, x = typeof i.g == "object" && i.g && i.g.Object === Object && i.g, M = typeof self == "object" && self && self.Object === Object && self, I = x || M || Function("return this")(), b = Object.prototype.toString, E = Math.max, C = Math.min, A = function() {
@@ -2159,29 +2148,29 @@ var pn = { exports: {} };
       var j, O, U, H, G, Y, Z = 0, ee = !1, se = !1, me = !0;
       if (typeof L != "function")
         throw new TypeError("Expected a function");
-      function V(oe) {
-        var ie = j, de = O;
-        return j = O = void 0, Z = oe, H = L.apply(de, ie);
+      function V(re) {
+        var oe = j, de = O;
+        return j = O = void 0, Z = re, H = L.apply(de, oe);
       }
-      function te(oe) {
-        var ie = oe - Y;
-        return Y === void 0 || ie >= R || ie < 0 || se && oe - Z >= U;
+      function te(re) {
+        var oe = re - Y;
+        return Y === void 0 || oe >= R || oe < 0 || se && re - Z >= U;
       }
       function $() {
-        var oe = A();
-        if (te(oe))
-          return le(oe);
-        G = setTimeout($, function(ie) {
-          var de = R - (ie - Y);
-          return se ? C(de, U - (ie - Z)) : de;
-        }(oe));
+        var re = A();
+        if (te(re))
+          return le(re);
+        G = setTimeout($, function(oe) {
+          var de = R - (oe - Y);
+          return se ? C(de, U - (oe - Z)) : de;
+        }(re));
       }
-      function le(oe) {
-        return G = void 0, me && j ? V(oe) : (j = O = void 0, H);
+      function le(re) {
+        return G = void 0, me && j ? V(re) : (j = O = void 0, H);
       }
       function fe() {
-        var oe = A(), ie = te(oe);
-        if (j = arguments, O = this, Y = oe, ie) {
+        var re = A(), oe = te(re);
+        if (j = arguments, O = this, Y = re, oe) {
           if (G === void 0)
             return function(de) {
               return Z = de, G = setTimeout($, R), ee ? V(de) : H;
@@ -2229,7 +2218,7 @@ var pn = { exports: {} };
       if (typeof j != "function")
         throw new TypeError(s);
       return R(U) && (H = "leading" in U ? !!U.leading : H, G = "trailing" in U ? !!U.trailing : G), function(Y, Z, ee) {
-        var se, me, V, te, $, le, fe = 0, oe = !1, ie = !1, de = !0;
+        var se, me, V, te, $, le, fe = 0, re = !1, oe = !1, de = !0;
         if (typeof Y != "function")
           throw new TypeError(s);
         function _e(pe) {
@@ -2238,7 +2227,7 @@ var pn = { exports: {} };
         }
         function Be(pe) {
           var ve = pe - le;
-          return le === void 0 || ve >= Z || ve < 0 || ie && pe - fe >= V;
+          return le === void 0 || ve >= Z || ve < 0 || oe && pe - fe >= V;
         }
         function we() {
           var pe = L();
@@ -2246,7 +2235,7 @@ var pn = { exports: {} };
             return qe(pe);
           $ = setTimeout(we, function(ve) {
             var Pe = Z - (ve - le);
-            return ie ? F(Pe, V - (ve - fe)) : Pe;
+            return oe ? F(Pe, V - (ve - fe)) : Pe;
           }(pe));
         }
         function qe(pe) {
@@ -2257,14 +2246,14 @@ var pn = { exports: {} };
           if (se = arguments, me = this, le = pe, ve) {
             if ($ === void 0)
               return function(Pe) {
-                return fe = Pe, $ = setTimeout(we, Z), oe ? _e(Pe) : te;
+                return fe = Pe, $ = setTimeout(we, Z), re ? _e(Pe) : te;
               }(le);
-            if (ie)
+            if (oe)
               return $ = setTimeout(we, Z), _e(le);
           }
           return $ === void 0 && ($ = setTimeout(we, Z)), te;
         }
-        return Z = B(Z) || 0, R(ee) && (oe = !!ee.leading, V = (ie = "maxWait" in ee) ? S(B(ee.maxWait) || 0, Z) : V, de = "trailing" in ee ? !!ee.trailing : de), Me.cancel = function() {
+        return Z = B(Z) || 0, R(ee) && (re = !!ee.leading, V = (oe = "maxWait" in ee) ? S(B(ee.maxWait) || 0, Z) : V, de = "trailing" in ee ? !!ee.trailing : de), Me.cancel = function() {
           $ !== void 0 && clearTimeout($), fe = 0, se = le = me = $ = void 0;
         }, Me.flush = function() {
           return $ === void 0 ? te : qe(L());
@@ -2323,10 +2312,10 @@ var pn = { exports: {} };
   };
   var o = {};
   (() => {
-    n.r(o), n.d(o, { LazyLoadComponent: () => yt, LazyLoadImage: () => vn, trackWindowScroll: () => le });
+    n.r(o), n.d(o, { LazyLoadComponent: () => mt, LazyLoadImage: () => bn, trackWindowScroll: () => le });
     const r = Ie;
     var a = n.n(r), i = n(697);
-    const s = kn;
+    const s = Nn;
     var f = n.n(s);
     function h() {
       return typeof window < "u" && "IntersectionObserver" in window && "isIntersecting" in window.IntersectionObserverEntry.prototype;
@@ -2608,10 +2597,10 @@ var pn = { exports: {} };
             var K, W, ce = function(he, ke) {
               if (he == null)
                 return {};
-              var Re, $e, bt = {}, wt = Object.keys(he);
-              for ($e = 0; $e < wt.length; $e++)
-                Re = wt[$e], ke.indexOf(Re) >= 0 || (bt[Re] = he[Re]);
-              return bt;
+              var Re, $e, Pt = {}, Ot = Object.keys(he);
+              for ($e = 0; $e < Ot.length; $e++)
+                Re = Ot[$e], ke.indexOf(Re) >= 0 || (Pt[Re] = he[Re]);
+              return Pt;
             }(D, z);
             if (Object.getOwnPropertySymbols) {
               var J = Object.getOwnPropertySymbols(D);
@@ -2632,7 +2621,7 @@ var pn = { exports: {} };
         return c && typeof Symbol == "function" && c.constructor === Symbol && c !== Symbol.prototype ? "symbol" : typeof c;
       }, fe(g);
     }
-    function oe(g, c) {
+    function re(g, c) {
       for (var m = 0; m < c.length; m++) {
         var v = c[m];
         v.enumerable = v.enumerable || !1, v.configurable = !0, "value" in v && (v.writable = !0), Object.defineProperty(g, (k = function(_, q) {
@@ -2650,10 +2639,10 @@ var pn = { exports: {} };
       }
       var k;
     }
-    function ie(g, c) {
-      return ie = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(m, v) {
+    function oe(g, c) {
+      return oe = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(m, v) {
         return m.__proto__ = v, m;
-      }, ie(g, c);
+      }, oe(g, c);
     }
     function de(g) {
       return de = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(c) {
@@ -2664,7 +2653,7 @@ var pn = { exports: {} };
       (function(l, p) {
         if (typeof p != "function" && p !== null)
           throw new TypeError("Super expression must either be null or a function");
-        l.prototype = Object.create(p && p.prototype, { constructor: { value: l, writable: !0, configurable: !0 } }), Object.defineProperty(l, "prototype", { writable: !1 }), p && ie(l, p);
+        l.prototype = Object.create(p && p.prototype, { constructor: { value: l, writable: !0, configurable: !0 } }), Object.defineProperty(l, "prototype", { writable: !1 }), p && oe(l, p);
       })(q, g);
       var c, m, v, k, _ = (v = q, k = function() {
         if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
@@ -2704,7 +2693,7 @@ var pn = { exports: {} };
       }
       return c = q, (m = [{ key: "render", value: function() {
         return a().createElement(F, this.props);
-      } }]) && oe(c.prototype, m), Object.defineProperty(c, "prototype", { writable: !1 }), q;
+      } }]) && re(c.prototype, m), Object.defineProperty(c, "prototype", { writable: !1 }), q;
     }(a().Component);
     const Be = le(_e);
     function we(g) {
@@ -2804,7 +2793,7 @@ var pn = { exports: {} };
     }, beforeLoad: function() {
       return {};
     }, useIntersectionObserver: !0, visibleByDefault: !1 };
-    const yt = Pe;
+    const mt = Pe;
     function Ae(g) {
       return Ae = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(c) {
         return typeof c;
@@ -2812,8 +2801,8 @@ var pn = { exports: {} };
         return c && typeof Symbol == "function" && c.constructor === Symbol && c !== Symbol.prototype ? "symbol" : typeof c;
       }, Ae(g);
     }
-    var yn = ["afterLoad", "beforeLoad", "delayMethod", "delayTime", "effect", "placeholder", "placeholderSrc", "scrollPosition", "threshold", "useIntersectionObserver", "visibleByDefault", "wrapperClassName", "wrapperProps"];
-    function gt(g, c) {
+    var gn = ["afterLoad", "beforeLoad", "delayMethod", "delayTime", "effect", "placeholder", "placeholderSrc", "scrollPosition", "threshold", "useIntersectionObserver", "visibleByDefault", "wrapperClassName", "wrapperProps"];
+    function vt(g, c) {
       var m = Object.keys(g);
       if (Object.getOwnPropertySymbols) {
         var v = Object.getOwnPropertySymbols(g);
@@ -2823,19 +2812,19 @@ var pn = { exports: {} };
       }
       return m;
     }
-    function mt(g) {
+    function bt(g) {
       for (var c = 1; c < arguments.length; c++) {
         var m = arguments[c] != null ? arguments[c] : {};
-        c % 2 ? gt(Object(m), !0).forEach(function(v) {
-          gn(g, v, m[v]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(g, Object.getOwnPropertyDescriptors(m)) : gt(Object(m)).forEach(function(v) {
+        c % 2 ? vt(Object(m), !0).forEach(function(v) {
+          mn(g, v, m[v]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(g, Object.getOwnPropertyDescriptors(m)) : vt(Object(m)).forEach(function(v) {
           Object.defineProperty(g, v, Object.getOwnPropertyDescriptor(m, v));
         });
       }
       return g;
     }
-    function gn(g, c, m) {
-      return (c = vt(c)) in g ? Object.defineProperty(g, c, { value: m, enumerable: !0, configurable: !0, writable: !0 }) : g[c] = m, g;
+    function mn(g, c, m) {
+      return (c = wt(c)) in g ? Object.defineProperty(g, c, { value: m, enumerable: !0, configurable: !0, writable: !0 }) : g[c] = m, g;
     }
     function Fe() {
       return Fe = Object.assign ? Object.assign.bind() : function(g) {
@@ -2847,13 +2836,13 @@ var pn = { exports: {} };
         return g;
       }, Fe.apply(this, arguments);
     }
-    function mn(g, c) {
+    function vn(g, c) {
       for (var m = 0; m < c.length; m++) {
         var v = c[m];
-        v.enumerable = v.enumerable || !1, v.configurable = !0, "value" in v && (v.writable = !0), Object.defineProperty(g, vt(v.key), v);
+        v.enumerable = v.enumerable || !1, v.configurable = !0, "value" in v && (v.writable = !0), Object.defineProperty(g, wt(v.key), v);
       }
     }
-    function vt(g) {
+    function wt(g) {
       var c = function(m, v) {
         if (Ae(m) !== "object" || m === null)
           return m;
@@ -2944,18 +2933,18 @@ var pn = { exports: {} };
               w = K[D], P.indexOf(w) >= 0 || Object.prototype.propertyIsEnumerable.call(T, w) && (z[w] = T[w]);
           }
           return z;
-        }(l, yn));
+        }(l, gn));
         return a().createElement("img", Fe({}, p, { onLoad: this.onImageLoad() }));
       } }, { key: "getLazyLoadImage", value: function() {
         var l = this.props, p = l.beforeLoad, T = l.className, P = l.delayMethod, w = l.delayTime, D = l.height, z = l.placeholder, K = l.scrollPosition, W = l.style, ce = l.threshold, J = l.useIntersectionObserver, he = l.visibleByDefault, ke = l.width;
-        return a().createElement(yt, { beforeLoad: p, className: T, delayMethod: P, delayTime: w, height: D, placeholder: z, scrollPosition: K, style: W, threshold: ce, useIntersectionObserver: J, visibleByDefault: he, width: ke }, this.getImg());
+        return a().createElement(mt, { beforeLoad: p, className: T, delayMethod: P, delayTime: w, height: D, placeholder: z, scrollPosition: K, style: W, threshold: ce, useIntersectionObserver: J, visibleByDefault: he, width: ke }, this.getImg());
       } }, { key: "getWrappedLazyLoadImage", value: function(l) {
         var p = this.props, T = p.effect, P = p.height, w = p.placeholderSrc, D = p.width, z = p.wrapperClassName, K = p.wrapperProps, W = this.state.loaded, ce = W ? " lazy-load-image-loaded" : "", J = W || !w ? {} : { backgroundImage: "url(".concat(w, ")"), backgroundSize: "100% 100%" };
-        return a().createElement("span", Fe({ className: z + " lazy-load-image-background " + T + ce, style: mt(mt({}, J), {}, { color: "transparent", display: "inline-block", height: P, width: D }) }, K), l);
+        return a().createElement("span", Fe({ className: z + " lazy-load-image-background " + T + ce, style: bt(bt({}, J), {}, { color: "transparent", display: "inline-block", height: P, width: D }) }, K), l);
       } }, { key: "render", value: function() {
         var l = this.props, p = l.effect, T = l.placeholderSrc, P = l.visibleByDefault, w = l.wrapperClassName, D = l.wrapperProps, z = this.getLazyLoadImage();
         return (p || T) && !P || w || D ? this.getWrappedLazyLoadImage(z) : z;
-      } }]) && mn(c.prototype, m), Object.defineProperty(c, "prototype", { writable: !1 }), q;
+      } }]) && vn(c.prototype, m), Object.defineProperty(c, "prototype", { writable: !1 }), q;
     }(a().Component);
     et.propTypes = { onLoad: i.PropTypes.func, afterLoad: i.PropTypes.func, beforeLoad: i.PropTypes.func, delayMethod: i.PropTypes.string, delayTime: i.PropTypes.number, effect: i.PropTypes.string, placeholderSrc: i.PropTypes.string, threshold: i.PropTypes.number, useIntersectionObserver: i.PropTypes.bool, visibleByDefault: i.PropTypes.bool, wrapperClassName: i.PropTypes.string, wrapperProps: i.PropTypes.object }, et.defaultProps = { onLoad: function() {
     }, afterLoad: function() {
@@ -2963,10 +2952,10 @@ var pn = { exports: {} };
     }, beforeLoad: function() {
       return {};
     }, delayMethod: "throttle", delayTime: 300, effect: "", placeholderSrc: null, threshold: 100, useIntersectionObserver: !0, visibleByDefault: !1, wrapperClassName: "" };
-    const vn = et;
-  })(), pn.exports = o;
+    const bn = et;
+  })(), hn.exports = o;
 })();
-var ro = pn.exports;
+var ro = hn.exports;
 function oo(e, t, n = [], o = !1, r = []) {
   if (r.length && (t = t.filter((i) => r.indexOf(i) === -1)), !t || t.length === 0)
     return;
@@ -2994,7 +2983,7 @@ function oo(e, t, n = [], o = !1, r = []) {
   }
   return t.indexOf("none") !== -1 ? "none" : t.indexOf("@none") !== -1 ? "@none" : t[0];
 }
-function hn(e, t, n = {}) {
+function yn(e, t, n = {}) {
   const {
     strictFallback: o = !1,
     defaultText: r = "",
@@ -3014,7 +3003,7 @@ function hn(e, t, n = {}) {
       return y;
     if (y.length === 1 && y[0] === "") {
       const x = n.skipLanguages || [];
-      return hn(e, t, {
+      return yn(e, t, {
         ...n,
         skipLanguages: [...x, u]
       });
@@ -3024,7 +3013,7 @@ function hn(e, t, n = {}) {
   return "";
 }
 function io(e, t = {}) {
-  return hn(
+  return yn(
     e,
     t.language || (typeof navigator < "u" ? navigator.language : "en"),
     t
@@ -3036,7 +3025,7 @@ function so(e) {
   return a ? /* @__PURE__ */ d("figure", { className: o == null ? void 0 : o.figure, children: h }) : h;
 }
 function co({ fallback: e, size: t, classes: n, showLabel: o, alt: r, dereference: a = !1 }) {
-  const i = Se(), s = (t == null ? void 0 : t.width) || 128, f = (t == null ? void 0 : t.height) || (t == null ? void 0 : t.width) || 128, h = r || io(i == null ? void 0 : i.label) || "", u = Qt({ width: s, height: f }, a);
+  const i = Se(), s = (t == null ? void 0 : t.width) || 128, f = (t == null ? void 0 : t.height) || (t == null ? void 0 : t.width) || 128, h = r || io(i == null ? void 0 : i.label) || "", u = Gt({ width: s, height: f }, a);
   return !u || u.type !== "fixed" ? /* @__PURE__ */ d(Oe, { children: e }) : /* @__PURE__ */ X(Oe, { children: [
     /* @__PURE__ */ d("div", { className: n == null ? void 0 : n.imageWrapper, children: /* @__PURE__ */ d("img", { className: n == null ? void 0 : n.img, src: u.id, alt: h }) }),
     o ? /* @__PURE__ */ d(Ne, { as: "figcaption", className: n == null ? void 0 : n.label, children: i == null ? void 0 : i.label }) : null
@@ -3044,7 +3033,7 @@ function co({ fallback: e, size: t, classes: n, showLabel: o, alt: r, dereferenc
 }
 function Lo({ flat: e, size: t, classes: n = {}, showLabel: o, figure: r, fallback: a }) {
   var M, I, b, E, C, A;
-  const i = Ee(null), { items: s, sequence: f, currentSequenceIndex: h, setSequenceIndex: u } = kt(), y = {
+  const i = Ee(null), { items: s, sequence: f, currentSequenceIndex: h, setSequenceIndex: u } = Nt(), y = {
     row: ((M = n.selected) == null ? void 0 : M.row) || n.row,
     item: ((I = n.selected) == null ? void 0 : I.item) || n.item,
     figure: ((b = n.selected) == null ? void 0 : b.figure) || n.figure,
@@ -3108,7 +3097,7 @@ function No({ collection: e, children: t }) {
   return /* @__PURE__ */ d(Le, { value: { collection: e }, children: t });
 }
 function Vo(e, t = {}) {
-  return dt(t);
+  return ht(t);
 }
 function _o(e, t = !1) {
 }
@@ -3138,7 +3127,7 @@ function Bo(e, t = []) {
   }, [i, o, ...t]);
 }
 function qo(e, t, n, o, r = []) {
-  const a = re(), i = N(() => qt(a), [a]);
+  const a = ae(), i = N(() => Ft(a), [a]);
   be(() => {
     const s = e;
     return s ? (i.addEventListener(s, t, n, o), () => {
@@ -3148,14 +3137,14 @@ function qo(e, t, n, o, r = []) {
   }, [i, e, t, ...r]);
 }
 function Fo(e, t) {
-  const { id: n, isLoaded: o, error: r, resource: a, requestId: i, cached: s } = Ct(
+  const { id: n, isLoaded: o, error: r, resource: a, requestId: i, cached: s } = jt(
     e,
     t
   );
   return { id: n, isLoaded: o, error: r, manifest: a, requestId: i, cached: s };
 }
 function uo({ cacheKey: e } = {}) {
-  const t = Se(), n = dt(), o = re(), r = Je(), [a, i] = ae(void 0), [s, f] = ae(!1), [h, u] = ae("idle"), [y, x] = ae(void 0), M = t ? t.id : "undefined", I = N(() => {
+  const t = Se(), n = ht(), o = ae(), r = Je(), [a, i] = ie(void 0), [s, f] = ie(!1), [h, u] = ie("idle"), [y, x] = ie(void 0), M = t ? t.id : "undefined", I = N(() => {
     try {
       if (t && n.length) {
         const E = n[0], C = o.get(E.body[0]), S = it(C)[0];
@@ -3219,7 +3208,7 @@ function $o() {
   ) : void 0;
 }
 function Wo() {
-  const e = re();
+  const e = ae();
   return N(() => ut(e), [e]);
 }
 export {
@@ -3230,96 +3219,96 @@ export {
   ge as CanvasPanel,
   No as CollectionContext,
   Mo as CombinedMetadata,
-  zn as ContextBridge,
+  Kn as ContextBridge,
   no as Image,
-  Mr as ImageServiceLoaderContext,
-  Wn as InnerViewerProvider,
+  Rr as ImageServiceLoaderContext,
+  Hn as InnerViewerProvider,
   Io as LanguageProvider,
-  Kr as LanguageString,
+  Qr as LanguageString,
   Ne as LocaleString,
-  qn as ManifestContext,
+  Fn as ManifestContext,
   Ro as ManifestMetadata,
-  Zt as MediaPlayerProvider,
-  fn as Metadata,
-  Fn as RangeContext,
+  en as MediaPlayerProvider,
+  dn as Metadata,
+  Un as RangeContext,
   Ke as ReactVaultContext,
   Le as ResourceProvider,
   lt as ResourceReactContext,
   Lo as SequenceThumbnails,
-  Hn as SimpleViewerProvider,
+  Yn as SimpleViewerProvider,
   Xe as SimpleViewerReactContext,
   so as SingleCanvasThumbnail,
-  It as VaultProvider,
-  ft as ViewerPresetContext,
-  mr as VirtualAnnotationProvider,
+  ft as VaultProvider,
+  pt as ViewerPresetContext,
+  vr as VirtualAnnotationProvider,
   Ge as VisibleCanvasReactContext,
-  Sr as emptyActions,
-  xr as emptyStrategy,
-  Mt as findAllCanvasesInRange,
-  Un as findFirstCanvasFromRange,
+  xr as emptyActions,
+  Tr as emptyStrategy,
+  Rt as findAllCanvasesInRange,
+  $n as findFirstCanvasFromRange,
   Po as findManifestSelectedRange,
-  Rt as findSelectedRange,
-  Ir as flattenAnnotationPageIds,
-  zr as formatTime,
-  Vr as get3dStrategy,
-  Dr as getImageStrategy,
-  Lt as getManifestSequence,
-  Ht as getParsedTargetSelector,
-  Ur as getRenderingStrategy,
-  Br as getTextualContentStrategy,
-  Fr as getVideoStrategy,
+  Lt as findSelectedRange,
+  Cr as flattenAnnotationPageIds,
+  Kr as formatTime,
+  _r as get3dStrategy,
+  Br as getImageStrategy,
+  At as getManifestSequence,
+  Yt as getParsedTargetSelector,
+  $r as getRenderingStrategy,
+  qr as getTextualContentStrategy,
+  Ur as getVideoStrategy,
   Oo as getVisibleCanvasesFromCanvasId,
   So as parseSpecificResource,
   rt as unknownResponse,
   ne as unsupportedStrategy,
-  Ut as useAnnotation,
-  Or as useAnnotationPage,
-  Yt as useAnnotationPageManager,
+  $t as useAnnotation,
+  Sr as useAnnotationPage,
+  zt as useAnnotationPageManager,
   Vo as useAnnotationsAtTime,
   Se as useCanvas,
   _o as useCanvasClock,
-  $n as useCanvasSequence,
+  Wn as useCanvasSequence,
   Do as useCanvasSubset,
-  Qr as useClosestLanguage,
+  Gr as useClosestLanguage,
   Bo as useCollection,
-  Yn as useContextBridge,
+  zn as useContextBridge,
   Co as useCreateLocaleString,
-  hr as useDispatch,
+  yr as useDispatch,
   qo as useEventListener,
-  Zr as useExistingVault,
+  dt as useExistingVault,
   Fo as useExternalCollection,
-  Bn as useExternalManifest,
-  Ct as useExternalResource,
-  ht as useIIIFLanguage,
-  dn as useImage,
+  qn as useExternalManifest,
+  jt as useExternalResource,
+  gt as useIIIFLanguage,
+  pn as useImage,
   uo as useImageService,
   Je as useImageServiceLoader,
   Uo as useImageTile,
-  Rr as useLoadImageService,
-  Gr as useLocaleString,
+  Lr as useLoadImageService,
+  Xr as useLocaleString,
   Ce as useManifest,
   To as useMediaActions,
   Eo as useMediaElements,
   xo as useMediaState,
-  kr as usePaintables,
-  dt as usePaintingAnnotations,
-  At as useRange,
-  $r as useRenderingStrategy,
+  Nr as usePaintables,
+  ht as usePaintingAnnotations,
+  kt as useRange,
+  Wr as useRenderingStrategy,
   je as useResourceContext,
-  Ft as useResourceEvents,
-  jr as useResources,
+  Ut as useResourceEvents,
+  Mr as useResources,
   $o as useSearchService,
-  pt as useSimpleMediaPlayer,
-  kt as useSimpleViewer,
+  yt as useSimpleMediaPlayer,
+  Nt as useSimpleViewer,
   Wo as useStyleHelper,
   ze as useStyles,
-  Qt as useThumbnail,
-  re as useVault,
-  Wr as useVaultEffect,
+  Gt as useThumbnail,
+  ae as useVault,
+  Hr as useVaultEffect,
   ye as useVaultSelector,
-  br as useViewerPreset,
-  yr as useVirtualAnnotationPage,
-  gr as useVirtualAnnotationPageContext,
-  jt as useVisibleCanvases
+  wr as useViewerPreset,
+  gr as useVirtualAnnotationPage,
+  mr as useVirtualAnnotationPageContext,
+  Mt as useVisibleCanvases
 };
 //# sourceMappingURL=index.mjs.map