triiiceratops 0.10.4 → 0.11.0

package/dist/components/Toolbar.svelte

@@ -0,0 +1,294 @@
+<script lang="ts">
+    import { getContext } from 'svelte';
+    import MagnifyingGlass from 'phosphor-svelte/lib/MagnifyingGlass';
+    import Slideshow from 'phosphor-svelte/lib/Slideshow';
+    import CornersIn from 'phosphor-svelte/lib/CornersIn';
+    import CornersOut from 'phosphor-svelte/lib/CornersOut';
+    import ChatCenteredText from 'phosphor-svelte/lib/ChatCenteredText';
+    import Info from 'phosphor-svelte/lib/Info';
+    import List from 'phosphor-svelte/lib/List';
+    import X from 'phosphor-svelte/lib/X';
+    import { VIEWER_STATE_KEY, type ViewerState } from '../state/viewer.svelte';
+    import { m, language } from '../state/i18n.svelte';
+    import { tooltip } from '../actions/tooltip';
+
+    const viewerState = getContext<ViewerState>(VIEWER_STATE_KEY);
+
+    // Use centralized toolbar state
+    const isOpen = $derived(viewerState.toolbarOpen);
+
+    // --- Configuration ---
+    // Default to 'left' if not specified
+    const position = $derived(viewerState.config.toolbarPosition || 'left');
+    const isLeft = $derived(position === 'left');
+    const isTop = $derived(position === 'top');
+    const tooltipPos = $derived(
+        isTop ? 'bottom' : isLeft ? 'right' : 'left',
+    ) as 'bottom' | 'right' | 'left';
+    const showToggle = $derived(viewerState.config.showToggle !== false);
+
+    // --- Standard Viewer Actions ---
+    const toolbarConfig = $derived(viewerState.config.toolbar || {});
+    const showSearch = $derived(toolbarConfig.showSearch !== false);
+    const showGallery = $derived(toolbarConfig.showGallery !== false);
+    const showFullscreen = $derived(toolbarConfig.showFullscreen !== false);
+    const showAnnotations = $derived(toolbarConfig.showAnnotations !== false);
+    const showInfo = $derived(toolbarConfig.showInfo !== false);
+
+    // Derived list of sorted plugin buttons
+    let sortedPluginButtons = $derived.by(() => {
+        language.current;
+        return [...viewerState.pluginMenuButtons].sort(
+            (a, b) => (a.order ?? 100) - (b.order ?? 100),
+        );
+    });
+
+    function toggleOpen() {
+        viewerState.toggleToolbar();
+    }
+</script>
+
+<div
+    class={[
+        'absolute z-50 pointer-events-none flex',
+        isTop && 'top-0 w-full items-end flex-col pt-0 pr-2',
+        !isTop && 'top-0 h-full items-start pt-4 pb-4',
+        !isTop && isLeft && 'left-0 flex-row',
+        !isTop && !isLeft && 'right-0 flex-row-reverse',
+    ]}
+>
+    <!-- Collapsible Toolbar -->
+    <div
+        class={[
+            'pointer-events-auto bg-base-100/95 backdrop-blur shadow-xl transition-all duration-300 ease-in-out flex overflow-hidden',
+            // Layout based on position
+            isTop &&
+                'flex-row-reverse h-12 w-auto max-w-full rounded-b-xl border-x border-b border-base-200 origin-top',
+            !isTop &&
+                'flex-col h-auto max-h-full border-y border-base-200 w-12',
+            !isTop && isLeft && 'rounded-r-xl border-r origin-left',
+            !isTop && !isLeft && 'rounded-l-xl border-l origin-right',
+
+            // Animation state based on open/closed and position
+            isOpen && isTop && 'opacity-100 translate-y-0',
+            isOpen && !isTop && 'w-12 opacity-100 translate-x-0',
+            !isOpen && isTop && 'h-0 opacity-0 -translate-y-full',
+            !isOpen && !isTop && 'w-0 opacity-0',
+            !isOpen && !isTop && isLeft && '-translate-x-full',
+            !isOpen && !isTop && !isLeft && 'translate-x-full',
+        ]}
+    >
+        <!-- Close Button (Inside Menu) -->
+        {#if showToggle}
+            <div
+                class={[
+                    'shrink-0',
+                    isTop && 'h-full flex items-center px-2',
+                    !isTop && 'w-full flex justify-center py-2',
+                ]}
+            >
+                <button
+                    class="btn btn-ghost btn-circle btn-sm"
+                    onclick={toggleOpen}
+                    use:tooltip={{
+                        content: m.close_menu(),
+                        position: tooltipPos,
+                    }}
+                    aria-label={m.close_menu()}
+                >
+                    <X size={20} weight="bold" />
+                </button>
+            </div>
+        {:else}
+            <!-- Add some padding if no close button -->
+            <div class={isTop ? 'w-2' : 'h-2'}></div>
+        {/if}
+
+        <ul
+            class={[
+                'menu menu-md gap-2 flex-nowrap items-center min-h-0',
+                isTop &&
+                    'px-2 py-1 menu-horizontal w-auto overflow-x-auto overflow-y-hidden flex-row-reverse',
+                !isTop &&
+                    'py-2 px-1 flex-1 overflow-y-auto overflow-x-hidden w-12',
+            ]}
+        >
+            <!-- --- Standard Actions --- -->
+
+            {#if showSearch}
+                <li>
+                    <button
+                        class={[
+                            'flex items-center justify-center',
+                            viewerState.showSearchPanel && 'active',
+                        ]}
+                        use:tooltip={{
+                            content: m.search(),
+                            position: tooltipPos,
+                        }}
+                        aria-label={m.toggle_search()}
+                        onclick={() => viewerState.toggleSearchPanel()}
+                    >
+                        <MagnifyingGlass size={24} weight="bold" />
+                    </button>
+                </li>
+            {/if}
+
+            {#if showGallery}
+                <li>
+                    <button
+                        class={[
+                            'flex items-center justify-center',
+                            viewerState.showThumbnailGallery && 'active',
+                        ]}
+                        use:tooltip={{
+                            content: viewerState.showThumbnailGallery
+                                ? m.hide_gallery()
+                                : m.show_gallery(),
+                            position: tooltipPos,
+                        }}
+                        aria-label={viewerState.showThumbnailGallery
+                            ? m.hide_gallery()
+                            : m.show_gallery()}
+                        onclick={() => viewerState.toggleThumbnailGallery()}
+                    >
+                        <Slideshow size={24} weight="bold" />
+                    </button>
+                </li>
+            {/if}
+
+            {#if showFullscreen}
+                <li>
+                    <button
+                        class={[
+                            'flex items-center justify-center',
+                            viewerState.isFullScreen && 'active',
+                        ]}
+                        use:tooltip={{
+                            content: viewerState.isFullScreen
+                                ? m.exit_full_screen()
+                                : m.enter_full_screen(),
+                            position: tooltipPos,
+                        }}
+                        aria-label={viewerState.isFullScreen
+                            ? m.exit_full_screen()
+                            : m.enter_full_screen()}
+                        onclick={() => viewerState.toggleFullScreen()}
+                    >
+                        {#if viewerState.isFullScreen}
+                            <CornersIn size={24} weight="bold" />
+                        {:else}
+                            <CornersOut size={24} weight="bold" />
+                        {/if}
+                    </button>
+                </li>
+            {/if}
+
+            {#if showAnnotations}
+                <li>
+                    <button
+                        class={[
+                            'flex items-center justify-center',
+                            viewerState.showAnnotations && 'active',
+                        ]}
+                        use:tooltip={{
+                            content: viewerState.showAnnotations
+                                ? m.hide_annotations()
+                                : m.show_annotations(),
+                            position: tooltipPos,
+                        }}
+                        aria-label={viewerState.showAnnotations
+                            ? m.hide_annotations()
+                            : m.show_annotations()}
+                        onclick={() => viewerState.toggleAnnotations()}
+                    >
+                        <ChatCenteredText size={24} weight="bold" />
+                    </button>
+                </li>
+            {/if}
+
+            {#if showInfo}
+                <li>
+                    <button
+                        class={[
+                            'flex items-center justify-center',
+                            viewerState.showMetadataDialog && 'active',
+                        ]}
+                        use:tooltip={{
+                            content: m.metadata(),
+                            position: tooltipPos,
+                        }}
+                        aria-label={m.toggle_metadata()}
+                        onclick={() => viewerState.toggleMetadataDialog()}
+                    >
+                        <Info size={24} weight="bold" />
+                    </button>
+                </li>
+            {/if}
+
+            <!-- Separator if both groups exist -->
+            {#if (showSearch || showGallery || showFullscreen || showAnnotations || showInfo) && sortedPluginButtons.length > 0}
+                <div
+                    class={[
+                        'divider',
+                        isTop && 'divider-horizontal mx-0',
+                        !isTop && 'my-0',
+                    ]}
+                ></div>
+            {/if}
+
+            <!-- --- Plugin Actions --- -->
+            {#each sortedPluginButtons as button (button.id)}
+                {@const Icon = button.icon}
+                {@const tooltipText =
+                    // @ts-ignore
+                    typeof m[button.tooltip] === 'function'
+                        ? // @ts-ignore
+                          m[button.tooltip]()
+                        : button.tooltip}
+                <li>
+                    <button
+                        class={[
+                            'flex items-center justify-center',
+                            button.isActive?.() && 'active',
+                        ]}
+                        use:tooltip={{
+                            content: tooltipText,
+                            position: tooltipPos,
+                        }}
+                        aria-label={tooltipText}
+                        onclick={() => {
+                            button.onClick();
+                        }}
+                    >
+                        <Icon size={24} weight="bold" />
+                    </button>
+                </li>
+            {/each}
+        </ul>
+    </div>
+
+    <!-- Toggle Handle (Only visible when closed) -->
+    {#if showToggle}
+        <button
+            class={[
+                'pointer-events-auto btn btn-circle btn-sm btn-neutral shadow-md z-40 transition-opacity duration-300 absolute mt-2',
+                isOpen && 'opacity-0 pointer-events-none',
+                !isOpen && 'opacity-100',
+            ]}
+            style={isTop
+                ? 'right: 0.5rem;'
+                : isLeft
+                  ? 'left: 0.5rem;'
+                  : 'right: 0.5rem;'}
+            aria-label={m.open_menu()}
+            use:tooltip={{
+                content: m.open_menu(),
+                position: tooltipPos,
+            }}
+            onclick={toggleOpen}
+        >
+            <List size={20} weight="bold" />
+        </button>
+    {/if}
+</div>

package/dist/components/Toolbar.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const Toolbar: import("svelte").Component<Record<string, never>, {}, "">;
+type Toolbar = ReturnType<typeof Toolbar>;
+export default Toolbar;

package/dist/components/TriiiceratopsViewer.svelte

@@ -9,8 +9,7 @@
     import CanvasNavigation from './CanvasNavigation.svelte';
     import AnnotationOverlay from './AnnotationOverlay.svelte';
     import ThumbnailGallery from './ThumbnailGallery.svelte';
-    import FloatingMenu from './FloatingMenu.svelte';
-    import LeftFab from './LeftFab.svelte';
+    import Toolbar from './Toolbar.svelte';
     import MetadataDialog from './MetadataDialog.svelte';
     import SearchPanel from './SearchPanel.svelte';
     import { m, language } from '../state/i18n.svelte';
@@ -49,6 +48,7 @@
     $effect(() => {
         if (rootElement) {
             applyTheme(rootElement, theme, themeConfig);
+            internalViewerState.setViewerElement(rootElement);
         }
     });
 
@@ -411,7 +411,7 @@
         <!-- Top Area (Gallery) -->
         {#if internalViewerState.showThumbnailGallery && internalViewerState.dockSide === 'top'}
             <div
-                class="flex-none h-[160px] w-full pointer-events-auto relative z-20"
+                class="flex-none h-40 w-full pointer-events-auto relative z-20"
             >
                 <ThumbnailGallery {canvases} />
             </div>
@@ -455,13 +455,8 @@
             <AnnotationOverlay />
             <MetadataDialog />
 
-            <!-- Floating Menu / FABs -->
-            {#if internalViewerState.showRightMenu}
-                <FloatingMenu />
-            {/if}
-            {#if internalViewerState.showLeftMenu}
-                <LeftFab />
-            {/if}
+            <!-- Floating Toolbar (Replaced Unified Side Menu) -->
+            <Toolbar />
 
             <!-- Overlay Plugin Panels -->
             {#each internalViewerState.pluginPanels as panel (panel.id)}
@@ -476,7 +471,7 @@
             {/each}
 
             <!-- Canvas Nav (Absolute positioned inside center, or floating?) currently assumes absolute -->
-            {#if canvases.length > 1 && internalViewerState.showCanvasNav}
+            {#if (canvases.length > 1 && internalViewerState.showCanvasNav) || (internalViewerState.config.showZoomControls ?? true)}
                 <CanvasNavigation viewerState={internalViewerState} />
             {/if}
 
@@ -489,7 +484,7 @@
         <!-- Bottom Area (Gallery) -->
         {#if internalViewerState.showThumbnailGallery && internalViewerState.dockSide === 'bottom'}
             <div
-                class="flex-none h-[160px] w-full pointer-events-auto relative z-20"
+                class="flex-none h-40 w-full pointer-events-auto relative z-20"
             >
                 <ThumbnailGallery {canvases} />
             </div>
@@ -514,7 +509,7 @@
             class="flex-none flex flex-row z-20 transition-all {internalViewerState
                 .config.transparentBackground
                 ? ''
-                : 'bg-base-200 border-l border-base-300'}"
+                : 'bg-base-100'}"
         >
             <!-- Search Panel -->
             {#if internalViewerState.showSearchPanel && internalViewerState.config.search?.position !== 'left'}

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

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

package/dist/paraglide/messages/_index.d.ts

@@ -45,17 +45,20 @@ export * from "./plugins_tooltip.js";
 export * from "./demo_header_external_controls.js";
 export * from "./demo_header_active_canvas.js";
 export * from "./image_adjustments.js";
+export * from "./open_menu.js";
 export * from "./close_menu.js";
 export * from "./gallery.js";
 export * from "./close_gallery.js";
 export * from "./close_search.js";
 export * from "./settings_label.js";
 export * from "./settings_category_general.js";
-export * from "./settings_toggle_left_menu.js";
-export * from "./settings_toggle_right_menu.js";
+export * from "./settings_toggle_show_toggle.js";
+export * from "./settings_toolbar_open.js";
+export * from "./settings_toolbar_position.js";
 export * from "./settings_toggle_canvas_nav.js";
+export * from "./settings_toggle_zoom_controls.js";
 export * from "./settings_category_configuration.js";
-export * from "./settings_submenu_right_menu_items.js";
+export * from "./settings_submenu_toolbar.js";
 export * from "./settings_toggle_show_search.js";
 export * from "./settings_toggle_show_gallery.js";
 export * from "./settings_toggle_show_annotations.js";

package/dist/paraglide/messages/_index.js

@@ -47,17 +47,20 @@ export * from './plugins_tooltip.js'
 export * from './demo_header_external_controls.js'
 export * from './demo_header_active_canvas.js'
 export * from './image_adjustments.js'
+export * from './open_menu.js'
 export * from './close_menu.js'
 export * from './gallery.js'
 export * from './close_gallery.js'
 export * from './close_search.js'
 export * from './settings_label.js'
 export * from './settings_category_general.js'
-export * from './settings_toggle_left_menu.js'
-export * from './settings_toggle_right_menu.js'
+export * from './settings_toggle_show_toggle.js'
+export * from './settings_toolbar_open.js'
+export * from './settings_toolbar_position.js'
 export * from './settings_toggle_canvas_nav.js'
+export * from './settings_toggle_zoom_controls.js'
 export * from './settings_category_configuration.js'
-export * from './settings_submenu_right_menu_items.js'
+export * from './settings_submenu_toolbar.js'
 export * from './settings_toggle_show_search.js'
 export * from './settings_toggle_show_gallery.js'
 export * from './settings_toggle_show_annotations.js'

package/dist/paraglide/messages/{settings_toggle_right_menu.d.ts → open_menu.d.ts}

@@ -1,4 +1,4 @@
-export function settings_toggle_right_menu(inputs?: {}, options?: {
+export function open_menu(inputs?: {}, options?: {
     locale?: "en" | "de";
 }): LocalizedString;
 export type LocalizedString = import("../runtime.js").LocalizedString;

package/dist/paraglide/messages/open_menu.js

@@ -0,0 +1,33 @@
+/* eslint-disable */
+import { getLocale, trackMessageCall, experimentalMiddlewareLocaleSplitting, isServer } from '../runtime.js';
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+const en_open_menu = /** @type {(inputs: {}) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Open Menu`)
+};
+
+/** @type {(inputs: {}) => LocalizedString} */
+const de_open_menu = en_open_menu;
+
+/**
+* This function has been compiled by [Paraglide JS](https://inlang.com/m/gerre34r).
+*
+* - Changing this function will be over-written by the next build.
+*
+* - If you want to change the translations, you can either edit the source files e.g. `en.json`, or
+* use another inlang app like [Fink](https://inlang.com/m/tdozzpar) or the [VSCode extension Sherlock](https://inlang.com/m/r7kp499g).
+* 
+* @param {{}} inputs
+* @param {{ locale?: "en" | "de" }} options
+* @returns {LocalizedString}
+*/
+/* @__NO_SIDE_EFFECTS__ */
+export const open_menu = (inputs = {}, options = {}) => {
+	if (experimentalMiddlewareLocaleSplitting && isServer === false) {
+		return /** @type {any} */ (globalThis).__paraglide_ssr.open_menu(inputs) 
+	}
+	const locale = options.locale ?? getLocale()
+	trackMessageCall("open_menu", locale)
+	if (locale === "en") return en_open_menu(inputs)
+	return de_open_menu(inputs)
+};

package/dist/paraglide/messages/{settings_submenu_right_menu_items.d.ts → settings_submenu_toolbar.d.ts}

@@ -1,4 +1,4 @@
-export function settings_submenu_right_menu_items(inputs?: {}, options?: {
+export function settings_submenu_toolbar(inputs?: {}, options?: {
     locale?: "en" | "de";
 }): LocalizedString;
 export type LocalizedString = import("../runtime.js").LocalizedString;

package/dist/paraglide/messages/{settings_toggle_right_menu.js → settings_submenu_toolbar.js}

@@ -2,12 +2,12 @@
 import { getLocale, trackMessageCall, experimentalMiddlewareLocaleSplitting, isServer } from '../runtime.js';
 /** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
 
-const en_settings_toggle_right_menu = /** @type {(inputs: {}) => LocalizedString} */ () => {
-	return /** @type {LocalizedString} */ (`Right Menu`)
+const en_settings_submenu_toolbar = /** @type {(inputs: {}) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Toolbar`)
 };
 
-const de_settings_toggle_right_menu = /** @type {(inputs: {}) => LocalizedString} */ () => {
-	return /** @type {LocalizedString} */ (`Rechtes Menü`)
+const de_settings_submenu_toolbar = /** @type {(inputs: {}) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Werkzeugleiste`)
 };
 
 /**
@@ -23,12 +23,12 @@ const de_settings_toggle_right_menu = /** @type {(inputs: {}) => LocalizedString
 * @returns {LocalizedString}
 */
 /* @__NO_SIDE_EFFECTS__ */
-export const settings_toggle_right_menu = (inputs = {}, options = {}) => {
+export const settings_submenu_toolbar = (inputs = {}, options = {}) => {
 	if (experimentalMiddlewareLocaleSplitting && isServer === false) {
-		return /** @type {any} */ (globalThis).__paraglide_ssr.settings_toggle_right_menu(inputs) 
+		return /** @type {any} */ (globalThis).__paraglide_ssr.settings_submenu_toolbar(inputs) 
 	}
 	const locale = options.locale ?? getLocale()
-	trackMessageCall("settings_toggle_right_menu", locale)
-	if (locale === "en") return en_settings_toggle_right_menu(inputs)
-	return de_settings_toggle_right_menu(inputs)
+	trackMessageCall("settings_submenu_toolbar", locale)
+	if (locale === "en") return en_settings_submenu_toolbar(inputs)
+	return de_settings_submenu_toolbar(inputs)
 };

package/dist/paraglide/messages/settings_toggle_show_toggle.d.ts

@@ -0,0 +1,4 @@
+export function settings_toggle_show_toggle(inputs?: {}, options?: {
+    locale?: "en" | "de";
+}): LocalizedString;
+export type LocalizedString = import("../runtime.js").LocalizedString;

package/dist/paraglide/messages/{settings_submenu_right_menu_items.js → settings_toggle_show_toggle.js}

@@ -2,12 +2,12 @@
 import { getLocale, trackMessageCall, experimentalMiddlewareLocaleSplitting, isServer } from '../runtime.js';
 /** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
 
-const en_settings_submenu_right_menu_items = /** @type {(inputs: {}) => LocalizedString} */ () => {
-	return /** @type {LocalizedString} */ (`Right Menu Items`)
+const en_settings_toggle_show_toggle = /** @type {(inputs: {}) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Show Open/Close`)
 };
 
-const de_settings_submenu_right_menu_items = /** @type {(inputs: {}) => LocalizedString} */ () => {
-	return /** @type {LocalizedString} */ (`Rechte Menüelemente`)
+const de_settings_toggle_show_toggle = /** @type {(inputs: {}) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Auf/Zu-Button`)
 };
 
 /**
@@ -23,12 +23,12 @@ const de_settings_submenu_right_menu_items = /** @type {(inputs: {}) => Localize
 * @returns {LocalizedString}
 */
 /* @__NO_SIDE_EFFECTS__ */
-export const settings_submenu_right_menu_items = (inputs = {}, options = {}) => {
+export const settings_toggle_show_toggle = (inputs = {}, options = {}) => {
 	if (experimentalMiddlewareLocaleSplitting && isServer === false) {
-		return /** @type {any} */ (globalThis).__paraglide_ssr.settings_submenu_right_menu_items(inputs) 
+		return /** @type {any} */ (globalThis).__paraglide_ssr.settings_toggle_show_toggle(inputs) 
 	}
 	const locale = options.locale ?? getLocale()
-	trackMessageCall("settings_submenu_right_menu_items", locale)
-	if (locale === "en") return en_settings_submenu_right_menu_items(inputs)
-	return de_settings_submenu_right_menu_items(inputs)
+	trackMessageCall("settings_toggle_show_toggle", locale)
+	if (locale === "en") return en_settings_toggle_show_toggle(inputs)
+	return de_settings_toggle_show_toggle(inputs)
 };

package/dist/paraglide/messages/settings_toggle_zoom_controls.d.ts

@@ -0,0 +1,4 @@
+export function settings_toggle_zoom_controls(inputs?: {}, options?: {
+    locale?: "en" | "de";
+}): LocalizedString;
+export type LocalizedString = import("../runtime.js").LocalizedString;

package/dist/paraglide/messages/settings_toggle_zoom_controls.js

@@ -0,0 +1,34 @@
+/* eslint-disable */
+import { getLocale, trackMessageCall, experimentalMiddlewareLocaleSplitting, isServer } from '../runtime.js';
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+const en_settings_toggle_zoom_controls = /** @type {(inputs: {}) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Zoom Controls`)
+};
+
+const de_settings_toggle_zoom_controls = /** @type {(inputs: {}) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Zoom-Steuerelemente`)
+};
+
+/**
+* This function has been compiled by [Paraglide JS](https://inlang.com/m/gerre34r).
+*
+* - Changing this function will be over-written by the next build.
+*
+* - If you want to change the translations, you can either edit the source files e.g. `en.json`, or
+* use another inlang app like [Fink](https://inlang.com/m/tdozzpar) or the [VSCode extension Sherlock](https://inlang.com/m/r7kp499g).
+* 
+* @param {{}} inputs
+* @param {{ locale?: "en" | "de" }} options
+* @returns {LocalizedString}
+*/
+/* @__NO_SIDE_EFFECTS__ */
+export const settings_toggle_zoom_controls = (inputs = {}, options = {}) => {
+	if (experimentalMiddlewareLocaleSplitting && isServer === false) {
+		return /** @type {any} */ (globalThis).__paraglide_ssr.settings_toggle_zoom_controls(inputs) 
+	}
+	const locale = options.locale ?? getLocale()
+	trackMessageCall("settings_toggle_zoom_controls", locale)
+	if (locale === "en") return en_settings_toggle_zoom_controls(inputs)
+	return de_settings_toggle_zoom_controls(inputs)
+};

package/dist/paraglide/messages/settings_toolbar_open.d.ts

@@ -0,0 +1,4 @@
+export function settings_toolbar_open(inputs?: {}, options?: {
+    locale?: "en" | "de";
+}): LocalizedString;
+export type LocalizedString = import("../runtime.js").LocalizedString;

package/dist/paraglide/messages/settings_toolbar_open.js

@@ -0,0 +1,34 @@
+/* eslint-disable */
+import { getLocale, trackMessageCall, experimentalMiddlewareLocaleSplitting, isServer } from '../runtime.js';
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+const en_settings_toolbar_open = /** @type {(inputs: {}) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Toolbar Open`)
+};
+
+const de_settings_toolbar_open = /** @type {(inputs: {}) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Werkzeugleiste geöffnet`)
+};
+
+/**
+* This function has been compiled by [Paraglide JS](https://inlang.com/m/gerre34r).
+*
+* - Changing this function will be over-written by the next build.
+*
+* - If you want to change the translations, you can either edit the source files e.g. `en.json`, or
+* use another inlang app like [Fink](https://inlang.com/m/tdozzpar) or the [VSCode extension Sherlock](https://inlang.com/m/r7kp499g).
+* 
+* @param {{}} inputs
+* @param {{ locale?: "en" | "de" }} options
+* @returns {LocalizedString}
+*/
+/* @__NO_SIDE_EFFECTS__ */
+export const settings_toolbar_open = (inputs = {}, options = {}) => {
+	if (experimentalMiddlewareLocaleSplitting && isServer === false) {
+		return /** @type {any} */ (globalThis).__paraglide_ssr.settings_toolbar_open(inputs) 
+	}
+	const locale = options.locale ?? getLocale()
+	trackMessageCall("settings_toolbar_open", locale)
+	if (locale === "en") return en_settings_toolbar_open(inputs)
+	return de_settings_toolbar_open(inputs)
+};

package/dist/paraglide/messages/{settings_toggle_left_menu.d.ts → settings_toolbar_position.d.ts}

@@ -1,4 +1,4 @@
-export function settings_toggle_left_menu(inputs?: {}, options?: {
+export function settings_toolbar_position(inputs?: {}, options?: {
     locale?: "en" | "de";
 }): LocalizedString;
 export type LocalizedString = import("../runtime.js").LocalizedString;