react-iiif-vault 1.0.7 → 1.0.9

package/dist/bundle/esm/index.mjs

@@ -1,404 +1,446 @@
-import { jsx as l, jsxs as M, Fragment as z } from "react/jsx-runtime";
-import * as se from "react";
-import B, { useContext as R, useMemo as x, useState as T, useEffect as k, useCallback as b, createContext as U, useRef as $, useLayoutEffect as Te, Fragment as ne, useReducer as gt, forwardRef as Ve, useImperativeHandle as vt } from "react";
-import { AtlasAuto as mt, ModeContext as pt, mergeStyles as yt, RegionHighlight as xt, TileSet as St, HTMLPortal as wt } from "@atlas-viewer/atlas";
-import { globalVault as Le, Vault as Ie } from "@iiif/helpers/vault";
-import { createStylesHelper as ge } from "@iiif/helpers/styles";
-import { expandTarget as le } from "@iiif/helpers/annotation-targets";
+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 { 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 Ct } from "@iiif/helpers";
-import { ImageServiceLoader as bt, getImageServices as de } from "@atlas-viewer/iiif-image-api";
-import { createThumbnailHelper as Pt } from "@iiif/helpers/thumbnail";
-function fe(e, t) {
-  return fe = Object.setPrototypeOf || function(r, i) {
-    return r.__proto__ = i, r;
-  }, fe(e, t);
-}
-function Et(e, t) {
-  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, fe(e, t);
-}
-var It = function(t, n) {
-  return t === void 0 && (t = []), n === void 0 && (n = []), t.length !== n.length || t.some(function(r, i) {
-    return !Object.is(r, n[i]);
-  });
-}, Ae = {
+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 = {
+  didCatch: !1,
   error: null
-}, At = /* @__PURE__ */ function(e) {
-  Et(t, e);
-  function t() {
-    for (var r, i = arguments.length, o = new Array(i), a = 0; a < i; a++)
-      o[a] = arguments[a];
-    return r = e.call.apply(e, [this].concat(o)) || this, r.state = Ae, r.resetErrorBoundary = function() {
-      for (var s, c = arguments.length, d = new Array(c), u = 0; u < c; u++)
-        d[u] = arguments[u];
-      r.props.onReset == null || (s = r.props).onReset.apply(s, d), r.reset();
-    }, r;
+};
+class Vn extends bn {
+  constructor(t) {
+    super(t), this.resetErrorBoundary = this.resetErrorBoundary.bind(this), this.state = tt;
   }
-  t.getDerivedStateFromError = function(i) {
+  static getDerivedStateFromError(t) {
     return {
-      error: i
+      didCatch: !0,
+      error: t
     };
-  };
-  var n = t.prototype;
-  return n.reset = function() {
-    this.setState(Ae);
-  }, n.componentDidCatch = function(i, o) {
-    var a, s;
-    (a = (s = this.props).onError) == null || a.call(s, i, o);
-  }, n.componentDidUpdate = function(i, o) {
-    var a = this.state.error, s = this.props.resetKeys;
-    if (a !== null && o.error !== null && It(i.resetKeys, s)) {
-      var c, d;
-      (c = (d = this.props).onResetKeysChange) == null || c.call(d, i.resetKeys, s), this.reset();
-    }
-  }, n.render = function() {
-    var i = this.state.error, o = this.props, a = o.fallbackRender, s = o.FallbackComponent, c = o.fallback;
-    if (i !== null) {
-      var d = {
+  }
+  resetErrorBoundary() {
+    const {
+      error: t
+    } = this.state;
+    if (t !== null) {
+      for (var n, o, r = arguments.length, a = new Array(r), i = 0; i < r; i++)
+        a[i] = arguments[i];
+      (n = (o = this.props).onReset) === null || n === void 0 || n.call(o, {
+        args: a,
+        reason: "imperative-api"
+      }), this.setState(tt);
+    }
+  }
+  componentDidCatch(t, n) {
+    var o, r;
+    (o = (r = this.props).onError) === null || o === void 0 || o.call(r, t, n);
+  }
+  componentDidUpdate(t, n) {
+    const {
+      didCatch: o
+    } = this.state, {
+      resetKeys: r
+    } = this.props;
+    if (o && n.error !== null && _n(t.resetKeys, r)) {
+      var a, i;
+      (a = (i = this.props).onReset) === null || a === void 0 || a.call(i, {
+        next: r,
+        prev: t.resetKeys,
+        reason: "keys"
+      }), this.setState(tt);
+    }
+  }
+  render() {
+    const {
+      children: t,
+      fallbackRender: n,
+      FallbackComponent: o,
+      fallback: r
+    } = this.props, {
+      didCatch: a,
+      error: i
+    } = this.state;
+    let s = t;
+    if (a) {
+      const f = {
         error: i,
         resetErrorBoundary: this.resetErrorBoundary
       };
-      if (/* @__PURE__ */ se.isValidElement(c))
-        return c;
-      if (typeof a == "function")
-        return a(d);
-      if (s)
-        return /* @__PURE__ */ se.createElement(s, d);
-      throw new Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop");
-    }
-    return this.props.children;
-  }, t;
-}(se.Component);
-const Mt = {
+      if (typeof n == "function")
+        s = n(f);
+      else if (o)
+        s = Pt(o, f);
+      else if (r === null || wn(r))
+        s = r;
+      else
+        throw i;
+    }
+    return Pt(Nn.Provider, {
+      value: {
+        didCatch: a,
+        error: i,
+        resetErrorBoundary: this.resetErrorBoundary
+      }
+    }, s);
+  }
+}
+function _n() {
+  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 = {
   collection: void 0,
   manifest: void 0,
   range: void 0,
   canvas: void 0,
   annotation: void 0,
   annotationPage: void 0
-}, ve = B.createContext(Mt), H = () => R(ve);
-function K({ value: e, children: t }) {
-  const n = H(), r = x(() => ({
+}, lt = Ie.createContext(Dn), je = () => ue(lt);
+function Le({ value: e, children: t }) {
+  const n = je(), o = N(() => ({
     ...n,
     ...e
   }), [e, n]);
-  return /* @__PURE__ */ l(ve.Provider, { value: r, children: t });
+  return /* @__PURE__ */ d(lt.Provider, { value: o, children: t });
 }
-const ie = B.createContext({
+const Ke = Ie.createContext({
   vault: null,
   setVaultInstance: (e) => {
   }
 });
-function Oe({
+function It({
   vault: e,
   vaultOptions: t,
   useGlobal: n,
-  resources: r,
-  children: i
+  resources: o,
+  children: r
 }) {
-  const [o, a] = T(() => e || (n ? Le(t) : t ? new Ie(t) : new Ie()));
-  return /* @__PURE__ */ l(ie.Provider, { value: { vault: o, setVaultInstance: a }, children: /* @__PURE__ */ l(K, { value: r || {}, children: i }) });
+  const [a, i] = ae(() => e || (n ? Et(t) : t ? new Ot(t) : new Ot()));
+  return /* @__PURE__ */ d(Ke.Provider, { value: { vault: a, setVaultInstance: i }, children: /* @__PURE__ */ d(Le, { value: o || {}, children: r }) });
 }
-const I = () => {
-  const { vault: e } = R(ie);
+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 ke(e, { noCache: t = !1 } = {}) {
-  const n = typeof e == "string" ? e : e.id, r = I(), [i, o] = T(n), [a, s] = T(void 0), c = x(() => r.get(n, { skipSelfReturn: !0 }) || void 0, [n, r]), [d, u] = T(c);
-  return k(() => {
+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);
+  return be(() => {
     (async () => {
       try {
-        const f = c && !t ? c : await r.load(n), m = f ? f.id || f["@id"] : null;
-        f && i !== m && o(m), u(f);
-      } catch (f) {
-        s(f);
+        const y = f && !t ? f : await o.load(n), x = y ? y.id || y["@id"] : null;
+        y && r !== x && a(x), u(y);
+      } catch (y) {
+        s(y);
       }
     })();
   }, [n, t]), {
-    isLoaded: !!d,
-    id: i,
+    isLoaded: !!h,
+    id: r,
     requestId: n,
-    error: a,
-    resource: d,
-    cached: !!(d && d === c)
+    error: i,
+    resource: h,
+    cached: !!(h && h === f)
   };
 }
-function Rt(e, t) {
-  const { id: n, isLoaded: r, error: i, resource: o, requestId: a, cached: s } = ke(
+function Bn(e, t) {
+  const { id: n, isLoaded: o, error: r, resource: a, requestId: i, cached: s } = Ct(
     e,
     t
   );
-  return { id: n, isLoaded: r, error: i, manifest: o, requestId: a, cached: s };
+  return { id: n, isLoaded: o, error: r, manifest: a, requestId: i, cached: s };
 }
-function Tt({ manifest: e, children: t }) {
-  return /* @__PURE__ */ l(K, { value: { manifest: e }, children: t });
+function qn({ manifest: e, children: t }) {
+  return /* @__PURE__ */ d(Le, { value: { manifest: e }, children: t });
 }
-function me({ canvas: e, children: t }) {
-  return /* @__PURE__ */ l(K, { value: { canvas: e }, children: t });
+function Qe({ canvas: e, children: t }) {
+  return /* @__PURE__ */ d(Le, { value: { canvas: e }, children: t });
 }
-function V(e, t = []) {
-  const n = I(), [r, i] = T(() => e(n.getState(), n));
-  return k(() => n.subscribe(
-    (o) => e(o, n),
-    (o) => {
-      i(o);
+function ye(e, t = []) {
+  const n = re(), [o, r] = ae(() => e(n.getState(), n));
+  return be(() => n.subscribe(
+    (a) => e(a, n),
+    (a) => {
+      r(a);
     },
     !1
-  ), t), r;
+  ), t), o;
 }
-const oe = B.createContext([]);
-function Fe() {
-  const e = R(oe);
-  return V(
+const Ge = Ie.createContext([]);
+function jt() {
+  const e = ue(Ge);
+  return ye(
     (t) => e.map((n) => t.iiif.entities.Canvas[n]).filter(Boolean),
     [e]
   );
 }
-function W(e = {}, t = []) {
-  const { id: n, selector: r } = e, i = H();
-  I();
-  const o = n || i.manifest, a = V(
-    (s) => o ? s.iiif.entities.Manifest[o] : void 0,
-    [o]
+function Ce(e = {}, t = []) {
+  const { id: n, selector: o } = e, r = je();
+  re();
+  const a = n || r.manifest, i = ye(
+    (s) => a ? s.iiif.entities.Manifest[a] : void 0,
+    [a]
   );
-  return x(() => {
-    if (a)
-      return r ? r(a) : a;
-  }, [a, r, ...t]);
+  return N(() => {
+    if (i)
+      return o ? o(i) : i;
+  }, [i, o, ...t]);
 }
-function Vt({ range: e, children: t }) {
-  return /* @__PURE__ */ l(K, { value: { range: e }, children: t });
+function Fn({ range: e, children: t }) {
+  return /* @__PURE__ */ d(Le, { value: { range: e }, children: t });
 }
-function Lt(e, t) {
+function Un(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 r = Lt(e, e.get(n));
-      if (r)
-        return r;
+      const o = Un(e, e.get(n));
+      if (o)
+        return o;
     }
   }
   return null;
 }
-function Ne(e, t) {
-  var r;
+function Mt(e, t) {
+  var o;
   const n = [];
-  for (const i of t.items)
-    if (i.type === "SpecificResource" && ((r = i.source) == null ? void 0 : r.type) === "Canvas" && (i.source.id.indexOf("#") !== -1 ? n.push({ id: i.source.id.split("#")[0], type: "Canvas" }) : n.push(i.source)), i.type === "Range" && n.push(...Ne(e, e.get(i))), i.type === "SpecificResource") {
-      const o = typeof i.source == "string" ? i.source : i.source.id;
-      n.push({ id: o, type: "Canvas" });
+  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") {
+      const a = typeof r.source == "string" ? r.source : r.source.id;
+      n.push({ id: a, type: "Canvas" });
     }
   return n;
 }
-function sr(e, t, n) {
-  for (const r of t.structures) {
-    const i = De(e, e.get(r), n);
-    if (i)
-      return i;
+function Po(e, t, n) {
+  for (const o of t.structures) {
+    const r = Rt(e, e.get(o), n);
+    if (r)
+      return r;
   }
   return null;
 }
-function De(e, t, n) {
-  var r, i, o;
-  for (const a of t.items) {
-    const s = (i = (r = a == null ? void 0 : a.source) == null ? void 0 : r.id) == null ? void 0 : i.split("#")[0];
-    if (a.type === "SpecificResource" && a.source === n || a.type === "SpecificResource" && ((o = a.source) == null ? void 0 : o.type) === "Canvas" && n === s)
+function Rt(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 (a.type === "Range") {
-      const c = De(e, e.get(a), n);
-      if (c)
-        return c;
+    if (i.type === "Range") {
+      const f = Rt(e, e.get(i), n);
+      if (f)
+        return f;
     }
   }
   return null;
 }
-function cr(e, t, n, r = !1) {
-  const i = t.behavior, o = n ? e.get(n) : null;
-  if (!o)
+function Oo(e, t, n, o = !1) {
+  const r = t.behavior, a = n ? e.get(n) : null;
+  if (!a)
     return [];
-  const a = o.behavior, s = r ? !1 : i.includes("paged"), c = s ? !1 : i.includes("continuous"), d = s || c ? !1 : i.includes("individuals"), u = a.includes("facing-pages"), f = a.includes("non-paged");
-  if (u || f || d || r)
-    return [{ id: o.id, type: "Canvas" }];
-  const [m, p] = _e(e, t);
-  if (c)
-    return m;
-  const g = m.findIndex((h) => h.id === n);
-  if (g === -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);
+  if (f)
+    return x;
+  const I = x.findIndex((b) => b.id === n);
+  if (I === -1)
     return [];
-  for (const h of p)
-    if (h.includes(g))
-      return h.map((y) => m[y]);
-  return [{ id: o.id, type: "Canvas" }];
-}
-function _e(e, t, { disablePaging: n, skipNonPaged: r } = {}) {
-  const i = t.behavior, o = i.includes("paged"), a = o ? !1 : i.includes("continuous"), s = o || a ? !1 : i.includes("individuals"), c = t.type === "Manifest" ? t.items : Ne(e, t);
-  if (a)
-    return [c, [c.map((g, h) => h)]];
-  if (s || !o || n)
-    return [c, c.map((g, h) => [h])];
-  const d = [];
+  for (const b of M)
+    if (b.includes(I))
+      return b.map((E) => x[E]);
+  return [{ id: a.id, type: "Canvas" }];
+}
+function Lt(e, t, { disablePaging: n, skipNonPaged: o } = {}) {
+  const r = t.behavior, a = r.includes("paged"), i = a ? !1 : r.includes("continuous"), s = a || i ? !1 : r.includes("individuals"), f = t.type === "Manifest" ? t.items : Mt(e, t);
+  if (i)
+    return [f, [f.map((I, b) => b)]];
+  if (s || !a || n)
+    return [f, f.map((I, b) => [b])];
+  const h = [];
   let u = [];
-  const f = () => {
-    u.length && (d.push([...u]), u = []);
+  const y = () => {
+    u.length && (h.push([...u]), u = []);
   };
-  let m = 0, p = !1;
-  for (let g = 0; g < c.length; g++) {
-    const h = e.get(c[g]);
-    if (h.behavior.includes("non-paged")) {
-      g === m && m++, r || (f(), d.push([g]), f());
+  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());
       continue;
     }
-    if (g === m || h.behavior.includes("facing-pages")) {
-      u.length && (p = !0), f(), d.push([g]), f();
+    if (I === x || b.behavior.includes("facing-pages")) {
+      u.length && (M = !0), y(), h.push([I]), y();
       continue;
     }
-    if (u.push(g), p) {
-      f(), p = !1;
+    if (u.push(I), M) {
+      y(), M = !1;
       continue;
     }
-    u.length > 1 && f();
+    u.length > 1 && y();
   }
-  return u.length && f(), [c, d];
-}
-function Ot(e = {}, t = []) {
-  const { id: n, selector: r } = e, i = H(), o = n || i.range, a = V((s) => o ? s.iiif.entities.Range[o] : void 0, [o]);
-  return x(() => {
-    if (a)
-      return r ? r(a) : a;
-  }, [a, r, ...t]);
-}
-function kt({ startCanvas: e, disablePaging: t }) {
-  var g;
-  const n = I(), r = W(), i = Ot(), [o, a] = T(void 0), s = i || r;
+  return u.length && y(), [f, h];
+}
+function At(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;
   if (!s)
     throw new Error("Nothing selected");
-  const [c, d] = x(
-    () => _e(n, s, { disablePaging: t }),
+  const [f, h] = N(
+    () => Lt(n, s, { disablePaging: t }),
     [n, s]
-  ), u = b(
-    (h) => {
-      const y = d.findIndex((w) => w.includes(h));
-      a(y === -1 ? 0 : y);
+  ), u = Q(
+    (b) => {
+      const E = h.findIndex((C) => C.includes(b));
+      i(E === -1 ? 0 : E);
     },
-    [c, d]
-  ), f = b(
-    (h) => {
-      const y = c.findIndex((w) => w.id === h);
-      y !== -1 ? u(y) : a(0);
+    [f, h]
+  ), y = Q(
+    (b) => {
+      const E = f.findIndex((C) => C.id === b);
+      E !== -1 ? u(E) : i(0);
     },
-    [c, d]
-  ), m = b(() => {
-    a((h) => h >= d.length ? h : h + 1);
-  }, [d]), p = b(() => {
-    a((h) => h <= 0 ? 0 : h - 1);
-  }, [d]);
-  return typeof o > "u" && (e ? f(e) : a(0)), {
-    visibleItems: ((g = d[o]) == null ? void 0 : g.map((h) => c[h].id)) || [],
-    cursor: o,
-    items: c,
-    sequence: d,
-    setSequenceIndex: a,
+    [f, h]
+  ), x = Q(() => {
+    i((b) => b >= h.length - 1 ? b : b + 1);
+  }, [h]), M = 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)) || [],
+    cursor: a,
+    items: f,
+    sequence: h,
+    hasPrevious: a > 0,
+    hasNext: a < h.length - 1,
+    setSequenceIndex: i,
     setCanvasIndex: u,
-    setCanvasId: f,
-    next: m,
-    previous: p
+    setCanvasId: y,
+    next: x,
+    previous: M
   };
 }
-const Z = () => {
-}, ae = U({
-  setCurrentCanvasId: Z,
-  setCurrentCanvasIndex: Z,
-  nextCanvas: Z,
-  previousCanvas: Z,
+const De = () => {
+}, Xe = xe({
+  setCurrentCanvasId: De,
+  setCurrentCanvasIndex: De,
+  nextCanvas: De,
+  previousCanvas: De,
   items: [],
   sequence: [],
-  setSequenceIndex: Z,
-  currentSequenceIndex: 0
+  setSequenceIndex: De,
+  currentSequenceIndex: 0,
+  hasNext: !1,
+  hasPrevious: !1
 });
-function Ft(e) {
-  const t = W(), { cursor: n, visibleItems: r, next: i, sequence: o, items: a, setCanvasIndex: s, setCanvasId: c, previous: d, setSequenceIndex: u } = kt({
+function Wn(e) {
+  const t = Ce(), {
+    cursor: n,
+    visibleItems: o,
+    next: r,
+    sequence: a,
+    items: i,
+    setCanvasIndex: s,
+    setCanvasId: f,
+    previous: h,
+    setSequenceIndex: u,
+    hasNext: y,
+    hasPrevious: x
+  } = $n({
     startCanvas: e.startCanvas,
     disablePaging: e.pagingEnabled === !1
-  }), f = x(
+  }), M = N(
     () => ({
-      sequence: o,
-      items: a,
+      sequence: a,
+      items: i,
       // Extra functions.
-      setCurrentCanvasId: c,
-      nextCanvas: i,
-      previousCanvas: d,
-      totalCanvases: a.length,
+      setCurrentCanvasId: f,
+      nextCanvas: r,
+      previousCanvas: h,
+      totalCanvases: i.length,
       setCurrentCanvasIndex: s,
       setSequenceIndex: u,
-      currentSequenceIndex: n
+      currentSequenceIndex: n,
+      hasNext: y,
+      hasPrevious: x
     }),
-    [o, a, c, i, d, a, s, u, n]
+    [a, i, f, r, h, i, s, u, n]
   );
-  return t ? r.length === 0 ? null : /* @__PURE__ */ l(ae.Provider, { value: f, children: /* @__PURE__ */ l(oe.Provider, { value: r, children: /* @__PURE__ */ l(me, { canvas: r[0], children: e.children }) }) }) : (console.warn("The manifest passed to the provider is not a valid IIIF manifest."), /* @__PURE__ */ l("div", { children: "Sorry, something went wrong." }));
+  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 Nt(e) {
-  const t = Rt(e.manifest);
+function Hn(e) {
+  const t = Bn(e.manifest);
   if (!t)
-    return console.warn("The manifest passed to the provider is not a valid IIIF manifest."), /* @__PURE__ */ l("div", { children: "Sorry, something went wrong." });
+    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__ */ l("div", { children: t.error.toString() });
+    return /* @__PURE__ */ d("div", { children: t.error.toString() });
   if (!t.isLoaded)
-    return /* @__PURE__ */ l("div", { children: "Loading..." });
-  const n = /* @__PURE__ */ l(Ft, { ...e, children: e.children });
-  return /* @__PURE__ */ l(Tt, { manifest: t.id, children: e.rangeId ? /* @__PURE__ */ l(Vt, { range: e.rangeId, children: n }) : n });
+    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 });
 }
-function Dt() {
-  return R(ae);
+function kt() {
+  return ue(Xe);
 }
-function _t() {
+function Yn() {
   return {
-    VaultContext: R(ie),
-    ResourceContext: R(ve),
-    SimpleViewerReactContext: R(ae),
-    VisibleCanvasReactContext: R(oe)
+    VaultContext: ue(Ke),
+    ResourceContext: ue(lt),
+    SimpleViewerReactContext: ue(Xe),
+    VisibleCanvasReactContext: ue(Ge)
   };
 }
-function Ut(e) {
-  return /* @__PURE__ */ l(Oe, { vault: e.bridge.VaultContext.vault || void 0, resources: e.bridge.ResourceContext, children: /* @__PURE__ */ l(oe.Provider, { value: e.bridge.VisibleCanvasReactContext, children: /* @__PURE__ */ l(ae.Provider, { value: e.bridge.SimpleViewerReactContext, children: e.children }) }) });
+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 }) }) });
 }
-const N = function(e) {
+const Te = function(e) {
   return function() {
     const t = { type: e, getType: () => e, toString: () => e };
-    return (n, r) => ({
+    return (n, o) => ({
       ...t,
       ...n !== void 0 && { payload: n },
-      ...r !== void 0 && { meta: r }
+      ...o !== void 0 && { meta: o }
     });
   };
-}, jt = "@iiif/IMPORT_ENTITIES", qt = "@iiif/MODIFY_ENTITY_FIELD", $t = "@iiif/REORDER_ENTITY_FIELD", Bt = "@iiif/ADD_REFERENCE", Ht = "@iiif/UPDATE_REFERENCE", Yt = "@iiif/REMOVE_REFERENCE", zt = "@iiif/ADD_METADATA", Kt = "@iiif/REMOVE_METADATA", Wt = "@iiif/UPDATE_METADATA", Gt = "@iiif/REORDER_METADATA", Qt = N(jt)(), Jt = N(qt)(), Zt = N($t)(), Xt = N(Bt)(), en = N(Yt)(), tn = N(Ht)(), nn = N(zt)(), rn = N(Wt)(), on = N(Kt)(), an = N(Gt)(), ce = {
-  importEntities: Qt,
-  modifyEntityField: Jt,
-  reorderEntityField: Zt,
-  addReference: Xt,
-  removeReference: en,
-  updateReference: tn,
-  addMetadata: nn,
-  removeMetadata: on,
-  updateMetadata: rn,
-  reorderMetadata: an
+}, 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
 };
-function sn() {
-  const t = I().getStore();
-  return x(() => (n) => t.dispatch(n), [t]);
+function hr() {
+  const t = re().getStore();
+  return N(() => (n) => t.dispatch(n), [t]);
 }
-function Me(e) {
+function St(e) {
   return typeof e != "string" && e && e.bindToVault;
 }
-function cn() {
-  const e = I(), t = $([]), n = sn(), r = x(() => `vault://annotation-page/${(/* @__PURE__ */ new Date()).getTime()}/${Math.round(Math.random() * 1e9).toString(16)}`, []);
-  Te(() => {
+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)}`, []);
+  st(() => {
     const s = {
-      id: r,
+      id: o,
       type: "AnnotationPage",
       behavior: [],
       label: null,
@@ -415,7 +457,7 @@ function cn() {
       service: []
     };
     n(
-      ce.importEntities({
+      nt.importEntities({
         entities: {
           AnnotationPage: {
             [s.id]: s
@@ -423,39 +465,39 @@ function cn() {
         }
       })
     );
-  }, [r]);
-  const i = V(
-    (s) => r ? s.iiif.entities.AnnotationPage[r] : null,
-    [r]
-  ), o = b(
-    (s, c) => {
-      if (r) {
-        if (Me(s)) {
-          const f = s;
-          f.__vault || f.bindToVault(e), s = typeof f.source == "string" ? f.source : f.source.id, t.current[s] = f;
+  }, [o]);
+  const r = ye(
+    (s) => o ? s.iiif.entities.AnnotationPage[o] : null,
+    [o]
+  ), a = Q(
+    (s, f) => {
+      if (o) {
+        if (St(s)) {
+          const y = s;
+          y.__vault || y.bindToVault(e), s = typeof y.source == "string" ? y.source : y.source.id, t.current[s] = y;
         } else
           typeof s != "string" && (s = s.id);
-        const d = e.get({ id: r, type: "AnnotationPage" }), u = e.get({ id: s, type: "Annotation" });
-        d && u && (d.items.find((f) => f.id === u.id) || n(
-          ce.addReference({
-            id: r,
+        const h = e.get({ id: o, type: "AnnotationPage" }), u = e.get({ id: s, type: "Annotation" });
+        h && u && (h.items.find((y) => y.id === u.id) || n(
+          nt.addReference({
+            id: o,
             type: "AnnotationPage",
             key: "items",
             reference: {
               id: s,
               type: "Annotation"
             },
-            index: c
+            index: f
           })
         ));
       }
     },
-    [r]
-  ), a = b(
+    [o]
+  ), i = Q(
     (s) => {
-      r && (Me(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: r, type: "AnnotationPage" }) && n(
-        ce.removeReference({
-          id: r,
+      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(
+        nt.removeReference({
+          id: o,
           type: "AnnotationPage",
           key: "items",
           reference: {
@@ -465,19 +507,19 @@ function cn() {
         })
       ));
     },
-    [r]
+    [o]
   );
   return [
-    i,
+    r,
     {
-      addAnnotation: o,
-      removeAnnotation: a
+      addAnnotation: a,
+      removeAnnotation: i
     }
   ];
 }
-const Ue = U(null);
-function un() {
-  const e = R(Ue);
+const Nt = xe(null);
+function gr() {
+  const e = ue(Nt);
   return [
     e.fullPage,
     {
@@ -486,274 +528,274 @@ function un() {
     }
   ];
 }
-function ln({ children: e }) {
-  const [t, { addAnnotation: n, removeAnnotation: r }] = cn();
-  return /* @__PURE__ */ l(
-    Ue.Provider,
+function mr({ children: e }) {
+  const [t, { addAnnotation: n, removeAnnotation: o }] = yr();
+  return /* @__PURE__ */ d(
+    Nt.Provider,
     {
-      value: x(() => ({ fullPage: t, addAnnotation: n, removeAnnotation: r }), [t]),
+      value: N(() => ({ fullPage: t, addAnnotation: n, removeAnnotation: o }), [t]),
       children: e
     }
   );
 }
-function dn({
+function vr({
   width: e,
   style: t,
   height: n,
-  error: r,
-  resetErrorBoundary: i
+  error: o,
+  resetErrorBoundary: r
 }) {
-  return /* @__PURE__ */ M("div", { style: { width: e, height: n, minHeight: 500, ...t || {}, background: "#f9f9f9" }, children: [
-    /* @__PURE__ */ l("h3", { children: "Error occurred" }),
-    /* @__PURE__ */ l("p", { children: r.message }),
-    /* @__PURE__ */ l("button", { onClick: i, children: "Reset" })
+  return /* @__PURE__ */ X("div", { style: { width: e, height: n, minHeight: 500, ...t || {}, background: "#f9f9f9" }, children: [
+    /* @__PURE__ */ d("h3", { children: "Error occurred" }),
+    /* @__PURE__ */ d("p", { children: o.message }),
+    /* @__PURE__ */ d("button", { onClick: r, children: "Reset" })
   ] });
 }
-const pe = U(null);
-function fn() {
-  return R(pe);
+const ft = xe(null);
+function br() {
+  return ue(ft);
 }
-const je = U(
+const Vt = xe(
   () => {
   }
-), qe = U(
+), _t = xe(
   () => {
   }
 );
-function G(e, t, n, r, i = []) {
-  const o = R(e === "portal" ? qe : je);
-  k(() => (e !== "none" && o(t, n, r), () => {
-    o(t, null);
-  }), [t, e, o, ...i]);
-}
-function j(e = {}, t = []) {
-  const { id: n, selector: r } = e, i = H(), o = n || i.canvas, a = V((s) => o ? s.iiif.entities.Canvas[o] : void 0, [o]);
-  return x(() => {
-    if (a)
-      return r ? r(a) : a;
-  }, [a, r, ...t]);
-}
-const $e = U(() => {
+function Ve(e, t, n, o, r = []) {
+  const a = ue(e === "portal" ? _t : Vt);
+  be(() => (e !== "none" && a(t, n, o), () => {
+    a(t, null);
+  }), [t, e, a, ...r]);
+}
+function Se(e = {}, t = []) {
+  const { id: n, selector: o } = e, r = je(), a = n || r.canvas, i = ye((s) => a ? s.iiif.entities.Canvas[a] : void 0, [a]);
+  return N(() => {
+    if (i)
+      return o ? o(i) : i;
+  }, [i, o, ...t]);
+}
+const Dt = xe(() => {
 });
-function hn(e) {
-  const t = j(), n = R($e);
-  k(() => t && t.id ? (n(t.id, e), () => n(t.id, -1)) : () => {
+function wr(e) {
+  const t = Se(), n = ue(Dt);
+  be(() => t && t.id ? (n(t.id, e), () => n(t.id, -1)) : () => {
   }, [t, e]);
 }
-function gn({
+function Pr({
   children: e,
   errorFallback: t,
   outerContainerProps: n = {},
-  worldScale: r,
-  ...i
+  worldScale: o,
+  ...r
 }) {
-  const [o, a] = T(), s = _t(), c = t || dn, [d, u] = T({}), f = Object.entries(d), [m, p] = T({}), g = Object.entries(m), [h, y] = T({}), w = x(() => r || Math.max(...Object.values(h)), [h]), A = x(() => ({ maxOverZoom: w || 1, ...i.runtimeOptions || {} }), [w, i.runtimeOptions]), S = b((P, L) => {
-    y((F) => {
-      if (L === -1) {
-        const { [P]: v, ..._ } = F;
-        return _;
+  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) => {
+      if (B === -1) {
+        const { [R]: O, ...U } = j;
+        return U;
       }
-      return { ...F, [P]: L };
+      return { ...j, [R]: B };
     });
-  }, []), D = b((P, L, F) => {
-    u(({ [P]: v, ..._ }) => L ? {
-      ..._,
-      [P]: { element: L, props: F }
-    } : _);
-  }, []), X = b((P, L, F) => {
-    p(({ [P]: v, ..._ }) => L ? {
-      ..._,
-      [P]: { element: L, props: F }
-    } : _);
+  }, []), F = Q((R, B, j) => {
+    u(({ [R]: O, ...U }) => B ? {
+      ...U,
+      [R]: { element: B, props: j }
+    } : U);
+  }, []), L = Q((R, B, j) => {
+    M(({ [R]: O, ...U }) => B ? {
+      ...U,
+      [R]: { element: B, props: j }
+    } : U);
   }, []);
-  return /* @__PURE__ */ M(At, { resetKeys: [], fallbackRender: (P) => /* @__PURE__ */ l(c, { ...i, ...P }), children: [
-    /* @__PURE__ */ l(
-      mt,
+  return /* @__PURE__ */ X(Vn, { resetKeys: [], fallbackRender: (R) => /* @__PURE__ */ d(f, { ...r, ...R }), children: [
+    /* @__PURE__ */ d(
+      On,
       {
-        ...i,
-        containerProps: { style: { position: "relative" }, ...i.containerProps || {} },
-        htmlChildren: /* @__PURE__ */ l(z, { children: f.map(([P, { element: L, props: F }]) => /* @__PURE__ */ l(B.Fragment, { children: /* @__PURE__ */ l(L, { ...F || {} }) }, P)) }),
-        onCreated: (P) => {
-          a(P), i.onCreated && i.onCreated(P);
+        ...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)) }),
+        onCreated: (R) => {
+          i(R), r.onCreated && r.onCreated(R);
         },
         runtimeOptions: A,
-        children: /* @__PURE__ */ l(pe.Provider, { value: o, children: /* @__PURE__ */ l($e.Provider, { value: S, children: /* @__PURE__ */ l(je.Provider, { value: D, children: /* @__PURE__ */ l(qe.Provider, { value: X, children: /* @__PURE__ */ l(Ut, { bridge: s, children: /* @__PURE__ */ l(pt.Provider, { value: i.mode || "explore", children: /* @__PURE__ */ l(ln, { children: e }) }) }) }) }) }) })
+        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 }) }) }) }) }) }) })
       }
     ),
-    /* @__PURE__ */ l("div", { children: g.map(([P, { element: L, props: F }]) => /* @__PURE__ */ l(B.Fragment, { children: /* @__PURE__ */ l(L, { ...F || {} }) }, P)) })
+    /* @__PURE__ */ d("div", { children: I.map(([R, { element: B, props: j }]) => /* @__PURE__ */ d(Ie.Fragment, { children: /* @__PURE__ */ d(B, { ...j || {} }) }, R)) })
   ] });
 }
-const ee = {}, Be = {
+const We = {}, Bt = {
   get(e) {
     return e;
   },
-  setMetaValue([e, t, n], r) {
-    const i = Be.getResourceMeta(e, t), o = i ? i[n] : void 0, a = typeof r == "function" ? r(o) : r;
-    ee[e] = {
-      ...ee[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;
+    We[e] = {
+      ...We[e] || {},
       [t]: {
-        ...(ee[e] || {})[t] || {},
-        [n]: a
+        ...(We[e] || {})[t] || {},
+        [n]: i
       }
     };
   },
   getResourceMeta: (e, t) => {
-    const n = ee[e];
+    const n = We[e];
     if (n)
       return t ? n[t] : n;
   }
 };
-function He(e = Be) {
+function qt(e = Bt) {
   return {
-    addEventListener(t, n, r, i) {
+    addEventListener(t, n, o, r) {
       if (t)
         return e.setMetaValue(
           [t.id, "eventManager", n],
-          (o) => {
-            const a = o || [];
-            for (const s of a)
-              if (s.callback === r)
-                return a;
-            return [...a, { callback: r, scope: i }];
+          (a) => {
+            const i = a || [];
+            for (const s of i)
+              if (s.callback === o)
+                return i;
+            return [...i, { callback: o, scope: r }];
           }
-        ), r;
+        ), o;
     },
-    removeEventListener(t, n, r) {
+    removeEventListener(t, n, o) {
       t && e.setMetaValue(
         [t.id, "eventManager", n],
-        (i) => (i || []).filter((o) => o.callback !== r)
+        (r) => (r || []).filter((a) => a.callback !== o)
       );
     },
     getListenersAsProps(t, n) {
-      const r = typeof t == "string" ? { id: t } : t;
-      if (!r || !r.id)
+      const o = typeof t == "string" ? { id: t } : t;
+      if (!o || !o.id)
         return {};
-      const i = e.getResourceMeta(r.id, "eventManager"), o = {};
-      if (i && r)
-        for (const a of Object.keys(i))
-          o[a] = (s) => {
-            const c = e.get(r);
-            for (const { callback: d, scope: u } of i[a] || [])
-              (!u || n && u.indexOf(n) !== -1) && d(s, c);
+      const r = e.getResourceMeta(o.id, "eventManager"), a = {};
+      if (r && o)
+        for (const i of Object.keys(r))
+          a[i] = (s) => {
+            const f = e.get(o);
+            for (const { callback: h, scope: u } of r[i] || [])
+              (!u || n && u.indexOf(n) !== -1) && h(s, f);
           };
-      return o;
+      return a;
     }
   };
 }
-function Ye(e, t) {
-  const n = I(), r = x(() => He(n), [n]), i = V(() => e && e.id ? n.getResourceMeta(e.id, "eventManager") : null, [e]);
-  return x(() => e ? r.getListenersAsProps(e, t) : {}, [i, e, n, t]);
+function Ft(e, t) {
+  const n = re(), o = N(() => qt(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 re(e, t) {
-  const n = I(), r = x(() => ge(n), [n]);
-  return V(() => {
+function ze(e, t) {
+  const n = re(), o = N(() => ut(n), [n]);
+  return ye(() => {
     if (!e)
       return null;
-    const i = r.getAppliedStyles(e.id);
-    return i ? t ? i[t] : i : void 0;
+    const r = o.getAppliedStyles(e.id);
+    return r ? t ? r[t] : r : void 0;
   }, [e, t]);
 }
-function ze(e = {}, t = []) {
-  const { id: n, selector: r } = e, i = H(), o = I(), a = n || i.annotation, s = V(
-    (d) => a ? d.iiif.entities.Annotation[a] : void 0,
-    [a]
-  ), c = V(
-    (d) => s && s.body ? s.body.map((u) => u ? u.type === "SpecificResource" ? {
+function Ut(e = {}, t = []) {
+  const { id: n, selector: o } = e, r = je(), a = re(), i = n || r.annotation, s = ye(
+    (h) => i ? h.iiif.entities.Annotation[i] : void 0,
+    [i]
+  ), f = ye(
+    (h) => s && s.body ? s.body.map((u) => u ? u.type === "SpecificResource" ? {
       ...u,
-      source: o.get(u)
-    } : u ? d.iiif.entities[u.type][u.id] : null : null).filter(Boolean) : [],
+      source: a.get(u)
+    } : u ? h.iiif.entities[u.type][u.id] : null : null).filter(Boolean) : [],
     [s]
   );
-  return x(() => {
+  return N(() => {
     if (!s)
       return;
-    const d = {
+    const h = {
       ...s,
-      body: c,
-      target: le(s.target, { typeMap: o.getState().iiif.mapping })
+      body: f,
+      target: ot(s.target, { typeMap: a.getState().iiif.mapping })
     };
-    return r ? r(d) : d;
-  }, [s, r, c, ...t]);
+    return o ? o(h) : h;
+  }, [s, o, f, ...t]);
 }
-const Ke = ({
+const $t = ({
   id: e,
   style: t,
   className: n,
-  interactive: r
+  interactive: o
 }) => {
-  const i = ze({ id: e }), o = re(i, "atlas"), a = re(i, "html"), s = Ye(i, ["atlas"]), c = j(), d = x(() => yt(t, o), [t, o]);
-  return c && i && i.target && i.target.selector && i.target.selector.type === "BoxSelector" && i.target.source && (i.target.source.id === c.id || i.target.source === c.id) ? /* @__PURE__ */ l(
-    xt,
+  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]);
+  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,
     {
-      id: i.id,
+      id: r.id,
       isEditing: !0,
-      region: i.target.selector.spatial,
-      style: d,
-      className: (a == null ? void 0 : a.className) || n,
-      interactive: !!(a != null && a.href || r),
-      href: (a == null ? void 0 : a.href) || null,
-      title: (a == null ? void 0 : a.title) || null,
-      hrefTarget: (a == null ? void 0 : a.target) || null,
+      region: r.target.selector.spatial,
+      style: h,
+      className: (i == null ? void 0 : i.className) || n,
+      interactive: !!(i != null && i.href || o),
+      href: (i == null ? void 0 : i.href) || null,
+      title: (i == null ? void 0 : i.title) || null,
+      hrefTarget: (i == null ? void 0 : i.target) || null,
       onClick: () => {
       },
       ...s
     }
   ) : null;
 };
-function vn(e = {}, t = []) {
-  const { id: n, selector: r } = e, i = H(), o = n || i.annotationPage, a = V(
-    (s) => o ? s.iiif.entities.AnnotationPage[o] : void 0,
-    [o]
+function Or(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]
   );
-  return x(() => {
-    if (a)
-      return r ? r(a) : a;
-  }, [a, ...t]);
+  return N(() => {
+    if (i)
+      return o ? o(i) : i;
+  }, [i, ...t]);
 }
-const he = ({
+const at = ({
   className: e,
   page: t
 }) => {
-  var o;
-  const n = vn({ id: t.id }) || t, r = re(n, "atlas"), i = re(n, "html");
-  return V((a) => n.id ? a.iiif.entities.AnnotationPage[n.id] : null, []), /* @__PURE__ */ l(ne, { children: (o = n.items) == null ? void 0 : o.map((a) => /* @__PURE__ */ l(
-    Ke,
+  var a;
+  const n = Or({ 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,
     {
-      id: a.id,
-      style: r,
-      className: (i == null ? void 0 : i.className) || e
+      id: i.id,
+      style: o,
+      className: (r == null ? void 0 : r.className) || e
     },
-    a.id
+    i.id
   )) });
 };
-function We({
+function Wt({
   id: e,
   image: t,
   thumbnail: n,
-  isStatic: r,
-  x: i = 0,
-  y: o = 0,
-  children: a,
+  isStatic: o,
+  x: r = 0,
+  y: a = 0,
+  children: i,
   selector: s,
-  onClick: c,
-  enableSizes: d
+  onClick: f,
+  enableSizes: h
 }) {
-  var f, m;
-  const u = x(() => {
+  var y, x;
+  const u = N(() => {
     if (!(!s || s.spatial.x === 0 && s.spatial.y === 0))
       return s.spatial;
   }, [s]);
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ d(
     "world-object",
     {
-      x: i + t.target.spatial.x,
-      y: o + t.target.spatial.y,
+      x: r + t.target.spatial.x,
+      y: a + t.target.spatial.y,
       width: t.target.spatial.width,
       height: t.target.spatial.height,
-      onClick: c,
-      children: t.service ? /* @__PURE__ */ M(ne, { children: [
-        /* @__PURE__ */ l(
-          St,
+      onClick: f,
+      children: t.service ? /* @__PURE__ */ X(Ye, { children: [
+        /* @__PURE__ */ d(
+          En,
           {
             tiles: {
               id: t.service.id || t.service["@id"] || "unknown",
@@ -762,20 +804,20 @@ function We({
               imageService: t.service,
               thumbnail: n && n.type === "fixed" ? n : void 0
             },
-            enableSizes: d,
+            enableSizes: h,
             x: 0,
             y: 0,
-            width: (f = t.target) == null ? void 0 : f.spatial.width,
-            height: (m = t.target) == null ? void 0 : m.spatial.height,
+            width: (y = t.target) == null ? void 0 : y.spatial.width,
+            height: (x = t.target) == null ? void 0 : x.spatial.height,
             crop: u
           }
         ),
-        a
-      ] }, "service") : /* @__PURE__ */ M(ne, { children: [
-        /* @__PURE__ */ l(
+        i
+      ] }, "service") : /* @__PURE__ */ X(Ye, { children: [
+        /* @__PURE__ */ d(
           "world-image",
           {
-            onClick: c,
+            onClick: f,
             uri: t.id,
             target: { x: 0, y: 0, width: t.target.spatial.width, height: t.target.spatial.height },
             display: t.width && t.height ? {
@@ -785,20 +827,20 @@ function We({
             crop: u
           }
         ),
-        a
+        i
       ] }, "no-service")
     },
     e + (t.service ? "server" : "no-service")
   );
 }
-function ur(e) {
+function So(e) {
   return e.type === "SpecificResource" ? [e.source, { selector: e.selector }] : [e, { selector: null }];
 }
-function Ge(e, t) {
-  const { selector: n, source: r } = Ct(t);
-  if (r.id !== e.id)
-    return [null, r];
-  const i = {
+function Ht(e, t) {
+  const { selector: n, source: o } = jn(t);
+  if (o.id !== e.id)
+    return [null, o];
+  const r = {
     type: "BoxSelector",
     spatial: {
       x: 0,
@@ -811,294 +853,294 @@ function Ge(e, t) {
     n ? n.type === "TemporalSelector" ? {
       type: "TemporalBoxSelector",
       temporal: n.temporal,
-      spatial: i.spatial
+      spatial: r.spatial
     } : n : null,
-    r
+    o
   ];
 }
-const mn = {
+const Sr = {
   makeChoice: () => {
   }
-}, ue = { type: "unknown" }, E = (e) => ({ type: "unknown", reason: e, annotations: { pages: [] } }), pn = (e, t) => ({ type: "empty", width: e, height: t, annotations: { pages: [] }, image: null, images: [] });
-function yn(e, t) {
-  var r;
-  const n = (r = e == null ? void 0 : e.iiif) == null ? void 0 : r.meta[t];
+}, 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) {
+  var o;
+  const n = (o = e == null ? void 0 : e.iiif) == null ? void 0 : o.meta[t];
   return n ? n.annotationPageManager : null;
 }
-function xn(e, t) {
-  return V(
+function Er(e, t) {
+  return ye(
     (n) => {
-      const r = [];
+      const o = [];
       if (!e)
-        return r;
-      const i = Object.keys(n.iiif.entities.AnnotationPage);
-      for (const o of i)
-        if (!t || t.indexOf(o) !== -1) {
-          const a = yn(n, o);
-          a && a.views && a.views[e] && r.push(o);
+        return o;
+      const r = Object.keys(n.iiif.entities.AnnotationPage);
+      for (const a of r)
+        if (!t || t.indexOf(a) !== -1) {
+          const i = Tr(n, a);
+          i && i.views && i.views[e] && o.push(a);
         }
-      return r;
+      return o;
     },
     [e, t]
   );
 }
-function Sn({
+function Ir({
   canvas: e,
   manifest: t,
   all: n,
-  canvases: r
+  canvases: o
 }) {
-  const i = [];
+  const r = [];
   if (t)
-    for (const o of t.annotations)
-      i.indexOf(o.id) === -1 && i.push(o.id);
+    for (const a of t.annotations)
+      r.indexOf(a.id) === -1 && r.push(a.id);
   if (n) {
-    if (r && r.length)
-      for (const o of r)
-        for (const a of o.annotations)
-          i.indexOf(a.id) === -1 && i.push(a.id);
+    if (o && o.length)
+      for (const a of o)
+        for (const i of a.annotations)
+          r.indexOf(i.id) === -1 && r.push(i.id);
   } else if (e)
-    for (const o of e.annotations)
-      i.indexOf(o.id) === -1 && i.push(o.id);
-  return i;
+    for (const a of e.annotations)
+      r.indexOf(a.id) === -1 && r.push(a.id);
+  return r;
 }
-function wn(e, t) {
-  var r;
-  const n = (r = e == null ? void 0 : e.iiif) == null ? void 0 : r.meta[t];
+function Cr(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 Cn(e, t = {}) {
-  const n = I(), r = W(), i = j(), o = Fe(), a = x(() => Sn({
+function Yt(e, t = {}) {
+  const n = re(), o = Ce(), r = Se(), a = jt(), i = N(() => Ir({
     all: t.all,
-    manifest: r,
-    canvas: i,
-    canvases: o
-  }), [t.all, i, o, r]), s = xn(e, t.all ? void 0 : a), c = b(
+    manifest: o,
+    canvas: r,
+    canvases: a
+  }), [t.all, r, a, o]), s = Er(e, t.all ? void 0 : i), f = Q(
     (u) => {
       e && n.setMetaValue(
         [u, "annotationPageManager", "views"],
-        (f) => f && !f[e] ? f : {
-          ...f || {},
+        (y) => y && !y[e] ? y : {
+          ...y || {},
           [e]: !1
         }
       );
     },
     [e, n]
-  ), d = b(
-    (u, f = {}) => {
+  ), h = Q(
+    (u, y = {}) => {
       if (!e)
         return;
-      const m = n.getState(), p = [];
-      if (f != null && f.deselectOthers) {
-        const g = Object.keys(m.iiif.entities.AnnotationPage);
-        for (const h of g) {
-          const y = wn(m, h);
-          y && y.views && y.views[e] && p.push(h);
+      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);
         }
       }
-      for (const g of p)
-        c(g);
+      for (const I of M)
+        f(I);
       n.setMetaValue(
         [u, "annotationPageManager", "views"],
-        (g) => g && g[e] ? g : {
-          ...g || {},
+        (I) => I && I[e] ? I : {
+          ...I || {},
           [e]: !0
         }
       );
     },
-    [e, c, n]
+    [e, f, n]
   );
   return {
-    availablePageIds: a,
+    availablePageIds: i,
     enabledPageIds: s,
-    setPageEnabled: d,
-    setPageDisabled: c
+    setPageEnabled: h,
+    setPageDisabled: f
   };
 }
-function bn(e, t) {
-  return V((n, r) => r.get(e.map((i) => ({ id: i, type: t }))), [e, t]);
-}
-const Pn = B.createContext(new bt());
-function ye() {
-  return R(Pn);
-}
-function En() {
-  const e = ye(), [t, n] = T({}), r = $(!1);
-  return k(() => () => {
-    r.current = !0;
-  }, []), [b(
-    (o, { height: a, width: s }) => {
-      if (o) {
-        const c = o.id || o["@id"], d = e.loadServiceSync({
-          id: c,
-          width: o.width || s,
-          height: o.height || a,
-          source: o
+function jr(e, t) {
+  return ye((n, o) => o.get(e.map((r) => ({ id: r, type: t }))), [e, t]);
+}
+const Mr = Ie.createContext(new Mn());
+function Je() {
+  return ue(Mr);
+}
+function Rr() {
+  const e = Je(), [t, n] = ae({}), o = Ee(!1);
+  return be(() => () => {
+    o.current = !0;
+  }, []), [Q(
+    (a, { height: i, width: s }) => {
+      if (a) {
+        const f = a.id || a["@id"], h = e.loadServiceSync({
+          id: f,
+          width: a.width || s,
+          height: a.height || i,
+          source: a
         });
-        d ? o = d : t[c] || (r.current || n((u) => ({
+        h ? a = h : t[f] || (o.current || n((u) => ({
           ...u,
-          [c]: "loading"
+          [f]: "loading"
         })), e.loadService({
-          id: c,
-          width: o.width || s,
-          height: o.height || a
+          id: f,
+          width: a.width || s,
+          height: a.height || i
         }).then(() => {
-          r.current || n((u) => ({
+          o.current || n((u) => ({
             ...u,
-            [c]: "done"
+            [f]: "done"
           }));
         }));
       }
-      return o;
+      return a;
     },
     [e, t]
   ), t];
 }
-function xe(e = {}) {
-  const t = ze(), n = j(e.canvasId ? { id: e.canvasId } : void 0);
-  return V(
-    (r, i) => {
+function dt(e = {}) {
+  const t = Ut(), n = Se(e.canvasId ? { id: e.canvasId } : void 0);
+  return ye(
+    (o, r) => {
       if (!n)
         return [];
       if (t && e.enableSingleAnnotation)
         return [t];
-      const o = i.get(n.items), a = [];
-      for (const s of o)
-        a.push(...i.get(s.items));
-      return a;
+      const a = r.get(n.items), i = [];
+      for (const s of a)
+        i.push(...r.get(s.items));
+      return i;
     },
     [n]
   );
 }
-function In(e) {
+function Lr(e) {
   return e.type === "SpecificResource" ? [e.source, { selector: e.selector }] : [e, { selector: null }];
 }
-const te = {}, Qe = {
+const He = {}, zt = {
   get(e) {
     return e;
   },
-  setMetaValue([e, t, n], r) {
-    const i = Qe.getResourceMeta(e, t), o = i ? i[n] : void 0, a = typeof r == "function" ? r(o) : r;
-    te[e] = {
-      ...te[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;
+    He[e] = {
+      ...He[e] || {},
       [t]: {
-        ...(te[e] || {})[t] || {},
-        [n]: a
+        ...(He[e] || {})[t] || {},
+        [n]: i
       }
     };
   },
   getResourceMeta: (e, t) => {
-    const n = te[e];
+    const n = He[e];
     if (n)
       return t ? n[t] : n;
   }
 };
-function An(e = Qe) {
-  function t(i) {
-    const o = i ? typeof i == "string" ? e.get(i) : i : null;
-    if (!o)
+function Ar(e = zt) {
+  function t(r) {
+    const a = r ? typeof r == "string" ? e.get(r) : r : null;
+    if (!a)
       return [];
-    const a = e.get(o.items, { parent: o }), s = [];
-    for (const c of a)
-      s.push(...e.get(c.items, { parent: c }));
+    const i = e.get(a.items, { parent: a }), s = [];
+    for (const f of i)
+      s.push(...e.get(f.items, { parent: f }));
     return s;
   }
-  function n(i, o = []) {
-    const a = Array.isArray(i) ? i : t(i), s = [];
-    let c = null;
-    const d = [];
-    for (const u of a) {
+  function n(r, a = []) {
+    const i = Array.isArray(r) ? r : t(r), s = [];
+    let f = null;
+    const h = [];
+    for (const u of i) {
       if (u.type !== "Annotation")
         throw new Error("getPaintables() accept either a canvas or list of annotations");
-      const f = Array.from(Array.isArray(u.body) ? u.body : [u.body]);
-      for (const m of f) {
-        const [p, { selector: g }] = In(m), h = e.get(p), y = (h.type || "unknown").toLowerCase();
-        if (y === "choice") {
-          const w = e.get(h.items, { parent: h.id }), A = o.length ? o.map((S) => w.find((D) => D.id === S)).filter(Boolean) : [w[0]];
-          A.length === 0 && A.push(w[0]), c = {
+      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 = {
             type: "single-choice",
-            items: w.map((S) => ({
+            items: C.map((S) => ({
               id: S.id,
               label: S.label,
               selected: A.indexOf(S) !== -1
             })),
-            label: p.label
-          }, f.push(...A);
+            label: M.label
+          }, y.push(...A);
           continue;
         }
-        s.indexOf(y) === -1 && s.push(y), d.push({
-          type: y,
+        s.indexOf(E) === -1 && s.push(E), h.push({
+          type: E,
           annotationId: u.id,
-          resource: h,
+          resource: b,
           target: u.target,
-          selector: g
+          selector: I
         });
       }
     }
     return {
       types: s,
-      items: d,
-      choice: c
+      items: h,
+      choice: f
     };
   }
-  function r(i) {
-    const { choice: o } = n(i);
-    return o;
+  function o(r) {
+    const { choice: a } = n(r);
+    return a;
   }
   return {
     getAllPaintingAnnotations: t,
     getPaintables: n,
-    extractChoices: r
+    extractChoices: o
   };
 }
-function Mn(e, t = []) {
-  const n = I(), r = x(() => An(n), []), i = xe({ enableSingleAnnotation: e == null ? void 0 : e.enableSingleAnnotation }), [o, a] = T((e == null ? void 0 : e.defaultChoices) || []), s = x(
-    () => r.getPaintables(i, o),
-    [n, i, o, ...t]
-  ), d = { makeChoice: b(
-    (u, { deselectOthers: f = !0, deselect: m = !1 } = {}) => {
+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(
+    () => o.getPaintables(r, a),
+    [n, r, a, ...t]
+  ), h = { makeChoice: Q(
+    (u, { deselectOthers: y = !0, deselect: x = !1 } = {}) => {
       if (s.choice) {
         if (s.choice.type !== "single-choice")
           throw new Error("Complex choice not supported yet");
-        a((p) => {
-          if (m) {
-            const h = p.filter((y) => y !== u);
-            if (h.length === 0) {
-              const y = s.items[0].resource.id;
-              return y ? [y] : [];
+        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] : [];
             }
-            return h;
+            return b;
           }
-          if (f)
+          if (y)
             return [u];
-          const g = [...p];
-          if (g.length === 0 && s.items.length) {
-            const h = s.items[0].resource.id;
-            h && g.push(h);
+          const I = [...M];
+          if (I.length === 0 && s.items.length) {
+            const b = s.items[0].resource.id;
+            b && I.push(b);
           }
-          return p.indexOf(u) !== -1 ? p : [...p, u];
+          return M.indexOf(u) !== -1 ? M : [...M, u];
         });
       }
     },
     [s.choice]
   ) };
-  return [s, d];
+  return [s, h];
 }
-const Rn = ["model/gltf-binary"];
-function Tn(e, t) {
-  const r = t.items[0].resource;
-  return r.format ? Rn.indexOf(r.format) === -1 ? E(`3D format: ${r.format} is unsupported`) : {
+const Nr = ["model/gltf-binary"];
+function Vr(e, t) {
+  const o = t.items[0].resource;
+  return o.format ? Nr.indexOf(o.format) === -1 ? ne(`3D format: ${o.format} is unsupported`) : {
     type: "3d-model",
-    model: r
-  } : E("Unknown format");
+    model: o
+  } : ne("Unknown format");
 }
-function Vn(e, t) {
-  var r;
+function _r(e, t) {
+  var o;
   if (!e.duration)
-    return E("No duration on canvas");
+    return ne("No duration on canvas");
   if (t.items.length > 1)
-    return E("Only one audio source supported");
-  const n = (r = t.items[0]) == null ? void 0 : r.resource;
+    return ne("Only one audio source supported");
+  const n = (o = t.items[0]) == null ? void 0 : o.resource;
   return n ? n.format ? {
     type: "media",
     media: {
@@ -1125,18 +1167,18 @@ function Vn(e, t) {
     annotations: {
       pages: []
     }
-  } : E("Audio does not have format") : E("Unknown audio");
-}
-function Ln(e, t, n) {
-  const r = [];
-  for (const i of t.items) {
-    const o = i.resource && i.resource.type === "SpecificResource" ? i.resource.source : i.resource;
-    if (!o.id)
-      return E("No resource Identifier");
-    let a;
-    if (o.service) {
-      const p = de(o);
-      p[0] && (a = n(p[0], e));
+  } : ne("Audio does not have format") : ne("Unknown audio");
+}
+function Dr(e, t, n) {
+  const o = [];
+  for (const r of t.items) {
+    const a = r.resource && r.resource.type === "SpecificResource" ? r.resource.source : r.resource;
+    if (!a.id)
+      return ne("No resource Identifier");
+    let i;
+    if (a.service) {
+      const M = it(a);
+      M[0] && (i = n(M[0], e));
     }
     const s = {
       type: "BoxSelector",
@@ -1146,20 +1188,20 @@ function Ln(e, t, n) {
         width: Number(e.width),
         height: Number(e.height)
       }
-    }, [c, d] = Ge(e, i.target);
-    if (d.id !== e.id)
+    }, [f, h] = Ht(e, r.target);
+    if (!(h.id === e.id || decodeURIComponent(h.id || "") === (e.id || "")))
       continue;
-    i.resource.width && i.resource.height && (i.resource.width, i.resource.height);
-    let u = i.resource.type === "SpecificResource" ? le(i.resource) : null;
-    if (i.selector) {
-      const p = le({
+    r.resource.width && r.resource.height && (r.resource.width, r.resource.height);
+    let u = r.resource.type === "SpecificResource" ? ot(r.resource) : null;
+    if (r.selector) {
+      const M = ot({
         type: "SpecificResource",
-        source: i.resource,
-        selector: i.selector
+        source: r.resource,
+        selector: r.selector
       });
-      p && (u = p);
+      M && (u = M);
     }
-    const f = u && u.selector && (u.selector.type === "BoxSelector" || u.selector.type === "TemporalBoxSelector") ? {
+    const y = u && u.selector && (u.selector.type === "BoxSelector" || u.selector.type === "TemporalBoxSelector") ? {
       type: "BoxSelector",
       spatial: {
         x: u.selector.spatial.x,
@@ -1168,69 +1210,70 @@ function Ln(e, t, n) {
         height: u.selector.spatial.height
       }
     } : void 0;
-    a && !a.id && (a.id = a["@id"]);
-    const m = {
-      id: o.id,
+    i && !i.id && (i.id = i["@id"]);
+    const x = {
+      id: a.id,
       type: "Image",
-      annotationId: i.annotationId,
-      width: Number(c || f ? o.width : e.width),
-      height: Number(c || f ? o.height : e.height),
-      service: a,
-      sizes: a && a.sizes ? a.sizes : o.width && o.height ? [{ width: o.width, height: o.height }] : [],
-      target: c && c.type !== "PointSelector" ? c : s,
-      selector: f
+      annotationId: r.annotationId,
+      width: Number(f || y ? a.width : e.width),
+      height: Number(f || y ? a.height : e.height),
+      service: i,
+      sizes: i && i.sizes ? i.sizes : a.width && a.height ? [{ width: a.width, height: a.height }] : [],
+      target: f && f.type !== "PointSelector" ? f : s,
+      selector: y
     };
-    r.push(m);
+    o.push(x);
   }
   return {
     type: "images",
-    image: r[0],
-    images: r,
+    image: o[0],
+    images: o,
     choice: t.choice
   };
 }
-function Je(e, t = {}, n) {
-  const r = e.language || n || "none";
+function Kt(e, t = {}, n) {
+  const o = e.language || n || "none";
   switch (e.type) {
     case "TextualBody": {
-      typeof e.value < "u" && (t[r] = e.value);
+      typeof e.value < "u" && (t[o] = e.value);
       break;
     }
     case "List":
     case "Composite":
     case "Choice":
-      e.items && e.items.forEach((i) => Je(i, t, r));
+      e.items && e.items.forEach((r) => Kt(r, t, o));
   }
   return t;
 }
-function On(e, t) {
+function Br(e, t) {
   const n = [];
-  return t.items.forEach((r) => {
-    if (r.resource) {
-      const [i] = Ge(e, r.target);
-      n.push({ annotationId: r.annotationId, text: Je(r.resource), target: i });
+  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 });
     }
   }), {
     type: "textual-content",
     items: n
   };
 }
-const kn = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;
-function Fn(e, t) {
-  var a;
-  const n = t.items.filter((s) => s.type === "video");
-  if (!e.duration)
-    return E("No duration on canvas");
-  if (n.length > 1)
-    return E("Only one video source supported");
-  const r = (a = n[0]) == null ? void 0 : a.resource, i = !!(r.service || []).find(
-    (s) => (s.profile || "").includes("youtube.com")
+const qr = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;
+function Fr(e, t) {
+  var s;
+  const n = t.items.filter((f) => f.type === "video");
+  let o = !1;
+  if (e.duration || (o = !0), n.length > 1)
+    return ne("Only one video source supported");
+  const r = (s = n[0]) == null ? void 0 : s.resource, a = !!(r.service || []).find(
+    (f) => (f.profile || "").includes("youtube.com")
   );
+  if (!a && o)
+    return ne("Video does not have duration");
   if (!r)
-    return E("Unknown video");
-  if ((!r.format || r.format === "text/html") && !i)
-    return E("Video does not have format");
-  const o = {
+    return ne("Unknown video");
+  if ((!r.format || r.format === "text/html") && !a)
+    return ne("Video does not have format");
+  const i = {
     annotationId: t.items[0].annotationId,
     duration: e.duration,
     url: r.id,
@@ -1252,77 +1295,77 @@ function Fn(e, t) {
       }
     }
   };
-  if (i) {
-    o.type = "VideoYouTube";
-    const s = r.id.match(kn);
-    if (!s[1])
-      return E("Video is not known youtube video");
-    o.youTubeId = s[1];
+  if (a) {
+    i.type = "VideoYouTube";
+    const f = r.id.match(qr);
+    if (!f[1])
+      return ne("Video is not known youtube video");
+    i.youTubeId = f[1];
   }
   return {
     type: "media",
-    media: o,
+    media: i,
     annotations: {
       pages: []
     }
   };
 }
-function Nn({ canvas: e, paintables: t, supports: n, loadImageService: r }) {
+function Ur({ canvas: e, paintables: t, supports: n, loadImageService: o }) {
   if (!e)
-    return console.log("No canvas"), ue;
+    return console.log("No canvas"), rt;
   if (t.types.length === 0)
-    return n.indexOf("empty") !== -1 ? pn(e.width, e.height) : (console.log("No paintables"), ue);
+    return n.indexOf("empty") !== -1 ? xr(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((o) => o !== "text");
+      t.types = t.types.filter((a) => a !== "text");
     else
-      return n.indexOf("complex-timeline") === -1 ? E("Complex timeline not supported") : E("ComplexTimelineStrategy not yet supported");
-  const i = t.types[0];
-  return i === "image" ? n.indexOf("images") === -1 ? E("Image not supported") : Ln(e, t, r) : i === "Model" || i === "model" ? n.indexOf("3d-model") === -1 ? E("3D not supported") : Tn(e, t) : i === "textualbody" ? n.indexOf("textual-content") === -1 ? E("Textual content not supported") : On(e, t) : i === "sound" || i === "audio" ? n.indexOf("media") === -1 ? E("Media not supported") : Vn(e, t) : i === "video" ? n.indexOf("media") === -1 ? E("Media not supported") : Fn(e, t) : ue;
+      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;
 }
-function Dn(e) {
-  const t = W(), n = j(), r = I(), [i, o] = En(), { enabledPageIds: a } = Cn((e == null ? void 0 : e.annotationPageManagerId) || (t == null ? void 0 : t.id) || (n == null ? void 0 : n.id), {
+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), {
     all: !1
-  }), s = bn(a, "AnnotationPage"), c = (e == null ? void 0 : e.strategies) || [
+  }), s = jr(i, "AnnotationPage"), f = (e == null ? void 0 : e.strategies) || [
     "empty",
     "images",
     "media",
     "textual-content",
     "complex-timeline"
-  ], [d, u] = Mn(e, [o]), f = x(() => Nn({ canvas: n, paintables: d, supports: c, loadImageService: i }), [n, d, r, u.makeChoice]);
-  return x(() => f.type === "unknown" ? [f, mn] : [
+  ], [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] : [
     {
-      ...f,
+      ...y,
       annotations: { pages: s }
     },
     u
-  ], [f, s]);
+  ], [y, s]);
 }
-const _n = (e, t = []) => {
-  const n = I();
-  k(() => {
+const Wr = (e, t = []) => {
+  const n = re();
+  be(() => {
     e(n);
   }, [n, ...t]);
 };
-function Un(e, t, { canvasId: n, manifestId: r } = {}) {
-  const i = I(), o = ye(), a = x(() => Pt(i, { imageServiceLoader: o }), [i, o]), [s, c] = T(), d = W(r ? { id: r } : void 0), u = j(n ? { id: n } : void 0), f = u || d, m = $(!1);
-  if (k(() => (m.current = !1, () => {
-    m.current = !0;
-  }), []), !f)
+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);
+  if (be(() => (x.current = !1, () => {
+    x.current = !0;
+  }), []), !y)
     throw new Error("Must be called under a manifest or canvas context.");
-  return _n(
-    (p) => {
-      a.getBestThumbnailAtSize(f, e, t).then((g) => {
-        g.best && !m.current && c(g.best);
+  return Wr(
+    (M) => {
+      i.getBestThumbnailAtSize(y, e, t).then((I) => {
+        I.best && !x.current && f(I.best);
       });
     },
-    [f]
+    [y]
   ), s;
 }
-function jn(e) {
+function Hr(e) {
   return { isMuted: !1, playRequested: !1, isPlaying: !1, isFinished: !1, volume: 100, duration: e };
 }
-function qn(e, t) {
+function Yr(e, t) {
   switch (t.type) {
     case "FINISHED":
       return { ...e, isFinished: !0, isPlaying: !1, playRequested: !1 };
@@ -1345,120 +1388,120 @@ function qn(e, t) {
   }
   return e;
 }
-function $n(e) {
+function zr(e) {
   const t = Math.round(e);
   return `${Math.floor(t / 60)}:${`${t % 60}`.padStart(2, "0")}`;
 }
-function Se(e) {
-  const [t, n] = gt(qn, jn(e.duration)), r = $(null), i = $(null), o = $(null), a = $(!1), s = b(() => {
-    i.current && r.current && (i.current.innerHTML = $n(r.current.currentTime), o.current && (o.current.style.width = `${r.current.currentTime / e.duration * 100}%`), a.current !== r.current.muted && (a.current = r.current.muted, n(r.current.muted ? { type: "MUTE" } : { type: "UNMUTE" })));
-  }, [e.duration]), c = b(() => {
-    r.current && (n({ type: "PLAY_REQUESTED" }), r.current.play().then(() => {
+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" })));
+  }, [e.duration]), f = Q(() => {
+    o.current && (n({ type: "PLAY_REQUESTED" }), o.current.play().then(() => {
       n({ type: "PLAY" });
     }), s());
-  }, [s]), d = b(() => {
-    r.current && (r.current.duration > 0 && r.current.paused ? c() : u());
-  }, [s]), u = b(() => {
-    r.current && (r.current.pause(), n({ type: "PAUSE" }), s());
-  }, [s]), f = b(() => {
-    r.current && (r.current.muted = !r.current.muted, n(r.current.muted ? { type: "MUTE" } : { type: "UNMUTE" }));
-  }, []), m = b(() => {
-    r.current && (r.current.muted = !0, n({ type: "MUTE" }));
-  }, []), p = b(() => {
-    r.current && (r.current.muted = !1, n({ type: "UNMUTE" }));
-  }, []), g = b((w) => {
-    r.current && (r.current.muted = !1, r.current.volume = w / 100, n({ type: "SET_VOLUME", volume: w }));
-  }, []), h = b((w) => {
-    r.current && (r.current.currentTime = Math.max(0, Math.min(w * e.duration, e.duration)), s());
-  }, []), y = b((w) => {
-    r.current && (r.current.currentTime = Math.max(0, Math.min(w, e.duration)), s());
+  }, [s]), h = Q(() => {
+    o.current && (o.current.duration > 0 && o.current.paused ? f() : u());
+  }, [s]), u = Q(() => {
+    o.current && (o.current.pause(), n({ type: "PAUSE" }), s());
+  }, [s]), y = Q(() => {
+    o.current && (o.current.muted = !o.current.muted, n(o.current.muted ? { type: "MUTE" } : { type: "UNMUTE" }));
+  }, []), x = Q(() => {
+    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());
   }, []);
-  return k(() => {
-    const w = setInterval(() => {
+  return be(() => {
+    const C = setInterval(() => {
       s();
     }, 350);
-    return () => clearInterval(w);
-  }, [s, e.duration]), k(() => {
-    const w = () => {
+    return () => clearInterval(C);
+  }, [s, e.duration]), be(() => {
+    const C = () => {
       n({ type: "FINISHED" });
-    }, A = r.current;
-    return A == null || A.addEventListener("ended", w), () => A == null ? void 0 : A.removeEventListener("ended", w);
+    }, A = o.current;
+    return A == null || A.addEventListener("ended", C), () => A == null ? void 0 : A.removeEventListener("ended", C);
   }, []), [
-    { element: r, currentTime: i, progress: o },
+    { element: o, currentTime: r, progress: a },
     t,
     {
-      play: c,
+      play: f,
       pause: u,
-      playPause: d,
-      mute: m,
-      unmute: p,
-      toggleMute: f,
-      setVolume: g,
-      setDurationPercent: h,
-      setTime: y
+      playPause: h,
+      mute: x,
+      unmute: M,
+      toggleMute: y,
+      setVolume: I,
+      setDurationPercent: b,
+      setTime: E
     }
   ];
 }
-const Ze = U(null), Xe = U(null), et = U(null);
-function lr() {
-  const e = R(Ze);
+const Gt = xe(null), Xt = xe(null), Jt = xe(null);
+function xo() {
+  const e = ue(Gt);
   if (!e)
     throw new Error("Ctx not found");
   return e;
 }
-function dr() {
-  const e = R(Xe);
+function To() {
+  const e = ue(Xt);
   if (!e)
     throw new Error("Ctx not found");
   return e;
 }
-function fr() {
-  const e = R(et);
+function Eo() {
+  const e = ue(Jt);
   if (!e)
     throw new Error("Ctx not found");
   return e;
 }
-function tt({
+function Zt({
   actions: e,
   state: t,
   children: n,
-  currentTime: r,
-  progress: i,
-  element: o
+  currentTime: o,
+  progress: r,
+  element: a
 }) {
-  return /* @__PURE__ */ l(et.Provider, { value: { currentTime: r, progress: i, element: o }, children: /* @__PURE__ */ l(Xe.Provider, { value: e, children: /* @__PURE__ */ l(Ze.Provider, { value: t, children: n }) }) });
+  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 }) }) });
 }
-function nt({ media: e, children: t }) {
-  const [{ element: n, currentTime: r, progress: i }, o, a] = Se({ duration: e.duration });
-  return /* @__PURE__ */ M(
-    tt,
+function en({ media: e, children: t }) {
+  const [{ element: n, currentTime: o, progress: r }, a, i] = pt({ duration: e.duration });
+  return /* @__PURE__ */ X(
+    Zt,
     {
-      state: o,
-      actions: a,
-      currentTime: r,
-      progress: i,
+      state: a,
+      actions: i,
+      currentTime: o,
+      progress: r,
       element: n,
       children: [
-        /* @__PURE__ */ l("audio", { ref: n, src: e.url }),
+        /* @__PURE__ */ d("audio", { ref: n, src: e.url }),
         t
       ]
     }
   );
 }
-function rt({
+function tn({
   media: e,
   mediaControlsDeps: t,
   children: n
 }) {
-  return G("portal", "audio", nt, { media: e, children: n }, [e, ...t || []]), null;
+  return Ve("portal", "audio", en, { media: e, children: n }, [e, ...t || []]), null;
 }
-function it({
+function nn({
   element: e,
   media: t,
   playPause: n
 }) {
-  return /* @__PURE__ */ M("div", { className: "video-container", part: "video-container", onClick: n, children: [
-    /* @__PURE__ */ l("style", { children: `
+  return /* @__PURE__ */ X("div", { className: "video-container", part: "video-container", onClick: n, children: [
+    /* @__PURE__ */ d("style", { children: `
             .video-container {
               position: absolute;
               top: 0;
@@ -1472,37 +1515,37 @@ function it({
               pointer-events: visible;
             }
           ` }),
-    /* @__PURE__ */ l("video", { ref: e, src: t.url, style: { width: "100%", objectFit: "contain" } })
+    /* @__PURE__ */ d("video", { ref: e, src: t.url, style: { width: "100%", objectFit: "contain" } })
   ] });
 }
-function ot({
+function rn({
   media: e,
   mediaControlsDeps: t,
   children: n
 }) {
-  const [{ element: r, currentTime: i, progress: o }, a, s] = Se({ duration: e.duration });
-  return G("overlay", "video-element", it, {
-    element: r,
+  const [{ element: o, currentTime: r, progress: a }, i, s] = pt({ duration: e.duration });
+  return Ve("overlay", "video-element", nn, {
+    element: o,
     media: e,
     playPause: s.playPause
-  }), G(
+  }), Ve(
     "portal",
     "custom-controls",
-    tt,
+    Zt,
     {
-      state: a,
+      state: i,
       actions: s,
-      currentTime: i,
-      progress: o,
-      element: r,
+      currentTime: r,
+      progress: a,
+      element: o,
       children: n
     },
-    [i, a, e, ...t || []]
+    [r, i, e, ...t || []]
   ), null;
 }
-function at({ model: e }) {
-  return /* @__PURE__ */ M(z, { children: [
-    /* @__PURE__ */ l("style", { children: `
+function on({ model: e }) {
+  return /* @__PURE__ */ X(Oe, { children: [
+    /* @__PURE__ */ d("style", { children: `
             .model-container {
               position: absolute;
               top: 0;
@@ -1516,7 +1559,7 @@ function at({ model: e }) {
               pointer-events: visible;
             }
           ` }),
-    /* @__PURE__ */ l("div", { className: "model-container", children: /* @__PURE__ */ l(
+    /* @__PURE__ */ d("div", { className: "model-container", children: /* @__PURE__ */ d(
       "model-viewer",
       {
         "interaction-prompt": "none",
@@ -1528,12 +1571,12 @@ function at({ model: e }) {
     ) })
   ] });
 }
-function st({ model: e, name: t }) {
-  return G("overlay", `model-${t}`, at, { model: e }, [e]), null;
+function an({ model: e, name: t }) {
+  return Ve("overlay", `model-${t}`, on, { model: e }, [e]), null;
 }
-function ct({ style: e }) {
-  const t = j();
-  return !t || !t.height || !t.width ? null : /* @__PURE__ */ l(
+function sn({ style: e }) {
+  const t = Se();
+  return !t || !t.height || !t.width ? null : /* @__PURE__ */ d(
     "box",
     {
       interactive: !1,
@@ -1542,104 +1585,111 @@ function ct({ style: e }) {
     }
   );
 }
-const ut = B.createContext("en");
-function hr(e) {
-  return /* @__PURE__ */ l(ut.Provider, { value: e.language, children: e.children });
+const cn = Ie.createContext("en");
+function Io(e) {
+  return /* @__PURE__ */ d(cn.Provider, { value: e.language, children: e.children });
 }
-function we() {
-  return B.useContext(ut);
+function ht() {
+  return Ie.useContext(cn);
 }
-function Re(e) {
+function xt(e) {
   return e.indexOf("-") !== -1 ? e.slice(0, e.indexOf("-")) : e;
 }
-function Bn({ as: e, language: t, children: n, viewingDirection: r, ...i }) {
-  const o = we();
-  return x(() => Re(o) === Re(t), [o, t]) ? e ? /* @__PURE__ */ l(e, { ...i, children: n }) : /* @__PURE__ */ l("span", { ...i, children: n }) : e ? /* @__PURE__ */ l(e, { ...i, lang: t, dir: r, children: n }) : /* @__PURE__ */ l("span", { ...i, lang: t, dir: r, children: n });
+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 lt(e, t, n) {
+function un(e, t, n) {
   if (t.length === 0)
     return;
   if (t.length === 1)
     return t[0];
   if (t.indexOf(e) !== -1)
     return e;
-  const r = e.indexOf("-") !== -1 ? e.slice(0, e.indexOf("-")) : null;
-  if (r && t.indexOf(r) !== -1)
-    return r;
-  for (const i of n)
-    if (t.indexOf(i) !== -1)
-      return i;
+  const o = e.indexOf("-") !== -1 ? e.slice(0, e.indexOf("-")) : null;
+  if (o && t.indexOf(o) !== -1)
+    return o;
+  for (const r of n)
+    if (t.indexOf(r) !== -1)
+      return r;
   return t.indexOf("none") !== -1 ? "none" : t.indexOf("@none") !== -1 ? "@none" : t[0];
 }
-const Hn = (e, t = []) => {
-  const n = we();
-  return x(() => {
-    const r = e();
-    return lt(n, r, []);
+const Qr = (e, t = []) => {
+  const n = ht();
+  return N(() => {
+    const o = e();
+    return un(n, o, []);
   }, [n, ...t]);
 };
-function Yn(e, t) {
-  const n = Hn(() => Object.keys(e || {}), [e]);
+function Gr(e, t, n = `
+`) {
+  const o = Qr(() => Object.keys(e || {}), [e]);
   return [
-    x(() => {
+    N(() => {
       if (!e)
         return t || "";
       if (typeof e == "string")
         return e;
-      const r = n ? e[n] : void 0;
-      return r ? typeof r == "string" ? r : r.join(`
-`) : "";
-    }, [n, t, e]),
-    n
+      const r = o ? e[o] : void 0;
+      return r ? typeof r == "string" ? r : r.join(n) : "";
+    }, [o, t, e]),
+    o
   ];
 }
-function gr() {
-  const e = we();
-  return function(n, r, i) {
-    const o = Object.keys(n || {}), a = lt(e, o, []);
+function Co() {
+  const e = ht();
+  return function(n, o, r) {
+    const a = Object.keys(n || {}), i = un(e, a, []);
     if (!n)
-      return r || "";
+      return o || "";
     if (typeof n == "string")
       return n;
-    const s = a ? n[a] : void 0;
-    return s ? typeof s == "string" ? s : s.join(typeof i < "u" ? i : `
+    const s = i ? n[i] : void 0;
+    return s ? typeof s == "string" ? s : s.join(typeof r < "u" ? r : `
 `) : "";
   };
 }
-const zn = ({ as: e, defaultText: t, enableDangerouslySetInnerHTML: n, children: r, ...i }) => {
-  const [o, a] = Yn(r, t);
-  return a ? /* @__PURE__ */ l(
-    Bn,
+function Ne({
+  as: e,
+  defaultText: t,
+  enableDangerouslySetInnerHTML: n,
+  children: o,
+  separator: r,
+  ...a
+}) {
+  const [i, s] = Gr(o, t, r);
+  return s ? /* @__PURE__ */ d(
+    Kr,
     {
-      ...i,
+      ...a,
       as: e,
-      language: a,
-      title: n ? void 0 : o,
+      language: s,
+      title: n ? void 0 : i,
       dangerouslySetInnerHTML: n ? {
-        __html: o
+        __html: i
       } : void 0,
-      children: n ? void 0 : o
+      children: n ? void 0 : i
     }
-  ) : e ? /* @__PURE__ */ l(e, { ...i, children: o }) : /* @__PURE__ */ l(
+  ) : e ? /* @__PURE__ */ d(e, { ...a, children: i }) : /* @__PURE__ */ d(
     "span",
     {
-      ...i,
-      title: n ? void 0 : o,
+      ...a,
+      title: n ? void 0 : i,
       dangerouslySetInnerHTML: n ? {
-        __html: o
+        __html: i
       } : void 0,
-      children: n ? void 0 : o
+      children: n ? void 0 : i
     }
   );
-};
-function Kn({
+}
+function Xr({
   element: e,
   media: t,
   playPause: n
 }) {
-  const r = $(null);
-  return t.youTubeId ? /* @__PURE__ */ M("div", { className: "video-container", part: "video-container", onClick: n, children: [
-    /* @__PURE__ */ l("style", { children: `
+  const o = Ee(null);
+  return t.youTubeId ? /* @__PURE__ */ X("div", { className: "video-container", part: "video-container", onClick: n, children: [
+    /* @__PURE__ */ d("style", { children: `
             .video-container {
               position: absolute;
               top: 0;
@@ -1658,11 +1708,11 @@ function Kn({
               object-fit: contain;
             }
           ` }),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ d(
       "iframe",
       {
         className: "video-yt",
-        ref: r,
+        ref: o,
         src: `https://www.youtube.com/embed/${t.youTubeId}?enablejsapi=1&origin=${window.location.host}`,
         referrerPolicy: "no-referrer",
         sandbox: "allow-scripts allow-same-origin allow-presentation"
@@ -1670,328 +1720,1487 @@ function Kn({
     )
   ] }) : null;
 }
-function Wn({
+function Jr({
   media: e,
   mediaControlsDeps: t,
   children: n
 }) {
-  const [{ element: r, currentTime: i, progress: o }, a, s] = Se({ duration: e.duration });
-  return G("overlay", "video-element", Kn, {
-    element: r,
+  const [{ element: o, currentTime: r, progress: a }, i, s] = pt({ duration: e.duration });
+  return Ve("overlay", "video-element", Xr, {
+    element: o,
     media: e,
     playPause: s.playPause
   }), null;
 }
-function dt({
+function ln({
   x: e,
   y: t,
   onChoiceChange: n,
-  registerActions: r,
-  defaultChoices: i,
-  isStatic: o,
-  renderViewerControls: a,
+  registerActions: o,
+  defaultChoices: r,
+  isStatic: a,
+  renderViewerControls: i,
   renderMediaControls: s,
-  viewControlsDeps: c,
-  mediaControlsDeps: d,
+  viewControlsDeps: f,
+  mediaControlsDeps: h,
   strategies: u,
-  throwOnUnknown: f,
-  backgroundStyle: m,
-  alwaysShowBackground: p,
-  keepCanvasScale: g = !1,
-  enableSizes: h = !1,
-  enableYouTube: y = !0,
-  onClickPaintingAnnotation: w,
+  throwOnUnknown: y,
+  backgroundStyle: x,
+  alwaysShowBackground: M,
+  keepCanvasScale: I = !1,
+  enableSizes: b = !1,
+  enableYouTube: E = !0,
+  onClickPaintingAnnotation: C,
   children: A
 }) {
-  const S = j(), D = Ye(S, ["deep-zoom"]), [X] = un(), P = fn(), L = I(), F = x(() => ge(L), [L]), [v, _] = Dn({
+  const S = Se(), F = Ft(S, ["deep-zoom"]), [L] = gr(), R = br(), B = re(), j = N(() => ut(B), [B]), [O, U] = $r({
     strategies: u || ["images"],
-    defaultChoices: i == null ? void 0 : i.map(({ id: C }) => C)
-  }), Ce = v.type === "images" ? v.choice : void 0, ft = x(() => g ? 1 : Math.max(
+    defaultChoices: r == null ? void 0 : r.map(({ id: V }) => V)
+  }), H = O.type === "images" ? O.choice : void 0, G = N(() => I ? 1 : Math.max(
     1,
-    ...v.type === "images" ? v.images.map((C) => {
-      var Y;
-      return (C.width || 0) / ((Y = C.target) == null ? void 0 : Y.spatial.width);
+    ...O.type === "images" ? O.images.map((V) => {
+      var te;
+      return (V.width || 0) / ((te = V.target) == null ? void 0 : te.spatial.width);
     }) : []
-  ), [g, v]);
-  hn(ft), k(() => {
-    r && r(_);
-  }, [v.annotations]), k(() => {
-    if (i)
-      for (const C of i)
-        typeof C.opacity < "u" && F.applyStyles({ id: C.id }, "atlas", {
-          opacity: C.opacity
+  ), [I, O]);
+  wr(G), be(() => {
+    o && o(U);
+  }, [O.annotations]), be(() => {
+    if (r)
+      for (const V of r)
+        typeof V.opacity < "u" && j.applyStyles({ id: V.id }, "atlas", {
+          opacity: V.opacity
         });
-  }, [i]), Te(() => {
-    n && n(Ce);
-  }, [Ce]), G(
-    P && (v.type === "images" || v.type === "empty" || v.type === "textual-content" && a) ? "overlay" : "none",
+  }, [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}`,
-    pe.Provider,
-    a ? {
-      value: P || null,
-      children: a(v)
+    ft.Provider,
+    i ? {
+      value: R || null,
+      children: i(O)
     } : {},
-    [S, P, v, ...c || []]
+    [S, R, O, ...f || []]
   );
-  const q = Un({ maxWidth: 256, maxHeight: 256 });
+  const Y = Qt({ maxWidth: 256, maxHeight: 256 });
   if (!S)
     return null;
-  const be = S.accompanyingCanvas, Q = q && q.type === "fixed" ? /* @__PURE__ */ l("world-object", { height: S.height, width: S.width, x: e, y: t, children: /* @__PURE__ */ l(
+  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(
     "world-image",
     {
-      uri: q.id,
+      uri: Y.id,
       target: { x: 0, y: 0, width: S.width, height: S.height },
-      display: q.width && q.height ? {
-        width: q.width,
-        height: q.height
+      display: Y.width && Y.height ? {
+        width: Y.width,
+        height: Y.height
       } : void 0,
       crop: void 0
     }
   ) }) : null;
-  if (v.type === "unknown") {
-    if (Q)
-      return Q;
-    if (f)
-      throw new Error(v.reason || "Unknown image strategy");
+  if (O.type === "unknown") {
+    if (ee)
+      return ee;
+    if (y)
+      throw new Error(O.reason || "Unknown image strategy");
     return null;
   }
-  const Pe = /* @__PURE__ */ M(ne, { children: [
-    X ? /* @__PURE__ */ l(he, { page: X }) : null,
-    v.annotations && v.annotations.pages ? v.annotations.pages.map((C) => /* @__PURE__ */ l(he, { page: C }, C.id)) : 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
-  ] }), ht = v.type === "images" ? v.images.length : 0;
-  return /* @__PURE__ */ M(z, { children: [
-    /* @__PURE__ */ M(
+  ] }), me = O.type === "images" ? O.images.length : 0;
+  return /* @__PURE__ */ X(Oe, { children: [
+    /* @__PURE__ */ X(
       "world-object",
       {
         height: S.height,
         width: S.width,
         x: e,
         y: t,
-        ...D,
+        ...F,
         children: [
-          v.type === "empty" || p ? /* @__PURE__ */ l(ct, { style: m }) : null,
-          v.type === "textual-content" ? v.items.map((C, Y) => {
-            var J;
-            return /* @__PURE__ */ M(z, { children: [
-              /* @__PURE__ */ l(
-                wt,
+          O.type === "empty" || M ? /* @__PURE__ */ d(sn, { style: x }) : null,
+          O.type === "textual-content" ? O.items.map((V, te) => {
+            var $;
+            return /* @__PURE__ */ X(Oe, { children: [
+              /* @__PURE__ */ d(
+                In,
                 {
-                  onClick: w ? (Ee) => {
-                    Ee.stopPropagation(), w(C.annotationId, C, Ee);
+                  onClick: C ? (le) => {
+                    le.stopPropagation(), C(V.annotationId, V, le);
                   } : void 0,
-                  target: ((J = C.target) == null ? void 0 : J.spatial) || void 0,
-                  children: /* @__PURE__ */ l("div", { "data-textual-content": !0, children: /* @__PURE__ */ l(zn, { enableDangerouslySetInnerHTML: !0, children: C.text }) })
+                  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 }) })
                 },
-                Y
+                te
               ),
-              Pe
+              se
             ] });
           }) : null,
-          v.type === "images" ? /* @__PURE__ */ M(z, { children: [
-            v.images.map((C, Y) => /* @__PURE__ */ l(
-              We,
+          O.type === "images" ? /* @__PURE__ */ X(Oe, { children: [
+            O.images.map((V, te) => /* @__PURE__ */ d(
+              Wt,
               {
-                isStatic: o,
-                image: C,
-                id: C.id,
-                thumbnail: Y === 0 ? q : void 0,
-                selector: C.selector,
-                enableSizes: h,
-                onClick: w ? (J) => {
-                  J.stopPropagation(), w(C.annotationId, C, J);
+                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, $);
                 } : void 0
               },
-              C.id + Y
+              V.id + te
             )),
-            Pe
+            se
           ] }) : null,
-          v.type === "3d-model" ? /* @__PURE__ */ l(st, { model: v.model }) : null,
-          v.type === "media" ? /* @__PURE__ */ l(z, { children: v.media.type === "Sound" ? /* @__PURE__ */ M(rt, { media: v.media, mediaControlsDeps: d, children: [
-            Q,
-            s ? s(v) : null
-          ] }) : v.media.type === "Video" ? /* @__PURE__ */ M(ot, { media: v.media, mediaControlsDeps: d, children: [
-            Q,
-            s ? s(v) : null
-          ] }) : v.media.type === "VideoYouTube" && y ? /* @__PURE__ */ M(Wn, { media: v.media, mediaControlsDeps: d, children: [
-            Q,
-            s ? s(v) : 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: [
+            ee,
+            s ? s(O) : null
+          ] }) : O.media.type === "Video" ? /* @__PURE__ */ X(rn, { media: O.media, mediaControlsDeps: h, children: [
+            ee,
+            s ? s(O) : null
+          ] }) : O.media.type === "VideoYouTube" && E ? /* @__PURE__ */ X(Jr, { media: O.media, mediaControlsDeps: h, children: [
+            ee,
+            s ? s(O) : null
           ] }) : null }) : null
         ]
       },
-      `${S.id}/${v.type}/${ht}`
+      `${S.id}/${O.type}/${me}`
     ),
-    v.type === "media" && v.media.type === "Sound" && be ? /* @__PURE__ */ l(me, { canvas: be.id, children: /* @__PURE__ */ l(dt, { renderViewerControls: a }) }) : null
+    O.type === "media" && O.media.type === "Sound" && Z ? /* @__PURE__ */ d(Qe, { canvas: Z.id, children: /* @__PURE__ */ d(ln, { renderViewerControls: i }) }) : null
   ] });
 }
-function Gn() {
-  const e = R(ie);
-  return e && e.vault ? e.vault : Le();
+function Zr() {
+  const e = ue(Ke);
+  return e && e.vault ? e.vault : Et();
 }
-const Qn = Ve(function(t, n) {
-  const r = W(), i = Fe(), o = Dt(), { ViewerControls: a, MediaControls: s } = t.components || {};
-  if (vt(n, () => o, [o]), !r)
-    return /* @__PURE__ */ l("div", {});
-  let c = 0;
-  return /* @__PURE__ */ M(z, { children: [
+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)
+    return /* @__PURE__ */ d("div", {});
+  let f = 0;
+  return /* @__PURE__ */ X(Oe, { children: [
     t.header,
-    /* @__PURE__ */ l(
-      O.Viewer,
+    /* @__PURE__ */ d(
+      ge.Viewer,
       {
         height: t.height,
         mode: t.mode,
-        children: i.map((d, u) => {
-          const f = c;
-          return c += d.width + (t.spacing || 0), /* @__PURE__ */ l(me, { canvas: d.id, children: /* @__PURE__ */ l(
-            O.RenderCanvas,
+        children: r.map((h, u) => {
+          const y = f;
+          return f += h.width + (t.spacing || 0), /* @__PURE__ */ d(Qe, { canvas: h.id, children: /* @__PURE__ */ d(
+            ge.RenderCanvas,
             {
               strategies: ["3d-model", "media", "images", "empty", "textual-content"],
-              renderViewerControls: u === 0 && a ? () => /* @__PURE__ */ l(a, {}) : void 0,
-              renderMediaControls: u === 0 && s ? () => /* @__PURE__ */ l(s, {}) : void 0,
-              x: f,
+              renderViewerControls: u === 0 && i ? () => /* @__PURE__ */ d(i, {}) : void 0,
+              renderMediaControls: u === 0 && s ? () => /* @__PURE__ */ d(s, {}) : void 0,
+              x: y,
               ...t.canvasProps || {},
               children: t.annotations
             },
-            d.id
-          ) }, d.id);
+            h.id
+          ) }, h.id);
         })
       },
-      t.reuseAtlas ? "" : o.currentSequenceIndex
+      t.reuseAtlas ? "" : a.currentSequenceIndex
     ),
     t.children
   ] });
-}), O = Ve(function({ children: t, height: n, annotations: r, canvasProps: i, spacing: o, header: a, components: s, mode: c, ...d }, u) {
-  const f = Gn();
-  return /* @__PURE__ */ l(Oe, { vault: f, children: /* @__PURE__ */ l(Nt, { ...d, children: /* @__PURE__ */ l(
-    Qn,
+}), 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(
+    eo,
     {
-      ref: u,
+      ref: y,
       height: n,
       components: s,
-      spacing: o,
-      canvasProps: i,
-      annotations: r,
-      header: a,
-      mode: c,
+      spacing: a,
+      canvasProps: r,
+      annotations: o,
+      header: i,
+      mode: f,
+      reuseAtlas: h,
       children: t
     }
   ) }) });
 });
-O.RenderImage = We;
-O.RenderCanvas = dt;
-O.RenderAnnotationPage = he;
-O.RenderAnnotation = Ke;
-O.Viewer = gn;
-O.CanvasBackground = ct;
-O.Audio = rt;
-O.Video = ot;
-O.Model = st;
-O.AudioHTML = nt;
-O.VideoHTML = it;
-O.ModelHTML = at;
-function vr({ annotation: e, children: t }) {
-  return /* @__PURE__ */ l(K, { value: { annotation: e }, children: t });
-}
-function mr({ annotationPage: e, children: t }) {
-  return /* @__PURE__ */ l(K, { value: { annotationPage: e }, children: t });
-}
-function pr({ collection: e, children: t }) {
-  return /* @__PURE__ */ l(K, { value: { collection: e }, children: t });
-}
-function yr(e, t = {}) {
-  return xe(t);
-}
-function xr(e, t = !1) {
-}
-function Sr(e) {
-  const n = H().manifest, r = e ? e.map((i) => typeof i == "string" ? i : i == null ? void 0 : i.id) : [];
-  return V(
-    (i) => {
-      const o = n ? i.iiif.entities.Manifest[n] : void 0, a = (o == null ? void 0 : o.items) || [];
+ge.RenderImage = Wt;
+ge.RenderCanvas = ln;
+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;
+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)) });
+  }
+);
+function fn({
+  metadata: e = [],
+  config: t,
+  labelWidth: n = 16,
+  showEmptyMessage: o = !0,
+  allowHtml: r,
+  emptyFallback: a,
+  classes: i = {},
+  emptyMessage: s = "No metadata available",
+  emptyValueFallback: f = "No value",
+  emptyLabelFallback: h = "",
+  separator: u,
+  tableFooter: y,
+  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);
+          break;
+        }
+    }
+    return E;
+  }, [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(
+              Ne,
+              {
+                enableDangerouslySetInnerHTML: r,
+                defaultText: f,
+                separator: u,
+                children: S.value
+              },
+              E + "__" + A
+            )
+          );
+      return C.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
+          }
+        ) }),
+        /* @__PURE__ */ d("td", { className: i.value, children: C })
+      ] }, E);
+    }) }),
+    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("td", { className: i.label, style: n ? { minWidth: n } : {}, children: /* @__PURE__ */ d(
+        Ne,
+        {
+          enableDangerouslySetInnerHTML: r,
+          defaultText: f,
+          separator: u,
+          children: b.label
+        }
+      ) }),
+      /* @__PURE__ */ d("td", { className: i.value, children: /* @__PURE__ */ d(
+        Ne,
+        {
+          enableDangerouslySetInnerHTML: r,
+          defaultText: f,
+          separator: u,
+          children: b.value
+        }
+      ) })
+    ] }, E) : null) : null }),
+    y
+  ] });
+}
+function Mo(e) {
+  const t = Ce(), n = Se(), o = At(), 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 });
+}
+function dn(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({
+      identifier: r.identifier,
+      server: r.server,
+      scheme: r.scheme,
+      type: "image",
+      size: {
+        max: !((i = t.size) != null && i.width) && !((s = t.size) != null && s.height),
+        confined: !1,
+        upscaled: !1,
+        ...t.size || {}
+      },
+      format: t.format || "jpg",
+      // This isn't how it should be modelled, always full,
+      // region: data.selector ? data.selector : { full: true },
+      region: t.region || { full: !0 },
+      rotation: t != null && t.rotation ? Number.isInteger(t.rotation) ? { angle: t.rotation } : t.rotation : { angle: 0 },
+      quality: o || "default",
+      prefix: r.prefix,
+      originalPath: r.originalPath
+    });
+  }, [...n]);
+}
+function to(e) {
+  const t = typeof e.src == "string" ? e.src : e.src.id, n = Je(), [o, r] = ae(!1);
+  let a;
+  if (t) {
+    const s = n.loadServiceSync({ id: t });
+    s && (a = s);
+  }
+  !a && !o && n.loadService({ id: t }).then(() => {
+    r(!0);
+  });
+  const i = dn(
+    a,
+    {
+      size: e.size,
+      selector: e.region,
+      rotation: e.rotation,
+      format: e.format,
+      region: e.region,
+      quality: e.quality
+    },
+    [o, e.src, e.size, e.region, e.rotation, e.format, e.region, e.quality]
+  );
+  return be(() => () => {
+    r(!1);
+  }, [t]), i ? /* @__PURE__ */ d("img", { src: i, alt: e.alt, className: e.className, style: e.style }) : /* @__PURE__ */ d(no, { ...e, fetchImageService: !1 });
+}
+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(
+    t,
+    {
+      size: e.size,
+      selector: e.region,
+      rotation: e.rotation,
+      format: e.format,
+      region: e.region,
+      quality: e.quality
+    },
+    [e.src, e.size, e.region, e.rotation, e.format, e.region, e.quality]
+  );
+  return n ? /* @__PURE__ */ d("img", { src: n, alt: e.alt, className: e.className, style: e.style }) : null;
+}
+function Ro(e) {
+  const t = Ce();
+  return /* @__PURE__ */ d(fn, { metadata: (t == null ? void 0 : t.metadata) || [], ...e });
+}
+var pn = { 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();
+    };
+    function S(L) {
+      var R = typeof L;
+      return !!L && (R == "object" || R == "function");
+    }
+    function F(L) {
+      if (typeof L == "number")
+        return L;
+      if (function(j) {
+        return typeof j == "symbol" || /* @__PURE__ */ function(O) {
+          return !!O && typeof O == "object";
+        }(j) && b.call(j) == "[object Symbol]";
+      }(L))
+        return NaN;
+      if (S(L)) {
+        var R = typeof L.valueOf == "function" ? L.valueOf() : L;
+        L = S(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")
+        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 te(oe) {
+        var ie = oe - Y;
+        return Y === void 0 || ie >= R || ie < 0 || se && oe - 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));
+      }
+      function le(oe) {
+        return G = void 0, me && j ? V(oe) : (j = O = void 0, H);
+      }
+      function fe() {
+        var oe = A(), ie = te(oe);
+        if (j = arguments, O = this, Y = oe, ie) {
+          if (G === void 0)
+            return function(de) {
+              return Z = de, G = setTimeout($, R), ee ? V(de) : H;
+            }(Y);
+          if (se)
+            return G = setTimeout($, R), V(Y);
+        }
+        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;
+      }, fe.flush = function() {
+        return G === void 0 ? H : le(A());
+      }, 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();
+    };
+    function R(j) {
+      var O = typeof j;
+      return !!j && (O == "object" || O == "function");
+    }
+    function B(j) {
+      if (typeof j == "number")
+        return j;
+      if (function(H) {
+        return typeof H == "symbol" || /* @__PURE__ */ function(G) {
+          return !!G && typeof G == "object";
+        }(H) && A.call(H) == h;
+      }(j))
+        return f;
+      if (R(j)) {
+        var O = typeof j.valueOf == "function" ? j.valueOf() : j;
+        j = R(O) ? O + "" : O;
+      }
+      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;
+    }
+    r.exports = function(j, O, 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;
+        if (typeof Y != "function")
+          throw new TypeError(s);
+        function _e(pe) {
+          var ve = se, Pe = me;
+          return se = me = void 0, fe = pe, te = Y.apply(Pe, ve);
+        }
+        function Be(pe) {
+          var ve = pe - le;
+          return le === void 0 || ve >= Z || ve < 0 || ie && pe - fe >= V;
+        }
+        function we() {
+          var pe = L();
+          if (Be(pe))
+            return qe(pe);
+          $ = setTimeout(we, function(ve) {
+            var Pe = Z - (ve - le);
+            return ie ? 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);
+          if (se = arguments, me = this, le = pe, ve) {
+            if ($ === void 0)
+              return function(Pe) {
+                return fe = Pe, $ = setTimeout(we, Z), oe ? _e(Pe) : te;
+              }(le);
+            if (ie)
+              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() {
+          $ !== void 0 && clearTimeout($), fe = 0, se = le = me = $ = void 0;
+        }, Me.flush = function() {
+          return $ === void 0 ? te : qe(L());
+        }, Me;
+      }(j, O, { leading: H, maxWait: O, trailing: G });
+    };
+  }, 703: (r, a, i) => {
+    var s = i(414);
+    function f() {
+    }
+    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 y() {
+        return u;
+      }
+      u.isRequired = u;
+      var x = { array: u, bigint: u, bool: u, func: u, number: u, object: u, string: u, symbol: u, any: u, arrayOf: y, element: u, elementType: u, instanceOf: y, node: u, objectOf: y, oneOf: y, oneOfType: y, shape: y, exact: y, checkPropTypes: h, resetWarningCache: f };
+      return x.PropTypes = x, x;
+    };
+  }, 697: (r, a, i) => {
+    r.exports = i(703)();
+  }, 414: (r) => {
+    r.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  } }, t = {};
+  function n(r) {
+    var a = t[r];
+    if (a !== void 0)
+      return a.exports;
+    var i = t[r] = { exports: {} };
+    return e[r](i, i.exports, n), i.exports;
+  }
+  n.n = (r) => {
+    var a = r && r.__esModule ? () => r.default : () => r;
+    return n.d(a, { a }), a;
+  }, n.d = (r, a) => {
+    for (var i in a)
+      n.o(a, i) && !n.o(r, i) && Object.defineProperty(r, i, { enumerable: !0, get: a[i] });
+  }, n.g = function() {
+    if (typeof globalThis == "object")
+      return globalThis;
+    try {
+      return this || new Function("return this")();
+    } catch {
+      if (typeof window == "object")
+        return window;
+    }
+  }(), n.o = (r, a) => Object.prototype.hasOwnProperty.call(r, a), n.r = (r) => {
+    typeof Symbol < "u" && Symbol.toStringTag && Object.defineProperty(r, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(r, "__esModule", { value: !0 });
+  };
+  var o = {};
+  (() => {
+    n.r(o), n.d(o, { LazyLoadComponent: () => yt, LazyLoadImage: () => vn, trackWindowScroll: () => le });
+    const r = Ie;
+    var a = n.n(r), i = n(697);
+    const s = kn;
+    var f = n.n(s);
+    function h() {
+      return typeof window < "u" && "IntersectionObserver" in window && "isIntersecting" in window.IntersectionObserverEntry.prototype;
+    }
+    function u(g) {
+      return u = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(c) {
+        return typeof c;
+      } : function(c) {
+        return c && typeof Symbol == "function" && c.constructor === Symbol && c !== Symbol.prototype ? "symbol" : typeof c;
+      }, u(g);
+    }
+    function y(g, c) {
+      var m = Object.keys(g);
+      if (Object.getOwnPropertySymbols) {
+        var v = Object.getOwnPropertySymbols(g);
+        c && (v = v.filter(function(k) {
+          return Object.getOwnPropertyDescriptor(g, k).enumerable;
+        })), m.push.apply(m, v);
+      }
+      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;
+    }
+    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);
+      }
+    }
+    function I(g) {
+      var c = function(m, v) {
+        if (u(m) !== "object" || m === null)
+          return m;
+        var k = m[Symbol.toPrimitive];
+        if (k !== void 0) {
+          var _ = k.call(m, "string");
+          if (u(_) !== "object")
+            return _;
+          throw new TypeError("@@toPrimitive must return a primitive value.");
+        }
+        return String(m);
+      }(g);
+      return u(c) === "symbol" ? c : String(c);
+    }
+    function b(g, c) {
+      return b = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(m, v) {
+        return m.__proto__ = v, m;
+      }, b(g, c);
+    }
+    function E(g) {
+      return E = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(c) {
+        return c.__proto__ || Object.getPrototypeOf(c);
+      }, E(g);
+    }
+    var C = function(g) {
+      g.forEach(function(c) {
+        c.isIntersecting && c.target.onVisible();
+      });
+    }, A = {}, S = 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);
+      })(q, g);
+      var c, m, v, k, _ = (v = q, k = function() {
+        if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
+          return !1;
+        if (typeof Proxy == "function")
+          return !0;
+        try {
+          return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+          })), !0;
+        } catch {
+          return !1;
+        }
+      }(), function() {
+        var l, p = E(v);
+        if (k) {
+          var T = E(this).constructor;
+          l = Reflect.construct(p, arguments, T);
+        } else
+          l = p.apply(this, arguments);
+        return function(P, w) {
+          if (w && (u(w) === "object" || typeof w == "function"))
+            return w;
+          if (w !== void 0)
+            throw new TypeError("Derived constructors may only return object or undefined");
+          return function(D) {
+            if (D === void 0)
+              throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+            return D;
+          }(P);
+        }(this, l);
+      });
+      function q(l) {
+        var p;
+        if (function(P, w) {
+          if (!(P 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);
+        }
+        return p;
+      }
+      return c = q, m = [{ key: "componentDidMount", value: function() {
+        this.placeholder && this.observer && (this.placeholder.onVisible = this.props.onVisible, this.observer.observe(this.placeholder)), this.supportsObserver || this.updateVisibility();
+      } }, { key: "componentWillUnmount", value: function() {
+        this.observer && this.placeholder && this.observer.unobserve(this.placeholder);
+      } }, { 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 };
+      } }, { 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;
+      } }, { 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;
+        if (w && typeof w.type != "function")
+          return a().cloneElement(w, { ref: function(W) {
+            return l.placeholder = W;
+          } });
+        var K = function(W) {
+          for (var ce = 1; ce < arguments.length; ce++) {
+            var J = arguments[ce] != null ? arguments[ce] : {};
+            ce % 2 ? y(Object(J), !0).forEach(function(he) {
+              x(W, he, J[he]);
+            }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(W, Object.getOwnPropertyDescriptors(J)) : y(Object(J)).forEach(function(he) {
+              Object.defineProperty(W, he, Object.getOwnPropertyDescriptor(J, he));
+            });
+          }
+          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 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) {
+      var c = getComputedStyle(g, null);
+      return c.getPropertyValue("overflow") + c.getPropertyValue("overflow-y") + c.getPropertyValue("overflow-x");
+    };
+    const U = function(g) {
+      if (!(g instanceof HTMLElement))
+        return window;
+      for (var c = g; c && c instanceof HTMLElement; ) {
+        if (/(scroll|auto)/.test(O(c)))
+          return c;
+        c = c.parentNode;
+      }
+      return window;
+    };
+    function H(g) {
+      return H = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(c) {
+        return typeof c;
+      } : function(c) {
+        return c && typeof Symbol == "function" && c.constructor === Symbol && c !== Symbol.prototype ? "symbol" : typeof c;
+      }, H(g);
+    }
+    var G = ["delayMethod", "delayTime"];
+    function Y() {
+      return Y = Object.assign ? Object.assign.bind() : function(g) {
+        for (var c = 1; c < arguments.length; c++) {
+          var m = arguments[c];
+          for (var v in m)
+            Object.prototype.hasOwnProperty.call(m, v) && (g[v] = m[v]);
+        }
+        return g;
+      }, Y.apply(this, arguments);
+    }
+    function Z(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) {
+          if (H(_) !== "object" || _ === null)
+            return _;
+          var l = _[Symbol.toPrimitive];
+          if (l !== void 0) {
+            var p = l.call(_, "string");
+            if (H(p) !== "object")
+              return p;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
+          }
+          return String(_);
+        }(v.key), H(k) === "symbol" ? k : String(k)), v);
+      }
+      var k;
+    }
+    function ee(g, c) {
+      return ee = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(m, v) {
+        return m.__proto__ = v, m;
+      }, ee(g, c);
+    }
+    function se(g, c) {
+      if (c && (H(c) === "object" || typeof c == "function"))
+        return c;
+      if (c !== void 0)
+        throw new TypeError("Derived constructors may only return object or undefined");
+      return me(g);
+    }
+    function me(g) {
+      if (g === void 0)
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+      return g;
+    }
+    function V(g) {
+      return V = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(c) {
+        return c.__proto__ || Object.getPrototypeOf(c);
+      }, V(g);
+    }
+    var te = function() {
+      return typeof window > "u" ? 0 : window.scrollX || window.pageXOffset;
+    }, $ = function() {
+      return typeof window > "u" ? 0 : window.scrollY || window.pageYOffset;
+    };
+    const le = function(g) {
+      var c = function(m) {
+        (function(T, P) {
+          if (typeof P != "function" && P !== 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);
+        })(p, m);
+        var v, k, _, q, l = (_ = p, q = function() {
+          if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
+            return !1;
+          if (typeof Proxy == "function")
+            return !0;
+          try {
+            return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+            })), !0;
+          } catch {
+            return !1;
+          }
+        }(), function() {
+          var T, P = V(_);
+          if (q) {
+            var w = V(this).constructor;
+            T = Reflect.construct(P, arguments, w);
+          } else
+            T = P.apply(this, arguments);
+          return se(this, T);
+        });
+        function p(T) {
+          var P;
+          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;
+        }
+        return v = p, (k = [{ key: "componentDidMount", value: function() {
+          this.addListeners();
+        } }, { key: "componentWillUnmount", value: function() {
+          this.removeListeners();
+        } }, { key: "componentDidUpdate", value: function() {
+          typeof window > "u" || this.useIntersectionObserver || U(f().findDOMNode(this.baseComponentRef.current)) !== this.scrollElement && (this.removeListeners(), this.addListeners());
+        } }, { key: "addListeners", value: function() {
+          typeof window > "u" || this.useIntersectionObserver || (this.scrollElement = U(f().findDOMNode(this.baseComponentRef.current)), this.scrollElement.addEventListener("scroll", this.delayedScroll, { passive: !0 }), window.addEventListener("resize", this.delayedScroll, { passive: !0 }), this.scrollElement !== window && window.addEventListener("scroll", this.delayedScroll, { passive: !0 }));
+        } }, { key: "removeListeners", value: function() {
+          typeof window > "u" || this.useIntersectionObserver || (this.scrollElement.removeEventListener("scroll", this.delayedScroll), window.removeEventListener("resize", this.delayedScroll), this.scrollElement !== window && window.removeEventListener("scroll", this.delayedScroll));
+        } }, { 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) {
+            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;
+            }(D, z);
+            if (Object.getOwnPropertySymbols) {
+              var J = Object.getOwnPropertySymbols(D);
+              for (W = 0; W < J.length; W++)
+                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));
+        } }]) && 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;
+    };
+    function fe(g) {
+      return fe = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(c) {
+        return typeof c;
+      } : function(c) {
+        return c && typeof Symbol == "function" && c.constructor === Symbol && c !== Symbol.prototype ? "symbol" : typeof c;
+      }, fe(g);
+    }
+    function oe(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) {
+          if (fe(_) !== "object" || _ === null)
+            return _;
+          var l = _[Symbol.toPrimitive];
+          if (l !== void 0) {
+            var p = l.call(_, "string");
+            if (fe(p) !== "object")
+              return p;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
+          }
+          return String(_);
+        }(v.key), fe(k) === "symbol" ? k : String(k)), v);
+      }
+      var k;
+    }
+    function ie(g, c) {
+      return ie = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(m, v) {
+        return m.__proto__ = v, m;
+      }, ie(g, c);
+    }
+    function de(g) {
+      return de = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(c) {
+        return c.__proto__ || Object.getPrototypeOf(c);
+      }, de(g);
+    }
+    var _e = 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 && ie(l, p);
+      })(q, g);
+      var c, m, v, k, _ = (v = q, k = function() {
+        if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
+          return !1;
+        if (typeof Proxy == "function")
+          return !0;
+        try {
+          return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+          })), !0;
+        } catch {
+          return !1;
+        }
+      }(), function() {
+        var l, p = de(v);
+        if (k) {
+          var T = de(this).constructor;
+          l = Reflect.construct(p, arguments, T);
+        } else
+          l = p.apply(this, arguments);
+        return function(P, w) {
+          if (w && (fe(w) === "object" || typeof w == "function"))
+            return w;
+          if (w !== void 0)
+            throw new TypeError("Derived constructors may only return object or undefined");
+          return function(D) {
+            if (D === void 0)
+              throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+            return D;
+          }(P);
+        }(this, l);
+      });
+      function q(l) {
+        return function(p, T) {
+          if (!(p instanceof T))
+            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;
+    }(a().Component);
+    const Be = le(_e);
+    function we(g) {
+      return we = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(c) {
+        return typeof c;
+      } : function(c) {
+        return c && typeof Symbol == "function" && c.constructor === Symbol && c !== Symbol.prototype ? "symbol" : typeof c;
+      }, we(g);
+    }
+    function qe(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) {
+          if (we(_) !== "object" || _ === null)
+            return _;
+          var l = _[Symbol.toPrimitive];
+          if (l !== void 0) {
+            var p = l.call(_, "string");
+            if (we(p) !== "object")
+              return p;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
+          }
+          return String(_);
+        }(v.key), we(k) === "symbol" ? k : String(k)), v);
+      }
+      var k;
+    }
+    function Me(g, c) {
+      return Me = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(m, v) {
+        return m.__proto__ = v, m;
+      }, Me(g, c);
+    }
+    function pe(g) {
+      if (g === void 0)
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+      return g;
+    }
+    function ve(g) {
+      return ve = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(c) {
+        return c.__proto__ || Object.getPrototypeOf(c);
+      }, ve(g);
+    }
+    var Pe = 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 && Me(l, p);
+      })(q, g);
+      var c, m, v, k, _ = (v = q, k = function() {
+        if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
+          return !1;
+        if (typeof Proxy == "function")
+          return !0;
+        try {
+          return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+          })), !0;
+        } catch {
+          return !1;
+        }
+      }(), function() {
+        var l, p = ve(v);
+        if (k) {
+          var T = ve(this).constructor;
+          l = Reflect.construct(p, arguments, T);
+        } else
+          l = p.apply(this, arguments);
+        return function(P, 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);
+        }(this, l);
+      });
+      function q(l) {
+        var p;
+        (function(z, K) {
+          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;
+      }
+      return c = q, (m = [{ key: "componentDidUpdate", value: function(l, p) {
+        p.visible !== this.state.visible && this.props.afterLoad();
+      } }, { key: "onVisible", value: function() {
+        this.props.beforeLoad(), this.setState({ visible: !0 });
+      } }, { 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 });
+      } }]) && 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() {
+      return {};
+    }, beforeLoad: function() {
+      return {};
+    }, useIntersectionObserver: !0, visibleByDefault: !1 };
+    const yt = Pe;
+    function Ae(g) {
+      return Ae = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(c) {
+        return typeof c;
+      } : function(c) {
+        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 m = Object.keys(g);
+      if (Object.getOwnPropertySymbols) {
+        var v = Object.getOwnPropertySymbols(g);
+        c && (v = v.filter(function(k) {
+          return Object.getOwnPropertyDescriptor(g, k).enumerable;
+        })), m.push.apply(m, v);
+      }
+      return m;
+    }
+    function mt(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) {
+          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 Fe() {
+      return Fe = Object.assign ? Object.assign.bind() : function(g) {
+        for (var c = 1; c < arguments.length; c++) {
+          var m = arguments[c];
+          for (var v in m)
+            Object.prototype.hasOwnProperty.call(m, v) && (g[v] = m[v]);
+        }
+        return g;
+      }, Fe.apply(this, arguments);
+    }
+    function mn(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);
+      }
+    }
+    function vt(g) {
+      var c = function(m, v) {
+        if (Ae(m) !== "object" || m === null)
+          return m;
+        var k = m[Symbol.toPrimitive];
+        if (k !== void 0) {
+          var _ = k.call(m, "string");
+          if (Ae(_) !== "object")
+            return _;
+          throw new TypeError("@@toPrimitive must return a primitive value.");
+        }
+        return String(m);
+      }(g);
+      return Ae(c) === "symbol" ? c : String(c);
+    }
+    function Ze(g, c) {
+      return Ze = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(m, v) {
+        return m.__proto__ = v, m;
+      }, Ze(g, c);
+    }
+    function Ue(g) {
+      return Ue = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(c) {
+        return c.__proto__ || Object.getPrototypeOf(c);
+      }, Ue(g);
+    }
+    var et = 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 && Ze(l, p);
+      })(q, g);
+      var c, m, v, k, _ = (v = q, k = function() {
+        if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
+          return !1;
+        if (typeof Proxy == "function")
+          return !0;
+        try {
+          return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+          })), !0;
+        } catch {
+          return !1;
+        }
+      }(), function() {
+        var l, p = Ue(v);
+        if (k) {
+          var T = Ue(this).constructor;
+          l = Reflect.construct(p, arguments, T);
+        } else
+          l = p.apply(this, arguments);
+        return function(P, w) {
+          if (w && (Ae(w) === "object" || typeof w == "function"))
+            return w;
+          if (w !== void 0)
+            throw new TypeError("Derived constructors may only return object or undefined");
+          return function(D) {
+            if (D === void 0)
+              throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+            return D;
+          }(P);
+        }(this, l);
+      });
+      function q(l) {
+        var p;
+        return function(T, P) {
+          if (!(T instanceof P))
+            throw new TypeError("Cannot call a class as a function");
+        }(this, q), (p = _.call(this, l)).state = { loaded: !1 }, p;
+      }
+      return c = q, (m = [{ key: "onImageLoad", value: function() {
+        var l = this;
+        return this.state.loaded ? null : function(p) {
+          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)
+            return {};
+          var w, D, z = function(W, ce) {
+            if (W == null)
+              return {};
+            var J, he, ke = {}, Re = Object.keys(W);
+            for (he = 0; he < Re.length; he++)
+              J = Re[he], ce.indexOf(J) >= 0 || (ke[J] = W[J]);
+            return ke;
+          }(T, P);
+          if (Object.getOwnPropertySymbols) {
+            var K = Object.getOwnPropertySymbols(T);
+            for (D = 0; D < K.length; D++)
+              w = K[D], P.indexOf(w) >= 0 || Object.prototype.propertyIsEnumerable.call(T, w) && (z[w] = T[w]);
+          }
+          return z;
+        }(l, yn));
+        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());
+      } }, { 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);
+      } }, { 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;
+    }(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() {
+      return {};
+    }, beforeLoad: function() {
+      return {};
+    }, delayMethod: "throttle", delayTime: 300, effect: "", placeholderSrc: null, threshold: 100, useIntersectionObserver: !0, visibleByDefault: !1, wrapperClassName: "" };
+    const vn = et;
+  })(), pn.exports = o;
+})();
+var ro = pn.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;
+  if (t.length === 1)
+    return t[0];
+  if (!e)
+    return t.indexOf("none") !== -1 ? "none" : t[0];
+  if (t.indexOf(e) !== -1)
+    return e;
+  const a = e.indexOf("-") !== -1 ? e.slice(0, e.indexOf("-")) : null;
+  if (a && t.indexOf(a) !== -1)
+    return a;
+  for (const i of n)
+    if (t.indexOf(i) !== -1)
+      return i;
+  if (!o && e) {
+    const i = t.map((s) => s.indexOf("-") !== -1 ? s.slice(0, s.indexOf("-")) : null).indexOf(e);
+    if (i !== -1)
+      return t[i];
+    for (const s of n) {
+      const f = s.indexOf("-") !== -1 ? s.slice(0, s.indexOf("-")) : null, h = f ? t.indexOf(f) : -1;
+      if (h !== -1)
+        return t[h];
+    }
+  }
+  return t.indexOf("none") !== -1 ? "none" : t.indexOf("@none") !== -1 ? "@none" : t[0];
+}
+function hn(e, t, n = {}) {
+  const {
+    strictFallback: o = !1,
+    defaultText: r = "",
+    separator: a = `
+`,
+    fallbackLanguages: i = [],
+    closest: s,
+    skipLanguages: f
+  } = n, h = Object.keys(e || {}), u = s ? t : oo(t, h, i, o, f);
+  if (!e)
+    return r;
+  if (typeof e == "string")
+    return e;
+  const y = u ? e[u] : void 0;
+  if (y && u) {
+    if (typeof y == "string")
+      return y;
+    if (y.length === 1 && y[0] === "") {
+      const x = n.skipLanguages || [];
+      return hn(e, t, {
+        ...n,
+        skipLanguages: [...x, u]
+      });
+    }
+    return y.join(a);
+  }
+  return "";
+}
+function io(e, t = {}) {
+  return hn(
+    e,
+    t.language || (typeof navigator < "u" ? navigator.language : "en"),
+    t
+  );
+}
+const ao = ro.LazyLoadComponent;
+function so(e) {
+  const { size: t, visible: n, classes: o, canvasId: r, figure: a } = e, i = (t == null ? void 0 : t.width) || 128, s = (t == null ? void 0 : t.height) || (t == null ? void 0 : t.width) || 128, f = /* @__PURE__ */ d(co, { ...e }), h = /* @__PURE__ */ d(ao, { threshold: 300, style: { height: s, width: i }, visibleByDefault: n, children: r ? /* @__PURE__ */ d(Qe, { canvas: r, children: f }) : f });
+  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);
+  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 = {
+    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
+  };
+  st(() => {
+    if (!i.current)
+      return;
+    const S = i.current.querySelector("[data-selected=true]");
+    S && S.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) {
+      const B = s[R];
+      F.push(
+        /* @__PURE__ */ d("div", { className: L ? y.item : n.item, children: /* @__PURE__ */ d(
+          so,
+          {
+            classes: L ? y : n,
+            canvasId: B.id,
+            size: t,
+            showLabel: o,
+            figure: r,
+            placeholder: /* @__PURE__ */ d("div", { style: { height: 128, width: 128 } }),
+            fallback: a
+          }
+        ) }, R)
+      );
+    }
+    if (e) {
+      x.push(F);
+      continue;
+    }
+    x.push(
+      /* @__PURE__ */ d(
+        "div",
+        {
+          onClick: (R) => {
+            u(f.indexOf(S));
+          },
+          "data-selected": L,
+          className: L ? y.row : n.row,
+          children: F
+        }
+      )
+    );
+  }
+  return /* @__PURE__ */ d("div", { ref: i, className: n.container, children: x });
+}
+function Ao({ annotation: e, children: t }) {
+  return /* @__PURE__ */ d(Le, { value: { annotation: e }, children: t });
+}
+function ko({ annotationPage: e, children: t }) {
+  return /* @__PURE__ */ d(Le, { value: { annotationPage: e }, children: t });
+}
+function No({ collection: e, children: t }) {
+  return /* @__PURE__ */ d(Le, { value: { collection: e }, children: t });
+}
+function Vo(e, t = {}) {
+  return dt(t);
+}
+function _o(e, t = !1) {
+}
+function Do(e) {
+  const n = je().manifest, o = e ? e.map((r) => typeof r == "string" ? r : r == null ? void 0 : r.id) : [];
+  return ye(
+    (r) => {
+      const a = n ? r.iiif.entities.Manifest[n] : void 0, i = (a == null ? void 0 : a.items) || [];
       if (typeof e > "u")
-        return a;
+        return i;
       const s = [];
-      for (const c of (o == null ? void 0 : o.items) || [])
-        r.indexOf(c.id) !== -1 && s.push(c);
+      for (const f of (a == null ? void 0 : a.items) || [])
+        o.indexOf(f.id) !== -1 && s.push(f);
       return s;
     },
-    [r.join("/")]
+    [o.join("/")]
   );
 }
-function wr(e, t = []) {
-  const { id: n, selector: r } = e, i = H(), o = n || i.collection, a = V(
-    (s) => o ? s.iiif.entities.Collection[o] : void 0,
-    [o]
+function Bo(e, t = []) {
+  const { id: n, selector: o } = e, r = je(), a = n || r.collection, i = ye(
+    (s) => a ? s.iiif.entities.Collection[a] : void 0,
+    [a]
   );
-  return x(() => {
-    if (a)
-      return r ? r(a) : a;
-  }, [a, r, ...t]);
-}
-function Cr(e, t, n, r, i = []) {
-  const o = I(), a = x(() => He(o), [o]);
-  k(() => {
+  return N(() => {
+    if (i)
+      return o ? o(i) : i;
+  }, [i, o, ...t]);
+}
+function qo(e, t, n, o, r = []) {
+  const a = re(), i = N(() => qt(a), [a]);
+  be(() => {
     const s = e;
-    return s ? (a.addEventListener(s, t, n, r), () => {
-      a.removeEventListener(s, t, n);
+    return s ? (i.addEventListener(s, t, n, o), () => {
+      i.removeEventListener(s, t, n);
     }) : () => {
     };
-  }, [a, e, t, ...i]);
+  }, [i, e, t, ...r]);
 }
-function br(e, t) {
-  const { id: n, isLoaded: r, error: i, resource: o, requestId: a, cached: s } = ke(
+function Fo(e, t) {
+  const { id: n, isLoaded: o, error: r, resource: a, requestId: i, cached: s } = Ct(
     e,
     t
   );
-  return { id: n, isLoaded: r, error: i, manifest: o, requestId: a, cached: s };
+  return { id: n, isLoaded: o, error: r, manifest: a, requestId: i, cached: s };
 }
-function Jn({ cacheKey: e } = {}) {
-  const t = j(), n = xe(), r = I(), i = ye(), [o, a] = T(void 0), [s, c] = T(!1), [d, u] = T("idle"), [f, m] = T(void 0), p = t ? t.id : "undefined", g = x(() => {
+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(() => {
     try {
       if (t && n.length) {
-        const y = n[0], w = r.get(y.body[0]), S = de(w)[0];
-        return S && i.loadServiceSync({
+        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
         }) || void 0;
       }
-    } catch (y) {
-      console.error(y);
+    } catch (E) {
+      console.error(E);
     }
-  }, [p, e, t]), h = d === "success" && o ? o : g;
-  return k(() => {
+  }, [M, e, t]), b = h === "success" && a ? a : I;
+  return be(() => {
     (async () => {
       try {
         if (t && n.length) {
-          const y = n[0], w = r.get(y.body[0]), S = de(w)[0];
+          const E = n[0], C = o.get(E.body[0]), S = it(C)[0];
           if (!S)
             return;
-          c(!0), u("loading");
+          f(!0), u("loading");
           try {
-            const D = await i.loadService({
+            const F = await r.loadService({
               id: S.id || S["@id"],
               width: S.width || t.width,
               height: S.height || t.height
             }) || void 0;
-            a(D), u("success"), c(!1);
-          } catch (D) {
-            u("error"), m(D);
+            i(F), u("success"), f(!1);
+          } catch (F) {
+            u("error"), x(F);
           }
         }
-      } catch (y) {
-        u("error"), m(y);
+      } catch (E) {
+        u("error"), x(E);
       }
     })();
-  }, [p, e]), x(() => ({
-    data: h,
+  }, [M, e]), N(() => ({
+    data: b,
     isFetching: s,
-    status: d,
-    error: f
-  }), [h, s, d, f]);
+    status: h,
+    error: y
+  }), [b, s, h, y]);
 }
-function Pr() {
-  const e = Jn();
+function Uo() {
+  const e = uo();
   return {
     isLoading: e.isFetching,
     tile: e.data ? {
@@ -2003,106 +3212,114 @@ function Pr() {
     } : null
   };
 }
-function Er() {
-  const e = W();
+function $o() {
+  const e = Ce();
   return e ? e.service.find(
     (t) => t.profile === "SearchService1" || t.profile === "http://iiif.io/api/search/1/search"
   ) : void 0;
 }
-function Ir() {
-  const e = I();
-  return x(() => ge(e), [e]);
+function Wo() {
+  const e = re();
+  return N(() => ut(e), [e]);
 }
 export {
-  vr as AnnotationContext,
-  mr as AnnotationPageContext,
-  me as CanvasContext,
-  O as CanvasPanel,
-  pr as CollectionContext,
-  Ut as ContextBridge,
-  Pn as ImageServiceLoaderContext,
-  Ft as InnerViewerProvider,
-  hr as LanguageProvider,
-  Bn as LanguageString,
-  zn as LocaleString,
-  Tt as ManifestContext,
-  tt as MediaPlayerProvider,
-  Vt as RangeContext,
-  ie as ReactVaultContext,
-  K as ResourceProvider,
-  ve as ResourceReactContext,
-  Nt as SimpleViewerProvider,
-  ae as SimpleViewerReactContext,
-  Oe as VaultProvider,
-  pe as ViewerPresetContext,
-  ln as VirtualAnnotationProvider,
-  oe as VisibleCanvasReactContext,
-  mn as emptyActions,
-  pn as emptyStrategy,
-  Ne as findAllCanvasesInRange,
-  Lt as findFirstCanvasFromRange,
-  sr as findManifestSelectedRange,
-  De as findSelectedRange,
-  Sn as flattenAnnotationPageIds,
-  $n as formatTime,
-  Tn as get3dStrategy,
-  Ln as getImageStrategy,
-  _e as getManifestSequence,
-  Ge as getParsedTargetSelector,
-  Nn as getRenderingStrategy,
-  On as getTextualContentStrategy,
-  Fn as getVideoStrategy,
-  cr as getVisibleCanvasesFromCanvasId,
-  ur as parseSpecificResource,
-  ue as unknownResponse,
-  E as unsupportedStrategy,
-  ze as useAnnotation,
-  vn as useAnnotationPage,
-  Cn as useAnnotationPageManager,
-  yr as useAnnotationsAtTime,
-  j as useCanvas,
-  xr as useCanvasClock,
-  kt as useCanvasSequence,
-  Sr as useCanvasSubset,
-  Hn as useClosestLanguage,
-  wr as useCollection,
-  _t as useContextBridge,
-  gr as useCreateLocaleString,
-  sn as useDispatch,
-  Cr as useEventListener,
-  Gn as useExistingVault,
-  br as useExternalCollection,
-  Rt as useExternalManifest,
-  ke as useExternalResource,
-  we as useIIIFLanguage,
-  Jn as useImageService,
-  ye as useImageServiceLoader,
-  Pr as useImageTile,
-  En as useLoadImageService,
-  Yn as useLocaleString,
-  W as useManifest,
-  dr as useMediaActions,
-  fr as useMediaElements,
-  lr as useMediaState,
-  Mn as usePaintables,
-  xe as usePaintingAnnotations,
-  Ot as useRange,
-  Dn as useRenderingStrategy,
-  H as useResourceContext,
-  Ye as useResourceEvents,
-  bn as useResources,
-  Er as useSearchService,
-  Se as useSimpleMediaPlayer,
-  Dt as useSimpleViewer,
-  Ir as useStyleHelper,
-  re as useStyles,
-  Un as useThumbnail,
-  I as useVault,
-  _n as useVaultEffect,
-  V as useVaultSelector,
-  fn as useViewerPreset,
-  cn as useVirtualAnnotationPage,
-  un as useVirtualAnnotationPageContext,
-  Fe as useVisibleCanvases
+  Ao as AnnotationContext,
+  ko as AnnotationPageContext,
+  jo as CanvasAnnotations,
+  Qe as CanvasContext,
+  ge as CanvasPanel,
+  No as CollectionContext,
+  Mo as CombinedMetadata,
+  zn as ContextBridge,
+  no as Image,
+  Mr as ImageServiceLoaderContext,
+  Wn as InnerViewerProvider,
+  Io as LanguageProvider,
+  Kr as LanguageString,
+  Ne as LocaleString,
+  qn as ManifestContext,
+  Ro as ManifestMetadata,
+  Zt as MediaPlayerProvider,
+  fn as Metadata,
+  Fn as RangeContext,
+  Ke as ReactVaultContext,
+  Le as ResourceProvider,
+  lt as ResourceReactContext,
+  Lo as SequenceThumbnails,
+  Hn as SimpleViewerProvider,
+  Xe as SimpleViewerReactContext,
+  so as SingleCanvasThumbnail,
+  It as VaultProvider,
+  ft as ViewerPresetContext,
+  mr as VirtualAnnotationProvider,
+  Ge as VisibleCanvasReactContext,
+  Sr as emptyActions,
+  xr as emptyStrategy,
+  Mt as findAllCanvasesInRange,
+  Un 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,
+  Oo as getVisibleCanvasesFromCanvasId,
+  So as parseSpecificResource,
+  rt as unknownResponse,
+  ne as unsupportedStrategy,
+  Ut as useAnnotation,
+  Or as useAnnotationPage,
+  Yt as useAnnotationPageManager,
+  Vo as useAnnotationsAtTime,
+  Se as useCanvas,
+  _o as useCanvasClock,
+  $n as useCanvasSequence,
+  Do as useCanvasSubset,
+  Qr as useClosestLanguage,
+  Bo as useCollection,
+  Yn as useContextBridge,
+  Co as useCreateLocaleString,
+  hr as useDispatch,
+  qo as useEventListener,
+  Zr as useExistingVault,
+  Fo as useExternalCollection,
+  Bn as useExternalManifest,
+  Ct as useExternalResource,
+  ht as useIIIFLanguage,
+  dn as useImage,
+  uo as useImageService,
+  Je as useImageServiceLoader,
+  Uo as useImageTile,
+  Rr as useLoadImageService,
+  Gr as useLocaleString,
+  Ce as useManifest,
+  To as useMediaActions,
+  Eo as useMediaElements,
+  xo as useMediaState,
+  kr as usePaintables,
+  dt as usePaintingAnnotations,
+  At as useRange,
+  $r as useRenderingStrategy,
+  je as useResourceContext,
+  Ft as useResourceEvents,
+  jr as useResources,
+  $o as useSearchService,
+  pt as useSimpleMediaPlayer,
+  kt as useSimpleViewer,
+  Wo as useStyleHelper,
+  ze as useStyles,
+  Qt as useThumbnail,
+  re as useVault,
+  Wr as useVaultEffect,
+  ye as useVaultSelector,
+  br as useViewerPreset,
+  yr as useVirtualAnnotationPage,
+  gr as useVirtualAnnotationPageContext,
+  jt as useVisibleCanvases
 };
 //# sourceMappingURL=index.mjs.map