@svgrid/grid 2.6.7 → 2.6.8

package/dist/SvGrid.controller.svelte.js

@@ -1,5 +1,6 @@
 import { applyGroupAggregate, applyRowPredicate, compileExcelFilter, getAdvancedFilterEngine, normalizeForFilter, createColumnVirtualizer, createCoreRowModel, createExpandedRowModel, createFilteredRowModel, createGroupedRowModel, createTreeRowModel, createSvelteVirtualizer, createSortedRowModel, createSvGrid, getGridCellDomId, sortFns, } from "./index";
 import { createRowScrollScaling, resolveMaxDomHeight, } from "./virtualization/scroll-scaling";
+import { buildPreMeasureItems } from "./virtualization/virtualizer";
 import "./sv-grid-scrollbar";
 import { computeColumnStat, formatsNeedingStats, formatNeedsStats, } from "./conditional-formatting";
 import { rawToNumber, } from "./SvGrid.helpers";
@@ -1952,13 +1953,31 @@ export function createSvGridController(rawProps, domIdBase) {
     });
     const rowVirtualizationEnabled = $derived((props.virtualization ?? true) && allRows.length > 0);
     const columnVirtualizationEnabled = $derived((props.columnVirtualization ?? true) && allColumns.length > 0);
+    // Row height / viewport as they can be known WITHOUT measuring the DOM. Used
+    // only for the pre-measurement window below; once the measuring effect runs,
+    // the virtualizer's own (real) numbers take over.
+    const preMeasureRowHeight = $derived(typeof props.rowHeight === "number" ? props.rowHeight : 30);
+    const preMeasureViewport = $derived(typeof props.containerHeight === "number" ? props.containerHeight : 520);
     const virtualRows = $derived.by(() => {
         virtualizer.version;
-        return virtualizer.getVirtualItems();
+        const items = virtualizer.getVirtualItems();
+        if (items.length || allRows.length === 0)
+            return items;
+        // No measurement yet. On a server that is permanent (effects never run), so
+        // without this the grid emits an empty <tbody> and its content is invisible
+        // to crawlers and no-JS clients. On the client this is the first render
+        // only, and it matches what the server produced, so hydration is clean.
+        return buildPreMeasureItems(allRows.length, preMeasureRowHeight, preMeasureViewport, props.overscan ?? 8);
     });
     const virtualRowTotalSize = $derived.by(() => {
         virtualizer.version;
-        return virtualizer.getTotalSize();
+        const size = virtualizer.getTotalSize();
+        // Keep the scroll height honest during the pre-measurement render, so the
+        // spacers below do not collapse the body to the height of one window.
+        if (size === 0 && allRows.length > 0) {
+            return allRows.length * preMeasureRowHeight;
+        }
+        return size;
     });
     const virtualRowStart = $derived.by(() => virtualRows[0]?.start ?? 0);
     const virtualRowEnd = $derived.by(() => virtualRows[virtualRows.length - 1]?.end ?? 0);
@@ -2017,16 +2036,28 @@ export function createSvGridController(rawProps, domIdBase) {
         columnVirtualizerVersion;
         return columnVirtualizer.getTotalSize();
     });
+    /** Every column, laid out left to right. The non-virtualized layout, and the
+     *  fallback while no measurement exists. */
+    const allColumnItems = () => {
+        let start = 0;
+        return allColumns.map((column, index) => {
+            const size = getColumnWidth(column.id);
+            const item = { index, key: index, size, start, end: start + size };
+            start += size;
+            return item;
+        });
+    };
     const renderedColumnItems = $derived.by(() => {
-        if (!columnVirtualizationEnabled) {
-            let start = 0;
-            return allColumns.map((column, index) => {
-                const size = getColumnWidth(column.id);
-                const item = { index, key: index, size, start, end: start + size };
-                start += size;
-                return item;
-            });
-        }
+        if (!columnVirtualizationEnabled)
+            return allColumnItems();
+        // Column virtualization is ON by default and its virtualizer, like the row
+        // one, only learns `count` from an effect - which never runs on a server.
+        // Without this the server emitted rows containing no data cells. Render the
+        // full set pre-measurement: it is what a crawler should see, it matches the
+        // first client render so hydration is clean, and the real window replaces
+        // it as soon as the measuring effect lands.
+        if (virtualColumns.length === 0 && allColumns.length > 0)
+            return allColumnItems();
         // Pinned columns are position:sticky, so they only stay pinned while their
         // cell is in the DOM. Plain column virtualization drops them once they leave
         // the scroll window, and the pinned column vanishes. Because allColumns is

package/dist/cdn/{GridMenus-C7SFm3Dp.js → GridMenus-D3JbtKWp.js}

@@ -1,4 +1,4 @@
-import { Kn as e, co as t, so as n } from "./src-V2_KUw2j.js";
+import { Kn as e, co as t, so as n } from "./src-cKs_0jXV.js";
 import { b as r } from "./editor-registry-CiI0xlKg.js";
 import { l as i } from "./SvDateTimePicker-DSUhIta8.js";
 import * as a from "svelte/internal/client";

package/dist/cdn/{GridMenus-0i2QnChI.js → GridMenus-g9aHrUhs.js}

@@ -1,4 +1,4 @@
-import { Kn as e, co as t, so as n } from "./src-BkucJd50.js";
+import { Kn as e, co as t, so as n } from "./src-B76QPix7.js";
 import { E as r, F as i, G as a, H as o, I as s, L as c, N as l, Q as u, U as d, V as f, X as p, Y as m, Z as h, _ as g, d as _, et as v, f as y, ft as b, g as x, h as S, j as C, k as w, lt as T, m as E, mt as D, nt as O, o as k, pt as A, st as j, t as M, tt as N, u as P, ut as F, v as I } from "./disclose-version-Dr7rEVv-.js";
 import { b as ee } from "./editor-registry-CiI0xlKg.js";
 import { l as te } from "./SvDateTimePicker-h9kPyszT.js";