@knaw-huc/osd-iiif-viewer 0.2.4 → 0.3.0

package/dist/index.js

@@ -2,1778 +2,11 @@ import { jsx } from "react/jsx-runtime";
 import { Viewer as Viewer$1 } from "openseadragon";
 import { createContext, useContext, useMemo, useState, useRef, useEffect, useCallback } from "react";
 import { createStore } from "zustand/vanilla";
+import { Vault } from "@iiif/helpers/vault";
+import { createPaintingAnnotationsHelper } from "@iiif/helpers/painting-annotations";
+import { getImageServices, getId } from "@iiif/parser/image-3";
 import { useStore } from "zustand";
 import { createPortal } from "react-dom";
-function e$7(t3) {
-  "@babel/helpers - typeof";
-  return e$7 = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e2) {
-    return typeof e2;
-  } : function(e2) {
-    return e2 && typeof Symbol == "function" && e2.constructor === Symbol && e2 !== Symbol.prototype ? "symbol" : typeof e2;
-  }, e$7(t3);
-}
-function t$7(t3, n2) {
-  if (e$7(t3) != "object" || !t3) return t3;
-  var r2 = t3[Symbol.toPrimitive];
-  if (r2 !== void 0) {
-    var i3 = r2.call(t3, n2);
-    if (e$7(i3) != "object") return i3;
-    throw TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (n2 === "string" ? String : Number)(t3);
-}
-function n$7(n2) {
-  var r2 = t$7(n2, "string");
-  return e$7(r2) == "symbol" ? r2 : r2 + "";
-}
-function r$6(e2, t3, r2) {
-  return (t3 = n$7(t3)) in e2 ? Object.defineProperty(e2, t3, { value: r2, enumerable: !0, configurable: !0, writable: !0 }) : e2[t3] = r2, e2;
-}
-const __vite_import_meta_env__$1 = {}, e$6 = (e2) => {
-  let t22, n2 = /* @__PURE__ */ new Set(), r2 = (e3, r22) => {
-    let i22 = typeof e3 == "function" ? e3(t22) : e3;
-    if (!Object.is(i22, t22)) {
-      let e4 = t22;
-      t22 = r22 ?? (typeof i22 != "object" || !i22) ? i22 : Object.assign({}, t22, i22), n2.forEach((n22) => n22(t22, e4));
-    }
-  }, i3 = () => t22, a2 = { setState: r2, getState: i3, getInitialState: () => o2, subscribe: (e3) => (n2.add(e3), () => n2.delete(e3)), destroy: () => {
-    (__vite_import_meta_env__$1 ? "production" : void 0) !== "production" && console.warn("[DEPRECATED] The `destroy` method will be unsupported in a future version. Instead use unsubscribe function returned by subscribe. Everything will be garbage-collected if store is garbage-collected."), n2.clear();
-  } }, o2 = t22 = e2(r2, i3, a2);
-  return a2;
-}, t$6 = (t22) => t22 ? e$6(t22) : e$6;
-function e$5(e2) {
-  return { all: e2 = e2 || /* @__PURE__ */ new Map(), on: function(t3, n2) {
-    var r2 = e2.get(t3);
-    r2 ? r2.push(n2) : e2.set(t3, [n2]);
-  }, off: function(t3, n2) {
-    var r2 = e2.get(t3);
-    r2 && (n2 ? r2.splice(r2.indexOf(n2) >>> 0, 1) : e2.set(t3, []));
-  }, emit: function(t3, n2) {
-    var r2 = e2.get(t3);
-    r2 && r2.slice().map(function(e3) {
-      e3(n2);
-    }), (r2 = e2.get("*")) && r2.slice().map(function(e3) {
-      e3(t3, n2);
-    });
-  } };
-}
-function e$4(t3) {
-  "@babel/helpers - typeof";
-  return e$4 = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e2) {
-    return typeof e2;
-  } : function(e2) {
-    return e2 && typeof Symbol == "function" && e2.constructor === Symbol && e2 !== Symbol.prototype ? "symbol" : typeof e2;
-  }, e$4(t3);
-}
-function t$5(t3, n2) {
-  if (e$4(t3) != "object" || !t3) return t3;
-  var r2 = t3[Symbol.toPrimitive];
-  if (r2 !== void 0) {
-    var i3 = r2.call(t3, n2);
-    if (e$4(i3) != "object") return i3;
-    throw TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (n2 === "string" ? String : Number)(t3);
-}
-function n$6(n2) {
-  var r2 = t$5(n2, "string");
-  return e$4(r2) == "symbol" ? r2 : r2 + "";
-}
-function r$5(e2, t3, r2) {
-  return (t3 = n$6(t3)) in e2 ? Object.defineProperty(e2, t3, { value: r2, enumerable: !0, configurable: !0, writable: !0 }) : e2[t3] = r2, e2;
-}
-function i$5(e2) {
-  return Array.isArray(e2) ? e2 : e2 ? [e2] : [];
-}
-function a$5(e2) {
-  for (let t3 in e2) (e2[t3] === void 0 || e2[t3] === null) && delete e2[t3];
-  return e2;
-}
-function n$5(e2) {
-  return typeof e2 == "string" ? !1 : e2 && !e2.type && "source" in e2 ? (e2.type = "SpecificResource", !0) : !!e2 && e2.type === "SpecificResource";
-}
-function r$4(...e2) {
-  return (t3) => e2.reduce((e3, t4) => t4(e3), t3);
-}
-const i$4 = ["Collection", "Manifest", "Canvas", "AnnotationPage", "AnnotationCollection", "Annotation", "ContentResource", "Range", "Service", "Selector", "Agent"];
-function a$4(e2, t3) {
-  if (e2 == null) throw Error("Null or undefined is not a valid entity.");
-  if (Array.isArray(e2)) throw Error("Array is not a valid entity");
-  if (typeof e2 != "object") {
-    if (t3) return t3;
-    throw Error(`${typeof e2} is not a valid entity`);
-  }
-  if (typeof e2.type == "string") {
-    let t4 = i$4.indexOf(e2.type);
-    if (t4 !== -1) return i$4[t4];
-  }
-  if (e2.profile) return "Service";
-  throw Error("Resource type is not known");
-}
-var o$4 = class i {
-  constructor(t3, n2 = {}) {
-    r$5(this, "traversals", void 0), r$5(this, "options", void 0), r$5(this, "_traverseManifest", r$4(this.traverseManifestItems.bind(this), this.traverseNavPlace.bind(this), this.traverseLinking.bind(this), this.traverseDescriptive.bind(this), this.traverseLinkedCanvases.bind(this), this.traverseManifestStructures.bind(this), this.traverseInlineAnnotationPages.bind(this))), r$5(this, "_traverseCanvas", r$4(this.traverseCanvasItems.bind(this), this.traverseLinking.bind(this), this.traverseDescriptive.bind(this), this.traverseLinkedCanvases.bind(this), this.traverseInlineAnnotationPages.bind(this))), r$5(this, "_traverseAnnotationPage", r$4(this.traverseAnnotationPageItems.bind(this), this.traverseLinking.bind(this), this.traverseDescriptive.bind(this))), r$5(this, "_traverseRange", r$4(this.traverseRangeRanges.bind(this), this.traverseLinking.bind(this), this.traverseDescriptive.bind(this), this.traverseLinkedCanvases.bind(this))), this.traversals = { collection: [], manifest: [], canvas: [], annotationCollection: [], annotationPage: [], annotation: [], contentResource: [], choice: [], range: [], service: [], agent: [], specificResource: [], geoJson: [], ...t3 }, this.options = { allowUndefinedReturn: !1, ...n2 };
-  }
-  static all(e2) {
-    return new i({ collection: [e2], manifest: [e2], canvas: [e2], annotationCollection: [e2], annotationPage: [e2], annotation: [e2], contentResource: [e2], choice: [e2], range: [e2], service: [e2], geoJson: [e2], specificResource: [e2], agent: [e2] });
-  }
-  traverseDescriptive(e2) {
-    return e2.thumbnail &&= i$5(e2.thumbnail).map((t3) => this.traverseType(t3, { parent: e2 }, this.traversals.contentResource)), e2.provider &&= e2.provider.map((t3) => this.traverseAgent(t3, e2)), e2;
-  }
-  traverseLinking(e2) {
-    return e2.seeAlso &&= i$5(e2.seeAlso).map((t3) => this.traverseType(t3, { parent: e2 }, this.traversals.contentResource)), e2.service &&= i$5(e2.service).map((e3) => this.traverseService(e3)), e2.services &&= i$5(e2.services).map((t3) => this.traverseService(t3, e2)), e2.logo &&= i$5(e2.logo).map((t3) => this.traverseType(t3, { parent: e2 }, this.traversals.contentResource)), e2.homepage &&= i$5(e2.homepage).map((t3) => this.traverseType(t3, { parent: e2 }, this.traversals.contentResource)), e2.partOf &&= e2.partOf.map((t3) => typeof t3 == "string" || !t3.type ? this.traverseType(t3, { parent: e2 }, this.traversals.contentResource) : t3.type === "Canvas" ? this.traverseType(t3, { parent: e2 }, this.traversals.canvas) : t3.type === "AnnotationCollection" ? this.traverseType(t3, { parent: e2 }, this.traversals.annotationCollection) : t3.type === "Collection" ? this.traverseType(t3, { parent: e2 }, this.traversals.collection) : this.traverseType(t3, { parent: e2 }, this.traversals.contentResource)), e2.start && (n$5(e2.start) ? e2.start = this.traverseSpecificResource(e2.start, "Canvas", e2) : e2.start = this.traverseType(e2.start, { parent: e2 }, this.traversals.canvas)), e2.rendering &&= e2.rendering.map((t3) => this.traverseType(t3, { parent: e2 }, this.traversals.contentResource)), e2.supplementary &&= e2.supplementary.map((t3) => this.traverseType(t3, { parent: e2 }, this.traversals.contentResource)), e2;
-  }
-  traverseCollectionItems(e2) {
-    return e2.items && e2.items.map((e3) => e3.type === "Collection" ? this.traverseCollection(e3) : this.traverseManifest(e3)), e2;
-  }
-  traverseCollection(e2, t3) {
-    return this.traverseType(this.traverseDescriptive(this.traverseNavPlace(this.traverseInlineAnnotationPages(this.traverseLinking(this.traverseLinkedCanvases(this.traverseCollectionItems(e2)))))), { parent: t3 }, this.traversals.collection);
-  }
-  traverseGeoJson(e2, t3) {
-    return this.traverseType(e2, { parent: t3 }, this.traversals.geoJson);
-  }
-  traverseNavPlace(e2) {
-    return e2.navPlace &&= this.traverseGeoJson(e2.navPlace, e2), e2;
-  }
-  traverseManifestItems(e2) {
-    return e2.items &&= e2.items.map((e3) => this.traverseCanvas(e3)), e2;
-  }
-  traverseManifestStructures(e2) {
-    return e2.structures &&= e2.structures.map((e3) => this.traverseRange(e3)), e2;
-  }
-  traverseManifest(e2, t3) {
-    return this.traverseType(this._traverseManifest(e2), { parent: t3 }, this.traversals.manifest);
-  }
-  traverseCanvasItems(e2) {
-    return e2.items = (e2.items || []).map((t3) => this.traverseAnnotationPage(t3, e2)), e2;
-  }
-  traverseInlineAnnotationPages(e2) {
-    return typeof e2 == "string" || !e2 || (e2.annotations &&= e2.annotations.map((t3) => this.traverseAnnotationPage(t3, e2))), e2;
-  }
-  traverseCanvas(e2, t3) {
-    return this.traverseType(this._traverseCanvas(e2), { parent: t3 }, this.traversals.canvas);
-  }
-  traverseAnnotationPageItems(e2) {
-    return e2.items &&= e2.items.map((t3) => this.traverseAnnotation(t3, e2)), e2;
-  }
-  traverseAnnotationPage(e2, t3) {
-    return this.traverseType(this._traverseAnnotationPage(e2), { parent: t3 }, this.traversals.annotationPage);
-  }
-  traverseAnnotationBody(e2) {
-    return Array.isArray(e2.body) ? e2.body = e2.body.map((t3) => this.traverseContentResource(t3, e2)) : e2.body &&= this.traverseContentResource(e2.body, e2), e2;
-  }
-  traverseLinkedCanvases(e2) {
-    return e2.placeholderCanvas &&= this.traverseCanvas(e2.placeholderCanvas), e2.accompanyingCanvas &&= this.traverseCanvas(e2.accompanyingCanvas), e2;
-  }
-  traverseAnnotation(e2, t3) {
-    return this.traverseType(this.traverseLinking(this.traverseAnnotationBody(this.traverseDescriptive(e2))), { parent: t3 }, this.traversals.annotation);
-  }
-  traverseContentResourceLinking(e2) {
-    return typeof e2 == "string" || !e2 || e2 && e2.service && (e2.service = i$5(e2.service || []).map((t3) => this.traverseService(t3, e2))), e2;
-  }
-  traverseContentResource(e2, t3) {
-    return e2.type === "Choice" && (e2.items = e2.items.map((t4) => this.traverseContentResource(t4, e2))), n$5(e2) ? this.traverseSpecificResource(e2, "ContentResource") : this.traverseType(this.traverseInlineAnnotationPages(this.traverseContentResourceLinking(e2)), { parent: t3 }, this.traversals.contentResource);
-  }
-  traverseSpecificResource(e2, t3, n2) {
-    let r2 = e2.source;
-    return typeof e2.source == "string" && (r2 = { id: e2.source, type: t3 || "unknown" }), this.traverseType({ ...e2, source: t3 === "Canvas" || r2.type === "Canvas" ? this.traverseType(r2, { parent: n2 }, this.traversals.canvas) : t3 === "ContentResource" ? this.traverseContentResource(r2, { parent: n2 }) : this.traverseUnknown(r2, { parent: n2, typeHint: t3 }) }, { parent: n2 }, this.traversals.specificResource);
-  }
-  traverseRangeRanges(e2) {
-    return e2.items &&= e2.items.map((t3) => typeof t3 == "string" ? this.traverseCanvas({ id: t3, type: "Canvas" }, e2) : n$5(t3) ? this.traverseSpecificResource(t3, "Canvas", e2) : t3.type === "Manifest" ? this.traverseManifest(t3, e2) : this.traverseRange(t3, e2)), e2;
-  }
-  traverseRange(e2, t3) {
-    return this.traverseType(this._traverseRange(e2), { parent: t3 }, this.traversals.range);
-  }
-  traverseAgent(e2, t3) {
-    return this.traverseType(this.traverseDescriptive(this.traverseLinking(e2)), { parent: t3 }, this.traversals.agent);
-  }
-  traverseType(e2, t3, n2) {
-    return n2.reduce((e3, n3) => {
-      let r2 = n3(e3, t3);
-      return r2 === void 0 && !this.options.allowUndefinedReturn ? e3 : r2;
-    }, e2);
-  }
-  traverseService(e2, n2) {
-    let r2 = Object.assign({}, e2);
-    return r2 && r2.service && (r2.service = i$5(r2.service).map((e3) => this.traverseService(e3))), this.traverseType(r2, { parent: n2 }, this.traversals.service);
-  }
-  traverseUnknown(e2, { parent: t3, typeHint: n2 } = {}) {
-    let r2 = a$4(e2, n2);
-    switch (r2) {
-      case "Collection":
-        return this.traverseCollection(e2, t3);
-      case "Manifest":
-        return this.traverseManifest(e2, t3);
-      case "Canvas":
-        return this.traverseCanvas(e2, t3);
-      case "AnnotationPage":
-        return this.traverseAnnotationPage(e2, t3);
-      case "Annotation":
-        return this.traverseAnnotation(e2, t3);
-      case "ContentResource":
-        return this.traverseContentResource(e2, t3);
-      case "Range":
-        return this.traverseRange(e2, t3);
-      case "Service":
-        return this.traverseService(e2, t3);
-      case "Agent":
-        return this.traverseAgent(e2, t3);
-      default:
-        throw Error(`Unknown or unsupported resource type of ${r2}`);
-    }
-  }
-};
-const e$3 = "http://library.stanford.edu/iiif/image-api/compliance.html#level0", t$4 = "http://library.stanford.edu/iiif/image-api/compliance.html#level1", n$4 = "http://library.stanford.edu/iiif/image-api/compliance.html#level2", r$3 = "http://library.stanford.edu/iiif/image-api/conformance.html#level0", i$3 = "http://library.stanford.edu/iiif/image-api/conformance.html#level1", a$3 = "http://library.stanford.edu/iiif/image-api/conformance.html#level2", o$3 = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level0", s$3 = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level1", c$3 = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level2", l$3 = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level0", u$3 = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level1", d$3 = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level2", f$3 = "http://iiif.io/api/image/1/level0.json", p$3 = "http://iiif.io/api/image/1/profiles/level0.json", m$3 = "http://iiif.io/api/image/1/level1.json", h$4 = "http://iiif.io/api/image/1/profiles/level1.json", g$5 = "http://iiif.io/api/image/1/level2.json", _$5 = "http://iiif.io/api/image/1/profiles/level2.json", v$5 = "http://iiif.io/api/image/2/level0.json", y$5 = "http://iiif.io/api/image/2/profiles/level0.json", b$5 = "http://iiif.io/api/image/2/level1.json", x$5 = "http://iiif.io/api/image/2/profiles/level1.json", S$4 = "http://iiif.io/api/image/2/level2.json", C$4 = "http://iiif.io/api/image/2/profiles/level2.json", w$3 = "level0", T$4 = "level1", E$4 = "level2", D$3 = "http://iiif.io/api/image/2/level0", O$3 = "http://iiif.io/api/image/2/level1", k$3 = "http://iiif.io/api/image/2/level2", A$3 = [k$3, n$4, a$3, c$3, d$3, g$5, _$5, S$4, C$4, E$4], M$3 = [D$3, O$3, k$3, e$3, t$4, n$4, r$3, i$3, a$3, o$3, s$3, c$3, l$3, u$3, d$3, f$3, p$3, m$3, h$4, g$5, _$5, v$5, y$5, b$5, x$5, S$4, C$4, w$3, T$4, E$4], N$4 = M$3, a$2 = ["sc:Collection", "sc:Manifest", "sc:Canvas", "sc:AnnotationList", "oa:Annotation", "sc:Range", "sc:Layer", "sc:Sequence", "oa:Choice", "Service", "ContentResource"];
-function o$2(e2) {
-  if (e2 == null) throw Error("Null or undefined is not a valid entity.");
-  if (Array.isArray(e2)) throw Error("Array is not a valid entity");
-  if (typeof e2 != "object") throw Error(`${typeof e2} is not a valid entity`);
-  if (typeof e2["@type"] == "string") {
-    let t3 = a$2.indexOf(e2["@type"]);
-    if (t3 !== -1) return a$2[t3];
-  }
-  if (e2.profile) return "Service";
-  if (e2.format || e2["@type"]) return "ContentResource";
-  throw Error("Resource type is not known");
-}
-var s$2 = class t {
-  constructor(t3, n2 = {}) {
-    r$5(this, "traversals", void 0), r$5(this, "options", void 0), this.traversals = { collection: [], manifest: [], canvas: [], annotationList: [], sequence: [], annotation: [], contentResource: [], choice: [], range: [], service: [], layer: [], ...t3 }, this.options = { convertPropsToArray: !0, mergeMemberProperties: !0, allowUndefinedReturn: !1, ...n2 };
-  }
-  static all(e2) {
-    return new t({ collection: [e2], manifest: [e2], canvas: [e2], annotationList: [e2], sequence: [e2], annotation: [e2], contentResource: [e2], choice: [e2], range: [e2], service: [e2], layer: [e2] });
-  }
-  traverseCollection(e2) {
-    return this.traverseType(this.traverseDescriptive(this.traverseLinking(this.traverseCollectionItems(e2))), this.traversals.collection);
-  }
-  traverseCollectionItems(e2) {
-    if (this.options.mergeMemberProperties) {
-      let t3 = [...(e2.manifests || []).map((e3) => typeof e3 == "string" ? { "@id": e3, "@type": "sc:Manifest" } : e3), ...(e2.collections || []).map((e3) => typeof e3 == "string" ? { "@id": e3, "@type": "sc:Collection" } : e3), ...e2.members || []], n2 = [], r2 = t3.filter((e3) => n2.includes(e3["@id"]) ? !1 : (n2.push(e3["@id"]), !0));
-      delete e2.collections, delete e2.manifests, e2.members = r2;
-    }
-    return e2.manifests &&= e2.manifests.map((e3) => this.traverseManifest(typeof e3 == "string" ? { "@id": e3, "@type": "sc:Manifest" } : e3)), e2.collections &&= e2.collections.map((e3) => this.traverseCollection(typeof e3 == "string" ? { "@id": e3, "@type": "sc:Collection" } : e3)), e2.members &&= e2.members.map((e3) => typeof e3 == "string" ? e3 : e3["@type"] === "sc:Collection" ? this.traverseCollection(e3) : e3["@type"] === "sc:Manifest" ? this.traverseManifest(e3) : this.traverseUnknown(e3)), e2;
-  }
-  traverseManifest(e2) {
-    return this.traverseType(this.traverseDescriptive(this.traverseLinking(this.traverseManifestItems(e2))), this.traversals.manifest);
-  }
-  traverseManifestItems(e2) {
-    return e2.sequences &&= e2.sequences.map((e3) => this.traverseSequence(e3)), e2.structures &&= e2.structures.map((e3) => this.traverseRange(e3)), e2;
-  }
-  traverseSequence(e2) {
-    return this.traverseType(this.traverseDescriptive(this.traverseLinking(this.traverseSequenceItems(e2))), this.traversals.sequence);
-  }
-  traverseSequenceItems(e2) {
-    return e2.canvases &&= e2.canvases.map((e3) => this.traverseCanvas(e3)), e2;
-  }
-  traverseCanvas(e2) {
-    return this.traverseType(this.traverseDescriptive(this.traverseLinking(this.traverseCanvasItems(e2))), this.traversals.canvas);
-  }
-  traverseCanvasItems(e2) {
-    return e2.images &&= e2.images.map((e3) => (e3.on && e3["@type"] !== "oa:Annotation" && e3["@type"] !== "Annotation" && (e3["@type"] = "oa:Annotation"), this.traverseAnnotation(e3))), e2.otherContent &&= e2.otherContent.map((e3) => this.traverseAnnotationList(e3)), e2;
-  }
-  traverseRange(e2) {
-    return e2["@type"] !== "sc:Range" && (e2["@type"] = "sc:Range"), this.traverseType(this.traverseDescriptive(this.traverseLinking(this.traverseRangeItems(e2))), this.traversals.range);
-  }
-  traverseRangeItems(e2) {
-    if (this.options.mergeMemberProperties) {
-      let t3 = [...(e2.ranges || []).map((e3) => typeof e3 == "string" ? { "@id": e3, "@type": "sc:Range" } : e3), ...(e2.canvases || []).map((e3) => typeof e3 == "string" ? { "@id": e3, "@type": "sc:Canvas" } : e3), ...e2.members || []];
-      delete e2.ranges, delete e2.canvases, e2.members = t3.length ? t3.map((e3) => this.traverseUnknown(e3)) : void 0;
-    }
-    return e2;
-  }
-  traverseAnnotationList(e2) {
-    let t3 = typeof e2 == "string" ? { "@id": e2, "@type": "sc:AnnotationList" } : e2;
-    return this.traverseType(this.traverseDescriptive(this.traverseAnnotationListItems(t3)), this.traversals.annotationList);
-  }
-  traverseAnnotationListItems(e2) {
-    return e2.resources &&= e2.resources.map((e3) => this.traverseAnnotation(e3)), e2;
-  }
-  traverseAnnotation(e2) {
-    return this.traverseType(this.traverseDescriptive(this.traverseLinking(this.traverseAnnotationItems(e2))), this.traversals.annotation);
-  }
-  traverseAnnotationItems(e2) {
-    return e2.resource && (Array.isArray(e2.resource) ? e2.resource = e2.resource.map((e3) => this.traverseContentResource(e3)) : e2.resource = this.traverseContentResource(e2.resource)), e2.on, e2;
-  }
-  traverseLayer(e2) {
-    return this.traverseType(this.traverseLinking(this.traverseLayerItems(e2)), this.traversals.layer);
-  }
-  traverseLayerItems(e2) {
-    return e2.otherContent &&= e2.otherContent.map((e3) => this.traverseAnnotationList(e3)), e2;
-  }
-  traverseChoice(e2) {
-    return this.traverseType(this.traverseChoiceItems(e2), this.traversals.choice);
-  }
-  traverseChoiceItems(e2) {
-    return e2.default && e2.default !== "rdf:nil" && (e2.default = this.traverseContentResource(e2.default)), e2.item && e2.item !== "rdf:nil" && (e2.item = e2.item.map((e3) => this.traverseContentResource(e3))), e2;
-  }
-  traverseService(e2) {
-    return this.traverseType(this.traverseLinking(e2), this.traversals.service);
-  }
-  traverseContentResource(e2) {
-    return e2["@type"] === "oa:Choice" ? this.traverseChoice(e2) : this.traverseType(this.traverseDescriptive(this.traverseLinking(e2)), this.traversals.contentResource);
-  }
-  traverseUnknown(e2) {
-    if (!e2["@type"] || typeof e2 == "string") return e2;
-    switch (o$2(e2)) {
-      case "sc:Collection":
-        return this.traverseCollection(e2);
-      case "sc:Manifest":
-        return this.traverseManifest(e2);
-      case "sc:Canvas":
-        return this.traverseCanvas(e2);
-      case "sc:Sequence":
-        return this.traverseSequence(e2);
-      case "sc:Range":
-        return this.traverseRange(e2);
-      case "oa:Annotation":
-        return this.traverseAnnotation(e2);
-      case "sc:AnnotationList":
-        return this.traverseAnnotationList(e2);
-      case "sc:Layer":
-        return this.traverseLayer(e2);
-      case "Service":
-        return this.traverseService(e2);
-      case "oa:Choice":
-        return this.traverseChoice(e2);
-      case "ContentResource":
-        return this.traverseContentResource(e2);
-    }
-    return e2.profile ? this.traverseService(e2) : e2;
-  }
-  traverseImageResource(e2) {
-    let t3 = Array.isArray(e2), n2 = Array.isArray(e2) ? e2 : [e2], r2 = [];
-    for (let e3 of n2) typeof e3 == "string" ? r2.push(this.traverseContentResource({ "@id": e3, "@type": "dctypes:Image" })) : r2.push(this.traverseContentResource(e3));
-    return !t3 && !this.options.convertPropsToArray ? r2[0] : r2;
-  }
-  traverseDescriptive(e2) {
-    return e2.thumbnail &&= this.traverseImageResource(e2.thumbnail), e2.logo &&= this.traverseImageResource(e2.logo), e2;
-  }
-  traverseOneOrMoreServices(e2) {
-    let t3 = Array.isArray(e2), n2 = Array.isArray(e2) ? e2 : [e2], r2 = [];
-    for (let e3 of n2) r2.push(this.traverseService(e3));
-    return !t3 && !this.options.convertPropsToArray ? r2[0] : r2;
-  }
-  traverseLinking(e2) {
-    return e2.related &&= this.traverseOneOrManyType(e2.related, this.traversals.contentResource), e2.rendering &&= this.traverseOneOrManyType(e2.rendering, this.traversals.contentResource), e2.service &&= this.traverseOneOrMoreServices(e2.service), e2.seeAlso &&= this.traverseOneOrManyType(e2.seeAlso, this.traversals.contentResource), e2.within && (typeof e2.within == "string" || (e2.within = this.traverseOneOrManyType(e2.within, this.traversals.contentResource))), e2.startCanvas && (typeof e2.startCanvas == "string" ? e2.startCanvas = this.traverseType({ "@id": e2.startCanvas, "@type": "sc:Canvas" }, this.traversals.canvas) : e2.startCanvas && this.traverseType(e2.startCanvas, this.traversals.canvas)), e2.contentLayer && (typeof e2.contentLayer == "string" ? e2.contentLayer = this.traverseLayer({ "@id": e2.contentLayer, "@type": "sc:Layer" }) : e2.contentLayer = this.traverseLayer(e2.contentLayer)), e2;
-  }
-  traverseOneOrManyType(e2, t3) {
-    if (!Array.isArray(e2)) if (this.options.convertPropsToArray) e2 = [e2];
-    else return this.traverseType(e2, t3);
-    return e2.map((e3) => this.traverseType(e3, t3));
-  }
-  traverseType(e2, t3) {
-    return t3.reduce((e3, t4) => {
-      let n2 = t4(e3);
-      return n2 === void 0 && !this.options.allowUndefinedReturn ? e3 : n2;
-    }, e2);
-  }
-};
-const c$2 = ["http://iiif.io/api/image/2/level1", "http://iiif.io/api/image/2/level2", "http://library.stanford.edu/iiif/image-api/compliance.html#level1", "http://library.stanford.edu/iiif/image-api/compliance.html#level2", "http://library.stanford.edu/iiif/image-api/conformance.html#level1", "http://library.stanford.edu/iiif/image-api/conformance.html#level2", "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level1", "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level2", "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level1", "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level2", "http://iiif.io/api/image/1/level1.json", "http://iiif.io/api/image/1/profiles/level1.json", "http://iiif.io/api/image/1/level2.json", "http://iiif.io/api/image/1/profiles/level2.json", "http://iiif.io/api/image/2/level1.json", "http://iiif.io/api/image/2/profiles/level1.json", "http://iiif.io/api/image/2/level2.json", "http://iiif.io/api/image/2/profiles/level2.json", "level1", "level2"], l$2 = { attributionLabel: "Attribution", providerId: "http://example.org/provider", providerName: "" };
-function u$2(e2) {
-  if (typeof e2 == "string") return [e2];
-  if (!e2) return [];
-  let t3 = Array.isArray(e2) ? e2 : [e2], n2 = [];
-  for (let e3 of t3) {
-    if (typeof e3 == "string") {
-      n2.push(e3);
-      continue;
-    }
-    n2.push({ "@language": e3["@language"] || e3.language, "@value": e3["@value"] || e3.value });
-  }
-  return n2;
-}
-function d$2(e2, t3 = "none") {
-  if (!e2) return { none: [""] };
-  let n2 = u$2(e2), r2 = {};
-  for (let e3 of n2) {
-    if (typeof e3 == "string") {
-      r2[t3] = r2[t3] ? r2[t3] : [], r2[t3].push(e3 || "");
-      continue;
-    }
-    if (!e3["@language"]) {
-      r2[t3] = r2[t3] ? r2[t3] : [], r2[t3].push(e3["@value"] || "");
-      continue;
-    }
-    let n3 = e3["@language"];
-    r2[n3] = r2[n3] ? r2[n3] : [], r2[n3].push(e3["@value"] || "");
-  }
-  return Object.keys(r2).length === 0 ? { none: [""] } : r2;
-}
-function f$2(e2) {
-  if (Array.isArray(e2)) return f$2(e2.find((e3) => typeof e3 == "string"));
-  if (A$3.indexOf(e2) !== -1) return "level2";
-  if (c$2.indexOf(e2) !== -1) return "level1";
-  if (N$4.indexOf(e2) !== -1) return "level0";
-  if (typeof e2 == "string") return e2;
-}
-function p$2(e2) {
-  let t3 = Array.isArray(e2) ? e2 : [e2];
-  for (let e3 of t3) switch (e3) {
-    case "http://iiif.io/api/image/2/context.json":
-    case "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level2":
-      return "ImageService2";
-    case "http://iiif.io/api/image/1/context.json":
-    case "http://library.stanford.edu/iiif/image-api/1.1/context.json":
-      return "ImageService1";
-    case "http://iiif.io/api/annex/openannotation/context.json":
-      return "ImageApiSelector";
-  }
-}
-function m$2(e2) {
-  switch (e2) {
-    case "http://iiif.io/api/image/2/level0.json":
-    case "http://iiif.io/api/image/2/level1.json":
-    case "http://iiif.io/api/image/2/level2.json":
-      return "ImageService2";
-    case "http://iiif.io/api/auth/1/kiosk":
-    case "http://iiif.io/api/auth/1/login":
-    case "http://iiif.io/api/auth/1/clickthrough":
-    case "http://iiif.io/api/auth/1/external":
-    case "http://iiif.io/api/auth/0/kiosk":
-    case "http://iiif.io/api/auth/0/login":
-    case "http://iiif.io/api/auth/0/clickthrough":
-    case "http://iiif.io/api/auth/0/external":
-      return "AuthCookieService1";
-    case "http://iiif.io/api/auth/1/token":
-    case "http://iiif.io/api/auth/0/token":
-      return "AuthTokenService1";
-    case "http://iiif.io/api/auth/1/logout":
-    case "http://iiif.io/api/auth/0/logout":
-      return "AuthLogoutService1";
-    case "http://iiif.io/api/search/1/search":
-    case "http://iiif.io/api/search/0/search":
-      return "SearchService1";
-    case "http://iiif.io/api/search/1/autocomplete":
-    case "http://iiif.io/api/search/0/autocomplete":
-      return "AutoCompleteService1";
-  }
-}
-function h$3(e2) {
-  for (let t3 of ["sc", "oa", "dcterms", "dctypes", "iiif"]) if (e2.startsWith(`${t3}:`)) return e2.slice(t3.length + 1);
-  return e2;
-}
-const g$4 = ["Collection", "Manifest", "Annotation", "AnnotationPage", "Range", "Service"];
-function _$4(e2) {
-  let t3 = e2["@id"] || e2.id, n2 = e2["@type"] || e2.type, r2 = e2.profile || void 0, i3 = e2["@context"] || void 0;
-  if (r2) {
-    let e3 = m$2(r2);
-    if (e3) return e3;
-  }
-  if (i3) {
-    let e3 = p$2(i3);
-    if (e3) return e3;
-  }
-  if (n2) {
-    if (Array.isArray(n2)) {
-      if (n2.indexOf("oa:CssStylesheet") !== -1) return "CssStylesheet";
-      if (n2.indexOf("cnt:ContentAsText") !== -1) return "TextualBody";
-      n2 = n2[0];
-    }
-    for (let e3 of ["sc", "oa", "dcterms", "dctypes", "iiif"]) if (n2.startsWith(`${e3}:`)) {
-      n2 = n2.slice(e3.length + 1);
-      break;
-    }
-    switch (n2) {
-      case "Layer":
-        return "AnnotationCollection";
-      case "AnnotationList":
-        return "AnnotationPage";
-      case "cnt:ContentAsText":
-        return "TextualBody";
-    }
-  }
-  if (n2 && g$4.indexOf(n2) !== -1) return n2;
-  if (e2.format) {
-    if (e2.format.startsWith("image/")) return "Image";
-    if (e2.format.startsWith("text/") || e2.format === "application/pdf") return "Text";
-    if (e2.format.startsWith("application/")) return "Dataset";
-  }
-  return t3 && (t3.endsWith(".jpg") || t3.endsWith(".png") || t3.endsWith(".jpeg")) ? "Image" : n2 || "unknown";
-}
-const v$4 = /^|["'\\>]http(s)?:\/\/(creativecommons.org|rightsstatements.org)\/[^"'\\<\n]+/gm;
-function y$4(e2) {
-  let t3 = e2.match(v$4);
-  return t3 ? t3[0] : e2;
-}
-function b$4(e2, t3 = "Rights/License", n2 = "none") {
-  let r2 = null, i3 = [], a2 = Array.isArray(e2) ? e2 : [e2];
-  for (let e3 of a2) {
-    let a3 = e3 ? y$4(e3) : void 0;
-    if (a3 && (a3.indexOf("creativecommons.org") !== -1 || a3.indexOf("rightsstatements.org") !== -1)) {
-      r2 = a3.startsWith("https://") ? `http://${a3.slice(8)}` : a3;
-      continue;
-    }
-    a3 && i3.push({ label: { [n2]: [t3] }, value: { [n2]: [a3] } });
-  }
-  return [r2, i3];
-}
-const x$4 = ["http://iiif.io/api/presentation/2/context.json", "http://iiif.io/api/image/2/context.json", "http://iiif.io/api/image/1/context.json", "http://library.stanford.edu/iiif/image-api/1.1/context.json", "http://iiif.io/api/search/1/context.json", "http://iiif.io/api/search/0/context.json", "http://iiif.io/api/auth/1/context.json", "http://iiif.io/api/auth/0/context.json", "http://iiif.io/api/annex/openannotation/context.json"];
-function S$3(e2) {
-  if (e2) {
-    let t3 = Array.isArray(e2) ? e2 : [e2], n2 = [];
-    for (let e3 of t3)
-      e3 === "http://iiif.io/api/presentation/2/context.json" && n2.push("http://iiif.io/api/presentation/3/context.json"), x$4.indexOf(e3) === -1 && n2.push(e3);
-    if (t3.length) return n2.length === 1 ? n2[0] : n2;
-  }
-}
-function C$3(e2) {
-  return e2 ? e2.map((e3) => ({ label: d$2(e3.label), value: d$2(e3.value) })) : [];
-}
-let w$2 = 0;
-function T$3(e2, t3) {
-  let n2 = encodeURI(e2.id || e2["@id"] || "").trim();
-  return n2 && t3 ? `${n2}/${t3}` : n2 || (w$2++, `http://example.org/${e2["@type"]}${t3 ? `/${t3}` : ""}/${w$2}`);
-}
-function E$3(e2) {
-  let t3 = [...e2.behavior || []];
-  e2.viewingHint && t3.push(e2.viewingHint);
-  let n2;
-  return Array.isArray(e2.motivation) ? n2 = e2.motivation.map(h$3) : e2.motivation && (n2 = h$3(e2.motivation)), { "@context": e2["@context"] ? S$3(e2["@context"]) : void 0, id: (e2["@id"] || T$3(e2)).trim(), type: _$4(e2), behavior: t3.length ? t3 : void 0, height: e2.height ? e2.height : void 0, width: e2.width ? e2.width : void 0, motivation: n2, viewingDirection: e2.viewingDirection, profile: e2.profile, format: e2.format ? e2.format : void 0, duration: void 0, timeMode: void 0 };
-}
-function D$2(e2) {
-  let [t3, n2] = b$4(e2.license), r2 = [...e2.metadata ? C$3(e2.metadata) : [], ...n2];
-  return { rights: t3, metadata: r2.length ? r2 : void 0, label: e2.label ? d$2(e2.label) : void 0, requiredStatement: e2.attribution ? { label: d$2(l$2.attributionLabel), value: d$2(e2.attribution) } : void 0, navDate: e2.navDate, summary: e2.description ? d$2(e2.description) : void 0, thumbnail: O$2(e2.thumbnail) };
-}
-function O$2(e2) {
-  return e2 && (Array.isArray(e2) ? e2 : [e2]).map((e3) => typeof e3 == "string" ? { id: e3, type: "Image" } : (e3.type === "unknown" && (e3.type = "Image"), e3));
-}
-function k$2(e2) {
-  if (!e2.within) return;
-  let t3 = Array.isArray(e2.within) ? e2.within : [e2.within], n2 = [];
-  for (let r2 of t3) if (typeof r2 == "string") {
-    if (r2) switch (e2["@type"]) {
-      case "sc:Manifest":
-        n2.push({ id: r2, type: "Collection" });
-        break;
-    }
-  } else r2["@id"] && n2.push({ id: r2["@id"], type: _$4(r2) });
-  return n2.length ? n2 : void 0;
-}
-function A$2(e2) {
-  let n2 = e2.related ? Array.isArray(e2.related) ? e2.related : [e2.related] : [], r2 = e2.contentLayer;
-  return { provider: e2.logo || n2.length ? [{ id: l$2.providerId, type: "Agent", homepage: n2.length ? [n2[0]] : void 0, logo: e2.logo ? Array.isArray(e2.logo) ? e2.logo : [e2.logo] : void 0, label: d$2(l$2.providerName) }] : void 0, partOf: k$2(e2), rendering: e2.rendering, seeAlso: e2.seeAlso, start: e2.startCanvas, service: e2.service ? i$5(e2.service) : void 0, supplementary: r2 ? [r2] : void 0 };
-}
-function j$2(e2) {
-  return { chars: e2.chars, format: e2.format ? e2.format : void 0, language: e2.language };
-}
-function M$2(e2, t3) {
-  return e2 ? typeof e2 == "string" ? { id: e2, type: t3 } : typeof e2?.["@id"] == "string" ? { id: e2["@id"], type: t3 } : typeof e2.id == "string" ? { id: e2.id, type: t3 } : null : null;
-}
-function N$3(e2) {
-  let t3 = {};
-  if (e2.first) {
-    let n2 = M$2(e2.first, "Collection");
-    n2 && (t3.first = n2);
-  }
-  if ((e2.total || e2.total === 0) && (t3.total = e2.total), e2.prev) {
-    let n2 = M$2(e2.prev, "Collection");
-    n2 && (t3.prev = n2);
-  }
-  if (e2.next) {
-    let n2 = M$2(e2.next, "Collection");
-    n2 && (t3.next = n2);
-  }
-  return t3;
-}
-function P$3(e2) {
-  let t3 = [];
-  for (let n2 of e2) {
-    let e3 = { ...n2 };
-    e3.items && e3.items.length === 0 && delete e3.items, t3.push(e3);
-  }
-  return t3;
-}
-function F$3(e2) {
-  return a$5({ ...E$3(e2), ...D$2(e2), ...A$2(e2), ...N$3(e2), items: P$3(e2.members) });
-}
-function I$3(e2) {
-  let t3 = [], r2 = [], i3, a2;
-  for (let n2 of e2.sequences || []) n2.canvases.length && t3.push(...n2.canvases), n2.behavior && r2.push(...n2.behavior), n2.viewingDirection && (a2 = n2.viewingDirection), n2.startCanvas && (i3 = n2.startCanvas);
-  let o2 = E$3(e2);
-  return r2.length && (o2.behavior ? o2.behavior.push(...r2) : o2.behavior = r2), a$5({ ...o2, ...D$2(e2), ...A$2(e2), viewingDirection: a2, start: i3, items: t3, structures: L$3(e2.structures) });
-}
-function L$3(e2) {
-  if (!e2) return e2;
-  let t3 = /* @__PURE__ */ new Map();
-  for (let n3 of e2) t3.set(n3.id, n3);
-  let n2 = [];
-  for (let r2 of e2) if (r2.items) {
-    let e3 = r2.items.map((e4) => typeof e4 == "string" ? (n2.push(e4), t3.get(e4) || e4) : e4 && e4.id ? (n2.push(e4.id), t3.get(e4.id) || e4) : e4);
-    r2.items = e3;
-  }
-  return e2.filter((e3) => n2.indexOf(e3.id) === -1);
-}
-function R$3(e2) {
-  return a$5({ ...E$3(e2), ...D$2(e2), ...A$2(e2), annotations: e2.otherContent && e2.otherContent.length ? e2.otherContent : void 0, items: e2.images && e2.images.length ? [{ id: T$3(e2, "annotation-page"), type: "AnnotationPage", items: e2.images }] : void 0 });
-}
-function z$3(e2) {
-  return a$5({ ...E$3(e2), ...D$2(e2), ...A$2(e2), items: e2.resources && e2.resources.length ? e2.resources : void 0 });
-}
-function B$3(e2) {
-  return !e2.canvases || e2.canvases.length === 0 ? { canvases: [], behavior: [] } : { canvases: e2.canvases, behavior: e2.viewingHint ? [e2.viewingHint] : [], viewingDirection: e2.viewingDirection, startCanvas: e2.startCanvas };
-}
-function V$3(e2) {
-  function t3(e3) {
-    if (Array.isArray(e3)) {
-      if (e3.length > 1) return { type: "List", items: e3.map(t3) };
-      e3 = e3[0];
-    }
-    if (typeof e3 == "string") return encodeURI(e3).trim();
-    if ("@type" in e3) {
-      let t4;
-      if (typeof e3.full == "string") t4 = e3.full;
-      else if (e3.full["@type"] === "dctypes:Image") t4 = { id: e3.full["@id"], type: "Image" };
-      else if (e3.full["@type"] === "sc:Canvas") t4 = { id: e3.full["@id"], type: "Canvas" };
-      else throw Error(`Unsupported source type on annotation: ${e3.full["@type"]}`);
-      return { type: "SpecificResource", source: t4, selector: X$2(e3.selector) };
-    } else return encodeURI(e3["@id"]).trim();
-  }
-  return a$5({ ...E$3(e2), ...D$2(e2), ...A$2(e2), target: t3(e2.on), body: Array.isArray(e2.resource) ? e2.resource.map(H$4) : H$4(e2.resource) });
-}
-function H$4(e2) {
-  return e2.type === "Choice" ? e2 : U$4(e2);
-}
-function U$4(e2) {
-  let t3 = e2;
-  return a$5({ ...E$3(t3), ...D$2(t3), ...A$2(t3), ...j$2(t3) });
-}
-function W$3(e2) {
-  let t3 = [];
-  return e2.default && e2.default !== "rdf:nil" && t3.push(e2.default), e2.item && e2.item !== "rdf:nil" && t3.push(...e2.item), a$5({ ...E$3(e2), ...D$2(e2), items: t3 });
-}
-function G$2(e2) {
-  return a$5({ ...E$3(e2), ...D$2(e2), ...A$2(e2), items: e2.members });
-}
-function K$2(e2) {
-  let { "@id": t3, "@type": r2, "@context": i3, profile: a2, ...o2 } = e2, s2 = {};
-  return t3 && (s2["@id"] = t3), s2["@type"] = _$4(e2), s2["@type"] === "unknown" && (i3 && i3.length && (s2["@context"] = i3), s2["@type"] = "Service"), a2 && (s2.profile = f$2(a2)), a$5({ ...s2, ...o2 });
-}
-function q$3(e2) {
-  return a$5({ ...E$3(e2), ...D$2(e2), ...A$2(e2) });
-}
-const J$3 = new s$2({ collection: [F$3], manifest: [I$3], canvas: [R$3], annotationList: [z$3], sequence: [B$3], annotation: [V$3], contentResource: [U$4], choice: [W$3], range: [G$2], service: [K$2], layer: [q$3] });
-function Y$3(e2) {
-  return e2 && e2["@context"] && (e2["@context"] === "http://iiif.io/api/presentation/2/context.json" || Array.isArray(e2["@context"]) && e2["@context"].indexOf("http://iiif.io/api/presentation/2/context.json") !== -1 || e2["@context"] === "http://www.shared-canvas.org/ns/context.json") || e2["@context"] === "http://iiif.io/api/image/2/context.json" || e2["@id"] && e2["@type"] === "sc:Collection" || e2["@id"] && e2["@type"] === "sc:Manifest" ? (e2["@context"] ||= "http://iiif.io/api/presentation/2/context.json", J$3.traverseUnknown(e2)) : e2;
-}
-function X$2(e2) {
-  if ((Array.isArray(e2["@type"]) && e2["@type"].includes("oa:SvgSelector") || e2["@type"] == "oa:SvgSelector") && ("chars" in e2 || "value" in e2)) return { type: "SvgSelector", value: "chars" in e2 ? e2.chars : e2.value };
-  if (e2["@type"] === "oa:FragmentSelector") return { type: "FragmentSelector", value: e2.value };
-  if (e2["@type"] === "oa:Choice") return [X$2(e2.default), ...(Array.isArray(e2.item) ? e2.item : [e2.item]).map(X$2)];
-  if (e2["@type"] == "iiif:ImageApiSelector") return { type: "ImageApiSelector", region: "region" in e2 ? e2.region : void 0, rotation: "rotation" in e2 ? e2.rotation : void 0 };
-  throw Error(`Unsupported selector type: ${e2["@type"]}`);
-}
-function r$2(e2, n2) {
-  let i3 = "unknown";
-  if (!e2) return;
-  if (typeof e2 == "string") return { id: e2, type: i3 };
-  if (n$5(e2)) return r$2(e2.source);
-  let a2 = e2.type || e2["@type"], o2 = e2.id || e2["@id"];
-  if (a2 && a2.indexOf(":") !== -1 && (a2 = a2.split(":").pop()), o2 && a2) return { id: o2, type: a2 };
-}
-const i$2 = {}, a$1 = "iiif-parser:hasPart", o$1 = "iiif-parser:partOf", s$1 = "iiif-parser:isExternal", c$1 = "__$UNSET$__", l$1 = "__$UNWRAP$__", u$1 = [];
-Object.freeze(u$1), Object.freeze(i$2);
-function d$1(e2) {
-  if (e2 === i$2 || Object.keys(e2).length === 0) return !0;
-  for (let t3 in e2) return !1;
-  return !0;
-}
-function f$1(e2, t3) {
-  if (t3 && t3["@explicit"]) {
-    let n2 = {}, r2 = Object.keys(t3);
-    for (let i3 of r2)
-      i3 === o$1 || i3 === "@explicit" || (d$1(t3[i3]) ? n2[i3] = e2[i3] : n2[i3] = t3[i3]);
-    return n2;
-  }
-  return e2;
-}
-function p$1(e2, t3, n2) {
-  let i3 = r$2(t3);
-  if (!i3) return [void 0, void 0];
-  let s2 = e2.requests[i3.id], c2 = i3.type || e2.mapping[i3.id];
-  if (!c2 || s2 && s2.resourceUri && (!e2.entities[c2] || !e2.entities[c2][s2.resourceUri])) return [void 0, void 0];
-  let l2 = e2.entities[c2][s2 ? s2.resourceUri : i3.id];
-  if (i3.type && !l2) return p$1(e2, { id: i3.id }, n2);
-  if (l2 && l2[a$1]) {
-    let e3 = l2[a$1].find((e4) => n2 ? e4[o$1] === n2.id : e4[o$1] === l2.id);
-    return [f$1(l2, e3), l2];
-  }
-  return [l2, l2];
-}
-const m$1 = { id: "https://iiif-parser/annotation-page", type: "AnnotationPage", behavior: u$1, label: null, thumbnail: u$1, summary: null, requiredStatement: null, metadata: u$1, rights: null, provider: u$1, items: u$1, seeAlso: u$1, homepage: u$1, rendering: u$1, service: u$1 }, h$2 = { id: "https://iiif-parser/empty-canvas", type: "Canvas", label: null, behavior: u$1, thumbnail: u$1, accompanyingCanvas: null, placeholderCanvas: null, summary: null, requiredStatement: null, metadata: u$1, rights: null, navDate: null, provider: u$1, items: u$1, annotations: u$1, seeAlso: u$1, homepage: u$1, partOf: u$1, rendering: u$1, service: u$1, duration: 0, height: 0, width: 0 }, g$3 = { id: "https://iiif-parser/empty-collection", type: "Collection", label: null, viewingDirection: "left-to-right", behavior: u$1, thumbnail: u$1, accompanyingCanvas: null, placeholderCanvas: null, summary: null, requiredStatement: null, metadata: u$1, rights: null, navDate: null, provider: u$1, items: u$1, annotations: u$1, seeAlso: u$1, homepage: u$1, partOf: u$1, rendering: u$1, service: u$1, services: u$1 }, _$3 = { id: "https://iiif-parser/empty-manifest", type: "Manifest", annotations: u$1, behavior: u$1, homepage: u$1, items: u$1, label: null, metadata: u$1, navDate: null, provider: u$1, partOf: u$1, accompanyingCanvas: null, placeholderCanvas: null, rendering: u$1, requiredStatement: null, rights: null, seeAlso: u$1, service: u$1, services: u$1, start: null, structures: u$1, summary: null, thumbnail: u$1, viewingDirection: "left-to-right" }, v$3 = { id: "https://iiif-parser/empty-canvas", type: "Range", label: null, behavior: u$1, thumbnail: u$1, accompanyingCanvas: null, placeholderCanvas: null, summary: null, requiredStatement: null, metadata: u$1, rights: null, navDate: null, provider: u$1, items: u$1, annotations: u$1, seeAlso: u$1, homepage: u$1, partOf: u$1, rendering: u$1, service: u$1, start: null, supplementary: null, viewingDirection: "left-to-right" }, y$3 = { id: "https://iiif-parser/empty-agent", type: "Agent", label: {}, logo: u$1, seeAlso: u$1, homepage: u$1 }, b$3 = { id: "https://iiif-parser/empty-service", type: "UnknownService" };
-function x$3(e2) {
-  let [t3, n2] = (e2 || "").split("#");
-  return !n2 || !S$2(n2) ? [e2 || "", ""] : [t3, n2];
-}
-function S$2(e2) {
-  return e2.includes("xywh=") || e2.includes("t=");
-}
-function C$2(e2, t3 = {}) {
-  if (Array.isArray(e2)) return C$2(e2[0]);
-  if (typeof e2 == "string") {
-    let [n2, r2] = x$3(e2);
-    return r2 ? { type: "SpecificResource", source: { id: n2, type: t3.typeHint || "Unknown" }, selector: { type: "FragmentSelector", value: r2 } } : { type: "SpecificResource", source: { id: n2, type: t3.typeMap && t3.typeMap[n2] || t3.typeHint || "Unknown" } };
-  }
-  if (e2.type === "Choice" || e2.type === "List" || e2.type === "Composite" || e2.type === "Independents") return C$2(e2.items[0]);
-  if (!e2.type && "source" in e2 && (e2.type = "SpecificResource"), e2.type === "SpecificResource") {
-    e2.source.type === "Canvas" && e2.source.partOf && typeof e2.source.partOf == "string" && (e2.source.partOf = [{ id: e2.source.partOf, type: "Manifest" }]);
-    let n2 = typeof e2.source == "string" ? e2.source : e2.source.id, [, r2] = x$3(n2);
-    if (r2) {
-      let r3 = C$2(n2, t3);
-      r3 && (e2.selector = r3.selector, e2.source = r3.source);
-    }
-    return e2.selector ? { ...e2, type: "SpecificResource", source: e2.source, selector: e2.selector } : { ...e2, type: "SpecificResource", source: e2.source };
-  }
-  if (e2.id) {
-    e2.type === "Canvas" && e2.partOf && typeof e2.partOf == "string" && (e2.partOf = [{ id: e2.partOf, type: "Manifest" }]);
-    let [t4, n2] = x$3(e2.id);
-    return n2 ? { type: "SpecificResource", source: { ...e2, id: t4 }, selector: { type: "FragmentSelector", value: n2 } } : { type: "SpecificResource", source: { ...e2, id: t4 } };
-  }
-  return { type: "SpecificResource", source: e2 };
-}
-function T$2() {
-  return { Collection: {}, Manifest: {}, Canvas: {}, AnnotationPage: {}, AnnotationCollection: {}, Annotation: {}, ContentResource: {}, Range: {}, Service: {}, Selector: {}, Agent: {} };
-}
-function E$2(e2, t3) {
-  if (typeof e2 == "string") return { id: e2, type: t3 };
-  if (!e2.id) throw Error(`Invalid resource does not have an ID (${JSON.stringify(e2)}, ${t3})`);
-  return e2;
-}
-function te(e2, t3) {
-  return (n2, r2) => {
-    let i3 = e2[n2] ? e2[n2] : {};
-    return (e3, a2) => {
-      let o2 = E$2(e3, r2 || n2);
-      return o2 && o2.id && n2 ? (i3[o2.id] = i3[o2.id] ? O$1(i3[o2.id], o2, { parent: a2.parent, isTopLevel: t3.id === o2.id }) : O$1({ id: o2.id, type: o2.type }, o2, { parent: a2.parent, isTopLevel: t3.id === o2.id }), { id: o2.id, type: n2 === "ContentResource" ? n2 : o2.type }) : o2;
-    };
-  };
-}
-function D$1(e2, t3, n2) {
-  if (!t3) return e2;
-  if (Array.isArray(e2)) {
-    if (!Array.isArray(t3)) throw Error("Cannot merge array with non-array");
-    let n3 = [...e2];
-    for (let r2 of t3)
-      if (r2["@id"] && !r2.id && (r2.id = r2["@id"]), r2["@type"] && !r2.type && (r2.type = r2["@type"]), r2 != null)
-        if (Array.isArray(r2)) n3.push(r2);
-        else if (typeof r2 == "object" && r2.id && r2.type) {
-          let e3 = n3.findIndex((e4) => e4.id === r2.id && e4.type === r2.type);
-          e3 >= 0 && (n3[e3] = D$1(n3[e3], r2));
-        } else e2.indexOf(r2) === -1 && n3.push(r2);
-    return n3;
-  } else if (typeof e2 == "object") {
-    if (Array.isArray(t3) || typeof t3 != "object") throw Error("Cannot merge object with non-object");
-    let r2 = { ...e2 }, s2 = [], c2 = [], l2 = Object.keys(e2).filter((e3) => e3 !== a$1 && e3 !== "id" && e3 !== "type"), d2 = {}, f2 = {};
-    for (let [e3, n3] of Object.entries(t3)) {
-      if (e3 === a$1 || e3 === "id" || e3 === "type") continue;
-      let t4 = r2[e3];
-      t4 === n3 ? c2.push(e3) : t4 === u$1 || !t4 ? (s2.push(e3), r2[e3] = n3) : (t4 && n3 && (d2[e3] = t4, f2[e3] = n3), r2[e3] = D$1(t4, n3), r2[e3] === d2[e3] && (c2.push(e3), delete d2[e3]));
-    }
-    if (n2 && (n2.parent && n2.parent.id || n2.isTopLevel)) {
-      let t4 = [], u2 = {};
-      if (n2.parent ? u2[o$1] = n2.parent.id : n2.isTopLevel && (u2[o$1] = e2.id), r2[a$1] && r2[a$1].length) {
-        let e3 = !(r2[a$1] || []).find((e4) => e4["@explicit"]), n3 = s2.length > 0 || c2.length !== l2.length;
-        if (e3 && n3) for (let e4 of r2[a$1]) {
-          let n4 = { ...e4 }, r3 = Object.keys(d2);
-          if (n4) {
-            n4["@explicit"] = !0;
-            for (let e5 of l2) e5 !== a$1 && (n4[e5] = i$2);
-            for (let e5 of r3) n4[e5] = d2[e5];
-          }
-          t4.push(n4);
-        }
-        else t4.push(...r2[a$1]);
-        if (n3) {
-          let e4 = Object.keys(f2);
-          u2["@explicit"] = !0;
-          for (let e5 of s2) u2[e5] = i$2;
-          for (let e5 of c2) u2[e5] = i$2;
-          for (let t5 of e4) u2[t5] = f2[t5];
-        }
-      }
-      u2.id = r2.id, u2.type = r2.type, t4.push(u2), r2[a$1] = t4;
-    }
-    return r2;
-  } else if (e2) return e2;
-  return t3;
-}
-function O$1(e2, t3, n2) {
-  if (typeof e2 == "string") return e2;
-  if (t3.id !== e2.id || t3.type !== e2.type) {
-    if (t3.type === "ImageService3") return t3;
-    if (e2.type === "ImageService3") return e2;
-    throw Error(`Can only merge entities with identical identifiers and type! ${t3.type}(${t3.id}) => ${e2.type}(${e2.id})`);
-  }
-  return D$1({ ...e2 }, t3, n2);
-}
-function ne(e2) {
-  return (t3, n2) => (r2) => {
-    let { id: i3, type: a2 } = E$2(r2, n2 || t3);
-    if (i3 === void 0) throw Error("Found invalid entity without an ID.");
-    return t3 === "ContentResource" || t3 === "Service" ? e2[i3] = t3 : e2[i3] = a2, r2;
-  };
-}
-function re(e2) {
-  let t3 = Object.assign({}, e2);
-  if (t3["@id"] && (t3.id = t3["@id"]), t3["@type"] && (t3.type = t3["@type"]), t3.service) {
-    let e3 = [];
-    t3.service = Array.isArray(t3.service) ? t3.service : [t3.service];
-    for (let n2 of t3.service) e3.push({ id: n2["@id"] || n2.id, type: n2["@type"] || n2.type });
-    t3.service = e3;
-  }
-  return Object.assign({}, b$3, t3);
-}
-function ie(e2) {
-  return (t3) => {
-    e2.Service = e2.Service ? e2.Service : {};
-    let n2 = t3.id || t3["@id"], r2 = re(t3);
-    return r2 && r2.id && (e2.Service[r2.id] ? e2.Service[n2] = O$1(e2.Service[n2], r2) : e2.Service[n2] = r2), t3;
-  };
-}
-function k$1(e2) {
-  let t3 = JSON.stringify(e2), n2 = 5381, r2 = t3.length;
-  for (; r2; ) n2 = n2 * 33 ^ t3.charCodeAt(--r2);
-  let i3 = n2 >>> 0, a2 = i3.toString(16);
-  return a2.length % 2 ? "0" + a2 : a2;
-}
-function A$1(e2) {
-  return (t3) => typeof t3 == "string" ? { id: t3, type: e2 } : t3.id ? t3.type ? t3 : { type: e2, ...t3 } : { id: `vault://${k$1(t3)}`, type: e2, ...t3 };
-}
-function j$1(e2) {
-  return (t3) => ({ ...e2, ...t3 });
-}
-function M$1(e2) {
-  return Array.isArray(e2) ? e2 : [e2];
-}
-function N$2(e2) {
-  return e2.body &&= M$1(e2.body), e2.seeAlso &&= M$1(e2.seeAlso), e2.audience &&= M$1(e2.audience), e2.accessibility &&= M$1(e2.accessibility), e2.motivation &&= M$1(e2.motivation), e2;
-}
-function P$2(e2, { typeHint: n2, partOfTypeHint: r2 } = {}) {
-  if (typeof e2 == "string" && (e2 = { id: e2, type: n2 || "unknown" }), n$5(e2)) return typeof e2.source == "string" && (e2.source = { id: e2.source, type: n2 || "unknown" }), e2.source.type === "Canvas" && e2.source.partOf && typeof e2.source.partOf == "string" && (e2.source.partOf = [{ id: e2.source.partOf, type: r2 || "Manifest" }]), e2;
-  let i3, [a2, o2] = x$3(e2.id);
-  return e2.id = a2, o2 && o2 && (i3 = { type: "FragmentSelector", value: o2 }), { type: "SpecificResource", source: e2, selector: i3 };
-}
-function ae(e2) {
-  let t3 = Object.assign({}, e2);
-  return e2 && e2.items && (t3.items = e2.items.map((e3) => typeof e3 == "string" || e3.type === "Canvas" ? P$2(e3) : e3)), t3;
-}
-function oe(e2) {
-  let t3 = Object.assign({}, e2);
-  return t3.start ? (t3.start = P$2(t3.start, { typeHint: "Canvas" }), t3) : e2;
-}
-function F$2(e2) {
-  let t3 = Object.assign({}, e2);
-  return t3.target ? (t3.target = C$2(t3.target, { typeHint: "Canvas" }), t3) : e2;
-}
-function I$2(e2) {
-  return e2;
-}
-function L$2(e2) {
-  return e2.items === void 0 && (e2[s$1] = !0), e2;
-}
-function se(t3) {
-  let r2 = Y$3(t3), i3 = T$2(), a2 = {}, o2 = te(i3, r2), s2 = ne(a2), c2 = new o$4({ collection: [L$2, j$1(g$3), s2("Collection"), o2("Collection")], manifest: [L$2, j$1(_$3), oe, s2("Manifest"), o2("Manifest")], canvas: [j$1(h$2), s2("Canvas"), o2("Canvas")], annotationPage: [L$2, A$1("AnnotationPage"), j$1(m$1), s2("AnnotationPage"), o2("AnnotationPage")], annotation: [A$1("Annotation"), N$2, F$2, s2("Annotation"), o2("Annotation")], contentResource: [A$1("ContentResource"), s2("ContentResource"), o2("ContentResource")], range: [j$1(v$3), ae, s2("Range", "Canvas"), o2("Range", "Canvas")], agent: [j$1(y$3), s2("Agent"), o2("Agent")], specificResource: [I$2], service: [ie(i3)] }), l2 = c2.traverseUnknown(r2);
-  return { entities: i3, resource: l2, mapping: a2 };
-}
-function R$2(e2) {
-  let t3 = {};
-  for (let [n2, r2] of e2) {
-    if (n2 === l$1 && r2 !== c$1) return r2;
-    r2 !== c$1 && r2 != null && (t3[n2] = r2);
-  }
-  return t3;
-}
-function ce(e2, t3, n2) {
-  if (!t3.type || !t3.id) throw Error("Unknown entity");
-  if (!n2[t3.type]) throw Error(`Serializer not found for ${t3.type}`);
-  function r2(i3, a2, o2 = 0) {
-    let s2 = n2[i3.type];
-    if (!s2) return c$1;
-    if (o2 > 20) throw Error("Circular reference: " + i3.id + " " + i3.type);
-    let [l2, u2] = p$1(e2, i3.type ? i3 : i3.id, a2) || (i3.id && i3.type ? i3 : null);
-    if (!l2) return c$1;
-    let d2 = s2(l2, e2, { parent: a2, isTopLevel: t3.id === i3.id, fullResource: u2 }), f2 = d2.next();
-    for (; !f2.done; ) {
-      let e3 = f2.value, t4 = c$1;
-      if (e3) if (Array.isArray(e3)) {
-        let n3 = [];
-        for (let t5 of e3) n3.push(r2(t5, i3, o2 + 1));
-        t4 = n3;
-      } else t4 = r2(e3, i3, o2 + 1);
-      f2 = d2.next(t4);
-    }
-    return f2.value === c$1 ? c$1 : R$2(f2.value);
-  }
-  return r2(t3);
-}
-function z$2(e2, { allowSourceString: t3 = !0, allowString: n2 = !1, allowedStringType: r2 } = {}) {
-  let i3 = (e3) => {
-    if (t3 && e3 && e3.source && typeof e3.source != "string") {
-      let t4 = Object.keys(e3.source);
-      if (e3.source.id && e3.source.type && t4.length === 2) return { ...e3, source: e3.source.id };
-    }
-    return e3;
-  };
-  if (e2) {
-    if (e2.source && e2.source.partOf) return i3(e2);
-    let t4 = Object.keys(e2);
-    if (t4.length === 2 && e2.type && e2.source || t4.length === 3 && e2.type && e2.source && t4.indexOf("selector") !== -1 && !e2.selector) return n2 && (!r2 || r2 === e2.source.type) ? e2.source.id : e2.source.type === "ContentResource" ? { type: "SpecificResource", source: e2.source.id } : e2.source;
-    if (e2.selector && !Array.isArray(e2.selector) && typeof e2.selector != "string" && e2.selector.type === "FragmentSelector") {
-      let t5 = `${e2.source.id}#${e2.selector.value}`;
-      return n2 ? t5 : { id: t5, type: e2.source.type };
-    }
-  }
-  return i3(e2);
-}
-function B$2(e2) {
-  if (!e2) return;
-  let t3 = Object.keys(e2);
-  if (t3.length !== 0) {
-    if (t3.length === 1) {
-      let n2 = t3[0];
-      if (!n2) return "";
-      let r2 = (e2[n2] || []).join("");
-      return n2 === "@none" || n2 === "none" || n2 === "en" ? r2 : { "@language": n2, "@value": r2 };
-    }
-    return t3.map((t4) => ({ "@language": t4, "@value": (e2[t4] || []).join("") }));
-  }
-}
-function V$2(e2) {
-  return Array.isArray(e2) ? e2.map((e3) => V$2(e3)) : typeof e2 == "string" ? e2 : e2.type && e2.type === "Canvas" ? e2.id : e2;
-}
-function H$3(e2, t3 = !1) {
-  if (e2) return e2.length > 1 && !t3 ? e2 : e2[0] || void 0;
-}
-function U$3(e2) {
-  if (e2) {
-    if (typeof e2 == "string") return { "@id": e2 };
-    if ("@id" in e2) {
-      let t3 = { ...e2 };
-      return delete t3["@type"], t3;
-    }
-    return { "@context": "http://iiif.io/api/image/2/context.json", "@id": e2.id, profile: `http://iiif.io/api/image/2/profiles/${e2.profile}.json` };
-  }
-}
-function W$2(e2, t3) {
-  return [["@id", e2.id], ["@type", t3], ["format", e2.format], ["height", e2.height], ["width", e2.width], ["viewingDirection", e2.viewingDirection === "left-to-right" ? void 0 : e2.viewingDirection], ["license", e2.license ? e2.license : void 0]];
-}
-function* G$1(e2) {
-  let t3 = e2.provider ? yield e2.provider[0] : void 0;
-  return [["label", B$2(e2.label)], ["metadata", e2.metadata && e2.metadata.length ? e2.metadata.map((e3) => ({ label: B$2(e3.label) || "", value: B$2(e3.value) || "" })) : void 0], ["description", B$2(e2.summary)], ["thumbnail", H$3(yield e2.thumbnail)], ["navDate", e2.navDate], ["logo", t3 ? H$3(t3.logo) : void 0], ["homepage", t3 ? t3.homepage : void 0], ["attribution", e2.requiredStatement ? B$2(e2.requiredStatement.value) : void 0]];
-}
-function* K$1(e2) {
-  let t3 = e2.start && e2.start.type && e2.start.type === "SpecificResource" ? z$2(e2.start) : e2.start;
-  return [["seeAlso", H$3(yield e2.seeAlso)], ["service", H$3((e2.service || []).map(U$3))], ["rendering", H$3(yield e2.rendering)], ["startCanvas", t3 ? t3.id : void 0]];
-}
-function le(e2) {
-  return e2.type === "SpecificResource";
-}
-function ue(e2) {
-  return e2 && e2.type === "FragmentSelector";
-}
-function de$1(e2) {
-  if (e2 && le(e2)) {
-    let t3 = e2.id, n2 = e2.selector ? Array.isArray(e2.selector) ? e2.selector[0] : e2.selector : void 0;
-    return ue(n2) && (t3 += "#" + n2.value), t3;
-  }
-  return e2?.id;
-}
-const fe = { Manifest: function* (e2, t3, { isTopLevel: n2 }) {
-  return [...n2 ? [["@context", "http://iiif.io/api/presentation/2/context.json"]] : [], ...W$2(e2, "sc:Manifest"), ...yield* G$1(e2), ...yield* K$1(e2), ["sequences", [{ "@id": `${e2.id}/sequence0`, "@type": "sc:Sequence", canvases: yield e2.items }]], ["structures", yield e2.structures]];
-}, Canvas: function* (e2) {
-  let t3 = yield e2.items, n2 = t3[0];
-  return [...W$2(e2, "sc:Canvas"), ...yield* G$1(e2), ...yield* K$1(e2), ["images", n2 ? [n2.resources] : void 0], ["annotations", e2.annotations && e2.annotations.length ? H$3(yield e2.annotations) : void 0]];
-}, AnnotationPage: function* (e2) {
-  return [...W$2(e2, "sc:AnnotationList"), ...yield* G$1(e2), ["resources", e2.items && e2.items.length ? H$3(yield e2.items) : void 0]];
-}, Annotation: function* (e2) {
-  return [["@id", e2.id], ["@type", "oa:Annotation"], ["motivation", "sc:painting"], ["on", V$2(e2.target)], ["resource", H$3(yield e2.body, !0)]];
-}, ContentResource: function* (e2) {
-  switch (e2.type) {
-    case "Image":
-      return [...W$2(e2, "dctypes:Image"), ...yield* G$1(e2), ...yield* K$1(e2)];
-    case "Text":
-    case "Dataset":
-    default:
-      return [...W$2(e2, void 0), ...yield* G$1(e2)];
-  }
-}, AnnotationCollection: function* (e2) {
-  return [["@id", e2.id], ["@type", "sc:Layer"], ["label", B$2(e2.label)]];
-}, Collection: function* (e2) {
-  return [...W$2(e2, "sc:Collection"), ...yield* G$1(e2), ...yield* K$1(e2), ["members", yield* e2.items]];
-}, Range: function* (e2) {
-  let t3 = [], n2 = [];
-  if (e2.items) for (let r2 of e2.items) {
-    let i3 = r2.type === "SpecificResource" ? r2.source : r2;
-    if (i3) {
-      let a2 = yield i3;
-      t3.push({ "@id": de$1(r2), "@type": i3.type, label: a2 ? a2.label : void 0, within: e2.id }), i3.type === "Canvas" && n2.push(i3.id);
-    }
-  }
-  return [...W$2(e2, "sc:Range"), ...yield* G$1(e2), ...yield* K$1(e2), ["canvases", n2.length === t3.length ? n2 : void 0], ["members", n2.length === t3.length ? void 0 : t3]];
-} };
-function q$2(e2) {
-  return [["id", e2.id?.startsWith("vault://") ? void 0 : e2.id], ["type", e2.type], ["format", e2.format], ["profile", e2.profile], ["height", e2.height || void 0], ["width", e2.width || void 0], ["duration", e2.duration || void 0], ["viewingDirection", e2.viewingDirection === "left-to-right" ? void 0 : e2.viewingDirection], ["behavior", e2.behavior && e2.behavior.length ? e2.behavior : void 0], ["timeMode", e2.timeMode], ["motivation", Array.isArray(e2.motivation) ? e2.motivation[0] : e2.motivation], [a$1, c$1]];
-}
-function J$2(e2) {
-  if (e2 === c$1 || !e2 || e2.length === 0) return;
-  let t3 = e2.filter((e3) => e3 !== c$1);
-  if (t3.length !== 0) return t3;
-}
-function Y$2(e2) {
-  if (e2 && e2.type && e2.type === "ImageService2") {
-    let { id: t3, type: n2, profile: r2, ...i3 } = e2, a2 = typeof r2 == "string" ? r2 : Array.isArray(r2) ? r2.find((e3) => typeof e3 == "string") : "";
-    return { "@id": t3, "@type": n2, profile: a2 ? a2.startsWith("http") ? a2 : `http://iiif.io/api/image/2/${a2}.json` : "http://iiif.io/api/image/2/level0.json", ...i3 };
-  }
-  return e2;
-}
-function X$1(e2) {
-  if (Array.isArray(e2) || (e2 = e2 ? [e2] : []), !(!e2 || e2.length === 0)) return e2.map(Y$2);
-}
-function* Z$1(e2) {
-  return [["label", e2.label], ["metadata", J$2(e2.metadata)], ["summary", e2.summary], ["requiredStatement", e2.requiredStatement], ["rights", Array.isArray(e2.rights) ? e2.rights[0] || void 0 : e2.rights || void 0], ["navDate", e2.navDate], ["language", e2.language], ["thumbnail", J$2(yield e2.thumbnail)], ["placeholderCanvas", yield e2.placeholderCanvas], ["accompanyingCanvas", yield e2.accompanyingCanvas], ["provider", J$2(yield e2.provider)]];
-}
-function* Q$1(e2, t3) {
-  let n2 = [];
-  for (let r2 of e2.partOf || [])
-    r2.type === "Manifest" && t3.type === "Manifest" || n2.push(yield r2);
-  return [["seeAlso", J$2(yield e2.seeAlso)], ["service", J$2(X$1(e2.service))], ["services", J$2(X$1(e2.services))], ["rendering", J$2(yield e2.rendering)], ["supplementary", J$2(yield e2.supplementary)], ["homepage", J$2(yield e2.homepage)], ["logo", J$2(yield e2.logo)], ["partOf", J$2(n2)], ["start", e2.start ? z$2(e2.start) : e2.start]];
-}
-const pe = { Manifest: function* (e2, t3, { isTopLevel: n2 }) {
-  if (!n2) return [...q$2(e2), ...yield* Z$1(e2), ["navPlace", e2.navPlace]];
-  let r2 = "http://iiif.io/api/presentation/3/context.json";
-  return (e2.navPlace || $$1(e2)) && (r2 = ["http://iiif.io/api/presentation/3/context.json", "http://iiif.io/api/extension/navplace/context.json"]), [["@context", e2["@context"] ? e2["@context"] : r2], ...q$2(e2), ...yield* Z$1(e2), ...yield* Q$1(e2), ["items", yield e2.items], ["structures", J$2(yield e2.structures)], ["annotations", J$2(yield e2.annotations)], ["navPlace", e2.navPlace]];
-}, Canvas: function* (e2, t3, { parent: n2 }) {
-  return n2 && n2.type !== "Manifest" && n2.type !== "Canvas" ? [["id", e2.id]] : [...q$2(e2), ...yield* Z$1(e2), ...yield* Q$1(e2, n2), ["items", yield e2.items], ["annotations", J$2(yield e2.annotations)], ["navPlace", e2.navPlace]];
-}, Agent: function* (e2) {
-  return [["id", e2.id], ["type", "Agent"], ["label", e2.label], ...yield* Q$1(e2)];
-}, AnnotationPage: function* (e2) {
-  let t3 = Object.entries(e2).map(([e3, t4]) => [e3, Array.isArray(t4) ? J$2(t4) : t4]).filter(([e3, t4]) => e3 !== "items" && e3 !== "id" && e3 !== a$1 && e3 !== o$1 && e3 !== s$1), n2 = yield e2.items;
-  return [["id", e2.id?.startsWith("vault://") ? void 0 : e2.id], ...t3, ...yield* Q$1(e2), ["items", n2.length || e2[s$1] === !1 ? n2 : c$1]];
-}, Service: function* (e2) {
-  return [[l$1, Y$2(e2)]];
-}, Annotation: function* (e2) {
-  let n2 = Object.entries(e2).map(([e3, t3]) => e3 === "motivation" ? [e3, Array.isArray(t3) ? t3[0] : t3] : e3 === "target" ? [e3, z$2(t3, { allowString: !0, allowSourceString: !0, allowedStringType: "Canvas" })] : [e3, Array.isArray(t3) ? J$2(t3) : t3]).filter(([e3]) => e3 !== "body" && e3 !== a$1 && e3 !== s$1), r2;
-  if (Array.isArray(e2.body)) {
-    let n3 = [];
-    for (let r3 of e2.body) if (r3 && n$5(r3)) {
-      let e3 = { ...r3 };
-      r3.source.type === "Canvas" ? e3.source = r3.source : e3.source = yield r3.source, n3.push(z$2(e3, { allowSourceString: !0 }));
-    } else n3.push(yield r3);
-    r2 = n3;
-  } else e2.body && n$5(e2.body) ? (r2 = { ...e2.body }, r2.source = yield e2.body.source) : r2 = yield e2.body;
-  return [...n2, ...yield* Z$1(e2), ...yield* Q$1(e2), ["body", r2.length === 1 ? r2[0] : r2]];
-}, ContentResource: function* (e2) {
-  return me([...q$2(e2), ...yield* Z$1(e2), ...yield* Q$1(e2), ["annotations", J$2(yield e2.annotations)], ["items", J$2(yield e2.items)]], e2);
-}, AnnotationCollection: function* (e2) {
-  return [["id", e2.id], ["type", "AnnotationCollection"], ["label", e2.label]];
-}, Collection: function* (e2, t3, { isTopLevel: n2 }) {
-  if (n2) {
-    let t4 = "http://iiif.io/api/presentation/3/context.json";
-    return (e2.navPlace || $$1(e2)) && (t4 = ["http://iiif.io/api/extension/navplace/context.json", "http://iiif.io/api/presentation/3/context.json"]), [["@context", t4], ...q$2(e2), ...yield* Z$1(e2), ...yield* Q$1(e2), ["items", J$2(yield e2.items)], ["navPlace", e2.navPlace]];
-  }
-  return [...q$2(e2), ...yield* Z$1(e2), ["navPlace", e2.navPlace]];
-}, Range: function* (e2) {
-  let t3 = [];
-  for (let n2 of e2.items) n2.type === "Range" ? t3.push(yield n2) : n2 && n2.type === "SpecificResource" ? t3.push(z$2(n2)) : t3.push(n2);
-  return [...q$2(e2), ...yield* Z$1(e2), ...yield* Q$1(e2), ["items", t3], ["annotations", J$2(yield e2.annotations)], ["navPlace", e2.navPlace]];
-} };
-function me(e2, t3) {
-  let n2 = Object.keys(t3), r2 = e2.map(([e3]) => e3);
-  for (let i3 of n2)
-    i3 === a$1 || i3 === s$1 || r2.indexOf(i3) === -1 && t3[i3] !== void 0 && e2.push([i3, t3[i3]]);
-  return e2;
-}
-function $$1(e2) {
-  if (!e2.items || !Array.isArray(e2.items)) return !1;
-  for (let t3 of e2.items) if (t3.navPlace) return !0;
-  return !1;
-}
-function n$3(t3, n2) {
-  return n$5(t3) ? typeof t3.source == "string" ? { ...t3, source: n2 } : { ...t3, source: { ...t3.source || {}, id: n2 } } : { ...t3, id: n2 };
-}
-const e$2 = function(e2) {
-  return function() {
-    let t3 = { type: e2, getType: () => e2, toString: () => e2 };
-    return (e3, n2) => ({ ...t3, ...e3 !== void 0 && { payload: e3 }, ...n2 !== void 0 && { meta: n2 } });
-  };
-}, t$3 = "@iiif/IMPORT_ENTITIES", n$2 = "@iiif/MODIFY_ENTITY_FIELD", r$1 = "@iiif/REORDER_ENTITY_FIELD", i$1 = "@iiif/MOVE_ENTITY", a = "@iiif/MOVE_ENTITIES", o = "@iiif/ADD_REFERENCE", s = "@iiif/UPDATE_REFERENCE", c = "@iiif/CHANGE_REFERENCE_IDENTIFIER", l = "@iiif/REMOVE_REFERENCE", u = "@iiif/ADD_METADATA", d = "@iiif/REMOVE_METADATA", f = "@iiif/UPDATE_METADATA", p = "@iiif/REORDER_METADATA", m = e$2(t$3)(), h$1 = e$2(n$2)(), g$2 = e$2(r$1)(), _$2 = e$2(i$1)(), v$2 = e$2(a)(), y$2 = e$2(o)(), b$2 = e$2(l)(), x$2 = e$2(s)(), S$1 = e$2(c)(), C$1 = e$2(u)(), w$1 = e$2(f)(), T$1 = e$2(d)(), E$1 = e$2(p)(), D = { importEntities: m, modifyEntityField: h$1, reorderEntityField: g$2, addReference: y$2, removeReference: b$2, updateReference: x$2, changeReferenceIdentifier: S$1, addMetadata: C$1, removeMetadata: T$1, updateMetadata: w$1, reorderMetadata: E$1, moveEntity: _$2, moveEntities: v$2 }, O = "@iiif/ADD_MAPPING", k = "@iiif/ADD_MAPPINGS", A = e$2(O)(), j = e$2(k)(), N$1 = "RESOURCE_ERROR", P$1 = "RESOURCE_LOADING", F$1 = "RESOURCE_READY", I$1 = "@iiif/REQUEST_RESOURCE", L$1 = "@iiif/REQUEST_ERROR", R$1 = "@iiif/REQUEST_MISMATCH", z$1 = "@iiif/REQUEST_COMPLETE", B$1 = "@iiif/REQUEST_OFFLINE_RESOURCE", V$1 = e$2(I$1)(), H$2 = e$2(L$1)(), U$2 = e$2(R$1)(), W$1 = e$2(z$1)(), q$1 = "@iiif/BATCH", J$1 = "@iiif/BATCH_IMPORT", Y$1 = e$2(q$1)(), t$2 = "@iiif/SET_META_VALUE", n$1 = "@iiif/SET_META_VALUE_DYNAMIC", r = "@iiif/UNSET_META_VALUE", i2 = { setMetaValue: e$2(t$2)(), setMetaValueDynamic: e$2(n$1)(), unsetMetaValue: e$2(r)() }, h = (n2, r2) => {
-  let { entities: s2, resource: c2, mapping: l2 } = se(r2);
-  if (c2.id === void 0) return [H$2({ id: n2, message: "ID is not defined in resource." })];
-  let d2 = [m({ entities: s2 }), j({ mapping: l2 })];
-  return c2.id !== n2 && (d2.push(A({ id: n2, type: c2.type })), d2.push(U$2({ requestId: n2, actualId: c2.id }))), d2.push(W$1({ id: n2 })), d2;
-}, g$1 = Number.isNaN || function(e2) {
-  return typeof e2 == "number" && e2 !== e2;
-};
-function _$1(e2, t3) {
-  return !!(e2 === t3 || g$1(e2) && g$1(t3));
-}
-function v$1(e2, t3) {
-  if (!Array.isArray(e2) || !Array.isArray(t3)) return e2 === t3;
-  if (e2.length !== t3.length) return !1;
-  for (let n2 = 0; n2 < e2.length; n2++) if (!_$1(e2[n2], t3[n2])) return !1;
-  return !0;
-}
-function y$1(e2, t3, n2) {
-  let r2 = e2.iiif.requests[t3], i3 = e2.iiif.mapping[t3];
-  if (!i3 || !e2.iiif.entities[i3][r2.resourceUri]) return;
-  let a2 = e2.iiif.entities[i3][r2.resourceUri];
-  return a2 && a2[a$1] ? f$1(a2, a2[a$1].find((e3) => e3[o$1] === a2.id)) : a2;
-}
-function b$1(e2) {
-  return e2 && typeof e2.then == "function";
-}
-function x$1(e2, t3, { waitTimeout: i3 = 30 } = {}) {
-  return (o2, u2, d2) => {
-    let f2 = e2.getStore(), p2 = f2.getState(), m2 = p2.iiif.requests[o2];
-    if (m2) {
-      if (m2.loadingState === F$1) {
-        let e3 = y$1(p2, o2);
-        if (e3) return e3;
-      }
-      switch (m2.loadingState) {
-        case N$1:
-          break;
-        case P$1:
-          return (async () => {
-            let e3, t4 = !1;
-            try {
-              let n2 = await Promise.race([new Promise((n3, i4) => {
-                t4 || (e3 = f2.subscribe(() => {
-                  let e4 = f2.getState();
-                  if (e4.iiif.requests[o2].loadingState === N$1) {
-                    i4();
-                    return;
-                  }
-                  if (e4.iiif.requests[o2].loadingState === F$1) {
-                    let t5 = y$1(e4, o2);
-                    t5 ? n3(t5) : i4();
-                  }
-                }));
-              }), new Promise((e4, n3) => setTimeout(() => {
-                t4 = !0, n3();
-              }, i3 * 60 * 1e3))]);
-              if (e3 && e3(), n2) return n2;
-            } catch {
-              e3 && e3();
-            }
-          })();
-      }
-    }
-    e2.dispatch(V$1({ id: o2 }));
-    let g2 = (t4) => {
-      if (!t4) return;
-      !t4.id && !t4["@id"] && (t4["@type"] && (t4["@id"] = o2), t4.id = o2);
-      let n2 = h(o2, t4);
-      return e2.dispatch(Y$1({ actions: n2 })), y$1(f2.getState(), o2);
-    };
-    try {
-      let n2 = t3(o2, u2);
-      return b$1(n2) ? (async () => {
-        try {
-          let e3 = await n2;
-          return d2 && (e3 = d2(e3)), g2(e3);
-        } catch (t4) {
-          throw e2.dispatch(H$2({ id: o2, message: t4.toString() })), t4;
-        }
-      })() : g2(d2 ? d2(n2) : n2);
-    } catch (t4) {
-      throw e2.dispatch(H$2({ id: o2, message: t4.toString() })), t4;
-    }
-  };
-}
-function e$1() {
-  return { Collection: {}, Manifest: {}, Canvas: {}, AnnotationPage: {}, AnnotationCollection: {}, Annotation: {}, ContentResource: {}, Range: {}, Service: {}, Selector: {}, Agent: {} };
-}
-const __vite_import_meta_env__ = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, M = (e2, t22) => (n2, r2, i22) => (i22.dispatch = (t3) => (n2((n3) => e2(n3, t3), !1, t3), t3), i22.dispatchFromDevtools = !0, { dispatch: (...e3) => i22.dispatch(...e3), ...t22 }), N = /* @__PURE__ */ new Map(), P = (e2) => {
-  let t22 = N.get(e2);
-  return t22 ? Object.fromEntries(Object.entries(t22.stores).map(([e3, t3]) => [e3, t3.getState()])) : {};
-}, F = (e2, t22, n2) => {
-  if (e2 === void 0) return { type: "untracked", connection: t22.connect(n2) };
-  let r2 = N.get(n2.name);
-  if (r2) return { type: "tracked", store: e2, ...r2 };
-  let i22 = { connection: t22.connect(n2), stores: {} };
-  return N.set(n2.name, i22), { type: "tracked", store: e2, ...i22 };
-}, I = (e2, t22 = {}) => (n2, r2, i22) => {
-  let { enabled: a2, anonymousActionType: o2, store: s2, ...c2 } = t22, l2;
-  try {
-    l2 = (a2 ?? (__vite_import_meta_env__ ? "production" : void 0) !== "production") && window.__REDUX_DEVTOOLS_EXTENSION__;
-  } catch {
-  }
-  if (!l2) return (__vite_import_meta_env__ ? "production" : void 0) !== "production" && a2 && console.warn("[zustand devtools middleware] Please install/enable Redux devtools extension"), e2(n2, r2, i22);
-  let { connection: u2, ...d2 } = F(s2, l2, c2), f2 = !0;
-  i22.setState = (e3, t3, a3) => {
-    let l3 = n2(e3, t3);
-    if (!f2) return l3;
-    let d3 = a3 === void 0 ? { type: o2 || "anonymous" } : typeof a3 == "string" ? { type: a3 } : a3;
-    return s2 === void 0 ? (u2?.send(d3, r2()), l3) : (u2?.send({ ...d3, type: `${s2}/${d3.type}` }, { ...P(c2.name), [s2]: i22.getState() }), l3);
-  };
-  let p2 = (...e3) => {
-    let t3 = f2;
-    f2 = !1, n2(...e3), f2 = t3;
-  }, m2 = e2(i22.setState, r2, i22);
-  if (d2.type === "untracked" ? u2?.init(m2) : (d2.stores[d2.store] = i22, u2?.init(Object.fromEntries(Object.entries(d2.stores).map(([e3, t3]) => [e3, e3 === d2.store ? m2 : t3.getState()])))), i22.dispatchFromDevtools && typeof i22.dispatch == "function") {
-    let e3 = !1, t3 = i22.dispatch;
-    i22.dispatch = (...n3) => {
-      (__vite_import_meta_env__ ? "production" : void 0) !== "production" && n3[0].type === "__setState" && !e3 && (console.warn('[zustand devtools middleware] "__setState" action type is reserved to set state from the devtools. Avoid using it.'), e3 = !0), t3(...n3);
-    };
-  }
-  return u2.subscribe((e3) => {
-    switch (e3.type) {
-      case "ACTION":
-        if (typeof e3.payload != "string") {
-          console.error("[zustand devtools middleware] Unsupported action format");
-          return;
-        }
-        return L(e3.payload, (e4) => {
-          if (e4.type === "__setState") {
-            if (s2 === void 0) {
-              p2(e4.state);
-              return;
-            }
-            Object.keys(e4.state).length !== 1 && console.error(`
-                    [zustand devtools middleware] Unsupported __setState action format. 
-                    When using 'store' option in devtools(), the 'state' should have only one key, which is a value of 'store' that was passed in devtools(),
-                    and value of this only key should be a state object. Example: { "type": "__setState", "state": { "abc123Store": { "foo": "bar" } } }
-                    `);
-            let t3 = e4.state[s2];
-            if (t3 == null) return;
-            JSON.stringify(i22.getState()) !== JSON.stringify(t3) && p2(t3);
-            return;
-          }
-          i22.dispatchFromDevtools && typeof i22.dispatch == "function" && i22.dispatch(e4);
-        });
-      case "DISPATCH":
-        switch (e3.payload.type) {
-          case "RESET":
-            return p2(m2), s2 === void 0 ? u2?.init(i22.getState()) : u2?.init(P(c2.name));
-          case "COMMIT":
-            if (s2 === void 0) {
-              u2?.init(i22.getState());
-              return;
-            }
-            return u2?.init(P(c2.name));
-          case "ROLLBACK":
-            return L(e3.state, (e4) => {
-              if (s2 === void 0) {
-                p2(e4), u2?.init(i22.getState());
-                return;
-              }
-              p2(e4[s2]), u2?.init(P(c2.name));
-            });
-          case "JUMP_TO_STATE":
-          case "JUMP_TO_ACTION":
-            return L(e3.state, (e4) => {
-              if (s2 === void 0) {
-                p2(e4);
-                return;
-              }
-              JSON.stringify(i22.getState()) !== JSON.stringify(e4[s2]) && p2(e4[s2]);
-            });
-          case "IMPORT_STATE": {
-            let { nextLiftedState: t3 } = e3.payload, n3 = t3.computedStates.slice(-1)[0]?.state;
-            if (!n3) return;
-            p2(s2 === void 0 ? n3 : n3[s2]), u2?.send(null, t3);
-            return;
-          }
-          case "PAUSE_RECORDING":
-            return f2 = !f2;
-        }
-        return;
-    }
-  }), m2;
-}, L = (e2, t22) => {
-  let n2;
-  try {
-    n2 = JSON.parse(e2);
-  } catch (e3) {
-    console.error("[zustand devtools middleware] Could not parse the received json", e3);
-  }
-  n2 !== void 0 && t22(n2);
-}, R = (e2) => (t22, n2, r2) => {
-  let i22 = r2.subscribe;
-  return r2.subscribe = (e3, t3, n3) => {
-    let a2 = e3;
-    if (t3) {
-      let i3 = n3?.equalityFn || Object.is, o2 = e3(r2.getState());
-      a2 = (n4) => {
-        let r3 = e3(n4);
-        if (!i3(o2, r3)) {
-          let e4 = o2;
-          t3(o2 = r3, e4);
-        }
-      }, n3?.fireImmediately && t3(o2, o2);
-    }
-    return i22(a2);
-  }, e2(t22, n2, r2);
-}, z = (e2 = {}, t22) => {
-  switch (t22.type) {
-    case O:
-      return { ...e2, [t22.payload.id]: t22.payload.type };
-    case k:
-      return { ...e2, ...t22.payload.mapping };
-    default:
-      return e2;
-  }
-};
-function B(e2, t22, n2, r2) {
-  return !(!e2[n2] || !e2[n2][t22] || !e2[n2][t22][r2] || !Array.isArray(e2[n2][t22][r2]));
-}
-function V(e2, t22) {
-  let n2 = {}, r2 = [];
-  for (let [i22, a2] of Object.entries(e2 || {})) {
-    r2.push(i22);
-    let e3 = (t22 || {})[i22];
-    if (!e3 || e3.length === 0) {
-      n2[i22] = a2;
-      continue;
-    }
-    n2[i22] = e3;
-  }
-  for (let [e3, i22] of Object.entries(t22 || {})) r2.indexOf(e3) === -1 && (n2[e3] = i22);
-  return n2;
-}
-function H$1(e2) {
-  return e2.payload || {};
-}
-function U$1(e2, t22, n2) {
-  if (!e2[t22] || !Array.isArray(e2[t22])) return null;
-  let r2 = n2.index === void 0 ? e2[t22].findIndex((e3) => e3 ? r$2(e3)?.id === n2.id : !1) : n2.index;
-  return r2 === -1 ? null : { entity: e2[t22][r2], index: r2 };
-}
-function W(e2, t22) {
-  if (!(!t22?.id || !t22?.type)) return e2[t22.type]?.[t22.id];
-}
-function G(e2, t22) {
-  return e2 === void 0 ? t22 : e2;
-}
-const K = (e2 = e$1(), f2) => {
-  let p2 = (t22, n2) => ({ ...e2, [H$1(f2).type]: { ...e2[H$1(f2).type], [H$1(f2).id]: { ...t22, ...n2 } } });
-  switch (f2.type) {
-    case n$2: {
-      if (!e2[H$1(f2).type] || !e2[H$1(f2).type][H$1(f2).id]) return e2;
-      let t22 = e2[H$1(f2).type][H$1(f2).id];
-      return typeof t22 == "string" ? e2 : p2(t22, { [H$1(f2).key]: H$1(f2).value });
-    }
-    case r$1: {
-      if (!B(e2, H$1(f2).id, H$1(f2).type, H$1(f2).key)) return e2;
-      let t22 = e2[H$1(f2).type][H$1(f2).id];
-      if (typeof t22 == "string") return e2;
-      let n2 = Array.from(t22[H$1(f2).key]), [r2] = n2.splice(H$1(f2).startIndex, 1);
-      return n2.splice(H$1(f2).endIndex, 0, r2), p2(t22, { [H$1(f2).key]: n2 });
-    }
-    case a: {
-      let t22 = H$1(f2).subjects, n2 = H$1(f2).from, r2 = H$1(f2).to || n2, i22 = W(e2, n2), a2 = r2?.key || n2.key;
-      if (!B(e2, n2.id, n2.type, n2.key) || !B(e2, r2.id, r2.type, r2.key)) return e2;
-      let o2 = [], s2 = [];
-      if (t22.type === "slice") {
-        let e3 = t22.startIndex, r3 = t22.length;
-        o2 = Array.from(i22[n2.key]), s2 = o2.splice(e3, r3);
-      } else {
-        let e3 = Array.from(i22[n2.key]);
-        for (let r3 of t22.items) {
-          let t3 = U$1(i22, n2.key, r3);
-          t3 && (s2.push(t3.entity), e3[t3.index] = null), o2 = e3.filter((e4) => e4 !== null);
-        }
-      }
-      let c2 = { ...i22, [n2.key]: o2 }, l2 = { ...e2, [n2.type]: { ...e2[n2.type], [n2.id]: c2 } }, u2 = W(l2, r2);
-      if (!u2) return e2;
-      let d2 = r2?.index === void 0 ? u2[a2].length : r2.index, p3 = Array.from(u2[r2.key]);
-      p3.splice(d2, 0, ...s2);
-      let m2 = { ...u2, [a2]: p3 };
-      return { ...l2, [r2.type]: { ...l2[r2.type], [r2.id]: m2 } };
-    }
-    case i$1:
-      return K(e2, { type: a, payload: { subjects: { type: "list", items: [H$1(f2).subject] }, from: H$1(f2).from, to: H$1(f2).to } });
-    case c: {
-      let { id: n2, index: r2, key: i22, newIdentifier: a2, reference: o2, type: s2 } = H$1(f2), c2 = e2[s2][n2], l2 = r$2(o2);
-      if (!c2 || !c2[i22] || !l2 || r2 < 0) return e2;
-      let u2 = c2[i22], d2 = u2[r2], m2 = e2[l2.type]?.[l2.id];
-      if (!m2 || !d2) return e2;
-      let h2 = n$3(d2, a2), g2 = Array.from(u2);
-      g2.splice(G(r2, g2.length + 1), 1, h2);
-      let _2 = p2(c2, { [i22]: g2 }), v2 = { ...m2, id: a2 };
-      v2["iiif-parser:hasPart"] && (v2["iiif-parser:hasPart"] = v2["iiif-parser:hasPart"].filter((e3) => e3["iiif-parser:partOf"] === n2).map((e3) => ({ ...e3, id: a2 })));
-      let y2 = { ..._2[l2.type], [a2]: v2 };
-      return _2[l2.type] = y2, _2;
-    }
-    case t$3: {
-      let t22 = Object.keys(H$1(f2).entities), n2 = { ...e2 };
-      for (let r2 of t22) {
-        let t3 = H$1(f2).entities[r2], i22 = { ...e2[r2] || {} }, a2 = !1, o2 = Object.keys(t3 || {}) || [];
-        if (t3 && o2) {
-          for (let n3 of o2) a2 = !0, i22[n3] = e2[r2][n3] ? V(e2[r2][n3], t3[n3]) : t3[n3];
-          a2 && (n2[r2] = i22);
-        }
-      }
-      return n2;
-    }
-    case o: {
-      if (!B(e2, H$1(f2).id, H$1(f2).type, H$1(f2).key)) return e2;
-      let t22 = e2[H$1(f2).type][H$1(f2).id], n2 = Array.from(t22[H$1(f2).key]);
-      return n2.splice(G(H$1(f2).index, n2.length + 1), 0, H$1(f2).reference), p2(t22, { [H$1(f2).key]: n2 });
-    }
-    case s:
-    case l: {
-      if (!B(e2, H$1(f2).id, H$1(f2).type, H$1(f2).key)) return e2;
-      let t22 = e2[H$1(f2).type][H$1(f2).id], n2 = Array.from(t22[H$1(f2).key]), r2 = G(H$1(f2).index, n2.findIndex((e3) => e3 && e3.id === H$1(f2).reference.id));
-      return r2 === -1 || n2[r2]?.id !== H$1(f2).reference.id ? e2 : (f2.type === s ? n2.splice(r2, 1, H$1(f2).reference) : n2.splice(r2, 1), p2(t22, { [H$1(f2).key]: n2 }));
-    }
-    case u: {
-      let t22 = e2[H$1(f2).type][H$1(f2).id];
-      if (!t22) return e2;
-      let n2 = Array.from(t22.metadata || []), r2 = H$1(f2);
-      return n2.splice(G(f2.payload.beforeIndex, n2.length + 1), 0, { label: r2.label, value: r2.label }), p2(t22, { metadata: n2 });
-    }
-    case p: {
-      let t22 = e2[H$1(f2).type][H$1(f2).id];
-      if (typeof t22 == "string" || !t22) return e2;
-      let n2 = Array.from(t22.metadata || []), [r2] = n2.splice(H$1(f2).startIndex, 1);
-      return n2.splice(H$1(f2).endIndex, 0, r2), p2(t22, { metadata: n2 });
-    }
-    case f:
-    case d: {
-      let t22 = e2[H$1(f2).type][H$1(f2).id], n2 = Array.from(t22.metadata || []), r2 = H$1(f2).atIndex;
-      return r2 === void 0 || r2 === -1 || !n2[r2] ? e2 : (f2.type === f ? n2.splice(r2, 1, { label: H$1(f2).label, value: H$1(f2).value }) : n2.splice(r2, 1), p2(t22, { metadata: n2 }));
-    }
-    default:
-      return e2;
-  }
-}, q = (e2 = {}, t22) => {
-  switch (t22.type) {
-    case I$1:
-    case B$1:
-      return { ...e2, [t22.payload.id]: { requestUri: t22.payload.id, loadingState: P$1, uriMismatch: !1, resourceUri: t22.payload.id } };
-    case R$1:
-      return { ...e2, [t22.payload.requestId]: { ...e2[t22.payload.requestId] || {}, uriMismatch: !0, resourceUri: t22.payload.actualId }, [t22.payload.actualId]: { requestUri: t22.payload.requestId, loadingState: e2[t22.payload.requestId].loadingState, uriMismatch: !0, resourceUri: t22.payload.actualId } };
-    case L$1:
-      return { ...e2, [t22.payload.id]: { ...e2[t22.payload.id] || {}, loadingState: N$1, error: t22.payload.message } };
-    case z$1:
-      return { ...e2, [t22.payload.id]: { ...e2[t22.payload.id] || {}, loadingState: F$1, error: void 0 } };
-  }
-  return e2;
-}, J = (e2 = {}, t22) => {
-  let { id: n2, updateValue: r2, value: i22, meta: a2, key: o2 } = t22 && t22.payload || {};
-  switch (t22.type) {
-    case t$2:
-      return { ...e2, [n2]: { ...e2[n2] || {}, [a2]: { ...e2[n2] && e2[n2][a2] || {}, [o2]: i22 } } };
-    case n$1:
-      return { ...e2, [n2]: { ...e2[n2] || {}, [a2]: { ...e2[n2] && e2[n2][a2] || {}, [o2]: e2[n2] && e2[n2][a2] ? r2(e2[n2][a2][o2]) : r2(void 0) } } };
-    case r:
-      return e2[n2] && e2[n2][a2] && e2[n2][a2][o2] ? { ...e2, [n2]: { ...e2[n2] || {}, [a2]: { ...e2[n2] && e2[n2][a2] || {}, [o2]: void 0 } } } : e2;
-    default:
-      return e2;
-  }
-};
-function Y(e2 = {}) {
-  let t22 = Object.keys(e2);
-  return function(n2 = {}, r2) {
-    let i22 = !1, a2 = {};
-    for (let o2 = 0; o2 < t22.length; o2++) {
-      let s2 = t22[o2];
-      a2[s2] = e2[s2](n2[s2], r2), i22 = i22 || a2[s2] !== n2[s2];
-    }
-    return i22 ? a2 : n2;
-  };
-}
-function X(e2) {
-  return (t22, n2) => n2 && n2.type === q$1 ? n2.payload.actions.reduce(e2, t22) : n2 && n2.type === J$1 ? { ...t22, iiif: { ...t22.iiif, ...n2.payload.state } } : e2(t22, n2);
-}
-const Z = Y({ mapping: z, entities: K, requests: q, meta: J });
-function Q() {
-  return { iiif: { entities: e$1(), meta: {}, mapping: {}, requests: {} } };
-}
-function $(t22 = {}) {
-  let { enableDevtools: n2 = !1, iiifStoreName: r2 = "iiif", defaultState: i22 = Q(), customReducers: a2 = {} } = t22, o2 = X(Y({ [r2]: Z, ...a2 }));
-  return t$6(R((typeof window < "u" && window.__REDUX_DEVTOOLS_EXTENSION__ ? I : (e2, t3) => e2)(M(o2, i22), { enabled: n2 })));
-}
-function g(e2, t3, n2, r2 = !0) {
-  t3[y] = t3[y] || [], t3[y].push(e2);
-  let i3 = /* @__PURE__ */ new Map();
-  Object.defineProperty(t3, e2, { enumerable: r2, get() {
-    if (t3[_][e2] === void 0) return;
-    let r3 = t3[_][e2];
-    if (!r3) return r3;
-    let a2 = n2.get(t3[_][e2], { parent: this.id ? { id: this.id, type: this.type } : void 0 });
-    return i3.has(a2) || (i3.clear(), i3.set(a2, w(a2, n2))), i3.get(a2);
-  }, set(r3) {
-    t3[_][e2] !== r3 && (this[v] ? n2.modifyEntityField({ id: this.id, type: this.type }, e2, C(r3)) : this[_][e2] = r3);
-  } });
-}
-const _ = Symbol.for("_refs_"), v = Symbol.for("_reactive_"), y = Symbol.for("_defined_"), b = Symbol.for("_parent_");
-function x(e2, t3 = !1, n2) {
-  let r2 = { id: "", type: "unknown", [y]: [], [_]: {}, [b]: null, [v]: null, is(e3) {
-    return typeof e3 == "string" ? this.id === e3 : e3.id ? e3.id === this.id : !1;
-  }, reactive() {
-    if (!this[v]) return this[v] = this.subscribe(() => this.refresh(), !0), () => {
-      this.unreactive();
-    };
-  }, refresh() {
-    if (this.id) {
-      let e3 = this.unwrap();
-      for (let t4 of Object.keys(e3 || {})) this[y].includes(t4) ? this[_][t4] = e3[t4] : this[t4] = e3[t4];
-    }
-  }, unreactive() {
-    this[v] && (this[v](), this[v] = null);
-  }, unwrap() {
-    if (!this.id) throw Error("Invalid object");
-    let t4 = this[b];
-    return e2.get(this.id, { parent: t4 ? { id: t4, type: "unknown" } : void 0 });
-  }, toPresentation3() {
-    return e2.toPresentation3(this.unwrap());
-  }, toPresentation2() {
-    return e2.toPresentation2(this.unwrap());
-  }, valueOf() {
-    return this.unwrap();
-  }, toJSON() {
-    let e3 = this;
-    return { ...e3, items: e3.items, annotations: e3.annotations, structures: e3.structures, seeAlso: e3.seeAlso, service: e3.service, services: e3.services, rendering: e3.rendering, partOf: e3.partOf, start: e3.start, supplementary: e3.supplementary, homepage: e3.homepage, thumbnail: e3.thumbnail, placeholderCanvas: e3.placeholderCanvas, accompanyingCanvas: e3.accompanyingCanvas, provider: e3.provider };
-  }, subscribe(t4, n3 = !0) {
-    return e2.subscribe(() => this.id ? e2.get(this.id) : null, t4, n3);
-  } };
-  return g("items", r2, e2), g("annotations", r2, e2), g("structures", r2, e2), g("seeAlso", r2, e2), g("rendering", r2, e2), g("partOf", r2, e2), g("start", r2, e2, !1), g("supplementary", r2, e2), g("homepage", r2, e2), g("thumbnail", r2, e2), g("placeholderCanvas", r2, e2, !1), g("accompanyingCanvas", r2, e2, !1), g("provider", r2, e2), g("body", r2, e2), g("logo", r2, e2), r2;
-}
-function S(e2) {
-  return !!e2[y];
-}
-function C(e2) {
-  return Array.isArray(e2) ? e2.map((e3) => C(e3)) : !e2 || !e2.type ? e2 : { id: e2.id, type: e2.type };
-}
-function w(e2, t3, n2 = !1, r2) {
-  if (Array.isArray(e2)) return e2.map((e3) => w(e3, t3, n2));
-  if (!e2 || !e2.type || !e2.id) return e2;
-  let i3 = x(t3, n2), a2 = Object.create(i3), o2 = Object.assign(a2, e2);
-  return n2 && o2.reactive(), o2;
-}
-function T(e2) {
-  switch (e2) {
-    case "Image":
-    case "Video":
-    case "Sound":
-    case "Dataset":
-    case "Text":
-    case "Composite":
-    case "List":
-    case "Independents":
-    case "Audience":
-      return "ContentResource";
-    case "ImageService1":
-    case "ImageService2":
-    case "ImageService3":
-      return "Service";
-  }
-  return e2;
-}
-var E = class {
-  constructor(n2, r2) {
-    r$6(this, "options", void 0), r$6(this, "store", void 0), r$6(this, "emitter", void 0), r$6(this, "isBatching", !1), r$6(this, "batchQueue", []), r$6(this, "remoteFetcher", void 0), r$6(this, "staticFetcher", void 0), r$6(this, "defaultFetcher", (e2) => fetch(e2).then((e3) => {
-      if (e3.status === 200) return e3.json();
-      {
-        let t3 = Error(`${e3.status} ${e3.statusText}`);
-        throw t3.name = "HTTPError", t3;
-      }
-    })), this.options = Object.assign({ reducers: {}, customFetcher: this.defaultFetcher, enableDevtools: !0 }, n2 || {}), this.store = r2 || $({ customReducers: this.options.reducers, defaultState: this.options.defaultState, enableDevtools: this.options.enableDevtools }), this.emitter = e$5(), this.remoteFetcher = x$1(this, this.options.customFetcher), this.staticFetcher = x$1(this, (e2, t3) => t3);
-  }
-  batch(e2) {
-    this.isBatching = !0;
-    try {
-      e2(this), this.isBatching = !1, this.dispatch(Y$1({ actions: this.batchQueue }));
-    } catch (e3) {
-      throw this.batchQueue = [], this.isBatching = !1, e3;
-    }
-    this.batchQueue = [];
-  }
-  async asyncBatch(e2) {
-    this.isBatching = !0;
-    try {
-      await e2(this), this.isBatching = !1, this.dispatch(Y$1({ actions: this.batchQueue }));
-    } catch (e3) {
-      throw this.batchQueue = [], this.isBatching = !1, e3;
-    }
-    this.batchQueue = [];
-  }
-  modifyEntityField(e2, t3, r2) {
-    this.dispatch(D.modifyEntityField({ id: e2.id, type: e2.type, key: t3, value: r2 }));
-  }
-  dispatch(e2) {
-    if (this.isBatching) this.batchQueue.push(e2);
-    else {
-      if (e2.type === q$1) {
-        for (let t5 of e2.payload.actions) this.emitter.emit(t5.type, { action: t5, state: this.store.getState() });
-        this.store.dispatch(e2);
-        let t4 = this.getState();
-        for (let n2 of e2.payload.actions) this.emitter.emit(`after:${n2.type}`, { action: n2, state: t4 });
-        return;
-      }
-      this.emitter.emit(e2.type, { action: e2, state: this.store.getState() }), this.store.dispatch(e2);
-      let t3 = this.store.getState();
-      this.emitter.emit(`after:${e2.type}`, { action: e2, state: t3 });
-      return;
-    }
-  }
-  on(e2, t3) {
-    return this.emitter.on(e2, t3), () => {
-      this.emitter.off(e2, t3);
-    };
-  }
-  serialize(e2, t3) {
-    return ce(this.getState().iiif, e2, t3);
-  }
-  toPresentation2(e2) {
-    return this.serialize(e2, fe);
-  }
-  toPresentation3(e2) {
-    return this.serialize(e2, pe);
-  }
-  hydrate(e2, t3, n2 = {}) {
-    return this.get(e2, t3, { ...n2, skipSelfReturn: !1 });
-  }
-  get(e2, t3, n2 = {}) {
-    typeof t3 != "string" && (n2 = t3 || {}, t3 = void 0);
-    let { skipSelfReturn: r2 = !0 } = n2 || {}, i3 = n2.parent ? typeof n2.parent == "string" ? n2.parent : n2.parent.id : void 0;
-    if (Array.isArray(e2)) return e2.map((e3) => this.get(e3, n2));
-    let a2 = this.getState();
-    if (n$5(e2) && !n2.preserveSpecificResources && (e2 = e2.source), typeof e2 == "string") {
-      let n3 = T(t3 || a2.iiif.mapping[e2]);
-      if (!n3) return r2 ? null : { id: e2, type: "unknown" };
-      e2 = { id: e2, type: n3 };
-    }
-    if (e2 && e2.partOf && !i3 && !n2.skipPartOfCheck) {
-      let t4 = Array.isArray(e2.partOf) ? e2.partOf[0] : e2.partOf;
-      t4 && (typeof t4 == "string" && (i3 = t4), typeof t4.id == "string" && (i3 = t4.id));
-    }
-    let o2 = T(t3 || e2?.type), s2 = e2?.id, c2 = a2.iiif.entities[o2];
-    if (!c2) {
-      let t4 = a2.iiif.requests[s2];
-      return t4 && t4.resourceUri !== s2 ? this.get(t4.resourceUri, n2) : r2 ? null : e2;
-    }
-    let p2 = c2[e2.id];
-    return p2 && p2[a$1] ? f$1(p2, p2[a$1].find((e3) => i3 ? e3[o$1] === i3 : e3[o$1] === p2.id)) : c2[e2.id] || (r2 ? null : e2);
-  }
-  select(e2) {
-    return e2(this.getState());
-  }
-  getStore() {
-    return this.store;
-  }
-  getState() {
-    return this.store.getState();
-  }
-  deep(e2, t3) {
-    if (e2 === void 0) return this.get(t3, { skipSelfReturn: !1 });
-    if (typeof e2 == "function") try {
-      let n3 = e2(this.get(t3, { skipSelfReturn: !1 })), r2 = (e3) => this.deep(e3, n3);
-      return r2.size = Array.isArray(n3) ? n3.length : 1, r2;
-    } catch {
-      let e3 = (e4) => this.deep(e4, void 0);
-      return e3.size = 0, e3;
-    }
-    let n2 = (t4) => this.deep(t4, e2);
-    return n2.size = Array.isArray(e2) ? e2.length : 1, n2;
-  }
-  loadManifest(e2, t3, n2) {
-    let r2 = typeof e2 == "string" ? e2 : e2.id;
-    return this.load(r2, t3, n2);
-  }
-  loadCollection(e2, t3, n2) {
-    let r2 = typeof e2 == "string" ? e2 : e2.id;
-    return this.load(r2, t3, n2);
-  }
-  load(e2, t3, n2) {
-    let r2 = typeof e2 == "string" ? e2 : e2.id;
-    return t3 ? Promise.resolve(this.staticFetcher(r2, t3, n2)) : Promise.resolve(this.remoteFetcher(r2, {}, n2));
-  }
-  loadSync(e2, t3, n2) {
-    let r2 = typeof e2 == "string" ? e2 : e2.id;
-    return this.staticFetcher(r2, t3, n2);
-  }
-  loadManifestSync(e2, t3, n2) {
-    let r2 = typeof e2 == "string" ? e2 : e2.id;
-    return this.loadSync(r2, t3, n2);
-  }
-  loadCollectionSync(e2, t3, n2) {
-    let r2 = typeof e2 == "string" ? e2 : e2.id;
-    return this.loadSync(r2, t3, n2);
-  }
-  areInputsEqual(e2, t3) {
-    return v$1(e2, t3);
-  }
-  subscribe(e2, t3, n2) {
-    return n2 === void 0 && (t3 === void 0 || t3 === !1 || t3 === !0) && (n2 = t3, t3 = e2, e2 = (e3) => e3), this.store.subscribe(e2, (e3) => t3(e3, this), { equalityFn: v$1, fireImmediately: !n2 });
-  }
-  async ensureLoaded(e2) {
-    let t3 = typeof e2 == "string" ? e2 : e2.id;
-    this.requestStatus(t3) || await this.load(t3);
-  }
-  requestStatus(e2) {
-    return this.select((t3) => t3.iiif.requests[e2]);
-  }
-  getPaginationState(e2) {
-    let t3 = typeof e2 == "string" ? e2 : e2.id;
-    if (!t3) return null;
-    let n2 = this.getResourceMeta(t3, "@vault/pagination");
-    if (n2?.state) return n2.state;
-    let r2 = this.get(e2);
-    if (r2.first) {
-      let e3 = { currentPage: null, currentPageIndex: null, isFetching: !1, isFullyLoaded: !1, next: r2.first, page: 1, pages: [], previous: null, totalItems: r2.total, currentLength: 0 };
-      return this.setMetaValue([t3, "@vault/pagination", "state"], e3), e3;
-    }
-    return null;
-  }
-  async loadNextPage(e2, t3) {
-    let n2 = typeof e2 == "string" ? e2 : e2.id;
-    if (!n2) return [null, null];
-    let r2 = this.getPaginationState(e2);
-    if (!r2 || r2.isFullyLoaded || !r2.next) return [null, null];
-    if (r2.isFetching) return [r2, null];
-    let i3 = typeof r2.next == "string" ? r2.next : r2.next.id, a2 = r2.currentPage, o2 = { ...r2, isFetching: !0 };
-    this.setMetaValue([n2, "@vault/pagination", "state"], o2);
-    let s2;
-    try {
-      s2 = await this.loadCollection(i3, t3, (e3) => {
-        let { id: t4, "@id": n3, ...r3 } = e3 || {};
-        return n3 ? { "@id": i3, ...r3 } : { id: i3, ...r3 };
-      });
-    } catch (e3) {
-      let t4 = { ...r2, isFetching: !1, error: e3 };
-      return this.setMetaValue([n2, "@vault/pagination", "state"], t4), [t4, null];
-    }
-    if (!s2) {
-      let e3 = { ...r2, isFetching: !1, error: Error("Collection not found") };
-      return this.setMetaValue([n2, "@vault/pagination", "state"], e3), [e3, null];
-    }
-    let c2 = this.get(n2), l2 = [...c2.items || [], ...s2.items || []].map((e3) => ({ id: e3.id, type: e3.type }));
-    this.modifyEntityField({ id: n2, type: "Collection" }, "items", l2);
-    let u2 = this.getPaginationState(e2);
-    if (!u2) throw Error("Pagination state not found");
-    let d2 = { ...u2, isFetching: !1, error: null, currentPage: s2.id, next: s2.next?.id || null, currentPageIndex: u2.pages.length, currentLength: l2.length, pages: [...u2.pages, { id: s2.id, type: "Collection", startIndex: c2.items.length, pageLength: s2.items.length, order: typeof u2.currentPageIndex == "number" ? u2.currentPageIndex + 1 : 0 }], isFullyLoaded: !s2.next, previous: a2, page: u2.pages.length + 1 };
-    return this.setMetaValue([n2, "@vault/pagination", "state"], d2), [d2, s2];
-  }
-  getResourceMeta(e2, t3) {
-    let n2 = this.getState().iiif.meta[e2];
-    if (n2) return t3 ? n2[t3] : n2;
-  }
-  getObject(e2, t3, n2 = {}) {
-    let { reactive: r2, ...i3 } = n2;
-    return w(this.get(e2, t3, i3), this, r2);
-  }
-  async loadObject(e2, t3) {
-    return w(await this.load(e2, t3), this);
-  }
-  async loadManifestObject(e2, t3) {
-    return w(await this.loadManifest(e2, t3), this);
-  }
-  async loadCollectionObject(e2, t3) {
-    return w(await this.loadCollection(e2, t3), this);
-  }
-  wrapObject(e2) {
-    return w(this.get(e2, { skipSelfReturn: !1 }), this);
-  }
-  isWrapped(e2) {
-    return S(e2);
-  }
-  setMetaValue([e2, t3, n2], r2) {
-    this.dispatch(typeof r2 == "function" ? i2.setMetaValueDynamic({ id: e2, meta: t3, key: n2, updateValue: r2 }) : i2.setMetaValue({ id: e2, meta: t3, key: n2, value: r2 }));
-  }
-};
 const defaultState$1 = {
   viewer: null,
   viewerReady: !1
@@ -1807,7 +40,6 @@ const defaultManifest = {
   id: null,
   url: null,
   isLoading: !1,
-  isReady: !1,
   error: null
 }, createManifestSlice = (vault) => (set) => ({
   vault,
@@ -1826,8 +58,8 @@ const defaultManifest = {
         index !== -1 && (updates.currentIndex = index);
       }
       set(updates);
-    } catch (e2) {
-      const error = e2 instanceof Error ? e2.message : "Unknown error";
+    } catch (e) {
+      const error = e instanceof Error ? e.message : "Unknown error";
       set({ isLoading: !1, error });
     }
   },
@@ -1837,11 +69,14 @@ const defaultManifest = {
 }, createCanvasSlice = (set, get) => ({
   ...defaultCanvas,
   goToCanvas: (index) => {
-    const { vault, id: manifestId } = get();
+    const { vault, id: manifestId, currentIndex } = get();
     if (!manifestId)
       return;
-    const manifest = vault.get({ id: manifestId, type: "Manifest" }), clamped = Math.max(0, Math.min(index, manifest.items.length - 1));
-    set({ currentIndex: clamped });
+    const manifest = vault.get({ id: manifestId, type: "Manifest" }), newIndex = Math.max(0, Math.min(index, manifest.items.length - 1));
+    newIndex !== currentIndex && set({
+      currentIndex: newIndex,
+      viewerReady: !1
+    });
   },
   goToCanvasById: (id) => {
     const { vault, id: manifestId, goToCanvas } = get();
@@ -1864,14 +99,14 @@ const defaultManifest = {
   },
   reset: () => set(defaultCanvas)
 }), createViewerStore = () => {
-  const vault = new E(), resets = [], withReset = (slice) => (resets.push(slice.reset), slice);
-  return createStore((...a2) => {
-    const instance = withReset(createInstanceSlice(...a2)), control = withReset(createControlSlice(...a2));
+  const vault = new Vault(), resets = [], withReset = (slice) => (resets.push(slice.reset), slice);
+  return createStore((...a) => {
+    const instance = withReset(createInstanceSlice(...a)), control = withReset(createControlSlice(...a));
     return {
       ...instance,
       ...control,
-      ...withReset(createManifestSlice(vault)(...a2)),
-      ...withReset(createCanvasSlice(...a2)),
+      ...withReset(createManifestSlice(vault)(...a)),
+      ...withReset(createCanvasSlice(...a)),
       reset: () => resets.forEach((fn) => fn()),
       resetViewer: () => {
         instance.reset(), control.reset();
@@ -1882,77 +117,15 @@ const defaultManifest = {
 function useViewerStore() {
   return useContext(ViewerContext) ?? orThrow("viewer hook must be used within viewer provider");
 }
-const e = {}, t$1 = { get(e2) {
-  return e2;
-}, setMetaValue([n2, r2, i3], a2) {
-  let o2 = t$1.getResourceMeta(n2, r2), s2 = o2 ? o2[i3] : void 0, c2 = typeof a2 == "function" ? a2(s2) : a2;
-  e[n2] = { ...e[n2] || {}, [r2]: { ...(e[n2] || {})[r2] || {}, [i3]: c2 } };
-}, getResourceMeta: ((t3, n2) => {
-  let r2 = e[t3];
-  if (r2) return n2 ? r2[n2] : r2;
-}), async load(e2) {
-  let t3 = typeof e2 == "string" ? e2 : e2.id;
-  return fetch(t3).then((e3) => e3.json());
-}, requestStatus(e2) {
-} };
-function t2(e2) {
-  return e2.type === "SpecificResource" ? [e2.source, { selector: e2.selector }] : [e2, { selector: null }];
-}
-function n(n2 = t$1) {
-  function r2(e2) {
-    let t3 = e2 ? typeof e2 == "string" ? n2.get(e2) : e2 : null;
-    if (!t3) return [];
-    let r3 = n2.get(t3.items, { parent: t3 }), i4 = [];
-    for (let e3 of r3) i4.push(...n2.get(e3.items, { parent: e3 }));
-    return i4;
-  }
-  function i3(e2, i4 = []) {
-    let a3 = Array.isArray(e2) ? e2 : r2(e2), o2 = [], s2 = { items: [], type: "complex-choice" }, c2 = [];
-    for (let e3 of a3) {
-      if (e3.type !== "Annotation") throw Error("getPaintables() accept either a canvas or list of annotations");
-      let r3 = Array.from(Array.isArray(e3.body) ? e3.body : [e3.body]);
-      for (let a4 of r3) {
-        let [l2, { selector: u2 }] = t2(a4), d2 = n2.get(l2), f2 = (d2.type || "unknown").toLowerCase();
-        if (f2 === "choice") {
-          let e4 = n2.get(d2.items, { parent: d2.id }), t3 = i4.length ? i4.map((t4) => e4.find((e5) => e5.id === t4)).filter(Boolean) : [e4[0]];
-          t3.length === 0 && t3.push(e4[0]), s2.items.push({ type: "single-choice", items: e4.map((e5) => ({ id: e5.id, label: e5.label, selected: t3.indexOf(e5) !== -1 })), label: l2.label }), r3.push(...t3);
-          continue;
-        }
-        o2.indexOf(f2) === -1 && o2.push(f2), c2.push({ type: f2, annotationId: e3.id, annotation: e3, resource: d2, target: e3.target, selector: u2 });
-      }
-    }
-    return { types: o2, items: c2, choice: s2.items.length < 2 ? s2.items[0] || null : s2, allChoices: s2.items.length ? s2 : null };
-  }
-  function a2(e2) {
-    let { choice: t3 } = i3(e2);
-    return t3;
-  }
-  return { getAllPaintingAnnotations: r2, getPaintables: i3, extractChoices: a2 };
-}
-function H(e2) {
-  if (e2["@id"]) return e2["@id"];
-  if (e2.id) return e2.id;
-}
-function U(e2) {
-  if (!e2 || !e2.profile || !H(e2)) return !1;
-  let t3 = Array.isArray(e2.profile) ? e2.profile : [e2.profile];
-  for (let e3 of t3) if (typeof e3 == "string" && M$3.indexOf(e3) !== -1) return !0;
-  return !1;
-}
-function de(e2) {
-  let t3 = e2.service ? Array.isArray(e2.service) ? e2.service : [e2.service] : [], n2 = t3.length, r2 = [];
-  for (let e3 = 0; e3 < n2; e3++) U(t3[e3]) && r2.push(t3[e3]);
-  return r2;
-}
 function getImageServiceId(vault, canvas) {
-  const paintables = n(vault).getPaintables(canvas.id);
+  const paintables = createPaintingAnnotationsHelper(vault).getPaintables(canvas.id);
   if (!paintables.items.length)
     return null;
   const resource = paintables.items[0].resource;
   if (!isExternalWebResource(resource))
     return null;
-  const services = de(resource);
-  return services.length ? H(services[0]) ?? null : getImageServiceIdWithoutProfileCheck(resource);
+  const services = getImageServices(resource);
+  return services.length ? getId(services[0]) ?? null : getImageServiceIdWithoutProfileCheck(resource);
 }
 function getImageServiceIdWithoutProfileCheck(resource) {
   const service = resource.service;
@@ -1973,7 +146,7 @@ function useViewerStoreSelector(selector) {
   return useStore(store, selector);
 }
 function useCanvas() {
-  const vault = useViewerStoreSelector((s2) => s2.vault), id = useViewerStoreSelector((s2) => s2.id), isLoading = useViewerStoreSelector((s2) => s2.isLoading), currentIndex = useViewerStoreSelector((s2) => s2.currentIndex), goTo = useViewerStoreSelector((s2) => s2.goToCanvas), goToById = useViewerStoreSelector((s2) => s2.goToCanvasById), next = useViewerStoreSelector((s2) => s2.nextCanvas), prev = useViewerStoreSelector((s2) => s2.prevCanvas), { current, total } = useMemo(() => {
+  const vault = useViewerStoreSelector((s) => s.vault), id = useViewerStoreSelector((s) => s.id), isLoading = useViewerStoreSelector((s) => s.isLoading), currentIndex = useViewerStoreSelector((s) => s.currentIndex), goTo = useViewerStoreSelector((s) => s.goToCanvas), goToById = useViewerStoreSelector((s) => s.goToCanvasById), next = useViewerStoreSelector((s) => s.nextCanvas), prev = useViewerStoreSelector((s) => s.prevCanvas), { current, total } = useMemo(() => {
     if (!id || isLoading)
       return { current: null, total: 0 };
     const manifest = vault.get({ id, type: "Manifest" }), canvasRef = manifest.items[currentIndex] ?? orThrow("No canvas ref for " + currentIndex), current2 = vault.get(canvasRef), total2 = manifest.items.length;
@@ -1991,11 +164,11 @@ function useCanvas() {
   };
 }
 function useManifest() {
-  const vault = useViewerStoreSelector((s2) => s2.vault), id = useViewerStoreSelector((s2) => s2.id), url = useViewerStoreSelector((s2) => s2.url), isLoading = useViewerStoreSelector((s2) => s2.isLoading), error = useViewerStoreSelector((s2) => s2.error), loadManifest = useViewerStoreSelector((s2) => s2.loadManifest);
+  const vault = useViewerStoreSelector((s) => s.vault), id = useViewerStoreSelector((s) => s.id), url = useViewerStoreSelector((s) => s.url), isLoading = useViewerStoreSelector((s) => s.isLoading), error = useViewerStoreSelector((s) => s.error), loadManifest = useViewerStoreSelector((s) => s.loadManifest);
   return { vault, id, url, isLoading, error, isReady: !!url && !isLoading && !error, loadManifest };
 }
 function useLoadManifest() {
-  return useViewerStoreSelector((s2) => s2.loadManifest);
+  return useViewerStoreSelector((s) => s.loadManifest);
 }
 function useStableProp(options) {
   const [stable, setStable] = useState(options), [key, setKey] = useState(() => JSON.stringify(options)), json = JSON.stringify(options);
@@ -2032,8 +205,8 @@ function Viewer(props) {
   }
   useEffect(openTileSource, [tileSource, store, isContainerReady]);
   function openTileSource() {
-    const state = store.getState(), viewer = state.viewer;
-    !viewer || !tileSource || (state.setViewerReady(!1), viewer.open(tileSource));
+    const viewer = store.getState().viewer;
+    !viewer || !tileSource || viewer.open(tileSource);
   }
   useEffect(resizeViewerOnContainerResize, [store]);
   function resizeViewerOnContainerResize() {
@@ -2072,10 +245,10 @@ function useContainerSize(ref) {
   }, [ref]), size;
 }
 function useViewer() {
-  return useViewerStoreSelector((s2) => s2.viewer);
+  return useViewerStoreSelector((s) => s.viewer);
 }
 function useViewerReady() {
-  return useViewerStoreSelector((s2) => s2.viewerReady);
+  return useViewerStoreSelector((s) => s.viewerReady);
 }
 function useImageInfo() {
   const viewer = useViewer(), ready = useViewerReady();
@@ -2113,7 +286,7 @@ function ViewerProvider({ children }) {
   return /* @__PURE__ */ jsx(ViewerContext.Provider, { value: store, children });
 }
 function useViewerControls(fullscreenRef) {
-  const viewer = useViewer(), store = useViewerStore(), zoomLevel = useViewerStoreSelector((s2) => s2.zoomLevel), zoomMin = useViewerStoreSelector((s2) => s2.zoomMin), zoomMax = useViewerStoreSelector((s2) => s2.zoomMax), isFullPage = useViewerStoreSelector((s2) => s2.isFullPage), rotation = useViewerStoreSelector((s2) => s2.rotation);
+  const viewer = useViewer(), store = useViewerStore(), zoomLevel = useViewerStoreSelector((s) => s.zoomLevel), zoomMin = useViewerStoreSelector((s) => s.zoomMin), zoomMax = useViewerStoreSelector((s) => s.zoomMax), isFullPage = useViewerStoreSelector((s) => s.isFullPage), rotation = useViewerStoreSelector((s) => s.rotation);
   useEffect(() => {
     const onFullscreenChange = () => {
       store.getState().setIsFullPage(!!document.fullscreenElement);