triiiceratops 0.1.0 → 0.2.0

package/dist/triiiceratops.js

@@ -1,39 +1,37 @@
-var ke = (n) => {
-  throw TypeError(n);
+var Ae = (i) => {
+  throw TypeError(i);
 };
-var Ge = (n, t, s) => t.has(n) || ke("Cannot " + s);
-var C = (n, t, s) => (Ge(n, t, "read from private field"), s ? s.call(n) : t.get(n)), G = (n, t, s) => t.has(n) ? ke("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, s);
+var Pe = (i, t, s) => t.has(i) || Ae("Cannot " + s);
+var L = (i, t, s) => (Pe(i, t, "read from private field"), s ? s.call(i) : t.get(i)), H = (i, t, s) => t.has(i) ? Ae("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, s);
 import "svelte/internal/disclose-version";
 import * as e from "svelte/internal/client";
-import { onMount as Pe, getContext as _e, setContext as Re } from "svelte";
-import * as Ne from "manifesto.js";
-import Oe from "openseadragon";
-import { createOSDAnnotator as Ve } from "@annotorious/openseadragon";
-import "@annotorious/openseadragon/annotorious-openseadragon.css";
-import Xe from "phosphor-svelte/lib/CaretLeft";
-import Be from "phosphor-svelte/lib/CaretRight";
-import Ye from "phosphor-svelte/lib/CaretDown";
-import Ce from "phosphor-svelte/lib/Eye";
-import Me from "phosphor-svelte/lib/EyeSlash";
-import He from "phosphor-svelte/lib/X";
+import { onMount as Re, getContext as me, setContext as De } from "svelte";
+import * as Fe from "manifesto.js";
+import Ie from "openseadragon";
+import He from "phosphor-svelte/lib/CaretLeft";
+import Ne from "phosphor-svelte/lib/CaretRight";
+import Ve from "phosphor-svelte/lib/CaretDown";
+import ke from "phosphor-svelte/lib/Eye";
+import Ce from "phosphor-svelte/lib/EyeSlash";
+import Oe from "phosphor-svelte/lib/X";
 import "svelte/internal/flags/legacy";
-import qe from "phosphor-svelte/lib/ChatCenteredText";
-import Qe from "phosphor-svelte/lib/CornersIn";
-import Ue from "phosphor-svelte/lib/CornersOut";
-import We from "phosphor-svelte/lib/Info";
-import Fe from "phosphor-svelte/lib/MagnifyingGlass";
-import Je from "phosphor-svelte/lib/Plus";
-import Ke from "phosphor-svelte/lib/Slideshow";
+import Be from "phosphor-svelte/lib/ChatCenteredText";
+import Ye from "phosphor-svelte/lib/CornersIn";
+import Xe from "phosphor-svelte/lib/CornersOut";
+import qe from "phosphor-svelte/lib/Info";
+import Me from "phosphor-svelte/lib/MagnifyingGlass";
+import $e from "phosphor-svelte/lib/Plus";
+import Qe from "phosphor-svelte/lib/Slideshow";
 var te;
-class Ze {
+class Ue {
   constructor() {
-    G(this, te, e.state(e.proxy({})));
+    H(this, te, e.state(e.proxy({})));
   }
   get manifests() {
-    return e.get(C(this, te));
+    return e.get(L(this, te));
   }
   set manifests(t) {
-    e.set(C(this, te), t, !0);
+    e.set(L(this, te), t, !0);
   }
   async fetchManifest(t) {
     if (!this.manifests[t]) {
@@ -42,8 +40,8 @@ class Ze {
         const s = await fetch(t);
         if (!s.ok)
           throw new Error(`HTTP error! status: ${s.status}`);
-        const r = await s.json(), i = Ne.parseManifest(r);
-        this.manifests[t] = { json: r, manifesto: i, isFetching: !1 };
+        const r = await s.json(), l = Fe.parseManifest(r);
+        this.manifests[t] = { json: r, manifesto: l, isFetching: !1 };
       } catch (s) {
         this.manifests[t] = { error: s.message, isFetching: !1 };
       }
@@ -81,133 +79,119 @@ class Ze {
   manualGetAnnotations(t, s) {
     const r = this.getManifest(t);
     if (!r) return [];
-    const i = r.getSequences()[0].getCanvasById(s);
-    if (!i) return [];
-    const f = i.__jsonld;
-    let S = [];
-    const A = (h) => h.resources || h.items || [];
-    return f.otherContent && f.otherContent.forEach((h) => {
-      const m = h["@id"] || h.id;
-      if (m && !h.resources) {
-        const y = this.manifests[m];
-        if (y) {
-          if (y.json) {
-            const M = A(y.json);
-            S.push(...M);
+    const l = r.getSequences()[0].getCanvasById(s);
+    if (!l) return [];
+    const c = l.__jsonld;
+    let C = [];
+    const m = (u) => u.resources || u.items || [];
+    return c.otherContent && c.otherContent.forEach((u) => {
+      const _ = u["@id"] || u.id;
+      if (_ && !u.resources) {
+        const I = this.manifests[_];
+        if (I) {
+          if (I.json) {
+            const E = m(I.json);
+            C.push(...E);
           }
         } else
-          this.fetchAnnotationList(m);
-      } else h.resources && S.push(...h.resources);
-    }), f.annotations && f.annotations.forEach((h) => {
-      const m = h.id || h["@id"];
-      if (m && !h.items) {
-        const y = this.manifests[m];
-        if (y) {
-          if (y.json) {
-            const M = A(y.json);
-            S.push(...M);
+          this.fetchAnnotationList(_);
+      } else u.resources && C.push(...u.resources);
+    }), c.annotations && c.annotations.forEach((u) => {
+      const _ = u.id || u["@id"];
+      if (_ && !u.items) {
+        const I = this.manifests[_];
+        if (I) {
+          if (I.json) {
+            const E = m(I.json);
+            C.push(...E);
           }
         } else
-          this.fetchAnnotationList(m);
-      } else h.items && S.push(...h.items);
-    }), S;
+          this.fetchAnnotationList(_);
+      } else u.items && C.push(...u.items);
+    }), C;
   }
 }
 te = new WeakMap();
-const Z = new Ze();
-var se, re, ie, ae, ne, oe, le, ce, de, fe, ue, ge, he, ve, me, be, pe;
-class $e {
+const Z = new Ue();
+var se, re, ie, ae, ne, oe, le, ce, de, fe, ge, he, ve, ue, pe;
+class We {
   constructor(t) {
-    G(this, se, e.state(null));
-    G(this, re, e.state(null));
-    G(this, ie, e.state(!1));
-    G(this, ae, e.state(!1));
-    G(this, ne, e.state(!1));
-    G(this, oe, e.state(!1));
-    G(this, le, e.state(!1));
-    G(this, ce, e.state(!1));
-    G(this, de, e.state("none"));
-    G(this, fe, e.state(e.proxy(/* @__PURE__ */ new Set())));
-    G(this, ue, e.state(e.proxy({})));
-    G(this, ge, e.state(!1));
-    G(this, he, e.state(""));
-    G(this, ve, e.state(e.proxy([])));
-    G(this, me, e.state(!1));
-    G(this, be, e.state(!1));
-    G(this, pe, e.state(e.proxy([])));
+    H(this, se, e.state(null));
+    H(this, re, e.state(null));
+    H(this, ie, e.state(!1));
+    H(this, ae, e.state(!1));
+    H(this, ne, e.state(!1));
+    H(this, oe, e.state(!1));
+    H(this, le, e.state(!1));
+    H(this, ce, e.state(!1));
+    H(this, de, e.state("none"));
+    H(this, fe, e.state(e.proxy(/* @__PURE__ */ new Set())));
+    H(this, ge, e.state(""));
+    H(this, he, e.state(e.proxy([])));
+    H(this, ve, e.state(!1));
+    H(this, ue, e.state(!1));
+    H(this, pe, e.state(e.proxy([])));
     this.manifestId = t || null, this.manifestId && Z.fetchManifest(this.manifestId);
   }
   get manifestId() {
-    return e.get(C(this, se));
+    return e.get(L(this, se));
   }
   set manifestId(t) {
-    e.set(C(this, se), t, !0);
+    e.set(L(this, se), t, !0);
   }
   get canvasId() {
-    return e.get(C(this, re));
+    return e.get(L(this, re));
   }
   set canvasId(t) {
-    e.set(C(this, re), t, !0);
+    e.set(L(this, re), t, !0);
   }
   get showAnnotations() {
-    return e.get(C(this, ie));
+    return e.get(L(this, ie));
   }
   set showAnnotations(t) {
-    e.set(C(this, ie), t, !0);
+    e.set(L(this, ie), t, !0);
   }
   get showThumbnailGallery() {
-    return e.get(C(this, ae));
+    return e.get(L(this, ae));
   }
   set showThumbnailGallery(t) {
-    e.set(C(this, ae), t, !0);
+    e.set(L(this, ae), t, !0);
   }
   get isGalleryDockedBottom() {
-    return e.get(C(this, ne));
+    return e.get(L(this, ne));
   }
   set isGalleryDockedBottom(t) {
-    e.set(C(this, ne), t, !0);
+    e.set(L(this, ne), t, !0);
   }
   get isGalleryDockedRight() {
-    return e.get(C(this, oe));
+    return e.get(L(this, oe));
   }
   set isGalleryDockedRight(t) {
-    e.set(C(this, oe), t, !0);
+    e.set(L(this, oe), t, !0);
   }
   get isFullScreen() {
-    return e.get(C(this, le));
+    return e.get(L(this, le));
   }
   set isFullScreen(t) {
-    e.set(C(this, le), t, !0);
+    e.set(L(this, le), t, !0);
   }
   get showMetadataDialog() {
-    return e.get(C(this, ce));
+    return e.get(L(this, ce));
   }
   set showMetadataDialog(t) {
-    e.set(C(this, ce), t, !0);
+    e.set(L(this, ce), t, !0);
   }
   get dockSide() {
-    return e.get(C(this, de));
+    return e.get(L(this, de));
   }
   set dockSide(t) {
-    e.set(C(this, de), t, !0);
+    e.set(L(this, de), t, !0);
   }
   get visibleAnnotationIds() {
-    return e.get(C(this, fe));
+    return e.get(L(this, fe));
   }
   set visibleAnnotationIds(t) {
-    e.set(C(this, fe), t, !0);
-  }
-  get createdAnnotations() {
-    return e.get(C(this, ue));
-  }
-  set createdAnnotations(t) {
-    e.set(C(this, ue), t, !0);
-  }
-  get isCreatingAnnotation() {
-    return e.get(C(this, ge));
-  }
-  set isCreatingAnnotation(t) {
-    e.set(C(this, ge), t, !0);
+    e.set(L(this, fe), t, !0);
   }
   get manifest() {
     return this.manifestId ? Z.getManifest(this.manifestId) : null;
@@ -247,27 +231,7 @@ class $e {
     this.manifestId = t, this.canvasId = null, Z.fetchManifest(t);
   }
   setCanvas(t) {
-    this.canvasId = t, this.loadAnnotationsFromStorage(t);
-  }
-  toggleCreationMode(t) {
-    typeof t == "boolean" ? this.isCreatingAnnotation = t : this.isCreatingAnnotation = !this.isCreatingAnnotation;
-  }
-  loadAnnotationsFromStorage(t) {
-    if (typeof localStorage > "u") return;
-    const s = `triiiceratops-annotations-${t}`, r = localStorage.getItem(s);
-    if (r)
-      try {
-        const i = JSON.parse(r);
-        Array.isArray(i) && (this.createdAnnotations[t] = i);
-      } catch (i) {
-        console.error("Failed to parse stored annotations", i);
-      }
-  }
-  addAnnotation(t, s) {
-    if (s && (this.createdAnnotations[s] || (this.createdAnnotations[s] = []), this.createdAnnotations[s] = [...this.createdAnnotations[s], t], typeof localStorage < "u")) {
-      const r = `triiiceratops-annotations-${s}`;
-      localStorage.setItem(r, JSON.stringify(this.createdAnnotations[s]));
-    }
+    this.canvasId = t;
   }
   toggleAnnotations() {
     this.showAnnotations = !this.showAnnotations;
@@ -289,37 +253,37 @@ class $e {
     this.showMetadataDialog = !this.showMetadataDialog;
   }
   get searchQuery() {
-    return e.get(C(this, he));
+    return e.get(L(this, ge));
   }
   set searchQuery(t) {
-    e.set(C(this, he), t, !0);
+    e.set(L(this, ge), t, !0);
   }
   get searchResults() {
-    return e.get(C(this, ve));
+    return e.get(L(this, he));
   }
   set searchResults(t) {
-    e.set(C(this, ve), t, !0);
+    e.set(L(this, he), t, !0);
   }
   get isSearching() {
-    return e.get(C(this, me));
+    return e.get(L(this, ve));
   }
   set isSearching(t) {
-    e.set(C(this, me), t, !0);
+    e.set(L(this, ve), t, !0);
   }
   get showSearchPanel() {
-    return e.get(C(this, be));
+    return e.get(L(this, ue));
   }
   set showSearchPanel(t) {
-    e.set(C(this, be), t, !0);
+    e.set(L(this, ue), t, !0);
   }
   toggleSearchPanel() {
     this.showSearchPanel = !this.showSearchPanel, this.showSearchPanel || (this.searchAnnotations = []);
   }
   get searchAnnotations() {
-    return e.get(C(this, pe));
+    return e.get(L(this, pe));
   }
   set searchAnnotations(t) {
-    e.set(C(this, pe), t, !0);
+    e.set(L(this, pe), t, !0);
   }
   get currentCanvasSearchAnnotations() {
     return this.canvasId ? this.searchAnnotations.filter((t) => t.canvasId === this.canvasId) : [];
@@ -329,105 +293,105 @@ class $e {
     if (t.trim()) {
       this.isSearching = !0, this.searchQuery = t, this.searchResults = [];
       try {
-        const i = this.manifest;
-        if (!i) throw new Error("No manifest loaded");
-        let f = i.getService("http://iiif.io/api/search/1/search") || i.getService("http://iiif.io/api/search/0/search");
-        if (f || i.__jsonld && i.__jsonld.service && (f = (Array.isArray(i.__jsonld.service) ? i.__jsonld.service : [i.__jsonld.service]).find((b) => b.profile === "http://iiif.io/api/search/1/search" || b.profile === "http://iiif.io/api/search/0/search")), !f) {
+        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((f) => f.profile === "http://iiif.io/api/search/1/search" || f.profile === "http://iiif.io/api/search/0/search")), !c) {
           console.warn("No IIIF search service found in manifest"), this.isSearching = !1;
           return;
         }
-        const A = `${f.id || f["@id"]}?q=${encodeURIComponent(t)}`, h = await fetch(A);
-        if (!h.ok) throw new Error("Search request failed");
-        const m = await h.json(), y = m.resources || [], M = [], o = (u) => {
-          const b = typeof u == "string" ? u : u["@id"] || u.id;
-          if (!b) return null;
-          const l = b.split("#xywh=");
-          if (l.length < 2) return null;
-          const c = l[1].split(",").map(Number);
-          return c.length === 4 ? c : null;
+        const m = `${c.id || c["@id"]}?q=${encodeURIComponent(t)}`, u = await fetch(m);
+        if (!u.ok) throw new Error("Search request failed");
+        const _ = await u.json(), I = _.resources || [], E = [], n = (o) => {
+          const f = typeof o == "string" ? o : o["@id"] || o.id;
+          if (!f) return null;
+          const b = f.split("#xywh=");
+          if (b.length < 2) return null;
+          const h = b[1].split(",").map(Number);
+          return h.length === 4 ? h : null;
         };
-        if (m.hits)
-          for (const u of m.hits) {
-            const b = u.annotations || [];
-            for (const l of b) {
-              const c = y.find((a) => a["@id"] === l || a.id === l);
-              if (c && c.on) {
-                const a = typeof c.on == "string" ? c.on : c.on["@id"] || c.on.id, d = a.split("#")[0], D = o(a), I = this.canvases.findIndex((F) => F.id === d);
-                if (I >= 0) {
-                  const F = this.canvases[I];
-                  let L = "Canvas " + (I + 1);
+        if (_.hits)
+          for (const o of _.hits) {
+            const f = o.annotations || [];
+            for (const b of f) {
+              const h = I.find((a) => a["@id"] === b || a.id === b);
+              if (h && h.on) {
+                const a = typeof h.on == "string" ? h.on : h.on["@id"] || h.on.id, d = a.split("#")[0], j = n(a), w = this.canvases.findIndex((k) => k.id === d);
+                if (w >= 0) {
+                  const k = this.canvases[w];
+                  let T = "Canvas " + (w + 1);
                   try {
-                    if (F.getLabel) {
-                      const j = F.getLabel();
-                      Array.isArray(j) && j.length > 0 ? L = j[0].value : typeof j == "string" && (L = j);
-                    } else F.label && (typeof F.label == "string" ? L = F.label : Array.isArray(F.label) && (L = (s = F.label[0]) == null ? void 0 : s.value));
+                    if (k.getLabel) {
+                      const S = k.getLabel();
+                      Array.isArray(S) && S.length > 0 ? T = S[0].value : typeof S == "string" && (T = S);
+                    } else k.label && (typeof k.label == "string" ? T = k.label : Array.isArray(k.label) && (T = (s = k.label[0]) == null ? void 0 : s.value));
                   } catch {
                   }
-                  M.push({
+                  E.push({
                     type: "hit",
-                    before: u.before,
-                    match: u.match,
-                    after: u.after,
-                    canvasIndex: I,
-                    canvasLabel: String(L),
-                    bounds: D
+                    before: o.before,
+                    match: o.match,
+                    after: o.after,
+                    canvasIndex: w,
+                    canvasLabel: String(T),
+                    bounds: j
                   });
                 }
               }
             }
           }
-        else if (y.length > 0)
-          for (const u of y) {
-            const b = typeof u.on == "string" ? u.on : u.on["@id"] || u.on.id, l = b.split("#")[0], c = o(b), a = this.canvases.findIndex((d) => d.id === l);
+        else if (I.length > 0)
+          for (const o of I) {
+            const f = typeof o.on == "string" ? o.on : o.on["@id"] || o.on.id, b = f.split("#")[0], h = n(f), a = this.canvases.findIndex((d) => d.id === b);
             if (a >= 0) {
               const d = this.canvases[a];
-              let D = "Canvas " + (a + 1);
+              let j = "Canvas " + (a + 1);
               try {
                 if (d.getLabel) {
-                  const I = d.getLabel();
-                  Array.isArray(I) && I.length > 0 ? D = I[0].value : typeof I == "string" && (D = I);
-                } else d.label && (typeof d.label == "string" ? D = d.label : Array.isArray(d.label) && (D = (r = d.label[0]) == null ? void 0 : r.value));
+                  const w = d.getLabel();
+                  Array.isArray(w) && w.length > 0 ? j = w[0].value : typeof w == "string" && (j = w);
+                } else d.label && (typeof d.label == "string" ? j = d.label : Array.isArray(d.label) && (j = (r = d.label[0]) == null ? void 0 : r.value));
               } catch {
               }
-              M.push({
+              E.push({
                 type: "resource",
-                match: u.resource && u.resource.chars ? u.resource.chars : u.chars || "",
+                match: o.resource && o.resource.chars ? o.resource.chars : o.chars || "",
                 canvasIndex: a,
-                canvasLabel: String(D),
-                bounds: c
+                canvasLabel: String(j),
+                bounds: h
               });
             }
           }
-        this.searchResults = M, this.searchAnnotations = M.filter((u) => u.bounds).map((u, b) => {
-          const l = this.canvases[u.canvasIndex], c = `${l.id}#xywh=${u.bounds.join(",")}`;
+        this.searchResults = E, this.searchAnnotations = E.filter((o) => o.bounds).map((o, f) => {
+          const b = this.canvases[o.canvasIndex], h = `${b.id}#xywh=${o.bounds.join(",")}`;
           return {
-            "@id": `urn:search-hit:${b}`,
+            "@id": `urn:search-hit:${f}`,
             "@type": "oa:Annotation",
             motivation: "sc:painting",
-            on: c,
-            canvasId: l.id,
-            resource: { "@type": "cnt:ContentAsText", chars: u.match },
+            on: h,
+            canvasId: b.id,
+            resource: { "@type": "cnt:ContentAsText", chars: o.match },
             // Flag to identify styling in Overlay?
             // Or just standard rendering.
             isSearchHit: !0
           };
         });
-      } catch (i) {
-        console.error("Search error:", i);
+      } catch (l) {
+        console.error("Search error:", l);
       } finally {
         this.isSearching = !1;
       }
     }
   }
 }
-se = new WeakMap(), re = new WeakMap(), ie = new WeakMap(), ae = new WeakMap(), ne = new WeakMap(), oe = new WeakMap(), le = new WeakMap(), ce = new WeakMap(), de = new WeakMap(), fe = new WeakMap(), ue = new WeakMap(), ge = new WeakMap(), he = new WeakMap(), ve = new WeakMap(), me = new WeakMap(), be = new WeakMap(), pe = new WeakMap();
-const $ = "triiiceratops:viewerState";
-function De(n) {
-  return n.id || n["@id"] || (typeof n.getId == "function" ? n.getId() : "");
+se = new WeakMap(), re = new WeakMap(), ie = new WeakMap(), ae = new WeakMap(), ne = new WeakMap(), oe = new WeakMap(), le = new WeakMap(), ce = new WeakMap(), de = new WeakMap(), fe = new WeakMap(), ge = new WeakMap(), he = new WeakMap(), ve = new WeakMap(), ue = new WeakMap(), pe = new WeakMap();
+const J = "triiiceratops:viewerState";
+function Le(i) {
+  return i.id || i["@id"] || (typeof i.getId == "function" ? i.getId() : "");
 }
-function Se(n) {
-  if (!n) return null;
-  const t = n.match(/xywh=(\d+),(\d+),(\d+),(\d+)/);
+function xe(i) {
+  if (!i) return null;
+  const t = i.match(/xywh=(\d+),(\d+),(\d+),(\d+)/);
   return t ? {
     x: parseInt(t[1], 10),
     y: parseInt(t[2], 10),
@@ -435,241 +399,248 @@ function Se(n) {
     h: parseInt(t[4], 10)
   } : null;
 }
-function et(n) {
-  const t = tt(n);
+function Ke(i) {
+  const t = Ze(i);
   if (t)
-    return st(t);
-  const s = nt(n);
+    return Je(t);
+  const s = rt(i);
   return s ? {
     type: "RECTANGLE",
-    geometry: {
-      x: s.x,
-      y: s.y,
-      w: s.w,
-      h: s.h,
-      bounds: {
-        minX: s.x,
-        minY: s.y,
-        maxX: s.x + s.w,
-        maxY: s.y + s.h
-      }
-    }
+    x: s.x,
+    y: s.y,
+    w: s.w,
+    h: s.h
   } : null;
 }
-function tt(n) {
+function Ze(i) {
   var s, r;
-  if (typeof n.getTarget == "function") {
-    const i = ((s = n.__jsonld) == null ? void 0 : s.on) || ((r = n.__jsonld) == null ? void 0 : r.target);
-    if (i)
-      return je(i);
+  if (typeof i.getTarget == "function") {
+    const l = ((s = i.__jsonld) == null ? void 0 : s.on) || ((r = i.__jsonld) == null ? void 0 : r.target);
+    if (l)
+      return je(l);
   }
-  const t = n.target || n.on;
+  const t = i.target || i.on;
   return t ? je(t) : null;
 }
-function je(n) {
-  if (!n) return null;
-  if (Array.isArray(n))
-    for (const t of n) {
+function je(i) {
+  if (!i) return null;
+  if (Array.isArray(i))
+    for (const t of i) {
       const s = Te(t);
       if (s) return s;
     }
   else
-    return Te(n);
+    return Te(i);
   return null;
 }
-function Te(n) {
+function Te(i) {
   var s;
-  if (!n) return null;
-  const t = n.selector || n;
+  if (!i) return null;
+  const t = i.selector || i;
   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 st(n) {
+function Je(i) {
   try {
-    const s = new DOMParser().parseFromString(n, "image/svg+xml");
+    const s = new DOMParser().parseFromString(i, "image/svg+xml");
     if (s.documentElement.nodeName === "parsererror")
-      return console.warn("Failed to parse SVG selector:", n), null;
-    const r = [];
-    let i = { minX: 1 / 0, minY: 1 / 0, maxX: -1 / 0, maxY: -1 / 0 };
-    const f = s.querySelectorAll("polygon");
-    for (const h of f) {
-      const m = h.getAttribute("points");
-      if (m) {
-        const y = rt(m);
-        r.push(...y);
+      return console.warn("Failed to parse SVG selector:", i), null;
+    const r = [], l = s.querySelectorAll("polygon");
+    for (const m of l) {
+      const u = m.getAttribute("points");
+      if (u) {
+        const _ = et(u);
+        r.push(..._);
       }
     }
-    const S = s.querySelectorAll("path");
-    for (const h of S) {
-      const m = h.getAttribute("d");
-      if (m) {
-        const y = it(m);
-        r.push(...y);
+    const c = s.querySelectorAll("path");
+    for (const m of c) {
+      const u = m.getAttribute("d");
+      if (u) {
+        const _ = tt(u);
+        r.push(..._);
       }
     }
-    const A = s.querySelectorAll("circle");
-    for (const h of A) {
-      const m = parseFloat(h.getAttribute("cx") || "0"), y = parseFloat(h.getAttribute("cy") || "0"), M = parseFloat(h.getAttribute("r") || "0"), o = at(m, y, M);
-      r.push(...o);
+    const C = s.querySelectorAll("circle");
+    for (const m of C) {
+      const u = parseFloat(m.getAttribute("cx") || "0"), _ = parseFloat(m.getAttribute("cy") || "0"), I = parseFloat(m.getAttribute("r") || "0"), E = st(u, _, I);
+      r.push(...E);
     }
-    for (const [h, m] of r)
-      i.minX = Math.min(i.minX, h), i.minY = Math.min(i.minY, m), i.maxX = Math.max(i.maxX, h), i.maxY = Math.max(i.maxY, m);
     return r.length === 0 ? null : {
       type: "POLYGON",
-      geometry: {
-        points: r,
-        bounds: i
-      }
+      points: r
     };
   } catch (t) {
     return console.warn("Failed to convert SVG to polygon:", t), null;
   }
 }
-function rt(n) {
-  const t = [], s = n.trim().split(/\s+/);
+function et(i) {
+  const t = [], s = i.trim().split(/\s+/);
   for (const r of s) {
-    const [i, f] = r.split(",").map((S) => parseFloat(S));
-    !isNaN(i) && !isNaN(f) && t.push([i, f]);
+    const [l, c] = r.split(",").map((C) => parseFloat(C));
+    !isNaN(l) && !isNaN(c) && t.push([l, c]);
   }
   return t;
 }
-function it(n) {
+function tt(i) {
   const t = [], s = /[ML]\s*([\d.]+)[,\s]+([\d.]+)/g;
   let r;
-  for (; (r = s.exec(n)) !== null; ) {
-    const i = parseFloat(r[1]), f = parseFloat(r[2]);
-    !isNaN(i) && !isNaN(f) && t.push([i, f]);
+  for (; (r = s.exec(i)) !== null; ) {
+    const l = parseFloat(r[1]), c = parseFloat(r[2]);
+    !isNaN(l) && !isNaN(c) && t.push([l, c]);
   }
   return t;
 }
-function at(n, t, s, r = 8) {
-  const i = [];
-  for (let f = 0; f < r; f++) {
-    const S = f / r * Math.PI * 2, A = n + s * Math.cos(S), h = t + s * Math.sin(S);
-    i.push([A, h]);
+function st(i, t, s, r = 8) {
+  const l = [];
+  for (let c = 0; c < r; c++) {
+    const C = c / r * Math.PI * 2, m = i + s * Math.cos(C), u = t + s * Math.sin(C);
+    l.push([m, u]);
   }
-  return i;
+  return l;
 }
-function nt(n) {
+function rt(i) {
   var s;
-  if (typeof n.getTarget == "function") {
-    const r = n.getTarget();
+  if (typeof i.getTarget == "function") {
+    const r = i.getTarget();
     if (typeof r == "string" && r.includes("xywh="))
-      return Se(r);
-    const i = (s = n.__jsonld) == null ? void 0 : s.on;
-    if (i) {
-      const f = Ae(i);
-      if (f) return f;
+      return xe(r);
+    const l = (s = i.__jsonld) == null ? void 0 : s.on;
+    if (l) {
+      const c = we(l);
+      if (c) return c;
     }
   }
-  const t = n.target || n.on;
-  return t ? Ae(t) : null;
+  const t = i.target || i.on;
+  return t ? we(t) : null;
 }
-function Ae(n) {
-  if (!n) return null;
-  if (Array.isArray(n))
-    for (const t of n) {
-      const s = Ae(t);
+function we(i) {
+  if (!i) return null;
+  if (Array.isArray(i))
+    for (const t of i) {
+      const s = we(t);
       if (s) return s;
     }
-  if (typeof n == "string" && n.includes("xywh="))
-    return Se(n);
-  if (n.selector) {
-    const t = n.selector, s = t.item || t;
+  if (typeof i == "string" && i.includes("xywh="))
+    return xe(i);
+  if (i.selector) {
+    const t = i.selector, s = t.item || t;
     if (s.value && typeof s.value == "string" && s.value.includes("xywh="))
-      return Se(s.value);
+      return xe(s.value);
   }
   return null;
 }
-function ot(n) {
-  const t = [];
-  if (typeof n.getBody == "function") {
-    const s = n.getBody();
-    if (s && Array.isArray(s))
-      for (const r of s) {
-        const i = r.getValue ? r.getValue() : "";
-        r.getFormat && r.getFormat(), i && t.push({
-          purpose: "commenting",
-          value: i
-          // Note: Don't include format, Annotorious doesn't track it
-        });
+function it(i) {
+  let t = "", s = !1;
+  if (typeof i.getBody == "function") {
+    const r = i.getBody();
+    if (r && Array.isArray(r)) {
+      const l = [];
+      for (const c of r) {
+        const C = c.getValue ? c.getValue() : "";
+        if (C) {
+          l.push(C);
+          const m = c.getFormat ? c.getFormat() : "";
+          (m === "text/html" || m === "application/html") && (s = !0);
+        }
       }
+      t = l.join(" ");
+    }
   } else {
-    const s = (r) => r && (r.chars || r.value || r["cnt:chars"]) || "";
-    if (n.resource) {
-      const r = Array.isArray(n.resource) ? n.resource : [n.resource];
-      for (const i of r) {
-        const f = s(i);
-        f && t.push({
-          purpose: "commenting",
-          value: f
-        });
-      }
-    } else if (n.body) {
-      const r = Array.isArray(n.body) ? n.body : [n.body];
-      for (const i of r) {
-        const f = s(i);
-        f && t.push({
-          purpose: "commenting",
-          value: f
-        });
-      }
+    const r = (c) => c && (c.chars || c.value || c["cnt:chars"]) || "", l = (c) => c ? c.format === "text/html" || c.type === "TextualBody" : !1;
+    if (i.resource) {
+      const c = Array.isArray(i.resource) ? i.resource : [i.resource];
+      t = c.map(r).filter(Boolean).join(" "), s = c.some(l);
+    } else if (i.body) {
+      const c = Array.isArray(i.body) ? i.body : [i.body];
+      t = c.map(r).filter(Boolean).join(" "), s = c.some(l);
     }
   }
-  if (t.length === 0) {
-    let s = "";
-    typeof n.getLabel == "function" ? s = n.getLabel() : n.label && (s = Array.isArray(n.label) ? n.label.join(" ") : n.label), s && t.push({
-      purpose: "commenting",
-      value: s
-    });
-  }
-  return t;
+  return t || (typeof i.getLabel == "function" ? t = i.getLabel() || "" : i.label && (t = Array.isArray(i.label) ? i.label.join(" ") : i.label)), { value: t || "Annotation", isHtml: s };
 }
-function lt(n, t, s = !1) {
-  const r = De(n) || `anno-${t}`, i = et(n);
-  if (!i)
+function at(i, t, s = !1) {
+  const r = Le(i) || `anno-${t}`, l = Ke(i);
+  if (!l)
     return null;
-  const f = ot(n);
-  return s && f.push({
-    purpose: "search-hit",
-    value: "search-hit"
-  }), {
+  const c = it(i);
+  return {
     id: r,
-    target: {
-      selector: i
-    },
-    bodies: f
+    geometry: l,
+    body: c,
+    isSearchHit: s
   };
 }
-function ct(n, t = /* @__PURE__ */ new Set()) {
-  return n.map((s, r) => {
-    const i = t.has(De(s));
-    return lt(s, r, i);
+function nt(i, t = /* @__PURE__ */ new Set()) {
+  return i.map((s, r) => {
+    const l = t.has(Le(s));
+    return at(s, r, l);
   }).filter((s) => s !== null);
 }
-var dt = e.from_html('<div class="absolute bg-base-200 text-base-content px-3 py-2 rounded-lg shadow-lg text-sm max-w-xs pointer-events-none z-1000"> </div>'), ft = e.from_html('<div class="w-full h-full relative"><div class="w-full h-full osd-background bg-base-100"></div> <!></div>');
-function ut(n, t) {
+var ot = e.from_html("<div></div>"), lt = e.from_svg('<svg class="absolute pointer-events-auto"><title> </title><polygon stroke-width="2"></polygon></svg>'), ct = e.from_html('<div class="w-full h-full relative"><div class="w-full h-full osd-background bg-base-100"></div> <!></div>');
+function dt(i, t) {
   e.push(t, !0);
-  let s = e.state(void 0), r = e.state(void 0), i = e.state(void 0), f = e.state(null), S = e.state(e.proxy({ x: 0, y: 0 })), A = e.derived(() => {
+  let s = e.state(void 0), r = e.state(void 0), l = e.state(0), c = e.derived(() => {
     if (!t.viewerState.manifestId || !t.viewerState.canvasId)
       return [];
-    const l = Z.getAnnotations(t.viewerState.manifestId, t.viewerState.canvasId), c = t.viewerState.currentCanvasSearchAnnotations, a = t.viewerState.createdAnnotations[t.viewerState.canvasId] || [];
-    return [
-      ...l,
-      ...c,
-      ...a
-    ];
-  }), h = e.derived(() => {
-    const l = /* @__PURE__ */ new Set();
-    return t.viewerState.currentCanvasSearchAnnotations.forEach((c) => {
-      const a = c.id || c["@id"];
-      a && l.add(a);
-    }), l;
-  }), m = e.derived(() => ct(e.get(A), e.get(h)));
-  Pe(() => {
+    const n = Z.getAnnotations(t.viewerState.manifestId, t.viewerState.canvasId), o = t.viewerState.currentCanvasSearchAnnotations;
+    return [...n, ...o];
+  }), C = e.derived(() => {
+    const n = /* @__PURE__ */ new Set();
+    return t.viewerState.currentCanvasSearchAnnotations.forEach((o) => {
+      const f = o.id || o["@id"];
+      f && n.add(f);
+    }), n;
+  }), m = e.derived(() => nt(e.get(c), e.get(C))), u = e.derived(() => {
+    if (e.get(l), !e.get(r) || !e.get(m).length)
+      return [];
+    const n = e.get(r).world.getItemAt(0);
+    if (!n)
+      return [];
+    const o = [];
+    for (const f of e.get(m)) {
+      if (!f.isSearchHit) if (t.viewerState.showAnnotations) {
+        if (!t.viewerState.visibleAnnotationIds.has(f.id))
+          continue;
+      } else continue;
+      if (f.geometry.type === "RECTANGLE") {
+        const b = n.imageToViewportRectangle(f.geometry.x, f.geometry.y, f.geometry.w, f.geometry.h), h = e.get(r).viewport.viewportToViewerElementRectangle(b);
+        o.push({
+          id: f.id,
+          type: "RECTANGLE",
+          rect: {
+            x: h.x,
+            y: h.y,
+            width: h.width,
+            height: h.height
+          },
+          isSearchHit: f.isSearchHit,
+          tooltip: f.body.value
+        });
+      } else if (f.geometry.type === "POLYGON") {
+        const b = f.geometry.points.map((k) => {
+          const T = n.imageToViewportCoordinates(new Ie.Point(k[0], k[1])), S = e.get(r).viewport.viewportToViewerElementCoordinates(T);
+          return [S.x, S.y];
+        });
+        let h = 1 / 0, a = 1 / 0, d = -1 / 0, j = -1 / 0;
+        for (const [k, T] of b)
+          h = Math.min(h, k), a = Math.min(a, T), d = Math.max(d, k), j = Math.max(j, T);
+        const w = b.map(([k, T]) => [k - h, T - a]);
+        o.push({
+          id: f.id,
+          type: "POLYGON",
+          bounds: { x: h, y: a, width: d - h, height: j - a },
+          points: w,
+          isSearchHit: f.isSearchHit,
+          tooltip: f.body.value
+        });
+      }
+    }
+    return o;
+  });
+  Re(() => {
     if (e.get(s))
       return e.set(
         r,
-        Oe({
+        Ie({
           element: e.get(s),
           tileSources: null,
           // Will be set via effect
@@ -686,284 +657,262 @@ function ut(n, t) {
           zoomPerClick: 2
         }),
         !0
-      ), e.set(
-        i,
-        Ve(e.get(r), {
-          drawingEnabled: !1,
-          // @ts-ignore
-          readOnly: !0,
-          // @ts-ignore
-          disableSelect: !0
-          // We will manually manage selection if needed, or toggle this
-        }),
-        !0
-      ), e.get(i).on("createAnnotation", (l) => {
-        const c = {
-          ...l,
-          id: l.id || crypto.randomUUID(),
-          // Ensure ID
-          motivation: "commenting",
-          target: {
-            ...l.target,
-            source: t.viewerState.canvasId
-            // Enforce canvas ID
-          }
-        };
-        t.viewerState.addAnnotation(c, t.viewerState.canvasId);
-      }), t.viewerState.canvasId && t.viewerState.loadAnnotationsFromStorage(t.viewerState.canvasId), e.get(i).on("selectionChanged", (l) => {
-        l && l.length > 0 && e.get(i) && e.get(i).cancelSelected();
-      }), e.get(i).on("mouseEnterAnnotation", (l) => {
-        e.set(f, l, !0);
-      }), e.get(i).on("mouseLeaveAnnotation", () => {
-        e.set(f, null);
-      }), e.get(s) && e.get(s).addEventListener("pointermove", (l) => {
-        const c = e.get(s).getBoundingClientRect();
-        e.set(S, { x: l.clientX - c.left, y: l.clientY - c.top }, !0);
-      }), () => {
-        var l, c;
-        (l = e.get(i)) == null || l.destroy(), (c = e.get(r)) == null || c.destroy();
+      ), () => {
+        var n;
+        (n = e.get(r)) == null || n.destroy();
       };
   }), e.user_effect(() => {
-    !e.get(r) || !t.tileSources || e.get(r).open(t.tileSources);
-  }), e.user_effect(() => {
-    e.get(i) && e.get(i).setAnnotations(e.get(m));
-  }), e.user_effect(() => {
-    e.get(i) && e.get(i).setStyle((l) => {
-      var a;
-      const c = (a = l.bodies) == null ? void 0 : a.some((d) => d.purpose === "search-hit");
-      return {
-        fill: c ? "#facc15" : "#ef4444",
-        fillOpacity: c ? 0.4 : 0.2,
-        stroke: c ? "#facc15" : "#ef4444",
-        strokeWidth: c ? 1 : 2
-      };
-    });
-  }), e.user_effect(() => {
-    e.get(i) && (e.get(i).setDrawingEnabled(t.viewerState.isCreatingAnnotation), t.viewerState.isCreatingAnnotation && e.get(i).setDrawingTool("rect"));
-  }), e.user_effect(() => {
-    t.viewerState.canvasId && t.viewerState.loadAnnotationsFromStorage(t.viewerState.canvasId);
+    if (!e.get(r)) return;
+    const n = () => {
+      e.update(l);
+    };
+    return e.get(r).addHandler("open", n), e.get(r).addHandler("animation", n), e.get(r).addHandler("resize", n), e.get(r).addHandler("rotate", n), e.get(r).world.addHandler("add-item", n), e.get(r).world.addHandler("remove-item", n), () => {
+      e.get(r).removeHandler("open", n), e.get(r).removeHandler("animation", n), e.get(r).removeHandler("resize", n), e.get(r).removeHandler("rotate", n), e.get(r).world.removeHandler("add-item", n), e.get(r).world.removeHandler("remove-item", n);
+    };
   }), e.user_effect(() => {
-    if (!e.get(i)) return;
-    const l = t.viewerState.showAnnotations, c = t.viewerState.visibleAnnotationIds;
-    e.get(i).setFilter((a) => {
-      var d;
-      return (d = a.bodies) != null && d.some((D) => D.purpose === "search-hit") ? !0 : l ? c.has(a.id) : !1;
-    });
+    !e.get(r) || !t.tileSources || e.get(r).open(t.tileSources);
   });
-  function y(l) {
-    if (!l.bodies || l.bodies.length === 0)
-      return "Annotation";
-    const c = l.bodies.find((a) => a.purpose === "commenting");
-    return (c == null ? void 0 : c.value) || "Annotation";
-  }
-  var M = ft(), o = e.child(M);
-  e.bind_this(o, (l) => e.set(s, l), () => e.get(s));
-  var u = e.sibling(o, 2);
-  {
-    var b = (l) => {
-      var c = dt(), a = e.child(c, !0);
-      e.reset(c), e.template_effect(
-        (d) => {
-          e.set_style(c, `left: ${e.get(S).x + 15}px; top: ${e.get(S).y + 15}px;`), e.set_text(a, d);
-        },
-        [() => y(e.get(f))]
-      ), e.append(l, c);
-    };
-    e.if(u, (l) => {
-      e.get(f) && t.viewerState.showAnnotations && l(b);
-    });
-  }
-  e.reset(M), e.append(n, M), e.pop();
+  var _ = ct(), I = e.child(_);
+  e.bind_this(I, (n) => e.set(s, n), () => e.get(s));
+  var E = e.sibling(I, 2);
+  e.each(E, 17, () => e.get(u), (n) => n.id, (n, o) => {
+    var f = e.comment(), b = e.first_child(f);
+    {
+      var h = (d) => {
+        var j = ot();
+        e.template_effect(() => {
+          e.set_class(j, 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(j, `
+          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(j, "title", e.get(o).tooltip);
+        }), e.append(d, j);
+      }, a = (d) => {
+        var j = e.comment(), w = e.first_child(j);
+        {
+          var k = (T) => {
+            var S = lt(), g = e.child(S), x = e.child(g, !0);
+            e.reset(g);
+            var v = e.sibling(g);
+            e.reset(S), e.template_effect(
+              (p) => {
+                e.set_style(S, `
+          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(x, e.get(o).tooltip), e.set_attribute(v, "points", p), 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"}`);
+              },
+              [() => e.get(o).points.map((p) => p.join(",")).join(" ")]
+            ), e.append(T, S);
+          };
+          e.if(
+            w,
+            (T) => {
+              e.get(o).type === "POLYGON" && T(k);
+            },
+            !0
+          );
+        }
+        e.append(d, j);
+      };
+      e.if(b, (d) => {
+        e.get(o).type === "RECTANGLE" ? d(h) : d(a, !1);
+      });
+    }
+    e.append(n, f);
+  }), e.reset(_), e.append(i, _), e.pop();
 }
-var gt = e.from_html('<div><button class="btn btn-circle btn-sm btn-ghost" aria-label="Previous Canvas"><!></button> <span class="text-sm font-mono tabular-nums"> </span> <button class="btn btn-circle btn-sm btn-ghost" aria-label="Next Canvas"><!></button></div>');
-function ht(n, t) {
+var ft = e.from_html('<div><button class="btn btn-circle btn-sm btn-ghost" aria-label="Previous Canvas"><!></button> <span class="text-sm font-mono tabular-nums"> </span> <button class="btn btn-circle btn-sm btn-ghost" aria-label="Next Canvas"><!></button></div>');
+function gt(i, t) {
   e.push(t, !0);
-  var s = gt(), r = e.child(s);
+  var s = ft(), r = e.child(s);
   r.__click = () => t.viewerState.previousCanvas();
-  var i = e.child(r);
-  Xe(i, { size: 20, weight: "bold" }), e.reset(r);
-  var f = e.sibling(r, 2), S = e.child(f);
-  e.reset(f);
-  var A = e.sibling(f, 2);
-  A.__click = () => t.viewerState.nextCanvas();
-  var h = e.child(A);
-  Be(h, { size: 20, weight: "bold" }), e.reset(A), e.reset(s), e.template_effect(() => {
-    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"}`), r.disabled = !t.viewerState.hasPrevious, e.set_text(S, `${t.viewerState.currentCanvasIndex + 1} / ${t.viewerState.canvases.length ?? ""}`), A.disabled = !t.viewerState.hasNext;
-  }), e.append(n, s), e.pop();
+  var l = e.child(r);
+  He(l, { size: 20, weight: "bold" }), e.reset(r);
+  var c = e.sibling(r, 2), C = e.child(c);
+  e.reset(c);
+  var m = e.sibling(c, 2);
+  m.__click = () => t.viewerState.nextCanvas();
+  var u = e.child(m);
+  Ne(u, { size: 20, weight: "bold" }), e.reset(m), e.reset(s), e.template_effect(() => {
+    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"}`), r.disabled = !t.viewerState.hasPrevious, e.set_text(C, `${t.viewerState.currentCanvasIndex + 1} / ${t.viewerState.canvases.length ?? ""}`), m.disabled = !t.viewerState.hasNext;
+  }), e.append(i, s), e.pop();
 }
 e.delegate(["click"]);
-var vt = e.from_html('<span class="text-xs opacity-50 truncate max-w-[150px]"> </span>'), mt = 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>'), bt = e.from_html('<div class="p-4 text-center opacity-50 text-sm">No annotations yet. Click the pencil to draw.</div>'), pt = 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 _t(n, t) {
+var ht = e.from_html('<span class="text-xs opacity-50 truncate max-w-[150px]"> </span>'), vt = 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>'), ut = e.from_html('<div class="p-4 text-center opacity-50 text-sm">No annotations available.</div>'), pt = 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 mt(i, t) {
   e.push(t, !0);
-  const s = _e($);
+  const s = me(J);
   let r = e.derived(() => {
     if (!s.manifestId || !s.canvasId)
       return [];
-    const o = Z.getAnnotations(s.manifestId, s.canvasId), u = s.currentCanvasSearchAnnotations;
-    return [...o, ...u];
+    const n = Z.getAnnotations(s.manifestId, s.canvasId), o = s.currentCanvasSearchAnnotations;
+    return [...n, ...o];
   });
-  function i(o) {
-    return o.id || o["@id"] || (typeof o.getId == "function" ? o.getId() : "") || "";
+  function l(n) {
+    return n.id || n["@id"] || (typeof n.getId == "function" ? n.getId() : "") || "";
   }
   e.user_effect(() => {
     if (e.get(r).length > 0) {
-      const o = /* @__PURE__ */ new Set();
-      e.get(r).forEach((u) => {
-        const b = i(u);
-        b && o.add(b);
-      }), s.visibleAnnotationIds = o;
+      const n = /* @__PURE__ */ new Set();
+      e.get(r).forEach((o) => {
+        const f = l(o);
+        f && n.add(f);
+      }), s.visibleAnnotationIds = n;
     } else
       s.visibleAnnotationIds = /* @__PURE__ */ new Set();
   });
-  let f = e.derived(() => e.get(r).length === 0 ? !1 : e.get(r).every((o) => {
-    const u = i(o);
-    return !u || s.visibleAnnotationIds.has(u);
+  let c = e.derived(() => e.get(r).length === 0 ? !1 : e.get(r).every((n) => {
+    const o = l(n);
+    return !o || s.visibleAnnotationIds.has(o);
   }));
-  function S(o) {
-    s.visibleAnnotationIds.has(o) ? s.visibleAnnotationIds.delete(o) : s.visibleAnnotationIds.add(o), s.visibleAnnotationIds = new Set(s.visibleAnnotationIds);
+  function C(n) {
+    s.visibleAnnotationIds.has(n) ? s.visibleAnnotationIds.delete(n) : s.visibleAnnotationIds.add(n), s.visibleAnnotationIds = new Set(s.visibleAnnotationIds);
   }
-  function A() {
-    if (e.get(f))
+  function m() {
+    if (e.get(c))
       s.visibleAnnotationIds = /* @__PURE__ */ new Set();
     else {
-      const o = /* @__PURE__ */ new Set();
-      e.get(r).forEach((u) => {
-        const b = i(u);
-        b && o.add(b);
-      }), s.visibleAnnotationIds = o;
+      const n = /* @__PURE__ */ new Set();
+      e.get(r).forEach((o) => {
+        const f = l(o);
+        f && n.add(f);
+      }), s.visibleAnnotationIds = n;
     }
   }
-  let h = e.derived(() => e.get(r).length ? e.get(r).map((o) => {
-    let u = "", b = !1;
-    if (typeof o.getBody == "function") {
-      const l = o.getBody();
-      if (l && l.length) {
-        const c = (a) => {
+  let u = e.derived(() => e.get(r).length ? e.get(r).map((n) => {
+    let o = "", f = !1;
+    if (typeof n.getBody == "function") {
+      const b = n.getBody();
+      if (b && b.length) {
+        const h = (a) => {
           const d = a.getValue ? a.getValue() : null;
           return d || "";
         };
-        u = l.map((a) => c(a)).filter(Boolean).join(" "), b = l.some((a) => {
+        o = b.map((a) => h(a)).filter(Boolean).join(" "), f = b.some((a) => {
           const d = a.getFormat ? a.getFormat() : "";
           return d === "text/html" || d === "application/html";
         });
       }
-      if (!u && typeof o.getLabel == "function") {
-        const c = o.getLabel();
-        c && (u = c);
+      if (!o && typeof n.getLabel == "function") {
+        const h = n.getLabel();
+        h && (o = h);
       }
     } else {
-      const l = (a) => a && (a.chars || a.value || a["cnt:chars"]) || "", c = (a) => a ? a.format === "text/html" || a.type === "TextualBody" : !1;
-      if (o.resource ? Array.isArray(o.resource) ? (u = o.resource.map((a) => l(a)).join(" "), o.resource.some((a) => c(a)) && (b = !0)) : (u = l(o.resource), c(o.resource) && (b = !0)) : o.body && (Array.isArray(o.body) ? (u = o.body.map((a) => l(a)).join(" "), o.body.some((a) => c(a)) && (b = !0)) : (u = l(o.body), c(o.body) && (b = !0))), !u) {
-        const a = o.label || o.name || o.title;
-        a && (u = Array.isArray(a) ? a.join(" ") : a);
+      const b = (a) => a && (a.chars || a.value || a["cnt:chars"]) || "", h = (a) => a ? a.format === "text/html" || a.type === "TextualBody" : !1;
+      if (n.resource ? Array.isArray(n.resource) ? (o = n.resource.map((a) => b(a)).join(" "), n.resource.some((a) => h(a)) && (f = !0)) : (o = b(n.resource), h(n.resource) && (f = !0)) : n.body && (Array.isArray(n.body) ? (o = n.body.map((a) => b(a)).join(" "), n.body.some((a) => h(a)) && (f = !0)) : (o = b(n.body), h(n.body) && (f = !0))), !o) {
+        const a = n.label || n.name || n.title;
+        a && (o = Array.isArray(a) ? a.join(" ") : a);
       }
     }
     return {
-      id: i(o),
-      content: u,
-      isHtml: b,
-      label: (typeof o.getLabel == "function" ? o.getLabel() : o.label) || ""
+      id: l(n),
+      content: o,
+      isHtml: f,
+      label: (typeof n.getLabel == "function" ? n.getLabel() : n.label) || ""
     };
   }) : []);
-  var m = e.comment(), y = e.first_child(m);
+  var _ = e.comment(), I = e.first_child(_);
   {
-    var M = (o) => {
-      var u = pt(), b = e.child(u), l = e.child(b), c = e.child(l);
-      c.__click = (v) => {
-        v.preventDefault(), A();
+    var E = (n) => {
+      var o = pt(), f = e.child(o), b = e.child(f), h = e.child(b);
+      h.__click = (v) => {
+        v.preventDefault(), m();
       };
-      var a = e.child(c);
+      var a = e.child(h);
       {
         var d = (v) => {
+          ke(v, { size: 16, weight: "bold" });
+        }, j = (v) => {
           Ce(v, { size: 16, weight: "bold" });
-        }, D = (v) => {
-          Me(v, { size: 16, weight: "bold" });
         };
         e.if(a, (v) => {
-          e.get(f) ? v(d) : v(D, !1);
+          e.get(c) ? v(d) : v(j, !1);
         });
       }
-      e.reset(c);
-      var I = e.sibling(c, 2), F = e.child(I), L = e.sibling(F), j = e.child(L);
-      e.reset(L), e.reset(I);
-      var g = e.sibling(I, 2);
-      Ye(g, {
+      e.reset(h);
+      var w = e.sibling(h, 2), k = e.child(w), T = e.sibling(k), S = e.child(T);
+      e.reset(T), e.reset(w);
+      var g = e.sibling(w, 2);
+      Ve(g, {
         size: 16,
         weight: "bold",
         class: "group-open:rotate-180 transition-transform opacity-80"
-      }), e.reset(l);
-      var w = e.sibling(l, 2);
+      }), e.reset(b);
+      var x = e.sibling(b, 2);
       e.each(
-        w,
+        x,
         21,
-        () => e.get(h),
+        () => e.get(u),
         e.index,
-        (v, p, x) => {
-          const _ = e.derived(() => s.visibleAnnotationIds.has(e.get(p).id));
-          var k = mt();
-          k.__click = (z) => {
-            z.preventDefault(), S(e.get(p).id);
+        (v, p, A) => {
+          const y = e.derived(() => s.visibleAnnotationIds.has(e.get(p).id));
+          var M = vt();
+          M.__click = (P) => {
+            P.preventDefault(), C(e.get(p).id);
           };
-          var T = e.child(k), E = e.child(T);
+          var G = e.child(M), z = e.child(G);
           {
-            var O = (z) => {
-              Ce(z, { size: 16, weight: "bold" });
-            }, K = (z) => {
-              Me(z, { size: 16, weight: "bold" });
+            var N = (P) => {
+              ke(P, { size: 16, weight: "bold" });
+            }, K = (P) => {
+              Ce(P, { size: 16, weight: "bold" });
             };
-            e.if(E, (z) => {
-              e.get(_) ? z(O) : z(K, !1);
+            e.if(z, (P) => {
+              e.get(y) ? P(N) : P(K, !1);
             });
           }
-          e.reset(T);
-          var q = e.sibling(T, 2), U = e.child(q), J = e.child(U);
-          J.textContent = `#${x + 1}`;
-          var V = e.sibling(J, 2);
+          e.reset(G);
+          var q = e.sibling(G, 2), Q = e.child(q), W = e.child(Q);
+          W.textContent = `#${A + 1}`;
+          var V = e.sibling(W, 2);
           {
-            var P = (z) => {
-              var X = vt(), W = e.child(X, !0);
-              e.reset(X), e.template_effect(() => e.set_text(W, e.get(p).label)), e.append(z, X);
+            var R = (P) => {
+              var O = ht(), U = e.child(O, !0);
+              e.reset(O), e.template_effect(() => e.set_text(U, e.get(p).label)), e.append(P, O);
             };
-            e.if(V, (z) => {
-              e.get(p).label && e.get(p).label !== e.get(p).content && z(P);
+            e.if(V, (P) => {
+              e.get(p).label && e.get(p).label !== e.get(p).content && P(R);
             });
           }
-          e.reset(U);
-          var N = e.sibling(U, 2), R = e.child(N);
+          e.reset(Q);
+          var F = e.sibling(Q, 2), D = e.child(F);
           {
-            var B = (z) => {
-              var X = e.comment(), W = e.first_child(X);
-              e.html(W, () => e.get(p).content), e.append(z, X);
-            }, Q = (z) => {
-              var X = e.text();
-              e.template_effect(() => e.set_text(X, e.get(p).content || "(No content)")), e.append(z, X);
+            var B = (P) => {
+              var O = e.comment(), U = e.first_child(O);
+              e.html(U, () => e.get(p).content), e.append(P, O);
+            }, $ = (P) => {
+              var O = e.text();
+              e.template_effect(() => e.set_text(O, e.get(p).content || "(No content)")), e.append(P, O);
             };
-            e.if(R, (z) => {
-              e.get(p).isHtml ? z(B) : z(Q, !1);
+            e.if(D, (P) => {
+              e.get(p).isHtml ? P(B) : P($, !1);
             });
           }
-          e.reset(N), e.reset(q), e.reset(k), e.template_effect(() => e.set_class(N, 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(_) ? "" : "opacity-50"}`)), e.append(v, k);
+          e.reset(F), e.reset(q), e.reset(M), e.template_effect(() => e.set_class(F, 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(y) ? "" : "opacity-50"}`)), e.append(v, M);
         },
         (v) => {
-          var p = bt();
+          var p = ut();
           e.append(v, p);
         }
-      ), e.reset(w), e.reset(b), e.reset(u), e.template_effect(() => {
-        e.set_attribute(c, "title", e.get(f) ? "Hide All Annotations" : "Show All Annotations"), e.set_text(F, `${e.get(r).length ?? ""} Annotations `), e.set_text(j, `(${s.visibleAnnotationIds.size ?? ""} visible)`);
-      }), e.append(o, u);
+      ), e.reset(x), e.reset(f), e.reset(o), e.template_effect(() => {
+        e.set_attribute(h, "title", e.get(c) ? "Hide All Annotations" : "Show All Annotations"), e.set_text(k, `${e.get(r).length ?? ""} Annotations `), e.set_text(S, `(${s.visibleAnnotationIds.size ?? ""} visible)`);
+      }), e.append(n, o);
     };
-    e.if(y, (o) => {
-      s.showAnnotations && o(M);
+    e.if(I, (n) => {
+      s.showAnnotations && n(E);
     });
   }
-  e.append(n, m), e.pop();
+  e.append(i, _), e.pop();
 }
 e.delegate(["click"]);
-var yt = e.from_html('<img class="object-contain w-full h-full" loading="lazy"/>'), xt = e.from_html('<span class="opacity-20 text-4xl">?</span>'), wt = 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>'), St = 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>'), At = 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), It = 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 kt(n, t) {
+var bt = e.from_html('<img class="object-contain w-full h-full" loading="lazy"/>'), _t = e.from_html('<span class="opacity-20 text-4xl">?</span>'), yt = 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>'), xt = 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>'), wt = 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), St = 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 At(i, t) {
   e.push(t, !0);
-  const s = _e($);
-  let r = e.state(e.proxy({ x: 20, y: 100 })), i = e.state(e.proxy({ width: 300, height: 400 })), f = e.state(!1), S = e.state(!1), A = { x: 0, y: 0 }, h = { x: 0, y: 0, w: 0, h: 0 }, m = e.state(void 0), y = e.derived(() => t.canvases ? t.canvases.map((g, w) => {
+  const s = me(J);
+  let r = e.state(e.proxy({ x: 20, y: 100 })), l = e.state(e.proxy({ width: 300, height: 400 })), c = e.state(!1), C = e.state(!1), m = { x: 0, y: 0 }, u = { x: 0, y: 0, w: 0, h: 0 }, _ = e.state(void 0), I = e.derived(() => t.canvases ? t.canvases.map((g, x) => {
     let v = "";
     try {
       if (g.getCanonicalImageUri)
@@ -978,61 +927,61 @@ function kt(n, t) {
     if (!v) {
       const p = g.getImages();
       if (p && p.length > 0) {
-        const x = p[0].getResource();
-        x && x.getServices().length > 0 ? v = `${x.getServices()[0].id}/full/200,/0/default.jpg` : x && x.id && (v = x.id);
+        const A = p[0].getResource();
+        A && A.getServices().length > 0 ? v = `${A.getServices()[0].id}/full/200,/0/default.jpg` : A && A.id && (v = A.id);
       }
     }
     return {
       id: g.id,
-      label: g.getLabel().length ? g.getLabel()[0].value : `Canvas ${w + 1}`,
+      label: g.getLabel().length ? g.getLabel()[0].value : `Canvas ${x + 1}`,
       src: v,
-      index: w
+      index: x
     };
   }) : []);
-  function M(g) {
-    if (!e.get(f)) return;
-    let w = g.clientX - A.x, v = g.clientY - A.y;
-    if (e.get(m) && e.get(m).parentElement) {
-      const p = e.get(m).parentElement, x = Math.max(0, p.clientWidth - e.get(i).width), _ = Math.max(0, p.clientHeight - e.get(i).height);
-      w = Math.max(0, Math.min(w, x)), v = Math.max(0, Math.min(v, _));
+  function E(g) {
+    if (!e.get(c)) return;
+    let x = g.clientX - m.x, v = g.clientY - m.y;
+    if (e.get(_) && e.get(_).parentElement) {
+      const p = e.get(_).parentElement, A = Math.max(0, p.clientWidth - e.get(l).width), y = Math.max(0, p.clientHeight - e.get(l).height);
+      x = Math.max(0, Math.min(x, A)), v = Math.max(0, Math.min(v, y));
     }
-    e.get(r).x = w, e.get(r).y = v;
+    e.get(r).x = x, e.get(r).y = v;
   }
-  function o() {
+  function n() {
     const g = e.get(d);
-    e.set(f, !1), e.set(d, null), window.removeEventListener("mousemove", M), window.removeEventListener("mouseup", o), g && e.set(a, g, !0);
+    e.set(c, !1), e.set(d, null), window.removeEventListener("mousemove", E), window.removeEventListener("mouseup", n), g && e.set(a, g, !0);
   }
-  function u(g) {
-    g.stopPropagation(), e.set(S, !0), h = {
+  function o(g) {
+    g.stopPropagation(), e.set(C, !0), u = {
       x: g.clientX,
       y: g.clientY,
-      w: e.get(i).width,
-      h: e.get(i).height
-    }, window.addEventListener("mousemove", b), window.addEventListener("mouseup", l);
+      w: e.get(l).width,
+      h: e.get(l).height
+    }, window.addEventListener("mousemove", f), window.addEventListener("mouseup", b);
   }
-  function b(g) {
-    if (!e.get(S)) return;
-    const w = g.clientX - h.x, v = g.clientY - h.y;
-    e.get(i).width = Math.max(200, h.w + w), e.get(i).height = Math.max(200, h.h + v);
+  function f(g) {
+    if (!e.get(C)) return;
+    const x = g.clientX - u.x, v = g.clientY - u.y;
+    e.get(l).width = Math.max(200, u.w + x), e.get(l).height = Math.max(200, u.h + v);
   }
-  function l() {
-    e.set(S, !1), window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", l);
+  function b() {
+    e.set(C, !1), window.removeEventListener("mousemove", f), window.removeEventListener("mouseup", b);
   }
-  function c(g) {
+  function h(g) {
     s.canvasId = g;
   }
   let a = e.state("bottom"), d = e.state(null);
   e.user_effect(() => {
     s.dockSide = e.get(a), s.isGalleryDockedBottom = e.get(a) === "bottom", s.isGalleryDockedRight = e.get(a) === "right";
   });
-  let D = e.derived(() => e.get(a) === "top" || e.get(a) === "bottom" || e.get(a) === "none" && e.get(i).height < 320);
-  function I(g) {
-    var w, v;
+  let j = e.derived(() => e.get(a) === "top" || e.get(a) === "bottom" || e.get(a) === "none" && e.get(l).height < 320);
+  function w(g) {
+    var x, v;
     if (!g.target.closest(".resize-handle")) {
       if (e.get(a) !== "none") {
         e.set(a, "none");
-        const p = ((v = (w = e.get(m)) == null ? void 0 : w.parentElement) == null ? void 0 : v.getBoundingClientRect()) || { left: 0, top: 0 };
-        e.set(i, { width: 300, height: 400 }, !0), e.set(
+        const p = ((v = (x = e.get(_)) == null ? void 0 : x.parentElement) == null ? void 0 : v.getBoundingClientRect()) || { left: 0, top: 0 };
+        e.set(l, { width: 300, height: 400 }, !0), e.set(
           r,
           {
             x: g.clientX - p.left - 150,
@@ -1043,71 +992,71 @@ function kt(n, t) {
           !0
         );
       }
-      e.set(f, !0), A = {
+      e.set(c, !0), m = {
         x: g.clientX - e.get(r).x,
         y: g.clientY - e.get(r).y
-      }, window.addEventListener("mousemove", M), window.addEventListener("mouseup", o);
+      }, window.addEventListener("mousemove", E), window.addEventListener("mouseup", n);
     }
   }
-  var F = e.comment(), L = e.first_child(F);
+  var k = e.comment(), T = e.first_child(k);
   {
-    var j = (g) => {
-      var w = It(), v = e.first_child(w), p = e.child(v);
+    var S = (g) => {
+      var x = St(), v = e.first_child(x), p = e.child(v);
       p.__click = () => s.toggleThumbnailGallery();
-      var x = e.child(p);
-      He(x, { size: 16, weight: "bold" }), e.reset(p);
-      var _ = e.sibling(p, 2), k = e.child(_);
-      k.__mousedown = I;
-      var T = e.child(k);
-      e.reset(k), e.reset(_);
-      var E = e.sibling(_, 2), O = e.child(E);
-      e.each(O, 21, () => e.get(y), e.index, (V, P) => {
-        var N = wt();
-        N.__click = () => c(e.get(P).id);
-        var R = e.child(N), B = e.child(R);
+      var A = e.child(p);
+      Oe(A, { size: 16, weight: "bold" }), e.reset(p);
+      var y = e.sibling(p, 2), M = e.child(y);
+      M.__mousedown = w;
+      var G = e.child(M);
+      e.reset(M), e.reset(y);
+      var z = e.sibling(y, 2), N = e.child(z);
+      e.each(N, 21, () => e.get(I), e.index, (V, R) => {
+        var F = yt();
+        F.__click = () => h(e.get(R).id);
+        var D = e.child(F), B = e.child(D);
         {
-          var Q = (Y) => {
-            var H = yt();
+          var $ = (Y) => {
+            var X = bt();
             e.template_effect(() => {
-              e.set_attribute(H, "src", e.get(P).src), e.set_attribute(H, "alt", e.get(P).label);
-            }), e.append(Y, H);
-          }, z = (Y) => {
-            var H = xt();
-            e.append(Y, H);
+              e.set_attribute(X, "src", e.get(R).src), e.set_attribute(X, "alt", e.get(R).label);
+            }), e.append(Y, X);
+          }, P = (Y) => {
+            var X = _t();
+            e.append(Y, X);
           };
           e.if(B, (Y) => {
-            e.get(P).src ? Y(Q) : Y(z, !1);
+            e.get(R).src ? Y($) : Y(P, !1);
           });
         }
-        e.reset(R);
-        var X = e.sibling(R, 2), W = e.child(X), ye = e.child(W);
-        e.reset(W);
-        var xe = e.sibling(W);
-        e.reset(X), e.reset(N), e.template_effect(() => {
-          e.set_class(N, 1, `group flex flex-col gap-1 p-1 rounded hover:bg-base-200 transition-colors text-left relative shrink-0 ${e.get(D) ? "w-[140px]" : ""} ${s.canvasId === e.get(P).id ? "ring-2 ring-primary bg-primary/5" : ""}`), e.set_attribute(N, "aria-label", `Select canvas ${e.get(P).label ?? ""}`), e.set_text(ye, `${e.get(P).index + 1}.`), e.set_text(xe, ` ${e.get(P).label ?? ""}`);
-        }), e.append(V, N);
-      }), e.reset(O), e.reset(E);
-      var K = e.sibling(E, 2);
+        e.reset(D);
+        var O = e.sibling(D, 2), U = e.child(O), be = e.child(U);
+        e.reset(U);
+        var _e = e.sibling(U);
+        e.reset(O), e.reset(F), e.template_effect(() => {
+          e.set_class(F, 1, `group flex flex-col gap-1 p-1 rounded hover:bg-base-200 transition-colors text-left relative shrink-0 ${e.get(j) ? "w-[140px]" : ""} ${s.canvasId === e.get(R).id ? "ring-2 ring-primary bg-primary/5" : ""}`), e.set_attribute(F, "aria-label", `Select canvas ${e.get(R).label ?? ""}`), e.set_text(be, `${e.get(R).index + 1}.`), e.set_text(_e, ` ${e.get(R).label ?? ""}`);
+        }), e.append(V, F);
+      }), e.reset(N), e.reset(z);
+      var K = e.sibling(z, 2);
       {
         var q = (V) => {
-          var P = St();
-          P.__mousedown = u, e.append(V, P);
+          var R = xt();
+          R.__mousedown = o, e.append(V, R);
         };
         e.if(K, (V) => {
           e.get(a) === "none" && V(q);
         });
       }
-      e.reset(v), e.bind_this(v, (V) => e.set(m, V), () => e.get(m));
-      var U = e.sibling(v, 2);
+      e.reset(v), e.bind_this(v, (V) => e.set(_, V), () => e.get(_));
+      var Q = e.sibling(v, 2);
       {
-        var J = (V) => {
-          var P = At(), N = e.first_child(P), R = e.sibling(N, 2), B = e.sibling(R, 2), Q = e.sibling(B, 2);
+        var W = (V) => {
+          var R = wt(), F = e.first_child(R), D = e.sibling(F, 2), B = e.sibling(D, 2), $ = e.sibling(B, 2);
           e.template_effect(() => {
-            e.set_class(N, 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(R, 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(B, 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", N, () => e.set(d, "top")), e.event("mouseleave", N, () => e.set(d, null)), e.event("mouseenter", R, () => e.set(d, "bottom")), e.event("mouseleave", R, () => e.set(d, null)), e.event("mouseenter", B, () => e.set(d, "left")), e.event("mouseleave", B, () => e.set(d, null)), e.event("mouseenter", Q, () => e.set(d, "right")), e.event("mouseleave", Q, () => e.set(d, null)), e.append(V, P);
+            e.set_class(F, 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(D, 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(B, 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($, 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", F, () => e.set(d, "top")), e.event("mouseleave", F, () => e.set(d, null)), e.event("mouseenter", D, () => e.set(d, "bottom")), e.event("mouseleave", D, () => e.set(d, null)), e.event("mouseenter", B, () => e.set(d, "left")), e.event("mouseleave", B, () => e.set(d, null)), e.event("mouseenter", $, () => e.set(d, "right")), e.event("mouseleave", $, () => e.set(d, null)), e.append(V, R);
         };
-        e.if(U, (V) => {
-          e.get(f) && V(J);
+        e.if(Q, (V) => {
+          e.get(c) && V(W);
         });
       }
       e.template_effect(() => {
@@ -1115,261 +1064,261 @@ function kt(n, t) {
            ${e.get(a) === "bottom" ? "flex-row bottom-0 left-0 right-0 h-[140px] border-t" : ""}
            ${e.get(a) === "top" ? "flex-row top-0 left-0 right-0 h-[140px] border-b" : ""}
            ${e.get(a) === "left" ? "flex-col left-0 top-0 bottom-0 w-[200px] border-r" : ""}
-           ${e.get(a) === "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(f) ? " pointer-events-none opacity-80" : "")), e.set_style(v, e.get(a) !== "none" ? "" : `left: ${e.get(r).x}px; top: ${e.get(r).y}px; width: ${e.get(i).width}px; height: ${e.get(i).height}px;`), e.set_class(_, 1, "bg-base-100 flex shrink-0 select-none relative " + (e.get(a) === "bottom" || e.get(a) === "top" ? "flex-row h-full items-center border-r border-base-200" : "flex-col w-full border-b border-base-200")), e.set_class(k, 1, "cursor-move flex items-center justify-center hover:bg-base-200/50 active:bg-base-200 transition-colors " + (e.get(a) === "bottom" || e.get(a) === "top" ? "w-8 h-full" : "h-6 w-full")), e.set_class(T, 1, "bg-base-300 rounded-full " + (e.get(a) === "bottom" || e.get(a) === "top" ? "w-1.5 h-12" : "w-12 h-1.5")), e.set_class(E, 1, `flex-1 p-1 bg-base-100 ${e.get(D) ? "overflow-x-auto overflow-y-hidden" : "overflow-y-auto overflow-x-hidden"}`), e.set_class(O, 1, e.clsx(e.get(D) ? "flex flex-row gap-2 h-full items-center" : "grid gap-2")), e.set_style(O, e.get(D) ? "" : "grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));");
-      }), e.append(g, w);
+           ${e.get(a) === "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(c) ? " pointer-events-none opacity-80" : "")), e.set_style(v, e.get(a) !== "none" ? "" : `left: ${e.get(r).x}px; top: ${e.get(r).y}px; width: ${e.get(l).width}px; height: ${e.get(l).height}px;`), e.set_class(y, 1, "bg-base-100 flex shrink-0 select-none relative " + (e.get(a) === "bottom" || e.get(a) === "top" ? "flex-row h-full items-center border-r border-base-200" : "flex-col w-full border-b border-base-200")), e.set_class(M, 1, "cursor-move flex items-center justify-center hover:bg-base-200/50 active:bg-base-200 transition-colors " + (e.get(a) === "bottom" || e.get(a) === "top" ? "w-8 h-full" : "h-6 w-full")), e.set_class(G, 1, "bg-base-300 rounded-full " + (e.get(a) === "bottom" || e.get(a) === "top" ? "w-1.5 h-12" : "w-12 h-1.5")), e.set_class(z, 1, `flex-1 p-1 bg-base-100 ${e.get(j) ? "overflow-x-auto overflow-y-hidden" : "overflow-y-auto overflow-x-hidden"}`), e.set_class(N, 1, e.clsx(e.get(j) ? "flex flex-row gap-2 h-full items-center" : "grid gap-2")), e.set_style(N, e.get(j) ? "" : "grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));");
+      }), e.append(g, x);
     };
-    e.if(L, (g) => {
-      s.showThumbnailGallery && g(j);
+    e.if(T, (g) => {
+      s.showThumbnailGallery && g(S);
     });
   }
-  e.append(n, F), e.pop();
+  e.append(i, k), e.pop();
 }
 e.delegate(["click", "mousedown"]);
-var Ct = e.from_html('<div data-tip="Menu"><div tabindex="0" role="button" class="btn btn-lg btn-primary btn-circle shadow-xl"><!></div> <div class="fab-close tooltip tooltip-top" data-tip="Search"><button aria-label="Toggle Search"><!></button></div>  <div class="tooltip tooltip-left"><button><!></button></div> <div class="tooltip tooltip-left"><button><!></button></div> <div class="tooltip tooltip-top"><button aria-label="Toggle Annotations"><!></button></div> <div class="tooltip tooltip-top" data-tip="Metadata"><button aria-label="Toggle Metadata"><!></button></div></div>');
-function Mt(n, t) {
+var It = e.from_html('<div data-tip="Menu"><div tabindex="0" role="button" class="btn btn-lg btn-primary btn-circle shadow-xl"><!></div> <div class="fab-close tooltip tooltip-top" data-tip="Search"><button aria-label="Toggle Search"><!></button></div>  <div class="tooltip tooltip-left"><button><!></button></div> <div class="tooltip tooltip-left"><button><!></button></div> <div class="tooltip tooltip-top"><button aria-label="Toggle Annotations"><!></button></div> <div class="tooltip tooltip-top" data-tip="Metadata"><button aria-label="Toggle Metadata"><!></button></div></div>');
+function kt(i, t) {
   e.push(t, !1);
-  const s = _e($);
+  const s = me(J);
   e.init();
-  var r = Ct(), i = e.child(r), f = e.child(i);
-  Je(f, { size: 32, weight: "bold" }), e.reset(i);
-  var S = e.sibling(i, 2), A = e.child(S);
-  A.__click = () => s.toggleSearchPanel();
-  var h = e.child(A);
-  Fe(h, { size: 28, weight: "bold" }), e.reset(A), e.reset(S);
-  var m = e.sibling(S, 2), y = e.child(m);
-  y.__click = () => s.toggleThumbnailGallery();
-  var M = e.child(y);
-  Ke(M, { size: 28, weight: "bold" }), e.reset(y), e.reset(m);
-  var o = e.sibling(m, 2), u = e.child(o);
-  u.__click = () => s.toggleFullScreen();
-  var b = e.child(u);
+  var r = It(), l = e.child(r), c = e.child(l);
+  $e(c, { size: 32, weight: "bold" }), e.reset(l);
+  var C = e.sibling(l, 2), m = e.child(C);
+  m.__click = () => s.toggleSearchPanel();
+  var u = e.child(m);
+  Me(u, { size: 28, weight: "bold" }), e.reset(m), e.reset(C);
+  var _ = e.sibling(C, 2), I = e.child(_);
+  I.__click = () => s.toggleThumbnailGallery();
+  var E = e.child(I);
+  Qe(E, { size: 28, weight: "bold" }), e.reset(I), e.reset(_);
+  var n = e.sibling(_, 2), o = e.child(n);
+  o.__click = () => s.toggleFullScreen();
+  var f = e.child(o);
   {
-    var l = (j) => {
-      Qe(j, { size: 28, weight: "bold" });
-    }, c = (j) => {
-      Ue(j, { size: 28, weight: "bold" });
+    var b = (S) => {
+      Ye(S, { size: 28, weight: "bold" });
+    }, h = (S) => {
+      Xe(S, { size: 28, weight: "bold" });
     };
-    e.if(b, (j) => {
-      s.isFullScreen ? j(l) : j(c, !1);
+    e.if(f, (S) => {
+      s.isFullScreen ? S(b) : S(h, !1);
     });
   }
-  e.reset(u), e.reset(o);
-  var a = e.sibling(o, 2), d = e.child(a);
+  e.reset(o), e.reset(n);
+  var a = e.sibling(n, 2), d = e.child(a);
   d.__click = () => s.toggleAnnotations();
-  var D = e.child(d);
-  qe(D, { size: 28, weight: "bold" }), e.reset(d), e.reset(a);
-  var I = e.sibling(a, 2), F = e.child(I);
-  F.__click = () => s.toggleMetadataDialog();
-  var L = e.child(F);
-  We(L, { size: 28, weight: "bold" }), e.reset(F), e.reset(I), e.reset(r), e.template_effect(() => {
-    e.set_class(r, 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_class(A, 1, e.clsx([
+  var j = e.child(d);
+  Be(j, { size: 28, weight: "bold" }), e.reset(d), e.reset(a);
+  var w = e.sibling(a, 2), k = e.child(w);
+  k.__click = () => s.toggleMetadataDialog();
+  var T = e.child(k);
+  qe(T, { size: 28, weight: "bold" }), e.reset(k), e.reset(w), e.reset(r), e.template_effect(() => {
+    e.set_class(r, 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_class(m, 1, e.clsx([
       "btn btn-circle btn-lg shadow-lg",
       s.showSearchPanel && "btn-primary",
       !s.showSearchPanel && "btn-neutral"
-    ])), e.set_attribute(m, "data-tip", s.showThumbnailGallery ? "Hide Gallery" : "Show Gallery"), e.set_attribute(y, "aria-label", s.showThumbnailGallery ? "Hide Gallery" : "Show Gallery"), e.set_class(y, 1, `btn btn-lg btn-circle shadow-lg ${s.showThumbnailGallery ? "btn-info" : "btn-neutral"}`), e.set_attribute(o, "data-tip", s.isFullScreen ? "Exit Full Screen" : "Enter Full Screen"), e.set_class(u, 1, `btn btn-circle btn-lg shadow-lg transition-all duration-300 ease-out ${s.isFullScreen ? "btn-warning" : "btn-neutral"}`), e.set_attribute(a, "data-tip", s.showAnnotations ? "Hide Annotations" : "Show Annotations"), e.set_class(d, 1, `btn btn-lg btn-circle shadow-lg ${s.showAnnotations ? "btn-error" : "btn-neutral"}`), e.set_class(F, 1, `btn btn-lg btn-circle shadow-lg ${s.showMetadataDialog ? "btn-info" : "btn-neutral"}`);
-  }), e.append(n, r), e.pop();
+    ])), e.set_attribute(_, "data-tip", s.showThumbnailGallery ? "Hide Gallery" : "Show Gallery"), e.set_attribute(I, "aria-label", s.showThumbnailGallery ? "Hide Gallery" : "Show Gallery"), e.set_class(I, 1, `btn btn-lg btn-circle shadow-lg ${s.showThumbnailGallery ? "btn-info" : "btn-neutral"}`), e.set_attribute(n, "data-tip", s.isFullScreen ? "Exit Full Screen" : "Enter Full Screen"), e.set_class(o, 1, `btn btn-circle btn-lg shadow-lg transition-all duration-300 ease-out ${s.isFullScreen ? "btn-warning" : "btn-neutral"}`), e.set_attribute(a, "data-tip", s.showAnnotations ? "Hide Annotations" : "Show Annotations"), e.set_class(d, 1, `btn btn-lg btn-circle shadow-lg ${s.showAnnotations ? "btn-error" : "btn-neutral"}`), e.set_class(k, 1, `btn btn-lg btn-circle shadow-lg ${s.showMetadataDialog ? "btn-info" : "btn-neutral"}`);
+  }), e.append(i, r), e.pop();
 }
 e.delegate(["click"]);
-var jt = e.from_html('<div class="mb-6 prose"><p><!></p></div>'), Tt = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6">Attribution</dt> <dd class="text-sm ps-2"><!></dd>', 1), Ft = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6">License</dt> <dd class="text-sm ps-2"><a target="_blank" rel="noreferrer" class="link link-primary break-all"> </a></dd>', 1), Dt = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6"> </dt> <dd class="text-sm ps-2"><!></dd>', 1), Lt = 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">Close</button></form></div></div> <form method="dialog" class="modal-backdrop"><button>close</button></form></dialog>');
-function Et(n, t) {
+var Ct = e.from_html('<div class="mb-6 prose"><p><!></p></div>'), jt = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6">Attribution</dt> <dd class="text-sm ps-2"><!></dd>', 1), Tt = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6">License</dt> <dd class="text-sm ps-2"><a target="_blank" rel="noreferrer" class="link link-primary break-all"> </a></dd>', 1), Mt = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6"> </dt> <dd class="text-sm ps-2"><!></dd>', 1), Lt = 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">Close</button></form></div></div> <form method="dialog" class="modal-backdrop"><button>close</button></form></dialog>');
+function Et(i, t) {
   e.push(t, !0);
-  const s = _e($);
-  let r = e.derived(() => s.manifest), i = e.derived(() => {
+  const s = me(J);
+  let r = e.derived(() => s.manifest), l = e.derived(() => {
     if (!e.get(r)) return [];
-    const x = e.get(r).getMetadata();
-    return x ? x.map((_) => {
-      let k = "", T = "";
-      if (_.getLabel) {
-        const E = _.getLabel();
-        Array.isArray(E) ? k = E.map((O) => O.value).join(" ") : k = E;
-      } else _.label && (typeof _.label == "string" ? k = _.label : Array.isArray(_.label) ? k = _.label.map((E) => E.value).join(" ") : k = String(_.label));
-      if (_.getValue) {
-        const E = _.getValue();
-        Array.isArray(E) ? T = E.map((O) => O.value).join(" ") : T = E;
-      } else _.value && (typeof _.value == "string" ? T = _.value : Array.isArray(_.value) ? T = _.value.map((E) => E.value).join(" ") : T = String(_.value));
-      return { label: k, value: T };
+    const A = e.get(r).getMetadata();
+    return A ? A.map((y) => {
+      let M = "", G = "";
+      if (y.getLabel) {
+        const z = y.getLabel();
+        Array.isArray(z) ? M = z.map((N) => N.value).join(" ") : M = z;
+      } else y.label && (typeof y.label == "string" ? M = y.label : Array.isArray(y.label) ? M = y.label.map((z) => z.value).join(" ") : M = String(y.label));
+      if (y.getValue) {
+        const z = y.getValue();
+        Array.isArray(z) ? G = z.map((N) => N.value).join(" ") : G = z;
+      } else y.value && (typeof y.value == "string" ? G = y.value : Array.isArray(y.value) ? G = y.value.map((z) => z.value).join(" ") : G = String(y.value));
+      return { label: M, value: G };
     }) : [];
-  }), f = e.derived(() => e.get(r) ? e.get(r).getDescription() : ""), S = e.derived(() => {
-    var x;
-    return e.get(r) ? (x = e.get(r).getRequiredStatement()) == null ? void 0 : x.getValue() : "";
-  }), A = e.derived(() => e.get(r) ? e.get(r).getLicense() : "");
-  var h = Lt(), m = e.child(h), y = e.child(m), M = e.child(y);
-  M.__click = () => s.toggleMetadataDialog(), e.reset(y);
-  var o = e.sibling(y, 2), u = e.child(o, !0);
-  e.reset(o);
-  var b = e.sibling(o, 2), l = e.child(b);
+  }), c = e.derived(() => e.get(r) ? e.get(r).getDescription() : ""), C = e.derived(() => {
+    var A;
+    return e.get(r) ? (A = e.get(r).getRequiredStatement()) == null ? void 0 : A.getValue() : "";
+  }), m = e.derived(() => e.get(r) ? e.get(r).getLicense() : "");
+  var u = Lt(), _ = e.child(u), I = e.child(_), E = e.child(I);
+  E.__click = () => s.toggleMetadataDialog(), e.reset(I);
+  var n = e.sibling(I, 2), o = e.child(n, !0);
+  e.reset(n);
+  var f = e.sibling(n, 2), b = e.child(f);
   {
-    var c = (x) => {
-      var _ = jt(), k = e.child(_), T = e.child(k);
-      e.html(T, () => e.get(f)), e.reset(k), e.reset(_), e.append(x, _);
+    var h = (A) => {
+      var y = Ct(), M = e.child(y), G = e.child(M);
+      e.html(G, () => e.get(c)), e.reset(M), e.reset(y), e.append(A, y);
     };
-    e.if(l, (x) => {
-      e.get(f) && x(c);
+    e.if(b, (A) => {
+      e.get(c) && A(h);
     });
   }
-  var a = e.sibling(l, 2), d = e.child(a);
+  var a = e.sibling(b, 2), d = e.child(a);
   {
-    var D = (x) => {
-      var _ = Tt(), k = e.sibling(e.first_child(_), 2), T = e.child(k);
-      e.html(T, () => e.get(S)), e.reset(k), e.append(x, _);
+    var j = (A) => {
+      var y = jt(), M = e.sibling(e.first_child(y), 2), G = e.child(M);
+      e.html(G, () => e.get(C)), e.reset(M), e.append(A, y);
     };
-    e.if(d, (x) => {
-      e.get(S) && x(D);
+    e.if(d, (A) => {
+      e.get(C) && A(j);
     });
   }
-  var I = e.sibling(d, 2);
+  var w = e.sibling(d, 2);
   {
-    var F = (x) => {
-      var _ = Ft(), k = e.sibling(e.first_child(_), 2), T = e.child(k), E = e.child(T, !0);
-      e.reset(T), e.reset(k), e.template_effect(() => {
-        e.set_attribute(T, "href", e.get(A)), e.set_text(E, e.get(A));
-      }), e.append(x, _);
+    var k = (A) => {
+      var y = Tt(), M = e.sibling(e.first_child(y), 2), G = e.child(M), z = e.child(G, !0);
+      e.reset(G), e.reset(M), e.template_effect(() => {
+        e.set_attribute(G, "href", e.get(m)), e.set_text(z, e.get(m));
+      }), e.append(A, y);
     };
-    e.if(I, (x) => {
-      e.get(A) && x(F);
+    e.if(w, (A) => {
+      e.get(m) && A(k);
     });
   }
-  var L = e.sibling(I, 2);
-  e.each(L, 17, () => e.get(i), e.index, (x, _) => {
-    var k = Dt(), T = e.first_child(k), E = e.child(T, !0);
-    e.reset(T);
-    var O = e.sibling(T, 2), K = e.child(O);
-    e.html(K, () => e.get(_).value), e.reset(O), e.template_effect(() => e.set_text(E, e.get(_).label)), e.append(x, k);
-  }), e.reset(a), e.reset(b);
-  var j = e.sibling(b, 2), g = e.child(j), w = e.child(g);
-  w.__click = () => s.toggleMetadataDialog(), e.reset(g), e.reset(j), e.reset(m);
-  var v = e.sibling(m, 2), p = e.child(v);
-  p.__click = () => s.toggleMetadataDialog(), e.reset(v), e.reset(h), e.template_effect(
-    (x) => {
-      h.open = s.showMetadataDialog, e.set_text(u, x);
+  var T = e.sibling(w, 2);
+  e.each(T, 17, () => e.get(l), e.index, (A, y) => {
+    var M = Mt(), G = e.first_child(M), z = e.child(G, !0);
+    e.reset(G);
+    var N = e.sibling(G, 2), K = e.child(N);
+    e.html(K, () => e.get(y).value), e.reset(N), e.template_effect(() => e.set_text(z, e.get(y).label)), e.append(A, M);
+  }), e.reset(a), e.reset(f);
+  var S = e.sibling(f, 2), g = e.child(S), x = e.child(g);
+  x.__click = () => s.toggleMetadataDialog(), e.reset(g), e.reset(S), e.reset(_);
+  var v = e.sibling(_, 2), p = e.child(v);
+  p.__click = () => s.toggleMetadataDialog(), e.reset(v), e.reset(u), e.template_effect(
+    (A) => {
+      u.open = s.showMetadataDialog, e.set_text(o, A);
     },
     [
       () => e.get(r) ? e.get(r).getLabel().length ? e.get(r).getLabel()[0].value : "Manifest Metadata" : "Loading..."
     ]
-  ), e.append(n, h), e.pop();
+  ), e.append(i, u), e.pop();
 }
 e.delegate(["click"]);
-var zt = e.from_html('<span class="loading loading-spinner loading-xs"></span>'), Gt = e.from_html('<div class="flex justify-center p-8"><span class="loading loading-spinner loading-lg text-primary"></span></div>'), Pt = e.from_html('<div class="text-center opacity-50 p-4"> </div>'), Rt = e.from_html('<div class="text-center opacity-50 p-4 text-sm">Enter a search term to find occurrences within this manifest.</div>'), Nt = 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>'), Ot = e.from_html('<div class="leading-relaxed"> </div>'), Vt = 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>'), Xt = e.from_html('<div class="text-xs font-bold opacity-50 uppercase tracking-wider pb-2"> </div> <!>', 1), Bt = 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" aria-label="Search Panel"><div class="p-4 bg-base-300 flex justify-between items-center shrink-0"><h2 class="font-bold text-lg">Search</h2> <button class="btn btn-sm btn-circle btn-ghost" aria-label="Close Search">✕</button></div> <div class="p-4 border-b border-base-300 shrink-0"><div class="join w-full"><input type="text" placeholder="Search content..." class="input input-bordered join-item w-full"/> <button class="btn btn-primary join-item" aria-label="Search"><!></button></div></div> <div class="flex-1 overflow-y-auto p-4 space-y-4"><!></div></div>');
-function Yt(n, t) {
+var Gt = e.from_html('<span class="loading loading-spinner loading-xs"></span>'), zt = e.from_html('<div class="flex justify-center p-8"><span class="loading loading-spinner loading-lg text-primary"></span></div>'), Pt = e.from_html('<div class="text-center opacity-50 p-4"> </div>'), Rt = e.from_html('<div class="text-center opacity-50 p-4 text-sm">Enter a search term to find occurrences within this manifest.</div>'), Dt = 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>'), Ft = e.from_html('<div class="leading-relaxed"> </div>'), Ht = 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>'), Nt = e.from_html('<div class="text-xs font-bold opacity-50 uppercase tracking-wider pb-2"> </div> <!>', 1), Vt = 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" aria-label="Search Panel"><div class="p-4 bg-base-300 flex justify-between items-center shrink-0"><h2 class="font-bold text-lg">Search</h2> <button class="btn btn-sm btn-circle btn-ghost" aria-label="Close Search">✕</button></div> <div class="p-4 border-b border-base-300 shrink-0"><div class="join w-full"><input type="text" placeholder="Search content..." class="input input-bordered join-item w-full"/> <button class="btn btn-primary join-item" aria-label="Search"><!></button></div></div> <div class="flex-1 overflow-y-auto p-4 space-y-4"><!></div></div>');
+function Ot(i, t) {
   e.push(t, !0);
-  const s = _e($);
+  const s = me(J);
   let r = e.state(e.proxy(s.searchQuery));
-  function i() {
+  function l() {
     s.search(e.get(r));
   }
-  function f(y) {
-    y.key === "Enter" && i();
+  function c(I) {
+    I.key === "Enter" && l();
   }
-  function S(y) {
-    const M = s.canvases[y.canvasIndex];
-    M && (s.canvasId = M.id);
+  function C(I) {
+    const E = s.canvases[I.canvasIndex];
+    E && (s.canvasId = E.id);
   }
-  var A = e.comment(), h = e.first_child(A);
+  var m = e.comment(), u = e.first_child(m);
   {
-    var m = (y) => {
-      var M = Bt(), o = e.child(M), u = e.sibling(e.child(o), 2);
-      u.__click = () => s.toggleSearchPanel(), e.reset(o);
-      var b = e.sibling(o, 2), l = e.child(b), c = e.child(l);
-      e.remove_input_defaults(c), c.__keydown = f;
-      var a = e.sibling(c, 2);
-      a.__click = i;
+    var _ = (I) => {
+      var E = Vt(), n = e.child(E), o = e.sibling(e.child(n), 2);
+      o.__click = () => s.toggleSearchPanel(), e.reset(n);
+      var f = e.sibling(n, 2), b = e.child(f), h = e.child(b);
+      e.remove_input_defaults(h), h.__keydown = c;
+      var a = e.sibling(h, 2);
+      a.__click = l;
       var d = e.child(a);
       {
-        var D = (w) => {
-          var v = zt();
-          e.append(w, v);
-        }, I = (w) => {
-          Fe(w, { size: 20, weight: "bold" });
+        var j = (x) => {
+          var v = Gt();
+          e.append(x, v);
+        }, w = (x) => {
+          Me(x, { size: 20, weight: "bold" });
         };
-        e.if(d, (w) => {
-          s.isSearching ? w(D) : w(I, !1);
+        e.if(d, (x) => {
+          s.isSearching ? x(j) : x(w, !1);
         });
       }
-      e.reset(a), e.reset(l), e.reset(b);
-      var F = e.sibling(b, 2), L = e.child(F);
+      e.reset(a), e.reset(b), e.reset(f);
+      var k = e.sibling(f, 2), T = e.child(k);
       {
-        var j = (w) => {
-          var v = Gt();
-          e.append(w, v);
-        }, g = (w) => {
+        var S = (x) => {
+          var v = zt();
+          e.append(x, v);
+        }, g = (x) => {
           var v = e.comment(), p = e.first_child(v);
           {
-            var x = (k) => {
-              var T = Pt(), E = e.child(T);
-              e.reset(T), e.template_effect(() => e.set_text(E, `No results found for "${s.searchQuery ?? ""}"`)), e.append(k, T);
-            }, _ = (k) => {
-              var T = e.comment(), E = e.first_child(T);
+            var A = (M) => {
+              var G = Pt(), z = e.child(G);
+              e.reset(G), e.template_effect(() => e.set_text(z, `No results found for "${s.searchQuery ?? ""}"`)), e.append(M, G);
+            }, y = (M) => {
+              var G = e.comment(), z = e.first_child(G);
               {
-                var O = (q) => {
-                  var U = Rt();
-                  e.append(q, U);
+                var N = (q) => {
+                  var Q = Rt();
+                  e.append(q, Q);
                 }, K = (q) => {
-                  var U = Xt(), J = e.first_child(U), V = e.child(J);
-                  e.reset(J);
-                  var P = e.sibling(J, 2);
-                  e.each(P, 17, () => s.searchResults, e.index, (N, R) => {
-                    var B = Vt();
-                    B.__click = () => S(e.get(R));
-                    var Q = e.child(B), z = e.child(Q), X = e.child(z, !0);
-                    e.reset(z), e.reset(Q);
-                    var W = e.sibling(Q, 2);
+                  var Q = Nt(), W = e.first_child(Q), V = e.child(W);
+                  e.reset(W);
+                  var R = e.sibling(W, 2);
+                  e.each(R, 17, () => s.searchResults, e.index, (F, D) => {
+                    var B = Ht();
+                    B.__click = () => C(e.get(D));
+                    var $ = e.child(B), P = e.child($), O = e.child(P, !0);
+                    e.reset(P), e.reset($);
+                    var U = e.sibling($, 2);
                     {
-                      var ye = (Y) => {
-                        var H = Nt(), ee = e.child(H), Le = e.child(ee);
-                        e.html(Le, () => e.get(R).before), e.reset(ee);
-                        var we = e.sibling(ee, 2), Ee = e.child(we);
-                        e.html(Ee, () => e.get(R).match), e.reset(we);
-                        var Ie = e.sibling(we, 2), ze = e.child(Ie);
-                        e.html(ze, () => e.get(R).after), e.reset(Ie), e.reset(H), e.append(Y, H);
-                      }, xe = (Y) => {
-                        var H = Ot(), ee = e.child(H, !0);
-                        e.reset(H), e.template_effect(() => e.set_text(ee, e.get(R).match)), e.append(Y, H);
+                      var be = (Y) => {
+                        var X = Dt(), ee = e.child(X), Ee = e.child(ee);
+                        e.html(Ee, () => e.get(D).before), e.reset(ee);
+                        var ye = e.sibling(ee, 2), Ge = e.child(ye);
+                        e.html(Ge, () => e.get(D).match), e.reset(ye);
+                        var Se = e.sibling(ye, 2), ze = e.child(Se);
+                        e.html(ze, () => e.get(D).after), e.reset(Se), e.reset(X), e.append(Y, X);
+                      }, _e = (Y) => {
+                        var X = Ft(), ee = e.child(X, !0);
+                        e.reset(X), e.template_effect(() => e.set_text(ee, e.get(D).match)), e.append(Y, X);
                       };
-                      e.if(W, (Y) => {
-                        e.get(R).type === "hit" ? Y(ye) : Y(xe, !1);
+                      e.if(U, (Y) => {
+                        e.get(D).type === "hit" ? Y(be) : Y(_e, !1);
                       });
                     }
-                    e.reset(B), e.template_effect(() => e.set_text(X, e.get(R).canvasLabel)), e.append(N, B);
-                  }), e.template_effect(() => e.set_text(V, `${s.searchResults.length ?? ""} Results`)), e.append(q, U);
+                    e.reset(B), e.template_effect(() => e.set_text(O, e.get(D).canvasLabel)), e.append(F, B);
+                  }), e.template_effect(() => e.set_text(V, `${s.searchResults.length ?? ""} Results`)), e.append(q, Q);
                 };
                 e.if(
-                  E,
+                  z,
                   (q) => {
-                    s.searchResults.length === 0 && !s.searchQuery ? q(O) : q(K, !1);
+                    s.searchResults.length === 0 && !s.searchQuery ? q(N) : q(K, !1);
                   },
                   !0
                 );
               }
-              e.append(k, T);
+              e.append(M, G);
             };
             e.if(
               p,
-              (k) => {
-                s.searchResults.length === 0 && s.searchQuery ? k(x) : k(_, !1);
+              (M) => {
+                s.searchResults.length === 0 && s.searchQuery ? M(A) : M(y, !1);
               },
               !0
             );
           }
-          e.append(w, v);
+          e.append(x, v);
         };
-        e.if(L, (w) => {
-          s.isSearching ? w(j) : w(g, !1);
+        e.if(T, (x) => {
+          s.isSearching ? x(S) : x(g, !1);
         });
       }
-      e.reset(F), e.reset(M), e.bind_value(c, () => e.get(r), (w) => e.set(r, w)), e.append(y, M);
+      e.reset(k), e.reset(E), e.bind_value(h, () => e.get(r), (x) => e.set(r, x)), e.append(I, E);
     };
-    e.if(h, (y) => {
-      s.showSearchPanel && y(m);
+    e.if(u, (I) => {
+      s.showSearchPanel && I(_);
     });
   }
-  e.append(n, A), e.pop();
+  e.append(i, m), e.pop();
 }
 e.delegate(["click", "keydown"]);
-var Ht = e.from_html('<span class="loading loading-spinner loading-lg text-primary"></span>'), qt = e.from_html('<div class="text-error"> </div>'), Qt = e.from_html('<div class="text-base-content/50">No image found</div>'), Ut = e.from_html("<!> <!>", 1), Wt = e.from_html('<div id="triiiceratops-viewer" class="w-full h-full relative bg-base-100 flex items-center justify-center"><!> <!> <!> <!> <!> <!></div>');
-function ms(n, t) {
+var Bt = e.from_html('<span class="loading loading-spinner loading-lg text-primary"></span>'), Yt = e.from_html('<div class="text-error"> </div>'), Xt = e.from_html('<div class="text-base-content/50">No image found</div>'), qt = e.from_html("<!> <!>", 1), $t = e.from_html('<div id="triiiceratops-viewer" class="w-full h-full relative bg-base-100 flex items-center justify-center"><!> <!> <!> <!> <!> <!></div>');
+function gs(i, t) {
   e.push(t, !0);
-  const s = new $e();
-  Re($, s), e.user_effect(() => {
+  const s = new We();
+  De(J, s), e.user_effect(() => {
     t.manifestId && s.setManifest(t.manifestId);
   }), e.user_effect(() => {
     const a = () => {
@@ -1379,120 +1328,120 @@ function ms(n, t) {
       document.removeEventListener("fullscreenchange", a);
     };
   });
-  let r = e.derived(() => s.manifest), i = e.derived(() => s.canvases), f = e.derived(() => s.currentCanvasIndex), S = e.derived(() => {
-    if (!e.get(i) || e.get(f) === -1 || !e.get(i)[e.get(f)])
+  let r = e.derived(() => s.manifest), l = e.derived(() => s.canvases), c = e.derived(() => s.currentCanvasIndex), C = 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(i)[e.get(f)].getImages();
+    const d = e.get(l)[e.get(c)].getImages();
     if (!d || !d.length)
       return console.log("TriiiceratopsViewer: No images in canvas"), null;
-    const I = d[0].getResource();
-    if (!I)
+    const w = d[0].getResource();
+    if (!w)
       return console.log("TriiiceratopsViewer: No resource in annotation"), null;
-    const F = I.getService();
-    if (F) {
-      let g = F.id;
+    const k = w.getService();
+    if (k) {
+      let g = k.id;
       return g && !g.endsWith("/info.json") && (g = `${g}/info.json`), g;
     }
-    const L = I.getServices();
-    if (L && L.length > 0) {
-      let g = L[0].id;
+    const T = w.getServices();
+    if (T && T.length > 0) {
+      let g = T[0].id;
       return g && !g.endsWith("/info.json") && (g = `${g}/info.json`), g;
     }
-    if (I.id && I.id.includes("/iiif/")) {
-      const g = I.id.split("/"), w = g.findIndex((v) => v === "full" || v.match(/^\d+,\d+,\d+,\d+$/));
-      if (w > 0)
-        return `${g.slice(0, w).join("/")}/info.json`;
+    if (w.id && w.id.includes("/iiif/")) {
+      const g = w.id.split("/"), x = g.findIndex((v) => v === "full" || v.match(/^\d+,\d+,\d+,\d+$/));
+      if (x > 0)
+        return `${g.slice(0, x).join("/")}/info.json`;
     }
-    return console.log("TriiiceratopsViewer: No service or ID found, returning raw URL"), { type: "image", url: I.id };
+    return console.log("TriiiceratopsViewer: No service or ID found, returning raw URL"), { type: "image", url: w.id };
   });
-  var A = Wt(), h = e.child(A);
+  var m = $t(), u = e.child(m);
   {
-    var m = (a) => {
-      var d = Ht();
+    var _ = (a) => {
+      var d = Bt();
       e.append(a, d);
-    }, y = (a) => {
-      var d = e.comment(), D = e.first_child(d);
+    }, I = (a) => {
+      var d = e.comment(), j = e.first_child(d);
       {
-        var I = (L) => {
-          var j = qt(), g = e.child(j);
-          e.reset(j), e.template_effect(() => e.set_text(g, `Error: ${e.get(r).error ?? ""}`)), e.append(L, j);
-        }, F = (L) => {
-          var j = e.comment(), g = e.first_child(j);
+        var w = (T) => {
+          var S = Yt(), g = e.child(S);
+          e.reset(S), e.template_effect(() => e.set_text(g, `Error: ${e.get(r).error ?? ""}`)), e.append(T, S);
+        }, k = (T) => {
+          var S = e.comment(), g = e.first_child(S);
           {
-            var w = (p) => {
-              var x = e.comment(), _ = e.first_child(x);
-              e.key(_, () => e.get(S), (k) => {
-                ut(k, {
+            var x = (p) => {
+              var A = e.comment(), y = e.first_child(A);
+              e.key(y, () => e.get(C), (M) => {
+                dt(M, {
                   get tileSources() {
-                    return e.get(S);
+                    return e.get(C);
                   },
                   get viewerState() {
                     return s;
                   }
                 });
-              }), e.append(p, x);
+              }), e.append(p, A);
             }, v = (p) => {
-              var x = Qt();
-              e.append(p, x);
+              var A = Xt();
+              e.append(p, A);
             };
             e.if(
               g,
               (p) => {
-                e.get(S) ? p(w) : p(v, !1);
+                e.get(C) ? p(x) : p(v, !1);
               },
               !0
             );
           }
-          e.append(L, j);
+          e.append(T, S);
         };
         e.if(
-          D,
-          (L) => {
-            var j;
-            (j = e.get(r)) != null && j.error ? L(I) : L(F, !1);
+          j,
+          (T) => {
+            var S;
+            (S = e.get(r)) != null && S.error ? T(w) : T(k, !1);
           },
           !0
         );
       }
       e.append(a, d);
     };
-    e.if(h, (a) => {
+    e.if(u, (a) => {
       var d;
-      (d = e.get(r)) != null && d.isFetching ? a(m) : a(y, !1);
+      (d = e.get(r)) != null && d.isFetching ? a(_) : a(I, !1);
     });
   }
-  var M = e.sibling(h, 2);
+  var E = e.sibling(u, 2);
   {
-    var o = (a) => {
-      var d = Ut(), D = e.first_child(d);
-      ht(D, {
+    var n = (a) => {
+      var d = qt(), j = e.first_child(d);
+      gt(j, {
         get viewerState() {
           return s;
         }
       });
-      var I = e.sibling(D, 2);
-      kt(I, {
+      var w = e.sibling(j, 2);
+      At(w, {
         get canvases() {
-          return e.get(i);
+          return e.get(l);
         }
       }), e.append(a, d);
     };
-    e.if(M, (a) => {
-      e.get(i).length > 1 && a(o);
+    e.if(E, (a) => {
+      e.get(l).length > 1 && a(n);
     });
   }
-  var u = e.sibling(M, 2);
-  _t(u, {});
-  var b = e.sibling(u, 2);
-  Et(b, {});
-  var l = e.sibling(b, 2);
-  Yt(l, {});
-  var c = e.sibling(l, 2);
-  Mt(c, {}), e.reset(A), e.append(n, A), e.pop();
+  var o = e.sibling(E, 2);
+  mt(o, {});
+  var f = e.sibling(o, 2);
+  Et(f, {});
+  var b = e.sibling(f, 2);
+  Ot(b, {});
+  var h = e.sibling(b, 2);
+  kt(h, {}), e.reset(m), e.append(i, m), e.pop();
 }
 export {
-  Ze as ManifestsState,
-  ms as TriiiceratopsViewer,
-  $ as VIEWER_STATE_KEY,
-  $e as ViewerState
+  Ue as ManifestsState,
+  gs as TriiiceratopsViewer,
+  J as VIEWER_STATE_KEY,
+  We as ViewerState
 };