triiiceratops 0.7.1 → 0.8.0

package/dist/index.js

@@ -1,42 +1,42 @@
-var ft = Object.defineProperty;
-var qe = (i) => {
-  throw TypeError(i);
+var ht = Object.defineProperty;
+var Qe = (s) => {
+  throw TypeError(s);
 };
-var ut = (i, t, r) => t in i ? ft(i, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : i[t] = r;
-var Ne = (i, t, r) => ut(i, typeof t != "symbol" ? t + "" : t, r), gt = (i, t, r) => t.has(i) || qe("Cannot " + r);
-var M = (i, t, r) => (gt(i, t, "read from private field"), r ? r.call(i) : t.get(i)), K = (i, t, r) => t.has(i) ? qe("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, r);
+var vt = (s, t, r) => t in s ? ht(s, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : s[t] = r;
+var Ne = (s, t, r) => vt(s, typeof t != "symbol" ? t + "" : t, r), pt = (s, t, r) => t.has(s) || Qe("Cannot " + r);
+var M = (s, t, r) => (pt(s, t, "read from private field"), r ? r.call(s) : t.get(s)), ee = (s, t, r) => t.has(s) ? Qe("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(s) : t.set(s, r);
 import "svelte/internal/disclose-version";
 import * as e from "svelte/internal/client";
-import { onMount as vt, getContext as fe, setContext as ht, onDestroy as pt } from "svelte";
-import * as mt from "manifesto.js";
-import Qe from "openseadragon";
-import bt from "phosphor-svelte/lib/CaretLeft";
-import _t from "phosphor-svelte/lib/CaretRight";
-import { m as E, l as yt } from "./plugin-DMqSBxJD.js";
-import { B as $i } from "./plugin-DMqSBxJD.js";
-import wt from "phosphor-svelte/lib/CaretDown";
-import We from "phosphor-svelte/lib/Eye";
+import { onMount as mt, getContext as he, untrack as bt, setContext as _t, onDestroy as yt } from "svelte";
+import * as wt from "manifesto.js";
+import We from "openseadragon";
+import xt from "phosphor-svelte/lib/CaretLeft";
+import St from "phosphor-svelte/lib/CaretRight";
+import { m as $, l as At } from "./plugin-DMqSBxJD.js";
+import { B as Ns } from "./plugin-DMqSBxJD.js";
+import It from "phosphor-svelte/lib/CaretDown";
+import Je from "phosphor-svelte/lib/Eye";
 import Ue from "phosphor-svelte/lib/EyeSlash";
-import Fe from "phosphor-svelte/lib/X";
-import xt from "phosphor-svelte/lib/ChatCenteredText";
-import St from "phosphor-svelte/lib/CornersIn";
-import At from "phosphor-svelte/lib/CornersOut";
-import It from "phosphor-svelte/lib/Info";
-import Ze from "phosphor-svelte/lib/MagnifyingGlass";
-import Ct from "phosphor-svelte/lib/List";
-import kt from "phosphor-svelte/lib/Slideshow";
-import Pt from "phosphor-svelte/lib/PuzzlePiece";
+import qe from "phosphor-svelte/lib/X";
+import Ct from "phosphor-svelte/lib/ChatCenteredText";
+import kt from "phosphor-svelte/lib/CornersIn";
+import Pt from "phosphor-svelte/lib/CornersOut";
+import Mt from "phosphor-svelte/lib/Info";
+import et from "phosphor-svelte/lib/MagnifyingGlass";
+import Tt from "phosphor-svelte/lib/List";
+import zt from "phosphor-svelte/lib/Slideshow";
+import jt from "phosphor-svelte/lib/PuzzlePiece";
 import "phosphor-svelte/lib/Spinner";
-var ge;
-class Mt {
+var ve;
+class Lt {
   constructor() {
-    K(this, ge, e.state(e.proxy({})));
+    ee(this, ve, e.state(e.proxy({})));
   }
   get manifests() {
-    return e.get(M(this, ge));
+    return e.get(M(this, ve));
   }
   set manifests(t) {
-    e.set(M(this, ge), t, !0);
+    e.set(M(this, ve), t, !0);
   }
   async fetchManifest(t) {
     if (!this.manifests[t]) {
@@ -45,8 +45,8 @@ class Mt {
         const r = await fetch(t);
         if (!r.ok)
           throw new Error(`HTTP error! status: ${r.status}`);
-        const s = await r.json(), a = mt.parseManifest(s);
-        this.manifests[t] = { json: s, manifesto: a, isFetching: !1 };
+        const i = await r.json(), n = wt.parseManifest(i);
+        this.manifests[t] = { json: i, manifesto: n, isFetching: !1 };
       } catch (r) {
         this.manifests[t] = { error: r.message, isFetching: !1 };
       }
@@ -61,8 +61,8 @@ class Mt {
       try {
         const r = await fetch(t);
         if (r.ok) {
-          const s = await r.json();
-          this.manifests[t] = { json: s };
+          const i = await r.json();
+          this.manifests[t] = { json: i };
         } else
           console.error(`Failed to fetch annotation list: ${t}`);
       } catch (r) {
@@ -73,162 +73,162 @@ class Mt {
     const r = this.getManifest(t);
     if (!r)
       return [];
-    const s = r.getSequences();
-    return !s || !s.length ? [] : s[0].getCanvases();
+    const i = r.getSequences();
+    return !i || !i.length ? [] : i[0].getCanvases();
   }
   getAnnotations(t, r) {
-    const s = this.getManifest(t);
-    return s ? s.getSequences()[0].getCanvasById(r) ? this.manualGetAnnotations(t, r) : [] : [];
+    const i = this.getManifest(t);
+    return i ? i.getSequences()[0].getCanvasById(r) ? this.manualGetAnnotations(t, r) : [] : [];
   }
   // We can refactor this to use Manifesto's resource handling later if needed.
   manualGetAnnotations(t, r) {
-    const s = this.getManifest(t);
-    if (!s) return [];
-    const a = s.getSequences()[0].getCanvasById(r);
-    if (!a) return [];
-    const o = a.__jsonld;
-    let I = [];
-    const b = (w) => w.resources || w.items || [];
-    return o.otherContent && o.otherContent.forEach((w) => {
-      const P = w["@id"] || w.id;
-      if (P && !w.resources) {
-        const g = this.manifests[P];
-        if (g) {
-          if (g.json) {
-            const O = b(g.json);
-            I.push(...O);
+    const i = this.getManifest(t);
+    if (!i) return [];
+    const n = i.getSequences()[0].getCanvasById(r);
+    if (!n) return [];
+    const a = n.__jsonld;
+    let P = [];
+    const p = (_) => _.resources || _.items || [];
+    return a.otherContent && a.otherContent.forEach((_) => {
+      const z = _["@id"] || _.id;
+      if (z && !_.resources) {
+        const E = this.manifests[z];
+        if (E) {
+          if (E.json) {
+            const f = p(E.json);
+            P.push(...f);
           }
         } else
-          this.fetchAnnotationList(P);
-      } else w.resources && I.push(...w.resources);
-    }), o.annotations && o.annotations.forEach((w) => {
-      const P = w.id || w["@id"];
-      if (P && !w.items) {
-        const g = this.manifests[P];
-        if (g) {
-          if (g.json) {
-            const O = b(g.json);
-            I.push(...O);
+          this.fetchAnnotationList(z);
+      } else _.resources && P.push(..._.resources);
+    }), a.annotations && a.annotations.forEach((_) => {
+      const z = _.id || _["@id"];
+      if (z && !_.items) {
+        const E = this.manifests[z];
+        if (E) {
+          if (E.json) {
+            const f = p(E.json);
+            P.push(...f);
           }
         } else
-          this.fetchAnnotationList(P);
-      } else w.items && I.push(...w.items);
-    }), I;
+          this.fetchAnnotationList(z);
+      } else _.items && P.push(..._.items);
+    }), P;
   }
 }
-ge = new WeakMap();
-const le = new Mt();
-var ve, he, pe, me, be, _e, ye, we, xe, Se, Ae, Ie, Ce, ke, Pe, Me, Te, ze, je, Le, Re, De, Ee, Ge, Oe, Be;
-class Tt {
-  constructor(t = null, r = null, s = []) {
-    K(this, ve, e.state(null));
-    K(this, he, e.state(null));
-    K(this, pe, e.state(!1));
-    K(this, me, e.state(!1));
-    K(this, be, e.state(!1));
-    K(this, _e, e.state(!1));
-    K(this, ye, e.state(!1));
-    K(this, we, e.state(!1));
-    K(this, xe, e.state("bottom"));
-    K(this, Se, e.state(e.proxy(/* @__PURE__ */ new Set())));
-    K(this, Ae, e.state(e.proxy({})));
-    K(
+ve = new WeakMap();
+const fe = new Lt();
+var pe, me, be, _e, ye, we, xe, Se, Ae, Ie, Ce, ke, Pe, Me, Te, ze, je, Le, Be, De, Re, Oe, Ge, $e, Ee, Fe;
+class Bt {
+  constructor(t = null, r = null, i = []) {
+    ee(this, pe, e.state(null));
+    ee(this, me, e.state(null));
+    ee(this, be, e.state(!1));
+    ee(this, _e, e.state(!1));
+    ee(this, ye, e.state(!1));
+    ee(this, we, e.state(!1));
+    ee(this, xe, e.state(!1));
+    ee(this, Se, e.state(!1));
+    ee(this, Ae, e.state("bottom"));
+    ee(this, Ie, e.state(e.proxy(/* @__PURE__ */ new Set())));
+    ee(this, Ce, e.state(e.proxy({})));
+    ee(
       this,
-      Ie,
+      ke,
       // Gallery State (Lifted for persistence during re-docking)
       e.state(e.proxy({ x: 20, y: 100 }))
     );
-    K(this, Ce, e.state(e.proxy({ width: 300, height: 400 })));
-    K(this, ke, e.state(!1));
-    K(this, Pe, e.state(e.proxy({ x: 0, y: 0 })));
-    K(this, Me, e.state(null));
-    K(this, Te, e.state(null));
+    ee(this, Pe, e.state(e.proxy({ width: 300, height: 400 })));
+    ee(this, Me, e.state(!1));
+    ee(this, Te, e.state(e.proxy({ x: 0, y: 0 })));
+    ee(this, ze, e.state(null));
+    ee(this, je, e.state(null));
     Ne(this, "eventTarget", null);
-    K(this, ze, e.state(""));
-    K(this, je, e.state(e.proxy([])));
-    K(this, Le, e.state(!1));
-    K(this, Re, e.state(!1));
-    K(this, De, e.state(e.proxy([])));
-    K(
+    ee(this, Le, e.state(""));
+    ee(this, Be, e.state(e.proxy([])));
+    ee(this, De, e.state(!1));
+    ee(this, Re, e.state(!1));
+    ee(this, Oe, e.state(e.proxy([])));
+    ee(
       this,
-      Ee,
+      Ge,
       // ==================== PLUGIN STATE ====================
       /** Registered plugins */
       e.state(e.proxy([]))
     );
-    K(this, Ge, e.state(e.proxy([])));
-    K(this, Oe, e.state(e.proxy([])));
-    K(this, Be, e.state(null));
+    ee(this, $e, e.state(e.proxy([])));
+    ee(this, Ee, e.state(e.proxy([])));
+    ee(this, Fe, e.state(null));
     Ne(this, "pluginEventHandlers", /* @__PURE__ */ new Map());
-    this.manifestId = t || null, this.canvasId = r || null, this.manifestId && le.fetchManifest(this.manifestId);
-    for (const a of s)
-      this.registerPlugin(a);
+    this.manifestId = t || null, this.canvasId = r || null, this.manifestId && fe.fetchManifest(this.manifestId);
+    for (const n of i)
+      this.registerPlugin(n);
   }
   get manifestId() {
-    return e.get(M(this, ve));
+    return e.get(M(this, pe));
   }
   set manifestId(t) {
-    e.set(M(this, ve), t, !0);
+    e.set(M(this, pe), t, !0);
   }
   get canvasId() {
-    return e.get(M(this, he));
+    return e.get(M(this, me));
   }
   set canvasId(t) {
-    e.set(M(this, he), t, !0);
+    e.set(M(this, me), t, !0);
   }
   get showAnnotations() {
-    return e.get(M(this, pe));
+    return e.get(M(this, be));
   }
   set showAnnotations(t) {
-    e.set(M(this, pe), t, !0);
+    e.set(M(this, be), t, !0);
   }
   get showThumbnailGallery() {
-    return e.get(M(this, me));
+    return e.get(M(this, _e));
   }
   set showThumbnailGallery(t) {
-    e.set(M(this, me), t, !0);
+    e.set(M(this, _e), t, !0);
   }
   get isGalleryDockedBottom() {
-    return e.get(M(this, be));
+    return e.get(M(this, ye));
   }
   set isGalleryDockedBottom(t) {
-    e.set(M(this, be), t, !0);
+    e.set(M(this, ye), t, !0);
   }
   get isGalleryDockedRight() {
-    return e.get(M(this, _e));
+    return e.get(M(this, we));
   }
   set isGalleryDockedRight(t) {
-    e.set(M(this, _e), t, !0);
+    e.set(M(this, we), t, !0);
   }
   get isFullScreen() {
-    return e.get(M(this, ye));
+    return e.get(M(this, xe));
   }
   set isFullScreen(t) {
-    e.set(M(this, ye), t, !0);
+    e.set(M(this, xe), t, !0);
   }
   get showMetadataDialog() {
-    return e.get(M(this, we));
+    return e.get(M(this, Se));
   }
   set showMetadataDialog(t) {
-    e.set(M(this, we), t, !0);
+    e.set(M(this, Se), t, !0);
   }
   get dockSide() {
-    return e.get(M(this, xe));
+    return e.get(M(this, Ae));
   }
   set dockSide(t) {
-    e.set(M(this, xe), t, !0);
+    e.set(M(this, Ae), t, !0);
   }
   get visibleAnnotationIds() {
-    return e.get(M(this, Se));
+    return e.get(M(this, Ie));
   }
   set visibleAnnotationIds(t) {
-    e.set(M(this, Se), t, !0);
+    e.set(M(this, Ie), t, !0);
   }
   get config() {
-    return e.get(M(this, Ae));
+    return e.get(M(this, Ce));
   }
   set config(t) {
-    e.set(M(this, Ae), t, !0);
+    e.set(M(this, Ce), t, !0);
   }
   get showRightMenu() {
     return this.config.showRightMenu ?? !0;
@@ -240,40 +240,40 @@ class Tt {
     return this.config.showCanvasNav ?? !0;
   }
   get galleryPosition() {
-    return e.get(M(this, Ie));
+    return e.get(M(this, ke));
   }
   set galleryPosition(t) {
-    e.set(M(this, Ie), t, !0);
+    e.set(M(this, ke), t, !0);
   }
   get gallerySize() {
-    return e.get(M(this, Ce));
+    return e.get(M(this, Pe));
   }
   set gallerySize(t) {
-    e.set(M(this, Ce), t, !0);
+    e.set(M(this, Pe), t, !0);
   }
   get isGalleryDragging() {
-    return e.get(M(this, ke));
+    return e.get(M(this, Me));
   }
   set isGalleryDragging(t) {
-    e.set(M(this, ke), t, !0);
+    e.set(M(this, Me), t, !0);
   }
   get galleryDragOffset() {
-    return e.get(M(this, Pe));
+    return e.get(M(this, Te));
   }
   set galleryDragOffset(t) {
-    e.set(M(this, Pe), t, !0);
+    e.set(M(this, Te), t, !0);
   }
   get dragOverSide() {
-    return e.get(M(this, Me));
+    return e.get(M(this, ze));
   }
   set dragOverSide(t) {
-    e.set(M(this, Me), t, !0);
+    e.set(M(this, ze), t, !0);
   }
   get galleryCenterPanelRect() {
-    return e.get(M(this, Te));
+    return e.get(M(this, je));
   }
   set galleryCenterPanelRect(t) {
-    e.set(M(this, Te), t, !0);
+    e.set(M(this, je), t, !0);
   }
   setEventTarget(t) {
     this.eventTarget = t;
@@ -286,13 +286,14 @@ class Tt {
    */
   getSnapshot() {
     let t = -1;
-    return this.manifestId && this.canvasId && (t = le.getCanvases(this.manifestId).findIndex((s) => s.id === this.canvasId)), {
+    return this.manifestId && this.canvasId && (t = fe.getCanvases(this.manifestId).findIndex((i) => i.id === this.canvasId)), {
       manifestId: this.manifestId,
       canvasId: this.canvasId,
       currentCanvasIndex: t,
       showAnnotations: this.showAnnotations,
       showThumbnailGallery: this.showThumbnailGallery,
       showSearchPanel: this.showSearchPanel,
+      searchQuery: this.searchQuery,
       isFullScreen: this.isFullScreen,
       dockSide: this.dockSide
     };
@@ -305,17 +306,17 @@ class Tt {
    * reactive cycle completes, preventing infinite update loops.
    */
   dispatchStateChange(t = "statechange") {
-    this.eventTarget && queueMicrotask(() => {
+    console.log(`[ViewerState] Dispatching ${t}`, JSON.stringify(this.getSnapshot())), this.eventTarget && queueMicrotask(() => {
       var r;
       (r = this.eventTarget) == null || r.dispatchEvent(new CustomEvent(t, { detail: this.getSnapshot(), bubbles: !0, composed: !0 }));
     });
   }
   get manifest() {
-    return this.manifestId ? le.getManifest(this.manifestId) : null;
+    return this.manifestId ? fe.getManifest(this.manifestId) : null;
   }
   get canvases() {
     if (!this.manifestId) return [];
-    const t = le.getCanvases(this.manifestId);
+    const t = fe.getCanvases(this.manifestId);
     return t.length > 0 && !this.canvasId && setTimeout(
       () => {
         !this.canvasId && t.length > 0 && (this.canvasId = t[0].id);
@@ -345,13 +346,20 @@ class Tt {
     }
   }
   setManifest(t) {
-    this.manifestId = t, this.canvasId = null, le.fetchManifest(t), this.dispatchStateChange("manifestchange");
+    this.manifestId = t, this.canvasId = null, fe.fetchManifest(t), this.dispatchStateChange("manifestchange");
   }
   setCanvas(t) {
     this.canvasId = t, this.dispatchStateChange("canvaschange");
   }
   updateConfig(t) {
-    this.config = t, t.gallery && (t.gallery.open !== void 0 && (this.showThumbnailGallery = t.gallery.open), t.gallery.dockPosition !== void 0 && (this.dockSide = t.gallery.dockPosition)), t.search && t.search.open !== void 0 && (this.showSearchPanel = t.search.open), t.annotations && t.annotations.open !== void 0 && (this.showAnnotations = t.annotations.open);
+    var i;
+    const r = this.config;
+    if (this.config = t, t.gallery && (t.gallery.open !== void 0 && (this.showThumbnailGallery = t.gallery.open), t.gallery.dockPosition !== void 0 && (this.dockSide = t.gallery.dockPosition)), t.search) {
+      t.search.open !== void 0 && (this.showSearchPanel = t.search.open);
+      const n = t.search.query, a = (i = r.search) == null ? void 0 : i.query;
+      n !== void 0 && n !== a && n !== this.searchQuery && this._performSearch(n);
+    }
+    t.annotations && t.annotations.open !== void 0 && (this.showAnnotations = t.annotations.open);
   }
   toggleAnnotations() {
     this.showAnnotations = !this.showAnnotations, this.dispatchStateChange();
@@ -373,22 +381,22 @@ class Tt {
     this.showMetadataDialog = !this.showMetadataDialog;
   }
   get searchQuery() {
-    return e.get(M(this, ze));
+    return e.get(M(this, Le));
   }
   set searchQuery(t) {
-    e.set(M(this, ze), t, !0);
+    e.set(M(this, Le), t, !0);
   }
   get searchResults() {
-    return e.get(M(this, je));
+    return e.get(M(this, Be));
   }
   set searchResults(t) {
-    e.set(M(this, je), t, !0);
+    e.set(M(this, Be), t, !0);
   }
   get isSearching() {
-    return e.get(M(this, Le));
+    return e.get(M(this, De));
   }
   set isSearching(t) {
-    e.set(M(this, Le), t, !0);
+    e.set(M(this, De), t, !0);
   }
   get showSearchPanel() {
     return e.get(M(this, Re));
@@ -400,132 +408,148 @@ class Tt {
     this.showSearchPanel = !this.showSearchPanel, this.showSearchPanel || (this.searchAnnotations = []), this.dispatchStateChange();
   }
   get searchAnnotations() {
-    return e.get(M(this, De));
+    return e.get(M(this, Oe));
   }
   set searchAnnotations(t) {
-    e.set(M(this, De), t, !0);
+    e.set(M(this, Oe), t, !0);
   }
   get currentCanvasSearchAnnotations() {
     return this.canvasId ? this.searchAnnotations.filter((t) => t.canvasId === this.canvasId) : [];
   }
   async search(t) {
-    var r, s;
+    this.dispatchStateChange(), await this._performSearch(t), this.dispatchStateChange();
+  }
+  async _performSearch(t) {
+    var r, i;
     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 o = a.getService("http://iiif.io/api/search/1/search") || a.getService("http://iiif.io/api/search/0/search");
-        if (o || a.__jsonld && a.__jsonld.service && (o = (Array.isArray(a.__jsonld.service) ? a.__jsonld.service : [a.__jsonld.service]).find((C) => C.profile === "http://iiif.io/api/search/1/search" || C.profile === "http://iiif.io/api/search/0/search")), !o) {
+        const n = this.manifest;
+        if (!n) throw new Error("No manifest loaded");
+        let a = n.getService("http://iiif.io/api/search/1/search") || n.getService("http://iiif.io/api/search/0/search");
+        if (a || n.__jsonld && n.__jsonld.service && (a = (Array.isArray(n.__jsonld.service) ? n.__jsonld.service : [n.__jsonld.service]).find((v) => v.profile === "http://iiif.io/api/search/1/search" || v.profile === "http://iiif.io/api/search/0/search")), !a) {
           console.warn("No IIIF search service found in manifest"), this.isSearching = !1;
           return;
         }
-        const b = `${o.id || o["@id"]}?q=${encodeURIComponent(t)}`, w = await fetch(b);
-        if (!w.ok) throw new Error("Search request failed");
-        const P = await w.json(), g = P.resources || [], O = [], v = (p) => {
-          const C = typeof p == "string" ? p : p["@id"] || p.id;
-          if (!C) return null;
-          const h = C.split("#xywh=");
-          if (h.length < 2) return null;
-          const l = h[1].split(",").map(Number);
-          return l.length === 4 ? l : null;
+        const p = `${a.id || a["@id"]}?q=${encodeURIComponent(t)}`, _ = await fetch(p);
+        if (!_.ok) throw new Error("Search request failed");
+        const z = await _.json(), E = z.resources || [], f = [], g = (w) => {
+          const v = typeof w == "string" ? w : w["@id"] || w.id;
+          if (!v) return null;
+          const l = v.split("#xywh=");
+          if (l.length < 2) return null;
+          const o = l[1].split(",").map(Number);
+          return o.length === 4 ? o : null;
         };
-        if (P.hits)
-          for (const p of P.hits) {
-            const C = p.annotations || [];
-            for (const h of C) {
-              const l = g.find((c) => c["@id"] === h || c.id === h);
-              if (l && l.on) {
-                const c = typeof l.on == "string" ? l.on : l.on["@id"] || l.on.id, R = c.split("#")[0], T = v(c), u = this.canvases.findIndex((A) => A.id === R);
-                if (u >= 0) {
-                  const A = this.canvases[u];
-                  let $ = "Canvas " + (u + 1);
-                  try {
-                    if (A.getLabel) {
-                      const d = A.getLabel();
-                      Array.isArray(d) && d.length > 0 ? $ = d[0].value : typeof d == "string" && ($ = d);
-                    } else A.label && (typeof A.label == "string" ? $ = A.label : Array.isArray(A.label) && ($ = (r = A.label[0]) == null ? void 0 : r.value));
-                  } catch {
+        if (z.hits)
+          for (const w of z.hits) {
+            const v = w.annotations || [], l = /* @__PURE__ */ new Map();
+            for (const o of v) {
+              const C = E.find((x) => x["@id"] === o || x.id === o);
+              if (C && C.on) {
+                const x = typeof C.on == "string" ? C.on : C.on["@id"] || C.on.id, h = x.split("#")[0], I = g(x), G = this.canvases.findIndex((d) => d.id === h);
+                if (G >= 0) {
+                  if (!l.has(G)) {
+                    const d = this.canvases[G];
+                    let A = "Canvas " + (G + 1);
+                    try {
+                      if (d.getLabel) {
+                        const y = d.getLabel();
+                        Array.isArray(y) && y.length > 0 ? A = y[0].value : typeof y == "string" && (A = y);
+                      } else d.label && (typeof d.label == "string" ? A = d.label : Array.isArray(d.label) && (A = (r = d.label[0]) == null ? void 0 : r.value));
+                    } catch {
+                    }
+                    l.set(G, { label: String(A), bounds: [] });
                   }
-                  O.push({
-                    type: "hit",
-                    before: p.before,
-                    match: p.match,
-                    after: p.after,
-                    canvasIndex: u,
-                    canvasLabel: String($),
-                    bounds: T
-                  });
+                  I && l.get(G).bounds.push(I);
                 }
               }
             }
+            for (const [o, C] of l)
+              f.push({
+                type: "hit",
+                before: w.before,
+                match: w.match,
+                after: w.after,
+                canvasIndex: o,
+                canvasLabel: C.label,
+                // Store all bounds for this hit on this canvas
+                allBounds: C.bounds,
+                // Keep first bounds for backwards compatibility
+                bounds: C.bounds.length > 0 ? C.bounds[0] : null
+              });
           }
-        else if (g.length > 0)
-          for (const p of g) {
-            const C = typeof p.on == "string" ? p.on : p.on["@id"] || p.on.id, h = C.split("#")[0], l = v(C), c = this.canvases.findIndex((R) => R.id === h);
-            if (c >= 0) {
-              const R = this.canvases[c];
-              let T = "Canvas " + (c + 1);
+        else if (E.length > 0)
+          for (const w of E) {
+            const v = typeof w.on == "string" ? w.on : w.on["@id"] || w.on.id, l = v.split("#")[0], o = g(v), C = this.canvases.findIndex((x) => x.id === l);
+            if (C >= 0) {
+              const x = this.canvases[C];
+              let h = "Canvas " + (C + 1);
               try {
-                if (R.getLabel) {
-                  const u = R.getLabel();
-                  Array.isArray(u) && u.length > 0 ? T = u[0].value : typeof u == "string" && (T = u);
-                } else R.label && (typeof R.label == "string" ? T = R.label : Array.isArray(R.label) && (T = (s = R.label[0]) == null ? void 0 : s.value));
+                if (x.getLabel) {
+                  const I = x.getLabel();
+                  Array.isArray(I) && I.length > 0 ? h = I[0].value : typeof I == "string" && (h = I);
+                } else x.label && (typeof x.label == "string" ? h = x.label : Array.isArray(x.label) && (h = (i = x.label[0]) == null ? void 0 : i.value));
               } catch {
               }
-              O.push({
+              f.push({
                 type: "resource",
-                match: p.resource && p.resource.chars ? p.resource.chars : p.chars || "",
-                canvasIndex: c,
-                canvasLabel: String(T),
-                bounds: l
+                match: w.resource && w.resource.chars ? w.resource.chars : w.chars || "",
+                canvasIndex: C,
+                canvasLabel: String(h),
+                bounds: o
               });
             }
           }
-        this.searchResults = O, this.searchAnnotations = O.filter((p) => p.bounds).map((p, C) => {
-          const h = this.canvases[p.canvasIndex], l = `${h.id}#xywh=${p.bounds.join(",")}`;
-          return {
-            "@id": `urn:search-hit:${C}`,
-            "@type": "oa:Annotation",
-            motivation: "sc:painting",
-            on: l,
-            canvasId: h.id,
-            resource: { "@type": "cnt:ContentAsText", chars: p.match },
-            // Flag to identify styling in Overlay?
-            // Or just standard rendering.
-            isSearchHit: !0
-          };
+        this.searchResults = f;
+        let D = 0;
+        this.searchAnnotations = f.flatMap((w) => {
+          const v = this.canvases[w.canvasIndex];
+          return (w.allBounds && w.allBounds.length > 0 ? w.allBounds : w.bounds ? [w.bounds] : []).map((o) => {
+            const C = `${v.id}#xywh=${o.join(",")}`;
+            return {
+              "@id": `urn:search-hit:${D++}`,
+              "@type": "oa:Annotation",
+              motivation: "sc:painting",
+              on: C,
+              canvasId: v.id,
+              resource: { "@type": "cnt:ContentAsText", chars: w.match },
+              // Flag to identify styling in Overlay?
+              // Or just standard rendering.
+              isSearchHit: !0
+            };
+          });
         });
-      } catch (a) {
-        console.error("Search error:", a);
+      } catch (n) {
+        console.error("Search error:", n);
       } finally {
         this.isSearching = !1;
       }
     }
   }
   get plugins() {
-    return e.get(M(this, Ee));
+    return e.get(M(this, Ge));
   }
   set plugins(t) {
-    e.set(M(this, Ee), t, !0);
+    e.set(M(this, Ge), t, !0);
   }
   get pluginMenuButtons() {
-    return e.get(M(this, Ge));
+    return e.get(M(this, $e));
   }
   set pluginMenuButtons(t) {
-    e.set(M(this, Ge), t, !0);
+    e.set(M(this, $e), t, !0);
   }
   get pluginPanels() {
-    return e.get(M(this, Oe));
+    return e.get(M(this, Ee));
   }
   set pluginPanels(t) {
-    e.set(M(this, Oe), t, !0);
+    e.set(M(this, Ee), t, !0);
   }
   get osdViewer() {
-    return e.get(M(this, Be));
+    return e.get(M(this, Fe));
   }
   set osdViewer(t) {
-    e.set(M(this, Be), t, !0);
+    e.set(M(this, Fe), t, !0);
   }
   createPluginContext() {
     const t = this;
@@ -533,25 +557,25 @@ class Tt {
       viewerState: t,
       getOSDViewer: () => t.osdViewer,
       registerMenuButton(r) {
-        t.pluginMenuButtons.find((s) => s.id === r.id) || (t.pluginMenuButtons = [...t.pluginMenuButtons, r]);
+        t.pluginMenuButtons.find((i) => i.id === r.id) || (t.pluginMenuButtons = [...t.pluginMenuButtons, r]);
       },
       unregisterMenuButton(r) {
-        t.pluginMenuButtons = t.pluginMenuButtons.filter((s) => s.id !== r);
+        t.pluginMenuButtons = t.pluginMenuButtons.filter((i) => i.id !== r);
       },
       registerPanel(r) {
-        t.pluginPanels.find((s) => s.id === r.id) || (t.pluginPanels = [...t.pluginPanels, r]);
+        t.pluginPanels.find((i) => i.id === r.id) || (t.pluginPanels = [...t.pluginPanels, r]);
       },
       unregisterPanel(r) {
-        t.pluginPanels = t.pluginPanels.filter((s) => s.id !== r);
+        t.pluginPanels = t.pluginPanels.filter((i) => i.id !== r);
       },
-      emit(r, s) {
-        const a = t.pluginEventHandlers.get(r);
-        a == null || a.forEach((o) => o(s));
+      emit(r, i) {
+        const n = t.pluginEventHandlers.get(r);
+        n == null || n.forEach((a) => a(i));
       },
-      on(r, s) {
-        return t.pluginEventHandlers.has(r) || t.pluginEventHandlers.set(r, /* @__PURE__ */ new Set()), t.pluginEventHandlers.get(r).add(s), () => {
-          var a;
-          (a = t.pluginEventHandlers.get(r)) == null || a.delete(s);
+      on(r, i) {
+        return t.pluginEventHandlers.has(r) || t.pluginEventHandlers.set(r, /* @__PURE__ */ new Set()), t.pluginEventHandlers.get(r).add(i), () => {
+          var n;
+          (n = t.pluginEventHandlers.get(r)) == null || n.delete(i);
         };
       }
     };
@@ -570,9 +594,9 @@ class Tt {
    * Unregister a plugin by ID.
    */
   unregisterPlugin(t) {
-    var s;
-    const r = this.plugins.find((a) => a.id === t);
-    r && ((s = r.onDestroy) == null || s.call(r), 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 i;
+    const r = this.plugins.find((n) => n.id === t);
+    r && ((i = r.onDestroy) == null || i.call(r), this.plugins = this.plugins.filter((n) => n.id !== t), this.pluginMenuButtons = this.pluginMenuButtons.filter((n) => !n.id.startsWith(`${t}:`)), this.pluginPanels = this.pluginPanels.filter((n) => !n.id.startsWith(`${t}:`)));
   }
   /**
    * Called by OSDViewer when OpenSeadragon is ready.
@@ -580,8 +604,8 @@ class Tt {
   notifyOSDReady(t) {
     var r;
     this.osdViewer = t;
-    for (const s of this.plugins)
-      (r = s.onViewerReady) == null || r.call(s, t);
+    for (const i of this.plugins)
+      (r = i.onViewerReady) == null || r.call(i, t);
   }
   /**
    * Destroy all plugins (called on viewer unmount).
@@ -593,8 +617,8 @@ class Tt {
     this.plugins = [], this.pluginMenuButtons = [], this.pluginPanels = [], this.pluginEventHandlers.clear();
   }
 }
-ve = new WeakMap(), he = new WeakMap(), pe = new WeakMap(), me = new WeakMap(), be = new WeakMap(), _e = new WeakMap(), ye = new WeakMap(), we = new WeakMap(), xe = new WeakMap(), Se = new WeakMap(), Ae = new WeakMap(), Ie = new WeakMap(), Ce = new WeakMap(), ke = new WeakMap(), Pe = new WeakMap(), Me = new WeakMap(), Te = new WeakMap(), ze = new WeakMap(), je = new WeakMap(), Le = new WeakMap(), Re = new WeakMap(), De = new WeakMap(), Ee = new WeakMap(), Ge = new WeakMap(), Oe = new WeakMap(), Be = new WeakMap();
-const ce = "triiiceratops:viewerState", zt = [
+pe = new WeakMap(), me = new WeakMap(), be = new WeakMap(), _e = new WeakMap(), ye = new WeakMap(), we = new WeakMap(), xe = new WeakMap(), Se = new WeakMap(), Ae = new WeakMap(), Ie = new WeakMap(), Ce = new WeakMap(), ke = new WeakMap(), Pe = new WeakMap(), Me = new WeakMap(), Te = new WeakMap(), ze = new WeakMap(), je = new WeakMap(), Le = new WeakMap(), Be = new WeakMap(), De = new WeakMap(), Re = new WeakMap(), Oe = new WeakMap(), Ge = new WeakMap(), $e = new WeakMap(), Ee = new WeakMap(), Fe = new WeakMap();
+const ue = "triiiceratops:viewerState", Dt = [
   "light",
   "dark",
   "cupcake",
@@ -631,87 +655,87 @@ const ce = "triiiceratops:viewerState", zt = [
   "abyss",
   "silk"
 ];
-function jt(i) {
-  i = i.replace(/^#/, "");
-  let t, r, s;
-  if (i.length === 3)
-    t = parseInt(i[0] + i[0], 16), r = parseInt(i[1] + i[1], 16), s = parseInt(i[2] + i[2], 16);
-  else if (i.length === 6 || i.length === 8)
-    t = parseInt(i.slice(0, 2), 16), r = parseInt(i.slice(2, 4), 16), s = parseInt(i.slice(4, 6), 16);
+function Rt(s) {
+  s = s.replace(/^#/, "");
+  let t, r, i;
+  if (s.length === 3)
+    t = parseInt(s[0] + s[0], 16), r = parseInt(s[1] + s[1], 16), i = parseInt(s[2] + s[2], 16);
+  else if (s.length === 6 || s.length === 8)
+    t = parseInt(s.slice(0, 2), 16), r = parseInt(s.slice(2, 4), 16), i = parseInt(s.slice(4, 6), 16);
   else
     return null;
-  return isNaN(t) || isNaN(r) || isNaN(s) ? null : { r: t, g: r, b: s };
+  return isNaN(t) || isNaN(r) || isNaN(i) ? null : { r: t, g: r, b: i };
 }
-function Lt(i) {
-  const t = i.match(
+function Ot(s) {
+  const t = s.match(
     /rgba?\(\s*(\d+(?:\.\d+)?%?)\s*[,\s]\s*(\d+(?:\.\d+)?%?)\s*[,\s]\s*(\d+(?:\.\d+)?%?)(?:\s*[,/]\s*(\d*\.?\d+%?))?\s*\)/i
   );
   if (!t) return null;
-  const r = (I) => I.endsWith("%") ? parseFloat(I) / 100 * 255 : parseFloat(I), s = r(t[1]), a = r(t[2]), o = r(t[3]);
-  return isNaN(s) || isNaN(a) || isNaN(o) ? null : { r: s, g: a, b: o };
+  const r = (P) => P.endsWith("%") ? parseFloat(P) / 100 * 255 : parseFloat(P), i = r(t[1]), n = r(t[2]), a = r(t[3]);
+  return isNaN(i) || isNaN(n) || isNaN(a) ? null : { r: i, g: n, b: a };
 }
-function He(i) {
-  const t = i / 255;
+function He(s) {
+  const t = s / 255;
   return t <= 0.04045 ? t / 12.92 : Math.pow((t + 0.055) / 1.055, 2.4);
 }
-function Rt(i, t, r) {
+function Gt(s, t, r) {
   return {
-    x: 0.4124564 * i + 0.3575761 * t + 0.1804375 * r,
-    y: 0.2126729 * i + 0.7151522 * t + 0.072175 * r,
-    z: 0.0193339 * i + 0.119192 * t + 0.9503041 * r
+    x: 0.4124564 * s + 0.3575761 * t + 0.1804375 * r,
+    y: 0.2126729 * s + 0.7151522 * t + 0.072175 * r,
+    z: 0.0193339 * s + 0.119192 * t + 0.9503041 * r
   };
 }
-function Dt(i, t, r) {
-  const s = 0.8189330101 * i + 0.3618667424 * t - 0.1288597137 * r, a = 0.0329845436 * i + 0.9293118715 * t + 0.0361456387 * r, o = 0.0482003018 * i + 0.2643662691 * t + 0.633851707 * r, I = Math.cbrt(s), b = Math.cbrt(a), w = Math.cbrt(o);
+function $t(s, t, r) {
+  const i = 0.8189330101 * s + 0.3618667424 * t - 0.1288597137 * r, n = 0.0329845436 * s + 0.9293118715 * t + 0.0361456387 * r, a = 0.0482003018 * s + 0.2643662691 * t + 0.633851707 * r, P = Math.cbrt(i), p = Math.cbrt(n), _ = Math.cbrt(a);
   return {
-    L: 0.2104542553 * I + 0.793617785 * b - 0.0040720468 * w,
-    a: 1.9779984951 * I - 2.428592205 * b + 0.4505937099 * w,
-    b: 0.0259040371 * I + 0.7827717662 * b - 0.808675766 * w
+    L: 0.2104542553 * P + 0.793617785 * p - 0.0040720468 * _,
+    a: 1.9779984951 * P - 2.428592205 * p + 0.4505937099 * _,
+    b: 0.0259040371 * P + 0.7827717662 * p - 0.808675766 * _
   };
 }
-function Et(i, t, r) {
-  const s = Math.sqrt(t * t + r * r);
-  let a = Math.atan2(r, t) * 180 / Math.PI;
-  return a < 0 && (a += 360), { L: i, C: s, h: a };
+function Et(s, t, r) {
+  const i = Math.sqrt(t * t + r * r);
+  let n = Math.atan2(r, t) * 180 / Math.PI;
+  return n < 0 && (n += 360), { L: s, C: i, h: n };
 }
-function et(i, t, r) {
-  const s = He(i), a = He(t), o = He(r), { x: I, y: b, z: w } = Rt(s, a, o), { L: P, a: g, b: O } = Dt(I, b, w);
-  return Et(P, g, O);
+function tt(s, t, r) {
+  const i = He(s), n = He(t), a = He(r), { x: P, y: p, z: _ } = Gt(i, n, a), { L: z, a: E, b: f } = $t(P, p, _);
+  return Et(z, E, f);
 }
-function tt(i, t, r) {
-  const s = (i * 100).toFixed(2), a = t.toFixed(4), o = t < 1e-4 ? 0 : r.toFixed(2);
-  return `oklch(${s}% ${a} ${o})`;
+function rt(s, t, r) {
+  const i = (s * 100).toFixed(2), n = t.toFixed(4), a = t < 1e-4 ? 0 : r.toFixed(2);
+  return `oklch(${i}% ${n} ${a})`;
 }
-function Gt(i) {
-  return i.trim().toLowerCase().startsWith("oklch(");
+function Ft(s) {
+  return s.trim().toLowerCase().startsWith("oklch(");
 }
-function Ot(i) {
+function Vt(s) {
   return /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(
-    i.trim()
+    s.trim()
   );
 }
-function Bt(i) {
-  return /^rgba?\s*\(/i.test(i.trim());
+function Nt(s) {
+  return /^rgba?\s*\(/i.test(s.trim());
 }
-function $t(i) {
-  const t = jt(i);
+function Ht(s) {
+  const t = Rt(s);
   if (!t)
-    return console.warn(`Invalid hex color: ${i}, returning as-is`), i;
-  const { L: r, C: s, h: a } = et(t.r, t.g, t.b);
-  return tt(r, s, a);
+    return console.warn(`Invalid hex color: ${s}, returning as-is`), s;
+  const { L: r, C: i, h: n } = tt(t.r, t.g, t.b);
+  return rt(r, i, n);
 }
-function Ft(i) {
-  const t = Lt(i);
+function Yt(s) {
+  const t = Ot(s);
   if (!t)
-    return console.warn(`Invalid rgb color: ${i}, returning as-is`), i;
-  const { L: r, C: s, h: a } = et(t.r, t.g, t.b);
-  return tt(r, s, a);
+    return console.warn(`Invalid rgb color: ${s}, returning as-is`), s;
+  const { L: r, C: i, h: n } = tt(t.r, t.g, t.b);
+  return rt(r, i, n);
 }
-function Vt(i) {
-  const t = i.trim();
-  return Gt(t) ? t : Ot(t) ? $t(t) : Bt(t) ? Ft(t) : (console.warn(`Unrecognized color format: ${i}, passing through as-is`), i);
+function Xt(s) {
+  const t = s.trim();
+  return Ft(t) ? t : Vt(t) ? Ht(t) : Nt(t) ? Yt(t) : (console.warn(`Unrecognized color format: ${s}, passing through as-is`), s);
 }
-const rt = {
+const st = {
   // Semantic colors
   primary: "--color-primary",
   primaryContent: "--color-primary-content",
@@ -749,7 +773,7 @@ const rt = {
   noise: "--noise",
   // Color scheme (handled specially, not a CSS variable)
   colorScheme: "color-scheme"
-}, Nt = /* @__PURE__ */ new Set([
+}, qt = /* @__PURE__ */ new Set([
   "primary",
   "primaryContent",
   "secondary",
@@ -771,47 +795,47 @@ const rt = {
   "error",
   "errorContent"
 ]);
-function Ei(i) {
-  return zt.includes(i);
+function $s(s) {
+  return Dt.includes(s);
 }
-function Ht(i, t) {
-  i.setAttribute("data-theme", t);
+function Qt(s, t) {
+  s.setAttribute("data-theme", t);
 }
-function Yt(i, t) {
-  for (const [r, s] of Object.entries(t)) {
-    if (s == null) continue;
-    const a = r;
-    if (a === "colorScheme") {
-      i.style.colorScheme = s;
+function Wt(s, t) {
+  for (const [r, i] of Object.entries(t)) {
+    if (i == null) continue;
+    const n = r;
+    if (n === "colorScheme") {
+      s.style.colorScheme = i;
       continue;
     }
-    const o = rt[a];
-    if (!o) continue;
-    let I = String(s);
-    Nt.has(a) && (I = Vt(I)), i.style.setProperty(o, I);
+    const a = st[n];
+    if (!a) continue;
+    let P = String(i);
+    qt.has(n) && (P = Xt(P)), s.style.setProperty(a, P);
   }
 }
-function Xt(i) {
-  for (const [t, r] of Object.entries(rt))
-    t === "colorScheme" ? i.style.colorScheme = "" : i.style.removeProperty(r);
+function Jt(s) {
+  for (const [t, r] of Object.entries(st))
+    t === "colorScheme" ? s.style.colorScheme = "" : s.style.removeProperty(r);
 }
-function Gi(i) {
+function Es(s) {
   try {
-    const t = JSON.parse(i);
+    const t = JSON.parse(s);
     return typeof t == "object" && t !== null ? t : null;
   } catch {
     return null;
   }
 }
-function qt(i, t, r) {
-  t ? Ht(i, t) : i.removeAttribute("data-theme"), r ? Yt(i, r) : Xt(i);
+function Ut(s, t, r) {
+  t ? Qt(s, t) : s.removeAttribute("data-theme"), r ? Wt(s, r) : Jt(s);
 }
-function it(i) {
-  return i.id || i["@id"] || (typeof i.getId == "function" ? i.getId() : "");
+function it(s) {
+  return s.id || s["@id"] || (typeof s.getId == "function" ? s.getId() : "");
 }
-function Ye(i) {
-  if (!i) return null;
-  const t = i.match(/xywh=(\d+),(\d+),(\d+),(\d+)/);
+function Ye(s) {
+  if (!s) return null;
+  const t = s.match(/xywh=(\d+),(\d+),(\d+),(\d+)/);
   return t ? {
     x: parseInt(t[1], 10),
     y: parseInt(t[2], 10),
@@ -819,11 +843,11 @@ function Ye(i) {
     h: parseInt(t[4], 10)
   } : null;
 }
-function Qt(i) {
-  const t = Wt(i);
+function Kt(s) {
+  const t = Zt(s);
   if (t)
-    return Ut(t);
-  const r = er(i);
+    return er(t);
+  const r = ir(s);
   return r ? {
     type: "RECTANGLE",
     x: r.x,
@@ -832,236 +856,236 @@ function Qt(i) {
     h: r.h
   } : null;
 }
-function Wt(i) {
-  var r, s;
-  if (typeof i.getTarget == "function") {
-    const a = ((r = i.__jsonld) == null ? void 0 : r.on) || ((s = i.__jsonld) == null ? void 0 : s.target);
-    if (a)
-      return Je(a);
-  }
-  const t = i.target || i.on;
-  return t ? Je(t) : null;
+function Zt(s) {
+  var r, i;
+  if (typeof s.getTarget == "function") {
+    const n = ((r = s.__jsonld) == null ? void 0 : r.on) || ((i = s.__jsonld) == null ? void 0 : i.target);
+    if (n)
+      return Ke(n);
+  }
+  const t = s.target || s.on;
+  return t ? Ke(t) : null;
 }
-function Je(i) {
-  if (!i) return null;
-  if (Array.isArray(i))
-    for (const t of i) {
-      const r = Ke(t);
+function Ke(s) {
+  if (!s) return null;
+  if (Array.isArray(s))
+    for (const t of s) {
+      const r = Ze(t);
       if (r) return r;
     }
   else
-    return Ke(i);
+    return Ze(s);
   return null;
 }
-function Ke(i) {
+function Ze(s) {
   var r;
-  if (!i) return null;
-  const t = i.selector || i;
+  if (!s) return null;
+  const t = s.selector || s;
   return (t == null ? void 0 : t.type) === "SvgSelector" && t.value ? t.value : ((r = t == null ? void 0 : t.item) == null ? void 0 : r.type) === "SvgSelector" && t.item.value ? t.item.value : null;
 }
-function Ut(i) {
+function er(s) {
   try {
-    const r = new DOMParser().parseFromString(i, "image/svg+xml");
+    const r = new DOMParser().parseFromString(s, "image/svg+xml");
     if (r.documentElement.nodeName === "parsererror")
-      return console.warn("Failed to parse SVG selector:", i), null;
-    const s = [], a = r.querySelectorAll("polygon");
-    for (const b of a) {
-      const w = b.getAttribute("points");
-      if (w) {
-        const P = Jt(w);
-        s.push(...P);
+      return console.warn("Failed to parse SVG selector:", s), null;
+    const i = [], n = r.querySelectorAll("polygon");
+    for (const p of n) {
+      const _ = p.getAttribute("points");
+      if (_) {
+        const z = tr(_);
+        i.push(...z);
       }
     }
-    const o = r.querySelectorAll("path");
-    for (const b of o) {
-      const w = b.getAttribute("d");
-      if (w) {
-        const P = Kt(w);
-        s.push(...P);
+    const a = r.querySelectorAll("path");
+    for (const p of a) {
+      const _ = p.getAttribute("d");
+      if (_) {
+        const z = rr(_);
+        i.push(...z);
       }
     }
-    const I = r.querySelectorAll("circle");
-    for (const b of I) {
-      const w = parseFloat(b.getAttribute("cx") || "0"), P = parseFloat(b.getAttribute("cy") || "0"), g = parseFloat(b.getAttribute("r") || "0"), O = Zt(w, P, g);
-      s.push(...O);
+    const P = r.querySelectorAll("circle");
+    for (const p of P) {
+      const _ = parseFloat(p.getAttribute("cx") || "0"), z = parseFloat(p.getAttribute("cy") || "0"), E = parseFloat(p.getAttribute("r") || "0"), f = sr(_, z, E);
+      i.push(...f);
     }
-    return s.length === 0 ? null : {
+    return i.length === 0 ? null : {
       type: "POLYGON",
-      points: s
+      points: i
     };
   } catch (t) {
     return console.warn("Failed to convert SVG to polygon:", t), null;
   }
 }
-function Jt(i) {
-  const t = [], r = i.trim().split(/\s+/);
-  for (const s of r) {
-    const [a, o] = s.split(",").map((I) => parseFloat(I));
-    !isNaN(a) && !isNaN(o) && t.push([a, o]);
+function tr(s) {
+  const t = [], r = s.trim().split(/\s+/);
+  for (const i of r) {
+    const [n, a] = i.split(",").map((P) => parseFloat(P));
+    !isNaN(n) && !isNaN(a) && t.push([n, a]);
   }
   return t;
 }
-function Kt(i) {
+function rr(s) {
   const t = [], r = /[ML]\s*([\d.]+)[,\s]+([\d.]+)/g;
-  let s;
-  for (; (s = r.exec(i)) !== null; ) {
-    const a = parseFloat(s[1]), o = parseFloat(s[2]);
-    !isNaN(a) && !isNaN(o) && t.push([a, o]);
+  let i;
+  for (; (i = r.exec(s)) !== null; ) {
+    const n = parseFloat(i[1]), a = parseFloat(i[2]);
+    !isNaN(n) && !isNaN(a) && t.push([n, a]);
   }
   return t;
 }
-function Zt(i, t, r, s = 8) {
-  const a = [];
-  for (let o = 0; o < s; o++) {
-    const I = o / s * Math.PI * 2, b = i + r * Math.cos(I), w = t + r * Math.sin(I);
-    a.push([b, w]);
+function sr(s, t, r, i = 8) {
+  const n = [];
+  for (let a = 0; a < i; a++) {
+    const P = a / i * Math.PI * 2, p = s + r * Math.cos(P), _ = t + r * Math.sin(P);
+    n.push([p, _]);
   }
-  return a;
+  return n;
 }
-function er(i) {
+function ir(s) {
   var r;
-  if (typeof i.getTarget == "function") {
-    const s = i.getTarget();
-    if (typeof s == "string" && s.includes("xywh="))
-      return Ye(s);
-    const a = (r = i.__jsonld) == null ? void 0 : r.on;
-    if (a) {
-      const o = Xe(a);
-      if (o) return o;
+  if (typeof s.getTarget == "function") {
+    const i = s.getTarget();
+    if (typeof i == "string" && i.includes("xywh="))
+      return Ye(i);
+    const n = (r = s.__jsonld) == null ? void 0 : r.on;
+    if (n) {
+      const a = Xe(n);
+      if (a) return a;
     }
   }
-  const t = i.target || i.on;
+  const t = s.target || s.on;
   return t ? Xe(t) : null;
 }
-function Xe(i) {
-  if (!i) return null;
-  if (Array.isArray(i))
-    for (const t of i) {
+function Xe(s) {
+  if (!s) return null;
+  if (Array.isArray(s))
+    for (const t of s) {
       const r = Xe(t);
       if (r) return r;
     }
-  if (typeof i == "string" && i.includes("xywh="))
-    return Ye(i);
-  if (i.selector) {
-    const t = i.selector, r = t.item || t;
+  if (typeof s == "string" && s.includes("xywh="))
+    return Ye(s);
+  if (s.selector) {
+    const t = s.selector, r = t.item || t;
     if (r.value && typeof r.value == "string" && r.value.includes("xywh="))
       return Ye(r.value);
   }
   return null;
 }
-function tr(i) {
+function nr(s) {
   let t = "", r = !1;
-  if (typeof i.getBody == "function") {
-    const s = i.getBody();
-    if (s && Array.isArray(s)) {
-      const a = [];
-      for (const o of s) {
-        const I = o.getValue ? o.getValue() : "";
-        if (I) {
-          a.push(I);
-          const b = o.getFormat ? o.getFormat() : "";
-          (b === "text/html" || b === "application/html") && (r = !0);
+  if (typeof s.getBody == "function") {
+    const i = s.getBody();
+    if (i && Array.isArray(i)) {
+      const n = [];
+      for (const a of i) {
+        const P = a.getValue ? a.getValue() : "";
+        if (P) {
+          n.push(P);
+          const p = a.getFormat ? a.getFormat() : "";
+          (p === "text/html" || p === "application/html") && (r = !0);
         }
       }
-      t = a.join(" ");
+      t = n.join(" ");
     }
   } else {
-    const s = (o) => o && (o.chars || o.value || o["cnt:chars"]) || "", a = (o) => o ? o.format === "text/html" || o.type === "TextualBody" : !1;
-    if (i.resource) {
-      const o = Array.isArray(i.resource) ? i.resource : [i.resource];
-      t = o.map(s).filter(Boolean).join(" "), r = o.some(a);
-    } else if (i.body) {
-      const o = Array.isArray(i.body) ? i.body : [i.body];
-      t = o.map(s).filter(Boolean).join(" "), r = o.some(a);
+    const i = (a) => a && (a.chars || a.value || a["cnt:chars"]) || "", n = (a) => a ? a.format === "text/html" || a.type === "TextualBody" : !1;
+    if (s.resource) {
+      const a = Array.isArray(s.resource) ? s.resource : [s.resource];
+      t = a.map(i).filter(Boolean).join(" "), r = a.some(n);
+    } else if (s.body) {
+      const a = Array.isArray(s.body) ? s.body : [s.body];
+      t = a.map(i).filter(Boolean).join(" "), r = a.some(n);
     }
   }
-  return t || (typeof i.getLabel == "function" ? t = i.getLabel() || "" : i.label && (t = Array.isArray(i.label) ? i.label.join(" ") : i.label)), { value: t || "Annotation", isHtml: r };
+  return t || (typeof s.getLabel == "function" ? t = s.getLabel() || "" : s.label && (t = Array.isArray(s.label) ? s.label.join(" ") : s.label)), { value: t || "Annotation", isHtml: r };
 }
-function rr(i, t, r = !1) {
-  const s = it(i) || `anno-${t}`, a = Qt(i);
-  if (!a)
+function ar(s, t, r = !1) {
+  const i = it(s) || `anno-${t}`, n = Kt(s);
+  if (!n)
     return null;
-  const o = tr(i);
+  const a = nr(s);
   return {
-    id: s,
-    geometry: a,
-    body: o,
+    id: i,
+    geometry: n,
+    body: a,
     isSearchHit: r
   };
 }
-function ir(i, t = /* @__PURE__ */ new Set()) {
-  return i.map((r, s) => {
-    const a = t.has(it(r));
-    return rr(r, s, a);
+function or(s, t = /* @__PURE__ */ new Set()) {
+  return s.map((r, i) => {
+    const n = t.has(it(r));
+    return ar(r, i, n);
   }).filter((r) => r !== null);
 }
-var sr = e.from_html("<div></div>"), nr = e.from_svg('<svg class="absolute pointer-events-auto"><title> </title><polygon stroke-width="2"></polygon></svg>'), ar = e.from_html('<div class="w-full h-full relative"><div class="w-full h-full osd-background bg-base-100"></div> <!></div>');
-function st(i, t) {
+var lr = e.from_html("<div></div>"), cr = e.from_svg('<svg class="absolute pointer-events-auto"><title> </title><polygon stroke-width="2"></polygon></svg>'), dr = e.from_html('<div class="w-full h-full relative"><div class="w-full h-full osd-background bg-base-100"></div> <!></div>');
+function nt(s, t) {
   e.push(t, !0);
-  let r = e.prop(t, "tileSources", 7), s = e.prop(t, "viewerState", 7), a = e.state(void 0), o = e.state(void 0), I = e.state(0), b = e.derived(() => {
-    if (!s().manifestId || !s().canvasId)
+  let r = e.prop(t, "tileSources", 7), i = e.prop(t, "viewerState", 7), n = e.state(void 0), a = e.state(void 0), P = e.state(0), p = e.derived(() => {
+    if (!i().manifestId || !i().canvasId)
       return [];
-    const h = le.getAnnotations(s().manifestId, s().canvasId), l = s().currentCanvasSearchAnnotations;
-    return [...h, ...l];
-  }), w = e.derived(() => {
-    const h = /* @__PURE__ */ new Set();
-    return s().currentCanvasSearchAnnotations.forEach((l) => {
-      const c = l.id || l["@id"];
-      c && h.add(c);
-    }), h;
-  }), P = e.derived(() => ir(e.get(b), e.get(w))), g = e.derived(() => {
-    if (e.get(I), !e.get(o) || !e.get(P).length)
+    const v = fe.getAnnotations(i().manifestId, i().canvasId), l = i().currentCanvasSearchAnnotations;
+    return [...v, ...l];
+  }), _ = e.derived(() => {
+    const v = /* @__PURE__ */ new Set();
+    return i().currentCanvasSearchAnnotations.forEach((l) => {
+      const o = l.id || l["@id"];
+      o && v.add(o);
+    }), v;
+  }), z = e.derived(() => or(e.get(p), e.get(_))), E = e.derived(() => {
+    if (e.get(P), !e.get(a) || !e.get(z).length)
       return [];
-    const h = e.get(o).world.getItemAt(0);
-    if (!h)
+    const v = e.get(a).world.getItemAt(0);
+    if (!v)
       return [];
     const l = [];
-    for (const c of e.get(P)) {
-      if (!c.isSearchHit) if (s().showAnnotations) {
-        if (!s().visibleAnnotationIds.has(c.id))
+    for (const o of e.get(z)) {
+      if (!o.isSearchHit) if (i().showAnnotations) {
+        if (!i().visibleAnnotationIds.has(o.id))
           continue;
       } else continue;
-      if (c.geometry.type === "RECTANGLE") {
-        const R = h.imageToViewportRectangle(c.geometry.x, c.geometry.y, c.geometry.w, c.geometry.h), T = e.get(o).viewport.viewportToViewerElementRectangle(R);
+      if (o.geometry.type === "RECTANGLE") {
+        const C = v.imageToViewportRectangle(o.geometry.x, o.geometry.y, o.geometry.w, o.geometry.h), x = e.get(a).viewport.viewportToViewerElementRectangle(C);
         l.push({
-          id: c.id,
+          id: o.id,
           type: "RECTANGLE",
           rect: {
-            x: T.x,
-            y: T.y,
-            width: T.width,
-            height: T.height
+            x: x.x,
+            y: x.y,
+            width: x.width,
+            height: x.height
           },
-          isSearchHit: c.isSearchHit,
-          tooltip: c.body.value
+          isSearchHit: o.isSearchHit,
+          tooltip: o.body.value
         });
-      } else if (c.geometry.type === "POLYGON") {
-        const R = c.geometry.points.map((z) => {
-          const S = h.imageToViewportCoordinates(new Qe.Point(z[0], z[1])), k = e.get(o).viewport.viewportToViewerElementCoordinates(S);
+      } else if (o.geometry.type === "POLYGON") {
+        const C = o.geometry.points.map((A) => {
+          const y = v.imageToViewportCoordinates(new We.Point(A[0], A[1])), k = e.get(a).viewport.viewportToViewerElementCoordinates(y);
           return [k.x, k.y];
         });
-        let T = 1 / 0, u = 1 / 0, A = -1 / 0, $ = -1 / 0;
-        for (const [z, S] of R)
-          T = Math.min(T, z), u = Math.min(u, S), A = Math.max(A, z), $ = Math.max($, S);
-        const d = R.map(([z, S]) => [z - T, S - u]);
+        let x = 1 / 0, h = 1 / 0, I = -1 / 0, G = -1 / 0;
+        for (const [A, y] of C)
+          x = Math.min(x, A), h = Math.min(h, y), I = Math.max(I, A), G = Math.max(G, y);
+        const d = C.map(([A, y]) => [A - x, y - h]);
         l.push({
-          id: c.id,
+          id: o.id,
           type: "POLYGON",
-          bounds: { x: T, y: u, width: A - T, height: $ - u },
+          bounds: { x, y: h, width: I - x, height: G - h },
           points: d,
-          isSearchHit: c.isSearchHit,
-          tooltip: c.body.value
+          isSearchHit: o.isSearchHit,
+          tooltip: o.body.value
         });
       }
     }
     return l;
   });
-  vt(() => {
-    if (e.get(a))
+  mt(() => {
+    if (e.get(n))
       return e.set(
-        o,
-        Qe({
-          element: e.get(a),
+        a,
+        We({
+          element: e.get(n),
           tileSources: null,
           // Will be set via effect
           prefixUrl: "",
@@ -1077,57 +1101,57 @@ function st(i, t) {
           zoomPerClick: 2
         }),
         !0
-      ), s().notifyOSDReady(e.get(o)), () => {
-        var h;
-        (h = e.get(o)) == null || h.destroy(), s().osdViewer = null;
+      ), i().notifyOSDReady(e.get(a)), () => {
+        var v;
+        (v = e.get(a)) == null || v.destroy(), i().osdViewer = null;
       };
   }), e.user_effect(() => {
-    if (!e.get(o)) return;
-    const h = () => {
-      e.update(I);
+    if (!e.get(a)) return;
+    const v = () => {
+      e.update(P);
     };
-    return e.get(o).addHandler("open", h), e.get(o).addHandler("animation", h), e.get(o).addHandler("resize", h), e.get(o).addHandler("rotate", h), e.get(o).world.addHandler("add-item", h), e.get(o).world.addHandler("remove-item", h), () => {
-      e.get(o).removeHandler("open", h), e.get(o).removeHandler("animation", h), e.get(o).removeHandler("resize", h), e.get(o).removeHandler("rotate", h), e.get(o).world.removeHandler("add-item", h), e.get(o).world.removeHandler("remove-item", h);
+    return e.get(a).addHandler("open", v), e.get(a).addHandler("animation", v), e.get(a).addHandler("resize", v), e.get(a).addHandler("rotate", v), e.get(a).world.addHandler("add-item", v), e.get(a).world.addHandler("remove-item", v), () => {
+      e.get(a).removeHandler("open", v), e.get(a).removeHandler("animation", v), e.get(a).removeHandler("resize", v), e.get(a).removeHandler("rotate", v), e.get(a).world.removeHandler("add-item", v), e.get(a).world.removeHandler("remove-item", v);
     };
   }), e.user_effect(() => {
-    !e.get(o) || !r() || e.get(o).open(r());
+    !e.get(a) || !r() || e.get(a).open(r());
   });
-  var O = {
+  var f = {
     get tileSources() {
       return r();
     },
-    set tileSources(h) {
-      r(h), e.flush();
+    set tileSources(v) {
+      r(v), e.flush();
     },
     get viewerState() {
-      return s();
+      return i();
     },
-    set viewerState(h) {
-      s(h), e.flush();
+    set viewerState(v) {
+      i(v), e.flush();
     }
-  }, v = ar(), p = e.child(v);
-  e.bind_this(p, (h) => e.set(a, h), () => e.get(a));
-  var C = e.sibling(p, 2);
-  return e.each(C, 17, () => e.get(g), (h) => h.id, (h, l) => {
-    var c = e.comment(), R = e.first_child(c);
+  }, g = dr(), D = e.child(g);
+  e.bind_this(D, (v) => e.set(n, v), () => e.get(n));
+  var w = e.sibling(D, 2);
+  return e.each(w, 17, () => e.get(E), (v) => v.id, (v, l) => {
+    var o = e.comment(), C = e.first_child(o);
     {
-      var T = (A) => {
-        var $ = sr();
+      var x = (I) => {
+        var G = lr();
         e.template_effect(() => {
-          e.set_class($, 1, `absolute border-2 transition-colors cursor-pointer pointer-events-auto ${e.get(l).isSearchHit ? "border-yellow-400 bg-yellow-400/40 hover:bg-yellow-400/60" : "border-red-500 bg-red-500/20 hover:bg-red-500/40"}`), e.set_style($, `
+          e.set_class(G, 1, `absolute border-2 transition-colors cursor-pointer pointer-events-auto ${e.get(l).isSearchHit ? "border-yellow-400 bg-yellow-400/40 hover:bg-yellow-400/60" : "border-red-500 bg-red-500/20 hover:bg-red-500/40"}`), e.set_style(G, `
           left: ${e.get(l).rect.x ?? ""}px;
           top: ${e.get(l).rect.y ?? ""}px;
           width: ${e.get(l).rect.width ?? ""}px;
           height: ${e.get(l).rect.height ?? ""}px;
-        `), e.set_attribute($, "title", e.get(l).tooltip);
-        }), e.append(A, $);
-      }, u = (A) => {
-        var $ = e.comment(), d = e.first_child($);
+        `), e.set_attribute(G, "title", e.get(l).tooltip);
+        }), e.append(I, G);
+      }, h = (I) => {
+        var G = e.comment(), d = e.first_child(G);
         {
-          var z = (S) => {
-            var k = nr(), D = e.child(k), j = e.child(D, !0);
-            e.reset(D);
-            var x = e.sibling(D);
+          var A = (y) => {
+            var k = cr(), L = e.child(k), T = e.child(L, !0);
+            e.reset(L);
+            var S = e.sibling(L);
             e.reset(k), e.template_effect(
               (m) => {
                 e.set_style(k, `
@@ -1135,300 +1159,300 @@ function st(i, t) {
           top: ${e.get(l).bounds.y ?? ""}px;
           width: ${e.get(l).bounds.width ?? ""}px;
           height: ${e.get(l).bounds.height ?? ""}px;
-        `), e.set_text(j, e.get(l).tooltip), e.set_attribute(x, "points", m), e.set_class(x, 0, `cursor-pointer transition-colors ${e.get(l).isSearchHit ? "fill-yellow-400/40 stroke-yellow-400 hover:fill-yellow-400/60" : "fill-red-500/20 stroke-red-500 hover:fill-red-500/40"}`);
+        `), e.set_text(T, e.get(l).tooltip), e.set_attribute(S, "points", m), e.set_class(S, 0, `cursor-pointer transition-colors ${e.get(l).isSearchHit ? "fill-yellow-400/40 stroke-yellow-400 hover:fill-yellow-400/60" : "fill-red-500/20 stroke-red-500 hover:fill-red-500/40"}`);
               },
               [() => e.get(l).points.map((m) => m.join(",")).join(" ")]
-            ), e.append(S, k);
+            ), e.append(y, k);
           };
           e.if(
             d,
-            (S) => {
-              e.get(l).type === "POLYGON" && S(z);
+            (y) => {
+              e.get(l).type === "POLYGON" && y(A);
             },
             !0
           );
         }
-        e.append(A, $);
+        e.append(I, G);
       };
-      e.if(R, (A) => {
-        e.get(l).type === "RECTANGLE" ? A(T) : A(u, !1);
+      e.if(C, (I) => {
+        e.get(l).type === "RECTANGLE" ? I(x) : I(h, !1);
       });
     }
-    e.append(h, c);
-  }), e.reset(v), e.append(i, v), e.pop(O);
+    e.append(v, o);
+  }), e.reset(g), e.append(s, g), e.pop(f);
 }
-e.create_custom_element(st, { tileSources: {}, viewerState: {} }, [], [], !0);
-var or = 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 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 nt(i, t) {
+e.create_custom_element(nt, { tileSources: {}, viewerState: {} }, [], [], !0);
+var fr = 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 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 at(s, t) {
   e.push(t, !0);
   let r = e.prop(t, "viewerState", 7);
-  var s = {
+  var i = {
     get viewerState() {
       return r();
     },
-    set viewerState(O) {
-      r(O), e.flush();
+    set viewerState(f) {
+      r(f), e.flush();
     }
-  }, a = or(), o = e.child(a);
-  o.__click = () => r().previousCanvas();
-  var I = e.child(o);
-  bt(I, { size: 20, weight: "bold" }), e.reset(o);
-  var b = e.sibling(o, 2), w = e.child(b);
-  e.reset(b);
-  var P = e.sibling(b, 2);
-  P.__click = () => r().nextCanvas();
-  var g = e.child(P);
-  return _t(g, { size: 20, weight: "bold" }), e.reset(P), e.reset(a), e.template_effect(
-    (O, v) => {
-      o.disabled = !r().hasPrevious, e.set_attribute(o, "aria-label", O), e.set_text(w, `${r().currentCanvasIndex + 1} / ${r().canvases.length ?? ""}`), P.disabled = !r().hasNext, e.set_attribute(P, "aria-label", v);
+  }, n = fr(), a = e.child(n);
+  a.__click = () => r().previousCanvas();
+  var P = e.child(a);
+  xt(P, { size: 20, weight: "bold" }), e.reset(a);
+  var p = e.sibling(a, 2), _ = e.child(p);
+  e.reset(p);
+  var z = e.sibling(p, 2);
+  z.__click = () => r().nextCanvas();
+  var E = e.child(z);
+  return St(E, { size: 20, weight: "bold" }), e.reset(z), e.reset(n), e.template_effect(
+    (f, g) => {
+      a.disabled = !r().hasPrevious, e.set_attribute(a, "aria-label", f), e.set_text(_, `${r().currentCanvasIndex + 1} / ${r().canvases.length ?? ""}`), z.disabled = !r().hasNext, e.set_attribute(z, "aria-label", g);
     },
-    [() => E.previous_canvas(), () => E.next_canvas()]
-  ), e.append(i, a), e.pop(s);
+    [() => $.previous_canvas(), () => $.next_canvas()]
+  ), e.append(s, n), e.pop(i);
 }
 e.delegate(["click"]);
-e.create_custom_element(nt, { viewerState: {} }, [], [], !0);
-var lr = e.from_html('<span class="text-xs opacity-50 truncate max-w-[150px]"> </span>'), cr = 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>'), dr = e.from_html('<div class="p-4 text-center opacity-50 text-sm">No annotations available.</div>'), fr = e.from_html('<div class="absolute top-4 right-4 z-40 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 at(i, t) {
+e.create_custom_element(at, { viewerState: {} }, [], [], !0);
+var ur = e.from_html('<span class="text-xs opacity-50 truncate max-w-[150px]"> </span>'), gr = 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>'), hr = e.from_html('<div class="p-4 text-center opacity-50 text-sm">No annotations available.</div>'), vr = e.from_html('<div class="absolute top-4 right-4 z-40 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 ot(s, t) {
   e.push(t, !0);
-  const r = fe(ce);
-  let s = e.derived(() => {
+  const r = he(ue);
+  let i = e.derived(() => {
     if (!r.manifestId || !r.canvasId)
       return [];
-    const v = le.getAnnotations(r.manifestId, r.canvasId), p = r.currentCanvasSearchAnnotations;
-    return [...v, ...p];
+    const g = fe.getAnnotations(r.manifestId, r.canvasId), D = r.currentCanvasSearchAnnotations;
+    return [...g, ...D];
   });
-  function a(v) {
-    return v.id || v["@id"] || (typeof v.getId == "function" ? v.getId() : "") || "";
+  function n(g) {
+    return g.id || g["@id"] || (typeof g.getId == "function" ? g.getId() : "") || "";
   }
   e.user_effect(() => {
-    var v;
-    if (e.get(s).length > 0)
-      if (((v = r.config.annotations) == null ? void 0 : v.visible) ?? !0) {
-        const C = /* @__PURE__ */ new Set();
-        e.get(s).forEach((h) => {
-          const l = a(h);
-          l && C.add(l);
-        }), r.visibleAnnotationIds = C;
+    var g;
+    if (e.get(i).length > 0)
+      if (((g = r.config.annotations) == null ? void 0 : g.visible) ?? !0) {
+        const w = /* @__PURE__ */ new Set();
+        e.get(i).forEach((v) => {
+          const l = n(v);
+          l && w.add(l);
+        }), r.visibleAnnotationIds = w;
       } else
         r.visibleAnnotationIds = /* @__PURE__ */ new Set();
     else
       r.visibleAnnotationIds = /* @__PURE__ */ new Set();
   });
-  let o = e.derived(() => e.get(s).length === 0 ? !1 : e.get(s).every((v) => {
-    const p = a(v);
-    return !p || r.visibleAnnotationIds.has(p);
+  let a = e.derived(() => e.get(i).length === 0 ? !1 : e.get(i).every((g) => {
+    const D = n(g);
+    return !D || r.visibleAnnotationIds.has(D);
   }));
-  function I(v) {
-    r.visibleAnnotationIds.has(v) ? r.visibleAnnotationIds.delete(v) : r.visibleAnnotationIds.add(v), r.visibleAnnotationIds = new Set(r.visibleAnnotationIds);
+  function P(g) {
+    r.visibleAnnotationIds.has(g) ? r.visibleAnnotationIds.delete(g) : r.visibleAnnotationIds.add(g), r.visibleAnnotationIds = new Set(r.visibleAnnotationIds);
   }
-  function b() {
-    if (e.get(o))
+  function p() {
+    if (e.get(a))
       r.visibleAnnotationIds = /* @__PURE__ */ new Set();
     else {
-      const v = /* @__PURE__ */ new Set();
-      e.get(s).forEach((p) => {
-        const C = a(p);
-        C && v.add(C);
-      }), r.visibleAnnotationIds = v;
+      const g = /* @__PURE__ */ new Set();
+      e.get(i).forEach((D) => {
+        const w = n(D);
+        w && g.add(w);
+      }), r.visibleAnnotationIds = g;
     }
   }
-  let w = e.derived(() => e.get(s).length ? e.get(s).map((v) => {
-    let p = "", C = !1;
-    if (typeof v.getBody == "function") {
-      const h = v.getBody();
-      if (h && h.length) {
-        const l = (c) => {
-          const R = c.getValue ? c.getValue() : null;
-          return R || "";
+  let _ = e.derived(() => e.get(i).length ? e.get(i).map((g) => {
+    let D = "", w = !1;
+    if (typeof g.getBody == "function") {
+      const v = g.getBody();
+      if (v && v.length) {
+        const l = (o) => {
+          const C = o.getValue ? o.getValue() : null;
+          return C || "";
         };
-        p = h.map((c) => l(c)).filter(Boolean).join(" "), C = h.some((c) => {
-          const R = c.getFormat ? c.getFormat() : "";
-          return R === "text/html" || R === "application/html";
+        D = v.map((o) => l(o)).filter(Boolean).join(" "), w = v.some((o) => {
+          const C = o.getFormat ? o.getFormat() : "";
+          return C === "text/html" || C === "application/html";
         });
       }
-      if (!p && typeof v.getLabel == "function") {
-        const l = v.getLabel();
-        l && (p = l);
+      if (!D && typeof g.getLabel == "function") {
+        const l = g.getLabel();
+        l && (D = l);
       }
     } else {
-      const h = (c) => c && (c.chars || c.value || c["cnt:chars"]) || "", l = (c) => c ? c.format === "text/html" || c.type === "TextualBody" : !1;
-      if (v.resource ? Array.isArray(v.resource) ? (p = v.resource.map((c) => h(c)).join(" "), v.resource.some((c) => l(c)) && (C = !0)) : (p = h(v.resource), l(v.resource) && (C = !0)) : v.body && (Array.isArray(v.body) ? (p = v.body.map((c) => h(c)).join(" "), v.body.some((c) => l(c)) && (C = !0)) : (p = h(v.body), l(v.body) && (C = !0))), !p) {
-        const c = v.label || v.name || v.title;
-        c && (p = Array.isArray(c) ? c.join(" ") : c);
+      const v = (o) => o && (o.chars || o.value || o["cnt:chars"]) || "", l = (o) => o ? o.format === "text/html" || o.type === "TextualBody" : !1;
+      if (g.resource ? Array.isArray(g.resource) ? (D = g.resource.map((o) => v(o)).join(" "), g.resource.some((o) => l(o)) && (w = !0)) : (D = v(g.resource), l(g.resource) && (w = !0)) : g.body && (Array.isArray(g.body) ? (D = g.body.map((o) => v(o)).join(" "), g.body.some((o) => l(o)) && (w = !0)) : (D = v(g.body), l(g.body) && (w = !0))), !D) {
+        const o = g.label || g.name || g.title;
+        o && (D = Array.isArray(o) ? o.join(" ") : o);
       }
     }
     return {
-      id: a(v),
-      content: p,
-      isHtml: C,
-      label: (typeof v.getLabel == "function" ? v.getLabel() : v.label) || ""
+      id: n(g),
+      content: D,
+      isHtml: w,
+      label: (typeof g.getLabel == "function" ? g.getLabel() : g.label) || ""
     };
   }) : []);
-  var P = e.comment(), g = e.first_child(P);
+  var z = e.comment(), E = e.first_child(z);
   {
-    var O = (v) => {
-      var p = fr(), C = e.child(p), h = e.child(C), l = e.child(h);
+    var f = (g) => {
+      var D = vr(), w = e.child(D), v = e.child(w), l = e.child(v);
       l.__click = (k) => {
-        k.preventDefault(), b();
+        k.preventDefault(), p();
       };
-      var c = e.child(l);
+      var o = e.child(l);
       {
-        var R = (k) => {
-          We(k, { size: 16, weight: "bold" });
-        }, T = (k) => {
+        var C = (k) => {
+          Je(k, { size: 16, weight: "bold" });
+        }, x = (k) => {
           Ue(k, { size: 16, weight: "bold" });
         };
-        e.if(c, (k) => {
-          e.get(o) ? k(R) : k(T, !1);
+        e.if(o, (k) => {
+          e.get(a) ? k(C) : k(x, !1);
         });
       }
       e.reset(l);
-      var u = e.sibling(l, 2), A = e.child(u), $ = e.sibling(A), d = e.child($, !0);
-      e.reset($), e.reset(u);
-      var z = e.sibling(u, 2);
-      wt(z, {
+      var h = e.sibling(l, 2), I = e.child(h), G = e.sibling(I), d = e.child(G, !0);
+      e.reset(G), e.reset(h);
+      var A = e.sibling(h, 2);
+      It(A, {
         size: 16,
         weight: "bold",
         class: "group-open:rotate-180 transition-transform opacity-80"
-      }), e.reset(h);
-      var S = e.sibling(h, 2);
+      }), e.reset(v);
+      var y = e.sibling(v, 2);
       e.each(
-        S,
+        y,
         21,
-        () => e.get(w),
+        () => e.get(_),
         e.index,
-        (k, D, j) => {
-          const x = e.derived(() => r.visibleAnnotationIds.has(e.get(D).id));
-          var m = cr();
-          m.__click = (n) => {
-            n.preventDefault(), I(e.get(D).id);
+        (k, L, T) => {
+          const S = e.derived(() => r.visibleAnnotationIds.has(e.get(L).id));
+          var m = gr();
+          m.__click = (K) => {
+            K.preventDefault(), P(e.get(L).id);
           };
-          var y = e.child(m), f = e.child(y);
+          var b = e.child(m), u = e.child(b);
           {
-            var G = (n) => {
-              We(n, { size: 16, weight: "bold" });
-            }, V = (n) => {
-              Ue(n, { size: 16, weight: "bold" });
+            var B = (K) => {
+              Je(K, { size: 16, weight: "bold" });
+            }, N = (K) => {
+              Ue(K, { size: 16, weight: "bold" });
             };
-            e.if(f, (n) => {
-              e.get(x) ? n(G) : n(V, !1);
+            e.if(u, (K) => {
+              e.get(S) ? K(B) : K(N, !1);
             });
           }
-          e.reset(y);
-          var U = e.sibling(y, 2), L = e.child(U), B = e.child(L);
-          B.textContent = `#${j + 1}`;
-          var q = e.sibling(B, 2);
+          e.reset(b);
+          var q = e.sibling(b, 2), j = e.child(q), O = e.child(j);
+          O.textContent = `#${T + 1}`;
+          var X = e.sibling(O, 2);
           {
-            var re = (n) => {
-              var _ = lr(), Y = e.child(_, !0);
-              e.reset(_), e.template_effect(() => e.set_text(Y, e.get(D).label)), e.append(n, _);
+            var Y = (K) => {
+              var se = ur(), ce = e.child(se, !0);
+              e.reset(se), e.template_effect(() => e.set_text(ce, e.get(L).label)), e.append(K, se);
             };
-            e.if(q, (n) => {
-              e.get(D).label && e.get(D).label !== e.get(D).content && n(re);
+            e.if(X, (K) => {
+              e.get(L).label && e.get(L).label !== e.get(L).content && K(Y);
             });
           }
-          e.reset(L);
-          var se = e.sibling(L, 2), oe = e.child(se);
+          e.reset(j);
+          var H = e.sibling(j, 2), re = e.child(H);
           {
-            var Q = (n) => {
-              var _ = e.comment(), Y = e.first_child(_);
-              e.html(Y, () => e.get(D).content), e.append(n, _);
-            }, H = (n) => {
-              var _ = e.text();
-              e.template_effect(() => e.set_text(_, e.get(D).content || "(No content)")), e.append(n, _);
+            var ae = (K) => {
+              var se = e.comment(), ce = e.first_child(se);
+              e.html(ce, () => e.get(L).content), e.append(K, se);
+            }, de = (K) => {
+              var se = e.text();
+              e.template_effect(() => e.set_text(se, e.get(L).content || "(No content)")), e.append(K, se);
             };
-            e.if(oe, (n) => {
-              e.get(D).isHtml ? n(Q) : n(H, !1);
+            e.if(re, (K) => {
+              e.get(L).isHtml ? K(ae) : K(de, !1);
             });
           }
-          e.reset(se), e.reset(U), e.reset(m), e.template_effect(() => e.set_class(se, 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(x) ? "" : "opacity-50"}`)), e.append(k, m);
+          e.reset(H), e.reset(q), e.reset(m), e.template_effect(() => e.set_class(H, 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(S) ? "" : "opacity-50"}`)), e.append(k, m);
         },
         (k) => {
-          var D = dr();
-          e.append(k, D);
+          var L = hr();
+          e.append(k, L);
         }
-      ), e.reset(S), e.reset(C), e.reset(p), e.template_effect(
-        (k, D, j) => {
-          e.set_attribute(l, "title", k), e.set_text(A, `${D ?? ""} `), e.set_text(d, j);
+      ), e.reset(y), e.reset(w), e.reset(D), e.template_effect(
+        (k, L, T) => {
+          e.set_attribute(l, "title", k), e.set_text(I, `${L ?? ""} `), e.set_text(d, T);
         },
         [
-          () => e.get(o) ? E.hide_all_annotations() : E.show_all_annotations(),
-          () => E.annotations_count({ count: e.get(s).length }),
-          () => E.visible_count({ count: r.visibleAnnotationIds.size })
+          () => e.get(a) ? $.hide_all_annotations() : $.show_all_annotations(),
+          () => $.annotations_count({ count: e.get(i).length }),
+          () => $.visible_count({ count: r.visibleAnnotationIds.size })
         ]
-      ), e.append(v, p);
+      ), e.append(g, D);
     };
-    e.if(g, (v) => {
-      r.showAnnotations && v(O);
+    e.if(E, (g) => {
+      r.showAnnotations && g(f);
     });
   }
-  e.append(i, P), e.pop();
+  e.append(s, z), e.pop();
 }
 e.delegate(["click"]);
-e.create_custom_element(at, {}, [], [], !0);
-var ur = e.from_html('<button class="absolute top-1 right-1 btn btn-error btn-xs btn-circle z-20" aria-label="Close Gallery"><!></button>'), gr = e.from_html('<div><div role="button" tabindex="0" aria-label="Drag Gallery"><div></div></div></div>'), vr = e.from_html('<img class="object-contain w-full h-full" loading="lazy" draggable="false"/>'), hr = e.from_html('<span class="opacity-20 text-4xl">?</span>'), pr = 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>'), mr = 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>'), br = 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), _r = e.from_html("<div><!> <!> <div><div></div></div> <!></div> <!>", 1);
-function de(i, t) {
+e.create_custom_element(ot, {}, [], [], !0);
+var pr = e.from_html('<button class="absolute top-1 right-1 btn btn-error btn-xs btn-circle z-20" aria-label="Close Gallery"><!></button>'), mr = e.from_html('<div><div role="button" tabindex="0" aria-label="Drag Gallery"><div></div></div></div>'), br = e.from_html('<img class="object-contain w-full h-full" loading="lazy" draggable="false"/>'), _r = e.from_html('<span class="opacity-20 text-4xl">?</span>'), yr = 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>'), wr = 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>'), xr = 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), Sr = e.from_html("<div><!> <!> <div><div></div></div> <!></div> <!>", 1);
+function ge(s, t) {
   e.push(t, !0);
-  const r = fe(ce);
-  let s = e.derived(() => {
+  const r = he(ue);
+  let i = e.derived(() => {
     var d;
     return ((d = r.config.gallery) == null ? void 0 : d.draggable) ?? !0;
-  }), a = e.derived(() => {
+  }), n = e.derived(() => {
     var d;
     return ((d = r.config.gallery) == null ? void 0 : d.showCloseButton) ?? !0;
-  }), o = e.prop(t, "canvases", 7), I = e.state(!1), b = { x: 0, y: 0, w: 0, h: 0 }, w = e.state(null), P = e.derived(() => !o() || !Array.isArray(o()) ? [] : o().map((d, z) => {
-    let S = "";
+  }), a = e.prop(t, "canvases", 7), P = e.state(!1), p = { x: 0, y: 0, w: 0, h: 0 }, _ = e.state(null), z = e.derived(() => !a() || !Array.isArray(a()) ? [] : a().map((d, A) => {
+    let y = "";
     try {
       if (d.getThumbnail) {
         const k = d.getThumbnail();
-        k && (S = typeof k == "string" ? k : k.id || k["@id"]);
+        k && (y = typeof k == "string" ? k : k.id || k["@id"]);
       }
     } catch (k) {
       console.warn("Error getting thumbnail", k);
     }
-    if (!S) {
+    if (!y) {
       let k = d.getImages();
       if ((!k || !k.length) && d.getContent && (k = d.getContent()), k && k.length > 0) {
-        const D = k[0];
-        let j = D.getResource ? D.getResource() : null;
-        if (!j && D.getBody) {
-          const x = D.getBody();
-          Array.isArray(x) && x.length > 0 ? j = x[0] : x && (j = x);
+        const L = k[0];
+        let T = L.getResource ? L.getResource() : null;
+        if (!T && L.getBody) {
+          const S = L.getBody();
+          Array.isArray(S) && S.length > 0 ? T = S[0] : S && (T = S);
         }
-        if (j && !j.id && !j.__jsonld && (!j.getServices || j.getServices().length === 0) && (j = null), !j) {
-          const x = D.__jsonld || D;
-          x.body && (j = Array.isArray(x.body) ? x.body[0] : x.body);
+        if (T && !T.id && !T.__jsonld && (!T.getServices || T.getServices().length === 0) && (T = null), !T) {
+          const S = L.__jsonld || L;
+          S.body && (T = Array.isArray(S.body) ? S.body[0] : S.body);
         }
-        if (j) {
+        if (T) {
           const m = (() => {
-            let f = [];
-            if (j.getServices && (f = j.getServices()), !f || f.length === 0) {
-              const G = j.__jsonld || j;
-              G.service && (f = Array.isArray(G.service) ? G.service : [G.service]);
+            let u = [];
+            if (T.getServices && (u = T.getServices()), !u || u.length === 0) {
+              const B = T.__jsonld || T;
+              B.service && (u = Array.isArray(B.service) ? B.service : [B.service]);
             }
-            return f;
+            return u;
           })();
-          let y = !1;
+          let b = !1;
           if (m.length > 0) {
-            const f = m[0];
-            let G = "";
+            const u = m[0];
+            let B = "";
             try {
-              if (G = f.getProfile ? f.getProfile() : f.profile || "", typeof G == "object" && G) {
-                const L = G;
-                G = L.value || L.id || L["@id"] || JSON.stringify(L);
+              if (B = u.getProfile ? u.getProfile() : u.profile || "", typeof B == "object" && B) {
+                const j = B;
+                B = j.value || j.id || j["@id"] || JSON.stringify(j);
               }
             } catch {
             }
-            const V = String(G ?? "").toLowerCase();
-            (V.includes("level0") || V.includes("level-0")) && (y = !0);
-            const U = f.id || f["@id"];
-            y || (S = `${U}/full/200,/0/default.jpg`);
+            const N = String(B ?? "").toLowerCase();
+            (N.includes("level0") || N.includes("level-0")) && (b = !0);
+            const q = u.id || u["@id"];
+            b || (y = `${q}/full/200,/0/default.jpg`);
           }
-          if (!S && (S = j.id || j["@id"], !S)) {
-            let f = null;
-            if (D.__jsonld && D.__jsonld.body ? f = D.__jsonld.body : D.body && (f = D.body), f) {
-              const G = Array.isArray(f) ? f[0] : f;
-              S = G.id || G["@id"];
+          if (!y && (y = T.id || T["@id"], !y)) {
+            let u = null;
+            if (L.__jsonld && L.__jsonld.body ? u = L.__jsonld.body : L.body && (u = L.body), u) {
+              const B = Array.isArray(u) ? u[0] : u;
+              y = B.id || B["@id"];
             }
           }
         }
@@ -1436,49 +1460,49 @@ function de(i, t) {
     }
     return {
       id: d.id,
-      label: d.getLabel().length ? d.getLabel()[0].value : `Canvas ${z + 1}`,
-      src: S,
-      index: z
+      label: d.getLabel().length ? d.getLabel()[0].value : `Canvas ${A + 1}`,
+      src: y,
+      index: A
     };
   }));
-  function g(d) {
+  function E(d) {
     if (!r.isGalleryDragging) return;
-    let z = d.clientX - r.galleryDragOffset.x, S = d.clientY - r.galleryDragOffset.y;
-    const k = Math.max(0, window.innerWidth - r.gallerySize.width), D = Math.max(0, window.innerHeight - r.gallerySize.height);
-    z = Math.max(0, Math.min(z, k)), S = Math.max(0, Math.min(S, D)), r.galleryPosition = { x: z, y: S };
-    const j = r.galleryCenterPanelRect;
-    if (!j) {
+    let A = d.clientX - r.galleryDragOffset.x, y = d.clientY - r.galleryDragOffset.y;
+    const k = Math.max(0, window.innerWidth - r.gallerySize.width), L = Math.max(0, window.innerHeight - r.gallerySize.height);
+    A = Math.max(0, Math.min(A, k)), y = Math.max(0, Math.min(y, L)), r.galleryPosition = { x: A, y };
+    const T = r.galleryCenterPanelRect;
+    if (!T) {
       console.warn("[Gallery] No center panel rect available");
       return;
     }
-    const x = d.clientX, m = d.clientY, y = 60;
-    r.dragOverSide = null, x >= j.left && x <= j.left + y ? r.dragOverSide = "left" : x <= j.right && x >= j.right - y ? r.dragOverSide = "right" : m >= j.top && m <= j.top + y ? r.dragOverSide = "top" : m <= j.bottom && m >= j.bottom - y && (r.dragOverSide = "bottom");
+    const S = d.clientX, m = d.clientY, b = 60;
+    r.dragOverSide = null, S >= T.left && S <= T.left + b ? r.dragOverSide = "left" : S <= T.right && S >= T.right - b ? r.dragOverSide = "right" : m >= T.top && m <= T.top + b ? r.dragOverSide = "top" : m <= T.bottom && m >= T.bottom - b && (r.dragOverSide = "bottom");
   }
-  function O() {
+  function f() {
     const d = r.dragOverSide;
-    console.log("[Gallery] stopDrag. dropTarget:", d), r.isGalleryDragging = !1, r.dragOverSide = null, window.removeEventListener("mousemove", g), window.removeEventListener("mouseup", O), d && (r.dockSide = d);
+    console.log("[Gallery] stopDrag. dropTarget:", d), r.isGalleryDragging = !1, r.dragOverSide = null, window.removeEventListener("mousemove", E), window.removeEventListener("mouseup", f), d && (r.dockSide = d);
   }
-  function v(d) {
-    d.stopPropagation(), e.set(I, !0), b = {
+  function g(d) {
+    d.stopPropagation(), e.set(P, !0), p = {
       x: d.clientX,
       y: d.clientY,
       w: r.gallerySize.width,
       h: r.gallerySize.height
-    }, window.addEventListener("mousemove", p), window.addEventListener("mouseup", C);
+    }, window.addEventListener("mousemove", D), window.addEventListener("mouseup", w);
   }
-  function p(d) {
-    if (!e.get(I)) return;
-    const z = d.clientX - b.x, S = d.clientY - b.y;
+  function D(d) {
+    if (!e.get(P)) return;
+    const A = d.clientX - p.x, y = d.clientY - p.y;
     r.gallerySize = {
-      width: Math.max(200, b.w + z),
-      height: Math.max(200, b.h + S)
+      width: Math.max(200, p.w + A),
+      height: Math.max(200, p.h + y)
     };
   }
-  function C() {
-    e.set(I, !1), window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", C);
+  function w() {
+    e.set(P, !1), window.removeEventListener("mousemove", D), window.removeEventListener("mouseup", w);
   }
-  function h(d) {
-    r.canvasId = d;
+  function v(d) {
+    r.setCanvas(d);
   }
   let l = e.state(e.proxy(r.dockSide));
   e.user_effect(() => {
@@ -1487,1034 +1511,1027 @@ function de(i, t) {
   }), e.user_effect(() => {
     r.dockSide !== e.get(l) && (r.dockSide = e.get(l), r.isGalleryDockedBottom = e.get(l) === "bottom", r.isGalleryDockedRight = e.get(l) === "right");
   });
-  let c = e.derived(() => e.get(l) === "top" || e.get(l) === "bottom" || e.get(l) === "none" && r.gallerySize.height < 320);
-  function R(d) {
-    var D, j;
+  let o = e.derived(() => e.get(l) === "top" || e.get(l) === "bottom" || e.get(l) === "none" && r.gallerySize.height < 320);
+  function C(d) {
+    var L, T;
     if (!e.get(
-      s
+      i
       // Dragging disabled in config
     ) || d.target.closest(".resize-handle")) return;
-    const z = e.get(l) !== "none";
-    if (z) {
-      let x = Math.max(0, d.clientX - 150), m = Math.max(0, d.clientY - 20);
-      const y = Math.max(0, window.innerWidth - 300), f = Math.max(0, window.innerHeight - 400);
-      x = Math.min(x, y), m = Math.min(m, f), r.galleryPosition = { x, y: m }, r.galleryDragOffset = { x: d.clientX - x, y: d.clientY - m };
+    const A = e.get(l) !== "none";
+    if (A) {
+      let S = Math.max(0, d.clientX - 150), m = Math.max(0, d.clientY - 20);
+      const b = Math.max(0, window.innerWidth - 300), u = Math.max(0, window.innerHeight - 400);
+      S = Math.min(S, b), m = Math.min(m, u), r.galleryPosition = { x: S, y: m }, r.galleryDragOffset = { x: d.clientX - S, y: d.clientY - m };
     } else
       r.galleryDragOffset = {
         x: d.clientX - r.galleryPosition.x,
         y: d.clientY - r.galleryPosition.y
       };
-    const S = (D = e.get(w)) == null ? void 0 : D.getRootNode(), k = ((j = S == null ? void 0 : S.getElementById) == null ? void 0 : j.call(S, "triiiceratops-center-panel")) ?? document.getElementById("triiiceratops-center-panel");
-    k ? (r.galleryCenterPanelRect = k.getBoundingClientRect(), console.log("[Gallery] Captured center panel rect:", r.galleryCenterPanelRect)) : console.warn("[Gallery] Could not find center panel in startDrag"), r.isGalleryDragging = !0, window.addEventListener("mousemove", g), window.addEventListener("mouseup", O), z && e.set(l, "none");
+    const y = (L = e.get(_)) == null ? void 0 : L.getRootNode(), k = ((T = y == null ? void 0 : y.getElementById) == null ? void 0 : T.call(y, "triiiceratops-center-panel")) ?? document.getElementById("triiiceratops-center-panel");
+    k ? (r.galleryCenterPanelRect = k.getBoundingClientRect(), console.log("[Gallery] Captured center panel rect:", r.galleryCenterPanelRect)) : console.warn("[Gallery] Could not find center panel in startDrag"), r.isGalleryDragging = !0, window.addEventListener("mousemove", E), window.addEventListener("mouseup", f), A && e.set(l, "none");
   }
-  var T = {
+  var x = {
     get canvases() {
-      return o();
+      return a();
     },
     set canvases(d) {
-      o(d), e.flush();
+      a(d), e.flush();
     }
-  }, u = e.comment(), A = e.first_child(u);
+  }, h = e.comment(), I = e.first_child(h);
   {
-    var $ = (d) => {
-      var z = _r(), S = e.first_child(z), k = e.child(S);
+    var G = (d) => {
+      var A = Sr(), y = e.first_child(A), k = e.child(y);
       {
-        var D = (L) => {
-          var B = ur();
-          B.__click = () => r.toggleThumbnailGallery();
-          var q = e.child(B);
-          Fe(q, { size: 16, weight: "bold" }), e.reset(B), e.append(L, B);
+        var L = (j) => {
+          var O = pr();
+          O.__click = () => r.toggleThumbnailGallery();
+          var X = e.child(O);
+          qe(X, { size: 16, weight: "bold" }), e.reset(O), e.append(j, O);
         };
-        e.if(k, (L) => {
-          e.get(a) && L(D);
+        e.if(k, (j) => {
+          e.get(n) && j(L);
         });
       }
-      var j = e.sibling(k, 2);
+      var T = e.sibling(k, 2);
       {
-        var x = (L) => {
-          var B = gr(), q = e.child(B);
-          q.__mousedown = R;
-          var re = e.child(q);
-          e.reset(q), e.reset(B), e.template_effect(() => {
-            e.set_class(B, 1, "bg-base-100 flex shrink-0 select-none relative " + (e.get(l) === "bottom" || e.get(l) === "top" ? "flex-row h-full items-center border-r border-base-200" : "flex-col w-full border-b border-base-200")), e.set_class(q, 1, "cursor-move flex items-center justify-center hover:bg-base-200/50 active:bg-base-200 transition-colors " + (e.get(l) === "bottom" || e.get(l) === "top" ? "w-8 h-full" : "h-6 w-full")), e.set_class(re, 1, "bg-base-300 rounded-full " + (e.get(l) === "bottom" || e.get(l) === "top" ? "w-1.5 h-12" : "w-12 h-1.5"));
-          }), e.append(L, B);
+        var S = (j) => {
+          var O = mr(), X = e.child(O);
+          X.__mousedown = C;
+          var Y = e.child(X);
+          e.reset(X), e.reset(O), e.template_effect(() => {
+            e.set_class(O, 1, "bg-base-100 flex shrink-0 select-none relative " + (e.get(l) === "bottom" || e.get(l) === "top" ? "flex-row h-full items-center border-r border-base-200" : "flex-col w-full border-b border-base-200")), e.set_class(X, 1, "cursor-move flex items-center justify-center hover:bg-base-200/50 active:bg-base-200 transition-colors " + (e.get(l) === "bottom" || e.get(l) === "top" ? "w-8 h-full" : "h-6 w-full")), e.set_class(Y, 1, "bg-base-300 rounded-full " + (e.get(l) === "bottom" || e.get(l) === "top" ? "w-1.5 h-12" : "w-12 h-1.5"));
+          }), e.append(j, O);
         };
-        e.if(j, (L) => {
-          (e.get(s) || e.get(l) === "none") && L(x);
+        e.if(T, (j) => {
+          (e.get(i) || e.get(l) === "none") && j(S);
         });
       }
-      var m = e.sibling(j, 2), y = e.child(m);
-      e.each(y, 21, () => e.get(P), e.index, (L, B) => {
-        var q = pr();
-        q.__click = () => h(e.get(B).id);
-        var re = e.child(q), se = e.child(re);
+      var m = e.sibling(T, 2), b = e.child(m);
+      e.each(b, 21, () => e.get(z), e.index, (j, O) => {
+        var X = yr();
+        X.__click = () => v(e.get(O).id);
+        var Y = e.child(X), H = e.child(Y);
         {
-          var oe = (N) => {
-            var ie = vr();
+          var re = (c) => {
+            var R = br();
             e.template_effect(() => {
-              e.set_attribute(ie, "src", e.get(B).src), e.set_attribute(ie, "alt", e.get(B).label);
-            }), e.append(N, ie);
-          }, Q = (N) => {
-            var ie = hr();
-            e.append(N, ie);
+              e.set_attribute(R, "src", e.get(O).src), e.set_attribute(R, "alt", e.get(O).label);
+            }), e.append(c, R);
+          }, ae = (c) => {
+            var R = _r();
+            e.append(c, R);
           };
-          e.if(se, (N) => {
-            e.get(B).src ? N(oe) : N(Q, !1);
+          e.if(H, (c) => {
+            e.get(O).src ? c(re) : c(ae, !1);
           });
         }
-        e.reset(re);
-        var H = e.sibling(re, 2), n = e.child(H), _ = e.child(n);
-        e.reset(n);
-        var Y = e.sibling(n);
-        e.reset(H), e.reset(q), e.template_effect(() => {
-          e.set_class(q, 1, `group flex flex-col gap-1 p-1 rounded hover:bg-base-200 transition-colors text-left relative shrink-0 ${e.get(c) ? "w-[140px]" : ""} ${r.canvasId === e.get(B).id ? "ring-2 ring-primary bg-primary/5" : ""}`), e.set_attribute(q, "aria-label", `Select canvas ${e.get(B).label ?? ""}`), e.set_text(_, `${e.get(B).index + 1}.`), e.set_text(Y, ` ${e.get(B).label ?? ""}`);
-        }), e.append(L, q);
-      }), e.reset(y), e.reset(m);
-      var f = e.sibling(m, 2);
+        e.reset(Y);
+        var de = e.sibling(Y, 2), K = e.child(de), se = e.child(K);
+        e.reset(K);
+        var ce = e.sibling(K);
+        e.reset(de), e.reset(X), e.template_effect(() => {
+          e.set_class(X, 1, `group flex flex-col gap-1 p-1 rounded hover:bg-base-200 transition-colors text-left relative shrink-0 ${e.get(o) ? "w-[140px]" : ""} ${r.canvasId === e.get(O).id ? "ring-2 ring-primary bg-primary/5" : ""}`), e.set_attribute(X, "aria-label", `Select canvas ${e.get(O).label ?? ""}`), e.set_text(se, `${e.get(O).index + 1}.`), e.set_text(ce, ` ${e.get(O).label ?? ""}`);
+        }), e.append(j, X);
+      }), e.reset(b), e.reset(m);
+      var u = e.sibling(m, 2);
       {
-        var G = (L) => {
-          var B = mr();
-          B.__mousedown = v, e.append(L, B);
+        var B = (j) => {
+          var O = wr();
+          O.__mousedown = g, e.append(j, O);
         };
-        e.if(f, (L) => {
-          e.get(l) === "none" && L(G);
+        e.if(u, (j) => {
+          e.get(l) === "none" && j(B);
         });
       }
-      e.reset(S), e.bind_this(S, (L) => e.set(w, L), () => e.get(w));
-      var V = e.sibling(S, 2);
+      e.reset(y), e.bind_this(y, (j) => e.set(_, j), () => e.get(_));
+      var N = e.sibling(y, 2);
       {
-        var U = (L) => {
-          var B = br(), q = e.first_child(B), re = e.sibling(q, 2), se = e.sibling(re, 2), oe = e.sibling(se, 2);
+        var q = (j) => {
+          var O = xr(), X = e.first_child(O), Y = e.sibling(X, 2), H = e.sibling(Y, 2), re = e.sibling(H, 2);
           e.template_effect(() => {
-            e.set_class(q, 1, `absolute top-2 left-2 right-2 h-16 rounded-xl border-4 border-dashed border-primary/40 z-999 pointer-events-none flex items-center justify-center transition-all duration-200 ${r.dragOverSide === "top" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`), e.set_class(re, 1, `absolute bottom-2 left-2 right-2 h-16 rounded-xl border-4 border-dashed border-primary/40 z-999 pointer-events-none flex items-center justify-center transition-all duration-200 ${r.dragOverSide === "bottom" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`), e.set_class(se, 1, `absolute top-2 bottom-2 left-2 w-16 rounded-xl border-4 border-dashed border-primary/40 z-999 pointer-events-none flex items-center justify-center transition-all duration-200 ${r.dragOverSide === "left" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`), e.set_class(oe, 1, `absolute top-2 bottom-2 right-2 w-16 rounded-xl border-4 border-dashed border-primary/40 z-999 pointer-events-none flex items-center justify-center transition-all duration-300 ${r.dragOverSide === "right" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`);
-          }), e.append(L, B);
+            e.set_class(X, 1, `absolute top-2 left-2 right-2 h-16 rounded-xl border-4 border-dashed border-primary/40 z-999 pointer-events-none flex items-center justify-center transition-all duration-200 ${r.dragOverSide === "top" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`), e.set_class(Y, 1, `absolute bottom-2 left-2 right-2 h-16 rounded-xl border-4 border-dashed border-primary/40 z-999 pointer-events-none flex items-center justify-center transition-all duration-200 ${r.dragOverSide === "bottom" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`), e.set_class(H, 1, `absolute top-2 bottom-2 left-2 w-16 rounded-xl border-4 border-dashed border-primary/40 z-999 pointer-events-none flex items-center justify-center transition-all duration-200 ${r.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-999 pointer-events-none flex items-center justify-center transition-all duration-300 ${r.dragOverSide === "right" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`);
+          }), e.append(j, O);
         };
-        e.if(V, (L) => {
-          r.isGalleryDragging && L(U);
+        e.if(N, (j) => {
+          r.isGalleryDragging && j(q);
         });
       }
       e.template_effect(() => {
-        e.set_class(S, 1, (e.get(l) !== "none" ? `relative z-50 bg-base-100 shadow-xl border-base-300 flex transition-all duration-200 select-none w-full h-full
+        e.set_class(y, 1, (e.get(l) !== "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(l) === "bottom" || e.get(l) === "top" ? "flex-row border-t" : ""}
-           ${e.get(l) === "left" || e.get(l) === "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") + (r.isGalleryDragging ? " pointer-events-none opacity-80" : "")), e.set_style(S, e.get(l) !== "none" ? "" : `left: ${r.galleryPosition.x}px; top: ${r.galleryPosition.y}px; width: ${r.gallerySize.width}px; height: ${r.gallerySize.height}px;`), e.set_class(m, 1, `flex-1 p-1 bg-base-100 ${e.get(c) ? "overflow-x-auto overflow-y-hidden h-full" : "overflow-y-auto overflow-x-hidden"}`), e.set_class(y, 1, e.clsx(e.get(c) ? "flex flex-row gap-2 h-full items-center" : "grid gap-2")), e.set_style(y, e.get(c) ? "" : "grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));");
-      }), e.append(d, z);
+           ${e.get(l) === "left" || e.get(l) === "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") + (r.isGalleryDragging ? " pointer-events-none opacity-80" : "")), e.set_style(y, e.get(l) !== "none" ? "" : `left: ${r.galleryPosition.x}px; top: ${r.galleryPosition.y}px; width: ${r.gallerySize.width}px; height: ${r.gallerySize.height}px;`), e.set_class(m, 1, `flex-1 p-1 bg-base-100 ${e.get(o) ? "overflow-x-auto overflow-y-hidden h-full" : "overflow-y-auto overflow-x-hidden"}`), e.set_class(b, 1, e.clsx(e.get(o) ? "flex flex-row gap-2 h-full items-center" : "grid gap-2")), e.set_style(b, e.get(o) ? "" : "grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));");
+      }), e.append(d, A);
     };
-    e.if(A, (d) => {
-      r.showThumbnailGallery && d($);
+    e.if(I, (d) => {
+      r.showThumbnailGallery && d(G);
     });
   }
-  return e.append(i, u), e.pop(T);
+  return e.append(s, h), e.pop(x);
 }
 e.delegate(["click", "mousedown"]);
-e.create_custom_element(de, { canvases: {} }, [], [], !0);
-var yr = e.from_html("<button><!></button>"), wr = e.from_html("<button><!></button>"), xr = e.from_html("<button><!></button>"), Sr = e.from_html("<button><!></button>"), Ar = e.from_html("<button><!></button>"), Ir = e.from_html('<div class="tooltip tooltip-left"><!></div>'), Cr = e.from_html('<div class="tooltip tooltip-left"><!></div>'), kr = e.from_html('<div class="tooltip tooltip-left"><!></div>'), Pr = e.from_html('<div class="tooltip tooltip-top"><!></div>'), Mr = e.from_html('<div class="tooltip tooltip-top"><!></div>'), Tr = e.from_html('<div class="absolute z-600 bottom-6 right-6"><!> <!> <!> <!> <!></div>'), zr = e.from_html('<button class="btn btn-circle btn-lg btn-neutral shadow-lg"><!></button>'), jr = e.from_html('<div class="tooltip tooltip-left"><!></div>'), Lr = e.from_html('<div class="tooltip tooltip-left"><!></div>'), Rr = e.from_html('<div class="tooltip tooltip-left"><!></div>'), Dr = e.from_html('<div class="tooltip tooltip-left"><!></div>'), Er = 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"><!></div>  <!> <!> <!> <!></div>');
-function ot(i, t) {
+e.create_custom_element(ge, { canvases: {} }, [], [], !0);
+var Ar = e.from_html("<button><!></button>"), Ir = e.from_html("<button><!></button>"), Cr = e.from_html("<button><!></button>"), kr = e.from_html("<button><!></button>"), Pr = e.from_html("<button><!></button>"), Mr = e.from_html('<div class="tooltip tooltip-left"><!></div>'), Tr = e.from_html('<div class="tooltip tooltip-left"><!></div>'), zr = e.from_html('<div class="tooltip tooltip-left"><!></div>'), jr = e.from_html('<div class="tooltip tooltip-top"><!></div>'), Lr = e.from_html('<div class="tooltip tooltip-top"><!></div>'), Br = e.from_html('<div class="absolute z-600 bottom-6 right-6"><!> <!> <!> <!> <!></div>'), Dr = e.from_html('<div class="tooltip tooltip-left"><!></div>'), Rr = e.from_html('<div class="tooltip tooltip-left"><!></div>'), Or = e.from_html('<div class="tooltip tooltip-top"><!></div>'), Gr = e.from_html('<div class="tooltip tooltip-top"><!></div>'), $r = e.from_html('<div class="fab fab-flower fab-top-left absolute z-600 pointer-events-auto bottom-6 right-6"><div tabindex="0" role="button" class="btn btn-lg btn-primary btn-circle shadow-xl"><span class="sr-only"> </span> <!></div> <div class="fab-main-action tooltip tooltip-top"><!></div>  <!> <!> <!> <!></div>');
+function lt(s, t) {
   e.push(t, !0);
-  const r = (T) => {
-    var u = yr();
-    u.__click = () => b.toggleSearchPanel();
-    var A = e.child(u);
-    Ze(A, { size: 28, weight: "bold" }), e.reset(u), e.template_effect(
-      ($) => {
-        e.set_attribute(u, "aria-label", $), e.set_class(u, 1, e.clsx([
+  const r = (x) => {
+    var h = Ar();
+    h.__click = () => p.toggleSearchPanel();
+    var I = e.child(h);
+    et(I, { size: 28, weight: "bold" }), e.reset(h), e.template_effect(
+      (G) => {
+        e.set_attribute(h, "aria-label", G), e.set_class(h, 1, e.clsx([
           "btn btn-circle btn-lg shadow-lg",
-          b.showSearchPanel ? "btn-primary" : "btn-neutral"
+          p.showSearchPanel ? "btn-primary" : "btn-neutral"
         ]));
       },
-      [() => E.toggle_search()]
-    ), e.append(T, u);
-  }, s = (T) => {
-    var u = wr();
-    u.__click = () => b.toggleThumbnailGallery();
-    var A = e.child(u);
-    kt(A, { size: 28, weight: "bold" }), e.reset(u), e.template_effect(
-      ($) => {
-        e.set_attribute(u, "aria-label", $), e.set_class(u, 1, `btn btn-lg btn-circle shadow-lg ${b.showThumbnailGallery ? "btn-info" : "btn-neutral"}`);
+      [() => $.toggle_search()]
+    ), e.append(x, h);
+  }, i = (x) => {
+    var h = Ir();
+    h.__click = () => p.toggleThumbnailGallery();
+    var I = e.child(h);
+    zt(I, { size: 28, weight: "bold" }), e.reset(h), e.template_effect(
+      (G) => {
+        e.set_attribute(h, "aria-label", G), e.set_class(h, 1, `btn btn-lg btn-circle shadow-lg ${p.showThumbnailGallery ? "btn-info" : "btn-neutral"}`);
       },
       [
-        () => b.showThumbnailGallery ? E.hide_gallery() : E.show_gallery()
+        () => p.showThumbnailGallery ? $.hide_gallery() : $.show_gallery()
       ]
-    ), e.append(T, u);
-  }, a = (T) => {
-    var u = xr();
-    u.__click = () => b.toggleFullScreen();
-    var A = e.child(u);
+    ), e.append(x, h);
+  }, n = (x) => {
+    var h = Cr();
+    h.__click = () => p.toggleFullScreen();
+    var I = e.child(h);
     {
-      var $ = (z) => {
-        St(z, { size: 28, weight: "bold" });
-      }, d = (z) => {
-        At(z, { size: 28, weight: "bold" });
+      var G = (A) => {
+        kt(A, { size: 28, weight: "bold" });
+      }, d = (A) => {
+        Pt(A, { size: 28, weight: "bold" });
       };
-      e.if(A, (z) => {
-        b.isFullScreen ? z($) : z(d, !1);
+      e.if(I, (A) => {
+        p.isFullScreen ? A(G) : A(d, !1);
       });
     }
-    e.reset(u), e.template_effect(() => e.set_class(u, 1, `btn btn-circle btn-lg shadow-lg transition-all duration-300 ease-out ${b.isFullScreen ? "btn-warning" : "btn-neutral"}`)), e.append(T, u);
-  }, o = (T) => {
-    var u = Sr();
-    u.__click = () => b.toggleAnnotations();
-    var A = e.child(u);
-    xt(A, { size: 28, weight: "bold" }), e.reset(u), e.template_effect(
-      ($) => {
-        e.set_attribute(u, "aria-label", $), e.set_class(u, 1, `btn btn-lg btn-circle shadow-lg ${b.showAnnotations ? "btn-error" : "btn-neutral"}`);
+    e.reset(h), e.template_effect(() => e.set_class(h, 1, `btn btn-circle btn-lg shadow-lg transition-all duration-300 ease-out ${p.isFullScreen ? "btn-warning" : "btn-neutral"}`)), e.append(x, h);
+  }, a = (x) => {
+    var h = kr();
+    h.__click = () => p.toggleAnnotations();
+    var I = e.child(h);
+    Ct(I, { size: 28, weight: "bold" }), e.reset(h), e.template_effect(
+      (G) => {
+        e.set_attribute(h, "aria-label", G), e.set_class(h, 1, `btn btn-lg btn-circle shadow-lg ${p.showAnnotations ? "btn-error" : "btn-neutral"}`);
       },
-      [() => E.toggle_annotations()]
-    ), e.append(T, u);
-  }, I = (T) => {
-    var u = Ar();
-    u.__click = () => b.toggleMetadataDialog();
-    var A = e.child(u);
-    It(A, { size: 28, weight: "bold" }), e.reset(u), e.template_effect(
-      ($) => {
-        e.set_attribute(u, "aria-label", $), e.set_class(u, 1, `btn btn-lg btn-circle shadow-lg ${b.showMetadataDialog ? "btn-info" : "btn-neutral"}`);
+      [() => $.toggle_annotations()]
+    ), e.append(x, h);
+  }, P = (x) => {
+    var h = Pr();
+    h.__click = () => p.toggleMetadataDialog();
+    var I = e.child(h);
+    Mt(I, { size: 28, weight: "bold" }), e.reset(h), e.template_effect(
+      (G) => {
+        e.set_attribute(h, "aria-label", G), e.set_class(h, 1, `btn btn-lg btn-circle shadow-lg ${p.showMetadataDialog ? "btn-info" : "btn-neutral"}`);
       },
-      [() => E.toggle_metadata()]
-    ), e.append(T, u);
-  }, b = fe(ce), w = e.derived(() => b.config.rightMenu || {}), P = e.derived(() => e.get(w).showSearch !== !1), g = e.derived(() => e.get(w).showGallery !== !1), O = e.derived(() => e.get(w).showFullscreen !== !1), v = e.derived(() => e.get(w).showAnnotations !== !1), p = e.derived(() => e.get(w).showInfo !== !1), C = e.derived(() => [
-    e.get(P) ? "search" : null,
-    e.get(g) ? "gallery" : null,
-    e.get(O) ? "fullscreen" : null,
-    e.get(v) ? "annotations" : null,
-    e.get(p) ? "info" : null
-  ].filter((T) => T !== null));
-  var h = e.comment(), l = e.first_child(h);
+      [() => $.toggle_metadata()]
+    ), e.append(x, h);
+  }, p = he(ue), _ = e.derived(() => p.config.rightMenu || {}), z = e.derived(() => e.get(_).showSearch !== !1), E = e.derived(() => e.get(_).showGallery !== !1), f = e.derived(() => e.get(_).showFullscreen !== !1), g = e.derived(() => e.get(_).showAnnotations !== !1), D = e.derived(() => e.get(_).showInfo !== !1), w = e.derived(() => [
+    e.get(z) ? "search" : null,
+    e.get(E) ? "gallery" : null,
+    e.get(f) ? "fullscreen" : null,
+    e.get(g) ? "annotations" : null,
+    e.get(D) ? "info" : null
+  ].filter((x) => x !== null));
+  var v = e.comment(), l = e.first_child(v);
   {
-    var c = (T) => {
-      var u = Tr(), A = e.child(u);
+    var o = (x) => {
+      var h = Br(), I = e.child(h);
       {
-        var $ = (y) => {
-          var f = Ir(), G = e.child(f);
-          r(G), e.reset(f), e.template_effect((V) => e.set_attribute(f, "data-tip", V), [() => E.search()]), e.append(y, f);
+        var G = (b) => {
+          var u = Mr(), B = e.child(u);
+          r(B), e.reset(u), e.template_effect((N) => e.set_attribute(u, "data-tip", N), [() => $.search()]), e.append(b, u);
         };
-        e.if(A, (y) => {
-          e.get(P) && y($);
+        e.if(I, (b) => {
+          e.get(z) && b(G);
         });
       }
-      var d = e.sibling(A, 2);
+      var d = e.sibling(I, 2);
       {
-        var z = (y) => {
-          var f = Cr(), G = e.child(f);
-          s(G), e.reset(f), e.template_effect((V) => e.set_attribute(f, "data-tip", V), [
-            () => b.showThumbnailGallery ? E.hide_gallery() : E.show_gallery()
-          ]), e.append(y, f);
+        var A = (b) => {
+          var u = Tr(), B = e.child(u);
+          i(B), e.reset(u), e.template_effect((N) => e.set_attribute(u, "data-tip", N), [
+            () => p.showThumbnailGallery ? $.hide_gallery() : $.show_gallery()
+          ]), e.append(b, u);
         };
-        e.if(d, (y) => {
-          e.get(g) && y(z);
+        e.if(d, (b) => {
+          e.get(E) && b(A);
         });
       }
-      var S = e.sibling(d, 2);
+      var y = e.sibling(d, 2);
       {
-        var k = (y) => {
-          var f = kr(), G = e.child(f);
-          a(G), e.reset(f), e.template_effect((V) => e.set_attribute(f, "data-tip", V), [
-            () => b.isFullScreen ? E.exit_full_screen() : E.enter_full_screen()
-          ]), e.append(y, f);
+        var k = (b) => {
+          var u = zr(), B = e.child(u);
+          n(B), e.reset(u), e.template_effect((N) => e.set_attribute(u, "data-tip", N), [
+            () => p.isFullScreen ? $.exit_full_screen() : $.enter_full_screen()
+          ]), e.append(b, u);
         };
-        e.if(S, (y) => {
-          e.get(O) && y(k);
+        e.if(y, (b) => {
+          e.get(f) && b(k);
         });
       }
-      var D = e.sibling(S, 2);
+      var L = e.sibling(y, 2);
       {
-        var j = (y) => {
-          var f = Pr(), G = e.child(f);
-          o(G), e.reset(f), e.template_effect((V) => e.set_attribute(f, "data-tip", V), [
-            () => b.showAnnotations ? E.hide_annotations() : E.show_annotations()
-          ]), e.append(y, f);
+        var T = (b) => {
+          var u = jr(), B = e.child(u);
+          a(B), e.reset(u), e.template_effect((N) => e.set_attribute(u, "data-tip", N), [
+            () => p.showAnnotations ? $.hide_annotations() : $.show_annotations()
+          ]), e.append(b, u);
         };
-        e.if(D, (y) => {
-          e.get(v) && y(j);
+        e.if(L, (b) => {
+          e.get(g) && b(T);
         });
       }
-      var x = e.sibling(D, 2);
+      var S = e.sibling(L, 2);
       {
-        var m = (y) => {
-          var f = Mr(), G = e.child(f);
-          I(G), e.reset(f), e.template_effect((V) => e.set_attribute(f, "data-tip", V), [() => E.metadata()]), e.append(y, f);
+        var m = (b) => {
+          var u = Lr(), B = e.child(u);
+          P(B), e.reset(u), e.template_effect((N) => e.set_attribute(u, "data-tip", N), [() => $.metadata()]), e.append(b, u);
         };
-        e.if(x, (y) => {
-          e.get(p) && y(m);
+        e.if(S, (b) => {
+          e.get(D) && b(m);
         });
       }
-      e.reset(u), e.append(T, u);
-    }, R = (T) => {
-      var u = e.comment(), A = e.first_child(u);
+      e.reset(h), e.append(x, h);
+    }, C = (x) => {
+      var h = e.comment(), I = e.first_child(h);
       {
-        var $ = (d) => {
-          var z = Er(), S = e.child(z), k = e.child(S), D = e.child(k), j = e.child(D, !0);
-          e.reset(D);
-          var x = e.sibling(D, 2);
-          Ct(x, { size: 32, weight: "bold" }), e.reset(k), e.reset(S);
-          var m = e.sibling(S, 2), y = e.child(m);
-          {
-            var f = (Q) => {
-              r(Q);
-            }, G = (Q) => {
-              var H = zr();
-              H.__click = (_) => {
-                document.activeElement instanceof HTMLElement && document.activeElement.blur();
-              };
-              var n = e.child(H);
-              Fe(n, { size: 28, weight: "bold" }), e.reset(H), e.template_effect((_) => e.set_attribute(H, "aria-label", _), [() => E.close_menu()]), e.append(Q, H);
-            };
-            e.if(y, (Q) => {
-              e.get(P) ? Q(f) : Q(G, !1);
-            });
-          }
-          e.reset(m);
-          var V = e.sibling(m, 2);
+        var G = (d) => {
+          var A = $r(), y = e.child(A), k = e.child(y), L = e.child(k, !0);
+          e.reset(k);
+          var T = e.sibling(k, 2);
+          Tt(T, { size: 32, weight: "bold" }), e.reset(y);
+          var S = e.sibling(y, 2), m = e.child(S);
+          r(m), e.reset(S);
+          var b = e.sibling(S, 2);
           {
-            var U = (Q) => {
-              var H = jr(), n = e.child(H);
-              s(n), e.reset(H), e.template_effect((_) => e.set_attribute(H, "data-tip", _), [
-                () => b.showThumbnailGallery ? E.hide_gallery() : E.show_gallery()
-              ]), e.append(Q, H);
+            var u = (Y) => {
+              var H = Dr(), re = e.child(H);
+              i(re), e.reset(H), e.template_effect((ae) => e.set_attribute(H, "data-tip", ae), [
+                () => p.showThumbnailGallery ? $.hide_gallery() : $.show_gallery()
+              ]), e.append(Y, H);
             };
-            e.if(V, (Q) => {
-              e.get(g) && Q(U);
+            e.if(b, (Y) => {
+              e.get(E) && Y(u);
             });
           }
-          var L = e.sibling(V, 2);
+          var B = e.sibling(b, 2);
           {
-            var B = (Q) => {
-              var H = Lr(), n = e.child(H);
-              a(n), e.reset(H), e.template_effect((_) => e.set_attribute(H, "data-tip", _), [
-                () => b.isFullScreen ? E.exit_full_screen() : E.enter_full_screen()
-              ]), e.append(Q, H);
+            var N = (Y) => {
+              var H = Rr(), re = e.child(H);
+              n(re), e.reset(H), e.template_effect((ae) => e.set_attribute(H, "data-tip", ae), [
+                () => p.isFullScreen ? $.exit_full_screen() : $.enter_full_screen()
+              ]), e.append(Y, H);
             };
-            e.if(L, (Q) => {
-              e.get(O) && Q(B);
+            e.if(B, (Y) => {
+              e.get(f) && Y(N);
             });
           }
-          var q = e.sibling(L, 2);
+          var q = e.sibling(B, 2);
           {
-            var re = (Q) => {
-              var H = Rr(), n = e.child(H);
-              o(n), e.reset(H), e.template_effect((_) => e.set_attribute(H, "data-tip", _), [
-                () => b.showAnnotations ? E.hide_annotations() : E.show_annotations()
-              ]), e.append(Q, H);
+            var j = (Y) => {
+              var H = Or(), re = e.child(H);
+              a(re), e.reset(H), e.template_effect((ae) => e.set_attribute(H, "data-tip", ae), [
+                () => p.showAnnotations ? $.hide_annotations() : $.show_annotations()
+              ]), e.append(Y, H);
             };
-            e.if(q, (Q) => {
-              e.get(v) && Q(re);
+            e.if(q, (Y) => {
+              e.get(g) && Y(j);
             });
           }
-          var se = e.sibling(q, 2);
+          var O = e.sibling(q, 2);
           {
-            var oe = (Q) => {
-              var H = Dr(), n = e.child(H);
-              I(n), e.reset(H), e.template_effect((_) => e.set_attribute(H, "data-tip", _), [() => E.metadata()]), e.append(Q, H);
+            var X = (Y) => {
+              var H = Gr(), re = e.child(H);
+              P(re), e.reset(H), e.template_effect((ae) => e.set_attribute(H, "data-tip", ae), [() => $.metadata()]), e.append(Y, H);
             };
-            e.if(se, (Q) => {
-              e.get(p) && Q(oe);
+            e.if(O, (Y) => {
+              e.get(D) && Y(X);
             });
           }
-          e.reset(z), e.template_effect(
-            (Q, H, n) => {
-              e.set_attribute(S, "data-tip", Q), e.set_text(j, H), e.set_attribute(m, "data-tip", n);
+          e.reset(A), e.template_effect(
+            (Y, H) => {
+              e.set_text(L, Y), e.set_attribute(S, "data-tip", H);
             },
-            [
-              () => E.menu(),
-              () => E.menu(),
-              () => e.get(P) ? E.search() : E.close_menu()
-            ]
-          ), e.append(d, z);
+            [() => $.menu(), () => $.search()]
+          ), e.append(d, A);
         };
         e.if(
-          A,
+          I,
           (d) => {
-            e.get(C).length > 1 && d($);
+            e.get(w).length > 1 && d(G);
           },
           !0
         );
       }
-      e.append(T, u);
+      e.append(x, h);
     };
-    e.if(l, (T) => {
-      e.get(C).length === 1 ? T(c) : T(R, !1);
+    e.if(l, (x) => {
+      e.get(w).length === 1 ? x(o) : x(C, !1);
     });
   }
-  e.append(i, h), e.pop();
+  e.append(s, v), e.pop();
 }
 e.delegate(["click"]);
-e.create_custom_element(ot, {}, [], [], !0);
-var Gr = e.from_html('<div class="tooltip tooltip-right"><button><!></button></div>'), Or = 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"><button><!></button></div></div>');
-function lt(i, t) {
+e.create_custom_element(lt, {}, [], [], !0);
+var Er = e.from_html('<div class="tooltip tooltip-right"><button><!></button></div>'), Fr = 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"><button><!></button></div></div>');
+function ct(s, t) {
   e.push(t, !0);
-  const r = fe(ce);
-  let s = e.derived(() => [...r.pluginMenuButtons].sort((P, g) => (P.order ?? 100) - (g.order ?? 100))), a = e.state(!1);
-  function o() {
-    e.set(a, !e.get(a));
+  const r = he(ue);
+  let i = e.derived(() => [...r.pluginMenuButtons].sort((z, E) => (z.order ?? 100) - (E.order ?? 100))), n = e.state(!1);
+  function a() {
+    e.set(n, !e.get(n));
   }
-  var I = e.comment(), b = e.first_child(I);
+  var P = e.comment(), p = e.first_child(P);
   {
-    var w = (P) => {
-      var g = Or(), O = e.child(g);
-      e.each(O, 21, () => e.get(s), (c) => c.id, (c, R) => {
-        const T = e.derived(() => e.get(R).icon);
-        var u = Gr(), A = e.child(u);
-        A.__click = () => {
-          e.get(R).onClick(), e.set(a, !1);
+    var _ = (z) => {
+      var E = Fr(), f = e.child(E);
+      e.each(f, 21, () => e.get(i), (o) => o.id, (o, C) => {
+        const x = e.derived(() => e.get(C).icon);
+        var h = Er(), I = e.child(h);
+        I.__click = () => {
+          e.get(C).onClick(), e.set(n, !1);
         };
-        var $ = e.child(A);
-        e.component($, () => e.get(T), (d, z) => {
-          z(d, { size: 28, weight: "bold" });
-        }), e.reset(A), e.reset(u), e.template_effect(
+        var G = e.child(I);
+        e.component(G, () => e.get(x), (d, A) => {
+          A(d, { size: 28, weight: "bold" });
+        }), e.reset(I), e.reset(h), e.template_effect(
           (d) => {
-            e.set_attribute(u, "data-tip", e.get(R).tooltip), e.set_attribute(A, "aria-label", e.get(R).tooltip), e.set_class(A, 1, `btn btn-lg btn-circle shadow-lg ${d ?? ""}`);
+            e.set_attribute(h, "data-tip", e.get(C).tooltip), e.set_attribute(I, "aria-label", e.get(C).tooltip), e.set_class(I, 1, `btn btn-lg btn-circle shadow-lg ${d ?? ""}`);
           },
           [
             () => {
-              var d, z;
-              return (z = (d = e.get(R)).isActive) != null && z.call(d) ? e.get(R).activeClass ?? "btn-primary" : "btn-neutral";
+              var d, A;
+              return (A = (d = e.get(C)).isActive) != null && A.call(d) ? e.get(C).activeClass ?? "btn-primary" : "btn-neutral";
             }
           ]
-        ), e.append(c, u);
-      }), e.reset(O);
-      var v = e.sibling(O, 2), p = e.child(v);
-      p.__click = o;
-      var C = e.child(p);
+        ), e.append(o, h);
+      }), e.reset(f);
+      var g = e.sibling(f, 2), D = e.child(g);
+      D.__click = a;
+      var w = e.child(D);
       {
-        var h = (c) => {
-          Fe(c, { size: 28, weight: "bold" });
-        }, l = (c) => {
-          Pt(c, { size: 28, weight: "bold" });
+        var v = (o) => {
+          qe(o, { size: 28, weight: "bold" });
+        }, l = (o) => {
+          jt(o, { size: 28, weight: "bold" });
         };
-        e.if(C, (c) => {
-          e.get(a) ? c(h) : c(l, !1);
+        e.if(w, (o) => {
+          e.get(n) ? o(v) : o(l, !1);
         });
       }
-      e.reset(p), e.reset(v), e.reset(g), e.template_effect(
-        (c, R) => {
-          e.set_class(O, 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_attribute(v, "data-tip", c), e.set_class(p, 1, `btn btn-lg btn-secondary btn-circle shadow-xl transition-transform duration-300 ${e.get(a) ? "rotate-90" : ""}`), e.set_attribute(p, "aria-label", R);
+      e.reset(D), e.reset(g), e.reset(E), e.template_effect(
+        (o, C) => {
+          e.set_class(f, 1, `flex flex-col-reverse gap-3 mb-3 transition-all duration-300 origin-bottom ${e.get(n) ? "opacity-100 translate-y-0 scale-100" : "opacity-0 translate-y-4 scale-90 pointer-events-none"}`), e.set_attribute(g, "data-tip", o), e.set_class(D, 1, `btn btn-lg btn-secondary btn-circle shadow-xl transition-transform duration-300 ${e.get(n) ? "rotate-90" : ""}`), e.set_attribute(D, "aria-label", C);
         },
-        [() => E.plugins_tooltip(), () => E.plugins_tooltip()]
-      ), e.append(P, g);
+        [() => $.plugins_tooltip(), () => $.plugins_tooltip()]
+      ), e.append(z, E);
     };
-    e.if(b, (P) => {
-      e.get(s).length > 0 && P(w);
+    e.if(p, (z) => {
+      e.get(i).length > 0 && z(_);
     });
   }
-  e.append(i, I), e.pop();
+  e.append(s, P), e.pop();
 }
 e.delegate(["click"]);
-e.create_custom_element(lt, {}, [], [], !0);
-var Br = e.from_html('<div class="mb-6 prose"><p><!></p></div>'), $r = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6"> </dt> <dd class="text-sm ps-2"><!></dd>', 1), Fr = 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), Vr = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6"> </dt> <dd class="text-sm ps-2"><!></dd>', 1), Nr = 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 ct(i, t) {
+e.create_custom_element(ct, {}, [], [], !0);
+var Vr = e.from_html('<div class="mb-6 prose"><p><!></p></div>'), Nr = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6"> </dt> <dd class="text-sm ps-2"><!></dd>', 1), Hr = 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), Yr = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6"> </dt> <dd class="text-sm ps-2"><!></dd>', 1), Xr = 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 dt(s, t) {
   e.push(t, !0);
-  const r = fe(ce);
-  let s = e.derived(() => r.manifest), a = e.derived(() => {
-    const m = yt.current;
-    if (!e.get(s)) return [];
-    const y = e.get(s).getMetadata();
-    return y ? y.map((f) => {
-      let G = "", V = "";
-      const U = (L) => {
-        if (typeof L == "string") return L;
-        if (Array.isArray(L)) {
-          let B = L.find((q) => q.locale === m || q.language === m);
-          return B || (B = L.find((q) => q.locale === "en" || q.language === "en")), B || (B = L.find((q) => !q.locale && !q.language)), B || (B = L[0]), B ? B.value : "";
+  const r = he(ue);
+  let i = e.derived(() => r.manifest), n = e.derived(() => {
+    const m = At.current;
+    if (!e.get(i)) return [];
+    const b = e.get(i).getMetadata();
+    return b ? b.map((u) => {
+      let B = "", N = "";
+      const q = (j) => {
+        if (typeof j == "string") return j;
+        if (Array.isArray(j)) {
+          let O = j.find((X) => X.locale === m || X.language === m);
+          return O || (O = j.find((X) => X.locale === "en" || X.language === "en")), O || (O = j.find((X) => !X.locale && !X.language)), O || (O = j[0]), O ? O.value : "";
         }
-        return String(L);
+        return String(j);
       };
-      return f.getLabel ? G = U(f.getLabel()) : f.label && (G = U(f.label)), f.getValue ? V = U(f.getValue()) : f.value && (V = U(f.value)), { label: G, value: V };
+      return u.getLabel ? B = q(u.getLabel()) : u.label && (B = q(u.label)), u.getValue ? N = q(u.getValue()) : u.value && (N = q(u.value)), { label: B, value: N };
     }) : [];
-  }), o = e.derived(() => e.get(s) ? e.get(s).getDescription() : ""), I = e.derived(() => {
+  }), a = e.derived(() => e.get(i) ? e.get(i).getDescription() : ""), P = e.derived(() => {
     var m;
-    return e.get(s) ? (m = e.get(s).getRequiredStatement()) == null ? void 0 : m.getValue() : "";
-  }), b = e.derived(() => e.get(s) ? e.get(s).getLicense() : "");
-  var w = Nr(), P = e.child(w), g = e.child(P), O = e.child(g);
-  O.__click = () => r.toggleMetadataDialog(), e.reset(g);
-  var v = e.sibling(g, 2), p = e.child(v, !0);
-  e.reset(v);
-  var C = e.sibling(v, 2), h = e.child(C);
+    return e.get(i) ? (m = e.get(i).getRequiredStatement()) == null ? void 0 : m.getValue() : "";
+  }), p = e.derived(() => e.get(i) ? e.get(i).getLicense() : "");
+  var _ = Xr(), z = e.child(_), E = e.child(z), f = e.child(E);
+  f.__click = () => r.toggleMetadataDialog(), e.reset(E);
+  var g = e.sibling(E, 2), D = e.child(g, !0);
+  e.reset(g);
+  var w = e.sibling(g, 2), v = e.child(w);
   {
     var l = (m) => {
-      var y = Br(), f = e.child(y), G = e.child(f);
-      e.html(G, () => e.get(o)), e.reset(f), e.reset(y), e.append(m, y);
+      var b = Vr(), u = e.child(b), B = e.child(u);
+      e.html(B, () => e.get(a)), e.reset(u), e.reset(b), e.append(m, b);
     };
-    e.if(h, (m) => {
-      e.get(o) && m(l);
+    e.if(v, (m) => {
+      e.get(a) && m(l);
     });
   }
-  var c = e.sibling(h, 2), R = e.child(c);
+  var o = e.sibling(v, 2), C = e.child(o);
   {
-    var T = (m) => {
-      var y = $r(), f = e.first_child(y), G = e.child(f, !0);
-      e.reset(f);
-      var V = e.sibling(f, 2), U = e.child(V);
-      e.html(U, () => e.get(I)), e.reset(V), e.template_effect((L) => e.set_text(G, L), [() => E.attribution()]), e.append(m, y);
+    var x = (m) => {
+      var b = Nr(), u = e.first_child(b), B = e.child(u, !0);
+      e.reset(u);
+      var N = e.sibling(u, 2), q = e.child(N);
+      e.html(q, () => e.get(P)), e.reset(N), e.template_effect((j) => e.set_text(B, j), [() => $.attribution()]), e.append(m, b);
     };
-    e.if(R, (m) => {
-      e.get(I) && m(T);
+    e.if(C, (m) => {
+      e.get(P) && m(x);
     });
   }
-  var u = e.sibling(R, 2);
+  var h = e.sibling(C, 2);
   {
-    var A = (m) => {
-      var y = Fr(), f = e.first_child(y), G = e.child(f, !0);
-      e.reset(f);
-      var V = e.sibling(f, 2), U = e.child(V), L = e.child(U, !0);
-      e.reset(U), e.reset(V), e.template_effect(
-        (B) => {
-          e.set_text(G, B), e.set_attribute(U, "href", e.get(b)), e.set_text(L, e.get(b));
+    var I = (m) => {
+      var b = Hr(), u = e.first_child(b), B = e.child(u, !0);
+      e.reset(u);
+      var N = e.sibling(u, 2), q = e.child(N), j = e.child(q, !0);
+      e.reset(q), e.reset(N), e.template_effect(
+        (O) => {
+          e.set_text(B, O), e.set_attribute(q, "href", e.get(p)), e.set_text(j, e.get(p));
         },
-        [() => E.license()]
-      ), e.append(m, y);
+        [() => $.license()]
+      ), e.append(m, b);
     };
-    e.if(u, (m) => {
-      e.get(b) && m(A);
+    e.if(h, (m) => {
+      e.get(p) && m(I);
     });
   }
-  var $ = e.sibling(u, 2);
-  e.each($, 17, () => e.get(a), e.index, (m, y) => {
-    var f = Vr(), G = e.first_child(f), V = e.child(G, !0);
-    e.reset(G);
-    var U = e.sibling(G, 2), L = e.child(U);
-    e.html(L, () => e.get(y).value), e.reset(U), e.template_effect(() => e.set_text(V, e.get(y).label)), e.append(m, f);
-  }), e.reset(c), e.reset(C);
-  var d = e.sibling(C, 2), z = e.child(d), S = e.child(z);
-  S.__click = () => r.toggleMetadataDialog();
-  var k = e.child(S, !0);
-  e.reset(S), e.reset(z), e.reset(d), e.reset(P);
-  var D = e.sibling(P, 2), j = e.child(D);
-  j.__click = () => r.toggleMetadataDialog();
-  var x = e.child(j, !0);
-  e.reset(j), e.reset(D), e.reset(w), e.template_effect(
-    (m, y, f) => {
-      w.open = r.showMetadataDialog, e.set_text(p, m), e.set_text(k, y), e.set_text(x, f);
+  var G = e.sibling(h, 2);
+  e.each(G, 17, () => e.get(n), e.index, (m, b) => {
+    var u = Yr(), B = e.first_child(u), N = e.child(B, !0);
+    e.reset(B);
+    var q = e.sibling(B, 2), j = e.child(q);
+    e.html(j, () => e.get(b).value), e.reset(q), e.template_effect(() => e.set_text(N, e.get(b).label)), e.append(m, u);
+  }), e.reset(o), e.reset(w);
+  var d = e.sibling(w, 2), A = e.child(d), y = e.child(A);
+  y.__click = () => r.toggleMetadataDialog();
+  var k = e.child(y, !0);
+  e.reset(y), e.reset(A), e.reset(d), e.reset(z);
+  var L = e.sibling(z, 2), T = e.child(L);
+  T.__click = () => r.toggleMetadataDialog();
+  var S = e.child(T, !0);
+  e.reset(T), e.reset(L), e.reset(_), e.template_effect(
+    (m, b, u) => {
+      _.open = r.showMetadataDialog, e.set_text(D, m), e.set_text(k, b), e.set_text(S, u);
     },
     [
-      () => e.get(s) ? e.get(s).getLabel().length && e.get(s).getLabel()[0] ? e.get(s).getLabel()[0].value : E.metadata_label_fallback() : E.loading(),
-      () => E.close(),
-      () => E.close()
+      () => e.get(i) ? e.get(i).getLabel().length && e.get(i).getLabel()[0] ? e.get(i).getLabel()[0].value : $.metadata_label_fallback() : $.loading(),
+      () => $.close(),
+      () => $.close()
     ]
-  ), e.append(i, w), e.pop();
+  ), e.append(s, _), e.pop();
 }
 e.delegate(["click"]);
-e.create_custom_element(ct, {}, [], [], !0);
-var Hr = e.from_html('<button class="btn btn-sm btn-circle btn-ghost"><!></button>'), Yr = e.from_html('<span class="loading loading-spinner loading-xs"></span>'), Xr = e.from_html('<div class="flex justify-center p-8"><span class="loading loading-spinner loading-lg text-primary"></span></div>'), qr = e.from_html('<div class="text-center opacity-50 p-4"> </div>'), Qr = e.from_html('<div class="text-center opacity-50 p-4 text-sm"> </div>'), Wr = 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>'), Ur = e.from_html('<div class="leading-relaxed"> </div>'), Jr = 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>'), Kr = e.from_html('<div class="text-xs font-bold opacity-50 uppercase tracking-wider pb-2"> </div> <!>', 1), Zr = 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="flex items-center justify-between p-4 border-b border-base-300"><h2 class="font-bold text-lg"> </h2> <!></div> <div class="p-4 border-b border-base-300 shrink-0"><div class="relative w-full"><input type="text" class="input input-bordered w-full pr-12"/> <button class="btn btn-primary absolute right-0 top-0 h-full rounded-l-none"><!></button></div></div> <div class="flex-1 overflow-y-auto p-4 space-y-4"><!></div></div>');
-function dt(i, t) {
+e.create_custom_element(dt, {}, [], [], !0);
+var qr = e.from_html('<button class="btn btn-sm btn-circle btn-ghost"><!></button>'), Qr = e.from_html('<span class="loading loading-spinner loading-xs"></span>'), Wr = e.from_html('<div class="flex justify-center p-8"><span class="loading loading-spinner loading-lg text-primary"></span></div>'), Jr = 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>'), Kr = 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>'), Zr = e.from_html('<div class="leading-relaxed"> </div>'), es = 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>'), ts = e.from_html('<div class="text-xs font-bold opacity-50 uppercase tracking-wider pb-2"> </div> <!>', 1), rs = 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="flex items-center justify-between p-4 border-b border-base-300"><h2 class="font-bold text-lg"> </h2> <!></div> <div class="p-4 border-b border-base-300 shrink-0"><div class="relative w-full"><input type="text" class="input input-bordered w-full pr-12"/> <button class="btn btn-primary absolute right-0 top-0 h-full rounded-l-none"><!></button></div></div> <div class="flex-1 overflow-y-auto p-4 space-y-4"><!></div></div>');
+function ft(s, t) {
   e.push(t, !0);
-  const r = fe(ce);
-  let s = e.state(""), a = e.derived(() => {
-    var O;
-    return ((O = r.config.search) == null ? void 0 : O.showCloseButton) ?? !0;
+  const r = he(ue);
+  let i = e.state(""), n = e.derived(() => {
+    var f;
+    return ((f = r.config.search) == null ? void 0 : f.showCloseButton) ?? !0;
+  });
+  e.user_effect(() => {
+    r.searchQuery !== bt(() => e.get(i)) && e.set(i, r.searchQuery, !0);
   });
-  function o() {
-    r.search(e.get(s));
+  function a() {
+    r.search(e.get(i));
   }
-  function I(O) {
-    O.key === "Enter" && o();
+  function P(f) {
+    f.key === "Enter" && a();
   }
-  function b(O) {
-    const v = r.canvases[O.canvasIndex];
-    v && (r.canvasId = v.id);
+  function p(f) {
+    const g = r.canvases[f.canvasIndex];
+    g && r.setCanvas(g.id);
   }
-  var w = e.comment(), P = e.first_child(w);
+  var _ = e.comment(), z = e.first_child(_);
   {
-    var g = (O) => {
-      var v = Zr(), p = e.child(v), C = e.child(p), h = e.child(C, !0);
-      e.reset(C);
-      var l = e.sibling(C, 2);
+    var E = (f) => {
+      var g = rs(), D = e.child(g), w = e.child(D), v = e.child(w, !0);
+      e.reset(w);
+      var l = e.sibling(w, 2);
       {
-        var c = (x) => {
-          var m = Hr();
+        var o = (S) => {
+          var m = qr();
           m.__click = () => r.toggleSearchPanel();
-          var y = e.child(m);
-          Fe(y, { size: 20, weight: "bold" }), e.reset(m), e.template_effect((f) => e.set_attribute(m, "aria-label", f), [() => E.close_search()]), e.append(x, m);
+          var b = e.child(m);
+          qe(b, { size: 20, weight: "bold" }), e.reset(m), e.template_effect((u) => e.set_attribute(m, "aria-label", u), [() => $.close_search()]), e.append(S, m);
         };
-        e.if(l, (x) => {
-          e.get(a) && x(c);
+        e.if(l, (S) => {
+          e.get(n) && S(o);
         });
       }
-      e.reset(p);
-      var R = e.sibling(p, 2), T = e.child(R), u = e.child(T);
-      e.remove_input_defaults(u), u.__keydown = I;
-      var A = e.sibling(u, 2);
-      A.__click = o;
-      var $ = e.child(A);
+      e.reset(D);
+      var C = e.sibling(D, 2), x = e.child(C), h = e.child(x);
+      e.remove_input_defaults(h), h.__keydown = P;
+      var I = e.sibling(h, 2);
+      I.__click = a;
+      var G = e.child(I);
       {
-        var d = (x) => {
-          var m = Yr();
-          e.append(x, m);
-        }, z = (x) => {
-          Ze(x, { size: 20, weight: "bold" });
+        var d = (S) => {
+          var m = Qr();
+          e.append(S, m);
+        }, A = (S) => {
+          et(S, { size: 20, weight: "bold" });
         };
-        e.if($, (x) => {
-          r.isSearching ? x(d) : x(z, !1);
+        e.if(G, (S) => {
+          r.isSearching ? S(d) : S(A, !1);
         });
       }
-      e.reset(A), e.reset(T), e.reset(R);
-      var S = e.sibling(R, 2), k = e.child(S);
+      e.reset(I), e.reset(x), e.reset(C);
+      var y = e.sibling(C, 2), k = e.child(y);
       {
-        var D = (x) => {
-          var m = Xr();
-          e.append(x, m);
-        }, j = (x) => {
-          var m = e.comment(), y = e.first_child(m);
+        var L = (S) => {
+          var m = Wr();
+          e.append(S, m);
+        }, T = (S) => {
+          var m = e.comment(), b = e.first_child(m);
           {
-            var f = (V) => {
-              var U = qr(), L = e.child(U, !0);
-              e.reset(U), e.template_effect((B) => e.set_text(L, B), [
-                () => E.search_panel_no_results({ query: r.searchQuery })
-              ]), e.append(V, U);
-            }, G = (V) => {
-              var U = e.comment(), L = e.first_child(U);
+            var u = (N) => {
+              var q = Jr(), j = e.child(q, !0);
+              e.reset(q), e.template_effect((O) => e.set_text(j, O), [
+                () => $.search_panel_no_results({ query: r.searchQuery })
+              ]), e.append(N, q);
+            }, B = (N) => {
+              var q = e.comment(), j = e.first_child(q);
               {
-                var B = (re) => {
-                  var se = Qr(), oe = e.child(se, !0);
-                  e.reset(se), e.template_effect((Q) => e.set_text(oe, Q), [() => E.search_panel_instruction()]), e.append(re, se);
-                }, q = (re) => {
-                  var se = Kr(), oe = e.first_child(se), Q = e.child(oe, !0);
-                  e.reset(oe);
-                  var H = e.sibling(oe, 2);
-                  e.each(H, 17, () => r.searchResults, e.index, (n, _) => {
-                    var Y = Jr();
-                    Y.__click = () => b(e.get(_));
-                    var N = e.child(Y), ie = e.child(N), J = e.child(ie, !0);
-                    e.reset(ie), e.reset(N);
-                    var X = e.sibling(N, 2);
+                var O = (Y) => {
+                  var H = Ur(), re = e.child(H, !0);
+                  e.reset(H), e.template_effect((ae) => e.set_text(re, ae), [() => $.search_panel_instruction()]), e.append(Y, H);
+                }, X = (Y) => {
+                  var H = ts(), re = e.first_child(H), ae = e.child(re, !0);
+                  e.reset(re);
+                  var de = e.sibling(re, 2);
+                  e.each(de, 17, () => r.searchResults, e.index, (K, se) => {
+                    var ce = es();
+                    ce.__click = () => p(e.get(se));
+                    var c = e.child(ce), R = e.child(c), te = e.child(R, !0);
+                    e.reset(R), e.reset(c);
+                    var Z = e.sibling(c, 2);
                     {
-                      var Z = (te) => {
-                        var F = Wr(), W = e.child(F), ne = e.child(W);
-                        e.html(ne, () => e.get(_).before), e.reset(W);
-                        var ae = e.sibling(W, 2), ue = e.child(ae);
-                        e.html(ue, () => e.get(_).match), e.reset(ae);
-                        var $e = e.sibling(ae, 2), Ve = e.child($e);
-                        e.html(Ve, () => e.get(_).after), e.reset($e), e.reset(F), e.append(te, F);
-                      }, ee = (te) => {
-                        var F = Ur(), W = e.child(F, !0);
-                        e.reset(F), e.template_effect(() => e.set_text(W, e.get(_).match)), e.append(te, F);
+                      var le = (V) => {
+                        var Q = Kr(), J = e.child(Q), ne = e.child(J);
+                        e.html(ne, () => e.get(se).before), e.reset(J);
+                        var F = e.sibling(J, 2), U = e.child(F);
+                        e.html(U, () => e.get(se).match), e.reset(F);
+                        var ie = e.sibling(F, 2), oe = e.child(ie);
+                        e.html(oe, () => e.get(se).after), e.reset(ie), e.reset(Q), e.append(V, Q);
+                      }, W = (V) => {
+                        var Q = Zr(), J = e.child(Q, !0);
+                        e.reset(Q), e.template_effect(() => e.set_text(J, e.get(se).match)), e.append(V, Q);
                       };
-                      e.if(X, (te) => {
-                        e.get(_).type === "hit" ? te(Z) : te(ee, !1);
+                      e.if(Z, (V) => {
+                        e.get(se).type === "hit" ? V(le) : V(W, !1);
                       });
                     }
-                    e.reset(Y), e.template_effect(() => e.set_text(J, e.get(_).canvasLabel)), e.append(n, Y);
-                  }), e.template_effect((n) => e.set_text(Q, n), [
-                    () => E.search_panel_results_count({ count: r.searchResults.length })
-                  ]), e.append(re, se);
+                    e.reset(ce), e.template_effect(() => e.set_text(te, e.get(se).canvasLabel)), e.append(K, ce);
+                  }), e.template_effect((K) => e.set_text(ae, K), [
+                    () => $.search_panel_results_count({ count: r.searchResults.length })
+                  ]), e.append(Y, H);
                 };
                 e.if(
-                  L,
-                  (re) => {
-                    r.searchResults.length === 0 && !r.searchQuery ? re(B) : re(q, !1);
+                  j,
+                  (Y) => {
+                    r.searchResults.length === 0 && !r.searchQuery ? Y(O) : Y(X, !1);
                   },
                   !0
                 );
               }
-              e.append(V, U);
+              e.append(N, q);
             };
             e.if(
-              y,
-              (V) => {
-                r.searchResults.length === 0 && r.searchQuery ? V(f) : V(G, !1);
+              b,
+              (N) => {
+                r.searchResults.length === 0 && r.searchQuery ? N(u) : N(B, !1);
               },
               !0
             );
           }
-          e.append(x, m);
+          e.append(S, m);
         };
-        e.if(k, (x) => {
-          r.isSearching ? x(D) : x(j, !1);
+        e.if(k, (S) => {
+          r.isSearching ? S(L) : S(T, !1);
         });
       }
-      e.reset(S), e.reset(v), e.template_effect(
-        (x, m, y, f) => {
-          e.set_attribute(v, "aria-label", x), e.set_text(h, m), e.set_attribute(u, "placeholder", y), e.set_attribute(A, "aria-label", f);
+      e.reset(y), e.reset(g), e.template_effect(
+        (S, m, b, u) => {
+          e.set_attribute(g, "aria-label", S), e.set_text(v, m), e.set_attribute(h, "placeholder", b), e.set_attribute(I, "aria-label", u);
         },
         [
-          () => E.search_panel_title(),
-          () => E.search(),
-          () => E.search_panel_placeholder(),
-          () => E.search_panel_title()
+          () => $.search_panel_title(),
+          () => $.search(),
+          () => $.search_panel_placeholder(),
+          () => $.search_panel_title()
         ]
-      ), e.bind_value(u, () => e.get(s), (x) => e.set(s, x)), e.append(O, v);
+      ), e.bind_value(h, () => e.get(i), (S) => e.set(i, S)), e.append(f, g);
     };
-    e.if(P, (O) => {
-      r.showSearchPanel && O(g);
+    e.if(z, (f) => {
+      r.showSearchPanel && f(E);
     });
   }
-  e.append(i, w), e.pop();
+  e.append(s, _), e.pop();
 }
 e.delegate(["click", "keydown"]);
-e.create_custom_element(dt, {}, [], [], !0);
-var ei = e.from_html('<div class="h-full w-[200px] pointer-events-auto relative"><!></div>'), ti = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), ri = e.from_html('<div class="flex-none flex flex-row z-20 bg-base-200 border-r border-base-300 transition-all"><!> <!></div>'), ii = e.from_html('<div class="flex-none h-[140px] w-full pointer-events-auto relative z-20"><!></div>'), si = 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>'), ni = e.from_html('<div class="w-full h-full flex items-center justify-center text-error"> </div>'), ai = e.from_html('<div class="w-full h-full flex items-center justify-center text-base-content/50"> </div>'), oi = e.from_html('<div class="absolute inset-0 z-40 pointer-events-none"><!></div>'), li = e.from_html('<div class="flex-none h-[140px] w-full pointer-events-auto relative z-20"><!></div>'), ci = e.from_html('<div class="relative w-full z-40 pointer-events-auto"><!></div>'), di = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), fi = e.from_html('<div class="h-full w-[200px] pointer-events-auto relative"><!></div>'), ui = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), gi = e.from_html('<div class="flex-none flex flex-row z-20 bg-base-200 border-l border-base-300 transition-all"><!> <!> <!></div>'), vi = e.from_html('<div id="triiiceratops-viewer" class="flex w-full h-full relative bg-base-100 overflow-hidden"><!> <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>');
-function hi(i, t) {
+e.create_custom_element(ft, {}, [], [], !0);
+var ss = e.from_html('<div class="h-full w-[200px] pointer-events-auto relative"><!></div>'), is = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), ns = e.from_html('<div class="flex-none flex flex-row z-20 bg-base-200 border-r border-base-300 transition-all"><!> <!></div>'), as = e.from_html('<div class="flex-none h-[140px] w-full pointer-events-auto relative z-20"><!></div>'), os = 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>'), ls = e.from_html('<div class="w-full h-full flex items-center justify-center text-error"> </div>'), cs = e.from_html('<div class="w-full h-full flex items-center justify-center text-base-content/50"> </div>'), ds = e.from_html('<div class="absolute inset-0 z-40 pointer-events-none"><!></div>'), fs = e.from_html('<div class="flex-none h-[140px] w-full pointer-events-auto relative z-20"><!></div>'), us = e.from_html('<div class="relative w-full z-40 pointer-events-auto"><!></div>'), gs = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), hs = e.from_html('<div class="h-full w-[200px] pointer-events-auto relative"><!></div>'), vs = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), ps = e.from_html('<div class="flex-none flex flex-row z-20 bg-base-200 border-l border-base-300 transition-all"><!> <!> <!></div>'), ms = e.from_html('<div id="triiiceratops-viewer" class="flex w-full h-full relative bg-base-100 overflow-hidden"><!> <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>');
+function bs(s, t) {
   e.push(t, !0);
-  let r = e.prop(t, "manifestId", 7), s = e.prop(t, "canvasId", 7), a = e.prop(t, "plugins", 23, () => []), o = e.prop(t, "theme", 7), I = e.prop(t, "themeConfig", 7), b = e.prop(t, "config", 23, () => ({})), w = e.prop(t, "viewerState", 15), P = e.state(void 0);
+  const r = typeof window < "u";
+  let i = e.prop(t, "manifestId", 7), n = e.prop(t, "canvasId", 7), a = e.prop(t, "plugins", 23, () => []), P = e.prop(t, "theme", 7), p = e.prop(t, "themeConfig", 7), _ = e.prop(t, "config", 23, () => ({})), z = e.prop(t, "viewerState", 15), E = e.state(void 0);
   e.user_effect(() => {
-    e.get(P) && qt(e.get(P), o(), I());
+    e.get(E) && Ut(e.get(E), P(), p());
   });
-  const g = new Tt(null, void 0, []);
-  w(
-    g
+  const f = new Bt(null, void 0, []);
+  z(
+    f
     // Expose via bindable prop
-  ), ht(ce, g), pt(() => {
-    g.destroyAllPlugins();
+  ), _t(ue, f), yt(() => {
+    f.destroyAllPlugins();
   }), e.user_effect(() => {
-    r() && g.setManifest(r());
-  }), e.user_effect(() => {
-    s() && g.setCanvas(s());
-  }), e.user_effect(() => {
-    b() && (console.log("[Viewer] updateConfig called with:", b()), g.updateConfig(b()));
+    i() && i() !== f.manifestId && f.setManifest(i());
+  });
+  let g = "";
+  e.user_effect(() => {
+    n() && n() !== g && (g = n(), n() !== f.canvasId && f.setCanvas(n()));
+  });
+  let D = "";
+  e.user_effect(() => {
+    if (_()) {
+      const c = JSON.stringify(_());
+      c !== D && (D = c, console.log("[Viewer] updateConfig called with new config:", _()), f.updateConfig(_()));
+    }
   }), e.user_effect(() => {
-    for (const n of a())
-      g.registerPlugin(n);
+    for (const c of a())
+      f.registerPlugin(c);
   }), e.user_effect(() => {
-    const n = () => {
-      g.isFullScreen = !!document.fullscreenElement;
+    if (!r) return;
+    const c = () => {
+      f.isFullScreen = !!document.fullscreenElement;
     };
-    return document.addEventListener("fullscreenchange", n), () => {
-      document.removeEventListener("fullscreenchange", n);
+    return document.addEventListener("fullscreenchange", c), () => {
+      document.removeEventListener("fullscreenchange", c);
     };
   });
-  let O = e.derived(() => g.showThumbnailGallery && g.dockSide === "left" || g.pluginPanels.some((n) => n.position === "left" && n.isVisible())), v = e.derived(() => g.showSearchPanel || g.showThumbnailGallery && g.dockSide === "right" || g.pluginPanels.some((n) => n.position === "right" && n.isVisible())), p = e.derived(() => g.manifest), C = e.derived(() => g.canvases), h = e.derived(() => g.currentCanvasIndex), l = e.derived(() => {
-    var ee, te;
-    if (!e.get(C) || e.get(h) === -1 || !e.get(C)[e.get(h)])
-      return (ee = e.get(p)) != null && ee.isFetching || console.log("TriiiceratopsViewer: No canvas found"), null;
-    const n = e.get(C)[e.get(h)];
-    let _ = n.getImages();
-    if ((!_ || !_.length) && n.getContent && (_ = n.getContent()), !_ || !_.length)
-      return n.__jsonld && n.__jsonld.items, (te = e.get(p)) != null && te.isFetching || console.log("TriiiceratopsViewer: No images/content in canvas"), null;
-    const Y = _[0];
-    let N = Y.getResource ? Y.getResource() : null;
-    if (!N && Y.getBody) {
-      const F = Y.getBody();
-      Array.isArray(F) && F.length > 0 ? N = F[0] : F && (N = F);
+  let w = e.derived(() => f.showThumbnailGallery && f.dockSide === "left" || f.pluginPanels.some((c) => c.position === "left" && c.isVisible())), v = e.derived(() => f.showSearchPanel || f.showThumbnailGallery && f.dockSide === "right" || f.pluginPanels.some((c) => c.position === "right" && c.isVisible())), l = e.derived(() => f.manifest), o = e.derived(() => f.canvases), C = e.derived(() => f.currentCanvasIndex), x = e.derived(() => {
+    var J, ne;
+    if (!e.get(o) || e.get(C) === -1 || !e.get(o)[e.get(C)])
+      return (J = e.get(l)) != null && J.isFetching || console.log("TriiiceratopsViewer: No canvas found"), null;
+    const c = e.get(o)[e.get(C)];
+    let R = c.getImages();
+    if ((!R || !R.length) && c.getContent && (R = c.getContent()), !R || !R.length)
+      return c.__jsonld && c.__jsonld.items, (ne = e.get(l)) != null && ne.isFetching || console.log("TriiiceratopsViewer: No images/content in canvas"), null;
+    const te = R[0];
+    let Z = te.getResource ? te.getResource() : null;
+    if (!Z && te.getBody) {
+      const F = te.getBody();
+      Array.isArray(F) && F.length > 0 ? Z = F[0] : F && (Z = F);
     }
-    if (N && !N.id && !N.__jsonld && (!N.getServices || N.getServices().length === 0) && (N = null), !N) {
-      const F = Y.__jsonld || Y;
-      F.body && (N = Array.isArray(F.body) ? F.body[0] : F.body);
+    if (Z && !Z.id && !Z.__jsonld && (!Z.getServices || Z.getServices().length === 0) && (Z = null), !Z) {
+      const F = te.__jsonld || te;
+      F.body && (Z = Array.isArray(F.body) ? F.body[0] : F.body);
     }
-    if (!N)
+    if (!Z)
       return null;
-    const ie = (F) => F.id || F["@id"];
-    let J = [];
-    if (N.getServices && (J = N.getServices()), !J.length) {
-      const F = N.__jsonld || N;
-      F.service && (J = Array.isArray(F.service) ? F.service : [F.service]);
+    const le = (F) => F.id || F["@id"];
+    let W = [];
+    if (Z.getServices && (W = Z.getServices()), !W.length) {
+      const F = Z.__jsonld || Z;
+      F.service && (W = Array.isArray(F.service) ? F.service : [F.service]);
     }
-    if (J.length > 0) {
-      const F = J.find((W) => {
-        const ne = W.getType ? W.getType() : W.type || "", ae = W.getProfile ? W.getProfile() : W.profile || "";
-        return ne === "ImageService1" || ne === "ImageService2" || ne === "ImageService3" || typeof ae == "string" && ae.includes("http://iiif.io/api/image") || typeof ae == "string" && ae === "level0";
+    if (W.length > 0) {
+      const F = W.find((U) => {
+        const ie = U.getType ? U.getType() : U.type || "", oe = U.getProfile ? U.getProfile() : U.profile || "";
+        return ie === "ImageService1" || ie === "ImageService2" || ie === "ImageService3" || typeof oe == "string" && oe.includes("http://iiif.io/api/image") || typeof oe == "string" && oe === "level0";
       });
       if (F) {
-        let W = ie(F);
-        return W && !W.endsWith("/info.json") && (W = `${W}/info.json`), W;
+        let U = le(F);
+        return U && !U.endsWith("/info.json") && (U = `${U}/info.json`), U;
       }
     }
-    const X = ie(N);
-    if (X && X.includes("/iiif/")) {
-      const F = X.split("/"), W = F.findIndex((ne) => ne === "full" || ne.match(/^\d+,\d+,\d+,\d+$/));
-      if (W > 0)
-        return `${F.slice(0, W).join("/")}/info.json`;
+    const V = le(Z);
+    if (V && V.includes("/iiif/")) {
+      const F = V.split("/"), U = F.findIndex((ie) => ie === "full" || ie.match(/^\d+,\d+,\d+,\d+$/));
+      if (U > 0)
+        return `${F.slice(0, U).join("/")}/info.json`;
     }
-    return console.log("TriiiceratopsViewer: No service or ID found, returning raw URL"), { type: "image", url: X };
+    return console.log("TriiiceratopsViewer: No service or ID found, returning raw URL"), { type: "image", url: V };
   });
-  var c = {
+  var h = {
     get manifestId() {
-      return r();
+      return i();
     },
-    set manifestId(n) {
-      r(n), e.flush();
+    set manifestId(c) {
+      i(c), e.flush();
     },
     get canvasId() {
-      return s();
+      return n();
     },
-    set canvasId(n) {
-      s(n), e.flush();
+    set canvasId(c) {
+      n(c), e.flush();
     },
     get plugins() {
       return a();
     },
-    set plugins(n = []) {
-      a(n), e.flush();
+    set plugins(c = []) {
+      a(c), e.flush();
     },
     get theme() {
-      return o();
+      return P();
     },
-    set theme(n) {
-      o(n), e.flush();
+    set theme(c) {
+      P(c), e.flush();
     },
     get themeConfig() {
-      return I();
+      return p();
     },
-    set themeConfig(n) {
-      I(n), e.flush();
+    set themeConfig(c) {
+      p(c), e.flush();
     },
     get config() {
-      return b();
+      return _();
     },
-    set config(n = {}) {
-      b(n), e.flush();
+    set config(c = {}) {
+      _(c), e.flush();
     },
     get viewerState() {
-      return w();
+      return z();
     },
-    set viewerState(n) {
-      w(n), e.flush();
+    set viewerState(c) {
+      z(c), e.flush();
     }
-  }, R = vi(), T = e.child(R);
+  }, I = ms(), G = e.child(I);
   {
-    var u = (n) => {
-      var _ = ri(), Y = e.child(_);
+    var d = (c) => {
+      var R = ns(), te = e.child(R);
       {
-        var N = (J) => {
-          var X = ei(), Z = e.child(X);
-          de(Z, {
+        var Z = (W) => {
+          var V = ss(), Q = e.child(V);
+          ge(Q, {
             get canvases() {
-              return e.get(C);
+              return e.get(o);
             }
-          }), e.reset(X), e.append(J, X);
+          }), e.reset(V), e.append(W, V);
         };
-        e.if(Y, (J) => {
-          g.showThumbnailGallery && g.dockSide === "left" && J(N);
+        e.if(te, (W) => {
+          f.showThumbnailGallery && f.dockSide === "left" && W(Z);
         });
       }
-      var ie = e.sibling(Y, 2);
-      e.each(ie, 17, () => g.pluginPanels, (J) => J.id, (J, X) => {
-        var Z = e.comment(), ee = e.first_child(Z);
+      var le = e.sibling(te, 2);
+      e.each(le, 17, () => f.pluginPanels, (W) => W.id, (W, V) => {
+        var Q = e.comment(), J = e.first_child(Q);
         {
-          var te = (F) => {
-            var W = ti(), ne = e.child(W);
-            e.component(ne, () => e.get(X).component, (ae, ue) => {
-              ue(ae, e.spread_props(() => e.get(X).props ?? {}));
-            }), e.reset(W), e.append(F, W);
+          var ne = (F) => {
+            var U = is(), ie = e.child(U);
+            e.component(ie, () => e.get(V).component, (oe, Ve) => {
+              Ve(oe, e.spread_props(() => e.get(V).props ?? {}));
+            }), e.reset(U), e.append(F, U);
           };
-          e.if(ee, (F) => {
-            e.get(X).isVisible() && e.get(X).position === "left" && F(te);
+          e.if(J, (F) => {
+            e.get(V).isVisible() && e.get(V).position === "left" && F(ne);
           });
         }
-        e.append(J, Z);
-      }), e.reset(_), e.append(n, _);
+        e.append(W, Q);
+      }), e.reset(R), e.append(c, R);
     };
-    e.if(T, (n) => {
-      e.get(O) && n(u);
+    e.if(G, (c) => {
+      e.get(w) && c(d);
     });
   }
-  var A = e.sibling(T, 2), $ = e.child(A);
+  var A = e.sibling(G, 2), y = e.child(A);
   {
-    var d = (n) => {
-      var _ = ii(), Y = e.child(_);
-      de(Y, {
+    var k = (c) => {
+      var R = as(), te = e.child(R);
+      ge(te, {
         get canvases() {
-          return e.get(C);
+          return e.get(o);
         }
-      }), e.reset(_), e.append(n, _);
+      }), e.reset(R), e.append(c, R);
     };
-    e.if($, (n) => {
-      g.showThumbnailGallery && g.dockSide === "top" && n(d);
+    e.if(y, (c) => {
+      f.showThumbnailGallery && f.dockSide === "top" && c(k);
     });
   }
-  var z = e.sibling($, 2), S = e.child(z);
+  var L = e.sibling(y, 2), T = e.child(L);
   {
-    var k = (n) => {
-      var _ = si();
-      e.append(n, _);
-    }, D = (n) => {
-      var _ = e.comment(), Y = e.first_child(_);
+    var S = (c) => {
+      var R = os();
+      e.append(c, R);
+    }, m = (c) => {
+      var R = e.comment(), te = e.first_child(R);
       {
-        var N = (J) => {
-          var X = ni(), Z = e.child(X);
-          e.reset(X), e.template_effect(
-            (ee) => e.set_text(Z, `${ee ?? ""}
-                    ${e.get(p).error ?? ""}`),
-            [() => E.error_prefix()]
-          ), e.append(J, X);
-        }, ie = (J) => {
-          var X = e.comment(), Z = e.first_child(X);
+        var Z = (W) => {
+          var V = ls(), Q = e.child(V);
+          e.reset(V), e.template_effect(
+            (J) => e.set_text(Q, `${J ?? ""}
+                    ${e.get(l).error ?? ""}`),
+            [() => $.error_prefix()]
+          ), e.append(W, V);
+        }, le = (W) => {
+          var V = e.comment(), Q = e.first_child(V);
           {
-            var ee = (F) => {
-              var W = e.comment(), ne = e.first_child(W);
-              e.key(ne, () => e.get(l), (ae) => {
-                st(ae, {
+            var J = (F) => {
+              var U = e.comment(), ie = e.first_child(U);
+              e.key(ie, () => e.get(x), (oe) => {
+                nt(oe, {
                   get tileSources() {
-                    return e.get(l);
+                    return e.get(x);
                   },
                   get viewerState() {
-                    return g;
+                    return f;
                   }
                 });
-              }), e.append(F, W);
-            }, te = (F) => {
-              var W = ai(), ne = e.child(W, !0);
-              e.reset(W), e.template_effect((ae) => e.set_text(ne, ae), [() => E.no_image_found()]), e.append(F, W);
+              }), e.append(F, U);
+            }, ne = (F) => {
+              var U = cs(), ie = e.child(U, !0);
+              e.reset(U), e.template_effect((oe) => e.set_text(ie, oe), [() => $.no_image_found()]), e.append(F, U);
             };
             e.if(
-              Z,
+              Q,
               (F) => {
-                e.get(l) ? F(ee) : F(te, !1);
+                e.get(x) ? F(J) : F(ne, !1);
               },
               !0
             );
           }
-          e.append(J, X);
+          e.append(W, V);
         };
         e.if(
-          Y,
-          (J) => {
-            var X;
-            (X = e.get(p)) != null && X.error ? J(N) : J(ie, !1);
+          te,
+          (W) => {
+            var V;
+            (V = e.get(l)) != null && V.error ? W(Z) : W(le, !1);
           },
           !0
         );
       }
-      e.append(n, _);
+      e.append(c, R);
     };
-    e.if(S, (n) => {
-      var _;
-      (_ = e.get(p)) != null && _.isFetching ? n(k) : n(D, !1);
+    e.if(T, (c) => {
+      var R;
+      (R = e.get(l)) != null && R.isFetching ? c(S) : c(m, !1);
     });
   }
-  var j = e.sibling(S, 2);
-  at(j, {});
-  var x = e.sibling(j, 2);
-  ct(x, {});
-  var m = e.sibling(x, 2);
+  var b = e.sibling(T, 2);
+  ot(b, {});
+  var u = e.sibling(b, 2);
+  dt(u, {});
+  var B = e.sibling(u, 2);
   {
-    var y = (n) => {
-      ot(n, {});
+    var N = (c) => {
+      lt(c, {});
     };
-    e.if(m, (n) => {
-      g.showRightMenu && n(y);
+    e.if(B, (c) => {
+      f.showRightMenu && c(N);
     });
   }
-  var f = e.sibling(m, 2);
+  var q = e.sibling(B, 2);
   {
-    var G = (n) => {
-      lt(n, {});
+    var j = (c) => {
+      ct(c, {});
     };
-    e.if(f, (n) => {
-      g.showLeftMenu && n(G);
+    e.if(q, (c) => {
+      f.showLeftMenu && c(j);
     });
   }
-  var V = e.sibling(f, 2);
-  e.each(V, 17, () => g.pluginPanels, (n) => n.id, (n, _) => {
-    var Y = e.comment(), N = e.first_child(Y);
+  var O = e.sibling(q, 2);
+  e.each(O, 17, () => f.pluginPanels, (c) => c.id, (c, R) => {
+    var te = e.comment(), Z = e.first_child(te);
     {
-      var ie = (J) => {
-        var X = oi(), Z = e.child(X);
-        e.component(Z, () => e.get(_).component, (ee, te) => {
-          te(ee, e.spread_props(() => e.get(_).props ?? {}));
-        }), e.reset(X), e.append(J, X);
+      var le = (W) => {
+        var V = ds(), Q = e.child(V);
+        e.component(Q, () => e.get(R).component, (J, ne) => {
+          ne(J, e.spread_props(() => e.get(R).props ?? {}));
+        }), e.reset(V), e.append(W, V);
       };
-      e.if(N, (J) => {
-        e.get(_).isVisible() && e.get(_).position === "overlay" && J(ie);
+      e.if(Z, (W) => {
+        e.get(R).isVisible() && e.get(R).position === "overlay" && W(le);
       });
     }
-    e.append(n, Y);
+    e.append(c, te);
   });
-  var U = e.sibling(V, 2);
+  var X = e.sibling(O, 2);
   {
-    var L = (n) => {
-      nt(n, {
+    var Y = (c) => {
+      at(c, {
         get viewerState() {
-          return g;
+          return f;
         }
       });
     };
-    e.if(U, (n) => {
-      e.get(C).length > 1 && g.showCanvasNav && n(L);
+    e.if(X, (c) => {
+      e.get(o).length > 1 && f.showCanvasNav && c(Y);
     });
   }
-  var B = e.sibling(U, 2);
+  var H = e.sibling(X, 2);
   {
-    var q = (n) => {
-      de(n, {
+    var re = (c) => {
+      ge(c, {
         get canvases() {
-          return e.get(C);
+          return e.get(o);
         }
       });
     };
-    e.if(B, (n) => {
-      g.showThumbnailGallery && g.dockSide === "none" && n(q);
+    e.if(H, (c) => {
+      f.showThumbnailGallery && f.dockSide === "none" && c(re);
     });
   }
-  e.reset(z);
-  var re = e.sibling(z, 2);
+  e.reset(L);
+  var ae = e.sibling(L, 2);
   {
-    var se = (n) => {
-      var _ = li(), Y = e.child(_);
-      de(Y, {
+    var de = (c) => {
+      var R = fs(), te = e.child(R);
+      ge(te, {
         get canvases() {
-          return e.get(C);
+          return e.get(o);
         }
-      }), e.reset(_), e.append(n, _);
+      }), e.reset(R), e.append(c, R);
     };
-    e.if(re, (n) => {
-      g.showThumbnailGallery && g.dockSide === "bottom" && n(se);
+    e.if(ae, (c) => {
+      f.showThumbnailGallery && f.dockSide === "bottom" && c(de);
     });
   }
-  var oe = e.sibling(re, 2);
-  e.each(oe, 17, () => g.pluginPanels, (n) => n.id, (n, _) => {
-    var Y = e.comment(), N = e.first_child(Y);
+  var K = e.sibling(ae, 2);
+  e.each(K, 17, () => f.pluginPanels, (c) => c.id, (c, R) => {
+    var te = e.comment(), Z = e.first_child(te);
     {
-      var ie = (J) => {
-        var X = ci(), Z = e.child(X);
-        e.component(Z, () => e.get(_).component, (ee, te) => {
-          te(ee, e.spread_props(() => e.get(_).props ?? {}));
-        }), e.reset(X), e.append(J, X);
+      var le = (W) => {
+        var V = us(), Q = e.child(V);
+        e.component(Q, () => e.get(R).component, (J, ne) => {
+          ne(J, e.spread_props(() => e.get(R).props ?? {}));
+        }), e.reset(V), e.append(W, V);
       };
-      e.if(N, (J) => {
-        e.get(_).isVisible() && e.get(_).position === "bottom" && J(ie);
+      e.if(Z, (W) => {
+        e.get(R).isVisible() && e.get(R).position === "bottom" && W(le);
       });
     }
-    e.append(n, Y);
+    e.append(c, te);
   }), e.reset(A);
-  var Q = e.sibling(A, 2);
+  var se = e.sibling(A, 2);
   {
-    var H = (n) => {
-      var _ = gi(), Y = e.child(_);
+    var ce = (c) => {
+      var R = ps(), te = e.child(R);
       {
-        var N = (Z) => {
-          var ee = di(), te = e.child(ee);
-          dt(te, {}), e.reset(ee), e.append(Z, ee);
+        var Z = (Q) => {
+          var J = gs(), ne = e.child(J);
+          ft(ne, {}), e.reset(J), e.append(Q, J);
         };
-        e.if(Y, (Z) => {
-          g.showSearchPanel && Z(N);
+        e.if(te, (Q) => {
+          f.showSearchPanel && Q(Z);
         });
       }
-      var ie = e.sibling(Y, 2);
+      var le = e.sibling(te, 2);
       {
-        var J = (Z) => {
-          var ee = fi(), te = e.child(ee);
-          de(te, {
+        var W = (Q) => {
+          var J = hs(), ne = e.child(J);
+          ge(ne, {
             get canvases() {
-              return e.get(C);
+              return e.get(o);
             }
-          }), e.reset(ee), e.append(Z, ee);
+          }), e.reset(J), e.append(Q, J);
         };
-        e.if(ie, (Z) => {
-          g.showThumbnailGallery && g.dockSide === "right" && Z(J);
+        e.if(le, (Q) => {
+          f.showThumbnailGallery && f.dockSide === "right" && Q(W);
         });
       }
-      var X = e.sibling(ie, 2);
-      e.each(X, 17, () => g.pluginPanels, (Z) => Z.id, (Z, ee) => {
-        var te = e.comment(), F = e.first_child(te);
+      var V = e.sibling(le, 2);
+      e.each(V, 17, () => f.pluginPanels, (Q) => Q.id, (Q, J) => {
+        var ne = e.comment(), F = e.first_child(ne);
         {
-          var W = (ne) => {
-            var ae = ui(), ue = e.child(ae);
-            e.component(ue, () => e.get(ee).component, ($e, Ve) => {
-              Ve($e, e.spread_props(() => e.get(ee).props ?? {}));
-            }), e.reset(ae), e.append(ne, ae);
+          var U = (ie) => {
+            var oe = vs(), Ve = e.child(oe);
+            e.component(Ve, () => e.get(J).component, (ut, gt) => {
+              gt(ut, e.spread_props(() => e.get(J).props ?? {}));
+            }), e.reset(oe), e.append(ie, oe);
           };
-          e.if(F, (ne) => {
-            e.get(ee).isVisible() && e.get(ee).position === "right" && ne(W);
+          e.if(F, (ie) => {
+            e.get(J).isVisible() && e.get(J).position === "right" && ie(U);
           });
         }
-        e.append(Z, te);
-      }), e.reset(_), e.append(n, _);
+        e.append(Q, ne);
+      }), e.reset(R), e.append(c, R);
     };
-    e.if(Q, (n) => {
-      e.get(v) && n(H);
+    e.if(se, (c) => {
+      e.get(v) && c(ce);
     });
   }
-  return e.reset(R), e.bind_this(R, (n) => e.set(P, n), () => e.get(P)), e.append(i, R), e.pop(c);
+  return e.reset(I), e.bind_this(I, (c) => e.set(E, c), () => e.get(E)), e.append(s, I), e.pop(h);
 }
 e.create_custom_element(
-  hi,
+  bs,
   {
     manifestId: {},
     canvasId: {},
@@ -2529,18 +2546,18 @@ e.create_custom_element(
   !0
 );
 export {
-  $i as BasePlugin,
-  zt as DAISYUI_THEMES,
-  Mt as ManifestsState,
-  hi as TriiiceratopsViewer,
-  ce as VIEWER_STATE_KEY,
-  Tt as ViewerState,
-  Ht as applyBuiltInTheme,
-  qt as applyTheme,
-  Yt as applyThemeConfig,
-  Xt as clearThemeConfig,
-  $t as hexToOklch,
-  Ei as isBuiltInTheme,
-  Vt as normalizeColor,
-  Gi as parseThemeConfig
+  Ns as BasePlugin,
+  Dt as DAISYUI_THEMES,
+  Lt as ManifestsState,
+  bs as TriiiceratopsViewer,
+  ue as VIEWER_STATE_KEY,
+  Bt as ViewerState,
+  Qt as applyBuiltInTheme,
+  Ut as applyTheme,
+  Wt as applyThemeConfig,
+  Jt as clearThemeConfig,
+  Ht as hexToOklch,
+  $s as isBuiltInTheme,
+  Xt as normalizeColor,
+  Es as parseThemeConfig
 };