triiiceratops 0.3.1 → 0.3.2

package/dist/triiiceratops.js

@@ -1,8 +1,8 @@
-var ke = (s) => {
-  throw TypeError(s);
+var ke = (a) => {
+  throw TypeError(a);
 };
-var Be = (s, t, a) => t.has(s) || ke("Cannot " + a);
-var L = (s, t, a) => (Be(s, t, "read from private field"), a ? a.call(s) : t.get(s)), Y = (s, t, a) => t.has(s) ? ke("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(s) : t.set(s, a);
+var Oe = (a, t, s) => t.has(a) || ke("Cannot " + s);
+var G = (a, t, s) => (Oe(a, t, "read from private field"), s ? s.call(a) : t.get(a)), Y = (a, t, s) => t.has(a) ? ke("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(a) : t.set(a, s);
 import "svelte/internal/disclose-version";
 import * as e from "svelte/internal/client";
 import { onMount as qe, getContext as xe, setContext as Ye } from "svelte";
@@ -10,110 +10,110 @@ import * as Xe from "manifesto.js";
 import Ce from "openseadragon";
 import Qe from "phosphor-svelte/lib/CaretLeft";
 import Ue from "phosphor-svelte/lib/CaretRight";
-import We from "phosphor-svelte/lib/CaretDown";
-import Me from "phosphor-svelte/lib/Eye";
+import Ke from "phosphor-svelte/lib/CaretDown";
+import je from "phosphor-svelte/lib/Eye";
 import Le from "phosphor-svelte/lib/EyeSlash";
-import Ke from "phosphor-svelte/lib/X";
+import We from "phosphor-svelte/lib/X";
 import "svelte/internal/flags/legacy";
-import Ze from "phosphor-svelte/lib/ChatCenteredText";
-import Je from "phosphor-svelte/lib/CornersIn";
+import Je from "phosphor-svelte/lib/ChatCenteredText";
+import Ze from "phosphor-svelte/lib/CornersIn";
 import et from "phosphor-svelte/lib/CornersOut";
 import tt from "phosphor-svelte/lib/Info";
 import Ge from "phosphor-svelte/lib/MagnifyingGlass";
-import at from "phosphor-svelte/lib/Plus";
-import st from "phosphor-svelte/lib/Slideshow";
+import st from "phosphor-svelte/lib/Plus";
+import at from "phosphor-svelte/lib/Slideshow";
 var re;
 class nt {
   constructor() {
     Y(this, re, e.state(e.proxy({})));
   }
   get manifests() {
-    return e.get(L(this, re));
+    return e.get(G(this, re));
   }
   set manifests(t) {
-    e.set(L(this, re), t, !0);
+    e.set(G(this, re), t, !0);
   }
   async fetchManifest(t) {
     if (!this.manifests[t]) {
       this.manifests[t] = { isFetching: !0 };
       try {
-        const a = await fetch(t);
-        if (!a.ok)
-          throw new Error(`HTTP error! status: ${a.status}`);
-        const n = await a.json(), l = Xe.parseManifest(n);
-        this.manifests[t] = { json: n, manifesto: l, isFetching: !1 };
-      } catch (a) {
-        this.manifests[t] = { error: a.message, isFetching: !1 };
+        const s = await fetch(t);
+        if (!s.ok)
+          throw new Error(`HTTP error! status: ${s.status}`);
+        const n = await s.json(), c = Xe.parseManifest(n);
+        this.manifests[t] = { json: n, manifesto: c, isFetching: !1 };
+      } catch (s) {
+        this.manifests[t] = { error: s.message, isFetching: !1 };
       }
     }
   }
   getManifest(t) {
-    const a = this.manifests[t];
-    return a == null ? void 0 : a.manifesto;
+    const s = this.manifests[t];
+    return s == null ? void 0 : s.manifesto;
   }
   async fetchAnnotationList(t) {
     if (!this.manifests[t])
       try {
-        const a = await fetch(t);
-        if (a.ok) {
-          const n = await a.json();
+        const s = await fetch(t);
+        if (s.ok) {
+          const n = await s.json();
           this.manifests[t] = { json: n };
         } else
           console.error(`Failed to fetch annotation list: ${t}`);
-      } catch (a) {
-        console.error(`Error fetching annotation list: ${t}`, a);
+      } catch (s) {
+        console.error(`Error fetching annotation list: ${t}`, s);
       }
   }
   getCanvases(t) {
-    const a = this.getManifest(t);
-    if (!a)
+    const s = this.getManifest(t);
+    if (!s)
       return [];
-    const n = a.getSequences();
+    const n = s.getSequences();
     return !n || !n.length ? [] : n[0].getCanvases();
   }
-  getAnnotations(t, a) {
+  getAnnotations(t, s) {
     const n = this.getManifest(t);
-    return n ? n.getSequences()[0].getCanvasById(a) ? this.manualGetAnnotations(t, a) : [] : [];
+    return n ? n.getSequences()[0].getCanvasById(s) ? this.manualGetAnnotations(t, s) : [] : [];
   }
   // We can refactor this to use Manifesto's resource handling later if needed.
-  manualGetAnnotations(t, a) {
+  manualGetAnnotations(t, s) {
     const n = this.getManifest(t);
     if (!n) return [];
-    const l = n.getSequences()[0].getCanvasById(a);
-    if (!l) return [];
-    const c = l.__jsonld;
-    let A = [];
-    const m = (p) => p.resources || p.items || [];
-    return c.otherContent && c.otherContent.forEach((p) => {
-      const b = p["@id"] || p.id;
-      if (b && !p.resources) {
-        const x = this.manifests[b];
-        if (x) {
-          if (x.json) {
-            const j = m(x.json);
-            A.push(...j);
+    const c = n.getSequences()[0].getCanvasById(s);
+    if (!c) return [];
+    const g = c.__jsonld;
+    let C = [];
+    const y = (b) => b.resources || b.items || [];
+    return g.otherContent && g.otherContent.forEach((b) => {
+      const S = b["@id"] || b.id;
+      if (S && !b.resources) {
+        const k = this.manifests[S];
+        if (k) {
+          if (k.json) {
+            const P = y(k.json);
+            C.push(...P);
           }
         } else
-          this.fetchAnnotationList(b);
-      } else p.resources && A.push(...p.resources);
-    }), c.annotations && c.annotations.forEach((p) => {
-      const b = p.id || p["@id"];
-      if (b && !p.items) {
-        const x = this.manifests[b];
-        if (x) {
-          if (x.json) {
-            const j = m(x.json);
-            A.push(...j);
+          this.fetchAnnotationList(S);
+      } else b.resources && C.push(...b.resources);
+    }), g.annotations && g.annotations.forEach((b) => {
+      const S = b.id || b["@id"];
+      if (S && !b.items) {
+        const k = this.manifests[S];
+        if (k) {
+          if (k.json) {
+            const P = y(k.json);
+            C.push(...P);
           }
         } else
-          this.fetchAnnotationList(b);
-      } else p.items && A.push(...p.items);
-    }), A;
+          this.fetchAnnotationList(S);
+      } else b.items && C.push(...b.items);
+    }), C;
   }
 }
 re = new WeakMap();
-const ae = new nt();
-var ie, oe, le, ce, de, ge, ue, he, fe, ve, pe, me, be, _e, ye;
+const se = new nt();
+var ie, oe, le, ce, de, ge, ue, fe, he, ve, pe, me, be, _e, ye;
 class rt {
   constructor(t) {
     Y(this, ie, e.state(null));
@@ -123,82 +123,82 @@ class rt {
     Y(this, de, e.state(!1));
     Y(this, ge, e.state(!1));
     Y(this, ue, e.state(!1));
-    Y(this, he, e.state(!1));
-    Y(this, fe, e.state("none"));
+    Y(this, fe, e.state(!1));
+    Y(this, he, e.state("none"));
     Y(this, ve, e.state(e.proxy(/* @__PURE__ */ new Set())));
     Y(this, pe, e.state(""));
     Y(this, me, e.state(e.proxy([])));
     Y(this, be, e.state(!1));
     Y(this, _e, e.state(!1));
     Y(this, ye, e.state(e.proxy([])));
-    this.manifestId = t || null, this.manifestId && ae.fetchManifest(this.manifestId);
+    this.manifestId = t || null, this.manifestId && se.fetchManifest(this.manifestId);
   }
   get manifestId() {
-    return e.get(L(this, ie));
+    return e.get(G(this, ie));
   }
   set manifestId(t) {
-    e.set(L(this, ie), t, !0);
+    e.set(G(this, ie), t, !0);
   }
   get canvasId() {
-    return e.get(L(this, oe));
+    return e.get(G(this, oe));
   }
   set canvasId(t) {
-    e.set(L(this, oe), t, !0);
+    e.set(G(this, oe), t, !0);
   }
   get showAnnotations() {
-    return e.get(L(this, le));
+    return e.get(G(this, le));
   }
   set showAnnotations(t) {
-    e.set(L(this, le), t, !0);
+    e.set(G(this, le), t, !0);
   }
   get showThumbnailGallery() {
-    return e.get(L(this, ce));
+    return e.get(G(this, ce));
   }
   set showThumbnailGallery(t) {
-    e.set(L(this, ce), t, !0);
+    e.set(G(this, ce), t, !0);
   }
   get isGalleryDockedBottom() {
-    return e.get(L(this, de));
+    return e.get(G(this, de));
   }
   set isGalleryDockedBottom(t) {
-    e.set(L(this, de), t, !0);
+    e.set(G(this, de), t, !0);
   }
   get isGalleryDockedRight() {
-    return e.get(L(this, ge));
+    return e.get(G(this, ge));
   }
   set isGalleryDockedRight(t) {
-    e.set(L(this, ge), t, !0);
+    e.set(G(this, ge), t, !0);
   }
   get isFullScreen() {
-    return e.get(L(this, ue));
+    return e.get(G(this, ue));
   }
   set isFullScreen(t) {
-    e.set(L(this, ue), t, !0);
+    e.set(G(this, ue), t, !0);
   }
   get showMetadataDialog() {
-    return e.get(L(this, he));
+    return e.get(G(this, fe));
   }
   set showMetadataDialog(t) {
-    e.set(L(this, he), t, !0);
+    e.set(G(this, fe), t, !0);
   }
   get dockSide() {
-    return e.get(L(this, fe));
+    return e.get(G(this, he));
   }
   set dockSide(t) {
-    e.set(L(this, fe), t, !0);
+    e.set(G(this, he), t, !0);
   }
   get visibleAnnotationIds() {
-    return e.get(L(this, ve));
+    return e.get(G(this, ve));
   }
   set visibleAnnotationIds(t) {
-    e.set(L(this, ve), t, !0);
+    e.set(G(this, ve), t, !0);
   }
   get manifest() {
-    return this.manifestId ? ae.getManifest(this.manifestId) : null;
+    return this.manifestId ? se.getManifest(this.manifestId) : null;
   }
   get canvases() {
     if (!this.manifestId) return [];
-    const t = ae.getCanvases(this.manifestId);
+    const t = se.getCanvases(this.manifestId);
     return t.length > 0 && !this.canvasId && setTimeout(
       () => {
         !this.canvasId && t.length > 0 && (this.canvasId = t[0].id);
@@ -217,18 +217,18 @@ class rt {
   }
   nextCanvas() {
     if (this.hasNext) {
-      const t = this.currentCanvasIndex + 1, a = this.canvases[t];
-      this.canvasId = a.id;
+      const t = this.currentCanvasIndex + 1, s = this.canvases[t];
+      this.canvasId = s.id;
     }
   }
   previousCanvas() {
     if (this.hasPrevious) {
-      const t = this.currentCanvasIndex - 1, a = this.canvases[t];
-      this.canvasId = a.id;
+      const t = this.currentCanvasIndex - 1, s = this.canvases[t];
+      this.canvasId = s.id;
     }
   }
   setManifest(t) {
-    this.manifestId = t, this.canvasId = null, ae.fetchManifest(t);
+    this.manifestId = t, this.canvasId = null, se.fetchManifest(t);
   }
   setCanvas(t) {
     this.canvasId = t;
@@ -244,8 +244,8 @@ class rt {
       document.exitFullscreen();
     else {
       const t = document.getElementById("triiiceratops-viewer");
-      t && t.requestFullscreen().catch((a) => {
-        console.warn("Fullscreen request failed", a);
+      t && t.requestFullscreen().catch((s) => {
+        console.warn("Fullscreen request failed", s);
       });
     }
   }
@@ -253,145 +253,145 @@ class rt {
     this.showMetadataDialog = !this.showMetadataDialog;
   }
   get searchQuery() {
-    return e.get(L(this, pe));
+    return e.get(G(this, pe));
   }
   set searchQuery(t) {
-    e.set(L(this, pe), t, !0);
+    e.set(G(this, pe), t, !0);
   }
   get searchResults() {
-    return e.get(L(this, me));
+    return e.get(G(this, me));
   }
   set searchResults(t) {
-    e.set(L(this, me), t, !0);
+    e.set(G(this, me), t, !0);
   }
   get isSearching() {
-    return e.get(L(this, be));
+    return e.get(G(this, be));
   }
   set isSearching(t) {
-    e.set(L(this, be), t, !0);
+    e.set(G(this, be), t, !0);
   }
   get showSearchPanel() {
-    return e.get(L(this, _e));
+    return e.get(G(this, _e));
   }
   set showSearchPanel(t) {
-    e.set(L(this, _e), t, !0);
+    e.set(G(this, _e), t, !0);
   }
   toggleSearchPanel() {
     this.showSearchPanel = !this.showSearchPanel, this.showSearchPanel || (this.searchAnnotations = []);
   }
   get searchAnnotations() {
-    return e.get(L(this, ye));
+    return e.get(G(this, ye));
   }
   set searchAnnotations(t) {
-    e.set(L(this, ye), t, !0);
+    e.set(G(this, ye), t, !0);
   }
   get currentCanvasSearchAnnotations() {
     return this.canvasId ? this.searchAnnotations.filter((t) => t.canvasId === this.canvasId) : [];
   }
   async search(t) {
-    var a, n;
+    var s, n;
     if (t.trim()) {
       this.isSearching = !0, this.searchQuery = t, this.searchResults = [];
       try {
-        const l = this.manifest;
-        if (!l) throw new Error("No manifest loaded");
-        let c = l.getService("http://iiif.io/api/search/1/search") || l.getService("http://iiif.io/api/search/0/search");
-        if (c || l.__jsonld && l.__jsonld.service && (c = (Array.isArray(l.__jsonld.service) ? l.__jsonld.service : [l.__jsonld.service]).find((h) => h.profile === "http://iiif.io/api/search/1/search" || h.profile === "http://iiif.io/api/search/0/search")), !c) {
+        const c = this.manifest;
+        if (!c) throw new Error("No manifest loaded");
+        let g = c.getService("http://iiif.io/api/search/1/search") || c.getService("http://iiif.io/api/search/0/search");
+        if (g || c.__jsonld && c.__jsonld.service && (g = (Array.isArray(c.__jsonld.service) ? c.__jsonld.service : [c.__jsonld.service]).find((u) => u.profile === "http://iiif.io/api/search/1/search" || u.profile === "http://iiif.io/api/search/0/search")), !g) {
           console.warn("No IIIF search service found in manifest"), this.isSearching = !1;
           return;
         }
-        const m = `${c.id || c["@id"]}?q=${encodeURIComponent(t)}`, p = await fetch(m);
-        if (!p.ok) throw new Error("Search request failed");
-        const b = await p.json(), x = b.resources || [], j = [], i = (o) => {
-          const h = typeof o == "string" ? o : o["@id"] || o.id;
-          if (!h) return null;
-          const _ = h.split("#xywh=");
-          if (_.length < 2) return null;
-          const f = _[1].split(",").map(Number);
-          return f.length === 4 ? f : null;
+        const y = `${g.id || g["@id"]}?q=${encodeURIComponent(t)}`, b = await fetch(y);
+        if (!b.ok) throw new Error("Search request failed");
+        const S = await b.json(), k = S.resources || [], P = [], i = (l) => {
+          const u = typeof l == "string" ? l : l["@id"] || l.id;
+          if (!u) return null;
+          const T = u.split("#xywh=");
+          if (T.length < 2) return null;
+          const v = T[1].split(",").map(Number);
+          return v.length === 4 ? v : null;
         };
-        if (b.hits)
-          for (const o of b.hits) {
-            const h = o.annotations || [];
-            for (const _ of h) {
-              const f = x.find((r) => r["@id"] === _ || r.id === _);
-              if (f && f.on) {
-                const r = typeof f.on == "string" ? f.on : f.on["@id"] || f.on.id, d = r.split("#")[0], S = i(r), w = this.canvases.findIndex((I) => I.id === d);
-                if (w >= 0) {
-                  const I = this.canvases[w];
-                  let k = "Canvas " + (w + 1);
+        if (S.hits)
+          for (const l of S.hits) {
+            const u = l.annotations || [];
+            for (const T of u) {
+              const v = k.find((r) => r["@id"] === T || r.id === T);
+              if (v && v.on) {
+                const r = typeof v.on == "string" ? v.on : v.on["@id"] || v.on.id, d = r.split("#")[0], w = i(r), m = this.canvases.findIndex((j) => j.id === d);
+                if (m >= 0) {
+                  const j = this.canvases[m];
+                  let L = "Canvas " + (m + 1);
                   try {
-                    if (I.getLabel) {
-                      const y = I.getLabel();
-                      Array.isArray(y) && y.length > 0 ? k = y[0].value : typeof y == "string" && (k = y);
-                    } else I.label && (typeof I.label == "string" ? k = I.label : Array.isArray(I.label) && (k = (a = I.label[0]) == null ? void 0 : a.value));
+                    if (j.getLabel) {
+                      const x = j.getLabel();
+                      Array.isArray(x) && x.length > 0 ? L = x[0].value : typeof x == "string" && (L = x);
+                    } else j.label && (typeof j.label == "string" ? L = j.label : Array.isArray(j.label) && (L = (s = j.label[0]) == null ? void 0 : s.value));
                   } catch {
                   }
-                  j.push({
+                  P.push({
                     type: "hit",
-                    before: o.before,
-                    match: o.match,
-                    after: o.after,
-                    canvasIndex: w,
-                    canvasLabel: String(k),
-                    bounds: S
+                    before: l.before,
+                    match: l.match,
+                    after: l.after,
+                    canvasIndex: m,
+                    canvasLabel: String(L),
+                    bounds: w
                   });
                 }
               }
             }
           }
-        else if (x.length > 0)
-          for (const o of x) {
-            const h = typeof o.on == "string" ? o.on : o.on["@id"] || o.on.id, _ = h.split("#")[0], f = i(h), r = this.canvases.findIndex((d) => d.id === _);
+        else if (k.length > 0)
+          for (const l of k) {
+            const u = typeof l.on == "string" ? l.on : l.on["@id"] || l.on.id, T = u.split("#")[0], v = i(u), r = this.canvases.findIndex((d) => d.id === T);
             if (r >= 0) {
               const d = this.canvases[r];
-              let S = "Canvas " + (r + 1);
+              let w = "Canvas " + (r + 1);
               try {
                 if (d.getLabel) {
-                  const w = d.getLabel();
-                  Array.isArray(w) && w.length > 0 ? S = w[0].value : typeof w == "string" && (S = w);
-                } else d.label && (typeof d.label == "string" ? S = d.label : Array.isArray(d.label) && (S = (n = d.label[0]) == null ? void 0 : n.value));
+                  const m = d.getLabel();
+                  Array.isArray(m) && m.length > 0 ? w = m[0].value : typeof m == "string" && (w = m);
+                } else d.label && (typeof d.label == "string" ? w = d.label : Array.isArray(d.label) && (w = (n = d.label[0]) == null ? void 0 : n.value));
               } catch {
               }
-              j.push({
+              P.push({
                 type: "resource",
-                match: o.resource && o.resource.chars ? o.resource.chars : o.chars || "",
+                match: l.resource && l.resource.chars ? l.resource.chars : l.chars || "",
                 canvasIndex: r,
-                canvasLabel: String(S),
-                bounds: f
+                canvasLabel: String(w),
+                bounds: v
               });
             }
           }
-        this.searchResults = j, this.searchAnnotations = j.filter((o) => o.bounds).map((o, h) => {
-          const _ = this.canvases[o.canvasIndex], f = `${_.id}#xywh=${o.bounds.join(",")}`;
+        this.searchResults = P, this.searchAnnotations = P.filter((l) => l.bounds).map((l, u) => {
+          const T = this.canvases[l.canvasIndex], v = `${T.id}#xywh=${l.bounds.join(",")}`;
           return {
-            "@id": `urn:search-hit:${h}`,
+            "@id": `urn:search-hit:${u}`,
             "@type": "oa:Annotation",
             motivation: "sc:painting",
-            on: f,
-            canvasId: _.id,
-            resource: { "@type": "cnt:ContentAsText", chars: o.match },
+            on: v,
+            canvasId: T.id,
+            resource: { "@type": "cnt:ContentAsText", chars: l.match },
             // Flag to identify styling in Overlay?
             // Or just standard rendering.
             isSearchHit: !0
           };
         });
-      } catch (l) {
-        console.error("Search error:", l);
+      } catch (c) {
+        console.error("Search error:", c);
       } finally {
         this.isSearching = !1;
       }
     }
   }
 }
-ie = new WeakMap(), oe = new WeakMap(), le = new WeakMap(), ce = new WeakMap(), de = new WeakMap(), ge = new WeakMap(), ue = new WeakMap(), he = new WeakMap(), fe = new WeakMap(), ve = new WeakMap(), pe = new WeakMap(), me = new WeakMap(), be = new WeakMap(), _e = new WeakMap(), ye = new WeakMap();
-const se = "triiiceratops:viewerState";
-function ze(s) {
-  return s.id || s["@id"] || (typeof s.getId == "function" ? s.getId() : "");
+ie = new WeakMap(), oe = new WeakMap(), le = new WeakMap(), ce = new WeakMap(), de = new WeakMap(), ge = new WeakMap(), ue = new WeakMap(), fe = new WeakMap(), he = new WeakMap(), ve = new WeakMap(), pe = new WeakMap(), me = new WeakMap(), be = new WeakMap(), _e = new WeakMap(), ye = new WeakMap();
+const ae = "triiiceratops:viewerState";
+function Pe(a) {
+  return a.id || a["@id"] || (typeof a.getId == "function" ? a.getId() : "");
 }
-function Ie(s) {
-  if (!s) return null;
-  const t = s.match(/xywh=(\d+),(\d+),(\d+),(\d+)/);
+function Ie(a) {
+  if (!a) return null;
+  const t = a.match(/xywh=(\d+),(\d+),(\d+),(\d+)/);
   return t ? {
     x: parseInt(t[1], 10),
     y: parseInt(t[2], 10),
@@ -399,71 +399,71 @@ function Ie(s) {
     h: parseInt(t[4], 10)
   } : null;
 }
-function it(s) {
-  const t = ot(s);
+function it(a) {
+  const t = ot(a);
   if (t)
     return lt(t);
-  const a = ut(s);
-  return a ? {
+  const s = ut(a);
+  return s ? {
     type: "RECTANGLE",
-    x: a.x,
-    y: a.y,
-    w: a.w,
-    h: a.h
+    x: s.x,
+    y: s.y,
+    w: s.w,
+    h: s.h
   } : null;
 }
-function ot(s) {
-  var a, n;
-  if (typeof s.getTarget == "function") {
-    const l = ((a = s.__jsonld) == null ? void 0 : a.on) || ((n = s.__jsonld) == null ? void 0 : n.target);
-    if (l)
-      return je(l);
-  }
-  const t = s.target || s.on;
-  return t ? je(t) : null;
+function ot(a) {
+  var s, n;
+  if (typeof a.getTarget == "function") {
+    const c = ((s = a.__jsonld) == null ? void 0 : s.on) || ((n = a.__jsonld) == null ? void 0 : n.target);
+    if (c)
+      return Me(c);
+  }
+  const t = a.target || a.on;
+  return t ? Me(t) : null;
 }
-function je(s) {
-  if (!s) return null;
-  if (Array.isArray(s))
-    for (const t of s) {
-      const a = Ee(t);
-      if (a) return a;
+function Me(a) {
+  if (!a) return null;
+  if (Array.isArray(a))
+    for (const t of a) {
+      const s = Ee(t);
+      if (s) return s;
     }
   else
-    return Ee(s);
+    return Ee(a);
   return null;
 }
-function Ee(s) {
-  var a;
-  if (!s) return null;
-  const t = s.selector || s;
-  return (t == null ? void 0 : t.type) === "SvgSelector" && t.value ? t.value : ((a = t == null ? void 0 : t.item) == null ? void 0 : a.type) === "SvgSelector" && t.item.value ? t.item.value : null;
+function Ee(a) {
+  var s;
+  if (!a) return null;
+  const t = a.selector || a;
+  return (t == null ? void 0 : t.type) === "SvgSelector" && t.value ? t.value : ((s = t == null ? void 0 : t.item) == null ? void 0 : s.type) === "SvgSelector" && t.item.value ? t.item.value : null;
 }
-function lt(s) {
+function lt(a) {
   try {
-    const a = new DOMParser().parseFromString(s, "image/svg+xml");
-    if (a.documentElement.nodeName === "parsererror")
-      return console.warn("Failed to parse SVG selector:", s), null;
-    const n = [], l = a.querySelectorAll("polygon");
-    for (const m of l) {
-      const p = m.getAttribute("points");
-      if (p) {
-        const b = ct(p);
-        n.push(...b);
+    const s = new DOMParser().parseFromString(a, "image/svg+xml");
+    if (s.documentElement.nodeName === "parsererror")
+      return console.warn("Failed to parse SVG selector:", a), null;
+    const n = [], c = s.querySelectorAll("polygon");
+    for (const y of c) {
+      const b = y.getAttribute("points");
+      if (b) {
+        const S = ct(b);
+        n.push(...S);
       }
     }
-    const c = a.querySelectorAll("path");
-    for (const m of c) {
-      const p = m.getAttribute("d");
-      if (p) {
-        const b = dt(p);
-        n.push(...b);
+    const g = s.querySelectorAll("path");
+    for (const y of g) {
+      const b = y.getAttribute("d");
+      if (b) {
+        const S = dt(b);
+        n.push(...S);
       }
     }
-    const A = a.querySelectorAll("circle");
-    for (const m of A) {
-      const p = parseFloat(m.getAttribute("cx") || "0"), b = parseFloat(m.getAttribute("cy") || "0"), x = parseFloat(m.getAttribute("r") || "0"), j = gt(p, b, x);
-      n.push(...j);
+    const C = s.querySelectorAll("circle");
+    for (const y of C) {
+      const b = parseFloat(y.getAttribute("cx") || "0"), S = parseFloat(y.getAttribute("cy") || "0"), k = parseFloat(y.getAttribute("r") || "0"), P = gt(b, S, k);
+      n.push(...P);
     }
     return n.length === 0 ? null : {
       type: "POLYGON",
@@ -473,175 +473,175 @@ function lt(s) {
     return console.warn("Failed to convert SVG to polygon:", t), null;
   }
 }
-function ct(s) {
-  const t = [], a = s.trim().split(/\s+/);
-  for (const n of a) {
-    const [l, c] = n.split(",").map((A) => parseFloat(A));
-    !isNaN(l) && !isNaN(c) && t.push([l, c]);
+function ct(a) {
+  const t = [], s = a.trim().split(/\s+/);
+  for (const n of s) {
+    const [c, g] = n.split(",").map((C) => parseFloat(C));
+    !isNaN(c) && !isNaN(g) && t.push([c, g]);
   }
   return t;
 }
-function dt(s) {
-  const t = [], a = /[ML]\s*([\d.]+)[,\s]+([\d.]+)/g;
+function dt(a) {
+  const t = [], s = /[ML]\s*([\d.]+)[,\s]+([\d.]+)/g;
   let n;
-  for (; (n = a.exec(s)) !== null; ) {
-    const l = parseFloat(n[1]), c = parseFloat(n[2]);
-    !isNaN(l) && !isNaN(c) && t.push([l, c]);
+  for (; (n = s.exec(a)) !== null; ) {
+    const c = parseFloat(n[1]), g = parseFloat(n[2]);
+    !isNaN(c) && !isNaN(g) && t.push([c, g]);
   }
   return t;
 }
-function gt(s, t, a, n = 8) {
-  const l = [];
-  for (let c = 0; c < n; c++) {
-    const A = c / n * Math.PI * 2, m = s + a * Math.cos(A), p = t + a * Math.sin(A);
-    l.push([m, p]);
+function gt(a, t, s, n = 8) {
+  const c = [];
+  for (let g = 0; g < n; g++) {
+    const C = g / n * Math.PI * 2, y = a + s * Math.cos(C), b = t + s * Math.sin(C);
+    c.push([y, b]);
   }
-  return l;
+  return c;
 }
-function ut(s) {
-  var a;
-  if (typeof s.getTarget == "function") {
-    const n = s.getTarget();
+function ut(a) {
+  var s;
+  if (typeof a.getTarget == "function") {
+    const n = a.getTarget();
     if (typeof n == "string" && n.includes("xywh="))
       return Ie(n);
-    const l = (a = s.__jsonld) == null ? void 0 : a.on;
-    if (l) {
-      const c = Te(l);
-      if (c) return c;
+    const c = (s = a.__jsonld) == null ? void 0 : s.on;
+    if (c) {
+      const g = Te(c);
+      if (g) return g;
     }
   }
-  const t = s.target || s.on;
+  const t = a.target || a.on;
   return t ? Te(t) : null;
 }
-function Te(s) {
-  if (!s) return null;
-  if (Array.isArray(s))
-    for (const t of s) {
-      const a = Te(t);
-      if (a) return a;
+function Te(a) {
+  if (!a) return null;
+  if (Array.isArray(a))
+    for (const t of a) {
+      const s = Te(t);
+      if (s) return s;
     }
-  if (typeof s == "string" && s.includes("xywh="))
-    return Ie(s);
-  if (s.selector) {
-    const t = s.selector, a = t.item || t;
-    if (a.value && typeof a.value == "string" && a.value.includes("xywh="))
-      return Ie(a.value);
+  if (typeof a == "string" && a.includes("xywh="))
+    return Ie(a);
+  if (a.selector) {
+    const t = a.selector, s = t.item || t;
+    if (s.value && typeof s.value == "string" && s.value.includes("xywh="))
+      return Ie(s.value);
   }
   return null;
 }
-function ht(s) {
-  let t = "", a = !1;
-  if (typeof s.getBody == "function") {
-    const n = s.getBody();
+function ft(a) {
+  let t = "", s = !1;
+  if (typeof a.getBody == "function") {
+    const n = a.getBody();
     if (n && Array.isArray(n)) {
-      const l = [];
-      for (const c of n) {
-        const A = c.getValue ? c.getValue() : "";
-        if (A) {
-          l.push(A);
-          const m = c.getFormat ? c.getFormat() : "";
-          (m === "text/html" || m === "application/html") && (a = !0);
+      const c = [];
+      for (const g of n) {
+        const C = g.getValue ? g.getValue() : "";
+        if (C) {
+          c.push(C);
+          const y = g.getFormat ? g.getFormat() : "";
+          (y === "text/html" || y === "application/html") && (s = !0);
         }
       }
-      t = l.join(" ");
+      t = c.join(" ");
     }
   } else {
-    const n = (c) => c && (c.chars || c.value || c["cnt:chars"]) || "", l = (c) => c ? c.format === "text/html" || c.type === "TextualBody" : !1;
-    if (s.resource) {
-      const c = Array.isArray(s.resource) ? s.resource : [s.resource];
-      t = c.map(n).filter(Boolean).join(" "), a = c.some(l);
-    } else if (s.body) {
-      const c = Array.isArray(s.body) ? s.body : [s.body];
-      t = c.map(n).filter(Boolean).join(" "), a = c.some(l);
+    const n = (g) => g && (g.chars || g.value || g["cnt:chars"]) || "", c = (g) => g ? g.format === "text/html" || g.type === "TextualBody" : !1;
+    if (a.resource) {
+      const g = Array.isArray(a.resource) ? a.resource : [a.resource];
+      t = g.map(n).filter(Boolean).join(" "), s = g.some(c);
+    } else if (a.body) {
+      const g = Array.isArray(a.body) ? a.body : [a.body];
+      t = g.map(n).filter(Boolean).join(" "), s = g.some(c);
     }
   }
-  return t || (typeof s.getLabel == "function" ? t = s.getLabel() || "" : s.label && (t = Array.isArray(s.label) ? s.label.join(" ") : s.label)), { value: t || "Annotation", isHtml: a };
+  return t || (typeof a.getLabel == "function" ? t = a.getLabel() || "" : a.label && (t = Array.isArray(a.label) ? a.label.join(" ") : a.label)), { value: t || "Annotation", isHtml: s };
 }
-function ft(s, t, a = !1) {
-  const n = ze(s) || `anno-${t}`, l = it(s);
-  if (!l)
+function ht(a, t, s = !1) {
+  const n = Pe(a) || `anno-${t}`, c = it(a);
+  if (!c)
     return null;
-  const c = ht(s);
+  const g = ft(a);
   return {
     id: n,
-    geometry: l,
-    body: c,
-    isSearchHit: a
+    geometry: c,
+    body: g,
+    isSearchHit: s
   };
 }
-function vt(s, t = /* @__PURE__ */ new Set()) {
-  return s.map((a, n) => {
-    const l = t.has(ze(a));
-    return ft(a, n, l);
-  }).filter((a) => a !== null);
+function vt(a, t = /* @__PURE__ */ new Set()) {
+  return a.map((s, n) => {
+    const c = t.has(Pe(s));
+    return ht(s, n, c);
+  }).filter((s) => s !== null);
 }
 var pt = e.from_html("<div></div>"), mt = e.from_svg('<svg class="absolute pointer-events-auto"><title> </title><polygon stroke-width="2"></polygon></svg>'), bt = e.from_html('<div class="w-full h-full relative"><div class="w-full h-full osd-background bg-base-100"></div> <!></div>');
-function _t(s, t) {
+function _t(a, t) {
   e.push(t, !0);
-  let a = e.state(void 0), n = e.state(void 0), l = e.state(0), c = e.derived(() => {
+  let s = e.state(void 0), n = e.state(void 0), c = e.state(0), g = e.derived(() => {
     if (!t.viewerState.manifestId || !t.viewerState.canvasId)
       return [];
-    const i = ae.getAnnotations(t.viewerState.manifestId, t.viewerState.canvasId), o = t.viewerState.currentCanvasSearchAnnotations;
-    return [...i, ...o];
-  }), A = e.derived(() => {
+    const i = se.getAnnotations(t.viewerState.manifestId, t.viewerState.canvasId), l = t.viewerState.currentCanvasSearchAnnotations;
+    return [...i, ...l];
+  }), C = e.derived(() => {
     const i = /* @__PURE__ */ new Set();
-    return t.viewerState.currentCanvasSearchAnnotations.forEach((o) => {
-      const h = o.id || o["@id"];
-      h && i.add(h);
+    return t.viewerState.currentCanvasSearchAnnotations.forEach((l) => {
+      const u = l.id || l["@id"];
+      u && i.add(u);
     }), i;
-  }), m = e.derived(() => vt(e.get(c), e.get(A))), p = e.derived(() => {
-    if (e.get(l), !e.get(n) || !e.get(m).length)
+  }), y = e.derived(() => vt(e.get(g), e.get(C))), b = e.derived(() => {
+    if (e.get(c), !e.get(n) || !e.get(y).length)
       return [];
     const i = e.get(n).world.getItemAt(0);
     if (!i)
       return [];
-    const o = [];
-    for (const h of e.get(m)) {
-      if (!h.isSearchHit) if (t.viewerState.showAnnotations) {
-        if (!t.viewerState.visibleAnnotationIds.has(h.id))
+    const l = [];
+    for (const u of e.get(y)) {
+      if (!u.isSearchHit) if (t.viewerState.showAnnotations) {
+        if (!t.viewerState.visibleAnnotationIds.has(u.id))
           continue;
       } else continue;
-      if (h.geometry.type === "RECTANGLE") {
-        const _ = i.imageToViewportRectangle(h.geometry.x, h.geometry.y, h.geometry.w, h.geometry.h), f = e.get(n).viewport.viewportToViewerElementRectangle(_);
-        o.push({
-          id: h.id,
+      if (u.geometry.type === "RECTANGLE") {
+        const T = i.imageToViewportRectangle(u.geometry.x, u.geometry.y, u.geometry.w, u.geometry.h), v = e.get(n).viewport.viewportToViewerElementRectangle(T);
+        l.push({
+          id: u.id,
           type: "RECTANGLE",
           rect: {
-            x: f.x,
-            y: f.y,
-            width: f.width,
-            height: f.height
+            x: v.x,
+            y: v.y,
+            width: v.width,
+            height: v.height
           },
-          isSearchHit: h.isSearchHit,
-          tooltip: h.body.value
+          isSearchHit: u.isSearchHit,
+          tooltip: u.body.value
         });
-      } else if (h.geometry.type === "POLYGON") {
-        const _ = h.geometry.points.map((I) => {
-          const k = i.imageToViewportCoordinates(new Ce.Point(I[0], I[1])), y = e.get(n).viewport.viewportToViewerElementCoordinates(k);
-          return [y.x, y.y];
+      } else if (u.geometry.type === "POLYGON") {
+        const T = u.geometry.points.map((j) => {
+          const L = i.imageToViewportCoordinates(new Ce.Point(j[0], j[1])), x = e.get(n).viewport.viewportToViewerElementCoordinates(L);
+          return [x.x, x.y];
         });
-        let f = 1 / 0, r = 1 / 0, d = -1 / 0, S = -1 / 0;
-        for (const [I, k] of _)
-          f = Math.min(f, I), r = Math.min(r, k), d = Math.max(d, I), S = Math.max(S, k);
-        const w = _.map(([I, k]) => [I - f, k - r]);
-        o.push({
-          id: h.id,
+        let v = 1 / 0, r = 1 / 0, d = -1 / 0, w = -1 / 0;
+        for (const [j, L] of T)
+          v = Math.min(v, j), r = Math.min(r, L), d = Math.max(d, j), w = Math.max(w, L);
+        const m = T.map(([j, L]) => [j - v, L - r]);
+        l.push({
+          id: u.id,
           type: "POLYGON",
-          bounds: { x: f, y: r, width: d - f, height: S - r },
-          points: w,
-          isSearchHit: h.isSearchHit,
-          tooltip: h.body.value
+          bounds: { x: v, y: r, width: d - v, height: w - r },
+          points: m,
+          isSearchHit: u.isSearchHit,
+          tooltip: u.body.value
         });
       }
     }
-    return o;
+    return l;
   });
   qe(() => {
-    if (e.get(a))
+    if (e.get(s))
       return e.set(
         n,
         Ce({
-          element: e.get(a),
+          element: e.get(s),
           tileSources: null,
           // Will be set via effect
           prefixUrl: "",
@@ -664,7 +664,7 @@ function _t(s, t) {
   }), e.user_effect(() => {
     if (!e.get(n)) return;
     const i = () => {
-      e.update(l);
+      e.update(c);
     };
     return e.get(n).addHandler("open", i), e.get(n).addHandler("animation", i), e.get(n).addHandler("resize", i), e.get(n).addHandler("rotate", i), e.get(n).world.addHandler("add-item", i), e.get(n).world.addHandler("remove-item", i), () => {
       e.get(n).removeHandler("open", i), e.get(n).removeHandler("animation", i), e.get(n).removeHandler("resize", i), e.get(n).removeHandler("rotate", i), e.get(n).world.removeHandler("add-item", i), e.get(n).world.removeHandler("remove-item", i);
@@ -672,994 +672,1048 @@ function _t(s, t) {
   }), e.user_effect(() => {
     !e.get(n) || !t.tileSources || e.get(n).open(t.tileSources);
   });
-  var b = bt(), x = e.child(b);
-  e.bind_this(x, (i) => e.set(a, i), () => e.get(a));
-  var j = e.sibling(x, 2);
-  e.each(j, 17, () => e.get(p), (i) => i.id, (i, o) => {
-    var h = e.comment(), _ = e.first_child(h);
+  var S = bt(), k = e.child(S);
+  e.bind_this(k, (i) => e.set(s, i), () => e.get(s));
+  var P = e.sibling(k, 2);
+  e.each(P, 17, () => e.get(b), (i) => i.id, (i, l) => {
+    var u = e.comment(), T = e.first_child(u);
     {
-      var f = (d) => {
-        var S = pt();
+      var v = (d) => {
+        var w = pt();
         e.template_effect(() => {
-          e.set_class(S, 1, `absolute border-2 transition-colors cursor-pointer pointer-events-auto ${e.get(o).isSearchHit ? "border-yellow-400 bg-yellow-400/40 hover:bg-yellow-400/60" : "border-red-500 bg-red-500/20 hover:bg-red-500/40"}`), e.set_style(S, `
-          left: ${e.get(o).rect.x ?? ""}px;
-          top: ${e.get(o).rect.y ?? ""}px;
-          width: ${e.get(o).rect.width ?? ""}px;
-          height: ${e.get(o).rect.height ?? ""}px;
-        `), e.set_attribute(S, "title", e.get(o).tooltip);
-        }), e.append(d, S);
+          e.set_class(w, 1, `absolute border-2 transition-colors cursor-pointer pointer-events-auto ${e.get(l).isSearchHit ? "border-yellow-400 bg-yellow-400/40 hover:bg-yellow-400/60" : "border-red-500 bg-red-500/20 hover:bg-red-500/40"}`), e.set_style(w, `
+          left: ${e.get(l).rect.x ?? ""}px;
+          top: ${e.get(l).rect.y ?? ""}px;
+          width: ${e.get(l).rect.width ?? ""}px;
+          height: ${e.get(l).rect.height ?? ""}px;
+        `), e.set_attribute(w, "title", e.get(l).tooltip);
+        }), e.append(d, w);
       }, r = (d) => {
-        var S = e.comment(), w = e.first_child(S);
+        var w = e.comment(), m = e.first_child(w);
         {
-          var I = (k) => {
-            var y = mt(), u = e.child(y), E = e.child(u, !0);
-            e.reset(u);
-            var v = e.sibling(u);
-            e.reset(y), e.template_effect(
-              (g) => {
-                e.set_style(y, `
-          left: ${e.get(o).bounds.x ?? ""}px;
-          top: ${e.get(o).bounds.y ?? ""}px;
-          width: ${e.get(o).bounds.width ?? ""}px;
-          height: ${e.get(o).bounds.height ?? ""}px;
-        `), e.set_text(E, e.get(o).tooltip), e.set_attribute(v, "points", g), e.set_class(v, 0, `cursor-pointer transition-colors ${e.get(o).isSearchHit ? "fill-yellow-400/40 stroke-yellow-400 hover:fill-yellow-400/60" : "fill-red-500/20 stroke-red-500 hover:fill-red-500/40"}`);
+          var j = (L) => {
+            var x = mt(), _ = e.child(x), z = e.child(_, !0);
+            e.reset(_);
+            var p = e.sibling(_);
+            e.reset(x), e.template_effect(
+              (o) => {
+                e.set_style(x, `
+          left: ${e.get(l).bounds.x ?? ""}px;
+          top: ${e.get(l).bounds.y ?? ""}px;
+          width: ${e.get(l).bounds.width ?? ""}px;
+          height: ${e.get(l).bounds.height ?? ""}px;
+        `), e.set_text(z, e.get(l).tooltip), e.set_attribute(p, "points", o), e.set_class(p, 0, `cursor-pointer transition-colors ${e.get(l).isSearchHit ? "fill-yellow-400/40 stroke-yellow-400 hover:fill-yellow-400/60" : "fill-red-500/20 stroke-red-500 hover:fill-red-500/40"}`);
               },
-              [() => e.get(o).points.map((g) => g.join(",")).join(" ")]
-            ), e.append(k, y);
+              [() => e.get(l).points.map((o) => o.join(",")).join(" ")]
+            ), e.append(L, x);
           };
           e.if(
-            w,
-            (k) => {
-              e.get(o).type === "POLYGON" && k(I);
+            m,
+            (L) => {
+              e.get(l).type === "POLYGON" && L(j);
             },
             !0
           );
         }
-        e.append(d, S);
+        e.append(d, w);
       };
-      e.if(_, (d) => {
-        e.get(o).type === "RECTANGLE" ? d(f) : d(r, !1);
+      e.if(T, (d) => {
+        e.get(l).type === "RECTANGLE" ? d(v) : d(r, !1);
       });
     }
-    e.append(i, h);
-  }), e.reset(b), e.append(s, b), e.pop();
+    e.append(i, u);
+  }), e.reset(S), e.append(a, S), e.pop();
 }
 const yt = "en";
-let C = () => yt;
-const xt = /* @__NO_SIDE_EFFECTS__ */ () => "Hello World", wt = /* @__NO_SIDE_EFFECTS__ */ () => "Search", St = /* @__NO_SIDE_EFFECTS__ */ () => "Close Search", At = /* @__NO_SIDE_EFFECTS__ */ () => "Search content...", It = /* @__NO_SIDE_EFFECTS__ */ (s) => `No results found for "${s.query}"`, Tt = /* @__NO_SIDE_EFFECTS__ */ () => "Enter a search term to find occurrences within this manifest.", $t = /* @__NO_SIDE_EFFECTS__ */ (s) => `${s.count} Results`, kt = /* @__NO_SIDE_EFFECTS__ */ () => "Manifest Metadata", Ct = /* @__NO_SIDE_EFFECTS__ */ () => "Loading...", Mt = /* @__NO_SIDE_EFFECTS__ */ () => "Attribution", Lt = /* @__NO_SIDE_EFFECTS__ */ () => "License", jt = /* @__NO_SIDE_EFFECTS__ */ () => "Close", Et = /* @__NO_SIDE_EFFECTS__ */ () => "Menu", Gt = /* @__NO_SIDE_EFFECTS__ */ () => "Search", zt = /* @__NO_SIDE_EFFECTS__ */ () => "Toggle Search", Rt = /* @__NO_SIDE_EFFECTS__ */ () => "Hide Gallery", Pt = /* @__NO_SIDE_EFFECTS__ */ () => "Show Gallery", Dt = /* @__NO_SIDE_EFFECTS__ */ () => "Exit Full Screen", Ft = /* @__NO_SIDE_EFFECTS__ */ () => "Enter Full Screen", Ht = /* @__NO_SIDE_EFFECTS__ */ () => "Hide Annotations", Nt = /* @__NO_SIDE_EFFECTS__ */ () => "Show Annotations", Vt = /* @__NO_SIDE_EFFECTS__ */ () => "Toggle Annotations", Ot = /* @__NO_SIDE_EFFECTS__ */ () => "Metadata", Bt = /* @__NO_SIDE_EFFECTS__ */ () => "Toggle Metadata", qt = /* @__NO_SIDE_EFFECTS__ */ () => "Hide All Annotations", Yt = /* @__NO_SIDE_EFFECTS__ */ () => "Show All Annotations", Xt = /* @__NO_SIDE_EFFECTS__ */ (s) => `${s.count} Annotations`, Qt = /* @__NO_SIDE_EFFECTS__ */ (s) => `(${s.count} visible)`, Ut = /* @__NO_SIDE_EFFECTS__ */ () => "(No content)", Wt = /* @__NO_SIDE_EFFECTS__ */ () => "No annotations available.", Kt = /* @__NO_SIDE_EFFECTS__ */ () => "Previous Canvas", Zt = /* @__NO_SIDE_EFFECTS__ */ () => "Next Canvas", Jt = /* @__NO_SIDE_EFFECTS__ */ () => "Docs", ea = /* @__NO_SIDE_EFFECTS__ */ () => "IIIF Manifest:", ta = /* @__NO_SIDE_EFFECTS__ */ () => "Enter IIIF manifest URL", aa = /* @__NO_SIDE_EFFECTS__ */ () => "Load", sa = /* @__NO_SIDE_EFFECTS__ */ () => "GitHub", na = /* @__NO_SIDE_EFFECTS__ */ () => "Hallo Welt", ra = /* @__NO_SIDE_EFFECTS__ */ () => "Suche", ia = /* @__NO_SIDE_EFFECTS__ */ () => "Suche schließen", oa = /* @__NO_SIDE_EFFECTS__ */ () => "Inhalt durchsuchen...", la = /* @__NO_SIDE_EFFECTS__ */ (s) => `Keine Ergebnisse für "${s.query}" gefunden`, ca = /* @__NO_SIDE_EFFECTS__ */ () => "Geben Sie einen Suchbegriff ein, um Vorkommen in diesem Manifest zu finden.", da = /* @__NO_SIDE_EFFECTS__ */ (s) => `${s.count} Ergebnisse`, ga = /* @__NO_SIDE_EFFECTS__ */ () => "Manifest-Metadaten", ua = /* @__NO_SIDE_EFFECTS__ */ () => "Lädt...", ha = /* @__NO_SIDE_EFFECTS__ */ () => "Quellenangabe", fa = /* @__NO_SIDE_EFFECTS__ */ () => "Lizenz", va = /* @__NO_SIDE_EFFECTS__ */ () => "Schließen", pa = /* @__NO_SIDE_EFFECTS__ */ () => "Menü", ma = /* @__NO_SIDE_EFFECTS__ */ () => "Suche", ba = /* @__NO_SIDE_EFFECTS__ */ () => "Suche umschalten", _a = /* @__NO_SIDE_EFFECTS__ */ () => "Galerie ausblenden", ya = /* @__NO_SIDE_EFFECTS__ */ () => "Galerie einblenden", xa = /* @__NO_SIDE_EFFECTS__ */ () => "Vollbildmodus beenden", wa = /* @__NO_SIDE_EFFECTS__ */ () => "Vollbildmodus", Sa = /* @__NO_SIDE_EFFECTS__ */ () => "Annotationen ausblenden", Aa = /* @__NO_SIDE_EFFECTS__ */ () => "Annotationen einblenden", Ia = /* @__NO_SIDE_EFFECTS__ */ () => "Annotationen umschalten", Ta = /* @__NO_SIDE_EFFECTS__ */ () => "Metadaten", $a = /* @__NO_SIDE_EFFECTS__ */ () => "Metadaten umschalten", ka = /* @__NO_SIDE_EFFECTS__ */ () => "Alle Annotationen ausblenden", Ca = /* @__NO_SIDE_EFFECTS__ */ () => "Alle Annotationen einblenden", Ma = /* @__NO_SIDE_EFFECTS__ */ (s) => `${s.count} Annotationen`, La = /* @__NO_SIDE_EFFECTS__ */ (s) => `(${s.count} sichtbar)`, ja = /* @__NO_SIDE_EFFECTS__ */ () => "(Kein Inhalt)", Ea = /* @__NO_SIDE_EFFECTS__ */ () => "Keine Annotationen verfügbar.", Ga = /* @__NO_SIDE_EFFECTS__ */ () => "Vorheriges Canvas", za = /* @__NO_SIDE_EFFECTS__ */ () => "Nächstes Canvas", Ra = /* @__NO_SIDE_EFFECTS__ */ () => "Doku", Pa = /* @__NO_SIDE_EFFECTS__ */ () => "IIIF-Manifest:", Da = /* @__NO_SIDE_EFFECTS__ */ () => "IIIF-Manifest-URL eingeben", Fa = /* @__NO_SIDE_EFFECTS__ */ () => "Laden", Ha = /* @__NO_SIDE_EFFECTS__ */ () => "GitHub", Na = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: na,
+let M = () => yt;
+const xt = /* @__NO_SIDE_EFFECTS__ */ () => "Hello World", wt = /* @__NO_SIDE_EFFECTS__ */ () => "Search", St = /* @__NO_SIDE_EFFECTS__ */ () => "Close Search", At = /* @__NO_SIDE_EFFECTS__ */ () => "Search content...", It = /* @__NO_SIDE_EFFECTS__ */ (a) => `No results found for "${a.query}"`, Tt = /* @__NO_SIDE_EFFECTS__ */ () => "Enter a search term to find occurrences within this manifest.", $t = /* @__NO_SIDE_EFFECTS__ */ (a) => `${a.count} Results`, kt = /* @__NO_SIDE_EFFECTS__ */ () => "Manifest Metadata", Ct = /* @__NO_SIDE_EFFECTS__ */ () => "Loading...", jt = /* @__NO_SIDE_EFFECTS__ */ () => "Attribution", Lt = /* @__NO_SIDE_EFFECTS__ */ () => "License", Mt = /* @__NO_SIDE_EFFECTS__ */ () => "Close", Et = /* @__NO_SIDE_EFFECTS__ */ () => "Menu", Gt = /* @__NO_SIDE_EFFECTS__ */ () => "Search", Pt = /* @__NO_SIDE_EFFECTS__ */ () => "Toggle Search", zt = /* @__NO_SIDE_EFFECTS__ */ () => "Hide Gallery", Rt = /* @__NO_SIDE_EFFECTS__ */ () => "Show Gallery", Ft = /* @__NO_SIDE_EFFECTS__ */ () => "Exit Full Screen", Dt = /* @__NO_SIDE_EFFECTS__ */ () => "Enter Full Screen", Ht = /* @__NO_SIDE_EFFECTS__ */ () => "Hide Annotations", Nt = /* @__NO_SIDE_EFFECTS__ */ () => "Show Annotations", Vt = /* @__NO_SIDE_EFFECTS__ */ () => "Toggle Annotations", Bt = /* @__NO_SIDE_EFFECTS__ */ () => "Metadata", Ot = /* @__NO_SIDE_EFFECTS__ */ () => "Toggle Metadata", qt = /* @__NO_SIDE_EFFECTS__ */ () => "Hide All Annotations", Yt = /* @__NO_SIDE_EFFECTS__ */ () => "Show All Annotations", Xt = /* @__NO_SIDE_EFFECTS__ */ (a) => `${a.count} Annotations`, Qt = /* @__NO_SIDE_EFFECTS__ */ (a) => `(${a.count} visible)`, Ut = /* @__NO_SIDE_EFFECTS__ */ () => "(No content)", Kt = /* @__NO_SIDE_EFFECTS__ */ () => "No annotations available.", Wt = /* @__NO_SIDE_EFFECTS__ */ () => "Previous Canvas", Jt = /* @__NO_SIDE_EFFECTS__ */ () => "Next Canvas", Zt = /* @__NO_SIDE_EFFECTS__ */ () => "Docs", es = /* @__NO_SIDE_EFFECTS__ */ () => "IIIF Manifest:", ts = /* @__NO_SIDE_EFFECTS__ */ () => "Enter IIIF manifest URL", ss = /* @__NO_SIDE_EFFECTS__ */ () => "Load", as = /* @__NO_SIDE_EFFECTS__ */ () => "GitHub", ns = /* @__NO_SIDE_EFFECTS__ */ () => "Hallo Welt", rs = /* @__NO_SIDE_EFFECTS__ */ () => "Suche", is = /* @__NO_SIDE_EFFECTS__ */ () => "Suche schließen", os = /* @__NO_SIDE_EFFECTS__ */ () => "Inhalt durchsuchen...", ls = /* @__NO_SIDE_EFFECTS__ */ (a) => `Keine Ergebnisse für "${a.query}" gefunden`, cs = /* @__NO_SIDE_EFFECTS__ */ () => "Geben Sie einen Suchbegriff ein, um Vorkommen in diesem Manifest zu finden.", ds = /* @__NO_SIDE_EFFECTS__ */ (a) => `${a.count} Ergebnisse`, gs = /* @__NO_SIDE_EFFECTS__ */ () => "Manifest-Metadaten", us = /* @__NO_SIDE_EFFECTS__ */ () => "Lädt...", fs = /* @__NO_SIDE_EFFECTS__ */ () => "Quellenangabe", hs = /* @__NO_SIDE_EFFECTS__ */ () => "Lizenz", vs = /* @__NO_SIDE_EFFECTS__ */ () => "Schließen", ps = /* @__NO_SIDE_EFFECTS__ */ () => "Menü", ms = /* @__NO_SIDE_EFFECTS__ */ () => "Suche", bs = /* @__NO_SIDE_EFFECTS__ */ () => "Suche umschalten", _s = /* @__NO_SIDE_EFFECTS__ */ () => "Galerie ausblenden", ys = /* @__NO_SIDE_EFFECTS__ */ () => "Galerie einblenden", xs = /* @__NO_SIDE_EFFECTS__ */ () => "Vollbildmodus beenden", ws = /* @__NO_SIDE_EFFECTS__ */ () => "Vollbildmodus", Ss = /* @__NO_SIDE_EFFECTS__ */ () => "Annotationen ausblenden", As = /* @__NO_SIDE_EFFECTS__ */ () => "Annotationen einblenden", Is = /* @__NO_SIDE_EFFECTS__ */ () => "Annotationen umschalten", Ts = /* @__NO_SIDE_EFFECTS__ */ () => "Metadaten", $s = /* @__NO_SIDE_EFFECTS__ */ () => "Metadaten umschalten", ks = /* @__NO_SIDE_EFFECTS__ */ () => "Alle Annotationen ausblenden", Cs = /* @__NO_SIDE_EFFECTS__ */ () => "Alle Annotationen einblenden", js = /* @__NO_SIDE_EFFECTS__ */ (a) => `${a.count} Annotationen`, Ls = /* @__NO_SIDE_EFFECTS__ */ (a) => `(${a.count} sichtbar)`, Ms = /* @__NO_SIDE_EFFECTS__ */ () => "(Kein Inhalt)", Es = /* @__NO_SIDE_EFFECTS__ */ () => "Keine Annotationen verfügbar.", Gs = /* @__NO_SIDE_EFFECTS__ */ () => "Vorheriges Canvas", Ps = /* @__NO_SIDE_EFFECTS__ */ () => "Nächstes Canvas", zs = /* @__NO_SIDE_EFFECTS__ */ () => "Doku", Rs = /* @__NO_SIDE_EFFECTS__ */ () => "IIIF-Manifest:", Fs = /* @__NO_SIDE_EFFECTS__ */ () => "IIIF-Manifest-URL eingeben", Ds = /* @__NO_SIDE_EFFECTS__ */ () => "Laden", Hs = /* @__NO_SIDE_EFFECTS__ */ () => "GitHub", Ns = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: ns,
   en: xt
-})[t.languageTag ?? C()](), Va = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: ra,
+})[t.languageTag ?? M()](), Vs = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: rs,
   en: wt
-})[t.languageTag ?? C()](), Oa = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: ia,
+})[t.languageTag ?? M()](), Bs = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: is,
   en: St
-})[t.languageTag ?? C()](), Ba = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: oa,
+})[t.languageTag ?? M()](), Os = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: os,
   en: At
-})[t.languageTag ?? C()](), qa = /* @__NO_SIDE_EFFECTS__ */ (s, t = {}) => ({
-  de: la,
+})[t.languageTag ?? M()](), qs = /* @__NO_SIDE_EFFECTS__ */ (a, t = {}) => ({
+  de: ls,
   en: It
-})[t.languageTag ?? C()](s), Ya = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: ca,
+})[t.languageTag ?? M()](a), Ys = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: cs,
   en: Tt
-})[t.languageTag ?? C()](), Xa = /* @__NO_SIDE_EFFECTS__ */ (s, t = {}) => ({
-  de: da,
+})[t.languageTag ?? M()](), Xs = /* @__NO_SIDE_EFFECTS__ */ (a, t = {}) => ({
+  de: ds,
   en: $t
-})[t.languageTag ?? C()](s), Qa = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: ga,
+})[t.languageTag ?? M()](a), Qs = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: gs,
   en: kt
-})[t.languageTag ?? C()](), Ua = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: ua,
+})[t.languageTag ?? M()](), Us = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: us,
   en: Ct
-})[t.languageTag ?? C()](), Wa = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: ha,
-  en: Mt
-})[t.languageTag ?? C()](), Ka = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: fa,
-  en: Lt
-})[t.languageTag ?? C()](), Za = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: va,
+})[t.languageTag ?? M()](), Ks = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: fs,
   en: jt
-})[t.languageTag ?? C()](), Ja = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: pa,
+})[t.languageTag ?? M()](), Ws = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: hs,
+  en: Lt
+})[t.languageTag ?? M()](), Js = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: vs,
+  en: Mt
+})[t.languageTag ?? M()](), Zs = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: ps,
   en: Et
-})[t.languageTag ?? C()](), es = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: ma,
+})[t.languageTag ?? M()](), ea = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: ms,
   en: Gt
-})[t.languageTag ?? C()](), ts = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: ba,
+})[t.languageTag ?? M()](), ta = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: bs,
+  en: Pt
+})[t.languageTag ?? M()](), sa = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: _s,
   en: zt
-})[t.languageTag ?? C()](), as = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: _a,
+})[t.languageTag ?? M()](), aa = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: ys,
   en: Rt
-})[t.languageTag ?? C()](), ss = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: ya,
-  en: Pt
-})[t.languageTag ?? C()](), ns = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: xa,
-  en: Dt
-})[t.languageTag ?? C()](), rs = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: wa,
+})[t.languageTag ?? M()](), na = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: xs,
   en: Ft
-})[t.languageTag ?? C()](), is = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: Sa,
+})[t.languageTag ?? M()](), ra = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: ws,
+  en: Dt
+})[t.languageTag ?? M()](), ia = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: Ss,
   en: Ht
-})[t.languageTag ?? C()](), os = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: Aa,
+})[t.languageTag ?? M()](), oa = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: As,
   en: Nt
-})[t.languageTag ?? C()](), ls = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: Ia,
+})[t.languageTag ?? M()](), la = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: Is,
   en: Vt
-})[t.languageTag ?? C()](), cs = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: Ta,
-  en: Ot
-})[t.languageTag ?? C()](), ds = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: $a,
+})[t.languageTag ?? M()](), ca = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: Ts,
   en: Bt
-})[t.languageTag ?? C()](), Re = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: ka,
+})[t.languageTag ?? M()](), da = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: $s,
+  en: Ot
+})[t.languageTag ?? M()](), ze = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: ks,
   en: qt
-})[t.languageTag ?? C()](), Pe = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: Ca,
+})[t.languageTag ?? M()](), Re = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: Cs,
   en: Yt
-})[t.languageTag ?? C()](), De = /* @__NO_SIDE_EFFECTS__ */ (s, t = {}) => ({
-  de: Ma,
+})[t.languageTag ?? M()](), Fe = /* @__NO_SIDE_EFFECTS__ */ (a, t = {}) => ({
+  de: js,
   en: Xt
-})[t.languageTag ?? C()](s), Fe = /* @__NO_SIDE_EFFECTS__ */ (s, t = {}) => ({
-  de: La,
+})[t.languageTag ?? M()](a), De = /* @__NO_SIDE_EFFECTS__ */ (a, t = {}) => ({
+  de: Ls,
   en: Qt
-})[t.languageTag ?? C()](s), gs = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: ja,
+})[t.languageTag ?? M()](a), ga = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: Ms,
   en: Ut
-})[t.languageTag ?? C()](), us = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: Ea,
-  en: Wt
-})[t.languageTag ?? C()](), hs = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: Ga,
+})[t.languageTag ?? M()](), ua = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: Es,
   en: Kt
-})[t.languageTag ?? C()](), fs = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: za,
-  en: Zt
-})[t.languageTag ?? C()](), vs = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: Ra,
+})[t.languageTag ?? M()](), fa = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: Gs,
+  en: Wt
+})[t.languageTag ?? M()](), ha = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: Ps,
   en: Jt
-})[t.languageTag ?? C()](), ps = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: Pa,
-  en: ea
-})[t.languageTag ?? C()](), ms = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: Da,
-  en: ta
-})[t.languageTag ?? C()](), bs = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: Fa,
-  en: aa
-})[t.languageTag ?? C()](), _s = /* @__NO_SIDE_EFFECTS__ */ (s = {}, t = {}) => ({
-  de: Ha,
-  en: sa
-})[t.languageTag ?? C()](), ys = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+})[t.languageTag ?? M()](), va = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: zs,
+  en: Zt
+})[t.languageTag ?? M()](), pa = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: Rs,
+  en: es
+})[t.languageTag ?? M()](), ma = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: Fs,
+  en: ts
+})[t.languageTag ?? M()](), ba = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: Ds,
+  en: ss
+})[t.languageTag ?? M()](), _a = /* @__NO_SIDE_EFFECTS__ */ (a = {}, t = {}) => ({
+  de: Hs,
+  en: as
+})[t.languageTag ?? M()](), ya = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  annotations_count: De,
-  attribution: Wa,
-  close: Za,
-  docs: vs,
-  enter_full_screen: rs,
-  exit_full_screen: ns,
-  github: _s,
-  hello_world: Na,
-  hide_all_annotations: Re,
-  hide_annotations: is,
-  hide_gallery: as,
-  iiif_manifest_label: ps,
-  license: Ka,
-  load: bs,
-  loading: Ua,
-  manifest_placeholder: ms,
-  menu: Ja,
-  metadata: cs,
-  metadata_label_fallback: Qa,
-  next_canvas: fs,
-  no_annotations_available: us,
-  no_content: gs,
-  previous_canvas: hs,
-  search: es,
-  search_panel_close: Oa,
-  search_panel_instruction: Ya,
-  search_panel_no_results: qa,
-  search_panel_placeholder: Ba,
-  search_panel_results_count: Xa,
-  search_panel_title: Va,
-  show_all_annotations: Pe,
-  show_annotations: os,
-  show_gallery: ss,
-  toggle_annotations: ls,
-  toggle_metadata: ds,
-  toggle_search: ts,
-  visible_count: Fe
+  annotations_count: Fe,
+  attribution: Ks,
+  close: Js,
+  docs: va,
+  enter_full_screen: ra,
+  exit_full_screen: na,
+  github: _a,
+  hello_world: Ns,
+  hide_all_annotations: ze,
+  hide_annotations: ia,
+  hide_gallery: sa,
+  iiif_manifest_label: pa,
+  license: Ws,
+  load: ba,
+  loading: Us,
+  manifest_placeholder: ma,
+  menu: Zs,
+  metadata: ca,
+  metadata_label_fallback: Qs,
+  next_canvas: ha,
+  no_annotations_available: ua,
+  no_content: ga,
+  previous_canvas: fa,
+  search: ea,
+  search_panel_close: Bs,
+  search_panel_instruction: Ys,
+  search_panel_no_results: qs,
+  search_panel_placeholder: Os,
+  search_panel_results_count: Xs,
+  search_panel_title: Vs,
+  show_all_annotations: Re,
+  show_annotations: oa,
+  show_gallery: aa,
+  toggle_annotations: la,
+  toggle_metadata: da,
+  toggle_search: ta,
+  visible_count: De
 }, Symbol.toStringTag, { value: "Module" }));
-let He = e.state(e.proxy(C()));
-const xs = {
+let He = e.state(e.proxy(M()));
+const xa = {
   get current() {
     return e.get(He);
   }
-}, G = new Proxy(ys, {
-  get(s, t, a) {
-    return e.get(He), Reflect.get(s, t, a);
+}, F = new Proxy(ya, {
+  get(a, t, s) {
+    return e.get(He), Reflect.get(a, t, s);
   }
 });
-var ws = e.from_html('<div><button class="btn btn-circle btn-sm btn-ghost"><!></button> <span class="text-sm font-mono tabular-nums"> </span> <button class="btn btn-circle btn-sm btn-ghost"><!></button></div>');
-function Ss(s, t) {
+var wa = e.from_html('<div><button class="btn btn-circle btn-sm btn-ghost"><!></button> <span class="text-sm font-mono tabular-nums"> </span> <button class="btn btn-circle btn-sm btn-ghost"><!></button></div>');
+function Sa(a, t) {
   e.push(t, !0);
-  var a = ws(), n = e.child(a);
+  var s = wa(), n = e.child(s);
   n.__click = () => t.viewerState.previousCanvas();
-  var l = e.child(n);
-  Qe(l, { size: 20, weight: "bold" }), e.reset(n);
-  var c = e.sibling(n, 2), A = e.child(c);
-  e.reset(c);
-  var m = e.sibling(c, 2);
-  m.__click = () => t.viewerState.nextCanvas();
-  var p = e.child(m);
-  Ue(p, { size: 20, weight: "bold" }), e.reset(m), e.reset(a), e.template_effect(
-    (b, x) => {
-      e.set_class(a, 1, `absolute left-1/2 -translate-x-1/2 bg-base-200/90 backdrop-blur rounded-full shadow-lg px-4 py-2 flex items-center gap-4 z-10 border border-base-300 transition-all duration-200 ${t.viewerState.showThumbnailGallery && t.viewerState.isGalleryDockedBottom ? "bottom-40" : "bottom-4"}`), n.disabled = !t.viewerState.hasPrevious, e.set_attribute(n, "aria-label", b), e.set_text(A, `${t.viewerState.currentCanvasIndex + 1} / ${t.viewerState.canvases.length ?? ""}`), m.disabled = !t.viewerState.hasNext, e.set_attribute(m, "aria-label", x);
+  var c = e.child(n);
+  Qe(c, { size: 20, weight: "bold" }), e.reset(n);
+  var g = e.sibling(n, 2), C = e.child(g);
+  e.reset(g);
+  var y = e.sibling(g, 2);
+  y.__click = () => t.viewerState.nextCanvas();
+  var b = e.child(y);
+  Ue(b, { size: 20, weight: "bold" }), e.reset(y), e.reset(s), e.template_effect(
+    (S, k) => {
+      e.set_class(s, 1, `absolute left-1/2 -translate-x-1/2 bg-base-200/90 backdrop-blur rounded-full shadow-lg px-4 py-2 flex items-center gap-4 z-10 border border-base-300 transition-all duration-200 ${t.viewerState.showThumbnailGallery && t.viewerState.isGalleryDockedBottom ? "bottom-40" : "bottom-4"}`), n.disabled = !t.viewerState.hasPrevious, e.set_attribute(n, "aria-label", S), e.set_text(C, `${t.viewerState.currentCanvasIndex + 1} / ${t.viewerState.canvases.length ?? ""}`), y.disabled = !t.viewerState.hasNext, e.set_attribute(y, "aria-label", k);
     },
-    [() => G.previous_canvas(), () => G.next_canvas()]
-  ), e.append(s, a), e.pop();
+    [() => F.previous_canvas(), () => F.next_canvas()]
+  ), e.append(a, s), e.pop();
 }
 e.delegate(["click"]);
-var As = e.from_html('<span class="text-xs opacity-50 truncate max-w-[150px]"> </span>'), Is = e.from_html('<button class="w-full text-left p-3 hover:bg-base-300 transition-colors cursor-pointer flex gap-3 group/item items-start focus:outline-none focus:bg-base-300"><div class="btn btn-xs btn-circle btn-ghost mt-0.5 shrink-0 pointer-events-none"><!></div> <div class="flex-1 min-w-0"><div class="flex items-start justify-between"><span class="font-bold text-sm text-primary"></span> <!></div> <div><!></div></div></button>'), Ts = e.from_html('<div class="p-4 text-center opacity-50 text-sm">No annotations available.</div>'), $s = e.from_html('<div class="absolute top-4 right-4 z-500 pointer-events-auto"><details class="group relative"><summary class="flex items-center gap-2 bg-base-200/90 backdrop-blur shadow-lg rounded-full px-4 py-2 cursor-pointer list-none hover:bg-base-200 transition-all select-none border border-base-300 pointer-events-auto"><button class="btn btn-xs btn-circle btn-ghost"><!></button> <span class="text-sm font-medium"> <span class="opacity-50 text-xs font-normal ml-1"> </span></span> <!></summary> <div class="absolute right-0 mt-2 w-96 bg-base-200/95 backdrop-blur shadow-xl rounded-box p-0 max-h-[60vh] overflow-y-auto border border-base-300 flex flex-col divide-y divide-base-300"></div></details></div>');
-function ks(s, t) {
+var Aa = e.from_html('<span class="text-xs opacity-50 truncate max-w-[150px]"> </span>'), Ia = e.from_html('<button class="w-full text-left p-3 hover:bg-base-300 transition-colors cursor-pointer flex gap-3 group/item items-start focus:outline-none focus:bg-base-300"><div class="btn btn-xs btn-circle btn-ghost mt-0.5 shrink-0 pointer-events-none"><!></div> <div class="flex-1 min-w-0"><div class="flex items-start justify-between"><span class="font-bold text-sm text-primary"></span> <!></div> <div><!></div></div></button>'), Ta = e.from_html('<div class="p-4 text-center opacity-50 text-sm">No annotations available.</div>'), $a = e.from_html('<div class="absolute top-4 right-4 z-500 pointer-events-auto"><details class="group relative"><summary class="flex items-center gap-2 bg-base-200/90 backdrop-blur shadow-lg rounded-full px-4 py-2 cursor-pointer list-none hover:bg-base-200 transition-all select-none border border-base-300 pointer-events-auto"><button class="btn btn-xs btn-circle btn-ghost"><!></button> <span class="text-sm font-medium"> <span class="opacity-50 text-xs font-normal ml-1"> </span></span> <!></summary> <div class="absolute right-0 mt-2 w-96 bg-base-200/95 backdrop-blur shadow-xl rounded-box p-0 max-h-[60vh] overflow-y-auto border border-base-300 flex flex-col divide-y divide-base-300"></div></details></div>');
+function ka(a, t) {
   e.push(t, !0);
-  const a = xe(se);
+  const s = xe(ae);
   let n = e.derived(() => {
-    if (!a.manifestId || !a.canvasId)
+    if (!s.manifestId || !s.canvasId)
       return [];
-    const i = ae.getAnnotations(a.manifestId, a.canvasId), o = a.currentCanvasSearchAnnotations;
-    return [...i, ...o];
+    const i = se.getAnnotations(s.manifestId, s.canvasId), l = s.currentCanvasSearchAnnotations;
+    return [...i, ...l];
   });
-  function l(i) {
+  function c(i) {
     return i.id || i["@id"] || (typeof i.getId == "function" ? i.getId() : "") || "";
   }
   e.user_effect(() => {
     if (e.get(n).length > 0) {
       const i = /* @__PURE__ */ new Set();
-      e.get(n).forEach((o) => {
-        const h = l(o);
-        h && i.add(h);
-      }), a.visibleAnnotationIds = i;
+      e.get(n).forEach((l) => {
+        const u = c(l);
+        u && i.add(u);
+      }), s.visibleAnnotationIds = i;
     } else
-      a.visibleAnnotationIds = /* @__PURE__ */ new Set();
+      s.visibleAnnotationIds = /* @__PURE__ */ new Set();
   });
-  let c = e.derived(() => e.get(n).length === 0 ? !1 : e.get(n).every((i) => {
-    const o = l(i);
-    return !o || a.visibleAnnotationIds.has(o);
+  let g = e.derived(() => e.get(n).length === 0 ? !1 : e.get(n).every((i) => {
+    const l = c(i);
+    return !l || s.visibleAnnotationIds.has(l);
   }));
-  function A(i) {
-    a.visibleAnnotationIds.has(i) ? a.visibleAnnotationIds.delete(i) : a.visibleAnnotationIds.add(i), a.visibleAnnotationIds = new Set(a.visibleAnnotationIds);
+  function C(i) {
+    s.visibleAnnotationIds.has(i) ? s.visibleAnnotationIds.delete(i) : s.visibleAnnotationIds.add(i), s.visibleAnnotationIds = new Set(s.visibleAnnotationIds);
   }
-  function m() {
-    if (e.get(c))
-      a.visibleAnnotationIds = /* @__PURE__ */ new Set();
+  function y() {
+    if (e.get(g))
+      s.visibleAnnotationIds = /* @__PURE__ */ new Set();
     else {
       const i = /* @__PURE__ */ new Set();
-      e.get(n).forEach((o) => {
-        const h = l(o);
-        h && i.add(h);
-      }), a.visibleAnnotationIds = i;
+      e.get(n).forEach((l) => {
+        const u = c(l);
+        u && i.add(u);
+      }), s.visibleAnnotationIds = i;
     }
   }
-  let p = e.derived(() => e.get(n).length ? e.get(n).map((i) => {
-    let o = "", h = !1;
+  let b = e.derived(() => e.get(n).length ? e.get(n).map((i) => {
+    let l = "", u = !1;
     if (typeof i.getBody == "function") {
-      const _ = i.getBody();
-      if (_ && _.length) {
-        const f = (r) => {
+      const T = i.getBody();
+      if (T && T.length) {
+        const v = (r) => {
           const d = r.getValue ? r.getValue() : null;
           return d || "";
         };
-        o = _.map((r) => f(r)).filter(Boolean).join(" "), h = _.some((r) => {
+        l = T.map((r) => v(r)).filter(Boolean).join(" "), u = T.some((r) => {
           const d = r.getFormat ? r.getFormat() : "";
           return d === "text/html" || d === "application/html";
         });
       }
-      if (!o && typeof i.getLabel == "function") {
-        const f = i.getLabel();
-        f && (o = f);
+      if (!l && typeof i.getLabel == "function") {
+        const v = i.getLabel();
+        v && (l = v);
       }
     } else {
-      const _ = (r) => r && (r.chars || r.value || r["cnt:chars"]) || "", f = (r) => r ? r.format === "text/html" || r.type === "TextualBody" : !1;
-      if (i.resource ? Array.isArray(i.resource) ? (o = i.resource.map((r) => _(r)).join(" "), i.resource.some((r) => f(r)) && (h = !0)) : (o = _(i.resource), f(i.resource) && (h = !0)) : i.body && (Array.isArray(i.body) ? (o = i.body.map((r) => _(r)).join(" "), i.body.some((r) => f(r)) && (h = !0)) : (o = _(i.body), f(i.body) && (h = !0))), !o) {
+      const T = (r) => r && (r.chars || r.value || r["cnt:chars"]) || "", v = (r) => r ? r.format === "text/html" || r.type === "TextualBody" : !1;
+      if (i.resource ? Array.isArray(i.resource) ? (l = i.resource.map((r) => T(r)).join(" "), i.resource.some((r) => v(r)) && (u = !0)) : (l = T(i.resource), v(i.resource) && (u = !0)) : i.body && (Array.isArray(i.body) ? (l = i.body.map((r) => T(r)).join(" "), i.body.some((r) => v(r)) && (u = !0)) : (l = T(i.body), v(i.body) && (u = !0))), !l) {
         const r = i.label || i.name || i.title;
-        r && (o = Array.isArray(r) ? r.join(" ") : r);
+        r && (l = Array.isArray(r) ? r.join(" ") : r);
       }
     }
     return {
-      id: l(i),
-      content: o,
-      isHtml: h,
+      id: c(i),
+      content: l,
+      isHtml: u,
       label: (typeof i.getLabel == "function" ? i.getLabel() : i.label) || ""
     };
   }) : []);
-  var b = e.comment(), x = e.first_child(b);
+  var S = e.comment(), k = e.first_child(S);
   {
-    var j = (i) => {
-      var o = $s(), h = e.child(o), _ = e.child(h), f = e.child(_);
-      f.__click = (v) => {
-        v.preventDefault(), m();
+    var P = (i) => {
+      var l = $a(), u = e.child(l), T = e.child(u), v = e.child(T);
+      v.__click = (p) => {
+        p.preventDefault(), y();
       };
-      var r = e.child(f);
+      var r = e.child(v);
       {
-        var d = (v) => {
-          Me(v, { size: 16, weight: "bold" });
-        }, S = (v) => {
-          Le(v, { size: 16, weight: "bold" });
+        var d = (p) => {
+          je(p, { size: 16, weight: "bold" });
+        }, w = (p) => {
+          Le(p, { size: 16, weight: "bold" });
         };
-        e.if(r, (v) => {
-          e.get(c) ? v(d) : v(S, !1);
+        e.if(r, (p) => {
+          e.get(g) ? p(d) : p(w, !1);
         });
       }
-      e.reset(f);
-      var w = e.sibling(f, 2), I = e.child(w), k = e.sibling(I), y = e.child(k, !0);
-      e.reset(k), e.reset(w);
-      var u = e.sibling(w, 2);
-      We(u, {
+      e.reset(v);
+      var m = e.sibling(v, 2), j = e.child(m), L = e.sibling(j), x = e.child(L, !0);
+      e.reset(L), e.reset(m);
+      var _ = e.sibling(m, 2);
+      Ke(_, {
         size: 16,
         weight: "bold",
         class: "group-open:rotate-180 transition-transform opacity-80"
-      }), e.reset(_);
-      var E = e.sibling(_, 2);
+      }), e.reset(T);
+      var z = e.sibling(T, 2);
       e.each(
-        E,
+        z,
         21,
-        () => e.get(p),
+        () => e.get(b),
         e.index,
-        (v, g, M) => {
-          const O = e.derived(() => a.visibleAnnotationIds.has(e.get(g).id));
-          var $ = Is();
-          $.__click = (D) => {
-            D.preventDefault(), A(e.get(g).id);
+        (p, o, h) => {
+          const A = e.derived(() => s.visibleAnnotationIds.has(e.get(o).id));
+          var f = Ia();
+          f.__click = (H) => {
+            H.preventDefault(), C(e.get(o).id);
           };
-          var z = e.child($), T = e.child(z);
+          var R = e.child(f), $ = e.child(R);
           {
-            var P = (D) => {
-              Me(D, { size: 16, weight: "bold" });
-            }, B = (D) => {
-              Le(D, { size: 16, weight: "bold" });
+            var I = (H) => {
+              je(H, { size: 16, weight: "bold" });
+            }, E = (H) => {
+              Le(H, { size: 16, weight: "bold" });
             };
-            e.if(T, (D) => {
-              e.get(O) ? D(P) : D(B, !1);
+            e.if($, (H) => {
+              e.get(A) ? H(I) : H(E, !1);
             });
           }
-          e.reset(z);
-          var F = e.sibling(z, 2), H = e.child(F), N = e.child(H);
-          N.textContent = `#${M + 1}`;
-          var R = e.sibling(N, 2);
+          e.reset(R);
+          var N = e.sibling(R, 2), V = e.child(N), B = e.child(V);
+          B.textContent = `#${h + 1}`;
+          var D = e.sibling(B, 2);
           {
-            var V = (D) => {
-              var X = As(), K = e.child(X, !0);
-              e.reset(X), e.template_effect(() => e.set_text(K, e.get(g).label)), e.append(D, X);
+            var O = (H) => {
+              var X = Aa(), W = e.child(X, !0);
+              e.reset(X), e.template_effect(() => e.set_text(W, e.get(o).label)), e.append(H, X);
             };
-            e.if(R, (D) => {
-              e.get(g).label && e.get(g).label !== e.get(g).content && D(V);
+            e.if(D, (H) => {
+              e.get(o).label && e.get(o).label !== e.get(o).content && H(O);
             });
           }
-          e.reset(H);
-          var q = e.sibling(H, 2), U = e.child(q);
+          e.reset(V);
+          var q = e.sibling(V, 2), U = e.child(q);
           {
-            var W = (D) => {
-              var X = e.comment(), K = e.first_child(X);
-              e.html(K, () => e.get(g).content), e.append(D, X);
-            }, Q = (D) => {
+            var K = (H) => {
+              var X = e.comment(), W = e.first_child(X);
+              e.html(W, () => e.get(o).content), e.append(H, X);
+            }, Q = (H) => {
               var X = e.text();
-              e.template_effect(() => e.set_text(X, e.get(g).content || "(No content)")), e.append(D, X);
+              e.template_effect(() => e.set_text(X, e.get(o).content || "(No content)")), e.append(H, X);
             };
-            e.if(U, (D) => {
-              e.get(g).isHtml ? D(W) : D(Q, !1);
+            e.if(U, (H) => {
+              e.get(o).isHtml ? H(K) : H(Q, !1);
             });
           }
-          e.reset(q), e.reset(F), e.reset($), e.template_effect(() => e.set_class(q, 1, `text-sm prose prose-sm max-w-none prose-p:my-0 prose-a:text-blue-500 wrap-break-word text-left ${e.get(O) ? "" : "opacity-50"}`)), e.append(v, $);
+          e.reset(q), e.reset(N), e.reset(f), e.template_effect(() => e.set_class(q, 1, `text-sm prose prose-sm max-w-none prose-p:my-0 prose-a:text-blue-500 wrap-break-word text-left ${e.get(A) ? "" : "opacity-50"}`)), e.append(p, f);
         },
-        (v) => {
-          var g = Ts();
-          e.append(v, g);
+        (p) => {
+          var o = Ta();
+          e.append(p, o);
         }
-      ), e.reset(E), e.reset(h), e.reset(o), e.template_effect(
-        (v, g, M) => {
-          e.set_attribute(f, "title", v), e.set_text(I, `${g ?? ""} `), e.set_text(y, M);
+      ), e.reset(z), e.reset(u), e.reset(l), e.template_effect(
+        (p, o, h) => {
+          e.set_attribute(v, "title", p), e.set_text(j, `${o ?? ""} `), e.set_text(x, h);
         },
         [
-          () => e.get(c) ? /* @__PURE__ */ Re() : /* @__PURE__ */ Pe(),
-          () => /* @__PURE__ */ De({ count: e.get(n).length }),
-          () => /* @__PURE__ */ Fe({ count: a.visibleAnnotationIds.size })
+          () => e.get(g) ? /* @__PURE__ */ ze() : /* @__PURE__ */ Re(),
+          () => /* @__PURE__ */ Fe({ count: e.get(n).length }),
+          () => /* @__PURE__ */ De({ count: s.visibleAnnotationIds.size })
         ]
-      ), e.append(i, o);
+      ), e.append(i, l);
     };
-    e.if(x, (i) => {
-      a.showAnnotations && i(j);
+    e.if(k, (i) => {
+      s.showAnnotations && i(P);
     });
   }
-  e.append(s, b), e.pop();
+  e.append(a, S), e.pop();
 }
 e.delegate(["click"]);
-var Cs = e.from_html('<img class="object-contain w-full h-full" loading="lazy"/>'), Ms = e.from_html('<span class="opacity-20 text-4xl">?</span>'), Ls = e.from_html('<button><div class="aspect-4/3 bg-base-300 rounded overflow-hidden relative w-full flex items-center justify-center"><!></div> <div class="text-xs font-medium truncate w-full opacity-70 group-hover:opacity-100"><span class="font-bold mr-1"> </span> </div></button>'), js = e.from_html('<div class="absolute bottom-0 right-0 w-6 h-6 cursor-se-resize resize-handle bg-accent hover:bg-accent-focus transition-colors z-50" style="clip-path: polygon(100% 0, 0 100%, 100% 100%);" role="button" tabindex="0" aria-label="Resize"></div>'), Es = e.from_html('<div role="group"><span class="font-bold text-primary opacity-50">Dock Top</span></div> <div role="group"><span class="font-bold text-primary opacity-50">Dock Bottom</span></div> <div role="group"><span class="font-bold text-primary opacity-50 vertical-rl rotate-180" style="writing-mode: vertical-rl;">Dock Left</span></div> <div role="group"><span class="font-bold text-primary opacity-50 vertical-rl rotate-180" style="writing-mode: vertical-rl;">Dock Right</span></div>', 1), Gs = e.from_html('<div><button class="absolute top-1 right-1 btn btn-error btn-xs btn-circle z-20" aria-label="Close Gallery"><!></button> <div><div role="button" tabindex="0" aria-label="Drag Gallery"><div></div></div></div> <div><div></div></div> <!></div> <!>', 1);
-function zs(s, t) {
+var Ca = e.from_html('<img class="object-contain w-full h-full" loading="lazy"/>'), ja = e.from_html('<span class="opacity-20 text-4xl">?</span>'), La = e.from_html('<button><div class="aspect-4/3 bg-base-300 rounded overflow-hidden relative w-full flex items-center justify-center"><!></div> <div class="text-xs font-medium truncate w-full opacity-70 group-hover:opacity-100"><span class="font-bold mr-1"> </span> </div></button>'), Ma = e.from_html('<div class="absolute bottom-0 right-0 w-6 h-6 cursor-se-resize resize-handle bg-accent hover:bg-accent-focus transition-colors z-50" style="clip-path: polygon(100% 0, 0 100%, 100% 100%);" role="button" tabindex="0" aria-label="Resize"></div>'), Ea = e.from_html('<div role="group"><span class="font-bold text-primary opacity-50">Dock Top</span></div> <div role="group"><span class="font-bold text-primary opacity-50">Dock Bottom</span></div> <div role="group"><span class="font-bold text-primary opacity-50 vertical-rl rotate-180" style="writing-mode: vertical-rl;">Dock Left</span></div> <div role="group"><span class="font-bold text-primary opacity-50 vertical-rl rotate-180" style="writing-mode: vertical-rl;">Dock Right</span></div>', 1), Ga = e.from_html('<div><button class="absolute top-1 right-1 btn btn-error btn-xs btn-circle z-20" aria-label="Close Gallery"><!></button> <div><div role="button" tabindex="0" aria-label="Drag Gallery"><div></div></div></div> <div><div></div></div> <!></div> <!>', 1);
+function Pa(a, t) {
   e.push(t, !0);
-  const a = xe(se);
-  let n = e.state(e.proxy({ x: 20, y: 100 })), l = e.state(e.proxy({ width: 300, height: 400 })), c = e.state(!1), A = e.state(!1), m = { x: 0, y: 0 }, p = { x: 0, y: 0, w: 0, h: 0 }, b = e.state(void 0), x = e.derived(() => t.canvases ? t.canvases.map((u, E) => {
-    let v = "";
+  const s = xe(ae);
+  let n = e.state(e.proxy({ x: 20, y: 100 })), c = e.state(e.proxy({ width: 300, height: 400 })), g = e.state(!1), C = e.state(!1), y = { x: 0, y: 0 }, b = { x: 0, y: 0, w: 0, h: 0 }, S = e.state(void 0), k = e.derived(() => t.canvases ? t.canvases.map((_, z) => {
+    let p = "";
     try {
-      if (u.getCanonicalImageUri)
-        v = u.getCanonicalImageUri(200);
-      else if (u.getThumbnail) {
-        const g = u.getThumbnail();
-        g && (v = typeof g == "string" ? g : g.id || g["@id"]);
+      if (_.getThumbnail) {
+        const o = _.getThumbnail();
+        o && (p = typeof o == "string" ? o : o.id || o["@id"]);
       }
-    } catch (g) {
-      console.warn("Error getting thumbnail", g);
+    } catch (o) {
+      console.warn("Error getting thumbnail", o);
     }
-    if (!v) {
-      const g = u.getImages();
-      if (g && g.length > 0) {
-        const M = g[0].getResource();
-        M && M.getServices().length > 0 ? v = `${M.getServices()[0].id}/full/200,/0/default.jpg` : M && M.id && (v = M.id);
+    if (!p) {
+      let o = _.getImages();
+      if ((!o || !o.length) && _.getContent && (o = _.getContent()), o && o.length > 0) {
+        const h = o[0];
+        let A = h.getResource ? h.getResource() : null;
+        if (!A && h.getBody) {
+          const f = h.getBody();
+          Array.isArray(f) && f.length > 0 ? A = f[0] : f && (A = f);
+        }
+        if (A && !A.id && !A.__jsonld && (!A.getServices || A.getServices().length === 0) && (A = null), !A) {
+          const f = h.__jsonld || h;
+          f.body && (A = Array.isArray(f.body) ? f.body[0] : f.body);
+        }
+        if (A) {
+          const R = (() => {
+            let I = [];
+            if (A.getServices && (I = A.getServices()), !I || I.length === 0) {
+              const E = A.__jsonld || A;
+              E.service && (I = Array.isArray(E.service) ? E.service : [E.service]);
+            }
+            return I;
+          })();
+          let $ = !1;
+          if (R.length > 0) {
+            const I = R[0];
+            let E = "";
+            try {
+              E = I.getProfile ? I.getProfile() : I.profile || "", typeof E == "object" && E !== null && (E = E.value || E.id || E["@id"] || JSON.stringify(E));
+            } catch {
+            }
+            const N = String(E).toLowerCase();
+            (N.includes("level0") || N.includes("level-0")) && ($ = !0);
+            const V = I.id || I["@id"];
+            $ || (p = `${V}/full/200,/0/default.jpg`);
+          }
+          if (!p && (p = A.id || A["@id"], !p)) {
+            let I = null;
+            if (h.__jsonld && h.__jsonld.body ? I = h.__jsonld.body : h.body && (I = h.body), I) {
+              const E = Array.isArray(I) ? I[0] : I;
+              p = E.id || E["@id"];
+            }
+          }
+        }
       }
     }
     return {
-      id: u.id,
-      label: u.getLabel().length ? u.getLabel()[0].value : `Canvas ${E + 1}`,
-      src: v,
-      index: E
+      id: _.id,
+      label: _.getLabel().length ? _.getLabel()[0].value : `Canvas ${z + 1}`,
+      src: p,
+      index: z
     };
   }) : []);
-  function j(u) {
-    if (!e.get(c)) return;
-    let E = u.clientX - m.x, v = u.clientY - m.y;
-    if (e.get(b) && e.get(b).parentElement) {
-      const g = e.get(b).parentElement, M = Math.max(0, g.clientWidth - e.get(l).width), O = Math.max(0, g.clientHeight - e.get(l).height);
-      E = Math.max(0, Math.min(E, M)), v = Math.max(0, Math.min(v, O));
+  function P(_) {
+    if (!e.get(g)) return;
+    let z = _.clientX - y.x, p = _.clientY - y.y;
+    if (e.get(S) && e.get(S).parentElement) {
+      const o = e.get(S).parentElement, h = Math.max(0, o.clientWidth - e.get(c).width), A = Math.max(0, o.clientHeight - e.get(c).height);
+      z = Math.max(0, Math.min(z, h)), p = Math.max(0, Math.min(p, A));
     }
-    e.get(n).x = E, e.get(n).y = v;
+    e.get(n).x = z, e.get(n).y = p;
   }
   function i() {
-    const u = e.get(d);
-    e.set(c, !1), e.set(d, null), window.removeEventListener("mousemove", j), window.removeEventListener("mouseup", i), u && e.set(r, u, !0);
+    const _ = e.get(d);
+    e.set(g, !1), e.set(d, null), window.removeEventListener("mousemove", P), window.removeEventListener("mouseup", i), _ && e.set(r, _, !0);
   }
-  function o(u) {
-    u.stopPropagation(), e.set(A, !0), p = {
-      x: u.clientX,
-      y: u.clientY,
-      w: e.get(l).width,
-      h: e.get(l).height
-    }, window.addEventListener("mousemove", h), window.addEventListener("mouseup", _);
+  function l(_) {
+    _.stopPropagation(), e.set(C, !0), b = {
+      x: _.clientX,
+      y: _.clientY,
+      w: e.get(c).width,
+      h: e.get(c).height
+    }, window.addEventListener("mousemove", u), window.addEventListener("mouseup", T);
   }
-  function h(u) {
-    if (!e.get(A)) return;
-    const E = u.clientX - p.x, v = u.clientY - p.y;
-    e.get(l).width = Math.max(200, p.w + E), e.get(l).height = Math.max(200, p.h + v);
+  function u(_) {
+    if (!e.get(C)) return;
+    const z = _.clientX - b.x, p = _.clientY - b.y;
+    e.get(c).width = Math.max(200, b.w + z), e.get(c).height = Math.max(200, b.h + p);
   }
-  function _() {
-    e.set(A, !1), window.removeEventListener("mousemove", h), window.removeEventListener("mouseup", _);
+  function T() {
+    e.set(C, !1), window.removeEventListener("mousemove", u), window.removeEventListener("mouseup", T);
   }
-  function f(u) {
-    a.canvasId = u;
+  function v(_) {
+    s.canvasId = _;
   }
   let r = e.state("bottom"), d = e.state(null);
   e.user_effect(() => {
-    a.dockSide = e.get(r), a.isGalleryDockedBottom = e.get(r) === "bottom", a.isGalleryDockedRight = e.get(r) === "right";
+    s.dockSide = e.get(r), s.isGalleryDockedBottom = e.get(r) === "bottom", s.isGalleryDockedRight = e.get(r) === "right";
   });
-  let S = e.derived(() => e.get(r) === "top" || e.get(r) === "bottom" || e.get(r) === "none" && e.get(l).height < 320);
-  function w(u) {
-    var E, v;
-    if (!u.target.closest(".resize-handle")) {
+  let w = e.derived(() => e.get(r) === "top" || e.get(r) === "bottom" || e.get(r) === "none" && e.get(c).height < 320);
+  function m(_) {
+    var z, p;
+    if (!_.target.closest(".resize-handle")) {
       if (e.get(r) !== "none") {
         e.set(r, "none");
-        const g = ((v = (E = e.get(b)) == null ? void 0 : E.parentElement) == null ? void 0 : v.getBoundingClientRect()) || { left: 0, top: 0 };
-        e.set(l, { width: 300, height: 400 }, !0), e.set(
+        const o = ((p = (z = e.get(S)) == null ? void 0 : z.parentElement) == null ? void 0 : p.getBoundingClientRect()) || { left: 0, top: 0 };
+        e.set(c, { width: 300, height: 400 }, !0), e.set(
           n,
           {
-            x: u.clientX - g.left - 150,
+            x: _.clientX - o.left - 150,
             // Center width
-            y: u.clientY - g.top - 20
+            y: _.clientY - o.top - 20
             // Offset slightly from top
           },
           !0
         );
       }
-      e.set(c, !0), m = {
-        x: u.clientX - e.get(n).x,
-        y: u.clientY - e.get(n).y
-      }, window.addEventListener("mousemove", j), window.addEventListener("mouseup", i);
+      e.set(g, !0), y = {
+        x: _.clientX - e.get(n).x,
+        y: _.clientY - e.get(n).y
+      }, window.addEventListener("mousemove", P), window.addEventListener("mouseup", i);
     }
   }
-  var I = e.comment(), k = e.first_child(I);
+  var j = e.comment(), L = e.first_child(j);
   {
-    var y = (u) => {
-      var E = Gs(), v = e.first_child(E), g = e.child(v);
-      g.__click = () => a.toggleThumbnailGallery();
-      var M = e.child(g);
-      Ke(M, { size: 16, weight: "bold" }), e.reset(g);
-      var O = e.sibling(g, 2), $ = e.child(O);
-      $.__mousedown = w;
-      var z = e.child($);
-      e.reset($), e.reset(O);
-      var T = e.sibling(O, 2), P = e.child(T);
-      e.each(P, 21, () => e.get(x), e.index, (R, V) => {
-        var q = Ls();
-        q.__click = () => f(e.get(V).id);
-        var U = e.child(q), W = e.child(U);
+    var x = (_) => {
+      var z = Ga(), p = e.first_child(z), o = e.child(p);
+      o.__click = () => s.toggleThumbnailGallery();
+      var h = e.child(o);
+      We(h, { size: 16, weight: "bold" }), e.reset(o);
+      var A = e.sibling(o, 2), f = e.child(A);
+      f.__mousedown = m;
+      var R = e.child(f);
+      e.reset(f), e.reset(A);
+      var $ = e.sibling(A, 2), I = e.child($);
+      e.each(I, 21, () => e.get(k), e.index, (D, O) => {
+        var q = La();
+        q.__click = () => v(e.get(O).id);
+        var U = e.child(q), K = e.child(U);
         {
-          var Q = (Z) => {
-            var J = Cs();
+          var Q = (J) => {
+            var Z = Ca();
             e.template_effect(() => {
-              e.set_attribute(J, "src", e.get(V).src), e.set_attribute(J, "alt", e.get(V).label);
-            }), e.append(Z, J);
-          }, D = (Z) => {
-            var J = Ms();
-            e.append(Z, J);
+              e.set_attribute(Z, "src", e.get(O).src), e.set_attribute(Z, "alt", e.get(O).label);
+            }), e.append(J, Z);
+          }, H = (J) => {
+            var Z = ja();
+            e.append(J, Z);
           };
-          e.if(W, (Z) => {
-            e.get(V).src ? Z(Q) : Z(D, !1);
+          e.if(K, (J) => {
+            e.get(O).src ? J(Q) : J(H, !1);
           });
         }
         e.reset(U);
-        var X = e.sibling(U, 2), K = e.child(X), we = e.child(K);
-        e.reset(K);
-        var Se = e.sibling(K);
+        var X = e.sibling(U, 2), W = e.child(X), we = e.child(W);
+        e.reset(W);
+        var Se = e.sibling(W);
         e.reset(X), e.reset(q), e.template_effect(() => {
-          e.set_class(q, 1, `group flex flex-col gap-1 p-1 rounded hover:bg-base-200 transition-colors text-left relative shrink-0 ${e.get(S) ? "w-[140px]" : ""} ${a.canvasId === e.get(V).id ? "ring-2 ring-primary bg-primary/5" : ""}`), e.set_attribute(q, "aria-label", `Select canvas ${e.get(V).label ?? ""}`), e.set_text(we, `${e.get(V).index + 1}.`), e.set_text(Se, ` ${e.get(V).label ?? ""}`);
-        }), e.append(R, q);
-      }), e.reset(P), e.reset(T);
-      var B = e.sibling(T, 2);
+          e.set_class(q, 1, `group flex flex-col gap-1 p-1 rounded hover:bg-base-200 transition-colors text-left relative shrink-0 ${e.get(w) ? "w-[140px]" : ""} ${s.canvasId === e.get(O).id ? "ring-2 ring-primary bg-primary/5" : ""}`), e.set_attribute(q, "aria-label", `Select canvas ${e.get(O).label ?? ""}`), e.set_text(we, `${e.get(O).index + 1}.`), e.set_text(Se, ` ${e.get(O).label ?? ""}`);
+        }), e.append(D, q);
+      }), e.reset(I), e.reset($);
+      var E = e.sibling($, 2);
       {
-        var F = (R) => {
-          var V = js();
-          V.__mousedown = o, e.append(R, V);
+        var N = (D) => {
+          var O = Ma();
+          O.__mousedown = l, e.append(D, O);
         };
-        e.if(B, (R) => {
-          e.get(r) === "none" && R(F);
+        e.if(E, (D) => {
+          e.get(r) === "none" && D(N);
         });
       }
-      e.reset(v), e.bind_this(v, (R) => e.set(b, R), () => e.get(b));
-      var H = e.sibling(v, 2);
+      e.reset(p), e.bind_this(p, (D) => e.set(S, D), () => e.get(S));
+      var V = e.sibling(p, 2);
       {
-        var N = (R) => {
-          var V = Es(), q = e.first_child(V), U = e.sibling(q, 2), W = e.sibling(U, 2), Q = e.sibling(W, 2);
+        var B = (D) => {
+          var O = Ea(), q = e.first_child(O), U = e.sibling(q, 2), K = e.sibling(U, 2), Q = e.sibling(K, 2);
           e.template_effect(() => {
-            e.set_class(q, 1, `absolute top-2 left-2 right-2 h-16 rounded-xl border-4 border-dashed border-primary/40 z-950 flex items-center justify-center transition-all duration-200 ${e.get(d) === "top" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`), e.set_class(U, 1, `absolute bottom-2 left-2 right-2 h-16 rounded-xl border-4 border-dashed border-primary/40 z-950 flex items-center justify-center transition-all duration-200 ${e.get(d) === "bottom" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`), e.set_class(W, 1, `absolute top-2 bottom-2 left-2 w-16 rounded-xl border-4 border-dashed border-primary/40 z-950 flex items-center justify-center transition-all duration-200 ${e.get(d) === "left" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`), e.set_class(Q, 1, `absolute top-2 bottom-2 w-16 rounded-xl border-4 border-dashed border-primary/40 z-950 flex items-center justify-center transition-all duration-300 ${a.showSearchPanel ? "right-[328px]" : "right-2"} ${e.get(d) === "right" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`);
-          }), e.event("mouseenter", q, () => e.set(d, "top")), e.event("mouseleave", q, () => e.set(d, null)), e.event("mouseenter", U, () => e.set(d, "bottom")), e.event("mouseleave", U, () => e.set(d, null)), e.event("mouseenter", W, () => e.set(d, "left")), e.event("mouseleave", W, () => e.set(d, null)), e.event("mouseenter", Q, () => e.set(d, "right")), e.event("mouseleave", Q, () => e.set(d, null)), e.append(R, V);
+            e.set_class(q, 1, `absolute top-2 left-2 right-2 h-16 rounded-xl border-4 border-dashed border-primary/40 z-950 flex items-center justify-center transition-all duration-200 ${e.get(d) === "top" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`), e.set_class(U, 1, `absolute bottom-2 left-2 right-2 h-16 rounded-xl border-4 border-dashed border-primary/40 z-950 flex items-center justify-center transition-all duration-200 ${e.get(d) === "bottom" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`), e.set_class(K, 1, `absolute top-2 bottom-2 left-2 w-16 rounded-xl border-4 border-dashed border-primary/40 z-950 flex items-center justify-center transition-all duration-200 ${e.get(d) === "left" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`), e.set_class(Q, 1, `absolute top-2 bottom-2 w-16 rounded-xl border-4 border-dashed border-primary/40 z-950 flex items-center justify-center transition-all duration-300 ${s.showSearchPanel ? "right-[328px]" : "right-2"} ${e.get(d) === "right" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`);
+          }), e.event("mouseenter", q, () => e.set(d, "top")), e.event("mouseleave", q, () => e.set(d, null)), e.event("mouseenter", U, () => e.set(d, "bottom")), e.event("mouseleave", U, () => e.set(d, null)), e.event("mouseenter", K, () => e.set(d, "left")), e.event("mouseleave", K, () => e.set(d, null)), e.event("mouseenter", Q, () => e.set(d, "right")), e.event("mouseleave", Q, () => e.set(d, null)), e.append(D, O);
         };
-        e.if(H, (R) => {
-          e.get(c) && R(N);
+        e.if(V, (D) => {
+          e.get(g) && D(B);
         });
       }
       e.template_effect(() => {
-        e.set_class(v, 1, (e.get(r) !== "none" ? `absolute z-900 bg-base-100 shadow-xl border-base-300 flex transition-all duration-200 
+        e.set_class(p, 1, (e.get(r) !== "none" ? `absolute z-900 bg-base-100 shadow-xl border-base-300 flex transition-all duration-200 
            ${e.get(r) === "bottom" ? "flex-row bottom-0 left-0 right-0 h-[140px] border-t" : ""}
            ${e.get(r) === "top" ? "flex-row top-0 left-0 right-0 h-[140px] border-b" : ""}
            ${e.get(r) === "left" ? "flex-col left-0 top-0 bottom-0 w-[200px] border-r" : ""}
-           ${e.get(r) === "right" ? `flex-col top-0 bottom-0 w-[200px] border-l ${a.showSearchPanel ? "right-80" : "right-0"}` : ""}` : "absolute z-900 bg-base-100 shadow-2xl rounded-lg flex flex-col border border-base-300 overflow-hidden") + (e.get(c) ? " pointer-events-none opacity-80" : "")), e.set_style(v, e.get(r) !== "none" ? "" : `left: ${e.get(n).x}px; top: ${e.get(n).y}px; width: ${e.get(l).width}px; height: ${e.get(l).height}px;`), e.set_class(O, 1, "bg-base-100 flex shrink-0 select-none relative " + (e.get(r) === "bottom" || e.get(r) === "top" ? "flex-row h-full items-center border-r border-base-200" : "flex-col w-full border-b border-base-200")), e.set_class($, 1, "cursor-move flex items-center justify-center hover:bg-base-200/50 active:bg-base-200 transition-colors " + (e.get(r) === "bottom" || e.get(r) === "top" ? "w-8 h-full" : "h-6 w-full")), e.set_class(z, 1, "bg-base-300 rounded-full " + (e.get(r) === "bottom" || e.get(r) === "top" ? "w-1.5 h-12" : "w-12 h-1.5")), e.set_class(T, 1, `flex-1 p-1 bg-base-100 ${e.get(S) ? "overflow-x-auto overflow-y-hidden" : "overflow-y-auto overflow-x-hidden"}`), e.set_class(P, 1, e.clsx(e.get(S) ? "flex flex-row gap-2 h-full items-center" : "grid gap-2")), e.set_style(P, e.get(S) ? "" : "grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));");
-      }), e.append(u, E);
+           ${e.get(r) === "right" ? `flex-col top-0 bottom-0 w-[200px] border-l ${s.showSearchPanel ? "right-80" : "right-0"}` : ""}` : "absolute z-900 bg-base-100 shadow-2xl rounded-lg flex flex-col border border-base-300 overflow-hidden") + (e.get(g) ? " pointer-events-none opacity-80" : "")), e.set_style(p, e.get(r) !== "none" ? "" : `left: ${e.get(n).x}px; top: ${e.get(n).y}px; width: ${e.get(c).width}px; height: ${e.get(c).height}px;`), e.set_class(A, 1, "bg-base-100 flex shrink-0 select-none relative " + (e.get(r) === "bottom" || e.get(r) === "top" ? "flex-row h-full items-center border-r border-base-200" : "flex-col w-full border-b border-base-200")), e.set_class(f, 1, "cursor-move flex items-center justify-center hover:bg-base-200/50 active:bg-base-200 transition-colors " + (e.get(r) === "bottom" || e.get(r) === "top" ? "w-8 h-full" : "h-6 w-full")), e.set_class(R, 1, "bg-base-300 rounded-full " + (e.get(r) === "bottom" || e.get(r) === "top" ? "w-1.5 h-12" : "w-12 h-1.5")), e.set_class($, 1, `flex-1 p-1 bg-base-100 ${e.get(w) ? "overflow-x-auto overflow-y-hidden" : "overflow-y-auto overflow-x-hidden"}`), e.set_class(I, 1, e.clsx(e.get(w) ? "flex flex-row gap-2 h-full items-center" : "grid gap-2")), e.set_style(I, e.get(w) ? "" : "grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));");
+      }), e.append(_, z);
     };
-    e.if(k, (u) => {
-      a.showThumbnailGallery && u(y);
+    e.if(L, (_) => {
+      s.showThumbnailGallery && _(x);
     });
   }
-  e.append(s, I), e.pop();
+  e.append(a, j), e.pop();
 }
 e.delegate(["click", "mousedown"]);
-var Rs = e.from_html('<div><div tabindex="0" role="button" class="btn btn-lg btn-primary btn-circle shadow-xl"><!></div> <div class="fab-close tooltip tooltip-top"><button><!></button></div>  <div class="tooltip tooltip-left"><button><!></button></div> <div class="tooltip tooltip-left"><button><!></button></div> <div class="tooltip tooltip-top"><button><!></button></div> <div class="tooltip tooltip-top"><button><!></button></div></div>');
-function Ps(s, t) {
+var za = e.from_html('<div><div tabindex="0" role="button" class="btn btn-lg btn-primary btn-circle shadow-xl"><!></div> <div class="fab-close tooltip tooltip-top"><button><!></button></div>  <div class="tooltip tooltip-left"><button><!></button></div> <div class="tooltip tooltip-left"><button><!></button></div> <div class="tooltip tooltip-top"><button><!></button></div> <div class="tooltip tooltip-top"><button><!></button></div></div>');
+function Ra(a, t) {
   e.push(t, !1);
-  const a = xe(se);
+  const s = xe(ae);
   e.init();
-  var n = Rs(), l = e.child(n), c = e.child(l);
-  at(c, { size: 32, weight: "bold" }), e.reset(l);
-  var A = e.sibling(l, 2), m = e.child(A);
-  m.__click = () => a.toggleSearchPanel();
-  var p = e.child(m);
-  Ge(p, { size: 28, weight: "bold" }), e.reset(m), e.reset(A);
-  var b = e.sibling(A, 2), x = e.child(b);
-  x.__click = () => a.toggleThumbnailGallery();
-  var j = e.child(x);
-  st(j, { size: 28, weight: "bold" }), e.reset(x), e.reset(b);
-  var i = e.sibling(b, 2), o = e.child(i);
-  o.__click = () => a.toggleFullScreen();
-  var h = e.child(o);
+  var n = za(), c = e.child(n), g = e.child(c);
+  st(g, { size: 32, weight: "bold" }), e.reset(c);
+  var C = e.sibling(c, 2), y = e.child(C);
+  y.__click = () => s.toggleSearchPanel();
+  var b = e.child(y);
+  Ge(b, { size: 28, weight: "bold" }), e.reset(y), e.reset(C);
+  var S = e.sibling(C, 2), k = e.child(S);
+  k.__click = () => s.toggleThumbnailGallery();
+  var P = e.child(k);
+  at(P, { size: 28, weight: "bold" }), e.reset(k), e.reset(S);
+  var i = e.sibling(S, 2), l = e.child(i);
+  l.__click = () => s.toggleFullScreen();
+  var u = e.child(l);
   {
-    var _ = (y) => {
-      Je(y, { size: 28, weight: "bold" });
-    }, f = (y) => {
-      et(y, { size: 28, weight: "bold" });
+    var T = (x) => {
+      Ze(x, { size: 28, weight: "bold" });
+    }, v = (x) => {
+      et(x, { size: 28, weight: "bold" });
     };
-    e.if(h, (y) => {
-      a.isFullScreen ? y(_) : y(f, !1);
+    e.if(u, (x) => {
+      s.isFullScreen ? x(T) : x(v, !1);
     });
   }
-  e.reset(o), e.reset(i);
+  e.reset(l), e.reset(i);
   var r = e.sibling(i, 2), d = e.child(r);
-  d.__click = () => a.toggleAnnotations();
-  var S = e.child(d);
-  Ze(S, { size: 28, weight: "bold" }), e.reset(d), e.reset(r);
-  var w = e.sibling(r, 2), I = e.child(w);
-  I.__click = () => a.toggleMetadataDialog();
-  var k = e.child(I);
-  tt(k, { size: 28, weight: "bold" }), e.reset(I), e.reset(w), e.reset(n), e.template_effect(
-    (y, u, E, v, g, M, O, $, z, T) => {
-      e.set_class(n, 1, `fab fab-flower fab-top-left absolute z-600 pointer-events-auto flex-col items-end transition-all duration-300 ${a.showSearchPanel ? a.showThumbnailGallery && a.isGalleryDockedRight ? "right-[540px]" : "right-[344px]" : a.showThumbnailGallery && a.isGalleryDockedRight ? "right-[220px]" : "right-6"} ${a.showThumbnailGallery && a.dockSide === "bottom" ? "bottom-40" : "bottom-6"}`), e.set_attribute(n, "data-tip", y), e.set_attribute(A, "data-tip", u), e.set_attribute(m, "aria-label", E), e.set_class(m, 1, e.clsx([
+  d.__click = () => s.toggleAnnotations();
+  var w = e.child(d);
+  Je(w, { size: 28, weight: "bold" }), e.reset(d), e.reset(r);
+  var m = e.sibling(r, 2), j = e.child(m);
+  j.__click = () => s.toggleMetadataDialog();
+  var L = e.child(j);
+  tt(L, { size: 28, weight: "bold" }), e.reset(j), e.reset(m), e.reset(n), e.template_effect(
+    (x, _, z, p, o, h, A, f, R, $) => {
+      e.set_class(n, 1, `fab fab-flower fab-top-left absolute z-600 pointer-events-auto flex-col items-end transition-all duration-300 ${s.showSearchPanel ? s.showThumbnailGallery && s.isGalleryDockedRight ? "right-[540px]" : "right-[344px]" : s.showThumbnailGallery && s.isGalleryDockedRight ? "right-[220px]" : "right-6"} ${s.showThumbnailGallery && s.dockSide === "bottom" ? "bottom-40" : "bottom-6"}`), e.set_attribute(n, "data-tip", x), e.set_attribute(C, "data-tip", _), e.set_attribute(y, "aria-label", z), e.set_class(y, 1, e.clsx([
         "btn btn-circle btn-lg shadow-lg",
-        a.showSearchPanel && "btn-primary",
-        !a.showSearchPanel && "btn-neutral"
-      ])), e.set_attribute(b, "data-tip", v), e.set_attribute(x, "aria-label", g), e.set_class(x, 1, `btn btn-lg btn-circle shadow-lg ${a.showThumbnailGallery ? "btn-info" : "btn-neutral"}`), e.set_attribute(i, "data-tip", M), e.set_class(o, 1, `btn btn-circle btn-lg shadow-lg transition-all duration-300 ease-out ${a.isFullScreen ? "btn-warning" : "btn-neutral"}`), e.set_attribute(r, "data-tip", O), e.set_attribute(d, "aria-label", $), e.set_class(d, 1, `btn btn-lg btn-circle shadow-lg ${a.showAnnotations ? "btn-error" : "btn-neutral"}`), e.set_attribute(w, "data-tip", z), e.set_attribute(I, "aria-label", T), e.set_class(I, 1, `btn btn-lg btn-circle shadow-lg ${a.showMetadataDialog ? "btn-info" : "btn-neutral"}`);
+        s.showSearchPanel && "btn-primary",
+        !s.showSearchPanel && "btn-neutral"
+      ])), e.set_attribute(S, "data-tip", p), e.set_attribute(k, "aria-label", o), e.set_class(k, 1, `btn btn-lg btn-circle shadow-lg ${s.showThumbnailGallery ? "btn-info" : "btn-neutral"}`), e.set_attribute(i, "data-tip", h), e.set_class(l, 1, `btn btn-circle btn-lg shadow-lg transition-all duration-300 ease-out ${s.isFullScreen ? "btn-warning" : "btn-neutral"}`), e.set_attribute(r, "data-tip", A), e.set_attribute(d, "aria-label", f), e.set_class(d, 1, `btn btn-lg btn-circle shadow-lg ${s.showAnnotations ? "btn-error" : "btn-neutral"}`), e.set_attribute(m, "data-tip", R), e.set_attribute(j, "aria-label", $), e.set_class(j, 1, `btn btn-lg btn-circle shadow-lg ${s.showMetadataDialog ? "btn-info" : "btn-neutral"}`);
     },
     [
-      () => G.menu(),
-      () => G.search(),
-      () => G.toggle_search(),
-      () => a.showThumbnailGallery ? G.hide_gallery() : G.show_gallery(),
-      () => a.showThumbnailGallery ? G.hide_gallery() : G.show_gallery(),
-      () => a.isFullScreen ? G.exit_full_screen() : G.enter_full_screen(),
-      () => a.showAnnotations ? G.hide_annotations() : G.show_annotations(),
-      () => G.toggle_annotations(),
-      () => G.metadata(),
-      () => G.toggle_metadata()
+      () => F.menu(),
+      () => F.search(),
+      () => F.toggle_search(),
+      () => s.showThumbnailGallery ? F.hide_gallery() : F.show_gallery(),
+      () => s.showThumbnailGallery ? F.hide_gallery() : F.show_gallery(),
+      () => s.isFullScreen ? F.exit_full_screen() : F.enter_full_screen(),
+      () => s.showAnnotations ? F.hide_annotations() : F.show_annotations(),
+      () => F.toggle_annotations(),
+      () => F.metadata(),
+      () => F.toggle_metadata()
     ]
-  ), e.append(s, n), e.pop();
+  ), e.append(a, n), e.pop();
 }
 e.delegate(["click"]);
-var Ds = e.from_html('<div class="mb-6 prose"><p><!></p></div>'), Fs = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6"> </dt> <dd class="text-sm ps-2"><!></dd>', 1), Hs = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6"> </dt> <dd class="text-sm ps-2"><a target="_blank" rel="noreferrer" class="link link-primary break-all"> </a></dd>', 1), Ns = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6"> </dt> <dd class="text-sm ps-2"><!></dd>', 1), Vs = e.from_html('<dialog class="modal absolute" style="position: absolute;"><div class="modal-box w-11/12 max-w-5xl"><form method="dialog"><button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button></form> <h3 class="font-bold text-lg mb-4"> </h3> <div class="py-4 overflow-y-auto max-h-[70vh]"><!> <dl class="grid grid-cols-1 md:grid-cols-[200px_1fr]"><!> <!> <!></dl></div> <div class="modal-action"><form method="dialog"><button class="btn"> </button></form></div></div> <form method="dialog" class="modal-backdrop"><button> </button></form></dialog>');
-function Os(s, t) {
+var Fa = e.from_html('<div class="mb-6 prose"><p><!></p></div>'), Da = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6"> </dt> <dd class="text-sm ps-2"><!></dd>', 1), Ha = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6"> </dt> <dd class="text-sm ps-2"><a target="_blank" rel="noreferrer" class="link link-primary break-all"> </a></dd>', 1), Na = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6"> </dt> <dd class="text-sm ps-2"><!></dd>', 1), Va = e.from_html('<dialog class="modal absolute" style="position: absolute;"><div class="modal-box w-11/12 max-w-5xl"><form method="dialog"><button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button></form> <h3 class="font-bold text-lg mb-4"> </h3> <div class="py-4 overflow-y-auto max-h-[70vh]"><!> <dl class="grid grid-cols-1 md:grid-cols-[200px_1fr]"><!> <!> <!></dl></div> <div class="modal-action"><form method="dialog"><button class="btn"> </button></form></div></div> <form method="dialog" class="modal-backdrop"><button> </button></form></dialog>');
+function Ba(a, t) {
   e.push(t, !0);
-  const a = xe(se);
-  let n = e.derived(() => a.manifest), l = e.derived(() => {
-    const $ = xs.current;
+  const s = xe(ae);
+  let n = e.derived(() => s.manifest), c = e.derived(() => {
+    const f = xa.current;
     if (!e.get(n)) return [];
-    const z = e.get(n).getMetadata();
-    return z ? z.map((T) => {
-      let P = "", B = "";
-      const F = (H) => {
-        if (typeof H == "string") return H;
-        if (Array.isArray(H)) {
-          let N = H.find((R) => R.locale === $ || R.language === $);
-          return N || (N = H.find((R) => R.locale === "en" || R.language === "en")), N || (N = H.find((R) => !R.locale && !R.language)), N || (N = H[0]), N ? N.value : "";
+    const R = e.get(n).getMetadata();
+    return R ? R.map(($) => {
+      let I = "", E = "";
+      const N = (V) => {
+        if (typeof V == "string") return V;
+        if (Array.isArray(V)) {
+          let B = V.find((D) => D.locale === f || D.language === f);
+          return B || (B = V.find((D) => D.locale === "en" || D.language === "en")), B || (B = V.find((D) => !D.locale && !D.language)), B || (B = V[0]), B ? B.value : "";
         }
-        return String(H);
+        return String(V);
       };
-      return T.getLabel ? P = F(T.getLabel()) : T.label && (P = F(T.label)), T.getValue ? B = F(T.getValue()) : T.value && (B = F(T.value)), { label: P, value: B };
+      return $.getLabel ? I = N($.getLabel()) : $.label && (I = N($.label)), $.getValue ? E = N($.getValue()) : $.value && (E = N($.value)), { label: I, value: E };
     }) : [];
-  }), c = e.derived(() => e.get(n) ? e.get(n).getDescription() : ""), A = e.derived(() => {
-    var $;
-    return e.get(n) ? ($ = e.get(n).getRequiredStatement()) == null ? void 0 : $.getValue() : "";
-  }), m = e.derived(() => e.get(n) ? e.get(n).getLicense() : "");
-  var p = Vs(), b = e.child(p), x = e.child(b), j = e.child(x);
-  j.__click = () => a.toggleMetadataDialog(), e.reset(x);
-  var i = e.sibling(x, 2), o = e.child(i, !0);
+  }), g = e.derived(() => e.get(n) ? e.get(n).getDescription() : ""), C = e.derived(() => {
+    var f;
+    return e.get(n) ? (f = e.get(n).getRequiredStatement()) == null ? void 0 : f.getValue() : "";
+  }), y = e.derived(() => e.get(n) ? e.get(n).getLicense() : "");
+  var b = Va(), S = e.child(b), k = e.child(S), P = e.child(k);
+  P.__click = () => s.toggleMetadataDialog(), e.reset(k);
+  var i = e.sibling(k, 2), l = e.child(i, !0);
   e.reset(i);
-  var h = e.sibling(i, 2), _ = e.child(h);
+  var u = e.sibling(i, 2), T = e.child(u);
   {
-    var f = ($) => {
-      var z = Ds(), T = e.child(z), P = e.child(T);
-      e.html(P, () => e.get(c)), e.reset(T), e.reset(z), e.append($, z);
+    var v = (f) => {
+      var R = Fa(), $ = e.child(R), I = e.child($);
+      e.html(I, () => e.get(g)), e.reset($), e.reset(R), e.append(f, R);
     };
-    e.if(_, ($) => {
-      e.get(c) && $(f);
+    e.if(T, (f) => {
+      e.get(g) && f(v);
     });
   }
-  var r = e.sibling(_, 2), d = e.child(r);
+  var r = e.sibling(T, 2), d = e.child(r);
   {
-    var S = ($) => {
-      var z = Fs(), T = e.first_child(z), P = e.child(T, !0);
-      e.reset(T);
-      var B = e.sibling(T, 2), F = e.child(B);
-      e.html(F, () => e.get(A)), e.reset(B), e.template_effect((H) => e.set_text(P, H), [() => G.attribution()]), e.append($, z);
+    var w = (f) => {
+      var R = Da(), $ = e.first_child(R), I = e.child($, !0);
+      e.reset($);
+      var E = e.sibling($, 2), N = e.child(E);
+      e.html(N, () => e.get(C)), e.reset(E), e.template_effect((V) => e.set_text(I, V), [() => F.attribution()]), e.append(f, R);
     };
-    e.if(d, ($) => {
-      e.get(A) && $(S);
+    e.if(d, (f) => {
+      e.get(C) && f(w);
     });
   }
-  var w = e.sibling(d, 2);
+  var m = e.sibling(d, 2);
   {
-    var I = ($) => {
-      var z = Hs(), T = e.first_child(z), P = e.child(T, !0);
-      e.reset(T);
-      var B = e.sibling(T, 2), F = e.child(B), H = e.child(F, !0);
-      e.reset(F), e.reset(B), e.template_effect(
-        (N) => {
-          e.set_text(P, N), e.set_attribute(F, "href", e.get(m)), e.set_text(H, e.get(m));
+    var j = (f) => {
+      var R = Ha(), $ = e.first_child(R), I = e.child($, !0);
+      e.reset($);
+      var E = e.sibling($, 2), N = e.child(E), V = e.child(N, !0);
+      e.reset(N), e.reset(E), e.template_effect(
+        (B) => {
+          e.set_text(I, B), e.set_attribute(N, "href", e.get(y)), e.set_text(V, e.get(y));
         },
-        [() => G.license()]
-      ), e.append($, z);
+        [() => F.license()]
+      ), e.append(f, R);
     };
-    e.if(w, ($) => {
-      e.get(m) && $(I);
+    e.if(m, (f) => {
+      e.get(y) && f(j);
     });
   }
-  var k = e.sibling(w, 2);
-  e.each(k, 17, () => e.get(l), e.index, ($, z) => {
-    var T = Ns(), P = e.first_child(T), B = e.child(P, !0);
-    e.reset(P);
-    var F = e.sibling(P, 2), H = e.child(F);
-    e.html(H, () => e.get(z).value), e.reset(F), e.template_effect(() => e.set_text(B, e.get(z).label)), e.append($, T);
-  }), e.reset(r), e.reset(h);
-  var y = e.sibling(h, 2), u = e.child(y), E = e.child(u);
-  E.__click = () => a.toggleMetadataDialog();
-  var v = e.child(E, !0);
-  e.reset(E), e.reset(u), e.reset(y), e.reset(b);
-  var g = e.sibling(b, 2), M = e.child(g);
-  M.__click = () => a.toggleMetadataDialog();
-  var O = e.child(M, !0);
-  e.reset(M), e.reset(g), e.reset(p), e.template_effect(
-    ($, z, T) => {
-      p.open = a.showMetadataDialog, e.set_text(o, $), e.set_text(v, z), e.set_text(O, T);
+  var L = e.sibling(m, 2);
+  e.each(L, 17, () => e.get(c), e.index, (f, R) => {
+    var $ = Na(), I = e.first_child($), E = e.child(I, !0);
+    e.reset(I);
+    var N = e.sibling(I, 2), V = e.child(N);
+    e.html(V, () => e.get(R).value), e.reset(N), e.template_effect(() => e.set_text(E, e.get(R).label)), e.append(f, $);
+  }), e.reset(r), e.reset(u);
+  var x = e.sibling(u, 2), _ = e.child(x), z = e.child(_);
+  z.__click = () => s.toggleMetadataDialog();
+  var p = e.child(z, !0);
+  e.reset(z), e.reset(_), e.reset(x), e.reset(S);
+  var o = e.sibling(S, 2), h = e.child(o);
+  h.__click = () => s.toggleMetadataDialog();
+  var A = e.child(h, !0);
+  e.reset(h), e.reset(o), e.reset(b), e.template_effect(
+    (f, R, $) => {
+      b.open = s.showMetadataDialog, e.set_text(l, f), e.set_text(p, R), e.set_text(A, $);
     },
     [
-      () => e.get(n) ? e.get(n).getLabel().length && e.get(n).getLabel()[0] ? e.get(n).getLabel()[0].value : G.metadata_label_fallback() : G.loading(),
-      () => G.close(),
-      () => G.close()
+      () => e.get(n) ? e.get(n).getLabel().length && e.get(n).getLabel()[0] ? e.get(n).getLabel()[0].value : F.metadata_label_fallback() : F.loading(),
+      () => F.close(),
+      () => F.close()
     ]
-  ), e.append(s, p), e.pop();
+  ), e.append(a, b), e.pop();
 }
 e.delegate(["click"]);
-var Bs = e.from_html('<span class="loading loading-spinner loading-xs"></span>'), qs = e.from_html('<div class="flex justify-center p-8"><span class="loading loading-spinner loading-lg text-primary"></span></div>'), Ys = e.from_html('<div class="text-center opacity-50 p-4"> </div>'), Xs = e.from_html('<div class="text-center opacity-50 p-4 text-sm"> </div>'), Qs = e.from_html('<div class="leading-relaxed"><span><!></span> <span class="bg-yellow-200 text-yellow-900 font-bold px-0.5 rounded"><!></span> <span><!></span></div>'), Us = e.from_html('<div class="leading-relaxed"> </div>'), Ws = e.from_html('<button class="w-full text-left card bg-base-100 shadow hover:shadow-md transition-all p-4 text-sm group border border-transparent hover:border-primary focus:outline-none focus:ring-2 focus:ring-primary"><div class="flex justify-between items-baseline mb-1"><span class="font-bold text-xs opacity-70 bg-base-200 px-1.5 py-0.5 rounded"> </span></div> <!></button>'), Ks = e.from_html('<div class="text-xs font-bold opacity-50 uppercase tracking-wider pb-2"> </div> <!>', 1), Zs = e.from_html('<div class="absolute top-0 right-0 h-full w-80 bg-base-200 shadow-2xl z-1000 transform transition-transform duration-300 flex flex-col border-l border-base-300" role="dialog"><div class="p-4 bg-base-300 flex justify-between items-center shrink-0"><h2 class="font-bold text-lg"> </h2> <button class="btn btn-sm btn-circle btn-ghost">✕</button></div> <div class="p-4 border-b border-base-300 shrink-0"><div class="join w-full"><input type="text" class="input input-bordered join-item w-full"/> <button class="btn btn-primary join-item"><!></button></div></div> <div class="flex-1 overflow-y-auto p-4 space-y-4"><!></div></div>');
-function Js(s, t) {
+var Oa = e.from_html('<span class="loading loading-spinner loading-xs"></span>'), qa = e.from_html('<div class="flex justify-center p-8"><span class="loading loading-spinner loading-lg text-primary"></span></div>'), Ya = e.from_html('<div class="text-center opacity-50 p-4"> </div>'), Xa = e.from_html('<div class="text-center opacity-50 p-4 text-sm"> </div>'), Qa = e.from_html('<div class="leading-relaxed"><span><!></span> <span class="bg-yellow-200 text-yellow-900 font-bold px-0.5 rounded"><!></span> <span><!></span></div>'), Ua = e.from_html('<div class="leading-relaxed"> </div>'), Ka = e.from_html('<button class="w-full text-left card bg-base-100 shadow hover:shadow-md transition-all p-4 text-sm group border border-transparent hover:border-primary focus:outline-none focus:ring-2 focus:ring-primary"><div class="flex justify-between items-baseline mb-1"><span class="font-bold text-xs opacity-70 bg-base-200 px-1.5 py-0.5 rounded"> </span></div> <!></button>'), Wa = e.from_html('<div class="text-xs font-bold opacity-50 uppercase tracking-wider pb-2"> </div> <!>', 1), Ja = e.from_html('<div class="absolute top-0 right-0 h-full w-80 bg-base-200 shadow-2xl z-1000 transform transition-transform duration-300 flex flex-col border-l border-base-300" role="dialog"><div class="p-4 bg-base-300 flex justify-between items-center shrink-0"><h2 class="font-bold text-lg"> </h2> <button class="btn btn-sm btn-circle btn-ghost">✕</button></div> <div class="p-4 border-b border-base-300 shrink-0"><div class="join w-full"><input type="text" class="input input-bordered join-item w-full"/> <button class="btn btn-primary join-item"><!></button></div></div> <div class="flex-1 overflow-y-auto p-4 space-y-4"><!></div></div>');
+function Za(a, t) {
   e.push(t, !0);
-  const a = xe(se);
-  let n = e.state(e.proxy(a.searchQuery));
-  function l() {
-    a.search(e.get(n));
+  const s = xe(ae);
+  let n = e.state(e.proxy(s.searchQuery));
+  function c() {
+    s.search(e.get(n));
   }
-  function c(x) {
-    x.key === "Enter" && l();
+  function g(k) {
+    k.key === "Enter" && c();
   }
-  function A(x) {
-    const j = a.canvases[x.canvasIndex];
-    j && (a.canvasId = j.id);
+  function C(k) {
+    const P = s.canvases[k.canvasIndex];
+    P && (s.canvasId = P.id);
   }
-  var m = e.comment(), p = e.first_child(m);
+  var y = e.comment(), b = e.first_child(y);
   {
-    var b = (x) => {
-      var j = Zs(), i = e.child(j), o = e.child(i), h = e.child(o, !0);
-      e.reset(o);
-      var _ = e.sibling(o, 2);
-      _.__click = () => a.toggleSearchPanel(), e.reset(i);
-      var f = e.sibling(i, 2), r = e.child(f), d = e.child(r);
-      e.remove_input_defaults(d), d.__keydown = c;
-      var S = e.sibling(d, 2);
-      S.__click = l;
-      var w = e.child(S);
+    var S = (k) => {
+      var P = Ja(), i = e.child(P), l = e.child(i), u = e.child(l, !0);
+      e.reset(l);
+      var T = e.sibling(l, 2);
+      T.__click = () => s.toggleSearchPanel(), e.reset(i);
+      var v = e.sibling(i, 2), r = e.child(v), d = e.child(r);
+      e.remove_input_defaults(d), d.__keydown = g;
+      var w = e.sibling(d, 2);
+      w.__click = c;
+      var m = e.child(w);
       {
-        var I = (g) => {
-          var M = Bs();
-          e.append(g, M);
-        }, k = (g) => {
-          Ge(g, { size: 20, weight: "bold" });
+        var j = (o) => {
+          var h = Oa();
+          e.append(o, h);
+        }, L = (o) => {
+          Ge(o, { size: 20, weight: "bold" });
         };
-        e.if(w, (g) => {
-          a.isSearching ? g(I) : g(k, !1);
+        e.if(m, (o) => {
+          s.isSearching ? o(j) : o(L, !1);
         });
       }
-      e.reset(S), e.reset(r), e.reset(f);
-      var y = e.sibling(f, 2), u = e.child(y);
+      e.reset(w), e.reset(r), e.reset(v);
+      var x = e.sibling(v, 2), _ = e.child(x);
       {
-        var E = (g) => {
-          var M = qs();
-          e.append(g, M);
-        }, v = (g) => {
-          var M = e.comment(), O = e.first_child(M);
+        var z = (o) => {
+          var h = qa();
+          e.append(o, h);
+        }, p = (o) => {
+          var h = e.comment(), A = e.first_child(h);
           {
-            var $ = (T) => {
-              var P = Ys(), B = e.child(P, !0);
-              e.reset(P), e.template_effect((F) => e.set_text(B, F), [
-                () => G.search_panel_no_results({ query: a.searchQuery })
-              ]), e.append(T, P);
-            }, z = (T) => {
-              var P = e.comment(), B = e.first_child(P);
+            var f = ($) => {
+              var I = Ya(), E = e.child(I, !0);
+              e.reset(I), e.template_effect((N) => e.set_text(E, N), [
+                () => F.search_panel_no_results({ query: s.searchQuery })
+              ]), e.append($, I);
+            }, R = ($) => {
+              var I = e.comment(), E = e.first_child(I);
               {
-                var F = (N) => {
-                  var R = Xs(), V = e.child(R, !0);
-                  e.reset(R), e.template_effect((q) => e.set_text(V, q), [() => G.search_panel_instruction()]), e.append(N, R);
-                }, H = (N) => {
-                  var R = Ks(), V = e.first_child(R), q = e.child(V, !0);
-                  e.reset(V);
-                  var U = e.sibling(V, 2);
-                  e.each(U, 17, () => a.searchResults, e.index, (W, Q) => {
-                    var D = Ws();
-                    D.__click = () => A(e.get(Q));
-                    var X = e.child(D), K = e.child(X), we = e.child(K, !0);
-                    e.reset(K), e.reset(X);
+                var N = (B) => {
+                  var D = Xa(), O = e.child(D, !0);
+                  e.reset(D), e.template_effect((q) => e.set_text(O, q), [() => F.search_panel_instruction()]), e.append(B, D);
+                }, V = (B) => {
+                  var D = Wa(), O = e.first_child(D), q = e.child(O, !0);
+                  e.reset(O);
+                  var U = e.sibling(O, 2);
+                  e.each(U, 17, () => s.searchResults, e.index, (K, Q) => {
+                    var H = Ka();
+                    H.__click = () => C(e.get(Q));
+                    var X = e.child(H), W = e.child(X), we = e.child(W, !0);
+                    e.reset(W), e.reset(X);
                     var Se = e.sibling(X, 2);
                     {
-                      var Z = (te) => {
-                        var ee = Qs(), ne = e.child(ee), Ne = e.child(ne);
+                      var J = (te) => {
+                        var ee = Qa(), ne = e.child(ee), Ne = e.child(ne);
                         e.html(Ne, () => e.get(Q).before), e.reset(ne);
                         var Ae = e.sibling(ne, 2), Ve = e.child(Ae);
                         e.html(Ve, () => e.get(Q).match), e.reset(Ae);
-                        var $e = e.sibling(Ae, 2), Oe = e.child($e);
-                        e.html(Oe, () => e.get(Q).after), e.reset($e), e.reset(ee), e.append(te, ee);
-                      }, J = (te) => {
-                        var ee = Us(), ne = e.child(ee, !0);
+                        var $e = e.sibling(Ae, 2), Be = e.child($e);
+                        e.html(Be, () => e.get(Q).after), e.reset($e), e.reset(ee), e.append(te, ee);
+                      }, Z = (te) => {
+                        var ee = Ua(), ne = e.child(ee, !0);
                         e.reset(ee), e.template_effect(() => e.set_text(ne, e.get(Q).match)), e.append(te, ee);
                       };
                       e.if(Se, (te) => {
-                        e.get(Q).type === "hit" ? te(Z) : te(J, !1);
+                        e.get(Q).type === "hit" ? te(J) : te(Z, !1);
                       });
                     }
-                    e.reset(D), e.template_effect(() => e.set_text(we, e.get(Q).canvasLabel)), e.append(W, D);
-                  }), e.template_effect((W) => e.set_text(q, W), [
-                    () => G.search_panel_results_count({ count: a.searchResults.length })
-                  ]), e.append(N, R);
+                    e.reset(H), e.template_effect(() => e.set_text(we, e.get(Q).canvasLabel)), e.append(K, H);
+                  }), e.template_effect((K) => e.set_text(q, K), [
+                    () => F.search_panel_results_count({ count: s.searchResults.length })
+                  ]), e.append(B, D);
                 };
                 e.if(
-                  B,
-                  (N) => {
-                    a.searchResults.length === 0 && !a.searchQuery ? N(F) : N(H, !1);
+                  E,
+                  (B) => {
+                    s.searchResults.length === 0 && !s.searchQuery ? B(N) : B(V, !1);
                   },
                   !0
                 );
               }
-              e.append(T, P);
+              e.append($, I);
             };
             e.if(
-              O,
-              (T) => {
-                a.searchResults.length === 0 && a.searchQuery ? T($) : T(z, !1);
+              A,
+              ($) => {
+                s.searchResults.length === 0 && s.searchQuery ? $(f) : $(R, !1);
               },
               !0
             );
           }
-          e.append(g, M);
+          e.append(o, h);
         };
-        e.if(u, (g) => {
-          a.isSearching ? g(E) : g(v, !1);
+        e.if(_, (o) => {
+          s.isSearching ? o(z) : o(p, !1);
         });
       }
-      e.reset(y), e.reset(j), e.template_effect(
-        (g, M, O, $, z) => {
-          e.set_attribute(j, "aria-label", g), e.set_text(h, M), e.set_attribute(_, "aria-label", O), e.set_attribute(d, "placeholder", $), e.set_attribute(S, "aria-label", z);
+      e.reset(x), e.reset(P), e.template_effect(
+        (o, h, A, f, R) => {
+          e.set_attribute(P, "aria-label", o), e.set_text(u, h), e.set_attribute(T, "aria-label", A), e.set_attribute(d, "placeholder", f), e.set_attribute(w, "aria-label", R);
         },
         [
-          () => G.search_panel_title(),
-          () => G.search_panel_title(),
-          () => G.search_panel_close(),
-          () => G.search_panel_placeholder(),
-          () => G.search_panel_title()
+          () => F.search_panel_title(),
+          () => F.search_panel_title(),
+          () => F.search_panel_close(),
+          () => F.search_panel_placeholder(),
+          () => F.search_panel_title()
         ]
-      ), e.bind_value(d, () => e.get(n), (g) => e.set(n, g)), e.append(x, j);
+      ), e.bind_value(d, () => e.get(n), (o) => e.set(n, o)), e.append(k, P);
     };
-    e.if(p, (x) => {
-      a.showSearchPanel && x(b);
+    e.if(b, (k) => {
+      s.showSearchPanel && k(S);
     });
   }
-  e.append(s, m), e.pop();
+  e.append(a, y), e.pop();
 }
 e.delegate(["click", "keydown"]);
-var en = e.from_html('<span class="loading loading-spinner loading-lg text-primary"></span>'), tn = e.from_html('<div class="text-error"> </div>'), an = e.from_html('<div class="text-base-content/50">No image found</div>'), sn = e.from_html("<!> <!>", 1), nn = e.from_html('<div id="triiiceratops-viewer" class="w-full h-full relative bg-base-100 flex items-center justify-center"><!> <!> <!> <!> <!> <!></div>');
-function An(s, t) {
+var en = e.from_html('<span class="loading loading-spinner loading-lg text-primary"></span>'), tn = e.from_html('<div class="text-error"> </div>'), sn = e.from_html('<div class="text-base-content/50">No image found</div>'), an = e.from_html("<!> <!>", 1), nn = e.from_html('<div id="triiiceratops-viewer" class="w-full h-full relative bg-base-100 flex items-center justify-center"><!> <!> <!> <!> <!> <!></div>');
+function An(a, t) {
   e.push(t, !0);
-  const a = new rt();
-  Ye(se, a), e.user_effect(() => {
-    t.manifestId && a.setManifest(t.manifestId);
+  const s = new rt();
+  Ye(ae, s), e.user_effect(() => {
+    t.manifestId && s.setManifest(t.manifestId);
   }), e.user_effect(() => {
     const r = () => {
-      a.isFullScreen = !!document.fullscreenElement;
+      s.isFullScreen = !!document.fullscreenElement;
     };
     return document.addEventListener("fullscreenchange", r), () => {
       document.removeEventListener("fullscreenchange", r);
     };
   });
-  let n = e.derived(() => a.manifest), l = e.derived(() => a.canvases), c = e.derived(() => a.currentCanvasIndex), A = e.derived(() => {
-    if (!e.get(l) || e.get(c) === -1 || !e.get(l)[e.get(c)])
-      return console.log("TriiiceratopsViewer: No canvas found"), null;
-    const d = e.get(l)[e.get(c)].getImages();
-    if (!d || !d.length)
-      return console.log("TriiiceratopsViewer: No images in canvas"), null;
-    const w = d[0].getResource();
-    if (!w)
-      return console.log("TriiiceratopsViewer: No resource in annotation"), null;
-    const I = w.getService();
-    if (I) {
-      let u = I.id;
-      return u && !u.endsWith("/info.json") && (u = `${u}/info.json`), u;
+  let n = e.derived(() => s.manifest), c = e.derived(() => s.canvases), g = e.derived(() => s.currentCanvasIndex), C = e.derived(() => {
+    var z, p;
+    if (!e.get(c) || e.get(g) === -1 || !e.get(c)[e.get(g)])
+      return (z = e.get(n)) != null && z.isFetching || console.log("TriiiceratopsViewer: No canvas found"), null;
+    const r = e.get(c)[e.get(g)];
+    let d = r.getImages();
+    if ((!d || !d.length) && r.getContent && (d = r.getContent()), !d || !d.length)
+      return r.__jsonld && r.__jsonld.items, (p = e.get(n)) != null && p.isFetching || console.log("TriiiceratopsViewer: No images/content in canvas"), null;
+    const w = d[0];
+    let m = w.getResource ? w.getResource() : null;
+    if (!m && w.getBody) {
+      const o = w.getBody();
+      Array.isArray(o) && o.length > 0 ? m = o[0] : o && (m = o);
+    }
+    if (m && !m.id && !m.__jsonld && (!m.getServices || m.getServices().length === 0) && (m = null), !m) {
+      const o = w.__jsonld || w;
+      o.body && (m = Array.isArray(o.body) ? o.body[0] : o.body);
     }
-    const k = w.getServices();
-    if (k && k.length > 0) {
-      let u = k[0].id;
-      return u && !u.endsWith("/info.json") && (u = `${u}/info.json`), u;
+    if (!m)
+      return null;
+    const j = (o) => o.id || o["@id"];
+    let L = [];
+    if (m.getServices && (L = m.getServices()), !L.length) {
+      const o = m.__jsonld || m;
+      o.service && (L = Array.isArray(o.service) ? o.service : [o.service]);
+    }
+    if (L.length > 0) {
+      const o = L.find((h) => {
+        const A = h.getType ? h.getType() : h.type || "", f = h.getProfile ? h.getProfile() : h.profile || "";
+        return A === "ImageService1" || A === "ImageService2" || A === "ImageService3" || typeof f == "string" && f.includes("http://iiif.io/api/image") || typeof f == "string" && f === "level0";
+      });
+      if (o) {
+        let h = j(o);
+        return h && !h.endsWith("/info.json") && (h = `${h}/info.json`), h;
+      }
     }
-    if (w.id && w.id.includes("/iiif/")) {
-      const u = w.id.split("/"), E = u.findIndex((v) => v === "full" || v.match(/^\d+,\d+,\d+,\d+$/));
-      if (E > 0)
-        return `${u.slice(0, E).join("/")}/info.json`;
+    const x = j(m);
+    if (x && x.includes("/iiif/")) {
+      const o = x.split("/"), h = o.findIndex((A) => A === "full" || A.match(/^\d+,\d+,\d+,\d+$/));
+      if (h > 0)
+        return `${o.slice(0, h).join("/")}/info.json`;
     }
-    return console.log("TriiiceratopsViewer: No service or ID found, returning raw URL"), { type: "image", url: w.id };
+    return console.log("TriiiceratopsViewer: No service or ID found, returning raw URL"), { type: "image", url: x };
   });
-  var m = nn(), p = e.child(m);
+  var y = nn(), b = e.child(y);
   {
-    var b = (r) => {
+    var S = (r) => {
       var d = en();
       e.append(r, d);
-    }, x = (r) => {
-      var d = e.comment(), S = e.first_child(d);
+    }, k = (r) => {
+      var d = e.comment(), w = e.first_child(d);
       {
-        var w = (k) => {
-          var y = tn(), u = e.child(y);
-          e.reset(y), e.template_effect(() => e.set_text(u, `Error: ${e.get(n).error ?? ""}`)), e.append(k, y);
-        }, I = (k) => {
-          var y = e.comment(), u = e.first_child(y);
+        var m = (L) => {
+          var x = tn(), _ = e.child(x);
+          e.reset(x), e.template_effect(() => e.set_text(_, `Error: ${e.get(n).error ?? ""}`)), e.append(L, x);
+        }, j = (L) => {
+          var x = e.comment(), _ = e.first_child(x);
           {
-            var E = (g) => {
-              var M = e.comment(), O = e.first_child(M);
-              e.key(O, () => e.get(A), ($) => {
-                _t($, {
+            var z = (o) => {
+              var h = e.comment(), A = e.first_child(h);
+              e.key(A, () => e.get(C), (f) => {
+                _t(f, {
                   get tileSources() {
-                    return e.get(A);
+                    return e.get(C);
                   },
                   get viewerState() {
-                    return a;
+                    return s;
                   }
                 });
-              }), e.append(g, M);
-            }, v = (g) => {
-              var M = an();
-              e.append(g, M);
+              }), e.append(o, h);
+            }, p = (o) => {
+              var h = sn();
+              e.append(o, h);
             };
             e.if(
-              u,
-              (g) => {
-                e.get(A) ? g(E) : g(v, !1);
+              _,
+              (o) => {
+                e.get(C) ? o(z) : o(p, !1);
               },
               !0
             );
           }
-          e.append(k, y);
+          e.append(L, x);
         };
         e.if(
-          S,
-          (k) => {
-            var y;
-            (y = e.get(n)) != null && y.error ? k(w) : k(I, !1);
+          w,
+          (L) => {
+            var x;
+            (x = e.get(n)) != null && x.error ? L(m) : L(j, !1);
           },
           !0
         );
       }
       e.append(r, d);
     };
-    e.if(p, (r) => {
+    e.if(b, (r) => {
       var d;
-      (d = e.get(n)) != null && d.isFetching ? r(b) : r(x, !1);
+      (d = e.get(n)) != null && d.isFetching ? r(S) : r(k, !1);
     });
   }
-  var j = e.sibling(p, 2);
+  var P = e.sibling(b, 2);
   {
     var i = (r) => {
-      var d = sn(), S = e.first_child(d);
-      Ss(S, {
+      var d = an(), w = e.first_child(d);
+      Sa(w, {
         get viewerState() {
-          return a;
+          return s;
         }
       });
-      var w = e.sibling(S, 2);
-      zs(w, {
+      var m = e.sibling(w, 2);
+      Pa(m, {
         get canvases() {
-          return e.get(l);
+          return e.get(c);
         }
       }), e.append(r, d);
     };
-    e.if(j, (r) => {
-      e.get(l).length > 1 && r(i);
+    e.if(P, (r) => {
+      e.get(c).length > 1 && r(i);
     });
   }
-  var o = e.sibling(j, 2);
-  ks(o, {});
-  var h = e.sibling(o, 2);
-  Os(h, {});
-  var _ = e.sibling(h, 2);
-  Js(_, {});
-  var f = e.sibling(_, 2);
-  Ps(f, {}), e.reset(m), e.append(s, m), e.pop();
+  var l = e.sibling(P, 2);
+  ka(l, {});
+  var u = e.sibling(l, 2);
+  Ba(u, {});
+  var T = e.sibling(u, 2);
+  Za(T, {});
+  var v = e.sibling(T, 2);
+  Ra(v, {}), e.reset(y), e.append(a, y), e.pop();
 }
 export {
   nt as ManifestsState,
   An as TriiiceratopsViewer,
-  se as VIEWER_STATE_KEY,
+  ae as VIEWER_STATE_KEY,
   rt as ViewerState
 };