react-iiif-vault 1.0.10 → 1.0.11

package/dist/bundle/esm/index.mjs

@@ -1,6 +1,6 @@
 import { jsx as d, jsxs as X, Fragment as Oe } from "react/jsx-runtime";
-import Ie, { createContext as xe, Component as wn, createElement as St, isValidElement as Pn, useContext as ue, useMemo as N, useState as ie, useEffect as be, useCallback as Q, useRef as Ee, useLayoutEffect as st, Fragment as Ye, useReducer as On, forwardRef as ct, useImperativeHandle as It } from "react";
-import { AtlasAuto as Sn, ModeContext as xn, mergeStyles as Tn, RegionHighlight as En, TileSet as In, HTMLPortal as Cn, useCanvas as jn } from "@atlas-viewer/atlas";
+import 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";
@@ -9,7 +9,7 @@ import { expandTarget as Mn } from "@iiif/helpers";
 import { ImageServiceLoader as Rn, getImageServices as it, createImageServiceRequest as Ln, imageServiceRequestToString as An } from "@atlas-viewer/iiif-image-api";
 import { createThumbnailHelper as kn } from "@iiif/helpers/thumbnail";
 import Nn from "react-dom";
-const Vn = xe(null), tt = {
+const Vn = Te(null), tt = {
   didCatch: !1,
   error: null
 };
@@ -100,7 +100,7 @@ const Bn = {
   canvas: void 0,
   annotation: void 0,
   annotationPage: void 0
-}, lt = Ie.createContext(Bn), je = () => ue(lt);
+}, lt = Ee.createContext(Bn), je = () => ue(lt);
 function Le({ value: e, children: t }) {
   const n = je(), o = N(() => ({
     ...n,
@@ -108,7 +108,7 @@ 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) => {
   }
@@ -176,7 +176,7 @@ function ye(e, t = []) {
     !1
   ), t), o;
 }
-const Ge = Ie.createContext([]);
+const Ge = Ee.createContext([]);
 function Mt() {
   const e = ue(Ge);
   return ye(
@@ -255,37 +255,37 @@ function Oo(e, t, n, o = !1) {
   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 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;
     }
@@ -301,46 +301,51 @@ function kt(e = {}, t = []) {
   }, [i, o, ...t]);
 }
 function Wn({ startCanvas: e, disablePaging: t }) {
-  var I;
+  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(
     () => At(n, s, { disablePaging: t }),
     [n, s, t]
-  ), u = Q(
+  ), 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,
@@ -412,7 +417,7 @@ function zn() {
 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) => ({
@@ -421,7 +426,7 @@ const Te = function(e) {
       ...o !== void 0 && { meta: o }
     });
   };
-}, Qn = "@iiif/IMPORT_ENTITIES", Gn = "@iiif/MODIFY_ENTITY_FIELD", Xn = "@iiif/REORDER_ENTITY_FIELD", Jn = "@iiif/ADD_REFERENCE", Zn = "@iiif/UPDATE_REFERENCE", er = "@iiif/REMOVE_REFERENCE", tr = "@iiif/ADD_METADATA", nr = "@iiif/REMOVE_METADATA", rr = "@iiif/UPDATE_METADATA", or = "@iiif/REORDER_METADATA", ir = Te(Qn)(), ar = Te(Gn)(), sr = Te(Xn)(), cr = Te(Jn)(), ur = Te(er)(), lr = Te(Zn)(), fr = Te(tr)(), dr = Te(rr)(), pr = Te(nr)(), hr = Te(or)(), nt = {
+}, 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,
@@ -441,7 +446,7 @@ function Tt(e) {
   return typeof e != "string" && e && e.bindToVault;
 }
 function gr() {
-  const e = ae(), t = Ee([]), n = yr(), o = N(() => `vault://annotation-page/${(/* @__PURE__ */ new Date()).getTime()}/${Math.round(Math.random() * 1e9).toString(16)}`, []);
+  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,
@@ -521,7 +526,7 @@ function gr() {
     }
   ];
 }
-const Vt = xe(null);
+const Vt = Te(null);
 function mr() {
   const e = ue(Vt);
   return [
@@ -555,14 +560,14 @@ function br({
     /* @__PURE__ */ d("button", { onClick: r, children: "Reset" })
   ] });
 }
-const pt = xe(null);
+const pt = Te(null);
 function wr() {
   return ue(pt);
 }
-const _t = xe(
+const _t = Te(
   () => {
   }
-), Dt = xe(
+), Dt = Te(
   () => {
   }
 );
@@ -579,7 +584,7 @@ function Se(e = {}, t = []) {
       return o ? o(i) : i;
   }, [i, o, ...t]);
 }
-const Bt = xe(() => {
+const Bt = Te(() => {
 });
 function Pr(e) {
   const t = Se(), n = ue(Bt);
@@ -593,21 +598,21 @@ function Or({
   worldScale: o,
   ...r
 }) {
-  const [a, i] = ie(), s = zn(), f = t || br, [h, u] = ie({}), y = Object.entries(h), [x, M] = ie({}), I = Object.entries(x), [b, E] = ie({}), C = N(() => o || Math.max(...Object.values(b)), [b]), A = N(() => ({ maxOverZoom: C || 1, ...r.runtimeOptions || {} }), [C, r.runtimeOptions]), S = Q((R, B) => {
-    E((j) => {
+  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);
@@ -618,15 +623,15 @@ function Or({
       {
         ...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(pt.Provider, { value: a, children: /* @__PURE__ */ d(Bt.Provider, { value: S, children: /* @__PURE__ */ d(_t.Provider, { value: F, children: /* @__PURE__ */ d(Dt.Provider, { value: L, children: /* @__PURE__ */ d(Kn, { bridge: s, children: /* @__PURE__ */ d(xn.Provider, { value: r.mode || "explore", children: /* @__PURE__ */ d(vr, { children: e }) }) }) }) }) }) })
+        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 = {}, qt = {
@@ -729,7 +734,7 @@ const Wt = ({
 }) => {
   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(
-    En,
+    In,
     {
       id: r.id,
       isEditing: !0,
@@ -799,7 +804,7 @@ function Ht({
       onClick: f,
       children: t.service ? /* @__PURE__ */ X(Ye, { children: [
         /* @__PURE__ */ d(
-          In,
+          En,
           {
             tiles: {
               id: t.service.id || t.service["@id"] || "unknown",
@@ -866,12 +871,12 @@ const xr = {
   makeChoice: () => {
   }
 }, rt = { type: "unknown" }, ne = (e) => ({ type: "unknown", reason: e, annotations: { pages: [] } }), Tr = (e, t) => ({ type: "empty", width: e, height: t, annotations: { pages: [] }, image: null, images: [] });
-function Er(e, t) {
+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;
 }
-function Ir(e, t) {
+function Er(e, t) {
   return ye(
     (n) => {
       const o = [];
@@ -880,7 +885,7 @@ function Ir(e, t) {
       const r = Object.keys(n.iiif.entities.AnnotationPage);
       for (const a of r)
         if (!t || t.indexOf(a) !== -1) {
-          const i = Er(n, a);
+          const i = Ir(n, a);
           i && i.views && i.views[e] && o.push(a);
         }
       return o;
@@ -919,7 +924,7 @@ function zt(e, t = {}) {
     manifest: o,
     canvas: r,
     canvases: a
-  }), [t.all, r, a, o]), s = Ir(e, t.all ? void 0 : i), f = Q(
+  }), [t.all, r, a, o]), s = Er(e, t.all ? void 0 : i), f = Q(
     (u) => {
       e && n.setMetaValue(
         [u, "annotationPageManager", "views"],
@@ -936,18 +941,18 @@ function zt(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 = jr(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
         }
       );
@@ -964,12 +969,12 @@ function zt(e, t = {}) {
 function Mr(e, t) {
   return ye((n, o) => o.get(e.map((r) => ({ id: r, type: t }))), [e, t]);
 }
-const Rr = Ie.createContext(new Rn());
+const Rr = Ee.createContext(new Rn());
 function Je() {
   return ue(Rr);
 }
 function Lr() {
-  const e = Je(), [t, n] = ie({}), o = Ee(!1);
+  const e = Je(), [t, n] = ie({}), o = xe(!1);
   return be(() => () => {
     o.current = !0;
   }, []), [Q(
@@ -1058,26 +1063,26 @@ function kr(e = Kt) {
         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 }] = Ar(x), b = e.get(M), E = (b.type || "unknown").toLowerCase();
-        if (E === "choice") {
-          const C = e.get(b.items, { parent: b.id }), A = a.length ? a.map((S) => C.find((F) => F.id === S)).filter(Boolean) : [C[0]];
-          A.length === 0 && A.push(C[0]), f = {
+        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
         });
       }
     }
@@ -1108,19 +1113,19 @@ function Nr(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];
         });
@@ -1352,15 +1357,15 @@ const Hr = (e, t = []) => {
   }, [n, ...t]);
 };
 function Gt(e, t, { canvasId: n, manifestId: o } = {}) {
-  const r = ae(), a = Je(), i = N(() => kn(r, { imageServiceLoader: a }), [r, a]), [s, f] = ie(), h = Ce(o ? { id: o } : void 0), u = Se(n ? { id: n } : void 0), y = u || h, x = Ee(!1);
+  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 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]
@@ -1397,7 +1402,7 @@ function Kr(e) {
   return `${Math.floor(t / 60)}:${`${t % 60}`.padStart(2, "0")}`;
 }
 function yt(e) {
-  const [t, n] = On(zr, Yr(e.duration)), o = Ee(null), r = Ee(null), a = Ee(null), i = Ee(!1), s = Q(() => {
+  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(() => {
@@ -1413,23 +1418,23 @@ function yt(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,
@@ -1440,13 +1445,13 @@ function yt(e) {
       mute: x,
       unmute: M,
       toggleMute: y,
-      setVolume: I,
-      setDurationPercent: b,
-      setTime: E
+      setVolume: C,
+      setDurationPercent: T,
+      setTime: b
     }
   ];
 }
-const Xt = xe(null), Jt = xe(null), Zt = xe(null);
+const Xt = Te(null), Jt = Te(null), Zt = Te(null);
 function xo() {
   const e = ue(Xt);
   if (!e)
@@ -1459,7 +1464,7 @@ function To() {
     throw new Error("Ctx not found");
   return e;
 }
-function Eo() {
+function Io() {
   const e = ue(Zt);
   if (!e)
     throw new Error("Ctx not found");
@@ -1589,19 +1594,19 @@ function cn({ style: e }) {
     }
   );
 }
-const un = Ie.createContext("en");
-function Io(e) {
+const un = Ee.createContext("en");
+function Eo(e) {
   return /* @__PURE__ */ d(un.Provider, { value: e.language, children: e.children });
 }
 function gt() {
-  return Ie.useContext(un);
+  return Ee.useContext(un);
 }
-function Et(e) {
+function It(e) {
   return e.indexOf("-") !== -1 ? e.slice(0, e.indexOf("-")) : e;
 }
 function Qr({ as: e, language: t, children: n, viewingDirection: o, ...r }) {
   const a = gt();
-  return N(() => Et(a) === Et(t), [a, t]) ? e ? /* @__PURE__ */ d(e, { ...r, children: n }) : /* @__PURE__ */ d("span", { ...r, children: n }) : e ? /* @__PURE__ */ d(e, { ...r, lang: t, dir: o, children: n }) : /* @__PURE__ */ d("span", { ...r, lang: t, dir: o, children: n });
+  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 ln(e, t, n) {
   if (t.length === 0)
@@ -1691,7 +1696,7 @@ function Jr({
   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 {
@@ -1751,25 +1756,25 @@ function fn({
   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 = Ut(S, ["deep-zoom"]), [L] = mr(), R = wr(), B = ae(), j = N(() => ut(B), [B]), [O, U] = Wr({
+  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]);
+  ), [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", {
@@ -1778,23 +1783,23 @@ function fn({
   }, [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}`,
+    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 = Gt({ maxWidth: 256, maxHeight: 256 });
-  if (!S)
+  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
@@ -1802,37 +1807,37 @@ function fn({
       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(cn, { 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(
                 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 }) })
@@ -1842,8 +1847,8 @@ function fn({
               se
             ] });
           }) : null,
-          O.type === "images" ? /* @__PURE__ */ X(Oe, { children: [
-            O.images.map((V, te) => /* @__PURE__ */ d(
+          S.type === "images" ? /* @__PURE__ */ X(Oe, { children: [
+            S.images.map((V, te) => /* @__PURE__ */ d(
               Ht,
               {
                 isStatic: a,
@@ -1851,36 +1856,36 @@ function fn({
                 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(sn, { model: O.model }) : null,
-          O.type === "media" ? /* @__PURE__ */ d(Oe, { children: O.media.type === "Sound" ? /* @__PURE__ */ X(nn, { media: O.media, mediaControlsDeps: h, children: [
+          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(on, { 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(Zr, { 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(fn, { renderViewerControls: i }) }) : null
+    S.type === "media" && S.media.type === "Sound" && Z ? /* @__PURE__ */ d(Qe, { canvas: Z.id, children: /* @__PURE__ */ d(fn, { renderViewerControls: i }) }) : null
   ] });
 }
 const eo = ct(function(t, n) {
   const o = Ce(), r = Mt(), a = Nt(), { ViewerControls: i, MediaControls: s } = t.components || {};
-  if (It(n, () => a, [a]), !o)
+  if (Et(n, () => a, [a]), !o)
     return /* @__PURE__ */ d("div", {});
   let f = 0;
   return /* @__PURE__ */ X(Oe, { children: [
@@ -1943,7 +1948,7 @@ ge.ModelHTML = an;
 const jo = ct(
   function({ canvasId: t }, n) {
     const o = jn(), r = zt(t || (o == null ? void 0 : o.id)), a = ae();
-    return It(n, () => r, [t, o]), !o || r.enabledPageIds.length === 0 ? null : /* @__PURE__ */ d(Oe, { children: r.enabledPageIds.map((i) => /* @__PURE__ */ d(ge.RenderAnnotationPage, { page: a.get(i) }, i)) });
+    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 dn({
@@ -1962,60 +1967,60 @@ function dn({
   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(
@@ -2024,10 +2029,10 @@ function dn({
           enableDangerouslySetInnerHTML: r,
           defaultText: f,
           separator: u,
-          children: b.value
+          children: T.value
         }
       ) })
-    ] }, E) : null) : null }),
+    ] }, b) : null) : null }),
     y
   ] });
 }
@@ -2118,59 +2123,59 @@ function Ro(e) {
 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(re) {
-        var oe = j, de = O;
-        return j = O = void 0, Z = re, H = L.apply(de, oe);
+        var oe = j, de = S;
+        return j = S = void 0, Z = re, H = A.apply(de, oe);
       }
       function te(re) {
         var oe = re - Y;
         return Y === void 0 || oe >= R || oe < 0 || se && re - Z >= U;
       }
       function $() {
-        var re = A();
+        var re = L();
         if (te(re))
           return le(re);
         G = setTimeout($, function(oe) {
           var de = R - (oe - Y);
-          return se ? C(de, U - (oe - Z)) : de;
+          return se ? E(de, U - (oe - Z)) : de;
         }(re));
       }
       function le(re) {
-        return G = void 0, me && j ? V(re) : (j = O = void 0, H);
+        return G = void 0, me && j ? V(re) : (j = S = void 0, H);
       }
       function fe() {
-        var re = A(), oe = te(re);
-        if (j = arguments, O = this, Y = re, oe) {
+        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;
@@ -2180,19 +2185,19 @@ var hn = { 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")
@@ -2200,20 +2205,20 @@ var hn = { 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);
@@ -2230,7 +2235,7 @@ var hn = { exports: {} };
           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) {
@@ -2242,7 +2247,7 @@ var hn = { exports: {} };
           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) {
@@ -2253,12 +2258,12 @@ var hn = { exports: {} };
           }
           return $ === void 0 && ($ = setTimeout(we, Z)), te;
         }
-        return Z = B(Z) || 0, R(ee) && (re = !!ee.leading, V = (oe = "maxWait" in ee) ? S(B(ee.maxWait) || 0, Z) : V, de = "trailing" in ee ? !!ee.trailing : de), Me.cancel = function() {
+        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);
@@ -2267,10 +2272,10 @@ var hn = { 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() {
@@ -2313,7 +2318,7 @@ var hn = { exports: {} };
   var o = {};
   (() => {
     n.r(o), n.d(o, { LazyLoadComponent: () => mt, LazyLoadImage: () => bn, trackWindowScroll: () => le });
-    const r = Ie;
+    const r = Ee;
     var a = n.n(r), i = n(697);
     const s = Nn;
     var f = n.n(s);
@@ -2338,15 +2343,15 @@ var hn = { 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;
@@ -2361,25 +2366,25 @@ var hn = { 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)
@@ -2393,13 +2398,13 @@ var hn = { 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)
@@ -2408,19 +2413,19 @@ var hn = { 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;
       }
@@ -2431,17 +2436,17 @@ var hn = { 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;
@@ -2457,14 +2462,14 @@ var hn = { 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");
     };
@@ -2472,7 +2477,7 @@ var hn = { 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;
       }
@@ -2543,10 +2548,10 @@ var hn = { 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)
@@ -2560,23 +2565,23 @@ var hn = { 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();
@@ -2591,7 +2596,7 @@ var hn = { 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) {
@@ -2608,8 +2613,8 @@ var hn = { 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;
@@ -2669,11 +2674,11 @@ var hn = { 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)
@@ -2682,12 +2687,12 @@ var hn = { 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);
       }
@@ -2756,16 +2761,16 @@ var hn = { 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) {
@@ -2774,8 +2779,8 @@ var hn = { 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();
@@ -2784,8 +2789,8 @@ var hn = { 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() {
@@ -2887,11 +2892,11 @@ var hn = { 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)
@@ -2900,13 +2905,13 @@ var hn = { 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;
       }
@@ -2916,8 +2921,8 @@ var hn = { 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)
@@ -2926,24 +2931,24 @@ var hn = { 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, 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(mt, { beforeLoad: p, className: T, delayMethod: P, delayTime: w, height: D, placeholder: z, scrollPosition: K, style: W, threshold: ce, useIntersectionObserver: J, visibleByDefault: he, width: ke }, this.getImg());
+        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: bt(bt({}, 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;
+        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() {
@@ -3032,31 +3037,31 @@ function co({ fallback: e, size: t, classes: n, showLabel: o, alt: r, dereferenc
   ] });
 }
 function Lo({ flat: e, size: t, classes: n = {}, showLabel: o, figure: r, fallback: a }) {
-  var M, I, b, E, C, A;
-  const i = Ee(null), { items: s, sequence: f, currentSequenceIndex: h, setSequenceIndex: u } = Nt(), 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,
@@ -3076,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
         }
       )
@@ -3144,49 +3149,49 @@ function Fo(e, t) {
   return { id: n, isLoaded: o, error: r, manifest: a, requestId: i, cached: s };
 }
 function uo({ cacheKey: e } = {}) {
-  const t = Se(), n = ht(), o = ae(), r = Je(), [a, i] = ie(void 0), [s, f] = ie(!1), [h, u] = ie("idle"), [y, x] = ie(void 0), M = t ? t.id : "undefined", I = N(() => {
+  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();
@@ -3223,7 +3228,7 @@ export {
   no as Image,
   Rr as ImageServiceLoaderContext,
   Hn as InnerViewerProvider,
-  Io as LanguageProvider,
+  Eo as LanguageProvider,
   Qr as LanguageString,
   Ne as LocaleString,
   Fn as ManifestContext,
@@ -3288,7 +3293,7 @@ export {
   Xr as useLocaleString,
   Ce as useManifest,
   To as useMediaActions,
-  Eo as useMediaElements,
+  Io as useMediaElements,
   xo as useMediaState,
   Nr as usePaintables,
   ht as usePaintingAnnotations,