@lavalogic/scoria 0.37.51 → 0.37.52

package/dist/Components/Table/Types/Context/FocusState.svelte.js

@@ -711,14 +711,35 @@ export class FocusState {
      * the call-site signature clean for cell consumers.
      */
     getFocusDetailsFor(cell) {
-        let details = this._focusDetailsCache.get(cell);
-        if (!details) {
-            // The TableContext ref is supplied via a thunk to keep this
-            // sub-context decoupled from the parent.
-            const parent = this._deps.getTableContextRef();
-            details = new TableFocusDetails(cell, parent);
-            this._focusDetailsCache.set(cell, details);
-        }
-        return details;
+        const cached = this._focusDetailsCache.get(cell);
+        if (cached) {
+            return cached;
+        }
+        // The TableContext ref is supplied via a thunk to keep this
+        // sub-context decoupled from the parent.
+        const parent = this._deps.getTableContextRef();
+        // `TableFocusDetails` exposes its whole surface as `$derived` /
+        // `$derived.by` fields. This factory is invoked by cell components
+        // from inside a `$derived(...)` expression, so constructing the
+        // instance inline would bind those deriveds to whichever cell
+        // component first missed the cache. That component is destroyed on
+        // the next re-render / scroll, leaving the cached instance's
+        // deriveds owned by a dead scope - Svelte's `derived_inert` warning,
+        // and stale focus-outline values for every later reader. Building it
+        // inside an `$effect.root` gives the deriveds a standalone owner that
+        // outlives any single cell. The root is reachable only through the
+        // `WeakMap`-cached instance, so it is collected together with the
+        // cell and needs no explicit teardown.
+        let created;
+        $effect.root(() => {
+            created = new TableFocusDetails(cell, parent);
+        });
+        if (!created) {
+            // `$effect.root` runs its callback synchronously, so this is
+            // unreachable; it exists only to narrow the type below.
+            throw new Error('getFocusDetailsFor: TableFocusDetails was not constructed');
+        }
+        this._focusDetailsCache.set(cell, created);
+        return created;
     }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lavalogic/scoria",
   "description": "Svelte components used for the FloWMS Web Frontend",
-  "version": "0.37.51",
+  "version": "0.37.52",
   "publishConfig": {
     "access": "restricted"
   },