triiiceratops 0.7.0 → 0.7.2

package/dist/index.js

@@ -3,22 +3,21 @@ var qe = (i) => {
   throw TypeError(i);
 };
 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 k = (i, t, r) => (gt(i, t, "read from private field"), r ? r.call(i) : t.get(i)), U = (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 Ve = (i, t, r) => ut(i, typeof t != "symbol" ? t + "" : t, r), gt = (i, t, r) => t.has(i) || qe("Cannot " + r);
+var P = (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);
 import "svelte/internal/disclose-version";
 import * as e from "svelte/internal/client";
-import { onMount as ht, getContext as fe, setContext as vt, onDestroy as pt } from "svelte";
+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 V, l as yt } from "./plugin-DMqSBxJD.js";
-import { B as zi } from "./plugin-DMqSBxJD.js";
+import { m as E, l as yt } from "./plugin-DMqSBxJD.js";
+import { B as Ei } from "./plugin-DMqSBxJD.js";
 import wt from "phosphor-svelte/lib/CaretDown";
 import We from "phosphor-svelte/lib/Eye";
 import Ue from "phosphor-svelte/lib/EyeSlash";
-import Be from "phosphor-svelte/lib/X";
-import "svelte/internal/flags/legacy";
+import Xe 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";
@@ -31,13 +30,13 @@ import "phosphor-svelte/lib/Spinner";
 var ge;
 class Mt {
   constructor() {
-    U(this, ge, e.state(e.proxy({})));
+    K(this, ge, e.state(e.proxy({})));
   }
   get manifests() {
-    return e.get(k(this, ge));
+    return e.get(P(this, ge));
   }
   set manifests(t) {
-    e.set(k(this, ge), t, !0);
+    e.set(P(this, ge), t, !0);
   }
   async fetchManifest(t) {
     if (!this.manifests[t]) {
@@ -88,148 +87,148 @@ class Mt {
     const n = s.getSequences()[0].getCanvasById(r);
     if (!n) return [];
     const a = n.__jsonld;
-    let S = [];
-    const P = (_) => _.resources || _.items || [];
-    return a.otherContent && a.otherContent.forEach((_) => {
-      const I = _["@id"] || _.id;
-      if (I && !_.resources) {
-        const u = this.manifests[I];
-        if (u) {
-          if (u.json) {
-            const R = P(u.json);
-            S.push(...R);
+    let C = [];
+    const m = (y) => y.resources || y.items || [];
+    return a.otherContent && a.otherContent.forEach((y) => {
+      const M = y["@id"] || y.id;
+      if (M && !y.resources) {
+        const g = this.manifests[M];
+        if (g) {
+          if (g.json) {
+            const O = m(g.json);
+            C.push(...O);
           }
         } else
-          this.fetchAnnotationList(I);
-      } else _.resources && S.push(..._.resources);
-    }), a.annotations && a.annotations.forEach((_) => {
-      const I = _.id || _["@id"];
-      if (I && !_.items) {
-        const u = this.manifests[I];
-        if (u) {
-          if (u.json) {
-            const R = P(u.json);
-            S.push(...R);
+          this.fetchAnnotationList(M);
+      } else y.resources && C.push(...y.resources);
+    }), a.annotations && a.annotations.forEach((y) => {
+      const M = y.id || y["@id"];
+      if (M && !y.items) {
+        const g = this.manifests[M];
+        if (g) {
+          if (g.json) {
+            const O = m(g.json);
+            C.push(...O);
           }
         } else
-          this.fetchAnnotationList(I);
-      } else _.items && S.push(..._.items);
-    }), S;
+          this.fetchAnnotationList(M);
+      } else y.items && C.push(...y.items);
+    }), C;
   }
 }
 ge = new WeakMap();
 const le = new Mt();
-var he, ve, pe, me, be, _e, ye, we, xe, Se, Ae, Ie, Ce, ke, Pe, Me, Te, ze, je, Le, Re, De, Ee, Oe, Ge, Ve;
+var ve, he, pe, me, be, _e, ye, we, xe, Se, Ae, Ie, Ce, ke, Pe, Me, Te, ze, je, Le, Re, De, Ge, Oe, Be, Ee;
 class Tt {
   constructor(t = null, r = null, s = []) {
-    U(this, he, e.state(null));
-    U(this, ve, e.state(null));
-    U(this, pe, e.state(!1));
-    U(this, me, e.state(!1));
-    U(this, be, e.state(!1));
-    U(this, _e, e.state(!1));
-    U(this, ye, e.state(!1));
-    U(this, we, e.state(!1));
-    U(this, xe, e.state("bottom"));
-    U(this, Se, e.state(e.proxy(/* @__PURE__ */ new Set())));
-    U(this, Ae, e.state(e.proxy({})));
-    U(
+    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(
       this,
       Ie,
       // Gallery State (Lifted for persistence during re-docking)
       e.state(e.proxy({ x: 20, y: 100 }))
     );
-    U(this, Ce, e.state(e.proxy({ width: 300, height: 400 })));
-    U(this, ke, e.state(!1));
-    U(this, Pe, e.state(e.proxy({ x: 0, y: 0 })));
-    U(this, Me, e.state(null));
-    U(this, Te, e.state(null));
-    Ne(this, "eventTarget", null);
-    U(this, ze, e.state(""));
-    U(this, je, e.state(e.proxy([])));
-    U(this, Le, e.state(!1));
-    U(this, Re, e.state(!1));
-    U(this, De, e.state(e.proxy([])));
-    U(
+    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));
+    Ve(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(
       this,
-      Ee,
+      Ge,
       // ==================== PLUGIN STATE ====================
       /** Registered plugins */
       e.state(e.proxy([]))
     );
-    U(this, Oe, e.state(e.proxy([])));
-    U(this, Ge, e.state(e.proxy([])));
-    U(this, Ve, e.state(null));
-    Ne(this, "pluginEventHandlers", /* @__PURE__ */ new Map());
+    K(this, Oe, e.state(e.proxy([])));
+    K(this, Be, e.state(e.proxy([])));
+    K(this, Ee, e.state(null));
+    Ve(this, "pluginEventHandlers", /* @__PURE__ */ new Map());
     this.manifestId = t || null, this.canvasId = r || null, this.manifestId && le.fetchManifest(this.manifestId);
     for (const n of s)
       this.registerPlugin(n);
   }
   get manifestId() {
-    return e.get(k(this, he));
+    return e.get(P(this, ve));
   }
   set manifestId(t) {
-    e.set(k(this, he), t, !0);
+    e.set(P(this, ve), t, !0);
   }
   get canvasId() {
-    return e.get(k(this, ve));
+    return e.get(P(this, he));
   }
   set canvasId(t) {
-    e.set(k(this, ve), t, !0);
+    e.set(P(this, he), t, !0);
   }
   get showAnnotations() {
-    return e.get(k(this, pe));
+    return e.get(P(this, pe));
   }
   set showAnnotations(t) {
-    e.set(k(this, pe), t, !0);
+    e.set(P(this, pe), t, !0);
   }
   get showThumbnailGallery() {
-    return e.get(k(this, me));
+    return e.get(P(this, me));
   }
   set showThumbnailGallery(t) {
-    e.set(k(this, me), t, !0);
+    e.set(P(this, me), t, !0);
   }
   get isGalleryDockedBottom() {
-    return e.get(k(this, be));
+    return e.get(P(this, be));
   }
   set isGalleryDockedBottom(t) {
-    e.set(k(this, be), t, !0);
+    e.set(P(this, be), t, !0);
   }
   get isGalleryDockedRight() {
-    return e.get(k(this, _e));
+    return e.get(P(this, _e));
   }
   set isGalleryDockedRight(t) {
-    e.set(k(this, _e), t, !0);
+    e.set(P(this, _e), t, !0);
   }
   get isFullScreen() {
-    return e.get(k(this, ye));
+    return e.get(P(this, ye));
   }
   set isFullScreen(t) {
-    e.set(k(this, ye), t, !0);
+    e.set(P(this, ye), t, !0);
   }
   get showMetadataDialog() {
-    return e.get(k(this, we));
+    return e.get(P(this, we));
   }
   set showMetadataDialog(t) {
-    e.set(k(this, we), t, !0);
+    e.set(P(this, we), t, !0);
   }
   get dockSide() {
-    return e.get(k(this, xe));
+    return e.get(P(this, xe));
   }
   set dockSide(t) {
-    e.set(k(this, xe), t, !0);
+    e.set(P(this, xe), t, !0);
   }
   get visibleAnnotationIds() {
-    return e.get(k(this, Se));
+    return e.get(P(this, Se));
   }
   set visibleAnnotationIds(t) {
-    e.set(k(this, Se), t, !0);
+    e.set(P(this, Se), t, !0);
   }
   get config() {
-    return e.get(k(this, Ae));
+    return e.get(P(this, Ae));
   }
   set config(t) {
-    e.set(k(this, Ae), t, !0);
+    e.set(P(this, Ae), t, !0);
   }
   get showRightMenu() {
     return this.config.showRightMenu ?? !0;
@@ -241,40 +240,40 @@ class Tt {
     return this.config.showCanvasNav ?? !0;
   }
   get galleryPosition() {
-    return e.get(k(this, Ie));
+    return e.get(P(this, Ie));
   }
   set galleryPosition(t) {
-    e.set(k(this, Ie), t, !0);
+    e.set(P(this, Ie), t, !0);
   }
   get gallerySize() {
-    return e.get(k(this, Ce));
+    return e.get(P(this, Ce));
   }
   set gallerySize(t) {
-    e.set(k(this, Ce), t, !0);
+    e.set(P(this, Ce), t, !0);
   }
   get isGalleryDragging() {
-    return e.get(k(this, ke));
+    return e.get(P(this, ke));
   }
   set isGalleryDragging(t) {
-    e.set(k(this, ke), t, !0);
+    e.set(P(this, ke), t, !0);
   }
   get galleryDragOffset() {
-    return e.get(k(this, Pe));
+    return e.get(P(this, Pe));
   }
   set galleryDragOffset(t) {
-    e.set(k(this, Pe), t, !0);
+    e.set(P(this, Pe), t, !0);
   }
   get dragOverSide() {
-    return e.get(k(this, Me));
+    return e.get(P(this, Me));
   }
   set dragOverSide(t) {
-    e.set(k(this, Me), t, !0);
+    e.set(P(this, Me), t, !0);
   }
   get galleryCenterPanelRect() {
-    return e.get(k(this, Te));
+    return e.get(P(this, Te));
   }
   set galleryCenterPanelRect(t) {
-    e.set(k(this, Te), t, !0);
+    e.set(P(this, Te), t, !0);
   }
   setEventTarget(t) {
     this.eventTarget = t;
@@ -374,37 +373,37 @@ class Tt {
     this.showMetadataDialog = !this.showMetadataDialog;
   }
   get searchQuery() {
-    return e.get(k(this, ze));
+    return e.get(P(this, ze));
   }
   set searchQuery(t) {
-    e.set(k(this, ze), t, !0);
+    e.set(P(this, ze), t, !0);
   }
   get searchResults() {
-    return e.get(k(this, je));
+    return e.get(P(this, je));
   }
   set searchResults(t) {
-    e.set(k(this, je), t, !0);
+    e.set(P(this, je), t, !0);
   }
   get isSearching() {
-    return e.get(k(this, Le));
+    return e.get(P(this, Le));
   }
   set isSearching(t) {
-    e.set(k(this, Le), t, !0);
+    e.set(P(this, Le), t, !0);
   }
   get showSearchPanel() {
-    return e.get(k(this, Re));
+    return e.get(P(this, Re));
   }
   set showSearchPanel(t) {
-    e.set(k(this, Re), t, !0);
+    e.set(P(this, Re), t, !0);
   }
   toggleSearchPanel() {
     this.showSearchPanel = !this.showSearchPanel, this.showSearchPanel || (this.searchAnnotations = []), this.dispatchStateChange();
   }
   get searchAnnotations() {
-    return e.get(k(this, De));
+    return e.get(P(this, De));
   }
   set searchAnnotations(t) {
-    e.set(k(this, De), t, !0);
+    e.set(P(this, De), t, !0);
   }
   get currentCanvasSearchAnnotations() {
     return this.canvasId ? this.searchAnnotations.filter((t) => t.canvasId === this.canvasId) : [];
@@ -417,81 +416,81 @@ class Tt {
         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((C) => C.profile === "http://iiif.io/api/search/1/search" || C.profile === "http://iiif.io/api/search/0/search")), !a) {
+        if (a || n.__jsonld && n.__jsonld.service && (a = (Array.isArray(n.__jsonld.service) ? n.__jsonld.service : [n.__jsonld.service]).find((k) => k.profile === "http://iiif.io/api/search/1/search" || k.profile === "http://iiif.io/api/search/0/search")), !a) {
           console.warn("No IIIF search service found in manifest"), this.isSearching = !1;
           return;
         }
-        const P = `${a.id || a["@id"]}?q=${encodeURIComponent(t)}`, _ = await fetch(P);
-        if (!_.ok) throw new Error("Search request failed");
-        const I = await _.json(), u = I.resources || [], R = [], g = (v) => {
-          const C = typeof v == "string" ? v : v["@id"] || v.id;
-          if (!C) return null;
-          const h = C.split("#xywh=");
+        const m = `${a.id || a["@id"]}?q=${encodeURIComponent(t)}`, y = await fetch(m);
+        if (!y.ok) throw new Error("Search request failed");
+        const M = await y.json(), g = M.resources || [], O = [], v = (p) => {
+          const k = typeof p == "string" ? p : p["@id"] || p.id;
+          if (!k) return null;
+          const h = k.split("#xywh=");
           if (h.length < 2) return null;
-          const c = h[1].split(",").map(Number);
-          return c.length === 4 ? c : null;
+          const l = h[1].split(",").map(Number);
+          return l.length === 4 ? l : null;
         };
-        if (I.hits)
-          for (const v of I.hits) {
-            const C = v.annotations || [];
-            for (const h of C) {
-              const c = u.find((d) => d["@id"] === h || d.id === h);
-              if (c && c.on) {
-                const d = typeof c.on == "string" ? c.on : c.on["@id"] || c.on.id, z = d.split("#")[0], B = g(d), E = this.canvases.findIndex((p) => p.id === z);
-                if (E >= 0) {
-                  const p = this.canvases[E];
-                  let f = "Canvas " + (E + 1);
+        if (M.hits)
+          for (const p of M.hits) {
+            const k = p.annotations || [];
+            for (const h of k) {
+              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 (p.getLabel) {
-                      const o = p.getLabel();
-                      Array.isArray(o) && o.length > 0 ? f = o[0].value : typeof o == "string" && (f = o);
-                    } else p.label && (typeof p.label == "string" ? f = p.label : Array.isArray(p.label) && (f = (r = p.label[0]) == null ? void 0 : r.value));
+                    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 {
                   }
-                  R.push({
+                  O.push({
                     type: "hit",
-                    before: v.before,
-                    match: v.match,
-                    after: v.after,
-                    canvasIndex: E,
-                    canvasLabel: String(f),
-                    bounds: B
+                    before: p.before,
+                    match: p.match,
+                    after: p.after,
+                    canvasIndex: u,
+                    canvasLabel: String($),
+                    bounds: T
                   });
                 }
               }
             }
           }
-        else if (u.length > 0)
-          for (const v of u) {
-            const C = typeof v.on == "string" ? v.on : v.on["@id"] || v.on.id, h = C.split("#")[0], c = g(C), d = this.canvases.findIndex((z) => z.id === h);
-            if (d >= 0) {
-              const z = this.canvases[d];
-              let B = "Canvas " + (d + 1);
+        else if (g.length > 0)
+          for (const p of g) {
+            const k = typeof p.on == "string" ? p.on : p.on["@id"] || p.on.id, h = k.split("#")[0], l = v(k), c = this.canvases.findIndex((R) => R.id === h);
+            if (c >= 0) {
+              const R = this.canvases[c];
+              let T = "Canvas " + (c + 1);
               try {
-                if (z.getLabel) {
-                  const E = z.getLabel();
-                  Array.isArray(E) && E.length > 0 ? B = E[0].value : typeof E == "string" && (B = E);
-                } else z.label && (typeof z.label == "string" ? B = z.label : Array.isArray(z.label) && (B = (s = z.label[0]) == null ? void 0 : s.value));
+                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));
               } catch {
               }
-              R.push({
+              O.push({
                 type: "resource",
-                match: v.resource && v.resource.chars ? v.resource.chars : v.chars || "",
-                canvasIndex: d,
-                canvasLabel: String(B),
-                bounds: c
+                match: p.resource && p.resource.chars ? p.resource.chars : p.chars || "",
+                canvasIndex: c,
+                canvasLabel: String(T),
+                bounds: l
               });
             }
           }
-        this.searchResults = R, this.searchAnnotations = R.filter((v) => v.bounds).map((v, C) => {
-          const h = this.canvases[v.canvasIndex], c = `${h.id}#xywh=${v.bounds.join(",")}`;
+        this.searchResults = O, this.searchAnnotations = O.filter((p) => p.bounds).map((p, k) => {
+          const h = this.canvases[p.canvasIndex], l = `${h.id}#xywh=${p.bounds.join(",")}`;
           return {
-            "@id": `urn:search-hit:${C}`,
+            "@id": `urn:search-hit:${k}`,
             "@type": "oa:Annotation",
             motivation: "sc:painting",
-            on: c,
+            on: l,
             canvasId: h.id,
-            resource: { "@type": "cnt:ContentAsText", chars: v.match },
+            resource: { "@type": "cnt:ContentAsText", chars: p.match },
             // Flag to identify styling in Overlay?
             // Or just standard rendering.
             isSearchHit: !0
@@ -505,28 +504,28 @@ class Tt {
     }
   }
   get plugins() {
-    return e.get(k(this, Ee));
+    return e.get(P(this, Ge));
   }
   set plugins(t) {
-    e.set(k(this, Ee), t, !0);
+    e.set(P(this, Ge), t, !0);
   }
   get pluginMenuButtons() {
-    return e.get(k(this, Oe));
+    return e.get(P(this, Oe));
   }
   set pluginMenuButtons(t) {
-    e.set(k(this, Oe), t, !0);
+    e.set(P(this, Oe), t, !0);
   }
   get pluginPanels() {
-    return e.get(k(this, Ge));
+    return e.get(P(this, Be));
   }
   set pluginPanels(t) {
-    e.set(k(this, Ge), t, !0);
+    e.set(P(this, Be), t, !0);
   }
   get osdViewer() {
-    return e.get(k(this, Ve));
+    return e.get(P(this, Ee));
   }
   set osdViewer(t) {
-    e.set(k(this, Ve), t, !0);
+    e.set(P(this, Ee), t, !0);
   }
   createPluginContext() {
     const t = this;
@@ -594,7 +593,7 @@ class Tt {
     this.plugins = [], this.pluginMenuButtons = [], this.pluginPanels = [], this.pluginEventHandlers.clear();
   }
 }
-he = new WeakMap(), ve = 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(), Oe = new WeakMap(), Ge = new WeakMap(), Ve = new WeakMap();
+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(), Ge = new WeakMap(), Oe = new WeakMap(), Be = new WeakMap(), Ee = new WeakMap();
 const ce = "triiiceratops:viewerState", zt = [
   "light",
   "dark",
@@ -648,10 +647,10 @@ function Lt(i) {
     /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 = (S) => S.endsWith("%") ? parseFloat(S) / 100 * 255 : parseFloat(S), s = r(t[1]), n = r(t[2]), a = r(t[3]);
+  const r = (C) => C.endsWith("%") ? parseFloat(C) / 100 * 255 : parseFloat(C), s = r(t[1]), n = r(t[2]), a = r(t[3]);
   return isNaN(s) || isNaN(n) || isNaN(a) ? null : { r: s, g: n, b: a };
 }
-function He(i) {
+function Ne(i) {
   const t = i / 255;
   return t <= 0.04045 ? t / 12.92 : Math.pow((t + 0.055) / 1.055, 2.4);
 }
@@ -663,21 +662,21 @@ function Rt(i, t, r) {
   };
 }
 function Dt(i, t, r) {
-  const s = 0.8189330101 * i + 0.3618667424 * t - 0.1288597137 * r, n = 0.0329845436 * i + 0.9293118715 * t + 0.0361456387 * r, a = 0.0482003018 * i + 0.2643662691 * t + 0.633851707 * r, S = Math.cbrt(s), P = Math.cbrt(n), _ = Math.cbrt(a);
+  const s = 0.8189330101 * i + 0.3618667424 * t - 0.1288597137 * r, n = 0.0329845436 * i + 0.9293118715 * t + 0.0361456387 * r, a = 0.0482003018 * i + 0.2643662691 * t + 0.633851707 * r, C = Math.cbrt(s), m = Math.cbrt(n), y = Math.cbrt(a);
   return {
-    L: 0.2104542553 * S + 0.793617785 * P - 0.0040720468 * _,
-    a: 1.9779984951 * S - 2.428592205 * P + 0.4505937099 * _,
-    b: 0.0259040371 * S + 0.7827717662 * P - 0.808675766 * _
+    L: 0.2104542553 * C + 0.793617785 * m - 0.0040720468 * y,
+    a: 1.9779984951 * C - 2.428592205 * m + 0.4505937099 * y,
+    b: 0.0259040371 * C + 0.7827717662 * m - 0.808675766 * y
   };
 }
-function Et(i, t, r) {
+function Gt(i, t, r) {
   const s = Math.sqrt(t * t + r * r);
   let n = Math.atan2(r, t) * 180 / Math.PI;
   return n < 0 && (n += 360), { L: i, C: s, h: n };
 }
 function et(i, t, r) {
-  const s = He(i), n = He(t), a = He(r), { x: S, y: P, z: _ } = Rt(s, n, a), { L: I, a: u, b: R } = Dt(S, P, _);
-  return Et(I, u, R);
+  const s = Ne(i), n = Ne(t), a = Ne(r), { x: C, y: m, z: y } = Rt(s, n, a), { L: M, a: g, b: O } = Dt(C, m, y);
+  return Gt(M, g, O);
 }
 function tt(i, t, r) {
   const s = (i * 100).toFixed(2), n = t.toFixed(4), a = t < 1e-4 ? 0 : r.toFixed(2);
@@ -686,31 +685,31 @@ function tt(i, t, r) {
 function Ot(i) {
   return i.trim().toLowerCase().startsWith("oklch(");
 }
-function Gt(i) {
+function Bt(i) {
   return /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(
     i.trim()
   );
 }
-function Vt(i) {
+function Et(i) {
   return /^rgba?\s*\(/i.test(i.trim());
 }
-function Ft(i) {
+function $t(i) {
   const t = jt(i);
   if (!t)
     return console.warn(`Invalid hex color: ${i}, returning as-is`), i;
   const { L: r, C: s, h: n } = et(t.r, t.g, t.b);
   return tt(r, s, n);
 }
-function Bt(i) {
+function Ft(i) {
   const t = Lt(i);
   if (!t)
     return console.warn(`Invalid rgb color: ${i}, returning as-is`), i;
   const { L: r, C: s, h: n } = et(t.r, t.g, t.b);
   return tt(r, s, n);
 }
-function $t(i) {
+function Vt(i) {
   const t = i.trim();
-  return Ot(t) ? t : Gt(t) ? Ft(t) : Vt(t) ? Bt(t) : (console.warn(`Unrecognized color format: ${i}, passing through as-is`), i);
+  return Ot(t) ? t : Bt(t) ? $t(t) : Et(t) ? Ft(t) : (console.warn(`Unrecognized color format: ${i}, passing through as-is`), i);
 }
 const rt = {
   // Semantic colors
@@ -772,7 +771,7 @@ const rt = {
   "error",
   "errorContent"
 ]);
-function ki(i) {
+function Di(i) {
   return zt.includes(i);
 }
 function Ht(i, t) {
@@ -788,15 +787,15 @@ function Yt(i, t) {
     }
     const a = rt[n];
     if (!a) continue;
-    let S = String(s);
-    Nt.has(n) && (S = $t(S)), i.style.setProperty(a, S);
+    let C = String(s);
+    Nt.has(n) && (C = Vt(C)), i.style.setProperty(a, C);
   }
 }
 function Xt(i) {
   for (const [t, r] of Object.entries(rt))
     t === "colorScheme" ? i.style.colorScheme = "" : i.style.removeProperty(r);
 }
-function Pi(i) {
+function Gi(i) {
   try {
     const t = JSON.parse(i);
     return typeof t == "object" && t !== null ? t : null;
@@ -810,7 +809,7 @@ function qt(i, t, r) {
 function it(i) {
   return i.id || i["@id"] || (typeof i.getId == "function" ? i.getId() : "");
 }
-function Ye(i) {
+function He(i) {
   if (!i) return null;
   const t = i.match(/xywh=(\d+),(\d+),(\d+),(\d+)/);
   return t ? {
@@ -866,25 +865,25 @@ function Ut(i) {
     if (r.documentElement.nodeName === "parsererror")
       return console.warn("Failed to parse SVG selector:", i), null;
     const s = [], n = r.querySelectorAll("polygon");
-    for (const P of n) {
-      const _ = P.getAttribute("points");
-      if (_) {
-        const I = Jt(_);
-        s.push(...I);
+    for (const m of n) {
+      const y = m.getAttribute("points");
+      if (y) {
+        const M = Jt(y);
+        s.push(...M);
       }
     }
     const a = r.querySelectorAll("path");
-    for (const P of a) {
-      const _ = P.getAttribute("d");
-      if (_) {
-        const I = Kt(_);
-        s.push(...I);
+    for (const m of a) {
+      const y = m.getAttribute("d");
+      if (y) {
+        const M = Kt(y);
+        s.push(...M);
       }
     }
-    const S = r.querySelectorAll("circle");
-    for (const P of S) {
-      const _ = parseFloat(P.getAttribute("cx") || "0"), I = parseFloat(P.getAttribute("cy") || "0"), u = parseFloat(P.getAttribute("r") || "0"), R = Zt(_, I, u);
-      s.push(...R);
+    const C = r.querySelectorAll("circle");
+    for (const m of C) {
+      const y = parseFloat(m.getAttribute("cx") || "0"), M = parseFloat(m.getAttribute("cy") || "0"), g = parseFloat(m.getAttribute("r") || "0"), O = Zt(y, M, g);
+      s.push(...O);
     }
     return s.length === 0 ? null : {
       type: "POLYGON",
@@ -897,7 +896,7 @@ function Ut(i) {
 function Jt(i) {
   const t = [], r = i.trim().split(/\s+/);
   for (const s of r) {
-    const [n, a] = s.split(",").map((S) => parseFloat(S));
+    const [n, a] = s.split(",").map((C) => parseFloat(C));
     !isNaN(n) && !isNaN(a) && t.push([n, a]);
   }
   return t;
@@ -914,8 +913,8 @@ function Kt(i) {
 function Zt(i, t, r, s = 8) {
   const n = [];
   for (let a = 0; a < s; a++) {
-    const S = a / s * Math.PI * 2, P = i + r * Math.cos(S), _ = t + r * Math.sin(S);
-    n.push([P, _]);
+    const C = a / s * Math.PI * 2, m = i + r * Math.cos(C), y = t + r * Math.sin(C);
+    n.push([m, y]);
   }
   return n;
 }
@@ -924,29 +923,29 @@ function er(i) {
   if (typeof i.getTarget == "function") {
     const s = i.getTarget();
     if (typeof s == "string" && s.includes("xywh="))
-      return Ye(s);
+      return He(s);
     const n = (r = i.__jsonld) == null ? void 0 : r.on;
     if (n) {
-      const a = Xe(n);
+      const a = Ye(n);
       if (a) return a;
     }
   }
   const t = i.target || i.on;
-  return t ? Xe(t) : null;
+  return t ? Ye(t) : null;
 }
-function Xe(i) {
+function Ye(i) {
   if (!i) return null;
   if (Array.isArray(i))
     for (const t of i) {
-      const r = Xe(t);
+      const r = Ye(t);
       if (r) return r;
     }
   if (typeof i == "string" && i.includes("xywh="))
-    return Ye(i);
+    return He(i);
   if (i.selector) {
     const t = i.selector, r = t.item || t;
     if (r.value && typeof r.value == "string" && r.value.includes("xywh="))
-      return Ye(r.value);
+      return He(r.value);
   }
   return null;
 }
@@ -957,11 +956,11 @@ function tr(i) {
     if (s && Array.isArray(s)) {
       const n = [];
       for (const a of s) {
-        const S = a.getValue ? a.getValue() : "";
-        if (S) {
-          n.push(S);
-          const P = a.getFormat ? a.getFormat() : "";
-          (P === "text/html" || P === "application/html") && (r = !0);
+        const C = a.getValue ? a.getValue() : "";
+        if (C) {
+          n.push(C);
+          const m = a.getFormat ? a.getFormat() : "";
+          (m === "text/html" || m === "application/html") && (r = !0);
         }
       }
       t = n.join(" ");
@@ -999,65 +998,65 @@ function ir(i, t = /* @__PURE__ */ new Set()) {
 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) {
   e.push(t, !0);
-  let r = e.prop(t, "tileSources", 7), s = e.prop(t, "viewerState", 7), n = e.state(void 0), a = e.state(void 0), S = e.state(0), P = e.derived(() => {
+  let r = e.prop(t, "tileSources", 7), s = e.prop(t, "viewerState", 7), n = e.state(void 0), a = e.state(void 0), C = e.state(0), m = e.derived(() => {
     if (!s().manifestId || !s().canvasId)
       return [];
-    const h = le.getAnnotations(s().manifestId, s().canvasId), c = s().currentCanvasSearchAnnotations;
-    return [...h, ...c];
-  }), _ = e.derived(() => {
+    const h = le.getAnnotations(s().manifestId, s().canvasId), l = s().currentCanvasSearchAnnotations;
+    return [...h, ...l];
+  }), y = e.derived(() => {
     const h = /* @__PURE__ */ new Set();
-    return s().currentCanvasSearchAnnotations.forEach((c) => {
-      const d = c.id || c["@id"];
-      d && h.add(d);
+    return s().currentCanvasSearchAnnotations.forEach((l) => {
+      const c = l.id || l["@id"];
+      c && h.add(c);
     }), h;
-  }), I = e.derived(() => ir(e.get(P), e.get(_))), u = e.derived(() => {
-    if (e.get(S), !e.get(a) || !e.get(I).length)
+  }), M = e.derived(() => ir(e.get(m), e.get(y))), g = e.derived(() => {
+    if (e.get(C), !e.get(a) || !e.get(M).length)
       return [];
     const h = e.get(a).world.getItemAt(0);
     if (!h)
       return [];
-    const c = [];
-    for (const d of e.get(I)) {
-      if (!d.isSearchHit) if (s().showAnnotations) {
-        if (!s().visibleAnnotationIds.has(d.id))
+    const l = [];
+    for (const c of e.get(M)) {
+      if (!c.isSearchHit) if (s().showAnnotations) {
+        if (!s().visibleAnnotationIds.has(c.id))
           continue;
       } else continue;
-      if (d.geometry.type === "RECTANGLE") {
-        const z = h.imageToViewportRectangle(d.geometry.x, d.geometry.y, d.geometry.w, d.geometry.h), B = e.get(a).viewport.viewportToViewerElementRectangle(z);
-        c.push({
-          id: d.id,
+      if (c.geometry.type === "RECTANGLE") {
+        const R = h.imageToViewportRectangle(c.geometry.x, c.geometry.y, c.geometry.w, c.geometry.h), T = e.get(a).viewport.viewportToViewerElementRectangle(R);
+        l.push({
+          id: c.id,
           type: "RECTANGLE",
           rect: {
-            x: B.x,
-            y: B.y,
-            width: B.width,
-            height: B.height
+            x: T.x,
+            y: T.y,
+            width: T.width,
+            height: T.height
           },
-          isSearchHit: d.isSearchHit,
-          tooltip: d.body.value
+          isSearchHit: c.isSearchHit,
+          tooltip: c.body.value
         });
-      } else if (d.geometry.type === "POLYGON") {
-        const z = d.geometry.points.map((M) => {
-          const y = h.imageToViewportCoordinates(new Qe.Point(M[0], M[1])), w = e.get(a).viewport.viewportToViewerElementCoordinates(y);
-          return [w.x, w.y];
+      } else if (c.geometry.type === "POLYGON") {
+        const R = c.geometry.points.map((z) => {
+          const S = h.imageToViewportCoordinates(new Qe.Point(z[0], z[1])), I = e.get(a).viewport.viewportToViewerElementCoordinates(S);
+          return [I.x, I.y];
         });
-        let B = 1 / 0, E = 1 / 0, p = -1 / 0, f = -1 / 0;
-        for (const [M, y] of z)
-          B = Math.min(B, M), E = Math.min(E, y), p = Math.max(p, M), f = Math.max(f, y);
-        const o = z.map(([M, y]) => [M - B, y - E]);
-        c.push({
-          id: d.id,
+        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]);
+        l.push({
+          id: c.id,
           type: "POLYGON",
-          bounds: { x: B, y: E, width: p - B, height: f - E },
-          points: o,
-          isSearchHit: d.isSearchHit,
-          tooltip: d.body.value
+          bounds: { x: T, y: u, width: A - T, height: $ - u },
+          points: d,
+          isSearchHit: c.isSearchHit,
+          tooltip: c.body.value
         });
       }
     }
-    return c;
+    return l;
   });
-  ht(() => {
+  vt(() => {
     if (e.get(n))
       return e.set(
         a,
@@ -1085,7 +1084,7 @@ function st(i, t) {
   }), e.user_effect(() => {
     if (!e.get(a)) return;
     const h = () => {
-      e.update(S);
+      e.update(C);
     };
     return e.get(a).addHandler("open", h), e.get(a).addHandler("animation", h), e.get(a).addHandler("resize", h), e.get(a).addHandler("rotate", h), e.get(a).world.addHandler("add-item", h), e.get(a).world.addHandler("remove-item", h), () => {
       e.get(a).removeHandler("open", h), e.get(a).removeHandler("animation", h), e.get(a).removeHandler("resize", h), e.get(a).removeHandler("rotate", h), e.get(a).world.removeHandler("add-item", h), e.get(a).world.removeHandler("remove-item", h);
@@ -1093,7 +1092,7 @@ function st(i, t) {
   }), e.user_effect(() => {
     !e.get(a) || !r() || e.get(a).open(r());
   });
-  var R = {
+  var O = {
     get tileSources() {
       return r();
     },
@@ -1106,57 +1105,57 @@ function st(i, t) {
     set viewerState(h) {
       s(h), e.flush();
     }
-  }, g = ar(), v = e.child(g);
-  e.bind_this(v, (h) => e.set(n, h), () => e.get(n));
-  var C = e.sibling(v, 2);
-  return e.each(C, 17, () => e.get(u), (h) => h.id, (h, c) => {
-    var d = e.comment(), z = e.first_child(d);
+  }, v = ar(), p = e.child(v);
+  e.bind_this(p, (h) => e.set(n, h), () => e.get(n));
+  var k = e.sibling(p, 2);
+  return e.each(k, 17, () => e.get(g), (h) => h.id, (h, l) => {
+    var c = e.comment(), R = e.first_child(c);
     {
-      var B = (p) => {
-        var f = sr();
+      var T = (A) => {
+        var $ = sr();
         e.template_effect(() => {
-          e.set_class(f, 1, `absolute border-2 transition-colors cursor-pointer pointer-events-auto ${e.get(c).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(f, `
-          left: ${e.get(c).rect.x ?? ""}px;
-          top: ${e.get(c).rect.y ?? ""}px;
-          width: ${e.get(c).rect.width ?? ""}px;
-          height: ${e.get(c).rect.height ?? ""}px;
-        `), e.set_attribute(f, "title", e.get(c).tooltip);
-        }), e.append(p, f);
-      }, E = (p) => {
-        var f = e.comment(), o = e.first_child(f);
+          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($, `
+          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($);
         {
-          var M = (y) => {
-            var w = nr(), T = e.child(w), L = e.child(T, !0);
-            e.reset(T);
-            var A = e.sibling(T);
-            e.reset(w), e.template_effect(
-              (m) => {
-                e.set_style(w, `
-          left: ${e.get(c).bounds.x ?? ""}px;
-          top: ${e.get(c).bounds.y ?? ""}px;
-          width: ${e.get(c).bounds.width ?? ""}px;
-          height: ${e.get(c).bounds.height ?? ""}px;
-        `), e.set_text(L, e.get(c).tooltip), e.set_attribute(A, "points", m), e.set_class(A, 0, `cursor-pointer transition-colors ${e.get(c).isSearchHit ? "fill-yellow-400/40 stroke-yellow-400 hover:fill-yellow-400/60" : "fill-red-500/20 stroke-red-500 hover:fill-red-500/40"}`);
+          var z = (S) => {
+            var I = nr(), G = e.child(I), j = e.child(G, !0);
+            e.reset(G);
+            var w = e.sibling(G);
+            e.reset(I), e.template_effect(
+              (b) => {
+                e.set_style(I, `
+          left: ${e.get(l).bounds.x ?? ""}px;
+          top: ${e.get(l).bounds.y ?? ""}px;
+          width: ${e.get(l).bounds.width ?? ""}px;
+          height: ${e.get(l).bounds.height ?? ""}px;
+        `), e.set_text(j, e.get(l).tooltip), e.set_attribute(w, "points", b), e.set_class(w, 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(c).points.map((m) => m.join(",")).join(" ")]
-            ), e.append(y, w);
+              [() => e.get(l).points.map((b) => b.join(",")).join(" ")]
+            ), e.append(S, I);
           };
           e.if(
-            o,
-            (y) => {
-              e.get(c).type === "POLYGON" && y(M);
+            d,
+            (S) => {
+              e.get(l).type === "POLYGON" && S(z);
             },
             !0
           );
         }
-        e.append(p, f);
+        e.append(A, $);
       };
-      e.if(z, (p) => {
-        e.get(c).type === "RECTANGLE" ? p(B) : p(E, !1);
+      e.if(R, (A) => {
+        e.get(l).type === "RECTANGLE" ? A(T) : A(u, !1);
       });
     }
-    e.append(h, d);
-  }), e.reset(g), e.append(i, g), e.pop(R);
+    e.append(h, c);
+  }), e.reset(v), e.append(i, v), e.pop(O);
 }
 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>');
@@ -1167,23 +1166,23 @@ function nt(i, t) {
     get viewerState() {
       return r();
     },
-    set viewerState(R) {
-      r(R), e.flush();
+    set viewerState(O) {
+      r(O), e.flush();
     }
   }, n = or(), a = e.child(n);
   a.__click = () => r().previousCanvas();
-  var S = e.child(a);
-  bt(S, { size: 20, weight: "bold" }), e.reset(a);
-  var P = e.sibling(a, 2), _ = e.child(P);
-  e.reset(P);
-  var I = e.sibling(P, 2);
-  I.__click = () => r().nextCanvas();
-  var u = e.child(I);
-  return _t(u, { size: 20, weight: "bold" }), e.reset(I), e.reset(n), e.template_effect(
-    (R, g) => {
-      a.disabled = !r().hasPrevious, e.set_attribute(a, "aria-label", R), e.set_text(_, `${r().currentCanvasIndex + 1} / ${r().canvases.length ?? ""}`), I.disabled = !r().hasNext, e.set_attribute(I, "aria-label", g);
+  var C = e.child(a);
+  bt(C, { size: 20, weight: "bold" }), e.reset(a);
+  var m = e.sibling(a, 2), y = e.child(m);
+  e.reset(m);
+  var M = e.sibling(m, 2);
+  M.__click = () => r().nextCanvas();
+  var g = e.child(M);
+  return _t(g, { size: 20, weight: "bold" }), e.reset(M), e.reset(n), e.template_effect(
+    (O, v) => {
+      a.disabled = !r().hasPrevious, e.set_attribute(a, "aria-label", O), e.set_text(y, `${r().currentCanvasIndex + 1} / ${r().canvases.length ?? ""}`), M.disabled = !r().hasNext, e.set_attribute(M, "aria-label", v);
     },
-    [() => V.previous_canvas(), () => V.next_canvas()]
+    [() => E.previous_canvas(), () => E.next_canvas()]
   ), e.append(i, n), e.pop(s);
 }
 e.delegate(["click"]);
@@ -1195,1242 +1194,1308 @@ function at(i, t) {
   let s = e.derived(() => {
     if (!r.manifestId || !r.canvasId)
       return [];
-    const g = le.getAnnotations(r.manifestId, r.canvasId), v = r.currentCanvasSearchAnnotations;
-    return [...g, ...v];
+    const v = le.getAnnotations(r.manifestId, r.canvasId), p = r.currentCanvasSearchAnnotations;
+    return [...v, ...p];
   });
-  function n(g) {
-    return g.id || g["@id"] || (typeof g.getId == "function" ? g.getId() : "") || "";
+  function n(v) {
+    return v.id || v["@id"] || (typeof v.getId == "function" ? v.getId() : "") || "";
   }
   e.user_effect(() => {
-    var g;
+    var v;
     if (e.get(s).length > 0)
-      if (((g = r.config.annotations) == null ? void 0 : g.visible) ?? !0) {
-        const C = /* @__PURE__ */ new Set();
+      if (((v = r.config.annotations) == null ? void 0 : v.visible) ?? !0) {
+        const k = /* @__PURE__ */ new Set();
         e.get(s).forEach((h) => {
-          const c = n(h);
-          c && C.add(c);
-        }), r.visibleAnnotationIds = C;
+          const l = n(h);
+          l && k.add(l);
+        }), r.visibleAnnotationIds = k;
       } else
         r.visibleAnnotationIds = /* @__PURE__ */ new Set();
     else
       r.visibleAnnotationIds = /* @__PURE__ */ new Set();
   });
-  let a = e.derived(() => e.get(s).length === 0 ? !1 : e.get(s).every((g) => {
-    const v = n(g);
-    return !v || r.visibleAnnotationIds.has(v);
+  let a = e.derived(() => e.get(s).length === 0 ? !1 : e.get(s).every((v) => {
+    const p = n(v);
+    return !p || r.visibleAnnotationIds.has(p);
   }));
-  function S(g) {
-    r.visibleAnnotationIds.has(g) ? r.visibleAnnotationIds.delete(g) : r.visibleAnnotationIds.add(g), r.visibleAnnotationIds = new Set(r.visibleAnnotationIds);
+  function C(v) {
+    r.visibleAnnotationIds.has(v) ? r.visibleAnnotationIds.delete(v) : r.visibleAnnotationIds.add(v), r.visibleAnnotationIds = new Set(r.visibleAnnotationIds);
   }
-  function P() {
+  function m() {
     if (e.get(a))
       r.visibleAnnotationIds = /* @__PURE__ */ new Set();
     else {
-      const g = /* @__PURE__ */ new Set();
-      e.get(s).forEach((v) => {
-        const C = n(v);
-        C && g.add(C);
-      }), r.visibleAnnotationIds = g;
+      const v = /* @__PURE__ */ new Set();
+      e.get(s).forEach((p) => {
+        const k = n(p);
+        k && v.add(k);
+      }), r.visibleAnnotationIds = v;
     }
   }
-  let _ = e.derived(() => e.get(s).length ? e.get(s).map((g) => {
-    let v = "", C = !1;
-    if (typeof g.getBody == "function") {
-      const h = g.getBody();
+  let y = e.derived(() => e.get(s).length ? e.get(s).map((v) => {
+    let p = "", k = !1;
+    if (typeof v.getBody == "function") {
+      const h = v.getBody();
       if (h && h.length) {
-        const c = (d) => {
-          const z = d.getValue ? d.getValue() : null;
-          return z || "";
+        const l = (c) => {
+          const R = c.getValue ? c.getValue() : null;
+          return R || "";
         };
-        v = h.map((d) => c(d)).filter(Boolean).join(" "), C = h.some((d) => {
-          const z = d.getFormat ? d.getFormat() : "";
-          return z === "text/html" || z === "application/html";
+        p = h.map((c) => l(c)).filter(Boolean).join(" "), k = h.some((c) => {
+          const R = c.getFormat ? c.getFormat() : "";
+          return R === "text/html" || R === "application/html";
         });
       }
-      if (!v && typeof g.getLabel == "function") {
-        const c = g.getLabel();
-        c && (v = c);
+      if (!p && typeof v.getLabel == "function") {
+        const l = v.getLabel();
+        l && (p = l);
       }
     } else {
-      const h = (d) => d && (d.chars || d.value || d["cnt:chars"]) || "", c = (d) => d ? d.format === "text/html" || d.type === "TextualBody" : !1;
-      if (g.resource ? Array.isArray(g.resource) ? (v = g.resource.map((d) => h(d)).join(" "), g.resource.some((d) => c(d)) && (C = !0)) : (v = h(g.resource), c(g.resource) && (C = !0)) : g.body && (Array.isArray(g.body) ? (v = g.body.map((d) => h(d)).join(" "), g.body.some((d) => c(d)) && (C = !0)) : (v = h(g.body), c(g.body) && (C = !0))), !v) {
-        const d = g.label || g.name || g.title;
-        d && (v = Array.isArray(d) ? d.join(" ") : d);
+      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)) && (k = !0)) : (p = h(v.resource), l(v.resource) && (k = !0)) : v.body && (Array.isArray(v.body) ? (p = v.body.map((c) => h(c)).join(" "), v.body.some((c) => l(c)) && (k = !0)) : (p = h(v.body), l(v.body) && (k = !0))), !p) {
+        const c = v.label || v.name || v.title;
+        c && (p = Array.isArray(c) ? c.join(" ") : c);
       }
     }
     return {
-      id: n(g),
-      content: v,
-      isHtml: C,
-      label: (typeof g.getLabel == "function" ? g.getLabel() : g.label) || ""
+      id: n(v),
+      content: p,
+      isHtml: k,
+      label: (typeof v.getLabel == "function" ? v.getLabel() : v.label) || ""
     };
   }) : []);
-  var I = e.comment(), u = e.first_child(I);
+  var M = e.comment(), g = e.first_child(M);
   {
-    var R = (g) => {
-      var v = fr(), C = e.child(v), h = e.child(C), c = e.child(h);
-      c.__click = (w) => {
-        w.preventDefault(), P();
+    var O = (v) => {
+      var p = fr(), k = e.child(p), h = e.child(k), l = e.child(h);
+      l.__click = (I) => {
+        I.preventDefault(), m();
       };
-      var d = e.child(c);
+      var c = e.child(l);
       {
-        var z = (w) => {
-          We(w, { size: 16, weight: "bold" });
-        }, B = (w) => {
-          Ue(w, { size: 16, weight: "bold" });
+        var R = (I) => {
+          We(I, { size: 16, weight: "bold" });
+        }, T = (I) => {
+          Ue(I, { size: 16, weight: "bold" });
         };
-        e.if(d, (w) => {
-          e.get(a) ? w(z) : w(B, !1);
+        e.if(c, (I) => {
+          e.get(a) ? I(R) : I(T, !1);
         });
       }
-      e.reset(c);
-      var E = e.sibling(c, 2), p = e.child(E), f = e.sibling(p), o = e.child(f, !0);
-      e.reset(f), e.reset(E);
-      var M = e.sibling(E, 2);
-      wt(M, {
+      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, {
         size: 16,
         weight: "bold",
         class: "group-open:rotate-180 transition-transform opacity-80"
       }), e.reset(h);
-      var y = e.sibling(h, 2);
+      var S = e.sibling(h, 2);
       e.each(
-        y,
+        S,
         21,
-        () => e.get(_),
+        () => e.get(y),
         e.index,
-        (w, T, L) => {
-          const A = e.derived(() => r.visibleAnnotationIds.has(e.get(T).id));
-          var m = cr();
-          m.__click = (l) => {
-            l.preventDefault(), S(e.get(T).id);
+        (I, G, j) => {
+          const w = e.derived(() => r.visibleAnnotationIds.has(e.get(G).id));
+          var b = cr();
+          b.__click = (o) => {
+            o.preventDefault(), C(e.get(G).id);
           };
-          var O = e.child(m), x = e.child(O);
+          var _ = e.child(b), f = e.child(_);
           {
-            var $ = (l) => {
-              We(l, { size: 16, weight: "bold" });
-            }, W = (l) => {
-              Ue(l, { size: 16, weight: "bold" });
+            var D = (o) => {
+              We(o, { size: 16, weight: "bold" });
+            }, V = (o) => {
+              Ue(o, { size: 16, weight: "bold" });
             };
-            e.if(x, (l) => {
-              e.get(A) ? l($) : l(W, !1);
+            e.if(f, (o) => {
+              e.get(w) ? o(D) : o(V, !1);
             });
           }
-          e.reset(O);
-          var Q = e.sibling(O, 2), j = e.child(Q), G = e.child(j);
-          G.textContent = `#${L + 1}`;
-          var q = e.sibling(G, 2);
+          e.reset(_);
+          var W = e.sibling(_, 2), L = e.child(W), B = e.child(L);
+          B.textContent = `#${j + 1}`;
+          var U = e.sibling(B, 2);
           {
-            var te = (l) => {
-              var b = lr(), N = e.child(b, !0);
-              e.reset(b), e.template_effect(() => e.set_text(N, e.get(T).label)), e.append(l, b);
+            var H = (o) => {
+              var x = lr(), X = e.child(x, !0);
+              e.reset(x), e.template_effect(() => e.set_text(X, e.get(G).label)), e.append(o, x);
             };
-            e.if(q, (l) => {
-              e.get(T).label && e.get(T).label !== e.get(T).content && l(te);
+            e.if(U, (o) => {
+              e.get(G).label && e.get(G).label !== e.get(G).content && o(H);
             });
           }
-          e.reset(j);
-          var se = e.sibling(j, 2), ne = e.child(se);
+          e.reset(L);
+          var N = e.sibling(L, 2), ie = e.child(N);
           {
-            var ae = (l) => {
-              var b = e.comment(), N = e.first_child(b);
-              e.html(N, () => e.get(T).content), e.append(l, b);
-            }, oe = (l) => {
-              var b = e.text();
-              e.template_effect(() => e.set_text(b, e.get(T).content || "(No content)")), e.append(l, b);
+            var ae = (o) => {
+              var x = e.comment(), X = e.first_child(x);
+              e.html(X, () => e.get(G).content), e.append(o, x);
+            }, oe = (o) => {
+              var x = e.text();
+              e.template_effect(() => e.set_text(x, e.get(G).content || "(No content)")), e.append(o, x);
             };
-            e.if(ne, (l) => {
-              e.get(T).isHtml ? l(ae) : l(oe, !1);
+            e.if(ie, (o) => {
+              e.get(G).isHtml ? o(ae) : o(oe, !1);
             });
           }
-          e.reset(se), e.reset(Q), 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(A) ? "" : "opacity-50"}`)), e.append(w, m);
+          e.reset(N), e.reset(W), e.reset(b), e.template_effect(() => e.set_class(N, 1, `text-sm prose prose-sm max-w-none prose-p:my-0 prose-a:text-blue-500 wrap-break-word text-left ${e.get(w) ? "" : "opacity-50"}`)), e.append(I, b);
         },
-        (w) => {
-          var T = dr();
-          e.append(w, T);
+        (I) => {
+          var G = dr();
+          e.append(I, G);
         }
-      ), e.reset(y), e.reset(C), e.reset(v), e.template_effect(
-        (w, T, L) => {
-          e.set_attribute(c, "title", w), e.set_text(p, `${T ?? ""} `), e.set_text(o, L);
+      ), e.reset(S), e.reset(k), e.reset(p), e.template_effect(
+        (I, G, j) => {
+          e.set_attribute(l, "title", I), e.set_text(A, `${G ?? ""} `), e.set_text(d, j);
         },
         [
-          () => e.get(a) ? V.hide_all_annotations() : V.show_all_annotations(),
-          () => V.annotations_count({ count: e.get(s).length }),
-          () => V.visible_count({ count: r.visibleAnnotationIds.size })
+          () => e.get(a) ? E.hide_all_annotations() : E.show_all_annotations(),
+          () => E.annotations_count({ count: e.get(s).length }),
+          () => E.visible_count({ count: r.visibleAnnotationIds.size })
         ]
-      ), e.append(g, v);
+      ), e.append(v, p);
     };
-    e.if(u, (g) => {
-      r.showAnnotations && g(R);
+    e.if(g, (v) => {
+      r.showAnnotations && v(O);
     });
   }
-  e.append(i, I), e.pop();
+  e.append(i, M), 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>'), hr = e.from_html('<img class="object-contain w-full h-full" loading="lazy" draggable="false"/>'), vr = 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);
+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.push(t, !0);
   const r = fe(ce);
   let s = e.derived(() => {
-    var o;
-    return ((o = r.config.gallery) == null ? void 0 : o.draggable) ?? !0;
+    var d;
+    return ((d = r.config.gallery) == null ? void 0 : d.draggable) ?? !0;
   }), n = e.derived(() => {
-    var o;
-    return ((o = r.config.gallery) == null ? void 0 : o.showCloseButton) ?? !0;
-  }), a = e.prop(t, "canvases", 7), S = e.state(!1), P = { x: 0, y: 0, w: 0, h: 0 }, _ = e.state(null), I = e.derived(() => !a() || !Array.isArray(a()) ? [] : a().map((o, M) => {
-    let y = "";
+    var d;
+    return ((d = r.config.gallery) == null ? void 0 : d.showCloseButton) ?? !0;
+  }), a = e.prop(t, "canvases", 7), C = e.state(!1), m = { x: 0, y: 0, w: 0, h: 0 }, y = e.state(null), M = e.derived(() => !a() || !Array.isArray(a()) ? [] : a().map((d, z) => {
+    let S = "";
     try {
-      if (o.getThumbnail) {
-        const w = o.getThumbnail();
-        w && (y = typeof w == "string" ? w : w.id || w["@id"]);
+      if (d.getThumbnail) {
+        const I = d.getThumbnail();
+        I && (S = typeof I == "string" ? I : I.id || I["@id"]);
       }
-    } catch (w) {
-      console.warn("Error getting thumbnail", w);
+    } catch (I) {
+      console.warn("Error getting thumbnail", I);
     }
-    if (!y) {
-      let w = o.getImages();
-      if ((!w || !w.length) && o.getContent && (w = o.getContent()), w && w.length > 0) {
-        const T = w[0];
-        let L = T.getResource ? T.getResource() : null;
-        if (!L && T.getBody) {
-          const A = T.getBody();
-          Array.isArray(A) && A.length > 0 ? L = A[0] : A && (L = A);
+    if (!S) {
+      let I = d.getImages();
+      if ((!I || !I.length) && d.getContent && (I = d.getContent()), I && I.length > 0) {
+        const G = I[0];
+        let j = G.getResource ? G.getResource() : null;
+        if (!j && G.getBody) {
+          const w = G.getBody();
+          Array.isArray(w) && w.length > 0 ? j = w[0] : w && (j = w);
         }
-        if (L && !L.id && !L.__jsonld && (!L.getServices || L.getServices().length === 0) && (L = null), !L) {
-          const A = T.__jsonld || T;
-          A.body && (L = Array.isArray(A.body) ? A.body[0] : A.body);
+        if (j && !j.id && !j.__jsonld && (!j.getServices || j.getServices().length === 0) && (j = null), !j) {
+          const w = G.__jsonld || G;
+          w.body && (j = Array.isArray(w.body) ? w.body[0] : w.body);
         }
-        if (L) {
-          const m = (() => {
-            let x = [];
-            if (L.getServices && (x = L.getServices()), !x || x.length === 0) {
-              const $ = L.__jsonld || L;
-              $.service && (x = Array.isArray($.service) ? $.service : [$.service]);
+        if (j) {
+          const b = (() => {
+            let f = [];
+            if (j.getServices && (f = j.getServices()), !f || f.length === 0) {
+              const D = j.__jsonld || j;
+              D.service && (f = Array.isArray(D.service) ? D.service : [D.service]);
             }
-            return x;
+            return f;
           })();
-          let O = !1;
-          if (m.length > 0) {
-            const x = m[0];
-            let $ = "";
+          let _ = !1;
+          if (b.length > 0) {
+            const f = b[0];
+            let D = "";
             try {
-              if ($ = x.getProfile ? x.getProfile() : x.profile || "", typeof $ == "object" && $) {
-                const j = $;
-                $ = j.value || j.id || j["@id"] || JSON.stringify(j);
+              if (D = f.getProfile ? f.getProfile() : f.profile || "", typeof D == "object" && D) {
+                const L = D;
+                D = L.value || L.id || L["@id"] || JSON.stringify(L);
               }
             } catch {
             }
-            const W = String($ ?? "").toLowerCase();
-            (W.includes("level0") || W.includes("level-0")) && (O = !0);
-            const Q = x.id || x["@id"];
-            O || (y = `${Q}/full/200,/0/default.jpg`);
+            const V = String(D ?? "").toLowerCase();
+            (V.includes("level0") || V.includes("level-0")) && (_ = !0);
+            const W = f.id || f["@id"];
+            _ || (S = `${W}/full/200,/0/default.jpg`);
           }
-          if (!y && (y = L.id || L["@id"], !y)) {
-            let x = null;
-            if (T.__jsonld && T.__jsonld.body ? x = T.__jsonld.body : T.body && (x = T.body), x) {
-              const $ = Array.isArray(x) ? x[0] : x;
-              y = $.id || $["@id"];
+          if (!S && (S = j.id || j["@id"], !S)) {
+            let f = null;
+            if (G.__jsonld && G.__jsonld.body ? f = G.__jsonld.body : G.body && (f = G.body), f) {
+              const D = Array.isArray(f) ? f[0] : f;
+              S = D.id || D["@id"];
             }
           }
         }
       }
     }
     return {
-      id: o.id,
-      label: o.getLabel().length ? o.getLabel()[0].value : `Canvas ${M + 1}`,
-      src: y,
-      index: M
+      id: d.id,
+      label: d.getLabel().length ? d.getLabel()[0].value : `Canvas ${z + 1}`,
+      src: S,
+      index: z
     };
   }));
-  function u(o) {
+  function g(d) {
     if (!r.isGalleryDragging) return;
-    let M = o.clientX - r.galleryDragOffset.x, y = o.clientY - r.galleryDragOffset.y;
-    const w = Math.max(0, window.innerWidth - r.gallerySize.width), T = Math.max(0, window.innerHeight - r.gallerySize.height);
-    M = Math.max(0, Math.min(M, w)), y = Math.max(0, Math.min(y, T)), r.galleryPosition = { x: M, y };
-    const L = r.galleryCenterPanelRect;
-    if (!L) {
+    let z = d.clientX - r.galleryDragOffset.x, S = d.clientY - r.galleryDragOffset.y;
+    const I = Math.max(0, window.innerWidth - r.gallerySize.width), G = Math.max(0, window.innerHeight - r.gallerySize.height);
+    z = Math.max(0, Math.min(z, I)), S = Math.max(0, Math.min(S, G)), r.galleryPosition = { x: z, y: S };
+    const j = r.galleryCenterPanelRect;
+    if (!j) {
       console.warn("[Gallery] No center panel rect available");
       return;
     }
-    const A = o.clientX, m = o.clientY, O = 60;
-    r.dragOverSide = null, A >= L.left && A <= L.left + O ? r.dragOverSide = "left" : A <= L.right && A >= L.right - O ? r.dragOverSide = "right" : m >= L.top && m <= L.top + O ? r.dragOverSide = "top" : m <= L.bottom && m >= L.bottom - O && (r.dragOverSide = "bottom");
+    const w = d.clientX, b = d.clientY, _ = 60;
+    r.dragOverSide = null, w >= j.left && w <= j.left + _ ? r.dragOverSide = "left" : w <= j.right && w >= j.right - _ ? r.dragOverSide = "right" : b >= j.top && b <= j.top + _ ? r.dragOverSide = "top" : b <= j.bottom && b >= j.bottom - _ && (r.dragOverSide = "bottom");
   }
-  function R() {
-    const o = r.dragOverSide;
-    console.log("[Gallery] stopDrag. dropTarget:", o), r.isGalleryDragging = !1, r.dragOverSide = null, window.removeEventListener("mousemove", u), window.removeEventListener("mouseup", R), o && (r.dockSide = o);
+  function O() {
+    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);
   }
-  function g(o) {
-    o.stopPropagation(), e.set(S, !0), P = {
-      x: o.clientX,
-      y: o.clientY,
+  function v(d) {
+    d.stopPropagation(), e.set(C, !0), m = {
+      x: d.clientX,
+      y: d.clientY,
       w: r.gallerySize.width,
       h: r.gallerySize.height
-    }, window.addEventListener("mousemove", v), window.addEventListener("mouseup", C);
+    }, window.addEventListener("mousemove", p), window.addEventListener("mouseup", k);
   }
-  function v(o) {
-    if (!e.get(S)) return;
-    const M = o.clientX - P.x, y = o.clientY - P.y;
+  function p(d) {
+    if (!e.get(C)) return;
+    const z = d.clientX - m.x, S = d.clientY - m.y;
     r.gallerySize = {
-      width: Math.max(200, P.w + M),
-      height: Math.max(200, P.h + y)
+      width: Math.max(200, m.w + z),
+      height: Math.max(200, m.h + S)
     };
   }
-  function C() {
-    e.set(S, !1), window.removeEventListener("mousemove", v), window.removeEventListener("mouseup", C);
+  function k() {
+    e.set(C, !1), window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", k);
   }
-  function h(o) {
-    r.canvasId = o;
+  function h(d) {
+    r.canvasId = d;
   }
-  let c = e.state(e.proxy(r.dockSide));
+  let l = e.state(e.proxy(r.dockSide));
   e.user_effect(() => {
-    const o = r.dockSide;
-    e.set(c, o === "none" || o === "top" || o === "bottom" || o === "left" || o === "right" ? o : "none", !0);
+    const d = r.dockSide;
+    e.set(l, d === "none" || d === "top" || d === "bottom" || d === "left" || d === "right" ? d : "none", !0);
   }), e.user_effect(() => {
-    r.dockSide !== e.get(c) && (r.dockSide = e.get(c), r.isGalleryDockedBottom = e.get(c) === "bottom", r.isGalleryDockedRight = e.get(c) === "right");
+    r.dockSide !== e.get(l) && (r.dockSide = e.get(l), r.isGalleryDockedBottom = e.get(l) === "bottom", r.isGalleryDockedRight = e.get(l) === "right");
   });
-  let d = e.derived(() => e.get(c) === "top" || e.get(c) === "bottom" || e.get(c) === "none" && r.gallerySize.height < 320);
-  function z(o) {
-    var T, L;
+  let c = e.derived(() => e.get(l) === "top" || e.get(l) === "bottom" || e.get(l) === "none" && r.gallerySize.height < 320);
+  function R(d) {
+    var G, j;
     if (!e.get(
       s
       // Dragging disabled in config
-    ) || o.target.closest(".resize-handle")) return;
-    const M = e.get(c) !== "none";
-    if (M) {
-      let A = Math.max(0, o.clientX - 150), m = Math.max(0, o.clientY - 20);
-      const O = Math.max(0, window.innerWidth - 300), x = Math.max(0, window.innerHeight - 400);
-      A = Math.min(A, O), m = Math.min(m, x), r.galleryPosition = { x: A, y: m }, r.galleryDragOffset = { x: o.clientX - A, y: o.clientY - m };
+    ) || d.target.closest(".resize-handle")) return;
+    const z = e.get(l) !== "none";
+    if (z) {
+      let w = Math.max(0, d.clientX - 150), b = Math.max(0, d.clientY - 20);
+      const _ = Math.max(0, window.innerWidth - 300), f = Math.max(0, window.innerHeight - 400);
+      w = Math.min(w, _), b = Math.min(b, f), r.galleryPosition = { x: w, y: b }, r.galleryDragOffset = { x: d.clientX - w, y: d.clientY - b };
     } else
       r.galleryDragOffset = {
-        x: o.clientX - r.galleryPosition.x,
-        y: o.clientY - r.galleryPosition.y
+        x: d.clientX - r.galleryPosition.x,
+        y: d.clientY - r.galleryPosition.y
       };
-    const y = (T = e.get(_)) == null ? void 0 : T.getRootNode(), w = ((L = y == null ? void 0 : y.getElementById) == null ? void 0 : L.call(y, "triiiceratops-center-panel")) ?? document.getElementById("triiiceratops-center-panel");
-    w ? (r.galleryCenterPanelRect = w.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", u), window.addEventListener("mouseup", R), M && e.set(c, "none");
+    const S = (G = e.get(y)) == null ? void 0 : G.getRootNode(), I = ((j = S == null ? void 0 : S.getElementById) == null ? void 0 : j.call(S, "triiiceratops-center-panel")) ?? document.getElementById("triiiceratops-center-panel");
+    I ? (r.galleryCenterPanelRect = I.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");
   }
-  var B = {
+  var T = {
     get canvases() {
       return a();
     },
-    set canvases(o) {
-      a(o), e.flush();
+    set canvases(d) {
+      a(d), e.flush();
     }
-  }, E = e.comment(), p = e.first_child(E);
+  }, u = e.comment(), A = e.first_child(u);
   {
-    var f = (o) => {
-      var M = _r(), y = e.first_child(M), w = e.child(y);
+    var $ = (d) => {
+      var z = _r(), S = e.first_child(z), I = e.child(S);
       {
-        var T = (j) => {
-          var G = ur();
-          G.__click = () => r.toggleThumbnailGallery();
-          var q = e.child(G);
-          Be(q, { size: 16, weight: "bold" }), e.reset(G), e.append(j, G);
+        var G = (L) => {
+          var B = ur();
+          B.__click = () => r.toggleThumbnailGallery();
+          var U = e.child(B);
+          Xe(U, { size: 16, weight: "bold" }), e.reset(B), e.append(L, B);
         };
-        e.if(w, (j) => {
-          e.get(n) && j(T);
+        e.if(I, (L) => {
+          e.get(n) && L(G);
         });
       }
-      var L = e.sibling(w, 2);
+      var j = e.sibling(I, 2);
       {
-        var A = (j) => {
-          var G = gr(), q = e.child(G);
-          q.__mousedown = z;
-          var te = e.child(q);
-          e.reset(q), e.reset(G), e.template_effect(() => {
-            e.set_class(G, 1, "bg-base-100 flex shrink-0 select-none relative " + (e.get(c) === "bottom" || e.get(c) === "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(c) === "bottom" || e.get(c) === "top" ? "w-8 h-full" : "h-6 w-full")), e.set_class(te, 1, "bg-base-300 rounded-full " + (e.get(c) === "bottom" || e.get(c) === "top" ? "w-1.5 h-12" : "w-12 h-1.5"));
-          }), e.append(j, G);
+        var w = (L) => {
+          var B = gr(), U = e.child(B);
+          U.__mousedown = R;
+          var H = e.child(U);
+          e.reset(U), 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(U, 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(H, 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);
         };
-        e.if(L, (j) => {
-          (e.get(s) || e.get(c) === "none") && j(A);
+        e.if(j, (L) => {
+          (e.get(s) || e.get(l) === "none") && L(w);
         });
       }
-      var m = e.sibling(L, 2), O = e.child(m);
-      e.each(O, 21, () => e.get(I), e.index, (j, G) => {
-        var q = pr();
-        q.__click = () => h(e.get(G).id);
-        var te = e.child(q), se = e.child(te);
+      var b = e.sibling(j, 2), _ = e.child(b);
+      e.each(_, 21, () => e.get(M), e.index, (L, B) => {
+        var U = pr();
+        U.__click = () => h(e.get(B).id);
+        var H = e.child(U), N = e.child(H);
         {
-          var ne = (F) => {
-            var ee = hr();
+          var ie = (Y) => {
+            var re = vr();
             e.template_effect(() => {
-              e.set_attribute(ee, "src", e.get(G).src), e.set_attribute(ee, "alt", e.get(G).label);
-            }), e.append(F, ee);
-          }, ae = (F) => {
-            var ee = vr();
-            e.append(F, ee);
+              e.set_attribute(re, "src", e.get(B).src), e.set_attribute(re, "alt", e.get(B).label);
+            }), e.append(Y, re);
+          }, ae = (Y) => {
+            var re = hr();
+            e.append(Y, re);
           };
-          e.if(se, (F) => {
-            e.get(G).src ? F(ne) : F(ae, !1);
+          e.if(N, (Y) => {
+            e.get(B).src ? Y(ie) : Y(ae, !1);
           });
         }
-        e.reset(te);
-        var oe = e.sibling(te, 2), l = e.child(oe), b = e.child(l);
-        e.reset(l);
-        var N = e.sibling(l);
-        e.reset(oe), 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(d) ? "w-[140px]" : ""} ${r.canvasId === e.get(G).id ? "ring-2 ring-primary bg-primary/5" : ""}`), e.set_attribute(q, "aria-label", `Select canvas ${e.get(G).label ?? ""}`), e.set_text(b, `${e.get(G).index + 1}.`), e.set_text(N, ` ${e.get(G).label ?? ""}`);
-        }), e.append(j, q);
-      }), e.reset(O), e.reset(m);
-      var x = e.sibling(m, 2);
+        e.reset(H);
+        var oe = e.sibling(H, 2), o = e.child(oe), x = e.child(o);
+        e.reset(o);
+        var X = e.sibling(o);
+        e.reset(oe), e.reset(U), e.template_effect(() => {
+          e.set_class(U, 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(U, "aria-label", `Select canvas ${e.get(B).label ?? ""}`), e.set_text(x, `${e.get(B).index + 1}.`), e.set_text(X, ` ${e.get(B).label ?? ""}`);
+        }), e.append(L, U);
+      }), e.reset(_), e.reset(b);
+      var f = e.sibling(b, 2);
       {
-        var $ = (j) => {
-          var G = mr();
-          G.__mousedown = g, e.append(j, G);
+        var D = (L) => {
+          var B = mr();
+          B.__mousedown = v, e.append(L, B);
         };
-        e.if(x, (j) => {
-          e.get(c) === "none" && j($);
+        e.if(f, (L) => {
+          e.get(l) === "none" && L(D);
         });
       }
-      e.reset(y), e.bind_this(y, (j) => e.set(_, j), () => e.get(_));
-      var W = e.sibling(y, 2);
+      e.reset(S), e.bind_this(S, (L) => e.set(y, L), () => e.get(y));
+      var V = e.sibling(S, 2);
       {
-        var Q = (j) => {
-          var G = br(), q = e.first_child(G), te = e.sibling(q, 2), se = e.sibling(te, 2), ne = e.sibling(se, 2);
+        var W = (L) => {
+          var B = br(), U = e.first_child(B), H = e.sibling(U, 2), N = e.sibling(H, 2), ie = e.sibling(N, 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(te, 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(ne, 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, G);
+            e.set_class(U, 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(H, 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(N, 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(ie, 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.if(W, (j) => {
-          r.isGalleryDragging && j(Q);
+        e.if(V, (L) => {
+          r.isGalleryDragging && L(W);
         });
       }
       e.template_effect(() => {
-        e.set_class(y, 1, (e.get(c) !== "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(c) === "bottom" || e.get(c) === "top" ? "flex-row border-t" : ""}
-           ${e.get(c) === "left" || e.get(c) === "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(c) !== "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(d) ? "overflow-x-auto overflow-y-hidden h-full" : "overflow-y-auto overflow-x-hidden"}`), e.set_class(O, 1, e.clsx(e.get(d) ? "flex flex-row gap-2 h-full items-center" : "grid gap-2")), e.set_style(O, e.get(d) ? "" : "grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));");
-      }), e.append(o, M);
+        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.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(b, 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(_, 1, e.clsx(e.get(c) ? "flex flex-row gap-2 h-full items-center" : "grid gap-2")), e.set_style(_, e.get(c) ? "" : "grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));");
+      }), e.append(d, z);
     };
-    e.if(p, (o) => {
-      r.showThumbnailGallery && o(f);
+    e.if(A, (d) => {
+      r.showThumbnailGallery && d($);
     });
   }
-  return e.append(i, E), e.pop(B);
+  return e.append(i, u), e.pop(T);
 }
 e.delegate(["click", "mousedown"]);
 e.create_custom_element(de, { canvases: {} }, [], [], !0);
-var yr = e.from_html("<button><!></button>"), wr = e.from_html('<button class="btn btn-circle btn-lg btn-neutral shadow-lg"><!></button>'), xr = e.from_html('<div class="tooltip tooltip-left"><button><!></button></div>'), Sr = e.from_html('<div class="tooltip tooltip-left"><button><!></button></div>'), Ar = e.from_html('<div class="tooltip tooltip-top"><button><!></button></div>'), Ir = e.from_html('<div class="tooltip tooltip-top"><button><!></button></div>'), Cr = 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>');
+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('<div class="tooltip tooltip-left"><!></div>'), jr = e.from_html('<div class="tooltip tooltip-left"><!></div>'), Lr = e.from_html('<div class="tooltip tooltip-top"><!></div>'), Rr = e.from_html('<div class="tooltip tooltip-top"><!></div>'), Dr = 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 ot(i, t) {
-  e.push(t, !1);
-  const r = fe(ce);
-  e.init();
-  var s = Cr(), n = e.child(s), a = e.child(n), S = e.child(a), P = e.child(S, !0);
-  e.reset(S);
-  var _ = e.sibling(S, 2);
-  Ct(_, { size: 32, weight: "bold" }), e.reset(a), e.reset(n);
-  var I = e.sibling(n, 2), u = e.child(I);
-  {
-    var R = (p) => {
-      var f = yr();
-      f.__click = () => r.toggleSearchPanel();
-      var o = e.child(f);
-      Ze(o, { size: 28, weight: "bold" }), e.reset(f), e.template_effect(
-        (M) => {
-          e.set_attribute(f, "aria-label", M), e.set_class(f, 1, e.clsx([
-            "btn btn-circle btn-lg shadow-lg",
-            r.showSearchPanel && "btn-primary",
-            !r.showSearchPanel && "btn-neutral"
-          ]));
-        },
-        [() => V.toggle_search()]
-      ), e.append(p, f);
-    }, g = (p) => {
-      var f = wr();
-      f.__click = (M) => {
-        document.activeElement instanceof HTMLElement && document.activeElement.blur();
+  e.push(t, !0);
+  const r = (T) => {
+    var u = yr();
+    u.__click = () => m.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([
+          "btn btn-circle btn-lg shadow-lg",
+          m.showSearchPanel ? "btn-primary" : "btn-neutral"
+        ]));
+      },
+      [() => E.toggle_search()]
+    ), e.append(T, u);
+  }, s = (T) => {
+    var u = wr();
+    u.__click = () => m.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 ${m.showThumbnailGallery ? "btn-info" : "btn-neutral"}`);
+      },
+      [
+        () => m.showThumbnailGallery ? E.hide_gallery() : E.show_gallery()
+      ]
+    ), e.append(T, u);
+  }, n = (T) => {
+    var u = xr();
+    u.__click = () => m.toggleFullScreen();
+    var A = e.child(u);
+    {
+      var $ = (z) => {
+        St(z, { size: 28, weight: "bold" });
+      }, d = (z) => {
+        At(z, { size: 28, weight: "bold" });
       };
-      var o = e.child(f);
-      Be(o, { size: 28, weight: "bold" }), e.reset(f), e.template_effect((M) => e.set_attribute(f, "aria-label", M), [() => V.close_menu()]), e.append(p, f);
-    };
-    e.if(u, (p) => {
-      var f;
-      ((f = r.config.rightMenu) == null ? void 0 : f.showSearch) !== !1 ? p(R) : p(g, !1);
-    });
-  }
-  e.reset(I);
-  var v = e.sibling(I, 2);
-  {
-    var C = (p) => {
-      var f = xr(), o = e.child(f);
-      o.__click = () => r.toggleThumbnailGallery();
-      var M = e.child(o);
-      kt(M, { size: 28, weight: "bold" }), e.reset(o), e.reset(f), e.template_effect(
-        (y, w) => {
-          e.set_attribute(f, "data-tip", y), e.set_attribute(o, "aria-label", w), e.set_class(o, 1, `btn btn-lg btn-circle shadow-lg ${r.showThumbnailGallery ? "btn-info" : "btn-neutral"}`);
-        },
-        [
-          () => r.showThumbnailGallery ? V.hide_gallery() : V.show_gallery(),
-          () => r.showThumbnailGallery ? V.hide_gallery() : V.show_gallery()
-        ]
-      ), e.append(p, f);
-    };
-    e.if(v, (p) => {
-      var f;
-      ((f = r.config.rightMenu) == null ? void 0 : f.showGallery) !== !1 && p(C);
-    });
-  }
-  var h = e.sibling(v, 2);
+      e.if(A, (z) => {
+        m.isFullScreen ? z($) : z(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 ${m.isFullScreen ? "btn-warning" : "btn-neutral"}`)), e.append(T, u);
+  }, a = (T) => {
+    var u = Sr();
+    u.__click = () => m.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 ${m.showAnnotations ? "btn-error" : "btn-neutral"}`);
+      },
+      [() => E.toggle_annotations()]
+    ), e.append(T, u);
+  }, C = (T) => {
+    var u = Ar();
+    u.__click = () => m.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 ${m.showMetadataDialog ? "btn-info" : "btn-neutral"}`);
+      },
+      [() => E.toggle_metadata()]
+    ), e.append(T, u);
+  }, m = fe(ce), y = e.derived(() => m.config.rightMenu || {}), M = e.derived(() => e.get(y).showSearch !== !1), g = e.derived(() => e.get(y).showGallery !== !1), O = e.derived(() => e.get(y).showFullscreen !== !1), v = e.derived(() => e.get(y).showAnnotations !== !1), p = e.derived(() => e.get(y).showInfo !== !1), k = e.derived(() => [
+    e.get(M) ? "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);
   {
-    var c = (p) => {
-      var f = Sr(), o = e.child(f);
-      o.__click = () => r.toggleFullScreen();
-      var M = e.child(o);
+    var c = (T) => {
+      var u = Tr(), A = e.child(u);
       {
-        var y = (T) => {
-          St(T, { size: 28, weight: "bold" });
-        }, w = (T) => {
-          At(T, { size: 28, weight: "bold" });
+        var $ = (_) => {
+          var f = Ir(), D = e.child(f);
+          r(D), e.reset(f), e.template_effect((V) => e.set_attribute(f, "data-tip", V), [() => E.search()]), e.append(_, f);
         };
-        e.if(M, (T) => {
-          r.isFullScreen ? T(y) : T(w, !1);
+        e.if(A, (_) => {
+          e.get(M) && _($);
         });
       }
-      e.reset(o), e.reset(f), e.template_effect(
-        (T) => {
-          e.set_attribute(f, "data-tip", T), e.set_class(o, 1, `btn btn-circle btn-lg shadow-lg transition-all duration-300 ease-out ${r.isFullScreen ? "btn-warning" : "btn-neutral"}`);
-        },
-        [
-          () => r.isFullScreen ? V.exit_full_screen() : V.enter_full_screen()
-        ]
-      ), e.append(p, f);
-    };
-    e.if(h, (p) => {
-      var f;
-      ((f = r.config.rightMenu) == null ? void 0 : f.showFullscreen) !== !1 && p(c);
-    });
-  }
-  var d = e.sibling(h, 2);
-  {
-    var z = (p) => {
-      var f = Ar(), o = e.child(f);
-      o.__click = () => r.toggleAnnotations();
-      var M = e.child(o);
-      xt(M, { size: 28, weight: "bold" }), e.reset(o), e.reset(f), e.template_effect(
-        (y, w) => {
-          e.set_attribute(f, "data-tip", y), e.set_attribute(o, "aria-label", w), e.set_class(o, 1, `btn btn-lg btn-circle shadow-lg ${r.showAnnotations ? "btn-error" : "btn-neutral"}`);
-        },
-        [
-          () => r.showAnnotations ? V.hide_annotations() : V.show_annotations(),
-          () => V.toggle_annotations()
-        ]
-      ), e.append(p, f);
-    };
-    e.if(d, (p) => {
-      var f;
-      ((f = r.config.rightMenu) == null ? void 0 : f.showAnnotations) !== !1 && p(z);
-    });
-  }
-  var B = e.sibling(d, 2);
-  {
-    var E = (p) => {
-      var f = Ir(), o = e.child(f);
-      o.__click = () => r.toggleMetadataDialog();
-      var M = e.child(o);
-      It(M, { size: 28, weight: "bold" }), e.reset(o), e.reset(f), e.template_effect(
-        (y, w) => {
-          e.set_attribute(f, "data-tip", y), e.set_attribute(o, "aria-label", w), e.set_class(o, 1, `btn btn-lg btn-circle shadow-lg ${r.showMetadataDialog ? "btn-info" : "btn-neutral"}`);
-        },
-        [() => V.metadata(), () => V.toggle_metadata()]
-      ), e.append(p, f);
+      var d = e.sibling(A, 2);
+      {
+        var z = (_) => {
+          var f = Cr(), D = e.child(f);
+          s(D), e.reset(f), e.template_effect((V) => e.set_attribute(f, "data-tip", V), [
+            () => m.showThumbnailGallery ? E.hide_gallery() : E.show_gallery()
+          ]), e.append(_, f);
+        };
+        e.if(d, (_) => {
+          e.get(g) && _(z);
+        });
+      }
+      var S = e.sibling(d, 2);
+      {
+        var I = (_) => {
+          var f = kr(), D = e.child(f);
+          n(D), e.reset(f), e.template_effect((V) => e.set_attribute(f, "data-tip", V), [
+            () => m.isFullScreen ? E.exit_full_screen() : E.enter_full_screen()
+          ]), e.append(_, f);
+        };
+        e.if(S, (_) => {
+          e.get(O) && _(I);
+        });
+      }
+      var G = e.sibling(S, 2);
+      {
+        var j = (_) => {
+          var f = Pr(), D = e.child(f);
+          a(D), e.reset(f), e.template_effect((V) => e.set_attribute(f, "data-tip", V), [
+            () => m.showAnnotations ? E.hide_annotations() : E.show_annotations()
+          ]), e.append(_, f);
+        };
+        e.if(G, (_) => {
+          e.get(v) && _(j);
+        });
+      }
+      var w = e.sibling(G, 2);
+      {
+        var b = (_) => {
+          var f = Mr(), D = e.child(f);
+          C(D), e.reset(f), e.template_effect((V) => e.set_attribute(f, "data-tip", V), [() => E.metadata()]), e.append(_, f);
+        };
+        e.if(w, (_) => {
+          e.get(p) && _(b);
+        });
+      }
+      e.reset(u), e.append(T, u);
+    }, R = (T) => {
+      var u = e.comment(), A = e.first_child(u);
+      {
+        var $ = (d) => {
+          var z = Dr(), S = e.child(z), I = e.child(S), G = e.child(I, !0);
+          e.reset(I);
+          var j = e.sibling(I, 2);
+          Ct(j, { size: 32, weight: "bold" }), e.reset(S);
+          var w = e.sibling(S, 2), b = e.child(w);
+          r(b), e.reset(w);
+          var _ = e.sibling(w, 2);
+          {
+            var f = (H) => {
+              var N = zr(), ie = e.child(N);
+              s(ie), e.reset(N), e.template_effect((ae) => e.set_attribute(N, "data-tip", ae), [
+                () => m.showThumbnailGallery ? E.hide_gallery() : E.show_gallery()
+              ]), e.append(H, N);
+            };
+            e.if(_, (H) => {
+              e.get(g) && H(f);
+            });
+          }
+          var D = e.sibling(_, 2);
+          {
+            var V = (H) => {
+              var N = jr(), ie = e.child(N);
+              n(ie), e.reset(N), e.template_effect((ae) => e.set_attribute(N, "data-tip", ae), [
+                () => m.isFullScreen ? E.exit_full_screen() : E.enter_full_screen()
+              ]), e.append(H, N);
+            };
+            e.if(D, (H) => {
+              e.get(O) && H(V);
+            });
+          }
+          var W = e.sibling(D, 2);
+          {
+            var L = (H) => {
+              var N = Lr(), ie = e.child(N);
+              a(ie), e.reset(N), e.template_effect((ae) => e.set_attribute(N, "data-tip", ae), [
+                () => m.showAnnotations ? E.hide_annotations() : E.show_annotations()
+              ]), e.append(H, N);
+            };
+            e.if(W, (H) => {
+              e.get(v) && H(L);
+            });
+          }
+          var B = e.sibling(W, 2);
+          {
+            var U = (H) => {
+              var N = Rr(), ie = e.child(N);
+              C(ie), e.reset(N), e.template_effect((ae) => e.set_attribute(N, "data-tip", ae), [() => E.metadata()]), e.append(H, N);
+            };
+            e.if(B, (H) => {
+              e.get(p) && H(U);
+            });
+          }
+          e.reset(z), e.template_effect(
+            (H, N) => {
+              e.set_text(G, H), e.set_attribute(w, "data-tip", N);
+            },
+            [() => E.menu(), () => E.search()]
+          ), e.append(d, z);
+        };
+        e.if(
+          A,
+          (d) => {
+            e.get(k).length > 1 && d($);
+          },
+          !0
+        );
+      }
+      e.append(T, u);
     };
-    e.if(B, (p) => {
-      var f;
-      ((f = r.config.rightMenu) == null ? void 0 : f.showInfo) !== !1 && p(E);
+    e.if(l, (T) => {
+      e.get(k).length === 1 ? T(c) : T(R, !1);
     });
   }
-  e.reset(s), e.template_effect(
-    (p, f, o) => {
-      e.set_attribute(n, "data-tip", p), e.set_text(P, f), e.set_attribute(I, "data-tip", o);
-    },
-    [
-      () => V.menu(),
-      () => V.menu(),
-      () => {
-        var p;
-        return ((p = r.config.rightMenu) == null ? void 0 : p.showSearch) === !1 ? V.close_menu() : V.search();
-      }
-    ]
-  ), e.append(i, s), e.pop();
+  e.append(i, h), e.pop();
 }
 e.delegate(["click"]);
 e.create_custom_element(ot, {}, [], [], !0);
-var kr = e.from_html('<div class="tooltip tooltip-right"><button><!></button></div>'), Pr = 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>');
+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.push(t, !0);
   const r = fe(ce);
-  let s = e.derived(() => [...r.pluginMenuButtons].sort((I, u) => (I.order ?? 100) - (u.order ?? 100))), n = e.state(!1);
+  let s = e.derived(() => [...r.pluginMenuButtons].sort((M, g) => (M.order ?? 100) - (g.order ?? 100))), n = e.state(!1);
   function a() {
     e.set(n, !e.get(n));
   }
-  var S = e.comment(), P = e.first_child(S);
+  var C = e.comment(), m = e.first_child(C);
   {
-    var _ = (I) => {
-      var u = Pr(), R = e.child(u);
-      e.each(R, 21, () => e.get(s), (d) => d.id, (d, z) => {
-        const B = e.derived(() => e.get(z).icon);
-        var E = kr(), p = e.child(E);
-        p.__click = () => {
-          e.get(z).onClick(), e.set(n, !1);
+    var y = (M) => {
+      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(n, !1);
         };
-        var f = e.child(p);
-        e.component(f, () => e.get(B), (o, M) => {
-          M(o, { size: 28, weight: "bold" });
-        }), e.reset(p), e.reset(E), e.template_effect(
-          (o) => {
-            e.set_attribute(E, "data-tip", e.get(z).tooltip), e.set_attribute(p, "aria-label", e.get(z).tooltip), e.set_class(p, 1, `btn btn-lg btn-circle shadow-lg ${o ?? ""}`);
+        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(
+          (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 ?? ""}`);
           },
           [
             () => {
-              var o, M;
-              return (M = (o = e.get(z)).isActive) != null && M.call(o) ? e.get(z).activeClass ?? "btn-primary" : "btn-neutral";
+              var d, z;
+              return (z = (d = e.get(R)).isActive) != null && z.call(d) ? e.get(R).activeClass ?? "btn-primary" : "btn-neutral";
             }
           ]
-        ), e.append(d, E);
-      }), e.reset(R);
-      var g = e.sibling(R, 2), v = e.child(g);
-      v.__click = a;
-      var C = e.child(v);
+        ), e.append(c, u);
+      }), e.reset(O);
+      var v = e.sibling(O, 2), p = e.child(v);
+      p.__click = a;
+      var k = e.child(p);
       {
-        var h = (d) => {
-          Be(d, { size: 28, weight: "bold" });
-        }, c = (d) => {
-          Pt(d, { size: 28, weight: "bold" });
+        var h = (c) => {
+          Xe(c, { size: 28, weight: "bold" });
+        }, l = (c) => {
+          Pt(c, { size: 28, weight: "bold" });
         };
-        e.if(C, (d) => {
-          e.get(n) ? d(h) : d(c, !1);
+        e.if(k, (c) => {
+          e.get(n) ? c(h) : c(l, !1);
         });
       }
-      e.reset(v), e.reset(g), e.reset(u), e.template_effect(
-        (d, z) => {
-          e.set_class(R, 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", d), e.set_class(v, 1, `btn btn-lg btn-secondary btn-circle shadow-xl transition-transform duration-300 ${e.get(n) ? "rotate-90" : ""}`), e.set_attribute(v, "aria-label", z);
+      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(n) ? "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(n) ? "rotate-90" : ""}`), e.set_attribute(p, "aria-label", R);
         },
-        [() => V.plugins_tooltip(), () => V.plugins_tooltip()]
-      ), e.append(I, u);
+        [() => E.plugins_tooltip(), () => E.plugins_tooltip()]
+      ), e.append(M, g);
     };
-    e.if(P, (I) => {
-      e.get(s).length > 0 && I(_);
+    e.if(m, (M) => {
+      e.get(s).length > 0 && M(y);
     });
   }
-  e.append(i, S), e.pop();
+  e.append(i, C), e.pop();
 }
 e.delegate(["click"]);
 e.create_custom_element(lt, {}, [], [], !0);
-var Mr = e.from_html('<div class="mb-6 prose"><p><!></p></div>'), Tr = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6"> </dt> <dd class="text-sm ps-2"><!></dd>', 1), zr = 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), jr = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6"> </dt> <dd class="text-sm ps-2"><!></dd>', 1), Lr = e.from_html('<dialog class="modal"><div class="modal-box w-11/12 max-w-5xl"><form method="dialog"><button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button></form> <h3 class="font-bold text-lg mb-4"> </h3> <div class="py-4 overflow-y-auto max-h-[70vh]"><!> <dl class="grid grid-cols-1 md:grid-cols-[200px_1fr]"><!> <!> <!></dl></div> <div class="modal-action"><form method="dialog"><button class="btn"> </button></form></div></div> <form method="dialog" class="modal-backdrop"><button> </button></form></dialog>');
+var Br = e.from_html('<div class="mb-6 prose"><p><!></p></div>'), Er = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6"> </dt> <dd class="text-sm ps-2"><!></dd>', 1), $r = 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), Fr = e.from_html('<dt class="font-bold text-lg opacity-70 mt-6"> </dt> <dd class="text-sm ps-2"><!></dd>', 1), Vr = 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.push(t, !0);
   const r = fe(ce);
   let s = e.derived(() => r.manifest), n = e.derived(() => {
-    const m = yt.current;
+    const b = yt.current;
     if (!e.get(s)) return [];
-    const O = e.get(s).getMetadata();
-    return O ? O.map((x) => {
-      let $ = "", W = "";
-      const Q = (j) => {
-        if (typeof j == "string") return j;
-        if (Array.isArray(j)) {
-          let G = j.find((q) => q.locale === m || q.language === m);
-          return G || (G = j.find((q) => q.locale === "en" || q.language === "en")), G || (G = j.find((q) => !q.locale && !q.language)), G || (G = j[0]), G ? G.value : "";
+    const _ = e.get(s).getMetadata();
+    return _ ? _.map((f) => {
+      let D = "", V = "";
+      const W = (L) => {
+        if (typeof L == "string") return L;
+        if (Array.isArray(L)) {
+          let B = L.find((U) => U.locale === b || U.language === b);
+          return B || (B = L.find((U) => U.locale === "en" || U.language === "en")), B || (B = L.find((U) => !U.locale && !U.language)), B || (B = L[0]), B ? B.value : "";
         }
-        return String(j);
+        return String(L);
       };
-      return x.getLabel ? $ = Q(x.getLabel()) : x.label && ($ = Q(x.label)), x.getValue ? W = Q(x.getValue()) : x.value && (W = Q(x.value)), { label: $, value: W };
+      return f.getLabel ? D = W(f.getLabel()) : f.label && (D = W(f.label)), f.getValue ? V = W(f.getValue()) : f.value && (V = W(f.value)), { label: D, value: V };
     }) : [];
-  }), a = e.derived(() => e.get(s) ? e.get(s).getDescription() : ""), S = e.derived(() => {
-    var m;
-    return e.get(s) ? (m = e.get(s).getRequiredStatement()) == null ? void 0 : m.getValue() : "";
-  }), P = e.derived(() => e.get(s) ? e.get(s).getLicense() : "");
-  var _ = Lr(), I = e.child(_), u = e.child(I), R = e.child(u);
-  R.__click = () => r.toggleMetadataDialog(), e.reset(u);
-  var g = e.sibling(u, 2), v = e.child(g, !0);
-  e.reset(g);
-  var C = e.sibling(g, 2), h = e.child(C);
+  }), a = e.derived(() => e.get(s) ? e.get(s).getDescription() : ""), C = e.derived(() => {
+    var b;
+    return e.get(s) ? (b = e.get(s).getRequiredStatement()) == null ? void 0 : b.getValue() : "";
+  }), m = e.derived(() => e.get(s) ? e.get(s).getLicense() : "");
+  var y = Vr(), M = e.child(y), g = e.child(M), 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 k = e.sibling(v, 2), h = e.child(k);
   {
-    var c = (m) => {
-      var O = Mr(), x = e.child(O), $ = e.child(x);
-      e.html($, () => e.get(a)), e.reset(x), e.reset(O), e.append(m, O);
+    var l = (b) => {
+      var _ = Br(), f = e.child(_), D = e.child(f);
+      e.html(D, () => e.get(a)), e.reset(f), e.reset(_), e.append(b, _);
     };
-    e.if(h, (m) => {
-      e.get(a) && m(c);
+    e.if(h, (b) => {
+      e.get(a) && b(l);
     });
   }
-  var d = e.sibling(h, 2), z = e.child(d);
+  var c = e.sibling(h, 2), R = e.child(c);
   {
-    var B = (m) => {
-      var O = Tr(), x = e.first_child(O), $ = e.child(x, !0);
-      e.reset(x);
-      var W = e.sibling(x, 2), Q = e.child(W);
-      e.html(Q, () => e.get(S)), e.reset(W), e.template_effect((j) => e.set_text($, j), [() => V.attribution()]), e.append(m, O);
+    var T = (b) => {
+      var _ = Er(), f = e.first_child(_), D = e.child(f, !0);
+      e.reset(f);
+      var V = e.sibling(f, 2), W = e.child(V);
+      e.html(W, () => e.get(C)), e.reset(V), e.template_effect((L) => e.set_text(D, L), [() => E.attribution()]), e.append(b, _);
     };
-    e.if(z, (m) => {
-      e.get(S) && m(B);
+    e.if(R, (b) => {
+      e.get(C) && b(T);
     });
   }
-  var E = e.sibling(z, 2);
+  var u = e.sibling(R, 2);
   {
-    var p = (m) => {
-      var O = zr(), x = e.first_child(O), $ = e.child(x, !0);
-      e.reset(x);
-      var W = e.sibling(x, 2), Q = e.child(W), j = e.child(Q, !0);
-      e.reset(Q), e.reset(W), e.template_effect(
-        (G) => {
-          e.set_text($, G), e.set_attribute(Q, "href", e.get(P)), e.set_text(j, e.get(P));
+    var A = (b) => {
+      var _ = $r(), f = e.first_child(_), D = e.child(f, !0);
+      e.reset(f);
+      var V = e.sibling(f, 2), W = e.child(V), L = e.child(W, !0);
+      e.reset(W), e.reset(V), e.template_effect(
+        (B) => {
+          e.set_text(D, B), e.set_attribute(W, "href", e.get(m)), e.set_text(L, e.get(m));
         },
-        [() => V.license()]
-      ), e.append(m, O);
+        [() => E.license()]
+      ), e.append(b, _);
     };
-    e.if(E, (m) => {
-      e.get(P) && m(p);
+    e.if(u, (b) => {
+      e.get(m) && b(A);
     });
   }
-  var f = e.sibling(E, 2);
-  e.each(f, 17, () => e.get(n), e.index, (m, O) => {
-    var x = jr(), $ = e.first_child(x), W = e.child($, !0);
-    e.reset($);
-    var Q = e.sibling($, 2), j = e.child(Q);
-    e.html(j, () => e.get(O).value), e.reset(Q), e.template_effect(() => e.set_text(W, e.get(O).label)), e.append(m, x);
-  }), e.reset(d), e.reset(C);
-  var o = e.sibling(C, 2), M = e.child(o), y = e.child(M);
-  y.__click = () => r.toggleMetadataDialog();
-  var w = e.child(y, !0);
-  e.reset(y), e.reset(M), e.reset(o), e.reset(I);
-  var T = e.sibling(I, 2), L = e.child(T);
-  L.__click = () => r.toggleMetadataDialog();
-  var A = e.child(L, !0);
-  e.reset(L), e.reset(T), e.reset(_), e.template_effect(
-    (m, O, x) => {
-      _.open = r.showMetadataDialog, e.set_text(v, m), e.set_text(w, O), e.set_text(A, x);
+  var $ = e.sibling(u, 2);
+  e.each($, 17, () => e.get(n), e.index, (b, _) => {
+    var f = Fr(), D = e.first_child(f), V = e.child(D, !0);
+    e.reset(D);
+    var W = e.sibling(D, 2), L = e.child(W);
+    e.html(L, () => e.get(_).value), e.reset(W), e.template_effect(() => e.set_text(V, e.get(_).label)), e.append(b, f);
+  }), e.reset(c), e.reset(k);
+  var d = e.sibling(k, 2), z = e.child(d), S = e.child(z);
+  S.__click = () => r.toggleMetadataDialog();
+  var I = e.child(S, !0);
+  e.reset(S), e.reset(z), e.reset(d), e.reset(M);
+  var G = e.sibling(M, 2), j = e.child(G);
+  j.__click = () => r.toggleMetadataDialog();
+  var w = e.child(j, !0);
+  e.reset(j), e.reset(G), e.reset(y), e.template_effect(
+    (b, _, f) => {
+      y.open = r.showMetadataDialog, e.set_text(p, b), e.set_text(I, _), e.set_text(w, f);
     },
     [
-      () => e.get(s) ? e.get(s).getLabel().length && e.get(s).getLabel()[0] ? e.get(s).getLabel()[0].value : V.metadata_label_fallback() : V.loading(),
-      () => V.close(),
-      () => V.close()
+      () => 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.append(i, _), e.pop();
+  ), e.append(i, y), e.pop();
 }
 e.delegate(["click"]);
 e.create_custom_element(ct, {}, [], [], !0);
-var Rr = e.from_html('<button class="btn btn-sm btn-circle btn-ghost"><!></button>'), Dr = e.from_html('<span class="loading loading-spinner loading-xs"></span>'), Er = e.from_html('<div class="flex justify-center p-8"><span class="loading loading-spinner loading-lg text-primary"></span></div>'), Or = e.from_html('<div class="text-center opacity-50 p-4"> </div>'), Gr = e.from_html('<div class="text-center opacity-50 p-4 text-sm"> </div>'), Vr = 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>'), Fr = e.from_html('<div class="leading-relaxed"> </div>'), Br = 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>'), $r = e.from_html('<div class="text-xs font-bold opacity-50 uppercase tracking-wider pb-2"> </div> <!>', 1), Nr = 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>');
+var Nr = e.from_html('<button class="btn btn-sm btn-circle btn-ghost"><!></button>'), Hr = e.from_html('<span class="loading loading-spinner loading-xs"></span>'), Yr = e.from_html('<div class="flex justify-center p-8"><span class="loading loading-spinner loading-lg text-primary"></span></div>'), Xr = 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>'), Qr = 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>'), Wr = e.from_html('<div class="leading-relaxed"> </div>'), Ur = 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>'), Jr = e.from_html('<div class="text-xs font-bold opacity-50 uppercase tracking-wider pb-2"> </div> <!>', 1), Kr = 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.push(t, !0);
   const r = fe(ce);
   let s = e.state(""), n = e.derived(() => {
-    var R;
-    return ((R = r.config.search) == null ? void 0 : R.showCloseButton) ?? !0;
+    var O;
+    return ((O = r.config.search) == null ? void 0 : O.showCloseButton) ?? !0;
   });
   function a() {
     r.search(e.get(s));
   }
-  function S(R) {
-    R.key === "Enter" && a();
+  function C(O) {
+    O.key === "Enter" && a();
   }
-  function P(R) {
-    const g = r.canvases[R.canvasIndex];
-    g && (r.canvasId = g.id);
+  function m(O) {
+    const v = r.canvases[O.canvasIndex];
+    v && (r.canvasId = v.id);
   }
-  var _ = e.comment(), I = e.first_child(_);
+  var y = e.comment(), M = e.first_child(y);
   {
-    var u = (R) => {
-      var g = Nr(), v = e.child(g), C = e.child(v), h = e.child(C, !0);
-      e.reset(C);
-      var c = e.sibling(C, 2);
+    var g = (O) => {
+      var v = Kr(), p = e.child(v), k = e.child(p), h = e.child(k, !0);
+      e.reset(k);
+      var l = e.sibling(k, 2);
       {
-        var d = (A) => {
-          var m = Rr();
-          m.__click = () => r.toggleSearchPanel();
-          var O = e.child(m);
-          Be(O, { size: 20, weight: "bold" }), e.reset(m), e.template_effect((x) => e.set_attribute(m, "aria-label", x), [() => V.close_search()]), e.append(A, m);
+        var c = (w) => {
+          var b = Nr();
+          b.__click = () => r.toggleSearchPanel();
+          var _ = e.child(b);
+          Xe(_, { size: 20, weight: "bold" }), e.reset(b), e.template_effect((f) => e.set_attribute(b, "aria-label", f), [() => E.close_search()]), e.append(w, b);
         };
-        e.if(c, (A) => {
-          e.get(n) && A(d);
+        e.if(l, (w) => {
+          e.get(n) && w(c);
         });
       }
-      e.reset(v);
-      var z = e.sibling(v, 2), B = e.child(z), E = e.child(B);
-      e.remove_input_defaults(E), E.__keydown = S;
-      var p = e.sibling(E, 2);
-      p.__click = a;
-      var f = e.child(p);
+      e.reset(p);
+      var R = e.sibling(p, 2), T = e.child(R), u = e.child(T);
+      e.remove_input_defaults(u), u.__keydown = C;
+      var A = e.sibling(u, 2);
+      A.__click = a;
+      var $ = e.child(A);
       {
-        var o = (A) => {
-          var m = Dr();
-          e.append(A, m);
-        }, M = (A) => {
-          Ze(A, { size: 20, weight: "bold" });
+        var d = (w) => {
+          var b = Hr();
+          e.append(w, b);
+        }, z = (w) => {
+          Ze(w, { size: 20, weight: "bold" });
         };
-        e.if(f, (A) => {
-          r.isSearching ? A(o) : A(M, !1);
+        e.if($, (w) => {
+          r.isSearching ? w(d) : w(z, !1);
         });
       }
-      e.reset(p), e.reset(B), e.reset(z);
-      var y = e.sibling(z, 2), w = e.child(y);
+      e.reset(A), e.reset(T), e.reset(R);
+      var S = e.sibling(R, 2), I = e.child(S);
       {
-        var T = (A) => {
-          var m = Er();
-          e.append(A, m);
-        }, L = (A) => {
-          var m = e.comment(), O = e.first_child(m);
+        var G = (w) => {
+          var b = Yr();
+          e.append(w, b);
+        }, j = (w) => {
+          var b = e.comment(), _ = e.first_child(b);
           {
-            var x = (W) => {
-              var Q = Or(), j = e.child(Q, !0);
-              e.reset(Q), e.template_effect((G) => e.set_text(j, G), [
-                () => V.search_panel_no_results({ query: r.searchQuery })
-              ]), e.append(W, Q);
-            }, $ = (W) => {
-              var Q = e.comment(), j = e.first_child(Q);
+            var f = (V) => {
+              var W = Xr(), L = e.child(W, !0);
+              e.reset(W), e.template_effect((B) => e.set_text(L, B), [
+                () => E.search_panel_no_results({ query: r.searchQuery })
+              ]), e.append(V, W);
+            }, D = (V) => {
+              var W = e.comment(), L = e.first_child(W);
               {
-                var G = (te) => {
-                  var se = Gr(), ne = e.child(se, !0);
-                  e.reset(se), e.template_effect((ae) => e.set_text(ne, ae), [() => V.search_panel_instruction()]), e.append(te, se);
-                }, q = (te) => {
-                  var se = $r(), ne = e.first_child(se), ae = e.child(ne, !0);
-                  e.reset(ne);
-                  var oe = e.sibling(ne, 2);
-                  e.each(oe, 17, () => r.searchResults, e.index, (l, b) => {
-                    var N = Br();
-                    N.__click = () => P(e.get(b));
-                    var F = e.child(N), ee = e.child(F), X = e.child(ee, !0);
-                    e.reset(ee), e.reset(F);
-                    var H = e.sibling(F, 2);
+                var B = (H) => {
+                  var N = qr(), ie = e.child(N, !0);
+                  e.reset(N), e.template_effect((ae) => e.set_text(ie, ae), [() => E.search_panel_instruction()]), e.append(H, N);
+                }, U = (H) => {
+                  var N = Jr(), ie = e.first_child(N), ae = e.child(ie, !0);
+                  e.reset(ie);
+                  var oe = e.sibling(ie, 2);
+                  e.each(oe, 17, () => r.searchResults, e.index, (o, x) => {
+                    var X = Ur();
+                    X.__click = () => m(e.get(x));
+                    var Y = e.child(X), re = e.child(Y), J = e.child(re, !0);
+                    e.reset(re), e.reset(Y);
+                    var q = e.sibling(Y, 2);
                     {
-                      var J = (Z) => {
-                        var D = Vr(), Y = e.child(D), re = e.child(Y);
-                        e.html(re, () => e.get(b).before), e.reset(Y);
-                        var ie = e.sibling(Y, 2), ue = e.child(ie);
-                        e.html(ue, () => e.get(b).match), e.reset(ie);
-                        var Fe = e.sibling(ie, 2), $e = e.child(Fe);
-                        e.html($e, () => e.get(b).after), e.reset(Fe), e.reset(D), e.append(Z, D);
-                      }, K = (Z) => {
-                        var D = Fr(), Y = e.child(D, !0);
-                        e.reset(D), e.template_effect(() => e.set_text(Y, e.get(b).match)), e.append(Z, D);
+                      var Z = (te) => {
+                        var F = Qr(), Q = e.child(F), se = e.child(Q);
+                        e.html(se, () => e.get(x).before), e.reset(Q);
+                        var ne = e.sibling(Q, 2), ue = e.child(ne);
+                        e.html(ue, () => e.get(x).match), e.reset(ne);
+                        var $e = e.sibling(ne, 2), Fe = e.child($e);
+                        e.html(Fe, () => e.get(x).after), e.reset($e), e.reset(F), e.append(te, F);
+                      }, ee = (te) => {
+                        var F = Wr(), Q = e.child(F, !0);
+                        e.reset(F), e.template_effect(() => e.set_text(Q, e.get(x).match)), e.append(te, F);
                       };
-                      e.if(H, (Z) => {
-                        e.get(b).type === "hit" ? Z(J) : Z(K, !1);
+                      e.if(q, (te) => {
+                        e.get(x).type === "hit" ? te(Z) : te(ee, !1);
                       });
                     }
-                    e.reset(N), e.template_effect(() => e.set_text(X, e.get(b).canvasLabel)), e.append(l, N);
-                  }), e.template_effect((l) => e.set_text(ae, l), [
-                    () => V.search_panel_results_count({ count: r.searchResults.length })
-                  ]), e.append(te, se);
+                    e.reset(X), e.template_effect(() => e.set_text(J, e.get(x).canvasLabel)), e.append(o, X);
+                  }), e.template_effect((o) => e.set_text(ae, o), [
+                    () => E.search_panel_results_count({ count: r.searchResults.length })
+                  ]), e.append(H, N);
                 };
                 e.if(
-                  j,
-                  (te) => {
-                    r.searchResults.length === 0 && !r.searchQuery ? te(G) : te(q, !1);
+                  L,
+                  (H) => {
+                    r.searchResults.length === 0 && !r.searchQuery ? H(B) : H(U, !1);
                   },
                   !0
                 );
               }
-              e.append(W, Q);
+              e.append(V, W);
             };
             e.if(
-              O,
-              (W) => {
-                r.searchResults.length === 0 && r.searchQuery ? W(x) : W($, !1);
+              _,
+              (V) => {
+                r.searchResults.length === 0 && r.searchQuery ? V(f) : V(D, !1);
               },
               !0
             );
           }
-          e.append(A, m);
+          e.append(w, b);
         };
-        e.if(w, (A) => {
-          r.isSearching ? A(T) : A(L, !1);
+        e.if(I, (w) => {
+          r.isSearching ? w(G) : w(j, !1);
         });
       }
-      e.reset(y), e.reset(g), e.template_effect(
-        (A, m, O, x) => {
-          e.set_attribute(g, "aria-label", A), e.set_text(h, m), e.set_attribute(E, "placeholder", O), e.set_attribute(p, "aria-label", x);
+      e.reset(S), e.reset(v), e.template_effect(
+        (w, b, _, f) => {
+          e.set_attribute(v, "aria-label", w), e.set_text(h, b), e.set_attribute(u, "placeholder", _), e.set_attribute(A, "aria-label", f);
         },
         [
-          () => V.search_panel_title(),
-          () => V.search(),
-          () => V.search_panel_placeholder(),
-          () => V.search_panel_title()
+          () => E.search_panel_title(),
+          () => E.search(),
+          () => E.search_panel_placeholder(),
+          () => E.search_panel_title()
         ]
-      ), e.bind_value(E, () => e.get(s), (A) => e.set(s, A)), e.append(R, g);
+      ), e.bind_value(u, () => e.get(s), (w) => e.set(s, w)), e.append(O, v);
     };
-    e.if(I, (R) => {
-      r.showSearchPanel && R(u);
+    e.if(M, (O) => {
+      r.showSearchPanel && O(g);
     });
   }
-  e.append(i, _), e.pop();
+  e.append(i, y), e.pop();
 }
 e.delegate(["click", "keydown"]);
 e.create_custom_element(dt, {}, [], [], !0);
-var Hr = e.from_html('<div class="h-full w-[200px] pointer-events-auto relative"><!></div>'), Yr = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), Xr = e.from_html('<div class="flex-none flex flex-row z-20 bg-base-200 border-r border-base-300 transition-all"><!> <!></div>'), qr = e.from_html('<div class="flex-none h-[140px] w-full pointer-events-auto relative z-20"><!></div>'), Qr = e.from_html('<div class="w-full h-full flex items-center justify-center"><span class="loading loading-spinner loading-lg text-primary"></span></div>'), Wr = e.from_html('<div class="w-full h-full flex items-center justify-center text-error"> </div>'), Ur = e.from_html('<div class="w-full h-full flex items-center justify-center text-base-content/50"> </div>'), Jr = e.from_html('<div class="absolute inset-0 z-40 pointer-events-none"><!></div>'), Kr = e.from_html('<div class="flex-none h-[140px] w-full pointer-events-auto relative z-20"><!></div>'), Zr = e.from_html('<div class="relative w-full z-40 pointer-events-auto"><!></div>'), ei = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), ti = e.from_html('<div class="h-full w-[200px] pointer-events-auto relative"><!></div>'), ri = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), ii = e.from_html('<div class="flex-none flex flex-row z-20 bg-base-200 border-l border-base-300 transition-all"><!> <!> <!></div>'), si = 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 ni(i, t) {
+var Zr = e.from_html('<div class="h-full w-[200px] pointer-events-auto relative"><!></div>'), ei = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), ti = e.from_html('<div class="flex-none flex flex-row z-20 bg-base-200 border-r border-base-300 transition-all"><!> <!></div>'), ri = e.from_html('<div class="flex-none h-[140px] w-full pointer-events-auto relative z-20"><!></div>'), ii = 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>'), si = e.from_html('<div class="w-full h-full flex items-center justify-center text-error"> </div>'), ni = e.from_html('<div class="w-full h-full flex items-center justify-center text-base-content/50"> </div>'), ai = e.from_html('<div class="absolute inset-0 z-40 pointer-events-none"><!></div>'), oi = e.from_html('<div class="flex-none h-[140px] w-full pointer-events-auto relative z-20"><!></div>'), li = e.from_html('<div class="relative w-full z-40 pointer-events-auto"><!></div>'), ci = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), di = e.from_html('<div class="h-full w-[200px] pointer-events-auto relative"><!></div>'), fi = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), ui = e.from_html('<div class="flex-none flex flex-row z-20 bg-base-200 border-l border-base-300 transition-all"><!> <!> <!></div>'), gi = 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 vi(i, t) {
   e.push(t, !0);
-  let r = e.prop(t, "manifestId", 7), s = e.prop(t, "canvasId", 7), n = e.prop(t, "plugins", 23, () => []), a = e.prop(t, "theme", 7), S = e.prop(t, "themeConfig", 7), P = e.prop(t, "config", 23, () => ({})), _ = e.prop(t, "viewerState", 15), I = e.state(void 0);
+  let r = e.prop(t, "manifestId", 7), s = e.prop(t, "canvasId", 7), n = e.prop(t, "plugins", 23, () => []), a = e.prop(t, "theme", 7), C = e.prop(t, "themeConfig", 7), m = e.prop(t, "config", 23, () => ({})), y = e.prop(t, "viewerState", 15), M = e.state(void 0);
   e.user_effect(() => {
-    e.get(I) && qt(e.get(I), a(), S());
+    e.get(M) && qt(e.get(M), a(), C());
   });
-  const u = new Tt(null, void 0, []);
-  _(
-    u
+  const g = new Tt(null, void 0, []);
+  y(
+    g
     // Expose via bindable prop
-  ), vt(ce, u), pt(() => {
-    u.destroyAllPlugins();
+  ), ht(ce, g), pt(() => {
+    g.destroyAllPlugins();
   }), e.user_effect(() => {
-    r() && u.setManifest(r());
+    r() && g.setManifest(r());
   }), e.user_effect(() => {
-    s() && u.setCanvas(s());
+    s() && g.setCanvas(s());
   }), e.user_effect(() => {
-    P() && (console.log("[Viewer] updateConfig called with:", P()), u.updateConfig(P()));
+    m() && (console.log("[Viewer] updateConfig called with:", m()), g.updateConfig(m()));
   }), e.user_effect(() => {
-    for (const l of n())
-      u.registerPlugin(l);
+    for (const o of n())
+      g.registerPlugin(o);
   }), e.user_effect(() => {
-    const l = () => {
-      u.isFullScreen = !!document.fullscreenElement;
+    const o = () => {
+      g.isFullScreen = !!document.fullscreenElement;
     };
-    return document.addEventListener("fullscreenchange", l), () => {
-      document.removeEventListener("fullscreenchange", l);
+    return document.addEventListener("fullscreenchange", o), () => {
+      document.removeEventListener("fullscreenchange", o);
     };
   });
-  let R = e.derived(() => u.showThumbnailGallery && u.dockSide === "left" || u.pluginPanels.some((l) => l.position === "left" && l.isVisible())), g = e.derived(() => u.showSearchPanel || u.showThumbnailGallery && u.dockSide === "right" || u.pluginPanels.some((l) => l.position === "right" && l.isVisible())), v = e.derived(() => u.manifest), C = e.derived(() => u.canvases), h = e.derived(() => u.currentCanvasIndex), c = e.derived(() => {
-    var K, Z;
-    if (!e.get(C) || e.get(h) === -1 || !e.get(C)[e.get(h)])
-      return (K = e.get(v)) != null && K.isFetching || console.log("TriiiceratopsViewer: No canvas found"), null;
-    const l = e.get(C)[e.get(h)];
-    let b = l.getImages();
-    if ((!b || !b.length) && l.getContent && (b = l.getContent()), !b || !b.length)
-      return l.__jsonld && l.__jsonld.items, (Z = e.get(v)) != null && Z.isFetching || console.log("TriiiceratopsViewer: No images/content in canvas"), null;
-    const N = b[0];
-    let F = N.getResource ? N.getResource() : null;
-    if (!F && N.getBody) {
-      const D = N.getBody();
-      Array.isArray(D) && D.length > 0 ? F = D[0] : D && (F = D);
+  let O = e.derived(() => g.showThumbnailGallery && g.dockSide === "left" || g.pluginPanels.some((o) => o.position === "left" && o.isVisible())), v = e.derived(() => g.showSearchPanel || g.showThumbnailGallery && g.dockSide === "right" || g.pluginPanels.some((o) => o.position === "right" && o.isVisible())), p = e.derived(() => g.manifest), k = e.derived(() => g.canvases), h = e.derived(() => g.currentCanvasIndex), l = e.derived(() => {
+    var ee, te;
+    if (!e.get(k) || e.get(h) === -1 || !e.get(k)[e.get(h)])
+      return (ee = e.get(p)) != null && ee.isFetching || console.log("TriiiceratopsViewer: No canvas found"), null;
+    const o = e.get(k)[e.get(h)];
+    let x = o.getImages();
+    if ((!x || !x.length) && o.getContent && (x = o.getContent()), !x || !x.length)
+      return o.__jsonld && o.__jsonld.items, (te = e.get(p)) != null && te.isFetching || console.log("TriiiceratopsViewer: No images/content in canvas"), null;
+    const X = x[0];
+    let Y = X.getResource ? X.getResource() : null;
+    if (!Y && X.getBody) {
+      const F = X.getBody();
+      Array.isArray(F) && F.length > 0 ? Y = F[0] : F && (Y = F);
     }
-    if (F && !F.id && !F.__jsonld && (!F.getServices || F.getServices().length === 0) && (F = null), !F) {
-      const D = N.__jsonld || N;
-      D.body && (F = Array.isArray(D.body) ? D.body[0] : D.body);
+    if (Y && !Y.id && !Y.__jsonld && (!Y.getServices || Y.getServices().length === 0) && (Y = null), !Y) {
+      const F = X.__jsonld || X;
+      F.body && (Y = Array.isArray(F.body) ? F.body[0] : F.body);
     }
-    if (!F)
+    if (!Y)
       return null;
-    const ee = (D) => D.id || D["@id"];
-    let X = [];
-    if (F.getServices && (X = F.getServices()), !X.length) {
-      const D = F.__jsonld || F;
-      D.service && (X = Array.isArray(D.service) ? D.service : [D.service]);
+    const re = (F) => F.id || F["@id"];
+    let J = [];
+    if (Y.getServices && (J = Y.getServices()), !J.length) {
+      const F = Y.__jsonld || Y;
+      F.service && (J = Array.isArray(F.service) ? F.service : [F.service]);
     }
-    if (X.length > 0) {
-      const D = X.find((Y) => {
-        const re = Y.getType ? Y.getType() : Y.type || "", ie = Y.getProfile ? Y.getProfile() : Y.profile || "";
-        return re === "ImageService1" || re === "ImageService2" || re === "ImageService3" || typeof ie == "string" && ie.includes("http://iiif.io/api/image") || typeof ie == "string" && ie === "level0";
+    if (J.length > 0) {
+      const F = J.find((Q) => {
+        const se = Q.getType ? Q.getType() : Q.type || "", ne = Q.getProfile ? Q.getProfile() : Q.profile || "";
+        return se === "ImageService1" || se === "ImageService2" || se === "ImageService3" || typeof ne == "string" && ne.includes("http://iiif.io/api/image") || typeof ne == "string" && ne === "level0";
       });
-      if (D) {
-        let Y = ee(D);
-        return Y && !Y.endsWith("/info.json") && (Y = `${Y}/info.json`), Y;
+      if (F) {
+        let Q = re(F);
+        return Q && !Q.endsWith("/info.json") && (Q = `${Q}/info.json`), Q;
       }
     }
-    const H = ee(F);
-    if (H && H.includes("/iiif/")) {
-      const D = H.split("/"), Y = D.findIndex((re) => re === "full" || re.match(/^\d+,\d+,\d+,\d+$/));
-      if (Y > 0)
-        return `${D.slice(0, Y).join("/")}/info.json`;
+    const q = re(Y);
+    if (q && q.includes("/iiif/")) {
+      const F = q.split("/"), Q = F.findIndex((se) => se === "full" || se.match(/^\d+,\d+,\d+,\d+$/));
+      if (Q > 0)
+        return `${F.slice(0, Q).join("/")}/info.json`;
     }
-    return console.log("TriiiceratopsViewer: No service or ID found, returning raw URL"), { type: "image", url: H };
+    return console.log("TriiiceratopsViewer: No service or ID found, returning raw URL"), { type: "image", url: q };
   });
-  var d = {
+  var c = {
     get manifestId() {
       return r();
     },
-    set manifestId(l) {
-      r(l), e.flush();
+    set manifestId(o) {
+      r(o), e.flush();
     },
     get canvasId() {
       return s();
     },
-    set canvasId(l) {
-      s(l), e.flush();
+    set canvasId(o) {
+      s(o), e.flush();
     },
     get plugins() {
       return n();
     },
-    set plugins(l = []) {
-      n(l), e.flush();
+    set plugins(o = []) {
+      n(o), e.flush();
     },
     get theme() {
       return a();
     },
-    set theme(l) {
-      a(l), e.flush();
+    set theme(o) {
+      a(o), e.flush();
     },
     get themeConfig() {
-      return S();
+      return C();
     },
-    set themeConfig(l) {
-      S(l), e.flush();
+    set themeConfig(o) {
+      C(o), e.flush();
     },
     get config() {
-      return P();
+      return m();
     },
-    set config(l = {}) {
-      P(l), e.flush();
+    set config(o = {}) {
+      m(o), e.flush();
     },
     get viewerState() {
-      return _();
+      return y();
     },
-    set viewerState(l) {
-      _(l), e.flush();
+    set viewerState(o) {
+      y(o), e.flush();
     }
-  }, z = si(), B = e.child(z);
+  }, R = gi(), T = e.child(R);
   {
-    var E = (l) => {
-      var b = Xr(), N = e.child(b);
+    var u = (o) => {
+      var x = ti(), X = e.child(x);
       {
-        var F = (X) => {
-          var H = Hr(), J = e.child(H);
-          de(J, {
+        var Y = (J) => {
+          var q = Zr(), Z = e.child(q);
+          de(Z, {
             get canvases() {
-              return e.get(C);
+              return e.get(k);
             }
-          }), e.reset(H), e.append(X, H);
+          }), e.reset(q), e.append(J, q);
         };
-        e.if(N, (X) => {
-          u.showThumbnailGallery && u.dockSide === "left" && X(F);
+        e.if(X, (J) => {
+          g.showThumbnailGallery && g.dockSide === "left" && J(Y);
         });
       }
-      var ee = e.sibling(N, 2);
-      e.each(ee, 17, () => u.pluginPanels, (X) => X.id, (X, H) => {
-        var J = e.comment(), K = e.first_child(J);
+      var re = e.sibling(X, 2);
+      e.each(re, 17, () => g.pluginPanels, (J) => J.id, (J, q) => {
+        var Z = e.comment(), ee = e.first_child(Z);
         {
-          var Z = (D) => {
-            var Y = Yr(), re = e.child(Y);
-            e.component(re, () => e.get(H).component, (ie, ue) => {
-              ue(ie, e.spread_props(() => e.get(H).props ?? {}));
-            }), e.reset(Y), e.append(D, Y);
+          var te = (F) => {
+            var Q = ei(), se = e.child(Q);
+            e.component(se, () => e.get(q).component, (ne, ue) => {
+              ue(ne, e.spread_props(() => e.get(q).props ?? {}));
+            }), e.reset(Q), e.append(F, Q);
           };
-          e.if(K, (D) => {
-            e.get(H).isVisible() && e.get(H).position === "left" && D(Z);
+          e.if(ee, (F) => {
+            e.get(q).isVisible() && e.get(q).position === "left" && F(te);
           });
         }
-        e.append(X, J);
-      }), e.reset(b), e.append(l, b);
+        e.append(J, Z);
+      }), e.reset(x), e.append(o, x);
     };
-    e.if(B, (l) => {
-      e.get(R) && l(E);
+    e.if(T, (o) => {
+      e.get(O) && o(u);
     });
   }
-  var p = e.sibling(B, 2), f = e.child(p);
+  var A = e.sibling(T, 2), $ = e.child(A);
   {
-    var o = (l) => {
-      var b = qr(), N = e.child(b);
-      de(N, {
+    var d = (o) => {
+      var x = ri(), X = e.child(x);
+      de(X, {
         get canvases() {
-          return e.get(C);
+          return e.get(k);
         }
-      }), e.reset(b), e.append(l, b);
+      }), e.reset(x), e.append(o, x);
     };
-    e.if(f, (l) => {
-      u.showThumbnailGallery && u.dockSide === "top" && l(o);
+    e.if($, (o) => {
+      g.showThumbnailGallery && g.dockSide === "top" && o(d);
     });
   }
-  var M = e.sibling(f, 2), y = e.child(M);
+  var z = e.sibling($, 2), S = e.child(z);
   {
-    var w = (l) => {
-      var b = Qr();
-      e.append(l, b);
-    }, T = (l) => {
-      var b = e.comment(), N = e.first_child(b);
+    var I = (o) => {
+      var x = ii();
+      e.append(o, x);
+    }, G = (o) => {
+      var x = e.comment(), X = e.first_child(x);
       {
-        var F = (X) => {
-          var H = Wr(), J = e.child(H);
-          e.reset(H), e.template_effect(
-            (K) => e.set_text(J, `${K ?? ""}
-                    ${e.get(v).error ?? ""}`),
-            [() => V.error_prefix()]
-          ), e.append(X, H);
-        }, ee = (X) => {
-          var H = e.comment(), J = e.first_child(H);
+        var Y = (J) => {
+          var q = si(), Z = e.child(q);
+          e.reset(q), e.template_effect(
+            (ee) => e.set_text(Z, `${ee ?? ""}
+                    ${e.get(p).error ?? ""}`),
+            [() => E.error_prefix()]
+          ), e.append(J, q);
+        }, re = (J) => {
+          var q = e.comment(), Z = e.first_child(q);
           {
-            var K = (D) => {
-              var Y = e.comment(), re = e.first_child(Y);
-              e.key(re, () => e.get(c), (ie) => {
-                st(ie, {
+            var ee = (F) => {
+              var Q = e.comment(), se = e.first_child(Q);
+              e.key(se, () => e.get(l), (ne) => {
+                st(ne, {
                   get tileSources() {
-                    return e.get(c);
+                    return e.get(l);
                   },
                   get viewerState() {
-                    return u;
+                    return g;
                   }
                 });
-              }), e.append(D, Y);
-            }, Z = (D) => {
-              var Y = Ur(), re = e.child(Y, !0);
-              e.reset(Y), e.template_effect((ie) => e.set_text(re, ie), [() => V.no_image_found()]), e.append(D, Y);
+              }), e.append(F, Q);
+            }, te = (F) => {
+              var Q = ni(), se = e.child(Q, !0);
+              e.reset(Q), e.template_effect((ne) => e.set_text(se, ne), [() => E.no_image_found()]), e.append(F, Q);
             };
             e.if(
-              J,
-              (D) => {
-                e.get(c) ? D(K) : D(Z, !1);
+              Z,
+              (F) => {
+                e.get(l) ? F(ee) : F(te, !1);
               },
               !0
             );
           }
-          e.append(X, H);
+          e.append(J, q);
         };
         e.if(
-          N,
-          (X) => {
-            var H;
-            (H = e.get(v)) != null && H.error ? X(F) : X(ee, !1);
+          X,
+          (J) => {
+            var q;
+            (q = e.get(p)) != null && q.error ? J(Y) : J(re, !1);
           },
           !0
         );
       }
-      e.append(l, b);
+      e.append(o, x);
     };
-    e.if(y, (l) => {
-      var b;
-      (b = e.get(v)) != null && b.isFetching ? l(w) : l(T, !1);
+    e.if(S, (o) => {
+      var x;
+      (x = e.get(p)) != null && x.isFetching ? o(I) : o(G, !1);
     });
   }
-  var L = e.sibling(y, 2);
-  at(L, {});
-  var A = e.sibling(L, 2);
-  ct(A, {});
-  var m = e.sibling(A, 2);
+  var j = e.sibling(S, 2);
+  at(j, {});
+  var w = e.sibling(j, 2);
+  ct(w, {});
+  var b = e.sibling(w, 2);
   {
-    var O = (l) => {
-      ot(l, {});
+    var _ = (o) => {
+      ot(o, {});
     };
-    e.if(m, (l) => {
-      u.showRightMenu && l(O);
+    e.if(b, (o) => {
+      g.showRightMenu && o(_);
     });
   }
-  var x = e.sibling(m, 2);
+  var f = e.sibling(b, 2);
   {
-    var $ = (l) => {
-      lt(l, {});
+    var D = (o) => {
+      lt(o, {});
     };
-    e.if(x, (l) => {
-      u.showLeftMenu && l($);
+    e.if(f, (o) => {
+      g.showLeftMenu && o(D);
     });
   }
-  var W = e.sibling(x, 2);
-  e.each(W, 17, () => u.pluginPanels, (l) => l.id, (l, b) => {
-    var N = e.comment(), F = e.first_child(N);
+  var V = e.sibling(f, 2);
+  e.each(V, 17, () => g.pluginPanels, (o) => o.id, (o, x) => {
+    var X = e.comment(), Y = e.first_child(X);
     {
-      var ee = (X) => {
-        var H = Jr(), J = e.child(H);
-        e.component(J, () => e.get(b).component, (K, Z) => {
-          Z(K, e.spread_props(() => e.get(b).props ?? {}));
-        }), e.reset(H), e.append(X, H);
+      var re = (J) => {
+        var q = ai(), Z = e.child(q);
+        e.component(Z, () => e.get(x).component, (ee, te) => {
+          te(ee, e.spread_props(() => e.get(x).props ?? {}));
+        }), e.reset(q), e.append(J, q);
       };
-      e.if(F, (X) => {
-        e.get(b).isVisible() && e.get(b).position === "overlay" && X(ee);
+      e.if(Y, (J) => {
+        e.get(x).isVisible() && e.get(x).position === "overlay" && J(re);
       });
     }
-    e.append(l, N);
+    e.append(o, X);
   });
-  var Q = e.sibling(W, 2);
+  var W = e.sibling(V, 2);
   {
-    var j = (l) => {
-      nt(l, {
+    var L = (o) => {
+      nt(o, {
         get viewerState() {
-          return u;
+          return g;
         }
       });
     };
-    e.if(Q, (l) => {
-      e.get(C).length > 1 && u.showCanvasNav && l(j);
+    e.if(W, (o) => {
+      e.get(k).length > 1 && g.showCanvasNav && o(L);
     });
   }
-  var G = e.sibling(Q, 2);
+  var B = e.sibling(W, 2);
   {
-    var q = (l) => {
-      de(l, {
+    var U = (o) => {
+      de(o, {
         get canvases() {
-          return e.get(C);
+          return e.get(k);
         }
       });
     };
-    e.if(G, (l) => {
-      u.showThumbnailGallery && u.dockSide === "none" && l(q);
+    e.if(B, (o) => {
+      g.showThumbnailGallery && g.dockSide === "none" && o(U);
     });
   }
-  e.reset(M);
-  var te = e.sibling(M, 2);
+  e.reset(z);
+  var H = e.sibling(z, 2);
   {
-    var se = (l) => {
-      var b = Kr(), N = e.child(b);
-      de(N, {
+    var N = (o) => {
+      var x = oi(), X = e.child(x);
+      de(X, {
         get canvases() {
-          return e.get(C);
+          return e.get(k);
         }
-      }), e.reset(b), e.append(l, b);
+      }), e.reset(x), e.append(o, x);
     };
-    e.if(te, (l) => {
-      u.showThumbnailGallery && u.dockSide === "bottom" && l(se);
+    e.if(H, (o) => {
+      g.showThumbnailGallery && g.dockSide === "bottom" && o(N);
     });
   }
-  var ne = e.sibling(te, 2);
-  e.each(ne, 17, () => u.pluginPanels, (l) => l.id, (l, b) => {
-    var N = e.comment(), F = e.first_child(N);
+  var ie = e.sibling(H, 2);
+  e.each(ie, 17, () => g.pluginPanels, (o) => o.id, (o, x) => {
+    var X = e.comment(), Y = e.first_child(X);
     {
-      var ee = (X) => {
-        var H = Zr(), J = e.child(H);
-        e.component(J, () => e.get(b).component, (K, Z) => {
-          Z(K, e.spread_props(() => e.get(b).props ?? {}));
-        }), e.reset(H), e.append(X, H);
+      var re = (J) => {
+        var q = li(), Z = e.child(q);
+        e.component(Z, () => e.get(x).component, (ee, te) => {
+          te(ee, e.spread_props(() => e.get(x).props ?? {}));
+        }), e.reset(q), e.append(J, q);
       };
-      e.if(F, (X) => {
-        e.get(b).isVisible() && e.get(b).position === "bottom" && X(ee);
+      e.if(Y, (J) => {
+        e.get(x).isVisible() && e.get(x).position === "bottom" && J(re);
       });
     }
-    e.append(l, N);
-  }), e.reset(p);
-  var ae = e.sibling(p, 2);
+    e.append(o, X);
+  }), e.reset(A);
+  var ae = e.sibling(A, 2);
   {
-    var oe = (l) => {
-      var b = ii(), N = e.child(b);
+    var oe = (o) => {
+      var x = ui(), X = e.child(x);
       {
-        var F = (J) => {
-          var K = ei(), Z = e.child(K);
-          dt(Z, {}), e.reset(K), e.append(J, K);
+        var Y = (Z) => {
+          var ee = ci(), te = e.child(ee);
+          dt(te, {}), e.reset(ee), e.append(Z, ee);
         };
-        e.if(N, (J) => {
-          u.showSearchPanel && J(F);
+        e.if(X, (Z) => {
+          g.showSearchPanel && Z(Y);
         });
       }
-      var ee = e.sibling(N, 2);
+      var re = e.sibling(X, 2);
       {
-        var X = (J) => {
-          var K = ti(), Z = e.child(K);
-          de(Z, {
+        var J = (Z) => {
+          var ee = di(), te = e.child(ee);
+          de(te, {
             get canvases() {
-              return e.get(C);
+              return e.get(k);
             }
-          }), e.reset(K), e.append(J, K);
+          }), e.reset(ee), e.append(Z, ee);
         };
-        e.if(ee, (J) => {
-          u.showThumbnailGallery && u.dockSide === "right" && J(X);
+        e.if(re, (Z) => {
+          g.showThumbnailGallery && g.dockSide === "right" && Z(J);
         });
       }
-      var H = e.sibling(ee, 2);
-      e.each(H, 17, () => u.pluginPanels, (J) => J.id, (J, K) => {
-        var Z = e.comment(), D = e.first_child(Z);
+      var q = e.sibling(re, 2);
+      e.each(q, 17, () => g.pluginPanels, (Z) => Z.id, (Z, ee) => {
+        var te = e.comment(), F = e.first_child(te);
         {
-          var Y = (re) => {
-            var ie = ri(), ue = e.child(ie);
-            e.component(ue, () => e.get(K).component, (Fe, $e) => {
-              $e(Fe, e.spread_props(() => e.get(K).props ?? {}));
-            }), e.reset(ie), e.append(re, ie);
+          var Q = (se) => {
+            var ne = fi(), ue = e.child(ne);
+            e.component(ue, () => e.get(ee).component, ($e, Fe) => {
+              Fe($e, e.spread_props(() => e.get(ee).props ?? {}));
+            }), e.reset(ne), e.append(se, ne);
           };
-          e.if(D, (re) => {
-            e.get(K).isVisible() && e.get(K).position === "right" && re(Y);
+          e.if(F, (se) => {
+            e.get(ee).isVisible() && e.get(ee).position === "right" && se(Q);
           });
         }
-        e.append(J, Z);
-      }), e.reset(b), e.append(l, b);
+        e.append(Z, te);
+      }), e.reset(x), e.append(o, x);
     };
-    e.if(ae, (l) => {
-      e.get(g) && l(oe);
+    e.if(ae, (o) => {
+      e.get(v) && o(oe);
     });
   }
-  return e.reset(z), e.bind_this(z, (l) => e.set(I, l), () => e.get(I)), e.append(i, z), e.pop(d);
+  return e.reset(R), e.bind_this(R, (o) => e.set(M, o), () => e.get(M)), e.append(i, R), e.pop(c);
 }
 e.create_custom_element(
-  ni,
+  vi,
   {
     manifestId: {},
     canvasId: {},
@@ -2445,18 +2510,18 @@ e.create_custom_element(
   !0
 );
 export {
-  zi as BasePlugin,
+  Ei as BasePlugin,
   zt as DAISYUI_THEMES,
   Mt as ManifestsState,
-  ni as TriiiceratopsViewer,
+  vi as TriiiceratopsViewer,
   ce as VIEWER_STATE_KEY,
   Tt as ViewerState,
   Ht as applyBuiltInTheme,
   qt as applyTheme,
   Yt as applyThemeConfig,
   Xt as clearThemeConfig,
-  Ft as hexToOklch,
-  ki as isBuiltInTheme,
-  $t as normalizeColor,
-  Pi as parseThemeConfig
+  $t as hexToOklch,
+  Di as isBuiltInTheme,
+  Vt as normalizeColor,
+  Gi as parseThemeConfig
 };