@svgrid/grid 2.6.15 → 2.6.17

package/dist/SvForm.svelte.d.ts

@@ -1,7 +1,7 @@
-export type { FormField, FormFieldType, FormSection, FormEntry } from './form-field';
-import { type FormEntry } from './form-field';
-import { type FormMessages } from './createForm.svelte';
-import type { EditorDir } from './editor-contract';
+export type { FormField, FormFieldType, FormSection, FormEntry } from './form-field.js';
+import { type FormEntry } from './form-field.js';
+import { type FormMessages } from './createForm.svelte.js';
+import type { EditorDir } from './editor-contract.js';
 type Props = {
     fields: ReadonlyArray<FormEntry>;
     initial?: Record<string, any>;

package/dist/SvGauge.svelte.d.ts

@@ -6,7 +6,7 @@
    * The arc/needle geometry + `role="meter"` ARIA live in the headless
    * `createGauge` core; this component is just one styled renderer over it.
    */
-import { type EditorDir } from './editor-contract';
+import { type EditorDir } from './editor-contract.js';
 type Band = {
     from: number;
     to: number;

package/dist/SvGrid.controller.svelte.d.ts

@@ -1,10 +1,10 @@
-import { type GridPredicateExpr, type CellEditorOption, type Column, type ColumnDef, type Row, type RowData, type TableFeatures, type ChartType, type ChartSpec, type ChartValueFormat } from "./index";
-import "./sv-grid-scrollbar";
-import { type ColumnStat } from "./conditional-formatting";
-import type { Props, SelectionRange, CellEditState, FilterOperator, MenuPosition, ContextMenuTarget, ChartingConfig } from "./SvGrid.types";
-import { operatorOption, operatorsForColumn, defaultOperatorFor, operatorLabelFor } from "./filter-operators";
-import { type FacetBucket, isBucketableColumn, buildBuckets, isInBucket } from "./facet-buckets";
-import { getColumnBaseValue, isGroupRow, toolPanelHeaderLabel, formatSummaryNumeric, getColumnAlign, getPinnedCellValue, getColumnAccessorValue, columnDefMatchesId } from "./cell-values";
+import { type GridPredicateExpr, type CellEditorOption, type Column, type ColumnDef, type Row, type RowData, type TableFeatures, type ChartType, type ChartSpec, type ChartValueFormat } from "./index.js";
+import "./sv-grid-scrollbar.js";
+import { type ColumnStat } from "./conditional-formatting.js";
+import type { Props, SelectionRange, CellEditState, FilterOperator, MenuPosition, ContextMenuTarget, ChartingConfig } from "./SvGrid.types.js";
+import { operatorOption, operatorsForColumn, defaultOperatorFor, operatorLabelFor } from "./filter-operators.js";
+import { type FacetBucket, isBucketableColumn, buildBuckets, isInBucket } from "./facet-buckets.js";
+import { getColumnBaseValue, isGroupRow, toolPanelHeaderLabel, formatSummaryNumeric, getColumnAlign, getPinnedCellValue, getColumnAccessorValue, columnDefMatchesId } from "./cell-values.js";
 /**
  * SvGrid controller. The component's entire reactive core - every $state,
  * $derived, $effect and handler - lives here so SvGrid.svelte can stay a thin
@@ -110,7 +110,7 @@ export declare function createSvGridController<TFeatures extends TableFeatures =
     readonly selectionColumnWidth: number;
     readonly rowNumberColumnWidth: number;
     readonly showRowNumbersEffective: boolean;
-    readonly filterOperatorOptions: import("./SvGrid.types").FilterOption[];
+    readonly filterOperatorOptions: import("./SvGrid.types.js").FilterOption[];
     readonly TEXT_OPERATORS: FilterOperator[];
     readonly NUMBER_OPERATORS: FilterOperator[];
     readonly DATE_OPERATORS: FilterOperator[];
@@ -175,11 +175,11 @@ export declare function createSvGridController<TFeatures extends TableFeatures =
         rows: Array<Row<TData>>;
     }) => Row<TData>[];
     readonly resolveEffectiveFeatures: () => TableFeatures;
-    readonly grid: import("./createGrid.svelte").SvelteGrid<TableFeatures, TData, {}>;
+    readonly grid: import("./createGrid.svelte.js").SvelteGrid<TableFeatures, TData, {}>;
     userColumnOrder: string[];
     lastSeededOrder: string;
     readonly allColumns: Column<TData>[];
-    readonly headerGroups: import("./core").HeaderGroup<TData>[];
+    readonly headerGroups: import("./core.js").HeaderGroup<TData>[];
     readonly groupHeaderRows: {
         id: string;
         cells: {
@@ -256,13 +256,13 @@ export declare function createSvGridController<TFeatures extends TableFeatures =
     readonly getColumnBaseValue: typeof getColumnBaseValue;
     readonly hasConditionalFormats: boolean;
     readonly conditionalColumnStats: Map<string, ColumnStat>;
-    readonly cellConditionalFormat: (row: Row<TData>, column: Column<TData>, value: unknown) => import("./conditional-formatting").ResolvedCellFormat | null;
+    readonly cellConditionalFormat: (row: Row<TData>, column: Column<TData>, value: unknown) => import("./conditional-formatting.js").ResolvedCellFormat | null;
     readonly isGroupRow: typeof isGroupRow;
     readonly isCellEditable: (column: Column<TData>, row?: Row<TData> | undefined) => boolean;
     readonly isCellEditableAt: (rowIndex: number, colIndex: number) => boolean;
     readonly sortDirectionByColumn: Record<string, false | "asc" | "desc">;
     readonly groupingColumns: any;
-    readonly groupDisplayMode: import("./group-display").GroupDisplayType;
+    readonly groupDisplayMode: import("./group-display.js").GroupDisplayType;
     readonly groupColumnMode: boolean;
     readonly autoGroupCell: (row: Row<TData>, columnId: string) => {
         label: string;
@@ -297,12 +297,12 @@ export declare function createSvGridController<TFeatures extends TableFeatures =
     readonly toolPanelHeaderLabel: typeof toolPanelHeaderLabel;
     readonly toggleColumnVisibleInPanel: (columnId: string) => void;
     readonly moveColumnInPanel: (columnId: string, dir: -1 | 1) => void;
-    readonly messages: import("./grid-messages").GridMessages;
-    readonly pivotConfig: import("./pivot-view.svelte").GridPivotConfig<TData> | null;
+    readonly messages: import("./grid-messages.js").GridMessages;
+    readonly pivotConfig: import("./pivot-view.svelte.js").GridPivotConfig<TData> | null;
     readonly pivotActive: boolean;
     readonly pivotResult: {
-        rows: import("./pivot-view.svelte").GridPivotRow[];
-        columns: ColumnDef<TableFeatures, import("./pivot-view.svelte").GridPivotRow>[];
+        rows: import("./pivot-view.svelte.js").GridPivotRow[];
+        columns: ColumnDef<TableFeatures, import("./pivot-view.svelte.js").GridPivotRow>[];
     } | null;
     readonly pivotModeOn: boolean;
     readonly hasPivotEngine: boolean;
@@ -395,33 +395,33 @@ export declare function createSvGridController<TFeatures extends TableFeatures =
     lastFiltersSerialized: string;
     readonly virtualizer: {
         readonly version: number;
-        setOptions: (next: Partial<import("./index").VirtualizerOptions>) => void;
+        setOptions: (next: Partial<import("./index.js").VirtualizerOptions>) => void;
         setScrollOffset: (scrollOffset: number) => void;
         setViewportHeight: (viewportHeight: number) => void;
         scrollToIndex: (index: number) => void;
-        getVirtualItems: () => import("./index").VirtualItem[];
+        getVirtualItems: () => import("./index.js").VirtualItem[];
         getTotalSize: () => number;
         getOffsetForIndex: (index: number) => number;
         getSizeForIndex: (index: number) => number;
-        getState: () => import("./index").VirtualizerState;
+        getState: () => import("./index.js").VirtualizerState;
     };
     readonly columnVirtualizer: {
         setViewportWidth(viewportWidth: number): void;
         setHorizontalOffset(scrollOffset: number): void;
-        setOptions(next: Partial<import("./index").VirtualizerOptions>): void;
+        setOptions(next: Partial<import("./index.js").VirtualizerOptions>): void;
         setScrollOffset(scrollOffset: number): void;
         setViewportHeight(viewportHeight: number): void;
         scrollToIndex(index: number): void;
-        getVirtualItems(): import("./index").VirtualItem[];
+        getVirtualItems(): import("./index.js").VirtualItem[];
         getTotalSize(): number;
         getOffsetForIndex(index: number): number;
         getSizeForIndex(index: number): number;
-        getState(): import("./index").VirtualizerState;
+        getState(): import("./index.js").VirtualizerState;
         subscribe(listener: () => void): () => boolean;
     };
     readonly rowVirtualizationEnabled: boolean;
     readonly columnVirtualizationEnabled: boolean;
-    readonly virtualRows: import("./index").VirtualItem[];
+    readonly virtualRows: import("./index.js").VirtualItem[];
     readonly autoRowHeightOn: boolean;
     /** Svelte action: measure this row and report its natural height. */
     readonly measureRowHeight: (node: HTMLElement, index: number) => {
@@ -441,9 +441,9 @@ export declare function createSvGridController<TFeatures extends TableFeatures =
     readonly rowBottomSpacer: number;
     readonly domToLogicalRowOffset: (domTop: number) => number;
     readonly logicalToDomRowOffset: (logical: number) => number;
-    readonly virtualColumns: import("./index").VirtualItem[];
+    readonly virtualColumns: import("./index.js").VirtualItem[];
     readonly virtualColumnTotalSize: number;
-    readonly renderedColumnItems: import("./index").VirtualItem[] | {
+    readonly renderedColumnItems: import("./index.js").VirtualItem[] | {
         index: number;
         key: number;
         size: any;
@@ -472,7 +472,7 @@ export declare function createSvGridController<TFeatures extends TableFeatures =
     readonly formatSummaryNumeric: typeof formatSummaryNumeric;
     readonly computeSummaries: (rows: readonly Row<TData>[], columns: readonly Column<TData>[]) => Record<string, string>;
     readonly SUMMARY_DEFER_CELL_LIMIT: number;
-    summaryByColumn: Record<string, string>;
+    readonly summaryByColumn: Record<string, string>;
     hasMeasured: boolean;
     scrollBottomArmed: boolean;
     readonly onBodyScroll: (event: Event) => void;
@@ -601,7 +601,7 @@ export declare function createSvGridController<TFeatures extends TableFeatures =
     readonly updateFilterMenuValueTo: (columnId: string, valueTo: string) => void;
     readonly toggleCheckboxWithKeyboard: (event: KeyboardEvent, toggle: () => void) => void;
     readonly getColumnAccessorValue: typeof getColumnAccessorValue;
-    readonly fallbackOperatorOption: import("./SvGrid.types").FilterOption;
+    readonly fallbackOperatorOption: import("./SvGrid.types.js").FilterOption;
     readonly operatorOption: typeof operatorOption;
     readonly operatorsForColumn: typeof operatorsForColumn;
     readonly defaultOperatorFor: typeof defaultOperatorFor;
@@ -647,6 +647,6 @@ export declare function createSvGridController<TFeatures extends TableFeatures =
     readonly clearColumnFilter: (columnId: string) => void;
     readonly onWindowKeydown: (event: KeyboardEvent) => void;
     readonly columnDefMatchesId: typeof columnDefMatchesId;
-    readonly buildApi: () => import("./svgrid-wrapper.types").SvGridApi<TFeatures, TData>;
+    readonly buildApi: () => import("./svgrid-wrapper.types.js").SvGridApi<TFeatures, TData>;
     apiNotified: boolean;
 };

package/dist/SvGrid.controller.svelte.js

@@ -1,33 +1,33 @@
-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";
-import { createFeatures } from "./features";
-import { createScrollSync, } from "./scroll-sync";
-import { createKeyboard, } from "./keyboard-handlers";
-import { createSummaries, } from "./summaries";
-import { createMenus, } from "./menus";
-import { createCellRender, } from "./cell-render";
-import { createEditing, } from "./editing";
-import { createSelection, } from "./selection";
-import { createColumns, } from "./columns";
-import { createRowDrag, } from "./row-drag";
-import { createAlignedGrids, } from "./aligned-grids";
-import { resolveColumnTypes, } from "./column-types";
-import { computeColumnGroupMeta, hiddenLeavesForCollapse, } from "./column-groups";
-import { resolveColumnId } from "./column-id";
-import { buildAutoGroupColumns, insertGroupFooters, paginateGroupedRows } from "./group-display";
-import { createGridApi, } from "./build-api";
-import { createClipboard, } from "./clipboard";
-import { resolveGridMessages } from "./grid-messages";
-import { announce } from "./a11y/live-region";
-import { filterAnnouncement, selectionAnnouncement, } from "./a11y/grid-announcements";
-import { getPivotEngine, hasPivotEngine } from "./pivot-view.svelte";
-import { filterOperatorOptions, fallbackOperatorOption, TEXT_OPERATORS, NUMBER_OPERATORS, DATE_OPERATORS, CHECKBOX_OPERATORS, operatorOption, operatorsForColumn, defaultOperatorFor, operatorLabelFor, } from "./filter-operators";
-import { isBucketableColumn, buildBuckets, isInBucket, } from "./facet-buckets";
-import { getColumnBaseValue, isGroupRow, toolPanelHeaderLabel, formatSummaryNumeric, getColumnAlign, getPinnedCellValue, getColumnAccessorValue, columnDefMatchesId, } from "./cell-values";
+import { applyGroupAggregate, applyRowPredicate, compileExcelFilter, getAdvancedFilterEngine, normalizeForFilter, createColumnVirtualizer, createCoreRowModel, createExpandedRowModel, createFilteredRowModel, createGroupedRowModel, createTreeRowModel, createSvelteVirtualizer, createSortedRowModel, createSvGrid, getGridCellDomId, sortFns, } from "./index.js";
+import { createRowScrollScaling, resolveMaxDomHeight, } from "./virtualization/scroll-scaling.js";
+import { buildPreMeasureItems } from "./virtualization/virtualizer.js";
+import "./sv-grid-scrollbar.js";
+import { computeColumnStat, formatsNeedingStats, formatNeedsStats, } from "./conditional-formatting.js";
+import { rawToNumber, } from "./SvGrid.helpers.js";
+import { createFeatures } from "./features.js";
+import { createScrollSync, } from "./scroll-sync.js";
+import { createKeyboard, } from "./keyboard-handlers.js";
+import { createSummaries, } from "./summaries.js";
+import { createMenus, } from "./menus.js";
+import { createCellRender, } from "./cell-render.js";
+import { createEditing, } from "./editing.js";
+import { createSelection, } from "./selection.js";
+import { createColumns, } from "./columns.js";
+import { createRowDrag, } from "./row-drag.js";
+import { createAlignedGrids, } from "./aligned-grids.js";
+import { resolveColumnTypes, } from "./column-types.js";
+import { computeColumnGroupMeta, hiddenLeavesForCollapse, } from "./column-groups.js";
+import { resolveColumnId } from "./column-id.js";
+import { buildAutoGroupColumns, insertGroupFooters, paginateGroupedRows } from "./group-display.js";
+import { createGridApi, } from "./build-api.js";
+import { createClipboard, } from "./clipboard.js";
+import { resolveGridMessages } from "./grid-messages.js";
+import { announce } from "./a11y/live-region.js";
+import { filterAnnouncement, selectionAnnouncement, } from "./a11y/grid-announcements.js";
+import { getPivotEngine, hasPivotEngine } from "./pivot-view.svelte.js";
+import { filterOperatorOptions, fallbackOperatorOption, TEXT_OPERATORS, NUMBER_OPERATORS, DATE_OPERATORS, CHECKBOX_OPERATORS, operatorOption, operatorsForColumn, defaultOperatorFor, operatorLabelFor, } from "./filter-operators.js";
+import { isBucketableColumn, buildBuckets, isInBucket, } from "./facet-buckets.js";
+import { getColumnBaseValue, isGroupRow, toolPanelHeaderLabel, formatSummaryNumeric, getColumnAlign, getPinnedCellValue, getColumnAccessorValue, columnDefMatchesId, } from "./cell-values.js";
 import { untrack } from "svelte";
 /**
  * Conservative fallback for the browser's max element height, used during SSR
@@ -399,7 +399,12 @@ export function createSvGridController(rawProps, domIdBase) {
     const showRowSelectionEffective = $derived(props.showRowSelection ??
         ((props.selectionMode ?? "both") === "row" ||
             (props.selectionMode ?? "both") === "both"));
-    const enableCellSelectionEffective = $derived(props.enableCellSelection ??
+    // `selectable` is the shortcut alias, so it wins over the fine-grained prop,
+    // which in turn wins over `selectionMode` - the same precedence the other
+    // shortcuts use. Unlike them it starts ON (selectionMode defaults to 'both'),
+    // so its real work is `selectable={false}`.
+    const enableCellSelectionEffective = $derived(props.selectable ??
+        props.enableCellSelection ??
         ((props.selectionMode ?? "both") === "cell" ||
             (props.selectionMode ?? "both") === "both"));
     // Internal source-of-truth for data and column defs. Seeded from props and
@@ -1766,7 +1771,7 @@ export function createSvGridController(rawProps, domIdBase) {
     let chartEngine = $state(null);
     $effect(() => {
         if (chartingEnabled && !chartEngine)
-            import("./chart").then((m) => (chartEngine = m.rowsToChartSpec));
+            import("./chart.js").then((m) => (chartEngine = m.rowsToChartSpec));
     });
     const chartSpec = $derived.by(() => {
         if (!chartingEnabled || !chartCfg)
@@ -2180,7 +2185,50 @@ export function createSvGridController(rawProps, domIdBase) {
     // before the grid ever appears. Smaller grids compute inline so the
     // footer is correct on the first frame (no flicker).
     const SUMMARY_DEFER_CELL_LIMIT = 50000;
-    let summaryByColumn = $state({});
+    /** Deferred summaries for a grid too big to total inline. A grid under the
+     *  cell limit is handled by `eagerSummaries` below - synchronously, so the
+     *  totals are in the SERVER-rendered footer too. */
+    let deferredSummaries = $state({});
+    /**
+     * The aggregator, handed over once `createSummaries(ctx)` has run - it needs
+     * `ctx`, which cannot exist this early. Held in `$state` so `eagerSummaries`
+     * recomputes when it lands.
+     *
+     * The whole dance is to keep the declaration ABOVE `ctx`: a `$derived`
+     * referenced before its declaration is mis-compiled (the binding is dropped
+     * and the `ctx` getter comes out with an empty body, so the footer read
+     * `undefined` and threw on the first column id).
+     */
+    let summarize = $state(null);
+    /**
+     * Footer totals for a grid small enough to aggregate inline, derived rather
+     * than assigned from an `$effect`.
+     *
+     * Effects never run during SSR, so when the totals lived only in the effect
+     * the server emitted a summary row of EMPTY cells: the numbers appeared only
+     * after hydration (a visible pop-in), and never at all for a reader with
+     * JavaScript off - while the row still took up space and drew its border.
+     * A `$derived` runs on the server too, so the totals ship with the HTML.
+     *
+     * `null` above the cell limit - that case stays on the rAF-deferred effect,
+     * which keeps a huge grid painting before it totals.
+     */
+    const eagerSummaries = $derived.by(() => {
+        if (!summarize)
+            return null;
+        if (!(props.enableRowSummaries ?? true))
+            return null;
+        const rows = allRows;
+        const columns = allColumns;
+        if (rows.length * columns.length > SUMMARY_DEFER_CELL_LIMIT)
+            return null;
+        // `computeSummaries` reads `editedCellValues` through `ctx`, so an inline
+        // edit re-runs this too.
+        return summarize(rows, columns);
+    });
+    /** What the footer renders: the inline totals when the grid is small enough,
+     *  otherwise the rAF-deferred ones. */
+    const summaryByColumn = $derived(eagerSummaries ?? deferredSummaries);
     $effect(() => {
         // Re-aggregate whenever the data / columns / edits change. We depend on
         // `allRows` / `allColumns` / `editedCellValues` DIRECTLY - not the
@@ -2194,19 +2242,20 @@ export function createSvGridController(rawProps, domIdBase) {
         const rows = allRows;
         const columns = allColumns;
         if (!(props.enableRowSummaries ?? true)) {
-            summaryByColumn = {};
+            deferredSummaries = {};
             return;
         }
         if (rows.length * columns.length <= SUMMARY_DEFER_CELL_LIMIT ||
             typeof requestAnimationFrame === "undefined") {
-            summaryByColumn = computeSummaries(rows, columns);
+            // Small enough to total inline - `eagerSummaries` already did, and it
+            // wins in the getter, so there is nothing to recompute here.
             return;
         }
         // Large grid: paint first, total a frame later.
         let cancelled = false;
         const handle = requestAnimationFrame(() => {
             if (!cancelled)
-                summaryByColumn = computeSummaries(rows, columns);
+                deferredSummaries = computeSummaries(rows, columns);
         });
         return () => {
             cancelled = true;
@@ -2409,18 +2458,39 @@ export function createSvGridController(rawProps, domIdBase) {
     // width/height stays in sync. Always attached (window resize / parent
     // layout shift / sidebar collapse can change the size whether the
     // consumer passed a numeric or "100%" containerHeight).
-    /** True after the first ResizeObserver tick - i.e. once the grid has
-     *  measured its real container size and `fitColumns` has had a chance
-     *  to scale the columns to that width. Used to gate the scrollbar
-     *  visibility: rendering it before this flips paints a horizontal
-     *  scrollbar for ONE frame (based on the base column widths summing
-     *  larger than the viewport), then immediately hides it once fit
-     *  scaling kicks in - visible as a "flashing horizontal scrollbar"
-     *  every time a demo first loads. */
+    /** True once the grid has measured its real container size and `fitColumns`
+     *  has had a chance to scale the columns to that width. Gates the scrollbar
+     *  visibility, the scrollbar gutter on a trailing right-aligned column and
+     *  the top pager: rendering those before this flips paints a horizontal
+     *  scrollbar for ONE frame (based on the base column widths summing larger
+     *  than the viewport), then immediately hides it once fit scaling kicks in -
+     *  visible as a "flashing horizontal scrollbar" every time a demo first
+     *  loads. */
     let hasMeasured = $state(false);
     $effect(() => {
         if (!scrollContainer)
             return;
+        // Measure SYNCHRONOUSLY here, not just from the observer below. Effects run
+        // after the DOM is in place but before the browser paints, so reading the
+        // container now lets the very first painted frame already carry the
+        // scrollbars, the fit-scaled column widths, the 16px gutter on a trailing
+        // right-aligned column and the top pager (which has a `border-top`).
+        // `observeSizeRaf` has to defer its callback by a frame (or the
+        // ResizeObserver re-notifies within one delivery cycle), so relying on it
+        // alone guarantees one painted frame in the unmeasured state - a visible
+        // flash on EVERY mount, and therefore on every navigation in an app that
+        // recreates the grid (e.g. a `{#key}` around it, or a route that remounts).
+        // `untrack` keeps the writes below from making this effect depend on
+        // `viewportVersion` (it would then re-run and re-attach the observer).
+        untrack(() => {
+            // A zero-height container means the grid is not laid out yet (hidden
+            // ancestor, `display: none`); leave it unmeasured and let the observer
+            // flip it when the box becomes real.
+            if (scrollContainer && scrollContainer.clientHeight > 0) {
+                viewportVersion += 1;
+                hasMeasured = true;
+            }
+        });
         return observeSizeRaf(scrollContainer, () => {
             viewportVersion += 1;
             if (!hasMeasured)
@@ -3225,7 +3295,6 @@ export function createSvGridController(rawProps, domIdBase) {
         get computeSummaries() { return computeSummaries; },
         get SUMMARY_DEFER_CELL_LIMIT() { return SUMMARY_DEFER_CELL_LIMIT; },
         get summaryByColumn() { return summaryByColumn; },
-        set summaryByColumn(v) { summaryByColumn = v; },
         get hasMeasured() { return hasMeasured; },
         set hasMeasured(v) { hasMeasured = v; },
         get scrollBottomArmed() { return scrollBottomArmed; },
@@ -3379,6 +3448,9 @@ export function createSvGridController(rawProps, domIdBase) {
     const { showTooltipFor, hideTooltip, flushScheduledScrollSync, scheduleScrollSync, onBodyScroll } = createScrollSync(ctx);
     const { onGridKeyDown, onWindowKeydown, onHeaderSortClick } = createKeyboard(ctx);
     const { computeSummaries, hasRenderedColumn } = createSummaries(ctx);
+    // Hand the aggregator to `eagerSummaries` (declared above `ctx`, which this
+    // needs). Plain assignment during init - no effect, so SSR gets it too.
+    summarize = computeSummaries;
     const { updateFilterRow, updateFilterOperator, updateFilterMenuValue, updateFilterMenuValueTo, addFilterToken, removeFilterToken, toggleFilterToken, toggleCheckboxWithKeyboard, isColumnFiltered, closeMenus, openInSuggest, closeInSuggest, openChooseColumns, openColumnMenu, openFilterMenu, openOperatorMenu, sortColumnFromMenu, clearColumnSort, groupByColumnFromMenu, clearGroupingFromMenu, isFacetChecked, toggleFacetValue, setFacetSelection, setFilterTokens, isAllFacetsChecked, toggleAllFacets, clearColumnFilter, changePage, goToPage, setPageSize, openContextMenu, closeContextMenu, contextMenuItems, saveComment, removeComment, closeCommentEditor } = createMenus(ctx);
     const { cellConditionalFormat, computeRowClass, computeCellClass, computeCellTooltip, computeCellValidity, computeCellNote, getColumnEditorOptions, areEditorOptionsLoading, formatListCellValue, formatCellValue, formatPinnedValue, computePinnedCellClass } = createCellRender(ctx);
     const { isCellEditable, isCellEditableAt, getRowColumnValue, getCellDisplayValue, startEditingWithChar, startEditing, stopEditing, startFullRowEdit, setFullRowDraft, commitFullRowEdit, cancelFullRowEdit, saveEditingCell, applyHistoryStep, updateEditingCellValue, onEditorKeyDown, commitAndMoveByTab, focusOnMount, onCellDoubleClick, pasteFromClipboard, onGridPaste } = createEditing(ctx);