triiiceratops 0.12.2 → 0.12.4

package/dist/actions/tooltip.js

@@ -7,13 +7,15 @@ export function tooltip(node, params) {
         tip.className =
             'fixed z-[9999] px-2 py-1 text-xs rounded shadow-sm pointer-events-none opacity-0 transition-opacity duration-150 whitespace-nowrap max-w-xs';
         tip.textContent = params.content;
-        const computedStyle = getComputedStyle(node);
-        const bgColor = computedStyle.getPropertyValue('--color-base-200').trim() ||
-            computedStyle.getPropertyValue('--color-neutral').trim() ||
-            'oklch(0.95 0 0)';
-        const textColor = computedStyle.getPropertyValue('--color-base-content').trim() ||
-            computedStyle.getPropertyValue('--color-neutral-content').trim() ||
-            'oklch(0.2 0 0)';
+        const tempEl = document.createElement('div');
+        tempEl.className = 'bg-base-200 text-base-content';
+        tempEl.style.position = 'absolute';
+        tempEl.style.visibility = 'hidden';
+        node.appendChild(tempEl);
+        const computedStyle = getComputedStyle(tempEl);
+        const bgColor = computedStyle.backgroundColor;
+        const textColor = computedStyle.color;
+        node.removeChild(tempEl);
         tip.style.backgroundColor = bgColor;
         tip.style.color = textColor;
         document.body.appendChild(tip);

package/dist/{annotation_tool_point-LoRp_nrI.js → annotation_tool_point-Do_1lOD_.js}

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

package/dist/{image_filters_reset-CmWuQiOc.js → image_filters_reset-Dw23NgOZ.js}

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

package/dist/plugins/annotation-editor.js

@@ -4,9 +4,9 @@ var K = (V, t, a) => Me(V, typeof t != "symbol" ? t + "" : t, a);
 import "svelte/internal/disclose-version";
 import * as e from "svelte/internal/client";
 import { getContext as He, untrack as Ce, onMount as Le, onDestroy as Se } from "svelte";
-import { m as _e, g as ne, l as ze, s as Ie, X as we, c as Te, V as De } from "../X-Bn7S7vUL.js";
-import { A as Ee } from "../ArrowCounterClockwise-CM9mGGcp.js";
-import { q as Ue, h as je, c as Re, j as Pe, k as Oe, t as Be, u as Fe, v as qe, r as We, s as Ke, m as Ne, i as Je, g as Xe, a as Ye, n as Ge, f as Qe, e as $e, b as et, d as tt, o as at, l as ot, p as nt } from "../annotation_tool_point-LoRp_nrI.js";
+import { m as _e, g as ne, l as ze, s as Ie, X as we, c as Te, V as De } from "../X-BsrpnzCK.js";
+import { A as Ee } from "../ArrowCounterClockwise-Bcse6skq.js";
+import { q as Ue, h as je, c as Re, j as Pe, k as Oe, t as Be, u as Fe, v as qe, r as We, s as Ke, m as Ne, i as Je, g as Xe, a as Ye, n as Ge, f as Qe, e as $e, b as et, d as tt, o as at, l as ot, p as nt } from "../annotation_tool_point-Do_1lOD_.js";
 class ue {
   constructor() {
     K(this, "id", "localStorage");

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-Bn7S7vUL.js";
-import { A as d0 } from "../ArrowCounterClockwise-CM9mGGcp.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-CmWuQiOc.js";
+import { l as l0, s as i0, X as n0, c as o0, V as c0, g as v0 } from "../X-BsrpnzCK.js";
+import { A as d0 } from "../ArrowCounterClockwise-Bcse6skq.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-Dw23NgOZ.js";
 const G = {
   brightness: 100,
   contrast: 100,

package/dist/state/viewer.svelte.d.ts

@@ -43,6 +43,7 @@ export declare class ViewerState {
     get showCanvasNav(): boolean;
     get showZoomControls(): boolean;
     get galleryFixedHeight(): number;
+    private _viewingMode;
     get viewingMode(): "individuals" | "paged";
     set viewingMode(value: 'individuals' | 'paged');
     pagedOffset: number;

package/dist/state/viewer.svelte.js

@@ -27,10 +27,15 @@ export class ViewerState {
     get galleryFixedHeight() {
         return this.config.gallery?.fixedHeight ?? 120;
     }
+    // Dedicated reactive state for viewingMode to ensure proper reactivity
+    // when accessed in $derived expressions (tileSources computation)
+    _viewingMode = $state('individuals');
     get viewingMode() {
-        return this.config.viewingMode ?? 'individuals';
+        return this._viewingMode;
     }
     set viewingMode(value) {
+        this._viewingMode = value;
+        // Also sync to config for consistency
         this.config.viewingMode = value;
     }
     // Pairing offset for paged mode: 0 = default (pairs start at 1+2), 1 = shifted (page 1 alone, pairs start at 2+3)