triiiceratops 0.3.4 → 0.4.0

package/dist/triiiceratops.js

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