triiiceratops 0.10.4 → 0.10.5

package/dist/{annotation_tool_point-r6erVcAH.js → annotation_tool_point-CVRtOCN5.js}

@@ -1,4 +1,4 @@
-import { a as t } from "./X-DuHUJc5I.js";
+import { a as t } from "./X-Hy7z8RKI.js";
 const a = (
   /** @type {(inputs: {}) => LocalizedString} */
   () => (

package/dist/components/TriiiceratopsViewer.svelte

@@ -49,6 +49,7 @@
     $effect(() => {
         if (rootElement) {
             applyTheme(rootElement, theme, themeConfig);
+            internalViewerState.setViewerElement(rootElement);
         }
     });
 

package/dist/{image_filters_reset-GRY5dmGP.js → image_filters_reset-BOxhPxhP.js}

@@ -1,4 +1,4 @@
-import { a as t } from "./X-DuHUJc5I.js";
+import { a as t } from "./X-Hy7z8RKI.js";
 const s = (
   /** @type {(inputs: {}) => LocalizedString} */
   () => (

package/dist/plugins/annotation-editor.js

@@ -4,10 +4,10 @@ var nt = (s, e, t) => Mf(s, typeof e != "symbol" ? e + "" : e, t);
 import "svelte/internal/disclose-version";
 import * as d from "svelte/internal/client";
 import { getContext as Rf, onMount as If, onDestroy as Cf } from "svelte";
-import { m as xl, g as as, l as Pf, s as Df, X as bl, c as Lf, V as Of } from "../X-DuHUJc5I.js";
+import { m as xl, g as as, l as Pf, s as Df, X as bl, c as Lf, V as Of } from "../X-Hy7z8RKI.js";
 import Hs from "openseadragon";
-import { A as Bf } from "../ArrowCounterClockwise-Bqd8M_aJ.js";
-import { q as Nf, h as Ff, c as kf, j as Uf, k as $f, t as Gf, u as Hf, v as Vf, r as Xf, s as zf, m as jf, i as Yf, g as Wf, a as Zf, n as qf, f as Kf, e as Jf, b as Qf, d as ep, o as tp, l as sp, p as ip } from "../annotation_tool_point-r6erVcAH.js";
+import { A as Bf } from "../ArrowCounterClockwise-C2bPi1fL.js";
+import { q as Nf, h as Ff, c as kf, j as Uf, k as $f, t as Gf, u as Hf, v as Vf, r as Xf, s as zf, m as jf, i as Yf, g as Wf, a as Zf, n as qf, f as Kf, e as Jf, b as Qf, d as ep, o as tp, l as sp, p as ip } from "../annotation_tool_point-CVRtOCN5.js";
 import "manifesto.js";
 var np = Object.defineProperty, rp = (s, e, t) => e in s ? np(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, El = (s, e, t) => rp(s, typeof e != "symbol" ? e + "" : e, t), wl = Object.prototype.hasOwnProperty;
 function Vs(s, e) {

package/dist/plugins/image-manipulation.js

@@ -1,9 +1,9 @@
 import "svelte/internal/disclose-version";
 import * as e from "svelte/internal/client";
 import { getContext as s0 } from "svelte";
-import { l as l0, s as i0, X as n0, c as o0, V as c0, g as v0 } from "../X-DuHUJc5I.js";
-import { A as d0 } from "../ArrowCounterClockwise-Bqd8M_aJ.js";
-import { i as _0, a as g0, b as f0, g as u0, c as h0, e as m0, d as p0, f as b0 } from "../image_filters_reset-GRY5dmGP.js";
+import { l as l0, s as i0, X as n0, c as o0, V as c0, g as v0 } from "../X-Hy7z8RKI.js";
+import { A as d0 } from "../ArrowCounterClockwise-C2bPi1fL.js";
+import { i as _0, a as g0, b as f0, g as u0, c as h0, e as m0, d as p0, f as b0 } from "../image_filters_reset-BOxhPxhP.js";
 const G = {
   brightness: 100,
   contrast: 100,

package/dist/state/viewer.svelte.d.ts

@@ -85,6 +85,12 @@ export declare class ViewerState {
     updateConfig(newConfig: ViewerConfig): void;
     toggleAnnotations(): void;
     toggleThumbnailGallery(): void;
+    /**
+     * Reference to the main viewer DOM element.
+     * Used for fullscreen toggling.
+     */
+    private viewerElement;
+    setViewerElement(element: HTMLElement): void;
     toggleFullScreen(): void;
     toggleMetadataDialog(): void;
     searchQuery: string;

package/dist/state/viewer.svelte.js

@@ -212,14 +212,27 @@ export class ViewerState {
         this.showThumbnailGallery = !this.showThumbnailGallery;
         this.dispatchStateChange();
     }
+    /**
+     * Reference to the main viewer DOM element.
+     * Used for fullscreen toggling.
+     */
+    viewerElement = null;
+    setViewerElement(element) {
+        this.viewerElement = element;
+    }
     toggleFullScreen() {
         if (!document.fullscreenElement) {
-            const el = document.getElementById('triiiceratops-viewer');
+            // Use stored reference if available, fallback to ID lookup (legacy/Svelte-only)
+            const el = this.viewerElement ||
+                document.getElementById('triiiceratops-viewer');
             if (el) {
                 el.requestFullscreen().catch((e) => {
                     console.warn('Fullscreen request failed', e);
                 });
             }
+            else {
+                console.warn('Cannot toggle fullscreen: Viewer element not found');
+            }
         }
         else {
             document.exitFullscreen();