triiiceratops 0.9.11 → 0.9.13

package/dist/chunks/{openseadragon-Bv-h4t_t.js → openseadragon-CHvATAD9.js}

@@ -1,4 +1,4 @@
-import { M as De } from "./TriiiceratopsViewer-D0uSIuXv.js";
+import { M as De } from "./TriiiceratopsViewer-EViTQO_n.js";
 function Fe(oe, F) {
   for (var e = 0; e < F.length; e++) {
     const t = F[e];

package/dist/components/DemoHeader.svelte

@@ -238,6 +238,18 @@
                 <li class="menu-title px-4 py-2">
                     {m.settings_category_general()}
                 </li>
+                <li>
+                    <label class="label cursor-pointer py-1">
+                        <span class="label-text"
+                            >{m.settings_transparent_background()}</span
+                        >
+                        <input
+                            type="checkbox"
+                            class="toggle toggle-sm"
+                            bind:checked={config.transparentBackground}
+                        />
+                    </label>
+                </li>
                 <li>
                     <label class="label cursor-pointer py-1">
                         <span class="label-text"
@@ -527,6 +539,31 @@
                                     />
                                 </label>
                             </li>
+                            <li>
+                                <label class="label cursor-pointer py-1 gap-2">
+                                    <span class="label-text"
+                                        >{m.settings_panel_width()}</span
+                                    >
+                                    <input
+                                        type="range"
+                                        min="200"
+                                        max="800"
+                                        value={parseInt(
+                                            config.search?.width ?? '320',
+                                        )}
+                                        class="range range-xs range-primary w-32"
+                                        oninput={(e) => {
+                                            if (!config.search)
+                                                config.search = {};
+                                            config.search.width = `${e.currentTarget.value}px`;
+                                        }}
+                                    />
+                                    <span
+                                        class="text-xs opacity-50 w-8 text-right"
+                                        >{config.search?.width ?? '320px'}</span
+                                    >
+                                </label>
+                            </li>
                         </ul>
                     </details>
                 </li>

package/dist/components/OSDViewer.svelte

@@ -218,7 +218,10 @@
 <div class="w-full h-full relative">
     <div
         bind:this={container}
-        class="w-full h-full osd-background bg-base-100"
+        class="w-full h-full osd-background {viewerState.config
+            .transparentBackground
+            ? ''
+            : 'bg-base-100'}"
     ></div>
 
     <!-- Render annotations -->

package/dist/components/SearchPanel.svelte

@@ -39,12 +39,17 @@
             viewerState.setCanvas(canvas.id);
         }
     }
+    let width = $derived(viewerState.config.search?.width ?? '320px');
 </script>
 
 <!-- Drawer / Panel -->
 {#if viewerState.showSearchPanel}
     <div
-        class="h-full w-80 bg-base-200 shadow-2xl z-100 flex flex-col border-l border-base-300"
+        class="h-full bg-base-200 shadow-2xl z-100 flex flex-col transition-[width] duration-200 {viewerState
+            .config.transparentBackground
+            ? ''
+            : 'border-l border-base-300'}"
+        style="width: {width}"
         role="dialog"
         aria-label={m.search_panel_title()}
     >

package/dist/components/TriiiceratopsViewer.svelte

@@ -284,12 +284,18 @@
 <div
     bind:this={rootElement}
     id="triiiceratops-viewer"
-    class="flex w-full h-full relative bg-base-100 overflow-hidden"
+    class="flex w-full h-full relative overflow-hidden {internalViewerState
+        .config.transparentBackground
+        ? ''
+        : 'bg-base-100'}"
 >
     <!-- Left Column -->
     {#if isLeftSidebarVisible}
         <div
-            class="flex-none flex flex-row z-20 bg-base-200 border-r border-base-300 transition-all"
+            class="flex-none flex flex-row z-20 transition-all {internalViewerState
+                .config.transparentBackground
+                ? ''
+                : 'bg-base-200 border-r border-base-300'}"
         >
             <!-- Gallery (when docked left) -->
             {#if internalViewerState.showThumbnailGallery && internalViewerState.dockSide === 'left'}
@@ -323,7 +329,12 @@
         {/if}
 
         <!-- Main Viewer Area -->
-        <div class="flex-1 relative min-h-0 w-full h-full bg-base-100">
+        <div
+            class="flex-1 relative min-h-0 w-full h-full {internalViewerState
+                .config.transparentBackground
+                ? ''
+                : 'bg-base-100'}"
+        >
             {#if manifestData?.isFetching}
                 <div class="w-full h-full flex items-center justify-center">
                     <span
@@ -405,7 +416,10 @@
     <!-- Right Column -->
     {#if isRightSidebarVisible}
         <div
-            class="flex-none flex flex-row z-20 bg-base-200 border-l border-base-300 transition-all"
+            class="flex-none flex flex-row z-20 transition-all {internalViewerState
+                .config.transparentBackground
+                ? ''
+                : 'bg-base-200 border-l border-base-300'}"
         >
             <!-- Search Panel -->
             {#if internalViewerState.showSearchPanel}

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

@@ -82,8 +82,10 @@ export * from "./viewer_variant_svelte.js";
 export * from "./language_select_label.js";
 export * from "./no_canvases_loaded.js";
 export * from "./try_your_own.js";
+export * from "./settings_transparent_background.js";
 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 type LocalizedString = import("../runtime.js").LocalizedString;

package/dist/paraglide/messages/_index.js

@@ -84,7 +84,9 @@ export * from './viewer_variant_svelte.js'
 export * from './language_select_label.js'
 export * from './no_canvases_loaded.js'
 export * from './try_your_own.js'
+export * from './settings_transparent_background.js'
 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 './no_image_found.js'
+export * from './settings_panel_width.js'

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

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

package/dist/paraglide/messages/settings_panel_width.js

@@ -0,0 +1,34 @@
+/* eslint-disable */
+import { getLocale, trackMessageCall, experimentalMiddlewareLocaleSplitting, isServer } from '../runtime.js';
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+const en_settings_panel_width = /** @type {(inputs: {}) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Panel Width`)
+};
+
+const de_settings_panel_width = /** @type {(inputs: {}) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Panelbreite`)
+};
+
+/**
+* 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_panel_width = (inputs = {}, options = {}) => {
+	if (experimentalMiddlewareLocaleSplitting && isServer === false) {
+		return /** @type {any} */ (globalThis).__paraglide_ssr.settings_panel_width(inputs) 
+	}
+	const locale = options.locale ?? getLocale()
+	trackMessageCall("settings_panel_width", locale)
+	if (locale === "en") return en_settings_panel_width(inputs)
+	return de_settings_panel_width(inputs)
+};

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

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

package/dist/paraglide/messages/settings_transparent_background.js

@@ -0,0 +1,34 @@
+/* eslint-disable */
+import { getLocale, trackMessageCall, experimentalMiddlewareLocaleSplitting, isServer } from '../runtime.js';
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+const en_settings_transparent_background = /** @type {(inputs: {}) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Transparent Background`)
+};
+
+const de_settings_transparent_background = /** @type {(inputs: {}) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Transparenter Hintergrund`)
+};
+
+/**
+* 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_transparent_background = (inputs = {}, options = {}) => {
+	if (experimentalMiddlewareLocaleSplitting && isServer === false) {
+		return /** @type {any} */ (globalThis).__paraglide_ssr.settings_transparent_background(inputs) 
+	}
+	const locale = options.locale ?? getLocale()
+	trackMessageCall("settings_transparent_background", locale)
+	if (locale === "en") return en_settings_transparent_background(inputs)
+	return de_settings_transparent_background(inputs)
+};