react-iiif-vault 1.0.10 → 1.1.0

package/dist/bundle/esm/index.mjs

@@ -1,3314 +0,0 @@
-import { jsx as d, jsxs as X, Fragment as Oe } from "react/jsx-runtime";
-import Ie, { createContext as xe, Component as wn, createElement as St, isValidElement as Pn, useContext as ue, useMemo as N, useState as ie, useEffect as be, useCallback as Q, useRef as Ee, useLayoutEffect as st, Fragment as Ye, useReducer as On, forwardRef as ct, useImperativeHandle as It } from "react";
-import { AtlasAuto as Sn, ModeContext as xn, mergeStyles as Tn, RegionHighlight as En, TileSet as In, HTMLPortal as Cn, useCanvas as jn } from "@atlas-viewer/atlas";
-import { globalVault as Ct, Vault as xt } from "@iiif/helpers/vault";
-import { createStylesHelper as ut } from "@iiif/helpers/styles";
-import { expandTarget as ot } from "@iiif/helpers/annotation-targets";
-export * from "@iiif/helpers/annotation-targets";
-import { expandTarget as Mn } from "@iiif/helpers";
-import { ImageServiceLoader as Rn, getImageServices as it, createImageServiceRequest as Ln, imageServiceRequestToString as An } from "@atlas-viewer/iiif-image-api";
-import { createThumbnailHelper as kn } from "@iiif/helpers/thumbnail";
-import Nn from "react-dom";
-const Vn = xe(null), tt = {
-  didCatch: !1,
-  error: null
-};
-class _n extends wn {
-  constructor(t) {
-    super(t), this.resetErrorBoundary = this.resetErrorBoundary.bind(this), this.state = tt;
-  }
-  static getDerivedStateFromError(t) {
-    return {
-      didCatch: !0,
-      error: t
-    };
-  }
-  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 && Dn(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 (typeof n == "function")
-        s = n(f);
-      else if (o)
-        s = St(o, f);
-      else if (r === null || Pn(r))
-        s = r;
-      else
-        throw i;
-    }
-    return St(Vn.Provider, {
-      value: {
-        didCatch: a,
-        error: i,
-        resetErrorBoundary: this.resetErrorBoundary
-      }
-    }, s);
-  }
-}
-function Dn() {
-  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
-  return e.length !== t.length || e.some((n, o) => !Object.is(n, t[o]));
-}
-const Bn = {
-  collection: void 0,
-  manifest: void 0,
-  range: void 0,
-  canvas: void 0,
-  annotation: void 0,
-  annotationPage: void 0
-}, lt = Ie.createContext(Bn), je = () => ue(lt);
-function Le({ value: e, children: t }) {
-  const n = je(), o = N(() => ({
-    ...n,
-    ...e
-  }), [e, n]);
-  return /* @__PURE__ */ d(lt.Provider, { value: o, children: t });
-}
-const Ke = Ie.createContext({
-  vault: null,
-  setVaultInstance: (e) => {
-  }
-});
-function ft({
-  vault: e,
-  vaultOptions: t,
-  useGlobal: n,
-  resources: o,
-  children: r
-}) {
-  const [a, i] = ie(() => e || (n ? Ct(t) : t ? new xt(t) : new xt()));
-  return /* @__PURE__ */ d(Ke.Provider, { value: { vault: a, setVaultInstance: i }, children: /* @__PURE__ */ d(Le, { value: o || {}, children: r }) });
-}
-function dt(e) {
-  const t = ue(Ke);
-  return e || (t && t.vault ? t.vault : Ct());
-}
-function jt(e, { noCache: t = !1 } = {}) {
-  const n = typeof e == "string" ? e : e.id, o = dt(), [r, a] = ie(n), [i, s] = ie(void 0), f = N(() => o.get(n, { skipSelfReturn: !0 }) || void 0, [n, o]), [h, u] = ie(f);
-  return be(() => {
-    (async () => {
-      try {
-        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: !!h,
-    id: r,
-    requestId: n,
-    error: i,
-    resource: h,
-    cached: !!(h && h === f)
-  };
-}
-function qn(e, t) {
-  const { id: n, isLoaded: o, error: r, resource: a, requestId: i, cached: s } = jt(
-    e,
-    t
-  );
-  return { id: n, isLoaded: o, error: r, manifest: a, requestId: i, cached: s };
-}
-function Fn({ manifest: e, children: t }) {
-  return /* @__PURE__ */ d(Le, { value: { manifest: e }, children: t });
-}
-function Qe({ canvas: e, children: t }) {
-  return /* @__PURE__ */ d(Le, { value: { canvas: e }, children: t });
-}
-const ae = () => {
-  const { vault: e } = ue(Ke);
-  if (e === null)
-    throw new Error("Vault not found. Ensure you have your provider set up correctly.");
-  return e;
-};
-function ye(e, t = []) {
-  const n = ae(), [o, r] = ie(() => e(n.getState(), n));
-  return be(() => n.subscribe(
-    (a) => e(a, n),
-    (a) => {
-      r(a);
-    },
-    !1
-  ), t), o;
-}
-const Ge = Ie.createContext([]);
-function Mt() {
-  const e = ue(Ge);
-  return ye(
-    (t) => e.map((n) => t.iiif.entities.Canvas[n]).filter(Boolean),
-    [e]
-  );
-}
-function Ce(e = {}, t = []) {
-  const { id: n, selector: o } = e, r = je();
-  ae();
-  const a = n || r.manifest, i = ye(
-    (s) => a ? s.iiif.entities.Manifest[a] : void 0,
-    [a]
-  );
-  return N(() => {
-    if (i)
-      return o ? o(i) : i;
-  }, [i, o, ...t]);
-}
-function Un({ range: e, children: t }) {
-  return /* @__PURE__ */ d(Le, { value: { range: e }, children: t });
-}
-function $n(e, t) {
-  for (const n of t.items) {
-    if (n.type === "Canvas")
-      return n;
-    if (n.type === "SpecificResource")
-      return n.source;
-    if (n.type === "Range") {
-      const o = $n(e, e.get(n));
-      if (o)
-        return o;
-    }
-  }
-  return null;
-}
-function Rt(e, t) {
-  var o;
-  const n = [];
-  for (const r of t.items)
-    if (r.type === "SpecificResource" && ((o = r.source) == null ? void 0 : o.type) === "Canvas" && (r.source.id.indexOf("#") !== -1 ? n.push({ id: r.source.id.split("#")[0], type: "Canvas" }) : n.push(r.source)), r.type === "Range" && n.push(...Rt(e, e.get(r))), r.type === "SpecificResource") {
-      const a = typeof r.source == "string" ? r.source : r.source.id;
-      n.push({ id: a, type: "Canvas" });
-    }
-  return n;
-}
-function Po(e, t, n) {
-  for (const o of t.structures) {
-    const r = Lt(e, e.get(o), n);
-    if (r)
-      return r;
-  }
-  return null;
-}
-function Lt(e, t, n) {
-  var o, r, a;
-  for (const i of t.items) {
-    const s = (r = (o = i == null ? void 0 : i.source) == null ? void 0 : o.id) == null ? void 0 : r.split("#")[0];
-    if (i.type === "SpecificResource" && i.source === n || i.type === "SpecificResource" && ((a = i.source) == null ? void 0 : a.type) === "Canvas" && n === s)
-      return t;
-    if (i.type === "Range") {
-      const f = Lt(e, e.get(i), n);
-      if (f)
-        return f;
-    }
-  }
-  return null;
-}
-function Oo(e, t, n, o = !1) {
-  const r = t.behavior, a = n ? e.get(n) : null;
-  if (!a)
-    return [];
-  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] = At(e, t);
-  if (f)
-    return x;
-  const I = x.findIndex((b) => b.id === n);
-  if (I === -1)
-    return [];
-  for (const b of M)
-    if (b.includes(I))
-      return b.map((E) => x[E]);
-  return [{ id: a.id, type: "Canvas" }];
-}
-function At(e, t, { disablePaging: n, skipNonPaged: o } = {}) {
-  const r = t.behavior, a = r.includes("paged"), i = a ? !1 : r.includes("continuous"), s = a || i ? !1 : r.includes("individuals"), f = t.type === "Manifest" ? t.items : Rt(e, t);
-  if (i)
-    return [f, [f.map((I, b) => b)]];
-  if (s || !a || n)
-    return [f, f.map((I, b) => [b])];
-  const h = [];
-  let u = [];
-  const y = () => {
-    u.length && (h.push([...u]), u = []);
-  };
-  let x = 0, M = !1;
-  for (let I = 0; I < f.length; I++) {
-    const b = e.get(f[I]);
-    if (b.behavior.includes("non-paged")) {
-      I === x && x++, o || (y(), h.push([I]), y());
-      continue;
-    }
-    if (I === x || b.behavior.includes("facing-pages")) {
-      u.length && (M = !0), y(), h.push([I]), y();
-      continue;
-    }
-    if (u.push(I), M) {
-      y(), M = !1;
-      continue;
-    }
-    u.length > 1 && y();
-  }
-  return u.length && y(), [f, h];
-}
-function kt(e = {}, t = []) {
-  const { id: n, selector: o } = e, r = je(), a = n || r.range, i = ye((s) => a ? s.iiif.entities.Range[a] : void 0, [a]);
-  return N(() => {
-    if (i)
-      return o ? o(i) : i;
-  }, [i, o, ...t]);
-}
-function Wn({ startCanvas: e, disablePaging: t }) {
-  var I;
-  const n = ae(), o = Ce(), r = kt(), [a, i] = ie(void 0), s = r || o;
-  if (!s)
-    throw new Error("Nothing selected");
-  const [f, h] = N(
-    () => At(n, s, { disablePaging: t }),
-    [n, s, t]
-  ), u = Q(
-    (b) => {
-      const E = h.findIndex((C) => C.includes(b));
-      i(E === -1 ? 0 : E);
-    },
-    [f, h]
-  ), y = Q(
-    (b) => {
-      const E = f.findIndex((C) => C.id === b);
-      E !== -1 ? u(E) : i(0);
-    },
-    [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: y,
-    next: x,
-    previous: M
-  };
-}
-const De = () => {
-}, Xe = xe({
-  setCurrentCanvasId: De,
-  setCurrentCanvasIndex: De,
-  nextCanvas: De,
-  previousCanvas: De,
-  items: [],
-  sequence: [],
-  setSequenceIndex: De,
-  currentSequenceIndex: 0,
-  hasNext: !1,
-  hasPrevious: !1
-});
-function Hn(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
-  } = Wn({
-    startCanvas: e.startCanvas,
-    disablePaging: e.pagingEnabled === !1
-  }), M = N(
-    () => ({
-      sequence: a,
-      items: i,
-      // Extra functions.
-      setCurrentCanvasId: f,
-      nextCanvas: r,
-      previousCanvas: h,
-      totalCanvases: i.length,
-      setCurrentCanvasIndex: s,
-      setSequenceIndex: u,
-      currentSequenceIndex: n,
-      hasNext: y,
-      hasPrevious: x
-    }),
-    [a, i, f, r, h, i, s, u, n]
-  );
-  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 Yn(e) {
-  const t = dt(e.vault), n = qn(e.manifest);
-  if (!n)
-    return console.warn("The manifest passed to the provider is not a valid IIIF manifest."), /* @__PURE__ */ d("div", { children: "Sorry, something went wrong." });
-  if (n.error)
-    return /* @__PURE__ */ d("div", { children: n.error.toString() });
-  if (!n.isLoaded)
-    return /* @__PURE__ */ d("div", { children: "Loading..." });
-  const o = /* @__PURE__ */ d(Hn, { ...e, children: e.children });
-  return /* @__PURE__ */ d(ft, { vault: t, children: /* @__PURE__ */ d(Fn, { manifest: n.id, children: e.rangeId ? /* @__PURE__ */ d(Un, { range: e.rangeId, children: o }) : o }) });
-}
-function Nt() {
-  return ue(Xe);
-}
-function zn() {
-  return {
-    VaultContext: ue(Ke),
-    ResourceContext: ue(lt),
-    SimpleViewerReactContext: ue(Xe),
-    VisibleCanvasReactContext: ue(Ge)
-  };
-}
-function Kn(e) {
-  return /* @__PURE__ */ d(ft, { vault: e.bridge.VaultContext.vault || void 0, resources: e.bridge.ResourceContext, children: /* @__PURE__ */ d(Ge.Provider, { value: e.bridge.VisibleCanvasReactContext, children: /* @__PURE__ */ d(Xe.Provider, { value: e.bridge.SimpleViewerReactContext, children: e.children }) }) });
-}
-const Te = function(e) {
-  return function() {
-    const t = { type: e, getType: () => e, toString: () => e };
-    return (n, o) => ({
-      ...t,
-      ...n !== void 0 && { payload: n },
-      ...o !== void 0 && { meta: o }
-    });
-  };
-}, Qn = "@iiif/IMPORT_ENTITIES", Gn = "@iiif/MODIFY_ENTITY_FIELD", Xn = "@iiif/REORDER_ENTITY_FIELD", Jn = "@iiif/ADD_REFERENCE", Zn = "@iiif/UPDATE_REFERENCE", er = "@iiif/REMOVE_REFERENCE", tr = "@iiif/ADD_METADATA", nr = "@iiif/REMOVE_METADATA", rr = "@iiif/UPDATE_METADATA", or = "@iiif/REORDER_METADATA", ir = Te(Qn)(), ar = Te(Gn)(), sr = Te(Xn)(), cr = Te(Jn)(), ur = Te(er)(), lr = Te(Zn)(), fr = Te(tr)(), dr = Te(rr)(), pr = Te(nr)(), hr = Te(or)(), nt = {
-  importEntities: ir,
-  modifyEntityField: ar,
-  reorderEntityField: sr,
-  addReference: cr,
-  removeReference: ur,
-  updateReference: lr,
-  addMetadata: fr,
-  removeMetadata: pr,
-  updateMetadata: dr,
-  reorderMetadata: hr
-};
-function yr() {
-  const t = ae().getStore();
-  return N(() => (n) => t.dispatch(n), [t]);
-}
-function Tt(e) {
-  return typeof e != "string" && e && e.bindToVault;
-}
-function gr() {
-  const e = ae(), t = Ee([]), n = yr(), o = N(() => `vault://annotation-page/${(/* @__PURE__ */ new Date()).getTime()}/${Math.round(Math.random() * 1e9).toString(16)}`, []);
-  st(() => {
-    const s = {
-      id: o,
-      type: "AnnotationPage",
-      behavior: [],
-      label: null,
-      thumbnail: [],
-      summary: null,
-      requiredStatement: null,
-      metadata: [],
-      rights: null,
-      provider: [],
-      items: [],
-      seeAlso: [],
-      homepage: [],
-      rendering: [],
-      service: []
-    };
-    n(
-      nt.importEntities({
-        entities: {
-          AnnotationPage: {
-            [s.id]: s
-          }
-        }
-      })
-    );
-  }, [o]);
-  const r = ye(
-    (s) => o ? s.iiif.entities.AnnotationPage[o] : null,
-    [o]
-  ), a = Q(
-    (s, f) => {
-      if (o) {
-        if (Tt(s)) {
-          const y = s;
-          y.__vault || y.bindToVault(e), s = typeof y.source == "string" ? y.source : y.source.id, t.current[s] = y;
-        } else
-          typeof s != "string" && (s = s.id);
-        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: f
-          })
-        ));
-      }
-    },
-    [o]
-  ), i = Q(
-    (s) => {
-      o && (Tt(s) ? s = typeof s.source == "string" ? s.source : s.source.id : typeof s != "string" && (s = s.id), t.current[s] && t.current[s].beforeRemove(), e.get({ id: o, type: "AnnotationPage" }) && n(
-        nt.removeReference({
-          id: o,
-          type: "AnnotationPage",
-          key: "items",
-          reference: {
-            id: s,
-            type: "Annotation"
-          }
-        })
-      ));
-    },
-    [o]
-  );
-  return [
-    r,
-    {
-      addAnnotation: a,
-      removeAnnotation: i
-    }
-  ];
-}
-const Vt = xe(null);
-function mr() {
-  const e = ue(Vt);
-  return [
-    e.fullPage,
-    {
-      addAnnotation: e.addAnnotation,
-      removeAnnotation: e.removeAnnotation
-    }
-  ];
-}
-function vr({ children: e }) {
-  const [t, { addAnnotation: n, removeAnnotation: o }] = gr();
-  return /* @__PURE__ */ d(
-    Vt.Provider,
-    {
-      value: N(() => ({ fullPage: t, addAnnotation: n, removeAnnotation: o }), [t]),
-      children: e
-    }
-  );
-}
-function br({
-  width: e,
-  style: t,
-  height: n,
-  error: o,
-  resetErrorBoundary: r
-}) {
-  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 pt = xe(null);
-function wr() {
-  return ue(pt);
-}
-const _t = xe(
-  () => {
-  }
-), Dt = xe(
-  () => {
-  }
-);
-function Ve(e, t, n, o, r = []) {
-  const a = ue(e === "portal" ? Dt : _t);
-  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 Bt = xe(() => {
-});
-function Pr(e) {
-  const t = Se(), n = ue(Bt);
-  be(() => t && t.id ? (n(t.id, e), () => n(t.id, -1)) : () => {
-  }, [t, e]);
-}
-function Or({
-  children: e,
-  errorFallback: t,
-  outerContainerProps: n = {},
-  worldScale: o,
-  ...r
-}) {
-  const [a, i] = ie(), s = zn(), f = t || br, [h, u] = ie({}), y = Object.entries(h), [x, M] = ie({}), I = Object.entries(x), [b, E] = ie({}), C = N(() => o || Math.max(...Object.values(b)), [b]), A = N(() => ({ maxOverZoom: C || 1, ...r.runtimeOptions || {} }), [C, r.runtimeOptions]), S = Q((R, B) => {
-    E((j) => {
-      if (B === -1) {
-        const { [R]: O, ...U } = j;
-        return U;
-      }
-      return { ...j, [R]: B };
-    });
-  }, []), 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__ */ X(_n, { resetKeys: [], fallbackRender: (R) => /* @__PURE__ */ d(f, { ...r, ...R }), children: [
-    /* @__PURE__ */ d(
-      Sn,
-      {
-        ...r,
-        containerProps: { style: { position: "relative" }, ...r.containerProps || {} },
-        htmlChildren: /* @__PURE__ */ d(Oe, { children: y.map(([R, { element: B, props: j }]) => /* @__PURE__ */ d(Ie.Fragment, { children: /* @__PURE__ */ d(B, { ...j || {} }) }, R)) }),
-        onCreated: (R) => {
-          i(R), r.onCreated && r.onCreated(R);
-        },
-        runtimeOptions: A,
-        children: /* @__PURE__ */ d(pt.Provider, { value: a, children: /* @__PURE__ */ d(Bt.Provider, { value: S, children: /* @__PURE__ */ d(_t.Provider, { value: F, children: /* @__PURE__ */ d(Dt.Provider, { value: L, children: /* @__PURE__ */ d(Kn, { bridge: s, children: /* @__PURE__ */ d(xn.Provider, { value: r.mode || "explore", children: /* @__PURE__ */ d(vr, { children: e }) }) }) }) }) }) })
-      }
-    ),
-    /* @__PURE__ */ d("div", { children: I.map(([R, { element: B, props: j }]) => /* @__PURE__ */ d(Ie.Fragment, { children: /* @__PURE__ */ d(B, { ...j || {} }) }, R)) })
-  ] });
-}
-const We = {}, qt = {
-  get(e) {
-    return e;
-  },
-  setMetaValue([e, t, n], o) {
-    const r = qt.getResourceMeta(e, t), a = r ? r[n] : void 0, i = typeof o == "function" ? o(a) : o;
-    We[e] = {
-      ...We[e] || {},
-      [t]: {
-        ...(We[e] || {})[t] || {},
-        [n]: i
-      }
-    };
-  },
-  getResourceMeta: (e, t) => {
-    const n = We[e];
-    if (n)
-      return t ? n[t] : n;
-  }
-};
-function Ft(e = qt) {
-  return {
-    addEventListener(t, n, o, r) {
-      if (t)
-        return e.setMetaValue(
-          [t.id, "eventManager", n],
-          (a) => {
-            const i = a || [];
-            for (const s of i)
-              if (s.callback === o)
-                return i;
-            return [...i, { callback: o, scope: r }];
-          }
-        ), o;
-    },
-    removeEventListener(t, n, o) {
-      t && e.setMetaValue(
-        [t.id, "eventManager", n],
-        (r) => (r || []).filter((a) => a.callback !== o)
-      );
-    },
-    getListenersAsProps(t, n) {
-      const o = typeof t == "string" ? { id: t } : t;
-      if (!o || !o.id)
-        return {};
-      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 a;
-    }
-  };
-}
-function Ut(e, t) {
-  const n = ae(), o = N(() => Ft(n), [n]), r = ye(() => e && e.id ? n.getResourceMeta(e.id, "eventManager") : null, [e]);
-  return N(() => e ? o.getListenersAsProps(e, t) : {}, [r, e, n, t]);
-}
-function ze(e, t) {
-  const n = ae(), o = N(() => ut(n), [n]);
-  return ye(() => {
-    if (!e)
-      return null;
-    const r = o.getAppliedStyles(e.id);
-    return r ? t ? r[t] : r : void 0;
-  }, [e, t]);
-}
-function $t(e = {}, t = []) {
-  const { id: n, selector: o } = e, r = je(), a = ae(), i = n || r.annotation, s = ye(
-    (h) => i ? h.iiif.entities.Annotation[i] : void 0,
-    [i]
-  ), f = ye(
-    (h) => s && s.body ? s.body.map((u) => u ? u.type === "SpecificResource" ? {
-      ...u,
-      source: a.get(u)
-    } : u ? h.iiif.entities[u.type][u.id] : null : null).filter(Boolean) : [],
-    [s]
-  );
-  return N(() => {
-    if (!s)
-      return;
-    const h = {
-      ...s,
-      body: f,
-      target: ot(s.target, { typeMap: a.getState().iiif.mapping })
-    };
-    return o ? o(h) : h;
-  }, [s, o, f, ...t]);
-}
-const Wt = ({
-  id: e,
-  style: t,
-  className: n,
-  interactive: o
-}) => {
-  const r = $t({ id: e }), a = ze(r, "atlas"), i = ze(r, "html"), s = Ut(r, ["atlas"]), f = Se(), h = N(() => Tn(t, a), [t, a]);
-  return f && r && r.target && r.target.selector && r.target.selector.type === "BoxSelector" && r.target.source && (r.target.source.id === f.id || r.target.source === f.id) ? /* @__PURE__ */ d(
-    En,
-    {
-      id: r.id,
-      isEditing: !0,
-      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 Sr(e = {}, t = []) {
-  const { id: n, selector: o } = e, r = je(), a = n || r.annotationPage, i = ye(
-    (s) => a ? s.iiif.entities.AnnotationPage[a] : void 0,
-    [a]
-  );
-  return N(() => {
-    if (i)
-      return o ? o(i) : i;
-  }, [i, ...t]);
-}
-const at = ({
-  className: e,
-  page: t
-}) => {
-  var a;
-  const n = Sr({ id: t.id }) || t, o = ze(n, "atlas"), r = ze(n, "html");
-  return ye((i) => n.id ? i.iiif.entities.AnnotationPage[n.id] : null, []), /* @__PURE__ */ d(Ye, { children: (a = n.items) == null ? void 0 : a.map((i) => /* @__PURE__ */ d(
-    Wt,
-    {
-      id: i.id,
-      style: o,
-      className: (r == null ? void 0 : r.className) || e
-    },
-    i.id
-  )) });
-};
-function Ht({
-  id: e,
-  image: t,
-  thumbnail: n,
-  isStatic: o,
-  x: r = 0,
-  y: a = 0,
-  children: i,
-  selector: s,
-  onClick: f,
-  enableSizes: h
-}) {
-  var y, x;
-  const u = N(() => {
-    if (!(!s || s.spatial.x === 0 && s.spatial.y === 0))
-      return s.spatial;
-  }, [s]);
-  return /* @__PURE__ */ d(
-    "world-object",
-    {
-      x: r + t.target.spatial.x,
-      y: a + t.target.spatial.y,
-      width: t.target.spatial.width,
-      height: t.target.spatial.height,
-      onClick: f,
-      children: t.service ? /* @__PURE__ */ X(Ye, { children: [
-        /* @__PURE__ */ d(
-          In,
-          {
-            tiles: {
-              id: t.service.id || t.service["@id"] || "unknown",
-              height: t.height,
-              width: t.width,
-              imageService: t.service,
-              thumbnail: n && n.type === "fixed" ? n : void 0
-            },
-            enableSizes: h,
-            x: 0,
-            y: 0,
-            width: (y = t.target) == null ? void 0 : y.spatial.width,
-            height: (x = t.target) == null ? void 0 : x.spatial.height,
-            crop: u
-          }
-        ),
-        i
-      ] }, "service") : /* @__PURE__ */ X(Ye, { children: [
-        /* @__PURE__ */ d(
-          "world-image",
-          {
-            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 ? {
-              width: t.width,
-              height: t.height
-            } : void 0,
-            crop: u
-          }
-        ),
-        i
-      ] }, "no-service")
-    },
-    e + (t.service ? "server" : "no-service")
-  );
-}
-function So(e) {
-  return e.type === "SpecificResource" ? [e.source, { selector: e.selector }] : [e, { selector: null }];
-}
-function Yt(e, t) {
-  const { selector: n, source: o } = Mn(t);
-  if (o.id !== e.id)
-    return [null, o];
-  const r = {
-    type: "BoxSelector",
-    spatial: {
-      x: 0,
-      y: 0,
-      width: Number(e.width),
-      height: Number(e.height)
-    }
-  };
-  return [
-    n ? n.type === "TemporalSelector" ? {
-      type: "TemporalBoxSelector",
-      temporal: n.temporal,
-      spatial: r.spatial
-    } : n : null,
-    o
-  ];
-}
-const xr = {
-  makeChoice: () => {
-  }
-}, rt = { type: "unknown" }, ne = (e) => ({ type: "unknown", reason: e, annotations: { pages: [] } }), Tr = (e, t) => ({ type: "empty", width: e, height: t, annotations: { pages: [] }, image: null, images: [] });
-function Er(e, t) {
-  var o;
-  const n = (o = e == null ? void 0 : e.iiif) == null ? void 0 : o.meta[t];
-  return n ? n.annotationPageManager : null;
-}
-function Ir(e, t) {
-  return ye(
-    (n) => {
-      const o = [];
-      if (!e)
-        return o;
-      const r = Object.keys(n.iiif.entities.AnnotationPage);
-      for (const a of r)
-        if (!t || t.indexOf(a) !== -1) {
-          const i = Er(n, a);
-          i && i.views && i.views[e] && o.push(a);
-        }
-      return o;
-    },
-    [e, t]
-  );
-}
-function Cr({
-  canvas: e,
-  manifest: t,
-  all: n,
-  canvases: o
-}) {
-  const r = [];
-  if (t)
-    for (const a of t.annotations)
-      r.indexOf(a.id) === -1 && r.push(a.id);
-  if (n) {
-    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 a of e.annotations)
-      r.indexOf(a.id) === -1 && r.push(a.id);
-  return r;
-}
-function jr(e, t) {
-  var o;
-  const n = (o = e == null ? void 0 : e.iiif) == null ? void 0 : o.meta[t];
-  return n ? n.annotationPageManager : null;
-}
-function zt(e, t = {}) {
-  const n = ae(), o = Ce(), r = Se(), a = Mt(), i = N(() => Cr({
-    all: t.all,
-    manifest: o,
-    canvas: r,
-    canvases: a
-  }), [t.all, r, a, o]), s = Ir(e, t.all ? void 0 : i), f = Q(
-    (u) => {
-      e && n.setMetaValue(
-        [u, "annotationPageManager", "views"],
-        (y) => y && !y[e] ? y : {
-          ...y || {},
-          [e]: !1
-        }
-      );
-    },
-    [e, n]
-  ), h = Q(
-    (u, y = {}) => {
-      if (!e)
-        return;
-      const x = n.getState(), M = [];
-      if (y != null && y.deselectOthers) {
-        const I = Object.keys(x.iiif.entities.AnnotationPage);
-        for (const b of I) {
-          const E = jr(x, b);
-          E && E.views && E.views[e] && M.push(b);
-        }
-      }
-      for (const I of M)
-        f(I);
-      n.setMetaValue(
-        [u, "annotationPageManager", "views"],
-        (I) => I && I[e] ? I : {
-          ...I || {},
-          [e]: !0
-        }
-      );
-    },
-    [e, f, n]
-  );
-  return {
-    availablePageIds: i,
-    enabledPageIds: s,
-    setPageEnabled: h,
-    setPageDisabled: f
-  };
-}
-function Mr(e, t) {
-  return ye((n, o) => o.get(e.map((r) => ({ id: r, type: t }))), [e, t]);
-}
-const Rr = Ie.createContext(new Rn());
-function Je() {
-  return ue(Rr);
-}
-function Lr() {
-  const e = Je(), [t, n] = ie({}), 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
-        });
-        h ? a = h : t[f] || (o.current || n((u) => ({
-          ...u,
-          [f]: "loading"
-        })), e.loadService({
-          id: f,
-          width: a.width || s,
-          height: a.height || i
-        }).then(() => {
-          o.current || n((u) => ({
-            ...u,
-            [f]: "done"
-          }));
-        }));
-      }
-      return a;
-    },
-    [e, t]
-  ), t];
-}
-function ht(e = {}) {
-  const t = $t(), n = Se(e.canvasId ? { id: e.canvasId } : void 0);
-  return ye(
-    (o, r) => {
-      if (!n)
-        return [];
-      if (t && e.enableSingleAnnotation)
-        return [t];
-      const a = r.get(n.items), i = [];
-      for (const s of a)
-        i.push(...r.get(s.items));
-      return i;
-    },
-    [n]
-  );
-}
-function Ar(e) {
-  return e.type === "SpecificResource" ? [e.source, { selector: e.selector }] : [e, { selector: null }];
-}
-const He = {}, Kt = {
-  get(e) {
-    return e;
-  },
-  setMetaValue([e, t, n], o) {
-    const r = Kt.getResourceMeta(e, t), a = r ? r[n] : void 0, i = typeof o == "function" ? o(a) : o;
-    He[e] = {
-      ...He[e] || {},
-      [t]: {
-        ...(He[e] || {})[t] || {},
-        [n]: i
-      }
-    };
-  },
-  getResourceMeta: (e, t) => {
-    const n = He[e];
-    if (n)
-      return t ? n[t] : n;
-  }
-};
-function kr(e = Kt) {
-  function t(r) {
-    const a = r ? typeof r == "string" ? e.get(r) : r : null;
-    if (!a)
-      return [];
-    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(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 y = Array.from(Array.isArray(u.body) ? u.body : [u.body]);
-      for (const x of y) {
-        const [M, { selector: I }] = Ar(x), b = e.get(M), E = (b.type || "unknown").toLowerCase();
-        if (E === "choice") {
-          const C = e.get(b.items, { parent: b.id }), A = a.length ? a.map((S) => C.find((F) => F.id === S)).filter(Boolean) : [C[0]];
-          A.length === 0 && A.push(C[0]), f = {
-            type: "single-choice",
-            items: C.map((S) => ({
-              id: S.id,
-              label: S.label,
-              selected: A.indexOf(S) !== -1
-            })),
-            label: M.label
-          }, y.push(...A);
-          continue;
-        }
-        s.indexOf(E) === -1 && s.push(E), h.push({
-          type: E,
-          annotationId: u.id,
-          resource: b,
-          target: u.target,
-          selector: I
-        });
-      }
-    }
-    return {
-      types: s,
-      items: h,
-      choice: f
-    };
-  }
-  function o(r) {
-    const { choice: a } = n(r);
-    return a;
-  }
-  return {
-    getAllPaintingAnnotations: t,
-    getPaintables: n,
-    extractChoices: o
-  };
-}
-function Nr(e, t = []) {
-  const n = ae(), o = N(() => kr(n), []), r = ht({ enableSingleAnnotation: e == null ? void 0 : e.enableSingleAnnotation }), [a, i] = ie((e == null ? void 0 : e.defaultChoices) || []), s = N(
-    () => o.getPaintables(r, a),
-    [n, r, a, ...t]
-  ), h = { makeChoice: Q(
-    (u, { deselectOthers: y = !0, deselect: x = !1 } = {}) => {
-      if (s.choice) {
-        if (s.choice.type !== "single-choice")
-          throw new Error("Complex choice not supported yet");
-        i((M) => {
-          if (x) {
-            const b = M.filter((E) => E !== u);
-            if (b.length === 0) {
-              const E = s.items[0].resource.id;
-              return E ? [E] : [];
-            }
-            return b;
-          }
-          if (y)
-            return [u];
-          const I = [...M];
-          if (I.length === 0 && s.items.length) {
-            const b = s.items[0].resource.id;
-            b && I.push(b);
-          }
-          return M.indexOf(u) !== -1 ? M : [...M, u];
-        });
-      }
-    },
-    [s.choice]
-  ) };
-  return [s, h];
-}
-const Vr = ["model/gltf-binary"];
-function _r(e, t) {
-  const o = t.items[0].resource;
-  return o.format ? Vr.indexOf(o.format) === -1 ? ne(`3D format: ${o.format} is unsupported`) : {
-    type: "3d-model",
-    model: o
-  } : ne("Unknown format");
-}
-function Dr(e, t) {
-  var o;
-  if (!e.duration)
-    return ne("No duration on canvas");
-  if (t.items.length > 1)
-    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: {
-      annotationId: t.items[0].annotationId,
-      duration: e.duration,
-      url: n.id,
-      type: "Sound",
-      target: {
-        type: "TemporalSelector",
-        temporal: {
-          startTime: 0,
-          endTime: e.duration
-        }
-      },
-      format: n.format,
-      selector: {
-        type: "TemporalSelector",
-        temporal: {
-          startTime: 0,
-          endTime: e.duration
-        }
-      }
-    },
-    annotations: {
-      pages: []
-    }
-  } : ne("Audio does not have format") : ne("Unknown audio");
-}
-function Br(e, t, n) {
-  const o = [];
-  for (const r of t.items) {
-    const a = r.resource && r.resource.type === "SpecificResource" ? r.resource.source : r.resource;
-    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",
-      spatial: {
-        x: 0,
-        y: 0,
-        width: Number(e.width),
-        height: Number(e.height)
-      }
-    }, [f, h] = Yt(e, r.target);
-    if (!(h.id === e.id || decodeURIComponent(h.id || "") === (e.id || "")))
-      continue;
-    r.resource.width && r.resource.height && (r.resource.width, r.resource.height);
-    let u = r.resource.type === "SpecificResource" ? ot(r.resource) : null;
-    if (r.selector) {
-      const M = ot({
-        type: "SpecificResource",
-        source: r.resource,
-        selector: r.selector
-      });
-      M && (u = M);
-    }
-    const y = u && u.selector && (u.selector.type === "BoxSelector" || u.selector.type === "TemporalBoxSelector") ? {
-      type: "BoxSelector",
-      spatial: {
-        x: u.selector.spatial.x,
-        y: u.selector.spatial.y,
-        width: u.selector.spatial.width,
-        height: u.selector.spatial.height
-      }
-    } : void 0;
-    i && !i.id && (i.id = i["@id"]);
-    const x = {
-      id: a.id,
-      type: "Image",
-      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
-    };
-    o.push(x);
-  }
-  return {
-    type: "images",
-    image: o[0],
-    images: o,
-    choice: t.choice
-  };
-}
-function Qt(e, t = {}, n) {
-  const o = e.language || n || "none";
-  switch (e.type) {
-    case "TextualBody": {
-      typeof e.value < "u" && (t[o] = e.value);
-      break;
-    }
-    case "List":
-    case "Composite":
-    case "Choice":
-      e.items && e.items.forEach((r) => Qt(r, t, o));
-  }
-  return t;
-}
-function qr(e, t) {
-  const n = [];
-  return t.items.forEach((o) => {
-    if (o.resource) {
-      const [r] = Yt(e, o.target);
-      n.push({ annotationId: o.annotationId, text: Qt(o.resource), target: r });
-    }
-  }), {
-    type: "textual-content",
-    items: n
-  };
-}
-const Fr = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;
-function Ur(e, t) {
-  var s;
-  const n = t.items.filter((f) => f.type === "video");
-  let o = !1;
-  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 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,
-    type: "Video",
-    items: [],
-    target: {
-      type: "TemporalSelector",
-      temporal: {
-        startTime: 0,
-        endTime: e.duration
-      }
-    },
-    format: r.format,
-    selector: {
-      type: "TemporalSelector",
-      temporal: {
-        startTime: 0,
-        endTime: e.duration
-      }
-    }
-  };
-  if (a) {
-    i.type = "VideoYouTube";
-    const f = r.id.match(Fr);
-    if (!f[1])
-      return ne("Video is not known youtube video");
-    i.youTubeId = f[1];
-  }
-  return {
-    type: "media",
-    media: i,
-    annotations: {
-      pages: []
-    }
-  };
-}
-function $r({ canvas: e, paintables: t, supports: n, loadImageService: o }) {
-  if (!e)
-    return console.log("No canvas"), rt;
-  if (t.types.length === 0)
-    return n.indexOf("empty") !== -1 ? Tr(e.width, e.height) : (console.log("No paintables"), rt);
-  if (t.types.length !== 1)
-    if (t.types.length === 2 && t.types.indexOf("text") !== -1)
-      t.types = t.types.filter((a) => a !== "text");
-    else
-      return n.indexOf("complex-timeline") === -1 ? ne("Complex timeline not supported") : ne("ComplexTimelineStrategy not yet supported");
-  const r = t.types[0];
-  return r === "image" ? n.indexOf("images") === -1 ? ne("Image not supported") : Br(e, t, o) : r === "Model" || r === "model" ? n.indexOf("3d-model") === -1 ? ne("3D not supported") : _r(e, t) : r === "textualbody" ? n.indexOf("textual-content") === -1 ? ne("Textual content not supported") : qr(e, t) : r === "sound" || r === "audio" ? n.indexOf("media") === -1 ? ne("Media not supported") : Dr(e, t) : r === "video" ? n.indexOf("media") === -1 ? ne("Media not supported") : Ur(e, t) : rt;
-}
-function Wr(e) {
-  const t = Ce(), n = Se(), o = ae(), [r, a] = Lr(), { enabledPageIds: i } = zt((e == null ? void 0 : e.annotationPageManagerId) || (t == null ? void 0 : t.id) || (n == null ? void 0 : n.id), {
-    all: !1
-  }), s = Mr(i, "AnnotationPage"), f = (e == null ? void 0 : e.strategies) || [
-    "empty",
-    "images",
-    "media",
-    "textual-content",
-    "complex-timeline"
-  ], [h, u] = Nr(e, [a]), y = N(() => $r({ canvas: n, paintables: h, supports: f, loadImageService: r }), [n, h, o, u.makeChoice]);
-  return N(() => y.type === "unknown" ? [y, xr] : [
-    {
-      ...y,
-      annotations: { pages: s }
-    },
-    u
-  ], [y, s]);
-}
-const Hr = (e, t = []) => {
-  const n = ae();
-  be(() => {
-    e(n);
-  }, [n, ...t]);
-};
-function Gt(e, t, { canvasId: n, manifestId: o } = {}) {
-  const r = ae(), a = Je(), i = N(() => kn(r, { imageServiceLoader: a }), [r, a]), [s, f] = ie(), h = Ce(o ? { id: o } : void 0), u = Se(n ? { id: n } : void 0), y = u || h, x = Ee(!1);
-  if (be(() => (x.current = !1, () => {
-    x.current = !0;
-  }), []), !y)
-    throw new Error("Must be called under a manifest or canvas context.");
-  return Hr(
-    (M) => {
-      i.getBestThumbnailAtSize(y, e, t).then((I) => {
-        I.best && !x.current && f(I.best);
-      });
-    },
-    [y]
-  ), s;
-}
-function Yr(e) {
-  return { isMuted: !1, playRequested: !1, isPlaying: !1, isFinished: !1, volume: 100, duration: e };
-}
-function zr(e, t) {
-  switch (t.type) {
-    case "FINISHED":
-      return { ...e, isFinished: !0, isPlaying: !1, playRequested: !1 };
-    case "PLAY_PAUSE":
-      return { ...e, isFinished: !1, isPlaying: !e.isPlaying };
-    case "PLAY_REQUESTED":
-      return { ...e, isFinished: !1, playRequested: !0 };
-    case "PAUSE":
-      return { ...e, isPlaying: !1 };
-    case "PLAY":
-      return { ...e, isFinished: !1, playRequested: !1, isPlaying: !0 };
-    case "MUTE":
-      return { ...e, isMuted: !0 };
-    case "SET_VOLUME":
-      return { ...e, volume: t.volume, isMuted: t.volume === 0 };
-    case "TOGGLE_MUTE":
-      return { ...e, isMuted: !e.isMuted };
-    case "UNMUTE":
-      return { ...e, isMuted: !1 };
-  }
-  return e;
-}
-function Kr(e) {
-  const t = Math.round(e);
-  return `${Math.floor(t / 60)}:${`${t % 60}`.padStart(2, "0")}`;
-}
-function yt(e) {
-  const [t, n] = On(zr, Yr(e.duration)), o = Ee(null), r = Ee(null), a = Ee(null), i = Ee(!1), s = Q(() => {
-    r.current && o.current && (r.current.innerHTML = Kr(o.current.currentTime), a.current && (a.current.style.width = `${o.current.currentTime / e.duration * 100}%`), i.current !== o.current.muted && (i.current = o.current.muted, n(o.current.muted ? { type: "MUTE" } : { type: "UNMUTE" })));
-  }, [e.duration]), f = Q(() => {
-    o.current && (n({ type: "PLAY_REQUESTED" }), o.current.play().then(() => {
-      n({ type: "PLAY" });
-    }), 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 be(() => {
-    const C = setInterval(() => {
-      s();
-    }, 350);
-    return () => clearInterval(C);
-  }, [s, e.duration]), be(() => {
-    const C = () => {
-      n({ type: "FINISHED" });
-    }, A = o.current;
-    return A == null || A.addEventListener("ended", C), () => A == null ? void 0 : A.removeEventListener("ended", C);
-  }, []), [
-    { element: o, currentTime: r, progress: a },
-    t,
-    {
-      play: f,
-      pause: u,
-      playPause: h,
-      mute: x,
-      unmute: M,
-      toggleMute: y,
-      setVolume: I,
-      setDurationPercent: b,
-      setTime: E
-    }
-  ];
-}
-const Xt = xe(null), Jt = xe(null), Zt = xe(null);
-function xo() {
-  const e = ue(Xt);
-  if (!e)
-    throw new Error("Ctx not found");
-  return e;
-}
-function To() {
-  const e = ue(Jt);
-  if (!e)
-    throw new Error("Ctx not found");
-  return e;
-}
-function Eo() {
-  const e = ue(Zt);
-  if (!e)
-    throw new Error("Ctx not found");
-  return e;
-}
-function en({
-  actions: e,
-  state: t,
-  children: n,
-  currentTime: o,
-  progress: r,
-  element: a
-}) {
-  return /* @__PURE__ */ d(Zt.Provider, { value: { currentTime: o, progress: r, element: a }, children: /* @__PURE__ */ d(Jt.Provider, { value: e, children: /* @__PURE__ */ d(Xt.Provider, { value: t, children: n }) }) });
-}
-function tn({ media: e, children: t }) {
-  const [{ element: n, currentTime: o, progress: r }, a, i] = yt({ duration: e.duration });
-  return /* @__PURE__ */ X(
-    en,
-    {
-      state: a,
-      actions: i,
-      currentTime: o,
-      progress: r,
-      element: n,
-      children: [
-        /* @__PURE__ */ d("audio", { ref: n, src: e.url }),
-        t
-      ]
-    }
-  );
-}
-function nn({
-  media: e,
-  mediaControlsDeps: t,
-  children: n
-}) {
-  return Ve("portal", "audio", tn, { media: e, children: n }, [e, ...t || []]), null;
-}
-function rn({
-  element: e,
-  media: t,
-  playPause: n
-}) {
-  return /* @__PURE__ */ X("div", { className: "video-container", part: "video-container", onClick: n, children: [
-    /* @__PURE__ */ d("style", { children: `
-            .video-container {
-              position: absolute;
-              top: 0;
-              bottom: 0;
-              left: 0;
-              right: 0;
-              background: #000;
-              z-index: 13;
-              display: flex;
-              justify-content: center;
-              pointer-events: visible;
-            }
-          ` }),
-    /* @__PURE__ */ d("video", { ref: e, src: t.url, style: { width: "100%", objectFit: "contain" } })
-  ] });
-}
-function on({
-  media: e,
-  mediaControlsDeps: t,
-  children: n
-}) {
-  const [{ element: o, currentTime: r, progress: a }, i, s] = yt({ duration: e.duration });
-  return Ve("overlay", "video-element", rn, {
-    element: o,
-    media: e,
-    playPause: s.playPause
-  }), Ve(
-    "portal",
-    "custom-controls",
-    en,
-    {
-      state: i,
-      actions: s,
-      currentTime: r,
-      progress: a,
-      element: o,
-      children: n
-    },
-    [r, i, e, ...t || []]
-  ), null;
-}
-function an({ model: e }) {
-  return /* @__PURE__ */ X(Oe, { children: [
-    /* @__PURE__ */ d("style", { children: `
-            .model-container {
-              position: absolute;
-              top: 0;
-              bottom: 0;
-              left: 0;
-              right: 0;
-              background: #000;
-              z-index: 13;
-              display: flex;
-              justify-content: center;
-              pointer-events: visible;
-            }
-          ` }),
-    /* @__PURE__ */ d("div", { className: "model-container", children: /* @__PURE__ */ d(
-      "model-viewer",
-      {
-        "interaction-prompt": "none",
-        style: { width: "100%", height: "100%" },
-        "camera-controls": "",
-        "ar-status": "not-presenting",
-        src: e.id
-      }
-    ) })
-  ] });
-}
-function sn({ model: e, name: t }) {
-  return Ve("overlay", `model-${t}`, an, { model: e }, [e]), null;
-}
-function cn({ style: e }) {
-  const t = Se();
-  return !t || !t.height || !t.width ? null : /* @__PURE__ */ d(
-    "box",
-    {
-      interactive: !1,
-      target: { x: 0, y: 0, width: Number(t.width), height: Number(t.height) },
-      style: e
-    }
-  );
-}
-const un = Ie.createContext("en");
-function Io(e) {
-  return /* @__PURE__ */ d(un.Provider, { value: e.language, children: e.children });
-}
-function gt() {
-  return Ie.useContext(un);
-}
-function Et(e) {
-  return e.indexOf("-") !== -1 ? e.slice(0, e.indexOf("-")) : e;
-}
-function Qr({ as: e, language: t, children: n, viewingDirection: o, ...r }) {
-  const a = gt();
-  return N(() => Et(a) === Et(t), [a, t]) ? e ? /* @__PURE__ */ d(e, { ...r, children: n }) : /* @__PURE__ */ d("span", { ...r, children: n }) : e ? /* @__PURE__ */ d(e, { ...r, lang: t, dir: o, children: n }) : /* @__PURE__ */ d("span", { ...r, lang: t, dir: o, children: n });
-}
-function ln(e, t, n) {
-  if (t.length === 0)
-    return;
-  if (t.length === 1)
-    return t[0];
-  if (t.indexOf(e) !== -1)
-    return e;
-  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 Gr = (e, t = []) => {
-  const n = gt();
-  return N(() => {
-    const o = e();
-    return ln(n, o, []);
-  }, [n, ...t]);
-};
-function Xr(e, t, n = `
-`) {
-  const o = Gr(() => Object.keys(e || {}), [e]);
-  return [
-    N(() => {
-      if (!e)
-        return t || "";
-      if (typeof e == "string")
-        return e;
-      const r = o ? e[o] : void 0;
-      return r ? typeof r == "string" ? r : r.join(n) : "";
-    }, [o, t, e]),
-    o
-  ];
-}
-function Co() {
-  const e = gt();
-  return function(n, o, r) {
-    const a = Object.keys(n || {}), i = ln(e, a, []);
-    if (!n)
-      return o || "";
-    if (typeof n == "string")
-      return n;
-    const s = i ? n[i] : void 0;
-    return s ? typeof s == "string" ? s : s.join(typeof r < "u" ? r : `
-`) : "";
-  };
-}
-function Ne({
-  as: e,
-  defaultText: t,
-  enableDangerouslySetInnerHTML: n,
-  children: o,
-  separator: r,
-  ...a
-}) {
-  const [i, s] = Xr(o, t, r);
-  return s ? /* @__PURE__ */ d(
-    Qr,
-    {
-      ...a,
-      as: e,
-      language: s,
-      title: n ? void 0 : i,
-      dangerouslySetInnerHTML: n ? {
-        __html: i
-      } : void 0,
-      children: n ? void 0 : i
-    }
-  ) : e ? /* @__PURE__ */ d(e, { ...a, children: i }) : /* @__PURE__ */ d(
-    "span",
-    {
-      ...a,
-      title: n ? void 0 : i,
-      dangerouslySetInnerHTML: n ? {
-        __html: i
-      } : void 0,
-      children: n ? void 0 : i
-    }
-  );
-}
-function Jr({
-  element: e,
-  media: t,
-  playPause: n
-}) {
-  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;
-              bottom: 0;
-              left: 0;
-              right: 0;
-              background: #000;
-              z-index: 13;
-              display: flex;
-              justify-content: center;
-              pointer-events: visible;
-            }
-            .video-yt {
-              border: none;
-              width: 100%;
-              object-fit: contain;
-            }
-          ` }),
-    /* @__PURE__ */ d(
-      "iframe",
-      {
-        className: "video-yt",
-        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"
-      }
-    )
-  ] }) : null;
-}
-function Zr({
-  media: e,
-  mediaControlsDeps: t,
-  children: n
-}) {
-  const [{ element: o, currentTime: r, progress: a }, i, s] = yt({ duration: e.duration });
-  return Ve("overlay", "video-element", Jr, {
-    element: o,
-    media: e,
-    playPause: s.playPause
-  }), null;
-}
-function fn({
-  x: e,
-  y: t,
-  onChoiceChange: n,
-  registerActions: o,
-  defaultChoices: r,
-  isStatic: a,
-  renderViewerControls: i,
-  renderMediaControls: s,
-  viewControlsDeps: f,
-  mediaControlsDeps: h,
-  strategies: u,
-  throwOnUnknown: y,
-  backgroundStyle: x,
-  alwaysShowBackground: M,
-  keepCanvasScale: I = !1,
-  enableSizes: b = !1,
-  enableYouTube: E = !0,
-  onClickPaintingAnnotation: C,
-  children: A
-}) {
-  const S = Se(), F = Ut(S, ["deep-zoom"]), [L] = mr(), R = wr(), B = ae(), j = N(() => ut(B), [B]), [O, U] = Wr({
-    strategies: u || ["images"],
-    defaultChoices: r == null ? void 0 : r.map(({ id: V }) => V)
-  }), H = O.type === "images" ? O.choice : void 0, G = N(() => I ? 1 : Math.max(
-    1,
-    ...O.type === "images" ? O.images.map((V) => {
-      var te;
-      return (V.width || 0) / ((te = V.target) == null ? void 0 : te.spatial.width);
-    }) : []
-  ), [I, O]);
-  Pr(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
-        });
-  }, [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}`,
-    pt.Provider,
-    i ? {
-      value: R || null,
-      children: i(O)
-    } : {},
-    [S, R, O, ...f || []]
-  );
-  const Y = Gt({ maxWidth: 256, maxHeight: 256 });
-  if (!S)
-    return null;
-  const Z = S.accompanyingCanvas, ee = Y && Y.type === "fixed" ? /* @__PURE__ */ d("world-object", { height: S.height, width: S.width, x: e, y: t, children: /* @__PURE__ */ d(
-    "world-image",
-    {
-      uri: Y.id,
-      target: { x: 0, y: 0, width: S.width, height: S.height },
-      display: Y.width && Y.height ? {
-        width: Y.width,
-        height: Y.height
-      } : void 0,
-      crop: void 0
-    }
-  ) }) : null;
-  if (O.type === "unknown") {
-    if (ee)
-      return ee;
-    if (y)
-      throw new Error(O.reason || "Unknown image strategy");
-    return null;
-  }
-  const se = /* @__PURE__ */ X(Ye, { children: [
-    L ? /* @__PURE__ */ d(at, { page: L }) : null,
-    O.annotations && O.annotations.pages ? O.annotations.pages.map((V) => /* @__PURE__ */ d(at, { page: V }, V.id)) : null,
-    A
-  ] }), me = O.type === "images" ? O.images.length : 0;
-  return /* @__PURE__ */ X(Oe, { children: [
-    /* @__PURE__ */ X(
-      "world-object",
-      {
-        height: S.height,
-        width: S.width,
-        x: e,
-        y: t,
-        ...F,
-        children: [
-          O.type === "empty" || M ? /* @__PURE__ */ d(cn, { style: x }) : null,
-          O.type === "textual-content" ? O.items.map((V, te) => {
-            var $;
-            return /* @__PURE__ */ X(Oe, { children: [
-              /* @__PURE__ */ d(
-                Cn,
-                {
-                  onClick: C ? (le) => {
-                    le.stopPropagation(), C(V.annotationId, V, le);
-                  } : void 0,
-                  target: (($ = V.target) == null ? void 0 : $.spatial) || void 0,
-                  children: /* @__PURE__ */ d("div", { "data-textual-content": !0, children: /* @__PURE__ */ d(Ne, { enableDangerouslySetInnerHTML: !0, children: V.text }) })
-                },
-                te
-              ),
-              se
-            ] });
-          }) : null,
-          O.type === "images" ? /* @__PURE__ */ X(Oe, { children: [
-            O.images.map((V, te) => /* @__PURE__ */ d(
-              Ht,
-              {
-                isStatic: a,
-                image: V,
-                id: V.id,
-                thumbnail: te === 0 ? Y : void 0,
-                selector: V.selector,
-                enableSizes: b,
-                onClick: C ? ($) => {
-                  $.stopPropagation(), C(V.annotationId, V, $);
-                } : void 0
-              },
-              V.id + te
-            )),
-            se
-          ] }) : null,
-          O.type === "3d-model" ? /* @__PURE__ */ d(sn, { model: O.model }) : null,
-          O.type === "media" ? /* @__PURE__ */ d(Oe, { children: O.media.type === "Sound" ? /* @__PURE__ */ X(nn, { media: O.media, mediaControlsDeps: h, children: [
-            ee,
-            s ? s(O) : null
-          ] }) : O.media.type === "Video" ? /* @__PURE__ */ X(on, { media: O.media, mediaControlsDeps: h, children: [
-            ee,
-            s ? s(O) : null
-          ] }) : O.media.type === "VideoYouTube" && E ? /* @__PURE__ */ X(Zr, { media: O.media, mediaControlsDeps: h, children: [
-            ee,
-            s ? s(O) : null
-          ] }) : null }) : null
-        ]
-      },
-      `${S.id}/${O.type}/${me}`
-    ),
-    O.type === "media" && O.media.type === "Sound" && Z ? /* @__PURE__ */ d(Qe, { canvas: Z.id, children: /* @__PURE__ */ d(fn, { renderViewerControls: i }) }) : null
-  ] });
-}
-const eo = ct(function(t, n) {
-  const o = Ce(), r = Mt(), a = Nt(), { ViewerControls: i, MediaControls: s } = t.components || {};
-  if (It(n, () => a, [a]), !o)
-    return /* @__PURE__ */ d("div", {});
-  let f = 0;
-  return /* @__PURE__ */ X(Oe, { children: [
-    t.header,
-    /* @__PURE__ */ d(
-      ge.Viewer,
-      {
-        height: t.height,
-        mode: t.mode,
-        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 && i ? () => /* @__PURE__ */ d(i, {}) : void 0,
-              renderMediaControls: u === 0 && s ? () => /* @__PURE__ */ d(s, {}) : void 0,
-              x: y,
-              ...t.canvasProps || {},
-              children: t.annotations
-            },
-            h.id
-          ) }, h.id);
-        })
-      },
-      t.reuseAtlas ? "" : a.currentSequenceIndex
-    ),
-    t.children
-  ] });
-}), ge = ct(function({ children: t, height: n, annotations: o, canvasProps: r, spacing: a, header: i, components: s, mode: f, reuseAtlas: h, ...u }, y) {
-  const x = dt();
-  return /* @__PURE__ */ d(ft, { vault: x, children: /* @__PURE__ */ d(Yn, { ...u, children: /* @__PURE__ */ d(
-    eo,
-    {
-      ref: y,
-      height: n,
-      components: s,
-      spacing: a,
-      canvasProps: r,
-      annotations: o,
-      header: i,
-      mode: f,
-      reuseAtlas: h,
-      children: t
-    }
-  ) }) });
-});
-ge.RenderImage = Ht;
-ge.RenderCanvas = fn;
-ge.RenderAnnotationPage = at;
-ge.RenderAnnotation = Wt;
-ge.Viewer = Or;
-ge.CanvasBackground = cn;
-ge.Audio = nn;
-ge.Video = on;
-ge.Model = sn;
-ge.AudioHTML = tn;
-ge.VideoHTML = rn;
-ge.ModelHTML = an;
-const jo = ct(
-  function({ canvasId: t }, n) {
-    const o = jn(), r = zt(t || (o == null ? void 0 : o.id)), a = ae();
-    return It(n, () => r, [t, o]), !o || r.enabledPageIds.length === 0 ? null : /* @__PURE__ */ d(Oe, { children: r.enabledPageIds.map((i) => /* @__PURE__ */ d(ge.RenderAnnotationPage, { page: a.get(i) }, i)) });
-  }
-);
-function dn({
-  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 = kt(), r = N(() => {
-    const a = (t == null ? void 0 : t.metadata) || [], i = (n == null ? void 0 : n.metadata) || [], s = (o == null ? void 0 : o.metadata) || [];
-    return [...a, ...i, ...s];
-  }, [t, n, o]);
-  return /* @__PURE__ */ d(dn, { metadata: r, ...e });
-}
-function pn(e, t = {}, n = []) {
-  return N(() => {
-    var i, s;
-    if (!e)
-      return null;
-    let o = t.quality;
-    e && e.extraQualities && t.quality && (e.extraQualities.includes(t.quality) || (console.log("Invalid quality", t.quality, e.extraQualities), o = "default"));
-    const r = Ln(e);
-    return An({
-      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] = ie(!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 = pn(
-    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 = pn(
-    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(dn, { metadata: (t == null ? void 0 : t.metadata) || [], ...e });
-}
-var hn = { exports: {} };
-(() => {
-  var e = { 296: (r, a, i) => {
-    var s = /^\s+|\s+$/g, f = /^[-+]0x[0-9a-f]+$/i, h = /^0b[01]+$/i, u = /^0o[0-7]+$/i, y = parseInt, x = typeof i.g == "object" && i.g && i.g.Object === Object && i.g, M = typeof self == "object" && self && self.Object === Object && self, I = x || M || Function("return this")(), b = Object.prototype.toString, E = Math.max, C = Math.min, A = function() {
-      return I.Date.now();
-    };
-    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(re) {
-        var oe = j, de = O;
-        return j = O = void 0, Z = re, H = L.apply(de, oe);
-      }
-      function te(re) {
-        var oe = re - Y;
-        return Y === void 0 || oe >= R || oe < 0 || se && re - Z >= U;
-      }
-      function $() {
-        var re = A();
-        if (te(re))
-          return le(re);
-        G = setTimeout($, function(oe) {
-          var de = R - (oe - Y);
-          return se ? C(de, U - (oe - Z)) : de;
-        }(re));
-      }
-      function le(re) {
-        return G = void 0, me && j ? V(re) : (j = O = void 0, H);
-      }
-      function fe() {
-        var re = A(), oe = te(re);
-        if (j = arguments, O = this, Y = re, oe) {
-          if (G === void 0)
-            return function(de) {
-              return Z = de, G = setTimeout($, R), ee ? V(de) : H;
-            }(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, re = !1, oe = !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 || oe && pe - fe >= V;
-        }
-        function we() {
-          var pe = L();
-          if (Be(pe))
-            return qe(pe);
-          $ = setTimeout(we, function(ve) {
-            var Pe = Z - (ve - le);
-            return oe ? F(Pe, V - (ve - fe)) : Pe;
-          }(pe));
-        }
-        function qe(pe) {
-          return $ = void 0, de && se ? _e(pe) : (se = me = void 0, te);
-        }
-        function Me() {
-          var pe = L(), ve = Be(pe);
-          if (se = arguments, me = this, le = pe, ve) {
-            if ($ === void 0)
-              return function(Pe) {
-                return fe = Pe, $ = setTimeout(we, Z), re ? _e(Pe) : te;
-              }(le);
-            if (oe)
-              return $ = setTimeout(we, Z), _e(le);
-          }
-          return $ === void 0 && ($ = setTimeout(we, Z)), te;
-        }
-        return Z = B(Z) || 0, R(ee) && (re = !!ee.leading, V = (oe = "maxWait" in ee) ? S(B(ee.maxWait) || 0, Z) : V, de = "trailing" in ee ? !!ee.trailing : de), Me.cancel = function() {
-          $ !== 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: () => mt, LazyLoadImage: () => bn, trackWindowScroll: () => le });
-    const r = Ie;
-    var a = n.n(r), i = n(697);
-    const s = Nn;
-    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, Pt = {}, Ot = Object.keys(he);
-              for ($e = 0; $e < Ot.length; $e++)
-                Re = Ot[$e], ke.indexOf(Re) >= 0 || (Pt[Re] = he[Re]);
-              return Pt;
-            }(D, z);
-            if (Object.getOwnPropertySymbols) {
-              var J = Object.getOwnPropertySymbols(D);
-              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 re(g, c) {
-      for (var m = 0; m < c.length; m++) {
-        var v = c[m];
-        v.enumerable = v.enumerable || !1, v.configurable = !0, "value" in v && (v.writable = !0), Object.defineProperty(g, (k = function(_, q) {
-          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 oe(g, c) {
-      return oe = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(m, v) {
-        return m.__proto__ = v, m;
-      }, oe(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 && oe(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);
-      } }]) && re(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 mt = 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 gn = ["afterLoad", "beforeLoad", "delayMethod", "delayTime", "effect", "placeholder", "placeholderSrc", "scrollPosition", "threshold", "useIntersectionObserver", "visibleByDefault", "wrapperClassName", "wrapperProps"];
-    function vt(g, c) {
-      var m = Object.keys(g);
-      if (Object.getOwnPropertySymbols) {
-        var v = Object.getOwnPropertySymbols(g);
-        c && (v = v.filter(function(k) {
-          return Object.getOwnPropertyDescriptor(g, k).enumerable;
-        })), m.push.apply(m, v);
-      }
-      return m;
-    }
-    function bt(g) {
-      for (var c = 1; c < arguments.length; c++) {
-        var m = arguments[c] != null ? arguments[c] : {};
-        c % 2 ? vt(Object(m), !0).forEach(function(v) {
-          mn(g, v, m[v]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(g, Object.getOwnPropertyDescriptors(m)) : vt(Object(m)).forEach(function(v) {
-          Object.defineProperty(g, v, Object.getOwnPropertyDescriptor(m, v));
-        });
-      }
-      return g;
-    }
-    function mn(g, c, m) {
-      return (c = wt(c)) in g ? Object.defineProperty(g, c, { value: m, enumerable: !0, configurable: !0, writable: !0 }) : g[c] = m, g;
-    }
-    function Fe() {
-      return Fe = Object.assign ? Object.assign.bind() : function(g) {
-        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 vn(g, c) {
-      for (var m = 0; m < c.length; m++) {
-        var v = c[m];
-        v.enumerable = v.enumerable || !1, v.configurable = !0, "value" in v && (v.writable = !0), Object.defineProperty(g, wt(v.key), v);
-      }
-    }
-    function wt(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, gn));
-        return a().createElement("img", Fe({}, p, { onLoad: this.onImageLoad() }));
-      } }, { key: "getLazyLoadImage", value: function() {
-        var l = this.props, p = l.beforeLoad, T = l.className, P = l.delayMethod, w = l.delayTime, D = l.height, z = l.placeholder, K = l.scrollPosition, W = l.style, ce = l.threshold, J = l.useIntersectionObserver, he = l.visibleByDefault, ke = l.width;
-        return a().createElement(mt, { beforeLoad: p, className: T, delayMethod: P, delayTime: w, height: D, placeholder: z, scrollPosition: K, style: W, threshold: ce, useIntersectionObserver: J, visibleByDefault: he, width: ke }, this.getImg());
-      } }, { key: "getWrappedLazyLoadImage", value: function(l) {
-        var p = this.props, T = p.effect, P = p.height, w = p.placeholderSrc, D = p.width, z = p.wrapperClassName, K = p.wrapperProps, W = this.state.loaded, ce = W ? " lazy-load-image-loaded" : "", J = W || !w ? {} : { backgroundImage: "url(".concat(w, ")"), backgroundSize: "100% 100%" };
-        return a().createElement("span", Fe({ className: z + " lazy-load-image-background " + T + ce, style: bt(bt({}, J), {}, { color: "transparent", display: "inline-block", height: P, width: D }) }, K), l);
-      } }, { 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;
-      } }]) && vn(c.prototype, m), Object.defineProperty(c, "prototype", { writable: !1 }), q;
-    }(a().Component);
-    et.propTypes = { onLoad: i.PropTypes.func, afterLoad: i.PropTypes.func, beforeLoad: i.PropTypes.func, delayMethod: i.PropTypes.string, delayTime: i.PropTypes.number, effect: i.PropTypes.string, placeholderSrc: i.PropTypes.string, threshold: i.PropTypes.number, useIntersectionObserver: i.PropTypes.bool, visibleByDefault: i.PropTypes.bool, wrapperClassName: i.PropTypes.string, wrapperProps: i.PropTypes.object }, et.defaultProps = { onLoad: function() {
-    }, afterLoad: function() {
-      return {};
-    }, beforeLoad: function() {
-      return {};
-    }, delayMethod: "throttle", delayTime: 300, effect: "", placeholderSrc: null, threshold: 100, useIntersectionObserver: !0, visibleByDefault: !1, wrapperClassName: "" };
-    const bn = et;
-  })(), hn.exports = o;
-})();
-var ro = hn.exports;
-function oo(e, t, n = [], o = !1, r = []) {
-  if (r.length && (t = t.filter((i) => r.indexOf(i) === -1)), !t || t.length === 0)
-    return;
-  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 yn(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 yn(e, t, {
-        ...n,
-        skipLanguages: [...x, u]
-      });
-    }
-    return y.join(a);
-  }
-  return "";
-}
-function io(e, t = {}) {
-  return yn(
-    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 = Gt({ width: s, height: f }, a);
-  return !u || u.type !== "fixed" ? /* @__PURE__ */ d(Oe, { children: e }) : /* @__PURE__ */ X(Oe, { children: [
-    /* @__PURE__ */ d("div", { className: n == null ? void 0 : n.imageWrapper, children: /* @__PURE__ */ d("img", { className: n == null ? void 0 : n.img, src: u.id, alt: h }) }),
-    o ? /* @__PURE__ */ d(Ne, { as: "figcaption", className: n == null ? void 0 : n.label, children: i == null ? void 0 : i.label }) : null
-  ] });
-}
-function Lo({ flat: e, size: t, classes: n = {}, showLabel: o, figure: r, fallback: a }) {
-  var M, I, b, E, C, A;
-  const i = Ee(null), { items: s, sequence: f, currentSequenceIndex: h, setSequenceIndex: u } = Nt(), y = {
-    row: ((M = n.selected) == null ? void 0 : M.row) || n.row,
-    item: ((I = n.selected) == null ? void 0 : I.item) || n.item,
-    figure: ((b = n.selected) == null ? void 0 : b.figure) || n.figure,
-    img: ((E = n.selected) == null ? void 0 : E.img) || n.img,
-    label: ((C = n.selected) == null ? void 0 : C.label) || n.label,
-    imageWrapper: ((A = n.selected) == null ? void 0 : A.imageWrapper) || n.imageWrapper
-  };
-  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 ht(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 i;
-      const s = [];
-      for (const f of (a == null ? void 0 : a.items) || [])
-        o.indexOf(f.id) !== -1 && s.push(f);
-      return s;
-    },
-    [o.join("/")]
-  );
-}
-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 N(() => {
-    if (i)
-      return o ? o(i) : i;
-  }, [i, o, ...t]);
-}
-function qo(e, t, n, o, r = []) {
-  const a = ae(), i = N(() => Ft(a), [a]);
-  be(() => {
-    const s = e;
-    return s ? (i.addEventListener(s, t, n, o), () => {
-      i.removeEventListener(s, t, n);
-    }) : () => {
-    };
-  }, [i, e, t, ...r]);
-}
-function Fo(e, t) {
-  const { id: n, isLoaded: o, error: r, resource: a, requestId: i, cached: s } = jt(
-    e,
-    t
-  );
-  return { id: n, isLoaded: o, error: r, manifest: a, requestId: i, cached: s };
-}
-function uo({ cacheKey: e } = {}) {
-  const t = Se(), n = ht(), o = ae(), r = Je(), [a, i] = ie(void 0), [s, f] = ie(!1), [h, u] = ie("idle"), [y, x] = ie(void 0), M = t ? t.id : "undefined", I = N(() => {
-    try {
-      if (t && n.length) {
-        const E = n[0], C = o.get(E.body[0]), S = it(C)[0];
-        return S && r.loadServiceSync({
-          id: S.id || S["@id"],
-          width: S.width || t.width,
-          height: S.height || t.height
-        }) || void 0;
-      }
-    } catch (E) {
-      console.error(E);
-    }
-  }, [M, e, t]), b = h === "success" && a ? a : I;
-  return be(() => {
-    (async () => {
-      try {
-        if (t && n.length) {
-          const E = n[0], C = o.get(E.body[0]), S = it(C)[0];
-          if (!S)
-            return;
-          f(!0), u("loading");
-          try {
-            const F = await r.loadService({
-              id: S.id || S["@id"],
-              width: S.width || t.width,
-              height: S.height || t.height
-            }) || void 0;
-            i(F), u("success"), f(!1);
-          } catch (F) {
-            u("error"), x(F);
-          }
-        }
-      } catch (E) {
-        u("error"), x(E);
-      }
-    })();
-  }, [M, e]), N(() => ({
-    data: b,
-    isFetching: s,
-    status: h,
-    error: y
-  }), [b, s, h, y]);
-}
-function Uo() {
-  const e = uo();
-  return {
-    isLoading: e.isFetching,
-    tile: e.data ? {
-      id: e.data.id || e.data["@id"],
-      width: e.data.width,
-      height: e.data.height,
-      imageService: e.data,
-      thumbnail: void 0
-    } : null
-  };
-}
-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 Wo() {
-  const e = ae();
-  return N(() => ut(e), [e]);
-}
-export {
-  Ao as AnnotationContext,
-  ko as AnnotationPageContext,
-  jo as CanvasAnnotations,
-  Qe as CanvasContext,
-  ge as CanvasPanel,
-  No as CollectionContext,
-  Mo as CombinedMetadata,
-  Kn as ContextBridge,
-  no as Image,
-  Rr as ImageServiceLoaderContext,
-  Hn as InnerViewerProvider,
-  Io as LanguageProvider,
-  Qr as LanguageString,
-  Ne as LocaleString,
-  Fn as ManifestContext,
-  Ro as ManifestMetadata,
-  en as MediaPlayerProvider,
-  dn as Metadata,
-  Un as RangeContext,
-  Ke as ReactVaultContext,
-  Le as ResourceProvider,
-  lt as ResourceReactContext,
-  Lo as SequenceThumbnails,
-  Yn as SimpleViewerProvider,
-  Xe as SimpleViewerReactContext,
-  so as SingleCanvasThumbnail,
-  ft as VaultProvider,
-  pt as ViewerPresetContext,
-  vr as VirtualAnnotationProvider,
-  Ge as VisibleCanvasReactContext,
-  xr as emptyActions,
-  Tr as emptyStrategy,
-  Rt as findAllCanvasesInRange,
-  $n as findFirstCanvasFromRange,
-  Po as findManifestSelectedRange,
-  Lt as findSelectedRange,
-  Cr as flattenAnnotationPageIds,
-  Kr as formatTime,
-  _r as get3dStrategy,
-  Br as getImageStrategy,
-  At as getManifestSequence,
-  Yt as getParsedTargetSelector,
-  $r as getRenderingStrategy,
-  qr as getTextualContentStrategy,
-  Ur as getVideoStrategy,
-  Oo as getVisibleCanvasesFromCanvasId,
-  So as parseSpecificResource,
-  rt as unknownResponse,
-  ne as unsupportedStrategy,
-  $t as useAnnotation,
-  Sr as useAnnotationPage,
-  zt as useAnnotationPageManager,
-  Vo as useAnnotationsAtTime,
-  Se as useCanvas,
-  _o as useCanvasClock,
-  Wn as useCanvasSequence,
-  Do as useCanvasSubset,
-  Gr as useClosestLanguage,
-  Bo as useCollection,
-  zn as useContextBridge,
-  Co as useCreateLocaleString,
-  yr as useDispatch,
-  qo as useEventListener,
-  dt as useExistingVault,
-  Fo as useExternalCollection,
-  qn as useExternalManifest,
-  jt as useExternalResource,
-  gt as useIIIFLanguage,
-  pn as useImage,
-  uo as useImageService,
-  Je as useImageServiceLoader,
-  Uo as useImageTile,
-  Lr as useLoadImageService,
-  Xr as useLocaleString,
-  Ce as useManifest,
-  To as useMediaActions,
-  Eo as useMediaElements,
-  xo as useMediaState,
-  Nr as usePaintables,
-  ht as usePaintingAnnotations,
-  kt as useRange,
-  Wr as useRenderingStrategy,
-  je as useResourceContext,
-  Ut as useResourceEvents,
-  Mr as useResources,
-  $o as useSearchService,
-  yt as useSimpleMediaPlayer,
-  Nt as useSimpleViewer,
-  Wo as useStyleHelper,
-  ze as useStyles,
-  Gt as useThumbnail,
-  ae as useVault,
-  Hr as useVaultEffect,
-  ye as useVaultSelector,
-  wr as useViewerPreset,
-  gr as useVirtualAnnotationPage,
-  mr as useVirtualAnnotationPageContext,
-  Mt as useVisibleCanvases
-};
-//# sourceMappingURL=index.mjs.map