react-iiif-vault 1.0.9 → 1.0.11

package/dist/bundle/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 Ee, { createContext as Te, Component as wn, createElement as St, isValidElement as Pn, useContext as ue, useMemo as N, useState as ie, useEffect as be, useRef as xe, useCallback as Q, useLayoutEffect as st, Fragment as Ye, useReducer as On, forwardRef as ct, useImperativeHandle as Et } from "react";
+import { AtlasAuto as Sn, ModeContext as xn, mergeStyles as Tn, RegionHighlight as In, TileSet as En, 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 = Te(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 = Ee.createContext(Bn), je = () => ue(lt);
 function Le({ value: e, children: t }) {
   const n = je(), o = N(() => ({
     ...n,
@@ -108,29 +108,27 @@ function Le({ value: e, children: t }) {
   }), [e, n]);
   return /* @__PURE__ */ d(lt.Provider, { value: o, children: t });
 }
-const Ke = Ie.createContext({
+const Ke = Ee.createContext({
   vault: null,
   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) => {
@@ -172,8 +176,8 @@ function ye(e, t = []) {
     !1
   ), t), o;
 }
-const Ge = Ie.createContext([]);
-function jt() {
+const Ge = Ee.createContext([]);
+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,40 +252,40 @@ 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);
-  if (I === -1)
+  const C = x.findIndex((T) => T.id === n);
+  if (C === -1)
     return [];
-  for (const b of M)
-    if (b.includes(I))
-      return b.map((E) => x[E]);
+  for (const T of M)
+    if (T.includes(C))
+      return T.map((b) => x[b]);
   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)]];
+    return [f, [f.map((C, T) => T)]];
   if (s || !a || n)
-    return [f, f.map((I, b) => [b])];
+    return [f, f.map((C, T) => [T])];
   const h = [];
   let u = [];
   const y = () => {
     u.length && (h.push([...u]), u = []);
   };
   let x = 0, M = !1;
-  for (let I = 0; I < f.length; I++) {
-    const b = e.get(f[I]);
-    if (b.behavior.includes("non-paged")) {
-      I === x && x++, o || (y(), h.push([I]), y());
+  for (let C = 0; C < f.length; C++) {
+    const T = e.get(f[C]);
+    if (T.behavior.includes("non-paged")) {
+      C === x && x++, o || (y(), h.push([C]), y());
       continue;
     }
-    if (I === x || b.behavior.includes("facing-pages")) {
-      u.length && (M = !0), y(), h.push([I]), y();
+    if (C === x || T.behavior.includes("facing-pages")) {
+      u.length && (M = !0), y(), h.push([C]), y();
       continue;
     }
-    if (u.push(I), M) {
+    if (u.push(C), M) {
       y(), M = !1;
       continue;
     }
@@ -289,54 +293,59 @@ 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 }) {
-  var I;
-  const n = re(), o = Ce(), r = At(), [a, i] = ae(void 0), s = r || o;
+function Wn({ startCanvas: e, disablePaging: t }) {
+  var T;
+  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]
-  ), u = Q(
+    () => At(n, s, { disablePaging: t }),
+    [n, s, t]
+  ), u = xe(h);
+  if (u.current !== h) {
+    const E = u.current[a][0], L = h.findIndex((P) => P.includes(E));
+    u.current = h, i(L);
+  }
+  const y = Q(
     (b) => {
-      const E = h.findIndex((C) => C.includes(b));
+      const E = h.findIndex((L) => L.includes(b));
       i(E === -1 ? 0 : E);
     },
     [f, h]
-  ), y = Q(
+  ), x = Q(
     (b) => {
-      const E = f.findIndex((C) => C.id === b);
-      E !== -1 ? u(E) : i(0);
+      const E = f.findIndex((L) => L.id === b);
+      E !== -1 ? y(E) : i(0);
     },
     [f, h]
-  ), x = Q(() => {
+  ), M = Q(() => {
     i((b) => b >= h.length - 1 ? b : b + 1);
-  }, [h]), M = Q(() => {
+  }, [h]), C = Q(() => {
     i((b) => b <= 0 ? 0 : b - 1);
   }, [h]);
-  return typeof a > "u" && (e ? y(e) : i(0)), {
-    visibleItems: ((I = h[a]) == null ? void 0 : I.map((b) => f[b].id)) || [],
+  return typeof a > "u" && (e ? x(e) : i(0)), {
+    visibleItems: ((T = h[a]) == null ? void 0 : T.map((b) => f[b].id)) || [],
     cursor: a,
     items: f,
     sequence: h,
     hasPrevious: a > 0,
     hasNext: a < h.length - 1,
     setSequenceIndex: i,
-    setCanvasIndex: u,
-    setCanvasId: y,
-    next: x,
-    previous: M
+    setCanvasIndex: y,
+    setCanvasId: x,
+    next: M,
+    previous: C
   };
 }
 const De = () => {
-}, Xe = xe({
+}, Xe = Te({
   setCurrentCanvasId: De,
   setCurrentCanvasIndex: De,
   nextCanvas: De,
@@ -348,7 +357,7 @@ const De = () => {
   hasNext: !1,
   hasPrevious: !1
 });
-function Wn(e) {
+function Hn(e) {
   const t = Ce(), {
     cursor: n,
     visibleItems: o,
@@ -361,7 +370,7 @@ function Wn(e) {
     setSequenceIndex: u,
     hasNext: y,
     hasPrevious: x
-  } = $n({
+  } = Wn({
     startCanvas: e.startCanvas,
     disablePaging: e.pagingEnabled === !1
   }), M = N(
@@ -383,21 +392,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,10 +414,10 @@ 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) {
+const Ie = function(e) {
   return function() {
     const t = { type: e, getType: () => e, toString: () => e };
     return (n, o) => ({
@@ -417,27 +426,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 = Ie(Qn)(), ar = Ie(Gn)(), sr = Ie(Xn)(), cr = Ie(Jn)(), ur = Ie(er)(), lr = Ie(Zn)(), fr = Ie(tr)(), dr = Ie(rr)(), pr = Ie(nr)(), hr = Ie(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 = xe([]), 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 +481,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 +504,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 +526,9 @@ function yr() {
     }
   ];
 }
-const Nt = xe(null);
-function gr() {
-  const e = ue(Nt);
+const Vt = Te(null);
+function mr() {
+  const e = ue(Vt);
   return [
     e.fullPage,
     {
@@ -528,17 +537,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 +560,19 @@ function vr({
     /* @__PURE__ */ d("button", { onClick: r, children: "Reset" })
   ] });
 }
-const ft = xe(null);
-function br() {
-  return ue(ft);
+const pt = Te(null);
+function wr() {
+  return ue(pt);
 }
-const Vt = xe(
+const _t = Te(
   () => {
   }
-), _t = xe(
+), Dt = Te(
   () => {
   }
 );
 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,62 +584,62 @@ function Se(e = {}, t = []) {
       return o ? o(i) : i;
   }, [i, o, ...t]);
 }
-const Dt = xe(() => {
+const Bt = Te(() => {
 });
-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) => {
-    E((j) => {
+  const [a, i] = ie(), s = zn(), f = t || br, [h, u] = ie({}), y = Object.entries(h), [x, M] = ie({}), C = Object.entries(x), [T, b] = ie({}), E = N(() => o || Math.max(...Object.values(T)), [T]), L = N(() => ({ maxOverZoom: E || 1, ...r.runtimeOptions || {} }), [E, r.runtimeOptions]), P = Q((R, B) => {
+    b((j) => {
       if (B === -1) {
-        const { [R]: O, ...U } = j;
+        const { [R]: S, ...U } = j;
         return U;
       }
       return { ...j, [R]: B };
     });
   }, []), F = Q((R, B, j) => {
-    u(({ [R]: O, ...U }) => B ? {
+    u(({ [R]: S, ...U }) => B ? {
       ...U,
       [R]: { element: B, props: j }
     } : U);
-  }, []), L = Q((R, B, j) => {
-    M(({ [R]: O, ...U }) => B ? {
+  }, []), A = Q((R, B, j) => {
+    M(({ [R]: S, ...U }) => B ? {
       ...U,
       [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 || {} },
-        htmlChildren: /* @__PURE__ */ d(Oe, { children: y.map(([R, { element: B, props: j }]) => /* @__PURE__ */ d(Ie.Fragment, { children: /* @__PURE__ */ d(B, { ...j || {} }) }, R)) }),
+        htmlChildren: /* @__PURE__ */ d(Oe, { children: y.map(([R, { element: B, props: j }]) => /* @__PURE__ */ d(Ee.Fragment, { children: /* @__PURE__ */ d(B, { ...j || {} }) }, R)) }),
         onCreated: (R) => {
           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 }) }) }) }) }) }) })
+        runtimeOptions: L,
+        children: /* @__PURE__ */ d(pt.Provider, { value: a, children: /* @__PURE__ */ d(Bt.Provider, { value: P, children: /* @__PURE__ */ d(_t.Provider, { value: F, children: /* @__PURE__ */ d(Dt.Provider, { value: A, 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)) })
+    /* @__PURE__ */ d("div", { children: C.map(([R, { element: B, props: j }]) => /* @__PURE__ */ d(Ee.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 +654,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 +691,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 +704,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 +726,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,
+    In,
     {
       id: r.id,
       isEditing: !0,
@@ -742,7 +751,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 +766,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 +777,7 @@ const at = ({
     i.id
   )) });
 };
-function Wt({
+function Ht({
   id: e,
   image: t,
   thumbnail: n,
@@ -836,8 +845,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,11 +867,11 @@ 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 Ir(e, t) {
   var o;
   const n = (o = e == null ? void 0 : e.iiif) == null ? void 0 : o.meta[t];
   return n ? n.annotationPageManager : null;
@@ -876,7 +885,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 = Ir(n, a);
           i && i.views && i.views[e] && o.push(a);
         }
       return o;
@@ -884,7 +893,7 @@ function Er(e, t) {
     [e, t]
   );
 }
-function Ir({
+function Cr({
   canvas: e,
   manifest: t,
   all: n,
@@ -904,13 +913,13 @@ 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,
@@ -932,18 +941,18 @@ function Yt(e, t = {}) {
         return;
       const x = n.getState(), M = [];
       if (y != null && y.deselectOthers) {
-        const I = Object.keys(x.iiif.entities.AnnotationPage);
-        for (const b of I) {
-          const E = Cr(x, b);
-          E && E.views && E.views[e] && M.push(b);
+        const C = Object.keys(x.iiif.entities.AnnotationPage);
+        for (const T of C) {
+          const b = jr(x, T);
+          b && b.views && b.views[e] && M.push(T);
         }
       }
-      for (const I of M)
-        f(I);
+      for (const C of M)
+        f(C);
       n.setMetaValue(
         [u, "annotationPageManager", "views"],
-        (I) => I && I[e] ? I : {
-          ...I || {},
+        (C) => C && C[e] ? C : {
+          ...C || {},
           [e]: !0
         }
       );
@@ -957,15 +966,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 = Ee.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 = xe(!1);
   return be(() => () => {
     o.current = !0;
   }, []), [Q(
@@ -996,8 +1005,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 +1021,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 +1044,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,26 +1063,26 @@ 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();
-        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 = {
+        const [M, { selector: C }] = Ar(x), T = e.get(M), b = (T.type || "unknown").toLowerCase();
+        if (b === "choice") {
+          const E = e.get(T.items, { parent: T.id }), L = a.length ? a.map((P) => E.find((F) => F.id === P)).filter(Boolean) : [E[0]];
+          L.length === 0 && L.push(E[0]), f = {
             type: "single-choice",
-            items: C.map((S) => ({
-              id: S.id,
-              label: S.label,
-              selected: A.indexOf(S) !== -1
+            items: E.map((P) => ({
+              id: P.id,
+              label: P.label,
+              selected: L.indexOf(P) !== -1
             })),
             label: M.label
-          }, y.push(...A);
+          }, y.push(...L);
           continue;
         }
-        s.indexOf(E) === -1 && s.push(E), h.push({
-          type: E,
+        s.indexOf(b) === -1 && s.push(b), h.push({
+          type: b,
           annotationId: u.id,
-          resource: b,
+          resource: T,
           target: u.target,
-          selector: I
+          selector: C
         });
       }
     }
@@ -1093,8 +1102,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(
@@ -1104,19 +1113,19 @@ function kr(e, t = []) {
           throw new Error("Complex choice not supported yet");
         i((M) => {
           if (x) {
-            const b = M.filter((E) => E !== u);
-            if (b.length === 0) {
-              const E = s.items[0].resource.id;
-              return E ? [E] : [];
+            const T = M.filter((b) => b !== u);
+            if (T.length === 0) {
+              const b = s.items[0].resource.id;
+              return b ? [b] : [];
             }
-            return b;
+            return T;
           }
           if (y)
             return [u];
-          const I = [...M];
-          if (I.length === 0 && s.items.length) {
-            const b = s.items[0].resource.id;
-            b && I.push(b);
+          const C = [...M];
+          if (C.length === 0 && s.items.length) {
+            const T = s.items[0].resource.id;
+            T && C.push(T);
           }
           return M.indexOf(u) !== -1 ? M : [...M, u];
         });
@@ -1126,15 +1135,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 +1178,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 +1197,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 +1240,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 +1250,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 +1306,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 +1319,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,31 +1350,31 @@ 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 = xe(!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);
+      i.getBestThumbnailAtSize(y, e, t).then((C) => {
+        C.best && !x.current && f(C.best);
       });
     },
     [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 +1397,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 = xe(null), r = xe(null), a = xe(null), i = xe(!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" });
@@ -1409,23 +1418,23 @@ function pt(e) {
     o.current && (o.current.muted = !0, n({ type: "MUTE" }));
   }, []), M = Q(() => {
     o.current && (o.current.muted = !1, n({ type: "UNMUTE" }));
-  }, []), I = Q((C) => {
-    o.current && (o.current.muted = !1, o.current.volume = C / 100, n({ type: "SET_VOLUME", volume: C }));
-  }, []), b = Q((C) => {
-    o.current && (o.current.currentTime = Math.max(0, Math.min(C * e.duration, e.duration)), s());
-  }, []), E = Q((C) => {
-    o.current && (o.current.currentTime = Math.max(0, Math.min(C, e.duration)), s());
+  }, []), C = Q((E) => {
+    o.current && (o.current.muted = !1, o.current.volume = E / 100, n({ type: "SET_VOLUME", volume: E }));
+  }, []), T = Q((E) => {
+    o.current && (o.current.currentTime = Math.max(0, Math.min(E * e.duration, e.duration)), s());
+  }, []), b = Q((E) => {
+    o.current && (o.current.currentTime = Math.max(0, Math.min(E, e.duration)), s());
   }, []);
   return be(() => {
-    const C = setInterval(() => {
+    const E = setInterval(() => {
       s();
     }, 350);
-    return () => clearInterval(C);
+    return () => clearInterval(E);
   }, [s, e.duration]), be(() => {
-    const C = () => {
+    const E = () => {
       n({ type: "FINISHED" });
-    }, A = o.current;
-    return A == null || A.addEventListener("ended", C), () => A == null ? void 0 : A.removeEventListener("ended", C);
+    }, L = o.current;
+    return L == null || L.addEventListener("ended", E), () => L == null ? void 0 : L.removeEventListener("ended", E);
   }, []), [
     { element: o, currentTime: r, progress: a },
     t,
@@ -1436,32 +1445,32 @@ function pt(e) {
       mute: x,
       unmute: M,
       toggleMute: y,
-      setVolume: I,
-      setDurationPercent: b,
-      setTime: E
+      setVolume: C,
+      setDurationPercent: T,
+      setTime: b
     }
   ];
 }
-const Gt = xe(null), Xt = xe(null), Jt = xe(null);
+const Xt = Te(null), Jt = Te(null), Zt = Te(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);
+function Io() {
+  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 +1478,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 +1497,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 +1527,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 +1552,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 +1580,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 +1594,21 @@ function sn({ style: e }) {
     }
   );
 }
-const cn = Ie.createContext("en");
-function Io(e) {
-  return /* @__PURE__ */ d(cn.Provider, { value: e.language, children: e.children });
+const un = Ee.createContext("en");
+function Eo(e) {
+  return /* @__PURE__ */ d(un.Provider, { value: e.language, children: e.children });
 }
-function ht() {
-  return Ie.useContext(cn);
+function gt() {
+  return Ee.useContext(un);
 }
-function xt(e) {
+function It(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(() => It(a) === It(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 +1623,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 +1646,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 +1666,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,12 +1691,12 @@ function Ne({
     }
   );
 }
-function Xr({
+function Jr({
   element: e,
   media: t,
   playPause: n
 }) {
-  const o = Ee(null);
+  const o = xe(null);
   return t.youTubeId ? /* @__PURE__ */ X("div", { className: "video-container", part: "video-container", onClick: n, children: [
     /* @__PURE__ */ d("style", { children: `
             .video-container {
@@ -1720,19 +1729,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,
@@ -1747,25 +1756,25 @@ function ln({
   throwOnUnknown: y,
   backgroundStyle: x,
   alwaysShowBackground: M,
-  keepCanvasScale: I = !1,
-  enableSizes: b = !1,
-  enableYouTube: E = !0,
-  onClickPaintingAnnotation: C,
-  children: A
+  keepCanvasScale: C = !1,
+  enableSizes: T = !1,
+  enableYouTube: b = !0,
+  onClickPaintingAnnotation: E,
+  children: L
 }) {
-  const S = Se(), F = Ft(S, ["deep-zoom"]), [L] = gr(), R = br(), B = re(), j = N(() => ut(B), [B]), [O, U] = $r({
+  const P = Se(), F = Ut(P, ["deep-zoom"]), [A] = mr(), R = wr(), B = ae(), j = N(() => ut(B), [B]), [S, 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(
+  }), H = S.type === "images" ? S.choice : void 0, G = N(() => C ? 1 : Math.max(
     1,
-    ...O.type === "images" ? O.images.map((V) => {
+    ...S.type === "images" ? S.images.map((V) => {
       var te;
       return (V.width || 0) / ((te = V.target) == null ? void 0 : te.spatial.width);
     }) : []
-  ), [I, O]);
-  wr(G), be(() => {
+  ), [C, S]);
+  Pr(G), be(() => {
     o && o(U);
-  }, [O.annotations]), be(() => {
+  }, [S.annotations]), be(() => {
     if (r)
       for (const V of r)
         typeof V.opacity < "u" && j.applyStyles({ id: V.id }, "atlas", {
@@ -1774,23 +1783,23 @@ function ln({
   }, [r]), st(() => {
     n && n(H);
   }, [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,
+    R && (S.type === "images" || S.type === "empty" || S.type === "textual-content" && i) ? "overlay" : "none",
+    `canvas-portal-controls-${P == null ? void 0 : P.id}`,
+    pt.Provider,
     i ? {
       value: R || null,
-      children: i(O)
+      children: i(S)
     } : {},
-    [S, R, O, ...f || []]
+    [P, R, S, ...f || []]
   );
-  const Y = Qt({ maxWidth: 256, maxHeight: 256 });
-  if (!S)
+  const Y = Gt({ maxWidth: 256, maxHeight: 256 });
+  if (!P)
     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(
+  const Z = P.accompanyingCanvas, ee = Y && Y.type === "fixed" ? /* @__PURE__ */ d("world-object", { height: P.height, width: P.width, x: e, y: t, children: /* @__PURE__ */ d(
     "world-image",
     {
       uri: Y.id,
-      target: { x: 0, y: 0, width: S.width, height: S.height },
+      target: { x: 0, y: 0, width: P.width, height: P.height },
       display: Y.width && Y.height ? {
         width: Y.width,
         height: Y.height
@@ -1798,37 +1807,37 @@ function ln({
       crop: void 0
     }
   ) }) : null;
-  if (O.type === "unknown") {
+  if (S.type === "unknown") {
     if (ee)
       return ee;
     if (y)
-      throw new Error(O.reason || "Unknown image strategy");
+      throw new Error(S.reason || "Unknown image strategy");
     return null;
   }
   const se = /* @__PURE__ */ X(Ye, { children: [
-    L ? /* @__PURE__ */ d(at, { page: L }) : null,
-    O.annotations && O.annotations.pages ? O.annotations.pages.map((V) => /* @__PURE__ */ d(at, { page: V }, V.id)) : null,
-    A
-  ] }), me = O.type === "images" ? O.images.length : 0;
+    A ? /* @__PURE__ */ d(at, { page: A }) : null,
+    S.annotations && S.annotations.pages ? S.annotations.pages.map((V) => /* @__PURE__ */ d(at, { page: V }, V.id)) : null,
+    L
+  ] }), me = S.type === "images" ? S.images.length : 0;
   return /* @__PURE__ */ X(Oe, { children: [
     /* @__PURE__ */ X(
       "world-object",
       {
-        height: S.height,
-        width: S.width,
+        height: P.height,
+        width: P.width,
         x: e,
         y: t,
         ...F,
         children: [
-          O.type === "empty" || M ? /* @__PURE__ */ d(sn, { style: x }) : null,
-          O.type === "textual-content" ? O.items.map((V, te) => {
+          S.type === "empty" || M ? /* @__PURE__ */ d(cn, { style: x }) : null,
+          S.type === "textual-content" ? S.items.map((V, te) => {
             var $;
             return /* @__PURE__ */ X(Oe, { children: [
               /* @__PURE__ */ d(
-                In,
+                Cn,
                 {
-                  onClick: C ? (le) => {
-                    le.stopPropagation(), C(V.annotationId, V, le);
+                  onClick: E ? (le) => {
+                    le.stopPropagation(), E(V.annotationId, V, le);
                   } : void 0,
                   target: (($ = V.target) == null ? void 0 : $.spatial) || void 0,
                   children: /* @__PURE__ */ d("div", { "data-textual-content": !0, children: /* @__PURE__ */ d(Ne, { enableDangerouslySetInnerHTML: !0, children: V.text }) })
@@ -1838,49 +1847,45 @@ function ln({
               se
             ] });
           }) : null,
-          O.type === "images" ? /* @__PURE__ */ X(Oe, { children: [
-            O.images.map((V, te) => /* @__PURE__ */ d(
-              Wt,
+          S.type === "images" ? /* @__PURE__ */ X(Oe, { children: [
+            S.images.map((V, te) => /* @__PURE__ */ d(
+              Ht,
               {
                 isStatic: a,
                 image: V,
                 id: V.id,
                 thumbnail: te === 0 ? Y : void 0,
                 selector: V.selector,
-                enableSizes: b,
-                onClick: C ? ($) => {
-                  $.stopPropagation(), C(V.annotationId, V, $);
+                enableSizes: T,
+                onClick: E ? ($) => {
+                  $.stopPropagation(), E(V.annotationId, V, $);
                 } : void 0
               },
               V.id + te
             )),
             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: [
+          S.type === "3d-model" ? /* @__PURE__ */ d(sn, { model: S.model }) : null,
+          S.type === "media" ? /* @__PURE__ */ d(Oe, { children: S.media.type === "Sound" ? /* @__PURE__ */ X(nn, { media: S.media, mediaControlsDeps: h, children: [
             ee,
-            s ? s(O) : null
-          ] }) : O.media.type === "Video" ? /* @__PURE__ */ X(rn, { media: O.media, mediaControlsDeps: h, children: [
+            s ? s(S) : null
+          ] }) : S.media.type === "Video" ? /* @__PURE__ */ X(on, { media: S.media, mediaControlsDeps: h, children: [
             ee,
-            s ? s(O) : null
-          ] }) : O.media.type === "VideoYouTube" && E ? /* @__PURE__ */ X(Jr, { media: O.media, mediaControlsDeps: h, children: [
+            s ? s(S) : null
+          ] }) : S.media.type === "VideoYouTube" && b ? /* @__PURE__ */ X(Zr, { media: S.media, mediaControlsDeps: h, children: [
             ee,
-            s ? s(O) : null
+            s ? s(S) : null
           ] }) : null }) : null
         ]
       },
-      `${S.id}/${O.type}/${me}`
+      `${P.id}/${S.type}/${me}`
     ),
-    O.type === "media" && O.media.type === "Sound" && Z ? /* @__PURE__ */ d(Qe, { canvas: Z.id, children: /* @__PURE__ */ d(ln, { renderViewerControls: i }) }) : null
+    S.type === "media" && S.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 (Et(n, () => a, [a]), !o)
     return /* @__PURE__ */ d("div", {});
   let f = 0;
   return /* @__PURE__ */ X(Oe, { children: [
@@ -1910,20 +1915,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 +1933,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 Et(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,
@@ -1973,60 +1967,60 @@ function fn({
   tableHeader: x
 }) {
   const M = N(() => {
-    const b = (t || []).reduce((C, A) => [...C, ...A.keys], []), E = {};
-    for (const C of e) {
-      const A = C && C.label ? Object.values(C.label) : [];
-      for (const S of A)
-        if (S && S.length && (b.indexOf(`metadata.${S[0]}`) !== -1 || b.length === 0) && C) {
-          const F = `metadata.${S[0]}`;
-          E[F] = E[F] ? E[F] : [], E[F].push(C);
+    const T = (t || []).reduce((E, L) => [...E, ...L.keys], []), b = {};
+    for (const E of e) {
+      const L = E && E.label ? Object.values(E.label) : [];
+      for (const P of L)
+        if (P && P.length && (T.indexOf(`metadata.${P[0]}`) !== -1 || T.length === 0) && E) {
+          const F = `metadata.${P[0]}`;
+          b[F] = b[F] ? b[F] : [], b[F].push(E);
           break;
         }
     }
-    return E;
+    return b;
   }, [t, e]);
   return Object.keys(M).length === 0 && o ? /* @__PURE__ */ d(Oe, { children: a }) || /* @__PURE__ */ d("div", { className: i.empty, children: s }) : t && t.length ? /* @__PURE__ */ X("table", { className: i.container, children: [
     x,
-    /* @__PURE__ */ d("tbody", { children: t.map((b, E) => {
-      const C = [];
-      for (const A of b.keys)
-        for (const S of M[A] || [])
-          C.push(
+    /* @__PURE__ */ d("tbody", { children: t.map((T, b) => {
+      const E = [];
+      for (const L of T.keys)
+        for (const P of M[L] || [])
+          E.push(
             /* @__PURE__ */ d(
               Ne,
               {
                 enableDangerouslySetInnerHTML: r,
                 defaultText: f,
                 separator: u,
-                children: S.value
+                children: P.value
               },
-              E + "__" + A
+              b + "__" + L
             )
           );
-      return C.length === 0 ? null : /* @__PURE__ */ X("tr", { className: i.row, children: [
+      return E.length === 0 ? null : /* @__PURE__ */ X("tr", { className: i.row, children: [
         /* @__PURE__ */ d("td", { className: i.label, style: n ? { minWidth: n } : {}, children: /* @__PURE__ */ d(
           Ne,
           {
             enableDangerouslySetInnerHTML: r,
             separator: u,
             defaultText: h,
-            children: b.label
+            children: T.label
           }
         ) }),
-        /* @__PURE__ */ d("td", { className: i.value, children: C })
-      ] }, E);
+        /* @__PURE__ */ d("td", { className: i.value, children: E })
+      ] }, b);
     }) }),
     y
   ] }) : /* @__PURE__ */ X("table", { className: i.container, children: [
     x,
-    /* @__PURE__ */ d("tbody", { children: e && e.length ? e.map((b, E) => b ? /* @__PURE__ */ X("tr", { className: i.row, children: [
+    /* @__PURE__ */ d("tbody", { children: e && e.length ? e.map((T, b) => T ? /* @__PURE__ */ X("tr", { className: i.row, children: [
       /* @__PURE__ */ d("td", { className: i.label, style: n ? { minWidth: n } : {}, children: /* @__PURE__ */ d(
         Ne,
         {
           enableDangerouslySetInnerHTML: r,
           defaultText: f,
           separator: u,
-          children: b.label
+          children: T.label
         }
       ) }),
       /* @__PURE__ */ d("td", { className: i.value, children: /* @__PURE__ */ d(
@@ -2035,29 +2029,29 @@ function fn({
           enableDangerouslySetInnerHTML: r,
           defaultText: f,
           separator: u,
-          children: b.value
+          children: T.value
         }
       ) })
-    ] }, E) : null) : null }),
+    ] }, b) : null) : null }),
     y
   ] });
 }
 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 +2074,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 +2083,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 +2102,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,64 +2118,64 @@ 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() {
-      return I.Date.now();
+    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, C = x || M || Function("return this")(), T = Object.prototype.toString, b = Math.max, E = Math.min, L = function() {
+      return C.Date.now();
     };
-    function S(L) {
-      var R = typeof L;
-      return !!L && (R == "object" || R == "function");
+    function P(A) {
+      var R = typeof A;
+      return !!A && (R == "object" || R == "function");
     }
-    function F(L) {
-      if (typeof L == "number")
-        return L;
+    function F(A) {
+      if (typeof A == "number")
+        return A;
       if (function(j) {
-        return typeof j == "symbol" || /* @__PURE__ */ function(O) {
-          return !!O && typeof O == "object";
-        }(j) && b.call(j) == "[object Symbol]";
-      }(L))
+        return typeof j == "symbol" || /* @__PURE__ */ function(S) {
+          return !!S && typeof S == "object";
+        }(j) && T.call(j) == "[object Symbol]";
+      }(A))
         return NaN;
-      if (S(L)) {
-        var R = typeof L.valueOf == "function" ? L.valueOf() : L;
-        L = S(R) ? R + "" : R;
+      if (P(A)) {
+        var R = typeof A.valueOf == "function" ? A.valueOf() : A;
+        A = P(R) ? R + "" : R;
       }
-      if (typeof L != "string")
-        return L === 0 ? L : +L;
-      L = L.replace(s, "");
-      var B = h.test(L);
-      return B || u.test(L) ? y(L.slice(2), B ? 2 : 8) : f.test(L) ? NaN : +L;
-    }
-    r.exports = function(L, R, B) {
-      var j, O, U, H, G, Y, Z = 0, ee = !1, se = !1, me = !0;
-      if (typeof L != "function")
+      if (typeof A != "string")
+        return A === 0 ? A : +A;
+      A = A.replace(s, "");
+      var B = h.test(A);
+      return B || u.test(A) ? y(A.slice(2), B ? 2 : 8) : f.test(A) ? NaN : +A;
+    }
+    r.exports = function(A, R, B) {
+      var j, S, U, H, G, Y, Z = 0, ee = !1, se = !1, me = !0;
+      if (typeof A != "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 = S;
+        return j = S = void 0, Z = re, H = A.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 = L();
+        if (te(re))
+          return le(re);
+        G = setTimeout($, function(oe) {
+          var de = R - (oe - Y);
+          return se ? E(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 = S = void 0, H);
       }
       function fe() {
-        var oe = A(), ie = te(oe);
-        if (j = arguments, O = this, Y = oe, ie) {
+        var re = L(), oe = te(re);
+        if (j = arguments, S = this, Y = re, oe) {
           if (G === void 0)
             return function(de) {
               return Z = de, G = setTimeout($, R), ee ? V(de) : H;
@@ -2191,19 +2185,19 @@ var pn = { exports: {} };
         }
         return G === void 0 && (G = setTimeout($, R)), H;
       }
-      return R = F(R) || 0, S(B) && (ee = !!B.leading, U = (se = "maxWait" in B) ? E(F(B.maxWait) || 0, R) : U, me = "trailing" in B ? !!B.trailing : me), fe.cancel = function() {
-        G !== void 0 && clearTimeout(G), Z = 0, j = Y = O = G = void 0;
+      return R = F(R) || 0, P(B) && (ee = !!B.leading, U = (se = "maxWait" in B) ? b(F(B.maxWait) || 0, R) : U, me = "trailing" in B ? !!B.trailing : me), fe.cancel = function() {
+        G !== void 0 && clearTimeout(G), Z = 0, j = Y = S = G = void 0;
       }, fe.flush = function() {
-        return G === void 0 ? H : le(A());
+        return G === void 0 ? H : le(L());
       }, fe;
     };
   }, 96: (r, a, i) => {
-    var s = "Expected a function", f = NaN, h = "[object Symbol]", u = /^\s+|\s+$/g, y = /^[-+]0x[0-9a-f]+$/i, x = /^0b[01]+$/i, M = /^0o[0-7]+$/i, I = parseInt, b = typeof i.g == "object" && i.g && i.g.Object === Object && i.g, E = typeof self == "object" && self && self.Object === Object && self, C = b || E || Function("return this")(), A = Object.prototype.toString, S = Math.max, F = Math.min, L = function() {
-      return C.Date.now();
+    var s = "Expected a function", f = NaN, h = "[object Symbol]", u = /^\s+|\s+$/g, y = /^[-+]0x[0-9a-f]+$/i, x = /^0b[01]+$/i, M = /^0o[0-7]+$/i, C = parseInt, T = typeof i.g == "object" && i.g && i.g.Object === Object && i.g, b = typeof self == "object" && self && self.Object === Object && self, E = T || b || Function("return this")(), L = Object.prototype.toString, P = Math.max, F = Math.min, A = function() {
+      return E.Date.now();
     };
     function R(j) {
-      var O = typeof j;
-      return !!j && (O == "object" || O == "function");
+      var S = typeof j;
+      return !!j && (S == "object" || S == "function");
     }
     function B(j) {
       if (typeof j == "number")
@@ -2211,25 +2205,25 @@ var pn = { exports: {} };
       if (function(H) {
         return typeof H == "symbol" || /* @__PURE__ */ function(G) {
           return !!G && typeof G == "object";
-        }(H) && A.call(H) == h;
+        }(H) && L.call(H) == h;
       }(j))
         return f;
       if (R(j)) {
-        var O = typeof j.valueOf == "function" ? j.valueOf() : j;
-        j = R(O) ? O + "" : O;
+        var S = typeof j.valueOf == "function" ? j.valueOf() : j;
+        j = R(S) ? S + "" : S;
       }
       if (typeof j != "string")
         return j === 0 ? j : +j;
       j = j.replace(u, "");
       var U = x.test(j);
-      return U || M.test(j) ? I(j.slice(2), U ? 2 : 8) : y.test(j) ? f : +j;
+      return U || M.test(j) ? C(j.slice(2), U ? 2 : 8) : y.test(j) ? f : +j;
     }
-    r.exports = function(j, O, U) {
+    r.exports = function(j, S, U) {
       var H = !0, G = !0;
       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,38 +2232,38 @@ 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();
+          var pe = A();
           if (Be(pe))
             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) {
           return $ = void 0, de && se ? _e(pe) : (se = me = void 0, te);
         }
         function Me() {
-          var pe = L(), ve = Be(pe);
+          var pe = A(), ve = Be(pe);
           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) ? P(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());
+          return $ === void 0 ? te : qe(A());
         }, Me;
-      }(j, O, { leading: H, maxWait: O, trailing: G });
+      }(j, S, { leading: H, maxWait: S, trailing: G });
     };
   }, 703: (r, a, i) => {
     var s = i(414);
@@ -2278,10 +2272,10 @@ var pn = { exports: {} };
     function h() {
     }
     h.resetWarningCache = f, r.exports = function() {
-      function u(M, I, b, E, C, A) {
-        if (A !== s) {
-          var S = new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");
-          throw S.name = "Invariant Violation", S;
+      function u(M, C, T, b, E, L) {
+        if (L !== s) {
+          var P = new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");
+          throw P.name = "Invariant Violation", P;
         }
       }
       function y() {
@@ -2323,10 +2317,10 @@ var pn = { exports: {} };
   };
   var o = {};
   (() => {
-    n.r(o), n.d(o, { LazyLoadComponent: () => yt, LazyLoadImage: () => vn, trackWindowScroll: () => le });
-    const r = Ie;
+    n.r(o), n.d(o, { LazyLoadComponent: () => mt, LazyLoadImage: () => bn, trackWindowScroll: () => le });
+    const r = Ee;
     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;
@@ -2349,15 +2343,15 @@ var pn = { exports: {} };
       return m;
     }
     function x(g, c, m) {
-      return (c = I(c)) in g ? Object.defineProperty(g, c, { value: m, enumerable: !0, configurable: !0, writable: !0 }) : g[c] = m, g;
+      return (c = C(c)) in g ? Object.defineProperty(g, c, { value: m, enumerable: !0, configurable: !0, writable: !0 }) : g[c] = m, g;
     }
     function M(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, I(v.key), v);
+        v.enumerable = v.enumerable || !1, v.configurable = !0, "value" in v && (v.writable = !0), Object.defineProperty(g, C(v.key), v);
       }
     }
-    function I(g) {
+    function C(g) {
       var c = function(m, v) {
         if (u(m) !== "object" || m === null)
           return m;
@@ -2372,25 +2366,25 @@ var pn = { exports: {} };
       }(g);
       return u(c) === "symbol" ? c : String(c);
     }
-    function b(g, c) {
-      return b = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(m, v) {
+    function T(g, c) {
+      return T = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(m, v) {
         return m.__proto__ = v, m;
-      }, b(g, c);
+      }, T(g, c);
     }
-    function E(g) {
-      return E = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(c) {
+    function b(g) {
+      return b = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(c) {
         return c.__proto__ || Object.getPrototypeOf(c);
-      }, E(g);
+      }, b(g);
     }
-    var C = function(g) {
+    var E = function(g) {
       g.forEach(function(c) {
         c.isIntersecting && c.target.onVisible();
       });
-    }, A = {}, S = function(g) {
+    }, L = {}, P = function(g) {
       (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 && b(l, p);
+        l.prototype = Object.create(p && p.prototype, { constructor: { value: l, writable: !0, configurable: !0 } }), Object.defineProperty(l, "prototype", { writable: !1 }), p && T(l, p);
       })(q, g);
       var c, m, v, k, _ = (v = q, k = function() {
         if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
@@ -2404,13 +2398,13 @@ var pn = { exports: {} };
           return !1;
         }
       }(), function() {
-        var l, p = E(v);
+        var l, p = b(v);
         if (k) {
-          var T = E(this).constructor;
-          l = Reflect.construct(p, arguments, T);
+          var I = b(this).constructor;
+          l = Reflect.construct(p, arguments, I);
         } else
           l = p.apply(this, arguments);
-        return function(P, w) {
+        return function(O, w) {
           if (w && (u(w) === "object" || typeof w == "function"))
             return w;
           if (w !== void 0)
@@ -2419,19 +2413,19 @@ var pn = { exports: {} };
             if (D === void 0)
               throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
             return D;
-          }(P);
+          }(O);
         }(this, l);
       });
       function q(l) {
         var p;
-        if (function(P, w) {
-          if (!(P instanceof w))
+        if (function(O, w) {
+          if (!(O instanceof w))
             throw new TypeError("Cannot call a class as a function");
         }(this, q), (p = _.call(this, l)).supportsObserver = !l.scrollPosition && l.useIntersectionObserver && h(), p.supportsObserver) {
-          var T = l.threshold;
-          p.observer = function(P) {
-            return A[P] = A[P] || new IntersectionObserver(C, { rootMargin: P + "px" }), A[P];
-          }(T);
+          var I = l.threshold;
+          p.observer = function(O) {
+            return L[O] = L[O] || new IntersectionObserver(E, { rootMargin: O + "px" }), L[O];
+          }(I);
         }
         return p;
       }
@@ -2442,17 +2436,17 @@ var pn = { exports: {} };
       } }, { key: "componentDidUpdate", value: function() {
         this.supportsObserver || this.updateVisibility();
       } }, { key: "getPlaceholderBoundingBox", value: function() {
-        var l = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props.scrollPosition, p = this.placeholder.getBoundingClientRect(), T = f().findDOMNode(this.placeholder).style, P = parseInt(T.getPropertyValue("margin-left"), 10) || 0, w = parseInt(T.getPropertyValue("margin-top"), 10) || 0;
-        return { bottom: l.y + p.bottom + w, left: l.x + p.left + P, right: l.x + p.right + P, top: l.y + p.top + w };
+        var l = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props.scrollPosition, p = this.placeholder.getBoundingClientRect(), I = f().findDOMNode(this.placeholder).style, O = parseInt(I.getPropertyValue("margin-left"), 10) || 0, w = parseInt(I.getPropertyValue("margin-top"), 10) || 0;
+        return { bottom: l.y + p.bottom + w, left: l.x + p.left + O, right: l.x + p.right + O, top: l.y + p.top + w };
       } }, { key: "isPlaceholderInViewport", value: function() {
         if (typeof window > "u" || !this.placeholder)
           return !1;
-        var l = this.props, p = l.scrollPosition, T = l.threshold, P = this.getPlaceholderBoundingBox(p), w = p.y + window.innerHeight, D = p.x, z = p.x + window.innerWidth, K = p.y;
-        return K - T <= P.bottom && w + T >= P.top && D - T <= P.right && z + T >= P.left;
+        var l = this.props, p = l.scrollPosition, I = l.threshold, O = this.getPlaceholderBoundingBox(p), w = p.y + window.innerHeight, D = p.x, z = p.x + window.innerWidth, K = p.y;
+        return K - I <= O.bottom && w + I >= O.top && D - I <= O.right && z + I >= O.left;
       } }, { key: "updateVisibility", value: function() {
         this.isPlaceholderInViewport() && this.props.onVisible();
       } }, { key: "render", value: function() {
-        var l = this, p = this.props, T = p.className, P = p.height, w = p.placeholder, D = p.style, z = p.width;
+        var l = this, p = this.props, I = p.className, O = p.height, w = p.placeholder, D = p.style, z = p.width;
         if (w && typeof w.type != "function")
           return a().cloneElement(w, { ref: function(W) {
             return l.placeholder = W;
@@ -2468,14 +2462,14 @@ var pn = { exports: {} };
           }
           return W;
         }({ display: "inline-block" }, D);
-        return z !== void 0 && (K.width = z), P !== void 0 && (K.height = P), a().createElement("span", { className: T, ref: function(W) {
+        return z !== void 0 && (K.width = z), O !== void 0 && (K.height = O), a().createElement("span", { className: I, ref: function(W) {
           return l.placeholder = W;
         }, style: K }, w);
       } }], m && M(c.prototype, m), Object.defineProperty(c, "prototype", { writable: !1 }), q;
     }(a().Component);
-    S.propTypes = { onVisible: i.PropTypes.func.isRequired, className: i.PropTypes.string, height: i.PropTypes.oneOfType([i.PropTypes.number, i.PropTypes.string]), placeholder: i.PropTypes.element, threshold: i.PropTypes.number, useIntersectionObserver: i.PropTypes.bool, scrollPosition: i.PropTypes.shape({ x: i.PropTypes.number.isRequired, y: i.PropTypes.number.isRequired }), width: i.PropTypes.oneOfType([i.PropTypes.number, i.PropTypes.string]) }, S.defaultProps = { className: "", placeholder: null, threshold: 100, useIntersectionObserver: !0 };
-    const F = S;
-    var L = n(296), R = n.n(L), B = n(96), j = n.n(B), O = function(g) {
+    P.propTypes = { onVisible: i.PropTypes.func.isRequired, className: i.PropTypes.string, height: i.PropTypes.oneOfType([i.PropTypes.number, i.PropTypes.string]), placeholder: i.PropTypes.element, threshold: i.PropTypes.number, useIntersectionObserver: i.PropTypes.bool, scrollPosition: i.PropTypes.shape({ x: i.PropTypes.number.isRequired, y: i.PropTypes.number.isRequired }), width: i.PropTypes.oneOfType([i.PropTypes.number, i.PropTypes.string]) }, P.defaultProps = { className: "", placeholder: null, threshold: 100, useIntersectionObserver: !0 };
+    const F = P;
+    var A = n(296), R = n.n(A), B = n(96), j = n.n(B), S = function(g) {
       var c = getComputedStyle(g, null);
       return c.getPropertyValue("overflow") + c.getPropertyValue("overflow-y") + c.getPropertyValue("overflow-x");
     };
@@ -2483,7 +2477,7 @@ var pn = { exports: {} };
       if (!(g instanceof HTMLElement))
         return window;
       for (var c = g; c && c instanceof HTMLElement; ) {
-        if (/(scroll|auto)/.test(O(c)))
+        if (/(scroll|auto)/.test(S(c)))
           return c;
         c = c.parentNode;
       }
@@ -2554,10 +2548,10 @@ var pn = { exports: {} };
     };
     const le = function(g) {
       var c = function(m) {
-        (function(T, P) {
-          if (typeof P != "function" && P !== null)
+        (function(I, O) {
+          if (typeof O != "function" && O !== null)
             throw new TypeError("Super expression must either be null or a function");
-          T.prototype = Object.create(P && P.prototype, { constructor: { value: T, writable: !0, configurable: !0 } }), Object.defineProperty(T, "prototype", { writable: !1 }), P && ee(T, P);
+          I.prototype = Object.create(O && O.prototype, { constructor: { value: I, writable: !0, configurable: !0 } }), Object.defineProperty(I, "prototype", { writable: !1 }), O && ee(I, O);
         })(p, m);
         var v, k, _, q, l = (_ = p, q = function() {
           if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
@@ -2571,23 +2565,23 @@ var pn = { exports: {} };
             return !1;
           }
         }(), function() {
-          var T, P = V(_);
+          var I, O = V(_);
           if (q) {
             var w = V(this).constructor;
-            T = Reflect.construct(P, arguments, w);
+            I = Reflect.construct(O, arguments, w);
           } else
-            T = P.apply(this, arguments);
-          return se(this, T);
+            I = O.apply(this, arguments);
+          return se(this, I);
         });
-        function p(T) {
-          var P;
+        function p(I) {
+          var O;
           if (function(D, z) {
             if (!(D instanceof z))
               throw new TypeError("Cannot call a class as a function");
-          }(this, p), (P = l.call(this, T)).useIntersectionObserver = T.useIntersectionObserver && h(), P.useIntersectionObserver)
-            return se(P);
-          var w = P.onChangeScroll.bind(me(P));
-          return T.delayMethod === "debounce" ? P.delayedScroll = R()(w, T.delayTime) : T.delayMethod === "throttle" && (P.delayedScroll = j()(w, T.delayTime)), P.state = { scrollPosition: { x: te(), y: $() } }, P.baseComponentRef = a().createRef(), P;
+          }(this, p), (O = l.call(this, I)).useIntersectionObserver = I.useIntersectionObserver && h(), O.useIntersectionObserver)
+            return se(O);
+          var w = O.onChangeScroll.bind(me(O));
+          return I.delayMethod === "debounce" ? O.delayedScroll = R()(w, I.delayTime) : I.delayMethod === "throttle" && (O.delayedScroll = j()(w, I.delayTime)), O.state = { scrollPosition: { x: te(), y: $() } }, O.baseComponentRef = a().createRef(), O;
         }
         return v = p, (k = [{ key: "componentDidMount", value: function() {
           this.addListeners();
@@ -2602,16 +2596,16 @@ var pn = { exports: {} };
         } }, { key: "onChangeScroll", value: function() {
           this.useIntersectionObserver || this.setState({ scrollPosition: { x: te(), y: $() } });
         } }, { key: "render", value: function() {
-          var T = this.props, P = (T.delayMethod, T.delayTime, function(D, z) {
+          var I = this.props, O = (I.delayMethod, I.delayTime, function(D, z) {
             if (D == null)
               return {};
             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);
@@ -2619,8 +2613,8 @@ var pn = { exports: {} };
                 K = J[W], z.indexOf(K) >= 0 || Object.prototype.propertyIsEnumerable.call(D, K) && (ce[K] = D[K]);
             }
             return ce;
-          }(T, G)), w = this.useIntersectionObserver ? null : this.state.scrollPosition;
-          return a().createElement(g, Y({ forwardRef: this.baseComponentRef, scrollPosition: w }, P));
+          }(I, G)), w = this.useIntersectionObserver ? null : this.state.scrollPosition;
+          return a().createElement(g, Y({ forwardRef: this.baseComponentRef, scrollPosition: w }, O));
         } }]) && Z(v.prototype, k), Object.defineProperty(v, "prototype", { writable: !1 }), p;
       }(a().Component);
       return c.propTypes = { delayMethod: i.PropTypes.oneOf(["debounce", "throttle"]), delayTime: i.PropTypes.number, useIntersectionObserver: i.PropTypes.bool }, c.defaultProps = { delayMethod: "throttle", delayTime: 300, useIntersectionObserver: !0 }, c;
@@ -2632,7 +2626,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 +2644,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 +2658,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)
@@ -2680,11 +2674,11 @@ var pn = { exports: {} };
       }(), function() {
         var l, p = de(v);
         if (k) {
-          var T = de(this).constructor;
-          l = Reflect.construct(p, arguments, T);
+          var I = de(this).constructor;
+          l = Reflect.construct(p, arguments, I);
         } else
           l = p.apply(this, arguments);
-        return function(P, w) {
+        return function(O, w) {
           if (w && (fe(w) === "object" || typeof w == "function"))
             return w;
           if (w !== void 0)
@@ -2693,18 +2687,18 @@ var pn = { exports: {} };
             if (D === void 0)
               throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
             return D;
-          }(P);
+          }(O);
         }(this, l);
       });
       function q(l) {
-        return function(p, T) {
-          if (!(p instanceof T))
+        return function(p, I) {
+          if (!(p instanceof I))
             throw new TypeError("Cannot call a class as a function");
         }(this, q), _.call(this, l);
       }
       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) {
@@ -2767,16 +2761,16 @@ var pn = { exports: {} };
       }(), function() {
         var l, p = ve(v);
         if (k) {
-          var T = ve(this).constructor;
-          l = Reflect.construct(p, arguments, T);
+          var I = ve(this).constructor;
+          l = Reflect.construct(p, arguments, I);
         } else
           l = p.apply(this, arguments);
-        return function(P, w) {
+        return function(O, w) {
           if (w && (we(w) === "object" || typeof w == "function"))
             return w;
           if (w !== void 0)
             throw new TypeError("Derived constructors may only return object or undefined");
-          return pe(P);
+          return pe(O);
         }(this, l);
       });
       function q(l) {
@@ -2785,8 +2779,8 @@ var pn = { exports: {} };
           if (!(z instanceof K))
             throw new TypeError("Cannot call a class as a function");
         })(this, q), p = _.call(this, l);
-        var T = l.afterLoad, P = l.beforeLoad, w = l.scrollPosition, D = l.visibleByDefault;
-        return p.state = { visible: D }, D && (P(), T()), p.onVisible = p.onVisible.bind(pe(p)), p.isScrollTracked = !!(w && Number.isFinite(w.x) && w.x >= 0 && Number.isFinite(w.y) && w.y >= 0), p;
+        var I = l.afterLoad, O = l.beforeLoad, w = l.scrollPosition, D = l.visibleByDefault;
+        return p.state = { visible: D }, D && (O(), I()), p.onVisible = p.onVisible.bind(pe(p)), p.isScrollTracked = !!(w && Number.isFinite(w.x) && w.x >= 0 && Number.isFinite(w.y) && w.y >= 0), p;
       }
       return c = q, (m = [{ key: "componentDidUpdate", value: function(l, p) {
         p.visible !== this.state.visible && this.props.afterLoad();
@@ -2795,8 +2789,8 @@ var pn = { exports: {} };
       } }, { key: "render", value: function() {
         if (this.state.visible)
           return this.props.children;
-        var l = this.props, p = l.className, T = l.delayMethod, P = l.delayTime, w = l.height, D = l.placeholder, z = l.scrollPosition, K = l.style, W = l.threshold, ce = l.useIntersectionObserver, J = l.width;
-        return this.isScrollTracked || ce && h() ? a().createElement(F, { className: p, height: w, onVisible: this.onVisible, placeholder: D, scrollPosition: z, style: K, threshold: W, useIntersectionObserver: ce, width: J }) : a().createElement(Be, { className: p, delayMethod: T, delayTime: P, height: w, onVisible: this.onVisible, placeholder: D, style: K, threshold: W, width: J });
+        var l = this.props, p = l.className, I = l.delayMethod, O = l.delayTime, w = l.height, D = l.placeholder, z = l.scrollPosition, K = l.style, W = l.threshold, ce = l.useIntersectionObserver, J = l.width;
+        return this.isScrollTracked || ce && h() ? a().createElement(F, { className: p, height: w, onVisible: this.onVisible, placeholder: D, scrollPosition: z, style: K, threshold: W, useIntersectionObserver: ce, width: J }) : a().createElement(Be, { className: p, delayMethod: I, delayTime: O, height: w, onVisible: this.onVisible, placeholder: D, style: K, threshold: W, width: J });
       } }]) && qe(c.prototype, m), Object.defineProperty(c, "prototype", { writable: !1 }), q;
     }(a().Component);
     Pe.propTypes = { afterLoad: i.PropTypes.func, beforeLoad: i.PropTypes.func, useIntersectionObserver: i.PropTypes.bool, visibleByDefault: i.PropTypes.bool }, Pe.defaultProps = { afterLoad: function() {
@@ -2804,7 +2798,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 +2806,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 +2817,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 +2841,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;
@@ -2898,11 +2892,11 @@ var pn = { exports: {} };
       }(), function() {
         var l, p = Ue(v);
         if (k) {
-          var T = Ue(this).constructor;
-          l = Reflect.construct(p, arguments, T);
+          var I = Ue(this).constructor;
+          l = Reflect.construct(p, arguments, I);
         } else
           l = p.apply(this, arguments);
-        return function(P, w) {
+        return function(O, w) {
           if (w && (Ae(w) === "object" || typeof w == "function"))
             return w;
           if (w !== void 0)
@@ -2911,13 +2905,13 @@ var pn = { exports: {} };
             if (D === void 0)
               throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
             return D;
-          }(P);
+          }(O);
         }(this, l);
       });
       function q(l) {
         var p;
-        return function(T, P) {
-          if (!(T instanceof P))
+        return function(I, O) {
+          if (!(I instanceof O))
             throw new TypeError("Cannot call a class as a function");
         }(this, q), (p = _.call(this, l)).state = { loaded: !1 }, p;
       }
@@ -2927,8 +2921,8 @@ var pn = { exports: {} };
           l.props.onLoad(p), l.props.afterLoad(), l.setState({ loaded: !0 });
         };
       } }, { key: "getImg", value: function() {
-        var l = this.props, p = (l.afterLoad, l.beforeLoad, l.delayMethod, l.delayTime, l.effect, l.placeholder, l.placeholderSrc, l.scrollPosition, l.threshold, l.useIntersectionObserver, l.visibleByDefault, l.wrapperClassName, l.wrapperProps, function(T, P) {
-          if (T == null)
+        var l = this.props, p = (l.afterLoad, l.beforeLoad, l.delayMethod, l.delayTime, l.effect, l.placeholder, l.placeholderSrc, l.scrollPosition, l.threshold, l.useIntersectionObserver, l.visibleByDefault, l.wrapperClassName, l.wrapperProps, function(I, O) {
+          if (I == null)
             return {};
           var w, D, z = function(W, ce) {
             if (W == null)
@@ -2937,25 +2931,25 @@ var pn = { exports: {} };
             for (he = 0; he < Re.length; he++)
               J = Re[he], ce.indexOf(J) >= 0 || (ke[J] = W[J]);
             return ke;
-          }(T, P);
+          }(I, O);
           if (Object.getOwnPropertySymbols) {
-            var K = Object.getOwnPropertySymbols(T);
+            var K = Object.getOwnPropertySymbols(I);
             for (D = 0; D < K.length; D++)
-              w = K[D], P.indexOf(w) >= 0 || Object.prototype.propertyIsEnumerable.call(T, w) && (z[w] = T[w]);
+              w = K[D], O.indexOf(w) >= 0 || Object.prototype.propertyIsEnumerable.call(I, w) && (z[w] = I[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());
+        var l = this.props, p = l.beforeLoad, I = l.className, O = 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(mt, { beforeLoad: p, className: I, delayMethod: O, 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);
+        var p = this.props, I = p.effect, O = 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 " + I + ce, style: bt(bt({}, J), {}, { color: "transparent", display: "inline-block", height: O, 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;
+        var l = this.props, p = l.effect, I = l.placeholderSrc, O = l.visibleByDefault, w = l.wrapperClassName, D = l.wrapperProps, z = this.getLazyLoadImage();
+        return (p || I) && !O || w || D ? this.getWrappedLazyLoadImage(z) : z;
+      } }]) && 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 +2957,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 +2988,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 +3008,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 +3018,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,38 +3030,38 @@ 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
   ] });
 }
 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 = {
+  var M, C, T, b, E, L;
+  const i = xe(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,
-    img: ((E = n.selected) == null ? void 0 : E.img) || n.img,
-    label: ((C = n.selected) == null ? void 0 : C.label) || n.label,
-    imageWrapper: ((A = n.selected) == null ? void 0 : A.imageWrapper) || n.imageWrapper
+    item: ((C = n.selected) == null ? void 0 : C.item) || n.item,
+    figure: ((T = n.selected) == null ? void 0 : T.figure) || n.figure,
+    img: ((b = n.selected) == null ? void 0 : b.img) || n.img,
+    label: ((E = n.selected) == null ? void 0 : E.label) || n.label,
+    imageWrapper: ((L = n.selected) == null ? void 0 : L.imageWrapper) || n.imageWrapper
   };
   st(() => {
     if (!i.current)
       return;
-    const S = i.current.querySelector("[data-selected=true]");
-    S && S.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
+    const P = i.current.querySelector("[data-selected=true]");
+    P && P.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
   }, [h]);
   const x = [];
-  for (const S of f) {
-    const F = [], L = f[h] === S;
-    for (const R of S) {
+  for (const P of f) {
+    const F = [], A = f[h] === P;
+    for (const R of P) {
       const B = s[R];
       F.push(
-        /* @__PURE__ */ d("div", { className: L ? y.item : n.item, children: /* @__PURE__ */ d(
+        /* @__PURE__ */ d("div", { className: A ? y.item : n.item, children: /* @__PURE__ */ d(
           so,
           {
-            classes: L ? y : n,
+            classes: A ? y : n,
             canvasId: B.id,
             size: t,
             showLabel: o,
@@ -3087,10 +3081,10 @@ function Lo({ flat: e, size: t, classes: n = {}, showLabel: o, figure: r, fallba
         "div",
         {
           onClick: (R) => {
-            u(f.indexOf(S));
+            u(f.indexOf(P));
           },
-          "data-selected": L,
-          className: L ? y.row : n.row,
+          "data-selected": A,
+          className: A ? y.row : n.row,
           children: F
         }
       )
@@ -3108,7 +3102,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 +3132,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,56 +3142,56 @@ 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", C = N(() => {
     try {
       if (t && n.length) {
-        const E = n[0], C = o.get(E.body[0]), S = it(C)[0];
-        return S && r.loadServiceSync({
-          id: S.id || S["@id"],
-          width: S.width || t.width,
-          height: S.height || t.height
+        const b = n[0], E = o.get(b.body[0]), P = it(E)[0];
+        return P && r.loadServiceSync({
+          id: P.id || P["@id"],
+          width: P.width || t.width,
+          height: P.height || t.height
         }) || void 0;
       }
-    } catch (E) {
-      console.error(E);
+    } catch (b) {
+      console.error(b);
     }
-  }, [M, e, t]), b = h === "success" && a ? a : I;
+  }, [M, e, t]), T = h === "success" && a ? a : C;
   return be(() => {
     (async () => {
       try {
         if (t && n.length) {
-          const E = n[0], C = o.get(E.body[0]), S = it(C)[0];
-          if (!S)
+          const b = n[0], E = o.get(b.body[0]), P = it(E)[0];
+          if (!P)
             return;
           f(!0), u("loading");
           try {
             const F = await r.loadService({
-              id: S.id || S["@id"],
-              width: S.width || t.width,
-              height: S.height || t.height
+              id: P.id || P["@id"],
+              width: P.width || t.width,
+              height: P.height || t.height
             }) || void 0;
             i(F), u("success"), f(!1);
           } catch (F) {
             u("error"), x(F);
           }
         }
-      } catch (E) {
-        u("error"), x(E);
+      } catch (b) {
+        u("error"), x(b);
       }
     })();
   }, [M, e]), N(() => ({
-    data: b,
+    data: T,
     isFetching: s,
     status: h,
     error: y
-  }), [b, s, h, y]);
+  }), [T, s, h, y]);
 }
 function Uo() {
   const e = uo();
@@ -3219,7 +3213,7 @@ function $o() {
   ) : void 0;
 }
 function Wo() {
-  const e = re();
+  const e = ae();
   return N(() => ut(e), [e]);
 }
 export {
@@ -3230,96 +3224,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,
-  Io as LanguageProvider,
-  Kr as LanguageString,
+  Rr as ImageServiceLoaderContext,
+  Hn as InnerViewerProvider,
+  Eo as LanguageProvider,
+  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,
+  Io 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