@lavalogic/scoria 0.37.54 → 0.37.55

package/dist/Components/Table/Types/Columns/JSONTableLayout.d.ts

@@ -23,15 +23,24 @@ export interface JSONTableLayout {
     visibility: VisibilityState;
     /** Pinned-left / pinned-right column ids with their pinned widths. */
     pinning: JSONColumnPinningState;
-    /** Per-column user-set widths in pixels. */
+    /**
+     * Widths (px) of columns the user has explicitly resized, keyed by
+     * column id. Columns absent from this map keep their factory-default
+     * width; on restore each entry sets the def's `width` and marks it
+     * `userResized` so the grid renders the fixed track.
+     */
     sizing: ColumnSizingState;
 }
 /**
  * Schema version for the persisted `JSONTableLayout` envelope. Bump when
- * the shape changes in a backwards-incompatible way; `readVersionedJSON`
- * silently drops envelopes written under a different version.
+ * the shape or field semantics change in a backwards-incompatible way;
+ * `readVersionedJSON` silently drops envelopes written under a different
+ * version.
+ *
+ * v2: `sizing` switched from a snapshot of the (vestigial) `columnSizing`
+ * map to the real per-`ColumnDef` `width` of user-resized columns.
  */
-export declare const TABLE_LAYOUT_SCHEMA_VERSION = 1;
+export declare const TABLE_LAYOUT_SCHEMA_VERSION = 2;
 /**
  * Conservative typeguard for a persisted `JSONTableLayout`. localStorage
  * is same-origin-writable so the decoded value is untrusted; this checks

package/dist/Components/Table/Types/Columns/JSONTableLayout.js

@@ -1,9 +1,13 @@
 /**
  * Schema version for the persisted `JSONTableLayout` envelope. Bump when
- * the shape changes in a backwards-incompatible way; `readVersionedJSON`
- * silently drops envelopes written under a different version.
+ * the shape or field semantics change in a backwards-incompatible way;
+ * `readVersionedJSON` silently drops envelopes written under a different
+ * version.
+ *
+ * v2: `sizing` switched from a snapshot of the (vestigial) `columnSizing`
+ * map to the real per-`ColumnDef` `width` of user-resized columns.
  */
-export const TABLE_LAYOUT_SCHEMA_VERSION = 1;
+export const TABLE_LAYOUT_SCHEMA_VERSION = 2;
 /**
  * Conservative typeguard for a persisted `JSONTableLayout`. localStorage
  * is same-origin-writable so the decoded value is untrusted; this checks

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

@@ -1826,11 +1826,23 @@ export class TableContext {
             left: [...(this.columnPinning.left?.entries() ?? [])],
             right: [...(this.columnPinning.right?.entries() ?? [])],
         };
+        // Width state lives on each `ColumnDef` (`width` + `userResized`),
+        // not in `columnSizing`: the grid template reads the def fields and
+        // the resize-handle drag writes them. Persist only columns the user
+        // has actually resized; the rest keep their factory-default width.
+        // Reading `userResized` / `width` here also makes the auto-persist
+        // `$effect` re-run on every drag-resize.
+        const sizing = {};
+        for (const def of this.columnDefs) {
+            if (def.userResized) {
+                sizing[def.id] = def.width;
+            }
+        }
         return {
             columnOrder,
             visibility: { ...this.columnVisibility },
             pinning,
-            sizing: { ...this.columnSizing },
+            sizing,
         };
     }
     /**
@@ -1863,7 +1875,7 @@ export class TableContext {
             return def;
         });
         this.columnDefs = ordered;
-        // Visibility / sizing: keep only ids still present in the table.
+        // Visibility: keep only ids still present in the table.
         const visibility = {};
         for (const [id, visible] of Object.entries(layout.visibility)) {
             if (byId.has(id)) {
@@ -1871,13 +1883,16 @@ export class TableContext {
             }
         }
         this.columnVisibility = visibility;
-        const sizing = {};
+        // Sizing: restore user-resized widths onto the matching defs. The
+        // grid template reads `def.width` + `def.userResized`, so set both;
+        // columns absent from the snapshot keep their factory default.
         for (const [id, width] of Object.entries(layout.sizing)) {
-            if (byId.has(id)) {
-                sizing[id] = width;
+            const def = byId.get(id);
+            if (def) {
+                def.width = width;
+                def.userResized = true;
             }
         }
-        this.columnSizing = sizing;
         this.columnPinning = adaptJSONPinningState(layout.pinning);
     }
     /**

package/package.json

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