triiiceratops 0.9.13 → 0.10.0

package/dist/components/OSDViewer.svelte

@@ -11,7 +11,7 @@
         $props();
 
     let container: HTMLElement | undefined = $state();
-    let viewer: any | undefined = $state();
+    let viewer: any | undefined = $state.raw();
     let OSD: any | undefined = $state();
 
     // Track OSD state changes for reactivity
@@ -61,6 +61,12 @@
 
         const results: any[] = [];
 
+        // Check if annotation editor is open to prevent double rendering
+        const editorPanel = viewerState.pluginPanels.find(
+            (p) => p.id === 'annotation-editor:panel',
+        );
+        const isEditorOpen = editorPanel ? editorPanel.isVisible() : false;
+
         for (const anno of parsedAnnotations) {
             // Filter based on visibility
             if (anno.isSearchHit) {
@@ -96,7 +102,9 @@
                         height: pixelRect.height,
                     },
                     isSearchHit: anno.isSearchHit,
-                    tooltip: anno.body.value,
+                    tooltip: anno.body.map((b) => b.value).join(' '),
+                    // Disable pointer events if editor is open so blue annotations can be selected
+                    pointerEvents: isEditorOpen ? 'none' : 'auto',
                 });
             } else if (anno.geometry.type === 'POLYGON') {
                 // Convert each point from image to viewport to pixel
@@ -140,7 +148,8 @@
                     },
                     points: relativePoints,
                     isSearchHit: anno.isSearchHit,
-                    tooltip: anno.body.value,
+                    tooltip: anno.body.map((b) => b.value).join(' '),
+                    pointerEvents: isEditorOpen ? 'none' : 'auto',
                 });
             }
         }
@@ -170,6 +179,10 @@
                 animationTime: 0.5,
                 springStiffness: 7.0,
                 zoomPerClick: 2.0,
+                // Disable click-to-zoom to allow Annotorious click drawing
+                gestureSettingsMouse: {
+                    clickToZoom: false,
+                },
             });
 
             // Notify plugins that OSD is ready
@@ -228,6 +241,7 @@
     {#each renderedAnnotations as anno (anno.id)}
         {#if anno.type === 'RECTANGLE'}
             <div
+                id="annotation-visual-{anno.id}"
                 class="absolute border-2 transition-colors cursor-pointer pointer-events-auto {anno.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'}"
@@ -236,6 +250,7 @@
           top: {anno.rect.y}px;
           width: {anno.rect.width}px;
           height: {anno.rect.height}px;
+          pointer-events: {anno.pointerEvents};
         "
                 title={anno.tooltip}
             ></div>
@@ -247,10 +262,12 @@
           top: {anno.bounds.y}px;
           width: {anno.bounds.width}px;
           height: {anno.bounds.height}px;
+          pointer-events: {anno.pointerEvents};
         "
             >
                 <title>{anno.tooltip}</title>
                 <polygon
+                    id="annotation-visual-{anno.id}"
                     points={anno.points.map((p: any) => p.join(',')).join(' ')}
                     class="cursor-pointer transition-colors {anno.isSearchHit
                         ? 'fill-yellow-400/40 stroke-yellow-400 hover:fill-yellow-400/60'

package/dist/components/TriiiceratopsViewer.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-    import { setContext, onDestroy } from 'svelte';
+    import { setContext, onDestroy, untrack } from 'svelte';
     import { ViewerState, VIEWER_STATE_KEY } from '../state/viewer.svelte';
-    import type { TriiiceratopsPlugin } from '../types/plugin';
+    import type { PluginDef } from '../types/plugin';
     import type { DaisyUITheme, ThemeConfig } from '../theme/types';
     import type { ViewerConfig } from '../types/config';
     import { applyTheme } from '../theme/themeManager';
@@ -13,23 +13,15 @@
     import LeftFab from './LeftFab.svelte';
     import MetadataDialog from './MetadataDialog.svelte';
     import SearchPanel from './SearchPanel.svelte';
-    import { m } from '../state/i18n.svelte';
+    import { m, language } from '../state/i18n.svelte';
 
     // SSR-safe browser detection for library consumers
     const browser = typeof window !== 'undefined';
 
-    let {
-        manifestId,
-        canvasId,
-        plugins = [],
-        theme,
-        themeConfig,
-        config = {},
-        viewerState = $bindable(),
-    }: {
+    interface Props {
         manifestId?: string;
         canvasId?: string;
-        plugins?: TriiiceratopsPlugin[];
+        plugins?: PluginDef[];
         /** Built-in DaisyUI theme name. Defaults to 'light' or 'dark' based on prefers-color-scheme. */
         theme?: DaisyUITheme;
         /** Custom theme configuration to override the base theme's values. */
@@ -38,7 +30,17 @@
         config?: ViewerConfig;
         /** Bindable viewer state instance for external access (Svelte consumers) */
         viewerState?: ViewerState;
-    } = $props();
+    }
+
+    let {
+        manifestId,
+        canvasId,
+        plugins = [],
+        theme,
+        themeConfig,
+        config = {},
+        viewerState = $bindable(),
+    }: Props = $props();
 
     // Reference to root element for applying theme
     let rootElement: HTMLElement | undefined = $state();
@@ -101,11 +103,45 @@
         }
     });
 
-    // Register plugins reactively
+    // Register plugins reactively with cleanup
+    let registeredPluginIds: string[] = [];
+
     $effect(() => {
-        for (const plugin of plugins) {
-            internalViewerState.registerPlugin(plugin);
-        }
+        // Create dependency on plugins prop by accessing it
+        const currentPlugins = plugins;
+
+        // Use untrack so that operations inside (like registerPlugin accessing/writing state)
+        // do NOT become dependencies of this effect. This prevents infinite loops.
+        untrack(() => {
+            // Cleanup previous plugins first
+            for (const id of registeredPluginIds) {
+                internalViewerState.unregisterPlugin(id);
+            }
+            registeredPluginIds = [];
+
+            // Register new plugins
+            for (const plugin of currentPlugins) {
+                const id =
+                    plugin.id ||
+                    `plugin-${Math.random().toString(36).substr(2, 9)}`;
+                // Create a copy with the ID to ensure stability for THIS registration
+                const defWithId = { ...plugin, id };
+                internalViewerState.registerPlugin(defWithId);
+                registeredPluginIds.push(id);
+            }
+        });
+
+        // Cleanup on effect re-run
+        return () => {
+            for (const id of registeredPluginIds) {
+                internalViewerState.unregisterPlugin(id);
+            }
+            registeredPluginIds = [];
+        };
+    });
+
+    onDestroy(() => {
+        internalViewerState.destroyAllPlugins();
     });
 
     $effect(() => {
@@ -187,13 +223,19 @@
             else if (body) resource = body;
         }
 
-        // Check if resource is valid (Manifesto sometimes returns empty objects for v3 bodies)
-        if (
+        // Check if resource is valid (Manifesto sometimes returns empty wrapper objects for v3 bodies)
+        // The wrapper may have getServices() that returns manifest-level services, so we can't rely on that.
+        // Instead, check if the resource has actual content (id, __jsonld, or a service property)
+        const resourceJson = resource?.__jsonld || resource;
+        const hasContent =
             resource &&
-            !resource.id &&
-            !resource.__jsonld &&
-            (!resource.getServices || resource.getServices().length === 0)
-        ) {
+            (resource.id ||
+                resource['@id'] ||
+                (resourceJson &&
+                    (resourceJson.service ||
+                        resourceJson.id ||
+                        resourceJson['@id'])));
+        if (resource && !hasContent) {
             resource = null;
         }
 
@@ -214,28 +256,27 @@
         const getId = (thing: any) => thing.id || thing['@id'];
 
         // Start of service detection logic
-        let services = [];
-        if (resource.getServices) {
-            services = resource.getServices();
+        // Check raw json service FIRST - Manifesto's getServices() often returns
+        // manifest-level services instead of the image body's services
+        let services: any[] = [];
+        const rJson = resource.__jsonld || resource;
+        if (rJson.service) {
+            services = Array.isArray(rJson.service)
+                ? rJson.service
+                : [rJson.service];
         }
 
-        // Fallback: check raw json service
-        if (!services.length) {
-            const rJson = resource.__jsonld || resource;
-            // console.log('Checking raw resource for services:', rJson);
-            if (rJson.service) {
-                services = Array.isArray(rJson.service)
-                    ? rJson.service
-                    : [rJson.service];
-            }
+        // Fallback to getServices() only if raw json didn't have services
+        if (!services.length && resource.getServices) {
+            services = resource.getServices();
         }
 
-        // console.log('Found services:', services);
-
         if (services.length > 0) {
             // Find a valid image service
             const service = services.find((s: any) => {
-                const type = s.getType ? s.getType() : s.type || '';
+                const type = s.getType
+                    ? s.getType()
+                    : s.type || s['@type'] || '';
                 const profile = s.getProfile ? s.getProfile() : s.profile || '';
                 return (
                     type === 'ImageService1' ||
@@ -307,7 +348,10 @@
             {#each internalViewerState.pluginPanels as panel (panel.id)}
                 {#if panel.isVisible() && panel.position === 'left'}
                     <div class="h-full relative pointer-events-auto">
-                        <panel.component {...panel.props ?? {}} />
+                        <panel.component
+                            {...panel.props ?? {}}
+                            locale={language.current}
+                        />
                     </div>
                 {/if}
             {/each}
@@ -378,7 +422,10 @@
             {#each internalViewerState.pluginPanels as panel (panel.id)}
                 {#if panel.isVisible() && panel.position === 'overlay'}
                     <div class="absolute inset-0 z-40 pointer-events-none">
-                        <panel.component {...panel.props ?? {}} />
+                        <panel.component
+                            {...panel.props ?? {}}
+                            locale={language.current}
+                        />
                     </div>
                 {/if}
             {/each}
@@ -407,7 +454,10 @@
         {#each internalViewerState.pluginPanels as panel (panel.id)}
             {#if panel.isVisible() && panel.position === 'bottom'}
                 <div class="relative w-full z-40 pointer-events-auto">
-                    <panel.component {...panel.props ?? {}} />
+                    <panel.component
+                        {...panel.props ?? {}}
+                        locale={language.current}
+                    />
                 </div>
             {/if}
         {/each}
@@ -439,7 +489,10 @@
             {#each internalViewerState.pluginPanels as panel (panel.id)}
                 {#if panel.isVisible() && panel.position === 'right'}
                     <div class="h-full relative pointer-events-auto">
-                        <panel.component {...panel.props ?? {}} />
+                        <panel.component
+                            {...panel.props ?? {}}
+                            locale={language.current}
+                        />
                     </div>
                 {/if}
             {/each}

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

@@ -1,11 +1,11 @@
 import { ViewerState } from '../state/viewer.svelte';
-import type { TriiiceratopsPlugin } from '../types/plugin';
+import type { PluginDef } from '../types/plugin';
 import type { DaisyUITheme, ThemeConfig } from '../theme/types';
 import type { ViewerConfig } from '../types/config';
-type $$ComponentProps = {
+interface Props {
     manifestId?: string;
     canvasId?: string;
-    plugins?: TriiiceratopsPlugin[];
+    plugins?: PluginDef[];
     /** Built-in DaisyUI theme name. Defaults to 'light' or 'dark' based on prefers-color-scheme. */
     theme?: DaisyUITheme;
     /** Custom theme configuration to override the base theme's values. */
@@ -14,7 +14,7 @@ type $$ComponentProps = {
     config?: ViewerConfig;
     /** Bindable viewer state instance for external access (Svelte consumers) */
     viewerState?: ViewerState;
-};
-declare const TriiiceratopsViewer: import("svelte").Component<$$ComponentProps, {}, "viewerState">;
+}
+declare const TriiiceratopsViewer: import("svelte").Component<Props, {}, "viewerState">;
 type TriiiceratopsViewer = ReturnType<typeof TriiiceratopsViewer>;
 export default TriiiceratopsViewer;

package/dist/components/TriiiceratopsViewerElement.svelte

@@ -35,7 +35,7 @@
 <script lang="ts">
     import styles from '../../app.css?inline';
     import TriiiceratopsViewer from './TriiiceratopsViewer.svelte';
-    import type { TriiiceratopsPlugin } from '../types/plugin';
+    import type { PluginDef } from '../types/plugin';
     import type { DaisyUITheme, ThemeConfig } from '../theme/types';
     import type { ViewerConfig } from '../types/config';
     import { isBuiltInTheme, parseThemeConfig } from '../theme/themeManager';
@@ -51,7 +51,7 @@
     }: {
         manifestId?: string;
         canvasId?: string;
-        plugins?: TriiiceratopsPlugin[];
+        plugins?: PluginDef[];
         /**
          * Built-in DaisyUI theme name (e.g., 'light', 'dark', 'cupcake').
          * When not specified, inherits the theme from the parent context.

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

@@ -1,10 +1,10 @@
-import type { TriiiceratopsPlugin } from '../types/plugin';
+import type { PluginDef } from '../types/plugin';
 import type { ThemeConfig } from '../theme/types';
 import type { ViewerConfig } from '../types/config';
 type $$ComponentProps = {
     manifestId?: string;
     canvasId?: string;
-    plugins?: TriiiceratopsPlugin[];
+    plugins?: PluginDef[];
     /**
      * Built-in DaisyUI theme name (e.g., 'light', 'dark', 'cupcake').
      * When not specified, inherits the theme from the parent context.

package/dist/custom-element.d.ts

@@ -1 +1,11 @@
+import * as svelte from 'svelte';
+declare global {
+    interface Window {
+        __TriiiceratopsSvelteRuntime: {
+            svelte: typeof svelte;
+            internal: unknown;
+        };
+        TriiiceratopsPlugins?: Record<string, unknown>;
+    }
+}
 import './components/TriiiceratopsViewerElement.svelte';

package/dist/custom-element.js

@@ -1,3 +1,16 @@
 // Entry point for custom element build
 // Importing this module registers the <triiiceratops-viewer> custom element
+// Expose Svelte internals for IIFE plugin builds
+// Plugins built as IIFE need to share the same Svelte runtime instance
+// so that getContext/setContext work correctly across bundle boundaries
+// @ts-expect-error - svelte/internal/client is not typed but exists at runtime
+import * as svelteInternal from 'svelte/internal/client';
+import * as svelte from 'svelte';
+window.__TriiiceratopsSvelteRuntime = {
+    svelte,
+    internal: svelteInternal,
+};
+// Initialize the plugins namespace
+window.TriiiceratopsPlugins = window.TriiiceratopsPlugins || {};
+// Register the custom element
 import './components/TriiiceratopsViewerElement.svelte';

package/dist/image_filters_reset-BEIf-_QA.js

@@ -0,0 +1,108 @@
+import { a as t } from "./X-DZEgXrJ8.js";
+const s = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Image Adjustments"
+  )
+), a = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Bildanpassungen"
+  )
+), v = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => (e.locale ?? t()) === "en" ? s() : a(), l = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Brightness"
+  )
+), i = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Helligkeit"
+  )
+), y = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => (e.locale ?? t()) === "en" ? l() : i(), o = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Contrast"
+  )
+), c = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Kontrast"
+  )
+), B = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => (e.locale ?? t()) === "en" ? o() : c(), _ = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Saturation"
+  )
+), u = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Sättigung"
+  )
+), C = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => (e.locale ?? t()) === "en" ? _() : u(), f = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Effects"
+  )
+), g = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Effekte"
+  )
+), E = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => (e.locale ?? t()) === "en" ? f() : g(), m = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Invert Colors"
+  )
+), d = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Farben umkehren"
+  )
+), G = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => (e.locale ?? t()) === "en" ? m() : d(), p = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Grayscale"
+  )
+), b = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Graustufen"
+  )
+), I = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => (e.locale ?? t()) === "en" ? p() : b(), h = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Reset to Default"
+  )
+), j = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Zurücksetzen"
+  )
+), S = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => (e.locale ?? t()) === "en" ? h() : j();
+export {
+  y as a,
+  B as b,
+  E as c,
+  I as d,
+  G as e,
+  S as f,
+  C as g,
+  v as i
+};

package/dist/index.d.ts

@@ -2,8 +2,7 @@ export { default as TriiiceratopsViewer } from './components/TriiiceratopsViewer
 export { ViewerState, VIEWER_STATE_KEY } from './state/viewer.svelte';
 export type { ViewerStateSnapshot } from './state/viewer.svelte';
 export { ManifestsState } from './state/manifests.svelte';
-export type { TriiiceratopsPlugin, PluginContext, PluginMenuButton, PluginPanel, } from './types/plugin';
-export { BasePlugin } from './types/plugin';
+export type { PluginDef, PluginMenuButton, PluginPanel } from './types/plugin';
 export type { ThemeConfig, DaisyUITheme } from './theme/types';
 export { DAISYUI_THEMES } from './theme/types';
 export { applyTheme, applyBuiltInTheme, applyThemeConfig, clearThemeConfig, isBuiltInTheme, parseThemeConfig, } from './theme/themeManager';

package/dist/index.js

@@ -3,7 +3,6 @@ export { default as TriiiceratopsViewer } from './components/TriiiceratopsViewer
 // Type exports for TypeScript users
 export { ViewerState, VIEWER_STATE_KEY } from './state/viewer.svelte';
 export { ManifestsState } from './state/manifests.svelte';
-export { BasePlugin } from './types/plugin';
 export { DAISYUI_THEMES } from './theme/types';
 export { applyTheme, applyBuiltInTheme, applyThemeConfig, clearThemeConfig, isBuiltInTheme, parseThemeConfig, } from './theme/themeManager';
 export { hexToOklch, normalizeColor } from './theme/colorUtils';

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

@@ -88,4 +88,34 @@ export * from "./theme_menu_title.js";
 export * from "./error_prefix.js";
 export * from "./no_image_found.js";
 export * from "./settings_panel_width.js";
+export * from "./annotation_editor_title.js";
+export * from "./annotation_editor_edit_mode.js";
+export * from "./annotation_editor_create_mode.js";
+export * from "./annotation_editor_instruction_create.js";
+export * from "./annotation_editor_instruction_edit.js";
+export * from "./annotation_editor_tool_label.js";
+export * from "./annotation_editor_undo.js";
+export * from "./annotation_editor_redo.js";
+export * from "./annotation_editor_edit_section.js";
+export * from "./annotation_editor_delete_tooltip.js";
+export * from "./annotation_editor_tag_placeholder.js";
+export * from "./annotation_editor_link_placeholder.js";
+export * from "./annotation_editor_text_placeholder.js";
+export * from "./annotation_editor_add_content.js";
+export * from "./annotation_editor_save.js";
+export * from "./annotation_editor_delete_title.js";
+export * from "./annotation_editor_delete_message.js";
+export * from "./annotation_editor_cancel.js";
+export * from "./annotation_editor_delete.js";
+export * from "./image_adjustments_title.js";
+export * from "./image_filters_brightness.js";
+export * from "./image_filters_contrast.js";
+export * from "./image_filters_saturation.js";
+export * from "./image_filters_effects.js";
+export * from "./image_filters_invert.js";
+export * from "./image_filters_grayscale.js";
+export * from "./image_filters_reset.js";
+export * from "./annotation_tool_rectangle.js";
+export * from "./annotation_tool_polygon.js";
+export * from "./annotation_tool_point.js";
 export type LocalizedString = import("../runtime.js").LocalizedString;

package/dist/paraglide/messages/_index.js

@@ -89,4 +89,34 @@ export * from './change_theme_label.js'
 export * from './theme_menu_title.js'
 export * from './error_prefix.js'
 export * from './no_image_found.js'
-export * from './settings_panel_width.js'
+export * from './settings_panel_width.js'
+export * from './annotation_editor_title.js'
+export * from './annotation_editor_edit_mode.js'
+export * from './annotation_editor_create_mode.js'
+export * from './annotation_editor_instruction_create.js'
+export * from './annotation_editor_instruction_edit.js'
+export * from './annotation_editor_tool_label.js'
+export * from './annotation_editor_undo.js'
+export * from './annotation_editor_redo.js'
+export * from './annotation_editor_edit_section.js'
+export * from './annotation_editor_delete_tooltip.js'
+export * from './annotation_editor_tag_placeholder.js'
+export * from './annotation_editor_link_placeholder.js'
+export * from './annotation_editor_text_placeholder.js'
+export * from './annotation_editor_add_content.js'
+export * from './annotation_editor_save.js'
+export * from './annotation_editor_delete_title.js'
+export * from './annotation_editor_delete_message.js'
+export * from './annotation_editor_cancel.js'
+export * from './annotation_editor_delete.js'
+export * from './image_adjustments_title.js'
+export * from './image_filters_brightness.js'
+export * from './image_filters_contrast.js'
+export * from './image_filters_saturation.js'
+export * from './image_filters_effects.js'
+export * from './image_filters_invert.js'
+export * from './image_filters_grayscale.js'
+export * from './image_filters_reset.js'
+export * from './annotation_tool_rectangle.js'
+export * from './annotation_tool_polygon.js'
+export * from './annotation_tool_point.js'

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

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

package/dist/paraglide/messages/annotation_editor_add_content.js

@@ -0,0 +1,34 @@
+/* eslint-disable */
+import { getLocale, trackMessageCall, experimentalMiddlewareLocaleSplitting, isServer } from '../runtime.js';
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+const en_annotation_editor_add_content = /** @type {(inputs: {}) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Add Content`)
+};
+
+const de_annotation_editor_add_content = /** @type {(inputs: {}) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Inhalt hinzufügen`)
+};
+
+/**
+* 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 annotation_editor_add_content = (inputs = {}, options = {}) => {
+	if (experimentalMiddlewareLocaleSplitting && isServer === false) {
+		return /** @type {any} */ (globalThis).__paraglide_ssr.annotation_editor_add_content(inputs) 
+	}
+	const locale = options.locale ?? getLocale()
+	trackMessageCall("annotation_editor_add_content", locale)
+	if (locale === "en") return en_annotation_editor_add_content(inputs)
+	return de_annotation_editor_add_content(inputs)
+};

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

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