triiiceratops 0.9.11 → 0.9.12

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

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

package/dist/components/DemoHeader.svelte

@@ -527,6 +527,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/SearchPanel.svelte

@@ -39,12 +39,14 @@
             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 border-l border-base-300 transition-[width] duration-200"
+        style="width: {width}"
         role="dialog"
         aria-label={m.search_panel_title()}
     >

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

@@ -86,4 +86,5 @@ 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

@@ -87,4 +87,5 @@ export * from './try_your_own.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)
+};