triiiceratops 0.10.2 → 0.10.4

package/dist/{ArrowCounterClockwise-CvTUOlYp.js → ArrowCounterClockwise-Bqd8M_aJ.js}

@@ -1,6 +1,6 @@
 import "svelte/internal/disclose-version";
 import * as a from "svelte/internal/client";
-import { g as N } from "./X-Dgb3I7Ob.js";
+import { g as N } from "./X-DuHUJc5I.js";
 var O = a.from_svg('<path d="M228,128a100,100,0,0,1-98.66,100H128a99.39,99.39,0,0,1-68.62-27.29,12,12,0,0,1,16.48-17.45,76,76,0,1,0-1.57-109c-.13.13-.25.25-.39.37L54.89,92H72a12,12,0,0,1,0,24H24a12,12,0,0,1-12-12V56a12,12,0,0,1,24,0V76.72L57.48,57.06A100,100,0,0,1,228,128Z"></path>'), P = a.from_svg('<path d="M216,128a88,88,0,1,1-88-88A88,88,0,0,1,216,128Z" opacity="0.2"></path><path d="M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L44.59,96H72a8,8,0,0,1,0,16H24a8,8,0,0,1-8-8V56a8,8,0,0,1,16,0V85.8L60.25,60A96,96,0,0,1,224,128Z"></path>', 1), Q = a.from_svg('<path d="M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L60.63,81.29l17,17A8,8,0,0,1,72,112H24a8,8,0,0,1-8-8V56A8,8,0,0,1,29.66,50.3L49.31,70,60.25,60A96,96,0,0,1,224,128Z"></path>'), R = a.from_svg('<path d="M222,128a94,94,0,0,1-92.74,94H128a93.43,93.43,0,0,1-64.5-25.65,6,6,0,1,1,8.24-8.72A82,82,0,1,0,70,70l-.19.19L39.44,98H72a6,6,0,0,1,0,12H24a6,6,0,0,1-6-6V56a6,6,0,0,1,12,0V90.34L61.63,61.4A94,94,0,0,1,222,128Z"></path>'), S = a.from_svg('<path d="M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L44.59,96H72a8,8,0,0,1,0,16H24a8,8,0,0,1-8-8V56a8,8,0,0,1,16,0V85.8L60.25,60A96,96,0,0,1,224,128Z"></path>'), T = a.from_svg('<path d="M220,128a92,92,0,0,1-90.77,92H128a91.47,91.47,0,0,1-63.13-25.1,4,4,0,1,1,5.5-5.82A84,84,0,1,0,68.6,68.57l-.13.12L34.3,100H72a4,4,0,0,1,0,8H24a4,4,0,0,1-4-4V56a4,4,0,0,1,8,0V94.89l35-32A92,92,0,0,1,220,128Z"></path>'), W = a.from_svg('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
 function $(L, r) {
   a.push(r, !0);

package/dist/{X-Dgb3I7Ob.js → X-DuHUJc5I.js}

@@ -533,9 +533,9 @@ class ae {
           }));
         });
       } catch (r) {
-        console.error("Search error:", r);
+        console.error("Search error:", r), this.isSearching = !1;
       } finally {
-        this.isSearching = !1;
+        this.pendingSearchQuery || (this.isSearching = !1);
       }
     }
   }

package/dist/{annotation_tool_point-CKkqbVDq.js → annotation_tool_point-r6erVcAH.js}

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

package/dist/components/DemoHeader.svelte

@@ -539,6 +539,33 @@
                                     />
                                 </label>
                             </li>
+                            <li>
+                                <label class="label cursor-pointer py-1 gap-2">
+                                    <span class="label-text"
+                                        >{m.settings_select_dock_position()}</span
+                                    >
+                                    <select
+                                        class="select select-bordered select-xs w-24"
+                                        value={config.search?.position ??
+                                            'right'}
+                                        onchange={(e) => {
+                                            if (!config.search)
+                                                config.search = {};
+                                            config.search.position = (
+                                                e.currentTarget as HTMLSelectElement
+                                            ).value;
+                                        }}
+                                        onclick={(e) => e.stopPropagation()}
+                                    >
+                                        <option value="right"
+                                            >{m.settings_position_right()}</option
+                                        >
+                                        <option value="left"
+                                            >{m.settings_position_left()}</option
+                                        >
+                                    </select>
+                                </label>
+                            </li>
                             <li>
                                 <label class="label cursor-pointer py-1 gap-2">
                                     <span class="label-text"

package/dist/components/SearchPanel.svelte

@@ -40,6 +40,7 @@
         }
     }
     let width = $derived(viewerState.config.search?.width ?? '320px');
+    let position = $derived(viewerState.config.search?.position ?? 'right');
 </script>
 
 <!-- Drawer / Panel -->
@@ -48,7 +49,9 @@
         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'}"
+            : position === 'left'
+              ? 'border-r border-base-300'
+              : 'border-l border-base-300'}"
         style="width: {width}"
         role="dialog"
         aria-label={m.search_panel_title()}
@@ -123,7 +126,10 @@
 
                 {#each viewerState.searchResults as group}
                     <button
-                        class="w-full text-left bg-base-100 shadow-sm border border-base-200 rounded-box cursor-pointer hover:shadow-md transition-all block p-0 select-none"
+                        class="w-full text-left bg-base-100 shadow-sm border border-base-200 rounded-box cursor-pointer hover:shadow-md transition-all block p-0 select-none {viewerState.currentCanvasIndex ===
+                        group.canvasIndex
+                            ? 'ring-2 ring-primary bg-primary/5'
+                            : ''}"
                         onclick={() => navigate(group.canvasIndex)}
                     >
                         <div

package/dist/components/TriiiceratopsViewer.svelte

@@ -162,13 +162,16 @@
     let isLeftSidebarVisible = $derived(
         (internalViewerState.showThumbnailGallery &&
             internalViewerState.dockSide === 'left') ||
+            (internalViewerState.showSearchPanel &&
+                internalViewerState.config.search?.position === 'left') ||
             internalViewerState.pluginPanels.some(
                 (p) => p.position === 'left' && p.isVisible(),
             ),
     );
 
     let isRightSidebarVisible = $derived(
-        internalViewerState.showSearchPanel ||
+        (internalViewerState.showSearchPanel &&
+            internalViewerState.config.search?.position !== 'left') ||
             (internalViewerState.showThumbnailGallery &&
                 internalViewerState.dockSide === 'right') ||
             internalViewerState.pluginPanels.some(
@@ -373,6 +376,13 @@
                 ? ''
                 : 'bg-base-200 border-r border-base-300'}"
         >
+            <!-- Search Panel (when configured left) -->
+            {#if internalViewerState.showSearchPanel && internalViewerState.config.search?.position === 'left'}
+                <div class="h-full relative pointer-events-auto">
+                    <SearchPanel />
+                </div>
+            {/if}
+
             <!-- Gallery (when docked left) -->
             {#if internalViewerState.showThumbnailGallery && internalViewerState.dockSide === 'left'}
                 <div class="h-full w-[140px] pointer-events-auto relative">
@@ -507,7 +517,7 @@
                 : 'bg-base-200 border-l border-base-300'}"
         >
             <!-- Search Panel -->
-            {#if internalViewerState.showSearchPanel}
+            {#if internalViewerState.showSearchPanel && internalViewerState.config.search?.position !== 'left'}
                 <div class="h-full relative pointer-events-auto">
                     <SearchPanel />
                 </div>

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

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

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-Dgb3I7Ob.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-DuHUJc5I.js";
 import Hs from "openseadragon";
-import { A as Bf } from "../ArrowCounterClockwise-CvTUOlYp.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-CKkqbVDq.js";
+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 "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-Dgb3I7Ob.js";
-import { A as d0 } from "../ArrowCounterClockwise-CvTUOlYp.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-DZrbHhqM.js";
+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";
 const G = {
   brightness: 100,
   contrast: 100,

package/dist/state/viewer.svelte.js

@@ -281,6 +281,7 @@ export class ViewerState {
             }
             if (!service) {
                 console.warn('No IIIF search service found in manifest');
+                // Ensure we stop searching if no service found
                 this.isSearching = false;
                 return;
             }
@@ -475,9 +476,13 @@ export class ViewerState {
         }
         catch (e) {
             console.error('Search error:', e);
+            this.isSearching = false;
         }
         finally {
-            this.isSearching = false;
+            // Only stop searching if we are NOT pending (i.e. we finished or failed, but didn't defer)
+            if (!this.pendingSearchQuery) {
+                this.isSearching = false;
+            }
         }
     }
     // ==================== PLUGIN STATE ====================