triiiceratops 0.10.4 → 0.11.0

package/dist/paraglide/messages/{settings_toggle_left_menu.js → settings_toolbar_position.js}

@@ -2,12 +2,12 @@
 import { getLocale, trackMessageCall, experimentalMiddlewareLocaleSplitting, isServer } from '../runtime.js';
 /** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
 
-const en_settings_toggle_left_menu = /** @type {(inputs: {}) => LocalizedString} */ () => {
-	return /** @type {LocalizedString} */ (`Left Menu`)
+const en_settings_toolbar_position = /** @type {(inputs: {}) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Toolbar Position`)
 };
 
-const de_settings_toggle_left_menu = /** @type {(inputs: {}) => LocalizedString} */ () => {
-	return /** @type {LocalizedString} */ (`Linkes Menü`)
+const de_settings_toolbar_position = /** @type {(inputs: {}) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Werkzeugleisten-Position`)
 };
 
 /**
@@ -23,12 +23,12 @@ const de_settings_toggle_left_menu = /** @type {(inputs: {}) => LocalizedString}
 * @returns {LocalizedString}
 */
 /* @__NO_SIDE_EFFECTS__ */
-export const settings_toggle_left_menu = (inputs = {}, options = {}) => {
+export const settings_toolbar_position = (inputs = {}, options = {}) => {
 	if (experimentalMiddlewareLocaleSplitting && isServer === false) {
-		return /** @type {any} */ (globalThis).__paraglide_ssr.settings_toggle_left_menu(inputs) 
+		return /** @type {any} */ (globalThis).__paraglide_ssr.settings_toolbar_position(inputs) 
 	}
 	const locale = options.locale ?? getLocale()
-	trackMessageCall("settings_toggle_left_menu", locale)
-	if (locale === "en") return en_settings_toggle_left_menu(inputs)
-	return de_settings_toggle_left_menu(inputs)
+	trackMessageCall("settings_toolbar_position", locale)
+	if (locale === "en") return en_settings_toolbar_position(inputs)
+	return de_settings_toolbar_position(inputs)
 };

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-i_EmjXwW.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-CN8KGaI0.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-BpZXtX5D.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-i_EmjXwW.js";
+import { A as d0 } from "../ArrowCounterClockwise-CN8KGaI0.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-CyWg622b.js";
 const G = {
   brightness: 100,
   contrast: 100,

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

@@ -11,6 +11,7 @@ export interface ViewerStateSnapshot {
     showAnnotations: boolean;
     showThumbnailGallery: boolean;
     showSearchPanel: boolean;
+    toolbarOpen: boolean;
     searchQuery: string;
     isFullScreen: boolean;
     dockSide: string;
@@ -20,6 +21,7 @@ export declare class ViewerState {
     canvasId: string | null;
     showAnnotations: boolean;
     showThumbnailGallery: boolean;
+    toolbarOpen: boolean;
     isGalleryDockedBottom: boolean;
     isGalleryDockedRight: boolean;
     isFullScreen: boolean;
@@ -27,9 +29,9 @@ export declare class ViewerState {
     dockSide: string;
     visibleAnnotationIds: Set<string>;
     config: ViewerConfig;
-    get showRightMenu(): boolean;
-    get showLeftMenu(): boolean;
+    get showToggle(): boolean;
     get showCanvasNav(): boolean;
+    get showZoomControls(): boolean;
     galleryPosition: {
         x: number;
         y: number;
@@ -80,11 +82,20 @@ export declare class ViewerState {
     get hasPrevious(): boolean;
     nextCanvas(): void;
     previousCanvas(): void;
+    zoomIn(): void;
+    zoomOut(): void;
     setManifest(manifestId: string): void;
     setCanvas(canvasId: string): void;
     updateConfig(newConfig: ViewerConfig): void;
     toggleAnnotations(): void;
+    toggleToolbar(): 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

@@ -4,6 +4,7 @@ export class ViewerState {
     canvasId = $state(null);
     showAnnotations = $state(false);
     showThumbnailGallery = $state(false);
+    toolbarOpen = $state(false);
     isGalleryDockedBottom = $state(false);
     isGalleryDockedRight = $state(false);
     isFullScreen = $state(false);
@@ -13,15 +14,15 @@ export class ViewerState {
     // UI Configuration
     config = $state({});
     // Derived configuration specific getters
-    get showRightMenu() {
-        return this.config.showRightMenu ?? true;
-    }
-    get showLeftMenu() {
-        return this.config.showLeftMenu ?? true;
+    get showToggle() {
+        return this.config.showToggle ?? true;
     }
     get showCanvasNav() {
         return this.config.showCanvasNav ?? true;
     }
+    get showZoomControls() {
+        return this.config.showZoomControls ?? true;
+    }
     // Gallery State (Lifted for persistence during re-docking)
     galleryPosition = $state({ x: 20, y: 100 });
     gallerySize = $state({ width: 300, height: 400 });
@@ -69,6 +70,7 @@ export class ViewerState {
             showAnnotations: this.showAnnotations,
             showThumbnailGallery: this.showThumbnailGallery,
             showSearchPanel: this.showSearchPanel,
+            toolbarOpen: this.toolbarOpen,
             searchQuery: this.searchQuery,
             isFullScreen: this.isFullScreen,
             dockSide: this.dockSide,
@@ -158,6 +160,18 @@ export class ViewerState {
             this.setCanvas(canvas.id);
         }
     }
+    zoomIn() {
+        if (this.osdViewer && this.osdViewer.viewport) {
+            this.osdViewer.viewport.zoomBy(1.2);
+            this.osdViewer.viewport.applyConstraints();
+        }
+    }
+    zoomOut() {
+        if (this.osdViewer && this.osdViewer.viewport) {
+            this.osdViewer.viewport.zoomBy(0.8);
+            this.osdViewer.viewport.applyConstraints();
+        }
+    }
     setManifest(manifestId) {
         this.manifestId = manifestId;
         this.canvasId = null;
@@ -172,6 +186,9 @@ export class ViewerState {
         const oldConfig = this.config;
         this.config = newConfig;
         // Sync state from config
+        if (newConfig.toolbarOpen !== undefined) {
+            this.toolbarOpen = newConfig.toolbarOpen;
+        }
         if (newConfig.gallery) {
             if (newConfig.gallery.open !== undefined) {
                 this.showThumbnailGallery = newConfig.gallery.open;
@@ -208,18 +225,35 @@ export class ViewerState {
         this.showAnnotations = !this.showAnnotations;
         this.dispatchStateChange();
     }
+    toggleToolbar() {
+        this.toolbarOpen = !this.toolbarOpen;
+        this.dispatchStateChange();
+    }
     toggleThumbnailGallery() {
         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();