triiiceratops 0.11.2 → 0.12.0

package/dist/X-Bn7S7vUL.js

@@ -0,0 +1,963 @@
+var Ve = Object.defineProperty;
+var pe = (i) => {
+  throw TypeError(i);
+};
+var Te = (i, e, s) => e in i ? Ve(i, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : i[e] = s;
+var O = (i, e, s) => Te(i, typeof e != "symbol" ? e + "" : e, s), Be = (i, e, s) => e.has(i) || pe("Cannot " + s);
+var a = (i, e, s) => (Be(i, e, "read from private field"), s ? s.call(i) : e.get(i)), h = (i, e, s) => e.has(i) ? pe("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(i) : e.set(i, s);
+import * as t from "svelte/internal/client";
+import { SvelteMap as fe, SvelteSet as De } from "svelte/reactivity";
+import * as Ge from "manifesto.js";
+import "svelte/internal/disclose-version";
+import { hasContext as Re, getContext as je } from "svelte";
+var T;
+class ze {
+  constructor() {
+    h(this, T, t.state(t.proxy({})));
+    O(this, "userAnnotations", new fe());
+  }
+  get manifests() {
+    return t.get(a(this, T));
+  }
+  set manifests(e) {
+    t.set(a(this, T), e, !0);
+  }
+  // === User Annotations API ===
+  userAnnotationKey(e, s) {
+    return `${e}::${s}`;
+  }
+  setUserAnnotations(e, s, n) {
+    const r = this.userAnnotationKey(e, s);
+    this.userAnnotations.set(r, n);
+  }
+  clearUserAnnotations(e, s) {
+    const n = this.userAnnotationKey(e, s);
+    this.userAnnotations.has(n) && this.userAnnotations.delete(n);
+  }
+  getUserAnnotations(e, s) {
+    const n = this.userAnnotationKey(e, s);
+    return this.userAnnotations.get(n) ?? [];
+  }
+  // === Manifest Fetching ===
+  async fetchManifest(e) {
+    if (!this.manifests[e]) {
+      this.manifests[e] = { isFetching: !0 };
+      try {
+        const s = await fetch(e);
+        if (!s.ok)
+          throw new Error(`HTTP error! status: ${s.status}`);
+        const n = await s.json(), r = Ge.parseManifest(n);
+        this.manifests[e] = { json: n, manifesto: r, isFetching: !1 };
+      } catch (s) {
+        this.manifests[e] = { error: s.message, isFetching: !1 };
+      }
+    }
+  }
+  getManifest(e) {
+    const s = this.manifests[e];
+    return s == null ? void 0 : s.manifesto;
+  }
+  getManifestEntry(e) {
+    return this.manifests[e];
+  }
+  async fetchAnnotationList(e) {
+    if (!this.manifests[e])
+      try {
+        const s = await fetch(e);
+        if (s.ok) {
+          const n = await s.json();
+          this.manifests[e] = { json: n };
+        } else
+          console.error(`Failed to fetch annotation list: ${e}`);
+      } catch (s) {
+        console.error(`Error fetching annotation list: ${e}`, s);
+      }
+  }
+  getCanvases(e) {
+    const s = this.getManifest(e);
+    if (!s)
+      return [];
+    const n = s.getSequences();
+    return !n || !n.length ? [] : n[0].getCanvases();
+  }
+  getAnnotations(e, s) {
+    const n = this.manualGetAnnotations(e, s), r = this.getUserAnnotations(e, s);
+    return [...n, ...r];
+  }
+  // We can refactor this to use Manifesto's resource handling later if needed.
+  manualGetAnnotations(e, s) {
+    const n = this.getManifest(e);
+    if (!n) return [];
+    const r = n.getSequences()[0].getCanvasById(s);
+    if (!r) return [];
+    const u = r.__jsonld, p = [], S = (c) => c.resources || c.items || [];
+    return u.otherContent && u.otherContent.forEach((c) => {
+      const m = c["@id"] || c.id;
+      if (m && !c.resources) {
+        const w = this.manifests[m];
+        if (w) {
+          if (w.json) {
+            const y = S(w.json);
+            p.push(...y);
+          }
+        } else
+          this.fetchAnnotationList(m);
+      } else c.resources && p.push(...c.resources);
+    }), u.annotations && u.annotations.forEach((c) => {
+      const m = c.id || c["@id"];
+      if (m && !c.items) {
+        const w = this.manifests[m];
+        if (w) {
+          if (w.json) {
+            const y = S(w.json);
+            p.push(...y);
+          }
+        } else
+          this.fetchAnnotationList(m);
+      } else c.items && p.push(...c.items);
+    }), p;
+  }
+}
+T = new WeakMap();
+const k = new ze();
+var B, D, G, R, j, z, F, Q, Z, $, H, N, U, q, K, W, J, X, Y, ee, te, se, ne, ae, ie, re, oe;
+class ot {
+  constructor(e = null, s = null, n = []) {
+    h(this, B, t.state(null));
+    h(this, D, t.state(null));
+    h(this, G, t.state(!1));
+    h(this, R, t.state(!1));
+    h(this, j, t.state(!1));
+    h(this, z, t.state(!1));
+    h(this, F, t.state(!1));
+    h(this, Q, t.state(!1));
+    h(this, Z, t.state(!1));
+    h(this, $, t.state("bottom"));
+    O(this, "visibleAnnotationIds", new De());
+    h(this, H, t.state(t.proxy({})));
+    h(
+      this,
+      N,
+      // Pairing offset for paged mode: 0 = default (pairs start at 1+2), 1 = shifted (page 1 alone, pairs start at 2+3)
+      t.state(0)
+    );
+    h(this, U, t.state(t.proxy({ x: 20, y: 100 })));
+    h(this, q, t.state(t.proxy({ width: 300, height: 400 })));
+    h(this, K, t.state(!1));
+    h(this, W, t.state(t.proxy({ x: 0, y: 0 })));
+    h(this, J, t.state(null));
+    h(this, X, t.state(null));
+    O(this, "eventTarget", null);
+    /**
+     * Reference to the main viewer DOM element.
+     * Used for fullscreen toggling.
+     */
+    O(this, "viewerElement", null);
+    h(this, Y, t.state(""));
+    h(this, ee, t.state(null));
+    h(this, te, t.state(t.proxy([])));
+    h(this, se, t.state(!1));
+    h(this, ne, t.state(!1));
+    h(this, ae, t.state(t.proxy([])));
+    h(
+      this,
+      ie,
+      // ==================== PLUGIN STATE ====================
+      /** Plugin-registered menu buttons */
+      t.state(t.proxy([]))
+    );
+    h(this, re, t.state(t.proxy([])));
+    h(this, oe, t.state(null));
+    O(this, "pluginEventHandlers", new fe());
+    this.manifestId = e || null, this.canvasId = s || null, this.manifestId && k.fetchManifest(this.manifestId);
+    for (const r of n)
+      this.registerPlugin(r);
+  }
+  get manifestId() {
+    return t.get(a(this, B));
+  }
+  set manifestId(e) {
+    t.set(a(this, B), e, !0);
+  }
+  get canvasId() {
+    return t.get(a(this, D));
+  }
+  set canvasId(e) {
+    t.set(a(this, D), e, !0);
+  }
+  get showAnnotations() {
+    return t.get(a(this, G));
+  }
+  set showAnnotations(e) {
+    t.set(a(this, G), e, !0);
+  }
+  get showThumbnailGallery() {
+    return t.get(a(this, R));
+  }
+  set showThumbnailGallery(e) {
+    t.set(a(this, R), e, !0);
+  }
+  get toolbarOpen() {
+    return t.get(a(this, j));
+  }
+  set toolbarOpen(e) {
+    t.set(a(this, j), e, !0);
+  }
+  get isGalleryDockedBottom() {
+    return t.get(a(this, z));
+  }
+  set isGalleryDockedBottom(e) {
+    t.set(a(this, z), e, !0);
+  }
+  get isGalleryDockedRight() {
+    return t.get(a(this, F));
+  }
+  set isGalleryDockedRight(e) {
+    t.set(a(this, F), e, !0);
+  }
+  get isFullScreen() {
+    return t.get(a(this, Q));
+  }
+  set isFullScreen(e) {
+    t.set(a(this, Q), e, !0);
+  }
+  get showMetadataDialog() {
+    return t.get(a(this, Z));
+  }
+  set showMetadataDialog(e) {
+    t.set(a(this, Z), e, !0);
+  }
+  get dockSide() {
+    return t.get(a(this, $));
+  }
+  set dockSide(e) {
+    t.set(a(this, $), e, !0);
+  }
+  get config() {
+    return t.get(a(this, H));
+  }
+  set config(e) {
+    t.set(a(this, H), e, !0);
+  }
+  get showToggle() {
+    return this.config.showToggle ?? !0;
+  }
+  get showCanvasNav() {
+    return this.config.showCanvasNav ?? !0;
+  }
+  get showZoomControls() {
+    return this.config.showZoomControls ?? !0;
+  }
+  get galleryFixedHeight() {
+    var e;
+    return ((e = this.config.gallery) == null ? void 0 : e.fixedHeight) ?? 120;
+  }
+  get viewingMode() {
+    return this.config.viewingMode ?? "individuals";
+  }
+  set viewingMode(e) {
+    this.config.viewingMode = e;
+  }
+  get pagedOffset() {
+    return t.get(a(this, N));
+  }
+  set pagedOffset(e) {
+    t.set(a(this, N), e, !0);
+  }
+  get galleryPosition() {
+    return t.get(a(this, U));
+  }
+  set galleryPosition(e) {
+    t.set(a(this, U), e, !0);
+  }
+  get gallerySize() {
+    return t.get(a(this, q));
+  }
+  set gallerySize(e) {
+    t.set(a(this, q), e, !0);
+  }
+  get isGalleryDragging() {
+    return t.get(a(this, K));
+  }
+  set isGalleryDragging(e) {
+    t.set(a(this, K), e, !0);
+  }
+  get galleryDragOffset() {
+    return t.get(a(this, W));
+  }
+  set galleryDragOffset(e) {
+    t.set(a(this, W), e, !0);
+  }
+  get dragOverSide() {
+    return t.get(a(this, J));
+  }
+  set dragOverSide(e) {
+    t.set(a(this, J), e, !0);
+  }
+  get galleryCenterPanelRect() {
+    return t.get(a(this, X));
+  }
+  set galleryCenterPanelRect(e) {
+    t.set(a(this, X), e, !0);
+  }
+  setEventTarget(e) {
+    this.eventTarget = e;
+  }
+  /**
+   * Get current state as a plain object snapshot.
+   * Safe to use outside Svelte's reactive system.
+   * NOTE: We calculate currentCanvasIndex inline to avoid triggering the canvases getter
+   * which can cause infinite loops when it auto-sets canvasId.
+   */
+  getSnapshot() {
+    let e = -1;
+    return this.manifestId && this.canvasId && (e = k.getCanvases(this.manifestId).findIndex((n) => (n.id || n["@id"] || (n.getCanvasId ? n.getCanvasId() : null) || (n.getId ? n.getId() : null)) === this.canvasId)), {
+      manifestId: this.manifestId,
+      canvasId: this.canvasId,
+      currentCanvasIndex: e,
+      showAnnotations: this.showAnnotations,
+      showThumbnailGallery: this.showThumbnailGallery,
+      showSearchPanel: this.showSearchPanel,
+      toolbarOpen: this.toolbarOpen,
+      searchQuery: this.searchQuery,
+      isFullScreen: this.isFullScreen,
+      dockSide: this.dockSide,
+      viewingMode: this.viewingMode,
+      galleryPosition: this.galleryPosition,
+      gallerySize: this.gallerySize
+    };
+  }
+  /**
+   * Dispatch a state change event to the web component.
+   * No-op if eventTarget is null (Svelte component usage).
+   *
+   * Uses queueMicrotask to dispatch asynchronously AFTER the current
+   * reactive cycle completes, preventing infinite update loops.
+   */
+  dispatchStateChange(e = "statechange") {
+    console.log(`[ViewerState] Dispatching ${e}`, JSON.stringify(this.getSnapshot())), this.eventTarget && queueMicrotask(() => {
+      var s;
+      (s = this.eventTarget) == null || s.dispatchEvent(new CustomEvent(e, { detail: this.getSnapshot(), bubbles: !0, composed: !0 }));
+    });
+  }
+  get manifest() {
+    return this.manifestId ? k.getManifest(this.manifestId) : null;
+  }
+  get manifestEntry() {
+    return this.manifestId ? k.getManifestEntry(this.manifestId) : null;
+  }
+  get canvases() {
+    return this.manifestId ? k.getCanvases(this.manifestId) : [];
+  }
+  get currentCanvasIndex() {
+    return this.canvasId ? this.canvases.findIndex((e) => (e.id || e["@id"] || (e.getCanvasId ? e.getCanvasId() : null) || (e.getId ? e.getId() : null)) === this.canvasId) : this.canvases.length > 0 ? 0 : -1;
+  }
+  get hasNext() {
+    if (this.viewingMode === "paged") {
+      const e = this.pagedOffset;
+      return this.currentCanvasIndex < e ? this.currentCanvasIndex < this.canvases.length - 1 : this.currentCanvasIndex < this.canvases.length - 2;
+    } else
+      return this.currentCanvasIndex < this.canvases.length - 1;
+  }
+  get hasPrevious() {
+    return this.currentCanvasIndex > 0;
+  }
+  nextCanvas() {
+    if (this.hasNext)
+      if (this.viewingMode === "paged") {
+        const e = this.pagedOffset, s = this.currentCanvasIndex < e ? this.currentCanvasIndex + 1 : this.currentCanvasIndex + 2, n = this.canvases[s];
+        this.setCanvas(n.id);
+      } else {
+        const e = this.currentCanvasIndex + 1, s = this.canvases[e];
+        this.setCanvas(s.id);
+      }
+  }
+  previousCanvas() {
+    if (this.hasPrevious)
+      if (this.viewingMode === "paged") {
+        const e = this.pagedOffset;
+        let s;
+        this.currentCanvasIndex <= e ? s = this.currentCanvasIndex - 1 : s = Math.max(this.currentCanvasIndex - 2, e);
+        const n = this.canvases[s];
+        this.setCanvas(n.id);
+      } else {
+        const e = this.currentCanvasIndex - 1, s = this.canvases[e];
+        this.setCanvas(s.id);
+      }
+  }
+  zoomIn() {
+    this.osdViewer && this.osdViewer.viewport && (this.osdViewer.viewport.zoomBy(1.2), this.osdViewer.viewport.applyConstraints());
+  }
+  zoomOut() {
+    this.osdViewer && this.osdViewer.viewport && (this.osdViewer.viewport.zoomBy(0.8), this.osdViewer.viewport.applyConstraints());
+  }
+  setManifest(e) {
+    this.manifestId = e, this.canvasId = null, k.fetchManifest(e), this.dispatchStateChange("manifestchange");
+  }
+  setCanvas(e) {
+    this.canvasId = e, this.dispatchStateChange("canvaschange");
+  }
+  updateConfig(e) {
+    var n;
+    const s = this.config;
+    if (this.config = e, e.toolbarOpen !== void 0 && (this.toolbarOpen = e.toolbarOpen), e.viewingMode && (this.viewingMode = e.viewingMode), e.gallery && (e.gallery.open !== void 0 && (this.showThumbnailGallery = e.gallery.open), e.gallery.dockPosition !== void 0 && (this.dockSide = e.gallery.dockPosition), e.gallery.width !== void 0 && (this.gallerySize.width = e.gallery.width), e.gallery.height !== void 0 && (this.gallerySize.height = e.gallery.height), e.gallery.x !== void 0 && (this.galleryPosition.x = e.gallery.x), e.gallery.y !== void 0 && (this.galleryPosition.y = e.gallery.y)), e.search) {
+      e.search.open !== void 0 && (this.showSearchPanel = e.search.open);
+      const r = e.search.query, u = (n = s.search) == null ? void 0 : n.query;
+      r !== void 0 && r !== u && r !== this.searchQuery && this._performSearch(r);
+    }
+    e.annotations && e.annotations.open !== void 0 && (this.showAnnotations = e.annotations.open);
+  }
+  toggleAnnotations() {
+    this.showAnnotations = !this.showAnnotations, this.dispatchStateChange();
+  }
+  toggleToolbar() {
+    this.toolbarOpen = !this.toolbarOpen, this.dispatchStateChange();
+  }
+  toggleThumbnailGallery() {
+    this.showThumbnailGallery = !this.showThumbnailGallery, this.dispatchStateChange();
+  }
+  setViewerElement(e) {
+    this.viewerElement = e;
+  }
+  toggleFullScreen() {
+    if (document.fullscreenElement)
+      document.exitFullscreen();
+    else {
+      const e = this.viewerElement || document.getElementById("triiiceratops-viewer");
+      e ? e.requestFullscreen().catch((s) => {
+        console.warn("Fullscreen request failed", s);
+      }) : console.warn("Cannot toggle fullscreen: Viewer element not found");
+    }
+  }
+  toggleMetadataDialog() {
+    this.showMetadataDialog = !this.showMetadataDialog;
+  }
+  setViewingMode(e) {
+    if (this.viewingMode = e, e === "paged") {
+      const s = this.pagedOffset;
+      if (this.currentCanvasIndex >= s && (this.currentCanvasIndex - s) % 2 === 1) {
+        const r = this.currentCanvasIndex - 1, u = this.canvases[r];
+        this.setCanvas(u.id);
+      }
+    }
+    this.dispatchStateChange();
+  }
+  togglePagedOffset() {
+    this.pagedOffset = this.pagedOffset === 0 ? 1 : 0;
+    const e = this.pagedOffset;
+    if (this.currentCanvasIndex >= e && (this.currentCanvasIndex - e) % 2 === 1) {
+      const n = this.currentCanvasIndex - 1, r = this.canvases[n];
+      this.setCanvas(r.id);
+    }
+    this.dispatchStateChange();
+  }
+  get searchQuery() {
+    return t.get(a(this, Y));
+  }
+  set searchQuery(e) {
+    t.set(a(this, Y), e, !0);
+  }
+  get pendingSearchQuery() {
+    return t.get(a(this, ee));
+  }
+  set pendingSearchQuery(e) {
+    t.set(a(this, ee), e, !0);
+  }
+  get searchResults() {
+    return t.get(a(this, te));
+  }
+  set searchResults(e) {
+    t.set(a(this, te), e, !0);
+  }
+  get isSearching() {
+    return t.get(a(this, se));
+  }
+  set isSearching(e) {
+    t.set(a(this, se), e, !0);
+  }
+  get showSearchPanel() {
+    return t.get(a(this, ne));
+  }
+  set showSearchPanel(e) {
+    t.set(a(this, ne), e, !0);
+  }
+  toggleSearchPanel() {
+    this.showSearchPanel = !this.showSearchPanel, this.showSearchPanel || (this.searchAnnotations = []), this.dispatchStateChange();
+  }
+  get searchAnnotations() {
+    return t.get(a(this, ae));
+  }
+  set searchAnnotations(e) {
+    t.set(a(this, ae), e, !0);
+  }
+  get currentCanvasSearchAnnotations() {
+    if (!this.canvasId) return [];
+    if (this.viewingMode === "paged") {
+      let e = this.searchAnnotations.filter((r) => r.canvasId === this.canvasId);
+      const s = this.currentCanvasIndex, n = this.pagedOffset;
+      if (s >= n) {
+        const r = s + 1;
+        if (r < this.canvases.length) {
+          const u = this.canvases[r], p = u.id || u["@id"], c = this.canvases[s].getWidth() * 1.025, w = this.searchAnnotations.filter((y) => y.canvasId === p).map((y) => {
+            const C = y.on.split("#xywh="), b = C[1].split(",").map(Number), E = b[0] + c;
+            return {
+              ...y,
+              on: `${C[0]}#xywh=${E},${b[1]},${b[2]},${b[3]}`
+            };
+          });
+          e = e.concat(w);
+        }
+      }
+      return e;
+    } else
+      return this.searchAnnotations.filter((e) => e.canvasId === this.canvasId);
+  }
+  async search(e) {
+    this.dispatchStateChange(), await this._performSearch(e), this.dispatchStateChange();
+  }
+  async _performSearch(e) {
+    var s, n;
+    if (e.trim()) {
+      this.isSearching = !0, this.searchQuery = e, this.searchResults = [];
+      try {
+        const r = this.manifest;
+        if (!r) {
+          console.log("[ViewerState] Manifest not loaded, deferring search:", e), this.pendingSearchQuery = e;
+          return;
+        }
+        let u = r.getService("http://iiif.io/api/search/1/search") || r.getService("http://iiif.io/api/search/0/search");
+        if (u || r.__jsonld && r.__jsonld.service && (u = (Array.isArray(r.__jsonld.service) ? r.__jsonld.service : [r.__jsonld.service]).find((g) => g.profile === "http://iiif.io/api/search/1/search" || g.profile === "http://iiif.io/api/search/0/search")), !u) {
+          console.warn("No IIIF search service found in manifest"), this.isSearching = !1;
+          return;
+        }
+        const S = `${u.id || u["@id"]}?q=${encodeURIComponent(e)}`, c = await fetch(S);
+        if (!c.ok) throw new Error("Search request failed");
+        const m = await c.json(), w = m.resources || [], y = new fe(), C = (o) => {
+          const g = typeof o == "string" ? o : o["@id"] || o.id;
+          if (!g) return null;
+          const d = g.split("#xywh=");
+          if (d.length < 2) return null;
+          const x = d[1].split(",").map(Number);
+          return x.length === 4 ? x : null;
+        }, b = (o) => o ? o.replace(/&lt;mark&gt;/g, "<mark>").replace(/&lt;\/mark&gt;/g, "</mark>") : "";
+        if (m.hits)
+          for (const o of m.hits) {
+            const g = o.annotations || [];
+            let d = -1, x = null;
+            const I = [];
+            for (const l of g) {
+              const f = w.find((v) => v["@id"] === l || v.id === l);
+              if (f && f.on) {
+                const v = typeof f.on == "string" ? f.on : f.on["@id"] || f.on.id, ue = v.split("#")[0], V = C(v), A = this.canvases.findIndex((_) => _.id === ue);
+                A >= 0 && (d === -1 && (d = A), V && (I.push(V), x || (x = V)));
+              }
+            }
+            if (d >= 0) {
+              if (!y.has(d)) {
+                const l = this.canvases[d];
+                let f = "Canvas " + (d + 1);
+                try {
+                  if (l.getLabel) {
+                    const v = l.getLabel();
+                    Array.isArray(v) && v.length > 0 ? f = v[0].value : typeof v == "string" && (f = v);
+                  } else l.label && (typeof l.label == "string" ? f = l.label : Array.isArray(l.label) && (f = (s = l.label[0]) == null ? void 0 : s.value));
+                } catch {
+                }
+                y.set(d, { canvasIndex: d, canvasLabel: String(f), hits: [] });
+              }
+              y.get(d).hits.push({
+                type: "hit",
+                before: b(o.before),
+                match: b(o.match),
+                after: b(o.after),
+                bounds: x,
+                allBounds: I
+              });
+            }
+          }
+        else if (w.length > 0)
+          for (const o of w) {
+            const g = typeof o.on == "string" ? o.on : o.on["@id"] || o.on.id, d = g.split("#")[0], x = C(g), I = this.canvases.findIndex((l) => l.id === d);
+            if (I >= 0) {
+              const l = this.canvases[I];
+              let f = "Canvas " + (I + 1);
+              try {
+                if (l.getLabel) {
+                  const v = l.getLabel();
+                  Array.isArray(v) && v.length > 0 ? f = v[0].value : typeof v == "string" && (f = v);
+                } else l.label && (typeof l.label == "string" ? f = l.label : Array.isArray(l.label) && (f = (n = l.label[0]) == null ? void 0 : n.value));
+              } catch {
+              }
+              y.has(I) || y.set(I, { canvasIndex: I, canvasLabel: String(f), hits: [] }), y.get(I).hits.push({
+                type: "resource",
+                match: b(o.resource && o.resource.chars ? o.resource.chars : o.chars || ""),
+                bounds: x,
+                allBounds: x ? [x] : []
+              });
+            }
+          }
+        this.searchResults = Array.from(y.values()).sort((o, g) => o.canvasIndex - g.canvasIndex);
+        let E = 0;
+        this.searchAnnotations = this.searchResults.flatMap((o) => {
+          const g = this.canvases[o.canvasIndex];
+          return o.hits.flatMap((d) => (d.allBounds && d.allBounds.length > 0 ? d.allBounds : d.bounds ? [d.bounds] : []).map((I) => {
+            const l = `${g.id}#xywh=${I.join(",")}`;
+            return {
+              "@id": `urn:search-hit:${E++}`,
+              "@type": "oa:Annotation",
+              motivation: "sc:painting",
+              on: l,
+              canvasId: g.id,
+              resource: { "@type": "cnt:ContentAsText", chars: d.match },
+              // Flag to identify styling in Overlay?
+              // Or just standard rendering.
+              isSearchHit: !0
+            };
+          }));
+        });
+      } catch (r) {
+        console.error("Search error:", r), this.isSearching = !1;
+      } finally {
+        this.pendingSearchQuery || (this.isSearching = !1);
+      }
+    }
+  }
+  get pluginMenuButtons() {
+    return t.get(a(this, ie));
+  }
+  set pluginMenuButtons(e) {
+    t.set(a(this, ie), e, !0);
+  }
+  get pluginPanels() {
+    return t.get(a(this, re));
+  }
+  set pluginPanels(e) {
+    t.set(a(this, re), e, !0);
+  }
+  get osdViewer() {
+    return t.get(a(this, oe));
+  }
+  set osdViewer(e) {
+    t.set(a(this, oe), e);
+  }
+  registerPlugin(e) {
+    const s = e.id || `plugin-${Math.random().toString(36).substr(2, 9)}`;
+    let n = t.state(!1);
+    const r = {
+      id: `${s}:toggle`,
+      icon: e.icon,
+      tooltip: e.name,
+      onClick: () => {
+        t.set(n, !t.get(n));
+      },
+      isActive: () => t.get(n),
+      order: 200
+      // Default order for simple plugins
+    }, u = {
+      id: `${s}:panel`,
+      component: e.panel,
+      position: e.position || "left",
+      isVisible: () => t.get(n),
+      props: {
+        ...e.props,
+        // Pass closer to component
+        close: () => {
+          t.set(n, !1);
+        }
+      }
+    };
+    this.pluginMenuButtons = [...this.pluginMenuButtons, r], this.pluginPanels = [...this.pluginPanels, u], e.onInit && e.onInit(this);
+  }
+  /**
+   * Unregister a plugin's UI components by ID prefix.
+   * Note: This cleans up the menu button and panel, but doesn't remove listeners attached by the plugin itself
+   * since we don't have a handle on the plugin instance or its cleanup function anymore.
+   * Plugins should manage their own cleanup via component lifecycle (onDestroy) if possible.
+   */
+  unregisterPlugin(e) {
+    this.pluginMenuButtons = this.pluginMenuButtons.filter((s) => !s.id.startsWith(`${e}:`)), this.pluginPanels = this.pluginPanels.filter((s) => !s.id.startsWith(`${e}:`));
+  }
+  /**
+   * Notify that OSD viewer is ready.
+   * With the component-based system, we don't notify plugins individually.
+   * Instead, plugins should use the OSDViewer instance from context or listen for 'osd-ready' event (if we emitted one).
+   * But since we have direct access to osdViewer in this state, components can just react to it.
+   */
+  notifyOSDReady(e) {
+    this.osdViewer = e;
+  }
+  /**
+   * Cleanup everything.
+   */
+  destroyAllPlugins() {
+    this.pluginMenuButtons = [], this.pluginPanels = [], this.pluginEventHandlers.clear();
+  }
+}
+B = new WeakMap(), D = new WeakMap(), G = new WeakMap(), R = new WeakMap(), j = new WeakMap(), z = new WeakMap(), F = new WeakMap(), Q = new WeakMap(), Z = new WeakMap(), $ = new WeakMap(), H = new WeakMap(), N = new WeakMap(), U = new WeakMap(), q = new WeakMap(), K = new WeakMap(), W = new WeakMap(), J = new WeakMap(), X = new WeakMap(), Y = new WeakMap(), ee = new WeakMap(), te = new WeakMap(), se = new WeakMap(), ne = new WeakMap(), ae = new WeakMap(), ie = new WeakMap(), re = new WeakMap(), oe = new WeakMap();
+const lt = "triiiceratops:viewerState";
+let me = Symbol("phosphor-svelte");
+function Fe() {
+  return Re(me) ? je(me) : {};
+}
+const Qe = "en", ve = (
+  /** @type {const} */
+  ["en", "de"]
+), we = "PARAGLIDE_LOCALE", Ze = 3456e4, Ie = [
+  "cookie",
+  "globalVariable",
+  "baseLocale"
+];
+globalThis.__paraglide = {};
+let ge, ye = !1, xe = () => {
+  let i;
+  for (const e of Ie) {
+    if (e === "cookie")
+      i = Ue();
+    else if (e === "baseLocale")
+      i = Qe;
+    else if (e === "globalVariable" && ge !== void 0)
+      i = ge;
+    else if (be(e) && de.has(e)) {
+      const s = de.get(e);
+      if (s) {
+        const n = s.getLocale();
+        if (n instanceof Promise)
+          continue;
+        i = n;
+      }
+    }
+    if (i !== void 0) {
+      const s = Ne(i);
+      return ye || (ge = s, ye = !0, Se(s, { reload: !1 })), s;
+    }
+  }
+  throw new Error("No locale found. Read the docs https://inlang.com/m/gerre34r/library-inlang-paraglideJs/errors#no-locale-found");
+};
+const $e = (i) => {
+  window.location.reload();
+};
+let Se = (i, e) => {
+  const s = {
+    reload: !0,
+    ...e
+  };
+  let n;
+  try {
+    n = xe();
+  } catch {
+  }
+  const r = [];
+  for (const p of Ie)
+    if (p === "globalVariable")
+      ge = i;
+    else if (p === "cookie") {
+      if (typeof document > "u" || typeof window > "u")
+        continue;
+      const S = `${we}=${i}; path=/; max-age=${Ze}`;
+      document.cookie = S;
+    } else {
+      if (p === "baseLocale")
+        continue;
+      if (be(p) && de.has(p)) {
+        const S = de.get(p);
+        if (S) {
+          let c = S.setLocale(i);
+          c instanceof Promise && (c = c.catch((m) => {
+            throw new Error(`Custom strategy "${p}" setLocale failed.`, {
+              cause: m
+            });
+          }), r.push(c));
+        }
+      }
+    }
+  const u = () => {
+    s.reload && window.location && i !== n && $e();
+  };
+  if (r.length)
+    return Promise.all(r).then(() => {
+      u();
+    });
+  u();
+};
+const ht = (i) => {
+  Se = /** @type {SetLocaleFn} */
+  i;
+};
+function He(i) {
+  return typeof i != "string" ? !1 : i ? ve.some((e) => e.toLowerCase() === i.toLowerCase()) : !1;
+}
+function Ne(i) {
+  if (typeof i != "string")
+    throw new Error(`Invalid locale: ${i}. Expected a string.`);
+  const e = i.toLowerCase(), s = ve.find((n) => n.toLowerCase() === e);
+  if (!s)
+    throw new Error(`Invalid locale: ${i}. Expected one of: ${ve.join(", ")}`);
+  return s;
+}
+function Ue() {
+  if (typeof document > "u" || !document.cookie)
+    return;
+  const i = document.cookie.match(new RegExp(`(^| )${we}=([^;]+)`)), e = i == null ? void 0 : i[2];
+  if (He(e))
+    return e;
+}
+const de = /* @__PURE__ */ new Map();
+function be(i) {
+  return typeof i == "string" && /^custom-[A-Za-z0-9_-]+$/.test(i);
+}
+const qe = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Close"
+  )
+), Ke = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Schließen"
+  )
+), ct = /* @__NO_SIDE_EFFECTS__ */ (i = {}, e = {}) => (e.locale ?? xe()) === "en" ? qe() : Ke();
+var We = t.from_svg('<path d="M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z"></path>'), Je = t.from_svg('<path d="M216,56V200a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V56A16,16,0,0,1,56,40H200A16,16,0,0,1,216,56Z" opacity="0.2"></path><path d="M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z"></path>', 1), Xe = t.from_svg('<path d="M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM181.66,170.34a8,8,0,0,1-11.32,11.32L128,139.31,85.66,181.66a8,8,0,0,1-11.32-11.32L116.69,128,74.34,85.66A8,8,0,0,1,85.66,74.34L128,116.69l42.34-42.35a8,8,0,0,1,11.32,11.32L139.31,128Z"></path>'), Ye = t.from_svg('<path d="M204.24,195.76a6,6,0,1,1-8.48,8.48L128,136.49,60.24,204.24a6,6,0,0,1-8.48-8.48L119.51,128,51.76,60.24a6,6,0,0,1,8.48-8.48L128,119.51l67.76-67.75a6,6,0,0,1,8.48,8.48L136.49,128Z"></path>'), et = t.from_svg('<path d="M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z"></path>'), tt = t.from_svg('<path d="M202.83,197.17a4,4,0,0,1-5.66,5.66L128,133.66,58.83,202.83a4,4,0,0,1-5.66-5.66L122.34,128,53.17,58.83a4,4,0,0,1,5.66-5.66L128,122.34l69.17-69.17a4,4,0,1,1,5.66,5.66L133.66,128Z"></path>'), st = t.from_svg('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
+function gt(i, e) {
+  t.push(e, !0);
+  const s = Fe();
+  let n = t.rest_props(e, ["$$slots", "$$events", "$$legacy", "children"]), r = t.derived(() => e.weight ?? s.weight ?? "regular"), u = t.derived(() => e.color ?? s.color ?? "currentColor"), p = t.derived(() => e.size ?? s.size ?? "1em"), S = t.derived(() => e.mirrored ?? s.mirrored ?? !1);
+  function c(o) {
+    let { weight: g, color: d, size: x, mirrored: I, ...l } = o;
+    return l;
+  }
+  var m = st();
+  t.attribute_effect(
+    m,
+    (o, g) => ({
+      xmlns: "http://www.w3.org/2000/svg",
+      role: "img",
+      width: t.get(p),
+      height: t.get(p),
+      fill: t.get(u),
+      transform: t.get(S) ? "scale(-1, 1)" : void 0,
+      viewBox: "0 0 256 256",
+      ...o,
+      ...g
+    }),
+    [() => c(s), () => c(n)]
+  );
+  var w = t.child(m);
+  {
+    var y = (o) => {
+      var g = t.comment(), d = t.first_child(g);
+      t.snippet(d, () => e.children), t.append(o, g);
+    };
+    t.if(w, (o) => {
+      e.children && o(y);
+    });
+  }
+  var C = t.sibling(w, 2);
+  {
+    var b = (o) => {
+      var g = We();
+      t.append(o, g);
+    }, E = (o) => {
+      var g = t.comment(), d = t.first_child(g);
+      {
+        var x = (l) => {
+          var f = Je();
+          t.next(), t.append(l, f);
+        }, I = (l) => {
+          var f = t.comment(), v = t.first_child(f);
+          {
+            var ue = (A) => {
+              var _ = Xe();
+              t.append(A, _);
+            }, V = (A) => {
+              var _ = t.comment(), Ae = t.first_child(_);
+              {
+                var Ce = (M) => {
+                  var le = Ye();
+                  t.append(M, le);
+                }, _e = (M) => {
+                  var le = t.comment(), Me = t.first_child(le);
+                  {
+                    var Le = (L) => {
+                      var he = et();
+                      t.append(L, he);
+                    }, Pe = (L) => {
+                      var he = t.comment(), Oe = t.first_child(he);
+                      {
+                        var ke = (P) => {
+                          var ce = tt();
+                          t.append(P, ce);
+                        }, Ee = (P) => {
+                          var ce = t.text();
+                          ce.nodeValue = (console.error('Unsupported icon weight. Choose from "thin", "light", "regular", "bold", "fill", or "duotone".'), ""), t.append(P, ce);
+                        };
+                        t.if(
+                          Oe,
+                          (P) => {
+                            t.get(r) === "thin" ? P(ke) : P(Ee, !1);
+                          },
+                          !0
+                        );
+                      }
+                      t.append(L, he);
+                    };
+                    t.if(
+                      Me,
+                      (L) => {
+                        t.get(r) === "regular" ? L(Le) : L(Pe, !1);
+                      },
+                      !0
+                    );
+                  }
+                  t.append(M, le);
+                };
+                t.if(
+                  Ae,
+                  (M) => {
+                    t.get(r) === "light" ? M(Ce) : M(_e, !1);
+                  },
+                  !0
+                );
+              }
+              t.append(A, _);
+            };
+            t.if(
+              v,
+              (A) => {
+                t.get(r) === "fill" ? A(ue) : A(V, !1);
+              },
+              !0
+            );
+          }
+          t.append(l, f);
+        };
+        t.if(
+          d,
+          (l) => {
+            t.get(r) === "duotone" ? l(x) : l(I, !1);
+          },
+          !0
+        );
+      }
+      t.append(o, g);
+    };
+    t.if(C, (o) => {
+      t.get(r) === "bold" ? o(b) : o(E, !1);
+    });
+  }
+  t.reset(m), t.append(i, m), t.pop();
+}
+export {
+  ze as M,
+  lt as V,
+  gt as X,
+  xe as a,
+  ot as b,
+  ct as c,
+  Fe as g,
+  ve as l,
+  k as m,
+  ht as o,
+  Se as s
+};