triiiceratops 0.4.0 → 0.5.0

package/dist/index.js

@@ -1,41 +1,41 @@
 var at = Object.defineProperty;
-var Re = (r) => {
-  throw TypeError(r);
+var Oe = (n) => {
+  throw TypeError(n);
 };
-var it = (r, t, s) => t in r ? at(r, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[t] = s;
-var Oe = (r, t, s) => it(r, typeof t != "symbol" ? t + "" : t, s), ot = (r, t, s) => t.has(r) || Re("Cannot " + s);
-var A = (r, t, s) => (ot(r, t, "read from private field"), s ? s.call(r) : t.get(r)), J = (r, t, s) => t.has(r) ? Re("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, s);
+var it = (n, t, s) => t in n ? at(n, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : n[t] = s;
+var He = (n, t, s) => it(n, typeof t != "symbol" ? t + "" : t, s), ot = (n, t, s) => t.has(n) || Oe("Cannot " + s);
+var A = (n, t, s) => (ot(n, t, "read from private field"), s ? s.call(n) : t.get(n)), J = (n, t, s) => t.has(n) ? Oe("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, s);
 import "svelte/internal/disclose-version";
 import * as e from "svelte/internal/client";
-import { onMount as lt, getContext as le, setContext as ct, onDestroy as dt } from "svelte";
+import { onMount as lt, getContext as ce, setContext as ct, onDestroy as dt } from "svelte";
 import * as gt from "manifesto.js";
-import He from "openseadragon";
+import Fe from "openseadragon";
 import ut from "phosphor-svelte/lib/CaretLeft";
 import ft from "phosphor-svelte/lib/CaretRight";
 import ht from "phosphor-svelte/lib/CaretDown";
-import Fe from "phosphor-svelte/lib/Eye";
-import Ve from "phosphor-svelte/lib/EyeSlash";
-import Ye from "phosphor-svelte/lib/X";
+import Ve from "phosphor-svelte/lib/Eye";
+import Be from "phosphor-svelte/lib/EyeSlash";
+import Xe from "phosphor-svelte/lib/X";
 import "svelte/internal/flags/legacy";
 import vt from "phosphor-svelte/lib/ChatCenteredText";
 import pt from "phosphor-svelte/lib/CornersIn";
 import mt from "phosphor-svelte/lib/CornersOut";
 import _t from "phosphor-svelte/lib/Info";
-import Xe from "phosphor-svelte/lib/MagnifyingGlass";
+import qe from "phosphor-svelte/lib/MagnifyingGlass";
 import bt from "phosphor-svelte/lib/List";
 import yt from "phosphor-svelte/lib/Slideshow";
 import xt from "phosphor-svelte/lib/PuzzlePiece";
-import { B as Zn } from "./plugin-DqOSV8lm.js";
-var ce;
+import { B as Zr } from "./plugin-DqOSV8lm.js";
+var de;
 class wt {
   constructor() {
-    J(this, ce, e.state(e.proxy({})));
+    J(this, de, e.state(e.proxy({})));
   }
   get manifests() {
-    return e.get(A(this, ce));
+    return e.get(A(this, de));
   }
   set manifests(t) {
-    e.set(A(this, ce), t, !0);
+    e.set(A(this, de), t, !0);
   }
   async fetchManifest(t) {
     if (!this.manifests[t]) {
@@ -44,8 +44,8 @@ class wt {
         const s = await fetch(t);
         if (!s.ok)
           throw new Error(`HTTP error! status: ${s.status}`);
-        const n = await s.json(), a = gt.parseManifest(n);
-        this.manifests[t] = { json: n, manifesto: a, isFetching: !1 };
+        const r = await s.json(), i = gt.parseManifest(r);
+        this.manifests[t] = { json: r, manifesto: i, isFetching: !1 };
       } catch (s) {
         this.manifests[t] = { error: s.message, isFetching: !1 };
       }
@@ -60,8 +60,8 @@ class wt {
       try {
         const s = await fetch(t);
         if (s.ok) {
-          const n = await s.json();
-          this.manifests[t] = { json: n };
+          const r = await s.json();
+          this.manifests[t] = { json: r };
         } else
           console.error(`Failed to fetch annotation list: ${t}`);
       } catch (s) {
@@ -72,185 +72,185 @@ class wt {
     const s = this.getManifest(t);
     if (!s)
       return [];
-    const n = s.getSequences();
-    return !n || !n.length ? [] : n[0].getCanvases();
+    const r = s.getSequences();
+    return !r || !r.length ? [] : r[0].getCanvases();
   }
   getAnnotations(t, s) {
-    const n = this.getManifest(t);
-    return n ? n.getSequences()[0].getCanvasById(s) ? this.manualGetAnnotations(t, s) : [] : [];
+    const r = this.getManifest(t);
+    return r ? r.getSequences()[0].getCanvasById(s) ? this.manualGetAnnotations(t, s) : [] : [];
   }
   // We can refactor this to use Manifesto's resource handling later if needed.
   manualGetAnnotations(t, s) {
-    const n = this.getManifest(t);
-    if (!n) return [];
-    const a = n.getSequences()[0].getCanvasById(s);
-    if (!a) return [];
-    const i = a.__jsonld;
-    let I = [];
-    const C = (x) => x.resources || x.items || [];
-    return i.otherContent && i.otherContent.forEach((x) => {
-      const w = x["@id"] || x.id;
-      if (w && !x.resources) {
-        const $ = this.manifests[w];
-        if ($) {
-          if ($.json) {
-            const j = C($.json);
-            I.push(...j);
+    const r = this.getManifest(t);
+    if (!r) return [];
+    const i = r.getSequences()[0].getCanvasById(s);
+    if (!i) return [];
+    const a = i.__jsonld;
+    let M = [];
+    const $ = (S) => S.resources || S.items || [];
+    return a.otherContent && a.otherContent.forEach((S) => {
+      const w = S["@id"] || S.id;
+      if (w && !S.resources) {
+        const T = this.manifests[w];
+        if (T) {
+          if (T.json) {
+            const L = $(T.json);
+            M.push(...L);
           }
         } else
           this.fetchAnnotationList(w);
-      } else x.resources && I.push(...x.resources);
-    }), i.annotations && i.annotations.forEach((x) => {
-      const w = x.id || x["@id"];
-      if (w && !x.items) {
-        const $ = this.manifests[w];
-        if ($) {
-          if ($.json) {
-            const j = C($.json);
-            I.push(...j);
+      } else S.resources && M.push(...S.resources);
+    }), a.annotations && a.annotations.forEach((S) => {
+      const w = S.id || S["@id"];
+      if (w && !S.items) {
+        const T = this.manifests[w];
+        if (T) {
+          if (T.json) {
+            const L = $(T.json);
+            M.push(...L);
           }
         } else
           this.fetchAnnotationList(w);
-      } else x.items && I.push(...x.items);
-    }), I;
+      } else S.items && M.push(...S.items);
+    }), M;
   }
 }
-ce = new WeakMap();
-const oe = new wt();
-var de, ge, ue, fe, he, ve, pe, me, _e, be, ye, xe, we, Se, Ae, $e, Ie, Te, ke, Pe, Me, Ce, je, ze;
+de = new WeakMap();
+const le = new wt();
+var ge, ue, fe, he, ve, pe, me, _e, be, ye, xe, we, Se, Ae, Ie, $e, Te, ke, Pe, Me, Ce, je, ze, Le;
 class St {
-  constructor(t = null, s = []) {
-    J(this, de, e.state(null));
+  constructor(t = null, s = null, r = []) {
     J(this, ge, e.state(null));
-    J(this, ue, e.state(!1));
+    J(this, ue, e.state(null));
     J(this, fe, e.state(!1));
     J(this, he, e.state(!1));
     J(this, ve, e.state(!1));
     J(this, pe, e.state(!1));
     J(this, me, e.state(!1));
-    J(this, _e, e.state("bottom"));
-    J(this, be, e.state(e.proxy(/* @__PURE__ */ new Set())));
-    J(this, ye, e.state(e.proxy({ x: 20, y: 100 })));
-    J(this, xe, e.state(e.proxy({ width: 300, height: 400 })));
-    J(this, we, e.state(!1));
-    J(this, Se, e.state(e.proxy({ x: 0, y: 0 })));
-    J(this, Ae, e.state(null));
+    J(this, _e, e.state(!1));
+    J(this, be, e.state("bottom"));
+    J(this, ye, e.state(e.proxy(/* @__PURE__ */ new Set())));
+    J(this, xe, e.state(e.proxy({ x: 20, y: 100 })));
+    J(this, we, e.state(e.proxy({ width: 300, height: 400 })));
+    J(this, Se, e.state(!1));
+    J(this, Ae, e.state(e.proxy({ x: 0, y: 0 })));
+    J(this, Ie, e.state(null));
     J(this, $e, e.state(""));
-    J(this, Ie, e.state(e.proxy([])));
-    J(this, Te, e.state(!1));
+    J(this, Te, e.state(e.proxy([])));
     J(this, ke, e.state(!1));
-    J(this, Pe, e.state(e.proxy([])));
+    J(this, Pe, e.state(!1));
+    J(this, Me, e.state(e.proxy([])));
     J(
       this,
-      Me,
+      Ce,
       // ==================== PLUGIN STATE ====================
       /** Registered plugins */
       e.state(e.proxy([]))
     );
-    J(this, Ce, e.state(e.proxy([])));
     J(this, je, e.state(e.proxy([])));
-    J(this, ze, e.state(null));
-    Oe(this, "pluginEventHandlers", /* @__PURE__ */ new Map());
-    this.manifestId = t || null, this.manifestId && oe.fetchManifest(this.manifestId);
-    for (const n of s)
-      this.registerPlugin(n);
+    J(this, ze, e.state(e.proxy([])));
+    J(this, Le, e.state(null));
+    He(this, "pluginEventHandlers", /* @__PURE__ */ new Map());
+    this.manifestId = t || null, this.canvasId = s || null, this.manifestId && le.fetchManifest(this.manifestId);
+    for (const i of r)
+      this.registerPlugin(i);
   }
   get manifestId() {
-    return e.get(A(this, de));
+    return e.get(A(this, ge));
   }
   set manifestId(t) {
-    e.set(A(this, de), t, !0);
+    e.set(A(this, ge), t, !0);
   }
   get canvasId() {
-    return e.get(A(this, ge));
+    return e.get(A(this, ue));
   }
   set canvasId(t) {
-    e.set(A(this, ge), t, !0);
+    e.set(A(this, ue), t, !0);
   }
   get showAnnotations() {
-    return e.get(A(this, ue));
+    return e.get(A(this, fe));
   }
   set showAnnotations(t) {
-    e.set(A(this, ue), t, !0);
+    e.set(A(this, fe), t, !0);
   }
   get showThumbnailGallery() {
-    return e.get(A(this, fe));
+    return e.get(A(this, he));
   }
   set showThumbnailGallery(t) {
-    e.set(A(this, fe), t, !0);
+    e.set(A(this, he), t, !0);
   }
   get isGalleryDockedBottom() {
-    return e.get(A(this, he));
+    return e.get(A(this, ve));
   }
   set isGalleryDockedBottom(t) {
-    e.set(A(this, he), t, !0);
+    e.set(A(this, ve), t, !0);
   }
   get isGalleryDockedRight() {
-    return e.get(A(this, ve));
+    return e.get(A(this, pe));
   }
   set isGalleryDockedRight(t) {
-    e.set(A(this, ve), t, !0);
+    e.set(A(this, pe), t, !0);
   }
   get isFullScreen() {
-    return e.get(A(this, pe));
+    return e.get(A(this, me));
   }
   set isFullScreen(t) {
-    e.set(A(this, pe), t, !0);
+    e.set(A(this, me), t, !0);
   }
   get showMetadataDialog() {
-    return e.get(A(this, me));
+    return e.get(A(this, _e));
   }
   set showMetadataDialog(t) {
-    e.set(A(this, me), t, !0);
+    e.set(A(this, _e), t, !0);
   }
   get dockSide() {
-    return e.get(A(this, _e));
+    return e.get(A(this, be));
   }
   set dockSide(t) {
-    e.set(A(this, _e), t, !0);
+    e.set(A(this, be), t, !0);
   }
   get visibleAnnotationIds() {
-    return e.get(A(this, be));
+    return e.get(A(this, ye));
   }
   set visibleAnnotationIds(t) {
-    e.set(A(this, be), t, !0);
+    e.set(A(this, ye), t, !0);
   }
   get galleryPosition() {
-    return e.get(A(this, ye));
+    return e.get(A(this, xe));
   }
   set galleryPosition(t) {
-    e.set(A(this, ye), t, !0);
+    e.set(A(this, xe), t, !0);
   }
   get gallerySize() {
-    return e.get(A(this, xe));
+    return e.get(A(this, we));
   }
   set gallerySize(t) {
-    e.set(A(this, xe), t, !0);
+    e.set(A(this, we), t, !0);
   }
   get isGalleryDragging() {
-    return e.get(A(this, we));
+    return e.get(A(this, Se));
   }
   set isGalleryDragging(t) {
-    e.set(A(this, we), t, !0);
+    e.set(A(this, Se), t, !0);
   }
   get galleryDragOffset() {
-    return e.get(A(this, Se));
+    return e.get(A(this, Ae));
   }
   set galleryDragOffset(t) {
-    e.set(A(this, Se), t, !0);
+    e.set(A(this, Ae), t, !0);
   }
   get dragOverSide() {
-    return e.get(A(this, Ae));
+    return e.get(A(this, Ie));
   }
   set dragOverSide(t) {
-    e.set(A(this, Ae), t, !0);
+    e.set(A(this, Ie), t, !0);
   }
   get manifest() {
-    return this.manifestId ? oe.getManifest(this.manifestId) : null;
+    return this.manifestId ? le.getManifest(this.manifestId) : null;
   }
   get canvases() {
     if (!this.manifestId) return [];
-    const t = oe.getCanvases(this.manifestId);
+    const t = le.getCanvases(this.manifestId);
     return t.length > 0 && !this.canvasId && setTimeout(
       () => {
         !this.canvasId && t.length > 0 && (this.canvasId = t[0].id);
@@ -280,7 +280,7 @@ class St {
     }
   }
   setManifest(t) {
-    this.manifestId = t, this.canvasId = null, oe.fetchManifest(t);
+    this.manifestId = t, this.canvasId = null, le.fetchManifest(t);
   }
   setCanvas(t) {
     this.canvasId = t;
@@ -311,153 +311,153 @@ class St {
     e.set(A(this, $e), t, !0);
   }
   get searchResults() {
-    return e.get(A(this, Ie));
+    return e.get(A(this, Te));
   }
   set searchResults(t) {
-    e.set(A(this, Ie), t, !0);
+    e.set(A(this, Te), t, !0);
   }
   get isSearching() {
-    return e.get(A(this, Te));
+    return e.get(A(this, ke));
   }
   set isSearching(t) {
-    e.set(A(this, Te), t, !0);
+    e.set(A(this, ke), t, !0);
   }
   get showSearchPanel() {
-    return e.get(A(this, ke));
+    return e.get(A(this, Pe));
   }
   set showSearchPanel(t) {
-    e.set(A(this, ke), t, !0);
+    e.set(A(this, Pe), t, !0);
   }
   toggleSearchPanel() {
     this.showSearchPanel = !this.showSearchPanel, this.showSearchPanel || (this.searchAnnotations = []);
   }
   get searchAnnotations() {
-    return e.get(A(this, Pe));
+    return e.get(A(this, Me));
   }
   set searchAnnotations(t) {
-    e.set(A(this, Pe), t, !0);
+    e.set(A(this, Me), t, !0);
   }
   get currentCanvasSearchAnnotations() {
     return this.canvasId ? this.searchAnnotations.filter((t) => t.canvasId === this.canvasId) : [];
   }
   async search(t) {
-    var s, n;
+    var s, r;
     if (t.trim()) {
       this.isSearching = !0, this.searchQuery = t, this.searchResults = [];
       try {
-        const a = this.manifest;
-        if (!a) throw new Error("No manifest loaded");
-        let i = a.getService("http://iiif.io/api/search/1/search") || a.getService("http://iiif.io/api/search/0/search");
-        if (i || a.__jsonld && a.__jsonld.service && (i = (Array.isArray(a.__jsonld.service) ? a.__jsonld.service : [a.__jsonld.service]).find((p) => p.profile === "http://iiif.io/api/search/1/search" || p.profile === "http://iiif.io/api/search/0/search")), !i) {
+        const i = this.manifest;
+        if (!i) throw new Error("No manifest loaded");
+        let a = i.getService("http://iiif.io/api/search/1/search") || i.getService("http://iiif.io/api/search/0/search");
+        if (a || i.__jsonld && i.__jsonld.service && (a = (Array.isArray(i.__jsonld.service) ? i.__jsonld.service : [i.__jsonld.service]).find((p) => p.profile === "http://iiif.io/api/search/1/search" || p.profile === "http://iiif.io/api/search/0/search")), !a) {
           console.warn("No IIIF search service found in manifest"), this.isSearching = !1;
           return;
         }
-        const C = `${i.id || i["@id"]}?q=${encodeURIComponent(t)}`, x = await fetch(C);
-        if (!x.ok) throw new Error("Search request failed");
-        const w = await x.json(), $ = w.resources || [], j = [], d = (u) => {
-          const p = typeof u == "string" ? u : u["@id"] || u.id;
+        const $ = `${a.id || a["@id"]}?q=${encodeURIComponent(t)}`, S = await fetch($);
+        if (!S.ok) throw new Error("Search request failed");
+        const w = await S.json(), T = w.resources || [], L = [], d = (g) => {
+          const p = typeof g == "string" ? g : g["@id"] || g.id;
           if (!p) return null;
           const c = p.split("#xywh=");
           if (c.length < 2) return null;
-          const f = c[1].split(",").map(Number);
-          return f.length === 4 ? f : null;
+          const u = c[1].split(",").map(Number);
+          return u.length === 4 ? u : null;
         };
         if (w.hits)
-          for (const u of w.hits) {
-            const p = u.annotations || [];
+          for (const g of w.hits) {
+            const p = g.annotations || [];
             for (const c of p) {
-              const f = $.find((l) => l["@id"] === c || l.id === c);
-              if (f && f.on) {
-                const l = typeof f.on == "string" ? f.on : f.on["@id"] || f.on.id, S = l.split("#")[0], H = d(l), z = this.canvases.findIndex((o) => o.id === S);
-                if (z >= 0) {
-                  const o = this.canvases[z];
-                  let T = "Canvas " + (z + 1);
+              const u = T.find((o) => o["@id"] === c || o.id === c);
+              if (u && u.on) {
+                const o = typeof u.on == "string" ? u.on : u.on["@id"] || u.on.id, I = o.split("#")[0], R = d(o), j = this.canvases.findIndex((l) => l.id === I);
+                if (j >= 0) {
+                  const l = this.canvases[j];
+                  let k = "Canvas " + (j + 1);
                   try {
-                    if (o.getLabel) {
-                      const b = o.getLabel();
-                      Array.isArray(b) && b.length > 0 ? T = b[0].value : typeof b == "string" && (T = b);
-                    } else o.label && (typeof o.label == "string" ? T = o.label : Array.isArray(o.label) && (T = (s = o.label[0]) == null ? void 0 : s.value));
+                    if (l.getLabel) {
+                      const b = l.getLabel();
+                      Array.isArray(b) && b.length > 0 ? k = b[0].value : typeof b == "string" && (k = b);
+                    } else l.label && (typeof l.label == "string" ? k = l.label : Array.isArray(l.label) && (k = (s = l.label[0]) == null ? void 0 : s.value));
                   } catch {
                   }
-                  j.push({
+                  L.push({
                     type: "hit",
-                    before: u.before,
-                    match: u.match,
-                    after: u.after,
-                    canvasIndex: z,
-                    canvasLabel: String(T),
-                    bounds: H
+                    before: g.before,
+                    match: g.match,
+                    after: g.after,
+                    canvasIndex: j,
+                    canvasLabel: String(k),
+                    bounds: R
                   });
                 }
               }
             }
           }
-        else if ($.length > 0)
-          for (const u of $) {
-            const p = typeof u.on == "string" ? u.on : u.on["@id"] || u.on.id, c = p.split("#")[0], f = d(p), l = this.canvases.findIndex((S) => S.id === c);
-            if (l >= 0) {
-              const S = this.canvases[l];
-              let H = "Canvas " + (l + 1);
+        else if (T.length > 0)
+          for (const g of T) {
+            const p = typeof g.on == "string" ? g.on : g.on["@id"] || g.on.id, c = p.split("#")[0], u = d(p), o = this.canvases.findIndex((I) => I.id === c);
+            if (o >= 0) {
+              const I = this.canvases[o];
+              let R = "Canvas " + (o + 1);
               try {
-                if (S.getLabel) {
-                  const z = S.getLabel();
-                  Array.isArray(z) && z.length > 0 ? H = z[0].value : typeof z == "string" && (H = z);
-                } else S.label && (typeof S.label == "string" ? H = S.label : Array.isArray(S.label) && (H = (n = S.label[0]) == null ? void 0 : n.value));
+                if (I.getLabel) {
+                  const j = I.getLabel();
+                  Array.isArray(j) && j.length > 0 ? R = j[0].value : typeof j == "string" && (R = j);
+                } else I.label && (typeof I.label == "string" ? R = I.label : Array.isArray(I.label) && (R = (r = I.label[0]) == null ? void 0 : r.value));
               } catch {
               }
-              j.push({
+              L.push({
                 type: "resource",
-                match: u.resource && u.resource.chars ? u.resource.chars : u.chars || "",
-                canvasIndex: l,
-                canvasLabel: String(H),
-                bounds: f
+                match: g.resource && g.resource.chars ? g.resource.chars : g.chars || "",
+                canvasIndex: o,
+                canvasLabel: String(R),
+                bounds: u
               });
             }
           }
-        this.searchResults = j, this.searchAnnotations = j.filter((u) => u.bounds).map((u, p) => {
-          const c = this.canvases[u.canvasIndex], f = `${c.id}#xywh=${u.bounds.join(",")}`;
+        this.searchResults = L, this.searchAnnotations = L.filter((g) => g.bounds).map((g, p) => {
+          const c = this.canvases[g.canvasIndex], u = `${c.id}#xywh=${g.bounds.join(",")}`;
           return {
             "@id": `urn:search-hit:${p}`,
             "@type": "oa:Annotation",
             motivation: "sc:painting",
-            on: f,
+            on: u,
             canvasId: c.id,
-            resource: { "@type": "cnt:ContentAsText", chars: u.match },
+            resource: { "@type": "cnt:ContentAsText", chars: g.match },
             // Flag to identify styling in Overlay?
             // Or just standard rendering.
             isSearchHit: !0
           };
         });
-      } catch (a) {
-        console.error("Search error:", a);
+      } catch (i) {
+        console.error("Search error:", i);
       } finally {
         this.isSearching = !1;
       }
     }
   }
   get plugins() {
-    return e.get(A(this, Me));
+    return e.get(A(this, Ce));
   }
   set plugins(t) {
-    e.set(A(this, Me), t, !0);
+    e.set(A(this, Ce), t, !0);
   }
   get pluginMenuButtons() {
-    return e.get(A(this, Ce));
+    return e.get(A(this, je));
   }
   set pluginMenuButtons(t) {
-    e.set(A(this, Ce), t, !0);
+    e.set(A(this, je), t, !0);
   }
   get pluginPanels() {
-    return e.get(A(this, je));
+    return e.get(A(this, ze));
   }
   set pluginPanels(t) {
-    e.set(A(this, je), t, !0);
+    e.set(A(this, ze), t, !0);
   }
   get osdViewer() {
-    return e.get(A(this, ze));
+    return e.get(A(this, Le));
   }
   set osdViewer(t) {
-    e.set(A(this, ze), t, !0);
+    e.set(A(this, Le), t, !0);
   }
   createPluginContext() {
     const t = this;
@@ -465,25 +465,25 @@ class St {
       viewerState: t,
       getOSDViewer: () => t.osdViewer,
       registerMenuButton(s) {
-        t.pluginMenuButtons.find((n) => n.id === s.id) || (t.pluginMenuButtons = [...t.pluginMenuButtons, s]);
+        t.pluginMenuButtons.find((r) => r.id === s.id) || (t.pluginMenuButtons = [...t.pluginMenuButtons, s]);
       },
       unregisterMenuButton(s) {
-        t.pluginMenuButtons = t.pluginMenuButtons.filter((n) => n.id !== s);
+        t.pluginMenuButtons = t.pluginMenuButtons.filter((r) => r.id !== s);
       },
       registerPanel(s) {
-        t.pluginPanels.find((n) => n.id === s.id) || (t.pluginPanels = [...t.pluginPanels, s]);
+        t.pluginPanels.find((r) => r.id === s.id) || (t.pluginPanels = [...t.pluginPanels, s]);
       },
       unregisterPanel(s) {
-        t.pluginPanels = t.pluginPanels.filter((n) => n.id !== s);
+        t.pluginPanels = t.pluginPanels.filter((r) => r.id !== s);
       },
-      emit(s, n) {
-        const a = t.pluginEventHandlers.get(s);
-        a == null || a.forEach((i) => i(n));
+      emit(s, r) {
+        const i = t.pluginEventHandlers.get(s);
+        i == null || i.forEach((a) => a(r));
       },
-      on(s, n) {
-        return t.pluginEventHandlers.has(s) || t.pluginEventHandlers.set(s, /* @__PURE__ */ new Set()), t.pluginEventHandlers.get(s).add(n), () => {
-          var a;
-          (a = t.pluginEventHandlers.get(s)) == null || a.delete(n);
+      on(s, r) {
+        return t.pluginEventHandlers.has(s) || t.pluginEventHandlers.set(s, /* @__PURE__ */ new Set()), t.pluginEventHandlers.get(s).add(r), () => {
+          var i;
+          (i = t.pluginEventHandlers.get(s)) == null || i.delete(r);
         };
       }
     };
@@ -502,9 +502,9 @@ class St {
    * Unregister a plugin by ID.
    */
   unregisterPlugin(t) {
-    var n;
-    const s = this.plugins.find((a) => a.id === t);
-    s && ((n = s.onDestroy) == null || n.call(s), this.plugins = this.plugins.filter((a) => a.id !== t), this.pluginMenuButtons = this.pluginMenuButtons.filter((a) => !a.id.startsWith(`${t}:`)), this.pluginPanels = this.pluginPanels.filter((a) => !a.id.startsWith(`${t}:`)));
+    var r;
+    const s = this.plugins.find((i) => i.id === t);
+    s && ((r = s.onDestroy) == null || r.call(s), this.plugins = this.plugins.filter((i) => i.id !== t), this.pluginMenuButtons = this.pluginMenuButtons.filter((i) => !i.id.startsWith(`${t}:`)), this.pluginPanels = this.pluginPanels.filter((i) => !i.id.startsWith(`${t}:`)));
   }
   /**
    * Called by OSDViewer when OpenSeadragon is ready.
@@ -512,8 +512,8 @@ class St {
   notifyOSDReady(t) {
     var s;
     this.osdViewer = t;
-    for (const n of this.plugins)
-      (s = n.onViewerReady) == null || s.call(n, t);
+    for (const r of this.plugins)
+      (s = r.onViewerReady) == null || s.call(r, t);
   }
   /**
    * Destroy all plugins (called on viewer unmount).
@@ -525,14 +525,14 @@ class St {
     this.plugins = [], this.pluginMenuButtons = [], this.pluginPanels = [], this.pluginEventHandlers.clear();
   }
 }
-de = new WeakMap(), ge = new WeakMap(), ue = new WeakMap(), fe = new WeakMap(), he = new WeakMap(), ve = new WeakMap(), pe = new WeakMap(), me = new WeakMap(), _e = new WeakMap(), be = new WeakMap(), ye = new WeakMap(), xe = new WeakMap(), we = new WeakMap(), Se = new WeakMap(), Ae = new WeakMap(), $e = new WeakMap(), Ie = new WeakMap(), Te = new WeakMap(), ke = new WeakMap(), Pe = new WeakMap(), Me = new WeakMap(), Ce = new WeakMap(), je = new WeakMap(), ze = new WeakMap();
-const ae = "triiiceratops:viewerState";
-function qe(r) {
-  return r.id || r["@id"] || (typeof r.getId == "function" ? r.getId() : "");
+ge = new WeakMap(), ue = new WeakMap(), fe = new WeakMap(), he = new WeakMap(), ve = new WeakMap(), pe = new WeakMap(), me = new WeakMap(), _e = new WeakMap(), be = new WeakMap(), ye = new WeakMap(), xe = new WeakMap(), we = new WeakMap(), Se = new WeakMap(), Ae = new WeakMap(), Ie = new WeakMap(), $e = new WeakMap(), Te = new WeakMap(), ke = new WeakMap(), Pe = new WeakMap(), Me = new WeakMap(), Ce = new WeakMap(), je = new WeakMap(), ze = new WeakMap(), Le = new WeakMap();
+const ie = "triiiceratops:viewerState";
+function Qe(n) {
+  return n.id || n["@id"] || (typeof n.getId == "function" ? n.getId() : "");
 }
-function De(r) {
-  if (!r) return null;
-  const t = r.match(/xywh=(\d+),(\d+),(\d+),(\d+)/);
+function Ee(n) {
+  if (!n) return null;
+  const t = n.match(/xywh=(\d+),(\d+),(\d+),(\d+)/);
   return t ? {
     x: parseInt(t[1], 10),
     y: parseInt(t[2], 10),
@@ -540,11 +540,11 @@ function De(r) {
     h: parseInt(t[4], 10)
   } : null;
 }
-function At(r) {
-  const t = $t(r);
+function At(n) {
+  const t = It(n);
   if (t)
-    return It(t);
-  const s = Mt(r);
+    return $t(t);
+  const s = Mt(n);
   return s ? {
     type: "RECTANGLE",
     x: s.x,
@@ -553,236 +553,236 @@ function At(r) {
     h: s.h
   } : null;
 }
-function $t(r) {
-  var s, n;
-  if (typeof r.getTarget == "function") {
-    const a = ((s = r.__jsonld) == null ? void 0 : s.on) || ((n = r.__jsonld) == null ? void 0 : n.target);
-    if (a)
-      return Be(a);
-  }
-  const t = r.target || r.on;
-  return t ? Be(t) : null;
+function It(n) {
+  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 Ne(i);
+  }
+  const t = n.target || n.on;
+  return t ? Ne(t) : null;
 }
-function Be(r) {
-  if (!r) return null;
-  if (Array.isArray(r))
-    for (const t of r) {
-      const s = Ne(t);
+function Ne(n) {
+  if (!n) return null;
+  if (Array.isArray(n))
+    for (const t of n) {
+      const s = Ye(t);
       if (s) return s;
     }
   else
-    return Ne(r);
+    return Ye(n);
   return null;
 }
-function Ne(r) {
+function Ye(n) {
   var s;
-  if (!r) return null;
-  const t = r.selector || r;
+  if (!n) return null;
+  const t = n.selector || n;
   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 It(r) {
+function $t(n) {
   try {
-    const s = new DOMParser().parseFromString(r, "image/svg+xml");
+    const s = new DOMParser().parseFromString(n, "image/svg+xml");
     if (s.documentElement.nodeName === "parsererror")
-      return console.warn("Failed to parse SVG selector:", r), null;
-    const n = [], a = s.querySelectorAll("polygon");
-    for (const C of a) {
-      const x = C.getAttribute("points");
-      if (x) {
-        const w = Tt(x);
-        n.push(...w);
+      return console.warn("Failed to parse SVG selector:", n), null;
+    const r = [], i = s.querySelectorAll("polygon");
+    for (const $ of i) {
+      const S = $.getAttribute("points");
+      if (S) {
+        const w = Tt(S);
+        r.push(...w);
       }
     }
-    const i = s.querySelectorAll("path");
-    for (const C of i) {
-      const x = C.getAttribute("d");
-      if (x) {
-        const w = kt(x);
-        n.push(...w);
+    const a = s.querySelectorAll("path");
+    for (const $ of a) {
+      const S = $.getAttribute("d");
+      if (S) {
+        const w = kt(S);
+        r.push(...w);
       }
     }
-    const I = s.querySelectorAll("circle");
-    for (const C of I) {
-      const x = parseFloat(C.getAttribute("cx") || "0"), w = parseFloat(C.getAttribute("cy") || "0"), $ = parseFloat(C.getAttribute("r") || "0"), j = Pt(x, w, $);
-      n.push(...j);
+    const M = s.querySelectorAll("circle");
+    for (const $ of M) {
+      const S = parseFloat($.getAttribute("cx") || "0"), w = parseFloat($.getAttribute("cy") || "0"), T = parseFloat($.getAttribute("r") || "0"), L = Pt(S, w, T);
+      r.push(...L);
     }
-    return n.length === 0 ? null : {
+    return r.length === 0 ? null : {
       type: "POLYGON",
-      points: n
+      points: r
     };
   } catch (t) {
     return console.warn("Failed to convert SVG to polygon:", t), null;
   }
 }
-function Tt(r) {
-  const t = [], s = r.trim().split(/\s+/);
-  for (const n of s) {
-    const [a, i] = n.split(",").map((I) => parseFloat(I));
-    !isNaN(a) && !isNaN(i) && t.push([a, i]);
+function Tt(n) {
+  const t = [], s = n.trim().split(/\s+/);
+  for (const r of s) {
+    const [i, a] = r.split(",").map((M) => parseFloat(M));
+    !isNaN(i) && !isNaN(a) && t.push([i, a]);
   }
   return t;
 }
-function kt(r) {
+function kt(n) {
   const t = [], s = /[ML]\s*([\d.]+)[,\s]+([\d.]+)/g;
-  let n;
-  for (; (n = s.exec(r)) !== null; ) {
-    const a = parseFloat(n[1]), i = parseFloat(n[2]);
-    !isNaN(a) && !isNaN(i) && t.push([a, i]);
+  let r;
+  for (; (r = s.exec(n)) !== null; ) {
+    const i = parseFloat(r[1]), a = parseFloat(r[2]);
+    !isNaN(i) && !isNaN(a) && t.push([i, a]);
   }
   return t;
 }
-function Pt(r, t, s, n = 8) {
-  const a = [];
-  for (let i = 0; i < n; i++) {
-    const I = i / n * Math.PI * 2, C = r + s * Math.cos(I), x = t + s * Math.sin(I);
-    a.push([C, x]);
+function Pt(n, t, s, r = 8) {
+  const i = [];
+  for (let a = 0; a < r; a++) {
+    const M = a / r * Math.PI * 2, $ = n + s * Math.cos(M), S = t + s * Math.sin(M);
+    i.push([$, S]);
   }
-  return a;
+  return i;
 }
-function Mt(r) {
+function Mt(n) {
   var s;
-  if (typeof r.getTarget == "function") {
-    const n = r.getTarget();
-    if (typeof n == "string" && n.includes("xywh="))
-      return De(n);
-    const a = (s = r.__jsonld) == null ? void 0 : s.on;
-    if (a) {
-      const i = Ee(a);
-      if (i) return i;
+  if (typeof n.getTarget == "function") {
+    const r = n.getTarget();
+    if (typeof r == "string" && r.includes("xywh="))
+      return Ee(r);
+    const i = (s = n.__jsonld) == null ? void 0 : s.on;
+    if (i) {
+      const a = Ge(i);
+      if (a) return a;
     }
   }
-  const t = r.target || r.on;
-  return t ? Ee(t) : null;
+  const t = n.target || n.on;
+  return t ? Ge(t) : null;
 }
-function Ee(r) {
-  if (!r) return null;
-  if (Array.isArray(r))
-    for (const t of r) {
-      const s = Ee(t);
+function Ge(n) {
+  if (!n) return null;
+  if (Array.isArray(n))
+    for (const t of n) {
+      const s = Ge(t);
       if (s) return s;
     }
-  if (typeof r == "string" && r.includes("xywh="))
-    return De(r);
-  if (r.selector) {
-    const t = r.selector, s = t.item || t;
+  if (typeof n == "string" && n.includes("xywh="))
+    return Ee(n);
+  if (n.selector) {
+    const t = n.selector, s = t.item || t;
     if (s.value && typeof s.value == "string" && s.value.includes("xywh="))
-      return De(s.value);
+      return Ee(s.value);
   }
   return null;
 }
-function Ct(r) {
+function Ct(n) {
   let t = "", s = !1;
-  if (typeof r.getBody == "function") {
-    const n = r.getBody();
-    if (n && Array.isArray(n)) {
-      const a = [];
-      for (const i of n) {
-        const I = i.getValue ? i.getValue() : "";
-        if (I) {
-          a.push(I);
-          const C = i.getFormat ? i.getFormat() : "";
-          (C === "text/html" || C === "application/html") && (s = !0);
+  if (typeof n.getBody == "function") {
+    const r = n.getBody();
+    if (r && Array.isArray(r)) {
+      const i = [];
+      for (const a of r) {
+        const M = a.getValue ? a.getValue() : "";
+        if (M) {
+          i.push(M);
+          const $ = a.getFormat ? a.getFormat() : "";
+          ($ === "text/html" || $ === "application/html") && (s = !0);
         }
       }
-      t = a.join(" ");
+      t = i.join(" ");
     }
   } else {
-    const n = (i) => i && (i.chars || i.value || i["cnt:chars"]) || "", a = (i) => i ? i.format === "text/html" || i.type === "TextualBody" : !1;
-    if (r.resource) {
-      const i = Array.isArray(r.resource) ? r.resource : [r.resource];
-      t = i.map(n).filter(Boolean).join(" "), s = i.some(a);
-    } else if (r.body) {
-      const i = Array.isArray(r.body) ? r.body : [r.body];
-      t = i.map(n).filter(Boolean).join(" "), s = i.some(a);
+    const r = (a) => a && (a.chars || a.value || a["cnt:chars"]) || "", i = (a) => a ? a.format === "text/html" || a.type === "TextualBody" : !1;
+    if (n.resource) {
+      const a = Array.isArray(n.resource) ? n.resource : [n.resource];
+      t = a.map(r).filter(Boolean).join(" "), s = a.some(i);
+    } else if (n.body) {
+      const a = Array.isArray(n.body) ? n.body : [n.body];
+      t = a.map(r).filter(Boolean).join(" "), s = a.some(i);
     }
   }
-  return t || (typeof r.getLabel == "function" ? t = r.getLabel() || "" : r.label && (t = Array.isArray(r.label) ? r.label.join(" ") : r.label)), { value: t || "Annotation", isHtml: s };
+  return t || (typeof n.getLabel == "function" ? t = n.getLabel() || "" : n.label && (t = Array.isArray(n.label) ? n.label.join(" ") : n.label)), { value: t || "Annotation", isHtml: s };
 }
-function jt(r, t, s = !1) {
-  const n = qe(r) || `anno-${t}`, a = At(r);
-  if (!a)
+function jt(n, t, s = !1) {
+  const r = Qe(n) || `anno-${t}`, i = At(n);
+  if (!i)
     return null;
-  const i = Ct(r);
+  const a = Ct(n);
   return {
-    id: n,
-    geometry: a,
-    body: i,
+    id: r,
+    geometry: i,
+    body: a,
     isSearchHit: s
   };
 }
-function zt(r, t = /* @__PURE__ */ new Set()) {
-  return r.map((s, n) => {
-    const a = t.has(qe(s));
-    return jt(s, n, a);
+function zt(n, t = /* @__PURE__ */ new Set()) {
+  return n.map((s, r) => {
+    const i = t.has(Qe(s));
+    return jt(s, r, i);
   }).filter((s) => s !== null);
 }
 var Lt = e.from_html("<div></div>"), Dt = e.from_svg('<svg class="absolute pointer-events-auto"><title> </title><polygon stroke-width="2"></polygon></svg>'), Et = e.from_html('<div class="w-full h-full relative"><div class="w-full h-full osd-background bg-base-100"></div> <!></div>');
-function Qe(r, t) {
+function We(n, t) {
   e.push(t, !0);
-  let s = e.prop(t, "tileSources", 7), n = e.prop(t, "viewerState", 7), a = e.state(void 0), i = e.state(void 0), I = e.state(0), C = e.derived(() => {
-    if (!n().manifestId || !n().canvasId)
+  let s = e.prop(t, "tileSources", 7), r = e.prop(t, "viewerState", 7), i = e.state(void 0), a = e.state(void 0), M = e.state(0), $ = e.derived(() => {
+    if (!r().manifestId || !r().canvasId)
       return [];
-    const c = oe.getAnnotations(n().manifestId, n().canvasId), f = n().currentCanvasSearchAnnotations;
-    return [...c, ...f];
-  }), x = e.derived(() => {
+    const c = le.getAnnotations(r().manifestId, r().canvasId), u = r().currentCanvasSearchAnnotations;
+    return [...c, ...u];
+  }), S = e.derived(() => {
     const c = /* @__PURE__ */ new Set();
-    return n().currentCanvasSearchAnnotations.forEach((f) => {
-      const l = f.id || f["@id"];
-      l && c.add(l);
+    return r().currentCanvasSearchAnnotations.forEach((u) => {
+      const o = u.id || u["@id"];
+      o && c.add(o);
     }), c;
-  }), w = e.derived(() => zt(e.get(C), e.get(x))), $ = e.derived(() => {
-    if (e.get(I), !e.get(i) || !e.get(w).length)
+  }), w = e.derived(() => zt(e.get($), e.get(S))), T = e.derived(() => {
+    if (e.get(M), !e.get(a) || !e.get(w).length)
       return [];
-    const c = e.get(i).world.getItemAt(0);
+    const c = e.get(a).world.getItemAt(0);
     if (!c)
       return [];
-    const f = [];
-    for (const l of e.get(w)) {
-      if (!l.isSearchHit) if (n().showAnnotations) {
-        if (!n().visibleAnnotationIds.has(l.id))
+    const u = [];
+    for (const o of e.get(w)) {
+      if (!o.isSearchHit) if (r().showAnnotations) {
+        if (!r().visibleAnnotationIds.has(o.id))
           continue;
       } else continue;
-      if (l.geometry.type === "RECTANGLE") {
-        const S = c.imageToViewportRectangle(l.geometry.x, l.geometry.y, l.geometry.w, l.geometry.h), H = e.get(i).viewport.viewportToViewerElementRectangle(S);
-        f.push({
-          id: l.id,
+      if (o.geometry.type === "RECTANGLE") {
+        const I = c.imageToViewportRectangle(o.geometry.x, o.geometry.y, o.geometry.w, o.geometry.h), R = e.get(a).viewport.viewportToViewerElementRectangle(I);
+        u.push({
+          id: o.id,
           type: "RECTANGLE",
           rect: {
-            x: H.x,
-            y: H.y,
-            width: H.width,
-            height: H.height
+            x: R.x,
+            y: R.y,
+            width: R.width,
+            height: R.height
           },
-          isSearchHit: l.isSearchHit,
-          tooltip: l.body.value
+          isSearchHit: o.isSearchHit,
+          tooltip: o.body.value
         });
-      } else if (l.geometry.type === "POLYGON") {
-        const S = l.geometry.points.map((y) => {
-          const L = c.imageToViewportCoordinates(new He.Point(y[0], y[1])), m = e.get(i).viewport.viewportToViewerElementCoordinates(L);
+      } else if (o.geometry.type === "POLYGON") {
+        const I = o.geometry.points.map((y) => {
+          const D = c.imageToViewportCoordinates(new Fe.Point(y[0], y[1])), m = e.get(a).viewport.viewportToViewerElementCoordinates(D);
           return [m.x, m.y];
         });
-        let H = 1 / 0, z = 1 / 0, o = -1 / 0, T = -1 / 0;
-        for (const [y, L] of S)
-          H = Math.min(H, y), z = Math.min(z, L), o = Math.max(o, y), T = Math.max(T, L);
-        const b = S.map(([y, L]) => [y - H, L - z]);
-        f.push({
-          id: l.id,
+        let R = 1 / 0, j = 1 / 0, l = -1 / 0, k = -1 / 0;
+        for (const [y, D] of I)
+          R = Math.min(R, y), j = Math.min(j, D), l = Math.max(l, y), k = Math.max(k, D);
+        const b = I.map(([y, D]) => [y - R, D - j]);
+        u.push({
+          id: o.id,
           type: "POLYGON",
-          bounds: { x: H, y: z, width: o - H, height: T - z },
+          bounds: { x: R, y: j, width: l - R, height: k - j },
           points: b,
-          isSearchHit: l.isSearchHit,
-          tooltip: l.body.value
+          isSearchHit: o.isSearchHit,
+          tooltip: o.body.value
         });
       }
     }
-    return f;
+    return u;
   });
   lt(() => {
-    if (e.get(a))
+    if (e.get(i))
       return e.set(
-        i,
-        He({
-          element: e.get(a),
+        a,
+        Fe({
+          element: e.get(i),
           tileSources: null,
           // Will be set via effect
           prefixUrl: "",
@@ -798,22 +798,22 @@ function Qe(r, t) {
           zoomPerClick: 2
         }),
         !0
-      ), n().notifyOSDReady(e.get(i)), () => {
+      ), r().notifyOSDReady(e.get(a)), () => {
         var c;
-        (c = e.get(i)) == null || c.destroy(), n().osdViewer = null;
+        (c = e.get(a)) == null || c.destroy(), r().osdViewer = null;
       };
   }), e.user_effect(() => {
-    if (!e.get(i)) return;
+    if (!e.get(a)) return;
     const c = () => {
-      e.update(I);
+      e.update(M);
     };
-    return e.get(i).addHandler("open", c), e.get(i).addHandler("animation", c), e.get(i).addHandler("resize", c), e.get(i).addHandler("rotate", c), e.get(i).world.addHandler("add-item", c), e.get(i).world.addHandler("remove-item", c), () => {
-      e.get(i).removeHandler("open", c), e.get(i).removeHandler("animation", c), e.get(i).removeHandler("resize", c), e.get(i).removeHandler("rotate", c), e.get(i).world.removeHandler("add-item", c), e.get(i).world.removeHandler("remove-item", c);
+    return e.get(a).addHandler("open", c), e.get(a).addHandler("animation", c), e.get(a).addHandler("resize", c), e.get(a).addHandler("rotate", c), e.get(a).world.addHandler("add-item", c), e.get(a).world.addHandler("remove-item", c), () => {
+      e.get(a).removeHandler("open", c), e.get(a).removeHandler("animation", c), e.get(a).removeHandler("resize", c), e.get(a).removeHandler("rotate", c), e.get(a).world.removeHandler("add-item", c), e.get(a).world.removeHandler("remove-item", c);
     };
   }), e.user_effect(() => {
-    !e.get(i) || !s() || e.get(i).open(s());
+    !e.get(a) || !s() || e.get(a).open(s());
   });
-  var j = {
+  var L = {
     get tileSources() {
       return s();
     },
@@ -821,686 +821,686 @@ function Qe(r, t) {
       s(c), e.flush();
     },
     get viewerState() {
-      return n();
+      return r();
     },
     set viewerState(c) {
-      n(c), e.flush();
+      r(c), e.flush();
     }
-  }, d = Et(), u = e.child(d);
-  e.bind_this(u, (c) => e.set(a, c), () => e.get(a));
-  var p = e.sibling(u, 2);
-  return e.each(p, 17, () => e.get($), (c) => c.id, (c, f) => {
-    var l = e.comment(), S = e.first_child(l);
+  }, d = Et(), g = e.child(d);
+  e.bind_this(g, (c) => e.set(i, c), () => e.get(i));
+  var p = e.sibling(g, 2);
+  return e.each(p, 17, () => e.get(T), (c) => c.id, (c, u) => {
+    var o = e.comment(), I = e.first_child(o);
     {
-      var H = (o) => {
-        var T = Lt();
+      var R = (l) => {
+        var k = Lt();
         e.template_effect(() => {
-          e.set_class(T, 1, `absolute border-2 transition-colors cursor-pointer pointer-events-auto ${e.get(f).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(T, `
-          left: ${e.get(f).rect.x ?? ""}px;
-          top: ${e.get(f).rect.y ?? ""}px;
-          width: ${e.get(f).rect.width ?? ""}px;
-          height: ${e.get(f).rect.height ?? ""}px;
-        `), e.set_attribute(T, "title", e.get(f).tooltip);
-        }), e.append(o, T);
-      }, z = (o) => {
-        var T = e.comment(), b = e.first_child(T);
+          e.set_class(k, 1, `absolute border-2 transition-colors cursor-pointer pointer-events-auto ${e.get(u).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(k, `
+          left: ${e.get(u).rect.x ?? ""}px;
+          top: ${e.get(u).rect.y ?? ""}px;
+          width: ${e.get(u).rect.width ?? ""}px;
+          height: ${e.get(u).rect.height ?? ""}px;
+        `), e.set_attribute(k, "title", e.get(u).tooltip);
+        }), e.append(l, k);
+      }, j = (l) => {
+        var k = e.comment(), b = e.first_child(k);
         {
-          var y = (L) => {
-            var m = Dt(), h = e.child(m), X = e.child(h, !0);
+          var y = (D) => {
+            var m = Dt(), h = e.child(m), N = e.child(h, !0);
             e.reset(h);
-            var W = e.sibling(h);
+            var Q = e.sibling(h);
             e.reset(m), e.template_effect(
               (v) => {
                 e.set_style(m, `
-          left: ${e.get(f).bounds.x ?? ""}px;
-          top: ${e.get(f).bounds.y ?? ""}px;
-          width: ${e.get(f).bounds.width ?? ""}px;
-          height: ${e.get(f).bounds.height ?? ""}px;
-        `), e.set_text(X, e.get(f).tooltip), e.set_attribute(W, "points", v), e.set_class(W, 0, `cursor-pointer transition-colors ${e.get(f).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"}`);
+          left: ${e.get(u).bounds.x ?? ""}px;
+          top: ${e.get(u).bounds.y ?? ""}px;
+          width: ${e.get(u).bounds.width ?? ""}px;
+          height: ${e.get(u).bounds.height ?? ""}px;
+        `), e.set_text(N, e.get(u).tooltip), e.set_attribute(Q, "points", v), e.set_class(Q, 0, `cursor-pointer transition-colors ${e.get(u).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(f).points.map((v) => v.join(",")).join(" ")]
-            ), e.append(L, m);
+              [() => e.get(u).points.map((v) => v.join(",")).join(" ")]
+            ), e.append(D, m);
           };
           e.if(
             b,
-            (L) => {
-              e.get(f).type === "POLYGON" && L(y);
+            (D) => {
+              e.get(u).type === "POLYGON" && D(y);
             },
             !0
           );
         }
-        e.append(o, T);
+        e.append(l, k);
       };
-      e.if(S, (o) => {
-        e.get(f).type === "RECTANGLE" ? o(H) : o(z, !1);
+      e.if(I, (l) => {
+        e.get(u).type === "RECTANGLE" ? l(R) : l(j, !1);
       });
     }
-    e.append(c, l);
-  }), e.reset(d), e.append(r, d), e.pop(j);
+    e.append(c, o);
+  }), e.reset(d), e.append(n, d), e.pop(L);
 }
-e.create_custom_element(Qe, { tileSources: {}, viewerState: {} }, [], [], !0);
+e.create_custom_element(We, { tileSources: {}, viewerState: {} }, [], [], !0);
 const Gt = "en";
 let F = () => Gt;
-const Rt = /* @__NO_SIDE_EFFECTS__ */ () => "Hello World", Ot = /* @__NO_SIDE_EFFECTS__ */ () => "Search", Ht = /* @__NO_SIDE_EFFECTS__ */ () => "Close Search", Ft = /* @__NO_SIDE_EFFECTS__ */ () => "Search content...", Vt = /* @__NO_SIDE_EFFECTS__ */ (r) => `No results found for "${r.query}"`, Bt = /* @__NO_SIDE_EFFECTS__ */ () => "Enter a search term to find occurrences within this manifest.", Nt = /* @__NO_SIDE_EFFECTS__ */ (r) => `${r.count} Results`, Yt = /* @__NO_SIDE_EFFECTS__ */ () => "Manifest Metadata", Xt = /* @__NO_SIDE_EFFECTS__ */ () => "Loading...", qt = /* @__NO_SIDE_EFFECTS__ */ () => "Attribution", Qt = /* @__NO_SIDE_EFFECTS__ */ () => "License", Wt = /* @__NO_SIDE_EFFECTS__ */ () => "Close", Ut = /* @__NO_SIDE_EFFECTS__ */ () => "Menu", Kt = /* @__NO_SIDE_EFFECTS__ */ () => "Search", Jt = /* @__NO_SIDE_EFFECTS__ */ () => "Toggle Search", Zt = /* @__NO_SIDE_EFFECTS__ */ () => "Hide Gallery", es = /* @__NO_SIDE_EFFECTS__ */ () => "Show Gallery", ts = /* @__NO_SIDE_EFFECTS__ */ () => "Exit Full Screen", ss = /* @__NO_SIDE_EFFECTS__ */ () => "Enter Full Screen", rs = /* @__NO_SIDE_EFFECTS__ */ () => "Hide Annotations", ns = /* @__NO_SIDE_EFFECTS__ */ () => "Show Annotations", as = /* @__NO_SIDE_EFFECTS__ */ () => "Toggle Annotations", is = /* @__NO_SIDE_EFFECTS__ */ () => "Metadata", os = /* @__NO_SIDE_EFFECTS__ */ () => "Toggle Metadata", ls = /* @__NO_SIDE_EFFECTS__ */ () => "Hide All Annotations", cs = /* @__NO_SIDE_EFFECTS__ */ () => "Show All Annotations", ds = /* @__NO_SIDE_EFFECTS__ */ (r) => `${r.count} Annotations`, gs = /* @__NO_SIDE_EFFECTS__ */ (r) => `(${r.count} visible)`, us = /* @__NO_SIDE_EFFECTS__ */ () => "(No content)", fs = /* @__NO_SIDE_EFFECTS__ */ () => "No annotations available.", hs = /* @__NO_SIDE_EFFECTS__ */ () => "Previous Canvas", vs = /* @__NO_SIDE_EFFECTS__ */ () => "Next Canvas", ps = /* @__NO_SIDE_EFFECTS__ */ () => "Docs", ms = /* @__NO_SIDE_EFFECTS__ */ () => "IIIF Manifest:", _s = /* @__NO_SIDE_EFFECTS__ */ () => "Enter IIIF manifest URL", bs = /* @__NO_SIDE_EFFECTS__ */ () => "Load", ys = /* @__NO_SIDE_EFFECTS__ */ () => "GitHub", xs = /* @__NO_SIDE_EFFECTS__ */ () => "Hallo Welt", ws = /* @__NO_SIDE_EFFECTS__ */ () => "Suche", Ss = /* @__NO_SIDE_EFFECTS__ */ () => "Suche schließen", As = /* @__NO_SIDE_EFFECTS__ */ () => "Inhalt durchsuchen...", $s = /* @__NO_SIDE_EFFECTS__ */ (r) => `Keine Ergebnisse für "${r.query}" gefunden`, Is = /* @__NO_SIDE_EFFECTS__ */ () => "Geben Sie einen Suchbegriff ein, um Vorkommen in diesem Manifest zu finden.", Ts = /* @__NO_SIDE_EFFECTS__ */ (r) => `${r.count} Ergebnisse`, ks = /* @__NO_SIDE_EFFECTS__ */ () => "Manifest-Metadaten", Ps = /* @__NO_SIDE_EFFECTS__ */ () => "Lädt...", Ms = /* @__NO_SIDE_EFFECTS__ */ () => "Quellenangabe", Cs = /* @__NO_SIDE_EFFECTS__ */ () => "Lizenz", js = /* @__NO_SIDE_EFFECTS__ */ () => "Schließen", zs = /* @__NO_SIDE_EFFECTS__ */ () => "Menü", Ls = /* @__NO_SIDE_EFFECTS__ */ () => "Suche", Ds = /* @__NO_SIDE_EFFECTS__ */ () => "Suche umschalten", Es = /* @__NO_SIDE_EFFECTS__ */ () => "Galerie ausblenden", Gs = /* @__NO_SIDE_EFFECTS__ */ () => "Galerie einblenden", Rs = /* @__NO_SIDE_EFFECTS__ */ () => "Vollbildmodus beenden", Os = /* @__NO_SIDE_EFFECTS__ */ () => "Vollbildmodus", Hs = /* @__NO_SIDE_EFFECTS__ */ () => "Annotationen ausblenden", Fs = /* @__NO_SIDE_EFFECTS__ */ () => "Annotationen einblenden", Vs = /* @__NO_SIDE_EFFECTS__ */ () => "Annotationen umschalten", Bs = /* @__NO_SIDE_EFFECTS__ */ () => "Metadaten", Ns = /* @__NO_SIDE_EFFECTS__ */ () => "Metadaten umschalten", Ys = /* @__NO_SIDE_EFFECTS__ */ () => "Alle Annotationen ausblenden", Xs = /* @__NO_SIDE_EFFECTS__ */ () => "Alle Annotationen einblenden", qs = /* @__NO_SIDE_EFFECTS__ */ (r) => `${r.count} Annotationen`, Qs = /* @__NO_SIDE_EFFECTS__ */ (r) => `(${r.count} sichtbar)`, Ws = /* @__NO_SIDE_EFFECTS__ */ () => "(Kein Inhalt)", Us = /* @__NO_SIDE_EFFECTS__ */ () => "Keine Annotationen verfügbar.", Ks = /* @__NO_SIDE_EFFECTS__ */ () => "Vorheriges Canvas", Js = /* @__NO_SIDE_EFFECTS__ */ () => "Nächstes Canvas", Zs = /* @__NO_SIDE_EFFECTS__ */ () => "Doku", er = /* @__NO_SIDE_EFFECTS__ */ () => "IIIF-Manifest:", tr = /* @__NO_SIDE_EFFECTS__ */ () => "IIIF-Manifest-URL eingeben", sr = /* @__NO_SIDE_EFFECTS__ */ () => "Laden", rr = /* @__NO_SIDE_EFFECTS__ */ () => "GitHub", nr = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+const Rt = /* @__NO_SIDE_EFFECTS__ */ () => "Hello World", Ot = /* @__NO_SIDE_EFFECTS__ */ () => "Search", Ht = /* @__NO_SIDE_EFFECTS__ */ () => "Close Search", Ft = /* @__NO_SIDE_EFFECTS__ */ () => "Search content...", Vt = /* @__NO_SIDE_EFFECTS__ */ (n) => `No results found for "${n.query}"`, Bt = /* @__NO_SIDE_EFFECTS__ */ () => "Enter a search term to find occurrences within this manifest.", Nt = /* @__NO_SIDE_EFFECTS__ */ (n) => `${n.count} Results`, Yt = /* @__NO_SIDE_EFFECTS__ */ () => "Manifest Metadata", Xt = /* @__NO_SIDE_EFFECTS__ */ () => "Loading...", qt = /* @__NO_SIDE_EFFECTS__ */ () => "Attribution", Qt = /* @__NO_SIDE_EFFECTS__ */ () => "License", Wt = /* @__NO_SIDE_EFFECTS__ */ () => "Close", Ut = /* @__NO_SIDE_EFFECTS__ */ () => "Menu", Kt = /* @__NO_SIDE_EFFECTS__ */ () => "Search", Jt = /* @__NO_SIDE_EFFECTS__ */ () => "Toggle Search", Zt = /* @__NO_SIDE_EFFECTS__ */ () => "Hide Gallery", es = /* @__NO_SIDE_EFFECTS__ */ () => "Show Gallery", ts = /* @__NO_SIDE_EFFECTS__ */ () => "Exit Full Screen", ss = /* @__NO_SIDE_EFFECTS__ */ () => "Enter Full Screen", ns = /* @__NO_SIDE_EFFECTS__ */ () => "Hide Annotations", rs = /* @__NO_SIDE_EFFECTS__ */ () => "Show Annotations", as = /* @__NO_SIDE_EFFECTS__ */ () => "Toggle Annotations", is = /* @__NO_SIDE_EFFECTS__ */ () => "Metadata", os = /* @__NO_SIDE_EFFECTS__ */ () => "Toggle Metadata", ls = /* @__NO_SIDE_EFFECTS__ */ () => "Hide All Annotations", cs = /* @__NO_SIDE_EFFECTS__ */ () => "Show All Annotations", ds = /* @__NO_SIDE_EFFECTS__ */ (n) => `${n.count} Annotations`, gs = /* @__NO_SIDE_EFFECTS__ */ (n) => `(${n.count} visible)`, us = /* @__NO_SIDE_EFFECTS__ */ () => "(No content)", fs = /* @__NO_SIDE_EFFECTS__ */ () => "No annotations available.", hs = /* @__NO_SIDE_EFFECTS__ */ () => "Previous Canvas", vs = /* @__NO_SIDE_EFFECTS__ */ () => "Next Canvas", ps = /* @__NO_SIDE_EFFECTS__ */ () => "Docs", ms = /* @__NO_SIDE_EFFECTS__ */ () => "IIIF Manifest:", _s = /* @__NO_SIDE_EFFECTS__ */ () => "Enter IIIF manifest URL", bs = /* @__NO_SIDE_EFFECTS__ */ () => "Load", ys = /* @__NO_SIDE_EFFECTS__ */ () => "GitHub", xs = /* @__NO_SIDE_EFFECTS__ */ () => "Hallo Welt", ws = /* @__NO_SIDE_EFFECTS__ */ () => "Suche", Ss = /* @__NO_SIDE_EFFECTS__ */ () => "Suche schließen", As = /* @__NO_SIDE_EFFECTS__ */ () => "Inhalt durchsuchen...", Is = /* @__NO_SIDE_EFFECTS__ */ (n) => `Keine Ergebnisse für "${n.query}" gefunden`, $s = /* @__NO_SIDE_EFFECTS__ */ () => "Geben Sie einen Suchbegriff ein, um Vorkommen in diesem Manifest zu finden.", Ts = /* @__NO_SIDE_EFFECTS__ */ (n) => `${n.count} Ergebnisse`, ks = /* @__NO_SIDE_EFFECTS__ */ () => "Manifest-Metadaten", Ps = /* @__NO_SIDE_EFFECTS__ */ () => "Lädt...", Ms = /* @__NO_SIDE_EFFECTS__ */ () => "Quellenangabe", Cs = /* @__NO_SIDE_EFFECTS__ */ () => "Lizenz", js = /* @__NO_SIDE_EFFECTS__ */ () => "Schließen", zs = /* @__NO_SIDE_EFFECTS__ */ () => "Menü", Ls = /* @__NO_SIDE_EFFECTS__ */ () => "Suche", Ds = /* @__NO_SIDE_EFFECTS__ */ () => "Suche umschalten", Es = /* @__NO_SIDE_EFFECTS__ */ () => "Galerie ausblenden", Gs = /* @__NO_SIDE_EFFECTS__ */ () => "Galerie einblenden", Rs = /* @__NO_SIDE_EFFECTS__ */ () => "Vollbildmodus beenden", Os = /* @__NO_SIDE_EFFECTS__ */ () => "Vollbildmodus", Hs = /* @__NO_SIDE_EFFECTS__ */ () => "Annotationen ausblenden", Fs = /* @__NO_SIDE_EFFECTS__ */ () => "Annotationen einblenden", Vs = /* @__NO_SIDE_EFFECTS__ */ () => "Annotationen umschalten", Bs = /* @__NO_SIDE_EFFECTS__ */ () => "Metadaten", Ns = /* @__NO_SIDE_EFFECTS__ */ () => "Metadaten umschalten", Ys = /* @__NO_SIDE_EFFECTS__ */ () => "Alle Annotationen ausblenden", Xs = /* @__NO_SIDE_EFFECTS__ */ () => "Alle Annotationen einblenden", qs = /* @__NO_SIDE_EFFECTS__ */ (n) => `${n.count} Annotationen`, Qs = /* @__NO_SIDE_EFFECTS__ */ (n) => `(${n.count} sichtbar)`, Ws = /* @__NO_SIDE_EFFECTS__ */ () => "(Kein Inhalt)", Us = /* @__NO_SIDE_EFFECTS__ */ () => "Keine Annotationen verfügbar.", Ks = /* @__NO_SIDE_EFFECTS__ */ () => "Vorheriges Canvas", Js = /* @__NO_SIDE_EFFECTS__ */ () => "Nächstes Canvas", Zs = /* @__NO_SIDE_EFFECTS__ */ () => "Doku", en = /* @__NO_SIDE_EFFECTS__ */ () => "IIIF-Manifest:", tn = /* @__NO_SIDE_EFFECTS__ */ () => "IIIF-Manifest-URL eingeben", sn = /* @__NO_SIDE_EFFECTS__ */ () => "Laden", nn = /* @__NO_SIDE_EFFECTS__ */ () => "GitHub", rn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: xs,
   en: Rt
-})[t.languageTag ?? F()](), ar = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](), an = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: ws,
   en: Ot
-})[t.languageTag ?? F()](), ir = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](), on = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: Ss,
   en: Ht
-})[t.languageTag ?? F()](), or = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](), ln = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: As,
   en: Ft
-})[t.languageTag ?? F()](), lr = /* @__NO_SIDE_EFFECTS__ */ (r, t = {}) => ({
-  de: $s,
-  en: Vt
-})[t.languageTag ?? F()](r), cr = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](), cn = /* @__NO_SIDE_EFFECTS__ */ (n, t = {}) => ({
   de: Is,
+  en: Vt
+})[t.languageTag ?? F()](n), dn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
+  de: $s,
   en: Bt
-})[t.languageTag ?? F()](), dr = /* @__NO_SIDE_EFFECTS__ */ (r, t = {}) => ({
+})[t.languageTag ?? F()](), gn = /* @__NO_SIDE_EFFECTS__ */ (n, t = {}) => ({
   de: Ts,
   en: Nt
-})[t.languageTag ?? F()](r), gr = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](n), un = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: ks,
   en: Yt
-})[t.languageTag ?? F()](), ur = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](), fn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: Ps,
   en: Xt
-})[t.languageTag ?? F()](), fr = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](), hn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: Ms,
   en: qt
-})[t.languageTag ?? F()](), hr = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](), vn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: Cs,
   en: Qt
-})[t.languageTag ?? F()](), vr = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](), pn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: js,
   en: Wt
-})[t.languageTag ?? F()](), pr = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](), mn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: zs,
   en: Ut
-})[t.languageTag ?? F()](), mr = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](), _n = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: Ls,
   en: Kt
-})[t.languageTag ?? F()](), _r = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](), bn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: Ds,
   en: Jt
-})[t.languageTag ?? F()](), br = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](), yn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: Es,
   en: Zt
-})[t.languageTag ?? F()](), yr = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](), xn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: Gs,
   en: es
-})[t.languageTag ?? F()](), xr = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](), wn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: Rs,
   en: ts
-})[t.languageTag ?? F()](), wr = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](), Sn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: Os,
   en: ss
-})[t.languageTag ?? F()](), Sr = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](), An = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: Hs,
-  en: rs
-})[t.languageTag ?? F()](), Ar = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
-  de: Fs,
   en: ns
-})[t.languageTag ?? F()](), $r = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](), In = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
+  de: Fs,
+  en: rs
+})[t.languageTag ?? F()](), $n = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: Vs,
   en: as
-})[t.languageTag ?? F()](), Ir = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](), Tn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: Bs,
   en: is
-})[t.languageTag ?? F()](), Tr = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](), kn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: Ns,
   en: os
-})[t.languageTag ?? F()](), kr = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](), Pn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: Ys,
   en: ls
-})[t.languageTag ?? F()](), Pr = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](), Mn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: Xs,
   en: cs
-})[t.languageTag ?? F()](), Mr = /* @__NO_SIDE_EFFECTS__ */ (r, t = {}) => ({
+})[t.languageTag ?? F()](), Cn = /* @__NO_SIDE_EFFECTS__ */ (n, t = {}) => ({
   de: qs,
   en: ds
-})[t.languageTag ?? F()](r), Cr = /* @__NO_SIDE_EFFECTS__ */ (r, t = {}) => ({
+})[t.languageTag ?? F()](n), jn = /* @__NO_SIDE_EFFECTS__ */ (n, t = {}) => ({
   de: Qs,
   en: gs
-})[t.languageTag ?? F()](r), jr = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](n), zn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: Ws,
   en: us
-})[t.languageTag ?? F()](), zr = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](), Ln = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: Us,
   en: fs
-})[t.languageTag ?? F()](), Lr = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](), Dn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: Ks,
   en: hs
-})[t.languageTag ?? F()](), Dr = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](), En = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: Js,
   en: vs
-})[t.languageTag ?? F()](), Er = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
+})[t.languageTag ?? F()](), Gn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
   de: Zs,
   en: ps
-})[t.languageTag ?? F()](), Gr = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
-  de: er,
+})[t.languageTag ?? F()](), Rn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
+  de: en,
   en: ms
-})[t.languageTag ?? F()](), Rr = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
-  de: tr,
+})[t.languageTag ?? F()](), On = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
+  de: tn,
   en: _s
-})[t.languageTag ?? F()](), Or = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
-  de: sr,
+})[t.languageTag ?? F()](), Hn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
+  de: sn,
   en: bs
-})[t.languageTag ?? F()](), Hr = /* @__NO_SIDE_EFFECTS__ */ (r = {}, t = {}) => ({
-  de: rr,
+})[t.languageTag ?? F()](), Fn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, t = {}) => ({
+  de: nn,
   en: ys
-})[t.languageTag ?? F()](), Fr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+})[t.languageTag ?? F()](), Vn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  annotations_count: Mr,
-  attribution: fr,
-  close: vr,
-  docs: Er,
-  enter_full_screen: wr,
-  exit_full_screen: xr,
-  github: Hr,
-  hello_world: nr,
-  hide_all_annotations: kr,
-  hide_annotations: Sr,
-  hide_gallery: br,
-  iiif_manifest_label: Gr,
-  license: hr,
-  load: Or,
-  loading: ur,
-  manifest_placeholder: Rr,
-  menu: pr,
-  metadata: Ir,
-  metadata_label_fallback: gr,
-  next_canvas: Dr,
-  no_annotations_available: zr,
-  no_content: jr,
-  previous_canvas: Lr,
-  search: mr,
-  search_panel_close: ir,
-  search_panel_instruction: cr,
-  search_panel_no_results: lr,
-  search_panel_placeholder: or,
-  search_panel_results_count: dr,
-  search_panel_title: ar,
-  show_all_annotations: Pr,
-  show_annotations: Ar,
-  show_gallery: yr,
-  toggle_annotations: $r,
-  toggle_metadata: Tr,
-  toggle_search: _r,
-  visible_count: Cr
+  annotations_count: Cn,
+  attribution: hn,
+  close: pn,
+  docs: Gn,
+  enter_full_screen: Sn,
+  exit_full_screen: wn,
+  github: Fn,
+  hello_world: rn,
+  hide_all_annotations: Pn,
+  hide_annotations: An,
+  hide_gallery: yn,
+  iiif_manifest_label: Rn,
+  license: vn,
+  load: Hn,
+  loading: fn,
+  manifest_placeholder: On,
+  menu: mn,
+  metadata: Tn,
+  metadata_label_fallback: un,
+  next_canvas: En,
+  no_annotations_available: Ln,
+  no_content: zn,
+  previous_canvas: Dn,
+  search: _n,
+  search_panel_close: on,
+  search_panel_instruction: dn,
+  search_panel_no_results: cn,
+  search_panel_placeholder: ln,
+  search_panel_results_count: gn,
+  search_panel_title: an,
+  show_all_annotations: Mn,
+  show_annotations: In,
+  show_gallery: xn,
+  toggle_annotations: $n,
+  toggle_metadata: kn,
+  toggle_search: bn,
+  visible_count: jn
 }, Symbol.toStringTag, { value: "Module" }));
-let We = e.state(e.proxy(F()));
-const Vr = {
+let Ue = e.state(e.proxy(F()));
+const Bn = {
   get current() {
-    return e.get(We);
+    return e.get(Ue);
   }
-}, B = new Proxy(Fr, {
-  get(r, t, s) {
-    return e.get(We), Reflect.get(r, t, s);
+}, B = new Proxy(Vn, {
+  get(n, t, s) {
+    return e.get(Ue), Reflect.get(n, t, s);
   }
 });
-var Br = e.from_html('<div class="select-none 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 bottom-4"><button class="btn btn-circle btn-sm btn-ghost"><!></button> <span class="text-sm font-mono tabular-nums text-nowrap"> </span> <button class="btn btn-circle btn-sm btn-ghost"><!></button></div>');
-function Ue(r, t) {
+var Nn = e.from_html('<div class="select-none 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 bottom-4"><button class="btn btn-circle btn-sm btn-ghost"><!></button> <span class="text-sm font-mono tabular-nums text-nowrap"> </span> <button class="btn btn-circle btn-sm btn-ghost"><!></button></div>');
+function Ke(n, t) {
   e.push(t, !0);
   let s = e.prop(t, "viewerState", 7);
-  var n = {
+  var r = {
     get viewerState() {
       return s();
     },
-    set viewerState(j) {
-      s(j), e.flush();
+    set viewerState(L) {
+      s(L), e.flush();
     }
-  }, a = Br(), i = e.child(a);
-  i.__click = () => s().previousCanvas();
-  var I = e.child(i);
-  ut(I, { size: 20, weight: "bold" }), e.reset(i);
-  var C = e.sibling(i, 2), x = e.child(C);
-  e.reset(C);
-  var w = e.sibling(C, 2);
+  }, i = Nn(), a = e.child(i);
+  a.__click = () => s().previousCanvas();
+  var M = e.child(a);
+  ut(M, { size: 20, weight: "bold" }), e.reset(a);
+  var $ = e.sibling(a, 2), S = e.child($);
+  e.reset($);
+  var w = e.sibling($, 2);
   w.__click = () => s().nextCanvas();
-  var $ = e.child(w);
-  return ft($, { size: 20, weight: "bold" }), e.reset(w), e.reset(a), e.template_effect(
-    (j, d) => {
-      i.disabled = !s().hasPrevious, e.set_attribute(i, "aria-label", j), e.set_text(x, `${s().currentCanvasIndex + 1} / ${s().canvases.length ?? ""}`), w.disabled = !s().hasNext, e.set_attribute(w, "aria-label", d);
+  var T = e.child(w);
+  return ft(T, { size: 20, weight: "bold" }), e.reset(w), e.reset(i), e.template_effect(
+    (L, d) => {
+      a.disabled = !s().hasPrevious, e.set_attribute(a, "aria-label", L), e.set_text(S, `${s().currentCanvasIndex + 1} / ${s().canvases.length ?? ""}`), w.disabled = !s().hasNext, e.set_attribute(w, "aria-label", d);
     },
     [() => B.previous_canvas(), () => B.next_canvas()]
-  ), e.append(r, a), e.pop(n);
+  ), e.append(n, i), e.pop(r);
 }
 e.delegate(["click"]);
-e.create_custom_element(Ue, { viewerState: {} }, [], [], !0);
-var Nr = e.from_html('<span class="text-xs opacity-50 truncate max-w-[150px]"> </span>'), Yr = 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>'), Xr = e.from_html('<div class="p-4 text-center opacity-50 text-sm">No annotations available.</div>'), qr = e.from_html('<div class="absolute top-4 right-4 z-500 pointer-events-auto transition-all duration-300"><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 Ke(r, t) {
+e.create_custom_element(Ke, { viewerState: {} }, [], [], !0);
+var Yn = e.from_html('<span class="text-xs opacity-50 truncate max-w-[150px]"> </span>'), Xn = 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>'), qn = e.from_html('<div class="p-4 text-center opacity-50 text-sm">No annotations available.</div>'), Qn = e.from_html('<div class="absolute top-4 right-4 z-500 pointer-events-auto transition-all duration-300"><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 Je(n, t) {
   e.push(t, !0);
-  const s = le(ae);
-  let n = e.derived(() => {
+  const s = ce(ie);
+  let r = e.derived(() => {
     if (!s.manifestId || !s.canvasId)
       return [];
-    const d = oe.getAnnotations(s.manifestId, s.canvasId), u = s.currentCanvasSearchAnnotations;
-    return [...d, ...u];
+    const d = le.getAnnotations(s.manifestId, s.canvasId), g = s.currentCanvasSearchAnnotations;
+    return [...d, ...g];
   });
-  function a(d) {
+  function i(d) {
     return d.id || d["@id"] || (typeof d.getId == "function" ? d.getId() : "") || "";
   }
   e.user_effect(() => {
-    if (e.get(n).length > 0) {
+    if (e.get(r).length > 0) {
       const d = /* @__PURE__ */ new Set();
-      e.get(n).forEach((u) => {
-        const p = a(u);
+      e.get(r).forEach((g) => {
+        const p = i(g);
         p && d.add(p);
       }), s.visibleAnnotationIds = d;
     } else
       s.visibleAnnotationIds = /* @__PURE__ */ new Set();
   });
-  let i = e.derived(() => e.get(n).length === 0 ? !1 : e.get(n).every((d) => {
-    const u = a(d);
-    return !u || s.visibleAnnotationIds.has(u);
+  let a = e.derived(() => e.get(r).length === 0 ? !1 : e.get(r).every((d) => {
+    const g = i(d);
+    return !g || s.visibleAnnotationIds.has(g);
   }));
-  function I(d) {
+  function M(d) {
     s.visibleAnnotationIds.has(d) ? s.visibleAnnotationIds.delete(d) : s.visibleAnnotationIds.add(d), s.visibleAnnotationIds = new Set(s.visibleAnnotationIds);
   }
-  function C() {
-    if (e.get(i))
+  function $() {
+    if (e.get(a))
       s.visibleAnnotationIds = /* @__PURE__ */ new Set();
     else {
       const d = /* @__PURE__ */ new Set();
-      e.get(n).forEach((u) => {
-        const p = a(u);
+      e.get(r).forEach((g) => {
+        const p = i(g);
         p && d.add(p);
       }), s.visibleAnnotationIds = d;
     }
   }
-  let x = e.derived(() => e.get(n).length ? e.get(n).map((d) => {
-    let u = "", p = !1;
+  let S = e.derived(() => e.get(r).length ? e.get(r).map((d) => {
+    let g = "", p = !1;
     if (typeof d.getBody == "function") {
       const c = d.getBody();
       if (c && c.length) {
-        const f = (l) => {
-          const S = l.getValue ? l.getValue() : null;
-          return S || "";
+        const u = (o) => {
+          const I = o.getValue ? o.getValue() : null;
+          return I || "";
         };
-        u = c.map((l) => f(l)).filter(Boolean).join(" "), p = c.some((l) => {
-          const S = l.getFormat ? l.getFormat() : "";
-          return S === "text/html" || S === "application/html";
+        g = c.map((o) => u(o)).filter(Boolean).join(" "), p = c.some((o) => {
+          const I = o.getFormat ? o.getFormat() : "";
+          return I === "text/html" || I === "application/html";
         });
       }
-      if (!u && typeof d.getLabel == "function") {
-        const f = d.getLabel();
-        f && (u = f);
+      if (!g && typeof d.getLabel == "function") {
+        const u = d.getLabel();
+        u && (g = u);
       }
     } else {
-      const c = (l) => l && (l.chars || l.value || l["cnt:chars"]) || "", f = (l) => l ? l.format === "text/html" || l.type === "TextualBody" : !1;
-      if (d.resource ? Array.isArray(d.resource) ? (u = d.resource.map((l) => c(l)).join(" "), d.resource.some((l) => f(l)) && (p = !0)) : (u = c(d.resource), f(d.resource) && (p = !0)) : d.body && (Array.isArray(d.body) ? (u = d.body.map((l) => c(l)).join(" "), d.body.some((l) => f(l)) && (p = !0)) : (u = c(d.body), f(d.body) && (p = !0))), !u) {
-        const l = d.label || d.name || d.title;
-        l && (u = Array.isArray(l) ? l.join(" ") : l);
+      const c = (o) => o && (o.chars || o.value || o["cnt:chars"]) || "", u = (o) => o ? o.format === "text/html" || o.type === "TextualBody" : !1;
+      if (d.resource ? Array.isArray(d.resource) ? (g = d.resource.map((o) => c(o)).join(" "), d.resource.some((o) => u(o)) && (p = !0)) : (g = c(d.resource), u(d.resource) && (p = !0)) : d.body && (Array.isArray(d.body) ? (g = d.body.map((o) => c(o)).join(" "), d.body.some((o) => u(o)) && (p = !0)) : (g = c(d.body), u(d.body) && (p = !0))), !g) {
+        const o = d.label || d.name || d.title;
+        o && (g = Array.isArray(o) ? o.join(" ") : o);
       }
     }
     return {
-      id: a(d),
-      content: u,
+      id: i(d),
+      content: g,
       isHtml: p,
       label: (typeof d.getLabel == "function" ? d.getLabel() : d.label) || ""
     };
   }) : []);
-  var w = e.comment(), $ = e.first_child(w);
+  var w = e.comment(), T = e.first_child(w);
   {
-    var j = (d) => {
-      var u = qr(), p = e.child(u), c = e.child(p), f = e.child(c);
-      f.__click = (m) => {
-        m.preventDefault(), C();
+    var L = (d) => {
+      var g = Qn(), p = e.child(g), c = e.child(p), u = e.child(c);
+      u.__click = (m) => {
+        m.preventDefault(), $();
       };
-      var l = e.child(f);
+      var o = e.child(u);
       {
-        var S = (m) => {
-          Fe(m, { size: 16, weight: "bold" });
-        }, H = (m) => {
+        var I = (m) => {
           Ve(m, { size: 16, weight: "bold" });
+        }, R = (m) => {
+          Be(m, { size: 16, weight: "bold" });
         };
-        e.if(l, (m) => {
-          e.get(i) ? m(S) : m(H, !1);
+        e.if(o, (m) => {
+          e.get(a) ? m(I) : m(R, !1);
         });
       }
-      e.reset(f);
-      var z = e.sibling(f, 2), o = e.child(z), T = e.sibling(o), b = e.child(T, !0);
-      e.reset(T), e.reset(z);
-      var y = e.sibling(z, 2);
+      e.reset(u);
+      var j = e.sibling(u, 2), l = e.child(j), k = e.sibling(l), b = e.child(k, !0);
+      e.reset(k), e.reset(j);
+      var y = e.sibling(j, 2);
       ht(y, {
         size: 16,
         weight: "bold",
         class: "group-open:rotate-180 transition-transform opacity-80"
       }), e.reset(c);
-      var L = e.sibling(c, 2);
+      var D = e.sibling(c, 2);
       e.each(
-        L,
+        D,
         21,
-        () => e.get(x),
+        () => e.get(S),
         e.index,
-        (m, h, X) => {
-          const W = e.derived(() => s.visibleAnnotationIds.has(e.get(h).id));
-          var v = Yr();
-          v.__click = (O) => {
-            O.preventDefault(), I(e.get(h).id);
+        (m, h, N) => {
+          const Q = e.derived(() => s.visibleAnnotationIds.has(e.get(h).id));
+          var v = Xn();
+          v.__click = (x) => {
+            x.preventDefault(), M(e.get(h).id);
           };
-          var k = e.child(v), D = e.child(k);
+          var P = e.child(v), z = e.child(P);
           {
-            var q = (O) => {
-              Fe(O, { size: 16, weight: "bold" });
-            }, Q = (O) => {
-              Ve(O, { size: 16, weight: "bold" });
+            var X = (x) => {
+              Ve(x, { size: 16, weight: "bold" });
+            }, q = (x) => {
+              Be(x, { size: 16, weight: "bold" });
             };
-            e.if(D, (O) => {
-              e.get(W) ? O(q) : O(Q, !1);
+            e.if(z, (x) => {
+              e.get(Q) ? x(X) : x(q, !1);
             });
           }
-          e.reset(k);
-          var V = e.sibling(k, 2), G = e.child(V), N = e.child(G);
-          N.textContent = `#${X + 1}`;
-          var K = e.sibling(N, 2);
+          e.reset(P);
+          var V = e.sibling(P, 2), G = e.child(V), Y = e.child(G);
+          Y.textContent = `#${N + 1}`;
+          var K = e.sibling(Y, 2);
           {
-            var te = (O) => {
-              var P = Nr(), M = e.child(P, !0);
-              e.reset(P), e.template_effect(() => e.set_text(M, e.get(h).label)), e.append(O, P);
+            var ee = (x) => {
+              var W = Yn(), E = e.child(W, !0);
+              e.reset(W), e.template_effect(() => e.set_text(E, e.get(h).label)), e.append(x, W);
             };
-            e.if(K, (O) => {
-              e.get(h).label && e.get(h).label !== e.get(h).content && O(te);
+            e.if(K, (x) => {
+              e.get(h).label && e.get(h).label !== e.get(h).content && x(ee);
             });
           }
           e.reset(G);
-          var g = e.sibling(G, 2), _ = e.child(g);
+          var re = e.sibling(G, 2), f = e.child(re);
           {
-            var R = (O) => {
-              var P = e.comment(), M = e.first_child(P);
-              e.html(M, () => e.get(h).content), e.append(O, P);
-            }, E = (O) => {
-              var P = e.text();
-              e.template_effect(() => e.set_text(P, e.get(h).content || "(No content)")), e.append(O, P);
+            var _ = (x) => {
+              var W = e.comment(), E = e.first_child(W);
+              e.html(E, () => e.get(h).content), e.append(x, W);
+            }, C = (x) => {
+              var W = e.text();
+              e.template_effect(() => e.set_text(W, e.get(h).content || "(No content)")), e.append(x, W);
             };
-            e.if(_, (O) => {
-              e.get(h).isHtml ? O(R) : O(E, !1);
+            e.if(f, (x) => {
+              e.get(h).isHtml ? x(_) : x(C, !1);
             });
           }
-          e.reset(g), e.reset(V), e.reset(v), e.template_effect(() => e.set_class(g, 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(W) ? "" : "opacity-50"}`)), e.append(m, v);
+          e.reset(re), e.reset(V), e.reset(v), e.template_effect(() => e.set_class(re, 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(Q) ? "" : "opacity-50"}`)), e.append(m, v);
         },
         (m) => {
-          var h = Xr();
+          var h = qn();
           e.append(m, h);
         }
-      ), e.reset(L), e.reset(p), e.reset(u), e.template_effect(
-        (m, h, X) => {
-          e.set_attribute(f, "title", m), e.set_text(o, `${h ?? ""} `), e.set_text(b, X);
+      ), e.reset(D), e.reset(p), e.reset(g), e.template_effect(
+        (m, h, N) => {
+          e.set_attribute(u, "title", m), e.set_text(l, `${h ?? ""} `), e.set_text(b, N);
         },
         [
-          () => e.get(i) ? B.hide_all_annotations() : B.show_all_annotations(),
-          () => B.annotations_count({ count: e.get(n).length }),
+          () => e.get(a) ? B.hide_all_annotations() : B.show_all_annotations(),
+          () => B.annotations_count({ count: e.get(r).length }),
           () => B.visible_count({ count: s.visibleAnnotationIds.size })
         ]
-      ), e.append(d, u);
+      ), e.append(d, g);
     };
-    e.if($, (d) => {
-      s.showAnnotations && d(j);
+    e.if(T, (d) => {
+      s.showAnnotations && d(L);
     });
   }
-  e.append(r, w), e.pop();
+  e.append(n, w), e.pop();
 }
 e.delegate(["click"]);
-e.create_custom_element(Ke, {}, [], [], !0);
-var Qr = e.from_html('<img class="object-contain w-full h-full" loading="lazy" draggable="false"/>'), Wr = e.from_html('<span class="opacity-20 text-4xl">?</span>'), Ur = 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>'), Kr = 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>'), Jr = 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), Zr = 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 ie(r, t) {
+e.create_custom_element(Je, {}, [], [], !0);
+var Wn = e.from_html('<img class="object-contain w-full h-full" loading="lazy" draggable="false"/>'), Un = e.from_html('<span class="opacity-20 text-4xl">?</span>'), Kn = 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>'), Jn = 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>'), Zn = 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), er = 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 oe(n, t) {
   e.push(t, !0);
-  const s = le(ae);
-  let n = e.prop(t, "canvases", 7), a = e.state(!1), i = { x: 0, y: 0, w: 0, h: 0 }, I = e.state(null), C = e.derived(() => !n() || !Array.isArray(n()) ? [] : n().map((o, T) => {
+  const s = ce(ie);
+  let r = e.prop(t, "canvases", 7), i = e.state(!1), a = { x: 0, y: 0, w: 0, h: 0 }, M = e.state(null), $ = e.derived(() => !r() || !Array.isArray(r()) ? [] : r().map((l, k) => {
     let b = "";
     try {
-      if (o.getThumbnail) {
-        const y = o.getThumbnail();
+      if (l.getThumbnail) {
+        const y = l.getThumbnail();
         y && (b = typeof y == "string" ? y : y.id || y["@id"]);
       }
     } catch (y) {
       console.warn("Error getting thumbnail", y);
     }
     if (!b) {
-      let y = o.getImages();
-      if ((!y || !y.length) && o.getContent && (y = o.getContent()), y && y.length > 0) {
-        const L = y[0];
-        let m = L.getResource ? L.getResource() : null;
-        if (!m && L.getBody) {
-          const h = L.getBody();
+      let y = l.getImages();
+      if ((!y || !y.length) && l.getContent && (y = l.getContent()), y && y.length > 0) {
+        const D = y[0];
+        let m = D.getResource ? D.getResource() : null;
+        if (!m && D.getBody) {
+          const h = D.getBody();
           Array.isArray(h) && h.length > 0 ? m = h[0] : h && (m = h);
         }
         if (m && !m.id && !m.__jsonld && (!m.getServices || m.getServices().length === 0) && (m = null), !m) {
-          const h = L.__jsonld || L;
+          const h = D.__jsonld || D;
           h.body && (m = Array.isArray(h.body) ? h.body[0] : h.body);
         }
         if (m) {
-          const X = (() => {
+          const N = (() => {
             let v = [];
             if (m.getServices && (v = m.getServices()), !v || v.length === 0) {
-              const k = m.__jsonld || m;
-              k.service && (v = Array.isArray(k.service) ? k.service : [k.service]);
+              const P = m.__jsonld || m;
+              P.service && (v = Array.isArray(P.service) ? P.service : [P.service]);
             }
             return v;
           })();
-          let W = !1;
-          if (X.length > 0) {
-            const v = X[0];
-            let k = "";
+          let Q = !1;
+          if (N.length > 0) {
+            const v = N[0];
+            let P = "";
             try {
-              if (k = v.getProfile ? v.getProfile() : v.profile || "", typeof k == "object" && k) {
-                const Q = k;
-                k = Q.value || Q.id || Q["@id"] || JSON.stringify(Q);
+              if (P = v.getProfile ? v.getProfile() : v.profile || "", typeof P == "object" && P) {
+                const q = P;
+                P = q.value || q.id || q["@id"] || JSON.stringify(q);
               }
             } catch {
             }
-            const D = String(k ?? "").toLowerCase();
-            (D.includes("level0") || D.includes("level-0")) && (W = !0);
-            const q = v.id || v["@id"];
-            W || (b = `${q}/full/200,/0/default.jpg`);
+            const z = String(P ?? "").toLowerCase();
+            (z.includes("level0") || z.includes("level-0")) && (Q = !0);
+            const X = v.id || v["@id"];
+            Q || (b = `${X}/full/200,/0/default.jpg`);
           }
           if (!b && (b = m.id || m["@id"], !b)) {
             let v = null;
-            if (L.__jsonld && L.__jsonld.body ? v = L.__jsonld.body : L.body && (v = L.body), v) {
-              const k = Array.isArray(v) ? v[0] : v;
-              b = k.id || k["@id"];
+            if (D.__jsonld && D.__jsonld.body ? v = D.__jsonld.body : D.body && (v = D.body), v) {
+              const P = Array.isArray(v) ? v[0] : v;
+              b = P.id || P["@id"];
             }
           }
         }
       }
     }
     return {
-      id: o.id,
-      label: o.getLabel().length ? o.getLabel()[0].value : `Canvas ${T + 1}`,
+      id: l.id,
+      label: l.getLabel().length ? l.getLabel()[0].value : `Canvas ${k + 1}`,
       src: b,
-      index: T
+      index: k
     };
   }));
-  function x(o) {
+  function S(l) {
     if (!s.isGalleryDragging) return;
-    let T = o.clientX - s.galleryDragOffset.x, b = o.clientY - s.galleryDragOffset.y;
-    const y = Math.max(0, window.innerWidth - s.gallerySize.width), L = Math.max(0, window.innerHeight - s.gallerySize.height);
-    T = Math.max(0, Math.min(T, y)), b = Math.max(0, Math.min(b, L)), s.galleryPosition = { x: T, y: b };
+    let k = l.clientX - s.galleryDragOffset.x, b = l.clientY - s.galleryDragOffset.y;
+    const y = Math.max(0, window.innerWidth - s.gallerySize.width), D = Math.max(0, window.innerHeight - s.gallerySize.height);
+    k = Math.max(0, Math.min(k, y)), b = Math.max(0, Math.min(b, D)), s.galleryPosition = { x: k, y: b };
     const m = document.getElementById("triiiceratops-center-panel");
     if (m) {
-      const h = m.getBoundingClientRect(), X = o.clientX, W = o.clientY, v = 60;
-      s.dragOverSide = null, X >= h.left && X <= h.left + v ? s.dragOverSide = "left" : X <= h.right && X >= h.right - v ? s.dragOverSide = "right" : W >= h.top && W <= h.top + v ? s.dragOverSide = "top" : W <= h.bottom && W >= h.bottom - v && (s.dragOverSide = "bottom");
+      const h = m.getBoundingClientRect(), N = l.clientX, Q = l.clientY, v = 60;
+      s.dragOverSide = null, N >= h.left && N <= h.left + v ? s.dragOverSide = "left" : N <= h.right && N >= h.right - v ? s.dragOverSide = "right" : Q >= h.top && Q <= h.top + v ? s.dragOverSide = "top" : Q <= h.bottom && Q >= h.bottom - v && (s.dragOverSide = "bottom");
     }
   }
   function w() {
-    const o = s.dragOverSide;
-    s.isGalleryDragging = !1, s.dragOverSide = null, window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", w), o && (s.dockSide = o);
+    const l = s.dragOverSide;
+    s.isGalleryDragging = !1, s.dragOverSide = null, window.removeEventListener("mousemove", S), window.removeEventListener("mouseup", w), l && (s.dockSide = l);
   }
-  function $(o) {
-    o.stopPropagation(), e.set(a, !0), i = {
-      x: o.clientX,
-      y: o.clientY,
+  function T(l) {
+    l.stopPropagation(), e.set(i, !0), a = {
+      x: l.clientX,
+      y: l.clientY,
       w: s.gallerySize.width,
       h: s.gallerySize.height
-    }, window.addEventListener("mousemove", j), window.addEventListener("mouseup", d);
+    }, window.addEventListener("mousemove", L), window.addEventListener("mouseup", d);
   }
-  function j(o) {
-    if (!e.get(a)) return;
-    const T = o.clientX - i.x, b = o.clientY - i.y;
+  function L(l) {
+    if (!e.get(i)) return;
+    const k = l.clientX - a.x, b = l.clientY - a.y;
     s.gallerySize = {
-      width: Math.max(200, i.w + T),
-      height: Math.max(200, i.h + b)
+      width: Math.max(200, a.w + k),
+      height: Math.max(200, a.h + b)
     };
   }
   function d() {
-    e.set(a, !1), window.removeEventListener("mousemove", j), window.removeEventListener("mouseup", d);
+    e.set(i, !1), window.removeEventListener("mousemove", L), window.removeEventListener("mouseup", d);
   }
-  function u(o) {
-    s.canvasId = o;
+  function g(l) {
+    s.canvasId = l;
   }
   let p = e.state(e.proxy(s.dockSide));
   e.user_effect(() => {
-    const o = s.dockSide;
-    e.set(p, o === "none" || o === "top" || o === "bottom" || o === "left" || o === "right" ? o : "none", !0);
+    const l = s.dockSide;
+    e.set(p, l === "none" || l === "top" || l === "bottom" || l === "left" || l === "right" ? l : "none", !0);
   }), e.user_effect(() => {
     s.dockSide !== e.get(p) && (s.dockSide = e.get(p), s.isGalleryDockedBottom = e.get(p) === "bottom", s.isGalleryDockedRight = e.get(p) === "right");
   });
   let c = e.derived(() => e.get(p) === "top" || e.get(p) === "bottom" || e.get(p) === "none" && s.gallerySize.height < 320);
-  function f(o) {
-    if (!o.target.closest(".resize-handle")) {
+  function u(l) {
+    if (!l.target.closest(".resize-handle")) {
       if (e.get(p) !== "none") {
-        let T = Math.max(0, o.clientX - 150), b = Math.max(0, o.clientY - 20);
-        const y = Math.max(0, window.innerWidth - 300), L = Math.max(0, window.innerHeight - 400);
-        T = Math.min(T, y), b = Math.min(b, L), s.galleryPosition = { x: T, y: b }, s.galleryDragOffset = { x: o.clientX - T, y: o.clientY - b }, e.set(p, "none");
+        let k = Math.max(0, l.clientX - 150), b = Math.max(0, l.clientY - 20);
+        const y = Math.max(0, window.innerWidth - 300), D = Math.max(0, window.innerHeight - 400);
+        k = Math.min(k, y), b = Math.min(b, D), s.galleryPosition = { x: k, y: b }, s.galleryDragOffset = { x: l.clientX - k, y: l.clientY - b }, e.set(p, "none");
       } else
         s.galleryDragOffset = {
-          x: o.clientX - s.galleryPosition.x,
-          y: o.clientY - s.galleryPosition.y
+          x: l.clientX - s.galleryPosition.x,
+          y: l.clientY - s.galleryPosition.y
         };
-      s.isGalleryDragging = !0, window.addEventListener("mousemove", x), window.addEventListener("mouseup", w);
+      s.isGalleryDragging = !0, window.addEventListener("mousemove", S), window.addEventListener("mouseup", w);
     }
   }
-  var l = {
+  var o = {
     get canvases() {
-      return n();
+      return r();
     },
-    set canvases(o) {
-      n(o), e.flush();
+    set canvases(l) {
+      r(l), e.flush();
     }
-  }, S = e.comment(), H = e.first_child(S);
+  }, I = e.comment(), R = e.first_child(I);
   {
-    var z = (o) => {
-      var T = Zr(), b = e.first_child(T), y = e.child(b);
+    var j = (l) => {
+      var k = er(), b = e.first_child(k), y = e.child(b);
       y.__click = () => s.toggleThumbnailGallery();
-      var L = e.child(y);
-      Ye(L, { size: 16, weight: "bold" }), e.reset(y);
+      var D = e.child(y);
+      Xe(D, { size: 16, weight: "bold" }), e.reset(y);
       var m = e.sibling(y, 2), h = e.child(m);
-      h.__mousedown = f;
-      var X = e.child(h);
+      h.__mousedown = u;
+      var N = e.child(h);
       e.reset(h), e.reset(m);
-      var W = e.sibling(m, 2), v = e.child(W);
-      e.each(v, 21, () => e.get(C), e.index, (V, G) => {
-        var N = Ur();
-        N.__click = () => u(e.get(G).id);
-        var K = e.child(N), te = e.child(K);
+      var Q = e.sibling(m, 2), v = e.child(Q);
+      e.each(v, 21, () => e.get($), e.index, (V, G) => {
+        var Y = Kn();
+        Y.__click = () => g(e.get(G).id);
+        var K = e.child(Y), ee = e.child(K);
         {
-          var g = (M) => {
-            var Z = Qr();
+          var re = (E) => {
+            var O = Wn();
             e.template_effect(() => {
-              e.set_attribute(Z, "src", e.get(G).src), e.set_attribute(Z, "alt", e.get(G).label);
-            }), e.append(M, Z);
-          }, _ = (M) => {
-            var Z = Wr();
-            e.append(M, Z);
+              e.set_attribute(O, "src", e.get(G).src), e.set_attribute(O, "alt", e.get(G).label);
+            }), e.append(E, O);
+          }, f = (E) => {
+            var O = Un();
+            e.append(E, O);
           };
-          e.if(te, (M) => {
-            e.get(G).src ? M(g) : M(_, !1);
+          e.if(ee, (E) => {
+            e.get(G).src ? E(re) : E(f, !1);
           });
         }
         e.reset(K);
-        var R = e.sibling(K, 2), E = e.child(R), O = e.child(E);
-        e.reset(E);
-        var P = e.sibling(E);
-        e.reset(R), 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(c) ? "w-[140px]" : ""} ${s.canvasId === e.get(G).id ? "ring-2 ring-primary bg-primary/5" : ""}`), e.set_attribute(N, "aria-label", `Select canvas ${e.get(G).label ?? ""}`), e.set_text(O, `${e.get(G).index + 1}.`), e.set_text(P, ` ${e.get(G).label ?? ""}`);
-        }), e.append(V, N);
-      }), e.reset(v), e.reset(W);
-      var k = e.sibling(W, 2);
+        var _ = e.sibling(K, 2), C = e.child(_), x = e.child(C);
+        e.reset(C);
+        var W = e.sibling(C);
+        e.reset(_), e.reset(Y), e.template_effect(() => {
+          e.set_class(Y, 1, `group flex flex-col gap-1 p-1 rounded hover:bg-base-200 transition-colors text-left relative shrink-0 ${e.get(c) ? "w-[140px]" : ""} ${s.canvasId === e.get(G).id ? "ring-2 ring-primary bg-primary/5" : ""}`), e.set_attribute(Y, "aria-label", `Select canvas ${e.get(G).label ?? ""}`), e.set_text(x, `${e.get(G).index + 1}.`), e.set_text(W, ` ${e.get(G).label ?? ""}`);
+        }), e.append(V, Y);
+      }), e.reset(v), e.reset(Q);
+      var P = e.sibling(Q, 2);
       {
-        var D = (V) => {
-          var G = Kr();
-          G.__mousedown = $, e.append(V, G);
+        var z = (V) => {
+          var G = Jn();
+          G.__mousedown = T, e.append(V, G);
         };
-        e.if(k, (V) => {
-          e.get(p) === "none" && V(D);
+        e.if(P, (V) => {
+          e.get(p) === "none" && V(z);
         });
       }
-      e.reset(b), e.bind_this(b, (V) => e.set(I, V), () => e.get(I));
-      var q = e.sibling(b, 2);
+      e.reset(b), e.bind_this(b, (V) => e.set(M, V), () => e.get(M));
+      var X = e.sibling(b, 2);
       {
-        var Q = (V) => {
-          var G = Jr(), N = e.first_child(G), K = e.sibling(N, 2), te = e.sibling(K, 2), g = e.sibling(te, 2);
+        var q = (V) => {
+          var G = Zn(), Y = e.first_child(G), K = e.sibling(Y, 2), ee = e.sibling(K, 2), re = e.sibling(ee, 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 ${s.dragOverSide === "top" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`), e.set_class(K, 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 ${s.dragOverSide === "bottom" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`), e.set_class(te, 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 ${s.dragOverSide === "left" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`), e.set_class(g, 1, `absolute top-2 bottom-2 right-2 w-16 rounded-xl border-4 border-dashed border-primary/40 z-950 flex items-center justify-center transition-all duration-300 ${s.dragOverSide === "right" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`);
+            e.set_class(Y, 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 ${s.dragOverSide === "top" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`), e.set_class(K, 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 ${s.dragOverSide === "bottom" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`), e.set_class(ee, 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 ${s.dragOverSide === "left" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`), e.set_class(re, 1, `absolute top-2 bottom-2 right-2 w-16 rounded-xl border-4 border-dashed border-primary/40 z-950 flex items-center justify-center transition-all duration-300 ${s.dragOverSide === "right" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`);
           }), e.append(V, G);
         };
-        e.if(q, (V) => {
-          s.isGalleryDragging && V(Q);
+        e.if(X, (V) => {
+          s.isGalleryDragging && V(q);
         });
       }
       e.template_effect(() => {
         e.set_class(b, 1, (e.get(p) !== "none" ? `relative z-50 bg-base-100 shadow-xl border-base-300 flex transition-all duration-200 select-none w-full h-full
            ${e.get(p) === "bottom" || e.get(p) === "top" ? "flex-row border-t" : ""}
-           ${e.get(p) === "left" || e.get(p) === "right" ? "flex-col border-x" : ""}` : "fixed z-900 bg-base-100 shadow-2xl rounded-lg flex flex-col border border-base-300 overflow-hidden select-none") + (s.isGalleryDragging ? " pointer-events-none opacity-80" : "")), e.set_style(b, e.get(p) !== "none" ? "" : `left: ${s.galleryPosition.x}px; top: ${s.galleryPosition.y}px; width: ${s.gallerySize.width}px; height: ${s.gallerySize.height}px;`), e.set_class(m, 1, "bg-base-100 flex shrink-0 select-none relative " + (e.get(p) === "bottom" || e.get(p) === "top" ? "flex-row h-full items-center border-r border-base-200" : "flex-col w-full border-b border-base-200")), e.set_class(h, 1, "cursor-move flex items-center justify-center hover:bg-base-200/50 active:bg-base-200 transition-colors " + (e.get(p) === "bottom" || e.get(p) === "top" ? "w-8 h-full" : "h-6 w-full")), e.set_class(X, 1, "bg-base-300 rounded-full " + (e.get(p) === "bottom" || e.get(p) === "top" ? "w-1.5 h-12" : "w-12 h-1.5")), e.set_class(W, 1, `flex-1 p-1 bg-base-100 ${e.get(c) ? "overflow-x-auto overflow-y-hidden" : "overflow-y-auto overflow-x-hidden"}`), e.set_class(v, 1, e.clsx(e.get(c) ? "flex flex-row gap-2 h-full items-center" : "grid gap-2")), e.set_style(v, e.get(c) ? "" : "grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));");
-      }), e.append(o, T);
+           ${e.get(p) === "left" || e.get(p) === "right" ? "flex-col border-x" : ""}` : "fixed z-900 bg-base-100 shadow-2xl rounded-lg flex flex-col border border-base-300 overflow-hidden select-none") + (s.isGalleryDragging ? " pointer-events-none opacity-80" : "")), e.set_style(b, e.get(p) !== "none" ? "" : `left: ${s.galleryPosition.x}px; top: ${s.galleryPosition.y}px; width: ${s.gallerySize.width}px; height: ${s.gallerySize.height}px;`), e.set_class(m, 1, "bg-base-100 flex shrink-0 select-none relative " + (e.get(p) === "bottom" || e.get(p) === "top" ? "flex-row h-full items-center border-r border-base-200" : "flex-col w-full border-b border-base-200")), e.set_class(h, 1, "cursor-move flex items-center justify-center hover:bg-base-200/50 active:bg-base-200 transition-colors " + (e.get(p) === "bottom" || e.get(p) === "top" ? "w-8 h-full" : "h-6 w-full")), e.set_class(N, 1, "bg-base-300 rounded-full " + (e.get(p) === "bottom" || e.get(p) === "top" ? "w-1.5 h-12" : "w-12 h-1.5")), e.set_class(Q, 1, `flex-1 p-1 bg-base-100 ${e.get(c) ? "overflow-x-auto overflow-y-hidden" : "overflow-y-auto overflow-x-hidden"}`), e.set_class(v, 1, e.clsx(e.get(c) ? "flex flex-row gap-2 h-full items-center" : "grid gap-2")), e.set_style(v, e.get(c) ? "" : "grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));");
+      }), e.append(l, k);
     };
-    e.if(H, (o) => {
-      s.showThumbnailGallery && o(z);
+    e.if(R, (l) => {
+      s.showThumbnailGallery && l(j);
     });
   }
-  return e.append(r, S), e.pop(l);
+  return e.append(n, I), e.pop(o);
 }
 e.delegate(["click", "mousedown"]);
-e.create_custom_element(ie, { canvases: {} }, [], [], !0);
-var en = e.from_html('<div class="fab fab-flower fab-top-left absolute z-600 pointer-events-auto flex-col items-end transition-all duration-300 bottom-6 right-6"><div class="tooltip tooltip-left"><div tabindex="0" role="button" class="btn btn-lg btn-primary btn-circle shadow-xl"><span class="sr-only"> </span> <!></div></div>  <div class="fab-close tooltip tooltip-top"><button><!></button></div>  <div class="tooltip tooltip-left"><button><!></button></div> <div class="tooltip tooltip-left"><button><!></button></div> <div class="tooltip tooltip-top"><button><!></button></div> <div class="tooltip tooltip-top"><button><!></button></div></div>');
-function Je(r, t) {
+e.create_custom_element(oe, { canvases: {} }, [], [], !0);
+var tr = e.from_html('<div class="fab fab-flower fab-top-left absolute z-600 pointer-events-auto flex-col items-end transition-all duration-300 bottom-6 right-6"><div class="tooltip tooltip-left"><div tabindex="0" role="button" class="btn btn-lg btn-primary btn-circle shadow-xl"><span class="sr-only"> </span> <!></div></div>  <div class="fab-close tooltip tooltip-top"><button><!></button></div>  <div class="tooltip tooltip-left"><button><!></button></div> <div class="tooltip tooltip-left"><button><!></button></div> <div class="tooltip tooltip-top"><button><!></button></div> <div class="tooltip tooltip-top"><button><!></button></div></div>');
+function Ze(n, t) {
   e.push(t, !1);
-  const s = le(ae);
+  const s = ce(ie);
   e.init();
-  var n = en(), a = e.child(n), i = e.child(a), I = e.child(i), C = e.child(I, !0);
-  e.reset(I);
-  var x = e.sibling(I, 2);
-  bt(x, { size: 32, weight: "bold" }), e.reset(i), e.reset(a);
-  var w = e.sibling(a, 2), $ = e.child(w);
-  $.__click = () => s.toggleSearchPanel();
-  var j = e.child($);
-  Xe(j, { size: 28, weight: "bold" }), e.reset($), e.reset(w);
-  var d = e.sibling(w, 2), u = e.child(d);
-  u.__click = () => s.toggleThumbnailGallery();
-  var p = e.child(u);
-  yt(p, { size: 28, weight: "bold" }), e.reset(u), e.reset(d);
-  var c = e.sibling(d, 2), f = e.child(c);
-  f.__click = () => s.toggleFullScreen();
-  var l = e.child(f);
+  var r = tr(), i = e.child(r), a = e.child(i), M = e.child(a), $ = e.child(M, !0);
+  e.reset(M);
+  var S = e.sibling(M, 2);
+  bt(S, { size: 32, weight: "bold" }), e.reset(a), e.reset(i);
+  var w = e.sibling(i, 2), T = e.child(w);
+  T.__click = () => s.toggleSearchPanel();
+  var L = e.child(T);
+  qe(L, { size: 28, weight: "bold" }), e.reset(T), e.reset(w);
+  var d = e.sibling(w, 2), g = e.child(d);
+  g.__click = () => s.toggleThumbnailGallery();
+  var p = e.child(g);
+  yt(p, { size: 28, weight: "bold" }), e.reset(g), e.reset(d);
+  var c = e.sibling(d, 2), u = e.child(c);
+  u.__click = () => s.toggleFullScreen();
+  var o = e.child(u);
   {
-    var S = (m) => {
+    var I = (m) => {
       pt(m, { size: 28, weight: "bold" });
-    }, H = (m) => {
+    }, R = (m) => {
       mt(m, { size: 28, weight: "bold" });
     };
-    e.if(l, (m) => {
-      s.isFullScreen ? m(S) : m(H, !1);
+    e.if(o, (m) => {
+      s.isFullScreen ? m(I) : m(R, !1);
     });
   }
-  e.reset(f), e.reset(c);
-  var z = e.sibling(c, 2), o = e.child(z);
-  o.__click = () => s.toggleAnnotations();
-  var T = e.child(o);
-  vt(T, { size: 28, weight: "bold" }), e.reset(o), e.reset(z);
-  var b = e.sibling(z, 2), y = e.child(b);
+  e.reset(u), e.reset(c);
+  var j = e.sibling(c, 2), l = e.child(j);
+  l.__click = () => s.toggleAnnotations();
+  var k = e.child(l);
+  vt(k, { size: 28, weight: "bold" }), e.reset(l), e.reset(j);
+  var b = e.sibling(j, 2), y = e.child(b);
   y.__click = () => s.toggleMetadataDialog();
-  var L = e.child(y);
-  _t(L, { size: 28, weight: "bold" }), e.reset(y), e.reset(b), e.reset(n), e.template_effect(
-    (m, h, X, W, v, k, D, q, Q, V, G) => {
-      e.set_attribute(a, "data-tip", m), e.set_text(C, h), e.set_attribute(w, "data-tip", X), e.set_attribute($, "aria-label", W), e.set_class($, 1, e.clsx([
+  var D = e.child(y);
+  _t(D, { size: 28, weight: "bold" }), e.reset(y), e.reset(b), e.reset(r), e.template_effect(
+    (m, h, N, Q, v, P, z, X, q, V, G) => {
+      e.set_attribute(i, "data-tip", m), e.set_text($, h), e.set_attribute(w, "data-tip", N), e.set_attribute(T, "aria-label", Q), e.set_class(T, 1, e.clsx([
         "btn btn-circle btn-lg shadow-lg",
         s.showSearchPanel && "btn-primary",
         !s.showSearchPanel && "btn-neutral"
-      ])), e.set_attribute(d, "data-tip", v), e.set_attribute(u, "aria-label", k), e.set_class(u, 1, `btn btn-lg btn-circle shadow-lg ${s.showThumbnailGallery ? "btn-info" : "btn-neutral"}`), e.set_attribute(c, "data-tip", D), e.set_class(f, 1, `btn btn-circle btn-lg shadow-lg transition-all duration-300 ease-out ${s.isFullScreen ? "btn-warning" : "btn-neutral"}`), e.set_attribute(z, "data-tip", q), e.set_attribute(o, "aria-label", Q), e.set_class(o, 1, `btn btn-lg btn-circle shadow-lg ${s.showAnnotations ? "btn-error" : "btn-neutral"}`), e.set_attribute(b, "data-tip", V), e.set_attribute(y, "aria-label", G), e.set_class(y, 1, `btn btn-lg btn-circle shadow-lg ${s.showMetadataDialog ? "btn-info" : "btn-neutral"}`);
+      ])), e.set_attribute(d, "data-tip", v), e.set_attribute(g, "aria-label", P), e.set_class(g, 1, `btn btn-lg btn-circle shadow-lg ${s.showThumbnailGallery ? "btn-info" : "btn-neutral"}`), e.set_attribute(c, "data-tip", z), 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(j, "data-tip", X), e.set_attribute(l, "aria-label", q), e.set_class(l, 1, `btn btn-lg btn-circle shadow-lg ${s.showAnnotations ? "btn-error" : "btn-neutral"}`), e.set_attribute(b, "data-tip", V), e.set_attribute(y, "aria-label", G), e.set_class(y, 1, `btn btn-lg btn-circle shadow-lg ${s.showMetadataDialog ? "btn-info" : "btn-neutral"}`);
     },
     [
       () => B.menu(),
@@ -1515,278 +1515,278 @@ function Je(r, t) {
       () => B.metadata(),
       () => B.toggle_metadata()
     ]
-  ), e.append(r, n), e.pop();
+  ), e.append(n, r), e.pop();
 }
 e.delegate(["click"]);
-e.create_custom_element(Je, {}, [], [], !0);
-var tn = e.from_html('<div class="tooltip tooltip-right"><button><!></button></div>'), sn = e.from_html('<div class="absolute left-6 bottom-6 z-50 pointer-events-auto flex flex-col items-start transition-all duration-300"><div></div> <div class="tooltip tooltip-right" data-tip="Plugins"><button aria-label="Plugins"><!></button></div></div>');
-function Ze(r, t) {
+e.create_custom_element(Ze, {}, [], [], !0);
+var sr = e.from_html('<div class="tooltip tooltip-right"><button><!></button></div>'), nr = e.from_html('<div class="absolute left-6 bottom-6 z-50 pointer-events-auto flex flex-col items-start transition-all duration-300"><div></div> <div class="tooltip tooltip-right" data-tip="Plugins"><button aria-label="Plugins"><!></button></div></div>');
+function et(n, t) {
   e.push(t, !0);
-  const s = le(ae);
-  let n = e.derived(() => [...s.pluginMenuButtons].sort((w, $) => (w.order ?? 100) - ($.order ?? 100))), a = e.state(!1);
-  function i() {
-    e.set(a, !e.get(a));
+  const s = ce(ie);
+  let r = e.derived(() => [...s.pluginMenuButtons].sort((w, T) => (w.order ?? 100) - (T.order ?? 100))), i = e.state(!1);
+  function a() {
+    e.set(i, !e.get(i));
   }
-  var I = e.comment(), C = e.first_child(I);
+  var M = e.comment(), $ = e.first_child(M);
   {
-    var x = (w) => {
-      var $ = sn(), j = e.child($);
-      e.each(j, 21, () => e.get(n), (l) => l.id, (l, S) => {
-        const H = e.derived(() => e.get(S).icon);
-        var z = tn(), o = e.child(z);
-        o.__click = () => {
-          e.get(S).onClick(), e.set(a, !1);
+    var S = (w) => {
+      var T = nr(), L = e.child(T);
+      e.each(L, 21, () => e.get(r), (o) => o.id, (o, I) => {
+        const R = e.derived(() => e.get(I).icon);
+        var j = sr(), l = e.child(j);
+        l.__click = () => {
+          e.get(I).onClick(), e.set(i, !1);
         };
-        var T = e.child(o);
-        e.component(T, () => e.get(H), (b, y) => {
+        var k = e.child(l);
+        e.component(k, () => e.get(R), (b, y) => {
           y(b, { size: 28, weight: "bold" });
-        }), e.reset(o), e.reset(z), e.template_effect(
+        }), e.reset(l), e.reset(j), e.template_effect(
           (b) => {
-            e.set_attribute(z, "data-tip", e.get(S).tooltip), e.set_attribute(o, "aria-label", e.get(S).tooltip), e.set_class(o, 1, `btn btn-lg btn-circle shadow-lg ${b ?? ""}`);
+            e.set_attribute(j, "data-tip", e.get(I).tooltip), e.set_attribute(l, "aria-label", e.get(I).tooltip), e.set_class(l, 1, `btn btn-lg btn-circle shadow-lg ${b ?? ""}`);
           },
           [
             () => {
               var b, y;
-              return (y = (b = e.get(S)).isActive) != null && y.call(b) ? e.get(S).activeClass ?? "btn-primary" : "btn-neutral";
+              return (y = (b = e.get(I)).isActive) != null && y.call(b) ? e.get(I).activeClass ?? "btn-primary" : "btn-neutral";
             }
           ]
-        ), e.append(l, z);
-      }), e.reset(j);
-      var d = e.sibling(j, 2), u = e.child(d);
-      u.__click = i;
-      var p = e.child(u);
+        ), e.append(o, j);
+      }), e.reset(L);
+      var d = e.sibling(L, 2), g = e.child(d);
+      g.__click = a;
+      var p = e.child(g);
       {
-        var c = (l) => {
-          Ye(l, { size: 28, weight: "bold" });
-        }, f = (l) => {
-          xt(l, { size: 28, weight: "bold" });
+        var c = (o) => {
+          Xe(o, { size: 28, weight: "bold" });
+        }, u = (o) => {
+          xt(o, { size: 28, weight: "bold" });
         };
-        e.if(p, (l) => {
-          e.get(a) ? l(c) : l(f, !1);
+        e.if(p, (o) => {
+          e.get(i) ? o(c) : o(u, !1);
         });
       }
-      e.reset(u), e.reset(d), e.reset($), e.template_effect(() => {
-        e.set_class(j, 1, `flex flex-col-reverse gap-3 mb-3 transition-all duration-300 origin-bottom ${e.get(a) ? "opacity-100 translate-y-0 scale-100" : "opacity-0 translate-y-4 scale-90 pointer-events-none"}`), e.set_class(u, 1, `btn btn-lg btn-secondary btn-circle shadow-xl transition-transform duration-300 ${e.get(a) ? "rotate-90" : ""}`);
-      }), e.append(w, $);
+      e.reset(g), e.reset(d), e.reset(T), e.template_effect(() => {
+        e.set_class(L, 1, `flex flex-col-reverse gap-3 mb-3 transition-all duration-300 origin-bottom ${e.get(i) ? "opacity-100 translate-y-0 scale-100" : "opacity-0 translate-y-4 scale-90 pointer-events-none"}`), e.set_class(g, 1, `btn btn-lg btn-secondary btn-circle shadow-xl transition-transform duration-300 ${e.get(i) ? "rotate-90" : ""}`);
+      }), e.append(w, T);
     };
-    e.if(C, (w) => {
-      e.get(n).length > 0 && w(x);
+    e.if($, (w) => {
+      e.get(r).length > 0 && w(S);
     });
   }
-  e.append(r, I), e.pop();
+  e.append(n, M), e.pop();
 }
 e.delegate(["click"]);
-e.create_custom_element(Ze, {}, [], [], !0);
-var rn = e.from_html('<div class="mb-6 prose"><p><!></p></div>'), nn = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6"> </dt> <dd class="text-sm ps-2"><!></dd>', 1), an = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6"> </dt> <dd class="text-sm ps-2"><a target="_blank" rel="noreferrer" class="link link-primary break-all"> </a></dd>', 1), on = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6"> </dt> <dd class="text-sm ps-2"><!></dd>', 1), ln = e.from_html('<dialog class="modal"><div class="modal-box w-11/12 max-w-5xl"><form method="dialog"><button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button></form> <h3 class="font-bold text-lg mb-4"> </h3> <div class="py-4 overflow-y-auto max-h-[70vh]"><!> <dl class="grid grid-cols-1 md:grid-cols-[200px_1fr]"><!> <!> <!></dl></div> <div class="modal-action"><form method="dialog"><button class="btn"> </button></form></div></div> <form method="dialog" class="modal-backdrop"><button> </button></form></dialog>');
-function et(r, t) {
+e.create_custom_element(et, {}, [], [], !0);
+var rr = e.from_html('<div class="mb-6 prose"><p><!></p></div>'), ar = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6"> </dt> <dd class="text-sm ps-2"><!></dd>', 1), ir = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6"> </dt> <dd class="text-sm ps-2"><a target="_blank" rel="noreferrer" class="link link-primary break-all"> </a></dd>', 1), or = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6"> </dt> <dd class="text-sm ps-2"><!></dd>', 1), lr = e.from_html('<dialog class="modal"><div class="modal-box w-11/12 max-w-5xl"><form method="dialog"><button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button></form> <h3 class="font-bold text-lg mb-4"> </h3> <div class="py-4 overflow-y-auto max-h-[70vh]"><!> <dl class="grid grid-cols-1 md:grid-cols-[200px_1fr]"><!> <!> <!></dl></div> <div class="modal-action"><form method="dialog"><button class="btn"> </button></form></div></div> <form method="dialog" class="modal-backdrop"><button> </button></form></dialog>');
+function tt(n, t) {
   e.push(t, !0);
-  const s = le(ae);
-  let n = e.derived(() => s.manifest), a = e.derived(() => {
-    const v = Vr.current;
-    if (!e.get(n)) return [];
-    const k = e.get(n).getMetadata();
-    return k ? k.map((D) => {
-      let q = "", Q = "";
+  const s = ce(ie);
+  let r = e.derived(() => s.manifest), i = e.derived(() => {
+    const v = Bn.current;
+    if (!e.get(r)) return [];
+    const P = e.get(r).getMetadata();
+    return P ? P.map((z) => {
+      let X = "", q = "";
       const V = (G) => {
         if (typeof G == "string") return G;
         if (Array.isArray(G)) {
-          let N = G.find((K) => K.locale === v || K.language === v);
-          return N || (N = G.find((K) => K.locale === "en" || K.language === "en")), N || (N = G.find((K) => !K.locale && !K.language)), N || (N = G[0]), N ? N.value : "";
+          let Y = G.find((K) => K.locale === v || K.language === v);
+          return Y || (Y = G.find((K) => K.locale === "en" || K.language === "en")), Y || (Y = G.find((K) => !K.locale && !K.language)), Y || (Y = G[0]), Y ? Y.value : "";
         }
         return String(G);
       };
-      return D.getLabel ? q = V(D.getLabel()) : D.label && (q = V(D.label)), D.getValue ? Q = V(D.getValue()) : D.value && (Q = V(D.value)), { label: q, value: Q };
+      return z.getLabel ? X = V(z.getLabel()) : z.label && (X = V(z.label)), z.getValue ? q = V(z.getValue()) : z.value && (q = V(z.value)), { label: X, value: q };
     }) : [];
-  }), i = e.derived(() => e.get(n) ? e.get(n).getDescription() : ""), I = e.derived(() => {
+  }), a = e.derived(() => e.get(r) ? e.get(r).getDescription() : ""), M = e.derived(() => {
     var v;
-    return e.get(n) ? (v = e.get(n).getRequiredStatement()) == null ? void 0 : v.getValue() : "";
-  }), C = e.derived(() => e.get(n) ? e.get(n).getLicense() : "");
-  var x = ln(), w = e.child(x), $ = e.child(w), j = e.child($);
-  j.__click = () => s.toggleMetadataDialog(), e.reset($);
-  var d = e.sibling($, 2), u = e.child(d, !0);
+    return e.get(r) ? (v = e.get(r).getRequiredStatement()) == null ? void 0 : v.getValue() : "";
+  }), $ = e.derived(() => e.get(r) ? e.get(r).getLicense() : "");
+  var S = lr(), w = e.child(S), T = e.child(w), L = e.child(T);
+  L.__click = () => s.toggleMetadataDialog(), e.reset(T);
+  var d = e.sibling(T, 2), g = e.child(d, !0);
   e.reset(d);
   var p = e.sibling(d, 2), c = e.child(p);
   {
-    var f = (v) => {
-      var k = rn(), D = e.child(k), q = e.child(D);
-      e.html(q, () => e.get(i)), e.reset(D), e.reset(k), e.append(v, k);
+    var u = (v) => {
+      var P = rr(), z = e.child(P), X = e.child(z);
+      e.html(X, () => e.get(a)), e.reset(z), e.reset(P), e.append(v, P);
     };
     e.if(c, (v) => {
-      e.get(i) && v(f);
+      e.get(a) && v(u);
     });
   }
-  var l = e.sibling(c, 2), S = e.child(l);
+  var o = e.sibling(c, 2), I = e.child(o);
   {
-    var H = (v) => {
-      var k = nn(), D = e.first_child(k), q = e.child(D, !0);
-      e.reset(D);
-      var Q = e.sibling(D, 2), V = e.child(Q);
-      e.html(V, () => e.get(I)), e.reset(Q), e.template_effect((G) => e.set_text(q, G), [() => B.attribution()]), e.append(v, k);
+    var R = (v) => {
+      var P = ar(), z = e.first_child(P), X = e.child(z, !0);
+      e.reset(z);
+      var q = e.sibling(z, 2), V = e.child(q);
+      e.html(V, () => e.get(M)), e.reset(q), e.template_effect((G) => e.set_text(X, G), [() => B.attribution()]), e.append(v, P);
     };
-    e.if(S, (v) => {
-      e.get(I) && v(H);
+    e.if(I, (v) => {
+      e.get(M) && v(R);
     });
   }
-  var z = e.sibling(S, 2);
+  var j = e.sibling(I, 2);
   {
-    var o = (v) => {
-      var k = an(), D = e.first_child(k), q = e.child(D, !0);
-      e.reset(D);
-      var Q = e.sibling(D, 2), V = e.child(Q), G = e.child(V, !0);
-      e.reset(V), e.reset(Q), e.template_effect(
-        (N) => {
-          e.set_text(q, N), e.set_attribute(V, "href", e.get(C)), e.set_text(G, e.get(C));
+    var l = (v) => {
+      var P = ir(), z = e.first_child(P), X = e.child(z, !0);
+      e.reset(z);
+      var q = e.sibling(z, 2), V = e.child(q), G = e.child(V, !0);
+      e.reset(V), e.reset(q), e.template_effect(
+        (Y) => {
+          e.set_text(X, Y), e.set_attribute(V, "href", e.get($)), e.set_text(G, e.get($));
         },
         [() => B.license()]
-      ), e.append(v, k);
+      ), e.append(v, P);
     };
-    e.if(z, (v) => {
-      e.get(C) && v(o);
+    e.if(j, (v) => {
+      e.get($) && v(l);
     });
   }
-  var T = e.sibling(z, 2);
-  e.each(T, 17, () => e.get(a), e.index, (v, k) => {
-    var D = on(), q = e.first_child(D), Q = e.child(q, !0);
-    e.reset(q);
-    var V = e.sibling(q, 2), G = e.child(V);
-    e.html(G, () => e.get(k).value), e.reset(V), e.template_effect(() => e.set_text(Q, e.get(k).label)), e.append(v, D);
-  }), e.reset(l), e.reset(p);
-  var b = e.sibling(p, 2), y = e.child(b), L = e.child(y);
-  L.__click = () => s.toggleMetadataDialog();
-  var m = e.child(L, !0);
-  e.reset(L), e.reset(y), e.reset(b), e.reset(w);
-  var h = e.sibling(w, 2), X = e.child(h);
-  X.__click = () => s.toggleMetadataDialog();
-  var W = e.child(X, !0);
-  e.reset(X), e.reset(h), e.reset(x), e.template_effect(
-    (v, k, D) => {
-      x.open = s.showMetadataDialog, e.set_text(u, v), e.set_text(m, k), e.set_text(W, D);
+  var k = e.sibling(j, 2);
+  e.each(k, 17, () => e.get(i), e.index, (v, P) => {
+    var z = or(), X = e.first_child(z), q = e.child(X, !0);
+    e.reset(X);
+    var V = e.sibling(X, 2), G = e.child(V);
+    e.html(G, () => e.get(P).value), e.reset(V), e.template_effect(() => e.set_text(q, e.get(P).label)), e.append(v, z);
+  }), e.reset(o), e.reset(p);
+  var b = e.sibling(p, 2), y = e.child(b), D = e.child(y);
+  D.__click = () => s.toggleMetadataDialog();
+  var m = e.child(D, !0);
+  e.reset(D), e.reset(y), e.reset(b), e.reset(w);
+  var h = e.sibling(w, 2), N = e.child(h);
+  N.__click = () => s.toggleMetadataDialog();
+  var Q = e.child(N, !0);
+  e.reset(N), e.reset(h), e.reset(S), e.template_effect(
+    (v, P, z) => {
+      S.open = s.showMetadataDialog, e.set_text(g, v), e.set_text(m, P), e.set_text(Q, z);
     },
     [
-      () => e.get(n) ? e.get(n).getLabel().length && e.get(n).getLabel()[0] ? e.get(n).getLabel()[0].value : B.metadata_label_fallback() : B.loading(),
+      () => e.get(r) ? e.get(r).getLabel().length && e.get(r).getLabel()[0] ? e.get(r).getLabel()[0].value : B.metadata_label_fallback() : B.loading(),
       () => B.close(),
       () => B.close()
     ]
-  ), e.append(r, x), e.pop();
+  ), e.append(n, S), e.pop();
 }
 e.delegate(["click"]);
-e.create_custom_element(et, {}, [], [], !0);
-var cn = e.from_html('<span class="loading loading-spinner loading-xs"></span>'), dn = e.from_html('<div class="flex justify-center p-8"><span class="loading loading-spinner loading-lg text-primary"></span></div>'), gn = e.from_html('<div class="text-center opacity-50 p-4"> </div>'), un = e.from_html('<div class="text-center opacity-50 p-4 text-sm"> </div>'), fn = 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>'), hn = e.from_html('<div class="leading-relaxed"> </div>'), vn = 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>'), pn = e.from_html('<div class="text-xs font-bold opacity-50 uppercase tracking-wider pb-2"> </div> <!>', 1), mn = e.from_html('<div class="h-full w-80 bg-base-200 shadow-2xl z-100 flex flex-col border-l border-base-300" role="dialog"><div class="p-4 bg-base-300 flex justify-between items-center shrink-0"><h2 class="font-bold text-lg"> </h2> <button class="btn btn-sm btn-circle btn-ghost">✕</button></div> <div class="p-4 border-b border-base-300 shrink-0"><div class="join w-full"><input type="text" class="input input-bordered join-item w-full"/> <button class="btn btn-primary join-item"><!></button></div></div> <div class="flex-1 overflow-y-auto p-4 space-y-4"><!></div></div>');
-function tt(r, t) {
+e.create_custom_element(tt, {}, [], [], !0);
+var cr = e.from_html('<span class="loading loading-spinner loading-xs"></span>'), dr = e.from_html('<div class="flex justify-center p-8"><span class="loading loading-spinner loading-lg text-primary"></span></div>'), gr = e.from_html('<div class="text-center opacity-50 p-4"> </div>'), ur = e.from_html('<div class="text-center opacity-50 p-4 text-sm"> </div>'), fr = 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>'), hr = e.from_html('<div class="leading-relaxed"> </div>'), vr = 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>'), pr = e.from_html('<div class="text-xs font-bold opacity-50 uppercase tracking-wider pb-2"> </div> <!>', 1), mr = e.from_html('<div class="h-full w-80 bg-base-200 shadow-2xl z-100 flex flex-col border-l border-base-300" role="dialog"><div class="p-4 bg-base-300 flex justify-between items-center shrink-0"><h2 class="font-bold text-lg"> </h2> <button class="btn btn-sm btn-circle btn-ghost">✕</button></div> <div class="p-4 border-b border-base-300 shrink-0"><div class="join w-full"><input type="text" class="input input-bordered join-item w-full"/> <button class="btn btn-primary join-item"><!></button></div></div> <div class="flex-1 overflow-y-auto p-4 space-y-4"><!></div></div>');
+function st(n, t) {
   e.push(t, !0);
-  const s = le(ae);
-  let n = e.state(e.proxy(s.searchQuery));
-  function a() {
-    s.search(e.get(n));
+  const s = ce(ie);
+  let r = e.state(e.proxy(s.searchQuery));
+  function i() {
+    s.search(e.get(r));
   }
-  function i($) {
-    $.key === "Enter" && a();
+  function a(T) {
+    T.key === "Enter" && i();
   }
-  function I($) {
-    const j = s.canvases[$.canvasIndex];
-    j && (s.canvasId = j.id);
+  function M(T) {
+    const L = s.canvases[T.canvasIndex];
+    L && (s.canvasId = L.id);
   }
-  var C = e.comment(), x = e.first_child(C);
+  var $ = e.comment(), S = e.first_child($);
   {
-    var w = ($) => {
-      var j = mn(), d = e.child(j), u = e.child(d), p = e.child(u, !0);
-      e.reset(u);
-      var c = e.sibling(u, 2);
+    var w = (T) => {
+      var L = mr(), d = e.child(L), g = e.child(d), p = e.child(g, !0);
+      e.reset(g);
+      var c = e.sibling(g, 2);
       c.__click = () => s.toggleSearchPanel(), e.reset(d);
-      var f = e.sibling(d, 2), l = e.child(f), S = e.child(l);
-      e.remove_input_defaults(S), S.__keydown = i;
-      var H = e.sibling(S, 2);
-      H.__click = a;
-      var z = e.child(H);
+      var u = e.sibling(d, 2), o = e.child(u), I = e.child(o);
+      e.remove_input_defaults(I), I.__keydown = a;
+      var R = e.sibling(I, 2);
+      R.__click = i;
+      var j = e.child(R);
       {
-        var o = (h) => {
-          var X = cn();
-          e.append(h, X);
-        }, T = (h) => {
-          Xe(h, { size: 20, weight: "bold" });
+        var l = (h) => {
+          var N = cr();
+          e.append(h, N);
+        }, k = (h) => {
+          qe(h, { size: 20, weight: "bold" });
         };
-        e.if(z, (h) => {
-          s.isSearching ? h(o) : h(T, !1);
+        e.if(j, (h) => {
+          s.isSearching ? h(l) : h(k, !1);
         });
       }
-      e.reset(H), e.reset(l), e.reset(f);
-      var b = e.sibling(f, 2), y = e.child(b);
+      e.reset(R), e.reset(o), e.reset(u);
+      var b = e.sibling(u, 2), y = e.child(b);
       {
-        var L = (h) => {
-          var X = dn();
-          e.append(h, X);
+        var D = (h) => {
+          var N = dr();
+          e.append(h, N);
         }, m = (h) => {
-          var X = e.comment(), W = e.first_child(X);
+          var N = e.comment(), Q = e.first_child(N);
           {
-            var v = (D) => {
-              var q = gn(), Q = e.child(q, !0);
-              e.reset(q), e.template_effect((V) => e.set_text(Q, V), [
+            var v = (z) => {
+              var X = gr(), q = e.child(X, !0);
+              e.reset(X), e.template_effect((V) => e.set_text(q, V), [
                 () => B.search_panel_no_results({ query: s.searchQuery })
-              ]), e.append(D, q);
-            }, k = (D) => {
-              var q = e.comment(), Q = e.first_child(q);
+              ]), e.append(z, X);
+            }, P = (z) => {
+              var X = e.comment(), q = e.first_child(X);
               {
-                var V = (N) => {
-                  var K = un(), te = e.child(K, !0);
-                  e.reset(K), e.template_effect((g) => e.set_text(te, g), [() => B.search_panel_instruction()]), e.append(N, K);
-                }, G = (N) => {
-                  var K = pn(), te = e.first_child(K), g = e.child(te, !0);
-                  e.reset(te);
-                  var _ = e.sibling(te, 2);
-                  e.each(_, 17, () => s.searchResults, e.index, (R, E) => {
-                    var O = vn();
-                    O.__click = () => I(e.get(E));
-                    var P = e.child(O), M = e.child(P), Z = e.child(M, !0);
-                    e.reset(M), e.reset(P);
-                    var se = e.sibling(P, 2);
+                var V = (Y) => {
+                  var K = ur(), ee = e.child(K, !0);
+                  e.reset(K), e.template_effect((re) => e.set_text(ee, re), [() => B.search_panel_instruction()]), e.append(Y, K);
+                }, G = (Y) => {
+                  var K = pr(), ee = e.first_child(K), re = e.child(ee, !0);
+                  e.reset(ee);
+                  var f = e.sibling(ee, 2);
+                  e.each(f, 17, () => s.searchResults, e.index, (_, C) => {
+                    var x = vr();
+                    x.__click = () => M(e.get(C));
+                    var W = e.child(x), E = e.child(W), O = e.child(E, !0);
+                    e.reset(E), e.reset(W);
+                    var te = e.sibling(W, 2);
                     {
-                      var re = (U) => {
-                        var ee = fn(), ne = e.child(ee), st = e.child(ne);
-                        e.html(st, () => e.get(E).before), e.reset(ne);
-                        var Le = e.sibling(ne, 2), rt = e.child(Le);
-                        e.html(rt, () => e.get(E).match), e.reset(Le);
-                        var Ge = e.sibling(Le, 2), nt = e.child(Ge);
-                        e.html(nt, () => e.get(E).after), e.reset(Ge), e.reset(ee), e.append(U, ee);
-                      }, Y = (U) => {
-                        var ee = hn(), ne = e.child(ee, !0);
-                        e.reset(ee), e.template_effect(() => e.set_text(ne, e.get(E).match)), e.append(U, ee);
+                      var se = (H) => {
+                        var U = fr(), Z = e.child(U), ae = e.child(Z);
+                        e.html(ae, () => e.get(C).before), e.reset(Z);
+                        var De = e.sibling(Z, 2), nt = e.child(De);
+                        e.html(nt, () => e.get(C).match), e.reset(De);
+                        var Re = e.sibling(De, 2), rt = e.child(Re);
+                        e.html(rt, () => e.get(C).after), e.reset(Re), e.reset(U), e.append(H, U);
+                      }, ne = (H) => {
+                        var U = hr(), Z = e.child(U, !0);
+                        e.reset(U), e.template_effect(() => e.set_text(Z, e.get(C).match)), e.append(H, U);
                       };
-                      e.if(se, (U) => {
-                        e.get(E).type === "hit" ? U(re) : U(Y, !1);
+                      e.if(te, (H) => {
+                        e.get(C).type === "hit" ? H(se) : H(ne, !1);
                       });
                     }
-                    e.reset(O), e.template_effect(() => e.set_text(Z, e.get(E).canvasLabel)), e.append(R, O);
-                  }), e.template_effect((R) => e.set_text(g, R), [
+                    e.reset(x), e.template_effect(() => e.set_text(O, e.get(C).canvasLabel)), e.append(_, x);
+                  }), e.template_effect((_) => e.set_text(re, _), [
                     () => B.search_panel_results_count({ count: s.searchResults.length })
-                  ]), e.append(N, K);
+                  ]), e.append(Y, K);
                 };
                 e.if(
-                  Q,
-                  (N) => {
-                    s.searchResults.length === 0 && !s.searchQuery ? N(V) : N(G, !1);
+                  q,
+                  (Y) => {
+                    s.searchResults.length === 0 && !s.searchQuery ? Y(V) : Y(G, !1);
                   },
                   !0
                 );
               }
-              e.append(D, q);
+              e.append(z, X);
             };
             e.if(
-              W,
-              (D) => {
-                s.searchResults.length === 0 && s.searchQuery ? D(v) : D(k, !1);
+              Q,
+              (z) => {
+                s.searchResults.length === 0 && s.searchQuery ? z(v) : z(P, !1);
               },
               !0
             );
           }
-          e.append(h, X);
+          e.append(h, N);
         };
         e.if(y, (h) => {
-          s.isSearching ? h(L) : h(m, !1);
+          s.isSearching ? h(D) : h(m, !1);
         });
       }
-      e.reset(b), e.reset(j), e.template_effect(
-        (h, X, W, v, k) => {
-          e.set_attribute(j, "aria-label", h), e.set_text(p, X), e.set_attribute(c, "aria-label", W), e.set_attribute(S, "placeholder", v), e.set_attribute(H, "aria-label", k);
+      e.reset(b), e.reset(L), e.template_effect(
+        (h, N, Q, v, P) => {
+          e.set_attribute(L, "aria-label", h), e.set_text(p, N), e.set_attribute(c, "aria-label", Q), e.set_attribute(I, "placeholder", v), e.set_attribute(R, "aria-label", P);
         },
         [
           () => B.search_panel_title(),
@@ -1795,317 +1795,325 @@ function tt(r, t) {
           () => B.search_panel_placeholder(),
           () => B.search_panel_title()
         ]
-      ), e.bind_value(S, () => e.get(n), (h) => e.set(n, h)), e.append($, j);
+      ), e.bind_value(I, () => e.get(r), (h) => e.set(r, h)), e.append(T, L);
     };
-    e.if(x, ($) => {
-      s.showSearchPanel && $(w);
+    e.if(S, (T) => {
+      s.showSearchPanel && T(w);
     });
   }
-  e.append(r, C), e.pop();
+  e.append(n, $), e.pop();
 }
 e.delegate(["click", "keydown"]);
-e.create_custom_element(tt, {}, [], [], !0);
-var _n = e.from_html('<div class="h-full w-[200px] pointer-events-auto relative"><!></div>'), bn = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), yn = e.from_html('<div class="flex-none h-[140px] w-full pointer-events-auto relative z-20"><!></div>'), xn = e.from_html('<div class="w-full h-full flex items-center justify-center"><span class="loading loading-spinner loading-lg text-primary"></span></div>'), wn = e.from_html('<div class="w-full h-full flex items-center justify-center text-error"> </div>'), Sn = e.from_html('<div class="w-full h-full flex items-center justify-center text-base-content/50">No image found</div>'), An = e.from_html('<div class="absolute inset-0 z-40 pointer-events-none"><!></div>'), $n = e.from_html('<div class="flex-none h-[140px] w-full pointer-events-auto relative z-20"><!></div>'), In = e.from_html('<div class="relative w-full z-40 pointer-events-auto"><!></div>'), Tn = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), kn = e.from_html('<div class="h-full w-[200px] pointer-events-auto relative"><!></div>'), Pn = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), Mn = e.from_html('<div id="triiiceratops-viewer" class="flex w-full h-full relative bg-base-100 overflow-hidden"><div class="flex-none flex flex-row z-20 bg-base-200 border-r border-base-300 transition-all"><!> <!></div> <div id="triiiceratops-center-panel" class="flex-1 relative min-w-0 flex flex-col"><!> <div class="flex-1 relative min-h-0 w-full h-full bg-base-100"><!> <!> <!> <!> <!> <!> <!> <!></div> <!> <!></div> <div class="flex-none flex flex-row z-20 bg-base-200 border-l border-base-300 transition-all"><!> <!> <!></div></div>');
-function Cn(r, t) {
+e.create_custom_element(st, {}, [], [], !0);
+var _r = e.from_html('<div class="h-full w-[200px] pointer-events-auto relative"><!></div>'), br = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), yr = e.from_html('<div class="flex-none h-[140px] w-full pointer-events-auto relative z-20"><!></div>'), xr = e.from_html('<div class="w-full h-full flex items-center justify-center"><span class="loading loading-spinner loading-lg text-primary"></span></div>'), wr = e.from_html('<div class="w-full h-full flex items-center justify-center text-error"> </div>'), Sr = e.from_html('<div class="w-full h-full flex items-center justify-center text-base-content/50">No image found</div>'), Ar = e.from_html('<div class="absolute inset-0 z-40 pointer-events-none"><!></div>'), Ir = e.from_html('<div class="flex-none h-[140px] w-full pointer-events-auto relative z-20"><!></div>'), $r = e.from_html('<div class="relative w-full z-40 pointer-events-auto"><!></div>'), Tr = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), kr = e.from_html('<div class="h-full w-[200px] pointer-events-auto relative"><!></div>'), Pr = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), Mr = e.from_html('<div id="triiiceratops-viewer" class="flex w-full h-full relative bg-base-100 overflow-hidden"><div class="flex-none flex flex-row z-20 bg-base-200 border-r border-base-300 transition-all"><!> <!></div> <div id="triiiceratops-center-panel" class="flex-1 relative min-w-0 flex flex-col"><!> <div class="flex-1 relative min-h-0 w-full h-full bg-base-100"><!> <!> <!> <!> <!> <!> <!> <!></div> <!> <!></div> <div class="flex-none flex flex-row z-20 bg-base-200 border-l border-base-300 transition-all"><!> <!> <!></div></div>');
+function Cr(n, t) {
   e.push(t, !0);
-  let s = e.prop(t, "manifestId", 7), n = e.prop(t, "plugins", 23, () => []);
-  const a = new St(null, n());
-  ct(ae, a), dt(() => {
+  let s = e.prop(t, "manifestId", 7), r = e.prop(t, "canvasId", 7), i = e.prop(t, "plugins", 23, () => []);
+  const a = new St(null, r(), i());
+  ct(ie, a), dt(() => {
     a.destroyAllPlugins();
   }), e.user_effect(() => {
     s() && a.setManifest(s());
   }), e.user_effect(() => {
-    const g = () => {
+    r() && a.setCanvas(r());
+  }), e.user_effect(() => {
+    const f = () => {
       a.isFullScreen = !!document.fullscreenElement;
     };
-    return document.addEventListener("fullscreenchange", g), () => {
-      document.removeEventListener("fullscreenchange", g);
+    return document.addEventListener("fullscreenchange", f), () => {
+      document.removeEventListener("fullscreenchange", f);
     };
   });
-  let i = e.derived(() => a.manifest), I = e.derived(() => a.canvases), C = e.derived(() => a.currentCanvasIndex), x = e.derived(() => {
-    var se, re;
-    if (!e.get(I) || e.get(C) === -1 || !e.get(I)[e.get(C)])
-      return (se = e.get(i)) != null && se.isFetching || console.log("TriiiceratopsViewer: No canvas found"), null;
-    const g = e.get(I)[e.get(C)];
-    let _ = g.getImages();
-    if ((!_ || !_.length) && g.getContent && (_ = g.getContent()), !_ || !_.length)
-      return g.__jsonld && g.__jsonld.items, (re = e.get(i)) != null && re.isFetching || console.log("TriiiceratopsViewer: No images/content in canvas"), null;
-    const R = _[0];
-    let E = R.getResource ? R.getResource() : null;
-    if (!E && R.getBody) {
-      const Y = R.getBody();
-      Array.isArray(Y) && Y.length > 0 ? E = Y[0] : Y && (E = Y);
+  let M = e.derived(() => a.manifest), $ = e.derived(() => a.canvases), S = e.derived(() => a.currentCanvasIndex), w = e.derived(() => {
+    var se, ne;
+    if (!e.get($) || e.get(S) === -1 || !e.get($)[e.get(S)])
+      return (se = e.get(M)) != null && se.isFetching || console.log("TriiiceratopsViewer: No canvas found"), null;
+    const f = e.get($)[e.get(S)];
+    let _ = f.getImages();
+    if ((!_ || !_.length) && f.getContent && (_ = f.getContent()), !_ || !_.length)
+      return f.__jsonld && f.__jsonld.items, (ne = e.get(M)) != null && ne.isFetching || console.log("TriiiceratopsViewer: No images/content in canvas"), null;
+    const C = _[0];
+    let x = C.getResource ? C.getResource() : null;
+    if (!x && C.getBody) {
+      const H = C.getBody();
+      Array.isArray(H) && H.length > 0 ? x = H[0] : H && (x = H);
     }
-    if (E && !E.id && !E.__jsonld && (!E.getServices || E.getServices().length === 0) && (E = null), !E) {
-      const Y = R.__jsonld || R;
-      Y.body && (E = Array.isArray(Y.body) ? Y.body[0] : Y.body);
+    if (x && !x.id && !x.__jsonld && (!x.getServices || x.getServices().length === 0) && (x = null), !x) {
+      const H = C.__jsonld || C;
+      H.body && (x = Array.isArray(H.body) ? H.body[0] : H.body);
     }
-    if (!E)
+    if (!x)
       return null;
-    const O = (Y) => Y.id || Y["@id"];
-    let P = [];
-    if (E.getServices && (P = E.getServices()), !P.length) {
-      const Y = E.__jsonld || E;
-      Y.service && (P = Array.isArray(Y.service) ? Y.service : [Y.service]);
+    const W = (H) => H.id || H["@id"];
+    let E = [];
+    if (x.getServices && (E = x.getServices()), !E.length) {
+      const H = x.__jsonld || x;
+      H.service && (E = Array.isArray(H.service) ? H.service : [H.service]);
     }
-    if (P.length > 0) {
-      const Y = P.find((U) => {
-        const ee = U.getType ? U.getType() : U.type || "", ne = U.getProfile ? U.getProfile() : U.profile || "";
-        return ee === "ImageService1" || ee === "ImageService2" || ee === "ImageService3" || typeof ne == "string" && ne.includes("http://iiif.io/api/image") || typeof ne == "string" && ne === "level0";
+    if (E.length > 0) {
+      const H = E.find((U) => {
+        const Z = U.getType ? U.getType() : U.type || "", ae = U.getProfile ? U.getProfile() : U.profile || "";
+        return Z === "ImageService1" || Z === "ImageService2" || Z === "ImageService3" || typeof ae == "string" && ae.includes("http://iiif.io/api/image") || typeof ae == "string" && ae === "level0";
       });
-      if (Y) {
-        let U = O(Y);
+      if (H) {
+        let U = W(H);
         return U && !U.endsWith("/info.json") && (U = `${U}/info.json`), U;
       }
     }
-    const M = O(E);
-    if (M && M.includes("/iiif/")) {
-      const Y = M.split("/"), U = Y.findIndex((ee) => ee === "full" || ee.match(/^\d+,\d+,\d+,\d+$/));
+    const O = W(x);
+    if (O && O.includes("/iiif/")) {
+      const H = O.split("/"), U = H.findIndex((Z) => Z === "full" || Z.match(/^\d+,\d+,\d+,\d+$/));
       if (U > 0)
-        return `${Y.slice(0, U).join("/")}/info.json`;
+        return `${H.slice(0, U).join("/")}/info.json`;
     }
-    return console.log("TriiiceratopsViewer: No service or ID found, returning raw URL"), { type: "image", url: M };
+    return console.log("TriiiceratopsViewer: No service or ID found, returning raw URL"), { type: "image", url: O };
   });
-  var w = {
+  var T = {
     get manifestId() {
       return s();
     },
-    set manifestId(g) {
-      s(g), e.flush();
+    set manifestId(f) {
+      s(f), e.flush();
+    },
+    get canvasId() {
+      return r();
+    },
+    set canvasId(f) {
+      r(f), e.flush();
     },
     get plugins() {
-      return n();
+      return i();
     },
-    set plugins(g = []) {
-      n(g), e.flush();
+    set plugins(f = []) {
+      i(f), e.flush();
     }
-  }, $ = Mn(), j = e.child($), d = e.child(j);
+  }, L = Mr(), d = e.child(L), g = e.child(d);
   {
-    var u = (g) => {
-      var _ = _n(), R = e.child(_);
-      ie(R, {
+    var p = (f) => {
+      var _ = _r(), C = e.child(_);
+      oe(C, {
         get canvases() {
-          return e.get(I);
+          return e.get($);
         }
-      }), e.reset(_), e.append(g, _);
+      }), e.reset(_), e.append(f, _);
     };
-    e.if(d, (g) => {
-      a.showThumbnailGallery && a.dockSide === "left" && g(u);
+    e.if(g, (f) => {
+      a.showThumbnailGallery && a.dockSide === "left" && f(p);
     });
   }
-  var p = e.sibling(d, 2);
-  e.each(p, 17, () => a.pluginPanels, (g) => g.id, (g, _) => {
-    var R = e.comment(), E = e.first_child(R);
+  var c = e.sibling(g, 2);
+  e.each(c, 17, () => a.pluginPanels, (f) => f.id, (f, _) => {
+    var C = e.comment(), x = e.first_child(C);
     {
-      var O = (P) => {
-        var M = bn(), Z = e.child(M);
-        e.component(Z, () => e.get(_).component, (se, re) => {
-          re(se, e.spread_props(() => e.get(_).props ?? {}));
-        }), e.reset(M), e.append(P, M);
+      var W = (E) => {
+        var O = br(), te = e.child(O);
+        e.component(te, () => e.get(_).component, (se, ne) => {
+          ne(se, e.spread_props(() => e.get(_).props ?? {}));
+        }), e.reset(O), e.append(E, O);
       };
-      e.if(E, (P) => {
-        e.get(_).isVisible() && e.get(_).position === "left" && P(O);
+      e.if(x, (E) => {
+        e.get(_).isVisible() && e.get(_).position === "left" && E(W);
       });
     }
-    e.append(g, R);
-  }), e.reset(j);
-  var c = e.sibling(j, 2), f = e.child(c);
+    e.append(f, C);
+  }), e.reset(d);
+  var u = e.sibling(d, 2), o = e.child(u);
   {
-    var l = (g) => {
-      var _ = yn(), R = e.child(_);
-      ie(R, {
+    var I = (f) => {
+      var _ = yr(), C = e.child(_);
+      oe(C, {
         get canvases() {
-          return e.get(I);
+          return e.get($);
         }
-      }), e.reset(_), e.append(g, _);
+      }), e.reset(_), e.append(f, _);
     };
-    e.if(f, (g) => {
-      a.showThumbnailGallery && a.dockSide === "top" && g(l);
+    e.if(o, (f) => {
+      a.showThumbnailGallery && a.dockSide === "top" && f(I);
     });
   }
-  var S = e.sibling(f, 2), H = e.child(S);
+  var R = e.sibling(o, 2), j = e.child(R);
   {
-    var z = (g) => {
-      var _ = xn();
-      e.append(g, _);
-    }, o = (g) => {
-      var _ = e.comment(), R = e.first_child(_);
+    var l = (f) => {
+      var _ = xr();
+      e.append(f, _);
+    }, k = (f) => {
+      var _ = e.comment(), C = e.first_child(_);
       {
-        var E = (P) => {
-          var M = wn(), Z = e.child(M);
-          e.reset(M), e.template_effect(() => e.set_text(Z, `Error: ${e.get(i).error ?? ""}`)), e.append(P, M);
-        }, O = (P) => {
-          var M = e.comment(), Z = e.first_child(M);
+        var x = (E) => {
+          var O = wr(), te = e.child(O);
+          e.reset(O), e.template_effect(() => e.set_text(te, `Error: ${e.get(M).error ?? ""}`)), e.append(E, O);
+        }, W = (E) => {
+          var O = e.comment(), te = e.first_child(O);
           {
-            var se = (Y) => {
-              var U = e.comment(), ee = e.first_child(U);
-              e.key(ee, () => e.get(x), (ne) => {
-                Qe(ne, {
+            var se = (H) => {
+              var U = e.comment(), Z = e.first_child(U);
+              e.key(Z, () => e.get(w), (ae) => {
+                We(ae, {
                   get tileSources() {
-                    return e.get(x);
+                    return e.get(w);
                   },
                   get viewerState() {
                     return a;
                   }
                 });
-              }), e.append(Y, U);
-            }, re = (Y) => {
-              var U = Sn();
-              e.append(Y, U);
+              }), e.append(H, U);
+            }, ne = (H) => {
+              var U = Sr();
+              e.append(H, U);
             };
             e.if(
-              Z,
-              (Y) => {
-                e.get(x) ? Y(se) : Y(re, !1);
+              te,
+              (H) => {
+                e.get(w) ? H(se) : H(ne, !1);
               },
               !0
             );
           }
-          e.append(P, M);
+          e.append(E, O);
         };
         e.if(
-          R,
-          (P) => {
-            var M;
-            (M = e.get(i)) != null && M.error ? P(E) : P(O, !1);
+          C,
+          (E) => {
+            var O;
+            (O = e.get(M)) != null && O.error ? E(x) : E(W, !1);
           },
           !0
         );
       }
-      e.append(g, _);
+      e.append(f, _);
     };
-    e.if(H, (g) => {
+    e.if(j, (f) => {
       var _;
-      (_ = e.get(i)) != null && _.isFetching ? g(z) : g(o, !1);
+      (_ = e.get(M)) != null && _.isFetching ? f(l) : f(k, !1);
     });
   }
-  var T = e.sibling(H, 2);
-  Ke(T, {});
-  var b = e.sibling(T, 2);
-  et(b, {});
+  var b = e.sibling(j, 2);
+  Je(b, {});
   var y = e.sibling(b, 2);
-  Je(y, {});
-  var L = e.sibling(y, 2);
-  Ze(L, {});
-  var m = e.sibling(L, 2);
-  e.each(m, 17, () => a.pluginPanels, (g) => g.id, (g, _) => {
-    var R = e.comment(), E = e.first_child(R);
+  tt(y, {});
+  var D = e.sibling(y, 2);
+  Ze(D, {});
+  var m = e.sibling(D, 2);
+  et(m, {});
+  var h = e.sibling(m, 2);
+  e.each(h, 17, () => a.pluginPanels, (f) => f.id, (f, _) => {
+    var C = e.comment(), x = e.first_child(C);
     {
-      var O = (P) => {
-        var M = An(), Z = e.child(M);
-        e.component(Z, () => e.get(_).component, (se, re) => {
-          re(se, e.spread_props(() => e.get(_).props ?? {}));
-        }), e.reset(M), e.append(P, M);
+      var W = (E) => {
+        var O = Ar(), te = e.child(O);
+        e.component(te, () => e.get(_).component, (se, ne) => {
+          ne(se, e.spread_props(() => e.get(_).props ?? {}));
+        }), e.reset(O), e.append(E, O);
       };
-      e.if(E, (P) => {
-        e.get(_).isVisible() && e.get(_).position === "overlay" && P(O);
+      e.if(x, (E) => {
+        e.get(_).isVisible() && e.get(_).position === "overlay" && E(W);
       });
     }
-    e.append(g, R);
+    e.append(f, C);
   });
-  var h = e.sibling(m, 2);
+  var N = e.sibling(h, 2);
   {
-    var X = (g) => {
-      Ue(g, {
+    var Q = (f) => {
+      Ke(f, {
         get viewerState() {
           return a;
         }
       });
     };
-    e.if(h, (g) => {
-      e.get(I).length > 1 && g(X);
+    e.if(N, (f) => {
+      e.get($).length > 1 && f(Q);
     });
   }
-  var W = e.sibling(h, 2);
+  var v = e.sibling(N, 2);
   {
-    var v = (g) => {
-      ie(g, {
+    var P = (f) => {
+      oe(f, {
         get canvases() {
-          return e.get(I);
+          return e.get($);
         }
       });
     };
-    e.if(W, (g) => {
-      a.showThumbnailGallery && a.dockSide === "none" && g(v);
+    e.if(v, (f) => {
+      a.showThumbnailGallery && a.dockSide === "none" && f(P);
     });
   }
-  e.reset(S);
-  var k = e.sibling(S, 2);
+  e.reset(R);
+  var z = e.sibling(R, 2);
   {
-    var D = (g) => {
-      var _ = $n(), R = e.child(_);
-      ie(R, {
+    var X = (f) => {
+      var _ = Ir(), C = e.child(_);
+      oe(C, {
         get canvases() {
-          return e.get(I);
+          return e.get($);
         }
-      }), e.reset(_), e.append(g, _);
+      }), e.reset(_), e.append(f, _);
     };
-    e.if(k, (g) => {
-      a.showThumbnailGallery && a.dockSide === "bottom" && g(D);
+    e.if(z, (f) => {
+      a.showThumbnailGallery && a.dockSide === "bottom" && f(X);
     });
   }
-  var q = e.sibling(k, 2);
-  e.each(q, 17, () => a.pluginPanels, (g) => g.id, (g, _) => {
-    var R = e.comment(), E = e.first_child(R);
+  var q = e.sibling(z, 2);
+  e.each(q, 17, () => a.pluginPanels, (f) => f.id, (f, _) => {
+    var C = e.comment(), x = e.first_child(C);
     {
-      var O = (P) => {
-        var M = In(), Z = e.child(M);
-        e.component(Z, () => e.get(_).component, (se, re) => {
-          re(se, e.spread_props(() => e.get(_).props ?? {}));
-        }), e.reset(M), e.append(P, M);
+      var W = (E) => {
+        var O = $r(), te = e.child(O);
+        e.component(te, () => e.get(_).component, (se, ne) => {
+          ne(se, e.spread_props(() => e.get(_).props ?? {}));
+        }), e.reset(O), e.append(E, O);
       };
-      e.if(E, (P) => {
-        e.get(_).isVisible() && e.get(_).position === "bottom" && P(O);
+      e.if(x, (E) => {
+        e.get(_).isVisible() && e.get(_).position === "bottom" && E(W);
       });
     }
-    e.append(g, R);
-  }), e.reset(c);
-  var Q = e.sibling(c, 2), V = e.child(Q);
+    e.append(f, C);
+  }), e.reset(u);
+  var V = e.sibling(u, 2), G = e.child(V);
   {
-    var G = (g) => {
-      var _ = Tn(), R = e.child(_);
-      tt(R, {}), e.reset(_), e.append(g, _);
+    var Y = (f) => {
+      var _ = Tr(), C = e.child(_);
+      st(C, {}), e.reset(_), e.append(f, _);
     };
-    e.if(V, (g) => {
-      a.showSearchPanel && g(G);
+    e.if(G, (f) => {
+      a.showSearchPanel && f(Y);
     });
   }
-  var N = e.sibling(V, 2);
+  var K = e.sibling(G, 2);
   {
-    var K = (g) => {
-      var _ = kn(), R = e.child(_);
-      ie(R, {
+    var ee = (f) => {
+      var _ = kr(), C = e.child(_);
+      oe(C, {
         get canvases() {
-          return e.get(I);
+          return e.get($);
         }
-      }), e.reset(_), e.append(g, _);
+      }), e.reset(_), e.append(f, _);
     };
-    e.if(N, (g) => {
-      a.showThumbnailGallery && a.dockSide === "right" && g(K);
+    e.if(K, (f) => {
+      a.showThumbnailGallery && a.dockSide === "right" && f(ee);
     });
   }
-  var te = e.sibling(N, 2);
-  return e.each(te, 17, () => a.pluginPanels, (g) => g.id, (g, _) => {
-    var R = e.comment(), E = e.first_child(R);
+  var re = e.sibling(K, 2);
+  return e.each(re, 17, () => a.pluginPanels, (f) => f.id, (f, _) => {
+    var C = e.comment(), x = e.first_child(C);
     {
-      var O = (P) => {
-        var M = Pn(), Z = e.child(M);
-        e.component(Z, () => e.get(_).component, (se, re) => {
-          re(se, e.spread_props(() => e.get(_).props ?? {}));
-        }), e.reset(M), e.append(P, M);
+      var W = (E) => {
+        var O = Pr(), te = e.child(O);
+        e.component(te, () => e.get(_).component, (se, ne) => {
+          ne(se, e.spread_props(() => e.get(_).props ?? {}));
+        }), e.reset(O), e.append(E, O);
       };
-      e.if(E, (P) => {
-        e.get(_).isVisible() && e.get(_).position === "right" && P(O);
+      e.if(x, (E) => {
+        e.get(_).isVisible() && e.get(_).position === "right" && E(W);
       });
     }
-    e.append(g, R);
-  }), e.reset(Q), e.reset($), e.append(r, $), e.pop(w);
+    e.append(f, C);
+  }), e.reset(V), e.reset(L), e.append(n, L), e.pop(T);
 }
-e.create_custom_element(Cn, { manifestId: {}, plugins: {} }, [], [], !0);
+e.create_custom_element(Cr, { manifestId: {}, canvasId: {}, plugins: {} }, [], [], !0);
 export {
-  Zn as BasePlugin,
+  Zr as BasePlugin,
   wt as ManifestsState,
-  Cn as TriiiceratopsViewer,
-  ae as VIEWER_STATE_KEY,
+  Cr as TriiiceratopsViewer,
+  ie as VIEWER_STATE_KEY,
   St as ViewerState
 };